@charset "UTF-8";
@media (min-width: 768px) {
html {font-size: 28px!important;}
}
a{outline:none !important;}
.gun-hovernone::-webkit-scrollbar-track {background: transparent;}
.gun-hovernone::-webkit-scrollbar-thumb {background: transparent;}
.gun-hovernone::-webkit-scrollbar-thumb:window-inactive {background: transparent;}
.gun-hovernone::-webkit-scrollbar-thumb:vertical:hover {background: transparent;}
@media (min-width: 1025px) {
::-webkit-scrollbar {width: 6px;height:6px;}
::-webkit-scrollbar-track {background: #fff;}
::-webkit-scrollbar-thumb {background: #e60012;}
::-webkit-scrollbar-thumb:window-inactive {background: #e60012;}
::-webkit-scrollbar-thumb:vertical:hover {background: #e60012;}
html {font-size: 30px!important;}
body{-ms-overflow-style: scrollbar;}
}
@media (min-width: 1440px) {
html {font-size: 34px!important;}
}
@media (min-width: 1680px) {
html {font-size: 40px!important;}
}
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
overflow-y: scroll;
/* 0 */
-webkit-overflow-scrolling: touch;
/* 0 */
}
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: #f00; 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:#004499}.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;}

/*通用page*/
.page{font-size: 12px; color: #777777; text-align: center; margin-top: 40px;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed; background:#e5e5e5;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page i{color: #777777;display: inline-block;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;}
.page a:hover,.page span{color:#fff; background: #de000d;}
.page span.count { border: 0;background: 0;color: #777777;}

header{ display:block}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.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;}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:rightdle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.mb50{ margin-bottom:50px;}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.f-cb {zoom: 1;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[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-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-100{padding-bottom: 100%;}
.rect-109{padding-bottom: 109%;}
.rect-110{padding-bottom: 110%;}
.rect-120{padding-bottom: 120%;}
.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;}

.v-middle{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}
.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; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.clear.a{top: -54px;display:block;height: 1px;width: 100%;position: relative;}
.clean{/* zoom:1; */}
.clean:after,
.clean:before{content:'';display:table;}
.clean:after{clear:both;}
.center { width: 90%; margin-left: auto; margin-right: auto; max-width: 1765px; }
.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }
.justify:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }
.justify .line { display: inline-block; height: 0px; overflow: hidden; }
.justify > * { text-align: left; font-size: 14px; }
.justify .box { display: inline-block; vertical-align: top; }
.more a{ color:#666;font-size:15px; font-weight:normal;padding:10px 40px; border:1px #ccc solid; line-height:30px; }
.more a:hover{ background: #cc0000;border: 1px solid #cc0000; color: #fff;}
.container{ position: relative;}
.page-section{ padding:80px 0;}
.page_title { line-height: 1;text-align: center; margin-bottom:30px;}
.page_title h3 {position: relative;padding-bottom:30px;font-weight: 600; font-size: 36px;color: #333;}
.page_title h3 + p {margin-top: 20px;}
.page_title h3:after {display: block;position: absolute;bottom: 0;left: 50%;margin-left: -30px;width:60px;height: 3px;background: #e21515;content: '';}
.page_title p {font-size: 18px; line-height: 32px; width: 80%; margin: 0 auto; color: #666;}
.page-tit { text-align: center; margin-bottom: 30px;}
.page-tit h3{ font-size: 30px; margin-bottom: 20px;}
.page-tit p{ font-size: 16px; line-height: 30px; color: #666; width: 74%; margin: 0 auto;}
@media (max-width:1366px) {
.page-section{ padding:60px 0;}
.page_title p {width: 100%; }
.page-tit h3{ font-size: 26px; }
.page-tit p{ font-size: 15px; }
}
@media (max-width:1024px) {
.page-section{ padding:40px 0;}
.page_title { margin-bottom:30px;}
.page_title h3 { font-size: 26px; padding-bottom: 10px;}
.page_title p {font-size: 16px; line-height:28px;}
.page-tit h3{ font-size: 26px; margin-bottom: 10px;}
}
@media (max-width:768px) {
.page-section{ padding:30px 0;}
.page_title { margin-bottom:20px;}
.page_title h3 { font-size: 22px; padding-bottom: 15px;}
.page_title h3:after {width:40px;margin-left: -20px;}
.page_title h3 + p {margin-top:20px;}
.page_title p { line-height:26px;}
.page-tit h3{ font-size: 22px; margin-bottom: 15px;}
.page-tit p{ width: 100%; }

}

header{position: fixed;height: 100px;width: 100%;top:0;left:0;z-index: 9999; }
header.on-header,header:hover,header.active.on-header {height:100px;border-bottom:1px solid #e5e5e5; background: #fff;z-index: 9999;}
header .header{position:relative;}
header .header .logo{position:absolute;top:15px;left:0; display: block;z-index:10;}
header .header .logo img{width:100%;}
header .header .logo img.logoimg1{display:none;}
header .header .header-ul{font-size: 0;text-align: left;margin-left: 30%;}
header .header .header-ul li{font-size:18px;display:inline-block;height:100px;line-height: 100px;margin:0 2.9%;color: #fff;position:relative;}
header .header .header-ul li:last-child{ margin-right:0px;}
header .header .header-ul li:hover>a:hover{ color:#e50113}
header .header .header-ul li>a{display: inline-block; color:#fff;}
header .header .header-ul li .header-xia{position:fixed;top:100px; background-color:#fff;min-width:24.5rem;z-index:5;left:0%; padding: 50px 12% 50px 12%; display:none;width:100%;border-top:1px solid #eee;box-sizing:border-box;}
header .header .header-ul li .header-xia .center-div{width:100%;}
header .header .header-ul li .header-xia .center-div.pro_center-div{width:100%;margin-left: 20%;}
header.on-header .header .header-ul li .header-xia{top:100px;}
header .header .header-ul li .header-xia .left{float:left;width:32%; height: 100%; }
header .header .header-ul li .header-xia .left .top-nav{ width: 100%; min-height: 240px;}
header .header .header-ul li .header-xia .left .top-nav .top-nav-title { color: #cc0000; font-size: 24px; line-height: 38px; margin-bottom: 25px; font-weight: bold; }
header .header .header-ul li .header-xia .left .top-nav .title-div { width: 45%; float: left; margin-right: 5%;}
header .header .header-ul li .header-xia .left .title-div .tit{font-size:17px;color:#555;line-height:30px; padding-bottom: 10px;display:block; box-sizing:border-box;}
header .header .header-ul li .header-xia .left .title-div .tit:hover{ color:#e50113}
header .header .header-ul li .header-xia .left .title-div a:hover { color: #cc0000; }
header .header .header-ul li .header-xia .mid {float:left;width:28%; }
header .header .header-ul li .header-xia .mid img { width: 96%;}
header .header .header-ul li .header-xia .right{float:left; width:40%; padding-left: 5%; margin-top:2%;}
header .header .header-ul li .header-xia .right .title{ color: #666; font-size: 16PX; line-height: 36px;}
header .header-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:24px;display:none;}
header .header-btn .line{width: 100%;height: 2px;position: absolute;left: 0;background-color: #666;transition: all .2s;transform-origin: center;}
header .header-btn .line1{top: 0;}
header .header-btn .line2{top: 50%;margin-top: -1px;}
header .header-btn .line3{bottom: 0;}
header .header .header-ul li,header.active .header .header-ul li{height:100px;line-height:100px; }
header .header .header-ul li>a,header.active .header .header-ul li>a{color:#fff; }
header .header .header-right,header.active .header .header-right{top:100px;transition:all 0.3s;}
header .header .logo img.logoimg,header.active .header .logo img.logoimg{display:block;}
header .header .logo img.logoimg1,header.active .header .logo img.logoimg1{display: none;}
header.on-header .header .header-ul li,header:hover .header .header-ul li{height:100px;line-height:100px; }
header.on-header .header .header-ul li>a,header:hover .header .header-ul li>a{color:#333; }
header.on-header .header .header-right,header:hover .header .header-right{top:100px;transition:all 0.3s;}
header.on-header .header .logo img.logoimg,header:hover .header .logo img.logoimg{display:none;}
header.on-header .header .logo img.logoimg1,header:hover .header .logo img.logoimg1{display: block;}

/*底部CSS*/
footer{padding: 1.75rem 0 0; background:#2e2e30;}
footer .footer-top { margin-bottom: 30px;}
footer .footer-left{ width:20%; float:left;  }
footer .footer-left dt{font-size:18px;margin-bottom: 20px; font-weight: bold;}
footer .footer-left dt a{color:#fff;}
footer .footer-left dd{ line-height: 36px; color: #93989c;font-size:16px; }
footer .footer-left dd .fa{ font-size: 18px; margin: 0 5px 0 0; }
footer .footer-left dd a{color:#93989c;}
footer .footer-ul{ text-align:left;width:80%; float:left; margin-bottom:1.5rem;}
footer .footer-ul li{ width: 20%; float: left; vertical-align:top; }
footer .footer-ul li dt{font-size:18px;margin-bottom:20px; width: 50%; font-weight: bold; }
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:#93989c;transition:all 0.3s;}
footer .footer-ul li dd a:hover{color:#DF0024; }
footer .footer-mid .footer-mid-left{ width: 40%; float: left;}
footer .footer-mid .footer-mid-left p{color:#93989c; margin-bottom: 15px;}
footer .footer-mid .footer-mid-right{ width: 30%; float: right; text-align: right;margin-top: 25px;}
footer .footer-mid .footer-mid-left .inp_box_wrap {width:48%; margin-right:1%;}
footer .footer-mid .footer-mid-left .inp_box{display:block; width:100%; height:47px; line-height:47px; border:1px solid #93989c; padding:0; margin:0;border-radius: 0px; box-sizing:border-box; font-size:13px; color:#fff; background:#2e2e30; padding:0; text-indent:10px;}
footer .footer-mid .footer-mid-left .hd_btn{width:17%; border:none; text-align:center; background:#cc0000; font-size:18px; color:#fff; height:47px; line-height:45px; outline:none; cursor:pointer; padding:0; border:1px solid #cc0000; cursor:pointer;}
.footer-share { margin-top: 25px;}
.footer-share .wechat { position: relative;}
.footer-share .wechat:hover .vx { display: block;}
.footer-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-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-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-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.footer-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.footer-share .share-item { margin-right:8px;}
.footer-share>a:last-child { margin-right: 0;}
footer .footer-bottom{ padding: 10px 0; line-height: 28px; border-top:1px solid rgba(255, 255, 255, 0.5); margin-top: 30px;}
footer .footer-bottom p{color:#93989c;font-size:15px; }
footer .footer-bottom p a{color:#93989c;transition:all 0.3s;}
footer .footer-bottom .zhichi{width: 30%; text-align: right;}
.pho-header{position:fixed;top:60px;height: calc(100vh - 2.75rem);background-color:#fff;left:0;width:100%;z-index:300;display:none;}
.pho-header ul{width:90%;margin: 0 auto;margin-top:0.5rem;}
.pho-header ul li dt{font-size:16px;color:#333;line-height:38px;border-bottom:1px solid #e5e5e5;margin-bottom:0.3rem;margin-top:0.3rem;}
.pho-header ul li dt a{color:#333;display:block;background-repeat:no-repeat;background-position:right center;background-size:12px;background-image:url(../images/header-right.png);}
.pho-header ul li dd{font-size:15px;color:#666;line-height:35px;padding-left:0.5rem;border-bottom:1px dotted #e6e6e6;display:none;}
.pho-header ul li dd a{color:#666;display:block;}
header .header-btn.cur .line{top: 50%;bottom: auto;margin-top: -1px;background-color: #e50113;}
header .header-btn.cur .line1{transform: rotate(45deg);}
header .header-btn.cur .line2{opacity: 0;filter: alpha(opacity=0);}
header .header-btn.cur .line3{transform: rotate(-45deg);}
.bottom-index-fixed{position: fixed;width: 62px;right: 42px;bottom: 80px;z-index: 3;text-align: center;background-color: rgba(0,0,0,0.5);z-index: 100;display:none;padding-bottom: 4px;border-radius:4px;transition:all 0.3s;}
.bottom-index-fixed.show1{display:block;}
.bottom-index-fixed .tovasen-a .imgs{width:19px;height:17px;display: block;margin: 8px auto 5px;background-position:center;background-repeat:no-repeat;background-size:100% 100%;background-image:url(../images/tovasen-a.png)}
.tovasen-s0{font-size:0.3rem;color:#fff;}
.bottom-index-fixed.show1:hover{background-color:#e60012}
body.index-body .bottom-index-fixed.show1{display:none}

@media (max-width: 1440px){
header .header .header-ul li .header-xia{ padding: 50px 6% 50px 6%; }
header .header .header-ul li{margin:0 2.5%; }
}
@media (max-width: 1366px){
header .header .header-ul{ margin-left: 24%;}
header .header .header-ul li{ margin:0 2.7%; }
.footer-share .share-item { margin-right: 6px;}
header .header .header-ul li .header-xia .left .title-div .tit{font-size:16px;}
}
@media (max-width: 1280px){
header .header .header-ul{ margin-left: 22%;}
header .header .header-ul li{ margin:0 2.5%; }
.footer-share .share-item { margin-right: 3px;}
footer .footer-ul li dd{font-size:15px;}
footer .footer-left dd{ font-size:15px; }
header .header .header-ul li .header-xia .left .title-div .tit{font-size:15px;}
}
@media (max-width: 1200px){
header .header .logo { width: 20%; top: 20px; }
header .header .header-ul{ margin-left: 22%;}
header .header .header-ul li{ margin:0 1.6%; }
}
@media (max-width: 1024px){
.header_top { display:none;}
.container {width: 96%;}
header {height: 60px;}
header .header{height:60px;}
header.on-header,header:hover,header.active {height: 60px;border-bottom:1px solid #e5e5e5; background: #fff;}
header .header .header-right{right: 1rem;top: 0.3rem;}
header .header .header-right>a{display:none;}
header .header .header-ul{display:none;}
header .header .logo { width: 25%;}
header .header .logo img.logoimg,header.active .header .logo img.logoimg{display:none;}
header .header .logo img.logoimg1,header.active .header .logo img.logoimg1{display:block;}
header .header-btn{display:block;right:0;}
header .header .logo{top:50%;transform:translateY(-50%);}
header{border-bottom:1px solid #e5e5e5;box-sizing:border-box; background-color: #fff;}
header .header .header-right .en-tab{top: 0.5rem;right: 1.2rem;}
footer .footer-bottom p{ font-size:15px; }
footer .footer-bottom{ padding: 10px 0 15px;  line-height: 28px;}
}
@media (max-width: 992px){
footer .footer-left{ width:100%; float: none; margin-right:0; }
footer .footer-ul{display:none;}
footer .footer-mid{display:none;}
footer .footer-left{position:relative;margin-bottom:30px}
footer .footer-left dt{font-size:18px;margin-bottom: 0px; width:100%; font-weight: bold; padding-bottom: 10px; position: static; text-align: left; border-bottom: 0px solid #93989c;}
footer .footer-left dt:before {content: '';position: absolute;left: 0px;bottom: -1px;width: 0;height: 0px;background: #DF0024;z-index: 1;}
footer .footer-ul li dd{font-size:16px;margin-bottom:0.5rem;}
footer .footer-left dd{ text-align:left;font-size:15px; }
footer .footer-top{padding-bottom:0;}
footer .footer-bottom{ margin-top: 0px;}
footer .footer-bottom p{width:100%; }
}
@media (max-width: 767px){
header .header-btn{width:30px;height:20px;}
.pho-header{top:60px;height:calc(100% - 1rem);}
.pho-header ul li dt{font-size:16px; margin-bottom:0;}
.pho-header ul li dd{font-size:15px; padding-left:0.2rem;}
.pho-header ul{margin-top:0.2rem;}
footer{padding:0.3rem 0; border-top:1px solid #777;}
footer .footer-left .num-tel{font-size:20px;line-height:0.3rem;}
footer .footer-left .quan-tel{font-size:16px;line-height:0.3rem;margin-top:0.1rem;}
footer .footer-left .true-select{height: 0.8rem;width: 2.2rem;font-size: 0.2rem;margin-top: 0.4rem;padding-left: 0.5rem;background-position: 2rem center;line-height: 0.8rem;display: block;float:left;margin-left:0.5rem;}
footer .footer-bottom p{font-size:15px;line-height:0.3rem;}
footer .footer-left dd{font-size:0.2rem; }
.bottom-index-fixed.show1{display:none;}
footer .footer-left dd{font-size:15px; line-height:24px; margin-bottom:1%}
}
@media (max-width: 667px){
header .header .logo { width: 36%;}
footer{padding:30px 0 0px; border-top:1px solid #777;}
footer .footer-left .num-tel{font-size:20px;line-height:24px;}
footer .footer-bottom p{font-size:14px;line-height:28px;}
}
@media (max-width: 600px){
header {height: 50px;}
header .header{height:50px;}
header.on-header,header:hover,header.active  {height: 50px;border-bottom:1px solid #e5e5e5; background: #fff;}
.pho-header{top:50px;height:calc(100% - 1rem);}
footer .footer-bottom .zhichi.fr{ float: none;}
}