@charset "utf-8";

body,p,form,input,br,img,span,li,ul,dl,dd,dt,h1,h2,h3,h4,h5,h6,strong,a,select,input,option	{ margin:0px; padding:0px;}
ul,li	{ list-style:none; margin:0px; padding:0px;}
body	{ background:#000; font-size:13px; font-family:arial; color:#e4bc00; font-family:"微软雅黑"}
#container	{ }
a	{ color:; text-decoration:none; outline:none;}

div.cls	{ clear:both;}
img	{ border:none;}

.head-top{ height: 23px; border-bottom: 1px solid #b49f44;padding: 10px 15px;}
.key{color: #F5CA00; float: left; font-size:16px}
.tel{ font-size: 16px; color:#f5ca00; margin-left: 368px; float: left; height:25px; line-height:25px}
.tel img{ margin-right: 10px;}


.search{position:absolute; left:753px; top:10px; width: 157px; height: 25px; overflow: hidden; z-index:11; }
.search input{ width: 117px; height: 25px;border:none;padding-right:30px;
				padding-left:10px;color: #565656; outline: none;background:#d7d7d7 ;
				border-radius:12px;behavior: url(../PIE-1.0.0/pie.htc); font-family: "microsoft yahei";
               }
.search button{ width: 23px; height: 23px; border: none; background: url(/images/search_bottom.png) center center no-repeat;
				position: absolute; top:1px; right:1px;cursor: pointer;}

.qq{ margin-left: 205px; float: left;}
#weixin{ margin-left: 15px; float: left; cursor: pointer;}
#erwei{ position: absolute; right:-10px; top: 45px; display: none;}

/*m-banner*/
.m-banner{min-width:980px;width: 100%; height:400px;position:relative;}
.banner_show{width:100%;text-align:center;height:400px;overflow:hidden;position:relative;}
.bannger_inbox{position:absolute;left:50%;top:0;}


/*banner_list*/
.banner_mag{ width: 1008px; margin: 0 auto; position:relative; z-index: 7;}
.yq_banner_list{width:100px;height:23px; padding-top: 2px; position:absolute;top:360px;text-align:center;z-index:100;right:0;z-index:7;}
.yq_banner_list a{display:inline-block;width:21px;height:21px;background:url(../images/abg.png) no-repeat right; margin-right: 7px; color: #404040;}
.yq_banner_list a.hover{background:url(../images/abg.png) no-repeat left;color: #FFFFFF;}

#header{ width:1002px; margin:0 auto; position:relative}
#logo{ padding:8px 0px 0 0px;float:left}
#head_right{float:right}
#lang{ color:#e4bc00; display:block; text-align:right; padding-top:20px; padding-right:30px}
#lang a{color:#e4bc00;margin:0 4px 0 4px}
#lang a:hover{text-decoration:underline;}
#nav 	{ margin:8px auto;height:46px; padding-right:30px}
#nav ul	{  margin:0 auto; height:46px;  }
#nav ul li	{ float:left; display:inline; margin-right:18px; }
#nav ul li.nav-contact 	{ margin:0px;}

#nav ul li a	{ display:block; height:46px;color:#e4bc00; line-height:46px; text-align:center; font-size:14px; }
#nav ul li a:hover	{ background:url(../images/nav-hover-line.jpg) no-repeat center 38px}
/*
#nav ul li.nav-home	a	{ background:url(../images/nav-home.jpg) no-repeat 0 0;}
#nav ul li.nav-about	a	{ background:url(../images/nav-about.jpg) no-repeat 0 0;}
#nav ul li.nav-product	a	{ background:url(../images/nav-product.jpg) no-repeat 0 0;}
#nav ul li.nav-client	a	{ background:url(../images/nav-client.jpg) no-repeat 0 0;}
#nav ul li.nav-service	a	{ background:url(../images/nav-service.jpg) no-repeat 0 0;}
#nav ul li.nav-sc	a	{ background:url(../images/nav-sc.jpg) no-repeat 0 0;}
#nav ul li.nav-new	a	{ background:url(../images/nav-new.jpg) no-repeat 0 0;}
#nav ul li.nav-contact	a	{ background:url(../images/nav-contact.jpg) no-repeat 0 0;}

#nav ul li a:hover	{}
#nav ul li.nav-home	a:hover	{ background:url(../images/nav-home-hover.jpg) no-repeat 0 0;}
#nav ul li.nav-about	a:hover	{ background:url(../images/nav-about-hover.jpg) no-repeat 0 0;}
#nav ul li.nav-product	a:hover	{ background:url(../images/nav-product-hover.jpg) no-repeat 0 0;}
#nav ul li.nav-client	a:hover	{ background:url(../images/nav-client-hover.jpg) no-repeat 0 0;}
#nav ul li.nav-service	a:hover	{ background:url(../images/nav-service-hover.jpg) no-repeat 0 0;}
#nav ul li.nav-sc	a:hover	{ background:url(../images/nav-sc-hover.jpg) no-repeat 0 0;}
#nav ul li.nav-new	a:hover	{ background:url(../images/nav-new-hover.jpg) no-repeat 0 0;}
#nav ul li.nav-contact	a:hover	{ background:url(../images/nav-contact-hover.jpg) no-repeat 0 0;}
*/

#main	{ width:998px; margin:0 auto; border:2px solid #d5bf6c; overflow:auto; _zoom:1; background:url(../images/page-main-bg.jpg) repeat-y 0 0; }


#main-left	{ width:233px; float:left; background:#000;}

#main-left h6	{ font-size:14px; color:#fff; font-weight:normal; background:url(../images/online-bg.jpg) repeat-y 0 0; height:34px; margin-top:0px; line-height:34px; text-indent:18px}
#main-right h6	{ font-size:14px; color:#fff; font-weight:normal; background:#c7a43c 0 0; height:34px; margin-top:0px; line-height:34px; text-indent:18px;}


#search		{ height:24px; margin-top:10px;}
#search input.text	{ border:none; background:url(../images/search-bg.jpg) no-repeat 0 0; height:24px; float:left; display:inline; margin-left:10px; line-height:24px; padding-left:1px;}
#search input.but	{ float:right; display:inline; margin-right:17px;}

#online p	{ margin-top:10px;padding-left:15px;color:#FFFFFF;line-height:18px }
#online h6	{ font-size:14px; color:#fff; font-weight:normal; background:url(../images/online-bg.jpg) repeat-y 0 0; height:34px; margin-top:10px; line-height:34px; text-indent:24px;}
#service a	{ margin-left:15px; margin-top:15px; display:block; float:left; }
#online ul	{ margin-top:10px; }
#online ul li	{ color:#fff; font-size:12px; line-height:24px; padding-left:25px; margin-left:15px; _margin-left:20px;clear:both}

#online ul li.tel	{ background:url(../images/tel.jpg) no-repeat 0 center;}
#online ul li.mobile	{background:url(../images/mobie.jpg) no-repeat 0 0;}
#online ul li.mail	{background:url(../images/mail.jpg) no-repeat 0 5px;color:#FFFFFF}
#online ul li.mail a{color:#FFFFFF}


#main-right		{ width:765px; float:right;}

#about-banner	{ width:765px; height:290px;}
#client-banner	{ width:765px; height:189px;}
#how-banner	{ width:765px; height:189px;}

#main-right	div.about	{ width:765px; padding-bottom:20px;}
#main-right	div.about div.aboutinfo{width:95%;margin:auto;color:#FFFFFF;line-height:20px}
#main-right h1	{ font-size:13px; font-weight:normal; height:32px; line-height:32px; border-bottom:2px solid #c09a2d; margin-bottom:15px;}
#main-right h1 span	{ color:#d0d0d0; margin-left:15px;}
#main-right	h1 a 	{ color:#b98f16;}
#main-right	h1 a:hover	{ text-decoration:underline;}
#main-right	p	{ line-height:20px; text-indent:25px; color:#d0d0d0; padding:0px 10px;}

#main-right div.product	h1	{ border:none; background:url(../images/product-title-bg.jpg) no-repeat 0 0; margin-bottom:28px;}
#main-right div.product	h1 a	{ color:#fff;}
#main-right div.product	h1 span	{ color:#fff;}
#main-right div.product	{ padding-bottom:20px;}

div.product ul	{ width:726px; margin:0 auto}
div.product ul li	{ float:left; display:inline; margin:0 21px;width:198px;}
div.product ul li div.pic	{}
div.product ul li div.pic img	{ border:1px solid #b38b17;width:198px; height:297px; }
div.product ul li div.title	{ text-align:center; height:33px; line-height:33px;}
div.product ul li div.title a	{ color:#fff;}
div.product ul li div.title a:hover	{ color:#b98f16;}

 div.page a	{ color:#fff; }
 div.page a:hover	{ color:#b98f16; text-decoration:underline;}

.page{float:right;padding-right:20px;color:#FFFFFF}
.page ul{padding:0px;margin:0px;list-style:none}
.page li{float:left;padding:2px 4px 2px 4px;border:1px solid #ffffff;margin:0 2px 0 2px}
.page li a{color:#FFFFFF}
.page .select_class{border:none}

div.client	{ margin-bottom:20px;width:765px;}
div.client	ul	{}
div.client ul li	{ display:inline; float:left; margin:10px 15px;}


#news	{}
#news ul	{ width:735px; margin:0 auto;}
#news ul li	{ border-bottom:1px dashed #c09a2d; height:33px; line-height:33px; }
#news ul li a	{ float:left; display:inline; padding-left:15px; background:url(../images/news-icon.jpg) no-repeat 0 center; color:#e6e6e6;}
#news ul li span	{ float:right; display:inline; color:#e6e6e6;}
#news ul li a:hover	{ color:#b98f16;}

#news h2	{ font-size:13px; color:#c49a2d; text-align:center;}
#news p.time	{ text-align:center; padding:8px 0px; border-top:1px dashed #575757;border-bottom:1px dashed #575757; width:729px; margin:15px auto; }






#contact1 	{ width:765px; }

#contact1 ul 	{ width:739px;margin:0 auto;}
#contact1 ul li	{ border-bottom:1px dashed #c09a2d; height:254px; padding-bottom:11px; margin-top:10px;}
#contact1 ul li div.contact-title	{ width:300px; float:left; display:inline; line-height:20px; color:#d0d0d0; } 
#contact1 ul li div.contact-title h5	{ color:#c09a2d; font-size:13px; }

#contact1 ul li div.contact-img	{ width:429px; float:right; display:inline; }

#contact1 ul li input.text	{ background:url(../images/input-bg.jpg) no-repeat 0 0; border:none; width:287px; height:23px;}
#contact1 ul li input.but	{  margin-top:30px; border:1px solid #c8ab56; width:70px; height:25px; line-height:25px; cursor:pointer;}
#contact1 ul li input.but1	{  margin-top:30px; margin-left:30px; border:1px solid #c8ab56; width:70px; height:25px; line-height:25px; cursor:pointer;}
#contact1 ul li p	{ height:23px; line-height:23px;margin:8px 0px;color:#d0d0d0; text-indent:0px;}
#contact1 ul li textarea	{ border:1px solid #c8ab56; height:40px; width:287px; margin-top:8px;}

div.sc	{}
div.sc ul	{ width:739px; margin:15px auto;}
div.sc ul li	{ margin:20px 0px; height:150px; }
div.sc ul li div.sc-pic	{ width:104px; float:left;}
div.sc ul li div.sc-title	{ width:620px; float:right; }
div.sc ul li div.sc-title h4	{ color:#c49a2d;}
div.sc ul li div.sc-title p	{text-indent:0px; }


/*
#footer		{ width:1002px; margin:0 auto;}
#nav-product	{ width:1002px; margin:0 auto;}
#nav-product ul	{ margin-top:15px;}
#nav-product ul li	{ font-family:宋体; float:left; display:inline; margin-left:12px; color:#000;}
#nav-product ul li a	{ color:#000;}
#nav-product ul li a:hover	{ color:#fff;}



#nav-product	{ width:1002px; margin:0 auto; text-align:center;padding-top:15px;}
#nav-product a	{ color:#000;margin:0 4px 0 4px}
#nav-product a:hover	{ color:#fff;}

#friendlink{margin-top:10px;background:#000000;clear:both;height:auto;overflow:auto}
#friendlink li{float:left;line-height:40px;color:#FFFFFF;margin:0 8px 0 8px}
#friendlink li a{color:#FFFFFF}
#friendlink li a:hover{color:#FFFF66}




#copyright{line-height:20px}

#footer	p	{ text-align:center; margin-top:8px;color:#000000}
#footer	p a{color:#000000}
#footer	p a:hover{color:#FF0000; text-decoration:underline}
*/
/*foot*/
.links{width: 1008px; margin-bottom: 10px; font-size: 16px; color: #FFFFFF;}
.links a{ color: #939393; font-size: 13px; line-height: 20px; margin: 0 10px;}
.links a:hover{color: #FFFFFF; text-decoration: underline;}

.foot{ width: 100%;background-color: #000000;border-top:1px solid #F5CA00; margin-top:20px}
.footcen{margin:0 auto;width:1008px; padding:15px; background: url(../images/footcen.jpg) no-repeat right bottom; height: 100%; overflow: hidden;}
.footcen img{float: left;margin-right: 15px;}

.foot_tel{ font-size: 16px; color: #c4c4c4; margin-top: 10px;}
.foot_tel span{ color: #b6a009;}

.foot_con{ color: #c4c4c4; line-height: 20px;}

.copy{ color: #868686; font-size: 12px;}
.copy a{color: #868686; }
.copy a:hover{ color: #FFFFFF; text-decoration: underline;}

.foot_key{color: #868686; font-size: 12px;}
.foot_key a {
    color: #868686;
    margin: 0 4px;
}
.foot_key a:hover {
    color: #fff;
}

#fenye{clear:both;margin:10px;padding-top:10px; }
#fenye a{text-decoration:none; font-size:12px;}
#fenye .prev,#fenye .next{width:64px; text-align:center;}
#fenye a.curr{width:32px;background:#0368ae; height:24px; line-height:24px; border:1px solid #E3E3E3; color:#fff; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a.curr:hover{color:#555}
#fenye a{margin:5px 4px 0 0; color:#333;background:#F4F4F4; height:24px; line-height:24px; display:inline-table; border:1px solid #D4D4D4; float:left; text-align:center;}
#fenye a.num{width:32px;}
#fenye a:visited{color:#555;} 
#fenye a:hover{color:#000; background:url(tbg.gif) repeat-x; height:24px; line-height:24px;  border:1px solid #E3E3E3;float:left; text-decoration:none;}
#fenye span{line-height:30px;}