@charset "utf-8";
/* CSS Document */
body,p,a,div,ul,li,button,input,span{font-family: "微软雅黑";}
ul{ list-style:none;padding:0;margin:0;}
*{margin:0;padding:0}

.banner img{width: 100%;}
.head-top-tit{font-size: 14px; border-bottom: #cbcbcb 1px solid; margin-bottom: 20px;padding: 6px 0;}
.head-top{position:relative;z-index: 2;}

.head-bom{padding-bottom: 10px;}

.nav ul li{float:left;padding:0 16px;}
.nav ul li a{color: #444;text-decoration: none;}
.nav ul .active a{color: #12b9e3;border-bottom: 2px solid #12b9e3;padding-bottom: 6px;}
.nav ul li a:hover{color: #12b9e3;border-bottom: 2px solid #12b9e3;padding-bottom: 6px;}

.index-tite{position: relative; margin: 30px 0 50px;}
.index-tite h3{text-transform: uppercase;}
.index-tite h3:after{content: ""; border:1px solid #333;position: absolute;left: 0; bottom: -10px; width: 40px;}
.about-con{font-size: 17px;line-height: 30px;}

.index-pro{background: #f8f8f8;padding: 40px 0;}
.index-pro ul li{position: relative; width: 23%; float:left;margin: 1%;}
.index-pro ul li img{width: 100%;}
.index-pro ul li .index-pro-tit{position: absolute; bottom: 0px; left: 0;background-color: RGBA(91,91,91,0.5);width: 100%; padding: 10px 0; text-align: center;}
.index-pro ul li .index-pro-tit a{color: #fff;}

.head-top-con{width:1170px;}

.youshi{padding: 40px 0 60px;}
.youshi-con{padding-top: 20px;}
.youshi-con a{color: #333; text-decoration: none;}
.youshi-con p{color:#999}
.youshi-con ul li{text-align: center;}

.index-new{background: #f8f8f8; padding-bottom: 60px;}

.index-new .index-new-time{float:left;width: 20%; font-size: 28px; text-align: center;}
.index-new .index-new-time p{ font-size: 18px;}
.index-new .index-new-con{float:left;width: 75%;border-left: 1px solid #999;  padding-left: 5%;}
.index-new .index-new-con h4{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index-new .index-new-con p{ color: #999;}
.index-new-r ul li{display: inline-block; width: 100%;padding: 20px 0;}
.index-new-l img{width: 100%;}
.index-new-r a{color: #333;}


.footer-top{background: #4d4d4d;color: RGBA(255,255,255,0.8);padding: 25px 0 15px;}
.footer{ background: #3f3f3f;padding: 4px 0; color: RGBA(255,255,255,0.5); text-align: center;}
.footer p{margin-bottom: 2px;font-size: 12px;}
.footer-top-l{text-align: right;}


.list-ban img{width: 100%;}
.bread-line{border-bottom:1px solid #d7d7d7;padding: 10px 0; }
.bread-line a{color: #333;}
/*新闻中心*/


.new{margin-top: 30px;}
.new ul li{background: #fafafa;display: inline-block; width: 100%; margin-bottom: 20px;  padding: 15px;}
.new-ico img{max-width: 100%;}
.new-nr{padding-top: 10px;}
.new-nr p{color:#999;}
.new-nr span a{color: #12b9e3;border: 1px solid #12b9e3;padding: 6px 20px; margin-top: 20px; display: inline-block; text-decoration: none;}
.new-nr span a:hover{background:#12b9e3 ; border:none;color: #fff;}

/*产品展示*/
.list-prod-con ul {width: 100%; display: inline-block;}
.list-prod-con{margin: 30px 0 50px; width: 100%; display: inline-block;}
.list-prod-con ul li{padding: 1%;  width:25%; float:left;}
.list-prod-con ul li a{text-decoration: none;}
.list-prod-con ul li .box{ padding:10px; background:#fAFAFA; text-align:center; display:block;}
.list-prod-con ul li .box .pic{ margin-bottom:28px; width:100%; background: no-repeat center center; background-size: cover; }
.list-prod-con ul li .box .pic img{width: 100%;}
.list-prod-con ul li .box .p1{ margin-bottom:10px; font-size:16px; color:#333333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list-prod-con ul li .box .buc{ margin-bottom:18px; font-size:14px; color:#666666; height:3em; line-height:23px; overflow:hidden;}

/*yema*/
.pages-box{ padding-top:22px; text-align:center;}
.pages-box .pages{ display:inline-block;margin-top: 40px;}
/*pages*/
.pages{ border:#d0d0d0 solid 1px; border-radius:3px; font-size:16px; line-height:30px;}
.pages a,.pages span{ float:left; display:block; padding:0 15px; border-right:#d0d0d0 solid 1px; color: #666;}
.pages a.last-ele{ border:none;}
.pages span,.pages a:hover{ background-color:#f8f8f8; color:#333;}

/*show*/
.show-con{padding-top: 20px;}
.show-con p{font-size: 14px; color: #666; margin-top: 12px;}
.show-con h3{text-align: center; border-bottom:1px solid #fafafa;    padding-bottom: 20px;}
.show-wz{font-size: 17px;line-height: 36px;padding: 10px 40px 60px;}

.erjilanmu{display: inline-block; width: 100%;}
.erjilanmu ul li{float:left; padding:20px}
.erjilanmu ul li a{color:#333; font-size:16px}
.topmenu-mb{display: none;}
@media only screen and (min-width:1280px) {

}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:768px) {

}
@media only screen and (max-width:480px) {
.hidden-xs{display: none;}
.topmenu-mb{display:block;}
.topmenu-mb{background:#eee;height:50px;position:relative; width:100%}
.topmenu-mb>div a:last-child{color:#fff;float:right;font-size:20px;font-weight:bold;color:#12b9e3;text-decoration:none;line-height:50px}
.topmenu-mb ul{display:none;position:absolute;top:50px;left:0;width:100%;background:#12b9e3;z-index:9999999;}
.topmenu-mb ul li{padding:6px 10px;border-top:1px solid #fff;}
.topmenu-mb ul li a{color:#fff}
.topmenu-mb ul li a{color:#fff}
.conpany-index{padding: 20px 0;}
.conpany-index .con-title h4{font-size: 24px;}
.waibao ul li a{padding: 10px;}
.waibao ul li h3{padding-bottom: 0px;}
.waibao ul li p {line-height: 160%;text-align: left; margin: 0; font-size: 14px;}
.waibao ul li { height: 260px; margin-bottom: 20px;}
.list-prod-tit dl dt {width: 48%;}
.index-pro ul li {width: 48%;}
.index-pro{padding: 20px 0;}
.liucheng{height: 300px;}
.liucheng-tite h2{font-size: 24px;}
.liucheng-tite p {font-size: 16px;}
.index-new{padding: 20px 0;}
.foot-nav ul li a{font-size: 12px;}
.foot-nav ul li{width: auto; padding: 0 2px;}
.footer-top-l li{width: 100%;}
.footer-top-l li:nth-child(2n){width: 100%;}
.show-wz{padding: 0 0 50px;}
.pro-list-name li{width: 48%;}
.list-prod-con ul li{width: 50%;}
.list-prod-con ul li .box .pic{height: auto;}
.list-prod-con ul li .box .pic img{height: auto;margin-bottom: 8px;}
.hagnye-list .hangye-list-con{width: 100%;}
.hagnye-list h3 { margin-top: 20px;}
.hagnye-list .hangye-list-con {padding: 10px 0 20px;}
.hagnye-list ul li {width: 48%;}
.hagnye-list h3:after {left: 40%;}
.footer-top-r {margin-bottom: 20px;}
.pages a, .pages span {padding: 0 8px;}
.show-wz img{max-width: 100%;}
}
@media only screen and (max-width:320px) {

}