@charset "utf-8";
/* CSS Document */
 body{ background-image:url(../img/aboutbg.jpg); background-attachment:fixed; background-position:top; background-repeat:no-repeat; background-size:100% 100%; -webkit-transition: 1.85s;-moz-transition: 1.85s;-o-transition: 1.85s;-ms-transition: 1.85s;transition: 1.85s; }
.main{width:1000px; margin:0px auto; position:relative;}
.totop{ position:fixed; right:180px; bottom:100px; *background:#000; background:rgba(0,0,0,0.6); width:30px; height:30px; color:#FFF;  text-align:center; line-height:30px; cursor:pointer;}
.close{ width:22px; height:22px; position:absolute; z-index:500; right:-10px; top:-10px; cursor:pointer;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out; }
.close:hover{ -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);-o-transform:rotate(360deg);}
.brand_index{ width:1000px;  margin:0 auto; }
.brand_home{ float:left; display:inline; margin-left:30px; margin-top:0px}
.brand_word{ float:left; display:inline; margin-left:10px; margin-top:0px; color:#000}
.brand_banner{ float:left;position:relative; width:722px; height:399px; background:url(../img/banner_bg.png) no-repeat}
.brand_pic{ float:right; display:inline;  width:272px; height:400px; background:url(../img/g_bg.png) no-repeat}
.brand_pic img{ padding-top:2px; padding-left:1px}
.brand_content{ width:726px; height:602px; float:left; background:url(../img/brand_content.png) no-repeat}
.brand_right{ float:right; display:inline; margin-top:2px; }
.brand_right_title{ width:237px; height:31px; line-height:31px; background-color:#2DC2BC; color:#FFF;  font-family:"华文细黑"; font-size:18px; padding-left:30px; margin-left:2px}
.brand_right_content ul{ width:273px; height:565px; background:url(../img/top_bg_brand.png) no-repeat; overflow:hidden}
.brand_right_content ul li{ width:267px; height:112px; border-bottom:1px solid #ccc; background:#FFF; margin-left:2px; float:left; display:inline}

.brand_content_one{ margin-top:18px}
.brand_content_one_title{ height:26px; line-height:26px; font-family:"华文细黑"; font-size:18px; color:#000}
.brand_content_one_title img{ float:left; display:inline; margin-left:20px; margin-right:10px}
.brand_content_one_content ul li{ width:231px; height:276px;  float:left; display:inline; margin-left:7px; margin-top:10px}
.brand_content_one_content ul li img{border:1px solid #ADDBD9}
.brand_content_one_word{ width:100%; line-height:20px; text-align:center; height:72px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding-right:1px; padding-top:10px}

.brand_content_two{ margin-top:15px}
.brand_content_two_content { float:left; width:650px; display:inline; margin-top:19px}
.brand_content_two_content ul li{ width:201px; height:83px;  float:left; display:inline; margin-left:10px;}
.brand_content_two_content ul li img { border:1px solid #ccc}

.content_left{ width:138px; padding-left:18px; line-height:20px; padding-top:20px; float:left}
.content_right{ float:left; height:111px}


.on{background:url(../img/green.png) no-repeat;width:12px; height:12px; }
.off{background:url(../img/white.png) no-repeat;width:12px; height:12px;}
.bar{ position:absolute;  height:12px;top:370px;z-index:100; left:600px;}
.bar ul li{ float:left; display:inline; margin-left:10px; cursor:pointer}
.brand_banner img {position:absolute; top:2px; left:1px/** 绝对定位，所有的图片都显示在同一个位置 **/  } 


.limit-box{position:relative;width:700px;height:190px;overflow:hidden;; padding-top:5px; margin-left:10px}
/* limit-buy-hd */

/* limit-buy-bd */
.limit-buy-bd{overflow:hidden;position:absolute;left:25px;width:9000px;z-index:1}
/* btn-prev */
.btn-prev{overflow:hidden;position:absolute;width:18px; top:10px;height:180px;background:url(../img/l.jpg) no-repeat 0 0;z-index:10}
.btn-next{overflow:hidden;position:absolute;width:18px;top:10px;height:180px;background:url(../img/r.jpg) no-repeat 0 0;z-index:10}
.btn-prev{left:0}
.btn-next{right:0}

/* products */
.products{float:left;width:700px}
.products li{float:left;position:relative;width:203px;height:85px; padding-left:10px; padding-top:5px; padding-bottom:5px}
.products li img{width:201px;height:83px; border:1px solid #ccc}
.products li img:hover{width:201px;height:83px; border:1px solid #ADDBD9}
.products li .name{overflow:hidden;height:36px;margin:0 0 2px;line-height:18px;text-align:center}




.banner_index{height:399px;position: relative;overflow:hidden;width: 722px; float:left; display:inline; margin-top:3px}
.banner_index .btn,.banner_pro .bBtn{position: absolute;width: 37px;height: 37px;display: block;z-index: 3;right:32px;}
.banner_index .btnPre,.banner_pro .bPre{background: url(../about/images/bg_btnPre_index.png) no-repeat 0 0; top:178px;}
.banner_index .btnPre:hover,.banner_pro .bPre:hover{background: url(../about/images/bg_btnPre_index_hover.png) no-repeat 0 0; top:178px;}
.banner_index .btnNext,.banner_pro .bNext{background: url(../about/images/bg_btnNext_index.png) no-repeat 0 0;top:225px;}
.banner_index .btnNext:hover,.banner_pro .bNext:hover{background: url(../about/images/bg_btnNext_index_hover.png) no-repeat 0 0;top:225px;}
.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_index .banner_wrap li{width: 775px;float: left;}