html {overflow: hidden;  }
body { width: 100%;   height: 100%;  font-family:"微软雅黑",Arial;}
ul, ol, li { list-style: none;  -webkit-margin-before: 0em; -webkit-margin-after: 0em;;  -webkit-padding-start: 0px; }
*[class^="col-"]{padding-right: 0px;padding-left: 0px;}
#container{ width: 100%;   height: 100%; position: absolute;left: 0px; top: 0px;}
hr {border-top: 2px solid #2eaef8;width: 110px;}
/**************header start******************/
header, section { width: 100%; height: 100% ;z-index: 2;}
header {position: fixed;height: 70px;background:transparent;z-index: 99; top: 0px;left: 0px;}
header.show{background: #111111;-moz-opacity: 0.6;opacity: 0.6; filter: alpha(opacity=60);}
header .head{width: 86%;margin: 0  auto;  height:70px; line-height: 70px;}
header .head .logo {height: 100%;}
header .head .logo img{vertical-align: middle;display:inline-block}
header .head nav.menu {text-align: right;position: relative;}
header nav.menu ul{margin-left: 0px;width: auto;float: right;}
header nav.menu ul li {font-size: 14px;width: 36px;margin-left: 40px;text-align: center;padding-right: 0px;  padding-left: 0px;border:0px;}
header nav.menu ul li a {color: #fff;  letter-spacing: 2px;  cursor: pointer;  }
header nav.menu ul li.active{/**border-top: 2px solid #2eaef8;**/}
header nav.menu ul li a:hover, header nav.menu ul li.active a { color: #2eaef8;  text-decoration: none; font-weight: bold;  }
header nav.menu .line { position: absolute;top: 0px; width: 40px; height: 3px; font-size: 3px; background-color: #2eaef8;  }

/**************welcome shart******************/
div.welcome { position: fixed;   width: 100%; height: 100%;  background: url(../image/banner1_b.jpg) 30% 80%;  background-color: White;  -moz-background-size: cover;
    background-size: cover;   -webkit-transition: all .3s ease-in-out .5s;  -moz-transition: all .3s ease-in-out .5s;  -ms-transition: all .3s ease-in-out .5s;
    -o-transition: all .3s ease-in-out .5s;   transition: all .3s ease-in-out .5s;   z-index: 999;  }
div.welcome p {   position: absolute;   margin: 0px;  padding: 0px;  width: 460px;  height: 40px;  padding-top: 140px;  top: 50%;  left: 50%;  margin-top: -100px;
    margin-left: -230px;  color: #19b3a5; font-size: 20px; text-align: center;  background: url(../image/welcome_words2.png) no-repeat; overflow: hidden;  }
@media (max-height: 480px) and (orientation: landscape), (max-width: 699px) and (orientation: portrait){
    div.welcome p { width: 320px;height: 68px;  padding-top: 110px;  margin-top: -110px;  margin-left: -160px;  background-size: contain;}
}
div.welcome p u {   display: block;  width: 100%;  height: 100%; background: url(../image/loading.gif) no-repeat center center;  }
/**************welcome end******************/
.swiper-pagination-bullet{ }
.video{ background: rgba(0, 0, 0, 0.9);}
.video .swiper-pagination{margin: 0 auto; margin-bottom: 80px; width: 100px;position:relative;}
.video .swiper-pagination .swiper-pagination-bullet{ display: block; float: left; margin: 0 5px;  width: 40px; height: 3px;font-size: 3px; background: White;
    cursor: pointer;  border-radius:0; opacity: 1;  }
.video .swiper-pagination .swiper-pagination-bullet-active{background: #2eaef8;}
.about .swiper-pagination1{width: 130px; z-index: 10; height: 20px;position:relative; margin: 0 auto;position:relative;  }
.about .swiper-pagination1 .swiper-pagination-bullet{display: block;   float: left;  margin: 0 5px;  width: 26px; height: 8px;  font-size: 8px;
    background: #8c9195;  cursor: pointer;  border-radius: 8px;  cursor: pointer;  opacity: 1 ;margin-top:40px;}
.about .swiper-pagination1 .swiper-pagination-bullet-active{background: #2eaef8;}
.team .swiper-pagination2{ margin: 0 auto;position:relative;    width: 300px;}
.team .swiper-pagination2 .swiper-pagination-bullet{display: block;  float: left; margin: 0 5px; width: 10px; height: 10px;background: #9b9fa2;
    cursor: pointer;border-radius: 100%; opacity: 1}
.team .swiper-pagination2 .swiper-pagination-bullet-active{background: #2eaef8;}

section {position: relative; overflow: hidden;}
.video .swiper-container { width: 100%; height: 100% }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden;-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;-ms-backface-visibility: hidden;  -o-backface-visibility: hidden; backface-visibility: hidden;  z-index: 1;  }
.swiper-wrapper {position: relative;  width: 100%;height: 100%; /*-webkit-transition-property: -webkit-transform,left,top;-webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0); -webkit-transition-timing-function: ease;  -moz-transition-property: -moz-transform,left,top;
    -moz-transition-duration: 0s; -moz-transform: translate3d(0px,0,0); -moz-transition-timing-function: ease;  -o-transition-property: -o-transform,left,top;
    -o-transition-duration: 0s; -o-transform: translate3d(0px,0,0);  -o-transition-timing-function: ease;-o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform,left,top;-ms-transition-duration: 0s; -ms-transform: translate3d(0px,0,0);  -ms-transition-timing-function: ease;
    transition-property: transform,left,top; transition-duration: 0s;  transform: translate3d(0px,0,0);transition-timing-function: ease;
    -webkit-box-sizing: content-box;  -moz-box-sizing: content-box; box-sizing: content-box; */ }
.swiper-slide {float: left;  -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;  }
.video .swiper-container .swiper-slide {position: relative; overflow: hidden; height: 100%;width: 100%;}
.video .swiper-container .nth1 { background: url(../image/banner3_b.jpg) 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; height: 100%  }
/*.video .swiper-container .nth1 .shade {width: 100%;height: 100%;background: #0b151a;position: absolute;top:0px; -moz-opacity: 0.6;opacity: 0.6; filter: alpha(opacity=60);
    -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s;  }*/
.video .swiper-container .nth1 .box { position: relative; width: 45%;margin: 0 auto;  top: 50%;  margin-top: -10%!important;-webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s}
.video .swiper-container .nth1 .box img{width: 100%}
.video .swiper-container .nth1.active .box{ -moz-opacity: 1; opacity: 1; }

.video .swiper-container .nth2 { background: url(../image/banner_b.jpg) 100%; -moz-background-size: cover; background-size: cover; height: 100%  }
.video .swiper-container .nth2 .box { position: relative;  width: 40%;margin: 0 auto;top: 50%;  margin-top: -7%!important;}
.video .swiper-container .nth2 .box .top { position: relative; top: -100px; width: 100%;line-height: 1.6; text-align: center;-moz-opacity: 0; opacity: 0;
    -webkit-transition: all .3s ease-in-out 0s;  -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 10;  }
.video .swiper-container .nth2 .box .top img{width: 100%;}
.video .swiper-container .nth2 .box .bottom {  position: relative; top: 100px; font-size: 24px; line-height: 25px;color: White;text-align: center; width: 50%;  margin-left: 49%;
   margin-top: 20px; -moz-opacity: 0; opacity: 0; -webkit-transition: all .6s ease-in-out .3s; -moz-transition: all .6s ease-in-out .3s;
    -ms-transition: all .6s ease-in-out .3s;  -o-transition: all .6s ease-in-out .3s; transition: all .6s ease-in-out .3s;z-index: 10; }
.video .swiper-container .nth2 .box .bottom img{width: 100%}
.video.active .swiper-container .nth2 .box .top {  top: 0px;  -moz-opacity: 1; opacity: 1;  }
.video.active .swiper-container .nth2 .box .bottom { top: 0px; -moz-opacity: 1; opacity: 1; line-height: 1.6;  }

.video .innerBox {position: absolute;bottom: 40px; width: 100%; z-index: 10;  }
.video .innerBox .guide { margin: 0 auto;margin-bottom: 80px; width: 100px;  }
.video .innerBox .guide a {display: block; float: left;margin: 0 5px;width: 40px;height: 3px;font-size: 3px; background: White;cursor: pointer;  }
.video .innerBox .guide a.active {background: #2eaef8;  }

@media screen and (min-width:1920px){
    .video .innerBox .guide { width: 120px;  }
    .video .innerBox .guide a {display: block; float: left;margin: 0 5px;width: 50px;height: 4px;font-size: 4px; background: White;cursor: pointer; }
}
@media (max-height: 480px) and (orientation: landscape), (max-width: 699px) and (orientation: portrait){
    .about .swiper-container{max-height: 320px!important;}
  /*  .video .swiper-container .nth2 .box{width: 90%;}
    .video .swiper-container .nth1 .box{width: 90%;}*/
}
@media screen and (max-width: 699px){
     header nav.menu ul li {width: 36px;margin-left: 5px;}
}
section.business { background: url(../image/business_bj.jpg) no-repeat;  background-size: cover;}
.business .box {  position: relative; margin-top: -55px;-webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;  }
@media (max-height: 630px) and (min-width: 1151px){
    .business .box { margin-top: 0px;}
    .business .box ul.items {  margin-top: 50px;}
}
.business .box .caption { width: 100%; text-align: center; -moz-opacity: 0; opacity: 0; -webkit-transition: all .5s ease-in-out 0s;  -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;  -o-transition: all .5s ease-in-out 0s;  transition: all .5s ease-in-out 0s;  }
.business.active .box .caption { -moz-opacity: 1; opacity: 1;  }
.business.active .box .caption hr{border-top: 2px solid #2eaef8;width: 110px;}
.business .box .caption span { font-size:32px; letter-spacing: 3px; }
.business .box .business_content{max-width: 880px;width: 80%;margin:0 auto;font-size: 14px;color: #424a51;padding-top: 30px;
    -moz-opacity: 0;opacity: 0;-webkit-transition: all .6s linear 0s;-moz-transition: all .6s linear 0s; -ms-transition: all .6s linear 0s;
    -o-transition: all .6s linear 0s;transition: all .6s linear 0s; line-height: 35px;}
.business.active .box .business_content{ -moz-opacity: 1; opacity: 1; }
.business .box ul.items { margin: 0 auto;margin-top: 60px;width: 75%;max-width: 1000px;  }
.business .box ul.items li { width: 200px;  height: 300px; margin: 0 53px; background: url(../image/bg_blue.png) no-repeat 0px 400px; overflow: hidden;    float: left;  }
.business .box ul.items li u {   display: block;  position: absolute; width: 132px; height: 156px; margin-left: 36px; background: url(../image/circle_blue.png) no-repeat ;
    -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;  }
.business .box ul.items li u.cl {  clip: rect(0px, 156px, -10px, 78px);  }
.business.active .box ul.items li u.cl {   clip: rect(0px, 156px, 156px, 78px);  }
.business .box ul.items li u.cr {  clip: rect(156px, 78px, 156px, 0px);  }
.business.active .box ul.items li u.cr {clip: rect(0px, 78px, 156px, 0px);  }
.business .box ul.items li:hover u.cl { clip: rect(0px, 156px, -10px, 78px);  }
.business .box ul.items li:hover u.cr {clip: rect(156px, 78px, 156px, 0px);  }
.business .box ul.items li i {display: block;position: relative;  margin: 0 auto; margin-top: 28px; height: 80px;  }
.business .box ul.items li:hover i {  -webkit-transition: all .5s ease-in-out .4s; -moz-transition: all .5s ease-in-out .4s;  -ms-transition: all .5s ease-in-out .4s;
    -o-transition: all .5s ease-in-out .4s;  transition: all .5s ease-in-out .4s;  }

.business .box ul.items li.pro i { width: 80px; background: url(../image/business_project_b.png) no-repeat; background-size: 100%; }
.business .box ul.items li.apply i { width: 80px; background: url(../image/business_apply_b.png) no-repeat;background-size: 100%;  }
.business .box ul.items li.flow i { width: 80px; background: url(../image/business_flow_b.png) no-repeat;background-size: 100%; }
.business .box ul.items li.pro:hover i {  background: url(../image/business_project_w.png) no-repeat ;background-size: 100%;  }
.business .box ul.items li.apply:hover i { background: url(../image/business_apply_w.png) no-repeat ; background-size: 100%; }
.business .box ul.items li.flow:hover i { background: url(../image/business_flow_w.png) no-repeat ; background-size: 100%; }

.business .box ul.items li:hover {  background-position: 0px 0px;-webkit-transition: all .5s ease-in-out .3s;-moz-transition: all .5s ease-in-out .3s;
    -ms-transition: all .5s ease-in-out .3s; -o-transition: all .5s ease-in-out .3s; transition: all .5s ease-in-out .3s;  }
.business .box ul.items li:hover i { -webkit-transition: all .5s ease-in-out .4s; -moz-transition: all .5s ease-in-out .4s;  -ms-transition: all .5s ease-in-out .4s;
    -o-transition: all .5s ease-in-out .4s; transition: all .5s ease-in-out .4s;  }
.business .box ul.items li strong { display: block;margin-top: 35px; font-size: 16px;font-weight: normal; text-align: center;  }
.business .box ul.items li:hover strong {  color: White;  -webkit-transition-delay: .4s;  -moz-transition-delay: .4s;  -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s;  }
.business .box ul.items li p {position: relative; top: 200px; color: White; font-family:"微软雅黑";font-size: 12px; line-height: 20px; text-align: center;  }
.business .box ul.items li:hover p {top: 20px; -webkit-transition: all .3s ease-in-out .5s; -moz-transition: all .3s ease-in-out .5s;
    -ms-transition: all .3s ease-in-out .5s;-o-transition: all .3s ease-in-out .5s; transition: all .3s ease-in-out .5s;  }

section.about {background: url(../image/about_bj.jpg) no-repeat 100% 100%;background-size: cover;}
.about .swiper-container{max-height: 300px;  line-height: 36px; letter-spacing: 1px;}
.about .swiper-div{width: 800px; overflow: hidden; margin: 0 auto;max-height: 300px;}
.about .box { position: relative;-webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;  -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.about .box .caption { width: 100%; text-align: center; -moz-opacity: 0; opacity: 0; -webkit-transition: all .5s ease-in-out 0s;  -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;  -o-transition: all .5s ease-in-out 0s;  transition: all .5s ease-in-out 0s;  }
.about.active .box .caption { -moz-opacity: 1; opacity: 1;  }
.about.active .box .caption hr{border-top: 2px solid #2eaef8;width: 110px;}
.about .box .caption span { font-size: 32px; letter-spacing: 3px; }
.about .box .swiper-content{max-width:800px;text-align: left }
.about .box h3{color: #2eaef8;font-size: 30px;text-align: left;margin-bottom: 30px;}
.about .box h5{color: #2eaef8;font-size: 18px;text-align: left;}
.about .box p{font-size: 16px;color: #424a51;text-indent: 2em; line-height: 36px;}
.about .box .nth2 p{font-size: 16px;color: #424a51;text-indent: 0em; line-height: 36px;margin-bottom: 30px;}
.about .box .rhombus{background: url("../image/li_rhombus.png") no-repeat ;background-size: cover;width: 14px;height: 14px;display: inline-block;margin-right: 5px;}

.about .innerBox {/*position: absolute;bottom: 100px; */width: 100%; z-index: 10;height: 20px;  }
.about .innerBox .guide { margin: 0 auto;margin-top: 20px; width: 120px;  }
.about .innerBox .guide a {display: block; float: left;margin: 0 5px;width: 26px;height: 8px;font-size: 8px; background: #8c9195;cursor: pointer; border-radius: 8px; }
.about .innerBox .guide a.active {background: #2eaef8;  }

section.news {background: url(../image/new_bj.png) no-repeat 100% 100%;background-size: 100% 100%;}
.news .box { position: relative;-webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;  -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.news .box .caption { width: 100%; text-align: center; -moz-opacity: 0; opacity: 0; -webkit-transition: all .5s ease-in-out 0s;  -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;  -o-transition: all .5s ease-in-out 0s;  transition: all .5s ease-in-out 0s;  }
.news.active .box .caption { -moz-opacity: 1; opacity: 1;  }
.news.active .box .caption hr{border-top: 2px solid #2eaef8;width: 110px;}
.news .box .caption span { font-size: 32px; letter-spacing: 3px; color: #fff;}
.news .items{width: 80%;max-width: 1240px;height: auto;margin: 0 auto;margin-top: 50px;position: relative;overflow: hidden;top: 700px;position: relative; -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s;   -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s;  }
.news.active .items { top: 0px;}
.news .items li{width: 31%;display: inline-block;padding-right: 0px; padding-left: 0px; margin-left: 5px; margin-right:5px; position: relative;min-width: 145px;
    background: #fff;border-bottom: 2px solid #2eaef8;float: left}
.news .items li.center{ margin-left: 2%;  margin-right: 2%;}
.news .items li img{width: 100%}
.news .items li .bottom{font-size: 14px;color: #999;width: 90%;margin: 0 auto;}
.news .items li .bottom strong{font-size: 16px;color: #333;  font-weight: 500;margin-bottom:0px;display: block;margin-top: 10px;height: 22px; overflow: hidden;word-break: normal;text-overflow: ellipsis; }
.news .items li p{height: 48px; line-height: 22px; max-width: 30em;   overflow: hidden;  /* text-overflow: ellipsis;  white-space: pre; */ margin-bottom: 5px;}
.news .items li .other{width: 100%;margin-bottom: 10px;}
.news .items li .other .left{width: 40%;background:url("../image/news_look_g.png") left; background-repeat: no-repeat;text-indent: 20px;display: inline-block;float: left}
.news .items li .other .right{width: 60%;text-align: right;display: inline-block}
.news .items li .other .right .icon{height: 14px;width: 14px;background:url("../image/news_time_g.png")no-repeat;display: inline-block}
.news .items .shade { position: absolute;width: 100%;height: 174px; margin-top: -100%; background: Black;  -moz-opacity: 0.7; opacity: 0.7;
    filter: alpha(opacity = 70); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;  -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;  transition: all .3s ease-in-out 0s; }
.news .items  .shade u { position: absolute;top: 50%; left: 50%;margin-left: -22px;margin-top: -22px; /* margin: 0 auto;*/width: 44px;  height: 44px;
    background: url(../image/look.png) no-repeat; }
/*.news .items  .bg { width: 100%; height: auto;background-color: #fff; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity = 50);-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s;   transition: all .3s ease-in-out 0s;  }
.news .items  .bg u { position: absolute;width: 100%; height: 125px; margin-top:150px; background-color: #2eaef8; -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;  }
*/
.news .items li:hover .shade { margin-top: 0px;  -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;   z-index: 10; }
/*.news .items li:hover .bg { -moz-opacity: 1; opacity: 1;filter: alpha(opacity = 100);-webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;   z-index: 10;  }
.news .items li:hover  .bg u { margin-top: -125px;-webkit-transition: all .3s ease-in-out 0s;  -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;   z-index: 10;-moz-opacity: 0.7; opacity: 0.7;
    filter: alpha(opacity = 70); }*/
.news .items li:hover {background:#2eaef8;}
.news .items li:hover .bottom {background:#2eaef8;color: #fff; -moz-opacity: 1; opacity: 1;filter: alpha(opacity=100); -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s;  transition: all .5s ease-in-out 0s; z-index: 14;}
.news .items li:hover .bottom strong{color: #fff;}
.news .items li:hover .other .left{background-image:url("../image/news_look_w.png") ;}
.news .items li:hover .other .right .icon{background:url("../image/news_time_w.png")no-repeat}

.news .box a.more {  display: block; position: relative;  margin: 0 auto; margin-top: 50px; top: 700px; width: 120px;
    padding: 5px 0px; color: #2eaef8; font-size: 26px;  text-align: center;  border: 1px solid #2eaef8;
    -webkit-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;  -ms-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s; transition: all .3s ease-in-out 0s,top .8s ease-in-out 0s;  }
.news.active .box a.more {  top: 0px;  }
.news .box a.more:hover { color: #fff; background: #2eaef8;text-decoration: none;}

section.team {background: url(../image/team_bj.jpg) no-repeat 100% 100%;background-size: 100% 100%;}
.team .box { position: relative;-webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;  -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.team .box .caption { width: 100%; text-align: center; -moz-opacity: 0; opacity: 0; -webkit-transition: all .5s ease-in-out 0s;  -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;  -o-transition: all .5s ease-in-out 0s;  transition: all .5s ease-in-out 0s;  }
.team.active .box .caption { -moz-opacity: 1; opacity: 1;  }
.team.active .box .caption hr{border-top: 2px solid #2eaef8;width: 110px;}
.team .box .caption span { font-size: 32px; letter-spacing: 3px; }
.team .items{width: 64%;max-width: 1230px;height: auto;margin: 0 auto;margin-top: 50px;position: relative;overflow: hidden}
.team .items li{width: 33.3%;display: inline-block;padding-right: 0px; padding-left: 0px; margin-left: -5px; position: relative;min-width: 145px;}
.team .items .bs{ top: -400px;-webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s;transition: all .8s ease-in-out 0s;}
.team .items .dp{ top: 600px;-webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s;transition: all .8s ease-in-out 0s;}
.team .items .yxl{ top: -400px;-webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s;transition: all .8s ease-in-out 0s;}
.team .items .yb{top: 600px;-webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s;transition: all .8s ease-in-out 0s;}
.team .items .wxl{ top: -400px;-webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s;transition: all .8s ease-in-out 0s;}
.team .items .zl{top: 600px;-webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s;transition: all .8s ease-in-out 0s;}
.team.active .items .bs{ top: 0px;}
.team.active .items .dp{ top: 0px;}
.team.active .items .yxl{ top: 0px;}
.team.active .items .yb{ top: 0px;}
.team.active .items .wxl{ top: 0px;}
.team.active .items .zl{ top: 0px;}
.team .items li img{width: 100%;}

.team .box .items .small{overflow: hidden;*display:inline; *zoom:1; letter-spacing:normal; word-spacing:normal;margin-top: -5px; }
.team .box .items .small .shade { position: absolute;width: 100%;height: 100%; margin-top: -100%; background: Black;  -moz-opacity: 0.7; opacity: 0.7;
    filter: alpha(opacity = 70); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;  -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;  transition: all .3s ease-in-out 0s; }
.team .box .items .small .shade u { position: absolute;top: 50%; left: 50%;margin-left: -22px;margin-top: -41px; display: none;/* margin: 0 auto;*/width: 44px;  height: 44px; background: url(../image/look.png) no-repeat; }
.team .box .items .small p { position: absolute;width: 100%;margin: 5px 0px;color: #fff;bottom: 0;text-align: center; font-size: 16px;font-weight: bold;
    text-align: center;line-height: 26px; -moz-opacity: 0; opacity: 0;/* filter: alpha(opacity=0); */-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;  z-index: 14;  }
.team .box .items .small .bg { width: 100%; height: auto;background-color: #fff; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity = 50);-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s;   transition: all .3s ease-in-out 0s;  }
.team .box .items .small .bg u { position: absolute;width: 100%; height: 60px; background-color: #2eaef8; -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;  }
.team .box .items .small:hover .shade { margin-top: 0px;  -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;   z-index: 10; }
.team .box .items .small .shade u {display: block;}
.team .box .items .small:hover .bg { -moz-opacity: 1; opacity: 1;filter: alpha(opacity = 100);-webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;   z-index: 10;  }
.team .box .items .small:hover .bg u { margin-top: -60px; -webkit-transition: all .3s ease-in-out 0s;  -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;   z-index: 10;-moz-opacity: 0.7; opacity: 0.7;
    filter: alpha(opacity = 70); }
.team .box .items .small:hover p {color: White; -moz-opacity: 1; opacity: 1;filter: alpha(opacity=100); -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s;  transition: all .5s ease-in-out 0s;}

.team .items li.big{position: absolute;top: 0px;left: 0;height: 100.1%;width: 66.6%;background: #fff;display: none;z-index: 21;}
.team .items li.last{left: 33.3%;}
.team .items li.big .left{width: 25%;display: inline-block;padding: 5%; text-align: center;float: left;height: 90%;}
.team .items li.big .left img{width: 100%;max-width: 150px;}
.team .items li.big h2{font-size: 20px;color: #282f35}
.team .items li.big p{font-size: 12px;color: #282f35;font-family:"微软雅黑";}
.team .items li.big .right{width: 60%;width: 53%\9;display: inline-block; float: left;height:100%;font-family:"微软雅黑";}
.team .items li.bg.all {position: absolute; width: 99.6%; height: 100%; background-color: #424a51; -moz-opacity: 0.4; opacity: 0.4;
    filter: alpha(opacity=40);display: none ;z-index: 20; }
.team .items li.big .right li{width: 95%;display: block;line-height: 20px;background: url("../image/arrow_right_blue.png") no-repeat left;    padding-left: 20px;
     background-position-y: 5px;}

section.team_mini {background: url(../image/team_bj.jpg) no-repeat 100% 100%;background-size: cover;font-size: 12px;display: none;}
.team_mini .box { position: relative;-webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;  -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;
    margin-top: 0px!important;}
.team_mini .box .caption { width: 100%; text-align: center; -moz-opacity: 1; opacity: 1; -webkit-transition: all .5s ease-in-out 0s;  -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;  -o-transition: all .5s ease-in-out 0s;  transition: all .5s ease-in-out 0s;  }
.team.active .box .caption { -moz-opacity: 1; opacity: 1;  }
.team.active .box .caption hr{border-top: 2px solid #2eaef8;}
.team .box .caption span { font-size: 32px; letter-spacing: 3px; }
.team .swiper-container { max-width: 1000px; height: 100%;margin: 0 auto ;width: 80%;}
.team .swiper-container .swiper-slide {position: relative; overflow: hidden; height: 100%;width: 100%;}
.team .swiper-container .swiper-slide .left{width: 33%;display: inline-block;float: left}
.team .swiper-container .swiper-slide .left img{ width: 80%;padding-left: 15%}
.team .swiper-container .swiper-slide .top ._left{width:auto;display: inline-block; margin-right: 20px;float: left}
.team .swiper-container .swiper-slide .top ._right{width:auto;display: inline-block;line-height: 50px;height: 35px; overflow: hidden;}
.team .swiper-container .swiper-slide .top  h3{font-size: 30px;margin-top: 10px;}
.team .swiper-container .swiper-slide .top  p{padding-right: 7px;font-size: 16px;display: inline-block}
.team .swiper-container .swiper-slide .right{width: 65%;display: inline-block;float: left;padding-top: 10px;padding-left:2%;}
.team .swiper-container .swiper-slide .top{ height: 40px;}
.team .swiper-container .swiper-slide .top .left{width: 120px;margin-right: 20px;display: inline-block; float: left;}
.team .swiper-container .swiper-slide .top .left img{width: 100%}
.team .swiper-container .swiper-slide .top .right{width: 120px;display: inline-block;text-align: left}
.team .swiper-container .swiper-slide .bottom{width: 100%;}
.team .swiper-container .swiper-slide .bottom li{line-height: 36px; background: url("../image/arrow_right_blue.png") no-repeat left;padding-left: 20px;background-position-y: 11px;}
.team .innerBox {  position: absolute; bottom: -40px; width: 100%; z-index: 10;}
.team .innerBox .guide {margin: 0 auto;width: 120px; }
.team .innerBox .guide a { display: block;  float: left; margin: 0 5px; width: 10px; height: 10px;background: #9b9fa2;cursor: pointer;border-radius: 100%}
.team .innerBox .guide a.active { background: #2eaef8; }
.swiper-button-next, .swiper-button-prev{top:62%!important;}
.swiper-button-next { /*background-image: url("../image/swiper-button-prev-right.png")!important;*/ right: 8%!important;}
.swiper-button-prev{ /*background-image: url("../image/swiper-button-prev-left.png")!important;*/ left: 8%!important;}

@media screen and (min-width: 1500px){
    .team .swiper-container { max-width: 1200px}
    .team .swiper-container .swiper-slide .top  h3{font-size: 36px;}
    .team .swiper-container .swiper-slide .top ._right{line-height: 56px;}
    .team .swiper-container .swiper-slide .left img{ width: auto;padding-left: 10%}
    .team .swiper-container .swiper-slide .bottom li{line-height: 48px;background-position-y: 16px;}
    .team .swiper-container .swiper-slide .right{width: 63%;padding-left: 4%;}
}

section.partner {background: url(../image/job_bg.jpg) no-repeat 100% 100%;}
@media (max-width:769px)and (max-height:1025px) {
    .video .swiper-container .nth2 .box { width: 90%; margin-top: -12%!important;}
    .video .swiper-container .nth1 .box { width: 90%; margin-top: -12%!important;}
    /*section.partner {background: none!important;}*/
    .contact .contact-content { width: 90%!important; margin-top: 150px!important;}
    .partner .partner-content { width: 90%!important;margin-top: 0px!important;}
    .partner .we-help { width: 90%!important;margin-top: 50px!important;}
    .team .items { width:90%;!important;}
    .about .box .swiper-content {width: 90%!important;}
    .about .swiper-div{width: 90%!important;}
    .business .box ul.items li {margin: 30px 0 0 35px;}
    .team .box .items .small:hover .shade{-moz-opacity: 0; opacity: 0;filter: alpha(opacity = 0);}
    .team .box .items .small .shade u {display: none;}
    .team .box .items .small:hover .bg { -moz-opacity: 0; opacity: 0;filter: alpha(opacity = 0);}
    .team .box .items .small:hover .bg u {  -moz-opacity: 0; opacity: 0;filter: alpha(opacity = 0);}
    .team .box .items .small:hover p {  -moz-opacity: 0; opacity: 0;filter: alpha(opacity = 0); }
}
@media (max-width:500px){
    .video .swiper-container .nth2 .box { width: 90%; margin-top: -12%!important;}
    .video .swiper-container .nth1 .box { width: 90%; margin-top: -12%!important;}
   /* section.partner {background: none!important;}*/
    .contact .contact-content { width: 90%!important;margin-top: 100px!important;}
    .partner .partner-content { width: 90%!important;margin-top: 0px!important;}
    .partner .we-help { width: 90%!important;}
    .team .items { width:90%;!important;}
    .about .swiper-div{width: 90%; overflow: hidden; margin: 0 auto;max-height: 300px;}
   /* .about .box .swiper-content {width: 90%!important;}*/
    .about .box h3{margin-bottom:  10px; margin-top: 10px; font-size: 22px;}
    .about .innerBox{bottom: 40px;}
    .partner .partner-content .left  img{width: 100%}
    .contact .contact-content .left {width: 100%!important;line-height: 24px!important;}
    .contact .contact-content .right {width: 100%!important;height: 200px;display: none}
    .partner .we-help .left {font-size: 24px!important;}
    .contact .contact-content .left span{font-size: 12px;}
   /* .partner .partner-content .right {width: 68%!important;}*/
    .partner .partner-content .right { line-height: 36px!important; font-size: 14px!important;}
    .about .box p {font-size: 12px!important;line-height: 24px!important;}
    header .head {width: 100%;}
     header .head .logo img {display: none;}
     header .head .logo .logo_mini {display: inline-block!important;  width: 80%;}
    .team .items .small{width: 50%}
    .team .items .bs{ left: -400px;top:0px;}
    .team .items .dp{ left: -400px;top:0px;}
    .team .items .yxl{ left: -400px;top:0px;}
    .team .items .yb{left: 600px;top:0px;}
    .team .items .wxl{ left: 600px;top:0px;}
    .team .items .zl{left: 600px;top:0px;}
    .team.active .items .bs{ left: 0px;}
    .team.active .items .dp{ left: 0px;}
    .team.active .items .yxl{ left: 0px;}
    .team.active .items .yb{ left: 0px;}
    .team.active .items .wxl{ left: 0px;}
    .team.active .items .zl{ left: 0px;}
    .business .box ul.items{width: 60%}
    .partner .we-help {margin-top: 20px!important; padding-left: 0%!important; }
    .partner .box .caption span {font-size: 24px!important;}
    .partner .box .caption p{font-size: 18px!important;}
    .team .items li.big {width: 100%;left:0px;}
    .team .items li.big .left {padding:2%;}
    .team .items li.big .right { width: 68%;}
    .partner .we-help .right{width: 98%!important;}
    .partner .we-help .right li {width: 70%!important;}
    .partner .partner-content .right{margin-top:0px!important;margin-bottom: 0px!important;}
    .team .box .items .small:hover .shade{-moz-opacity: 0; opacity: 0;filter: alpha(opacity = 0);}
    .team .box .items .small .shade u {display: none;}
    .team .box .items .small:hover .bg { -moz-opacity: 0; opacity: 0;filter: alpha(opacity = 0);}
    .team .box .items .small:hover .bg u {  -moz-opacity: 0; opacity: 0;filter: alpha(opacity = 0);}
    .team .box .items .small:hover p {  -moz-opacity: 0; opacity: 0;filter: alpha(opacity = 0); }
}
/*.partner .left{width: 40%;display: inline-block;height: 100%;float: left; padding-top: 70px;}
.partner .left img{height: 100%; width: 100%;}*/
.partner .box{width: 100%;display: inline-block;height: 100%;margin: 0 auto;color: #fff;}
.partner .box { position: relative; -webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;  }
.partner .box .caption { text-align: center; width:60%; margin: 0 auto; -moz-opacity: 1; opacity: 1; -webkit-transition: all .5s ease-in-out 0s;  -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;  -o-transition: all .5s ease-in-out 0s;  transition: all .5s ease-in-out 0s;  }
.partner.active .box .caption { -moz-opacity: 1; opacity: 1;}
.partner.active .box .caption hr{border-top: 2px solid #2eaef8;width: 110px;margin-top: 0px;display: inline-block;}
.partner .box .caption span { font-size: 32px; letter-spacing: 3px;display: block; }
.partner .box .caption  p{ font-size: 20px; letter-spacing: 3px; }
.partner .partner-content{width: 60%;margin: 0 auto;-webkit-transition: all .3s ease-in-out 0s;  -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.partner .partner-content .right{width: 100%;float: left;position: relative;line-height: 48px;font-size: 16px;font-family: "微软雅黑";text-align: center;
    margin-top: 30px; margin-bottom: 30px;}
.partner .partner-content .border{background-image: url("../image/job_right_border.png") ; background-repeat: no-repeat;background-size: 100% 100%;padding: 20px 0px;padding-right: 30px;}
.partner .partner-content .right font{font-size: 20px;}
.partner .partner-content .right span{color: #2eaef8; font-weight: bold;}
.partner .partner-content .right  i{background: url("../image/li_circle.png") no-repeat left;   width: 20px;height: 20px;display: inline-block;
    position: absolute;left: 10px; margin-top: 8px;}
.partner .we-help{width:80%;margin: 0 auto; margin-top: 0px;padding-left: 5%;}
/*.partner.active  .we-help{ margin-top: 0px; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s;  -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}*/
/*.partner .we-help .left{font-size: 36px;padding-top: 3.5%;text-align: left;display: inline-block;float: left; padding-right:30px;width: auto;}*/
.partner .we-help .right{width: 50%;margin:  0 auto;line-height: 35px;font-size: 14px;font-family: "微软雅黑"; background: url("../image/job_we_tg.png") no-repeat left;padding-left: 120px}
.partner .we-help .right li{background: url("../image/li_square.png") no-repeat left;background-position-y: 12px;width:50%;margin-right: -5px;
    display: inline-block;text-indent: 20px; overflow: hidden; text-overflow: ellipsis; height: 35px; }

section.contact {background: url(../image/footer_bj.jpg) no-repeat 100% 100%;background-size: cover;}
.contact .box { position: relative; }
.contact .contact-content{width: 60%;max-width: 1000px;margin: 0 auto;color: #fff;margin-top: 12%;}
.contact .contact-content .left{width: 70%;float: left;position: relative; text-align: left;line-height: 30px;
   /* left: -300px; -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;-ms-transition: all .8s ease-in-out 0s;  -o-transition: all .8s ease-in-out 0s;transition: all .8s ease-in-out 0s;*/
}
.contact.active .contact-content .left{left: 0px;}
.contact .contact-content .left span{width: 80px;display: inline-block;}
.contact .contact-content .left i{width: 20px;height: 20px;display: inline-block;margin-bottom:-5px;margin-right: 5px; }
.contact .contact-content .left .icon_address{background: url("../image/icon_address.png") no-repeat left;}
.contact .contact-content .left .icon_email{background: url("../image/icon_email.png") no-repeat left;}
.contact .contact-content .left .icon_tel{background: url("../image/icon_tel.png") no-repeat left;}
.contact .contact-content .left .icon_qq{background: url("../image/icon_qq.png") no-repeat left;}
.contact .contact-content .right{width: 30%;float: left;position: relative;line-height: 35px;font-family: "微软雅黑";text-align: center;
   /* right: -300px;
    -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s;*/
}
.contact .contact-content .right img{width: 100%;max-width: 210px;}
.contact.active .contact-content .right{right: 0px;}
.contact .contact-content .right div{padding-top: 20px;}
.contact .contact-content p{color: #fff;}
.contact .contact-footer{width: 100%;position: absolute;bottom: 20px;color: #fff;text-align: center}
.contact-footer{position: absolute;
    z-index: 1000;
    color: #fff;
    text-align: center;
    width: 100%;
    bottom: 5px;}
@media screen and (min-width:1920px){
    .about .innerBox .guide{margin-top: 100px;}
    .partner .box .caption  p{ font-size: 30px;}
    .partner .box .caption span { font-size: 48px; }
    .business .box .caption span { font-size: 48px; }
    .news .box .caption span { font-size: 48px; }
    .about .box .caption span { font-size: 48px; }
    .team .box .caption span { font-size: 48px; }
    .team .items li.big h2{font-size: 36px;}
    .team .items li.big p{font-size: 16px;}
    .team .items li.big .left{padding:  5%;}
    .team .items li.big .right{padding-top:  5%;}
    .team .items li.big .right li{line-height: 35px; background-position-y: 10px;}
    .business .box ul.items li {width: 200px;margin: 0px 30px;padding: 0  30px;}
    .partner .we-help{padding-top: 2%;}
    .partner .we-help .right{width: 45%;}
}
@media screen and (min-width: 1150px) and (max-width: 1919px){
    .partner .box .caption span { font-size: 32px; }
    .business .box .caption span { font-size: 32px; }
    .about .box .caption span { font-size: 32px; }
    .team .box .caption span { font-size: 32px; }
    .team .items li.big h2{font-size: 24px;}
    .team .items li.big p{font-size: 14px;}
    .team .items li.big .left{padding:  5%;}
    .team .items li.big .right{padding-top:  5%;}
    .team .items li.big .right li{line-height: 30px; background-position-y: 8px;}
    .business .box ul.items {width: 1000px;}
    .partner .we-help .left {  font-size: 32px;}
}
@media ( max-width :1150px) {
    .partner .we-help .left {  font-size: 32px;}
    .partner .box .caption span { font-size: 32px; }
    .team .box .caption span { font-size: 32px; }
    .about .box .caption span { font-size: 32px; }
    .team .items li.big h2{font-size: 24px;}
    .business .box .caption span { font-size: 32px; }
    .business .box ul.items {  margin-top: 32px; }
    .business .box ul.items li {width: 170px;height: 270px; margin: 0px 33px;}
    .business .box ul.items li u { background: none; display: none;}
    .business .box ul.items li strong {margin-top: 40px;}
    .business .box ul.items li:hover { -webkit-transition-delay: 0s;   -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
}
@media ( max-width :1150px) and (max-height:680px) {
    .business .box .caption i { display: none; }
    .business .box ul.items {  margin-top: 10px;}
    .business .box .caption span { font-size: 32px; }
    .about .box .caption span { font-size: 32px; }
    .team .box .caption span { font-size: 32px; }
    .team .items li.big h2{font-size: 24px;}
}
@media ( max-width :1150px) and (max-height:580px) {
    .business .box { margin-top: 0px; }
    .business .box .caption span { font-size: 32px; }
    .team .items li.big h2{font-size: 24px;}
    .about .box .caption span { font-size: 24px; }
    .team .box .caption span { font-size: 24px; }
}
@media ( max-width :1000px) {
    .business .box { margin-top: -55px; }
    .business .box ul.items li {width: 245px; height: 100px;margin: 30px 0 0 0px;padding: 10px 0 5px 0px;}
    .business .box ul.items li i { margin-top: 0px;float: left;}
    .business .box ul.items li strong {   float: left; margin: 5px 0 0 0px;}
    .business .box ul.items li p {float: left;margin: 5px 0 0 0px;color: #888;text-align: inherit;     width: 11em; height: 20px; overflow: hidden;
        text-overflow: ellipsis;  white-space: nowrap;}
    .business .box ul.items li:hover p {margin: -15px 0 0 0px;color: White; -webkit-transition-delay: .2s;-moz-transition-delay: .2s;
        -ms-transition-delay: .2s; -o-transition-delay: .2s;transition-delay: .2s;}
    .business .box label { margin-top: 50px;}
    /*.business .box .caption span { font-size: 24px; }
    .about .box .caption span { font-size: 24px; }
    .team .items li.big h2{font-size: 22px;}
    .team .box .caption span { font-size: 24px; }*/
}
@media ( max-width :1000px) and (max-height:730px) {
    .business .box .caption i {display: none;}
    .business .box ul.items { margin-top: 10px;}
    .business .box .caption span { font-size: 28px; }
    .team .items li.big h2{font-size: 22px;}
    .team .box .caption span { font-size: 28px; }
    .partner .we-help .left {  font-size: 28px;}
}
@media ( max-width :1000px) and (max-height:650px) {
    .business .box label { display: none; }
    .team .box .caption span { font-size: 28px; }
    .business .box .caption span { font-size: 28px; }
    .team .items li.big h2{font-size: 22px;}
    .partner .we-help .left {  font-size: 28px;}
}
@media ( max-width :1000px) and (max-height:560px) {
    .business .box { margin-top: 0px;}
    .business .box .caption span { font-size: 28px; }
    .team .box .caption span { font-size: 28px; }
    .team .items li.big h2{font-size: 22px;}
    .partner .we-help .left {  font-size: 28px;}
}

@media ( max-width :929px) and (max-height:880px) {
    .business .box .caption i { display: none; }
    .business .box ul.items { margin-top: 10px; }
    .business .box .caption span { font-size: 24px; }
    .team .box .caption span { font-size: 24px; }
    .team .items li.big h2{font-size: 22px;}
    .partner .we-help .left {  font-size: 24px;}
}
@media ( max-width :929px) and (max-height:770px) {
    .business .box label {display: none; }
    .business .box .caption span { font-size: 24px; }
    .team .box .caption span { font-size: 24px; }
    .team .items li.big h2{font-size: 20px;}
    .partner .we-help .left {  font-size: 24px;}
}
@media ( max-width :929px) and (max-height:680px) {
    .business .box { margin-top: 0px;}
    .business .box .caption span { font-size: 24px; }
    .team .box .caption span { font-size: 24px; }
    .team .items li.big h2{font-size: 20px;}
    .business .box .business_content {padding-top: 0px;line-height: 24px;}
}
@media ( max-width :929px) and (max-height:570px) , ( max-width :620px){
    .business .box { margin-top: -55px; }
    .business .box ul.items { margin-top: 30px; }
    .business .box ul.items li { width: 173px;height: 43px; margin: 0px 10px 0px 10px;}
    .business .box ul.items li i { margin-top: 0px;}
    .business .box ul.items li i { width: 46px!important; height: 46px!important;}
    .business .box ul.items li p {display: none;}
    .business .box ul.items li strong {  margin-left: 15px;}
    .business .box .caption span { font-size: 24px; }
    .team .box .caption span { font-size: 24px; }
    .team .items li.big h2{font-size: 20px;}
    .business .box .business_content {padding-top: 0px;line-height: 24px;}
    .partner .we-help .left {  font-size: 24px;}
}
@media ( max-width :929px) and (max-height:460px) {
    .business .box ul.items {  margin-top: 15px;}
    .business .box ul.items li { margin: 0px 10px 0px 10px; }
    .business .box .caption span { font-size: 24px; }
    .team .box .caption span { font-size: 24px; }
    .team .items li.big h2{font-size: 20px;}
    .business .box .business_content {padding-top: 0px;line-height: 24px;}
}

@media ( max-width :929px) and (max-height:420px) {
    .business .box ul.items { margin-top: 30px; }
    .business .box { margin-top: 0px;}
    .business .box .caption span { font-size: 24px; }
    .team .box .caption span { font-size: 24px; }
    .team .items li.big h2{font-size: 20px;}
    .business .box .business_content {padding-top: 0px;line-height: 24px;}
}

@media ( max-width :929px) and (max-height:720px) {
    .business .box label {  display: none;}
    .business .box .caption span { font-size: 24px; }
    .team .box .caption span { font-size: 24px; }
    .team .items li.big h2{font-size: 20px;}
}

@media ( max-width :929px) and (max-height:660px) {
    .business .box .caption i {display: none; }
    .business .box ul.items {margin-top: 30px;}
    .business .box .caption span { font-size: 24px; }
    .team .box .caption span { font-size: 24px; }
}

@media ( max-width :929px) and (max-height:550px) {
    .business .box ul.items { margin-top: 20px; }
    .business .box ul.items li { margin: 5px 10px 0px 10px;}
    .business .box .caption span { font-size: 24px; }
    .team .box .caption span { font-size: 24px; }
}

@media ( max-width :929px) and (max-height:460px) {
    .business .box {  margin-top: 0px; }
    .business .box .caption span { font-size: 24px; }
}
@media ( max-width :929px) and (max-height:320px) {
    .business .box ul.items {margin-top: 15px; }
    .business .box .caption span { font-size: 24px; }
}
@media ( max-width :929px) and (max-height:310px) , ( max-width :638px) and
(max-height:390px) , ( max-width :425px) and (max-height:500px) {
    .business .box ul.items {margin-top: 40px;}
    .business .box ul.items li { width: 120px;height: 40px; margin: 0px 10px 15px 10px; padding: 0px;background: none;}
    .business .box ul.items li strong { position: relative;margin: 0px; width: 100%; height: 40px; font-size: 14px;line-height: 40px; text-align: center; z-index: 10; }
    .business .box ul.items li:hover strong { color: #333;}
    .business .box ul.items li i { position: absolute; display: block !important; width: 120px !important; height: 40px !important;
        background: White !important; border: 1px solid #bbb;-moz-opacity: 0.5;opacity: 0.5;  }

    .business .box .caption span { font-size: 24px; }
    .team .items { width: 90%;}
}
@media ( max-width :929px) and (max-height:260px) {
    .business .box { margin-top: 8px;  }
    .business .box ul.items {margin-top: 18px; }
}

@media (max-width:971px){
    header .head .logo{display: none}
    header .col-xs-8 { width: 100%;}
    .team .swiper-container .swiper-slide .top ._right{display: none}
}
@media (max-width:568px){
    .news .items li{width: 80%;display: none;margin-left: 10%}
    .news .items li:nth-child(1){display: block}
}
@media (max-width:500px){
     header .head{display: none!important;}
    .video .swiper-container .nth2 { background: url(../image/banner_b.jpg);}
    .video .swiper-container .nth1{background-size: cover;}
    .box .caption hr {width: 60px!important; }
    .business .box ul.items {  margin-top: 0px; width: 250px;height: auto;}
    .business .box ul.items li { width: 250px; height: 100px;font-size: 18px;}
    .business .box ul.items li.pro i { width: 60px!important;height: 60px!important;margin:20px 30px 0px 40px;}
    .business .box ul.items li.apply i{width: 60px!important;height: 60px!important;margin:20px 30px 0px 40px;}
    .business .box ul.items li.flow i{width: 60px!important;height: 60px!important;margin:20px 30px 0px 40px;}
    .business .box ul.items li strong { margin-left: 0px;margin-top: 0px; line-height: 100px;}
    .business .box .business_content{display: none}

    .news .items li{width: 100%;display: none}
    .news .items li:nth-child(1){display: block}

    .about .swiper-div { width: 270px!important; }
    .about .box .swiper-content { width: 100%!important;}

    section.team_mini {background: url(../image/team_bj.jpg) no-repeat 100% 100%;background-size: cover;font-size: 12px;display: none;}
    .team_mini .box { position: relative;-webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;  -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;
        margin-top: 0px!important;}
    .team_mini .box .caption { width: 100%; text-align: center; -moz-opacity: 1; opacity: 1; -webkit-transition: all .5s ease-in-out 0s;  -moz-transition: all .5s ease-in-out 0s;
        -ms-transition: all .5s ease-in-out 0s;  -o-transition: all .5s ease-in-out 0s;  transition: all .5s ease-in-out 0s;  }
    .team.active .box .caption { -moz-opacity: 1; opacity: 1;  }
    .team.active .box .caption hr{border-top: 2px solid #2eaef8;}
    .team .box .caption span { font-size: 32px; letter-spacing: 3px; }
    .team .swiper-container { width: 270px; height: 100%;margin: 0 auto }
    .team .swiper-container .swiper-slide {position: relative; overflow: hidden; height: 100%;width: 100%;}
    .team .swiper-container .swiper-slide .top{height:120px;}
    .team .swiper-container .swiper-slide .top .left{width: 120px;margin-right: 20px;display: inline-block; float: left;}
    .team .swiper-container .swiper-slide .top .left img{width: 100%}
    .team .swiper-container .swiper-slide .top .right{width: 120px;display: inline-block;text-align: left}
    .team .swiper-container .swiper-slide .top .right h3{font-size: 16px;}
    .team .swiper-container .swiper-slide .bottom{width: 100%;}
    .team .swiper-container .swiper-slide .bottom li{line-height: 26px; background: url("../image/li_square.png") no-repeat left;padding-left: 20px;
        background-position-y: 7px;}
    .team .innerBox {  position: absolute; bottom: 40px; width: 100%; z-index: 10;}
    .team .innerBox .guide {margin: 0 auto;width: 120px; }
    .team .innerBox .guide a { display: block;  float: left; margin: 0 5px; width: 10px; height: 10px;background: #9b9fa2;cursor: pointer;border-radius: 100%}
    .team .innerBox .guide a.active { background: #2eaef8; }

    .partner .box .caption { width: 75%;}
    .partner .box .caption span{font-size: 30px!important;}
    .partner .box .caption p{margin-top: 10px;font-size: 16px;margin:0px 0px 1px;}
    .partner.active .box .caption hr{margin-bottom: 0px;}
    .partner .partner-content .right font {font-size: 16px;}
    .partner .partner-content .right{text-align: left}
    .partner .partner-content {  width: 65%!important;}
    .partner .we-help { width: 77%!important;margin-top: 10px!important;}
    .partner .we-help .we_tg{display: block!important;font-size: 20px;line-height: 40px;margin-left: 7%;}
    .partner .we-help .right{background: none;padding-left: 0;}
    .partner .we-help .right li { width: 90%!important; height: 24px;  line-height: 24px;background-position-y: 9px;}

    .contact .contact-content .right {display: block;width: 150px !important; height: 150px; margin-left: 80px; margin-top: 5px;display:none;}
    .contact .contact-content .right  div{display: none;}
    .contact .contact-footer{display: none}
}