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

#top{ width:100%; height:150px;}

.head{ width:1170px; height:105px; margin:0 auto; background:url(../images/map.jpg) 80% no-repeat;}
.logo{ width:257px; height:100px; float:left;}
.search{ width:240px; height:27px; background:url(../images/search_bg.gif) no-repeat; float:right; margin-top:37px; margin-right:20px;}
.key{ border:0px; margin-top:1px; background-color:#fff; margin-left:1px; float:left; width:185px; overflow:hidden; height:25px; border:none; line-height:25px; font-size:14px; color:#666;}
.button{ float:right;  border:0px; width:52px; height:27px; margin-top:1px; margin-right:1px;}

.nav{ width:100%; height:45px; background:#000;}
.nav ul{ width:980px; margin:auto;}
.nav ul li{ float:left; line-height:40px;width:130px; text-align:center;}
.nav ul li a{ padding:10px 0px; color:#fff;  font-size:18px;}
.nav ul li a:hover{ border-bottom:4px #F00 solid;}

#banner {width:100%; height:450px; overflow:hidden; background:#fff; }
.mainbanner{height:400px;overflow:hidden; position:relative; margin-top:0px;}
.mainbanner_window{left:50%;width:2000px;height:400px;overflow:hidden;margin-left:-1000px;position:absolute;}
.mainbanner_window ul{width:999999px;height:400px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:2000px;height:400px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%;top:340px;width:300px;height:18px;margin:0 0 0 -45px; padding:0; list-style:none; position:absolute; }
.mainbanner_list li{width:90px;height:40px;overflow:hidden;float:left;display:inline; }
.mainbanner_list .list_01 a{background:url(../images/1_04.png) no-repeat center top;width:70px;height:40px;line-height:40px; margin:0 6px; overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;}
.mainbanner_list .list_01.active a{background:url(../images/2_04.png) no-repeat center top;text-decoration:none;}
.mainbanner_list .list_01 a:hover{background:url(../images/2_04.png) no-repeat center top;text-decoration:none;}
.mainbanner_list .list_02 a{background:url(../images/1_06.png) no-repeat center top;width:70px;height:40px;line-height:40px; margin:0 6px; overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;}
.mainbanner_list .list_02.active a{background:url(../images/2_06.png) no-repeat center top;text-decoration:none;}
.mainbanner_list .list_02 a:hover{background:url(../images/2_06.png) no-repeat center top;text-decoration:none;}
.mainbanner_list .list_03 a{background:url(../images/1_08.png) no-repeat center top;width:70px;height:40px;line-height:40px; margin:0 6px; overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;}
.mainbanner_list .list_03.active a{background:url(../images/2_08.png) no-repeat center top;text-decoration:none;}
.mainbanner_list .list_03 a:hover{background:url(../images/2_08.png) no-repeat center top;text-decoration:none;}

.about{ width:980px; margin:35px auto;}
.about_title{ width:410px; height:51px; margin:auto;}
.about_nr{ width:920px; margin:auto;}
.about_nr p{ font-size:16px; line-height:28px; margin:15px 0px;}
.more{ width:149px; height:32px; margin:auto;}

.main{ width:100%; height:435px; background:url(../images/main_bg.jpg) repeat-x;}

.product_show{ width:1110px; margin:30px auto;}
.show_title{ width:327px; height:27px; margin:auto; padding-top:37px;}
.show_nr{width:1110px; margin:30px auto}
#CSSBox{float:left;width:1110px;height:250px;  margin:0 auto;overflow:hidden;}
#CSSBox ul li{ float:left; width:210px; list-style:none; border:1px solid gray; margin:10px 20px;background-color:#ffffff; overflow:hidden;}
#CSSBox ul li img{ border-bottom:1px solid #ccc;}
#CSSBox ul li span{ display:block; font-size:12px; padding-top:5px; height:40px; padding-left:5px;}
#LeftButton{cursor:hand;margin:5px;height:250px;width:40px;float:left;background:url('../images/left.png') center center no-repeat;}
#RightButton{cursor:hand;margin:5px;height:250px;width:40px;float:left;background:url('../images/right.png') center center no-repeat;}
.more1{ width:150px; height:32px; clear:both; margin:auto; padding-top:20px;}

.news{ width:920px; height:360px; margin:auto;}
.news_title{ width:217px; height:49px; margin:30px auto;}
.news_nr ul li{  width:250px; float:left; margin:10px 20px; text-align:center;}
.news_nr ul li img{ width:120px; height:121px; margin-bottom:30px;}
.news_nr ul li p{ width:250px; height:40px; background:url(../images/news_bg.gif) no-repeat; padding:5px; text-align:left;}
.news_nr ul li a:hover{ color:#f00;}

#foot{ height:340px; width:100%; background-color:#333333;}

.footer{ width:1110px; margin:auto; padding-top:40px;}
.product_nav{ width:360px; float:left;}
.product_nav ul li{ width:50%; float:left; border-bottom:1px solid #444444; line-height:30px;}
.product_nav ul li a{ color:#fff;}
.product_nav ul li a:hover{ color:#F00}

.about_us{ width:130px; float:left; margin-left:40px;}
.about_us ul li{border-bottom:1px solid #444444; line-height:30px; }
.about_us ul li a{ color:#fff;}
.about_us ul li a:hover{ color:#F00}

.userful_link{ width:130px; float:left;margin-left:40px;}
.userful_link ul li{border-bottom:1px solid #444444; line-height:30px; }
.userful_link ul li a{ color:#fff;}
.userful_link ul li a:hover{ color:#F00}

.feedback{ width:350px; float:right; padding:0px; color:#fff; font-family:"微软雅黑";}
.feedback input{ background-color:#fff; border:1px solid #595959; height:25px; line-height:25px; padding-left:6px; color:#565656; width:342px;}
.feedback input.tj{
color: #484848;
text-align: center;
width: 60px;
padding: 0px;
height: 22px;
cursor: pointer;
background-color: #cecece;
font-family: Microsoft Yahei;
}
.feedback textarea{ background-color:#fff; border:1px solid #595959; height:81px; line-height:24px; padding:6px; width:336px; color:#666;}

#copy{ width:100%; height:98px; background-color:#000; padding-top:20px;}
#copy p{ text-align:center; line-height:44px; color:#f8f8f8; font-weight:bold;}
#copy p a{ margin-left:5px;}


#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../swf/icon.png) no-repeat; position:fixed; right:20px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:100px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:100px; _margin-bottom:120px;}
#code_out {display:none;}
#gotop{ background-position:-276px -310px; bottom:47px; _margin-bottom:67px;} 

#code_img{ width:230px; height:230px; background:url(../swf/erwei.png) 0px 0px no-repeat; position:fixed; right:60px; bottom:47px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}