/*--------------------------------------------------------------
data.2020.04.28
--------------------------------------------------------------*/
html{font-family:PingFangSC-Light, "Microsoft YaHei", SourceHanSansCN-Normal, STHeiti, Helvetica, Arail;}
body{ background:#fff;font-size:100%; overflow-x: hidden; font-family: PingFangSC-Light, "Microsoft YaHei", 微软雅黑, SourceHanSansCN-Normal, STHeiti, Helvetica, Arail; }
body,main,header,div,nav,section,ul,li,span,a,em,i,p,footer,dl,dd,h2,h3,h4,article,h1{ padding:0; margin:0}
ul,ol,li{list-style:none;}
i,em{font-style:normal;} 
a{text-decoration:none;color:#333;}

.floating_ck{ z-index:10;position:fixed;right:20px;top:30%; background-color: #fff;}
.floating_ck dl dd{position:relative;width:70px;height:70px;border-bottom:solid 1px #f5f5f5;text-align:center;background-repeat:no-repeat;background-position:center 30%;cursor:pointer;}
.floating_ck dl dd:hover .floating_left{display:block;}
.jinkou{background-image:url(/images/jinkou.png);}
.chukou{background-image:url(/images/chukou.png);}
.kefu{background-image:url(/images/kefu.png);}
.dianhua{background-image:url(/images/dianhua.png);}
.qrcord{background-image:url(/images/weixin.png);}
.return{background-image:url(/images/fanhui.png);}
.floating_ck dd span{color:#808080;display:block;padding-top: 45px;font-size: 14px;font-family: "Microsoft YaHei";}
.floating_left{position:absolute;left:-162px;top:0px;width:160px;height:80px; background-color:#fff;display:none;}
.floating_left a{color:#000;line-height:80px;font-family: "Microsoft YaHei";}
.floating_ewm{height:180px;top:-101px;}
.floating_ewm i{background-image:url(/images/erweima.png);display:block;width:120px;height:120px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#000;margin-top:5px;font-family: "Microsoft YaHei";}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}


.text-center{ text-align:center;}
.sj_footer{ display:none;}
.bg{ background-color:#FFF;}
.clearf:after,clearf:before{content:"";display:block; }
.clearf:after {clear:both;}
.clearf{zoom:1;}
.clam { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;  white-space: normal; -webkit-box-orient: vertical;}
.clam1 { -webkit-line-clamp: 1;}
.clam2 { -webkit-line-clamp: 2;}
.clam3 { -webkit-line-clamp: 3;}
.container{ min-width:320px; max-width:1200px; margin:0 auto;width: 100%; box-sizing:border-box;}
.container_sp{ min-width:320px; max-width:1400px; margin:0 auto;width: 100%; box-sizing:border-box;}
.banner{ color:#FFF; text-align:center; padding:8em 0;}
.banner1{ padding:5em 0;}
.banner h2{ font-size:3em;}
.banner p{ font-size:1.5em; margin-top:.5em;}
.position{ padding:1.5em .5em; font-size:.9em; border-bottom: 1px solid #eeeeee;}
.position a:last-child { color: #ff9933;}


.header{ position: relative;z-index: 2; padding:1% 5%; display:flex;border-bottom: 1px solid #EAEAEA;border-color: rgba(0,0,0,.08);box-shadow: 0 1px 3px rgba(0,0,0,.03); transition: all 0.25s;}
.header .top-logo{ width:10%;}
.header .top-logo img{ width:100%;}
.header .top-menu,.header .top-nav{/* padding:1% 0; */}
.header .top-menu{ width:64%;padding-left:2em;}
.header .top-menu li{margin-left:2.2%;position: relative;padding: 1% 0;display: inline-block;}
.header .top-menu li:nth-child(3) div{ left:-20px;}
.header .top-menu li:nth-child(4) div{ left:-28px;}
.header .top-menu li:nth-child(6) div{ left:-28px;}
.active>a{ display:block; padding-bottom:.5em; border-bottom:1px solid #ff8b00; color:#ff8b00;}
.header .top-menu li:not(:first-child)>a:hover{ color:#ff8b00; /***padding-bottom:.5em;border-bottom:1px solid #ff8b00;**/}
.header .top-menu li div{left: -28px; width: 120px;text-align: center; position: absolute;margin-top: .4em;background-color: #e8e6e6; display: none;}
.header .top-menu li div a{ display: block; line-height: 2em;}
.header .top-menu li div a:hover{ background-color: #12A4ED; color: #fff;}
.header .top-nav{ width:35%; display:flex;justify-content: flex-end;}
.header .top-nav p{color:#555555;margin-left: 2.2%;box-sizing: border-box;padding-top: 10px;}
.header .top-nav p:nth-child(2),.header .top-nav p:nth-child(4){ position:relative;}
.header .top-nav p:nth-child(2) .search,.header .top-nav p:nth-child(4) .weiixn{ display:none; width:5em; left:0; position:absolute; background-color:#e8e6e6;top:1.7em;z-index: 3;}
.header .top-nav p:nth-child(2) .search a{  padding:.5em .2em; display:block;}
.header .top-nav p:nth-child(2) .search a:hover{ background-color:#06F; color:#FFF;}
.header .top-nav p:nth-child(2):after{ padding-left:.2em; content:"";width:.7em; height:1em; vertical-align: bottom;display:inline-block;background:url(../images/top_down.png) no-repeat; background-size:100%;}
.header .top-nav p:nth-child(3){color:#f3f1f1;}
.header .top-nav p:nth-child(4) .weiixn img{ width:100%;}
.header .top-nav p span{ margin-right:.4em;vertical-align: middle;display:inline-block; width:1.2em; height:1.4em; background:url(../images/top_tel.png) no-repeat; background-size:100%;}
.top-menu li:nth-child(3) a,.top-menu li:nth-child(5) a{ display: block !important;}
.header .m_menu{ display:none;}


.footer { background-color:#1f2024; color:#FFF;}
.footer>p a{ color:#FFF; margin-right:.7em;}
.footer .p1{ padding:2em 0; border-bottom:1px solid #999;}
.footer ul{ display:flex; padding-top:2em; padding-bottom:1.5em;}
.footer ul li{ width:13%;}
.footer ul li:last-child{ width:35%; padding-left:4%; box-sizing:border-box;}
.footer ul li h2{ font-size:1em; margin-bottom:1em;}
.footer ul li h3{ color:#d6381f; font-size:1.4em; margin:.2em 0 .6em;}
.footer ul li h4 span{ margin-right:.4em;display: inline-flex;vertical-align: middle; content:"";width:1.2em; height:1.4em; background:url(../images/bottom_tell.png) no-repeat; background-size:100%;}
.footer ul li:last-child p{ margin-bottom:1em; line-height:1.8em;}
.footer ul li a{ display:block; margin-bottom:.5em;}
.footer ul li a,.footer ul li p{ font-size:.9em; color:#CCC;}
.footer .p3{font-size:.9em; background-color:#17181c; color:#999; padding:.7em 0; line-height: 2em;}
.footer .p3 span{ margin-right:.8em;}

#Top {  display: none; /* 默认隐藏 */ position: fixed;  bottom: 20px; 
    right: 30px; 
    z-index: 99; 
    cursor: pointer; 
	width: 3em;
}

@media(max-width:1440px) {
.header .top-nav{font-size: 90%;}
.header{padding: 1% 2%;}
.header .top-menu{font-size: 90%;}
}

@media(max-width:1366px) {
.header .top-nav{font-size: 90%;}
.header .top-menu{width: 70%;}
}

@media(max-width:1300px) {
.header .top-nav{ display:none;}
}
@media(max-width:1280px)
{
	.header .top-menu{ width: 90%;}
}


@media(max-width:1200px) {
.header{ padding:1%;}
.header .top-logo{ width:15%;}
.footer{ padding:0 1%; box-sizing:border-box;}

.floating_ck{ right: 0;}
}
@media(max-width:1024px) {
body{ font-size:95%;}
.main_image{height: 16.5em !important;}
div.flicking_con{ top:16.5em  !important;}
}
@media (min-width: 768px) and (max-width: 979px) {
.header .top-logo{ width:20%;}
}
@media (max-width: 768px){
body{font-size:85%;}
.top-nav{ display:none;}
.header .top-menu{ width: 80%;}
.header .top-menu li:first-child a{ border-bottom:none !important;}

.floating_ck{display: block!important;border-radius: 5px;}
.jinkou, .chukou, .dianhua, .qrcord, .return{display: none;}
.floating_ck dl dd{width: 50px;height: auto;}
.floating_ck dl dd a{display: block;text-align: center;}
.floating_ck dd span{width: 2em;padding: 35px 0px 10px;display: inline-block;overflow: hidden;white-space: nowrap;}
#nb_icon_wrap ins{display: none!important;}
  
}
@media(max-width:640px) {
body{font-size:80%;}
.header .top-menu li div{padding-left: 1em; margin-top: 0; /*display: block !important; */padding:0 0 1em 1em; width: 90%;position: inherit; background: none; text-align: left;}
.header .top-menu li div a{ line-height: 2.5em;}
.active,.active>a{border:none;}
.header .top-menu{ display:none;}
.header .top-logo{ width:35%; margin: .5em 0 0 .5em;}
.header .m_menu{display:block;  width:65%; text-align:right; font-size:4em;}
.header .top-menu{ width:50%;background-color:#333; position:absolute;flex-direction: column; right:0; top:3.2em; padding:0 1em; z-index:2;}
.header .top-menu li{line-height:3em;padding:0 .5em;display: block;}
.header .top-menu li:not(:last-child){ border-bottom:1px solid #999; }
.header .top-menu a{ color:#FFF !important; border-bottom:none !important;}
.footer ul{ display:none;}	
}
@media screen and (min-width: 435px) and (max-width: 550px){	
}
@media(max-width:480px) {
body{font-size:75%;}
.header .m_menu{ font-size: 3em;}
}
@media(max-width:414px) {
.header .top-menu{ top:3.8em;}
}
@media screen and (max-width:375px){
.header .top-menu{ top:3.5em;}
}
@media(max-width:360px) {
.header .top-logo{ width: 45%;}
.header .top-menu{ top:3.3em;}
}

@media screen and (max-width: 320px){
.header .top-logo{ width: 60%;}
}

.zixun12{  color:#FFF; display:block;background-color:#ff8b00; padding:.5em 0; border-radius:2em;width: 200px;/***  text-align: center;***/margin: 0 auto;}
.zixun12 a{  color:#FFF; }
.zixun12:hover{ background-color:#364667;}