/* CSS Document */
@font-face { font-family: 'PingFang Medium'; src: url('../font/PingFang Medium.ttf'); }
@font-face { font-family: 'PingFang Bold'; src: url('../font/PingFang Bold.ttf'); }
@font-face { font-family: 'PingFang Light'; src: url('../font/PingFang Light.ttf'); }
@font-face { font-family: 'PingFang Regular'; src: url('../font/PingFang Regular.ttf'); }

html, body { height: 100%; }
body { max-width: 1920px; margin: 0 auto; padding: 0; font: 14px/1.8 "PingFang SC","\5FAE\8F6F\96C5\9ED1",arial; color: #000; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, 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: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #333; }
a:focus, a:hover { color: #8ec31f; text-decoration: none; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
img { border: 0; vertical-align: middle; max-width: 100%; border: none; margin: 0; }
svg:not(:root) { overflow: hidden; }
em, i { font-style: normal; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
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; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-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; resize: vertical; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
html, button, input, select, textarea { font-family: "Microsoft YaHei"; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #666; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #666; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
li { list-style: none; }
ul, ol { list-style: none outside none; }
.fl { float: left; }
.fr { float: right; }
.left { float: left; }
.right { float: right; }
.tr { text-align: right; }
.tl { text-align: left; }
.tc { text-align: center; }
.clear { clear: both; height: 0px; line-height: 0px; zoom: 1; }
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clearfix:after,
.clearfix:before { content: ""; display: table; clear: both; }
.clearfix:after { clear: both; zoom: 1; }
.rel { position: relative; }
.abs { position: absolute; }
.ov { overflow: hidden; }
input, textarea { font-family: "Microsoft yahei"; font-size: 0.14rem; color: #fff; border: none; outline: medium none; }
.wrapper { overflow: hidden; }
.container { margin: 0 auto; width: 1280px; }
span.en { font-family: 'DINCond-Mediumf17bc02ea5a8d'; }

@media (min-width: 1025px) {
    /* page--scrollbar */
    ::-webkit-scrollbar { width: 6px; height: 6px; }
    ::-webkit-scrollbar-track { -webkit-border-radius: 3px; background-color: rgba(113, 112, 107, .1); }
    ::-webkit-scrollbar-thumb:vertical { -webkit-border-radius: 3px; background-color: rgba(0, 0, 0, .2); }
    ::-webkit-scrollbar-thumb:vertical:hover,
    ::-webkit-scrollbar-thumb:horizontal:hover { background: rgba(0, 0, 0, .5); }
    ::-webkit-scrollbar-thumb:horizontal { -webkit-border-radius: 3px; background-color: rgba(0, 0, 0, .2); }
    ::-webkit-scrollbar-corner { background-color: transparent; }
}

/*手机版菜单按钮点击效果样式*/
.menu-bar { padding: 2px 0; z-index: 999; position: relative; -webkit-transition: transform .25s ease-out; -webkit-transition: top .25s ease-in-out; transition: transform .25s ease-out; transition: top .25s ease-in-out; }
.menu-bar .btn-menu { display: inline-block; box-sizing: border-box; width: 26px; text-align: center; text-decoration: none; border-bottom: none; }
.menu-bar .btn-menu .menu-line { display: block; width: 26px; height: 1px; margin: 8px auto; border-radius: 2px; background-color: #fff; }
.menu-bar .btn-menu .menu-line.menu-line-top { margin-top: 0; -webkit-transition: -webkit-transform .25s ease-out, background-color .25s ease-out; transition: transform .25s ease-out, background-color .25s ease-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; }
.menu-bar.is-open .btn-menu .menu-line.menu-line-top { transform: rotate(45deg) translate(1px, -5px) scaleX(1); background-color: #fff; }
.menu-bar .btn-menu .menu-line.menu-line-middle { display: none; -webkit-transition: opacity .25s ease-out, background-color .25s ease-out; transition: opacity .25s ease-out, background-color .25s ease-out; opacity: 0; }
.menu-bar.is-open .btn-menu .menu-line.menu-line-middle { opacity: 0; }
.menu-bar .btn-menu .menu-line.menu-line-bottom { margin-bottom: 0; -webkit-transition: -webkit-transform .25s ease-out, background-color .25s ease-out; transition: transform .25s ease-out, background-color .25s ease-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; }
.menu-bar.is-open .btn-menu .menu-line.menu-line-bottom { transform: rotate(-45deg) translate(-2px, 7px) scaleX(1); background-color: #fff; }
.menu-text { display: inline-block; color: #efe9e9; font-family: Arial; }
/* Header 样式end */

/**** Header--style--begin ****/
#Header { width: 100%; z-index: 99; position: relative; left: 0; top: 0; background: #000; height: 60px; }
#Header .logo { padding: 10px 0; float: left; position: relative; z-index: 99; }
#Header.active { box-shadow: 0px 0px 5px #888; }
.tool-ul li { padding: 15px 0; float: right; margin-left: 25px; position: relative; }
.tool-ul .icon { color: #fff; width: 30px; height: 30px; font-size: 0; display: block; }
.tool-ul .icon-jd { background: url(../testimg/icon03.png) no-repeat center center; }
.tool-ul .icon-tm { background: url(../testimg/icon04.png) no-repeat center center; }
.tool-search { position: absolute; left: 0; top: 70%; width: 100%; display: none; }
.myform { border: 1px solid #555; width: 790px; height: 70px; overflow: hidden; box-sizing: border-box; margin: 0 auto; }
.myform input { font-size: 14px; color: #898888; line-height: 70px; height: 70px; padding: 0 20px; float: left; background: none; border: none; }
.myform input[name="KeyWord"] { width: 90%; }
.myform input[type="submit"] { width: 10%; border-left: none; background: url('../images/icon-s.png') no-repeat center center; background-size: 16px; }

/**** Header--style--end   ****/
.Header_nav { display: none; position: absolute; top: 60px; left: 0; width: 140px; height: auto; text-align: center; background: url(../testimg/navbg.jpg) no-repeat center; background-size: cover; z-index: 90; }
.nav-ul { position: absolute; top: 60px; right: 0; width: 140px; background: #000; display: none; overflow: hidden; }
.nav-ul .nav-li { margin: 0; float: none; width: 100%; text-align: center; padding: 0; }
.nav-ul .nav-li a { font-size: 16px; color: #939393; line-height: 48px; display: inline-block; padding-bottom: 10px; transition: all 0.3s linear; position: relative; }
/*.nav-ul .nav-li a:after { display: block; content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 1px; background: #8ec31f; transition: all 0.3s linear; }*/
/*.nav-ul .nav-li.cur a:after, .nav-ul li a:hover:after { display: block; content: ""; position: absolute; left: 50%; width: 30px; height: 1px; margin-left: -15px; background: #8ec31f; }*/
.nav-ul .nav-li a:hover, .nav-ul li.cur a { color: #fff; }

/**** Footer--style--begin ****/
#Footer { position: relative; background: #0f0f0f; padding: 40px 0; }
.footer .main { padding-bottom: 30px; }
.footer .main .left { float: left; }
.footer .main .right { float: right; }
.f-nav { color: #555; }
.f-nav a { font-size: 14px; color: #cdcdcd; line-height: 30px; padding: 0 10px; }
.f-nav a:hover { color: #fff; }
.f-tool h3 { font-size: 14px; color: #fff; line-height: 30px; float: left; font-weight: 100; }
.tool-list { float: left; }
.tool-list li { float: left; margin: 0 10px; }
.tool-list a { display: block; width: 30px; height: 30px; font-size: 0; opacity: 0.8; filter: alpha(opacity=80); }
.tool-list .icon_wb { background: url(../testimg/icon01.png) no-repeat center; background-size: 100%; }
.tool-list .icon_wx { background: url(../testimg/icon02.png) no-repeat center; background-size: 100%; }
.tool-list .icon_tm { background: url(../testimg/icon03.png) no-repeat center; background-size: 100%; }
.tool-list .icon_jd { background: url(../testimg/icon04.png) no-repeat center; background-size: 100%; }
.tool-list a:hover { opacity: 1; filter: alpha(opacity=100); }
#Footer .bottom { padding-top: 20px; border-top: 1px solid #2d2d2d; }
#Footer .bottom .left p { font-size: 14px; color: #cdcdcd; line-height: 30px; }
#Footer .bottom .left a { font-size: 14px; color: #cdcdcd; line-height: 30px; display: inline-block; margin: 0 10px; }
.link_con { position: relative; }
.link_con .name { display: block; height: 46px; width: 280px; border: 1px solid #383838; padding: 0 20px; font-size: 14px; color: #b6b6b6; line-height: 46px; background: url('../testimg/icon_sj01.jpg') no-repeat right 20px center; }
.link_con .link_son { position: absolute; bottom: 46px; width: 100%; text-align: center; background: #fff; display: none; }
.link_con .link_son a { font-size: 14px; color: #333; line-height: 40px; display: block; }
.link_con .link_son a:hover { background: #000; color: #fff; }
/**** Footer--style--end   ****/

/*右侧公共客服组件样式begin*/
#fixedTop { position: fixed; right: 5%; bottom: 6%; width: 46px; height: 46px; border-radius: 2px; z-index: 999; cursor: pointer; opacity: 0; filter: alpha(opacity=0); transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transform: translateY(300%); -moz-transform: translateY(300%); -webkit-transform: translateY(300%); }
#fixedTop.show { opacity: 1; filter: alpha(opacity=1); transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); }
/*右侧公共客服组件样式end*/

/*关注我们弹窗二维码begin*/
.bg-colCode { display: none; background-image: url('../images/bg-col.png'); position: fixed; z-index: 997; width: 100%; height: 100%; left: 0; top: 0; }
.fixedQcrod { display: none; position: fixed; width: 360px; height: 180px; left: 50%; top: 50%; margin-left: -180px; margin-top: -60px; z-index: 998; }
.fixedQcrod .Qcrod01 { position: absolute; left: -140px; width: 140px; opacity: 0.3; }
.fixedQcrod .Qcrod02 { position: absolute; right: -140px; width: 140px; opacity: 0.3; }
.fixedQcrod .pic { box-shadow: 0 0 15px #000; width: 140px; height: 140px; }
.fixedQcrod .pic img { margin: 0 auto; width: 100%; max-width: 100%; }
.fixedQcrod p { font-size: 16px; color: #fff; line-height: 50px; text-align: center; }


@media (min-width: 1200px) {
    .nav-ul li a:hover, .nav-ul .nav-li.cur a { color: #fff; }
    /*.nav-ul li:hover a:after { display: block; content: ""; position: absolute; left: 50%; width: 30px; height: 1px; margin-left: -15px; background: #8ec31f; }*/
}

@media (max-width: 1360px) {
    .container { width: 980px; }
}

@media (max-width: 1025px) {
    .container { width: 100%; padding: 0 30px; }
    .nav-ul li { margin: 0 15px; }
    .nav-ul li a { font-size: 26px; }
    .News .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; border-radius: 50%; }
    .News .owl-theme .owl-dots .owl-dot.active span, .News .owl-theme .owl-dots .owl-dot:hover span { background: #000; }
}

@media (max-width: 768px) {
    .container { width: 100%; padding: 0 20px; }
    .nav-ul { width: 100vw; position: fixed; right: 0; top: 60px; }
    .nav-ul li { float: none; width: 100%; margin: 0 0 10px; }
    .nav-ul li a { font-size: 20px; }
    .myform { width: 80%; }
    #Footer .bottom .left { margin-bottom: 20px; float: none; width: 100%; }
    #Footer .bottom .right { float: none; width: 100%; }
    .link_con .name { width: 100%; }
}

@media (max-width: 640px) {
    .container { width: 100%; padding: 0 15px; }
    .tool-ul li { margin-left: 15px; }
    .menu-text { display: none; }
    .tool-search { top: 80%; }
    .myform { height: 50px; }
    .myform input { line-height: 50px; height: 50px; }
    .myform input[name="KeyWord"] { width: 78%; }
    .myform input[type="submit"] { width: 20%; }
    #Footer { padding: 20px 0; }
    .footer .main { padding-bottom: 10px; }
    .footer .main .left { float: none; text-align: left; margin-bottom: 10px; }
    .footer .main .right { float: none; padding-left: 10px; }
    #Footer .bottom { padding-top: 10px; }
}

@media (max-width: 480px) {
    .nav-ul li a { font-size: 18px; line-height: 40px; }
    #Footer .bottom .left p { font-size: 14px; }
}

@media (max-width: 420px) {
    #Header .logo { width: 180px; }
    .nav-ul li a { font-size: 16px; }
}

@media (max-width: 360px) {
    .tool-ul .icon { display: none; }
}

@media (max-width: 321px) {
}