@charset "utf-8";
/* CSS Document */
body{
	background:#f6f6f6 url(../images/bg.gif) no-repeat 50% 0;
	text-align:center;
	font-size:13px;
	color:#000;
	font-family:Microsoft Yahei, Arial, Helvetica, sans-serif
}
.wrapper{
	width:980px;
	margin:0 auto;}
.header{
	width:100%;
	height:118px;
	position:relative;
	top:0;
	left:0;
	background:url(../images/top_bg.gif)
}
.lang{
	position:absolute;
	top:10px;
	right:35px;
	color:white;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;}
.lang a{color:white}
.lang a:hover{text-decoration:underline}
.mainnav{
	width:100%;
	height:36px;
	background:url(../images/nav_off.gif) repeat-x top left;}
/*banner slide*/
#mainbanner{
	width:100%;
	height:280px;
	position:relative;
	overflow:hidden
}
#mainbanner ul{position:absolute;}
#mainbanner li{float:left; width:980px; height:400px; overflow:hidden; }
#mainbanner .o-control{display:none;position:absolute;top:160px;width:50px;height:80px;background:#000;filter:alpha(opacity=30);opacity:0.3;cursor:pointer;}
#mainbanner .control{position:relative;top:13px;left:8px;display:inline-block;width:30px;height:55px;background:url(img/bg_index.gif);}
#mainbanner #goback{left:0px;}
#goback .control{background-position:0px -35px;}
#mainbanner #forward{right:0px;}
#forward .control{left:10px;background-position:-35px -35px;}
#mainbanner div{position:absolute; float:right; bottom:20px; right:10px; height:32px; overflow:hidden; zoom:1; }
#mainbanner span{width:24px;font-size:14px;height:24px;margin:2px 2px; background:#2cc5eb;float:left;text-align:center;line-height:24px;cursor:pointer;font-family:arial;filter:alpha(opacity=70);opacity:0.7;}
#mainbanner span a{color:#fff;text-decoration:none;}
#mainbanner span.curr,#mainbanner span.hover{background:#101856;filter:alpha(opacity=100);opacity:1;}
#mainbanner .curr a:link, #mainbanner .curr a:visited{color:#fff;}
/*end*/
.index_cont{
	width:100%;
	height:210px;
	margin-top:4px;
	position:relative;
	background:url(../images/index_cont_bg.gif)}
.index_cont_div{
	width:285px;
	height:135px;
}
#c_1{
	position:absolute;
	top:28px;
	left:35px;
	background:url(../images/index_cont_img01.gif)}
#c_2{
	position:absolute;
	top:28px;
	left:348px;
	background:url(../images/index_cont_img02.gif)}
#c_3{
	position:absolute;
	top:28px;
	left:660px;
	background:url(../images/index_cont_img03.gif)}
.index_cont_div h1{
	font-size:22px;
	text-transform:uppercase;
	color:#030730;
	position:absolute;
	top:28px;
	letter-spacing:-1px;
	left:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:23px;
	text-shadow:1px 1px 0 rgba(255,255,255,0.8)}
.index_cont_div h1 span{
	color:#bebcbc;
	display:block}
.index_cont_div a{
	width:65px;
	height:20px;
	background:url(../images/index_but_on.gif);
	display:block;
	color:white;
	position:absolute;
	bottom:38px;
	left:14px;
	text-transform:uppercase;
	font-size:11px;
	-webkit-text-size-adjust:none;
	line-height:18px}
.index_cont_div a:hover{
	color:#ffb30d;
	background:url(../images/index_but_off.gif);}
.footer{padding:0 0 20px 0}
.footer p{
	letter-spacing:-1px;
}
/*nav*/
ul.nav{
	margin-left:15px;
	height:36px;
}
ul.nav li{
	float:left;
	display:inline;
	line-height:36px;
	height:36px;
	position:relative;
	z-index:10
}
ul.nav li a{
	padding:0 28px;
	display:block;
	color:white}
ul.nav li a:hover{
	color:white;
    background:#ffb30d;
	}
ul.nav li.mainlevel{height:36px;_margin-top:4px;}
ul.nav li ul {
	display:none; 
	position:absolute;
	background:#ffb30d;
	width:auto;
	z-index:10;
	top:34px;
	}
ul.nav li ul li{
	background:#ffb30d;
	display:block;
	height:30px;
	text-indent:10px;
	text-align:left;
	line-height:30px}
ul.nav li ul li a{
	background:#ffb30d;
	display:block;
	min-width:185px;
	width:auto !important;
	_width:180px;
	padding:0;
}
.backgroundColor{
	background:#ffb30d}
ul.nav li.mainlevel a span{
	width:10px;
	height:10px;
	margin-left:1px;
	padding-top:5px;
	display:inline-block;
	background:url(../images/nav_dot.gif) no-repeat bottom;
	*background:url(../images/nav_dot.gif) no-repeat 2px 50%;
	_background:url(../images/nav_dot.gif) no-repeat 2px 75%}
/*ul.nav li.mainlevel a:hover span{
	background-image:url(../images/nav_dot_on.gif)}*/
ul.nav li ul li a:hover{
	background:#ffc641;
	color:#053f7b}
/*nav end*/

.cont{
	width:978px;
	border:1px solid #1690db;
	background:#0b3268 url(../images/other_cont_bg.gif) repeat-x;
	margin-top:4px;
	}
.maincont{
	width:860px;
	padding:30px 30px 50px;
	min-height:600px;
	height:auto !important;
	_height:600px;
	margin:30px;
	background:white}
h2{
	text-align:left;
	font-size:12px;
	margin-bottom:10px;}
.maincont h2 a{
	padding-left:16px;
	background:url(../images/h2_dot.gif) no-repeat 1px 50%;
	margin-right:10px}
.maincont h2 a:hover{text-decoration:underline}
h3{
	width:860px;
	overflow:hidden;
	height:40px;
	font-size:15px;
	line-height:46px;
	letter-spacing:-1px;
	margin-bottom:20px;
	text-shadow:1px 1px 0 #efefef;
	background:url(../images/other_title.gif) no-repeat -19px 0}
h4{
	font-size:24px;
	text-align:left;
	color:#1c2987;
	letter-spacing:-1px;}
small{
	display:block;
	text-align:left;
	color:#aaa}
.maincont p{
	text-align:justify;
	line-height:1.7;
	font-size:16px;
}
#bg1{
	background:white url(../images/other_img01.gif) no-repeat 40% bottom}
#bg2 p img{
	padding:5px;
	border:1px solid #ababab;
	margin:10px auto}
.shadow{
	width:980px;
	height:27px;
	background:url(../images/other_shadow.gif)}
ul.ul_news{
	text-align:left;
}
ul.ul_news li{
	padding-left:18px;
	line-height:24px;
	background:url(../images/news-dot.gif) no-repeat 1px 50%}
div.t_t{
	width:850px;
	box-shadow:0 0 6px #c6c6c6;
	border:4px solid #fff;
	height:560px;
	background:#ebebeb url(../images/contact_img.gif) no-repeat 100% 80%}
.pro01{
	width:197px;
	height:152px;
	float:left;
	margin:0 0 15px 15px;
	background:url(../images/product_bg.gif)}
.pro01 img{
	padding:6px 6px 0}
.pro02{
	width:275px;
	height:260px;
	position:relative;
	float:left;
	margin:0 0 15px 9px;
	background:url(../images/quality-bg_top.gif) no-repeat top left}
.pro02 img{margin:6px 5px}
.pro02 p{
	width:275px;
	line-height:34px;
	text-shadow:1px 1px 0 white;
	text-align:center;
	height:40px;
	background:url(../images/quality-bg_title.gif) no-repeat ;
	font-size:13px;
	color:#013367;
	position:absolute;
	bottom:0;
	left:0}
a.MagicThumb span{
	width:25px;
	height:19px;
	display:block;
	position:absolute;
	top:10px;
	right:20px;
	z-index:5;
	visibility:hidden
}
a.MagicThumb:hover span{
	visibility:visible
}
ul.p_list{
	text-align:left;
	font-size:16px;
	margin:15px 0 15px 5px;
}
ul.p_list li{
	padding-left:30px;
	line-height:32px;
	background:url(../images/contact_dot02.gif) no-repeat 1px 7px;
	/*list-style-image:url(../images/contact_dot02.gif);*/
	letter-spacing:-1px
}