@charset "gb2312";
/* CSS Document */

body {font-size:12px;padding: 0;margin: 0;height: auto;font-family:Arial,'Microsoft Yahei','SongTi'; background:; }
img {border:0;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td, fieldset, label, legend, dl, dd, dt  hr {margin:0;padding:0;}
li{ list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none; color:#0CC;}
/*****************************head*****************************************/
.clear{clear:both}
.margin_auto{ margin:0 auto; width:1200px; overflow:hidden}
.top10{ margin-top:10px;}
.head{ height:110px; overflow:hidden;}
.headL{ width:600px; height:90px; float:left;}
.headL a{ display:block; width:600px; height:90px; background:url(../images/logo.jpg) no-repeat; text-indent:-10000px;}
.headR{ width:399px; height:90px; float:right; background:url(../images/tel.png) no-repeat center right; position:relative;}
.call{ color:#fff; font-family:"Microsoft Yahei"; font-size:14px; position:absolute; top:27px; left:125px;  line-height:25px;}
.call span{ font-size:16px;position:relative;}
.call_more{ display:block; width:62px; height:18px; position:absolute; top:31px; right:26px;color:#fff; font-family:"Î¢ÈíÑÅºÚ"; font-size:12px; text-align:center; line-height:18px;}
.call_more:hover{ text-decoration:none; color:#FFF;}
/*nav*/
.navbg{ background:#00A8BE; height:65px;}
/* µ¼º½Ìõ */
#navMenu {width:1200px; overflow:hidden; height:65px; margin:0px auto; font-family:"Microsoft Yahei" }
#navMenu ul{padding-left:0px;overflow:hidden; float:left;} 
#navMenu li{ float: left; line-height:65px; height:65px; oveflow:hidden; text-align:center; display:block;} 
#navMenu li a {width:150px; color:#fff; display: block; font-size:18px}
#navMenu li a:hover{float:left;	display: block; background:#0092A6; text-decoration: none; }

/*Ê×Ò³½¹µãÍ¼*/
/*Ê×Ò³½¹µãÍ¼*/
.focus_img{border-top:1px solid #fff;
	float:left;
	width:100%;
	min-width:1210px;
	background:#fff;
	height:500px;
	position:relative;
	z-index:999;
	overflow:hidden}
.focus_img .focus { position:absolute; z-index:12000;
	width:1120px;
	padding-top:420px;
	text-align:center;
	margin:0 auto}
.focus_img .focus a {
	text-decoration:none;
	z-index:3;
	width:13px;
	height:13px;
	position:relative;
	display:inline-block;
	overflow:hidden;
	zoom:1;
	margin:0 2px}
.focus_img .focus a .bg-m {
	z-index:4;
	color:#FFF;
	line-height:40px;
	font-size:40px;
	position:absolute;
	left:2px;
	top:6px;
	cursor:pointer;
	display:none}
.focus_img .focus a .bg-b {
	color:#fff;
	background:#fff;
	position:absolute;
	display:block;
	left:0;
	top:0;
	cursor:pointer;
	width:13px;
	height:13px;
	line-height:13px;
	text-align:center;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;}
.focus_img .focus a .inner {
	background:#76dfff;
	position:absolute;
	left:0;
	top:0;
	z-index:9;
	opacity:0;
	display:none;
	width:13px;
	height:13px;
	line-height:13px;
	text-align:center;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;}
.focus_img .focus a.on .inner,.focus_img .focus a:hover .inner {
	cursor:pointer;
	display:block;
	border:0;
	color:#fff;
	background:#76dfff;
	-webkit-transition:opacity .3s ease-in-out;
	-ms-transition:opacity .3s ease-in-out;
	transition:opacity .3s ease-in-out;
	opacity:1}
.focus_img .focus .hover .inner {
	display:block}
.focus_img .banners,.focus_img .banner {
	width:1920px;
	height:500px;
	overflow:hidden;
	position:absolute; z-index:1000;
	left:50%;
	margin-left:-960px}
.focus_img .banner .info h3,.focus_img .banner .info p {
	display:none}
	.web-top{
	float:left;
	width:100%;
	min-width:1200px;
	height:35px;
	border-bottom:1px solid #ededed;
	background:#f9f7f6}
/*f_map*/
#con1{
		height:431px; background:#F6F6F6
	}
.f_map{ width:989px; height:280px; border:5px solid #4FAF07; margin-top:10px;}
/*notice*/
#con01{ height:431px; overflow:hidden; background:#F6F6F6; width:100%; clear:both}
.ser li{float:left;width:300px;padding:70px 0;}
.ser li img{border-bottom:40px solid #fff;}
#con02{ height:880px; overflow:hidden; background:url(../images/bg2.jpg) repeat-y right #09ACB2; width:100%; clear:both}
#con02 h1{ height:30px; text-align:center; padding-top:67px; line-height:30px; font-size:30px; font-weight:normal; color:#fff}
#con02  p{padding:28px 0; font-size:16px; color:#fff; text-align:center;}
.pclass{width:500px;height:60px; margin:0 auto; line-height:60px; padding:20px 0}
.pclass li{float:left; text-align:center; line-height:40px; margin:10px; }
.pclass li a{font-size:16px; padding:0 20px; display:block;background:#fff}
.pclass a{color:#333}
.pclass a:hover{ background:#FF6600;color:white; text-decoration:none;display:block; color:white;}
.plist{margin-top:40px;}
.morea{margin:30px auto; width:160px; height:45px; line-height:45px; text-align:center; background:#fff; display:block; font-size:16px; color:#666}
.morea a{ color:#666}
.plist li{width:370px; padding:10px;height:420px; background:#fff; float:left; text-align:center}
.plist li p{height:40px; line-height:40px; text-align:center; display:block; color:#666666; font-size:16px;}
.plist li img{ display:block}
.plist li span{color:#999999; font-size:14px;}
.plist li:nth-child(2){ margin:0 15px}
.notice{ background:url(../images/notice.jpg) no-repeat; height:34px; width:999px; overflow:hidden; margin:10px auto; line-height:34px;}
.notice h2{ padding-left:132px; font-size:12px; font-weight:normal;}
#con3{height:701px; overflow:hidden; background:#fff; width:100%; clear:both}
#con3 h1{ height:30px; text-align:center; padding-top:67px; line-height:30px; font-size:30px; font-weight:normal; color:#666666}
#con3  p{padding:28px 0; font-size:16px; color:#666666; text-align:center;}
.newclass{ width:400px;height:60px; margin:0 auto; line-height:60px; padding:20px 0}
.newclass li{float:left; text-align:center; line-height:40px; margin:10px; }
.newclass li a{font-size:16px; padding:0 20px; display:block;background:#E1E1E1}
.newclass a{color:#666}
.newclass a:hover{ background:#00A7BE;color:white; text-decoration:none;display:block; color:white;}
.void{float:left; width:460px; padding:10px; background:#000;height:380px}
.newright{width:675px; overflow:hidden; float:right}
.newright li{ list-style:none;height:120px;color:#666;  text-align:left;overflow:hidden; background:#F2F2F2;width:675px; margin-bottom:20px; position:relative}
.newright li span{ background:#B4B4B4; display:block;height:90px;padding:15px 0; text-indent:28px; margin:0; width:120px; float:left; color:#fff; text-align:left; font-size:45px;}
.date{ font-size:16px; text-align:left; width:120px; display:block}
.newright li a{height:48px; text-indent:20px;line-height:48px; color:#333;width:555px;float:left; overflow:hidden; font-size:16px; }
#con3 .newright ul li p{ padding:0 20px; text-align:left; float:left;width:555px; line-height:23px; position:absolute; font-size:14px;width:515px; color:#999999; right:0; bottom:20px;}
#lihover{background:#00A7BE;}
#link{background:#EEEEEE; width:100%}
.link{ height:45px;   width:1200px; padding:15px 0; color:#666666; font-size:14px; line-height:45px; }
.link a{ display:inline-block; padding:0 7px;}



.box1{ height:35px;  overflow:hidden; }
.t_news{ height:19px; background:url(../images/icon_top.png) 0 -88px no-repeat; color:#fff; padding-left:10px; margin:8px 0; overflow:hidden; position:relative;}
.t_news b{ line-height:19px; font-weight:bold; display:inline-block;}
.news_li,.swap{ line-height:19px; display:inline-block; height:19px; padding-top:10px; overflow:hidden}
.news_li a,.swap a{ }
.swap{top:19px;}
/*con01*/
.about{ width:304px; height:187px; overflow:hidden; float:left; background:url(../images/about.jpg) no-repeat; padding:20px 18px;}
.about a{color:#FFFF00}
.news{ width:376px; height:207px; overflow:hidden; float:left; background:url(../images/news.jpg) no-repeat; padding:10px 12px;}
.phone{ width:219px; height:172px; overflow:hidden; float:left; background:url(../images/phone.jpg) no-repeat; padding:35px 20px 20px 20px;}

.about_tit { position:relative; line-height:24px; margin-bottom:20px;}
.about_tit h2{ font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; color:#fff; font-weight:normal;}
.about_tit a{ display:block; background:url(../images/more01.jpg) no-repeat; width:44px; height:13px; position:absolute; top:8px; right:5px;}
.about img{ margin-right:10px; border:1px solid #dcdcdc;}
.about p{ line-height:18px; color:#fff;}

.news_tit{ position:relative; line-height:24px; margin-bottom:20px;}
.news_tit h2{ font-size:14px; font-family:"Î¢ÈíÑÅºÚ";  font-weight:normal;}
.news_tit a{ display:block; background:url(../images/more.jpg) no-repeat; width:44px; height:13px; position:absolute; top:8px; right:0px;}
.news ul{ padding-left:10px;}
.news li{ line-height:25px; height:25px; background:url(../images/li_line.jpg) 0 no-repeat bottom; position:relative;}
.news li a{ background:url(../images/s_img01.jpg) no-repeat; padding-left:10px;}
.news li span{ position:absolute; top:0px; right:10px;}
#phone_tit{ margin-bottom:8px; background:url(../images/phone_line.jpg) 0px no-repeat bottom ; padding-bottom:5px;}
.phone img{ padding-left:8px;}
.phone p{ line-height:18px; padding-top:5px;}

/*product*/

.product{ width:961px; height:157px; border:4px solid #409307; background:url(../images/product_bg.jpg) repeat-x; padding:5px 15px;}
#product_tit{ background:url(../images/product_line.jpg) no-repeat bottom; padding-bottom:5px; margin-bottom:10px;}
#demo {
float:left;
margin-top:5px;
overflow:hidden;
width: 940px;
margin-left:5px;
background:none;
}
#demo a{ text-align:center;}
#demo img {
margin-left:10px; margin-right:10px;
border: 1px solid #dcdcdc;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
/*link*/
.productbg{ background:url(../images/productbg.jpg) repeat-x bottom; height:82px; padding-bottom:10px;}

/*foot*/

.footbg{ background:#12242E; height:285px;}.footbg a{color:#FFFF00}
.foot{background:url(../images/logo2.png) left center no-repeat; text-align:center; color:#fff;  height:285px;}
#footmenu ul{width:880px; margin:0 auto}
#footmenu li{float:left; width:110px;} #footmenu li a:hover{color:white;}
#footmenu{ height:62px; line-height:62px; font-size:18px; border-bottom:#213C50 solid 1px;}
#footmenu a{color:#999999}
.copyright{ padding-left:300px; padding-top:20px; line-height:30px; font-size:16px; text-align:left; color:#999999;}
/*
.nav-area{position:relative; background:url(../images/nav-bg.png) repeat-x; z-index:7; height: 44px; margin-top:10px; border-radius: 5px;}
#nav li{float:left;}
.nav-a{
	position:relative;z-index:12;float:left;width:80px;height:44px; margin: 0 15px;
	color:#fff;font-size:14px;font-family:"Î¢ÈíÑÅºÚ","ËÎÌå";line-height:44px;text-align:center;
}
.nav-a:hover,
.nav-current{color:#54b2e0;text-decoration:none;}
/*nav»¬¶¯Ð§¹û*
#nav-slide{display:none;position:absolute;left:0;top:6px;z-index:11;width:80px;height:32px;}*/

/*******************************news.html********************************************/
.ad{ padding: 10px 7px; width:1180px; height:105px; background:#F4F4F4; overflow:hidden; margin-top:10px;}
.ad img{width:1180px;}
.place{ padding-left:45px; width:1149px; padding-bottom:5px; padding-top:5px; background:url(../images/a_simg03.jpg) 25px 2px no-repeat #f4f4f4; height:20px;}
.news_con{padding:0px 7px; width:1180px; background:#F4F4F4; overflow:hidden; margin-bottom:12px; }
.news_conL{ width:850px; overflow:hidden; float:left; padding-right:20px}
.news_conR{ width:310px; overflow:hidden; float:left;}
.news_con_top{ background:url(../images/news_con_top.jpg) no-repeat; height:10px; overflow:hidden; width:850px;}
.news_con_centre{background:url(../images/news_con_centre.jpg) repeat-y;  overflow:hidden; width:850px;}
.news_con_bottom{background:url(../images/news_con_bottom.jpg) no-repeat; height:10px; overflow:hidden; width:850px; margin-bottom:20px;}
.news_column_top{background:url(../images/news_column_top.jpg) no-repeat; height:10px; overflow:hidden; width:310px;}
.news_column_centre{background:url(../images/news_column_centre.jpg) repeat-y; overflow:hidden; width:310px; padding-left:12px; padding-right:4px;}
.news_column_bottom{background:url(../images/news_column_bottom.jpg) no-repeat; height:10px; overflow:hidden; width:310px;}

/*ÓÒ±ß*/
.h2_tit{ font-family:"Î¢ÈíÑÅºÚ"; font-size:16px}
.column_text h2{ font-family:"Î¢ÈíÑÅºÚ";background:url(../images/a_simg02.jpg) 5px 17px no-repeat; padding-left:15px; line-height:52px; height:52px; border-bottom:1px dotted #dcdcdc; color:#fe8400; font-size:14px; line-height:50px;}
.column_text li{ font-size:14px;line-height:36px; height:36px; border-bottom:1px dotted #dcdcdc;  background:url(../images/a_simg.jpg) no-repeat 40px center; }
 .column_text li a{padding-left:60px; display:block; width:100%; height:36px;width:250px;}
.column_text li a:hover{ background:#F3F3F3; text-decoration:none;width:233px; }
.abouton a{ background:#F3F3F3; text-decoration:none;width:230px; }
#column_hover{ background:#F3F3F3;width:233px;}
#new_phone{ padding-top:20px;}
#new_phone img{ padding-left:3px;}
#new_phone h2{ padding-left:5px;}
#new_phone p{ line-height:20px; padding:5px;}
.passageway{padding-top:20px; text-align:center;}

.h2_tit{ height:50px; line-height:45px; background:url(../images/tit_line.jpg) no-repeat bottom; padding:0 30px; margin-bottom:16px; color:#FE8400;}
.a_text{ padding:10px 20px 30px 20px; color:#666; overflow:hidden;line-height:2em;}
.a_text img{width:450px; height:auto; margin:0 auto;}
.a_text h1{ font-size:22px;  line-height:35px; height:35px; text-align:center; padding:10px 0; font-family:"Î¢ÈíÑÅºÚ"; font-weight:normal; padding-bottom:20px;}
.outline{width:770px;line-height:28px; background:#F3F3F3; color:#FE8400; padding-left:10px; padding-right:10px;margin:20px 0; margin-left:10px;}
.a_text p{   font-size:14px;padding:0 10px;}
#author{   line-height:22px;  border-bottom:1px dashed #dfdfdf; overflow:hidden; color:#888; height:55px; }
#author a{ color:#888;font-size:12px;}
.share{ position:absolute; top:15px; right:0px;}
.authorL{ float:left; width:230px; padding-left:20px; overflow:hidden;}
.authorR{ float:left; width:440px; position:relative; }
.context{ margin-left:15px;  line-height:25px; margin-bottom:20px; border-bottom:1px solid #dfdfdf; padding-bottom:10px; color:#666;}
.context a{ color:#333; font-size:12px;}

/************************************news_list***********************************/
.b_text{padding:0px 20px 30px 35px;}
.b_text li{ line-height:32px; width:810px;height:200px;border-bottom:1px dotted #ddd; margin-bottom:10px}
.b_text li a{font-size:20px; color:#333;height:35px; line-height:35px}
.b_text li a:hover{color:#00A7F7}
.b_text li img{ float:left; margin-right:10px;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px;border: 1px solid #fff;  box-shadow:-4px 0 4px #efefef,4px 0 4px #efefef,0 -4px 4px #fff,0 0px 0px #fff; border-bottom:0 solid #efefef;}
.b_text li p{ line-height:23px; font-size:14px; padding:20px; color:#999}
/*·ÖÒ³*/
#pagelist {  width:600px; clear:both; padding:6px 0px; height:30px;}
#pagelist ul { float:left; padding-left:150px;}
#pagelist ul li { float:left; height:20px; line-height:20px; margin:0px 2px;}
#pagelist ul li span{color:white;}
#pagelist ul li a, .pageinfo {  color:white;display:block; padding:0px 6px; background:#0b6c01;}/* ±³¾°É«*/
#pagelist .pageli{float:left; border:none;}
.pageinput{ height:19px; line-height:19px; width:50px;float:left; color:#0066FF; border:1px #0b6c01 solid;}/* ÊäÈë±ß¿òÉ«*/
.pagebtton{background:#731b89; color:white; width:50px; float:left;border:none; margin-left:8px; cursor:hand;}/* ±³¾°É«*/

/***************************************porduct******************************************/
.c_text{padding:0px 20px 30px 30px;}
.c_text li{ float:left;}
.porduct_box{ width:250px; height:250px;  padding-left:5px; padding:0 7px; padding-top:13px;}
.porduct_box img{-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px;border: 1px solid #fff;  box-shadow:-4px 0 4px #efefef,4px 0 4px #efefef,0 -4px 4px #fff,0 0px 0px #fff; border-bottom:0 solid #efefef;}
.porduct_box P{ margin-top:15px; text-align:center; font-size:14px;}
.porduct_box P a:hover{color:#009CE8;}

/***************************************login**********************************************/
.login{ border:1px solid #E8D8A1; margin-top:4PX; height:500px; background:url(../images/loginbg.jpg) repeat-x; margin-bottom:20px; width:700px; margin-left:5px; padding:25px;}
.loginL{ height:500px; overflow:hidden; float:left; width:340px; border-right:1px solid #E8D8A1;}
.loginR{ height:500px; overflow:hidden; float:left; width:359px;}

.loginL h2{ color:#fe8400; font-size:24px; padding:15px 0; margin:10px; font-family:"Î¢ÈíÑÅºÚ"}
.login_button{ margin-top:20px; margin-left:60px;}
.loginL input{color:#999; border:1px solid #E8D8A1; width:200px; height:28px; line-height:28px;}
.loginL p{ line-height:24px; margin-top:50px;}
.loginR h2{ color:#fe8400; font-size:24px; padding:15px 0; margin:10px; padding-left:20px; font-family:"Î¢ÈíÑÅºÚ"}
.loginR¡¡p{ padding-left:20px;}
.loginR_text{ position:relative;}
.login_case01{ position:absolute; top:20px; right:30px;}
.login_case02{ position:absolute; top:150px; left:10px;}
.login_case03{ position:absolute; top:250px; right:20px;}

/**/
#about_text{ background:url(../images/about_conbg.jpg) 430px 45px no-repeat; min-height:300px;}



.fxdd{float:left; width:137; height:98px; border:1px #fff solid; margin:2px}












