@import url('iconfont.css');
/*--reset--*/
html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
html *{outline:0; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing: border-box;}
body{font:14px "Arial"; overflow-x:hidden; background-color:#f4f4f4}
body,
div,
span,
a,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{margin:0;padding:0;box-sizing:border-box}
h1,h2,h3,h4,h5,h6{font-weight:500;}
a{color:#666;text-decoration:none}
a:focus{outline:none}
a,a:hover{color:#666;text-decoration:none}
img{display:block;width:100%;height:auto;border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
em,
i,
b{font-style:normal}
table th,
table td{padding:5px}
fieldset,
img{border:0}
address,
caption,
cite,
code,
dfn,
em,
i,
th,
var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
caption,th{text-align:left}
q:before,q:after{content:''}
p{word-spacing:-1.5px}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
input,
button,
textarea,
select,
optgroup,
option{font-family:inherit;font-size:inherit;outline:none;font-style:inherit;font-weight:inherit}
input,
button,
textarea,
select{*font-size:100%}
input,select{vertical-align:middle}
select,input,button,textarea,button{font:100% "Arial"}
table{font-size:14px;width:100%;border-collapse:collapse}
pre,code{font-family:monospace;*font-size:100%;line-height:100%}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin-left:auto;margin-right:auto}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.zoom{zoom:1}
.hidden{visibility:hidden}
.clear{clear:both;height:0;line-height:0;font-size:0}
.cf{zoom:1}
.cf:after{clear:both;content:'';display:block;height:0;visibility:hidden}
.fl{float:left}
.fr{float:right}
.clear-form{background:none;border:none 0;outline:0}
.bgset{background-repeat:no-repeat;background-position:center top;background-size:cover}
.img-box{display:block;width:100%;height:auto;overflow:hidden}
.img-box:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}
.img-box img{-webkit-transition:all .8s ease-out;-moz-transition:all .8s ease-out;transition:all .8s ease-out}
.bgWhite {background: #fff;}
.bgLittleDark {background: #f9f9f9;}
.bgBlack {background: #000;}
.bgOrange {background: #e67817;}
.bgBlue {background: #1163AC;}
.bgGreen {background: #00923f;}
/* end reset */
/* section */
section{padding:60px 0; overflow:hidden;}
/* end section */
/******************************************************/
/* header-wrap */
.header-wrap {position: relative; margin: 0; padding: 0;}
/* end header-wrap */
/* header */
.header { position: absolute; min-width:1366px; padding: 0 130px; box-sizing: border-box; display: block; width: 100%; height: 94px; z-index:10; /*background: #fff;*/}
.linear {
position: fixed;
background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.05)); /* Safari 5.1 - 6 */
background: -o-linear-gradient(to bottom,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.05)); /* Opera 11.1 - 12*/
background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.05)); /* Firefox 3.6 - 15*/
background: linear-gradient(to bottom,rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.05)); /* 标准的语法 */
}
.header .logo {margin: 5.5px 0;float: left;width: 128px;z-index:9;}
.header .logo img { display: block; width: 100%;}
.header .slogan {float: left;padding-left: 25px;margin: 18px 25px;border-left: 1px solid #ccc;}
.header .slogan p { font-size: 22px; color: #fff;}
.header .nav-btn { display: none; position: absolute; right: 15px; top: 27px; }
.header .nav-btn i { font-size: 24px; color: #fff;}
.header .tel { cursor: pointer; margin:31px 0;float: right;z-index: 10;}
.header .tel li{position: relative;z-index: 99;float:left;margin-left:80px;}
.header .tel li>a{display: block; width: 32px; height: 32px; line-height: 32px; color: #fff;font-size:14px;border-radius: 50%; background: #08c; text-align: center;}
.header .tel li>a i{display: block;font-size: 18px;}
.header .tel li:nth-child(2)>a{background:#1163AC;}
.header .tel li em {display:none;opacity: 0;transition: all 1s;position: absolute;right: 42px;top: 0;font-size: 16px;min-width: 130px;height: 32px;line-height: 32px;text-align: center;background: #08c;color: #fff;padding: 0 15px;border-radius: 5px;transform: translateX(100%);}
.header .tel li em:after{display:block;position:absolute;z-index:999;top:50%;right:-4px;margin-top:-4px;width:8px;height:8px;content:"";background:#08c;transform:rotate(-45deg);}
.header .tel li em a{color:#fff;}
.header .tel li:hover em {display:block;transform:translateX(0);opacity: 1;}
/* end header */
/* nav */
nav{float: right;position:relative;z-index:9;height:94px;line-height:94px;}
nav ul { display: flex;}
nav li{flex:none;position: relative;text-align: center;}
nav li:after{display:block;position:absolute;margin-left: -15px;bottom: 25px;left: 50%;width:30px;height:3px;content:"";background:#08c;transform:scaleX(0);transition: all 1s;}
nav li>a{display:block;padding:0 20px;font-size: 16px;color:#fff;font-weight: 500;}
nav li.active > a, nav li:hover > a { color: #08c;}
nav li .sub_menu{display:none;position:absolute;z-index:999;left:0;top:100%;min-width:100%;text-align:left;background:rgba(17,17,17,0.85);backdrop-filter:saturate(180%) blur(20px);}
nav li .sub_menu a{display:block;position:relative;white-space:nowrap;z-index:2;padding:0 20px;height:50px;text-align: left;line-height:50px;font-size:14px;color:#fff;border-top:rgba(255,255,255,0.1) solid 1px;}
nav li .sub_menu a:first-child{border-top:none;}
nav li .sub_menu a:before{display:inline-block;margin-right:10px;content:"-";}
nav li .sub_menu a:hover{color:#fff;background:#08c;}
nav li:hover .sub_menu{/*display:flex; flex-direction: column;*/display:block; }
nav li.active::after, nav li:hover::after{transform: scaleX(2);}
@media(max-width:1600px){
.header .logo { width: 100px; margin: 15px 0;}
.header .slogan { margin: 21px 15px; padding-left: 15px;}
.header .slogan p { font-size: 20px;}
.header { padding: 0 60px;}
nav li>a{padding: 0 15px;font-size: 16px;}
}
@media(max-width:1200px){
nav{display:none;}
.header {position: relative; padding:15px; height: auto; overflow: hidden; box-sizing: border-box; min-width: auto; background: #666;}
.header .logo { width: 75px; margin: 0;}
.header .slogan { margin:0 15px;}
.header .slogan p { font-size: 16px;}
.header .tel { display: none;}
.header .nav-btn { display:block;}
}
/* end nav */
/*--mobileMenu--*/
.mobileMenu {display:none; position:fixed; z-index:999; bottom:0; left:0; width:100%; height:60px; padding:0; text-align:center; background:#fff; border-top:#f0f0f0 solid 1px;}
.mobileMenu .back,.mobileMenu .nav-btn {position:absolute; top:0; width:60px; height:60px; cursor:pointer; overflow:hidden;}
.mobileMenu .back {left:0;}
.mobileMenu .nav-btn {right:0;}
.mobileMenu .back a,.mobileMenu .nav-btn a {display:block;}
.mobileMenu .back i,.mobileMenu .nav-btn i {display:block;font-size:18px;color:#666;transition:all 0.5s;}
.mobileMenu .nav-btn.active i {transform:rotate(-90deg);}
.mobileMenu .title {padding:0 60px;text-align:center;font-size:18px;color:#333;}
@media(max-width:1200px){
.mobileMenu {display:block;}
}
/* end mobileMenu */
/* inner-banner */
.inner-banner{position: relative;width:100%; height:700px;background-repeat:no-repeat;background-position:center;clear:both;}
.inner-banner .category-img-box {width:100%; height:700px;}
.inner-banner .category-img-box img{width:100%; height:100%;}
@media(max-width:1440px){
.inner-banner .position-wrap { width:1200px;}
}
@media(max-width:1200px){
.inner-banner{display:none;}
}
/* end inner-banner */
/* position-wrap */
.position-wrap{position: relative; /*width:100%; padding: 0 20px;*/ bottom: 0; /*left:50%;*/ height: 50px;text-align: left;line-height: 50px;/*transform: translate(-50%,0);*/ color:#08c; border-bottom: 0.5px solid #e0e0e0; z-index: 10;}
.position-wrap h2{ display:none; position:relative;padding-bottom:20px;font-size:36px; color:#08c;}
.position-wrap h2:after{display:block;position:absolute;left:50%;bottom:0;width:20px;height:2px;content:"";background:#fff; transform:translateX(-50%);}
.position-wrap .position {font-size:14px;display: inline-block; color:#08c;}
.position-wrap .position a{color:#08c;}
.position-wrap .position a:after{display:inline-block;margin:0 8px;font-family:"iconfont";content:"\e61d";}
.position-wrap .position a:last-child:after{display:none;}
.position-wrap .position a:hover{text-decoration:underline;}
/* end position-wrap */
/* wrap-title */
.wrap-title{text-align:center;overflow:hidden;animation:fadeinT 1s; margin-bottom: 20px; background:url(../images/wrap_title.png) no-repeat center 0;}
.wrap-title h2{font-size:36px;line-height:1.25;font-weight:normal;color:#626262;}
.wrap-title h2 a{color:#626262;}
.wrap-title i { position: relative; display: block; margin: 15px auto; width: 20px; height: 2px; background: #1163AC;}
.wrap-title i::after { content: ''; display: block; position: absolute; left: 50%; top: 0; width: 10px; height: 2px; background: #e67817;}
.wrap-title p { font-size: 16px; color: #666;}
.wrap-title em { position: relative; display: block; margin: 15px auto; width: 20px; height: 2px; background: #1163AC;}
.wrap-title em::after { content: ''; display: block; position: absolute; left: 50%; top: 0; width: 10px; height: 2px; background: #e67817;}
@media(max-width:1200px){
.wrap-title{margin-bottom:20px;padding:0;height:auto;background:none !important;}
.wrap-title h2{font-size:20px;}
.wrap-title i { margin: 10px auto ;}
.wrap-title p { font-size: 14px;}
}
/* end wrap-title */
/* wrap-header */
.wrap-header{position:relative;padding-bottom:30px;overflow:hidden;}
.wrap-header:before, .wrap-header:after{display:block;position:absolute;left:0;bottom:0;height:1px;content:"";}
.wrap-header:before{z-index:1;width:100%;background:#e0e0e0;}
.wrap-header:after{z-index:2;width:40px;height:3px;background:#08c;}
.wrap-header h2{font-size:36px;color:#626262;}
.wrap-header p{font-size:18px;color:#999;text-transform:uppercase;}
@media(max-width:1200px){
.wrap-header{margin-bottom:20px;padding:0;height:auto;background:none !important;}
.wrap-header h2{font-size:20px; padding-bottom: 15px;}
.wrap-header p { font-size: 14px;}
}
/* end wrap-header */
/* section-title */
.section-title{margin-bottom:40px;text-align:center;overflow:hidden;animation:fadeinT 1s ease-in-out;}
/*.section-title:before{display:block;margin:0 auto 10px;width:24px;height:2px;content:"";background:#ff6400;}*/
.section-title h2{font-size:32px;color:#626262}
.section-title h2 a{color:#626262;}
.section-title h2 a:hover{color:#08c;}
.section-title p{margin-top:6px;font-size:16px;color:#666;text-transform:uppercase;}
.section-title.white *{color:#fff;}
.section-title.white:before{background:#fff;}
.section-title em { position: relative; display: block; margin: 15px auto; width: 20px; height: 2px; background: #1163AC;}
.section-title em::after { content: ''; display: block; position: absolute; left: 50%; top: 0; width: 10px; height: 2px; background: #e67817;}
@media(max-width:1200px){
.section-title{margin-bottom:20px;}
.section-title h2{font-size:20px;}
.section-title p{margin-top:4px;font-size:14px;}
}
/* end section-title */
/* btn */
a.btn { display: inline-block; margin-right: 10px; padding: 0 15px; line-height: 40px; text-align: center; font-size: 14px; color: #e9e9e9; background: #08c; float: right; border-radius:3px; transition: all .5s; }
a.btn:hover{color:#fff; background:#08c; border-color:#08c;}
/* end btn */
/* btn-animation */
.btn-wave{position:relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);overflow:hidden;}
.btn-wave:before{content:'';display: block;width: 120%;height: 0;padding: 60% 0;background-color:rgba(0,0,0,0.25);border-radius: 50%;position: absolute;left: -10%;top: 50%;-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);z-index: -1;}
.btn-wave:hover:before{-webkit-animation: btnWave 2s ease;animation: btnWave 2s ease infinite;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@-webkit-keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}
@keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}
/* end btn-animation */
/* page */
.page{clear:both; padding:40px 0; width:100%; line-height:38px; text-align:center;}
.page .page-prev,.page .page-next{display:inline-block; vertical-align:middle;}
.page .page-prev a, .page .page-next a{display:block;width:40px;height:40px;color:#9a9a9a;border:#e5e5e5 solid 1px;background-color:#fff;background-position:center;background-repeat:no-repeat;border-radius:50%;}
.page .page-prev a:hover, .page .page-next a:hover{color:#fff;background-color:#08c;border-color:#08c;}
.page .page-num{display:inline-block;padding:0 20px;vertical-align:middle;}
.page .page-num a.a0, .page .page-num a.a1, .page .page-num a.a2 {display: none;}
.page .page-num a, .page .page-num span{display:inline-block;margin: 0 3px; cursor: pointer; width:40px;height:40px;font-size:16px;color:#9a9a9a;border:#e5e5e5 solid 1px;background:#fff;border-radius:50%;}
.page .page-num a:hover, .page .page-num a.active, .page .page-num span{color:#fff;background:#08c;border-color:#08c;}
@media(max-width:1200px){
.page{padding:20px 0;line-height:30px;}
.page .page-prev a, .page .page-next a{width:32px;height:32px;}
.page .page-num{padding:0 10px;}
.page .page-num a, .page .page-num span{margin:0 2px;width:32px; cursor: pointer; height:32px;font-size:14px;}
}
/* end page */
/* serviceBar */
.serviceBar{display:none;position:fixed;z-index:999;top:50%;right:0;transform:translateY(-50%);}
.serviceBar li{position:relative;margin-bottom:10px;}
.serviceBar li a{display:block;padding:5px;width:70px;height:60px;text-align:center;color:#666 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serviceBar li a>i{display:block;font-size:18px;}
.serviceBar li a>span{display:block;font-size:14px;}
.serviceBar li:hover a{color:#fff !important;background:#08c;border-color:rgba(255,255,255,0.1);}
.serviceBar li .infos{display:none;position:absolute;right:70px;padding:10px;width: 262px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serviceBar li .tel{top:0;}
.serviceBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;}
.serviceBar li .tel dd{padding-top:6px;font-size:20px;color:#08c;white-space:nowrap;}
.serviceBar li .QRcode{bottom:0;overflow:hidden;}
.serviceBar li .QRcode .item{overflow:hidden;margin: 0 10px;float: left;}
.serviceBar li .QRcode .item i{display:block;width:100px;}
.serviceBar li .QRcode .item img{display:block;width:100%;}
.serviceBar li .QRcode .item p{font-size:14px;color:#666;text-align:center;}
.serviceBar li:hover .infos{display:block;}
@media(max-width:1200px){
.serviceBar{top:80%;}
.serviceBar li{display:none;}
.serviceBar li:hover .tel{display:none !important;}
.serviceBar li#backTop{display:block;}
}
/* end serviceBar */
/* right-wrap */
.right-wrap{padding:0;overflow:hidden;}
.right-wrap .subBox{margin-bottom:20px;background:#fff;border:#f0f0f0 solid 1px;}
.right-wrap .subBox .hd{position:relative;padding:0 20px;line-height:48px;border-bottom:#f0f0f0 solid 1px;}
.right-wrap .subBox .hd:before{display:block;position:absolute;left:15px;top:50%;margin-top:-10px;width:4px;height:20px;content:"";background:#fff;}
.right-wrap .subBox .hd h3{font-size:16px;line-height:48px;color:#333;}
.right-wrap .subBox .hd h3 a{color:#333;}
.right-wrap .subBox .bd{padding:20px;overflow:hidden;border-top:none;}
.right-wrap .tagBox li{display:inline-block;margin:5px 5px 5px 0;font-size:14px;}
.right-wrap .tagBox li a{display:block;padding:5px 8px;color:#999;background:#f0f0f0;}
.right-wrap .tagBox li a:hover{color:#fff;background:#08c;}
.right-wrap .newsBox li{line-height:40px;font-size:14px; border-bottom: dashed 1px #efefef; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.right-wrap .newsBox li:last-child{margin-bottom:0; border-bottom: 0;}
.right-wrap .newsBox li a{color:#666;}
.right-wrap .newsBox li a:hover{color:#08c;}
.right-wrap .goodsBox .item{display:block;position:relative;margin-bottom:20px;text-align:center;overflow:hidden;border:#f0f0f0 solid 1px;}
.right-wrap .goodsBox .item:last-child{margin-bottom:0;}
.right-wrap .goodsBox .item img{display:block;width:100%;transition:all 1s;}
.right-wrap .goodsBox .item:hover img{transform:scale(1.1);}
.right-wrap .goodsBox .item h3{position:absolute;left:0;bottom:0;padding:10px;width:100%;line-height:25px;font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0.5);backdrop-filter:saturate(180%) blur(20px);}
.right-wrap .QRcode{padding:20px;overflow:hidden;border-bottom:#f0f0f0 solid 1px;}
.right-wrap .QRcode .pic{float:left;padding-right:20px;width:125px;border-right:#f0f0f0 solid 1px;}
.right-wrap .QRcode .pic img{display:block;width:100%;}
.right-wrap .QRcode .text{padding-left:20px;line-height:25px;font-size:14px;color:#666;overflow:hidden;}
.right-wrap .tel{padding:20px;overflow:hidden;}
.right-wrap .tel span{display:block;width:70px;height:24px;line-height:24px;text-align:center;font-size:14px;color:#fff;background:#08c;border-top-right-radius:10px;}
.right-wrap .tel p{font-size:24px;line-height:38px;font-weight:bold;color:#08c;}
.right-wrap .tel em{color:#999;}
/*blog-faq文章页*/
.show .right-wrap {padding:0;overflow:hidden;}
.show .right-wrap .subBox.active {display: block;}
.show .right-wrap .newsBox li{line-height: inherit; padding: 10px 0 5px;}
.show .right-wrap .newsBox li .tips {position: relative; height: 28px; line-height: 28px;}
.show .right-wrap .newsBox li .tips span{padding: 0 5px; border-radius: 100px; background: rgb(250, 250, 250); color: #666; font-size: 12px; line-height: 24px; text-align: center;}
.show .right-wrap .newsBox li .tips span:first-child{position: absolute; left: 0; top: 50%; transform: translate(0%, -50%);}
.show .right-wrap .newsBox li .tips span:last-child{position: absolute; right: 0; top: 50%; transform: translate(0%, -50%);}
.show .right-wrap .newsBox li a {color: #000; line-height: 30px; font-size: 16px; padding: 5px 0; margin: 10px 0; display: inline-block; white-space: wrap; width: 100%;}
.show .right-wrap .newsBox li p {color: #999; height: 50px; line-height: 25px; overflow:hidden;display:-webkit-box; white-space: wrap; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
@media(max-width:1200px){
.right-wrap{margin-top:20px;}
.right-wrap .goodsBox .bd{display:flex;flex-wrap:wrap;justify-content:space-between;}
.right-wrap .goodsBox .item{width:48%;}
.right-wrap .goodsBox .item h3{position:static;padding:5px 10px;color:#333;background:#f0f0f0;}
.right-wrap .goodsBox .item:last-child{margin-bottom:auto;}
}
@media (max-width: 992px){
.faq-lists .right-wrap { margin-top: 0px; }
.faq-lists .right-wrap .navBox {}
.faq-lists .right-wrap .navBox li{line-height: inherit; padding: 5px 0; position: relative; border: 1px solid #f0f0f0; margin: 5px 20px 5px 0;}
.faq-lists .right-wrap .navBox li:hover, .faq-lists .right-wrap .navBox li.active {border: 1px solid #08c;}
.faq-lists .right-wrap .navBox li:hover::before,
.faq-lists .right-wrap .navBox li.active::before{content: '⁘'; background:rgba(95, 95, 95, 0); color: #08c; cursor: pointer;}
.faq-lists .right-wrap .navBox li:hover a,
.faq-lists .right-wrap .navBox li.active a {color: #08c;}
.faq-lists .right-wrap .navBox .bd { padding: 0 20px 30px;}
.faq-lists .right-wrap .navBox .bd ul {display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: row; padding: 10px 0;}
.faq-lists .right-wrap .navBox .bd ul li { padding: 2px 10px; border-radius: 20px;}
.faq-lists .right-wrap .navBox li a {color: #000; line-height: 30px; font-size: 16px; padding: 0 5px; display: inline-block; white-space: wrap; }
.faq-lists .right-wrap .navBox li p {color: #999; height: 50px; line-height: 25px; overflow:hidden;display:-webkit-box; white-space: wrap; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
}
/* end layout */
/* footer */
footer { display: block; background: #111;}
footer .ft-info { padding-top: 63px;overflow: hidden;}
footer .ft-info dl { float: left; margin-right: 140px; margin-right: 80px;}
footer .ft-info dl dt {margin-bottom: 40px; }
footer .ft-info dl dt a { font-size: 16px; color: #fff;}
footer .ft-info dl dd a {display: block; margin-bottom: 10px; font-size: 14px; color: #666;}
footer .ft-info .info-lxwm { float: left; width: 530px; width: 450px;}
footer .ft-info .info-lxwm h3 { margin-bottom: 40px;}
footer .ft-info .info-lxwm h3 a { font-size: 14px; color: #fff;}
footer .ft-info .info-lxwm .lxwm-list p { padding: 10px 0; border-top: 1px solid #272727; display: block; font-size: 14px; color: #666;}
footer .ft-info .info-lxwm .lxwm-list p em { font-size: 20px; color: #fff; font-weight: bold;}
footer .ft-info .info-lxwm .lxwm-list p i { font-size: 18px; display: inline-block; margin-right: 8px; padding-right: 8px; border-right: 1px solid #292929;}
footer .ft-info .info-lxwm .lxwm-list p span {display: inline-block;vertical-align: top;width: 90%;}
footer .ft-info .info-lxwm .lxwm-list p:first-child { padding-top: 0; border: none;}
footer .info-code { float: right; }
footer .info-code .pic { margin-bottom: 22px; padding: 10px; background: #000; width: 130px; text-align: center;}
footer .info-code .pic img { display: block; width: 100%;}
footer .info-code .pic p { font-size: 14px; color:#999;}
footer .ft-copy { padding: 30px 0; margin-top: 50px; overflow: hidden;}
footer .ft-copy span { float: left; font-size: 14px; color: #666;}
footer .ft-copy .copy-link { float: right;}
footer .ft-copy .copy-link a { font-size: 14px; color: #666; margin-left: 10px;}
footer .ft-link { padding: 30px 0; overflow: hidden; border-top: 1px solid #292929;}
footer .ft-link dl { float: left; width: 90%;}
footer .ft-link dl dt { float: left; margin-right: 15px; font-size: 14px; color: #666;}
footer .ft-link dl dd a { float: left; margin-right: 10px; font-size: 14px; color: #666;}
footer .ft-link > a { float: right; font-size: 14px; color: #666;}
footer a:hover { color: #08c!important;}
@media (max-width:1440px) {
footer .ft-info dl { margin-right: 80px;}
}
@media (max-width:1200px) {
footer .ft-info dl { display: none;}
footer .ft-xt { margin: 0 auto; width: 70%; height: 3px;}
footer .ft-info { padding: 30px 15px 0;}
footer .ft-info .info-lxwm { float: none; width: 100%;}
footer .ft-info .info-lxwm h3 { margin-bottom: 20px;}
footer .ft-info .info-lxwm .lxwm-list p { font-size: 14px;}
footer .ft-info .info-lxwm .lxwm-list p em { font-size: 16px;}
footer .ft-info .info-lxwm .lxwm-list p span { width: 80%;}
footer .info-code { display: none;}
footer .ft-link { display: none;}
footer .ft-copy { margin-top:0; padding: 15px; text-align: center;}
footer .ft-copy .copy-link { margin-top: 10px; float: none; text-align: center;}
footer .ft-copy span { float: none;}
footer .ft-copy .copy-link a { margin: 0 5px;}
}
@keyframes light2 {
0% {transform:scaleX(0);}
100% {transform:scaleX(1);}
}
/* footer end */
/* mobileMenu */
.mobileMenu{display:none;position:fixed;z-index:999;left:0;bottom:0;width:100%;height:60px;background:#fff;}
.mobileMenu ul{display:flex;}
.mobileMenu li{flex:1;text-align:center;}
.mobileMenu li a{display:block;padding:10px 0;border-right:#f0f0f0 solid 1px;}
.mobileMenu li:last-child a{border-right:none;}
.mobileMenu li i{font-size:18px;color:#666;}
.mobileMenu li span{display:block;margin-top:5px;font-size:14px;color:#666;line-height:1;}
@media(max-width:1200px){
.mobileMenu{display:block;}
}
/* mobileMenu end */
/* sideBar */
.mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.sideBar{position:fixed;z-index:9999;top:0;right:0;width:70%;height:100%;max-width:520px;background:#fff;transform:translate3d(100%,0,0);transition:all .5s;}
.sideBar .hd{position:relative;padding:10px 15px;height:60px;overflow:hidden;background:#fff;}
.sideBar .hd .logo{width:65px;}
.sideBar .hd .logo img{display:block;width:100%;}
.sideBar .hd .close{position:absolute;right:20px;top:50%;width:45px;height:45px;line-height:45px;text-align:center;color:#666;cursor:pointer;transform:translateY(-50%);}
.sideBar .hd .close i{display:block;font-size:24px;transition:all 1s;}
.sideBar .hd .close:hover i{transform:rotate(180deg);}
.sideBar .bd{height:calc(100vh - 60px);overflow-y: auto;}
.sideBar .bd li{position:relative;font-size:16px;border-top:#f0f0f0 solid 1px;}
.sideBar .bd li:after{display:block;position:absolute;z-index:2;right:20px;top:50%;font-family:"iconfont";content:"\e61d";color:#666;transform:translateY(-50%);}
.sideBar .bd li a{display:block;padding:10px 20px;color:#333;}
/* end sideBar */