﻿@charset "utf-8";
body { font:14px/1.2 Arial, Tahoma, Helvetica, "微软雅黑", sans-serif; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased !important;}
ol, ul, li { list-style: none outside none; padding: 0;margin: 0; }
a { text-decoration: none; }
a:focus { outline: none; }
form{ margin: 0; padding: 0; }
/*--类--*/
.warp { width: 1230px; margin: 0 auto; position: relative; }



.header1 {
	width: 100%;
	background: #ffffff;
	height:auto;
}
.header1_bot {
	width: 100%;
	background:url(../images/line_03.jpg) repeat-x;;
	height: 52px;
}
.header1_bot_nav {
	width: 1230px;
}
.header1_bot_nav span {
	width: 120px;
	padding-left: 1px;
	text-align: center;
	line-height: 50px;
	float: left;
	background: url(../images/nav_li.png) no-repeat left center;
	color: #FFFEFE;
	font-family: "微软雅黑";
	font-size: 18px;
}
.header1_bot_nav span a {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 18px;
}
.header1_bot_nav span a:hover {

	text-decoration: none;
}
.header1_bot_nav span div {
	list-style-type: none;
	text-align: left;
	left: -999em;
	position: absolute;
	z-index: 999999;
	color: #555555;
	border: 4px solid #3EBBBE;
	border-top: none;
}
.header1_bot_nav span div ul {
	float: left;
	margin-top: 85px;
}
.header1_bot_nav span div ul li {
	float: left;
	background: url(../images/top_icon.jpg) no-repeat left;
	height: 35px;
	text-align: left;
	line-height: 36px;
}
.header1_bot_nav span div ul li a {
	color: #555555;
	font-size: 14px;
	font-family: "微软雅黑";
	text-align: left;
}
.header1_bot_nav span div ul li a:hover {
	color: rgb(2, 153, 172);
}
#header1_bot_nav1 {
	width: 300px;
	float: left;
}
#header1_bot_nav1 li {
	width: 70px;
	float: left;
	padding-left: 15px;
	margin-left: 25px;
}
#header1_bot_nav2 {
	width: 320px;
	float: left;
}
#header1_bot_nav2 li {
	width: 120px;
	float: left;
	padding-left: 15px;
	margin-left: 25px;
}
#header1_bot_nav3 {
	width: 450px;
	float: left;
}
#header1_bot_nav3 li {
	width: 110px;
	float: left;
	padding-left: 15px;
	margin-left: 25px;
}
.header1_bot_nav span:hover div {
	left: auto;
}
.header1_bot_nav span.sfhover div {
	left: auto;
}
#header1_home {
	width: 120px;
	float: left;
	background: none;
}
#header1_id1 {
	width: 1050px;
	float: left;
	margin-left: 18px;
	height: 213px;
	background:url(../images/01_02.jpg) no-repeat center;
}
#header1_id2 {
	width: 1050px;
	float: left;
	margin-left: -103px;
	height: 213px;
	background:url(../images/02_02.jpg) no-repeat center;
}
#header1_id3 {
	width: 1050px;
	float: left;
	margin-left: -224px;
	height: 213px;
	background:url(../images/03_02.jpg) no-repeat center;
}
#header1_id4 {
	width: 1050px;
	float: left;
	margin-left: -345px;
	height: 213px;
	background:url(../images/04_02.jpg) no-repeat center;
}
#header1_id5 {
	width: 1050px;
	float: left;
	margin-left: -466px;
	height: 213px;
	background:url(../images/05_02.jpg) no-repeat center;
}
#header1_id6 {
	width: 1050px;
	float: left;
	margin-left: -587px;
	height: 213px;
	background:url(../images/06_02.jpg) no-repeat center;
}
#header1_id6 ul li{ }
#header1_id7 {
	width: 1050px;
	float: left;
	margin-left: -708px;
	height: 213px;
	background:url(../images/07_02.jpg) no-repeat center;
}
#header1_id8 {
	width: 1050px;
	float: left;
	margin-left: -829px;
	height: 213px;
	background:url(../images/08_02.jpg) no-repeat center;
}
#header1_id9 {
	width: 1050px;
	float: left;
	margin-left: -950px;
	height: 213px;
	background:#ffffff;
}
.conts {
	width: 1230px;
	margin:auto;
}

ol, ul, li { list-style: none outside none; padding: 0; }
a { text-decoration: none; }
a:focus { outline: none; }
img { border: none; vertical-align: middle; }

.t_help{ padding-bottom:108px; float:left; width:100%; background:#f6f6f6;}
.t_help .head{ padding:106px 0 32px; text-align:center; font-size:26px; line-height:40px; color:#474747;}
.t_help .head p{ color:#909090;}
.t_help ul{width:880px;margin:0 auto;}
.t_help ul li{ width:220px; float:left; text-align:center;}
.t_help ul li a .circle{ position:relative; width:170px; height:171px; margin:0 auto;}
.t_help ul li a .circle .ico1{ width:100%; height:100%;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	}
.t_help ul li a .circle .ico2{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	}
.t_help ul li a:hover .circle .ico1{ opacity:0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	}	
.t_help ul li a:hover .circle .ico2{ opacity:1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	}
.t_help ul li a .txt{ padding-top:30px;}
.t_help ul li a .txt h3{ font-size:20px; color:#474747; margin-bottom:8px;font-weight: normal;}
.t_help ul li a .txt h4{ font-size:16px; color:#909090; text-transform:uppercase;font-weight: normal;}
.clear:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.clear { *zoom:1; }

#footer{ width:100%; float:left; height:136px; background-color:#3d3d3d; font-size:12px; color:#FFF; line-height:18px;}
#footer .link{ overflow:hidden; position:absolute; left:20px; top:20px;}
#footer .link li{ float:left; padding:0 2px;}
#footer .copy{ padding-top:35px; text-align:center;}
#footer .ftbj{ }
#footer a{ color:#FFF;}
#footer a:hover{ color:#909090;}


/* nav*/
.topNav{height:48px;width:100%;position:absolute;margin:0 auto;overflow:hidden;z-index:4; background:url(../images/lin.jpg) repeat-x;}
.topNav2{width:200%;position:absolute;left:-50%;top:0;}
.navBox{width:1920px;margin:0 auto;position:relative;color:#5c5c5c}
.navIndexBg{width:1920px;position:absolute;height:75px;left:0;top:0;}
.navIL{width:840px;position:absolute;left:0;top:0;height:75px;background-repeat:repeat-x;background-position:0 -75px;}
.navIR{left:1080px;}
.navIM{left:840px;position:absolute;width:240px;height:75px;top:0;}
.navMain{width:1230px;margin:0 auto;height:48px;position:relative; }
.navIndex{ width:1230px; float:left;height:48px; }
.navIndex li{font-size:16px;float:left;line-height:48px;height:48px; padding:0px 28px;text-align:center; background:url(../images/lins.jpg) no-repeat left;}
.navIndex a{color:#fff;display:block;}
.navIndex a:hover{color:#01b3c4;}
.nav1{margin-right:142px;}
.navSub{width:1230px; background:url(../images/tli_03.png) no-repeat left 34px top 20px; display:none;overflow:hidden; background-color:rgba(255,255,255,0.85); }
.navSub a{display:block;height:26px;margin:0 auto; }
.navSub dl{ float:left;text-align:center;line-height:26px;position:relative;padding-top:10px; width:120px; margin-top:0px;}
.navSub dd{position:relative; font-size:14px; cursor:pointer; text-align:center; margin:0px; }

.navSub dl:hover{ background-color:#104a9e; color:#ffffff; height:270px}
.nav2{margin-left:120px;}