.middle{ width: 85%; margin: auto;}
.wap,.lg-hidden{ display: none !important}
/* 首页 */
/*.header{ width: 100%; height: 1.4rem; background:rgba(0,0,0,0.2); position: fixed; z-index: 8;}*/
.header{ width: 100%; height: 2.8rem; background:url("../images/top.png") top no-repeat; background-size: 100%; position: fixed; z-index: 8;}
/*.header.inner{ background:rgba(0,0,0,0.6);}*/
/*.header.inner{ background:#fff;}*/
.top-header{ width:90%; margin: auto;}
.container{ width: 84.1%; margin: auto;}

.header .nav_bg{ width: 64%;}
.header .nav_bg ul li{ float: left; line-height: 1.4rem; text-align: center; margin: 0px 3.5%; position: relative;}
.header .nav_bg ul li a{ color: #000; font-size: 0.22rem;}
.header .nav_bg ul li.on a{ font-size: 0.22rem; font-weight: bold;}
.header .nav_bg ul li.on::after{ content: ''; width: 100%; height: 4px; position: absolute; bottom: 4px; left: 0px; background: #000;}
.header .search{ width: 10%;}
.header .search .search-f{ color: #000; font-size: 0.3rem; font-family: Arial, Helvetica, sans-serif; line-height: 1.4rem; width: 62%; float: left;}
.header .search .search-f i{width: 0.3rem; height:0.3rem; display: block; background: url(../images/xn14.png) no-repeat center; background-size: 100%; float: left;
    margin-right: 5%; margin-top: 19%;}
.header .search .search-r{ width:0.45rem; height: 0.45rem; border-radius: 50%; display:block; float: right; margin-top: 26%;}
.header .search .searchIco{ width: 0.45rem; height:0.45rem; overflow: hidden;border-radius: 50%; display:block; position: relative;}
.header .search .searchIco .searchShow{ background: url(../images/xn15.png) no-repeat center; background-size: 100% }
.header .search .searchIco .searchHide{ background: url(../images/xn15-1.png) no-repeat center;background-size: 100%}
.header .search .searchIco em{width: 100%; height: 100%; display: block; position: relative; top: 0;}
.header .search .topSearch em{ top: -100%;}
.header .search .searchBox{width:3rem;height: 0.45rem; line-height:0.45rem; position: absolute; right: 9%; background: #fff;
    top:0;margin-top: -23px;overflow: hidden; border-radius: 25px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;opacity: 0;}
.header .search .searchBox .searchInp {width: 240px;height: 45px;border: none; line-height: 45px; background: none;float: left;-webkit-box-sizing: border-box;
    -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px;font-size: 14px;
}
.header .search .searchBox .submitBtn {position: absolute;right: 0;top: 0;background: url(../images/searchico.png) center center no-repeat #fff;background-size: 22px; width: 60px;height: 45px;cursor: pointer;border: none;float: right;}
.header .search .searchold{ opacity: 1; top: 50%}



.right-qie{ background: #fff;position: absolute;border-radius: 5px; height: 0.45rem; margin-top: 2.2%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);  width: 4%; right:5%}
.right-qie .qie-fl{ width: 100%; float: left;}
.right-qie .qie-fl img{ width: 44%; margin-left: 4%; margin-top: 4%; margin-right: 5%}
.right-qie .qie-fl b{ font-size: 0.2rem; line-height: 0.2rem;float: right;
    margin-top: 10%;
    margin-right: 10%;}
.right-qie .qie-fl ul{ z-index: 9; width: 0.6rem; background: #fff; position: absolute; top: 75%; display: none}
.right-qie .qie-fl ul li{ width: 100%; text-align: center}
.right-qie .qie-fl ul li img{ width: 60%; padding: 5px 0px}
.right-qie .qie-fl:hover ul{ display: block}
.right-qie .qie-fl ul li:hover{ background: #bfd96e}

.header h1{ width: 9%; margin-top: 1%}
.header h1 img{ width: 100%;  margin: 0px;}
.header .nav-num{ width: 45.5%; position: relative}
.nav-num dt{ width: 25%; float: left; font-weight: 500; line-height: 1.7rem; position: relative}
.nav-num dt a{ color: #fff; font-size: 0.24rem;text-transform:capitalize; }
.nav-num dt.on a{ font-size: 0.26rem; font-weight: 700;}
.nav-num-one dt.on::after{ content: ''; width: 58%; height: 4px; position: absolute; bottom: 4px; left: 0; background: #fff;}
.nav-num-one dt::before{ content: ''; width: 58%; height: 4px; position: absolute; bottom: 4px; left: 0px; background: #fff; display: none}
.nav-num-one dt:hover::before{ display: block}
.nav-num-one dt:hover a{ font-weight: 700; font-size: 0.26rem}
.nav-num-two dt{text-align: right; box-sizing: border-box}
.nav-num-two dt.on::after{ content: ''; width: 58%; height: 4px; position: absolute; bottom: 4px; right: 0; background: #fff;}
.nav-num-two dt::before{ content: ''; width: 58%; height: 4px; position: absolute; bottom: 4px; right:0; background: #fff; display: none}
.nav-num-two dt:hover::before{ display: block}
.nav-num-two dt:hover a{ font-weight: 700; font-size: 0.26rem}


/* 轮播图 */
.lb{ position: relative;}
.lb .swiper-container {width: 100%;height: 100%;margin-left: auto; margin-right: auto;position: relative;}
.lb .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.lb .swiper-slide { position: relative}

.lb .swiper-container>.swiper-pagination-bullets{ bottom: 6% !important; left: 35% !important;}
.lb .swiper-pagination-bullet{width: 84px !important; height: 2px!important; background: #fff; opacity:0.5;border-radius: initial;}
.lb .swiper-pagination-bullet-active{ opacity: 1;}
.lb .swiper-button-prev{ left: 72% !important; top: 94%;outline: none;color: #fff; width: 120px;height: 40px;border-radius: 50%;}
.lb .swiper-button-next:after,.lb .swiper-button-prev:after{ font-size: 25px !important;}
.lb .swiper-button-prev:after{ margin-left: -60%;}
.lb .swiper-button-next:after{ margin-left: 20px;}
.lb .swiper-button-next{ right: 2% !important;top: 94%;outline: none;color: #fff;width: 120px;height: 40px;border-radius: 50%;}
/*.lb .swiper-slide img{width: 100%;height: auto;min-height: 100%;transition: 1s linear 2s;transform: scale(1.05,1);}*/
/*.lb .swiper-slide-active img {transition: 5s linear; transform: scale(1,1);}*/
.lb .swiper-button-prev:hover,.lb .swiper-button-next:hover{ background: none;}
.lb .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: auto;}
.lb .swiper-slide .pic3{ width: 100%;position: relative}
.lb .swiper-slide .pic1{position:absolute;z-index:2;left:10%;top:45%;width:80%;}
.lb .swiper-slide .pic2{width:60%;position:absolute; z-index:2; right:20%;bottom: 0;}

.slide-tiel1{ position: absolute; top: 40%; left: 15%;text-align: left; color: #fff}
.slide-tiel1 h5{ font-size: 0.4rem; line-height: 0.8rem; color: #fff}
.slide-tiel1 p{ font-size: 0.26rem; line-height: 0.6rem; color: #fff}
.slide-tel{ position: absolute; left: 5%; bottom: 4%;z-index: 10; height: 0.55rem; line-height: 0.55rem}
.slide-tel img{ width: 0.55rem; height: 0.55rem; float: left; margin-right: 0.2rem}
.slide-tel span{ font-size: 0.36rem; color: #fff; font-weight: bold;line-height: 0.55rem}

.lb .banner_bottom{ position: absolute; left: 49%; width: 0.56rem; height: 0.65rem; z-index: 2; bottom: 0.3rem;-webkit-animation: bounce-down 2s linear infinite;animation: bounce-down 2s linear infinite; cursor:pointer}
@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-8px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(8px);
    }
}

@keyframes bounce-down {
    25% {
        transform: translateY(-8px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(8px);
    }
}
/*首页产品*/
.fuz-pro{ margin-top: 0.6rem}
.zhu-title{ text-align: center; margin-bottom: 0.5rem}
.zhu-title h5{  font-size: 0.6rem;line-height: 0.7rem; margin-bottom: 0.25rem;}
.zhu-title p{ font-size: 0.3rem; line-height: 0.4rem}
.fuz-list{ width: 100%; height:auto; overflow: hidden;position: relative}
.fuz-list .slide-fpic{flex-shrink: 0; overflow: hidden; position: relative; transition: 300ms;transform: scale(0.9);}
.fuz-list .slide-fpic{ width: 5.2rem; height:auto;  background: #fff;}
.fuz-list .slide-fpic .fpic-img{  width: 99.9%; height: 5.5rem; text-align:center;border: 1px solid #dfdfdf; overflow: hidden}
.fuz-list .slide-fpic .fpic-img img{ width:auto; height: 100%;-webkit-transition: all 2s;transition: all 2s;}
.fpic-title{  width: 99.9%; height: 0.8rem; padding: 0px 5%;box-sizing: border-box; background: #f5f5f5; margin-top: 0.15rem}
.fpic-title i{  border-radius: 0.2rem;width: 15%; height: 0.47rem; display: block; text-align: center; line-height: 0.47rem;
    font-size: 0.2rem; color: #fff; margin-top: 2.5%; float: right;background: #d71518;}
/*.fpic-title span{ width: 40%; height: 1px; display:block; background: #000}*/
.fpic-title h6{ font-size: 0.26rem; line-height: 0.8rem; float: left; width: 80%; margin: 0px; text-transform:capitalize; }
.slide-fpic:hover .fpic-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); opacity: 0.7}
.slide-fpic:hover .fpic-title i{ background: #d71518; color: #fff; border: none}
.button-next4,.button-prev4 { width: 0.5rem; height: 0.5rem; background: #d71518; border-radius: 50%; color: #fff; font-size: 0.4rem; opacity: 0;}
.button-next4::after,.button-prev4::after{ font-size: 0.3rem;}
.fuz-list:hover .button-next4,.fuz-list:hover .button-prev4 { opacity: 1;}
.swiper-fuzhou{  margin-top: 0.1rem}
.swiper-fuzhou span{ width: 0.1rem; height: 0.1rem;}
.swiper-fuzhou .swiper-pagination-bullet-active{ background:#d71518 }
.fuz-moer{background:#d71518;width:3rem; height: 0.65rem;line-height: 0.65rem;text-align: center;display: block; margin: 0.4rem auto }
.fuz-moer a{ color: #fff;font-size: 0.2rem}
.fuz-list .swiper-slide-next{transform: scale(1);}
.fuz-moer:hover{ background:#dc7528;border-radius: 0.4rem }

.fuz-list .slide-fpic.swiper-slide-next .fpic-title{ background: #d71518;}
.fuz-list .slide-fpic.swiper-slide-next .fpic-title h6{ color: #fff}
.fuz-list .slide-fpic.swiper-slide-next .fpic-title i{background:#fff; color: #d71518 }
/*关于*/
.fu-zbout{ width: 100%; display: inline-block; background: url(../images/fuabout.jpg) top center; margin-top: 0.4rem;  background-size: 100%;
    background-image-part-image: url(../images/fuabout.jpg);background-position: center center; background-attachment: fixed; position: relative}
.fu-zbout .about-list{ width: 35%;margin: 0.6rem 0px;}
.about-list .about-title{ font-size: 0.6rem; color: #fff;margin-bottom: 0.2rem;font-weight: bold;text-transform:uppercase; }
.about-list .about-title span{color:#FF0000;}
.about-list .about-two{ font-size: 0.26rem; color:#fff; line-height: 0.7rem;}
.about-list .about-cont{ font-size: 0.2rem; color:#d1d1d1; line-height: 0.6rem;text-indent: 2em;}
.about-cont p,about-cont span{ font-size: 0.16rem !important; color:#d1d1d1; line-height: 0.4rem;}
.yuan{ width: 0.6rem; height: 0.6rem;border: 1px solid #fff; border-radius: 50%; display: block; margin-top: 0.2rem; text-align: center; line-height: 0.6rem; color: #fff;font-size: 0.2rem}
.yuan:hover{ background:#ea7226; color: #fff; border: none }

.about-video{ width: 60%;position: absolute;bottom:0px;right: 0;}
.about-tel{ margin-top: 15%; margin-bottom: 0.58rem; padding-left:40%; line-height: 0.55rem; font-weight: bold; font-size: 0.3rem; color: #b3b3b3}
.about-tel img{ width: 0.55rem; float: left; margin-right: 0.2rem}
.about-tel i{ width: 38%; float: right; height: 1px; background: #b3b3b3; margin-top: 5%}
.index-group-wrap .video-wrp {
    width: 100%;
    height:8.5rem;
    background: #FF0000;
}
.index-group-wrap .video-wrp .img,
.index-group-wrap .video-wrp video {
    width: 100%;
    height: 100%;
}
.index-group-wrap .video-wrp video { background:#000}
.index-group-wrap .video-wrp .icon {
    width: 0.85rem;
    height: 0.85rem;
    position: absolute;
    left: 50%;
    margin-left: -0.51rem;
    top:50%;
    z-index: 5;
    cursor: pointer;
}
.cis1-r .video-wrp{ width: 100%;}
.ripple, .ripple:before, .ripple:after {
    position: absolute;
    left: 50%;
    top: 52%;
    height: 65px;
    width: 65px;
    margin-top: -34px;
    margin-left: -33px;
    border-radius: 50%;
    -ms-box-shadow: 0 0 0 0 rgba(215,0,15,0.64);
    -o-box-shadow: 0 0 0 0 rgba(215,0,15, 0.64);
    box-shadow: 0 0 0 0 rgba(215,0,15, 0.64);
    animation: ripple 3s infinite;
}
@-webkit-keyframes ripple {
    70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}
    100%
    {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
    }
}
.index-group-wrap .video-wrp .icon  img{ width: 100%;}
.index-group-wrap .video-wrp .img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
}
.index-group-wrap .video-wrp .close{ position:absolute; right:5%; top:5%;color:#fff;font-size:0.3rem}
.index-group-wrap .con-wrp {
    padding-top: .19rem;
}
.index-group-wrap .con-wrp .tit {
    font-size: .40rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: .27rem;
}
.index-group-wrap .con-wrp .tit-en {
    font-size: .18rem;
    line-height: 1;
    margin-bottom: .5rem;
    padding-left: .23rem;
    position: relative;
}
.index-group-wrap .con-wrp .tit-en:after {
    content: '';
    display: block;
    width: .12rem;
    height: .12rem;
    background-color: #d7000f;
    position: absolute;
    left: 0;
    top: .03rem;
}
.index-group-wrap .con-wrp .desc {
    font-size: .2rem;
    line-height: .45rem;
    height: 3.5rem;
    overflow: hidden;
    margin-bottom: .25rem;
    text-indent:2em;
}
/*kaujie*/
.fu-box1{ margin-top:1rem; margin-bottom: 1rem;display: inline-block; width: 100%}
.fu-box1 .box-two{ width: 48%; float: left;}
.box-two:first-child{ margin-right: 4%}
.box-two .two-img{ width: 100%; height:5.2rem; overflow: hidden}
.box-two .two-img img{ width: 100%; height: 100%; object-fit: cover;-webkit-transition: all 2s;transition: all 2s;}
.two-title{ width: 100%; padding: 0rem 0.4rem; margin-top: -0.7rem;flex-wrap: wrap;flex-direction: row;transition: all 2s;}
.two-title .two-title-two{ width: 100%;height: 1.9rem;background-image: linear-gradient(to right, #115c60, #1d696d);
    border-radius: 0.5rem 0rem;padding: 0.4rem; box-sizing: border-box;display: flex; position: relative}
.two-title .two-biao{ width:0.8rem; float: left; margin-right: 0.2rem}
.two-title .two-biao img{ width: 100%;}
.two-title .two-h5{ width: 82%; color: #fff}
.two-title .two-h5 span{ font-size: 0.3rem; line-height: 0.4rem; }
.two-title .two-h5 .fu-guang{ font-size: 0.2rem; line-height: 0.4rem; margin-top: 0.1rem}
.fu-guang p,.fu-guang span{ font-size: 0.2rem; line-height: 0.35rem}
.box-two:hover .two-img img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);z-index: 1;}
.box-two:hover .two-title{ padding: 0rem}
/*youshi*/
.fu-adv{width: 100%; display: inline-block; background: url(../images/fuadv.jpg) top center; margin-top: 0.7rem; padding-top: 0.6rem; padding-bottom: 0.6rem; background-size: 100%;
    background-image-part-image: url(../images/fuadv.jpg);background-position: center center; background-attachment: fixed; position: relative}
.adv-title-in{ text-align: center; margin-bottom: 0.3rem;color: #fff}
.adv-title-in h5{font-size: 0.6rem; color: #fff;line-height: 1rem;margin-bottom: 0.2rem}
.adv-title-in h5 i{ color: #FF0000;}
.adv-title-in span{ font-size: 0.2rem}
.adv-list{ margin-top: 0.5rem}
.adv-list ul li{ width: 30%; margin-right: 4%; float: left;background: #fff; margin-bottom: 0.6rem; border-radius: 0.2rem; padding: 0.15rem; box-sizing: border-box}
.adv-list ul li .adv-img{ width: 0.75rem; float: left; margin-right: 0.2rem; height: 100%; display: block;}
.adv-list ul li .adv-img img{ width: 100%}
.adv-list ul li:nth-child(3n){ margin-right: 0px}
.adv-title{ width: 80%; float: right}
.adv-title h6{ font-size:0.3rem;line-height: 0.45rem; font-weight: bold }
.adv-title .adv-p{ font-size: 0.2rem;line-height: 0.3rem; height: 0.9rem}
.adv-title .moer{  width: 30%;height: 0.4rem; line-height: 0.4rem; border: 1px solid #115c60; border-radius: 0.4rem; margin-top: 0.2rem; text-align: center}
.adv-title .moer a{ color: #115c60; font-size: 0.16rem}
.adv-list ul li:hover .moer{ background: #115c60}
.adv-list ul li:hover .moer a{ color: #fff}
/*新闻*/
.fu-news{ padding-top: 1rem;background: #f7f7f7; padding-bottom:1rem;background: url(../images/fuadv.jpg) top center; background-size: 100%;background-image-part-image: url(../images/fuadv.jpg);
    background-position: center center; background-attachment: fixed; position: relative}
.news-index{ overflow: hidden; width: 100%; display: inline-block; margin-top: 0.1rem;}
.news-index .news-slide{ flex-shrink: 0; overflow: hidden; background: #fff;}
.news-index .news-slide .li{  padding: 0.24rem; box-sizing: border-box;}
.news-index .news-slide .li .news-thumb{ width: 100%; height:3.4rem; overflow: hidden; border-radius: 0.2rem;}
.news-index .news-slide .li .news-thumb img{ width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 2s;transition: all 2s;}
.news-index .news-slide .li p{ font-size: 0.26rem; line-height: 0.48rem; height: 0.96rem; margin-top: 0.2rem;}
.news-index .news-slide .li .left-m{ width: 30%; background: #d71518; height: 0.4rem; line-height: 0.4rem; border-radius: 0.2rem; color: #fff; text-align: center;
    font-size: 0.13rem; text-transform: uppercase; }
.news-index .news-slide .li .left-m i{ font-size: 0.18rem; margin-left: 5%;}
.news-index .news-slide .li .news-more{ display: inline-block; width: 100%; line-height: 0.4rem; margin-top: 5%;}
.news-index .news-slide .li .right-m{ font-size: 0.18rem; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; width: 30%; text-align: right;}
.news-index .news-slide .li .right-m i{ margin-right: 5%;}
.news-index .news-slide:hover .news-thumb img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.news-index .news-slide:hover .li{ border-radius: 0.3rem; transition: all 0.2s;}
.news-index .news-slide:hover .li .left-m{ background: #d71518; color: #fff;}
.fu-news .zhu-title{ color: #fff}
/*合作*/
.fu-hezuo{ margin-top: 0.6rem; background: url(../images/fubei3.jpg) bottom center no-repeat; margin-bottom: 0.5rem }
.box5-coop .coop-swcont{ width: 100%; overflow: hidden; height:auto; margin-top: 0.4rem;}
.box5-coop .coop-swcont .coop-slide { height: 1.75rem; width:4.7rem; overflow: hidden; border: 1px solid #b8b8b8; border-radius: 0.1rem;
    display: flex;align-items: center; background: #fff; text-align: center}
.box5-coop .coop-swcont .coop-slide img{ height:auto; width:100%; display: block; margin: auto; -webkit-transition: all 2s;transition: all 2s;}
.box5-coop .coop-swcont .coop-slide:hover{ border: 1px solid #bfd96e;}
.box5-coop .coop-swcont .coop-slide:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.box5-coop .coop-swcont.list-coop-swcont{ height: 4rem}
/*底部*/
.fu-food{ width: 100%; background: url(../images/foot.jpg) top center no-repeat; background-size: 100%;  padding-top: 0.3rem; display: inline-block; margin-top: 0.8rem}
.food-title{ width: 50%; padding-top: 10%;}
.food-title ul { float: left;color: #fff; width: 22%; margin-right: 3%}
.food-title ul span{ font-size: 0.24rem;}
.food-title ul i{ width: 1px; height: 0.25rem; display: block; background: #fff; margin: 0.1REM 0PX; margin-left: 0.2rem}
.food-title ul li a{ font-size: 0.2rem; color: #fff;line-height: 0.4rem}

/*.foot-lianxi{ width: 39%;background-image: linear-gradient(to right, #115c60, #1d696d);-webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 14%);*/
/*    padding: 0.46rem  0.46rem 0rem 0.46rem; margin-top: 2%}*/
.foot-lianxi{ width: 39%;bbackground: #d71518;-webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 14%);
    padding: 0.46rem  0.46rem 0rem 0.46rem; margin-top: 2%}
.foot-lianxi .input-item{ width: 100%;}
.input-item:first-child{ margin-top: 0.5rem}
.input-item{ margin-bottom: 0.3rem;}
.input-item img{ width: 0.47rem; float: left; margin-right: 0.2rem}
.input-item  input{ line-height: 0.48rem; height: 0.48rem; background: #fff; width: 87%; padding: 0 0.34rem; border-radius: 0.2rem; font-size: 0.16rem}
.submit{ width: 100%; height: 0.48rem; line-height: 0.48rem; border-radius: 0.2rem; font-size: 0.18rem; background: #ea7226; color: #fff}
.foot-cont{ margin-top: 0.3rem}
.foot-cont li{ width: 100%; margin-bottom: 0.2rem; line-height: 0.4rem; font-size: 0.24rem; color: #fff}
.foot-cont li img{ float: left; width: 0.3rem; margin-right: 0.2rem}
.foot-bott{ width: 100%; display: inline-block; height: 0.54rem; line-height: 0.54rem; font-size: 0.18rem; text-align: center; color: #fff; background: #000; font-size: 0.16rem;}
.foot-bott a{ color: #fff; margin-left: 5%; font-size: 0.16rem;}
/*内页*/
.banner-image{ height: 8.5rem; background-position:top center; background-size: cover; background-repeat: no-repeat;}
.about-main{width: 100%;background: #fafafa;padding-top: 0.15rem;padding-bottom: 0.2rem;}
.about-main .about-nav{width: 100%;height: 0.55rem;border-bottom: 1px solid #d71518;}
.about-main .about-nav .navl{width: 80%;margin:0 auto;}
.about-main .about-nav .navl span{float: right;font-size: 0.2rem; color: #000; margin-top: 0.15rem;font-weight: 700;}
.about-main .about-nav .navl span a{ color: #000;font-size: 0.2rem}
.about-main .about-nav .navl ul{
    width: 80%;
    float: left;
}
.about-main .about-nav .navl ul li{
    padding:0.06rem 0rem;
    float: left;
    margin-left: -2px;
}
.about-main .about-nav .navl ul li:first-child a{
    border-left:2px solid #d71518;
}
.about-main .about-nav .navl ul li a{
    font-weight: 700;
    padding:0.04rem 0.3rem;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0.22rem;
    border-right:2px solid #d71518;
    color: #000;
}
.about-main .about-nav .navl ul li.active3{
    padding:0.06rem  0rem;
}
.about-main .about-nav .navl ul li.active3 a{
    color: #fff;
    background: #d71518;
    padding:0.07rem 0.3rem;
}

.about-main>.list{
    width: 100%;
}
.about-main .list .jianjie{
    height: 5rem;
    position: relative;
    background: url(../images/about3.png) no-repeat 0 0;
}
.about-main .list .jianjie .title{
    width: 80%;
    margin: 0 auto;
    padding-top: 0.3rem;
    text-align: center;
}
.about-main .list .jianjie .title h3{
    color: #d71518;
    font-weight: 700;
    text-shadow: 1px 1px 0 white;
}
.about-main .list .jianjie .conts{
    width: 80%;
    margin:0.2rem auto;
}
.about-main .list .jianjie .conts ul li{width: 33%;float: left;height: 2rem;color: #fff;text-align: center;border-left: 2px solid #fff;}
.about-main .list .jianjie .conts ul li h4{margin: 0.38rem 0rem;font-size: 0.4rem;font-weight: 700;color: #ed8118;letter-spacing: 4px;}
.about-main .list .jianjie .conts ul li p{font-weight: 700;letter-spacing:4px;}
.about-main .list .jianjie hr{width: 100%;position: absolute;top: 50%;border-bottom: 1px solid #fff;}
.about-main .list .about-txt{width: 80%;clear: both;margin:0.2rem auto;padding: 0.2rem 0;}
.about-main .list .about-txt p{font-size: 0.24rem;line-height: 0.4rem;text-indent:2em;}
.about-main .list .about-txt>div{ font-size: 0.22rem;line-height: 0.5rem;}
.about-main .list .cj{width: 100%;}

.about-main .list .cj .title{width: 3.5rem;padding-top: 9px;margin:0 auto;}
.about-main .list .cj .title h3{color: #d71518;font-size: 0.4rem; text-align: center; font-weight: 700;}
.about-main .list .cj .title p{font-weight: 700;font-size: 0.2rem; text-align: center}
.about-main .list .cj .title span{width: 0.2rem;height: 2px;background: #ea7226;float: left;display: block;margin:1px 1px;}
.about-main .list .cj .title .span1{ margin-left: 38%}
.about-main .list .cj .title i{width: 0.4rem;height: 2px;background: #d71518;float: left;display: block;margin:1px;}
.about-main .list .cj .cj-cont{width: 100%;margin-top: 0.3rem;background: #292a2f;padding:0.5rem 0;}
.about-main .list .cj .cj-cont .list{width: 80%;margin:0 auto;overflow: hidden;position: relative;}
.about-main .list .cj .cj-cont .list  .swiper-slide{overflow: hidden;border-radius:0.4rem; height: 3.58rem}
.about-main .list .cj .cj-cont .list  .swiper-slide img{width: 100%;height: 100%; object-fit: cover}
.about-main .list .cj .cj-cont .list  .swiper-container{margin:0;}
.about-main .list .cj .cj-cont .list .page{width: 0.45rem;height: 0.9rem;text-align: center;line-height:0.9rem;background: rgba(0,0,0,0.5);font-size: 18px;color: #fff;position: absolute;}
.about-main .list .wenhua{width: 100%;padding-bottom:0.2rem;background: #fff;}
.about-main .list .wenhua .title{width:3.5rem;padding-top: 0.3rem;margin:0 auto;}
.about-main .list .wenhua .title h3{color: #d71518;font-size: 0.4rem;font-weight: 700; text-align: center}
.about-main .list .wenhua .title p{font-weight: 700;font-size: 0.2rem; text-align: center}
.about-main .list .wenhua .title span{width: 0.2rem;height: 2px;background: #ea7226;float: left;display: block;margin:1px 1px;}
.about-main .list .wenhua .title .span1{ margin-left: 38%}
.about-main .list .wenhua .title i{width: 0.4rem;height: 2px;background: #d71518;float: left;display: block;margin:1px;}
.about-main .list .wenhua .wenhua-cont{width: 80%;margin: 0 auto; margin-top: 0.3rem;}
.about-main .list .wenhua .wenhua-cont .txt{padding-top:0.4rem; font-size: 0.22rem}
.about-main .list .wenhua .wenhua-cont .txt p{font-weight: 700; font-size: 0.22rem; line-height: 0.3rem;line-height: 0.4rem;color: #666;}
.about-main .list .wenhua .wenhua-cont .pic img{width: 90%;}
.about-main .list .ziyuan{width: 100%;background: #fafafa;margin-top: 0.3rem;clear: both; padding-bottom: 0.3rem}

.about-main .list .ziyuan .title{width:3.5rem;padding-top: 0.3rem;margin:0 auto;margin-bottom:0.2rem;}
.about-main .list .ziyuan .title h3{color: #d71518;font-size: 0.4rem;font-weight: 700; text-align: center}
.about-main .list .ziyuan .title p{font-weight: 700;font-size: 0.2rem; text-align: center}
.about-main .list .ziyuan .title span{width: 0.2rem;height: 2px;background: #ea7226;float: left;display: block;margin:1px 1px;}
.about-main .list .ziyuan .title .span1{ margin-left: 38%}
.about-main .list .ziyuan .title i{width: 0.4rem;height: 2px;background: #d71518;float: left;display: block;margin:1px;}

.about-main .list .ziyuan .ziyuan-cont{width: 80%;margin:0 auto;margin-top: 0.4rem;position: relative;}
.about-main .list .ziyuan .swiper-slide{overflow: hidden;border-radius: 25px;margin:0;padding:0;transition: 300ms;transform: scale(0.8);}
.about-main .list .ziyuan .ziyuan-cont .pages{color: #d71518;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
.about-main .list .ziyuan .ziyuan-cont .swiper-slide-active, .about-main .list .ziyuan .ziyuan-cont .swiper-slide-duplicate-active{transform: scale(1);}
.about-main .list .cj .cj-cont .list .page:hover{color: #d71518;}
/*-------------------通用-------------------*/
.about-main .list .about-txt img{width: 100%;}

/*产品页面*/
.product-main{width: 100%;}
.product-main .product-nav{width: 100%;padding:0.45rem;border-bottom: 1px solid #d71518;}
.product-main .product-nav .navl{width: 80%;margin:0 auto;}
.product-main .product-nav .navl span{float: right;font-size: 0.16rem;margin-top: 0.15rem;font-weight: 700;}
.product-main .product-nav .navl span a{ color: #000; font-size: 0.16rem}
.product-main .product-nav .navl ul{width: 80%;float: left;}
.product-main .product-nav .navl ul li{padding:6px 0;float: left;margin-left: -2px;}

.product-main .product-nav .navl ul li:first-child a{border-left:2px solid #d71518;}
.product-main .product-nav .navl ul li a{font-weight: 700;padding:0.04rem 0.3rem;display: block;width: 100%;height: 100%;
    border-right:2px solid #d71518;font-size: 0.22rem; color: #000}
.product-main .product-nav .navl ul li.active2{padding:6px 0;}
.product-main .product-nav .navl ul li.active2 a{color: #fff;background: #d71518;padding:0.07rem 0.3rem; font-size: 0.22rem;}

.product-main .list{width: 100%;margin:0.2rem auto;}

.conts{
    width: 100%;
    display: inline-block;
    margin:0.3rem 0;
    border-radius: 0.2rem;
}

.product-main .list .conts,.product-main .list .conts1{width: 100%;padding:0px;display: inline-block;
    margin:0.3rem 0;border-radius: 0.2rem;}

.product-main .list .contsa .title{padding: 0.15rem;background: #f5f5f5;border-radius:  0.2rem 0.2rem 0  0;transition: 1s ease;}
.product-main .list .contsa .title h3{color: #333;padding-bottom: 2px;transition: 1s ease;font-weight:}
.product-main .list .contsa .title h3 a{float: right;color: #333;font-size: 0.16rem;transition: 1s ease;margin-top: 0.1rem;margin-right:0.03rem;}
.product-main .list .contsa:hover .title{background: #d71518;}

.product-main .list .contsa:hover .title h3{color: #fff;}
.product-main .list .contsa:hover .title h3 a{color: #fff;}

.product-main .list .conts .pics,.product-main .list .conts1 .pics{width: 100%;margin-top: 0.3rem;position: relative;}
.product-main .list .conts .pics .swiper-slide{display: inline-block;overflow: hidden;margin-top: 0.1rem;}

.product-main .list .conts .pics .swiper-slide .photo{width: 100%;height: 4.5rem;position: relative;overflow: hidden;padding:0px;border:1px solid #dfdfdf;
    display: flex; justify-content: center; align-items: center;}
.product-main .list .conts .pics .swiper-slide .photo img{height: 100%;top: 0;left: 0;}
.product-main .list .conts .pics .swiper-slide .txt{width: 100%;padding:0 0.1rem;height: 0.7rem;background: #f5f5f5;}
.product-main .list .conts .pics .swiper-slide .txt h4{
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
    float: left;
line-height: 0.7rem;
    margin: 0px;
    color: #000;
    font-size: 0.22rem;
    text-transform:capitalize;
}
.product-main .list .conts .pics .swiper-slide .txt .txt-more{

    float: right;
    padding: 3px  8px;
    color: #fff;
    background: #d71518;
    margin-top: 0.2rem;
    font-size: 0.16rem;
}
/*-------------------通用-------------------*/


.pagination{clear: both;margin: 0.2rem auto;text-align: center; font-size: 0.18rem; color: #000}
.pagination a{ font-size: 0.18rem; color: #000; margin:0 2px; background: #dfdfdf; padding: 0.1rem}
.pagination span{ padding: 0.1rem;background: #d71518;color: #fff; font-size: 0.18rem}
.pagination li{
    list-style:none;
    display: inline-block;
    margin-left:5px;
    padding:0 0.14rem;
    background-color:#ededed;
    height:0.3rem;
    line-height:0.3rem;
    border-radius: 5px;;
    cursor:pointer;color:#fff;
}
.pagination li a{padding: 0;line-height: inherit;border: none;display: block;width: 100%;height: 100%;}
.pagination li.active{background-color:#d71518;color:#fff;border:1px solid  #d71518;}
.pagination li.active a{color:#fff;}
.pagination li.disabled{background-color:#ededed;color:rgb(153, 149, 149);}
/*产品列表页*/
.product-main{width: 80%;margin: 10px auto;margin-top: 10px;}
.product-main .product-nav{width: 100%;padding:0.45rem 0;border-bottom: 1px solid #d71518;}
.product-main .product-nav .navl{width: 100%;margin:0 auto;}
.product-main .product-nav .navl span{
    float: right;
    font-size: 0.16rem;
    margin-top: 0.15rem;
    font-weight: 700;
}
.product-main .product-nav .navl ul{
    width: 80%;
    float: left;
}
.product-main .product-nav .navl ul li{
    padding:6px 0;
    float: left;
    margin-left: -2px;
}

.product-main .product-nav .navl ul li:first-child a{border-left:2px solid #d71518;}
.product-main .product-nav .navl ul li a{
    font-weight: 700;
    padding:0.04rem 0.3rem;
    display: block;
    border-right:2px solid #d71518;
}
.product-main .product-nav .navl ul li.active2{padding:6px 0;}
.product-main .product-nav .navl ul li.active2 a{
    color: #fff;
    background: #d71518;
    padding:0.07rem 0.3rem;
}
.prconts{
    width:100%;
    display: inline-block;
    padding-bottom: 0.2rem;
    margin:0.3rem auto;
    border-radius: 0.2rem;
}
.prconts .title{
    padding: 0.15rem;
    background: #d71518;
    border-radius:  0.2rem 0.2rem 0  0;
}
.prconts .title h3{
    color: #fff;
    padding-bottom: 2px;
}
.prconts .title h3 a{
    float: right;
    color: #fff;
    font-size: 0.14rem;
}
.prconts .pics{margin-top: 0.3rem;}
.prconts .pics ul li{margin: 0.1rem 0;overflow: hidden; padding: 0px 5px;}
.prconts .pics ul li .photo{border:1px solid #dfdfdf;height: 4rem;overflow: hidden;position: relative;}
.prconts .pics ul li .txt{background: #fafafa; line-height: 0.7rem; padding: 0 0.2rem; width: 100%; height: 0.7rem; }
.prconts .pics ul li .txt h4{font-size: 0.24rem;color: #333;font-weight: 700;float: left;text-overflow: ellipsis;overflow: hidden;
    white-space: nowrap;text-align: center; margin: auto;line-height: 0.7rem;text-transform:capitalize;}
.prconts .pics ul li .photo{display: flex; justify-content: center; align-items: center;}
.prconts .pics ul li .photo img{top: 0;left: 0;width: auto !important;height: 100%;}
.prconts .pics ul li .txt .txt-more{float: right;color: #000; font-size: 0.16rem}
/*产品详情*/
.news-show-main{width: 100%;margin-top: 0.3rem;}
.news-show-main .show-main{width: 80%;margin:0 auto;}
.news-show-main .show-main .top{width: 100%;text-align: right;font-size: 0.16rem;}
.news-show-main .show-main .top a{ font-size: 0.16rem}
.news-show-main .show-main .news-show-title{text-align: center;}
.news-show-main .show-main .news-show-title h2{font-size:0.3rem;margin-bottom: 0.1rem;text-align:center;}
.news-show-main .show-main .news-show-title p{font-size:0.2rem;}
.news-show-main .show-main .news-show-title a{margin-top: 0.15rem; font-size: 0.16rem}
.news-show-main .show-main .news-show-conts{margin-top: 0.15rem;text-align:center;}
.news-show-main .show-main .news-show-conts img{ width: 100%}
.news-show-main .show-main .news-show-conts p{font-size: 0.16rem;}
.news-show-main .show-main .news-show-conts a{width: 100%;display: block;margin-top:0.15rem;}
.news-show-main .show-main .news-show-more .news-show-more-new{width:100%;}
.news-show-main .show-main .news-show-more .news-show-more-new .title{width:6.6rem;padding-top: 0.15rem;clear: both;margin:0.2rem 0;}
.news-show-main .show-main .news-show-more .news-show-more-new .title h3{color: #000;font-weight: 700;font-size: 0.36rem;}
.news-show-main .show-main .news-show-more .news-show-more-new .title p{font-weight: 700;font-size: 0.16rem;}
.news-show-main .show-main .news-show-more .news-show-more-new .title span{width: 0.2rem;height: 2px;background: #ea7226;float: left;display: block;margin:1px 1px;}
.news-show-main .show-main .news-show-more .news-show-more-new .title i{
    width: 0.4rem;
    height: 2px;
    background: #d71518;
    float: left;
    display: block;
    margin:1px;
}
.news-show-main .show-main .news-show-more .news-show-more-new ul li{
    float: left;
    padding: 4px;
    box-shadow: 1px 1px 10px #ccc;
    margin:0.15rem 0;
}
.news-show-main .show-main .news-show-more .newsa ul li{
    float: left;
    padding: 4px;
    box-shadow: 1px 1px 10px #ccc;
    margin:0.15rem 0;
    text-align: left;
}
.news-show-main .show-main .news-show-more .newsa ul li h4{
    text-align: left;
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    margin-bottom: 0.15rem;
    font-size:0.22rem;
    line-height: 0.24rem;
    font-weight: 700;
}
.news-show-main .show-main .news-show-more .news-show-more-new ul li .pics{
    height: 2rem;
    position: relative;
    overflow: hidden;

}
.news-show-main .show-main .news-show-more .news-show-more-new ul li .pics img{
    width: 100%;
    height: auto;
    transition: 1s ease;
}
.news-show-main .show-main .news-show-more .product .list ul .pics{ height: 3rem; text-align: center}
.news-show-main .show-main .news-show-more .product .list ul .pics img{ width: auto;height: 100%; margin: auto}

.news-show-main .show-main .news-show-more .news-show-more-new ul li:hover .pics img{transform: scale(1.2);}
.news-show-main .show-main .news-show-more .news-show-more-new ul li .txt{margin-top:0.15rem;text-align: center;}
.news-show-main .show-main .news-show-more .product ul li .txt h4{
    background: #d71518;
    padding:0.15rem 0;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    margin-bottom: 0.15rem;
    text-transform:capitalize;
}
.news-show-main .show-main .news-show-more .news-show-more-new ul li .txt p{
    font-size: 0.2rem;
    overflow: hidden;  /** 隐藏超出的内容 **/
    word-break: break-all;
    text-overflow: ellipsis; /** 多行 **/
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    text-align: left;
}
.news-show-main .show-main .news-show-more .news-show-more-new ul li .txt .fr{ font-size: 0.16rem}
.page_turn a,.page_turn{ font-size: 0.2rem}
/*携手*/
.xieshou-main{width: 100%;margin-top: 0.2rem;}
.xieshou-main .xieshou-nav{width: 100%;height: 0.45rem;border-bottom: 1px solid #d71518;}
.xieshou-main .xieshou-nav .navl{width: 80%;margin:0 auto;}
.xieshou-main .xieshou-nav .navl span{float: right;font-size: 0.16rem;margin-top: 0.1rem;}
.xieshou-main .xieshou-nav .navl span a{ font-size: 0.18rem}
.xieshou-main .xieshou-nav .navl ul{width: 80%;float: left; margin: 0}
.xieshou-main .xieshou-nav .navl ul li{padding:6px 0px;margin-left: -2px;float: left;}
.xieshou-main .xieshou-nav .navl ul li:first-child a{border-left:2px solid #d71518;}
.xieshou-main .xieshou-nav .navl ul li a{font-weight: 700;padding:0.04rem 0.3rem;display: block;width: 100%;height: 100%;
    border-right:2px solid #d71518; font-size: 0.22rem}
.xieshou-main .xieshou-nav .navl ul li.active5{background: #d71518;}
.xieshou-main .xieshou-nav .navl ul li.active5 a{color: #fff;}
.xieshou-main>.list{width: 100%;clear: both;}
.xieshou-main>.list .oem{width: 100%;background: url(../images/banner10.png);padding-top:0.2rem;padding-bottom:3.2rem;}
.xieshou-main>.list .oem .title{width: 80%;margin:0.2rem auto;color:#fff;text-align: center;font-size:0.28rem;}
.xieshou-main>.list .oem .title h3{font-size:0.28rem;}
.xieshou-main>.list .oem  .oem-cont{width:69%;margin:0  auto;}
.xieshou-main>.list .oem  .oem-cont ul li{width: 19%;padding:0.1rem 0.08rem;margin:0.1rem 2%;border-radius: 0.3rem;border:1px solid #fff;text-align: center;display: inline-block;}
.xieshou-main>.list .oem  .oem-cont ul li a{padding:0.08rem;display: block;border:1px solid #fff;border-radius:0.3rem;color: #fff;}

.xieshou-main>.list .oem  .oem-cont ul li img{width: 60%;height: auto;margin-top: 0.3rem;}
.xieshou-main>.list .oem  .oem-cont ul li h4{color: #d71518;margin:0.1rem 0;font-size: 0.52rem;}
.xieshou-main>.list .oem  .oem-cont ul li p{margin:0.1rem 0;font-size: 0.28rem;}

.xieshou-main>.list .join{width: 76%;margin:0 auto;clear: both;margin-top:0.2rem;margin-top: -2.4rem;}
.xieshou-main>.list .join .title{width: 2.4rem;margin:0.2rem auto;color: #fff;padding-bottom: 2px;}
.xieshou-main>.list .join .title h3{}

.xieshou-main>.list .join .join-cont{width: 100%;margin:0.2rem auto;background: #fff;border-radius: 0.15rem;box-shadow: 1px 1px 10px #000;}
.xieshou-main>.list .join .join-cont .left{width: 52%;padding:4%;display: inline-block;}
.xieshou-main>.list .join .join-cont .left .tit{margin-top:0.15rem;margin-bottom:0.25rem;margin-left: 8%;}
.xieshou-main>.list .join .join-cont .left .tit h5{color: #d71518;font-size: 0.22rem;font-weight: 700;letter-spacing: 5px;font-style: oblique;}
.xieshou-main>.list .join .join-cont .left .lis{margin-top:0.4rem;margin-left: 8%;}
.xieshou-main>.list .join .join-cont .left .lis ul{margin-right: -10%;}
.xieshou-main>.list .join .join-cont .left .lis ul li{width: 30%;padding:0.1rem 0;background: #00334c;float: left;color: #fff;
    text-align: center;font-weight: 700;font-size:0.24rem;margin-bottom:0.25rem;margin-right: 15%;}
.xieshou-main>.list .join .join-cont .left .text{width: 100%;clear: both;margin-top:0.2rem;overflow: hidden;}
.xieshou-main>.list .join .join-cont .left .text .txt{display: none;line-height: 30px;}
.xieshou-main>.list .join .join-cont .left .text .txt:first-child{display: block;}
.xieshou-main>.list .join .join-cont .left .text .txt div{font-style: oblique;font-size:0.2rem;color: #00334c;letter-spacing: 9px;font-weight: 700;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.xieshou-main>.list .join .join-cont .left .text .txt div:nth-child(n+4){display: none;}
.xieshou-main>.list .join .join-cont .rights{width:36%;height:4.5rem;padding:1%;margin:0;overflow: hidden;float: right;}

.xieshou-main>.list .process{width: 100%;margin:0 auto;clear: both;margin-top:0.4rem;padding:0.3rem 0;
    background: url(../images/fuadv.jpg) top center;background-image-part-image: url(../images/fuadv.jpg);background-position: center center; background-attachment: fixed; position: relative background-size: 100%}
.xieshou-main>.list .process .title{width:4.5rem;margin:0.2rem auto;color: #fff;padding-bottom: 2px;}
.xieshou-main>.list .process .title h3{}
.xieshou-main>.list .process  .process-cont{ margin-top: 0.45rem}
.xieshou-main>.list .process .cont-nav{width: 80%;margin:0 auto;}
.xieshou-main>.list .process .cont-nav ul li{padding:0.07rem 0.24rem;color: #fff;font-size:0.16rem;display: inline-block;}
.xieshou-main>.list .process .cont-nav ul li.active6{background: #d71518;}

.xieshou-main>.list .process .list{width: 80%;margin:0 auto;height:8rem;padding:0.1rem 0px 0.1rem 0.1rem;padding-bottom:0.2rem;background: rgba(0,0,0,0.5);overflow: hidden;}
.xieshou-main>.list .process .list .left{width: 45%;display: inline-block;}
.xieshou-main>.list .process .list .right{width: 55%;float: left;}
.xieshou-main>.list .process .list .con{display: none;}
.xieshou-main>.list .process .list .con ul li{width: 20%;margin:4% 2%;height:1.9rem;display: inline-block;color: #fff;text-align: center;position: relative;}
.xieshou-main>.list .process .list .con ul li .xyuan{transition: 0.5s ease;height:1rem;}

.xieshou-main>.list .process .list .con ul li .xyuan:hover{transform:scale(1.2);}
.xieshou-main>.list .process .list .con ul li .jiantou{position: absolute;right: -25px;top: 20%;}
.xieshou-main>.list .process .list .con ul li .jiao1{
    width: 20%;
    height: 20%;
    position: absolute;
    left: 40%;
    top: 100%;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg);
}
.xieshou-main>.list .process .list .con ul li .jioa2{
    width: 20%;
    height: 20%;
    position: absolute;
    left: 40%;
    top: 100%;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg);
}
.xieshou-main>.list .process .list .con ul li p{
    position: absolute;
    margin: 0;
    margin-top:0.1rem;
    width: 100%;
    text-align: center;
    font-size:0.2rem;
    overflow: hidden;  /** 隐藏超出的内容 **/
    word-break: break-all;
    text-overflow: ellipsis; /** 多行 **/
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
}
.img-responsive{ width: 100%; max-width: inherit}
.xieshou-main>.list .pro-case{width: 85%;margin:0 auto;clear: both;margin-top:0.2rem;padding-top:0.3rem;}
.xieshou-main>.list .pro-case .title{width: 3rem;margin:0.2rem auto;padding-bottom: 2px;}
.xieshou-main>.list .pro-case .title h3{color: #333;}
.xieshou-main>.list .pro-case .title h3 span{
    font-size:0.18rem;
    border-left: 2px solid #e36a52;
    border-top: 2px solid #e36a52;
    transform:skew(-30deg);
    margin-left: 8px;
    padding:3px;
    color: #e36a52;
    font-style: normal;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform:skew(-30deg);
    -ms-transform:skew(-30deg);
    display: inline-block;
}
.xieshou-main>.list .channel{width: 80%;margin:0.2rem auto;padding-top:0.2rem;clear: both;}
.xieshou-main>.list .channel .title{width:3.5rem;margin:0.2rem auto;padding-bottom: 2px;}
.xieshou-main>.list .channel .title h3{}
.xieshou-main>.list .channel .channel-list{margin:20px auto;}

.xieshou-main>.list .channel .channel-list .left ul li{
    width: 48%;
    float: left;
    padding:0.3rem 0.2rem;
    margin-right:0.1rem;
    margin-bottom:0.6rem;
    box-shadow: 1px 1px 8px #ccc;
    border-radius:0.15rem;
    background: url(../images/logo4.png) 0 0 no-repeat;
    background-position: 90% 90%;
    transition: 1s ease;
}
.xieshou-main>.list .channel .channel-list .left ul li p{ font-size: 0.22rem}
.xieshou-main>.list .channel .channel-list .left  ul li:hover{box-shadow: 2px 2px 8px #bbb;}
.xieshou-main>.list .channel .channel-list .left ul li h4{
    color: #e36a52;
    font-size:0.26rem;
    font-weight: 700;
    margin-bottom: 8px;
    opacity: 1;
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
}
.xieshou-main>.list .channel .channel-list .left ul li h4 p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.xieshou-main>.list .channel .channel-list .right{padding:0.55rem 0;text-align: left;color: #fff;padding-bottom:1rem;
    padding-left:0.45rem;background: url(../images/case4.png) 0 0 no-repeat; background-size: 120%}
.xieshou-main>.list .channel .channel-list .right h3{font-size:0.4rem;}
.xieshou-main>.list .channel .channel-list .right p{margin:10px 0;font-size:0.22rem;}
/*销售*/
.case-main{width: 100%;overflow: hidden;}
.case-main .case-nav{width: 100%;height:0.45rem;border-bottom: 1px solid #d71518;}
.case-main .case-nav .navl{width: 80%;margin:0 auto;}
.case-main .case-nav .navl span{float: right;font-size: 0.16rem;margin-top:0.15rem;font-weight: 700;}
.case-main .case-nav .navl span a{ font-size: 0.16rem}
.case-main .case-nav .navl ul{width: 80%;float: left;}
.case-main .case-nav .navl ul li{padding:6px 0px;margin-left: -2px;float: left;}

.case-main .case-nav .navl ul li:first-child a{border-left:2px solid #d71518;}
.case-main .case-nav .navl>ul>li>a{font-weight: 700;padding:0.04rem 0.3rem;display: block;width: 100%;height: 100%;
    border-right:2px solid #d71518; font-size: 0.18rem}
.case-main .case-nav .navl ul li.active4{}
.case-main .case-nav .navl ul li.active4 a{color: #fff;background: #d71518;padding:0.07rem 0.3rem;}

.case-main>.list{width: 100%;}
.case-main .list .jianjie{height:5rem;position: relative;background: url(../images/about3.png) no-repeat 0 0;}
.case-main .list .jianjie .title{width: 80%;margin: 0 auto;padding-top:0.3rem;text-align: center;}
.case-main .list .jianjie .title h3{color: #d71518;font-weight: 700;text-shadow: 1px 1px 0 white;}
.case-main .list .jianjie .conts{width: 80%;margin:0.2rem auto;}
.case-main .list .jianjie .conts ul li{width: 33%;float: left;height:2rem;color: #fff;text-align: center;border-left: 2px solid #fff;}

.case-main .list .jianjie .conts ul li h4{margin:0.38rem 0;font-size:0.4rem;font-weight: 700;color: #ed8118;letter-spacing: 4px;}
.case-main .list .jianjie .conts ul li p{font-weight: 700;letter-spacing: 2px;}
.case-main .list .jianjie hr{width: 100%;position: absolute;top: 50%;border-bottom: 1px solid #fff;}

.case-main .list .main-int{width:100%;margin:0.28rem 0; margin: 0px; height:8.5rem;padding-top:0.8rem;padding-bottom:0.8rem;background: #fafafa;}
.case-main .list .main-int .cont{width: 80%;margin:0 auto;}
.case-main .list .main-int .cont .left{height:7.5rem;position: relative;background: url(../images/case2.png) 0 0 no-repeat; background-size: 100%; }

.case-main .list .main-int .cont .left .xtt{position: absolute;bottom: 0;left: 45%;color: #115c61;}
.case-main .list .main-int .cont .left .xtt h3{font-weight: 700;font-size:0.26rem;}
.case-main .list .main-int .cont .left .xtt p{font-size:0.14rem;font-weight: 700;}
.case-main .list .main-int .cont .right>img{width: 90%;margin-bottom:0.2rem;}
.case-main .list .main-int .cont .right .lsit .title{margin-top:0.35rem;}
.case-main .list .main-int .cont .right .lsit .title h3{width: 100%;color: #d71518;font-style: italic;font-weight: 700;margin-bottom:0.1rem;}
.case-main .list .main-int .cont .right .lsit .title p{font-weight: 700;letter-spacing:8px}

.case-main .list .main-int .cont .right .lsit .list-n{padding:0.07rem;height:2.7rem;background: #d71518;border-radius:0.15rem;margin-top:0.1rem;margin-bottom:0.13rem;position: relative;overflow: hidden;}
.case-main .list .main-int .cont .right .lsit .list-n ul{width: 100%;position: absolute;top: 0;left: 0;}
.case-main .list .main-int .cont .right .lsit .list-n ul li{padding:0.08rem 0.12rem;background: #fff;margin:0.2rem 5%;}
.case-main .list .main-int .cont .right .lsit .list-n ul li p{ font-size: 0.22rem}
.case-main .list .main-int .cont .right .lsit .list-n ul li h4{color:#d71518;font-size: 0.22rem;font-weight: 700;margin-bottom:0.1rem;}
.case-main .list .main-int .cont .right .lsit .list-n ul li p b{font-weight: 700}
.case-main .list .main-int .cont .right .lsit>a{padding:0.06rem 0.2rem;margin:0.08rem;color: #fff;background: #d71518; font-size:0.24rem}
.contact-txt{
    padding:0.12rem;
    margin-top:0.3rem;
    border:2px solid #fff;
    background: #d71518;
    position: fixed;
    top: 30%;
    left: 35%;
    display: none;
    width: 4.7rem;
}
.contact-txt ul li{margin-bottom: 0.2rem;}
.contact-txt ul li span{width: 100px;float: left;color: #fff; font-size: 0.18rem}
.contact-txt ul li input{width: 65%;padding-left: 8px;font-size: 0.16rem;height: 0.3rem}
.contact-txt ul li textarea{width: 65%;height: 0.8rem;resize: none;padding-left: 8px; font-size: 0.16rem}
.contact-txt ul li button{width: 50%;margin:0 auto;background: #fff;border:none; font-size: 0.18rem}

.contact-txt .tuichu{position: absolute;top: 0;right: 5px;color: #fff;font-size:0.26rem;cursor: pointer;}
.case-main .list .qudao{width: 100%;margin-top:0.4rem;}

.case-main .list .qudao .title{width: 3.5rem;padding-top: 0px;margin:0 auto; text-align: center}
.case-main .list .qudao .title h3{color: #d71518;font-weight: 700;font-size:0.4rem;}
.case-main .list .qudao .title p{font-weight: 700;font-size:0.2rem;}
.case-main .list .qudao .title .span1 {margin-left: 38%;}
.case-main .list .qudao .title span{
    width: 0.2rem;
    height: 2px;
    background: #ea7226;
    float: left;
    display: block;
    margin:1px 1px;
}
.case-main .list .qudao .title i{
    width:0.4rem;
    height: 2px;
    background: #d71518;
    float: left;
    display: block;
    margin:1px;
}
.case-main .list .qudao-list{
    width: 80%;
    margin:0.35rem auto;
}

.case-main .list .qudao-list .left ul li{
    width: 48%;
    float: left;
    padding:0.2rem;
    margin-right:0.1rem;
    margin-bottom:0.6rem;
    box-shadow: 1px 1px 8px #ccc;
    border-radius:0.15rem;
    background: url(../images/logo4.png) 0 0 no-repeat;
    background-position: 90% 90%;
    transition: 1s ease;
}

.case-main .list .qudao-list .left  ul li:hover{box-shadow: 2px 2px 8px #bbb;}
.case-main .list .qudao-list .left ul li h4{
    color: #e36a52;
    font-weight: 700;
    margin-bottom:0.13rem;
    opacity: 1;
    width: 98%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.24rem;
}
.case-main .list .qudao-list .left ul li p{
    width: 98%;
    margin-bottom:0.1rem;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.22rem;
}
.case-main .list .qudao-list .right{
    padding:0.55rem 0;
    text-align: left;
    color: #fff;
    padding-bottom:1rem;
    padding-left:0.45rem;
    background: url(../images/case4.png) 0 0 no-repeat;
    background-size: 100%;
}
.case-main .list .qudao-list .right h3{
    font-size:0.4rem;
}
.case-main .list .qudao-list .right p{
    margin:0.1rem 0;
    font-size:0.22rem;
}

.case-main .list .success{
    width: 100%;
    clear: both;
    padding-top:0.25rem;
    margin-top:0.25rem;
    margin-bottom:0.2rem;
    position: relative;
}

.case-main .list .success .title{
    width: 3.5rem;
    padding-top: 0px;
    margin:0.2rem auto;
    text-align: center;
}
.case-main .list .success .title .span1 {margin-left: 38%;}
.case-main .list .success .title h3{
    color: #d71518;
    font-weight: 700;
    font-size: 0.4rem;
}
.case-main .list .success .title p{
    font-weight: 700;
    font-size: 0.2rem;
}
.case-main .list .success .title span{
    width:0.2rem;
    height: 2px;
    background: #ea7226;
    float: left;
    display: block;
    margin:1px 1px;
}
.case-main .list .success .title i{
    width:0.4rem;
    height: 2px;
    background: #d71518;
    float: left;
    display: block;
    margin:1px;
}

.case-main .list .success .success-list{
    width: 100%;
    background: url(../images/case7.png);
    padding:0.5rem 0;
}

.case-main .list .success .success-list .conts{
    width: 80%;
    margin:0 auto;
    position: relative;
}
.case-main .list .success .success-list .conts .swiper-container{overflow: hidden;position: relative;}

.case-main .list .success .success-list .conts .swiper-container .swiper-wrapper{width: 80%;overflow: hidden;margin:0 auto;}
.case-main .list .success .success-list .conts .swiper-pagination{position: absolute;z-index: 2;bottom:-0.8rem;left: 50%;}
.case-main .list .success .success-list .conts .swiper-pagination span{width:0.5rem;height:0.03rem;margin-right: 5px;border-radius:0;background: #000;transition: 1s ease;}
.case-main .list .success .success-list .conts .swiper-pagination span.swiper-pagination-bullet-active{width: 0.8rem;background: #d71518;}


/*新闻列表页*/
.jour-list{ width: 100%; display: inline-block;}
.jour-list ul{ width: 100%; display: inline-block; }
.jour-list ul li{ padding: 0.26rem 0.26rem 0px; box-sizing: border-box; display: inline-block; width: 100%;  }
.jour-list ul li a{border-bottom: 1px solid #d0d0d0; width: 100%; display: inline-block; padding-bottom: 0.26rem;}
.jour-list ul li .project-img{ width: 35%; height: 3.1rem; overflow: hidden;}
.jour-list ul li .project-img img{ width: 100%; height: 100%;  object-fit: cover}
.jour-list ul li .jour-cont{ width: 60%; padding:0.4rem 0px; box-sizing: border-box;}
.jour-list ul li .jour-cont p{ font-size:0.24rem; color: 3333; line-height:0.5rem;}
.jour-list ul li .jour-cont span{ font-size: 0.18rem; line-height:0.3rem; height:0.9rem; overflow: hidden;
    color: #777777; display: block; margin-top:0.1rem;}
.jour-list ul li .jour-cont .jour-time{ font-size:0.18rem; color: #777777; margin-top: 5%;}
.jour-list ul li .jour-cont .jour-time i{  width: 15%; height:0.35rem; line-height:0.35rem; display: block;  font-style: initial;
    float: right; border-radius:0.2rem; background: #f2f2f2; color: #333; text-align: center; }
.jour-list ul li:hover{ background: #f2f2f2;}
.jour-list ul li:hover a{ border-bottom: none;}
.jour-list ul li:hover .jour-cont .jour-time i{ background: #d71518; color: #fff;}
.jour-list ul li:hover p{ color: #d71518;}
/*联系我们*/
.map{width: 100%;height:9rem; margin-top: 0.3rem; margin-bottom: 0.4rem }
/*.map>div{ left: -20% !important;}*/
.iw_poi_title{ font-size: 0.24rem !important}
.iw_poi_content{ font-size: 0.18rem !important}

.contact-inside{ width: 100%; display: inline-block;position: relative;}
.contact-midd{ width: 100%; display: inline-block;}
.contact-left{ padding-top: 1.32rem; width: 38.75%;}
.contact-left p{ font-size: 0.24rem; line-height: 0.4rem; font-weight: bold;text-transform:uppercase;}
.contact-left span{ font-size: 0.3rem; line-height: 0.6rem;font-weight: bold; border-bottom: 2px solid #c8c8c8; padding-bottom: 0.2rem; display: block;}
.contact-left .contact-m{ font-size: 0.22rem; line-height: 0.4rem; padding-right: 6%; box-sizing: border-box; margin-top: 5%; margin-bottom: 0.4rem;}
.contact-left ul li img { width: 0.38rem; height: 0.38rem; margin-right: 2%; float:left;}
.contact-left ul li{ line-height: 0.4rem; display: block; font-size: 0.26rem; margin-bottom: 0.5rem;}
.contact-left ul li i{ font-weight: bold; font-size: 0.38rem; color: #183543;}
.message-right{ width: 49%; padding-top: 5%;}
.message-right .input-item{ width: 100%; line-height: 0.68rem; height: 0.68rem; border: 1px solid #cfcfcf; padding: 0 0.34rem; border-radius: 0.2rem; margin-bottom: 0.48rem;}
.message-right input,.message-right textarea{ width: 100%; display: block;font-size: 0.18rem;}
.message-right textarea{border: 1px solid #cfcfcf; padding: 0.34rem;border-radius: 0.2rem; height: 1.8rem; font-size: 0.18rem;margin-bottom: 0.48rem;}
.message-right .submit{ width: 100%; line-height: 0.68rem; height: 0.68rem; background: #d71518; padding: 0 0.34rem; border-radius: 0.2rem; color: #fff;text-transform:capitalize;  }
.message-right .submit:hover{ background: #dc7527;}


/**/
.banner-image{ position: relative}
.pro-fl .middle{ display: flex;justify-content: center;}
.pro-fl{ width: 100%; display: inline-block; margin: 0.3rem 0rem; margin-bottom: 0px;position: absolute; bottom: 6%}
.pro-fl a{ height: 0.55rem; line-height: 0.55rem; text-align: center; display:block; width: 15%; margin: 0px 5px; border-radius: 0.25rem;
    font-size: 0.2rem; background: #fff; float: left; margin-bottom: 0.2rem}
.pro-fl a:hover{background: #d71518;color: #fff;border:none;}
.pro-fl a.on{ background: #d71518; border:none;color: #fff;}

.pro-fl .active3{ background:#d71518;color: #fff}
.pro-fl .active4{ background:#d71518;color: #fff}
.pro-fl .active2{ background:#d71518;color: #fff}

.pro-te-fl{ position:inherit}

#top-bodycontent .container {position:relative; padding:0px }
#top-bodycontent .container:before{ display: inline}
#top-bodycontent{ width: 100%; background: #fff;border-bottom:1px dashed #ddd !important;}
.mianbxContent{ height:0.7rem !important; font-size:0.18rem !important; line-height:0.7rem !important; text-align:left !important; text-indent:2.5em;
    background:url(../images/dingwei.png) #fff no-repeat 0.07rem -0.22rem;  position:relative; transition:0.1s all; }
.mianbxContent:hover{ background-position:0.07rem 0.2rem;}
.mianbxContent a{ color:#333; font-size:0.18rem !important;}
/*底部*/
.box-foot{ width: 100%; display: inline-block;background: url(../images/xnbei4.jpg) no-repeat top; background-size: 100%;  padding-top: 0.7rem;}
.index-foot{box-sizing: border-box;}
.foot-nva{ width: 100%; display: inline-block;}
.foot-nva .foot-l{ width: 20%;color: #fff;}
.foot-nva .foot-l h5{ font-size: 0.4rem; font-weight:bold;color: #fff; }
.foot-nva .foot-l p{ font-size: 0.2rem; line-height: 0.6rem;}
.foot-nva .foot-l .foot-tiao{ width: 100%; display: block; margin-bottom: 0.22rem; margin-top: 0.1rem;}
.foot-nva .foot-l .foot-tiao a{ width: 38px; height: 38px; display: block;}
.foot-tiao a img{ width: 100%;}
.foot-nva .foot-l dl dt{ width: 40%; text-align: center; float: left; margin-right: 0.6rem;}
.foot-nva .foot-l dl dt span{ width: 100%; line-height: 0.4rem; display: block; font-size: 0.18rem}
.foot-nva .foot-l dl dt img{ width: 100%}
.foot-nva .foot-r{ width: 32%;}
.foot-nva .foot-r ul a{ color: #fff;}
.foot-nva .foot-r ul{ margin-right: 12%; float: left;}
.foot-nva .foot-r ul:last-child{ margin-right: 0px;}
.foot-nva .foot-r ul h6{ font-size: 0.3rem; color: #fff; margin-bottom: 0.3rem;}
.foot-nva .foot-r ul li{ font-size: 0.22rem; line-height: 0.5rem;}
.foot-nva .foot-r ul li a{ font-size: 0.22rem;text-transform:capitalize; }
.foot-nva .foot-r ul li:hover a{ color: #fff;}
.foot-dizhi{ width: 48%; display: inline-block; padding-bottom: 0.2rem;}
.foot-dizhi dl { width: 50%; float: left; position: relative; margin-bottom:0.8rem;}
.foot-dizhi dl span{ width: 20px; float: left; margin-right: 3%; height: 0.8rem;}
.foot-dizhi dl span img{ width: 100%; margin-top: 32%;}
.foot-dizhi dl li{ font-size: 0.26rem; font-weight: bold; color: #fff; line-height: 0.4rem;}
.foot-dizhi dl li p{ font-size: 0.2rem; font-weight: 500; height: 1rem}
/*.foot-dizhi dl::after{ content: ''; width: 1px; height: 0.6rem; position: absolute; background: #d71518; right:3%; top: 15%;}*/
.foot-dizhi dl:nth-child(2n)::after{ display: none;}
.foot-bott a{ font-size: 0.18rem}
/**/
/*g关于*/

.culture-box{ width: 100%; display:inline-block; padding-top: 0.66rem; padding-bottom: 0.4rem;}
.culture-cont{ width: 100%; margin-top: 0.3rem}
.culture-cont ul li{ width: 49%; float: left; background: url(../images/xn18.png) no-repeat bottom #f7f7f7; border-radius: 0.2rem; padding: 0.56rem 0.66rem;
    box-sizing: border-box; height: 3.6rem; color: #183543; position: relative;}
.culture-cont ul li{ margin-right: 2%; margin-bottom: 0.24rem}
.culture-cont ul li:nth-child(2n){ margin-right: 0px}

@font-face {
    font-family: "ali";
    src: url('../fonts/impact.ttf')
}
.culture-cont ul li i{ font-size: 1.15rem; color: #e7e7e7; position: absolute; font-family: "ali"; z-index: 0; top: 0; left: 38px}
.culture-cont ul li h5{ font-weight: 900; font-size: 0.5rem; color: #000; z-index: 5;text-transform: uppercase; position: relative; }
.culture-cont ul li h6{ font-size: 0.4rem; font-weight: bold; color: #000; margin: 4% 0; display: block}
.culture-cont ul li p{ font-size: 0.24rem; line-height: 0.36rem; color: #000;margin-bottom: 0px}
.culture-cont ul li img{ position: absolute; width: 1.6rem; top: 5%; right: 5%;}

.culture-cont ul li:hover{ background: #d71518; color: #fff}
.culture-cont ul li:hover i{ color: #fff; opacity: 0.1; transition: 1s all;}
.culture-cont ul li:hover h5,.culture-cont ul li:hover p{ color: #fff}

.index-title .cn span{color:#000;margin:0rem 0.05rem;font-weight:bold; font-size: 0.46rem;text-transform:uppercase; }
.index-title .cn{text-align: center;color: #333;font-size: 0.24rem;margin-bottom: 0.15rem;display: block;}
.index-title .en{text-align: center;line-height:0.4rem;font-size: 0.24rem;margin-bottom: 10px;display: block;color:#666;}
.c-i-s3 {padding: 4% 0;background: #f4f4f5;}
.ihec-sh{position: relative;}
.ihec-sh .swiper-container{ height: 12rem; margin-top: 0.3rem}
.ihec-sh .swiper-slide{ width: 4.95rem; height: 5rem;}
.ihec-sh .swiper-button-next:after, .ihec-sh .swiper-button-prev:after{ display: none;}
.ihec-sh .swiper-button-prev,.ihec-sh .swiper-button-next{ outline: none;}
.ihec-sh .swiper-container .swiper-wrapper{ width: 100% !important;}
.ish-lun a .i{height:4.2rem;max-height: 4.2rem;}
.ish-lun a .t{padding: 4% 10px;background: #fff;text-align: center;font-size: 0.22rem;color: #666; background: #dfdfdf;text-transform:capitalize; }
.fitobj {object-fit: cover;height: 100% !important;width: 100% !important;}
.ihe-lun-p{width: 50px;height: 45px;background-color: #165c60;transform:skew(-12deg);
    -ms-transform:skew(-12deg);-moz-transform:skew(-12deg);-webkit-transform:skew(-12deg);-o-transform:skew(-12deg);background-image: none}
.ihe-lun-p .si{width: 100%;height: 100%;transform:skew(12deg);-ms-transform:skew(12deg);-moz-transform:skew(12deg);-webkit-transform:skew(12deg);-o-transform:skew(18deg);
    background-repeat: no-repeat;background-size: auto !important;background-position: center;}
.swiper-button-prev-he .si{background-image: url("../images/p.png");}
.swiper-button-next-he .si{background-image: url("../images/n.png");}
.ihe-lun-p:hover{background: #132c66}
.swiper-button-prev-he{left: -80px}
.swiper-button-next-he{right: -80px}

.product-title{ width: 100%; display: inline-block;}
.product-title h5{ font-size: 0.78rem; font-family: zimu; color: #d71518; float: left; margin-right: 0.15rem; font-weight: bold;text-transform:uppercase; }
.product-title span{ font-size: 0.4rem; margin-top: 2%; display: block; width: 50%; float: left; font-weight: bold;text-transform:uppercase;}
.product-title span i{ font-size: 0.22rem;text-transform:uppercase; font-style: initial; font-weight: 500}
.product-title span b{ color: #d71518;}
.product-moer{ float: right; font-size: 0.18rem; width:1.2rem; height: 0.4rem; line-height: 0.4rem; text-align: center; background: #d71518; border-radius: 10px; margin-top: 3%;}
.product-moer a{ color: #fff;text-transform:capitalize; }
.product-moer:hover{ border-radius: 30px; transition: all 1s;}
/*携手*/
.index-service {
    padding: .75rem 0;
    background-color: #fff;
}
.index-main-desc{ font-size: .18rem;
    line-height: 2;
    width: 80%;
    text-align: center;
    margin: 0 auto .35rem;}

.index-service .main-desc {
    font-size: .18rem;
    line-height: 2;
    width: 100%;
    text-align: center;
    margin: 0 auto .35rem;
}
.index-service-list .list-item {
    width: 24%;
    height: 2.3rem;
    margin-right: 2%;
    background-color: #f4f4f4;
    border-radius: .18rem;
    box-sizing: border-box;
    padding: 1.13rem .2rem 0 .2rem;
    position: relative;
    overflow: hidden;
    transition: all .25s;
}
.index-service-list .list-item:hover {
    transform: translateY(-.1rem);
}
.index-service-list .list-item:last-child {
    margin-right: 0;
}
.index-service-list .list-item .icon {
    width: 1.4rem;
    height: 1.4rem;
    background-color: #d71518;
    border-radius: 50%;
    position: absolute;
    left:38%;
    top: -.4rem;
}
.index-service-list .list-item .icon img {
    width: 34%;
    position: absolute;
    left: 33%;
    bottom: .25rem;
}
.index-service-list .list-item .tit {
    font-size: .3rem;
    margin-bottom: .16rem;
    font-weight: bold;
    color: #d71518;
    text-align: center;
    margin-top: 0.2rem;
}
.index-service-list .list-item .desc {
    font-size: .18rem;
}
.index-service-list .list-item .bot-icon {
    width: 1.76rem;
    position: absolute;
    right: .2rem;
    bottom: 0;
}

/*携手-四大系统*/
.box-adv-indx{ background: #eeeff3; width: 100%;display: inline-block; padding-bottom: 0.7rem; padding-top: 0.6rem; margin-top: 0.6rem}
.box-adv-indx ul li{ width: 16.5%; float: left; height: 1.7rem; text-align: center;  position: relative; background: #fff; margin-right:0.2% ;  font-size: 0.28rem; font-weight: bold}
.box-adv-indx ul li:nth-child(6){ margin-right: 0px}
.box-adv-indx ul li span{ width: 100%; text-align: center; display: block; margin-top: 6%; margin-bottom: 5%}
.box-adv-indx ul li span img{ width: 10%;filter: brightness(0);}
.box-adv-indx ul li i{ position: absolute; width: 0.20rem; height: 0.20rem; display: block; border-radius: 50%; background: #fff; border: 6px solid rgba(30,44,95,0.5) ; top: -10%; left: 46%}
.adv-indx-list{ width: 100%; margin-top: 0.2rem; background: #fff; display: inline-block}
.adv-indx-cont{ padding: 0.3rem; box-sizing: border-box; width: 100%;display: inline-block;min-height: 4.9rem;position: relative;}
.adv-indx-thumb{ float: left; width: 38%; border-right: 1px solid #dfdfdf}
.adv-indx-thumb img{ width: 100%;}
.av-indxd-list{ float: right; width: 60%; }

.av-indxd-list h6{ font-size: 0.4rem; font-weight: bold; line-height: 0.8rem; margin: 0px}
.av-indxd-cont{font-size: 0.24rem; line-height: 0.5rem;}
.av-indxd-cont p,av-indxd-cont span{ font-size:0.24rem;  line-height: 0.5rem;}
.see-in{ width: 22%; height: 0.8rem; line-height: 0.8rem; font-size: 0.24rem; box-shadow:0 0 10px #b0b5c0; text-align: center; position: absolute; bottom: 10%;right: 38%; }
.see-in i{ font-size: 0.2rem; margin-right: 0.1rem}
.box-adv-indx ul li:hover{ background: #d71518; color: #fff}
.box-adv-indx ul li.on{ background: #d71518; color: #fff}
.box-adv-indx ul li.on img{ filter: brightness(100);}
.box-adv-indx ul li:hover img{ filter: brightness(100);}
.process .index-title .cn span{ color: #fff}
.process .index-title .en{ color: #fff}
.see-title{ margin-top: 0.3rem}
/**/
.foot-nva .foot-r ul li i{ font-size: 0.2rem; float: left; margin-right: 0.1rem; color: #fff;line-height: 0.4rem}

/*销售网络*/
.inside-city {padding: 1rem 0;background-color: #fff;}
.inside-container1{ position: relative;}
.inside-city-area {width: 30.69%;margin-top: 1.25rem;}
.jm_box {width: 100%;margin-left: 2%;height: 7.8rem;}

.jm_box .bd {height: 7.8rem;background: #fff;border-radius:0.2rem;box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);padding: 0.2rem;box-sizing: border-box;}
.jm_box .bd li h3 {line-height:0.58rem;font-size:0.22rem;font-weight: bold;}
.jm_box h3 span {font-size: .7rem;color: #d51d0f;font-family: Arial;}
#distpicker {margin: .25rem 0px;}
.select {display: inline-block;width:0.15rem;position: relative;vertical-align: middle;padding: 0;overflow: hidden;color: #000;border: 1px solid #000;text-shadow: none;border-radius: 4px;transition: box-shadow 0.25s ease;z-index: 2;float: left;}
.select option {color: #401a1a}
.select:hover {box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);}
.select:before {content: "";position: absolute;width: 0;height: 0;border: 0.1rem solid transparent;border-top-color: #000;top:0.14rem;right: 0.1rem;cursor: pointer;z-index: -2;}
.select select {cursor: pointer;padding:0.1rem;width: 100%;border: none;background: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;margin-right: 2%;color: #000}
.select select:focus {outline: none;}
.showinfo {width: 100%;height: 6.6rem;overflow: auto;padding-top:0.1rem;}

.showinfo dl {display: block;padding: 5px 1% 10px 1%;background: #f4f4f4;margin-bottom: 10px;margin-top: 8px;width: 94%;padding: 10px;box-sizing: border-box;}

.showinfo dl dt {line-height:0.55rem;font-size:0.28rem;height:0.55rem;overflow: hidden;color: #000;border-bottom: 1px solid #e4e4e4;padding-bottom:0.1rem;}
.showinfo dl dd {line-height:0.3rem;font-size:0.18rem;height: auto;overflow: hidden;color: #666;margin-top: 0.2rem;}
.showinfo dl .dd:nth-child(3){ font-size:0.12rem}
.showinfo dl dd img {display: inline-block;vertical-align: middle;margin-right: 0.1rem;}
.city-map {width: 56%;position: absolute;right: 0;top: 0;}
.city-map>img{ width: 100%;}
.biaoti-xie h6{ font-size: 0.5rem; font-weight: bold;margin-bottom: 0.4rem; padding-left: 0.1rem;text-transform:uppercase; }
.biaoti-xie span{ width: 1.2rem;height: 4px; background: #e36a52;display: block;margin-left: 0.1rem; margin-bottom: 0.8rem}
.xiashou-title{ font-size: 0.32rem; margin-top: 1rem; text-align: center; line-height:0.6rem }
.about-cont{ margin-top: 0.4rem}

/*优势*/
.advantage-box{ width: 100%; display: inline-block; padding-top: 0.6rem; padding-bottom: 0.5rem; }
.advantage-cont{width: 100%; display: inline-block; }
.advantage-img{ width: 55%;}
.advantage-img img{ width: 100%;}
.advantage-title{ width: 42%; padding-top: 1rem;}
.advantage-title ul li{ width: 100% !important; margin-bottom: 0.3rem; padding: 20px; height: 145px!important; overflow: hidden;}
.advantage-title ul li .adv-titel{ width: 100%; display: inline-block; padding-bottom: 15px; position: relative;}
.advantage-title ul li .adv-titel i{ width:0.6rem; height: 0.6rem; float: left; font-size: 0.45rem;  font-family: "ali"; line-height:0.8rem;}
.advantage-title ul li .adv-titel span{ width: 78%; float: left; font-size: 0.36rem; font-weight: bold; line-height: 0.8rem;}
.advantage-title ul li .adv-titel span p{ font-size: 0.2rem; font-weight: 400;text-transform:uppercase;}
.advantage-title ul li .adv-titel b{ width:0.6rem; height:0.6rem; background: #fff; border-radius: 50%; overflow: hidden; float: right; text-align: center}
.advantage-title ul li .adv-titel b img{ width: 100%; height: 100%; object-fit: cover;}
.advantage-title ul li.in{ height: 300px !important}
.advantage-title ul li.in .adv-titel b img{ width: 80%; height: auto; margin-top: 15%}
.advantage-title ul li .adv-titel::after{ content: ''; width: 100%; height: 1px; background: #e7e7e7; display: block; position: absolute; bottom: 0px; left: 0px;}
.advantage-title ul li .adv-titel-cont{ font-size: 0.2rem; line-height: 0.4rem; height: 0.8rem; overflow: hidden; margin-top: 0.2rem; display: none;}
.advantage-title ul li.in .adv-titel-cont{ display: block;}
.advantage-title ul li.in{ background: #d71518; border-radius:0.1rem; color: #fff;}
.abot-pro{ width: 100%; display: inline-block; margin-top: 0.5rem; /* padding: 0px 58px; */ padding-bottom:0.18rem;}
.abot-pro ul li{ width: 16%; float: left; border: 1px solid #dfdfdf; margin-right: 0.11rem; background: #fff; padding: 0.2rem 0px;}
.abot-pro ul li img{  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);}
.abot-pro ul li:last-child{ margin-right: 0px;}
.abot-pro ul li img{ width: 100%;}
.abot-pro ul li:hover img{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);}

.zhu-pro-list{ width: 100%; display: inline-block; margin: 0.4rem 0px; margin-top: 0px}
.zhu-pro-list ul{ display: flex;justify-content: center;}
.zhu-pro-list ul li{ float:left; width: 15%; text-align: center; background: #efefef; line-height: 0.5rem; margin-right: 0.1rem; border-radius: 0.3rem}
.zhu-pro-list ul li a{ font-size: 0.2rem}
.zhu-pro-list ul li:hover{ background: #d71518}
.zhu-pro-list ul li:hover a{ color: #fff}


.honor-about{ padding-top: 0.3rem; padding-bottom: 0.3rem}
.honorabout-list{ width: 100%; display: inline-block; overflow: hidden; position: relative}
.honorabout-list ul li{ width: 24%; margin-right: 1.2%;height: 4.2rem; float: left; overflow: hidden; flex-shrink: 0;}
.honorabout-list ul .honorabout-thumb{transition: 300ms;transform: scale(0.9);}
.honorabout-list ul li .honor-img{ width:100%; height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.honorabout-list ul li .honor-img a{ width: 100%; height: 100%; display: flex}
.honorabout-list ul li .honor-img img{ width: 100%; height: auto; object-fit: contain}
.honorabout-list ul li:nth-child(4n){ margin-right: 0px}
.honor-moer a{ display: block; margin:0.4rem auto; width:1.8rem; height: 0.55rem; line-height: 0.55rem; text-align: center; color: #fff; background: #d71518;
    border-radius: 0.1rem; font-size: 0.18rem;  }
.honorabout-list ul .honorabout-thumb.swiper-slide-next{transform: scale(1.1);height: 4.8rem;  }

@media (max-width:2600px) and (min-width:2300px){

    .fuz-list .slide-fpic{ width: 6.6rem}
    .box5-coop .coop-swcont .coop-slide{ width: 4.94rem}
    .city-map {width: 61%;}
    .biaoti-xie span{ margin-bottom: 0.3rem}
    .right-qie .qie-fl ul{ top: 75%}
    .nav-num dt{ line-height: 1.5rem}
    .index-group-wrap .video-wrp{ height: 9.66rem}
    .ihec-sh .swiper-container{ height: 11rem}
    .prconts .pics ul li .txt h4{ font-size: 0.2rem}
    .foot-nva .foot-l dl dt{ width: 50%}
}
@media (max-width:2300px) and (min-width:2250px){
    .right-qie .qie-fl ul{ top: 80%}
    .nav-num dt{ line-height: 1.4rem}
    .nav-num dt a{ color: #fff; font-size: 0.22rem}
    .nav-num-one dt:hover a,.nav-num-two dt:hover a{ font-weight: 700; font-size: 0.24rem}
    .index-group-wrap .video-wrp{ height: 10.26rem}
    .prconts .pics ul li .txt h4{ font-size: 0.2rem}
    .foot-nva .foot-l dl dt{ width: 50%}
    .prconts .pics ul li .txt h4{ font-size: 0.16rem}
    .ihec-sh .swiper-container{ height: 11rem}
}
@media (max-width:2250px) and (min-width:2000px){
    .city-map {width: 61%;}
    .header .nav_bg{ width: 64%}
    .fuz-list .slide-fpic{ width: 5.8rem}
    .box5-coop .coop-swcont .coop-slide{ width: 4.35rem}
    .header .nav_bg ul li{ margin: 0px 2.5%}
    .biaoti-xie span{ margin-bottom: 0.3rem}
    .av-indxd-cont{ font-size: 0.22rem; line-height: 0.4rem}
    .av-indxd-cont p,.av-indxd-cont>div{font-size: 0.22rem; line-height: 0.4rem}
    .right-qie .qie-fl ul{ top: 80%}
    .right-qie .qie-fl img {
        width: 44%;
        margin-left: 7%;
        margin-top: 9%;
        margin-right: 5%;
    }
    .nav-num dt{ line-height: 1.3rem}
    .nav-num dt a{ color: #fff; font-size: 0.2rem}
    .nav-num-one dt:hover a,.nav-num-two dt:hover a{ font-weight: 700; font-size: 0.22rem}
    .about-list .about-two{ font-size: 0.22rem;line-height: 0.6rem}
    .about-list .about-cont{ line-height: 0.5rem;}
    .index-group-wrap .video-wrp{ height:9.16rem}
    .advantage-title ul li{ height: 125px !important}
    .advantage-title ul li .adv-titel-cont{ font-size: 0.18rem}
    .advantage-title ul li .adv-titel i{ font-size: 0.3rem}
    .advantage-title ul li .adv-titel span{ font-size: 0.26rem}
    .zhu-title img{ width: 50%}
    .foot-nva .foot-r ul li a{ font-size: 0.18rem}
    .foot-nva .foot-l dl dt{ width: 50%}
    .ihec-sh .swiper-container{ height: 11rem}

}
@media (max-width:2100px) and (min-width:2000px){
    .index-group-wrap .video-wrp{ height:9.66rem}
    .advantage-title ul li{ height: 125px !important}
    .foot-nva .foot-l dl dt{ width: 50%}
    .zhu-title img{ width: 50%}
    .foot-nva .foot-r ul li a{ font-size: 0.18rem}
    .ihec-sh .swiper-container{ height: 11rem}
}