@charset "UTF-8";
body {font-family:"微软雅黑";
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,img,p,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,hr{margin:0;padding:0}
li{list-style:none}
em,i{ font-style:normal;}
a:link{color: #333; text-decoration: none;list-style:none;}
a:visited{color:#333; text-decoration: none;list-style:none;}
a:hover{color:#dab866; text-decoration:none;list-style:none;}
a:active{color:#dab866; text-decoration:none;list-style:none;}
a:focus, a:hover{text-decoration:none;color:#dab866;}
.clear{clear:both}
.fl{ float:left;}
.fr{ float:right;}
.fc{ margin:0 auto;}
img{border:none;vertical-align: middle;}
img.fc{display: block;margin:0px auto;}
/*清除浮动*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {+height:1%;}
.pngfix{}
.pt20{padding-top: 20px;}
.ml_5{margin-left: 5px;}.ml_10{margin-left: 10px;}
.h34{height: 34px;}.w240{width: 240px;}
.ml220{margin-left: 220px;}.mt1{margin-top: 1%;}
.mb60{margin-bottom: 60px;}.mb50{margin-bottom: 50px;}.mb40{margin-bottom: 40px;}
.mb30{margin-bottom: 30px;}.mb20{margin-bottom: 20px;}.mb15{margin-bottom: 15px;}
.mt60{margin-top: 60px;}.mt50{margin-top: 50px;}.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}.mt20{margin-top: 20px;}.mt15{margin-top: 15px;}
.cb0{clear:both;height:0px;line-height:0px;font-size:0;overflow:hidden;}
.cb{clear:both;height:1px;line-height:1px;font-size:0;overflow:hidden;}
.cb5{clear:both;height:5px;line-height:5px;font-size:0;overflow:hidden;}
.cb10{clear:both;height:10px;line-height:10px;font-size:0;overflow:hidden;}
.cb15{clear:both;height:15px;line-height:15px;font-size:0;overflow:hidden;}
.cb20{clear:both;height:20px;line-height:20px;font-size:0;overflow:hidden;}
.cb30{clear:both;height:30px;line-height:30px;font-size:0;overflow:hidden;}
.cb40{clear:both;height:40px;line-height:40px;font-size:0;overflow:hidden;}
.cb50{clear:both;height:50px;line-height:50px;font-size:0;overflow:hidden;}
.cb60{clear:both;height:60px;line-height:60px;font-size:0;overflow:hidden;}
.cb100{clear:both; height:100px; line-height:100px; font-size:0; overflow:hidden;}
.cb120{clear:both; height:120px; line-height:120px; font-size:0; overflow:hidden;}
.cb500{clear:both; height:500px; line-height:500px; font-size:0; overflow:hidden;}
.sj04{-webkit-transition-duration: .4s; transition-duration: .4s;}
.sj09{-webkit-transition-duration: .9s; transition-duration: .9s;}
.sj012{-webkit-transition-duration: 1.2s; transition-duration: 1.2s;}
.sj015{-webkit-transition-duration: 1.5s; transition-duration: 1.5s;}
.sj018{-webkit-transition-duration: 1.8s; transition-duration: 1.8s;}
span.cb20{display: block;height: 15px;line-height: 15px;}
.middle{width: 70%;margin: 0px auto;clear:both;position: relative;}
/*头部*/
.firstpage{width:100%; height:735px; position:relative;overflow: hidden;}
.topbar{ width:12%; min-width:160px;transition: 0.5s; position:absolute; left:-100px;opacity: 0; top:0; z-index:9999!important; height:738px;}
.topb_left{background-color: #f5f5f5;width: 160px;height: 738px;}
a.logo{display: block;background-color: #dab866;padding:15px 0;position: relative;}
a.logo img{display: block;margin:0px auto;}
.navbar{position: relative;top:40px;width: 100%;/*overflow:hidden*/}
.navbar li{height: 0.4rem;line-height: 0.4rem;position:relative;margin-bottom: 11%;width: 100%;}
.navbar a{display: block;font-size:0.18rem;color: #666;width: 100%;text-align: center;}
.navbar li:hover a,.navbar li.lion a{color: #dab866;text-indent:80px;}
.navbar li.last{border-right: none;}
.navbar li i{display: block;width: 0;height: 1px;transition:all 0.3s;background-color: #dab866;position: relative; top: 22px;}
.navbar li.lion i,.navbar li:hover i{width: 48px;}
.down_nav1{ line-height:26px; position:absolute; right:-200px;opacity: 0; top:0; text-align:left; border-top:none; z-index:99;transition:0.5s;}
.navbar li .down_nav1 span a{color:#666; font-size: 14px!important;}
.down_nav1{width:140px; height:auto; padding-top:5px;display: block;}
.down_nav1 span{ width:140px; line-height:40px;height:40px; font-size:13px; text-align:center; display:block; border-bottom:1px #fcfcfc solid; background:#f5f5f5;}
.navbar li:hover .down_nav1 span a,.navbar li.lion .down_nav1 span a{text-indent: 0;color: #666;}
.navbar li .down_nav1 span a:hover{color:#dab866!important;}
.navbar li:hover .down_nav1{right:-140px;opacity: 1; z-index:9999!important;}

.top_search{width: 160px;height: 45px;line-height: 45px;background-color: #fff;position: absolute; bottom: 0;left: 0;}
input.searchbtn{background: url(../images/search.jpg) no-repeat;width: 60px;height: 45px;display: block;position: absolute;top: 0;right: -60px;}
.top_search input{border:0;}
.tel{height:95px;color:#fff;width:165px;background:url(../images/tel.png) left no-repeat; padding-left:65px; float: left;}
.tel span{display:block; line-height:27px;font-size: 0.16rem;margin-top: 40px;}
.tel em{font-size:0.24rem; font-family:Arial;font-weight: bold;}
.topleft{width: 220px; height:94px; position:absolute; top:-100px;opacity: 0;right:130px;z-index:9999 !important;}
a.navbtn{width: 84px;height: 94px;background: url(../images/btn1.jpg) no-repeat;display: none;float: right;}
.topbar.current{opacity: 1;left:0;}
.topleft.current{opacity: 1;top:0;}
#news_top .topleft{opacity: 1;top:0;}
div.tel1{background:url(../images/img/tel.png) left no-repeat;color: #dab866;}

/*内页导航*/
.header{position: relative;width: 100%;}
.header .nlogo{width: 160px;height: 210px;padding:0;float: left;}
.header .nlogo img{display: block;margin:auto;/*position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;*/}
.nav{/*width: 60%;*/width: calc(100% - 18% - 160px);float: left;margin-left: 3%;position: relative;height: 44px;margin-top:8%;z-index: 99;}
.nav ul{width:100%;}
.nav li{width:86px;margin:0 2% 0 2%;float:left;text-align:center;}
.nav a{width: 86px;height:42px;display:block;font-size:1.33em;position: relative;}
.nav a:hover{text-decoration:none;color: #dab866;}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;background-color: #dab866;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav a#sel{border-bottom:3px solid #dab866;color:#dab866;}
.nav a#sel:hover:after{opacity: 0;}
.nav .sub{display:none;width:100%;padding:0;position: absolute;top: 45px; overflow:hidden;text-align:left;z-index:110;left:0px;background-color:#f5f5f5;z-index: 99999;}
.nav .sub .nav_xiao{width:845px;height: 270px; overflow:hidden;/*padding: 1% 0;*/margin:0 auto;}
.nav li.active a{border-bottom:3px solid #dab866;color: #dab866;}
.qrcode-img{width: 180px;height: 180px;margin: 0px auto;overflow: hidden;}
.qrcode-img img{width: 100%;display: block;}
.nav .sub .nav_xiao .xiao_five2{width:680px;overflow:hidden;float:right;margin-top:15px;margin-left:2%;}
.nav .sub .nav_xiao .xiao_five2 img{width:280px;height:210px;}
.nav .sub .nav_xiao .xiao_five2 a{width:280px;height:210px;padding:0;margin-right: 6%;float:left;overflow: hidden;margin-top:2%;}
.nav .sub .nav_xiao .xiao_five{float: left;margin-right: 20px;text-align: center;width: 80px;margin-top:15px;}
.nav .sub .nav_xiao .xiao_five p{box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five p a{width: 100%;display: inline-block;color: #333;padding-top:0;height:auto;padding: 5px 0;font-size:15px;}
.header .tel{background:url(../images/img/tel.png) left no-repeat;color: #dab866;width: 220px;}
.nav li.active .sub .nav_xiao .xiao_five p a{border-bottom: none;}
.nav li.m:hover .sub{display: block;}
.nav li .sub a:hover{color:#dab866!important; }







/*底部*/
.ftop{padding:2%;background-color: #fff;overflow: hidden;} 
.ftop dl{ float:left; width:23%; overflow:hidden;margin-left: -100px;opacity: 0;}
.ftop dl dt{ font-size:0.18rem; line-height:50px;}
.ftop dl dd a{ color:#888; line-height:24px; font-size:0.14rem;}
.ftop dl dd a:hover{ color:#dab866; text-decoration:none;}
.ftop dl.telnum dt{font-size: 0.26rem;color: #000;font-weight: bold;}
.ftop.current dl{opacity: 1;margin-left: 0;}
#news_foot .ftop dl{opacity: 1;margin-left: 0;}
.telnum dd{font-size: 0.26rem;color: #dab866;font-weight: bold;}
.line{ clear:both; width:100%; height:15px; border-bottom:1px solid #ddd; margin-bottom:25px;}
.banquan{ clear:both; width:70%; margin:10px auto 20px; font-size:15px; color:#888; line-height:30px;}
.ftdl1 dd{width: 34%;float: left;}
.ftop dl.telnum2{font-size: 0.2rem;color: #dab866;float: right;line-height: 0.4rem;}
.fhzuo{background-color: #f5f5f5;padding:2% 0;margin-top: 2%;border-bottom: 1px solid #e6e6e6;overflow: hidden;}
.fhzleft{width: 11%;font-size: 0.2rem;color: #333;font-weight: 700;float: left;margin-top: 0.35rem;}
.fhzright{width: 89%;float: right;}
.fhzright li{width: 14%;float: left;margin-bottom: 0.7%;}
.fhzright li span{width: 98%;display: block;overflow: hidden;}
.fhzright li img{width: 100%;}
.footerbottom{height: 0.4rem;line-height: 0.4rem;background-color: #333;overflow: hidden;}
.footerbottom span,.footerbottom a{font-size: 0.14rem;color: #dab866; float: left;font-weight: 100; padding:0 5px; display:block;}
a.zhi{float: right;}
.nftop dl{opacity: 1;margin-left: 0;}




#jCarouselLite{position: relative;height: 88px;overflow:hidden;}
#jCarouselLite div{ 
  list-style: none; 
  width:10000px; 
  position: absolute; 
} 
#jCarouselLite img{display:block; float: left;margin:0 8px;height: 86px;width: auto;}
#jCarouselLite img:hover{border:1px solid #dab866;}










/*分页*/
div.pagination-wrapper{clear:both;padding:1em 0 2em 0;text-align:center;margin-top:20px;} 
div.pagination {display: inline-block;*display: inline;*zoom: 1;font-size:14px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} 
div.pagination li{list-style: none;display: inline;/*padding:0 .8em;*/float: left;line-height: 34px;text-decoration: none;/*border: 1px solid #ddd;*/border-left-width: 0; height:34px;} 
div.pagination li a {display: inline-block;color: #999; text-align:center;} 
div.pagination li a:link{background:#fff;color: #555555;} 
div.pagination li a:hover,div.pagination li:hover a{text-decoration:none;color:#dab866;} 
div.pagination li a:link:hover {color:#dab866;} 
div.pagination li.thisclass{background-color: #dab866;} 
div.pagination li.thisclass a{color:#fff;background-color: #dab866;}
div.pagination li:first-child {border-left-width: 1px;border-radius: 3px 0 0 3px;} 
div.pagination li:last-child{border-radius: 0 3px 3px 0;} 
div.pagination .pageinfo{color: #444;}

/*回到顶部-悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:150px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#dab866;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/kefu/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-qrcode1 .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#dab866;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/kefu/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d-qrcode1{top:122px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/kefu/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/kefu/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:33.33%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/kefu/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-qrcode1{text-align:center;}
.suspension .d-qrcode1 .inner-box{padding:20px 0;}
.suspension .d-qrcode1 p{font-size:16px;color:#93959c;}

/*友链*/
.linkbox{width: 100%;margin:0px auto;height: auto;background-color: #f5f5f5;overflow: hidden;}
.linkbox span{float: left;line-height: 45px;display: block;font-size: 16px;color: #696969;}
.linkbox a{font-size: 14px;color: #696969;display: block;float: left;padding:0 10px;line-height: 45px;}
.linkbox a:hover{color: #ccc;}

/*面包屑*/
.crumbsnav{width: 70%;height: 40px;line-height: 40px;position: absolute;bottom:0;left: 50%;margin-left: -35%; z-index:999;}
.cruleft{color:#fff; display:block;width:65%;float: left;text-align: left;}
.crumbsnav a{color:#fff;}
.crumbsnav a:hover{color:#dab866;}
a.return{float: right;display: block;}

@media screen and (max-width: 1600px) { 
.topbar{ width:15%;}
.index_focus{ width:90%;}
}
@media screen and (max-width: 1400px) { 
.ftop dl.telnum dt{font-size: 0.22rem;}
.ftop dl.telnum2{font-size: 0.16rem;}
.topbar{ width:17%;}
.index_focus{ width:90%;}
}
@media screen and (max-width: 1280px) { 
 .ftop dl.telnum dt{font-size: 0.20rem;} 
 .ftop dl.telnum2{margin-top: 3%;}
}
@media screen and (max-width: 1023px) {
.ftdl1 dd{width: 100%;}	
.topleft{display: none;}
.nav{width: 80%;}
.ftop dl.telnum dt{font-size: 0.16rem;}
.telnum dd{font-size: 0.22rem;}
.ftop dl.telnum2{font-size: 0.14rem;}
.ftop{width: 90%;}
}
@media all and (max-width:767px){
.middle{width: 99%;margin:0px auto;overflow: hidden;}
.topleft{display: block;}
.topbar{display: none;}
.tel{display: none;}
a.navbtn{display: block;}
.index_focus{width: 100%;}
.nav{width: 100%;}
.header .nlogo,.header .nlogo img{width: 72px;height: 94px;margin:0px auto;float: none;}
a.navbtn{width: 36px;height: 40px;background-size: 100%;}
.nav .sub .nav_xiao{width: 80%;}
.nav .sub .nav_xiao .xiao_five2{width: 280px;overflow: hidden;}
.nav .sub .nav_xiao .xiao_five2 a:last-child{display: none;}
.nav .sub{width: 90%;}
.header{width: 97%;}
}