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

.warp{ width:1005px; margin:0 auto;}

#top{ height:135px; background:#f6f6f6 url(../images/index_01.jpg) repeat-x center bottom; width:100%;}
.logo{ margin-top:5px;}
.logo a{ display:block; background:url(../images/index_02.png) no-repeat; width:289px; height:55px;}
.lng{ margin-top:5px;}
.lng a{ color:#333; margin:0 5px;}
.nav{ margin-top:10px; overflow:hidden; }
.nav ul li{ width:107px; height:65px; background:url(../images/index_03.jpg) no-repeat center bottom; float:left;}
.nav ul li a{ display:block; height:45px; line-height:45px; margin-top:20px; text-align:center; color:#fff;}
.nav ul li a:hover{ color:#e60002;}
.nav ul li.current{ background:url(../images/index_04.jpg) center bottom no-repeat;}
.nav ul li.current a{ color:#fff;}
.nav ul li:hover ul{ display:block;}
.nav ul ul{ display:none; position:absolute; z-index:1000;}
.nav ul ul li{ float:none; border: none; height:auto; background:#363636; width:auto;}
.nav ul ul li a{ display:block; background:#363636; color:#fff; font-size:12px; height:30px; line-height:30px; padding:0 20px; min-width:90px; text-align:left; width:auto; margin-top:0;}
.search{ background:url(../images/index_05.jpg) no-repeat right bottom; height:28px; width:180px; margin-top:1px; padding:36px 10px 10px 66px; }
.search_t{ width:152px; height:28px; line-height:28px; border:none; background:none;}
.search_b{ width:28px; height:28px; background:none; border:none; cursor:pointer;}

#banner{ height:395px; background:url(../images/index_06.jpg) no-repeat; margin-top:15px;}
.banner{ width:985px; height:340px; margin:0 auto; padding-top:10px;}

#products{ height:240px;}
#products .list{ width:240px; padding-left:21px; float:left;}
#products .list h2{ background:url(../images/index_07.jpg) no-repeat 1px center; padding-left:10px;}
#products .list h2 a{ color:#F00; font-size:15px; line-height:17px;}
#products .list div{ margin-top:10px; border-right:1px #b1b1b1 dashed; padding-right:20px;}

#main{ height:200px;}
.about{ width:630px;}
.about h2{ height:35px; background:url(../images/index_09.jpg) no-repeat; padding-left:10px; margin-bottom:5px;}
.about h2 a{ color:#f00; line-height:35px;}
.about img{ float:left; padding:3px; background:#fff; border:1px solid #ccc; margin-right:25px;}
.about p{ line-height:24px;}
.about p a{ color:#f00;}
.news{ width:350px;}
.news h2{ background:url(../images/index_10.jpg) no-repeat; height:40px; padding-left:15px;}
.news h2 a{ line-height:40px; color:#f00;}
.news h2 a.more{ float:right; display:block; width:50px; height:40px; margin-right:10px;}
.news ul{ padding-right:10px;}
.news ul li{ border-bottom:1px #666 dashed; overflow:hidden;}
.news ul li a{ color:#333; height:25px; width:275px; overflow:hidden; display:block; line-height:25px; float:left; text-overflow:ellipsis; white-space: nowrap;}
.news ul li span{ font-size:11px; float:right; line-height:28px;}

#Costumers{ height:79px; background:url(../images/index_12.jpg) no-repeat;}
.Costumers_pic{ margin-left:183px; overflow: hidden;clear: both; padding-top:10px;}
.Costumers_pic a.scrollbrowse { width:30px; display:block; float:left; height:60px; clear:both;	font-size:1px; cursor:pointer;}
.Costumers_pic a.scrollright { clear:right;	margin-right:0;}
.Costumers_pic a.scrollleft { margin-left:0;}
.Costumers_pic .pic_center { padding-left:0; width: 748px; float: left; height: 60px; overflow: hidden; margin:0 6px;}
.Costumers_pic .pic_center img { float: left; height: 60px; width: 60px; margin: 0 4px;}

#foot{ height:87px; background:url(../images/index_13.jpg) repeat-x; padding:10px 0;}
#foot p{ text-align:center; color:#333; line-height:25px;}
#foot p a{ color:#333; font-size:14px;}

#mid{ margin:10px auto;}
.left{ width:200px;}
.left h2{ height:45px; color:#fff; line-height:45px; font-size:16px; font-weight:normal; text-shadow:0 1px #ae0500; background:#f82826; border-radius:25px 0 0; padding-right:20px; text-align:right;
background-image: -webkit-linear-gradient(top, #f82826, #d20001);
background-image: -moz-linear-gradient(top, #f82826, #d20001);
background-image: -o-linear-gradient(top, #f82826, #d20001);
background-image: -ms-linear-gradient(top, #f82826, #d20001);
background-image: linear-gradient(top, #f82826, #d20001);}
.left ul{ border:1px solid #dbdbdb; border-top:none; border-radius:0 0 25px;}
.left ul li a{ height:38px; display:block; line-height:38px; color:#5b5b5b; padding-left:17px; border-bottom:1px solid #dbdbdb; }
.left ul li ul{ border:none; border-radius:none;}
.left ul li ul li a{ color:#aeaeae; padding-left:27px;}
.left ul ul li:last-child a{ border:none;}
.right{ width:780px;}
.right .ban{ height:175px; width:770px; background:#eef2f1; padding:5px;}
.right .main{ border:1px solid #dbdbdb;border-radius:5px; min-height:300px; margin-top:10px;}
.right .main .title{ height:25px; border-bottom:1px solid #dbdbdb;}
.right .main .title h2{color:#5b5b5b; line-height:25px; margin-left:10px; padding:0 5px; display: inline-block; width:auto; color:#e60002; border-bottom:#e60002 1px solid;}
.right .main .title div{ padding-right:10px;}
.right .main .title div a{ line-height:25px; color:#000;}
.right .main .contant{padding:20px 25px; line-height:25px; font-size:14px; overflow:hidden;}
.right .main .contant a{ color:#000;}
.right .main .contant p{ margin:5px 0; }

.pic{ position:fixed; bottom:5px; right:5px;}