@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;}
.pc{ display: block;}
.mob{ display: none;}
@media (max-width:1200px) {
.pc{ display: none;}
.mob{ display: block;}
}
/*通用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-144{padding-bottom: 144%;}
.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{ display:block; width:130px; border-left: 1px solid #bfbfbf;border-top: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; border-bottom: 3px solid #ff9933;height:45px; line-height:45px; text-align:center;}
.more a{display:block; color: #666; font-size: 16px;}
.more:hover{ background-color:#ff9933;border-left: 1px solid #ff9933;border-top: 1px solid #ff9933; border-right: 1px solid #ff9933; }
.more:hover a{color: #fff; }
.about-link.more{ margin-top:45px;}
.about-link.more a{ background:#1a489b; color:#fff}
.about-link.more a:hover{ background:#bb0404;}

@media (max-width: 1200px) {
.about-link.more{ margin-top:35px;}
.about-link.more a{ font-size: 15px;} 
}
/*.container{ position: relative;}*/
.page-section{ padding:90px 0;}
.page_title { line-height: 1; margin-bottom:30px;}
.page_title h3 { padding-bottom:20px; font-size: 24px; font-weight: bold; color: #2084c5;}
.page_title p{ font-size:36px; line-height: 50px;}
.page-tit { 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:1600px) {
.page_title p{ font-size:30px; line-height: 40px;}
}
@media (max-width:1366px) {
.page-section{ padding:60px 0;}
.page_title h3 { font-size: 22px; }
.page_title p{ font-size:28px; }
.page-tit h3{ font-size: 26px; }
.page-tit p{ font-size: 15px; }
}
@media (max-width:1280px) {
.page_title h3 { font-size: 20px; }
.page_title p{ font-size:26px; }
}
@media (max-width:1024px) {
.page-section{ padding:40px 0;}
.page_title { margin-bottom:30px;}
.page_title h3 { font-size: 20px; padding-bottom: 15px;}
.page_title p{ font-size:24px; }
.page-tit h3{ font-size: 26px; margin-bottom: 15px;}
}
@media (max-width:768px) {
.page-section{ padding:30px 0;}
.page_title { margin-bottom:20px;}
.page_title h3 { font-size: 18px; }
.page_title p{ font-size:20px; line-height: 34px;}
.page-tit h3{ font-size: 22px; margin-bottom: 15px;}
.page-tit p{ width: 100%; }
}
@media (max-width:568px) {
.page_title p{ font-size:18px; line-height: 30px;}
}
/*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: 90px;width: 100%;top:0;left:0;z-index: 300; background: #fff; border-bottom: 1px solid rgba(255,255,255,.5);}
header.on-header .header_top{ display:none;}
header.on-header,header:hover{height:90px;border-bottom:1px solid #e5e5e5;background-color:#fff;}
header .header{position:relative;}
header .header .logo{position:absolute;top:10px;left:0; display: block;z-index:10;}
header .header .logo img.logoimg1{display:none;}
header .header .header-ul{font-size: 0;text-align: left;margin-left: 35%;}
header .header .header-ul li{font-size:20px;display:inline-block;height:90px;line-height: 90px;margin:0 3.3%;color: #333;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:#ff9933}
header .header .header-ul li .tit-a{ line-height: 86px;}
header .header .header-ul li .tit-a:hover,header .header .header-ul li.on .tit-a{ border-bottom: 2px solid #ff9933;}
header .header .header-ul li .header-xia .left .title-div .tit:hover{ color:#ff9933}
header.on-header .header .header-ul li,header:hover .header .header-ul li{height:90px;line-height:90px;color: #333;}
header.on-header .header .header-right,header:hover .header .header-right{top:90px; }
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:#ff9933;}
/*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; }
header .header .header-ul li.first a{cursor: initial}
header .header .header-ul li .header-xia{position:fixed;top:90px; background:#fff url(../jpg/about_nav.jpg) no-repeat bottom right;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: 230px;}
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:90px;}
header .header .header-ul li .header-xia .left{float:left;width:36%; background-color:#f7f7f7 ; height: 100%; min-height: 230px;padding: 10px 0 40px 11.5%;}
header .header .header-ul li .header-xia .left .top-nav{ /*width: 70%; float: left; min-height: 200px;*/ padding-right: 3%; padding-left:8%; padding-top: 7%; padding-bottom: 15%;}
header .header .header-ul li .header-xia .left .title{ font-size: 24px; line-height: 45px; margin-bottom: 15px; color:#666}
header .header .header-ul li .header-xia .left .top-nav .title-div {/*width: 50%;*/ text-align: left;}                   
header .header .header-ul li .header-xia .left .top-nav .title-div .tit {font-size:17px;color:#666;line-height:40px;display:block; box-sizing:border-box;}
header .header .header-ul li .header-xia .left .bottom-nav{ border-top: 1px solid #dcdcdc; padding-top: 7%; padding-bottom: 5%; padding-left: 8%; width: 90%;}
header .header .header-ul li .header-xia .left .bottom-nav dl dd{color:#666;font-size: 16px; display: block; line-height: 32px; margin-bottom: 0px; }
header .header .header-ul li .header-xia .right{float:left; padding-left:5%;padding-top: 80px;width:64%; overflow: hidden;}
header .header .header-ul li .header-xia .right h3{ font-size: 24px; color:#2084c5; font-weight: bold; margin-bottom: 30px;}
header .header .header-ul li .header-xia .right .rightdesc {width:60%; font-size: 16px; color:#666; line-height: 32px;}

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.on-header .header .header-ul li>a,header:hover .header .header-ul li>a{color:#333; }
header.on-header .header .logo img,header:hover .header .logo img{display:none;}
header.on-header .header .logo img.logoimg1,header:hover .header .logo img.logoimg1{display: block;}
header.on-header .header .header .header-ul li.language,header:hover .header .header .header-ul li.language{ border-left: 1PX solid #333; }

.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 {border-bottom:1px solid #e5e5e5;}
.pho-header ul li a{line-height:55px; }
.pho-header ul li dt{font-size:16px;color:#333;}
.pho-header ul li dt a{color:#333;display:block;background-repeat:no-repeat;background-position:right center;background-size:12px;background-image:url(../png/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: #2084c5;}
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);}
@media (max-width: 1440px){
header .header .header-ul{ margin-left: 28%;}
header .header .header-ul li {margin: 0 3.25%;}
}
@media (max-width: 1366px){
header .header .header-ul{ margin-left: 24%;}
}
@media (max-width: 1300px){
header .header .header-ul li{ margin:0 3.13%; }
}
@media (max-width: 1280px){
header .header .header-ul li{ margin:0 3%; }
}
@media (max-width: 1200px){
header .header .logo { width: 20%; top: 10px; }
header .header .header-ul li{ margin:0 2.6%; }
.pho-header ul li dt{ margin-bottom:0.3rem;margin-top:0px;}
}
@media (max-width: 1180px){
.header_top { display:none;}
.container {width: 96%;}
header{height:70px;}
header .header{height:70px;}
header.on-header,header:hover{height: 70px; }
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 .logo{top:50%;transform:translateY(-50%);}
header{border-bottom:1px solid #e5e5e5; background-color: #fff; box-sizing:border-box;}
header .header .header-right .en-tab{top: 0.5rem;right: 1.2rem;}
}
@media (max-width: 767px){
header .header .logo{position:absolute;}
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;line-height:0.7rem;padding-left:0.2rem;}
.pho-header ul{margin-top:0.2rem;}
}
@media (max-width: 667px){
.pho-header ul li dt{font-size:16px; margin-bottom:0;}
.pho-header ul li dd{font-size:15px; padding-left:0.2rem;}
}
@media (max-width: 600px){
header .header .logo{position:absolute;top:30px;width:30%;}
header .header .logo img{ width: 100%;}
header{height:60px;}
header .header{height:60px;}
header.on-header,header:hover{height: 60px; }
}

/*底部CSS*/
.footer{ background:#323438; padding-bottom: 80px;}
.footer .footer-top {border-bottom: 1px solid #56585b;padding:55px 0 105px;}
.footer .footer-top .footer-top-l{ width: 40%; float: left;}
.footer .footer-top .footer-top-r{ width: 60%; float: right;}
.footer .footer-top .footer-top-r ul li{ width: 16.66666667%; float: left; text-align: right;line-height: 50px;height: 50px;}
.footer .footer-top .footer-top-r ul li a{ color: #999a9b; font-size: 18px; }
.footer .footer-bottom{ padding-top: 60px;}
.footer .footer-bottom .footer-bottom-left{ width: 88%; float: left; }
.footer .footer-bottom .footer-bottom-l{ width: 50%; float: left; color: rgba(255, 255, 255, 0.4);}
.footer .footer-bottom .footer-bottom-l .tit{ font-size: 24px; margin-bottom: 15px; color: rgba(255, 255, 255, 0.4);}
.footer .footer-bottom .footer-bottom-l .desc{ font-size: 16px; margin-bottom:45px; color: rgba(255, 255, 255, 0.4);}
.footer .footer-bottom .footer-bottom-l p{ line-height: 32px; font-size: 16px;}
.footer .footer-bottom .footer-bottom-l p a:hover{ color: #cc1b1b;}
.footer .footer-bottom .footer-bottom-m{ width: 50%; float: right; color: rgba(255, 255, 255, 0.4);}
.footer .footer-bottom .footer-bottom-m li{ line-height: 32px; font-size: 16px; margin-bottom:8px;}
.footer .footer-bottom .footer-bottom-r{ width: 12%; float: left;text-align: right;}
.footer .share {text-align: right;}
.footer .share .foot-share { margin-top:20px; }
.footer .share .foot-share .wechat { position: relative;}
.footer .share .foot-share .wechat:hover .vx { display: block;}
.footer .share .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 .share .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 .share .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 .share .foot-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.footer .share .foot-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.footer .share .foot-share a { margin-left:5px; float: right;}
@media (max-width: 1024px){
.footer{ padding-top: 20px; padding-bottom:30px;}
.footer .footer-bottom{ padding-top: 40px;}
.footer .footer-bottom .footer-bottom-left{ width: 100%; float: none; }
.footer .footer-bottom .footer-bottom-r{ width: 0; float: none; display: none;}
}
@media (max-width: 992px){
.footer .footer-top {border-bottom:0px solid #56585b;padding:0px 0 0px; height: 0px; display: none; }
}
@media (max-width:768px){
.footer .footer-bottom{ padding-top:30px;}
.footer .footer-bottom .footer-bottom-l{ width: 100%; float: left; color: rgba(255, 255, 255, 0.4);}
.footer .footer-bottom .footer-bottom-l .tit{ display: none;}
.footer .footer-bottom .footer-bottom-l .desc{ display: none;}
.footer .footer-bottom .footer-bottom-l p{ line-height: 32px; font-size: 16px;}
.footer .footer-bottom .footer-bottom-m{ width:100%; float: left; color: rgba(255, 255, 255, 0.4);}
.footer .footer-bottom .footer-bottom-m li{ line-height: 32px; font-size: 16px; margin-bottom: 10px;}
}
@media (max-width: 667px){
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){
footer .footer-bottom .zhichi.fr{ float: none;}
footer .footer-right{ width: 0px; display: none;}
.footer .footer-bottom .footer-bottom-m li{ line-height:28px; margin-bottom: 5px;}
}
.footer1 {height: 28px;width: 100%;margin-top: 17px;}
.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:#636363;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;}