@charset "utf-8";
@import url(global.css);

/*-------------首页幻灯------------*/
.banner_bg{height:100%;width: 100%;overflow: hidden;}
.banner {height:100%;left: 50%; margin: 0 auto 0 -960px;overflow: hidden;position: relative;text-align: center;width: 1920px;z-index:2;}
.banner a{color:#666;}
.banner .nav_img{width:1920px;height:100%;overflow:hidden;display:block;}   
.banner .nav_img li{display:block;float:left;}   
.banner .nav_img img{width:1920px;display:block;}   
.banner .nav_banner{width:260px;height:15px;bottom:20px;position: absolute;right:750px;z-index:5;}   
.banner .nav_banner li{display:block; float:left; width:15px; height:15px;margin-right:10px; background:url(../images/22.png) no-repeat;}   
.banner .nav_banner li a{ display:block; width:15px;}
.banner .this {display:block; padding:0;margin:0;}        
.banner .this a{ display:block; width:15px;height:15px; background:url(../images/11.png) no-repeat;}



/*--------------------------------*/
.wholsale{width:100%;height:auto;padding-bottom:50px; background:url(../images/home/12.jpg) no-repeat;}
.wholsale .title{width:1200px; margin:0 auto;padding-top:65px; text-align:center; overflow:hidden;}
.wholsale .title h3{ display:block; font-size:24px; font-weight:normal;padding:15px 0; margin-bottom:35px;}
.wholsale .title a{ float:right; color:#999;}
.wholsale .title a:hover{color:#3ccbc9;}
.wholsale .title p{ font-size:14px; line-height:18px; color:#999;}
.wholsale .wholsale_box{width:1200px;margin:80px auto 0 auto;position:relative;}
/*--------------------------------*/
.wholsale .wholsale_box .LeftBotton{display:block; width:56px;height:113px; background:url(../images/left_button.png) no-repeat; position:absolute; top:130px; left:-70px;  cursor:pointer;}
.wholsale .wholsale_box .RightBotton{display:block; width:56px;height:113px; background:url(../images/right_button.png) no-repeat; position:absolute; top:130px; right:-70px;  cursor:pointer;}
.wholsale .wholsale_box .pcont {FLOAT: left; OVERFLOW:hidden; WIDTH:1200px; height:450px;}
.wholsale .wholsale_box .ScrCont {WIDTH: 32766px; ZOOM: 1}
.wholsale .wholsale_box #List3_1 {FLOAT: left;height:360px;}
.wholsale .wholsale_box  #List4_1 {FLOAT: left;height:360px;}
.wholsale ul{ padding-top:15px;}
.wholsale ul li{width:268px; height:370px; position:relative; display:block; float:left ;margin-right:40px; border:1px solid #eee;text-align:center;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; background:#fff;}
.wholsale ul li:hover {transform:translate(0,-15px); -webkit-transform:translate(0,-15px); -moz-transform:translate(0,-15px); -o-transform:translate(0,-15px); -ms-transform:translate(0,-15px);}
.wholsale ul li img{ display:block;width:266px;height:266px;}
.wholsale ul li h3{ font-size:14px;margin-top:15px; font-weight:normal; color:#666;}
.wholsale ul li p{ font-size:12px; color:#999;margin-top:10px;}
.wholsale ul li span{ font-size:12px; color:#999;}
.wholsale ul li a{ width:80px; text-align:center; padding:10px; background:#333; bottom:-20px; left:100px; position:absolute; display:block; color:#fff;}
.wholsale ul li a:hover1{ color:#fff; background:#dda326;}
.wholsale ul li a:hover2{ color:#fff; background:#e3c121;}
.wholsale ul li a:hover{ color:#fff; background:#532a00;}


/*--------------------------------*/
.inherit{ width:100%; padding-bottom:50px;}
.inherit .top{ width:1200px; height:160px; margin:0 auto;}
.inherit .top .img{ width:335px; height:294px; position:relative; overflow:hidden; float:left;}
.inherit .top .img p{ width:100%; position:absolute; bottom:0px; height:36px; color:#fff; line-height:36px; text-align:center; background:#111; FILTER:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.inherit .top .img img{ width:335px; float:left; margin-right:30px;}
.inherit .top h3{ display:block; font-size:28px; margin-left:368px; font-weight:lighter; padding-top:50px;}
.inherit .top span{ display:block; font-size:24px; margin-left:368px; color:#999; font-size:14px;}
.inherit .bottom{width:100%; height:210px; background:#111;}
.inherit .bottom .con{width:1200px; color:#fff; margin:0 auto; padding:50px 0 0 0;}
.inherit .bottom .con p{ padding-left:368px; font-size:14px; line-height:30px; color:#aaa;}
/*--------------------------------*/
.design{width:100%;height:1050px; background:url(../images/home/1.jpg) fixed no-repeat center center;-webkit-background-size: cover; overflow:hidden;}
.design .title{width:1200px; margin:0 auto;padding-top:65px; text-align:center; overflow:hidden;}
.design .title h3{ font-size:24px; font-weight:normal; color:#333;background:url(../images/home/13.png) no-repeat center center; padding:42px 0;}
.design .title h3 font{ display:block; text-align:center; font-size:14px; font-weight:lighter;}
.design .title p{ font-size:14px; line-height:28px; color:#868888; margin-top:20px;}
.design .design_box{width:1200px;margin:60px auto 0 auto; overflow:hidden;}
.design .design_box .design_left{width:836px; float:left;}
.design .design_box .design_left .i1{ width:410px; height:580px; display:block; overflow:hidden; float:left;}
.design .design_box .design_left .i2{ width:426px; display:block; overflow:hidden; float:left; background:#111; color:#fff; text-align:center;}
.design .design_box .design_left .i2 h6{ font-size:18px; padding:80px 0 10px 0; font-weight:lighter;}
.design .design_box .design_left .i2 p{ font-size:14px; line-height:26px; color:#666;}
.design .design_box .design_left .i2 a{ width:120px; height:36px; line-height:36px; text-align:center; margin:0 auto; margin-top:45px; margin-bottom:72px; display:block;border:1px solid #333;}
.design .design_box .design_left .i2 a:hover{ color:#532a00; border:1px solid #532a00;}

.design .design_box .design_left .i3{ width:800px; display:block; overflow:hidden; float:left;}
.design .design_box .design_left img{ float:left;cursor: pointer;transition: all 0.8s;  }
.design .design_box .design_left img:hover{ transform: scale(1.2); }
.design .design_box .design_right{width:364px; float:right; overflow:hidden;}
.design .design_box .design_right img{cursor: pointer;transition: all 0.8s;}
.design .design_box .design_right img:hover{transform: scale(1.2);}
/*--------------------------------*/
.quality{ width:1200px; height:476px; overflow:hidden; margin:0 auto; position:relative; margin-top:50px; margin-bottom:50px;}
.quality .left{ position:absolute; left:0; z-index:100;}
.quality .left .title{ background:#111; color:#fff; width:500px;margin:50px 0;  padding:30px 50px;}
.quality .left .title h3{ font-size:26px;  font-weight:lighter;}
.quality .left .title span{ color:#666; font-size:14px;}
.quality .left p{ width:420px; line-height:30px; margin-bottom:30px; font-size:16px; padding:0 50px; color:#666;}
.quality .right{ position:absolute; right:0;}
/*--------------------------------*/
.brand{ width:100%; height:100%; overflow:hidden; margin:150px 0 10px 0;}
.brand .top{ height:380px;background:url(../images/home/9.png) repeat-y; padding-top:80px;}
.brand .box{ width:1200px; margin:0 auto;}
.brand .box .left{ float:left; width:600px; color:#fff;}
.brand .box .left h3{ width:200px; height:200px; display:block; float:left; font-size:24px; line-height:36px; font-weight:lighter;}
.brand .box .left p{ width:300px; float:right; font-size:16px; line-height:30px; margin-bottom:30px;}
.brand .box .img{ width:486px; float:right;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.brand .box .img:hover {transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);}
.brand .box .img p{ display:block; margin-top:20px; text-align:right; color:#666; line-height:24px; font-size:14px;}
.brand .box .img span{ display:block; margin-top:10px; text-align:right; color:#aaa;}
.brand .bottom{ width:1200px; margin:0 auto;}
.brand .bottom a{ display:block; float:left; text-align:center; margin:80px 65px 0 0; font-size:16px;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.brand .bottom a:hover {transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);}
.brand .bottom a img{ display:block;}
/*--------------------------------*/
.news{width:100%;height:auto; overflow:hidden; margin-bottom:100px;}
.news .title{width:1200px; margin:0 auto;padding-top:65px; text-align:center;overflow:hidden; margin-bottom:-95px;}
.news .title a{ display:block;width:16%;text-align:center; line-height:50px; font-size:18px; margin-left:40px; border:10px solid #fff; color:#fff;float:left; background:#333;}
.news .title a:hover{ background:#532a00; color:#fff;}
.news .news_box{width:1200px;margin:60px auto 0 auto;overflow:hidden; border:1px solid #333; padding:50px;}
.news .news_box ul{ width:1180px; height:100%; overflow:hidden;}
.news .news_box ul li{width:335px;margin-right:50px; float:left; overflow:hidden;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.news .news_box ul li:hover {transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);}
.news .news_box ul li a{ display:block;}
.news .news_box ul li img{width:383px;height:239px;}
.news .news_box ul li h3{ height:30px; line-height:28px; overflow:hidden; display:block; font-size:16px; margin-top:30px; font-weight:lighter; color:#333;}
.news .news_box ul li p{overflow:hidden; padding:10px 0; font-size:14px;color:#888; line-height:30px;}