/*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;
}



a{text-decoration:none;}


/*container*/
.container{
	width:1200px;
	overflow: hidden;
	margin:0 auto;
	clear:both;
}

/*header*/
.tophead{width:100%;height:30px;background:#f5f5f5;}
.top_head{width:1200px;height:30px;margin:auto;}
.top_left{height:30px;line-height:30px;float:left;font-size:12px;}
.top_head ul{height:30px;float:right;}
.top_head ul li{line-height:30px;float:left;font-size:12px;}
.top_head ul li a{font-size:12px;line-height:30px;}
.top_head ul li span{padding:0px 8px;font-size:12px;line-height:30px;}
.contain{width:1200px;margin:auto;}
.top{width:100%;height:100px;}
.top .contain .phone{float:right;margin-top:27px;width:217px;}
.top .contain .phone span{font-size:24px;color:#2a7fb3;font-weight:bold;display:block;float:right;margin-top:2px;font-family:"Microsoft YaHei","微软雅黑";}
.top .contain .phone p{float:left;margin-left:10px;color:#2a2a2a;font-weight:bold;margin-top:2px;}
.nav{width:100%;background:#2a7fb3;height:50px;}
.navul{width:1200px;margin:auto;}
.navul li{float:left;text-align:center;width:200px;line-height:50px;height:50px;}
.navul li>a{color:#fff;width:200px;height:50px;display:block;}
.navul li a{transition:all 0.5s ease;}
.navul .nav_son{position:absolute;z-index:100;display:none;}
.navul .nav_son a{color:#fff;width:200px;height:40px;line-height:40px;display:block;}
.navul .nav_son span{display:block;background:#1685bb;border-bottom:1px solid #07557b;}
.navul .nav_son span:last-child{border:none;}
.navul li a:hover{background:#07557b;}
.navul li.cur{background:#07557b;}



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





#indexabout{width:1200px;height:252px;margin:auto;margin-bottom:31px;
	.about{width:727px;float:left;}
	.tit{width:100%;height:41px;background:#f5f5f5;line-height:41px;}
	.tit p{width:143px;height:100%;background:#2a7fb3;color:#fff;text-align:center;line-height:41px;font-size:18px;float:left;}
	.tit a{float:right;margin-right:21px;}
	.con{margin-top:12px;width:100%;height:199px;}
	.con .content{line-height:200%;height:199px;width:398px;float:left;font-size:12px;overflow:hidden;}
	.con .more{color:#2a7fb3;}
	.contact{width:466px;float:right;}
	.contact .con .content{width:304px;height:189px;float:left;font-size:12px;margin-top:10px;overflow:hidden;}
}





#indexproduct{width:1200px;height:486px;margin:auto;
	.tit{width:100%;padding-top:33px;}
	.tit p{width:100%;font-size:20px;text-align:center;color:#2a7fb3;}
	.tit span{width:100%;font-size:30px;text-align:center;font-weight:bold;color:#999;display:block;margin-top:10px;}
	.tit div{width:100%;height:6px;background:url(../images/line.jpg) no-repeat center;margin-top:13px;}
	.product{width:1200px;margin:auto;margin-top:22px;}
	.tab{overflow:hidden;}
	.tab ul{text-align:center;}
	.tab ul li{display:inline-block;margin:0px 5px;height:36px;border:1px solid #dcdcdc;text-align:center;line-height:36px;}
	.tab ul li a{padding:0px 30px;height:36px;display:block;}
	.tab ul li:first-child{background:#2a7fb3;}
	.tab ul li:first-child a{color:#fff;}
	.tab ul li:last-child{margin-right:0px;}
	.cpzx{width:100%;margin:25px auto;overflow:hidden;}
	.cpzx ul{display:none;}
	.cpzx ul:nth-child(1){display:block;}
	.cpzx ul li{float:left;width:290px;height:263px;margin-right:13px;margin-bottom:25px;}
	.cpzx ul li:nth-child(4n){margin-right:0px;}
	.cpzx ul li .detail{display:block;width:100%;height:45px;line-height:45px;text-align:center;font-size:12px;}
	.cpzx ul li .detail:hover *{color:red;}
	.cpzx ul li a.pic{width:290px;height:218px;line-height:214px;display:block;overflow:hidden;background:#f5f5f5;text-align:center;}
	.cpzx ul li img{transition: transform 0.9s ease 0s;}
	.cpzx ul li img:hover{transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1); 	/* IE 9 */
	-moz-transform:scale(1.1,1.1); 	/* Firefox */
	-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1,1.1); 	/* Opera */}
}



#indexcase{width:1200px;margin:auto;margin-bottom:29px;
	.tit{width:100%;height:41px;background:#f5f5f5;line-height:41px;}
	.tit p{width:143px;height:100%;background:#2a7fb3;color:#fff;text-align:center;line-height:41px;font-size:18px;float:left;}
	.tit a{float:right;margin-right:21px;}
	
	.product{width:100%;margin-top:16px;}
	.case_tab{overflow:hidden;}
	.case_tab ul{position:relative;margin-bottom:20px;text-align:center;}
	.case_tab ul li{display:inline-block;margin:0px 5px;height:36px;border:1px solid #dcdcdc;text-align:center;line-height:36px;}
	.case_tab ul li a{padding:0px 30px;height:36px;display:block;}
	.case_tab ul li:first-child{background:#2a7fb3;}
	.case_tab ul li:first-child a{color:#fff;}
	.case_tab ul li:last-child{margin-right:0px;}
	.casezx ul li{float:left;width:289px;height:217px;margin-right:15px;}
	.casezx ul li a.pic{display:block;width:287px;height:215px;text-align:center;line-height:211px;overflow:hidden;position:relative;border:1px solid #dcdcdc;}
	.casezx ul li span{width:287px;height:215px;display:none;position:absolute;top:0px;left:0px;background:rgba(255,255,255,0.3);}
	.casezx ul li a.pic:hover span{display:block;}
}





#ne_nav{width:938px;height:27px;border-bottom:1px solid #dcdcdc;float:right;margin-top:47px;
	span{margin-top:34px;}
}


.col{width:898px;min-height:450px;line-height:200%;padding:0px 20px;margin-top:20px;margin-bottom:20px;float:right;}
.col td{line-height:3}
.col img{max-width:100%;}


.pxxm{width:938px;min-height:220px;margin-bottom:50px;float:right;margin-top:13px;
	ul{width:100%;float:left;
		li{width:306px;float:left;margin-right:9px;margin-bottom:15px;}
		li:nth-child(3n){margin-right:0px;}
		li .pic{width:306px;height:230px;font-size:0;text-align:center;/*border:1px solid #dcdcdc;*/line-height:230px;display:block;overflow:hidden;position:relative;}
		li .pic img{max-width:306px;max-height:230px;}
		li .pic span{width:306px;height:230px;display:none;position:absolute;top:0;left:0;background:rgba(0,0,0,0.1);}
		li .pic:hover span{display:block;}
		li .tt{width:286px;height:40px;line-height:20px;padding:10px;text-align:center;float:left;font-size:16px;}
		li .tt:hover{color:#2a7fb3;}
	}
}



.xwzx{width:938px;min-height:220px;margin-bottom:50px;margin-top:10px;float:right;
	ul{width:100%;margin:auto;}
	ul li{width:100%;height:135px;border-bottom:1px dashed #666;transition: all 0.3s ease 0s;overflow:hidden;}
	ul li:hover .tit,ul li:hover .con{color:#e16868;}
	ul li a{width:100%;height:100%;display:block;}
	ul li .tit{padding-top:25px;font-size:16px;font-weight:bold;}
	ul li .con{margin-top:12px;line-height:240%;}
}



#sidenav{width:240px;margin-bottom:50px;float:left;margin-top:25px;
	h2{font-size:24px;font-weight:bold;color:#fff;padding-left:46px;width:194px;height:80px;line-height:80px;background:#2a7fb3;}
	ul{width:240px;}
	ul li.nv{width:240px;height:60px;line-height:60px;background:#ececeb;border-bottom:1px solid #dcdcdc;margin-top:5px;}
	ul li.navson{width:240px;height:40px;line-height:40px;border-bottom:1px solid #dcdcdc;background:#ececeb;}
	ul li.navson a{padding-left:60px;width:180px;height:44px;display:block;font-size:14px;color:#666666;}
	ul li.nv a{padding-left:46px;width:194px;height:60px;display:block;color:#333333;font-size:18px;}
	ul li a{transition:all 0.5s ease;}
	ul li a:hover{background:#1ca4d9;color:#ffffff;}
	.about{margin-bottom:6px;}
	.con{border:2px solid #2a7fb3;padding: 16px 6px 16px 6px;line-height:200%;font-size:14px;}
	ul li a.cur{background:#1ca4d9;color:#ffffff;}
	
}



.orientation{margin-top:30px;
	.previous{float:left;}
	.next{float:right;}
}


.online{position:fixed;bottom:50px;right:0px;z-index:1000;}





/*footer*/
#footer{
	.footer_top{width:100%;height:232px;background:#f5f5f5;}
	.address{width:1200px;margin:auto;}
	.con{width:600px;height:180px;margin-top:32px;line-height:200%;float:left;font-size:12px;color:#999;}
	.weixin{width:162px;height:164px;background:url(../images/back.jpg) center no-repeat;float:right;margin-right:50px;margin-top:26px;text-align:center;font-size:12px;}	
	.footer_bottom{width:100%;height:40px;background:#363636;color:#bebebe;line-height:40px;font-size:12px;}
}

.mypage {
    text-align: center;
    margin-top: 30px;
	
	span,a {
		display: inline-block;
		vertical-align: top;
		color: #2a7fb3;
		border: 1px solid #2a7fb3;
		padding: 5px 10px;
		margin: 5px;
		
		&.current{
			background: #2a7fb3;
			color: #fff;
		}
	}
}