/* CSS Document */

#top{ width:100%}

.head{ width:1000px; height:115px; margin:auto;}
.head .logo{ float:left;}

.head .language{ float:right; margin-top:20px; height:16px;}
.head .language img{ vertical-align:middle; margin:0px 10px;}

.head .search{ width:274px; height:33px; background:url(../images/search_bg.gif) no-repeat; float:right; margin-top:17px; }
.head .search .key{ border:0px; margin-top:1px; background-color:#fff; margin-left:15px; float:left; width:213px; overflow:hidden; height:31px; border:none; line-height:31px; font-size:16px; color:#999;}
.head .search .button{ float:right;  border:0px; width:45px; height:33px; }

.nav{ width:100%; height:50px; background-color:#000;}
.nav ul { width:1000px; margin:auto;}
.nav ul li{ float:left; width:114px; height:50px; padding:0px 5px; line-height:50px; text-align:center; border-left:1px solid #202020;}
.nav ul li a{ width:114px; height:50px; display:block; font-size:16px; color:#fff;}
.nav ul li:hover{ background:#da251c;}
.nav ul li.on{ background:#da251c;}

/*-------------------Flash---------------*/
.kinMaxShow_bg{width:100%; height:450px; overflow:hidden; background:url(../images/p1.jpg) no-repeat center center;}
#kinMaxShow{visibility:hidden;width:100%; height:450px; overflow:hidden; margin-top:-1px;}
/*-------------------End Flash---------------*/

#Products_Catalogue{ height:804px; position:relative;}
#Products_Catalogue strong{ height:141px; line-height:141px; display:block; text-align:center; font-size:32px;}
.bian{ width:100%; height:1px; background:#ccc; position:absolute; top:172px;}

.Catalogue{width:1000px;margin:0px auto;background:#fff;}
.Catalogue .title{height:23px;padding-bottom:10px;}
.Catalogue .title-list1{ position: relative;}
.Catalogue .title-list1 li{ width: 142px; line-height: 30px; text-align: center; float: left; display: inline;}
.Catalogue .title-list1 li.on{ color: #da251c; border-bottom:3px solid #da251c}
.Catalogue .title-list1 p{position:absolute;top:24px;left:0px;width:146px;height:7px;border-top: 3px solid #ff6600; overflow: hidden; text-align: center;}
.Catalogue .title-list1 b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #ff6600 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ height: 555px; background:url(../images/bg_p01.gif) no-repeat; position: relative; overflow: hidden; display: none;}
.product ul{ position: absolute; left: 0px;}
.product-wrap .show{ display: block;}
.product-wrap .product li{ float: left; display: inline; width:325px; height:260px; margin-left: 10px; padding-top:30px;text-align:center;}
.product-wrap .product li.ml0{margin-left:0px; }
.product-wrap .product li a.imgwrap{ display: block;text-align:center;}
.product-wrap .product li p{padding-left: 1px;color: #666666;line-height: 22px; margin-top:8px;}
.product-wrap .product li p a{ color: #666666; text-decoration: none;}
.product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;}

#index_case{ width:100%; height:600px; background:url(../images/show_bg.jpg) no-repeat center; background-color:#020609;}
#index_case strong{ font-size:32px; color:#fff; text-align:center; display:block; height:200px; line-height:200px; }

#CSSBox{float:left;width:1040px;height:140px; margin:0 auto;overflow:hidden;}
#CSSBox ul li{ float:left; width:230px; height:240px; background:#fff; margin:10px 15px;}
#CSSBox ul li img{ padding:12px;}
#CSSBox ul li span{ display:block; width:205px; border-top:1px #ccc solid; text-align:center; font-size:12px; padding-top:12px; margin:auto;}
#LeftButton{cursor:hand;margin:5px 55px 0px 0px;height:215px;width:34px;float:left;background:url('../images/left.png') center center no-repeat;}
#RightButton{cursor:hand;margin:5px 0px 0px 55px;height:215px;width:34px;float:left;background:url('../images/right.png') center center no-repeat;}
#wrapper{width:1230px; margin:20px auto}

#index_news{ width:1000px; height:750px; margin:auto;}
#index_news strong{ font-size:32px; display:block; height:69px; line-height:69px; width:450px; margin:auto; border-top:1px #000 solid; border-bottom:1px #000 solid; margin-top:89px; text-align:center;}
.news{ margin-top:100px;}
.news ul{ overflow:hidden;}
.news ul li{ float:left; width:290px; margin:20px;}
.news ul li h3{ height:48px; border-top:1px #000 solid; border-bottom:1px #000 solid; color:#000; line-height:48px; text-align:center; margin-top:34px; margin-bottom:8px;}
.news ul li p{ line-height:24px;}

.more{ margin:auto; width:149px; height:32px; background:url(../images/r_more.gif) no-repeat; clear:both;text-align:center; margin-top:50px;}
.more a{line-height:32px; color:#fff;}
.more a:hover{ color:#da251c;}

#bottom{ width:100%; height:312px; background:#222;}
.main{ width:1000px; margin:auto; padding-top:55px;}
.b_download{ width:258px; float:left; height:180px;}
.b_download h3{ font-size:16px; color:#da251c; margin-bottom:10px;}
.b_download li{ background:url(../images/jiantou.gif) 2px no-repeat; padding-left:15px; line-height:30px;}
.b_download li a{ color:#aaa;}
.b_news{ width:436px; float:left; border-left:1px solid #1b1b1b; border-right:1px solid #1b1b1b; height:180px; padding-left:50px;}
.b_news h3{ font-size:16px; color:#da251c; margin-bottom:10px;}
.b_news li{ background:url(../images/jiantou.gif) 2px no-repeat; padding-left:15px; line-height:30px;}
.b_news li a{ color:#aaa;}
.b_contact{ width:204px; float:right; height:180px; padding-left:50px;}
.b_contact h3{ font-size:16px; color:#da251c; margin-bottom:10px;}
.b_contact p{ line-height:30px; color:#aaa;}

#footer{ width:100%; height:80px; background-color:#000; padding-top:20px;}
#footer p{ text-align:center; line-height:44px; color:#aaa;}
#footer p a{ margin-left:5px;}