body{font-weight: 300;color: #343434;}
#banner_zw2018{width: 100%;height: auto;position: relative;}
#banner_zw2018 img{width: 100%;}
.banner-text{position: absolute;left: 13.54%;top: 108px;}
.banner-text h2{font-size: 72px;font-weight: 300;}
.banner-text h3{font-size: 36px;font-weight: 300;}
.banner-text .banner-btn{height: 42px;margin-top: 30px;}
.banner-text .banner-btn a{float: left;height: 36px;border: 2px solid #1698d9;width: 186px;color: #1698d9;text-align: center;line-height: 36px;margin-right: 50px;}
.banner-text .banner-btn a:hover{color: #1698d9;}
.banner-text .banner-btn .banner-ico i{display: inline-block;width: 24px;height: 36px;background: url(../../images/zwcad/cssimage/ico1.png) no-repeat;vertical-align: top;margin-right: 12px;}

.zw_item1 ul li{width: 25%;float: left;background: #fff;position: relative;z-index: 1;margin-bottom: 6px;}
.zw_item1 .item-wp{width: 98.5%;margin: 0 auto;text-align: center;background: #f6f6f6;}
.zw_item1 .item-wp a{display: block;padding: 10px 0;height: 290px;color: #262626;}
.zw_item1 .item-wp h4{font-size: 24px;line-height: 40px;font-weight: 300;}
.zw_item1 .item-wp p{line-height: 30px;font-size: 18px;padding: 0 50px;margin-bottom: 12px;}
.zw_item1 .item-wp img{max-width: 90%;}
.zw_item1 ul li:hover{z-index: 99;}
.zw_item1 ul li:hover .item-wp{box-shadow: 0 0 30px #8a9098;}
.zw_item1 ul li:hover .item-wp a{color: #262626;}

.zw_item2{padding-bottom: 60px;}
.zw_item2 h2{font-size: 44px;font-weight: 300;text-align: center;color: #343434;line-height: 80px;padding: 50px 0;}
.zw_item2 ul li{float: left;width: 33.3%;float: left;margin-bottom: 30px;}
.zw_item2 .item-wp{width: 92%;margin: 0 auto;}
.zw_item2 .item-wp .video-b{position: relative;}
.zw_item2 .item-wp .video-b a,.zw_item2 .item-wp .video-b img{display: block;}
.zw_item2 .item-wp .video-b img{width: 100%;}
.zw_item2 .item-wp .video-b .video-btn{display: block;width: 46px;height: 46px;background: url(../../images/zwcad/cssimage/video-btn.png) no-repeat;position: absolute;left: 12px;bottom: 12px;}
.zw_item2 .item-wp .video-b:hover{box-shadow: 0 0 15px #7e8183;}
.zw_item2 .item-wp .video-b:hover .video-btn{background-position: 0 -46px;}
.zw_item2 ul li h4{text-align: center;margin-bottom: 8px;}
.zw_item2 ul li h4 a{font-size: 24px;font-weight: 300;line-height: 48px;padding-top: 14px;display: inline-block;position: relative;vertical-align: top;color: #343434;}
.zw_item2 ul li h4 a span{display: none;width: 100%;height: 1px;background: #343434; border-radius: 1px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.zw_item2 ul li h4 a:hover{color: #343434;}
.zw_item2 ul li h4 a:hover span{display: inline-block;}
.zw_item2 ul li p{font-size: 18px;line-height: 28px;text-align: center;height: 56px;overflow: hidden;}
.zw_item2 .filter{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(3,17,22,0.7);}
.zw_item2 .filter .more{display: block;position: absolute;height: 44px;width: 220px;border: 2px solid #fff;color: #fff;line-height: 44px;font-size: 24px;text-align: center;left: 50%;top: 50%;margin-left: -113px;margin-top: -25px;}
.zw_item2 .filter .more:hover{background: #1698d9;}

.zw_item3{padding-bottom: 100px;background: #f1f1f1;}
.zw_item3 h2{line-height: 50px;padding: 70px 0;text-align: center;font-size: 44px;font-weight: 300;color: #343434;}
.zw_item3 ul li{float: left;width: 33.3%;}
.zw_item3 .item-wp{width: 94%;margin: 0 auto;background: #fff;padding-bottom: 34px;min-height: 588px;position: relative;}
.zw_item3 .item-wp .item-img{/* max-width: 446px;margin: 0 auto; */}
.zw_item3 .item-wp .item-img img{width: 100%;}
.zw_item3 .item-wp h4{line-height: 36px;padding: 30px 32px;font-size: 24px;font-weight: 300;text-align: center;overflow: hidden;}
.zw_item3 .item-wp p{font-size: 15px;line-height: 30px;padding: 0 14px;text-align: center;}
.zw_item3 .item-wp p.padding3{padding: 0 40px;}
.zw_item3 .item-wp:hover{box-shadow: 0 0 15px #bebfc1;}
.zw_item3 .item-wp .item-link{position: absolute;left: 0;height: 36px;bottom: 34px;;width: 100%;text-align: center;}
.zw_item3 .item-wp .item-link a{line-height: 36px;color: #1698d9;font-size: 20px;}
.zw_item3 .item-wp .item-link a:hover{text-decoration: underline;}

.filter-wp{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999;background: rgba(34,34,34,0.8);display: none;}
.filter-wp .video{width: 100%;max-width: 800px;margin: 10% auto;position: relative;}
.filter-wp .video video{width: 100%;position: relative;z-index: 1;}
.filter-wp .video embed{width: 100%;height: 400px;position: relative;z-index: 1;}
.filter-wp .video .video-close{display: none;width: 36px;height: 36px;background: url(../../images/zwcad/cssimage/close1.png) no-repeat;background-size: 36px 36px;position: absolute;top: 10px;right: 10px;z-index: 2;}
.filter-wp .video:hover .video-close{display: block;}
.jwlogo{display: none;}

#header{z-index: 9998;}

/*宽度大于1600px*/
@media screen and (min-width: 1601px){
	#banner_zw2018 .banner-text{top: 180px;}
}
/*宽度1366~1600*/
@media screen and (max-width: 1600px) and (min-width: 1366px){
	#banner_zw2018 .banner-text{top: 92px;}
	#banner_zw2018 .banner-text h2{font-size: 64px;}
	#banner_zw2018 .banner-text h3{font-size: 28px;}
	#banner_zw2018 .banner-text .banner-btn{height: 36px;margin-top: 24px;}
	#banner_zw2018 .banner-text .banner-btn a{height: 30px;border: 2px solid #1698d9;width: 156px;line-height: 30px;margin-right: 40px;}
	#banner_zw2018 .banner-text .banner-btn .banner-ico i{width: 20px;height: 30px;background: url(../../images/zwcad/cssimage/ico1.png) no-repeat;background-size: 20px 30px;}
	.zw_item1 .item-wp h4{font-size: 20px;line-height: 40px;}
	.zw_item1 .item-wp p{line-height: 28px;font-size: 16px;}
	.zw_item3 .item-wp{min-height: 568px;}
}
/*宽度1024~1366*/
@media screen and (max-width: 1365px) and (min-width: 1024px){
	#banner_zw2018 .banner-text{top: 74px;}
	#banner_zw2018 .banner-text h2{font-size: 56px;}
	#banner_zw2018 .banner-text h3{font-size: 24px;}
	#banner_zw2018 .banner-text .banner-btn{height: 28px;margin-top: 24px;}
	#banner_zw2018 .banner-text .banner-btn a{height: 24px;border: 2px solid #1698d9;width: 156px;line-height: 24px;margin-right: 30px;}
	#banner_zw2018 .banner-text .banner-btn .banner-ico i{width: 16px;height: 24px;background: url(../../images/zwcad/cssimage/ico1.png) no-repeat;background-size: 16px 24px;}
	.zw_item1 .item-wp a{height: 260px;}
	.zw_item1 .item-wp h4{font-size: 20px;line-height: 40px;}
	.zw_item1 .item-wp p{line-height: 24px;font-size: 14px;padding: 0 20px;}
	.zw_item1 .item-wp img{max-width: 70%;}
	.zw_item2 ul li h4 a{font-size: 20px;line-height: 44px;padding-top: 10px;}
	.zw_item2 ul li p{font-size: 16px;line-height: 24px;height: 48px;}
	.zw_item3 .item-wp{min-height: 468px;}
	.zw_item3 .item-wp h4{line-height: 24px;padding: 20px 16px;font-size: 20px;height: 48px;}
	.zw_item3 .item-wp p{font-size: 14px;line-height: 22px;padding: 0 16px;height: 88px;}

}
/*宽度800~1023*/
@media screen and (max-width: 1023px) and (min-width: 800px){
	#banner_zw2018 .banner-text{top: 74px;}
	#banner_zw2018 .banner-text h2{font-size: 44px;}
	#banner_zw2018 .banner-text h3{font-size: 20px;}
	#banner_zw2018 .banner-text .banner-btn{height: 28px;margin-top: 24px;}
	#banner_zw2018 .banner-text .banner-btn a{height: 24px;border: 2px solid #1698d9;width: 156px;line-height: 24px;margin-right: 30px;}
	#banner_zw2018 .banner-text .banner-btn .banner-ico i{width: 16px;height: 24px;background: url(../../images/zwcad/cssimage/ico1.png) no-repeat;background-size: 16px 24px;}
	.zw_item1 ul li{width: 49.9%;}
	.zw_item1 .item-wp h4{font-size: 20px;line-height: 40px;}
	.zw_item1 .item-wp p{line-height: 28px;font-size: 16px;}
	.zw_item2 ul li{float: left;width: 50%;}
	.zw_item2 ul li h4 a{font-size: 20px;line-height: 44px;padding-top: 10px;}
	.zw_item2 ul li p{font-size: 16px;line-height: 24px;height: 48px;}
	.zw_item3 .item-wp{min-height: 448px;}
	.zw_item3 .item-wp h4{line-height: 24px;padding: 20px 16px;font-size: 18px;}
	.zw_item3 .item-wp p{font-size: 14px;line-height: 22px;padding: 0 16px;height: 88px;}
}
/*宽度小于800*/
@media only screen and (max-width:799px ) {
	#banner_zw2018 .banner-text{top: 45px;}
	#banner_zw2018 .banner-text h2{font-size: 20px;}
	#banner_zw2018 .banner-text h3{font-size: 16px;}
	#banner_zw2018 .banner-text .banner-btn{height: 20px;margin-top: 12px;}
	#banner_zw2018 .banner-text .banner-btn a{height: 18px;border: 1px solid #1698d9;width: 88px;line-height: 18px;margin-right: 10px;font-size: 12px;}
	#banner_zw2018 .banner-text .banner-btn .banner-ico i{display: none;}
	.zw_item1 ul li{width: 100%;}
	.zw_item1 .item-wp h4{font-size: 20px;line-height: 40px;}
	.zw_item1 .item-wp p{line-height: 28px;font-size: 16px;}
	.zw_item2{padding-bottom: 30px;}
	.zw_item2 h2{font-size: 24px;font-weight: 300;line-height: 40px;padding: 10px 0;}
	.zw_item2 ul li{float: left;width: 100%;}
	.zw_item2 ul li h4 a{font-size: 18px;line-height: 40px;padding-top: 6px;}
	.zw_item2 ul li p{font-size: 14px;line-height: 22px;height: 44px;}
	.zw_item3{padding-bottom: 40px;background:none;}
	.zw_item3 h2{line-height: 40px;padding: 30px 0;font-size: 24px;}
	.zw_item3 ul li{float: left;width: 100%;margin-bottom: 30px;}
	.zw_item3 .item-wp h4{line-height: 24px;padding: 20px 32px;font-size: 20px;height: 48px;}
	.zw_item3 .item-wp p{font-size: 14px;line-height: 22px;padding: 0 32px;height: 88px;}
	.zw_item3 .item-wp a{display: block;}
}
@media only screen and (max-width:799px ){
	.zw_item2 h2{font-size: 18px;}
}
@media only screen and (max-width:520px ){
	#banner_zw2018 .banner-text{top: 22px;left: 2%;}
	.zw_item3 .item-wp .item-link{position:unset;}
	.zw_item3 .item-wp{min-height: unset;}
	.zw_item3 .item-wp p{height: auto;}
}