@charset "UTF-8";
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;margin:0; }
img{
  border:0;display: inline-block;
}
.tran_scale{ overflow:hidden; display:block;}
.tran_scale:hover img{-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1); }
.bx-wrapper .bx-viewport{background: transparent!important;border:0!important;border-radius: initial!important;box-shadow:none!important;left:0!important;}
.bx-loading{display: none;}
.mCustomScrollBox{padding-right: 20px;}

a{color:#333;-webkit-transition: all .2s;-moz-transition: all .2s; -ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
a.more{position: relative;}
a.more span{position: relative;z-index: 2;}
a.more:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100px;
  background: rgba(255,255,255,0.3);
  transition: all .3s;
}
.no_touch a.more:hover:after{width: 100%;}

img.phone_img{display: none;}
@media only screen and (max-width: 767px){
  img.pc_img{display: none;}
  img.phone_img{display: block;}
}
/*无图——图片的父级要加relative,要设置高度。padding-bottom:30%; #ff809a ——*/
.err_position{background: #ff809a;}
.err_position img{width:auto!important;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.tran_scale:hover a.err_position img{-ms-transform: translate(-50%,-50%)!important;-webkit-transform: translate(-50%,-50%)!important;-moz-transform: translate(-50%,-50%)!important;-o-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;}
   


body{
  
}
html,body{}
body.n_body{margin:0 auto;overflow: visible;overflow-x: hidden;}
body.w1200{overflow: visible;height: auto;}











#section3{background: #f6f6f6;}
#section3 .iScrollVerticalScrollbar{display: none;}
.s1_con{position: absolute;top: 50%;left: 0px;right: 0px;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
}
.s1_con .left_box{float:left;width:50%;height: 555px;
  -webkit-transform:translateX(-100px);
  -moz-transform:translateX(-100px);
  -o-transform:translateX(-100px);
  -ms-transform:translateX(-100px);
  transform:translateX(-100px);
  overflow: hidden;}
.about_logo{display: none;}
/*logo动画*/

    /*logo图标盒子*/
    .box_logo{position: relative;width: 380px;height: 555px;
      float:right;overflow: hidden;opacity: 0;margin-right: 100px;
    }
    /*舞台*/
    .box_logo .box{
      width:300px;height:555px;
      position: absolute;
      left:50%;top:50%;
      -webkit-transform:translate(-50%,-50%);
      -moz-transform:translate(-50%,-50%);
      -o-transform:translate(-50%,-50%);
      -ms-transform:translate(-50%,-50%);
      transform:translate(-50%,-50%);
      -webkit-perspective: 800px;
      -moz-perspective: 800px;
      -ms-perspective: 800px;
      -o-perspective: 800px;
      perspective: 800px;

    }
    
    /*容器*/
    .box_logo .box .con{
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      z-index: 1;
      position: absolute;
      top:50%;left: 50%;
      -webkit-transform:translate(-50%,-50%);
      -moz-transform:translate(-50%,-50%);
      -o-transform:translate(-50%,-50%);
      -ms-transform:translate(-50%,-50%);
      transform:translate(-50%,-50%);
    }
    /*动画加到容器上.start_turn*/
    .box_logo .start_turn{
      -webkit-animation: photoRotate 1.2s ease-in-out;
      -moz-animation: photoRotate 1.2s ease-in-out;
      -ms-animation: photoRotate 1.2s ease-in-out;
      -o-animation: photoRotate 1.2s ease-in-out;
      animation: photoRotate 1.2s ease-in-out;
    }

    .box_logo .con>div{float: left;position: relative;}
    
    .box_logo .box0{width: 30px;height: 383px;
      -webkit-transform:rotateY(0deg) translateZ(130px) skewY(30deg);
      -moz-transform:rotateY(0deg) translateZ(130px) skewY(30deg);
      -ms-transform:rotateY(0deg) translateZ(130px) skewY(30deg);
      -o-transform:rotateY(0deg) translateZ(130px) skewY(30deg);
      transform:rotateY(0deg) translateZ(130px) skewY(30deg);
      position: relative;
      opacity: 0;
      top: -50px;
      -webkit-transition:transform 0.5s ease-in-out;
      -moz-transition:transform 0.5s ease-in-out;
      -o-transition:transform 0.5s ease-in-out;
      -ms-transition:transform 0.5s ease-in-out;
      transition:transform 0.5s ease-in-out;
    }
    .box_logo .box0_bg{position: absolute;top: 0px;left: 50%;
      -webkit-transform:translateX(-50%);
      -moz-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
      -o-transform:translateX(-50%);
      transform:translateX(-50%);
      width: 30px;height: 100%;background: #000;
      -webkit-transition:transform 0.5s ease-in-out;
      -moz-transition:transform 0.5s ease-in-out;
      -ms-transition:transform 0.5s ease-in-out;
      -o-transition:transform 0.5s ease-in-out;
      transition:transform 0.5s ease-in-out;
    }
    .box_logo .box1{width: 30px;height: 306px;
      margin-top:37px;
      position: relative;
      -webkit-transform: rotateY(-58deg) translateZ(130px);
      -moz-transform: rotateY(-58deg) translateZ(130px);
      -ms-transform: rotateY(-58deg) translateZ(130px);
      -o-transform: rotateY(-58deg) translateZ(130px);
      transform: rotateY(-58deg) translateZ(130px);
      opacity: 0;
      top: -50px;
      -webkit-transition:transform 0.5s ease-in-out;
      -moz-transition:transform 0.5s ease-in-out;
      -ms-transition:transform 0.5s ease-in-out;
      -o-transition:transform 0.5s ease-in-out;
      transition:transform 0.5s ease-in-out;
    }
    .box_logo .box1_bg{position: absolute;top: 0px;left: 50%;
      -webkit-transform:translateX(-50%);
      -moz-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
      -o-transform:translateX(-50%);
      transform:translateX(-50%);
      width: 90px;height: 100%;background: #f60;
      -webkit-transition:transform 0.5s ease-in-out;
      -moz-transition:transform 0.5s ease-in-out;
      -ms-transition:transform 0.5s ease-in-out;
      -o-transition:transform 0.5s ease-in-out;
      transition:transform 0.5s ease-in-out;
    }
    .box_logo .box2{width: 30px;height: 306px;
      margin-top:37px;
      position: relative;
      -webkit-transform: rotateY(58deg) translateZ(130px);
      -moz-transform: rotateY(58deg) translateZ(130px);
      -ms-transform: rotateY(58deg) translateZ(130px);
      -o-transform: rotateY(58deg) translateZ(130px);
      transform: rotateY(58deg) translateZ(130px);
      opacity: 0;
      top: -50px;
      -webkit-transition:transform 0.5s ease-in-out;
      -moz-transition:transform 0.5s ease-in-out;
      -ms-transition:transform 0.5s ease-in-out;
      -o-transition:transform 0.5s ease-in-out;
      transition:transform 0.5s ease-in-out;
    }
    .box_logo .box2_bg{position: absolute;top: 0px;left: 50%;
      -webkit-transform:translateX(-50%);
      -moz-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
      -o-transform:translateX(-50%);
      transform:translateX(-50%);
      width: 90px;height: 100%;background: #7d7d7d;
      -webkit-transition:transform 0.5s ease-in-out;
      -moz-transition:transform 0.5s ease-in-out;
      -ms-transition:transform 0.5s ease-in-out;
      -o-transition:transform 0.5s ease-in-out;
      transition:transform 0.5s ease-in-out;
    }
    
    .box_logo .box0.pos0{
      -webkit-transform:rotateY(0deg) translateZ(100px) skewY(30deg);
      -moz-transform:rotateY(0deg) translateZ(100px) skewY(30deg);
      -ms-transform:rotateY(0deg) translateZ(100px) skewY(30deg);
      -o-transform:rotateY(0deg) translateZ(100px) skewY(30deg);
      transform:rotateY(0deg) translateZ(100px) skewY(30deg);
    }
    .box_logo .box1.pos1{
      width: 30px;height: 290px;
      margin-top:45px;
      -webkit-transform: rotateY( -65deg ) translateZ(85px);
      -moz-transform: rotateY( -65deg ) translateZ(85px);
      -ms-transform: rotateY( -65deg ) translateZ(85px);
      -o-transform: rotateY( -65deg ) translateZ(85px);
      transform: rotateY( -65deg ) translateZ(85px);
    }
    .box_logo .box1.pos1 .box1_bg{width: 110px;}
    .box_logo .box2.pos2{
      width: 30px;height: 290px;
      margin-top:45px;
      -webkit-transform: rotateY( 65deg ) translateZ(85px);
      -moz-transform: rotateY( 65deg ) translateZ(85px);
      -ms-transform: rotateY( 65deg ) translateZ(85px);
      -o-transform: rotateY( 65deg ) translateZ(85px);
      transform: rotateY( 65deg ) translateZ(85px);
    }
    .box_logo .box2.pos2 .box2_bg{width: 110px;}

    .box_logo .text{font-size: 14px;position: absolute;width: 120px;}
    .box_logo .text h3{font-weight: normal;}
    .box_logo .text i{font-size: 12px;color: #999;}

    .box_logo .left .text{bottom: 45%;left:-90px;padding-left: 10px;}
    .box_logo .left .text em{opacity: 0;}
    .box_logo .left .text i{opacity: 0;position: relative;left: -33px;top:20px;}
    .box_logo .left .text span{display:inline-block;position: absolute;width: 0px;height: 1px;background: #f60;top:100%;left:-1px;opacity: 0;}


    .box_logo .center .text{bottom: -70px;left:-10px;}
    .box_logo .center .text em{opacity: 0;}
    .box_logo .center .text i{opacity: 0;position: relative;left: 0px;}
    .box_logo .center .text span{display:inline-block;position: absolute;width: 20px;height: 1px;background: #000;top:0%;left:0;opacity: 0;}


    .box_logo .right .text{bottom: 45%;right: -90px;}
    .box_logo .right .text em{opacity: 0;float: right;position: relative;right: 10px;}
    .box_logo .right .text i{opacity: 0;position: relative;float: right;top:22px;right: -25px;}
    .box_logo .right .text span{display:inline-block;position: absolute;width: 20px;height: 1px;background: #7d7d7d;top:100%;right:-1px;opacity: 0;}
    
    .box_logo .logo_text{width: 0px;height: 66px;line-height: 1.8;
      background: url(../images/about_tit.png) no-repeat;
      position: absolute;top:53%;right: 54px;
      z-index: 999999999;
      -webkit-transform:translateZ(2000px);
      -moz-transform:translateZ(2000px);
      -ms-transform:translateZ(2000px);
      -o-transform:translateZ(2000px);
      transform:translateZ(2000px);
    }
    
@-webkit-keyframes photoRotate {
  0% {
    -webkit-transform: rotateY(0deg) translate(-50%,-50%);
  }
  100% {
    -webkit-transform: rotateY(360deg) translate(-50%,-50%);
  }
}
@-moz-keyframes photoRotate {
  0% {
    -moz-transform: rotateY(0deg) translate(-50%,-50%);
  }
  100% {
    -moz-transform: rotateY(360deg) translate(-50%,-50%);
  }
}
@-o-keyframes photoRotate {
  0% {
    -o-transform: rotateY(0deg) translate(-50%,-50%);
  }
  100% {
    -o-transform: rotateY(360deg) translate(-50%,-50%);
  }
}
@keyframes photoRotate {
  0% {
    transform: rotateY(0deg) translate(-50%,-50%);
  }
  100% {
    transform: rotateY(360deg) translate(-50%,-50%);
  }
}
/*logo动画结束*/
/*ie,火狐下logo动画*/
.box_logo_2d{
  position: relative;width: 380px;height: 555px;
  float:right;overflow: hidden;margin-right: 130px;
  background: #f6f6f6;
  -webkit-transition:transform 0.5s ease-out;
  -moz-transition:transform 0.5s ease-out;
  -o-transition:transform 0.5s ease-out;
  -ms-transition:transform 0.5s ease-out;
  transition:transform 0.5s ease-out;
}

.box_logo_2d .text_2d{position: relative;}
.box_logo_2d .text_2d h3{
  font-size: 14px;position: absolute;width: 120px;
  top:50%;font-weight: normal;
}
.box_logo_2d .text_2d i{position: absolute;font-size: 12px;color: #999;}
.box_logo_2d .text_2d em{position: absolute;font-size: 12px;}
.box_logo_2d .text_2d span{
  display:inline-block;position: absolute;
  height: 1px;background: #7d7d7d;
}

.box_logo_2d .box_left{position: absolute;left:0px;top:0px;opacity: 0;}
.box_logo_2d .box_left h3{left: 47px;}
.box_logo_2d .box_left i{top: 20px;left: 0px;opacity: 0;}
.box_logo_2d .box_left em{left:0px;opacity: 0;}
.box_logo_2d .box_left span{width: 0px;left:0px;top:20px;background: #f60;}

.box_logo_2d .box_right{position: absolute;right:0px;top:0px;opacity: 0;}
.box_logo_2d .box_right h3{right: 47px;}
.box_logo_2d .box_right i{top:20px;right:0px;opacity: 0;}
.box_logo_2d .box_right em{right:0px;opacity: 0;}
.box_logo_2d .box_right span{width: 0px;top:20px;right:0px;}

.box_logo_2d .box_center{position: absolute;left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  transform:translateX(-50%);
  top:0;opacity: 0;z-index: 9;}
.box_logo_2d .box_center h3{bottom: -15px;top:auto;left:0px;opacity: 0;}
.box_logo_2d .box_center i{top:0px;left: 15px;opacity: 0;}
.box_logo_2d .box_center em{top:0px;left: 0px;}
.box_logo_2d .box_center span{display: none;}

.box_logo_2d .logo_text_2d{
  position: absolute;top:280px;right:50px;
  z-index: 10;opacity: 0;
  width: 0px;height: 70px;background: url(../images/logo_2d_text.png) no-repeat;
}

.s1_con .right_box{position: absolute;left: 50%;top:100px;float:right;width: 610px;z-index: 99;}
.right_box>h3{height: 80px;position: relative;font-weight: normal;}
.right_box>h3 span{display: inline-block;position: absolute;bottom: 0px;
  left: 0px;width: 100px;height: 1px;background-color: #2e2d33;
  -webkit-transition:width 0.5s ease-out;
  -moz-transition:width 0.5s ease-out;
  -o-transition:width 0.5s ease-out;
  -ms-transition:width 0.5s ease-out;
  transition:width 0.5s ease-out;
}
.right_box:hover>h3 span{width: 50px;}
.right_box div.p{color: #7d7d7d;line-height: 2;margin-top: 40px;}
.right_box div.more{margin-top: 90px;display: inline-block;overflow: hidden;}
.right_box div.more a{overflow: hidden;
  display: inline-block;width: 220px;height: 50px;
  line-height: 50px;text-align: center;border:1px solid #7d7d7d;
  -webkit-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
  -moz-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
  -o-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
  -ms-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
  transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
}
.right_box div.more a span{
  display:block;width:100%;height: 50px;line-height: 50px;
  text-align: center;
  -webkit-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  -moz-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  -o-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  -ms-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  position: relative;
}
.right_box div.more a span:after{content:attr(data-tit);
    position: absolute;height: 50px;
    top:0px;left:0px;right:0;
    color:transparent;
    -webkit-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -moz-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -o-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -ms-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    transform: translate(0,100%);
}
.right_box div.more a:hover span{color: transparent;
  -webkit-transform: translate(0,-100%);
  -moz-transform: translate(0,-100%);
  -ms-transform: translate(0,-100%);
  -o-transform: translate(0,-100%);
  transform: translate(0,-100%);
}
.right_box div.more a:hover{border:1px solid #f60;}
.right_box div.more a:hover span:after{background-color: #f60;color:#fff;}
@media only screen and (max-width: 1600px){
  .box_logo{margin-right: 80px;}
  .right_box>h3{height: 60px;}
  .right_box div.p{margin-top: 20px;}
  .right_box div.more{margin-top:50px;}
  .right_box div.more a{width: 160px;height: 40px;line-height: 40px;}
  .right_box div.more a span{height: 40px;line-height: 40px;}
  .right_box div.more a span:after{height: 40px;}
}
@media only screen and (max-width: 1366px){
  .box_logo{margin-right: 0px;}
  .box_logo .box0{height: 286px;
    -webkit-transform:rotateY(0deg) translateZ(122px) skewY(30deg);
    -moz-transform:rotateY(0deg) translateZ(122px) skewY(30deg);
    -o-transform:rotateY(0deg) translateZ(122px) skewY(30deg);
    -ms-transform:rotateY(0deg) translateZ(122px) skewY(30deg);
    transform:rotateY(0deg) translateZ(122px) skewY(30deg);
  }
  .box_logo .box0_bg{width: 27px;}
  .box_logo .box1{height: 230px;margin-top:26px;
    -webkit-transform: rotateY( -65deg ) translateZ(122px);
    -o-transform: rotateY( -65deg ) translateZ(122px);
    -moz-transform: rotateY( -65deg ) translateZ(122px);
    -ms-transform: rotateY( -65deg ) translateZ(122px);
    transform: rotateY( -65deg ) translateZ(122px);
  }
  .box_logo .box1_bg{width: 120px;}
  .box_logo .box2{height: 230px;margin-top:26px;
    -webkit-transform: rotateY( 65deg ) translateZ(122px);
    -moz-transform: rotateY( 65deg ) translateZ(122px);
    -ms-transform: rotateY( 65deg ) translateZ(122px);
    -o-transform: rotateY( 65deg ) translateZ(122px);
    transform: rotateY( 65deg ) translateZ(122px);
  }
  .box_logo .box2_bg{width: 120px;}
  .box_logo .box0.pos0{
    -webkit-transform:rotateY(0deg) translateZ(122px) skewY(30deg);
    -moz-transform:rotateY(0deg) translateZ(122px) skewY(30deg);
    -ms-transform:rotateY(0deg) translateZ(122px) skewY(30deg);
    -o-transform:rotateY(0deg) translateZ(122px) skewY(30deg);
    transform:rotateY(0deg) translateZ(122px) skewY(30deg);
  }
  .box_logo .box1.pos1{height: 239px;margin-top:22px;
    -webkit-transform: rotateY( -70deg ) translateZ(53px);
    -moz-transform: rotateY( -70deg ) translateZ(53px);
    -o-transform: rotateY( -70deg ) translateZ(53px);
    -ms-transform: rotateY( -70deg ) translateZ(53px);
    transform: rotateY( -70deg ) translateZ(53px);
  }
  .box_logo .box1.pos1 .box1_bg{width: 130px;}
  .box_logo .box2.pos2{height: 239px;margin-top:22px;
    -webkit-transform: rotateY( 70deg ) translateZ(56px);
    -moz-transform: rotateY( 70deg ) translateZ(56px);
    -o-transform: rotateY( 70deg ) translateZ(56px);
    -ms-transform: rotateY( 70deg ) translateZ(56px);
    transform: rotateY( 70deg ) translateZ(56px);
  }
  .box_logo .box2.pos2 .box2_bg{width: 130px;}
  .box_logo .center .text{bottom: -60px;}

  .box_logo .logo_text{right: 90px;background:url(../images/about_tit_1366.png) no-repeat;height:48px;}
  
  .s1_con .right_box{top: 150px;width: 520px;}
  .box_logo_2d{margin-right: 30px;}
}
@media only screen and (max-width: 1200px){
  #section3{height: auto!important;}
  .box_logo{display: none;}
  .box_logo_2d{display: none;}
  .about_logo{display: block;text-align:center;width: 50%;margin: 0 auto;}
  .about_logo img{max-width: 100%;}
  .s1_con .left_box{width:40%;
    -webkit-transform:translateX(45px);
    -moz-transform:translateX(45px);
    -ms-transform:translateX(45px);
    transform:translateX(45px);
    height: auto;}
  .s1_con .right_box{width: 40%;top:30px;}
  #bg-animation{height: 600px!important;width:100%!important;}
  .right_box>h3{height: 50px;}
  .right_box>div.p{line-height: 1.5;margin-top: 15px;}
}
@media only screen and (max-width: 1100px){
  .right_box div.more{margin-top:20px;width: 120px;}
  .right_box div.more a{height: 30px;line-height: 30px;width: 100%;box-sizing:border-box;}
  .right_box div.more a span{height: 30px;line-height: 29px;font-size: 12px;}
  .right_box div.more a span:after{height: 30px;}
}
@media only screen and (max-width: 1024px){
  #bg-animation{height: 500px!important;}
}
@media only screen and (max-width: 768px){
  .right_box>h3{height: auto;padding-bottom: 15px;line-height: 1.2;}
  #bg-animation{opacity: 0;}
}
@media only screen and (max-width: 700px){
  
  .s1_con{top: 0%;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    position: static;padding-bottom: 30px;}
  .s1_con .left_box{
    -webkit-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -o-transform:translateX(0px);
    -ms-transform:translateX(0px);
    transform:translateX(0px);
    float: none;margin:30px auto;}
  .s1_con .right_box{width: 100%;position: static;left: 0;padding:0 20px;box-sizing:border-box;}
  #bg-animation{display: none;}
}





/*内页 样式 */
h3 p.f_title{line-height: 0.9;}
h3 span.line{display:block;height: 1px;width:100px;}

.cl_box{position: relative;z-index: 9;}
.cl_con01{height: 700px;background: #f6f6f6 url(../images/cl_c01_bg.jpg) no-repeat center top;
  position: fixed;top: 0px;left: 0px;right:0;z-index: 1;
}
.cl_con01 .cl_c01_bg{width:100%;position: absolute;top: 0px;right: 0px;bottom: 0px;background: #f6f6f6;z-index: 0;}
.cl_con01 h3{z-index:5;text-align: center;width:840px;
  margin:170px auto 0;position: relative;
}
.cl_con01 h3 p{color: #000;}
.cl_con01 h3 span.line{margin-left:auto;margin-right:auto;width: 100px;background: #262626;}
.cl_con01 .p{position: relative;z-index:5;text-align: center;width: 840px;
  margin-left:auto;margin-right:auto;
  color: #7d7d7d;
}
.brand_con01 .commer_c01_bg{position: absolute;z-index: 2;height: 0;padding-bottom: 30%;
  width: 69%;bottom:0;left:0px;
  clip: rect(0px, 1920px, 1000px, 0px);
  background-size: cover!important;
}
.brand_con01 .commer_c01_bg.commer_ani{
  -webkit-animation: animateOne linear 4s;
  -ms-animation: animateOne linear 4s;
  animation: animateOne linear 4s;
}
@media only screen and (min-width: 1950px){
  .brand_con01 .commer_c01_bg{
    width: 62%;padding-bottom: 27%;
    clip: rect(0px, 1920px, 1000px, 0px);
  }
}
@media only screen and (max-width: 1440px){
.brand_con01 .commer_c01_bg{width: 87%;padding-bottom: 40%;}
}
@media only screen and (max-width: 1200px){
  .cl_con01{height: 550px;}
  .cl_con01 h3{margin-top: 150px;}
}
@media only screen and (max-width: 900px){
  .cl_con01{height: 400px;}
  .cl_con01 .p{width: 100%;box-sizing:border-box;padding:0 20px;}
  .cl_con01 h3{margin-top: 80px;width: 100%;}
}
@media only screen and (max-width: 767px){
  .cl_con01{position: relative!important;height: auto;padding-bottom: 90px;}
  .cl_con01 h3{margin-top: 40px;}
  .cl_con01 .p br{display: none;}
}

.commer_con01{height: 700px;background: url(../images/com_con01_bg.jpg) no-repeat center top;overflow: hidden;}
.commer_con01 h3 p{color: #fff;}
.commer_con01 h3 span.line{background:#fff;}
.commer_con01 .p{color: #e4e4e4;width: 850px;}
.commer_con01 .commer_c01_bg{position: absolute;z-index: 2;height: 0;padding-bottom: 25%;
  width: 81%;bottom:0;right:0px;
  clip: rect(0px, 2920px, 1000px, 0px);
  background-size: cover!important;
}
@media only screen and (max-width: 1440px){
  .commer_con01 .commer_c01_bg{bottom:15%;}
}
.ipadPro1024 .commer_con01 .commer_c01_bg{bottom: 0;}
.commer_con01 .commer_c01_bg.commer_ani{
  -webkit-animation: animateOne linear 4s;
  -ms-animation: animateOne linear 4s;
  animation: animateOne linear 4s;
}
@-webkit-keyframes animateOne {
  0% {
      clip: rect(0px, 0px, 1100px, 0px);
  }

  100% {
      clip: rect(0px, 2920px, 1100px, 0px);
  }
}
@keyframes animateOne {
  0% {
      clip: rect(0px, 0px, 1100px, 0px);
  }

  100% {
      clip: rect(0px, 2920px, 1100px, 0px);
  }
}

.activ_con01{background: url(../images/active_con01_bg.jpg) no-repeat center top;}
.activ_con01 .commer_c01_bg{padding-bottom:28.5%;bottom:-32px;}
/*@media only screen and (max-width: 1440px){
  .activ_con01 .commer_c01_bg{bottom:10%;}
}*/
.ipadPro1024 .activ_con01 .commer_c01_bg{bottom: 0;}
@media only screen and (max-width: 1200px){
  .commer_con01{height: 550px;}
  .commer_con01 h3{margin-top: 150px;}
  .commer_con01 .commer_c01_bg{bottom: 0;}
}
@media only screen and (max-width: 900px){
  .commer_con01{height: 400px;}
  .commer_con01 .p{width: 100%;box-sizing:border-box;padding:0 10px;}
  .commer_con01 h3{margin-top: 80px;width: 100%;padding:0 20px;box-sizing:border-box;}
}
@media only screen and (max-width: 767px){
  .commer_con01{position: relative!important;margin-top: 70px;height: auto;padding-bottom: 50px;top:0px!important;}
  .commer_con01 h3{margin-top: 50px;}
  .commer_con01 h3 p.f_title{line-height: 1.2;}
  .commer_con01 .p br{display: none;}
}

.cl_con02{height: 700px;background:#262626 url(../images/cl_logo_bg.jpg) no-repeat center;}
.commer_con02{background: #fff;}
.cl_con02 .cl_c02_logo{float:left;position: relative;/*top:-60px;*/
  /*入场动画*/
  top: 0px;opacity: 0;
}
.cl_con02 .cl_c02_text{float: right;width: 560px;
  /*入场动画*/
  position: relative;left: -20px;opacity: 0;
}
.cl_con02 .cl_c02_text h3{color: #fff;line-height: 1;margin-top:120px;position: relative;}
.cl_con02 .cl_c02_text h3 p{display: inline-block;}
.cl_con02 .cl_c02_text h3 em.en{color: #cecece;padding-left: 15px;}
.cl_con02 .cl_c02_text h3 span.line{background: #7d7d7d;width:100px;}
.cl_con02 .cl_c02_text div.p{color: #cecece;}
.cl_con02 .cl_c02_bottom{margin-top:30px;}
.cl_con02 .cl_c02_bottom dl:first-child{margin-left: 20px;}
.cl_con02 .cl_c02_bottom dl{float: left;width: 125px;text-align: center;
  margin-left:135px;position: relative;
  /*入场动画*/
  top: 10px;opacity: 0;
}
.cl_con02 .cl_c02_bottom dl dd{margin-top:25px;line-height: 1;color:#cecece;}
.p_f_02 .cl_con02{position: fixed;z-index:2; left:0; top:0; right:0; margin-top:0 !important;}

.commer_con02 .wrap{position: relative;}
.commer_con02 .text{position: absolute;top:40px;left: 0px;width:590px;opacity: 0;}
.commer_con02 .text h3 em.en{color:#7d7d7d;line-height: 0.8;display: inline-block;}
.commer_con02 .text h3 span.line{background: #cecece;}
.commer_con02 .text div.p{color:#7d7d7d;}
.commer_con02 .map_bg{text-align: right;position: relative;top: 250px;}
.commer_con02 .map_bg p{position: absolute;width: 97px;height:97px;text-align: center;z-index: 9;}
.commer_con02 .map_bg p.p1{top: 25%;left: 16%;}
.commer_con02 .map_bg p.p2{top: 15%;left: 37%;}
.commer_con02 .map_bg p.p3{top: -4%;left: 57%;}
.commer_con02 .map_bg p.p4{top: 26%;left: 67%;}
.commer_con02 .map_bg p.p5{top: 20%;left: 90%;}
.commer_con02 .map_bg p span{display: inline-block;font-size: 16px;margin-top: 10px;}
.commer_con02 .map_bg>img{
  -webkit-animation: rotateX 10s linear infinite;
  -moz-animation: rotateX 10s linear infinite;
  -ms-animation: rotateX 10s linear infinite;
  animation: rotateX 10s linear infinite;
}

@-webkit-keyframes rotateX{
  0%{
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
}
@keyframes rotateX{
  0%{
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
}
@media only screen and (max-width: 1440px){
  .commer_con02 .map_bg{top:165px;}
}
@media only screen and (max-width: 1366px){
  .cl_con02 .cl_c02_logo{width: 450px;}
  .cl_con02 .cl_c02_logo img{width: 100%;}
  .cl_con02 .cl_c02_text{width:600px;}
  .cl_con02 .cl_c02_text h3{margin-top: 70px;}
  .cl_con02 .cl_c02_bottom{margin-top:0;}
  .commer_con02 .text{width: 500px;}

}
@media only screen and (max-width: 1200px){
  .cl_con02{height: 550px;}
  .cl_con02 .cl_c02_bottom dl{width: 20%;margin:0;}
  .cl_con02 .cl_c02_bottom dl:first-child{margin:0;}
  .cl_con02 .cl_c02_text{width: 50%;padding-right: 50px;box-sizing:border-box;}

  .commer_con02 .text{left: 40px;}
  .commer_con02 .map_bg p.p1{top:16%;}
  .commer_con02 .map_bg p.p2{top:12%;}
  .commer_con02 .map_bg p.p3{left: 52%;}
  .commer_con02 .map_bg p.p4{top:12%;}
  .commer_con02 .map_bg p.p5{top:8%;left:81%;}

}
@media only screen and (max-width: 900px){
  .cl_con02{height: 500px;}
  .cl_con02 .cl_c02_logo{width: 50%;top:-30px!important;}
  .cl_con02 .cl_c02_text{width: 50%;box-sizing:border-box;padding:0 20px;float:left;}

  .commer_con02 .text{width: 300px;}
  .commer_con02 .map_bg p.p5{top: -2%;}
  .commer_con02 .map_bg p.p4{top: 8%;}
}
@media only screen and (max-width: 767px){
  .cl_con02{height: auto;padding-bottom: 30px;}
  .cl_con02 .cl_c02_logo{float: none;top: 0!important;}
  .cl_con02 .cl_c02_text{width: 100%;float: none;}
  .cl_con02 .cl_c02_text h3{margin-top: 30px;}
  .cl_con02 .cl_c02_bottom{margin-top: 20px;}
  .cl_con02 .cl_c02_bottom dl dt{width: 50%;margin:0 auto;}
  .cl_con02 .cl_c02_bottom dl dt img{max-width: 100%;}
  .cl_con02 .cl_c02_bottom dl dd{font-size: 12px;line-height: 1.2;}

  .commer_con02{height: auto;}
  .commer_con02 .text{position: static;margin: 40px 0 0 0px;padding-left: 20px;box-sizing:border-box;}
  .commer_con02 .map_bg{position: static;margin-top: 30px;}
  .commer_con02 .map_bg p{position: static;float: left;width: 20%;}
  .commer_con02 .map_bg p img{max-width: 80%;}
  .commer_con02 .map_bg p span{font-size: 12px;display: block;}
  .commer_con02 .map_bg>img{display: none;}

}

.cl_con03{height:700px;background: #e4e4e4;}
.cl_con03 .cl_c03_text{width: 550px;margin:80px auto 0;text-align: center;}
.cl_con03 .cl_c03_text h3{position: relative;/*入场动画*/top:10px;opacity: 0;}
.cl_con03 .cl_c03_text h3 p{color: #262626;}
.cl_con03 .cl_c03_text h3 span.line{margin-left:auto;margin-right:auto;background: #383838;}
.cl_con03 .cl_c03_text div.p{color: #7d7d7d;position: relative;/*入场动画*/top:10px;opacity: 0;}

.c03_bottom_line{width: 17%;height: 1px;background: #acacac;position: absolute;}
.commer_con03 .c03_bottom_line{bottom: 303px;}
.brand_con03 .c03_bottom_line{bottom: 302px;}
.left_line{left: 0px;}
.left_line span{display: inline-block;background: #f60;width: 0%;height: 100%;position: absolute;}
.right_line{right: 0px;}
.right_line span{display: inline-block;background: #f60;width: 0%;height: 100%;position: absolute;}
.cl_c03_bottom{margin-top:90px;position: relative;}
.cl_c03_bottom .c03_lay{width: 1020px;margin:0 auto;}
.cl_c03_bottom dl{width: 240px;float: left;position: relative;display: inline-block;}
.cl_c03_bottom dl dt{height: 51px;line-height: 51px;width:51px;margin-left: 4px;position: relative;}
.cl_c03_bottom dl dt img{vertical-align:middle;}
.cl_c03_bottom dl dt em{position: absolute;left: 0px;top:0;width: 0px;overflow: hidden;}

.cl_c03_bottom dl dd.dian{border:1px solid #acacac;width: 18px;height: 18px;
  border-radius: 100%;position: relative;
  margin:20px 0 20px 18px;
}
.cl_c03_bottom dl dd.dian span{display:inline-block;position: absolute;left: 3px;top:3px;
  width: 12px;height: 12px;border-radius: 100%;background: #acacac;
}
.cl_c03_bottom dl dd.line{width: 86%;height: 1px;background: #acacac;
  position: absolute;top: 80px;left: 45px;
}
.cl_c03_bottom dl dd.line span{position: absolute;background: #f60;display: inline-block;width: 0%;height: 1px;}
.cl_c03_bottom dl dd.text{width: 60px;}
.cl_c03_bottom dl:last-child{width: auto;}
.cl_c03_bottom dl:last-child dd.line{display: none;}

.p_f_03 .cl_con03{position: fixed;z-index:3; left:0; top:0; right:0; margin-top:0 !important;}

.commer_con03{background: url(../images/commer_con03_bg.jpg) no-repeat center top;}
.commer_con03 .cl_c03_text{width:700px;}
.commer_con03 .cl_c03_text h3{}
.commer_con03 .cl_c03_text h3 p{color: #fff;}
.commer_con03 .cl_c03_text h3 span.line{background: #fff;}
.commer_con03 .cl_c03_text div.p{color: #ccc;}
.commer_con03 dl{width: 236px;}
.commer_con03 dl dt{height: 54px;width: 67px;}
.commer_con03 dl dd.text{height: 54px;line-height:54px;width: 80px;color: #fff;margin-left: -5px;}
.commer_con03 dl dd.dian{width: 5px;height: 5px;background: #cdcdcd;border:0;margin:24px 0 20px 25px;}
.commer_con03 dl dd.dian span{width: 1px;height: 30px;border-left: 1px dashed #fff;border-radius: 0;left:2px;top:10px;background: transparent;}
.commer_con03 dl dd.line{left: 30px;width: 100%;}

.commer_con03 dl:nth-child(2) dd.dian span{ top:-35px;}
.commer_con03 dl:nth-child(3) dt{margin-left:-8px;}
.commer_con03 dl:nth-child(4) dd.dian span{ top:-35px;}
.commer_con03 dl:nth-child(4) dd.text{margin-left: -10px;}
.commer_con03 dl:nth-child(5) dt{margin-left:-6px;}
.commer_con03 dl:nth-child(5) dd.text{margin-left: -10px;}

.xq_bnt{text-align: center;margin-top: 70px;}
.xq_bnt a{
    display: inline-block;width: 280px;height: 50px;line-height: 50px;text-align: center;
    border:1px solid #f60;border-radius: 10px;
}
.xq_bnt a img{margin-top: 13px;}

@media only screen and (max-width: 1600px){
  .commer_con03 .c03_bottom_line{bottom: 297px;}
  .brand_con03 .c03_bottom_line{bottom: 308px;}
}
@media only screen and (max-width: 1366px){
  .cl_con03 .cl_c03_text{margin-top: 50px;}
  .cl_c03_bottom{margin-top: 50px;}
  .commer_con03 .c03_bottom_line{bottom: 379px;}
  .isIe .commer_con03 .c03_bottom_line{bottom: 363px;}
  .brand_con03 .c03_bottom_line{bottom: 379px;}
  .xq_bnt{margin-top: 40px;}
}
@media only screen and (max-width: 1200px){
  .cl_con03{height: 550px;}
  .cl_c03_bottom{margin-top: 20px;}
  .cl_c03_bottom .c03_lay{width: 100%;padding:0 40px;box-sizing:border-box;}
  .brand_con03 .c03_bottom_line{/*bottom: 310px*/display: none;}

  .commer_con03 .c03_bottom_line{bottom:200px;}
  .commer_con03 dl{width:23%;}
}
@media only screen and (max-width: 1100px){
  .commer_con03 .c03_bottom_line{bottom:289px;}
}
@media only screen and (max-width: 1024px){
  .cl_c03_bottom dl{width: 22%;}
  .cl_c03_bottom .c03_lay{transform:translateX(30px);}
  .commer_con03 .c03_bottom_line{bottom: 197px;}
}
@media only screen and (max-width: 900px){
  .cl_con03{height: 500px;}
  .cl_c03_bottom .c03_lay{transform:translateX(20px);}
  .commer_con03 .c03_bottom_line{bottom: 255px;}
}
@media only screen and (max-width: 767px){
  .xq_bnt{margin-top:30px;}
  .xq_bnt a{width: 190px;height: 45px;line-height: 45px;}
  .xq_bnt a img{margin-top: 10px;}

  .cl_con03{height: auto;padding-bottom: 30px;}
  .cl_con03 .cl_c03_text{width: 100%;padding:0 20px;box-sizing:border-box;margin-top:50px;}

  .cl_c03_bottom .c03_lay{padding:0;transform:translateX(12px);}
  .cl_c03_bottom{margin-top: 20px;}
  .cl_c03_bottom dl{width: 20%;margin-bottom: 20px;}
  .cl_c03_bottom dl dt{width: 35px;margin-left: 12px;}
  .cl_c03_bottom dl dt em{width: 35px!important;opacity: 0;}
  .cl_c03_bottom dl dt img{width: 100%;}
  .brand_con03 .cl_c03_bottom dl dd.line{width: 70%;top: 70px;left:41px;}
  .brand_con03 .cl_c03_bottom dl dd.dian{margin:12px 0 12px 22px;width:12px;height: 12px;}
  .brand_con03 .cl_c03_bottom dl dd.dian span{width: 8px;height: 8px;top: 2px;left: 2px; }
  .cl_c03_bottom dl dd.text{font-size: 12px;text-align: center;}
  .brand_con03 .c03_bottom_line{bottom: 223px;display: none;}
  .brand_con03 .c03_bottom_line.right_line{bottom: 91px;width: 40px!important;}

  .cl_c03_bottom{overflow: hidden;}

  .commer_con03 .c03_bottom_line.right_line{bottom:116px;width:155px!important;}
  .commer_con03 .c03_bottom_line{bottom: 269px;display: none;}

  .commer_con03 h3 p.f_title{line-height: 1.2;}
  .commer_con03 dl dt{width:35px;}
  .commer_con03 dl dd.text{margin:0;}
  /*.commer_con03 dl dd.line{left:22px;top:66px;}*/
  .commer_con03 .cl_c03_bottom dl{width: 20%;}
  .commer_con03 .cl_c03_bottom dl dt em{width: 35px!important;opacity: 0;}
  .commer_con03 .cl_c03_bottom dl dt img{width: 100%;}
  .commer_con03 .cl_c03_bottom dl dd{font-size: 12px;}
  .commer_con03 .cl_c03_bottom dl dd.line{width: 100%;}
  .commer_con03 .cl_c03_bottom .c03_lay{padding:0;}
  .commer_con03 dl dd.dian span{top: 5px;}
  .commer_con03 dl:nth-child(2) dd.dian span{top: -30px;}
  .commer_con03 dl:nth-child(4) dd.dian span{top: -30px;}
  .commer_con03 dl:nth-child(3) dt{margin-left: 11px;}
  .commer_con03 dl:nth-child(5) dt{margin-left: 11px;}
  
  .commer_con03 .c03_lay{transform:translateX(8px);}
  .commer_con03 dl dd.text{margin-left: 0!important;}
  .commer_con03 dl:nth-child(1) dd.text{margin-left: -12px!important;}
  .commer_con03 dl:nth-child(2) dd.text{margin-left: -12px!important;}
  .commer_con03 dl:nth-child(3) dd.text{margin-left: -12px!important;}
  .commer_con03 dl:nth-child(4) dd.text{margin-left: -12px!important;}
  .commer_con03 dl:nth-child(5) dd.text{margin-left: -12px!important;}
  
}
@media only screen and (max-width: 375px){
  .brand_con03 .c03_lay{transform:translateX(8px);}
  .commer_con03 .c03_lay{transform:translateX(12px);}
}
@media only screen and (max-width: 320px){
  .cl_c03_bottom dl dd.line{width: 60%;}
  .brand_con03 .c03_lay{transform:translateX(3px);}
  .commer_con03 .c03_lay{transform:translateX(3px);}
}

.ipadPro1366 .commer_con03 .c03_bottom_line{bottom: 197px;}
.ipadPro1024 .commer_con03 .c03_bottom_line{bottom: 305px;}

.cl_con04>div{position: relative;}
.cl_con04>div .text{position: absolute;z-index: 5;}
.cl_con04>div .text p{margin-top: 10px;}
.cl_con04 .cl_con04_img{height: 700px;overflow: hidden;}
.cl_con04 .cl_con04_img .text{color: #fff;left: 65%;top: 50%;}
.cl_con04 .cl_con04_img a{
  display: block;width:100%;height: 100%;
  background-position:center top;
  background-repeat: no-repeat;
  background-color: #2a2a2a;
  position: relative;
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  transition:all 0.5s;
  box-sizing:border-box;
}
.cl_con04 .cl_con04_img a:hover{
  -webkit-transform:scale(1.02);
  -moz-transform:scale(1.02);
  -ms-transform:scale(1.02);
  transform:scale(1.02);
}
.cl_con04 .cl_con05_img{height:700px;overflow: hidden;}
.cl_con04 .cl_con05_img .text{
  width: 225px;height:70px;
  padding:35px 60px;
  background: rgba(0,0,0,0.8);
  color: #fff;left: 20%;top: 50%;
}
.commer_con04 .cl_con04_img .text{left:20%;}
.commer_con04 .cl_con05_img .text{left:65%;}
.cl_con04 .cl_con05_img a{
  display: block;width:100%;height: 100%;
  background-position:center top;
  background-repeat: no-repeat;
  background-color: #c9c9cb;
  position: relative;
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  transition:all 0.5s;
  box-sizing:border-box;
}
.cl_con04 .cl_con05_img a:hover{
  -webkit-transform:scale(1.02);
  -moz-transform:scale(1.02);
  -ms-transform:scale(1.02);
  transform:scale(1.02);
}

.cl_con04 .cl_con06_a{background: #fff;text-align: center;}
.cl_con04 .cl_con06_a a{color: #131313;line-height: 1;display: inline-block;width:100%;padding:105px 0;}
.cl_con04 .cl_con06_a:hover{background: #f60;
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  transition:all 0.5s;
}
.cl_con04 .cl_con06_a:hover a{color: #fff;}

.p_f_04 .cl_con04{position: fixed;z-index:4; left:0; top:0; right:0; margin-top:0 !important;}

@media only screen and (max-width: 1366px){
  .cl_con04 .cl_con05_img .text{
    width: 180px;height:auto;
    left: 10%;top: 50%;padding:30px;
  }
  .commer_con04 .cl_con05_img .text{left: 75%;}
}
@media only screen and (max-width: 1200px){
  .cl_con04 .cl_con04_img,.cl_con04 .cl_con05_img{height: 550px;}
  .cl_con04 .cl_con04_img a,.cl_con04 .cl_con05_img a{
    background-size: cover;
  }
  .cl_con04 .cl_con06_a a{padding:50px 0;}
}
@media only screen and (max-width: 900px){
  .cl_con04 .cl_con04_img,.cl_con04 .cl_con05_img{height: 500px;}
  .commer_con04 .cl_con04_img .text{left: 5%;}
}
@media only screen and (max-width: 767px){
  .cl_con04 .cl_con04_img, .cl_con04 .cl_con05_img{height: 250px;}
  .cl_con04>div .text p{margin-top: 0;}
  .cl_con04 .cl_con04_img .text{top: 30%;padding:10px;box-sizing:border-box;left:65%;}
  .cl_con04 .cl_con05_img .text{width: 25%;padding:10px;left: 0;top:35%;}

  .cl_con04.commer_con04 .cl_con05_img .text{left:auto;right:0;top:30%;}
  .cl_con04.commer_con04 .cl_con04_img .text{left: 15px;right: auto;top: 30%;width: 25%;}

}
@media only screen and (max-width: 380px){
  .cl_con04 .cl_con04_img, .cl_con04 .cl_con05_img{height: 200px;}
}
@media only screen and (max-width: 320px){
  .cl_con04 .cl_con04_img .text{left: 63%;}
  .cl_con04 .cl_con04_img .text p{font-size: 12px;}
}
.cl_con04 .cl_con04_img .text p em{padding-right: 10px;}
.cl_con04.busi_con04 .cl_con04_img .text p em{padding-right: 0px;}


.cl_con04>div .text p em{padding-right: 10px;}
@media only screen and (max-width: 767px){
  .cl_con04 .cl_con04_img .text p em{white-space:nowrap;display: block;}
  .cl_con04>div .text p em{white-space:nowrap;display: block;}
  .cl_con04.commer_con04 .cl_con05_img .text{width: 25%;}
}

/* .service{margin-top:50px;overflow-x: hidden;} */
.service h3{color: #000;margin-top:100px;position: relative;}
.service h3 em.en{color: #7d7d7d;display: block;line-height: 1;}
.service h3 span.line{background: #4cd5e7;}
.service div.p{color: #7d7d7d;}
.service ul{margin-top: 15px;}
.service li{width: 130px;float: left;color: #fff;margin-right: 70px;margin-top: 30px;}
.service li img{max-width: 100%;
  -webkit-transition:transform 0.5s ease-out;
  -moz-transition:transform 0.5s ease-out;
  -ms-transition:transform 0.5s ease-out;
  transition:transform 0.5s ease-out;
  margin-left: 13px;
}
.service li p{line-height: 1.8;height: 45px;color: #fff;}
/*.service li:hover img{transform:translateY(10px);}*/

.service .serv_text_w h3{color: #fff;}
.service .serv_text_w h3 em.en{color: #fff;}

.service .serv_text_w h3 span.line{background: #fff;}
.service .serv_text_w div.p{color: #fff;}
.service .serv_text_w div.more a{color: #fff;border:1px solid #fff;}
.service .serv_text_w div.more a:hover{border:1px solid #fff;}
.service .serv_text_w div.more a:hover span:after{background-color: #fff;color: #f60;}

.service .serv_con{height: 760px;position: relative;}

@media only screen and (max-width: 1366px){
  .service .serv_con{height: 700px;}
  .service h3{margin-top: 150px;}
  .service li{margin-top: 10px;margin-right: 50px;}
}
@media only screen and (max-width: 1280px){
  .service .serv_con{height: 580px;}
  .service li{margin-right: 30px;}
}
@media only screen and (max-width: 1024px){
  .service{margin-top:0px;}
  .service h3{margin-top: 70px;}
  .service .serv_con{height: 500px;}
  .service li{width: 33.33%;margin-right: 0;}
}
@media only screen and (max-width: 1000px){
  .service li{padding-right: 5%;box-sizing:border-box;}
}
@media only screen and (max-width: 650px){
  .service h3{margin-top: 20px;}
  .service .serv_con{height: auto;padding-bottom: 50px;box-sizing:border-box;}
  .service li img{margin-left: 5px;}

}



.service .serv_con01{background: #fff;}
.serv_con01 .serv_c01_left{width: 50%;
  /*动画*/
  position: relative;
  left: -100px;
  opacity: 0;
}
.serv_con01 .serv_c01_left .c01_l_con{width: 600px;float:right;}
.serv_con01 .serv_c01_left li p{color: #7d7d7d;}
.serv_con01 .serv_c01_left li:nth-child(3) img{margin-left: 27px}
.serv_con01 .serv_c01_right{position: absolute;left: 35%;
  right:-100px;opacity: 0;top:10%;
}
.serv_con01 .serv_c01_right .c01_r_con{float: right;}
.serv_con01 .serv_c01_right .c01_r_con img{width: 100%;}
@media only screen and (max-width: 1366px){
  .serv_con01 h3{margin-top: 70px;}
}
@media only screen and (max-width: 1280px){
  .serv_con01 .serv_c01_left .c01_l_con{width: 95%;}
}
@media only screen and (max-width: 1024px){
  .serv_con01 .serv_c01_right{top: 25%;}
}
@media only screen and (max-width: 650px){
  .serv_con01 h3{margin-top: 20px;}
  .serv_con01 .serv_c01_left .c01_l_con{width: 100%;padding:0 20px;box-sizing:border-box;}
  .serv_con01 .serv_c01_right{position: static;}
  .serv_con01 .serv_c01_right .c01_r_con{float: none;}
  .serv_con01 .serv_c01_left{width:100%;}

  .serv_con01 .serv_c01_left li:nth-child(3) img{margin-left: 15px;}

}
@media only screen and (max-width: 320px){
  .serv_con01 .serv_c01_left li:nth-child(4){padding-right: 1%;}
}

.service .serv_con02{background: #f60;}
.serv_con02 .serv_c02_left{width:50%;height: 100%;}
.serv_con02 .serv_c02_left .c02_l_con{width:100%;height:100%;position: relative;}
.serv_con02 .serv_c02_left .c02_l_con p{position: absolute;}
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(1){left: 60%;}
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(2){left: 40%;top:40%;}
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(3){left: 5%;bottom: 30px;}
.serv_con02 .serv_c02_left .c02_l_con p:nth-child(4){top: 50%;right:0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.serv_con02 .serv_c02_right{position: absolute;left: 50%;right: 0px;top: 0px;opacity: 0;}
.serv_con02 .serv_c02_right .c02_r_con{width: 600px;float:left;margin-left: 80px;}
.serv_con02 .serv_c02_right li:nth-child(3) img{margin-left: 27px}
@media only screen and (max-width: 1600px){
  .serv_con02 .serv_c02_left .c02_l_con p:nth-child(2){left: 20%;top:40%;}
}
@media only screen and (max-width: 1280px){
  .serv_con02 .serv_c02_right .c02_r_con{width: 95%;}
}
@media only screen and (max-width: 1024px){
  .serv_con02 .serv_c02_right .c02_r_con{width: 95%;margin-left: 0px;padding-left: 60px;
    box-sizing:border-box;}
  .serv_con02 .serv_c02_left .c02_l_con p:nth-child(2){left: 5%;top:30%;}
  .serv_con02 .serv_c02_left .c02_l_con p:nth-child(3){left: 60%;}

}
@media only screen and (max-width: 650px){
  .serv_con02 .serv_c02_left{width: 100%;}
  .serv_con02 .serv_c02_left .c02_l_con p{position: static;}
  .serv_con02 .serv_c02_left .c02_l_con p img{max-width: 100%;}
  .serv_con02 .serv_c02_left .c02_l_con p:nth-child(1){position: absolute;top: 0px;left: 0px;}
  .serv_con02 .serv_c02_left .c02_l_con p:nth-child(2){display: none;}
  .serv_con02 .serv_c02_left .c02_l_con p:nth-child(3){display: none;}
  .serv_con02 .serv_c02_left .c02_l_con p:nth-child(4){
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    transform:translateY(0px);
    padding:10px;
  }
  .serv_con02 .serv_c02_right{width: 100%;position: static;}
  .serv_con02 .serv_c02_right .c02_r_con{padding:0 20px;width: 100%;}
  .serv_con02 .serv_c02_right li:nth-child(3) img{margin-left: 20px;}
}

.service .serv_con03{background: #000;}
.serv_con03 .serv_c03_left{width:50%;height: 100%;
  position: relative;
  left: -100px;
  opacity: 0;
}
.serv_con03 .serv_c03_left .c03_l_con{width: 600px;float:right;}
.serv_con03 .serv_c03_left li p{color: #7d7d7d;}
.serv_con03 .serv_c03_left div.p{color: #7d7d7d;}
.serv_con03 .serv_c03_left h3 em.en{color: #7d7d7d;}
.serv_con03 .serv_c03_left h3 span.line{background: #7d7d7d;}
.serv_con03 .serv_c03_right{position: absolute;left: 50%;top: 50%;right:-100px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
}
.serv_con03 .serv_c03_right .c03_r_con{float: right;}
.serv_con03 .serv_c03_right .c03_r_con img{width: 100%;}
@media only screen and (max-width: 1280px){
  .serv_con03 .serv_c03_left .c03_l_con{width: 95%;}
}
@media only screen and (max-width: 650px){
  .serv_con03 .serv_c03_left{float: none;width:100%;padding:20px 20px 0;box-sizing:border-box;}
  .serv_con03 .serv_c03_left .c03_l_con{width:100%;}
  .serv_con03 .serv_c03_right{float: none;width: 100%;
    position: static;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
    box-sizing:border-box;padding:20px 0 0 20px;
  }
  .serv_con03 .serv_c03_left li:nth-child(3) img{margin-left: 8px;}

}

.service .serv_con04{background: #333;}
.serv_con04 h3{margin-top: 200px;}
.serv_con04 .serv_c04_left{width:50%;height: 100%;
  opacity: 0;
}
.serv_con04 .serv_c04_left .c04_l_con{width:100%;height:100%;position: relative;}
.serv_con04 .serv_c04_left .c04_l_con p{position: absolute;}
.serv_con04 .serv_c04_left .c04_l_con p:nth-child(1){left: 20%;top:80px;}
.serv_con04 .serv_c04_left .c04_l_con p:nth-child(2){top:80px;z-index: 5;left:45%;}
.serv_con04 .serv_c04_left .c04_l_con p:nth-child(3){left: 20%;bottom: 50px;}
.serv_con04 .serv_c04_left .c04_l_con p:nth-child(4){left: 40%;top:0px;z-index: 4;opacity: 0;}
.serv_con04 .serv_c04_right{position: absolute;left: 50%;right: 0px;top: 0px;}
.serv_con04 .serv_c04_right .c04_r_con{width: 600px;float:left;margin-left: 80px;
  position: relative;
  right: -100px;
  opacity: 0;
}
.serv_con04 .serv_c04_right li p{color: #c4c4c4;}
.serv_con04 .serv_c04_right div.p{color: #c4c4c4;}
.serv_con04 .serv_c04_right h3 em.en{color: #c4c4c4;}
.serv_con04 .serv_c04_right h3 span.line{background: #c4c4c4;}
.serv_con04 .serv_c04_right li{width: auto;}
.serv_con04 .serv_c04_right li:nth-child(1) img{margin-left: 15px;}
.serv_con04 .serv_c04_right li:nth-child(2) img{margin-left: 35px;}
.serv_con04 .serv_c04_right li:nth-child(3) img{margin-left: 10px;}
@media only screen and (max-width: 1440px){
  .serv_con04 .serv_c04_left{
    -webkit-transform:translateX(-100px);
    -moz-transform:translateX(-100px);
    -ms-transform:translateX(-100px);
    transform:translateX(-100px);
  }
}
@media only screen and (max-width: 1366px){
  .serv_con04 li{margin-right: 100px;}
}
@media only screen and (max-width: 1280px){
  .serv_con04 .serv_c04_right .c04_r_con{width: 95%;}
}
@media only screen and (max-width: 1024px){
  .serv_con04 h3{margin-top: 70px;}
  .serv_con04 .serv_c04_left .c04_l_con p:nth-child(1){top:50px;z-index: 5;}
  .serv_con04 .serv_c04_left .c04_l_con p:nth-child(2){top: 30px;}
  .serv_con04 .serv_c04_left .c04_l_con p:nth-child(3){bottom:0;display: none;}
  .serv_con04 .serv_c04_right .c04_r_con{margin-left: 0;padding-left: 50px;box-sizing:border-box;}
  .serv_con04 li{margin-right: 0px;padding-right: 70px;box-sizing:border-box;}
}
@media only screen and (max-width: 1000px){
  .serv_con04 .serv_c04_right .c04_r_con{padding-left: 85px;}
  .serv_con04 li{padding-right: 20px;}
}
@media only screen and (max-width: 650px){
  .serv_con04 h3{margin-top: 20px;}
  .serv_con04 li{padding-right: 18px;}
  .serv_con04 .serv_c04_left{width: 100%;height: auto;
    -webkit-transform:translate(0px,0px);
    -moz-transform:translate(0px,0px);
    -ms-transform:translate(0px,0px);
    transform:translate(0px,0px);
    box-sizing:border-box;padding-left: 30px;padding-right: 10px;padding-top: 20px;
  }
  .serv_con04 .serv_c04_left .c04_l_con p{position: static;}
  .serv_con04 .serv_c04_left .c04_l_con p:nth-of-type(1){position: absolute;top: 5px;left: 75px;}
  .serv_con04 .serv_c04_left .c04_l_con p:nth-of-type(1) img{max-width: 85%;}
  .serv_con04 .serv_c04_left .c04_l_con p:nth-child(2) img{max-width: 60%;}
  .serv_con04 .serv_c04_left .c04_l_con p:nth-child(4){display: none;}
  .serv_con04 .serv_c04_right{position: static;width: 100%;margin-top: 20px;}
  .serv_con04 .serv_c04_right .c04_r_con{padding: 0 20px;}
  .serv_con04 .serv_c04_right li{width: 33.33%;text-align: center;}
  .serv_con04 .serv_c04_right li:nth-child(1){text-align: left;}
  .serv_con04 .serv_c04_right li:nth-child(1) img{margin-left: 10px;}
  .serv_con04 .serv_c04_right li:nth-child(2) img{margin-left: 0;}
  .serv_con04 .serv_c04_right li:nth-child(3) img{margin-left: 0;}
}

.ser_ico{height: 860px;background: url(../images/ser_ico_bg.jpg) no-repeat center top;}
.ser_ico h3{text-align: center;}
.ser_ico h3 span.line{background: #000;margin-left: auto;margin-right:auto;}

.ser_ico_con .s2_r_con{
  width: 48%;float: left;
  position: relative;
  -webkit-transition:all 0.3s ease-out;
  -moz-transition:all 0.3s ease-out;
  -ms-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
  height: 190px;
  margin-top: 70px;
  margin-right: 4%;
  opacity: 0;
}
.ser_ico_con .s2_r_con:nth-of-type(3n){
  margin-right: 4%;
}
.ser_ico_con .s2_r_con:nth-of-type(2n){
  margin-right: 0%;
}
.ser_ico_con .s2_r_con dl{position: absolute;left: 50%;top: 50%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width: 100%;}
.ser_ico_con .s2_r_con dl dt{margin:0 auto;position: relative;}
.ser_ico_con .s2_r_con dl dd{text-align: center;margin-top: 30px;height: 120px;}
.ser_ico_con .s2_r_con dl dd h4{height: 40px;color: #2e2d33;position: relative;}
.ser_ico_con .s2_r_con dl dd h4 span{display:inline-block;
  position: absolute;left: 50%;bottom: 0px;
  width: 30px;height: 1px;background: #2e2d33;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  -webkit-transition:width 0.5s ease-out;
  -moz-transition:width 0.5s ease-out;
  -ms-transition:width 0.5s ease-out;
  transition:width 0.5s ease-out;
}
.ser_ico_con .s2_r_con dl dd div.p{color: #7d7d7d;line-height: 1.8;margin-top: 12px;opacity: 0;
  -webkit-transition:opacity 0.3s ease-out;
  -moz-transition:opacity 0.3s ease-out;
  -ms-transition:opacity 0.3s ease-out;
  transition:opacity 0.3s ease-out;
}
.ser_ico_con .s2_r_con dl dd div.p span{padding:0 10px;white-space:nowrap;}

.ser_ico_con .s2_r_con01 dt{width: 46px;height: 39px;}
.ser_ico_con .s2_r_con01 dt span{position: absolute;}
.ser_ico_con .s2_r_con01 dt span:nth-child(1){top: 6px;left: 50%;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
}
.ser_ico_con .s2_r_con01 dt span:nth-child(2){top: 15px;left: 7px;}
.ser_ico_con .s2_r_con01 dt span:nth-child(3){top: 18px;left: 7px;}

.ser_ico_con .s2_r_con02 dt{width: 27px;height: 40px;}
.ser_ico_con .s2_r_con02 dt span{position: absolute;}
.ser_ico_con .s2_r_con02 dt span:nth-child(1){top: 10px;left: 120%;}

.ser_ico_con .s2_r_con03 dt{width: 45px;height: 36px;}
.ser_ico_con .s2_r_con03 dt span{position: absolute;}
.ser_ico_con .s2_r_con03 dt span:nth-child(1){top: 4px;left: 44px;}
.ser_ico_con .s2_r_con03 dt span:nth-child(2){top: -1px;left: 45px;}
.ser_ico_con .s2_r_con03 dt span:nth-child(3){top: -6px;left: 46px;}

.ser_ico_con .s2_r_con04 dt{width: 34px;height: 31px;}
.ser_ico_con .s2_r_con04 dt span{position: absolute;height:17px;display: inline-block;}
.ser_ico_con .s2_r_con04 dt span:nth-child(1){top: 14px;left: 25px;}
.ser_ico_con .s2_r_con04 dt span:nth-child(2){top: 18px;left: 31px;}

.ser_ico_con .s2_r_con05 dt{width: 46px;height: 32px;}
.ser_ico_con .s2_r_con05 dt span{position: absolute;}
.ser_ico_con .s2_r_con05 dt span:nth-child(1){top: 16px;left: 33px;}
.ser_ico_con .s2_r_con05 dt span:nth-child(2){top: 15px;left: 44px;}

.ser_ico_con .s2_r_con06 dt{width: 30px;height: 31px;}
.ser_ico_con .s2_r_con06 dt span{position: absolute;}
.ser_ico_con .s2_r_con06 dt span:nth-child(1){top: -10px;left: 20px;}
.ser_ico_con .s2_r_con06 dt span:nth-child(2){top: -10px;left: 35px;}


.ser_ico_con .s2_r_con:hover dl dd h3 span{width: 95px;background: #f60;}
.ser_ico_con .s2_r_con:hover dl dd div.p{opacity: 1;}

.ser_ico_con .s2_r_con01:hover dt span:nth-child(1){
  -webkit-animation: ico_o 1s infinite linear alternate;
  animation: ico_o 1s infinite linear alternate;
}
.ser_ico_con .s2_r_con02:hover dt span:nth-child(1){
  -webkit-animation: ico_t 1.5s infinite ease-out;
  animation: ico_t 1.5s infinite ease-out;
}
.ser_ico_con .s2_r_con03:hover dt span:nth-child(1){
  -webkit-animation: ico_th 1.5s infinite linear alternate;
  animation: ico_th 1.5s infinite linear alternate;
}
.ser_ico_con .s2_r_con03:hover dt span:nth-child(2){
  -webkit-animation: ico_th 1.5s 0.4s infinite linear alternate;
  animation: ico_th 1.5s 0.4s infinite linear alternate;
}
.ser_ico_con .s2_r_con03:hover dt span:nth-child(3){
  -webkit-animation: ico_th 1.5s 0.8s infinite linear alternate;
  animation: ico_th 1.5s 0.8s infinite linear alternate;
}
.ser_ico_con .s2_r_con04:hover dt span:nth-child(1){
  -webkit-animation: ico_f 1s infinite ease-out;
  animation: ico_f 1s infinite ease-out;
}
.ser_ico_con .s2_r_con05:hover dt span:nth-child(2){
  -webkit-animation: ico_fi 1s infinite ease-out alternate;
  animation: ico_fi 1s infinite ease-out alternate;
}
.ser_ico_con .s2_r_con06:hover dt span:nth-child(2){
  -webkit-animation: ico_s 1s infinite ease-out alternate;
  animation: ico_s 1s infinite ease-out alternate;
}

@media only screen and (max-width: 1024px){
  .ser_ico{height: 550px;}
  .ser_ico_con .s2_r_con{margin-top: 20px;height: 180px!important;
  background-color: #f4f4f4;}
  .ser_ico_con .s2_r_con dl dd{margin-top: 10px;}
  .ser_ico_con .s2_r_con dl dd h4{height: 45px;line-height: 1.2;}
  .ser_ico h3{margin-top: 50px;margin-bottom: 40px;}
}
@media only screen and (max-width: 650px){
  .ser_ico{padding-bottom: 30px;height: auto;}
  .ser_ico_con .s2_r_con{width: 50%;box-sizing:border-box;margin-right: 0;padding-left: 5%;}
  .ser_ico_con .s2_r_con dl dd div.p{line-height: 1.2;font-size: 12px;}
  .ser_ico_con .s2_r_con dl dd div.p br{display: none;}

  .ser_ico_con .s2_r_con dl dd h4 i{display: none;}
  .ser_ico_con .s2_r_con dl dd h4 em{display: block;line-height: 1;margin-top: 5px;}
  .ser_ico_con .s2_r_con dl dd div.p br{display: none;}
  .ser_ico_con .s2_r_con dl dd div.p span{padding:0 5px;}

  .ser_ico_con .s2_r_con:nth-of-type(3n){
    margin-right: 0%;
  }
  .ser_ico_con .s2_r_con dl dd h4{height: 60px;}
  .ser_ico_con .s2_r_con dl dd h4 em{font-size: 12px;}
}
@media only screen and (max-width: 340px){
  .ser_ico_con .s2_r_con dl dd h4{height: 55px;}
}

.cloud_all{margin-top: 70px;}
.cl_a_banner{height: 839px;position: relative;width: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.cl_a_banner .cl_p{position: absolute;top:0;left: 0px;right: 0px;bottom: 0px;
  background-color: rgba(0,0,0,0.7);z-index: 0;
}
.cl_a_banner .con{color:#fff;position: relative;z-index: 1;text-align: center;}
.cl_a_banner .con h3{margin-top:100px;line-height: 1;text-align: center;
  /*动画*/
  position: relative;
  top: 20px;
  opacity: 0;
}
.cl_a_banner .con h3 span.line{margin-left:auto;margin-right:auto;background: #fff;}
.cl_a_banner .con div.p{max-width: 720px;margin-left:auto;margin-right:auto;color: #c4c4c4;
  /*动画*/
  position: relative;
  top: 20px;
  opacity: 0;
}
.cl_a_banner .con div.img{margin-top: 75px;opacity: 0;}
@media only screen and (max-width: 1440px){
  .cl_a_banner .con div.img{margin-top: 40px;}
}
@media only screen and (max-width: 1366px){
  .cl_a_banner{height: 710px;}
  .cl_a_banner .con div.img{max-width: 720px;margin:40px auto 0;}
  .cl_a_banner .con div.img img{width: 100%;}
}
@media only screen and (max-width: 1280px){
  .cl_a_banner .con h3{margin-top: 50px;}
}
@media only screen and (max-width: 1200px){
  .cl_a_banner{height: 600px;}
}
@media only screen and (max-width: 1024px){
  .cloud_all{margin-top: 70px;}
}
@media only screen and (max-width: 767px){
  .cl_a_banner{padding-bottom: 50px;height: auto;}
  .cl_a_banner .con{padding:0 20px;box-sizing:border-box;}
  

  .cl_a_banner .con div.p br:first-child{display: none;}
}

.cl_a_inf{width: 100%;height:325px;
  background-color: #f60;
  background-image: url(../images/cloud_a_svg.png);
  background-attachment:fixed;
  background-repeat: no-repeat;
  background-position: 0px 100px;
  color: #fff;
  position: relative;
}
.cl_a_inf .left{float: left;}
.cl_a_inf .left h3{margin-top: 120px;line-height: 1;}
.cl_a_inf .right{float: right;width: 600px;
  position: absolute;top: 50%;left:60%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  opacity: 0;
}
.cl_a_inf .right h3{position: relative;}
.cl_a_inf .right h3 p{line-height: 1;}
.cl_a_inf .right h3 span{
  display: block;background:#fff;
}
.cl_a_inf .right div.p{}

@media only screen and (max-width: 1330px){
  .cl_a_inf .left{margin-left:60px;}
  .cl_a_inf .right{width: 500px;margin-right: 100px;}
  .cl_a_inf .right h3{height: 46px;}
}
@media only screen and (max-width: 1200px){
  .cl_a_inf{height: auto;padding:50px 0;}
  .cl_a_inf .left h3{margin-top: 0;}
  .cl_a_inf .right{width: 40%;margin-right: 10%;position: static;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
  }
}
@media only screen and (max-width: 767px){
  .cl_a_inf .left{margin-left: 20px;}
  .cl_a_inf .right{width: 100%;margin: 0;padding:20px;box-sizing:border-box;}
  .cl_a_inf .right h3{height:auto;}
}

.cl_a_con01{height: 960px;
  background-image: url(../images/cloud_bg.jpg);
  background-attachment:fixed;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.ipadPro1024 .cl_a_con01{background: #fff!important;}

.cl_a_con01 .wrap{width: 1330px;}
.cl_a_con01 h3{position: relative;color: #232323;margin-top:100px;text-align: center;
  opacity: 0;top: 30px;
}
.cl_a_con01 h3 span{display: block;width: 0px;background:#232323;margin-right: auto;margin-left: auto;
}
.cl_a_con01 .cl_a_c01_dl{margin-top: 80px;height:448px;}
.cl_a_con01 .cl_a_c01_dl dl{width: 318px;height:448px;background:url(../images/cloud_a_bg.png) no-repeat;
  float:left;margin-left:19px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  /*动画*/
  position: relative;
  opacity: 0;
  top:100px;
}
.cl_a_con01 .cl_a_c01_dl dl:first-child{margin-left: 0;}
.cl_a_con01 dt{margin:100px 0 0 55px;height: 61px;width: 85px;background-repeat: no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.cl_a_con01 dd{
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.cl_a_con01 dd.dd_tit{height:75px;margin:55px 0 0 55px;background:url(../images/cloud_a_line.png) no-repeat right bottom;}
.cl_a_con01 dd.dd_tit em{color: #7d7d7d;text-transform:Uppercase;}
.cl_a_con01 dd.dd_con{margin:10px 0 0 55px;}
.cl_a_con01 dd.dd_con li{
  background:url(../images/dian.png) no-repeat left center;
  padding-left: 10px;
  color: #7d7d7d;
  line-height: 1;
  float:left;
  margin:20px 40px 0 0;
}
.cl_a_con01 dl.last_dl dd.dd_con li{margin:20px 0px 0 0;width:115px;}
.cl_a_con01 dl.last_dl dd.dd_con li+li+li+li{width: auto;}

.cl_a_con01 div.more a{margin:0px auto;color: #7d7d7d;border-color: #7d7d7d;}
@media only screen and (max-width: 1440px){
  .cl_a_con01{height: auto;padding-bottom: 100px;}
}
@media only screen and (max-width: 1366px){

  .cl_a_con01 dt{margin-top:70px;}
  .cl_a_con01 .cl_a_c01_dl{max-width: 1280px;margin-left:auto;margin-right:auto;
    margin-top:70px;}
  .cl_a_con01 .cl_a_c01_dl dl{width: 305px;height:430px;background-size: cover;}
  .cl_a_con01 h3{height: 70px;}

}
@media only screen and (max-width: 1330px){
  .cl_a_con01 .wrap{width: 100%;}
  .cl_a_con01 h3{margin-top: 70px;}
  .cl_a_con01 .cl_a_c01_dl{max-width: 1160px;}
  .cl_a_con01 .cl_a_c01_dl dl{width: 275px;height: 388px;}
  .cl_a_con01 dt{margin-top:50px;margin-left: 35px;}
  .cl_a_con01 dd.dd_tit{margin:35px 0 0 35px;}
  .cl_a_con01 dd.dd_con{margin-left:35px;}
  .cl_a_con01 dl.last_dl dd.dd_con li{width:95px;}
}
@media only screen and (max-width: 1200px){
  .cl_a_con01{background-color: #ecf0ef;background-size: cover;}
  .cl_a_con01 h3{margin-top: 50px;}
  .cl_a_con01{height: auto;padding-bottom: 50px;}
  .cl_a_con01 .cl_a_c01_dl{margin-top: 30px;height: auto;margin-bottom: 50px;}
  .cl_a_con01 .cl_a_c01_dl dl{width:23%;margin:0 1%;height: 333px;}
  .cl_a_con01 .cl_a_c01_dl dl:first-child{margin-left: 1%;}
  .cl_a_con01 dt{margin:30px 0 0 20px;width: 70px;height: 50px;background-size: cover;}
  .cl_a_con01 dd.dd_tit{margin:15px 0 0 20px;}
  .cl_a_con01 dd.dd_con li{margin:10px 20px 0 0;float: none;}
  .cl_a_con01 dl.last_dl dd.dd_con li{width: 100%;margin:10px 20px 0 0;}

}
@media only screen and (max-width: 1000px){
  .cl_a_con01 .cl_a_c01_dl dl{width: 48%;height: 172px!important;margin:1%;
    background:rgba(255,255,255,0.5);border:1px solid #e4e4e4;
    box-sizing:border-box;padding:20px;
  }
  .cl_a_con01 dt{float: left;margin:0;}
  .cl_a_con01 dd.dd_tit{float: left;margin:0;margin-left: 20px;height: 60px;}
  .cl_a_con01 dd.dd_con{float: left;width: 100%;margin:0;}
  .cl_a_con01 dd.dd_con li{width: 50%;float: left;
    margin-right: 0;margin-left: 0px;box-sizing:border-box;
  }
  .cl_a_con01 dl.last_dl dd.dd_con li{width: 50%;margin-right: 0;margin-left: 0px;}
  .cl_a_con01 .cl_a_c01_dl{margin-bottom: 30px;}

  .cl_a_con01 .cl_a_c01_dl dl{opacity: 1!important;top:0px!important;}
}
@media only screen and (max-width: 767px){
  .cl_a_con01 .cl_a_c01_dl{margin-top: 0;}
  .cl_a_con01 dd.dd_con li{width: 100%;}
  .cl_a_con01 dd.dd_tit{margin-top: 10px;margin-left:0;height: 50px;}
  .cl_a_con01 dl.last_dl dd.dd_con li{width: 100%;}
  .cl_a_con01 .cl_a_c01_dl dl{height: 200px!important;}
}
@media only screen and (max-width: 560px){
  .cl_a_con01 .cl_a_c01_dl dl{height: 260px!important;}
}
@media only screen and (max-width: 325px){
  .cl_a_con01 .cl_a_c01_dl dl{width: 98%;height: 160px!important;}
  .cl_a_con01 dd.dd_con li{width: 50%;}
  .cl_a_con01 dd.dd_tit{margin-top: 0px;margin-left:10px;}
  .cl_a_con01 dl.last_dl dd.dd_con li{width: 50%;}
}

.cl_a_con02{height: 700px;background: #f6f6fb;}
.cl_a_con02 .wrap{max-width: 1330px;}
.cl_a_con02 .left{float: left;width:58%;margin-top:160px;
  background:url(../images/left_bg_box.png) no-repeat center bottom;text-align: center;
  position: relative;top: -30px;opacity: 0;
}
.cl_a_con02 .left span{position: absolute;top:0px;left:0px;width: 100%;text-align: right;}
.cl_a_con02 .left span img{box-shadow: 0 0 20px #ddd;opacity: 0;
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
}
.cl_a_con02 .left span:first-child{margin-right: 3%;width: 97%}
.cl_a_con02 .left span:first-child+span{top:50%;text-align: center;}
.cl_a_con02 .left img{max-width: 100%;}
.cl_a_con02 .left span:nth-child(1) img{
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  transition:all 1s;
}
.cl_a_con02 .left span:nth-child(2) img{
  -webkit-transition:all 1s 0.5s;
  -moz-transition:all 1s 0.5s;
  -ms-transition:all 1s 0.5s;
  transition:all 1s 0.5s;
}
.cl_a_con02 .left span:nth-child(1) img.ani01 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.cl_a_con02 .left span:nth-child(2) img.ani02 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}


.cl_a_con02 .right{float: right;width: 40%;margin-top: 210px;
  position: relative;left: -30px;opacity: 0;

}
.cl_a_con02 .right h3{position: relative;}
.cl_a_con02 .right h3 p{}
.cl_a_con02 .right h3 em{color: #595757;display: inline-block;line-height: 1;}
.cl_a_con02 .right h3 span{background:#232323;}
.cl_a_con02 .right div.p{color: #595757;}
@media only screen and (max-width: 1366px){
  .cl_a_con02{height: auto;padding-bottom: 60px;}
  .cl_a_con02 .left{margin-top:60px;}
  .cl_a_con02 .right{margin-top: 150px;width:35%;float: left;margin-left: 5%;}
}
@media only screen and (max-width: 1024px){
  .cl_a_con02 .left{width: 50%;margin-left: 2%;}
  .cl_a_con02 .left span img{width: 85%;}
  .cl_a_con02 .left span:first-child img{width:30%;}

}
@media only screen and (max-width: 1000px){
  .cl_a_con02 .right{margin-top: 80px;}
}
@media only screen and (max-width: 767px){
  .cl_a_con02 .left{width: 100%;margin-left:0px;padding:0 5%;
    box-sizing:border-box;background: none;
  }
  .cl_a_con02 .right{width: 100%;padding:0 5%;
    box-sizing:border-box;margin-left:0px;margin-top: 30px;
  }
}

.cl_a_con03{height: 700px;background: #262626;}
.cl_a_con03 .wrap{max-width: 1330px;}
.cl_a_con03 .left{float: left;width: 44%;margin-top: 160px;padding-right: 6%;text-align: right;
  opacity: 0;
  left: -50px;
  position: relative;
}
.cl_a_con03 .left h3{position: relative;color:#fff;}
.cl_a_con03 .left h3 p{}
.cl_a_con03 .left h3 em{color: #e4e4e4;line-height: 1;display: inline-block;}
.cl_a_con03 .left h3 span{background:#595757;margin-right: 0;margin-left: auto;}
.cl_a_con03 .left div.p{color: #c4c4c4;}
.cl_a_con03 .right{float: right;width:50%;margin-top:150px;
  position: relative;
  opacity: 0;
}
.cl_a_con03 .right img{max-width: 100%;}

@media only screen and (max-width: 1366px){
  .cl_a_con03{height: auto;padding-bottom: 60px;}
  .cl_a_con03 .right{margin-top:60px;margin-left: 0px;}
  .cl_a_con03 .left{margin-top: 100px;width:35%;float: left;margin-left: 5%;padding-right: 0;}
  
}
@media only screen and (max-width: 1200px){
  .cl_a_con03{}
}
@media only screen and (max-width: 767px){
  .cl_a_con03 .left{width: 100%;margin-left:0px;padding:0 5%;
    box-sizing:border-box;background: none;text-align: left;margin-top: 30px;
  }
  .cl_a_con03 .left h3 span.line{margin-right: auto;margin-left: 0;}
  .cl_a_con03 .right{width: 100%;padding:0 5%;
    box-sizing:border-box;margin-left:0px;
  }
}

.cl_a_con04{height: 700px;position: relative;overflow: hidden;}
.cl_a_con04 .wrap{width: 1035px;position: absolute;top: 50%;left: 0%;right:0;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
}
.c04_dl dl{float: left;text-align: center;color: #7d7d7d;margin:0 80px;width:185px;}
.c04_dl dt{font-size:30px;font-family: "YourWebFontName";}
.c04_dl dt p{font-size: 90px;}
.c04_dl dd{font-size: 16px;}
.cl_a_con04 div.more{margin-top: 120px;}
.cl_a_con04 div.more a{margin:0px auto;color: #7d7d7d;border-color: #7d7d7d;}

.cl_a_con04.con04_anim .img img{
  -webkit-animation: scale_img 30s infinite ease-out alternate;
  -moz-animation: scale_img 30s infinite ease-out alternate;
  -ms-animation: scale_img 30s infinite ease-out alternate;
  animation: scale_img 30s infinite ease-out alternate;
}
@-webkit-keyframes scale_img{
  0%{
    transform:scale(1) translateX(0px);
  }
  50%{
    transform:scale(1.5) translateX(50px);
  }
  100% {
    transform:scale(2) translateX(50px);
  }
}
@keyframes scale_img{
  0%{
    transform:scale(1) translateX(0px);
  }
  50%{
    transform:scale(1.5) translateX(50px);
  }
  100% {
    transform:scale(2) translateX(50px);
  }
}
@media only screen and (min-width: 1925px){
.cl_a_con04.con04_anim .img img{width: 150%;margin-top:-150px;}
}
@media only screen and (max-width: 1440px){
  .cl_a_con04{height: 500px;}
}
@media only screen and (max-width: 1366px){
  .cl_a_con04 .wrap{max-width: 965px;}
  .c04_dl dt p{font-size:70px;}
  .cl_a_con04 div.more{margin-top: 80px;}
  .c04_dl dl{margin:0 68px;}
}
@media only screen and (max-width: 1200px){
  .cl_a_con04{height: auto;}
  .cl_a_con04.con04_anim .img img{width: 100%;}
  .cl_a_con04 .wrap{width: 100%;}
}
@media only screen and (max-width: 1200px){
  .c04_dl dl{width: 33.33%;margin:0;}
  .cl_a_con04 div.more{margin-top: 30px;}
}
@media only screen and (max-width: 767px){
  .cl_a_con04.con04_anim .img img{width: 140%;}
  .c04_dl dt{font-size: 20px;}
  .c04_dl dt p{font-size: 32px;}
  .c04_dl dd{font-size: 12px;}
}
@media only screen and (max-width: 325px){
  .cl_a_con04.con04_anim .img img{width: 180%;}
  .c04_dl dl{padding:0 10px;box-sizing:border-box;}
  .c04_dl dt{font-size: 18px;}
  .c04_dl dt p{font-size: 30px;}
}
/*案例详情页*/
.case_page01{position: fixed;top:0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;
  -webkit-transition:all 1s ease-in-out 0.2s;
  -moz-transition:all 1s ease-in-out 0.2s;
  -ms-transition:all 1s ease-in-out 0.2s;
  transition:all 1s ease-in-out 0.2s;
  z-index: 2;
}
.case_page01 .case_page01_bg_right{position: absolute;right:0px;bottom: 0;
  -webkit-transition:all 1s ease-in-out;
  -moz-transition:all 1s ease-in-out;
  -ms-transition:all 1s ease-in-out;
  transition:all 1s ease-in-out;
  -webkit-transform:translateY(100%);
  -moz-transform:translateY(100%);
  -ms-transform:translateY(100%);
  transform:translateY(100%);
}
.case_page01.fast_right .case_page01_bg_right{
  -webkit-transform:translateY(0%);
  -moz-transform:translateY(0%);
  -ms-transform:translateY(0%);
  transform:translateY(0%);

}
.case_page01 .case_page01_bg_left{position: absolute;left:0px;bottom: 0;
  -webkit-transition:all 1s ease-in-out;
  -moz-transition:all 1s ease-in-out;
  -ms-transition:all 1s ease-in-out;
  transition:all 1s ease-in-out;
  -webkit-transform:translateY(-100%);
  -moz-transform:translateY(-100%);
  -ms-transform:translateY(-100%);
  transform:translateY(-100%);
}
.case_page01.fast_left .case_page01_bg_left{
  -webkit-transform:translateY(40%);
  -moz-transform:translateY(40%);
  -ms-transform:translateY(40%);
  transform:translateY(40%);
}

.case_page01 .case_page01_con{position: relative;z-index: 9;max-width: 1920px;margin:0 auto;}
.ipadPro1024 .case_page01 .case_page01_con{top: 50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
}

.case_page01 .c_p01_left{margin: 10% 0 0 5%;width:505px;float: left;
  -webkit-transition:all 0.8s ease-in-out 0.2s;
  -moz-transition:all 0.8s ease-in-out 0.2s;
  -ms-transition:all 0.8s ease-in-out 0.2s;
  transition:all 0.8s ease-in-out 0.2s;
  opacity: 0;
  -webkit-transform:translateX(-100px);
  -moz-transform:translateX(-100px);
  -ms-transform:translateX(-100px);
  transform:translateX(-100px);
}
.case_page01 .c_p01_left.left_anim{
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translateX(0);
  opacity: 1;
  -webkit-transition:all 1s ease-in-out;
  -moz-transition:all 1s ease-in-out;
  -ms-transition:all 1s ease-in-out;
  transition:all 1s ease-in-out;
}
.case_page01 .c_p01_left>p{margin-top: 100px;}
.case_page01 .c_p01_left h3{position: relative;margin-top: 45px;}
.case_page01 .c_p01_left h3 p{}
.case_page01 .c_p01_left h3 em{color: #7d7d7d;line-height: 0.8;display: inline-block;}
.case_page01 .c_p01_left h3 span{display: block;background:#232323;}
.case_page01 .c_p01_left div.p{color: #7d7d7d;}
.case_page01 .c_p01_right{float: right;position: relative;z-index: 2;/*width: 935px;*/width: 49%;margin: 9% 5% 0 0;
  -webkit-transition:all 0.5s ease-in-out 0s;
  -moz-transition:all 0.5s ease-in-out 0s;
  -ms-transition:all 0.5s ease-in-out 0s;
  transition:all 0.5s ease-in-out 0s;
  -webkit-transform:translateY(-20px);
  -moz-transform:translateY(-20px);
  -ms-transform:translateY(-20px);
  transform:translateY(-20px);
  opacity: 0;
}
.case_page01 .c_p01_right.right_anim{
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -ms-transform:translateY(0px);
  transform:translateY(0px);
  opacity: 1;
  -webkit-transition:all 1s ease-in-out 0.8s;
  -moz-transition:all 1s ease-in-out 0.8s;
  -ms-transition:all 1s ease-in-out 0.8s;
  transition:all 1s ease-in-out 0.8s;
}
.case_page01 .c_p01_right .c_p01_r_pc img{width: 100%;}
.case_page01 .c_p01_right .c_p01_r_pc_shad{ 
  -webkit-transition:all 1s ease-in-out 0.7s;
  -moz-transition:all 1s ease-in-out 0.7s;
  -ms-transition:all 1s ease-in-out 0.7s;
  transition:all 1s ease-in-out 0.7s;
  -webkit-transform:translateY(100px);
  -moz-transform:translateY(100px);
  -ms-transform:translateY(100px);
  transform:translateY(100px);
  opacity: 0;
}
.case_page01 .c_p01_right.right_anim .c_p01_r_pc_shad{
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -ms-transform:translateY(0px);
  transform:translateY(0px);
  opacity: 1;
}
.case_page01 .c_p01_right .c_p01_r_pc_shad img{width: 100%;}
.case_page01 .c_p01_right .pc_img_box{
  position: absolute;top: 4%;left: 4%;right:4%;
  height: 0px;padding-bottom: 52%;overflow: hidden;
}
.case_page01 .c_p01_right .pc_img_box img{width: 100%;
  -webkit-transition:transform 1s ease-out 0s;
  -moz-transition:transform 1s ease-out 0s;
  -ms-transition:transform 1s ease-out 0s;
  transition:transform 1s ease-out 0s;
  position: relative;
}
.case_page01 .c_p01_right .pc_img_box img.an_img{
  -webkit-transition:transform 10s ease-out 2s;
  -moz-transition:transform 10s ease-out 2s;
  -ms-transition:transform 10s ease-out 2s;
  transition:transform 10s ease-out 2s;
}

.ie9 .case_page01 .c_p01_right .pc_img_box img.an_img{
  -webkit-transform:translateY(0px)!important;
  -moz-transform:translateY(0px)!important;
  -ms-transform:translateY(0px)!important;
  transform:translateY(0px)!important;
}

.case_page01 .c_p01_right .pc_img_box video{width: 100%;position: relative;z-index: 1;}
.case_page01 .c_p01_right .pc_img_box .video{position: absolute;top: 0px;left: 0px;z-index: 0;}

.ipadPro1366 .case_page01 .c_p01_left{width: 100%;margin:0;padding:0 50px;box-sizing:border-box;}
.ipadPro1366 .case_page01 .c_p01_right{width: 55%;margin:150px auto 0;float: none;}

@media only screen and (min-width: 1950px){
  .case_page01 .c_p01_left{margin-top: 12%;}
  .case_page01 .c_p01_left>p{margin-top: 150px;}
  .case_page01 .c_p01_right{margin-top:19%;}
}
@media only screen and (max-width: 1440px){
  .case_page01 .c_p01_right{width: 45%;margin:140px 9% 0 0;}
  .case_page01.fast_right .case_page01_bg_right{
    -webkit-transform:translateY(45%);
    -moz-transform:translateY(45%);
    -ms-transform:translateY(45%);
    transform:translateY(45%);
  }

  .case_page01 .c_p01_left{width: 400px;margin-top:150px;}
  .case_page01 .c_p01_left>p{margin-top: 50px;}
  .case_page01 .c_p01_left h3{margin-top:30px;height:80px;}
  .case_page01 .c_p01_left div.p{}
}
@media only screen and (max-width: 1366px){
  .case_page01 .c_p01_left>p{margin-top: 30px;}
  .case_page01 .c_p01_left h3{margin-top:20px;}
  .case_page01 .c_p01_left div.p{}
  .case_page01 .c_p01_right .pc_img_box{top: 4%;left:4.1%;}
  .case_page02 .c_p02_right div.p{margin-top: 15px;}
  .case_page02 .c_p02_right>p{margin-top: 20px;}
}
 .case_page01 .c_p01_left>span.guang_logo img{width: 170px;}
@media (min-width: 1200px) and (max-width: 1366px){
  .case_page01 .c_p01_left>span.hy_logo img{width: 90px;}
  .case_page01 .c_p01_left>span.m_logo img{width: 80px;}
  .case_page01 .c_p01_left>span.hang_logo img{width: 80px;}
  .case_page01 .c_p01_left>span.guang_logo img{width: 90px;}
  .case_page01 .c_p01_left>span.byd_logo img{width: 180px;}
  /*.case_page01 .c_p01_left>span{display: block;}
  .case_page01 .c_p01_left>span.hy_logo img{width: 90px;}
  .case_page01 .c_p01_left>span.m_logo img{width: 80px;}
  .case_page01 .c_p01_left>span.hang_logo img{width: 80px;}
  .case_page01 .c_p01_left .fnt_30{font-size: 22px;}
  .case_page01 .c_p01_left>p{margin-top: 20px;}
  .case_page01 .c_p01_left{margin-top:120px;}
  .case_page01 .c_p01_left h3{height: auto;margin-top: 15px;}
  .case_page01 .c_p01_left h3 .mt_25{margin-top: 15px;}*/
}
@media only screen and (max-width: 1024px){
  .case_page01 .c_p01_right{margin-top: 200px;}
}
@media only screen and (max-width: 1000px){
  .case_page01 .c_p01_left{width: 100%;margin:0;padding:0px 15% 0 5%;box-sizing:border-box;}
  .case_page01 .c_p01_left.left_anim{
    -webkit-transform:translateY(-100px);
    -moz-transform:translateY(-100px);
    -ms-transform:translateY(-100px);
    transform:translateY(-100px);
  }
  .case_page01 .c_p01_right{width: 55%;}
  .case_page01.fast_left .case_page01_bg_left{
    -webkit-transform:translateY(25%);
    -moz-transform:translateY(25%);
    -ms-transform:translateY(25%);
    transform:translateY(25%);
  }
}
@media only screen and (max-width: 767px){
  body.n_body{margin:0 auto;overflow: visible!important;overflow-x: hidden!important;}
  .case_page01{position: static;}
  .case_page01 .c_p01_right{opacity: 1;
    -webkit-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -ms-transform:translateX(0px);
    transform:translateX(0px);
  }
  .case_page01 .c_p01_right .c_p01_r_pc_shad{opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  .case_page01 .c_p01_left{opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }

  .case_page01 .c_p01_right{width: 75%;margin:120px auto 0;float: none;}
  .case_page01.fast_right .case_page01_bg_right{
    -webkit-transform:translateY(70%);
    -moz-transform:translateY(70%);
    -ms-transform:translateY(70%);
    transform:translateY(70%);
    display:none;}
  .case_page01.fast_left .case_page01_bg_left{
    -webkit-transform:translateY(25%);
    -moz-transform:translateY(25%);
    -ms-transform:translateY(25%);
    transform:translateY(25%);
    display:none;}
  .case_page01 .c_p01_left{padding:0 20px;position: relative;}
  .case_page01 .c_p01_left.left_anim{
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  .case_page01 .c_p01_left>p{margin-top: 30px;}
  .case_page01 .c_p01_left h3{margin-top: 10px;height: auto;}
  .case_page01 .c_p01_left div.p{font-size: 12px;}
}
@media only screen and (max-width: 325px){
  .case_page01 .c_p01_left{max-width: 100%;}
  .case_page01 .c_p01_left span{width: 100%;display: inline-block;}
  .case_page01 .c_p01_left span img{max-width: 100%;}
}

.case_page02{position: relative;top: 0px;left: 0px;bottom:0px;right:0px;overflow: auto;z-index: 2;
  -webkit-transform:translateY(100%);
  -moz-transform:translateY(100%);
  -ms-transform:translateY(100%);
  transform:translateY(100%);
  /*互动过程，可以防止滚轮滚动两下的bug*/
  -webkit-transition:all 0.5s ease-in-out;
  -moz-transition:all 0.5s ease-in-out;
  -ms-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
}
.case_page02 .case_page02_con{position: relative;overflow: hidden;max-width: 1920px;margin:0 auto;}
.case_page02 .c_p02_left{position: relative;width: 50%;height: 0px;padding-bottom: 43%;top: 50%;
  -webkit-transform:translateY(-45%);
  -moz-transform:translateY(-45%);
  -ms-transform:translateY(-45%);
  transform:translateY(-45%);
}
.case_page02 .c_p02_left p{position: absolute;bottom: 0px;}
.case_page02 .c_p02_left p img{max-width: 100%;}
.case_page02 .c_p02_left p:first-child{width: 67%;left:200px;
  -webkit-transform:translateX(-200px);
  -moz-transform:translateX(-200px);
  -ms-transform:translateX(-200px);
  transform:translateX(-200px);
  opacity: 0;}
.case_page02 .c_p02_left p:first-child+p{width: 28%;left:83%;
  -webkit-transform:translateX(-375px);
  -moz-transform:translateX(-375px);
  -ms-transform:translateX(-375px);
  transform:translateX(-375px);
  opacity: 0;}
.case_page02 .c_p02_left p:first-child+p+p{width: 14%;left:105%;
  -webkit-transform:translateX(-520px);
  -moz-transform:translateX(-520px);
  -ms-transform:translateX(-520px);
  transform:translateX(-520px);
  opacity: 0;}
.case_page02 .c_p02_left.left_anim p:first-child{
  -webkit-transition:transform 2s ease-in-out 1.2s,opacity 0.5s ease-in-out 1s;
  -moz-transition:transform 2s ease-in-out 1.2s,opacity 0.5s ease-in-out 1s;
  -ms-transition:transform 2s ease-in-out 1.2s,opacity 0.5s ease-in-out 1s;
  transition:transform 2s ease-in-out 1.2s,opacity 0.5s ease-in-out 1s;
  -webkit-transform:translateX(0px);
  -moz-transform:translateX(0px);
  -ms-transform:translateX(0px);
  transform:translateX(0px);
  opacity: 1;}
.case_page02 .c_p02_left.left_anim p:first-child+p{
  -webkit-transition:transform 2s ease-out 1.2s,opacity 0.5s ease-out 1s;
  -moz-transition:transform 2s ease-out 1.2s,opacity 0.5s ease-out 1s;
  -ms-transition:transform 2s ease-out 1.2s,opacity 0.5s ease-out 1s;
  transition:transform 2s ease-out 1.2s,opacity 0.5s ease-out 1s;
  -webkit-transform:translateX(0px);
  -moz-transform:translateX(0px);
  -ms-transform:translateX(0px);
  transform:translateX(0px);
  opacity: 1;}
.case_page02 .c_p02_left.left_anim p:first-child+p+p{
  -webkit-transition:transform 2s ease-out 1.2s,opacity 0.5s ease-out 1s;
  -moz-transition:transform 2s ease-out 1.2s,opacity 0.5s ease-out 1s;
  -ms-transition:transform 2s ease-out 1.2s,opacity 0.5s ease-out 1s;
  transition:transform 2s ease-out 1.2s,opacity 0.5s ease-out 1s;
  -webkit-transform:translateX(0px);
  -moz-transform:translateX(0px);
  -ms-transform:translateX(0px);
  transform:translateX(0px);
  opacity: 1;}
.case_page02 .c_p02_right{position: absolute;right:150px;bottom: 100px;text-align: right;
  opacity: 0;
}
.case_page02 .c_p02_right.right_anim{opacity: 1;
  -webkit-transition:all 1s ease-in-out 1.5s;
  -moz-transition:all 1s ease-in-out 1.5s;
  -ms-transition:all 1s ease-in-out 1.5s;
  transition:all 1s ease-in-out 1.5s;
}
.case_page02 .c_p02_right h3{position: relative;margin-top: 45px;}
.case_page02 .c_p02_right h3 p{}
.case_page02 .c_p02_right h3 em{color: #7d7d7d;display: inline-block;line-height: 0.8;}
.case_page02 .c_p02_right h3 span{display: block;background:#232323;margin-left: auto;margin-right: 0;}
.case_page02 .c_p02_right>p{margin-top: 40px;color: #7d7d7d;}
.case_page02 .c_p02_right div.p{color: #7d7d7d;margin-top: 30px;}


/*pc phone*/
.layer_02 .case_page01 .c_p01_right .pc_img_box img.an_img{width: 100%;
  -webkit-transition:transform 20s ease-out 2s;
  -moz-transition:transform 20s ease-out 2s;
  -ms-transition:transform 20s ease-out 2s;
  transition:transform 20s ease-out 2s;
}
.layer_02 .case_page02 .c_p02_left p:first-child+p{width: 26%;left: 91%;}
/*pc pad*/
.layer_01 .case_page01 .c_p01_right .pc_img_box img.an_img{width: 100%;
  -webkit-transition:transform 20s ease-out 2s;
  -moz-transition:transform 20s ease-out 2s;
  -ms-transition:transform 20s ease-out 2s;
  transition:transform 20s ease-out 2s;
}
.layer_01 .case_page02 .c_p02_left p:first-child+p{width: 73%;left: 55%;}
.layer_01 .case_page02 .c_p02_left p:first-child+p+p{width: 16%;left: 114%;}
.layer_01 .case_page02 .c_p02_left p:first-child+p+p.other_width{width:24%;}
/*pc ipad*/
.layer_03 .case_page01 .c_p01_right .pc_img_box img.an_img{width: 100%;
  -webkit-transition:transform 20s ease-out 2s;
  -moz-transition:transform 20s ease-out 2s;
  -ms-transition:transform 20s ease-out 2s;
  transition:transform 20s ease-out 2s;
}
.layer_03 .case_page02 .c_p02_left p:first-child+p{width: 30%;left: 82%;z-index: 2;}
.layer_03 .case_page02 .c_p02_left p:first-child+p+p{width: 40%;left: 108%;}

@media only screen and (min-width: 1950px){
  .case_page02 .c_p02_right{bottom: 300px;}
}
@media only screen and (max-width: 1440px){
  .case_page02 .c_p02_right h3{margin-top: 30px;}
  .case_page02 .c_p02_right>p{margin-top: 30px;}
}
@media only screen and (max-width: 1366px){
  .case_page02 .c_p02_right{bottom:80px;}
.layer_01 .case_page02 .c_p02_left p:first-child+p+p{left: 110%;}
}
@media only screen and (max-width: 1024px){
  .case_page02 .c_p02_right{bottom: 130px;}
  .case_page02 .c_p02_left.left_anim p:first-child{
    -webkit-transform:translateX(-100px);opacity: 1;
    -moz-transform:translateX(-100px);opacity: 1;
    -ms-transform:translateX(-100px);opacity: 1;
    transform:translateX(-100px);opacity: 1;
  }
  .case_page02 .c_p02_left.left_anim p:first-child+p{
    -webkit-transform:translateX(-50px);
    -moz-transform:translateX(-50px);
    -ms-transform:translateX(-50px);
    transform:translateX(-50px);
    opacity: 1;}
  .case_page02 .c_p02_left.left_anim p:first-child+p+p{
    -webkit-transform:translateX(-50px);
    -moz-transform:translateX(-50px);
    -ms-transform:translateX(-50px);
    transform:translateX(-50px);
    opacity: 1;}
}
@media only screen and (max-width: 1000px){
  .case_page02 .c_p02_left{width: 70%;
    -webkit-transform:translateY(-30%);
    -moz-transform:translateY(-30%);
    -ms-transform:translateY(-30%);
    transform:translateY(-30%);
  }
  .case_page02 .c_p02_right{top: 150px;bottom: auto;right: 30px;}

  .case_page02 .c_p02_left p:first-child{left: 160px;}
}
.case_page02 .c_p02_right div.p .tcaaa{margin-top:30px;}
@media only screen and (max-width: 767px){
  .case_page02 .c_p02_left{width: 100%;
    -webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    transform:translateY(0%);
    padding-bottom: 80%}
  .case_page02 .c_p02_left.left_anim p:first-child{
    -webkit-transform:translateX(-180px);
    -moz-transform:translateX(-180px);
    -ms-transform:translateX(-180px);
    transform:translateX(-180px);
    opacity: 1;}
  .case_page02 .c_p02_left.left_anim p:first-child+p{
    -webkit-transform:translateX(-150px);
    -moz-transform:translateX(-150px);
    -ms-transform:translateX(-150px);
    transform:translateX(-150px);
    opacity: 1;}
  .case_page02 .c_p02_left.left_anim p:first-child+p+p{
    -webkit-transform:translateX(-150px);
    -moz-transform:translateX(-150px);
    -ms-transform:translateX(-150px);
    transform:translateX(-150px);
    opacity: 1;}

  .case_page02 .c_p02_right div.p{margin-top: 10px;}
  .case_page02 .c_p02_right div.p .tcaaa{margin-top:20px;}
  .case_page02 .c_p02_right div.p .tcaaa img{width: 200px;}
  .case_page02 .c_p02_right>p{margin-top: 10px;}
  .case_page02 .c_p02_right h3{margin-top: 0;}

  .case_page02{position: static;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    margin-top: 50px;}
  .case_page02 .c_p02_right{position: static;opacity: 1;text-align: left;padding:0 20px;box-sizing:border-box;}
  .case_page02 .c_p02_right h3 span{margin-right: auto;margin-left:0;}
  .case_page02 .c_p02_left{padding-bottom: 0;height: auto;}
  .case_page02 .c_p02_left p{opacity: 1!important;position: static;margin:20px auto;}
  .case_page02 .c_p02_left p:first-child{
    -webkit-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -ms-transform:translateX(0px);
    transform:translateX(0px);
  }
  .case_page02 .c_p02_left p:first-child+p{
    -webkit-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -ms-transform:translateX(0px);
    transform:translateX(0px);
  }
  .case_page02 .c_p02_left p:first-child+p+p{
    -webkit-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -ms-transform:translateX(0px);
    transform:translateX(0px);
  }
  .case_page02 .c_p02_left p:first-child{width: 90%!important;text-align: center;}
  .case_page02 .c_p02_left p:first-child+p{width: 90%!important;text-align: center;}
  .case_page02 .c_p02_left p:first-child+p+p.other_width{width: 90%!important;text-align: center;}
  .case_page02 .c_p02_left p:first-child+p+p{width: 90%!important;text-align: center;}
}



.case_more{background:#000;}
.case_more .case_tit{padding:70px 0;color: #fff;text-align: center;}
.case_more .case_tit em{color: #7d7d7d;}
.case_more .case_con dl{width: 25%;float: left;height: 0px;padding-bottom: 25%;overflow: hidden;}
.case_more .case_con dl img{width: 100%;
  -webkit-transition:transform 1s ease-out;
  -moz-transition:transform 1s ease-out;
  -ms-transition:transform 1s ease-out;
  transition:transform 1s ease-out;
}
.case_more .case_con dl:hover img{
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1);
}
@media only screen and (max-width: 767px){
  .case_more .case_tit{padding:30px 0;}
  .case_more .case_con dl{width: 50%;padding-bottom: 50%;}
}

/*联系我们*/
.contact{overflow: hidden;position: relative;}
.contact_con{position: absolute;top: 0px;right: 0px;bottom: 0px;}
.contact_con .contact_text{position: absolute;right: 0px;bottom: 150px;z-index: 9;
  width: 600px;text-align: right;color: #fff;
  opacity: 0;
}
.contact_con .contact_text h3 span{background: #f60;margin-left: auto;margin-right: 0;}
.contact_con .contact_text h3 em{display: block;line-height: 0.8;}
.contact_con .contact_text ul{margin-top:110px;overflow: hidden;}
.contact_con .contact_text ul:after{content: "";display: block;width: 500px;height: 1px;background: #3b3b3f;float: right;margin-top:20px;}
.contact_con .contact_text li{color: #e4e4e4;}
.contact_con .contact_text li:first-child+li{font-size: 12px;color: #c4c4c4;}
.contact_con .contact_text dl{color: #e4e4e4;margin-top: 15px;}
.touch_body .contact_con .contact_text dl a{color: #e4e4e4;}
.contact_con .case_page01_bg_right{
  position: absolute;right:-1000px;bottom: 0;
  z-index: 8;
}
.contact_map{position: relative;}
.map_con{width:100%; 
  -webkit-transition:normal;
  -moz-transition:normal;
  -ms-transition:normal;
  transition:normal;
}
.map_con img{
  -webkit-transition:normal;
  -moz-transition:normal;
  -ms-transition:normal;
  transition:normal;
}

.BMap_pop>div>div{border-radius: 8px;border:0!important;}
.BMap_pop .BMap_center{border:0!important;border-right:1px solid #fff!important;}
.BMap_top{border:0!important;}
.BMap_bottom{border:0!important;}
/*.BMap_Marker:first-child+.BMap_Marker{display:none!important;}*/
@media only screen and (max-width: 1600px){
  .contact_con .case_page01_bg_right{
    -webkit-transform:translateX(150px);
    -moz-transform:translateX(150px);
    -ms-transform:translateX(150px);
    transform:translateX(150px);
  }
}
@media only screen and (max-width: 1366px){
  .contact_con .contact_text{bottom: 100px;}
  .contact_con .contact_text ul{margin-top: 50px;}
}
.touch_body .Bmap_close{width: 10px!important;height: 10px!important;}
@media only screen and (max-width: 768px){
  .contact{height: auto!important;}
  .contact_con{position: static;}
  .contact_con .contact_text{position: static;padding:20px;box-sizing:border-box;
    background-color: #303030;opacity: 1!important;
    width: 100%;
    text-align: left;
  }
  .contact_con .contact_text h3 span{margin-left: 0px;margin-right: auto;}
  .contact_con .contact_text ul{margin-top: 20px;margin-bottom: 20px;}
  .contact_con .contact_text dl{margin-bottom: 10px;margin-top: 0;}
  .contact_con .contact_text dl dd em{display: block;margin-bottom: 10px;}
  .contact_con .contact_text dl dd em a{color: #e4e4e4;}
  .contact_con .case_page01_bg_right{display: none;}
  .map_con{height: 450px!important;width:100%;}
}
@media only screen and (max-width: 320px){
  .map_con{height: 350px!important;}
}

/*活动营销*/

.activ_con02{background: url(../images/active_con02_bg.jpg) no-repeat center top;}
.activ_con02 h3{z-index:1;text-align: center;width:840px;line-height:1;
  margin:100px auto 0;position: relative;top:50px;opacity: 0;}
.activ_con02 h3 p{}
.activ_con02 h3 em{color: #7d7d7d;display: inline-block;}
.activ_con02 h3 span.line{width: 100px;background: #262626;margin-left:auto;margin-right:auto;}
.activ_con02 .p{position: relative;z-index:1;text-align: center;width: 840px;
  margin-left:auto;margin-right:auto;color: #7d7d7d;opacity: 0;
}
.activ_con02 div.dl{margin-top:90px;}
.activ_con02 div.dl dl{width:25%;text-align: center;float: left;opacity: 0;top:100px;position: relative;}
.activ_con02 div.dl dl dt img{max-width: 100%;}
.activ_con02 div.dl dl dd{margin-top: 30px;}

.activ_con02.ani_act02 h3{opacity: 1;top:0;
  -webkit-transition:opacity 1s ease-out,top 1s ease-out;
  -moz-transition:opacity 1s ease-out,top 1s ease-out;
  -ms-transition:opacity 1s ease-out,top 1s ease-out;
  transition:opacity 1s ease-out,top 1s ease-out;
}
.activ_con02.ani_act02 .p{opacity: 1;
  -webkit-transition:opacity 1s ease-out 1s;
  -moz-transition:opacity 1s ease-out 1s;
  -ms-transition:opacity 1s ease-out 1s;
  transition:opacity 1s ease-out 1s;
}
.activ_con02.ani_act02 div.dl dl:nth-child(1){opacity: 1;top:0;
  -webkit-transition:opacity 1s ease-out 1.5s,top 1s ease-out 1.5s;
  -moz-transition:opacity 1s ease-out 1.5s,top 1s ease-out 1.5s;
  -ms-transition:opacity 1s ease-out 1.5s,top 1s ease-out 1.5s;
  transition:opacity 1s ease-out 1.5s,top 1s ease-out 1.5s;
}
.activ_con02.ani_act02 div.dl dl:nth-child(2){opacity: 1;top:0;
  -webkit-transition:opacity 1s ease-out 2s,top 1s ease-out 2s;
  -moz-transition:opacity 1s ease-out 2s,top 1s ease-out 2s;
  -ms-transition:opacity 1s ease-out 2s,top 1s ease-out 2s;
  transition:opacity 1s ease-out 2s,top 1s ease-out 2s;
}
.activ_con02.ani_act02 div.dl dl:nth-child(3){opacity: 1;top:0;
  -webkit-transition:opacity 1s ease-out 2.5s,top 1s ease-out 2.5s;
  -moz-transition:opacity 1s ease-out 2.5s,top 1s ease-out 2.5s;
  -ms-transition:opacity 1s ease-out 2.5s,top 1s ease-out 2.5s;
  transition:opacity 1s ease-out 2.5s,top 1s ease-out 2.5s;
}
.activ_con02.ani_act02 div.dl dl:nth-child(4){opacity: 1;top:0;
  -webkit-transition:opacity 1s ease-out 3s,top 1s ease-out 3s;
  -moz-transition:opacity 1s ease-out 3s,top 1s ease-out 3s;
  -ms-transition:opacity 1s ease-out 3s,top 1s ease-out 3s;
  transition:opacity 1s ease-out 3s,top 1s ease-out 3s;
}
@media only screen and (max-width: 1440px){
  .activ_con02 h3{margin-top:70px;}
  .activ_con02 div.dl{margin-top: 60px;}
}
@media only screen and (max-width: 1024px){
  .activ_con02 h3{width: 100%;padding:0 20px;box-sizing:border-box;}
  .activ_con02 .p{width: 100%;padding:0 20px;box-sizing:border-box;}
}
@media only screen and (max-width: 767px){
  .activ_con02{position: relative!important;height: auto;padding-bottom: 50px;}
  .activ_con02 h3{margin-top: 40px;}
  .activ_con02 div.dl{margin-top: 30px;}
}

.activ_con03{background: url(../images/active_con03_bg.jpg) no-repeat center top;}
.activ_con03 .text{position: absolute;top:50%;left: 20%;width:500px;opacity: 0;color: #fff;z-index: 5;}
.activ_con03 .text h3{position: relative;}
.activ_con03 .text h3 span{display: block;height: 1px;background:#e4e4e4;}
.activ_con03 .text div.p{color:#e4e4e4;}
.activ_con03 .map_bg{position: relative;height:0px;padding-bottom:38%;right: 0px;}
.activ_con03 .map_bg>img{bottom: 0px;position: absolute;right:0px;}

.activ_con03 .xq_bnt{text-align: left;}

.activ_con03.ani_act03 .text{opacity: 1;top:20%;
  -webkit-transition:opacity 1s ease-out,top 1s ease-out;
  -moz-transition:opacity 1s ease-out,top 1s ease-out;
  -ms-transition:opacity 1s ease-out,top 1s ease-out;
  transition:opacity 1s ease-out,top 1s ease-out;
}

@media only screen and (min-width: 1950px){
  .activ_con03 .map_bg{padding-bottom: 28%;}
}
@media only screen and (max-width: 1440px){
  .activ_con03 .text{top: 10%;}
  .activ_con03 .map_bg{padding-bottom: 45%;}
  .activ_con03 .map_bg>img{width: 60%;}
}
@media only screen and (max-width: 1366px){
  .activ_con03 .text{left: 10%;}
}
@media only screen and (max-width: 900px){
  .activ_con03 .map_bg{padding-bottom: 67%;}
}
@media only screen and (max-width: 767px){
  .activ_con03{padding-bottom: 0;}
  .activ_con03 .map_bg>img{width: 100%;}
  .activ_con03 .text{position: static;width:100%;padding:40px 20px 0;box-sizing:border-box;}
  .activ_con03 .map_bg{text-align: right;height: auto;padding-bottom: 0;}
  .activ_con03 .map_bg>img{position: static;}
}

.ipadPro1024 .activ_con03 .map_bg{padding-bottom: 52%;}
.ipadPro1366 .activ_con03 .map_bg{padding-bottom: 55%;}

.activ_con04 .cl_con04_img .text{left: 20%;}
.activ_con04 .cl_con05_img .text{width:auto;top:45%;left:61%;}
@media only screen and (max-width: 1366px){
  .activ_con04 .cl_con05_img .text{left:71%;}
}
@media only screen and (max-width: 900px){
  .activ_con04 .cl_con04_img .text{left: 0%;top: 30%;}
}
@media only screen and (max-width: 767px){
  .activ_con04 .cl_con05_img .text{right: 0;left: auto;width: 30%}
}

/*业务系统*/
.busi_con01{background: url(../images/busi_bg01.jpg) no-repeat center top;}
.busi_con01 .commer_c01_bg{width:57%;left: 0px;right: auto;padding-bottom: 25%;}
.busi_con01 h3 p{color: #000;}
.busi_con01 h3 span.line{background: #262626;}
.busi_con01 .p{color:#7d7d7d;position: relative;z-index: 2;}
@media only screen and (max-width: 1440px){
  .busi_con01 .commer_c01_bg{bottom: 0;width: 70%;padding-bottom: 31%;}
}
.busi_con02{background: url(../images/busi_bg02.jpg) no-repeat center top;}
.busi_con02 .text{width:540px;position: absolute;top:160px;}
.busi_con02 .text h3{position: relative;color: #fff;}
.busi_con02 .text h3 p{color: #e4e4e4;}
.busi_con02 .text h3 em{color: #cecece;}
.busi_con02 .text h3 span{height: 1px;background:#fff;}
.busi_con02 .text div.p{color:#cecece;}
.busi_con02 .img{position: relative;width: 1000px;height: 700px;margin:0 auto;}
.busi_con02 .img>div{position: absolute;bottom: -150px;left: 50%;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  -webkit-transition:left 1s ease-out;
  -moz-transition:left 1s ease-out;
  -ms-transition:left 1s ease-out;
  transition:left 1s ease-out;
}
.busi_con02 .img>div.ani_img.img01{left: 33%;z-index: 2;}
.busi_con02 .img>div.ani_img.img02{left: 68%;}
.busi_con02 .img>dl{position: absolute;bottom: 18%;color: #acacac;text-align: center;
  opacity: 0;
}
.busi_con02 .img>dl dd{margin-top: 25px;}
.busi_con02 .img>dl.ani_ico.ico01{left: 13%;
  -webkit-transition:opacity 1s ease-out 1s;
  -moz-transition:opacity 1s ease-out 1s;
  -ms-transition:opacity 1s ease-out 1s;
  transition:opacity 1s ease-out 1s;
  opacity: 1;
}
.busi_con02 .img>dl.ani_ico.ico02{bottom: 25%;left: 48%;
  -webkit-transition:opacity 1s ease-out 1.4s;
  -moz-transition:opacity 1s ease-out 1.4s;
  -ms-transition:opacity 1s ease-out 1.4s;
  transition:opacity 1s ease-out 1.4s;
  opacity: 1;
}
.busi_con02 .img>dl.ani_ico.ico03{left: 78%;
  -webkit-transition:opacity 1s ease-out 1.8s;
  -moz-transition:opacity 1s ease-out 1.8s;
  -ms-transition:opacity 1s ease-out 1.8s;
  transition:opacity 1s ease-out 1.8s;
  opacity: 1;
}
@media only screen and (max-width: 1366px){
  .busi_con02 .img>dl{bottom: 30%}
  .busi_con02 .img>dl.ani_ico.ico02{bottom: 35%;}
}
@media only screen and (max-width: 1200px){
  .busi_con02 .text{left: 10%;top:10%;}
}
@media only screen and (max-width: 1000px){
  .busi_con02 .img{width: 100%;height: 700px;}
  .busi_con02 .img>dl{bottom: 35%;}
  .busi_con02 .img>dl.ani_ico.ico01{left: 10%;}
  .busi_con02 .img>dl.ani_ico.ico02{bottom:40%;}
  .busi_con02 .img>dl.ani_ico.ico03{left: 80%;}
}
@media only screen and (max-width: 767px){
  .busi_con02 .text{position: static;width:auto;padding:40px 20px;padding-bottom: 0px;box-sizing:border-box;}
  .busi_con02 .img{height: 200px;}
  
  .busi_con02 .img>div{width: 60%;bottom: -300px;}
  .busi_con02 .img>div img{width:100%;}
  
  .busi_con02 .img>dl{bottom: 10px;}
  .busi_con02 .img>dl.ani_ico img{width: 100%;}
  .busi_con02 .img>dl.ani_ico dt{width: 30px;margin:0 auto;}
  .busi_con02 .img>dl dd{margin-top: 10px;}
  .busi_con02 .img>dl.ani_ico.ico02{bottom: 10px;left: 45%;}
  .busi_con02 .img>dl.ani_ico.ico03{left: 75%;}

}
@media (min-width: 670px) and (max-width: 767px){
  .busi_con02 .img>dl.ani_ico.ico01{left: 20%;}
  .busi_con02 .img>dl.ani_ico.ico02{left: 47%;}
  .busi_con02 .img>dl.ani_ico.ico03{left: 72%;}
}
@media (min-width: 500px) and (max-width: 670px){
  .busi_con02 .img>div{width: 60%;bottom: -200px;}
  .busi_con02 .img>dl.ani_ico.ico01{left: 20%;}
  .busi_con02 .img>dl.ani_ico.ico02{left: 47%;}
  .busi_con02 .img>dl.ani_ico.ico03{left: 72%;}
}
@media only screen and (max-width: 500px){
  .busi_con02 .img>div{width: 60%;bottom: -100px;}
}
@media only screen and (max-width: 375px){
  .busi_con02 .img{height: 150px;overflow: hidden;}
}
@media only screen and (max-width: 325px){
  .busi_con02 .img{height: 130px;}
  .busi_con02 .img>dl.ani_ico.ico01{left: 7%;}
  .busi_con02 .img>dl.ani_ico.ico02{bottom:0%;left: 43%;}
  .busi_con02 .img>dl.ani_ico.ico03{left: 70%;}
}

.busi_con03{background: url(../images/busi_bg03.jpg) no-repeat center top;}
.busi_con03 h3{z-index:1;text-align: center;width:840px;
  margin:100px auto 0;position: relative;top:50px;opacity: 0;}
.busi_con03 h3 span.line{margin-left:auto;margin-right:auto;background: #262626;}
.busi_con03 .p{position: relative;z-index:1;text-align: center;width: 840px;
  margin-left:auto;margin-right:auto;color: #7d7d7d;opacity: 0;
}
.busi_con03 div.dl{margin-top:60px;}
.busi_con03 div.dl dl{width:20%;text-align: center;float: left;opacity: 0;top: 50px;position: relative;}
.busi_con03 div.dl dl dt img{max-width: 100%;}
.busi_con03 div.dl dl dd{margin-top: 30px;}

.busi_con03.ani_con03 h3{opacity: 1;top:0;
  -webkit-transition:opacity 1s ease-out,top 1s ease-out;
  -moz-transition:opacity 1s ease-out,top 1s ease-out;
  -ms-transition:opacity 1s ease-out,top 1s ease-out;
  transition:opacity 1s ease-out,top 1s ease-out;
}
.busi_con03.ani_con03 .p{opacity: 1;
  -webkit-transition:opacity 1s ease-out 1s;
  -moz-transition:opacity 1s ease-out 1s;
  -ms-transition:opacity 1s ease-out 1s;
  transition:opacity 1s ease-out 1s;
}
.busi_con03.ani_con03 div.dl dl:nth-child(1){opacity: 1;top:0;
  -webkit-transition:opacity 1s ease-out 1.5s,top 1s ease-out 1.5s;
  -moz-transition:opacity 1s ease-out 1.5s,top 1s ease-out 1.5s;
  -ms-transition:opacity 1s ease-out 1.5s,top 1s ease-out 1.5s;
  transition:opacity 1s ease-out 1.5s,top 1s ease-out 1.5s;
}
.busi_con03.ani_con03 div.dl dl:nth-child(2){opacity: 1;top:0;
  -webkit-transition:opacity 1s ease-out 2s,top 1s ease-out 2s;
  -moz-transition:opacity 1s ease-out 2s,top 1s ease-out 2s;
  -ms-transition:opacity 1s ease-out 2s,top 1s ease-out 2s;
  transition:opacity 1s ease-out 2s,top 1s ease-out 2s;
}
.busi_con03.ani_con03 div.dl dl:nth-child(3){opacity: 1;top:0;
  -webkit-transition:opacity 1s ease-out 2.5s,top 1s ease-out 2.5s;
  -moz-transition:opacity 1s ease-out 2.5s,top 1s ease-out 2.5s;
  -ms-transition:opacity 1s ease-out 2.5s,top 1s ease-out 2.5s;
  transition:opacity 1s ease-out 2.5s,top 1s ease-out 2.5s;
}
.busi_con03.ani_con03 div.dl dl:nth-child(4){opacity: 1;top:0;
  -webkit-transition:opacity 1s ease-out 3s,top 1s ease-out 3s;
  -moz-transition:opacity 1s ease-out 3s,top 1s ease-out 3s;
  -ms-transition:opacity 1s ease-out 3s,top 1s ease-out 3s;
  transition:opacity 1s ease-out 3s,top 1s ease-out 3s;
}
.busi_con03.ani_con03 div.dl dl:nth-child(5){opacity: 1;top:0;
  -webkit-transition:opacity 1s ease-out 3.5s,top 1s ease-out 3.5s;
  -moz-transition:opacity 1s ease-out 3.5s,top 1s ease-out 3.5s;
  -ms-transition:opacity 1s ease-out 3.5s,top 1s ease-out 3.5s;
  transition:opacity 1s ease-out 3.5s,top 1s ease-out 3.5s;
}

@media only screen and (max-width: 1440px){
  .busi_con03 h3{margin-top:70px;}
  .busi_con03 div.dl{margin-top:40px;}
}
@media only screen and (max-width: 1366px){
  .busi_con03 h3{margin-top:40px;}
  .xq_bnt{margin-top: 50px;}
}
@media only screen and (max-width: 1100px){
  .busi_con03 h3{margin-top:50px;width: 100%;padding:0 20px;box-sizing:border-box;}
  .busi_con03 .p{width: 100%;padding:0 20px;box-sizing:border-box;}
  .busi_con03 div.dl{margin-top:30px;}
}
@media only screen and (max-width: 767px){
  .busi_con03 h3{margin-top:40px;}
  .busi_con03 div.dl dl dt{width: 80%;margin:0 auto;}
  .busi_con03 div.dl dl dt img{width:100%;}
  .busi_con03 div.dl{margin-top:20px;}
  .busi_con03 div.dl dl dd{margin-top: 10px;}
}

.busi_con04 .cl_con04_img .text{ top: 50%;right:15%;text-align: right;}
.busi_con04 .cl_con05_img .text{top:50%;left:20%;}
.busi_con04 .cl_con05_img .text p{}
@media only screen and (max-width: 1440px){
  .busi_con04 .cl_con05_img .text{left: 10%;}
}
@media only screen and (max-width: 767px){
  .busi_con04 .cl_con05_img .text{left: 0px;top:30%;}
  .busi_con04 .cl_con04_img .text{right:0px;top: 30%;}
  .busi_con04 .cl_con04_img .text{text-align: left;}
}
.anchorBL{display: none;}

.bug_bg{display: none;background: #fff;height:100px;position: fixed;top: 800px;left: 0px;right: 0px;z-index: 1;}
@media only screen and (max-width: 767px){
  .bug_bg{display: block;}
}


/*落地*/
.ld_body{
  background: url(../img/ld_banner.jpg) no-repeat;
  background-size: 100%;
  background-attachment:fixed;
  overflow-y: auto;
}
.ld_body em{display: none;}
.ld_con01{height: 0px;padding-bottom: 47%;overflow: hidden;position: relative;}
.ld_con01 h1{margin:70px 0 0 60px;}
.ld_con01 .ld_banner_text{position: absolute;right: 15%;top: 50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.ld_con01 .ld_banner_text p{margin-bottom: 65px;-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;}
.ld_con01 .ld_banner_text p:first-child{margin-bottom: 35px;}
.ld_con01 .ld_banner_text.scroll_div p:first-child{opacity: 0;transform:translateY(-40px);}
.ld_con01 .ld_banner_text.scroll_div p:first-child+p{opacity: 0;transform:translateY(-35px);}
.ld_con01 .ld_banner_text.scroll_div p:first-child+p+p{opacity: 0;transform:translateY(-25px);}

@media only screen and (max-width: 1440px){
  .ld_con01 h1{margin:3% 0 0 3%;}
}
@media only screen and (max-width: 1366px){
  .ld_con01 .ld_banner_text p img{width: 80%;}
  .ld_con01 .ld_banner_text p:first-child{margin-bottom: 25px;}
  .ld_con01 .ld_banner_text p{margin-bottom: 45px;}
}
@media only screen and (max-width: 1100px){
  .ld_con01 h1{width:170px;}
  .ld_con01 h1 img{width: 100%;}
  .ld_con01 .ld_banner_text{right: 5%;}
}
@media only screen and (max-width: 1000px){
  .ld_con01 .ld_banner_text{width: 35%;}
  .ld_con01 .ld_banner_text p img{width: 100%;}
  .ld_con01 .ld_banner_text p:first-child{margin-bottom: 15px;}
  .ld_con01 .ld_banner_text p{margin-bottom: 25px;}
}
@media only screen and (max-width: 767px){
  .ld_body{background-position-x:50%;background-size: 150%;}
  .ld_con01{padding-bottom: 68%;}
  .ld_con01 h1{width:100px;}
  .ld_con01 .ld_banner_text{width: 50%;}
  .ld_con01 .ld_banner_text p:nth-of-type(1) img{display: none;}
  .ld_con01 .ld_banner_text p:nth-of-type(2) img{display: none;}
  .ld_con01 .ld_banner_text p:first-child{margin-bottom: 5px;}
  .ld_con01 .ld_banner_text p{margin-bottom: 13px;}
  .ld_con01 .ld_banner_text p em{display:block;color: #fff;font-size: 12px;}
  .ld_con01 .ld_banner_text p:first-child em{color: #fff;font-size: 20px;}
}

.ld_con02{background: #fff;}
.ld_con02>h3{height: 120px;text-align: center;}
.ld_con02>h3 img{-webkit-transform:translateY(-50%);transform:translateY(-50%);position: relative;top: 50%;}
.ld_con02 ul{max-width: 1920px;margin:0 auto;}
.ld_con02 li{float: left;width: 25%;padding-bottom: 19.8%;height: 0px;overflow: hidden;position: relative;}
.ld_con02 li>img{max-width: 100%;}
.ld_con02 li p{position: absolute;top: 50%;left: 0%;right: 0px;text-align: center;z-index: 2;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.ld_con02 li p img{max-width: 100%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ld_con02 li i{opacity: 0;position: absolute;top:0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0,0,0,0.4);z-index: 1;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.ld_con02 li:hover i{opacity: 1;}
.ld_con02 li:hover p{-webkit-transform:translateY(-53%);transform:translateY(-53%);}
.ld_con02 li.last_li{background: #f8f8f8;}
.ld_con02 li.last_li div.p{position: absolute;top: 50%;left: 0%;right:0px;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.ld_con02 li.last_li div.p .text{font-size: 20px;margin-bottom: 20px;}
.ld_con02 li.last_li div.p .btn{display: inline-block;width: 170px;height: 40px;line-height: 40px;
  text-align: center;color: #fff;background: #f60;border-radius: 40px;border:1px solid #f60;
  -webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;cursor: pointer;
}
.ld_con02 li.last_li div.p .btn:hover{background: transparent;color: #f60;}
@media only screen and (min-width: 1925px){
  .ld_con02 ul{margin-bottom: 100px;overflow: hidden;}
}
@media only screen and (max-width: 1100px){
  .ld_con02>h3{height: 90px;}
  .ld_con02>h3 img{width: 130px;}
  .ld_con02 li.last_li div.p .text img{width:80%;}
  .ld_con02 li.last_li div.p .btn{width: 140px;height: 35px;line-height: 35px;}
  .ld_con02 li{padding-bottom: 19.7%;}
}
@media only screen and (max-width: 1000px){
  .ld_con02 li{padding-bottom: 19.6%;}
  .ld_con02 li.last_li div.p .text{margin-bottom: 0px;}
}
@media only screen and (max-width: 767px){
  .ld_con02>h3{height: 70px;}
  .ld_con02>h3 img{width: 100px;}
  .ld_con02 li{width: 50%;padding-bottom: 39.6%;}
  
  .ld_con02 li.last_li div.p .text{margin-bottom: 10px;}
  .ld_con02 li.last_li div.p .text img{display: none;}
  .ld_con02 li.last_li div.p .text em{display:block;font-size: 14px;}
  .ld_con02 li.last_li div.p .btn{width: 100px;height: 30px;line-height: 30px;}
}

.ld_con03{position: relative;overflow: hidden;background: #fff;}
.ld_con03>h3{position: absolute;top: 70px;left: 50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index: 9;}
.ld_con03 li>img{width: 100%;}
/*.ld_con03 .video>video{position: absolute;top: 0px;left: 0px;z-index: -1;}
.ld_con03 .video>img{width: 100%;}*/
.ld_con03_text{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 2;text-align: center;}
.ld_con03_text div.p{text-align: left;max-width: 1440px;margin-right: auto;margin-left: auto;top:50%;position: relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.ld_con03_text div.p p img{max-width: 100%;}
.ld_con03_text div.p p.other_p{margin:30px 0 40px;}
.ld_con03_text div.p p.other_p+p{width:100px;height:100px;cursor: pointer;}


.ld_con03_text div.p p:nth-of-type(1){height: 0px;padding-bottom:2%;overflow: hidden;}
.ld_con03_text div.p p:nth-of-type(1) img{position: relative;top: 30px;}
.ld_con03_text div.p p.other_p{height: 0px;padding-bottom:4%;overflow: hidden;}
.ld_con03_text div.p p.other_p img{position: relative;top: 60px;}
.ld_con03_text div.p p:last-child img{left: 20px;opacity: 0;position: relative;}

.video_place{position: fixed;top:0px;left: 0px;right: 0px;
  bottom: 0px;background-color: rgba(0,0,0,0.6);
  z-index: 999999999;
}
.lt9 .video_place{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")}
.video_con{z-index:2;width: 80%;height: 60%;
  background-color: #000;position: absolute;top: 50%;left: 50%;
  transform: translate(-50%,-50%);text-align: center;
}
.lt9 .video_con{top:20%;left: 10%;background: #000;}
.video_con video{width: 100%;height: 100%;}
.video_close_btn{position: absolute;top:15%;right: 10%;
  width:120px;height: 35px;background: #4F7CC9;
  color: #fff;text-align: center;line-height: 35px;
  cursor: pointer;
}


@media only screen and (max-width: 1440px){
  .ld_con03_text div.p{padding:0 10%;-webkit-box-sizing:border-box;box-sizing:border-box;}
}
@media only screen and (max-width: 1366px){
  .ld_con03>h3{top: 40px;}
  .ld_con03_text div.p p.other_p{margin:20px 0 30px;}
  .ld_con03_text div.p p.other_p+p img{width: 80%}
}
@media only screen and (max-width: 1100px){
  .ld_con03>h3 img{width: 120px;}
  .ld_con03_text div.p p.other_p+p img{width: 50%}
}
@media only screen and (max-width: 767px){
  .video_con{width: 95%;height: 50%;}
  .ld_con03>h3 img{width: 90px;}
  .ld_con03_text div.p{-webkit-box-sizing:border-box;box-sizing:border-box;}
  .ld_con03_text div.p p{color: #fff;}
  .ld_con03_text div.p p.other_p{margin:0;height: auto;padding-bottom: 0px;margin:5px 0 10px;}
  .ld_con03_text div.p p:nth-of-type(1){padding-bottom: 0;height: auto;}
  .ld_con03_text div.p p.other_p+p{width: 30px;height: 30px;}
  .ld_con03_text div.p p img{display: none;}
  .ld_con03_text div.p p.other_p+p img{display: block;width:100%;}
  
  .ld_con03_text div.p p em{display: block;}
  .ld_con03_text div.p p:nth-of-type(1) em{position: relative;top: 30px;}
  .ld_con03_text div.p p.other_p em{position: relative;top: 60px;}
  .ld_con03_text div.p p:last-child em{left: 20px;opacity: 0;position: relative;}
}
@media only screen and (max-width: 450px){
  .ld_con03 .video>img{width:145%;}
}

.ld_con04{background: #fff;}
.ld_con04 dl{width: 770px;margin-left:auto;margin-right:auto;padding:70px 0;overflow: hidden;}
.ld_con04 dl a{border:1px solid #f60;display:inline-block;width: 185px;height: 50px;line-height: 50px;text-align: center;font-size: 18px;color: #fff;background: #f60;border-radius: 50px;}
.ld_con04 dl dt{float: left;margin-right: 230px;background: url(../img/ld_img16.png) no-repeat;padding-left: 83px;height: 55px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.ld_con04 dl dd{float: left;background: url(../img/ld_img17.png) no-repeat;padding-left: 75px;height: 55px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.ld_con04 dl dt:hover{background-position: 10px 0;}
.ld_con04 dl dt:hover a{color: #f60;background: transparent;}
.ld_con04 dl dd:hover{background-position: 10px 0;}
.ld_con04 dl dd:hover a{color: #f60;background: transparent;}

@media only screen and (max-width: 1100px){
  .ld_con04 dl{padding:40px 0;}
}
@media only screen and (max-width: 1000px){
  .ld_con04 dl{width: 590px;}
  .ld_con04 dl dt{width: 270px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right: 50px;}
  .ld_con04 dl dd{width: 270px;-webkit-box-sizing:border-box;box-sizing:border-box;}
}
@media only screen and (max-width: 767px){
  .ld_con04 dl{padding:20px 0;width: 100%;text-align: center;}
  .ld_con04 dl a{width: 90%;text-indent: 20px;}
  .ld_con04 dl dt{width:50%;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;background: none;padding:0;}
  .ld_con04 dl dt a{background:#f60 url(../img/ld_img16_0.png) no-repeat 30px center;}
  .ld_con04 dl dd{width:50%;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;background: none;padding:0;}
  .ld_con04 dl dd a{background:#f60 url(../img/ld_img17_0.png) no-repeat 30px center;}
}
@media only screen and (max-width: 320px){
  .ld_con04 dl dt a{font-size: 14px; height:40px;line-height: 40px;background-position: 20px center;}
  .ld_con04 dl dd a{font-size: 14px; height:40px;line-height: 40px;background-position: 20px center;}
}

.ld_con05{background:#fff;}
.ld_con05 .ld_c05_con{max-width:1740px;margin-right: auto;margin-left: auto;}
.ld_con05 dl{position: relative;float: left;margin-left: 40px;}
.ld_con05 dl dd{overflow: hidden;height:0px;padding-bottom: 63.5%;}
.ld_con05 dl dd img{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.ld_con05 dl:first-child{margin-left: 0;}
.ld_con05 dl dt{position: absolute;top:50%;left: 0px;right: 0px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index: 2;}
.ld_con05 dl dt p:first-child{margin-bottom: 25px;}
.ld_con05 dl dt p:first-child+p{margin-bottom: 15px;}
.ld_con05 dl:hover dd img{transform:scale(1.05);}

.ld_con05 dl:nth-of-type(1){top: 20px;opacity: 0;}
.ld_con05 dl:nth-of-type(2){top: 20px;opacity: 0;}
.ld_con05 dl:nth-of-type(3){top: 20px;opacity: 0;}

@media only screen and (max-width: 1750px){
  .ld_con05 .ld_c05_con{}
  .ld_con05 dl{width: 31.3%;margin:0 1%;}
  .ld_con05 dl:first-child{margin-left: 1%;}
  .ld_con05 dl img{width: 100%;}
}
@media only screen and (max-width: 767px){
  .ld_con05 dl{width: 95%;margin:0 auto;float: none;margin-bottom: 10px;}
  .ld_con05 dl:first-child{margin:0 auto;margin-bottom: 10px;}
}


.ld_con06{background: #fff url(../img/ld_img12.jpg) no-repeat center bottom;padding:100px 0;}
.ld_con06>h3{text-align: center;}
.ld_con06 .pho{max-width: 945px;margin-right: auto;margin-left: auto;}
.ld_con06 .pho dl{height: 61px;line-height: 61px;margin-top: 50px;}
.ld_con06 .pho dl img{vertical-align: middle;}
.ld_con06 .pho dt{float: left;margin-right: 50px;}
.ld_con06 .pho dd{float: left;margin-left: 50px;}
.ld_con06 .pho dd:nth-of-type(1){margin-left: 0px;}
@media only screen and (max-width: 1100px){
  .ld_con06{padding:50px 0 80px;}
  .ld_con06>h3{margin-top: 0px;margin-bottom: 40px;}
  .ld_con06>h3 img{width: 160px;}
  .ld_con06 .pho{max-width: 900px;}
  .ld_con06 .pho dl img{width: 80%;}
  .ld_con06 .pho dd{margin-left: 0;}
  .ld_con06 .pho dl{margin-top: 0;}
}
@media only screen and (max-width: 1000px){
  .ld_con06 .pho{width: 70%;}
  .ld_con06 .pho dt{margin-right: 0px;}
  .ld_con06 .pho dl img{width: 100%;}
  .ld_con06 .pho dl dt img{width:80%;}
  .ld_con06 .pho dd{width: 44%;}
}
@media only screen and (max-width: 767px){
  .ld_con06{padding:20px 0 40px;}
  .ld_con06>h3{margin-bottom: 20px;}
  .ld_con06 .pho{width: 80%;padding-left:40px;-webkit-box-sizing:border-box;box-sizing:border-box;}
  .ld_con06 .pho dd{width: 100%;}
  .ld_con06 .pho dl{margin-bottom: 20px;height: auto;line-height: 3;position: relative;}
  .ld_con06 .pho dt{position: absolute;top: 0px;left: -40px;}
  .ld_con06 .pho dl dt img{width: 50%;}
}

.ld_con07{background: #2d2b2b;padding:55px 0 60px;position: relative;}
.ld_con07 p{text-align: center;color:#fff;}
.ld_con07 p:first-child{margin-bottom: 20px;}
.ld_con07 .ld_ewm{position: absolute;right: 80px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
@media only screen and (max-width: 1000px){
    .ld_con07 .ld_ewm{position: static;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);text-align: center;margin-top:30px;}
}
@media only screen and (max-width: 767px){
  .ld_con07{padding:20px 0;}
  .ld_con07 i{display: block;}
}
@media only screen and (max-width: 320px){
  .ld_con07{font-size: 12px;}
}


.year_bg{position: fixed;top: 0px;bottom: 0px;left: 0px;right:0px;background: rgba(0,0,0,0.7);z-index: 999999;}
.year_bg .year_con{position: absolute;width: 75%;top:50%;left: 50%;
  -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
}
.lt9 .year_bg .year_con{margin-left:-720px;margin-top:-410px;}
.year_bg .y_close{position: absolute;right: 10px;top:10px;cursor: pointer;z-index: 9999;}
.year_bg video{width:100%;}
.year_bg img{width: 100%;}

.year_btn{padding:5px 12px;text-align: center;cursor: pointer;
  background: #ff6600;color: #fff;float: right;margin-top: 20px;
}
.year_btn em{padding-right: 10px;display: inline-block;line-height: 1;font-size: 16px;}
.header02 .year_btn{margin-top:30px;}
.end_img{display: none;}

.year_bg .vid_btn{position: absolute;top: 50%;z-index: 999;left: 0px;right: 0px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color: #fff;}
.year_bg .vid_btn h3{font-size: 36px;width: 346px;margin:10px auto;}
.year_bg .vid_btn p{font-size: 18px; letter-spacing:36px;width: 337px;margin:0 auto;}
.year_bg .vid_btn a{display:block;width:80px;height: 40px;background: url(../flash/vi_play.png) no-repeat;margin:25px auto;}

@media only screen and (max-width: 1260px){
  .year_btn em{display: none;}
}
@media only screen and (max-width: 1200px){
  .year_btn{margin-top: 30px;}
}
@media only screen and (max-width: 1024px){
  .year_btn{margin-top: 20px;background: transparent;margin-right: 20px;}

  .year_bg .vid_btn h3{font-size: 28px;letter-spacing:5px;width:301px;}
  .year_bg .vid_btn p{letter-spacing:32px;width: 288px;font-size: 16px;}
  .year_bg .vid_btn a{width: 70px;}
}
@media only screen and (max-width: 767px){
  .year_btn{margin-top: 21px;}
  .year_bg .year_con{width: 95%;}

  .year_bg .vid_btn h3{font-size: 18px;letter-spacing:0px;width:100%;text-align: center;letter-spacing:3px;margin:0 auto;}
  .year_bg .vid_btn p{letter-spacing:0px;width: 100%;text-align: center;font-size: 14px;letter-spacing:3px;}
  .year_bg .vid_btn a{width: 40px;margin:15px auto;}
}