@charset "utf-8";

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


.block{display: block!important;}
/* 头部 */
header{position: fixed; height: 80px;width: 100%;background: #fff; z-index: 9999;}
.header{height: 80px;position: relative;}
.header .logo{position: absolute;top: 50%;transform: translateY(-50%);}
.header .logo img{display: block;width: 300px;height: auto;}
.header .head-nav{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);}
.head-nav li{float: left;margin-right: 60px;}
.head-nav li:last-child{margin-right:0;}
.head-nav li a{font-size: 16px;line-height: 80px;color: #333;}
.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(/static/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;}
.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:150px 0 150px;}
.warp2 .warp2-l h4{font-size: 44px;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: 62px;}
.warp2 .warp2-l a{font-size: 18px;color: #222;display: block;line-height: 1em;}
.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;overflow:hidden;}
.warp3-page{position: absolute;bottom: 140px;left: 50%;transform: translateX(-50%);z-index: 999;}
.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 0 58px 40px;background: #fff;opacity: .8;position: absolute;width: 360px;bottom: 140px;height: 342px;}
.warp3-zimain h4{font-size: 40px;line-height: 1em;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;width: 318px;}
.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;}
.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{position: relative;}
.warp4-img li{float: left;width: 33.33%;overflow: hidden;position: relative;}
.warp4-img li img{display: block;transition: all.5s;width: 101%;}
.warp4-img li:hover img{transform: scale(1.1);}
.warp4-zi{position: absolute;bottom: 40px;left: 15.625%;}
.warp4-zi  h4{font-size: 24px;line-height: 1em;color: #fff;margin-bottom: 20px;}
.warp4-zi  p{font-size: 16px;line-height: 1em;color: #fff;}


.warp5{padding:100px 0 0px;overflow:hidden;}
.warp5 .warp5-l h4{font-size: 44px;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: 62px;}
.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: 104px;margin-right: 108px;}
.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:90px 0 80px;}
.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 h4{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(/static/images/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-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 a{font-size: 14px;line-height: 1em;color: #333;}
.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:60px 0 132px;}
.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: 23.255814%;float: left;margin:0px 2.3255814% 40px 0;background: #fff;padding-bottom: 36px;}
.pro-main li:nth-child(4n){margin-right: 0;}
.pro-main li h4{text-align: center;font-size: 24px;color: #333;line-height: 1em;margin:26px 0 16px;}
.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{height: 800px;padding-top: 80px;}
.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:88px 0 95px;}
.about-warp1-zi {margin-bottom: 56px;}
.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 .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(/static/images/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: 200px;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: 18px;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(/static/images/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: 160px!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: 860px;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(/static/images/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(/static/images/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(/static/images/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(/static/images/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!important;}
.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!important;}

.news-banner{height: 580px;padding-top: 80px;}
.news-main{padding:94px 0 207px;position: relative;}
.news-main li{float: left;margin-right: 6.39534884%;width: 29.0697674%;margin-bottom: 80px;}
.news-main li:nth-child(3n-1){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:first-child{width:64.5348837%;position: relative;overflow: hidden;}
.news-main li:first-child .news-sum{position: absolute;top: 67.2%;left: 50px;}
.news-main li:first-child .news-sum .tit{font-size: 30px;line-height: 38px;color: #fff;margin:0 0 18px;width: 63%;}
.news-main li:first-child .news-sum .sum{font-size: 16px;color: #fff;line-height: 26px;width: 85%;}
.news-main li .news-sum{}
.news-main li .news-sum .tit{margin:24px 0 20px; font-size: 24px;line-height: 32px;color: #222;margin-bottom: 18px;}
.news-main li .news-sum .sum{height: 48px; font-size: 16px;color: #666;line-height: 24px;}
.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;}
.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: .8em;text-align: center;}
.read-main .read-con{margin-top: 40px;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;}
.read-page p a{color: #333;}
.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: 24px;line-height: 32px;color: #222;margin-bottom: 18px;}
.read-more li .news-sum .sum{font-size: 16px;color: #666;line-height: 24px;}
.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 .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: 90px 0 112px;}
.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: 310px;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:90px 0 103px;}
.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: 30px;}
.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;}
.fw-zcc .second .bottom{height: 338px;}

.fw-wt{padding:88px 0 174px;}
.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;} */

/* 右侧悬浮 */
.query-tag { position: fixed; right: 0px; bottom: 90px; z-index: 9999;background-color: #e40011; }
.query-tag a { display: block; width: 100px; height: 110px; text-align: center; font-size: 20px; color: #fff; line-height: 170px; }
.query-tag a.tel {border-bottom: 2px solid #fff; background: url(/static/images/mf1.png) no-repeat center 5px; z-index: 999;}

.query-tag a.net { background: url(/static/images/mf2.png) no-repeat center 5px; }
.query-tag a.phonem{position: absolute;top: 0;left: 100px; transition: all .5s; width: 300px;line-height: 110px; background: #e40011;z-index: -1;font-size: 28px;}
.query-tag a.phonem:hover{left: -300px!important;}