﻿@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1587020361284');
  src: url('../fonts/iconfont.eot?t=1587020361284#iefix') format('embedded-opentype'),
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKoAAsAAAAABkgAAAJdAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApMYQE2AiQDCAsGAAQgBYRtBzUbjAUR1Ys/sr9APLYLFVJKnB5r7k6WPjnzyJsRfyIgDeKC3gA3Ba1AAgAAAAAE/8Shvp81twdjuVAsmJwHaJY34FqABSrIxFiBCx4yQ3iNSm4IgGve/5qHEyigSnxcFsmPokXGsh5AAPy3Nd2DfItD5Q7frXro4qftzK+O9NKwlCHNmPV7gWKoXb6s1SdNkW8A+MS90z+BApkPKMe9aKxJk7qAujiQAh1rUGQllHHD2AUv8DgEHDK0ULMaRmBijxPQyW/nKPiYmFjSRiwNS5N0UYotjB1Oo+/rX5EwMCfYZbNVa2VHThq9UUDID0GrzcAIWoAJihpjU0KMY+SIVQGOVSwcfWBFRzUh9tfZhS4AKSh+JoknfdSkAfBYPQkC8UlXgvItn5vQ6ur6cRvdbuW/fbpZXN/411/9Oe8X4qRIZedj/Zwq+pnh5wWEJwfp2nsekgA+P/Uio8kwB9h2Yhd+hmRgk8mQ2RZDUpM0thsET1Lh4AD/2BXgd6o+fOaU2IQnOKzSGYxsSqSJbcHMaQQLmzEcmkxWOwVZE0rmQIMTAPHxBgOPdxj5+CBN7A/MIvzBwifgMNdhS6eKSK9jbAUH6H7ge1qMaxMdF1/RvqaW87KI+0TefBDSKCknL7ggLzFje9tMxIBhmqECp+E0EaxMAXuJnMhaxrFpelPU06y0irEVHKD7ge9pMUFn0ZXPX9G+ppY7GuqiT+TN9w9plAwgL+plUMOjvLK9bSZiwDDNUIFBOE0Ea/OggL1EbkJkLWOnlRmqjrbXzn+3C6W0sg37nTM3gQ/6zrckPi+UAgA=') format('woff2'),
  url('../fonts/iconfont.woff?t=1587020361284') format('woff'),
  url('../fonts/iconfont.ttf?t=1587020361284') format('truetype'),
  url('../fonts/iconfont.svg?t=1587020361284#iconfont') format('svg');
}
.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.fixed {
  position: fixed;
}

.flex {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}

.flex-wrap {
  flex-flow: wrap;
}

.flex-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.hide {
  display: none;
}

.bold {
  font-weight: 700;
}

.txt-center {
  text-align: center;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

.before {
  opacity: 0;
  visibility: hidden;
}

.after {
  opacity: 1;
  visibility: visible;
}

.font {
  font-family: Arial;
}

.txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upper {
  text-transform: uppercase;
}

.middle {
  vertical-align: middle;
}

@font-face {
  font-family: "icon";
  src: url('iconfont.eot?t=1561461869476');
  src: url('iconfont.eot?t=1561461869476#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAArkAAsAAAAAFLQAAAqUAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGUAqWRJIhATYCJANoCzYABCAFhG0HgjkbkBEjETaMsgpE9hcJvCnWlcAUV5HAPJKSVpTBthejkNVyd+aFgzVBQHlVdXdGSWZm6dweJLzEJ6AX5F4/D8z846b9JFCsLVCsUGpq0/xkXupK52Fz2DwyNUHO4US0d+8KIABhE8bQVyxu1u0hTNU7pjz7y29dSjquQCANN37+fl/aBZLXZhpkRu3dF3l+nOk7mUUjOBhVW2mLq0G8IL5gvgbDmTlefIOYEzFpb4cAYOJHWUTT5m274ocH1QWajB01YhB+RwK8EF+B0OzGOdVQYiMehHKVvANs0P68KKCy8AMkfAW9U8fhzYbSUJN3VS10KfqqpSzOjwHvpwEUgLKAAZAx3HwRAjO0spoh5rU2+AQoSQb5uEKttK0jtFb76lidrDN0ri7SPfVxfUPf0v9yeuW8zb2fd9V1oYkV1zt2D6c3g6flggjKs7gVY1e2rfrfeBBDBLGE8SIeEwUh1AQRwoeHGwJQJLgjR6AlgQAYQHhBYxsAou5LRSJopFDEgBahiAAtQxELWiHhP7CBRAEigMQDEoCYgEQg0YBUICFAOSBxgCpAgoCaQPyAekA8gMZADEAPIF5ATyA+wHEgEnADiAW4BZ26wj+EIhJyeiFCgzdAEgFvEYoEyL3PCLCqRACrzz7plKpAJVD1wNgA9bgDE6DEEKxtkRmoR7ZEWNzwaMRKSooLBMolx5lmWjBomdEZIipKWYYRb9spcfGMky+TbMcHApGmmSLsyKjIIZglLcnaHrQ0qd+3jr0GaStO20jKFss+C6BvQ8YRLxGw1m7uOs7YIGMlKGsM9zyQuYXT9jixgLPNpZQRtFlN4ORqUaxJ08pZVM1Mp+Wo6Yj5EHWY2Cfwtlr9djthQvAkqxWnbBCnVYxFQ6r235dYwjmNzQYtD8Oh+6qcmnjp6KLF5gthYawSJzm1HXE4yEA+kY+WrW8VOI4VK/fdE2ckcnMpawtdhC55s5DGJQYPbOXOxl2xKs9t8dn5BrdalaKmitnO5iAd9rQma0rDkac2jetDb4/8Lvl37Ti+74jpaPjBw9ShEJJmWY5jGFrZaOE0GoddSdMUo3LYlAwjmXbBqlTSm0BRVg3Hcm3w9C7nadR+CXPQB3HYCaTXrG7pjW2YzcqmZoamG82gPkIHqRTW050Q7/y2rVLgCetSZ8zuzVnPrK0rzYEM1VFNaqPuUrt90J2tIpN4WN7YYCvX0wHKphbWnKtqbqK7O1fT2sz0QKnaSCnxZMIASTXJU0Uyc8sVXbbRCZDkFIK5bx3Dww9GumMyTJ5HRDyrqAdHXUyOeIttHBh+qqANc+7bV5TWUg2bAzCYNz8ZkkiigBc2M3NVByMhs3nToX0H1MQWH7X1E8L+Pun4FNreNTRILDXDaFGZZbtttTg5O1CzZfx1opmaucGIH5D5/yO661n3Yjgkbjoa+gM1+18t0NhubgNmYs20EnU3j9uLPaYwjIVDptdznImdLpFbAEKJZWYEMQ0SrFmJN0QnGx2/c9BpEP1Jka4huWD+V/pPe7xlFDgC7JA6spD9PVIQfMMP9OCXF1TWeU3KV/eUtaEBZd8WvAuK/5sMJnSpPpGW/F307/Vh+GEg8dX7AngVSqHT6XKWqupTiZWKRfrRIhEEv4QpWyNaIr+I+NJFFig/e6QxYuSHXrRjNztbjGG6vmdrVyJb0RensaVlpXOKE/1nRo4UixKHsj7ZH66XA0NK4IQdjW2IrnJkWmKguKhFp67ZntvR5/aTTPcHk1xQSMaoS6KWL52xCDNe27kanY9cWejdvBg7waH9AWsC3l04HPXx60RewtIorRHduQxtYhxeZESH0V3L0cakbEMe71WxvsRTOaQfPAZeJetTzG8E7CuGk4p8T92cE4iLvDuD46bp6sKXrA1PqfGoD1DMe2Ho4Q8JfpiWVBdaR0JFek4vSk9Hq8i/gW7u5fdhzASkEqlmevsEel2r0n8+iRx7Uxg4rI8OSlvexQu5XXg2ZFtR/4HgK0VEZZNrXvzYx1V+c4dN9FSAov3ztcy6D1QfrKsWuxPloucSudZYzD9TuOeNuzRZunv9HvuAT0xBwozUqEh9vuctbTAIWTNnXY0nADsIYbNfCJRD+fHNsqsAytVyFSG9ChYQwqsyQqaSqaH8qhz6h5TKS4VSCHbm36RjgfnwWN0+QZDgp1+kQIa4gYwCHiFvMS3WL0iq2IG9eY3teME3r158sNdvDi1PnH/TZGrx2vneKuzKZXQVOIWSBPSyVXr1MnCWHhy1dIjH1x7I+yViFogEK3RBuk1CgZtgkzZJu1nlzITNWg8Tijf511wJJlcIoItWOKEUfzZ3RLlV6TMcJL7+2W/bD/fERWJcCq+Wyuba1a7iIpBaMDMqfSOO3fh37BLvBm9sjDz++ti/lzF8Y/qeesNmfbJ+876hhugvC7zLaoE5o6s707xVDOjqMmduvXR3V4YZ1IJSTcGCM2Ds0Jo1owapZsXqNazWcg3QjK4xaq1QA41xDW07qpGql4PD0wQV2Ula8qxEWupyulylpobX9FCQKjMQ9aC/f3N7R/IBdrP+6J+8cMsCo8KyZgnjZly5bp15lE8vWWtRGL/79hDmcmFy1MMu5yHeYZ7T+U4POV1gW5H0Y7XhxOgIshg5zWAD0sKOQ34zu9LuZ/pKXTuD0Hbakkp6lYQwm3Ps8TiZQq3DS9aPYXWbqS50AGUopA4x4OEDiObvZhinrv21Lvw+hj5HMxMzj0Y00jbawvfmoPamzRvYaN6NvSvaqPITr8VGNgTuxrwVg/rueif2Dojb56x1HBzlSJ40OX3yQrELJ0/ecbZk3WZpi9vOCoX1522H3aayrC3OnXPBtqfTmLkzlt+qrItlF7NWOrf512GB614FUAcUAPek2nqhqAUqTfxyBr82wLJ/9anMBZAn5S1txUDZMC3FTo7cAu43ZVGBMH/XkvRG8jLJ6Cpn5e0qM61XFaOknntdXVSNyC4H5Cz3rzs/pUqTflGlxbG7RpGeJ/Zj9Sfp1TKXy4EPN7uBmlMSgwPCdb/5Jc9ARS9rZo8jPfPN9INelgA8uKDRJsTmv/In08Qk42eQ0qTbxFnQ/3/5QqnBSSzFXyoBmGwG4OElO4p3dTPFxhYf5Uwqi0gE+BKFkBBbwzGGeJCQQrwIyScm0bQ420LBZBSIEQBQmmUCQZBxhKB4cpNgyLhry3N8S/ioKSJuyIQiYtb9e77kmpftq1cCyVCK4imcwkaLybzSm36B6StJdlkL+AMKrkhkcequ+oQGKI8jws3kzFpowlp8CHeDqkLREl5BcWyZ20uSaN4TYoX1YMUrAiQGSkLhqcR0FNTQa7OV5/d/AUavIlFIn78x/wASuHQhe+LsM4btp9HE6rMurYMbI8eEaULqTFBN+CAMVKwcCS1/pyugsJhNUdq6SMhYOq4Rl2+ql4bB5OuX/phJUSEVVdMN07Id1/PLe1VUVlXX9K6t62MyEmsYdd1cNqaCvt2qPjDW0R2UlTxV812BK74aiRma1+ZO5IzlnVMETPhXfZrLkdmsw0krcRZAkrILh9a8bVBMVYUB1pmYsgwrSrw384gJ2SzCzGyTvynjJ+azysA8a6GIgqbrF9FW9O06p95p0/LBAAAAAA==') format('woff2'), url('iconfont.woff?t=1561461869476') format('woff'), url('iconfont.ttf?t=1561461869476') format('truetype'),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('iconfont.svg?t=1561461869476#iconfont') format('svg');

  /* IE9 */
  /* iOS 4.1- */
}

.hidden-xs {
  display: block;
}

.hidden-pc {
  display: none;
}

.box-container {
  width: 79.948vw;
  margin: 0 auto;
}

.box-container-header {
  width: 100%;
  margin: 0 auto;
  padding-left:91px;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  /* justify-content: space-between; */
}

.box-container-fluid {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.page-wrap{
  /* width: 80%; */
  width: 79.948vw;
  margin: 0 auto;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
  max-width:100%;
}

@media (max-width:1440px){
  .w1200 {
    width: 100%;
    padding:0 5vw
  }
}

@media (max-width:1024px){
  .w1200 {
    width: 100%;
    padding:0 0
  }
}

.medium-box-container {
  width: 80%;
  margin: 0 auto;
}

body {
  font-size: 16px;
  
}

@font-face {
  font-family: "Montserrat";
  src: url('../fonts/Montserrat-Regular.otf');
  font-weight: normal;
  font-style: normal;
}


.phone-nav,
.phone-gotop-box {
  display: none;
}

.header-wrapper.index {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
  background: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, .03);
}

.header-wrapper.cur{background-color:#fff}

.header-wrapper .nav-icon{display:none}
.header-wrapper .nav-icon{width:25px;height:60px;margin-left:20px;position:relative;cursor:pointer;overflow:hidden;float:right}
.header-wrapper .nav-icon span{width:25px;height:4px;background-color:#fff;border-radius:4px;position:absolute;left:0;display:block}
.header-wrapper .nav-icon span:nth-of-type(1){top:18px}
.header-wrapper .nav-icon span:nth-of-type(2){top:28px}
.header-wrapper .nav-icon span:nth-of-type(3){top:38px}
.header-wrapper .nav-icon.cur span:nth-of-type(1){top:28px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.header-wrapper .nav-icon.cur span:nth-of-type(2){left:100%;opacity:0}
.header-wrapper .nav-icon.cur span:nth-of-type(3){top:28px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}

.header-wrapper.index .logo-box img.on {
  display: none;
}

.header-wrapper.index .logo-box img.original {
  display: block;
}

.header-wrapper.index .pc-nav-box ul li>a {
  color: #fff;
}

.header-wrapper.index .pc-nav-box ul li .hide-box {
  height:50px;background-color:rgba(0,0,0,0.5)
}

.header-wrapper.index .search {
  background: url(../image/header/search1.png) no-repeat;
  background-size: contain;
}

@media (min-width:1024px){
  .header-wrapper:hover {
    background: #fff;
    border-color: #dbdbdb;
  }
  .header-wrapper:hover .logo-box img.on {
    display: inline-block;
  }
  
  .header-wrapper:hover .logo-box img.original {
    display: none;
  }
  
  .header-wrapper:hover .pc-nav-box ul li>a {
    color: #4a4a4a;
  }
  
  .header-wrapper:hover .pc-nav-box ul li:hover>a {
    color: #e60012;
  }
  
  .header-wrapper:hover .pc-nav-box ul li:hover>a:before {
    height: 3px;
  }
  
  .header-wrapper:hover .search {
    background: url(../image/header/search.png) no-repeat;
    background-size: contain;
  }
  .header-wrapper:hover .other-box .language .langtop{
    color: #444444;
    background: url(../image/header/downIcon1.png) no-repeat center right;
    transition: all .3s ease;
  }
  
  .header-wrapper:hover .lantext{
     color:#333
  }

  .header-wrapper:hover .siteclustetop{border-color:#333;color:#333;font-size:14px;line-height:38px;background-image:url(../image/scrolldown_cur.png)}
  
  .sitecluste:hover .siteclusteitems{top:39px;opacity:1;z-index:3;visibility:visible;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}

  .header-wrapper .other-box .language .langtop:hover{color:#e60012}

  .header-wrapper .search:hover{ background: url(../image/header/search2.png) no-repeat;background-size:100% 100%;}


  .header-wrapper.cur {
    background: #fff;
    border-color: #dbdbdb;
  }
  .header-wrapper.cur .logo-box img.on {
    display: inline-block;
  }
  
  .header-wrapper.cur .logo-box img.original {
    display: none;
  }
  
  .header-wrapper.cur .pc-nav-box ul li>a {
    color: #4a4a4a;
  }
  
  .header-wrapper.cur .pc-nav-box ul li:hover>a {
    color: #e60012;
  }
  
  .header-wrapper.cur .pc-nav-box ul li:hover>a:before {
    height: 3px;
  }
  
  .header-wrapper.cur .search {
    background: url(../image/header/search.png) no-repeat;
    background-size: contain;
  }
  .header-wrapper.cur .other-box .language {
    color: #444444;
    background: url(../image/header/downIcon1.png) no-repeat center right;
    transition: all .3s ease;
  }
  
}

.header-wrapper {
  background: transparent;
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
}

.header-wrapper .box-container {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  /* align-items: center; */
}

.header-wrapper .logo-box {
  width: 143px;
}

.header-wrapper .logo-box a {
  font-size: 0;
}

.header-wrapper .logo-box img {
  width: 100%;
}

.header-wrapper .logo-box img.original {
  display: none;
}

.header-wrapper .pc-nav-box {
  margin-left:11vw;
  overflow: hidden;
}

.header-wrapper .pc-nav-box ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.header-wrapper .pc-nav-box ul li {
  display: inline-block;
  vertical-align: top;
  width: auto;
  text-align: center;
  padding: 0 1.953vw;
}

.header-wrapper .pc-nav-box ul li>a {
  position: relative;
  display: block;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  line-height: 120px;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transform: perspective(1px) translateZ(0);
  -webkit-transform: perspective(1px) translateZ(0);
  -moz-transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
}

.header-wrapper .pc-nav-box ul li>a:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  background: #e60012;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.header-wrapper .pc-nav-box ul li:hover>a:before {
  height: 3px;
  transition: all 0.3s ease;

}

.header-wrapper .pc-nav-box ul li:hover .hide-box {
  display: block;
  animation: navDown .3s ease;
}

.header-wrapper .pc-nav-box ul li.on>a {
  color: #e60012 !important;
}

.header-wrapper .pc-nav-box ul li.on>a:before {
  height: 3px;
}

.header-wrapper .pc-nav-box ul .hide-box {
  display: none;
  position: absolute;
  width: 100%;
  top: 120px;
  left: 0;
  z-index: 100;
  background-color:rgba(0,0,0,0.5);
}

.header-wrapper .pc-nav-box ul .hide-box .box-container{
  display:block;text-align:center;
  width:auto;margin:0;position:absolute
}


.header-wrapper .pc-nav-box ul .hide-box .box-container a{
  display:inline-block;color:#fff;line-height:50px;margin-right:32px
}

.header-wrapper .pc-nav-box ul .left {
  /* width: 75%; */
  border-right: 1px solid #edecec;
  overflow: hidden;
  padding: 0 60px 0 0;
}

.header-wrapper .pc-nav-box ul .left .pic {
  float: left;
  font-size: 0;
  overflow: hidden;
}

.header-wrapper .pc-nav-box ul .left .pic img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}

.header-wrapper .pc-nav-box ul .left .pic img:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.header-wrapper .pc-nav-box ul .info {
  width: 540px;
  float: left;
  padding:10px 0 0 48px
}

.header-wrapper .pc-nav-box ul .info .name {
  font-size: 34px;
  color: #333333;
  line-height: 40px;
  margin: 0 0 18px;
}

.header-wrapper .pc-nav-box ul .info .name span {
  display: inline-block;
  text-indent: 70px;
}

.header-wrapper .pc-nav-box ul .info .desc {
  font-size: 20px;
  color: #cccccc;
  text-transform: uppercase;
  font-family:'gothbold';
  line-height: 23px;
}

.header-wrapper .pc-nav-box ul .info .text{color:#727272;line-height:2;margin-top:32px}

/* @font-face{font-family:'arch';src:url(../fonts/ARCHIVO-REGULAR.TTF)} */

.header-wrapper .pc-nav-box ul .right {
  width: 25%;
  float: right;
  overflow: hidden;
  padding: 8px 0 0 100px;
}

.header-wrapper .pc-nav-box ul .right a {
  position: relative;
  display: block;
  /* float: left; */
  font-size: 14px;
  color: #666666;
  padding-left: 16px;
  overflow: hidden;
  margin-bottom: 32px;
  /* text-overflow: ellipsis; */
  /* white-space: nowrap; */
}

.header-wrapper .pc-nav-box ul .right a:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #dededd;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  z-index: 10;
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
}

.header-wrapper .pc-nav-box ul .right a:hover,
.header-wrapper .pc-nav-box ul .right a.on {
  color: #e60012;
}

.header-wrapper .pc-nav-box ul .right a:hover:before,
.header-wrapper .pc-nav-box ul .right a.on:before {
  background: #e60012;
}

.header-wrapper .search {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../image/header/search.png) no-repeat;
  background-size: contain;
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
}

.other-box {
  display: flex;
  align-items: center;
  margin-left:6.01vw
}

.other-box .language {
  position:relative;
  margin-right: 23px;
}

.other-box .language .langtop{
  height:120px;
  line-height:120px;
  display:none;
  font-size: 14px;
  color: #fff;
  padding-right: 25px;
  background: url(../image/header/downIcon.png) no-repeat center right;
  transition: all .3s ease;
  cursor: pointer;
}

.other-box .langitems{width:114px;height:auto;background-color:#fff;position:absolute;top:120px;right:0;z-index:-1;opacity:0;visibility:hidden}
.other-box .langitem{color:#a4a5a5;line-height:36px;padding:0 15px;display:block}

.other-box .language.cur .langitems{z-index:9;opacity:1;visibility:visible}

@media (min-width:1024px){
  .other-box .language:hover .langitems{z-index:9;opacity:1;visibility:visible}
  .other-box .langitem:hover{color:#e60012;font-weight:bold}
}

/* .header-wrapper:hover .other-box .language {
  color: #444444;
  background: url(../image/header/downIcon1.png) no-repeat center right;
  transition: all .3s ease;
} */

.search-form {
  width: 100%;
  position: fixed;
  left: 0;
  top: 120px;
  background: #fff;
  z-index: 30;
  padding: 70px 0;
  display: none;
  border-top: 1px solid #f7f8f9;
  /* input placeholder  */
}

.search-form .box-container {
  position: relative;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
}

.search-form .keywords {
  flex: 1;
  overflow: hidden;
  line-height: 56px;
  margin-left: 20px;
  font-size: 16px;
  color: #999;
}

.search-form ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999999;
  font-size: 16px;
}

.search-form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999;
  font-size: 16px;
}

.search-form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
  font-size: 16px;
}

.search-form :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999999;
  font-size: 16px;
}

.search-form .icon-close {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10;
  font-size: 30px;
  color: #999;
  margin-top: -15px;
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}

.search-form .icon-close:hover {
  color: #1f2971;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.footer-wrapper {
  background: #d1d1d1;
}

.footer-wrapper .box-1 {
  padding: 80px 0;
 
}

.footer-wrapper .left {
  float: left;
}

.footer-wrapper .right {
  width: 246px;
  float: right;
  text-align: right;
}

.footer-wrapper .footer-nav a {
  display: block;
}

.footer-wrapper .footer-nav dl {
  display: inline-block;
  width: 152px;
  padding-right: 10px;
  vertical-align: top;
}

.footer-wrapper .footer-nav dt a {
  font-size: 15px;
  color: #1f2328;
  font-weight: 700;
  line-height: 36px;
}

.footer-wrapper .footer-nav dd a,
.footer-wrapper .footer-nav dd {
  font-size: 14px;
  color: #6b6b6b;
  line-height: 30px;
}

.footer-wrapper .footer-nav dt a:hover,
.footer-wrapper .footer-nav dd a:hover {
  color: #1f2971;
}

.footer-wrapper .footer-nav dd span {
  display: none;
}

.footer-wrapper .friend-link {
  width: 100%;
  position: relative;
  margin-top: 25px;
  text-align: left;
}

.footer-wrapper .friend-link .title {
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  padding-left: 18px;
  color: #969696;
  transform: perspective(1px) translateZ(0);
  border: 1px solid #e5e5e5;
}

.footer-wrapper .friend-link .title:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/up.png) no-repeat right 18px center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.footer-wrapper .friend-link .list {
  width: 100%;
  border: 1px solid #e5e5e5;
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: 10;
  margin-bottom: -1px;
  display: none;
  max-height: 206px;
  overflow-y: auto;
  background: #f5f5f5;
}

.footer-wrapper .friend-link .list::-webkit-scrollbar {
  width: 3px;
}

.footer-wrapper .friend-link .list::-webkit-scrollbar-track {
  background-color: #f7f8f9;
}

.footer-wrapper .friend-link .list::-webkit-scrollbar-thumb {
  background-color: #3b5ec1;
}

.footer-wrapper .friend-link .list a {
  display: block;
  line-height: 40px;
  font-size: 12px;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px 0 18px;
  color: #999;
}

.footer-wrapper .friend-link .list a:hover {
  color: #1f2971;
}

.footer-wrapper .friend-link .list a:last-child {
  border-bottom: none;
}

.footer-wrapper .qrcode {
  display: inline-block;
  width: 110px;
  text-align: center;
}

.footer-wrapper .qrcode img {
  width: 100%;
}

.footer-wrapper .qrcode p {
  font-size: 14px;
  color: #797979;
  margin-top: 14px;
}

.footer-wrapper .share {
  font-size: 0;
  margin: 56px auto 30px;
}

.footer-wrapper .share a {
  display: inline-block;
  margin-right: 12px;
}

.footer-wrapper .share a:last-child {
  margin-right: 0;
}

.footer-wrapper .share a>img {
  width: 35px;
}

.footer-wrapper .phone-share {
  display: none;
}

.footer-wrapper .box-2 {
  background-color:#ababab;
  height: 90px;
  line-height: 100px;
  overflow: hidden;
}

.footer-wrapper .link,
.footer-wrapper .link a,
.footer-wrapper .copy,
.footer-wrapper .copy a {
  font-size: 12px;
  color: #777;
  font-weight: 700;
}

.footer-wrapper .link a:hover,
.footer-wrapper .copy a:hover {
  color: #dc0011
}

.footer-wrapper .link {
  float: left;
  font-size: 0;
}

.footer-wrapper .link a {
  display: inline-block;
  vertical-align: top;
  margin-right: 32px;
  color:#777;
  position:relative
}
.footer-wrapper .link a:after{content:"";width:2px;height:13px;background-color:#7f7f7f;position:absolute;top:50%;margin-top:-6.5px;right:-15px}


.footer-wrapper .link a:last-child {
  margin-right: 0;
}
.footer-wrapper .link a:last-child:after{display:none}

.footer-wrapper .copy {
  float: right;
}

.phone-footer-nav {
  display: none;
}

.right-fixed-box {
  position: fixed;
  right: 32px;
  top: 45%;
  z-index: 30;
}

.right-fixed-box ul li {
  width: 84px;
  height: 84px;
  text-align: center;
  background: #0d47a1;
  border-radius: 5px;
  margin-bottom: 5px;
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
}

.right-fixed-box ul li:hover {
  background: #1f2971;
}

.right-fixed-box ul li:hover img {
  transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
}

.right-fixed-box ul li a {
  display: block;
}

.right-fixed-box ul li img {
  margin-top: 16px;
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}

.right-fixed-box ul li p {
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  margin-top: 6px;
}

.index-banner-wrapper .swiper-slide a {
  position: relative;
  display: block;
  font-size: 0;
}

.index-banner-wrapper .swiper-slide .img img {
  width: 100%;
  height: 920px;
  object-fit: cover;
}

.index-banner-wrapper .swiper-slide img.phone {
  display: none;
}

.index-banner-wrapper .swiper-slide .info {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  /* display: flex;
  align-items: center; */
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(20%);
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  -o-transform: translateY(20%);
  transition: transform 1s ease;
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  -o-transition: transform 1s ease;
}

.index-banner-wrapper .swiper-slide .info .name,
.index-banner-wrapper .swiper-slide .info .en {
  color: #fff;
}

.index-banner-wrapper .swiper-slide .info .name {
  font-weight: 700;
  font-size: 60px;
  margin-top: 210px;
  margin-bottom: 20px;
}

.index-banner-wrapper .swiper-slide .info .en {
  font-family: Arial;
  font-size: 18px;
  text-transform: uppercase;
}

.index-banner-wrapper .swiper-slide .info2 .name {
  font-weight: 500;
  line-height: 120px;
}

.index-banner-wrapper .swiper-slide .info2 .en {
  width: 48%;
  line-height: 32px;
}

.index-banner-wrapper .swiper-slide .info3 {
  text-align: center;
}

.index-banner-wrapper .swiper-slide-active .info {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

/* .index-banner-wrapper .swiper-pagination {
  position: absolute;
  right: 30px !important;
  top: 50% !important;
  height: auto !important;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  flex-direction: column;
}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
  background: #cccccc;
  margin: 0 0 20px 0;
  width: 8px;
  height: 8px;
  opacity: 0.5;
  transition: opacity 0.5 ease;
  -webkit-transition: opacity 0.5 ease;
  -moz-transition: opacity 0.5 ease;
  -ms-transition: opacity 0.5 ease;
  -o-transition: opacity 0.5 ease;
  border-radius: 50%;
  position: relative;
}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:before {
  position: absolute;
  content: "";
  display: block;
  width: 38px;
  height: 38px;
  top: -15px;
  left: -15px;
}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin: 15px 0 35px 0;
  opacity: 1;
  transition: all .3s ease;
}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background: url(../image/idx/bulletBg.png) no-repeat center;
  transition: all .3s ease;
}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2):before {
  background: url(../image/idx/bulletBg.png) no-repeat center;
  transition: all .3s ease;
  transform: rotateZ(90deg);
}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3):before {
  background: url(../image/idx/bulletBg.png) no-repeat center;
  transition: all .3s ease;
  transform: rotateZ(180deg);
}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4):before {
  background: url(../image/idx/bulletBg.png) no-repeat center;
  transition: all .3s ease;
  transform: rotateZ(270deg);
} */

.index-banner-wrapper{height: 920px;;}

.index-company-wrapper{width: 100%;display: flex;align-items: center;position: absolute;bottom: 0;left: 0;z-index: 9}
.index-company-item{width: 14.2857%;position: relative;cursor:pointer;overflow:hidden;background-color:rgba(0, 0, 0, 0.6);display:block}
.index-company-item:after{content:"";width:100%;height:100%;position:absolute;left:-100%;top:0;background-image:url(../image/idx/indexbanbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.index-company-item .textbox{position:relative;z-index:3;padding:43px 0 43px 60px;}
.index-company-item:nth-of-type(2n){background-color:rgba(0, 0, 0, 0.4)}
.index-company-item .company-icon{position: absolute;top: 34px;width: 40px;height: 40px;background-size:40px 40px;left: 12px;top:36px;}
.index-company-item .company-icon1{width: 37px;height: 38px;background: url(../image/idx/companyIcon1.png) no-repeat center 100%;background-size:37px 38px;left: 12px;top:37px}
.index-company-item .company-icon2{width: 34px;height: 35px;background: url(../image/idx/companyIcon2.png) no-repeat center 100%;left: 14px;}
.index-company-item .company-icon3{width: 37px;height: 37px;background: url(../image/idx/companyIcon3.png) no-repeat center 100%;background-size:37px 37px;left: 12px;}
.index-company-item .company-icon4{width: 35px;height: 35px;background: url(../image/idx/companyIcon4.png) no-repeat center 100%;left: 11px;}
.index-company-item .company-icon5{width: 35px;height: 35px;background: url(../image/idx/companyIcon5.png) no-repeat center 100%;left: 14px;top:38px;}
.index-company-item .company-icon6{width: 39px;height: 35px;background: url(../image/idx/companyIcon6.png) no-repeat center 100%;left: 10px;top:38px;}
.index-company-item .company-icon7{width: 40px;height: 40px;background: url(../image/idx/companyIcon7wap_cur.png) no-repeat center 100%;left: 12px;top:36px;}
.index-company-item h6{font-size: 24px;color: #fff;line-height: 24px;padding-bottom: 20px;position:relative;height:70px;}
.index-company-item h6:after{content:"";width:9px;height:14px;position:absolute;right:30px;top:5px;opacity:0;background-image:url(../image/idx/indexbanbotright.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.index-company-item p{font-size: 13px;color: #fff;line-height:19px;height:38px}
.index-company-item:hover:after{left:0}
.index-company-item:hover h6:after{right:10px;opacity:1}


@media (max-width:1440px){
  .index-company-item .textbox{padding:30px 0 20px 10px}
  .index-company-item h6{font-size:18px;padding-left:35px}
  .index-company-item p{font-size:12px;line-height:18px}
  .index-company-item .company-icon{top:28px}
  .index-company-item .company-icon1{width:29px;height:30px;background-size:100% 100%;top:26px;left:10px}
  .index-company-item .company-icon2{width:26px;height:27px;background-size:100% 100%;left:12px}
  .index-company-item .company-icon3{width:29px;height:29px;background-size:100% 100%;left:10px}
  .index-company-item .company-icon4{width:27px;height:27px;background-size:100% 100%;left:9px}
  .index-company-item .company-icon5{width:27px;height:27px;background-size:100% 100%;left:10px}
  .index-company-item .company-icon6{width:28px;height:25px;background-size:100% 100%;left:8px}
  .index-company-item .company-icon7{width:32px;height:32px;background-size:100% 100%;left:8px;top:25px}
  .index-banner-wrapper,
  .index-banner-wrapper .swiper-slide .img img{height:768px}
  .header-wrapper .pc-nav-box ul .info{width:440px}
  .header-wrapper .pc-nav-box ul .right{padding:8px 0px 0px 60px}
  .header-wrapper .pc-nav-box ul .info .name{font-size:30px;line-height:36px}
  .header-wrapper .pc-nav-box ul .info .desc{font-size:16px}
}

@media (max-width:1160px){
  .header-wrapper .pc-nav-box ul .left{padding:0 40px 0 0}
  .header-wrapper .pc-nav-box ul .right{width:20%}
  .header-wrapper .pc-nav-box ul .info{width:340px;padding:10px 0px 0px 30px}
  .header-wrapper .pc-nav-box ul .right{padding:8px 0px 0px 45px}
  .header-wrapper .pc-nav-box ul .info .text{margin-top:20px;line-height:1.6}
}

@media (max-width:1024px){
  .index-banner-wrapper{height:auto}
  .index-company-wrapper{position:static;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
  .index-company-item{width:33.3333%;background-color:#f3f3f3}
  .index-company-item:nth-of-type(2n){background-color:#ebebeb}
  .index-company-item:nth-last-of-type(1){width:100%}
  .index-company-item .company-icon{display:block;position:static;width:40px;height:40px;margin:0 auto}
  .index-company-item .textbox{padding:20px 0 28px}
  .index-company-item p{display:none}
  .index-company-item .company-icon1{background-image:url(../image/idx/companyIcon1wap.png)}
  .index-company-item:hover .company-icon1{background-image:url(../image/idx/companyIcon1wap_cur.png)}
  .index-company-item .company-icon2{background-image:url(../image/idx/companyIcon2wap.png)}
  .index-company-item:hover .company-icon2{background-image:url(../image/idx/companyIcon2wap_cur.png)}
  .index-company-item .company-icon3{background-image:url(../image/idx/companyIcon3wap.png)}
  .index-company-item:hover .company-icon3{background-image:url(../image/idx/companyIcon3wap_cur.png)}
  .index-company-item .company-icon4{background-image:url(../image/idx/companyIcon4wap.png)}
  .index-company-item:hover .company-icon4{background-image:url(../image/idx/companyIcon4wap_cur.png)}
  .index-company-item .company-icon5{background-image:url(../image/idx/companyIcon5wap.png)}
  .index-company-item:hover .company-icon5{background-image:url(../image/idx/companyIcon5wap_cur.png)}
  .index-company-item .company-icon6{background-image:url(../image/idx/companyIcon6wap.png)}
  .index-company-item:hover .company-icon6{background-image:url(../image/idx/companyIcon6wap_cur.png)}
  .index-company-item .company-icon7{background-image:url(../image/idx/companyIcon7wap.png)}
  .index-company-item:hover .company-icon7{background-image:url(../image/idx/companyIcon7wap_cur.png)}
  .index-company-item h6{padding-left:0;padding-bottom:0;color:#353535;text-align:center;margin-top:10px}
  .index-company-item:hover h6{color:#fff}
  .index-company-item h6:after{top:28px;left:50%;margin-left:-4.5px;width:7px;height:11px}
  .header-wrapper.index .search{height:60px;background-position:center center;}
 
}

@media (max-width:400px){
  .index-company-item h6{font-size:16px;margin-top:7px}
  .index-company-item .company-icon{width:34px;height:34px}
}


.index-content-wrapper{width: 100%;position: relative;}
.index-intro-wrapper{width: 100%;;}
.index-intro-wrapper .index-intro-left{width: 40%;padding:9.375vw 5.729vw 0 10vw;float: left;}
.index-intro-wrapper .index-intro-left h5{font-size: 48px;font-weight: 600;color: #000000;line-height: 48px;padding-bottom: 46px;}
.index-intro-wrapper .index-intro-left h6{font-size: 34px;font-weight: 600;line-height: 34px;color: #353535;padding-bottom: 40px;}
.index-intro-wrapper .index-intro-left p{font-size: 14px;color: #888888;line-height: 24px;text-align: justify;height:144px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}
.index-intro-wrapper .index-intro-left a.more{display: block;width: 146px;height: 46px;background-color: #e60012;font-size: 16px;color: #ffffff;line-height: 46px;text-align: center;margin-top: 50px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.index-intro-wrapper .index-intro-left a.more:hover{box-shadow:0px 4px 22px 0px rgba(0,0,0,0.06);transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);}
.index-intro-wrapper .index-intro-right{width: 60%;float: right;}
.index-intro-wrapper .index-intro-right:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}

.index-business-wrapper{width: 100%;position: relative;}
.index-business-wrapper h3{font-size: 48px;color: #fff;line-height: 48px;font-weight: bold;position: absolute;top: 46px;left: 196px;z-index: 6;}
.index-business-wrapper .index-business-item{overflow: hidden;float: left;width: 12%;height: 889px;cursor: pointer;position: relative;transition: all .3 ease;}
.index-business-wrapper .index-business-item.act{width: 39.5%;transition: all .3 ease;}
.index-business-wrapper .index-business-item h6{font-size: 14px;color: #fff;padding-left: 40px;position: relative;top: 120px;z-index: 5;font-family: "Montserrat";}
.index-business-wrapper .index-business-item h6 .line{width: 56%;height: 1px;background-color: #fff;position: absolute;right: 0;bottom: 5px;}
.index-business-wrapper .index-business-item .index-bus-default{height: 100%;padding: 308px 0 0 40px;position: relative;}
.index-business-wrapper .index-business-item1 .index-bus-default{background: url(../image/idx/idxBusBg1.jpg) no-repeat center 100%;}
.index-business-wrapper .index-business-item2 .index-bus-default{background: url(../image/idx/idxBusBg2.jpg) no-repeat center 100%;}
.index-business-wrapper .index-business-item3 .index-bus-default{background: url(../image/idx/idxBusBg3.jpg) no-repeat center 100%;}
.index-business-wrapper .index-business-item4 .index-bus-default{background: url(../image/idx/idxBusBg4.jpg) no-repeat center 100%;}
.index-business-wrapper .index-business-item5 .index-bus-default{background: url(../image/idx/idxBusBg5.jpg) no-repeat center 100%;}
.index-business-wrapper .index-business-item6 .index-bus-default{background: url(../image/idx/idxBusBg6.jpg) no-repeat center 100%;}
.index-business-wrapper .index-business-item .index-bus-default h5{font-size: 26px;color: #fff;font-weight: bold;line-height: 26px;}
.index-business-wrapper .index-business-item .index-bus-default .index-bus-icon{display: block;width: 45px;height: 50px;position: absolute;top: 212px;left: 41px;}
.index-business-wrapper .index-business-item .index-bus-default .index-bus-plus{width: 20px;height: 20px;background: url(../image/idx/idxBusPlus.png) no-repeat center;display: block;position: absolute;bottom: 153px;left: 40px;}
.index-business-wrapper .index-business-item1 .index-bus-default .index-bus-icon{background: url(../image//idx/idxBusIcon1.png) no-repeat center 100%;}
.index-business-wrapper .index-business-item2 .index-bus-default .index-bus-icon{background: url(../image//idx/idxBusIcon2.png) no-repeat center 100%;}
.index-business-wrapper .index-business-item3 .index-bus-default .index-bus-icon{background: url(../image//idx/idxBusIcon3.png) no-repeat center 100%;}
.index-business-wrapper .index-business-item4 .index-bus-default .index-bus-icon{background: url(../image//idx/idxBusIcon4.png) no-repeat center 100%;}
.index-business-wrapper .index-business-item5 .index-bus-default .index-bus-icon{background: url(../image//idx/idxBusIcon5.png) no-repeat center 100%;}
.index-business-wrapper .index-business-item6 .index-bus-default .index-bus-icon{background: url(../image//idx/idxBusIcon6.png) no-repeat center 100%;}

.index-business-wrapper .index-business-item .index-bus-act{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}
.index-business-wrapper .index-business-item.act .index-bus-act{display: block;}
.index-business-wrapper .index-business-item.act .index-bus-default{display: none;}
.index-business-wrapper .index-business-item1 .index-bus-act{background: url(../image/idx/idxBusimg1.jpg) no-repeat center;}
.index-business-wrapper .index-business-item2 .index-bus-act{background: url(../image/idx/idxBusimg2.jpg) no-repeat center;}
.index-business-wrapper .index-business-item3 .index-bus-act{background: url(../image/idx/idxBusimg3.jpg) no-repeat center;}
.index-business-wrapper .index-business-item4 .index-bus-act{background: url(../image/idx/idxBusimg4.jpg) no-repeat center;}
.index-business-wrapper .index-business-item5 .index-bus-act{background: url(../image/idx/idxBusimg5.jpg) no-repeat center;}
.index-business-wrapper .index-business-item6 .index-bus-act{background: url(../image/idx/idxBusimg6.jpg) no-repeat center;}
.index-business-wrapper .index-business-item .index-bus-act .index-bus-act-text{width: 100%;padding: 60px 80px 180px 90px;position: absolute;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.5);}
.index-business-wrapper .index-business-item .index-bus-act h5{font-size: 40px;color: #ffffff;line-height: 40px;padding-bottom: 35px;}
.index-business-wrapper .index-business-item .index-bus-act p{font-size: 14px;color: #fff;line-height: 24px;}
.index-business-wrapper .index-business-item .index-bus-act .moreIcon{display: block;position: absolute;width: 47px;height: 33px;background-color: #e60012;border-radius: 16px;text-align: center;line-height: 33px;font-size: 14px;color: #fff;bottom: 86px;left: 90px;}


@media (max-width:1620px){
  .index-intro-wrapper .index-intro-left{padding:7.375vw 4.529vw 0 8vw}
}

@media (max-width:1440px){
  .index-intro-wrapper .index-intro-left{padding:6.375vw 3.529vw 0 6.5vw}
  .index-intro-wrapper .index-intro-left h5{font-size:38px;padding-bottom:30px;line-height:38px}
  .index-intro-wrapper .index-intro-left h6{font-size:28px;line-height:28px;padding-bottom:26px}
  .index-intro-wrapper .index-intro-left p{height:120px;-webkit-line-clamp:5}
}

@media (max-width:1280px){
  
}

@media (max-width:1024px){
  .index-intro-wrapper .index-intro-left{width:100%;padding:35px 15px}
  .index-intro-wrapper .index-intro-left h5{font-size:24px;padding-bottom:15px;line-height:24px;text-align:center;font-weight:normal}
  .index-intro-wrapper .index-intro-left h6{font-size:20px;line-height:20px;padding-bottom:15px;text-align:center;font-weight:bold}
  .index-intro-wrapper .index-intro-left p{height:120px;-webkit-line-clamp:5;text-align:center;font-size:12px}
  .index-intro-wrapper .index-intro-left a.more{width:104px;height:36px;line-height:36px;margin:15px auto 0;font-size:13px}
  .index-intro-wrapper .index-intro-right{width:100%;padding:0 15px}
}

/* index end */

.page-banner-wrapper {
  position: relative;
  font-size: 0;
}

.page-banner-wrapper .banner {
  width: 100%;
  height: auto;
}

.page-banner-wrapper .info {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
}
.page-banner-wrapper .info .wrap{width:79.948vw;margin: 0 auto;}
.page-banner-wrapper .info h4{font-size: 36px;color: #ffffff;font-weight: 600;line-height: 36px;padding-bottom: 34px;}
.page-banner-wrapper .info p{font-size: 16px;color: #fff;line-height: 16px;padding-bottom: 40px;}
.page-banner-wrapper .info span.line{display: none;width: 30px;height: 3px;background-color: #fff;}

/* page-nav */
.page-nav {width: 79.948vw;position: absolute;bottom: 0;left: 50%;margin-left:-39.974vw;z-index: 11;}
.page-nav ul{overflow: hidden;display: flex;align-items: center;justify-items: center;}
.page-nav ul li{background-color: rgba(0, 0, 0, 0.5);transition: all .3s ease;}
.page-nav ul li.act{background-color: #e02929;transition: all .3s ease;}
.page-nav ul li a{display: block;width: 100%;height: 100%;font-size: 16px;padding-left: 55%;font-weight: 600;color: #fff;position: relative;line-height: 90px;}
.page-nav ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;cursor: pointer;}
.page-nav ul li i.page-nav-icon{display: block;width: 30px;height: 30px;position: absolute;top: 30px;left: 42%;;}
.page-nav.abt ul li .abt-nav-icon1{background: url(../image/abt/abtIcon1.png) no-repeat center;}
.page-nav.abt ul li .abt-nav-icon2{background: url(../image/abt/abtIcon2.png) no-repeat center;}
.page-nav.abt ul li .abt-nav-icon3{background: url(../image/abt/abtIcon3.png) no-repeat center;}
.page-nav.news ul li .news-nav-icon1{background: url(../image/news/newsIcon1.png) no-repeat center;}
.page-nav.news ul li .news-nav-icon2{background: url(../image/news/newsIcon2.png) no-repeat center;}
.page-nav.project ul li .page-nav-icon{left: 24%;}
.page-nav.project ul li a{padding-left: 47%;}
.page-nav.project ul li .project-nav-icon1{background: url(../image/project/projectIcon1.png) no-repeat center;}
.page-nav.project ul li .project-nav-icon2{background: url(../image/project/projectIcon2.png) no-repeat center;}
.page-nav.project ul li .project-nav-icon3{background: url(../image/project/projectIcon3.png) no-repeat center;}
.page-nav.project ul li .project-nav-icon4{background: url(../image/project/projectIcon4.png) no-repeat center;}
.page-nav.project ul li .project-nav-icon5{background: url(../image/project/projectIcon5.png) no-repeat center;}
.page-nav.project ul li .project-nav-icon6{background: url(../image/project/projectIcon6.png) no-repeat center;}
.page-nav.activity ul li .page-nav-icon{left: 24%;}
.page-nav.activity ul li a{padding-left: 42%;}
.page-nav.activity ul li .act-nav-icon1{background: url(../image/project/projectIcon1.png) no-repeat center;}
.page-nav.activity ul li .act-nav-icon2{background: url(../image/project/projectIcon2.png) no-repeat center;}
.page-nav.activity ul li .act-nav-icon3{background: url(../image/project/projectIcon3.png) no-repeat center;}
.page-nav.activity ul li .act-nav-icon4{background: url(../image/project/projectIcon4.png) no-repeat center;}
.page-nav.activity ul li .act-nav-icon5{background: url(../image/project/projectIcon5.png) no-repeat center;}
.page-nav.contact ul li .page-nav-icon{left: 28%;}
.page-nav.contact ul li a{padding-left: 46%;}
.page-nav.contact ul li .contact-nav-icon1{background: url(../image/contact/contactIcon1.png) no-repeat center;}
.page-nav.contact ul li .contact-nav-icon2{background: url(../image/contact/contactIcon2.png) no-repeat center;}
.page-nav.contact ul li .contact-nav-icon3{background: url(../image/contact/contactIcon3.png) no-repeat center;}
.page-nav.contact ul li .contact-nav-icon4{background: url(../image/contact/contactIcon4.png) no-repeat center;}


/* abt */
.abt-content1{width: 100%;overflow: hidden;padding-bottom:25px;}
.abt-content1 .abt-con-left,.abt-content1 .abt-con-right{width: 50%;float: left;}
.abt-content1 .abt-con-left{padding: 110px 92px 0 0;}
.abt-content1 .abt-con-left h4{font-size: 36px;color: #000000;line-height: 36px;padding-bottom: 30px;font-weight: bold}
.abt-content1 .abt-con-left h3{font-size: 48px;color: #353535;font-weight: bold;padding-bottom: 30px;}
.abt-content1 .abt-con-left p,.abt-content2 p{font-size: 16px;color: #5b5b5b;line-height: 30px;padding-bottom: 20px;}
.abt-content3{width: 100%;padding: 83px 0 97px 0;margin-top:80px;background-color:#f7f7f7}
.abt-content3 h6{font-size: 36px;color: #000000;font-weight: bold;padding-left: 65px;line-height: 36px;}
.abt-content3 .abt-framework{width: 1200px;margin: 0 auto;}
.abt-framework .swiper-container{overflow:revert}

@media (max-width:1440px){
  .abt-content1 .abt-con-left{padding:70px 62px 0 0}
  .abt-content1 .abt-con-left h4, .abt-content3 h6{font-size:30px}
  .abt-content1 .abt-con-left h3{font-size:40px}
  .abt-content1 .abt-con-left p, .abt-content2 p{font-size:15px;line-height:26px}
  /*  */
}

@media (max-width:1367px){
  .abt-framework .swiper-container{overflow:hidden}
  .abt-content3 .abt-framework{margin:0 auto}
}

@media (max-width:1024px){
  .abt-content1 .abt-con-left, .abt-content1 .abt-con-right{width:100%}
  .abt-content1 .abt-con-left{padding:0}
  .abt-content1 .abt-con-left h4, .abt-content3 h6{font-size:20px;line-height:28px;padding-bottom:10px}
  .abt-content1 .abt-con-left h3{font-size:24px;line-height:32px;padding-bottom:10px}
  .abt-content1 .abt-con-left p, .abt-content2 p{font-size:14px;line-height:20px}
  .abt-content3{padding:35px 0}
  .abt-content3 h6{padding-left:6%}
}


/* abt2 */
h4.pageTit{font-size: 36px;color: #000000;font-weight: 600;padding: 60px 0 55px 0}
.abt2-content1{width: 100%;overflow: hidden;;}
.abt2-content1 .abt2-con-left,.abt2-content1 .abt2-con-right{width: 50%;float: left;position: relative;}
.abt2-content1 .abt2-txt{width: 100%;position: absolute;z-index: 3;top: 0;left: 0;padding: 15.5% 0 0 16%;}
.abt2-content1 .abt2-txt h5{font-size: 30px;font-weight: bold;color: #353535;padding-bottom: 30px;}
.abt2-content1 .abt2-txt h6{font-size: 30px;color: #7e7e86;line-height: 47px;}
.abt2-content2{position: relative;}
.abt2-content2 .abt2-txt{width: 100%;position: absolute;z-index: 3;top: 0;left: 0;padding-top: 7%;}
.abt2-content2 .abt2-txt h5{font-size: 30px;font-weight: bold;color: #353535;padding-bottom: 30px;text-align: center;}
.abt2-content2 .abt2-txt h6{font-size: 30px;color: #7e7e86;line-height: 47px;text-align: center;}
.abt2-content3{width: 100%;}
.abt2-content3 .abt2-cul-item{width: 25%;float: left;padding:5vw 0 5.2vw;text-align: center;transition: all .3s ease;padding-top: 7%;border-right: 1px solid #efefef;}
.abt2-content3 .abt2-cul-item.act{background: #dc0011  url(../image/abt/abt2CulBg.jpg)no-repeat center;background-size:100% auto}
.abt2-content3 .abt2-cul-item:last-child{border-right: none;}
.abt2-content3 .abt2-cul-item .abt2-cul-icon{display: block;width: 100%;height: 50px;transition: all .3s ease;}
.abt2-content3 .abt2-cul-item .abt2-cul-icon1{background: url(../image/abt/abt2Icon1.png) no-repeat center 100%;}
.abt2-content3 .abt2-cul-item.act .abt2-cul-icon1{background: url(../image/abt/abt2Icon1-on.png) no-repeat center 100%;}
.abt2-content3 .abt2-cul-item .abt2-cul-icon2{background: url(../image/abt/abt2Icon2.png) no-repeat center 100%;}
.abt2-content3 .abt2-cul-item.act .abt2-cul-icon2{background: url(../image/abt/abt2Icon2-on.png) no-repeat center 100%;}
.abt2-content3 .abt2-cul-item .abt2-cul-icon3{background: url(../image/abt/abt2Icon3.png) no-repeat center 100%;}
.abt2-content3 .abt2-cul-item.act .abt2-cul-icon3{background: url(../image/abt/abt2Icon3-on.png) no-repeat center 100%;}
.abt2-content3 .abt2-cul-item .abt2-cul-icon4{background: url(../image/abt/abt2Icon4.png) no-repeat center 100%;}
.abt2-content3 .abt2-cul-item.act .abt2-cul-icon4{background: url(../image/abt/abt2Icon4-on.png) no-repeat center 100%;}
.abt2-content3 .abt2-cul-item h6{font-size: 30px;color: #353535;font-weight:bold;line-height: 30px;padding-top: 20px;padding-bottom: 35px;transition: all .3s ease;}
.abt2-content3 .abt2-cul-item p{font-size: 18px;color: #8b8b8b;line-height:1.667;height:88px;transition: all .3s ease;}
.abt2-content3 .abt2-cul-item.act h6{color: #fff;transition: all .3s ease;}
.abt2-content3 .abt2-cul-item.act p{color: #fff;opacity: 1;transition: all .3s ease;}

@media (max-width:1620px){
  .abt2-content1 .abt2-txt h5, .abt2-content2 .abt2-txt h5{font-size:24px;padding-bottom:22px}
  .abt2-content1 .abt2-txt h6, .abt2-content2 .abt2-txt h6{font-size:24px;line-height:38px}
}

@media (max-width:1440px){
  .abt2-content1 .abt2-txt{padding:12% 0 0 10.5%}
  .abt2-content1 .abt2-txt h5, .abt2-content2 .abt2-txt h5{font-size:20px;padding-bottom:18px}
  .abt2-content1 .abt2-txt h6, .abt2-content2 .abt2-txt h6{font-size:20px;line-height:32px}
  .abt2-content3 .abt2-cul-item{padding:4.3vw 0 4.5vw}
  .abt2-content3 .abt2-cul-item h6{font-size:24px;line-height:24px}
  .abt2-content3 .abt2-cul-item p{font-size:16px;height:80px}
}

@media (max-width:1280px){
  .abt2-content1 .abt2-txt h5, .abt2-content2 .abt2-txt h5{font-size:18px;padding-bottom:14px}
  .abt2-content1 .abt2-txt h6, .abt2-content2 .abt2-txt h6{font-size:18px;line-height:30px}
}

@media (max-width:1024px){
  .page-content-wrapper{padding-top:50px}
  .abt2-content1 .abt2-con-left, .abt2-content1 .abt2-con-right{width:100%}
  .abt2-content1{margin-top:25px}
  .abt2-content1 .abt2-txt{padding:6% 15px 0}
  .abt2-content1 .abt2-txt h5, .abt2-content2 .abt2-txt h5{font-size:16px;padding-bottom:5px}
  .abt2-content1 .abt2-txt h6, .abt2-content2 .abt2-txt h6{font-size:16px;line-height:28px}
  .abt2-content2 .abt2-txt{padding-top:3%}
  .abt2-content2 .abt2-txt h6{color:#333}
  .abt2-content3 .abt2-cul-item{padding:15px;margin:10px 0;width:50%;min-height:auto}
  .abt2-content3 .abt2-cul-item h6{font-size:18px;padding-top:15px;padding-bottom:5px}
  .abt2-content3 .abt2-cul-item p{font-size:14px;line-height:20px;margin-top:4px;height:60px}
  .abt3-content{margin-top:25px}
  .abt2-content3 .abt2-cul-item .abt2-cul-icon{height:36px}
  .abt2-content3 .abt2-cul-item .abt2-cul-icon1{background-size:34px auto}
  .abt2-content3 .abt2-cul-item .abt2-cul-icon2{background-size:28px auto}
  .abt2-content3 .abt2-cul-item .abt2-cul-icon3{background-size:32px auto}
  .abt2-content3 .abt2-cul-item .abt2-cul-icon4{background-size:32px auto}
}

/* abt3 */
.abt3-content{width: 100%;;}
.abt3-content ul{width: 100%;display: flex;flex: 3;align-items: inherit;justify-content: space-between;flex-flow: wrap;margin-bottom: 60px;}
.abt3-content ul li{width: 22.54%;height: 408px;margin-right:16.19%;padding:20px 25px 42px;background: #f9f9f9;transition: all .3s ease;position: relative;cursor: pointer;margin-bottom: 38px;}
.abt3-content ul li:nth-of-type(3n){margin-right:0}
.abt3-content ul li .img{width: 100%;height:288px;line-height:288px;text-align:center}
.abt3-content ul li .img img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.abt3-content ul li h4{font-size: 18px;color: #3c3c3c;font-weight: bold;text-align: center;;margin-top:26px;width: 100%;transition: all .3s ease;}
.abt3-content ul li .magnifying{display: block;position: absolute;width: 76px;height: 76px;background: url(../image/abt/searchIcon.png) no-repeat center;z-index: 3;top: 214px;left: 50%;transform: translateX(-50%);opacity: 0;transition: all .3s ease;}
.abt3-content ul li.act{background: #fff;box-shadow: 0px 0px 30px #ccc;transition: all .3s ease}
.abt3-content ul li.act h4{color: #dc0011;transition: all .3s ease}
.abt3-content ul li.act .magnifying{opacity: 1;transition: all .3s ease}
.about3alertbox{width:900px;background-color:#fff;position:absolute;top:50%;left:50%;margin-left:-450px;padding:40px 40px 70px;z-index:31;opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)}
.about3alertbox.cur{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}
.about3alertbox .close{position:absolute;top:20px;right:20px;cursor:pointer}
.about3alertbox .title{font-size:24px;text-align:center}
.about3alertbox .img{margin-top:34px;text-align:center}
.about3alertbox .img img{display:inline-block}

@media (max-width:1620px){
  .abt3-content ul li{width: 27%;margin-right:9.5%}
}

@media (max-width:1440px){
  .abt3-content ul li{width: 30%;margin-right:5%}
}

@media (max-width:1024px){
  .abt3-content ul li{width:100%;margin-right:0;height:auto;padding:25px 15px;margin-bottom:20px}
  .abt3-content ul li .img{width:100%;height:auto;padding-top:0;line-height:normal}
  /* .abt3-content ul li .img img{width:100%} */
  .abt3-content ul li h4, .abt3-content ul li .magnifying{position:static}
  .abt3-content ul li h4{margin-top:15px}
  .abt3-content ul li .magnifying{transform:translateX(0);opacity:1;width:40px;height:40px;background-size:100% 100%;margin:10px auto 0}
  .abt3-content ul{margin-bottom:30px}
  .abt3-content{padding-bottom:50px}
  .about3alertbox{width:92%;margin-left:-46%;top:25%}
  .about3alertbox .title{font-size:18px}
  .about3alertbox .close{width:24px;right:15px;top:15px}
  
}

/* news */
.newsTop{width: 100%;background: #f7f7f7;}
.newsTop>a{display: block;width: 100%;}
.newsTop .newsTopLeft{width: 40%;float: left;}
.newsTop .newsTopRight{width: 60%;padding: 4% 10% 0 4%;float: left;}
.newsTop .newsTopRight h6{font-size: 30px;color: #c9c9c9;line-height: 24px;padding-bottom: 30px;font-family: "Montserrat";}
.newsTop .newsTopRight h5{font-size: 30px;color: #434343;line-height: 30px;padding-bottom: 30px}
.newsTop .newsTopRight p{font-size: 16px;color: #818181;line-height: 30px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;display:-webkit-box;-webkit-box-orient: vertical;}
.newsTop .newsTopRight .goPage{display: block;width: 47px;height: 33px;background: #e60012;line-height: 33px;text-align:  center;color: #fff;border-radius: 16px;margin-top: 4%;font-family:宋体, 'SimSun';}
.newsList{width: 100%;}
.newsList .newsListRow{padding: 80px 0;}
.newsList .newsListRow:nth-child(2n){background: #f7f7f7;}
.newsList .newsListRow>.page-wrap{display: flex;flex: 3;align-items: inherit;flex-flow: wrap;}
.newsList .newsItem{width: 370px;}
.newsList .newsItem{width: 24.1%;margin-right:13.85%}
.newsList .newsItem:nth-of-type(3n){margin-right:0}
.newsList .newsItem h6{font-size: 30px;color: #c9c9c9;line-height: 22px;font-family: "Montserrat";padding-bottom: 35px;}
.newsList .newsItem h6 .slash{display: inline-block;width: 22px;height: 22px;background: url(../image/news/slash.png) no-repeat center 100%;}
.newsList .newsItem h6 span{font-size: 14px;color: #666666;line-height: 30px;font-family: "Montserrat";}
.newsList .newsItem h5{font-size: 24px;line-height: 40px;height:80px;color: #434343;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;display:-webkit-box;-webkit-box-orient: vertical;margin-bottom: 34px;font-weight: bold;text-align: justify;}
.newsList .newsItem .img{width: 100%;position: relative;overflow: hidden;}
.newsList .newsItem .newsintro{position: absolute;width: 100%;height: 100%;background: rgba(220, 0, 17, .9);top: 100%;left: 0;padding: 2.083vw 22px 0;transition: all .3s ease;}
.newsList .newsItem.act .newsintro{top: 0;transition: all .3s ease;}
.newsList .newsItem .newsintro p{font-size: 14px;color: #fff;line-height: 30px;height:120px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.newsList .newsItem .newsintro .goPage{display: block;width: 47px;height: 33px;border: 2px solid #fff;line-height: 29px;text-align:  center;color: #fff;border-radius: 16px;margin-top: 4%;font-family:宋体, 'SimSun';}

@media (max-width:1440px){
  .newsList .newsItem{width:28%;margin-right:8%}
  .newsTop .newsTopRight h6, .newsTop .newsTopRight h5{padding-bottom:20px}
  .newsTop .newsTopRight p{line-height:26px}
}

@media (max-width:1280px){
  .newsList .newsItem{width:30%;margin-right:5%}
  .newsList .newsItem .newsintro p{height:90px;-webkit-line-clamp:3}
}

@media (max-width:1024px){
  .newsTop{width:100%;margin-top:25px}
  .newsTop .newsTopLeft{width:100%}
  .newsTop .newsTopLeft img, .newsList .newsItem .img img{width:100%}
  .newsTop .newsTopRight{width:100%;padding:25px 15px}
  .newsTop .newsTopRight h6{font-size:20px;padding-bottom:10px}
  .newsTop .newsTopRight h5{font-size:20px;line-height:28px;padding-bottom:5px}
  .newsList .newsListRow{padding:35px 0}
  .newsList .newsItem{width:100%;margin-right:0;margin-bottom:30px}
  .newsList .newsItem:nth-last-of-type(1){margin-bottom:0}
  .newsList .newsItem h6{padding-bottom:0;font-size:24px;line-height:1}
  .newsList .newsItem h6 .slash{width:16px;height:16px}
  .newsList .newsItem h6 span{font-size:12px}
  .newsList .newsItem h5{font-size:18px;line-height:26px;height:52px;margin-bottom:15px}
  .newsList{padding-bottom:50px}
}


/* project */
.project-content-wrapper{width: 100%;background: url(../image/project/bg1.png) no-repeat top;}
.project-content-wrapper .page-wrap{background: #fff;}
.projectImgTop{width: 100%;padding-top: 50px;padding-bottom: 70px;}
.projectImgTop img{margin: 0 auto;display: block;}
.projectList{width: 100%;}
.projectList .projectItem{width: 100%;display: flex;align-items: top;margin-bottom: 70px;}
.projectList .projectItem .projectItemL{width: 50%;float: left;}
.projectList .projectItem .projectItemR{width: 50%;float: left;background: url(../image/project/bg2.png) no-repeat top left;padding: 3% 8% 0 4%;box-shadow: 3px 4px 30px #ccc;}
.projectList .projectItem .projectItemR h3{font-size: 90px;color: #e50011;line-height: 70px;font-family: "Montserrat";padding-bottom: 20px;}
.projectList .projectItem .projectItemR h4{font-size: 36px;color: #3c3c3c;line-height: 36px;padding-bottom: 15px;}
.projectList .projectItem .projectItemR .projectIcon{display: block;width: 16px;height: 16px;background: url(../image/project/projectIcon.png) no-repeat center 100%;margin-bottom: 4%;}
.projectList .projectItem .projectItemR p{font-size: 16px;color: #3c3c3c;line-height: 32px;}
.projectItemL.wap{display:none}

@media (max-width:1440px){
  .projectList .projectItem .projectItemR h3{font-size:58px;line-height:1;padding-bottom:15px}
  .projectList .projectItem .projectItemR h4{font-size:30px;line-height:1;padding-bottom:10px}
  .projectList .projectItem .projectItemR p{line-height:28px}
  .projectList .projectItem .projectItemR{padding:3% 5% 0 4%}
}

@media (max-width:1280px){
  .projectList .projectItem .projectItemR h3{font-size:48px;line-height:1;padding-bottom:15px}
  .projectList .projectItem .projectItemR h4{font-size:26px;line-height:1;padding-bottom:10px}
  .projectList .projectItem .projectItemR p{font-size:14px;line-height:24px}
}

@media (max-width:1024px){
  .projectList .projectItem .projectItemR h3{font-size:36px;line-height:1;padding-bottom:15px}
  .projectList .projectItem .projectItemR h4{font-size:22px;line-height:1;padding-bottom:10px}
  .projectList .projectItem .projectItemR p{font-size:14px;line-height:24px}
  .project-content-wrapper{background-image:none}
  .projectImgTop{padding-top:0;padding-bottom:30px}
  .projectList .projectItem{margin-bottom:20px;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
  .projectList .projectItem:nth-of-type(2n) .projectItemL{display:none}
  .projectList .projectItem .projectItemL, .projectList .projectItem .projectItemR{width:100%}
  .projectList .projectItem .projectItemR{padding:25px 15px}
  .projectList .projectItem:nth-of-type(2n) .projectItemL.wap{display:block}
}

/* activity */
.activity{padding-bottom:0}
.activityList{width: 100%;display: flex;flex: 4;align-items: inherit;flex-flow: wrap;}
.activityList .activityItem{width: 24.1%;margin-right:1.2%;margin-bottom: 30px;}
.activityList .activityItem:nth-of-type(4n){margin-right:0}
.activityList .activityItem:nth-child(2n){background: #f7f7f7}
.activityList .activityItem img{width: 100%;display: block;}
.activityList .activityItem .activityInfo{width: 100%;height: 184px;padding: 30px 15px 0;}
.activityList .activityItem .activityInfo h6{font-size: 20px;color: #c9c9c9;line-height: 14px;margin-bottom: 19px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.activityList .activityItem .activityInfo h5{font-size: 24px;color: #3c3c3c;line-height: 32px;margin-bottom: 20px;height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} 
.activityList .activityItem .activityInfo p{font-size: 14px;color: #333333;line-height: 18px;opacity: .6;height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.activityList .activityItem .activityInfo .gopage{display: block;width: 47px;height: 33px;border: 2px solid #fff;font-family:宋体, 'SimSun';font-weight:bold;line-height: 29px;text-align:  center;color: #fff;border-radius: 16px;margin-top: 4%;opacity: 0;;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.activityList .activityItem.act .activityInfo h6{color: #fff;transition: all .3s ease;}
.activityList .activityItem.act .activityInfo h5{color: #fff;transition: all .3s ease;}
.activityList .activityItem.act .activityInfo p{color: #fff;opacity: .6;;transition: all .3s ease;}
.activityList .activityItem.act .activityInfo .gopage{opacity: 1;transition: all .3s ease;}
.activity .pageNum{margin-top:66px}

@media (min-width:1024px){
  .activityList .activityItem:hover{background: #dc0011 !important;transition: all .3s ease;}
  .activityList .activityItem:hover .activityInfo h6{margin-bottom:11px}
  .activityList .activityItem:hover .activityInfo h5{margin-bottom:12px}
}

@media (max-width:1440px){

}

@media (max-width:1024px){
  .activityList{margin-top:25px}
  .activityList .activityItem{width:100%;margin-right:0;margin-bottom:20px}
  .activityList .activityItem .activityInfo{padding:25px 15px;height:auto}
  .activityList .activityItem .activityInfo h6{font-size:16px;margin-bottom:12px}
  .activityList .activityItem .activityInfo h5{font-size:18px;line-height:24px;height:24px;margin-bottom:6px}
  .activityList .activityItem .activityInfo .gopage{display:none}
  
}

/* detial */
.detial-content-wrapper{background: #f7f7f7;padding-top: 85px;}
.detial-content-wrapper>.page-wrap{background: #fff;}
.detial-content-wrapper h3{font-size: 36px;color: #000000;line-height: 36px;padding-bottom: 36px;text-align: center;padding-top: 75px;}
.detial-content-wrapper h6{text-align: center;font-size: 14px;color: #cacbcd;font-family: "Montserrat";margin-bottom: 30px;}
.detial-content-wrapper h6 .browse,.detial-content-wrapper h6 .share,.detial-content-wrapper h6 .time{display: inline-block;margin-right: 20px;padding-left: 28px;}
.detial-content-wrapper h6 .browse{background: url(../image/common/browseIcon.png) no-repeat left;}
.detial-content-wrapper h6 .share{background: url(../image/common/shareIcon.png) no-repeat left;}
.detial-content-wrapper h6 .time{background: url(../image/common/timeIcon.png) no-repeat left;}
.detial-content-wrapper p{font-size: 14px;color: #828282;line-height: 30px;padding-bottom: 20px;}
.detial-content-wrapper .img{padding-bottom: 20px;}
.detial-content-wrapper img{display: block;margin: 0 auto;}

/* detial */
.service-content-wrapper{background: #f7f7f7;padding-top: 85px;padding-bottom: 160px;}
.service-content-wrapper>.page-wrap{background: #fff;}
.ser-content{width: 100%;display: flex;}
.ser-content .ser-contentL{width: 54%;padding: 97px 100px 0 70px;background: url(../image/service/serBg.png) no-repeat bottom;}
.ser-content .ser-contentL h5{font-size: 36px;color: #000000;line-height: 36px;padding-bottom: 60px;}
.ser-content .ser-contentL p{font-size: 24px;color: #5b5b5b;line-height: 36px;}

/* contact */
.contactTop{width: 100%;background: url(../image/contact/contactBg.png) right top;background-repeat: repeat-y;padding-top: 60px;background-size:50% auto}
.contactTop .contactTopL{width: 50%;height: 393px;float: left;background-color: #f7f7f7;padding-top: 37px;padding-left: 166px;}
.contactTop .contactTopL h4{font-size: 18px;color: #3d3d3d;font-weight: bold;line-height: 18px;padding-bottom: 10px;}
.contactTop .contactTopL h5{font-size: 24px;color: #dc0011;line-height: 20px;padding-bottom: 8px;font-weight: bold;font-family: "Montserrat"; }
.contactTop .contactTopL p{font-size: 14px;color: #666666;line-height: 26px;opacity: .8;;}
.contactTop .contactTopL .contactIcon{display: block;width: 43px;height: 43px;position: absolute;}
.contactTop .contactTopL .contactPhone,.contactTop .contactTopL .contactWx{position: relative;padding-left: 55px;}
.contactTop .contactTopL .contactWx{padding-top: 25px;}
.contactTop .contactTopL .contactWx .img{width:130px;box-shadow:0px 6px 32px 0px rgba(0,0,0,0.07)}
.contactTop .contactTopL .contactPhone .contactIcon1{background: url(../image/contact/contactIconP.png) no-repeat center;top: 13px;left: 0;}
.contactTop .contactTopL .contactWx .contactIcon2{background: url(../image/contact/contactIconWx.png) no-repeat center;top: 13px;left: 0;}
.contactTop .contactTopR{width: 50%;height: 393px;float: left;}
.contactBot{width: 100%;background: url(../image/contact/contactBg.png) left bottom;background-repeat: repeat-y;padding-bottom: 130px;background-size:50% auto}
.contactBot .contactBotL{float: left;width: 50%;background-color: #fff;padding-left: 166px;padding-top: 40px;}
.contactBot .contactBotL .contactBox{padding-left: 55px;padding-bottom: 30px;}
.contactBot .contactBotL h6{font-size: 18px;color: #666666;font-weight: bold;line-height: 18px;padding-bottom: 6px;}
.contactBot .contactBotR{width: 50%;float: left;;}

/* contact3 */
.contact3Content{padding-bottom: 130px;}
.contact3Content p{font-size: 14px;color: #828282;line-height: 32px;padding-bottom:50px;}
.contact3Img{padding:48px 0;background-color:#fcf4e9}
.con3box{width:850px;margin:0 auto}
.con3box .bot{height:80px;background-color:#61add0;margin-top:19px;border:1px solid #d2d2d2;border-radius:10px;text-align:center;line-height:78px;color:#fff;font-size:24px;font-weight:bold}
.con3box .jtlist{width:347px;height:500px;padding:58px 0 0 0;background-image:url(../image/contact/con3bg1.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.con3box .jtlist .title{width:26px;margin:0 auto;font-size:24px;font-weight:bold;line-height:1;margin-bottom:40px}
.con3box .list1 .title{color:#ef9703}
.con3box .list3 .title{color:#e56101}
.con3box .jtlist .posi{height:66px;margin:0 auto 30px;line-height:66px;border-radius:10px;text-align:center;color:#fff;font-size:24px}
.con3box .list1 .posi{background-color:#ef9703}
.con3box .list3 .posi{background-color:#e56101}
.con3box .jtlist .posi1{width:128px;}
.con3box .jtlist .posi2{width:180px;}
.con3box .jtlist .posi3{width:230px;margin:0 auto 0}
.con3box .list2{width:121px;height:500px;margin:0 12px;padding-top:58px;background-image:url(../image/contact/con3bg2.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.con3box .list2 .title1{width:26px;margin:0 auto;font-size:24px;color:#01625c;font-weight:bold;line-height:1;margin-bottom:72px}
.con3box .list2 .list2item{width:50%;padding:0 16px;color:#fff;font-size:24px;line-height:1}

@media (max-width:993px){
  .con3box{width:100%}
  .con3box .jtlist{width:34%;background-size:100% 100%}
  
}

@media (max-width:640px){
  .con3box .jtlist{height:320px;padding:44px 0 0}
  .con3box .list2{width:24%;height:320px;margin:0 4%}
  .con3box .list2 .list2item{padding:0 14px;font-size:15px}
  .con3box .jtlist .title, .con3box .list2 .title1{width:18px;font-size:16px;margin-bottom:23px}
  .con3box .jtlist .posi{height:38px;border-radius:6px;line-height:38px;font-size:16px;margin:0 auto 15px}
  .con3box .jtlist .posi1{width:52%}
  .con3box .jtlist .posi2{width:62%}
  .con3box .jtlist .posi3{width:72%}
  .con3box .bot{width:96%;margin:18px auto 0;height:50px;line-height:48px;font-size:20px}
}

/* contact2 */
.recruitmentContent{width: 100%;padding-bottom:104px}
.recruitmentContent .recruitmentContentL{width: calc(100% - 420px);float: left;margin-right:40px}
.recruitmentContent .recruitmentContentR{width: 380px;float: left;}
.recruitmentContentR .img{width: 100%;}
.recruitmentContentR .top{position:relative}
.recruitmentContentR .top .textbox{width:100%;position:absolute;bottom:38px;left:0;padding:0 44px}
.recruitmentContentR .top .textbox .title{color:#fff;line-height:1.8;font-size:30px}
.recruitmentContentR .positionSearch{width: 100%;background: #dedede;padding: 55px 35px 66px 44px;}
.recruitmentContentR .positionSearch .postSearch{margin-bottom: 38px;}
.recruitmentContentR .positionSearch h6{font-size: 14px;color: #808080;line-height: 14px;padding-bottom: 24px;}

.recruitmentContentR .contact2Add{width: 100%;height: 433px;background: #dedede url(../image/contact/contact2Bg.jpg) no-repeat center;padding: 40px 35px 0 44px;}
.recruitmentContentR .contact2Add .emailIcon{display: block;width: 41px;height: 27px;background: url(../image/contact/emailIcon.png) no-repeat center;margin-bottom: 20px;}
.recruitmentContentR .contact2Add p{font-size: 14px;color: #626262;line-height: 30px;}

.recruititem{margin-bottom:20px;background-color:#fafafa;position:relative}
.recruititem:nth-last-of-type(1){margin-bottom:0}
.recruittop{padding:32px 48px 44px 32px;position:relative;cursor:pointer}
.recruittop:before{content:"";width:100%;height:3px;background-color:#ececec;position:absolute;top:-3px;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.recruittop .title{width:100%;color:#252525;font-size:22px;font-weight:bold;}
.recruittop .bot{margin-top:12px}
.recruittop .bot .list{color:#969696;font-weight:bold;margin-right:56px}
.recruittop .bot .list:nth-last-of-type(1){margin-right:0}
.recruitbot{padding:0 48px 78px 34px;display:none}
.recruitbot .item{margin-bottom:24px}
.recruitbot .item:nth-last-of-type(1){margin-bottom:0}
.recruitbot .item .name{color:#252525;font-weight:bold}
.recruitbot .item .text{margin-top:8px;color:#999;line-height:1.714}
.recruitbot .btnbox{margin-top:92px}
.recruitbot .btnlist{width:150px;height:50px;display:block;text-align:center;line-height:50px;background-color:#dedede;border-radius:50px;color:#fff}
.recruitbot .btnlist.emailbtn{margin-right:20px;background-color:transparent;background-image:url(../image/contact/recruitbtnbg.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.recruititem .more{width:59px;height:59px;border:3px solid #e5e5e5;border-radius:59px;background-color:#e5e5e5;position:absolute;bottom:44px;right:48px;cursor:pointer}
.recruititem .more:after{content:"";width:14px;height:3px;background-color:#e50011;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-7px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.recruititem .more:before{content:"";width:3px;height:14px;background-color:#e50011;position:absolute;top:50%;margin-top:-7px;left:50%;margin-left:-1.5px}
.recruititem.cur .recruittop:before{background-color:#e50011}
.recruititem.cur .recruittop .title{color:#e50011}
.recruititem.cur .more{border-color:#e50011;background-color:transparent;bottom:72px}
.recruititem.cur .more:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);opacity:0}
.recruitmentContentL .pageNum{text-align:left;margin-bottom:0}
.recruitmentContentL .pageNum a{text-align:center}
.recruititems{margin-bottom:65px}

@media (max-width:1440px){
  .ser-content .ser-contentL{padding:67px 70px 0 50px}
  .recruittop .bot .list{margin-right:36px}
  .recruittop{padding:32px 34px 44px 20px}
  .recruititem .more{width:45px;height:45px;right:34px}
}

@media (max-width:1160px){
  .recruittop .bot .list{margin-right:15px}
  .recruititem .more{width:40px;height:40px;right:25px}
}

@media (max-width:1024px){
  .contactTop, .contactBot{background-image:none;padding-top:0}
  .contactTop .contactTopL, .contactBot .contactBotL{width:100%;height:auto;padding-top:30px;padding-left:15px;padding-bottom:30px}
  .contactTop .contactTopL .contactPhone .contactIcon1{top:0}
  .contactTop .contactTopR{width:100%;height:350px}
  .contactBot .contactBotL, .contactBot .contactBotR{width:100%}
  .contactBot .contactBotL .contactBox{padding-left:0;padding-bottom:20px}
  .contactBot{padding-bottom:50px}
  .contact3Content{padding-bottom:50px}
  .contact3Content p{margin-top:25px;line-height:26px;padding-bottom:15px}
  .detial-content-wrapper{padding-top:50px}
  .detial-content-wrapper h3{font-size:24px;line-height:32px;padding-top:35px;padding-bottom:5px}
  .detial-content-wrapper h6{margin-bottom:20px}
  .ser-content{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
  .ser-content .ser-contentL, .ser-contentR{width:100%}
  .service-content-wrapper{padding-top:50px;padding-bottom:50px}
  .ser-content .ser-contentL{padding:30px 0 110px}
  .ser-content .ser-contentL h5{font-size:24px;line-height:1;padding-bottom:15px}
  .ser-content .ser-contentL p{font-size:16px;line-height:24px}
}

/* searchBox css */
.searchBox{width: 100%;height: 50px;position: relative;cursor: pointer;}
.searchBox h1{display: block;width: 100%;height: 50px;background: #fff;font-size: 12px;color: #a4a4a4;line-height: 50px;padding-left: 20px;}
.searchBox .arrow{display: block;position: absolute;width: 9px;height: 5px;background: url(../image/contact/arrowIcon.png) no-repeat center;right: 24px;top: 23px;}
.searchBox .dropDown{width: 100%;position: absolute;top: 50px;left: 0;background-color: #fff;display: none;z-index: 6;}
.searchBox .dropDown li{font-size: 12px;color: #a4a4a4;line-height: 40px;padding-left: 20px;border-bottom: 1px dashed #ebe5e5;}
.searchBox .dropDown li:last-child{border-bottom: none;}


/* 新闻上下页 */
.news-relative-operative {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  justify-content: center;
  padding: 60px 0;
}
.news-relative-operative .item {
  flex: 0 0 20%;
  width: 100%;
  margin-right: 5%;
  background: #f4f4f4;
  border-radius: 30px;
  position: relative;
}
.news-relative-operative .item.prev {
  text-align: right;
}
.news-relative-operative .item.prev a {
  padding-right: 74px;
}
.news-relative-operative .item.next a {
  padding-left: 74px;
}
.news-relative-operative .item.news-list {
  background: #dc0011 ;
  text-align: center;
}
.news-relative-operative .item.news-list a{
  color: #fff;
}
.news-relative-operative .item.news-list i {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 15px;
  background: url(../image/common/icon-menu.png) no-repeat center left;
}
.news-relative-operative .item a {
  display: block;
  height: 49px;
  line-height: 49px;
  font-size: 14px;
  color: #828282;
}
.news-relative-operative .item a i.iconfont {
  font-size: 24px;
  position: absolute;
  top: 0;
  color: #828282;
  font-weight: 700;
}
.news-relative-operative .item a i.iconfont.icon-prev {
  left: 67px;
}
.news-relative-operative .item a i.iconfont.icon-next {
  right: 67px;
}
.news-relative-operative .prev:hover,.news-relative-operative .next:hover {
  background: #fff;
  box-shadow: 0 1px 50px rgba(0, 0, 0, 0.1);
}
.news-relative-operative .prev,.news-relative-operative .next:hover i.iconfont{
  color: #c7000a;
}
.news-relative-operative .item:last-child {
  margin-right: 0;
}



/*分页*/
.pageNum {
  height: 48px;
  text-align: center;
  margin-bottom: 60px;
}

.pageNum a {
  margin: 0 10px;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: #4d4d4d;
  width: 48px;
  font-family: Arial;
  /* background: #e8e8e8; */
  border-radius: 4px;
  cursor: pointer;
  ;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s
}

.pageNum a:hover,
.pageNum .aNow {
  color: #fff;
  background: #dc0011;
}

.pageNum .btn {
  font-family:宋体, 'SimSun';
  font-weight:bold
}

.pageMore a {
  display: block;
  width: 100%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  background: #dc0011;
  color: #fff;
  font-size: 14px;
}

.clearfix {
  overflow: hidden;
  clear: both;
  content: "";
}

@keyframes navDown {
  0% {
    z-index: -1;
    top: 100px;
  }

  100% {
    z-index: 10;
    top: 120px;
  }
}

@keyframes -webkit-navDown {
  0% {
    z-index: -1;
    top: 100px;
  }

  100% {
    z-index: 10;
    top: 120px;
  }
}

@keyframes -moz-navDown {
  0% {
    z-index: -1;
    top: 100px;
  }

  100% {
    z-index: 10;
    top: 120px;
  }
}

@keyframes -ms-navDown {
  0% {
    z-index: -1;
    top: 100px;
  }

  100% {
    z-index: 10;
    top: 120px;
  }
}

@keyframes -o-navDown {
  0% {
    z-index: -1;
    top: 100px;
  }

  100% {
    z-index: 10;
    top: 120px;
  }
}

@font-face{font-family:'gothbold';src:url(../fonts/GOTHAMPRO-BOLD.TTF)}

.lantext{color:#fff;font-size:18px;font-family:Arial;margin-right:15px}

.sitecluste{position:relative;margin-right:15px}
.siteclustetop{width:150px;height:40px;padding:0 30px 0 15px;cursor:pointer;border:1px solid #fff;color:#fff;font-size:14px;line-height:38px;background-image:url(../image/scrolldown.png);background-repeat:no-repeat;background-position:right 15px center}
.siteclusteitems{width:100%;max-height:120px;overflow-y:auto;background-color:#fff;border:1px solid #333;border-top:none;position:absolute;top:60px;visibility:hidden;opacity:0;z-index:-1}
.siteclusteitem{height:auto;line-height:38px;color:#666;border-bottom:1px solid #f0f0f0;padding:0 15px;display:block}
.siteclusteitem:nth-last-of-type(1){border-bottom:none}
.sitecluste.cur .siteclusteitems{top:38px;opacity:1;z-index:3;visibility:visible;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.siteclusteitem:hover{background-color:#dc0011;color:#fff}

.qrcode{box-shadow:0px 0px 27px 0px rgba(0,0,0,0.11)}
.foottel{margin:24px 0 22px}
.foottel .title{color:#777;font-weight:bold;text-align:right}
.foottel .text{color:#dc0011;font-size:30px;line-height:36px;text-align:right;font-family:'gothbold';margin-top:18px}
.wappager{width:100%;height:48px;background-color:#e50011;line-height:48px;color:#fff;text-align:center;display:none}
.footshare .list{width:33px;height:33px;margin-right:13px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;cursor:pointer}
.footshare .list[data-wx]{background-image:url(../image/footwx.png)}
.footshare .list[data-wb]{background-image:url(../image/footwb.png)}
.footshare .list[data-fb]{background-image:url(../image/footfb.png)}
.footshare .list[data-tt]{background-image:url(../image/foottt.png)}
.footshare .list[data-int]{background-image:url(../image/footint.png);margin-right:0}

.wappagenav{display:none;position:relative}
.wappagenav .wappagenavname{display:block;color:#fff;background-color:#e50011;font-size:16px;line-height:48px;position:relative;padding:0 15px}
.wappagenav .wappagenavname:after{content:"";width:2px;height:14px;background-color:#fff;position:absolute;top:50%;right:21.5px;margin-top:-7px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappagenavname:before{content:"";width:14px;height:2px;background-color:#fff;position:absolute;top:50%;right:15px;margin-top:-1px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.wappagenav .wappagenavname.cur:after,
.wappagenav .wappagenavname.cur:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.wappagenav .wappagenavitems{width:100%;max-height:250px;overflow-y:auto;padding:0;display:none;background-color:#fff;z-index:10;position:absolute;top:48px;left:0;box-shadow:0px 6px 28px rgba(0,0,0,0.08)}
.wappagenav .wappaganavlist{width:100%;float:none;border-bottom:1px solid #ddd;padding:0 15px;z-index:99;background-color:#fff}
.wappagenav .wappaganavlist:nth-last-of-type(1){border-bottom:none}
.wappagenav .wappaganavlist a{width:100%;line-height:40px;color:#666;font-size:14px;border-top:none;display:block}

@media (max-width:1620px){
  .page-wrap, .page-nav, .page-banner-wrapper .info .wrap, .box-container{width:84vw}
  .page-nav{margin-left:-42vw}
  .header-wrapper .pc-nav-box{margin-left:8.0635vw}
  .other-box{margin-left:4.51vw}
  .header-wrapper .pc-nav-box ul li{padding:0 1.65vw}
}

@media (max-width:1440px){
  .page-wrap, .page-nav, .page-banner-wrapper .info .wrap, .box-container{width:88vw}
  .page-nav{margin-left:-44vw}
  .page-banner-wrapper .info h4{font-size:28px;line-height:28px;padding-bottom:20px}
  .page-banner-wrapper .info p{padding-bottom:26px}
  .box-container-header{padding-left:5.8vw}
  .header-wrapper .pc-nav-box{margin-left:6vw}
  .other-box{margin-left:5vw}
  .header-wrapper .pc-nav-box ul li{padding:0 1.4vw}
  .footer-wrapper .footer-nav dl{width:142px}
}

@media (max-width:1367px){
  .other-box{margin-left:5vw}
}

@media (max-width:1280px){
  .page-wrap, .page-nav, .box-container, .page-banner-wrapper .info .wrap{width:92vw}
  .page-nav{margin-left:-46vw}
  .header-wrapper .pc-nav-box{margin-left:4.5vw}
  .other-box{margin-left:3.5vw}
  .header-wrapper .pc-nav-box ul li{padding:0 1.2vw}
  .footer-wrapper .footer-nav dl{width:auto;margin-right:3vw}
  .footer-wrapper .right{width:224px}
  .header-wrapper .pc-nav-box ul li>a{font-size:14px}
}

@media (max-width:1170px){
  .header-wrapper .pc-nav-box{margin-left:4vw}
  .other-box{margin-left:3vw}
  .header-wrapper .pc-nav-box ul li{padding:0 1vw}
}

@media (max-width:1024px){
  h4.pageTit{font-size:22px;padding:0}
  .recruit{padding:50px 0}
  .recruitmentContent{margin-top:25px;padding-bottom:0}
  .recruitmentContent .recruitmentContentL{width:100%;margin-right:0}
  .recruittop{padding:20px 15px}
  .recruittop .title{font-size:16px}
  .recruittop .bot .list{margin-right:0;width:50%}
  .recruittop .bot{width:100%;margin-top:5px}
  .recruititem .more{width:34px;height:34px;bottom:25px;right:20px}
  .recruititem .more:after{width:10px;height:2px;margin-top:-1px;margin-left:-5px}
  .recruititem .more:before{width:2px;height:10px;margin-top:-5px;margin-left:-1px}
  .recruititem{margin-bottom:15px}
  .recruitbot{padding:0 15px 35px}
  .recruitbot .btnbox{margin-top:35px}
  .recruitbot .btnlist{width:100px;height:32px;line-height:32px}
  .recruititem.cur .more{bottom:35px}
  .recruitmentContent .recruitmentContentR{width:100%;margin-top:35px}
  .recruitmentContentR .top .textbox{padding:0 25px}
  .recruitmentContentR .top .textbox .title{font-size:20px}
  .recruitmentContentR .positionSearch{padding:25px}
  .recruitmentContentR .positionSearch h6{padding-bottom:10px}
  .recruitmentContentR .positionSearch .postSearch{margin-bottom:25px}
  .recruitmentContentR .contact2Add{padding:40px 25px 0 25px;height:380px;background-size:cover}
  .recruitmentContentR .contact2Add p{line-height:26px}
  .recruitmentContentR .contact2Add .emailIcon{width:31px;height:20.5px;background-size:100% 100%}
  .pageNum{display:none}
  .wappager{display:block}
  .recruititems{margin-bottom:35px}
  .recruitmentContentR .img img{width:100%}
  .wappagenav, .header-wrapper .nav-icon{display:block}
  .header-wrapper.index{padding:0 15px;border-bottom:none;height:60px}
  .box-container-header{padding-left:0;display:block}
  .footer-nav, .footshare, .footer-wrapper .link{display:none}
  .footer-wrapper .right{width:100%;float:left;text-align:left}
  .foottel{display:inline-block;vertical-align:top;margin:0 0 0 10px;padding-top:10px}
  .page-wrap, .page-nav, .box-container{width:100%}
  .page-nav, .header-wrapper .pc-nav-box{display:none}
  .page-wrap{padding:0 15px}
  .footer-wrapper .box-1{padding:25px 35px}
  .footer-wrapper .qrcode{width:90px}
  .foottel .text{font-size:22px;line-height:28px;margin-top:8px}
  .foottel .title{font-size:14px;text-align:left;font-weight:bold}
  .footer-wrapper{background-color:#e9e9e9}
  .footer-wrapper .copy{padding:0 35px 30px}
  .footer-wrapper .box-2{height:auto;line-height:20px;background-color:transparent}
  .phone-nav{margin-left:0;width:100%;height:calc(100% - 60px);border-top:1px solid #f0f0f0;display:block;overflow-y:auto;position:fixed;top:60px;background-color:#fff;z-index:20;left:100%;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
  .phone-nav ul li{border-bottom:1px solid #f0f0f0}
  .phone-nav ul li>a{font-size:18px;height:52px;line-height:52px;padding:0 15px;font-weight:bold;position:relative;display:block}
  .phone-nav ul li>a:after{content:"\e634";font-size:22px;font-family:"iconfont";color:#666;position:absolute;top:50%;margin-top:-26px;right:15px;z-index:3;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
  .phone-nav ul li:nth-of-type(1)>a:after{display:none}
  .phone-nav ul li>a.cur:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);right:20px}
  .phone-nav .nav-list{display:none;background-color:#fafafa;padding:0 15px}
  .phone-nav .nav-list a{display:block;height:42px;display:block;line-height:42px;border-bottom:1px solid #f9f9f9}
  .phone-nav.cur{left:0}
  .header-wrapper .logo-box{width:86px;height:60px;line-height:60px;float:left}
  .header-wrapper .logo-box img, .header-wrapper.index .logo-box img.original{display:inline-block;vertical-align:middle;margin-bottom:3px}
  .other-box{margin-left:0;float:right}
  .other-box .language{margin-right:0}
  .other-box .language .langtop{padding-right:20px;line-height:60px;height:60px;margin-right:20px}
  .header-wrapper.active .other-box .language .langtop{color:#333;background:url(../image/header/downIcon1.png) no-repeat center right}
  .other-box .langitems{top:60px;padding:5px 0}
  .language a{font-size:12px;line-height:28px;text-transform:Uppercase}
  .other-box .langitem{line-height:28px;padding:0 10px}
  .header-wrapper.cur{background-color:#fff}
  .header-wrapper.cur .logo-box img.original{display:none}
  .header-wrapper.cur .logo-box img.on{display:inline-block}
  .header-wrapper.cur .nav-icon span{background-color:#333}
  .header-wrapper.cur .search{background:url(../image/header/search.png) no-repeat;background-position:center center}
  .header-wrapper.cur .other-box .language{color:#333}
  .header-wrapper.active{background-color:#fff;position:relative}
  .header-wrapper.active .logo-box img.original{display:none}
  .header-wrapper.active .logo-box img.on{display:inline-block}
  .header-wrapper.active .nav-icon span{background-color:#333}
  .header-wrapper.active .search{background:url(../image/header/search.png) no-repeat;background-position:center center;}
  .header-wrapper.active .other-box .language,
  .header-wrapper.active .lantext{color:#333}
  .header-wrapper.cur .siteclustetop,
  .header-wrapper.active .siteclustetop{border-color:#333;color:#333;font-size:14px;line-height:30px;background-image:url(../image/scrolldown_cur.png)}
  .search-form{padding:30px 15px;top:60px}
  .page-banner-wrapper .info .wrap{width:100%;padding:0 15px}
  .page-banner-wrapper .info h4{font-size:18px;line-height:18px;padding-bottom:4px}
  .page-banner-wrapper .info p{padding-bottom:12px;font-size:12px}
  .page-banner-wrapper .info span.line{width:20px;height:2px}
  .news-relative-operative{padding:30px 0 50px;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
  .detial-content-wrapper .img{padding-bottom:0}
  .news-relative-operative .item{flex:auto;width:30%}
  .news-relative-operative .item a{height:38px;line-height:38px}
  .news-relative-operative .item.prev a{width:100%;padding-right:0;padding-right:10%}
  .news-relative-operative .item a i.iconfont.icon-prev{left:10%}
  .news-relative-operative .item.next a{padding-left:10%}
  .news-relative-operative .item a i.iconfont.icon-next{right:10%}
  .siteclustetop{width:100px;height:32px;line-height:30px;padding:0 20px 0 5px;background-position:right 5px center;font-size:12px}
  .siteclusteitems{background-color:rgba(0,0,0,0.15);border-color:#fff}
  .siteclusteitem{line-height:32px;padding:0 5px;font-size:12px;color:#fff}

 .sitecluste.cur .siteclusteitems{top:31px}
 
 .lantext{font-size:16px;margin-right:10px}
 .header-wrapper.cur .lantext{color:#333}
}

@media (max-width:385px){
  .header-wrapper .nav-icon{width:20px;margin-left:15px}
  .header-wrapper .nav-icon span{width:20px;height:3px}
}


.home_yw{width: 808px; height: 402px; overflow: hidden; position: relative; margin: 0 auto;}
.home_yw .photo {width: 80px; height: 80px; position: absolute;}
.home_yw a div{position: relative}
.home_yw a div p{height:auto;  position: absolute;font-size: 18px;color:#3c3c3c; font-weight: bold; line-height: 26px;}
.home_yw a div b{color: #D71818; margin-right: 5px;}
.home_yw a div em{font-size: 14px; color: #999999; line-height: 18px;margin-top:4px; width: 100%; display: block; font-style: normal; font-weight: normal;}
.home_yw a img{width: 100%;}
.home_yw .a1{left:147px;top: 41px;}
.home_yw .a2{left:189px;top: 167px;}
.home_yw .a3{left:298px;top: 245px;}
.home_yw .a4{left:432px;top: 245px;}
.home_yw .a5{left:541px;top: 167px;}
.home_yw .a6{left:581px;top: 40px;}
.home_yw .a1 p{width: 200px;  left: -223px; top: 20px; text-align: right; }
.home_yw .a2 p{width: 200px;  left: -223px; top: 20px; text-align: right; }
.home_yw .a3 p{width: 250px;  left: -273px; top: 35px; text-align: right; }
.home_yw .a4 p{width: 200px;  right: -223px; top: 35px;}
.home_yw .a5 p{width: 200px;  right: -223px; top: 20px;}
.home_yw .a6 p{width: 200px;  right: -223px; top: 20px;}
.cm_bigimg .photo:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}


@media (max-width:1024px){
  .home_yw{width:100%;height:auto}
  .home_yw>img{display:none}
  .home_yw .photo{position:static;display:block;width:100%;height:auto;margin-bottom:15px}
  .home_yw .photo:nth-last-of-type(1){margin-bottom:0}
  .home_yw a img{width:auto;margin:0;display:inline-block;vertical-align:top}
  .home_yw a div p{position:static;display:inline-block;vertical-align:top;margin-left:12px;padding-top:6px}
  .home_yw .a1 p, .home_yw .a2 p, .home_yw .a3 p, .home_yw .a4 p, .home_yw .a5 p, .home_yw .a6 p{width:calc(100% - 100px);text-align:left}
}

.organ{width:1200px}
.organ .title1{width:240px;height:80px;margin:0 auto;text-align:center;line-height:80px;border-radius:10px;background-color:#e50011;color:#fff;font-size:24px;font-weight:bold}
.organ .botbox{width:1182px;margin:0 auto;height:auto;padding-top:70px;background-image:url(../image/organbg.png);background-repeat:no-repeat;background-position:top center}
.organ .iconitem{width:13.166%;margin-right:1.306%;position:relative;background-color:#fff;padding:19px 0 14px;border-radius:10px;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08);}
.organ .iconitem:nth-last-of-type(1){margin-right:0}
.organ .iconitem:after{content:"";width:12px;height:12px;background-color:#fff;border:3px solid #e50011;border-radius:12px;position:absolute;top:-6px;left:50%;margin-left:-6px;box-sizing:border-box}
.organ .iconitem .icon{width:33px;margin:0 auto}
.organ .iconitem .title{color:#232323;text-align:center;font-size:24px;font-weight:bold;line-height:32px;height:64px;margin-top:10px;}
.organ .botitems{margin-top:40px}
.organ .botitem{width:13.166%;margin-right:1.306%;position:relative;background-color:#fff;padding:45px 4px 62px;border-top:1px solid #e50011}
.organ .botitem:nth-last-of-type(1){margin-right:0}
.organ .botitem:after{content:"";width:12px;height:12px;background-color:#fff;border:3px solid #c2c2c2;border-radius:12px;position:absolute;top:-7px;left:50%;margin-left:-6px;box-sizing:border-box}
.organ .botitem .title{color:#232323;font-size:18px;font-weight:bold;text-align:center;line-height:24px;}
.organ .botitem .text{margin-top:30px;color:#a0a0a0;line-height:1.714;text-align:center}
.organ .botitem:nth-of-type(2){padding:45px 12px 62px}
.organ .botitem:nth-of-type(2) .title{padding:0 4px}
.organ .botitem:nth-of-type(3){padding:45px 12px 62px}
.organ .botitem:nth-of-type(3) .title{padding:0 4px}
.organ .botitem:nth-of-type(4) .title{padding:0 10px}
.organ .botitem:nth-of-type(5){padding:45px 8px 62px}
.organ .botitem:nth-of-type(5) .title{padding:0 4px}
.organ .botitem:nth-of-type(6){padding:45px 8px 62px}
.organ .botitem:nth-of-type(6) .title{padding:0 4px}
.organ .botitem:nth-of-type(7){padding:45px 8px 62px}
.organ .botitem:nth-of-type(7) .title{padding:0 8px}
#scrolltop{width:50px;height:50px;text-align:center;line-height:50px;cursor:pointer;background-color:rgba(71,71,71,0.3);position:fixed;bottom:25px;right:-100%;opacity:0;z-index:20}
#scrolltop.cur{right:25px;opacity:1}
#scrolltop img{display:inline-block;vertical-align:middle;margin-bottom:3px}
@media (max-width:1440px){
  .organ{margin:0 auto}
  /* .abt-content3 .abt-framework{width:100%;padding:0 50px} */
  .abt-framework .w1200{width:100%;padding:0}
  .abt-framework .swiper-slide{width:auto}
  .abt-framework .swiper-container{padding-bottom:30px}
  .abt-framework .swiper-scrollbar-drag{background-color:#e50011}
  .abt-framework .swiper-scrollbar{background-color:#fff}
}


@media (max-width:1024px){
  .organ .iconitem .icon{width:28px}
  .organ .iconitem .title{font-size:16px;line-height:24px;height:52px;}
  .organ .botitem{padding:35px 4px 40px}
  .organ .botitem:nth-of-type(2){padding:35px 12px 62px}
  .organ .botitem:nth-of-type(2) .title{padding:0 4px}
  .organ .botitem:nth-of-type(3){padding:35px 12px 62px}
  .organ .botitem:nth-of-type(3) .title{padding:0 4px}
  .organ .botitem:nth-of-type(4) .title{padding:0 10px}
  .organ .botitem:nth-of-type(5){padding:35px 8px 62px}
  .organ .botitem:nth-of-type(5) .title{padding:0 4px}
  .organ .botitem:nth-of-type(6){padding:35px 8px 62px}
  .organ .botitem:nth-of-type(6) .title{padding:0 4px}
  .organ .botitem:nth-of-type(7){padding:35px 8px 62px}
  .organ .botitem:nth-of-type(7) .title{padding:0 8px}
  .organ .botitem .title{font-size:15px;line-height:21px}
  .organ .botitem .text{margin-top:15px;line-height:1.6}
  .organ,.organ .botbox{width:1060px}
  .organ .botbox{background-size:87.15% auto;padding-top:64px}
  .organ .iconitem{padding:17px 0}
  .organ .botitems{margin-top:30px}
  .organ .title1{width:188px;height:52px;line-height:52px;font-size:18px}
  .abt-content3 .abt-framework{width:100%}
  .abt-content3 .page-wrap{padding:0 0 0 15px}
}
