@charset "utf-8";
*{padding:0; margin:0 auto;} /* IE8*/
*+html *{padding:0; margin:0;}
* {margin:0; padding:0;}
body{ -webkit-text-size-adjust: none;color:#444; font-family: "微软雅黑";}
div{font-size:15px; text-align:left;margin:0 auto;}
a { color:#444; text-decoration: none; outline:medium none; }
a:hover { color: #f00; }
ul,li{padding:0px; margin:0px; list-style-type:none; list-style: none;}
img{border:none;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
.clear{
    zoom: 1;
	clear:both;
}
.clear:after {
    content: ".";
    width: 0;
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    overflow:hidden;
}
* html .clear{zoom:1;} /* IE6 */
*+html .clear{zoom:1;} /* IE7 */
.transparent{background:transparent;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.top{ height:278px;}
.bottom{ height:118px;}
.main{ width:1200px; margin:auto;}
.szgl_bg{
    height: 400px;
    margin: 0 auto;
    background-image: url("../images/yz-pic01.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
}
.iconfont {
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}
.hn-about .about-box .content .pic-ico li, .wrap .hn-impression .img li {
	transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
	float: left
}
.hn-about {
	height: 530px;
	overflow: hidden;
	background-color: #f5f5f5
}
.hn-about .about-box {
	width: 1200px;
	margin: 44px auto 0
}
.hn-about .about-box .title {
	height: 44px;
	overflow: hidden
}
.hn-about .about-box .content {
	padding: 36px 40px;
	border-left: #006eab solid 1px;
	text-align: center;
	border-bottom: #006eab solid 1px;
	border-right: #006eab solid 1px
}
.hn-about .about-box .content p {
	color: #333333;
	text-align: left;
	line-height: 28px;
	font-size: 16px
}
.hn-about .about-box .content .btn-view {
	color: #015293;
	font-size: 16px
}
.hn-about .about-box .content .btn-view:hover {
	text-decoration: none;
	background: #74acd6;
	color: #fff
}
.hn-about .about-box .content .pic-ico {
	margin-top: 30px
}
.hn-about .about-box .content .pic-ico li {
	margin-left: 37px;
	width: 180px;
	height: 120px;
	background-color: #fff;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,.05)
}
.hn-about .about-box .content .pic-ico li:hover {
	box-shadow: rgba(45,45,45,.05) 0 2px 2px, rgba(49,49,49,.05) 0 4px 4px, rgba(42,42,42,.05) 0 8px 8px, rgba(32,32,32,.05) 0 16px 16px, rgba(49,49,49,.05) 0 32px 32px, rgba(35,35,35,.05) 0 64px 64px;
	transform: translate(0, -4px)
}
.hn-about .about-box .content .pic-ico li:first-child {
	margin-left: 0
}
.hn-about .about-box .content .pic-ico li a {
	display: block;
	text-align: center;
	padding: 13px 0
}
.hn-about .about-box .content .pic-ico li a i {
	display: inline-block;
	font-size: 50px;
	color: #015293
}
.hn-about .about-box .content .pic-ico li a span {
	margin-top: 5px;
	display: block;
	color: #797979;
	font-size: 16px
}

@font-face {
	font-family: iconfont;
	src: url(../fonts/iconfont.eot);
	src: url(../fonts/iconfont.eot?#iefix) format('embedded-opentype'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont.ttf) format('truetype'), url(../fonts/iconfont.svg#iconfont) format('svg')
}
.wrap { margin-top:40px;}
.wrap .hn-impression .img {
	margin-top: 50px
}
.wrap .hn-impression  { width:1200px; overflow:hidden;}
.wrap .hn-impression  ul{ width:110%;}
.wrap .hn-impression .img li {
	margin-right: 25px;
	text-align: center;
	width: 280px;
	height: 227px;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,.05)
}
.wrap .hn-impression .img li:hover {
	box-shadow: rgba(45,45,45,.05) 0 2px 2px, rgba(49,49,49,.05) 0 4px 4px, rgba(42,42,42,.05) 0 8px 8px, rgba(32,32,32,.05) 0 16px 16px, rgba(49,49,49,.05) 0 32px 32px, rgba(35,35,35,.05) 0 64px 64px;
	transform: translate(0, -4px)
}
.wrap .hn-impression .img li p {
	font-size: 16px;
	background:#F5F5F5;
	height:48px;
	line-height:48px;
}
/* .spxc{ width:590px; float:left;} */
.spxc{ width:100%; float:left;}
.spxc_nav{ height:54px; line-height:54px; /* text-align:center; */width:140px;margin:auto;}
.spxc .spxc_nav a {
	text-align: center;
	font-size: 22px;
	color: #015293;
	position:relative;
}
.spxc .spxc_nav a i {
	display: inline-block;
	font-size: 32px;
	color: #015293;
	margin-right:5px;
	height:48px;
	line-height:48px;
	padding-top:10px;
}
.spxc .spxc_nav a span {
	display: inline-block;
	font-size: 24px;
	color: #015293;
	/* margin-right: 20px; */
	width: 110px;
	position: absolute;
	top: -15px;
}

.spxc_nr { width:100%; overflow:hidden; margin-top:30px;}
.spxc_nr ul{ width:110%;}
/* .spxc_nr .img li {
	margin-right: 16px;
	text-align: center;
	float:left;
	width: 185px;
	height: 150px;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,.05)
} */
.spxc_nr .img li {
	margin-right: 16px;
	text-align: center;
	float:left;
	width: 30%;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,.05)
}
.spxc_nr .img li img{width:100%;}
.spxc_nr .img li p {
	font-size: 16px;
	/* height:28px; */
	/* line-height:28px; */
	line-height:48px;
}

.szmr{ width:590px; float:right;}
.szmr_nav{ height:54px; line-height:54px; text-align:center;}
.szmr .szmr_nav a {
	text-align: center;
	font-size: 22px;
	color: #015293;
	position:relative;
}
.szmr .szmr_nav a i {
	display: inline-block;
	font-size: 32px;
	color: #015293;
	margin-right:5px;
	height:48px;
	line-height:48px;
	padding-top:10px;
}
.szmr .szmr_nav a span {
	display: inline-block;
	font-size: 24px;
	color: #015293;
	margin-right: 20px;
	width: 110px;
	position: absolute;
	top: -15px;
}

.szmr_nr{width:590px; overflow:hidden; margin-top:30px;}
.szmr_nr ul{ width:110%;}
.szmr_nr li{ width:174px; height:40px; line-height:40px; background:url(../images/szgl_szml.jpg) no-repeat; text-indent:40px; float:left; margin-left:20px; margin-bottom:10px;}
.tjgb_left{ width:785px; float:left; height:230px;}
.tjgb_tit{ height:40px; line-height:40px; color:#015293;font-size: 18px;}
.tjgb_zy{ margin-top:20px;}
.tjgb_zy p{ line-height:36px; text-indent:32px; font-family:"微软雅黑"; font-size:16px;}
.tjgb_xx {
	color: #015293;
	font-size: 16px
}
.tjgb_xx:hover {
	text-decoration: none;
	background: #74acd6;
	color: #fff
}
.tjgb_right{ width:360px; float:right;}
.tjgb_right li{ background:url(../images/szgl_tjgbli.jpg) no-repeat 0px 50%; height:36px; line-height:36px; text-indent:30px;}

.hn-crad {
	margin-top: 30px;
	height: 575px;
	overflow: hidden;
	background-color: #f5f5f5
}
.container{ width:1200px; margin:auto;}
.hn-crad .wrap .content .city li p {
	font-size: 16px;
	color: #444;
	line-height: 22px;
	margin-top: 5px
}
.hn-crad .wrap .content .city li p .ctyj_jj {
	font-size: 16px;
	padding:0px 15px;
	color: #444;
	line-height: 22px;
	margin-top: 5px
}
.hn-crad .wrap .content .city {
	height: 323px;
	overflow: hidden
}
.hn-crad .wrap .content .city li {
	float: left;
	height: 323px;
	overflow: hidden
}

.hn-crad .wrap .content .city li p img {
	margin-top: 20px;
	width: 234px;
	height: 152px
}
.hn-crad .wrap .content .city li p i {
	float: left;
	margin-right: 8px;
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(jx_ico_all.png) no-repeat
}
.hn-crad .wrap .content .city li p .ico-mj {
	background-position: -68px 0
}
.hn-crad .wrap .content .city li p .ico-rk {
	background-position: -68px -38px
}
.hn-crad .wrap .content .city li p .ico-mz {
	background-position: -68px -76px
}
.hn-crad .wrap .content .city-focus {
	height: 323px;
	overflow: hidden;
	position: relative
}

.hn-crad .wrap .content .city li .img-box {
	display: block;
	float: left;
	margin-left: 33px;
	width: 234px;
	padding: 13px;
	height: 336px;
	background-color: #fff
}
.hn-crad .wrap .content .city li h3 {
	width: 234px;
	height: 50px;
	margin-top: -15px;
	margin-bottom: 20px;
	line-height: 50px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background: url(../images/szgl_card_tl.png) center center no-repeat
}

.hn-crad .wrap .content .arrow {
	text-align: center;
	height: 51px;
	margin-top: 15px
}
.hn-crad .wrap .content a {
	margin-left: 36px;
	width: 51px;
	height: 51px;
	display: inline-block
}
.hn-crad .wrap .content a:first-child {
	margin-left: 0
}

	@media screen and (max-width: 1200px) {
    body {
        width: 1200px;
    }
}