body {
  color: #222;
  margin: 0;
  padding: 0;
  font-family: '微软雅黑';
  font-size: 16px;
}

p {
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
}

.clearfix:after{
  content: '';
  display: block;
  clear: both;
  width: 0;height: 0;
}
.cl{clear: both;}
.fl{float: left;}
.fr{float: right;}

.w{width: 1200px;margin:auto;}
input{outline: none;}

/* 导航 */

.head{height: 110px;}
.head .w{width: 1400px;height: 100%;}
.head .logo{height: 100%;}
.head .logo img{height: 100%;width: auto;}
.head .nav_list .yiji{display: inline-block;}
.head .nav_list .yiji a{display: block;line-height: 110px;color: #222222;font-size: 18px;}
.head .nav_list>span{width: 2px;height: 14px;background: #d6d6d6;margin: 0 20px;display: inline-block;}
.head .nav_list>span:last-child{display: none;}
.head .nav_list .yiji:hover>a{color: #ac0000;}
.head .nav_list .yiji.active>a{color: #ac0000;}

.head .nav_list .yiji>div{display: none;}


/* idxbanner */
.idxbanner{position: relative;}
.idxbanner .swiper-pagination{bottom:35px;}
.idxbanner .swiper-pagination .swiper-pagination-bullet{width: 40px!important;height: 3px!important;margin: 0 10px;background: #fff!important;border-radius: 0!important;}
.idxbanner .swiper-pagination .swiper-pagination-bullet-active{background: #735339!important;}

/* 产品分类 */

.protype{height: 528px;background: url(../images/img1.jpg);background-size: 100% 100%;}
.protype .w{display: flex;}
.protype .list{width: 190px;height: 340px;padding: 10px;margin-right: 37.5px;background: #fff;margin-top: 80px;}
.protype .list:nth-child(5n){margin-right: 0;}
.protype .list>div{height: 100%;border: 1px solid #c57c4a;border-radius: 5px;}
.protype .list>div .xh{text-align: center;font-size: 20px;font-weight: bold;margin-top: 35px;}
.protype .list>div .title{font-size: 22px;text-align: center;font-weight: bold;margin-top: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.protype .list>div .key{font-size: 16px;text-align: center;margin-top: 10px;color: #757575;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.protype .list>div .img{width: 90%;margin: 20px auto 0 auto;}
.protype .list>div .img img{width: 100%;}

.protype .list:hover{background: url(../images/img2.jpg);background-size: 100% 100%;}
.protype .list:hover .xh{color: #fff;}
.protype .list:hover .title{color: #fff;}
.protype .list:hover .key{color: #fff;}


/* 企业简介 */
.idx_about{padding: 50px 0;}
.idx_about .left{width: 563px;}
.idx_about .right{width: 600px;}
.idx_about .right .key{font-size: 16px;color: #b60909;margin-top: 10px;text-transform: uppercase;font-weight: bold;}
.idx_about .right .title{font-size: 22px;font-weight: bold;margin-top: 8px;}
.idx_about .right .jianjie{margin-top: 35px;font-size: 16px;line-height: 2;height: 70px;
text-overflow: -o-ellipsis-lastline;  
overflow: hidden;  
text-overflow: ellipsis;  
display: -webkit-box;  
-webkit-line-clamp: 2;  
-webkit-box-orient: vertical;  
}
.idx_about .right .list{margin-top: 50px;display: flex;}
.idx_about .right .list div{width: 145px;height: 45px;border-radius: 45px;border: 1px solid #b60909;color: #b60909;font-size: 20px;margin-right: 24px;text-align: center;line-height: 45px;cursor: pointer;}
.idx_about .right .list div:hover{background: #b60909;color: #fff;}
.idx_about .right .list div.active{background: #b60909;color: #fff;}
.idx_about .right>a{display: block;margin-top: 20px;}


/* 产品展示 */
.z_name{text-align: center;}
.z_name p{font-size: 16px;text-transform: uppercase;color: #ac0000;}
.z_name span{font-size: 34px;font-weight: bold;}


.idxprolist{padding: 50px 0;background: url(../images/img4.jpg);background-size: 100% 100%;}
.idxprolist .list{margin-top: 40px;}
.idxprolist .list .left{width: 50%;float: left;height: 400px;}
.idxprolist .list .right{width: 50%;height: 400px;float: right;display: flex;flex-wrap: wrap;}
.idxprolist .list .right>div{overflow: hidden;}
.idxprolist .list .right>div:nth-child(1),.idxprolist .list .right>div:nth-child(2){
  width: 50%;height: 277px;
}
.idxprolist .list .right>div:nth-child(3),.idxprolist .list .right>div:nth-child(4){
  width: 25%;height: 123px;
}
.idxprolist .list .right>div:nth-child(5){
  width: 50%;height: 123px;
}
.idxprolist .list .right>div:nth-child(5) img{
  width:100%
}
.idxprolist .list .right>div img{height: 100%;width: auto;}


.idxprolist .showmore{width: 50%;height:auto;bottom: 0;right: 0;position: absolute;display: none;}
.idxprolist .showmore img{width: 100%;}

.idxprolist .list>div:hover .showmore{display: block;}
.idxprolist .list2 .swiper-slide:hover .showmore{display: block;}
.idxprolist .list2 .proSwiper .swiper-wrapper{
  -webkit-transition-timing-function: linear!important; /*之前是ease-out*/
  -moz-transition-timing-function: linear!important;
  -ms-transition-timing-function: linear!important;
  -o-transition-timing-function: linear!important;
  transition-timing-function: linear!important;
}



/* 新闻资讯 */

.idxnewslist{padding: 50px 0;}
.idxnewslist .newstype{margin-top: 30px;}
.idxnewslist .newstype div{float: left;width: 85px;height: 25px;font-size: 16px;font-weight: bold;margin-right: 20px;text-align: center;line-height: 24px;position: relative;cursor: pointer;}
.idxnewslist .newstype div:after{content: '';width: 100%;height: 12px;position: absolute;bottom: 0;left: 0;background: #ac0000;display: none;z-index: -1;}
.idxnewslist .newstype div.active:after{display: block;}
.idxnewslist .newstype a{float: right;}

.idxnewslist .newstype_list{margin-top: 25px;}
.idxnewslist .newstype_list .list{border-radius: 5px;display: none;}
.idxnewslist .newstype_list .list.active{display: block;}
.idxnewslist .newstype_list .list .left{border-radius: 5px 0 0 5px;position: relative;}
.idxnewslist .newstype_list .list .left .img{width: 637px;height: 416px;overflow: hidden;border-radius: 5px 0 0 5px;}
.idxnewslist .newstype_list .list .left .img .con{position: absolute;width: 90%;height: 90%;left: 0;right: 0;top: 10%;margin: auto;color:#fff}
.idxnewslist .newstype_list .list .left .img .con .name{font-size: 22px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.idxnewslist .newstype_list .list .left .img .con .jianjie{font-size: 14px;line-height: 2;margin-top: 18px;
  text-overflow: -o-ellipsis-lastline;  
  overflow: hidden;  
  text-overflow: ellipsis;  
  display: -webkit-box;  
  -webkit-line-clamp: 2;  
  -webkit-box-orient: vertical;
}
.idxnewslist .newstype_list .list .left .img .con .xian{width: 60px;height: 1px;background: #fff;margin-top: 10px;}
.idxnewslist .newstype_list .list .left .img .con .time{font-size: 14px;margin-top: 10px;}
.idxnewslist .newstype_list .list .left .more{width: 148px;height: 40px;line-height: 40px;text-align: center;background: #b60909;color: #fff;border-radius: 40px;position: absolute;bottom:-20px;left: 5%;}


.idxnewslist .newstype_list .list .right{width: 563px;box-shadow: 5px 0 10px #ddd;}
.idxnewslist .newstype_list .list .right>div{padding:10px 30px;height: 118px;}
.idxnewslist .newstype_list .list .right>div .title{display: flex;margin-top: 15px;}
.idxnewslist .newstype_list .list .right>div .title p{width: 70%;color: #080808;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.idxnewslist .newstype_list .list .right>div .title span{width: 30%;display: block;text-align: right;font-size: 14px;color: #7e7e7e;}
.idxnewslist .newstype_list .list .right>div .jianjie{font-size: 14px;line-height: 2;color:#7e7e7e;margin-top: 18px;
text-overflow: -o-ellipsis-lastline;  
overflow: hidden;  
text-overflow: ellipsis;  
display: -webkit-box;  
-webkit-line-clamp: 2;  
-webkit-box-orient: vertical;
}
.idxnewslist .newstype_list .list .right>div:nth-child(2n){background: #f5f5f5;}


/* 底部信息 */
.bot{background: #ac0000;padding: 30px 0;}
.bot .left{width: 50%;font-size: 14px!important;color: #fff;line-height: 2;}
.bot .right{width: 50%;text-align: right;}
.bot .right>div{display: inline-block;width: 88px;margin-left: 40px;}
.bot .right>div .img{width: 88px;height: 88px;overflow: hidden;}
.bot .right>div p{text-align: center;color: #fff;font-size: 14px;margin-top: 10px;}


/* 二级栏目banner */

.erbanner{position: relative;}
.erbanner .lanmu_key{position: absolute;left: 0;right: 0;top: 40%;color: #fff;}
.erbanner .lanmu_key p{font-size: 30px;}
.erbanner .lanmu_key span{font-size: 12px;text-transform: uppercase;letter-spacing: 2px;display: block;margin-top: 5px;}


/* 二级分类 */

.erbody{margin: 55px auto;}
.erbody .ertyle{width: 230px;}
.erbody .ertyle .lanmu_name{height: 103px;height: 100%;text-align: center;line-height: 103px;color: #fff;background: #ab0808;font-size: 30px;font-weight: bold;}
.erbody .ertyle .erlist{margin-top: 1px;width: 100%;padding: 30px 0;background: #ab0808;}
.erbody .ertyle .erlist a{color: #fff;display: block;font-size: 22px;padding-left: 40px;font-weight: 100;margin-bottom: 25px;}
.erbody .ertyle .erlist a span{color: #ab0808;font-weight: bold;}
.erbody .ertyle .erlist a.active{font-weight: bold;}
.erbody .ertyle .erlist a.active span{color: #fff;}
.erbody .ertyle .erlist a:last-child{margin-bottom: 0;}

.erbody .erright{width: 915px;}
.erbody .erright .weizhi{height: 70px;line-height: 70px;font-size: 16px;}




/* 详情 */

.show_con{margin-top: 10px;}
.show_con .show_title{font-size: 32px;font-weight: bold;text-align: center;}
.show_con .show_con_con{margin-top: 20px;}
.show_con_con img{width: auto;max-width: 100%;}

/* 匠心传承 */
.jxcc{padding: 50px 0;}
.jxcc .list{display: flex;justify-content: space-between;}
.jxcc .show_con_con{margin-top: 30px;}


/* 图文 */

.productlist{display: flex;flex-wrap: wrap;}
.productlist>div{width: 30%;margin-right: 5%;margin-bottom: 30px;}
.productlist>div:nth-child(3n){margin-right: 0;}
.productlist>div p{font-size: 22px;font-weight: bold;text-align: center;margin-top: 15px;}


/* 图文详情 */
.proshow .left{width: 52%;}
.proshow .left img{width: 100%;}

.proshow .right{width: 45%;}
.proshow .right .title{font-size: 32px;font-weight: bold;}



/* 分页 */
.page{text-align: center;margin-bottom: 50px;}
.page li{width: 38px;height: 38px;display: inline-block;margin: 2.5px;font-size: 14px;text-align: center;line-height: 38px;background: #f0f0f0;}
.page li a{display: block;width: 100%;height: 100%;}
.page li.active{background:#ab0808;color: #fff;border-color: #ab0808;}
.page li:hover{background:#ab0808;color: #fff;border-color: #ab0808;}


/* 翻页 */
.fanye{margin-top: 50px;}
.fanye a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 0;}


/* 新闻列表 */

.ernewslist>div{padding:10px 20px;height: 110px;}
.ernewslist>div:nth-child(2n+1){background: #f5f5f5;}
.ernewslist>div .title{display: flex;margin-top: 15px;}
.ernewslist>div .title p{width: 70%;color: #080808;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: bold;}
.ernewslist>div .title span{width: 30%;display: block;text-align: right;font-size: 14px;color: #7e7e7e;}
.ernewslist>div .jianjie{font-size: 14px;line-height: 2;color:#7e7e7e;margin-top: 18px;
text-overflow: -o-ellipsis-lastline;  
overflow: hidden;  
text-overflow: ellipsis;  
display: -webkit-box;  
-webkit-line-clamp: 2;  
-webkit-box-orient: vertical;
}
.ernewslist>div:hover .title p{color: #ab0808;}


/* 联系我们 */
.dizhi{display: flex;justify-content: space-around;}
.dizhi>div{width: 350px;overflow: hidden;margin-bottom: 60px;padding: 60px 0;}
.dizhi>div:hover{box-shadow: 0 0 10px #d3d3d3;}
.dizhi>div .img{width: 110px;margin: auto;}
.dizhi>div .title{font-size: 30px;font-weight: bold;color: #4d4e4e;text-align: center;margin-top: 40px;}
.dizhi>div .con{font-size: 18px;text-align: center;width: 170px;margin: auto;line-height: 2;margin-top: 10px;color: #4d4e4e;}
.dizhi>div span{font-size: 36px;text-align: center;display: block;color: #ab0808;}