@charset "utf-8";
.banner{ width:100%; overflow:hidden; display:block; min-width:1200px; overflow:hidden; display:block;}
.banner img{ width:100%;}
/*µ¼º½*/
.nav{width:100%; height: 50px; line-height: 50px; font-size: 18px; background-color: #120b03; min-width:1200px; overflow:hidden; display:block;}
.nav a{padding: 0 49px; color:#fff; display: inline-block;}
.nav a:hover{background-color: #d69e09; text-decoration:none;}
.nav .cur{background-color: #d69e09; text-decoration:none;}
.fixed{position: fixed; top:0; left:0; z-index: 100;}

/*ÈëÑ¡Æ·ÅÆ*/
.rxpp{text-align: center;width: 1140px;background: url("../images/brand_bj.jpg") no-repeat center 80px; padding:0 30px 30px 40px;}
.rxpp h3{ text-align: center; margin: 0 auto 50px; }
.rxpp h3 img{margin: 0 auto;}
.rxpp div {/* float:left; */ overflow:hidden;}
.rxpp div a{float:left;border:1px solid #e8e8e8;margin-right:15px;margin-bottom:15px;width: 173px;}
.rxpp ul li img{ border:1px solid #e8eaef;margin:5px 10px;}
/*ÈëÑ¡Æ·ÅÆ½áÊø*/
.kj{ width:100%; min-width:1200px; display:inline-block;}
.kj h3,.bj_colour h3{margin-bottom: 20px; height:71px; background:url("../images/x.png") repeat-x 0 53px;}
.kj h3 img{ margin:0px auto; background: #ffffff; }
.bj_colour h3 img{ margin:0px auto; background: #26262e; }
.bj_colour h3{background:url("../images/xiang.png") repeat-x 0 53px;}

/*Æ·ÅÆ½éÉÜ*/
.brand{background: url("../images/brand_bj.jpg") no-repeat left bottom;height: 362px;overflow: hidden;display: block;min-width:1200px;margin-bottom: 50px;}
.detailsIntro{width: 1160px;height: 308px;background:#26262e;color: #fff;padding:20px;}
.detailsIntro h3{width:347px;height: 53px;/* padding:24px 34px 0px; */background: none;margin: 0 auto 20px;}
.detailsIntro p{color:#fff;margin-bottom: 14px;line-height: 26px;text-indent: 2em;}
/*¸ß¶ËËµ*/
*{margin:0;padding:0;}
.bj_colour{background: #26262e; padding-top:46px; margin: 46px 0; width:100%; overflow: hidden; display: block; min-width:1200px;}
.m-slide{ position: relative; width:100%;  height: 500px; }
.m-slide .bottom-shadow{ position: absolute; bottom: -3px; left: 0; width: 100%; height: 1px; overflow: hidden; border-top: 1px solid #e0e0e0; background: #e6e6e6; border-bottom: 1px solid #ececec }
.m-slide .img a{ width:100%;  display:block; overflow: hidden; }
.m-slide .img img {  width:100%; display:block; overflow: hidden; height: 500px;position:absolute; top: 0px; bottom: 0px;overflow:hidden; word-break:break-all; z-index:1;}

.m-slide .img .first { display: block }
.m-slide .tab { position:relative; z-index:99; float:right; background-color:rgba(0,0,0,0.7);}
.m-slide .tab li {border-top: 1px solid #000000; width:350px }
.m-slide .tab .first { border-top: 0 }
.m-slide .tab a { text-decoration: none; display: block; position: relative; width: 344px; height:43px; border:3px solid rgba(0,0,0,0.1); }
.m-slide .tab a b { position: absolute; left: 0; top: 20px; width: 4px; height: 11px; overflow: hidden }
.m-slide .tab a span { position: absolute; overflow: hidden }
.m-slide .tab a .title { left: 17px; top:12px; height: 20px; line-height: 20px; font-size: 16px; font-weight: bold; color: #fff }
.m-slide .tab a .des { left: 18px; top: 26px; height:40px; line-height:20px; padding-top:5px; color: #bebdbf; font-size:12px; display:none; }
.m-slide .tab .first a { height: 50px }
.m-slide .tab .on a { background:#e7ab01; border: 3px solid #e7ab01 }
.m-slide .tab .on a b { }
.m-slide .tab .on a span { color: #fff }
/*¾«²ÊÍÆ¼ö*/
.recommend{ padding:20px 0 0;}
.recommend li{float:left;width: 220px;/* height: 177px; */padding: 0px 0 10px 20px;}
.recommend li p{padding-top: 0px;height: 28px;overflow:  hidden;display:  block;color:  #fff;background: rgba(0,0,0,0.6);position: relative;top: -28px;}
.recommend li a:hover *{color:#b08149; text-decoration:none;}
.recommend li a p:hover{color:#b08149; text-decoration:none;}
.recommend li span{width: 220px;height: 178px;overflow:hidden;display:block;}
.recommend li img{width: 220px;height: 178px;cursor:pointer;transition: all 0.6s;}
.recommend li img:hover{ transform: scale(1.2);}
.recommend .recommend_1{width: 480px;padding:0px;overflow:  hidden;}
.recommend .recommend_1 span,.recommend .recommend_1 span img{width:558px;height: 393px;}
/*Æ·ÅÆÊÓÆµ*/
.video{  height:470px; padding:20px 0; width:1234px;}
.video li{ float:left; width:275px; margin:0 30px 20px 0;position: relative;}
.video li a{ width:275px; height:240px;}
.video li p{ padding-top:8px;}
.video li a:hover *{color:#b08149; text-decoration:none;}
.video li div{width:60px;    height:60px;  background-repeat: no-repeat; background-image:url(../images/paly.png);      background-position:0 0;    position: absolute;    top: 50%; margin-top:-30px; margin-left:-30px;   left: 50%;   text-align:center;}
.video img{ margin:0 auto;border: 1px solid #ccc;}
.video li a{ display:block;}
.video li:hover div{background:url(../images/paly.png) no-repeat; background-position:-75px 0;}
/*¾«²ÊÍ¼¼¯*/
.foucebox {height:548px;}
.foucebox .bd{position:relative;float:left;width:720px;height:520px;overflow:hidden;}
.foucebox .showDiv {position:relative;width:720px;height:520px;}
.foucebox .showDiv img {width:720px;height:520px;}
.foucebox .showDiv h2 { position:absolute;left:20px; bottom:0; width:380px;height:34px;padding-left:40px;_padding-left:0;font-size:24px;line-height:34px;z-index:9;overflow:hidden;}
.foucebox .showDiv h2 a {color:#fff;font-weight:normal;}
.foucebox .foucebox_bg {position:absolute;left:0;bottom:0;width:720px;height:44px;background:#000;filter:alpha(opacity=60);opacity:0.6;z-index:8;overflow:hidden;}

.foucebox .hd{width:472px; height:480px;float:right;}
.foucebox .hd ul li{width:152px; height:130px; float:left; margin-left:4px; margin-bottom: 5px; display:inline; position:relative;}
.foucebox .hd ul a {display:block;width:114px;height:91px;}
.foucebox .hd ul img{width:144px; height:108px;}
.foucebox .hd ul .txt{width:103px; height:24px; line-height:24px; color:#fff; position:absolute; left:4px; bottom:4px; z-index:2; text-align:right; padding-right:5px;overflow:hidden;}
.foucebox .hd ul a:hover .mask, .foucebox .hd ul .on .mask{display:none; position:relative;}
.foucebox .hd ul .on img{border:2px solid #e7ab01; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.foucebox .hd ul a:hover{color:#fff;}
.foucebox .hd ul a:hover .txt_bg {background:#70a20f;}
/*¾«²ÊÍ¼Æ¬*/
.picture ul{ width:1220px; padding:20px 0; display:inline-block;}
.picture ul li{ float:left; padding:0 20px 20px 0; }
.picture ul .picture_1 a{ width:584px; height:400px;}
.picture ul li a{ width:282px; height:190px; overflow:hidden; display:block;}
.picture li img{cursor: pointer;  transition: all 0.6s;}
.picture ul li img:hover{ transform: scale(1.2);}
/*µ×²¿*/
.foot{ margin-top:-20px; padding-bottom:20px; text-align:center;}
.foot p{color:#c86f00; }
.foot a{color:#c86f00; font-weight:bold;}

#main3{ margin-top:40px;}