@import url('swiper.min.css');
/*** 
====================================================================
	Reset
====================================================================
 ***/ 
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9 */
  src: url('../font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../font/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*** 
====================================================================
	Global Settings
====================================================================
 ***/
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700'); *//* 思源黑体英文 */
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:400,700&subset=chinese-simplified'); *//* 思源黑体中文简体 */
body {
	font-size:14px;
	color:rgb(35,24,21);
	line-height:1.5;
	background:#fff;
	-webkit-font-smoothing: antialiased;
  font-family: 'Noto Sans SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
	/* font-family: 'Source Sans Pro','PingFang SC', 'Lantinghei SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', 'STHeitiSC-Light', 'simsun', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', "sans-serif"; */
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}
a{
	text-decoration:none;
	cursor:pointer;
	color:#4a4a4a;
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none;
}
i,em{font-style: normal;}
h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	background:none;
	line-height:1.5;
	font-family: inherit;
}
input,button,select,textarea{
	font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
button[disabled],html input[disabled] {cursor: default}
button::-moz-focus-inner,input::-moz-focus-inner {
    padding: 0;
    border: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {height: auto}

textarea{resize:none;}
ul,li{list-style:none;}
img{
	display:inline-block;
	max-width:100%;	
}
/* 响应式布局 */
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,.col-md-li{
  position: relative;
  min-height: 1px;
}
@media (min-width: 768px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,.col-md-li{float: left;}
  .col-md-li {width: 14%; margin-left:6%;}
  .col-md-12 {width: 100%; }
  .col-md-11 {width: 91.66666667%; }
  .col-md-10 {width: 83.33333333%; }
  .col-md-9 {width: 75%; }
  .col-md-8 {width: 66.66666667%; }
  .col-md-7 {width: 58.33333333%; }
  .col-md-6 {width: 50%; }
  .col-md-5 {width: 41.66666667%; }
  .col-md-4 {width: 33.33333333%; }
  .col-md-3 {width: 25%; }
  .col-md-2 {width: 16.66666667%; }
  .col-md-1 {width: 8.33333333%; }
}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after{
  display: table;
  content: " ";
}
.clearfix:after,
.row:after{clear: both; }
/* 单行文本溢出 */
.inline{
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
/* 响应式布局 end*/
/* nav */
  .wrapper{position: relative;} 
  .main-header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 909;
  }
  .mm-listview li{
    line-height: 40px;
    position: relative;
  }   
  .sub-mm-panel a{display: block; }
  .nav a{     
    color: black;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;       
  }
  .nav a:hover{color: #f94515;}
   .nav a:focus {color: #f94515;}
  .logo{
    width:20%;
    max-width:225px;
    display:inline-block;
    line-height: 1;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    margin-top: 3%;
  }
  .logo img{
    width:100%;
    display:block;
  }
  @media (min-width: 769px){
    .logo img{max-width:226px;}
    .main-header{position: absolute;}
    .mobile-show{display:none !important;}
    .main-header{    
      padding-left: 3.3%;
      padding-right: 3.3%;
    }    
    .nav {
      position: absolute;
      right: 0;
      top: 0;
      width: 80%;
      text-align: right;
      display: block !important;      
    }
    .mm-listview li{
      display: inline-block;
      line-height: 86px;
      padding-left: 1%;
      padding-right: 1%;
      line-height: 50px;
    }  
    .mm-listview li > a{
      padding: 5px;
      position: relative;
      font-size:18px;
    }
    .mm-listview li > a:after{
      content:'';
      display:block;
      position: absolute;
      border-bottom: 3px solid #f94515;
      bottom: -15px;
      left:50%;
      width:0;
      margin-left: -36px;      
      -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
      transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }
     .mm-listview li.active > a {color:#f94515;}
    .mm-listview li.active > a:after,
    .mm-listview li:hover > a:after{width:72px;}
    .sub-mm-panel{
      position: absolute;
      left: 0;
      right:0;
      top: 138px;
      background-color: #ce1431;    
      opacity: 0;
      visibility: hidden;
      overflow: hidden;
      height: 0;
      text-align: left;
      /* border-top: 9px solid #01a2ae; */
      text-align: center; 
      padding-top: 10px;
      padding-bottom:10px;  
      -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
      transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 

      box-shadow: 0 0 20px rgba(35,24,21,.3);
    }
    .sub-mm-panel a{
      color: #fff;
      height: 40px;
      line-height: 40px;
      font-weight:400;
    }    
    .mm-listview li:hover .sub-mm-panel{
      height: auto;
      opacity: 1;
      visibility: visible;
      top:109px;
    }
    .sub-mm-panel a:hover{color:rgba(255,255,255,.6)}    
    .nav a{font-size: 14px;}
   
    .fixed-header{background-color: rgba(0,0,0,.3);}
    .fixed-header .logo{max-width:12%;}
    .fixed-header .mm-listview li{line-height: 50px;}
  }
  @media (min-width: 1024px){
    .nav{padding-right: 3%;}
    .mm-listview li{line-height: 110px;}
    .mm-listview li:hover .sub-mm-panel{top:75px}
    .fixed-header .mm-listview li{line-height: 65px;} 
    .fixed-header .mm-listview li:hover .sub-mm-panel{top: 50px;}
  }
  @media (min-width: 1200px){
    .mm-listview li{line-height: 120px;} 
    .mm-listview li:hover .sub-mm-panel{top:81px}
    .fixed-header .mm-listview li{line-height: 85px;} 
    .fixed-header .mm-listview li:hover .sub-mm-panel{top: 65px;}
  }
  @media (min-width: 1440px){
    .mm-listview li > a{
      font-size: 20px;      
    }
  }
  @media (min-width: 1680px){ 
    .mm-listview li > a{
      font-size: 24px;
    }
    .mm-listview li{
      padding-left: 2.3%;
      padding-right: 2.3%;
      line-height: 120px;
    }
    .nav a{font-size: 18px;}
    .sub-mm-panel a {
      height: 45px;
      line-height: 45px;
    }
    .mm-listview li:hover .sub-mm-panel{top:84px;}
    .fixed-header .logo{max-width:10%;}
    .fixed-header .mm-listview li{line-height: 90px;}
    .fixed-header .mm-listview li:hover .sub-mm-panel{top: 80px;}
  }  
  @media (max-width: 768px){
       .nav a {color:white;}
    .mobile-hide{display:none !important;}
    .main-header {
      /*background-color: rgba(0, 0, 0, 0.8);*/
      background-color: #fff;
      height:50px;
    }
    .logo{width:140px;padding-left: 10px;}
    /* .mm-listview li > a{display:table} */
    /* 导航按钮 */
      .nav-menu{
        color: #fff;
        height: 50px;
        font-size: 25px;
        text-align: center;      
        width: 50px;
        overflow: hidden;
        position: relative;
        -webkit-transition: background 0.5s;
        -moz-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;
        position: absolute;
        right:5px;
        top:0;
      }
      .nav-menu:hover {
        /* background-color: rgba(255,255,255,0.2); */
        cursor: pointer;
      }
      .nav-menu span{
        position: absolute;
        left: 17.5px;
        left: calc((100% - 35px) / 2);
        top: 25px;
        top: calc((100% - 3px) / 2);
        width: 35px;
        height: 3px;
        background-color: #000;
        -webkit-transition: background 0.5s;
        -moz-transition: background 0.5s;
        -o-transition: background 0.5s;
        transition: background 0.5s;

      }
      .nav-menu-click span{background-color: #fff;}
      .nav-menu .menu-span{left: 60px}
      .nav-menu span:nth-child(1){
        -webkit-transform: translateY(9px) rotate(0deg);
        -ms-transform: translateY(9px) rotate(0deg);
        -o-transform: translateY(9px) rotate(0deg);
        transform: translateY(9px) rotate(0deg);
      }
      .nav-menu span:nth-child(2){
        -webkit-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
      }
      .nav-menu span:nth-child(3){
        -webkit-transform: translateY(-9px) rotate(0deg);
        -ms-transform: translateY(-9px) rotate(0deg);
        -o-transform: translateY(-9px) rotate(0deg);
        transform: translateY(-9px) rotate(0deg);
      }       
      .nav-menu-click span:nth-child(1){
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: clickfirst;
      } 
      .nav-menu-click span:nth-child(2){
        opacity: 0;
        -webkit-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);      
      } 
      .nav-menu-click span:nth-child(3){
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: clicksecond;
      } 
      @keyframes clickfirst {
        0% {
        -webkit-transform: translateY(9px) rotate(0deg);
        -ms-transform: translateY(9px) rotate(0deg);
        -o-transform: translateY(9px) rotate(0deg);
        transform: translateY(9px) rotate(0deg);
        }
        100% {
        -webkit-transform: translateY(0) rotate(45deg);
        -ms-transform: translateY(0) rotate(45deg);
        -o-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg);
        }
      }
      @-webkit-keyframes clickfirst {
        0% {
        -webkit-transform: translateY(9px) rotate(0deg);
        -ms-transform: translateY(9px) rotate(0deg);
        -o-transform: translateY(9px) rotate(0deg);
        transform: translateY(9px) rotate(0deg);
        }
        100% {
        -webkit-transform: translateY(0) rotate(45deg);
        -ms-transform: translateY(0) rotate(45deg);
        -o-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg);
        }
      }
      @keyframes clicksecond {
        0% {
        -webkit-transform: translateY(-9px) rotate(0deg);
        -ms-transform: translateY(-9px) rotate(0deg);
        -o-transform: translateY(-9px) rotate(0deg);
        transform: translateY(-9px) rotate(0deg);
        }

        100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        }
      }
      @-webkit-keyframes clicksecond {
        0% {
        -webkit-transform: translateY(-9px) rotate(0deg);
        -ms-transform: translateY(-9px) rotate(0deg);
        -o-transform: translateY(-9px) rotate(0deg);
        transform: translateY(-9px) rotate(0deg);
        }

        100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
        }
      } 
    /* 导航按钮 END*/
    .nav{
        background-color: rgba(0,0,0,0.9);
        width: 100%;
        padding-top: 30px;
        padding-bottom: 80px;
        z-index: 0;
        display: none;
        position: fixed;
        top: 50px;
        padding: 0;
        bottom: 0;
    }
    .mm-panels {overflow: hidden; }
    .mm-panels, 
    .mm-panels > .mm-panel {
        position: absolute;
        bottom: 0;          
        margin: 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: 0;
        box-sizing: border-box;
    }
    .mm-panels > .mm-panel {
        -webkit-overflow-scrolling: touch;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .mm-listview{
      padding-bottom: 80px;
      margin-top: 20px;
    }
    .mm-listview li{height: auto; }
    .nav li{
        width: 80%;
        margin-left: 10%;       
        /* border-bottom: solid 1px rgba(255,255,255,0.3); */
        font-weight:300;
        display: block;
    }
    .sub-mm-panel a{
      color:#666;
      /* display:inline-block;
      margin-right: 1em; */
    }
    .nav a:hover,
    .sub-mm-panel a:hover{
        color: rgba(255,255,255,0.5);
        border-bottom: solid 1px rgba(255,255,255,0.2);
    } 
    .nav a{
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
      -webkit-backface-visibility: visible !important;
      backface-visibility: visible !important;
      -webkit-animation-name: flipInX;
      animation-name: flipInX;
      font-size: 16px;
      line-height: 52px;
      display:block;
      border-bottom: solid 1px rgba(255,255,255,0.3);
    }     
    @-webkit-keyframes flipInX {
        from {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1;
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
        }
    }
    @keyframes flipInX {
        from {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
          opacity: 0;
        }

        40% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
        }

        60% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
          opacity: 1;
        }

        80% {
          -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
          transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        }

        to {
          -webkit-transform: perspective(400px);
          transform: perspective(400px);
        }
    }
  }
/* nav END*/
/* 首页*/
  /* banner */
    .banner{
      height:100vh;
      background-color: #fff;
      position: relative;
    
    }
    .banner li{
      height: 100vh;
      width: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      background-position: center center;
    }

    .banner .swiper-container-horizontal>.swiper-pagination-progressbar, 
    .banner .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {   
      height: 8px;
      top: auto;
      bottom: 0;
    }
    .banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #ce1431;}  
    .center{
      text-align:center;
      position: absolute;
      top:50%;
      left:5%;
      width:90%;
      transform:translateY(-50%);
    }
    .banner-inner{color:#fff;}
    .banner-inner h1{font-size: 60px;}
    .banner-inner p{font-size: 39px;}
    .go-down{
      position: absolute;
      bottom: 8%;
      left: 50%;
      z-index: 9;
      cursor: pointer;
      margin-left: -30px;
    }    
    .go-down:before{
      content: '\e780';
      font-family: 'iconfont';
      font-size: 60px;
      line-height: 1;
      color: #ce1431;
    }
    .go-down:hover:before{content: '\e845';}

    @media (max-width:768px){
      .banner,.banner li{height:30vh;}
      .banner-inner h1{font-size: 38px;}
      .banner-inner p{font-size: 16px;}
      .banner .swiper-container-horizontal>.swiper-pagination-progressbar, 
      .banner .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {   
        height: 4px;
      }
      .go-down{margin-left: -20px;}
      .go-down:before{font-size: 40px;}
    }
  /* banner END*/
  /* footer */
    .main-footer{
      background-color: #282828;
      z-index:2;
      position: relative;
      padding-top: 70px;
      padding-bottom: 20px;
    }
    .footer-box li{
      display:inline-block;
      vertical-align: top;
      width:49%;
      font-size: 0;
      margin-bottom: 20px;
      text-align: center;
    }  
    @media (min-width: 768px) {
      .footer-box li{
        width:50%;
        float:left;
        text-align: left;
      }
      .footer-ul-2 li{
        width:20%;
        float:right;
        text-align: center;
      }
      .Tleft{text-align:left;}
      .about-section .Tleft{padding-left: 3%;}
    }
    .footer-box li > a{
      color:#fff;
      font-size: 18px;
    }
    .footer-sub{
      margin-top: 10px;
    }
    .footer-sub a{
      display:block; 
      font-size: 14px;
      color:#818181;
      margin-bottom:10px;
    }
    .footer-sub a:hover{opacity:.6}

    .footer-bottom{
      margin-top: 50px;
    }
    .code-box{
      display:inline-block;
      width:auto;
      color:#818181;
      cursor:pointer;
      position: relative;
      transition:color .3s;
      vertical-align: middle;
    }
    .code-box + .code-box{margin-left: .8em;}
    .code-box i:before{    
      font-family: 'iconfont'; 
      line-height: 40px;
    }
    .wechat-icon:before{
      content:'\e638';
      font-size: 32px;
    }
    .weibo-icon:before{
      content:'\e88a';
      font-size: 36px;
    }
    .code-box img{
      display:none;
      position: absolute;
      width: 120px;
      height: 120px;
      max-width: initial;
      top: -120px;
      right: 0px;
    }
    .code-box:hover{
      color:#666;
    }
    .code-box:hover img{display:block}
    .copy{
      color: #818181;    
      border-top: 1px solid #818181;
      padding-top: 20px;
      margin-top: 10px;
    }
    .copy a{color: #818181;}
    .align-right{
      text-align:right;
    }
    .copy p.align-right i{
      display:inline-block;
      margin-left: 2em;
      margin-right: 2em;
    }
    .copy a:hover{color:#666;}
    @media (max-width:768px){
      .copy{font-size: 12px;}
      .copy p.align-right{
        text-align: left;
        margin-top: 5px;
      }
    }
  /* footer END*/
  /* section common*/  
    .container{
      width:94%;
      max-width: 1200px;
      margin: 0 auto;
    }
    .page-banner{
      height:80vh;
      position: relative;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
    .com-title{
      color:#fff;
      user-select: none;
    }
    .com-title h1{font-size: 72px;}
    .com-title p{
      font-size: 38px;
      text-transform: uppercase;
    }
    .pt-110{
      padding-top: 110px;
    }
    .fixedBtn{
      position: fixed;
      right: 20px;
      bottom: 20px;  
      background-color: #f84616;
      width: 42px;
      height: 42px;
      line-height: 42px;
      cursor: pointer;
      border-radius: 3px;
      outline: 0;
      -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      display:none;
      z-index:96;
    }
    .fixedBtn:before,
    .fixedBtn:after {
      content: '';
      display: block;
      position: absolute;
    }
    .fixedBtn:before{
      border:10px solid transparent;
      border-bottom-color: #fff;
      left: 11px;
      width:0px;
      height:0px;
    }
    .fixedBtn:after{
      width:0px;
      height:4px;
      border:4px solid #fff;
      left: 17px;
      top: 20px;
    }
    .fixedBtn:hover{opacity: .8;}
    @media (max-width:768px){    
      .page-banner{height:46vh;}
      .com-title h1{font-size: 38px;}
      .com-title p{font-size: 20px;}
      .fixedBtn{
        right: 6px;
        bottom: 6px;
      } 
      .pt-110{padding-top: 80px;}
    }
    
    .common-section-bg,
    .common-section{
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 100vh;
    }
    .section{position: relative;}
    .section > img{
      display: block;
      width:100%;
    }
    .content-inner{
      width: 80%;
      color: #fff;
      position: absolute;
      left: 10%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
    }  
    .position-cenetr{text-align: center;}
    .title{
      font-size: 48px;
      font-weight: 700;
      margin-bottom: 50px;
    }
    .txt{
      font-size: 24px;
      margin-bottom: 15px;
    }
    .history-ul li{
      font-size: 18px;
      width: 35%;
      float: left;    
    }
    .history-ul li i{
      font-size: 36px;
      font-weight: 700;
    }
    .history-ul li:first-child{width: 26%;padding-right:4%;}
    .history-ul li:not(:first-child){
      text-align: center;
    }
    .history-ul li:not(:last-child){
      border-right: 1px dashed #fff;
    }
    .btn-radius{
      display: block;
      margin-top: 50px;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      line-height: 60px;    
      background-color: #ce1431;
      color: #fff;
    }
    .btn-radius:hover{background-color: #bb0723;}
    .icon-play{margin-left: 2.6%;}
    .icon-play:after{
      content: '\e644';
      font-family: 'iconfont'; 
      font-size: 30px; 
      padding-left: 8%;
    } 
    .btn{
      display: inline-block;
      background-color: #ce1431;
      color: #fff;
      line-height: 46px;
      height: 46px;
      width: 100%;
      max-width: 180px;
      border-radius: 30px;
      text-align: center;
      font-size: 18px;
    }
    .btn:after{
      content: '\e6ba';
      font-family: 'iconfont';
      margin-left: 1em;
      margin-right: -.5em;
    }
    .btn:hover{background-color: #bb0723;}
    .about-section .content-inner{max-width: 620px;}
    .about-section .title{margin-bottom: 20px;}
    .about-section .txt{margin-bottom: 50px;}

    .building-section .content-inner{top:40%;z-index:300;}
    .part-section .title{margin-bottom: 20px;}
    @media (max-width: 1023px){
      .title{
        font-size: 36px;
        margin-bottom: 30px;
      }
      .txt{font-size: 18px;}
      .history-ul li:first-child{
        max-width: 120px;
      }
      .history-ul li i{font-size: 26px;}
      .btn{font-size: 16px;}
      .btn-radius{margin-top: 30px;}
      .icon-play:after{        
        font-size: 26px; 
      }
      .about-section .txt {margin-bottom: 30px;}
      .building-section .content-inner {top: 50%;}
      .common-section-bg,
      .common-section{height: 30vh;}
    }
    @media (min-width: 768px) and (max-width: 1022px){
      .title{font-size: 30px;}
    }
    @media (max-width: 767px){
      .content-inner{
        left: 3%;
        width: 94%;
      }
      .title{
        font-size: 24px;
        margin-bottom: 20px;
      }
      .txt{font-size: 16px;}
      .history-ul li{font-size: 12px;}
      .history-ul li:first-child{
        max-width: 120px;
      }
      .history-ul li i{font-size: 22px;}
      .btn{
        font-size: 14px;
        line-height: 42px;
        height: 42px;
      }
      .btn-radius{
        margin-top: 10px;
        width: 46px;
        height: 46px;
        line-height: 46px;
      }
      .icon-play:after{        
        font-size: 18px; 
      }
      .about-section .title{margin-bottom: 10px;}
      .about-section .txt {margin-bottom: 10px;}

      .product-section .position-left .wrapper-inner .title{text-align: center;}
    }    
    .glint {
      display: block;
      width: 20px;
      height: 20px;
      background-color: #ce1431;
      position: absolute;
      z-index: 96;
      border-radius: 50%;
      position: absolute;
    }
    .glint:before{
      content:'';
      display:block;
      position: absolute;
      width:20px;
      height:20px;
      border-radius:50%;
      background-color: rgba(206,20,49,.8);
      left:0;
      top:0;
      ;-webkit-animation:twinkling 2.1s infinite ease-in-out;
      animation:twinkling 2.1s infinite ease-in-out;
      -webkit-animation-fill-mode:both;
      animation-fill-mode:both;
    }
    .g-item2:before{
      width:22px;
      height:22px;
      left:2px;
      top:2px;
    }
    .g-item1 {
      left: 94%;
      top: 13%;
    }
    .g-item2 {
      right: 14.5%;
      top: 34%;
      width: 26px;
      height: 26px;
    }
    .g-item3 {
      left: 19%;
      top: 34%;
    }
    .g-item4 {
      left: 44%;
      top: 38%;
    }
    .g-item5 {
      left: 75%;
      top: 40%;
    }
    .g-item6 {
      left: 17%;
      top: 50%;
    }
    .g-item7 {
      left: 81%;
      top: 57%;
    }
    .g-item8 {
      left: 11%;
      top: 56%;
    }
    .g-item9 {
      left: 34%;
      top: 66%;
    }    
    @-webkit-keyframes twinkling {
      0% {
        opacity:0.2;
        filter:alpha(opacity=20);
        -webkit-transform:scale(1);
      }
      50% {
        opacity:0.5;
        filter:alpha(opacity=50);
        -webkit-transform:scale(1.7);
      }
      100% {
        opacity:0.2;
        filter:alpha(opacity=20);
        -webkit-transform:scale(1);
      }
    }
    @keyframes twinkling {
      0% {
        opacity:0.2;
        filter:alpha(opacity=20);
        -webkit-transform:scale(1);
      }
      50% {
        opacity:0.5;
        filter:alpha(opacity=50);
        -webkit-transform:scale(1.7);
      }
      100% {
        opacity:0.2;
        filter:alpha(opacity=20);
        -webkit-transform:scale(1);
      }
    }
    @media (max-width:767px){
      .glint {        
        width: 10px;
        height: 10px;
      }
      .glint:before{
        width:10px;
        height:10px;
      }
      .g-item2 {
        width:12px;
        height:12px;
      }
      .g-item2:before{
        width:10px;
        height:10px;
        left:1px;
        top:1px;
      }
    }

    .brand{position: absolute;}
    /* .b-item1{ top: 42%; left: 15%; } .b-item2{ top: 27%; left: 30%; } .b-item3{ top: 48%; left: 27%; } .b-item4{ top: 46%; left: 39%; } .b-item5{ top: 27%; left: 48%; } .b-item6{ top: 44%; left: 58%; } .b-item7{ top: 15%; left: 64%; } .b-item8{ top: 41%; left: 68%; } .b-item9{ top: 27%; left: 76%; } .b-item10{ top: 49%; left: 79%; } .b-item11{ top: 18%; left: 84%; } .b-item12{ top: 28%; left: 88%; } */
    .b-item1{
      top: 55%;
      left: 15%;
    }
    .b-item2{
      top: 40%;
      left: 30%;
    }
    .b-item3{
      top: 51%;
      left: 27%;
    }
    .b-item4{
      top: 59%;
      left: 39%;
    }
    .b-item5{
      top: 40%;
      left: 48%;
    }
    .b-item6{
      top: 57%;
      left: 58%;
    }
    .b-item7{
      top: 28%;
      left: 64%;
    }
    .b-item8{
      top: 54%;
      left: 68%;
    }
    .b-item9{
      top: 40%;
      left: 76%;
    }
    .b-item10{
      top: 62%;
      left: 79%;
    }
    .b-item11{
      top: 18%;

      left: 84%;
    }
    .b-item12{
      top: 41%;
      left: 88%;
    }

    @media (min-width:768px){
      .brand{
        min-width:65px;
        min-height:120px;
        background: transparent url(../image/add.png) center bottom / 36px no-repeat;
        cursor: pointer;
      }
      .brand img{display:none;}
      .brand:hover{background-image:none;}
      .brand:hover img{display:block}     
      .brand-section .brand{background-size: 20px;}
      .brand-section .b-item1{
        top: 42%;
        left: 40%;
      }
      .brand-section .b-item2{
        top: 27%;
        left: 45%;
      }
      .brand-section .b-item3{
        top: 48%;
        left: 50%;
      }
      .brand-section .b-item4{
        top: 46%;
        left: 55%;
      }
      .brand-section .b-item5{
        top: 27%;
        left: 58%;
      }
      .brand-section .b-item6{
        top: 44%;
        left: 68%;
      }
      .brand-section .b-item7{
        top: 15%;
        left: 74%;
      }
      .brand-section .b-item8{
        top: 41%;
        left: 78%;
      }
      .brand-section .b-item9{
        top: 27%;
        left: 86%;
      }
      .brand-section .b-item10{
        top: 49%;
        left: 89%;
      }
      .brand-section .b-item11{
        top: 18%;
        left: 94%;
      }
      .brand-section .b-item12{
        top: 28%;
        left: 90%;
      }
    }    
    @media (max-width:767px){
      .top25 .content-inner{z-index:68;}
      .top25 .brand{transform:translateY(6vh)}
      .brand img{
        max-width:26px;
      }
      .brand-section .content-inner {z-index:67; }
    }
  /* section common END*/
/* 首页 END*/

/* build 4.0智造*/
  .position-right {text-align: right;}
  .common-section .history-ul{max-width: 600px;}
  .common-section .history-ul li{border-right: none}
  .space{
    display: inline-block;
    width: 1em;
    text-align: center;
  }
  .responsibility-section .title p{
    font-size: 18px;
    font-weight: 500;
    margin-top: 8px;
  }
  .responsibility-section .txt{font-size: 14px;}
  @media (min-width: 1024px){
    .common-section .txt{width: 70%;}
    .position-right .txt{margin-left: auto;}
    .common-section .history-ul li i{font-size: 60px;}
    .responsibility-section .title p{font-size: 36px;} 
    .space{width: 2em;}
    .common-section .txt.width2{width:90%;}

  }
/* build END*/
/* 社会责任 */  
  .btn-line{
    line-height: 42px;
    background-color: transparent;
    border: 2px solid #fff;
    margin-top: 20px;
  }
  .btn-line:hover{
    border-color: #ce1431;
    background-color: #ce1431;
  }
  .responsibility-section .title{
    margin-bottom: 25px;
    line-height: 1.2;
  }
  @media (min-width: 768px){
    .responsibility-section .content-inner{
      max-width: 820px;
    }
    .responsibility-section .position-right{
      text-align: left;
      right: 9%;
      left: auto;
    }
    .responsibility-section .position-right .txt{width: 100%}
  }
/* 社会责任 END*/
/* 新闻 */
  .top-tit .year-list {line-height: 70px; }
  .fl {
    float: left;
    display: inline;
  }
  .top-tit .year-list li {
    font-size: 30px;
    margin-right: 5%;
    line-height: 60px;
    margin-top: 10px;
    float: left;
  }
  .top-tit .year-list a {
    display: inline-block;
    color: #999;
    transition: color 0.3s ease 0s;
  }
  .top-tit .year-list li.hover {
    line-height: 70px;
    font-size: 48px;
    margin-top: 0;
  }
  .top-tit .year-list li:hover a,
  .top-tit .year-list li.hover a {
    color: #333;
  }
  .search-box {margin-top: 25px;}
  .search-box input.tex {
    border: none;
    width: 265px;
    width: 100%;
    font-size: 12px;
    color: #999;
    height: 13px;
    line-height: 12px;
    padding: 12px 15px 11px;
    background-color: #e2e2e2;
    height: 36px;
  }  
  .sumbit-btn{
    background-color: transparent;
    color: #8b8b8b;
    position: absolute;
    right: 0;
    cursor: pointer;    
  }
  .sumbit-btn:before{
    content: '\e6a5';
    font-family: 'iconfont';
  }
  .news-btn{
    background-color: #8f8f8f;
    color: #fff;
    line-height: 34px;
    width: 40px;
    text-align: right;
  }
  .search-box form{
    display: table;
    margin-left: auto;
    position: relative;
  }
  .search-box input[type="button"],
  .search-box input[type="sumbit"] {
    -webkit-appearance: button;
    cursor: pointer;
  }
  .search-box input:focus {
    outline: none;
  }
  .news-section .list_wrap {
    margin-top: 42px;
    position: relative;
    width: 100%;
  }
  .news-section .list_wrap .boxs {
    width: 47%;
    background-color: #fff;
    margin-bottom: 50px;
    display: block;  
    float: left;  
  }
  .news-section .list_wrap .boxs:nth-child(2n+1){margin-right: 3%;}
  .news-section .list_wrap .boxs:nth-child(2n){margin-left: 3%;}
  @media (max-width: 767px) {
    .news-section .list_wrap .boxs {
      width: 100%;
      margin-right: 0 !important;
      margin-left: 0 !important;
      margin-bottom: 30px;
    }
  }
  .img-box {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .img-box img {
    width: 100%;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
    display: block;
  }
  .img-box:hover img {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
  }
  .news-section .list_wrap .cont-wrap {padding: 25px 0;}
  .news-section .list_wrap .boxs span {
    display: block;
  }
  .cont-box p.inline{
    -webkit-line-clamp: 3;
    color: #727272;
    margin-top: 20px;
  }
  .cont-box .txt{
    margin-bottom: 10px;
    font-weight: 700;
  }
  .cont-box .date{
    color: #898989;
    font-weight: 700;
  }
  .news-list .btn{
    border: 2px solid #ce1431;
    background-color: transparent;
    color: #ce1431;
    line-height: 42px;
    margin-top: 30px;
  }
  .news-list .btn:hover{
    background-color: #ce1431;
    color: #fff;
  }
/* 新闻 END*/
/* 产品中心 */
  .product-section{padding-bottom: 110px;} 
  .product1{
    text-align:center;
    position: relative;
    overflow: hidden;
  }
  .product1 p{font-size:20px;}
  .goDown{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6%;
    color: #fff;    
  }
  .goDown i{
    cursor:pointer;
    font-size:32px;
  }
  @media (min-width:769px) {
    .product1 p{font-size:36px;}
    .goDown i{font-size:48px;}
  }
  .center-title{text-align:center}
  .product-step .step-title{
    font-family: 'Times New Roman';
    margin-bottom: 0;
  }
  .step-title span{font-size:40px;} 
  .step-title + .title{
    display:table;
    margin-left: auto;
    margin-right: auto;
  }
  .step-title + .title font{
    position: relative;
    z-index:1;
  }
  .step-title + .title:after{
    content:'';
    display:inline-block;
    position: absolute;
    right: -25px;
    top: -25px;
    border-radius:50%;
    width: 60px;
    height: 60px;
    background-color: #ce1431;
  } 
  .product2 .step-title + .title:after{background-color: rgba(255,255,255,0.19)}
  @media (min-width:769px) {
    .product-step .center-title p{font-size:18px;}
    .step-title span{font-size:65px;}
  }
  
  .product-content{margin-top: 50px;}
  .product-list1{
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
  }
  .product-list1 > div{
    padding-left: 80px;
    position: relative;
    min-height: 100px;
  }
  .product-list1 > div i{
    position: absolute;
    left:0;
    top:5px;
    width: 64px;
    height:64px;
    line-height: 64px;
    text-align:center;
    border:1px solid #fff;
    border-radius: 10px;
    font-size: 36px;
  }
  .product-list1 > div h4{font-size: 18px;}
  .product-list1 > div p{max-width: 95%;}
  @media (max-width:1023px){
    .product-content{margin-top:30px;}
    .product-list1 > div{
      padding-left: 60px;
      min-height: 120px;
    }
    .product-list1 > div i{
      width: 42px;
      height:42px;
      line-height: 42px;
      font-size: 22px;
    }
    .product-list1 > div h4{font-size: 16px;}
  }
  @media (max-width:767px){
    .product2,
    .product3{height: 90vh;}
    .product-list1 > div{
      min-height: auto;
      margin-bottom: 15px;
    }
    .product-list1 > div h4{font-size: 14px;}

    .product-list2 > div{margin-bottom: 15px;}
    .step-title + .title:after{      
      right: -15px;
      top: -15px;
      width: 40px;
      height: 40px;
    } 
  }
  
  .product-list2 > div{text-align:center}
  .product-list2 i{font-size:80px;}
  .product-list2 h3{font-size:24px;}
  @media (max-width:1023px){
    .product-list2 i{font-size:52px;}
    .product-list2 h3{font-size:18px;}
    .product-list2 p{font-size:12px;}
  }
  @media (max-width:767px){
    .product-list2 i{font-size:46px;}
  }

  .product-part{
    background: #1d1d1d;
    background: -webkit-linear-gradient(to right, #1d1d1d, #2b2b2b);
    background: linear-gradient(to right, #1d1d1d, #2b2b2b);    
    color:#fff;
  }
  .product-part img{display:block;}

  
  
  .step-title{position: relative;z-index:3}
  .product-part .img-left .step-title + .title{margin-left: 0;}
  .product-part .left-title{padding-top: 10%;}
  .product-part .left-title .step-title{margin-bottom: 0;}
  .product-part .img-left .left-title{padding-left: 10%;}
  .product-part .img-right .left-title{
    padding-right: 10%; 
    text-align:right;
  }
  .product-part .img-right .step-title + .title{margin-right: 0;}

  @media (min-width:768px){
    .product-part{padding-top: 30px;}
    .product-part .img-right .img-box2{float:right;}
    .product-part .img-box2{margin-top: -30px;}
    .product-part .left-title{padding-top: 6%;}
  }
  @media (min-width:1025){
    .product-part{padding-top: 100px;}
    .product-part .img-box2{margin-top: -100px;}
    .product-part .left-title{padding-top: 10%;}
  }

  @media (max-width:767px){
    .product-part .left-title{
      margin-bottom: 10%;
      padding-top: 10%;
    }
  }
  /* 
    .product-section .tab-list li{
      line-height: 1;
      font-size: 18px;
      margin-top: 32px;
    }
    .product-section .tab-list li a{
      font-size: 18px;
      font-weight: 700;
      color: #5a5a5a;
    }
    .product-section .tab-list li:not(:last-child){
      border-right: 1px solid #ddd;
      padding-right: 5%;
    }
    .product-section .tab-list li:hover a,
    .tab-list li.active a{color: #ce1431}
    
    .icon-type:before{
      content:'\e665';
      font-family: 'iconfont';
      margin-right: 10px;
    }
    .active .icon-type:before{
      font-size: 24px;
      margin-top: -5px;
      display: inline-block;
    }
    
    .product-section .search-box input.tex{
      border: 2px solid #ce1431;
      background-color: transparent;
      border-radius: 20px;
    }
    .product-section .sumbit-btn{
      line-height: 34px;
      color: #ce1431;
      width: 40px;
      text-align: center;
    }
    
    .product-list{margin-top: 50px;}
    .product-list li{
      width: 23.5%;
      float: left;
      padding: 3% 3%;
      text-align: center;
      box-shadow: 0 8px 35px rgba(222,222,222,.75);
      margin-right: 2%;
      margin-bottom: 3%;
      border: 3px solid transparent;
    }
    .product-list li:hover{border-color: #ce1431}
    .product-list li .img-box{
      max-width: 150px;
      max-height: 265px;
      margin-left: auto;
      margin-right: auto;
    }
    .product-list li p{
      margin-top: 20px;
      font-size: 18px;
    }  
    @media (min-width: 1025px){
      .product-list li:nth-child(4n){margin-right: 0;}
    }
    @media (min-width: 768px) and (max-width: 1024px){
      .product-list li{
        width: 32%;
        margin-right: 2%;      
      }
      .product-list li:nth-child(3n){margin-right: 0;}
    }
    @media (max-width: 767px){
      .product-section .tab-list li:not(:last-child){margin-right: 3%}
      .product-section .search-box{margin-top:30px;}
      .search-box form{margin-right: auto;}
      .product-list li{
        width: 49%;
        margin-right: 2%;      
      }
      .product-list li:nth-child(2n){margin-right: 0;}
      .product-section .btn{
        margin-left: auto;
        margin-right: auto;
      }
    }
    
    .product-section .btn{
      margin-top:50px;
      display: block;
    }
    .product-section .container .btn{
      margin-left: auto;
      margin-right: auto;
    } 
  */
/* 产品中心 END*/
/* 联系我们 */
  .contact-section{
    background: #fff url(../image/contact-bg.jpg) center center / cover no-repeat;
    padding-top: 80px;
    padding-bottom:80px;
  }
  .contact-section .sub-title{
    font-weight: 700;
    margin-bottom: 25px;
    font-size: 22px;
  }
  .address-section .sub-line{
    font-size: 22px;
    border-top: 1px solid #c9c9c9;
    padding-top: 10px;
    margin-bottom:3px;
  } 
  .address-section .sub-line + p{
    margin-bottom:10px;
    font-size: 14px;
    color:#4b4b4b;
  }  
  @media (min-width:768px) {
    .address-section{
      padding-top: 110px;
      padding-bottom:110px;
    }
    .address-section .sub-title{
      font-size: 30px;
      margin-bottom: 40px;
    }
    .address-section .sub-line{
      font-size: 30px;
      padding-top: 20px;
      margin-bottom:5px;
    } 
    .address-section .sub-line + p{
      margin-bottom:20px;
      font-size: 20px;
    }
  }  
  #allmap{
    height: 480px;
    width:95%;
    max-width: 710px;
    margin-left: auto;
  }
  #allmap .anchorBL{display: none}
  #allmap .BMap_Marker img{max-width: 100%;}
  #allmap img{max-width: initial;}
  @media (max-width: 767px){    
    #allmap{
      margin-top: 20px;
      height: 260px;
      width:100%;
      max-width:100%;
    }
  }
  @media (max-width: 360px){
    .sub-title {font-size: 18px;}
  } 
/* 联系我们 END*/
/* 加入我们 */
  .bgf7{background-color: #f7f7f7;}
  .inner-section{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .inner-section .wrapper{
    width: 94%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .inner-section .title{text-align: center;}
  .invite-row > div{margin-bottom: 30px;}
  .invite-row .img{
    position: relative;
    cursor: pointer;
  }
  .invite-row img{display: block; }
  .inner-des{
    position: absolute;
    top: 50%;
    left: 5%;
    right: 5%;
    text-align: center;
    margin-top: -65px;
  }
  .inner-des p{
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 10px;
    transition: all 0.3s;
  }
  .img-icon{
    display: block;
    width: 80px;
    height: 80px;
    background-color: #ce1431;
    border-radius: 50%;
    background-image: url(../image/zhaopin-icon.png);
    -webkit-background-size: 50px;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s;
  }
  .img-icon.icon2{background-image: url(../image/zhaopin-icon2.png);}  
  @media (min-width: 768px){
    .inner-section{
      padding-top: 100px;
      padding-bottom: 100px;
    }
    .invite-row .img{width: 98%;}
    .invite-row .right{margin-left: auto}
    .invite-row .img:hover .img-icon{margin-top: -30px; }
    .invite-row .img:hover p{margin-top: 60px; }
  }
  @media (max-width: 1023px){
    .invite-row .img:hover .img-icon{margin-top: -10px; }
    .invite-row .img:hover p{margin-top: 30px; }
    .inner-des p{font-size: 20px;}
    .img-icon{
      height: 60px;
      width: 60px;
      -webkit-background-size: 42px;
      background-size: 42px;
    }
    .inner-des{
      margin-top: -45px;
    }
  }

  .search-row{
    margin-top: 50px;
    margin-bottom: 50px;
  }  
  .search-box,.search-box2{position: relative;}
  .search-box2{
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
  }
  .search-box2 .tex{
    width: 100%;
    height: 70px;
    line-height: 70px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .search-box2 .sumbit-btn{
    line-height: 70px;
    width: 70px;
    text-align: center;
  }

  .list-row-item{
    width: 49%;
    float: left;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin-right: 2%;
    padding: 5% 3%;
    margin-bottom: 30px;
    color: #666;
  }
  .list-row-item .date{
    color: #888888;
    font-size: 12px;
  }
  .list-row-item h3{
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 5px;
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    color: #515151;
  }
  .list-row-item .condition p:nth-child(1){font-weight: 700}
  .list-row-item .btn{
    background-color: #c9c9c9;
    line-height: 32px;
    height: 32px;
    font-size: 14px;
    margin-top: 50px;
    max-width: 140px;
  }
  .list-row-item .btn:hover{background-color: #ce1431;}
  @media (min-width: 1024px){
    .list-row-item{
      width: 22%;
      margin-right: 4%;
      padding: 3% 2%;
    }
    .list-row-item:nth-child(4n){margin-right: 0}
  }
  @media (max-width: 1023px){
    .list-row-item:nth-child(2n){margin-right: 0}
  }
  @media (min-width: 760px) and (max-width: 1023px){
    .list-row-item{
      width: 48%;
      margin-right: 4%;
      padding: 6% 4%;
    }
  }
  @media (max-width: 767px){
    .list-row-item{
      font-size: 12px;
      margin-bottom: 10px;
    }
    .list-row-item .btn{margin-top: 30px;}
  }
/* 加入我们 END*/
/* 资质荣耀*/
  .black .content-inner{color: #000;}
  .glory-section .content-inner .title{
    margin-bottom: 20px;
    line-height: 1;
  }
  .black .content-inner .txt{
    margin-bottom: 5px;
    font-size: 18px;
  }

  .glory-section2 .title{
    text-align: center;
  }  
  .glory-section2 .row .col-md-8{padding-left: 2%;}
  .red{color: #ce1431;}
  .glory-section2 .txt{
    width: 90%;
    cursor: pointer;
  }
  @media (max-width: 1024px){
    .black .content-inner .txt{font-size: 16px;}
    .glory-section2 .txt{
      font-size: 20px;
      margin-bottom: 10px;
    }
  }
  @media (min-width: 768px){
    .glory-section2 .content-inner{
      width: 84%;
      left: 8%;
    }
    .glory-section2 .txt:last-child{margin-bottom: 0;}
    .fl-r{float: right}
  }
  @media (max-width: 767px){
    .glory-section2{height: 90vh; }
    .glory-section2 .txt{
      font-size: 16px;
      margin-bottom: 10px;
      width: 96%;
    }
    .glory-section2 .row .col-md-8{padding-left: 0;}
    .glory-section2 .row .col-md-8 > div{
      width:50%;
      float: left;
    }
    .glory-section3{
      height: 90vh;
      text-align: center;
    }
    .glory-section3 .history-ul li{width: 33.333%;}
  }

  .glory-section3 .history-ul li font{color: #ce1431}

  .glory-section4 {
    text-align: center;
    overflow: hidden;
    width: 100%;
  } 
  .glory-section4 .title{
    margin-bottom: 20px;
    line-height: 1;
  }
  .glory-section4 .title + p{
    font-size: 18px;
    margin-bottom: 40px;
  }
  .glory-section4 .swiper-slide{
    padding: 20px;
  }
  /* .glory-section4 .swiper-slide-active img{
    box-shadow: 0 0 27px rgba(189, 189, 189, 0.75);
  } */
  .glory-section4 .my-swiper-button{
    position: absolute;
    top: 66%;    
    z-index: 10;
    cursor: pointer;
    margin-top: -25px;
    color: #ce1431;
  }
  .my-swiper-button:before{    
    font-family: 'iconfont';
    font-size: 50px;
    line-height: 1;      
    display: block;  
  }
  .btn-prev:before {content: '\e844';}
  .btn-prev {left: 0;}
  .btn-next:before{content: '\e847';}
  .btn-next {right: 0;}
  .swiper-button-disabled.btn-prev:before{content: '\e77f';}
  .swiper-button-disabled.btn-next:before{content: '\e783';}
  .glory-section4 .swiper-button-disabled{opacity: .3;}
  .glory-section4 .swiper-container{
    margin-left: 5%;
    margin-right: 5%;
  }
  @media (max-width: 767px){
    .glory-section4 .swiper-container{
      margin-left: 30px;
      margin-right: 30px;
    }
  }
/* 资质荣耀 END*/
/* 了解*/
  .about-section{
    background-position: center bottom;
    text-align: center;
    background-size: 100% 100%;;
  }  
  .about-section .history-ul{
    margin-top: 30px;
    margin-bottom: 80px;
  }
  .about-section2{text-align: center;}
  .about-section2 .sub-title{
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .about-section2 .title{font-weight: 500;}

  @media (min-width: 1024px){
    .about-section p{
      font-size: 18px;
      line-height: 2;
    }
    .about-section .history-ul{margin-bottom: 100px;}

    .about-section2 .sub-title{font-size: 36px;}
  }  

  .about-section3 .history-ul li{
    width: 33.333%;
    text-align: center;
    line-height: 1;
    max-width: inherit;
  }
  .about-section3 .history-ul li:not(:last-child){border-right-style: solid; }
  .about-section3 .history-ul li i{
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 30px;
    display: inline-block;
  }
  .about-section3 .history-ul li p{
    font-size: 24px;
    margin-bottom: 30px;
  }
  .about-section3 .history-ul li h3{
    font-size: 30px;
  }
  .about-section3 .content-inner{
    width: 94%;
    left: 3%;
  }
  @media (max-width: 1400px){
    .about-section3 .history-ul li i{font-size: 46px;}
    .about-section3 .history-ul li p{font-size: 18px; }
    .about-section3 .history-ul li h3{font-size: 24px; }
  }
  @media (max-width: 767px){
    .about-section3{height: 90vh;}
    .about-section3 .history-ul li{
      max-width: initial;
      width: 100%;
      border: 1px solid #fff;
      float: none;
      margin-bottom: 20px;
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .about-section3 .history-ul li i,
    .about-section3 .history-ul li p{margin-bottom: 10px; }
    .about-section3 .history-ul li p{font-size: 16px; }
    .about-section3 .history-ul li h3{font-size: 20px; }

    .about-section.inner-section p{line-height: 1.8;}
  }
/* 了解 END*/
/* 全球伙伴*/  
  .inner-section.partner-section{background-color: #a9102c;}
  .map-container{
    max-width:1400px;
    width:96%;
    margin-top:80px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .map-dot-list {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0
  }
  .map-dot {
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: inset #ce1431 0 0 5px;
    box-shadow: inset #ce1431 0 0 5px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #f7f8fa;
    display: inline-block;
    vertical-align: middle;
  }
  .map-dot:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: inset #ce1431 0 0 5px;
    box-shadow: inset #ce1431 0 0 5px;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0;
  }
  .map-dot-layer {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;
    background-color: #ce1431;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1
  }

  .map-dot-layer:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius:50%;
    -webkit-box-shadow: inset #ce1431 0 0 5px;
    box-shadow: inset #ce1431 0 0 5px;    
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: initial;
  }
  .map-dot-text {
    position: absolute;
    left: 100%;
    top: 0;
    padding-left: 5px;
    font-size: 12px;
    line-height: 20px;
    color: #111;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    color:#fff;
  }

  .map-dot-text.left {
    left: auto;
    right: 100%;
    padding-left: 0;
    padding-right: 5px
  }
  @media screen and (min-width: 1001px) {
    @-webkit-keyframes warn {
      0% {
          opacity: 0;
          -webkit-transform: scale(.1);
          transform: scale(.1)
      }

      5% {
          opacity: 1
      }

      to {
          opacity: 0;
          -webkit-transform: scale(4);
          transform: scale(4)
      }
    }

    @keyframes warn {
      0% {
          opacity: 0;
          -webkit-transform: scale(.1);
          transform: scale(.1)
      }

      5% {
          opacity: 1
      }

      to {
          opacity: 0;
          -webkit-transform: scale(4);
          transform: scale(4)
      }
    }

    @-webkit-keyframes warn-2 {
      0% {
          opacity: 0;
          -webkit-transform: scale(.1);
          transform: scale(.1)
      }

      5% {
          opacity: .8
      }

      to {
          opacity: 0;
          -webkit-transform: scale(10);
          transform: scale(10)
      }
    }

    @keyframes warn-2 {
      0% {
          opacity: 0;
          -webkit-transform: scale(.1);
          transform: scale(.1)
      }

      5% {
          opacity: .8
      }

      to {
          opacity: 0;
          -webkit-transform: scale(10);
          transform: scale(10)
      }
    }
    .map-dot.animate:hover:after {
      -webkit-animation: warn 2s ease-out .1s infinite;
      animation: warn 2s ease-out .1s infinite
    }
    .map-dot.animate:hover .map-dot-layer:after {
      -webkit-animation: warn-2 2s ease-out 1.1s infinite;
      animation: warn-2 2s ease-out 1.1s infinite
    }
  }


  @media screen and (max-width: 1000px) {
    .map-dot {
      width: 10px;
      height: 10px;
      cursor: default
    }
    .map-dot-layer {
      margin: -2px 0 0 -2px;
      width: 4px;
      height: 4px
    }
    .map-dot-text {
      margin-top: -2px;
      font-size: 12px;
      line-height: 14px
    }
  }
  
  .partner-section2{text-align: center;}
  .partner-section2 .content-inner{
    width: 94%;
    left: 3%;
  }
  .partner-section2 .history-ul{margin-top: 100px;}
  .partner-section2 .history-ul li{
    width: 25%;
    max-width: initial;
    text-align: center;
    color: #e2ddda;
    padding-bottom: 10px;
    padding-left: 3%;
    padding-right: 3%;
  }
  .partner-section2 .history-ul li .title{margin-bottom: 20px;}
  .partner-section2 .history-ul li:not(:last-child){border-right-style: solid; }
  .partner-section2 .history-ul li p{font-size: 18px;}
  @media (max-width: 767px){
    .partner-section2 .history-ul{margin-top: 50px;}
    .partner-section2{height: 90vh;}
    .partner-section2 .history-ul li{
      max-width: initial;
      width: 48%;
      border: 1px solid #fff;
      margin-bottom: 20px;
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .partner-section2 .history-ul li .title{font-size: 18px;}
    .partner-section2 .history-ul li:nth-child(2n){margin-left: 4%;}
    .partner-section2 .history-ul li p{
      font-size: 13px;
      min-height: 40px;
    }
    
    .map-container{margin-top:0;}
    .map-dot-text {display:none}
  }
/* 全球伙伴 END*/
/* 产品保障*/
  .guarantee-section .title{
    line-height: 1;
    margin-bottom: 40px;
  }
  .guarantee-section .title,
  .guarantee-section .txt{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
  }
  .top25 .content-inner{top: 30%;}  
  .img-wrapper{margin-top: 60px;}
  .img-wrapper > div{cursor: pointer;}
  .img-wrapper > div:after{
    content: '';
    background-color: #ce1431;
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 12px;
    transition: width 0.3s ease 0s;
  }
  .img-wrapper > div:hover:after{width: 100%;}  
  .img-wrapper img{
    display: block;
    width: 100%;
  }
  .img-wrapper .inner{
    position: absolute;
    left: 5%;
    bottom: 7%;
    right: 5%;
    color: #fff;
    transition: bottom 0.3s ease 0s;
  }
  .img-wrapper .inner h4{
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 6px;
  }
  .img-wrapper .inner p{font-size: 14px;}
  @media (min-width: 768px){
    .top25{margin-top: 100px;}
    .guarantee-section p i{display: block;}
    .img-wrapper .inner h4{font-size: 36px;}
    .img-wrapper .inner p{font-size: 18px;}
    .img-wrapper > div:hover .inner{bottom: 25%;}
    .top25 .content-inner{
      top: 15vw;
      z-index: 9;
      width: 60%;
      left: 20%;
    } 
  }
  @media (max-width: 767px){    
    .guarantee-section .title{margin-bottom: 20px;}
    .img-wrapper{margin-top: 40px;}
    .img-wrapper .inner{
      text-align: center;
      top: 50%;
      bottom: auto;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .img-wrapper > div + div{margin-top: 20px;}
    .img-wrapper > div:after{height: 8px;}

    .inner-section + .inner-section{padding-top: 0;}
    .img-wrapper .inner h4{margin-bottom: 15px;}
  }
  
  .tab-wrapper{margin-top: 80px;}
  .tab-wrapper .row .col-md-4{z-index: 5;}  
  .tab-nav li{
    background-color: #efefef;
    padding: 14.5% 5%;
    cursor: pointer;
    text-indent: 5vw;
  }  
  @media (min-width: 800px){
    .tab-nav li{padding:17.2% 5%;}
  }
  @media (min-width: 1025px){
    .tab-nav li{
      padding: 4.0966vw 5%;
      max-height: 151px;
    }
  }
  @media (min-width: 1366px){
    .tab-nav li{
      padding: 0;
      max-height: 150px;
      height: 150px;      
    }
    .tab-nav li h3{line-height: 150px;}
  } 

  .tab-nav li+li{border-top: 3px solid #fff}
  .tab-nav li h3{font-size: 24px;}
  .tab-nav li p{
    display: none;
    font-size: 16px;
  }
  .tab-nav li.active{
    background-color: #ce1431;
    color: #fff;
    width: 122%;
    border-top-color: #ce1431;
  }
  .tab-nav li.active p{display: block;}

  .tab-box .hide{display: none}
  .tab-item{position: relative;}
  .tab-item img{
    display: block;
    width: 100%;
  }
  .des{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    padding:3% 3% 3% 13%;
    line-height: 2;
    font-size: 16px;
  }
  @media (max-width: 767px){
    .tab-wrapper{margin-top: 30px;}
    .tab-nav li{
      padding: 10px 5%;
      border-width: 2px;
    }
    .tab-nav li.active{width: 100%;}
    .tab-nav li h3{font-size: 18px;}
    .tab-nav li p{font-size: 12px;}
    .tab-box{margin-top: 10px;}
    .des{
      font-size: 12px;
      line-height: 1.5;
    }
  }
/* 产品保障 END*/
/* 印记*/
  .history-section .txt{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .history-section{height: auto}
  .history-wrapper{
    max-width:1400px;
    width: 94%;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }


  .fishBone ul{
    overflow: visible!important;  
  }
  .fishBone ul,.fishBone li{
    list-style: none;
    line-height: 2em
  }
  .fishBone{
    color: #000;
    width: 100%;
    height: 100%;
    white-space:nowrap;
    position: relative;
    font-size: 12px;
  }
  .fishBone .wrapper2{
    padding: 0 10px;
    margin: auto;
    /* overflow: hidden; */
  }
  .fishBone .wrapper2 .bd {
    /* overflow: hidden; */
  }
  .fishBone .item{
    position: relative;
    width: 150px;
    height: 400px;
    display: inline-block;
    margin-left:20px;
  }
  .fishBone .item .first{
    line-height:2em;
  }  
  .fishBone .item .content{
    padding-left: 13px;
    position: absolute;
  }
  .fishBone .item.top .content{
    padding-top: 5px;
    top: 20px;
    padding-bottom: 13px;
  }
  .fishBone .item.bottom .content{
    top: 250px;
  }
  .fishBone .item .content ul li{
    padding-left:26px;
    width: 280px;
    white-space: normal;
  }
  .dot{position: relative;}
  .dot:before{
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ce1431;
    position: absolute;
    left: 16px;
    top: 10px;
  }
  .fishBone .item .content ul li.line-first{
    position: relative;
    padding-left: 19px;
    left: -4px; 
    font-size: 24px;
    font-weight: 700;
    color: #ce1431;
  }
  .fishBone .item .content ul li.line-last{
    border-left:none;
  } 
  /**prev next*/
  .fishBone .prev,
  .fishBone .next {
    position: absolute;
    top: 154px;    
    display: inline-block;
    width: 40px;
    height: 40px;  
    font-family: 'iconfont';  
    color: #ce1431;
    font-size: 40px;
    z-index: 69;
    line-height: 1;
  }
  .fishBone .prev{left: 0;}
  .fishBone .next {right: 0; } 
  .fishBone .prev:before {content: '\e844';}
  .fishBone .next:before{content: '\e847';}  
  /**line**/
  .fishBone .line {
    position: absolute;
    top: 163px;
    height: 13px;
    width: 96%;  
    left: 2%;
    z-index: 0;
    background: transparent url(../image/line.png) center bottom  repeat-x;
  }

  .rline {
      width: 1px;
      height: 136px;
      background-color: #b2b2b2;
      position: absolute;
      left: 0;
  }
  .rline:before{
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #ce1431;
    position: absolute;
    left: -6px;
  }
  .top .rline{
      top: 40px;
  }
  .bottom .rline{
      top: 176px;
      height: 88px;
  }
  .bottom .rline:before{
    top: 88px; 
  }

  .tempWrap,
  .tempWrap > ul{
    overflow-y: visible !important;
  }
   @media (min-width: 768px){
	  .fishBone .item .content ul li {
	    font-size: 14px;
	    line-height: 1.5;
	  }
	}
  @media (max-width: 767px){
    .fishBone .wrapper2{
      width: 100%;
    }
    .fishBone .prev, 
    .fishBone .next{top: 157px}
    .fishBone .line{
      width: 82%;
      left: 9%;
    }
  }
/* 印记 END*/
/* partner 地图*/
.inner-section.partner-section{padding:4vh 0 0 0}
#MapMain{
  background: #a9102c url(../image/map.png) 52% center / 80% no-repeat;
  width: 100%;
  height: 100vh;
}
@media (max-width: 1024px){
  #MapMain{
    background-position-x: 60%;
    height: 36vh;
  }
}
#MapMain canvas:first-child{opacity: 0}

/* 新闻详情 */
  .news-detail{
    border-bottom: 8px solid #f6f6f6;
    padding-bottom: 20px;
    margin-bottom: 20px;    
  }
  .maxWidth1100{
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  .news-detail .date{
      font-size: 16px;
    color: #999;
    font-weight: 700;
  }
  .news-detail .tit{font-size: 24px;}
  .detail-content{padding-bottom: 40px;}
  .detail-content p:not(:last-child){margin-bottom: 1em;}

  .next-list{
    padding-bottom: 40px;
    border-top: 8px solid #ce1431;
  }
  .next-list .backBtn{
    margin-top: 0;
    margin-left: auto;
    margin-right: 0;
  }
  .next-list .backBtn i{font-style:normal;}
  .history{
    text-align: center;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  .history.news-list{
    /* max-width: 550px; */
    text-align: left;
  }
  .history.news-list h2{
    font-size:28px;
    border-bottom:1px solid #4a4a4a;
    padding-bottom:10px;
  }
  .history > h2{
    font-size:32px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .history.news-list  .date{
    font-weight:400;
  }
  .history .date{
    margin-top: 8px;
    margin-bottom: 2px;
    display: block;
  }
  .news-detail .date{line-height: 24px;}
  .history.news-list .tit{
    margin-bottom: 12px;
    font-weight: 400;
  }
  .history.news-list .txt{
    color: #9e9e9e;
    font-size: 14px;
  }
  .mt-80{margin-bottom: 40px;}
  @media (min-width: 768px){
    .news-list li{padding-bottom: 60px;}
    .news-list li:not(:last-child){margin-bottom: 60px;}
    .news-list li .imgbox img{width:auto;}
    .news-list li .cont-box{
      padding-left: 15px;
      margin-top: 0;
    }
    .news-detail{
      line-height: 1;
      padding-bottom: 30px;
      margin-bottom: 30px;
    }
    .news-detail .tit{
      font-size: 36px;
      font-weight: 700;
    }
    .news-detail .date{
      float: right;
      line-height: 36px;
    }
    .detail-content{padding-bottom: 80px;}
    .detail-content p{font-size: 16px;}
    .next-list{padding-bottom: 80px;}
    .history > h2{
      font-size: 48px;
      margin-bottom: 20px;
      margin-top: 40px;
    }
    .history.news-list h2{font-size:32px}
    .history .date{
      margin-top: 10px;
      margin-bottom: 6px;
    }
    .history.news-list .tit{
      margin-bottom: 20px;
      font-weight: 700;
    }
    .history.news-list .txt{font-size: 16px;}
    .mt-80{margin-bottom: 80px;}
  }
/* 新闻详情 End*/
/* 招聘详情 */
  .javaLmidlistsub {
    border-bottom: 8px solid #ce1431;
    position: relative;
    padding:20px;
    background-color: #fff;
  }
  .javaLmidlistsub p {line-height: 30px;}
  .javaLmidlistsub p.javafee .javaname {
    font-weight: normal;
    color: #ce1431;
    font-size: 20px;
    font-weight: 700;
    margin-right: 20px;
  }
  .javaLmidlistsub p.javafee .feenum {
    color: #db4939;    
    font-weight: normal;
  }
  .javaLmidlistsub p.lcdnamejili {
    color: #666; 
    line-height: 1.5;
  }
  .javaLmidlistsub .applica{
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 20px;
    width: 70px;
    height: 36px;
    color: #FFFFFF;
    background: #ce1431;
    line-height: 36px;
    border-radius: 20px;
    overflow:hidden;
    text-align:center;
  }
  .javaLmidlistsub span {
    position: absolute;
    top: 70px;
    right: 20px;    
    color: #666;
  }
  .postdecirb {
    padding: 30px 20px 20px 20px;
    background: #FFFFFF;
  }

  .postdecirb h4 {
    height: 16px;
    border-left: 4px solid #ce1431;
    margin-bottom: 5px;
    font-size: 14px;
    color: #666;
    line-height: 16px;
    padding-left: 5px;
  }

  .postdecirb p {
    
    color: #666666;
    line-height: 25px;
    padding-top: 10px;
  }
  
  
  .page a {border: 1px solid #ddd; padding:10px 15px 10px 15px;margin-left: 5px;
    margin-right: 5px;}
     .page a.page-num-current {background: #f84616;
    color: white; }

/* 招聘详情 End*/