@charset "utf-8";

.wrap {

  width: 100%;

  min-width: 1280px;

}

.guajian{
  display: block;
  width: 200px;
  height: 167px;
  position: fixed;
  top:28%;
  right:5%;
  animation:guajian 2s infinite;
  z-index: 10000;
  
}
.guajian img{
  width: 100%;
}
/* @keyframes guajian{
  0%,25%{
    transform: rotate(0deg);
  }
  50%{
    transform: rotate(-10deg);
  }
  75%{
    transform: rotate(10deg);
  }
  100%{
    transform: rotate(0deg);
  }
} */
@keyframes guajian{
  0%,25%{
    transform: scale(1,1);
    opacity: 0;
  }
  75%{
    transform: scale(1.1,1.1);
    opacity: 1;
  }
  100%{
    transform: scale(1,1);
    opacity: 0;
  }
}
/* topbar start */

.topbar {

  position: relative;

  top: 0;

  width: 100%;

  height: 26px;

  line-height: 26px;

  background-color: #002FA7;

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

}

.topbar-hide {

  /* display: none; */

  top: -100px;

}

.topbar h4,.topbar p {

  color: #fff;

  font-size: 16px;

}

.topbar p strong {

  color: #fff;

}

.topbar p i {

  position: relative;

  left: -6px;

  top: 4px;

  font-size: 20px;

  color: #fff;

}

/* topbar end */

/* nav start */

header {

  z-index: 999;

  position: relative;

  height: 106px;

  background-color: #fff;

}

.topnav {

  z-index: 10;

  position: fixed;

  width: 100%;

  height: 106px;

  /* padding-top: 4px; */

  padding-bottom: 4px;

  background-color: #fff;

  /* border-bottom: 1px solid #dedede; */

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

  box-shadow: 0 4px 4px rgba(0,0,0,.07);

  -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.07);

}

.topnav-opacity {

  height: 80px;

  background-color: rgba(255,255,255,.9);

  border-bottom: none;

}

.topnav-opacity .menu {

  margin-top: -26px;

}

.logobox {

  position: relative;

  display: -webkit-flex;

  width: 32%;

  height: 80px;

  align-items: center;

}

.logobox img {

      /* max-height: 72px; */
      vertical-align: middle;
      width: 54%;

}

.nav {

  /* width: 68%; */

  margin-top: 22px;

}

.nav li.nav_list {
  display: inline-block;
  min-height: 60px;
  /*line-height: 60px;*/
  position: relative;
}

.nav li.nav_list .nav_title{
    height: 32px;
    margin:0 2px;
    padding: 0 4px;
    overflow: hidden;
    line-height:32px;
}
.nav li.nav_list span, .nav li.nav_list .nav_t {

    display: inline-block;

    float: left;

    clear: both;

    height: 20px;

    padding: 6px 16px;

    line-height: 20px;

    transition: .4s;

    -webkit-transition: .4s;

    -moz-transition: .4s;

    -o-transition: .4s;

    cursor: pointer;

    box-sizing: content-box;

}

.nav li.nav_list:hover .plh, .nav li.nav_list.current .plh {

    margin-top: -32px;

}
/*.nav li.nav_list:hover .topsubnav{*/
    /*display: block;*/
/*}*/
.nav:hover li.nav_list{
    min-height: 400px;
}
.nav li.nav_list.current .nav_t, .nav li:hover .nav_t{

    color: #fff;

    background-color: #002FA7;

    border-radius: 20px;

}

.menu {

    position: relative;

    overflow: initial;

    transition: .2s;

    -webkit-transition: .2s;

    -moz-transition: .2s;

    -o-transition: .2s;

}

.topsubnavbox {

    z-index: 998;

    position: absolute;

    top: 80px;

    right: 0;

    height: auto;

}

.topsubnav {

    display: none;

    transition: .2s;

    -webkit-transition: .2s;

    -moz-transition: .2s;

    -o-transition: .2s;

    opacity: 1;

    position: absolute;

    top: 58px;

    left: 0px;

    overflow: hidden;;

}

.topsubnav2 {

    position: absolute;

    /*top: 100%;*/

    /*left: 84px;*/

    width: 652px;

    height: 245px;

    padding-top: 20px;

    padding-bottom: 20px;

    background-color: #fff;

    border: 1px solid #dedede;

    border-top: 0;

}

.topsubnav2 .navleftbox {

    width: 150px;

    height: 205px;

    border-right: 1px solid #dedede;

}

.topsubnav .navleftbox li {

    width: 100%;

    height: 40px;

}

.topsubnav2 .navleftbox li a {

    display: block;
    width:100%;
    height: 100%;
    box-sizing: border-box;
    /*padding: 10px;*/

    padding-left: 20px;
    text-align: left;
    line-height: 40px;
}

.topsubnav2 .navleftbox li a:hover, .topsubnav2 .navleftbox li a.active {

    padding-left: 30px;

    color: #fff;

    background-color: #002FA7;

}

.topsubnav2 .navrightbox {

    width: 490px;

    height: auto;

}

.topsubnav2 .navrightbox .navigationbox {

    display: none;

    padding-left: 20px;

}

.topsubnav2 .navrightbox .navigationbox li {

    width: 100%;

    height: auto;

}

.topsubnav2 .navrightbox .navigationbox li a {

    display: block;

    padding: 10px;
    padding-top: 0;

    color: #999;

    font-size: 14px;
    text-align: left;
    line-height: 40px;

}

.topsubnav2 .navrightbox .navigationbox li a:hover {

    color: #002FA7;

}

.topsubnav3 {

    /*position: absolute;*/

    /*top: 0;*/

    /*right: 0;*/
    left: -160%;

    width: 630%;

    height: 306px;

    padding: 20px;

    background-color: #fff;

    border: 1px solid #dedede;

    border-top: 0;

}
.topsubnav.topsubnav3 li{
    display: block;
    min-height: 30px;
    line-height: 30px;
    text-align: center;
}
.topsubnav3 .subnavmainbox {

    display: inline-block;

    width: 28%;

    height: 246px;

    padding-left: 1%;

    padding-right: 1%;

    padding-top: 10px;

    vertical-align: top;

    border-right: 1px solid #dedede;

}

.topsubnav3 .subnavmainbox:last-child {

    border: none;

}

.topsubnav3 .subnavmainbox h3 {

    font-size: 18px;

    color: #002FA7;
    line-height: 24px;
}

.topsubnav3 .subnavmainbox ul {

    margin-top: 12px;

}

.topsubnav3 .subnavmainbox ul li a {

    display: block;

    /*padding: 6px 0;*/

    font-size: 14px;
    float: none;
    height: 36px;

}

.topsubnav4, .topsubnav6, .topsubnav7 {

    /*position: absolute;*/

    /*top: 0;*/

    /*left: 298px;*/

    width: 100%;

    height: auto;

    /* padding: 20px; */

    background-color: #fff;

    border: 1px solid #dedede;

    border-top: 0;

}

.topsubnav4 ul li a, .topsubnav6 ul li a, .topsubnav7 ul li a {

    display: block;

    /*padding-top: 10px;*/

    /*padding-bottom: 10px;*/
    line-height: 40px;
    height: 40px;
}

.topsubnav4 ul li a:hover, .topsubnav6 ul li a:hover, .topsubnav7 ul li a:hover {

    color: #fff;

    background-color: #002FA7;

}

.topsubnav6 {

    /*left: 522px;*/

}

.topsubnav7 {

    /*left: 634px;*/

}

.topsubnav-opacity {

  background-color: rgba(255,255,255,.9)

}

/* nav end */

/* banner start */

.bannerbox {

  width: 100%; 

  height: 850px;

  overflow: hidden; 

  position: relative;  

}

.bannerbox .hd {

  position: absolute; 

  left: 50%; 

  bottom: 5px; 

  z-index: 1; 

  height: 15px; 

  overflow: hidden; 

  transform: translate(-50%,0);

  -webkit-transform: translate(-50%,0);

  -moz-transform: translate(-50%,0);

  -o-transform: translate(-50%,0);

  -ms-transform: translate(-50%,0);

}

.bannerbox .hd ul {

  overflow: hidden; 

  zoom: 1; 

  float: left;  

}

.bannerbox .hd ul li {

  float: left; 

  margin-right: 4px;  

  width: 50px; 

  height: 4px; 

  text-align:center; 

  background:#fff; 

  cursor:pointer; 

}

.bannerbox .hd ul li.on { 

  color: #fff; 

  background: #002FA7; 

}

.bannerbox .bannerimg { 

  z-index: 0;  

  position: relative; 

  height: 100%; 

}

.bannerbox .bannerimg li {

  position: relative; 

  height: 850px;

  zoom:1; 

  vertical-align:middle; 

  }

.bannerbox .bannerimg img {

  position: absolute;

  left: 50%;

  transform: translate(-50%,0);

  -webkit-transform: translate(-50%,0);

  -moz-transform: translate(-50%,0);

  -o-transform: translate(-50%,0);

  -ms-transform: translate(-50%,0);

  display:block;  

  width: 100%; 

  height: 850px; 

}

.bannerbox .prev,.bannerbox .next { 

  position: absolute; 

  left: 3%; 

  top: 50%; 

  margin-top: -25px; 

  display: block; 

  width: 32px; 

  height: 40px; 

  background: url(../images/slider-arrow.png) -110px 5px no-repeat; 

  filter: alpha(opacity=50);opacity:0.5;   

}

.bannerbox .next { 

  left:auto; 

  right:3%; 

  background-position:8px 5px; 

}

.bannerbox .prev:hover,.bannerbox .next:hover {

  filter:alpha(opacity=100);

  opacity:1;  

}

.bannerbox .prevStop{

  display:none;  

}

.bannerbox .nextStop{

  display:none;  

}

/* banner end */

/* 云服务 start */

.columntab1 {

  height: 856px;

  padding-top: 86px;

}

.columntab1 .columntitle {

  margin-bottom: 66px;

  font-size: 52px;

}

.columntab1 .servicebox {

  width: 1280px;

  height: 600px;

  margin: 0 auto;

}

.columntab1 .servicebox .content {

  position: relative;

  width: 290px;

  height: 400px;

  padding-top: 40px;

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

  cursor: pointer;
  margin-right: 40px;

}
.columntab1 .servicebox .content:last-child{
  margin-right: 0;
}
.columntab1 .servicebox .content:nth-child(2){
  background: url(../images/yw_11.png) no-repeat center;
  background-size: 100% 100%;
}
.columntab1 .servicebox .content:nth-child(3){
  background: url(../images/yw_13.png) no-repeat center;
  background-size: 100% 100%;
}
.columntab1 .servicebox .content:nth-child(4){
  background: url(../images/yw_15.png) no-repeat center;
  background-size: 100% 100%;
}
.columntab1 .servicebox .content:nth-child(5){
  background: url(../images/yw_17.png) no-repeat center;
  background-size: 100% 100%;
}

.columntab1 .servicebox .content-41d h3.servicetitle {

  position: relative;

  margin-top: 26px;

  margin-bottom: 26px;

  font-size: 28px;

  color: #fff;

}
.columntab1 .servicebox .content:hover{
  transform: translate3d(0,-2px,0);
  -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
  -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1);
  box-shadow: 0 15px 30px rgba(0,0,0,.1);
}
.columntab1 .servicebox .content-41d h3.servicetitle:after {

  content: '';

  position: absolute;

  bottom: -12px;

  left: 50%;

  width: 48px;

  height: 2px;

  transform: translate(-50%,0);

  -webkit-transform: translate(-50%,0);

  -moz-transform: translate(-50%,0);

  -o-transform: translate(-50%,0);

  -ms-transform: translate(-50%,0);

  background-color: #fff;

}

.columntab1 .servicebox .content-41d .servicelist {

  margin-top: 50px;

}

.columntab1 .servicebox .content-41d .servicelist .servicelisttext {

  width: 100%;

  height: 42px;

  font-size: 22px;

  color: #fff;

}

.columntab1 .servicebox .content-41d .servicelist .servicelisttext a {

  color: #FFE600;

  transition: .6s;

  -webkit-transition: .6s;

  -moz-transition: .6s;

  -o-transition: .6s;

}

.columntab1 .servicebox .content-41d .servicelist .servicelisttext a:hover {

  color: #fff;

}

.columntab1 .servicebox .content-fd h3.servicetitle {

  position: relative;

  margin-top: 26px;

  margin-bottom: 26px;

  font-size: 28px;

  color: #fff;

}

.columntab1 .servicebox .content-fd h3.servicetitle:after {

  content: '';

  position: absolute;

  bottom: -12px;

  left: 50%;

  width: 48px;

  height: 2px;

  transform: translate(-50%,0);

  -webkit-transform: translate(-50%,0);

  -moz-transform: translate(-50%,0);

  -o-transform: translate(-50%,0);

  -ms-transform: translate(-50%,0);

  background-color: #fff;

}

.columntab1 .servicebox .content-fd .servicelist {

  margin-top: 50px;

}

.columntab1 .servicebox .content-fd .servicelist .servicelisttext {

  width: 100%;

  height: 42px;

  font-size: 22px;

  color: #fff;

}

.columntab1 .servicebox .content-fd .servicelist .servicelisttext a {

  color: #002FA7;

  transition: .6s;

  -webkit-transition: .6s;

  -moz-transition: .6s;

  -o-transition: .6s;

}

.columntab1 .servicebox .content-fd .servicelist .servicelisttext a:hover {

  color: #424242;

}

.servicebox .servicelink {
  display: block;
}

.columntab1 .zx{
  display: block;
  width: 220px;
	height: 62px;
  background-color: #002FA7;
  font-size: 24px;
	letter-spacing: 2px;
  color: #ffffff;
  text-align: center;
  line-height: 62px;
  margin: 0 auto;
}
/* 云服务 end */



/* 解决方案 start */

.solution {

  width: 100%;

  height: 800px;

  background: url('../images/solution_bg.jpg') center center no-repeat;

}

.solution .columntitle {

  margin-top: 86px;

  font-size: 60px;

  color: #fff;

}

.solution .plannavbox {

  width: 280px;

  height: 562px;

  margin-top: 32px;

  background-color: rgba(255,255,255,.2)

}

.solution .plannavbox ul li {

  width: 100%;

  height: 80px;

  padding-left: 40px;

  font-size: 24px;

  line-height: 80px;

  color: #fff;

  cursor: pointer;

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

}

.solution .plannavbox ul li.active,.solution .plannavbox ul li:hover {

  color: #fff;

  background-color: #002FA7;

}

.solution .plantextbox {

  width: 960px;

  height: 562px;

  margin-top: 32px;

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

}

.solution .plantextbox h3 {

  font-size: 22px;

  color: #fff;

}

.solution .plantextbox p {

  color: #fff;

  font-size: 18px;

  line-height: 1.6;

}

.solution .plantextbox .readmore {

  position: relative;

  display: block;

  width: 138px;

  height: 44px;

  margin-top: 20px;

  font-size: 18px;

  line-height: 44px;

  text-align: center;

  color: #fff;

  border: 1px solid #fff;

} 

.solution .plantextbox .readmore::after,.solution .plantextbox .readmore::before {

  position: absolute;

  content: '';

  width: 0;

  height: 0;

  border: 1px solid transparent;

}

.solution .plantextbox .readmore::after,.solution .plantextbox .readmore::before {

  top: -1px;

  left: -1px;

}

.solution .plantextbox .readmore:hover {

  color: #41dcea;

}

.solution .plantextbox .readmore:hover .arrow-right {

  color: #41dcea;

}

.solution .plantextbox .readmore:hover::after,.solution .plantextbox .readmore:hover::before {

  width: 100%;

  height: 100%;

}

.plantextbox .readmore:hover::before {

  border-top-color: #41dcea;

  border-right-color: #41dcea;

  transition: width 0.3s ease-out, height 0.25s ease-out 0.25s;

  -webkit-transition: width 0.3s ease-out, height 0.25s ease-out 0.25s;

  -moz-transition: width 0.3s ease-out, height 0.25s ease-out 0.25s;

  -o-transition: width 0.3s ease-out, height 0.25s ease-out 0.25s;

}

.solution .plantextbox .readmore:hover::after {

  border-bottom-color: #41dcea;

  border-left-color: #41dcea;

  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;

  -webkit-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;

  -moz--transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;

  -o--transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;

}

.solution .plantextbox .readmore i {

  position: relative;

  top: 2px;

  left: 2px;

  color: #fff;

  font-size: 26px;

}

.solution .planlist {

  width: 880px;

  height: 50px;

}

.solution .planlist .planbox {

  position: relative;

  display: inline-block;

  padding: 10px 14px;

  margin-right: 30px;

  color: #fff;

  font-size: 18px;

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

  cursor: pointer;

  border: 1px solid #fff;

}

.solution .planlist .planbox:hover {

  color: #41dcea;

}

.solution .planlist .planbox:hover .fasolution {

  color: #41dcea;

}

.solution .planlist .planbox i {

  color: #fff;

  margin-right: 6px;

}

.solution .planlist .planbox::after,.solution .planlist .planbox::before {

  position: absolute;

  content: '';

  width: 0;

  height: 0;

  border: 1px solid transparent;

}

.solution .planlist .planbox::before {

  top: -1px;

  left: -1px;

}

.solution .planlist .planbox::after {

  bottom: -1px;

  right: -1px;

}

.solution .planlist .planbox:hover::after,.solution .planlist .planbox:hover::before {

  width: 100%;

  height: 100%;

}

.solution .planlist .planbox:hover::before {

  border-top-color: #41dcea;

  border-right-color: #41dcea;

  transition: width .25s ease-out, height .25s ease-out .25s;

  -webkit-transition: width .25s ease-out, height .25s ease-out .25s;

  -moz-transition: width .25s ease-out, height .25s ease-out .25s;

  -o-transition: width .25s ease-out, height .25s ease-out .25s;

}

.solution .planlist .planbox:hover::after {

  border-bottom-color: #41dcea;

  border-left-color: #41dcea;

  transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;

  -webkit-transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;

  -moz-transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;

  -o-transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;

}

.solution .plan-logo li {

  height: 80px;

  margin-right: 50px;

  margin-top: 30px;

  line-height: 80px;

}

.solution .plan-logo li img {

  display: inline-block;

  max-width: 220px;

  max-height: 80px;

  vertical-align: middle;

}

/* 解决方案 end */

/* 权威媒体报道 start */

.mediabox {

  padding-top: 86px;

  height: 800px;

  background-color: #fff;

}

.mediabox h2 {

  font-size: 52px;

}

.mediabox .medialist li {

  width: 305px;

  height: 460px;

  padding: 10px;

  margin-left: 7px;

  margin-right: 7px;

  border: 1px solid #dedede;

}

.mediabox .medialist li .cover-img {

  max-width: 282px;

  max-height: 174px;

}

.mediabox .medialist li h3 {

  font-size: 22px;

}

.mediabox .medialist li p {

  margin-top: 12px;

  font-size: 18px;

  line-height: 1.6;

}

/* 权威媒体报道 end */



/* 案例 start */

.casebox {

  width: 100%;

  height: 800px;

  background-color: #373d41;

}

.casebox .container {

  width: 1440px;

}

.casebox .casecontent {

  width: 20%;

  height: 800px;

}

.casebox .casecontent.bg1 {

  background: url('../images/case1.jpg') center center no-repeat;

}

.casebox .casecontent.bg2 {

  background: url('../images/case2.jpg') center center no-repeat;

}

.casebox .casecontent.bg3 {

  background: url('../images/case3.jpg') center center no-repeat;

}

.casebox .casecontent.bg4 {

  background: url('../images/case4.jpg') center center no-repeat;

}

.casebox .casecontent.bg5 {

  background: url('../images/case5.jpg') center center no-repeat;

}

.casebox .casecontent .mask {

  /* position: relative;

  z-index: 1; */

  width: 100%;

  height: 100%;

  padding-top: 300px;

  padding-left: 10px;

  padding-right: 10px;

  background-color: rgba(60,60,60,.64);

  cursor: pointer;

  transition: .4s;

  -webkit-transition: .4s;

  -moz-transition: .4s;

  -o-transition: .4s;

}

.casebox .casecontent .mask .caseline {

  display: block;

  width: 26px;

  height: 2px;

  margin: 30px auto;

  background-color: #fff;

  opacity: 1;

  transition: .4s;

  -webkit-transition: .4s;

  -moz-transition: .4s;

  -o-transition: .4s;

}

.casebox .casecontent .mask h3 {

  margin-top: 16px;

  font-weight: bold;

  font-size: 36px;

  color: #fff;

  transition: .4s;

  -webkit-transition: .4s;

  -moz-transition: .4s;

  -o-transition: .4s;

}

.casebox .casecontent .mask p.casedesc {

  margin-top: 20px;

  color: #fff;

  font-size: 18px;

  line-height: 1.6;

  opacity: 0;

  transition: .4s;

  -webkit-transition: .4s;

  -moz-transition: .4s;

  -o-transition: .4s;

}

.casebox .casecontent .mask .view-more {

  display: block;

  width: 120px;

  height: 40px;

  margin: 0 auto;

  margin-top: 20px;

  line-height: 40px;

  color: #fff;

  font-size: 18px;

  border: 1px solid #fff;

  opacity: 0;

  transition: .4s;

  -webkit-transition: .4s;

  -moz-transition: .4s;

  -o-transition: .4s;

}

.casebox .casecontent .mask .view-more:hover {

  color: #41dcea;

  background-color: #fff;

}

.casebox .casecontent .mask:hover {

  padding-top: 200px;

  background-color: rgba(0,118,134,.65);

}

.casebox .casecontent .mask:hover .caseline {

  display: none;

  opacity: 0;

}

.casebox .casecontent .mask:hover .casedesc {

  opacity: 1;

}

.casebox .casecontent .mask:hover .view-more {

  opacity: 1;

}

/* 案例 end */

/* 客户评价 start */

.customer {

  height: 800px;

  padding-top: 86px;

  background-color: #fff;

}

.customer h2 {

  font-size: 52px;

}

.customerbox {

  width: 100%;

  height: 480px;

  margin-top: 80px;

}

.customerbox .content {

  width: 290px;

  height: 426px;

  margin-left: 68px;

  margin-right: 68px;

  padding: 20px;

  border: 1px solid #dedede;

}

.customerbox .content .imgbox {

  margin-top: 12px;

  border-radius: 100%;

}

.customerbox .content .imgbox img {

  max-width: 183px;

  max-height: 183px;

  border-radius: 100%;

}

.customerbox .content h4 {

  font-size: 18px;

}

.customerbox .content .solgan {

  padding-top: 10px;

  padding-bottom: 14px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  border-bottom: 1px solid #dedede;

}

.customerbox .content h3 {

  color: #002FA7;

}

.customerbox .content p {

  line-height: 1.6;

}

/* 客户评价 end */

/* 不服务企业类型 start */

.firmtype {

  width: 100%;

  height: 800px;

  padding-top: 86px;

  background: url('../images/bg_1.jpg') center center no-repeat;

}

.firmtype h2 {

  font-size: 52px;

  color: #fff;

}

.firmtypecontent {

  overflow: inherit;

}

.firmtype .firmtypebox {

  width: 100%;

  height: auto;

  margin-top: 120px;

}

.firmtype .firmtypebox li {

  position: relative;

  width: 240px;

  height: 362px;

  margin: 0 8px;

  padding: 96px 16px 0;

  background-color: rgba(255,255,255,.8);

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

}

.firmtype .firmtypebox li p {

  font-size: 20px;

}

.firmtype .firmtypebox li:hover {

  background-color: rgba(255,255,255,.6);

}

.firmtype .firmtypebox li .error {

  position: absolute;

  bottom: -20px;

  left: 50%;

  transform: translate(-50%,0);

  -webkit-transform: translate(-50%,0);

  -moz-transform: translate(-50%,0);

  -o-transform: translate(-50%,0);

  -ms-transform: translate(-50%,0);

}

/* 不服务企业类型 end */

/* 合作企业 start */

.servicefirm {

  height: 800px;

  padding-top: 86px;

  background-color: #fff;

}

.servicefirm h2 {

  font-size: 56px;

}

.servicefirm .subsolgan,.represent .subsolgan,.newsbox .subsolgan,.mediabox .subsolgan {

  margin-top: 10px;

  color: #002FA7;

  font-size: 18px;

}

.cooperation-logo {

  width: 100%;

  height: auto;

  margin-top: 50px;

  margin-bottom: 50px;

  overflow: hidden;

}

.cooperation-logo li {

  position: relative;

  display: inline-block;

  align-items: center;

  justify-content: center;

  float: left;

  width: 256px;

  height: 154px;

  line-height: 154px;

  border: 1px dashed #dedede; 

  border-top: none;

  border-left: none;

}

.cooperation-logo li:nth-child(5n) {

  border-right: none;

}

.cooperation-logo li.bd-none {

  border-bottom: none;

}

.cooperation-logo li a {

  display: block;

}

.cooperation-logo li a img {

  max-width: 200px;

  vertical-align: middle;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -o-transform: scale(1);

  -ms-transform: scale(1);

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

}

.cooperation-logo li a:hover .cooperationpic {

  transform: scale(.8);

  -webkit-transform: scale(.8);

  -moz-transform: scale(.8);

  -o-transform: scale(.8);

  -ms-transform: scale(.8);

}

/* 合作企业 end */

/* 数字滚动 start */

.scrollnumbox {

  width: 100%;

  height: 300px;

  background: url('../images/bg_3.jpg') center center no-repeat;

}

.scrollnumbox .numcontent {

  width: 25%;

  height: 100px;

  margin-top: 100px;

}

.scrollnumbox .numcontent .numbox {

  color: #fff;

  font-size: 48px;

}

.scrollnumbox .numcontent .numbox span {

  color: #fff;

}

.scrollnumbox .numcontent p {

  color: #fff;

  font-size: 24px;

}

/* 数字滚动 end */

/* 新闻 start */

.newsbox {

  height: 700px;

  padding-top: 86px;

  padding-bottom: 40px;

  background-color: #fff;

}

.newsbox h2 {

  color: #424242;

  font-size: 52px;

}

.newscontent {

  width: 100%;

  height: auto;

  margin-top: 50px;

  overflow: hidden;

}

.newscontent .leftbox {

  width: 500px;

  height: 396px;

  padding: 10px;

  overflow: hidden;

  border: 1px solid #dedede;

}

.newscontent .leftbox img {

  max-width: 100%;

}

.newscontent .leftbox .title h3 {

  display: inline-block;

  width: 100%;

  height: auto;

  margin-top: 10px;

  font-size: 22px;

  font-weight: normal;

  line-height: 1.6;

  vertical-align: middle;

}

.newscontent .rightbox {

  width: 760px;

  height: auto;

  overflow: hidden;

}

.newscontent .rightbox .newsclassify {

  width: 100%;

  height: 52px; 

}

.newscontent .rightbox .newsclassify span {

  display: inline-block;

  margin-right: 20px;

  padding-bottom: 4px;

  font-size: 22px;

  cursor: pointer;

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

  border-bottom: 2px solid transparent; 

}

.newscontent .rightbox .newsclassify span.active {

  color: #002FA7;

  border-bottom: 2px solid #002FA7;

}

.newscontent .rightbox li {

  width: 100%;

  height: 78px;

  padding-bottom: 10px;

  margin-bottom: 14px;

  border-bottom: 1px dashed #dedede;

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

}

.newscontent .rightbox li:hover {

  background-color: #f7f7f7;

}

.newscontent .rightbox li:nth-last-child(1) {

  border-bottom: none;

}

.newscontent .rightbox li .date {

  width: 90px;

  height: auto;

  margin-right: 8px;

  overflow: hidden;

}

.newscontent .rightbox li .date span {

  display: block;

  padding-top: 18px;

  padding-bottom: 18px;

  font-size: 24px;

  color: #0f9ca1;

  background-color: #f7f7f7;

}

.newscontent .rightbox li .intro-text {

  width: 658px;

}

.newscontent .rightbox li .intro-text h3 {

  overflow: hidden;

  font-size: 22px;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.newscontent .rightbox li .intro-text h3 a:hover {

  color: #424242;

}

.newscontent .rightbox li .intro-text p {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-top: 8px;

  color: #888;

  line-height: 1.6;

  font-size: 18px;

}

/* 新闻 end */

/* 悬浮广告 start */

.suspend-ad {

  z-index: 999;

  position: fixed;

  left: 0;

  bottom: -120px;

  width: 100%;

  height: 60px;

  line-height: 60px;

  background-color: rgba(0,47,167,.8);

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

}

.fixedsuspend-ad {

  bottom: 0;

}

.suspend-ad .container {

  position: relative;

}

.suspend-ad h2,.suspend-ad h3 {

  display: inline-block;

  font-size: 20px;

  font-weight: bold;
  color: #eee;

}

.suspend-ad h2 span {

  color: #eee;

}

.suspend-ad h3 {

  margin-left: 230px;

}

.suspend-ad h3 span {

  color: #eee;

}
.medialist li img:nth-child(2){
 height:65px;
}
.btn-ftonline {

  position: relative;
  top: -2px;
  display: inline-block;
  width: 85px;
  height: 36px;
  margin-left: 20px;
  line-height: 36px;
  font-size: 16px;
  color: #333;
  background-color: #fff;
  border-radius: 6px;


}

.btn-ftonline:hover {

  color: #fff;

}

.btn-closead {

  position: absolute;

  right: 0;

  top: 16px;

  display: block;

  width: 30px;
  height: 28px;

  line-height: initial;

  color: #fff;

  font-size: 30px;

  cursor: pointer;

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

}

.btn-closead i {

  display: block;

}

.btn-closead:hover {

  color: #002FA7;

}

/* 悬浮广告 end */

/* footer start */

footer {

  padding-top: 50px;

  background-color: #282828;

}

footer .ftnavbox {

  width: 100%;

  height: auto;

  overflow: hidden;

  background-color: #282828;
  margin-bottom: 30px;

}

footer .ftnavbox .introcontent {

  width: 424px;

}

footer .ftnavbox .introcontent h3 ,footer .ftnavbox .introcontent p {

  color: #bbb;

}

footer .ftnavbox .introcontent h3 {

  font-size: 16px;

}

footer .ftnavbox .introcontent p {

  margin-top: 18px;

  line-height: 1.8;

  font-size: 14px;

} 

footer .ftnavbox .subnavbox {

  width: 446px;

  margin-left: 56px;

}

footer .ftnavbox .subnavbox ul {

  width: 126px;

  margin-left: 20px;

}

footer .ftnavbox .subnavbox ul li {

  margin-top: 10px;

  font-size: 14px;

  color: #bbb;

}

footer .ftnavbox .subnavbox ul li:first-child {

  margin-top: 0;

  margin-bottom: 18px;

  font-size: 18px;

}

footer .ftnavbox .subnavbox ul li a {

  color: #bbb;

}

footer .ftnavbox .subnavbox ul li a:hover {

  color: #002FA7;

}

footer .ftnavbox .contactbox {

  width: 320px;

  height: 206px;

  overflow: hidden;

  margin-left: 20px;

  padding-left: 82px;

  border-left: 1px solid #999;

}

footer .ftnavbox .contactbox .title {

  color: #bbb;

  font-size: 18px;

}

footer .ftnavbox .contactbox .tel {

  margin-top: 10px;

  font-size: 24px;

  color: #eee;

  font-weight: bold;

} 

footer .ftnavbox .contactbox .wechatbox {

  margin-top: 10px;

}

footer .ftnavbox .contactbox .wechatbox img {

  max-width: 100%;

}

footer .ftnavbox .contactbox .wechatbox .left {

  width: 100px;

  height: auto;

}

footer .ftnavbox .contactbox .wechatbox .left p {

  margin-top: 6px;

  color: #bbb;

  font-size: 14px;

}

footer .ftnavbox .contactbox .wechatbox .left:nth-child(2) {

  margin-left: 20px;

}

footer .ftnavbox .friendlinkbox {

  width: 100%;

  height: auto;

  margin-top: 50px;

  padding-top: 20px;

  padding-bottom: 40px;

  overflow: hidden;

  border-top: 1px solid #999;

}

footer .ftnavbox .friendlinkbox .lefttext {

  width: 130px;

  height: auto;

  overflow: hidden;



}

footer .ftnavbox .friendlinkbox .lefttext p {

  color: #bbb;

  font-size: 14px;

}

footer .ftnavbox .friendlinkbox .lefttext p a {

  color: #fff;

}

footer .ftnavbox .friendlinkbox .lefttext p a:hover {

  color: #002FA7;

}

footer .ftnavbox .friendlinkbox .lefttext p:first-child {

  margin-bottom: 10px;

  font-size: 20px;

}

.friendlinkbox .rightlink {

  width: 1146px;

  height: auto;

  padding-left: 20px;

  overflow: hidden; 
  margin-bottom: 30px;

}

.friendlinkbox .rightlink li {

  display: inline-block;

  padding-left: 10px;

  padding-right: 10px;

  padding-bottom: 8px;

}

.friendlinkbox .rightlink li a {

  display: block;

  color: #999;

  font-size: 14px;

}

.friendlinkbox .rightlink li a:hover {

  color: #002FA7;

}

footer .copyrightbox {

  padding-top: 20px;

  padding-bottom: 20px;

  background-color: #1d1b1c;

}

footer .copyrightbox p {

  font-size: 14px;

  color: #bbb;

}

footer .ft-logobox {

  height: 80px;

}

footer .ft-logobox img {

  max-width: 100%;

  max-height: 80px;

}

/* footer end */

.totop {

  z-index: 999;

  position: fixed;

  bottom: 4%;

  right: 2%;

  opacity: .6;

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

  cursor: pointer;

}

.totop img {

  width: 50px;

  height: 50px;

}

.totop:hover {

  opacity: 1;

}

.online-consulting {

  z-index: 999;

  position: fixed;

  right: 0;

  top: 40%;

  transition: 1s;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  -o-transition: 1s;

  cursor: pointer;

}

.online-consulting.show {

  right: -100px;

}

.online-consulting-content {

  z-index: 999;

  position: fixed;

  right: -700px;

  top: 32%;

  width: 150px;

  /* height: 358px; */
  height: 314px;

  transition: 1s;

  -webkit-transition: 1s;

  -moz-transition: 1s;

  -o-transition: 1s;

}

.online-consulting-content.show {

  right: 0;

}

.online-consulting-content .btn-close {

  position: absolute;

  top: -24px;

  left: -24px;

  display: block;

  width: 26px;

  height: 26px;

  line-height: 26px;

  background-color: #bbb;

  border-radius: 100%;

  cursor: pointer;

}

.online-consulting-content .btn-close i {

  color: #fff;

}

.online-consulting-content img {

  display: block;

}

.online-consulting-content .bottom-img {

  position: absolute;

  bottom: 0;

}

.consultingcontent {

  width: 150px;

  /* height: 228px; */
  height: 184px;

  background-color: #fff;

}

.marketphone i {

  margin-right: 4px;

  font-size: 22px;

  color: #002FA7;

}

.marketphone span {

  font-size: 18px;

  font-weight: bold;

  color: #002FA7;

}

.consultingcontent img {

  display: inline-block;

  max-width: 95px;

  margin-top: 8px;

}

.consultingcontent .qqlink {

  color: #002FA7;

  font-weight: bold;

  font-size: 18px;

}

/* 滚屏单页面 start */

.scrollpagination {

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	height: 90px;

	margin: auto;

	font-size: 1.2em;

	z-index: 10;

}

.scrollpagination li {

  width: 100px;

	height: 44px;

  margin-top: 1px;

  background-color: rgba(0,0,0,0.6);

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

}

.scrollpagination li.active {

  width: 140px;

}

.scrollpagination a {

  display: block;

  position: relative;

	color: #fff;

}

.scrollpagination a span {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

	width: 100%;

  height: 44px;

  color: #fff;

  font-size: 16px;

  line-height: 44px;

  transition: .2s;

  -webkit-transition: .2s;

  -moz-transition: .2s;

  -o-transition: .2s;

}

.scrollpagination a .hover-text {

	position: absolute;

	right: 0;

  top: 0;

  opacity: 0;

}

.scrollpagination li.active .hover-text {

  opacity: 1;

}

.scrollpagination li.active .title-text {

  opacity: 0;

}

.scrolling {

  position: relative;

	width: 1024px;

	margin: 0 auto;

	position: relative;

  height: 100%;

}

.scrolling .scrollbox {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 800px;

  height: auto;

  padding-top: 20px;

  padding-bottom: 20px;

  overflow: hidden;

  transform: translate(-50%,-50%);

  -webkit-transform: translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

}

.scrolling .scrollbox .headline {

  display: inline-block;

  padding: 12px 40px;

  margin-top: 32px;

  margin-bottom: 10px;

  color: #fff;

  font-weight: normal;

  font-size: 42px;

  letter-spacing: 4px;

  border: 1px solid #fff;

}

.scrolling .scrollbox .enheadline {

  margin-top: 10px;

  color: #fff;

  font-size: 20px;

  text-transform: uppercase;

}

.scrolling .scrollbox .introtext {

  margin-top: 18px;

  color: #fff;

  line-height: 1.8;

  font-size: 16px;

  font-weight: normal;

}

.scrollingbox {

	position: relative;

  /* background-color: #FFF; */

  background: #111;

}

.home {

	overflow: hidden;

}

.scrollingbox .content {

	font-size: 1.8em;

}

.scrollingbox .content p {

	line-height: 1.8;

}

.scrollingbox .content h2 {

	margin-bottom: 20px;

	font-size: 3em;

	color: #555;

}

.scrollingbox.home {

  background: url('../images/single_3.jpg') center center no-repeat; 

}

.scrollingbox.column1 {

  background: url('../images/single_2.jpg') center center no-repeat;

}

.scrollingbox.column2 {

  background: url('../images/single_1.jpg') center center no-repeat;

}

.scrollingbox.column3 {

  background: url('../images/single_4.jpg') center center no-repeat;

}

.scrollingbox.phonefirst {

  background: url('../images/phone_1.jpg') center center no-repeat; 

}

.scrollingbox.phonesecond {

  background: url('../images/phone_2.jpg') center center no-repeat; 

}

.scrollingbox.phonethird {

  background: url('../images/phone_3.jpg') center center no-repeat; 

}

.scrollingbox.phonefourth {

  background: url('../images/phone_4.jpg') center center no-repeat; 

}

.scrollingbox.edufirst {

  background: url('../images/edu_1.jpg') center center no-repeat; 

}

.scrollingbox.edusecond {

  background: url('../images/edu_2.jpg') center center no-repeat; 

}

.scrollingbox.eduthird {

  background: url('../images/edu_3.jpg') center center no-repeat; 

}

.scrollingbox.edufourth {

  background: url('../images/edu_4.jpg') center center no-repeat; 

}

.scrollingbox.wechatfirst {

  background: url('../images/wechat_1.jpg') center center no-repeat; 

}

.scrollingbox.wechatsecond {

  background: url('../images/wechat_2.jpg') center center no-repeat; 

}

.scrollingbox.wechatthird {

  background: url('../images/wechat_3.jpg') center center no-repeat; 

}

.scrollingbox.wechatfourth {

  background: url('../images/wechat_4.jpg') center center no-repeat; 

}

/* 滚屏单页面 end */

/* 单页面1 start */

.subbanner {

  width: 100%;

  height: auto;

  overflow: hidden; 

}

.subbanner img {

  display: block;

  width: 100%;

}

.single-screen {

  width: 100%;

  height: 865px;

  overflow: hidden;

}

.single-screen h2 {

  margin-top: 240px;

  font-size: 60px;

  color: #fff;

}

.single1-firstbox {

  background-color: #000;

  background: url('../images/single_1_bg.jpg') center bottom no-repeat;

}

.single1-firstbox .singleimg {

  position: absolute;

  left: 0;

  z-index: 10;

  width: 100%;

  height: 865px;

  background-size: cover;

}

.single1-firstbox .singleimg h4 {

  width: 70%;

  margin: 0 auto;

  margin-top: 50px;

  color: #fff;

  font-size: 20px;

  line-height: 2;

}

.single1-firstbox .singleimg .copyrightbox {

  width: 800px;

  height: auto;

  margin: 30px auto;

  overflow: hidden;

}

.single1-firstbox .singleimg .copyrightbox .mainbox {

  display: inline-block;

  padding-left: 30px;

  padding-right: 30px;

} 

.single1-firstbox .singleimg .copyrightbox .mainbox:nth-child(2) {

  border-right: 1px solid #ededed;

  border-left: 1px solid #ededed;

}

.single1-firstbox .singleimg .copyrightbox .mainbox p {

  font-size: 30px;

  color: #fff;

}

.single1-firstbox .singleimg .copyrightbox .mainbox p span {

  font-size: 20px;

  color: #fff;

}

.single1-firstbox .particle {

  position: absolute;

  left: 0;

  z-index: 9;

  width: 100%;

  height: 500px;

}

.single1-secondbox {

  position: relative;

  background: url('../images/single_1_bg2.jpg') center bottom no-repeat;

}

.single1-secondbox .starbox {

  position: absolute;

  top: 0;

  width: 100%;

  height: 250px;

  overflow: hidden;

}

.single1-secondbox .starbox span.star {

  position: relative;

  left: 100px;

  top: -100px;

  display: inline-block;

  width: 180px;

  height: 180px;

  background: url('../images/star_bg.png') 0 0 no-repeat;

  transform: scale(1);

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -o-transform: scale(1);

  -ms-transform: scale(1);

  animation: starmove 1.6s linear infinite;

  -webkit-animation: starmove 1.6s linear infinite;

}

.single1-secondbox .starbox span.star1 {

  animation-delay: 1.3s;

  -webkit-animation-delay: 1.3s;

} 

.single1-secondbox .starbox span.star2 {

  animation-delay: 0s;

  -webkit-animation-delay: 0s;

}

.single1-secondbox .starbox span.star3 {

  animation-delay: .5s;

  -webkit-animation-delay: .5s;

}

.single1-secondbox .starbox span.star4 {

  animation-delay: 1s;

  -webkit-animation-delay: 1s;

}

.single1-secondbox .starbox span.star5 {

  animation-delay: .6s;

  -webkit-animation-delay: .6s;

}

.single1-secondbox .starbox span.star6 {

  animation-delay: .2s;

  -webkit-animation-delay: .2s;

}

.single1-secondbox .starbox span.star7 {

  animation-delay: 1.8s;

  -webkit-animation-delay: 1.8s;

}

.single1-secondbox .starbox span.star8 {

  animation-delay: .8s;

  -webkit-animation-delay: .8s;

}

.single1-secondbox .starbox span.star9 {

  animation-delay: 2s;

  -webkit-animation-delay: 2s;

}

.single1-secondbox .starbox span.star10 {

  animation-delay: 0s;

  -webkit-animation-delay: 0s;

}

@keyframes starmove {

  0% {

    opacity: 0;

  }

  25% {

    opacity: 1;

  }

  50%,100% {

    top: 200px;

    left: -260px;

    opacity: 0;

    transform: scale(.3);

    -webkit-transform: scale(.3);

    -moz-transform: scale(.3);

    -o-transform: scale(.3);

    -ms-transform: scale(.3);

  }

}

@-webkit-keyframes starmove {

  0% {

    opacity: 0;

  }

  25% {

    opacity: 1;

  }

  50%,100% {

    top: 200px;

    left: -260px;

    opacity: 0;

    transform: scale(.3);

    -webkit-transform: scale(.3);

    -moz-transform: scale(.3);

    -o-transform: scale(.3);

    -ms-transform: scale(.3);

  }

}

.single1-secondbox .mainbox {

  position: relative;

  height: 800px;

}

.single1-secondbox .mainbox h4 {

  width: 54%;

  margin: 0 auto;

  margin-top: 30px;

  font-size: 18px;

  line-height: 2;

  color: #fff;

}

.single1-secondbox .mainbox .introbox h4.introp {

  display: inline-block;

  width: 33%;

  font-size: 22px;

}

.single1-secondbox .mainbox .tag {

  position: absolute;

  color: #fff;

}

.single1-secondbox .mainbox .tag p {

  margin-bottom: 8px;

  color: #fff;

  font-size: 16px;

}

.single1-secondbox .mainbox .tag1 {

  bottom: 30px;

  left: 120px;

}

.single1-secondbox .mainbox .tag2 {

  bottom: 122px;

  left: 350px;

}

.single1-secondbox .mainbox .tag3 {

  bottom: 18px;

  right: 250px;

}

.single1-secondbox .mainbox .tag4 {

  bottom: 116px;

  right: 436px;

}

.single1-thirdbox {

  overflow: hidden;

  background-color: #111;

}

.single1-thirdbox .lefttext {

  margin-top: 180px;

  width: 50%;

}

.single1-thirdbox .lefttext h2 {

  margin-top: 120px;

  color: #33ecf4;

  font-size: 60px;

}

.single1-thirdbox .lefttext h3 {

  margin-top: 20px;

  font-size: 38px;

  color: #fff;

}

.single1-thirdbox .lefttext p {

  margin-top: 40px;

  font-size: 18px;

  color: #fff;

  line-height: 2;

}

.single1-thirdbox .rightpic {

  width: 500px;

  margin-top: 180px;

}

.single1-thirdbox .rightpic img {

  max-width: 100%;

}

.single1-fourthbox {

  background: url('../images/single_1_bg3.jpg') center center no-repeat;

}

.single1-fourthbox h2 {

  margin-top: 140px;

  color: #424242;

}

.single1-fourthbox h4 {

  width: 80%;

  margin: 0 auto;

  margin-top: 50px;

  line-height: 2;

  font-size: 22px;

}

.single1-fourthbox .introbox .introp {

  display: inline-block;

  width: 34%;

}

.single1-fifthbox {

  background-color: #f8f8f8;

}

.single1-fifthbox h2 {

  margin-top: 140px;

  color: #424242;

}

.single1-fifthbox p {

  margin-top: 20px;

  font-size: 18px;

  line-height: 1.8;

}

.single1-fifthbox img.pic {

  display: block;

  max-width: 80%;

  margin: 0 auto;

  margin-top: 50px;

}

.single1-sixthbox {

  position: relative;

  background-color: #fff;

}

.single1-sixthbox h2 {

  position: relative;

  z-index: 1;

  margin-top: 180px;

  color: #424242;

}

.single1-sixthbox p {

  position: relative;

  z-index: 1;

  width: 80%;

  margin: 0 auto;

  margin-top: 20px;

  font-size: 18px;

  line-height: 1.8;

}

.single1-sixthbox .earthimgbox {

  position: absolute;

  right: 0;

  bottom: 0;

}

.single1-sixthbox .earthimgbox .shape {

  position: absolute;

  display: inline-block;

  width: 10px;

  height: 10px;

  background-color:  #002FA7;

  border-radius: 100%;

  animation: shapezoom 1s linear infinite ;

  -webkit-animation: shapezoom 1s linear infinite ;

}

.single1-sixthbox .earthimgbox .shape1 {

  right: 138px;

  top: 100px;

  animation-delay: 1.2s;

  -webkit-animation-delay: 1.2s;

}

.single1-sixthbox .earthimgbox .shape2 {

  right: 318px;

  top: 140px;

  animation-delay: 0s;

  -webkit-animation-delay: 0s;

}

.single1-sixthbox .earthimgbox .shape3 {

  right: 426px;

  top: 204px;

  animation-delay: .5s;

  -webkit-animation-delay: .5s;

}

.single1-sixthbox .earthimgbox .shape4 {

  right: 403px;

  top: 287px;

  animation-delay: 1.2s;

  -webkit-animation-delay: 1.2s;

}

.single1-sixthbox .earthimgbox .shape5 {

  right: 240px;

  top: 140px;

  animation-delay: .6s;

  -webkit-animation-delay: .6s;

}

.single1-sixthbox .earthimgbox .shape6 {

  right: 242px;

  top: 84px;

  animation-delay: 0s;

  -webkit-animation-delay: 0s;

}

@keyframes shapezoom {

  0% {

    opacity: 0;

  }

  20% {

    opacity: 1;

  }

  100% {

    transform: scale(5);

    -webkit-transform: scale(5);

    -moz-transform: scale(5);

    -o-transform: scale(5);

    -ms-transform: scale(5);

    opacity: 0;

  }

}

.single1-sixthbox .earthimgbox .earthimg {

  max-width: 100%;

}

.single1-sixthbox .logobox {

  position: relative;

  width: 100%;

  height: 400px;

  margin-top: 80px;

}

.single1-sixthbox .logobox img {

  max-width: 100%;

}

.single1-sixthbox .logobox .logo-baidu {

  position: absolute;

  top: 20px;

  left: 500px;

}

.single1-sixthbox .logobox .logo-360 {

  position: absolute;

  top: 100px;

  left: 260px;

}

.single1-sixthbox .logobox .logo-yahoo {

  position: absolute;

  top: 200px;

  left: 502px;

}

.single1-sixthbox .logobox .logo-bing {

  position: absolute;

  top: 190px;

  left: 800px;

}

.single1-sixthbox .logobox .logo-google {

  position: absolute;

  top: 98px;

  left: 794px;

}

.single1-sixthbox .logobox .logo-chinaso {

  position: absolute;

  top: 200px;

  left: 274px;

}

.single1-sixthbox .logobox .logo-sougou {

  position: absolute;

  top: 106px;

  left: 495px;

}

.single1-seventhbox {

  background-color: #002FA7;

}

.single1-seventhbox h2 {

  margin-top: 100px;

}

.single1-seventhbox h4 {

  margin-top: 20px;

  color: #fff;

  font-size: 32px;

}

.single1-seventhbox .imgbox {

  position: relative;

  width: 100%;

  height: 560px;

}

.single1-seventhbox .imgbox img {

  position: absolute;

  max-width: 100%;

}

.single1-seventhbox .imgbox .left {

  top: 208px;

  left: 140px;

}

.single1-seventhbox .imgbox .center {

  top: 33px;

  left: 316px;

  max-width: 50%;

} 

.single1-seventhbox .imgbox .right {

  top: 370px;

  right: 62px;

}

.single1-eighthbox {

  background: url('../images/single_1_bg4.jpg') center center no-repeat;

}

.single1-eighthbox .eightbox {

  position: relative;

}

.single1-eighthbox .eightbox .textbox {

  left: 0;

  top: 0;

}

.single1-eighthbox .eightbox .textbox p {

  width: 60%;

  margin-top: 20px;

  font-size: 22px;

  color: #fff;

  line-height: 1.8;

}

.single1-eighthbox .eightbox .imgbox {

  position: relative;

  right: 0;

  bottom: 120px;

}

.single1-eighthbox .eightbox .imgbox img {

  max-width: 100%;

}

.singlepageeight {

  background: #fafafa;

}

.singlepageeight h2,.singlepageeight .eightbox .textbox p {

  color: #424242;

}

.singlepageeight .eightbox .textbox {

  width: 50%;

}

.singlepageeight .eightbox .mbimgbox {

  margin-top: 200px;

}

.singlepagenine .btnbox {

  position: absolute;

  right: 0;

  width: 33%;

  height: auto;

  margin-top: 54px;

}

.singlepagenine .btnbox span {

  display: block;

  margin-left: 8%;

  margin-right: 8%;

  padding: 4px 10px;

  color: #002FA7;

  font-size: 24px;

  background-color: #fff;

  border-radius: 4px;

}

.single1-ninthbox {

  position: relative;

  background-color: #002FA7;

}

.single1-ninthbox h2 {

  margin-top: 300px;

}

.single1-ninthbox h3 {

  margin-top: 20px;

  font-size: 46px;

  color: #fff;

}

.single1-ninthbox p {

  display: inline-block;

  width: 55%;

  margin-top: 54px;

  margin-bottom: 100px;

  color: #fff;

  font-size: 26px;

  line-height: 1.8;

} 

.functionbox {

  height: 500px;

}

.single1-ninthbox .functionbox h2 {

  margin-top: 260px;

}

.single1-ninthbox .imgbox {

  position: absolute;

  left: 0;

  top: 240px;

}

.single1-ninthbox .imgbox img {

  max-width: 100%;

  display: block;

}

.single1-tenthbox {

  background-color: #061f3e;

}

.single1-tenthbox .container {

  position: relative;

  height: 865px;

  margin-top: 20px;

}

.single1-tenthbox .container .halobox {

  position: absolute;

  top: 50px;

  left: 0;

  display: -webkit-flex;

  width: 760px;

  height: 760px;

  align-items: center;

  justify-content: center;

  background: url('../images/halo.jpg') 0 0 no-repeat;

  background-size: cover;

}

.single1-tenthbox .container .halobox .outside {

  position: relative;

  top: 4px;

  left: 1px;

  width: 350px;

  height: 350px; 

  background: url('../images/halo_outside.png') center no-repeat;

  animation: haloout 4s linear infinite;

  -webkit-animation: haloout 4s linear infinite;

}

.single1-tenthbox .container .halobox .inside {

  position: absolute;

  top: 251px;

  left: 246px;

  width: 270px;

  height: 270px;

  background: url('../images/halo_inside.png') center no-repeat;

  animation: haloin 4s linear infinite;

  -webkit-animation: haloin 4s linear infinite;

}

@keyframes haloout {

  form {

    transform: rotate(0);

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

  }

  to {

    transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

  }

}

@-webkit-keyframes haloout {

  form {

    transform: rotate(0);

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

  }

  to {

    transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

  }

}

@-moz-keyframes haloout {

  form {

    transform: rotate(0);

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

  }

  to {

    transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

  }

}

@keyframes haloin {

  form {

    transform: rotate(0);

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

  }

  to {

    transform: rotate(-360deg);

    -webkit-transform: rotate(-360deg);

    -moz-transform: rotate(-360deg);

    -ms-transform: rotate(-360deg);

    -o-transform: rotate(-360deg);

  }

}

@-webkit-keyframes haloin {

  form {

    transform: rotate(0);

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

  }

  to {

    transform: rotate(-360deg);

    -webkit-transform: rotate(-360deg);

    -moz-transform: rotate(-360deg);

    -ms-transform: rotate(-360deg);

    -o-transform: rotate(-360deg);

  }

}

@-moz-keyframes haloin {

  form {

    transform: rotate(0);

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -o-transform: rotate(0);

  }

  to {

    transform: rotate(-360deg);

    -webkit-transform: rotate(-360deg);

    -moz-transform: rotate(-360deg);

    -ms-transform: rotate(-360deg);

    -o-transform: rotate(-360deg);

  }

}

.single1-tenthbox .container .textbox h3 {

  margin-top: 20px;

  color: #fff;

  font-size: 46px;

}

.single1-tenthbox .container .textbox p {

  display: inline-block;

  width: 41%;

  margin-top: 40px;

  color: #fff;

  font-size: 22px;

  line-height: 1.8;

}

.single1-eleventhbox {

  position: relative;

  background-color: #f1f1f1;

}

.single1-eleventhbox h2 {

  color: #424242;

}

.single1-eleventhbox p {

  font-size: 18px;

  line-height: 1.8;

}

.single1-eleventhbox .process {

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 378px;

  background: url('../images/single_1_bg5.png') 0 bottom no-repeat;

  

}

.single1-twelfthbox {

  position: relative;

  background-color: #1B4FCC;

}

.single1-twelfthbox p {

  width: 60%;

  margin-top: 20px;

  font-size: 26px;

  color: #fff;

  line-height: 1.8;

}

.single1-twelfthbox .imgbox {

  position: absolute;

  right: -10px;

  bottom: 280px;

}

.single1-twelfthbox .imgbox img {

  display: block;

  width: 70%;

}

.single1-thirteenthbox {

  background: url('../images/single_1_bg6.jpg') center center no-repeat;

}

.single1-thirteenthbox p {

  width: 60%;

  margin: 0 auto;

  margin-top: 20px;

  font-size: 24px;

  color: #fff;

  line-height: 1.8;

}

.single1-lastpage {

  position: relative;

  background: #fff;

}

.keyboardimg {

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translate(-50%,0);

  -webkit-transform: translate(-50%,0);

  -moz-transform: translate(-50%,0);

  -o-transform: translate(-50%,0);

  -mstransform: translate(-50%,0);

}

.single1-lastpage h2 ,.single1-lastpage p {

  color: #424242;

}

.single1-lastpage h2 {

  margin-top: 140px;

}

.single1-fourteenthbox {

  background: url('../images/single_1_bg7.jpg') center center no-repeat;

}

.single1-fourteenthbox h2 {

  margin-top: 100px;

}

.single1-fourteenthbox p {

  width: 60%;

  margin: 0 auto;

  margin-top: 40px;

  color: #fff;

  font-size: 18px;

  line-height: 1.8;

}

.single1-fifteenthbox {

  background-color: #fff;

}

.single1-fifteenthbox h2 {

  color: #424242;

}

.single1-fifteenthbox .contrast {

  width: 100%;

  height: auto;

  background-color: #f5f5f5;

  border-radius: 10px;

  /* border: 1px solid #dedede; */

}

.single1-fifteenthbox .contrast tr td {

  padding: 20px 20px;

  border: 1px solid #dedede;

}

.single1-fifteenthbox .contrast tr td.bg888 {

  color: #fff;

  background-color: #888;

}

.single1-fifteenthbox .contrast tr td.bgfff {

  background-color: #fff;

}

.single1-fifteenthbox .contrast tr td.bgffb {

  color: #fff;

  background-color: #002FA7;

}

/* 单页面1 end */

/* 单页面2 start */

.single2-firstbox {

  background: url('../images/single_2_bg1.png') center center no-repeat;

}

.single2-firstbox h2 {

  margin-top: 100px;

  color: #424242;

}

.single2-firstbox p {

  width: 60%;

  margin: 0 auto;

  margin-top: 20px;

  font-size: 18px;

  line-height: 1.8;

} 

.single2-firstbox img {

  display: block;

  margin: 0 auto;

  margin-top: 20px;

}

.single2-secondbox {

  background-color: #f8f8f8;

}

.single2-secondbox h2 {

  color: #424242;

}

.single2-secondbox p {

  width: 60%;

  margin: 0 auto;

  margin-top: 20px;

  font-size: 18px;

  line-height: 1.8;

}

.single2-secondbox .leftbox {

  position: relative;

  margin-top: 20px;

}

.single2-secondbox .leftbox ul {

  position: absolute;

  top: 10px;

  left: 32px;

}

.single2-secondbox .leftbox ul li {

  width: 460px;

  height: 30px;

  margin-top: 20px;

  margin-bottom: 68px;

  line-height: 1.6;

  font-size: 18px;

}

.single2-secondbox .rightbox {

  margin-top: 20px;

}

.single2-thirdbox {

  height: 180px;

  background: url('../images/single_2_bg2.jpg') center no-repeat;

}

.single2-thirdbox h3 {

  font-size: 46px;

  color: #002FA7;

}

/* 单页面2 end */

/* 新闻列表 start */

.bread-crumbs {

  width: 100%;

  height: auto;

  overflow: hidden;

}

.leftnewslist,.rightsidebar {

  width: 800px;

  height: auto;

  overflow: hidden;

}

.leftnewslist ul li.newslist {

  width: 100%;

  height: 154px;

  padding: 16px;

  margin-bottom: 20px;

  background-color: #fff;

}

.leftnewslist ul li.newslist .imgbox {

  position: relative;

  width: 200px;

  height: 122px;

  overflow: hidden;

}

.leftnewslist ul li.newslist .imgbox img {

  display: block;

  width: 100%;

}

/* .leftnewslist ul li.newslist .imgbox::after {

  content: '';

  position: absolute;

  top: 4px;

  bottom: 4px;

  right: 4px;

  left: 4px;

  border: 2px solid rgba(255,255,255,.8);

} */

.leftnewslist ul li.newslist .contentbox {

  width: 568px;

  height: auto;

  padding-left: 20px;

  overflow: hidden;

}

.leftnewslist ul li.newslist .contentbox .titlerow {

  width: 100%;

  height: 38px;

  line-height: 38px;

}

.leftnewslist ul li.newslist .contentbox .titlerow span {

  display: inline-block;

  width: 80px;

  height: 28px;

  color: #fff;

  line-height: 32px;

  font-size: 14px;

  vertical-align: middle;

  background-color: #002FA7;

}

.leftnewslist ul li.newslist .contentbox .titlerow h2 {

  display: inline-block;

  width: 468px;

  padding-left: 10px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 20px;

  font-weight: bold;

  vertical-align: middle;

}

.leftnewslist ul li.newslist .contentbox .newsdesc {

  display: -webkit-box;

  margin-top: 6px;

  font-size: 16px;

  line-height: 1.6;

  overflow: hidden;

  text-overflow: ellipsis;

  word-break: break-all;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.leftnewslist ul li.newslist .contentbox .datebox {

  /* position: relative; */

  margin-top: 12px;

  font-size: 16px;

  color: #999;

}

.leftnewslist ul li.newslist .contentbox .datebox a {

  color: #999;

}

.leftnewslist ul li.newslist .contentbox .datebox a:hover {

  color: #002FA7;

}

.rightsidebar {

  width: 420px;

}

.recommendtitlebox {

  width: 100%;

  height: 32px;

}

.recommendtitlebox span {

  width: 100px;

  height: 32px;

  line-height: 32px;

  color: #fff;

  font-size: 16px;

  background-color: #002FA7;

}

.recommendtitlebox a {

  height: 30px;

  line-height: 34px;

  border-bottom: 2px solid #424242;

}

.recommendtitlebox a:hover {

  border-color: #002FA7;

}

.sidebarbox {

  width: 100%;

  margin-top: 12px;

  margin-bottom: 20px;

  padding: 10px;

  background-color: #fff;

  border: 1px solid #dedede;

}

.sidebarbox li {

  position: relative;

  width: 100%;

  height: auto;

  font-size: 14px;

  /* line-height: 33px; */

  overflow: hidden;

  border-bottom: 1px dashed #dedede;

}

.sidebarbox li:last-child {

  border: none;

}

.sidebarbox li h3 {

  width: 348px;

  margin-top: 6px;

  margin-bottom: 6px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.sidebarbox li span {

  position: relative;

  top: 8px;

}

/* page 翻页 start */

.paging {

  width: 100%;

  height: auto;

  margin-top: 40px;

  margin-bottom: 20px;

}

.paging ul li {

  display: inline-block;

  margin-left: 4px;

  margin-right: 4px;

}

.paging ul li a {

  padding: 6px 12px;

  font-size: 14px;

  background-color: #fff;

  border: 1px solid #aaa;

  border-radius: 4px;

}

.paging ul li.active span {

  padding: 6px 12px;

  font-size: 14px;

  border-radius: 4px;

  border: 1px solid #002FA7;

}

.paging ul li a:hover,.paging ul li.active a,.paging ul li.active span {

  color: #fff;

  background-color: #002FA7;

  border-color: #002FA7;

}

/* page 翻页 end */

/* 新闻列表 end */

/* 详情页面 start */

.newsdetail {

  width: 800px;

  height: auto;

  padding: 20px;

  margin-bottom: 30px;

  overflow: hidden;

  background-color: #fff;

}

.newsdetail h1 {

  font-size: 30px;

  font-weight: bold;

}

.newsdetail .tagbox {

  width: 100%;

  height: auto;

}

.newsdetail .tagbox a {

  display: inline-block;

  padding: 4px 8px;

  color: #fff;

  border-radius: 2px;

}

.newsdetail .textcontent p {

  font-size: 18px;

  line-height: 1.8;

  text-indent: 2rem;

}

.newsdetail .textcontent img {

  display: block;

  max-width: 760px;

  margin: 10px auto;

}

.newsdetail .prev h3,.newsdetail .next h3 {

  display: inline-block;

  font-size: 16px;

}

.newsdetail .copyrigntandmz {

  position: relative;

  width: 600px;

  height: auto;

  padding: 20px;

  margin: 0 auto;

  margin-top: 50px;

  font-size: 14px;

  border: 1px dashed #002FA7;

  border-radius: 6px;

}

.newsdetail .copyrigntandmz p {

  margin-top: 10px;

  line-height: 1.8;

}

.newsdetail .copyrigntandmz .titlebox {

  position:absolute;

  top: -14px;

  left: 50%;

  width: 200px;

  height: 28px;

  color: #fff;

  font-size: 16px;

  line-height: 28px;

  transform: translate(-50%,0);

  -webkit-transform: translate(-50%,0);

  -moz-transform: translate(-50%,0);

  -o-transform: translate(-50%,0);

  -ms-transform: translate(-50%,0);

  background-color: #002FA7;

  border-radius: 4px;

}

.newsrecommendbox {

  width: 800px;

  height: auto;

  padding: 20px;

  margin-bottom: 50px;

  background-color: #fff;

}

.newsrecommendbox .title {

  width: 100%;

  padding-bottom: 8px;

  font-size: 22px;

  font-weight: bold;

  border-bottom: 1px solid #888;

}

.newsrecommendbox .recommendcontent {

  width: 100%;

  height: auto;

  overflow: hidden;

  margin-top: 8px;

}

.newsrecommendbox .recommendcontent li {

  width: 232px;

  height: 184px;

  margin-right: 20px;

  margin-top: 12px;

}

.newsrecommendbox .recommendcontent li .imgbox img {

  width: 232px;

  height: 142px;

}

.newsrecommendbox .recommendcontent li a {

  display: block;

  color: #444;

  font-size: 18px;

}

.newsrecommendbox .recommendcontent li p {

  margin-top: 6px;

}

.newsrecommendbox .recommendcontent li p a {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

/* 详情页面 end */

/* 案例列表 start */

.casecontentbox,.caseclassifybox,.casecontentbox .caselist {

  width: 100%;

  height: auto;

  overflow: hidden;

}

.caseclassifybox li {

  display: inline-block;

  margin-right: 18px;

  

}

.caseclassifybox li a {

  display: block;

  padding: 6px 16px;

  font-size: 18px;

  border: 1px solid #dedede;

}

.caseclassifybox li a:hover,.caseclassifybox li.active a {

  color: #fff;

  background-color: #002FA7; 

  border-color: #002FA7;

}

.casecontentbox .caselist li {

  width: 290px;

  height: 336px;

  margin-top: 15px;

  margin-left: 15px;

  margin-right: 15px;

  margin-bottom: 20px;

  background-color: #fff;

  box-shadow: 0 0 15px rgba(0,0,0,.42);

}

.casecontentbox .caselist li .imgbox {

  padding: 5px;

}

.casecontentbox .caselist li .imgbox a img {

  width: 280px;

  height: 186px;

}

.casecontentbox .caselist li h2 {

  padding: 5px;

  padding-top: 5px;

  padding-bottom: 10px;

  font-size: 18px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.casecontentbox .caselist li p.casedesc {

  display: -webkit-flex;

  width: 100%;

  height: 98px;

  padding: 0 32px;

  font-size: 14px;

  color: #999;

  background-color: #fafafa;

  border-top: 1px solid #eee;

  overflow: hidden;

  justify-content: center;

  align-items: center;

}

/* 案例列表 end */

/* 关于我们 start */

.aboutusintro {

  height: 660px;

  padding-top: 86px;

}

.aboutusintro .lefttext {

  width: 760px;

  margin-top: 100px;

}

.aboutusintro .lefttext h2 {

  font-size: 42px;

}

.aboutusintro .lefttext p {

  margin-top: 20px;

  line-height: 2;

  font-size: 18px;

}

.aboutusintro .imgbox {

  width: 480px;

}

.aboutusintro .imgbox img {

  max-width: 100%;

}

.advantagebox {

  width: 100%;

  height: 700px;

  padding-top: 86px;

  background-color: #f8f8f8;

}

.advantagebox h2 {

  font-size: 42px;

}

.advantagebox p.solgan {

  margin-top: 10px; 

  font-size: 18px;

  color: #002FA7;

}

.advantagebox .mainbox li {

  width: 33%;

  height: auto;

  margin-top: 50px;

}

.advantagebox .mainbox li h4 {

  margin-top: 10px;

  margin-bottom: 10px;

  font-size: 26px;

}

.advantagebox .mainbox li p {

  color: #999;

}

.culturebox {

  width: 100%;

  height: 376px;

  padding-top: 86px;

  background-color: #002FA7;

}

.culturebox h2 {

  color: #fff;

  font-size: 42px;

}

.culturecontent li {

  width: 25%;

  margin-top: 50px;

  color: #fff;

  

}

.culturecontent li h4 {

  color: #fff;

  font-size: 32px;

}

.culturecontent li span {

  position: relative;

  display: block;

  width: 80%;

  height: 4px;

  margin-top: 10px;

  background-color: #fff;

}

.culturecontent li span i {

  position: absolute;

  left: 0; 

  top: 0;

  width: 40%;

  height: 4px;

  background-color: #1B4FCC;

}

.culturecontent li p {

  width: 80%;

  height: auto;

  margin-top: 10px;

  color: #fff;

  line-height: 1.6;

}

.feelings {

  width: 100%;

  height: 600px;

  padding-top: 100px;

  background-color: #fff;

}

.feelings .leftimg {

  margin-top: 30px;

}

.feelings .righttext {

  margin-top: 20px;

  margin-left: 200px;

}

.feelings .righttext h3 {

  font-size: 42px;

}

.feelings .righttext p {

  margin-top: 20px;

  margin-bottom: 20px;

  font-size: 18px;

}

/* 关于我们 end */

/* 联系我们 start */

.contactitle {

  font-size: 36px;

}

.contactintrobox {

  width: 100%;

  height: auto;

  padding-top: 20px;

  padding-bottom: 20px;

  overflow: hidden;

}

.contactintrobox li {

  width: 20%;

  height: 232px;

  padding-top: 30px;

  margin-left: 2.5%;

  margin-right: 2.5%;

  background-color: #fff;

  box-shadow: 0 0 20px rgba(0,0,0,.2);

}

.contactintrobox li img {

  max-width: 100px;

}

.contactintrobox li h4 {

  margin-top: 8px;

  margin-bottom: 8px;

  font-size: 24px;

  color: #002FA7;

}

.mapbox {

  width: 1280px;

  height: auto;

}

/* 联系我们 end */

/* 团队招募 start */
.joinusbox {
  padding: 20px;
}
.joinusbox .jobstitle {
  font-size: 24px;
  font-weight: bold;
  color: #002FA7;
}
.joinusbox .jobsdesc {
  margin-top: 8px;
  font-size: 20px;
  font-weight: bold;
}
.joinusbox p {
  line-height: 2.4;
}
.joinusbox .readmore {
  width: 400px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background-color: #1B4FCC;
  border-radius: 4px;
}
.welfare {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.welfare li img {
  width: 56px;
}
/* 团队招募 end */


/* 案例详情页 start */

.casedetailbox {

  width: 100%;

  height: auto;

  padding: 20px;

  margin-bottom: 30px;

  overflow: hidden;

  background-color: #fff;

}

.casedetailbox .leftpicbox {

  width: 70%;

  padding-right: 20px;

}

.casedetailbox .leftpicbox img {

  max-width: 100%;

}

.casedetailbox .rightintro {

  width: 30%;

  padding-left: 20px;

}

.casedetailbox .rightintro h2 {

  font-size: 24px;

}

.casedetailbox .rightintro .tag {

  display: block;

  width: 80px;

  height: 28px;

  color: #fff;

  font-size: 14px;

  line-height: 28px;

  background-color: #666;

  border-radius: 4px;

}

.casedetailbox .rightintro .tag a {

  display: block;

  color: #fff;

}

.casedetailbox .rightintro .introtext {

  line-height: 1.8;

}

.casedetailbox .rightintro .date {

  color: #002FA7;

}

.casedetailbox .recommendbox {

  clear: both;

  width: 100%;

  height: auto;

  margin-top: 32px;

  overflow: hidden;

}

.casedetailbox .recommendbox .title {

  margin-bottom: 20px;

  padding-bottom: 10px;

  color: #002FA7;

  font-size: 26px;

  font-weight: bold;

  border-bottom: 1px solid #ededed;

}

.casedetailbox .recommendbox ul li {

  width: 280px;

  height: auto;

  margin-right: 15px;

  margin-left: 15px;

}

.casedetailbox .recommendbox ul li h2 {

  margin-top: 8px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 20px;

}

.caserecommend {

  width: 100%;

  height: auto;

  padding: 20px;

  margin-bottom: 50px;

  overflow: hidden;

  background-color: #fff;

}

.caserecommend .recommendtitle {

  width: 100%;

  padding-bottom: 12px;

  margin-bottom: 20px;

  font-size: 24px;

  border-bottom: 1px solid #dedede;

}

.caserecommend li {

  width: 290px;

  height: 232px;

  margin-right: 20px;

  overflow: hidden;

  background-color: #fafafa;

}

.caserecommend li img {

  width: 290px;

  height: 186px;

}

.caserecommend li h2 {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  letter-spacing: 1px;

  font-size: 20px;

  line-height: 36px;

}

/* .caserecommend li h2 a {} */

/* 案例详情页 end */

/* 新增单页面样式 start */

.singlepageweb {

  background-color: #fff;

}

.singlepageweb .textbox {

  width: 50%;

}

.singlepageweb .container .textbox h2,.singlepageweb .container .textbox h3,.singlepageweb .container .textbox p {

  color: #424242;

}

.singlepageweb .container .textbox p {

  width: 100%;

}

.singlepageweb .imgbox {

  width: 50%;

  margin-top: 260px;

}

.singlepageweb .imgbox img {

  max-width: 100%;

}

.singleproject {

  background: #fff;

}

.singleproject h2,.singleproject .eightbox .textbox p {

  color: #424242;

}

.singleproject .picbox {

  margin-top: 320px;

}

.wechatsingle {

  background: #fff;

}

.wechatsingle h4 {

  margin-top: 20px;

}

.wechatsingle img {

  display: block;

  max-height: 400px;

  margin: 0 auto;

  margin-top: 50px;

}

.wechatsecondsingle {

  background: url('../images/single_1_bg3_2.jpg') center center no-repeat;

}

.wechatthirdsingle {

  background-color: #f8f8f8;

}

.wechatthirdsingle .lefttext h2 {

  color: #424242;

}

.wechatthirdsingle .lefttext h3 {

  color: #424242;

}

.wechatthirdsingle .lefttext p {

  color: #424242;

}

.wechatthirdsingle .rightpic {

  margin-top: 280px;

}

.wechatsinglefourth {

  background: #fbfbfb;

}

.wechatsinglefourth .eightbox .textbox,.wechatsinglefourth .eightbox .picbox {

  width: 50%;

}

.wechatsinglefourth .eightbox .picbox {

  margin-top: 200px;

}

.wechatsinglefourth .eightbox .picbox img {

  max-width: 100%;

}

.wechatsinglefourth .eightbox .textbox p,.wechatsinglefourth h2 {

  color: #424242;

}

.wechatsinglethird {

  background-color: #70b0ff;

}

.wechatsinglethird .picbox {

  margin-top: 230px;

  width: 50%;

}

.wechatsinglethird .picbox img {

  max-width: 90%;

}



.wechatsinglethird .textbox {

  width: 50%;

}

.wechatsinglethird .container .textbox p {

  width: 100%;

}

.wechatsinglefifth {

  background: #fbfbfb;

}

.wechatsinglefifth h2 {

  color: #424242;

}

.wechatsinglefifth .textbox p {

  margin-top: 10px;

  color: #424242;

}

.wechatsinglefifth .textbox img {

  max-width: 650px;

  margin-top: 60px;

}

.wechatsinglesixth {

  background: url('../images/single_1_bg3_3.jpg') center center no-repeat;

}

.wechatsingletenth {

  background: #fbfbfb;

}

.wechatsingletenth h2 {

  color: #424242;

}

.wechatsingletenth p {

  width: 100%;

  color: #424242;

}

.wechatsingletenth .picbox {

  width: 50%;

  margin-top: 268px;

}

.wechatsingletenth .picbox img {

  max-width: 100%;

}

.wechatsingletenth .textintro {

  width: 50%;

}

.wechatsingleeighth {

  background: #fbfbfb;

}

.wechatsingleeighth h2 {

  color: #424242;

}

.wechatsingleeighth .picbox {

  width: 50%;

  margin-top: 110px;

}

.wechatsingleeighth .picbox img {

  max-width: 80%;

}

.wechatsingleeighth .textbox {

  width: 50%;

}

.wechatsingleeighth .container .textbox p {

  width: 100%;

  color: #424242;

}

.wechatsolution {

  background: url('../images/solution_bg_1.jpg') center center no-repeat;

}

.wechatsinglenineth .eightbox .textbox {

  width: 50%;

}

.wechatsinglenineth .eightbox .textbox p {

  width: 100%;

}

.wechatsinglenineth .eightbox .picbox {

  width: 50%;

  margin-top: 140px;

  text-align: center;

}

.wechatsinglenineth .eightbox .picbox img {

  max-width: 80%;

}

.seosinglefirst {

  background: #fff;

}

.seosinglefirst img {

  max-width: 100%;

  margin-top: 40px;

}

.seosinglesecond h2 {

  margin-top: 120px;

}

.seosinglesecond .leftbox ul li {

  margin-top: 31px;

  margin-bottom: 67px;

  font-size: 22px;

}

.seosinglesecond .leftbox {

  margin-top: 50px;

}

.seosinglesecond .rightbox {

  width: 40%;

  margin-top: 50px;

}

.seosinglesecond .rightbox img {

  max-width: 100%;

}

.seosinglethird .mainbox h4 {

  width: 80%;

}

.seosinglefourth {

  background-color: #fbfbfb;

}

.seosinglefourth .picbox {

  width: 50%;

  margin-top: 250px;

}

.seosinglefourth .picbox img {

  max-width: 80%;

}

.seosinglefourth .textintro {

  width: 50%;

}  

.seosinglefourth .textintro h2 {

  color: #424242;

}

.seosinglefourth .textintro p {

  width: 100%;

  color: #424242;

  font-size: 22px;

}

.seosingleseventh {

  background: #f8f8f8;

}

.seosingleseventh h2 {

  color: #424242;

}

.seosingleseventh p {

  width: 100%;

  color: #424242;

  font-size: 22px;

}

.seosingleseventh .picbox {

  margin-top: 270px;

  width: 50%;

}

.seosingleseventh .picbox img {

  max-width: 90%;

}

.seosingleseventh .textintro {

  width: 50%;

}

.seosingleeighth {

  background: url('../images/single_1_bg4_1.jpg') center center no-repeat;

}

.seosingleeighth .eightbox .textbox {

  margin-top: 300px;

}

.seosingleeighth .eightbox .textbox p {

  width: 50%;

}

.seosinglefifth {

  background: url('../images/single_1_bg4_2.jpg') center center no-repeat;

}

.seosinglefifth .eightbox .textbox {

  width: 50%;

}

.seosinglefifth .eightbox .picbox {

  margin-top: 260px;

  width: 50%;

}

.seosinglefifth .eightbox .picbox img {

  max-width: 80%;

}

.seosinglefifth h2 {

  margin-top: 300px;

}

.seosinglesixth {

  background-color: #fff;

}

.seosinglesixth .picbox {

  width: 50%;

  margin-top: 180px;

}

.seosinglesixth .picbox img {

  max-width: 90%;

}

.seosinglesixth .textintro {

  width: 50%;

}

.seosinglesixth .textintro h2 {

  color: #424242;

}

.seosinglesixth .textintro p {

  width: 100%;

  color: #424242;

  font-size: 22px;

}

.promotesinglefirst,.promotesinglethird {

  background: #fff;

}

.promotesinglefirst h2 {

  margin-top: 80px;

}

.promotesinglefirst img {

  display: block;

  max-width: 80%;

  margin: 20px auto;

}

.promotesinglesecond {

  background: url('../images/single_1_bg3_4.jpg') center center no-repeat;

}

.promotesinglesecond h2 {

  margin-top: 220px;

  color: #fff;

}

.promotesinglesecond h4 {

  margin-top: 70px;

  color: #fff;

}

.promotesinglethird img {

  margin-top: 60px;

}

.promotesinglefourth {

  background-color: #fff;

}

.promotesinglefourth .container .lefttext h2 {

  color: #424242;

}

.promotesinglefourth .container .lefttext p {

  font-size: 22px;

  color: #424242;

}

.promotesinglefourth .rightpic {

  margin-top: 220px;

}

.promotesinglefifth .container .picbox {

  width: 50%;

  margin-top: 180px;

}

.promotesinglefifth .container .picbox img {

  max-width: 90%;

}

.promotesinglefifth .container .textintro {

  width: 50%;

}

.promotesinglefifth .container .textintro p {

  width: 100%;

  font-size: 22px;

}

.promotesinglesixth .imgbox {

  height: auto;

}

.promotesinglesixth .imgbox img {

  position: initial;

  max-width: 50%;

  margin-top: 80px;

}

.promotesinglesixth h4 {

  margin-top: 50px;

}

.promotesingleseventh,.promotesingleeigth {

  background-color: #fff;

}

.promotesingleseventh .rightpic {

  margin-top: 280px;

}

.promotesingleseventh .container .lefttext h2,.promotesingleeigth .container .lefttext h2  {

  color: #424242;

}

.promotesingleseventh .container .lefttext p,.promotesingleeigth .container .lefttext p {

  color: #424242;

  font-size: 22px;

}

.promotesingleeigth .rightpic {

  margin-top: 180px;

}

.promotesinglenineth,.promotesingletenth {

  background-color: #002FA7;

}

.promotesinglenineth .picbox {

  width: 50%;

  margin-top: 90px;

}

.promotesinglenineth .picbox img {

  max-width: 70%;

  max-height: 70%;

}

.promotesinglenineth .textbox {

  width: 50%;

}

.promotesinglenineth .container .textbox h2 {

  margin-top: 300px;

}

.promotesinglenineth .container .textbox p {

  width: 100%;

}

.promotesingletenth .picbox {

  width: 50%;

  margin-top: 160px;

}

.promotesingletenth .picbox img {

  max-width: 100%;

}

.promotesingletenth .textbox {

  width: 50%;

}

.promotesingletenth .textbox h2 {

  margin-top: 300px;

}

.promotesingletenth .container .textbox p {

  width: 100%;

}

.promotesingleeleventh {

  background: url('../images/single_1_bg7.jpg') center center no-repeat;

}

.promotesingleeleventh h2 {

  margin-top: 120px;

  color: #fff;

}

.promotesingleeleventh p {

  font-size: 22px;

  color: #fff;

}

.promotesingletwelfth {

  position: relative;

  background: #fff;

}

.promotesingletwelfth h2 ,.promotesingletwelfth p {

  color: #424242;

}

.promotesingletwelfth .container {

  

}

.promotesingletwelfth .container .lastpic {

  position: absolute;

  bottom: -10px;

  left: 50%;

  width: 30%;

  transform: translate(-50%,0);

  -webkit-transform: translate(-50%,0);

  -moz-transform: translate(-50%,0);

  -o-transform: translate(-50%,0);

  -ms-transform: translate(-50%,0);

}

.firmsinglefirst {

  background: #fff;

}

.firmsinglefirst .introtext {

  margin-top: 50px;

  font-size: 22px;

}

.firmsinglefirst .introtext img {

  display: block;

  max-height: 400px;

  margin: 0 auto;

  margin-top: 20px;

}

.firmsinglesecond {

  background: url('../images/single_1_bg4_3.jpg') center center no-repeat;

}

.firmsinglesecond h2 {

  font-size: 50px;

}

.firmsinglesecond .intro p {

  margin-top: 10px;

  color: #fff;

  font-size: 28px;

}

.firmsinglethird {

  background: #fff;

}

.firmsinglethird h2,.firmsinglethird p {

  color: #424242;

}

.firmsinglethird p {

  font-size: 22px;

}

.firmsinglethird p.intro {

  font-size: 18px;

}

.firmsinglethird .last-img {

  display: block;

  margin: 0 auto;

  margin-top: 40px;

}

.wzjssinglebg {

  background: url('../images/single_1_bg1.jpg') center center no-repeat;

}

.wzjssinglebg .container .textbox p {

  width: 100%;

}

.wzjssinglesecond {

  background-color: #fafafa;

}

.wzjssinglesecond h2,.wzjssinglesecond p {

  color: #424242;

}

.wzjssinglesecond .textbox {
  width: 60%;
}
.wzjssinglesecond .textbox p {
  width: 100%;
}
.wzjssinglesecond .imgbox {
  position: initial;
  width: 40%;
  margin-top: 120px;
} 
.wzjssinglesecond .imgbox img {
  max-width: 100%;
  width: 100%;
}

/* 新增单页面样式 end */

/* 兼容屏幕 start */

@media screen and (max-width: 1600px) {

  .single1-sixthbox .logobox .logo-google {

    left: 736px;

  }

  .single1-sixthbox .logobox .logo-bing {

    left: 743px;

  }

}

@media screen and (max-width: 1440px) {

  html {

    overflow-x: hidden;

  }

  .container,.casebox .container {

    width: 1266px;

  }

  .mediabox .medialist li {

    width: 300px;

  }

  .firmtype .firmtypebox li {

    width: 235px;

  }

  .cooperation-logo li {

    width: 250px;

  }

  .logo-google,.logo-bing {

    display: none;

  }

  footer .ftnavbox .friendlinkbox .rightlink {

    width: 1080px;

  }

  .btn-closead {

    right: 10%;

  }



}

/* 兼容屏幕 end */
/*分享*/
.sharebox .bdshare-button-style1-16 a, .sharebox .bdshare-button-style1-16 .bds_more{
  font-size: 16px;
  padding-left: 20px;
  line-height: 16px;
  height: 20px;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 10px 20px 10px 0;
}
/*修改*/
/* 404页面 start */
.notfoundbox p {
  color: #002FA7;
  font-size: 20px;
}
.notfoundbox p.tips {
  font-weight: bold;
  line-height: 40px;
}
.notfoundbox p.youcan {
  font-weight: bold;
  padding-left: 400px;
}
.notfoundbox p.tips img {
  position: relative;
  top: 6px;
  width: 32px;
  margin-right: 6px;
}
.notfoundbox p.btn-return a {
  margin-left: 10px;
  margin-right: 10px;
  padding: 6px 18px;
  font-size: 18px;
  border-radius: 4px;
}
.notfoundbox p.btn-return a.home {
  color: #fff;
  background-color: #002FA7;
}
.notfoundbox p.btn-return a.prev {
  margin-left: 40px;
  color: #444;
  background-color: #ccc;
}
.notfoundbox p.contact {
  color: #999;
  font-size: 18px;
}
/* 404页面 end */

/* 中心咨询 */
.center_consult{
    width:700px;
    height: 420px;
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    background: url(../images/center_bg.jpg) no-repeat center;
    background-size: 100%;
    z-index:99999;
    padding-top: 255px;
}
.t_close{
    width: 30px;
    height: 30px;
    position: absolute;
    top:15px;
    right: 10px;
    cursor: pointer;
}
.t_text{
    /* margin-top:55px; */
    text-align: center;
    color: #fff;
}
.t_text img{
  margin-top: 15px;
}
.center_consult h2{
  font-weight: bold;
    font-size: 30px;
    margin-bottom: 8px;
    letter-spacing: 10px;
}
.talk_r_box{
  height:100%;
  overflow: hidden;
}
.talk_box{
    height: 100%;
    overflow: hidden;
    margin: 0 82px;
    margin-top: 30px;
}
.talk_check{
    margin-bottom: 15px;
}
.talk_check select{
    width: 226px;
    height: 34px;
    border: 1px solid #fff;
    outline: none;
}
.talk_input input{
    width: 184px;
    height: 34px;
    outline: none;
    border: 0;
    font-size: 16px;
    color: #333;
    padding: 0 15px;
}
.talk_input input:last-child{
    width: 112px;
    font-size: 14px;
    padding:0 8px;
}
.talk_phone{
  width: 532px;
  margin: 0 auto;
  overflow: hidden;
}
.talk_title{
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 20px;
}
.talk_phone_item{
   /* padding:0 25px; */
}
.talk_phone_item::after{
  display: inline-block;
  content: "";
  width: 1px;
  height: 15px;
  background: #fff;
  float: left;
  margin: 18px 0;
}
.talk_phone_item:nth-child(3)::after{
  display: none;
}
.talk_phone_item:first-child{
  padding-left: 0;
}
.talk_phone_item:last-child{
  padding-right: 0;
  border: 0;
}
.talk_phone_item span{
  font-size: 20px;
  color: #fff;
  display: block;
}
.talk_phone a{
    color: #fff;
    font-size: 22px;
    font-family: "黑体";
    float: left;
    margin: 0 20px;
    display: block;
    width: 150px;
}
.talk_phone_item:nth-child(1) a{
  margin-left: 0
}
.talk_phone_item:nth-child(3) a{
  margin-right: 0
}
.talk_l_btn a{
  display: block;
  height: 46px;
  width: 200px;
  text-align: center;
  background: #fff;
  box-shadow: 5px 0px 5px 5px #002FA7;
  color: #f06000;
  margin: 0 auto;
  font-size: 20px;
  line-height: 46px;
  margin-top: 26px;
}
@media (max-width:1366px){
  .talk_box{
    margin: 0 55px;
  }
}
/*百度商桥*/
ins#nb_icon_wrap.nb-icon-wrap.nb-icon-base.icon-right-center.nb-icon-skin-0.nb-icon-icon{
    display: none;
}
ins#nb_invite_wrap.nb-invite-wrap.nb-invite-wrap-base.nb-position-base.nb-middle{
    display: none !important;
}



/* 右侧菜单 */
@font-face {font-family: 'icomoon';src:    url('../fonts/icomoon.eot?qradjf');src:url('../fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?qradjf') format('truetype'),url('../fonts/icomoon.woff?qradjf') format('woff'),url('../fonts/icomoon.svg?qradjf#icomoon') format('svg');font-weight: normal;font-style: normal;}
.demo-icon{font-family: "icomoon";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;font-size:24px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;line-height:24px;color:#999; }
/*new right*/
.cndns-right{ position:fixed; right:1px; top:70%; margin-top:-250px; z-index:100}
.cndns-right-meau{ position:relative;}
.cndns-right-btn{width: 60px;height: 60px; color:#848484; border:1px solid #ddd; text-align:center; display:block; margin-bottom:6px; position:relative; background-color:#fff}
.cndns-right-btn span{  font-size:20px; line-height:38px;}
.cndns-right-btn span img{
  width: 22px;
}
.cndns-right-btn p{  font-size:12px; line-height:10px;}
.cndns-right-btn:hover,.cndns-right-btn:hover span{ color: #002FA7;}
.cndns-right-hovBtn{  border-color:#002FA7; background-color: #002FA7;} 
.cndns-right-hovBtn p{ color:#fff}
.cndns-right-hovBtn span{ color:#fff}
.cndns-right-hovBtn:hover span{ color: #fff;}
.meau-kf .cndns-right-btn{ padding-bottom: 5px;}
.cndns-right-box{ position:absolute; top:0; right:60px; z-index: 1; padding-right:10px; display:none;}
.cndns-right-box .box-border{width:260px; border:1px solid #ccc; padding:4px 20px; background-color:#fff; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);  -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15); box-shadow: 0 3px 8px rgba(0,0,0,.15); position:relative}
.cndns-right-box .box-border .arrow-right{ display:block; width:13px; height:16px; background:url(../images/02index-spri.png) no-repeat 0 -2226px; position:absolute; right:-13px; top:26px;}
.cndns-right-box .box-border .sev-t span{ font-size:42px; float:left; display:block; line-height:56px; margin-right:20px; color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{ float:left; color:#666; font-size:16px; line-height:28px;}
.cndns-right-box .box-border .sev-t p i{ display:block; font-size:14px; color:#aaa;}
.cndns-right-box .box-border .sev-t p strong{ display:inline-block; font-size:18px; color:#002FA7;font-style: italic;}
.cndns-right-box .box-border .sev-b h4{ color:#666; font-size:14px; font-weight:normal; padding-bottom:15px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{ color:#002FA7}
.cndns-right-meau:hover .cndns-right-box{ display:block}
.meau-top .cndns-right-btn i{ display:block; color:#999;font-style: normal;font-size: 12px;height: 24px;line-height: 24px;}
.meau-car .cndns-right-btn { border-color:#002FA7; margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{ background-color:#002FA7}
.meau-car.cndns-right-meau:hover .cndns-right-btn span,.meau-car.cndns-right-meau:hover .cndns-right-btn p{ color:#fff;}
.meau-car .cndns-right-btn span{ color:#002FA7; }
.meau-car .cndns-right-btn p{ color:#002FA7; }
.meau-top .cndns-right-btn span{ font-size:12px; line-height:12px; padding-top:10px; display:block}
.clear{clear:both;font-size:0px;line-height:0;height:0;}


/* 视频 */
.banner_box {
  width: 100%;
  height:100%;
  position: relative;
}

.cndns-banner-tex {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 300px 0 40px 200px;
}

.cndns-banner-video {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.cndns-banner-tex h2 {
  font-size: 36px;
  color: #e5e5e5;
  margin-bottom: 6px;
  font-weight: normal;
  font-family: "Helvetica";
}

.cndns-banner-tex p {
  font-size: 18px;
  color: #ccc;
  font-weight: normal;
  margin-bottom: 18px;
  font-family: "Helvetica";
}

.cndns-banner-tex h4 {
  font-size: 22px;
  color: #ccc;
  padding: 10px 0 70px 0;
  font-weight: normal;
  font-family: "Helvetica";
}

.cndns-banner-tex h3 {
  font-size: 24px;
    color: #e5e5e5;
    font-weight: normal;
    margin-bottom: 24px;
  font-family: "Helvetica";
}

.cndns-banner-tex span {
  display: block;
  width: 100px;
  height: 5px;
  background: #002FA7;
  margin-bottom: 56px;
}

.cndns-banner-tex .phones i {
  font-size: 22px;
  color: #e5e5e5;
  font-style: normal;
  display: inline-block;
  border-right: 1px solid #bbb;
  padding-right: 20px;
  margin-right: 20px;
  letter-spacing: 1px;
  font-family: "Helvetica";
}

.cndns-banner-tex .phones i:last-child {
  border-right: 0;
}