/*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{  text-align: center;  height: 30px;  background-color: #f5f5f5;  font-size: 10px;  }
.top_head{  margin: 0 auto;  width: 1200px;  height: 30px;  }
.top_left{  padding-top: 10px;  float: left;  }
.top_right{  padding-top: 10px;  float: right;  }
.top_right a{  margin: 0 10px;  }
.en{  background-color: #1d76b5;  color: white;  padding: 8px 18px 6px 18px;  }
.contain img{  width: 80px;  }
.top{  width: 100%;  text-align: center;  }
.top h1{width: 360px;height: 50px;font-size: 22px;}
.logo_text{margin: 25px 0 0 0}
.top span{font-size: 8px;font-weight:normal;}
.nav{margin-top:40px;float:right;}

.contain{  margin: 18px auto 0 auto;  width: 1200px;  }
.navul li{float:left;text-align:center;font-size:14px;line-height:33px;height:34px;margin-left:38px;position:relative;}
.navul li.cur{border-bottom:3px solid #3bb2c3;}
.nav_son{display:none;position:absolute;z-index:100;left:-22px;background:#fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);background:#fff;width:100px;}
.nav_son span{display:block;font-size:12px;height:32px;line-height:32px;text-align:center;padding:0px 10px;border-bottom:1px solid #d2d2d2;}



/*banner*/
#indexbanner{ height: 500px; overflow: hidden; position: relative;}
#indexbanner .bx-controls{ position: absolute; left: 0; bottom: 20px; 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: 45px; height: 4px; 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,0.8);}
#indexbanner .bx-controls .bx-controls-direction{ display: none;}
.insidebanner{margin-top:90px;}



.title{width:100%;height:45px;letter-spacing:1px;}
.title p{width:100%;font-size:26px;text-align:center;color:#333333;font-weight:bold;margin-bottom: 5px;}
.title .tit{width:470px;height:6px;margin:auto;margin-top:15px;position:relative;}




#indexproduct{width:100%;margin:70px auto 0 auto;height:430px;overflow: hidden; position: relative;}

.product{width:1200px;height:100%;margin:auto;}

.product .tit{width:100%;padding-top:48px;text-align:center;}
.product .tit p{font-size:26px;letter-spacing:2px;}
.product .tit span{margin-top:10px;color:#999;display:block;}
.product .tab{width:100%;height:36px;margin-top:20px;overflow:hidden;}
.product .tab ul{position:relative;left:50%;float:left;}
.product .tab ul li{float:left;width:160px;height:36px;text-align:center;background:#f5f5f5;line-height:36px;margin-right:5px;position:relative;right:50%;}
.product .tab ul li a{width:100%;height:100%;display:block;font-size:12px;overflow:hidden;}
.product .tab ul li:last-child{margin-right:0px;}
.product .cpzs{width:100%;height:267px;margin-top:26px;}
.product .cpzs ul{display:none;margin-left: 25px;}
.product .cpzs ul li{width:267px;height:290px;float:left;margin-right: 25px;text-align: center}

.product .cpzs ul li:nth-child(3n){margin-right:0px;}
.product .cpfl .td{width:267px;height:205px;float:left;margin-left: 25px;text-align: center;}
.product .cpfl .td:nth-child(3n){margin-right:0px;}
.product .cpfl .td .pic:hover span{display:block;}

.kongj{  height: 40px;  }
.zaixianly{  width: 1100px;  height: 46px;  padding-left: 18px;  background: #f5f5f5;  font-size: 18px;  font-weight: bold;  line-height: 46px;  }
.selform #f_name{width:381px;height:38px;float:left;margin-bottom:20px;margin-right:25px;padding-top: 7px;}
.selform #f_phone{width:381px;height:38px;float:left;margin-bottom:20px;margin-right:25px;padding-top: 7px;}
.selform #f_email{width:381px;height:38px;float:left;margin-bottom:20px;margin-right:25px;}

.selform #f_name input{width:268px;height:36px;border:1px solid #c9c9c9;padding-left:20px;}
.selform #f_name th{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}

.selform #f_phone input{width:268px;height:36px;border:1px solid #c9c9c9;padding-left:20px;}
.selform #f_phone th{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}

.selform #f_email input{width:268px;height:36px;border:1px solid #c9c9c9;padding-left:20px;}
.selform #f_email th{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}

#f_content{width:500px;height:170px;float:left;margin-bottom:20px;}
#f_content textarea#content{padding:20px;border:1px solid #c9c9c9;}
#f_content th{float:left;width:81px;padding-right:5px;line-height:38px;padding-left:5px;}

#f_verify{height:52px;margin-bottom:20px;}
#f_verify th{float:left;width:86px;line-height:38px;}

#f_verify td{width:50px;height:60px;padding-left:5px;margin-right:10px;float: left}
#f_verify td input{width:268px;}
#f_verify td img{width:120px;}

#btnSubmit{width:107px;height:35px;color:#fff;cursor:pointer;background:#be252e;margin-left:91px;float:left;border:none;margin:12px 47px 0 200px;}



#indexabout{width:100%;height:530px;background:url(../images/company.jpg) no-repeat center;background-color: #eeeeee;}
#indexabout .title{padding-top:85px;}
.about{width:1200px;margin:auto;height:289px;margin-top:39px;color: #666666;line-height: 40px;}
.about .content{line-height:200%;height:230px;width:675px;float:left;margin-top:10px;}
.about .more{width:138px;height:38px;line-height:38px;border:1px solid #37b6bc;float:right;text-align:center;margin-right:29px;transition:all 0.5s ease 0s;}
.about .more:hover{background:#37b6bc;color:#fff;}



#indexnews{width:1200px;height:573px;margin:auto;}
.news .tit{width:100%;padding-top:75px;text-align:center;}
.news .tit p{font-size:26px;letter-spacing:2px;color: black;}
.news .tit span{margin-top:11px;color:#999;display:block;}
.news .con{width:100%;height:405px;margin-top:30px;}
.news .con .left{width:640px;height:405px;float:left;background:#f7f7f7;}
.news .con .left .one{width:580px;margin:auto;}
.news .con .left .one .date{width:55px;float:left;text-align:center;margin:0px 15px 0 0;}
.news .con .left .one .date p{border-bottom:1px solid #d6d6d6;font-size:20px;color:#999999;padding-bottom:2px;}

.news .con .left .one .date span{font-size:12px;color:#999;display:block;}
.news .con .left .one .tt{font-size:13px;margin-top:4px;}
.news .con .left .one .tt a{color:#333;}
.news .con .left .one .tt a:hover{color:#0092b1;}
.news .con .left .one .des{width:522px;font-size:12px;margin-top:10px;}
.news .con .left .one .des a{color:#999;}
.news .con .left .one .des a:hover{color:#0092b1;}
.news .con .news_pic{width:594px;height:294px;margin:23px;margin-bottom:20px;overflow: hidden; position: relative;}
.news .con .news_pic .bx-controls{display:none;}
.news .con ul{width:530px;height:90px;float:right;}
.news .con ul li{  width:530px;height:90px;background:#f7f7f7;margin-bottom:19px;}
.news .con ul li .date{width:55px;float:left;text-align:center;margin:25px 15px 0 12px;}
.news .con ul li .date p{border-bottom:1px solid #d6d6d6;font-size:20px;color:#999;padding-bottom:2px;}
.news .con ul li .date span{font-size:12px;color:#999;margin-top:6px;display:block;}
.news .con ul li .tt{  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  float:left;width:408px;font-size:13px;margin:25px 0 0 0;}
.news .con ul li .tt a{color:#333;}
.news .con ul li .tt a:hover{color:#0092b1;}
.news .con ul li .des{  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  float:left;width:408px;font-size:12px;margin-top:10px;}
.news .con ul li .des a{color:#999;}
.news .con ul li .des a:hover{color:#0092b1;}
.one{height: 100px;}



#indexteam{width:1200px;height:293px;margin:auto;}
.team{width:100%;height:185px;margin-top:24px;}
.team ul li{width:530px;height:90px;background:#f7f7f7;margin:0 0 19px 0;float: left;margin-right: 40px;border-left:6px solid #9e9e9e; }
.team ul li .date{width:55px;float:left;text-align:center;margin:25px 15px 0 12px;}
.team ul li .date p{border-bottom:1px solid #d6d6d6;font-size:20px;color:#999;padding-bottom:2px;}
.team ul li .date span{font-size:12px;color:#999;margin-top:6px;display:block;}
.team ul li .tt{overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;float:left;width:428px;font-size:13px;margin:25px 0 0 0;}
.team ul li .tt a{color:#333;}
.team ul li .tt a:hover{color:#0092b1;}
.team ul li .des{overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;float:left;width:428px;font-size:12px;margin-top:10px;}
.team ul li .des a{color:#999;}
.team ul li .des a:hover{color:#0092b1;}





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



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




.cpzs{width:938px;min-height:220px;margin-bottom:50px;float:right;margin-top:13px;}
.cpzs ul{width:100%;float:left;}
.cpzs ul li{width:230px;height:226px;float:left;margin-right:6px;}
.cpzs ul li:nth-child(4n){margin-right:0px;}
.cpzs ul li a.pic{width:226px;height:172px;border:2px solid #d3d3d3;text-align:center;line-height:168px;display:block;overflow:hidden;position:relative;}

.cpzs ul li a.pic span{width:226px;height:172px;display:none;position:absolute;top:0;left:0;background:rgba(0,0,0,0.3);}
.cpzs ul li a.pic:hover span{display:block;}
.cpzs ul li p{width:230px;height:50px;line-height:50px;text-align:center;float:left;}
.cpzs ul li p a:hover{color:red;}



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



#sidenav{width:240px;margin-bottom:50px;float:left;margin-top:25px;}
#sidenav h2{font-size:18px;font-weight:bold;color:#fff;padding-left:46px;width:194px;height:60px;line-height:60px;background:#0167af}
#sidenav ul{width:240px;}
#sidenav ul li.nv{width:240px;height:45px;line-height:45px;background:#20abcd url(../images/jia.png) no-repeat 212px center;border-top:1px solid #1a788f;}
#sidenav ul li.navson{width:240px;height:44px;line-height:44px;border-bottom:1px solid #dcdcdc;}
#sidenav ul li.navson a{padding-left:18px;width:222px;height:44px;display:block;font-size:12px;}
#sidenav ul li.nv a{padding-left:46px;width:194px;height:45px;display:block;color:#fff;font-size:12px;}
#sidenav ul li.nv .cur{background:#1a788f url(../images/jia1.png) no-repeat 212px center;}
#sidenav ul li.navson .cur{color:#666;font-weight:bold;}
#sidenav .gy{margin-bottom:3px;}
#sidenav .con{border-bottom:3px solid #3bb2c3;padding: 10px 6px 10px 6px;line-height:200%;font-size:12px;}





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






/*footer*/
.f_nav{width:100%;height:58px;background:#2d2e30;border-bottom:1px solid #4f4f4f;}
.f_nav ul{width:1200px;margin:auto;}
.f_nav ul li{float:left;line-height:58px;margin-right:55px;}
.f_nav ul li a{color:#c8c8c8;}
.footer_top{width:100%;height:239px;background:#2d2e30;}
.footer_top .address{width:1200px;margin:auto;}
.footer_top .con{width:550px;height:190px;margin-top:35px;line-height:200%;float:left;font-size:12px;color:#999;}
.footer_top .weixin{width:162px;height:164px;float:right;margin-top:18px;background:url(../images/bak.png) no-repeat center;text-align:center;}
.footer_top .weixin p{color:#acacac;font-size:12px;position:relative;top:14px;}
.footer_bottom{width:100%;height:50px;background:#262626;}
.footer_bottom .fter{width:1200px;margin:auto;line-height:50px;font-size:12px;color:#c8c8c8;}
.fadeInLeft h1{width: 360px;height: 50px;font-size: 22px;margin: 45px 95px 0 0;}
.foot_text{margin: 25px 0 0 0}
.fadeInLeft span{font-size: 8px;font-weight:normal;}

.mypage{
    text-align: center;
	float:left;
	width:100%;
}
.mypage	span,.mypage a{
	display: inline-block;
	vertical-align: top;
	color: #d35b52;
	border: 1px solid #d35b52;
	padding: 5px 10px;
	margin: 5px;
}
.mypage	span.current,.mypage a.current{
	background: #d35b52;
	color: #fff;
}