html,
body {
    font-family: 'Poppins', sans-serif;
    font-size: 100%;
    overflow-x: hidden;
  background:#fff;
}

body a {
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 600;
    font-family:"PingFang SC","Segoe UI","Helvetica Neue",Helvetica,"Microsoft YaHei",STHeiTi,SimHei,Arial,sans-serif!important;
}

p {
    line-height: 1.8;
    font-size: 15px;
    color: #333;
    letter-spacing: 0.5px;
    font-family: "PingFang SC","Segoe UI","Helvetica Neue",Helvetica,"Microsoft YaHei",STHeiTi,SimHei,Arial,sans-serif!important;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

body a:hover {
    text-decoration: none;
}
/*pc绔牱寮�    ------    棣栭〉*/
.move_top{display:none;}
.containertop{position:fixed;left:0px;top:0px;background:none;z-index:999999;}
.header_hove{background:#080523!important;}
.top_nav.transparent {
        box-shadow: none;
        background-color: transparent;
        transition: background-color .3s ease-out;
    z-index:9999999999;
}
.top_nav {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 70px;
z-index: 66;
box-sizing: border-box;
background-color: #202630;
box-shadow: 0 0 6px 0 rgba(7,0,2,.3);
}
.text-capitalize{color:#fff!important;font-size:36px!important;font-weight: 500!important;}
.content {
    width: 70%;
    margin: 0 auto;
    box-sizing: border-box;
    /*display: flex;*/
}
.content .home {
    display: inline;
}
.content .home img {
    display: inline;
    
}
.nobg{background:#f7f7f7}

.content:after, .content:before {
    content: " ";
    display: table;
}
.top_nav .nav_list {
    float: right;
    margin-right: 20px;
}
.top_nav .nav_list .nav-item {
    float: left;
    padding: 0 15px;
    height: 70px;
}
.top_nav.transparent .nav_list .nav-item>a {
    color: #fff;
}
.top_nav .nav_list .nav-item>a {
    display: block;
    line-height: 70px;
    font-size: 16px;
    color: #fff;
}
.top_nav .nav_list .nav-item>a.current {
    font-weight: 700;
    position: relative;
    color:#007bff;
}
.content:after, .content:before {
    content: " ";
    display: table;
}
.top_nav>.main_nav .nav_product .product_secondary .sub-nav_list:after, .top_nav>.main_nav .nav_product .product_secondary .sub-nav_list:before {
    content: " ";
    display: table;
}
.top_nav .nav_list .nav-item>a.current:before {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 3px solid #0093ff;
    position: absolute;
    top: 66px;
}
.navsade_right a{
    margin-left:5em;
    font-weight:normal!important;
    font-size:14px!important;
}
.navsade_right2 a{
    /*margin-left:5em;*/
    font-weight:normal!important;
    font-size:14px!important;
    
}
.navsade_right2{
    position:relative;
}
.navsade_right2 span{
    width:1px;display:block;height:12px;background:#fff;position:absolute;top:30px;left:0px;
}
.top_nav>.main_nav .nav_product .product_secondary {
    position: absolute;
    top: 70px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 64px;
    opacity: 0;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: -100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -webkit-transition-timing-function: cubic-bezier(1,0,0,1);
    -moz-transition-timing-function: cubic-bezier(1,0,0,1);
    transition-timing-function: cubic-bezier(1,0,0,1);
    height:30px;
}
.sub-nav_list{width:100%;height:60px;background:#fff;color:red;width:100%;margin: 0 auto;box-sizing: border-box;display:flex;padding-left:50%;}
.sub-nav_list li {color:#000;line-height:60px;width:120px;text-align:center;}
.sub-nav_list li a{color:#333333;}
.sub-nav_list li a:hover{color:#007bff}
.product_secondary{animation:tophead 5s;}
    @keyframes tophead
        {
        from {left:-1000;}
        to {left:0;}
        }   
            
            /*鏂扮殑*/
.bg1 {
    background: url(/static/images/bg2.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
    /*height: 35vw;*/
}
.titlits{color:#666666!important;}
@media (max-width:991px) {
  .bg1 {
    background: url(/static/images/bg001.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
  }
}
.bg2 {
    background: url(/static/images/bg3.jpg)no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    height: 45vw;
}
.bg09 {
    background: url(/static/images/bg09.png)no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    height: 45vw;
}

/*.bg3 {*/
    /*background: url(/static/images/bg.jpg)no-repeat;*/
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    /*-ms-background-size: cover;*/
    /*background-size: cover;*/
    /*height: 45vw;*/
/*}*/

.banner-text {
    /*padding: 10vw 5vw 10vw;*/
    width:70%;
    margin-left:12%;
    padding:12vw 0vw;
}
h4.agile-title {
    color: #fff;
    font-size: 2.8em;
    text-shadow: 3px 1px 1px #000;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: 2px;
    width: 57%;
}
footer {
    background-color: #2d3235;
    padding-left:15%;
    padding-right:15%;
}
.footertop{width:100%;height:220px;background:url('/static/images/footbj.jpg') no-repeat;background-size:100% 100%;text-align: center;padding-top:110px;}
.footertop p{line-height:30px;color:#fff;font-size:20px;}
.footertop button{width:120px;line-height:35px;background:none;border:1px solid #fff;border-radius:3px;color:#fff;cursor:pointer;}
.footertop .buttons{width:120px;line-height:35px;background:#fff;border:1px solid #fff;border-radius:3px;color:#14a4fa;cursor:pointer;color:#333333;}
.buttons a{color:#333333!important;}


footer h3{
    font-size: 1.3em;
    color: #ffffff;
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-weight:500!important;
}

footer p {
    color: #bfbfbf;
    font-size: 15px;
    line-height: 1.8em;
}
footer ul li {
    display: block;
    color: #bfbfbf;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.8em;
    margin: 0.7em 0;
}

footer-list i {
    padding-right: 10px;
    color: #ffa41f;
}

footer ul li a {
    color: #bfbfbf;
    font-size: 13px;
    font-weight: 600;
    display: block;
    padding: 5px 0px;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

footer ul li a:hover {
    color: #ffa41f;
}

footer ul li.hd {
    color: #f4511e ;
}

.newsletter .email {
    background-color: #F4F4F4;
    border: none;
}

.flickr-grid {
    float: left;
    width: 32%;
    margin: 0 0.1em .2em;
}

.flickr-grid a img {
    width: 100%;
    padding: 0.3em;
    border: 1px solid #333333;
}

.newsletter .email {
    outline: none;
    padding: 13px 15px;
    color: #fff;
    font-size: 14px;
    width: 80%;
    background: rgba(0, 0, 0, 0.22);
    border: 1px solid #2d2d2d;
}

.newsletter {
    position: relative;
    margin-top: 2em;
}

button.btn1 {
    color: #fff;
    border: none;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    background: #f4511e ;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    float: right;
    cursor: pointer;
    width: 20%;
}
/*涔濆ぇ鏍稿績浼樺娍*/
.headhide{
    display:inline-block!important;
    /*font-weight: 500;*/
    /*letter-spacing: 2px;*/
    /*font-size: 25px!important;*/
    /*text-align: center;*/
    /*color: #000;*/
}
.foots2{display:none}
#certifyapp{display:none}
.centers{text-align: center;padding-bottom:1rem;}
.bor_br{border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
.bor_lt{border-left:1px solid #ebebeb;border-top:1px solid #ebebeb;}
.titles{font-size:17px;font-weight:600;color:#242424;}
.col666{color:#666666;}
.m-t20{margin-top:2em;}
.advantage_current{border:0.5px solid RGBA(134,189,245,0.7);box-shadow: 0 0 10px RGBA(134,189,245,0.5);}
.centers{cursor:pointer;}
.heading-agileinfo{font-weight:600}
.advantage_current p{color:#278cf1;}
/*@media (min-width:991px) {*/
  .industry {
    max-width: 100%;
    padding-left:0px;
    padding-right:0px;
  }
  #bgcontent{
     background-size:100% 100%;
    height:580px;
    display:flex;
    color:#fff;
    padding-top:20px;
    padding-bottom:20px;
  }
  .bgcontent1{
     background:url('/static/images/bg011.jpg') no-repeat;
  }
   .bgcontent2{
     background:url('/static/images/bg022.jpg') no-repeat;
  }
   .bgcontent3{
     background:url('/static/images/bg033.jpg') no-repeat;
  }
   .bgcontent4{
     background:url('/static/images/bg044.jpg') no-repeat;
  }
   .bgcontent5{
     background:url('/static/images/bg055.jpg') no-repeat;
  }
   .bgcontent6{
     background:url('/static/images/bg066.jpg') no-repeat;
  }
   .bgcontent7{
     background:url('/static/images/bg077.jpg') no-repeat;
  }
   .bgcontent8{
     background:url('/static/images/bg088.jpg') no-repeat;
  }
  .contens_left{width:25%;text-align:right;border-right:1px solid RGBA(225,225,225,0.4);}
  .contens_left ul{padding-left:55%;margin-top:10px;}
  .contens_left li{line-height:50px;width:100px;line-height:35px;text-align:center;margin-bottom:15px;cursor:pointer;font-size:16px;}
  .contens_left li.active{background:#0b8ded;margin-right:10px;}
  .contens_right{width:60%;padding-left:35px;}
  .carousel-items .active{transition:transform 0.6s ease, -webkit-transform 0.6s ease;}
  .yogap{color:#fff;font-size:20px;font-weight:500;margin-top:10px;}
  .yogabox{display:flex;flex-wrap:wrap;}
  .yogabox div{width:50%;text-align:left;margin-bottom:30px;}
  .yogaitem{padding-left:0%;padding-right:10%;}
  .yogaitem p{width:100%;color:#fff;font-size:14px;}
  .yogatit{font-size:1.2rem!important;position:relative;padding-left:40px;}
  .yogatit img{position:absolute;left:0px;top:px;width:30px;height:30px;}
  .carousel-items.active{animation:mymove 1s;-webkit-animation:mymove 2s;}
  @keyframes mymove
        {
        from {top:-200px;}
        to {top:0px;}
        }

  
/*}*/
.w3layouts_stats_left {
    padding: 0;
    text-align: center;
}
.w3layouts_stats_left p {
    font-size: 3.5em;
    font-weight: 500;
    letter-spacing: 2px;
    color: #0b8ded;
    margin: 0 0 0.2em 0;
}
.w3layouts_stats_left h3 {
    font-size: 16px;
    color: #666;
    letter-spacing: 1px;
}
.inner_w3l_agile_grids-1 h6 {
    font-size: 15px;
    margin-top: 0.8em;
    color: #000;
}
.adjust1 {
    margin-bottom: 2px;
    border: 0;
    background: #ffffff;
    box-shadow: 0 0 29px 0 rgba(41, 41, 41, 0.19);
    padding: 48px 48px 65px;
}
@media screen and (max-width: 768px) {
    .media-object {
        margin-top: 0;
    }
}
@media (min-width: 1200px){
    .banner-text{width:80%;margin-left:15%;}
}
.traybtn:hover{background:#0093ff!important;color:#fff;border:none;}
.traybtnhov{background:#0093ff!important;color:#fff;border:none}
@media screen and (min-width:991px) {
   .traybtn{
       display: block;
       width: 180px;
       height: 44px;
       font-size: 16px;
       color: #fff;
       line-height: 40px;
       text-align: center;
       border-radius: 5px;
       border: 1px solid #fff;
       transition: background-color .3s ease-out;
       position: relative;
       z-index: 47;
       background:none;
       margin-top:15px;
   }
    .traybtn:hover{background:#0093ff!important;color:#fff;border:none!important;}
    .traybtnhov{background:#0093ff!important;color:#fff;border:none!important;}
    
}
.heading-agileinfo {
    font-weight:600;
    letter-spacing: 2px;
    font-size:25px;
    text-align: center;
    color: #000;
    text-transform: capitalize;
    position: relative;
    margin-top: 0;
}
.heading-agileinfo span {
    display: block;
    font-size: 25px!important;
    margin-top: 1em;
    letter-spacing: 4px;
    text-transform: capitalize;
    color: #000000;
    font-weight: 600;
}
/*.heading-agileinfo span:after {
    content: '';
    background:#f4511e;
    height: 2px;
    width: 70px;
    position: absolute;
    top: 132%;
    right: 47%;
}*/
@media screen and (max-width:1414px) {
    .content{width:1000px;}
    .container{width:auto}
    .contens_left{width:25%;}
    #certify{width:1000px;}
     .industry {
        max-width: 100%!important;
        padding-left:0px;
        padding-right:0px;
      }
}
@media screen and (max-width:1200px) {
    #certify{width:700px;}
     .industry {
        max-width: 100%!important;
        padding-left:0px;
        padding-right:0px;
      }
}
.bgss{background:#f7f7f7}
.stepbox{display:none}
.stepboxpc{display:block;}
.step_pc{display:flex;width:100%;margin-left:6%;}
.stepimg{width:80px;height:80px}
.stepimg img{width:100%;height:100%;}
.step_sile{padding-top:20px;}
.steptit{display:flex;width:100%;margin-left:6%;}
.stepmes{width:23%;margin-left:1%;}
.stepmes p:nth-child(1){
    font-size:20px;
    font-weight:600;
    margin-top:10px;
}
.stepmes p:nth-child(2){
   color:#666666;
}
a,img {
    display: inline;
}
/*绉诲姩绔�*/
@media screen and (max-width:480px) {

    body,html{font-size:66.5%}
    .container{width:100%;}
    .banner-text{margin-left:0px;padding:8vw 0vw!important;}
   .top_nav{display:none}
   .move_top{display:block;height:6rem;background:#040224;}
    .contens_left li{font-size:1.5rem;}
   .icon_nav{cursor: pointer;width:2.5rem;height:2rem;display: -webkit-box;display: -moz-flex;
            display: -ms-flex;
            /*display: box;*/
            display: -webkit-flex;
            display: -ms-flexbox;
            display: -moz-box;
            display: -o-flex;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
           }
    .movetopbox{display:flex;justify-content:space-between;padding-left:.7rem;padding-right:.7rem;padding-top:1.5rem;}
    .move_left img{width:auto;height:3rem;}

    .icon_nav span{
            display: block;
            border-radius: .05rem;
            width:2.3rem;
            height:0.25rem;
            background: #fff;
            }
    .icon_nav span:nth-child(1){
        transform: translate(0rem,.5rem);
    }
    .icon_nav span:nth-child(2){
        transform: translate(0rem,.5rem);
    }
    .icon_nav span:nth-child(3){
        transform: translate(0rem,.5rem);
    }
    .icon_nav.actived span:nth-child(1){
        transform: translate(0,.85rem) rotate(-45deg);
    }
    .icon_nav.actived span:nth-child(2){
        opacity:0;
    }
    .icon_nav.actived span:nth-child(3){
        transform: translate(0,-.4rem) rotate(45deg);
    }
    h4{width:100%!important;padding-top:48%;font-size:1rem;}
    .text-left{text-align:center!important;}
    .text-capitalize{text-align:center;font-size:1.8rem!important;}
    .text-capitalize:nth-child(2){font-size:1.5rem!important;}
    .banner-text a{display:block;width:100%;text-align:center;display:none}
     .banner-text button{display:none;margin:0 auto;}
    /*.traybtn{display:none}*/
     .heading-agileinfo{font-weight:600;font-size:2rem;}
     .titimgs{width:80%;}
     .titlits{font-size:1.2rem;margin-top:.3rem;}
     .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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-sm, .col-sm-auto, .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-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{
        width:30%;margin-left:3%;
     }
     .advantage a {
        display: inline;
     }
     .advantage img {
        display: inline;
     }
     .advantage .col666{display:none}
     .advantage .titles{font-size:1.2rem;font-weight:normal;color:#171717;}
     .advantage img{width:6rem;height:6rem;}
     .tithide{display:none}
     .headhide{display: none!important}
     .bor_br{border-right:none;border-bottom:none}
     .bor_lt{border-left:none;border-top:none;}
     #bgcontent{display:block;height:24rem;padding-top:1rem;margin-bottom:3rem;}
     .contens_left{display:block;width:100%;}
     .contens_left ul{display:flex;padding-left:0px;border-bottom:1px solid #fff;padding-left:1rem;padding-right:1rem;font-size:1.3rem;}
     .contens_left ul li:nth-child(5){display:none}
     .contens_left ul li:nth-child(6){display:none}

     .contens_left ul li:nth-child(7){display:none}
     .contens_left ul li:nth-child(8){display:none}
     .contens_right{width:100%;}
     .yogabox{flex-wrap:nowrap;}
     .yogatit img{display:block;position:relative;margin:1rem auto;}
     .yogaitem p{width:100%;}
     .yogabox div{border:1px solid #fff;border-radius:5px;margin-right:1rem;}
     .yogatit{padding-left:0px;font-size:1.5rem!important;text-align:center;}
     /*.yogap{font-size:2rem;}*/
     .yogaitem{padding-right:0px;}
     .yogap{font-size:1.8rem;}
     .services {padding-bottom:0px;}
     .numss div{width:100%!important;}
     .counter{font-size:2.5rem;}
     .numss h3{font-size: 1.4rem;font-weight:500}
     .stepbox{width:100%;display:flex;padding-left:25%;margin-top:2%;}
     .step_left{width:10%;}
     .step_left span{display:block;}
     .timess{width:3rem;height:3rem;border-radius:50%;background:#0b8ded;color:#fff;text-align:left;line-height:3rem;font-size:1.8rem;font-style:oblique;padding-left:.5rem;}
     .slids{width:0px;height:3rem;border-right:1px dashed #0b8ded;margin-left:1.5rem;}
     .step_right p{line-height:3rem;margin-bottom:3rem;padding-left:1rem;}
     .bgss{background:#f7f7f7;margin-top:3rem;}
     .footertop{height:7rem;padding-top:3.5rem;}
     .footertop p{display:none}
     #certify{display:none}
     #certifyapp{display:block;}
     .logos{width:90%;height:auto;}
     .carousel-indicators li{background-color:#f8f8f8}
     .carousel-indicators .active{background-color:#2588f0;}
     .carousel-indicators{bottom:-3rem;}
     .foots1{display:none;}
     .foots2{display:block;}
     .footertop button {
            width: 8rem;
            line-height: 2.5rem;
            background: none;
            border: 1px solid #fff;
            border-radius: 3px;
            color: #fff;
            cursor: pointer;
            font-size:1.2rem;
        }
     .nav_toplist{width:100%;position:fixed;top:6rem;left:0rem;background:rgba(10,10,10,0.5);z-index:99999999;display:none}
     .nav_toplist ul{width:100%;background:#0f0861}
     .nav_toplist ul li{color:#fff;border-bottom:1px solid rgba(225,225,225,0.3);line-height:4.5rem;padding-left:1rem;font-size:1.5rem;}
    .nav_toplist ul li a{display:block;width:100%;}
     .nav_sect{background:#201785;color:rgba(225,225,225,0.8)!important;padding-left:2rem!important;}
     .nav_toplist ul li img{float:right;width:1.7rem;height:1rem;margin-top:1.5rem;margin-right:1rem;}
     .nav_sect{display:none}
     .stepboxpc{display:none}
     .heading-agileinfo{margin-top:3rem;}
    .traybtn {
      width:10rem;height:3rem;background:#fc9706;color:#fff;border:none;outline:none;border-radius:5px;display:block;margin-top:30px;cursor:pointer;font-size:1.4rem;
    }
    .m-b30{margin-bottom:3rem;}
    .counter{font-size:3.5rem!important;}

     /**/
}






















































/*棣栭〉缁撴潫*/

















































/*-- what we do --*/

/*-- //contact--*/
/* -- Responsive code -- */


/* -- //Responsive code -- */