@charset "utf-8";
.page{overflow-x:hidden;}
.back-top{width:45px;height:45px;border-radius:50%;overflow:hidden;position:fixed;background-color:#ffffff;background-image:url(../images/top.svg);background-repeat:no-repeat;background-position:center;background-size:20px 20px;right:1%;bottom:2%;z-index:20;display:none;cursor:pointer;z-index:99;}
@-webkit-keyframes sectitle0{
    0%{-webkit-transform:translateY(15%);transform:translateY(15%);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;}
    100%{-webkit-transform:translateY(0);transform:translateY(0);filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
}
@keyframes sectitle0{
    0%{-webkit-transform:translateY(15%);transform:translateY(15%);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;}
    100%{-webkit-transform:translateY(0);transform:translateY(0);filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
}
@media (min-width:768px){
    .trans{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
}

/*header*/
header{position:absolute;width:100%;left:0;top:0;z-index:9;}
.header{padding:30px 80px;}
.header .logo{float:left;max-width:308px;position:relative;overflow:hidden;}
.header .logo:before{content:"";width:80px;height:8px;position:absolute;top:0;left:-200px;background-color:rgba(255,255,255,0.5);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:blink 3s ease-in 1s infinite;animation:blink 3s ease-in 1s infinite;   /* background-image: url(../images/logo_bg.png);
        background-size: 100px 20px;*/}
    @keyframes blink{
        from{left:-200px;top:0;}
        to{left:320px;top:0;opacity:0;}
    }
    @media screen and (max-width:991px){
        .header{padding:30px 60px;}
    }

    /*banner*/
    .index_banner{width:100%;height:100vh;position:relative;}
    .index_banner .swiper-pagination-bullet{background:#fff;opacity:1}
    .index_banner .swiper-pagination-bullet-active{background:#0D57A7;opacity:1;}
    .index_banner .pc_ban,
    .index_banner .mo_ban{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;transform:translateZ(0) scale(1.3);transition:all 2.5s ease-in-out;}
    .index_banner .swiper-slide-active .pc_ban{transform:none;}
    .index_banner .swiper1,
    .index_banner .swiper1 .swiper-slide,
    .index_banner .swipermobie,
    .index_banner .swipermobie .swiper-slide{width:100%;height:100%;}
    .index_banner .ban_text{position:absolute;z-index:9;width:100%;left:-9%;top:91%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
@media screen and (max-width:1700px) {
    .index_banner .ban_text{position:absolute;z-index:9;width:100%;left:-4%;top:91%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}

}

    .index_banner .ban_text div{filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
    .index_banner .ban_text h2{font-size:40px;font-weight:400;color:#FFFFFF;line-height:1;opacity:0.7;}
    .index_banner .ban_text p{font-size:24px;color:#FFFFFF;line-height:1.2;padding:10px 0 65px 0}
    .index_more{display:inline-block;font-size:16px;font-weight:400;color:#FFFFFF;position:relative;padding-right:38px;}
    .index_more:after{position:absolute;content:'';width:30px;height:100%;top:0;right:0;background-image:url(../images/ban_ico_white.svg);background-size:29px 21px;background-repeat:no-repeat;background-position:center;transition:all 0.3s ease;}
    .index_more:hover{color:#fff;}
    .index_more:hover:after{right:-3px;}
    .index_banner  .swiper-slide.swiper-slide-active .ban_text div{-webkit-animation:sectitle0 1s ease-in-out 200ms forwards;animation:sectitle0 1s ease-in-out 200ms forwards;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1}
    .index_banner  .swiper-slide video{position:absolute;top:50%;left:50%;display:block;width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;transform:translate(-50%,-50%);}
    .ban_button{position:absolute;width:100%;left:0;bottom:50px;z-index:9;}
    .index_banner .plays{float:left;width:30px;height:25px;margin-left:10px;}
    .start,
    .suspend{color:#32BB5C;font-size:25px;width:20px;height:25px;cursor:pointer;background-position:center;background-repeat:no-repeat;}
    .start{display:none;background-image:url(../images/play.svg);background-size:18px 12px;}
    .suspend{background-image:url(../images/stop.svg);background-size:12px 12px;}
    .index_banner .ban-pagination{float:left;height:25px;overflow:hidden;display:flex;align-items:center;}
    .index_banner .ban-pagination span{width:50px;height:2px;border-radius:0;margin-right:8px;background:none;opacity:1;position:relative;}
    .index_banner .ban-pagination span:before{content:"";position:absolute;left:0;top:0;width:100%;display:inline-block;height:2px;background-color:rgba(255,255,255,0.2);}
    .index_banner .ban-pagination span:after{content:"";position:absolute;left:0;top:0;width:0;height:2px;display:inline-block;background-color:#fff;}
    .index_banner .ban-pagination span.swiper-pagination-bullet-active:before{background-color:#fff;}
    @keyframes mymove{
        from{width:0px;}
        to{width:100%;}
    }
    @media screen and (max-width:1830px){
        .m_service_small .n strong{
            font-size: 3.8vw!important;
        }
        .m_service_small .d{
            font-size: 14px!important;

        }
    }

    @media screen and (max-width:1600px){
        .m_service_small .d{
            font-size: 1vw;
        }
    }
    @media screen and (max-width:1400px){
        .index_banner .ban_text h2{font-size:24px;}
        .index_banner .ban_text p{font-size:24px;padding-bottom:50px;}
    }
    @media screen and (max-width:1280px){
        .index_banner .ban_text h2{font-size:24px;}
        .index_banner .ban_text p{font-size:24px;padding-bottom:30px;}
    }
    @media screen and (max-width:767px){
        .index_banner .ban_text h2{font-size:24px;}
        .index_banner .ban_text p{font-size:24px;padding-bottom:20px;}
    }


    /*index two*/
    .index_pic{width:100%;padding-top:80px;}
    .index_pic .pic_list{padding-top:30px;}
    .index_pic .pic_list ul li{width:16.66%;padding:15px 0;float:left;}
    .index_pic .pic_list ul li span{display:inline-block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}
    .index_pic .pic_list ul li span img{opacity:0;transition:all .3s linear;}
    .index_pic .pic_list ul li:hover img{opacity:1;}
    .index_pic .case_menu_more{padding-bottom:0;padding-top:30px;}
    @media screen and (max-width:767px){
    }

    /*index honor*/
    .index_honor{width:100%;background-color:#182633;min-height:554px;background-image:url(../images/honorbg.jpg);background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding-top:90px;padding-bottom:80px;overflow:hidden;}
    .index_honor .index_title .eng,
    .index_honor .index_title span{color:#fff;}
    .index_honor .honor_left{float:left;width:45%;}
    .index_honor .honor_right{float:left;width:55%;padding-right:30px;}
    .index_honor .honor_right .honor_more{padding-top:60px;}
    .index_honor .honor_right ul{margin-left:-25px;margin-right:-25px;}
    .index_honor .honor_right ul li{width:50%;float:left;position:relative;padding:0 25px;}
    .index_honor .honor_right .honr_list{padding:32px 0;position:relative;}
    .index_honor .honor_right .honr_list:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(255,255,255,0.4);}
    .index_honor .honor_right .honr_list:hover:before{opacity:0;}
    .block[data-fx="1"] .honr_list::after{content:'';z-index:-1;width:100%;bottom:0;left:0;position:absolute;height:1px;background:#fff;transform:scale3d(0,1,1);transform-origin:0% 50%;transition:transform 0.5s cubic-bezier(0.390,0.575,0.565,1.000);}
    .block[data-fx="1"] .honr_list:hover::after{transform:scale3d(1,1,1)}
    .index_honor .honor_right .honr_list .title{font-size:18px;font-weight:bold;color:#FFFFFF;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .index_honor .honor_right .honr_list .title span{color:inherit;font-size:inherit;}
    .hover-reveal{position:fixed;width:263px;height:243px;top:0;left:0;pointer-events:none;opacity:0;z-index:9;}
    .hover-reveal__inner,
    .hover-reveal__img{width:100%;height:100%;position:relative;}
    .hover-reveal__inner{background-color:rgba(255,255,255,0.3);padding:30px;}
    .hover-reveal__deco{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#181314;}
    .hover-reveal__img{background-size:contain;background-repeat:no-repeat;background-position:center;}

    /*index case*/
    .index_case{width:100%;min-height:100vh;padding-top:65px;padding-bottom:80px;background:#FFFFFF;}
    .index_case main{    /* position: relative;
                 width: 100%;
                 height: 100%;*/
    overflow:hidden;clear:both;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;}
    .index_case .case_left{width:100%;}
    .case_left .case_up{padding-top:45px;}
    .case_left .case_up .left span{font-size:28px;font-weight:400;color:#333333;line-height:33px;}
    .case_left .case_up .left p{font-size:19px;font-weight:400;color:#333333;line-height:31px;}
    .case_left .case_up .case_num{font-size:80px;font-weight:bold;color:#333333;line-height:1;float:left;padding-left:32px;margin-left:32px;position:relative;}
    .case_left .case_up .case_num:before{content:"";position:absolute;left:0;top:50%;width:1px;height:33px;border:1px solid #DDDDDD;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
    .index_case .case_right{float:right;display:flex;justify-content:space-between;flex-wrap:wrap;width:60%;height:100%;}
    .index_case .case_left .index_title{border-bottom:1px solid #DDDDDD;padding-bottom:60px;z-index:9;background-color:#fff;}
    .index_case .case_right .case_list{width:48%;position:relative;overflow:hidden;margin-bottom:70px;}
    .index_case .case_right .case_list:nth-child(2){margin-top:20%;}
    .index_case .case_right .case_list:nth-child(2n-1){margin-top:-20%;}
    .index_case .case_right .case_list:first-child{margin-top:0;}
    .index_case .case_right .case_img{border-radius:3px;overflow:hidden;}
    .index_case .case_right .case_img img{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
    .index_case .case_right .case_list a:hover .case_img img{transform:scale(1.03);-webkit-transform:scale(1.03);}
    .index_case .case_right .case_cont{padding-top:30px;}
    .index_case .case_right .case_cont .case_name{font-size:22px;font-weight:bold;color:#333333;padding-left:28px;position:relative;}
    .index_case .case_right .case_cont .case_name:before{content:"";position:absolute;left:0;top:0;width:17px;height:100%;background-image:url(../images/case_ico_black.svg);background-position:left center;background-size:17px 17px;background-repeat:no-repeat;transition:0.4s;-webkit-transition:0.4s;}
    .index_case .case_right .case_list a:hover .case_name:before{-moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
    .index_case .case_right .case_cont .case_des{font-size:18px;padding-top:10px;font-weight:400;color:rgba(51,51,51,0.3);}
    .index_case .case_down{padding-top:100px;}
    .index_case .figure{float:left;width:40%;overflow:hidden;}
    .index_case .figure .case_menu_list{padding-right:50px;}
    .index_case .figure .case_sub{padding-bottom:16px;}
    .index_case .figure .case_sub span{cursor:pointer;font-size:18px;font-weight:400;color:#333333;padding-left:8px;position:relative;display:inline-block;}
    .index_case .figure .case_sub span:before{content:"";position:absolute;left:0;top:5px;height:15px;width:2px;background:#000000;}
    .card-body{padding:0 0 0 8px;}
    .card-body ul li{padding-bottom:16px;font-size:16px;font-weight:400;color:#333333;opacity:0.3;}
    .card-body ul li a{font-size:16px;font-weight:400;color:#333333;opacity:0.3;}
    .card-body ul li a:hover{color:var(--color-blue);opacity:1;}
    .case_menu_more{padding-bottom:30px;}
    .case_menu_more a{font-size:16px;font-weight:400;color:#0066CC;position:relative;padding-right:38px;}
    .case_menu_more a:after{position:absolute;content:'';width:30px;height:100%;top:0;right:0;background-image:url(../images/case_ico_blue.svg);background-size:29px 21px;background-repeat:no-repeat;background-position:center;transition:all 0.3s ease;}
    .case_menu_more a:hover:after{right:-3px;}

    /*index pro*/
    .groups{background-color:#fff;padding-top:88px;padding-bottom:100px;position:relative;overflow:hidden;}
    .groups .con{padding-top:75px;}
    .groups .con .li{float:left;width:100%;height:429px;overflow:hidden;transition:all 0.6s;margin-top:100px;transition:0.6s 0.4s;opacity:0;}
    .con .swiper-wrapper .swiper-slide{position:initial;}
    .aos-animate .con .li{opacity:1;margin-top:0;transition-delay:0.1s;}
    .aos-animate .con .swiper-wrapper .swiper-slide:nth-child(2) .li{transition-delay:0.3s;}
    .aos-animate .con .swiper-wrapper .swiper-slide:nth-child(3) .li{transition-delay:0.5s;}
    .aos-animate .con .swiper-wrapper .swiper-slide:nth-child(4) .li{transition-delay:0.7s;}
    .aos-animate .con .swiper-wrapper .swiper-slide:nth-child(5) .li{transition-delay:0.9s;}
    .aos-animate .con .swiper-wrapper .swiper-slide:nth-child(6) .li{transition-delay:1.1s;}
    .aos-animate .con .swiper-wrapper .swiper-slide:nth-child(7) .li{transition-delay:1.3s;}
    .groups .con .li a{display:inline-block;width:100%;height:100%;background:#C4C4C4;}
    .groups .con .li .group-two{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}
    .groups .con .li .txt{position:relative;top:68%;height:136px;padding:24px 22px;display:flex;align-items:flex-end;background:linear-gradient(180deg,rgba(51,51,51,0) 0%,#333333 100%);}
    .groups .con .li .txt div{width:100%;}
    .groups .con .li .txt h3{font-size:16px;font-weight:400;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .groups .con .li .txt p{font-size:16px;font-weight:400;color:#fff;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .groups .con .li .txt .more{width:8rem;height:2.5rem;border-radius:4px;background:url(../images/sign.jpg) no-repeat;background-size:cover;position:relative;overflow:hidden;transition:0.5s;}
    .groups .con .li .txt .more:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:#fff;opacity:0;transform:translateX(-100%);transition:transform 0.5s ease-in-out 0s;z-index:1;}
    .groups .con .li .txt .more:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;opacity:1;transform:translateX(100%);transition:transform 0.5s ease-in-out 0s;z-index:1;}
    .groups .con .li .txt .more a{display:block;text-align:center;line-height:2.5rem;color:#fff;font-size:0.9rem;position:relative;z-index:2;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
    .groups .con .li .mask{position:absolute;width:13.75%;height:100%;top:0;left:0;z-index:2;opacity:0;background-position:center;background-repeat:no-repeat;background-size:cover;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;}
    .groups .con .li .mask .text{position:absolute;width:70%;top:50%;left:15%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
    .groups .con .li .mask .text h3{font-size:22px;color:#fff;text-align:center;position:relative;opacity:0;top:2rem;line-height:1.1;}
    .groups .con .li .mask .text p{font-size:18px;color:#fff;position:relative;opacity:0;padding:10px 0 10px 0;top:2rem;}
    .groups .con .li .mask .text .more{position:relative;opacity:0;overflow:hidden;margin:0 auto;text-align:center;color:#fff;opacity:0;top:2rem;}
    .groups .con .li .mask .text .more span{color:inherit;background-image:url(../images/ban_ico_white.svg);background-repeat:no-repeat;background-position:right;padding-right:35px;background-size:29px 21px;}
    .con .swiper-wrapper .swiper-slide:nth-child(2) .li .mask{left:14.28%;}
    .con .swiper-wrapper .swiper-slide:nth-child(3) .li .mask{left:28.56%;}
    .con .swiper-wrapper .swiper-slide:nth-child(4) .li .mask{left:42.85%;}
    .con .swiper-wrapper .swiper-slide:nth-child(5) .li .mask{left:57.1%;}
    .con .swiper-wrapper .swiper-slide:nth-child(6) .li .mask{left:71.4%;}
    .con .swiper-wrapper .swiper-slide:nth-child(7) .li .mask{left:85.7%;}
    .groups .con .swiper-wrapper .swiper-slide .li a:hover .mask{opacity:1;width:100%;left:0;z-index:4;}
    .groups .con .li a:hover .mask .text h3{opacity:1;top:0;transition:all 0.5s ease 0.5s;-webkit-transition:all 0.5s ease 0.5s;-moz-transition:all 0.5s ease 0.5s;-ms-transition:all 0.5s ease 0.5s;}
    .groups .con .li a:hover .mask .text p{opacity:1;top:0;transition:all 0.5s ease 1s;-webkit-transition:all 0.5s ease 1s;-moz-transition:all 0.5s ease 1s;-ms-transition:all 0.5s ease 1s;}
    .groups .con .li a:hover .mask .text .more{opacity:1;top:0;transition:all 0.5s ease 1.5s;-webkit-transition:all 0.5s ease 1.5s;-moz-transition:all 0.5s ease 1.5s;-ms-transition:all 0.5s ease 1.5s;}
    .swiper-pagination-bullet-active{background:var(--color-blue);}
    @media screen and (max-width:1279px){
        .groups .con .li .txt{padding:24px 15px;}
    }
    @media screen and (max-width:991px){
        .groups{padding-top:50px;padding-bottom:50px}
        .pro-container{padding-bottom:50px;}
        .groups .con .li .mask{display:none;}
    }
    @media screen and (max-width:767px){
        .groups{padding-top:30px;padding-bottom:30px;}
        .groups .con{padding-top:30px;}
        .groups .con .li{opacity:1;margin-top:0;}
    }

    /*index new*/
    .index_new{padding:80px 0 100px 0;background:#FBFBFB;position:relative;overflow:hidden; justify-content: space-between;}
    .index_title{display:flex;align-items:flex-end;}
    .index_title .eng{font-size:80px;font-weight:bold;color:#333333;line-height:1;}
    .index_title span{font-size:28px;font-weight:400;color:#333333;margin-left:24px;margin-bottom:10px;}
    .in_width{margin-top:60px;position:relative;}
    .new_swiper{position:relative;width:100%;height:100%;}
    .new_swiper .swiper-container{overflow:initial;}
    .new_swiper .bg{position:relative;overflow:hidden;}
    .new_swiper .bg .img{position:absolute;width:100%;height:100%;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
    .new_swiper .swiper-slide,
    .new_swiper .swiper-slide a{cursor:url(../images/newico2.svg) 60 60,w-resize;}
    .new_swiper .swiper-slide:hover .img{transform:scale(1.05);}
    .new_swiper .swiper-slide{transform:translateY(100px);transition:0.6s 0.4s;opacity:0;}
    .aos-animate .new_swiper .swiper-slide{opacity:1;transform:translateY(0);transition-delay:0.1s;}
    .aos-animate .new_swiper .swiper-slide:nth-child(2){transition-delay:0.3s;}
    .aos-animate .new_swiper .swiper-slide:nth-child(3){transition-delay:0.5s;}
    .aos-animate .new_swiper .swiper-slide:nth-child(4){transition-delay:0.7s;}
    .in_small .swiper-scrollbar{display:none;}
    .new_title{padding-top:30px;}
    .new_title .left{padding-top:5px;width:40%;}
    .new_title .right{width:60%;padding-left:30px;color:#333333;font-size:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
    .new_title .right a{color:inherit;font-size:inherit;}
    .new_title .left .time{font-size:46px;color:var(--color-blue);display:flex;align-items:flex-start;line-height:1;}
    .new_title .left .time span{color:#CCCCCC;padding-left:12px;}
    .new_swiper .swiper-slide:hover .new_title .right{color:var(--color-blue);}
    @media screen and (max-width:1366px){
        .index_title .eng{font-size:75px;}
        .index_title span{font-size:26px;}
    }
    @media screen and (max-width:1280px){
        .index_title .eng{font-size:70px;}
        .index_title span{font-size:26px;}
        .new_title .left .time{font-size:40px;}
        .new_title .left{width:160px;}
        .new_title .right{width:-webkit-calc(100% - 160px);width:-moz-calc(100% - 160px);width:calc(100% - 160px);}
    }
    @media screen and (max-width:991px){
        .index_new{padding:50px 0 60px 0;}
        .index_title .eng{font-size:65px;}
        .index_title span{font-size:24px;}
        .new_title .left .time{font-size:30px;}
        .new_title .right{font-size:18px;}
        .new_title .left{width:140px;}
        .new_title .right{width:-webkit-calc(100% - 140px);width:-moz-calc(100% - 140px);width:calc(100% - 140px);padding-left:15px;}
    }
    @media screen and (max-width:767px){
        .index_title .eng{font-size:36px;}
        .index_title span{font-size:20px;margin-bottom:5px;margin-left:15px;}
        .new_swiper{margin-top:10px;}
        .new_title .left{width:100px;}
        .new_title .left .time{font-size:20px;}
        .new_title .left .time span{padding-left:5px;}
        .new_title .right{width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px);padding-left:15px;}
        .new_title .right{font-size:16px;}
        .new_swiper .swiper-slide{opacity:1;transform:inherit;}
        .in_width{margin-top:30px;}
    }

    /*index mess*/
    .index_mess{width:100%;padding:190px 0 200px 0;background-image:url(../images/mess_bg.jpg);background-attachment:fixed;background-repeat:no-repeat;background-position:center;overflow:hidden;position:relative;}
    .mess_wbg{background-color:rgba(255,255,255,0.9);width:100%;padding:65px;}
    .mess_wbg .mess_eng{font-size:80px;font-weight:bold;color:#333333;line-height:1;text-align:right;}
    .mess_wbg .mess_text p{font-size:36px;font-weight:400;color:#333333;padding-top:15px;line-height:1.2;text-align:right;}
    .mess_down{display:flex;align-items:flex-end;}
    .mess_down .mess_left{width:50%;float:left;}
    .mess_down .mess_right{width:50%;float:right;padding-left:50px;text-align:right;}
    .mess_down .mess_right ul{margin-left:-60px;}
    .mess_down .mess_right ul li{display:inline-block;width:inherit;padding-left:60px;text-align:center;}
    .container-input{position:relative;transition:all .3s ease-in-out;transition-delay:0s;}
    .mess_down .messform{padding-top:40px;position:relative;}
    .container-input input{outline:none;z-index:1;position:relative;background:none;width:100%;height:60px;border:0;color:#212121;font-size:16px;font-weight:400;}
    .container-input textarea{outline:none;z-index:1;position:relative;background:none;width:100%;height:60px;border:0;color:#212121;font-size:16px;font-weight:400;padding-top:10px;}
    .container-input input:valid ~ label,
    .container-input textarea:valid ~ label{color:#D6D6D6;transform:translate(-12%,-50%) scale(0.75);}
    .container-input input:focus ~ .bar:before,
    .container-input input:focus ~ .bar:after
    .container-input textarea:focus ~ .bar:before,
    .container-input textarea:focus ~ .bar:after{width:50%;}
    .container-input input:focus ~ label,
    .container-input textarea:focus ~ label{color:#666;line-height:20px;transform:translate(-12%,-20%) scale(0.75);}
    .container-input label{position:absolute;top:0;left:0;margin:0;font-weight:400;color:#666666;line-height:60px;-webkit-transition:0.2s ease;-moz-transition:0.2s ease;transition:0.2s ease;}
    .container-input label.error{position:absolute;bottom:-22px!important;top:inherit;line-height:25px;color:#666;transform:none!important;}
    .mt40{margin-top:25px;}
    .error{color:#666;}
    .container-input .bar{position:absolute;left:0;bottom:0;background:rgba(102,102,102,0.6);width:100%;height:1px;}
    .container-input .bar:before,
    .container-input .bar:after{content:"";position:absolute;background:#242424;width:0;height:1px;transition:0.2s ease;}
    .container-input .bar:before{left:50%;}
    .container-input .bar:after{right:50%;}
    .mbutton{position:absolute;bottom:0;right:-50px;width:30px;height:22px;border:none;margin:0;padding:0;background:none;outline:0;}
    .mbutton i{display:inline-block;width:100%;height:100%;font-style:normal;background-image:url("../images/mess_more.svg");background-size:29px 21px;background-position:right;background-repeat:no-repeat;}
    @media (min-width:768px){
        .mess_down .mess_right ul li span img{transition:0.4s;-webkit-transition:0.4s;}
        .mess_down .mess_right ul li:hover span img{-moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
    }
    @media screen and (max-width:1279px){
        .mess_wbg .mess_eng{font-size:70px;}
        .mess_wbg .mess_text p{font-size:32px;}
        .mess_down .mess_right ul{margin-left:-30px;}
        .mess_down .mess_right ul li{padding-left:30px;}
    }
    @media screen and (max-width:1100px){
        .mess_down .mess_right ul{margin-left:0;}
        .mess_down .mess_right ul li{padding-left:15px;}
    }
    @media screen and (max-width:991px){
        .mess_down{display:inherit;overflow:hidden;}
        .mess_down .mess_left{width:100%;}
        .mess_down .mess_right{width:100%;padding-left:0;text-align:center;padding-top:30px;}
        .mess_wbg .mess_eng{font-size:60px;}
        .mess_wbg .mess_text p{font-size:26px;}
        .mess_down .mess_right ul li{width:23%;}
        .container-input input{font-size:18px;}
    }
    @media screen and (max-width:767px){
        .mess_wbg{padding:30px 20px;}
        .mess_wbg .mess_eng{font-size:40px;}
        .mess_wbg .mess_text p{font-size:20px;}
        .container-input input{font-size:15px;}
        .container-input input{height:50px;}
        .mess_down .mess_right ul li{width:47%;padding-bottom:10px;}
        .mbutton{position:inherit;right:inherit;margin-left:15px;margin-top:30px;}
    }

    /*footer*/
    footer{background:#182633;padding-top:15px;overflow:hidden;position:relative;z-index:9;}
    .footer,
    .footer a,
    .footer p{color:rgba(255,255,255,0.3);}
    @media(min-width: 1440px){
        .footer p{white-space: nowrap;}
    }
    .footer a:hover{color:#fff;}
    .foot_down{width:100%;display:flex;align-items:flex-end;padding-bottom:15px;}
    .foot_down .left{width:100%;}
    .foot_down .left .left_erweima{margin-bottom: 10px;}
    .foot_down .right{width:50%;text-align:right;}
    .foot_copyright{padding:5px 0;}
    .foot_down .left a{margin-right:10px;}
    .foot_logo{text-align:center;padding-bottom:36px;opacity: 0.5;}
    @media screen and (max-width:767px){
        .left_erweima{
            display: block!important;
        }
        .left_erweima div{
            width: 100%!important;

        }
    }
    @media screen and (max-width:767px){
        .foot_down .left a{word-break:keep-all;}
    }

    /*index new*/
    .index_m_title{position:absolute;left:0;width:100%;height:0;top:30px;z-index:9;}
    .index_cooparate .index_title .eng{color:#fff;}
    .index_cooparate .index_title span{color:#fff; flex: 1;}
    #fiveqiang{color:#fff; flex: 1;padding-left: 36%;}

    .index_cooparate .index_title em{

        flex:1;
        list-style: none;
        color:#fff; 
        font-size:16px;
        padding-right: 0;
        font-style: normal;
        text-align: right;
    
    }
    /*service*/
    .m_service_bg{width:100%;height:1080px;background-image:url(../images/ser_bg.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden;padding-top:90px;}
    .m_service_bg .bg{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../images/ser_bg.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;}
    .m_service_bg .low{position:absolute;bottom:23%;left:50%;width:60px;margin-left:115px;}
    .m_service_bg .low span{width:60px;height:60px;position:relative;display:inline-block;}
    .m_service_bg .low span:after{content:"";width:22px;height:22px;border-radius:50%;background:#FFEF0E;position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;}
    .m_service_bg .low span:before{content:'';display:block;margin:auto;width:60px;height:60px;position:absolute;left:0;top:0;background-image:url(../images/circle.svg);animation:pulse 1s alternate ease-in-out infinite;}
    .m_service_bg .low em{font-size:16px;color:#fff;display:inline-block;font-style:normal;position:absolute;top:18px;left:47px;width:40px;}
    @keyframes pulse{
        from{transform:scale(0.6);}
        to{transform:scale(1);}
    }
   
    .m_service_one{width:779px;max-width:100%;margin:0 auto;border-radius:0px 0px 0px 0px;border:1px solid rgba(112,112,112,0.1);padding:40px;position:relative;}
    .m_service_one .row .col{text-align:center;}
    .m_service_one .m_ser_ico{height:79px;width:79px;padding:3px;position:relative;display:inline-block;}
    .m_service_one .m_ser_ico:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../images/quan.svg);animation:spin 1.5s linear infinite;}
    @keyframes spin{
        to{transform:rotate(360deg);}
    }
    .m_service_one p{text-align:center;padding-top:28px;}
    .m_service_one p span{height:39px;padding:0 24px;line-height:39px;background:#FFFFFF;border-radius:28px 28px 28px 28px;}
    .m_service_one p span{font-size:16px;font-weight:400;display:inline-block;color:#333333;}
    .m_service_two{padding-top:15px; position: relative;}
    .m_service_two .index_title{display:block;text-align:center;}
    .m_service_two .index_title strong,
    .m_service_two .index_title span{display:block;color:#fff;}
    .m_service_two .index_title span{padding-top:5px;}
    .m_service_two .index_title p{font-size:20px;font-weight:400;padding-top:20px;color:#FFFFFF;}
    .m_service_num{position:absolute;bottom:150px;left:0;width:100%;padding-left:150px;padding-right:150px;}
    .m_service_num_row{display:flex;justify-content:space-between;}
    .m_service_num_row .m_service_num_col{padding-left:5px;padding-right:5px;}
    .m_service_small{text-align:center;}
    .m_service_small .n strong{font-size:3.5vw;font-weight:400;color:#FFFFFF;display:inline-block;font-family:Bahnschrift-Regular,Bahnschrift;}
    .m_service_small .n em{font-size:50px;font-weight:400;font-style:normal;font-family:Bahnschrift-Regular,Bahnschrift;}
    .m_service_small .n{font-size:1.3vw;font-weight:400;color:#FFFFFF;}
    .m_service_small .d{font-size:24px;font-weight:400;color:#FFFFFF;line-height:39px;text-align: left;height:110px;}
    @media screen and (max-width:1580px){
        .m_service_small .d{font-size:1.5vw;
            white-space:nowrap;
        }

    }
    @media screen and (max-width:1440px){
        .m_service_small .n strong{font-size:56px;}
        .m_service_small .n em{font-size:40px;}
    }
    @media screen and (max-width:1365px){
        .m_service_num{bottom:100px;padding-left:100px;padding-right:100px;}
        .m_service_bg{height:900px;}
        .m_service_bg .low{margin-left:89px;}
    }
    @media screen and (max-width:1000px){

        .m_service_small .d{font-size:24px;font-weight:400;color:#FFFFFF;line-height:39px;height: 40px;  text-align: center;}
        

    }
    @media screen and (max-width:991px){
        .m_service_num_row{display:block;}
        .m_service_num_row .m_service_num_col{width:45%;float:left;padding-bottom:10px;padding-top: 10px;}
        .m_service_num{bottom:50px;}
        .m_service_small .d{font-size:18px;line-height:1.2;}
        .m_service_small .n strong{font-size:50px;}
        .m_service_small .n em{font-size:36px;}
    }
    @media screen and (max-width:767px){
        
        .m_service_bg{height:980px;}
        .m_service_bg .bg{display:none;}
        .m_service_one{padding:30px 20px 15px 20px;}
        .m_service_bg{padding-top:50px;}
        .m_service_bg .low span:after{width:16px;height:16px;margin-left:-8px;margin-top:-8px;}
        .m_service_one .row{display:block;overflow:hidden;}
        .m_service_one .row .col{width:50%;float:left;padding-bottom:15px}
        .m_service_one p span{padding:0 5px;width:100%;}
        .m_service_two .index_title p{height:66px;line-height:22px;font-size:16px;padding-top:0;margin-top:20;}
     
        .m_service_num{position:inherit;padding-left:0;padding-right:0;padding-top:20px;bottom:0;overflow:hidden;}
        .m_service_small{height: 67px;}
        .m_service_small .n{font-size:14px;}
        .m_service_small .d{font-size:14px;line-height:22px;}
        .m_service_small .n strong{font-size:28px;}
        .m_service_small .n em{font-size:22px;}
        .m_service_bg .low em{left:-18px;}
    }