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

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

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

.banner_guanggao .w_right{float: right; padding-top: 50px; padding-right: 0px;}
.banner_guanggao .w_right img{ width: 100%;}


.web_gg{ width: 82%; overflow: hidden; margin: 0 auto;padding: 90px 0;}
.web_gg img{float: left;}
.web_gg dl{float: right; padding-top: 20px;}
.web_gg dt{color: #333; font-size: 30px; line-height: 52px; padding-left: 80px;}
.web_gg dt.dt2{color: #777; font-size: 22px;}
.web_gg .lin{width: 180px; background: #ddd; height: 1px; margin-top: 20px; margin-left: 80px;}
.web_gg dd{color: #888; font-size: 16px; line-height: 30px;width: 800px; padding-top:40px; padding-left: 80px;}
.web_gg dd ul{width: 100%; overflow: hidden;}
.web_gg dd li{width: 23%; overflow: hidden; float: left; margin-right: 40px;}
.web_gg dd li .gg_img{width: 100%; overflow: hidden;  border: 1px solid #999; text-align: center;}
.web_gg dd li .gg_img img{width: 100%;}
.web_gg dd li h3{text-align: center; font-size: 15px; margin-top: 15px;}


.web_gg2{ width: 100%; background: #f5f5f5; overflow: hidden;padding: 90px 0;}
.web_gg2 .info{width: 82%; margin: 0 auto;}
.web_gg2 img{float: right;}
.web_gg2 dl{float: left; padding-top: 20px;}
.web_gg2 dt{color: #333; font-size: 30px; line-height: 52px; }
.web_gg2 dt.dt2{color: #777; font-size: 22px;}
.web_gg2 .lin{width: 180px; background: #ddd; height: 1px; margin-top: 20px;}
.web_gg2 dd{color: #888; font-size: 16px; line-height: 30px;width: 800px; padding-top:40px; padding-right: 60px;}
.web_gg2 dd ul{width: 100%; overflow: hidden;}
.web_gg2 dd li{width: 20%; overflow: hidden; float: left; margin-right: 30px;}
.web_gg2 dd li .gg_img{width: 100%; overflow: hidden; padding: 8px; border: 1px solid #999; text-align: center;}
.web_gg2 dd li .gg_img img{width: 100%;}
.web_gg2 dd li h3{text-align: center; font-size: 15px; margin-top: 15px;}

.web_gg3{ width: 80%; overflow: hidden; margin: 0 auto;padding: 90px 0 35px 0;}
.web_gg3 img{float: left;}
.web_gg3 dl{float: right; padding-top: 20px;}
.web_gg3 dt{color: #333; font-size: 30px; line-height: 52px; padding-left: 80px;}
.web_gg3 dt.dt2{color: #777; font-size: 22px;}
.web_gg3 .lin{width: 180px; background: #ddd; height: 1px; margin-top: 20px; margin-left: 80px;}
.web_gg3 dd{color: #888; font-size: 16px; line-height: 30px;width: 800px; padding-top:40px; padding-left: 80px;}
.web_gg3 dd ul{width: 100%; overflow: hidden;}
.web_gg3 dd li{width: 20%; overflow: hidden; float: left; margin-right: 30px;}
.web_gg3 dd li .gg_img{width: 100%; overflow: hidden;padding:8px;  border: 1px solid #999; text-align: center;}
.web_gg3 dd li .gg_img img{width: 100%;}
.web_gg3 dd li h3{text-align: center; font-size: 15px; margin-top: 15px;}


.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_guanggao{height: 580px;}
	.banner_guanggao .w_left{padding-top: 15%; padding-left: 4%;}
	.banner_guanggao .w_left h1{ font-size: 36px;}
	.banner_guanggao .w_left h2{margin-top: 30px;}
	.banner_guanggao .w_left ol li{font-size: 15px;}
	.banner_guanggao .w_left .more{padding-top: 30px;}
	.banner_guanggao .w_right{padding-top: 12.5%; width: 570px; margin-right: 0;}
	.banner_guanggao .w_right img{width: 100%;}
	
	.web_gg,.web_gg2 .info,.web_gg3{width: 90%;}
	.web_gg dl,.web_gg2 dl,.web_gg3 dl{width: 660px;}
	.web_gg img,.web_gg2 img,.web_gg3 img{width: 530px; }
	.web_gg img{margin-left: 20px;}
	.web_gg2 img{ margin-right: 20px;}
	.web_gg3 img{}
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{width: 100%;}
	.web_gg dt,.web_gg dt.dt2,.web_gg .lin,.web_gg dd,.web_gg3 dt,.web_gg3 dt.dt2,.web_gg3 .lin,.web_gg3 dd{padding-left: 0; margin-left: 0;}
	.web_gg3 dl{padding-top: 30px;}
	.web_gg dd li .gg_img img{margin-left: 0;}

}
/*1280*/
@media screen and (min-width: 1280px) and (max-width : 1439px){
	.banner_guanggao{height: 530px;}
	.banner_guanggao .w_left{padding-top: 17%; padding-left: 4%;}
	.banner_guanggao .w_left h1{ font-size: 32px;}
	.banner_guanggao .w_left h2{margin-top: 10px; font-size: 20px;}
	.banner_guanggao .w_left ol li{font-size: 14px;}
	.banner_guanggao .w_left .more{padding-top: 30px;}
	.banner_guanggao .w_right{padding-top: 10%; width: 580px; margin-right: 0;}
	.banner_guanggao .w_right img{width: 100%;}
	
	.web_gg,.web_gg2 .info,.web_gg3{width: 94%;}
	.web_gg dl,.web_gg2 dl,.web_gg3 dl{width: 660px;}
	.web_gg dl{padding-left: 20px;}
	.web_gg2 dl{margin-left: 20px;}
	.web_gg img,.web_gg2 img,.web_gg3 img{width: 480px; }
	.web_gg img{margin-left: 20px;}
	
	.web_gg3 img{}
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{width: 100%;}
	.web_gg dt,.web_gg dt.dt2,.web_gg .lin,.web_gg dd,.web_gg3 dt,.web_gg3 dt.dt2,.web_gg3 .lin,.web_gg3 dd{padding-left: 0; margin-left: 0;}
	.web_gg3 dl{padding-top: 30px;}
	.web_gg dd li .gg_img img{margin-left: 0;}
	.web_gg dt,.web_gg2 dt,.web_gg3 dt,.seo_article h2{font-size: 26px;}
	.web_gg dt.dt2,.web_gg2 dt.dt2,.web_gg3 dt.dt2{font-size: 20px;}

}

/*iPad Pro (1024px)*/
@media screen and (min-width: 1024px) and (max-width : 1279px){
	.banner_guanggao{height: 450px;}
	.banner_guanggao .w_left{padding-top: 17%; padding-left: 4%;}
	.banner_guanggao .w_left h1{ font-size: 28px;}
	.banner_guanggao .w_left h2{margin-top: 10px; font-size: 18px;}
	.banner_guanggao .w_left ol li{font-size: 14px;}
	.banner_guanggao .w_left .more{padding-top: 30px;}
	.banner_guanggao .w_right{padding-top: 14%; width: 460px; margin-right: 0;}
	.banner_guanggao .w_right img{width: 100%;}
	
	.web_gg,.web_gg2,.web_gg3{width: 94%; padding: 60px 0;}
	.web_gg2 .info{width: 100%;}
	.web_gg img,.web_gg2 img,.web_gg3 img{width: 400px; }
	.web_gg img{margin-left: 20px;}
	.web_gg dl{width: 520px;}
	.web_gg2 dl,.web_gg3 dl{width: 500px;}
	.web_gg2 dd li,.web_gg3 dd li{margin-right: 15px;}
	.web_gg dl{padding-left: 10px; padding-top: 0;}
	.web_gg2 dl{margin-left: 40px;}

	.web_gg dd,.web_gg2 dd,.web_gg3 dd{width: 100%; padding-top: 30px;}
	.web_gg dt,.web_gg dt.dt2,.web_gg .lin,.web_gg dd,.web_gg3 dt,.web_gg3 dt.dt2,.web_gg3 .lin,.web_gg3 dd{padding-left: 0; margin-left: 0;}
	.web_gg3 dl{padding-top: 30px;}
	.web_gg dd li .gg_img img{margin-left: 0;}
	.web_gg dt,.web_gg2 dt,.web_gg3 dt,.seo_article h2{font-size: 22px; line-height: 40px;}
	.web_gg dt.dt2,.web_gg2 dt.dt2,.web_gg3 dt.dt2{font-size: 16px; line-height: 30px;}
	.web_gg dd li h3,.web_gg2 dd li h3,.web_gg3 dd li h3{font-size: 13px; margin-top: 10px;}

}

/*ipad （768px）*/
@media screen and (min-width: 768px) and (max-width : 1023px){
	.wap_footer{display: none;}
	.navbar-dark .navbar-toggler{display: none;}
	.banner_guanggao{height: 350px; width: 100%; overflow: hidden;}
	.banner_guanggao .w_left{padding-top: 22%; padding-left: 4%;}
	.banner_guanggao .w_left h1{ font-size: 22px;}
	.banner_guanggao .w_left h2{margin-top: 15px; font-size: 16px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_guanggao .w_left ol{display: none;}
	.banner_guanggao .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_guanggao .w_left .more{padding-top: 30px; display: none;}
	.banner_guanggao .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_guanggao .w_right{padding-top: 15%; width: 330px; margin-right:0;}
	.banner_guanggao .w_right img{width: 100%;}
	
	.web_gg,.web_gg2,.web_gg3{padding: 50px 0 50px 0; text-align: center;}
	.web_gg img,.web_gg2 img,.web_gg3 img{ width: 80%; float: none; }
	.web_gg dl,.web_gg2 dl,.web_gg3 dl{width: 100%; float: none; padding-left: 0; margin-left: 0;}
	.web_gg dt,.web_gg dt2,.web_gg dd,.web_gg .lin,.web_gg2 dt,.web_gg2 dt.dt2,.web_gg3 dt,.web_gg3 dt.dt2{padding-left: 0; margin-left: 0; text-align: center;}
	
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{width: 100%; padding-right: 0;}
	.web_gg .lin,.web_gg2 .lin,.web_gg3 .lin{width: 100%; margin-left: 0;}
	.web_gg dt,.web_gg2 dt,.web_gg3 dt{font-size: 26px;}
	.web_gg dt2,.web_gg2 dt.dt2,.web_gg dt.dt2,.web_gg3 dt.dt2{font-size: 18px;}
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{padding-top: 4%; padding-left: 0;}
	.web_gg dd li{width: 29%; margin: 1% 2%;}
	.web_gg2 dd li,.web_gg3 dd li{width: 21%; margin: 1% 2%;}
	
	.web_gg2 .info{overflow: hidden;}

}

/*iphone6 plus横屏 (736px)*/
@media screen and (min-width: 736px) and (max-width : 767px){
	.navbar-dark .navbar-toggler{display: block;}
	.wap_footer{display: block;}
	.banner_guanggao{height: 340px; width: 100%; overflow: hidden;}
	.banner_guanggao .w_left{padding-top: 23%; padding-left: 3%;}
	.banner_guanggao .w_left h1{ font-size: 20px;}
	.banner_guanggao .w_left h2{margin-top: 15px; font-size: 15px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_guanggao .w_left ol{display: none;}
	.banner_guanggao .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_guanggao .w_left .more{padding-top: 30px; display: none;}
	.banner_guanggao .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_guanggao .w_right{padding-top: 14%; width: 350px;margin-right: 0;}
	.banner_guanggao .w_right img{width: 100%;}
	
	.web_gg,.web_gg2,.web_gg3{padding: 50px 0 50px 0; text-align: center;}
	.web_gg img,.web_gg2 img,.web_gg3 img{ width: 80%; float: none; }
	.web_gg dl,.web_gg2 dl,.web_gg3 dl{width: 100%; float: none; padding-left: 0; margin-left: 0;}
	.web_gg dt,.web_gg dt2,.web_gg dd,.web_gg .lin,.web_gg2 dt,.web_gg2 dt.dt2,.web_gg3 dt,.web_gg3 dt.dt2{padding-left: 0; margin-left: 0; text-align: center;}
	
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{width: 100%; padding-right: 0;}
	.web_gg .lin,.web_gg2 .lin,.web_gg3 .lin{width: 100%; margin-left: 0;}
	.web_gg dt,.web_gg2 dt,.web_gg3 dt{font-size: 22px;}
	.web_gg dt2,.web_gg2 dt.dt2,.web_gg dt.dt2,.web_gg3 dt.dt2{font-size: 16px; line-height: 20px;}
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{padding-top: 4%; padding-left: 0;}
	.web_gg dd li{width: 29%; margin: 1% 2%;}
	.web_gg2 dd li,.web_gg3 dd li{width: 21%; margin: 1% 2%;}
	
	.web_gg2 .info{overflow: hidden;}

}

/*ipad6横屏( 667px)*/
@media screen and (min-width: 667px) and (max-width : 735px){
	.navbar-dark .navbar-toggler{display: block;}
	.wap_footer{display: block;}
	.banner_guanggao{height: 320px; width: 100%; overflow: hidden;}
	.banner_guanggao .w_left{padding-top: 24%; padding-left: 3%;}
	.banner_guanggao .w_left h1{ font-size: 18px;}
	.banner_guanggao .w_left h2{margin-top: 10px; font-size: 14px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_guanggao .w_left ol{display: none;}
	.banner_guanggao .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_guanggao .w_left .more{padding-top: 30px; display: none;}
	.banner_guanggao .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_guanggao .w_right{padding-top: 16%; width: 320px;margin-right: 0 ;}
	.banner_guanggao .w_right img{width: 100%;}
	
	.web_case .slider .slick-prev{display: none;}
	
	.web_gg,.web_gg2,.web_gg3{padding: 40px 0 40px 0; text-align: center;}
	.web_gg img,.web_gg2 img,.web_gg3 img{ width: 80%; float: none; }
	.web_gg dl,.web_gg2 dl,.web_gg3 dl{width: 100%; float: none; padding-left: 0; margin-left: 0;}
	.web_gg dt,.web_gg dt2,.web_gg dd,.web_gg .lin,.web_gg2 dt,.web_gg2 dt.dt2,.web_gg3 dt,.web_gg3 dt.dt2{padding-left: 0; margin-left: 0; text-align: center;}
	
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{width: 100%; padding-right: 0;}
	.web_gg .lin,.web_gg2 .lin,.web_gg3 .lin{width: 100%; margin-left: 0;}
	.web_gg dt,.web_gg2 dt,.web_gg3 dt{font-size: 22px;}
	.web_gg dt2,.web_gg2 dt.dt2,.web_gg dt.dt2,.web_gg3 dt.dt2{font-size: 16px; line-height: 20px;}
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{padding-top: 4%; padding-left: 0;}
	.web_gg dd li{width: 29%; margin: 1% 2%;}
	.web_gg2 dd li,.web_gg3 dd li{width: 21%; margin: 1% 2%;}
	
	.web_gg2 .info{overflow: hidden;}

}

/*ipad5横屏 (568px)*/
@media screen and (min-width: 568px) and (max-width : 666px){
	.navbar-dark .navbar-toggler{display: block;}
	.banner_guanggao{height: 300px; width: 100%; overflow: hidden;}
	.banner_guanggao .w_left{padding-top: 27%; padding-left: 3%;}
	.banner_guanggao .w_left h1{ font-size: 16px;}
	.banner_guanggao .w_left h2{margin-top: 10px; font-size: 12px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_guanggao .w_left ol{display: none;}
	.banner_guanggao .w_left ol li{font-size: 13px; line-height: 24px;}
	.banner_guanggao .w_left .more{padding-top: 30px; display: none;}
	.banner_guanggao .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_guanggao .w_right{padding-top: 18.5%; width: 250px; margin-right: 3%;}
	.banner_guanggao .w_right img{width: 100%;}
	
	.web_case .slider .slick-prev{display: none;}
	
	.web_gg,.web_gg3{padding: 40px 0 40px 0; text-align: center; width: 90%;}
	.web_gg2{padding: 40px 0;}
	.web_gg2 .info{width: 90%; text-align: center;}
	.web_gg img,.web_gg2 img,.web_gg3 img{ width: 80%; float: none; }
	.web_gg dl,.web_gg2 dl,.web_gg3 dl{width: 100%; float: none; padding-left: 0; margin-left: 0;}
	.web_gg dt,.web_gg dt2,.web_gg dd,.web_gg .lin,.web_gg2 dt,.web_gg2 dt.dt2,.web_gg3 dt,.web_gg3 dt.dt2{padding-left: 0; margin-left: 0; text-align: center;}
	
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{width: 100%; padding-right: 0;}
	.web_gg .lin,.web_gg2 .lin,.web_gg3 .lin{width: 100%; margin-left: 0;}
	.web_gg dt,.web_gg2 dt,.web_gg3 dt{font-size: 22px;}
	.web_gg dt2,.web_gg2 dt.dt2,.web_gg dt.dt2,.web_gg3 dt.dt2{font-size: 16px; line-height: 20px;}
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{padding-top: 4%; padding-left: 0;}
	.web_gg dd li{width: 29%; margin: 1% 2%;}
	.web_gg2 dd li,.web_gg3 dd li{width: 21%; margin: 1% 2%;}
	.web_gg dd li h3,.web_gg2 dd li h3,.web_gg3 dd li h3{font-size: 13px;}
	
	.web_gg2 .info{overflow: hidden;}

}


/*iphone6 plus (414px) */
@media screen and (min-width: 414px) and (max-width : 567px){
	.navbar-dark .navbar-toggler{display: block;}
	.wap_footer{display: block;}
	.banner_guanggao{height: 230px; width: 100%; overflow: hidden;}
	.banner_guanggao .w_left{padding-top: 30%; padding-left: 3%;}
	.banner_guanggao .w_left h1{ font-size: 15px;}
	.banner_guanggao .w_left h2{margin-top: 10px; font-size: 11px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_guanggao .w_left ol{display: none;}
	.banner_guanggao .w_left .more{padding-top: 30px; display: none;}
	.banner_guanggao .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_guanggao .w_right{padding-top: 22%; width: 200px; margin-right: 0;}
	.banner_guanggao .w_right img{width: 100%;}
	.web_case .slider .slick-prev{display: none;}
	
	.web_gg,.web_gg3{padding: 40px 0 40px 0; text-align: center; width: 90%;}
	.web_gg2{padding: 40px 0;}
	.web_gg2 .info{width: 90%; text-align: center;}
	.web_gg img,.web_gg2 img,.web_gg3 img{ width: 80%; float: none; }
	.web_gg dl,.web_gg2 dl,.web_gg3 dl{width: 100%; float: none; padding-left: 0; margin-left: 0; padding-top: 0;}
	.web_gg dt,.web_gg dt2,.web_gg dd,.web_gg .lin,.web_gg2 dt,.web_gg2 dt.dt2,.web_gg3 dt,.web_gg3 dt.dt2{padding-left: 0; margin-left: 0; text-align: center;}
	
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{width: 100%; padding-right: 0;}
	.web_gg .lin,.web_gg2 .lin,.web_gg3 .lin{width: 100%; margin-left: 0;}
	.web_gg dt,.web_gg2 dt,.web_gg3 dt{font-size: 16px; line-height: 34px;}
	.web_gg dt2,.web_gg2 dt.dt2,.web_gg dt.dt2,.web_gg3 dt.dt2{font-size: 14px; line-height: 16px;}
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{padding-top: 4%; padding-left: 0;}
	.web_gg dd li{width: 29%; margin: 1% 2%;}
	.web_gg2 dd li,.web_gg3 dd li{width: 21%; margin: 1% 2%;}
	.web_gg dd li h3,.web_gg2 dd li h3,.web_gg3 dd li h3{font-size: 12px;}
	
	.web_gg2 .info{overflow: hidden;}
	.seo_article{padding-bottom: 40px;}
	.seo_article h2{font-size: 16px;}
}

/*iphone6 plus (375px) */
@media screen and (min-width: 375px) and (max-width : 413px){
	.navbar-dark .navbar-toggler{display: block;}
	.wap_footer{display: block;}
	.banner_guanggao{height: 220px; width: 100%; overflow: hidden;}
	.banner_guanggao .w_left{padding-top: 32%; padding-left: 3%;}
	.banner_guanggao .w_left h1{ font-size: 15px;}
	.banner_guanggao .w_left h2{margin-top: 10px; font-size: 11px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_guanggao .w_left ol{display: none;}
	.banner_guanggao .w_left .more{padding-top: 30px; display: none;}
	.banner_guanggao .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_guanggao .w_right{padding-top: 26%; width: 180px;margin-right: 0;}
	.banner_guanggao .w_right img{width: 100%;}
	.web_case .slider .slick-prev{display: none;}
	
	.web_gg,.web_gg3{padding: 30px 0; text-align: center; width: 90%;}
	.web_gg2{padding: 30px 0;}
	.web_gg2 .info{width: 90%; text-align: center;}
	.web_gg img,.web_gg2 img,.web_gg3 img{ width: 80%; float: none; margin-bottom: 0;}
	.web_gg dd li .gg_img img,.web_gg2 dd li .gg_img img,.web_gg3 dd li .gg_img img{ height: 100%;}
	.web_gg dl,.web_gg2 dl,.web_gg3 dl{width: 100%; float: none; padding-left: 0; margin-left: 0; padding-top: 0;}
	.web_gg dt,.web_gg dt2,.web_gg dd,.web_gg .lin,.web_gg2 dt,.web_gg2 dt.dt2,.web_gg3 dt,.web_gg3 dt.dt2{padding-left: 0; margin-left: 0; text-align: center;}
	
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{width: 100%; padding-right: 0;}
	.web_gg .lin,.web_gg2 .lin,.web_gg3 .lin{width: 100%; margin-left: 0;}
	.web_gg dt,.web_gg2 dt,.web_gg3 dt{font-size: 14px; line-height: 26px;}
	.web_gg dt2,.web_gg2 dt.dt2,.web_gg dt.dt2,.web_gg3 dt.dt2{font-size: 12px; line-height: 16px;}
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{padding-top: 4%; padding-left: 0;}
	.web_gg dd li{width: 30%; margin: 1% 1.5%;}
	.web_gg2 dd li,.web_gg3 dd li{width: 22%; margin: 1% 1.5%;}
	.web_gg2 dd li .gg_img,.web_gg3 dd li .gg_img{padding: 5px 5px 0 5px;}
	.web_gg dd li h3,.web_gg2 dd li h3,.web_gg3 dd li h3{font-size: 12px;}
	
	.web_gg2 .info{overflow: hidden;}
	.seo_article{padding-bottom: 40px;}
	.seo_article h2{font-size: 16px;}
}

/*iphone5 (320px)*/
@media screen and (max-width: 374px) {
	.navbar-dark .navbar-toggler{display: block;}
	.wap_footer{display: block;}
	.banner_guanggao{height: 230px; width: 100%; overflow: hidden;}
	.banner_guanggao .w_left{padding-top: 37%; padding-left: 3%;}
	.banner_guanggao .w_left h1{ font-size: 13px;}
	.banner_guanggao .w_left h2{margin-top: 10px; font-size: 10px; width: auto; background: none; padding-left: 0; padding-top: 0px;text-shadow: none;}
	.banner_guanggao .w_left ol{display: none;}
	.banner_guanggao .w_left .more{padding-top: 30px; display: none;}
	.banner_guanggao .w_left .more a{font-size: 13px; width: 150px; height: 36px;}
	.banner_guanggao .w_right{padding-top: 35.5%; width: 145px;margin-right: 0;}
	.banner_guanggao .w_right img{width: 100%;}
	.web_case .slider .slick-prev{display: none;}
	
	.web_gg,.web_gg3{padding: 30px 0; text-align: center; width: 90%;}
	.web_gg2{padding: 30px 0;}
	.web_gg2 .info{width: 90%; text-align: center;}
	.web_gg img,.web_gg2 img,.web_gg3 img{ width: 80%; float: none; margin-bottom: 0;}
	.web_gg dd li .gg_img img,.web_gg2 dd li .gg_img img,.web_gg3 dd li .gg_img img{ height: 100%;}
	.web_gg dl,.web_gg2 dl,.web_gg3 dl{width: 100%; float: none; padding-left: 0; margin-left: 0; padding-top: 0;}
	.web_gg dt,.web_gg dt2,.web_gg dd,.web_gg .lin,.web_gg2 dt,.web_gg2 dt.dt2,.web_gg3 dt,.web_gg3 dt.dt2{padding-left: 0; margin-left: 0; text-align: center;}
	
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{width: 100%; padding-right: 0;}
	.web_gg .lin,.web_gg2 .lin,.web_gg3 .lin{width: 100%; margin-left: 0;}
	.web_gg dt,.web_gg2 dt,.web_gg3 dt{font-size: 14px; line-height: 26px;}
	.web_gg dt2,.web_gg2 dt.dt2,.web_gg dt.dt2,.web_gg3 dt.dt2{font-size: 12px; line-height: 16px;}
	.web_gg dd,.web_gg2 dd,.web_gg3 dd{padding-top: 4%; padding-left: 0;}
	.web_gg dd li{width: 30%; margin: 1% 1.5%;}
	.web_gg2 dd li,.web_gg3 dd li{width: 22%; margin: 1% 1.5%;}
	.web_gg2 dd li .gg_img,.web_gg3 dd li .gg_img{padding: 5px 5px 0 5px;}
	.web_gg dd li h3,.web_gg2 dd li h3,.web_gg3 dd li h3{font-size: 10px; margin-top: 10px;}
	
	.web_gg2 .info{overflow: hidden;}
	.seo_article{padding-bottom: 40px;}
	.seo_article h2{font-size: 14px;}
	
}