/*
    ----------------------------------- 
            方法变量    
                     
    Create Time : 2014-07-22
    Update Time : 2015-08-03
    Author      : Trueland Development Department
    -----------------------------------
*/
/*
    ---------------------- 
            普通方法 
    ---------------------- 

    1 .opc()              // 透明度     - 传整数 50 代表 0.5   
    2 .pos(r)             // 定位方式 - 必须传参，r 代表relative || a 代表absolute ||  f 代表 fixed
    3 .font()             // 字体大小 - 默认12px 
    4 .align()            // 文本对齐 - 默认 center
    5 .lineH()            // 行高设置 - 默认 20px
   11 .arrow(r)           // 三角箭头 - 必须传参    l:向左箭头 | r:向右箭头 | t:向上箭头 | b:向下箭头
   12 .float()            // 快速浮动 - 默认为 left ||  left: 向左浮动   | right:向右浮动
   13 .fontC(d)           // 字大小写 - 比传参数 d 为 大写 s 为首字母大写
   14 .fontB()            // 字体粗细 - 默认加粗  fontB(100) 传100 就是 变细

   ----------------------
   CSS3 方法 
   ---------------------- 

   01 .borderR()          // 圆角设置 - 默认为 5px
   02 .linearG(red,blue)  // 线性渐变 - 两个颜色值 是开始到结束  目前支持 *上下* 渐变
   03 .bgFull             // 背景充满 - 背景等比例拉伸 使用 ：bgFull;
   04 .css3Tansition()    // 过度属性 - 默认两个值 前者是过渡动画时间 后者是过渡动画效果 使用 : .css3tansition(.4s,ease)
   

   //滤镜

   05 .filterBlur()       // 滤镜模糊 - 使用 ：.filterBlur(2px); 默认 5px
   06 .filterGrayscale()  // 滤镜灰度 - 使用 ：.filterGrayscale(100%); 默认100% ★注意参数 是 0%~100$; 100%代表全灰
   07 .filterSepia()      // 滤镜褐色 - 使用 ： .filterSepia(1); 默认1 ★注意参数 (同上)
   08 .filterBrightness() // 滤镜亮度 - 使用 ： .filterBrightness(10); 默认5 ★注意参数 10代表100% 5代表50%
   09 .filterHue()        // 滤镜色相 - 使用 ： .filterHue(180deg); 默认180deg ★注意参数 0deg~360deg
   10 .filterInvert()     // 滤镜反色 - 使用 ： .filterInvert(1); 默认1 ★注意参数 0.1~1 1代表100%
   11 .filterSaturate()   // 滤镜饱和 - 使用 ： .filterSaturate(5); 默认5 ★注意参数 5 代表 50%
   12 .filterContrast()   // 滤镜对比 - 使用 ： .filterContrast(1.5); 默认1.5 ★注意参数 1.5代表 15%
    
   ----------------------
        普通嵌套 
   ---------------------- 

   01 .vcenter            // 垂直水平居中
   02 .tHide              // 文本超出隐藏省略
   03 .blockFull          // 块状元素 宽高100%
   04 .block              // 块状元素 没有设置宽高
   05 .centerBlock        // 左右居中
   05 .clearfix           // 清除浮动

    -----------------------------------
*/
body { width: 100%; overflow-x: hidden; }
.bgFull {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-behavior: url(css/cover.htc);
  behavior: url(css/cover.htc);
}
.vcenter {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tHide {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.blockFull {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.block {
  display: block;
  position: relative;
}
.centerBlock {
  margin-left: auto;
  margin-right: auto;
}
.clearfix {
  clear: both;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-loading .slick-list {
  background: #ffffff url("../images/ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-prev,
.slick-next {
  z-index: 20;
  position: absolute;
  display: block;
  height: 60px;
  width: 30px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -30px;
  padding: 0;
  border: none;
  outline: none;
  border: 1px solid red;
}
.slick-prev {
  left: 30px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: 30px;
}
.slick-next {
  right: 30px;
}
[dir="rtl"] .slick-next {
  left: 30px;
  right: auto;
}
.slick-dots {
  position: absolute;
  bottom: 20px;
  height: auto;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  line-height: 0;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  display: block;
  height: 10px;
  width: 10px;
  padding: 0;
  margin: 0;
  outline: none;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: #cccccc;
  border-radius: 0px;
}
.slick-dots li.slick-active button {
  background: #333333;
}
img {
  max-width: 100%;
}
.w1260 {
  width: 1260px;
  margin: 0 auto;
}
.page {
  margin-top: 30px;
  text-align: center;
}
.page a {
  display: inline-block;
  min-width: 42px;
  padding: 0 15px;
  line-height: 42px;
  border: 1px solid #e4e4e4;
}
.page a:hover,
.page a.cur {
  background: #222222;
  color: #fff;
}
.footer {
  background: #222222;
  padding: 60px 8%;
}
.footer .left {
  float: left;
}
.footer .left .bq {
  color: #999999;
  font-size: 14px;
}
.footer .left .foot_nav {
  margin-top: 15px;
  border-bottom: 1px solid #393939;
}
.footer .left .foot_nav a {
  padding-bottom: 16px;
  display: block;
  float: left;
  color: #999;
  font-size: 14px;
  position: relative;
  margin-left: 20px;
  transition: all .5s;
}
.footer .left .foot_nav a:first-child {
  margin-left: 0;
}
.footer .left .foot_nav a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #fff;
  transition: all .5s;
}
.footer .left .foot_nav a:hover {
  color: #fff;
}
.footer .left .foot_nav a:hover:before {
  width: 100%;
}
.footer .left .bottom {
  margin-top: 15px;
}
.footer .left .bottom a {
  display: block;
  float: left;
  font-size: 14px;
  color: #999;
  margin-right: 10px;
}
.footer .right {
  float: right;
}
.footer .right .dh {
  font-family: DINEngschriftStd;
  font-size: 41px;
  color: #999;
  margin-bottom: 10px;
}
.footer .right p {
  font-size: 15px;
  line-height: 24px;
  color: #999;
}
.title {
  text-align: center;
}
.title .info {
  color: #666666;
  font-size: 16px;
  text-transform: uppercase;
}
.title h3,.title h2 {
  color: #333333;
  font-size: 30px;
  margin-top: 3px;
}
.title i {
  display: block;
  width: 31px;
  height: 3px;
  background: url(../images/i.jpg) no-repeat center center;
  margin: 25px auto;
}
.title .text {
  color: #666666;
  font-size: 16px;
  line-height: 30px;
}
.title2 .tit img {
  margin-right: 20px;
}
.title2 .tit .info {
  font-size: 16px;
}
.title2 .tit h3 {
  margin-top: 0;
}
.title3 {
  text-align: center;
}
.title3 h3 {
  color: #333333;
  font-size: 24px;
}
.title3 p {
  margin-top: 10px;
  color: #666666;
  font-size: 14px;
}
.home_div {
  background: url(../images/home_bg1.jpg);
  padding-bottom: 60px;
}
.home_div .con_box {
  position: relative;
  z-index: 2;
  background: url(../images/bg01.jpg) no-repeat center center;
  height: 460px;
  margin-top: -150px;
  padding-top: 50px;
}
.home_div .con_box ul {
  margin-top: 50px;
}
.home_div .con_box ul li {
  float: left;
  width: 33.33333333%;
  text-align: center;
  padding-bottom: 10px;
  border-left: 1px dotted #d6d6d6;
}
.home_div .con_box ul li:first-child {
  border-left: none;
}
.home_div .con_box ul li .bt {
  color: #666666;
  font-size: 22px;
  line-height: 34px;
  font-weight:bold;
}
.home_div .con_box ul li .bt span {
  color: #015aaa;
  font-weight: bold;
  font-size: 24px;
}
.home_div .con_box ul li .icon {
  margin-top: 30px;
  line-height: 0;
}
.home_div .con_box ul li .icon img {
  height: 60px;
}
.home_div2 {
  background: url(../images/home_bg2.jpg) no-repeat center top;
  padding: 60px 0;
}
.home_div2 ul {
  margin-top: 40px;
}
.home_div2 ul li {
  float: left;
  width: 400px;
  position: relative;
  overflow: hidden;
  margin-left: 30px;
}
.home_div2 ul li:first-child {
  margin-left: 0;
  margin-top: 48px;
}
.home_div2 ul li:last-child {
  margin-top: 32px;
}
.home_div2 ul li .img {
  line-height: 0;
  overflow: hidden;
  position: relative;
  transition: transform 0.5s ease-out, opacity 0.35s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.35s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out, opacity 0.35s ease-out;
  -o-transition: -o-transform 0.5s ease-out, opacity 0.35s ease-out;
}
.home_div2 ul li .text {
  position: absolute;
  left: 0;
  color: #fff;
  bottom: 25px;
  width: 100%;
  text-align: center;
}
.home_div2 ul li .text small {
  display: block;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
}
.home_div2 ul li .text span {
  display: block;
  margin-top: 15px;
  font-size: 16px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.home_div2 ul li:hover .img {
  transform: scale3d(1.06, 1.06, 1.06) rotate(0.1deg);
  -webkit-transform: scale3d(1.06, 1.06, 1.06);
  -moz-transform: scale3d(1.06, 1.06, 1.06);
  -o-transform: scale3d(1.06, 1.06, 1.06);
}
.home_div3 {
  background: url(../images/home_bg3.jpg) no-repeat center center;
  min-height: 656px;
  padding: 60px 0;
}
.home_div3 .title .info {
  color: #fff;
  opacity: .5;
}
.home_div3 .title h3,.home_div3 .title h2,
.home_div3 .title .text {
  color: #fff;
}
.home_div3 .text_box {
  margin-top: 50px;
}
.home_div3 .text_box .icon {
  width: 110px;
  line-height: 0;
  margin: 0 auto;
}
.home_div3 .text_box .text {
  width: 669px;
  margin: 75px auto 0;
  position: relative;
}
.home_div3 .text_box .text p {
  color: #fff;
  font-size: 24px;
  line-height: 34px;
  font-weight: bold;
  padding-left: 40px;
  position: absolute;
}
.home_div3 .text_box .text p.d1 {
  left: -155px;
  bottom: 76px;
  background: url(../images/home_icon5.png) no-repeat left center;
}
.home_div3 .text_box .text p.d2 {
  left: 204px;
  top: 76px;
  padding-left: 45px;
  background: url(../images/home_icon6.png) no-repeat left center;
}
.home_div3 .text_box .text p.d3 {
  right: -118px;
  bottom: 40px;
  background: url(../images/home_icon7.png) no-repeat left center;
}
.home_div4 {
  background: url(../images/home_bg4.jpg) no-repeat center top;
  padding: 60px 0;
}
.home_div4 ul {
  margin-top: 50px;
}
.home_div4 ul li {
  float: left;
  width: 400px;
  background: #f2f2f2;
  min-height: 580px;
  text-align: center;
  padding: 65px 45px 0;
  margin-left: 30px;
}
.home_div4 ul li:first-child {
  margin-left: 0;
}
.home_div4 ul li .icon {
  line-height: 0;
}
.home_div4 ul li .icon img {
  height: 100px;
}
.home_div4 ul li h3 {
  margin-top: 30px;
  color: #333333;
  font-size: 24px;
}
.home_div4 ul li .t {
  margin-top: 15px;
  color: #333333;
  font-size: 16px;
  line-height: 30px;
}
.home_div4 ul li i {
  display: block;
  width: 40px;
  height: 3px;
  background: #919191;
  margin: 35px auto;
}
.home_div4 ul li .d {
  color: #666666;
  font-size: 15px;
  line-height: 30px;
  margin-bottom: 50px;
}
.home_div5 {
  background: #f6f6f6;
  padding: 60px 0;
}
.home_div5 .switch_img {
  margin: 25px 0;
}
.home_div5 .switch_img ul li {
  float: left;
  width: 420px;
  overflow: hidden;
  position: relative;
  transition: all .2s;
}
.home_div5 .switch_img ul li .show {
  line-height: 0;
}
.home_div5 .switch_img ul li .show .img {
  width: 420px;
  height: 340px;
  overflow: hidden;
  transition: transform 0.5s ease-out, opacity 0.35s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.35s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out, opacity 0.35s ease-out;
  -o-transition: -o-transform 0.5s ease-out, opacity 0.35s ease-out;
}
.home_div5 .switch_img ul li .hide {
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding-top: 85px;
  transition: all .4s;
  -o-transition: all .4s;
  -ms-transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
}
.home_div5 .switch_img ul li .hide .icon {
  line-height: 0;
  width: 124px;
  height: 88px;
  left: 50%;
  margin-left: -62px;
  position: relative;
  text-align: center;
}
.home_div5 .switch_img ul li .hide .icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.home_div5 .switch_img ul li .hide p {
  margin-top: 12px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.home_div5 .switch_img ul li .hide span {
  display: block;
  width: 32px;
  height: 32px;
  margin: 20px auto 0;
}
.home_div5 .switch_img ul li:hover .show .img {
  transform: scale3d(1.06, 1.06, 1.06) rotate(0.1deg);
  -webkit-transform: scale3d(1.06, 1.06, 1.06);
  -moz-transform: scale3d(1.06, 1.06, 1.06);
  -o-transform: scale3d(1.06, 1.06, 1.06);
}
.home_div5 .switch_img ul li:hover .hide {
  bottom: 0;
  opacity: 0;
  display: none;
}
.home_div5 .switch_img .slick-prev,
.home_div5 .switch_img .slick-next {
  width: 64px;
  height: 64px;
  border: none;
  margin-top: -32px;
}
.home_div5 .switch_img .slick-prev {
  left: -100px;
  background: url(../images/prev.png) no-repeat center center;
}
.home_div5 .switch_img .slick-next {
  right: -100px;
  background: url(../images/next.png) no-repeat center center;
}
.home_news {
  padding: 60px 0;
}
.home_news ul {
  margin: 50px 0;
}
.home_news ul li {
  float: left;
  width: 400px;
  overflow: hidden;
  margin-left: 30px;
}
.home_news ul li:first-child {
  margin-left: 0;
}
.home_news ul li .img {
  width: 400px;
  height: 285px;
  overflow: hidden;
  transition: transform 0.5s ease-out, opacity 0.35s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.35s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out, opacity 0.35s ease-out;
  -o-transition: -o-transform 0.5s ease-out, opacity 0.35s ease-out;
}
.home_news ul li .text {
  padding-top: 25px;
}
.home_news ul li .text h3 {
  color: #333333;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.home_news ul li .text .data {
  color: #999999;
  font-size: 13px;
  margin: 10px 0 10px;
}
.home_news ul li .text p {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.home_news ul li .text span {
  margin-top: 15px;
  color: #999999;
  font-size: 12px;
  display: inline-block;
  line-height: 24px;
  padding: 0 12px;
  background: #f5f5f5;
}
.home_news ul li:hover .img {
  transform: scale3d(1.06, 1.06, 1.06) rotate(0.1deg);
  -webkit-transform: scale3d(1.06, 1.06, 1.06);
  -moz-transform: scale3d(1.06, 1.06, 1.06);
  -o-transform: scale3d(1.06, 1.06, 1.06);
}
.nybanner {
  position: relative;
  min-height: 950px;
  height: 950px;
}
.nybanner .banner_bg {
  height: 100%;
  width: 100%;
}
.nybanner .text {
  position: absolute;
  left: 0;
  top: 358px;
  width: 100%;
  text-align: center;
}
.nybanner .text .d1 {
  color: #ffffff;
  font-size: 30px;
  font-weight: lighter;
}
.nybanner .text h3 {
  font-weight: normal;
  font-size: 20px;
  color: #fff;
  margin-top: 25px;
  margin-bottom: 35px;
}
.nybanner .text h3 span {
  color: #e91f3e;
  font-weight: bold;
  font-size: 38px;
  position: relative;
  bottom: -4px;
}
.nybanner .text .d2 {
  display: inline-block;
  min-width: 393px;
  line-height: 51px;
  color: #fff;
  font-size: 16px;
  padding: 0 10px;
  background: url(../images/nybanner_icon_bg.png) no-repeat center center;
}
.nybanner .text .d3 {
  color: #ffffff;
  font-size: 16px;
  margin-top: 25px;
}
.nybanner .seo_text {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 250px;
  color: #fff;
}
.nybanner .seo_text .d1 {
  font-size: 16px;
}
.nybanner .seo_text .t {
  margin: 15px 0 10px;
  display: inline-block;
  text-transform: uppercase;
  background: linear-gradient(to right, #ff0000, #0000ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nybanner .seo_text h3 {
  font-size: 40px;
}
.nybanner .seo_text .d2 {
  margin-top: 18px;
  font-size: 20px;
}
.nybanner .seo_text .d2 span {
  font-size: 24px;
  font-weight: bold;
}
.nybanner .seo_text .img {
  line-height: 0;
  margin-top: 24px;
}
.nybanner2 {
  position: relative;
  min-height: 600px;
  height: 600px;
}
.nybanner2 .banner_bg {
  height: 100%;
  width: 100%;
}
.nybanner2 .text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  color: #fff;
}
.nybanner2 .text h3 {
  font-size: 36px;
  line-height: 1.4;
}
.nybanner2 .text p {
  margin-top: 20px;
  font-size: 18px;
}
.inner_box {
  position: relative;
  z-index: 1;
  padding-bottom: 70px;
}
.inner_box ul {
  margin-top: -170px;
}
.inner_box ul li {
  float: left;
  position: relative;
  overflow: hidden;
  width: 420px;
}
.inner_box ul li:last-child {
  width: 840px;
  margin-top: -340px;
}
.inner_box ul li .img {
  line-height: 0;
  transition: transform 0.5s ease-out, opacity 0.35s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.35s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out, opacity 0.35s ease-out;
  -o-transition: -o-transform 0.5s ease-out, opacity 0.35s ease-out;
}
.inner_box ul li .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  padding-top: 40px;
  color: #333333;
}
.inner_box ul li .text h3 {
  font-size: 16px;
}
.inner_box ul li .text h3 span {
  background: linear-gradient(to right, #ff0000, #0000ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.inner_box ul li .text p {
  color: #666666;
  font-size: 14px;
  margin-top: 5px;
}
.inner_box ul li .text3 {
  text-align: left;
  padding-top: 80px;
  padding-left: 50px;
  color: #ffffff;
}
.inner_box ul li .text3 h3 {
  font-size: 24px;
}
.inner_box ul li .text3 p {
  margin-top: 20px;
  font-size: 18px;
  color: #fff;
}
.inner_box ul li .text3 i {
  margin: 25px 0;
  display: block;
  width: 30px;
  height: 3px;
  background: #ffffff;
}
.inner_box ul li .text3 .bottom span {
  margin-bottom: 24px;
  display: block;
  line-height: 0;
}
.inner_box ul li .text4 {
  text-align: left;
  color: #fff;
  padding-left: 55px;
  padding-top: 105px;
}
.inner_box ul li .text4 h3 {
  font-size: 24px;
}
.inner_box ul li .text4 p {
  margin-top: 20px;
  color: #fff;
}
.inner_box ul li:hover .img {
  transform: scale3d(1.06, 1.06, 1.06) rotate(0.1deg);
  -webkit-transform: scale3d(1.06, 1.06, 1.06);
  -moz-transform: scale3d(1.06, 1.06, 1.06);
  -o-transform: scale3d(1.06, 1.06, 1.06);
}
.inner_box2 {
  background: url(../images/inner_bg.jpg) no-repeat center top/cover;
  padding: 60px 0;
}
.inner_box2 ul {
  margin-top: 20px;
  margin-bottom: 30px;
}
.inner_box2 ul li {
  float: left;
  width: 9.09090909%;
  text-align: center;
  height: 38px;
  overflow: hidden;
  margin: 25px 0;
}
.inner_box2 ul li img {
  height: 38px;
}
.inner_box3 {
  background: url(../images/inner_bg2.jpg) no-repeat center bottom;
  padding-top: 60px;
}
.inner_box3 .left {
  margin-top: 20px;
  float: left;
  width: 530px;
}
.inner_box3 .left .title {
  text-align: left;
}
.inner_box3 .left .title i {
  margin-left: 0;
}
.inner_box3 .left ul {
  margin-top: 20px;
}
.inner_box3 .left ul li {
  margin-top: 35px;
  float: left;
  width: 50%;
}
.inner_box3 .left ul li span {
  display: block;
  float: left;
  width: 35px;
  height: 35px;
}
.inner_box3 .left ul li .t {
  float: left;
  margin-left: 15px;
}
.inner_box3 .left ul li .t .bt {
  font-size: 16px;
  color: #333333;
}
.inner_box3 .left ul li .t p {
  color: #999999;
  font-size: 12px;
}
.inner_box3 .right {
  width: 573px;
  float: right;
  line-height: 0;
}
.inner_box4 {
  background: url(../images/inner_bg3.jpg) no-repeat center center/cover;
  min-height: 710px;
  padding: 90px 0;
}
.inner_box4 .title h3,.inner_box4 .title h2,
.inner_box4 .title .text {
  color: #fff;
}
.inner_box4 ul {
  margin-top: 70px;
}
.inner_box4 ul li {
  float: left;
  width: 33.33333333%;
  text-align: center;
}
.inner_box4 ul li .icon {
  background: url(../images/icon_bg2.png) no-repeat center center/cover;
  width: 206px;
  height: 206px;
  margin: 0 auto;
  color: #fff;
  padding-top: 60px;
  position: relative;
}
.inner_box4 ul li .icon:before{
  background: url(../images/icon_bg_y.png) center center/cover;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: zhuan 3s linear infinite;
  animation: zhuan 3s linear infinite;
}


@keyframes zhuan {
    0% {
       transform: rotate(0);
    }
    100% {
    transform: rotate(360deg);
    }
}

@-webkit-keyframes zhuan {
   0% {
       transform: rotate(0);
    }
    100% {
    transform: rotate(360deg);
    }

}

.inner_box4 ul li .icon .img {
  height: 52px;
  overflow: hidden;
}
.inner_box4 ul li .icon p {
  margin-top: 18px;
  font-size: 16px;
}
.inner_box4 ul li .text {
  width: 288px;
  margin: 25px auto 0;
  color: #fff;
}
.inner_box4 ul li .text h3 {
  font-size: 16px;
}
.inner_box4 ul li .text p {
  margin-top: 20px;
  font-size: 14px;
  line-height: 24px;
}
.Marketing_tab {
  width: 1030px;
  margin: 68px auto 0;
  background: url(../images/Marketing_bg.png);
}
.Marketing_tab li {
  float: left;
  width: 20%;
  padding: 20px 0;
  text-align: center;
  position: relative;
}
.Marketing_tab li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -27px;
  width: 1px;
  height: 54px;
  background: rgba(255, 255, 255, 0.2);
}
.Marketing_tab li:first-child::before {
  display: none;
}
.Marketing_tab li .icon {
  height: 32px;
  overflow: hidden;
}
.Marketing_tab li p {
  margin-top: 8px;
  color: #fff;
  font-size: 13px;
}
.marketing_box {
  padding: 60px 0;
}
.marketing_box ul {
  margin-top: 40px;
  margin-left: -30px;
}
.marketing_box ul li {
  float: left;
  width: 400px;
  margin-left: 30px;
  overflow: hidden;
}
.marketing_box ul li .img {
  line-height: 0;
  overflow: hidden;
}
.marketing_box ul li .text {
  padding-top: 30px;
  text-align: center;
}
.marketing_box ul li .text h3 {
  color: #333333;
  font-size: 20px;
}
.marketing_box ul li .text p {
  margin-top: 8px;
  color: #666666;
  font-size: 16px;
  line-height: 24px;
}
.marketing_box2 {
  background: url(../images/Marketing_bg2.jpg) no-repeat center center/cover;
  min-height: 720px;
  padding-top: 115px;
}
.marketing_box2 .left {
  float: left;
  width: 860px;
  background: rgba(255, 255, 255, 0.8);
  padding: 52px 50px;
}
.marketing_box2 .left .top {
  text-align: center;
}
.marketing_box2 .left .top h3 {
  color: #333333;
  font-size: 24px;
}
.marketing_box2 .left .top i {
  display: block;
  width: 100%;
  height: 1px;
  background: #e3dfdb;
  margin-top: 33px;
  position: relative;
}
.marketing_box2 .left .top i img {
  height: 3px;
  position: relative;
  margin-top: -1px;
}
.marketing_box2 .left .youhua_box {
  margin-top: 20px;
}
.marketing_box2 .left .youhua_box ol li {
  float: left;
  width: 315px;
  overflow: hidden;
  margin: 40px 0;
}
.marketing_box2 .left .youhua_box ol li:nth-child(2n) {
  float: right;
}
.marketing_box2 .left .youhua_box ol li .icon {
  float: left;
  width: 80px;
  line-height: 0;
}
.marketing_box2 .left .youhua_box ol li .text {
  width: 215px;
  float: right;
}
.marketing_box2 .left .youhua_box ol li .text .bt {
  color: #333333;
  font-size: 16px;
}
.marketing_box2 .left .youhua_box ol li .text p {
  margin-top: 5px;
  color: #666666;
  font-size: 14px;
  line-height: 22px;
}
.marketing_box2 .left .youhua_box .slick-dots {
  bottom: -20px;
}
.marketing_box2 .left .youhua_box .slick-dots li button {
  width: 23px;
  height: 3px;
  background: #c2bebc;
}
.marketing_box2 .left .youhua_box .slick-dots li.slick-active button {
  background: url(../images/i.jpg) no-repeat center center;
}
.marketing_box2 .right {
  float: right;
  width: 360px;
  padding-top: 80px;
}
.marketing_box2 .right .title {
  text-align: right;
}
.marketing_box2 .right .title i {
  margin-right: 0;
}
.marketing_box2 .right .title .info,
.marketing_box2 .right .title h3,.marketing_box2 .right .title h2,
.marketing_box2 .right .title .text {
  color: #fff;
}
.marketing_box2 .right .logo {
  margin-top: 42px;
  text-align: right;
  line-height: 0;
}
.marketing_box3 {
  background: url(../images/Marketing_bg3.jpg) no-repeat center top/cover;
}
.marketing_box4 {
  background: url(../images/Marketing_bg4.jpg) no-repeat center center/cover;
  min-height: 780px;
  padding-top: 120px;
}
.marketing_box4 .left {
  float: left;
  width: 400px;
  color: #fff;
}
.marketing_box4 .left .title {
  text-align: left;
}
.marketing_box4 .left .title i {
  margin-left: 0;
}
.marketing_box4 .left .title .info,
.marketing_box4 .left .title h3,.marketing_box4 .left .title h2,
.marketing_box4 .left .title .text {
  color: #fff;
}
.marketing_box4 .left .logo {
  margin-top: 42px;
  text-align: left;
  line-height: 0;
}
.marketing_box4 .right {
  float: right;
  width: 800px;
}
.marketing_box4 .right ul li {
  height: 270px;
  float: left;
  width: 397px;
  margin-bottom: 5px;
  padding: 70px 55px 0;
  background: url(../images/g01.jpg) no-repeat center center;
  overflow: hidden;
}
.marketing_box4 .right ul li .text h3 {
  color: #333333;
  font-size: 22px;
  font-weight: normal;
}
.marketing_box4 .right ul li .text p {
  margin-top: 15px;
  color: #333333;
  font-size: 14px;
  line-height: 24px;
}
.marketing_box4 .right ul li.li2 {
  float: right;
  background: url(../images/g02.jpg) no-repeat center center;
}
.marketing_box4 .right ul li.li3 {
  width: 100%;
  background: url(../images/g03.jpg) no-repeat center center;
}
.marketing_box4 .right ul li.li3 .text {
  width: 395px;
}
.marketing_box4 .right ul li.li3 .text p {
  margin-top: 32px;
}
.marketing_box5 {
  background: url(../images/Marketing_bg5.jpg) no-repeat center top;
  padding: 60px 0 70px;
}
.marketing_box5 ul {
  margin-top: 40px;
  margin-left: -6px;
}
.marketing_box5 ul li {
  float: left;
  width: 310px;
  margin-left: 6px;
  overflow: hidden;
  position: relative;
}
.marketing_box5 ul li:nth-child(2n) {
  margin-top: 20px;
}
.marketing_box5 ul li .img {
  line-height: 0;
  overflow: hidden;
  transition: transform 0.5s ease-out, opacity 0.35s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.35s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out, opacity 0.35s ease-out;
  -o-transition: -o-transform 0.5s ease-out, opacity 0.35s ease-out;
}
.marketing_box5 ul li .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 102px 25px 0;
  text-align: center;
  color: #fff;
}
.marketing_box5 ul li .text .icon {
  line-height: 0;
}
.marketing_box5 ul li .text h3 {
  margin: 25px 0 15px;
  font-size: 16px;
}
.marketing_box5 ul li .text p {
  font-size: 15px;
  line-height: 24px;
}
.marketing_box5 ul li:hover .img {
  transform: scale3d(1.06, 1.06, 1.06) rotate(0.1deg);
  -webkit-transform: scale3d(1.06, 1.06, 1.06);
  -moz-transform: scale3d(1.06, 1.06, 1.06);
  -o-transform: scale3d(1.06, 1.06, 1.06);
}
.marketing_box6 {
  padding: 60px 0 70px;
  background: #f6f6f6;
}
.marketing_box6 ul {
  margin-top: 40px;
  background: #fff;
  border-left: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
}
.marketing_box6 ul li {
  float: left;
  width: 25%;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  text-align: center;
  height: 130px;
  padding-top: 16px;
}
.marketing_box6 ul li .img {
  width: 100%;
  height: 70px;
  position: relative;
}
.marketing_box6 ul li .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.marketing_box6 ul li p {
  margin-top: 10px;
  color: #666666;
  font-size: 12px;
}
.seo_box {
  background: url(../images/Marketing_bg5.jpg) no-repeat center top;
  padding: 70px 0;
}
.seo_box ul li {
  margin-top: 50px;
  float: left;
  width: 20%;
  text-align: center;
}
.seo_box ul li .icon {
  height: 77px;
  overflow: hidden;
}
.seo_box ul li .text {
  padding-top: 15px;
}
.seo_box ul li .text h3 {
  color: #333333;
  font-size: 16px;
  font-weight: normal;
}
.seo_box ul li .text P {
  margin-top: 5px;
  color: #666666;
  font-size: 14px;
}
.seo_box2 {
  background: url(../images/seo_bg.jpg) no-repeat center center;
  min-height: 700px;
  padding-top: 72px;
}
.seo_box2 .text {
  float: right;
  width: 566px;
}
.seo_box2 .text .title {
  text-align: left;
}
.seo_box2 .text .title h3,.seo_box2 .text .title h2,
.seo_box2 .text .title .text,
.seo_box2 .text .title .info {
  color: #fff;
}
.seo_box2 .text .title i {
  margin-left: 0;
}
.seo_box2 .text ul {
  padding-top: 80px;
}
.seo_box2 .text ul li {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}
.seo_box2 .text ul li .icon {
  float: left;
  width: 73px;
  line-height: 0;
}
.seo_box2 .text ul li .text {
  float: right;
  width: 476px;
  color: #fff;
}
.seo_box2 .text ul li .text h3 {
  font-size: 16px;
}
.seo_box2 .text ul li .text p {
  margin-top: 10px;
  font-size: 14px;
}
.seo_box3 {
  background: url(../images/Marketing_bg5.jpg) no-repeat center top;
  padding: 60px 0 70px;
}
.seo_box3 ul {
  margin-top: 40px;
}
.seo_box3 ul li {
  float: left;
  width: 400px;
  position: relative;
  overflow: hidden;
  margin-left: 30px;
}
.seo_box3 ul li:first-child {
  margin-left: 0;
  margin-top: 70px;
}
.seo_box3 ul li:last-child {
  margin-top: 108px;
}
.seo_box3 ul li .img {
  line-height: 0;
  overflow: hidden;
  position: relative;
  transition: transform 0.5s ease-out, opacity 0.35s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.35s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out, opacity 0.35s ease-out;
  -o-transition: -o-transform 0.5s ease-out, opacity 0.35s ease-out;
}
.seo_box3 ul li .text {
  position: absolute;
  left: 0;
  color: #fff;
  bottom: 25px;
  width: 100%;
  text-align: center;
}
.seo_box3 ul li .text small {
  display: block;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
}
.seo_box3 ul li .text span {
  display: block;
  margin-top: 10px;
  font-size: 16px;
}
.seo_box3 ul li:hover .img {
  transform: scale3d(1.06, 1.06, 1.06) rotate(0.1deg);
  -webkit-transform: scale3d(1.06, 1.06, 1.06);
  -moz-transform: scale3d(1.06, 1.06, 1.06);
  -o-transform: scale3d(1.06, 1.06, 1.06);
}
.seo_box4 {
  background: url(../images/seo_bg2.jpg) no-repeat center top/cover;
  padding: 60px 0 70px;
}
.seo_box4 ul {
  margin-top: 40px;
  margin-left: -16px;
}
.seo_box4 ul li {
  float: left;
  width: 303px;
  margin-left: 16px;
  position: relative;
  overflow: hidden;
}
.seo_box4 ul li .img {
  line-height: 0;
  position: relative;
  transition: transform 0.5s ease-out, opacity 0.35s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.35s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out, opacity 0.35s ease-out;
  -o-transition: -o-transform 0.5s ease-out, opacity 0.35s ease-out;
}
.seo_box4 ul li .top {
  position: absolute;
  right: 0;
  top: 0;
  background: #bbbcbf;
  width: 40px;
  color: #ffffff;
  font-size: 15px;
  padding: 15px 10px;
  text-align: center;
  transition: all .5s;
}
.seo_box4 ul li .text {
  opacity: 0;
  position: absolute;
  left: 5%;
  bottom: 3%;
  width: 90%;
  padding: 20px;
  background: #fff;
  transition: all .5s;
}
.seo_box4 ul li .text h3 {
  font-weight: normal;
  color: #333333;
  font-size: 18px;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 15px;
}
.seo_box4 ul li .text h3 span {
  font-family: DINEngschriftStd;
  text-transform: uppercase;
  font-size: 30px;
  position: relative;
  bottom: -2px;
  margin-right: 10px;
}
.seo_box4 ul li .text p {
  margin-top: 10px;
  color: #333333;
  font-size: 14px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.seo_box4 ul li:hover .img {
  transform: scale3d(1.06, 1.06, 1.06) rotate(0.1deg);
  -webkit-transform: scale3d(1.06, 1.06, 1.06);
  -moz-transform: scale3d(1.06, 1.06, 1.06);
  -o-transform: scale3d(1.06, 1.06, 1.06);
}
.seo_box4 ul li:hover .top {
  opacity: 0;
}
.seo_box4 ul li:hover .text {
  opacity: 1;
}
.seo_box5 {
  background: url(../images/Marketing_bg5.jpg) no-repeat center top;
}
.seo_box6 {
  margin-top: 30px;
  padding-bottom: 70px;
  background: url(../images/seo_bg3.jpg) repeat-x left bottom #f8f8f8;
}
.seo_box6 .left {
  padding-top: 75px;
  float: left;
  width: 610px;
}
.seo_box6 .left .title {
  text-align: left;
}
.seo_box6 .left .title i {
  margin-left: 0;
}
.seo_box6 .left ul {
  margin-top: 40px;
}
.seo_box6 .left ul li {
  float: left;
  width: 172px;
  text-align: center;
  margin-left: 47px;
}
.seo_box6 .left ul li:first-child {
  margin-left: 0;
}
.seo_box6 .left ul li .icon {
  width: 100px;
  line-height: 0;
  margin: 0 auto;
}
.seo_box6 .left ul li .text {
  padding-top: 20px;
}
.seo_box6 .left ul li .text h3 {
  color: #333333;
  font-size: 18px;
}
.seo_box6 .left ul li .text p {
  margin-top: 12px;
  color: #666666;
  font-size: 16px;
  line-height: 24px;
  /*height: 72px;
  overflow: hidden;*/
}
.seo_box6 .right {
  margin-top: -40px;
  width: 570px;
  float: right;
}
.seo_box6 .right .img {
  line-height: 0;
  height: 365px;
}
.seo_box6 .right .text {
  padding-top: 28px;
}
.seo_box6 .right .text .top {
  margin-bottom: 15px;
}
.seo_box6 .right .text .top img {
  float: left;
  height: 30px;
  margin-right: 15px;
}
.seo_box6 .right .text .top h3 {
  color: #333333;
  font-size: 22px;
  float: left;
  padding-top: 2px;
}
.seo_box6 .right .text p {
  font-size: 16px;
  line-height: 32px;
  color: #666666;
}
.service_tab {
  position: relative;
  z-index: 1;
  margin-top: -50px;
}
.service_tab ul {
  text-align: center;
}
.service_tab ul li {
  display: inline-block;
  text-align: center;
  max-width: 200px;
  min-width: 200px;
  height: 50px;
  padding-top: 15px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.service_tab ul li.cur,
.service_tab ul li:hover {
  background: #015aaa;
}
.service_box {
  padding: 60px 0 70px;
}
.service_box ul.service_list {
  /*margin-top: 40px;*/
  margin-left: -15px;
}
.service_box ul.service_list li {
  float: left;
  /*width: 410px;*/
  margin-bottom: 22px;
 /* margin-left: 15px;*/
  overflow: hidden;
      width: 33.1%;
    margin-right: 0.35%;
}

.service_box ul.service_list li:nth-child(3n) {
    margin-right: 0;
}

.service_box ul.service_list li .img .tu{
 /* width: 410px;
  height: 332px;*/

  position: relative;
  transition: transform 0.5s ease-out, opacity 0.35s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.35s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out, opacity 0.35s ease-out;
  -o-transition: -o-transform 0.5s ease-out, opacity 0.35s ease-out;
  overflow: hidden;
}
.service_box ul.service_list li .img img {
 /* display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;*/
}
.service_box ul.service_list li .text {
  padding-top: 12px;
}
.service_box ul.service_list li .text h3 {
  color: #333333;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.service_box ul.service_list li .text p {
  margin-top: 5px;
  color: #666666;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.service_box ul.service_list li:hover .img .tu{
  transform: scale3d(1.06, 1.06, 1.06) rotate(0.1deg);
  -webkit-transform: scale3d(1.06, 1.06, 1.06);
  -moz-transform: scale3d(1.06, 1.06, 1.06);
  -o-transform: scale3d(1.06, 1.06, 1.06);
}
.service_box .service_gz {
  line-height: 0;
  margin-bottom: 25px;
  overflow: hidden;
}
.show_con {
  background: #f9f9f9 url(../images/show_bg.jpg) no-repeat center top;
  padding-top: 205px;
}
.show_con2 {
  background: #f9f9f9 url(../images/nybanner4.jpg) no-repeat center top;
}
.showtext {
  text-align: center;
  color: #fff;
}
.showtext h1 {
  font-size: 40px;
  margin-bottom: 22px;
}
.showtext p {
  font-size: 14px;
  line-height: 30px;
  width: 1040px;
  margin: 0 auto;
}
.showtext a {
  font-size: 15px;
  color: #fff;
  display: inline-block;
  margin: 26px 0;
  text-decoration: underline;
}
.showtext .t {
  font-size: 15px;
}
.showtext .t span {
  display: inline-block;
  margin: 0 10px;
}
.showtext .img {
  line-height: 0;
  margin-top: 40px;
}
.showtext .gyh {
  text-align: center;
  line-height: 27px;
}
.showtext .gyh p {
  display: inline-block;
  width: auto;
  margin: 0 50px;
  font-size: 18px;
  text-transform: uppercase;
}
.showtext .gyh p span {
  font-weight: bold;
}
.showtext .gyh p em {
  font-style: normal;
  display: inline-block;
  margin-left: 10px;
}
.showtext .gyh .d1 {
  background: url(../images/show_icon.png) no-repeat left center;
  padding-left: 35px;
}
.showtext2 {
  margin-top: 40px;
  background: #ffffff;
  padding: 38px 0 35px;
}
.showtext2 .show_d {
  width: 320px;
}
.showtext2 .show_d .icon {
  float: left;
  width: 83px;
  height: 83px;
  line-height: 0;
}
.showtext2 .show_d .text {
  float: right;
  width: 222px;
}
.showtext2 .show_d .text .bt {
  color: #333333;
  font-size: 16px;
}
.showtext2 .show_d .text p {
  margin-top: 5px;
  color: #666666;
  font-size: 12px;
  line-height: 20px;
  height: 60px;
  overflow: hidden;
}
.showtext2 .show_sx {
  margin-left: 60px;
}
.showtext2 .show_sx .bt {
  color: #333333;
  font-size: 16px;
  margin-left: 35px;
}
.showtext2 .show_sx ul {
  margin-top: 10px;
}
.showtext2 .show_sx ul li {
  float: left;
  margin-left: 35px;
}
.showtext2 .show_sx ul li .icon {
  float: left;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: hidden;
}
.showtext2 .show_sx ul li .icon i {
  display: block;
  width: 100%;
  height: 1400%;
}
.showtext2 .show_sx ul li .text {
  float: left;
  margin-left: 15px;
  color: #666666;
  font-size: 14px;
}
.showtext2 .show_sx ul li .text p {
  margin: 5px 0;
}
.showtext3 {
  padding: 40px 0 60px;
}
.showtext3 h1,
.showtext3 h3 {
  text-align: center;
  color: #333333;
  font-size: 24px;
  font-weight: normal;
}
.showtext3 .name {
  text-align: center;
  color: #666666;
  font-size: 14px;
  margin-top: 15px;
}
.showtext3 .show_detail {
  margin-top: 35px;
  background: #fff;
  color: #666666;
  font-size: 16px;
  line-height: 36px;
  padding: 50px;
}
.nybanner .b-about-text {
  top: 270px;
}
.nybanner .b-about-text h3 {
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 30px;
}
.nybanner .b-about-text p {
  color: #fff;
  font-size: 24px;
}
.nybanner .b-about-text p span {
  display: inline-block;
  margin: 0 15px;
  background: url(../images/about1.png) no-repeat left center;
  padding-left: 20px;
}
.about_top {
  position: relative;
  z-index: 1;
  width: 803px;
  margin: -135px auto 0;
}
.about_top ul li {
  float: left;
  width: 265px;
  margin-left: 4px;
  background: rgba(0, 0, 0, 0.5);
  height: 88px;
  padding: 20px 0 0 54px;
  position: relative;
  color: #fff;
}
.about_top ul li:before {
  content: "";
  position: absolute;
  left: 0;
  width: 4px;
  top: 0;
  height: 88px;
  background: url(../images/aboutx.jpg) no-repeat center center;
}
.about_top ul li:first-child {
  margin-left: 0;
}
.about_top ul li .icon {
  line-height: 0;
  float: left;
}
.about_top ul li .text {
  float: left;
  margin-left: 20px;
  margin-top: -8px;
}
.about_top ul li .text h3 {
  font-weight: normal;
}
.about_top ul li .text h3 span {
  font-size: 32px;
  font-weight: bold;
  position: relative;
  bottom: -2px;
  margin-right: 5px;
}
.about_box {
  padding: 100px 0 70px;
  background: url(../images/about_icon2.jpg);
}
.about_box .box1 {
  margin-top: 35px;
}
.about_box .box1 .img {
  line-height: 0;
}
.about_box .box1 .text {
  margin-top: 35px;
  color: #333333;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
.about_box2 {
  background: #f9f9f9;
}
.about_box3 {
  background: url(../images/about_bg2.jpg) no-repeat center top / cover;
  padding: 60px 0 80px;
}
.about_box3 .about_qifei {
  margin-top: 40px;
}
.about_box3 .about_qifei ol {
  margin-left: -30px;
}
.about_box3 .about_qifei ol li {
  float: left;
  width: 400px;
  height: 400px;
  overflow: hidden;
  margin-left: 30px;
}
.about_box3 .about_qifei ol li img {
  transition: transform 0.5s ease-out, opacity 0.35s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.35s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out, opacity 0.35s ease-out;
  -o-transition: -o-transform 0.5s ease-out, opacity 0.35s ease-out;
}
.about_box3 .about_qifei ol li:hover img {
  transform: scale3d(1.06, 1.06, 1.06) rotate(0.1deg);
  -webkit-transform: scale3d(1.06, 1.06, 1.06);
  -moz-transform: scale3d(1.06, 1.06, 1.06);
  -o-transform: scale3d(1.06, 1.06, 1.06);
}
.about_box3 .about_qifei .slick-dots {
  bottom: -40px;
}
.about_box3 .about_qifei .slick-dots li button {
  width: 36px;
  height: 4px;
  background: #000000;
  border-radius: 3px;
}
.about_box3 .about_qifei .slick-dots li.slick-active button {
  background: #015aaa;
}
.about_box4 {
  background: #f9f9f9;
  padding: 60px 0 0;
}
ul.contact_dz {
  position: relative;
  z-index: 2;
  margin-top: 50px;
}
ul.contact_dz li {
  float: left;
  width: 400px;
  height: 320px;
  background: #fff;
  padding: 60px 20px 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  margin-left: 30px;
}
ul.contact_dz li:first-child {
  margin-left: 0;
}
ul.contact_dz li h3 {
  text-align: center;
  color: #333333;
  font-size: 26px;
}
ul.contact_dz li .t {
  margin-top: 25px;
  color: #666666;
  font-size: 16px;
  line-height: 36px;
}
ul.contact_dz li .t p span {
  float: left;
  width: 75px;
  text-align: right;
}
ul.contact_dz li .t p em {
  float: right;
  width: 285px;
}
#map {
  width: 100%;
  height: 585px;
  margin-top: -150px;
}
.nybanner .b-contact-text {
  position: absolute;
  left: 50%;
  width: 1260px;
  top: 350px;
  margin-left: -630px;
  text-align: left;
  color: #fff;
}
.nybanner .b-contact-text h3 {
  font-size: 36px;
  margin-bottom: 0;
}
.nybanner .b-contact-text p {
  margin-top: 12px;
  font-size: 16px;
  line-height: 30px;
}
.nybanner .b-contact-text .dh {
  width: 450px;
  margin-top: 12px;
  font-size: 25px;
  line-height: 33px;
  font-weight: bold;
  background: url(../images/dh.png) no-repeat left top;
  padding-left: 43px;
  border-bottom: 1px dotted #939b9f;
  padding-bottom: 15px;
}
.nybanner .b-contact-text .dh span {
  display: inline-block;
  margin-right: 20px;
}
.nybanner .b-contact-text .dh span:last-child {
  margin-right: 0;
}
.nybanner .b-contact-text .bottom {
  margin-top: 25px;
}
.nybanner .b-contact-text .bottom a {
  display: block;
  width: 180px;
  line-height: 45px;
  /*background: #015aaa;*/
  background: url(../images/feedback3.jpg) no-repeat center center/cover;
  border-radius: 3px;
  float: left;
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
}
.nybanner .b-contact-text .bottom a i {
  display: inline-block;
  width: 17px;
  height: 19px;
  background: url(../images/dh1.png) no-repeat center center;
  margin-right: 5px;
  position: relative;
  top: 5px;
}
.contact_box {
  margin-top: -160px;
  background: #f9f9f9;
  padding-bottom: 70px;
}
.contact_box ul.contact_dz {
  margin-top: 0;
}
.feedback {
  padding: 60px 0;
}
.feedback .box1 .title3 {
  text-align: left;
}
.feedback .box1 .title3 h3 {
  color: #333333;
  font-size: 30px;
}
.feedback .box1 .title3 p {
  color: #666;
  font-size: 14px;
  margin-top: 10px;
}
.feedback .box1 ul {
  margin-top: 30px;
}
.feedback .box1 ul li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.feedback .box1 ul li input {
  float: left;
  width: 250px;
  border: 1px solid #F6F6F6;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  line-height: 50px;
  font-family: "微软雅黑";
  font-size: 14px;
  padding: 0 15px;
  color: #666;
}
.feedback .box1 ul li textarea {
  width: 100%;
  height: 130px;
  border: 1px solid #F6F6F6;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  font-family: "微软雅黑";
  font-size: 14px;
  padding: 15px;
  color: #666;
}
.feedback .box1 ul li .text span {
  float: left;
  line-height: 50px;
  color: #999999;
}
.feedback .box1 ul li .text div {
  float: left;
  line-height: 50px;
}
.feedback .box1 ul li .text div em {
  color: #999999;
  float: left;
  font-style: normal;
  margin-right: 30px;
  background: url(../images/feedback1.jpg) no-repeat left 19px;
  padding-left: 20px;
}
.feedback .box1 ul li .text div em.cur {
  background-image: url(../images/feedback2.jpg);
}
.feedback .box1 ul li .btn {
  width: 135px;
  line-height: 45px;
  background: url(../images/feedback3.jpg) no-repeat center center;
  color: #fff;
  border: none;
  box-shadow: none;
  font-size: 16px;
}
.feedback .box1 ul li .t {
  float: left;
  line-height: 45px;
  margin-left: 20px;
  color: #999999;
}
.feedback .box1 #map {
  margin-top: 30px;
}
.nybanner .b-design-text {
  top: 300px;
  color: #ffffff;
}
.nybanner .b-design-text h3 {
  font-size: 40px;
  font-weight: bold;
}
.nybanner .b-design-text p {
  font-size: 19px;
  line-height: 36px;
  margin-bottom: 40px;
}
.design_box1 {
  background: url(../images/design_bg8.jpg);
  padding-bottom: 60px;
}
.design_box1 ul {
  margin-top: -160px;
  position: relative;
  z-index: 1;
  background: url(../images/design_bg9.jpg) no-repeat center center;
  height: 260px;
}
.design_box1 ul li {
  float: left;
  width: 33.33333333%;
  height: 260px;
  text-align: center;
  padding: 45px 42px 0;
  position: relative;
}
.design_box1 ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -84px;
  width: 1px;
  height: 168px;
  border-left: 1px dotted #d6d6d6;
}
.design_box1 ul li:first-child::before {
  display: none;
}
.design_box1 ul li .icon {
  height: 60px;
  overflow: hidden;
}
.design_box1 ul li .text {
  padding-top: 25px;
}
.design_box1 ul li .text h3 {
  color: #333333;
  font-size: 18px;
}
.design_box1 ul li .text p {
  margin-top: 12px;
  color: #666666;
  font-size: 14px;
  line-height: 24px;
}
.design_box2 {
  padding: 60px 0 70px;
  background: url(../images/design_bg2.jpg) no-repeat center bottom / cover;
}
.design_box2 ul {
  padding-top: 25px;
}
.design_box2 ul li {
  float: left;
  width: 380px;
  margin-left: 60px;
}
.design_box2 ul li:first-child {
  margin-left: 0;
}
.design_box2 ul li .img {
  width: 380px;
  height: 200px;
  line-height: 0;
  overflow: hidden;
}
.design_box2 ul li .text {
  padding-top: 30px;
  text-align: center;
}
.design_box2 ul li .text h3 {
  color: #333333;
  font-size: 20px;
}
.design_box2 ul li .text p {
  margin-top: 15px;
  color: #333333;
  font-size: 15px;
  line-height: 24px;
}
.design_box2 ul li .bottom {
  margin-top: 20px;
  margin-left: 72px;
  color: #666666;
  font-size: 16px;
  line-height: 40px;
  font-weight:bold;
}
.design_box2 ul li .bottom p {
  background: url(../images/design_bg7.png) no-repeat left center;
  padding-left: 25px;
}
.design_box3 {
  background: url(../images/design_bg3.jpg) no-repeat center center/cover;
  min-height: 749px;
  padding-top: 60px;
}
.design_box3 .title {
  margin-bottom: 50px;
}
.design_box3 .title .info,
.design_box3 .title h3,.design_box3 .title h2,
.design_box3 .title .text {
  color: #fff;
}
.design_box4 {
  padding: 60px 0 70px;
  background: url(../images/design_bg4.jpg) no-repeat center bottom/cover;
}
.design_box4 ul {
  margin-top: 2px;
  margin-left: -30px;
}
.design_box4 ul li {
  float: left;
  width: 400px;
  height: 260px;
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  margin-left: 30px;
}
.design_box4 ul li .img {
  line-height: 0;
  overflow: hidden;
}
.design_box4 ul li .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 48px;
}
.design_box5 {
  background: url(../images/design_bg5.jpg) no-repeat center top/cover;
  padding: 65px 0 70px;
}
.design_box5 .title .info,
.design_box5 .title h3,.design_box5 .title h2,
.design_box5 .title .text {
  color: #fff;
}
.design_box5 ul {
  margin: 50px 0;
}
.design_box5 ul li {
  float: left;
  width: 33.33333333%;
  text-align: center;
  color: #fff;
}
.design_box5 ul li .top h3 {
  font-size: 18px;
  margin-bottom: 3px;
}
.design_box5 ul li .top span {
  font-size: 14px;
}
.design_box5 ul li .icon {
  margin: 25px 0;
  line-height: 0;
}
.design_box5 ul li p {
  width: 335px;
  line-height: 30px;
  margin: 0 auto;
}
.Himg {
  overflow: hidden;
  transition: transform 0.5s ease-out, opacity 0.35s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.35s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out, opacity 0.35s ease-out;
  -o-transition: -o-transform 0.5s ease-out, opacity 0.35s ease-out;
}
.Himg:hover {
  transform: scale3d(1.06, 1.06, 1.06) rotate(0.1deg);
  -webkit-transform: scale3d(1.06, 1.06, 1.06);
  -moz-transform: scale3d(1.06, 1.06, 1.06);
  -o-transform: scale3d(1.06, 1.06, 1.06);
}
.bread {
  position: relative;
  background: #f6f6f6;
  padding: 15px 0; z-index: 5;
}
.news_box {
  background: #f6f6f6;
  padding-bottom: 60px;
}
.news_box .left {
  max-width: 865px;
  background: #fff;
  width: 100%;
  float: left;
  padding: 35px 30px;
}
.news_box .left .tit {
  border-bottom: 1px solid #dee1e1;
  color: #999999;
  font-size: 14px;
  font-weight: normal;
  padding-bottom: 24px;
}
.news_box .left .tit span {
  color: #333;
  font-weight: bold;
  font-size: 24px;
  display: inline-block;
  margin-right: 10px;
}
.news_box .right {
  float: right;
  max-width: 365px;
  width: 100%;
  padding: 35px 30px;
  background: #fff;
}
.news_box .right .xiaotong {
  margin-top: 20px;
  margin-bottom: 20px;
}
.news_box .right .xiaotong li {
  float: left;
  width: auto;
  height: 35px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  margin: 0 10px 8px 0;
  padding: 0 1em;
}
.news_box .right .xiaotong li a {
  display: block;
  text-align: center;
  line-height: 33px;
  color: #777777;
  font-size: 14px;
}
.news_box .right .tit {
  color: #333333;
  font-size: 16px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px;
  position: relative;
}
.news_box .right .tit:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 3px;
  height: 16px;
  background: #1a58ab;
}
.news_box .right .tit span {
  padding-left: 18px;
  position: relative;
}
.news_box .right .tit span:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 84px;
  height: 2px;
  background: #1a58ab;
}
.news_box .right .wz_con {
  margin-top: 20px;
}
.news_box .right .wz_con li {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.news_box .right .wz_con li:last-child {
  margin-bottom: 0;
}
.news_box .right .wz_con li .img {
  float: left;
  width: 109px;
  height: 74px;
  display: block;
  position: relative;
}
.news_box .right .wz_con li .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.news_box .right .wz_con li .text {
  width: 185px;
  float: right;
}
.news_box .right .wz_con li .text .bt {
  color: #555555;
  font-size: 14px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.news_box .right .wz_con li .text .con_btn {
  margin-top: 5px;
  color: #999999;
  font-size: 14px;
}
.news_box .right .wz_con li .text .con_btn a {
  float: left;
  display: block;
  color: #999999;
  margin-right: 18px;
  background: url(../images/s1.jpg) no-repeat left center;
  padding-left: 20px;
}
.news_box .right .wz_con li .text .con_btn span {
  float: left;
}
.news_list ul li {
  float: left;
  width: 100%;
  border-bottom: 1px dotted #dcdcdc;
  padding: 30px 0;
}
.news_list ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.news_list ul li .img {
  width: 226px;
  height: 153px;
  float: left;
  position: relative;
}
.news_list ul li .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.news_list ul li .text {
  float: right;
  width: 550px;
}
.news_list ul li .text .bt {
  color: #333333;
  font-size: 20px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.news_list ul li .text p {
  margin-top: 5px;
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.news_list ul li .con_btn {
  margin-top: 8px;
  color: #999999;
  font-size: 14px;
}
.news_list ul li .con_btn a {
  float: left;
  display: block;
  color: #999999;
  margin-right: 18px;
  background: url(../images/s1.jpg) no-repeat left center;
  padding-left: 20px;
}
.news_list ul li .con_btn span {
  float: left;
}
.news_list ul li .more {
  margin-top: 11px;
  display: block;
  width: 112px;
  line-height: 32px;
  border: 1px solid #f6f6f6;
  color: #b9b9b9;
  text-align: center;
  text-transform: uppercase;
}
.news_list .bottom {
  text-align: center;
  background: #f2f2f2;
  line-height: 44px;
  height: 44px;
}
.news_list .bottom a {
  display: block;
  color: #666666;
  font-size: 15px;
  text-transform: uppercase;
}
.news_list .bottom a i {
  background: url(../images/s4.jpg) no-repeat left center;
  width: 31px;
  height: 9px;
  display: inline-block;
  margin-left: 9px;
  position: relative;
  top: -1px;
}
.news_show h1 {
  color: #333333;
  font-size: 24px;
}
.news_show .date {
  margin-top: 20px;
  line-height: 24px;
}
.news_show .date .da {
  float: left;
  display: table;
}
.news_show .date .da span {
  float: left;
  display: inline-block;
  color: #888888;
  font-size: 14px;
  margin-right: 16px;
}
.news_show .date .fx {
  line-height: 24px;
  float: right;
  display: table;
}
.news_show .date .fx span {
  display: inline-block;
  float: left;
  color: #888888;
  font-size: 14px;
}
.news_show .date .fx div {
  margin-top: 2px;
  float: left;
  display: table;
}
.news_show .date .fx div a {
  height: 16px;
  display: block;
  float: left;
  margin-left: 10px;
}
.news_show .g_newstop {
  position: relative;
  margin-top: 25px;
  background: #fafafa;
  padding: 30px;
}
.news_show .g_newstop p {
  color: #777777;
  font-size: 14px;
  line-height: 26px;
}
.news_show .detail {
  padding-top: 30px;
  color: #666666;
  font-size: 14px;
  line-height: 26px;
}
.news_show .fanpian {
  margin-top: 30px;
}
.news_show .fanpian p {
  float: left;
  width: 48%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news_show .fanpian p:last-child {
  float: right;
  text-align: right;
}

.down_btn{
	position: absolute;
	left: 50%;
	bottom: 50px;
	margin-left: -21px;
	width: 42px;
	height: 42px;
}

/*.nybanner2 .b_case_text{
	top: 200px;
}*/
.nybanner2 .b_case_text .d1{
	text-transform: uppercase;
	margin-bottom: 3px;
}
.nybanner2 .b_case_text .d2{
	margin-bottom: 20px;
}
.nybanner2 .b_case_text .d3{
	font-size: 14px;
}

.animate01{
    opacity: 0;
    transform: translateY(100px);
    -ms-transform:translateY(100px);     /* IE 9 */
    -moz-transform:translateY(100px);  /* Firefox */
    -webkit-transform:translateY(100px); /* Safari 和 Chrome */
    -o-transform:translateY(100px);
}

.noneAnimate{
    opacity:1;
    transition: all .8s;
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -o-transition:all .8s;

    transform: translateY(0);
    -ms-transform:translateY(0);     /* IE 9 */
    -moz-transform:translateY(0);  /* Firefox */
    -webkit-transform:translateY(0); /* Safari 和 Chrome */
    -o-transform:translateY(0);
}



/*右侧边栏样式*/
.sidebar-box{
    position: fixed;
    right:0;
    bottom:28%;
    transform: translateY(-50%);
    -ms-transform:translateY(-50%); /* IE 9 */
    -moz-transform:translateY(-50%);    /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 和 Chrome */
    -o-transform:translateY(-50%);
    z-index:1000;
}
.sidebar li{
    width:50px;
    height:50px;
    background-color: #EAEAEA;
    /*padding: 15px;*/
    position:relative;
    text-align:right;
    border-bottom: 1px solid #DBDBDB;
    transition:all 0.5s ease-in-out;
}
.sidebar li+li{

}
.sidebar li i{
    width:50px;
    height:49px;
    position: absolute;
    right:0;
    top:0;
    z-index:1100;
    background-color: #EAEAEA;
    transition:all 0.5s ease-in-out;
}

.sidebar li a{
    display:block;
    width:100%;
}
.sidebar li .text{
    width:220px;
    font-size:14px;
    color:#181818;
    font-weight: 600;
    position:absolute;
    left:50px;
    top:50%;
    transform: translateY(-50%);
    -ms-transform:translateY(-50%); /* IE 9 */
    -moz-transform:translateY(-50%);    /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 和 Chrome */
    -o-transform:translateY(-50%);
    text-align:left;
    z-index:10;
}
.sidebar li .icon01{
    background:url('../images/aside-img01.png') no-repeat center #EAEAEA;
}
.sidebar li .icon02{
    background:url('../images/aside-img02.png') no-repeat center #EAEAEA;
}
.sidebar li .icon03{
    background:url('../images/aside-img03.png') no-repeat center #EAEAEA;
}
.sidebar li .icon04{
    background:url('../images/aside-img04.png') no-repeat center #EAEAEA;
}
.sidebar li .icon05{
    background:url('../images/aside-img05.png') no-repeat center #EAEAEA;
}
.sidebar li .icon06{
    background:url('../images/aside-img06.png') no-repeat center #EAEAEA;
}



.sidebar:hover li{
    width: 250px;
}
.sidebar:hover li .text{
    left:30px;
}
.sidebar li:hover{
    background-color: #181818;
}
.sidebar li:hover .text{
    color: #FFFFFF;
}
.sidebar li:hover .icon01{
    background:url('../images/aside-img001.png') no-repeat center #181818;
}
.sidebar li:hover .icon02{
    background:url('../images/aside-img002.png') no-repeat center #181818;
}
.sidebar li:hover .icon03{
    background:url('../images/aside-img003.png') no-repeat center #181818;
}
.sidebar li:hover .icon04{
    background:url('../images/aside-img004.png') no-repeat center #181818;
}
.sidebar li:hover .icon05{
    background:url('../images/aside-img005.png') no-repeat center #181818;
}
.sidebar li:hover .icon06{
    background:url('../images/aside-img006.png') no-repeat center #181818;
}

/*侧边end*/
.links {
	  background: #171717;
	  padding: 20px 15px;
	}
	.links span {
	  display: inline-block;
	  color: rgba(255, 255, 255, 0.8);
	  font-weight: bold;
	  font-size: 14px;
	  float: left;
	  line-height: 24px;
	}
	.links .r {
	  margin-left: 10px;
	  margin-top: 2px;
	  float: left;
	  width: 1104px;
	}
	.links .r a {
	  margin-right: 30px;
	  line-height: 21px;
	  display: block;
	  float: left;
	  font-size: 13px;
	  color: rgba(255, 255, 255, 0.8);
	}
	.links .r a:hover {
	  color: #fff;
	}
		.w1180 {
    width: 1180px;
    margin: 0 auto;}
  #newBridge .nb-webim-light-message-0 .nb-webim-light-message-content{background: #efefef !important;}


.nybannerdx{overflow: hidden;}
.nybannerdx .banner_bg{
        width: calc(100% + 10vw);
    height: calc(100% + 10vw);
    transform: translate(-10vw, -10vw);
    transition: all 2s;
}

.nybannerdx.cur .banner_bg{
    transform: translate(0,0);
}

.home_e{
    padding: 60px 0 120px;
}
.home_e .ul{display: none;margin-top: 40px;}
.home_e .ul.cur{display: block;}
.home_e .ul li{
    width: 33.1%;
    margin-right: 0.35%;
    float: left;
    margin-bottom: 6px;
    position: relative;
  overflow:hidden;
}

.home_e .ul li:before{
  width:100%;
  height:100%;
  content:"";
  position:absolute;
  top:0;
  left:0;
  background:#fff;
  z-index:9;
  transition: 1s;
}

.home_e .ul.animated li:before{
  left:100%;
}
.home_e .ul li .video{position:relative;}
.home_e .ul li .video video{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:3;
}
.home_e .ul li .video img{opacity:0;}

.home_e .ul li .bg .more{
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    border: 1px solid #fff;
    padding: 8px 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.home_e .ul li.none{margin-right: 0;display: block;}
.home_e .ul li:nth-child(1){
    width: 66.55%;
}

.home_e .ul li .img img{
    transform: scale(1);
    transition: all 0.4s;
    overflow: hidden;
}

.home_e .ul li:hover .img img{
    transform: scale(1.1);
}

@media(max-width: 1920px){
    .home_e {
        padding: 40px 0 90px;
    }
}

@media(max-width: 1500px){
    .home_e {
        padding: 40px 0 70px;
    }
}

@media(max-width: 1100px){
    .home_e {
        padding: 20px 0 30px;
    }
    .home_e .tit{
        width: 100%;
    }
    .home_e .ul{margin-top: 20px;}
    .home_e .tit a{padding-top: 0;margin-right: 20px;}
    .home_e .ul{margin-top: 20px;}
}

@media(max-width: 900px){
    .home_e .ul li{margin-bottom: 1px;}
}

/*案例追加文字层*/
.home_e .ul li .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    background: rgba(0, 0, 0, .5);
    padding: 5%;
    color: #f9f9f9;
    opacity: 0;
    transition: all 0.6s;
}

.home_e .ul li .text .box2{
    position: relative;
    width: 100%;
    height: 100%;
}

.home_e .ul li .text .bt{
    position: absolute;
    top: 0;
    left: 0;
}

.home_e .ul li .text .wenzi{
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
    right: auto;
    width: auto;
    height: auto;
    line-height: 1.6;
    font-size: inherit;
}

.home_e .ul li .text .wenzi .js{
    margin-top: 8px;
    line-height: 1.6;
}

.home_e .ul li:hover .text{
    display: block;
    opacity: 1;
}
@media(max-width:1100px){
  .home_e .ul li:hover .text{display:none;}
}
.home_e-index{padding-top:0;}

.w1616{
  width: 84.1%;
  max-width: 1616px;
  margin: 0 auto;
}

@media(max-width: 1100px){
  .w1616{
    width: 100%;
    padding: 0 20px;
  }
}

.relative{position: relative;}
.hidden{overflow: hidden;}

.case_ultop li {
    width: 33.1%;
    margin-right: 0.35%;
    margin-bottom: 20px;
    float: left;
    position: relative;
}
.case_ultop li:nth-child(1){
  width: 66.55%;
}
.case_ultop li:nth-child(2) {
    margin-right: 0;
    float: right;
}
.case_ultop li .text .img{position: relative;}
.case_ultop li .text{
  padding-top: 12px;
}

.case_ultop li .text h3 {
    color: #333333;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.case_ultop li .text p {
    margin-top: 5px;
    color: #666666;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.case_ultop li video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    height: 100%;
}

.case_ultop li:nth-child(2) .img .tu{transition: all 0.6s;}
.case_ultop li:nth-child(2):hover .img .tu{
  transform: scale(1.06);
}


.case_mask{
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    display: none;
  z-index:10;
}
.case_mask .content{
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); /* IE 9 */
    -moz-transform:translate(-50%,-50%);    /* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%);
}
.case_mask .content .text{
    display: block;
    text-transform: capitalize;
    margin-top: 10px;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Arial';
}
.case_ultop li:hover .case_mask,.service_box ul.service_list li:hover .case_mask{
    display: block;
}
.service_box ul.service_list { display:flex; flex-wrap: wrap; }


.contact_a{
  background: ;
  margin-top: -6.7vw;
  padding-bottom: 3.6vw;
  background: #F9F9F9;
}

.contact_a .contact_a_box{
  padding: 68px 0 80px 108px;
  background: url(../images/contact_a_bg.jpg) center right/cover #fff;
}

.contact_a .contact_a_box .left{
  display: flex;
  flex-wrap: wrap;
}

.contact_a .contact_a_box .left .img{
  width: 71px;
}

.contact_a .contact_a_box .left .wenzi_box{
  width: calc(100% - 71px);
  padding-left: 1.6vw;
}

.contact_a .contact_a_box .left .wenzi_box .bt{color: #3D3D3D;font-weight: bold;}
.contact_a .contact_a_box .left .wenzi_box .wenzi{
  color: #3D3D3D;
  margin-top: 8px;
  line-height: 1.8;
}

.w1436{
  width: 1436px;
  margin: 0 auto;
}

@media(max-width: 1920px){
  .contact_a .contact_a_box{
    padding: 3.6vw 0 4vw 5.7vw;
  } 
}

#header .box2{
  height: 100%;
  background: #E91F3E;
  display: flex;
  align-items: center;
  justify-items: center;
}

#header .box2 .t{
  color: #fff;
  text-align: center;
  margin-top: 6px;
  font-size: 12px;
}
#header .box2 .img img{margin: 0 auto;text-align: center;}
#header .box3{
  background: #1D54A7;
}
#contents .slide_section .bg.index_banner{width: 100%;overflow: hidden;}
#contents .slide_section .bg.index_banner video{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}


.banner{
    overflow: hidden;
    position: relative;
}

.banner .bg{
    widows: 100vw;
    height: 100vh;
}

.banner .text{
    position: absolute;
}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide1 .text{
    left: 50%;
        top: calc(50% + 4vw);
    text-align: center;
    color: #fff;
    transform: translate(-50%,-50%);
}
.banner .swiper-slide .text .bt{font-weight: bold;}
.banner .swiper-slide .text .js{margin-top: 6px;line-height: 1.6;}
.banner .swiper-slide1 .text .img{margin: 2.3vw;width: 51.5vw;}


.banner .swiper-slide3 .text{
    position: absolute;
    left: 0;
    right: 0;
    top: 11.6vw;
    color: #333;
    width: 1260px;
    margin: 0 auto;
    transform: translateX(-15%);
    opacity: 0;
}
.banner .swiper-slide3 .text .js{color: #666;margin-top: 10px;}

.banner .swiper-slide4 .text{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    text-align: center;
}

.banner .swiper-slide4 .text .img{margin-top: 5.7vw;width: 61.9vw;}

.banner .swiper-slide .bg{
    transform: scale(1.2);
    transition: all 3s;
}

.banner .swiper-slide.swiper-slide-active .bg{
    transform: scale(1);
}

.banner .swiper-slide .text .img{transform: translateX(15%);transition: all 2s;opacity: 0;}
.banner .swiper-slide.swiper-slide-active .text .img{
   transform: translateX(0);
   opacity: 1;
}
.banner .swiper-slide .text .wenzi{
    transition: all 2s;
    opacity: 0;
    transform: translateX(-15%);
}
.banner .swiper-slide.swiper-slide-active .wenzi,.banner .swiper-slide3 .text{
    transform: translateX(0);
    opacity: 1;
}

.banner{position: relative;overflow: hidden;height: 100vh;}
.banner .swiper-pagination{
    bottom: 3.1vw;
}

.banner .swiper-pagination .swiper-pagination-bullet{
    width: 57px;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 2px;
    border-radius: 0;
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}

.w1414{
    width: 1414px;
    margin: 0 auto;
}

.index_a {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 1.6vw 0;
}
.index_a ul{display: flex;flex-wrap: wrap;}
.index_a ul li{
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index_a ul li:last-child{margin-right: 0;}
.index_a ul li .icon{
    width: 48px;
}
.index_a ul li .text{
    padding-left: 20px;
    max-width: calc(100% - 48px);
}
.index_a ul li .text .bt{
    color: #222222
}
.index_a ul li .text .bt span{color: #2557A7;}
.index_a ul li .text .js{
    color: #666666;
    margin-top: 2px;
    line-height: 1.6;
}

@media(max-width: 1500px){
    .w1414{
        width: 80%;
    }
}
@media(max-width: 1400px){
  .banner .bg,.banner{height: 120vh;}
}
.index_b{
    padding: 4.6vw 0;
    background: #F6F6F6;
}

.index_b .ul{
    margin-top: 1.7vw;
    display: flex;
    flex-wrap: wrap;
}

.index_b .ul li{
    width: 13.3%;
    overflow: hidden;
    position: relative;
    transition: all 0.6s;
}
.index_b .ul li.cur{
    width: 46.8%;
    
}
.index_b .ul li .img{
    width: 593px;
    position: relative;
}
.index_b .ul li .img:before{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    transition: all 0.6s;
    opacity: 1;
    width: 100%;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    background: #1D54A7;
}

.index_b .ul li .text{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    transition: all 0.6s;
    padding: 3.6vw 16px;
}

.index_b .ul li .text .num{color: rgba(255, 255, 255, 0.2);}
.index_b .ul li .text .bt{
    color: #fff;
}
.index_b .ul li .text .js,.index_b .ul li .text .js2{
    color: #fff;
    line-height: 1.6;
    margin-top: 6px;
}
.index_b .ul li .text .js{display: none;}
.index_b .ul li.cur .text{
    padding-right: 50%;
    padding-left: 2.1vw;
}

.index_b .ul li.cur .img:before{
    opacity: 0;
}
.index_b .ul li.cur .text .bt{font-size: 26px;}
.index_b .ul li.cur .text .js2{display: none;}
.index_b .ul li.cur .text .js{display: block;}
@media(max-width: 1700px){
    .index_b .ul li.cur .text .bt{font-size: 24px;}
}
@media(max-width: 1500px){
    .index_b .ul li.cur .text .bt{font-size: 20px;}
}


.index_c{
    padding: 4.3vw 0 4vw;
}

.index_c .ul{
    margin-top: 1.7vw;
    display: flex;
    flex-wrap: wrap;
}

.index_c .ul > li{
    width: 32.5%;
    background: #F6F7F7;
    transition: all 0.4s;
    margin-right: 1.25%;
}

.index_c .ul > li:last-child{margin-right: 0;}
.index_c .ul > li .top{
    padding: 1.6vw;
    text-align: center;
}
.index_c .ul > li .top .icon {margin: 0 auto;width: 50px;height: 55px;}
.index_c .ul > li .top .icon .icon2{display: none;}
.index_c .ul > li .top .text{
    margin-top: 12px;
}
.index_c .ul > li .top .text .bt{color: #222;transition: all 0.4s;}
.index_c .ul > li .top .text .bt span{font-weight: bold;text-decoration: underline;transition: all 0.4s;}
.index_c .ul > li .top .text .js{
    color: #3D3D3D;
    line-height: 1.6;
    margin-top: 10px;transition: all 0.4s;
}

.index_c .ul > li .top .text .wenzi{
    margin-top: 20px;
    padding-top: 20px;
    line-height: 1.6;transition: all 0.4s;
    color: #666666;
    border-top: 1px solid #D8D8D8;
    text-align: center;
}

.index_c .ul > li .top .text .wenzi ul li{
    position: relative;
    margin-bottom: 6px;
}
.index_c .ul > li .top .text .wenzi ul li:last-child{margin-bottom: 0;}
.index_c .ul > li .top .text .wenzi ul li:before{
    width: 8px;
    height: 8px;
    background: url(../images/index_c_f.svg) center left/cover;
    content: "";
    display: inline-block;
    margin-right: 5px;
    transition: all 0.4s;
}
.index_c .ul > li .top .text .wenzi ul li.tm:before{visibility: hidden;}

.index_c .ul > li:hover{
    background: #1D54A7;
}
.index_c .ul > li:hover .icon .icon1{display: none;}
.index_c .ul > li:hover .icon .icon2{display: block;}
.index_c .ul > li:hover .top .text .bt,.index_c .ul > li:hover .top .text .bt span,.index_c .ul > li:hover .top .text .js{
    color: #fff;
}

.index_c .ul > li:hover .top .text .wenzi{color: #fff;}
.index_c .ul > li:hover .top .text .wenzi ul li:before{
    background: url(../images/index_c_f2.svg) center left/cover;
}

#contents .section_360 .inner .bg .text2{
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.6;
  padding: 0 !important;
  position: relative;
}



/*新增详情页样式*/


/*服务案例详情*/
.casexq_banner{
    background: url(../images/casexq_banner.jpg) center center/cover;
}

.casexq_banner .text{
    padding-top: 170px;
      text-align: center;
}

.casexq_banner .text .top{
    width: 82%;
    margin:0 auto;
}

.casexq_banner .text .bt{
    color: #fff;
}

.casexq_banner .text .js{
    line-height: 1.8;
    color: #fff;
    margin-top: 16px;
}

.casexq_banner .text .more{
    margin-top: 22px;
    z-index: 1;
    position: relative;
}

.casexq_banner .text .more i,.casexq_banner .text a.more i{
    background-color: rgba(27, 107, 193, 1.0);
    z-index: -1;
    height: calc(100% + 2px);
    top: 50%;
    transform: translateY(-50%);
}

.casexq_banner .text .more:after,.casexq_banner .text a.more:after{
    background: rgba(68, 156, 192, 0.3);
}

.casexq_banner .text .fb{
    margin-top: 50px;
}
.casexq_banner .text .fb img{
  transform:translateY(1px);
  image-rendering:-moz-crisp-edges;
  image-rendering:-o-crisp-edges;
  image-rendering:-webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode:nearest-neighbor;
}
.casexq_banner .mobile-box{
  display:inline-block;
  margin-top:40px;
  margin-bottom:30px;
  z-index:1;
}

.casexq_banner .mobile-box .mobile-l {
    width:380px;
    height: 770px;
    position: relative;
  float:left;
}

/**.casexq_banner .mobile-box .mobile-l .content01 {
    position: absolute;
    left: 50%;
    top: 18px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 356px;
    height: 526px;
}**/
.casexq_banner .mobile-box .mobile-l .content01{
  position:absolute;
  top:10px;
  left:12px;
}

.casexq_banner .mobile-box  .mobile-s {
    width: 380px;
    height: 770px;
    margin-left: -75px;
    margin-top: 35px;
    position: relative;
  float:left;
  border-radius: 38px;
}

.casexq_banner .mobile-box  .mobile-s .content02 {
    position: absolute;
    left: 50%;
    top: 65px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 100%;
    height: 100%;
    padding: 36px 20px 20px;
  z-index:10;
}

.casexq_banner .mobile-box .mobile-s .content02 p {
    padding: 15px 0 6px;
    text-align: center;
    border-top: 1px solid #D1D1D2;
    border-bottom: 1px solid #D1D1D2;
    font-size: 23px;
    margin-bottom: 6px;
    color: #000;
    font-family: '宋体';
    font-weight: 600;
}
.casexq_banner .mobile-box .mobile-s .content02 p span{margin-top:10px;display:block;}

.casexq_banner .mobile-box .mobile-s .content02 i {
    display: block;
    width: 25px;
    height: 30px;
    background: url(../images/mobile-img04.png) no-repeat;
    margin: 19px auto 20px;
}

.casexq_a{
  background:#efefef;
    padding: 80px 0 60px;
}

.casexq_a .nr{
    color: #333;
    line-height: 1.8;
  text-align:center;
}

.casexq_a .nr img{display:inline-block;}


@media(max-width: 1500px){
    .casexq_banner .text{
        padding-top: 150px;
    }
    .casexq_banner .text .fb {
        margin-top: 30px;
    }
    .casexq_a {
        padding: 80px 0 50px;
    }
}

/*新增案例详情页*/

.marginT5 { margin-top:5px; }
.marginT6 { margin-top:6px; }
.marginT8 { margin-top:8px; }
.marginT10 { margin-top:10px; }
.marginT15 { margin-top:15px; }
.marginT20 { margin-top:20px; }
.marginT30 { margin-top:30px; }
.marginT40 { margin-top:40px; }
.marginT50 { margin-top:50px; }
.marginT60 { margin-top:60px; }
.marginT70 { margin-top:70px; }
.marginT80 { margin-top:80px; }
.marginT90 { margin-top:90px; }
.marginT100 { margin-top:100px; }
.lh12 { line-height:1.2!important; }
.lh13 { line-height:1.3!important; }
.lh14 { line-height:1.4!important; }
.lh15 { line-height:1.5!important; }
.lh16 { line-height:1.6!important; }
.lh17 { line-height:1.7!important; }
.lh18 { line-height:1.8!important; }
.lh19 { line-height:1.9!important; }
.font150 { font-size:150px; line-height: 1; }
.font90 { font-size:90px; line-height: 1.2; }
.font55 { font-size:55px; line-height: 1.2; }
.font50 { font-size:50px; line-height: 1.2; }
.font72 { font-size:72px; line-height: 1.2; }
.font70 { font-size:70px; line-height: 1.2; }
.font47 { font-size:47px; line-height: 1.2; }
.font40 { font-size:40px; line-height: 1.2; }
.font42 { font-size:42px; line-height: 1.2; }
.font44 { font-size:44px; line-height: 1.2; }
.font76 { font-size:76px; line-height: 1.2; }
.font26 { font-size:26px; line-height: 1.2; }
.font30 { font-size:30px; line-height: 1.2; }
.font28 { font-size:28px; line-height: 1.2; }
.font36 { font-size:36px; line-height: 1.2; }
.font24 { font-size:24px; line-height: 1.2; }
.font32 { font-size:32px; line-height: 1.2; }
.font22 { font-size:22px; line-height: 1.2; }
.font21 { font-size:21px; line-height: 1.2; }
.font20 { font-size:20px; line-height: 1.2; }
.font18 { font-size:18px; line-height: 1.6; }
.font16 { font-size:16px; line-height: 1.6; }
.font15 { font-size:15px; line-height: 1.6; }
.font14 { font-size:14px; line-height: 1.6; }
.font12 { font-size:12px; line-height: 1.6; }
.font60 { font-size:60px; line-height: 1.2; }
.font54 { font-size:54px; line-height: 1.2; }
.font52 { font-size:52px; line-height: 1.2; }
.font66 { font-size:66px; line-height: 1.2; }
.font120 { font-size:120px; line-height: 1.2; }
.bold { font-weight:bold; }
.borderRadius6 { border-radius: 6px; overflow: hidden; }
.borderRadius5 { border-radius: 5px; overflow: hidden; }
.borderRadius10 { border-radius: 10px; overflow: hidden; }
.borderRadius20 { border-radius: 20px; overflow: hidden; }
.borderRadius30 { border-radius: 30px; overflow: hidden; }
.borderRadius40 { border-radius: 40px; overflow: hidden; }
@media(max-width:1900px){
    .marginT10 { margin-top:10px; }
    .marginT20 { margin-top:20px; }
    .marginT30 { margin-top:1.6vw; }
    .marginT40 { margin-top:2.2vw; }
    .marginT50 { margin-top:2.7vw; }
    .marginT60 { margin-top:3.4vw; }
    .marginT70 { margin-top:3.7vw; }
    .marginT80 { margin-top:4.3vw; }
    .marginT90 { margin-top:5vw; }
    .marginT100 { margin-top:5.4vw; }
    .font150 { font-size:7.8125vw; }
    .font90 { font-size: 4.6vw; }
    .font55 { font-size: 2.8vw; }
    .font50 { font-size: 2.5vw; }
    .font47 { font-size:2.25vw; }
    .font40 { font-size: 2vw; }
    .font36 { font-size: 1.8vw; }
    .font42 { font-size: 2.1vw; }
    .font44 { font-size: 2.2vw; }
    .font72 { font-size: 3.6vw; }
    .font70 { font-size: 3.5vw; }
    .font76 { font-size: 3.8vw; }
    .font32 { font-size: 1.6vw; }
    .font30 { font-size: 1.55vw;}
    .font24 { font-size: 1.2vw; }
    .font26 { font-size: 1.3vw; }
    .font28 { font-size: 1.4vw; }
    .font22 { font-size: 21px; }
    .font21 { font-size: 20px; }
    .font20 { font-size: 19px; }
    .font18 { font-size: 17px; }
    .font60 { font-size: 3.2vw; }
    .font54 { font-size: 3vw; }
    .font52 { font-size: 2.7vw; }
    .font66 { font-size: 3.4vw; }
    .font120 { font-size: 6.4vw; }
    .borderRadius20 { border-radius: 1.1vw; }
    .borderRadius30 { border-radius: 1.6vw; }
    .borderRadius40 { border-radius: 2.2vw; }
}
@media(max-width:1700px){
    .font21 { font-size: 19px; }
    .font22 { font-size: 20px; }
    .font20 { font-size: 18px; }
}
@media(max-width:1500px){
    .font21 { font-size: 18px; }
    .font22 { font-size: 19px; }
    .font18 { font-size: 16px; }
    .font20 { font-size: 17px; }
    .lh18 { line-height:1.6!important; }
}
@media(max-width:1300px){
    .font21 { font-size: 17px; }
    .font20 { font-size: 16px; }
    .font22 { font-size: 18px; }
}
@media(max-width:1100px){
    .marginT10 { margin-top:10px; }
    .marginT20 { margin-top:12px; }
    .marginT30 { margin-top:15px; }
    .marginT40 { margin-top:20px; }
    .marginT50 { margin-top:25px; }
    .marginT60 { margin-top:30px; }
    .marginT70 { margin-top:30px; }
    .marginT80 { margin-top:30px; }
    .marginT90 { margin-top:30px; }
    .marginT100 { margin-top:40px; }
    .font150 { font-size:28px; }
    .font90 { font-size: 28px; }
    .font55 { font-size: 24px; }
    .font50 { font-size: 22px; }
    .font76 { font-size: 30px; }
    .font32 { font-size: 18px; }
    .font30 { font-size: 18px;}
    .font24 { font-size: 18px; }
    .font26 { font-size: 18px; }
    .font28 { font-size: 20px; }
    .font16 { font-size: 14px; }
    .font15 { font-size: 14px; }
    .font21 { font-size: 16px; }
    .font20 { font-size: 15px; }
    .font22 { font-size: 17px; }
    .font18 { font-size: 15px; }
    .font47 { font-size: 24px; }
    .font40 { font-size: 22px; }
    .font42 { font-size: 24px; }
    .font44 { font-size: 24px; }
    .font72 { font-size: 28px; }
    .font70 { font-size: 26px; }
    .font36 { font-size: 22px; }
    .font60 { font-size: 24px; }
    .font54 { font-size: 24px; }
    .font52 { font-size: 24px; }
    .font66 { font-size: 28px; }
    .font120 { font-size: 30px; }
    .marginT90 { margin-top: 30px; }
    .borderRadius20 { border-radius: 10px; }
    .borderRadius30 { border-radius: 15px; }
    .borderRadius40 { border-radius: 20px; }
}
@media(max-width: 600px){
    .font28 { font-size: 18px; }
    .marginT60 { margin-top:20px; }
    .font66 { font-size: 24px; }
    .font54 { font-size: 20px; }
    .font52 { font-size: 22px; }
}
.alignC { text-align:center; }
.alignL { text-align:left; }
.alignR { text-align:right; }



.colorWhite { color:#fff; }
.opa1 { opacity: 0.1; }
.opa2 { opacity: 0.2; }
.opa3 { opacity: 0.3; }
.opa4 { opacity: 0.4; }
.opa5 { opacity: 0.5; }
.opa6 { opacity: 0.6; }
.opa7 { opacity: 0.7; }
.opa8 { opacity: 0.8; }
.opa9 { opacity: 0.9; }
.font30 { font-size: 30px; }
.font40 { font-size: 40px; }
.font18 { font-size: 18px; }
.font14 { font-size:14px; }
.marginT10 { margin-top:10px; }
.marginT5 { margin-top:5px; }
.bold { font-weight:bold; }
.marginT40 { margin-top: 40px; }
.bgF6 { background: #f6f6f6; }
.padding140 { padding: 140px 0; }
.padding120 { padding: 120px 0; }
@media(max-width: 1900px){
    .font30 { font-size: 1.6vw; }
    .font40 { font-size: 2vw; }
    .marginT40 { margin-top:2vw; }
    .padding140 { padding: 7vw 0; }
    .padding120 { padding: 6vw 0; }
}
@media(max-width: 1100px){
    .padding140 { padding: 50px 0 60px; }
    .padding120 { padding: 50px 0 60px; }
    .marginT40 { margin-top:20px; }
    .font30 { font-size: 20px; }
    .font40 { font-size: 24px; }
    .font18 { font-size: 16px; }
}
@media(max-width: 640px){
    .padding140 { padding: 40px 0 50px; }
    .padding120 { padding: 40px 0 50px; }
}


.alignL { text-align:left; }
.mainPre { position: relative; }
.addBanA-c .icon { width: 50px; height: 50px; position: relative; }
.addBanA-c .icon .img { position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); width: 45px; }

.addBanA-c .bg {  width: 0; transition: all 0.6s; height: 45px; border-radius: 60px; background: rgba(255, 255, 255, 0.08); position: absolute; left:50%; top: 50%; margin: -22px auto auto -45px; transform: rotate(-45deg); }
.addBanA .animated .addBanA-c .bg { width: 90px; }

.addBanA ul li { position: relative; display:inline-block;padding: 0 40px; }
.addBanA ul li:nth-child(n+2):before { content:''; width: 1px; height: 60px;background: rgba(255, 255, 255, 0.2);  position: absolute; left:0; top:50%; transform:translateY(-50%); }

.addBanA-a { padding-left: 90px; }
.addBanA-c { position: absolute; left:0; top: 50%; transform:translateY(-50%); }




.addCaseG-e { overflow: hidden; }
.addCaseG-e .img3 {-webkit-animation:fa1 20s linear 10; }
@-webkit-keyframes fa1{
    0%{-webkit-transform:scale(1.05);}
    10%{-webkit-transform:scale(1.04);}
    20%{-webkit-transform:scale(1.03);}
    30%{-webkit-transform:scale(1.02);}
    40%{-webkit-transform:scale(1.01);}
    50%{-webkit-transform:scale(1);}
    60%{-webkit-transform:scale(1.01);}
    70%{-webkit-transform:scale(1.02);}
    80%{-webkit-transform:scale(1.03);}
    90%{-webkit-transform:scale(1.04);}
    100%{-webkit-transform:scale(1.05);}
}

.fixPageBtn {width: 79%;left: 10.5%;position: fixed;bottom: 50px;height: 45px;z-index: 6;transition: all 0.3s ease 0s;/*opacity: 0;*/}
.fixPageBtn .pageBtn {display: block;width: 50px;height: 50px;position: relative;overflow: hidden;transition: width 0.3s ease 0s;}
.fixPageBtn .pageBtn .pageBtnIcon {display: block;width: 46px;height: 46px;position: relative;z-index: 2;background-color: rgba(0, 0, 0, 0.15);border-radius: 50%;}
.fixPageBtn .pageBtn i {display: block;width: 100%;height: 100%;}
.fixPageBtn .pageBtn .tit-box { display: block;line-height: 50px;height: 50px;border-radius: 46px;background: rgba(0, 0, 0, 0.22);position: absolute;top: 0;width: 36px;color: #fbf9f6;z-index: 1;font-size: 12px;box-sizing: content-box;}
.fixPageBtn .prev i {display: block;width: 100%;height: 100%;background: url(../img/prevpage.svg) no-repeat center;}
.fixPageBtn .prev .pageBtnIcon {float: left; margin-left:2px; margin-top:2px;}
.fixPageBtn .prev .tit-box {transform: translateX(-102%);left: 0px; padding: 0 22px 0 55px;}
.fixPageBtn .next i {display: block;width: 100%;height: 100%;background: url(../img/nextpage.svg) no-repeat center;}
.fixPageBtn .next .pageBtnIcon {float: right; margin-top:2px; margin-right:2px;}
.fixPageBtn .next .tit-box {transform: translateX(102%);right: 1px; padding: 0 55px 0 22px;}
.fixPageBtn .retun-list {position: absolute;left: 50%;bottom: 0;width: 50px;height: 50px;margin-left: -23px;transition: all 0.3s ease 0s;overflow: hidden;}
.fixPageBtn .retun-list .chunk-box {z-index: 10;display: block;width: 46px;height: 46px;float: right; margin: 2px 2px 0 0; overflow: hidden;position: relative;border-radius: 50%;background: url(../img/menupage.svg) no-repeat center rgba(0, 0, 0, 0.15);}
.fixPageBtn .retun-list .round-tit {display: block;width: 60px;padding: 0 55px 0 22px;position: absolute;right: 1px;top: 0;transform: translateX(102%);color: #fff;line-height: 50px;font-size: 14px;background: rgba(0, 0, 0, 0.22);border-radius: 46px;box-sizing: content-box;}
.fixPageBtn.long {width: 96%;left: 2%;}
.fixPageBtn .pageBtn:hover .pageBtnIcon {background-color: #FFF;}
.fixPageBtn .pageBtn:hover {width: 145px;}
.fixPageBtn .pageBtn:hover .tit-box {transform: translateX(0); background:#2557A7;}
.fixPageBtn .pageBtn:hover .tit-box {transform: translateX(0); background:#2557A7;}
.fixPageBtn .retun-list:hover {width: 140px;margin-left: -70px;}
.fixPageBtn .retun-list:hover .round-tit {transform: translateX(0);}
.fixPageBtn .retun-list:hover .chunk-box {background-color: #2557A7;}

.fixPageBtn .prev:hover i { background: url(../img/prevpagebg.svg) no-repeat center;}
.fixPageBtn .next:hover i { background: url(../img/nextpagebg.svg) no-repeat center;}
.fixPageBtn .retun-list:hover .round-tit { color:#fff; background: #2557A7; }
.fixPageBtn .retun-list:hover .chunk-box { background: url(../img/menupagebg.svg) no-repeat center #fff;}


.bgBlackM { background: #151515; }
.alignC { text-align:center; }
.maxWid960 { max-width: 960px; margin:0 auto; }
.maxWid870 { max-width: 870px; }
.color15 { color:#151515; }
.color0 { color:#000; }
.color1 { color:#111; }
.color2 { color:#222; }
.color3 { color:#333; }
.color4 { color:#444; }
.color5 { color:#555; }
.color6 { color:#666; }
.color7 { color:#777; }
.color8 { color:#888; }
.color9 { color:#999; }
.lh1 { line-height: 1; }
.lh11 { line-height: 1.1; }
.lh12 { line-height: 1.2; }
.lh13 { line-height: 1.3; }
.lh14 { line-height: 1.4; }
.lh15 { line-height: 1.5; }
.lh16 { line-height: 1.6; }
.lh17 { line-height: 1.7; }
.lh18 { line-height: 1.8; }
.lh19 { line-height: 1.9; }
.lh2 { line-height: 2; }
.borderRadius20 { border-radius: 20px; overflow: hidden; }
.marginT20 { margin-top:20px; }
.marginT80 { margin-top:80px; }
.paddingT200 { padding-top: 200px }
.paddingB100 { padding-bottom: 100px }
.marginT250 { margin-top: 250px }
.paddingT260 { padding-top: 260px; }
.paddingB220 { padding-bottom: 220px; }
.marginT130 { margin-top:130px; }
@media(max-width: 1900px){
    .marginT130 { margin-top: 7vw; }
    .marginT250 { margin-top: 13vw; }
    .paddingT200 { padding-top:10vw; }
    .paddingB100 { padding-bottom: 5vw }
    .paddingT260 { padding-top: 13vw; }
    .paddingB220 { padding-bottom: 11vw; }
    .marginT80 { margin-top: 4vw; }
}
@media(max-width: 1100px){
    .marginT130 { margin-top: 50px; }
    .marginT250 { margin-top: 80px; }
    .paddingT260 { padding-top: 80px; }
    .paddingB220 { padding-bottom: 100px; }
    .paddingT200 { padding-top: 60px; }
    .marginT80 { margin-top: 4vw; }
    .paddingB100 { padding-bottom: 50px }
}
.addCaseB-c { width: 70%; }

.addCaseB-c ul li.bgBlack .t { color:#fff; opacity: 0.6; }
.addCaseB-c ul li.bgBlack .t2 { font-weight:500; color:#fff; }
.addCaseB-c ul { position: relative; }
.addCaseB-c ul li { width: 40%; float:left; box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);}

.addCaseB-c ul li:nth-child(n+2) { position: absolute; left:20%; top:0; }
.addCaseB-c ul li:nth-child(n+3) { left:40% }
.addCaseB-c ul li:nth-child(n+4) { left:60% }


.addCaseB-d { padding: 30px; }

.addCaseB-d .num { font-size:16px; display:inline-block; padding: 5px 16px; border:1px solid #151515; border-radius: 50px;     mix-blend-mode: difference;color: #fff;}
.addCaseB-c ul li.bgBlack .addCaseB-d .num { border:1px solid #FFFFFF; color:#FFF; }
.addCaseB-d .con { margin-top:8vw; }
.addCaseB-d .con .t{
    mix-blend-mode: difference;
    color: #fff;
    opacity: 1;
}
.addCaseB-a { padding: 45px 0; border-top:1px solid #E8E8E8; }

.addCaseB-f .t {display: initial; font-weight: 500; line-height: 1.6;background: #999999 -webkit-linear-gradient(left, #000000, #000000) no-repeat 0 0;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-size: 0 100%; transition:all 1.5s; }
    
@media(max-width: 1100px){
    .marginT20 { margin-top:15px; }
}
.borderBlack3 { border: 5px solid #333; }
.addCaseC-c { padding: 0 8vw; }
.addCaseC-d {  position: absolute; z-index: 4; }
.addCaseC-e { left: -8vw; width: 12vw; left:0; bottom: 0; }
.addCaseC-f { right: -8vw; width: 20vw; right:0; bottom: -260px; }
.addCaseC-a .t .tt { position: relative; z-index: 5; }
.addCaseC-a .t .num {-webkit-text-stroke: 1px rgba(0,0,0,0.1); font-size:140px; color:#fff;  position: absolute; left: 50%; top:50%; transform:translate(-50%, -50%); }
.addCaseD-a ul li { width: 42%; display:inline-block; }
.addCaseD-b li { margin-left: 30px; }
.addCaseD-c li { margin-right: 30px; }
.addCaseE * { transition:all 1s; }
.addCaseE:before { content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: #151515; opacity: 0; transition:all 1s; }
.addCaseE.bgBlack:before  { opacity: 1; }
.addCaseE-a .t .num { left:0; transform:translateY(-50%); }
.addCaseE.bgBlack .addCaseE-a .t .num,.addCaseG-d .t .num { color:#151515;-webkit-text-stroke: 1px rgba(255,255,255,0.2); }
@media(max-width: 1900px){
    .addCaseC-a .t .num { font-size: 7vw; }
}
@media(max-width: 1100px){
    .addCaseC-a .t .num { font-size: 50px; }
}
.bgWhite,.addCaseD,.addCaseE { background: #fff; }
.addCaseB,.addCaseC,.addCaseD,.addCaseE,.casexq_banner,.addCaseG,.footer,.banquan,.addCaseG-g { position: relative; z-index: 5; }
.footer,.banquan { z-index: 8; }
.fixBgWord { position: absolute; right:-10vw; top:35vh; z-index: 5; }
.addCaseE.bgBlack .fixBgWord { position: fixed; }
.addCaseEE { position: relative; z-index: 8; }
.addCaseE-d,.addCaseE-f { width: 47.2%; }
.addCaseE-f { padding-top:8vw; }
.addCaseE.bgBlack .addCaseE-a .t { color:#fff; }
.addCaseE.bgBlack .addCaseE-a .c { color:#fff; opacity: 0.8; }
.addCaseF { width: 100%; height: 80vh; }
.addCaseF-a { position: fixed; left: 0; top: 0; width:140vw; height: 100vh; }
.addCaseG-b { width: calc(50% - 40px); }
@media(max-width: 1900px){
    .addCaseG-b { width: calc(50% - 2vw); }
}
.addCaseG-e { position: absolute; left:0; bottom:0; width: 100%; }
.addCaseG-e .img3:before { content:''; width: 100%; height: 100%; background: linear-gradient(180deg, #151515 14%, rgba(21, 21, 21, 0) 86%); position: absolute; top:0; left:0; }
.mb { display:none; }

@media(max-width: 1100px){
    .casexq_banner .text .top { width: 100%; }
    .casexq_banner .text .img1 { line-height: 1; font-size:0; }
    .addCaseB-b,.addCaseB-c { width: 100%; }
    .addCaseB-c { margin-top:20px; }
    .addCaseB-d { padding: 20px 14px; }
    .addCaseB-d .num { font-size: 12px; padding: 2px 12px; }
    .addCaseB-c ul li .font18 { font-size: 14px; }
    .borderRadius20 { border-radius:10px; }
    .borderBlack3 { border-width:2px; }
    .mb { display:block; }
    .pc { display:none; }
    .addCaseG .addCaseG-d { margin-bottom: 30px; }
    .addCaseF { height: 40vh; }
}
@media(max-width: 500px){
    .addCaseD-b li { margin-left: 4%; }
    .addCaseD-c li { margin-right: 4%; }
}
@media(max-width: 400px){
    .addCaseB-d { padding: 20px 10px; }
    .addCaseB-d .num { font-size: 12px; padding: 2px 12px; }
    .addCaseB-c ul li .font18 { font-size: 12px; }
    .borderRadius20 { border-radius: 6px; }
}





.home_banner .img100 .vidBg,.home_banner .img100 { height: 100vh; overflow: hidden; }
.home_banner .img100 { position: relative; }
.home_banner .img100 .vidBg { background: #000; z-index:2; min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media(max-width: 1100px){
    .home_banner .img100 .vidBg,.home_banner .img100 { height: auto; overflow: hidden; }
    .home_banner .img100 .vidBg video { object-fit: cover; position: absolute; left:50%; top: 50%; min-height: 100%;min-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); }
}

.location{
    position: relative;
    z-index: 4;
}

.addCaseD .c{
        z-index: 1;
    position: relative;
}


.middle-img-box p { margin: 5px 0;}
.middle-img-box p.left2 { padding-left: 100px; }
.middle-img-box p img  { width: 300px;height: auto; }
@media(max-width: 1400px){
    .middle-img-box p.left2 { padding-left: 70px; }
    .middle-img-box p img  { width: 200px;height: auto; }
}

.container2 {width: 71%;margin: 0 auto; }
@media(max-width: 1920px){
    .container2 {width: 84%;margin: 0 auto; }
}
@media(max-width: 1500px){
    .container2 {width: 90%;margin: 0 auto; }
}
@media(max-width: 1100px){
    .container2 {width: 95%;margin: 0 auto; }
}