@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-36{padding-bottom: 36%;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-53{padding-bottom: 53%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.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-120{padding-bottom: 120%;}
.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; }
.container{ position: relative;}
.page-section{ padding:80px 0;}
.page_title {line-height: 1;margin-bottom:35px;}
.page_title .left{float:left; position: relative;}
.page_title .left::before { position: absolute; content: ""; width: 4px;  height: 100%; background-color: #0547ab;}
.page_title .left .tit{font-size:1.2rem; font-weight: bold; text-transform: uppercase; color: #111; line-height: 1; margin-bottom:10px; padding-left: 20px;}
.page_title .left .con{font-size:24px; color:#222; display: inline-block; padding-left: 20px;}
.page_title .right{float:right; margin-top:1.1rem;}
.page_title .right .more{font-size:15px; color:#222; line-height:30px;}
.page_title .right .more:hover{color:#bc0b13;}
.page_title .right .more .icon{display:inline-block; background:url(../images/anniu_jt1.png) no-repeat center; width:17px; height:10px; transition:.3s ease; }
.page_title .right .more:hover .icon{background:url(../images/anniu_jt2.png) no-repeat center;}
.page_title .left .tit a:hover{ color:#0032a4;}
@media (max-width:1366px) {
.page-section{ padding:50px 0;}
.page_title .left .tit{font-size:1rem; color:#0032a4; font-weight:600; line-height:1.5; margin-bottom:10px;display: inline-block;}
}
@media (max-width:1024px) {
.page_title .left .tit{font-size:24px; line-height:1}
.page_title .left .con{font-size:18px; color:#222; line-height:1.4;display: inline-block;width: 100%;margin-left: 0px;}
}
@media (max-width:767px) {
.page-section{ padding:40px 0;}
.page_title { margin-bottom:20px;}
.page_title .left .tit{font-size:20px; font-weight:bold; color:#222222; line-height:1.1; margin-bottom:10px; display:block;}
.page_title .left .con{font-size:16px; color:#222; line-height:1.5; width: 100%;margin-left: 0px; display:block;}
.page_title .right{float:right; margin-top:0.38rem;}

}

/*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: #014d94;border: 1px solid #014d94;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;}
}
header{position: fixed;height: 100px;width: 100%;top:0;left:0;z-index: 300;background-color:#fff;transition:all 0.3s;}
header.on-header .header_top{ display:none;}
header.on-header{height:100px;border-bottom:1px solid #e5e5e5;}
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: 25%;}
header .header .header-ul li .secwen-right { transform: translateX(60px);transition: .3s;}
header .header .header-ul li{font-size:18px;display:inline-block;height:100px;line-height: 100px;margin:0 2.5%;color: #000;position:relative;}
header .header .header-ul li:last-child{ margin-right:0px;}
header .header .header-ul li>a:hover:after{ width:100%}
header .header .header-ul li.first:hover a{ color:#333}
header .header .header-ul li.first:hover a:after{ width:0}
header .header .header-ul li:hover>a{ color:#e50113}
header .header .header-ul li .header-xia .left .title-div .tit:hover{ color:#e50113}
header.on-header .header .header-ul li{height:100px;line-height:100px;transition:all 0.3s;}
header.on-header .header .header-right{top:100px;transition:all 0.3s;}
header.active .header .header-ul li .secwen-right{opacity: 1;filter: alpha(opacity=100);transform: translateX(0);transition: .3s;}
header .header .header-right.secwen-right {opacity: 0;filter: alpha(opacity=0);transform: translateX(60px);transition: .3s;}
header.active .header .header-right.secwen-right {opacity: 1;filter: alpha(opacity=100);transform: translateX(0);transition: .3s;}
header .header .header-ul li>a{display: inline-block; }
header .header .header-ul li>a.cur:after{width:100%;}
header .header .header-ul li>a.cur{color:#e50113;}
/*header .header .header-ul li>a:after{position:absolute;bottom:2px;left:0;transition:all 0.3s;width:0;height:2px;background-color:#e60012;content:"";}*/
header .header .header-ul li.first{margin-right: 1.5rem;}
header .header .header-ul li.first:after{position:absolute;top:50%;transform:translateY(-50%);width:1px;height: 16px;background-color: #cccccc;content: "";right:-1rem;}
header .header .header-ul li>a{color:#333;transition:all 0.3s;}
header .header .header-ul li.first a{cursor: initial}
header .header .header-ul li .header-xia{position:fixed;top:100px; background-color:#fff;min-width:24.5rem;z-index:5;left:0%;display:none;width:100%;border-top:1px solid #eee;box-sizing:border-box;}
header .header .header-ul li .header-xia .center-div{width:100%; min-height: 270px;}
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:57%; background-color:#f7f7f7 ; height: 100%;  min-height: 240px;padding: 50px 0 50px 14%;}
header .header .header-ul li .header-xia .left .title-icon{ width: 30%; float: left; border-right: 1px solid #ededed; min-height: 240px;}
header .header .header-ul li .header-xia .left .title-icon dt{ float: left;}
header .header .header-ul li .header-xia .left .title-icon dd{ float: left; font-size: 24px; color: #000; margin-left: 10px; margin-top: 10px; }
header .header .header-ul li .header-xia .left .top-nav{ width: 70%; float: left; padding-left: 5%; padding-right: 5%;min-height: 240px;}
header .header .header-ul li .header-xia .left .top-nav .title-div { width: 46%; float: left; margin-left: 4%;}
header .header .header-ul li .header-xia .left .title-div .tit{font-size:18px;color:#555;line-height:30px; padding-bottom: 10px; margin-bottom: 20px; display:block;position:relative;box-sizing:border-box;}
header .header .header-ul li .header-xia .left .title-div .tit:after{position:absolute;bottom:0;width:0;height:2px;background-color:#e50113; left:0;content:"";transition:all 0.3s;}
header .header .header-ul li .header-xia .left .title-div a:hover:after{width:80%;}
header .header .header-ul li .header-xia .right{float:left;white-space:nowrap;padding-left:5%;padding-top: 50px;width:43%;}
header .header .header-ul li .header-xia .right .img img{max-width:100%;}
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;}

/*底部CSS*/
footer{padding: 1.75rem 0 0; background:#212938 url(../images/foot_bg.png) no-repeat left bottom;}
footer .footer-left{ width:22%; float:left; margin-right:2%; }
footer .footer-left dt{font-size:0.5rem;margin-bottom: 20px; width: 30%; font-weight: bold; padding-bottom: 20px; position: relative; border-bottom: 1px solid #93989c;}
footer .footer-left dt:before {content: '';position: absolute;left: 0px;bottom: -1px;width: 30%;height: 1px;background: #DF0024;z-index: 1;}
footer .footer-left dt a{color:#fff;}
footer .footer-left dd{ margin-bottom:0.4rem; 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:64%; float:left; margin-bottom:1.5rem;}
footer .footer-ul li{ width: 20%; float: left; vertical-align:top; margin-right: 5%; }
footer .footer-ul li dt{font-size:0.5rem;margin-bottom:20px; width: 50%; font-weight: bold; padding-bottom: 20px; position: relative; border-bottom: 1px solid #93989c;}
footer .footer-ul li dt:before {content: '';position: absolute;left: 0px;bottom: -1px;width: 30%;height: 1px;background: #DF0024;z-index: 1;}
footer .footer-ul li dt a{color:#fff;transition:all 0.3s;}
footer .footer-ul li dd{font-size:16px;margin-bottom:0.4rem;}
footer .footer-ul li dd a{color:#93989c;transition:all 0.3s;}
footer .footer-ul li dd a:hover{color:#DF0024; }
footer .footer-right{ width:12%; float:right; }
footer .footer-right .right-name{font-size:0.5rem;color:#fff;margin-bottom:20px; width:55%; font-weight: bold; padding-bottom: 20px; position: relative; border-bottom: 1px solid #93989c;}
footer .footer-right .right-name:before {content: '';position: absolute;left: 0px;bottom: -1px;width: 30%;height: 1px;background: #DF0024;z-index: 1;}
footer .footer-right .guan-img{margin-top:0.75rem;text-align:center;width:2.5rem;}
footer .footer-right .guan-img img{width:100%;}
.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{height:2rem;line-height:2rem;border-top:1px solid rgba(255, 255, 255, 0.05);}
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:2.35rem;height: calc(100vh - 2.75rem);background-color:#fff;left:0;width:100%;z-index:300;display:none;}
.pho-header ul{width:87.5%;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 #f0f0f0;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: 1681px){
footer .footer-ul li{margin-right:1.7rem;}
}
@media (max-width: 1440px){
footer .footer-ul li{margin-right:1.2rem;}
}
@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;}
}
@media (max-width: 1280px){
header .header .header-ul li{ margin:0 2.5%; }
footer .footer-ul li{margin-right:1rem;}
.footer-share .share-item { margin-right: 3px;}
}
@media (max-width: 1200px){
header .header .logo { width: 20%; top: 20px; }
header .header .header-ul li{ margin:0 1.6%; }
}
@media (max-width: 1024px){
.header_top { display:none;}
.container {width: 96%;}
header {height: 2.35rem;}
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{display:none;}
header .header .logo img.logoimg1{display:block;}
header .header-btn{display:block;right:0;}
header .header{height:2.35rem;}
header .header .logo{top:50%;transform:translateY(-50%);}
header{border-bottom:1px solid #e5e5e5;box-sizing:border-box;}
header .header .header-right .en-tab{top: 0.5rem;right: 1.2rem;}
footer .footer-bottom p{ font-size:15px;float:left;}

}
@media (max-width: 992px){
footer .footer-left{ width:100%; float: none; margin-right:0; }
footer .footer-right{display:none;}
footer .footer-ul{display:none;}
footer .footer-left{position:relative;margin-bottom:30px}
footer .footer-left dt{font-size:18px;margin-bottom: 20px; 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; margin-bottom:15px}
footer .footer-top{padding-bottom:0;}
footer .footer-bottom p{width:100%; }
}
@media (max-width: 767px){
header{height:0.75rem;}
header .header{height:0.75rem;}
header .header .logo{position:absolute;top:0.4rem;width:2.5rem;}
header .header-btn{width:30px;height:20px;}
.pho-header{top:0.75rem;height:calc(100% - 1rem);}
.pho-header ul li dt{font-size:16px;line-height:0.8rem;margin-bottom:0;}
.pho-header ul li dd{font-size:15px;line-height:0.7rem;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; }
footer .footer-bottom{height:0.7rem;padding-top:0.2rem; margin-top:0.3rem;line-height:0rem;}
.bottom-index-fixed.show1{display:none;}
footer .footer-left dd{font-size:15px; line-height:24px; margin-bottom:1%}
}
@media (max-width: 667px){
.pho-header ul li dt{font-size:16px;line-height:0.6rem;margin-bottom:0;}
.pho-header ul li dd{font-size:15px;line-height:0.6rem;padding-left:0.2rem;}
footer{padding:0.5rem 0; border-top:1px solid #777;}
footer .footer-left .num-tel{font-size:20px;line-height:24px;}
footer .footer-bottom{height:1.2rem;}
footer .footer-bottom p{font-size:15px;line-height:24px;}
}
@media (max-width: 600px){
header{height:1rem;}
header .header{height:1rem;}
header .header .logo{position:absolute;top:30px;width:2.5rem;}
.pho-header{top:1rem;height:calc(100% - 1rem);}
footer .footer-bottom .zhichi.fr{ float: none;}

}
@media (max-width: 400px){
header .header .logo{top:25px;}
}
.footer1 {height: 28px;width: 100%;margin-top: 18px;}
.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:#0b6fba;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 #a0a0a0;opacity: 0.5;}


.list-products-search{background: #F8F8F8;padding:20px;margin-bottom: 30px;line-height:35px;}
.list-products-search input[type=text]{border-radius: 0;border:none;box-shadow: none;background: #F8F8F8;font-size:16px;color:#333;padding:0;}
.list-products-search button{border-radius: 0;padding:0 12px;border:none;box-shadow: none;background: #F8F8F8;font-size:20px;}
@media (max-width: 768px){
.list-products-search{background: #F8F8F8;padding:10px; }
.list-products-search button{ padding:0 5px;}
}