@import url(font/stylesheet.css);
/* 公共样式部分 */
html,
body {

	font-size: 18px;

	color: #000000;

	margin: 0px auto;

	padding: 0px;

	text-decoration: none;

	font-family: "Poppins";

	background: #fff;

	-webkit-text-size-adjust: none;
}
*{
    padding: 0;
    margin: 0;
}
.w100 {
	width: 100%;
	overflow: hidden;
    margin: 0 auto;
}
ul li {
	list-style: none;
}
.clear{clear: both;}
a {
	text-decoration: none;
	color: #000;
}
p {
	padding: 0px;
	margin: 0px;
}
ul {
	padding: 0px;
}
h1{
    margin: 0;
    padding: 0;
    font-weight: normal;
}
h3{
    margin: 0;
    padding: 0;
    font-weight: normal;
}
input{outline: none;border: none;}
table{border-spacing: 0}
dd{
    list-style: none;
}
.w100{
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.w1680{
    width: 1680px;
    overflow: hidden;
    margin: 0 auto;
}
.w1480{
    width: 1480px;
    overflow: hidden;
    margin: 0 auto;
}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide{display: flex;justify-content: center;}
/* 头部 */
header{
    background-color: #f5f5f5;
    height: 42px;
}
header .headDe{
    height: 100%;
    display: flex;
}
header .headDe .fl{
    width:50%;
    line-height: 42px;
}
header .headDe .fl .pic1,header .headDe .fl .pic2{
    display: inline-block;
}
header .headDe .fl img{
    margin-bottom: -4px;
}
header .headDe .fl .huanying{
    display: inline-block;
    font-size: 14px;
    color: #999999;
}
header .headDe .fr{
    width: 49%;
    display: flex;
    justify-content: flex-end;
}
header .headDe .fr .lan{
    line-height: 42px;
}
header .headDe .fr .pic2{
    line-height: 42px;

}
header .headDe .fr .pic2 img{
    margin-bottom: -4px;
    margin-right: 7px;
}
header .headDe .fr .lan span,header .headDe .fr .lan span a{
    color: #999999;font-size: 16px;
}
.nav{
    height: 110px;
}
.nav .navDe{
    height: 100%;
    display: flex;
    justify-content: space-between;
    padding-left:120px;
    box-sizing: border-box;
}
.nav .fl{
    width: 300px;
    height: 100%;
    display: flex;
    align-items: center;
}
.nav .fl .pic1 img{
    width: 160px;
    height: 80px;
}
.nav .fl .pic2 img{
    width: 123px;
    height: 75px;
}
.nav .fl .pic2{
    margin-left: 25px;
}
.nav .center{
    width: 60%;
    display: flex;
}
.nav .center li{
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav .fr{
    width: 25%;
    background-color: #db2c19;
    padding-left: 28px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.nav .fr .top{
    width: 146px;
    height: 28px;
    background-color: rgba(255,255,255, .5);
    border-radius: 14px;
    display: flex;
    align-items: center;

}
.nav .fr .top .phonePic{
    width: 28px;
    height: 28px;
    border-radius: 14px;
    background-color: rgba(255,255,255, .8);
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.nav .fr .top span{
    font-size: 14px;
    color: #ffffff;
    margin-left: 5px;
}
.nav .fr .phoneNumber{
    font-weight: bold;
    font-style: italic;
    color: #ffffff;
    font-size: 32px;
}
.nav .sousuo{cursor: pointer;}
.sousuo1{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0,0.5);z-index: 99999;display: none;}
.sousuo1 form{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.sousuo1 .cha1{cursor: pointer;position: absolute;right: 50px;top: 50px;width: 40px;display: block;}
.sousuo1 input{width: 500px;font-size: 24px;line-height: 45px;background: none;border: none;border-bottom: 2px solid #fff;color: #fff;}
.sousuo1 input::-webkit-input-placeholder {color: #fff;}
.sousuo1 input::-moz-placeholder {color: #fff;}
.sousuo1 input:-ms-input-placeholder {color: #fff;}
.sousuo1 input:-moz-placeholder {color: #fff;}
.sousuo1 button{width: 50px;background:none;border: none;position: absolute;right: -50px;top: -6px;}
.sousuo1 button img{width: 100%;display: block;}
.sousuo1 .cha1 img{width: 100%;}
.banner .swiper-pagination{bottom: 40px;}
.banner .swiper-button-next{right: 2%;border: 1px solid #fff;width: 70px;height: 70px;border-radius: 50%;transition: .3s;z-index: 999;z-index: 9;}

.banner .swiper-button-prev{left: 2%;border: 1px solid #fff;width: 70px;height: 70px;border-radius: 50%;transition: .3s;z-index: 9;}

.banner .swiper-button-next::after,.banner .swiper-button-prev::after{color: #fff;font-size: 24px;transition: .3s;}

.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background-color: #db2c19;border: 1px solid #db2c19;}

.banner .swiper-button-next:hover::after,.banner .swiper-button-prev:hover::after{color: #fff;}

.swiper-pagination span{display: inline-block;width: 60px;height: 8px;border-radius: 0;background-color: rgba(0, 0, 0, 0.3);position: relative;border-radius: 4px;}

.swiper-pagination span::after{content: '';display: block;width: 00%;height: 8px;background-color: #db2c19;transition: 3s;border-radius: 4px;}

.swiper-pagination span.swiper-pagination-bullet-active::after{width: 100%;}
.banner{
height: 100%;
}
.banner .swiper-slide{
    box-sizing: border-box;
}
.banner .swiper-slide .top .left{
    font-size: 145px;
    font-style: italic;
    color: #db2c19;
    font-family: PoppinsB;
    display: inline-block;
}
.banner .swiper-slide .top .right{
    display: inline-block;
    margin-left: 20px;
}
.banner .swiper-slide .top .right .name{
    background: url(../images/redBgc.png) no-repeat;
    width: 486px;
    height: 69px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: PoppinsBo;
    font-size: 70px;
    color: #f5f5f5;
    font-style: italic;
}
.banner .swiper-slide .top .right .name11{
    background: url(../images/redBgc2.png) no-repeat;
    width: 540px;
    font-size: 65px;
}
.banner .swiper-slide .top .right .name33{
    background: url(../images/redBgc3.png) no-repeat;
    font-size: 65px;
    width: 691px;
}
.banner .swiper-slide .top .right .name44{
    background: url(../images/redBgc4.png) no-repeat;
    width: 1067px;
    font-size: 65px;
}

.banner .swiper-slide .top .right .name2{
    font-size: 42px;
    color: #db2c19;
    font-style: italic;
    font-family: PoppinsBo;
}
.banner .swiper-slide .center{
    width: 850px;
    font-size: 24px;
    color: #ffffff;
    margin-top: 40px;
}
.banner .swiper-slide .all a{
    display: flex;
    width: 180px;
    height: 50px;
    justify-content: space-around;
    align-items: center;
    border: 1px solid #fff;
    margin-top: 100px;
}
.banner .swiper-slide .all a span{
    color: #fff;
}
.banner .swiper-slide img{width:100%}
.productIndex{
    height: 1280px;
    background-color: #fff;
}
.titleAll{
    color: #38100b;
    font-family: PoppinsBo;
    font-size: 50px;
}

.indexAll{
    padding: 80px 0;
    box-sizing: border-box;
}
.productIndex .fr{
    width: 180px;
    height: 50px;
    border: solid 1px #392928;
}
.productIndex .fr a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.productIndex .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.productIndex .productUl{
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 48px;
}
.productIndex .productUl li{
    flex: 0 0 calc(100% / 4);
    border: 10px solid #fefcfc;
    overflow: hidden;
    width: 22%;
    height: 350px;
    position: relative;
    box-sizing: border-box;
    background-color: #f2f2f2;
}
.productIndex .productUl li p{height: 52px;line-height: 52px;background: url(../images/logoPro.png) right center no-repeat;position: absolute;z-index: 999;font-size: 24px;color: #38100b;top:10px;right:20px;left:20px;box-sizing: border-box;}
.productIndex .productUl li img{transition: all 0.5s ease;}
.productIndex .productUl li:hover img{transform: scale(1.1);}
.productIndex .productUl li a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.productIndex .productUl li a img{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

/* 首页关于我们 */
.aboutUsIndex{
    background: url(../images/about.jpg) no-repeat;
    height: 890px;
}
.aboutUsIndex .name{
    display: flex;
    align-items: center;
}
.aboutUsIndex .name::before{
    content: "";
    width: 14px;
    height: 7px;
    border-radius: 50%;
    background-color: #dd3927;
    display: inline-block;
}
.aboutUsIndex .titleAll{
    margin-top: 30px;
    line-height: 73px;
}
.aboutUsIndex .aboutUsIndexDe .top{
    display: flex;
    justify-content: space-between;
}
.aboutUsIndex .aboutUsIndexDe .fl{
    width: 56%;
}
.aboutUsIndex .aboutUsIndexDe .fr{
    width: 43%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 180px;
    height: 50px;
    border: solid 1px #392928;
    border-radius: 2;
}
.aboutUsIndex .aboutUsIndexDe .fr a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.aboutUsIndex .aboutUsIndexDe .center{
    width: 56%;
    display: flex;
    justify-content: space-between;
    margin-top: 48px;
}
.aboutUsIndex .aboutUsIndexDe .center .fll{
    width: 48%;
    height: 140px;
    border: solid 1px #999999;
    border-radius: 4px;
    display: flex;
    justify-content: space-around;
    padding: 0 20px;
    box-sizing: border-box;
}
.aboutUsIndex .aboutUsIndexDe .center .fll .pic{
    display: flex;
    align-items: center;
}
.aboutUsIndex .aboutUsIndexDe .center .fll .content{
    font-family: PoppinsL;
    font-size: 16px;
    color: #5c5251;
    margin-left: 22px;
    text-align: justify;
    display: flex;
    align-items: center;
}
.aboutUsIndex .aboutUsIndexDe .bottom{
    width: 56%;
    font-size: 16px;
    color: #5c5251;
    margin-top: 40px;
}

.honorIndex{
    height: 315px;
    background-color: #fafafa;
    padding: 60px 0;
    box-sizing: border-box;
}
.honorIndex ul{
    display: flex;
    width: 100%;
    justify-content: space-evenly;
}
.honorIndex ul .pic{
    background-image: url(../images//honorPic.png);
    background-repeat: no-repeat;
}
.honorIndex ul li{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.honorIndex ul li .pic{
    width: 85px;
    height: 85px;
}
.honorIndex ul li:nth-child(2) .pic{
    background-position:-366px 0 ;
}
.honorIndex ul li:nth-child(3) .pic{
    background-position:-742px 0 ;
}
.honorIndex ul li:nth-child(4) .pic{
    background-position:-1136px 0 ;
}
.honorIndex ul li .num{
    font-family: PoppinsBo;
    font-size: 56px;
    color: #38100b;
}
.honorIndex ul li .content{
    font-size: 16px;
    color: #5c5251;
}
/* 装备首页 */
.equipIndex{
    background-color: #fff;
    height: 640px;
}
.equipIndex .titleAll{
    text-align: center;
    line-height: 50px;
}
.equipIndex ul{
    display: flex;
    justify-content: space-between;
    margin-top: 44px;
}
.equipIndex ul li{overflow: hidden;}
.equipIndex ul li img{
    max-width: 100%;
    max-height: 400px;
    width: auto;
    height: auto;transition: all 0.5s ease;
}
.equipIndex  ul li:hover img{transform: scale(1.1);}
/* mes首页留言 */
.mesIndex{
    height:615px;

}
.mesIndex .mesIndexDe{
    height: 474px;
    padding: 60px 0;
    box-sizing: border-box;
    background: url(../images/mes.jpg) no-repeat;
}
.mesIndex .top .fl{
    width: 65%;
}
.mesIndex .top .fl .name,.mesIndex .top .fl .titleAll{
    color: #ffffff;

}
.mesIndex .top .fl .titleAll{
    font-size: 56px;
    font-family: PoppinsBo;
    line-height: 78px;
}
.mesIndex .top .fl .name::before {
    content: "";
    width: 14px;
    height: 7px;
    border-radius: 50%;
    background-color: #dd3927;
    display: inline-block;
}
.mesIndex .top {
    display: flex;
    justify-content: space-between;
}
.mesIndex .top .fl .content{
    color: #ffffff;
    margin-top: 20px;
}
.mesIndex .top .fr{
    width:34%;
}

.mesIndex .bottom{
    height: 140px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
}
.mesIndex .bottom img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.mesIndex .bottom span{
    color: #5c5251;
}
.mesIndex .contactForm{
    padding: 60px 40px;
    box-sizing: border-box;
    box-shadow: 3px 5px 10px 0px
    rgba(160, 158, 158, 0.4);
    border-radius: 8px;
    position: relative;
    right: 0px;
    width: 460px;
    height: 556px;
    background-color: #fff;
    z-index: 999;
    top: -30px;
}
.mesIndex .contactForm .name::before{
    margin-right: 7px;
    content: "";
    width: 14px;
    height: 7px;
    border-radius: 50%;
    background-color: #dd3927;
    display: inline-block;
}
.mesIndex .contactForm input{
    width: 100%;
    height: 49px;
    outline: none;
    margin-top: 20px;
    border: none;
    padding-left:12px;
    box-sizing: border-box;
    font-size: 16px;
    background-color: #f5f5f5;
    border-radius: 2px;
}
.mesIndex .contactForm input::-webkit-input-placeholder,.mesIndex .contactForm textarea::-webkit-input-placeholder{
    color: #8d7775;
    font-size: 16px;
}
.mesIndex .contactForm textarea{
    width: 100%;
    height: 80px;
    outline: none;
    margin-top: 20px;
    border: none;
    text-align: left;
    padding-left:12px;
    box-sizing: border-box;
    font-family: Poppins;
    font-size: 16px;
    background-color: #f5f5f5;
    border-radius: 2px;
    resize: none;
    padding: 18px 0 0 12px;
    box-sizing: border-box;
}
.mesIndex .contactForm .btn{ width: 100%;background-color: #dd3927;border-radius: 2px;
    height: 49px;
    margin-top: 20px;}
.mesIndex .contactForm .btn button{
    padding: 0 10%;
    border: none;
    height: 100%;
    display: block;
    outline: none;
    margin:0 auto;
    font-size: 20px;
    color: #fefefe;
    cursor: pointer;
    background: transparent url(../images/submitico.png) right center no-repeat;
}
/* 首页新闻列表 */
.newsIndex .newsIndexDe .top{
    display: flex;
    justify-content: space-between;
}
.newsIndex .newsIndexDe .top .fl{
    width: 49%;
}
.newsIndex .newsIndexDe .top .fr{
    width: 50%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;

}
.newsIndex .newsIndexDe .top .fr a{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 180px;
    height: 50px;
    border: solid 1px #392928;
    border-radius: 2;
}
.newsIndex .center{
    display: flex;
    justify-content: space-between;
}
.newsIndex .center .newsLi{
    width:32%;
    height: 421px;
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
}
.newsIndex .center .newsLi .date{
    color: #38100b;
    font-size: 14px;

}
.newsIndex .center .newsLi .name{
    font-size: 24px;
    color: #38100b;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}
.newsIndex .center .newsLi .content{
    color: #5c5251;
}
.newsIndex .center .newsLi .viewMore{
    border: solid 1px #392928;
    width: 180px;
	height: 50px;
    border-radius: 2px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom: 60px;
}
.newsIndex .name1::before{
    margin-right: 7px;
    content: "";
    width: 14px;
    height: 7px;
    border-radius: 50%;
    background-color: #dd3927;
    display: inline-block;
}
/* 底部 */
footer{
    height: 450px;
    background-color: #2e2927;
}
footer .top{
    display: flex;border-bottom: 1px solid rgba(153,150,149,0.6);
}
footer .footLi{
    width: 32.0%;float:left;
    height: 115px;
    padding-top: 20px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;border-right: 1px solid rgba(153,150,149,0.6);text-align: left;box-sizing: border-box;
}
footer .footLi:nth-child(1){text-align:left;width: 35%;}
footer .footLi i{ width: 70px;  height: 40px;  background-image: url(../images/footBgc.png);display: inline-block;}
footer .footLi p{color: #aca4a3; }
footer .footLi span{display: block;}
footer .footLi:nth-child(1) i{ background-position: 0 0;}
footer .footLi:nth-child(2) i{ background-position: -220px 0;}
footer .footLi:nth-child(3) i{ background-position: -1100px 0;}
footer .footnav{width: 76%;float: left;margin-top: 62px;}
footer .footnav ul{display: flex;-webkit-display:flex;-moz-display:flex;justify-content: space-between;}
footer .footnav ul li{width: 25%;}
footer .footnav ul li:nth-child(2){width: 74%;}
footer .footnav ul li a{color: #d4d4d4;display: block;height: 50px;line-height: 50px;}
footer .footnav ul li:nth-child(2) a{height: 40px;line-height: 40px;color: #d6cdcc;display: inline-block;width: 33%;float: left;}
footer .footnav ul li:nth-child(2) p{font-weight: bold;height: 50px;line-height: 50px;color: #d4d4d4;}
footer .footreport{width: 23.5%;float: right;margin-top: 62px;}
footer .footreport i{display: inline-block;width:23px;height: 25px;background: url(../images/pdfico.png) no-repeat;float: left;}
footer .footreport abbr{font-weight: bold;height: 25px;line-height: 25px;color: #d4d4d4;display:inline-block;float:left;padding-left: 10px;}
footer .footreport p{cursor:pointer;height:60px;padding: 6px;border-radius: 5px;border:1px solid #b1b0b0;width: 100%;box-sizing: border-box;margin-top:15px;display: block;color: #aca4a3;overflow: hidden;}
footer .footreport img{max-width: 100%;float: left;display: block;}
footer .footreport span{display: block;float: left;line-height: 50px;padding-left:10px;width: 80%;overflow: hidden;}
footer .footreport a{color:#b1b0b0;}
.copyright{height: 60px;line-height: 60px;background: #322d2b;font-size: 12px;color:#514e4c;text-align: center;}
.copyright a{color:#514e4c;}
.nbanner{height: 549px;position: relative;}
.nbanner p{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color:#fff;font-size: 72px;font-family: "PoppinsBo";}
.nbanner p>abbr{display: block;width: 50px;height: 1px;background-color: #fff;margin:20px auto 0 auto;}
.contacta{margin:67px auto;}
.contacta h3{color: #db2c19;font-size: 48px;font-family: "PoppinsBo";}
.contacta ul{display: flex;justify-content: space-between;}
.contacta ul li{width: 32%;border: 1px solid #5d4745;padding:58px 46px;overflow: hidden;box-sizing: border-box;margin-top:30px;}
.contacta ul li abbr{display: block;margin-top: 40px;font-weight: bold;font-size: 20px;color:#5d4745;text-align: center;}
.contacta ul li p{color:#5d4745;font-size: 18px;text-align: center;}
.contacta ul li i{width:42px;height: 40px;background: url(../images/contactusico.png) left center no-repeat;display: block;margin:0 auto;}
.contacta ul li:nth-child(1) i{background-position: 0 0;}
.contacta ul li:nth-child(2) i{background-position: -90px 0;}
.contacta ul li:nth-child(3) i{background-position: -190px 0;}
.aboutnav{height: 86px;line-height: 86px;border-bottom: 1px solid #d8d6d5;}
.aboutnav ul{width: 621px;margin: 0 auto;}
.aboutnav ul li{width: 50%;height:86px;color: #38100b;border-bottom: 2px solid #fff;text-align: center;float: left;box-sizing: border-box;}
.aboutnav ul li a{display: block;text-align: center;font-size: 18px;color: #38100b;}
.aboutnav .active,.aboutnav ul li:hover{border-bottom: 2px solid #db2c19;}
.abouthonor{margin:80 auto;}
.abouthonor h3{font-size: 56px;color:#38100b;font-family: 'PoppinsBo';margin:105px auto;}
.abouthonor ul{ display: flex;  width: 100%; justify-content: space-evenly;}
.abouthonor ul .pic{background-image: url(../images//honorPic.png);  background-repeat: no-repeat; }
.abouthonor ul li{  display: flex;  align-items: center;  flex-direction: column;}
.abouthonor ul li .pic{ width: 85px;  height: 85px;}
.abouthonor ul li:nth-child(2) .pic{  background-position:-366px 0 ;}
.abouthonor ul li:nth-child(3) .pic{  background-position:-742px 0 ;}
.abouthonor ul li:nth-child(4) .pic{  background-position:-1136px 0 ;}
.abouthonor ul li .num{  font-family: PoppinsBo;  font-size: 56px;  color: #38100b;}
.abouthonor ul li .content{ font-size: 16px;  color: #5c5251;}
.aboutcompany{color:#5c5251;margin:90px auto;}
.aboutcompany .left{width: 49.5%;float: left;}
.aboutcompany .left p{margin-bottom:20px;}
.aboutcompany .right{width: 49.5%;float: right;overflow: hidden;position: relative;}
.aboutcompany .right .swiper-slide img{width: 100%;}
.aboutcompany .right .swiper-button-prev,.aboutcompany .right .swiper-container-rtl .swiper-button-next{background-color: rgba(255,255,255,0.5);padding: 5px;}
.aboutcompany .right  .swiper-button-next,.aboutcompany .right  .swiper-container-rtl .swiper-button-prev{background-color: rgba(255,255,255,0.5);padding: 5px;}
.aboutcompany .right .swiper-button-next,.aboutcompany .right .swiper-button-prev{color: #38100b;font-size: 34px;}
.abouta{height: 324px;background: url(../images/about5.jpg) left center no-repeat;}
.abouta p{padding: 100px 0;color: #fff;font-size: 40px;font-family: 'PoppinsBo';text-align: left;}
.aboutb{margin: 60px auto;}
.aboutb h3{color: #38100b;font-size: 56px;text-align: center;margin: 20px auto;font-family: 'PoppinsBo';}
.aboutb ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.aboutb ul li{width: 32%;height: 401px;overflow: hidden;margin:15px 0;}
.aboutb ul li img{width: 100%;transition: all 0.5s;}
.aboutb ul li:hover img{transform: scale(1.1);}
.aboutb ul::after{display: block;content: "";width: 32%;}
.page{margin: 20px auto;width: 400px;text-align: center;}
.page .page-num{color:#5c5251;width:31px;height: 31px;display: inline-block;font-family: 'PoppinsBo';}
.page .page-num-current{color:#dd3927;text-align: center;}
.page .page-prev{width:31px;height: 31px;background-color: #38100b;color: #fff;text-align: center;display: inline-block;}
.page .page-next{width:31px;height: 31px;background-color: #dd3927;color: #fff;text-align: center;display: inline-block;}

.prolist{box-sizing: border-box;position: relative;margin-top: -64px;margin-bottom:64px;}
.prolist .left{width: 25%;float: left;text-align: right;box-sizing: border-box;}
.prolist .left h3{height: 64px;line-height: 64px;background:transparent linear-gradient(to right, rgba(255, 0, 0, 0.3), rgba(255, 0, 0, 1));font-size: 28px;color: #f5f5f5;font-family:'PoppinsBo';padding-right: 30px;text-align: right;}
.prolist .left dl{width: 100%;box-sizing: border-box;background-color: #f5f5f5;}
.prolist .left dl dt{height: 64px;line-height: 64px;background:transparent linear-gradient(to right, rgba(255, 0, 0, 0.3), rgba(255, 0, 0, 1));font-size: 28px;color: #f5f5f5;font-family:'PoppinsBo';padding-right: 30px;text-align: right;}
.prolist .left dl dd{height: 64px;line-height: 64px;padding-right: 22px;text-align: left;border-bottom: 2px solid #f5f5f5;width: 52%;float: right;}
.prolist .left dl dd::after{content:">";font-weight:bold;float: right;color: #5d4745;display: inline-block;}
.prolist .left dl dd a{color: #38100b;font-size: 20px;}
.prolist .left .active,.prolist .left dl dd:hover{border-bottom: 2px solid #db2c19;font-weight: bold;}
.prolist .left .active  a,.prolist .left dl dd:hover a{color:#db2c19;}
.prolist .left .active::after,.prolist .left dl dd:hover::after{color:#db2c19;}
.prolist .right{width: 75%;float: right;background-color: #fff;margin-top: 64px;padding-left:50px;padding-right:10%;box-sizing: border-box;}
.prolist .right ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.prolist .right ul::after{content: "";flex: 1 0 auto;}
.prolist .right .pimg{width: 100%;height:300px;overflow: hidden;}
.prolist .right ul li{ flex: 0 0 calc(100% / 3);border-radius: 10px;padding:0 20px 20px 20px;box-sizing: border-box;position: relative;overflow: hidden;}
.prolist .right ul li p{height: 52px;line-height: 52px;font-size: 24px;color: #38100b;top:10px;right:20px;left:20px;box-sizing: border-box;overflow: hidden;}
.prolist .right ul li abbr{height: 52px;line-height: 52px;background: url(../images/logoPro.png) right center no-repeat;position: absolute;z-index: 999;font-size: 24px;color: #38100b;top:10px;right:40px;left:20px;box-sizing: border-box;}
.prolist .right ul li img{transition: all 0.5s ease;}
.prolist .right ul li:hover img{transform: scale(1.1);}
.prolist .right ul li a{ width: 100%; height: 100%;  display: flex; justify-content: center;  align-items: center;}
.prolist .right ul li a img{ max-height: 100%;}
.prolist .view{width: 75%;float: right;background-color: #fff;margin-top: 64px;padding-left:50px;padding-right:10%;box-sizing: border-box;}
.prolist .view .left{width: 40%;float:left;border-radius: 10px;text-align: center;box-sizing: border-box;overflow: hidden;    display: flex;   justify-content: center;  align-content: center; flex-wrap: wrap;border:1px solid #f5f5f5}
.prolist .view .left .pimg{width: 100%;height: 100%;position: relative;}
.prolist .view .left .pimg abbr{    height: 52px;  line-height: 52px;  background: url(../images/logoPro.png) right center no-repeat;  position: absolute;  z-index: 999;  font-size: 24px;
    color: #38100b;  top: 40px;  right: 40px;  left: 20px; box-sizing: border-box;}
.prolist .view .left img{max-height: 100%;height:auto;max-width:100%;width:auto;transition: all 0.5s ease;}
.prolist .view .left:hover img{transform: scale(1.1);}
.prolist .view .right1{width: 58%;float: right;box-sizing: border-box;margin-top:30px;}
.prolist .view .right1 h1{padding:30px 0;line-height: 30px;border-bottom: 1px dotted #5d4745;color: #38100b;font-family: 'PoppinsBo';}
.prolist .view .right1 ul{margin-top: 50px;}
.prolist .view .right1 ul li{width: 48%;text-align: center;background-color: #db2c19;padding:10px 20px;height:80px;line-height:60px;float:left;box-sizing: border-box;}
.prolist .view .right1 ul li i{width: 37px;height: 50px;display: inline-block;padding-right: 20px;background: url(../images/viewico.png) left center no-repeat;float:left;}
.prolist .view .right1 ul li:nth-child(2){background-color: #3b0a06;float:right;line-height:30px;}
.prolist .view .right1 ul li:nth-child(1) i{background-position: 10px 10px;}
.prolist .view .right1 ul li:nth-child(2) i{background-position: -60px 10px;}
.prolist .view .right1 ul li a{display:inline-block;font-size: 16px;color: #fff;font-family: 'PoppinsBo';width: 80%;float:right;text-align: left;}
.prolist .view  .pview{margin-top:64px;margin-bottom:64px}

.prolist .relpro{width: 100%;clear:both;margin-top: 64px;padding-right:10%;box-sizing: border-box;}
.prolist .relpro h3{color: #38100b;font-family: 'PoppinsBo';font-size: 35px;}
.prolist .relpro ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;width: 100%;margin-top:20px;}
.prolist .relpro ul::after{content: "";flex: 1 0 auto;}
.prolist .relpro .pimg{width: 100%;height:320px;overflow: hidden;}
.prolist .relpro ul li{ flex: 0 0 calc(100% / 3);border-radius: 10px;box-sizing: border-box;position: relative;overflow: hidden;}
.prolist .relpro ul li p{height: 52px;line-height: 52px;font-size: 20px;color: #38100b;top:10px;right:20px;left:20px;box-sizing: border-box;overflow: hidden;}
.prolist .relpro ul li abbr{height: 52px;line-height: 52px;background: url(../images/logoPro.png) right center no-repeat;position: absolute;z-index: 999;font-size: 24px;color: #38100b;top:40px;right:40px;left:20px;box-sizing: border-box;}
.prolist .relpro ul li img{transition: all 0.5s ease;}
.prolist .relpro ul li:hover img{transform: scale(1.1);}
.prolist .relpro ul li a{ width: 100%; height: 100%;  display: flex; justify-content: center;  align-items: center;}
.prolist .relpro ul li a img{ max-height: 100%; margin-left: 15px;}

.crum{height: 64px;line-height: 64px;border-bottom: 2px solid #e9e7e7;margin-bottom:46px;}
.crum a{color:#5d4745;}
.crum .fa-home{background: url(../images/position.png);display: inline-block;width:21px;height: 24px;}

.newstop{padding:80px 0;height: 500px;background-color: #fafafa;box-sizing: border-box;}
.newstop .left{width:48%;height:342px;overflow: hidden;float: left;}
.newstop .left img{width: 100%;height: 100%;transition: all 0.5s ease;}
.newstop .left:hover img{transform: scale(1.1);}
.newstop .right{width:49%;height: 342px;overflow: hidden;float: right;}
.newstop .right abbr{display: block;font-size: 16px;display: block;}
.newstop .right h3{padding:30px 0;font-size: 24px;font-family: 'PoppinsBo';}
.newstop .right h3>a{color:#38100b;}
.newstop .right p{line-height: 26px;color: #5c5251;font-size: 20px;margin-bottom: 30px;height: 130px;}
.newstop .right .more{width: 181px;height: 49px;line-height:49px;text-align:center;border-radius: 2px;border: solid 1px #392928}
.newstop .right .more a{display: block;width: 100%;height: 100%;color: #5c5251;}
.newslist{margin-top: 64px;margin-bottom:64px;}
.newslist ul{display: flex;-webkit-display:flex;justify-content: space-between;flex-wrap: wrap;}
.newslist ul::after{content: "";display:block;width: 31%;}
.newslist ul li{background-color: #fafafa;padding:40px;border-radius: 10px; margin:15px;box-sizing: border-box;width:31%;}
.newslist ul li abbr{display: block;font-size: 16px;display: block;}
.newslist ul li h3{padding:30px 0;font-size: 24px;font-family: 'PoppinsBo';}
.newslist ul li h3>a{color:#38100b;}
.newslist ul li p{line-height: 26px;color: #5c5251;font-size: 20px;margin-bottom: 30px;height: 130px;overflow: hidden;}
.newslist ul li .more{width: 181px;height: 49px;line-height:49px;text-align:center;border-radius: 2px;border: solid 1px #392928}
.newslist ul li .more a{display: block;width: 100%;height: 100%;color: #5c5251;}
.newsview{margin-top:64px;margin-bottom:64px}
.newsview .left{width: 75%;float: left;padding:30px;box-sizing: border-box;background-color: #f8f8f8;}
.newsview .left h1{color: #5d4745;font-family: 'PoppinsBo';font-size: 24px;}
.newsview .left abbr{display: block;height: 50px;color: #5d4745;line-height: 50px;margin-top: 30px;border-top:1px solid #e1e1e6;border-bottom:1px solid #e1e1e6;font-size: 14px;}
.newsview .left p{font-size: 16px;color:#5c5251;line-height: 26px;margin-top:20px;}
.newsview .left p>img{max-width: 100%;width: auto;text-align: center;display: flex;justify-content: center;}
.newsview .right{width: 22%;float:right;}
.newsview .right ul li{width: 100%;padding:20px;box-sizing: border-box;border: solid 1px #5d4745;margin-bottom: 20px;}
.newsview .right ul li b{display: block;width:100%;color: #5d4745;font-size: 16px;position: relative;font-weight: normal;}
.newsview .right ul li abbr{display:inline-block;color: #5d4745;width: 26%;}
.newsview .right ul li i{width: 70%;background-color: #5d4745;height: 1px;display: inline-block;position: absolute;top: 13px;padding-left:15px;box-sizing: border-box;}
.newsview .right ul li a{display: block;color: #5d4745;font-size: 16px;margin: 30px 0 0;width: 100%;}
.newsview .right ul li span{color: #5d4745;font-size: 14px;display: block;}
.dhbtn{display: none;}
.bor{display: block;margin: 6px 0;width: 35px;height: 5px;background-color: #db2c19;margin-left: 15%;}
.dh{position: fixed;top: 40px;bottom: 0;right: 0;background-color: #ffffff;padding: 20px;box-sizing: border-box;z-index: 2;width: 50%;height: 40%;}
.cha2{position: absolute;width: 5%;right: 3%;top: 3%;}
.cha2 img{width: 150%}
.lb{width: 100%;height: 300px;margin-top: 5%;display: flex;flex-wrap: wrap;text-align: center;align-items: center;}
.a5{width: 100%;color: #db2c19;font-family: Poppins;font-weight: bold;font-size: 2.5vw;}
@media screen and (max-width: 1440px){
    .w100{width: 100%;box-sizing: border-box;}
   .w1480,.w1680{width: 100%;padding: 0 20px;box-sizing: border-box;}
   .nav .navDe{padding-left:10px;}
   .nav .fr .phoneNumber{font-size: 23px;}
   .nbanner p{font-size: 56px;}

   .banner .swiper-slide img{width:100%}
   .banner .swiper-slide .top .left{font-size:114px}
   .banner .swiper-slide .top .right .name{height:50px;font-size:45px;}
   .banner .swiper-slide .top .right .name2{font-size:35px;}
   .mesIndex .top .fl .titleAll{font-size:50px}
   .honorIndex ul li .num{font-size:40px}
   .productIndex .productUl li p{font-size:20px}
   .titleAll{font-size:40px;}
   .equipIndex ul li{padding: 20px;}
   .crum{margin-bottom: 10px;}
   .prolist .left dl dd{width: 70%;}
   .prolist .right,.prolist .view{padding-right: 5%;}
   .prolist .right .pimg{height: 250px;}
   .abouthonor h3,.prolist .relpro h3{font-size: 30px;}
   .abouthonor ul li .num{font-size: 40px;}
   .aboutb h3{font-size: 50px;}
   .prolist .view .right1 ul li a{line-height: 30px;width: 70%;}
   .prolist .view .right1 ul li:nth-child(2) a{line-height: 20px;}
   .prolist .relpro .pimg{height: 250px;}
   .prolist .relpro ul li abbr,.prolist .view .left .pimg abbr{top: 15px;right: 15px;}
   .aboutcompany{font-size: 16px;}
   .newsview .right ul li abbr {width: 30%;}
   .abouthonor h3, .prolist .relpro h3{font-size: 30px;}
}
@media screen and (max-width:1367px){
    .nav .fr{padding-left: 15px;}
    .w100 {width: 100%;box-sizing: border-box;}
}
@media screen and (max-width:1281px){
    .w100 {width: 100%;box-sizing: border-box;}
    .w1480, .w1680{width: 100%;}
    .abouthonor h3, .prolist .relpro h3 {font-size: 30px;}
    .aboutcompany .left p {margin-bottom: 20px;font-size: 15px;}
    .abouta p{font-size: 36px;}
    .newslist ul li {width: 30%;}
    .newslist ul li h3>a {color: #38100b;font-size: 18px;}
    .newslist ul li p {font-size: 13px;}
    .mesIndex .top .fr {width: 36%;}
}
@media screen and (max-width:1200px){
    .w1480, .w1680 {width: 100%;}
    .w100 {width: 100%;box-sizing: border-box;}
    footer .footreport span {width: 78%;}
    .mesIndex .top .fr {width: 39%;}
    .newslist ul li h3>a {color: #38100b;font-size: 17px;}
    .footLi .content{font-size: 15px;}
    .prolist .right ul li p{font-size: 20px;}
    .abouta p {font-size: 35px;}
    .aboutcompany .left p {margin-bottom: 20px;font-size: 12px;}
    .prolist .view .right1 ul li a {width: 65%;font-size: 17px;}
    .newsview .right ul li b{width: 90%;}
    .newsview .right ul li i {width: 65%;margin-left: 20px;}
    .newsview .left p {font-size: 14px;}
}
@media screen and (max-width:1025px){
    .w1480, .w1680 {width: 100%;}
    .w100 {width: 100%;box-sizing: border-box;}
    footer .footreport span {width: 75%;}
    .nav .fr .phoneNumber {font-size: 18px;}
    .nav .fl .pic2 img {width: 100px;height: 62px;}
    .nav .center li {font-size: 15px;}
    .aboutUsIndex .titleAll {margin-top: 30px;line-height: 57px;}
    .titleAll {font-size: 30px;}
    .aboutUsIndex .aboutUsIndexDe .center .fll .content {font-family: PoppinsL;font-size: 13px;color: #5c5251;margin-left: 22px;text-align: left;display: flex;align-items: center;}
    .aboutUsIndex .aboutUsIndexDe .bottom {font-size: 13px;}
    .mesIndex .bottom span {font-size: 13px;}
    .mesIndex .top .fr {width: 46%;}
    .mesIndex .top .fl .titleAll {font-size: 30px;}
    .newsIndex .center .newsLi .name {font-size: 20px;}
    .newsLi .content {font-size: 16px;}
    .footLi .content {font-size: 13px;}
    .footnav {font-size: 15px;}
    .productIndex .productUl li p {font-size: 13px;}
    .productIndex .productUl li{height: 330px;}
    .abouta p {font-size: 29px;}
    .abouta {height: 280px;}
    .prolist .right ul li p {font-size: 17px;}
    .prolist .left dl dd a {color: #38100b;font-size: 15px;}
    .prolist .view .right1 ul li a {font-size: 14px;width: 60%;}
    .prolist .relpro ul li p {font-size: 18px;}
    .prolist .view .right1 h1 {padding: 20px 0;}
    .prolist .view .left img {max-width: 100%;}
    .newsview .right ul li abbr {width: 35%;}
    .newsview .right ul li a {font-size: 11px;}
    .prolist .right ul li a img {max-height: 100%;max-width: 100%;}
    .prolist .right .pimg {height: 155px;}
}
@media screen and (max-width:913px){
    .w1480, .w1680 {width: 100%;}
    .w100 {width: 100%;box-sizing: border-box;}
    header .headDe .fl .huanying {display: inline-block;font-size: 12px;color: #999999;}
    header .headDe .fl{display: flex;}
    .nav .fr .phoneNumber {font-size: 15px;}
    .productIndex .productUl li p {font-size: 10px;}
    .productIndex .productUl li {height: 290px;}
    .productIndex {height: 1120px;background-color: #fff;}
    .prolist .left h3 {font-size: 25px;}
    .prolist .right ul li p {font-size: 15px;}
    .footnav {font-size: 14px;}
    .newstop .right h3 {padding: 10px 0;}
    .newstop .right p {font-size: 14px;}
    .newslist ul li {width: 43%;}
    .newslist ul li h3>a {color: #38100b;font-size: 18px;}
    .newslist ul li p {font-size: 13px;}
    footer .footreport span {width: 72%;font-size: 12px;}
    .contacta ul li{padding: 58px 20px;}
    .contacta ul li p {color: #5d4745;font-size: 14px;text-align: center;}
    .contacta h3 {font-size: 39px;}
    .mesIndex .contactForm {width: 415px;height: 540px;}
    .mesIndex .bottom span {font-size: 11px;}
    .footLi .content {font-size: 11px;}
    .nav .center li {font-size: 13px;}
    .dhbtn {display: block;margin-top: 4%;}
    .nav .center {display: none;}
    .abouta p {font-size: 26px;}
    .abouta {height: 240px;}
    .aboutcompany .left p {font-size: 10px;}
    .aboutb ul li {height: 270px;}
    .nbanner p>abbr{width: 100px;}
    .prolist .view .left img {max-width: 100%;}
    .prolist .view .right1 ul {margin-top: 20px;}
    .prolist .view .right1 ul li {padding: 10px 0;}
    .prolist .view .right1 ul li a {font-size: 12px;}
    .prolist .relpro ul li p {font-size: 16px;}
    .prolist .relpro ul li a img {max-width: 100%;}
    .prolist .relpro .pimg {height: 162px;}
    .abouthonor h3, .prolist .relpro h3 {font-size: 42px;}
    .newsview .right ul li a {font-size: 10px;}
    .newsview .left p {font-size: 12px;}
}
@media screen and (max-width:854px){
    .w1480, .w1680 {width: 100%;}
    .w100 {width: 100%;box-sizing: border-box;}
    .equipIndex {background-color: #fff;height: 520px;}
    .mesIndex .top .fr {width: 53%;}
    .mesIndex .contactForm {width: 380px;height: 540px;}
    .mesIndex .bottom span {font-size: 10px;}
    .mesIndex .bottom img {max-width: 80%;}
    .newsIndex .center .newsLi .viewMore {bottom: 15px;}
    .footLi .content {font-size: 10px;}
    footer .footreport span {width: 65%;font-size: 10px;}
    .footnav {font-size: 12px;}
    .productIndex .productUl li p {font-size: 14px;padding-top: 46px;line-height: 25px;}
    .productIndex .productUl li {height: auto;}
    .aboutUsIndex{background: url(../images/aboutbg.jpg) right bottom no-repeat;background-size:60%;}
    .aboutUsIndex .aboutUsIndexDe .fl{width: 65%;}
    .aboutUsIndex .aboutUsIndexDe .center{width: 100%;}
    .aboutUsIndex .aboutUsIndexDe .bottom{width: 100%;}
    .productIndex {height: auto;}
    .honorIndex ul li .content{font-size: 13px;}
    .abouta p {font-size: 23px;padding: 60px 0;}
    .abouta {height: 200px;}
    .abouthonor ul li .content {font-size: 13px;}
    .prolist .right ul li p {font-size: 13px;}
    .prolist .left dl dd a {font-size: 13px;}
    .newslist ul li h3>a {font-size: 17px;}
    .prolist .view .right1 h1 {font-size: 33px;padding: 10px 0 20px 0;}
    .prolist .relpro ul li p {font-size: 16px;}
    .dhbtn {display: block;margin-left: 10px;}
    .prolist .left h3 {font-size: 23px;}
    .newsview .right ul li b{font-size: 14px;}
    .newsview .right ul li a {font-size: 13px;}
    .newsview .left p{font-size: 10px;}
}
@media screen and (max-width:821px){
    .w1480, .w1680 {width: 100%;}
    .w100 {width: 100%;box-sizing: border-box;}
    .newsIndex .center .newsLi .name {font-size: 16px;}
    .prolist .view .right1 h1 {font-size: 27px;}    
    .prolist .relpro ul li p {font-size: 14px;}
    .nbanner p {font-size: 37px;}
    footer .footreport span {font-size: 8px;}
}
@media screen and (max-width:769px){
    .crum {margin-bottom: 10px;display: flex;align-items: center;}
    .mesIndex .top .fl .titleAll {font-size: 25px;}
    .mesIndex .top .fr {width: 51%;}
    .mesIndex .bottom span {font-size: 12px;width: 42%;}
    .newsLi .content {font-size: 14px;height: 90px;}
    .newsIndex .center .newsLi .name {font-size: 14px;}
    .newsIndex .center .newsLi .viewMore {margin-left: -15px;}
    .newsIndex .center .newsLi{height: auto;width: 100%;margin-bottom: 20px;}
    footer .footreport span {font-size: 7px;}
    footer .footreport span {width: 66%;}
    .footLi .content {font-size: 12px;}
    footer {height: 428px;}
    .aboutUsIndex{background: #fcfcfc;height: auto;}
    .aboutUsIndex .name{font-size: 29px;}
    .newsIndex .center{flex-wrap: wrap;}
    .aboutUsIndex .aboutUsIndexDe .fl{width: 70%;}
    .aboutUsIndex .aboutUsIndexDe .center{width: 100%;}
    .aboutUsIndex .aboutUsIndexDe .center .fll .content {font-size:16;}
    .aboutUsIndex .aboutUsIndexDe .bottom{width: 100%;font-size: 16px;}
    .newsIndex .center .newsLi .viewMore{width: 120px;height: 40px;font-size: 14px;}
    
    .equipIndex {height: 470px;}
    .aboutcompany .left p {font-size: 14px;}
    .abouta p {font-size: 21px;}
    .prolist .right ul li{padding: 0 5px;}
    .prolist .right ul li p {font-size: 11px;}
    .prolist .right .pimg {max-height: 138px;}
    .prolist .left dl dd a {font-size: 11px;}
    .prolist .view .right1 h1 {font-size: 29px;padding: 0px 0 20px 0;}
    .prolist .view .right1 ul li a {font-size: 14px;width: 70%;height: 60px;line-height: 60px;}
    .prolist .view .right1 ul li:nth-child(2) a{line-height: 30px;}
    .prolist .relpro ul li p {font-size: 15px;line-height: 20px;}
    .prolist .left h3 {font-size: 21px;}
    .prolist .left dl dd {display: flex;align-items: center;justify-content: space-between;}

    .nbanner p {font-size: 40px;}
    .newstop .left img{width: auto;}
    .newstop .right p {font-size: 14px;overflow: hidden;}
    .newslist ul li h3>a {font-size: 14px;}
    .newslist ul li{width: 49%;margin: 0 0 15px 0;}
    .contacta ul li p {font-size: 14px;word-wrap: break-word;word-break: break-all;}
    .mesIndexDe .fl .content {font-size: 16px;}
    .newsview .right ul li a {font-size: 11px;}
    .newsview .right ul li b {font-size: 12px;}
    .newsview .right ul li i{width: 70%;top: 10px;}
    .newsview .left p {font-size: 14px;}
    .aboutcompany .right{width: 100%;}
    .aboutcompany .left{width: 100%;}
    .abouthonor h3, .prolist .relpro h3{font-size: 29px;}
    .productIndex{height: auto;}
    .productIndex .productUl li {flex: 0 0 calc(100% / 3);}
    .nbanner{background-position:  left center !important;}
    .prolist .view .left{width: 100%;}
    .prolist .view .right1{width: 100%;}
    footer .footLi p{padding-left: 10px;}
    footer .footLi i{background-size: cover;width: 75px;}
    footer .footLi i{width: 88px;}
    footer .footLi:nth-child(2) i{width: 70px;}
    footer .footLi:nth-child(3) i{    background-position: -1066px 0;}
}
@media screen and (max-width:541px){
    .nav .fr .phoneNumber {font-size: 11px;}
    .nav .fr .top {width: 110px;}
    .nav .fr .top span {font-size: 9px;}
    .nav .fl .pic1 img {width: 120px;height: 60px;}
    .nav .fl .pic2 img {width: 80px;height: 50px;}
    .nav .fl {width: 220px;}
    .dhbtn {margin-top: 4%;}
    .nav {height: 85px;}
    header .headDe .fl .pic1, header .headDe .fl .pic2{display: none;}
    .banner .swiper-button-prev {width: 30px; height: 30px;}
    .banner .swiper-button-next {width: 30px; height: 30px;}
    .swiper-pagination span {width: 50px;}
    header .headDe .fl {width: 65%;}
    .productIndex .productUl li {height: 200px;}
    .productIndex .productUl li p {width: 80%;font-size: 7px;background-size: 30%;}
    .aboutUsIndex .titleAll {line-height: 42px;}
    .titleAll {font-size: 18px;}
    .aboutUsIndex .aboutUsIndexDe .center .fll .content {font-size: 7px;}
    .aboutUsIndex .aboutUsIndexDe .center .fll {height: 110px;}
    .aboutUsIndex .aboutUsIndexDe .bottom {font-size: 10px;}
    .aboutUsIndex {height: 720px;background-size: 315%;}
    .honorIndex ul li .content {font-size: 8px;}
    .indexAll {padding: 40px 0;}
    .equipIndex {height: auto;}
    .mesIndex{height: auto;}
    .mesIndex .top{flex-wrap: wrap;}
    .mesIndex .mesIndexDe{height: auto;padding:60px 0 0 0}
    .mesIndex .top .fl{width: 100%;}
    .mesIndex .top .fl .titleAll {font-size: 16px;line-height: 36px;}
    .mesIndexDe .fl .content {font-size: 12px;height:130px;}
    .mesIndex .top .fr{width: 100%;}
    .mesIndex .contactForm {width: 100%;height: auto;padding: 20px;}
    .mesIndex .contactForm input {height: 30px;}
    .mesIndex .top .fr {width: 100%;}
    .newsIndex .center .newsLi{padding: 10px;}
    .newsIndex .center .newsLi .name {font-size: 12px;}
    .newsLi .content {font-size: 11px;}
    .newsIndex .center .newsLi .viewMore {width: 130px;height: 36px;font-size: 12px;margin-left: 5px}
    .newsIndex .center .newsLi {height: auto;}
    .newsIndex .newsIndexDe .top .fr a{height: 40px;}
    .footLi .title{font-size: 15px;}
    .footnav {font-size: 8px;}
    footer .top{flex-wrap: wrap;}
    footer .footLi{width: 100%;}
    footer .footLi:nth-child(1){width: 100%;}
    footer .footreport img {max-width: 20%;}
    footer .footreport span {width: 70%;font-size: 4px;line-height: 30px;}
    footer .footreport p {height: 40px;padding: 6px;}
    .copyright{line-height: 25px;word-wrap: break-word;text-wrap: wrap;}
    .lb{height: 260px;}
    .abouthonor h3{font-size: 30px;}
    .aboutnav ul li {width: 45%;}
    .abouthonor ul li .content {font-size: 8px;text-align: center;}
    .aboutcompany .left p {font-size: 6px;}
    .aboutcompany{margin: 40px auto;}
    .abouta p{font-size: 15px;padding: 40px 0;}
    .abouta {height: 130px;}
    .aboutb h3 {font-size: 45px;}
    .aboutb {margin: 30px auto;}
    .aboutb ul li {height: 140px;}
    .prolist .left{width: 100%;}
    .prolist .left h3 {font-size: 20px;text-align: center;}
    .prolist .left dl{padding: 0 5%;display:flex;flex-wrap: wrap;}
    .prolist .left dl dd{line-height: 20px;width: 45%;margin-right: 5%;box-sizing: border-box;padding-right: 0;}
    .prolist .left dl dd a{font-size: 12px;}
    .prolist .right{     padding-left: 0px;     margin-right:0%;width: 100%;}
    .prolist .right ul li {width: 100%;flex: auto;}
    .prolist .right .pimg {height: auto;max-height: 100%;}
    .prolist .right ul li abbr {right: 30px;top: 0;background-size: 30px;}
    .prolist .view .right1 h1 {font-size: 18px;padding: 10px;text-align: center;}
    .prolist .view .right1 {margin-top: 0;}
    .prolist .view .right1 ul li i {background-size: 92px;width: 23px;}
    .prolist .view .right1 ul li{height: 70px;}
    .prolist .relpro h3 {font-size: 31px;}
    .prolist .relpro ul li p {font-size: 14px;}
    .prolist .relpro ul li {width: 100%;flex: auto;}
    .newstop .right h3 {font-size: 20px;}
    .newstop .right p {font-size: 9px;}
    .newslist ul li {padding: 10px;}
    .newslist ul li h3 {padding: 10px 0;}
    .newslist ul li h3>a {font-size: 12px;}
    .prolist .view{width: 100%;padding-left: 0;}
    .prolist .right, .prolist .view{padding-right: 0;padding: 0 10px;box-sizing: border-box;}
    .dh {height: 100%;width: 100%;}
    .contacta h3 {font-size: 31px;}
    .contacta ul li p {font-size: 8px;}
    .contacta ul li {padding: 20px 20px;}    
    .contacta ul li abbr {font-size: 16px;margin-top: 20px;}
    .newsview .right ul li i {display: none;}
    .newsview .left{width: 100%;padding: 5%;}
    .newsview .right{width: 100%;}
    
}
@media screen and (max-width:431px){
    .dhbtn {margin-top: 6%;}
    .nav .fr {padding-left: 5px;}
    .nav .fr .top {width: 95px;margin-top: 5px;}
    .nav .fr .top span {font-size: 10px;}
    .nav .fr .phoneNumber {font-size: 14px;}
    .nav .fl {width: 220px;margin:5px auto;}
    .nav .navDe{flex-wrap: wrap;}
    .nav .fr{width: 100%;}
    .nbanner p {font-size: 35px;}
    .nbanner {height: 400px;}
    .mesIndex .top .fl .titleAll {font-size: 14px;line-height: 24px;}
    .mesIndex .contactForm .btn button {font-size: 15px;padding: 0 14%;}
    .footLi .title {font-size: 15px;}
    footer .footreport abbr {font-size: 16px;}
    footer .footreport span {padding-left: 5px;font-size: 4px;line-height: 23px;}
    footer .footnav {width: 76%;float: left;margin-top: 30px;}
    .newstop .right h3 {font-size: 18px;}
    .newstop .right .more {margin-top: 55px;}
    .newstop .right p {font-size: 12px;}
    .newslist ul li {width: 100%;}
    .newslist ul li h3>a {font-size: 14px;}
    .newslist {margin-top: 30px;}
    .newsview .left h1 {font-size: 22px;}
    .newsview .right ul li i {display: none;}
    .newsview .right ul li a {font-size: 9px;margin: 10px 0 0;}
    .newsview .left abbr {font-size: 12px;}
    .newsview .left p {line-height: 20px;margin-top: 10px;}
    
    .newsview .right ul li {padding: 10px;}
    .prolist .view .right1 ul li:nth-child(1) i{    background-position: 10px 20px;}
    .prolist .view .right1 ul li:nth-child(2) i{background-position: -60px 20px;}
    .prolist .right ul li abbr {top: 0;background-size: 60px;}
    .page {width: 290px;}
    .prolist .relpro ul li abbr, .prolist .view .left .pimg abbr {background-size: 60px;top: 0px;}
    .prolist .right ul li p{font-size: 16px;}
    .prolist .relpro{padding-right: 0;}
    .prolist .relpro .pimg {height: auto;}
    .prolist .relpro ul li a img{margin-left: 0;}
    .prolist .relpro h3 {font-size: 25px;}
    .prolist .view .right1 ul li {width: 100%;padding:0 10%;box-sizing: border-box;}
    .nbanner p {font-size: 28px;}
    .nbanner {height: 300px;}
    .a5 {font-size: 25px;}
    .aboutnav ul li {width: 35%;}
    .aboutnav ul li a {font-size: 14px;}
    .abouthonor h3 {font-size: 25px;margin: 60px auto;}
    .abouthonor ul li .num {font-size: 25px;}
    .abouthonor ul li .content {font-size: 12px;}
    .aboutcompany .left p {font-size: 14px;}
    .abouta p {font-size: 11px;padding: 40px 0;}
    .abouta {height: 115px;}
    .aboutb h3 {font-size: 35px;}
    .productIndex .productUl li {flex: 0 0 calc(100% / 2);}
    .productIndex .productUl li {height: 145px;}
    .titleAll {font-size:20px;}
    .aboutUsIndex .aboutUsIndexDe .center .fll .content {font-size: 13px;margin-left: 10px;}
    .aboutUsIndex .aboutUsIndexDe .center .fll {padding: 0 10px;height: 85px;width: 100%;margin-bottom: 20px;}
    .aboutUsIndex .aboutUsIndexDe .center {margin-top: 20px;flex-wrap: wrap;}
    .aboutUsIndex .aboutUsIndexDe .bottom {font-size: 14px;}
    .aboutUsIndex {height: auto;}
    .equipIndex ul{margin-top: 0;flex-wrap: wrap;}
    .equipIndex .titleAll {font-size: 23px;}
    .equipIndex {height: auto;}
    .equipIndex ul li {padding: 10px;width: 100%;}
    .honorIndex ul li .content {font-size: 12px;text-align: center;}
    .honorIndex ul li .num {font-size: 32px;}
    .honorIndex{height: 260px;}
    .newsIndex .center{flex-wrap: wrap;margin-top: 20px;}
    .productIndex .productUl li p {font-size: 13px;height: 35px;line-height: 40px;}
    header .headDe .fl {width: 75%;}
    header .headDe .fl .huanying {font-size: 12px;word-wrap: break-word;line-height: 20px;}
    footer{height: auto;}
    footer .footLi{justify-content: flex-start;height: 88px;}
    footer .footLi i{width:80px;}
    footer .footLi:nth-child(2) i{width: 45px;}
    footer .footLi:nth-child(3) i{background-position: -1090px 0;width: 45px;}
    footer .footnav,footer .footreport{display: none;}
    .contacta ul{flex-wrap: wrap;}
    .contacta ul li{width: 100%;}
    .contacta ul li p {font-size: 14px;}
    .mesIndex .bottom span{width: 100%;}
    .newstop{height: auto;padding:40px 0 20px 0}
    .newstop .left{width: 100%;}
    .newstop .right{width: 100%;height: auto;}
    .newstop .right .more,.newslist ul li .more,.productIndex .fr,.aboutUsIndex .aboutUsIndexDe .fr,.newsIndex .newsIndexDe .top .fr{width: 120px;height: 40px;line-height: 40px;font-size: 12px;margin-top: 2px;}
    
}