@charset "utf-8";
.global-viewport{padding-left:90px;padding-right:90px;margin-left:auto;margin-right:auto;max-width:1450px;width:100%;}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.module{padding:90px 0 110px;overflow:hidden;position:relative;}
.bg-group{background-color:#f5f5f5;}
.row{display:-ms-flexbox;display:flex;flex-direction:row;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.col{display:-ms-flexbox;display:flex;flex-direction:column;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{position:relative;padding-left:15px;padding-right:15px;min-height:1px;width:100%;}
.m-row > *{margin-left:-15px;}
.btn-primary{background:transparent;display:inline-block;border:0;box-shadow:0px 10px 10px rgba(82, 78, 78, 0.39);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-size:150% 150%;color:#999;position:relative;z-index:1;}
.btn{padding:10px 27px;font-size:12px;font-weight:700;line-height:22px;text-transform:uppercase;}
.btn{transition:all .4s ease-in;-webkit-transition:all .4s ease-in;-o-transition:all .4s ease-in;}
.info-btn > a{color:#fff;font-weight:400;font-size:14px;border-radius:30px;background-color:#99c192;overflow:hidden;border:1px solid transparent;}
.info-btn > a i{font-size:20px;position:relative;top:2px;margin-left:5px;}
.info-btn > a.btn-lg{padding:17px 65px;font-size:14px;}
.text-center{text-align:center;}
.pos-r{position:relative;}
.pos-a{position:absolute;}
.justify-content-center{justify-content:center;}
.justify-content-end {-ms-flex-pack:end;justify-content:flex-end;}
.align-items-center{align-items:center;}
.bg-gray{background-color:#fbfbfb;}
.module-bg{background:#fbfbfb;}
.bg-white{background-color:#f4f6fa;}
.bg-blue{background-color:#146cd6;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
::-webkit-scrollbar{width:5px;background-color:#e0e0e0;}
::-webkit-scrollbar-corner{background-color:#ccc;}
::-webkit-scrollbar-thumb{width:5px;border-radius:2px;background-color:#2b2b2b;}
.c-6021{color:#ff6021}
.section-bg{background-position:top center;background-repeat:no-repeat;background-size:cover;position:relative;}
/*.section-bg:before{content:"";position: absolute;background:rgba(255, 255, 255, 0.8);left:0;right:0;top:0;bottom:0;}*/
@keyframes pulsePrimary{
    0%{
        -webkit-box-shadow:0 0 0 0 (82,104,242,.4);
        box-shadow:0 0 0 0 rgba(0, 238, 107, 0.4);
    }
    70%{
        -webkit-box-shadow:0 0 0 20px transparent;
        box-shadow:0 0 0 20px transparent;
    }
    100%{
        -webkit-box-shadow:0 0 0 0 transparent;
        box-shadow:0 0 0 0 transparent;
    }
}

/*loading*/
#preloader-wrap{top:0;left:0;width:100%;height:100%;display:block;z-index:5555;display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;background:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#preloader-wrap .gooey{top:50%;left:50%;width:142px;height:40px;position:absolute;-webkit-filter:contrast(20);filter:contrast(20);margin:-20px 0 0 -71px;background:#fff;}
#preloader-wrap .gooey .dot{top:12px;left:15px;width:16px;height:16px;-webkit-filter:blur(4px);filter:blur(4px);border-radius:50%;position:absolute;background:#000;-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:dot 2.8s infinite;animation:dot 2.8s infinite;}
#preloader-wrap .gooey .dots{margin-top:12px;margin-left:31px;-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:dots 2.8s infinite;animation:dots 2.8s infinite;}
#preloader-wrap .gooey .dots span{display:block;float:left;width:16px;height:16px;margin-left:16px;-webkit-filter:blur(4px);filter:blur(4px);border-radius:50%;background:#000;}
@-webkit-keyframes dot{
    50%{
        -webkit-transform:translateX(96px);
        transform:translateX(96px);
    }
}
@keyframes dot{
    50%{
        -webkit-transform:translateX(96px);
        transform:translateX(96px);
    }
}
@-webkit-keyframes dots{
    50%{
        -webkit-transform:translateX(-31px);
        transform:translateX(-31px);
    }
}
@keyframes dots{
    50%{
        -webkit-transform:translateX(-31px);
        transform:translateX(-31px);
    }
}



/*header*/
.header{width:100%;position:fixed;background:#fff;top:0;left:0;z-index:99;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);}
.header .header-body{display:flex;display:-ms-flex;flex-flow:row nowrap;align-items:center;}
.header .header-body .logo img{width:120px;}
.header .header-body .nav{flex:1 1 auto;margin-left:30px;justify-content:flex-end;}
.header .header-body .nav > ul{display:flex;justify-content:flex-end;}
.header .header-body .nav > ul > li{position:relative;display:block;}
.header .header-body .nav > ul > li > a{font-size:15px;padding:27px 10px;margin-left:10px;display:block;text-decoration:none;color:inherit;cursor:pointer;color:#333;transition:.4s linear;position:relative;}
.header-body .nav > ul > li > a .hvr-shutter-out-horizontal{display:inline-block;position: absolute;z-index:-1;bottom:15px;width:100%;left:0;background:#99c192;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;padding:2px 0;}
.header-body .nav > ul > li > a:hover .hvr-shutter-out-horizontal{-webkit-transform: scaleX(1);transform: scaleX(1);background:#99c192;}
.header-body .nav > ul > li > a.cur .hvr-shutter-out-horizontal{-webkit-transform: scaleX(1);transform: scaleX(1);background:#99c192;}
.header-body .nav > ul > li > a:hover,.header-body .header-body_nav .nav > ul > li > a.cur{color:#99c192}
.header .header-body .toggle-nav{display:none;position:absolute;right:15px;top:20px;}
.header .toggle-nav.active{transition:transform .3s ease-in-out;transform:rotate(45deg);top:15px;right:12px;}
.header .header-body .toggle-nav span{display:block;width:24px;height:2px;background-color:var(--color-title);margin:5px auto;transition:all .3s ease-in-out;}
.header .header-body .toggle-nav.active span:first-of-type{transform:translateY(13px);}
.header .header-body .toggle-nav.active span:nth-of-type(2){width:0;}
.header .header-body .toggle-nav.active span:nth-of-type(3){transform:translateY(-1px) rotate(90deg);}
.header .header-body .toggle-nav.active span:first-of-type,.app-header .app-header_body .toggle-nav.active span:nth-of-type(3){transition-delay:.3s;}
.header_fixed{position:fixed;top:0;left:0;z-index:99;width:100%;background:#fff;}
.header.header_fixed{background-color:rgba(255,255,255,1);animation:1.2s ease-in-out 0s normal none 1 running sticky;-webkit-animation:1.2s ease-in-out 0s normal none 1 running sticky;}
.header_fixed .header-body .nav > ul > li > a{color:#444;}
.main-header{background:transparent;}
.main-header .header-body .nav > ul > li > a{color:#fff;}
.main-header .header-body .nav > ul > li > a .hvr-shutter-out-horizontal,.main-header .header-body .nav > ul > li > a.cur .hvr-shutter-out-horizontal,.main-header .header-body .nav > ul > li > a:hover .hvr-shutter-out-horizontal
{background:#fff;}


/*footer*/
.footer{width:100%;padding:20px 0 0;background:#f1f1f1;}
.footer-item{font-size:14px;}
.footer-title{margin-bottom:10px;color:#353745;font-weight:700;margin-top:0;}
.footer-item ul li{margin-top:10px;}
.footer-item ul li a{color:#777;}
.footer-icon li{float:left;padding-left:5px;padding-right:10px;position:relative;}
.footer-icon li .show-box{position:absolute;bottom:100%;right:-40px;margin-bottom:20px;overflow:hidden;transform:scale(0);-webkit-transform:scale(0);transform-origin:bottom;-webkit-transform-origin:bottom;width:150px;height:150px;transition:.23s linear;-webkit-transition:.23s linear;background:#fff;}
.footer-icon li .show-box:before{content:'';position:absolute;width:0px;height:0px;border-width:10px 10px;border-color:rgb(255, 255, 255) transparent transparent;border-style:solid;display:inline-block;bottom:-20px;left:50%;transform:translateX(-50%);}
.footer-icon li:hover .show-box{transform:scale(1);-webkit-transform:scale(1);overflow:visible;}
.footer-icon li:first-child a{background-color:#2b97f0;}
.footer-icon li:nth-child(2) a{background-color:#20cf28;}
.footer-icon li:nth-child(3) a{background-color:#dd4b39;}
.footer-icon li a{border-radius:4px;-webkit-border-radius:4px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;color:#fff !important;transition:.5s linear;}
.footer-end{text-align:center;color:#525252;padding:10px 0 0;font-size:12px;background:#f3f3f3;}
.footer-end a{color:#576366;}
.footer-icon li:first-child a:hover{background-color:#138bee;}
.footer-icon li:nth-child(2) a:hover{background-color:#12b319;}
.footer-icon li:nth-child(3) a:hover{background-color:#d73925;}

/*banner*/
.index-banner{height:210px;}
.index-banner .swiper-container{height:100%;}
.content-wrapper{overflow:hidden;position:relative;height:100%;display:flex;}
/*.content-wrapper:before{content:'';display:block;width:100%;height:70%;position:absolute;bottom:0;z-index:99;background:url(../images/shadow.png) no-repeat;background-size:cover;}*/
.content-wrapper .slider-thumb{height:100%;position:absolute;width:100%;background-size:cover;background-position:50% 0;transform:scale(1.1);-webkit-transform:scale(1.1);transition:transform 4.5s;-webkit-transition:transform 4.5s;}
.swiper-slide-active .content-wrapper .slider-thumb{/* -webkit-animation:zoom 7000ms infinite;animation:zoom 7000ms infinite; */transform:scale(1);-webkit-transform:scale(1);}
.context-wrapper{position:absolute;z-index:100;top:50%;left:0;right:0;width:100%;transform: translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.context-wrapper .context-box{width:100%;max-width:1450px;padding-left: 90px;padding-right: 90px;margin-left:0;margin-right:0;margin:auto;}
.context-wrapper .context-text{line-height:2;font-size:18px;}
.context-wrapper .context-text .just-text{display:inline-block;letter-spacing:10px;}
.context-wrapper .context-text .just-text p{text-align-last:justify;font-size:16px;}
.context-list{display:flex;display:-ms-flex;flex-wrap:wrap;}
.context-list .list-item{padding:10px;width:25%;}
.context-list .list-item img{width:auto;}
.context-wrapper .context-text h2{font-size:46px;color:#fff;font-weight:700;font-family:'rtws';}
.context-wrapper .context-text h2 span{color:#fff;}
.context-wrapper .context-text h2 span{font-size:40px;letter-spacing:12px;font-family:'Microsoft YaHei';}
.context-wrapper .context-text p{font-size:16px;color:#fff;}
.context-wrapper .context-btn{margin-top:20px;}
.context-wrapper .context-btn > a{display:block;width:150px;height:45px;line-height:45px;padding-left:15px;border:1px solid var(--color-white);border-radius:4px;color:var(--color-white);font-size:16px;position:relative;}
.context-btn .context-btn-arrow{position:absolute;right:20px;top:50%;height:2px;width:35px;border-bottom:1px solid var(--color-white);transition:all .2s linear;}
.context-btn .context-btn-arrow:before{content: '';position: absolute;top:-2.2px;right:-1px;width:8px;height:8px;border-top:1px solid var(--color-white);border-right:1px solid var(--color-white);transform: rotate(45deg);}
.context-wrapper .context-btn > a:hover .context-btn-arrow{right:15px;}
.index-bg{position:absolute;right:90px;}
.index-bg img{-webkit-animation:1.7s infinite alternate shapeRotate;animation:1.7s infinite alternate shapeRotate;}
.swiper-wrapper .swiper-slide:nth-of-type(2) .content-wrapper .context-text{text-align:center;}
.ports-banner{width:100%;margin-top:70px;position:relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;overflow: hidden;}
.mitv-banner{transition: all .6s ease-in-out;}
.probootstrap-animate {opacity:0;visibility:hidden;}
.scroll-wrap {-webkit-transition: .3s all ease-out;-o-transition: .3s all ease-out;transition: .3s all ease-out;bottom: 50px;opacity: 1;visibility: visible;}
.mouse-wrap, .scroll-wrap {position: absolute;bottom: 50px;z-index: 3;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.fadeInUp{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.probootstrap-animated {-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.banner-lead{position:absolute;z-index:1;top:50%;transform:translateY(-50%);left:0;right:0;}
.banner-inner{overflow:hidden;}
.banner-inner h2{margin-bottom:4px;color:#fff;font-size:40px;text-shadow:7px 6px 8px rgba(82, 78, 78, 0.39);font-weight:bold;letter-spacing:10px;}
.banner-inner p{color:#fff;font-size:18px;text-shadow:7px 6px 8px rgba(82, 78, 78, 0.39);text-transform:uppercase;letter-spacing:5px;}

/*swiper*/
.index-banner .swiper-pagination{height:6px;font-size:.156rem;line-height: .12rem;bottom: 0;}
.index-banner .swiper-pagination-bullet{--swiper-pagination-color:var(--color-white);opacity: 0.8;border-radius:5px !important;-webkit-transition:all .3s ease;
    -o-transition:all .3s ease;transition:all .3s ease;}
.index-banner .swiper-pagination-bullet-active{width:30px !important;}
.case-wrapper .swiper-pagination{width:100%;}
.case-wrapper .swiper-pagination .swiper-pagination-bullet{border:none;width:25px;height:7px;margin:0 5px;border-radius:100px;-webkit-transition:all .5s ease;transition:all .5s ease;}
.case-wrapper .swiper-pagination-bullet-active{background-color:#99c192;}
.new-swiper .swiper-container{width:85%;margin:auto;}
.new-swiper .swiper-slide{width:60%;margin-right:30px;font-size:18px;background:#fff;transition:300ms;}
.new-swiper .swiper-button-next,.new-swiper .swiper-button-prev{width:50px;height:50px;border-radius:50%;border:1px solid #8A7D7D;outline:none;}
.new-swiper .swiper-button-next:after,.new-swiper .swiper-button-prev:after{font-size:20px;color:#777;}

/*index*/
.title{padding:20px 0 40px;display:inline-block;position:relative;}
.title:before{content:'';position:absolute;display:inline-block;height:23px;width:2px;background-color:#99c192;top:26px;left:0;}
.title h2{font-size:26px;color:#000;font-weight:500;letter-spacing:1px;margin-left:10px;}
.title p.en{font-size:20px;color:#bdbdbd;font-weight:700;text-transform:uppercase;margin-top:5px;margin-left:10px;}
.title p.first-en{position:absolute;top:0;left:0;z-index:-1;color:#ececec;width:100%;font-size:150px;text-transform:uppercase;font-family:'Os';}
.title p.en-fd{color:#fdfdfd;}
.about-area,.services-area,.brain-area{padding-top:80px;padding-bottom:120px;position:relative;z-index:1;}
.about-area{background: url(../images/quxian.jpg) no-repeat fixed;}
.about-item{margin-top:20px;}
.about-area .thumb-box{padding-right:35px;}
.info{padding-top:50px;}
.about-area .thumb-box .thumb{position:relative;z-index:1;margin-left:40px;}
.about-area .thumb-box .thumb .about-bg{width:70%;position:relative;}
.about-area .thumb-box .thumb .about-bg:before{content:'';position:absolute;z-index:0;display:inline-block;bottom:-20px;left:-20px;width:90%;height:90%;background-color:#f3f3f3;}
.about-area .thumb-box .thumb .about-bg:after{content:'';position:absolute;z-index:-1;display:inline-block;bottom:-40px;left:-40px;width:70%;height:70%;border:2px solid #99c192;}
.about-area .info .info-con{font-size:14px;line-height:30px;}
.line{width:150px;height:3px;background:#99c192;border:0;}
.about-area .line{float:left;margin-bottom:20px;}
.about-area .info .info-btn{margin-top:25px;}
.about-area .info .info-btn > a.btn-lg{padding:17px 65px;font-size:14px;}
.product-area{padding-top:80px;padding-bottom:100px;overflow:hidden;}
.product-items{}
.product-bg{height:100%;}
.product-container{}
.product-card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box;}
/*.product-card:before{content:"";position:absolute;left:5%;bottom:0;width:90%;height:90%;z-index:1;border-radius:0;-webkit-box-shadow:0 2px 30px rgba(53, 47, 47, .15);box-shadow:0 2px 30px rgba(53, 47, 47, .15);pointer-events:none;}*/
.product-card-body{position:relative;z-index:2;}
.product-card-body h2{color:#1b1b1b;font-size:24px;}
.product-card-body .product-text{font-size:14px;padding:10px 0;}
.product-card-body .product-text p{margin:0;transition:.5s ease-in;}
.product-card-body .product-box{margin-left:-15px;}
.product-thumb{padding:10px;border-radius:10px;margin-bottom:30px;background:#fff;border-left:10px solid #105260;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-box-shadow:0 5px 15px 0 rgba(194,188,210,.2);box-shadow:0 5px 15px 0 rgba(194,188,210,.2);}
.product-thumb h2{font-size:16px;margin-bottom:10px;color:#1b1b1b;}
.product-thumb h2 span{font-size:24px;font-family:'tt140';padding-left:3px;}
.product-thumb p{font-size:12px;line-height:20px;margin-top:0;height:60px;}
.product-card-body .info-btn{margin-top:20px;}
.features-area{position:relative;padding-top:100px;}
.feature-items{position:relative;margin-bottom:100px;}
.features-img img{width:auto;}
.features-inner{}
.features-inner .features-title{color:#000;}
.features-inner .features-text{padding:15px 0;margin-top:0;font-size:14px;}
.features-list{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.features-list h2{font-size:80px;margin-right:30px;font-weight:700;color:transparent;-webkit-text-stroke:2px #105260;}
.features-list-text p:first-child{font-size:16px;color:#797979;font-weight:700;}
.features-list-text p:last-child{font-size:14px;color:#a2a2a2;}
.process-area{padding-bottom:120px;position:relative;}
.process-area .shape {position:absolute;right:0;bottom:0;z-index:-1;}
.process-area .heading p{font-size:16px;color:#333;}
.process-area .heading p:last-child a{color:#777;}
.process-area .item{background:#ffffff;padding:65px 30px;box-shadow: 0 10px 30px 0 rgba(0, 51, 204,0.1);-webkit-box-shadow: 0 10px 30px 0 rgba(0, 51, 204,0.1);border-radius:5px;min-height:260px;}
.process-area .item i{display:inline-block;font-size:60px;margin-bottom:25px;color:#56aced;}
.process-area .item h3{color:#000;font-size:15px;}
.services-area .circle-connector{margin-top:60px;position:relative;}
.process-circle{position:relative;}
.process-circle:before{position:absolute;content:"";width:40%;height:1px;background:#CBCBCB;top:40%;right:-65px;}
.circle-connector div:last-of-type .process-circle:before{width:0;}
.process-circle p{height:170px;width:170px;margin:auto;border-radius:50%;background:#F2F9FF;border:16px solid #fff;box-shadow:0px 3px 26px rgba(0, 0, 0, 0.06);position:relative;transition:all 500ms ease;z-index:1;font-size:60px;padding-top:0px;display:flex;align-items:center;justify-content:center;}
.process-circle p:before{position:absolute;content:"";width:100%;height:100%;left:0px;top:0px;right:0px;transform:scale(0, 0);border-radius:50%;z-index:-1;transition:all 500ms ease;background:#fff;}
.process-circle p i,.cta-icon i{font-size:50px;color:#0487F9;}
.circle-connector span{display:inline-block;margin-top:15px;color:#000;font-size:16px;font-weight:700;}
.cta-ocm{position:absolute;height:500px;top:120px;left:0;max-width:100%;width:auto;}
.cta-block .cta-single{margin-bottom:30px;overflow:hidden;}
.cta-icon,.cta-content{display:table-cell;vertical-align:top;}
.cta-icon i{font-size:60px;}
.cta-content{padding-left:35px;}
.cta-title{margin:0;color:#252758;font-size:16px;letter-spacing:-.02em;margin-bottom:15px;}
.cta-text{font-size:16px;line-height:34px;margin:0}
.imp{color:orange;font-weight:700;font-family:'tt144';padding:0 2px;}
.circle-box .circle-style{position:absolute;width:120px;height:120px;border-radius:50%;display:flex;display:-ms-flex;flex-direction:column;align-items:center;justify-content:center;-webkit-animation-name:shapeRotate;animation-name:shapeRotate;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.circle-box p{margin:0;color:#fff;font-size:16px;}
.circle-box p .imp{color:#fff;font-weight:400;font-family:'Miscrsoft YaHei';}
.circle-style{width:100%;height:100%;}
.circle-one .circle-style{background:#ff541f;-webkit-animation-duration:3s;animation-duration:3s;left:30%;top:0;}
.circle-two .circle-style{background:#57adeb;-webkit-animation-duration:4s;animation-duration:4s;left:40%;top:10%;}
.circle-two{transform:scale(.9);}
@-webkit-keyframes shapeRotate{
    from {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  to {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}
@keyframes shapeRotate{
    from {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  to {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}
.brain-area{padding:120px 0 140px;background-image:url(../images/brain2.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;}
.new-area .title h2{color:#fff;}
.brain-area .li-item .li-thumb{padding:30px 15px;color:#000;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;}
.brain-area .li-item .li-thumb .thumb-icon{}
.brain-area .li-item p{margin:7px 0;}
.purpose-area,.demo-area,.new-area{padding:90px 0;position:relative;}
.demo-area{background:url(../images/571d767701123.png) no-repeat center/cover;padding-bottom:200px;}
.demo-wrap{position:relative;padding-top:150px;}
.demo-item{box-shadow: 0 10px 30px 0 rgba(0, 51, 204,0.1);width:100%;-webkit-box-shadow: 0 10px 30px 0 rgba(0, 51, 204,0.1);padding:15px;background:#fff;margin-top:20px;position:absolute;right:50px;border-radius:2px;-webkit-border-radius:2px;}
.demo-item .cta-text{line-height:26px;font-size:14px;}
.demo-wrap .demo-item:first-of-type{top:-120px;}
.demo-wrap .demo-item:nth-of-type(2){top:150px;}
.demo-wrap .demo-item:nth-of-type(3){top:360px;left:50px;}
.demo-wrap > div:last-of-type .demo-item:first-of-type{right:0;top:-80px;}
.demo-wrap > div:last-of-type .demo-item:nth-of-type(2){right:-50px;top:180px;}
.case-area{background:rgba(255,255,255,1);padding:90px 0;}
.case-wrapper .swiper-slide{width:25%;}
.case-items{margin:0 15px;text-align:center;position:relative;overflow:hidden;z-index:1;margin-bottom:30px;background:#fff;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;border-radius:4px;}
.case-items .case-text{padding:20px;transition:.3s linear;}
.case-items .case-text h2{color:#000;font-weight:700;padding:5px 0;font-size:18px;}
.case-items .case-text .case-icon{display:inline-block;border-radius:50%;padding:10px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;border:2px dashed #a7c4a7;}
.case-items .case-text .case-icon i{display:inline-block;width:60px;height:60px;font-size:32px;line-height:60px;border-radius:50%;text-align:center;color:#92c192;;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;background:#e0e0e0;}
.case-items .case-text p{font-size:12px;line-height:24px;height:120px;text-align:left;}
.new-area{}
.background-overlay{z-index:2;}
.grid-overlay-10{background-image:url(../images/grid-10.png);}
.background-overlay{position:absolute;width:100%;left:0;top:0;bottom:0;}
.new-area .qfe{position:relative;z-index:3;}
.new-area .title p.en{color:rgba(255, 254, 254, 0.11);}
.new-area .qfe .qfe-container{padding-top:60px;}
.new-area .qfe .qfe-container .qfe-list{width:100%;}
.new-area .qfe .qfe-container .qfe-list-block{border:1px solid transparent;position:relative;transition:all 0.3s ease-out 0s;width:calc(50% + 50px);position:relative;}
.qfe-list-box a{color:#fff;}
.qfe-info{height:110px;text-align:right;width:calc(100% - 200px);display:table;}
.qfe-text{width:100%;display: table-cell;vertical-align:middle;padding-left:5px;padding-right:50px;}
.qfe-text-title{font-size:16px;transition:all 0.3s ease-out 0s;display:block;position:relative;z-index:1;}
.qfe-des{color:#eaeaea;font-size:13px;word-break:break-all;line-height:22px;}
.qfe-date{position:relative;z-index:1;font-size:12px;margin-top:20px;transition:all 0.3s ease-out 0s;display:block;}
.qfe-date .qfe-date-month{color:#ffffff;font-size:20px;font-family:arial;display:block;}
.qfe-date .qfe-date-year{font-size:16px;font-family:arial;}
.new-area-more{background:#fff none repeat scroll 0 0;border:2px solid #eee;border-radius:31px;color:transparent;display:block;height:31px;margin:60px auto 0;position:relative;width:31px;left:2px;cursor:pointer;}
.new-area-more::before{background-color:#eee;content:"";height:1px;left:50%;margin-left:-7px;position:absolute;top:50%;transform:rotate(0deg);transition:all 0.3s ease-out 0s;width:13px;}
.new-area-more::after{background-color:#eee;content:"";height:13px;left:50%;margin-top:-6px;margin-left:-1px;position:absolute;top:50%;transform:rotate(0deg);transition:all 0.3s ease-out 0s;width:1px;}
.aim-wrap{padding-top:15%;}
.aim-wrap .aim-list{padding:20px 0;}
.aim-ico,.aim-content{display:table-cell;vertical-align:top;}
.aim-ico img{width:75px;}
.aim-content{padding-left:20px;}
.aim-wrap .aim-list h4{margin-bottom:5px;font-size:16px;color:#333;}
.aim-wrap .aim-list p{font-size:12px;color:#777;line-height:20px;}
.sponsors-area{padding-bottom:80px;}
.sponsors-wrapper{width:100%;margin-top:30px;margin-bottom:30px;}
.sponsors-wrapper .swiper-slide{width:20%;text-align:center;cursor:move;}
.sponsors-wrapper .swiper-slide img{display:inline-block;max-width:60%;max-height:100%!important;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;transition: all 300ms ease;}
.subscribe-area{padding-top:100px;padding-bottom:100px;}
.subscribe-bg{padding:65px 40px;-webkit-box-shadow:0 5px 30px rgba(0,0,0,.1);box-shadow:0 5px 30px rgba(0,0,0,.1);border-radius:5px;}
.subscribe-title{margin-bottom:60px;}
.subscribe-title h2{font-size:28px;color:#000;}
.join-area{padding:100px 0;background:url(../images/033.jpg) no-repeat;}
.join-title{font-size:36px;color:#fff;}
.join-title span{color:#99c192;}
.join-text{color:#e3e3e3;margin:15px 0 50px 0;font-size:16px;}
.form-area{position:relative;margin-top:40px;}
.form-area .form-icon{position:relative;}
.form-area .form-icon i{position:absolute;bottom:-5px;left:18px;font-size:18px;color:#8392a5;}
.form-area input[type=email] {padding:12px 20px 12px 45px;width: 82%;border-radius: 5px;border: 1px solid #e5e9f2;}
.form-area button.button{position: absolute;right: 8%;top: 0;border-radius: 0 5px 5px 0;}
.button:after,.page_404 .btn-prev:after,.info-btn > a:after{position: absolute;right: 0;top: 0;width: 0%;height: 100%;content: "";background-color: #001737;z-index: -1;border-radius: 5px;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.info-btn > a:after{border-radius:30px;}
.button{display: inline-block;background-color:#0487F9;padding:12px 30px;color: #fff;border-radius: 5px;text-transform: uppercase;font-weight: 500;position: relative;z-index: 1;}
.video-area{padding-top:200px;padding-bottom:200px;position:relative;z-index:1;}
.video-area:before{content: "";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(8, 43, 109, 0.64);z-index:-1;}
.parallax-section{background-attachment:fixed !important;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.video-container{position:relative;}
.video-container .video-play{position:relative;font-size:35px;width:80px;height:80px;line-height:80px;color:#fff;background:#fff;border-radius:50%;display:inline-block;-webkit-transition:all 1s ease;transition:all 1s ease;cursor:pointer;}
.video-container .video-play:before{content:'';position:absolute;border-radius:50%;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);border:2px solid #fff;animation-name:pulseInOut;opacity:0;animation-duration:3s;animation-iteration-count:infinite;}
.video-container .video-play:after{content:'';border-radius:50%;position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);border:2px solid #fff;animation-name:pulseInOutSM;opacity:0;animation-duration:3.5s;animation-iteration-count:infinite;}
.ico-play{display:inline-block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #99c192;position:absolute;cursor:pointer;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);margin-left:3px;border-radius:4px;}
@keyframes pulseInOut{
    0%{
        opacity:1;
        transform:scale(.3);
        -webkit-transform:scale(.3);
    }
    100%{
        opacity:0;
        transform:scale(1.3);
        -webkit-transform:scale(1.3);
    }
}
@-webkit-keyframes pulseInOut{
    0%{
        opacity:1;
        transform:scale(.3);
        -webkit-transform:scale(.3);
    }
    100%{
        opacity:0;
        transform:scale(1.3);
        -webkit-transform:scale(1.3);
    }
}
@keyframes pulseInOutSM{
    0%{
        opacity:1;
        transform:scale(.3);
        -webkit-transform:scale(.3);
    }
    100%{
        opacity:0;
        transform:scale(1.7);
        -webkit-transform:scale(1.7);
    }
}
/*contact*/
.contact-icon,.contact-content{display:table-cell;vertical-align:top}
.contact .contact-icon{font-size:40px;color:#92c192;}
.contact .contact-content{padding-left:35px;text-align:left;}
.contact .contact-content h2{font-size:16px;color:#000;}
.contact .contact-content p{margin-top:10px;line-height:1;}
.contact .row:last-of-type{margin-top:45px;}
.message{min-height:100px;padding:60px 60px;margin-top:20px;background:#f9f9f9;}
.input-control input,.input-control textarea{padding:0 10px;width:100%;height:44px;line-height:44px;border:1px solid #e6e6e6;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;outline:none;}
.input-control textarea{height:210px !important;display:inline-block;padding:10px;resize:auto;}
.message-right .input-control{margin:0 10px 35px 10px;}
.message .button{margin:0;}

/*about*/
.about-title{color:#000;font-size:26px;}
.about-text,.about-progress{margin-top:25px;font-size:14px;}
.about-progress .progress-li{padding:10px 0;position:relative;padding-left:35px;transition:.5s linear;}
.about-progress .progress-li:before{content:'';position:absolute;left:0;top:12px;width:15px;height:15px;border:1px solid #ccc;border-radius:50%;}
.course-item{margin-top:45px;}
.course-step-wrap{text-align:center;}
.course-step-wrap img{width:70%;}
.course-step-wrap img:nth-child(2){width:60%;margin-top:-150px;}
.course-step-wrap img:nth-child(3){width:50%;margin-top:-135px;}
.course-item .course-icon img{width:60px;margin-right:10px;}
.course-item .course-content h4{color:#000;font-size:16px;}
.course-item .course-content p{margin:0;position:relative;color:#00a1ff;display:flex;display:-ms-flex;align-items:center;}
.course-item .course-content p i{display:inline-block;margin-right:5px;width:15px;height:15px;border:1px solid #00a1ff;}
.course-item .course-content p i:before{content:'✔';display:inline-block;font-weight:500;position:absolute;top:0;left:3px;}
.course-item .course-content ul li{margin:5px 0;font-size:12px;position:relative;padding-left:10px;}
.course-item .course-content ul li:before{position:absolute;left:0;top:5px;content:'';display:inline-block;width:5px;height:5px;background:#000;border-radius:50%;}
.counts .title{position:relative;color:#0f394c;display:block;margin-bottom:40px;}
.number-item{color:#fff;padding:20px 0;border-right:1px solid rgba(255,255,255,.25);}
.counts .row > div:last-child .number-item{border-right:none;}
.number-item span{font-size:60px;font-family:'number';}
.number-item p{font-size:16px;}
.join .nav-control{text-align:center;}
.join .nav-control .tab-control a{display:inline-block;padding:25px 20px 45px;color:#aaa;}
.join .nav-control .tab-control a i{display:block;font-size:30px;margin-bottom:5px;}
.join .nav-control .tab-control a.active{color:#464646;}
.join-item{max-width:800px;margin:0 auto;position:relative;overflow:inherit;}
.join-item .join-icon i{font-size:200px;color:#464646;}
.join-item .join-title{padding:10px 0;font-size:16px;color:#000;}
.join-item .join-content{font-size:14px;color:#777;padding-top:10px;}
.join-item .join-content h3{font-size:14px;color:#333;padding:5px 0;}
.join-item .join-content p{margin-bottom:5px;margin-top:0;line-height:24px;}
.culture-wrap{padding:80px 0;}
.culture-item{margin-top:20px;position:relative;}
.culture-con{background-color:#fff;padding:20px 5%;}
.culture-item h4{line-height:1.5;color:#105260;font-size:16px;}
.culture-con p{margin:0;color:#919191;}
.culture-item .bg{background:rgba(12,54,101,.5);position: absolute;left:0;top: 0;width:100%;height:100%;padding:0 5%;color:#fff;opacity:0;visibility:hidden;transition:0.3s;-webkit-transition:0.3s;}
.culture-item .bg .t{padding-top:15%;transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;visibility: hidden;transition:0.3s;-webkit-transition:0.3s;}
.culture-item .bg .t h4{color:#fff;}
.culture-item .line{margin:30px auto 20px;height:0;width:1px;background-color:#fff;display:block;}
.culture-item .by {font-size:14px;line-height:1.5;opacity:0;visibility:hidden;}
.culture-wrap .culture-item:hover .bg{opacity:1;visibility:visible;}
.culture-wrap .culture-item:hover .bg .t{opacity:1;visibility:visible;transform:translateY(0px);-webkit-transform:translateY(0px);}
.culture-wrap .culture-item:hover .line{height:30px;transition:all 0.3s ease 0.2s;-webkit-transform:all 0.3s ease 0.2s;}
.culture-wrap .culture-item:hover .by{opacity:1;visibility:visible;transition:all 0.3s ease 0.4s;-webkit-transform:all 0.3s ease 0.4s;}

/*new*/
.list-club{background-color:#efefef;overflow:hidden;margin-bottom:40px;}
.list-club .club-content{transition:.4s linear;-webkit-transition:.4s linear;-o-transition:.4s linear;-ms-transition:.4s linear;-moz-transition:.4s linear;display:flex;position:relative;}
.list-club .club-content::after{content:'';display:block;position:absolute;bottom:1px;left:0;width:0;height:2px;transition:.4s linear;-webkit-transition:.4s linear;-o-transition:.4s linear;-ms-transition:.4s linear;-moz-transition:.4s linear;}
.club-content .content-warp{display:flex;flex-direction:column;justify-content:space-between;padding:50px;}
.content-warp .content-descript{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.content-warp .content-date p{font-size:14px;}
.content-warp .content-descript p{color:#666666;line-height:26px;letter-spacing:1px; }
.content-warp .content-title h2{font-size:20px;font-weight:400;}
.content-warp .content-btn a{color:#000;}
.content-warp .content-btn a::before{content:'';display:inline-block;height:15px;width:2px;background-color:#666;margin-right:10px;position:relative;top:2px;}
.contentPage .page_title{text-align:center;border-bottom:1px solid #d4d4d4;padding-bottom:20px;}
.viewport-page{display:flex;justify-content:center;width:100%;margin:70px 0 90px 0}
.viewport-page a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:#8C8888;margin:0 10px;border-radius:50%;transition:all .3s ease-in;-webkit-transition:all .3s ease-in;}
.viewport-page a:first-of-type::before,.viewport-page a:last-of-type::before{content:'';display:inline-block;width:10px;height:10px;border-width:0 0 1px 1px;border-style:solid;border-color:#777;}
.viewport-page a:first-of-type::before{transform:rotate(45deg) translate(2px , -2px);}
.viewport-page a:last-of-type::before{transform:rotate(-135deg) translate(2px , -2px);}
.viewport-page a.cur{background-color:#333;color:#fff;}
.app-article{width:80%;margin:auto;margin-top:90px;}
.app-article .article-header{border-bottom:1px solid #cecece;}
.app-article .article-header h2{text-align:center;color:#252525;font-weight:400;font-size:32px;}
.app-article .article-header p{text-align:center;font-size:14px;color:#6F6F6F;padding:20px 0;}
.app-article .article-body{padding-top:35px;}
.app-article .article-body p{font-size:14px;color:#666;line-height:26px;text-align:justify;word-wrap: break-word;word-break: normal;transition:.4s linear;-webkit-transition:.4s linear;-moz-transition:.4s linear;-ms-transition:.4s linear;-o-transition:.4s linear;}
.app-article .article-link{padding-top:40px;}
.app-article .article-link > a{display:block;color:#666;font-size:14px;margin-bottom:15px;}

/*sevise*/
.services-pattern{position:absolute;top:0;left:0;}
.w-650{max-width:650px;}
.w-style{padding:15px;border-radius:8px;background:#f7f7f7;margin:20px auto 20px;}
.cust-tag{padding:5px 10px;color:#fff;border:6px solid #fff;background:#92c192;border-radius:30px;display:inline-block;margin-bottom:15px;margin-top:20px;font-size:14px;}
.cust-label span{display:inline-block;padding:5px 15px 5px 10px;font-size:14px;border-radius:30px;position:relative;border:1px solid #eaeaea;font-family:"icon";}
.cust-label span:before{content:'\e624';padding-right:2px;color:#69cc69;}
.cust-item{}
.cust-title{color:#333;font-size:20px;font-weight:500;}
.cust-title > img{width:auto;border-radius:4px;-webkit-border-radius:4px;}
.case-ft .case-title h2{color:#333;}
.cust-text{letter-spacing:1.5px;color:#777;padding:15px 0;}
.cust-wrap{position:relative;}
.cust-box{height:250px;width:250px;display:inline-block;border-radius:0.5em;}
.cust-box img{}
.thumb-item{width:20%;padding-left:15px;padding-right:15px;color:#3c3b3b;}
.thumb-item .thumb-circle{width:120px;height:120px;line-height:120px;font-size:30px;color:#54a2eb;margin:20px auto 0;border-radius:50%;box-shadow: 0px 3px 26px rgba(0, 0, 0, 0.06);position:relative;transition:all 500ms ease;z-index:1;}
.thumb-item h2{font-size:18px;padding:10px 0;}
.thumb-item p{color:#777;transition:.4s linear;line-height:22px;font-size:12px;}
.supervise .supervise-item{position:relative;margin-top:20px;}
.supervise-icon,.supervise-content,.course-icon,.course-content{display: table-cell;vertical-align: top;}
.supervise-icon i{font-size:30px;color:#bbb;padding-right:15px;}
.supervise-content > h2{color:#505050;font-weight:700;font-size:14px;}
.supervise-content > p{margin-top:10px;}
.supervise-content > p > span{font-size:24px;padding-right:6px;color:#ff5858;font-family:'tt144'}
.tab-wrap{display:flex;display:-ms-flex;}
.tabItem{margin-left:15px;float:left;margin-top:20px;}
.tabItem.cur .tabClick{border:1px solid #b7b4b4;}
.tabClick{padding:10px;border-radius:8px;cursor:pointer;display:flex;display:-ms-flex;align-items:center;-webkit-border-radius:8px;border:1px solid #f1f1f1;transition:border .5s linear;-webkit-transition:border .5s linear;-moz-transition:border .5s linear;-o-transition:border .5s linear;-ms-transition:border .5s linear;}
.tabClick img{width:40px;padding-right:7px;}
.tabBox{width:60%;}
.tabClick h2{font-size:14px;color:#404040;}
.tabCon{display:none;overflow:hidden;}
.tabText h3{font-size:70px;display:block;color:#f9f9f9;font-style:italic;}
.tabText .Texttitle{font-size:24px;color:#555;padding-bottom:20px;font-style:italic;}
.tabText p:not(.Texttitle){font-size:14px;margin-top:0;}


/*appraise*/
.container-fluid{padding:80px 0;}
.img-raised{box-shadow:0 20px 80px rgba(0, 0, 255, 0.07);}
.rounded{border-radius:0.25rem;}
.case-bg-w{width:50%;}
.case-bg{height:680px;background-color:#fff;}
.case-bg-fixed{height:100%;border-radius:4px;background-size:contain;background-repeat:no-repeat;background-attachment:fixed;}
.case-img{position:relative;}
.case-ft .case-title{}
.case-ft .case-con .cust-label{padding:10px 0;margin-left:-10px;}
.case-con .case-tag{font-size:14px;color:#777;line-height:26px;padding:10px 0;}
.case-con em.imp{color:#ff711e;}
.case-con .case-explain{}
.case-con p{color:#777;font-size:14px;text-align:justify;line-height:32px;margin-top:0;}
.case-list{background:#fff url(../images/line.png) no-repeat center;margin:0 auto;width:100%;height:333px;position:relative;}
.case-li p{float:left;}
.case-li{width:100px;height:150px;line-height:2;color:#8f8f95;text-align:center;transform: translateX(50px);position:absolute;}
.case-li .dot{float:left;width:10px;height:10px;border-radius:5px;background:#fff;margin:12px 29px;position:relative;}
.case-li .dot:before{content:"";position:absolute;left:-5px;top:-5px;z-index:-1;width:20px;height:20px;border-radius:10px;background:#99c192;opacity:.3;}
.case-li .circle{width:68px;height:68px;line-height:68px;font-size:24px;color:#ffffff;border-radius:34px;background:#c1dcff;margin:12px 0;float:left;}
.case-list li:first-of-type{left:33px;top:140px;}
.case-list li:nth-of-type(2){left:150px;top:55px;}
.case-list li:nth-of-type(3){left:294px;top:120px;}
.case-list li:nth-of-type(4){left:439px;top:25px;}
.case-list li:nth-of-type(5){left:618px;top:65px;}
.case-list li:nth-of-type(6){left:776px;top:65px;}
.case-list li:nth-of-type(7){left:957px;top:148px;}
.case-club{overflow:hidden;}
.case-club > div{padding:15px 10px 15px;}
.case-club > div i{font-size:50px;margin-bottom:20px;color:#56aced;}
.case-club > div p{text-align:center;}
.case-con .li-item {padding:20px 10px;border-bottom:1px solid #f1f1f1;border-right:1px solid #f1f1f1;overflow:hidden;transition:all .5s ease;-webkit-transform:all .5s ease;}
.case-con .li-item:nth-child(4n+1){border-left:1px solid #f1f1f1;}
.case-con .li-item:nth-last-of-type(1),.case-con .li-item:nth-last-of-type(2),.case-con .li-item:nth-last-of-type(3),.case-con .li-item:nth-last-of-type(4){border-bottom:none;}
.case-con .li-item .li-thumb{padding:0;}
.case-con .li-item .li-thumb em{font-size:90px;font-weight:700;color:#f9f9f9;position:absolute;left:-20px;top:-60px;}
.case-text{padding:25px 0;}
.case-text h3{margin-bottom:15px;color:#000;}

/*top*/
.go-top-area{position:relative;z-index:999;}
.go-top-wrap{position:relative;}
.go-top-area .go-top.active{top:98%;-webkit-transform:translateY(-98%);-moz-transform:translateY(-98%);-ms-transform:translateY(-98%);-o-transform:translateY(-98%);transform:translateY(-98%);opacity:1;visibility:visible;border-radius:0px;right:20px;}
.go-top-wrap .go-top-btn{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;top:3px;z-index:1;background:#29f0b4;border-radius:0px;}
.go-top-area .go-top{position:fixed;cursor:pointer;top:0;right:24px;color:#ffffff;background-color:#99c192;z-index:9999;width:40px;text-align:center;height:42px;line-height:42px;opacity:0;visibility:hidden;-webkit-transition:all 0.9s ease-out 0s;-moz-transition:all 0.9s ease-out 0s;-ms-transition:all 0.9s ease-out 0s;-o-transition:all 0.9s ease-out 0s;transition:all 0.9s ease-out 0s;border-radius:0px;}
.go-top-wrap .go-top-btn i{font-size:20px;font-weight:700;padding-left:4px;color:#fff;}
.go-top-area .go-top i{position:absolute;top:50%;left:-4px;right:0;margin:0 auto;font-size:15px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.go-top-wrap .go-top-btn::after{z-index:-1;content:"";position:absolute;left:0;top:0;width:40px;height:40px;opacity:0;background:#99c192;border-radius:0px;}
@keyframes ripple{
    0%, 35%{
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    50%{
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.8;
    }
    100%{
        opacity: 0;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }
}
@-webkit-keyframes ripple{
    0%, 35%{
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    50%{
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.8;
    }
    100%{
        opacity: 0;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }
}
@keyframes pulsePrimary{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(187, 214, 181, 1.0);
       box-shadow:0 0 0 0 rgba(187, 214, 181, 1.0); /*鼠标滑过按钮*/
    }
    70%{
        -webkit-box-shadow:0 0 0 20px transparent;
        box-shadow:0 0 0 20px transparent;
    }
    100%{
        -webkit-box-shadow:0 0 0 0 transparent;
        box-shadow:0 0 0 0 transparent;
    }
}
@-webkit-keyframes pulsePrimary{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(82,104,242,.4);
        box-shadow:0 0 0 0 rgba(82,104,242,.4);
    }
    70%{
        -webkit-box-shadow:0 0 0 20px transparent;
        box-shadow:0 0 0 20px transparent;
    }
    100%{
        -webkit-box-shadow:0 0 0 0 transparent;
        box-shadow:0 0 0 0 transparent;
    }
}
@keyframes fadeInSmallRight{
    0%{
        opacity:0;
        transform:translateX(20px);
        -webkit-transform:translateX(20px);
    }
    100%{
        opacity:1;
        transform:translateX(0);
        -webkit-transform:translateX(0);
    }
}
@-webkit-keyframes fadeInSmallRight{
    0%{
        opacity:0;
        transform:translateX(20px);
        -webkit-transform:translateX(20px);
    }
    100%{
        opacity:1;
        transform:translateX(0);
        -webkit-transform:translateX(0);
    }
}
.fadeInSmallRight{animation:fadeInSmallRight 1s}
/*404*/
.page_404 h1{font-size:7.5em;padding:15px 0;color:#000;font-family:'tt140';}
.page_404 h2{font-size:2rem;color:#000;}
.page_404 p{font-size:16px;color:#000;letter-spacing:1.5px;}
.page_404 .btn-prev,.btn-bon{border-radius:4px;background:#fff;position:relative;z-index:1;background:#99c192;font-size:16px;color:#fff;margin-top:40px;cursor:pointer;padding:15px 56px;}


.ico-biaozhun:before{content:'\e643';}
.ico-zhengji:before{content:'\e60d';}
.ico-guanli:before{content:'\e796';}
.ico-fenxi:before{content:'\e6ac';}
.ico-corporation:before{content:'\e63e';}
.ico-tel:before{content:'\e604';}
.ico-phone:before{content:'\e628';}
.ico-qq:before{content:'\e64b';}
.ico-company:before{content:'\e63e';}
.ico-black_phone:before{content:'\e604';}
.ico-email:before{content:'\e646';}
.ico-up:before{content:'\e600';}
.ico-exam:before{content:'\e606';}
.ico-bm:before{content:'\e601';}
.ico-kw:before{content:'\e602';}
.ico-mn:before{content:'\e673';}
.ico-zn:before{content:'\e64c';}
.ico-pf:before{content:'\e784';}
.ico-print:before{content:'\e614';}
.ico-door:before{content:'\e617';}
.ico-arrow-right:before{content:'\e603';}
.ico-zs:before{content:'\e7af';}
.ico-system:before{content:'\e648';}
.ico-flexible:before{content:'\e7f9';}
.ico-li1:before{content:'\e60f';}
.ico-li2:before{content:'\e63f';}
.ico-li3:before{content:'\e67c';}
.ico-li4:before{content:'\e669';}
.ico-li5:before{content:'\e605';}
.ico-li6:before{content:'\e656';}
.ico-li7:before{content:'\e62a';}
.ico-li8:before{content:'\e6c5';}
.ico-li9:before{content:'\e63c';}
.ico-li10:before{content:'\e607';}
.ico-li11:before{content:'\e84a';}
.ico-li12:before{content:'\e618';}
.ico-zd:before{content:'\e687';}
.ico-card:before{content:'\e77b';}
.ico-data:before{content:'\e621';}
.ico-mechanism:before{content:'\e608';}
.ico-video:before{content:'\e62d';}
.ico-class:before{content:'\e666';}
.ico-web:before{content:'\e615';}
.ico-java:before{content:'\e60a';}
.ico-operation:before{content:'\e609';}
.ico-design:before{content:'\e849';}
.ico-pos:before{content:'\e635';}
.ico-tel_1:before{content:'\e60e';}
.ico-card:before{content:'\e69e';}
.ico-wechat:before{content:'\e626';}
.ico-webo:before{content:'\e61d';}
.ico-jianguan:before{content:'\e65a';color: #92c192;}
.ico-jingsai:before{content:'\e627';color: #92c192;}
.ico-study:before{content:'\e610';color: #92c192;}
.ico-jianding:before{content:'\e611';color: #92c192;}
.ico-ceping:before{content:'\e641';color: #92c192;}
.ico-occup:before{content:'\e634';}
.ico-level:before{content:'\e61b';}
.ico-plan:before{content:'\e68a';}
.ico-inform:before{content:'\e61a';}
.ico-examine:before{content:'\e6b6';}
.ico-pay:before{content:'\e619';}
.ico-ticket:before{content:'\e63d';}
.ico-peixun:before{content:'\e636';color: #92c192;}
.ico-baoming:before{content:'\e7e5';color: #92c192;}
.ico-study2:before{content:'\e63a';color: #92c192;}
.ico-exam2:before{content:'\e663';color: #92c192;}
.ico-jianguan2:before{content:'\e827';color: #92c192;}
.ico-video2:before{content:'\ebdb';}
.ico-angle-double-up:before{content:'\e682';}


@media screen and (min-width: 576px){
}
@media screen and (min-width: 768px){
    .col-sm-1{max-width:8.333332%;-ms-flex:0 0 8.333332%;flex:0 0 8.333332%;}
    .col-sm-2{max-width:16.666664%;-ms-flex:0 0 16.666664%;flex:0 0 16.666664%;}
    .col-sm-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%;}
    .col-sm-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .col-sm-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;}
    .col-sm-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .col-sm-7{max-width:58.333336%;-ms-flex:0 0 58.333336%;flex:0 0 58.333336%;}
    .col-sm-8{max-width:66.666666%;-ms-flex:0 0 66.666666%;flex:0 0 66.666666%;}
    .col-sm-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%;}
    .col-sm-10{max-width:83.333334%;-ms-flex:0 0 83.333334%;flex:0 0 83.333334%;}
    .col-sm-11{max-width:91.666666%;-ms-flex:0 0 91.666666%;flex:0 0 91.666666%;}
    .col-sm-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}

    .lg-module{padding:230px 0 90px;}
    .club-wrap .club-con{height:100px;}
    .club-wrap .club-tag{width:90%;margin:auto;margin-top:30px;display:flex;flex-wrap:wrap;}
    .club-wrap .club-tag > span{display:inline-block;margin:10px;text-align:center;padding:6px 6px;margin-top:10px;}
    .figure-wrap{justify-content:space-between;align-items:center;}
    .figure-con > div.figure-items{padding:0 0 30px 0;}
    .contact .row:last-of-type > div[class*="col-"]{display:flex;display:-ms-flex;justify-content:center;}
    .product-card-body .product-text p:hover{color:#000;}
    .case-ft .case-title h2{font-size:26px;font-weight:500;}
    .counts .title h3{font-size:32px;}
    .p-120{padding-top:120px;}
   
}
@media screen and (min-width: 991px){
    .col-md-1{max-width:8.333332%;-ms-flex:0 0 8.333332%;flex:0 0 8.333332%;}
    .col-md-2{max-width:16.666664%;-ms-flex:0 0 16.666664%;flex:0 0 16.666664%;}
    .col-md-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%;}
    .col-md-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .col-md-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;}
    .col-md-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .col-md-7{max-width:58.333336%;-ms-flex:0 0 58.333336%;flex:0 0 58.333336%;}
    .col-md-8{max-width:66.666666%;-ms-flex:0 0 66.666666%;flex:0 0 66.666666%;}
    .col-md-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%;}
    .col-md-10{max-width:83.333334%;-ms-flex:0 0 83.333334%;flex:0 0 83.333334%;}
    .col-md-11{max-width:91.666666%;-ms-flex:0 0 91.666666%;flex:0 0 91.666666%;}
    .col-md-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}

    .index-banner{height:calc(100vh - 110px);}
    .go-top-wrap .go-top-btn:hover::after{-webkit-animation:ripple 1.6s ease-out infinite;-moz-animation:ripple 1.6s ease-out infinite;-o-animation:ripple 1.6s ease-out infinite;animation:ripple 1.6s ease-out infinite;}
    .features-area .feature-items:nth-child(odd) > .features-wrap .features-inner{float:right;}
    .rvs .row,.reverse-fluid .container-fluid:nth-child(odd) .row,.features-area .feature-items:nth-child(even) > .features-wrap .row{flex-direction:row-reverse;}
    .reverse-fluid .container-fluid:nth-child(even) .row > div:last-child{display:flex;justify-content:flex-end;}
    .qfe-carousel-slideline-inner{position:relative;}
    .qfe-carousel-slideline-inner:before{background-color:#eee;content:"";height:100%;left:50%;margin-left:1px;position:absolute;top:65px;width:1px;z-index:0;}
    .qfe-list-block::after{background-color:#fff;border:2px solid #eee;border-radius:13px;content:"";height:13px;margin-top:-6px;position:absolute;top:50%;right:41px;transition:all 0.3s ease-out 0s;width:13px;}
    .process-circle:hover p i{color:#fff;}
    .process-circle:hover p:before{background:#99c192;transform:scale(1, 1);}
    /* .qfe-container .qfe-list .qfe-list-block:hover{box-shadow:0 0px 40px 10px rgba(239, 239, 239, 0.11);-webkit-0 0px 40px 10px rgba(239, 239, 239, 0.11);} index1.html页面css先注释了 */ 
    .qfe-container .qfe-list:nth-child(2n) .qfe-list-block:after{left:44.5px;right:auto;}
    .qfe-container .qfe-list:nth-child(2n) .qfe-list-block{margin-left:calc(50% - 50px);}
    .qfe-container .qfe-list:nth-child(2n) .qfe-list-block .row{flex-direction:row-reverse;}
    .qfe-container .qfe-list:nth-child(2n) .qfe-list-block .qfe-info{float:right;text-align:left;}
    .qfe-container .qfe-list:nth-child(2n) .qfe-list-block .qfe-date{text-align:right;}
    .button:hover,.page_404 .btn-prev:hover,.info-btn > a:hover{color:#fff!important;background:#99c192;-webkit-animation:pulsePrimary 1s 1 ease-in-out forwards;animation:pulsePrimary 1s 1 ease-in-out forwards;}
    .join-area .info-btn > a:hover{background:transparent;border:1px solid #99c192;}
    .go-top-area .go-top.active{top:90%;}
    .overlay-wrap .overlay-item > .row{align-items:center;}
    .tabBox{position:absolute;right:0;top:0;}
    .case-items .case-text{position:absolute;top:100%;left:0;bottom:0;right:0;background-color:rgba(255,255,255,.9);}
    .case-items:hover .case-text{top:0;}

}
@media screen and (min-width: 1200px){
    .col-lg-1{max-width:8.333332%;-ms-flex:0 0 8.333332%;flex:0 0 8.333332%;}
    .col-lg-2{max-width:16.666664%;-ms-flex:0 0 16.666664%;flex:0 0 16.666664%;}
    .col-lg-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%;}
    .col-lg-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .col-lg-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;}
    .col-lg-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .col-lg-7{max-width:58.333336%;-ms-flex:0 0 58.333336%;flex:0 0 58.333336%;}
    .col-lg-8{max-width:66.666666%;-ms-flex:0 0 66.666666%;flex:0 0 66.666666%;}
    .col-lg-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%;}
    .col-lg-10{max-width:83.333334%;-ms-flex:0 0 83.333334%;flex:0 0 83.333334%;}
    .col-lg-11{max-width:91.666666%;-ms-flex:0 0 91.666666%;flex:0 0 91.666666%;}
    .col-lg-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}
    .club-items:hover:before{background-color:rgba(0, 0, 0, 0.8);}
    .club-items:hover .items-box{transform:translate3d(0,0,0);}
    .case-con{max-width:450px;}
    

}

@media screen and (min-width: 1400px){
    .context-list .list-item{padding:0 10px;margin-top:100px;}
    
    .index-banner{height:750px;}

}

@media screen and (max-width: 991px){
    .global-viewport{padding-left:20px;padding-right:20px;}
    .header .header-body{display:block;padding-top:15px;padding-bottom:15px;}
    .header .header-body .logo img{width:120px;}
    .header .header-body .nav{flex:unset;position:absolute;width:100%;top:100%;left:0;background-color:hsla(0,0%,100%,.95);margin:0;border-bottom:1px solid var(--color-line);height:0;overflow:hidden;transition:all .3s ease-in-out;}
    .header .header-body .nav.is-shown{height:100vh;}
    .header .header-body .nav > ul{display:block;}
    .header .header-body .nav > ul > li{display:block;margin:0;}
    .header .header-body .toggle-nav{display:block;}
    html{font-size:87.5%;}
    .item_list{width:50%;margin-left:0;}
    .align-self-center{align-self:center;}
    .content-wrapper{display:block;}
    .index-banner{height:320px;}
    .context-wrapper .context-text h2 span{font-size:20px;}
    .message{padding: 0;}
    .message-right{margin-top: 30px;}
    .input-control{text-align: center;}
    .case-list{display:none;}
    .container-fluid{padding:40px 0;}
    .main-header .header-body .nav > ul > li > a{color:#444;}
    
}

@media screen and (max-width: 768px){
    .col-xs-1{max-width:8.333332%;-ms-flex:0 0 8.333332%;flex:0 0 8.333332%;}
    .col-xs-2{max-width:16.666664%;-ms-flex:0 0 16.666664%;flex:0 0 16.666664%;}
    .col-xs-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%;}
    .col-xs-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .col-xs-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;}
    .col-xs-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .col-xs-7{max-width:58.333336%;-ms-flex:0 0 58.333336%;flex:0 0 58.333336%;}
    .col-xs-8{max-width:66.666666%;-ms-flex:0 0 66.666666%;flex:0 0 66.666666%;}
    .col-xs-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%;}
    .col-xs-10{max-width:83.333334%;-ms-flex:0 0 83.333334%;flex:0 0 83.333334%;}
    .col-xs-11{max-width:91.666666%;-ms-flex:0 0 91.666666%;flex:0 0 91.666666%;}
    .col-xs-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}
    .index-banner{height:250px;}
    .li-item:nth-child(11),.brain-area .li-item:nth-child(12){border-bottom:none;}
    .demo-item{position:initial;}
    .index-card{text-align:left;}
    .index-card > img{width:100%;}
    .sponsors-wrapper .swiper-slide{width:33.33333%;}
     .cta-icon i{font-size:30px;}
    .join-item .join-icon i{font-size:60px;}
    .cta-text,p{line-height:24px;}
    .cta-text,.about-area .info .info-con,.about-area .info .info-btn > a.btn-lg,.demo-item .cta-text,p{font-size:12px;}
    .info-btn > a.btn-lg{padding:5px 10px !important;}
    .about-area, .services-area, .brain-area,.services-area,.purpose-area, .demo-area, .new-area,.module{padding-top:4.5rem;padding-bottom:3.75rem;}
    .demo-wrap{padding-top:0;}
    .banner-inner h2{font-size:20px;}
    .banner-inner p{font-size:12px;}
    .header .header-body .logo img{width:120px;}
    .context-wrapper .context-box{padding-left:50px;padding-right:50px;}
    .context-wrapper .context-text{text-align:center;}
    .title h2{font-size:20px;}
    .context-wrapper .context-text h2,.context-wrapper .context-text h2 span{font-size:16px;}
    .about-area .info .info-con{padding-left:0;padding-top:20px;padding-bottom:20px;color:#777;}
    .context-wrapper .context-text p{display:none;}
    .context-wrapper .context-btn{display:flex;justify-content:center;}
    .item-con .con-text{padding-left:5%;padding-right:5%;}
    .demo-wrap > div:nth-child(2){width:60%;}
    .case-ft{margin:0;}
    .case-wrapper .swiper-slide{width:50%;}
}

@media screen and (max-width: 540px){
    .module{padding:30px 0 40px;}
    .global-viewport{padding-left:10px;padding-right:10px;}
    .sponsors-wrapper .swiper-slide{max-width:20%;}
    .case-wrapper .swiper-slide{width:100%;}
    .features-img{position:static;width:100%;}
    .col-xs-6{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}
    .thumb-item{width:50%;}
    .context-list .list-item{max-width:50%;}
    .context-wrapper{transform:translateY(-40%);}

}

@media screen and (max-width: 450px){
    .supervise-icon, .supervise-content, .course-icon, .course-content{display:block;}

}