@charset "utf-8";


/* 当前位置 */
.location{ overflow: hidden;height: 66px;line-height: 66px; border-bottom: 1px solid #E7E7E7; margin-bottom: 30px;}
.location h2{float: left;color: #333;}
.location .here{float: left; color: #333;}
.location .here a{ color: #333;}
.location .here a:hover{ color: #173983;}


.sublist{overflow: hidden; margin-bottom: 50px;padding:25px;}
.sublist ul{ border-top: 2px solid #e6e9ef; }
.sublist ul li{ height:52px; line-height:52px; font-size: 16px; text-align: center; border: 1px solid #e6e9ef; margin-top: 15px; cursor: pointer;}
.sublist ul li a{color: #555;}
.sublist ul li a:hover{color: #37a44a;}
.sublist ul li:hover{border: 1px solid #37a44a;}
.sublist ul li.hover{border: 1px solid #37a44a;}
.sublist ul li.hover a{color: #37a44a;}

.home-pro-fl{overflow: hidden; text-align: center; margin-bottom:20px; }
.home-pro-fl ul{display: inline-block;}
.home-pro-fl ul li{float: left;margin: 0 10px; padding: 15px 0;}
.home-pro-fl ul li a{color: #666;border: 1px solid #e7e7e7;  background: #FFF;border-radius: 50px; padding: 12px 30px; font-size: 16px;}
.home-pro-fl ul li a:hover{color: #FFF; background: #167839;border: 1px solid #167839; }
.home-pro-fl ul li .hover{color: #FFF;background: #167839;border: 1px solid #167839; }



.pagebody {overflow: hidden;line-height: 30px;   text-align: justify;}
.pagebody img{ max-width: 100%; }


/* 联系我们 */
.contact{overflow: hidden;box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); margin: 60px 0;}
.contact-l{float: left; width: 400px; height: 700px; background: url(../images/lx.jpg) no-repeat top; background-size: cover; padding: 50px;}
.contact-l .img{ text-align:left; }
.contact-l .img img{ width:200px; }
.contact-l ul{overflow: hidden; margin: 2vw 0;}
.contact-l ul li{border-bottom: 1px solid #555; padding: 30px 0; color: #FFF; line-height: 32px;}
.contact-l .kefu{ width:160px; border:1px solid #ccc; height:50px; line-height:50px; text-align:center; }
.contact-l .kefu a{color: #FFF;}
.contact-r{float: left; width:calc((100% - 400px)); padding: 3vw;}
.contact-r h2{font-size: 32px;font-weight: bold;font-family: "initial;"}
.contact-r h3{font-size: 28px; display: block; margin: 10px 0;}
.contact-r h5{ font-size:15px; line-height:28px; }

/*在线留言*/
.book{padding:2vw 0; overflow: hidden;}
.book ul{}
.book ul li{float: left; width: 100%;  padding: 5px 0;}
.book ul li span{float: left; font-size: 15px; width: 60px; line-height: 32px;}
.book ul li i{color: #FF0000; font-weight: bold; padding-left: 8px;}
.book ul li input{ height: 30px; line-height: 30px; padding:0 5px; width: 66%; border: 1px solid #ccc;}
.book ul li textarea{ padding:0 5px; width: 66%; border: 1px solid #ccc;}
.book ul li .yzm{width: 80px;}
.book .submit{ background: #666; width: 100px; line-height: 38px; height: 38px; text-align: center; border: 0; cursor: pointer; color: #FFF; margin-left: 60px; margin-top: 15px;}


/* 生产车间 */
.honor{}
.honor ul{ margin-left:-1%; margin-right:-1%; }
.honor ul li{float: left; width: 23%; margin: 0 1%; background: #FFF;border: 1px solid #e7e7e7; margin-bottom: 30px;}
.honor ul li .img{overflow: hidden;}
.honor ul li .img img{max-width: 100%; transition: all 0.5s;}
.honor ul li .img:hover img{transform:scale(1.1);}
.honor ul li:hover{overflow: hidden;border: 1px solid #167839;}
.honor ul li h2{font-size: 16px;  padding: 12px 0; text-align: center; background: #FFF;}



/* 产品列表 */
.product{}
.product ul{ margin-left:-1%; margin-right:-1%; }
.product ul li{float: left; width: 31.333333%; margin: 0 1%; background: #FFF;border: 1px solid #e7e7e7; margin-bottom: 30px;}
.product ul li .img{overflow: hidden; }
.product ul li .img img{max-width: 100%; transition: all 0.5s;}
.product ul li .img:hover img{transform: scale(1.1);}
.product ul li:hover {overflow: hidden;border: 1px solid #167839;}
.product ul li h2{font-size: 16px;  padding: 15px 0; text-align: center; }

.product-xg{}
.product-xg ul{ margin-left:-1%; margin-right:-1%; }
.product-xg ul li{float: left; width: 23%; margin: 0 1%; background: #FFF;border: 1px solid #e7e7e7; margin-bottom: 30px;}
.product-xg ul li .img{overflow: hidden; }
.product-xg ul li .img img{max-width: 100%; transition: all 0.5s;}
.product-xg ul li .img:hover img{transform: scale(1.1);}
.product-xg ul li:hover {overflow: hidden;border: 1px solid #167839;}
.product-xg ul li h2{font-size: 16px;  padding: 15px 0; text-align: center; }



/*新闻资讯*/
.newslist{overflow: hidden;  margin: 2% 0;}
.newslist ul{ }
.newslist ul li{overflow: hidden; border: 1px solid #E7E7E7; margin: 20px 0; ; background: #FFF; padding: 30px;transition: all 0.5s ease; -webkit-transition:all 0.5s ease;}
.newslist ul li:hover{box-shadow: 0 8px 20px 0 rgba(0,0,0,.10); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.newslist ul li .img{float: left;width: 220px; height: 165px; margin-right: 20px;}
.newslist ul li .img img{width: 100%; height: 100%;}
.newslist ul li .text{float: left;  width: calc((100% - 240px));color: #666; line-height: 24px;}
.newslist ul li .text h2{font-size: 18px; font-weight: bold; margin: 10px 0;}
.newslist ul li .text .time{color: #999;clear: both;margin: 10px 0;}





/*详情页*/
.showbt{ border-bottom: 1px solid #E7E7E7; margin: 30px 0;}
.showbt span{display: inline-block; color: #333;font-weight: bold; font-size: 22px;height: 42px;line-height: 42px;border-radius: 5px 5px 0 0; }


.proimg{overflow: hidden; border: 1px solid #e7e7e7; text-align: center;}
.proimg img{max-width: 100%;}

.Details{overflow: hidden; padding: 15px 0;}
.Details h1{ text-align: center; font-size: 30px; line-height: 50px; margin: 30px 0;}
.Details dt{ text-align: center; line-height: 50px; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7;}


.Details-conent{overflow: hidden; margin: 30px 0; line-height: 32px;}
.Details-conent img{max-width: 100%;}




@media (min-width:768px) and (max-width:1023px) {



}


@media screen and (max-width:767px) {

.home-pro-fl ul{display: block;}
.home-pro-fl ul li{width: 48%; margin:1%;padding: 0;}
.home-pro-fl ul li a{display: block; padding: 0; font-size: 14px; height: 40px; line-height: 40px;}
.home-pro ul li{width: 98%; margin-bottom: 30px;}
.home-pro ul li h2{font-size: 16px; margin: 30px 0 0 0;}

.contact-l{width: 100%; height: 520px;}
.contact-r{width: 100%;}

.honor ul li{width: 48%;}
.honor ul li h2{font-size: 14px;}
.product ul li{width: 48%;}
.product ul li h2{font-size: 14px;}
.product-xg ul li{width: 48%;}
.product-xg ul li h2{font-size: 14px;}

.newslist ul li{padding: 15px;}
.newslist ul li .img{width: 100%; height: auto;}
.newslist ul li .text{width: 100%;}

.Details h1{font-size: 22px; line-height: 24px; margin: 20px 0;}

.page a{padding: 8px; line-height: 50px;}
.page .nolink{display: none;}


}