@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, span, i, 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; color: #333; }

*, *: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: "Calibri","font_en","-apple-system","SF UI Text","Arial","PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","sans-serif","'Microsoft Yahei Light'"; 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: 960px; padding: 0 10px !important; } }

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

@media only all and (min-width: 1441px) { .container { width: 1400px; 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("../font/CALIBRI.TTF"); }

@font-face { font-family: "iconfont"; src: url("../font/iconfont.eot?t=1520327774866"); /* IE9*/ src: url("../font/iconfont.eot?t=1520327774866#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("../font/iconfont.ttf?t=1520327774866") format("truetype"), url("../font/iconfont.svg?t=1520327774866#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; }

/*@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; } */
.none { display: none; }

.inside-details-page { max-width: 1000px; margin: 0 auto; }

.comm-btn { display: inline-block; padding: 0 15px; line-height: 40px; position: relative; overflow: hidden; background: #e60027; transition: all 0.4s; }

@media only all and (max-width: 1441px) { .comm-btn { line-height: 35px; } }

@media only all and (max-width: 991px) { .comm-btn { line-height: 30px; } }

.comm-btn:after { display: block; content: ''; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; border-radius: 50%; margin-top: -10px; margin-left: -10px; z-index: 9; opacity: 0; background: rgba(255, 255, 255, 0.2); }

.comm-btn:hover:after { -webkit-animation: btnclick 1.5s; animation: btnclick 1.5s; }

.comm-btn span { color: #fff; display: inline-block; vertical-align: top; font-size: 16px; transition: all 0.4s; }

.comm-btn span.tip { font-size: 16px; font-family: 'Calibri'; }

.comm-btn span.name { font-family: 'Calibri'; font-size: 16px; }

@media only all and (max-width: 767px) { .comm-btn span.name { font-size: 14px; } }

.load-more { text-align: center; }

.load-more .more { display: inline-block; cursor: pointer; }

.load-more .more .tip { display: inline-block; vertical-align: top; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; text-align: center; font-size: 19px; color: #fff; background: #e60027; }

.load-more .more .name { vertical-align: top; display: inline-block; line-height: 30px; font-size: 16px; color: #e60027; padding-left: 5px; }

@media only all and (max-width: 767px) { .load-more .more .name { font-size: 14px; } }

.load-more .more:hover { -webkit-animation: more 1s linear infinite; animation: more 1s linear infinite; }

.video-mask-comm { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; display: none; background: rgba(0, 0, 0, 0.6); }

.video-mask-comm #video-box { position: absolute; top: 50%; left: 50%; width: 600px; border: none; height: 400px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media only all and (max-width: 1441px) { .video-mask-comm #video-box { width: 500px; height: 350px; } }

@media only all and (max-width: 991px) { .video-mask-comm #video-box { width: 400px; height: 300px; } }

@media only all and (max-width: 767px) { .video-mask-comm #video-box { width: 300px; height: 200px; } }

.bofa-btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }

.bofa-btn .tip { display: block; position: absolute; top: 50%; left: 50%; margin-top: -38px; margin-left: -38px; width: 76px; height: 76px; border: 1px solid #fff; border-radius: 50%; cursor: pointer; }

@media only all and (max-width: 767px) { .bofa-btn .tip { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; } }

.bofa-btn .tip:before { display: block; position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: rgba(255, 255, 255, 0.2); transition: all 0.4s; opacity: 0; }

.bofa-btn .tip:after { display: block; position: absolute; top: 50%; left: 50%; content: ''; margin-top: -9px; margin-left: -2px; border: 10px solid transparent; border-left-color: #fff; }

@media only all and (max-width: 767px) { .bofa-btn .tip:after { border-width: 7px; margin-top: -7px; } }

.bofa-btn:hover .tip:before { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }

.suspend-btn { position: fixed; top: 50%; width: 50px; right: 13px; display: none; z-index: 10; }

.suspend-btn.active { display: block; }

.suspend-btn .list { float: right; margin: 10px 0; display: block; width: 50px; height: 50px; padding: 0 12px; line-height: 48px; border: 1px solid #666; transition: all 0.4s; white-space: nowrap; background: #fff; }

.suspend-btn .list.kefu i { margin-top: 13px; position: relative; width: 24px; height: 21px; }

.suspend-btn .list.kefu i img { position: absolute; top: 0; left: 0; transition: all 0.4s; }

.suspend-btn .list.kefu i .tip1 { opacity: 0; }

.suspend-btn .list i { display: inline-block; font-size: 25px; color: #666; transition: all 0.4s; }

.suspend-btn .list span { padding-left: 5px; font-size: 16px; color: #fff; line-height: 48px; vertical-align: top; opacity: 0; transition: all 0.4s; }

.suspend-btn .list:hover { width: 170px; text-align: center; background: #e60027; border-color: #e60027; }

.suspend-btn .list:hover i { color: #fff; }

.suspend-btn .list:hover i .tip { opacity: 0; }

.suspend-btn .list:hover i .tip1 { opacity: 1; }

.suspend-btn .list:hover span { opacity: 1; }

.font-title { font-family: 'Arial'; }

.comm-title { font-family: 'Arial'; font-size: 30px; line-height: 30px; text-align: center; }

@media only all and (max-width: 767px) { .comm-title { font-size: 18px; } }

.comm-tab { text-align: center; font-size: 0; }

.comm-tab .list { display: inline-block; vertical-align: top; width: 300px; line-height: 30px; padding: 10px 5px; font-size: 16px; cursor: pointer; border: 1px solid #e5e5e5; -webkit-transform: all 0.4s; transform: all 0.4s; }

@media only all and (max-width: 767px) { .comm-tab .list { font-size: 14px; } }

.comm-tab .list:last-child { border-left: none; }

.comm-tab .list.active { background: #e60027; border-color: #e60027; color: #fff !important; }

.comm-tab .list:hover { color: #e60027; }

.video-list { font-size: 0; margin-top: 40px; margin-left: -3%; margin-right: -3%; display: none; }

.video-list:first-child { display: block; }

.video-list .list { display: inline-block; width: 33.33%; padding: 0 3%; vertical-align: top; }

@media only all and (max-width: 640px) { .video-list .list { display: block; margin-left: auto; margin-right: auto; max-width: 320px; width: 100%; margin-bottom: 20px; } }

@media only all and (max-width: 640px) { .video-list .list:last-child { margin-bottom: 0; } }

.video-list .list .img { position: relative; }

.video-list .list .name { margin-top: 10px; font-size: 16px; line-height: 24px; }

.video-list .list .time { margin-top: 8px; color: #999; }

.seach-mask { display: none; position: absolute; top: 76px; right: 0; width: 20%; background: rgba(0, 0, 0, 0.4); z-index: 99999; }

@media only all and (max-width: 767px) { .seach-mask { position: fixed; top: 0; left: 0; right: auto; width: 100%; height: 100%; } }

.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; }

.text-overflow { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

header { position: relative; height: 119px; }

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

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

@media only all and (max-width: 767px) { header { position: static; height: 55px; } }

header.active .head { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 1000; }

header.active .head .left .text { display: none; }

header.active .head .right .facility { display: none; }

header.active .head .right nav ul li { padding-top: 28px; padding-bottom: 27px; }

header.active .head .right nav .dropdown-menu { top: 79px; }

header .left { padding: 15px 0; float: left; }

@media only all and (max-width: 767px) { header .left { padding: 10px 0; } }

header .left .logo { display: block; }

@media only all and (max-width: 767px) { header .left .logo img { height: 35px; } }

header .left .text { padding-top: 20px; font-size: 14px; font-family: 'Arial'; line-height: 20px; color: #080404; }

@media only all and (max-width: 1441px) { header .left .text { padding-top: 10px; } }

@media only all and (max-width: 1199px) { header .left .text { font-size: 12px; } }

@media only all and (max-width: 991px) { header .left .text { display: none; } }

header .right { float: right; }

header .right .facility { margin-top: 20px; text-align: right; }

@media only all and (max-width: 767px) { header .right .facility { margin-top: 16px; } }

header .right .facility .seach { display: inline-block; vertical-align: top; }

@media only all and (max-width: 991px) { header .right .facility .seach { margin-top: 4px; } }

header .right .facility .seach form { display: block; width: 300px; border-bottom: 1px solid #eaeaea; }

@media only all and (max-width: 767px) { header .right .facility .seach form { width: 35px; border-bottom-color: transparent; } }

header .right .facility .seach form input { display: inline-block; width: 265px; height: 39px; line-height: 39px; border: none; text-align: left; }

@media only all and (max-width: 1441px) { header .right .facility .seach form input { height: 30px; line-height: 30px; } }

@media only all and (max-width: 991px) { header .right .facility .seach form input { height: 20px; line-height: 20px; } }

@media only all and (max-width: 767px) { header .right .facility .seach form input { display: none; } }

header .right .facility .seach form .seach-btn { display: inline-block; font-size: 25px; font-weight: 600; color: #333; line-height: 39px; }

@media only all and (max-width: 1441px) { header .right .facility .seach form .seach-btn { line-height: 30px; } }

@media only all and (max-width: 991px) { header .right .facility .seach form .seach-btn { line-height: 20px; } }

header .right .facility .store { display: inline-block; vertical-align: top; margin-left: 35px; }

@media only all and (max-width: 767px) { header .right .facility .store { line-height: 25px; padding: 0 5px; margin-left: 10px; } }

header .right .facility .store .tip { font-size: 20px; }

@media only all and (max-width: 767px) { header .right .facility .store .tip { font-size: 16px; } }

@media only all and (max-width: 767px) { header .right .facility .store .name { display: none; } }

header .menu { display: none; transition: all 0.4s; float: right; width: 38px; height: 43px; padding-left: 15px; padding-top: 13px; }

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

@media only all and (max-width: 414px) { header .menu { padding-top: 12px; } }

header .menu span { display: block; width: 25px; height: 2px; margin: 6px 0; background: #fff; border-bottom: 1px solid #333; transition: all 0.4s; }

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

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

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

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

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

header .menu.active span { margin: -2px; }

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

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

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

@media only all and (max-width: 767px) { nav { display: none; position: fixed; top: 0; left: 0; width: 65%; height: 75%; padding-top: 35px; background: #000; z-index: 99; overflow: hidden; } }

nav ul { font-size: 0; transition: all 0.4s; }

nav ul li { display: inline-block; vertical-align: top; padding-left: 60px; padding-bottom: 15px; padding-top: 15px; }

nav ul li:hover > a { color: #e60027; }

@media only all and (max-width: 1199px) { nav ul li { padding-left: 40px; } }

@media only all and (max-width: 991px) { nav ul li { padding-left: 35px; padding-bottom: 8px; padding-top: 8px; } }

@media only all and (max-width: 767px) { nav ul li { width: 100%; position: relative; padding-bottom: 8px !important; padding-top: 8px !important; } }

nav ul li i { float: right; display: none; }

@media only all and (max-width: 767px) { nav ul li i { display: block; position: absolute; right: 15px; top: 13px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); color: #fff; } }

nav ul li a { display: block; font-size: 18px; font-family: 'Calibri'; line-height: 24px; }

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

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

nav ul li.active a { color: #e60027; }

nav .back-btn { display: none; }

@media only all and (max-width: 767px) { nav .back-btn { display: block; position: absolute; right: 20px; top: 8px; -webkit-transform: rotate(90deg); transform: rotate(90deg); color: #fff; } }

.dropdown-menu { position: absolute; top: 119px; left: 0; width: 100%; z-index: 8; background: #fbfbfb; }

@media only all and (max-width: 1441px) { .dropdown-menu { top: 109px; } }

@media only all and (max-width: 991px) { .dropdown-menu { top: 90px; } }

@media only all and (max-width: 767px) { .dropdown-menu { top: 35px !important; left: 100%; height: 100%; transition: all 0.4s; background: #000; overflow: hidden; } }

.dropdown-menu .menu-list { padding: 50px 0; }

.dropdown-menu .menu-list .list { float: left; width: 16.6%; padding-right: 2%; }

@media only all and (max-width: 767px) { .dropdown-menu .menu-list .list { width: 100%; padding: 0; } }

.dropdown-menu .menu-list .list .title { display: block; font-size: 18px; line-height: 20px; height: 40px; overflow: hidden; font-family: 'Arial'; transition: all 0.4s; }

@media only all and (max-width: 1441px) { .dropdown-menu .menu-list .list .title { font-size: 16px; } }

@media only all and (max-width: 1199px) { .dropdown-menu .menu-list .list .title { font-size: 15px; line-height: 18px; height: 36px; } }

@media only all and (max-width: 767px) { .dropdown-menu .menu-list .list .title { float: left; padding: 8px 0; height: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; font-size: 14px; } }

.dropdown-menu .menu-list .list:hover .title { color: #e60027; }

.dropdown-menu .menu-list .list i { float: right; display: none; }

@media only all and (max-width: 767px) { .dropdown-menu .menu-list .list i { display: block; margin: 10px 15px 0 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); color: #fff; } }

.dropdown-menu .menu-list .list .img { margin: 15px 0; max-width: 150px; height: 115px; }

@media only all and (max-width: 1199px) { .dropdown-menu .menu-list .list .img { max-width: 100px; height: 75px; } }

@media only all and (max-width: 767px) { .dropdown-menu .menu-list .list .img { display: none; } }

.dropdown-menu .menu-list .list .link { transition: left 0.4s; }

@media only all and (max-width: 767px) { .dropdown-menu .menu-list .list .link { display: block; background: #000; position: absolute; top: 0; width: 100%; height: 100%; padding-left: 25px; left: 100%; z-index: 99; } }

.dropdown-menu .menu-list .list .link a { display: block; font-size: 16px; line-height: 30px; transition: all 0.4s; }

.dropdown-menu .menu-list .list .link a:hover { color: #e60027; }

@media only all and (max-width: 1441px) { .dropdown-menu .menu-list .list .link a { font-size: 14px; line-height: 28px; } }

@media only all and (max-width: 1199px) { .dropdown-menu .menu-list .list .link a { font-size: 13px; line-height: 24px; } }

@media only all and (max-width: 767px) { .dropdown-menu .menu-list .list .link a { color: #fff; } }

.dropdown-menu .menu-style2 { padding: 50px 0; margin-bottom: -25px; }

.dropdown-menu .menu-style2 .list { float: left; width: 25%; padding-right: 1%; margin-bottom: 25px; }

@media only all and (max-width: 767px) { .dropdown-menu .menu-style2 .list { width: 100%; padding: 0; margin-bottom: 0; } }

.dropdown-menu .menu-style2 .list a { display: block; }

.dropdown-menu .menu-style2 .list a h4 { font-size: 17px; line-height: 24px; font-family: 'Arial'; transition: all 0.4s; }

@media only all and (max-width: 1441px) { .dropdown-menu .menu-style2 .list a h4 { font-size: 16px; } }

@media only all and (max-width: 1199px) { .dropdown-menu .menu-style2 .list a h4 { font-size: 15px; line-height: 20px; } }

@media only all and (max-width: 767px) { .dropdown-menu .menu-style2 .list a h4 { padding: 8px 0; color: #fff; font-size: 14px; } }

.dropdown-menu .menu-style2 .list a img { max-width: 150px; margin-top: 15px; height: 70px; object-fit: cover; }

@media only all and (max-width: 767px) { .dropdown-menu .menu-style2 .list a img { display: none; } }

.dropdown-menu .menu-style2 .list a:hover h4 { color: #e60027; }

@media only all and (max-width: 767px) { .dropdown-menu .mb-two-menu { padding: 0; position: absolute; left: 0; top: 0; overflow: hidden; padding-left: 25px; background: #000; } }

.nav-link { padding: 20px 0; line-height: 16px; font-size: 16px; background: #f4f4f4; }

@media only all and (max-width: 640px) { .nav-link { padding: 8px 0; font-size: 13px; } }

.nav-link .container { color: #666; }

.nav-link a { display: inline-block; line-height: 16px; font-size: 16px; color: #666; transition: all 0.4s; }

@media only all and (max-width: 767px) { .nav-link a { font-size: 14px; } }

.nav-link a:hover { color: #e60027 !important; }

.index-title { font-size: 30px; font-family: 'Arial'; }

@media only all and (max-width: 767px) { .index-title { font-size: 18px; } }

.select { position: relative; }

.select .head { padding: 0 12px; line-height: 43px; border: 1px solid #e5e5e5; cursor: pointer; font-size: 0; }

.select .head .title { display: inline-block; width: 79%; font-size: 16px; vertical-align: top; color: #666; }

@media only all and (max-width: 767px) { .select .head .title { font-size: 14px; font-family: "Calibri","font_en","-apple-system","SF UI Text","Arial","PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","sans-serif","'Microsoft Yahei Light'"; } }

.select .head .tip { float: right; font-size: 14px; color: #666; }

.select .select-content { display: none; position: absolute; top: 45px; left: 0; width: 100%; padding-top: 10px; background: #fff; box-shadow: 1px 1px 4px 1px #e5e5e5; }

.select .select-content .option { padding: 0 12px; font-size: 16px; line-height: 33px; border-top: 1px solid #e5e5e5; cursor: pointer; }

@media only all and (max-width: 767px) { .select .select-content .option { font-size: 14px; } }

.select .select-content .option:first-child { border-top: none; }

.form form { display: block; font-size: 0; margin: 0 -2%; }

.form form br { clear: both; }

.form form .list { display: inline-block; position: relative; z-index: 3; width: 25%; padding: 0 2%; float: left; margin-bottom: 25px; vertical-align: top; }

@media only all and (max-width: 991px) { .form form .list { width: 50%; } }

@media only all and (max-width: 640px) { .form form .list { width: 100%; } }

.form form .list .name { display: block; font-size: 16px; line-height: 30px; }

@media only all and (max-width: 767px) { .form form .list .name { font-size: 14px; line-height: 24px; } }

.form form .list .name i { display: inline-block; vertical-align: top; font-size: 16px; color: #e60027; }

.form form .list input { display: block; width: 100%; border: 1px solid #e5e5e5; line-height: 43px; height: 45px; font-size: 16px; }

.form form .list textarea { display: block; width: 100%; border: 1px solid #e5e5e5; line-height: 35px; height: 110px; font-size: 16px; }

.form form .contact-tel { position: relative; }

.form form .contact-tel .select { position: absolute; left: 0; top: 0; width: 110px; }

.form form .contact-tel input { padding-left: 120px; }

.form form .help { width: 100%; position: relative; z-index: 1; }

.form form .code { position: relative; z-index: 1; }

.form form .code a { display: block; position: absolute; top: 50%; right: 9%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.form form .btn { margin-left: 2%; padding: 0 25px; }

.form form .btn .name { padding-right: 75px; }

footer { padding: 50px 0; background: #f4f4f4; }

footer .title { font-size: 20px; font-family: 'Arial'; margin-bottom: 15px; }

@media only all and (max-width: 767px) { footer .title { font-size: 16px; margin-bottom: 5px; } }

footer .left { width: 69%; padding-right: 6%; float: center; }

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

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

footer .left .foot-nav .list { display: inline-block; width: 20%; float: left; vertical-align: top; }

@media only all and (max-width: 767px) { footer .left .foot-nav .list { width: 33.3%; margin-bottom: 12px; } }

footer .left .foot-nav .list a { display: inline-block; font-size: 14px; line-height: 24px; color: #666; transition: all 0.4s; }

footer .left .foot-nav .list a:hover { color: #e60027; }

footer .left .share { margin-top: 50px; font-size: 0; float: center; }

@media only all and (max-width: 767px) { footer .left .share { margin-top: 15px; } }

footer .left .share a { display: inline-block; width: 30px; height: 30px; border: 1px solid #e1e1e1; margin-right: 10px; border-radius: 50%; font-size: 18px; line-height: 33px; vertical-align: top; text-align: center; transition: all 0.4s; }

footer .left .share a:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); }

footer .left .share a span { display: inline-block; margin-top: 2px; }

footer .left .share a.f { font-size: 20px; }

footer .left .share a.g { font-size: 20px; font-weight: 600; }

footer .left .share a.in { font-size: 25px; }

footer .left .copy { font-size: 14px; margin-top: 20px; color: #666; }

@media only all and (max-width: 767px) { footer .left .copy { position: absolute; bottom: 25px; left: 20px; } }

footer .right { float: right; width: 31%; padding-left: 6%; border-left: 1px solid #dbdbdb; }

@media only all and (max-width: 767px) { footer .right { width: 100%; padding-left: 0; border: none; margin-top: 25px; } }

footer .right .text { font-size: 14px; line-height: 26px; color: #666; }

@media only all and (max-width: 767px) { footer .right .text { line-height: 20px; } }

footer .right form input { margin: 20px 0; display: block; width: 100%; height: 45px; line-height: 45px; border: none; border-radius: 3px; font-size: 14px; color: #333; /* firefox 19+ */ /* ie */ }

footer .right form input::-webkit-input-placeholder { color: #000; }

footer .right form input::-moz-placeholder { color: #000; }

footer .right form input:-ms-input-placeholder { color: #000; }

footer .right form input:-moz-placeholder { color: #000; }

@media only all and (max-width: 767px) { footer .right form input { line-height: 35px; height: 35px; margin: 15px 0; } }

footer .right form .btn { padding: 0 35px; cursor: pointer; }

.data-list .list { padding: 20px; position: relative; border-top: 1px solid #e5e5e5; }

@media only all and (max-width: 1441px) { .data-list .list { padding: 20px 10px; } }

.data-list .list .tip1 { width: 30px; height: 30px; float: left; transition: all 0.4s; background: url(../img/tip-img/pdf.png) no-repeat 50% 50%; }
.data-list .list .newname {
 	float: left; 
 	margin-left: 10px;
 	line-height: 30px;
 	width: 20%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;

}
.data-list .list .name { float: left; line-height: 30px; font-size: 16px; font-family: 'Arial'; padding-left: 10px; transition: all 0.4s; width: 45%; display: inline-block; }

@media only all and (max-width: 1441px) { .data-list .list .name { width: 50%; } }

@media only all and (max-width: 1024px) { .data-list .list .name { width: 44%; } }

@media only all and (max-width: 850px) { .data-list .list .name { width: 80%; } }

@media only all and (max-width: 767px) { .data-list .list .name { font-size: 14px; } }

@media only all and (max-width: 375px) { .data-list .list .name { width: 75%; } }

.data-list .list .tip2 { float: right; height: 30px; width: 30px; cursor: pointer; transition: all 0.4s; background: url(../img/tip-img/download.png) no-repeat 50% 50%; }

.data-list .list .info { width: 45%; display: inline-block; float: left; margin-left: 3%; }

@media only all and (max-width: 1441px) { .data-list .list .info { margin-left: 5%; } }

@media only all and (max-width: 850px) { .data-list .list .info { display: none; } }

.data-list .list .info span { font-size: 16px; line-height: 30px; padding: 0 12px; transition: all 0.4s; }

.data-list .list:hover .tip1 { background: url(../img/tip-img/pdf-hover.png) no-repeat 50% 50%; }

.data-list .list:hover .tip2 { background: url(../img/tip-img/download-hover.png) no-repeat 50% 50%; }

.data-list .list:hover .name { color: #e60027; }

.data-list .list:hover .info span { color: #e60027; }

.related-product-box { margin: 35px -10px 0; text-align: center; font-size: 0; }

.related-product-box .list { width: 25%; display: inline-block; padding: 0 10px; margin-bottom: 20px; }

@media only all and (max-width: 640px) { .related-product-box .list { width: 50%; padding: 10px; margin-bottom: 0px; } }

.related-product-box .list .info-box { background: #f5f5f5; }

.related-product-box .list .info-box .info { padding-top: 20px; text-align: center; transition: all 0.4s; }

.related-product-box .list .info-box .info .name { display: inline-block; font-size: 20px; line-height: 30px; font-family: 'Arial'; transition: all 0.4s; }

@media only all and (max-width: 1441px) { .related-product-box .list .info-box .info .name { font-size: 18px; line-height: 24px; } }

@media only all and (max-width: 767px) { .related-product-box .list .info-box .info .name { font-size: 14px; line-height: 24px; } }

.related-product-box .list .info-box .info .model { font-size: 16px; line-height: 20px; }

@media only all and (max-width: 1441px) { .related-product-box .list .info-box .info .model { font-size: 14px; line-height: 18px; } }

.related-product-box .list .info-box .img { display: block; overflow: hidden; font-size: 0; }

.related-product-box .list .info-box .img img { transition: all 0.4s; width: 65%; padding: 20px 0; text-align: center; display: inline-block; }

@media only all and (max-width: 414px) { .related-product-box .list .info-box .img img { padding: 15px 0; } }

.related-product-box .list:hover .info-box .info { -webkit-transform: translateY(4px); transform: translateY(4px); }

.related-product-box .list:hover .info-box .info .name { color: #e60027; }

.related-product-box .list:hover .info-box .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }

@-webkit-keyframes btnclick { 0% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% { -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0; } }

@keyframes btnclick { 0% { -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  100% { -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0; } }

@-webkit-keyframes bofaclick { 0%, 100% { -webkit-transform: scale(1);
    transform: scale(1); }
  10% { -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  20% { -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  30% { -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  40% { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bofaclick { 0%, 100% { -webkit-transform: scale(1);
    transform: scale(1); }
  10% { -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  20% { -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  30% { -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  40% { -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes more { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  15% { -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  30% { -webkit-transform: scale(1);
    transform: scale(1); }
  45% { -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  50% { -webkit-transform: scale(1);
    transform: scale(1); }
  100% { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes more { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  15% { -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  30% { -webkit-transform: scale(1);
    transform: scale(1); }
  45% { -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  50% { -webkit-transform: scale(1);
    transform: scale(1); }
  100% { -webkit-transform: scale(1);
    transform: scale(1); } }

.icon-tianmaoxingxiang1:before { content: "\e600"; }

.icon-xinlang:before { content: "\e60f"; }

.icon-weibiaoti504:before { content: "\e611"; }

.icon-jingdong:before { content: "\e812"; }

.icon-qq:before { content: "\e615"; }

.icon-taobao:before { content: "\e755"; }

.icon-email:before { content: "\e670"; }

.icon-jiantouarrow483:before { content: "\e695"; }

.icon-555:before { content: "\e639"; }

.icon-666:before { content: "\e63a"; }

.icon-shipinbofangyingpian2:before { content: "\e78e"; }

.icon-tianmaot:before { content: "\e799"; }

.icon-rili:before { content: "\e632"; }

.icon-qq1:before { content: "\e623"; }

.icon-birdxiaoniao:before { content: "\e736"; }

.icon-icon-email2:before { content: "\e649"; }

.icon-weixin:before { content: "\e61a"; }

.icon-sousuo1:before { content: "\e648"; }

.icon-erweima:before { content: "\e642"; }

.icon-xiaoxi:before { content: "\e67c"; }

.icon-phone:before { content: "\e6c2"; }

.icon-zhihu:before { content: "\e69a"; }

.icon-gouwuche:before { content: "\e64f"; }

.icon-icon-test:before { content: "\e620"; }

.icon-wechat:before { content: "\e66a"; }

.icon-shouye:before { content: "\e699"; }

.icon-web-icon-:before { content: "\e6f4"; }

.icon-icon--:before { content: "\e744"; }

.menu_brief { position: relative; }

.menu_brief .small_menu { position: absolute; left: 48px; top: 54px; z-index: 10; background: #fbfbfb; width: 230px; display: none; }

@media only all and (max-width: 1600px) { .menu_brief .small_menu { left: 5px; } }

@media only all and (max-width: 1441px) { .menu_brief .small_menu { width: 180px; } }

@media only all and (max-width: 1300px) { .menu_brief .small_menu { width: 150px; left: 0; } }

@media only all and (max-width: 768px) { .menu_brief .small_menu { display: none; } }

.menu_brief .small_menu .item:hover { background: #e1e1e1; }

.menu_brief .small_menu .item a { display: inline-block; width: 100%; line-height: 40px; padding-left: 13px; padding-right: 13px; box-sizing: border-box; color: #333; font-size: 16px; }

@media only all and (max-width: 1441px) { .menu_brief .small_menu .item a { font-size: 14px; line-height: 35px; } }

@media only all and (max-width: 1199px) { .menu_brief .small_menu .item a { font-size: 13px; line-height: 30px; } }

/*# sourceMappingURL=../map/common.css.map */



.data-list .list .name {
	/*自动换行*/
	/*word-wrap: normal !important;*/
	word-wrap:normal !important;
}



.language1 {
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
	line-height: 40px;
	height: 40px;
	position: relative;
	/*overflow: hidden;*/
	border: 2px solid #e60027;
	transition: all 0.4s;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 0;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

.language1 .language-now {
	display: inline-block;
	vertical-align: top;
	height: 38px;
	line-height: 38px;
	vertical-align: top;
}

.language1 .language-now .text {
	display: inline-block;
	vertical-align: top;
	height: 38px;
	line-height: 38px;
	margin-right: 10px;
	color: #e60027;
}

.language1 .language-now .iconfont {
	color: #e60027;
}

.language1 .language-will {
	display: inline-block;
	vertical-align: top;
	background-color: #fbfbfb;
	height: 45px;
	line-height: 45px;
	vertical-align: top;
	position: absolute;
	top: 38px;
	left: 0px;
	padding-left: 15px;
	width: 100%;
	box-shadow: 1px 1px 1px #ccc;
	text-align: left;
	display: none;
}

.language1 .language-will .text {
	display: inline-block;
	vertical-align: top;
	height: 45px;
	line-height: 45px;
	margin-right: 10px;
	color: #333;
}

.language1:hover .language-will {
	display: block;
}

.language1 .language-will:hover .text {
	color: #e60027;
}

@media only all and (max-width: 1441px) {
	.language1 {
		line-height: 35px;
		height: 35px;
	}

	.language1 .language-now {
		height: 32px;
		line-height: 32px;
	}


	.language1 .language-will {
		top: 34px;
		/*display: none;*/
	}
	.language1 .language-now .text {
		height: 32px;
		line-height: 32px;
	}


}



@media only all and (max-width: 768px) {
	.language1 {
		line-height: 30px;
		height: 30px;
	}

	.language1 .language-now {
		height: 28px;
		line-height: 28px;
	}


	.language1 .language-will {
		top: 29px;
		/*display: none;*/
	}
	.language1 .language-now .text {
		height: 28px;
		line-height: 28px;
	}


}


@media only all and (max-width: 414px) {
	.language1 {
		line-height: 26px;
		height: 26px;
	}

	.language1 .language-now {
		height: 23px;
		line-height: 23px;
	}


	.language1 .language-will {
		top: 25px;
		/*display: none;*/
	}
	.language1 .language-now .text {
		height: 24px;
		line-height: 24px;
	}


}