.now_warp{ height: 45px; background: #F1F1F1;}
.now_warp .in-now{ width: 1200px; margin: 0 auto;}
.now_warp .in-now .nows{ font: 14px/45px "microsoft yahei"; color: #333; float: left; background: url(../images/4-14.png) left center no-repeat; padding-left: 10px; }
.now_warp .in-now .nows span{ color: #666;}
.now_warp .in-now .keyword{ float: right; font-size: 0; }
.now_warp .in-now .keyword span{ font: 14px/45px "microsoft yahei"; color: #333;}
.now_warp .in-now .keyword a{ font: 12px/45px "microsoft yahei"; color: #666; margin-left: 10px;}
.now_warp .in-now .keyword form{ display: inline-block; margin-left: 15px;}
.now_warp .in-now .keyword .text{ width: 280px; height: 26px; border: 1px solid #ddd; background: none; font: 12px/26px "microsoft yahei"; color: #666; padding-left: 15px; }
.now_warp .in-now .keyword .btn{ width: 44px; height: 28px; border: none; background: #2c9e94; font: 12px/28px "microsoft yahei"; color: #fff; cursor: pointer;}

.menuWarp{ height: 51px; background: #f6f6f6; font-size: 0; text-align: center; width: 100%; margin: 55px 0;}
.menuWarp li{ display: inline-block; margin: 0 5px;}
.menuWarp li a{ display: block; padding: 0 30px; font: 20px/51px "microsoft yahei"; color: #333;}
.menuWarp li.cur{ background: #4BCDD9;}
.menuWarp li.cur a{ color: #fff;}

.menuWarp1{ font-size: 0; text-align: center;}
.menuWarp1 li{ display: inline-block; position: relative; margin: 0 10px; overflow: hidden;  border: 1px solid #4BCDD9; border-radius: 4px;}
.menuWarp1 li a{ display: block; padding: 10px;}
.menuWarp1 li .tit{ position: absolute; left: 0; top: 0; background: rgba(46,175,187,0.9); width: 100%; height: 100%; text-align: center; font: 20px/98px "microsoft yahei"; color: #fff; display: none;}
.menuWarp1 li.cur .tit{ display: block;}

.main{ width: 1200px; margin: 50px auto;}
.main li{ width: 257px; background: #f9f9f9; text-align: center; float: left; margin: 0 16px 30px; box-shadow: 0 0 1px rgba(0,0,0,0.4); padding: 5px;}
.main li p{ font: 18px/40px "microsoft yahei"; color: #666;}
.main li:hover{ box-shadow: 0 0 18px rgba(0,0,0,0.3); background: #eee;}
.main li img{width:257px;height:177px;object-fit:contain;}
.pageinfo{ text-align: center; font-size: 0; margin: 30px 0;}
.pageinfo a{ display: inline-block; font: 14px/28px "microsoft yahei"; color: #666; border: 1px solid #ddd; padding: 0 10px; margin: 0 2px;}
.pageinfo a.cur{ background: #666; color: #fff; border-color: #666;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.now_warp{ height: 45px; background: #F1F1F1;}
.now_warp .in-now{ width: 98%; margin: 0 auto;}
.now_warp .in-now .nows{ font: 14px/45px "microsoft yahei"; color: #333; float: left; background: url(../images/4-14.png) left center no-repeat; padding-left: 10px; }
.now_warp .in-now .nows span{ color: #666;}
.now_warp .in-now .keyword{ float: right; font-size: 0; margin-top: 9px; }
.now_warp .in-now .keyword span{ display: none;}
.now_warp .in-now .keyword a{ display: none;}
.now_warp .in-now .keyword form{ display: inline-block; margin-left: 15px;}
.now_warp .in-now .keyword .text{ width: 280px; height: 26px; border: 1px solid #ddd; background: none; font: 12px/26px "microsoft yahei"; color: #666; padding-left: 15px; }
.now_warp .in-now .keyword .btn{ width: 44px; height: 28px; border: none; background: #2c9e94; font: 12px/28px "microsoft yahei"; color: #fff; cursor: pointer;}

.menuWarp{ height: 51px; background: #f6f6f6; font-size: 0; text-align: center; width: 100%; margin: 55px 0;}
.menuWarp li{ display: inline-block; margin: 0 5px;}
.menuWarp li a{ display: block; padding: 0 30px; font: 20px/51px "microsoft yahei"; color: #333;}
.menuWarp li.cur{ background: #4BCDD9;}
.menuWarp li.cur a{ color: #fff;}

.menuWarp1{ font-size: 0; text-align: center;}
.menuWarp1 li{ display: inline-block; position: relative; margin: 0 10px; overflow: hidden;  border: 1px solid #4BCDD9; border-radius: 4px;}
.menuWarp1 li a{ display: block; padding: 10px;}
.menuWarp1 li .tit{ position: absolute; left: 0; top: 0; background: rgba(46,175,187,0.9); width: 100%; height: 100%; text-align: center; font: 20px/98px "microsoft yahei"; color: #fff; display: none;}
.menuWarp1 li.cur .tit{ display: block;}

.main{ width: 98%; margin: 50px auto;}
.main li{ width: 30%; background: #f9f9f9; text-align: center; float: left; margin: 0 0.66% 20px; box-shadow: 0 0 1px rgba(0,0,0,0.4); padding: 1%;}
.main li img{ display: block; width: 100%;}
.main li p{ font: 18px/40px "microsoft yahei"; color: #666;}
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	.now_warp{ height: 45px; background: #F1F1F1;}
.now_warp .in-now{ width: 98%; margin: 0 auto;}
.now_warp .in-now .nows{ font: 14px/45px "microsoft yahei"; color: #333; float: left; background: url(../images/4-14.png) left center no-repeat; padding-left: 10px; }
.now_warp .in-now .nows span{ color: #666;}
.now_warp .in-now .keyword{ float: right; font-size: 0; margin-top: 9px; }
.now_warp .in-now .keyword span{ display: none;}
.now_warp .in-now .keyword a{ display: none;}
.now_warp .in-now .keyword form{ display: inline-block; margin-left: 15px;}
.now_warp .in-now .keyword .text{ width: 280px; height: 26px; border: 1px solid #ddd; background: none; font: 12px/26px "microsoft yahei"; color: #666; padding-left: 15px; }
.now_warp .in-now .keyword .btn{ width: 44px; height: 28px; border: none; background: #2c9e94; font: 12px/28px "microsoft yahei"; color: #fff; cursor: pointer;}

.menuWarp{ height: 51px; background: #f6f6f6; font-size: 0; text-align: center; width: 100%; margin: 25px 0;}
.menuWarp li{ display: inline-block; margin: 0 5px;}
.menuWarp li a{ display: block; padding: 0 30px; font: 20px/51px "microsoft yahei"; color: #333;}
.menuWarp li.cur{ background: #4BCDD9;}
.menuWarp li.cur a{ color: #fff;}

.menuWarp1{ font-size: 0; text-align: center;}
.menuWarp1 li{ display: inline-block; position: relative; margin: 0 10px; overflow: hidden;  border: 1px solid #4BCDD9; border-radius: 4px;}
.menuWarp1 li a{ display: block; padding: 10px;}
.menuWarp1 li .tit{ position: absolute; left: 0; top: 0; background: rgba(46,175,187,0.9); width: 100%; height: 100%; text-align: center; font: 20px/98px "microsoft yahei"; color: #fff; display: none;}
.menuWarp1 li.cur .tit{ display: block;}

.main{ width: 98%; margin: 20px auto;}
.main li{ width: 30%; background: #f9f9f9; text-align: center; float: left; margin: 0 0.66% 20px; box-shadow: 0 0 1px rgba(0,0,0,0.4); padding: 1%;}
.main li img{ display: block; width: 100%;}
.main li p{ font: 18px/40px "microsoft yahei"; color: #666;}
}

@media only screen and (min-width: 320px) and (max-width: 639px) {
	.now_warp{ height: 45px; background: #F1F1F1;}
.now_warp .in-now{ width: 98%; margin: 0 auto;}
.now_warp .in-now .nows{ font: 14px/45px "microsoft yahei"; color: #333; float: left; }
.now_warp .in-now .nows b{ border-left: 2px solid #0099E4;}
.now_warp .in-now .nows span{ color: #0099E4;}
.now_warp .in-now .keyword{ display: none;}

.menuWarp{ height: 31px; background: #f6f6f6; font-size: 0; text-align: center; width: 100%; margin: 25px 0;}
.menuWarp li{ display: inline-block; margin: 0 5px;}
.menuWarp li a{ display: block; padding: 0 10px; font: 14px/31px "microsoft yahei"; color: #333;}
.menuWarp li.cur{ background: #4BCDD9;}
.menuWarp li.cur a{ color: #fff;}

.menuWarp1{ font-size: 0; text-align: center;}
.menuWarp1 li{ display: inline-block; position: relative; width: 20%; margin: 0 1%; overflow: hidden;  border: 1px solid #4BCDD9; border-radius: 4px;}
.menuWarp1 li a{ display: block; padding: 5px; margin-right: 0;}
.menuWarp1 li img{ display: block; width: 50px; margin: 0 auto;}
.menuWarp1 li .tit{ display: none;}
.menuWarp1 li.cur .tit{ display: none;}

.main{ width: 98%; margin: 20px auto;}
.main li{ width: 46%; background: #f9f9f9; text-align: center; float: left; margin: 0 1% 10px; box-shadow: 0 0 1px rgba(0,0,0,0.4); padding: 1%;}
.main li img{ display: block; width: 100%;}
.main li p{ font: 18px/40px "microsoft yahei"; color: #666;}
}

.promenu{text-align:center;}
.promenu ul li{display:inline-block;color:#666;padding:0 10px;}
.promenu ul li a{color:#666;}