@charset "gb2312";
/* CSS Document */
body{ font-family:Microsoft YaHei}
body a{text-decoration:none;}
.nav{top:0;z-index:111;overflow:hidden;margin:0 auto;width:100%;height:47px;background-color:#000}
.nav dl{overflow:hidden;margin:0 auto;width:1000px;height:47px}
.nav dl dt{float:left;padding-top:1px;height:46px;width:344px}
.nav dl dd{float:right;overflow:hidden;width:650px;height:47px;color:#fff;font-size:14px;line-height:47px}
.nav dl dd a{color:#fff;font-size:14px}
.navfixed{position:fixed;top:0;z-index:10000}

.box_bg{width:100%; height:auto; overflow:hidden;}
.box{ width:1000px; height:auto; margin:0 auto;}
.bg1{height:681px; background:url(../images/ya_01.jpg) top center no-repeat;}
.ya_01{height:42px;width:178px;display:block;margin: 520px 0 0 241px;}
.bg2{height:690px; background:url(../images/ya_02.jpg) top center no-repeat;}
.video1{height:346px;width:552px;float:left;background:#fff;margin: 70px 0 0 50px;}
.ya_02{height:42px;width:178px;float:left;margin: 493px 0 0 126px;}
.bg3{height:630px; background:url(../images/ya_03.jpg) top center no-repeat;}
.box_re{ position:relative;}
.box_re .case, .box_re .caseno{ position:absolute; z-index:1; overflow:hidden;}
.case a{position:relative; width:100%; height:100%; display:block;}
.anli_q{position:absolute; top:100%; left:0; z-index:2;}
.anli_h{position:absolute; top:0; left:0;}
.anli_h{ z-index:2;}
.case a:hover .anli_h{top:-100%;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.case a:hover .anli_q{top:0;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.anli1{ height:134px; width:134px; top:165px;left:25px;}
.anli2{ height:117px; width:117px; top:304px;left:25px;}
.anli3{height:232px;width:232px;top: 68px;left: 164px;}
.anli4{height:234px;width:234px;top: 305px;left: 148px;}
.anli5{height:312px;width:312px;top: 35px;left: 401px;}
.anli6{height:164px;width:164px;top: 351px;left: 387px;}
.anli7{height:232px;width:232px;top: 351px;left: 556px;}
.anli8{height:174px;width:174px;top: 47px;left: 718px;}
.anli9{height:122px;width:122px;top: 226px;left: 718px;}
.anli10{height:122px;width:122px;top: 225px;left: 843px;}
.anli11{width:164px;height:164px;top:351px;left: 792px;}
.bg4{height:619px; background:url(../images/ya_04.jpg) top center no-repeat;}
.box_dsj{height:424px;position:relative;overflow:hidden;margin-top: 134px;}
.dsj_zi{float: left;position:relative;overflow:hidden;}
.dsj_left{ width:288px; height:424px; overflow:hidden; float:left; margin-left:42px;}
.dsj_con1{width:288px;height:276px;}
.dsj_con2{width: 288px;height:137px;margin-top: 11px;}
.dsj_zi p{padding:0 10px; height:0;font-size:14px;color:#fff;line-height:25px;background:rgba(0,0,0,0.6);text-align:center;position:absolute;bottom: 0;}
.dsj_con3{width: 264px;height: 424px;margin-left: 9px;}
.dsj_right{width:348px;float: left;height: 424px;margin-left: 10px;}
.dsj_con4{width: 348px;height:231px;}
.dsj_con5{width: 168px;height: 182px;margin-top: 10px;margin-left: 1px;}
.dsj_con6{width: 170px;height: 180px;margin-left: 9px;margin-top: 12px;}
.dsj_zi:hover p{ height:auto; padding:5px 10px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}

.bg5{height:587px; background:url(../images/ya_05.jpg) top center no-repeat;}
.bg6{height:672px; background:url(../images/ya_06.jpg) top center no-repeat;}
.bg7{height: 577px;background:url(../images/ya_07.jpg) top center no-repeat;padding-top: 175px;}
.video2{height: 315px;width: 533px;background: #fff;float:left;margin-top: 47px;}
.ya_03{height:42px;width:178px;display: block;margin: -74px 0 0 166px;background: url(../images/btn.jpg) no-repeat;}


.slideBox{width:1014px;height:510px;overflow:hidden;position:relative;}
.slideBox .bd{position:relative;height:100%;z-index:0;}
.slideBox .bd li{zoom:1;vertical-align:middle;overflow: hidden;height: 510px;}
.slideBox .bd img{ width:357px; height:469px; margin-left:65px; }
.slideBox .prev,.slideBox .next{position:absolute;left: 556px;top: 193px;margin-top:-25px;display:block;width:30px;height:105px;background:url(../images/left.png);filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{left:auto;right: 0;background:url(../images/right.png);}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}