﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#767676; font-size:.875rem /* 14/16 */; font-family: "PingFang SC", "å¾®è½¯é›…é»‘", " ", "Helvetica Neue", Helvetica,  "Hiragino Sans GB",  Arial, sans-serif; }
td,th,caption { font-size:.875rem /* 14/16 */; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
a { color:#555; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:.875rem /* 14/16 */ Verdana,Helvetica,Arial,sans-serif, ; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }



@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1567423458949'); /* IE9 */
  src: url('iconfont.eot?t=1567423458949#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('iconfont.woff?t=1567423458949') format('woff'),
  url('iconfont.ttf?t=1567423458949') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1567423458949#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-caidan:before {
  content: "\e790";
}

.icon-fangdajing:before {
  content: "\e637";
}

.icon-pdf:before {
  content: "\e639";
}

.icon-dayin:before {
  content: "\e6e7";
}

.icon-xiajiantou-cu:before {
  content: "\e615";
}

.icon-tubiaozhizuo-:before {
  content: "\e610";
}

.icon-close:before {
  content: "\e664";
}

.icon-quanjing:before {
  content: "\e63b";
}

.icon-jiantou_you:before {
  content: "\e871";
}

.icon-jiantou_zuo:before {
  content: "\e872";
}


html,body{
  height: 100%;
  box-sizing: border-box;
}
body{
  padding-top: 110px;
  min-width: 1240px;
}

/* è½®æ’­å›¾ */
.swiper{
  width:100%;
  height:95%;
  min-height: 575px;
  background: #000;
  position: relative;
  overflow: hidden;
}
.swiper .swiper-pic{
  width:100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.swiper .swiper-pic a{
  display: block;
  width:100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
  z-index: 2;
}
.swiper .swiper-pic img{
  display: block;
  width:100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  opacity: .8;
  vertical-align: middle;
  -ms-interpolation-mode:bicubic;
}
.title-wrapper{
  width: 1200px;
  margin: 0 auto;
  height: 100%;
  position: relative;
  height: 100%;
}
.swiper .swiper-pic .swiper-title{
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7.5625rem ;
  width: 1200px;
  margin: -150px auto 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
}
.swiper .swiper-pic .swiper-title .title-category{
  font-size: 1.125rem /* 18/16 */;
  color:#fff;
  font-weight: bold;
  padding-bottom: .9375rem /* 15/16 */;
}
.swiper .swiper-pic .swiper-title .title-content{
  width:43.75rem /* 700/16 */;
  font-size: 2.8125rem /* 45/16 */;
  line-height: 4.375rem /* 70/16 */ ;
  color:#fff;
}
.swiper .swiper-pic .swiper-title .learnmore{
  color:#fff;
  opacity: 0;
  font-size: .875rem /* 14/16 */;
  transform: translate(-2.5rem /* 40/16 */,0rem /* 0/16 */);
  padding-top: .9375rem /* 15/16 */;
}
.swiper .swiper-pic .swiper-title .learnmore > span{
  vertical-align: middle;
}
.swiper .swiper-pic .swiper-title .learnmore > .arrow{
  display: inline-block;
  margin-left: .3125rem /* 5/16 */;
  font-size: 1.875rem /* 30/16 */;
  font-weight: bold;
  width:2.875rem /* 30/16 */;
  height: 14px;
  transition: all .5s;
  background: url('../images/title-arrow.png') no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}
.swiper .swiper-pic .swiper-title:hover .learnmore > .arrow{
  margin-left: .9375rem /* 15/16 */;
}
.swiper-switch{
  width:100%;
  padding: 0 1.25rem /* 20/16 */ 3rem /* 48/16 */;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  color:#fff;
  font-size: 1.125rem /* 18/16 */;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
}
.swiper-switch .swiper-switch-items{
  width:1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  color:#fff;
  font-weight: bold;
}
.swiper-switch .swiper-switch-items .switch-item{
  line-height: 1.125rem /* 18/16 */;
  padding-top: 2.5rem /* 40/16 */;
  position: relative;
  opacity: .5;
  transition: all .5s;
  cursor: pointer;
}
.swiper-switch .swiper-switch-items .switch-item:hover{
  opacity: 1;
}
.switch-item-hover{
  opacity: 1 !important;
}
.swiper-switch .swiper-switch-items .switch-item span{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: .375rem /* 6/16 */;
  background: #c00;
  transition: width 5.5s linear;
}

.scroll-indicator{
  -webkit-animation: scrollindicator 2s 5;
  animation: scrollindicator 2s 5;
  bottom: 1rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  display: block;
  bottom: 2.5rem;
  right: 1.5rem;
  left: auto;
  z-index: 3;
}
.scroll-text{
  color: #fff;
  display: block;
  font-family: "Graphik",Helvetica,sans-serif;
  font-size: .8125rem;
  margin-bottom: .5rem;
  opacity: 0.7;
}
.down-arrow{
  color: #fff;
  display: block;
  font-size: 1.38rem;
  height: 2.5rem;
  line-height: 2.5rem;
  opacity: 0.9;
  text-align: center;
  width: 2.5rem;
  border: .0625rem /* 1/16 */ solid #fff;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 auto;
}
/* å¯¼èˆª */
.navbar{
  width: 100%;
  position: fixed;
  top:0;
  left: 0;
  z-index: 10;
  transition: all .5s;
  border-bottom: .0625rem /* 1/16 */ solid rgba(255,255,255,0.2);
}
.navbar-home{
  background: #fff;
}
.navbar-home.navbar{
  border-bottom: .0625rem /* 1/16 */ solid #D8D8D8;
}
.navbar .navbar-top{
  width: 100%;
  border-bottom: .0625rem /* 1/16 */ solid transparent;
}
.navbar-home.navbar .navbar-top{
  border-bottom: .0625rem /* 1/16 */ solid #ccc;
}
.navbar .navbar-top .navbar-top-container{
  width: 1240px ;
  margin: 0 auto;
  height: 2.5rem /* 40/16 */;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  box-sizing: border-box;
}
.navbar .navbar-top .navbar-top-container .navbar-top-left{
  padding: .625rem /* 10/16 */ 0;
  margin-left: -20px;
}
.navbar .navbar-top .navbar-top-container .navbar-top-left ul{
  display: flex;
  list-style: none;
  justify-content: flex-start;
}
.navbar .navbar-top .navbar-top-container .navbar-top-left ul li{
  padding: 0 1.25rem /* 20/16 */;
  font-size: .75rem /* 12/16 */;
  height: 1.25rem /* 20/16 */;
  line-height: 1.25rem /* 20/16 */;
  border-right: .0625rem /* 1/16 */ solid #ccc;
}
.navbar .navbar-top .navbar-top-container .navbar-top-left ul li:last-child{
  border-right: none;
}
.navbar .navbar-top .navbar-top-container .navbar-top-left ul li > a{
  font-size: .75rem /* 12/16 */;
  font-weight: bold;
  color: #fff;
}
.navbar-home.navbar .navbar-top .navbar-top-container .navbar-top-left ul li > a{
  color:#767676;
}
.navbar .navbar-top .navbar-top-container .navbar-top-left ul li > a:hover{
  color:#c00;
}
.navbar .navbar-top .navbar-top-container .navbar-top-right{
  padding: .625rem /* 10/16 */ 0;
}
.navbar .navbar-top .navbar-top-container .navbar-top-right > a{
  display: block;
  line-height: 1.25rem /* 20/16 */;
  font-size: .75rem /* 12/16 */;
  color:#fff;
  font-weight: bold;
}
.navbar-home.navbar .navbar-top .navbar-top-container .navbar-top-right > a{
  color: #767676;
}
.navbar .navbar-nav{
  width: 100%;
  position: relative;
}
.navbar .navbar-nav .navbar-nav-container{
  width:1240px;
  height: 4.375rem /* 70/16 */;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  align-items: center;
  position: relative;
  box-sizing: border-box;
}
.navbar .navbar-nav .navbar-nav-container .nav-left{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  height: 100%;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .logo{
  height: 3.375rem /* 22/16 */;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .logo.show-white{
  display: block;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .logo.show-red{
  display: none;
}
.navbar-home.navbar .navbar-nav .navbar-nav-container .nav-left .logo.show-white{
  display: none;
}
.navbar-home.navbar .navbar-nav .navbar-nav-container .nav-left .logo.show-red{
  display: block;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .logo img{
  height: 100%;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .nav{
  padding-left: 1.25rem /* 20/16 */;
  height: 100%;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .nav > ul{
  display: flex;
  justify-content: flex-start;
  height: 100%;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .nav > ul > li{
  height: 100%;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .nav > ul > li a{
  color: #fff;
  font-weight: bold;
  transition: color .3s;
  display: block;
  padding:0 1.25rem /* 20/16 */;
  line-height: 70px;
  font-size: 16px;
  height: 100%;
}
.navbar-home.navbar .navbar-nav .navbar-nav-container .nav-left .nav > ul > li a{
  color:#000;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .nav > ul > li a:hover{
  color: #c00;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .nav-content{
  width:1280px;
  position: absolute;
  top: 70px;
  left: -40px;
  background: #fff;
  display: none;
  z-index: 11;
  border: 1px solid #d8d8d8;
  border-top: 1px solid #fff;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .nav-content .nav-content-item .content-title{
  font-size: 1.125rem /* 18/16 */;
  font-weight: bold;
  padding: 20px 40px;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .nav-content .nav-content-item .content-list{
  width: 100%;
  box-sizing: border-box;
  padding: 0 1.875rem /* 30/16 */ 1.875rem /* 30/16 */ 1.875rem /* 30/16 */;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .nav-content .nav-content-item .content-list ul{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .nav-content .nav-content-item .content-list ul li{
  padding: .625rem /* 10/16 */;
  width: 100%;
  box-sizing: border-box;
  display: flex;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .nav-content .nav-content-item .content-list ul li a{
  font-size: 16px;
  color:#000;
  text-decoration: none;
   width:25%;
  box-sizing: border-box;
  margin-bottom: 16px;
  display: block;
  transition: color .3s;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .nav-content .nav-content-item .content-list ul li a:hover{
  color: #c00;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .nav-content .nav-content-item{
  display: none;
}
.navbar .navbar-nav .navbar-nav-container .nav-left .nav-content .nav-content-item.show-menu{
  display: block;
}

.navbar .navbar-nav .navbar-nav-container .nav-right .search-btn{
  font-size: .875rem /* 14/16 */;
  color: #fff;
  cursor: pointer;
  transition: all .3s;
}

.navbar-home.navbar .navbar-nav .navbar-nav-container .nav-right .search-btn{
  color: #767676;
}
.navbar .navbar-nav .navbar-nav-container .nav-right .search-btn:hover{
  color: #c00;
}
.navbar .navbar-nav .navbar-nav-container .nav-right .search-btn span{
  margin-right: .625rem /* 10/16 */;
  vertical-align: middle;
}
.navbar .navbar-nav .navbar-nav-container .nav-right .search-btn .search-icon{
  font-size: 1.5rem /* 24/16 */;
  vertical-align: middle;
}
.navbar .navbar-nav .search-bar{
  height: 4.375rem /* 70/16 */;
  width: 1010px;
  position: absolute;
  background: #fff;
  top: 0;
  right: -120%;
  padding-left: 6.25rem /* 100/16 */;
  padding-right: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
}
.navbar .navbar-nav .search-bar form{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.navbar .navbar-nav .search-bar .search-icon{
  font-size: 1.5rem /* 24/16 */;
  color: #767676;
  margin-right: .9375rem /* 15/16 */;
  transition: all .5s;
}
.navbar .navbar-nav .search-bar input{
  border: none;
  width:761px;
  height: 3.125rem /* 50/16 */;
  padding: .625rem /* 10/16 */;
  font-size: .875rem /* 14/16 */;
  margin-right: 1.25rem /* 20/16 */;
  outline:none;
}
.navbar .navbar-nav .search-bar .icon-close{
  font-size: 1.25rem /* 20/16 */;
  color: #767676;
  cursor: pointer;
  transition: color .5s;
}
.navbar .navbar-nav .search-bar .icon-close:hover{
  color: #c00;
}

/* banner */
.banner{
  width: 100%;
  height: 343px;
}
.banner img{
  width:100% !important;
  height: 100% !important;
  object-fit: cover;
}


/* footer */
.footer{
  width:100%;
  box-sizing: border-box;
  background: #000;
}
.footer .footer-container{
  box-sizing: border-box;
  width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}
.footer .footer-top{
  width:100%;
  height: 80px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #333;
}
.footer .footer-top .footer-logo a{
  display: block;
  height: 60px;
}
.footer .footer-top .footer-logo img{
  width: 208px;
  height: 100%;
}
.footer .footer-top .footer-links ul{
  display: flex;
  justify-content: flex-start;
}
.footer .footer-top .footer-links ul li{
  color: #fff;
  margin-right: 20px;
  line-height: 32px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer .footer-top .footer-links ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 24px;
}
.footer .footer-top .footer-links ul li a img{
  display: block;
}
.footer .footer-top .footer-links ul li:hover > .contact_qrcode{
  display: block;
  opacity: 1;
}
.footer .footer-top .footer-links ul li .contact_qrcode{
  width: 178px;
  height: 178px;
  position: absolute;
  bottom: 41px;
  left: -50%;
  margin-left: -64px;
  display: none;
  opacity: 0;
  transition: all .5s;
}
.footer .footer-top .footer-links ul li a{
  display: block;
  color: #fff;
  line-height: 24px;
}
.footer .footer-top .footer-links ul li a img{
  width: 24px;
  height: 24px;
}
.footer .footer-copyright{
  width:100%;
  color: #fff;
  font-size: 12px;
  line-height: 40px;
  box-sizing: border-box;
}
.footer .footer-copyright a{
  color: #fff;
}





/* ä¸»å®¹å™¨ */
.wrapper{
  width:1280px;
  padding: 0 40px;
  box-sizing: border-box;
  margin: 0 auto 60px;
}
.wrapper .container{
  padding: 0 20px;
  box-sizing: border-box;
  margin-left: -20px;
  margin-right: -20px;
}
.wrapper .news .news-heading{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 3.75rem;
  margin-bottom: 2.5rem;
}
.wrapper .news .news-heading::before,.news .news-heading::after{
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  content: '';
  display: block;
  border-top: 1px solid #D8D8D8;
  box-sizing: border-box;
}
.wrapper .news .news-heading h3{
  display: block;
  max-width: 80%;
  text-align: center;
  padding: 0 1.5rem;
  font-size: 2rem;
  line-height: 1.375;
  font-weight: 500;
  color: #000;
}
.wrapper .news .news-content{
  margin-bottom: 4.5rem;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-left: -20px;
  margin-right: -20px;
  width: 1240px;
}
.wrapper .news .news-card{
  width: 50%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 40px;
}
.wrapper .news .news-card:nth-child(odd){
  border-right:1px solid #D8D8D8;
}
.wrapper .news .news-card .card-wrapper{
  position: relative;
  padding-bottom: 1rem;
  line-height: 1.44;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
  word-wrap: break-word;
  box-sizing: border-box;
}
.wrapper .news .news-card .card-wrapper .card-img{
  position: relative;
  margin-bottom: 1rem;
  width: 100%;
  box-sizing: border-box;
}
.wrapper .news.books .news-card .card-wrapper .card-img{
  border: 1px solid #d8d8d8;
  padding: 10px;
}
.wrapper .news .news-card .card-wrapper .card-img .card-img_wrap{
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  box-sizing: border-box;
}
.wrapper .news .news-card .card-wrapper .card-img .card-img_wrap img{
  z-index: -1;
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.wrapper .news .news-card .card-wrapper .card-content-container{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.wrapper .news .news-card .card-wrapper .card-content-container a{
  border-bottom: 0;
  line-height: 1.44;
  color:#000;
}
.wrapper .news .news-card .card-wrapper .card-content-container .card-content .card__tag{
  color: #c00;
  display: block;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: .8125rem /* 13/16 */;
  font-weight: 500;
}
.wrapper .news .news-card .card-wrapper .card-content-container .card-content h5{
  font-size: 1.125rem /* 18/16 */;
  line-height: 1.222;
  font-weight: 600;
  transition: color .3s;
}
.wrapper .news .news-card .card-wrapper .card-content-container .card-content h5:hover{
  color:#c00;
}
.wrapper .news .news-card .card-wrapper .card-content-container .card-content .card__desc{
  font-size: .9375rem /* 15/16 */;
  margin-top: .75rem;
  margin-bottom: 1rem;
  transition: color .3s;
}
.wrapper .news .news-card .card-wrapper .card-content-container .card-content .card__desc:hover{
  color: #c00;
}
.wrapper .news .news-card .card-wrapper .card-content-container .card-footer{
  color: #767676;
  font-weight: 500;
  font-family: "Graphik",Helvetica,sans-serif;
  font-size: .8125rem;
  width: 100%;
  box-sizing: border-box;
  align-self: flex-end;
  position: absolute;
  bottom: .5rem;
  left:0;
}
.wrapper .news .news-seemore{
  width:100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  margin-top:-40px;
}
.wrapper .news .news-seemore .seemore-btn{
  border: 1px solid #D8D8D8;
  background: #fff;
  color: #c00;
  cursor: pointer;
  display: inline-block;
  font-family: "Graphik",Helvetica,sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 1.25rem 60px;
  text-align: center;
  text-transform: uppercase;
  transition: all 200ms;
  width: auto;
  box-sizing: border-box;
}
.wrapper .news .news-seemore .seemore-btn:hover{
  border: 1px solid #D8D8D8;
  background: #c00;
  color: #fff;
}

/* é¦–é¡µèŒä½ */
.home-careers{
  height: 650px;
  width: 100%;
  background-size: cover;
  background-color: #000;
  position: relative;
}
.home-careers picture{
  width:100%;
  height: 100%;
}
.home-careers img{
  width:100%;
  height: 100%;
  object-fit: cover;
  opacity: .8;
}
.home-careers .careers-wrapper{
  width:100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.home-careers .careers-wrapper .careers-card-content{
  width:1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.home-careers .careers-wrapper .careers-card{
  width: 542px;
  padding: 0 20px 68px;
  box-sizing: border-box;
}
.home-careers .careers-wrapper .careers-card .card-tag{
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 24px 0;
}
.home-careers .careers-wrapper .careers-card .card-title{
  font-size: 60px;
  line-height: 72px;
  color:#fff;
  margin-bottom: 24px;
  font-weight: bold;
}
.home-careers .careers-wrapper .careers-card .card-btn{
  cursor: pointer;
  display: inline-block;
  font-family: "Graphik",Helvetica,sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 1.25rem 4rem;
  text-align: center;
  text-transform: uppercase;
  transition: all 200ms;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.home-careers .careers-wrapper .careers-card a{
  display: block;
}
.home-careers .careers-wrapper .careers-card a:hover > .card-btn{
  background: #9d1b22;
  border: 1px solid #9d1b22;
}


/* è´æ©è§‚ç‚¹/è¡Œä¸šã€ä¸“ä¸šèƒ½åŠ›è¯¦æƒ…/å…³äºŽæˆ‘ä»¬ å…¬ç”¨æ ·å¼ */
.insights.wrapper{
  width: 1280px;
  margin: 60px auto;
  box-sizing: border-box;
}
.insights.wrapper .container{
  display: flex;
  justify-content: flex-start;
}
.insights.wrapper .wrapper-left{
  min-width:200px;
  box-sizing: border-box;
}
.insights.wrapper .wrapper-left .left-nav{
  width: 100%;
  box-sizing: border-box;
}
.insights.wrapper .wrapper-left .left-nav ul{
  width: 100%;
  box-sizing: border-box;
}
.insights.wrapper .wrapper-left .left-nav ul li{
  margin-bottom: 15px;
  width:100%;
  box-sizing: border-box;
}
.insights.wrapper .wrapper-left .left-nav ul li a{
  font-size: 15px;
  color: #767676;
  transition: color .3s;
}
.insights.wrapper .wrapper-left .left-nav ul li a:hover{
  color:#c00;
}
.insights.wrapper .wrapper-left .left-nav ul li a.current{
  color:#c00;
}
.insights.wrapper .wrapper-right{
  box-sizing: border-box;
  width: 950px;
}
.insights.wrapper .wrapper-right .module-content .module-title{
  padding-bottom: 20px;
}
.insights.wrapper .wrapper-right .module-content .module-title h3{
  font-size: 24px;
  color: #000;
  font-weight: 600;
}
.insights.wrapper .wrapper-right .module-content .module-desc{
  box-sizing: border-box;
}
.insights.wrapper .wrapper-right .module-content .module-desc p{
  box-sizing: border-box;
  font-size: 16px;
  color: #333;
  line-height: 30px;
  margin-bottom: 20px;
}
.insights.wrapper .wrapper-right .news-heading h3{
  font-size: 24px;
  color: #000;
  font-weight: 600;
}
.insights.wrapper .wrapper-right .news .news-content{
  width: auto;
}
.insights.wrapper .wrapper-right.insights .news-heading{
  margin-top:0;
}
.insights.wrapper .wrapper-right.insights .news-heading::before,.insights.wrapper .wrapper-right.insights .news-heading::after{
  display: none;
}
.insights.wrapper .wrapper-right.insights .news-heading h3{
  padding: 0;
}
.insights.wrapper .wrapper-right.insights .media-list{
  margin-bottom: 60px;
}
.insights.wrapper .wrapper-right.insights .media-list ul li{
  /* padding: 30px 0; */
  border-bottom: 1px solid #d8d8d8;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.insights.wrapper .wrapper-right.insights .media-list ul li .list-left{
  width:150px;
  flex:1;
  margin-right: 42px;
  padding-left: 5px;
}
.insights.wrapper .wrapper-right.insights .media-list ul li .list-left .list-category{
  margin-bottom: 10px;
}
.insights.wrapper .wrapper-right.insights .media-list ul li .list-left .list-category a{
  color: #c00;
  font-size: 14px;
}
.insights.wrapper .wrapper-right.insights .media-list ul li .list-left .list-date{
  font-size: 16px;
  color: #999;
}

.insights.wrapper .wrapper-right.insights .media-list ul li .list-right{
  width: 758px;
}
.insights.wrapper .wrapper-right.insights .media-list ul li .list-right .list-title {
  margin-bottom: 16px;
}
.insights.wrapper .wrapper-right.insights .media-list ul li .list-right .list-title h3{
  font-size: 16px;
  color: #000;
  font-weight: 600;
  transition: color .3s;
}
.insights.wrapper .wrapper-right.insights .media-list ul li .list-right .list-title h3:hover{
  color:#c00;
}
.insights.wrapper .wrapper-right.insights .media-list ul li .list-right .list-desc p{
  font-size: 14px;
  color:#999;
  line-height: 28px;
  transition: color .3s;
}
.insights.wrapper .wrapper-right.insights .media-list ul li .list-right .list-desc p:hover{
  color:#c00;
}

.insights.wrapper .wrapper-right.insights .books-content{
  width:100%;
}
.insights.wrapper .wrapper-right.insights .books-content .book-list ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
  border-left: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
}
.insights.wrapper .wrapper-right.insights .books-content .book-list ul li{
  width: 33.3%;
  box-sizing: border-box;
  padding:25px;
  border-bottom: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.insights.wrapper .wrapper-right.insights .books-content .book-list ul li .img{
  width:100%;
  height:145px;
  margin-bottom: 20px;
}
.insights.wrapper .wrapper-right.insights .books-content .book-list ul li .img img{
  width:100%;
  height: 100%;
}
.insights.wrapper .wrapper-right.insights .books-content .book-list ul li .title{
  margin-bottom: 20px;
}
.insights.wrapper .wrapper-right.insights .books-content .book-list ul li .title h3{
  font-size: 21px;
  color: #000;
  line-height: 1.333;
  font-weight: bold;
}
.insights.wrapper .wrapper-right.insights .books-content .book-list ul li .desc{
  margin-bottom: 20px;
}
.insights.wrapper .wrapper-right.insights .books-content .book-list ul li .desc p{
  font-size: 1rem;
  line-height: 1.44;
  color: #424242;
}
.insights.wrapper .wrapper-right.insights .books-content .book-list ul li .seemore{
  margin-top: 15px;
  align-self: flex-end;
}
.insights.wrapper .wrapper-right.insights .books-content .book-list ul li .seemore a,
.careers .position .seemore a,
.careers .join-in .seemore a,
.careers .careers-category .category-list .seemore a{
  font-size: 16px;
  color: #c00;
}
.insights.wrapper .wrapper-right.insights .books-content .book-list ul li .seemore .book__seemore-arrow,
.careers .position .seemore .book__seemore-arrow,
.careers .join-in .seemore .book__seemore-arrow,
.careers .careers-category .category-list .seemore .book__seemore-arrow{
  transition: all .3s;
  transform: translate(0,0);
  display: inline-block;
}
.insights.wrapper .wrapper-right.insights .books-content .book-list ul li .seemore a:hover > .book__seemore-arrow,
.careers .position .seemore a:hover > .book__seemore-arrow,
.careers .join-in .seemore a:hover > .book__seemore-arrow,
.careers .careers-category .category-list .seemore a:hover > .book__seemore-arrow{
  transform: translate(5px,0);
}



/* è§‚ç‚¹/æ–‡ç« /æŠ¥é“è¯¦æƒ… */

.wrapper-right.insights .detail-top{
  display: flex;
  justify-content: space-between;
  width:100%;
  align-items: center;
  margin-top: -16px;
}
.wrapper-right.insights .detail-top .category{
  font-size: 14px;
  color: #c00;
}
.wrapper-right .share .action-links .action-links__item{
  display: inline-block;
  margin-right: .5rem;
  position: relative;
}
.wrapper-right .share .action-links .action-links__item .list{
  width: 90px;
  box-sizing: border-box;
  padding: 10px 15px;
  border: 1px solid #d8d8d8;
  position: absolute;
  top: 60px;
  left: -50%;
  margin-left: 6px;
  background: #fff;
  z-index: 3;
  display: none;
  box-shadow: 0 2px 7px 0 rgba(0,0,0,0.07);
}
.wrapper-right .share .action-links .action-links__item .list.sharelist{
  width:120px;
  margin-left: -10px;
}
.wrapper-right .share .action-links .action-links__item .list.sharelist ul li{
  text-align: left;
}
.wrapper-right .share .action-links .action-links__item .list.sharelist img{
  width:18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
}
.wrapper-right .share .action-links .action-links__item .list ul{
  width:100%;
  box-sizing: border-box;
}
.wrapper-right .share .action-links .action-links__item .list ul li{
  width:100%;
  color: #767676;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
}
.wrapper-right .share .action-links .action-links__item .list ul li a{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.wrapper-right .share .action-links .action-links__item .list ul li a:hover{
  color:#c00;
}
.wrapper-right .share .action-links .action-links__item .action-links__link{
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #D8D8D8;
  border-radius: 100%;
  color: #767676;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 3rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 3rem;
  transition: all .2s;
}
.wrapper-right .share .action-links .action-links__item .action-links__link:hover{
  border: 1px solid #c00;
}
.wrapper-right .share .action-links .action-links__item .action-links__link:hover i{
  color: #c00;
}
.wrapper-right .share .action-links .action-links__item .action-links__link i{
  transition: color 200ms;
  font-size: 30px;
}
    /* å¾®ä¿¡åˆ†äº«äºŒç»´ç å¼¹çª— */
.wechat_dialog{
  width: 150px;
  height: 180px;
  position: fixed;
  top:50%;
  left: 50%;
  margin-top: -90px;
  margin-left: -75px;
  z-index: 30;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 5px rgba(0,0,0,.3);
  display: none;
}
.wechat_dialog .title{
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}
.wechat_dialog .title .close{
  cursor: pointer;
}
.wechat_dialog .img{
  width: 100%;
  height: 150px;
}
.wechat_dialog .img img{
  width: 100%;
  height: 100%;
}




/* è§‚ç‚¹/æŠ¥é“ å†…å®¹è¯¦æƒ… */
.detail-content{
  margin-top: 40px;
}
.detail-content .content-title{
  margin-bottom: 15px;
}
.detail-content .content-title h3{
  font-size: 24px;
  color: #000;
  font-weight: bold;
}
.detail-content .content-info{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.detail-content .content-info div{
  margin-right: 5px;
}
.detail-content .content-info .category a{
  color: #767676;
}
.detail-content .content{
  font-size: 18px;
  margin-top: 50px;
  padding-bottom: 30px;
  line-height: 34px;
}
.detail-content .content a:hover{
  color:#c00;
}
.detail-content .content img{
  text-align: center;
  display: block;
  margin: 15px auto;
  max-width: 60%;
}

/* Bain Insights - Hyperlocal */
.insights.wrapper .wrapper-right .module-hl .module-hl__btns{
  display: flex;
  justify-content: center;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(255,255,255,.6);
  transition: all .3s;
}
.insights.wrapper .wrapper-right .module-hl .module-hl__btns.fixed{
  width: 100%;
  border-bottom: 1px solid #ccc;
  position: fixed;
  top:112px;
  left: 0;
}
.insights.wrapper .wrapper-right .module-hl .module-hl__btns.fixed ul{
  border: none;
  width: 1240px;
  padding-left: 150px;
}
.insights.wrapper .wrapper-right .module-hl .module-hl__btns ul{
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #ccc;
  width: 100%;
  max-width: 1200px;
}
.insights.wrapper .wrapper-right .module-hl .module-hl__btns ul li{
  height: 40px;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  color: #ccc;
  cursor: pointer;
  margin-right: 20px;
  transition: all .3s;
  position: relative;
  margin-right: 50px;
}
.insights.wrapper .wrapper-right .module-hl .module-hl__btns ul li.ontab::after,
.insights.wrapper .wrapper-right .module-hl .module-hl__btns ul li:hover::after{
  content: '';
  width: 100%;
  height: 2px;
  background-color: #c00;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.insights.wrapper .wrapper-right .module-hl .module-hl__btns ul li:hover,
.insights.wrapper .wrapper-right .module-hl .module-hl__btns ul li.ontab{
  color:#c00;
}
.insights.wrapper .wrapper-right .module-hl .module-hl__content{
  margin-top: 40px;
}
.insights.wrapper .wrapper-right .module-hl .module-hl__content .module-hl__content-box{
  display: flex;
  flex-wrap: wrap;
}
.insights.wrapper .wrapper-right .module-hl .module-hl__content .module-hl__content-img{
  margin-bottom: 20px;
  width: 50%;
  display: block;
}
.insights.wrapper .wrapper-right .module-hl .module-hl__content .module-hl__copyright{
  color: #999;
  text-align: center;
}

/* è¡Œä¸š/ä¸“ä¸šèƒ½åŠ› */
.wrapper.industry .container .industry-top{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding-top: 50px;
}
.wrapper.industry .container .industry-top .top-title{
  min-width: 480px;
}
.wrapper.industry .container .industry-top .top-title h3{
  color: #000;
  font-size: 36px;
  line-height: 38px;
}
.wrapper.industry .container .industry-top .top-desc{
  font-size: 16px;
  line-height: 30px;
  color:#333;
}
.wrapper.industry .container .industry-category{
  width:100%;
}
.wrapper.industry .container .industry-category .category-title{
  margin-bottom: 60px;
}
.wrapper.industry .container .industry-category .category-title h3{
  font-size: 24px;
}
.wrapper.industry .container .industry-category .category-title .desc{
  text-align: center;
  color:#999;
  font-size: 16px;
  line-height: 30px;
  margin-top: -30px;
}
.wrapper.industry .container .industry-category .category-list ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.wrapper.industry .container .industry-category .category-list ul li{
  width:360px;
  height: 168px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 20px;
}
.wrapper.industry .container .industry-category .category-list ul li:nth-child(3n-1){
  margin: 0 60px;
}
.wrapper.industry .container .industry-category .category-list ul li .title{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrapper.industry .container .industry-category .category-list ul li .title h3{
  font-size: 20px;
  line-height: 60px;
  color:#000;
  transition: color .3s;
}
.wrapper.industry .container .industry-category .category-list ul li .title:hover > h3{
  color: #c00;
}
.wrapper.industry .container .industry-category .category-list ul li .title span{
  color: #c00;
}
.wrapper.industry .container .industry-category .category-list ul li .desc{
  font-size: 16px;
  line-height: 30px;
  color:#999;
}

/* è¡Œä¸šè¯¦æƒ…/ä¸“ä¸šè¯¦æƒ… */
.wrapper.industry .container .wrapper-right .detail{
  margin-top: 80px;
}
.wrapper.industry .container .wrapper-right .detail .slideTxtBox .hd{
  margin-bottom: 20px;
}
.wrapper.industry .container .wrapper-right .detail .slideTxtBox .hd ul{
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #d8d8d8;
}
.wrapper.industry .container .wrapper-right .detail .slideTxtBox .hd ul li{
  font-size: 16px;
  line-height: 24px;
  margin-bottom: -1px;
  padding:10px 0;
  margin-right: 18px;
  cursor: pointer;
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  color: #999;
  transition: all .3s;
}
.wrapper.industry .container .wrapper-right .detail .slideTxtBox .hd ul li.ontab,.wrapper.industry .container .wrapper-right .detail .slideTxtBox .hd ul li:hover{
  color: #c00;
  border-bottom: 1px solid #c00;
}
.wrapper.industry .container .wrapper-right .detail .bd .guandian-cont{
  color:#333;
  font-size: 16px;
  line-height: 30px;
  display: none;
}
.wrapper.industry .container .wrapper-right .detail .bd img{
  display: block;
  margin: 0 auto;
}
.wrapper.industry .container .wrapper-right .detail .bd p{
  margin: 20px 0;
}
.wrapper.industry .container .wrapper-right .detail .bd p em{
  font-size: 12px;
}
.wrapper.industry .container .wrapper-right .detail .bd a:hover{
  color: #c00;
}
.wrapper.industry .container .wrapper-right .detail .bd strong,.wrapper.industry .container .wrapper-right .detail .bd p strong{
  font-weight: bold;
}
.wrapper.industry .container .wrapper-right .detail .bd ul li{
  list-style-type: disc;
  list-style-position: inside;
}


/* å…³äºŽæˆ‘ä»¬ */
.wrapper.about .wrapper-right .data{
  width:100%;
}
.wrapper.about .wrapper-right .data ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.wrapper.about .wrapper-right .data ul li{
  width: 296px;
}
.wrapper.about .wrapper-right .data ul li:nth-child(2){
  margin: 0 30px;
}
.wrapper.about .wrapper-right .data ul li h1{
  font-size: 48px;
  line-height: 60px;
  color:#000;
  text-align: center;
  margin-bottom: 50px;
}
.wrapper.about .wrapper-right .data ul li p{
  color: #333;
  line-height: 28px;
}
.wrapper.about .wrapper-right .clients-img{
  margin: 60px 0;
}
.wrapper.about .wrapper-right .clients-img img{
  display: block;
  margin: 0 auto;
}
.wrapper.about .wrapper-right .more_desc p{
  font-size: 16px;
  color: #333;
  line-height: 30px;
  margin-bottom: 20px;
}
.wrapper.about .wrapper-right .more_desc img,.wrapper.about .wrapper-right .content img{
  display: block;
  margin: 60px auto 0;
}
.wrapper.about .wrapper-right .content ul li{
  list-style-image: url(../images/arrow_d.gif);
  list-style-position: inside;
  padding: 25px 0;
  box-sizing: border-box;
  color:#000;
  border-bottom: 1px solid #d8d8d8;
  text-indent: 1em;
  font-size: 16px;
}
.wrapper.about .wrapper-right .content ul li:last-child{
  border: none;
}
.wrapper.about .wrapper-right .card-content h5{
  margin-bottom: 12px;
}
.wrapper.about .wrapper-right .card-content .position,
.wrapper.about .wrapper-right .card-content .locale{
  font-size: 14px;
  color:#999;
  line-height: 24px;
}
.wrapper.about .wrapper-right .leader-detail{
  margin-top: 30px;
}
.wrapper.about .wrapper-right .leader-detail .leader-banner{
  width: 100%;
}
.wrapper.about .wrapper-right .leader-detail .leader-banner img{
  width:100%;
}
.wrapper.about .wrapper-right .leader-detail .leader-detail-content{
  width: 100%;
  margin-top: 60px;
}
.wrapper.about .wrapper-right .leader-detail .leader-detail-content .intro h3{
  font-size: 24px;
  line-height: 38px;
  color:#000;
}
.wrapper.about .wrapper-right .leader-detail .leader-detail-content .intro p{
  font-size: 16px;
  line-height: 24px;
  color:#999;
}
.wrapper.about .wrapper-right .leader-detail .leader-detail-content .content{
  margin-top: 30px;
}
.wrapper.about .wrapper-right .leader-detail .leader-detail-content .content p{
  font-size: 18px;
  line-height: 30px;
  color:#000;
  margin: 15px 0;
}
.wrapper.about .wrapper-right .news.social h5{
  color: #000;
}
.wrapper.about .wrapper-right .news.social .news-card p.desc{
  font-size: 14px;
  color:#999;
  line-height: 25px;
}
.wrapper.about .wrapper-right .contact{
  margin-bottom: 20px;
}
.wrapper.about .wrapper-right .contact ul{
  display: flex;
  justify-content: flex-start;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
}
.wrapper.about .wrapper-right .contact ul li{
  width:25%;
  box-sizing: border-box;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  padding: 20px;
}
.wrapper.about .wrapper-right .contact ul li .category{
  font-size: 16px;
  line-height: 38px;
  color:#000;
  font-weight: bold;
}
.wrapper.about .wrapper-right .contact ul li .department{
  color: #c00;
  line-height: 38px;
  font-size: 14px;
  margin-bottom: 40px;
}
.wrapper.about .wrapper-right .contact ul li .tel,.wrapper.about .wrapper-right .contact ul li .email{
  color:#000;
  font-size: 14px;
  line-height: 38px;
}
.wrapper.about .wrapper-right .contact ul li .email a{
  color: #000;
}
.wrapper.about .wrapper-right .contact ul li .email a:hover{
  color: #c00;
}
.wrapper.about .wrapper-right .social-media{
  margin-bottom: 60px;
}
.wrapper.about .wrapper-right .social-media .social-media-wrapper{
  margin-left: -5px;
  margin-right: -5px;
}
.wrapper.about .wrapper-right .social-media .social-media-wrapper ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.wrapper.about .wrapper-right .social-media .social-media-wrapper ul li{
  width: 50%;
  padding:0 5px;
  box-sizing: border-box;
}
.wrapper.about .wrapper-right .social-media .social-media-wrapper ul li div{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d8d8d8;
  padding: 5px 12px 5px 0;
}
.wrapper.about .wrapper-right .social-media .social-media-wrapper ul li a:hover > div > span{
  color:#c00;
}
.wrapper.about .wrapper-right .social-media .social-media-wrapper ul li div span{
  font-size: 16px;
  line-height: 38px;
  transition: color .3s;
}
.wrapper.about .wrapper-right .social-media .social-media-wrapper ul li div img{
  width:18px;
}
.wrapper.about .wrapper-right .branch-office ul{
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
  margin-left: -12.5px;
  margin-right: -12.5px;
}
.wrapper.about .wrapper-right .branch-office ul li{
  box-sizing: border-box;
  width:33.3%;
  padding: 12.5px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.wrapper.about .wrapper-right .branch-office ul li h3{
  font-size: 16px;
  line-height: 38px;
  color:#000;
  margin-bottom: 15px;
  font-weight: bold;
}
.wrapper.about .wrapper-right .branch-office ul li img{
  width:100%;
  height: 176px;
  display: block;
  margin-bottom: 20px;
}
.wrapper.about .wrapper-right .branch-office ul li .locale{
  font-size: 14px;
  color:#000;
  line-height: 24px;
  margin-bottom: 20px;
}
.wrapper.about .wrapper-right .branch-office ul li .contact{
  align-self: flex-end;
  margin-bottom: 0;
}
.wrapper.about .wrapper-right .branch-office ul li .contact p{
  font-size: 14px;
  line-height: 24px;
}
.wrapper.about .wrapper-right .branch-office ul li .contact .show-map{
  margin-top: 15px;
}
.wrapper.about .wrapper-right .branch-office ul li .contact .show-map a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 115px;
  height: 35px;
  border: 1px solid #d8d8d8;
  padding: 0 15px;
  box-sizing: border-box;
  transition: all .3s;
}
.wrapper.about .wrapper-right .branch-office ul li .contact .show-map img{
  width: 12px;
  height: 17px;
  margin-bottom: 0;
}
.wrapper.about .wrapper-right .branch-office ul li .contact .show-map span{
  font-size: 14px;
  line-height: 24px;
  transition: all .3s;
}
.wrapper.about .wrapper-right .branch-office ul li .contact .show-map a:hover{
  border-color: #c00;
}
.wrapper.about .wrapper-right .branch-office ul li .contact .show-map a:hover > span{
  color:#c00;
}

.wrapper.about .wrapper-right .location{
  display: flex;
  justify-content: center;
}
.wrapper.about .wrapper-right .location img{
  display: block;
  margin-right: 30px;
}
.wrapper.about .wrapper-right .location .location-info h3{
  font-size: 24px;
  line-height: 38px;
  color: #000;
}
.wrapper.about .wrapper-right .location .location-info p{
  font-size: 16px;
  color:#000;
  line-height: 28px;
  margin: 15px 0;
}
.wrapper.about .wrapper-right .location .location-info a{
  display: inline-block;
  height: 45px;
  border: 1px solid #c00;
  padding: 0 20px;
  box-sizing: border-box;
  transition: all .3s;
  line-height: 43px;
  font-size: 16px;
  color:#c00;
}
.wrapper.about .wrapper-right .location .location-info a i{
  font-size: 22px;
  vertical-align: middle;
}
.wrapper.about .wrapper-right .location .location-info a:hover{
  color:#fff;
  background: #c00;
  border: 1px solid #c00;
}

/* åŠ å…¥æˆ‘ä»¬ */
.wrapper.about.careers .wrapper-right .news.social h5:hover{
  color: #c00 !important;
}
.careers .card-content p.desc{
  color: #000 !important;
}
.careers .card-content p.desc.firstpar{
  margin-bottom: 15px !important;
}
.careers .statement{
  color: #c00;
  margin-bottom: 60px;
  font-size: 14px;
  line-height: 34px;
}
.careers .statement a{
  text-decoration: underline;
  transition: color .3s;
}
.careers .statement a:hover{
  color: #c00;
}

.careers .position,
.careers .join-in{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  box-sizing: border-box;
  margin-top: 50px;
  margin-bottom: 40px;
}
.careers .position .position-items,
.careers .join-in .items{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width:50%;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  box-sizing: border-box;
  padding:30px 40px;
}
.careers .position .position-items h3,
.careers .join-in .items h3{
  font-size: 20px;
  line-height: 38px;
  color: #000;
  margin-bottom: 15px;
}
.careers .position .position-items img{
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
.careers .position .position-items p,
.careers .join-in .items p{
  font-size: 14px;
  line-height: 30px;
  color:#000;
}
.careers .position .position-items .seemore,
.careers .join-in .items .seemore,
.careers .careers-category .category-list .seemore{
  align-self: flex-end;
  margin-top: 20px;
}
.careers .position .position-items .seemore a,
.careers .join-in .items .seemore a,
.careers .careers-category .category-list .seemore a{
  font-size: 14px !important;
}

.careers .careers-category{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  box-sizing: border-box;
  margin-top: 30px;
}
.careers .careers-category .category-list{
  width: 33.3%;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  padding: 30px 40px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.careers .careers-category .category-list h3{
  font-size: 18px;
  line-height: 38px;
  color:#000;
  font-weight: bold;
}
.careers .careers-category .category-list .position_en{
  font-size: 14px;
  line-height: 38px;
  color:#666;
}
.careers .careers-category .category-list img{
  display: block;
  width:100%;
  margin-bottom: 15px;
}
.careers .careers-category .category-list .desc{
  font-size: 14px;
  line-height: 30px;
  color:#000;
}

/* äº†è§£ä¸­æ–‡é¢è¯• */
.interview{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 600px;
}
.interview video{
  width:100%;
}

.join_btn{
  align-self: flex-end;
  display: flex;
  justify-content: center;
}
.join_btn .btns{
  display: flex;
  justify-content: center;
}
.join_btn .btns a{
  display: block;
  width: 170px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  background: #c00;
  color:#fff;
  padding: 10px 0;
  transition: all .3s;
  border: 1px solid #c00;
  box-sizing: border-box;
}
.join_btn .btns a.cn_btn{
  margin-right: 10px;
}
.join_btn .btns a.cn_btn:hover{
  background: #9d1b22;
  border: 1px solid #9d1b22;
}
.join_btn .btns a.en_btn{
  background: #fff;
  color: #c00;
  border:1px solid #c00;
}
.join_btn .btns a.en_btn:hover{
  background: #c00;
  color: #fff;
}


/* æœç´¢ç»“æžœ */
.search-results .search-input{
  width:100%;
  border-bottom: 1px solid #d8d8d8;
  height: 147px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-results .search-input .search-bar{
  width:1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #c00;
}
.search-results .search-input .search-bar .search-icon{
  color: #c00;
  font-size: 24px;
}
.search-results .search-input .search-bar #searchResultInput{
  width:100%;
  margin: 0 30px;
  border: none;
  outline: none;
  font-size: 20px;
  line-height: 30px;
  color:#c00;
}
.search-results .search-input .search-bar .close-btn{
  font-size: 18px;
  cursor: pointer;
}
.search-results .search-result-list{
  width: 1200px;
  margin: 0 auto;
}
.search-results .search-result-list .result-count{
 font-size: 14px;
 line-height: 30px;
 margin: 20px 0;
}
.search-results .search-result-list > ul li{
  padding: 20px 0;
  border-bottom: 1px solid #d8d8d8;
}
.search-results .search-result-list > ul li a:hover > h3{
  color: #c00;
}
.search-results .search-result-list > ul li h3{
  font-size: 20px;
  line-height: 30px;
  color:#000;
  margin-bottom: 10px;
  transition: all .3s;
}
.search-results .search-result-list > ul li .desc, .search-results .search-result-list > ul li p{
  font-size: 16px;
  line-height: 30px;
  color:#999;
  margin-bottom: 15px;
}
.search-results .search-result-list > ul li .category{
  display: flex;
  justify-content: flex-start;
  color: #999;
  font-size: 14px;
}
.search-results .search-result-list > ul li .category span{
  line-height: 30px;
  display: block;
  margin-right: 5px;
}





/* åˆ†é¡µ */
.pagination{
  width:100%;
  display: flex;
  justify-content: center;
  margin: 45px 0;
}
.pagination .pagination-wrapper a{
  font-size: 14px;
  display: inline-block;
  border: 1px solid #d8d8d8;
  width:33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  transition: all .3s;
  margin: 0 5px;
}
.pagination .pagination-wrapper a:hover{
  border: 1px solid #c00;
  color:#c00;
}
.pagination .pagination-wrapper select{
  width:50px;
  height: 35px;
  border: 1px solid #d8d8d8;
  color: #666;
}


/* terms */
.terms-banner{
  height: 598px;
  background: url('./terms_of_use.jpg') no-repeat;
  background-size: 100% 100%;
}
.terms-banner .terms-banner-wrapper{
  width: 1280px;
  margin: 0 auto;
  height: 100%;
  box-sizing: border-box;
  padding: 24px 20px;
  display: flex;
  align-items: center;
}
.terms-banner .terms-banner-wrapper .terms-sticky-box{
  width: 50%;
  border-top: 3px solid #c00;
  box-sizing: border-box;
  background-color: rgba(255,255,255,.9);
  padding: 32px 48px;
}
.terms-banner .terms-banner-wrapper .terms-sticky-box .sticky-tag{
  font-size: 18px;
  color: #c00;
  margin-bottom: 16px;
  line-height: 1.7;
}
.terms-banner .terms-banner-wrapper .terms-sticky-box h1{
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 24px;
  color: #000;
  padding-bottom: 16px;
}
.terms-banner .terms-banner-wrapper .terms-sticky-box .sticky-desc{
  font-size: 18px;
  color: #000;
  line-height: 1.44;
  margin-bottom: 24px;
}
.terms{
  padding-top: 60px;
}
.terms-detail .terms-pre{
  font-size: 21px;
  line-height: 1.7;
  color: #000;
}
.terms-detail .terms-pre .pre-heading{
  margin-top: 60px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  width: 100%;
}
.terms-detail .terms-pre .pre-heading h3{
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  padding: 0 24px;
}
.terms-detail .terms-pre .terms-pre-detail{
  width: 840px;
  margin: 0 auto;
}
.terms-detail a{
  border-bottom: 1px solid #c00;
  color: #000;
  transition: all .2s;
}
.terms-detail a:hover{
  color: #c00;
  border-bottom-color: transparent;
}
.terms-detail .terms-pre .pre-heading::before, .terms-detail .terms-pre .pre-heading::after{
  -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    content: '';
    display: block;
    border-top: 1px solid #D8D8D8;
    box-sizing: border-box;
}
.terms-detail .terms-pre p{
  margin: 24px 0;
}
.terms-detail .terms-list{
  margin-top: 72px;
}
.terms-detail .terms-list > ul{
  border-bottom: 1px solid #D8D8D8;
}
.terms-detail .terms-list > ul > li{
  border-top: 1px solid #D8D8D8;
}
.terms-detail .terms-list > ul > li .list-title{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 10px 20px 0;
  color: #000;
  font-size: 21px;
  line-height: 1.44;
  transition: all .2s;
  cursor: pointer;
}
.terms-detail .terms-list > ul > li .list-title.ontab, .terms-detail .terms-list > ul > li .list-title:hover{
  color: #c00;
}
.terms-detail .terms-list > ul > li .list-title.ontab svg, .terms-detail .terms-list > ul > li .list-title:hover svg{
  fill: #c00;
}
.terms-detail .terms-list > ul > li .list-title .list-icon{
  font-size: 28px;
}
.terms-detail .terms-list > ul > li .list-desc{
  width: 75%;
  padding-left: 40px;
  padding-bottom: 16px;
  color: #424242;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 400;
  display: none;
}
.terms-detail .terms-list > ul > li .list-desc p{
  margin-bottom: 24px;
}
.terms-detail .terms-list > ul > li .list-desc .terms-desc-ul > ul > li{
  list-style: disc;
  padding-left: 16px;
}
.terms-detail .terms-list > ul > li .list-desc ol{
  padding-left: 24px;
}
.terms-detail .terms-list > h3{
  font-size: 2rem;
  line-height: 1.275;
  font-weight: 500;
  color: #000;
}
hr{
  border-top: 1px solid #000;
  margin: 2rem 0;
  box-sizing: border-box;
  height: 0;
}

.index-openai-article{
  width: 66.6666666667%;
  margin: 0 auto;
  font-size: 21px;
  line-height: 35.7px;
}
.index-openai-article p{
  margin: 1.5rem 0;
  color: #000;
}
.index-openai-article p a{
  text-decoration: none;
  line-height: 0;
  border-bottom: 1px solid #c00;
  color: #000;
  transition: all .2s;
}
.index-openai-article p a:hover, .index-openai-article p a.active, .index-openai-article p a:focus {
  color: #c00;
  border-bottom-color: transparent;
}
.index-inline-video{
  display: block;
  position: relative;
  float: left;
  margin-left: calc(-25% - 1.25rem);
  z-index: 2;
  margin-right: 2.5rem;
  margin-top: 0.75rem;
  margin-bottom: 2rem;
  max-width: 35.4166666667rem;
  width: 41.6666666667vw;
  padding-bottom: 35.25%;
}
.index-inline-video video{
  display: block;
  vertical-align: middle;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background-color: #ccc;
}
.index-inline-video .inline-video__caption{
  position: absolute;
  bottom: -69px;
    line-height: 1.44;
    font-size: 12px;
    color: #636363;
    font-family: "Graphik",Helvetica,sans-serif,Lucida Sans Unicode;
    margin-top: 0.5rem;
    margin-bottom: 0;
    text-align: center;
}
.index-openai-exp{
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}
.index-openai-exp .__wrapper{
  display: flex;
  width: 100%;
}
.index-openai-exp .__wrapper .brand-narrative{
  padding-right: 2.5rem;
  flex: 1 1 0;
}
.index-openai-exp .__wrapper .brand-narrative h4{
  font-size: 1.3125rem;
  font-weight: bold;
  color: #000;
}
.index-openai-exp .__wrapper .brand-narrative p{
    margin: 1.5rem 0;
    font-family: "Graphik",Helvetica,sans-serif,Lucida Sans Unicode;
    font-size: 1.125rem;
    color: #636363;
    line-height: 1.44;
    margin-bottom: 0;
}


/* æ‰“å°åŠŸèƒ½ */
@media print{
  body{
    padding-top:0;
  }
  .navbar.navbar-home{
    border-bottom: none;
    position: static;
  }
  .navbar .navbar-top{
    display : none;
  }
  .navbar .navbar-nav .navbar-nav-container{
    margin: 0;
    padding: 0;
  }
  .navbar .navbar-nav .navbar-nav-container .nav-left .show-red{
    display: block;
    border:none;
  }
  .navbar .navbar-nav .navbar-nav-container .nav-left .nav{
    display : none;
  }
  .navbar .navbar-nav .navbar-nav-container .nav-left .nav-content{
    display : none;
  }
  .navbar .navbar-nav .navbar-nav-container .nav-right{
    display : none;
  }
  .navbar .navbar-nav .navbar-nav-container .search-bar{
    display : none;
  }
  .banner{
    display : none;
  }
  .footer{
    display : none;
  }
  .wrapper.insights{
    width: 1160px;
    padding: 0;
    margin: 0;
  }
  .wrapper.insights .wrapper-left{
    display: none;
  }
  .wrapper.insights .wrapper-right{
    width: 100%;
  }
  .wrapper.insights .wrapper-right .detail-top .share{
    display: none;
  }
}
@media screen and (max-width: 1475px){
  .scroll-indicator{
    bottom: 120px !important;
  }
}
  