/*public*/
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,th,thead,tr,button,object,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
input,button,img,fieldset{border:0;outline:none}
input,select{outline:none}
/* set image max width to 100% */
img,video{height:auto;width:auto\9;/* ie8 */}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{max-width:1980px;width:100%;font:12px/1.5 'Microsoft YaHei','华文细黑',STXihei,Helvetica, Tahoma, Arial, '微软雅黑', sans-serif;color:#555;word-wrap:break-word;word-break:break-all;background:#000;position: relative;margin:0 auto}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal}
var{font-family:Georgia,Verdana,Arial}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a{color:#fff;text-decoration:none;outline:none}
a:hover{text-decoration:none}
p{color: #2d73b5;}
/* list */
ul,ol{list-style:none}


/*Align*/
.alg_r{text-align:right}
.alg_c{text-align:center}

/*music*/
#viose{cursor: pointer;position: absolute;display: inline-block;top: 92.5%;right: 2%;z-index: 222;}

/*loading*/
#loading{background:#fff;text-align:center;width:100%;height:100%;position:absolute;z-index:99999;}
/*滚动条的宽度*/
    ::-webkit-scrollbar {
        width:9px;
        height:9px;
    }

/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
    ::-webkit-scrollbar-track {
        width: 6px;
        background-color:#0d1b20;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius:2em;
    }
/*滚动条的设置*/
    ::-webkit-scrollbar-thumb {
        background-color:#606d71;
        background-clip:padding-box;
        min-height:28px;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius:2em;
    }
/*滚动条移上去的背景*/
    ::-webkit-scrollbar-thumb:hover {
         background-color:#fff;
    }

img{width: 100%;height: auto;}


.home{position: relative;width: 100%;overflow: hidden;height: 100%;max-width: 1980px;margin: 0 auto;}
.home_bg{width: 100%;height: 100%;}
.home_bg img{width: 100%;height: 100%;}
.home_ren{width: 100%;position: absolute;left: 0;}
.home_qian{width: 100%;height: 100%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;;}
.home_qian img{width: 100%;height: 100%;}
#scene{
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	left: 0;right: 0;bottom: 0;top: 0;;
}
.layer{
	pointer-events: none;
}
.home_shuye{position: absolute;height: 100%;top: 0;right: -2%;}
.home_shuye img{height: 110%;position: absolute;right: -5%;}
.home_til{position: absolute;width: 85%;right: -10%;top: 5%;}
.home_til img{position: absolute;right: 0%;}
.home_txt{position: absolute;width: 48%;margin-left: 25%;margin-top: 2.5%;}
.home_logo{position: absolute;width: 20%;top: 5%;left:3%;}
.home_dh{width: 70%;position: absolute;bottom: -5px;left: 0;;}
.home_dh ul{width: 100%;overflow: hidden;}
.home_dh ul li{width: 21%;float: left;background: url(../images/home_dh_bg.png) bottom left no-repeat;background-size: 100% 100%;margin-left: -2%;cursor: pointer;}
.home_dh ul .home_dh_left{margin-left: 0;}
.home_dh ul li .home_dh_con:hover img{opacity: 0;}
.home_dh ul li .home_dh_1:hover{background: url(../images/home_dh_1.png) bottom left no-repeat;background-size: 100% 100%;}
.home_dh ul li .home_dh_2:hover{background: url(../images/home_dh_2.png) bottom left no-repeat;background-size: 100% 100%;}
.home_dh ul li .home_dh_3:hover{background: url(../images/home_dh_3.png) bottom left no-repeat;background-size: 100% 100%;}
.home_dh ul li .home_dh_4:hover{background: url(../images/home_dh_4.png) bottom left no-repeat;background-size: 100% 100%;}
.home_dh ul li .home_dh_5:hover{background: url(../images/home_dh_5.png) bottom left no-repeat;background-size: 100% 100%;}

.bg_top{width: 100%;background: url(../images/bg1.jpg) top center no-repeat;background-size: 100% auto;}
#sence2_bg{background: url(../images/bg1_sence2.jpg) top center no-repeat;background-size: 100% auto;}
#sence3_bg{background: url(../images/bg1_sence3.jpg) top center no-repeat;background-size: 100% auto;}
#sence4_bg{background: url(../images/bg1_sence4.jpg) top center no-repeat;background-size: 100% auto;}
.bg_bottom{width: 100%;background: url(../images/bg2.jpg) bottom center repeat-y;background-size: 100% auto;}

.main{width: 100%;margin: 0 auto;}
.xl_dh{position: absolute;width: 75%;top: -1px;left: 0;}
.xl_dh ul{width: 100%;overflow: hidden;}
.xl_dh ul li{float: left;}
.xl_dh ul .xl_sy{width: 12.8%;background: url(../images/xl_dh_0.png) top left no-repeat;background-size: 100% auto;}
.xl_dh ul .xl_sy img{opacity: 0;}
.xl_dh ul .xl_sy:hover img{opacity: 1;}
.xl_dh ul .xl_now{width: 18.2%;margin-left: -2%;}
.xl_dh ul .xl_other{width: 18.2%;margin-left: -2%;}
.xl_dh ul .xl_other img{opacity: 0;}
.xl_dh ul .xl_other:hover img{opacity: 1;}
.xl_dh ul .xl_1{background: url(../images/xl_dh_1.png) top left no-repeat;background-size: 100% auto;}
.xl_dh ul .xl_2{background: url(../images/xl_dh_2.png) top left no-repeat;background-size: 100% auto;}
.xl_dh ul .xl_3{background: url(../images/xl_dh_3.png) top left no-repeat;background-size: 100% auto;}
.xl_dh ul .xl_4{background: url(../images/xl_dh_4.png) top left no-repeat;background-size: 100% auto;}
.xl_dh ul .xl_5{background: url(../images/xl_dh_5.png) top left no-repeat;background-size: 100% auto;}

.logo_top{width: 18%;top:75px;left: 2%;position: absolute;}
.banner_txt{width: 56%;margin-left: 18%;padding-top: 170px;margin-bottom: 0px;}
.video_main{width: 70%;margin-left: 15%;}
.video_bg{width: 100%;position: relative;}
.video_bg_img{width: 100%;}
.video{width: 91%;position: absolute;left: 4.5%;top: 7.5%;}
.video_img{width: 91%;position: absolute;left: 4.5%;top: 7.5%;}
.video_play{width: 13%;position: absolute;bottom: 5%;left: 4%;}
.video_txt{width: 55%;margin: 3% auto 5%;}

.ren{width: 100%;position: relative;}
#sence1{width: 100%;}
.txt_bg{width: 90%;}

.ren_txt{position: absolute;width: 90%;top: 0;left: 5%;right: 5%;}
.ren_txt_con{position: absolute;top: 0;left: 0;right: 0;opacity: 0;z-index: -1;}
.ren_txt_now{opacity: 1;z-index: 2;}
#ren_txt_1{position: static;}

.longImg{position: absolute;width: 100%;top: 35%;left: 0;right: 0;cursor: pointer;}
.longImg_con{position: absolute;top: 0;left: 0;right: 0;opacity: 0;z-index: -1;}
.longImg_now{opacity: 1;z-index: 3;}
#longImg_1{position: static;}
.ren_img{width: 100%;position: absolute;bottom: 0;left: 0;right: 0;}
.click_ts{position: absolute;top: 82%;right: 13%;width: 13%;}

#sence1 .ren_img ul{width: 36%;position: absolute;bottom:0;left: 29%;}
#sence1 .ren_img ul li{width: 36%;position: absolute;bottom: 0;cursor: pointer;opacity: 0.4;}
#sence1 .ren_img ul .ren_img_1{left: 0%;}
#sence1 .ren_img ul .ren_img_2{left: 25%;}
#sence1 .ren_img ul .ren_img_3{left: 50%;}
#sence1 .ren_img ul .ren_img_4{left: 75%;}
#sence1 .ren_img ul li:hover{opacity: 1;z-index: 9;width: 38%;margin-left: -1%;}
#sence1 .ren_img ul li.ren_img_now{opacity: 1;z-index: 9;width: 38%;margin-left: -1%;}

#sence2{margin-top: 2%;}
#sence2 .ren_img ul{width: 34%;position: absolute;bottom:0;left:32%;}
#sence2 .ren_img ul li{width: 48%;position: absolute;bottom: 0;cursor: pointer;opacity: 0.4;}
#sence2 .ren_img ul .ren_img_1{left: 0%;width: 31%;}
#sence2 .ren_img ul .ren_img_2{left: 20%;width: 22%;}
#sence2 .ren_img ul .ren_img_3{left: 38%;width: 34%;}
#sence2 .ren_img ul .ren_img_4{left: 48%;}
#sence2 .ren_img ul .ren_img_5{left: 84%;width: 22%;}
#sence2 .ren_img ul li:hover{opacity: 1;z-index: 9;transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); 	/* IE 9 */
-moz-transform:scale(1.1,1.1); 	/* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1);margin-bottom: 1.5%  }
#sence2 .ren_img ul li.ren_img_now{opacity: 1;z-index: 9;transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); 	/* IE 9 */
-moz-transform:scale(1.1,1.1); 	/* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1);margin-bottom: 1.5% }

#sence3{margin-top: 2%;}
#sence3 .ren_img ul{width: 50%;position: absolute;bottom:0;left:23%;}
#sence3 .ren_img ul li{position: absolute;bottom: 0;cursor: pointer;opacity: 0.4;}
#sence3 .ren_img ul .ren_img_1{left: 0%;width: 18%;}
#sence3 .ren_img ul .ren_img_2{left: 16%;width: 20%;}
#sence3 .ren_img ul .ren_img_3{left: 32%;width: 22%;}
#sence3 .ren_img ul .ren_img_4{left: 44%;width: 22%;}
#sence3 .ren_img ul .ren_img_5{left: 62%;width: 18%;}
#sence3 .ren_img ul .ren_img_6{left: 77%;width: 18%;}
#sence3 .ren_img ul .ren_img_7{left: 92%;width:18%;}
#sence3 .ren_img ul li:hover{opacity: 1;z-index: 9;transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); 	/* IE 9 */
-moz-transform:scale(1.1,1.1); 	/* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1);margin-bottom: 1%  }
#sence3 .ren_img ul li.ren_img_now{opacity: 1;z-index: 9;transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); 	/* IE 9 */
-moz-transform:scale(1.1,1.1); 	/* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1);margin-bottom: 1% }

#sence4{margin-top: 2%;}
#sence4 .ren_img ul{width: 64%;position: absolute;bottom:0;left:15%;}
#sence4 .ren_img ul li{position: absolute;bottom: 0;cursor: pointer;opacity: 0.4;}
#sence4 .ren_img ul .ren_img_1{left: -2%;width: 17%;}
#sence4 .ren_img ul .ren_img_2{left: 10%;width: 12%;}
#sence4 .ren_img ul .ren_img_3{left: 18%;width: 13%;}
#sence4 .ren_img ul .ren_img_4{left: 27%;width: 18%;}
#sence4 .ren_img ul .ren_img_5{left: 38%;width: 13%;}
#sence4 .ren_img ul .ren_img_6{left: 47%;width: 12%;}
#sence4 .ren_img ul .ren_img_7{left: 56%;width:14%;}
#sence4 .ren_img ul .ren_img_8{left: 65%;width:16%;}
#sence4 .ren_img ul .ren_img_9{left: 77%;width:20%;}
#sence4 .ren_img ul .ren_img_10{left: 86%;width:16%;}
#sence4 .ren_img ul .ren_img_11{left: 99%;width:20%;}
#sence4 .ren_img ul li:hover{opacity: 1;z-index: 9;transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); 	/* IE 9 */
-moz-transform:scale(1.1,1.1); 	/* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1);margin-bottom: 0.6%  }
#sence4 .ren_img ul li.ren_img_now{opacity: 1;z-index: 9;transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); 	/* IE 9 */
-moz-transform:scale(1.1,1.1); 	/* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1);margin-bottom: 0.6% }

#sence5{margin-top: 2%;}
#sence5 .ren_img ul{width: 22%;position: absolute;bottom:0;left:42%;}
#sence5 .ren_img ul li{position: absolute;bottom: 0;cursor: pointer;opacity: 0.4;}
#sence5 .ren_img ul .ren_img_1{left: 0%;width: 55%;}
#sence5 .ren_img ul .ren_img_2{left: 50%;width: 30%;}
#sence5 .ren_img ul li:hover{opacity: 1;z-index: 9;transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); 	/* IE 9 */
-moz-transform:scale(1.1,1.1); 	/* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1);margin-bottom: 2%  }
#sence5 .ren_img ul li.ren_img_now{opacity: 1;z-index: 9;transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); 	/* IE 9 */
-moz-transform:scale(1.1,1.1); 	/* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1);margin-bottom: 2% }

.drag-box{position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;z-index: -1;opacity: 0;}
.drag-x{width: 200%;height: 100%;cursor: grab;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.drag-x img{height: 100%;width: auto;}
#close{position: fixed;top: 2%;right: 20px;width: 40px;z-index:9999;cursor: pointer;}
#move_ts{position: fixed;bottom: 5%;right: 3%;width: 10%;z-index:9999;}
.back{position: fixed;width: 45px;right: 0;top: 30%;}


.footer_bg{width: 100%;margin-top: 0px;z-index: -1;margin-top: -5px;background: url(../images/footer_bg.jpg) top center no-repeat;background-size: 100% auto;}
.footer{width: 1200px;margin:0 auto;padding-top: 12px;padding-bottom: 12px}
.footer p{color: #f4dbbc;text-align: center;font-family: 'Microsoft YaHei';letter-spacing: 1px;line-height: 25px;}
/*媒体查询*/
@media screen and (max-width:1400px){


}
@media screen and (max-width:1200px){


.footer{width: 96%;margin:0 auto;}
.footer p{color: #f4dbbc;letter-spacing: 0px;line-height: 20px;}

}


@media screen and (max-width:900px){
}


@media screen and (max-width:600px){


}


@media screen and (max-width:500px){

}

@media screen and (max-width:370px){
}