html { font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;  }


body, div { margin: 0; box-sizing: border-box; }



article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }


audio, canvas, progress, video { display: inline-block;  vertical-align: baseline;  }


audio:not([controls]) { display: none; height: 0; }


[hidden], template { display: none; }



a { background-color: transparent; }


a:active, a:hover { outline: 0; }



abbr[title] { border-bottom: 1px dotted; }


b, strong { font-weight: bold; }


dfn { font-style: italic; }


h1 { font-size: 2em; margin: 0.67em 0; }


mark { background: #ff0; color: #000; }


small { font-size: 80%; }


sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }



img { border: 0; }


svg:not(:root) { overflow: hidden; }



figure { margin: 1em 40px; }


hr { box-sizing: content-box; height: 0; }


pre { overflow: auto; }


code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }




button, input, optgroup, select, textarea { color: inherit;  font: inherit;  margin: 0;  }


button { overflow: visible; }


button, select { text-transform: none; }


button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button;  cursor: pointer;  }


button[disabled], html input[disabled] { cursor: default; }


button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }


input { line-height: normal; }


input[type="checkbox"], input[type="radio"] { box-sizing: border-box;  padding: 0;  }


input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }


input[type="search"] { -webkit-appearance: textfield;  box-sizing: content-box;  }


input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }


fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }


legend { border: 0;  padding: 0;  }


textarea { overflow: auto; }


optgroup { font-weight: bold; }



table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

a, p, ul, li, dd, dt, dl, i, h1, h2, h3, h4, h5, h6, p, div { text-decoration: none; box-sizing: border-box; font-size: 14px; -webkit-margin-before: 0em; -webkit-margin-after: 0em; padding: 0; margin: 0; list-style-type: none; font-weight: normal; }


.container li,.tab-content li{
  list-style-type: unset;
}

*, *: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%; }

.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("../font/kuhei.ttf"); }

@font-face { font-family: 'font_en'; src: url(""); }


.text-left { text-align: left !important; }

.show { display: block !important; }

.hidden { display: none !important; }

@media only all and (max-width: 767px) { .md-hide { display: none; } }

.table { display: table; height: 100%; }

.table .table-cell { display: table-cell; vertical-align: middle; }

.inside-body { overflow: auto; }

.style-font { line-height: 30px; font-size: 16px; }

@media only all and (max-width: 1199px) { .style-font { line-height: 28px; font-size: 14px; } }

.seach-mask { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 99999; }

.seach-mask .seach-box { width: 100%; height: 50px; background: #eee; text-align: center; padding-top: 8.5px; }

.seach-mask .seach-box input { display: inline-block; width: 70%; max-width: 500px; height: 33px; line-height: 31px; border: 1px solid #dfdfdf; border-radius: 5px; }

.seach-mask .seach-box .seach-btn { display: inline-block; padding: 0 15px; line-height: 31px; background: #aaa; color: #fff; font-size: 13px; border-radius: 5px; }

header { position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 9999; transition: all 0.4s; background: rgba(0, 0, 0, 0.6); }

@media only all and (max-width: 1441px) { header { height: 80px; } }

@media only all and (max-width: 1024px) { header { height: 60px; } }

header .head { height: 100%; text-align: center; }

header .head .logo { float: left; display: table; height: 100%; padding-left: 30px; }

@media only all and (max-width: 640px) { header .head .logo { padding-left: 20px; } }

header .head .logo a { display: table-cell; vertical-align: middle; }

header .head .logo img { transition: all 0.4s; }

@media only all and (max-width: 1441px) { header .head .logo img { height: 57px; } }

@media only all and (max-width: 1024px) { header .head .logo img { height: 45px; } }

header .head .menu { display: none; transition: all 0.4s; float: right; background: #125c9d; width: 45px; height: 100%; padding-left: 10px; padding-top: 15px; }

@media only all and (max-width: 768px) { header .head .menu { display: block; } }

header .head .menu span { display: block; width: 25px; height: 1px; margin: 6px 0; background: #fff; transition: all 0.4s; }

header .head .menu span:nth-child(1) { width: 20px; }

header .head .menu span:nth-child(3) { width: 20px; }

header .head .menu:hover span { background: #c99f42; }

header .head .menu:hover span:nth-child(1) { width: 25px; }

header .head .menu:hover span:nth-child(3) { width: 25px; }

header .head .menu.active { padding: 29px 0 20px 10px; }

header .head .menu.active span { margin: 0; }

header .head .menu.active span:nth-child(1) { display: none; }

header .head .menu.active span:nth-child(2) { width: 25px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

header .head .menu.active span:nth-child(3) { width: 25px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

header .head .search-web { float: right; height: 100%; font-size: 0; }

header .head .search-web .list { display: inline-block; width: 100px; height: 100%; vertical-align: top; transition: all 0.4s; }

@media only all and (max-width: 1441px) { header .head .search-web .list { width: 80px; } }

@media only all and (max-width: 1024px) { header .head .search-web .list { width: 60px; } }

@media only all and (max-width: 767px) { header .head .search-web .list { width: 45px; } }

header .head .search-web .list img { margin: 0 auto; transition: all 0.4s; }

header .head .search-web .list.search-tip { background: #125c9d; }

header .head .search-web .list.search-tip img { margin-top: 41px; }

@media only all and (max-width: 1441px) { header .head .search-web .list.search-tip img { margin-top: 31px; } }

@media only all and (max-width: 1024px) { header .head .search-web .list.search-tip img { margin-top: 21px; } }

header .head .search-web .list.web-link { background: #0c4a81; }

header .head .search-web .list.web-link img { margin-top: 39.5px; }

@media only all and (max-width: 1441px) { header .head .search-web .list.web-link img { margin-top: 29.5px; } }

@media only all and (max-width: 1024px) { header .head .search-web .list.web-link img { margin-top: 19.5px; } }

header.active { height: 75px; }

@media only all and (max-width: 1024px) { header.active { height: 60px; } }

header.active .head .logo a img { height: 50px; }

@media only all and (max-width: 1024px) { header.active .head .logo a img { height: 45px; } }

header.active nav ul li a { line-height: 73px; }

@media only all and (max-width: 1024px) { header.active nav ul li a { line-height: 58px; } }

@media only all and (max-width: 767px) { header.active nav ul li a { line-height: 35px; } }

header.active .search-web .list { width: 75px; }

@media only all and (max-width: 1024px) { header.active .search-web .list { width: 60px; } }

header.active .search-web .list.search-tip img { margin-top: 28.5px; }

@media only all and (max-width: 1024px) { header.active .search-web .list.search-tip img { margin-top: 21px; } }

header.active .search-web .list.web-link img { margin-top: 27px; }

@media only all and (max-width: 1024px) { header.active .search-web .list.web-link img { margin-top: 21px; } }

nav { display: inline-block; }

@media only all and (max-width: 768px) { nav { display: none; width: 100%; position: absolute; left: 0; top: 60px; padding: 15px 0; background: rgba(0, 0, 0, 0.6); } }

nav ul li { display: inline-block; margin: 0 25px; }

@media only all and (max-width: 1024px) { nav ul li { margin: 0 15px; } }

@media only all and (max-width: 850px) { nav ul li { margin: 0 5px; } }

@media only all and (max-width: 768px) { nav ul li { margin: 0; width: 100%; } }

nav ul li a { display: block; font-size: 18px; line-height: 98px; padding: 0 5px; border-bottom: 2px solid transparent; color: #fff; transition: all 0.4s; }

@media only all and (max-width: 1441px) { nav ul li a { line-height: 78px; } }

@media only all and (max-width: 1024px) { nav ul li a { font-size: 16px; line-height: 58px; } }

@media only all and (max-width: 850px) { nav ul li a { font-size: 14px; } }

@media only all and (max-width: 767px) { nav ul li a { line-height: 35px; border-bottom-width: 1; } }

nav ul li a:hover { border-bottom-color: #fff; }

nav ul li.active a { border-bottom: 2px solid #fff; }

@media only all and (max-width: 768px) { nav ul li.active a { color: #c99f42; border-bottom: 1px solid transparent; } }

section { padding-top: 65px; }

@media only all and (max-width: 767px) { section { padding-top: 35px; } }

section .index-title .title-en { font-size: 30px; line-height: 30px; margin-bottom: 7px; font-family: 'title_en'; text-transform: uppercase; }

@media only all and (max-width: 1199px) { section .index-title .title-en { font-size: 24px; line-height: 24px; } }

@media only all and (max-width: 767px) { section .index-title .title-en { margin-bottom: 4px; font-size: 16px; line-height: 16px; } }

section .index-title .title-cn { line-height: 30px; font-size: 30px; }

@media only all and (max-width: 1199px) { section .index-title .title-cn { font-size: 24px; line-height: 24px; } }

@media only all and (max-width: 767px) { section .index-title .title-cn { font-size: 16px; line-height: 16px; } }

.index-more { display: inline-block; line-height: 38px; padding: 0 30px; border-radius: 100px; border: 1px solid #c99f42; font-size: 16px; color: #c99f42; transition: all 0.4s; }

@media only all and (max-width: 1199px) { .index-more { line-height: 33px; font-size: 14px; } }

@media only all and (max-width: 640px) { .index-more { line-height: 28px; font-size: 12px; padding: 0 15px; } }

.index-more:hover { background: #c99f42; color: #fff; }

footer .foot { padding: 75px 0; background: #f8f8f8; }

@media only all and (max-width: 767px) { footer .foot { padding: 35px 0; } }

footer .foot-nav { font-size: 0; }

footer .foot-nav .nav-list { display: inline-block; vertical-align: top; padding-right: 90px; }

@media only all and (max-width: 1441px) { footer .foot-nav .nav-list { padding-right: 50px; } }

@media only all and (max-width: 1199px) { footer .foot-nav .nav-list { padding-right: 25px; } }

@media only all and (max-width: 767px) { footer .foot-nav .nav-list { padding-right: 67px; margin-bottom: 15px; } }

footer .foot-nav .nav-list.two-list { padding-right: 50px; }

@media only all and (max-width: 1199px) { footer .foot-nav .nav-list.two-list { padding-right: 0px; } }

footer .foot-nav .nav-list.two-list ul { padding-right: 40px; }

@media only all and (max-width: 1199px) { footer .foot-nav .nav-list.two-list ul { padding-right: 25px; } }

footer .foot-nav .title { font-weight: bold; font-size: 16px; line-height: 30px; margin-bottom: 15px; }

@media only all and (max-width: 1199px) { footer .foot-nav .title { font-size: 14px; line-height: 18px; } }

footer .foot-nav ul { display: inline-block; vertical-align: top; }

footer .foot-nav ul li a { display: block; font-size: 14px; line-height: 30px; color: #666666; transition: all 0.4s; }

@media only all and (max-width: 1199px) { footer .foot-nav ul li a { font-size: 13px; line-height: 26px; } }

footer .foot-nav ul li a:hover { color: #c99f42; }

footer .foot-wx { width: 115px; }

@media only all and (max-width: 767px) { footer .foot-wx { float: left; } }

footer .foot-wx .title { font-weight: bold; font-size: 16px; line-height: 30px; margin-bottom: 22px; }

@media only all and (max-width: 1199px) { footer .foot-wx .title { font-size: 14px; line-height: 18px; } }

footer .foot-wx .text { margin-top: 15px; display: block; font-size: 14px; line-height: 22px; color: #666666; }

footer .foot-copy { padding: 16px 0; background: #404040; }

footer .foot-copy .copy { float: left; line-height: 20px; font-size: 14px; color: #fff; font-family: 'Arial'; }

footer .foot-copy .copy a { color: #fff; }

footer .foot-copy .powered { float: right; }

footer .foot-copy .powered, footer .foot-copy .powered a { display: inline-block; font-family: 'Arial'; font-size: 12px; color: #666; line-height: 20px; }

.inside-banner { position: relative; }

.inside-banner .banner-title { position: absolute; z-index: 1; top: 45%; left: 0%; width: 100%; text-align: center; }

@media only all and (max-width: 767px) { .inside-banner .banner-title { top: 55%; } }

.inside-banner .banner-title .title-en { font-family: 'title_en'; font-size: 56px; line-height: 56px; color: #fff; text-transform: uppercase; }

@media only all and (max-width: 1199px) { .inside-banner .banner-title .title-en { font-size: 40px; line-height: 40px; } }

@media only all and (max-width: 767px) { .inside-banner .banner-title .title-en { font-size: 18px; line-height: 18px; } }

.inside-banner .banner-title .title-cn { margin-top: 15px; line-height: 36px; color: #fff; font-size: 36px; }

@media only all and (max-width: 1199px) { .inside-banner .banner-title .title-cn { margin-top: 7px; font-size: 30px; line-height: 30px; } }

@media only all and (max-width: 767px) { .inside-banner .banner-title .title-cn { font-size: 18px; line-height: 18px; margin-top: 3px; } }

.inside-tab { background: #f2f2f2; display: flex;}

.inside-tab .tab-list { flex: 1; 
  line-height: 1.5; font-size: 24px; text-align: center; transition: all 0.4s; cursor: pointer;padding: 30px  0; 
display: flex;
align-items: center;
justify-content: center;
}

@media only all and (max-width: 1199px) { .inside-tab .tab-list{padding: 20px  0; }}

@media only all and (max-width: 850px) { .inside-tab .tab-list {  font-size: 16px;padding: 10px  0; }  }

@media only all and (max-width: 767px) { .inside-tab .tab-list {  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } }

.inside-tab .tab-list.active { background: #c99f42; color: #fff; }

.inside-tab .tab-list:hover { background: #c99f42; color: #fff; }

.detail-page .inside-detail-banner { width: 100%; height: 430px; background: url(../image/deatil-kv-bg.jpg) no-repeat 50% 50%; background-size: cover !important; }

@media only all and (max-width: 767px) { .detail-page .inside-detail-banner { height: 300px; } }

.detail-page .detail-box { position: relative; z-index: 2; padding: 0 60px 110px; margin-top: -100px; background: #fff; }

@media only all and (max-width: 767px) { .detail-page .detail-box { padding: 0 20px 50px; margin-top: -60px; } }

.detail-page .detail-box .tip { position: absolute; right: 20%; top: -12px; }

@media only all and (max-width: 1024px) { .detail-page .detail-box .tip { width: 40px; } }

@media only all and (max-width: 767px) { .detail-page .detail-box .tip { right: 3%; width: 35px; } }

.detail-page .detail-box .head { padding-top: 80px; padding-bottom: 70px; border-bottom: 1px solid #e5e5e5; }

@media only all and (max-width: 1024px) { .detail-page .detail-box .head { padding-bottom: 40px; } }

@media only all and (max-width: 767px) { .detail-page .detail-box .head { padding-bottom: 25px; } }

.detail-page .detail-box .head .title-class { display: inline-block; line-height: 30px; font-size: 16px; color: #999; }

.detail-page .detail-box .head .title { line-height: 35px; font-size: 30px; font-weight: bold; width: 75%; }

@media only all and (max-width: 1024px) { .detail-page .detail-box .head .title { font-size: 22px; line-height: 30px; } }

@media only all and (max-width: 767px) { .detail-page .detail-box .head .title { width: 100%; margin-top: 20px; line-height: 24px; font-size: 16px; } }

.detail-page .detail-box .head .back { margin-top: 13px; text-align: center; float: right; width: 130px; }

@media only all and (max-width: 767px) { .detail-page .detail-box .head .back { margin: 0; width: 100px; line-height: 24px;margin-top: -20px; } }

.detail-page .detail-box .list { padding: 50px 0; border-bottom: 1px solid #e5e5e5; }

@media only all and (max-width: 1024px) { .detail-page .detail-box .list { padding: 40px 0; } }

@media only all and (max-width: 767px) { .detail-page .detail-box .list { padding: 25px 0; } }

.detail-page .detail-box .list .title { margin-bottom: 10px; line-height: 35px; font-size: 20px; font-weight: bold; }

@media only all and (max-width: 767px) { .detail-page .detail-box .list .title { line-height: 25px; font-size: 16px; } }

.detail-page .detail-box .list .text { color: #666; }

.detail-page .detail-box .list.l1 .text { max-width: 870px; }

.detail-page .detail-box .list.l2 .list-l { float: left; width: 45%; }

@media only all and (max-width: 767px) { .detail-page .detail-box .list.l2 .list-l { width: 100%; margin-top: 20px; } }

.detail-page .detail-box .list.l2 .list-l span { margin-top: 10px; display: inline-block; font-size: 60px; font-family: 'Tahoma'; color: #c99f42; }

@media only all and (max-width: 767px) { .detail-page .detail-box .list.l2 .list-l span { font-size: 40px; } }

.detail-page .detail-box .list.l3 { padding: 30px 0 10px; border-bottom: none; }

@-webkit-keyframes menu { 0%, 100% { width: 27px; }
  25% { width: 22px; }
  50% { width: 17px; }
  75% { width: 22px; } }

@keyframes menu { 0%, 100% { width: 27px; }
  25% { width: 22px; }
  50% { width: 17px; }
  75% { width: 22px; } }



  footer .foot{
    width: 100%;
  }
  footer .container{
    display: flex;
    justify-content: space-between;
  }
  footer .foot-nav{
    flex: 1;
  }
  footer .foot-nav .nav-list{
    padding-right:4%;
  }
  footer .foot-nav .nav-list:last-child{
    padding-right: 0%;
  }

  @media only all and (max-width: 768px) { 
    footer .container{
      flex-wrap: wrap;
      flex-direction: column;
    }
    footer .foot-nav{
      width: 100%;
    }
  }

  .detail-page .detail-box .head .back{
    text-transform: uppercase;
  }
.back {
  text-transform: uppercase;
}

.common-richtext{
  font-size: 20px;
  line-height: 2;
}
.common-richtext *{
  font-size: 20px;
  line-height: 2;
}