@charset "utf-8";
/* CSS Document */
/*---加载动画---*/
.hidden{overflow:hidden;}
#loader{width:100%; height:1500px; background-color:#e1e1e1; position:fixed; z-index:100000;}
#loadercon{width:333px; height:91px; margin:350px auto 0px auto; background:url(../images/loadback.png) no-repeat; position:relative;}
#loaderstate{width:0px; height:91px; background:url(../images/loading.png) no-repeat}
#loaderper{width:100px; height:38px; position:absolute; border-right:2px solid #888; top:110px; left:-100px; color:#888;}
#loadernum{ margin:10px 8px 0px 0px; width:76px; text-align:right; font-size:30px; float:right;}

.custom ul li .cont1 img{
	width:100%
}
.custom ul li .cont2 img{
	width:100%
}

.top{
	height:40px;
	background-color:#5e5858;
	color:#b1b1b1
}
.top p{
	line-height:40px
}
.top a{
	display:block;
	padding:5px 15px;
	margin-top:6px;
	background-color:#5e5858;
	border-radius:7px;
	color:#b1b1b1;
}
.top a:hover,
.top a.on{
	background-color:#434343
}
.logo{
	height:90px;
	line-height:90px;
	color:#888
}
.logo a{
	color:#888
}
.logo a:hover{
	text-decoration:underline
}
.logo .phone{
	padding-left:20px;
	background:url(../images/phone.gif) left center no-repeat
}
.logo .weixin{
	padding-left:22px;
	cursor:pointer;
	background:url(../images/weixin.gif) left center no-repeat
}
.logo .mail{
	padding-left:22px;
	background:url(../images/mail.gif) left center no-repeat
}
.logo span{
	z-index:6
}
.logo span > img{
	position:absolute;
	z-index:6;
	right:-5px;
	top:60px;
	width:105px;
	height:105px;
	padding:2px;
	background-color:white;
	border:1px solid #dfdfdf;
	display:none
}
.nav{
	height:60px;
	line-height:60px;
	border-top:1px solid #eaeaea;
	background-color:#f5f5f5;
	-webkit-transition:0.2s ease-in 0s;
	-moz-transition:0.2s ease-in 0s;
	-ms-transition:0.1s ease-in 0s;
	-o-transition:0.2s ease-in 0s
}
.nav ul.ul01 > li{
	float:left;
	display:inline-block
}
.nav ul.ul01 > li > a{
	display:block;
	padding:0 30px;
	border-left:1px solid #f5f5f5;
	border-right:1px solid #f5f5f5
}
.nav ul.ul01 > li > a:hover,
.nav ul.ul01 > li.cur > a{
	color:#e20400;
	background-color:white;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf
}
.nav ul.ul02{
	position:absolute;
	width:94%;
	*height:70px;
	padding:5px 3%;
	top:60px;
	left:0;
	z-index:2;
	background-color:white;
	border-bottom:1px solid #dfdfdf;
	display:none
}
.nav ul.ul02 >li{
	float:left;
	margin-right:30px;
	*white-space:nowrap
}
.input01{
	float:left;
	height:38px;
	line-height:38px;
	text-indent:10px;
	width:100px;
	color:#999;
	background-color:white;
	border:0;
	border-left:1px solid #ebebeb
}
.btn01{
	float:left;
	width:43px;
	height:40px;
	border:0;
	border-right:1px solid #ebebeb;
	background:url(../images/fdj.gif) no-repeat;
	cursor:pointer
}
.banner{
	height:auto;
	overflow:hidden;
	position:relative
}
.slide01{
	height:auto;
	overflow:hidden
}
.slide01 .hd{
	height:65px;
	line-height:65px;
	width:100%;
	text-align:center
}
.slide01 .hd ul li{
	display:inline-block;
	width:16px;
	height:16px;
	border-radius:8px;
	background-color:#e6e6e6;
	margin:0 7px;
	cursor:pointer;
	text-indent:-9999px
}
.slide01 .hd ul li.on{
	background-color:#b2b2b2
}
.slide01 .bd{
	height:auto;
	overflow:hidden
}
.slide01 .bd ul li{
	width:100%;
}
.slide01 .bd ul li a img{
	display:block;
	width:100%;
	height:auto
}
.news{
	height:20px;
	line-height:20px;
	border-bottom:1px solid #e5e5e5
}
.newsbox{
	width:1000px;
	height:20px;
	overflow:hidden
}
.newsbox ul li{
	float:left;
	width:100%
}
.newsbox ul li a{
	color:#6f6f6f
}
.newsbox ul li a:hover{
	color:#d92828
}
.newsbox ul li div{
	float:left;
	width:50%
}
.cpbox{
	border-top:20px solid white;
	background-color:#f5f5f5
}


.cp01,
.cp02{
	width:380px;
	height:332px;
	margin-top:15px;
	margin-bottom: 15px
}
.cp01 .show,
.cp02 .show{
	width:380px;
	height:332px;
	background-color:#fff
}
.cp01 .show h1,
.cp02 .show h1{
	color:black;
}
.cp01 .show h2,
.cp02 .show h2{
	color:#333
}
.cp01 .show h2 span,
.cp02 .show h2 span{
	color: #c7000a
}
.hide{
	position:absolute;
	overflow:hidden;
	width:100%;
	height:332px;
	background:#e60012;
	bottom:0;
	display:none
}
.hide h1{
	line-height:50px;
	background:url(../images/cp_bg01.gif) 40px bottom no-repeat
}
.hide a{}
.hide p{
	line-height:22px;
	padding:0 40px
}
.title_zyfw{
	height:200px;
	background-color:white;
	overflow:hidden
}
.title_zyfw h1{
	position:absolute;
	top:-200px;
	padding-top:65px;
	padding-bottom:25px;
	background:url(../images/arrow02.gif) bottom center no-repeat
}
.box_jjfa01,
.box_jjfa02{
	height:280px;
	overflow:hidden;
	background-color:#f5f5f5;
	cursor:pointer;
}
.box_jjfa01{
	position:absolute;
	left:-100%
}
.box_jjfa02{
	position:absolute;
	right:100%
}
.box_jjfa02{
	background-color:white;
	border-bottom:10px solid #f5f5f5
}
.box_jjfa01 h1,
.box_jjfa02 h1{
	padding-top:70px
}
.box_jjfa01 p,
.box_jjfa02 p{
	padding:10px 0;
	line-height:30px
}
.box_jjfa01 p{
	width:65%
}
.box_jjfa02 p{
	width:auto
}
.jjfa_nav{
	position:absolute;
	z-index:1;
	background:url(../images/dot02.png) repeat;
	top:0;
	left:0;
	display:none
}
.jjfa_nav ul{
	width:100%;
	margin-top:80px
}
.jjfa_nav ul li{
	float:left;
	text-align:left;
	width:30%;
	line-height:40px
}
.jjfa_nav ul li a:hover{
	color:#fa4545;
}
.custom{
	background-color:#f5f5f5;
	border-bottom:20px solid white;
	overflow:hidden
}
.custom h1{
	line-height:110px
}
.custom ul{
	opacity:0;
	filter:alpha(opacity=0);
    margin-right:-10px;
}
.custom ul li{
	float:left;
	position:relative;
	width:232px;
	height:135px;
	background-color:white;
	margin-right:10px;
	margin-bottom:10px
}
.custom ul li a{
	display:block;
	width:232px;
	height:135px
}
.custom ul li a img{
	width: 95%;
	height: auto;
	margin-left:0
}
.custom ul li a:hover{
	box-shadow:0 0 15px rgba(0,0,0,.5) inset
}
.custom ul li .cont1,
.custom ul li .cont2{
	position:absolute;
	top:32px;
	left:12px;
	width: 209px;
	transition:all .5s linear 10ms
}
.custom ul li .cont1{
	z-index:2;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6
}
.custom ul li .cont2{
	z-index:1;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-o-transform:rotateY(180deg)
}
.custom ul li:hover .cont1{
	transform:rotateY(180deg);
	z-index:1;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-ms-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-o-transform:rotateY(180deg)
}
.custom ul li:hover .cont2{
	transform:rotateY(360deg);
	z-index:2;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-ms-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-o-transform:rotateY(360deg)
}
.bottom_nav{
	height:290px;
	border-top:3px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	background-color:#5e5858  
}
.bottom_nav ul{
	float:left;
	margin:40px 20px;
	margin-right:0;
	margin-bottom:0;
	width:160px
}
.bottom_nav ul li{
	width:100%;
	margin:5px 0
}
.bottom_nav ul li.first{
	margin-bottom:20px;
	font-weight:bold;
	color:#dfdfdf
}
.bottom_nav ul li a,
.bottom_nav ul li p{
	color:#dfdfdf
}
.bottom_nav ul li a:hover{
	color:#d92828
}
.wechat{
	width:160px;
	color:#dfdfdf
}
.wechat .foot_wb,
.wechat .foot_wx,
.wechat .foot_qq{
	float:left;
	width:33%;
	height:31px;
	cursor:pointer
}
.wechat .foot_wb{
	background:url(../images/foot_ico01.png) center no-repeat
}
.wechat .foot_wb:hover{
	background:url(../images/foot_ico01_h.png) center no-repeat
}
.wechat .foot_wx{
	background:url(../images/foot_ico02.png) center no-repeat
}
.wechat .foot_wx:hover{
	background:url(../images/foot_ico02_h.png) center no-repeat
}
.wechat .foot_qq{
	background:url(../images/foot_ico03.png) center no-repeat
}
.wechat .foot_qq:hover{
	background:url(../images/foot_ico03_h.png) center no-repeat
}
.foot{
	height:48px;
	line-height:48px;
	background-color:white;
	color:#777
}