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

/*b2b*/
.banner_b2b{background-image: linear-gradient(90deg, #4698eb 20%,#062285 80%);height:700px; overflow: hidden;}
.banner_b2b .w_left{float: left; padding-top: 180px; padding-left: 120px;}
.banner_b2b .w_left h1{color: #fff; font-size: 45px;}
.banner_b2b .w_left h2{display: block;  padding-top: 20px; margin-top: 40px; border-top: 1px solid #ddd; color: #fff; font-size: 25px; letter-spacing: 1px;}
.banner_b2b .w_left ol{padding-top: 30px; padding-left: 20px;}
.banner_b2b .w_left ol li{color: #fff; font-size: 16px; list-style:circle; line-height: 30px; }
.banner_b2b .w_left .more a{ display: block;text-decoration: none;padding: 8px 10px; transition: 0.3s; font-size: 14px; text-align: center; width: 160px; height: 40px;border-radius: 40px; }
.banner_b2b .w_left .more{padding-top: 40px;}
.banner_b2b .w_left .more a:link,.w_left .more a:visited{; background: #ff7f1c; border: 1px solid #ff7f1c; color: #fff;}
.banner_b2b .w_left .more a:hover{color: #fff; background: #ff7f1c; border: 1px solid #ff7f1c;}
.banner_b2b .w_left .more a i{padding-left: 5px; transition: 0.3s; }
.banner_b2b .w_left .more a:hover i{padding-left: 10px; }

.banner_b2b .w_right{float: right; padding-top: 130px; padding-right: 30px;}
.banner_b2b .w_right img{ width:100%;}
.web_cont p.p2{padding-top: 15px;}
.b2b_h5 dl.web_cont{padding-top: 70px;}


.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_b2b{height: 600px;}
	.banner_b2b .w_left{padding-top: 9.5%; padding-left: 4%;}
	.banner_b2b .w_left h1{ font-size: 35px;}
	.banner_b2b .w_left h2{margin-top: 30px; font-size: 22px;}
	.banner_b2b .w_left ol li{font-size: 14px; line-height: 27px;}
	.banner_b2b .w_left .more{padding-top: 30px;}
	.banner_b2b .w_right{padding-top: 12%; text-align: right;}
	.banner_b2b .w_right img{width: 72%;}

}
/*1280*/
@media screen and (min-width: 1280px) and (max-width : 1439px){
	.banner_b2b{height: 530px;}
	.banner_b2b .w_left{padding-top: 10%; padding-left: 3%;}
	.banner_b2b .w_left h1{ font-size: 36px;}
	.banner_b2b .w_left h2{margin-top: 20px; font-size: 22px; padding-top: 15px;}
	.banner_b2b .w_left ol li{font-size: 14px; line-height: 26px;}
	.banner_b2b .w_left .more{padding-top: 20px;}
	.banner_b2b .w_right{padding-top: 11%; width: 550px;}
	.banner_b2b .w_right img{width: 95%;}
	.b2b_h5 dl.web_cont{padding-top: 30px;}
	
	

}

/*iPad Pro (1024px)*/
@media screen and (min-width: 1024px) and (max-width : 1279px){
	.banner_b2b{height: 450px;}
	.banner_b2b .w_left{padding-top: 12%; padding-left: 3%;}
	.banner_b2b .w_left h1{ font-size: 28px;}
	.banner_b2b .w_left h2{margin-top: 20px; font-size: 18px; padding-top: 15px;}
	.banner_b2b .w_left ol li{font-size: 12px; line-height: 23px;}
	.banner_b2b .w_left .more{padding-top: 30px; display: none;}
	.banner_b2b .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_b2b .w_right{padding-top: 15%; width: 550px; text-align: right;}
	.banner_b2b .w_right img{width: 82%;}
	
	.b2b_h5 dl.web_cont{padding-top: 20px;}


}

/*ipad （768px）*/
@media screen and (min-width: 768px) and (max-width : 1023px){
	.wap_footer{display: none;}
	.navbar-dark .navbar-toggler{display: none;}
	.banner_b2b{height: 380px; width: 100%; overflow: hidden;}
	.banner_b2b .w_left{padding-top: 21%; padding-left: 3%;}
	.banner_b2b .w_left h1{ font-size: 23px;}
	.banner_b2b .w_left h2{margin-top: 20px; font-size: 16px; padding-top: 15px;}
	.banner_b2b .w_left ol{display: none;}
	.banner_b2b .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_b2b .w_left .more{padding-top: 30px; display: none;}
	.banner_b2b .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_b2b .w_right{padding-top: 18%; width: 350px; ;}
	.banner_b2b .w_right img{width: 100%;}
	.b2b_h5 dl.web_cont{padding-top: 10px;}


}

/*iphone6 plus横屏 (736px)*/
@media screen and (min-width: 736px) and (max-width : 767px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_b2b{height: 350px; width: 100%; overflow: hidden;}
	.banner_b2b .w_left{padding-top: 21%; padding-left: 3%;}
	.banner_b2b .w_left h1{ font-size: 23px;}
	.banner_b2b .w_left h2{margin-top: 20px; font-size: 15px; padding-top: 10px;}
	.banner_b2b .w_left ol{display: none;}
	.banner_b2b .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_b2b .w_left .more{padding-top: 30px; display: none;}
	.banner_b2b .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_b2b .w_right{padding-top: 18%; width: 320px; ;}
	.banner_b2b .w_right img{width: 100%;}
	.b2b_h5 dl.web_cont{padding-top: 10px;}
	.web_case .slider .slick-prev{display: none;}
	.web_cont p.p2{padding-top: 5px;}
	.b2b_h5 img{padding-top: 10px;}
	.wap_footer{display: block;}
	

}

/*ipad6横屏( 667px)*/
@media screen and (min-width: 667px) and (max-width : 735px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_b2b{height: 320px; width: 100%; overflow: hidden;}
	.banner_b2b .w_left{padding-top: 21%; padding-left: 3%;}
	.banner_b2b .w_left h1{ font-size: 23px;}
	.banner_b2b .w_left h2{margin-top: 20px; font-size: 15px; padding-top: 10px;}
	.banner_b2b .w_left ol{display: none;}
	.banner_b2b .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_b2b .w_left .more{padding-top: 30px; display: none;}
	.banner_b2b .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_b2b .w_right{padding-top: 18%; width: 320px; ;}
	.banner_b2b .w_right img{width: 100%;}
	
	.b2b_h5 dl.web_cont{padding-top: 10px;}
	.web_case .slider .slick-prev{display: none;}
	.web_cont p.p2{padding-top: 5px;}
	.b2b_h5 img{padding-top: 10px;}
	.wap_footer{display: block;}
	

}

/*ipad5横屏 (568px)*/
@media screen and (min-width: 568px) and (max-width : 666px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_b2b{height: 300px; width: 100%; overflow: hidden;}
	.banner_b2b .w_left{padding-top: 24%; padding-left: 3%;}
	.banner_b2b .w_left h1{ font-size: 20px;}
	.banner_b2b .w_left h2{margin-top: 14px; font-size: 13px; padding-top: 10px;}
	.banner_b2b .w_left ol{display: none;}
	.banner_b2b .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_b2b .w_left .more{padding-top: 30px; display: none;}
	.banner_b2b .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_b2b .w_right{padding-top: 21%; width: 260px; ;}
	.banner_b2b .w_right img{width: 100%;}
	.wap_footer{display: block;}
	
	.web_h5 img{display: none;}
	.b2b_h5 dl.web_cont{float: none; width: 92%; margin: 0 auto; padding-top: 5px;}
	.b2b_h5 .web_cont dt.dt1{font-size: 20px;}
	.b2b_h5 .web_cont dt.dt2{font-size: 15px;}
	.web_h5 .lin{margin-top: 10px;}
	.web_h5 dd{padding-top: 10px; }

}


/*iphone6 plus (414px) */
@media screen and (min-width: 414px) and (max-width : 567px){
	.wap_footer{display: block;}
	.navbar-dark .navbar-toggler{display: block;}
	.banner_b2b{height: 230px; width: 100%; overflow: hidden;}
	.banner_b2b .w_left{padding-top: 27%; padding-left: 3%;}
	.banner_b2b .w_left h1{ font-size: 15px;}
	.banner_b2b .w_left h2{margin-top: 12px; font-size: 10px; padding-top: 10px;}
	.banner_b2b .w_left ol{display: none;}
	.banner_b2b .w_left .more{padding-top: 30px; display: none;}
	.banner_b2b .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_b2b .w_right{padding-top: 24%; width: 200px; ;}
	.banner_b2b .w_right img{width: 100%;}
	
	.web_h5 img{display: none;}
	.b2b_h5 dl.web_cont{float: none; width: 96%; margin: 0 auto; padding-top: 5px;}
	.b2b_h5 .web_cont dt.dt1{font-size: 18px;}
	.b2b_h5 .web_cont dt.dt2{font-size: 13px;}
	.web_h5 .lin{margin-top: 10px; width: 100%; margin-left: 0;}
	.web_h5 dd{padding-top: 10px; }
	.b2b_h5 .web_cont dd,.web_cont p{font-size: 11px; padding-top: 10px;}
	
}

/*iphone6 plus (375px) */
@media screen and (min-width: 375px) and (max-width : 413px){
	.navbar-dark .navbar-toggler{display: block;}
	.wap_footer{display: block;}
	.banner_b2b{height: 210px; width: 100%; overflow: hidden;}
	.banner_b2b .w_left{padding-top: 29%; padding-left: 3%;}
	.banner_b2b .w_left h1{ font-size: 14px;}
	.banner_b2b .w_left h2{margin-top: 12px; font-size: 9px; padding-top: 10px;}
	.banner_b2b .w_left ol{display: none;}
	.banner_b2b .w_left .more{padding-top: 30px; display: none;}
	.banner_b2b .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_b2b .w_right{padding-top: 27%; width: 190px; ;}
	.banner_b2b .w_right img{width: 100%;}
	
	.web_h5 img{display: none;}
	.b2b_h5 dl.web_cont{float: none; width: 96%; margin: 0 auto; padding-top: 5px;}
	.b2b_h5 .web_cont dt.dt1{font-size: 15px;}
	.b2b_h5 .web_cont dt.dt2{font-size: 12px;}
	.web_cont p.p2{padding-top: 10px;}
	.web_h5 .lin{margin-top: 10px;}
	.web_h5 dd{padding-top: 10px; }
	.b2b_h5 .web_cont dd,.web_cont p{font-size: 11px; padding-top: 10px;}
	
}

/*iphone5 (320px)*/
@media screen and (max-width: 374px) {
	.navbar-dark .navbar-toggler{display: block;}
	.wap_footer{display: block;}
	.banner_b2b{height: 210px; width: 100%; overflow: hidden;}
	.banner_b2b .w_left{padding-top: 29%; padding-left: 3%;}
	.banner_b2b .w_left h1{ font-size: 14px;}
	.banner_b2b .w_left h2{margin-top: 11px; font-size: 9px; padding-top: 0px; border: none;}
	.banner_b2b .w_left ol{display: none;}
	.banner_b2b .w_left .more{padding-top: 30px; display: none;}
	.banner_b2b .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_b2b .w_right{padding-top: 30%; width: 180px;padding-right: 0;}
	.banner_b2b .w_right img{width: 100%;}
	.web_h5 img{display: none;}
	.b2b_h5 dl.web_cont{float: none; width: 96%; margin: 0 auto; padding-top: 5px;}
	.b2b_h5 .web_cont dt.dt1{font-size: 13px;}
	.b2b_h5 .web_cont dt.dt2{font-size: 12px;}
	.web_cont p.p2{padding-top: 10px;}
	.web_h5 .lin{margin-top: 10px;}
	.web_h5 dd{padding-top: 10px; }
	.b2b_h5 .web_cont dd,.web_cont p{font-size: 10px; padding-top: 10px; line-height: 16px;}
	.web_h5 dt, .web_seo dt{padding-left: 0;}

}