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


/*sheying*/
.banner_sheying{background: url(../images/sy_bg.jpg) no-repeat center top; height: 550px; overflow: hidden;}
.banner_sheying .w_left{float: left; padding-top: 200px; padding-left: 120px;}
.banner_sheying .w_left h1{color: #fff; font-size: 50px;letter-spacing: 1px;}
.banner_sheying .w_left h2{display: block;  padding-top: 20px; margin-top: 30px; color: #fff; font-size: 28px; letter-spacing: 1px; }
.banner_sheying .w_left h4{display: block;border: 1px solid #81d0fe; padding: 10px 25px; margin-top: 25px;}

.banner_sheying .w_left ol{padding-top: 30px; padding-left: 20px;}
.banner_sheying .w_left ol li{color: #333; font-size: 16px; list-style:circle; }
.banner_sheying .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;}
.banner_sheying .w_left .more{padding-top: 40px;}
.banner_sheying .w_left .more a:link,.w_left .more a:visited{; background: #fd2743; border: 1px solid #ec223d; color: #fff;}
.banner_sheying .w_left .more a:hover{color: #fff; background: #fd2743; border: 1px solid #ec223d;}
.banner_sheying .w_left .more a i{padding-left: 5px; transition: 0.3s; }
.banner_sheying .w_left .more a:hover i{padding-left: 10px; }

.banner_sheying .w_right{float: right; padding-top: 60px; padding-right: 90px;}
.banner_sheying .w_right img{ width: 99%;}

.sy_shinei{width: 85% ; overflow: hidden; margin: 0 auto;}
.sy_shinei dt{width: 100%; padding: 80px 0 30px 0;}
.sy_shinei dt h2{color: #333; font-size: 26px; text-align: center; }
.sy_shinei dt h4{color: #777; font-size: 16px; text-align: center; text-transform: uppercase; padding-top: 16px;}

.sy_shinei dd{width: 100%;}
.sy_shinei dd ul{width: 100%;}
.sy_shinei dd li{float: left; width: 23%; height: 376px; overflow: hidden;margin: 1%; cursor: pointer;}
.sy_shinei dd li .sy_img{width: 100%; height: 100%; }
.sy_shinei dd li .sy_img img{width: 100%; transition: all 1.0s; height: 100%;}
.sy_shinei dd li:hover .sy_img img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2) ; }

.sy_shinei dd li .sy_text{width: 100%;height: 100%; background-color: rgba(0,0,0,0.5); position: relative;top: -376px; left: 0;padding-top: 160px; transition: all 0.5s;}
.sy_shinei dd li:hover .sy_text{ padding-top: 140px;}
.sy_shinei dd li .sy_text i{display: block; width: 100%; text-align: center; font-size: 40px; color: #fff;}
.sy_shinei dd li .sy_text h4{font-size: 20px; text-align: center; color: #fff; letter-spacing: 1px; margin:15px 0;transition: all 0.5s;}
 
.sy_shinei dd li .sy_text h5{text-transform: uppercase; text-align: center; font-size: 16px; letter-spacing: 1px; display: none; transition: all 0.5s;}
.sy_shinei dd li:hover .sy_text h5{ display: block; 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_sheying{height: 550px; overflow: hidden;}
	.banner_sheying .w_left{padding-top: 13%; padding-left: 4%;}
	.banner_sheying .w_left h1{ font-size: 36px;}
	.banner_sheying .w_left h2{margin-top: 30px;}
	.banner_sheying .w_left ol li{font-size: 15px;}
	.banner_sheying .w_left .more{padding-top: 30px;}
	.banner_sheying .w_right{padding-top: 9.5%; width: 730px; margin-right: 4%;}
	.banner_sheying .w_right img{width: 100%;}
	
	.sy_shinei{width: 88%;}
	.sy_shinei dd li{height: 376px; overflow: hidden;}
	.sy_shinei dd li .sy_text{top: -376px; padding-top: 160px;}
	.sy_shinei dd li:hover .sy_text{ padding-top: 140px;}
	.sy_shinei dd li .sy_img{height: 100%; overflow: hidden;}
	.sy_shinei dd li .sy_img img{height: 100%;}
	
	
	.seo_article h2{font-size: 26px;}

}
/*1280*/
@media screen and (min-width: 1280px) and (max-width : 1439px){
	.banner_sheying{height: 530px; overflow: hidden;}
	.banner_sheying .w_left{padding-top: 15%; padding-left: 4%;}
	.banner_sheying .w_left h1{ font-size: 32px;}
	.banner_sheying .w_left h2{margin-top: 10px; font-size: 20px;}
	.banner_sheying .w_left ol li{font-size: 14px;}
	.banner_sheying .w_left .more{padding-top: 30px;}
	.banner_sheying .w_right{padding-top: 11.5%; width: 680px; margin-right: 4%;}
	.banner_sheying .w_right img{width: 100%;}
	
	.sy_shinei{width: 88%;}
	.sy_shinei dd li{height: 326px; overflow: hidden;}
	.sy_shinei dd li .sy_text{top: -326px; padding-top: 130px;}
	.sy_shinei dd li:hover .sy_text{ padding-top: 110px;}
	.sy_shinei dd li .sy_img{height: 100%; overflow: hidden;}
	.sy_shinei dd li .sy_img img{height: 100%;}
	.sy_shinei dd li .sy_text i{font-size: 36px;}
	.sy_shinei dd li .sy_text h4{font-size: 18px;}
	.sy_shinei dd li .sy_text h5{font-size: 15px;}
	
	.sy_shinei dt h2,.seo_article h2{font-size: 22px;}

}

/*iPad Pro (1024px)*/
@media screen and (min-width: 1024px) and (max-width : 1279px){
	.banner_sheying{height: 450px; overflow: hidden;}
	.banner_sheying .w_left{padding-top: 17%; padding-left: 4%;}
	.banner_sheying .w_left h1{ font-size: 28px;}
	.banner_sheying .w_left h2{margin-top: 0px; font-size: 18px;}
	.banner_sheying .w_left ol li{font-size: 13px;}
	.banner_sheying .w_left .more{padding-top: 30px;}
	.banner_sheying .w_right{padding-top: 11.5%; width: 600px; margin-right: -3%;}
	.banner_sheying .w_right img{width: 100%;}
	
	.sy_shinei{width: 92%;}
	.sy_shinei dt{padding: 50px 0 30px;}
	.sy_shinei dd li{height: 256px; overflow: hidden;}
	.sy_shinei dd li .sy_text{top: -256px; padding-top: 90px;}
	.sy_shinei dd li:hover .sy_text{ padding-top: 70px;}
	.sy_shinei dd li .sy_img{height: 100%; overflow: hidden;}
	.sy_shinei dd li .sy_img img{height: 100%;}
	.sy_shinei dd li .sy_text i{font-size: 36px;}
	.sy_shinei dd li .sy_text h4{font-size: 18px;}
	.sy_shinei dd li .sy_text h5{font-size: 15px;}
	
	.sy_shinei dt h2,.seo_article h2{font-size: 22px;}

}

/*ipad （768px）*/
@media screen and (min-width: 768px) and (max-width : 1023px){
	.wap_footer{display: none;}
	.navbar-dark .navbar-toggler{display: none;}
	.banner_sheying{height: 350px; width: 100%; overflow: hidden; background-size: cover;}
	.banner_sheying .w_left{padding-top: 22%; padding-left: 4%;}
	.banner_sheying .w_left h1{ font-size: 22px;}
	.banner_sheying .w_left h2{margin-top: 15px; font-size: 17px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_sheying .w_left ol{display: none;}
	.banner_sheying .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_sheying .w_left .more{padding-top: 30px; display: none;}
	.banner_sheying .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_sheying .w_right{padding-top: 16.5%; width: 430px; margin-right: -6%;}
	.banner_sheying .w_right img{width: 100%;}
	
	.sy_shinei{width: 92%;}
	.sy_shinei dt{padding: 40px 0 20px;}
	.sy_shinei dd li{height: 210px; overflow: hidden;}
	.sy_shinei dd li .sy_text{top: -210px; padding-top:75px;}
	.sy_shinei dd li:hover .sy_text{ padding-top: 60px;}
	.sy_shinei dd li .sy_img{height: 100%; overflow: hidden;}
	.sy_shinei dd li .sy_img img{height: 100%;}
	.sy_shinei dd li .sy_text i{font-size: 28px;}
	.sy_shinei dd li .sy_text h4{font-size: 16px;}
	.sy_shinei dd li .sy_text h5{font-size: 15px;}
	
	.sy_shinei dt h2,.seo_article h2{font-size: 22px;}

}

/*iphone6 plus横屏 (736px)*/
@media screen and (min-width: 736px) and (max-width : 767px){
	.navbar-dark .navbar-toggler{display: block;}
	.wap_footer{display: block;}
	.banner_sheying{height: 340px; width: 100%; overflow: hidden; background-size: cover;}
	.banner_sheying .w_left{padding-top: 21%; padding-left: 3%;}
	.banner_sheying .w_left h1{ font-size: 20px;}
	.banner_sheying .w_left h2{margin-top: 15px; font-size: 15px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_sheying .w_left ol{display: none;}
	.banner_sheying .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_sheying .w_left .more{padding-top: 30px; display: none;}
	.banner_sheying .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_sheying .w_right{padding-top: 16%; width: 420px;margin-right: -6%;}
	.banner_sheying .w_right img{width: 100%;}
	
	.web_case .slider .slick-prev{display: none;}
	
	.sy_shinei{width: 92%;}
	.sy_shinei dt{padding: 40px 0 20px;}
	.sy_shinei dd li{height: 210px; overflow: hidden;}
	.sy_shinei dd li .sy_text{top: -210px; padding-top:75px;}
	.sy_shinei dd li:hover .sy_text{ padding-top: 60px;}
	.sy_shinei dd li .sy_img{height: 100%; overflow: hidden;}
	.sy_shinei dd li .sy_img img{height: 100%;}
	.sy_shinei dd li .sy_text i{font-size: 28px;}
	.sy_shinei dd li .sy_text h4{font-size: 16px;}
	.sy_shinei dd li .sy_text h5{font-size: 15px;}
	
	.sy_shinei dt h2,.seo_article h2{font-size: 22px;}

}

/*ipad6横屏( 667px)*/
@media screen and (min-width: 667px) and (max-width : 735px){
	.navbar-dark .navbar-toggler{display: block;}
	.wap_footer{display: block;}
	.banner_sheying{height: 320px; width: 100%; overflow: hidden; background-size: cover;}
	.banner_sheying .w_left{padding-top: 24%; padding-left: 3%;}
	.banner_sheying .w_left h1{ font-size: 18px;}
	.banner_sheying .w_left h2{margin-top: 10px; font-size: 14px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_sheying .w_left ol{display: none;}
	.banner_sheying .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_sheying .w_left .more{padding-top: 30px; display: none;}
	.banner_sheying .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_sheying .w_right{padding-top: 17%; width: 400px;margin-right: -6% ;}
	.banner_sheying .w_right img{width: 100%;}
	
	.web_case .slider .slick-prev{display: none;}
	
	.sy_shinei{width: 92%;}
	.sy_shinei dt{padding: 40px 0 20px;}
	.sy_shinei dd li{height: 180px; overflow: hidden;}
	.sy_shinei dd li .sy_text{top: -180px; padding-top:65px;}
	.sy_shinei dd li:hover .sy_text{ padding-top: 50px;}
	.sy_shinei dd li .sy_img{height: 100%; overflow: hidden;}
	.sy_shinei dd li .sy_img img{height: 100%;}
	.sy_shinei dd li .sy_text i{font-size: 28px;}
	.sy_shinei dd li .sy_text h4{font-size: 16px;}
	.sy_shinei dd li .sy_text h5{font-size: 15px;}
	
	.sy_shinei dt h2,.seo_article h2{font-size: 22px;}

}

/*ipad5横屏 (568px)*/
@media screen and (min-width: 568px) and (max-width : 666px){
	.navbar-dark .navbar-toggler{display: block;}
	.wap_footer{display: block;}
	.banner_sheying{height: 300px; width: 100%; overflow: hidden; background-size: cover;}
	.banner_sheying .w_left{padding-top: 27%; padding-left: 3%;}
	.banner_sheying .w_left h1{ font-size: 16px;}
	.banner_sheying .w_left h2{margin-top: 10px; font-size: 12px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_sheying .w_left ol{display: none;}
	.banner_sheying .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_sheying .w_left .more{padding-top: 30px; display: none;}
	.banner_sheying .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_sheying .w_right{padding-top: 20%; width: 360px; margin-right: -10%;}
	.banner_sheying .w_right img{width: 100%;}
	
	.web_case .slider .slick-prev{display: none;}
	
	.sy_shinei{width: 92%;}
	.sy_shinei dt{padding: 30px 0 10px;}
	.sy_shinei dd li{height: 150px; overflow: hidden;}
	.sy_shinei dd li .sy_text{top: -150px; padding-top:45px;}
	.sy_shinei dd li:hover .sy_text{ padding-top: 30px;}
	.sy_shinei dd li .sy_img{height: 100%; overflow: hidden;}
	.sy_shinei dd li .sy_img img{height: 100%;}
	.sy_shinei dd li .sy_text i{font-size: 28px;}
	.sy_shinei dd li .sy_text h4{font-size: 14px;}
	.sy_shinei dd li .sy_text h5{font-size: 12px;}
	
	.sy_shinei dt h2,.seo_article h2{font-size: 18px;}
	.sy_shinei dt h4{font-size: 14px; padding-top: 10px;}

}


/*iphone6 plus (414px) */
@media screen and (min-width: 414px) and (max-width : 567px){
	.navbar-dark .navbar-toggler{display: block;}
	.wap_footer{display: block;}
	.banner_sheying{height: 230px; width: 100%; overflow: hidden; background-size: cover;}
	.banner_sheying .w_left{padding-top: 30%; padding-left: 3%;}
	.banner_sheying .w_left h1{ font-size: 15px;}
	.banner_sheying .w_left h2{margin-top: 10px; font-size: 12px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_sheying .w_left ol{display: none;}
	.banner_sheying .w_left .more{padding-top: 30px; display: none;}
	.banner_sheying .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_sheying .w_right{padding-top: 24%; width: 180px;margin-right: 5%; padding-right: 0;}
	.banner_sheying .w_right img{width: 100%;}
	.web_case .slider .slick-prev{display: none;}
	
	.sy_shinei{width: 92%;}
	.sy_shinei dt{padding: 30px 0 10px;}
	.sy_shinei dd li{height: 110px; overflow: hidden;}
	.sy_shinei dd li .sy_text{top: -110px; padding-top:30px;}
	.sy_shinei dd li:hover .sy_text{ padding-top: 15px;}
	.sy_shinei dd li .sy_img{height: 100%; overflow: hidden;}
	.sy_shinei dd li .sy_img img{height: 100%;}
	.sy_shinei dd li .sy_text i{font-size: 20px;}
	.sy_shinei dd li .sy_text h4{font-size: 12px; margin: 10px 0;}
	.sy_shinei dd li .sy_text h5{font-size: 12px;}
	
	.sy_shinei dt h2,.seo_article h2{font-size: 16px;}
	.sy_shinei dt h4{font-size: 14px; padding-top: 10px;}
	.seo_article{padding-bottom: 40px;}
	
}

/*iphone6 plus (375px) */
@media screen and (min-width: 375px) and (max-width : 413px){
	.navbar-dark .navbar-toggler{display: block;}
	.wap_footer{display: block;}
	.banner_sheying{height: 220px; width: 100%; overflow: hidden;background-size: cover;}
	.banner_sheying .w_left{padding-top: 32%; padding-left: 3%;}
	.banner_sheying .w_left h1{ font-size: 14px;}
	.banner_sheying .w_left h2{margin-top: 10px; font-size: 11px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_sheying .w_left ol{display: none;}
	.banner_sheying .w_left .more{padding-top: 30px; display: none;}
	.banner_sheying .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_sheying .w_right{padding-top: 25%; width: 180px;margin-right: 3%; padding-right: 0;}
	.banner_sheying .w_right img{width: 100%;}
	.web_case .slider .slick-prev{display: none;}
		
	.sy_shinei{width: 92%;}
	.sy_shinei dt{padding: 30px 0 10px;}
	.sy_shinei dd li{height: 105px; overflow: hidden;}
	.sy_shinei dd li .sy_text{top: -105px; padding-top:35px;}
	.sy_shinei dd li:hover .sy_text{ padding-top: 25px;}
	.sy_shinei dd li .sy_img{height: 100%; overflow: hidden;}
	.sy_shinei dd li .sy_img img{height: 100%;}
	.sy_shinei dd li .sy_text i{font-size: 18px;}
	.sy_shinei dd li .sy_text h4{font-size: 11px; margin: 7px 0 5px 0;}
	.sy_shinei dd li .sy_text h5{font-size: 10px;}
	
	.sy_shinei dt h2,.seo_article h2{font-size: 14px;}
	.sy_shinei dt h4{font-size: 12px; padding-top: 10px;}
	.seo_article{padding-bottom: 40px;}
}

/*iphone5 (320px)*/
@media screen and (max-width: 374px) {
	.navbar-dark .navbar-toggler{display: block;}
	.wap_footer{display: block;}
	.banner_sheying{height: 230px; width: 100%; overflow: hidden;background-size: cover;}
	.banner_sheying .w_left{padding-top: 36%; padding-left: 3%;}
	.banner_sheying .w_left h1{ font-size: 13px;}
	.banner_sheying .w_left h2{margin-top: 10px; font-size: 10px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_sheying .w_left ol{display: none;}
	.banner_sheying .w_left .more{padding-top: 30px; display: none;}
	.banner_sheying .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_sheying .w_right{padding-top: 32%; width: 160px;margin-right: 2%; padding-right: 0;}
	.banner_sheying .w_right img{width: 100%;}
	.web_case .slider .slick-prev{display: none;}
	
	.sy_shinei{width: 92%;}
	.sy_shinei dt{padding: 30px 0 10px;}
	.sy_shinei dd li{height: 90px; overflow: hidden;}
	.sy_shinei dd li .sy_text{top: -90px; padding-top:30px;}
	.sy_shinei dd li:hover .sy_text{ padding-top: 20px;}
	.sy_shinei dd li .sy_img{height: 100%; overflow: hidden;}
	.sy_shinei dd li .sy_img img{height: 100%;}
	.sy_shinei dd li .sy_text i{font-size: 16px;}
	.sy_shinei dd li .sy_text h4{font-size: 10px; margin: 7px 0 5px 0;}
	.sy_shinei dd li .sy_text h5{font-size: 9px;}
	
	.sy_shinei dt h2,.seo_article h2{font-size: 14px;}
	.sy_shinei dt h4{font-size: 12px; padding-top: 6px;}
	.seo_article{padding-bottom: 40px;}
}