@charset "UTF-8";

*, *:after, *:before { box-sizing: border-box; }

.clearfix:before, .clearfix:after { display: table; content: ''; }

.clearfix:after { clear: both; }

input, textarea { border: 1px solid #D1D1D1; background: #fff; height: 30px; line-height: 30px; padding: 0 10px; box-sizing: border-box; outline: none; }

a:hover { text-decoration: none; }

* { font-family: "黑体"; padding: 0; word-wrap: break-word; word-wrap: break-word; }

body, html { overflow-x: hidden; position: relative; max-width: 1920px; margin: 0 auto; background: #fff; }

img { display: block; max-width: 100%; }
.tab-content img{
  display: inline-block!important;
}

.container { margin: 0 auto; padding: 0 20px; }

@media only all and (min-width: 768px) { .container { width: 750px; padding: 0 10px !important; } }

@media only all and (min-width: 992px) { .container { width: 991px; padding: 0 10px !important; } }

@media only all and (min-width: 1200px) { .container { width: 991px; padding: 0 10px !important; } }

@media only all and (min-width: 1441px) { .container { width: 1200px; padding: 0 10px !important; } }

@media only all and (min-width: 1900px) { .container { width: 1400px; padding: 0 10px !important; } }

@font-face { font-family: 'font_cn'; src: url("../fonts/kuhei.ttf"); }

@font-face { font-family: 'font_en'; src: url("../fonts/DIN-LIGHTALTERNATE.OTF"); }

/*@mixin transit($time) { -webkit-transition: all $time; -moz-transition: all $time; -ms-transition: all $time; -o-transition: all $time; transition: all $time; } @mixin select(){ -webkit-appearance: none; -moz-appearance: none; appearance: none; } //rotate @mixin rotate($deg){ -webkit-transform:rotate($deg); -moz-transform:rotate($deg); -ms-transform:rotate($deg); -o-transform:rotate($deg); transform:rotate($deg); } //translate @mixin translate(){ -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } @mixin translateY(){ -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } @mixin translateX(){ -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } @mixin translateNone(){ -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; } @mixin animation($name,$time,$alternate){ animation: $name $time $alternate; -moz-animation: $name $time $alternate;  Firefox -webkit-animation: $name $time $alternate;  Safari 和 Chrome -o-animation: $name $time $alternate;  Opera } @mixin rotateSlate($deg){ -webkit-transform: translateX(-50%) rotate($deg); -moz-transform: translateX(-50%) rotate($deg); -ms-transform: translateX(-50%) rotate($deg); -o-transform: translateX(-50%) rotate($deg); transform: translateX(-50%) rotate($deg); } //scale @mixin scale($a){ -webkit-transform:scale($a); -moz-transform:scale($a); -ms-transform:scale($a); -o-transform:scale($a); transform:scale($a); } //border-radius @mixin radius($temp){ -webkit-border-radius: $temp; -moz-border-radius: $temp; border-radius: $temp; } //box-shadow @mixin shadow($info1,$info2,$info3,$info4) { -moz-box-shadow: $info1,$info2,$info3,$info4; -webkit-box-shadow:$info1,$info2,$info3,$info4; box-shadow: $info1,$info2,$info3,$info4; } @mixin box-shadow($info) { -moz-box-shadow: $info; -webkit-box-shadow:$info; box-shadow: $info; } */
.tab-content { padding-top: 80px; }

@media only all and (max-width: 850px) { .tab-content { padding-top: 35px; } }

.tab-content .tab-content-list { display: none; }

.tab-content .tab-content-list:first-child { display: block; }

.tab-content .tab-title { line-height: 35px; font-size: 30px; text-align: center; }

@media only all and (max-width: 850px) { .tab-content .tab-title { font-size: 24px; line-height: 24px; } }

@media only all and (max-width: 767px) { .tab-content .tab-title { font-size: 20px; line-height: 20px; } }

.about-page .inside-tab .tab-list { width: 20%; }

.about-page .culture-box { position: relative; margin-top: 50px; }

@media only all and (max-width: 850px) { .about-page .culture-box { margin-top: 35px; } }

.about-page .culture-box .culture-swiper { width: 50%; float: left; }

@media only all and (max-width: 767px) { .about-page .culture-box .culture-swiper { width: 100%; float: none; } }

.about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info { position: absolute; top: 50%; left: 27%; width: 490px; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all 1s; }

@media only all and (max-width: 1441px) { .about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info { width: 360px; } }

@media only all and (max-width: 1199px) { .about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info { width: 65%; } }

@media only all and (max-width: 850px) { .about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info { top: 50%; } }

@media only all and (max-width: 767px) { .about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info { width: 80%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info img { margin: 0 auto 10px; }

@media only all and (max-width: 1199px) { .about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info img { height: 45px; } }

@media only all and (max-width: 640px) { .about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info img { height: 30px; } }

.about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info .title { line-height: 40px; font-size: 24px; color: #c99f42; text-align: center; }

@media only all and (max-width: 1441px) { .about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info .title { line-height: 30px; font-size: 20px; } }

@media only all and (max-width: 1199px) { .about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info .title { line-height: 22px; font-size: 16px; } }

.about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info .text { margin-top: 30px; line-height: 35px; font-size: 16px; color: #fff; }

@media only all and (max-width: 1441px) { .about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info .text { margin-top: 10px; line-height: 28px; font-size: 14px; } }

@media only all and (max-width: 1199px) { .about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info .text { line-height: 22px; font-size: 14px; } }

@media only all and (max-width: 850px) { .about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info .text { max-height: 132px; overflow: auto; } }

@media only all and (max-width: 640px) { .about-page .culture-box .culture-swiper .swiper-slide .culture-swiper-info .text { font-size: 12px; line-height: 20px; } }

.about-page .culture-box .culture-swiper .swiper-slide:hover .culture-swiper-info { opacity: 0; }

@media only all and (max-width: 768px) { .about-page .culture-box .culture-swiper .swiper-slide:hover .culture-swiper-info { opacity: 1; } }

.about-page .culture-box .culture-swiper .btn { width: 60px; height: 60px; border-radius: 50%; line-height: 55px; text-align: center; color: #c99f42; top: auto; left: auto; bottom: 8%; border: 1px solid #c99f42; background: transparent; font-family: 'Arial'; font-size: 27px; transition: all 0.4s; }

@media only all and (max-width: 1199px) { .about-page .culture-box .culture-swiper .btn { height: 45px; width: 45px; line-height: 45px; bottom: 4%; } }

@media only all and (max-width: 850px) { .about-page .culture-box .culture-swiper .btn { height: 25px; width: 25px; line-height: 23px; font-size: 12px; } }

.about-page .culture-box .culture-swiper .btn:hover { color: #fff; background: #c99f42; }

.about-page .culture-box .culture-swiper .btn.swiper-button-prev { right: 15%; }

.about-page .culture-box .culture-swiper .btn.swiper-button-next { right: 5%; }

.about-page .culture-box .culture-box-info { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; bottom: 0; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }

@media only all and (max-width: 767px) { .about-page .culture-box .culture-box-info { width: 100%; float: none; position: static; height: auto; } }

.about-page .culture-box .culture-box-info .info { position: absolute; left: 0; width: 100%; padding-left: 14.5%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media only all and (max-width: 767px) { 
  
  .about-page .culture-box .culture-box-info .info { width: 100%; padding: 35px 20px; float: none; position: static; height: auto; -webkit-transform: none; transform: none; } 

  [lang="en"] .about-page .inside-tab .tab-list{
    width: auto;
    flex: 1;
  }
  [lang="en"] .inside-tab .tab-list{
    overflow: inherit;
    padding: 10px 9%;
  }
  [lang="en"] .inside-tab{
    flex-wrap: wrap;
  }
  
}

.about-page .culture-box .culture-box-info .info .since span { display: block; font-family: 'Arial'; }

.about-page .culture-box .culture-box-info .info .since span.s1 { font-size: 16px; }

.about-page .culture-box .culture-box-info .info .since span.s2 { font-size: 50px; }

@media only all and (max-width: 1441px) { .about-page .culture-box .culture-box-info .info .since span.s2 { font-size: 35px; } }

.about-page .culture-box .culture-box-info .info .zx { position: relative; margin-top: 65px; }

@media only all and (max-width: 1441px) { .about-page .culture-box .culture-box-info .info .zx { margin-top: 25px; } }

.about-page .culture-box .culture-box-info .info .zx span { display: block; }

.about-page .culture-box .culture-box-info .info .zx span img { max-height: 190px; }

.about-page .culture-box .culture-box-info .info .zx span.z1 { margin-bottom: 30px; font-size: 24px; line-height: 35px; color: #c99f42; }

@media only all and (max-width: 1199px) { .about-page .culture-box .culture-box-info .info .zx span.z1 { margin-bottom: 20px; font-size: 20px; } }

@media only all and (max-width: 850px) { .about-page .culture-box .culture-box-info .info .zx > img { width: 50%; } }

.about-page .culture-box .culture-box-info .info .zx .line { position: absolute; }

.about-page .culture-box .culture-box-info .info .zx .line.line1 { top: -10px; left: -88px; }

.about-page .culture-box .culture-box-info .info .zx .line.line2 { left: 37%; top: 0; }

@-webkit-keyframes line { 0% { margin-top: -296px;
    margin-left: 296px; }
  100% { margin-top: 296px;
    margin-left: -296px; } }

@keyframes line { 0% { margin-top: -296px;
    margin-left: 296px; }
  100% { margin-top: 296px;
    margin-left: -296px; } }