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


/*video*/
.banner_video{background-image: linear-gradient(45deg, #b705c8 0%,#6574ec 100%); height:620px; overflow: hidden;}
.banner_video .w_left{float: left; padding-top: 10%; padding-left: 6%;}
.banner_video .w_left h1{color: #fff; font-size: 45px;}
.banner_video .w_left h2{display: block;  padding: 6px 20px 10px 20px; margin-top: 40px; background: #ffb139; color: #fff; text-shadow:0 2px rgba(0, 0, 0, 0.4);  border-radius: 35px; font-size: 21px; letter-spacing: 1px; width: 370px;}
.banner_video .w_left ol{padding-top: 30px; padding-left: 20px;}
.banner_video .w_left ol li{color: #fff; font-size: 16px; list-style:circle; line-height: 34px;}
.banner_video .w_left .more a{ display: block;text-decoration: none;padding: 5px 10px; transition: 0.3s; font-size: 14px; text-align: center; width: 160px; height: 40px; border-radius: 40px;background: 	-webkit-gradient(linear, 0% 25%, 75% 100%, from(#fe8644), to(#ed3c82)); line-height: 30px; }
.banner_video .w_left .more{padding-top: 40px;}
.banner_video .w_left .more a:link,.w_left .more a:visited{ color: #fff;}
.banner_video .w_left .more a:hover{color: #fff; }
.banner_video .w_left .more a i{padding-left: 5px; transition: 0.3s; }
.banner_video .w_left .more a:hover i{padding-left: 10px; }

.banner_video .w_right{padding-top: 8%; width: 620px; margin-right: 6%; float: right;}
.banner_video .w_right img{width: 100%;}


.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_video{height: 580px;}
	.banner_video .w_left{padding-top: 12%; padding-left: 4%;}
	.banner_video .w_left h1{ font-size: 36px;}
	.banner_video .w_left h2{margin-top: 30px;}
	.banner_video .w_left ol li{font-size: 15px;}
	.banner_video .w_left .more{padding-top: 30px;}
	.banner_video .w_right{padding-top: 10%; width: 570px; margin-right: 4%;}
	.banner_video .w_right img{width: 100%;}

}
/*1280*/
@media screen and (min-width: 1280px) and (max-width : 1439px){
	.banner_video{height: 530px;}
	.banner_video .w_left{padding-top: 13%; padding-left: 3%;}
	.banner_video .w_left h1{ font-size: 32px;}
	.banner_video .w_left h2{margin-top: 20px; font-size: 20px; padding-top: 9px;}
	.banner_video .w_left ol li{font-size: 14px; line-height: 26px;}
	.banner_video .w_left .more{padding-top: 30px;}
	.banner_video .w_right{padding-top: 10%; width: 520px; margin-right: 3%;}
	.banner_video .w_right img{width: 100%;}
	
	.video_h5 dl{padding-top: 40px;}

}

/*iPad Pro (1024px)*/
@media screen and (min-width: 1024px) and (max-width : 1279px){
	.banner_video{height: 450px;}
	.banner_video .w_left{padding-top: 15%; padding-left: 3%;}
	.banner_video .w_left h1{ font-size: 28px;}
	.banner_video .w_left h2{margin-top: 25px; font-size: 16px; padding-top: 9px; width: 330px;}
	.banner_video .w_left ol{padding-top: 20px;}
	.banner_video .w_left ol li{font-size: 14px; line-height: 27px;}
	.banner_video .w_left .more{padding-top: 30px; display: none;}
	.banner_video .w_right{padding-top: 12.5%; width: 410px; margin-right: 3%;}
	.banner_video .w_right img{width: 100%;}
	
	.video_h5 dl{padding-top: 40px;}
	.video_wenan dl{padding-top: 40px;}
	.video_neirong dl{padding-top: 80px;}
	.video_bianxian dl{padding-top: 60px;}


}

/*ipad （768px）*/
@media screen and (min-width: 768px) and (max-width : 1023px){
	.wap_footer{display: none;}
	.navbar-dark .navbar-toggler{display: none;}
	.banner_video{height: 350px; width: 100%; overflow: hidden;}
	.banner_video .w_left{padding-top: 24%; padding-left: 4%;}
	.banner_video .w_left h1{ font-size: 20px;}
	.banner_video .w_left h2{margin-top: 15px; font-size: 17px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_video .w_left ol{display: none;}
	.banner_video .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_video .w_left .more{padding-top: 30px; display: none;}
	.banner_video .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_video .w_right{padding-top: 16%; width: 290px; margin-right: 4%;}
	.banner_video .w_right img{width: 100%;}
	
	.video_h5 dl{padding-top: 20px;}
	.video_wenan dl{padding-top: 20px;}
	.web_seo dd{padding-right: 30px;}
	.video_neirong dl{padding-top: 40px;}
	.video_bianxian dl{padding-top: 40px;}


}

/*iphone6 plus横屏 (736px)*/
@media screen and (min-width: 736px) and (max-width : 767px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_video{height: 340px; width: 100%; overflow: hidden;}
	.banner_video .w_left{padding-top: 23%; padding-left: 3%;}
	.banner_video .w_left h1{ font-size: 20px;}
	.banner_video .w_left h2{margin-top: 15px; font-size: 15px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_video .w_left ol{display: none;}
	.banner_video .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_video .w_left .more{padding-top: 30px; display: none;}
	.banner_video .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_video .w_right{padding-top: 15%; width: 300px;margin-right: 3%;}
	.banner_video .w_right img{width: 100%;}
	
	.web_case .slider .slick-prev{display: none;}
	
	.video_h5 dl{padding-top: 20px;}
	.video_wenan dl{padding-top: 20px;}
	.web_seo dd{padding-right: 30px;}
	.video_neirong dl{padding-top: 40px;}
	.video_bianxian dl{padding-top: 40px;}
	.seo_article{padding-bottom: 50px;}
	.wap_footer{display: block;}

}

/*ipad6横屏( 667px)*/
@media screen and (min-width: 667px) and (max-width : 735px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_video{height: 320px; width: 100%; overflow: hidden;}
	.banner_video .w_left{padding-top: 24%; padding-left: 3%;}
	.banner_video .w_left h1{ font-size: 18px;}
	.banner_video .w_left h2{margin-top: 10px; font-size: 14px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_video .w_left ol{display: none;}
	.banner_video .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_video .w_left .more{padding-top: 30px; display: none;}
	.banner_video .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_video .w_right{padding-top: 16%; width: 280px;margin-right: 3% ;}
	.banner_video .w_right img{width: 100%;}
	
	.web_case .slider .slick-prev{display: none;}
	
	.video_h5 dl{padding-top: 15px;}
	.video_wenan dl{padding-top: 15px;}
	.web_seo dd{padding-right: 10px;}
	.video_neirong dl{padding-top: 25px;}
	.video_bianxian dl{padding-top: 30px;}
	.web_h5 dt, .web_seo dt{font-size: 18px; line-height: 29px;}
	.web_h5 dt.dt2, .web_seo dt.dt2{font-size: 13px;}
	.web_h5 .lin{margin-top: 5px;}
	.web_h5 dd, .web_seo dd{padding-top: 15px;}
	.seo_article{padding-bottom: 50px;}
	.wap_footer{display: block;}

}

/*ipad5横屏 (568px)*/
@media screen and (min-width: 568px) and (max-width : 666px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_video{height: 300px; width: 100%; overflow: hidden;}
	.banner_video .w_left{padding-top: 27%; padding-left: 3%;}
	.banner_video .w_left h1{ font-size: 16px;}
	.banner_video .w_left h2{margin-top: 10px; font-size: 12px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_video .w_left ol{display: none;}
	.banner_video .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_video .w_left .more{padding-top: 30px; display: none;}
	.banner_video .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_video .w_right{padding-top: 18.5%; width: 250px; margin-right: 3%;}
	.banner_video .w_right img{width: 100%;}
	
	.web_case .slider .slick-prev{display: none;}
	
	.video_h5 dl{padding-top: 5px;}
	.video_wenan dl{padding-top: 8px;}
	.web_seo dd{padding-right: 10px;}
	.video_neirong dl{padding-top: 15px;}
	.video_bianxian dl{padding-top: 20px;}
	.web_h5 dt, .web_seo dt{font-size: 16px; line-height: 25px;}
	.web_h5 dt.dt2, .web_seo dt.dt2{font-size: 13px;}
	.web_h5 .lin{margin-top: 5px;}
	.web_h5 dd, .web_seo dd{padding-top: 10px;}
	.seo_article{padding-bottom: 50px;}
	.wap_footer{display: block;}

}


/*iphone6 plus (414px) */
@media screen and (min-width: 414px) and (max-width : 567px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_video{height: 230px; width: 100%; overflow: hidden;}
	.banner_video .w_left{padding-top: 31%; padding-left: 3%;}
	.banner_video .w_left h1{ font-size: 13px;}
	.banner_video .w_left h2{margin-top: 10px; font-size: 10px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_video .w_left ol{display: none;}
	.banner_video .w_left .more{padding-top: 30px; display: none;}
	.banner_video .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_video .w_right{padding-top: 22%; width: 180px; ;}
	.banner_video .w_right img{width: 100%;}
	.web_case .slider .slick-prev{display: none;}
	
	.video_h5 dl{padding-top: 5px;}
	.video_wenan dl{padding-top: 8px;}
	.video_wenan img{padding-top: 30px; padding-right: 5px;}
	.web_seo dd{padding-right: 10px;}
	.video_neirong dl{padding-top: 5px;}
	.video_bianxian dl{padding-top: 5px;}
	.web_h5 dt, .web_seo dt{font-size: 16px; line-height: 25px;}
	.web_h5 dt.dt2, .web_seo dt.dt2{font-size: 13px;}
	.web_h5 .lin{margin-top: 5px;}
	.web_h5 dd, .web_seo dd{padding-top: 10px;}
	.seo_article{padding-bottom: 50px;}
	.wap_footer{display: block;}
	.web_h5 img{padding-top: 25px;}
	
	
	
}

/*iphone6 plus (375px) */
@media screen and (min-width: 375px) and (max-width : 413px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_video{height: 220px; width: 100%; overflow: hidden;}
	.banner_video .w_left{padding-top: 32%; padding-left: 3%;}
	.banner_video .w_left h1{ font-size: 13px;}
	.banner_video .w_left h2{margin-top: 10px; font-size: 10px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_video .w_left ol{display: none;}
	.banner_video .w_left .more{padding-top: 30px; display: none;}
	.banner_video .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_video .w_right{padding-top: 25%; width: 160px; ;}
	.banner_video .w_right img{width: 100%;}
	.web_case .slider .slick-prev{display: none;}
	
	.video_h5 dl{padding-top: 5px;}
	.video_wenan dl{padding-top: 8px;}
	.video_wenan img{padding-top: 30px; padding-right: 5px;}
	.web_seo dd{padding-right: 10px;}
	.video_neirong dl{padding-top: 5px;}
	.video_bianxian dl{padding-top: 5px;}
	.web_h5 dt, .web_seo dt{font-size: 16px; line-height: 25px;}
	.web_h5 dt.dt2, .web_seo dt.dt2{font-size: 13px;}
	.web_h5 .lin{margin-top: 5px;}
	.web_h5 dd, .web_seo dd{padding-top: 10px;}
	.seo_article{padding-bottom: 50px;}
	.wap_footer{display: block;}
	.web_h5 img{padding-top: 25px;}
	.web_h5,.web_seo{padding: 20px 0;}
}

/*iphone5 (320px)*/
@media screen and (max-width: 374px) {
	.navbar-dark .navbar-toggler{display: block;}
	.banner_video{height: 230px; width: 100%; overflow: hidden;}
	.banner_video .w_left{padding-top: 35%; padding-left: 3%;}
	.banner_video .w_left h1{ font-size: 13px;}
	.banner_video .w_left h2{margin-top: 10px; font-size: 10px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_video .w_left ol{display: none;}
	.banner_video .w_left .more{padding-top: 30px; display: none;}
	.banner_video .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_video .w_right{padding-top: 32%; width: 135px;padding-right: 0 ; margin-right: 0;}
	.banner_video .w_right img{width: 100%;}
	.web_case .slider .slick-prev{display: none;}
	
	.video_h5 dl{padding-top: 5px;}
	.video_wenan dl{padding-top: 8px;}
	.video_wenan img{padding-top: 30px; padding-right: 5px;}
	.web_seo dd{padding-right: 10px;}
	.video_neirong dl{padding-top: 5px;}
	.video_bianxian dl{padding-top: 5px;}
	.web_h5 dt, .web_seo dt{font-size: 14px; line-height: 22px;}
	.web_h5 dt.dt2, .web_seo dt.dt2{font-size: 12px;}
	.web_h5 .lin{margin-top: 5px;}
	.web_h5 dd, .web_seo dd{padding-top: 10px;}
	.seo_article{padding-bottom: 50px;}
	.wap_footer{display: block;}
	.web_h5 img{padding-top: 25px;}
	.web_h5,.web_seo{padding: 20px 0;}
	.web_h5 img, .web_seo img{height: 65px;top: -16px;}
}