/*基本共用 css*/

/*样式重置*/
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;} 
body{background:#fff;color:#333;font-size:10px;font-family:"Microsoft YaHei","微软雅黑";} 
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: normal; } 
ul, ol { list-style:none; } 
a { text-decoration:none;} 
a:hover,a:focus{ text-decoration:none; outline: none; cursor: pointer;} 
fieldset, img { border:0; }
input,button,select,textarea{outline:none}
textarea{resize:none}
p{font-size: 16px; line-height: 1.8em;}
@media (max-width:767px){
	p{ color:#666666; padding-bottom:10px;}
}
/*公用样式*/
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: "";} 
.clearfix:after { clear: both; } 
.fl{float: left;}
.fr{float:right;}
.w1000{width:1000px ; margin:0 auto;}
.none{display: none;}
.tc{text-align: center;}
.w50{width: 50%;}
.w100{width: 100%;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px; line-height: 1.8em;}
.f18{font-size: 18px;}
.lh16{line-height: 1.6em;}
@media (max-width: 1000px){
	.w1000{width: auto;}	
}
@media (max-width:767px){
	.f16{font-size: 14px; line-height: 1.6em; color:#666;}
	.none-m{display: none;}
}


/*-------------------导航---------------------*/
body,html{width: 100%; overflow-x:hidden;}
/*header*/
.header{height: 80px;}
.logo{margin-top: 16px;}
.nav{position: relative;}
.nav-bar li{float: left; width:90px; text-align: center;}
.nav-bar li a{display: inline-block; width:100%; height: 77px; line-height: 80px; font-size: 1.8em; color:#333;}
.nav-bar li a:hover{color:#f00; border-bottom: 3px solid #f00;}
.nav-bar li a.active{border-bottom: 3px solid #f00; color:#f00;}    /*选中状态*/
.mobile-nav{display: none;}
.head-tel{font-size: 2em; margin-top: 28px; color:#666; margin-left: 42px;} /*头部电话*/
.head-tel img{width: 30px; height: 30px; margin-right: 4px;}
.head-tel i{vertical-align: bottom; font-style: normal; color: #666;}
@media (max-width:321px){
	.cistern a.head-tel{font-size: 1.5em; margin-left: 6px; margin-top: 14px;}
	.head-tel img{width: 24px; height: 24px;}
	.head-tel i{vertical-align: super;}
}
@media screen and (min-width:321px) and (max-width:1000px){
	.cistern a.head-tel{font-size: 1.6em; margin-left: 24px; margin-top: 14px;}
	.head-tel img{width: 26px; height: 26px;}
	.head-tel i{vertical-align: super;}
}

/*导航内容*/
.nav-box{position: absolute; top: 80px; z-index: 999; width: 100%; height: 360px; background: #333; background: rgba(80,80,80,.95);}
.menu-box{margin-top: 26px;}
.menu-l{width: 176px; height: 310px; font-size: 1.8em; color:#fff;  margin-left: 40px; margin-right: 40px; border-right:1px solid #999;}
.menu-l span{display: block; height: 36px; line-height: 36px; padding-left: 20px; background: #f00;}
.menu-r-b li{line-height: 40px; width: 280px;}
.menu-r-b li a{color:#fff; font-size: 1.6em;}
.menu-r-b li a:hover{color:#ccc;}
.menu-r-s li{display: inline-block; line-height: 40px; margin-bottom: 10px; margin-right: 10px; padding-left: 20px; width: 214px; background: #666;}
.menu-r-s li a{display: block; color:#fff; font-size: 1.3em;}
.menu-r-s li a:hover{color:#ccc;}
/*-------------------导航 end---------------------*/
/*小于1000*/
@media (max-width: 1000px){
	.header{display: none;}
	.cistern{max-width: 1000px; padding-left: 10px; padding-right: 10px;}
	.mobile-nav{height: 50px; background: #FFF; display: block; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; border-bottom: #e4e4e4 solid 1px;}
	.mobile-logo{float: left;}
	.cistern a{display: inline-block; margin-top: 10px;}
	.mobile-logo a img{width: 127px;}
	.hamburger-nav{float: right;}
	.hamburger-nav a{display: block; width: 32px; height: 32px; background:url(http://img2.zskx.com.cn/images/nav-menu.png) no-repeat 0 0;}

	/*移动端导航菜单 S*/
	.wap-menu,.wap-nav,.wap-navhead,.wap-navmain,.wap-navmain ul{ width: 100%; }
	.wap-menu{ position: fixed; top: 0; left: 0; z-index: 1000; height: 100%;}
	.wap-nav{ overflow: auto; background-color: #FFFFFF; height: 100%;}
	.wap-navhead{ height: 50px; border-bottom: #d3d3d3 solid 1px; position: relative;}
	.wap-navhead .wap-menuprev{ position: absolute; left: 0; top: 0; padding:10px;}
	.wap-navhead .wap-menuprev i,.wap-navhead .wap-menuprev em{ font-size: 30px; line-height: 50px; color: #858585;}
	.wap-navhead .wap-menuclose{ position: absolute; right: 0; top: 0; display: inline-block; padding:10px;}
	.wap-navhead .wap-menuclose i,.wap-navhead .wap-menuclose em{ font-size: 30px; line-height: 50px; color: #858585;}
	.wap-navhead .wap-menutitle{ text-align: center; width: 100%; font-size: 16px; line-height: 50px; color: #a3a3a3; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;}
	.wap-navmain{ position: relative;}
	.wap-navmain ul{ transition: all ease .3s;}
	.wap-navmain li{ border-bottom: #d3d3d3 solid 1px;}
	.wap-navmain li .wap_firstcolumn{ display: block; padding: 15px; font-size: 16px; line-height: 1.3; color: #666666; position: relative;}
	.wap-navmain li .wap_firstcolumn span{ display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 20px; background: url(../images/nav-go.png) no-repeat right 0;}
	.wap-navmain li .wap_firstcolumn i,.wap-navmain li .wap_firstcolumn em{ position: absolute; right: 20px; top: 15px;}
	.wap-navbox{ width: 100%; background-color: #FFFFFF; z-index: 10; font-size: 14px; overflow-y:auto; overflow-x: hidden; }
	.wap-navbox dl{transition: all ease .3s;}
	.wap-navbox dt{ border-top: #d3d3d3 solid 1px; margin-top: 10px; color: #333333; line-height:1.3; padding: 20px 20px 10px 20px; font-weight: bold;}
	.wap-navbox dl dt:nth-child(1){ border-top: none; margin-top:0}
	.wap-navbox dl dd{border-top: 1px dashed #eaeaea;}
	.wap-navbox dd a{ color: #666666; line-height: 1.3; display: block; padding: 10px 20px; position: relative;}
	.wap-navbox dd a span{ display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 20px;}
	.wap-navbox dd a i{ position: absolute; right: 20px; top: 10px;}
	.wap-navbottom{ padding: 20px 0; margin-left: -1px; margin-right: -1px;}
	.wap-navbottom a{ display: inline-block; width: 49%; border-left:#d3d3d3 solid 1px; text-align: center; color: #666666; line-height: 1.3; padding: 7px 0; vertical-align: middle;}
	.wap-navbottom a.full-width{ width:100%; }
	.position-fix{ position: fixed; left: 0; top: 0; width: 100%;}
	.wap-rollout{ margin-left: 0;}
	.wap-putaway{ margin-left: -30%;}
	.wap-show{ display: block !important;}
	.wap-hide{ display: none;}
	.wap-overflow-hide{ overflow-y: hidden !important;}
	    /*美化滚动条*/
	/*.wap-menu ::-webkit-scrollbar { width: 3px;  }*/ /* 这是针对缺省样式 (必须的) */
	/*移动端导航菜单 E*/
}


/*-------------------查看更多按钮---------------------*/
.pt30{padding-top: 30px;}
.btn{text-align: center;}
.btn a{display: inline-block; padding:10px 20px; background: #ffffff; vertical-align: middle; border:1px solid #dcdcdc; border-radius: 3px;}
.btn a:hover{ border:1px solid #ccc;}
.btn a:hover span{color:#d23737;}
.btn a span{background:url(../images/btn_icon.png) no-repeat 0 3px; font-size: 1.6em; padding-left: 16px; color:#333;}
@media (max-width: 767px){
	.pt30{padding-top: 20px;}
}

/*咨询按钮*/
.in_btn{ width: 536px; display: inline-block;}

.btn_z{ float: right; margin-bottom: 15px;}
.btn_z a{font-size: 1.6em; color: #d23737; display: inline-block; padding:10px 20px; background: #ffffff; vertical-align: middle; border:1px solid #d23737; border-radius: 3px;}
.btn_z a:hover{ background: #d23737; color: #fff;}
@media (max-width: 767px){
	.in_btn{ width: 100%;}
	.btn_z{ float: none; text-align: center;}
}

/*------底部------*/
/*foot*/
.foot{height: 168px; background: #222; margin-top: 40px; padding-top: 40px}
.foot-box-l li{color:#fff; font-size: 1.4em; line-height: 2em;}
@media (max-width: 768px){
	.foot-box-l li{font-size: 1.2em;}
}
.foot-nav a{color:#fff;}
.foot-tel a.tel{color:#f00!important; font-size: 1.4em; font-weight:bold;}
.foot-box-l li.foot-copyright{font-size: 1.2em;}
.foot-box-l li.foot-copyright a{margin-left: 10px; color:#fff;}
.foot-box-l li.foot-copyright a:hover{color:#ccc;}
.foot-box-l li.foot-copyright img{margin-right: 6px;}
.foot-box-r{width: 320px;}
.foot-box-r img{width: 30%; margin:1% 2%; display: inline-block;}
.foot-box-r p{color:#fff; text-align: center; font-size: 1.4em; line-height: 1.8em;}
/*------------------底部---------------------*/
@media (max-width: 1000px){
	.foot-box{margin:0 5px;}}

@media (max-width: 767px){
	.foot{height: auto; padding-top: 20px; margin-top: 20px; padding-bottom: 10px;}
	.foot-box-l{margin:0 5px;}
	.foot-box-r{float: none; text-align: center; width: auto; margin-top:112px;}
	/*.foot-box-r img{width: auto;}*/
	.foot-box-l li.foot-copyright a{display: block; margin-left: 0}
}
.swiper-slide a.active{color: #f00;  border: 1px solid #f00;}

/*返回顶部*/
.scrollTop{position:fixed;top:50%;right: 6px;z-index: 9; box-shadow: 0 0 14px 0 rgba(7,17,27,.3);}
.scrollTop a{display: block;width: 44px; text-align: center;color: #333;padding: 8px; background: #fff; font-size: 16px; border-top:1px solid #ccc; margin-top: -1px; position: relative;}
.scrollTop a:first-child{border:0;}
.scrollTop a:hover{background: #f00; color:#fff; border-color: #f00;}
.scrollTop a:hover i{color:#f00;}
.scrollTop a i{position: absolute; right: 68px; top: 0; width: 180px; height: 58px; line-height: 58px; display: block; background:#fff; font-style: normal; border-radius: 2px; color:#f00; font-size: 18px; box-shadow: 0 0 16px rgba(255,0,0,.2); border:1px solid #f00;}
.scrollTop a i:before{content: ''; font-size: 0;  position: absolute; right: -6px; top: 22px; border-width: 6px; border-color: #f00; border-right-width: 0;   border-style: dashed; border-left-style: solid; border-top-color: transparent;border-bottom-color: transparent;}
.scroll-tel span{display: block; width: 44px; height: 44px; background: url(../images/scroll-tel.png) no-repeat center;}
.scrollTop a.scroll-tel:hover span{background: url(../images/scroll-tel-hover.png) no-repeat center;}
.scroll-qq span{display: block; width: 44px; height: 44px; background: url(../images/scroll-qq.png) no-repeat center;}
.scrollTop a.scroll-qq:hover span{background: url(../images/scroll-qq-hover.png) no-repeat center;}
@media (max-width: 767px){
	.scrollTop{display: none;}
}