@charset "utf-8";
/* CSS Document */
/* boonhi.com */
/* QQ@973918953 */

/*==============================================================================================*/
/*commont
/*==============================================================================================*/
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em, table, td, th {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-size:14px;
	font-weight:bold;
	font-family: "微软雅黑", Arial, Verdana, Helvetica, sans-serif;
}
img{
	border:0;
}
ul, ol, li {
	list-style-type:none;
	font-weight:normal;
}
a {
	color:#666666;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:none;
	color:#0063a7;
}
body {
	
	font-size:14px;
	font-family: "微软雅黑", Arial, Verdana, Helvetica, sans-serif;
	color:#666666;
	text-decoration: none;
	margin:0 auto;
	line-height:1.8em;
	text-align:center;
}
table {
	table-layout:fixed;
	word-wrap:break-word;
}
div {
	word-wrap:break-word;
}
p {
	word-wrap:break-word;
	font-family: "微软雅黑", Arial, Verdana, Helvetica, sans-serif;
}
td {
	font-size:12px;
	font-family: "微软雅黑",  Arial, Verdana, Helvetica, sans-serif;
	line-height:1.8em;
	padding:0 0 0 5px;
}
input.txt, input.pwd, input.fil, textarea.txts, select.slt {
	border-color:#b0b0b0 #cccccc #cccccc #b0b0b0;
	border-style:solid;
	border-width:1px;
	padding:4px 5px 3px 5px;
	color:#666666;
	vertical-align:middle;
	line-height:1.2em;
	font-size:12px;
	background:#ffffff url(../images/txtbg.png) top repeat-x;
}
input.txt {
	width:130px;
}
textarea.txts {
	width:200px;
}
input.btn {
	height:24px;
	padding:0 5px;
	color:#666666 !important;
	text-decoration: none;
	font-size:12px;
	font-family: "微软雅黑", Arial, Verdana, Helvetica, sans-serif;
	cursor:pointer;
	border:1px solid #b0b0b0 !important;
	background:#F7F5F4 url("../images/btnbg.png") top repeat-x !important;
	vertical-align:middle;
	text-transform:uppercase;
}
input.imgbtn {
	vertical-align:middle;
}
select {
	vertical-align:middle;
	font-size:12px;
}
textarea {
	border:1px solid #DBDBDB;
	vertical-align:middle;
	padding:0px 2px;
	font-size:12px;
}
.red {
	color:#800000;
}
.gray {
	color:#033;
}
.cboth {
	display:block;
	height:0px;
	line-height:0px;
    font-size:0;
	clear:both;
}
.noborder {
	border:none;
}
.margintop {
	margin-top:10px;
}
.tag {
	font-size:14px;
	color:#0066dd;
}
.tag a {
	color:#0066dd;
}
.dtab {
	border-collapse:collapse;
}
.dtab td {
	border:1px solid #cccccc;
	padding:2px 5px;
}
.clearfix {
    *zoom:1;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

/*---------------------------------------------------------*/
input.error, textarea.error, select.error {
	border-bottom:1px dotted #ff0000 !important;
}
label.error {
	color:#ff0000;
}

/*==============================================================================================*/
/*module-css
/*==============================================================================================*/
#container {
	height:100%;
	width:100%;
	margin:0 auto;
	text-align:center;
}
#top { 
	 overflow:hidden;
	 height:36px;
	 width:100%;
	 color:#333;
	 line-height:36px;
	 background:#314361;
}
#header {
	height:110px;
	margin:0px;
	position:fixed;
	width:100%;
	z-index:100;
}
#mainer {
	width:1000px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	margin-bottom:20px;
	margin-top:20px;
}
#footer {
	margin:20px 0 0;
	padding-top:5px;
	background:#2b3438;
}
#contenter {
	float:left;
	width:100%;
	height:100%;
	overflow:hidden;
	text-align:left;
}
		
/*==============================================================================================*/
/*header-css
/*==============================================================================================*/

.logo {
	float:left;
	margin-top:18px;
	margin-right: 0;
	margin-left: 0;
	width:250px;
	overflow:hidden;
}
.logotx {
	float:left;
	font-size:14px;
	margin:30px 0 20px 0;
	font-size:14px;
	color:#666666;
}

.tel {
	margin-top:30px;
	margin-left:15px;
}
.hdleft{background:#ffffff; width:50%; float:left; height:109px; overflow:hidden; border-bottom:#dddddd solid 1px;}
.hdright{background:#1c2326; width:50%; float:right; height:110px; overflow:hidden;}

.hdbd
{
	width:100%;
	overflow:hidden;
	position:absolute;
}
.hdmain
{
	width:1050px;
	margin-left:auto;
	margin-right:auto;
}

/*==============================================================================================*/
/*menu 菜单
/*==============================================================================================*/

.navbox {
	width:800px;
	float:left;
	background:#1c2326;
}
.navbox .nav {
	display:block;
	width:800px;
	}

.navbox .nav li{
	width:95px;
	text-align:center;
	float:left;
	height:110px;
	line-height:110px;
	position:relative;
	}
.navbox .nav li a{
	color:#999;
	display:block;
	font-size:14px;
	font-family: "微软雅黑", Arial, Verdana, Helvetica, sans-serif;
	background:url(../images/navli.png) right 0px no-repeat;
	 }
.navbox .nav .active,.navbox .nav .active a{ background:#1c64a1; color:#fff;}	 

/*==============================================================================================*/
/*banner-css
/*==============================================================================================*/

.banner{ width:100%;  position:relative;  height:450px; background:#1c64a1; overflow:hidden;  }	
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }	
.banner .bd ul{ width:100% !important;  }	
.banner .bd li{ width:100% !important;  height:450px; overflow:hidden; text-align:center;  }	
.banner .bd li a{ display:block; height:500px; }	
.banner .hd{ width:100%;  position:absolute; z-index:80; bottom:0; left:0; height:30px; line-height:30px;  text-align:center;_background:#fff; _filter:alpha(opacity=60);}	
.banner .hd ul{ text-align:center;  padding-top:10px;  }	
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:100px; height:12px; margin:5px; background:url(../images/icons.png) -14px -110px; overflow:hidden;line-height:9999px;}	
.banner .hd ul .on{ background-position:0 -90px; }

.banner .prev,.banner .next{ position:absolute;  display:block; z-index:99;  left:30px; top:190px; width:46px; height:62px; background:url(../images/icons.png) left 6px no-repeat; filter:alpha(opacity=20);opacity:0.2;  }	
.banner .next{ left:auto; right:30px; background-position:-46px 6px; }	
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;  }

.ft{ position:absolute; z-index:50; overflow:hidden; top:50px; width:100%;}
.gk{width:1000px; margin-left:auto; margin-right:auto; height:450px; }
.gbook{width:332px; float:right; height:340px; text-align:left;  background:url(../images/gb_bg.png) no-repeat; color:#FFF;}
.gbook h2{margin-bottom:10px; margin-top:20px; text-align:center; font-size:16px;}
.gbook div {line-height:40px; height:40px; margin-left:35px;}
.gbook .btn{width:260px; height:40px; line-height:40px; margin-top:20px; margin-left:auto; text-align:center; margin-right:auto; background:#1c64a1; overflow:hidden;}
.gbook a{ color:#FFF;}
.gbook .txt { border:0px; height:20px;} 
/*==============================================================================================*/
/*body box 
/*==============================================================================================*/
.mainbox {
	width:1000px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

.ysbm { background:#f1f1f1; overflow:hidden; border-bottom:#ccc solid 1px;}
.ysbm ul{
	width:1000px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	height:200px;
}
.ysbm li{ text-align:center; float:left; width:165px; margin-top:50px; line-height:40px; font-size:14px;}




#youshi{
	overflow:hidden;
	font-size:12px;
	line-height:22px;
	
}

#youshi .bd{
	width:1000px;
	height:700px;
	margin-bottom:30px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background:url(../images/youshi.png) center 20px no-repeat;
}
#youshi .s1{
	position:absolute;
	width:310px;
	text-align:left;
	right:0px;
	margin-top:55px;
}
#youshi .s2{
	position:absolute;
	width:285px;
	text-align:right;
	left:0px;
	margin-top:135px;
}
#youshi .s3{
     position:absolute;
	width:225px;
	text-align:left;
	right:0px;
	margin-top:256px;
}
#youshi .s4{
	position:absolute;
	width:230px;
	text-align:right;
	left:0px;
	margin-top:380px;
}
#youshi .s5{
	position:absolute;
	width:290px;
	text-align:left;
	right:0px;
	margin-top:498px;
}
#youshi .s6{
	position:absolute;
	width:295px;
	text-align:right;
	left:0px;
	margin-top:569px;
}
/*--------------------------------------------------------------------*/
#laoban{
	background:#1c64a1;
	height:677px;
	overflow:hidden;
}
#laoban .bd{
	width:1000px;
	height:731px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	background:#333 url(../images/laoban.png);
	}
#laoban h2{
	background:url(../images/c_hd.png) no-repeat;
	width:320px;
	height:52px;
	line-height:52px;
	overflow:hidden;
	margin-top:50px;
	margin-right:10px;
	text-align:center;
	float:right;
	color:#FFF;
	font-family: "微软雅黑", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size:30px;
}
#laoban .txc{
	clear:both;
	list-style:none;
	margin-top:202px;
	margin-left:420px;
}
#laoban .txm{
	clear:both;
	list-style:none;
	margin-top:115px;
	margin-left:233px;
}
#laoban .txc li,#laoban .txm li{
	text-align:left;
	line-height:34px;
	font-size:14px;
}


/*--------------------------------------------------------------------*/
	
#waimao{
	background:#fff;
	height:762px;
	overflow:hidden;
}
#waimao .bd{
	width:1000px;
	height:731px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/waimao.png);
	}
#waimao h2{
	background:url(../images/c_hd.png) left -75px no-repeat;
	width:320px;
	height:52px;
	line-height:52px;
	overflow:hidden;
	margin-top:50px;
	padding-left:28px;
	float:left;
	color:#FFF;
	font-family: "微软雅黑", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size:30px;
}
#waimao .txc{
	clear:both;
	list-style:none;
	margin-top:202px;
	margin-left:55px;
	color:#e0e5ea;
}
#waimao .txm{
	clear:both;
	list-style:none;
	margin-top:115px;
	margin-left:55px;
	color:#e0e5ea;
}
#waimao .txc li,#waimao .txm li{
	text-align:left;
	line-height:34px;
	font-size:14px;
}


/*--------------------------------------------------------------------*/

#itren{
	background:#ee6e6f;
	height:810px;
	overflow:hidden;
}
#itren .bd{
	width:1000px;
	height:810px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	background:#333 url(../images/itren.png);
	}
#itren h2{
	background:url(../images/c_hd.png) left -150px no-repeat;
	width:320px;
	height:52px;
	line-height:52px;
	overflow:hidden;
	margin-top:50px;
	margin-right:0px;
	padding-left:15px;
	text-align:left;
	float:right;
	color:#FFF;
	font-family: "微软雅黑", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size:30px;
}
#itren .txc{
	clear:both;
	list-style:none;
	margin-top:218px;
	margin-left:420px;
	color:#fce5e5;
}
#itren .txm{
	clear:both;
	list-style:none;
	margin-top:101px;
	margin-left:233px;
	color:#fce5e5;
}
#itren .txc li,#itren .txm li{
	text-align:left;
	line-height:34px;
	font-size:14px;
}

/*--------------------------------------------------------------------*/
#liyou{
	width:1000px;
	min-height:500px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/liyou.png) center top no-repeat;
}
#liyou .bd{
	text-align:left;
	margin-left:10px;
	margin-top:330px;
	margin-bottom:50px;
	font-size:14px;
	line-height:24px;
}
/*--------------------------------------------------------------------*/
#goumai{
    overflow:hidden;
	min-height:400px;
	padding-top:40px;
	padding-bottom:40px;
	background:#eeeff0;
}
#goumai .bd{
	width:1000px;
	overflow:hidden;
	text-align:left;
	margin-left:auto;
	margin-right:auto;	
}
#goumai .hd{
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	text-align:center;
	width:400px;
}
	
#goumai .ex{
	list-style:none;
	margin:25px;
	font-size:16px;
	line-height:24px;
	}
#goumai .ex li{
     background:url(../images/li-star.png) left 2px no-repeat;
	 padding-left:25px;
}
		
#goumai .et{
	list-style:none;
	font-size:14px;
	margin:25px;
	line-height:24px;
	}
	
#goumai .btn{
	display:block;
	width:410px;
	text-align:center;
	height:40px;
	line-height:40px;
	margin-bottom:25px;
	background:#ee6e6f;
	font-size:18px;
	color:#FFF;
	margin-left:auto;
	margin-right:auto;
	}			
#goumai .hd .e1{
	width:200px;
	height:65px;
	line-height:56px;
	float:left;
	font-size:24px;
	color:#FFF;
	background:url(../images/gm_hd.png) left top no-repeat;
	}
#goumai .hd .e2{
	height:65px;
	line-height:56px;
	float:left;
	font-size:24px;
	color:#FFF;
	width:200px;
	background:url(../images/gm_hd.png) right -116px no-repeat;
	}
	
#goumai .v_e1{
	width:460px;
	float:left;
	margin-left:20px;
	margin-right:38px;
	min-height:300px;
	background:#ffffff;
	border:#d7d7d7 solid 1px;
}	
#goumai .v_e2{
	width:460px;
	float:left;
	min-height:300px;
	background:#ffffff;
	border:#d7d7d7 solid 1px;
}	
	
/*--------------------------------------------------------------------*/

#anli{
	width:1000px;
	overflow:hidden;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
	padding-bottom:20px;
}
#anli h2{ font-size:30px; text-align:center; font-weight:normal; line-height:50px; margin-bottom:50px;}
#anli ul { width:1100px;margin-left:10px;}
#anli li{list-style:none; float:left; margin-right:40px; margin-bottom:30px; width:160px; height:75px; overflow:hidden; border:#eee solid 1px;}

/*--------------------------------------------------------------------*/

#shiyong{
	overflow:hidden;
	min-height:450px;
	padding-top:30px;
}
#shiyong .bd{
	width:1000px;
	overflow:hidden;
	text-align:left;
	margin-left:auto;
	margin-right:auto;	
}
#shiyong h2{
	background:#eeeff0;
	overflow:hidden;
	font-size:30px;
	font-weight:normal;
	border-bottom:#ccc solid 1px;
	height:80px;
	line-height:80px;
	margin-bottom:50px;
}
#shiyong div{margin-bottom:20px;}
#shiyong .txt{height:30px; width:400px; color:#ccc;}
#shiyong .txts{height:30px; width:520px; height:208px; color:#ccc;}
#shiyong .btn{ background:#1c64a1; width:200px; text-align:center; color:#FFFfff; line-height:40px; height:40px;}
#shiyong label{ display:block !important;  clear:both;}
/*==============================================================================================*/
/*页尾 聊天框
/*==============================================================================================*/
.map {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding:25px 0px 0px 0px;
	text-align:left;
}
.map a{ color:#999999;font-size:14px;}
.map .txt{ color:#999999;line-height:20px;font-size:12px; width:400px; float:left }
.map .chat{ color:#999999;line-height:20px;font-size:12px; width:400px; float:left }
.map .chat h3{ font-size:15px;}
.map .chat a{ margin-right:15px;}
.map .chat img{ vertical-align:middle;}
.map-area {
	width:1000px;
	margin:0 10px 0 0;
}
.map-area ul {
	width:300px;
	height:150px;
	overflow:hidden;
	float:left;
	margin:0 30px 10px 0;
	line-height:20px;
	font-size:12px;
	color:#999999;
}
.map-contact {
	width:1000px;
	float:left;
	margin:0 0px 20px 0;
	padding-bottom:20px;
	border-bottom:#444444 solid 1px;
}
.map-fcode{
	float:left;
	margin-top:20px;
	}
.map-fcode img{ border:#444 solid 1px; padding:10px;}
	
.map-area h3{
	font-size:15px;
	font-weight:normal;
	color:#cccccc;
	line-height:2em;
	margin-bottom:5px;
}
.map-product h3,.map-contact h3,.map-follow h3 {
	font-size:18px;
	font-weight:normal;
	color:#cccccc;
	line-height:2em;
	margin-bottom:5px;
}
.map-about ul,.map-product ul,.map-contact ul{
	list-style:none;
	margin:0px;
}

.map-about li,.map-product li,.map-contact li {
	list-style:none;
	margin:0px;
	padding-left:10px;
	background:url(../images/list-style-bg.png) 0px 12px no-repeat;
	line-height:2.0em;
}

.copy {
	color:#888888;
	width:100%;
	background:#1c2326;
	font-size:12px;
	
}
.copy .bd{ padding-top:12px; padding-bottom:12px;}
.copy a {
	color:#888888;
	font-size:12px;
}
.copy em {
	color:#888;
	font-style:normal;
	margin:0 4px 0 8px;
}

/*==============================================================================================*/
/*srbanner滚动广告
/*==============================================================================================*/
#BigDIV{width:1000px; clear:both; height:350px; overflow:hidden;position:relative; margin-left:auto; margin-right:auto; margin-bottom:20px;  }
#BigDIV h2{ line-height:30px; height:30px; text-align:left; font-size:24px; font-weight:normal; margin-bottom:18px; padding-bottom:6px; border-bottom:#d7d7d7 solid 1px;}
#scrollRow 
{ 

	float:left;
	width:1000px;
	overflow:hidden;
	height:280px;
}
#slide_left {
	position:absolute;
	left:2px;
}
#slide_right {
	position:absolute;
	right:2px;
}
#movcrl{ display:block;position:absolute;left:0px; top:170px; width:1000px; z-index:50;}
#gsub {
	width:8000px;
	height:280px;
	overflow:hidden;
	zoom:1;
}
#scrollRow ul {
	float:left;
	height:280px;
}
#scrollRow li {
	border:none;		
	float:left;
	width:200px;
	height:260px;
	list-style: none;
	padding:10px;
	margin-right:40px;
	background:#f8f8f8;
}
#scrollRow li a {
	display:table-cell;
	width:200px;
	height:260px;
	vertical-align:middle;
	overflow:hidden;
}
#scrollRow li img {
	width:200px;
	height:260px;
}


/*==============================================================================================*/
/*movenav 浮移菜单
/*==============================================================================================*/
#navFixed{
	top: 240px;
	width:24px;
	height:178px;
	position: fixed;
	right:10px;
	z-index: 999; 
	background:url(../images/min_nav.png) left -110px no-repeat;
}
.minnav{ margin-left:auto; margin-right:auto; text-align:left;}
.minnav .nav{ margin-top:12px; }
.minnav .nav li {
	 margin-bottom:5px;
	 }
.minnav .nav li a{
	 display:block;
     background:url(../images/min_nav.png) -37px -130px no-repeat;
	 width:18px;
	 height:18px;
	 }	 
.minnav .nav .active,.minnav .nav .active a{ 
	background: url(../images/min_nav.png) -37px -110px no-repeat;
}