@charset "utf-8";
/* CSS Document */

html { margin:0; padding:0;  }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#666666; background:#fff; font-family:"Microsoft Yahei";     /*overflow:hidden;*/ }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#2f3030; }
a:hover { text-decoration:none;  }
ul{ margin:0px; padding:0px;}
ul li{ list-style-type:none;}

input,textarea{font-family:"Microsoft Yahei";  font-size:12px; color:#666666; }
.clear{ clear:both; width:100%; height:1px;}
input:focus{ border:0px; outline:none;}

/*头部*/


#logo{ width:100%; height:auto; background:#fff; }
#logo .logo{ clear:both;width:1200px;height:110px; margin:auto; }
#logo .logo .img{ width:511px; height:62px;  float:left;  }
#logo .logo .img img{ max-width:511px; padding-top:27px;}


#logo .logo #top{ float:right; padding-top:58px;}
#logo .logo #top .top{ height:45px; float:right;}
#logo .logo #top .top .tel{ height:45px; line-height:45px; float:left; font-size:14px; color:#999999;background:url(../images/phone.jpg) no-repeat left center; text-indent:30px;}
#logo .logo #top .top .tel span{ color:#c90000; font-size:18px; font-weight:bolder;}
#logo .logo #top .top .langage{ height:45px;line-height:45px; padding-left:35px;font-size:14px;  float:left;color:#666666;}
#logo .logo #top .top .langage a{ color:#666666;}


#logo #menu{ width:100%; height:60px; background:#0e0a0c;}
#logo .menu{ width:1200px; height:60px; line-height:60px;margin:auto;  }
#logo .menu  ul{}
#logo .menu  ul li{ width:200px; height:60px; line-height:60px; font-size:18px;  float:left;  position:relative; text-align:center;}
#logo .menu  .enmenu li{  }
#logo .menu  ul li a{ color:#fff; }
#logo .menu  ul .active{  background:#fff; }
#logo .menu  ul .active a{ color:#303030;}


#logo .menu li .second{ display:none;background:#e7e7e7; width:200px; height:auto;  text-align:center; position:absolute; left:0px; top:58px; z-index:1;  }

#logo .menu li .second a{display:block; width:100%; font-weight:normal; font-size:14px; height:35px; line-height:35px; color:#2f3030;border-bottom:1px solid #fff; overflow:hidden; text-align:left; text-indent:20px;}
#logo .menu li .second a:last-child{ border:0px;}
#logo .menu li .second a:hover{ background:#fff; color:#2f3030 !important;}



/*banner*/
#banner{ clear:both;width:100%; margin:auto; overflow:hidden; height:601px; position:relative; /*border-top:2px solid #e60012;*/}
#banner ul.hd{ left:47%; bottom:30px;height:auto; padding:0; list-style:none; position:absolute;}
#banner ul.hd li{width:18px;height:18px; overflow:hidden; ;background:url(../images/h1.png) no-repeat; margin-left:10px; float:left; }
#banner ul.hd li.on{ background:url(../images/h2.png) no-repeat;}
#banner .pst{ display:none; right:10%; width:63px; bottom:0px;height:auto;margin:0px; padding:0; list-style:none; position:absolute;}	
#banner .pst .prev{ display:block; width:63px; height:51px;background:url(../images/left.jpg) no-repeat center; }
#banner .pst .next{ display:block; width:63px; height:51px;background:url(../images/right.jpg) no-repeat center; }
#banner a{ display:block; width:100%; height:601px;}




/*about*/
#about{ clear:both;width:100%; height:495px;  background:url(../images/about.jpg) no-repeat top center;}
#about h2.title{ height:50px; text-align:center; line-height:50px; text-align:center; background:#000000; color:#fff; margin:20px 0;}
#about .about{ width:1200px; height:415px;  margin:auto;}
#about .about .about_left{ width:515px; height:auto;  float:left; padding-top:83px; }
#about .about .about_left .name{  width:100%; height:40px; line-height:22px; color:#303030;}
#about .about .about_left .brief{ width:100%; height:195px; overflow:hidden; line-height:22px;}
#about .about .about_left .more{ display:block; width:100%;}
#about .about .about_right{ width:584px; height:405px;  float:right; }
#about .about .about_right img{ max-width:100%;  }

/*product*/
#product{ clear:both;width:100%; height:410px;  background:url(../images/about.jpg) no-repeat top center;}
#product h2.title{ height:50px; text-align:center; line-height:50px; text-align:center; background:#000000; color:#fff; margin:20px 0;}
#product .product{ width:1200px; height:340px;  margin:auto;}
#product .product ul li{ width:25%; height:330px;  float:left;  }
#product .product ul li .img{  width:300px; height:250px; display:table-cell; text-align:center; vertical-align:middle;}
#product .product ul li:hover .img{ /*background:#e9eaed;*/width:298px; height:248px; border:1px solid #e9eaed;}
#product .product ul li .img img{ max-width:250px; height:200px; }
#product .product ul li .name{ height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:bolder; overflow:hidden;}

/*picture*/
#picture{ clear:both;width:100%; height:410px;  background:url(../images/about.jpg) no-repeat top center;}
#picture h2.title{ height:50px; text-align:center; line-height:50px; text-align:center; background:#000000; color:#fff; margin:20px 0;}
#picture .picture{ width:1200px; height:340px;  margin:auto;}
#picture .picture ul li{ width:25%; height:330px;  float:left;  }
#picture .picture ul li .img{  width:300px; height:250px; display:table-cell; text-align:center; vertical-align:middle;}
#picture .picture ul li:hover .img{ /*background:#e9eaed;*/width:298px; height:248px; border:1px solid #e9eaed;}
#picture .picture ul li .img img{ max-width:250px; height:200px; }
#picture .picture ul li .name{ height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:bolder; overflow:hidden;}

/*底部*/
#foot{ clear:both; width:100%; height:430px; font-size:14px; background:#f5f5f5;}

#foot .foot{width:1200px; height:390px; margin:auto; }
#foot .foot .friendlist{ clear:both; width:100%; height:30px; border-bottom:1px solid #cccccc; padding-top:20px; margin-bottom:30px;}
#foot .foot .friendlist span{ font-weight:bolder; font-size:18px;  }
#foot .foot .friendlist a{ margin-left:10px;  }
#foot .foot .contact{ width:465px;  float:left; line-height:30px; color:#666666;}
#foot .foot .contact h2{ margin-bottom:20px;}
#foot .foot .qcode{ width:124px; float:left; text-align:center; line-height:25px; margin:0 20px; color:#666666;}
#foot .foot .bottom{ width:auto; margin-left:50px; float:left; line-height:50px; font-size:16px;}
#foot .foot .bottom a{ color:#666666;}

#foot .foot .message{width:324px; height:222px; padding:30px 20px; background:#d1d1d1; float:right; color:#666666;}
#foot .foot .message input{ width:220px; height:30px; line-height:30px; text-indent:10px; background:none; font-size:14px;border:1px solid #939393; color:#666666; margin-bottom:10px;}
#foot .foot .message span{ display:inline-block; width:60px;}

	
#foot .banquan{ clear:both;width:1200px; margin:auto; height:60px;line-height:50px;color:#666666; text-align:center; border-top:1px solid #ccc; }
#foot .banquan a{ color:#666666;}

.actGotop {
    position: fixed;
    _position: absolute;
    bottom: 10px;
    right: 5px;
    width: 80px;
    height: 105px;
    display: none;
}
.actGotop a, .actGotop a:link {
    width: 80px;
    height: 105px;
    display: inline-block;
    background: url(../images/top.jpg) no-repeat;
    _background: url(../images/top.jpg) no-repeat;
    outline: none;
}


/*在线留言*/
#message{ width:880px;
     height:400px; 
	 background: #f5f8fd;
     border: 1px solid #cfd7e4;
     border-radius: 6px;
	 float:right;
	 }
#message .message{ width:90%; height:auto; padding:40px 0;}
#message .message li{ width:100%; font-size:14px; height:40px; line-height:40px; margin-bottom:10px;}
#message .message li span{ display:inline-block; float:left; width:125px; text-align:right;}
#message .message li input{ width:600px; height:30px; line-height:30px; border:0px;  border:1px solid #ccc;}