html{width: 100%;min-width:1200px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
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{padding:0;margin:0}
body,button,input,select,textarea{font:14px/1.5 Microsoft Yahei,sans-serif}
body{width: 100%;background:#fff;overflow-x: hidden;-webkit-font-smoothing: antialiased;color:#333;background: #fff}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new, courier, monospace}
small{font-size:12px}
ul,ol,li{list-style:none}
hr{border: none;height: 1px}
a{color:inherit;text-decoration:none;outline:none;background-color: transparent}
a:hover,a:active{outline: none;text-decoration: none}
img{border:none;}
b,strong{font-weight: bold;}
table{border-collapse:collapse;}
td,th{border: 1px solid #333;}
textarea,input,input:focus{border: none;outline: none;}
input[type="submit"]{cursor: pointer;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.b{display: block;width: 100%;height: 100%;}
.nclk{pointer-events: none;}
.cl{clear: both;}
.cl:after{content: "";clear: both;display: table;}
.fl{float: left;}
.fr{float: right;}
.r{position: relative;}
.ws{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.p{width: 1100px;margin: 0 auto;}
a.col{background-color: #ff9900;color: #fff;}
a.block{display: block;width: 100%;height: 100%;}
.c01{color: #014da3;}
.c02{color: #666;}
.c03{color: #fff;}
.c04{color: #1069c3;}
.trans01{-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s}
.ani-b-t{opacity: 0;-webkit-transform: translate(0, -60px);-moz-transform: translate(0, -60px);transform: translate(0, -60px);-o-transform:translate(0, -60px);}
.ani-p-li{opacity: 0;-webkit-transform: translate(200px, 0);-moz-transform: translate(200px, 0);transform: translate(200px, 0);-o-transform:translate(200px, 0);}
@font-face {font-family: "iconfont";
  src: url('http://www.hzol168.com/css/iconfont.eot?t=1522221274568'); /* IE9*/
  src: url('http://www.hzol168.com/css/iconfont.eot?t=1522221274568') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAUkAAsAAAAAB4AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kgIY21hcAAAAYAAAABeAAABhpmwBr5nbHlmAAAB4AAAAVYAAAFosyOAA2hlYWQAAAM4AAAALwAAADYQ4gexaGhlYQAAA2gAAAAcAAAAJAfeA4RobXR4AAADhAAAAAwAAAAMC+kAAGxvY2EAAAOQAAAACAAAAAgAdgC0bWF4cAAAA5gAAAAfAAAAIAESAF1uYW1lAAADuAAAAUUAAAJtPlT+fXBvc3QAAAUAAAAAJAAAADXc4lF0eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sE4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDyTY27438AQw9zA0AAUZgTJAQAllgyKeJzFkMENgDAMAy9t6QMxQ988GIgXc3TirlFMKA8mqCXHimMpUYAFiOIhJrAL48Ep19yPrO4nz2SpEait9K7+U0U0y65BJTMNNm/1H5vXfXT6CnVQJ7byknADmo8MBwAAeJwtj81KAlEcxf//e+fDsfFOzqeO+TEz6i2sgSY1KdKCiEoXQSuXPUDSzk0LN0GLFuIjRNCyFxAq36B1q6h9bzA1RIfDgXM4mx+IAD8fdE5zYMAqbMIhnAGg1ECfkSJ6vBmSBlqeaDkmozzgnhz4Id1Dx5dMO2o3644kSxoyLOGWF7V5SDi2ml2yi5FdRMwX3HO9tqLTKaZzvHQTn5J7tMrBitbdiE/We2ZUMVJjVdfzun6XkkQxRYigMbx0bEVU0lL8IGquNS+vkTKqee4OhplKQb+4bY6KNUdBnEzQKFTYYy/rZhNfu7ah5+XlTCrnZoKqieOvpZyhFuufkIgkrC90SPfBBh9AlHid8Hqri9sldMyEg8gMA8pQTnqyhkhAE9n7jicsZrOFkDUP3lSiKNjpI/Y7f9nDhN4eHQ+mz4LwOm0cVa/ib0YpeSL/jyQBfgGF1jkzAAB4nGNgZGBgAGLDT1mJ8fw2Xxm4WRhA4NrDxFsI+v8BFgZmByCXg4EJJAoASLELkwB4nGNgZGBgbvjfwBDDwgACQJKRARUwAwBHCQJsBAAAAAPpAAAEAAAAAAAAAAB2ALR4nGNgZGBgYGYIZGBlAAEmIOYCQgaG/2A+AwAQ9wFwAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgJmRiZGZkYWBsYI9JTMvvTw1k4EBABokA4M=') format('woff'),
  url('http://www.hzol168.com/css/iconfont.ttf?t=1522221274568') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('http://www.hzol168.com/css/iconfont.svg?t=1522221274568') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*header开始*/
.header{
	height: 115px;
}
.logo{
	float: left;
	/*background: url(../image/logo.png) no-repeat left bottom /70px 70px;*/

}
.logo h1{
	font-size: 37px;
	line-height: 38px;
	font-family: '黑体';
	line-height: 32px;
	padding-top: 32px;
	color: #1e6cbf;
}
.logo h2{
	font-size: 17px;
	font-family: 'Arial';
	line-height: 30px;
	font-weight: normal;
	color: rgba(30,108,191,.55);
	text-transform: uppercase;
}
header .list{
	overflow: hidden;
	padding-left: 20px;
	text-align: right;
	font-size: 0;
}
.top_phone{
	display: inline-block;
	font-size: 19px;
	font-weight: bold;
	line-height: 21px;
	padding-top: 27px;
	padding-left: 39px;
	background: url('../image/telephone.png') no-repeat left 27px;
	color:#ff8a00;
}
header .list ul{
	display: inline-block;
	padding-bottom: 15px;
}
header .list li{
	float: left;
	padding: 18px 25px;
	font-size: 16px;
	line-height: 16px;
}
header .list li:first-child{
	padding-left: 0;
}
header .list li:last-child{
	padding-right: 0;
}
header .list li a.active,
header .list li a:hover{
	display: block;
	position: relative;
	color: #1e6cbf;
}
header .list li a.active:after,
header .list li a:hover:after{
	content: "";
	border-bottom: 11px solid #1e6cbf;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	position: absolute;
	left: 27px;
	bottom: -33px;
}
/*首页轮播图开始*/
.banner{
    height: 580px;
    position: relative;
    overflow: hidden;
	cursor:pointer
}
.banner-con{
    width: 1920px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    z-index: 9;
}
.box_skitter{
	width: 100%;
	height: 100%;
}
.skitter-clean .info_slide_dots{
	background: rgba(0,0,0,0);
	box-shadow: none;
}
.skitter-clean .info_slide_dots .image_number{
	width: 15px;
	height: 15px;
	margin:0 5px;
	border-radius: 50%;
	background: #fff;
}
.box_skitter .info_slide_dots .image_number{
	background:#fff;
}
.box_skitter .info_slide_dots .image_number:hover{
	background-color:#ff8a00;
}
.skitter-clean .info_slide_dots .image_number_select, .skitter-clean .info_slide_dots .image_number_select:hover{
	background-color: #ff8a00;
}
.box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover{
	margin: 0 5px;
}
.skitter-clean .info_slide_dots{
	bottom: 25px;
}
/*公共标题*/
.title{
	padding-top: 60px;
	padding-bottom: 31px;
}
.p_t{
	padding-left: 450px;
}
.title h1{
	font-size: 34px;
	line-height: 36px;
	padding-left: 57px;
}
.title h2{
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	margin-top: -18px;
	text-transform: uppercase;
	color: #1e6cbf;
}
.title h2 span:nth-child(1){
	font-size: 70px;
	font-weight: bold;
	line-height: 24px;
	padding-right: 6px;
}
.about{
	height: 574px;
}
.about .box:nth-child(1){
	float: left;
	width: 606px;
	padding-bottom: 43px;
}
.about .box:nth-child(2){
	overflow: hidden;
	position: relative;
	height: 423px;
}
.about p{
	font-size: 15px;
	line-height: 28px;
	text-indent: 16px;
}
.about p:nth-child(2){
	padding-bottom: 28px;
}
.about .more{
	display: block;
	width: 168px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 16px;
	color: #ff9900;
	border: 1px solid #ff9900;
	text-transform: uppercase;
	vertical-align: middle;
}
.about .more span{
	display: inline-block;
	font-size: 25px;
	line-height: 41px;
	vertical-align: top;
	margin-left: 1px;

}
.about .pic{
	display: block;
	border: 7px solid #ff9900;
	border-radius: 50%;
	overflow: hidden;
}
.pic2{
	width: 319px;
	height: 319px;
	left: 175px;
	top: 0;
	position: relative;
}
.pic2 img{
	width: 305px;
	height: 305px;
	border-radius: 50%;
}
.pic1{
	width: 264px;
	height: 264px;
	left: 55px;
	top: 111px;
	position: absolute;
}
.pic1 img{
	width: 250px;
	height: 250px;	
	border-radius: 50%;
}
.about .pic:hover{
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}
.cate{
	background: url('../image/cate_bg.jpg') no-repeat center top;
}
.cate .p{
	width: 1190px;
	height: 593px;
	display: flex;
}
.c_title{
	width: 138px;
	position: relative;
}
.c_title h1{
	width: 88px;
	padding-left: 13px;
	text-align: center;
	font-size: 38px;
	line-height: 40px;
	color: #fff;
	padding-top: 56px;
}
.c_title h2{
	width: 40px;
	color: #5fa1e9;
	opacity: .7;
	font-family: 'Book Antiqua';
	font-size: 72px;
	line-height: 8px;
	font-weight: normal;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	transform:rotate(90deg);  
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg); 
    -o-transform:rotate(90deg);
    text-transform: uppercase;
    position: absolute;
    top: 58px;
}
.cate_li{
	width: 331px;
	color: #fff;
	font-size: 0;
	text-align: center;
	padding-top: 102px;
}
.cate_li:nth-child(even){
	background: rgba(39,104,178,.7);
}
.cate_li .num{
	font-size: 40px;
	font-family: 'Adobe 黑体 Std';
	color: #1e6cbf;
	width: 85px;
	height: 85px;
	line-height: 85px;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	display: inline-block;
	position: relative;
}
.cate_li .num:after{
	content: "";
	position: absolute;
	width: 91px;
	height: 91px;
	border-radius: 50%;
	border: 2px solid #fff;
	top: -5px;
	left: -5px;
}
.cate_name{
	display: block;
	font-size: 26px;
	line-height: 26px;
	padding-top: 20px;
	padding-bottom: 55px;
	position: relative;
}
.cate_name:after{
	content:"";
	position: absolute;
	width: 40px;
	height: 3px;
	background: #fff;
	left: 50%;
	bottom: 28px;
	transform:translateX(-50%);  
    -ms-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%); 
    -o-transform:translateX(-50%);
}
.cate_li p{
	font-size: 14px;
	line-height: 26px;
	overflow: hidden;
	height: 104px;
	padding: 0 32px;
}
.cate_li .more{
	margin-top: 36px;
}
.cate_li .more span{
	display: inline-block;
	width: 0;
	color: #ff9900;
	background: #fff;
	height: 30px;
	vertical-align: top;
	line-height: 30px;
	text-align: center;
	opacity: 0;
}
.cate_li i{
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(255,255,255,1);
	vertical-align: top;
	position: relative;
}
.cate_li i:after{
	content: "";
	position: absolute;
	top: 13px;
	left: 4px;
	width: 18px;
	height: 1px;
	background: #fff;
}
.cate_li i:before{
	content: "";
	position: absolute;
	top: 8px;
	left: 11px;
	width: 9px;
	height: 9px;
	border: 1px solid #fff;
	border-left-color: transparent;
	border-bottom-color: transparent;
	transform:rotate(45deg);  
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg); 
    -o-transform:rotate(45deg);
}
.cate_li img{
	margin-top: 21px;
	height: 0;
	display: block;
	margin:0 auto;
}
.cate_li:hover{
	background: #ff9900;
	padding-top: 41px;
}
.cate_li:hover img{
	height: 205px;
	margin: 21px auto 0;
}
.cate_li:hover .cate_name{
	padding-bottom: 38px;
}
.cate_li:hover .cate_name:after{
	bottom: 21px;
}
.cate_li:hover p{
	height: 52px;
}
.cate_li:hover .more{
	margin-top: 21px;
}
.cate_li:hover .more span{
	width: 105px;
	font-size: 15px;
	opacity: 1;
}
.cate_li:hover i{
	border: 1px solid rgba(255,255,255,.5);

}
.cate_li:hover .num{
	color: #ff9900;
}
.cate_more{
	width: 59px;
	font-size: 22px;
	padding: 227px 16px;
	color: #fff;
	background:rgba(39,104,178,.88);
}
.cate_more a{
	display: block;
	width: 26px;
	line-height: 25px;
	position: relative;
	padding-bottom: 47px;
	text-align: center;
	background: url('../image/cate_more.png') no-repeat center bottom;
}
.cate_more:hover{
	background: #ff9900;
}
/*轮播图样式*/
.pro_swiper,
.case_swiper,
.news_swiper{
	overflow: hidden;
}
.pro_swiper .pic{
	display: block;
	width: 350px;
	height: 395px;
	padding-left:15px; 
	background: url('../image/pros_bg.png') no-repeat left top;
}
.pro_swiper p{
	font-size: 18px;
	line-height: 46px;
	text-align: center;
}
.pro_swiper li{
	float: left;
	margin-right: 25px;
	margin-bottom: 26px;
}
.pro_swiper li:nth-child(3n){
	margin-right: 0;
}
.pro_swiper li:hover p{
	color: #ff9900;
	font-weight: bold;
}
.pro_btns{
	width: 420px;
	height: 45px;
	position: relative;
	margin: 0 auto;
}
.swiper-pro-prev,
.swiper-pro-next{
	width: 180px;
	height: 45px;
	border-radius: 20px;
	background: #cccccc;
	position: absolute;
}
.swiper-pro-prev:hover,
.swiper-pro-next:hover{
	background: #ff9900;
}
.swiper-pro-prev{
	left: 0;
}
.swiper-pro-next{
	right: 0;
}
.swiper-pro-next:after,
.swiper-pro-prev:after{
	content: "";
	position: absolute;
	top: 22px;
	width: 77px;
	height: 2px ;
	background: #fff;
}
.swiper-pro-next:after{
	left: 44px;
}
.swiper-pro-prev:after{
	right: 44px;
}
.swiper-pro-next:before,
.swiper-pro-prev:before{
	content: "";
	position: absolute;
	top: 16px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}
.swiper-pro-next:before{
	border-left: 12px solid #fff;
	left: 121px;
}
.swiper-pro-prev:before{
	border-right: 12px solid #fff;
	right: 121px;
}
.news .title{
	padding-bottom: 20px;
}
.news .title h1{
	padding-left: 65px;
}
.news .title h2 span:nth-child(1){
	padding-right: 0;
}
div.news{
	background: url('../image/news_bg.jpg') repeat;
	padding-top: 60px;
}
.news_swiper{
	width: 1100px;
	margin: 0 auto;
}
.news_swiper li{
	float: left;
	height: 285px;
	width: 25%;
	background: #fff;
	box-shadow: -1px 0 40px 0 rgba(195,195,195,1);
	padding: 40px 32px 0 30px;
}
.news_swiper h3{
	font-size: 16px;
	line-height: 16px;
}
.news_swiper .time{
	font-size: 13px;
	color: #666;
	line-height: 45px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}
.news_swiper p{
	font-size: 14px;
	line-height: 25px;
	height: 115px;
	overflow: hidden;
	padding: 15px 1px 25px;
}
.news_swiper span{
	width: 60px;
	height: 26px;
	border-radius: 12px;
	text-align: center;
	line-height: 26px;
	color: #fff;
	display: block;
	background: #1e6cbf;
}
.news_swiper li:hover h3{
	color: #ff9900;
}
.news_swiper span:hover{
	background: #ff9900;
}
.case .case_swiper .swiper-pagination-bullet,
.news .swiper-pagination-bullet{
	display: inline-block;
	width: 7px;
	height: 7px;
	background: #6eaff4;
	opacity: 1;
	position: relative;
	margin: 0 8px;
}
.case_swiper .swiper-pagination-bullet:after,
.news .swiper-pagination-bullet:after{
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	box-sizing: border-box;
	border-radius: 50%;
	border:1px solid #6eaff4;
	top: -4px;
	left: -4px;
}
.swiper-case-span,
.swiper-new-span{
	width: 100%;
	padding-bottom: 56px;
	text-align: center;
	z-index: 99;
	padding-top: 31px;
}
.news .swiper-pagination-bullet:hover,
.news .swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1;
}
.news .swiper-pagination-bullet:hover:after,
.news .swiper-pagination-bullet-active:after{
	border-color: #fff;
}
.case_swiper li{
	float: left;
	width: 260px;
	font-size: 0;
	margin-right: 20px;
}
.case_swiper li:nth-child(4n){
	margin-right: 0;
}
.case_swiper .pic{
	width: 260px;
	height: 205px;
}
.case_swiper p{
	width: 100%;
	height:40px;
	background: #cccccc;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
}
.case_swiper li:hover p{
	background: #ff9900;
	color: #fff;
}
.case .case_swiper .swiper-pagination-bullet{
	background: #cccccc;
}
.case .case_swiper .swiper-pagination-bullet:after{
	border-color: #cccccc;
}
.case .case_swiper .swiper-pagination-bullet:hover,
.case .case_swiper .swiper-pagination-bullet-active{
	background: #ff9900;
	opacity: 1;
}
.case_swiper .swiper-pagination-bullet:hover:after,
.case  .case_swiper .swiper-pagination-bullet-active:after{
	border-color: #ff9900;
}
.contact{
	height: 214px;
	background: #1e6cbf;
}
.contact .p{
	display: flex;
}
.contact .box{
	position: relative;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding-top: 148px;
}
.contact .box:first-child{
	width: 282px;
	background: url('../image/cont01.jpg') no-repeat 79px 52px;
}
.contact .box:first-child:after{
	display: none;
}
.contact .box:nth-child(2){
	width: 225px;
	background: url('../image/cont02.jpg') no-repeat center 52px;
	text-align: center;
}
.contact .box:nth-child(3){
	width: 264px;
	background: url('../image/cont03.jpg') no-repeat 95px 52px;
	text-align: center;
}
.contact .box:nth-child(4){
	width: 327px;
	background: url('../image/cont04.jpg') no-repeat 151px 52px;
	padding-left: 50px
}
.contact .box:after{
	content: "";
	position: absolute;
	top: 52px;
	left: 0;
	width: 1px;
	height: 112px;
	background: #2e7ed4;
}
.footers{
	background: #1864b5;
	padding-bottom: 35px;
	padding-top: 40px;
}
.footer-con p{
	font-size: 14px;
	text-align: center;
	color: #fff;
	line-height: 25px;
}
.footer-con p a{
	padding: 0 10px;
	position: relative;
}
.footer-con p a:after{
	content:"";
	position: absolute;
	width: 1px;
	height: 15px;
	background: #fff;
	left: 0;
	top: 3px;
}
.footer-con p a:nth-child(1):after{
	content:"";
	position: absolute;
	width: 0;
	left: 0;
	top: 3px;
}
.footer-con p a:hover{
	text-decoration: underline;
}
.footer-con img{
	margin-bottom: -2px;
}
.bot_nav{
	text-align: center;
	padding-bottom:7px;
}
.bot_nav a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 0 32px;
	position: relative;
}
.bot_nav a:first-child{
	padding-left: 0;
}
.bot_nav a:last-child{
	padding-right: 0;
}
.bot_nav a:after{
	content: "";
	position: absolute;
	left: 0;
	width: 1px;
	height: 20px;
	background: #76afeb;
	transform:rotate(45deg);  
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg); 
    -o-transform:rotate(45deg);
}
.bot_nav a:first-child:after{
	display: none;
}
.bot_nav a:hover{
	color: #76afeb;
}
.i-banner{
	width: 100%;
	height: 450px;
	background: url('../image/a_banner.jpg') no-repeat center top;
	padding-top: 370px;
}
.title_list{
	height: 80px;
	background: rgba(31,105,184,.96);
}
.title_list .a_t{
	float: left;
	width: 200px;
	line-height: 80px;
	font-size: 26px;
	font-weight: bold;
	color:#fff;
	padding-left: 15px;
	position: relative;
}
.title_list .a_t:after{
	content: "";
	position: absolute;
	width: 4px;
	height: 26px;
	top: 27px;
	left: 1px;
	background: #fff;
}
.title_list .cate_title{
	float: right;
	padding-top: 18px;
}
.title_list .cate_title a{
	display: block;
	float: left;
	width: 140px;
	height: 45px;
	color:#fff;
	border-radius: 12px;
	line-height: 45px;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	margin-left: 5px;
}
.title_list .cate_title a:first-child{
	margin-left: 0;
}
.title_list .cate_title a:hover,
.title_list .cate_title a.active{
	background:rgba(145,195,248,.9);
	color: #1e6cbf;
}
.p_inner{
	padding-top: 40px;
	padding-bottom: 80px;
}
.a_about p{
	font-size: 16px;
	text-indent: 20px;
	line-height: 34px;
}
.a_proudct li{
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}
.a_proudct li:nth-child(3n){
	margin-right: 0;
}
.a_proudct .pic{
	display: block;
	font-size: 0;
	width: 350px;
	height: 275px;
	position: relative;
}
.a_proudct img{
	width: 350px;
	height: 275px;
}
.a_proudct .txt{
	font-size: 16px;
	height: 45px;
	width: 100%;
	line-height: 45px;
	text-align: center;
	background: rgba(31,105,184,.85);
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
}
.a_proudct .pic:hover .txt{
	height: 105px;
	line-height: 62px;
	padding-top: 43px;
	background: url('../image/cate_bar.png') no-repeat center 24px rgba(31,105,184,.85);
}
.news_show li{
	position: relative;
	width: 540px;
	float: left;
	margin-left: 20px;
}
.news_show li:first-child{
	margin-left: 0;
}
.news_show .txt{
	width: 433px;
	height: 238px;
	position: relative;
	padding:30px 164px 0 21px;
	box-shadow: 1px 2px 10px 0 #ccc;
}
.news_show .pic{
	position: absolute;
	width: 240px;
	height: 215px;
	right: 0;
	top: 11px;
}
.news_show .pic img{
	width: 100%;
	height: 100%;
}
.news_show .txt h3{
	font-size: 16px;
	line-height: 38px;
}
.news_show .txt h4{
	font-size: 12px;
	line-height: 22px;
	padding-bottom: 12px;
	font-weight: normal;
	color: #999;
	border-bottom: 1px solid #d9d9d9;
	text-transform: uppercase;
	margin-left: 8px;
}
.news_show .txt p{
	font-size: 14px;
	line-height: 26px;
	padding-top: 8px;
	height: 60px;
	overflow: hidden;
	color: #999;
	margin-left: 8px;
}
.news_show .txt span{
	display: block;
	width: 51px;
	height: 24px;
	border-radius: 12px;
	background: #d9d9d9;
	color: #999;
	font-size: 12px;
	text-align: center;
	line-height: 22px;
	margin-left: 8px;
	margin-top: 15px;
}
.news_show li:hover span{
	background: #fa6a00;
	color:#fff;
}
.a_news li:hover h3{
	color: #fa6a00;
}
.news_list{
	padding-top: 60px;
	padding-bottom: 20px;
}
.news_list li{
	display: flex;
}
.news_list li:first-child .time,
.news_list li:first-child .txt{
	padding-top: 0;
}
.news_list li:last-child .txt{
	border-bottom: none;
}
.news_list .time{
	width: 88px;
	padding-top: 29px;
	border-right: 1px solid #ccc;
}
.news_list .time span{
	display: block;
	color: #ccc;
}
.news_list .time span:nth-child(1){
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 5px;
	position: relative;
}
.news_list .time span:nth-child(1):after{
	content: "";
	position: absolute;
	width: 3px;
	height: 50px;
	right: -2px;
	top: 0;
	background: #ccc;
}
.news_list .time span:nth-child(2){
	font-size: 16px;
}
.news_list .txt{
	width: 1012px;
	padding: 29px 155px 30px 0;
	margin-left: 32px;
	position: relative;
	border-bottom: 1px solid #f1f1f1;
}
.news_list .txt h3{
	font-size: 16px;
	color: #666;
	line-height: 20px;
	padding-bottom: 15px;
}
.news_list .txt p{
	font-size: 14px;
	color: #999;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
}
.news_list .txt i{
	width: 28px;
	height: 28px;
	position: absolute;
	right: 0;
	bottom: 55px;
	background: url('../image/news_bar.jpg') no-repeat center top;
}
.news_list .txt i a{
	display: block;
	width: 100%;
	height: 100%;
}
.news_list li:hover .time span:nth-child(1){
	color: #fa6a00;
}
.news_list li:hover .time span:nth-child(1):after{
	background: #fa6a00;
}
.news_list li:hover .txt i{
	background: url('../image/news_abar.jpg') no-repeat center top;
}
.a_case li{
	float: left;
	height: 320px;
	overflow: hidden;
	position: relative;
	margin-right: 25px;
	margin-bottom: 18px;
}
.a_case li:nth-child(3n){
	margin-right: 0;
}
.a_case .pic{
	display: block;
	font-size: 0;
	width: 350px;
	height: 270px;
}
.a_case .cover{
	display: none;
	position: absolute;
	width: 350px;
	height: 270px;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	opacity: 0;
}
.a_case li:hover .cover{
	display: block;
	opacity: 1;
}
.a_case .cover .more{
	display: block;
	margin:112px auto 0;
	font-size: 16px;
	line-height: 45px;
	padding-left: 45px;
	width: 124px;
	height: 45px;
	border-radius: 5px;
	color: #fff;
	background: url('../image/case_more.jpg') no-repeat 14px 14px #fa6a00;
}
.a_case img{
	display: block;
	width: 100%;
	height: 100%;
}
.a_case p{
	line-height: 45px;
	margin-left: 1px;
	margin-right: 1px;
	box-shadow: 0 0 10px 0 #ccc;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
}
.a_case p a{
	font-size: 16px;
}
.a_contact h1{
	font-size: 26px;
	line-height: 26px;
	padding-bottom: 10px;
	text-align: center;
}
.a_contact h2{
	font-size: 13px;
	line-height: 13px;
	color: #999;
	text-align: center;
	font-weight: normal;
}
.cont_list{
	padding: 30px 77px 40px 46px;
}
.cont_list>div{
	float: left;
	height: 120px;
	padding-top: 82px;
	text-align: center;
	border-left: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	font-size: 17px;
}
.cont_list>div:nth-child(3n+1){
	border-left: none;
}
.cont_list .people{
	width: 293px;
	background: url('../image/cont_icon01.jpg') no-repeat center 14px;
}
.cont_list .phone{
	width: 342px;
	background: url('../image/cont_icon02.jpg') no-repeat center 14px;
}
.cont_list .tellphone{
	width: 291px;
	background: url('../image/cont_icon03.jpg') no-repeat center 14px;
}
.cont_list .email{
	width: 293px;
	border-bottom: none;
	background: url('../image/cont_icon04.jpg') no-repeat center 14px;
}
.cont_list .address{
	width: 393px;
	border-bottom: none;
	border-right: 1px solid #e9e9e9;
	background: url('../image/cont_icon05.jpg') no-repeat center 14px;
}
/*页码开始*/
.pages{
     clear: both;
     text-align: center;
     overflow: hidden;
     margin:10px auto 0;
     font-size: 0;
 }
 .pages div{
 	font-size: 16px;
 }
.pages a,
.pages span{
    display: inline-block;
    width: 34px;
    height: 34px;
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 20px;
    border: 1px solid #cccccc;
}
.pages a:last-child{
    margin-right: 0;
}
.pages a.page_top,
.pages a.page_bottom{
    font-family: "宋体";
    font-weight: normal;
}
.pages span,
.pages a:hover{
    color: white;
    border: 1px solid #fa6a00;
    color: #fa6a00;
}



.r{ float:right;}
.l{ float:left;}
a{ outline:none;}
.ws{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
/* .p{padding: 0 calc(50% - 550px)} */
.blue{ color:#008DD1;}
.mar_20{margin-top:20px;}
.ny_pad{ min-height:300px;  overflow:hidden; padding: 30px 0;}
.ny_pad img{max-width: 100%;}
.ny_news_ct88{padding:0px 0px 30px; line-height:30px; text-align: left;}
.ny_news_ct88 .info{ padding-bottom: 10px; margin-bottom: 0; overflow: hidden; }
.ny_news_ct88 .info p{text-indent: 0;float: left;background:#ccc; padding:2px 5px; margin-right:8px;  overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.ny_news_tl88 li{text-align:center; height:40px; line-height:40px;}
.ny_news_tl88 .new_title{font-size:18px; font-weight:bold; border-bottom:1px solid #ddd; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.ny_news_tl88 span{padding:0 5px; color:#999;}
.ny_news_ct88 p{ text-indent: 24px; }
.news_fy{padding:10px 50px 0; height:55px; border-top:#ccc solid 1px;position: relative;z-index: 999;text-align: left;}
.news_fy_l{width:300px;}
.news_fy_l li{height:24px; line-height:24px;}
.news_fy_l span{font-weight:bold;}
.news_fy_r{height:35px; overflow:hidden; padding-top:12px; width:200px;}
.news_fy_r .bdsharebuttonbox{float: right;}

caption{font-size: 20px;line-height: 35px;}
.feedback_table{border-collapse:collapse; color:#696969}
.feedback_table h4,.feedback_table h3{color: #666;}
.feedback_table tr td{padding: 5px 5px 5px 20px; }
.feedback_table tr td:nth-child(2){text-align: left; }
.feedback_table tr td input{height: 30px;line-height: 15px; }
.feedback_table tr td{ border: 1px solid #ececec;line-height: 40px;}
.feedback_table tr td input[type=submit]{background-color: #DD1F2B; color: #fff;}
.feedback_table tr td input[type=reset]{background-color: #ccc; color: #fff;}
.feedback_table tr td .bt{ width: 85px; height:35px;  border-radius: 5px; cursor: pointer;}
.feedback_table tr td input,.feedback_table tr td textarea{padding:3px 5px;color: #666; margin:0 10px; border: 1px solid #ececec; width: 50%;border-radius: 3px;}
.feedback_table tr td #address{ width: 80%; }
.feedback_table tr td textarea{margin:10px 0px 10px 10px; width: 80%; border-radius: 20px;}

.sub{width: 320px;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}

.news_image{ padding:20px 0; position:relative;}
.news_image img{ border-radius:4px; display:block; margin:0 auto;max-width:100%; max-height: 100%}
.news_image #pre1{position:absolute; display:block; width:50%; height:100%; top:0; z-index:9; cursor: url(http://www.hzol168.com/images/1.cur?t=844888),auto;}
.news_image #next1{position:absolute;display:block; width:50%; height:100%; top:0; left:50%;z-index:9;cursor: url(http://www.hzol168.com/images/2.cur?t=844888),auto;}
 
/*翻页*/
.fy{height:32px;line-height:32px; text-align:center; width:100%; clear: both;}
.fy a,.fy span{padding:5px 11px;border:#aaa solid 1px;margin:0 7px;background-color:#f5f5f5; color: #666;}
.fy span,.fy a:hover{color:#008DD1;border: #008DD1 solid 1px;}
.flink a{ margin:0 5px;}
 
 /*job*/
.job_tab{border-top: #999 solid 1px;border-right: #999 solid 1px;}
.job_tab td{line-height: 40px;border-left: #999 solid 1px;border-bottom: #999 solid 1px;padding-left: 24px;}
.job_ct{padding: 24px 24px 24px 0;}
.td_back{background: #f6f6f6;}
.job_go{height: 30px;line-height: 30px;text-align: center;color: #ff3300;padding: 10px 0;}
