@charset "UTF-8";
body{ width: 100%; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:15px/1.5 Arial,'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:rightdle;}.font-fixh{font-family: Georgia,Arial; color: #bea26a; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0; }
ul,ol,li{list-style:none;}
a{text-decoration:none; color: inherit;}
a:hover{text-decoration:none;}
.white,.white a{color:#fff}.blue,.blue a{color:#ae8f64}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
select optgroup{color:#CAC8BB;}
.fr{float:right; display:inline}
.fl{float:left; display:inline}
label {max-width: none;}
input.button,
input.btn {padding: 0.25em;width: auto;}
button {border: 0;border-radius: 0%;appearance: button;-moz-appearance: button;-webkit-appearance: button;}
input[type="button"],
input[type="submit"],
input[type="reset"],
input {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
textarea,
input {outline: none;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
[flex] { display: flex; }
[flex][flex~="i"] { display: inline-flex; }
[flex][flex~="wrap"] { flex-wrap: wrap; }
[flex][flex~="no-wrap"] { flex-wrap: nowrap; }
[flex][flex~="ja"] { justify-content: space-around; }
[flex][flex~="jb"] { justify-content: space-between; }
[flex][flex~="js"] { justify-content: start; }
[flex][flex~="jfs"] { justify-content: flex-start; }
[flex][flex~="jc"] { justify-content: center; }
[flex][flex~="je"] { justify-content: end; }
[flex][flex~="jfe"] { justify-content: flex-end; }
[flex][flex~="ais"] { align-items: flex-start; }
[flex][flex~="aic"] { align-items: center; }
[flex][flex~="acc"] { align-content: center; }
[flex][flex~="aie"] { align-items: flex-end; }

/*通用page*/
.pages{text-align:center; margin-top: 40px; }
.pages ul{display:inline-block}
.pages ul a{float:left;margin:0 5px;width:46px;height:46px;line-height:46px;text-align:center;color:#555;border:1px solid #e4e4e4;border-radius:45%;background-color:#fff}
.pages ul a:hover,.pages ul  a.on{background-color:#d61419;border:1px solid #d61419;color:#fff}
.pages ul .next,.pages ul .prev{font-weight:700; font-size:20px;margin:0 10px}
.pages ul span{display:inline-block;margin-top:5px;font-weight:700;font-family:Arial;color:#dadada}
.pages ul a.first,.pages ul a.last{font-weight:700; font-size:12px;width:70px;border-radius:41%;color:#666;height:46px;line-height:46px}

header{ display:block}
/*通用样式*/
.pad-80{padding: 80px 0;}
@media (max-width:1440px) {
.pad-80{padding: 60px 0;}
}
@media (max-width:1280px) {
.pad-80{padding: 50px 0;}
}
@media (max-width:767px) {
.pad-80{padding: 40px 0;}
}

.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mb50{ margin-bottom:50px;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.f-cb {zoom: 1;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-32{padding-bottom: 32%;}
.rect-35{padding-bottom: 35.5%;}
.rect-36{padding-bottom: 36%;}
.rect-40{padding-bottom: 40%;}
.rect-45{padding-bottom: 45%;}
.rect-49{padding-bottom: 49%;}
.rect-50{padding-bottom: 50%;}
.rect-53{padding-bottom: 53%;}
.rect-54{padding-bottom: 54%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-58{padding-bottom: 58%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-63{padding-bottom: 63%;}
.rect-635{padding-bottom: 63.5%;}
.rect-64{padding-bottom: 64%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-671{padding-bottom: 67.1%;}
.rect-68{padding-bottom: 68%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-754{padding-bottom: 75.2%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-9985{padding-bottom: 99.85%;}
.rect-100{padding-bottom: 100%;}
.rect-109{padding-bottom: 109%;}
.rect-110{padding-bottom: 110%;}
.rect-120{padding-bottom: 120%;}
.rect-125{padding-bottom: 125%;}
.rect-150{padding-bottom: 150%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all}
.multi-ellipsis{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;word-wrap:break-word;word-break:break-all;}
.b-shadow{-o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08); -moz-box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}
.tc{ text-align: center;}
@font-face {
    font-family: "Oswald-Light-TTF";
    src: url("/html/statics/css/Oswald-Light-TTF.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "Roboto-Light";
  src: url("/html/statics/css/Roboto-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("/html/statics/css/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Thin";
  src: url("/html/statics/css/Roboto-Thin.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("/html/statics/css/Roboto-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Inter Medium";
  src: url("/html/statics/css/Inter Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


.block{display:block;}
.inline{display:inline;}
.inline-block{display:inline-block !important;*display:inline;zoom:1;}
.relative{position:relative;z-index:1;}
.absolute{position:absolute;}
.t-hide{opacity: 0;visibility: hidden;}
.pointer{cursor:pointer !important;}
.justify, .inner, img, input, textarea, select, button, table, label, .center, .searchForm { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:""; display:block; height:0; clear:both; } 
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-297{padding-bottom: 29.7%;}
.rect-34{padding-bottom: 34%;}
.rect-38{padding-bottom: 38%;}
.rect-40{padding-bottom: 40%;}
.rect-43{padding-bottom: 43%;}
.rect-45{padding-bottom: 45%;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-705{padding-bottom: 70.5%;}
.rect-725{padding-bottom: 72.5%;}
.rect-74{padding-bottom: 74%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-80{padding-bottom: 80%;}
.rect-89{padding-bottom: 89%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-110{padding-bottom: 110%;}
.rect-112{padding-bottom: 112%;}
.rect-115{padding-bottom: 114.2%;}
.rect-117{padding-bottom: 117%;}
.rect-120{padding-bottom: 120%;}
.rect-130{padding-bottom: 130%;}
.rect-150{padding-bottom: 150%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.page-section{ padding:80px 0;}
@media (max-width:1440px) {
.page_title h3 { font-size: 34px; }
}
@media (max-width:1366px) {
.page-section{ padding:60px 0;}
}
@media (max-width:1024px) {
.page-section{ padding:40px 0;}
}
.more a{ color:#fff;font-size:16px; font-weight:normal;padding:15px 60px 15px 30px; text-transform: uppercase; border-radius: 20px; background:#d61419; line-height:30px; position: relative; }
.more a:after{ position: absolute; right:10px; left: auto; width: 40px; height: 30px; top: 17px; content: ""; background: url(/html/statics/images/arrow_r.png) no-repeat;}
.more a:hover{ background: #004ea2;  color: #fff;}
@media (max-width:1366px) {
.more a{border-radius: 15px; padding:10px 50px 10px 30px;}
.more a:after{ right:10px;width: 30px; top: 14px;}
}
@media (max-width:1200px) {
.more a{ font-size:16px; }
}
@media (max-width:992px) {
.more a{ padding:10px 60px 10px 20px;}
}
/*page*/
.page{color: #777777; text-align: center; clear:both;float: none;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 7px 12px;vertical-align: rightdle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #d61419;border: 1px solid #d61419;padding: 7px 12px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}

.form-type-a { --color: #ffffff; --fz: 14px; --h: 26px; --lh: calc( 50px - 2px); font-size: var(--fz); color: var(--color);}
.form-type-a .form { width: 180px; height: 35px; line-height: 35px; border-radius: calc( 50px/2); border: solid 1px var(--color); overflow: hidden;}
.form-type-a .form .input { border: 0 none; width: 100%; padding: 0 0 0 1em; background: transparent; line-height: calc(var(--lh));}
.form-type-a .form .input::placeholder { color: var(--color);}
.form-type-a .form .submit { flex-shrink: 0; width: calc(var(--fz)*2.5); background-color: transparent; cursor: pointer; text-align: center; transition: all 0.3s;}
.form-type-a .form .submit .self-svg { --size: 1.3em; --fill: var(--color); margin-right: 5%;}
.form-type-a .form .submit:hover { background-color: var(--color);}
.form-type-a .form .submit:hover .self-svg { --fill: var(--main-color);}
@media (max-width: 1200px) { .form-type-a {--height: 0.7rem;--fz: 0.28rem;--h: 0.6rem;--color: #999;padding: 0.3rem 15px;background-color: #ffffff; }
.form-type-a .form {margin-left: auto;margin-right: auto;width: 738px;max-width: 100%; }
.form-type-a .form .input {border-radius: 0;font-size: 0.26rem; }
.form-type-a .form .submit:hover {background-color: #ffffff; }
}
.self-svg { display: flex; align-items: center; justify-content: center;}
.self-svg  img {
  border: none;
  border: 0;
  max-width: 100%;
  vertical-align: top;
  object-fit: fill;
}
/* 自定义下拉 */
.select-self { --active-color: var(--main-color); --border: #dddddd; --size: 15px; --fill: #333333; position: relative;}
.select-self .select-val-model { display: flex; align-items: center; justify-content: space-between; position: relative; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.select-self .select-val-model .self-svg { transform: rotate(0); transition: all 0.3s;}
.select-self .select-val-model:hover { --fill: var(--active-color); color: var(--active-color);}
.select-self .select-val-model:hover::after { border-top-color: var(--active-color);}
.select-self .select-list { display: none; position: absolute; left: 0; z-index: 2; width: 100%; max-height: 211px; overflow-y: auto; background-color: #fff; border: 1px solid var(--border);}
.select-self .select-list li { cursor: pointer; padding-left: 12px; padding-right: 12px; padding-top: 7px; padding-bottom: 7px; line-height: 20px; font-size: 14px; color: #999;}
.select-self .select-list li + li { border-top: 1px solid var(--border);}
.select-self .select-list li.select, .select-self .select-list li:hover { background: var(--active-color); color: #fff;}
.select-self.show-list { z-index: 2;}
.select-self.show-list .select-list { display: block;}
.select-self.show-list .select-val-model { --fill: var(--active-color); color: var(--active-color);}
.select-self.show-list .select-val-model::after { border-top-color: var(--active-color);}
.select-self.show-list .select-val-model .self-svg { transform: rotate(180deg);}
.search-form-a { width: 100%;}
.search-form-a .screen { padding: 10px 0; font-size: 16px; line-height: 1.75em; color: #333333;}
.search-form-a .screen .title { margin: 5px 0; flex-shrink: 0;}
.search-form-a .screen .types { padding-left: 10px;}
.search-form-a .screen .types a { margin: 5px 0.615em; padding: 0 0.635em;}
.search-form-a .screen .types a:hover { color: var(--main-color);}
.search-form-a .screen .types a.on { color: #ffffff; background-color: var(--main-color);}
@media (max-width: 1500px) { .search-form-a .screen {padding: 5px 0;font-size: 15px; }
.search-form-a .screen .types a {margin: 5px 0.3em; } 
}
@media (max-width: 1200px) { .search-form-a {padding: 0; }
.search-form-a .screen {font-size: 0.28rem; }
.search-form-a .screen .types {width: 100%;padding-left: 0; }
.search-form-a .screen .types a {margin: 4px 0.1em; } 
}

/* 导航部分 */
.header .top {height: 50px; position: relative;background-color: transparent;color: rgba(255, 255, 255, 0.8);transition: background 0.3s, color 0.3s;}
.header .top::after {content: "";display: block;position: absolute;left: 0;top: 100%;width: 100%;height: 1px;background-color: #ffffff;opacity: 0.2;}
.header .top .phone-box {font-size: 16px;line-height: 50px;float: left;}
.header .top .phone-box a {color: rgba(255, 255, 255, 0.8);}
.header .top .right-box {font-size: 14px;float: right;padding-top: 7px;}
.header .top .right-box .line {margin: 0 1.8em;height: 14px;width: 1px;background-color: rgba(255, 255, 255, 0.8);opacity: 0.8;}
.header .top .language-box {position: relative;}
.header .top .language-box .flex-box .self-svg {--size: 1.15em;--fill: rgba(255, 255, 255, 0.8);}
.header .top .language-box .flex-box .flex-word {margin-left: 0.6em;}
.header .top .language-box .language-list {position: absolute;right: 0;top: 100%;z-index: 2;word-break: keep-all;background-color: #ffffff;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);overflow: hidden;text-align: center;line-height: 1.4em;color: #777777;margin-top: -10px;opacity: 0;pointer-events: none;transition: opacity 0.3s, margin 0.3s;}
.header .top .language-box .language-list .language-li:last-child .language-word {border-bottom: 0 none;}
.header .top .language-box .language-list .language-word {display: block;position: relative;border-bottom: 1px solid #ddd;padding: 0.5em 1em;}
.header .top .language-box .language-list .language-word::after {content: '';display: block;position: absolute;left: 0;bottom: -1px;width: 0;height: 1px;background: #d61419;transition: width 0.3s;}
.header .top .language-box .language-list .language-word:hover {color: #d61419;}
.header .top .language-box .language-list .language-word:hover::after {width: 100%;}
.header .top .language-box:hover .language-list {margin-top: 0;opacity: 1;pointer-events: auto;}
.header .top .form-type-a {--color: rgba(255, 255, 255, 0.8);}
.header{width:100%; min-width: 1440px; position: fixed;top: 0px;left: 0;/* padding-left: 13%; padding-right: 13%;*/ z-index: 99;height: 90px; transition: top .5s ease;-webkit-transition:top .5s ease;}
.header.fixed{top:0; }
.header .logo{width: 300px;height: 60px;background-image: url(/html/statics/images/logo.png);background-position: center center;background-repeat: no-repeat;margin-top: 14px;display: inline-block; }
.header .header_logo{width:27%;float: left; height: 90px;text-align: left;}
.header .header_nav{width: 65%;float: right;}
.header .header_tools{float: right;height: 90px;position: relative; }
.header .header_tools .mobile_key{display: none;}
.header .header_nav .nav_container>ul>li{float: left;width: 14.28%;text-align: right;font-size: 18px;color: #fff;height: 90px;line-height: 90px;}
.header .header_nav .nav_container>ul>li a{display: block;}
.header .header_tools li{height: 90px;line-height: 90px;font-size: 18px;float: left;text-align: center;color: #fff;cursor: pointer;width: 50%;float: left;}
.header .header_tools li.search{display: block;margin: 0;}
.header .header_tools li.search .search_icon { display: inline-block; width: 50px; height: 50px; margin-top: 20px; background: url(/html/statics/images/search.png) no-repeat center;}
/* 下拉 */
.header .header_box{position: relative;	}
.header .header_nav .inner_box{position: absolute;top: 100%;left: -18%;width: 138%;padding: 15px 10% 15px;background: #f2f2f2;opacity: 0.9; display: none;border-top: 1px solid #f5f5f5;}
.header .header_nav .inner_box .box_l{width: 100%;float: left;padding-left:35%;text-align: center;opacity: 0;filter: alpha(opacity=0);transform: translateY(20px);transition: all .5s cubic-bezier(.4,.5,.58,1.11);transition-delay: 0.3s;}
.header .header_nav .inner_box.inner_hover .box_l{opacity: 1;filter: alpha(opacity=100);transform: translate(0,0);}
.header .header_nav .inner_box .box_l li{ float: left; margin-right: 4.3%; height: 30px;line-height: 30px;font-size: 18px;margin-top: 11px;color: #666;text-align: left; }
.header .header_nav .inner_box .box_l li a{display: block; color: #666;}
.header .header_nav .inner_box .box_l li:hover:before{width: 72px;background: #d61419;}
/* 触控 */
.header:hover .top {width:100%;position: fixed;top: 0px;left: 0; background: #d61419; border-bottom: 0px; }
.header.show .top{width:100%;position: fixed;top: 0px;left: 0; background: #d61419; border-bottom: 0px; display: none; }
.header:hover .header_box {width:100%;position: fixed;top: 50px;left: 0; background: #fff; border-bottom: 0px; border-bottom: 1px solid #e5e5e5;}
.header.show .header_box{width:100%;position: fixed;top: 0px;left: 0; background: #fff; border-bottom: 0px; border-bottom: 1px solid #e5e5e5;}
/*.header:hover .header_box,.header.show .header_box{width: 76%; left: 12%; min-width: 1440px; }*/
.header:hover .logo,.header.show .header_box .logo{background-image: url(/html/statics/images/logo_h.png);}
.header .header_box:hover .header_nav .nav_container>ul>li>a,.header.show .header_box .header_nav .nav_container>ul>li>a{color: #333;}
.header:hover .header_tools li.language a,.header.show .header_tools li.language a{color: #333;}
.header:hover .header_tools li,.header.show .header_tools li{color: rgb(36, 36, 36);}
.header:hover .header_tools li .fa,.header.show .header_tools li .fa{color: #333;}
.header:hover .header_tools li.search .search_icon,.header.show .header_tools li.search .search_icon{background-image: url(/html/statics/images/search_01.png);}
.header:hover .header_nav .nav_container>ul>li a:hover,.header.show .header_nav .nav_container>ul>li a:hover{ color: #d61419; }
.header:hover .header_nav .nav_container>ul>li a{color: #333;}
.header:hover .header_nav .inner_box .box_l li a{color: #555; font-weight: normal;}
/* 搜索框 */
.header_search_fix{position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background: #d61419;color: #fff;display: none;}
.header .header_logo{z-index: 100;}
.header_search_fix .search{font-size: 18px;margin-bottom: 10px;}
.header_search_fix .box{position: absolute;width: 40%;top: 50%;margin-top: -50px;text-align: left;left: 30%;}
.header_search_fix .input{background: none;width: 70%;border: 0;outline: 0;font-size: 56px;color: #fff;font-family: 'Impact'}
.header_search_fix .input::-webkit-input-placeholder {color: #fff;font-size: 56px;}
.header_search_fix .input:-moz-placeholder {color: #fff;font-size: 56px;}
.header_search_fix .input:-ms-input-placeholder {color: #fff;font-size: 56px;}
.header_search_fix .search_box{line-height: 70px;height: 70px;position: relative;}
.header_search_fix .submit{width: 125px;height: 45px;line-height: 41px;font-size: 14px;color: #fff;border: 2px solid #fff;border-radius: 20px;background: transparent;padding: 0;margin: 0;position: absolute;top: 50%;margin-top: -23px;right: 0;-webkit-appearance: none;}
.header_search_fix .close{position: absolute;width: 88px;height: 88px;font-size: 12px;line-height: 82px;border: 1px solid #fff;opacity: .52;right: 60px;top: 20px;text-align: center;cursor: pointer;transition: all .5s ease;-webkit-transition:all .5s ease;background: #d61419;}
.header_search_fix .close:hover{background: #005bac;}
.header_search_fix .close .close_icon{width: 88px;height: 88px; margin: 0 auto;}
/* .search_hover .header_logo{background-color: #004893;} */
body .search_hover.header .header_logo .logo{background-image: url(/html/statics/images/logo2.png);}
.search_hover .header_logo:after{display: none;}
.header.search_hover .header_box:hover .header_logo{background: #d61419;}
.header_search_fix .pro_list{position: absolute;right: 60px;bottom: 60px;text-align: right;}
.header_search_fix .pro_list .t{font-size: 18px;color: #fff;padding-bottom: 10px;}
.header_search_fix .pro_list a{display: block;font-size: 14px;opacity: 0.5;filter: alpha(opacity=50);color: #fff;}
.header_search_fix .search_box .common_btn:hover span{color: #000;}
@media ( min-width:1921px) {
.header{max-width: 100%; min-width: 1400px;width: 100%; margin: 0 auto!important; top: 0px!important;left: 0!important; }
.header:hover .header_box,.header.show .header_box{max-width: 100%; min-width: 1400px;width: 1400px; margin: 0 auto!important; top: 0px!important;left: 0!important;}
.header .header_nav .inner_box{top: 100%;left: -48%!important;width: 200%;padding: 65px 20% 40px;  }
.header .header_box { max-width: 100%; min-width: 1400px;width: 1400px; margin: 0 auto!important; }
.header .header_nav .inner_box .box_l{ padding-left:17%;}
}
@media (min-width: 1360px) {
.header{ min-width: 1320px; }
.header:hover .header_box,.header.show .header_box{ min-width: 1320px;}  
}
@media (max-width: 1440px) {
.header .header_nav .inner_box .box_l{ padding-left:30%;}
}
@media (max-width: 1366px) {
.header{/* padding-left: 3.3%;padding-right:0px; */min-width: 1260px;}
.header:hover .header_box,.header.show .header_box{ min-width: 1260px; }
.header .header_nav .inner_box .box_l{ padding-left:25%;}
.header .header_logo{width: 19%;}
.header .header_nav .inner_box .box_l li{ font-size: 17px;}
}
@media (max-width: 1320px) {
/*.header{ padding-left: 3.3%;padding-right:3%; min-width: 1260px; }*/
.header:hover .header_box,.header.show .header_box{ width: 100%; min-width: 1260px; }
.header .header_nav .inner_box .box_l{ padding-left:20%;}
}
@media (max-width: 1280px) {
.header{ min-width: 1200px;}
.header:hover .header_box,.header.show .header_box{min-width: 1200px; }
.header .header_nav .inner_box .box_l{ padding-left:17%;}
.header .header_nav .inner_box .box_l li{ font-size: 16px;}
}
@media (max-width: 1240px) {
.header{ min-width: 1140px;}
.header:hover .header_box,.header.show .header_box{min-width: 1140px; }
}
@media (max-width: 1200px) {
.header{ min-width: 94%;width: 94%;}
.header:hover .header_box,.header.show .header_box{ min-width: 94%; }
.header .header_nav .nav_container>ul>li{display: none;}
.header .header_tools .mobile_key{display: block;}
.header .header_tools .mobile_key a{color: #fff;}
.header .header_tools li{width: 25%;height: 91px;}
.header .header_box:hover .header_logo{background: transparent;}
.header .header_box:hover .header_logo:after{display: none;}
}
@media (max-width: 1100px) {
.header{ min-width: 94%;}
.header:hover .header_box,.header.show .header_box{min-width: 94%; }
}
.mhead .m-search-box {position: absolute;left: 0;top: 0;padding: 0 2%;width: 100%;height: 100%;display: flex;align-items: center;background: #fff;transform: scale(0);transform-origin: center center; transition: all .3s; pointer-events: none;}
.actmhead .inbox{transform: scale(0);opacity: 0; pointer-events: none;}
.actmhead .m-search-box{transform: scale(1);opacity: 1; pointer-events: auto;}
.mhead .m-search-box .input-box { align-items: center;width:100%;margin-right: 10px;border-bottom: 1px solid #E0E0E0;}
.mhead .m-search-box .input-box input {width: 82%;margin-right: 10px;height: 40px;border: none; float: left;}
.mhead .m-search-box .input-box .search-icon {width: 40px;height: 40px;padding: 9px; float: right;}
.mhead .m-search-box .hide-search {width: 40px;height: 40px;position: relative;transform: rotate(45deg);}
.mhead .m-search-box .hide-search i{display: block;background: #333;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.mhead .m-search-box .hide-search .s {width: 1px;height: 20px;}
.mhead .m-search-box .hide-search .h{width: 20px;height: 1px;}

.showAfter::before {height: 330px;}
.maskout {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.8);z-index: 100;display: none;}
.maskout img {position: absolute;left: 10px;top: 10px;}
.menu_sub {position: fixed;right: -70%;top: 0;width: 70%;background: #000;z-index: 1000;height: 100%;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.menu_sub li {text-align: left;border-bottom: 1px solid #232530;line-height: 44px;font-size: 17px;width: 93%;margin: 0 auto;}
.menu_sub a {color: #fff;display: block;}
.menu_sub .subTitle {color: #fff;background: url(/html/statics/images/plus.png) no-repeat;-webkit-background-size: 16px 16px;-moz-background-size: 16px 16px;background-size: 16px 16px;background-position: right center;}
.menu_sub .bignav {background: none !important;}
.menu_sub .subbox {display: none;font-size: 16px;}
.menu_sub .subbox a{ margin-left: 15px;}
.menu_sub .menuact {background: url(/html/statics/images/reduce.jpg) no-repeat;background-position: right center;-webkit-background-size: 16px 16px;-moz-background-size: 16px;background-size: 16px;}
.menu_sub li dl {text-align: left;border-bottom: 1px solid #232530;line-height: 50px;font-size: 16px;width: 94%;margin: 5px auto 5px; padding-bottom:8px;}
.menu_sub .subTitle1 {color: #fff; margin-bottom: 8px; background: url(/html/statics/images/plus.png) no-repeat;-webkit-background-size: 16px 16px;-moz-background-size: 16px 16px;background-size: 16px 16px;background-position: right center;}
.menu_sub .subbox1 {display: none;font-size: 15px;}
.menu_sub .subbox1 a{ margin-left: 8px; line-height: 38px; font-size: 15px; }
.menu_sub .menuact1 {background: url(/html/statics/images/reduce.jpg) no-repeat;background-position: right center;-webkit-background-size: 16px 16px;-moz-background-size: 16px;background-size: 16px;}


@media (max-width:1200px) {
header,.header:hover,.header.show{ display: none; height: 0px; width: 94%;}
.mhead {display: block;position: fixed;left: 0;top: 0;width: 100%;z-index:99;background: #fff;}
.mhead .inbox{width: 96%;margin: 0 auto;display: flex;justify-content: space-between;padding: 10px 0;transition: all .3s;}
.mhead .inbox .mlogo img{height: 40px;}
.mhead .inbox .rt {display: flex;align-items: center;}
.mhead .inbox .rt .msearch-box{width:40px;height: 40px;padding: 9px;position: relative;margin-right: 5px;}
.mhead .inbox .rt .msearch-box::after{content: "";right: -10px;top: 9px;width: 1px;height: 22px;background: #e1e1e1;}
.mhead .inbox .rt .quick_a{width:40px;height: 40px;padding: 9px;position: relative;margin-right: 5px;}
/*.mhead .inbox .rt .quick_a{width:70%;font-size: 14px; border-right: none; height: 89px;line-height: 89px; text-align:right;}*/
.mhead .inbox .rt .quick_a .fa{font-size:24px; border-right: 0;display: inline-block; }
.mhead .inbox .rt .quick_a:after{display: none;}
.mhead .inbox .quick_box{position: absolute;top: 122%;left:-60px;width:120px; background-color:#0e68b0; font-size: 16px;padding: 15px;display: none;}
.mhead .inbox .quick_box a{ display: block;height: 40px;line-height: 40px;opacity: 0;filter: alpha(opacity=0);transform: translateX(30px);transition: all .6s ease-in-out;-webkit-transition:all .6s ease-in-out; color:#fff;}
.mhead .inbox .quick_box a .lin{padding-right: 20px;color:#0e68b0;vertical-align: 2px;}
.mhead .inbox .quick_box.show a{opacity: 1;filter: alpha(opacity=100);transform: translateX(0);transition-delay: .3s;}
.mhead .inbox .quick_box1{position: absolute;top: 122%;left:-10px;width:120px; background-color:#0e68b0; font-size: 16px;padding: 15px;display: none;}
.mhead .inbox .quick_box1 a{ display: block;height: 40px;line-height: 40px;opacity: 0;filter: alpha(opacity=0);transform: translateX(30px);transition: all .6s ease-in-out;-webkit-transition:all .6s ease-in-out; color:#fff;}
.mhead .inbox .quick_box1 a .lin{padding-right: 20px;color:#0e68b0;vertical-align: 2px;}
.mhead .inbox .quick_box1.show a{opacity: 1;filter: alpha(opacity=100);transform: translateX(0);transition-delay: .3s;}
.mhead .inbox .menu-btn {height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 8px 0;}
.mhead .inbox .menu-btn span{display: block;width: 26px;height: 3px;background: #333;}
}

/* 按钮特效 */
.common_btn{position: relative;overflow: hidden;}
.common_btn>span{display:inline-block;vertical-align:middle;opacity:0;filter: alpha(opacity=0);color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);vertical-align:0}
.common_btn::before{content:attr(c-text);position:absolute;top:0;left:0px;width:80%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);display: none\0;}
.common_btn:hover .iconfont{color:#fff;}
.common_btn:hover{background:#d61419;}
.common_btn:hover::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.common_btn:hover>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.common_btn:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.common_btn:hover>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.common_btn:hover>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.common_btn:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.common_btn:hover>span:nth-child(5){-webkit-transition-delay:.225s;transition-delay:.225s}
.common_btn:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.common_btn:hover>span:nth-child(7){-webkit-transition-delay:.315s;transition-delay:.315s}
.common_btn:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.common_btn:hover>span:nth-child(9){-webkit-transition-delay:.405s;transition-delay:.405s}
.common_btn:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}

body .common_btn{height: 43px;line-height: 43px;background: #ffdf00;font-size: 14px;color: #1a1a1a;display: inline-block;width: 150px;cursor: pointer; ;padding:0 20px;}
body .common_btn.large{width: 373px;height: 55px;line-height: 55px;text-align: left;padding-left: 20px}
.common_btn.large::before{left:20px;}
.common_btn .iconfont{transition: all .5s ease;-webkit-transition:all .5s ease;vertical-align: -1px;color: #1a1a1a;font-size: 12px; float:right;}
.common_btn:hover .iconfont{transform: translate(5px, 0);vertical-align: 0;}
.header_search_fix .submit:before{width: 100%;margin-top: 0;}
.header_search_fix .submit:hover{background: #ffdf00;}

/*底部CSS*/

.footer {background: #262626; padding-top: 50px;}
.footer .fleft {width: 100%; padding-bottom: 1.5%; height:100px; font-size: 18px; border-bottom: 1px solid rgba(255,255,255,0.3);}
.footer .fleft .blogo {display: block; float: left; width: 94%;}
.footer .fleft .call { margin-top: 10px; text-align: right; line-height:45px; color: #fff; width:6%; float: right;}
.footer .footer-top{ padding:80px 0;}
.footer .footer-ul{ text-align:left;width:66%; float:left; }
.footer .footer-ul li{ margin-left: 13.4%; float: left; vertical-align:top; }
.footer .footer-ul li dt{font-size:18px; margin-bottom:20px; }
.footer .footer-ul li dt a{color:#fff;transition:all 0.3s;}
.footer .footer-ul li dd{font-size:16px; line-height: 40px;}
.footer .footer-ul li dd a{color:#fafafa;transition:all 0.3s;}
.footer .footer-ul li dd a:hover{color:#fafafa; }
.footer .footer-contact{ width:34%; float:left;  }
.footer .footer-contact dl { width:100%; }
.footer .footer-contact dd{color: #fafafa;font-size:16px; width: 100%;}
.footer .footer-contact dd .footer-contact-txt{line-height: 40px; margin-bottom: 15px;}
.footer .footer-contact dd .footer-contact-txt p{font-size:16px; line-height: 26px;}
.footer .footer-contact dd a{color:#fafafa;}
.footer .foot-share { margin-top:20px; }
.footer .foot-share .wechat { position: relative;}
.footer .foot-share .wechat:hover .vx { display: block;}
.footer .foot-share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.footer .foot-share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.footer .foot-share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.footer .foot-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.footer .foot-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.footer .foot-share a { margin-right:10px; float: left;}
.footer .footer-bottom { line-height: 70px; background: #1b1b1b; color:#fff;} 
.footer .footer-bottom a:hover{color:#fafafa;}
.footer .footer-bottom .footer-bottom-left{ font-size: 16px;}
.footer .mourse-box {height: 52px; position: relative;cursor: pointer;text-align: center; }
.footer .mourse-box::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(/html/statics/images/icon_1_1.png) no-repeat center / contain;animation: ani-rotate 6s linear infinite; }
.footer .mourse-box .self-svg {height: 52px;width: 52px; text-align: center; }
@media ( max-width:1480px) {
.footer .footer-top{ padding:70px 0;}
.footer .footer-ul li{ margin-left: 12.5%; }
}
@media ( max-width:1468px) {
.footer .footer-top{ padding:60px 0;}
.footer .footer-ul li{ margin-left: 12%; }
}
@media ( max-width:1366px) {
.footer .footer-top{ padding:50px 0;}
.footer .foot-share a { margin-right:6px; }
.footer .footer-ul li{ margin-left: 11%; }
}
@media ( max-width:1280px) {
.footer .footer-ul li{ margin-left: 10%; }
}
@media ( max-width:1200px) {
.footer .footer-ul{ width:60%; }
.footer .footer-ul li{ margin-left:8%; }
.footer .footer-contact{ width:40%;}
.footer .share .img img { width: 100%;}
.footer .foot-share a { margin-right:4px; }
}
@media ( max-width:1160px) {
.footer .footer-ul li{ margin-left:7%; }
}
@media ( max-width:1060px) {
.footer .fleft { padding-bottom:0px; height:90px; }
.footer .footer-top{ padding:40px 0;}
.footer .footer-contact{ width:38%;}
.footer .footer-ul{ width:62%;margin-bottom: 0px;}
}
@media ( max-width:1024px) {
.footer .footer-contact{ width:35%;}
.footer .footer-ul{ width:65%; }
}
@media ( max-width:992px) {
.footer .footer-top{ padding:40px 0;}
.footer .footer-ul{ display: none; width: 0px;}
.footer .footer-contact{ width:100%;}
.footer .share .img img { width: auto;}
.footer .footer-bottom .footer-bottom-left .fr{ float: left;}
.footer .footer-bottom {padding: 10px 0; line-height: 35px; }
}
@media ( max-width:765px) {
.footer .footer-top{ padding:30px 0;}
.footer .footer-bottom .footer-bottom-left{ font-size: 15px; opacity: 0.8;}
.footer .footer-bottom {padding: 5px 0; line-height: 32px; }
}
@media ( max-width:670px) {
.footer .fleft .blogo {width:100%; }
.footer .fleft .call { text-align: left; width:0px; display: none; }
.footer .footer-bottom .footer-bottom-left .fr{ float: left!important;}
.footer .footer-bottom { text-align: left; line-height:28px; padding: 10px 0;}
.footer .footer-contact{ width:100%; float: none;  }
.footer .share {width: 0px;display: none; float: none;}
.footer .footer-contact dl { width: 100%; float: none;}
}
@media ( max-width:570px) {
.footer { padding-top: 30px;}
.footer .fleft { height: 65px; }
.footer .fleft .call { font-size: 22px;}
.footer .footer-contact dd .footer-contact-txt{ width: 100%; }
 }