@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body, div { margin: 0; box-sizing: border-box; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability of focused elements when they are also in an active/hover state. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
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("../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; } */
.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(../img/banner-img/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;
}
