@charset "utf-8";

.w1720{width: 89.6%;margin:0 auto;}
a{color: #333;}
a:hover{text-decoration: none;color: #c42328}


.block{display: block!important;}
/* 头部 */
header{position: fixed; height: 80px;width: 100%;background: #fff; z-index: 100;}
.header{height: 80px;position: relative;}
.header .logo{position: absolute;top: 50%;transform: translateY(-50%);}
.header .logo  img{
    display: block;
    width: 195px;
    height: 50px;
}
.header .head-nav{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);width: max-content;width:-moz-max-content;}
.head-nav>ul>li{float: left;margin-right: 60px;position: relative;}
.head-nav>ul>li:last-child{margin-right:0;}
.head-nav>ul>li>a{font-size: 16px;line-height: 80px;color: #333;}
.head-nav>ul>li>a:hover{color: #c42328;}
.head-search a{color: #c42328;font-size: 16px;position: relative;display: block;float: left;margin-right: 22px;line-height: 80px;}
.head-search a:after{position: absolute;content: '';width: 1px;height: 14px;background: #b8b8b8;top: 33px;left: 42px;}
.header .search_box{position: relative;height: 80px;transition: all .5s;}
.header .search_box input{transition:all .5s; float: left; width: 0px; position: absolute; height: 32px; top: 25px; right:68px; background: none; border:none; border-bottom: 1px solid #555; }
.header .search_box:hover input{width: 150px;padding-left: 10px;}
.header .search_box:hover{margin-left: 150px;}
.header .h_ss{ width:26px; height:26px;  display: block; background: url("../img/search.png") no-repeat ; position: absolute; top: 50%;right: 0; transform: translateY(-50%);}
.header .search_box .button{padding-right: 36px; border:none; background: none;  height: 35px;cursor: pointer; z-index: 6;outline: none;}
.header .search_box .button p{ line-height: 80px; font-size: 16px ;  }


/* 首页banner */
.warp1{padding-top: 80px!important;}
.warp1 .banner-pic img{display: block;width: 100%;}
.warp1 .banner-z{text-align: left;}
.warp1 .banner-z p{font-size: 30px;color: #fff;line-height: 1em;margin-top: 355px;margin-bottom: 25px;}
.warp1 .banner-z h4{font-size: 60px;color: #fff;line-height: 1em;font-weight: bold;}
.warp1 .swiper-pagination-bullet{float: left;display: block; width: 60px ;height: 4px;border-radius: 0;background: #c0cedb;margin:0 5px!important;opacity: 1!important;}
.warp1 .swiper-pagination-bullet-active{overflow: hidden; position: relative; width: 60px ;height: 4px;border-radius: 0;background: #c0cedb;margin:0 5px!important;}
.warp1 .swiper-pagination-bullet-active:before{background: #fff;animation-duration: 5s;
  animation-name: width;position: absolute;content: "";left: -60px;width: 60px;height: 4px;}
.warp1 .swiper-pagination{left: 50%!important;transform: translateX(-50%); bottom: 30px!important;width: auto!important;}
.warp1 .swiper-pagination-custom{width: 280px;left:50%;transform: translateX(-50%);}
@keyframes width {
  0% {
    left: -60px;
    
  }
  100% {
    left:0;
  }
}

/* 首页warp2 */
.warp2{padding:100px 0 ;}

.warp2 .warp2-l{width:43%;}
.warp2 .warp2-l h4{font-size: 35px;color: #222;line-height: 1em;font-weight: bold;}
.warp2 .warp2-l h4:nth-child(1){margin-bottom: 18px;margin-top: 2px;}
.warp2 .warp2-l h4:nth-child(2){margin-bottom: 30px;}
.warp2 .warp2-l p.article{font-size:16px;text-indent:2em;}
.warp2 .warp2-l a{font-size: 18px;color: #222;display: block;line-height: 3em;}
.warp2 .warp2-l a img{position: relative;left: 32px;top: 4px;}
.warp2 .warp2-r{width:55%;}
.warp2 .warp2-r .sum{margin-bottom: 50px; font-size:16px;color: #222;line-height: 30px; }

.qiu{border-radius: 50px;
            width: 50px;
            height: 50px;
            border: 2px solid #333;
            position: absolute;
          
            -webkit-transition:all .1s;}
/* 首页warp3 */
.warp3{position: relative;}
.warp3-page{position: absolute;bottom: 140px;left: 50%;transform: translateX(-50%);z-index: 99;}
.warp3-page ul{position: absolute;bottom: 0;right: 0;}
.warp3-page li{overflow: hidden; transition: all .5s; float: left;margin-right: 48px;box-sizing: border-box;width: 140px;height: 140px;border:2px solid #fff;position: relative;}
.warp3-page li:last-child{margin-right: 0;}
.warp3-page li h4{line-height: 1em;font-size: 18px;color: #fff;margin:0 0 16px 10px;text-align: left;}
.warp3-page li p{font-size: 24px;line-height: .8em;color: #fff;margin:8px 8px 75px 0;text-align: right;}
.warp3-page li.on{background: #fff;opacity: .7;}
.warp3-page li.on h4{color: #222;}
.warp3-page li.on p{color: #222;}
/* .warp3-page li:hover{background: #fff;opacity: .8;}
.warp3-page li:hover h4{color: #222;}
.warp3-page li:hover p{color: #222;} */
.warp3-con li{display: block;height: 740px;background-attachment: fixed;width:100%;}
.warp3-zimain{padding:60px 40px 58px 40px;background: #fff;opacity: .8;position: absolute;width: 320px;bottom: 140px;height: 342px;}
.warp3-zimain h4{font-size: 30px;line-height: 1.5;color: #222;font-weight: bold;margin-bottom: 28px;}
.warp3-zimain p{font-size: 16px;color: #222;}
.warp3-zimain .warp3-zi-p1{line-height: 1em;margin-bottom: 26px;}
.warp3-zimain .warp3-zi-p2{line-height: 24px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;text-align: justify;}
.warp3-zimain a{line-height: 44px;width: 104px;height: 44px;font-size: 16px;color: #fff;padding:0 38px;background: #333;display:block;position: absolute;bottom: 58px;z-index: 10;overflow: hidden;}
.warp3-zimain a img{position: absolute;right: 38px;top: 50%;transform: translateY(-50%);}
/* .warp3-page li:after{position: absolute;content: "";width: 0%;height: 0%;bottom: 0;right: 0;border: 2px solid transparent;}
.warp3-page li:before{position: absolute;content: "";width: 0%;height: 0%;top: 0;left: 0;}
.warp3-page li:hover::before, .warp3-page li:hover::after {border: 2px solid transparent;width: 100%;height: 100%;box-sizing: border-box;}
.warp3-page li:hover::before {border-top-color: #fff;border-right-color: #fff;-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.warp3-page li:hover::after { border-bottom-color: #fff;border-left-color: #fff;-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;} */
.warp3-page li a{display: block;position: relative;}



.warp4{
    background-image: url('https://qikaidq.com/template/wndl/assets/img/bg1.jpg');
}
.warp4 .product-view{
    position: relative;
    display:flex;
    padding: 80px 0 40px 0;
}
.warp4 .center-view{
    width: 80%;
}
.warp4 .center-view .swiper-slide .product{
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FFFFFF;
}
.warp4 .center-view .swiper-slide .product .tit{
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.warp4 .center-view .swiper-slide .product img{
    width: 100%;
}
.warp4 .right-view{
    box-sizing: border-box;
    width: 20%;
    padding-left: 15px;
}
.warp4 .left-view{
    display: none;
}
@media only screen and (max-width: 768px) {
    .warp4 .product-view{
        position: relative;
        display:flex;
        flex-direction: column;
        padding: 30px 0 20px 0;
    }
    .warp4 .left-view{
        display: block;
    }
    .warp4 .right-view{
        display: none;
    }
    .warp4 .center-view{
        width: 100%;
    }
}


.warp5{padding:80px 0 20px;}
.warp5 .warp5-l h4{font-size: 35px;color: #222;line-height:50px;font-weight: bold;}
.warp5 .warp5-l h4:nth-child(1){margin-bottom: 18px;margin-top: 2px;}
.warp5 .warp5-l h4:nth-child(2){margin-bottom: 10px;}
.warp5 .warp5-l a{font-size: 18px;color: #222;display: block;line-height: 1em;}
.warp5 .warp5-l a img{position: relative;left: 32px;top: 4px;}
.warp5 .warp5-r{width:50%;}
.warp5 .warp5-r .warp5-r-p1{padding-top: 64px; font-size:16px;color: #222;line-height: 30px;/* width: 77.9069767%; */margin-bottom: 48px; }
.m717 li{position: relative; float: left;width: calc(25% - 15px);margin-right: 20px;}
.m717 li>div{width: max-content;width:-moz-max-content;position: relative;}
.m717 li:last-child{/*width: 135px;*/margin-right: 0;}
.m717 li:last-child p{margin-left: 18px;}
.m717 li:nth-child(1) h4{margin-left: 15px;}
.m717 li:nth-child(2) h4{margin-left: 15px;}
.m717 li:nth-child(3) p{margin-left: 10px;}
.m717 li h4{ font-size: 60px;line-height: .8em;color: #da2129;margin-bottom: 14px;}
.m717 li p{font-size: 16px;line-height: 1em;color: #222;font-weight: bold;}
.m717 li .m-j{font-size: 30px;position: absolute;bottom: 36px;right: -15px;line-height: 16px; color: #da2129;}
.warp5 .warp5-r li{position: relative; float: left;width: 104px;margin-right: 108px;}
.warp5 .warp5-r li:last-child{width: 135px;margin-right: 0;}
.warp5 .warp5-r li:last-child p{margin-left: 18px;}
.warp5 .warp5-r li:nth-child(1) h4{margin-left: 15px;}
.warp5 .warp5-r li:nth-child(2) h4{margin-left: 15px;}
.warp5 .warp5-r li:nth-child(3) p{margin-left: 10px;}
.warp5 .warp5-r li h4{ font-size: 60px;line-height: .8em;color: #da2129;margin-bottom: 14px;}
.warp5 .warp5-r li p{font-size: 16px;line-height: 1em;color: #222;font-weight: bold;}
.warp5 .warp5-r li .m-j{font-size: 30px;position: absolute;bottom: 36px;right: -15px;line-height: 16px; color: #da2129;}



.warp6{padding:100px 0 80px;overflow: hidden;}
.warp6 li{float: left;width: 29%;margin-right: 6.5%;margin-bottom: 66px;}
.warp6 li:last-child{margin-right: 0;}
.warp6 .warp6-img{overflow: hidden;}
.warp6 .warp6-img img{display: block;transition: all .5s;width: 100%;}
.warp6 .warp6-img:hover img{transform: scale(1.1);}
.warp6 li h3{font-weight: bold;font-size: 24px;line-height: 1em;color: #222;margin: 28px 0 24px;}
.warp6  .warp6-time{font-size: 16px;line-height: .8em;color: #222;margin-bottom: 20px;}
.warp6  .warp6-sum{font-size: 16px;color: #222;line-height: 24px;width: 445px;}
.warp6 .warp6-more{margin: 0 auto; display: block;position: relative; width: 240px;padding: 0 30px;background-color: #333;color: #fff;height: 50px;line-height:50px;font-size: 16px;}
.warp6 .warp6-more img{position: absolute;right: 30px;top: 50%;transform: translateY(-50%);}

.warp7{background-attachment: fixed; background: url("../img/w71.jpg") no-repeat center left;background-size: cover;padding:0;height: 540px;}
.warp7 h4{text-align: center;font-size: 40px;color: #fff;font-weight: bold;line-height: 1em;margin-bottom: 60px;letter-spacing: 2px;}
.warp7 a{color: #fff;display: block;margin: 0 auto;background:#da2129;width: 300px;height: 50px;line-height: 50px;text-align: center;font-size: 18px;}
.warp7 .warp7-img{display: block;position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);}


.footer{padding:68px 0 35px;background:#f2f2f2;}
.footer-nav{margin-bottom: 88px;}
.footer-nav dl{float: left;margin-right: 156px;}
.footer-nav dl:last-child{margin-right: 0;}
.footer-nav dt{font-size: 18px;color: #333;line-height: 1em;margin-bottom: 32px;}
.footer-nav dd a{font-size: 14px;color: #666;line-height: 1em;margin-bottom: 16px;display: block;}
.footer-nav dd a:hover{color: #c42328;}
.footer-r h4{font-size: 16px;line-height: 1em;color: #333;margin-bottom: 34px;text-align: right;margin-right: 5px;}
.footer-r h4 img{position: relative;top: 2px;right: 5px;}
.footer-r p{font-weight: bold;line-height: .8em;color: #c72e33;margin-bottom: 46px;font-size: 40px;}
.footer-r ul{float: right;}
.footer-r li{margin-right: 15px; float: left; border: 1px solid #333;width: 40px;height: 40px;border-radius: 100%;position: relative;}
.footer-r li:last-child{margin-right: 0;}
.footer-r li img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.m25 p{font-size: 14px;line-height: 1em;color: #333;}
.m25 p span{    margin-left: 8px;}
.m25 a{font-size: 14px;line-height: 1em;color: #333;}
.m25 a:hover{color: #c42328;}
.footer-zi-p1{margin-bottom: 10px;}
.footer-r li .img2{display: none;}
.footer-r li .img3{display: none;width: 100px;top: 110px;}
.footer-r li:hover .img1{display: none;}
.footer-r li:hover .img2{display: block;transition: all .3s;}
.footer-r li:hover{border-color: #c42328;}
.footer-r li:hover .img3{display: block;}
/* 产品列表页 */
.nav-ne{position: relative; height: 120px;background: #f1f0f0;}
.nav-ne-l{display: none;}
.nav-ne-l p{font-size: 16px;line-height: 50px;color: #333;}
.nav-ne-l a{color: #333;}
.nav-ne-r{width: 100%}
.nav-ne-r li{float: left;margin-left: 66px;box-sizing: border-box;transition: all .3s;}
.nav-ne-r li a{font-size: 16px;line-height: 50px;color: #333;transition: all .3s;}
.nav-ne-r li.on{border-bottom: 2px solid #c42328;height: 50px;}
.nav-ne-r li.on a{color: #c42328;}
.nav-ne-r li:hover{border-bottom: 2px solid #c42328;height: 50px;}
.nav-ne-r li:hover a{color: #c42328;}
.pro-main{background: #f5f5f5;padding:50px 0 ;}
.ne-h4{letter-spacing: 4px; text-align: center;color: #333;font-size: 36px;line-height: 1em;margin-bottom: 20px;}
.ne-h4-bg{margin: 0 auto;width: 50px;height: 2px;background: #c42328;margin-bottom: 42px;}
.pro-main li{ width: calc(33.333% - 20px);float: left;margin:0px 30px 30px 0;background: #fff;}
.pro-main li:hover h4{color: #c42328;}
@media screen and (min-width: 769px){
    .pro-main li:nth-child(4n){margin-right: 0;}
}
.pro-main li h4{padding:0 10px;text-align: center;font-size: 24px;color: #333;line-height: 1em;margin:26px 0 26px;
text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.pro-main li p{text-align: center;font-size: 16px;color: #333;line-height: 1em;margin-bottom: 26px;}
.pro-main li a{text-align: center;font-size: 16px;color: #666;line-height: 1em;display: block;}
.pro-main li img{display: block;width: 100%;}
.pro-img {overflow: hidden;}
.pro-img img{transition: .5s;}
.pro-main li:hover .pro-img img{transform: scale(1.1);}
.more{margin: 0 auto; display: block;position: relative; width: 240px;padding: 0 30px;background-color: #333;color: #fff;height: 50px;line-height:50px;font-size: 16px;}
.more img{position: absolute;right: 30px;top: 50%;transform: translateY(-50%);}
.pro-more {margin-top: 40px;}


/* 关于我们 */
.banner{padding-top: 80px;}
.banner img{
    display: block;
    width: 100%;
}
.m-bg{position: relative;}
.m-bg:after{position: absolute;content: "";top:0;width: 100%;height: 100%;background: #333;opacity: .3;}
.about-banner-zi{top: 10%;position: relative;z-index: 10;}
.about-banner-zi .tit{font-size:48px;color: #fff;line-height: 1em;margin-bottom: 22px;letter-spacing: 5px; }
.about-banner-zi .tit span{font-size: 72px;line-height: .8em;}
.about-banner-zi .sum{font-size:48px;color: #fff;letter-spacing: 5px;line-height: 54px;margin-bottom:28px; }
.about-banner-pic {height: 128px;position: relative;}
.about-banner-pic img{position: absolute;top: 0;animation:mymove 4s infinite;}
@keyframes mymove{
    0%   {top:0;}
    
    50%  {top: 64px;}
    100% {top:0;}
}

.about-warp1{padding:50px 0;}
.about-warp1-zi {/*margin-bottom: 56px;*/}
.about-warp1-zl {
    width: 40%;
        text-align: justify;
}
.about-warp1-zl .tit{font-size: 36px;color: #333;font-weight: bold;line-height: 1em;margin: 8px 0 30px;}
.about-warp1-zlbg{width: 50px;height: 2px;background: #c42328;margin-bottom: 29px;}
.about-warp1-zl .sum{font-size: 24px;color: #333;line-height: 1em;}
.about-warp1-zl .bot{margin-bottom: 14px;}
.about-warp1-zr{width: 52%;}
.about-warp1-zr img{
    width: 100%;
    display: block;
}
.about-warp1-zr .sum{font-size: 16px;color: #333;line-height: 24px;letter-spacing: 1px;}
.about-warp1-zr .bot{margin-bottom: 25px;}
/*.about-warp1 ul li{float: left;width: 23.255814%;margin-right: 2.3255814%;background:#f5f5f5;text-align: center;}*/
/*.about-warp1 ul li:last-child{margin-right: 0;}*/
.about-warp1 ul li .about-pro-img{height: 110px;overflow: hidden;position: relative;transition: .5s;}
.about-warp1 ul li .about-pro-img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.about-warp1 ul li .about-pro-img:hover {transform: scale(1.1);}
.about-warp1 ul li .tit{font-size: 24px;line-height: 1em;color: #333;font-weight: bold;margin-bottom: 12px;}
.about-warp1 ul li .sum{font-size: 16px;line-height: 1em;color: #333;margin-bottom: 38px;}

.about-warp2{position: relative;}
.about-warp2 .tito{font-size: 40px;color: #fff;line-height: 1em;top:100px ;position: absolute;z-index: 10;left: 50%;transform: translateX(-50%);}
.about-warp2 .about-warp2-pic li{height:800px;text-align: center; }
.about-warp2 .about-warp2-pic li .tit{letter-spacing: 5px; margin-bottom: 28px;font-weight: 500;color: #fff;font-size:30px;line-height: 1em;padding-top: 40px;}
.about-warp2 .about-warp2-pic li .sum{font-size: 18px;line-height: 38px;color: #fff;margin:0 auto;}
.about-warp2 .about-warp2-pic .xx{position: relative;top: 240px; width: 1000px;height: 280px; margin: 0 auto;background: rgb(0,0,0,.5);}
.about-warp2 .about-warp2-pic .xx:before{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 96%;height: 90%;border: 1px solid #fff; content: "";}
.about-warp2 .about-warp2-page li{float: left;width: 20%;box-sizing: border-box;text-align: center;height: 100px;border-left: 1px solid #4d4d4d;}
.about-warp2 .about-warp2-page li:last-child{border-right: 1px solid #4d4d4d;}
.about-warp2 .about-warp2-page li a{letter-spacing: 4px; display: block;line-height: 100px;font-size: 18px;color: #b4b4b4;}
.about-warp2 .about-warp2-page li.on a{color: #fff;font-weight: 500;}
.about-warp2 .about-warp2-page li:hover a{color: #fff;font-weight: 500;}
.about-warp2 .about-warp2-page{position: absolute;border-top: 1px solid #4d4d4d;border-bottom: 1px solid #4d4d4d;box-sizing: border-box;bottom: 90px;width: 100%;z-index: 999;}

.about-warp3 {}
.about-warp3-ry{margin-top: 110px;padding-bottom: 180px!important;}
.about-warp3-ry .tit{letter-spacing: 5px; margin-bottom: 50px; font-size: 36px;line-height: 1em;color: #333;text-align: center;font-weight: bold;}
.about-warp3-ry .ryimg{transition: .5s; width: 100%;height: 300px;position: relative;box-shadow: 0px 0px 5px rgb( 0, 0, 0,.3)}
.about-warp3-ry .ryimg img{max-width: 100%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%;}
/* .about-warp3-ry li{margin-right: 2.33%;width: 23.26%!important;}
 */.about-warp3-ry li .sum{font-size: 18px;text-align: center;color: #333;margin-top: 30px;line-height: 1em;}
.about-warp3-ry .swiper-pagination-bullet{width: 14px;height: 14px;background: #333;margin:0 13px!important;opacity:1;}
.about-warp3-ry .swiper-pagination-bullet-active{background: #c42328;}
.about-warp3-ry .swiper-pagination{bottom:120px!important;}

.m-fz{ height: 700px;margin-bottom: 86px; background:url("../img/m-ry.jpg") no-repeat right; }
.m-fz .tit{padding: 110px 0 34px; font-size: 36px;color: #fff;line-height: 1em;text-align: center; letter-spacing: 4px;}
.m-fz .fz-bg{width: 2px;height: 62px;margin: 0 auto; background: #fff;}
.m-fz .fz-main{padding-top: 40px; text-align: center;color: #fff;}
.m-fz .fz-main li .time{margin-bottom: 76px; font-size: 100px;line-height: 144px;font-weight: bold;}
.m-fz .fz-main li .sum1{margin-bottom: 28px; font-size: 48px;line-height: 1em;}
.m-fz .fz-main li .sum2{font-size: 24px;line-height: 30px;}
.m-fz .swiper-button-next, .m-fz .swiper-button-prev{width: 100px;}
.m-fz .swiper-button-next img, .m-fz .swiper-button-prev img{width: 100%;height: auto;}
.m-fz .swiper-button-next:after, .m-fz .swiper-button-prev:after{display: none;}


.about-warp4{position: relative; background: url("../img/a8.jpg") no-repeat center;padding: 245px 0;text-align: center;}
.about-warp4 .sum{line-height: 1em;color: #fff;font-size: 36px;margin-bottom: 26px;}
.about-warp4 .tit{line-height: 1em;color: #fff;font-size: 48px;}
.boxes{position: absolute;top: 50%;transform: translate(-50%,-50%);height: 120px;width: 82.8125%;left: 50%;overflow: hidden;}
.box {width: 89.6%!important;left: 50%;transform: translateX(-50%);top: 40%; height: 120px!important;position: absolute!important;font-size: 120px!important;line-height: 120px!important;color: #fff;opacity: .08;background: none!important;}

.about-warp5{padding: 83px 0 127px;}
.about-warp5 .tit{margin-bottom: 40px; font-size: 36px;line-height: 1em;color: #333;text-align: center;font-weight: bold;letter-spacing: 2px;}
.about-warp5-img{margin-bottom: 20px;overflow: hidden;}
.about-warp5-img img{transition: all .5s;width: 100%;display: block;}
.about-warp5 li{float: left;margin-right: 2.32%;width: 23.26%;}
.about-warp5 li:last-child{margin-right: 0;}
.about-warp5 li:hover img{transform: scale(1.1);}
.about-warp5 li .sum{font-size: 16px;line-height: 32px;color: #333;}
.about-warp5-more{margin: 68px auto 0; display: block;position: relative; width: 240px;padding: 0 30px;background-color: #333;color: #fff;height: 50px;line-height:50px;font-size: 16px;}
.about-warp5-more img{position: absolute;right: 30px;top: 50%;transform: translateY(-50%);}

/* 招商加盟 */
.join-banner-zi {position: relative;top: 320px;font-size: 48px;line-height: 1em;color: #fff;z-index: 10;}
.join-banner-zi .bg{ width: 646px;height: 256px;background: rgb(0,0,0,.6);}

.join-banner-zi .tit{letter-spacing: 2px;padding:54px 0 38px 86px;}
.join-banner-zi .sum{letter-spacing: 2px;padding-left: 86px;}
.join-banner-zi .sum span{letter-spacing: 0;}
.join-more{font-size: 16px;display: block;width: 200px;height: 50px;line-height: 50px;background: #000;text-align: center;color: #fff;}



.join-warp1{padding: 98px 0 108px;text-align: center;}
.join-tit{text-align: center; font-size: 36px;line-height: 1em;color: #333;letter-spacing: 5px;margin-bottom: 20px;}
.join-sum{text-align: center;line-height: 36px;font-size: 18px;color: #333;margin: 0 auto 30px;width: 49%;}
.join-warp1 li{float: left;width: 30.81%;margin-right: 3.779%;overflow: hidden;position: relative;}
.join-warp1 li:last-child{margin-right: 0;}
.join-warp1 li img{width: 100%;display: block;}
.join-img-bg{background: rgba(0,0,0,.4);width: 100%;height: 280px;position: absolute;top: 100%;transition: all .5s;}
.join-warp1 .name{position: absolute;top: 100%;font-size: 30px;color: #fff;transition: all.5s;left: 50%;transform: translateX(-50%);}
.join-warp1 li:hover .join-img-bg{display: block;top: 0;}
.join-warp1 li:hover .name{display: block;top:50%;transform: translate(-50%,-50%);}

.join-warp2{padding: 85px 0 88px; background: #f2f2f2;text-align: center;}
.join-warp2 .join-sum{margin-bottom: 22px;}
.join-warp2 li{float: left;width: 24.41%;margin-right: 0.775%}
.join-warp2 li:last-child{margin-right: 0;}
.join-warp2 .join-w2-img{overflow: hidden;margin-bottom: 30px;}
.join-warp2 .join-w2-img img{width: 100%;display: block;transition: all .5s;}
.join-warp2 li:hover .join-w2-img img{transform: scale(1.1);}
.join-warp2 li .sum{font-size: 24px;color: #333;line-height: 1em;text-align: left;}

.join-warp3{padding-top:100px;text-align: center;}
.join-warp3 .join-tit{margin-bottom: 26px;}
.join-w3-img{display: flex;padding-top: 22px;}
.join-w3-img .img{flex-shrink: 1;overflow: hidden;}
.join-w3-img .img img{transform: scale(1.01); display: block;width: 100%;transition: all .5s;}
.join-w3-img .img:hover img{transform: scale(1.1);}

.join-warp4{padding-top: 88px;}
.join-warp4 .join-tit{margin-bottom: 24px;text-align: center;}
.join-warp4 .sum{margin-bottom: 67px; font-size: 18px;line-height: 36px;text-align: center;}
.jpin-warp4 .img{display: block;width: 100%;height: auto;}
.join-warp4 ul{width: 95.93%; padding:0 2.035%;}
.join-warp4 li{font-weight: bold; width:31.52% ;float: left;margin:0 0.9% 20px;height: 80px;line-height: 80px;background: #e6e6e6;font-size: 24px;color: #333;text-align: center;}
.join-warp4 img{width: 100%;display: block;}


.join-warp5{position: relative; padding: 70px 0 146px;}
/* .join-warp5 li{width: 30.81%!important;margin-right: 3.779%;overflow: hidden; }
 */.join-warp5 li img{width: 100%;display: block;transition: all.5s;}
.join-warp5 li:hover img{transform: scale(1.1);}
.join-warp5 .swiper-pagination-bullet{width: 14px;height: 14px;background: #333;margin:0 13px!important;opacity:1;}
.join-warp5 .swiper-pagination-bullet-active{background: #c42328;}
.join-warp5 .swiper-pagination{bottom:80px!important;left: 50%;transform: translateX(-50%);}

.join-warp6{}
.join-warp6 ul{padding-top: 20px;padding-bottom: 50px;}
.join-warp6 ul li{position: relative; float: left;background: #e6e6e6;width: 23.256%;margin-right: 2.325%;margin-bottom: 50px;position: relative;overflow: hidden;}
.join-warp6 ul li:before{position: absolute; width: 100%;height: 100%; display: none; background: rgb(51,51,51,.7); content: "";transition: all .5s;  }
.join-warp6 ul li img{display: block;width: 100%;}
.join-warp6 ul li .tit{position: absolute;left: 50%;transform: translateX(-50%);top: 20px;display: none; font-size: 24px;color: #fff;line-height: 1em;transition: all .5s;}
.join-warp6 ul li .sum{font-size: 16px;color: #fff;line-height: 26px;width: 85%;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);transition: all .5s;}
.join-warp6 ul li:hover .sum{top: 60px;}
.join-warp6 ul li:hover .tit{display: block;}
.join-warp6 ul li:hover:before{display: block;}
.join-warp6 ul li:nth-child(4n){margin-right: 0;}



.join-warp7{padding: 68px 0 110px;background: url("../img/j71.jpg") no-repeat center;}
.join-warp7 .join-tit{margin-bottom: 66px;color: #fff;}
.join-warp7 ul{padding-left: 14.584%;width: 85.416%;}
.join-warp7 li{margin-right: 6.8293%; float: left;border-radius: 100%;width: 180px;height: 180px;position: relative;background: #c42328;}
.join-warp7 li:last-child{margin-right: 0;}
.join-warp7 li:after{position: absolute;content: "";background: url("../img/j77.png") no-repeat;top: 50%;transform: translateY(-50%);right: -90px;width: 68px;height: 13px;}
.join-warp7 li:last-child:after{display: none;}
.join-warp7 li img{position: absolute;left: 50%;transform: translateX(-50%);top: 40px;}
.join-warp7 .sum{font-size: 18px;line-height: 24px;color: #fff;top: 96px;position: absolute;left: 50%;transform: translateX(-50%);width: 70%;text-align: center;}


.join-warp8{padding:80px 0 112px;}
.join-warp8 .join-tit{margin-bottom: 10px;}
.join-warp8 .form{background: #f5f5f5;padding: 80px 0 170px;position: relative;}
.join-warp8 .bbs_form{padding:0 5px;}
.join-warp8 .infoInput{float: left;width: 29.07%;height: 50px;box-sizing: border-box;margin:0 2.132%;padding-left: 20px;font-size: 16px;border: 1px solid #333;}
input::-webkit-input-placeholder {color: #333;}
.join-warp8 .button{transition: all .5s; letter-spacing: 1px; width: 29.07%;position: absolute;bottom: 80px;left: 50%;transform: translateX(-50%); display: block;background: #333;color: #fff;height: 50px;border: none;font-size: 16px;}
.join-warp8 .button:hover {background: #c42328;}

.join-warp9 {position: relative;top: -76px; padding:47px 0 10px;box-shadow:-1px 1px 10px 0px rgb( 0, 0, 0,.1 );background: #fff; }
.join-warp9 .tit{padding-left: 50px;margin-bottom: 30px; font-size: 36px;line-height: 1em; color: #333;}
.join-warp9 .ts{padding-left: 50px;margin-bottom: 24px; font-size: 16px;line-height: 1em;color: #888;}
.join-warp9 .bg{padding-left: 50px;font-size: 80px;line-height: 58px;color: rgb(51,51,51,.06);}
.join-warp9 .m-bd{position: relative; margin-bottom: 24px;margin-left: 50px;width: 94.7674419%;}
.join-warp9 .m-bd .infoInput{display: block;width: 30.0613497%;padding-left: 0.613496933%; height: 60px;  border: none; background: #f7f7f7;font-size: 18px;/* margin-right:3.6809816%; */ }
.join-warp9 .m-bd input[name='mzs']{float: right;}
.join-warp9 .m-bd input[name='mphone']{float: right;margin-right: 3.6809816%;}
.join-warp9 .m-bd input[name='mname']{float: left;}
.join-warp9 .m-bd .button{position: absolute;top: 92px;right: 0;width: 200px;height: 50px;border: none; line-height: 50px;text-align: center;font-size: 18px;background: #333; color: #fff;}

.join-warp10{margin:137px 0 95px; padding:125px 0 160px; text-align: center; background: url("../img/j21.jpg") no-repeat center;}
.join-warp10 .tit{margin-bottom: 22px; font-size: 36px;line-height: 1em;color: #fff;}
.join-warp10 .sum{width:55.7291667%;margin: 0 auto 78px; font-size: 18px;line-height: 36px;color: #fff;}
.join-warp10 ul{width:max-content;margin: 0 auto;}
.join-warp10 li{float: left;margin: 0 12px;}
.join-warp10 li img{display: block;width: 100%;height: auto;}

.join-warp11{padding-bottom: 135px;}
.join-warp11 .ne-h4{margin-bottom: 42px;}
.join-warp11 li{box-shadow: -1px 1px 10px 0px rgb( 0, 0, 0,.1 )}
.join-warp11 li .top{width: 54px;height: 53px;margin: 30px auto 20px;}
.join-warp11 li .usum{margin-bottom: 20px; text-align: center;font-size: 20px;line-height: 1em;color: #333;}
.join-warp11 li .bg{width: 40px;height: 2px;margin: 0 auto; background: #c3252a;}
.join-warp11 li .sum{line-height: 30px!important; }

.join-warp12{background: url("../img/mj12.jpg");}
.join-warp12 .mtit{margin-bottom: 66px; text-align: center;line-height: 1em;font-size: 36px; color: #fff;}
.join-warp12 .mb{margin-bottom: 46px;}
.join-warp12 li {width: 33.33%!important;margin: 0!important; box-sizing: border-box;border-bottom: 1px solid #81838a; border-left: 1px solid #81838a; }
.join-warp12 li:nth-child(3n){border-right: 1px solid #81838a;}
.join-warp12 li .top{padding-left: 0;height: 102px;text-align: center; background: none;}
.join-warp12 li .top .t-tit{padding-top: 45px;line-height: 1em;}
.join-warp12 li .bottom{padding: 0 0 0 33.1010453%;height: 280px;text-align: center;background: none;}
.join-warp12 li .bottom .bottom-sum{color: #fff;}

.join-warp12 .tit{margin-bottom: 0!important; box-sizing: border-box; border: 1px solid #81838a;  line-height: 80px!important;color: #fff!important;}

/* 品牌资讯 */
.news{position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 100%;}
.news li{margin: 0 35px;height: 100%!important;padding:25px 0px 0 ;width: 120px;text-align: center;}
.news li a{display: block;margin-bottom: 10px; line-height: 1em;}
.news li .news-rimg{display: block;margin: 0 auto;}
.news li .news-rimg2{margin: 0 auto;}
.news li:hover{background: #c42328; border: none;}
.news li.on{background: #c42328; border: none;}
.news li.on .news-rimg{display: none;}
.news li.on .news-rimg2{display: block;}
.news li.on a{color: #fff;}
.news li:hover a{color: #fff;}
.news li:hover .news-rimg{display: none;}
.news li:hover .news-rimg2{display: block;}

.news-banner{height: 500px;padding-top: 80px;}
.news-main{padding:50px 0;position: relative;}
.news-main li{float: left;margin-right: 30px;width: calc(33% - 16px);margin-bottom: 30px;box-sizing:border-box;}
.news-main li:nth-child(3n){margin-right: 0;}
.news-main li img{display: block;transition: all .5s;width: 100%}
.news-main li .news-img{overflow: hidden;}
.news-main li:hover img{transform: scale(1.1);}
.news-main li .news-sum{}
.news-main li .news-sum .tit{margin:24px 0 20px; font-size: 18px;line-height: 32px;color: #222;margin-bottom: 18px;    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.news-main li .news-sum .sum{ font-size: 16px;color: #666;line-height: 24px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
height: 48px;}
.news-main li .news-sum .time{font-size: 16px;line-height: .8em;color: #222;margin-bottom: 20px;}
.news-main li .news-more {width: 82px;height: 30px;display: block;background: #e6e6e6;font-size: 16px;color: #222;line-height: 30px;text-align: center;margin-top: 32px;transition: .5s;}
.news-main li .news-more:hover{
    color: #fff;
}
.news-main .news-page {position: absolute;bottom:132px;left: 50%;transform: translateX(-50%);}
.news-main .news-page a{float: left;margin: 0 10px 20px; display: block;width: 44px;line-height: 44px;height: 44px;background: #e6e6e6;color: #333;text-align: center;}
.news-main .news-page a:hover{display: block; width: 44px;line-height: 44px;height: 44px;background: #333;color: #fff;text-align: center;}
.news-main .news-page .now {float: left; margin: 0 10px; display: block; width: 44px;line-height: 44px;height: 44px;background: #333;color: #fff;text-align: center;}

.read{margin-top: 65px;padding: 55px 0 90px;background: #f2f2f2;}
.read-main{width: 78.0813953%;margin: 0 auto;}
.read-main .tit{font-size: 30px;color: #333;line-height: 40px;margin-bottom: 15px;text-align: center;}
.read-main .time{font-size: 16px;color: #333;line-height: 2;text-align: center;}
.read-main .read-con{margin-top: 15px;padding-bottom: 48px;font-size: 16px;}
.read-main .read-con img{max-width: 100%;height: auto;}
.read-main .read-con video{max-width: 100%;height: auto;display: block;margin: 0 auto;}
.read-page{width: 100%;border-top: 1px solid #ccc;padding-top: 20px;}
.read-page p{font-size: 16px;color: #333;line-height: 1em;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.read-page p a{color: #333;}
.read-page p a:hover{color: #c42328;}
.read-more{padding-bottom: 114px!important;}
.read-more li{float: left;/* margin-right: 6.39534884%; *//* width: 29.0697674%!important; */margin-bottom: 80px;}
/* .read-more li:nth-child(3n){margin-right: 0;} */
.read-more li img{display: block;transition: all .5s;width: 100%}
.read-more li .news-img{overflow: hidden;}
.read-more li:hover img{transform: scale(1.1);}
.read-more li .news-sum .tit{margin:24px 0 20px; font-size: 18px;line-height: 32px;color: #222;margin-bottom: 18px;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.read-more li .news-sum .sum{font-size: 16px;color: #666;line-height: 24px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
height: 48px;}
.read-more li .news-sum .time{font-size: 16px;line-height: .8em;color: #222;margin-bottom: 20px;}
.read-more li .news-more {width: 82px;height: 30px;display: block;background: #e6e6e6;font-size: 16px;color: #222;line-height: 30px;text-align: center;margin-top: 32px;}
.read-more li .news-more:hover{background:#c42328;color: #fff;transition:.35s;}
.read-more .swiper-pagination-bullet{width: 14px;height: 14px;background: #333;margin:0 13px!important;opacity:1;}
.read-more .swiper-pagination-bullet-active{background: #c42328;}
.read-more .swiper-pagination{bottom:95px!important;}
.read-more .tit{font-size: 36px;line-height: 1em;text-align: center;color: #333;margin:76px 0 42px;}


/* 服务 */
.fw-mb{padding: 50px 0 ;}
.fw-mb li{width: 24.4186047%;float: left;margin-right:0.775193798%; }
.fw-mb li .img{overflow: hidden;}
.fw-mb li .img img{width: 100%;display: block;transition: all .5s;}
.fw-mb li:last-child{margin-right: 0;}
.fw-mb li .sum{font-size: 30px;line-height: 1em;color: #333;margin-top: 25px;text-align: center;}
.fw-mb li:hover .img img{transform: scale(1.1);}
.fw-bz li{width: 19.1860465%;float: left;background: #f2f2f2;height: 300px;margin-right: 1.01744186%;}
.fw-bz li:last-child{margin-right: 0;}
.fw-bz li .top{margin-top: 28px;}
.fw-bz li .top img{position: relative;left: 50%;transform: translateX(-50%);}
.fw-bz li .bottom{margin-top: 14px;text-align: center;}
.fw-bz li .bottom p{font-size: 16px;line-height: 36px;color: #666;width: 85.454545%;margin:0 auto;}
.fw-zc{padding:90px 0 155px;}
.fw-zc .ne-h4-bg{margin-bottom: 40px;}
.fw-zc-img{overflow: hidden;}
.fw-zc-img img{width: 100%;display: block;transition: all .5s;}
.fw-zc-img:hover img{transform: scale(1.1);}
.fw-zc .mb{margin-bottom: 94px;}
.fw-zc .mb2{margin-bottom: 80px;}
.fw-zc1 .fw-zc-img{margin-left: 3.48837209%;width: 46.5116279%;}
.fw-zc1 .fw-zc-zi{width: 46.1627907%;padding-top: 28px;}
.fw-zc2 .fw-zc-zi{width: 45.9302329%;padding-top: 28px;text-align: right;}
.fw-zc2 .fw-zc-img{margin-right: 3.48837209%;width: 46.5116279%;}
.fw-zc1 .num-bg{right: 183px;}
.fw-zc2 .num-bg{left: 100%;transform: translateX(-19px);}
.fw-zc-zi .num{font-size: 18px;line-height: .8em;color: #c42328;}
.fw-zc-zi .num-bg{width: 200px;height: 1px;background: #c42328;margin: 8px 0 30px;position: relative;}
.fw-zc-zi .tit{font-size: 30px;line-height: 1em;color: #333;margin-bottom: 24px;}
.fw-zc-zi .sum{font-size: 16px;line-height: 26px;color: #333;margin-bottom: 4px;}

.fw-zcc{padding:50px 0 ;}
.fw-zcc .ne-h4-bg{margin-bottom: 50px;}
.fw-zcc li{float: left;margin-right: 6.39534884%;width: 29.0697674%;margin-bottom: 82px; }
.fw-zcc li:nth-child(3n){margin-right: 0;}
.fw-zcc .tit{font-size: 30px;color: #333;line-height: 1em;text-align: center;margin-bottom: 50px;}
.fw-zcc .top{padding-left: 12%;height: 50px;background: #c42328;}
.fw-zcc .top .t-tit{line-height: 50px;color: #fff;font-size:24px;}
.fw-zcc .bottom{padding-left: 12%;height: 288px;background: #f5f5f5;padding-top: 30px;}
.fw-zcc .bottom .mtb{margin-bottom: 20px;}
.fw-zcc .bottom i{width: 40px;height: 40px;background-color: #e6e6e6;border-radius: 100%;float: left;display: block;}
.fw-zcc .bottom .bottom-sum{line-height: 40px;color: #333;font-size: 16px;float: left;margin-left: 20px;width: calc(100% - 60px);}
.fw-zcc .second .bottom{height: 338px;}

.fw-wt{padding:50px 0 ;}
.fw-wt .wt-main{width:67.708333% ;padding:40px 50px 62px;background-color: #f5f5f5;margin: 0 auto;}
.wt-main li{box-sizing: border-box;border-bottom: 1px solid #666; }
.wt-main li:first-child{border-top: 1px solid #666;}
.wt-main .wt-con{display: block;}
.wt-main .wt-con .tit{float: left;line-height: 70px;font-size: 18px;color: #333;}
.wt-main .wt-con i{transition: all .5s; display: block;float: right;font-size: 32px;line-height: 70px;color: #333;}
.wt-main .wt-content{display: none;padding:25px 0 50px;background: #c42328;color: #fff;}
.wt-main .top{padding:0 34px 0 18px;margin-bottom: 44px;}
.wt-main .top .tit{font-size: 18px;line-height: 1em;float: left;}
.wt-main .top .bg{float: right;width: 16px;height: 2px;background: #fff;margin-top: 9px;}
.wt-content .bottom{font-size: 16px;line-height: 26px;padding:0 50px;}
.xz{transform: rotate(45deg);}

.fw-video{padding: 88px 0;}
.fw-video .video-main li{float: left;width: 31.9767442%;margin-right: 2.03488372%;margin-bottom: 68px;}
.fw-video .video-main li:nth-child(3n){margin-right: 0;}
.video-main .video-img{position: relative;overflow: hidden;}
.video-main .video-img .pic1{width: 100%;display: block;transition: all .5s;}
.video-main .video-img .pic2{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all .3s;opacity: 0;}
.fw-video .video-main li:hover .pic2{opacity: 1;}
.fw-video .video-main li:hover .pic1{transform: scale(1.1);}
.fw-video .video-main .tit{font-size: 24px;line-height: 1em;display: block;color: #333;margin-top: 20px;}

.fw-fx{padding:88px 0 134px;}
.fw-fx .ne-h4-bg{margin-bottom: 36px;}
.fx-main .fx-img{overflow: hidden;}
.fx-main .fx-img img{width: 100%;display: block;transition: all .5s;}
.fx-main li:first-child{width: 100%;margin-right: 0;margin-bottom: 60px;}
.fx-main .first{background: #f2f2f2;position: relative;}
.fx-main .first .fx-img{width: 58.1395349%;}
.fx-main .first .fx-zi{width: 41.8604651%;}
.fx-main .first .fx-zi .name{font-size: 36px;line-height: 1em;color: #333;position: absolute; top: 13.4387352%; left: 62.7906977%;}
.fx-main .first .fx-zi .time{font-size: 16px;line-height: .8em;color: #333;position: absolute; top: 23.9130435%; left: 62.7906977%;}
.fx-main .first .fx-zi .sum1{font-size: 16px;line-height: 1em;color: #333;position: absolute; top: 32.4110672%; left: 62.7906977%;}
.fx-main .first .fx-zi .sum2{width: 28.7209302%; font-size: 16px;line-height: 32px;color: #333;position: absolute; top: 47.0355731%; left: 62.7906977%;}
.fx-main .first .fx-zi .bg{width: 32.79%;height: 1px;background: #333;position: absolute;left: 62.7906977%;top: 41.1067194%;}
.fx-main .first .fx-zi .fx-more{position: absolute;bottom: 14.229249%;left: 62.7906977%;width: 200px;height: 50px;line-height: 50px;background: #c42328;text-align: center;font-size: 16px;color: #fff;display: block;}
.fx-main .other{margin-bottom: 40px; background: #f2f2f2;float: left;width: 31.9767442%;margin-right: 2.03488372%;}
.fx-main .other:nth-child(3n+1){margin-right: 0;}
.fx-main .other .fx-zi{padding:30px 0 38px 30px; color: #333;}
.fx-main .other .fx-zi .name{font-size: 24px;line-height: 1em;margin-bottom: 16px;}
.fx-main .other .fx-zi p{font-size:16px;line-height: 1em;}
.fx-main .other .fx-zi .time{line-height: .8em;margin-bottom: 16px;}
.fx-main .other .fx-zi .sum1{margin-bottom: 38px;}
.fx-main .other .fx-zi .sum2{line-height: 26px;width: 82%;}
.fx-main ul{margin-bottom: 54px;}
.fx-main li:hover .fx-img img{transform: scale(1.1);}




.o1,.o2,.o3,.o4,.o5,.o6{
position: relative;
}
.o1>span,.o2>span,.o3>span,.o4>span,.o5>span,.o6>span{
    display: block;
    position: absolute;
    background: #fff;
    -webkit-transition: 0.5s linear;
  transition: 0.5s linear;

}
.o1>span:nth-child(1),.o2>span:nth-child(1),.o3>span:nth-child(1),.o4>span:nth-child(1),.o5>span:nth-child(1),.o6>span:nth-child(1){
    width: 3px;
    height: 0px;
    left: 0;
    bottom: 0;
}
.o1>span:nth-child(2),.o2>span:nth-child(2),.o3>span:nth-child(2),.o4>span:nth-child(2),.o5>span:nth-child(2),.o6>span:nth-child(2){
    width: 0px;
    height: 3px;
    left: 0;
    bottom: 0;
}
.o1>span:nth-child(3),.o2>span:nth-child(3),.o3>span:nth-child(3),.o4>span:nth-child(3),.o5>span:nth-child(3),.o6>span:nth-child(3){
    width: 3px;
    height: 0px;
    right: 0;
    top: 0;
}
.o1>span:nth-child(4),.o2>span:nth-child(4),.o3>span:nth-child(4),.o4>span:nth-child(4),.o5>span:nth-child(4),.o6>span:nth-child(4){
    width: 0px;
    height: 3px;
    right: 0;
    top: 0;
}
.warp3-page .active, .warp3-page  .o1:hover span:nth-child(1),
.warp3-page .active, .warp3-page  .o2:hover span:nth-child(1),
.warp3-page .active, .warp3-page  .o3:hover span:nth-child(1),
.warp3-page .active, .warp3-page  .o4:hover span:nth-child(1)
{
    height: 140px;
}
.warp3-page .active, .warp3-page  .o1:hover span:nth-child(2),
.warp3-page .active, .warp3-page  .o2:hover span:nth-child(2),
.warp3-page .active, .warp3-page  .o3:hover span:nth-child(2),
.warp3-page .active, .warp3-page  .o4:hover span:nth-child(2)
 {
    width: 140px;
}
.warp3-page .active, .warp3-page  .o1:hover span:nth-child(3),
.warp3-page .active, .warp3-page  .o2:hover span:nth-child(3),
.warp3-page .active, .warp3-page  .o3:hover span:nth-child(3),
.warp3-page .active, .warp3-page  .o4:hover span:nth-child(3)
{
    height: 140px;
}
.warp3-page .active, .warp3-page  .o1:hover span:nth-child(4),
.warp3-page .active, .warp3-page  .o2:hover span:nth-child(4),
.warp3-page .active, .warp3-page  .o3:hover span:nth-child(4),
.warp3-page .active, .warp3-page  .o4:hover span:nth-child(4)
{
    width: 140px;
}


.m610{position: relative;overflow: hidden;z-index: 10;}
.m610:before{transition: all .5s; position: absolute;content: "";width: 100%;height: 100%;background-color: #c42328;left: -100%;z-index: -1;}
.m610:hover:before{left: 0;transition: all .5s;}

/* 搜索界面 */
.main{padding: 100px 0;position: relative;}
.main-ul li{margin-bottom: 30px;width: 100%;} 
.main-ul li span{display: block;font-size: 24px;line-height: 1.5em;color: #333;}
.main-ul li a{display: block;font-size: 24px;line-height: 1.5em;color: #333;width: 70%;}
.main .pager {position: absolute;bottom:50px;left: 50%;transform: translateX(-50%);}
.main .pager a{ display: block;width: 44px;line-height: 44px;height: 44px;background: #e6e6e6;color: #333;text-align: center;}
.main .pager a:hover{display: block; width: 44px;line-height: 44px;height: 44px;background: #333;color: #fff;text-align: center;}
.main .pager .now {display: block; width: 44px;line-height: 44px;height: 44px;background: #333;color: #fff;text-align: center;}


/* 二级下拉 */
.mh-ej{position: absolute;top: 80px;width: 100%;height: 410px;background: #fff;transition: all .5s;}
.mh-ej .tabsm{ width: 1000px;margin: 0 auto;padding-top: 50px;}
.mh-ej .tabsm .itemm{position: relative; width: 250px;height: 300px;}
.mh-ej .tabsm .itemm .img-r{width: 80%;height: auto;display: block;margin: 0 auto;}
.mh-ej .tabsm .itemm .tit{position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%); font-size: 22px; color: #666;}
/* .mh-ej-top .itemm{position: relative; float:left;width: 180px;height: 70px;margin:0 10px;}
.mh-ej-top .itemm .img-r{display: block;position: absolute;top: 50%;transform: translateY(-50%);}
.mh-ej-top .itemm .tit{font-size: 16px;line-height: 70px;color: #ccc;} */

/* .mh-ej-bottom{width: 800px;margin: 0 auto;}
.mh-ej-bottom .item-m{margin-top: 20px;}
.mh-ej-bottom .item li{float: left;width: 200px;}
.mh-ej-bottom .item li img{width: 100%;height: auto;display: block;}
.mh-ej-bottom .item li .tit{ margin-top: 30px; font-size: 16px;text-align: center; color: #333;} */



.hidden-p{
  display: none!important;
}
.nav-nepro{height: 50px;background: #e6e6e6;}
.nav-nepro-l p{font-size: 14px;line-height: 50px;color: #333;}
.nav-nepro-l a{color: #333;}
.nav-nepro-l a:hover{color: #c42328;}
.nav-nepro-r li{float: left;margin:0 20px;box-sizing: border-box;transition: all .3s;}
.nav-nepro-r li a{font-size: 16px;line-height: 50px;color: #333;transition: all .3s;display: block;text-align: center;}
.nav-nepro-r li.on{border-bottom: 2px solid #c42328;height: 50px;}
.nav-nepro-r li.on a{color: #c42328;}
.nav-nepro-r li:hover{border-bottom: 2px solid #c42328;height: 50px;}
.nav-nepro-r li:hover a{color: #c42328;}

.pro_main{width: 100%;box-sizing: border-box;overflow: hidden;background: #f5f5f5;padding: 60px 0 ;}
/*产品栏目*/
.pro_main .pro_nav_box{float: left;width: 387px;border-right: 1px solid #ebebeb;border-bottom: 0px;box-sizing: border-box;}
.pro_main .pro_nav_box .nav_item{width:100%;border-bottom: 1px solid #ebebeb;}
.pro_main .pro_nav_box .nav_item .top_item{transition: all .3s linear; line-height: 72px;position: relative;transition: all .3s linear;}
.pro_main .pro_nav_box .nav_item .top_item a{width: 80%;height: 100%;font-size:18px; display: block;padding: 0px 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*鼠标经过*/
.pro_main .pro_nav_box .nav_item:hover .top_item{background: #c42328;}
.pro_main .pro_nav_box .nav_item:hover .top_item a{width: 80%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*点击展开*/
.pro_main .pro_nav_box .nav_item.on .top_item{background: #c42328;}
.pro_main .pro_nav_box .nav_item.on .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;}

/*子栏目定位*/
.pro_main .pro_nav_box .nav_item.active .top_item{background: #c42328;}
.pro_main .pro_nav_box .nav_item.active .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;}


.pro_main .pro_nav_box .nav_item .top_item .plus{transition: all .3s linear; cursor: pointer; color: #cdcdcd;font-size: 28px; width: 72px;height: 72px;line-height: 72px; position: absolute;top: 0px;right: 0px;z-index: 9; text-align: center;}


/*.pro_main .pro_nav_box .nav_item .top_item:hover .plus{color:#FFFFFF;}
.pro_main .pro_nav_box .nav_item.active .top_item .plus{color:#FFFFFF;}
.pro_main .pro_nav_box .nav_item.on .top_item .plus{color:#FFFFFF;transform: rotate(45deg);}*/
.pro_main .pro_nav_box .nav_item .top_item .plus .pbox{position:relative;height: 100%;}
.pro_main .pro_nav_box .nav_item .top_item .plus .pbox::after{content:"+";font-size:36px;color:#cbcbcb; cursor: pointer; color: #cdcdcd;font-size: 28px; width: 72px;height: 72px;line-height: 72px; position: absolute;top: 0px;right: 0px;z-index: 9; text-align: center;}
.pro_main .pro_nav_box .nav_item .top_item:hover .plus .pbox::after{color:#e1c186;}
.pro_main .pro_nav_box .nav_item.active .top_item .plus .pbox::after{color:#e1c186;}
.pro_main .pro_nav_box .nav_item.on .top_item .plus .pbox::after{content:"";width:18px;height:2px;background:#e1c186;top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}


.pro_main .pro_nav_box .nav_item .sub{padding:18px 0px;display: none;background:#ffffff;}
.pro_main .pro_nav_box .nav_item .sub li{padding: 0px 60px;line-height: 45px;}
.pro_main .pro_nav_box .nav_item .sub li a{box-sizing:border-box; display:block; font-size:16px; transition: all .3s linear; width: 100%;padding-right: 30px;box-sizing: border-box; height: 100%;display: block;background: url("../img/pro_sub_arrow.png") right center no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_main .pro_nav_box .nav_item .sub li:hover a{border-bottom:1px solid #cccccc; text-indent: 10px;font-weight: bold;color: #ea2030;background: url("../img/pro_sub_arrow_on.png") right center no-repeat;}
.pro_main .pro_nav_box .nav_item .sub li.on a{border-bottom:1px solid #cccccc;text-indent: 10px;font-weight: bold;color: #ea2030;background: url("../img/pro_sub_arrow_on.png") right center no-repeat;}

/*产品列表*/
.pro_main .pro_list_box{float: right;width: calc( 100% - 387px );margin-bottom: 50px;}
.pro_main .pro_list_box ul{overflow: hidden;}
/*.pro_main .pro_list_box ul li{float: left; width: 25%;}*/
.pro_main .pro_list_box ul li{float: left; width: 20%;}
.pro_main .pro_list_box ul li .item_box{position: relative;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.pro_main .pro_list_box ul li .item_box .img_box img{width: 100%;height: auto;display: block;transition:all 220ms linear;}

.pro_main .pro_list_box ul li .item_box .img_box{overflow:hidden;}
.pro_main .pro_list_box ul li .item_box:hover .img_box img{transform:scale(1.1);}
.pro_main .pro_list_box ul li .item_box .con_box{width: 100%;text-align: center; background: #eaeaea;
    overflow: hidden;}
.pro_main .pro_list_box ul li .item_box .con_box .line{width: 22px;height: 2px;background: #c9a25d;margin: 0px auto;margin-bottom: 15px;}
.pro_main .pro_list_box ul li .item_box .con_box .title{text-align: center;font-size: 17.6px;line-height: 38.7px;color: #666;margin-bottom: 15px;padding: 0 10px;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

.pro_main .pro_list_box ul li .item_box:hover .con_box .title{color:#c42328;}
.pro_main .pro_list_box ul li .item_box .tools{visibility: hidden;opacity: 0;filter: alpha(opacity=0); background: rgba(18,58,109,0.91);width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;transition: all .3s linear; }
/*.pro_main .pro_list_box ul li .item_box:hover .tools{visibility: visible;opacity: 1;filter: alpha(opacity=100); }*/
.pro_main .pro_list_box ul li .item_box .tools .item{box-sizing: border-box; width: 50%;height: 50%;float: left;display: table;transition: all .3s linear;}
.pro_main .pro_list_box ul li .item_box .tools .item:hover{background: rgba(18,58,109,0.95);}
.pro_main .pro_list_box ul li .item_box .tools .item a{display: table-cell;vertical-align: middle;text-align: center;}
.pro_main .pro_list_box ul li .item_box .tools .item .title{font-size: 14px;color: #FFFFFF;}

.pro_main .pro_list_box ul li .item_box .tools .item:nth-child(1){border-right: 1px solid #FFFFFF;}
.pro_main .pro_list_box ul li .item_box .tools .item:nth-child(3){border-right: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;}
.pro_main .pro_list_box ul li .item_box .tools .item:nth-child(4){border-top: 1px solid #FFFFFF;}

div.flickr {
    padding:40px 0px 40px 0px;margin:0px; text-align:center;  font-size:14px;
}
div.flickr a{width:40px;height: 40px;line-height:40px;transition: all  0.3s linear;}
div.flickr a {
    border: 1px solid #cbcbcb ; border-radius: 5px; color: #666666; margin-right: 5px; text-decoration: none;display:inline-block;
}
div.flickr a:hover,div.flickr a.page-num-current,div.flickr a.active {
    border: #c42328 1px solid;  background: #c42328; color: #fff; 
}
div.meneame a:active {
    border: #c42328 1px solid; background: #c42328; color: #fff; 
}
div.flickr span{width:40px;height: 40px;line-height:40px;transition: all  0.3s linear;}

div.flickr span.current {
    border-radius: 5px; background: #c42328;border: 1px solid #dedfde ; color: #fff;  margin-right: 5px; display:inline-block;
}
div.flickr span.disabled {
    border: 1px solid #cbcbcb ;border-radius: 5px; color: #666666; margin-right: 5px; display:inline-block;
}


.pro_detail {
  padding: 100px 0 100px;
  background: #fff;
}
.pro_detailtl {
  width: calc(35% - 50px);
  float: left;
}
.pro_detailtr {
  width: 60%;
  float: right;
  margin-left: 50px;
}
.pro_detailtr h1{
    font-size: 24px;
    margin-bottom: 20px;
}
.pro_shuxing p{
    line-height: 30px;
    font-size: 16px;
    text-align: justify;
}
.pro_shuxing p:nth-child(1){
    margin-bottom: 20px;
}
.pro_shuxing p span{
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}
.pro_shuxing p a{
    font-size: 16px;
}
.pro_detailtr>ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background: #f5f5f5;
}
.pro_detailtr>ul>li {
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #f5f5f5;
  font-size: 15px;
  color: #666666;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.pro_detailtr>ul>li.active {
  background-color: #c72e33;
  color: #fff;
}
.pro_detailtr_i > div {
  display: none;
  padding-top: 30px;
}
.pro_detailtr_i > div:first-child {
  display: block;
}
.pro_detailtr_i table {
  width: 100%;
}

.pro_detailtr_i table td {
  font-size: 14px;
  color: #666666;
  padding: 6px 0;
  line-height: 2;
}
.pro_detailtr_i table td:nth-child(1) {
  font-weight: bold;
  width: 120px;
}

.pro_detailtr_i table td:nth-child(1) *{
  font-weight: bold;

}
.pro_detailtr_i .manual {
  background: transparent;
  padding: 0px;
  margin-top: 40px;
}
.pro_detailtr_i .manual ul {
  display: block;
}
.pro_detailtr_i .manual ul li {
  width: 100%;
  margin: 0;
  height: auto;
  line-height: inherit;
  background: transparent;
}
.pro_detailtr_i .manual ul li a {
  text-align: left;
}
.pro_detailtr_i .manual ul li a span {
  right: 22px;
}
.proP {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
.proP li {
  cursor: pointer;
  width: 18.4%;
  margin-right: 2%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 1px solid transparent;
  float: left;
}
.proP li.active {
  border-color: #c72e33;
}
.proP li:last-child {
  margin-right: 0;
}
.pro_detailb {
  background: #fff;
  padding: 20px 100px;
  margin-top: 100px;
}
.pro_detailb_tit {
  font-size: 24px;
  line-height: 30px;
  color: #333333;
  padding: 48px 0;
}
.pro_detailb_con {
  text-align: center;
  padding: 80px 0;
  border-top: 1px solid #e5e5e5;
}
.pro_detail .proS img{
    border: 1px solid #ddd;
    display: block;
    width: 100%;
    box-sizing:border-box;
}
.container {
    margin: auto;
    min-height: 1px;
    width: 100%;
    max-width: 1400px;
    padding-left: 80px;
    padding-right: 80px;
    box-sizing:border-box;
}
.pro_detailtr_i img{
    width: 100%;
}
.pro_dexiang li{
    width: calc(33% - 20px);
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    box-sizing:border-box;
}
.pro_dexiang li:nth-child(3n){
    margin-right: 0;
}
.pro_dexiang li a{
    display: block;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.pro_dexiang li a .img{
    padding: 30px 30px 18px;
}
.pro_dexiang li a .img img{
    display: block;
    width: 100%;
}
.pro_dexiang li a .img p{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-top: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.pro_dexiang li a .text{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #ececec;
    padding: 15px 0;
}
.pro_dexiang li a .common_btn{
    width: 100px;
    height: 30px;
    line-height: 30px;
    display: block;
    overflow: hidden;
    position: relative;
  
    
    background: #c72e33;
    font-size: 14px;
    color: #fff;
    text-align: center;
    
}
.pro_dexiang li a:hover{
    box-shadow: 0px 0px 24px rgba(111, 111, 111, 0.18);
}

.header_menufen{
    position: absolute;
    width: max-content;
    top: 80px;
    min-width: 160px;
    background: #555555;
    box-shadow: 0px 2px 3px rgba(0,0,0,.2);
    display: none;
    left: 0;
}

.header_menufen li a{
    display: block;
    height: 45px;
    line-height: 44px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding: 0 50px 0 20px;
    font-size: 13px;
    transition: .35s;
    color: rgba(255,255,255,.8);
    position: relative;
}
.header_menufen li a:before{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    background: url("../img/arrow.png") no-repeat center center;
    right: 35px;
    top: 12px;
    opacity: 0;
    transition: .5s;
}
.header_menufen li a:hover{
    background: #c42328;
    color: rgba(255,255,255,1);
}
.header_menufen li a:hover:before{
    right: 20px;
    opacity: .6;
}


  .job{height: 50px;background: #c42328;padding: 0 5%;border-bottom: 1px solid #fff;}
  .job span{color: #fff;font-size: 16px;height: 50px;line-height: 50px;display: block;float:left;}
  #job_left{float: left;}
  #job_right{float: right;text-align:right;}
  .joblist{display: block;width: 100%;overflow: hidden;background: #eeeeee}
  .joblist li{display: block;overflow:hidden;}
  .jobmain_up{padding: 0 5%;height: 50px;border-bottom: 1px solid #fff; cursor: pointer;}
  .jobmain_up span{float: left;display: block;height: 50px;line-height: 50px;font-size: 16px;transition:0.35s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  .job span:nth-child(1){width: 19%;}
  .job span:nth-child(2){width: 15%;}
  .job span:nth-child(3){width: 26%;}
  .job span:nth-child(4){width: 32%;}
  .jobmain_up span:nth-child(1){width: 19%;}
  .jobmain_up span:nth-child(2){width: 15%;}
  .jobmain_up span:nth-child(3){width: 26%;}
  .jobmain_up span:nth-child(4){width: 32%;}
  .jobmain_up span:last-child{float: right;width: 45px;text-align: center;}
  .jobmain_up i{display: block;width: 11px;height: 11px;margin: 16px 0 0 24px;position: relative;}
  .jobmain_up span i:before{content: "";width: 100%;height: 1px;background: #c42328;position: absolute;left: 50%;
    top: 50%;transform: translate(-50%,-50%);transition: 0.3s;}
  .jobmain_up span i:after{content: "";width: 1px;height: 100%;background: #c42328;position: absolute;left: 50%;
    top: 50%;transform: translate(-50%,-50%);transition: 0.3s;}
  .jobmain_down{display: none;padding: 5%;overflow: hidden;border-bottom: 1px solid #fff;}
  .jobmain_down dt{font-size: 15px;font-weight: bold;margin:9px 0;line-height: 1em;}
  .jobmain_down dt:nth-child(3) {
    margin-top: 30px;
}
  .jobmain_down dd{margin: 9px 0;font-size: 13px;color: #777;line-height: 20px;text-align: justify;}
  .ljsq{display: block;width: 100px;height: 35px;line-height: 35px;background: #666;color: #fff;font-size: 13px;margin: 0 auto;text-align: center;}
  .ljsq:hover{background:#c42328;color:#fff;}
  .job_on{background-color: #c42328;color: #fff;}
  .job_on span i:before{content: "";width: 100%;height: 1px;background: #fff;position: absolute;transition: 0.3s;z-index: 1}

.contactus{
    background-color: #f5f5f5;
    border: solid 1px #dcdcdc;
}
.contact_up{
    padding: 60px 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contact_ul h1{
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    color: #c42328;
    position: relative;
    max-width: 400px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dcdcdc;
}
.contact_ul h1:after{
    content: '';
    position: absolute;
    width: 20px;
    height: 3px;
    background-color: #c42328;
    bottom: -1px;
    left: 0;
}
.contact_ul p{
    margin-top: 18px;
    font-size: 16px;
    color: #666666;
}
.contact_ul p span{
    font-weight: 700;
}
.contact_ur{
   display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; 
}
.contact_er{
    width: 120px;
    margin-left: 20px;
}
.contact_er img{
    display: block;
    width: 100%;
}
.contact_er span{
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}
.contact_down{
    width: 100%;
    /*height: 400px;*/
}

.apply_i {
  /*background: #fff;*/
  /*padding: 00px 50px 50px;*/

}
.apply_i_tit {
  font-size: 18px;
  color: #333333;
  padding: 32px 0 16px;
  border-bottom: 1px solid #e5e5e5;
}
.apply_i p {
  font-size: 18px;
  color: #666666;
}
.apply_i p span {
  color: #ff0000;
  width: 20px;
  margin-right: 10px;
}
.apply_i_inp label {
  display: block;
  float: left;
  width: calc(50% - 13px);
  margin-right: 25px;
  margin-top: 20px;
}
.apply_i_inp label:nth-child(2n) {
  margin-right: 0;
}
.apply_i_inp label:nth-child(2n + 1) {
  clear: both;
}
.apply_i_inp label input,
.apply_i_inp label select {
  display: block;
  width: 100%;
  height: 50px;
  background-color: #f5f5f5;
  border-radius: 3px;
  border: solid 1px #dcdcdc;
  margin-top: 10px;
  padding: 0 20px;
  color: #999999;
  -webkit-appearance: button;
  line-height:50px;
  box-sizing: border-box;
  outline: none;
}
.apply_i_inp label input::placeholder {
  color: #999;
}
.apply_i_textarea label {
  margin-top: 20px;
  display: block;
}
.apply_i_textarea .textarea {
  margin-top: 10px;
  position: relative;
}
.apply_i_textarea .textarea textarea {
  height: 180px;
  box-sizing: border-box;
  background-color: #f5f5f5;
  border-radius: 3px;
  border: solid 1px #dcdcdc;
  padding: 20px!important;
  line-height: 30px;
  font-size: 14px;
  color: #999999;
  width: 100%;
  resize: none;
  outline: none;
  -webkit-appearance: button;
}
.apply_i_textarea label:first-child .textarea textarea {
 /* height: 220px;
  padding-top: 80px;*/
}
.service2 .apply_i_textarea label:first-child .textarea textarea {
  /*padding-top: 30px;*/
}
.apply_i_textarea .textarea .select {
  position: absolute;
  left: 30px;
  top: 0px;
  right: 30px;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
}
.apply_i_textarea .textarea .select select {
  background: transparent;
  font-size: 14px;
  color: #999;
  border: 0;
}
.apply_i .common_btn {
  width: 180px;
  border-radius: 3px;
  margin: 50px auto 0;
  display: block;
    overflow: hidden;
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #999;
    font-size: 14px;
    color: #fff;
    text-align: center;
    transition: .35s;
}
.apply_i .common_btn:hover{
  background: #c42328;
}
.msg_code{
    margin-top: 20px;
}
.msg_code label{
    display: block;   
    width: calc(50% - 13px);
    position: relative;
}
.msg_code p{
    font-size: 18px;
    color: #666666;
}
.msg_code input::placeholder {
  color: #999;
}
.msg_code input{
    display: block;
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
    border-radius: 3px;
    border: solid 1px #dcdcdc;
    margin-top: 10px;
    padding: 0 20px;
    color: #999999;
    box-sizing: border-box;
    -webkit-appearance: button;
}
.msg_code img{
    position: absolute;
    right: 5px;
    bottom: 2px;
}

.index_news{padding-bottom: 60px!important;}
.index_news li{float: left;/* margin-right: 6.39534884%; *//* width: 29.0697674%!important; */margin-bottom: 40px;}
/* .index_news li:nth-child(3n){margin-right: 0;} */
.index_news li img{display: block;transition: all .5s;width: 100%}
.index_news li .news-img{overflow: hidden;}
.index_news li:hover img{transform: scale(1.1);}
.index_news li .news-sum .tit{margin:24px 0 20px; font-size: 18px;line-height: 32px;color: #222;margin-bottom: 18px;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.index_news li .news-sum .sum{height:48px;font-size: 16px;color: #666;line-height: 24px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.index_news li .news-sum .time{font-size: 16px;line-height: .8em;color: #222;margin-bottom: 20px;}
.index_news li .news-more {width: 82px;height: 30px;display: block;background: #e6e6e6;font-size: 16px;color: #222;line-height: 30px;text-align: center;margin-top: 32px;}
.index_news li .news-more:hover{background:#c42328;color: #fff;transition:.35s;}
.index_news .swiper-pagination-bullet{width: 14px;height: 14px;background: #333;margin:0 13px!important;opacity:1;}
.index_news .swiper-pagination-bullet-active{background: #c42328;}
/*.index_news .swiper-pagination{bottom:95px!important;}*/
.index_news .tit{font-size: 36px;line-height: 1em;text-align: center;color: #333;margin:76px 0 42px;}

.warp3-zimain a:before{transition: all .5s; position: absolute;content: "";width: 100%;height: 100%;background-color: #c42328;left: -100%;z-index: -1;}
.warp3-zimain a:hover:before{left: 0;transition: all .5s;}

.pro_decon{
    font-size: 16px;
    line-height: 2;
}

.con_address span{
    display: inline-block;
    float: left;
}
.con_address em{
    display: -webkit-box;
}
.index_pro{
    padding-bottom: 100px;
}
.index_prolist{
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.index_prolist a{
    display: block;
    background: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.index_prolist a:hover{
    box-shadow: 0px 0px 24px rgba(111, 111, 111, 0.18);
}
.index_prolist a .img{
    padding: 30px 30px 18px;
}
.index_prolist a .img img{
    display: block;
    width: 100%;
}
.index_prolist a .img p{
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-top: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.index_prolist a .text{
        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #ececec;
    padding: 15px 0;
}
.index_prolist a .common_btn{
    width: 100px;
    height: 30px;
    line-height: 30px;
    display: block;
    overflow: hidden;
    position: relative;
    background: #c72e33;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.index_pro .swiper-container{
    padding-bottom: 100px;
}
.index_pro .swiper-pagination{bottom: 0px!important;}
.index_pro .swiper-pagination-bullet{width: 14px;height: 14px;background: #333;margin:0 13px!important;opacity:1;}
.index_pro .swiper-pagination-bullet-active{background: #c42328;}

@media screen and (max-width: 768px) {
  .hidden-m{
    display: none!important;
  }
    .hidden-p{
    display: block!important;
  }
  .about-warp1-zl{
    width: 100%;
    font-size: 4vw;
  }
  .nav-nepro-main .nav-nepro-l{
    display: none;
  }
  .nav-nepro-main .nav-nepro-r{
    width: 100%;
  }
  .nav-nepro-main .nav-nepro-r li{
    width: calc(25% - 40px);
  }
  .about-warp1{
    padding: 50px 0;
  }
  .nav-nepro{
    height: 10vw;
  }
  .nav-nepro-r li a{
    line-height: 10vw;
    font-size: 4vw;
  }
  .nav-nepro-r li.on{
    height: 10vw;
  }
  .ne-h4{
    font-size: 6vw;
  }
  .m25 p{
    font-size: 3.5vw;
  }
  .m25 a{
    font-size: 3.5vw;
  }
  .footer-r h4{
    font-size: 4vw;
  }
  .pro-main li{
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 3%;
  }
  .pro-main li:nth-child(2n){
    margin-right: 0;
  }
  .pro_main .pro_list_box ul li{width: 50%;}
  .pro_main .pro_nav_box{width: 100%;margin-bottom: 30px;}
    .pro_main .pro_list_box{width: 100%;margin-bottom: 0}
    .pro_main .pro_nav_box .nav_item .top_item{line-height: 9vw;}
    .pro_main .pro_nav_box .nav_item .sub li{line-height: 6vw;}
    .pro_main .pro_nav_box .nav_item .top_item .plus{width: 9vw;height: 9vw;line-height: 9vw;font-size: 26px;}
.pro_main .pro_nav_box .nav_item .top_item .plus .pbox::after{width: 9vw;
    height: 9vw;
    line-height: 9vw;}
   
    div.flickr a{width: 7vw;
    height: 7vw;
    line-height: 7vw;
    font-size: 4vw;}
    div.flickr span{width:40px;height: 40px;line-height:40px;}
    .pro_dexiang li{
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
     .pro_dexiang li:nth-child(3n){
        margin-right: 3%;
    }
    .pro_dexiang li:nth-child(2n){
        margin-right: 0;
    }
    .container {
        width: 100%;
        padding-left: 3%;
        padding-right: 3%;
    }
    .pro_detailtl {
        width: 100%;
        float: none;
    }
    .proP li {
        margin-right: 10px;
    }
    .pro_detailtr {
        width: 100%;
        float: none;
        margin-top: 20px;
        margin-left: 0;
      }
      .pro_detailb {
        margin-top: 40px;
        padding: 20px;
      }
      .pro_detailb_tit {
        padding: 20px 0;
      }
      .pro_detailb_con {
        padding: 40px 0;
      }
      .banner{
        padding-top: 100px;
      }
      .job{
        height: 8vw;
        line-height: 8vw;
      }
      .jobmain_up{
        height: 8vw;
      }
      .job span,.jobmain_up span{
        font-size: 4vw;
        height: 8vw;
        line-height: 8vw;
      }
      .jobmain_up i{
        width: 20px;
        height: 20px;
        display: inline-block;
        margin: 0;
      }
      .jobmain_down dt{
        font-size: 3.5vw;
      }
      .jobmain_down dd{
        font-size: 4vw;
        line-height: 1.5;
      }
      .ljsq{
        width: 20vw;
        height: 6vw;
        line-height: 6vw;
        font-size: 4vw;
      }
      .job span:nth-child(1){width: 80%;}
  .job span:nth-child(2){display: none;}
  .job span:nth-child(3){display: none;}
  .job span:nth-child(4){display: none;}
  .jobmain_up span:nth-child(1){width: 80%;}
  .jobmain_up span:nth-child(2){display: none;}
  .jobmain_up span:nth-child(3){display: none;}
  .jobmain_up span:nth-child(4){display: none;}

    .contact_up{
        padding: 40px;
        flex-direction: column;
    }
    .contact_ur{
        margin-top: 20px;
    }
    .apply_i_inp label {
    float: none;
    width: 100%;
    margin-right: 0px;
    margin-top: 20px;
  }
.msg_code label{
    width: 100%;
  }
  .warp2{
    padding: 50px 0;
  }
  .warp2 .warp2-r .sum{
    margin-top: 50px;
    font-size: 4vw;
    line-height: 1.5;
  }
    .warp2 .warp2-l a{
        font-size: 4vw;
    }
    .warp2 .warp2-l h4{
        font-size: 4vw;
        line-height: 1.5;
    }
    .warp5 .warp5-r .warp5-r-p1{
        font-size: 4vw;
        line-height: 1.5;
        margin-bottom: 0;
    }
    .index_news li .news-sum .sum{
        font-size: 4vw;
        line-height: 1.5;
        height: 12vw;
    }
    .index_news li .news-sum .tit{
        font-size: 4vw;
    }
    .index_news li .news-sum .time{
        font-size: 3vw;
    }
    .index_news li .news-more{
        width: 23vw;
        height: 6vw;
        line-height: 6vw;
        font-size: 4vw;
    }
    .pro_main .pro_nav_box .nav_item .top_item a{
        font-size: 4vw;
    }
    .pro_main .pro_nav_box .nav_item .sub li a{
        font-size: 4vw;
        line-height: 2;
    }
    .pro_main .pro_list_box ul li .item_box .con_box .title{
        font-size: 4vw;
    }
    .pro_detailtr h1{
        font-size: 4.5vw;
    }
    .news-main li{
        width: 100%;
        margin-right: 0;
    }
    .news-main li .news-sum .sum{
        font-size: 3vw;
        line-height: 4.5vw;
        height: 9vw;
    }
    .news-main li .news-sum .tit{
        font-size: 4.5vw;
    }
    .news-main li .news-sum .time{
        font-size: 2.8vw;
    }
    .news-main li .news-more{
        width: 15vw;
        height: 6vw;
        font-size: 4vw;
        line-height: 6vw;
    }
    .read-main .tit{
        font-size: 4.5vw;
        line-height: 1.5;
    }
    .read-main .read-con{
        font-size: 4vw;
        line-height: 2;
    }
    .read-main{
        width: 90%;
    }
    .read-main .time{
        font-size: 3.5vw;
    }
    .read-page p{
        font-size: 4vw;
    }
    .read-more li .news-sum .tit{
        font-size: 4vw;
    }
    .read-more li .news-sum .time{
        font-size: 3vw;
        line-height: 1;
    }
    .read-more li .news-sum .sum{
        font-size: 4vw;
        line-height: 1.5;
    }
    .read-more li .news-more{
        font-size: 4vw;
        width: 20vw;
        height: 6vw;
        line-height: 6vw;
    }
    .read-more .tit{
        font-size: 44px;
        margin: 50px 0;
    }
    .fw-zcc .top .t-tit{
        font-size: 4vw;
        line-height: 8vw;
    }
    .fw-zcc .top{
        height: 8vw;
    }
    .fw-zcc .bottom .bottom-sum{
        font-size: 3vw;
    }
    .contact_ul h1{
        font-size: 4vw;
    }
    .contact_ul p{
        font-size: 4vw;
    }
    .contact_er span{
        font-size: 4vw;
    }
    .apply_i p{
        font-size: 4vw;
    }
    .apply_i_inp label input, .apply_i_inp label select{
        font-size: 3.5vw;
        height: 8vw;
        line-height: 8vw;
    }
    .apply_i_textarea .textarea textarea{
        font-size: 3.5vw!important;
    }
    .msg_code input{
        font-size: 3.5vw;
        height: 8vw;
        line-height: 8vw;
    }
    .msg_code img{
        height: 5vw;
        bottom: 10px;
    }
    .apply_i .common_btn{
        font-size: 4vw;
        height: 7vw;
        line-height: 7vw;
    }
    .pro_detailtr>ul>li{
        width: auto;
        padding:5px  10px;
        height: auto;
        line-height: 7vw;
        font-size: 4vw;
    }
    .pro_shuxing p span{
        font-size: 4vw;
        line-height: 2;
    }
    .pro_shuxing p a{
        font-size: 4vw;
    }
    .pro_shuxing p{
        font-size: 3.5vw;
        line-height: 2;
    }
    .pro_dexiang li a .img p{
        font-size: 3.5vw;
    }
    .pro_dexiang li a .common_btn{
        width: 140px;
        height: 7vw;
        line-height: 7vw;
        font-size: 3.5vw;
    }
    .pro_decon{
        font-size: 3.5vw;

    }
    .warp5 .warp5-l a{
        font-size: 4vw;
    }
    .m717 li{
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 10%;
        text-align: center;
    }
    .m717 li:nth-child(2n){
        margin-right: 0;
    }
    .m717 li:nth-child(n+3) {
        margin-bottom: 0;
    }
    .m717 li h4{
        margin-left: 0;
    }
    .m717 li>div{

        display: inline-block;
    }
    .m717 li p{
        font-size: 3.5vw;
    }
    .warp3-zimain a{
        font-size: 20px;
    }
    .index_prolist a .img p{
        font-size: 3.5vw;
    }
    .index_prolist a .common_btn{
        width: 140px;
        height: 7vw;
        line-height: 7vw;
        font-size: 3.5vw;
    }
.contact_er{
    width: 50%;
}
}

.pro_down i{
    background: url("../img/pro_down.png") no-repeat;
    background-size: cover;
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 5px;
}

.news-sum h2.tit {
    font-weight: bold;
}