@charset "utf-8";

.ny-banner{height: 400px; }

.web-left{float: left; width: 240px; margin-right: 30px;}
.web-right{float: left; width:calc((100% - 270px));}

/* 当前位置 */
.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;}

.left-tit{overflow: hidden;background-color: #2e357a; border-top: 8px solid #2c8c4b; color: #FFF; padding:20px 30px; margin-top: -70px;}
.left-tit i{float: left;  font-size: 50px;}
.left-tit span{float: left; font-size: 28px; margin-top: 20px; margin-left: 10px;}

.leftlist{overflow: hidden; padding:25px; background-color: #c6cacd;}
.leftlist ul{ border-top: 2px solid #e6e9ef; }
.leftlist ul li{ height:52px; line-height:52px; font-size: 16px; background-color: #FFF; text-align: center; margin-top: 15px; cursor: pointer;}
.leftlist ul li a{color: #555;}
.leftlist ul li:hover{background-color: #2e357a;}
.leftlist ul li:hover a{ color: #FFF;}
.leftlist ul li.hover{background-color: #2e357a; }
.leftlist ul li.hover a{color: #FFF;}


.leftbot{overflow: hidden;background: url(../images/leftbot.jpg) no-repeat top; background-size: cover; height: 300px; margin: 40px 0;}
.leftbot .inner {border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin: 26px; margin-top: 180px;}
.leftbot h5 {font-size: 18px;line-height: 26px;letter-spacing: 1px;color: #ffffff;display: flex;align-items: center;}
.leftbot h5 img {margin-right: 8px;}
.leftbot h6 {font-family: Arial;font-size: 27px;font-weight: bold;color: #ffffff;margin-top: 10px; padding-bottom: 10px;}


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


/* 联系我们 */
.contact{}
.contact ul{ margin-left:-1%; margin-right:-1%; }
.contact ul li{ float:left; width: 31.333333%; margin:0 1%; border: 1px solid #c6cacd; padding: 20px; min-height: 200px; text-align: center;}
.contact ul li i{display: block; font-size: 40px; height: 55px;color: #20242d;}
.contact ul li:nth-of-type(2) i{font-size: 36px;}
.contact ul li h2{display: block; font-size: 20px; color: #333;}
.contact ul li p{color: #7b858e; clear: both; font-size: 16px;}

/* 生产车间 */
.honor{}
.honor ul{ margin-left:-1%; margin-right:-1%; }
.honor ul li{float: left; width: 23%; margin: 0 1%; background: #FFF; margin-bottom: 30px;}
.honor ul li .img{overflow: hidden;border: 1px solid #e7e7e7;}
.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 .img{overflow: hidden;border: 1px solid #2e357a;}
.honor ul li h2{font-size: 14px;  padding: 12px 0; text-align: center; background: #eaeaea;}
.honor ul li:hover h2{ background: #2e357a; color: #FFF;}

.hezuo{}
.hezuo ul{ margin-left:-1%; margin-right:-1%; }
.hezuo ul li{float: left; width: 23%; margin: 0 1%; background: #FFF; margin-bottom: 10px; }
.hezuo ul li .img{overflow: hidden;border: 1px solid #e7e7e7;}
.hezuo ul li .img img{max-width: 100%;}
.hezuo ul li:hover .img{overflow: hidden;border: 1px solid #2e357a;}
.hezuo ul li h2{font-size: 16px;  padding: 8px 0; text-align: center;}



/* 产品列表 */
.product{}
.product ul{ margin-left:-1%; margin-right:-1%; }
.product ul li{float: left; width: 23%; margin: 0 1%; background: #FFF; margin-bottom: 30px;}
.product ul li .img{overflow: hidden; border: 1px solid #e7e7e7;}
.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 .img{overflow: hidden;border: 1px solid #2e357a;}
.product ul li h2{font-size: 16px;  padding: 12px 0; text-align: center; background: #eaeaea;}
.product ul li:hover h2{ background: #2e357a; color: #FFF;}


/*新闻资讯*/
.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;}


/*人力资源*/
.joblist{overflow: hidden; margin: 2% 0 3% 0;}
.joblist ul{}
.joblist ul li{ background:#f2f2f2; margin-bottom:15px; border-radius:5px;}
.joblist ul li.cur{ padding-bottom:20px}
.joblist .toptit.cur{ background: #2e357a; margin-bottom: 20px;}
.joblist .toptit.cur .job h3{color: #FFF;}
.joblist .toptit{ padding:15px 20px;line-height:30px; cursor:pointer; display:flex; display:-webkit-flex;color:#666; position:relative}
.joblist .toptit span{ width: calc(100% - 20px);}
.joblist .job{overflow: hidden;}
.joblist .job h3{float: left; color:#20242d; margin-right: 30px;}
.joblist .toptit .icon{ width:20px; height:20px; background:url(../images/icon-dw.png) no-repeat center center; background-size:20px auto; position:absolute; right:20px; margin-top:-10px;top:50%; margin-right:0}
.joblist li.cur .toptit .icon{ width:20px; height:20px; background:url(../images/icon-up.png) no-repeat center center; background-size:20px auto; position:absolute; margin-right:0}
.joblist .cont{ margin:0 20px; padding:25px; background:#fff; border-radius:5px; display:none}



/*在线留言*/
.book{padding: 15px; 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: #f23803; width: 100px; line-height: 38px; height: 38px; text-align: center; border: 0; cursor: pointer; color: #FFF; margin-left: 60px; margin-top: 15px;}


/*新闻详情页*/
.newsshow-left{float: left; width: calc((100% - 390px));}
.newsshow-right{float: left;width: 340px;margin-left: 50px;margin-top: 45px;}

/*新闻相关信息*/
.newslist-xg{overflow: hidden;border: 1px solid #E7E7E7; padding: 25px;}
.newslist-xg h5{border-bottom: 1px solid #E7E7E7;font-size: 22px;margin-bottom: 20px;padding-bottom: 10px;}
.newslist-xg ul {}
.newslist-xg ul li{}
.newslist-xg ul li .img{overflow: hidden; }
.newslist-xg ul li .img img{max-width: 100%;border-radius: 6px;}
.newslist-xg ul li h2{margin: 20px 0;line-height: 32px;text-align: left; font-size: 20px; color: #222;}
.newslist-xg ul li h3{margin: 20px 0;line-height: 32px;text-align: center; font-size: 17px; color: #222;}
.newslist-xg ul li p{margin: 20px 0;line-height: 24px;}

.newslist-gzh{overflow: hidden;border: 1px solid #E7E7E7; padding: 30px;background: url(../images/gzhbg.jpg) no-repeat center bottom;background-size: cover;margin: 50px 0;}
.newslist-gzh .img{ width: 154px; margin: 0 auto;}
.newslist-gzh .img img{ width: 154px;}
.newslist-gzh p{ text-align: center;font-size: 18px;line-height: 28px;}
.newslist-gzh p small{ font-size: 19px;color: #999;}


/*详情页*/
.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; }

.pro-title{text-align: center;font-size: 20px; padding: 30px 0;}
.proimg{overflow: hidden; border: 1px solid #e7e7e7; text-align: center;}
.proimg img{max-width: 100%;}

/*产品相关信息*/
.proshow-xg{overflow: hidden;border: 1px solid #E7E7E7; padding: 20px; margin: 30px 0;}
.proshow-xg h5{border-bottom: 1px solid #E7E7E7;font-size: 20px;padding-bottom: 10px; margin-bottom: 20px;}
.proshow-xg ul {margin-left:-1%; margin-right:-1%; }
.proshow-xg ul li{float: left; width: 23%; margin: 0 1%;}
.proshow-xg ul li .img{overflow: hidden; border: 1px solid #e7e7e7;}
.proshow-xg ul li .img img{max-width: 100%; transition: all 0.5s;}
.proshow-xg ul li .img:hover img{ transform:scale(1.1); }
.proshow-xg ul li:hover .img{overflow: hidden;border: 1px solid #2e357a;}
.proshow-xg ul li h3{line-height: 32px;text-align: center; font-size: 15px; color: #222; padding: 5px 0;}




.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%;}

.Details-img{text-align: center;}
.Details-img img{max-width: 100%; border-radius: 8px;}



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

.ny-banner{height: 300px;background-size: cover !important;}

.web-left{display: none;}
.web-right{width: 100%;}

.honor ul li{width: 48%; margin-bottom: 20px;}


.proshow-xg ul li{width: 48%; margin-bottom: 20px;}

}


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

.ny-banner{height: 200px;background-size: cover !important;}
.web-left{display: none;}
.web-right{width: 100%;}

.joblist .toptit span{font-size: 14px;}

.contact ul li{width: 98%; min-height: auto; margin-bottom: 30px;}

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

.honor ul li{width: 48%; margin-bottom: 20px;}
.honor ul li h2{font-size: 13px;}

.product ul li{width: 48%;}
.product ul li h2{font-size: 13px;}
.proshow-xg ul li{width: 48%; margin-bottom: 20px;}

.Details h1{font-size: 20px; line-height: 30px;}
.pro-title{font-size: 20px;}

.newsshow-left{width: 100%;}
.newsshow-right{width: 100%; margin-left: 0;}

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


}