.padd_5 {
  padding: 5% 0;
}
.Iscover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.center {
  text-align: center;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
body {
  overflow-x: hidden;
}
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
}
/* .header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 120;
  line-height: 80px;
  transition: all 0.5s;
  font-family: 'AlibabaPH';
  font-weight: normal;
} */
.header .logo {
  width: 26.5%;
}
.header .logo .img2 {
  display: none;
}
.header .other {
  width: 140px;
  font-size: 0;
}
.header .other dt,
.header .other dd {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
.header .other .menuIcon {
  display: none;
}
.header .lang {
  position: relative;
}
.header .lang span {
  display: inline-block;
  line-height: 24px;
  padding-left: 30px;
  background: url(../images/top_lang2.png) no-repeat left center;
  color: #fff;
  cursor: pointer;
  vertical-align: middle;
  font-size: 18px;
}
.header .lang span i {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
}
.header .lang span i::before,
.header .lang span i::after {
  content: '';
  position: absolute;
  background-color: #fff;
  width: 50%;
  height: 1px;
  width: 7px;
  top: 15px;
}
.header .lang span i::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 4px;
}
.header .lang span i::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 9px;
}
.header .lang aside {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  right: auto;
  bottom: auto;
  background-color: #fff;
  line-height: 30px;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}
.header .lang::before{ content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 0; transition: all 0.5s;    height: 3px; background-color: #0084ff; bottom: 0;}
.header .lang aside a {
  display: block;
}
.header .lang:hover::before{ width: 100%;}
.header .search {
  position: relative;
}
.header .icon_search {
  display: block;
  width: 28px;
  height: 28px;
  background: url(../images/top_search.png) no-repeat center;
  vertical-align: middle;
  margin-left: 20px;
}
.header .open_search_on:before,
.header .open_search_on:after {
  position: absolute;
  content: '';
  right: auto;
  top: 50%;
  bottom: 0;
  width: 90%;
  left: 15%;
  height: 2px;
  margin-top: -1.5px;
  background-color: #0084ff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.header .open_search_on:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.header .open_search_on {
  background: none!important;
  position: relative;
}
.header .search_box {
  position: absolute;
  left: auto;
  top: 100%;
  right: 0;
  bottom: auto;
  padding: 0 36px 0 0;
  width: 250px;
  border: 1px solid #eee;
  display: none;
  line-height: normal;
}
.header .search_box .text {
  width: 100%;
  border: none;
  font-size: 14px;
  color: #0c0c0c;
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
}
.header .search_box .btn {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
  width: 36px;
  height: 100%;
  background: url(../images/top_search2.png) no-repeat center #fff;
}

.header .sub{width: 180px; position: absolute; left: 50%; transform: translateX(-50%); background-color: #fff; top: 100%; display: none;box-shadow: 3px 3px 5px rgba(0, 0, 0, .2); padding: 15px 0;}
.header #m29 .sub{ width: 150px;}

.header .sub dd{display: block; line-height:36px; text-align: center;}
.header .sub dd a{color: #333; transition: all .3s ease-in-out;line-height: 2;}
.header .sub dd:hover a{color: #0084ff;}
@media (max-width: 1600px) {
  .header .logo {
    width: 20%;
  }
  
}
@media (max-width: 1200px) {
  .header {
    line-height: normal;
  }
  .header .topMain {
    position: relative;
  }
  .header .logo {
    display: inline-block;
    width: auto;
    padding: 2% 0;
    max-width: 45%;
  }
  .header .other {
    position: absolute;
    left: auto;
    top: 50%;
    right: 0;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    z-index: 10;
  }
  .header .other .menuIcon {
    display: inline-block;
  }
  .header .other .search {
    margin: 0 10px;
  }
  .header .icon_search {
    margin-left: 0;
  }
  .header #open_menu {
    z-index: 100;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    cursor: pointer;
    display: block;
    position: relative;
  }
  .header #open_menu i {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    width: 90%;
    height: 3px;
    border-radius: 4px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #0084ff;
  }
  .header #open_menu::before,
  .header #open_menu::after {
    position: absolute;
    content: '';
    left: 0;
    right: auto;
    top: 0;
    bottom: 0;
    width: 90%;
    height: 3px;
    background-color: #0084ff;
    border-radius: 4px;
  }
  .header #open_menu::before {
    top: 5px;
  }
  .header #open_menu::after {
    bottom: 5px;
    top: auto;
  }
  .header #open_menu.open_menu_on i {
    opacity: 0;
  }
  .header #open_menu.open_menu_on:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 15px;
  }
  .header #open_menu.open_menu_on:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: auto;
    top: 15px;
  }
}
.navTop .navLi {
  display: inline-block;
  position: relative;
  margin-right: 40px;
}
.navTop .navLi:last-child {
  margin-right: 0;
}
.navTop .navLi > a {
  color: #fff;
  position: relative;
  display: block;
  text-align: center;
  font-size: 18px;
  min-width: 72px;
}
.navTop .navLi > a span {
  position: relative;
  display: inline-block;
}
.navTop .navLi > a span::after {
  position: absolute;
  content: '';
  left: 50%;
  right: auto;
  top: auto;
  bottom: 0;
  width: 0;
  height: 3px;
  background-color: #0084ff;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all 0.5s;
}
.navTop .navLi > a::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(../images/top_navBg2.png) no-repeat center;
  background-size: 50px;
  opacity: 0;
  transition: all 0.5s;
}
.navTop .navLi.aon > a::before,
.navTop .navLi > a:hover::before {
  opacity: 1;
}
.navTop .navLi.aon > a span::after,
.navTop .navLi > a:hover span::after {
  width: 100%;
}
@media (max-width: 1600px) {
  .navTop .navLi {
    margin-right: 30px;
  }
}
@media (max-width: 1366px) {
  .navTop .navLi {
    margin-right: 20px;
  }
  .navTop .navLi > a {
    font-size: 16px;
  }
}
@media (max-width: 1280px) {
  .navTop .navLi {
    margin-right: 10px;
  }
}
@media (max-width: 1200px) {
  .navTop .navLi > a span{color: #333;}
  .navTop {
    display: none;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-y: auto;
    visibility: hidden;
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.8);
    line-height: 40px;
    margin-left: 0;
    display: block;
    padding: 0;
    transition: all 0.5s;
    opacity: 0;
    background-image: none;
  }
  .navTop.navTop_show {
    visibility: visible;
    right: 0;
    opacity: 1;
  }
  .navTop.navTop_show ul {
    padding-top: 70px;
    position: relative;
    height: 100%;
    width: 250px;
    float: right;
    background-color: #fff;
  }
  .navTop.navTop_show ul li {
    width: 100%;
    float: none;
  }
  .header .sub{position: initial; height: auto; line-height: normal; width: 100%;}
  .header .sub dl{background: none; padding-left: 0;}
  .header .sub dd{width: 100%; text-align: center; line-height: 40px; margin-right: 0;}
  .header .sub dd:first-child{background: none; padding-left: 0;}
}
.header_black,
.header_hover,
.header_white {
  background-color: #fff;
}
.header_black .logo .img1,
.header_hover .logo .img1,
.header_white .logo .img1 {
  display: none;
}
.header_black .logo .img2,
.header_hover .logo .img2,
.header_white .logo .img2 {
  display: inline-block;
}
.header_black .lang span,
.header_hover .lang span,
.header_white .lang span {
  background-image: url(../images/top_lang.png);
  color: #333;
}
.header_black .lang span i::before,
.header_hover .lang span i::before,
.header_white .lang span i::before,
.header_black .lang span i::after,
.header_hover .lang span i::after,
.header_white .lang span i::after {
  background-color: #333;
}
.header_black .icon_search,
.header_hover .icon_search,
.header_white .icon_search {
  background-image: url(../images/top_search2.png);
}
.header_black .navTop li > a,
.header_hover .navTop li > a,
.header_white .navTop li > a {
  color: #333333;
}
.header_black {
  background-color: transparent;
}
.header_hover {
  background-color: #fff!important;
}
.layer {
  position: fixed;
  left: 0;
  top: 0;
  height: calc(100% - 30px);
  z-index: 120;
  background-color: rgba(0, 0, 0, 0.5);
}
.NyBan{z-index: 0;
  /* padding-top: 57.81px; */
}
.NyBan img {
  width: 100%;
}
.NyBan .pcBan {
  display: inline-block;
}
.NyBan .wapBan {
  display: none;
}
@media (max-width: 1024px) {
  .NyBan .pcBan {
    display: none;
  }
  .NyBan .wapBan {
    display: inline-block;
  }
}
/* .footer {
  background: url(../images/foot_bg.jpg) no-repeat center;
  background-size: cover;
  padding: 3% 0;
  font-family: 'AlibabaPH';
  color: #fff;
} */
.footer .auto-1600 {
  position: relative;
}
.footer .backTop {
  position: absolute;
  left: auto;
  top: -85px;
  right: 0;
  bottom: auto;
  width: 50px;
  height: 50px;
  background: url(../images/back_top.png) no-repeat center;
}
.footer .bottom {
  margin-bottom: 3%;
}
.footer .link {
  float: left;
  font-size: 0;
  width: 58.75%;
}
.footer .link a {
  display: inline-block;
  margin-right: 2%;
  width: 23.405%;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  padding-top: 7.448%;
  overflow: hidden;
}
.footer .link a:last-child {
  margin-right: 0;
}
.footer .link a img {
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 100%;
  transition: all .3s ease-in-out;
}
.footer .link a img:hover{transform: scale(1.1) translate(-45%, -45%);}
.footer .link a::before {
  position: absolute;
  content: '';
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  width: 20px;
  height: 20px;
  background: url(../images/icon_more1.png) no-repeat center #f1f1f1;
}
.footer .contact {
  float: right;
}
.footer .contact dl {
  display: inline-block;
  margin-left: 55px;
  text-align: right;
}
.footer .contact dt span {
  display: inline-block;
  padding-left: 28px;
  background: url(../images/foot_icon1.png) no-repeat left center;
  font-size: 14px;
  line-height: 28px;
}
.footer .contact dd {
  font-size: 24px;
  font-weight: bold;
  margin-top: 10px;
}
.footer .Copyright {
  position: relative;
  font-size: 14px;
}
.footer .Copyright .share {
  position: absolute;
  left: auto;
  top: 50%;
  right: 0;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.footer .Copyright .share a {
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../images/icon_wx.png) no-repeat center;
  margin-left: 10px;
}
.footer .Copyright .share a{position: relative;}
.footer .Copyright .qrcode{position: absolute; left: 50%; top: 0; transform: translate(-50%, -110%); background-color: #fff; text-align: center; display: none; width: 140px; height: 140px; border: 1px solid #f2f2f2; z-index: 1;}
.footer .Copyright .qrcode img{width: 95%; margin: 1% auto;}
.footer .Copyright .qrcode::before{content: ''; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); border: 10px solid transparent; border-top-color: #fff;}
.footer .Copyright .share a:hover .qrcode{display: block;}
.footer .Copyright .share .dy .qrcode{left: 0;}
.footer .Copyright .share .dy .qrcode::before{left: 65%;}
.footer .Copyright .share .sina {
  background-image: url(../images/icon_sina.png);
}
.footer .Copyright .share .dy {
  background-image: url(../images/icon_dy.png);
}
.footer .Copyright a {
  color: #fff;
}
.footer .Copyright em {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  width: 1px;
  height: 9px;
  background-color: #cccccc;
}
.footer .Copyright p {
  color: #ffa1a1;
  margin-top: 10px;
}
.footer .Copyright p a {
  color: #ffa1a1;
}
@media (max-width: 1200px) {
  .footer .contact dl {
    margin-left: 30px;
  }
  .footer .contact dl:first-child {
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .footer .contact dl {
    margin-left: 20px;
  }
}
@media (max-width: 1000px) {
  .footer .bottom {
    display: none;
  }
}
@media (max-width: 768px) {
  .footer .Copyright {
    text-align: center;
  }
  .footer .Copyright .share {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    position: relative;
  }
  .footer .backTop {
    top: -40px;
  }
}
@media(max-width: 320px){
  .footer .Copyright em{margin: 0 2px;}
}
.font_24 {
  font-size: 24px;
}
.font_26 {
  font-size: 26px;
}
.font_30 {
  font-size: 30px;
}
.font_36 {
  font-size: 36px;
}
.font_38 {
  font-size: 38px;
}
.font_40 {
  font-size: 40px;
}
.font_42 {
  font-size: 42px;
}
@media (max-width: 1024px) {
  .font_24 {
    font-size: 20px;
  }
  .font_26 {
    font-size: 24px;
  }
  .font_30 {
    font-size: 26px;
  }
  .font_36 {
    font-size: 30px;
  }
  .font_38 {
    font-size: 32px;
  }
  .font_40 {
    font-size: 34px;
  }
  .font_42 {
    font-size: 38px;
  }
}
@media (max-width: 768px) {
  .font_24 {
    font-size: 18px;
  }
  .font_26 {
    font-size: 20px;
  }
  .font_30 {
    font-size: 22px;
  }
  .font_36 {
    font-size: 24px;
  }
  .font_38 {
    font-size: 28px;
  }
  .font_40 {
    font-size: 30px;
  }
  .font_42 {
    font-size: 36px;
  }
}
@media (max-width: 640px) {
  .font_38 {
    font-size: 24px;
  }
  .font_40 {
    font-size: 26px;
  }
  .font_42 {
    font-size: 30px;
  }
}
.AlibabaPH {
  font-family: 'AlibabaPH';
}
.Nmenu {
  line-height: 70px;
  position: relative;
  z-index: 5;
}
.Nmenu .auto-1600 {
  position: relative;
  margin-top: -30px;
  background-color: #fff;
  padding-right: 2%;
}
.Nmenu .auto-1600::before {
  position: absolute;
  content: '';
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #f6f6f6;
}
.Nmenu .location {
  float: right;
  padding-left: 25px;
  background: url(../images/home.png) no-repeat left center;
  font-size: 14px;
  color: #333333;
}
.Nmenu .location a {
  color: #333333;
}
.Nmenu .location i {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-style: normal;
  margin: 0 10px;
  font-family: 'SimSun';
  font-weight: bold;
}
.Nmenu nav {
  float: left;
  max-width: 70%;
}
.Nmenu nav .title {
  width: 228px;
  color: #fff;
  background: url(../images/menu_titbg.png) no-repeat left center #0084ff;
  text-align: center;
  font-weight: normal;
}
.Nmenu nav .title span {
  display: inline-block;
  line-height: 30px;
}
.Nmenu nav li {
  float: left;
  margin-left: 6%;
  font-size: 18px;
}
.Nmenu nav li a {
  display: block;
  position: relative;
}
.Nmenu nav li a::after {
  position: absolute;
  content: '';
  left: 50%;
  right: auto;
  top: auto;
  bottom: 0;
  width: 0;
  height: 3px;
  background-color: #0084ff;
  transition: all 0.5s;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.Nmenu nav li a:hover::after {
  width: 100%;
}
.Nmenu nav li.on a {
  color: #0084ff;
}
.Nmenu nav li.on a::after {
  width: 100%;
}
@media (max-width: 1366px) {
  .Nmenu nav li {
    margin-left: 3%;
  }
}
@media (max-width: 1200px) {
  .Nmenu .location {
    display: none;
  }
  .Nmenu nav {
    max-width: 100%;
    float: none;
  }
}
@media (max-width: 1024px) {
  .Nmenu {
    line-height: 50px;
  }
  .Nmenu .auto-1600 {
    margin-top: 0;
  }
  .Nmenu .title {
    display: none;
  }
  .Nmenu nav li {
    font-size: 16px;
  }
  .Nmenu nav li:first-child {
    margin-left: 0;
  }
}
.ColumnName {
  font-weight: bold;
  padding-bottom: 2%;
  line-height: normal;
}
.BrandConcept img{width: 100%;}
@media(max-width: 1200px){
  .BrandConcept img{width: 100%;}
}
.proIndex li {
  width: 49.5%;
  float: left;
  margin-right: 1%;
  padding-right: 8%;
  position: relative;
}
.proIndex li img{transition: all .3s ease-in-out;}
.proIndex li:hover img{transform: translateY(-5%);}
.proIndex li:nth-child(2n) {
  margin-right: 0;
  padding-left: 0;
  padding-right: 8%;
}
.proIndex li:nth-child(2n+1) {
  clear: both;
}
.proIndex li a {
  display: block;
  padding: 10% 0;
  position: relative;
  z-index: 10;
}
.proIndex .bg {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  width: 100%;
  padding-top: 38%;
  background-size: 100%;
  transition: all .3s ease-in-out;
}
.proIndex li:hover .bg{background-size: 110%;}
.proIndex figure {
  width: 68%;
  float: left;
  text-align: center;
}
.proIndex .txt {
  width: 30%;
  float: right;
  color: #666;
}
.proIndex .tit {
  color: #333;
  margin: 5px 0 15px;
}
.proIndex pre {
  color: #999;
}
.proIndex .more {
  width: 170px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  background-color: #0084ff;
  display: block;
  margin: 20% 0;
  border-radius: 10px;
}
.proIndex .more::after {
  display: inline-block;
  content: '';
  width: 21px;
  height: 6px;
  background: url(../images/icon_more2.png) no-repeat center;
  margin-left: 10px;
  vertical-align: middle;
}
@media (max-width: 1600px) {
  .proIndex li {
    padding-left: 0;
  }
  .proIndex li:nth-child(2n) {
    padding-right: 0;
  }
  .proIndex figure {
    width: 60%;
  }
  .proIndex .txt {
    width: 38%;
  }
  .proIndex .more {
    width: 120px;
    line-height: 50px;
  }
}
@media (max-width: 640px) {
  .proIndex .ul {
    padding: 0 2%;
  }
  .proIndex li {
    width: 100%;
    margin-right: 0;
    float: none;
  }
}
.RADBox article {
  color: #333;
  line-height: 48px;
  font-size: 22px;
  margin-bottom: 3.5%;
}
.RADBox .RD_videoBox {
  position: relative;
}
.RADBox .RD_videoBox figure {
  position: relative;
}
.RADBox .RD_videoBox .play {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(../images/icon_play.png) no-repeat center rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.RADBox .RD_videoBox img {
  width: 100%;
}
.RADBox .RD_videoBox .video {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: none;
}
@media (max-width: 768px) {
  .RADBox article {
    font-size: 20px;
    line-height: 38px;
  }
}
@media (max-width: 640px) {
  .RADBox article {
    font-size: 16px;
    line-height: 28px;
  }
}
.QualityBox .ytable_cell {
  vertical-align: top;
}
.QualityBox .item {
  padding: 5% 0 0;
}
.QualityBox .item article {
  line-height: 30px;
  display: none;
}
.QualityBox .item .tit {
  width: 29%;
  padding-right: 5%;
  color: #0084ff;
  font-size: 20px;
}
.QualityBox .item .intro,
.QualityBox .item article {
  padding-bottom: 3.5%;
}
.QualityBox .item .content {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 2%;
}
.QualityBox .item .more {
  color: #999999;
  display: inline-block;
  cursor: pointer;
}
.QualityBox .item .more::after {
  content: '>';
  font-family: 'SimSun';
  font-size: 18px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.QualityBox .item .down::after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-left: 10px;
}
@media (max-width: 768px) {
  .QualityBox .item .tit {
    font-size: 16px;
  }
  .QualityBox .item article {
    line-height: 24px;
  }
}
@media (max-width: 640px) {
  .QualityBox .item .ytable_cell {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}
.aboutBox {
  padding-bottom: 7%;
}
.aboutBox .fl {
  width: 50%;
  line-height: 30px;
  color: #666;
}
.aboutBox .fr {
  width: 44%;
}
.aboutBox .numBox li {
  width: 33.33%;
  float: left;
  margin-bottom: 10%;
}
.aboutBox .numBox li:nth-child(3n+1) {
  clear: both;
}
.aboutBox .numBox .num {
  font-size: 18px;
  color: #999999;
}
.aboutBox .numBox .num b {
  color: #0084ff;
}
.aboutBox .numBox .num span {
  font-size: 40px;
}
.aboutBox .numBox .num i {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  font-style: normal;
}
@media (max-width: 1024px) {
  .aboutBox .numBox li {
    width: 50%;
  }
  .aboutBox .numBox li:nth-child(3n+1) {
    clear: none;
  }
  .aboutBox .numBox .num span {
    font-size: 36px;
  }
}
@media (max-width: 640px) {
  .aboutBox .fl,
  .aboutBox .fr {
    width: 100%;
    float: none;
    margin-bottom: 2%;
  }
  .aboutBox .fl {
    line-height: 24px;
  }
  .aboutBox .numBox .num {
    font-size: 14px;
  }
  .aboutBox .numBox .num i {
    font-size: 20px;
  }
  .aboutBox .numBox .num span {
    font-size: 30px;
  }
}

.BrandStory .fl {
  width: 48%;
  line-height: 30px;
}
.BrandStory .fl .more {
  color: #999999;
  display: inline-block;
  cursor: pointer;
}
.BrandStory .fl .more::after {
  content: '>';
  font-family: 'SimSun';
  font-size: 18px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.BrandStory .fl .down::after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-left: 10px;
}

.BrandStory .fl article{ max-height: 270px; overflow: auto; padding-right: 2%;}
.BrandStory .fl article::-webkit-scrollbar {
  width: 3px;
}
.BrandStory .fl article::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.BrandStory .fl article::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #0084ff;
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
.BrandStory .fl article::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 0, 0, 0.4);
}
.BrandStory .fr {
  width: 44.534%;
}
.BrandStory .fr ul{ overflow: hidden;}
.BrandStory .fr li{ width: 25%; float: left; padding: 3px; position: relative;}
.BrandStory .fr li.Istop{ width: 100%;}
.BrandStory .fr li.Istop figure{ padding-top: 30%;}
.BrandStory .fr li::after,
.BrandStory .fr li::before{ content: ''; position: absolute; background-color: #dfded8;}
.BrandStory .fr li::before{ width: 95%; height: 1px; left: 50%; transform: translateX(-50%); bottom: 0;}
.BrandStory .fr li::after{ width: 1px; height: 95%; top: 50%; transform: translateY(-50%); left: -1px;}
.BrandStory .fr li.on figure{ background-color: #f9f2ab;box-shadow: 0 0 5px #d1d0ca;}
.BrandStory .fr li:hover figure{ background-color: rgba(255,255,255,0.9);}
.BrandStory .fr li:hover figure img{  transform: translate(-50%,-50%) scale(0.95);}
.BrandStory .fr figure{ position: relative; padding-top: 60%; transition: all 0.5s;}
.BrandStory .fr figure img{ position: absolute; left: 50%; top: 50%; max-height: 90%; transform: translate(-50%,-50%); transition: all 0.5s;}
.BrandStory .fr .slick li::before{ display: none;}
.BrandStory .slick-arrow{ width: 23px; border-radius: 0;}
.BrandStory .slick-prev{ left: 0;}
.BrandStory .slick-next{ right: 0; }
.BrandStory .txt_line {
  padding-left: 16px;
  position: relative;
  color: #151510;
  margin-bottom: 6px;
}
.BrandStory .txt_line::before {
  position: absolute;
  content: '';
  left: 5px;
  right: auto;
  top: 12px;
  bottom: auto;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #0084ff;
}
@media (max-width: 1024px) {
	.BrandStory .fr figure img{ max-width: 80%; max-height: 80%;}
}
@media (max-width: 640px) {
  .BrandStory .fl,
  .BrandStory .fr {
    width: 100%;
    float: none;
    margin-bottom: 5%;
  }
  .BrandStory .fl {
    line-height: 24px;
  }
}
.history {
  position: relative;
  padding-top: 5%;
}
.history::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: auto;
  bottom: 337px;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.history .auto-1600 {
  overflow: hidden;
  position: relative;
  margin-top: 1%;
}
.history .slick-list {
  overflow: initial;
}
.history .ul {
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 120px;
}
.history .box {
  padding: 0 25px;
  padding-top: 30px;
  height: 415px;
  opacity: 0.2;
}
.history .slick-active .box {
  opacity: 1;
}
.history .ytable {
  height: 100%;
}
.history figure,
.history .en {
  display: none;
}
.history .ytable_cell {
  padding: 0 10%;
  border-radius: 5px;
}
.history .info {
  position: relative;
}
.history .info::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.history p {
  height: 90px;
  overflow: hidden;
  line-height: 30px;
}
.history time {
  display: block;
  font-size: 30px;
  color: #333333;
  position: relative;
  font-weight: bold;
}
.history time::after {
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  background-color: #999999;
  border-radius: 100%;
  margin: 23px 0;
}
.history .slick-center .box {
  padding: 30px 0 0;
}
.history .slick-center .ytable_cell {
  background-color: #fff;
  vertical-align: top;
}
.history .slick-center time {
  font-size: 72px;
  color: #0084ff;
  -webkit-transform: skew(-5deg);
  -moz-transform: skew(-5deg);
  -o-transform: skew(-5deg);
  transform: skew(-5deg);
  margin-top: -50px;
}
.history .slick-center time::after {
  display: none;
}
.history .slick-center time .en {
  display: block;
  font-size: 24px;
  padding-left: 10px;
  font-weight: bold;
  text-transform: uppercase;
  margin: -10px 0 25px;
}
.history .slick-center figure {
  display: block;
  padding-top: 50%;
  margin-top: 20px;
}
.history .slick-arrow {
  top: 37%;
  background-color: #cccccc;
}
.history .slick-prev {
  left: -30%;
}
.history .slick-next {
  right: -30%;
}
.history .slick-arrow:hover {
  background-color: #e73739;
  border-color: #e73739;
}
@media(max-width: 1600px){
  .history .slick-prev{left: -15%;}
  .history .slick-next{right: -15%;}
}
@media(max-width: 1400px){
  .history .slick-prev{left: -5%;}
  .history .slick-next{right: -5%;}
}
@media(max-width: 1200px){
  .history .slick-prev{left: 0;}
  .history .slick-next{right: 0;}
}
@media (max-width: 768px) {
  .history time {
    font-size: 24px;
  }
  .history .slick-center time {
    font-size: 50px;
    margin-top: -30px;
  }
  .history .slick-center time .en {
    font-size: 20px;
  }
}
@media (max-width: 640px) {
  .history time {
    font-size: 20px;
  }
  .history .slick-center time {
    font-size: 40px;
    margin-top: -20px;
  }
  .history .slick-center time .en {
    font-size: 18px;
  }
}
.BrandConcept .fl {
  width: 48%;
  line-height: 30px;
}
.BrandConcept .fr {
  width: 44.534%;
}
.BrandConcept .fr .txt {
  font-size: 18px;
  margin-bottom: 3%;
}
.BrandConcept .fr li {
  width: 29.942%;
  margin-right: 2%;
  margin-bottom: 1%;
  float: left;
  position: relative;
  border: 1px solid #dfded8;
  background-color: rgba(255, 255, 255, 0.7);
  padding-top: 13.175%;
}
.BrandConcept .fr li:nth-child(3n) {
  margin-right: 0;
}
.BrandConcept .fr li img {
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 90%;
}
@media (max-width: 640px) {
  .BrandConcept .fl,
  .BrandConcept .fr {
    width: 100%;
    float: none;
    margin-bottom: 5%;
  }
  .BrandConcept .fl {
    line-height: 24px;
  }
}
.Honor .auto-1600 {
  max-width: 1400px;
}
.Honor .ul {
  position: relative;
  padding: 0 45px;
}
/* .Honor .ul::before,
.Honor .ul::after {
  position: absolute;
  content: '';
  left: auto;
  right: auto;
  top: auto;
  bottom: 0;
  width: 50px;
  height: 98px;
  background: url(../images/honor_left.png) no-repeat;
  background-size: 90% 98px;
}
.Honor .ul::before {
  left: 0;
}
.Honor .ul::after {
  background-image: url(../images/honor_right.png);
  right: 0;
} */
.Honor .honorList{padding-top: 2%;}
.Honor .honorList li {
  width: 25%;
  float: left;
  text-align: center;
  position: relative;
  background: url(../images/honor_line1.png) repeat-x center bottom;
  z-index: 1;
}
.Honor .honorList li:nth-child(4n+1)::before{
  position: absolute;
  content: '';
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
  width: 50px;
  height: 98px;
  background: url(../images/honor_left.png) no-repeat;
  background-size: 90% 98px;
}
.Honor .honorList li:nth-child(4n+4)::after,
.Honor .honorList li:last-child::after{
  position: absolute;
  content: '';
  left: auto;
  right: -5px;
  top: auto;
  bottom: 0;
  width: 50px;
  height: 98px;
  background: url(../images/honor_right.png) no-repeat;
  background-size: 90% 98px;
}
.Honor p {
  line-height: 94px;
  color: #333;
  transition: all .3s ease-in-out;
}
.Honor .honorList li:hover p{color: #0084ff;}
.Honor .honorList li:hover img{transform: scale(1.05) translateX(-48%);}
.Honor .pic {
  position: relative;
  padding-top: 80%;
}
.Honor .pic img {
  position: absolute;
  left: 50%;
  top: auto;
  right: auto;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  max-height: 100%;
  transition: all .3s ease-in-out;
}
.Honor .page {
  text-align: center;
  font-size: 0;
}
.Honor .page ul {
  list-style: none;
}
.Honor .page li {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: #bfbfbf;
  margin: 0 15px;
}
.Honor .page li button {
  display: none;
}
.Honor .page li.slick-active {
  background-color: #0084ff;
}
@media (max-width: 640px) {
  .Honor .honorList li{width: 50%;}
  .Honor .honorList li:nth-child(4n+4)::after,
  .Honor .honorList li:nth-child(4n+1)::before{content: none;}
  .Honor .honorList li:nth-child(2n+1)::before{
    position: absolute;
    content: '';
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
    width: 50px;
    height: 98px;
    background: url(../images/honor_left.png) no-repeat;
    background-size: 90% 98px;
  }
  .Honor .honorList li:nth-child(2n+2)::after{
    position: absolute;
    content: '';
    left: auto;
    right: -5px;
    top: auto;
    bottom: 0;
    width: 50px;
    height: 98px;
    background: url(../images/honor_right.png) no-repeat;
    background-size: 90% 98px;
    z-index: -1;
  }
  .Honor .pic{padding-top: 90%;}
  .Honor .ul{padding: 0 10px;}
}
.makeBox {
  /* background: url(../images/con_bg1.png) repeat-y center top; */
}
.makeBox .video-box{width: 80%; max-width: 950px; text-align: center; margin: 2% auto; position: relative;}
.makeBox .video-box .video{width: 100%;object-fit:fill;}
.makeBox .RD_videoBox {
  position: relative;
}
.makeBox .RD_videoBox figure {
  position: relative;
}
.makeBox .video-box figure::before{
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.makeBox .RD_videoBox figure::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.makeBox .RD_videoBox .play {
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 78px;
  height: 78px;
  background: url(../images/icon_play.png) no-repeat center;
  cursor: pointer;
}
.makeBox .RD_videoBox img {
  width: 100%;
}
.makeBox .RD_videoBox .video {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: none;
}
.makeBox .picList {
  position: relative;
}
.makeBox .slick-slider {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 98%;
  height: 100%;
  min-height: 500px;
}
.makeBox .slick-slider figure {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;
  background-size: 185%;
}
.makeBox .slick-slider figure:hover{background-size: 190%;}
.makeBox .slick-list,
.makeBox .slick-track,
.makeBox .slick-slide {
  height: 100%;
  position: relative;
}
.makeBox .list:not(:last-child) {
  margin-bottom: 5%;
}
.makeBox .ytable {
  min-height: 500px;
}
.makeBox .ytable_cell {
  vertical-align: top;
  height: 100%;
}
.makeBox .txtCon {
  padding: 2% 4% 2% 9%;
}
.makeBox .odd .txtCon {
  padding-left: 4%;
  padding-right: 9%;
  background-color: #fffcdb;
}
.makeBox .tit {
  font-family: 'YouShe';
  color: #000000;
  letter-spacing: 1px;
}
.makeBox article {
  display: none;
  line-height: 30px;
  color: #666666;
  position: relative;
  padding: 18px 0;
}
.makeBox article::before,
.makeBox article::after {
  position: absolute;
  content: '';
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 68px;
  height: 40px;
  background: url(../images/makeBox_icon1.png) no-repeat center;
  background-size: contain;
}
.makeBox article::after {
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  background-image: url(../images/makeBox_icon2.png);
}
.makeBox .tab_span {
  margin: 20px 0 30px;
  font-size: 20px;
  color: #999999;
}
.makeBox .tab_span span {
  display: inline-block;
  margin-right: 5%;
  line-height: 40px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.makeBox .tab_span span.on {
  color: #0084ff;
  border-bottom-color: #0084ff;
}
.makeBox .slick-dots {
  position: absolute;
  left: 40px;
  top: auto;
  right: auto;
  bottom: 40px;
  width: 100%;
  z-index: 10;
}
.makeBox .slick-dots li {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: #fff;
  margin: 0 10px;
}
.makeBox .slick-dots li button {
  display: none;
}
.makeBox .slick-dots li.slick-active {
  background-color: #0084ff;
}
@media (max-width: 1600px) {
  .makeBox .txtCon {
    padding-left: 2%;
    padding-right: 2%;
  }
  .makeBox .odd .txtCon {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media (max-width: 768px) {
  .makeBox .ytable_cell {
    display: block;
    width: 100%;
  }
  .makeBox .slick-slider {
    position: relative;
    width: 100%;
    min-height: 400px;
  }
  .makeBox .slick-slider figure {
    position: relative;
    padding-top: 60%;
  }
  .makeBox .tab_span {
    font-size: 18px;
  }
  .makeBox .tab_span span {
    margin-right: 2%;
  }
}
@media (max-width: 640px) {
  .makeBox article {
    line-height: 24px;
  }
  .makeBox .tab_span {
    font-size: 16px;
    margin: 10px 0 20px;
  }
  .makeBox .tab_span span {
    margin-right: 1%;
  }
  .makeBox .slick-slider {
    min-height: 250px;
  }
}
.Hmore {
  width: 200px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  background: url(../images/icon_more3.png) no-repeat right center #0084ff;
  display: block;
  margin: 0 auto;
  border-radius: 5px;
  transition: all 0.5s;
}
.Hmore::after {
  content: '';
  display: inline-block;
  width: 21px;
  height: 6px;
  background: url(../images/icon_more2.png) no-repeat center;
  margin-left: 10px;
  vertical-align: middle;
  transition: all 0.5s;
}
.Hmore:hover {
  color: #fff;
}
.Hmore:hover::after {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}
@media (max-width: 1024px) {
  .fp-section,
  .fp-tableCell {
    height: auto!important;
  }
}
.Hbanner {
  position: relative;
}
.Hbanner .ulImg,
.Hbanner .slick-list,
.Hbanner .slick-track,
.Hbanner .slick-slide {
  height: 100%;
}
.Hbanner li {
  position: relative;
}
.Hbanner li .video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.Hbanner li figure {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.Hbanner li .wapBan {
  display: none;
}
.Hbanner .slick-dots {
  position: absolute;
  left: 0;
  top: auto;
  right: 0;
  bottom: 20px;
  text-align: center;
  z-index: 110;
  font-size: 0;
}
.Hbanner .slick-dots li {
  display: inline-block;
  margin: 0 6px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  border: 1px solid transparent;
}
.Hbanner .slick-dots li button {
  display: inline-block;
  border: none;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #fff;
  vertical-align: middle;
  font-size: 0;
}
.Hbanner .slick-dots li.slick-active {
  border-color: #0084ff;
}
.Hbanner .slick-dots li.slick-active button {
  background-color: #0084ff;
}
@media (max-width: 1024px) {
  .Hbanner li .wapBan {
    display: inline-block;
  }
  .Hbanner li figure {
    position: relative;
  }
}
.Habout {
  color: #fff;
  position: relative;
}
.Habout article {
  max-width: 940px;
  margin: 3% auto;
  text-align: center;
  line-height: 32px;
}
.Habout .fp-tableCell {
  vertical-align: top;
  padding-top: 7.5vw;
}
.Habout .numBox {
  position: absolute;
  left: 0;
  top: auto;
  right: auto;
  bottom: 0;
  width: 100%;
  background-image: -moz-linear-gradient(0, rgba(177, 135, 92, 0.5), rgba(177, 135, 92, 0), transparent);
  background-image: -webkit-linear-gradient(0, rgba(177, 135, 92, 0.5), rgba(177, 135, 92, 0), transparent);
  background-image: -ms-linear-gradient(0, rgba(177, 135, 92, 0.5), rgba(177, 135, 92, 0), transparent);
  background-image: linear-gradient(0, rgba(177, 135, 92, 0.5), rgba(177, 135, 92, 0), transparent);
}
.Habout .numBox li {
  width: 20%;
  float: left;
  text-align: center;
  position: relative;
  padding: 3vw 0;
}
.Habout .numBox li::before {
  position: absolute;
  content: '';
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-image: -moz-linear-gradient(0, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0), transparent);
  background-image: -webkit-linear-gradient(0, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0), transparent);
  background-image: -ms-linear-gradient(0, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0), transparent);
  background-image: linear-gradient(0, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0), transparent);
  opacity: 0.4;
}
.Habout .numBox li .info {
  display: inline-block;
  text-align: left;
}
.Habout .numBox .num b {
  font-size: 48px;
}
.Habout .numBox .num i {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
}
@media (max-width: 1366px) {
  .Habout .numBox .num b {
    font-size: 40px;
  }
}
@media (max-width: 1024px) {
  .Habout .numBox {
    position: relative;
    margin-top: 3vw;
  }
}
@media (max-width: 640px) {
  .Habout .numBox li {
    width: 50%;
  }
  .Habout .numBox .num b {
    font-size: 30px;
  }
}
.Hpro .pic {
  width: 60%;
}
.Hpro .pic figure {
  opacity: 0;
  transform: translateY(-10%);
  transition: all .6s ease-in-out;
  padding-top: 35vw;
  background-size: contain;
}
.Hpro .item.slick-current ul li.slick-current .pic figure{
  opacity: 1;
  transform: translateY(0);
}
.Hpro .tit {
  color: #fff;
  position: relative;
}
.Hpro .tit::after {
  content: '';
  display: block;
  width: 100%;
  margin: 3% 0;
  height: 1px;
  background-color: #fff;
  transition: all .3s ease-in-out;
}
.Hpro .tit h2 {
  transition: all .3s ease-in-out;
  position: relative;
}
.Hpro .tit h2::after {
  position: absolute;
  content: '';
  left: auto;
  right: 0;
  top: 50%;
  bottom: auto;
  width: 18px;
  height: 6px;
  background: url(../images/icon_more5.png) no-repeat center;
  transition: all 0.5s;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: contain;
  transition: all .3s ease-in-out;
}
.Hpro pre {
  transition: all .3s ease-in-out;
  color: #fff;
  line-height: 30px;
}
.Hpro .sliderfor .box {
  max-width: 500px;
}
.Hpro .slidernav .ul {
  margin: 0 -30px;
}
.Hpro .slidernav .box {
  margin: 0 30px;
  height: 100px;
  border-bottom: 2px solid #fff;
  color: #fff;
  cursor: pointer;
  transition: all 0.5s;
}
.Hpro .slidernav .box .en {
  text-transform: uppercase;
  font-weight: normal;
}
.Hpro .slidernav .box .cn {
  font-size: 22px;
  font-weight: normal;
  position: relative;
  padding-right: 20px;
}
.Hpro .slidernav .box .cn::after {
  position: absolute;
  content: '';
  left: auto;
  right: 0;
  top: 50%;
  bottom: auto;
  width: 18px;
  height: 6px;
  background: url(../images/icon_more5.png) no-repeat center;
  transition: all 0.5s;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: contain;
  opacity: 0;
}
.Hpro .slidernav .box .ytable {
  height: 100%;
}
.Hpro .slidernav .slick-current .box {
  background: url(../images/icon_more4.png) no-repeat right center #0084ff;
  border-bottom: #0084ff;
  border-radius: 5px;
  padding: 0 10%;
}
.Hpro .slidernav .slick-current .box .cn::after {
  opacity: 1;
}
.Hpro .slick-arrow {
  border: 1px solid #fff;
  background-color: transparent;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  background-image: url(../images/a_prev_on.png);
}
.Hpro .slick-arrow:hover {
  border-color: #0084ff;
  background-image: url(../images/a_prev_on_2.png);
}
.Hpro .slick-prev {
  left: 0;
}
.Hpro .slick-next {
  right: 0;
  background-image: url(../images/a_next_on.png);
}
.Hpro .slick-next:hover {
  background-image: url(../images/a_next_on_2.png);
}
/* .Hpro .sliderfor .item ul li:hover h2{color: #e73739;}
.Hpro .sliderfor .item ul li:hover h2::after{background: url(../images/icon_more8.png) no-repeat center;} */
@media (max-width: 1366px) {
  .Hpro .slidernav .ul {
    margin: 0 -15px;
  }
  .Hpro .slidernav .box {
    margin: 0 15px;
  }
}
@media (max-width: 1024px) {
  .Hpro {
    padding: 5vw 0;
  }
  .Hpro .sliderfor .box {
    max-width: 85%;
  }
  .Hpro .slidernav .ul {
    margin: 0 -10px;
  }
  .Hpro .slidernav .box {
    margin: 0 10px;
  }
  .Hpro .slidernav .box .en {
    font-size: 14px;
  }
  .Hpro .slidernav .box .cn {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .Hpro .pic,
  .Hpro .txtCon {
    display: block;
    width: 100%;
  }
  .Hpro .pic figure {
    padding-top: 80vw;
  }
  .Hpro .sliderfor {
    margin-bottom: 2vw;
  }
  .Hpro .sliderfor .box {
    max-width: 90%;
    margin: 0 auto;
  }
  .Hpro .slidernav .box {
    height: 60px;
  }
  .Hpro .slidernav .box .cn {
    font-size: 16px;
  }
}
.Hother pre {
  font-family: 'AlibabaPH';
}
.Hother .fl {
  width: 62.5%;
}
.Hother .fl .slick-dots {
  position: absolute;
  left: 5%;
  top: auto;
  right: auto;
  bottom: 1%;
  width: 100%;
  z-index: 10;
}
.Hother .fl .slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #fff;
  margin: 0 5px;
}
.Hother .fl .slick-dots li button {
  display: none;
}
.Hother .fl .slick-dots li.slick-active {
  background-color: #0084ff;
}
.Hother .fl .navList li {
  width: 31%;
  margin-right: 3.5%;
  float: left;
  transition: all 0.5s;
  border-radius: 5px;
}
.Hother .fl .navList li:last-child {
  margin-right: 0;
}
.Hother .fl .navList li a {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.Hother .fl .navList li:hover {
  box-shadow: 0 0 10px rgba(230, 0, 0, 0.4);
}
.Hother .fl .navList li:hover figure {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
/* .Hother .fl .Hnews li:hover figure {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
} */
.Hother .fl .navList figure {
  padding-top: 93.55%;
  transition: all 0.5s;
}
.Hother .fl .navList .txt {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 10%;
}
.Hother .fl .navList h2 {
  font-weight: normal;
}
.Hother .fl .navList pre {
  position: absolute;
  left: 0;
  top: auto;
  right: auto;
  bottom: 10%;
  width: 100%;
  padding: 0 10%;
  font-size: 18px;
  line-height: 28px;
}
.Hother .Hnews {
  margin-bottom: 1.6vw;
}
.Hother .Hnews .picList {
  width: 44%;
}
.Hother .Hnews figure {
  padding-top: 75%;
  transition: all .3s ease-in-out;
  position: relative;
}
.Hother .video-box{position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); display: none; top: 0; left: 0; z-index: 200;}
.Hother video{position: absolute; width: 70%; max-height: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.Hother .video-box.show{display: block;}
.Hother .close{position: absolute; top: 5%; right: 5%; color: #fff; font-size: 18px; cursor: pointer;}
.Hother .text-box{position: absolute; width: 100%;  left: 0; bottom: 0;  background-color: rgba(230,0,0,0.8); opacity: 0; transition: all .3s ease-in-out; padding: 2%;}
.Hother .Hnews figure:hover .text-box{opacity: 1;}
.Hother .Hnews figure .text-box .title{padding: 6% 4%;font-size: 24px;font-weight: bold;color: #fff;display: table-cell;vertical-align: bottom;}
.Hother .Hnews .picList li{ position: relative;}
.Hother .video_bn{width: 40px;height: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../images/video_play.png)no-repeat center; cursor: pointer;}
.Hother .Hnews .txtCon {
  background-color: #fff;
  padding: 3.5% 5.5% 0;
  vertical-align: top;
}
.Hother .Hnews dt {
  padding: 1.1vw 0;
  font-size: 18px;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 0.8vw;
}.Hother .Hnews dd {
  line-height: 38px;
}
.Hother .Hnews dd a {
  color: #666666;
}
.Hother .Hnews dd a:hover {
  color: #0084ff;
}
.Hother .Hnews dd time {
  float: right;
  color: #999999;
  font-size: 14px;
  margin-left: 2%;
}
.Hother .fr {
  width: 32.5%;
}
.Hother .fr li {
  transition: all 0.5s;
  border-radius: 5px;
  margin-bottom: 1.6vw;
}
.Hother .fr li:last-child {
  margin-bottom: 0;
}
.Hother .fr li:last-child figure {
  padding-top: 55.77%;
}
.Hother .fr li a {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.Hother .fr li:hover {
  box-shadow: 0 0 10px rgba(230, 0, 0, 0.4);
}
.Hother .fr li:hover figure {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.Hother .fr figure {
  padding-top: 63.464%;
  transition: all 0.5s;
}
.Hother .fr .txt {
  position: absolute;
  left: 0;
  top: auto;
  right: auto;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 6%;
}
.Hother .fr h2 {
  font-weight: normal;
  margin-bottom: 0.5vw;
}
.Hother .fr pre {
  font-size: 14px;
  opacity: 0.6;
}
@media (max-width: 1024px) {
  .Hother {
    padding: 5vw 0;
  }
  .Hother .Hnews .txtCon {
    padding: 2% 4% 0;
  }
  .Hother .Hnews dt {
    font-size: 16px;
  }
  .Hother .Hnews dd {
    line-height: 26px;
  }
  .Hother .fl .navList .txt {
    padding: 5%;
  }
  .Hother .fl .navList pre {
    padding: 0 5%;
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 768px) {
  .Hother .fl,
  .Hother .fr {
    width: 100%;
    float: none;
    margin-bottom: 2vw;
  }
  .Hother .fr {
    overflow: hidden;
  }
  .Hother .fr li {
    width: 49%;
    float: left;
    margin-right: 2%;
  }
  .Hother .fr li:last-child {
    margin-right: 0;
  }
  .Hother .fr li:last-child figure {
    padding-top: 63.464%;
  }
}
@media (max-width: 640px) {
  .Hother .fl .navList .txt {
    height: auto;
    bottom: 0;
    top: auto;
  }
  .Hother .fl .navList pre {
    display: none;
  }
  .Hother .Hnews .ytable_cell {
    display: block;
    width: 100%;
  }
  .Hother .fr li pre {
    display: none;
  }
}
.Hjob .fp-tableCell {
  vertical-align: bottom;
}
.Hjob .jobCon {
  margin-bottom: 7vw;
  position: relative;
}
.Hjob .jobCon::before {
  position: absolute;
  content: '';
  left: 0;
  right: auto;
  top: 50%;
  bottom: auto;
  width: 100%;
  height: 1px;
  background-color: #bbbbbb;
  opacity: 0.2;
}
.Hjob .tit {
  width: 22%;
}
.Hjob .tit aside {
  margin: 0.5vw 0 4vw;
}
.Hjob .tit .more {
  display: inline-block;
  margin: 0.6vw 0;
}
.Hjob .tit .more::after {
  content: '';
  display: inline-block;
  background: url(../images/icon_more7.png) no-repeat center;
  margin-left: 10px;
  width: 20px;
  height: 6px;
  transition: all 0.5s;
  vertical-align: middle;
}
.Hjob .tit .more:hover::after {
  background-image: url(../images/icon_more8.png);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}
.Hjob li {
  float: left;
  width: 23%;
  margin: 0 1%;
}
.Hjob li a {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 100%;
  text-align: center;
}
.Hjob li a::after,
.Hjob li a::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  transition: all 0.5s;
}
.Hjob li a::before {
  background: #fffcdb;
}
.Hjob li a::after {
  background: url(../images/icon_more6.png) no-repeat right center;
  opacity: 0;
}
.Hjob li .ytable {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.Hjob li .icon {
  width: 45px;
  height: 45px;
  display: block;
  margin: 0 auto;
  line-height: 45px;
}
.Hjob li .icon .img2 {
  display: none;
}
.Hjob li h3 {
  color: #231815;
  margin: 2vw 0 0.8vw;
}
.Hjob li p {
  font-size: 14px;
  color: #999999;
}
.Hjob li:hover a::before {
  background-color: #0084ff;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.Hjob li:hover a::after {
  opacity: 1;
}
.Hjob li:hover .more {
  display: inline-block;
  width: 60px;
  height: 60px;
  border: 2px solid #fff;
  background: url(../images/icon_more2.png) no-repeat center;
  border-radius: 100%;
  margin-top: 1.5vw;
}
.Hjob li:hover .icon .img1 {
  display: none;
}
.Hjob li:hover .icon .img2 {
  display: inline-block;
}
.Hjob li:hover h3,
.Hjob li:hover p {
  color: #fff;
}
.Hjob li:hover .circle .i1,
.Hjob li:hover .circle .i2 {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #f9cbcb;
  border-radius: 100%;
}
.Hjob li:hover .circle .i1::before,
.Hjob li:hover .circle .i2::before {
  position: absolute;
  content: '';
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  width: 10px;
  height: 10px;
  background-color: #f9cbcb;
  border-radius: 100%;
}
.Hjob li:hover .circle .i1 {
  left: 4%;
  top: 0;
}
.Hjob li:hover .circle .i2 {
  right: 4%;
  bottom: 0;
}
.Hjob li:hover .circle .i1::before {
  right: -200%;
  top: -100%;
}
.Hjob li:hover .circle .i2::before {
  left: -200%;
  bottom: -100%;
}
@media (max-width: 1024px) {
  .Hjob {
    padding: 5vw 0 0;
  }
  .Hjob li p {
    max-width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .Hjob .jobCon::before {
    display: none;
  }
  .Hjob .tit,
  .Hjob .list {
    display: block;
  }
  .Hjob .tit {
    width: 100%;
    text-align: center;
    margin-bottom: 2vw;
  }
}
@media (max-width: 640px) {
  .Hjob li {
    width: 48%;
    margin-bottom: 2vw;
  }
}


@font-face {
  font-family: 'PangMen';
  src: url(../fonts/PangMenZhengDaoBiao.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.cultureItem {
  padding: 4% 0;
}
.cultureBox {
  line-height: 30px;
  font-size: 18px;
}
.cultureBox .ColumnName {
  padding-bottom: 1.5%;
}
@media (max-width: 640px) {
  .cultureBox {
    font-size: 14px;
    line-height: 24px;
  }
}
.CulturalSpirit {
  background-color: #f9f9f9;
}
.CulturalSpirit .Tit {
  margin-bottom: 2%;
}
.CulturalSpirit .Tit .ColumnName {
  padding-bottom: 0;
  font-family: 'PangMen';
}
.CulturalSpirit .piclist1 {
  font-size: 0;
  text-align: center;
}
.CulturalSpirit .piclist1 li {
  width: 30%;
  max-width: 400px;
  margin: 0 3%;
  vertical-align: top;
  display: inline-block;
  background-color: #fff;
  padding: 1.4%;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.07);
  transition: all 0.5s;
}
.CulturalSpirit .piclist1 li img {
  border-radius: 5px;
  transition: all 0.5s;
}
.CulturalSpirit .piclist1 li .pic {
  overflow: hidden;
}
.CulturalSpirit .piclist1 li .txt {
  color: #666666;
  font-size: 18px;
  padding: 5% 0;
}
.CulturalSpirit .piclist1 li .txt h3 {
  font-weight: normal;
  color: #333333;
  font-size: 20px;
}
.CulturalSpirit .piclist1 li .txt h3::after {
  content: '';
  display: block;
  width: 20px;
  height: 2px;
  background-color: #0084ff;
  margin: 3% auto;
}
.CulturalSpirit .piclist1 li:hover {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.CulturalSpirit .piclist1 li:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.CulturalSpirit .piclist2 {
  border-top: 1px solid #ebedf2;
  margin-top: 4.4%;
  padding-right: 3%;
}
.CulturalSpirit .piclist2 li {
  width: 50%;
  float: left;
  padding: 3%;
  transition: all 0.5s;
  position: relative;
  background-color: #f9f9f9;
}
.CulturalSpirit .piclist2 li::after {
  position: absolute;
  content: '';
  left: auto;
  right: 0;
  top: 0;
  bottom: auto;
  width: 15.335%;
  padding-top: 15.335%;
  background: url(../images/culture_bg1.jpg) no-repeat center;
  background-size: contain;
}
.CulturalSpirit .piclist2 li::before {
  position: absolute;
  content: '';
  left: auto;
  right: 0;
  top: 0;
  bottom: auto;
  width: 2px;
  height: 100%;
  background-image: -moz-linear-gradient(180deg, #ebedf2, #ebedf2, rgba(0, 0, 0, 0) 85%);
  background-image: -webkit-linear-gradient(180deg, #ebedf2, #ebedf2, rgba(0, 0, 0, 0) 85%);
  background-image: -ms-linear-gradient(180deg, #ebedf2, #ebedf2, rgba(0, 0, 0, 0) 85%);
  background-image: linear-gradient(180deg, #ebedf2, #ebedf2, rgba(0, 0, 0, 0) 85%);
}
.CulturalSpirit .piclist2 li .ytable {
  position: relative;
  z-index: 10;
}
.CulturalSpirit .piclist2 li .ytable_cell {
  vertical-align: top;
}
.CulturalSpirit .piclist2 li .pic {
  width: 125px;
}
.CulturalSpirit .piclist2 li .pic img {
  border-radius: 100px;
  background-color: #fff;
}
.CulturalSpirit .piclist2 li .txt {
  padding-left: 5%;
  line-height: 30px;
}
.CulturalSpirit .piclist2 li .txt h3 {
  font-size: 20px;
  margin-bottom: 2%;
}
.CulturalSpirit .piclist2 li:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
@media (max-width: 1600px) {
  .CulturalSpirit .piclist1 li {
    margin: 0 1.5%;
  }
}
@media (max-width: 640px) {
  .CulturalSpirit .piclist1 li {
    width: 100%;
    margin: 0 0 5%;
    max-width: 100%;
    float: none;
  }
  .CulturalSpirit .piclist2 {
    padding: 0;
    border-top: none;
  }
  .CulturalSpirit .piclist2 li {
    width: 100%;
    margin: 0 0 5%;
    max-width: 100%;
    float: none;
    border-top: 1px solid #ebedf2;
  }
  .CulturalSpirit .piclist2 li .pic {
    width: 90px;
  }
  .CulturalSpirit .piclist2 li .txt {
    line-height: 24px;
  }
  .CulturalSpirit .piclist2 li .txt h3 {
    font-size: 16px;
  }
}
.MissionBox {
  padding: 6% 0;
}
.MissionBox .pic {
  width: 50.334%;
}
.MissionBox .pic img {
  box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.25);
}
.MissionBox .txt {
  padding-right: 10%;
  font-size: 18px;
  line-height: 30px;
}
.MissionBox .txt .ColumnName {
  font-family: 'PangMen';
}
@media (max-width: 640px) {
  .MissionBox .ytable_cell {
    display: block;
    width: 100%;
    margin: 2% 0;
  }
  .MissionBox .txt {
    font-size: 14px;
    line-height: 24px;
  }
}
.ValueBox .ColumnName {
  font-family: 'PangMen';
}
.ValueBox .box_1 {
  padding: 1% 0 4%;
}
.ValueBox .box_1 .pic {
  width: 125px;
}
.ValueBox .box_1 .pic img {
  border-radius: 100px;
  background-color: #fff;
}
.ValueBox .box_1 .txt {
  padding-left: 2%;
  line-height: 30px;
  font-size: 18px;
}
.ValueBox .box_1 .txt h2 {
  font-size: 20px;
  margin-bottom: 0.3%;
}
.ValueBox .box_2 .pic {
  width: 28%;
  text-align: center;
  padding: 3.17% 2%;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.12);
  border: 1px solid #f0f0f0;
}
.ValueBox .box_2 .pic figure {
  width: 141px;
  height: 187px;
  position: relative;
  margin: 0 auto;
}
.ValueBox .box_2 .pic figure svg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.ValueBox .box_2 .pic figure svg image:not(:first-child) {
  cursor: pointer;
  transition: all .3s ease-in-out;
}
.ValueBox .box_2 .pic figure svg image:not(:first-child):hover{
  transform: scale(1.05) translate(-1%, -1%);
}
.ValueBox .box_2 .pic figure svg image.on{transform: scale(1.05) translate(-1%, -1%);}
.ValueBox .box_2 .txt {
  padding-left: 5%;
  line-height: 30px;
}
.ValueBox .box_2 .txt li {
  width: 33.33%;
  float: left;
  padding: 1.5% 3%;
  transition: all 0.5s;
  border: 1px solid transparent;
}
.ValueBox .box_2 .txt li h2 {
  font-size: 20px;
}
.ValueBox .box_2 .txt li.on {
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.1);
  border-color: #f0f0f0;
}
@media (max-width: 640px) {
  .ValueBox .box_1 .pic {
    width: 90px;
  }
  .ValueBox .box_1 .txt {
    line-height: 24px;
    font-size: 14px;
  }
  .ValueBox .box_1 .txt h2 {
    font-size: 16px;
  }
  .ValueBox .box_2 .ytable_cell {
    width: 100%;
    display: block;
    margin: 5% 0;
  }
  .ValueBox .box_2 .txt {
    padding-left: 0;
    line-height: 24px;
  }
  .ValueBox .box_2 .txt li {
    width: 100%;
    float: none;
    margin: 2% 0;
  }
  .ValueBox .box_2 .txt li h2 {
    font-size: 16px;
  }
}
.CharityBox .auto-1500 {
  max-width: 1330px;
}
.CharityBox .fl {
  width: 45%;
  padding-top: 1%;
  line-height: 36px;
}
.CharityBox .fr {
  width: 50%;
}
.CharityBox .fr li {
  padding: 14px 0;
  border-bottom: 1px dotted #bfbfbf;
  line-height: 24px;
}
.CharityBox .fr li:last-child {
  border-bottom: none;
}
.CharityBox .box_2 {
  margin-top: 3.5%;
  border: 1px solid #0084ff;
  background-color: #fee6e6;
  border-radius: 5px;
  padding: 2% 6%;
  font-size: 18px;
  line-height: 30px;
  color: #0084ff;
  position: relative;
}
.CharityBox .box_2 h3 {
  font-size: 20px;
  font-weight: bold;
  position: relative;
}
.CharityBox .box_2 h3::before {
  position: absolute;
  content: '';
  left: auto;
  right: 101.8%;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5%;
  height: 3px;
  background-color: #0084ff;
}
@media (max-width: 640px) {
  .CharityBox .fl,
  .CharityBox .fr {
    width: 100%;
    float: none;
    margin: 2% 0;
  }
  .CharityBox .box_2 {
    font-size: 14px;
    line-height: 24px;
  }
  .CharityBox .box_2 h3 {
    font-size: 16px;
  }
}
.volunteerBox .ColumnName {
  font-family: 'PangMen';
  font-weight: normal;
  font-size: 44px;
  position: relative;
}
.volunteerBox .ColumnName span {
  position: relative;
  z-index: 10;
}
.volunteerBox .ColumnName .num {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  font-family: 'Impact';
  font-size: 14vw;
  z-index: 1;
  line-height: 8vw;
  color: #d7d4b3;
  opacity: 0.22;
}
.volunteerBox .box {
  position: relative;
  z-index: 10;
}
.volunteerBox .box_1 {
  /* max-width: 1200px; */
  margin: 0 auto;
}
.volunteerBox .box_1 .tab_span {
  margin-bottom: 20px;
}
.volunteerBox .box_1 .tab_span span {
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 3px;
  font-size: 24px;
  color: #333333;
  margin-right: 60px;
  position: relative;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.volunteerBox .box_1 .tab_span span::after {
  position: absolute;
  content: '';
  left: auto;
  right: -30px;
  top: auto;
  bottom: 0;
  margin-bottom: 10px;
  width: 1px;
  height: 20px;
  background-color: #eae6b8;
}
.volunteerBox .box_1 .tab_span span i {
  font-style: normal;
  font-size: 18px;
}
.volunteerBox .box_1 .tab_span span:last-child::after {
  display: none;
}
.volunteerBox .box_1 .tab_span span.on {
  color: #0084ff;
  font-size: 40px;
  border-bottom-color: #0084ff;
  padding-bottom: 0;
}
.volunteerBox .box_1 figure {
  width: 100%;
  padding-top: 50%;
  position: relative;
}
.volunteerBox .box_1 figure video {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.volunteerBox .box_1 .tit {
  margin: 2% 0;
}
.volunteerBox .box_2 {
  margin: 4% 0 3%;
}
.volunteerBox .box_2::before {
  position: absolute;
  content: '';
  left: 0;
  right: auto;
  top: 50%;
  bottom: auto;
  width: 100%;
  height: 1px;
  background-color: #f4f0c6;
}
.volunteerBox .box_2 .pic {
  position: relative;
  z-index: 10;
}
.volunteerBox .box_3 li {
  background-color: #fff;
  margin-bottom: 20px;
  max-height: 356px;
}
.volunteerBox .box_3 .ytable {
  height: 100%;
}
.volunteerBox .box_3 .pic {
  margin-left: auto;
  width: 533px;
  position: relative;
}
.volunteerBox .box_3 .pic .slick-dots{position: absolute; width: 100%; left: 0; bottom: 0; z-index: 1; padding-left: 10px;}
.volunteerBox .box_3 .pic .slick-dots li{width: 8px; height: 8px; border-radius: 50%; cursor: pointer; background-color: #fff; display: inline-block; margin: 5px; line-height: 10px;}
.volunteerBox .box_3 .pic .slick-dots li button{display: none;}
.volunteerBox .box_3 .pic .slick-dots li.slick-active{background-color: #0084ff;}
.volunteerBox .box_3 figure {
  width: 100%;
  padding-top: 66.8%;
}
.volunteerBox .box_3 .txt {
  padding: 2% 5%;
}
.volunteerBox .box_3 .tit {
  font-family: 'YouShe';
  font-weight: normal;
}
.volunteerBox .box_3 .text {
  font-size: 18px;
  font-weight: normal;
  margin: 1% 0 2%;
}
.volunteerBox .box_3 .intro,
.volunteerBox .box_3 article {
  margin-bottom: 3.5%;
  line-height: 30px;
}
.volunteerBox .box_3 article {
  display: none;
  overflow: auto;
  max-height: 140px;
  padding-right: 2%;
  /* 设置滚动条的样式 */
  /* 滚动槽 */
  /* 滚动条滑块 */
}
.volunteerBox .box_3 article::-webkit-scrollbar {
  width: 3px;
}
.volunteerBox .box_3 article::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.volunteerBox .box_3 article::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #0084ff;
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
.volunteerBox .box_3 article::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 0, 0, 0.4);
}
.volunteerBox .box_3 .content {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 2%;
}
.volunteerBox .box_3 .more {
  color: #999999;
  display: inline-block;
  cursor: pointer;
}
.volunteerBox .box_3 .more::after {
  content: '>';
  font-family: 'SimSun';
  font-size: 18px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.volunteerBox .box_3 .down::after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-left: 10px;
}
.volunteerBox .box_3 .page {
  text-align: center;
}
.volunteerBox .box_3 .page .slick-arrow {
  position: static;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  display: inline-block;
  margin: 0 10px;
}
.volunteerBox .owlList2{padding-top: 5%;}
.volunteerBox .box_4 .tab_span {
  margin-bottom: 20px;
  position: relative;
  z-index: 10;
}
.volunteerBox .box_4 .tab_span span {
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 3px;
  font-size: 24px;
  color: #333333;
  margin-right: 60px;
  position: relative;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.volunteerBox .box_4 .tab_span span::after {
  position: absolute;
  content: '';
  left: auto;
  right: -30px;
  top: auto;
  bottom: 0;
  margin-bottom: 10px;
  width: 1px;
  height: 20px;
  background-color: #eae6b8;
}
.volunteerBox .box_4 .tab_span span i {
  font-style: normal;
  font-size: 18px;
}
.volunteerBox .box_4 .tab_span span:last-child::after {
  display: none;
}
.volunteerBox .box_4 .tab_span span.on {
  color: #0084ff;
  font-size: 40px;
  border-bottom-color: #0084ff;
  padding-bottom: 0;
}
.volunteerBox .box_4 .tab_list {
  position: relative;
}
.volunteerBox .box_4 .pic {
  float: left;
  width: 79.4%;
  position: relative;
}
.volunteerBox .box_4 .pic figure {
  padding-top: 63.9%;
  position: relative;
}
.volunteerBox .box_4 .pic .tit {
  position: absolute;
  left: 0;
  top: auto;
  right: auto;
  bottom: 0;
  width: 100%;
  line-height: 60px;
  max-width: 635px;
  padding: 0 2%;
  color: #fff;
  font-size: 18px;
  background: url(../images/culture_bg3.png) no-repeat left center;
  background-size: cover;
}
.volunteerBox .box_4 .pic .video_bn {
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 57px;
  height: 57px;
  background: url(../images/video_play1.png) no-repeat center;
  background-size: cover;
}
.volunteerBox .box_4 .pic .video {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-color: #000;
  z-index: 2;
}
.volunteerBox .box_4 .small {
  float: right;
  width: 19.43%;
  position: relative;
}
.volunteerBox .box_4 .small .con {
  position: relative;
  margin: 5px 0;
  cursor: pointer;
}
.volunteerBox .box_4 .small .con .txt {
  position: absolute;
  left: 0;
  top: 50%;
  right: auto;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  opacity: 0;
  color: #fff;
}
.volunteerBox .box_4 .small .con h3 {
  font-size: 18px;
  font-weight: normal;
}
.volunteerBox .box_4 .small .con h4 {
  font-size: 20px;
  font-weight: normal;
}
.volunteerBox .box_4 .small .ul {
  margin: -5px 0;
}
.volunteerBox .box_4 .small figure {
  /*padding-top: 62.4%;*/
  height: 181px;
}
.volunteerBox .box_4 .small figure::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #0084ff;
  opacity: 0;
}
.volunteerBox .box_4 .small .slick-current figure::before {
  opacity: 0.7;
}
.volunteerBox .box_4 .small .slick-current .txt {
  opacity: 1;
}
.volunteerBox .box_4 .small .slick-arrow {
  width: 100%;
  height: 30px;
  left: 0;
  right: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  background-image: none;
}
.volunteerBox .box_4 .small .slick-arrow::before {
  position: absolute;
  content: '';
  left: 50%;
  right: auto;
  top: 50%;
  bottom: auto;
  width: 10px;
  height: 16px;
  transform: translate(-50%, -50%) rotate(90deg);
  background: url(../images/left_icon3.png) no-repeat center;
}
.volunteerBox .box_4 .small .slick-prev {
  top: 0;
}
.volunteerBox .box_4 .small .slick-next {
  top: auto;
  bottom: 0;
}
.volunteerBox .box_4 .small .slick-next::before {
  transform: translate(-50%, -50%) rotate(-90deg);
}
@media (max-width: 1600px) {
  .volunteerBox .box_4 .small figure {
    height: 161px;
  }
}
@media (max-width: 1366px) {
  .volunteerBox .box_4 .small figure {
    height: 157px;
  }
}
@media (max-width: 1200px) {
  .volunteerBox .box_4 .small figure {
    height: 137px;
  }
}
@media (max-width: 1024px) {
  .volunteerBox .ColumnName {
    font-size: 36px;
  }
  .volunteerBox .box_3 .pic {
    width: 100%;
  }
  .volunteerBox .box_4 .small figure {
    height: 116px;
  }
}
@media (max-width: 768px) {
  .volunteerBox .ColumnName {
    font-size: 32px;
  }
  .volunteerBox .box_4 .small .con h3 {
    font-size: 16px;
  }
  .volunteerBox .box_4 .small .con h4 {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .volunteerBox .ColumnName {
    font-size: 28px;
  }
  .volunteerBox .box_1 .tab_span span {
    font-size: 18px;
    margin-right: 30px;
  }
  .volunteerBox .box_1 .tab_span span::after {
    right: -15px;
  }
  .volunteerBox .box_1 .tab_span span.on {
    font-size: 28px;
  }
  .volunteerBox .box_3 .txt {
    padding-left: 3%;
    padding-right: 3%;
  }
  .volunteerBox .box_3 .text {
    font-size: 14px;
  }
  .volunteerBox .box_3 figure {
    height: 100%;
    padding-top: 0;
  }
  .volunteerBox .box_3 .intro,
  .volunteerBox .box_3 article {
    line-height: 20px;
    font-size: 12px;
  }
  .volunteerBox .box_4 .tab_span span {
    font-size: 18px;
    margin-right: 30px;
  }
  .volunteerBox .box_4 .tab_span span::after {
    right: -15px;
  }
  .volunteerBox .box_4 .tab_span span.on {
    font-size: 28px;
  }
  .volunteerBox .box_4 .pic,
  .volunteerBox .box_4 .small {
    width: 100%;
    float: none;
    margin: 3% 0;
  }
  .volunteerBox .box_4 .small .ul {
    margin: 0 -5px;
  }
  .volunteerBox .box_4 .small .con {
    margin: 0 5px;
  }
  .volunteerBox .box_4 .small .con h3 {
    font-size: 14px;
  }
  .volunteerBox .box_4 .small .con h4 {
    font-size: 16px;
  }
  .volunteerBox .box_4 .small .slick-arrow {
    width: 20px;
    height: 100%;
    top: 0;
    bottom: 0;
  }
  .volunteerBox .box_4 .small .slick-arrow::before {
    transform: translate(-50%, -50%) rotate(0);
  }
  .volunteerBox .box_4 .small .slick-prev {
    left: 0;
    right: auto;
  }
  .volunteerBox .box_4 .small .slick-next {
    left: auto;
    right: 0;
  }
  .volunteerBox .box_4 .small .slick-next::before {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  .volunteerBox .box_4 .pic .tit {
    font-size: 16px;
    line-height: 40px;
  }
}

/* 视频弹窗 */

.video-play-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    width: 100%;
    height: 100%;
}
.video-play-wrap .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 84.1%;
    height: 94%;
}
.video-play-wrap .inner video{ width: 100%; height: 100%;}
.video-play-wrap .close-btn {
    background: rgba(30, 30, 30, .6);
    cursor: pointer;
    height: 44px;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px;
    position: absolute;
    right: 0;
    top: 0;
    color: #ccc;
}

.video-play-wrap .close-btn svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}
@media screen and (max-width: 768px) {
	.video-play-wrap { width: 100%; height: 100%;}
}

.down_Year {
  float: right;
  width: 200px;
  position: relative;
  z-index: 10;
  font-size: 18px;
   text-align: left;
}
.down_Year dt {
  width: 100%;
  padding: 0 37px 0 20px;
  background: url(../images/select2.png) no-repeat 90% center;
  border: 2px solid #e6ecf2;
  color: #0084ff;
  line-height: 46px;
  cursor: pointer;
}
.down_Year dd {
  position: absolute;
  left: 0;
  top: 100%;
  right: auto;
  bottom: auto;
  width: 100%;
  line-height: 26px;
  background-color: #fff;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
  display: none;
}
.down_Year dd a {
  color: #0084ff;
  display: block;
  padding: 5px 20px;
 
}
.down_Year dd a:hover {
  background-color: #004ea2;
  color: #fff;
}

.CharityBox  .list{ margin: 2% 0;}
.CharityBox  .list .ul{position: relative; margin: 0 -30px;}
.CharityBox  .list li{ padding: 0 30px;}
.CharityBox .pic{width: 100%; padding-top: 130%; background-size: contain; transition: all .3s ease-in-out;}
.CharityBox .tit{text-align: center; font-size: 18px; line-height: 60px; font-family: 'AlibabaPH';}
.CharityBox  .list .slick-next,
.CharityBox  .list .slick-prev{width: 18px; height: 35px; font-size: 0; border: none; background: none; position: absolute; top: 40%; z-index: 10; cursor: pointer;}
.CharityBox  .list .slick-next{right: -1%; background: url(../images/next_arrow1.png)no-repeat center;}
.CharityBox  .list .slick-prev{left: -1%; background: url(../images/prev_arrow1.png)no-repeat center;}
.CharityBox  .list li:hover .pic3{background-size: 110%;}

.history_news{ padding: 4% 0 2%;}
.history_news .year{position: relative; z-index: 1;}
.history_news .year .slider:after{position: absolute;content: ''; left: 0; top: 38px; width: 100%;height: 8px;border-radius: 4px;
background: rgb(10,103,199); 
background: -moz-linear-gradient(left,  rgba(230,0,0,1) 0%, rgba(248,245,214,1) 100%); 
background: -webkit-linear-gradient(left,  rgba(230,0,0,1) 0%, rgba(248,245,214,1) 100%); 
background: linear-gradient(to right,  rgba(230,0,0,1) 0%, rgba(248,245,214,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084ff', endColorstr='#f9f8dc',GradientType=1 );
}
.history_news .year li{padding-top: 62px; text-align: center;}
.history_news .year li.slick-current{background: url("../images/Timeline003058_add.png") no-repeat center top;}
.history_news .year li span{color: #000;display: inline-block; padding: 0 0.889em; line-height: 1.945em;height: 1.667em;font-family: 'ArialMT'; font-size: 18px;}
.history_news .year li.slick-current span{background-color: #0084ff;border-radius: 10px;color: #fff;}
.history_news .slider-list{margin-top: 2.6vw;position: relative;}
.history_news .slider-list li{padding: 1.405vw 0 2vw 0;}
.history_news .slider-list .inner{background-color: #ffffff;border-radius: 20px;border: solid 1px #e1e8f0; padding: 2.92vw 2.08vw; margin: 0 1.405vw; transition: 0.3s;}
.history_news .slider-list .inner:hover{box-shadow: 0px 0.83vw 1.405vw rgba(4, 43, 131, 0.15); border-color: #fff;}
.history_news .slider-list .inner time{text-align: right;display: block; margin-bottom: 1.2vw;}
.history_news .slider-list .inner time b{font-family: 'Arial';font-size: 30px;line-height: 1.634em;color: #3e3e3e;}
.history_news .slider-list .inner time b:not(:last-child):after{display: inline-block;width: 13px;height: 2px;background-color: #e5e5e5; margin: 0 15px; vertical-align: middle; content: '';}
.history_news .slider-list .inner:hover time b{color: #0084ff;}
.history_news .slider-list .inner:hover time b:not(:last-child):after{background-color: #1e66f0;opacity: 0.32;}
.history_news .slider-list .pic{border-radius: 10px; margin-bottom: 2.2vw;}
.history_news .slider-list .pic img{ width: 100%;}
.history_news .slider-list pre{font-size: 16px;line-height: 1.625em;color: #000;text-align: center; height: 6.5em;}
.history_news .slider-list .auto-1600{ position: relative;}
.history_news .slider-list .btn .slick-arrow{position: absolute; top: 50%;border: solid 4px #8696a9; width: 32px; height: 32px; transform: rotate(45deg); border-right: 0;border-top: 0; border-radius: 4px; background: none;}
.history_news .slider-list .btn .slick-next{transform: rotate(-135deg);}
.history_news .slider-list .btn .slick-arrow:hover{border-color: #0084ff;}
@media(min-width:1601px){
.history_news .slider-list .btn .slick-prev{left: -3.07vw;}
.history_news .slider-list .btn .slick-next{right: -3.07vw;}
.history_news .slider-list .slider{margin: 0 -1.405vw;}
}
@media(max-width:1600px){
.history_news .slider-list .btn .slick-prev{left: 0;}
.history_news .slider-list .btn .slick-next{right: 0;}
.history_news .slider-list .inner{margin: 0 1vw;}
.history_news .slider-list .slider{padding: 0 40px;}
}
@media(max-width:640px){
.history_news .slider-list .pic{margin: 4vw 0;}
.history_news .slider-list .btn .slick-arrow{width: 5vw; height: 5vw;margin-top: -2.5vw;}
.history_news .slider-list .slider{padding: 0 5vw;}
.history_news .slider-list .inner time b{font-size: 5vw;}
.history_news .year:after{bottom: 30px;}
.history_news .year .slider:after{height: 5px;top: 28px;}
.history_news .year li{padding-top: 40px;}
.history_news .year li.aon{background-size: auto 30px;}
.history_news .year li span{font-size: 4vw;}
}
.lifeitem1{ max-width: 1600px; margin: 5% auto 0;}
.lifeitem1 .list{display: flex; flex-direction: row; justify-content: space-between; align-items: stretch;}
.lifeitem1 .fl{ width: 68%;}
.lifeitem1 .fl li figure{ padding-top: 55%;}
.lifeitem1 .fl li p{ display: none;}
.lifeitem1 .fr{ width: 30%;}
.lifeitem1 .fr li{ padding:20px 10px; font-size: 18px; font-weight: bold; margin: 2% 0; box-sizing: border-box;}
.lifeitem1 .fr li.slick-current{ background-color: #0084ff; color: #fff;}
.lifeitem2{ max-width: 1600px; margin: 5% auto 0;}
.lifeitem2 ul{ margin: 0 -20px;}
.lifeitem2 .box{ margin: 20px; background-color: #fff; transition: all 0.5s;}
.lifeitem2 .box figure{ padding-top: 60%;}
.lifeitem2 .txt{ padding: 7%; min-height: 130px;}
.lifeitem2 .txt h3::before{ content: ''; display: block; width: 20px; height: 4px; background-color: #0084ff; margin-bottom: 5%;}
.lifeitem2 .txt h3{ font-size: 20px;}
.lifeitem2 .box:hover{box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);}

.lifeitem1 .slick-prev{right: 0; top: 0; left: auto; transform: translate(0, 0) rotate(90deg); width: 50px; height: 50px;}
.lifeitem1 .slick-next{bottom: 0; top: auto; right: 0; left: auto; transform: translate(0, 0) rotate(90deg); width: 50px; height: 50px;}

@media(max-width:1024px){
	.lifeitem1 .fr li{ font-size: 16px;padding: 10px; margin: 1% 0;}
}
@media(max-width:768px){
	.colorful_workplace .title{ font-size: 30px;}
	.lifeitem1 .fl{ width: 100%; float: none;}
	.lifeitem1 .fl li p{ display: block; position: absolute; left: 0; bottom: 0; padding: 2%; color: #fff; width: 100%; background: url(../images/culture_bg3.png) no-repeat left center; background-size: cover;}
	.lifeitem1 .fr{ display: none;}
	.lifeitem2 ul{ margin-left: 0; margin-right: 0; padding: 10px;}
	.lifeitem2 .box{ margin: 10px;}
	.lifeitem2 .slick-prev{ left: -3%;}
	.lifeitem2 .slick-next{ right: -3%;}
}
@media(max-width:640px){
	.lifeitem1,
	.lifeitem2{ margin-top: 10%;}
	.colorful_workplace .title{ font-size: 20px;}
	.lifeitem2 .txt{ min-height: auto;}
	.lifeitem2 .txt h3{ font-size: 16px;}
}



/* 产品弹窗 */
.popup{
  position: fixed;
  width: 100%;
  height: 100%;
  background: #0000005e;
  display: none;
  z-index: 999;
  top: 0;
  left: 0;
}
.popup .tanchuang{
  width: 60%;
  height: 100%;
  display: flex;
  align-items: center;
  margin: auto;
}
.popup .tanchuang .div{
  background: white;
  padding: 4vw;
  display: flex;
  width: 100%;
  align-items: center;
}
.popup .tanchuang .div .ul_1{
  width: 15%;
  height: 100%;
}
.popup .tanchuang .div .ul_2{
  width: 40%;
  height: 100%;
}
.popup .tanchuang .div .ul_3{
  width: 45%;
}
.popup .tanchuang .div .ul_3 li:nth-child(1){
  color: #141620;
  padding-bottom: 0.3em;
  font-weight: bold;
  line-height: 1.3em;
}
.popup .tanchuang .div .ul_3 li:nth-child(2){
  color: #888;
  padding-bottom: 10px;
}
.popup .tanchuang .div .ul_3 li:nth-child(3){
  line-height: 1.7em;
  color: #646464;
  padding-bottom: 2em;
  min-height: 6.5em;
}
.popup .ul_1 .slick-slide{
  border: 1px solid #ff000000;
}
.popup .ul_1 .slick-current{
  border: 1px solid #ff0000;
}
.popup button{
  width: 100px;
  padding: 5px 0;
  border: 0;
  background: #0084ff;
  color: #ffff;
}

@media(max-width:1344px){
  .popup .tanchuang{
    width: 90%;
  }
}
@media(max-width:768px){
  .popup .tanchuang .div ul{
    width: 100% !important;
  }
  .popup .tanchuang .div{
    display: block;
  }
}