/*Make from AK.monster*/
/*2016-03-01 16:20*/
/*www.zjhz.cn*/

/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
}
.none{
	display: none;
}



html {
    font: 62.5% "微软雅黑",Arial;
    color: #929292;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: transparent;
    height: 100%;
	background:#FAFAFA;
}

html {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

html,html body {
    width: 100%;
    height: 100%;
    overflow: hidden;

    background: #fff!important;
}


body.open {
	width: 100%;
    height: 100%;
    overflow: hidden;
}

.imgcw {
    margin: 0 auto;
    display: block;
    float: none;
    max-width: 100%;
    height: auto
}

html .scrollView {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
}
.articlehead .scrollView{
  height: 100%;
}

.transform {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


#sitecontent{
	background: #fff;
    z-index: 1;
    position: relative;
    height: 100%;
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1)
}
body.open #sitecontent {
    transform: translate3d(-260px,0,0);
    -webkit-transform: translate3d(-260px,0,0);
}
#header{
	width: 100%;
    background: #fff;
    height: 50px;
}
#header .btn {
    padding: 10px 15px;
    background: rgba(0,0,0,0);
}
.lcbody {
    width: 30px;
    height: 30px;
    position: relative;
    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);
}
.lcitem {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0px) rotate(0deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    width: 30px;
    height: 30px;
}
.lcitem .rect {
    width: 30px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    top: 14px;
    transition: transform 0.2s ease 0.2s;
    -webkit-transition: -webkit-transform 0.2s ease 0.2s;
}
.lcitem .rect.top {
    transform: translate3d(0px, -6px, 0px);
    -webkit-transform: translate3d(0px, -6px, 0px);
}
.lcitem .rect.bottom {
    transform: translate3d(0px, 6px, 0px);
    -webkit-transform: translate3d(0px, 6px, 0px);
}
#header h1{
	font-size:0px;
}


#leftcontrol {
	opacity: 0;
    width: 260px;
    height: 100%;
    background: #FAFAFA;
    position: fixed;
	top:0;
    right: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
body.open #leftcontrol {
    opacity: 1;
}
#leftcontrol >ul {
    padding-top: 0px;
}
#leftcontrol ul li {
	display: block;
    min-height: 49px;
    font-size: 1.3rem;
    width: 100%;
    border-top: 1px solid #EBEBEB;
}
#leftcontrol ul li a {
	display: block;
	color: #666;
	padding: 0 25px;
    font-family: "HELVETICANEUELTPRO-THEX";
    height: 50px;
    line-height: 51px;
}
#leftcontrol ul li a span{
	display: inline-block;
}
#leftcontrol ul li a span.circle {
    border: #D8D8D8 1px solid;
    border-radius: 5px;
    width: 8px;
    height: 8px;
    background-color: transparent;
	margin-right: 15px;
    position: relative;
    top: 1px;
}
#leftcontrol ul li a span.more {
    width: 12px;
    height: 12px;
    position: relative;
    float: right;
    top: 20px;
}
#leftcontrol ul li a span.more span {
    background: #474747;
    position: absolute;
}
#leftcontrol ul li a span.more span.h{
	width: 12px;
    height: 2px;
	transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
}
#leftcontrol ul li a span.more span.v {
    transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
    -webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
}
#leftcontrol > ul > li.active a {
    background: #333;
    color: #fff;
}
#leftcontrol ul li.active a span.circle {
    border-color: #fff;
    background-color: #fff;
    margin-right: 15px;
}
#leftcontrol ul li.active a span.more span.v {
    transform: rotate3d(0,0,0,0) translate3d(0,5px,0);
    -webkit-transform: rotate3d(0,0,0,0) translate3d(0,5px,0);
}
#leftcontrol ul li .subnav {
    height: 0;
    overflow: hidden;
}
#leftcontrol ul.subnav li a {
    background: #ebebeb;
    color: #4E4E4E;
}
#leftcontrol ul.subnav li a i {
    color: #B4B4B4;
	margin-right: 20px;
    font-size: 1.5rem;
}
#leftcontrol ul.subnav li a.active{
    background: #555;
    color: #fff;
}
body.open .lcbody {
    transform: translateZ(0px) rotate(90deg);
    -webkit-transform: translateZ(0px) rotate(90deg);
}
body.open .lcitem {
    transform: translateZ(0px) rotate(45deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
    -webkit-transform: translateZ(0px) rotate(45deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
}
body.open .lcitem.bottom {
    transform: translateZ(0px) rotate(-45deg);
    -webkit-transform: translateZ(0px) rotate(-45deg);
}

body.open .lcitem .rect {
    transition: transform 0.2s ease 0s;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
#rightcontrol {
    width: 100%;
    height: 100%;
    background: #fafafa;
    position: fixed;
    top: 0;
    z-index: -1;
}


	
		/*banner*/
#indexbanner{ width:100%; overflow: hidden; position: relative;}
#indexbanner .bx-controls{ position: absolute; left: 0; bottom: 10px; z-index: 999; width: 100%; color: rgba(0,0,0,0);}
#indexbanner .bx-controls .bx-pager{ text-align: center;}
#indexbanner .bx-controls .bx-pager div{ display: inline-block; margin: 0 2px;}
#indexbanner .bx-controls .bx-pager div a{ display: block; width: 35px; height: 3px; overflow: hidden; line-height: 50px; background-color: rgba(255,255,255,0.3);}
#indexbanner .bx-controls .bx-pager div a.active{ background-color: rgba(255,255,255,1);}
#indexbanner .bx-controls .bx-controls-direction{ display: none;}





#indexproduct{width:100%;margin-top:20px;}
.product{width:96%;margin:auto;}
.product .tit{width:100%;overflow:hidden;}
.product .tit p{float:left;font-size:20px;}
.product .tit span{float:left;color:#999;font-size:16px;margin-left:6px;margin-top:6px;}
.product .tit a{width:41px;height:16px;float:right;background:url(../../images/jian.png) no-repeat center;margin-top:3px;}
.product ul{width:100%;margin-top:13px;}
.product ul li{width:49%;height:175px;float:left;margin-right:2%;}
.product ul li:nth-child(2n){margin-right:0px;}
.product ul li .pic{width:100%;height:140px;display:block;overflow:hidden;}
.product ul li .tt{width:100%;height:35px;line-height:35px;text-align:center;}




#indexabout{width:100%;margin-top:12px;}
.about{width:96%;margin:auto;}
.about .tit{width:100%;overflow:hidden;}
.about .tit p{float:left;font-size:20px;}
.about .tit span{float:left;color:#999;font-size:16px;margin-left:6px;margin-top:6px;}
.about .tb{overflow:hidden;margin-top:15px;}
.about .tb ul{position:relative;left:50%;float:left;}
.about .tb ul li{float:left;width:80px;height:30px;font-size:12px;background:#e5e5e5;text-align:center;line-height:30px;margin-right:4px;position:relative;right:50%;}
.about .tb ul li a{width:100%;height:100%;display:block;}
.about .tb ul li:first-child{background:#4e4e4e;}
.about .tb ul li:first-child a{color:#fff;}
.about .tb ul li:last-child{margin-right:0px;}
.about .con{width:100%;margin-top:10px;}
.about .con ul li{width:100%;display:none;}
.about .con ul li:first-child{display:block;}
.about .con ul li .img{width:93%;margin:auto;}
.about .con ul li .des{line-height:200%;font-size:12px;margin-top:3px;}
.about .con ul li .more{font-size:12px;color:#333;float:left;border-bottom:1px solid #666;margin-top:3px;margin-left:10px;padding-right:15px;padding-bottom:5px;}




#indexteam{width:100%;margin-top:20px;margin-bottom:25px;}
.team{width:96%;margin:auto;}
.team .tit{width:100%;overflow:hidden;}
.team .tit p{float:left;font-size:20px;}
.team .tit span{float:left;color:#999;font-size:16px;margin-left:6px;margin-top:6px;}
.team .tit a{width:41px;height:16px;float:right;background:url(../../images/jian.png) no-repeat center;margin-top:3px;}
.team ul{margin-top:15px;}
.team ul li{float:left;margin-right:5px;}






.col{width:96%;min-height:250px;line-height:200%;margin:auto;margin-top:20px;margin-bottom:20px;overflow:hidden;}
.col img{width:100%;height:auto;}
.col .pic{width:365px;margin:auto;margin-top:16px;overflow:hidden;line-height:0px;}
.col .pic .left{width:180px;float:left;}
.col .pic .right{width:180px;float:right;}
.col .pic img{margin-bottom:5px;}
.col1{width:96%;min-height:250px;line-height:200%;margin:auto;margin-top:20px;margin-bottom:20px;overflow:hidden;}
.title .tn{text-align:center;margin-top:20px;font-size:20px;font-weight:bold;color:#333;}


.slzs{width:96%;margin:auto;min-height:220px;margin-top:20px;margin-bottom:15px;}
.slzs ul{width:100%;float:left;}
.slzs ul li{float:left;width:49%;margin-right:2%;}
.slzs ul li:nth-child(2n){margin-right:0px;}
.slzs ul li .pic{display:block;width:100%;height:140px;overflow:hidden;}
.slzs ul li .tt{display:block;width:100%;height:30px;overflow:hidden;line-height:30px;text-align:center;font-size:12px;}


.customer{width:100%;min-height:220px;margin-top:20px;margin-bottom:15px;}
.customer ul{width:370px;margin:auto;overflow:hidden;}
.customer ul li{float:left;width:120px;margin-right:5px;}
.customer ul li:nth-child(3n){margin-right:0px;}
.customer ul li .tt{display:block;width:100%;height:35px;overflow:hidden;line-height:35px;text-align:center;font-size:12px;}


.honor{width:360px;margin:auto;min-height:220px;margin-top:20px;margin-bottom:15px;}
.honor ul{width:100%;float:left;}
.honor ul li{float:left;width:175px;margin-right:10px;}
.honor ul li:nth-child(2n){margin-right:0px;}
.honor ul li .pic{width:100%;height:160px;text-align:center;line-height:156px;}
.honor ul li p{text-align:center;line-height:30px;font-size:12px;}





.xwzx{width:96%;min-height:220px;margin:auto;margin-bottom:20px;margin-top:15px;}
.xwzx ul{width:100%;margin:auto;}
.xwzx ul li{width:100%;height:120px;transition: all 0.3s ease 0s;overflow:hidden;margin-bottom:6px;background:#f5f5f5;}
.xwzx ul li:hover *,.xwzx ul li:hover .con{color:#397ef0;}
.xwzx ul li a{width:100%;height:100%;display:block;}
.xwzx ul li .tt{padding-top:10px;font-weight:bold;font-size:12px;}
.xwzx ul li .date{font-size:12px;margin-top:10px;}
.xwzx ul li .con{margin-top:6px;line-height:180%;color:#999;font-size:12px;}



.zpgw{width:99%;min-height:300px;margin:auto;margin-bottom:30px;margin-top:20px;}
.zpgw .zp_tab{width:100%;height:40px;}
.zpgw .zp_tab p{width:16%;height:40px;line-height:40px;font-size:12px;text-align:center;color:#fff;float:left;background:#397ef0;margin-right:1px;}
.zpgw .zp_tab p:last-child{margin-right:0px;}
.zpgw ul li{width:100%;height:30px;border-bottom:1px solid #c8c8c8;}
.zpgw ul li p{width:16%;height:30px;line-height:30px;text-align:center;float:left;margin-right:1px;font-size:11px;overflow:hidden;}
.zpgw ul li p:last-child{margin-right:0px;}
.zpgw ul li p:nth-child(1){width:17%;}
.zpgw ul li p:nth-child(4){width:17%;}







#ne_nav{width:100%;height:35px;background:#397ef0;line-height:35px;}
#ne_nav div{width:96%;margin:auto;color:#fff;}



.son_nav{width:86%;margin:auto;margin-top:15px;margin-bottom:32px;}
.son_nav ul li{float:left;width:49%;height:47px;line-height:47px;text-align:center;margin-right:2%;margin-bottom:3px;}
.son_nav ul li:nth-child(2n){margin-right:0px;}
.son_nav ul li:last-child{margin-bottom:15px;}
.son_nav ul li a{width:100%;height:47px;display:block;color:#fff;background:#252525;transition:all 0.5s ease 0s;}
.son_nav ul li a.cur{background:#306fbe;}
.son_nav ul li a:hover{background:#3c87e5;}




#goTopBtn {position: fixed;z-index:100;line-height:30px;width:30px;height:30px;right:2%;bottom:35px;cursor:pointer;display:none;background:url(../images/up.png) no-repeat center;}


.fdck{width:100%;height:40px;position:fixed;bottom:0px;}
.fdck a{float:left;width:25%;height:40px;line-height:40px;text-align:center;background:#333;color:#fff;}
.fdck a:nth-child(2n){background:#242424;}



.orientation{margin-top:20px;}





/*footer*/
#footer{width:100%;}
.footer_top{width:100%;background:#202020;text-align:center;line-height:180%;padding:7px 0px;font-size:12px;}
.footer_top .weixin{width:100%;text-align:center;margin-top:5px;}
.footer_top .weixin b{color:#ff823f;font-size:14px;}
.footer_top .weixin a{color:#d2d2d2;font-size:14px;}
.footer_bottom{width:100%;text-align:center;line-height:180%;font-size:12px;padding:7px 0px;color:#c8c8c8;background:#0a0a0a;}


.mypage{
    text-align: center;
    margin:auto;
	margin-top:15px;
}	
.mypage	span,.mypage a{
	display: inline-block;
	vertical-align: top;
	color: #d35b52;
	border: 1px solid #d35b52;
	padding: 4px 8px;
	margin: 5px;
	font-size:12px;
}		
.mypage	span.current,.mypage a.current{
	background: #d35b52;
	color: #fff;
}