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

/*pinpai*/
.banner_pinpai{background-image: linear-gradient(0deg, #eaeaea 0%,#fff 100%); height:700px; overflow: hidden;}
.banner_pinpai .w_left{float: left; padding-left: 5%; padding-top: 10%;}
.banner_pinpai .w_left h1{color: #333; font-size: 45px;}
.banner_pinpai .w_left h2{display: block;  padding-top: 20px; margin-top: 40px; border-top: 1px solid #ddd; color: #888; font-size: 25px; letter-spacing: 1px;}
.banner_pinpai .w_left ol{padding-top: 30px; padding-left: 20px;}
.banner_pinpai .w_left ol li{color: #555; font-size: 16px; list-style:circle; line-height: 30px; }
.banner_pinpai .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_pinpai .w_left .more{padding-top: 40px;}
.banner_pinpai .w_left .more a:link,.w_left .more a:visited{; background: #fd2743; border: 1px solid #ec223d; color: #fff;}
.banner_pinpai .w_left .more a:hover{color: #fff; background: #fd2743; border: 1px solid #ec223d;}
.banner_pinpai .w_left .more a i{padding-left: 5px; transition: 0.3s; }
.banner_pinpai .w_left .more a:hover i{padding-left: 10px; }

.banner_pinpai .w_right{float: right; padding-right: 2.5%; padding-top: 10%; text-align: right;}
.banner_pinpai .w_right img{ width: 90%;}



/*1680*/
@media screen and (max-width: 1680px){


}

/*1440*/
@media screen and (min-width: 1440px) and (max-width : 1679px){
	.banner_pinpai{height: 600px;}
	.banner_pinpai .w_left{padding-top: 9.5%; padding-left: 4%;}
	.banner_pinpai .w_left h1{ font-size: 40px;}
	.banner_pinpai .w_left h2{margin-top: 30px;}
	.banner_pinpai .w_left ol li{font-size: 15px;}
	.banner_pinpai .w_left .more{padding-top: 30px;}
	.banner_pinpai .w_right{padding-top: 9%;}
	.banner_pinpai .w_right img{width: 72%;}

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

}

/*iPad Pro (1024px)*/
@media screen and (min-width: 1024px) and (max-width : 1279px){
	.banner_pinpai{height: 450px;}
	.banner_pinpai .w_left{padding-top: 12%; padding-left: 3%;}
	.banner_pinpai .w_left h1{ font-size: 32px;}
	.banner_pinpai .w_left h2{margin-top: 20px; font-size: 20px; padding-top: 15px;}
	.banner_pinpai .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_pinpai .w_left .more{padding-top: 30px; display: none;}
	.banner_pinpai .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_pinpai .w_right{padding-top: 11%; width: 550px;}
	.banner_pinpai .w_right img{width: 82%;}


}

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

	
	

}

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

	
	.web_case .slider .slick-prev{display: none;}
}

/*ipad6横屏( 667px)*/
@media screen and (min-width: 667px) and (max-width : 735px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_pinpai{height: 350px; width: 100%; overflow: hidden;}
	.banner_pinpai .w_left{padding-top: 21%; padding-left: 3%;}
	.banner_pinpai .w_left h1{ font-size: 23px;}
	.banner_pinpai .w_left h2{margin-top: 20px; font-size: 15px; padding-top: 10px;}
	.banner_pinpai .w_left ol{display: none;}
	.banner_pinpai .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_pinpai .w_left .more{padding-top: 30px; display: none;}
	.banner_pinpai .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_pinpai .w_right{padding-top: 16%; width: 320px; ;}
	.banner_pinpai .w_right img{width: 100%;}
	

	.wap_footer{display: none;}
	
}

/*ipad5横屏 (568px)*/
@media screen and (min-width: 568px) and (max-width : 666px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_pinpai{height: 300px; width: 100%; overflow: hidden;}
	.banner_pinpai .w_left{padding-top: 24%; padding-left: 3%;}
	.banner_pinpai .w_left h1{ font-size: 20px;}
	.banner_pinpai .w_left h2{margin-top: 14px; font-size: 13px; padding-top: 10px;}
	.banner_pinpai .w_left ol{display: none;}
	.banner_pinpai .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_pinpai .w_left .more{padding-top: 30px; display: none;}
	.banner_pinpai .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_pinpai .w_right{padding-top: 18%; width: 260px; ;}
	.banner_pinpai .w_right img{width: 100%;}

	.wap_footer{display: none;}
	

}


/*iphone6 plus (414px) */
@media screen and (min-width: 414px) and (max-width : 567px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_pinpai{height: 230px; width: 100%; overflow: hidden;}
	.banner_pinpai .w_left{padding-top: 27%; padding-left: 3%;}
	.banner_pinpai .w_left h1{ font-size: 15px;}
	.banner_pinpai .w_left h2{margin-top: 12px; font-size: 10px; padding-top: 10px;}
	.banner_pinpai .w_left ol{display: none;}
	.banner_pinpai .w_left .more{padding-top: 30px; display: none;}
	.banner_pinpai .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_pinpai .w_right{padding-top: 22%; width: 180px; ;}
	.banner_pinpai .w_right img{width: 100%;}
	
	
}

/*iphone6 plus (375px) */
@media screen and (min-width: 375px) and (max-width : 413px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_pinpai{height: 220px; width: 100%; overflow: hidden;}
	.banner_pinpai .w_left{padding-top: 29%; padding-left: 3%;}
	.banner_pinpai .w_left h1{ font-size: 15px;}
	.banner_pinpai .w_left h2{margin-top: 12px; font-size: 9px; padding-top: 10px;}
	.banner_pinpai .w_left ol{display: none;}
	.banner_pinpai .w_left .more{padding-top: 30px; display: none;}
	.banner_pinpai .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_pinpai .w_right{padding-top: 26%; width: 160px; ;}
	.banner_pinpai .w_right img{width: 100%;}
	
}

/*iphone5 (320px)*/
@media screen and (max-width: 374px) {

	.navbar-dark .navbar-toggler{display: block;}
	.banner_pinpai{height: 220px; width: 100%; overflow: hidden;}
	.banner_pinpai .w_left{padding-top: 32%; padding-left: 3%;}
	.banner_pinpai .w_left h1{ font-size: 14px;}
	.banner_pinpai .w_left h2{margin-top: 12px; font-size: 9px; padding-top: 0px; border: none;}
	.banner_pinpai .w_left ol{display: none;}
	.banner_pinpai .w_left .more{padding-top: 30px; display: none;}
	.banner_pinpai .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_pinpai .w_right{padding-top: 33%; width: 130px; ;}
	.banner_pinpai .w_right img{width: 100%;}

}