@charset "utf-8";
/* CSS Document */
body{background: #E7E6E6;}
.banner{width:1903px;position: relative;overflow: hidden;}
.banner_inner{position:relative;height:520px;width:990px;margin:0 auto}
.banner_img{width:20000px}
.banner_img li{float:left;width:1903px;position:relative}
.banner_img li.bgli01{ background:#202930;}
.banner_img li.bgli02{ background:#202930;}
.banner .child1{position:absolute;width:588px;height:425px;left:-70px;top:58px;}
.banner .child2{position:absolute;width:654px;height:425px;left:420px;top:50px;}
.banner_common{position:relative;width:990px;margin:0 auto}
.banner_pre:hover, .banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.banner .control{width:130px;position:absolute;top:393px;left:50%;margin-left:-40px}
.banner .control li{float:left;margin:0px 7px;width:12px;height:12px;border-radius:50%;cursor:pointer;background:#fff; }
.banner .control li a{display:none;}
.banner .control li.current{background:#ff7f02;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.wrapper{position: relative;z-index: 3;margin: -35px auto 80px;}
.columnTop{height: 340px;width: 100%;}
.indexWorks{float: left;width: 500px;height: 340px;position: relative;overflow: hidden;}
.indexWorks .butLeft,.indexWorks .butRight{position: absolute;display: block;width: 22px;height: 22px;background-color: #444444;background-repeat: no-repeat;background-image: url("../images/but_direction.png");top: 0;z-index: 2;}
.indexWorks .butLeft{right:23px;background-position: center 0;}
.indexWorks .butLeft:hover,.indexWorks .butRight:hover{background-color: #FF6507;}
.indexWorks .butRight{right: 0;background-position: center -22px;}
.indexWorks a.more{position: absolute;right: 10px;bottom: 40px;z-index: 2;}

.indexWorks .contents{position: absolute;z-index: 1;height: 340px;}
.indexWorks .contents li{float: left;width: 500px;height: 340px;position: relative;}
.indexWorks .contents li img{width: 100%;}
.indexWorks .contents li .textBack{height: 70px;background: #000000;position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;position: absolute;filter:alpha(opacity=90);opacity: 0.9;}
.indexWorks .contents li h5,.indexWorks ul li p{left: 10px;right: 120px;color: #FFFFFF;z-index: 2;position: absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.indexWorks .contents li h5{font-size: 1.3em;font-weight: bold;bottom: 30px;height: 30px;line-height: 30px;}
.indexWorks .contents li p{height: 25px;line-height: 25px;bottom: 5px;}
.indexAbout{float: left;width: 250px;height: 339px;background: url("../images/index/d&m.jpg") no-repeat;padding-top: 1px ;}
.indexAbout h4{margin: 200px 15px 0;color: #000000;font-weight: bold;font-size: 1.2em;}
.indexAbout p{margin: 10px 15px 0;line-height: 1.5em;}
.indexAbout p a{color: #4B4B4B;}
.indexAbout p a:hover{text-decoration:underline;}
.years{float: left;background: url("../images/index/year.jpg") no-repeat;width:250px;height: 340px; }
.years a{height: 320px;width: 250px;padding-top: 20px;display: block;color: #181818;}
.years a h3{text-align: center;font-size: 1.2em;}
.years a h3 em{font-size: 5em;font-family:"Lucida Calligraphy";font-weight: bold; }
.years a p{text-align: center;margin-top: 40px;font-size: 2.5em;font-family:"Lucida Calligraphy";}
.indexMenu{height: 240px;margin-top: 12px;}
.indexMenu li{float: left;width: 240px;height: 240px;margin-left: 13px;}
.indexMenu li a{display: block;width: 240px;height: 190px;padding-top: 50px;background-color: #FFFFFF;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.indexMenu li a div{width: 80px;height: 80px;background-repeat: no-repeat;background-image: url("../images/index/menus.png");margin:0 auto;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.indexMenu li a h4{color: #000000;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;text-align: center;font-size:1.3em;font-weight:bold;margin-top: 10px;}
.indexMenu li a p{color: #4B4B4B;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;margin: 20px 20px 0;}
.indexMenu li a:hover{background-color: #FF6507;}
.indexMenu li a:hover h4{color: #FFFFFF;}
.indexMenu li a:hover p{color: #FEDFCB;}
.indexMenu li:nth-child(1){margin-left: 0;}
.indexMenu li:nth-child(3){margin-left: 14px;}
.indexMenu li:nth-child(1) a div{background-position: 0 0;}
.indexMenu li:nth-child(2) a div{background-position: 0 -160px;}
.indexMenu li:nth-child(3) a div{background-position: 0 -320px;}
.indexMenu li:nth-child(4) a div{background-position: 0 -480px;}
.indexMenu li:nth-child(1) a:hover div{background-position: 0 -80px;}
.indexMenu li:nth-child(2) a:hover div{background-position: 0 -240px;}
.indexMenu li:nth-child(3) a:hover div{background-position: 0 -400px;}
.indexMenu li:nth-child(4) a:hover div{background-position: 0 -560px;}

.columnBottom{width: 100%;height: 170px;background-color: #FFFFFF;margin-top: 12px;}
.indexNews{width: 465px;height: 150px;float: left;margin: 20px 0 0 20px;position: relative;overflow: hidden;}
.indexNews h2{height: 30px;line-height: 30px;font-size: 1.5em;color: #000000;position: relative;}
.indexNews h2 a.more{position: absolute;right: 0;top: 0;}
.indexNews .contents{position: absolute;top: 40px;height: 90px;overflow: hidden;}
.indexNews .contents li{float: left;height: 90px;width: 465px;}
.indexNews .contents li h3{height: 22px;line-height: 22px;}
.indexNews .contents li h3 a{font-size:1.2em;float: left;color: #181818;font-weight: bold; }
.indexNews .contents li h3 span{float: right;color: #4B4B4B;}
.indexNews .contents li p{margin-top: 15px;}
.indexNews .contents li p a{color: #4B4B4B;}
.indexNews .contents li p a:hover{text-decoration: underline;}
.indexNews .sums{text-align: center;position: absolute;bottom: 10px;left: 20px;right: 20px;height: 5px;}
.indexNews .sums em{display: inline-block;height: 5px;width: 24px;margin: 0 2px;background-color: transparent;cursor: pointer;border-top: 2px solid #CBCBCB;}
.indexNews .sums em.current{border-color: #FF6507;}
.works2{float: left;width: 220px;margin:20px 0 0 35px; }
.works3{float: left;width: 220px;margin:20px 0 0 30px; }
.works2 h3,.works3 h3{font-size: 4em;font-family: "Impact";font-weight: bold;}
.works2 p,.works3 p{margin-top: 15px;line-height: 1.5em;}
.works2 p a:hover,.works3 p a:hover{text-decoration: underline;}
/*bannercss */
.slideBox{ width:100%; height:480px; overflow:hidden; position:relative;min-width:1000px;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; right:10px; bottom:20px; z-index:1; width:150px; margin:0 auto; }
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ float:left; margin-right:10px;  width:12px; height:12px; border:2px #f5f5f5 solid; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; border:2px #ff3300 solid;  color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; height:480px; }


/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.slideBox .timebox{position:absolute; right:92px; bottom:10px; z-index:1; width:68px;}
.slideBox .timer{ position:absolute; z-index:2; left:0; bottom:0; height:1px; width:68px; background:#fff; font-size:0; overflow:hidden;   }
.slideBox .bg{ position:absolute; z-index:1; left:0; bottom:0; height:1px; width:68px; background:#fff; filter:alpha(opacity=40);opacity:0.4; font-size:0; overflow:hidden;   }