﻿html,body {margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;padding:0;font-size:12px;font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;color:#333333;background:#fff;}
div,ol,ul,li,h1,h2,h3,form,dl,dt,dd,h3,h4,h5,h6{padding:0;margin:0;font-size:12px;}
p{padding:0;margin:0;}
img{border:0;}
ol,ul,li,dl,dt,dd{list-style:none;}
a:link {color:#333333;text-decoration: none;}
a:visited {text-decoration: none;color:#333333;}
a:hover {text-decoration: none;color:#005cac;}
a:active {text-decoration: none;color:#333333;}
.clear{clear:both;}
.clearfloat{clear:both;line-height:0px;height:0px;padding:0;font-size:0;margin:0;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:" ";font-size:0}
.clearfix{*zoom:1}
::selection{background:#005cac;color:#FFF;}
::-moz-selection{background:#005cac;color:#FFF;}

.animate-box {
  opacity: 0;
}
.htop{
	height:25px;
	line-height:25px;
	background:#000000;
	color:#cccccc;
	position:relative;
	z-index:1;
}
.htop .t_welcome{
	width:500px;
	height:25px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-500px;
}
.htop .t_home{
	width:500px;
	height:25px;
	position:absolute;
	top:0;
	left:50%;
	text-align:right;
}
.htop .t_home a,.htop .t_home a:visited{
	color:#cccccc;
	padding-left:8px;
	background:url(/img/icon_arr.gif) no-repeat left center;
	margin:0 0 0 16px;
}
.htop .t_home a:hover{
	color:#fff;
}

.headwrap{
	width:auto;
	min-width:1000px;
	height:110px;
	background:url(/img/headbg.jpg) repeat-x center top;
	position:relative;
	z-index:5000;
}

.head{
	width:1000px;
	height:110px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
.logo{
	height:110px;
	overflow:hidden;
}
.top_tel{
	height:26px;
	background:url(/img/icon_tel.png) no-repeat left center;
	padding-left:30px;
	text-align:right;
	font-size:18px;
	color:#d92129;
	line-height:26px;
	position:absolute;
	right:0;
	top:22px;
}
.top_tel span{
	font-size:14px;
}


.nav{
	width:675px;
	height:54px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:4;
}
.nav ul{
	width:675px;
	height:54px;
	margin:0 auto;
}
.nav li{
	width:112px;
	height:54px;
	position:relative;
	z-index:4000;
	float:left;
}
.nav li.fli{
	
}
.nav li span a,.nav li span a:visited{
	width:112px;
	height:54px;
	line-height:54px;
	text-align:center;
	font-size:16px;
	color:#000;
	display:block;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
.nav li span a:hover{
	background:#005cac;
	color:#fff;
}
.nav li span a.ov,.nav li span a:visited.ov{
	background:#005cac;
	color:#fff;
}
.nav li dl{
	width:110px;
	background:#005cac;
	border:1px solid #005cac;
	position:absolute;
	left:0;
	top:54px;
	z-index:5000;
	display:none;
}
.nav li dl dd{
	height:40px;
	line-height:40px;	
	text-align:left;
	position:relative;
	z-index:5;
}
.nav li dl dd a,.nav li dl dd a:visited{
	height:40px;
	color:#fff;
	font-size:14px;
	text-align:center;
	display:block;
	overflow:hidden;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
.nav li dl dd a:hover{
	background:#d92129;
	color:#fff;
}
.nav li dl dd a.ov{
	background:#d92129;
	color:#fff;
}
.nav li dl dd dl{
	position:absolute;
	left:109px;
	top:-1px;
	display:none;
	border:1px solid #005cac;
}



.mainbnr{width:100%;background:#efefef; overflow:hidden;min-width:1000px;height:500px;position:relative;z-index:1;}
.mainbnr ul.list{height:500px;float:left;}
.mainbnr li.item{height:500px;float:left; text-align:center; position:relative; overflow:hidden;}
.mainbnr li.item img{display:block; margin:0 auto;}
.mainbnr .bnr_btn{width:100%;background:url(/img/bnr_btn_bg.png) repeat-x; height:36px;position:absolute;bottom:0px;left:0;}

.mainbnr .tip{width:auto; background:#d5d5d5; border-radius:8px; height:11px; padding:5px 8px;text-align:center; position:absolute;bottom:7px;left:50%; margin-left:-2em;}
.mainbnr div.tip em { width:11px; height:11px;_overflow:hidden;border-radius:100%;display:inline-block; background:#6c6d6d; margin:0 3px; cursor:pointer;}
.mainbnr div.tip em.cur { background:#005cac;}




.w0{width:auto; height:38px; background:#f3f3f3; position:relative; z-index:1;}
.hotkey{
	width:700px;
	height:38px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-500px;
	overflow:hidden;
}
.hotkey span{
	float:left;
	color:#005cac;
	font-weight:bold;
	line-height:38px;
	font-size:14px;
	background:url(/img/icon_hot.gif) no-repeat left center;
	padding-left:45px;
}
.hotkey p{
	float:left;
	font-size:12px;
	line-height:38px;
	color:#898989;
}
.hotkey p a,.hotkey p a:visited{
	color:#898989;
}
.hotkey p a:hover{
	color:#005cac;
}

.main_search{
	width:164px;
	height:23px;
	padding-top:8px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:250px;
}
.s_text{
	width:141px;
	height:23px;
	background:#fff;
	float:left;
}
.s_text input{
	border:0;
	padding:0;
	margin:4px 0 0 10px;
	background:none;
	width:117px;
	height:14px;
	line-height:14px;
	font-size:12px;
	outline:none;
	color:#999;
	overflow:hidden;
}
.s_btn{
	width:19px;
	height:19px;
	padding:2px;
	background:#fff;
	float:left;
}


.main_service{
	width:1000px;
	height:184px;
	padding:40px 0;
	margin:0 auto;
	overflow:hidden;
}
.main_service ul{
	width:110%;
	height:184px;
}
.main_service ul li{
	width:272px;
	height:184px;
	float:left;
	overflow:hidden;
}
.main_service ul li a{
	width:182px;
	height:182px;
	border:1px solid #005cac;
	display:block;
	text-align: center;
	transform-style: preserve-3d;
	transition: 1s ease;
	cursor: pointer;
}
.main_service ul li a i{
	width:76px;
	height:92px;
	display:block;
	margin:18px auto 10px auto;
	transition:ease-in-out .2s;
}
.main_service ul li a p{
	width:165px;
	height:48px;
	line-height:24px;
	font-size:12px;
	color:#005cac;
	margin:0 auto;
	display:block;
	overflow:hidden;
	transition:ease-in-out .2s;
}


.main_service ul li.n1 a i{
	background:url(/img/icon_n1.png) no-repeat;
}
.main_service ul li.n1 a:hover i{
	background:url(/img/icon_n1h.png) no-repeat;
}


.main_service ul li.n2 a i{
	background:url(/img/icon_n2.png) no-repeat;
}
.main_service ul li.n2 a:hover i{
	background:url(/img/icon_n2h.png) no-repeat;
}

.main_service ul li.n3 a i{
	background:url(/img/icon_n3.png) no-repeat;
}
.main_service ul li.n3 a:hover i{
	background:url(/img/icon_n3h.png) no-repeat;
}

.main_service ul li.n4 a i{
	background:url(/img/icon_n4.png) no-repeat;
}
.main_service ul li.n4 a:hover i{
	background:url(/img/icon_n4h.png) no-repeat;
}


.main_service ul li a:hover{
	background:#005cac;
	transform: rotateY(360deg);
}
.main_service ul li a:hover p{
	color:#fff;
}



.w1{width:auto; min-width:1000px; padding:34px 0; background:#f7f7f7; margin:0 auto 40px auto;}
.main_about{
	width:1000px;
	margin:0 auto;
}
.main_about .about_pic{
	width:250px;
	float:left;
}
.main_about .about_wrap{
	width:738px;
	float:right;
}
.main_about .about_wrap .tit{
	height:38px;
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	color:#005cac;
}
.main_about .about_wrap .tit span{
	font-size:14px;
	color:#333;
	font-weight:normal;
	padding-left:5px;
}
.main_about .about_wrap .about_text{
	font-size:14px;
	line-height:30px;
	color:#666666;
}
.main_about .about_wrap .more{
	padding:10px 0;
}
.main_about .about_wrap .more a{
	width:92px;
	height:34px;
	display:block;
	background:#6c6d6d;
	text-align:center;
	line-height:34px;
	font-size:14px;
	color:#fff;
	margin:0 auto;
	transition:ease-in-out .3s;
}
.main_about .about_wrap .more a:hover{
	width:120px;
	background:#005cac;
	color:#fff;
}




.w3{width:1000px; margin:0 auto 40px auto;}


.main_news{
	width:512px;
	height:370px;
	float:left;
}
.main_news .tab{
	height:42px;
	margin-bottom:27px;
}
.main_news .tab a,.main_news .tab a:visited{
	width:124px;
	height:42px;
	background:#cccccc;
	font-size:18px;
	color:#666;
	text-align:center;
	line-height:42px;
	float:left;
	display:block;
}
.main_news .tab a.cur{
	background:#005cac;
	color:#fff;
}

.main_news .tab_con dl{
	width:512px;
	height:100px;
	margin-bottom:4px;
}
.main_news .tab_con dl dd{
	width:158px;
	height:100px;
	float:left;
	overflow:hidden;
}
.main_news .tab_con dl dd img{
	width:158px;
	height:100px;
}
.main_news .tab_con dl dt{
	width:344px;
	height:100px;
	float:right;
	overflow:hidden;
}
.main_news .tab_con dl dt h3{
	height:26px;
	line-height:24px;
	font-size:14px;
	color:#333;
	overflow:hidden;
}
.main_news .tab_con dl dt p{
	height:72px;
	line-height:24px;
	color:#999;
	overflow:hidden;
}
.main_news .tab_con ul{
	margin-bottom:22px;
}
.main_news .tab_con ul li{
	height:51px;
	padding-left:75px;
	padding-top:15px;
	font-size:14px;
	border-bottom:1px solid #e0e0e0;
}
.main_news .tab_con ul li a{
	display:block;
}
.main_news .tab_con ul li span{
	color:#999;
	line-height:22px;
}
.main_news .tab_con ul li.n01{
	background:url(/img/n02.gif) no-repeat 0 15px;
}
.main_news .tab_con ul li.n02{
	background:url(/img/n03.gif) no-repeat 0 15px;
}
.main_news .tab_con a.more{
	width:92px;
	height:34px;
	display:block;
	background:#6c6d6d;
	text-align:center;
	line-height:34px;
	font-size:14px;
	color:#fff;
	transition:ease-in-out .3s;
}
.main_news .tab_con a.more:hover{
	width:120px;
	background:#005cac;
	color:#fff;
}


.main_video{
	width:448px;
	height:370px;
	float:right;
}
.main_tit{
	height:47px;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:20px;
}
.main_tit h2{
	font-size:24px;
	color:#005cac;
	float:left;
}
.main_tit h2 span{
	font-size:14px;
	color:#333;
	font-weight:normal;
	text-transform:uppercase;
	padding-left:5px;
}
.main_tit a,.main_tit a:visited{
	float:right;
	font-size:14px;
	color:#666;
	line-height:47px;
	text-transform:uppercase;
}
.main_tit a:hover{
	color:#005cac;
}

.video_wrap{
	width:448px;
	height:300px;
	overflow:hidden;
}


.main_links{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.main_links ul{
	width:106.5%;
}
.main_links ul li{
	width:25%;
	padding:8px 0;
	float:left;
}



.foot_wrap{
	width:auto;
	min-width:1000px;
	background:#1c1c1c;
	color:#666;
	padding:20px 0;
}
.foot_wrap a,.foot_wrap a:visited{
	color:#666;
}
.foot_wrap a:hover{
	color:#fff;
	text-decoration:underline;
}
.foot{
	width:800px;
	min-height:40px;
	background:#1c1c1c url(/img/foot_logo.gif) no-repeat;
	padding-left:200px;
	line-height:1.8em;
	margin:0 auto;
}





/*在线客服样式2 */
.izl-rmenu{position:fixed; left:50%; margin-left:622px; bottom:10px; padding-bottom:73px; background:url(/img/r_b.png) 0px bottom no-repeat; z-index:999; _position:absolute; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(/img/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(/img/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(/img/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-126px; top:0px; display:none;width:126px;}
.izl-rmenu .btn-phone{background:url(/img/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(/img/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}