@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2020-06-05 09:32:29
 * @version $Id$
 */
.phone{display: none;}
.mtg{margin-left: -48px;margin-top: 5px;}
.xz{transform: rotate(180deg);}
.hidde{display: none;}
.block{display: block;}
.head-phone-nav{z-index: 9999999;cursor: pointer;display: none; position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
.head-phone-nav .line{background: #000; border-radius: 3px;display: block;height: 2px;position: relative;top: 0;transition: transform 0.3s ease, top 0.3s ease, width 0.3s ease, opacity 0.3s; transform-origin: center center;width: 30px;}
.head-phone-nav.active .line:nth-child(1){top: 10px;transform: rotate(45deg);}
.head-phone-nav .line:nth-child(2){margin: 8px 0; }
.head-phone-nav.active .line:nth-child(2){opacity: 0;}
.head-phone-nav.active .line:nth-child(3){top: -10px;transform: rotate(-45deg);}
.head-phone-nm{z-index: 9999; line-height: 105px;display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding-top: 10%;box-sizing: border-box;background-color: #fff;}
.head-phone-nm li{padding: 0;height: auto;margin: 0 4.16%;transition: transform 0.4s ease, opacity 0.4s ease;display: block;opacity: 1;transform: translate3d(0, 0, 0);}
.head-phone-nm li .navs{position: relative; font-size: 38px;padding:32px 0;line-height: 1.2;text-align: left;border-bottom: 1px solid #f8f8f8;color: #000;display: block;height: 100%;}
z.head-phone-nm li .img{display: block;width:32px;transition: all .5s;}
.head-phone-nm li dd{height: 50px;}
.head-phone-nm li dd a{font-size: 26px;line-height: 60px;color: #333;display: block;padding-left: 30px;}
.head-phone-nm li:nth-child(3) dl{    overflow: scroll;    height: 420px;}
 @media screen and (max-width: 1920px){
    .warp5-l{width: 45%}
    .warp5 .warp5-r li{margin-right: 12.5581395%;}
    .warp6 .warp6-sum{width: 100%;}

    .about-warp1 ul li{height: 200px;}
    .about-warp1 ul li .sum{margin-bottom: 0;line-height: 1.5em;padding:0 10px;}
    .about-warp2 .about-warp2-page li a{letter-spacing: 1px;}


 }
 @media screen and (max-width: 1650px){
    .head-nav>ul>li{margin-right: 40px;}

    .warp5 .warp5-r li{margin-right: 9%;}

    .footer-nav dl{margin-right: 125px;}

    .about-warp2 .about-warp2-page li a{letter-spacing:0;font-size: 18px}
    .about-warp3-fz .dd .dd-main{width: 12.2916666%}
    .about-warp3-fz .dd .dd-main .sum{width: 90%;line-height: 1.5em;}
    .about-warp3-fz .dd .time{letter-spacing: }

    
    
    .read-page .right{float: none;display: block;width: 100%;line-height: 1.5em;}
    .read-page .left{float: none;display: block;width: 100%;line-height: 1.5em;}

    .join-warp2 li .sum{line-height: 1.5em;}
    .join-warp4 li:nth-child(5){line-height: 40px}
    .join-warp7 li:after{right: -45%;}
    .join-warp7 .sum{font-size: 16px;}
    .join-warp7 li{width: 160px;height: 160px;}

    .fw-bz li .bottom p{line-height: 30px;}
    .news li{margin: 0 24px;}

 }
 @media screen and (max-width: 1400px){
    .head-nav>ul>li{margin-right: 25px;}

    .warp3-page li{width: 120px;height: 120px;margin-right: 30px;}
    .warp3-page li p{margin-bottom: 60px;}
    .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: 120px;
}
.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: 120px;
}
.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: 120px;
}
.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: 120px;
}
    .warp5 .warp5-l h4{font-size: 34px;line-height: 1.5em;margin-bottom: 0!important;}
    .warp5{position: relative;}
    .warp5 .warp5-r .warp5-r-p1{width: 100%;}
    .warp5 ul{position: absolute;width: 100%;left: 0;bottom: 0;}
    .warp6 li h4{font-size: 20px;line-height: 1.5em;overflow: hidden;}
    
    .footer-nav dl{margin-right: 85px;}
    .footer-r p{font-size: 34px;}   
    .footer-zi-p2 .left{width: 70%;line-height: 1.5em;}
    
    .about-warp1 ul li{height: 220px;}
    .about-warp2 .about-warp2-page li a{position: relative;top: 50%;transform: translateY(-50%);line-height: 1.5em;}
    .about-warp3-fz .tit{top: 70px;}
    .mabout-ryt9{font-size: 30px!important;}
    .about-warp4 .tit{font-size: 40px;}

    .news li{margin: 0 14px;}
    .fx-main .first .fx-zi .name{font-size: 30px;}
    .fx-main .first .fx-zi .sum2{line-height: 1.5em;}
    
    .join-warp6 ul li .tit{font-size: 20px;}
    .join-warp6 ul li .sum{line-height: 1.5em;}
    
    /* .join-warp7 li{margin-right: 5%;} */
    .join-warp7 li:after{display: none;}

    
    
    .pro-main li h4{font-size: 24px;margin: 20px 0 20px;}

    .fw-bz li .bottom p{line-height: 1.5em;}
 }

 @media screen and (max-width: 1200px){
    .head-nav {display: none;}
    .head-phone-nav{display: block;}
    .head-search .search_box{display: none;}
    .head-search .contactmobile{display: none;}
    .head-search{margin-right: 10%;}

    .warp1 .banner-z h4{font-size: 50px;}

    .warp2 .warp2-r{margin-right: 0;}
    .warp3-page ul{width: 290px;}
    .warp3-page ul li{margin: 15px 30px 15px 0;}
    .warp3-page ul li:nth-child(2n){margin-right: 0;}   
    .warp7 h4{font-size: 34px;}


    .footer-nav dl{margin-right: 50px;}
    .footer-zi-p1 p{float: none;display: block;line-height: 1.5em;}
    .footer-zi-p2 p{float: none;display: block;line-height: 1.5em;}
    .footer-zi-p2 .left{width: 100%;}


    .about-banner-zi .tit span{font-size: 50px;}
    .about-banner-zi .tit{font-size: 34px;}
    .about-banner-zi .sum{font-size: 34px;}
    .about-warp1-zl .tit{font-size: 30px;}
    .about-warp1-zl .sum{font-size: 20px;}
    .about-warp1-zr .sum{font-size: 14px;}
    .about-warp1 ul li .tit{font-size: 20px;}
    .about-warp1 ul li .sum{font-size: 14px;}
    .about-warp2 .tito{font-size: 34px;}
    .about-warp2 .about-warp2-pic li .tit{font-size: 24px;}
    .about-warp2 .about-warp2-pic li .sum{font-size: 16px;line-height: 2em;width: 50%;}
    .about-warp3-fz .tit{top: 50px;font-size: 30px;}
    .about-warp3-ry .tit{font-size: 30px;}
    .about-warp3-fz .dd .dd-main .sum{font-size: 16px;}
    .mabout-ryt9{font-size: 24px!important;}
    .about-warp4 .sum{font-size: 30px;}
    .about-warp4 .tit{font-size: 36px;line-height: 1.5em;}
    .about-warp5 .tit{font-size: 30px;}
    .about-warp5 li .sum{line-height: 1.5em;}
    
    .nav-ne-r{display: none;}

    .news li{margin-left: 35px;}
    .news li:first-child{margin-left: 0px;}
    
    .ne-h4{font-size: 44px;}
    .fw-zc1 .fw-zc-img{float: none;display: block;width: 90%;margin: 0 auto;}
    .fw-zc1 .fw-zc-zi{float: none;display: block;width: 90%;margin: 0 auto;}
    .fw-zc1 .num-bg{left: 0;}
    .fw-zc2 .fw-zc-img{float: none;display: block;width: 90%;margin: 0 auto;}
    .fw-zc2 .fw-zc-zi{float: none;display: block;width: 90%;margin: 0 auto;text-align: left;}
    .fw-zc2 .num-bg{left: 0;transform: translateX(0);}
    .fw-zc-zi .tit{font-size: 30px;}
   /* .fw-zcc .top .t-tit{font-size: 20px;}*/
    .wt-main .wt-con .tit{font-size: 16px;}
    .wt-main .top .tit{font-size: 16px;line-height: 1.5em;}
    .wt-content .bottom{font-size: 14px;}
    .fw-video .video-main .tit{font-size: 20px;line-height: 1.5em}
    .fx-main .first .fx-img{width: 100%;}
    .fx-main .first .fx-zi{width: 90%;padding-bottom: 15px;}
    .fx-main .first .fx-zi .name{position: relative;left: 0;top: 15px;}
    .fx-main .first .fx-zi .time{position: relative;left: 0;top: 25px;}
    .fx-main .first .fx-zi .sum1{position: relative;left: 0;top: 35px;}
    .fx-main .first .fx-zi .bg{position: relative;left: 0;top: 45px;}
    .fx-main .first .fx-zi .sum2{position: relative;left: 0;top: 55px;width: 80%}
    .fx-main .first .fx-zi .fx-more{position: relative;left: 0 ;margin-top: 80px;}
    .fx-main .other{width: 45%;margin: 0 2.5% 30px;}
    .fx-main .other:nth-child(3n+1){margin-right: 2.5%}
    .fx-main .other .fx-zi .name{font-size: 20px;}
    .fx-main .other .fx-zi .sum2{line-height: 1.5em;}
    .fx-main li:first-child{width: 95%;margin:0 auto 60px;}



    /*.read-main .tit{font-size: 26px;line-height: 1.5em;}*/
    /* .read-more li{width: 45%!important;margin-right: 10%;} */
    /* .read-more li:nth-child(2n){margin-right: 0;}
    .read-more li:nth-child(3n){margin-right: 10%;}
    .read-more li:nth-child(6n){margin-right: 10%;}
    .read-more .tit{font-size: 30px;} */

    .join-banner-zi .tit{font-size: 34px;}
    .join-banner-zi .sum{font-size: 34px;}
    .join-warp4 .join-tit{font-size: 26px;}
    .join-sum{line-height: 1.5em;width: 60%;}
    .join-tit{font-size: 30px;line-height: 1.5em;letter-spacing: 2px;}
    .join-warp1 .name{font-size: 30px;}
    .join-warp2 li{width: 45%;margin-right: 10%;margin-bottom: 30px;}
    .join-warp2 li:nth-child(2n){margin-right: 0;}
    .join-warp2 li .sum{font-size: 20px;}
    .join-warp3 .join-tit{margin-bottom: 20px;}
    .join-warp4 li{font-size: 18px;}
    /* .join-warp5 li{width: 45%!important;margin-right: 10%;} */
    .phone{display: block;}
    .pc{display: none;}
    .join-phone6 .swiper-pagination-bullet{width: 14px;height: 14px;background: #333;margin:0 13px!important;opacity:1;}
    .join-phone6 .swiper-pagination-bullet-active{background: #c42328;}
    .join-phone6 .swiper-pagination{bottom:30px!important;}
    .join-warp6 ul li{}
    .join-warp6 ul li:nth-child(4n){}
    .join-warp6 ul li:hover .sum{top: 30%;}
    .join-warp7 li{width: 160px!important;margin-bottom: 30px;}
    .join-warp7 ul{padding: 0;width: 100%;}
    .join-phone7{margin: 0 auto;overflow: hidden;width: 85.416%;}
    .join-phone7 .swiper-pagination-bullet{width: 14px;height: 14px;background: #333;margin:0 13px!important;opacity:1;}
    .join-phone7 .swiper-pagination-bullet-active{background: #c42328;}
    .join-phone7 .swiper-pagination{bottom:0px!important;}

    .nav-ne-r li{margin:0 30px;}
    

    .about-warp3-fz {height: 400px;}
    .about-warp3-fz li .time{font-weight: bold; letter-spacing: 1px; font-size: 18px;line-height: 1em;color: #333;position: absolute;bottom: 30%;transform: translateX(-50%);left: 50%}
    .about-warp3-fz li .dd-main{border-radius: 5px; width: 50%;padding:10px;height: 100px; background: #fff;position: absolute;top: 30%;left: 50%;transform: translateX(-50%);text-align: center;}
    .about-warp3-fz li .dd-main .sum{font-size: 18px;line-height: 1.5em;position: relative;top: 50%;transform: translateY(-50%);}
    .about-warp3-fz li .dd-mains:before{border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;top: 100%;left: 50%;transform: translateX(-50%);position: absolute;content: "";}

    .fw-mb li{width: 45%;margin-right: 10%;margin-bottom: 20px;}
    .fw-mb li:nth-child(2n){margin-right: 0;}
    .fw-mb li .sum{font-size: 24px;}
    .fw-bz li{width: 30%;margin-right: 5%;margin-bottom: 20px;}
    .fw-bz li:nth-child(3n){margin-right: 0;}
    .fw-bz li .bottom p{line-height: 30px;}

}
 @media screen and (max-width: 940px){
    .head-phone-nm li .navs{}

    .warp1 .banner-z p{font-size: 26px;}
    .warp1 .banner-z h4{font-size: 40px;}

    .warp4-zi h4{font-size: 18px;margin-bottom: 14px;}
    .warp4-zi p{font-size: 14px;line-height: 1.5em;}

    .footer-nav{display: none;}
    .footer{padding:50px 0;}
    .m66{position: relative;}
    .footer-r{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
    .m25 p{width: 65%!important;}
    .footer-r h4{margin-bottom: 14px;}
    .footer-r p{margin-bottom: 16px}

    .about-banner-zi .tit span{font-size: 40px;}
    .about-banner-zi .tit{font-size: 26px;}
    .about-banner-zi .sum{font-size: 26px;}
    .about-warp1-zl{float: none;display: block;margin-bottom: 25px;}
    .about-warp1-zr{width: 100%;float: none;display: block;}
    .about-warp2 .about-warp2-pic li .sum{width: 60%;}
    .about-warp2 .tito{line-height: 1.5em;top: 90px;width: 60%;text-align: center;}
    .about-warp3-fz .tit{top: 30px;}
    .about-warp3-fz .dd .dd-main .sum{font-size: 14px;}
    .about-warp3-ry .ryimg{height: 250px;}
    .about-warp3-ry .tit{margin-top: 100px;}
    .about-warp3-ry li .sum{font-size: 16px;line-height: 1.5em;}
    .about-warp1 ul li{width: 45%;margin-right: 5%;margin-bottom: 20px;}
    .about-warp5 li{width: 45%;margin-right: 5%;margin-bottom: 20px;}
    

    .news li{margin-left: 20px;}
    .nav-ne-r li a{font-size: 14px;}
    .nav-ne-l p{font-size: 14px;}
    .fw-zc-zi .sum{font-size: 14px;line-height: 1.5em;}
    .fw-zc-zi .tit{font-size: 24px;}
    .fw-zcc li{width: 45%;margin: 0 2.5% 50px;}
    .wt-main .wt-con .tit{font-size: 14px;line-height: 1.5em;position: absolute;top: 50%;transform: translateY(-50%);}
    .wt-main .wt-con{position: relative;}
    .wt-main .top .tit{font-size: 14px;}
    .fw-video .video-main li{width: 45%;margin: 0 2.5% 30px;}

    


    /*.read-main .tit{font-size: 20px;}*/
   /* .read-more li .news-sum .tit{font-size: 20px;line-height: 1.5em;}
    .read-more li .news-sum .sum{font-size: 14px;line-height: 1.5em;}
    .read-more li .news-sum .time{font-size: 14px;}
    .read-more li .news-more{font-size: 14px;}
    .read-more .tit{font-size: 44px;}*/


    .join-banner-zi .tit{font-size: 26px;line-height: 1.5em;margin-bottom:16px }
    .join-banner-zi .sum{font-size: 26px;line-height: 1.5em;margin-bottom:60px; }
    .join-sum{line-height: 1.5em;width: 80%;font-size: 14px;}
    .join-tit{font-size: 24px;line-height: 1.5em;letter-spacing: 0px;}
    .join-warp1 .name{font-size: 24px;}
    .join-warp2 li .sum{font-size: 16px;}
    .join-warp6 ul li{height: 800px;margin-right: 0;}
    .join-warp6 ul li .tit{font-size: 30px; top: 260px;}
    .join-warp6 ul li .sum{top: 550px;font-size: 22px;line-height: 2em; color: #333;}

    .nav-ne-r li a{font-size: 16px;}
    .nav-ne-l p{font-size: 16px;}
    .nav-ne-r li{margin-left: 20px;}
    .pro-main li h4{font-size: 4vw;line-height:1.5;}
    .pro-main li p{font-size: 16px;}
    .pro-main li a{font-size: 4vw;}

    
 }

 @media screen and (max-width: 800px){
    
    .warp2 .warp2-l{width: 100%;margin-bottom: 10px;}
    .warp2 .warp2-r{width: 100%;margin-bottom: 50px;}

    .warp3-zimain{width: 35%;}
    .warp3-zimain h4{font-size: 28px;}
    .warp3-zimain .warp3-zi-p2{font-size: 3.5vw;line-height: 1.5em;width: 90%;height: 152px;}
    .warp4-zi{top: 30%;}
    .warp3-zimain .warp3-zi-p1{margin-bottom:10px;}

    .warp6{padding:50px 0!important;}
    .warp6 li{margin-right: 0;}
    .warp5-l{width: 100%;}
    .warp5 .warp5-l h4:nth-child(2){margin-bottom: 50px!important;}
    .warp5-r-p1{margin-bottom: 50px; font-size: 16px;line-height: 30px;color: #222;}

    .box{display:none;}
    .about-warp1 ul li{overflow: hidden;padding-bottom: 10px;}
    .about-warp2 .about-warp2-page li{overflow: hidden;}
    .about-warp2 .about-warp2-page li a{font-size: 18px;padding:0 10px;}
    .about-warp3-ry .tit{margin-top: 100px;}

    .fw-zc1 .fw-zc-img{width: 100%;}
    .fw-zc1 .fw-zc-zi{width: 100%;}
    .fw-zc2 .fw-zc-img{width: 100%;}
    .fw-zc2 .fw-zc-zi{width: 100%;}

    .join-warp4 li{font-size: 14px;}
    
  
 }


@media screen and (max-width: 768px){
    .footer-r{position: static;transform: translateX(0);margin-bottom: 30px; text-align: center;float: none;display: block;}
    .footer-r h4{text-align: center;}
    .footer-r li{box-sizing: border-box;}
    .footer-r ul {float: none; width: fit-content;margin: 0 auto;}
    .m25 p{width: 100%!important;text-align: center;}

    .join-warp7 li{width: 200px!important;height: 200px;}

    .nav-ne{display: none;}
   
    .pro-main{padding:50px 0 50px;}
}
@media screen and (max-width: 768px){
    .w1720{width: 690px;}
    
    header{height: 100px;}
    .header{height: 100px;}
    .header .logo{width: 263px;z-index: 99999;}
    .header .logo img{width: 100%;height:  auto;}
    .head-search{margin-right: 43px;}
    .head-search a{margin-right: 45px;line-height: 100px;z-index: 99999;}
    .head-search a:after{display: none;}
    .head-search a img{display: block;margin-top: 30px;}
    .head-phone-nav{right: 0;}
    .head-phone-nav .line{width: 43px;height: 3px;}
    .head-phone-nav .line:nth-child(2){width: 34px;margin: 13px 0 13px 9px;}
    .head-phone-nav.active .line:nth-child(1){top: 21px;}
    .head-phone-nm{padding-top: 100px;}
    .head-phone-nm li .navs{padding: 30px 0;box-sizing: border-box;border-bottom: 1px solid #d9d9d9;  line-height: 1em; font-size: 4.5vw;color: #333; }
    .head-phone-nm li .navs .jia{margin-top: 14px;}
    .head-phone-nm li .navs .line{display: block; width: 30px;height: 2px;background: #333;}
    .head-phone-nm li .navs .line1{position: relative;top: 3px; transform: rotate(90deg);transition: all .5s;}
    .head-phone-nm li .img{width: 15px;}
    .xz{transform: rotate(0)!important;}
    .head-phone-nm li dd{height: 65px;box-sizing: border-box;/*border-bottom: 1px solid #d9d9d9;*/}
    .head-phone-nm li dd a{padding-left: 20px; font-size:4vw;line-height: 2; color: #333;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;    display: inline-block; border-bottom: 1px solid #d9d9d9; width: 100%;}

    .warp1{padding-top: 100px!important;}

    .mi-pro{background: #f2f2f2;padding:57px 0 76px ;}
    .mi-prom{margin-bottom: 27px;}
    .mi-prom li {float: left;width: 160px;height: 150px;margin-right: 16px; box-sizing: border-box;border-radius: 5px;box-shadow: 0 0 3px 0 rgb(0,0,0,.1);background: #fff;}
    .mi-prom li:last-child{margin-right: 0;}
    .mi-prom li .img{position: relative; margin-top: 20px;height: 65px;margin-bottom:20px; }
    .mi-prom li .img img{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);max-height: 65px;}
    .mi-prom li .tit {font-size: 24px;line-height: 1em;text-align: center; }
    .mi-prom li .tit a{color: #333;}
    .mi-pro .name{height: 70px; border-radius: 5px; box-shadow: 0 0 3px 0 rgb(0,0,0,.1);background: #fff;}
    .mi-pro .name .tit{line-height: 70px;font-size: 24px;text-align: center;}
    .mi-pro .name .tit a{color: #333;}
    .mi-pro .name .tit span{position: relative;left: 18px;}

    .warp5{padding: 58px 0 0px!important;}
    .warp5 .tit{margin-bottom: 36px; font-size: 48px;line-height: 74px; color: #333;}
    .warp5 .warp5-r{width: 100%;}
    .warp5 .warp5-r ul{position: static;margin-bottom: 50px;}
    .warp5 .warp5-r li{width: 130px;margin-right: 7%;}
    .warp5 .warp5-r li:last-child{width: 154px;}
    .warp5 .warp5-r li h4{margin-bottom: 20px;padding-left: 12px; font-weight: bold; line-height: 45px;}
    .warp5 .warp5-r li p{font-size: 20px;line-height: 1em;}
    .warp5-r-p1{margin-bottom: 54px; line-height: 36px;font-size: 20px;color: #666;}
    .warp5 .more1{ display: block;width: 200px;height: 60px;padding-left: 100px; line-height: 60px;font-size: 20px;background: #222;color: #fff;}
    .warp5 .more1 span{position: relative;left: 12px;}
}