@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1041px){
	.crumbs a:hover {
		color: #f28e12;
	}
	.page-navigation li a:hover span {
		color: #f28e12;
	}
	.page-navigation li a:hover span:after {
		display: block;
	}
	.pages ul li a:hover {
		color: #fff;
		background: #f28e12;
	}
	.menu-list li .sub-menu a:hover {
		color: #fff;
		background-color: transparent;
	}
	.category-more a:hover {
		background: #f28e12;
		color: #fff;
	}
	.main-swiper .content-btn a:hover {
		background: #f28e12;
		border: 1px solid #f28e12;
	}
	.footer a:hover {
		color: #eee;
	}
	.news-list ul li .img-con img {
		-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	.news-list ul li a:hover .img-con img {
		-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
		-moz-transform:scale(1.2, 1.2); 	/* Firefox */
		-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
		-o-transform:scale(1.2, 1.2); 	/* Opera */
		transform: scale(1.2, 1.2);
	}
	.news-list ul li .img-con .img-icon {
		position: absolute;
		width: 30px;
		height: 30px;
		top: -30px;
		left: 50%;
		margin-left: -15px;
		background: url(../images/icon/17.png) no-repeat center center;
		-webkit-transition: all .3s ease-out 0.2s;
		-moz-transition: all .3s ease-out 0.2s;
		-ms-transition: all .3s ease-out 0.2s;
		transition: all .3s ease-out 0.2s;
		filter: alpha(Opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		z-index: 2;
	}
	.news-list ul li .img-con .img-mask {
		position: absolute;
		width: 100%;
		height: 0;
		bottom: 0;
		background: #000;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
		filter: alpha(Opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		z-index: 1;
		overflow: hidden;
	}
	.news-list ul li a:hover .img-con .img-icon {
		top: 50%;
		margin-top: -15px;
		filter:alpha(Opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}
	.news-list ul li a:hover .img-con .img-mask {
		filter:alpha(Opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		height: 100%;
	}
	.news-list ul li a:hover .title {
		color:#f28e12;
	}
	
	
}

@media screen and (max-width:1440px){
	.main-swiper .content-con .content-font p {
		font-size: 40px;
	}
	.main-swiper .content-image {
		width: 720px;
	}
	.convenient .logistics-query {
		width: 320px;
	}
	.convenient .convenient-navigation {
		width: 760px;
	}
	.convenient .convenient-navigation li a {
		padding: 14px;
	}
	.convenient .convenient-navigation li .img-con {
		left: 14px;
	}
	.product-service-list {
		width: 1200px;
	}
	.product-service-list ul {
		width: 1240px;
	}
	.product-service-list li {
		width: 293px;
	}
	.main-about .about-img,
	.main-about .about-img img {
		width: 600px;
		height: 360px;
	}
	.main-about .about-info {
		width: 520px;
	}
	.main-about .about-info h2 {
		margin-top: 0;
	}
	.main-about .about-info p {
		height: 150px;
	}
	.main-about .category-more {
		margin-top: 30px;
	}
	
	.news-list {
		width: 1200px;
	}
	.news-list ul {
		width: 1240px;
	}
	.news-list ul li {
		width: 270px;
	}
	.news-list ul li .img-con,
	.news-list ul li .img-con img {
		width: 270px;
    	height: 162px;
	}
	.news-list ul li .info-box {
		padding: 20px;
	}
	.network-list li {
		width: 580px;
	}
	.footer-qrcode .footer-qrcode-box {
		margin-left: 30px;
	}
}
@media screen and (max-width:1240px){
	.main-swiper .content-con .content-font b {
		font-size: 40px;
	}
	.main-swiper .content-image {
		width: 620px;
	}
	.convenient .logistics-query {
		width: 280px;
		padding-right: 90px;
	}
	.convenient .logistics-query textarea {
		padding: 14px;
	}
	.convenient .logistics-query button {
		width: 90px;
	}
	.convenient .convenient-navigation {
		width: 630px;
	}
	.convenient .convenient-navigation li {
		padding-left: 2%;
	}
	.convenient .convenient-navigation li a {
		padding: 14px;
	}

	.menu-list li {
		padding-left: 0;
	}
	.container-head {
		margin-bottom: 20px;
	}
	.product-service-list {
		width: 1000px;
	}
	.product-service-list ul {
		width: 1020px;
	}
	.product-service-list li {
		width: 280px;
		padding: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.product-service-list li .img-con,
	.product-service-list li .img-con img {
		width: 70px;
		height: 70px;
	}
	.main-about .about-img,
	.main-about .about-img img {
		width: 500px;
		height: 300px;
	}
	.main-about .about-info {
		width: 440px;
		padding: 20px 30px;
	}
	.main-about .about-info h2 {
		margin-top: 0;
	}
	.main-about .about-info p {
		margin-top: 10px;
		height: 150px;
	}
	.main-about .category-more {
		margin-top: 20px;
	}
	.news-list {
		width: 1000px;
	}
	.news-list ul {
		width: 1020px;
	}
	.news-list ul li {
		width: 235px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.news-list ul li .img-con,
	.news-list ul li .img-con img {
		width: 235px;
    	height: 141px;
	}
	.news-list ul li .info-box {
		font-size: 16px;
		padding: 20px;
	}
	.network-list li {
		width: 490px;
		padding: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.network-list .number-ide {
		width: 110px;
		font-size: 110px;
		line-height: 110px;
	}
	.network-list .see-map {
		right: 20px;
		bottom: 20px;
	}
	
	.footer-left {
		width: 100%;
	}
	
	.footer-big-logo {
		display: block;
		margin: 0 auto;
	}
	
	.footer .copyright {
		margin-top: 20px;
		text-align: center;
	}
	
	.footer-right {
		width: 100%;
		float: none;
	}
	
	.footer .address {
		text-align: center;
	}
	
	.footer-menu {
		margin-top: 0;
		text-align: center;
	}

	.footer-qrcode {
		margin: 0 auto;
		float: none;
		display: block;
		margin-top: 40px;
	}
	
	.footer-qrcode .footer-qrcode-box {
		width: 150px;
		margin-left: 30px;
		margin-right: 30px;
	}
	
	.footer-qrcode .footer-qrcode-box .img-con {
		width: 150px;
		height: 150px;
	}
	
	.footer-qrcode .footer-qrcode-box .img-con img {
		width: 130px;
		height: 130px;
	}
}
@media screen and (max-width:1040px){
	.main-swiper .content-con .content-font b {
    	line-height: 50px;
    	margin-top: 20px;
	}
	.main-swiper .content-con .content-font b,
	.main-swiper .content-con .content-font p {
		font-size: 32px;
	}
	.main-swiper .content-image {
		width: 520px;
	}
	.convenient {
		margin-bottom: 0;
	}
	.convenient .logistics-query {
		width: 100%;
		padding-right: 120px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.convenient .logistics-query button {
		width: 120px;
	}
	.convenient .convenient-navigation {
		margin-top: 120px;
		width: 100%;
		overflow: hidden;
	}
	.convenient-navigation ul {
		width: 106%;
	}
	.convenient .convenient-navigation li {
		padding-left: 0;
		padding-right: 6%;
	}
	.convenient .convenient-navigation li a {
		padding: 14px 20px;
	}
	.convenient .convenient-navigation li .img-con {
		left: 20px;
	}
	.header .logo {
		display: none;
	}
	.header .mini-logo {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		*float: left;
	}
	.menu-list .lang-switch {
		margin-left: 20px;
	}
	.product-service-list {
		width: 800px;
	}
	.product-service-list ul {
		width: 820px;
	}
	.product-service-list li {
		width: 350px;
		padding: 30px 20px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.product-service-list li .img-con,
	.product-service-list li .img-con img {
		width: 60px;
		height: 60px;
	}
	.main-about .about-img,
	.main-about .about-img img {
		width: 400px;
		height: 240px;
	}
	.main-about .about-info {
		width: 360px;
		padding: 20px;
	}
	.main-about .about-info h2 {
		margin-top: 0;
	}
	.main-about .about-info p {
		margin-top: 10px;
		height: 150px;
	}
	.main-about .category-more {
		display: none;
	}
	.news-list {
		width: 800px;
	}
	.news-list ul {
		width: 820px;
	}
	.news-list ul li {
		width: 390px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.news-list ul li .img-con,
	.news-list ul li .img-con img {
		width: 390px;
    	height: 234px;
	}
	.news-list ul li .info-box {
		padding: 30px;
		font-size: 18px;
	}
	.news-list ul li .date {
		margin-top: 10px;
	}
	
	.footer-qrcode .footer-qrcode-box {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.network-list li {
		width: 390px;
	}
	
	.img-con .img-icon,
	.img-con .img-mask {
		display: none;
	}
}
@media screen and (max-width:840px){
	.menu-btn-icon {
		display: block;
	}
	/*
	.menu-list {
		display: none;
	}*/
	.main-swiper .container {
		width: auto !important;
		padding: 0;
		margin: 0 20px;
	}
	.convenient-navigation ul {
		width: 104%;
	}
	.convenient .convenient-navigation li {
		padding-left: 0;
		padding-right: 3%;
	}
	
	.menu-list {
		position: fixed;
		left: 0;
		top: 120px;
		display: none;
	}
	.menu-list ul {
		display: block;
	}
	.menu-list li {
		width: 100%;
		padding: 0;
	}
	.menu-list li a.one-nav {
		height: 60px;
	}
	.menu-list li a.one-nav .nav-name {
		text-align: center;
		height: 120px;
	}
	.menu-list li a.one-nav .nav-name span {
		height: 60px;
		line-height: 60px;
		padding: 0;
	}
	.menu-list li a.one-nav .nav-name span.active:before {
		width: 30px;
		height: 48px;
		z-index: -1;
		border-bottom: 2px solid #fff;
		right: 50%;
		margin-right: -15px;
		bottom: 10px;
	}
	.menu-list li.active a.one-nav .nav-name {
		top: -60px;
	}
	.menu-list li .sub-category {
		top: 0;
		position: relative;
	}
	.header .menu-list li .sub-category.active {
		width: 100%;
		right: 0;
		margin-right: 0;
		z-index: 999;
		padding-top: 0;
	}
	.menu-list li .sub-menu {
		display: block;
	}
	.menu-list li .sub-menu a.two-nav {
		text-align: center;
	}
	.menu-list .lang-switch {
		display: block;
		margin: 20px auto 0 auto;
	}
	.menu-btn-icon {
		right: 20px;
	}
	
	.container-head .title {
		line-height: 30px;
		height: 30px;
		font-size: 18px;
	}
	.container-head a {
		line-height: 30px;
		height: 30px;
		font-size: 14px;
	}
	.product-service-list,
	.product-service-list ul {
		width: 100%;
	}
	.product-service-list li {
		width: 48.5%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 30px 20px;
		margin-right: 1.5%;
		margin-bottom: 3%;
	}
	.product-service-list li:nth-child(2n+0) {
		margin-right: 0;
		margin-left: 1.5%;
	}
	.product-service-list li .img-con,
	.product-service-list li .img-con img {
		width: 50px;
		height: 50px;
	}
	.product-service-list li .title {
		font-size: 16px;
	}
	.product-service-list li .desc {
		font-size: 12px;
	}
	.main-about {
		position: relative;
	}
	.main-about .about-img {
		width: 50%;
		height: 100%;
		position: absolute;
	}
	.main-about .about-img img {
		width: 100%;
		height: 100%;
	}
	.main-about .about-info {
		float: right;
		width: 50%;
		padding: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing: border-box;
	}
	.main-about .about-info h2 {
		margin-top: 0;
		font-size: 18px;
		height: 30px;
		line-height: 30px;
	}
	.main-about .about-info p {
		margin-top: 10px;
		height: auto;
		line-height: 26px;
	}
	
	.news-list,
	.news-list ul{
		width: 100%;
	}
	.news-list ul li {
		width: 48.5%;
		margin-right: 1.5%;
		margin-bottom: 3%;
	}
	.news-list ul li:nth-child(2n+0) {
		margin-right: 0;
		margin-left: 1.5%;
	}
	.news-list ul li .img-con, .news-list ul li .img-con img {
		width: 100%;
    	height: auto;
	}
	.news-list ul li .info-box {
		padding: 20px;
		font-size: 16px;
	}
	
	.footer {
		padding: 40px 0;
	}
	.footer-big-logo {
		display: none;
	}
	.footer-mini-logo {
		display: block;
		margin: 0 auto;
	}
	
	.network-list li {
		width: 100%;
		margin-right: 0;
	}
}

@media screen and (max-width:750px){
	.header {
		height: 30px;
		padding: 15px 0;
	}
	.header .logo {
		display: none;
	}
	.header .mini-logo,
	.header .mini-logo img {
		width: 60px;
		height: 30px;
	}
	.menu-btn-icon {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.menu-btn-icon .iconfont {
		font-size: 30px;
	}
	.menu-list {
		top: 50px;
	}
	.menu-list li a.one-nav {
		height: 50px;
	}
	.menu-list li a.one-nav .nav-name {
		height: 100px;
	}
	.menu-list li a.one-nav .nav-name span {
		height: 50px;
		line-height: 50px;
	}
	.menu-list li.active a.one-nav .nav-name {
		top: -50px;
	}
	.menu-list li a.one-nav .nav-name span.active:before {
		width: 100%;
		right: 0;
		bottom: 0;
		margin: 0;
		height: 50px;
		border: none;
		background: #000;
	}
	.menu-list li a.one-nav .nav-name span {
		font-size: 16px;
	}
	.menu-list li .sub-category.active {
		position: relative;
		width: 100%;
		right: 0;
		margin: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		display: none;
	}
	.menu-list li .sub-menu a.two-nav {
		text-align: center;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.menu-list .lang-switch {
		margin-top: 20px;
		width: 100px;
    	height: 30px;
		border: 1px solid #fff;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		-mz-border-radius: 15px;
		border-radius: 15px;
	}
	.menu-list .lang-switch a {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.main-banner {
		position: absolute;
		top: 0;
		width: 100%;
		height: auto;
		background: url(../images/banner/wap-main-banner.jpg) no-repeat top center;
		background-size: 100% 100%;
	}
	.main-swiper {
		padding-top: 50px;
	}
	.main-swiper .content-slide {
		height: auto;
	}
	.main-swiper .pagination {
		display: none;
	}
	.main-swiper .content-con {
		position: relative;
		margin-top: 0;
		height: auto;
		text-align: center;
		width: 100%;
	}
	.main-swiper .content-con .content-font b {
		line-height: 50px;
		font-size: 40px;
    	margin-top: 0;
	}
	.main-swiper .content-con .content-font p {
		line-height: 30px;
		font-size: 24px;
	}
	.main-swiper .content-con .content-font b,
	.main-swiper .content-con .content-font p {
		-webkit-text-shadow: 0 0 7px rgba(0,0,0,0.3);
		-moz-text-shadow: 0 0 7px rgba(0,0,0,0.3);
		-o-text-shadow: 0 0 7px rgba(0,0,0,0.3);
		text-shadow: 0 0 7px rgba(0,0,0,0.3);
	}
	
	.main-swiper .content-image {
		position: relative;
		top: 0;
		right: -700px;
		height: auto;
		margin: 10px auto;
		width: auto;
	}
	.ltie10 .content-slide .content-image,
	.main-swiper .swiper-slide-active .content-slide .content-image  {
		right: 0;
	}
	.ltie10 .content-slide1 .content-image,
	.main-swiper .swiper-slide-active .content-slide1 .content-image  {
		right: -50px;
	}
	
	.main-swiper .content-btn {
		position: relative;
		bottom: auto;
	}
	.main-swiper .content-btn a {
		margin: 0 auto;
	}
	.container.convenient {
		margin: 0;
		padding: 0;
	}
	.convenient .logistics-query {
		padding: 0 30px;
		height: auto;
		font-size:0px;
		margin: 30px auto;
	}
	.convenient .logistics-query textarea {
		height: 130px;
		padding: 20px;
		line-height: 30px;
		font-size: 14px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-top-left-radius: 10px;
		-moz-border-top-right-radius: 10px;
		-ms-border-top-left-radius: 10px;
		-ms-border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.convenient .logistics-query button {
		height: 50px;
		line-height: 50px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-bottom-left-radius: 10px;
		-moz-border-bottom-right-radius: 10px;
		-ms-border-bottom-left-radius: 10px;
		-ms-border-bottom-right-radius: 10px;
		position: relative;
		width: 100%;
	}
	.convenient .convenient-navigation {
		-webkit-box-sizing: border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing: border-box;
		padding: 10px;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		background: #fff;
		position: relative;
		height: auto;
		margin-top: 0;
	}
	.convenient .convenient-navigation:after {
		content: "";
		width: 100%;
		position: absolute;
		top: 50%;
		margin-top: -0.5px;
		height: 1px;
		background: #eee;
		left: 0;
	}
	.convenient .convenient-navigation:before {
		content: "";
		width: 1px;
		height: 100%;
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -0.5px;
		background: #eee;
	}
	.convenient .convenient-navigation ul {
		width: auto;
	}
	.convenient .convenient-navigation li {
		display: inline-block;
		vertical-align: middle;
		width: 50%;
		height: 60px;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 10px;
	}
	.convenient .convenient-navigation li:nth-child(2n+0) {
		padding-right: 0;
		padding-left: 10px;
	}
	.convenient .convenient-navigation li a {
		padding: 14px 0 14px 10px;
	}
	.convenient .convenient-navigation li .img-con {
		left: 10px;
	}
	.product-service-bg {
		background: #fff;
	}
	.container-head {
		margin-top: 80px;
		margin-bottom: 40px;
	}
	.container-head .title {
		width: 100%;
		line-height: 40px;
		height: 40px;
		text-align: center;
		font-size: 24px;
		position: relative;
		padding-bottom: 3px;
	}
	.container-head .title:after {
		content: "";
		position: absolute;
		width: 40px;
		height: 3px;
		left: 50%;
		margin-left: -20px;
		background: #f28e12;
		bottom: 0;
	}
	.container-head a {
		display: none;
	}
	.product-service-list,
	.product-service-list ul {
		width: 100%;
	}
	.product-service-list li {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
		margin: 0;
		margin-bottom: 40px;
		position: relative;
	}
	.product-service-list li:nth-child(2n+0) {
		margin-left: 0;
		margin-right: 0;
	}
	.product-service-list li .img-con {
		position: absolute;
		left: 0;
		top: 0;
		margin-left: 0;
	}
	.product-service-list li .img-con,
	.product-service-list li .img-con img {
		width: 40px;
		height: 40px;
	}
	.product-service-list li .title {
		padding-left: 60px;
		height: auto;
		line-height: 30px;
		font-size: 18px;
		margin-top: 0;
		text-align: left;
	}
	.product-service-list li .desc {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 10px;
		padding-left: 60px;
		font-size: 14px;
		height: auto;
		line-height: 20px;
		text-align: left;
	}
	
	.category-more {
		display: block;
		width: 160px;
		height: 40px;
		margin: 0 auto;
	}
	.category-more a {
		display: block;
		width: 100%;
		height: 38px;
		line-height: 38px;
		text-align: center;
		border: 1px solid #f28e12;
		font-size: 18px;
		color: #f28e12;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
		border-radius: 20px;
		overflow: hidden;
	}
	.main-about {
		position: relative;
	}
	.main-about .about-img {
		width: 100%;
		height: auto;
		position: relative;
	}
	.main-about .about-img img {
		width: 100%;
		height: auto;
	}
	.main-about .about-info {
		float: none;
		width: 100%;
		padding: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing: border-box;
	}
	.main-about .about-info h2 {
		margin-top: 30px;
		font-size: 18px;
		height: 30px;
		line-height: 30px;
	}
	.main-about .about-info p {
		margin-top: 10px;
		height: auto;
		line-height: 30px;
		font-size: 14px;
		margin-bottom: 20px;
	}
	
	.news-list,
	.news-list ul{
		width: 100%;
		overflow: visible;
	}
	.news-list ul li {
		width: 100%;
		margin: 0;
		margin-bottom: 40px;
		-webkit-box-shadow: 0px 0px 10px 1px  rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 0px 10px 1px  rgba(0, 0, 0, 0.1);
		-ms-box-shadow: 0px 0px 10px 1px  rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 10px 1px  rgba(0, 0, 0, 0.1);
	}
	.news-list ul li a {
		overflow: visible;
	}
	.news-list ul li:nth-child(2n+0) {
		margin-right: 0;
		margin-left: 0;
	}
	.news-list ul li .img-con, .news-list ul li .img-con img {
		width: 100%;
    	height: auto;
	}
	.news-list ul li .info-box {
		padding: 20px;
		line-height: 30px;
		font-size: 18px;
	}
	.news-list ul li .title {
		height: auto;
		max-height: none;
	}
	.news-list ul li .date {
		margin-top: 10px;
	}
	
	.footer {
		display: none;
	}
	.wap-footer {
		display: block;
	}
	.wap-footer-menu {
		display: block;
	}
	
	.page-banner {
		width: 100%;
		height: 240px;
		background: transparent;
		background-image: url(../images/banner/wap-about-banner.jpg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.page-banner .container {
		position: relative;
	}
	.page-banner .title {
		position: absolute;
		top: 110px;
		height: 40px;
		line-height: 40px;
		font-size: 24px;
	}
	
	.about-banner {
		background-image: url(../images/banner/wap-about-banner.jpg);
	}
	.news-banner {
		background-image: url(../images/banner/wap-news-banner.jpg);
	}
	.product-banner {
		background-image: url(../images/banner/wap-product-banner.jpg);
	}
	.service-banner {
		background-image: url(../images/banner/wap-service-banner.jpg);
	}
	.contact-banner {
		background-image: url(../images/banner/wap-contact-banner.jpg);
	}
	.network-banner {
		background-image: url(../images/banner/wap-network-banner.jpg);
	}
	.page-content-mt {
		margin-top: 20px;
	}
	.page-nav {
		overflow: hidden;
	}
	.crumbs {
		display: none;
	}
	.page-navigation {
		width: 100%;
		float: left;
		overflow: hidden;
	}
	.page-navigation ul {
		height: 50px;
		overflow-y: auto;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.page-navigation li a {
		padding: 0;
	}
	.page-navigation li span {
		height: 50px;
		line-height: 50px;
	}
	.wap-news-crumbs {
		display: block;
	}
	.wap-news-page-navigation {
		display: none;
	}
	.network-list .network-name {
		font-size: 18px;
	}
	.network-list .number-ide {
		top: -20px;
		width: 100px;
		font-size: 100px;
		line-height: 100px;
	}
	.network-list .see-map {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
	}
	.contact-map {
		height: auto;
	}
	.page-detail-head {
		text-align: left;
		margin-bottom: 20px;
	}
	.page-detail-head h1 {
		padding: 0;
		line-height: 30px;
		font-size: 18px;
	}
	.page-content {
		margin-bottom: 40px;
	}
	.wap-product-list li {
		padding: 20px;
		margin-bottom: 20px;
	}
	.wap-product-list li .img-con {
		position: relative;
		margin: 20px auto;
	}
	.wap-product-list li .img-con,
	.wap-product-list li .img-con img {
		width: 80px;
		height: 80px;
	}
	.wap-product-list li .title {
		padding-left: 0;
		line-height: 30px;
		text-align: center;
	}
	.wap-product-list li .desc {
		margin-top: 10px;
		padding-left: 0;
		text-align: center;
		margin-bottom: 20px;
	}
	.pages {
		display: none;
	}
	.page-loading {
		display: block;
	}
	
	.footer-qrcode {
		margin-bottom: 20px;
	}
	
	.footer-qrcode .footer-qrcode-box {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:640px){
	.footer-qrcode .footer-qrcode-box {
		margin-left: 10px;
		margin-right: 10px;
	}
}

@media screen and (max-width:540px){
	.footer-qrcode .footer-qrcode-box {
		margin-left: 10px;
		margin-right: 10px;
		width: 120px;
	}
	.footer-qrcode .footer-qrcode-box .img-con {
		width: 120px;
		height: 120px;
	}
	.footer-qrcode .footer-qrcode-box .img-con img {
		width: 120px;
		height: 120px;
	}
	.footer-qrcode .footer-qrcode-box span {
		font-size: 14px;
	}
}

@media screen and (max-width:500px){
	.header {
		height: 20px;
		padding: 15px 0;
	}
	.header .logo {
		display: none;
	}
	.header .mini-logo,
	.header .mini-logo img {
		width: 40px;
		height: 20px;
	}
	.menu-btn-icon {
		width: 20px;
		height: 20px;
		line-height: 20px;
	}
	.menu-btn-icon .iconfont {
		font-size: 20px;
	}
	.footer-qrcode .footer-qrcode-box {
		margin-left: 10px;
		margin-right: 10px;
	}
}

@media screen and (max-width:460px){
	.footer-qrcode .footer-qrcode-box {
		width: 100px;
	}
	.footer-qrcode .footer-qrcode-box .img-con {
		width: 100px;
		height: 100px;
	}
	.footer-qrcode .footer-qrcode-box .img-con img {
		width: 100px;
		height: 100px;
	}
}

@media screen and (max-width:380px){
	.footer-qrcode .footer-qrcode-box {
		width: 80px;
	}
	.footer-qrcode .footer-qrcode-box .img-con {
		width: 80px;
		height: 80px;
	}
	.footer-qrcode .footer-qrcode-box .img-con img {
		width: 80px;
		height: 80px;
	}
	.footer-qrcode .footer-qrcode-box span {
		font-size: 12px;
	}
}

@media screen and (max-width:350px){
	.wap-footer-menu li a {
		padding-left: 0;
	}
	.wap-footer-menu li .icon {
		left: 0;
	}
	.convenient .convenient-navigation li a {
		padding: 14px 0;
		padding-right: 0;
	}
	.convenient .convenient-navigation li .img-con {
		left: 0;
	}
}

@media screen and (max-width:320px){
	.main-swiper .content-con .content-font b {
		line-height: 60px;
		font-size: 48px;
	}
	.main-swiper .content-con .content-font p {
		font-size: 20px;
	}
	.main-swiper .content-image {
		margin: 0 auto;
		display: none;
	}
	.main-swiper .content-btn {
		margin-top: 30px;
	}
}