@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 '微软雅黑';}
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;overflow:visible !ie;}
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);
}
/*通用page*/
.page{color: #777777; text-align: center; margin-top: 30px; clear:both;float: none;}
.page a,.page span { color: #777777;border: 1px solid #ededed;padding: 13px 18px;vertical-align: rightdle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #d72222;border: 1px solid #d72222;padding: 13px 18px;}
.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;}
}

.page .a1{ background:#fff url(../images/page_l.png) no-repeat center;}
.page .a1,.page .a2{color: #fff; padding: 14px 25px;}
.page .a2{ background:#fff url(../images/page_r.png) no-repeat center;}

.page .a1:hover,.page .a2:hover{ border: 1px solid #d72222; padding: 14px 25px;}
.page .a1:hover{ background:#d72222 url(../images/page_l_h.png) no-repeat center;}
.page .a2:hover{ background:#d72222 url(../images/page_r_h.png) no-repeat center;}

header{ display:block}
/*通用样式*/
.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-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-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);}

.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-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:#d72222; line-height:30px; position: relative; }
.more a:after{ position: absolute; right:10px; left: auto; width: 40px; height: 30px; top: 17px; content: ""; background: url(../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;}
}


/* 导航部分 */
.header{width: 76%; min-width: 1440px; position: fixed;top: 0px;left: 12%; border-bottom: 1px solid rgba(255,255,255,0.175); z-index: 99;height: 90px; transition: top .5s ease;-webkit-transition:top .5s ease;}
.header.fixed{top:0; }
.header .logo{width: 190px;height: 41px;background-image: url(../images/logo.png);background-position: center center;background-repeat: no-repeat;margin-top: 24px;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;width:8%;}
.header .header_tools .mobile_key{display: none;}
.header .header_nav .nav_container>ul>li{float: left;width: 14.2%;text-align: center;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.language{width:50%;color: #000;font-size: 18px;border-right: none;height: 90px;line-height: 90px;}
.header .header_tools li.language a{color: #fff;}

/* 下拉 */
.header .header_box{position: relative;	}
.header .header_nav .inner_box{position: absolute;top: 100%;left: -18%;width: 134%;padding: 65px 10% 65px;background: #fff; display: none;border-top: 1px solid #f5f5f5;}
.header .header_nav .inner_box .box_l{width: 65%;float: left;padding-left:7%;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 .box_r{width: 25%;float: left;text-align: left;opacity: 0;filter: alpha(opacity=0);transform: translateX(20px);transition: all .5s cubic-bezier(.4,.5,.58,1.11);transition-delay: 0.4s;}
.header .header_nav .inner_box.inner_hover .box_l,
.header .header_nav .inner_box.inner_hover .box_r{opacity: 1;filter: alpha(opacity=100);transform: translate(0,0);}
.header .header_nav .inner_box .box_l li{width: 20%;float: left;height: 30px;line-height: 30px;font-size: 18px;margin-top: 11px;color: #000;position: relative;text-align: left;padding-top: 15px;margin-bottom: 35px;}
.header .header_nav .inner_box .box_l li:before{content: '';position: absolute;top: 0;left: 0;width: 30px;height: 1px;background: #000;transition: all .5s ease;-webkit-transition: all .5s ease;}
.header .header_nav .inner_box .box_l li a{display: block;}
.header .header_nav .inner_box .box_l li:hover:before{width: 72px;background: #cc0000;}

/* 产品下拉 */
.header .header_nav .pro .inner_box li:before{visibility: hidden;}
.header .header_nav .pro .inner_box li.t:before{content: '';position: absolute;top: 0;left: 0;width: 30px;height: 1px;background: #000;transition: all .5s ease;-webkit-transition: all .5s ease;visibility: visible;}
.header .header_nav .pro .inner_box ul:hover li.t:before{width: 130px;background: #cc0000;}
.header .header_nav .pro .inner_box ul{float: left;width: 25%;}
.header .header_nav .pro .inner_box ul li{float: none;width: 100%;font-size: 16px;color: #666;line-height: 1.6;height: auto;padding-top: 0;margin-top: 0;margin-bottom: 13px;}
.header .header_nav .pro .inner_box li.t{font-size: 18px;color: #000;padding: 30px 0 5px;}
.header .header_nav .pro .inner_box li.more{margin-top: 5px;font-size: 12px;font-family: "Impact";font-weight: normal;}

/* 触控 */
.header:hover,.header.show{width:100%;position: fixed;top: 0px;left: 0; background: #fff; border-bottom: 0px;}
.header:hover .header_box,.header.show .header_box{width: 76%; left: 12%; min-width: 1440px; }
.header .header_box:hover .logo,.header.show .header_box .logo{background-image: url(../images/logo2.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_search_fix{position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background: #cc0000;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: #cc0000;}
.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(../images/logo2.png);}
.search_hover .header_logo:after{display: none;}
.header.search_hover .header_box:hover .header_logo{background: #cc0000;}
.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: 1440px;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: 1440px;width: 1440px; 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: 1440px;width: 1440px; margin: 0 auto!important; }
.header .header_nav .inner_box .box_l{ padding-left:17%;}
}
@media (max-width:1800px){
.header{width:80%; min-width: 1440px; left: 10%;}
.header:hover .header_box,.header.show .header_box{width: 80%; left: 10%; min-width: 1440px; }
}
@media (max-width:1680px){
.header{ left: 6.7%;}
.header:hover .header_box,.header.show .header_box{ left:6.7%; }
}
@media (max-width:1600px){
.header{ left: 3%;}
.header:hover .header_box,.header.show .header_box{ left: 3%; }
}
@media (max-width:1440px){
.header{ left: 3%; min-width: 1320px;}
.header:hover .header_box,.header.show .header_box{ left: 3%; min-width: 1320px; }
}
@media (max-width: 1360px) {
.header{ left: 3%; min-width: 1240px;}
.header:hover .header_box,.header.show .header_box{ left: 3%; min-width: 1240px; }
.header .header_nav{width:71%;}
.header .header_logo{width: 19%;}
.header .header_tools{width:10%;}
}
@media (max-width: 1280px) {
.header{ left: 3%; min-width: 1200px;}
.header:hover .header_box,.header.show .header_box{ left: 3%; min-width: 1200px; }
.header .header_nav .inner_box{position: absolute;top: 100%;left: -18%;width: 124%;}
}
@media (max-width: 1240px) {
.header{ left: 3%; min-width: 1160px;}
.header:hover .header_box,.header.show .header_box{ left: 3%; min-width: 1160px; }
}

@media (max-width: 1200px) {
.header{ left: 3%; min-width: 1070px;}
.header:hover .header_box,.header.show .header_box{ left: 3%; min-width: 1070px; }
.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 5%;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 {display: flex;align-items: center;width: calc(100% - 50px);margin-right: 10px;border-bottom: 1px solid #E0E0E0;}
.mhead .m-search-box .input-box input {width:  calc(100% - 50px);margin-right: 10px;height: 40px;border: none;}
.mhead .m-search-box .input-box .search-icon {width: 40px;height: 40px;padding: 9px;}
.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 {width: 30px;position: absolute;left: 40px;top: 40px;}
.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(../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(../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(../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(../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;}
.mhead {display: block;position: fixed;left: 0;top: 0;width: 100%;z-index:99;background: #fff;}
.mhead .inbox{width: 98%;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:#cc0000;}
.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;}

.m-search-box .common_btn{height: 40px;line-height: 40px;background: #ffdf00; width: 100px; padding:0 10px;}
.m-search-box .common_btn::before{ width:100%;}
/*底部CSS*/
.footer {background: #202020; }
.footer .fleft {width: 100%; padding-bottom: 1.5%; height: 80px; font-size: 18px; border-bottom: 1px solid #383838;}
.footer .fleft .blogo {display: block; float: left; width: 81%;}
.footer .fleft .call { margin-top: 10px; text-align: right; line-height:45px; font-size: 30px; font-weight: bold; color: #fff; width: 19%; float: right; position: relative;}
.footer .fleft .call::before { position: absolute; left: 0px; top: 0px; content: ""; background: url(../images/tel.png) no-repeat; width: 60px; height: 60px;}
.footer .footer-top{ padding:80px 0;}
.footer .footer-ul{ text-align:left;width:58%; float:left; margin-bottom:80px;}
.footer .footer-ul li{ margin-right: 15%; float: left; vertical-align:top; }
.footer .footer-ul li dt{font-size:18px;font-weight: bold; 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:36px;}
.footer .footer-ul li dd a{color:rgba(255,255,255,.8);transition:all 0.3s;}
.footer .footer-ul li dd a:hover{color:#fafafa; }
.footer .footer-contact{ width:42%; float:left;  }
.footer .footer-contact dl { width: 68%; float: left;}
.footer .footer-contact dt{font-size:18px;font-weight: bold; margin-bottom:20px; }
.footer .footer-contact dt a{color:#fff;transition:all 0.3s;}
.footer .footer-contact dd{color:rgba(255,255,255,.8);font-size:16px; line-height: 36px; width: 100%;}
.footer .footer-contact dd a{color:rgba(255,255,255,.8);}
.footer .footer-contact b{ color: rgba(215,34,34,.8);font-size:24px;font-weight: bold;}
.footer .share {width: 32%;float: left;}
.footer .share dl { width:100%; float: none;}
.footer .f_social { padding: 0; text-align:right; height: 30px;}
.footer .f_social a{ float:left; color:#777; }
.footer .f_social i {width:32px; height:32px; line-height:32px; text-align:center; margin-right:10px;}
.footer .f_social .fa:before{position: static;}
.footer .f_social ul .weixin {position: relative;}
.footer .f_social .wechat { position: relative;}
.footer .f_social .wechat:hover .vx { display: block;}
.footer .f_social .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 .f_social .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 .f_social .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.footer .f_social .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.footer .f_social .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.footer .footer-bottom { line-height: 70px; border-top: 1px solid #383838;color:#fff;} 
.footer .footer-bottom a:hover{color:#fafafa;}
.footer .footer-bottom .footer-bottom-left{ font-size: 16px; width: 89%; float: left;}
.footer .footer-bottom .footer-bottom-right{ font-size: 16px; width: 11%; float: right;}
@media ( max-width:1468px) {
.footer .fleft .blogo {width: 78%;}
.footer .fleft .call { width:22%; }
.footer .footer-ul li{ margin-right: 14.5%; }
.footer .footer-bottom .footer-bottom-left{ width: 88%; }
.footer .footer-bottom .footer-bottom-right{ width: 12%; }
}
@media ( max-width:1366px) {
.footer .share .foot-share a { margin-right:6px; }
.footer .footer-ul li{ margin-right: 13.5%; }
.footer .footer-bottom .footer-bottom-left{ width: 86%; }
.footer .footer-bottom .footer-bottom-right{ width: 14%; }
}
@media ( max-width:1280px) {
.footer .footer-ul li{ margin-right: 12.5%; }
}
@media ( max-width:1200px) {
.footer .footer-ul{ width:58%; }
.footer .footer-ul li{ margin-right:11.5%; }
.footer .footer-contact{ width:42%;}
.footer .share .img img { width: 100%;}
.footer .share .foot-share a { margin-right:4px; }
.footer .footer-bottom .footer-bottom-left{ width: 84%; }
.footer .footer-bottom .footer-bottom-right{ width: 16%; }
}
@media ( max-width:1140px) {
.footer .footer-ul li{ margin-right:11%; }
.footer .footer-contact b{ font-size:20px; }
}
@media ( max-width:1040px) {
.footer .footer-ul li{ margin-right:10.5%; }
.footer .share .foot-share a { margin-right:0px; }
.footer .f_social i { margin-right:5px;}
}
@media ( max-width:1024px) {
.footer .footer-ul li{ margin-right:9.5%; }
}
@media ( max-width:992px) {
.footer .footer-ul{ display: none; width: 0px;}
.footer .footer-contact{ width:100%;}
.footer .share .img img { width: auto;}
.footer .fleft .blogo {width: 70%;}
.footer .fleft .call { width:30%; }
.footer .footer-bottom .footer-bottom-left{ width: 100%; }
.footer .footer-bottom .footer-bottom-right{ width: 100%; }
.footer .footer-bottom { line-height: 32px; padding-top: 10px;}
}
@media ( max-width:865px) {
.footer .fleft .blogo {width: 65%;}
.footer .fleft .call { width:35%; font-size: 26px;}
}
@media ( max-width:765px) {
.footer .fleft .blogo {width: 60%;}
.footer .fleft .call { width:40%; }
.footer .footer-top{ padding:40px 0;}
.footer .footer-ul{ margin-bottom: 40px;}
}
@media ( max-width:670px) {
.footer .fleft .blogo {width:0px; display: none;}
.footer .fleft .call { width:100%; text-align: left; padding-left: 50px; }
.footer .footer-bottom .footer-bottom-left .fr{ float: none!important;}
.footer .footer-bottom { text-align: center; 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 .fa{ width:17%; float: left;}
.footer .footer-contact dd .footer-contact-txt{ width: 83%; }
}
 
.footer1 {height: 30px;width: 100%;margin-top: 15px;}
.menu-footer {position:fixed;bottom:0;left:0;z-index:9999;opacity:.9;-webkit-transform: translateY(45px);-ms-transform: translateY(45px);-o-transform: translateY(45px);transform: translateY(45px);
transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;}
.menu-footer.on {-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.menu-footer {width:100%;height:45px;line-height:45px;text-align:center;background:#015696;font-size:0;}
.menu-footer a {position: relative; float:left;width:33.33%;width:calc(100% / 3);color:#fff;font-size:14px;}
.menu-footer a:hover {color:#fff;}
.menu-footer a ~ a:before {content: "";position: absolute;left: 0;top: 50%;margin-top: -5px;height: 10px;border-left: 1px solid #7db3d6;opacity: 0.5;}
