@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: 105px; 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:#000 }


#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	{}
#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:18px;}
#service a	{ margin-left:15px; margin-top:15px; display:block; float:left; }
#online p	{ margin-top:10px;padding-left:15px;color:#FFFFFF;line-height:18px }

#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-mid	{ background:#333; width:467px; float:left;}
#banner-product		{ width:467px; height:350px;}


#news dl	{ width:450px; margin:0 auto; padding-bottom:4px; *padding-bottom:20px; }
#news dl dt	{ font-size:13px;padding-left:12px; background:url(../images/news-list-bg.jpg) no-repeat 0 center; margin-top:27px; margin-bottom:6px;} 
#news dl dd	{ font-size:12px; color:#c2c2c2; }
#news dl dt a	{ color:#fff;  }
#news dl dt a:hover	{ color:#c7a43b;}
#news dl dt span	{ float:right; color:#fff;}

#main-right		{ width:765px; float:right;}
#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;}

.pro_title{ border-bottom:2px solid #d5bf6c; }
.pro_title span{color:#c7a43b !important}
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	{ color:#fff !important;}
div.product ul li div.title a:hover	{ color:#b98f16;}

#main-right img	{ display:block;}


.index_main{width:998px;margin:0 auto;border:2px solid #d5bf6c;background:#000;border-top:none; clear: both}
.main_about{ border-right:1px solid #d5bf6c;width:496px;float:left}
.index_main h6	{ font-size:14px;font-weight:normal;  height:34px;line-height:34px; text-indent:18px;color:#c7a43b;border-bottom:2px solid #d5bf6c;}
.main_about a	{ margin-left:15px; margin-top:15px; display:block; float:left; }
.main_info p{padding:10px;color:#fff;line-height:20px}
.main_info h1{ background:url(../images/wecome-bg.jpg) no-repeat;height:40px;width:161px; text-indent:-99999px;margin:10px}

.main_news{ float:left;width:501px;}

#welcome	{  overflow:hidden; }
#welcome h1	{ text-indent:-99999px; background:url(../images/wecome-bg.jpg) no-repeat 0 0; height:40px; margin:16px 0px 0px 15px;}
#welcome h1 span	{ }
#welcome p	{ color:#fff; font-size:12px; margin:14px 15px 0px 15px; line-height:20px;padding-bottom:13px;}
#welcome p a	{color:#b98f16; font-weight:bold;  font-size:13px; position:absolute; left:235px; top:150px; }
#welcome p a:hover	{ color:#fff; text-decoration:underline;}
#welcome p div{color:#FFFFFF}
#welcome .more{ position:absolute; bottom:30px; right:30px;color:#FFFFFF}

#dingzhi	{ width:296px; height:76px; border-bottom:1px solid #d5bf6c;}
#case	{ width:296px; height:76px;border-bottom:1px solid #d5bf6c;}


#links	{}
#links h1	{ font-size:14px; font-weight:normal; color:#fff; background:url(../images/links-bg.jpg) repeat-y 0 0; height:34px; line-height:34px;}

#links h1 span	{ margin-left:15px;}
#links ul	{ margin:0 auto; width:279px; margin-top:5px;}

#links ul li	{ border-bottom:1px dashed #bd9524; line-height:21px; height:21px; *height:20px; *line-height:20px }
#links ul li a	{ font-size:12px; color:#b98f16; }
#links ul li a:hover	{ color:#fff;}
#links ul li a span.cn	{ float:left;}
#links ul li a span.en	{ float:right; line-height:18px;}

/*
#footer		{ width:1002px; margin:0 auto;}
#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:#fff}
#footer	p a{color:#fff}
#footer	p a:hover{color:#F5CA00; 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;
}