@charset "UTF-8";
/* CSS Document */



/*xiaochengxu*/
.banner_xiaochengxu{background-image: linear-gradient(160deg, #02a1fc 20%,#00b3ff 80%);height:520px; overflow: hidden;}
.banner_xiaochengxu .w_left{float: left; padding-top: 150px; padding-left: 120px;}
.banner_xiaochengxu .w_left h1{color: #fff; font-size: 50px;letter-spacing: 1px;}
.banner_xiaochengxu .w_left h2{display: block;  padding-top: 20px; margin-top: 40px; color: #fff; font-size: 28px; letter-spacing: 1px; }
.banner_xiaochengxu .w_left h4{display: block;border: 1px solid #81d0fe; padding: 10px 25px; margin-top: 25px; color: #fff;}

.banner_xiaochengxu .w_right{float: right;}
.banner_xiaochengxu .w_right img{ width: 80%;}

.xcx_part1{ width: 82%; overflow: hidden; margin: 0 auto;padding: 90px 0 70px 0;}
.xcx_part1 .tit{width: 100%; overflow: hidden; padding-top: 30px;}
.xcx_part1 .tit .lin{height: 1px; background: #e4e4e4; width: 100%; }
.xcx_part1 .tit h2{color: #444; text-align: center; position: relative; top: -20px; display: block;background: #fff; font-size: 32px; width: 244px; height: 50px; margin: 0 auto; letter-spacing: 1px;}
.xcx_part1 .tit h4{color: #0da6e6; text-align: center; margin-top: -10px; margin-bottom: 80px;}
.xcx_part1 .cont{ width: 970px; background: url(../images/xcx_01.png) no-repeat center bottom; height: 350px; margin: 0 auto;}
.xcx_part1 .cont .p1,.xcx_part1 .cont .p2,.xcx_part1 .cont .p3,.xcx_part1 .cont .p4{width: 50%; color: #888; line-height: 24px; font-size: 14px;float: left;}
.xcx_part1 .cont .p1 p,.xcx_part1 .cont .p2 p,.xcx_part1 .cont .p3 p,.xcx_part1 .cont .p4 p{display: block; width: 200px;}
.xcx_part1 .cont .p1{padding-top: 90px; padding-left: 160px;}
.xcx_part1 .cont .p2{padding-top: 90px; padding-left: 140px;}
.xcx_part1 .cont .p3{padding-top: 60px;}
.xcx_part1 .cont .p4{ padding-top: 50px; padding-left: 290px;}


.xcx_info{background: #f5f5f5; overflow: hidden; width: 100%;}
.xcx_list2{width: 82%;overflow: hidden; margin: 0 auto;  padding: 70px 0 40px 0;}
.xcx_list2 h2{font-size: 28px; color: #333; text-align: center;}
.xcx_list2 p{margin-top: 10px;}
.xcx_list2 p.p1{ font-size: 20px; color: #0da6e6; padding-top: 6px; text-align: center;}

.xcx_list{width: 82%; overflow: hidden; margin: 0 auto 50px auto;}
.xcx_list dl{width: 23%; background: #fff; overflow: hidden; float: left; margin: 2% 1%; }
.xcx_list dt{ height: 140px;border-top-left-radius: 6px;border-top-right-radius: 6px}
.xcx_list dt.dt1{background: rgba(255,114,0,0.7);}
.xcx_list dt.dt2{background: rgba(50,165,231,0.7);}
.xcx_list dt.dt3{background: rgba(45,190,0,0.7);}
.xcx_list dt.dt4{background: rgba(253,39,67,0.7);}
.xcx_list .icons{width: 140px; height: 140px; position: absolute; top: 40%; left: 50%; transform: translate3d(-50%,-50%,0);box-sizing: border-box; border:8px solid rgba(0,0,0,0.1); background-color: transparent; border-radius: 50%; text-align: center;}
.xcx_list .icons i{font-size: 60px; color: #fff; padding-top: 33px;}
.xcx_list .i1{ background: rgba(255,114,0,1);}
.xcx_list .i2{ background: rgba(50,165,231,1);}
.xcx_list .i3{ background: rgba(45,190,0,1);}
.xcx_list .i4{ background: rgba(253,39,67,1);}
.xcx_list dd{width: 100%; border: 1px solid #eee; border-top: none; margin-top: 0; border-bottom-left-radius: 6px;border-bottom-right-radius: 6px; padding-top: 90px; padding-bottom: 30px;}
.xcx_list dd h3{color: #333; text-align: center; font-size: 20px; margin-bottom: 10px;}
.xcx_list dd p{color: #666; font-size: 15px; line-height: 1.8; text-align: center; }

.xcx_liuliang{width: 80%; overflow: hidden; margin: 0 auto; padding:20px 0 50px 0;}
.xcx_liuliang ul{width: 100%; overflow: hidden;}
.xcx_liuliang li{float: left; width: 18%; margin: 2% 1%; }
.xcx_liuliang li .icon{text-align: center;}
.xcx_liuliang li .icon img{width: 107px; }
.xcx_liuliang li h4{color: #333; font-size: 16px; text-align: center; padding-top: 6px;}
.xcx_part2{ background: #fff;width: 100%; overflow: hidden; ;}

.xcx_part3{ background: url(../images/part3-4.jpg)no-repeat center top; height: 580px; background-size: cover; overflow: hidden;}
.xcx_part3 .top{width: 80%;border-top: 1px solid #e4e4e4; height: 1px; margin: 90px auto 75px auto;}
.xcx_part3 .top span{ width: 410px; display: block; background: #fff;border-radius: 25px; margin: 0 auto;color: #333; position: relative;margin-top: -23px; padding: 5px 30px; font-size: 22px;  text-align: center;}
.xcx_gn{width: 80%;margin: 0 auto;}
.xcx_gn ul{}
.xcx_gn li{ float: left; width: 16.51%; float: left; height: 350px; margin: 0 1px; background: rgba(255, 255, 255, 0.3); padding-top: 30px; text-align: center; transition:all 0.2s; }
.xcx_gn li:hover{ background: linear-gradient(to bottom, #ffa35c, #f84c4c);transform: scaleY(1.1);}
.xcx_gn li i{width: 72px; height: 72px; margin: 0 auto; display: block; }
.xcx_gn li:hover i,.xcx_gn li:hover h3,.xcx_gn li:hover p{transform: scaleY(0.9);}

.xcx_gn li i.icon1{background-image: url(../images/icon.png); background-repeat: no-repeat; background-size: 900px 800px;background-position:-218px -10px;}
.xcx_gn li:hover i.icon1{width: 72px; height: 72px;background-position:-306px -10px;}

.xcx_gn li i.icon2{background-image: url(../images/icon.png); background-repeat: no-repeat; background-size: 900px 800px;background-position:-218px -106px;}
.xcx_gn li:hover i.icon2{width: 72px; height: 72px;background-position:-306px -106px;}

.xcx_gn li i.icon3{background-image: url(../images/icon.png); background-repeat: no-repeat; background-size: 900px 800px;background-position:-218px -202px;}
.xcx_gn li:hover i.icon3{width: 72px; height: 72px;background-position:-306px -202px;}

.xcx_gn li i.icon4{background-image: url(../images/icon.png); background-repeat: no-repeat; background-size: 900px 800px;background-position:-218px -302px;}
.xcx_gn li:hover i.icon4{width: 72px; height: 72px;background-position:-306px -302px;}

.xcx_gn li i.icon5{background-image: url(../images/icon.png); background-repeat: no-repeat; background-size: 900px 800px;background-position:-218px -398px;}
.xcx_gn li:hover i.icon5{width: 72px; height: 72px;background-position:-306px -398px;}

.xcx_gn li i.icon6{background-image: url(../images/icon.png); background-repeat: no-repeat; background-size: 900px 800px;background-position:-218px -495px;}
.xcx_gn li:hover i.icon6{width: 72px; height: 72px;background-position:-306px -495px;}

.xcx_gn li h3{line-height: 60px; color: #fff; font-weight: bold; font-size: 16px; display: inline-block; border-bottom: 4px solid #fff; margin-bottom: 20px;}
.xcx_gn li:hover h3{transform: scale(1,1);}
.xcx_gn li p{text-align: center; font-size: 14px; display: block; width: 110px; height: 24px; line-height: 24px; margin: 0 auto; color: rgba(255, 255, 255, 0.8);}
.xcx_gn li:hover p{height: 24px;  line-height: 24px;  margin-bottom: 6px; background: rgba(255, 255, 255, 0.3);  color: #fff;}


.navbar-dark .navbar-toggler{display: none;}



/*1680*/
@media screen and (max-width: 1680px){
.wap_footer{display: none;}

}

/*1440*/
@media screen and (min-width: 1440px) and (max-width : 1679px){
	.banner_xiaochengxu{height: 580px;}
	.banner_xiaochengxu .w_left{padding-top: 12%; padding-left: 4%;}
	.banner_xiaochengxu .w_left h1{ font-size: 36px;}
	.banner_xiaochengxu .w_left h2{margin-top: 30px;}
	.banner_xiaochengxu .w_left ol li{font-size: 15px;}
	.banner_xiaochengxu .w_left .more{padding-top: 30px;}
	.banner_xiaochengxu .w_right{padding-top: 8%; width: 550px; margin-right: 5%;}
	.banner_xiaochengxu .w_right img{width: 100%;}
	.xcx_part1 .tit h4{margin-bottom: 40px;}
	.xcx_gn{width: 90%;}

}
/*1280*/
@media screen and (min-width: 1280px) and (max-width : 1439px){
	.banner_xiaochengxu{height: 530px;}
	.banner_xiaochengxu .w_left{padding-top: 15%; padding-left: 3%;}
	.banner_xiaochengxu .w_left h1{ font-size: 32px;}
	.banner_xiaochengxu .w_left h2{margin-top: 20px; font-size: 20px; padding-top: 9px;}
	.banner_xiaochengxu .w_left ol li{font-size: 14px; line-height: 26px;}
	.banner_xiaochengxu .w_left .more{padding-top: 30px;}
	.banner_xiaochengxu .w_right{padding-top: 9%; width: 500px; margin-right: 5%;}
	.banner_xiaochengxu .w_right img{width: 100%;}
	.xcx_part1 .tit h4{margin-bottom: 40px;}
	.xcx_list{width: 90%;}
	.xcx_gn{width: 90%;}
	.xcx_gn li{width: 16.4%;}

}

/*iPad Pro (1024px)*/
@media screen and (min-width: 1024px) and (max-width : 1279px){
	.banner_xiaochengxu{height: 450px;}
	.banner_xiaochengxu .w_left{padding-top: 15%; padding-left: 3%;}
	.banner_xiaochengxu .w_left h1{ font-size: 28px;}
	.banner_xiaochengxu .w_left h2{margin-top: 25px; font-size: 16px; padding-top: 9px; width: 330px;}
	.banner_xiaochengxu .w_left ol{padding-top: 20px;}
	.banner_xiaochengxu .w_left ol li{font-size: 14px; line-height: 27px;}
	.banner_xiaochengxu .w_left .more{padding-top: 30px; display: none;}
	.banner_xiaochengxu .w_right{padding-top: 11.5%; width: 410px; margin-right: 3%;}
	.banner_xiaochengxu .w_right img{width: 100%;}
	
	.xcx_part1 .tit h4{margin-bottom: 40px; font-size: 20px;}
	.xcx_part1 .tit h2{font-size: 28px;}
	
	.xcx_part1{width: 90%;}
	.xcx_list{width: 90%;}
	.xcx_gn{width: 90%;}
	.xcx_gn li{width: 16.4%; height: 340px;}
	.xcx_liuliang{width: 90%;}

}

/*ipad （768px）*/
@media screen and (min-width: 768px) and (max-width : 1023px){
	.wap_footer{display: none;}
	.navbar-dark .navbar-toggler{display: none;}
	.banner_xiaochengxu{height: 370px; width: 100%; overflow: hidden;}
	.banner_xiaochengxu .w_left{padding-top: 20%; padding-left: 4%;}
	.banner_xiaochengxu .w_left h1{ font-size: 25px;}
	.banner_xiaochengxu .w_left h2{margin-top: 15px; font-size: 17px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_xiaochengxu .w_left ol{display: none;}
	.banner_xiaochengxu .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_xiaochengxu .w_left .more{padding-top: 30px; display: none;}
	.banner_xiaochengxu .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_xiaochengxu .w_right{padding-top: 16%; width: 290px; margin-right: 4%;}
	.banner_xiaochengxu .w_right img{width: 100%;}
	
	.xcx_part1 .cont .p1 p, .xcx_part1 .cont .p2 p, .xcx_part1 .cont .p3 p, .xcx_part1 .cont .p4 p{width: 130px;}
	.xcx_part1 .cont .p1{padding-top: 0;}
	.xcx_part1 .cont .p2{padding-top: 0;}
	.xcx_part1 .cont .p3{padding-top: 0;}
	.xcx_part1 .cont .p4 p{width: 150px;}
	.xcx_part1 .tit h4{margin-bottom: 40px; font-size: 20px;}
	.xcx_part1 .tit h2,.xcx_list2 h2{font-size: 26px;}
	.xcx_list2{padding: 40px 0 30px 0;}
	
	.xcx_part1 .cont{width: 100%; height: 300px;}
	
	.xcx_part1{width: 90%; padding: 40px 0 20px 0;}
	.xcx_list{width: 90%; margin-bottom: 30px;}
	.xcx_list dt{height: 100px;}
	.xcx_list .icons{width: 110px; height: 110px; margin: 0 auto; top: 42%;}
	.xcx_list .icons i{font-size: 42px;}
	.xcx_list dd{padding: 60px 0 15px 0; }
	.xcx_list dd h3{font-size: 16px;}
	.xcx_list dd p{font-size: 12px; line-height: 1.2; text-align: center;}
	.xcx_gn li:hover p{height: 21px;line-height: 22px; margin-bottom: 3px;}
	.xcx_gn{width: 90%;}
	.xcx_gn li{width: 16.2%; height: 300px;}
	.xcx_gn li:hover{ transform: scaleY(1.05);}
	.xcx_liuliang{width: 90%;}
	
	.xcx_gn li h3{line-height: 40px;}
	.xcx_gn li p{font-size: 13px;}
	

}

/*iphone6 plus横屏 (736px)*/
@media screen and (min-width: 736px) and (max-width : 767px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_xiaochengxu{height: 360px; width: 100%; overflow: hidden;}
	.banner_xiaochengxu .w_left{padding-top: 20%; padding-left: 3%;}
	.banner_xiaochengxu .w_left h1{ font-size: 23px;}
	.banner_xiaochengxu .w_left h2{margin-top: 15px; font-size: 15px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_xiaochengxu .w_left ol{display: none;}
	.banner_xiaochengxu .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_xiaochengxu .w_left .more{padding-top: 30px; display: none;}
	.banner_xiaochengxu .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_xiaochengxu .w_right{padding-top: 15%; width: 290px;margin-right: 3%;}
	.banner_xiaochengxu .w_right img{width: 100%;}
	
	.web_case .slider .slick-prev{display: none;}
	
	
	
	.xcx_part1{display: none;}
	
	.xcx_list{width: 90%; margin-bottom: 30px;}
	.xcx_list2 h2,.xcx_part3 .top span,.xcx_list2 h2{font-size: 22px;}
	.xcx_list dt{height: 100px;}
	.xcx_list .icons{width: 110px; height: 110px; margin: 0 auto; top: 42%;}
	.xcx_list .icons i{font-size: 42px;}
	.xcx_list dd{padding: 60px 0 15px 0; }
	.xcx_list dd h3{font-size: 16px;}
	.xcx_list dd p{font-size: 12px; line-height: 1.2; text-align: center;}
	.xcx_gn li:hover p{height: 21px;line-height: 22px; margin-bottom: 3px;}
	.xcx_gn{width: 90%;}
	.xcx_gn li{width: 16.2%; height: 300px;}
	.xcx_gn li:hover{ transform: scaleY(1.05);}
	.xcx_liuliang{width: 90%;}
	
	.xcx_gn li h3{line-height: 40px;}
	.xcx_gn li p{font-size: 13px;}
	
	.xcx_list2 p.p1{font-size: 16px;}
	.xcx_liuliang li h4{font-size: 14px; padding-top: 0;}
	
	.wap_footer{display: block;}
}

/*ipad6横屏( 667px)*/
@media screen and (min-width: 667px) and (max-width : 735px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_xiaochengxu{height: 320px; width: 100%; overflow: hidden;}
	.banner_xiaochengxu .w_left{padding-top: 21%; padding-left: 3%;}
	.banner_xiaochengxu .w_left h1{ font-size: 21px;}
	.banner_xiaochengxu .w_left h2{margin-top: 10px; font-size: 14px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_xiaochengxu .w_left h4{padding: 10px 15px;}
	.banner_xiaochengxu .w_left ol{display: none;}
	.banner_xiaochengxu .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_xiaochengxu .w_left .more{padding-top: 30px; display: none;}
	.banner_xiaochengxu .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_xiaochengxu .w_right{padding-top: 16%; width: 260px;margin-right: 3% ;}
	.banner_xiaochengxu .w_right img{width: 100%;}
	
	.web_case .slider .slick-prev{display: none;}
	
	.xcx_part1{display: none;}
		
	.xcx_list{width: 96%; margin-bottom: 30px;}
	.xcx_list2 h2,.xcx_part3 .top span,.xcx_list2 h2{font-size: 22px;}
	.xcx_list dt{height: 100px;}
	.xcx_list .icons{width: 100px; height: 100px; margin: 0 auto; top: 42%;}
	.xcx_list .icons i{font-size: 36px; padding-top: 25px;}
	.xcx_list dd{padding: 60px 0 15px 0; }
	.xcx_list dd h3{font-size: 16px;}
	.xcx_list dd p{font-size: 12px; line-height: 1.2; text-align: center;}
	
	.xcx_list2{padding: 50px 0 30px 0;}
	
	.xcx_gn li:hover p{height: 21px;line-height: 22px; margin-bottom: 3px;}
	.xcx_gn{width: 90%;}
	.xcx_gn li{width: 16.2%; height: 300px;}
	.xcx_gn li:hover{ transform: scaleY(1.05);}
	.xcx_liuliang{width: 90%;}
	
	.xcx_gn li h3{line-height: 40px;}
	.xcx_gn li p{font-size: 12px; width: 100%;}
	.xcx_gn li i{width: 70px; height: 70px;}
	.xcx_gn li i.icon6{}
	
	.xcx_list2 p.p1{font-size: 16px;}
	.xcx_liuliang li h4{font-size: 14px; padding-top: 0;}
	
	.wap_footer{display: block;}

}

/*ipad5横屏 (568px)*/
@media screen and (min-width: 568px) and (max-width : 666px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_xiaochengxu{height: 300px; width: 100%; overflow: hidden;}
	.banner_xiaochengxu .w_left{padding-top: 24%; padding-left: 3%;}
	.banner_xiaochengxu .w_left h1{ font-size: 18px;}
	.banner_xiaochengxu .w_left h2{margin-top: 20px; font-size: 14px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_xiaochengxu .w_left h4{border: none; padding: 7px 0; font-size: 12px; margin-top: 0px;}
	.banner_xiaochengxu .w_left ol{display: none;}
	.banner_xiaochengxu .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_xiaochengxu .w_left .more{padding-top: 30px; display: none;}
	.banner_xiaochengxu .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_xiaochengxu .w_right{padding-top: 20%; width: 220px; margin-right: 3%;}
	.banner_xiaochengxu .w_right img{width: 100%;}
	
	.web_case .slider .slick-prev{display: none;}
	
	.xcx_part1{display: none;}
		
	.xcx_list{width: 96%; margin-bottom: 30px;}
	.xcx_list2 h2,.xcx_part3 .top span,.xcx_list2 h2{font-size: 18px;}
	.xcx_list dt{height: 80px;}
	.xcx_list .icons{width: 80px; height: 80px; margin: 0 auto; top: 36%; border-width: 6px;}
	.xcx_list .icons i{font-size: 30px; padding-top: 20px;}
	.xcx_list dd{padding: 40px 0 15px 0;height: 105px; }
	.xcx_list dd h3{font-size: 14px;}
	.xcx_list dd p{font-size: 11px; line-height: 1.2; text-align: center; padding: 0 6px;}
	
	.xcx_list2{padding: 50px 0 30px 0;}
	
	.xcx_gn li:hover p{height: 21px;line-height: 22px; margin-bottom: 3px;}
	.xcx_gn{width: 98%;}
	.xcx_gn li{width: 16.2%; height: 300px;}
	.xcx_gn li:hover{ transform: scaleY(1.05);}
	.xcx_liuliang{width: 90%;}
	
	.xcx_gn li h3{line-height: 40px; font-size: 14px;}
	.xcx_gn li p{font-size: 12px; width: 100%;}
	.xcx_gn li i{width: 70px; height: 70px;}
	.xcx_gn li i.icon6{}
	
	.xcx_list2 p.p1{font-size: 14px;}
	.xcx_liuliang li h4{font-size: 13px; padding-top: 0;}
	
	.wap_footer{display: block;}

}


/*iphone6 plus (414px) */
@media screen and (min-width: 414px) and (max-width : 567px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_xiaochengxu{height: 240px; width: 100%; overflow: hidden;}
	.banner_xiaochengxu .w_left{padding-top: 30%; padding-left: 3%;}
	.banner_xiaochengxu .w_left h1{ font-size: 16px;}
	.banner_xiaochengxu .w_left h2{margin-top: 10px; font-size: 12px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_xiaochengxu .w_left h4{display: none;}
	.banner_xiaochengxu .w_left ol{display: none;}
	.banner_xiaochengxu .w_left .more{padding-top: 30px; display: none;}
	.banner_xiaochengxu .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_xiaochengxu .w_right{padding-top: 24%; width: 165px; ;}
	.banner_xiaochengxu .w_right img{width: 100%;}
	.web_case .slider .slick-prev{display: none;}
		
	.xcx_part1{display: none;}
		
	.xcx_list{width: 85%; margin-bottom: 20px;}
	.xcx_list dl{width: 46%; margin: 2%}
	.xcx_list2 h2,.xcx_part3 .top span,.xcx_list2 h2,.seo_article h2{font-size: 16px;}
	.xcx_list2 p{margin-top: 0;}
	.xcx_list dt{height: 70px;}
	.xcx_list .icons{width: 85px; height: 85px; margin: 0 auto; top: 36%; border-width: 6px;}
	.xcx_list .icons i{font-size: 32px; padding-top: 22px;}
	.xcx_list dd{padding: 42px 0 15px 0;height: 95px; }
	.xcx_list dd h3{font-size: 13px; margin-bottom: 5px;}
	.xcx_list dd p{font-size: 11px; line-height: 1.4; text-align: center; padding: 0 6px;}
	
	.xcx_list2{padding: 30px 0 10px 0;}
	
	.xcx_gn li:hover p{height: 24px;line-height: 24px; margin-bottom: 0px;}
	.xcx_gn li:hover i, .xcx_gn li:hover h3, .xcx_gn li:hover p{ transform: scaleY(0.94); width: 92%; }
	.xcx_gn li h3{margin-bottom: 10px;}
	.xcx_gn li:hover h3{text-align: center;}
	.xcx_gn{width: 92%;}
	.xcx_gn li{width: 32.6%; height: 275px; margin-top: 2px;padding-top: 15px;}
	.xcx_gn li:hover{ transform: scaleY(1.05);}
	.xcx_gn li h3{line-height: 40px; font-size: 14px;}
	.xcx_gn li p{font-size: 12px; width: 100%;}
	.xcx_gn li i{width: 70px; height: 70px;}
	.xcx_gn li i.icon6{}
	
	.xcx_list2 p.p1{font-size: 13px;}
	.xcx_liuliang li h4{font-size: 12px; padding-top: 0; text-align: center;}
	.xcx_part3{height: auto; padding-bottom: 20px;}
	.xcx_part3 .top span{width: 100%;}
	.xcx_part3 .top{border: none; margin: 70px auto;}
	
	.xcx_liuliang{width: 92%; padding: 10px 0 30px 0}
	.xcx_liuliang li .icon img{width: 100%;}
	
	.seo_article{padding-bottom: 50px;}
	.wap_footer{display: block;}
	
}

/*iphone6 plus (375px) */
@media screen and (min-width: 375px) and (max-width : 413px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_xiaochengxu{height: 230px; width: 100%; overflow: hidden;}
	.banner_xiaochengxu .w_left{padding-top: 32%; padding-left: 3%;}
	.banner_xiaochengxu .w_left h1{ font-size: 15px;}
	.banner_xiaochengxu .w_left h2{margin-top: 10px; font-size: 12px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_xiaochengxu .w_left h4{display: none;}
	.banner_xiaochengxu .w_left ol{display: none;}
	.banner_xiaochengxu .w_left .more{padding-top: 30px; display: none;}
	.banner_xiaochengxu .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_xiaochengxu .w_right{padding-top: 27%; width: 150px; ;}
	.banner_xiaochengxu .w_right img{width: 100%;}
	.web_case .slider .slick-prev{display: none;}
	
	.xcx_part1{display: none;}
		
	.xcx_list{width: 85%; margin-bottom: 20px;}
	.xcx_list dl{width: 46%; margin: 2%}
	.xcx_list2 h2,.xcx_part3 .top span,.xcx_list2 h2,.seo_article h2{font-size: 16px;}
	.xcx_list2 p{margin-top: 0;}
	.xcx_list dt{height: 70px;}
	.xcx_list .icons{width: 85px; height: 85px; margin: 0 auto; top: 36%; border-width: 6px;}
	.xcx_list .icons i{font-size: 32px; padding-top: 22px;}
	.xcx_list dd{padding: 42px 0 15px 0;height: 95px; }
	.xcx_list dd h3{font-size: 13px; margin-bottom: 5px;}
	.xcx_list dd p{font-size: 11px; line-height: 1.4; text-align: center; padding: 0 6px;}
	
	.xcx_list2{padding: 30px 0 10px 0;}
	
	.xcx_gn li:hover p{height: 24px;line-height: 24px; margin-bottom: 0px;}
	.xcx_gn li:hover i, .xcx_gn li:hover h3, .xcx_gn li:hover p{ transform: scaleY(0.94); width: 92%; }
	.xcx_gn li h3{margin-bottom: 10px;}
	.xcx_gn li:hover h3{text-align: center;}
	.xcx_gn{width: 92%;}
	.xcx_gn li{width: 32.6%; height: 275px; margin-top: 2px;padding-top: 15px;}
	.xcx_gn li:hover{ transform: scaleY(1.05);}
	.xcx_gn li h3{line-height: 40px; font-size: 14px;}
	.xcx_gn li p{font-size: 12px; width: 100%;}
	.xcx_gn li i{width: 70px; height: 70px;}
	.xcx_gn li i.icon6{}
	
	.xcx_list2 p.p1{font-size: 13px;}
	.xcx_liuliang li h4{font-size: 12px; padding-top: 0; text-align: center;}
	.xcx_part3{height: auto; padding-bottom: 20px;}
	.xcx_part3 .top span{width: 100%;}
	.xcx_part3 .top{border: none; margin: 70px auto;}
	
	.xcx_liuliang{width: 92%; padding: 10px 0 30px 0}
	.xcx_liuliang li .icon img{width: 100%;}
	
	.seo_article{padding-bottom: 50px;}
	.wap_footer{display: block;}
}

/*iphone5 (320px)*/
@media screen and (max-width: 374px) {
	.navbar-dark .navbar-toggler{display: block;}
	.banner_xiaochengxu{height: 230px; width: 100%; overflow: hidden;}
	.banner_xiaochengxu .w_left{padding-top: 35%; padding-left: 3%;}
	.banner_xiaochengxu .w_left h1{ font-size: 14px;}
	.banner_xiaochengxu .w_left h2{margin-top: 10px; font-size: 11px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_xiaochengxu .w_left h4{display: none;}
	.banner_xiaochengxu .w_left ol{display: none;}
	.banner_xiaochengxu .w_left .more{padding-top: 30px; display: none;}
	.banner_xiaochengxu .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_xiaochengxu .w_right{padding-top: 28%; width: 150px; ;}
	.banner_xiaochengxu .w_right img{width: 100%;}
	.web_case .slider .slick-prev{display: none;}
	.xcx_part1{display: none;}
		
	.xcx_list{width: 92%; margin-bottom: 20px;}
	.xcx_list dl{width: 46%; margin: 2%}
	.xcx_list2 h2,.xcx_part3 .top span,.xcx_list2 h2,.seo_article h2{font-size: 16px;}
	.xcx_list2 p{margin-top: 0;}
	.xcx_list dt{height: 70px;}
	.xcx_list .icons{width: 85px; height: 85px; margin: 0 auto; top: 36%; border-width: 6px;}
	.xcx_list .icons i{font-size: 32px; padding-top: 22px;}
	.xcx_list dd{padding: 42px 0 15px 0;height: 95px; }
	.xcx_list dd h3{font-size: 13px; margin-bottom: 5px;}
	.xcx_list dd p{font-size: 10px; line-height: 1.4; text-align: center; padding: 0 6px;}
	
	.xcx_list2{padding: 30px 0 10px 0;}
	
	.xcx_gn li:hover p{height: 24px;line-height: 24px; margin-bottom: 0px;}
	.xcx_gn li:hover i, .xcx_gn li:hover h3, .xcx_gn li:hover p{ transform: scaleY(0.94); width: 92%; }
	.xcx_gn li h3{margin-bottom: 10px;}
	.xcx_gn li:hover h3{text-align: center;}
	.xcx_gn{width: 94%;}
	.xcx_gn li{width: 32.6%; height: 275px; margin-top: 2px;padding-top: 15px;}
	.xcx_gn li:hover{ transform: scaleY(1.05);}
	.xcx_gn li h3{line-height: 40px; font-size: 14px;}
	.xcx_gn li p{font-size: 12px; width: 100%;}
	.xcx_gn li i{width: 70px; height: 70px;}
	.xcx_gn li i.icon6{}
	
	.xcx_list2 p.p1{font-size: 13px;}
	.xcx_liuliang li h4{font-size: 10px; padding-top: 0; text-align: center;}
	.xcx_part3{height: auto; padding-bottom: 20px;}
	.xcx_part3 .top span{width: 100%;}
	.xcx_part3 .top{border: none; margin: 70px auto;}
	
	.xcx_liuliang{width: 92%; padding: 10px 0 30px 0}
	.xcx_liuliang li .icon img{width:100%;}
	
	.seo_article{padding-bottom: 50px;}
	.wap_footer{display: block;}
}