body{font-family: "微软雅黑"; background-color:#3b3b3b;}
.clear{ clear: both;}
.cont_bg{width: 100%; height: 1000px;}
.cont{ width: 1200px; position: relative; margin: 0 auto;}
.logo{ position:fixed; top: 48px; left: 360px;}
.language{ position: fixed; top: 48px;right: 21.875%;}
.menu{ position:fixed;top: 48px; right:18.75%;z-index:9999;}
.menu img{
   right: 0px;
   position: absolute;
}

.menu ul{ margin-top: 70px !important;position: relative;z-index: 2;}
.menu ul li{ line-height: 42px; text-align: right !important;}
.menu ul li a{ color: #a57c00; font-size: 22px; display: block;}
.menu ul li a:hover{color: #fff;}
.menuId{cursor: pointer;}
.banner{ width: 900px; height: 500px;position: absolute; margin: 257px 0 0 150px; overflow: hidden;
/*background: rgba(165,142,0,0.8);*/}
 .banner .gubj{/* margin-top: 44px;margin-left: 80px; */position: absolute; z-index: 10}
.banner .gu{ /*margin-top: 44px;margin-left: 80px;*/ position: absolute; z-index: 8;width: 3000px; height: 800px;
	animation:scoll 15s linear 0s infinite;
	-ms-transform:scoll 15s linear 0s infinite;
	-moz-transition:scoll 15s linear 0s infinite;
	-webkit-animation:scoll 15s linear 0s infinite;
	-o-transition:scoll 15s linear 0s infinite;

	}
.banner .gu img{display: block; float: left;}
 @keyframes scoll{  
        from{  
            left:0px;
        }  
        to{  
            left:-800px;   
        }  
    }
 @-ms-keyframes scoll{  
        from{  
            left:0px;
        }  
        to{  
            left:-800px;   
        }  
    }
   @-moz-keyframes scoll{  
        from{  
            left:0px;
        }  
        to{  
            left:-800px;   
        }  
    }
  @-webkit-keyframes scoll{  
        from{  
            left:0px;
        }  
        to{  
            left:-800px;   
        }  
    }
 @-o-keyframes scoll{  
        from{  
            left:0px;
        }  
        to{  
            left:-800px;   
        }  
    }
.bottom{ position: absolute;top: 876px;left:555px;cursor:pointer;}

h1{font-size: 22px; color: #fff;font-weight:normal;position: absolute; top: 267px;left: 540px;}
.text{ color: #fff; font-size: 12px; line-height: 36px; text-align: center; width: 886px; position: absolute;top: 338px;left:162px;}

h2{ font-size: 24px;color: #fff; top:230px;left:565px;position: absolute;}
#tab{width:400px; position: absolute; top:300px}
#tab .tab_menu1{position: absolute; left: 500px; width:300px ;}
#tab .tab_menu1 li{float:left;width:60px;height:25px;line-height:25px;cursor:pointer;text-align:center;color: #fff;font-size: 16px;}
#tab .tab_box1{width:900px;height:450px;clear:both;top:45px;position:relative;background-color:#fff;left:150px;}
#tab .tab_menu1 .selected{background-color:#a57c00;cursor:pointer;}
#tab .hide{display:none;}
#tab .tab_box div{} 
/* 滑动门通用按钮 */
.lefts {display: block;width: 13px;height: 46px;margin-top:-32px; position: absolute;top:50%; background: url(../img/left.png) no-repeat;}
.rights {display: block;width: 13px;height: 46px;margin-top:-32px; position: absolute;top:50%; background: url(../img/right.png) no-repeat;}
.lefts {background-position: 0 0;left: 10px;}
.rights {background-position: 0 0;right: 10px;}
/* 连续滑动门开始 */
.bannerbox { width: 900px; height: 450px; overflow: hidden; margin: 0px auto; }
#focus { width: 900px; height: 450px; clear: both; overflow: hidden; position: relative; float: left; }
#focus ul { width: 900px; height: 450px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { float: left; width: 900px; height: 450px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus .preNext { width: 50px; height: 450px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 11px; background: url(../img/left.png) no-repeat left center; }
#focus .next { right: 11px; background: url(../img/right.png) no-repeat right center; }

#focus1 { width: 900px; height: 450px; clear: both; overflow: hidden; position: relative; float: left; }
#focus1 ul { width: 900px; height: 450px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus1 ul li { float: left; width: 900px; height: 450px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus1 .preNext { width: 50px; height: 450px; position: absolute; top: 0px; cursor: pointer; }
#focus1 .pre { left: 11px; background: url(../img/left.png) no-repeat left center; }
#focus1 .next { right: 11px; background: url(../img/right.png) no-repeat right center; }

#focus2 { width: 900px; height: 450px; clear: both; overflow: hidden; position: relative; float: left; }
#focus2 ul { width: 900px; height: 450px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus2 ul li { float: left; width: 900px; height: 450px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus2 .preNext { width: 50px; height: 450px; position: absolute; top: 0px; cursor: pointer; }
#focus2 .pre { left: 11px; background: url(../img/left.png) no-repeat left center;}
#focus2 .next { right: 11px; background: url(../img/right.png) no-repeat right center; }
/*本例css*/
.www51buycom { width: 900px; height: 450px; position: relative; overflow:hidden;top:308px;left:150px;}
/*数字按钮样式*/
.www51buycom .num { overflow:hidden; height: 18px; position: absolute; bottom:8px; right: 46px; zoom:1; z-index:3 }
.www51buycom .num li { width: 18px;height:18px;line-height: 18px;text-align: center; font-size:9px;font-weight:normal; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #000000; margin-right: 6px; cursor:pointer; float: left; }
.www51buycom .num li.on { background: #a57c00; } /*当前项*/
/*上一个  下一个*/
.www51buycom .prev,.www51buycom .next { display:black; width: 35px; height: 450px; background:#000; position: absolute; top: 0; background: rgba(255,255,255,0.2);}
.www51buycom .prev { left: 0;}
.www51buycom .next { right: 0;}

.text2{ height: 261px; width: 650px; border-top: 1px solid #666666;border-bottom: 1px solid #666666; position: absolute;top:327px;left:290px;}
.text2 ul{ margin: 50px 0;}
.text2 ul li{line-height: 40px;color: #fff; font-size: 16px;}
.text2 ul li img{margin-right: 12px;}
.footer_icon{position: absolute;top:933px;right: 0;}
.footer_icon a{margin-right: 19px;}
.footer_p{ float: left;font-size: 12px;color: #999999;position: absolute;top:933px;}
.footer div{position: absolute;right:0}
/*理念-样式表*/
.idea{ background: url(../img/idea-bg.png) no-repeat; position: absolute;top:287px;left:93px; width: 1003px; height: 502px;}
.idea h3{ position:absolute;top:78px;left:506px;color:#a57c00; font-size: 28px; border-bottom: 1px solid #444444; display: block;padding-bottom: 16px;font-weight: normal;}
.idea p{font-size: 14px;color: #FFFFFF; width: 428px;margin-left: 505px; line-height: 32px; font-weight:normal; margin-top: 144px;}
.idea-footer-bg{background-color: #000000;}
.idea-footer{ width: 1200px;margin: 0 auto;height: 60px;}
.idea-footer p{line-height: 60px;color: #999;display: block; width: 800px;float: left;}
.idea-footer_icon{float: right; line-height: 60px;}
.idea-footer_icon a{ margin-right: 20px;}
/*联系-样式表*/
.contact{width: 1200px; height: 440px; position: absolute;top:316px;}
.contact>img{ float: left; margin-right: 48px;}
.title{font-size:28px;color: #9e7701;position: absolute;left:648px;margin-bottom: 29px;font-weight:normal;top:0;}
.contact ul{margin-top: 34px;}
.contact ul li{line-height: 40px;color: #fff;font-size: 16px;}
.contact ul li img{margin-right: 16px;}
.contact ul li a{color: #fff; text-decoration: underline;}
.tex1{width: 230px; height: 33px;background:none; border: 1px solid #dddddd; padding-left: 17px;color: #888;}
.tex2{width: 266px; height: 33px;background:none; border: 1px solid #dddddd; padding-left: 17px;color:#888;}
.tex3{width: 510px;height: 100px; background: none; border: 1px solid #ddddd;padding-left: 17px; margin-top: 14px;resize: none; padding: 10px 17px;color:#888;}
.tex1:focus,.tex2:focus,.tex3:focus{color: #FFFFFF;background: none;}*/
/*作品-样式表*/
.product{width:1200px; margin: 0 auto;}
h3{font-size:28px;color: #9e7701;position: absolute;left:150px;top:320px; font-weight: normal;}
#tab2{width:400px; position: absolute; top:360px; left:150px;}
.tab_menu2{position: absolute; left:720px; width:300px;top:-40px;}
.tab_menu2 li{float:left;width:60px;height:25px;line-height:25px;cursor:pointer;text-align: center;color: #fff;font-size: 16px;}
.tab_box2{width:900px;height:450px;clear:both;top:35px;position:relative;background-color:#fff;left:0px;}
.tab_menu2 .selected{background-color:#a57c00;cursor:pointer;}
.hide{display:none;}
.tab_box div{} 
/*项目—样式表*/

.project{width: 1212px; margin: 0 auto; position:relative;top:228px;z-index: 1;}
.box{float:left; position: relative;}
.content{ padding: 6px;}
.content img{width: 230px; height: auto;}
.content p{font-size: 12px; line-height: 30px; display: block; background-color: #fff;color: #000; text-align: center;}
.content p span{color: #666;}
.cont_bg1{width: 100%;}