.fl{float: left;}
.fr{float: right;}
.text-center{text-align: center;}
.w1200{min-width:1200px;margin:0 auto;}

.container{ width:80%;margin:0 auto }
.w160{ width: 85%;margin:0 auto}


/**/
.header {
    width: 100%;
    height: 1.1rem;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.header * {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.header .inTop {
    height: 1.1rem;
}
.header .inTop .logo {
    float: left;
    position: relative;
    /*  height: 130px; */
    width: 24%;
    padding: 0;
    margin: 0;
    line-height: 1;
    -webkit-transition: all 0.45s ease-out;
    transition: all 0.45s ease-out;
    overflow: hidden;
    padding-top: 0.8%;
    box-sizing: border-box;
}
.header .inTop .logo a img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.45s ease-out;
    transition: all 0.45s ease-out;
}
.header .inTop .slogan {
    float: left;
    line-height: 0.3rem;
    position: relative;
    margin-top: 2%;
    padding-left: 2%;
    margin-left: 2%;
    font-size: 0.16rem;
    color: #666666;
}
.header .inTop .slogan:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0.24rem;
    left: 0;
    width: 1px;
    height: 0.48rem;
    background-color: #c2c2c2;
}
.header .inTop .slogan span {
    color: #0054b4;
}

.nav_bg {
    width: 50%;
    float: left;
    height: 1.1rem;
    padding-left: 2%;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.nav_bg .menu {
    height: 1.1rem;
    width: 100%;
}
.nav_bg .menu > ul {
    flex: 1;
    display: flex;
    justify-content: space-between;
    float: left;

}
.nav_bg .menu > ul > li {
    vertical-align: top;
    text-align: center;
    height:1rem;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 25%;
}
.nav_bg .menu > ul > li > a {
    display: block;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: 0.18rem;
    position: relative;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    color: #fff;
}
.nav_bg .menu > ul > li > a:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 0;
    /* background: linear-gradient(to right,#132c66,#5fa4f3); */
    background-image: linear-gradient(to right, #b00e1b, #db1717);
    z-index: -1;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.nav_bg .menu > ul > li > a:hover {
    background-color: transparent;
    font-size: 0.2rem;
    color: #fff;
}
.nav_bg .menu > ul > li.another a{  font-size: 0.2rem;
    color: #fff;/* background: linear-gradient(to right, #b00e1b, #db1717); */ }
.nav_bg .menu > ul > li.another > a:after,
.nav_bg .menu > ul > li:hover > a:after {
    width: 100%;
    left: 0;
}
.nav_bg .menu > ul > li:hover .sec {
    height: auto;
}
.nav_bg .menu > ul > li:hover .secs {
    height: auto;
}
.main-tan{ position: absolute; left: 0px; width: 100%; top: 100%; padding: 35px 0;background: #fff; display: inline-block; z-index: 8;opacity: 0;transform: translateY(30px) ;border-top: 1px solid rgba(0, 0, 0, 0.1);;
    transition: 0.4s;visibility: hidden;}
.main-tan[data=xz]{opacity: 1;transform: translateY(0px);visibility: visible;}
.tan-con{width: 100%;float: right}
.tan-con-l{width: 20%;float: left;clear: both}
.tan-con-l img{display: block;width: 100%;}
.tan-con-r{width: 78%;float: right;}
.tan-con-r .p1{font-size: 014rem;color: #999;line-height: 1.7;margin-top: 1%}
.tan-con-r .a1{display: block;width: 132px;height: 40px;border: 1px solid #ddd;transform:skew(-18deg);margin-top: 20px;
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);}
.tan-con-r .a1 .son{text-align: center;line-height: 40px;font-size: 14px;color: #666;transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
.tan-con-r .a1:hover{background: #ff963f;border-color: #ff963f;}
.tan-con-r .a1:hover .son{color: #fff;}
.tan-con-r .a2{display: block;width: 20%;float: left;text-align: center;margin-right: 5%;
    border-bottom: 1px solid #eee;padding: 0.15rem 0;font-size: 0.16rem;color: #666666}
.tan-con-r .a2:nth-child(4n){margin-right: 0;}
.tan-con-r .a2:nth-child(-n+4){padding-top: 0}
.tan-con-r .a2:hover{color: #132c66;border-color: #132c66}
.tan-con-r .a2[data=xz]{color: #132c66;border-color: #132c66}
.header-tel{ width: 17%; float: right; padding-top: 2%;box-sizing: border-box; }
.header-tel .tel{ width: 80%;}
.header-tel img{ width: 14%; margin-top: 4%; float: left;}
.header-tel .tel span{ width: 100%; display: block; font-size: 0.3rem; font-weight: bold; box-sizing: border-box; color:#fff;
    font-family: Arial, Helvetica, sans-serif;}
.header-tel .tel span i{ font-style: inherit; font-size: 0.16rem; color: #fff;}
/*!*导航-E*!*/

/*banner-action*/
.banner {width: 100%;margin-left: auto;margin-right: auto;overflow: hidden;position: relative;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-button-next,.banner .swiper-button-prev{transition: all 0.5s; width:50px;height: 50px; left:2%;}
.banner .swiper-button-next{left:auto;right:2%;}
.banner .swiper-pagination {bottom:50px!important;}

.banner .swiper-pagination span{transition: all 0.5s; width:15px;height:15px;border-radius:18px;margin:0 10px!important;background:#FFFFFF;opacity: 1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{transition: all 0.5s; background:#e50012;}
/*banner-over*/
/*产品*/
.pic-box{ width: 100%; display: inline-block; padding-top: 0.6rem}
.index-title{ text-align:center; font-size:0.42rem; font-weight:600; color:#e60316;}
.index-title span{ font-size:0.3rem; color:#282828; position:relative; line-height:0.4rem; padding:0 0.2rem; margin-left:-28px; z-index:0}
.index-title span::after{ width:100%; height:12px; background:#e60316; position:absolute; left:0; z-index:-1; content:""; bottom:0;}
.index-stitle{ line-height:0.36rem; font-size:0.22rem; text-align:center; margin-bottom:20px;}
.index-stitle .line{ display:inline-block; vertical-align:middle; width:17%; height:1px; background:#000000}
.index-stitle span{ margin:0 6px;}
.white,.index-title.white span{ color:#ffffff;}
.index-stitle.white{ margin-bottom:40px}
.pic-title{ width: 100%; display: inline-block; margin-top: 0.3rem }
.pic-title ul li{ width: 16%; margin-right: 0.8%; float: left; text-align: center; background:#666; border-radius: 0.3rem; margin-bottom: 0.15rem;
    height: 0.55rem; line-height: 0.55rem;}
.pic-title ul li:nth-child(6n){ margin-right: 0px}
.pic-title ul li a{ color: #fff; font-size: 0.16rem}
.pic-title ul li:hover{ background:#e60316}
.pic-title ul li.on{background:#e60316 }
.pic-cont{ margin-top: 0.3rem}
.pic-cont .pic-img{ width: 32%; margin-right: 1.5%; height: 3.8rem; float: left; border: 1px solid #999; margin-bottom: 0.2rem; overflow: hidden;position: relative}
.pic-cont .pic-img:nth-child(3n){ margin-right: 0px;}
.pic-cont .pic-img img{ width: 90%; display: block; margin: auto; -webkit-transition: all 2s;transition: all 2s;}
.pic-cont .pic-img .pic-titile{ position:absolute; left: 0px; bottom: 0px; width: 100%; height:0.55rem; background: rgba(0,0,0,0.5); padding:0rem 0.25rem; box-sizing: border-box}
.pic-cont .pic-img .pic-t{ line-height: 0.55rem; color: #fff; font-size: 0.2rem; text-align: center}
.pic-cont .pic-img .pic-d{ display: none}
.pic-titile .pic-t span{ font-size: 0.18rem; float: right; font-weight: 300}
.pic-titile .pic-t span i{ margin:0rem 0.1rem}
.pic-cont .pic-img .pic-p{ display: none}
.pic-cont .pic-img:hover .pic-titile{background:rgba(230,3,22,0.7); height: 100%; padding:0.4rem 0.25rem; box-sizing: border-box; color: #fff}
.pic-cont .pic-img:hover .pic-t{ text-align: center; font-size: 0.3rem}
.pic-cont .pic-img:hover .pic-t span{ display: none}
.pic-cont .pic-img:hover .pic-d{ font-size: 0.16rem; line-height: 0.26rem; margin-top: 5%; display: block}
.pic-cont .pic-img:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.pic-cont .pic-img .pic-p{ display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; border: 2px solid #fff; display: block; margin: auto;
    margin-top: 5%; text-align: center;line-height: 0.5rem; font-size: 0.24rem}
/*关于我们*/
.about {padding:0.6rem 0; background:url("../images/ina_bg.jpg") bottom  #f4f4f4;}
.about .index-bt span:before{bottom:-25px;left:-60%;}
.about .index-bt span:after{bottom:-26px;left:20%;}
.about .about-box .about-l{transition: all 0.5s;width:39%;height:7rem;overflow: hidden;float: left; border-radius:30px; overflow:hidden;}
.about-l img{ width: 100%; height: 100%;  object-fit: cover;-webkit-transition: all 2s;transition: all 2s;}
.about-l:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.about .about-box .about-r{width:55%;float: right;}
.about-zhu span{font-size:0.6rem; color:#333333; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.about-zhu span i{ color: #e50012;}
.about .about-box .about-r .about-r-jj .about-r-nr{font-size:0.18rem;color:#000;text-indent:2em;line-height:0.4rem;margin-top:0.2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:12;overflow: hidden;}
.about-zhu{ font-size: 0.3rem;}
.about-sit{ margin-top: 0.24rem; font-size: 0.24rem; font-weight: 500; background: #e50012; color: #fff; border-radius: 0px 20px 0px 0px;height: 0.5rem;
    width: 58%; line-height: 0.5rem; padding-left: 2%; box-sizing: border-box;  }
.about .about-box .about-r .about-r-botm-bt{font-size:16px;color:#666;margin:30px 0;}
.about .about-box .about-r .about-r-botm .about-r-div{float: left; margin-right: 120px; color:#666666;}
.about .about-box .about-r .about-r-botm .about-r-div:nth-child(2){margin-left:0;}
.about .about-box .about-r .about-r-botm .about-r-div:last-child{margin-right:0;}
.about .about-box .about-r .about-r-botm .about-r-div img{margin-bottom:10px;}
.about .about-box .about-r .about-r-botm .about-r-div span{font-size:18px;}
.about .about-box .about-r .about-r-botm .about-r-div span,
.about .about-box .about-r .about-r-botm .about-r-div p{color:#666666;}
.moer-about{ width: 22%; height: 0.5rem;line-height: 0.5rem; background: #e50012; border-radius: 0rem 0.2rem 0rem; text-align: center; margin-top: 0.3rem}
.moer-about a{ font-size: 0.22rem; color: #fff; font-weight: 500}
.moer-about:hover{ border-radius: 0.3rem; transition: 1.5s all;}
.index-group-wrap .video-wrp {width: 100%;height:7rem;}
.pr{ position: relative}
.index-group-wrap .video-wrp .abimg {position: absolute;left: 0;top: 0;z-index: 4;}
.index-group-wrap .video-wrp .abimg, .index-group-wrap .video-wrp video {width: 100%;height: 100%;}
.index-group-wrap .video-wrp .abicon {
    width: 1.02rem;
    height: 1.02rem;
    position: absolute;
    left: 50%;
    margin-left: -0.51rem;
    top: 2.45rem;
    z-index: 5;
    cursor: pointer;
}
.index-group-wrap .video-wrp .close{position:absolute; right:5%; top:5%;color:#fff;font-size:0.3rem}
/*优势*/
.adv-boxm{ width: 100%; background: url("../images/advbeijing.jpg") no-repeat top; padding: 0.3rem 0rem; margin-top: 0.4rem}
.adv-boxm .adv-team{ width: 100%; border-radius: 0.3rem; padding: 0.4rem; box-sizing: border-box;}
.adv-title{ width: 100%; display: inline-block}
.title-index{ text-align: center; font-size: 0.45rem; color: #fff; }
.title-index i{ font-weight: bold}
.adv-title ul li{ width: 24.8%; float: left; height:1.6rem; background: #fff; margin-right: 2px; text-align: center; position: relative}
.adv-title ul li span{ font-size: 0.28rem; font-weight: bold}
.adv-title ul li p{ margin: auto; margin-top: 0.4rem; width: 50px; height: 50px;background:url(../images/20210726154607_1330969812.png) no-repeat left top;
 display: block; }

.adv-title ul li:nth-child(2) p{ background-position-x:-89px;}
.adv-title ul li:nth-child(3) p{ background-position-x:-179px;}
.adv-title ul li:nth-child(4) p{ background-position-x:-268px;}
.adv-index{ width: 100%; padding: 0.3rem;  box-sizing: border-box;  background: #fff; margin-top: 0.2rem; height: 5.5rem; overflow: hidden}
.adv-boxm .adv-team .adv-ima{ overflow: hidden; width: 100%; height: 100%;}
.adv-boxm .adv-team .adv-ima .adv-thumb{ width:50%; height: 4.6rem; overflow: hidden}
.adv-boxm .adv-team .adv-ima .adv-thumb img{ width: 100%; height: 100%; object-fit: cover}
.adv-title ul li:hover{ background: #e50012; color:#fff;}
.adv-title ul li.on{ background:#e50012; color:#fff;}
.adv-title ul li.on p{ background-position-y:-67px;}
.adv-title ul li:hover p{background-position-y:-67px;}
.adv-cont{ width: 45%; position: relative;height: 4.6rem}
.adv-cont h6{ font-size: 0.32rem; font-weight: bold;}
.adv-cont i{height:3px; width:0.3rem; display: block; background:#dedede; margin-top:0.3rem; margin-bottom:0.3rem; }
.adv-c{ font-size: 0.18rem; line-height: 0.4rem}
.advyuan{ position:absolute; left:0; right:0; margin:0 auto; top:-13px; width:0.26rem; height:0.26rem; border-radius:50%;
    background:rgba(299,0,18,0.4);display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.advyuan i{ width:0.14rem; height:0.14rem; border-radius:50%; background:#rgba(299,0,18,.4);display: -webkit-flex;display: flex;justify-content:center;
    flex-wrap: nowrap;align-items:center;}
.advyuan i em{ width:0.08rem; height:0.08rem; border-radius:50%; background:#fff;}
.title-fu{ text-align: center; color: #fff; font-size: 0.18rem; line-height: 0.6rem;margin-bottom: 0.2rem}
.advtel{ line-height:0.8rem; background:#fff; font-size:16px; color:#333; text-align:center; box-shadow:0 0 15px #d0d0d0; width:80%; padding:0 0.15rem;
    position: absolute; bottom: 0px; left: 0px}
.advtel em{ display:inline-block; vertical-align:top; font-size:0.32rem; color:#000; font-family:fontDin1;}
.advtel span{ display:inline-block; padding-left: 0.42rem; background:url(../images/20210726162757_18878966.png) no-repeat left center;}
/**/
.big-title{ width: 100%; display: inline-block;}
.big-title p{ text-align: left;}
.big-title .bt1{font-size: 0.48rem;color: #353535;font-weight: bold;}
.big-title .bt1 i{ font-size: 0.2rem;color: #666; margin-left: 15px; font-weight: 300; text-transform:uppercase; }
.big-title .bt1 span{color: #132c66}
.big-title .bt2{font-size: 0.2rem;color: #666;margin-top: 5px;}
.bt-left{ width: 70%;}
.big-title span{ float: right; width: 1.4rem; height: 0.45rem; line-height: 0.45rem; text-align: center; background: #d7000f; border-radius: 10px; margin-top: 2%;}
.big-title span a{ color: #fff; font-size: 0.16rem;}
.big-title span b{ width: 20px; margin-left: 10px;}

#case_bg{width:100%; height:7.5rem; background:url(../images/20210726171141_1559106375.jpg) center no-repeat; margin-top: 0.7rem; }
.case_b{height: 6.1rem;overflow: hidden; position: relative}
.case_b .swiper-slide{margin-top:0.6rem;height: 5.44rem; }
.case_b .swiper-slide .img{width:100%; height: 70%; overflow: hidden; border: 1px solid #dfdfdf; }
.case_b .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover;}
.case_b .swiper-slide-active .text, .case_b .swiper-slide-duplicate-active .text {background:#e60012;}

.case_b .text{width: 100%;background:#333;height:8.4vw; padding:1vw 1.8vw;    box-sizing: border-box; }
.case_b .text  h4{font-size:1vw; font-weight: normal; line-height:2.4vw; color:#f5f5f5;}
.case_b .text p{font-size:0.7vw; line-height:1.4vw;  color: #b8c0ca;}
.case_b .text span{font-size:0.95vw; color:#b8c0ca; margin-top: 1vw; display: block; line-height:1.4vw; }
.case_b .text span:before{content:"+"; display: block; width:1.4vw; height:1.4vw; line-height:1.4vw; text-align:center; background:#fff; float:left;
    margin-right:5px; color:#e60012;border-radius: 100%;}
.case_b .swiper-slide-active h4, .case_b .swiper-slide-active p, .case_b .swiper-slide-duplicate-active h4, .case_b .swiper-slide-duplicate-active p{ color: #fff;}
.case_b .swiper-slide-active span, .case_b .swiper-slide-duplicate-active span {margin-top:1vw;color: #fff;}
.case_b .swiper-pagination {bottom: 0;left: 50%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0)}
.case_b .swiper-pagination-bullet {width: 16px;height: 16px;background-color: #e4e4e4; opacity: 1;margin: 0 5px;}
.case_b .swiper-pagination-bullet-active { background-color: #e60012}
.case_b .swiper-button-next, .case_b .swiper-button-prev { width: 36px; height: 36px  text-align: center;font-size: 0;}
.case_b .swiper-button-next .iconfont, .case_b .swiper-button-prev .iconfont {font-size: 0.2rem;line-height: 0.36rem;color: #dcdcdc;}
.case_b .swiper-button-next:hover, .case_b .swiper-button-prev:hover { border-color: #e60012;}
.case_b .swiper-button-next:hover .iconfont, .case_b .swiper-button-prev:hover .iconfont { color: #e60012;}

/*新闻*/
.index-titel { width: 100%; display: inline-block}
.index-titel .lefrt-a{ width: 60%;}
.index-titel .lefrt-a h4{ font-size: 0.4rem; line-height: 0.6rem; font-weight: bold}
.index-titel .lefrt-a p{ font-size: 0.2rem; line-height: 0.5rem}
.index-titel .more{ width: 1.6rem; height: 0.5rem; line-height: 0.5rem; text-align: center; background: #e60012; border-radius:15px; display: block}
.index-titel .more a{ font-size: 0.18rem; color: #fff; }
.news-box{ padding-top:0.6rem; padding-bottom:0.5rem}
.news-index-list ul li{ width: 1.4rem; height: 0.5rem; line-height: 0.5rem; float: left; display: block; background: #dfdfdf; border-radius: 15px;
    text-align: center; margin: 0rem 0.1rem}
.news-index-list ul li a{ font-size: 0.2rem}
.news-index-list ul li:hover{ background: #e60012}
.news-index-list ul li:hover a{ color: #fff}
.news-index-list ul li.on{ background: #e60012}
.news-index-list ul li.on a{ color: #fff}
.black_news{width: 100%;overflow: hidden ;}
.black_news .swiper-wrappe1r{ width: 59%; float: left;}
.black_news .leftnesw-slide{ width: 48%;border: 1px solid #999; margin-right: 2%; float: left; padding: 0.1rem}
.black_news .leftnesw-slide:nth-child(2){ margin-right: 0px;}
.black_news .leftnesw-slide .img_10{ width: 100%;height: 2.62rem;overflow: hidden;border-radius: 15px;}
.img_10 img{ width: 100%;height: 100%;object-fit: cover;}
.black_news .swiper-wrappe1r .leftnesw-slide p{margin: 0.2rem 0;box-sizing: border-box;font-size: 0.14rem;color: #999;line-height: 0.2rem;
    height: auto; border-bottom: 1px solid #dedede;padding-bottom: 0.2rem;  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 这里的3表示最多显示3行 */
    overflow: hidden;
    text-overflow: ellipsis;}
.black_news .leftnesw-slide .moer_55{float: left;  height: 0.3rem;padding:5px 10px 0 10px; color: #999999; font-size: 0.16rem}
.black_news .leftnesw-slide .moer_5{float: right; font-size: 0.14rem ;width: 1.1rem; height: 0.3rem;padding:5px 10px 0 10px; border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;color: #999999;}
.swiper-wrappe1r .title_news{display: inline-block;padding-top: 0.3rem; box-sizing: border-box; font-size: 0.18rem;white-space: nowrap;
    text-overflow: ellipsis; box-sizing: border-box; width: 100%;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; /* 这里的3表示最多显示3行 */overflow: hidden;text-overflow: ellipsis;}
.swiper-wrappe1r .title_news .news_da1{ width: 86%;float: right;font-size: 0.18rem;line-height: 0.3rem;color: #333333;}
.black_news .leftnesw-slide:hover{ color: #e60012;}
.black_news .leftnesw-slide:hover p{ color: #e60012;}
.black_news .leftnesw-slide:hover .img_10 img { -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
    -webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.black_news .leftnesw-slide:hover .moer_5{ background: #e60012; color: #ffffff}
.news_title{width: 40%;display: inline-block; float: right;}
.black_news .news_title .nesw-slide{ width: 100%;  border-bottom: 1px solid #999;border-radius: 0px; display: inline-block}
.black_news .news_title .nesw-slide:hover{ border-bottom:1px solid #e60012;}
.news_title span:after{content: '';  width: 1px; height: 0.9rem; background: #333333; display: block; position: absolute; right: 8px; top: 0px;}
.news_title span{ width: 100px;float: left;font-size: 0.5rem;font-weight: bold;color: #666;font-family: Arial, Helvetica, sans-serif; top: 0;bottom: 0;margin: auto 0; list-style:none; text-align: center; position: relative;}
.news_title span i{font-size: 0.16rem;font-weight: 200;font-style: inherit;}
.news_title .title_news{ width: 100%  ;height:auto;float: right;font-size: 0.18rem;color: #333333; padding:0.25rem 0rem;}
.title_news-two{width: 100%  ;height:auto;float: right;font-size: 0.18rem;color: #333333; padding:0.25rem 0rem;}
.title_news-two .news-biaoti{ font-size:0.18rem}
.black_news .news_title .nesw-slide p{box-sizing: border-box;font-size:0.14rem;color: #999;line-height:0.3rem; height: auto;display: -webkit-box; /* 使用弹性盒子布局模型 */
    -webkit-box-orient: vertical; /* 垂直排列子元素 */
    -webkit-line-clamp: 2; /* 限制在3行 */
    overflow: hidden; /* 隐藏溢出的内容 */
    text-overflow: ellipsis;  margin: 0.12rem; margin-bottom: 0.12rem}
.black_news .news_title .nesw-slide:hover .title_news div{color: #e60012;background: #ffffff;}
.black_news .news_title .nesw-slide:hover .title_news p{color: #e60012;background: #ffffff;}
.black_news .news_title .nesw-slide:hover .title_news span{color: #e60012;background: #ffffff;}
.black_news .news_title .nesw-slide:hover .title_news{color: #e60012;background: #ffffff;}
.news-infercx{ margin-top: 0.4rem}
/*友情*/
.link-box{ width: 100%; display: inline-block; padding-bottom: 0.3rem;}
.link-list a{ height: 0.38rem; display: block; float: left; margin: 0px 10px; line-height: 0.38rem; font-size: 0.14rem}
.link-list span{ float: left; width: 1.3rem; height: 0.38rem;}
.link-list span img{width: 100%;}
/*底部*/
#footer{background-color: #2d2d2d;position: relative;padding-top: 125px;}
#footer:before {position: absolute;left: 0;top: 0;width: 100%;height: 69px;content: "";background: url("../images/img32.png") no-repeat;background-size: 100% 100%;}
#footer .copyright {padding: 15px 5px;text-align: center;color: #fff;font-size: 14px;}
#footer .copyright a {color: #fff;}
#footer .copyright span {margin-left: 40px;}
.vr-quan{ position:fixed; width:80px; height:80px; top:8%; right:30px; z-index:999}
.vr-quan img{ width:100%}
#footer .qyrz {display: inline-block;vertical-align: middle;margin: -3px 0 0 10px;width: 120px;}
#footer .flogo {margin: 0 auto 20px;width: 19%;}
#footer .flogo img{ width: 100%;}
#footer .fnavi {display: flex;border-bottom: 1px solid rgba(255,255,255,0.3);border-top: 1px solid rgba(255,255,255,0.3);}
#footer .fnavi li {width: 14.28%;}
#footer .fnavi a {display: block;text-align: center;color: #fff;font-size: 0.2rem;padding: 10px 0;}
#footer .fnavi a:hover {color: #c90000;}
#footer .fbox {margin: 0.3rem 0;display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.2rem;}
#footer .box04 {width:23%;background-color: #fff;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 10px;}
#footer .box04 .code {width:45%}
#footer .box04 .code p{text-align:center}
#footer .box04 .code img{ width: 100%}
#footer .box01 {width: 25%;}
#footer .box01 p {margin-bottom: 0.15rem;color: #fff;font-size: 0.18rem;}
#footer .box01 p span {display: block;font-size: 0.24rem;font-weight: bold;margin-bottom: 5px;}
#footer .box01 .link a {color: #fff;font-size: 0.2rem;border: 1px solid #fff;border-radius: 2px;padding: 5px 10px;}
#footer .box01 .link img {width: 0.16rem;display: inline-block;vertical-align: middle;margin: -2px 0 0 5px;}
#footer .box01 .link a:hover {background-color: #c90000;}
#footer .box02, #footer .box03 {text-align: center;}
#footer .wap{ display:none;}
#footer .box02 .icon img,
#footer .box03 .icon img {width: 0.6rem;}
#footer .box02 .txt01,
#footer .box03 .txt01 {font-size: 0.22rem;color: #fff;margin: 15px 0 10px;}
#footer .box02 .txt02,
#footer .box03 .txt02 {font-size: 0.2rem;color: #fff;line-height: 1.35;font-weight: bold;}
#footer .box03 .txt02{font-weight: 500;}
#footer .box02 a {color: #fff;font-family: Arial;font-size: 0.24rem;}
#footer .box03 {width: 20%;}
/**/
.inside-banner {
    height: 7rem;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.inside-banner-images { display: block;width: 100%;}
.catpos{ height:auto; overflow:hidden; padding:10px 0; background:#f5f5f5; font-size:20px; color:#000000; margin-bottom: 0.4rem; font-size: 0.14rem; line-height: 30px;}
.catpos a{font-size:0.14rem; color:#000000}
.inside_title_box { font-size: 0.14rem; line-height: 0.4rem;}
.catpos .ico{ display:inline-block; vertical-align:middle;}
.catpos .search{ width:22.5%;}
.catpos .search .keyword{ width:75%; float:left; height:0.4rem; font-size:0.18rem; color:#999; background:#ffffff; border:0px; text-indent:1em}
.catpos .search .keyword::placeholder{ font-size:0.16rem; color:#999;}
.catpos .search .submit{ width:25%; float:left; height:0.4rem; text-align:center; background:#000000 url(../images/search_ico.png) left no-repeat;
    color:#ffffff; font-size:0.16rem; border:0; text-indent:1em}
.ej_public{ width: 100%; display: inline-block}
.right_public{width:100%;}
.contact_ej .contact_ej_top{width:100%;height:auto; display: inline-block; padding:2%;border:1px solid #d7d7d7;margin-bottom:0.4rem;}
.contact_ej .contact_ej_top .contact_ej_t_l{width:45%;float: left;font-size:0.2rem;line-height:0.5rem;}
.contact_ej .contact_ej_top .contact_ej_t_l p:first-child{ font-size: 0.36rem; font-weight: bold}
.contact_ej .contact_ej_top .contact_ej_t_l p span{ width: 30%; margin-right: 2%;float: left; padding-left: 0px;}
.contact_ej .contact_ej_top .contact_ej_t_l p span i{ width: 100%;text-align: center;display: block;line-height: 0.4rem; font-size: 0.2rem;}
.contact_ej .contact_ej_top .contact_ej_t_l p img{ width: 100%; }
.contact_ej .contact_ej_top .contact_ej_t_l span{ padding-left: 0.62rem;}
.contact_ej .contact_ej_top .contact_ej_t_r{width:50%;float: right;}
.contact_ej .contact_ej_top .contact_ej_t_r input{width:100%;height:0.4rem;background:#fbfbfb;border:none;padding:0 10px;margin:5px auto;}
.contact_ej .contact_ej_top .contact_ej_t_r textarea{width:100%;height:1.65rem;padding:10px;border:none;background:#fbfbfb;margin:5px auto;}
.contact_ej .contact_ej_top .contact_ej_t_r input:last-child{width:120px;background:#e50012;color:#FFFFFF;font-size:0.18rem;display:block;cursor: pointer;}
.contact_ej .contact_ej_box{width:100%;height:5rem;border:1px solid #d7d7d7;padding:1%;}
/*荣誉资质*/
.nep-list-c{margin-top: 1%;}
.ho-list li{width: 24%;float: left;box-sizing: border-box;border: 1px solid #dfdfdf;background: #fff;padding: 0.1rem; margin-right: 1%; margin-bottom: 0.15rem}
.ho-list li:nth-child(4n){ margin-right: 0px;}
.ho-list li a{display: block;width: 100%;position: relative;}
.ho-list li a .i{width: 100%;height: 4rem;}
.ho-list li a .i img{transform: scale(0.95);}
.ho-list li a .t{text-align: center;font-size: 0.18rem; height: 0.8rem; color: #333;padding: 4% 0; overflow: hidden}
.ho-list li a .ho-fu{position: absolute;width: 100%;height: 100%;left: 0;top: 0;
    opacity: 0;visibility: visible;
    z-index: 2;background: rgba(0,0,0,0.4) url("../images/big1.png") center no-repeat;
    transform: rotateY(90deg);
    -ms-transform:rotateY(90deg);
    -moz-transform:rotateY(90deg);
    -webkit-transform:rotateY(90deg);
    -o-transform:rotateY(90deg);
}
.ho-list li a:hover .ho-fu{transform: rotateY(0deg);opacity: 1;visibility: visible;
    -ms-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -webkit-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);}
.ho-list li a:hover .t{color: #132c66;}
.ho-list li a:hover .i img{transform: scale(1);}
.fitobj2 {object-fit: contain;height: 100% ;width: 100%;}

.page{margin:20px 0;}
.page ul{width:100%;text-align:center;}
.page a{display: inline-block;margin:0.5%;padding:0.5% 1%;border:1px solid #aaaaaa;transition: all 0.5s; font-size: 0.16rem}
.page a:hover{border:1px solid #e50012;background:#e50012;transition: all 0.5s; color: #fff;}
.page  span{ background: #e50012; color: #fff; margin:0.5%;padding:0.5% 1%; font-size: 0.16rem}
/*新闻列表*/
.newslist li{padding: 2% 0;border-bottom: 1px solid #eee; width: 100%; display: inline-block}
.newslist li:nth-child(1){padding-top: 0;}
.newslist li a{display: block;width: 100%;}
.newslist li a .i{width: 22%;height: 2.6rem;float: left;margin-right: 3%; border: 1px solid #dfdfdf}
.newslist li a .t{width: 72%;float: left;padding-right: 2%;background: url("../images/njt2.png") right 1% center no-repeat;}
.newslist li a .t .p1{color: #333;margin-top: 2.5%;font-size: 0.2rem;font-weight: bold;padding-right: 50px;}
.newslist li a .t .p1::before{content: '';
    display: block;
    width: 35px;
    height: 1px;
    background: url("../images/nl.jpg") center repeat-x;
    transition: 0.5s;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;}
.newslist li a .t .p2{line-height: 1.6;color: #999;margin-top: 2%;font-size: 0.16rem;font-weight: lighter;}
.newslist li a .t .p3{color: #999;margin-top: 2%;font-size: 14px;font-weight: lighter;;display: none}
.newslist li:nth-child(1){padding-top: 0px}

.newslist li a .p4{margin-top: 0.5%}
.newslist li a .p4 span{display: inline-block}
.newslist li a .p4 span:nth-child(1){color: #aaa;font-size:0.32rem;font-family: impact}
.newslist li a .p4 span:nth-child(2){color: #bbb;font-size: 0.2rem;margin-left: 3%;font-family: bbb;}
.newslist li a:hover .t .p1{color:#d7000f;padding-left: 43px;
    transform: translateX(5px);
    -ms-transform:translateX(5px);
    -moz-transform:translateX(5px);
    -webkit-transform:translateX(5px);
    -o-transform:translateX(5px);}
.newslist li a:hover .t .p1::before{opacity: 1}
.newslist li a:hover .t{background: url("../images/njt1.png") right 1% center no-repeat;}
.fitobj {object-fit: cover;height: 100%;width: 100%;}
.vi{ width: 1.8rem; height: 0.45rem; line-height: 0.45rem; text-align: center; border: 1px solid #dfdfdf; border-radius: 00.3rem; margin-top: 0.2rem; font-size: 0.16rem}
.newslist li a:hover .vi{ background: #d7000f; color: #fff}
.pro-fl{display: flex; flex-direction: row; justify-content: center;}
.pro-fl a{ height: 0.5rem; line-height:0.5rem; text-align: center; border: 1px solid #f2f2f2; display:block; width: 1.5rem; margin: 0px 5px; border-radius: 0.25rem; font-size: 0.18rem; background: #f2f2f2;}
.pro-fl a:hover{background: #d7000f;color: #fff;border:none;}
.pro-fl a.on{ background: #d7000f; border:none;color: #fff;}

/*案例*/
.dwtwo{ width:100%;}
.dwtwo li{ float:left; position:relative; overflow:hidden; width:31.33%; margin:0 1% 2% 0px; box-shadow:0px 0px 10px #eee; text-align:center;}
.dw_titl a{ display:block; line-height:0.6rem; font-size:0.18rem;ext-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.dwtwo li .dw_pic img{ width:100%;}
.dw_pic >a:after{background: url(../images/20210727135431_339471874.png) no-repeat center;transform: scale(0); top: 0;left: 0;}
.dw_pic >a:before{background: rgba(0,0,0,0.3);transform-origin: 0 100%;transform: rotate(-90deg);bottom: 0;left: -100%;}
.dw_pic >a:before,.dw_pic >a:after{content: ''; width: 100%;height: 100%;position: absolute;transition: 0.6s; z-index:333;}
.dwtwo li:hover .dw_pic>a:before{transform: rotate(0deg);transition: 0.6s; left:0px;}
.dwtwo li:hover .dw_pic>a:after{transform: scale(1);transition: 0.6s;}
.dw_pic{width:100%;overflow:hidden;transition:0.6s; height: 3.2rem;}
.dw_pic img{ width: 100%; height:100%; object-fit: cover;}
.dwtwo li:hover .dw_pic img{transform:scale(1.1);transition:0.6s;}
.clear{clear:both;}

/*新闻内容*/
.news-info-c{ width: 100%; display: inline-block}
.main-left{width: 77%;padding: 0.25rem;box-sizing: border-box;float: left;background: #fff}
.main-right{width: 22%;padding: 0.2rem;box-sizing: border-box;float: right;background: #fff;}
.news-info .h6{font-size: 0.24rem;color: #333;text-align: left; font-weight: bold;}
.info-click span{display: inline-block;font-size:0.15rem;font-weight: lighter;padding: 2% 0;margin-right: 10px;}
.info-click{;border-bottom: 2px solid #eee}
.xq,.xq p,.xq p span{line-height: 0.4rem;margin: 7px 0; font-size: 0.16rem}
.xq img{display: block;margin: 10px auto;max-width: 90%;}
.xq table{width: 100%!important;margin: 12px 0}
.xq table td{border: 1px solid #ddd;padding: 10px 11px}
.xq table th{border: 1px solid #ddd;padding: 15px 0px;background: #eee}

.newsPage{padding: 30px 0}
.newsPage .page-a{padding: 0.1rem 0 0.1rem 0.26rem;font-size: 0.15rem;border-bottom: 1px dashed #eee;color: #666}
.newsPage .page-a a{color: #666; font-size: 0.15rem}
.newsPage .page-a:nth-child(1){background: url("../images/page_prev.png") left center no-repeat;background-size: 0.17rem}
.newsPage .page-a:nth-child(2){background: url("../images/page_next.png") left center no-repeat;background-size: 0.17rem}
.newsPage .page-a:hover{text-decoration: underline;color:#132c66}
.newsPage .page-a:hover a{color:#132c66}

.pro-fl{display: flex; flex-direction: row; justify-content: center;}
.pro-fl a{ height: 0.5rem; line-height: 0.5rem; text-align: center; border: 1px solid #f2f2f2; display:block; width: 1.7rem; margin: 0px 5px; border-radius: 0.25rem; font-size: 0.18rem; background: #f2f2f2;}
.pro-fl a:hover{background: #d7000f;color: #fff;border:none;}
.pro-fl a.on{ background: #d7000f; border:none;color: #fff;}
.big-info-show-c{ margin: 0.2rem 0rem;}

.big-info-show-t{height: 0.5rem;background: #eee;}
.big-info-show-t span{display: inline-block;padding: 0 0.3rem;background: #d7000f ;color: #fff;height: 0.5rem;line-height: 0.5rem; font-size: 0.18rem; font-weight: bold}
.show-newslist li{ width: 49%; margin-right: 2%; float: left; padding: 0px; line-height: 0.5rem; height: 0.5rem; font-size: 0.16rem;}
.show-newslist li a{ font-size: 0.16rem}
.show-newslist{ margin: 0.2rem 0;}
.show-newslist li span{ width: 80%; height: 0.5rem; overflow: hidden;}
.show-newslist li i{ font-size: 0.14rem; float: right; width: 20%; text-align: right}
.show-newslist li:nth-child(2n){ margin-right: 0px;}

.info-lun a{display: block;width: 100%;}
.info-lun a .i{width: 100%;height: 2.8rem;position: relative;overflow: hidden}
.info-lun-p a .i{box-sizing: border-box;border: 1px solid #eee;}
.info-lun a .t{padding: 10px 6px;background:#eee;box-sizing: border-box;color: #333;font-size: 0.15rem;text-align: center;}

.info-lun a:hover .t{background: #d7000f;color: #fff;}
.info-lun a:hover .i img{transform: scale(1.03);-ms-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -webkit-transform:scale(1.03);
    -o-transform:scale(1.03);
}

.ce-other-title{height: 0.6rem;box-sizing: border-box;border-bottom: 1px solid #ddd;font-size: 0.2rem;line-height: 0.6rem;color: #fff; background: #333;
    padding-left: 7%;}
.ce-other-title span{display: inline-block;height: 0.6rem;font-weight: bold;padding-right: 6px;position: relative;padding-left: 0.32rem;}
.ce-other-title span::before{content: "";width: 22px;border-top: 1px solid #fff;position: absolute;display: inline-block;left: 0;top: 35px;}
.ce-other-title span::after{content: "";width: 12px;border-top: 1px solid #fff;position: absolute;display: inline-block;margin-right: 10px;left: 0;top: 29px;}

.pr-fl{margin-top: 3%;}
.pr-fl .fenlei-list{ margin-bottom: 0.1rem;}
.pr-fl li{display:block; line-height:0.5rem; font-size:0.14rem; padding-left: 0.2rem; position:relative; background: #dfdfdf; color: #000 }
.pr-fl li.on{ background-image: linear-gradient(to right, #b00e1b, #db1717);border-radius: 0.3rem; }
.pr-fl li i{display:block; width:0.2rem; height:0.2rem; text-align: center; line-height: 0.2rem; border: 1px solid #999 ;border-radius: 50%; float: left;
    margin-right:3%; margin-top: 5%;  font-size: 0.14rem ; transition:all .3s ease; color: #999}
.pr-fl li a{display: block;font-size: 0.16rem;color: #333;}
.pr-fl li.on a{ color: #fff}
.pr-fl li.on i{ color: #fff; border: 1px solid #fff}
.pr-fl li:hover{ background-image: linear-gradient(to right, #b00e1b, #db1717);border-radius: 0.3rem; }
.pr-fl li:hover a{ color:#fff}
.pr-fl li:hover i{ color: #fff;border: 1px solid #fff}

.ce-news li{margin-top: 0.2rem; padding-bottom: 0.2rem; border-bottom: 1px solid #dfdfdf}
.ce-news li a{display: block;width: 100%;}
.ce-news li a .i{width: 35%;height: 0.82rem;float: left; border: 1px solid #dfdfdf}
.ce-news li a .t{width:60%;float: right;}
.ce-news li a .t .p1{font-size: 0.14rem;line-height: 0.6ren;color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.ce-news li a .t .p3{font-size: 0.12rem;color: #666;margin-top: 5%}
.ce-news li a:hover .t .p1{color: #132c66}
/*关于页面*/
.index-bt{text-align: center;margin-bottom:0.4rem;}
.index-bt p{position: relative;font-size:0.32rem;color:#333333; font-weight: bold;}
.index-bt p:before{position:absolute;content: ""; width:4.12rem;height:1px;background:#d7000f;bottom:-0.25rem;left:33%;}
.index-bt p:after{position:absolute;content: ""; width:1.2rem;height:3px;background:#d7000f;bottom:-0.26rem;left:46%;}
.index-bt p b{color:#d7000f; font-weight: bold;}
.index-bt span{margin-top:0.5rem;display: inline-block; font-size:0.18rem;color:#999999;}
.index-bt2{text-align: center;margin-bottom:0.55rem;}
.text-img{ width: 38%; background: #333; height: 7rem; position: relative; }
.text-img img{ width: 100%; position: absolute; top: 0.2rem; left: 0.2rem; height: 100%; object-fit: cover;}
.dy_pp_jj .text{ width:58%; float: right; font-size:0.16rem;  line-height:0.35rem; color:#282828; height: 7rem; overflow: auto; padding-top: 15px;
    box-sizing: border-box; }
.dy_pp_jj .text p,.dy_pp_jj .text p span{ font-size: 0.16rem !important; line-height: 0.35rem}
.dy_pp_jj .text::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
    scrollbar-arrow-color:red;
}
.dy_pp_jj .text::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
    background: rgba(0,0,0,0.2);
    scrollbar-arrow-color:red;
}
.dy_pp_jj .text::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

.index_title.red_txt .cn{ font-size:0.36rem; color:#d7000f; border-bottom:0px}
.index_title.red_txt .cn span{ color:#000000;}
.index_title.red_txt{ text-align:center; }
.index_title .en{ position:absolute; left:0; top:0; z-index:1; color:#e5e5e5; font-size:0.36rem; width:100%; font-weight:bold; letter-spacing:-2px;
    text-transform:uppercase;}
.index_title .cn{ position:relative; z-index:2; font-size:0.36rem; font-weight:bold; color:#282828; padding:3px 0; border-bottom:2px solid #70010a; display:inline-block;}
.index_title.red .cn{ border-bottom:2px solid #ec1728; padding:3px 10px }
.index_title{ position:relative; height:auto; overflow:hidden; padding-top:0.12rem; text-align: center; margin: 0.5rem 0rem 0.3rem;}
.honor{ position: relative; width: 100%; display: inline-block; background: #f7f7f7}
.honor-list{ width: 100%; display: inline-block; overflow: hidden;}
.honor-list ul li{ width: 24%; margin-right: 1.2%;height: 4.86rem; float: left; overflow: hidden; flex-shrink: 0;}
.honor-list ul li .honor-img{ width:100%;border: 4px solid #802e00; height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.honor-list ul li .honor-img img{ width: 100%; height: auto; object-fit: contain}
.honor-list ul li:nth-child(4n){ margin-right: 0px}
.honor .swiper-button-next,.honor .swiper-button-prev{ width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #d7000f;}
.honor .swiper-button-next:after,.honor .swiper-button-prev:after{ font-size: 0.3rem; color: #fff}
.honor .swiper-button-next{ right: 7%}
.honor .swiper-button-prev{ left: 7%}
.honor-moer a{ display: block; margin:40px auto; width: 1.8rem; height: 0.45rem; line-height: 0.45rem; text-align: center; color: #fff; background: #dd3641;border-radius: 10px;  }

.sett-box{ position: relative; width: 100%; display: inline-block;}
.sett-box .sett-list{ width: 100%; display: inline-block; overflow: hidden;}
.sett-l {height: 3.56rem; float: left; overflow: hidden; flex-shrink: 0;}
.sett-list ul .sett-thumb{ width:100%;border: 2px solid #802e00; height: 100%;overflow: hidden;}
.sett-img{ width: 100%; height: 3.56rem;}
.sett-list ul .sett-thumb img{ width: 100%; height: 100%; object-fit: cover}
.sett-box .swiper-button-next,.sett-box .swiper-button-prev{ width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #d7000f;}
.sett-box .swiper-button-next:after,.sett-box .swiper-button-prev:after{ font-size: 0.3rem; color: #fff}
.sett-box .swiper-button-next{ right: 7%}
.sett-box .swiper-button-prev{ left: 7%}

/*产品*/
.np-list li{width: 24%;float: left;margin-right: 1.3%;background: #fff; box-shadow: 0px 0px 5px #d1d1d1; border: 1px solid #d1d1d1;}
.np-list li:nth-child(4n){margin-right: 0;}
.np-list li:nth-child(n+5){margin-top: 2%;}
.np-list li a{display: block;width: 100%;}
.np-list li a .i{width: 100%;height:3rem;background: #fff;min-height: 300px;/* padding:16% 0 5% 0; */position: relative;}
.np-list li a .i img{width: 100%;height: 100%;object-fit: contain;
    transition: 0.4s;
    -moz-transition:0.4s;
    -webkit-transition:0.4s;
    -o-transition:0.4s;
    transform: scale(0.94);
    -ms-transform: scale(0.94);
    -moz-transform: scale(0.94);
    -webkit-transform: scale(0.94);
    -o-transform: scale(0.94);}
.np-list li a .i .t{position: absolute;top:3%;left: 0;width: 100%;}
.np-list li a .i .t p{padding: 3% 4%;font-size: 0.16rem;color: #333;font-weight: bold;}
.np-list li a .t1{padding: 5% 4%; height: 0.7rem; overflow: hidden; font-size: 0.16rem;color: #333;text-align: center; font-weight: bold; position: relative;}
.np-list li a .t1::after{ content: ''; width: 90%; height: 1px; background: #d1d1d1; top: 0px; left: 5%; position: absolute;}

.np-list li a:hover .i img{
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);}
.np-list li a:hover .i .t p{color: #70010a}
.np-list li:hover{box-shadow: 0px 3px 10px rgba(0,0,0,0.2);}
.coop-inside{ width: 100%;background: url(../images/advbeijing.jpg) no-repeat top;display: block;margin-top: 0.6rem;padding-top: 0.2rem;padding-bottom:0.4rem;
    background-size: 100%;}
.coop-inside ul { margin-top: 0.3rem;  width: 100%;display: inline-block;}
.coop-inside ul li{ width: 32%;margin-right: 1.5%;background: #fff;padding: 0.26rem;box-sizing: border-box;border-radius: 10px;float: left; height: 4.68rem}
.coop-inside ul li:last-child{ margin-right: 0px;}
.coop-inside ul li h5{ width:1.2rem;height: 1.2rem; display: block; border-radius: 50%; background: #ff0000;  text-align: center;margin: 0.2rem auto;}
.coop-inside ul li h5 img{ width: 70%; margin-top: 15%}
.coop-inside ul li .p{ text-align: center;font-size: 0.26rem;line-height: 0.36rem;margin: 0.3rem 0rem;}
.coop-inside ul li .span,.coop-inside ul li .span p{ color: #666;font-size: 0.18rem;line-height: 0.36rem;display: block; text-align: center;}
.coop-inside ul li .span span{ font-size: 0.16rem}
.coop-inside .index_title .en{ position: relative}
.coop-inside .index_title.red_txt .cn span{ color: #fff}

.pro-fl-list{ width: 100%;display: inline-block; margin-bottom: 0.2rem}
.pro-fl-list a{height: 0.45rem; line-height: 0.45rem; padding: 0rem 0.3rem; text-align: center; float: left; margin-right: 1%; border: 1px solid #dfdfdf;
    border-radius: 0.3rem; margin-bottom: 0.15rem; font-size: 0.16rem; min-width: 14%}
.pro-fl-list a.on{ background:#d7000f; color: #fff }
.pro-fl-list a:hover{ background:#d7000f; color: #fff }

/*内容*/
.quality-tit{ width: 100%; display:inline-block; margin-top: 0.4rem;}
.quality-tit span{ float: left;}
.quality-tit span:first-child{ width: 3rem; height:0.6rem; line-height: 0.6rem; text-align: center; background: #d7000f; border-radius:0.4rem 0 0 ;
    display: block; color: #fff; font-size: 0.28rem;}
.quality-tit span:first-child i{ font-weight: bold;}
.quality-tit span:nth-child(2){ border: 1px solid #d7000f;height:0.6rem; line-height: 0.6rem; text-align: center; display: block; font-size: 0.2rem;
    color: #000; padding: 0px 16px; text-transform:uppercase;}
.show-thumb{ width: 50%; height: 5rem; overflow: hidden; border: 1px solid #dfdfdf}
.show-thumb img{ width: 100%}
.show-title{ width: 47%}
.show-title span{ width: 70%; font-size: 0.24rem; height: 0.55rem;line-height: 0.55rem; background: #d7000f; color: #fff; display: block; padding:0rem 0.2rem;
    border-radius: 0.2rem ; margin-top: 15%}

.show-title .h4{ font-size: 0.3rem; font-weight: bold; padding-bottom: 0.2rem; border-bottom: 1px solid #dfdfdf}
.show-title .zhaiyao{ margin-top: 0.4rem; font-size: 0.16rem; line-height: 0.35rem;}
.quality-cont{ margin-top: 0.3rem}
.quality-cont,quality-cont p,quality-cont p span{ font-size: 0.16rem; line-height: 0.35rem}
.quality-cont table td p,.quality-cont table td span{ font-size: 0.18rem !important; line-height: 0.45rem !important;}
.lg-hidden{ display: none !important}
@media screen and (max-width:1840px) {

    .header-tel .tel{ width: 82%}
    .pic-cont .pic-img .pic-t{ font-size: 0.18rem}
    .nav_bg .menu > ul > li{ width: 22%}
}
@media screen and (max-width:1750px) {

    .adv-boxm .adv-team .adv-ima:first-child .adv-thumb img{ width: 100%; height: 100%; object-fit:cover}
    #footer{ padding-top: 0.7rem}
}
@media screen and (max-width:1600px) {

    .quality-cont table td p, .quality-cont table td span {
        font-size: 0.16rem !important;
        line-height: 0.40rem !important;
    }
    .ho-list li a .i{ height: 3.4rem}
}



@media screen and (max-width:1410px) {
    .adv-title ul li{  margin-right: 1px}


}