@font-face{font-family:Roboto;src:url(../font/Roboto-Bold.ttf);src:url(../font/ROBOTO-BOLD.woff2);}
body{color:#666;}
.m_row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.m_col{position:relative;width:100%;padding-right:15px;padding-left:15px;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}

/*font*/
.font36{font-size:36px;}
@media all and (max-width:991px){
    .font36{font-size:30px;}
}
@media all and (max-width:767px){
    .font36{font-size:26px;}
}
.w100{width:100%;}
.m_container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){
    .m_container{max-width:100%}
}
@media (min-width:768px){
    .m_container{max-width:100%;}
}
@media (min-width:992px){
    .m_container{max-width:960px;}
}
@media (min-width:1280px){
    .m_container{max-width:1200px;}
}
@media (min-width:1366px){
    .m_container{max-width:1330px;}
}
@media (min-width:1580px){
    .m_container{max-width:1470px;}
}
@media (min-width:768px){
    .trans,
    .m_nav ul li a:after,
    .about_last_list .about_last_l,
    .about_last_list .about_last_r{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
}

/*about*/
.page_height{width:100%;height:100px;}
.m_nav{width:100%;height:62px;background:rgba(43,47,63,0.7);z-index: 10;}
.m_nav ul li{float:left;}
.m_nav ul li a{display:inline-block;padding:0 32px;height:62px;line-height:62px;font-size:16px;font-weight:400;color:#FFFFFF;position:relative;z-index:8;}
.m_nav ul li a:after{content:"";position:absolute;width:0;height:100%;left:50%;z-index:-1;}
.m_nav ul li.current a:after,
.m_nav ul li:hover a:after{background:#4DBBAA;width:100%;left:0;}
.m_page_right{text-align:right;margin-top:24px;display: none;}
.m_page_right:after{content:"";position:absolute;right:0;top:7px;width:1px;height:12px;background:rgba(255,255,255,0.5);}
.m_page_right .a{position:relative;padding-left:18px;color:rgba(255,255,255,0.5);margin-right:18px;}
.m_page_right .a:before{content:"";position:absolute;left:0;top:7px;width:1px;height:12px;background:rgba(255,255,255,0.5);}
.m_page_right .a.m_page_home{padding-left:36px;background-image:url(../image/icon_home.svg);background-size:18px 18px;background-repeat:no-repeat;background-position:right center;}
.m_page_right .a.m_page_up{position:relative;padding-right:36px;background-image:url(../image/about_ico_click.svg);background-size:18px 18px;background-repeat:no-repeat;background-position:right center;}
.m_page_right .a.share_btn{padding-left:36px;background-image:url(../image/about_ico_share.svg);background-size:18px 18px;background-repeat:no-repeat;background-position:right center;cursor:pointer;}
.m_page_right .m_page_up ul{position:absolute;left:0;top:28px;display:none;width:100%;background:#fff;border:1px solid white;padding:10px 0;}
.m_page_right .m_page_up ul li{text-align:left;}
.m_page_right .m_page_up ul li a{font-size:16px;color:#333;display:inline-block;line-height:30px;padding-left:16px;}
.m_page_right .a:hover{color:#fff;}
.m_about_bg{height:calc(100vh - 100px);width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;}
.m_about_text{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.m_about_text h2{font-size:56px;font-weight:bold;color:#FFFFFF;line-height:76px;padding-bottom:40px;position:relative;}
.m_about_text h2 span{display: block;}

@media(max-width: 768px){

    .m_nav_m{
        height: 62px;
        position: relative;
    }
    .m_nav_m .box_{
        padding-left: 20px;
    }
    .m_nav_m .box_ span{line-height: 62px;color: #fff;font-size: 18px;}
    .m_nav_m .box_ .icon {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(../image/chevron-down.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 25px;
        transition: all .3s;
    }
    .m_nav_m .box_.active .icon{
        transform: translateY(-50%) rotate(180deg);
    }
    .m_nav_m  .drop_down{
        position: absolute;
        width: 100%;
        background-color: rgba(43,47,63,1);
        left: 0;
        border-top: 1px solid rgba(255,255,255,0.3);
        padding: 20px;
        display: none;
    }
    .m_nav_m  .drop_down a{
        display: block;
        font-size: 18px;
        color: rgba(255,255,255,.8);
        padding: 10px 0;
    }
    .m_page_right .a.m_page_up{display: none;}
    .m_page_right .a:before{top: 4px;}
    .m_page_right:after{top: 4px;}
    .m_page_right .a{line-height: 24px;display: inline-block;height: 20px;}
}
/*.m_about_text h2 span {
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    min-width: 0.25em;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-animation: subTitAni 0.3s ease forwards;
    -moz-animation: subTitAni 0.3s ease forwards;
    -ms-animation: subTitAni 0.3s ease forwards;
    -o-animation: subTitAni 0.3s ease forwards;
    animation: subTitAni 0.3s ease forwards;
}*/
.m_about_video .md-content{background:none;}
.md-modal.m_about_video{max-width:1000px;width:50%;}
.m_about_video video{width:100%;}
.m_about_video .md-close{position:absolute;right:0;top:-32px;border:none;width:25px;height:25px;font-size:0;background:none;background-image:url(../image/video_icon_close.svg);background-size:25px 25px;background-repeat:no-repeat;background-position:center;cursor:pointer;}
.m_about_text .big-link1{height:54px;display:inline-block;line-height:54px;background-image:url(../image/about_video_ico.svg);background-size:54px 54px;background-position:left;background-repeat:no-repeat;padding-left:60px;color:#fff;font-size:16px;}
.m_about_num{padding-top:70px;}
.m_about_num ul li{float:left;padding-right:80px;}
.m_about_num ul li:last-child{padding-right:0;}
.m_about_num ul li h4{font-size:48px;color:#FFFFFF;line-height:1;font-family:Roboto;}
.m_about_num ul li h4 span{font-weight:500;font-size:16px;}
.m_about_num ul li p{font-size:16px;padding-top:8px;color:#fff;}
.m_about_down{position:absolute;bottom:60px;left:0;width:100%;height:0;text-align:right;z-index: 9;}
.m_about_down a{width:38px;height:38px;border-radius:50%;display:inline-block;background-color:#4DBBAA;background-image:url(../image/chevron-down.svg);background-position:center;background-repeat:no-repeat;}
.m_about_first{padding:90px 0;}
.m_about_first .left{float:left;width:32%;padding-right:30px;}
.m_about_first .right{float:right;width:68%;}
.m_about_first .left h3{color:#2B2F3F;font-weight:500;line-height:1.4;}
.m_about_first .right p{line-height:26px;font-size:16px;}
.m_about_first .right p:not(:last-child){margin-bottom: 30px;}
.m_about_techno{overflow:hidden;}
.m_about_two{position:relative;height:656px;overflow:hidden;}
.m_techno_bg{position:absolute;left:0;width:100%;height:100%;}
.m_techno_bg .bg{margin:0 auto;height:100%;background-image:url(../image/about_img_02.jpg);background-size:cover;background-position:center;transition:width .6s;}
.m_about_techno .m_thechno_mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(43,47,63,0.6);}
.m_about_techno .m_thechno_mask:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;}
.m_techno_text{position:absolute;left:5%;top:50%;width:90%;text-align:center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding-bottom:80px;}
.m_techno_text h3,
.m_techno_text p{color:#fff;}
.m_techno_text h3{padding-bottom:25px;position:relative;}
.m_techno_text h3:after{content:"";width:1px;height:10px;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#FFFFFF;}
.m_techno_text p{padding-top:45px;max-width:995px;margin:0 auto;line-height:26px;font-size:16px;}
.m_about_click2 {
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 38px;
    height: 38px;
    cursor: pointer;
    background-image: url(../image/chevron-down.svg);
    background-size: 38px 38px;
    background-repeat: no-repeat;
}

.m_about_click2 span {
    display: inline-block;
    width: 38px;
    height: 38px;
    cursor: pointer;
    background-image: url(../image/chevron-down.svg);
    background-size: 38px 38px;
    background-repeat: no-repeat;
}.m_three_sub{font-weight:bold;color:#4DBBAA;line-height:1.3;padding-bottom:30px;}
.m_about_three{padding:60px 0;}
.m_three_text{padding-bottom:30px;}
.m_three_text p{line-height:1.5;font-size:16px;}
.m_about_last_bg{background:#EEEEEE;padding:60px 0;}
.m_last_sub{font-weight:bold;color:#2B2F3F;}
.about_last_list{padding-top:35px;position:relative;}
.about_last_list .about_last_l,
.about_last_list .about_last_r{width:50px;height:50px;background-color:#2B2F3F;background-size:22px 22px;background-repeat:no-repeat;}
.about_last_list .about_last_l{left:-90px;background-image:url(../image/about_left_ico.svg);}
.about_last_list .about_last_r{right:-90px;background-image:url(../image/about_right_ico.svg);}
.about_last_list .about_last_l:hover,
.about_last_list .about_last_r:hover{background-color:#4DBBAA;}
.about_last_img{overflow:hidden;}
.about_last_img img{-webkit-transition:.4s;-o-transition:.4s;transition:.4s;}
.about_last_text{padding-top:24px;}
.about_last_list .about_last_text{text-align:center;}
.about_last_list .about_last_text h3{font-size:22px;font-weight:bold;color:#333333;line-height:26px;}
.about_last_list .about_last_text p{padding-top:15px;font-size:16px;line-height:26px;max-width:380px;margin:0 auto;}
.about_last_list .swiper-slide:hover .about_last_img img{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
@media all and (max-width:1680px){
    .about_last_list .about_last_l{left:-70px;}
    .about_last_list .about_last_r{right:-70px;}
}
@media all and (max-width:1440px){
    .about_last_list{padding-left:50px;padding-right:50px;}
    .about_last_list .about_last_l{left:-20px;}
    .about_last_list .about_last_r{right:-20px;}
    .m_about_text h2{font-size:52px;}
}
@media all and (max-width:1280px){
    .m_about_text h2{font-size:48px;}
}
@media all and (max-width:991px){
    .m_about_text h2{font-size:44px;}
    .about_last_list{padding-left:40px;padding-right:40px;}
    .about_last_list .about_last_l,
    .about_last_list .about_last_r{width:40px;height:40px;}
    .about_last_list .about_last_l{left:-15px;}
    .about_last_list .about_last_r{right:-15px;}
}
@media all and (max-width:768px){
    .m_about_text h2{font-size:40px;}
    .about_last_list .about_last_text h3{font-size:20px;}
    .about_last_list .about_last_text p,
    .m_three_text p,
    .m_techno_text p{font-size:16px;}
    .md-modal.m_about_video{width:100%;}
}
@media all and (max-width:767px){
    .m_about_text h2{font-size:38px;}
    .m_about_first{padding:50px 0;}
    .m_about_first .left{width:100%;padding-right:0;}
    .m_about_first .right{width:100%;padding-top:30px;}
    .m_three_text{display:block;}
    .m_three_text .m_col{padding-bottom:15px;}
}


@media(max-width: 768px){
    .page_height{height: 64px;}
}