@charset "gb2312";
/* CSS Document */

.wrap .img-mode{ width: 1200px; height:510px;}
.wrap .img-mode .mode-ul{ }
.wrap .img-mode .mode-ul li{ width: 291px; height: 510px; margin-right:12px; overflow: hidden; cursor: pointer;}
.wrap .img-mode .mode-ul li.img-01{ float:left; background: url(jx01.png) no-repeat;}
.wrap .img-mode .mode-ul li.img-02{ float:left; background: url(jx02.png) no-repeat;}
.wrap .img-mode .mode-ul li.img-03{ float:left; background: url(jx03.png) no-repeat;}
.wrap .img-mode .mode-ul li.img-04{ float:left; margin-right:0; background: url(jx04.png) no-repeat;}
.wrap .img-mode .mode-ul li a{ margin-top: 308px; padding: 49px 20px 0 20px; width: 260px; height: 154px; display: block;}
.wrap .img-mode .mode-ul li a:hover{ text-decoration: none;}
.wrap .img-mode .mode-ul li a h3{ font-size: 24px; color: #FFF;}
.wrap .img-mode .mode-ul li a p{ margin-top: 20px; line-height:22px;height: 80px;  color: #fff;  font-size: 14px;}
.wrap .img-mode .mode-ul li a.img-bg-01{ background: url(nav_red.png) bottom no-repeat; }
.wrap .img-mode .mode-ul li a.img-bg-02{ background: url(yellow.png) bottom no-repeat;}
.wrap .img-mode .mode-ul li a.img-bg-03{ background: url(blue.png) bottom no-repeat;}
.wrap .img-mode .mode-ul li a.img-bg-04{ background: url(green.png) bottom no-repeat;}

.hn-about{ margin-top: 30px; height: 620px; overflow: hidden; background-color: #f5f5f5;}
.hn-about .about-box{ width: 1200px; margin: 44px auto 0; }
.hn-about .about-box .title{ height: 108px; overflow: hidden;}
.hn-about .about-box .content{ padding: 36px 40px;  text-align: center; }
.hn-about .about-box .content p{ color: #797979;  text-align:left; line-height: 28px; font-size: 16px;}
.hn-about .about-box .content .btn-view{ margin-top: 27px;display: inline-block; color: #797979; border: #dcdcdc solid 1px; width: 236px; height: 50px; line-height: 50px; text-align: center; 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;margin-left: 50px;}
.hn-about .about-box .content .pic-ico li{ 
	margin-left: 29px; 
	width: 120px; 
	height: 120px; 
	background-color: #fff; 
	float: left;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
	transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
}
.hn-about .about-box .content .pic-ico li:hover{	
	/*opacity: 1 !important;*/
	box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px, rgba(49, 49, 49, 0.05) 0px 32px 32px, rgba(35, 35, 35, 0.05) 0px 64px 64px;
	transform: translate(0, -4px);
}

.hn-about .about-box .content .pic-ico li:first-child{ margin-left: 0px;}
.hn-about .about-box .content .pic-ico li a{display: block; text-align: center; padding: 22px 0;}
.hn-about .about-box .content .pic-ico li a:hover{ text-decoration: none;}
.hn-about .about-box .content .pic-ico li a i{ width: 54px; height: 54px; display:inline-block; background: url(jx_ico_all.png) no-repeat;}
.hn-about .about-box .content .pic-ico li a i.ico-zr{ background-position: 0 0;}
.hn-about .about-box .content .pic-ico li a i.ico-mz{ background-position: 0 -75px;}
.hn-about .about-box .content .pic-ico li a i.ico-yg{ background-position: 0 -145px;}
.hn-about .about-box .content .pic-ico li a i.ico-xz{ background-position: 0 -227px;}
.hn-about .about-box .content .pic-ico li a i.ico-jc{ background-position: 0 -307px;}
.hn-about .about-box .content .pic-ico li a i.ico-sh{ background-position: 0 -382px;}
.hn-about .about-box .content .pic-ico li a i.ico-sz{ background-position: 0 -450px;}
.hn-about .about-box .content .pic-ico li a span{ margin-top: 5px; display: block; color: #797979; font-size: 16px;}

.wrap .hn-impression{ margin-top: 40px;}
.wrap .hn-impression .title{ height: 112px; overflow: hidden;}
.wrap .hn-impression .img{ margin-top: 50px; }
.wrap .hn-impression .img li{ 
	margin-left: 25px; 
	float: left; 
	text-align: center; 
	width: 280px; 
	height: 250px;
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
	transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
}
.wrap .hn-impression .img li:hover{
	box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px, rgba(49, 49, 49, 0.05) 0px 32px 32px, rgba(35, 35, 35, 0.05) 0px 64px 64px;
	transform: translate(0, -4px);
}
.wrap .hn-impression .img li:first-child{ margin-left: 0px;}
.wrap .hn-impression .img li a:hover{ text-decoration: none;}
.wrap .hn-impression .img li p{ margin-top: 10px; font-size: 16px;}

.hn-culture{ height: 910px; margin-top: 70px; background-color: #006eab; background-image: url(frhuabg.png); }
.hn-culture .cul-box{ text-align: center; padding-top: 62px; height: 846px; position: relative;}
.hn-culture .cul-box .title img{ cursor:pointer;}
.hn-culture .cul-box a{ display: block; width: 87px; height: 123px; color: #fff; padding: 84px 102px;}
.hn-culture .cul-box a:hover{ text-decoration: none;
-webkit-transition: -webkit-transform 1.5s ease-out;
    -moz-transition: -moz-transform 1.5s ease-out;
    transition: transform 1.5s ease-out;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
}
.hn-culture .cul-box .img-01{ background: url(jx09.png) no-repeat; position: absolute; top:154px; left: 203px;}
.hn-culture .cul-box .img-02{ background: url(jx10.png) no-repeat; position: absolute; top:154px; right: 203px;}
.hn-culture .cul-box .img-03{ background: url(jx11.png) no-repeat; position: absolute; top:352px; left: 0px;}
.hn-culture .cul-box .img-04{ background: url(jx12.png) no-repeat; position: absolute; top:352px; left: 456px;}
.hn-culture .cul-box .img-05{ background: url(jx13.png) no-repeat; position: absolute; top:352px; right: 0px;}
.hn-culture .cul-box .img-06{ background: url(jx14.png) no-repeat; position: absolute; bottom:72px; left: 217px;}
.hn-culture .cul-box .img-07{ background: url(jx15.png) no-repeat; position: absolute; bottom:72px; right: 217px;}
.hn-culture .cul-box .txt{ width: 70px; height: 120px; border: #fff solid 1px;} 
.hn-culture .cul-box .txt span{ font-size: 45px; font-weight: bold; }
.hn-culture .cul-box .txt p{ font-size: 25px;}

.hn-crad{ background-color: #f2f2f2; }
.hn-crad .wrap{ padding-top: 45px;}
.hn-crad .wrap .title{ height: 112px; text-align: center;}
.hn-crad .wrap .content{ margin-top: 44px; padding-bottom: 66px; }
.hn-crad .wrap .content .city-focus{ height: 362px; overflow: hidden; position: relative;}
.hn-crad .wrap .content .city{ /*width: 1200px; */height: 362px; overflow: hidden;}
.hn-crad .wrap .content .city li{ float: left; height: 362px; }
.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 .img-box:hover{ text-decoration: none;}
.hn-crad .wrap .content .city li h3{ width:234px; height: 50px; margin-top: -15px; margin-bottom: 40px; line-height: 50px; font-weight: bold; font-size: 20px; text-align: center; color: #fff; background: url(card_tl.png) no-repeat center center;}
.hn-crad .wrap .content .city li p{font-size: 14px; color: #7d7d7d; line-height: 22px; margin-top: 5px;}
.hn-crad .wrap .content .city li p strong{float: left; display: block;}
.hn-crad .wrap .content .city li p span.about{float: left; display: block; width: 155px; height: 58px; line-height: 20px; overflow: hidden; /*overflow: hidden;text-overflow: ellipsis; white-space: nowrap;*/}
/*.hn-crad .wrap .content .city li p span{display:inline-block; width: 155px; height: 42px; overflow: hidden; line-height: 20px;}*/
.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 0px;}
.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 .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: 0px;}

/*Ó¡ÏóºþÄÏ*/
.yx-title{ width:1200px; margin:46px auto;}
.n-marb{ margin-bottom:0 !important;}
.n-marr{ margin-right:0 !important;}
.yx-b1{ margin-top:10px;}
.yx-b1 li{ display:block; width:296px; height:296px; float:left; margin-bottom:6px; margin-right:5px; overflow:hidden; }
.yx-b1 .li0{ overflow:inherit !important;}
.yx-b1 .li1 a{ display:block; background:url(yx-li1.png) no-repeat; width:296px; height:296px; }
.yx-b1 .li1 a:hover{-webkit-transform:scale( 1.05,1.05); -moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); -transform:scale(1.05,1.05); transition: 1s transform;}
.yx-b1 .li2 a:hover{-webkit-transform:scale( 1.05,1.05); -moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); -transform:scale(1.05,1.05); transition: 1s transform;}
.yx-b1 .li3 a:hover{-webkit-transform:scale( 1.05,1.05); -moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); -transform:scale(1.05,1.05); transition: 1s transform;}
.yx-b1 .li4 a:hover{-webkit-transform:scale( 1.05,1.05); -moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); -transform:scale(1.05,1.05); transition: 1s transform;}
.yx-b1 .li5 a:hover{-webkit-transform:scale( 1.05,1.05); -moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); -transform:scale(1.05,1.05); transition: 1s transform;}
.yx-b1 .li6 a:hover{-webkit-transform:scale( 1.05,1.05); -moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05); -transform:scale(1.05,1.05); transition: 1s transform;}

.yx-b1 .li2 a{ display:block; background:url(yx-li2.png) no-repeat; width:296px; height:296px;}
.yx-b1 .li3 a{ display:block; background:url(yx-li3.png) no-repeat; width:296px; height:296px;}
.yx-b1 .li4 a{ display:block; background:url(yx-li4.png) no-repeat; width:296px; height:296px;}
.yx-b1 .li5 a{ display:block; background:url(yx-li5.png) no-repeat; width:296px; height:296px;}
.yx-b1 .li6 a{ display:block; background:url(yx-li6.png) no-repeat; width:296px; height:296px;}
.yx-b1 .li0 b{ font-weight:normal;  display:block; height:145px; margin-bottom:5px; font-size:24px; color:#333; line-height:145px; background:#F5F5F5; position:relative; }
.yx-b1 .li0 .a1{ text-align:left; padding-left:25px; }
.yx-b1 .li0 .a2{ text-align:center; padding-left:50px;}
.yx-b1 .li0 b em{ display:block; background:url(yx-aem.png) no-repeat; width:32px; height:33px; position:absolute; top:40%; left:-5%; z-index:999}
.yx-b1 .li0 b i{ display:block; background:url(yx-ai.png) no-repeat; width:32px; height:33px; position:absolute; top:40%; right:-5%; z-index:999}
.yx-b1 .li0 b a:hover{ color:#027cae}
.yx-b2{ margin-top:196px;}
.yx-line{ background:url(line.png) no-repeat; width:1105px; height:271px; position:relative; margin:0 auto;}
.yx-line a{ display:block; position:absolute; text-align:center; color:#fff; font-size:14px; text-align:center; transition: all 1s}
.yx-line a p b{ display:block;}
.yx-line a:hover p{ opacity:0; visibility:hidden;}

.yx-line .a1{
	background-position: 0px 0px;
	width: 73px;
	height: 93px;
	top: 2%;
	left: -3%;
	background-image: url(yx-aa.png);
	background-repeat: no-repeat; 
}
.yx-line .a1:hover{ background-position:0px -107px; }
.yx-line .a1 p{ width:28px;margin:20px auto}

.yx-line .a2{ background:url(yx-aa.png) no-repeat; background-position:-95px 0px; width:83px; height:106px;top:60%; left:0%;}
.yx-line .a2 p{ width:42px; margin:35px auto}
.yx-line .a2:hover{ background-position:-95px -116px; }

.yx-line .a3{ background:url(yx-aa.png) no-repeat; background-position:-200px 0px;  width:73px; height:93px;top:-33%; left:5.4%;}
.yx-line .a3 p{ width:42px;margin:20px auto}
.yx-line .a3:hover{ background-position:-200px -107px; }

.yx-line .a4{ background:url(yx-aa.png) no-repeat; background-position:-287px 0px; width:73px; height:93px;top:-1%; left:13%;}
.yx-line .a4 p{ width:65px;margin:20px auto}
.yx-line .a4:hover{ background-position:-287px -107px; }

.yx-line .a5{ background:url(yx-aa.png) no-repeat; background-position:-382px 0px; width:73px; height:93px;top:58%; left:17.5%;}
.yx-line .a5 p{ width:28px;margin:20px auto}
.yx-line .a5:hover{ background-position:-382px -107px; }


.yx-line .a6{ background:url(yx-aa.png) no-repeat; background-position:-477px 0px; width:73px; height:93px;top:18%; left:21.7%;}
.yx-line .a6 p{ width:42px;margin:20px auto}
.yx-line .a6:hover{ background-position:-477px -107px; }

.yx-line .a7{background:url(yx-aa.png) no-repeat; background-position:-572px 0px; width:73px; height:93px;top:-31%; left:26.3%;}
.yx-line .a7 p{ width:65px;margin:20px auto}
.yx-line .a7:hover{ background-position:-572px -107px; }

.yx-line .a8{ background:url(yx-aa.png) no-repeat; background-position:-667px 0px; width:73px; height:93px;top:22%; left:32.6%;}
.yx-line .a8 p{ width:65px;margin:20px auto}
.yx-line .a8:hover{ background-position:-667px -107px; }

.yx-line .a9{ background:url(yx-aa.png) no-repeat; background-position:-763px 0px; width:83px; height:106px;top:70%; left:35%;}
.yx-line .a9 p{ width:56px;margin:29px auto}
.yx-line .a9:hover{ background-position:-763px -116px; }

.yx-line .a10{ background:url(yx-ar.png) no-repeat; width:123px; height:157px;top:-10%; left:42.5%;}
.yx-line .a10 p{margin:36px auto; font-size:24px !important; font-weight:bold; }
.yx-line a:hover.a10 p{ opacity:1; visibility:visible;}

.yx-line .a11{ background:url(yx-aa.png) no-repeat; background-position:-868px 0px; width:73px; height:93px;top:65%; left:55%;}
.yx-line .a11 p{ width:28px;margin:20px auto}
.yx-line .a11:hover{ background-position:-868px -107px; }

.yx-line .a12{ background:url(yx-aa.png) no-repeat; background-position:-963px 0px; width:73px; height:93px;top:9%; left:58%;}
.yx-line .a12 p{ width:42px;margin:20px auto}
.yx-line .a12:hover{ background-position:-963px -107px; }

.yx-line .a13{ background:url(yx-aa.png) no-repeat; background-position:-1058px 0px; width:73px; height:93px;top:-30%; left:63%;}
.yx-line .a13 p{ width:42px;margin:20px auto}
.yx-line .a13:hover{ background-position:-1058px -107px; }

.yx-line .a14{ background:url(yx-aa.png) no-repeat; background-position:-1153px 0px; width:73px; height:93px;top:55%; left:68%;}
.yx-line .a14 p{ width:42px;margin:20px auto}
.yx-line .a14:hover{ background-position:-1153px -107px; }

.yx-line .a15{ background:url(yx-aa.png) no-repeat; background-position:-1248px 0px; width:73px; height:93px;top:1%; left:74%;}
.yx-line .a15 p{ width:42px;margin:20px auto}
.yx-line .a15:hover{ background-position:-1248px -107px; }

.yx-line .a16{ background:url(yx-aa.png) no-repeat; background-position:-1343px 0px; width:73px; height:93px;top:-29%; left:83.2%;}
.yx-line .a16 p{ width:42px;margin:20px auto}
.yx-line .a16:hover{ background-position:-1343px -107px; }

.yx-line .a17{ background:url(yx-aa.png) no-repeat; background-position:-1438px 0px; width:83px; height:106px;top:31%; left:84.5%;}
.yx-line .a17 p{ width:56px;margin:20px auto}
.yx-line .a17:hover{ background-position:-1438px -116px; }

.yx-line .a18{background:url(yx-aa.png) no-repeat; background-position:-1543px 0px;  width:73px; height:93px;top:68%; left:89%;}
.yx-line .a18 p{ width:42px;margin:20px auto}
.yx-line .a18:hover{ background-position:-1543px -107px; }

.yx-line .a19{ background:url(yx-aa.png) no-repeat; background-position:-1638px 0px; width:73px; height:93px;top:5%; left:96.5%;}
.yx-line .a19 p{ width:42px;margin:20px auto}
.yx-line .a19:hover{ background-position:-1638px -107px; }
.main{ width:1200px; margin:0 auto;}