﻿@charset "utf-8";
/*clean browser default style*/
*, html,form{
	padding:0;
	margin:0
}
p {
	line-height:20px;
}
ol, ul, li {
	padding:0;
	margin:0;
	list-style:none
}
a img {
	border:0
}
img{vertical-align: middle;}
a {
	text-decoration:none
}

.lan_f{position:absolute;right:21px;top:62px;width:245px;overflow:hidden;}
.lan_f a:visited,.lan_f a:link{font-size:10px;}
body {
	font-size:11px;
	font-family:  Arial, Helvetica, sans-serif;
	color:#333;
	line-height:20px;
	background:url(../img/bg_e.jpg) top center fixed #d1d1d3;

}
div {
	text-justify:auto;
	text-align:justify;
}
a:link {
	color:#666
}
a:visited {
	color:#666
}
a:hover {
	color:#5cc7ff
}
.clear{clear:both;line-height:0;height:0;font-size:0;width:0;overflow:hidden;}
/*frame style*/
#wrapper {position:relative;
	margin:0 auto;
	width:1100px;
	height:auto;
	-webkit-box-shadow: 0px 0px 6px 3px #333;box-shadow: 0px 0px 6px 3px #333;
}

#chead{
	padding-top:0px;
	height:203px;
	width:1100px;
	margin:0 auto;
	/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/tbg.png');*/
background:url(../img/hn_e.jpg) no-repeat top center;
}
.swf{padding-top:0px;
	height:477px;
	width:706px;
	text-align:center;
	margin:0 auto;
float:left;

}
/*frame end*/

/*nav*/
#chead ul{height:50px;width:750px;position:absolute;top:150px;left:44px;z-index:999}
#chead li{height:50px;display:inline-block;line-height:50px;margin-right:23px;margin-left:23px;padding-right:0px;text-align:center;width:124px;float:left;border:0px solid #ccc;font-size:1.25em;position:relative;font-weight:bold;}
#dhead ul{height:14px;width:500px;float:right;position:relative}
#dhead li{float:left;height:17px;border-left:1px solid #ccc;padding-left:7px;padding-right:7px;line-height:14px;}
#chead li.red{border-right:1px solid #f00}
li.red a{color:#ff0000;}
#chead li a{display:block;height:50px;width:124px;}
#chead li a:visited{color:#eee}
#chead li a:link{color:#eee;}
#chead li a:hover{color:#fc0;}
#nav_pro{width:620px;}
#nav_pro li{float:left;width:140px;border-left:1px solid #ccc;padding-left:5px;margin-bottom:5px;padding-right:5px;}

/*chead addon*/

#chead li ul{
position:absolute;
left: -54px; 
*left:-4px;
top: 47px;
display: none;
padding:0;
height:auto;
width:250px;
}

#chead li ul li a:link,#chead li ul li a:visited{display:block;color:#eee;width:250px;height:22px;*height:21px;background-color:#222; text-decoration:none}
#chead li ul li a:hover{display:block;background-color:#08c;text-decoration:none;position:relative;>top:0px !important;top:0px;*top:0px;height:22px!important;*height:20px;color:#fff;width:250px;}
#chead li ul li a{text-align:center;}

#chead li ul li{font-size:11px;margin:0;padding:0;
font-weight:normal;text-indent:0;
background-color:#111;line-height:22px;height:22px;width:250px;color:#333;border:1px #555 solid;margin-top:-1px;position:relative}

#chead li:hover ul,#chead li.over ul{display:block;}

/*chead addon end */



.min_nav{width:744px;height:72px;}
.min_nav li{font-size:12px;height:25px;line-height:25px;padding-left:13px;padding-right:20px;margin-right:81px;float:left;border-right:2px solid #ddd}
.min_nav li a:visited{color:#666}
.min_nav li a:link{color:#666}
.min_nav li a:hover{color:#c00}
/*nav end*/

/*body content*/
h1{color:#222;padding-top:15px;padding-left:20px;height:50px;line-height:50px;margin:0;width:867px;margin:0 auto;font-weight:normal;font-family:Tahoma, Geneva, sans-serif;border-bottom:1px solid #ccc;font-size:2.6em}
.bcon{
	width:1100px;
	 
	margin:0 auto;
	margin-top:0px;
 
	border-top:0px solid #bfbfbf;
	background:#fff;position:relative
}
.ind{border:0;height:168px;background:url(../img/ind_bg.jpg) center top no-repeat;padding-top:10px;}
.prd .fr{float:left}
.prd .fr img{padding-bottom:5px;}
.prd .fr p{font-weight:bold;}
.prd .fr ul{width:130px;}
.prd .fr ul li{float:left;min-width:55px;_width:60px;text-align:left;padding-left:2px;padding-right:2px;color:#999}
.prd .fr ul li a:visited,.prd .fr ul li a:link{color:#999}
.prd .fr ul li a:hover{color:#c00}
.bcon_l{width:212px;float:left;height:auto;_display:inline;min-height:715px; padding-left:0px;background:url(../img/leftbg.jpg) repeat-x;position:relative}
.bcon_r{float:right;height:auto;min-height:600px;_display:inline;padding-left:0px;margin-right:0px;margin-top:0px;width:887px;padding-top:0px;}

.indl{width:620px;float:left;padding-left:25px;background:none;text-align:left;min-height:0;_height:auto;padding-top:10px;}
.indr{min-height:0;_height:auto;width:331px;height:120px;background:none;padding-top:8px;}


/*
.bbd{margin-left:0px;margin-top:15px;padding-bottom:1px;}
.bc_title{height:25px;color:#999;font-weight:bold}

.intro{padding-top:50px;padding-left:85px;width:140px;float:left}
.intro p{line-height:30px;}
.clist{float:left;height:193px;background:url(../img/b_fin.png) no-rsepeat;width:300px;padding-left:90px;padding-top:45px;display:inline;color: #333333}
.login{text-align:center;float:left;padding-left:10px;width:200px;height:83px;padding-top:50px;}
.login form{line-height:26px;}
*/
.service{/*background:url(../img/bg_service.jpg) no-repeat center center ;padding:2px;border:1px solid #ccc*/}
.about .bcon_r{}
/*body content end*/

/*foot*/
.foot{height:36px;color:#888a8c;width:1100px;margin:0 auto;border-top:0px solid #999;background-color:#cc0000}
 
.fp{text-align:left;padding-left:40px;padding-top:10px;width:380px;float:right;color:#fff}
.ft{text-align:left;padding-left:10px;_height:30px;padding-top:10px;width:400px;float:left;margin-right:30px;}
.ft ul{padding-top:5px;}
.ft li{float:left;padding-left:5px;height:13px;line-height:13px;padding-right:5px;display:inline-block;border-right:1px solid #8da3b3;text-align:left}
.ft a:link {
	color:#eee
}
.ft a:visited {
	color:#eee
}
.ft a:hover {
	color:#fff
}
/*some style*/

.product li{float:left;padding:1px;padding-top:0px;padding-left:28px;padding-right:28px;height:205px;min-width:140px;_width:140px;text-align:center;}
.product li img{ }

.product li span{width:140px;height:140px;overflow:hidden;display:block;background-color:#fff;position:relative;border:1px solid #ccc;padding:0px;}


.product li p{_width:140px;width:140px;text-align:center;}
.product {width:800px;}
.com{display:block;margin:0 auto;width:650px;background-color:#06000E;text-align:center}
.com thead td{background-color:#eee;height:25px;font-weight:bold;}
.com td{background-color:#fefefe;height:14px;}


.pro{}
.prd .bcon_r{}
.prd .bcon_l{}
.conbg{background:url(../img/conbg.jpg) no-repeat left top;min-height:450px;_height:450px;}
.conbg .bcon_l{}
.conbg .bcon_r{}
.feed{min-height:500px;_height:500px;}
.regbg{min-height:500px;_height:500px;}
textarea{background-color:#fff;color:#111;border:1px solid #ccc}
.red{color:#fc0}
.green{color:#3c0}
h3{font-weight:normal;font-family:Arial, Helvetica, sans-serif;text-align:left;text-align:center;font-size:1.1em;height:30px;font-weight:bold;line-height:30px;color:#0e408d;padding-bottom:10px;}
.sp{min-height:380px;_height:380px;width:780px;margin:0 auto;}
.sp p{text-align:left}
h4{text-align:left;font-size:14px;font-weight:bold;margin-top:15px;margin-bottom:8px;border-bottom:0px #ccc solid;width:500px;}
.ind_t{font-weight:bold;color:#c33;border-bottom:1px solid #aaa}
.banner{background-color:#fff}
.dott{display:block;width:14px;height:29px;background:url(../img/dot.jpg) no-repeat;float:left}
#news_list{padding:0px;}
#news_list li{width:600px;overflow:hidden;border-top:0px solid #fff;border-bottom:1px solid #ccc;height:29px;line-height:29px;position:relative;margin:0 auto}
.txt_content{padding-left:40px;padding-right:30px;padding-top:10px;color:#5d818b}

/*Add for new style*/
.nor_button{background:url(../img/button.jpg) no-repeat;text-align:center;height:26px;width:145px;line-height:26px;font-weight:bold;border:0}
.nor_button a:visited,.nor_button a:link{color:#666;display:block}
.nor_button a:hover{color:#08c}

/*png hack*/
.buttonx[class] li{
	background: url(../img/button.png) no-repeat center center;
}


.buttonx li{margin:0 auto;
	width:156px;
	height:37px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=fixed, src='img/button.png');
	text-align:center;
}
.buttonx li div{
position:relative;
text-align:left;
padding-left:40px;
width:116px;
height:37px;
line-height:37px;
font-size:12px;
}
.buttonx li div a{display:block;}
/*.pngarea[class]{background: url(../img/bg.png) no-repeat top center;}
*/
/*width:551px;
	height:349px;
	padding-top:10px;
	
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=fixed, src='img/bg.png');*/
.pngarea{padding:20px;padding-top:30px;padding-right:50px;background:url(../img/ct.jpg) top left no-repeat}

/*list*/
#l_nav{width:202px;margin:0 auto}
#l_nav ul{list-style:none;}

#l_nav li{padding-top:0px;margin:0 auto;
display:block;
width:200px;
background:url(../img/icon_l2.gif) no-repeat 3px center;
vertical-align:bottom;
height:26px;
*height:26px;
line-height:26px;

font-weight:bold;
color:#0e408d;
border-bottom:0px solid #ccc;}
#l_nav li a:link,#l_nav a:visited{display:block;color:#0e408d;height:26px;*height:26px; text-decoration:none}
#l_nav li a:hover{display:block;color:#cc0000;text-decoration:none;position:relative;>top:0px !important;top:0px;*top: 0px;height:26px!important;*height:24px;background:url(../img/icon_l2.gif) no-repeat 3px center #8da3b3;
 }
#l_nav li a{text-indent:12px;overflow:hidden}
li ul{
position:absolute;
left: 189px; /* Set 1px less than menu width */
*left:164px;
top: 1px;
display: none;
padding:0;
height:auto;
}

#menu li ul{display:block;position:relative;left:0;top:0;font-size:9px;}

#menu li ul{display:block;position:relative;left:0;top:0}

#menu li{padding-top:0px;margin:0 auto;
display:block;
width:212px;
background:url(../img/icon_l2.gif) no-repeat 0 6px;
vertical-align:bottom;
text-indent:12px;overflow:hidden;

line-height:22px;

font-weight:bold;
color:#0e408d;
border-bottom:0px solid #ccc;}
#menu li a{ display:block;}
#menu li li a{display:inline}
#menu li li{font-size:8px;padding-left:2px;background:none;font-weight:normal;height:20px;line-height:20px;overflow:hidden;width:200px;text-indent:8px;}
#l_nav li ul li a:link,#l_nav li ul li a:visited{display:block;color:#580e0e;width:120px;background-color:#fff; text-decoration:none;height:auto;}
#l_nav li ul li a:hover{display:block;background-color:#ffe399;text-decoration:none;position:relative;>top:0px !important;top:0px;*top:0px;height:auto!important;*height:auto;color:#fc6703}
#l_nav li ul li a{text-indent:0px;text-align:center}

#l_nav li ul li{
font-weight:normal;text-indent:0;
background-color:#FFFFFF;line-height:22px;height:auto;width:120px;color:#333;border:1px #555 solid;margin-top:-1px;position:relative}

#l_nav_l li:hover,#l_nav_l li.over,#l_nav li:hover,#l_nav li.over{ position:relative;background-color:#8da3b3;}
#l_nav_l li:hover ul,#l_nav_l li.over ul,#l_nav li:hover ul,#l_nav li.over ul{display:block;background-color:#fff;}

/*add top list*/

/*silder css*/
ul,li{padding:0;margin:0;}
.sliderbutton {float:left; width:12px;font-size:10px;padding-top:0px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:706px; height:477px; border:0px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:706px; height:477px;}
a img{border:0;}
.pagination {position:absolute;top:444px;z-index:99;left:765px;list-style:none; height:25px; margin:2px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:3px 4px; background:#facd89; border:1px solid #c30; margin:0 4px 0 0; text-align:center; color:#c30;font-size:10px;line-height:8px;z-index:99;}
.pagination li:hover {background:#fff; border:1px solid #fc0; color:#000}
.pagination li.current {border:1px solid #fc0;font-weight:bold;color:#fff;background-color:#c30;padding:3px 4px; }


.pagination1 {position:absolute;top:284px;z-index:99;right:5px;list-style:none; height:25px; margin:2px 0 0 32px}
.pagination1 li {float:left; cursor:pointer; padding:3px 4px; background:#facd89; border:1px solid #c30; margin:0 4px 0 0; text-align:center; color:#c30;font-size:10px;line-height:8px;z-index:99;}
.pagination1 li:hover {background:#fff; border:1px solid #fc0; color:#000}
.pagination1 li.current {border:1px solid #fc0;font-weight:bold;color:#fff;background-color:#c30;padding:3px 4px; }

#slider1 {float:left; position:relative; overflow:auto; width:330px; height:330px; border:0px solid #fff; background:#fff}
#slider1 ul {position:absolute; list-style:none; top:0; left:0}
#slider1 li {float:left; width:327px; height:327px;}