/*
@charset "utf-8";
/* CSS Document */
ol li,ul li{list-style:none}
/*.fl{float:left}
.fr{float:left}*/
.clear{clear: both;content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix{zoom:1}
.clearfix:after,.clearfix:before{ 
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}  
.clearfix:after{clear:both}

.wid1100{width: 1300px; height: auto; margin:0 auto;}
.wid1300{width: 1300px; height: auto; margin:0 auto;}

#zjtd{width:100%; height:100%; background:#eaebeb}
.lof-slidecontent{width:1300px; height: auto; margin:0 auto;}
.lof-slidecontent, .lof-slidecontent a{color:#FFF;}
.lof-slidecontent{position:relative;overflow:hidden;}
.lof-slidecontent .preload{height:100%;width:100%;position:absolute;top:0;left:0;z-index:100000;text-align:center;background:#FFF}
.lof-slidecontent .preload div{height:100%;width:100%;background:transparent url(/images/load-indicator.gif) no-repeat scroll 50% 50%;}
.lof-main-outer{position:relative;width: 1300px;height: 620px;z-index:3px;overflow:hidden;}
/* main flash */
ul.lof-main-wapper{position:absolute;padding:0px;margin:0;overflow:hidden;}
ul.lof-main-wapper li{overflow:hidden;padding:0px;margin:0px;float:left;position:relative;}
.lof-opacity li{position:absolute;top:0;left:0;float:inherit;width: 100%;height: auto;overflow: hidden;position: relative;float: left;}
ul.lof-main-wapper li img{padding:0px;margin-top:6px;}

/* item navigator*/
.lof-navigator-wapper{display: block;position: absolute;bottom: 5%;right: 4%;z-index: 1; width: 742px; height: 120px;overflow: hidden;}
.lof-navigator-outer{position: relative;z-index:100;overflow:hidden;color:#FFF;float:left;}
ul.lof-navigator{position:absolute;top:0;height: 120px;padding:0;margin:0;overflow: hidden;}
ul.lof-navigator li{cursor:pointer;list-style:none;padding:0;overflow:hidden;float:left;display:block; width:135px; height:120px;/* margin-left: 5px;*/
text-align:center;position: relative;background: url("/images/zjbg01.png") no-repeat #f6f7f8;}
ul.lof-navigator li img{display: block;width: 130px;height: 117px;position: absolute; left:2px;bottom: 2px;}
ul.lof-navigator li p{position: absolute;color: #099ea3;writing-mode: vertical-lr;}
ul.lof-navigator li .p1{font-size: 16px;top: 15px;right: 30px;}
ul.lof-navigator li .p2{font-size: 10px;top: 35px;right: 15px;}

ul.lof-navigator li.active{background: url("/images/zjbg02.png") no-repeat #f6f7f8;}
ul.lof-navigator li.active img{position: absolute; left:2px;bottom: 0;}
ul.lof-navigator li.active p{color:#fff}

.lof-navigator-wapper .lof-next,.lof-navigator-wapper .lof-previous{display:block;width:22px;height:30px;color:#FFF;cursor:pointer;}
.lof-navigator-wapper .lof-next{float:left;text-indent:-999px;width: 17px;height: 120px;overflow: hidden;cursor: pointer;background: url("/images/index_zhuanjia_pre.png") no-repeat left center; margin-right:15px; }
.lof-navigator-wapper .lof-previous{float:right;text-indent:-999px;width: 17px;height: 120px;overflow: hidden;cursor: pointer;background: url("/images/index_zhuanjia_next.png") no-repeat left center;}
.index_zhuanjia_left{width: 650px;}
.index_zhuanjia_left img{display: block;margin-left: 8%;}
.index_zhuanjia_right{width:610px;margin-top: 45px;border-left:1px solid #099ea3;}

/*服务*/
.tese {
	margin-top: 45px;
	width: 100%;
	height: 705px;
	background: #f9f9f9;
}

.tese .ban {
	width: 100%;
	height: 339px;
	background: url(ico/tese_01.png);
}

.tese .title {
	margin: 0 auto;
	padding-top: 58px;
	padding-bottom: 15px;
	text-align: center;
}

div.keshi {
	margin-bottom: 55px;
}

.tese .title .t1,.keshi .title .t1 {
	font-size: 45px;
	height: 65px;
	color: #444444;
	font-weight: 700
}

.tese .title .t2,.keshi .title .t2 {
	font-size: 18px;
	color: #cfcccc;
	font-size: 18px;
	text-transform: uppercase
}

.tese .list {
	width: 1200px;
	margin: 0 auto;
}

.tese .list .l1 {
	position: relative;
	width: 195px;
	height: 220px;
	float: left;
	margin-top: 15px;
}

.tese .list .l2 {
	position: absolute;
	width: 225px;
	height: 230px;
	cursor: pointer;
	text-align: center;
	left: 50%;
	margin-left: -112px;
	top: 20px;
	z-index: 20;
}

.tese .list .l3 {
	margin: 0 auto;
	width: 225px;
	padding-top: 5px;
}

.tese .list .l5 {
	width: 225px;
	font-size: 18px;
	color: #666666;
	margin: 30px auto 0 auto;
}

/* 资讯css */
		.slideqh{ width:312px; height:232px; overflow:hidden; position:relative;}
		.slideqh .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:32px; z-index:1; }
		.slideqh .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideqh .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px;border-radius: 20px; line-height:14px; text-align:center; background:#333; cursor:pointer; opacity: 0.8;}
		.slideqh .hd ul li.on{ background:#009cad; color:#fff; }
		.slideqh .bd{ position:relative; height:100%; z-index:0;   }
		.slideqh .bd li{ zoom:1; vertical-align:middle; }
		.slideqh .bd img{ width:312px; height:232px; display:block;  }
		.slideqh .bd li p{    bottom: 0;
    color: #FFFFFF;
    font-size: 14px;
    height: 25px;
    left: 0;
    line-height: 25px;
    position: absolute;
    text-align: center;
    width: 312px;
    z-index: 10;}
		.slideqh .bd li p a{
		display: block;
    width: 100%;
    height: 30px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;}



/*搜索*/
.zj_list { width:100%; float:left; margin-top:-50px; /*border-bottom:2px solid #e9ebee;*/}
.zj_list_top { width:100%; float:left;}
.zj_list_l { width:900px; float:left;}
.zj_list_l ul { width:900px; float:left;}
.zj_list_l ul li { width:110px; float:left; text-align:center; font-size:14px; color:#454545; line-height:36px; background:#f8f6f7;}
.zj_list_l ul li a { color:#454545;}
.zj_list_l ul li:hover { background:#00abad; color:#ffffff;}
.zj_list_l ul li:hover a { color:#ffffff;}
.zj_list_l ul #hover { background:#00abad; color:#ffffff;}
.zj_list_l ul #hover a { color:#ffffff;}
.zj_list_r { width:298px; line-height:34px; float:left; border:1px solid #e9ebee; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius:4px;border: 1px solid #00abad;}
.wenben { width:250px; padding-left:8px; color:#767676; font-size:14px; float:left; border:none; line-height:34px;}
.sousuo { width:40px; float:left; height:34px; background:url(/images/zj-seacer.png) no-repeat center center; border:none; cursor:pointer;}

/*右侧咨询浮动*/
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-230px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#19CAA6;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(ico/right_pic5.png)}
.side ul li i.bgs2{background-image:url(ico/right_pic7.png)}
.side ul li i.bgs3{background-image:url(ico/right_pic2.png)}
.side ul li i.bgs4{background-image:url(ico/right_pic1.png)}
.side ul li i.bgs5{background-image:url(ico/right_pic3.png)}
.side ul li i.bgs6{background-image:url(ico/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(ico/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(ico/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(ico/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(ico/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(ico/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#19CAA6;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(ico/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.yuyueshow .ewBox.guahao{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(ico/guahao.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:120px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-18px;background:#19CAA6}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(ico/right_pic8.png) 28px center no-repeat;background-color:#19CAA6}
.side ul li.sideetel .telBox dd.bgs2{background:url(ico/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
.side ul li:hover .guahao{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}