﻿@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'myFirstFont' ;   /*字体名称*/
	src:  url('../font/FZZZHONGHJW.ttf') ;    /*字体源文件*/
}
.index-bar{
	width: 1140px;
	padding:30px;
	background: #FFFFFF;
	margin: 0 auto;
	/*margin-top: -30px;*/
}
.index-part{
	width:100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.index-part h2{
	text-align: center;
	font-size: 34px;
	font-weight: 500;
	height: 50px;
	line-height: 50px;
	background: url(../../../static/website/image/i-icon-9.png) no-repeat top center;
}
.index-part h2 span{
	font-weight: 500;
	font-size: 24px;
}
.index-part-1 ul{
	width: 100%;
	margin-top:35px;
	overflow: hidden;
}
.index-part-1 li{
	float: left;
	width:16%;
	padding-left:9%;
	text-align: left;
}
.index-part-1 li a{
	display: block;
	border-right: 1px solid #ccc;
}
.index-part-1 li:nth-of-type(4) a{
	border-right: 0;
}
.index-part-1 li a span{
	font-size:18px;
	line-height: 28px;
}

.index-part-1 li a strong{
	font-size:36px;
	color: #1492ff;
	font-weight: 500;
}
.index-part-title{
	display: block;
	text-align: center;
	height: 52px;
	line-height: 52px;
	font-size: 24px;
	font-weight: 500;
	color: #333;
	background: url(../../../static/website/image/ls-icon-5.png) no-repeat bottom center;
}
.index-part-title2{
	display: block;
	text-align: center;
	height: 52px;
	line-height: 52px;
	font-size: 24px;
	font-weight: 500;
	color: #333;
	background: url(../../../static/website/image/ls-icon-9.png) no-repeat bottom center;
	margin-bottom: 20px;
}
.index-part-title:hover,.index-part-title2:hover{
	color: #1492ff;
}
.index-part-title img{
	vertical-align: middle;
}
.index-part-2 ul{
	width:100%;
	overflow: hidden;
}
.index-part-2 li{
	float: left;
	width: 20%;
	text-align: center;
	margin-top:25px;
}
.index-state-bar-domain{
	width:100%;
}
.index-part-2 .i-state-btn-domian{
	display:block;
	width:100px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	padding-left:15px;
	border:1px solid #1577e4;
	border-radius: 4px;
	color: #1577E4;
	cursor: pointer;
	background: url(../../../static/website/image/arr_1.png) no-repeat 10px center;
	margin:20px auto;
}
.index-state-bar-domain .i-state-btn-domian2{
	background: url(../../../static/website/image/arr_2.png) no-repeat 10px center;
}
.i-state-btn-domian2:hover{
	background: url(../../../static/website/image/arr_2.png) no-repeat #e7f2fd 10px center;
}

.index-part-2 li span{
	font-size: 18px;
	line-height: 30px;
	color: #333333;
}
.index-part-2 li img{
	border-radius: 22px;
	width: 90px;
	height: 90px;
}
/* .index-part-2 li:hover span{
	color: #1492ff;
	font-weight: 600;
}
.index-part-2 li:hover img{
	box-shadow: 0px 0px 30px #ccc;
} */
.index-part-3 ul{
	width:100%;
	overflow: hidden;

}
.index-part-3 li{
	float: left;
	display: block;
	width: 15%;
	padding-left:1.6%;
	height: 65px;
	margin-top:20px;
	border-bottom:1px solid #f0f0f0;

}
.index-state-bar{
	width:100%;
}
.index-state-bar .i-state-btn{
	display:block;
	width:100px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	padding-left:15px;
	border:1px solid #1577e4;
	border-radius: 4px;
	color: #1577E4;
	cursor: pointer;
	background: url(../../../static/website/image/arr_1.png) no-repeat 10px center;
	margin:20px auto;
}
.i-state-btn:hover{
	background: url(../../../static/website/image/arr_1.png) no-repeat #e7f2fd 10px center;
}
.index-state-bar .i-state-btn2{
	background: url(../../../static/website/image/arr_2.png) no-repeat 10px center;
}
.i-state-btn2:hover{
	background: url(../../../static/website/image/arr_2.png) no-repeat #e7f2fd 10px center;
}
.index-part-3 li a{
	display: block;
	height: 60px;
	padding-left:60px;
	background: url(../../../static/website/image/icon/b-icon.png) no-repeat top left;
	position: relative;
	font-size:14px;
	line-height: 22px;
	text-align: left;
	color: #333333;
}
.index-part-3 li a:hover{
	background: url(../../../static/website/image/icon/b-icon.gif) no-repeat top left;
	color: #1492ff;
}
.index-part-3 li a p{

}
.index-part-3 li img{
	position: absolute;
	top:2px;
	left: 1.5px;
}
.i-part-left{
	float: left;
	width: 554px;
}
.i-part-right{
	float: right;
	width: 554px;
}
.i-part-right .zt-bar{
	width:500px;
	height: 500px;
	padding:10px;
	background:url(../../../static/website/image/t-bg.gif) no-repeat top left;
	position: relative;
}
.zt-bar h5{
	position: absolute;
	top:50%;
	left:50%;
	display: block;
	width:72px;
	height: 72px;
	padding:26px 26px;
	margin-top:-62px;
	margin-left:-62px;
	border-radius: 124px;
	background: #23c8e0;
	color: #fff;
	font-size:24px;
	line-height: 36px;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
	transition:  1s;

}
.zt-bar h5:hover{
	padding:36px 36px;
	font-size:26px;
	margin-top:-72px;
	margin-left:-72px;
	background: #12d0ec;
	box-shadow: 0px 0px 30px #12d0ec;

}
.zt-bar a{
	display: block;
	width:100px;
	height: 130px;
	line-height: 30px;
	font-size: 14px;
	font-weight: 600;
	position: absolute;
	text-align: center;
	color: #333333;
}
.zt-bar a img{
	width:100px;
	height:100px;
	transition:width 1.5s, height 1.5s;
	-moz-transition:width 1.5s, height 1.5s, -moz-transform 1.5s; /* Firefox 4 */
	-webkit-transition:width 1.5s, height 1.5s, -webkit-transform 1.5s; /* Safari and Chrome */
	-o-transition:width 1.5s, height 1.5s, -o-transform 1.5s; /* Opera */
	z-index:999999;
}
.zt-bar a img:hover{
	transform:rotate(360deg);
	-moz-transform:rotate(360deg); /* Firefox 4 */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	-o-transform:rotate(360deg); /* Opera */
}
.zt-bar a.zt-enter-1{
	top:25px;
	left:150px;
}
.zt-bar a.zt-enter-2{
	top:25px;
	right:95px;
}
.zt-bar a.zt-enter-3{
	top:160px;
	right:12px;
}
.zt-bar a.zt-enter-4{
	bottom:60px;
	right:20px;
}
.zt-bar a.zt-enter-5{
	bottom:1px;
	right:150px;
}
.zt-bar a.zt-enter-6{
	bottom:10px;
	left:94px;
}
.zt-bar a.zt-enter-7{
	top:240px;
	left:16px;
}
.zt-bar a.zt-enter-8{
	top:100px;
	left:30px;
}
.i-list-con{
	width:100%;
}
.i-list-part{
	padding:10px 120px 20px 0;
	border-bottom: 1px solid #ededed;
	position: relative;
}
.i-list-part h5 a{
	font-size:15px;
	height: 50px;
	line-height: 50px;
	font-weight: 500;
	color: #333;
}
.i-list-part h5 a:hover{
	color: #1492ff;
}
.i-list-part p{
	font-size: 12px;
	color: #777777;
}
.i-list-part p span{
	border-radius: 15px;
	padding:2px 12px;
	border:1px solid #aaaaaa;
}
.i-list-part .il-part-btn{
	position: absolute;
	top:30px;
	right:10px;
	padding:5px 25px;
	border-radius: 4px;
	border:1px solid #1577e4;
	color: #1577E4;
	font-size: 16px;
}
.il-part-btn:hover{
	background:#e3eefa ;
}
.ir-list{
	margin-top:20px;
}
.ir-list li{
	height:45px;
	line-height: 45px;
	padding-left:15px;
	background: url(../../../static/website/image/t-icon-6.png) no-repeat left center;
	overflow: hidden;
}
.ir-list li a{
	float: left;
	width:380px;
	color: #333;
	font-size: 15px;
}
.ir-list li a:hover{
	color: #1492ff;
}
.ir-list li span{
	float: right;
	margin-top:10px;
	width:45px;
	padding-left:35px;
	height: 24px;
	line-height: 24px;
	border-radius: 20px;
	color: #333;
	font-size: 14px;
	color: #1577E4;
	text-align: left;
	background: url(../image/t-icon-7.png) no-repeat #e2edfb 12px center;
}

/*地图 css*/
/*地图修改的内容*/
/*.map {  margin-top: 30px;margin-left: 100.0px; }
.map ul {width: 398px; height:366px; background: url(../images/map/map.png) no-repeat 0 0  ; position: relative; }
.map ul li {position: absolute;}
.yonghe { width: 85px; height:101px; top: 0px; left: 0px;}
.yangxian { width: 96px; height:117px; top: 0px; left: 67px;}
.fenxi { width: 81px; height:85px; top: 30px; left: 154px;}
.huozhou { width: 81px; height:68px; top: 52px; left: 222px;}
.daning { width: 104px; height:80px; top: 78px; left: 15px;}
.puxian { width: 97px; height:104px; top: 72px; left: 87px;}
.hongtong { width: 100px; height:104px; top: 95px; left: 173px;}
.guxian { width: 69px; height:131px; top: 80px; left: 257px;}
.anze { width: 107px; height:146px; top: 100px; right: 0px;}
.jixian { width: 129px; height:109px; top: 136px; left: 6px;}
.yaodu { width: 135px; height:102px; top: 143px; left: 125px;}
.fushan { width: 107px; height:146px; top: 192px; right: 65px;}
.xiangning { width: 144px; height:110px; bottom: 73px; left:18px;}
.xiangfen { width: 105px; height:91px; bottom:70px; left: 128px;}
.quwo { width: 49px; height:74px; bottom: 41px; left: 175px;}
.yicheng { width: 89px; height:117px; bottom: 0px; left: 215px;}
.houma { width: 39px; height:42px; bottom: 36px; left: 155px;}
.map ul li a  {display: block; outline: none; height: 100%;}
.map ul li.yonghe a:hover {  background: url(../images/map/yhx.png) no-repeat; }
.map ul li.yangxian a:hover { background: url(../images/map/yx.png) no-repeat  ; }
.map ul li.fenxi a:hover { background: url(../images/map/fxx.png) no-repeat; }
.map ul li.huozhou a:hover { background: url(../images/map/hzs.png) no-repeat ; }
.map ul li.daning a:hover { background: url(../images/map/dnx.png) no-repeat ; }
.map ul li.puxian a:hover { background: url(../images/map/pu.png) no-repeat ; }
.map ul li.hongtong a:hover { background: url(../images/map/htx.png) no-repeat ; }
.map ul li.guxian a:hover {  background: url(../images/map/gx.png) no-repeat  ; }
.map ul li.anze a:hover { background: url(../images/map/azx.png) no-repeat ; }
.map ul li.jixian a:hover { background: url(../images/map/jx.png) no-repeat ; }
.map ul li.yaodu a:hover { background: url(../images/map/rdq.png) no-repeat ; }
.map ul li.fushan a:hover { background: url(../images/map/fsx.png) no-repeat  ; }
.map ul li.xiangning a:hover { background: url(../images/map/xnx.png) no-repeat; }
.map ul li.xiangfen a:hover { background: url(../images/map/xfx.png) no-repeat; }
.map ul li.quwo a:hover { background: url(../images/map/qwx.png) no-repeat; }
.map ul li.yicheng a:hover { background: url(../images/map/ycx.png) no-repeat; }
.map ul li.houma a:hover { background: url(../images/map/hms.png) no-repeat; }
.map ul li a p {display: none;}
.map ul li a:hover p {display: block; width: 120px;   top: 20px; display: block; height: 120px; position: absolute; right:-120px; top:50px; }
.map ul li a:hover p span { padding:0 5px; display: block; width: 120px; height: 60px;  background: #f5fafe ; border:1px solid #1492ff; color: #666363; border-radius: 3px;}
.map ul li a:hover p span strong {display: block;line-height: 30px;font-size:15px;}*/
/*地图修改end*/


/* CSS Document */
/*地图*/
.map {  margin-top: 40px; }
.map ul {width: 502px; height:335px; background: url(../image/maps/map.png) no-repeat 0 0; position: relative; }
.map ul li {position: absolute;}
.chengqu { width: 49px; height:62px; top: 179px; right: 210px;z-index: 999; position: relative;}
.zezhou { width: 206px; height:203px; bottom: 0px; right: 115px;}
.yangcheng { width: 187px; height:184px; bottom: 10px; left: 22px;}
.qingshui { width: 253px; height:257px; top: 0px; left: 0px;}
.gaoping { width: 139px; height:129px; top: 29px; left: 226px;}
.lingchuan { width: 175px; height:181px; top: 63px; right: 0px;}
.map ul li a  {display: block; outline: none; height: 100%;}
.map ul li.chengqu a:hover {  background: url(../image/maps/map_red_cq.png) no-repeat; }
.map ul li.zezhou a:hover { background: url(../image/maps/map_red_zz.png) no-repeat; }
.map ul li.yangcheng a:hover { background: url(../image/maps/map_red_yc.png) no-repeat; }
.map ul li.qingshui a:hover { background: url(../image/maps/map_red_qs.png) no-repeat; }
.map ul li.gaoping a:hover { background: url(../image/maps/map_red_gp.png) no-repeat; }
.map ul li.lingchuan a:hover { background: url(../image/maps/map_red_lc.png) no-repeat; }
.map ul li a p {display: none;}
.map ul li a:hover p {display: block;}
.map ul li a:hover p span { padding:5px 17px 17px 17px; display: block; width: 122px; height:67px; background: url(../image/maps/map-menu.png) no-repeat;color: #666363; border-radius: 3px; font-size:15px; }
.map ul li a:hover p strong{font-size:17px; display: block; line-height: 30px;}
.map ul li a:hover p i{font-style: normal; text-decoration: none; color: #1492ff;}
.chengqu p{top:-80px; left:-60px; position: absolute; z-index: 99999;}
/*地图end*/
.fix_box{
	position: fixed;
	z-index: 99999;
	right: 0px;
	background: none;
	box-shadow: none;
	top: 50%;
	margin-top: -163px;
}
.fix_box ul{
	background: #fff;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.10);

}
.fix_box li{
	width: 70px;
	height: 68px;
}
.fix_box span{
	margin-top: 20px;
}
.fix_box li a{
	width: 70px;
	height: 30px;
	display: block;
	padding-top: 42px;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	position: relative;
	background: none;
	color: #000000;
}
.fix_box li img{
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -12px;
}
.show_hotline {
	display: none;
	width: 135px;
	height: 80px;
	position: absolute;
	left: -155px;
	top: -3px;
	z-index: 999;
	background-color: #fff;
}
.dtsjx {
	width: 30px;
	height: 30px;
	background: url(../../../static/website/images/jt2.png) no-repeat center;
	position: absolute;
	top: 25px;
	left: 130px;
}
.show_hotline_txt {
	overflow: hidden;
	width: 100%;
	height: 100%;
	box-shadow: 1px 1px 8px 1px rgba(4, 4, 4, 0.10);
}
.show_hotline_2 {
	display: none;
	width: 135px;
	height: 80px;
	position: absolute;
	left: -155px;
	top: -3px;
	z-index: 999;
	background-color: #fff;

}
.dtsjx1 {
	width: 30px;
	height: 30px;
	background: url(../../../static/website/images/jt2.png) no-repeat center;
	position: absolute;
	top: 25px;
	left: 130px;
}
.show_hotline_img {
	overflow: hidden;
	width: 100%;
	height: 100%;

	/*box-shadow: 1px 1px 8px 1px rgba(4, 4, 4, 0.10);*/
}



