@media screen and (max-width: 1511px){
.main2 .block2 .swiper-button-next{
	right: 5%;
	width: 60px;
	height: 60px;
	background-size: 100%;
	margin-top: -30px;
}
.main2 .block2 .swiper-button-prev{
	left: 5%;
	width: 60px;
	height: 60px;
	background-size: 100%;
	margin-top: -30px;
}
}





@media screen and (max-width: 1200px){
.wrap{
	width: 992px;
}
.head .nav{
	padding-left: 79px;
}
.channelBanner .dec,
.cbanner2 .dec{
	font-size:17px;
padding-top:40px;
margin-top:0
}

.channelBanner .title{
font-size:36px;}
.cbanner2 .title{
	font-size: 36px;
	padding-bottom: 10px;
}
.solutionMain + .main1 .block6 .moreBase span{
	width:150px;
	font-size:17px;
	line-height:45px;
	background-size:5px;
}
.main1 .block6 .text{
font-size:20px;
line-height:1.7}
.solutionMain .section2{
padding-bottom:70px;
}
.main1 .block2,
.solutionMain .section4,
.solutionMain .section1{
	padding:70px 0px
}
.main1 .block2 .dec{
font-size:16px;
line-height:2;
}
.main1 .block3 .list li .icon img{
width:40px;
}
.main1 .block2 .dec p{
	background-size:15px;
	padding-left:20px;
	background-position:left 8px;
}
.solutionMain .section1 .list .icon img{
	width:60px;
}
.solutionMain .section1 .list .title{
	width: 100%;
	padding-right: 90px;
	font-size: 17px;
	line-height: 1.7;
}

.index .section4.section2 .list .con .desc{
margin:10px 0px;}
.head .nav li .h2tit a{
	padding: 0px 5px;
	font-size: 15px;
}
.head .nav li.sub .h2tit a{
	padding-right: 14px;
	background-size: 8px;
}
.index .section1 .list .con{
	margin-left: 0;
}
.index .section1 .list .icon{
	width: 201px;
	padding-left: 0;
	text-align: center;
}
.index .section1 .list .con{
	width: calc(100% - 201px);
	font-size: 17px;
	line-height: 1.7;
}
.index .section1 .list .icon img{
	width: 30%;
}
.index .section4.section2 .list .con .nv{
	font-size: 20px;
	margin-top: 6px;
}
.footer .block1 .nav dl{
	padding-left: 2vw;
}
.main1 .block1 .dec p:after{
	top:18px;
}
.main1 .block1 .dec{
	font-size: 16px;
	line-height: 2.5;
}
.inforMain1 .section6 .content .title{
	margin-left: 0;
}
.inforMain1 .section6 .content .imgbox img{
	width: 60px;
}
}
@media screen and (max-width: 992px){
.titlemodel4{
	font-size: 24px;
	line-height: 40px;
}
.inforMain1 .section7 .list li .dec{
	font-size: 14px;
	line-height: 1.6;
}
.inforMain1 .section7 .list li .title{
	font-size: 17px;
}
.inforMain1 .section7 .list li .line{
	width: 30%;
}
.inforMain1 .section5 .list li .title{
	font-size: 14px;
	line-height: 1.7;
}
.inforMain1 .section5 .list li .dec{
	padding-top: 5px;
}
.inforMain1 .section5 .list li .icon img{
	width: 30px;
}
.inforMain1 .section5 .list li .icon {
	right: 10px;
	top: 10px
}
.wrap{
	width: 768px;
}	
.main1 .block6 .content{
	background-size: auto 54%;
}
.main1 .block3 .list li .dec{
	margin-top: 10px;
}
.main1 .block1 .dec:after{
	top: 8%;
	height:85%;
}
.main1 .block1 .dec p:after{
	top: 8px;
}
.main1 .block1 .dec{
	font-size: 12px;
	line-height: 2;
}
.footer .block1 .nav dl{
	padding-left: 5vw;
}
.footer .block1 .contact{
	margin-left: 0;
}
.footer .block1{
	padding-top: 60px;
}
.footer .block1 .logo{
	padding-top: 0px;
	float: none;
	text-align: center;
	padding-top: 20px;
}
.footer .block1 .nav dl{
	padding-left: 0px;
	width: 50%;
}
.footer .block1 .nav{
	zoom: 1;
	overflow: hidden;
	width: 100%;
	padding-top: 30px;
}
.footer .block1 .h2tit{
	padding-top: 40px;
	padding-bottom: 20px;
}
.head .logo{
	float: none;
	text-align: center;
}
.index .section1 .list .icon{
	width: 120px;
}
.index .section5 .text{
	font-size: 20px;
	line-height: 1.7;
}
.index .section5 .content{
	background-size: 45%;
	margin-top: 30px;
}
.index .section1 .list .con{
	width: calc(100% - 120px);
}
.index .section2 .list .item .title{
	font-size: 18px;
	line-height: 1.7;
	padding-top: 20px;
	padding-bottom: 20px;
}
.index .section3 .list .item{
	padding-right: 120px
}
.index .section3 .list .item .imgbox:after{
	width: 120px;
}
.index .section3 .list .item .imgbox:before{
	right: -124px;
}
.index .section3 .list .item:nth-child(2n){
	padding-left: 120px;
}
.index .section3 .list .item:nth-child(2n) .imgbox:after{
	
left: -120px;
}
.index .section3 .list .item:nth-child(2n) .imgbox:before{
	
left: -129px;
}
.footer .block1 .nav dl:nth-child(1) dd a{margin-bottom: 38px;}
.footer .block1 .nav dd a{
	font-size: 15px;
	margin-bottom: 20px;
}
.footer .block1 .ewm{
	text-align: center;
	float: none;
	padding-top: 20px;
	padding-bottom: 30px;
}
.main1 .block6 .text{
	font-size: 20px;
	line-height: 1.7;
}
}
@media screen and (max-width: 768px){
.wap_nav {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 7777;
}
.wap_nav .logo {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}
.wap_nav .logo img{height: 24px;margin-top: 13px;margin-left: 10px;}
body{
	padding-top: 50px;
}

.pc{
    display: none;
}
.wap{
    display: block;
}
.bannerImg .title{
	font-size: 24px;
}
.bannerImg .dec1{
	font-size: 14px;
	line-height: 1.76;
	padding-top: 15px;
	padding-bottom: 15px;
}
.bannerImg .dec2{
	font-size: 14px;
	line-height: 1.7;
}
.moreBase span{
	background-size:6px;
	padding-right:20px;
}
.moreBase{
	
width: 111px;
	
line-height: 38px;
	
font-size: 12px;
	
padding-left: 23px;
}
.bannerImg .moreBase{
margin-top:20px;}
.bannerImg{padding-top: 60px;padding-bottom: 150px;}
.bannerImg .xt{
	width:20px;
	background-size:100%;
	height: 127px;
	margin-left: -11px;
}
.index .section1 .xtmodel{
	height: 40px;
}
.titlemodel .cn{
	font-size: 24px;
}
.titlemodel .en{
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.titlemodel .line{
	width: 50px;
}
.index .section1 .list .item{
	width: 100%;
	float: none;
	height: auto;
	padding: 20px 0px;
	margin-bottom: 20px;
}
.index .section1{
	padding-bottom: 80px;
}
.index .section1 .xt2:after{
	background-size: 50%;
	background-position: right bottom;
}
.index .section2 .list .item{
	width: 100%;
	margin-right: 0px;
	float: none;
	margin-bottom: 20px;
}
.index .section2 .list{
	margin-top: 30px;
}
.index .section2 .xt2:after{
	width: 100px;
	background-position: right bottom
}
.index .section3 .xt:after{
	width: 95px;
}
.index .section3 .list .item{
	width: 100%;
	float: none;
	padding-right: 0px !important;
	padding-left: 0px !important;
	float: none !important;
}
.index .section3 .list .item .imgbox:before,
.index .section3 .list .item .imgbox:after{
	display: none
}
.index .section2{
	padding-bottom: 90px;
}
.index .section3 .list{
	padding-top: 30px;
}
.index .section3 .list .item .con{
	font-size: 14px;
	line-height: 1.7;
}
.index .section3 .list .item:nth-child(2n){
	padding-top: 0;
}
.index .section3 .list .item .dec p{
	font-size: 14px;
}
.index .section4.section2 .list .con .nv{
	font-size: 17px;
	margin-bottom: 20px;
}
.index .section4.section2 .tear{
	padding-top: 30px;
}
.index .section4.section2 .tear a{
	font-size: 16px;
	padding-right: 30px;
	background-size: 20px;
}
.index .section5 .content{
	padding-left: 0px;
	padding-top: 50vw;
	background-size: auto 50vw;
	background-position: center 0
}
.index .section5 .text{
	font-size: 14px;
	margin-bottom: 20px;
}
.index .section5{
	padding-bottom: 80px;
}
.index .section6 .content .left{
	float: none;
	width: 100%;
}
.index .section6 .content .right{
	width: 100%;
	padding-left: 0;
	margin-top: 20px;
	float: none;
	font-size: 14px;
	line-height: 30px;
}
.index .section6 .content .right p{
	padding-left: 20px;
	background-position: left 9px;
	background-size: 14px;
}
.index .section6{
	padding-bottom: 30px;
}
.channelBanner .title{
	padding-top: 30px;
	font-size: 22px;
}
.channelBanner .dec{
	font-size: 14px;
	line-height: 1.7;
	margin-top: 35px;
	padding-bottom: 100px;
	padding-top: 0;
	padding-bottom: 50px;
}
.main1{padding: 0;}
.main1 .block1{
	padding: 15vw 0;
	background: none;
}
.main1 .block1 .titlemodel2{
	margin-bottom: 30px;
}
.titlemodel2 .cn{
	font-size: 20px;
	padding-top: 3px;
}
.titlemodel2 .en{
	font-size:14px;
}
.main1 .block1 .content{
	padding-left: 0;
}
.main1 .block2{
	padding: 15vw 0px;
	padding-top: 0;
}
.main1 .block2 .dec p{
	font-size: 12px;
	line-height: 30px;
	background-position: left 7px;
	background-size: 14px;
	padding-left: 23px;
}
.main1 .block2 .dec{
	padding-top: 30px;
}
.main1 .block3 .list{
	padding-top: 30px;
}
.main1 .block3 .list li{
	margin-right: 0px;
	width: 100%;
	padding-right: 20px
}
.main1 .block3{
	padding-bottom: 13vw;
}
.main1 .block4{
	padding: 15vw 0px;
}
.main1 .block4 .list li .num{
	font-size:26px;
}
.main1 .block4 .list li .dec{
line-height:2;
}
.main1 .block4 .list li .dec span:after{
	top:12px;
}
.main1 .block4 .list li .tit{font-size: 18px;padding-top: 20px;padding-bottom: 20px;}
.main1 .block4 .list li a{height: 436px;padding: 15px;}
.main1 .block4 .list{
padding-top:30px;}
.main1 .block4 .list li{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
}
.main1 .block5 .list1{
	padding-top:30px;
}
.main1 .block5 .list1 .item a *.type{
	width:160px;
	font-size:16px;
	background-size: 17px;
	padding-left: 35px;
	background-position: 10px center;
	line-height: 34px;
}
.main1 .block5 .list1 .item a *.imgbox img{
top:70%;}
.main1 .block5 .list1 .item{
	width: 100%;
	margin-right: 0px;
	height: 233px;
}
.main1 .block5 .list2 .item1{
	width: 100%;
	margin-bottom: 20px;
}
.main1 .block5 .list2 .item2{
	width: 100%;
}
.main1 .block5{
	padding-top: 15vw;
	padding-bottom: 15vw;
}
.main1 .block6{
	padding: 30px 0px
}
.main1 .block6 .content{
	padding-left: 0px;
	padding-top: 39vw;
	background-position: center 0px;
	background-size: auto 39vw;
}
.main1 .block6 .text{
	font-size:15px;
	padding-bottom:20px;
}
.cbanner .title{
	font-size: 20px;
	line-height: 1.5;
}
.cbanner .title p{
	padding-bottom: 10px;
}
.cbanner .dec{
	font-size: 15px;
	padding-top: 6px;
	line-height: 1.6;
}
.cbanner .title{
	padding-top: 80px;
}
.cbanner .content{
	padding-bottom: 100px;
}
.main2{
	padding-top: 30px;
}
.main2 .tab .hd a{
	font-size: 14px;
	line-height: 35px;
}
.main2 .tab .bd{
	margin-top: 20px;
	padding-top: 20px;
	height: auto;
	padding-right: 20px;
}
.main2 .tab .bd .right .dec{
	font-size:14px;
	line-height:1.7
}
.main2 .tab .bd .right h2{
	font-size:17px;
	line-height:1.7
}
.main2 .tab .bd .right .title{
	font-size:20px;
	line-height:50px;
}
.main2 .tab .bd .right{
	width:100%;
	float:none;
}
.main2 .tab .bd .left{
	width: 100%;
	float: none;
	padding-right: 0;
	height: 58vw;
}
.main2 .tab .bd .left a{
	font-size: 15px;
	line-height: 35px;
}
.loadPage .title{
	font-size: 14px;
	bottom: 30%
}
.loadPage .img1{
	width: 90%;
	margin: auto;
	display: block;
}
.main2 .more{margin-bottom: 0;font-size: 16px;width: 120px;line-height: 40px;}
.main2 .block2{
	padding-bottom: 50px;
}
.cbanner2 .title p{
padding-bottom:5px;}
.cbanner2{
	margin-top: 0;
}
.cbanner2 .title{
	font-size: 22px;
	padding-top: 30px;
	padding-bottom: 10px;
}
.cbanner2 .icon{
	padding-top: 10vw;
}
.cbanner2 .imgbox{
	height: auto;
	padding-bottom: 50px;
}
.cbanner2 .icon img{
	width: 40px;
	margin-right: 20px;
}
.cbanner2 .icon span{
margin-right: 20px;
}
.cbanner2 .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	margin: 0px 5px !important;
}
.cbanner2 .icon span:nth-child(1):after{
	top: 0px;
	height: 100%;
}
.inforMain1{
	padding-top: 16vw;
}
.inforMain1 .section1 .title{
	line-height: 40px;
	font-size: 16px;
}
.inforMain1 .section1 .tit{
	font-size: 12px;
	line-height: 1.6;
	width: 30px;
	height: 70px;
}
.inforMain1 .section1 .center{
	width: calc(100% - 60px);
	height: 70px;
}
.inforMain1 .section1 .tit.type2{
	padding-left: 0;
}
.inforMain1 .section1 .h2tit{
	width: 91%;
	margin: auto;
	line-height: 40px;
	font-size: 12px;
	margin-top: 12px;
}
.inforMain1 .section1 .item:after, .inforMain1 .section1 .center:after{
	display:none;
}
.inforMain1 .section1 .title:after{background-size: 32%;}

.inforMain1 .section2{
	padding-top: 15vw;
}
.titlemodel4{
	font-size: 20px;
	line-height: 40px;
	line-height: 1.5;
	padding-top: 5px;
	padding-bottom: 5px;
}
.inforMain1 .section2 .content{
	margin-top: 30px;
	margin-bottom: 10vw;
	padding-top: 50vw;
}
.inforMain1 .section2 .left{
	position: absolute;
	width: 100%;
	height: 50vw;
	left: 0;
	top: 0;
}
.inforMain1 .section2 .right{
padding-top:20px;
padding-left:0px;}
.inforMain1 .section2 .right ul li{
padding-left:20px;
margin-bottom:20px;}
.inforMain1 .section3 .contentModel .text{
	width:100%;
	height:100%;
	top:0;
	bottom:auto;
	padding:15px;
	padding-bottom: 0px;
	opacity: 1;
}
.inforMain1 .section4,
.inforMain1 .section3{
	padding-bottom: 15vw
}
.inforMain1 .section4 .items{
	padding-top: 30px;
}
.inforMain1 .section4 .contentModel.type2 .text,
.inforMain1 .section4 .contentModel.type1 .text{
	width: 100%;
	height: 100%;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	opacity: 1;
}
.inforMain1 .section5 .list li{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
	zoom: 1;
	overflow: hidden;
	padding-bottom: 20px;
	height: auto;
}
.inforMain1 .section5 .list li{
	padding-top: 20px;
}
.inforMain1 .section5{
	padding-bottom: 15vw;
}
.inforMain1 .section5 .list{
	padding-top: 30px;
}
.inforMain1 .section2 .right ul li a{
	font-size: 14px;
}
.inforMain1 .section5 .list li .dec{
	padding-top: 15px;
}
.inforMain1 .section6 .content{
	margin-top: 30px;
}
.inforMain1 .section6 .content .item{
	width: 100%;
	float: none;
	height: auto;
	padding: 20px;
	min-height: 200px;
	margin-bottom: 20px;
}
.inforMain1 .section6 .content .wrap{
	padding: 0
}
.inforMain1 .section6 .content .title{

position:absolute;

top: 50%;

left: 20px;

-o-transform: translate(0%, -50%);

-webkit-transform: translate(0%, -50%);

-moz-transform: translate(0%, -50%);

-ms-transform: translate(0%, -50%);

transform: translate(0%, -50%);

bottom: auto;
}
.inforMain1 .section6 .content .item:last-child{
	margin-bottom: 0px;
}
.inforMain1 .section7{
	padding-top: 15vw;
}
.inforMain1 .section7 .list{
	padding-top: 30px;
	padding-bottom: 20vw;
}
.inforMain1 .section7 .list li{
	float: none;
	margin-bottom: 20px;
	margin-right: 0;
	width: 100%;
}
.inforMain1 .section8 .items{
	padding-top: 30px;
}
.inforMain1 .section8 .items .item{
	width: 48%;
	margin: 1% !important;
	padding-top: 40px;
	padding-bottom: 40px;
	height: auto;
}
.inforMain1 .section8 .items .item:after{
	display: none
}
.inforMain1 .section8 .items .title{
	font-size: 16px;
}
.inforMain1 .section8 .items .dec p{
	font-size: 14px;
	line-height: 28px;
}
.inforMain1 .section8 .items .dec{
margin-top:20px;}
.inforMain1 .section8{
	padding-bottom: 15vw;
}
.inforMain1 .section7 .list li .icon img,
.inforMain1 .section6 .content .imgbox img{
	width: 30px;
}
.inforMain1 .section2 .imgboxModel .text{
	opacity: 1;
}
.imgboxModel .text{
	font-size: 13px;
	line-height:2;
}

.cbanner2{padding: 0;}
.cbanner2 .dec{font-size: 14px;line-height: 1.7;margin-top: 35px;padding-bottom: 50px;padding-top: 0;}

.solutionMain .section1 .list li{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 20px;
	height: 134px;
}
.titlemodel2{
	height: 58px;
	background-size: auto 100%;
padding-left:20px;
}


.main1 .block2, .solutionMain .section4, .solutionMain .section1{
	padding: 15vw 0;
}

.main1 .block2{
padding-top:0}
.solutionMain .titlemodel2 .cn{
	line-height:58px;
}
.solutionMain .section1 .list{
	padding-top: 30px;
}
.solutionMain .section1 .list .title{
	font-size: 14px;
	padding-right: 50px;
}
.solutionMain .section2 .imgbox{
	padding-top:30px;
	padding-bottom: 20px;
}
.solutionMain .section2 .dec p{
	font-size:14px;
	line-height:1.9
}
.solutionMain .section2{
padding-bottom:15vw}
.solutionMain .section3{
padding:15vw 0}
.solutionMain .section3 .list1{
padding-top:30px;}

.solutionMain .section3 .list2 li,
.solutionMain .section3 .list1 li{
	width: 100%;
	margin-bottom: 20px;
	margin-right: 0px;
	height: auto;
	padding: 40px 0px;
}
.solutionMain .section3 .list2 li .icon,
.solutionMain .section3 .list1 li .icon{
	padding-top: 0;padding-bottom:20px;
width: 100%;
float: none;
text-align: center;

}
.solutionMain .section3 .list2 li .tit,
.solutionMain .section3 .list1 li .tit{
	padding-right: 0;
	font-size:14px;
	padding: 0;
	text-align: center;
	line-height: 1.5;
	padding-left: 15px;
	padding-right: 15px;
}
.solutionMain .section3 .list1 li .line,.solutionMain .section3 .list2 li .line{
	width: 80px;
	margin-top: 30px;
	margin: auto;
	margin-top: 30px;
}
.solutionMain .section3 .list2 li .con{
	width: 100%;
	float: none;
	padding-right: 0;
}
.solutionMain .section3 .list2 li .icon img,
.solutionMain .section3 .list1 li .icon img{
height:40px;}
.solutionMain .section4 .list{
	padding-top: 30px;
}
.solutionMain .section4 .list li{
	width: 100%;
}
.solutionMain .section4 .list li{
	padding: 15px;
	padding-top: 50vw;
	margin-bottom:20px;
}
.solutionMain .section4 .list li .imgbox{
	left: 15px;
	top: 15px;
	right: 15px;
	height: 50vw;
	width: auto;
}
.solutionMain .section4 .list li .tit{
	padding-top: 43px;
	font-size: 18px;
	text-align: center;
}
.solutionMain .section4 .list li .line{
margin:auto;
margin-top:20px;}
.solutionMain .section4 .list li .num{
padding-top:20px;}
.solutionMain + .main1 .block6 .moreBase span{
	font-size:12px;
	line-height:30px;
	width: 100px;
	padding-left: 14px;
}
.main2 .tab{
	padding-top: 30px;
}
.main2{
	padding-top: 15vw;
}
.main2 .block1{
	padding-bottom: 15vw;
}
.main2 .block2 .list{
margin-top:30px;}
.index .section1 .list{
	padding-top: 30px;
}
.main2 .block2 .swiper-button-next{
	right: 5%;
	width: 60px;
	height: 60px;
	background-size: 50%;
	margin-top: -30px;
}
.main2 .block2 .swiper-button-prev{
	left: 5%;
	width: 60px;
	height: 60px;
	background-size: 50%;
	margin-top: -30px;
}
.solutionMain .section1 .list .icon img{
	width: 40px;
}
.footer .block1 .dec p{
	line-height: 1.6;
}
.footer .block1 .dec p:after{
	top: 9px;
}
}