@charset "utf-8";

.ny-banner{overflow: hidden; }
.ny-banner img{width: 100%; }

/* 当前位置 */
.location{ overflow: hidden;height: 66px;line-height: 66px; border-bottom: 1px solid #E7E7E7;}
.location h2{float: left;color: #333;}
.here{float: left; color: #333;}
.here a{ color: #333;}
.here a:hover{ color: #ee1d23;}


.sublist{ float: right; width: 70%;display: flex;justify-content: flex-end;}
.sublist ul{}
.sublist ul li{float: left; height:66px; line-height:66px; font-size: 16px; text-align: center; cursor: pointer; padding: 0 32px;}
.sublist ul li a{color: #555;}
.sublist ul li:hover{ background: #ee1d23;}
.sublist ul li:hover a{ color: #FFF;}
.sublist ul li.hover{background: #ee1d23;}
.sublist ul li.hover a{color: #FFF;}


.danye-line {overflow: hidden;line-height: 30px;   text-align: justify;}
.danye-line img{ max-width: 100%; }

.aboutbox{overflow: hidden; margin: 50px 0;}
.about-l{float: left; width: 55%; margin-right: 5%;}
.about-l h2{ font-size: 30px; color: #333; margin-bottom: 20px;}
.about-l h2 em{display: block; font-weight: bold; font-size: 42px; margin-top: 20px;}
.about-l h3{font-size: 24px; display: block; color: #ee1d23; margin-bottom: 20px;}
.about-l .text {color:#666;font-size: 15px;  line-height:28px; text-align:justify; }
.about-l .text .more{ background: #d4c802;border-radius:60px; display:inline-block; width:160px;height:46px; line-height:46px; text-align:center; margin: 30px 0;}
.about-l .text .more a{color: #222;line-height:40px; font-size: 16px;}
.about-r{float: left; width: 40%;}
.about-r img{max-width: 100%; border-radius: 0 0 60px 0; margin-top: 100px;}

.licheng{overflow: hidden;}
.licheng img{width: 100%;}

.wenhua{overflow: hidden;}
.wenhua h2{ font-size: 30px; color: #333; margin-bottom: 20px;}
.wenhua h2 em{display: block; font-weight: bold; font-size: 42px; margin-top: 20px;}
.wenhua h3{font-size: 24px; display: block; color: #ee1d23; margin-bottom: 20px;}
.wenhua .text {color:#666;font-size: 15px;  line-height:28px; text-align:justify; }
.wenhua .text img{width: 100%;}

/* 联系我们 */
.contact{}
.contact ul{ margin-left:-1%; margin-right:-1%; }
.contact ul li{float:left; width: 41.5%; margin:0 1%; border: 1px solid #ccc; padding: 3%; min-height: 200px;}
.contact ul li h2{display: block; font-size: 22px; color: #222; font-weight: bold; border-bottom: 1px solid #ccc; height: 50px; margin-bottom: 10px; padding-bottom: 10px;}
.contact ul li p{color: #333; clear: both; font-size: 16px;}

/* 荣誉证书 */
.honor{}
.honor ul{ margin-left:-1%; margin-right:-1%; }
.honor ul li{float: left; width: 22.8%; 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%;}
.honor ul li h2{font-size: 16px; margin: 20px 0; text-align: center;}
.honor ul li .img:hover{border: 1px solid #ee1d23;}

.pinpai{}
.pinpai ul{ margin-left:-1%; margin-right:-1%; }
.pinpai ul li{float: left; width: 22.8%; margin: 0 1%; background: #FFF; margin-bottom: 30px;}
.pinpai ul li .img{overflow: hidden;border: 1px solid #e7e7e7;}
.pinpai ul li .img img{max-width: 100%;}
.pinpai ul li h2{font-size: 16px; margin: 20px 0; text-align: center;}
.pinpai ul li .img:hover{border: 1px solid #ee1d23;}

/* 生产车间 */
.case{overflow: hidden;  margin: 2% 0;}
.case ul{margin-left: -1%;margin-right: -1%;}
.case ul li{float: left; border: 1px solid #E7E7E7; width: 31%; margin: 0 1%; margin-bottom: 2%;}
.case ul li .img{overflow: hidden;}
.case ul li .img img{width: 100%;}
.case ul li .text{ padding: 2.5%;}
.case ul li .text h2{font-size: 18px; font-weight: bold; margin: 10px 0;}
.case ul li .text p{color: #999;clear: both;margin: 10px 0;}


/* 产品列表 */
.product-left{ float: left; width: 220px; margin-right: 40px;}
.product-left .bt{background: url(../images/tub01.png) no-repeat left #ee1d23;background-size: 50%;height: 70px;border-bottom: 1px solid #e7e7e7;}
.product-left .bt span{color: #FFF; font-size: 24px;line-height: 70px;padding-left: 95px}
.product-left .sublist-pro{overflow: hidden;}
.product-left .sublist-pro h3{background: #ee1d23; height: 50px; line-height: 50px; font-weight: bold;border-bottom: 1px solid #fff;}
.product-left .sublist-pro h3 a{color: #FFF; padding-left: 20px;}
.product-left .sublist-pro dl{}
.product-left .sublist-pro dl dd{background: #e7e7e7;height: 50px; line-height: 50px;border-bottom: 1px solid #fff;}
.product-left .sublist-pro dl dd a{color: #333;padding-left: 30px;}
.product-left .sublist-pro dl dd a:hover{color: #ee1d23;}

.product-right{float: left; width: calc((100% - 260px));}
.product-tit{overflow: hidden;border-bottom: 1px solid #e7e7e7;margin-bottom: 10px; padding-bottom: 10px;}
.product-tit span{overflow: hidden; font-size: 22px; color: #ee1d23; font-weight: bold; }
.product{ overflow: hidden; margin: 30px 0;}
.product ul{margin-left: -1%;margin-right: -1%;}
.product ul li{float: left; width: 31.333%;margin: 0 1%;margin-bottom: 10px;}
.product ul li .pic{background: #fff;border: solid 1px #dcdcdc;overflow: hidden;}
.product ul li .pic img{width: 100%;}
.product ul li h2{color: #333; font-size: 14px; text-align: center; padding: 10px 0;}


/*新闻资讯*/
.bodybox{overflow: hidden; background: #f2f2f2;box-sizing: border-box; padding: 50px 0;}
.webbox{overflow: hidden; background: #FFF;box-sizing: border-box; padding: 50px;}

.newslist{overflow: hidden;  margin: 2% 0;}
.newslist ul{ }
.newslist ul li{overflow: hidden; border: 1px solid #E7E7E7; margin-bottom: 30px ; 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;}

/* 下载资料 */
.downlist{overflow: hidden;}
.downlist ul{margin-left: -1%; margin-right: -1%;}
.downlist ul li{ float:left;border:1px solid #e7e7e7; width: 28.333333%; margin:  0 1%; margin-bottom: 30px; padding: 15px;}
.downlist ul li i{float: left; width: 100px; color: #ee1d23; font-size: 70px; margin-top: 20px;}
.downlist ul li .text{float: left;width: calc((100% - 100px));}
.downlist ul li .text h3{font-size: 22px; display: block;}
.downlist ul li .text .gk{display: inline-block; font-size: 14px;line-height: 26px; color: #999; margin: 5px 0;}
.downlist ul li .text .xz{display: inline-block; font-size: 14px;  padding: 10px 20px; border: 1px solid #ee1d23;}
.downlist ul li .text .xz a{color: #222;}


/*人力资源*/
.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: #ee1d23; margin-bottom: 20px;}
.joblist .toptit.cur .job{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{ color:#000; font-weight:bold}
.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; border: 1px solid #E7E7E7;}
.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;}


/*详情页*/
.Details_tit{ text-align:center; font-weight: bold; margin-top: 50px; line-height: 50px; font-size:32px; color: #ee1d23;}
.showbt{overflow: hidden; border-bottom: 1px solid #e7e7e7;}
.showbt span{ display: inline-block; padding: 10px 30px; border-radius: 6px 6px 0 0; color: #FFF;  font-size: 17px;background: #ee1d23;}

.proimg{margin: 50px auto;border: 1px solid #E7E7E7;}
.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%;}

.show-img img{width: 100%; border-radius: 8px;}


@media (min-width:1024px) and (max-width:1366px) {

.webbox{padding: 40px;}
.about-l h2 em{font-size: 38px;}
.wenhua h2 em{font-size: 38px;}
.Details h1{font-size: 28px;}

}

@media (min-width:768px) and (max-width:1023px) {

.webbox{padding: 30px;}
.Details h1{font-size: 26px;}
.Details_tit{font-size: 28px;}
.product-left{display: none;}
.product-right{width: 100%;}
.about-l{width: 100%; margin-left: 0;}
.about-l h2 em{font-size: 32px;}
.about-r{width: 100%;}
.about-r img{margin-top: 10px;}
.wenhua h2 em{font-size: 32px;}

.honor ul li{width: 48%;}
.pinpai ul li{width: 48%; margin-bottom: 20px;}
.product ul li{width: 48%;}
.case ul li{width: 98%;}

.downlist ul li{width: 88%;}
.contact ul li{width: 100%; min-height: auto; margin-bottom: 20px; text-align: left;}

	
}
@media screen and (max-width:767px) {

.webbox{padding: 20px;}
.Details h1{font-size: 22px;}
.Details_tit{font-size: 22px;}
.product-left{display: none;}
.product-right{width: 100%;}
.about-l{width: 100%; margin-left: 0;}
.about-l h2 em{font-size: 26px;}
.about-r{width: 100%;}
.about-r img{margin-top: 10px;}
.wenhua h2 em{font-size: 26px;}
.honor ul li{width: 48%;}
.pinpai ul li{width: 48%;margin-bottom: 10px;}
.product ul li{width: 48%;}
.case ul li{width: 98%;}
.newslist ul li{padding: 15px;}
.newslist ul li .img{width: 100%; height: auto;margin-right: 0;}
.newslist ul li .text{width: 100%;}

.downlist ul li{width: 88%;}
.contact ul li{width:88%; min-height: auto; margin-bottom: 20px; text-align: left;}
.contact ul li h2{font-size: 18px; height: auto;}
.newsshow-left{width: 100%;}
.newsshow-right{width: 100%; margin-left: 0;}

.page a{padding: 8px; line-height: 50px;}
.page .nolink{display: none;}


}



