﻿/*basic style*/
@font-face{
  font-family: 'Source Han Sans CN';
  src:url('https://hzjt-front-prod-resource.oss-cn-zhangjiakou.aliyuncs.com/font/SourceHanSansSC-Normal-2.otf') format('truetype');
  font-weight:normal;
  font-style:normal;
}
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, a {
	/* font-family: "Source Han Sans CN", '宋体', Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; */
  font-family: "Microsoft YaHei";
}

body {
	background: #f5f5f5;
}


h1 {
	font-size: 18px;/* 18px / 12px = 1.5*/
	font-weight: normal
}
h2 {
	font-size: 16px;
	font-weight: normal
}
h3 {
	font-size: 14px;
	font-weight: normal
}
h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}
address, cite, dfn, em, var {
	font-style: normal;
}
code, kbd, pre, samp, tt {
	font-family: "Courier New", Courier, monospace;
}
small {
	font-size: 12px;
}
ul, ol {
	list-style: none;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active{ text-decoration:none;}
a:visited{ color:#333;text-decoration:none;}

abbr[title], acronym[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
q:before, q:after {
	content: '';
}
legend {
	color: #000;
}
.container {
	min-width: 1200px;
*width:1170px!important;
}
.relative {
	position: relative
}
.absolute {
	position: absolute
}
.ml-26{margin-left: 32px;}
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.mr-3 {
	margin-right: 3px;
}
.mr-5 {
	margin-right: 5px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-35 {
	margin-right: 35px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-20 {
	margin-bottom: 20px;
}
.ml-5 {
	margin-left: 5px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-15 {
	margin-left: 15px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-30 {
	margin-left: 35px;
}
.ml-35 {
	margin-left: 35px;
}
.ml-65 {
	margin-left: 65px;
}
.ml-75 {
	margin-left: 75px;
}
.ml-80 {
	margin-left: 80px;
}
.ml-100 {
	margin-left: 100px;
}
.ml-145 {
	margin-left: 145px;
}
.mlr-10 {
	margin-left: 10px;
	margin-right: 10px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-2 {
	padding-top: 2px;
}
.pt-5 {
	padding-top: 5px;
}
.pb-15 {
	padding-bottom: 15px;
}
.pl-50 {
	padding-left: 50px;
}
.w85 {
	width: 85px;
}
.w95 {
	width: 95px;
}
.w115 {
	width: 115px;
}
.w135 {
	width: 135px;
}
.w160 {
	width: 160px;
}
.w170 {
	width: 170px;
}
.w178 {
	width: 178px;
}
.w195 {
	width: 195px !important;
}
.w205 {
	width: 205px;
}
.w440 {
	width: 440px;
}
.color-red {
	color: #f40000;
}
.color-orange {
	color: #ff8e42;
}
.color-price {
	color: #c30;
}
.color-purple {
	color: #a018e0;
}
.color-grey_big {
	color: #80756c;
	font-size: 14px;
	font-weight: bold;
}
.color-grey {
	color: #87827f;
}
.hide {
	display: none;
}
.span-w63 {
	display: inline-block;
	width: 63px;
}
.span-w60 {
	display: inline-block;
	width: 60px;
}
.span-w65 {
	display: inline-block;
	width: 65px;
}
.span-w70 {
	display: inline-block;
	width: 70px;
}
.span-w75 {
	display: inline-block;
	width: 75px;
}
.span-w80 {
	display: inline-block;
	width: 80px;
}
.span-w160 {
	display: inline-block;
	width: 160px;
}
.span-w180 {
	display: inline-block;
	width: 180px;
}
.span-w300 {
	display: inline-block;
	width: 300px;
}
.input-w55 {
	width: 55px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #d4d4d4;
	padding-left: 2px;
}
.input-w87 {
	width: 87px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #d4d4d4;
	padding-left: 2px;
}
.input-w90 {
	width: 90px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #d4d4d4;
	padding-left: 2px;
}
.input-w152 {
	width: 150px;
	_width: 148px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #d4d4d4;
	padding-left: 2px;
}
.input-w172 {
	width: 170px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #d4d4d4;
	padding-left: 2px;
}
.input-w178 {
	width: 176px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #d4d4d4;
	padding-left: 2px;
}
.input-w125 {
	width: 123px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #d4d4d4;
	padding-left: 2px;
}
.input-w210 {
	width: 210px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #d4d4d4;
	padding-left: 2px;
}
.input-w440 {
	width: 438px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #d4d4d4;
	padding-left: 2px;
}
.select-h22 {
	position: relative;
	height: 22px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #d4d4d4;
	margin-right: 5px;
	z-index: 9;
}
ul {
*margin-left:0!important
}
/*index head style--*/
.header {
	line-height: 40px;

	font-size: 12px;
	background: #eee;
	width: 100%;
	padding: 0;
	z-index: 10;
	min-width: 1200px;
}
.header > .container >.left {
	float: left;
}
.header > .container >.left > span {
	font: bold 16px 'arial';
	color:#333;
	line-height:40px;
}
.header > .container >.left > span>b {
	font-size: 14px;
	color: #333;
	padding: 0 10px 0 5px;
	font-weight: normal;
}
.header > .container >.left > span>a{ color: #3085e0; font-size: 12px;}
.header > .container >.left > span> i{padding:0 10px; color: #ccc;}
.header > .container >.right {
	float: right;
}
.header > .container >.right b {
	padding: 0 10px;
	color: #ccc;
	font-size: 12px;
	font-weight: normal
}
.header > .container >.right a {
	padding: 0 5px;
	color: #333;
}
.header > .container >.right a:hover {
	color: #f90;
	text-decoration: none;
}
/*head*/
.headbg {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 1;
	background: #fff;
	opacity: .8
}
.headbg:hover{background: #000; opacity:.8}
.headbox2 {
	width: 100%;
    min-width: 1300px;
    z-index: 2;
    /*overflow: hidden;*/
    background-color: #fff;
}
.headbox {
	height: 100px;
    width: 1170px;
    margin: 0 auto;
}
.headbox .pull-left{ line-height:100px; float:left; width:200px;}
.headbox .pull-right{float:right;height:100%}

.headbox .pull-right .nav{
    line-height: 100px;
    /*width: 700px;*/
    height: 100%;
    margin: 0 auto;
    float: left;
    margin-left: 40px;
}
.headbox .pull-right .nav li{
    float: left;
    text-align: center;
    margin-left: 40px;
}
.headbox .pull-right .nav li:hover{
    border-bottom: 4px solid #f90;
}
.headbox .pull-right .nav li a{
    color: #333;
    font-size: 18px;
    padding: 34px 0;
    font-weight:normal;
    z-index: 998;
}
.headbox .pull-right .nav li a:hover{
    color: #f90;
    text-decoration: none;
}
.headbox .pull-right .nav li a:visited{
    text-decoration: none;
}
.headbox .pull-right .nav li a:active{
     text-decoration: none;
 }
.headbox .pull-right .nav .on a{
    color: #f90;
    border-bottom: 4px solid #f90;
    font-weight: bold;
}
.headbox .head-search{
    position: relative;
    width: 200px;
    /*height: 100%;*/
    float: left;
    line-height: 100px;
    margin: 33px 0 33px 20px;
    font-size: 12px;
    border-radius:17px;
}
.headbox .head-search input{
    border-radius:17px;
    line-height: 100px;
}
.headbox .head-search a{
    display:inline-block;
    width: 34px;
    height:34px;
    position: absolute;
    top: 0;
    right: 0;
    background-image:url("../image/search.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.notice{
    height: 40px;
    text-align: center;
    margin: 0px auto;
    overflow: hidden;
    background-color: #edf2fc;
}
.notice .pull-left{
    width: 192px;
    height: 100%;
    border-right: 1px solid #f0f0f0;
    text-align: center;
    background: url("../image/line1.png") no-repeat right center;
}
.notice .pull-left a{
    line-height: 40px;
    padding-left:30px;
    font-size: 16px;
    font-weight: bold;
    color: #ee661b;
    background: url("../image/notice.png") no-repeat left center;
}
.notice .pull-right{
    /*width: 1000px;*/
    padding-left: 20px;
}
.notice .pull-right ol{
    width: 1200px;
    overflow: hidden;
    text-align:left;
	list-style-type:decimal;
}
.notice .pull-right ol li{
    float: left;
    width: 460px;
    line-height: 40px;
	text-overflow:ellipsis;
    margin-right: 30px;
	list-style-position:inside;
}
.notice .pull-right ol li b{
    font-weight: normal;
    margin-left: 10px;
    color: #9f9f9f;
}
.notice .pull-right ol li img{
    margin-left: 5px;
}
.notice .pull-right ol li span{
    color:#999;
}
.notice .pull-right ol li a{
    color: #333;
}
.notice .pull-right ol li:hover a{
    color: #068dff;
    text-decoration: none;

}
.notice .pull-right ol li a:visited{
    text-decoration: none;!important;
}
.scroll-notice{
	width:970px;
}
.scroll-notice .bd .tempWrap{
	margin-left:20px;
	width:970px !important; 
}

.scroll-notice .bd ul{
	overflow: hidden;
	list-style: none;
	height:40px;
}
.scroll-notice .bd ul li{
	display: inline-block;
	float: left;
	margin-left:20px;
	width: 530px;
	height: 40px;
	filter:alpha(opacity=90);opacity:0.9; 
}
.scroll-notice .bd ul li:hover{ filter:alpha(opacity=100);opacity:1;  }

.scroll-notice .bd .ul-box2 {
	float:left;
}
.scroll-notice .bd .ul-box2 a{
	color:#000;
}

.scroll-notice .hd .ul-box1 {
	float:left;
}


.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 20px;
  font-weight: bold;
  color: #fff; /* IE8 proofing */
  color: rgba(10,10,10,.75);
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

.masthead-nav > li > input{
	border-radius: 20px 0 0 20px;
	height:36px;
}


.masthead-nav > li > button{
  width: 36px;
  height: 36px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  margin-top:-3px;
  line-height: 1.428571429;
  border-radius:0 20px 20px 0;
  background-color:#068dff;
  background-position:center;
  background-repeat:no-repeat;
}

.navtop{ line-height: 40px; width: 1170px; margin:0 auto }
.navtop li{ float:left; padding:0 0px; position:relative; width: 16%; text-align: center;}
.navtop li a{ color:#fff; font-size:16px;padding:5px 5px; font-weight:bold; z-index:999;  }
.navtop li span:hover{ border:1px #fff solid; }
.navtop li em{ color:#000; opacity:.2; padding:0px 25px; font-size:12px;}
.navtop li a:hover{ text-decoration: underline; }

.topsearch{width:200px;height:36px;margin-right:10px;}
.topsearch input{border:2px #068dff solid;border-radius: 0; height: 36px; background: #eef2f5;}
.topsearch button{ background:#068dff; color: #fff;border:2px #068dff solid;border-radius: 0;padding-left:20px;padding-right:20px}
.topsearch button:hover,.topsearch button:active,.topsearch button:focus{background:#17b225; color: #fff;border:2px #17b225 solid;}

.zixuntel{ font-size: 20px;margin-top:35px}
.zixuntel i{ font-size: 32px; color: #f90; line-height: 30px; float: left;padding-right:5px}
.zixuntel b{color: #f90;line-height: 20px;font-size: 22px;font-weight: normal;padding-left:10px}
/*listhead*/
.listheadbg{background:#fff; border-bottom:1px #eee solid; overflow:hidden; height:70px; }

.headlist {
	height: 70px;
	width: 1170px;
	margin: 0 auto;
}
.headlist .pull-left{ margin-top:0px;}
.headlist .pull-right .navtop{
	margin-top:20px;
	}
.headlist .pull-right .navtop li{ float:left; padding:0 0px;}
.headlist .pull-right .navtop li a{ color:#333; font-size:15px; opacity:1}
.headlist .pull-right .navtop li em{ color:#000; opacity:.2; padding:0px 25px; font-size:12px; font-style:normal}
.headlist .pull-right .navtop li a:hover{ opacity:1; text-decoration:none;}

.container .pull-left .fa-border {
	background-repeat: no-repeat;
	background-size:100% 100%;
	background-color:#068dff;
} 
 .login-register{
	vertical-align:middle;
	text-align:center;
}
.login-register ul li{
	display: table-cell;
	width: 80px;
	height: 80px;
}

.login-register p{
	text-align:center;
	font-size:18px;
	color:rgb(255,255,255);
}

.agency-title,
.txtMarquee-left{
	margin-left:-15px;
	margin-right:-15px;
}

.txtMarquee-left img{
	width: 100%;
	height: 100%;
}

.txtMarquee-left .bd .tempWrap{
	margin-left:40px;
	width:1120px !important; 
	}

.txtMarquee-left .bd ul{
	overflow: hidden;
	list-style: none;
	height:150px;
}
.txtMarquee-left .bd ul li{
	display: inline-block;
	float: left;
	margin-top: 15px;
	margin-bottom:15px;
	margin-left:20px;
	margin-right:10px;
	width: 220px;
	height: 120px;
}
.txtMarquee-left .bd ul li:hover{ filter:alpha(opacity=100);opacity:1;  }

.txtMarquee-left .bd .ul-box2 {
	float:left;
}
.txtMarquee-left .hd .ul-box1 {
	float:left;
}

.txtMarquee-left .prev,
.txtMarquee-left .next{ 
	position:absolute; 
	margin-top:-95px;
	display:block; 
	width:32px; 
	height:40px; 
	filter:alpha(opacity=90);opacity:0.9;   
	color:rgb(255,255,255);
	font-size:30px;
	text-align:center;
}
.txtMarquee-left .prev{margin-left:1160px; background-position:8px 5px; }
.txtMarquee-left .prev:hover,
.txtMarquee-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.txtMarquee-left .prevStop{ display:none;  }
.txtMarquee-left .nextStop{ display:none;  }
		
/*endlisthead*/
.footer {
	background: #fff;
	height: 300px;
	width:100%;
	min-width:1200px;
}
.footer >.container .pull-left{ width:70%;margin-top:20px;}

.footHelp{ height:160px; overflow:hidden;padding-left:30px; }
.footHelp li{ width:33%; height:80px; float:left; font-size:14px;text-align:left}
.footHelp li b{padding-bottom:10px; display:block; color:#666; }
.footHelp li a{ display:block; line-height:25px; color:#777; font-size:12px;}
.footHelp li a:hover{ display:block; line-height:28px; color:#333; font-size:12px;}

.footer >.container .pull-right{ width:30%;*width:30%!important;  margin-top:30px;padding-left:30px; }
.footer >.container .pull-right h3{ color:#aaa; margin:5px 0 0 50px; font-family:arial;text-align: right; }
.footer >.container .pull-right .tel{ background:url(../image/feettel.png) no-repeat 88px 26px;padding-left:0px; }
.footer >.container .pull-right .tel h3{ color: #068dff; font-size:28px;margin:5px 0 8px 120px; font-family:arial}
.footer >.container .pull-right .tel div{padding-left:50px; color:#aaa;padding-top:5px; font-size:12px; text-align: right;}
.footer >.container .pull-right .tel div b{padding-left:5px; font-weight:normal}
 .icp{ color:#fff; font-size:12px;margin-top:20px; line-height:24px;padding-left:50px;}
.icp a{ color:#fff;}
.footer >.container .pull-right .tel div img{padding-right:5px}

.beian{border-top:1px #eee solid;}
.lianxi{overflow: hidden;}
.lianxi li{ float: left;margin:0 20px}
.lianxi li a{color: #999;}
.lianxiicon{text-align: right;}
.lianxiicon img{padding:0 20px}

.pages {
	padding: 40px 0px 0 0;
	text-align: center;
	position:absolute;
	bottom:20px;
	left:36%;
}
.pages label {
	padding: 0 5px;
	color: #f90;
	font-weight:normal;

}
.pages a {
	border: 1px #eee solid;
	padding: 5px;
	margin: 0 5px;
	color: #000;
}
.pages a:hover {
	border: 1px #f90 solid;
	color: #f90;
	
}
.pages a.disabled {
	color: #ccc;
	border: 1px #e9e9e9 solid;
}
.pages a.disabled:hover {
	border: 1px #e9e9e9 solid;
	color: #ccc;
}
	


/*load*/
.load {
	border-bottom: 1px #f0f0f0 solid;
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	color: #999;
	background:#fff
}
.load a {
	font-size: 12px;
	background: url(../image/arrow1.png) no-repeat right 5px;
	padding: 0 20px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.Position {
	color: #ccc;
	padding-right: 20px;
	border-right: 1px #e0e0e0 solid;
	background-image: none;
	line-height: 12px;
}
.load span {
	padding: 0 20px;
}
.load a:hover {
	color: #0163bf;
}





