@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x: hidden;
}
.bigcontainer {
	width: 100%;
	background: #000;
	top:-110;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clear: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
	left: 431px;
	top: 0px;
}
.rl {
	position: relative;
}
.topcontainer {
	width:1920px;height:1080px;left: 50%;margin-left: -960px;
	position: relative;overflow:hidden;
	background-position: -0px -0px;
}

.animatetop{	
	width:1920px;height:1080px;left:50%;margin-left:-960px; overflow:hidden;

}


.topcontainer .topnavs{
	width:616px;height:30px;left:50%;margin-left:-41px;top:23px;
}

.topcontainer .topnavs .nav{
	width:112px;height:30px;
}

.topcontainer .topnavs .nav1{
	margin-left:0px;;
}

.topcontainer .topnavs .nav2{
	margin-left:167px;;
}

.topcontainer .topnavs .nav3{
	margin-left:335px;;
}

.topcontainer .topnavs .nav4{
	margin-left:503px;;
}


.sm1 {
	width:1920px;height:900px;left: 50%;margin-left: -960px; margin-top:-1px;
	overflow: hidden;
	position: relative;
	background: url(../images/sm1.jpg) no-repeat center;
	background-position: 0px -0px;
}


.sm2{
	width:1920px;height:1000px;left: 50%;margin-left: -960px;
	position: relative;
	background: url(../images/sm2.jpg) no-repeat top;
	background-position: 0px -0px;	
}


.sm3{
	width:1920px;height:900px;left: 50%;margin-left: -960px;
	position: relative;
	background: url(../images/sm3.jpg) no-repeat top;
	background-position: 0px -0px;	
}


.sm4{
	width:1920px;height:920px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/sm4.gif) no-repeat top;
	background-position: 0px -0px;	
}



.bottom{
	width:1920px;
	height:132px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px -0px;
	background-image: url(../images/bj_07.jpg);
}

#Layer4 {
	position:absolute;
	width:1920px;
	height:132px;
	z-index:2;
	left: 0px;
	top: 0px;
	background-image: url(images/bj_07.html);
	background-repeat: no-repeat;
}
#Layer5 {
	position:absolute;
	width:700px;
	height:90px;
	z-index:1;
	left: 777px;
	top: 24px;
}
.STYLE2 {	font-size: 12px;
	color: #FFFFFF;
}
a:link {
	color: #CCCCCC;
}
a:visited {
	color: #CCCCCC;
}
a:hover {
	color: #CCCCCC;
}
a:active {
	color: #CCCCCC;
}
#Version{width:100%;height:1080px;position:relative;overflow:hidden;z-index:11;}
#Flash{
	width:1920px;
	height:1080px;
	position:absolute;
	left:50%;
	margin:0px auto -272px -960px;
	z-index:3
}
#Header{
	margin:0 auto -290px -960px;
	width:1920px;
	height:1080px;
	position:absolute;
	left:50%;
	z-index:2;
	line-height:0px;
}

#Download{width: 764px;height: 172px;text-align:center;position:absolute;top:780px;left:50%;margin-left: -390px;z-index:5100;border-radius:5px;background:url(../images/smdown.png) no-repeat left top;}
#Download .btn_down_s1{float:left;width: 240px;height: 87px;text-indent:-999em;margin-left: 107px;margin-top: 43px;}
#Download .btn_down_s2{float:left;width: 99px;height: 91px;text-indent:-999em;margin-left: -10px;margin-top: 39px;}
#Download .btn_down_s3{float:left;width: 99px;height: 101px;text-indent:-999em;margin-left: 4px;margin-top: 35px;}
#Download .btn_down_s4{float:left;width: 99px;height: 89px;text-indent:-999em;margin-left: 4px;margin-top: 42px;}


#Floatingbar{
	width:157px;
	position:fixed;
	top:50%;
	right:0px;
	margin-top:-150px;
	background-color:#e5e5e5;
	box-shadow:0 3px 14px rgba(0,0,0,0.4);
	z-index:150000;
	font-size:12px;
	background-color:#ffffff;
	font-family:'Microsoft YaHei';
	
}
#Floatingbar .ewm{padding:22px 0 15px;line-height:24px;text-align:center;color:#fff;background-color:#333333;}
#Floatingbar .ewm img{width:117px;height:117px;margin:0 auto;display:block;}
#Floatingbar ul{padding:14px 0;background:url(../images/line_x.html) no-repeat center bottom;list-style-type:none;background-color:#333333;color:white;}
#Floatingbar ul li{height:22px;line-height:22px;text-align:center;margin-bottom:7px;cursor: pointer;}
#Floatingbar ul li a{color:white;}
#Floatingbar ul li a:hover{color:white;}
#Floatingbar ul li img{margin-left:5px;vertical-align:middle;}
#Floatingbar .btn_backtop{height:31px;line-height:31px;text-align:center;color:#fff;background-color:#676767;display:block;}
#Floatingbar .btn_backtop:hover{background-color:#507129;}
#Floatingbar .btn{width:15px;height:130px;position:absolute;top:23px;left:-15px;background:url(../images/arrow.png) no-repeat right top;cursor:pointer;}
#Floatingbar .btn.change{background-position:left top;}

#backtop{display:none;background:url(../images/arrow_top.png) no-repeat left top;cursor:pointer;height:50px;width:50px;position:fixed;_position:absolute;bottom:20px;_top:expression(eval(document.documentElement.scrollTop document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_bottom:auto;z-index:11500;right:20px;}
#backtop:hover{background-position:left bottom;}

.clear {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    clear: both;
    font-size: 0;
}
#m2{margin-top: -14px;margin-left: 273px;}


#quickFn{width:1020px;height:369px;position:absolute;top:58px;left:50%;margin-top:958px;margin-left:-504px;z-index:2000;}
.item{float:left;width:330px;height:370px;position:relative;overflow:hidden;margin-right:15px;background:url(../images/bg_white2.png) repeat left top;}
.item img{width:100%;height:100%;position:relative;display:block;z-index:101;}
.item ._guang{width:925px;height:862px;position:absolute;top:-576px;left:-516px;background:url(../images/guan.html) no-repeat left top;}
.item:nth-child(3n){margin-right:0px;}
.item h5{position:absolute;font-size:14px;font-weight:normal;color:#88888a;top:0px;left:0px;padding-top:21px;padding-right:17px;padding-left:17px;z-index:102;right:0;}
.item h5 span{float:left;width:66px;height:66px;line-height:66px;text-align:center;font-size:53px;font-family:'times new roman', times, serif;font-weight:bold;color:#017fe6;margin-right:11px;background:url(../images/icon_yuan.html) no-repeat left top;}
.item ._btn{width:271px;height:50px;line-height:50px;text-align:center;position:absolute;overflow:hidden;font-size:24px;color:#fff;bottom:35px;left:50%;margin-left:-135px;background:url(../images/bg_blue.html) no-repeat left top;letter-spacing:2px;z-index:102;transition:all 0.24s ease-in;}
.item ._btn:hover{background-position:left bottom;text-decoration:none;}
.item h5 em{font-size:28px;font-weight:normal;color:#017fe6;margin-bottom:2px;padding-top:2px;letter-spacing:2px;display:block;}
.hover_item{box-shadow:0 0 24px rgba(0,0,0,0.34);}
.hover_item ._btn{background-position:left bottom;}
i, em, address {
    font-style: normal;
}
#smdown{width: 902px;height: 101px;text-align:center;position:absolute;top:900px;left:50%;margin-left: -450px;z-index:5100;border-radius:5px;background:url(../images/smdown.png) no-repeat left top;}
#smdown .smdown1{float:left;width: 252px;height: 101px;text-indent:-999em;}
#smdown .smdown2{float:left;width: 181px;height: 101px;text-indent:-999em;}
#smdown .smdown3{float:left;width: 128px;height: 101px;text-indent:-999em;}
#smdown .smdown4{float:left;width: 99px;height: 89px;text-indent:-999em;margin-left: 4px;}


#Layer12 {
	position:relative;
	height:79px;
	z-index:10000;
	background-image: url(../images/smtop.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 1920px;
}
#Layer13 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:1;
	top: 18px;
	left: 1150px;
}
#Layer14 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:2;
	left: 1350px;
	top: 18px;
}
#Layer15 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:3;
	left: 1560px;
	top: 18px;
}



.slide2{width: 1223px;height:586px;margin-left: -19px;top: 220px;}
.slide2 .uls li{list-style: none;}
.slide2 .prev,.slide2 .next{width: 39px;height: 51px;}
.slide2 .prev{top: -252px;left: 396px;}
.slide2 .next{top: -304px;left: -369px;}
.slide2 .slide2images{margin-left:357px;margin-top:-12px;}
.slide2 .slide2hd{/* width: 132px; *//* height: 109px; *//* left: 105px; */margin-left: -542px;/* top: 664px; */}
.slide2 .slide2hd .ssmm{width: 132px;height: 109px;
-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;
}
.slide2 .slide2hd .ssmm:hover{cursor: pointer;}

.slide2 .slide2hd .ssmm1{margin-left:-431px;width:433px;height:250px;overflow:hidden;} 
.slide2 .slide2hd .ssmm1 .xx1{background:url(../smps8/01.png);width:433px;height:250px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide2 .slide2hd .ssmm1:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:433px;height:250px;} 

.slide2 .slide2hd .ssmm2{margin-top: 110px;width:432px;height:346px;overflow:hidden;margin-left: -431px;} 
.slide2 .slide2hd .ssmm2 .xx1{background:url(../smps8/02.png);width:432px;height:346px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide2 .slide2hd .ssmm2:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:432px;height:346px;} 

.slide2 .slide2hd .ssmm3{margin-top: 390px;width:433px;height:193px;margin-left: -431px;overflow:hidden;}
.slide2 .slide2hd .ssmm3 .xx1{background:url(../smps8/03.png);width:433px;height:193px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide2 .slide2hd .ssmm3:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:433px;height:193px;} 



	#window{width:100%;height:100%; position:fixed;top:0;left:0;background: url(../images/heibg.png) repeat left top;display:none;z-index:10000; _position:absolute;_top:expression(eval(document.documentElement.scrollTop));}
	#float_window{position:absolute;top:50%; left:50%; padding:0px; z-index:20001;}
	#float_window .closewindow{width:52px;background:url(../images/btn_close.png) no-repeat left bottom;height:52px;position:absolute;}
	#float_window .closewindow:hover{background-position:left top;}
	#video{width:850;height:600px;background:#000;}


	#PhotoShow1{float:left;width:441px;height: 550px;position:relative;margin-left: -1px;margin-top: -8px;z-index:100;}
	#PhotoShow1 .gundong{width:220px;}
	#PhotoShow1 .gundong .jCarouselLite{float:left;width:441px;height:550px;overflow:hidden;}
	#PhotoShow1 .move_right,#PhotoShow1 .move_left{float:left;width:40px;height:550px;position:absolute;top:0px;z-index:500;}
	#PhotoShow1 .move_left span,#PhotoShow1 .move_right span{width:40px;height:40px;position:absolute;bottom:0px;background:url(../images/icon_prevnextXXX.html) no-repeat left top;background-repeat:no-repeat;}
	#PhotoShow1 .move_left{left: 68px;}
	#PhotoShow1 .move_left span{background-position:left top;}
	#PhotoShow1 .move_left:hover span{background-position:left bottom;}
	#PhotoShow1 .move_right{right: -150px;}
	#PhotoShow1 .move_right span{background-position:right top;}
	#PhotoShow1 .move_right:hover span{background-position:right bottom;}

	/*图片列表*/
	.PictureList1{float:left;}
	.PictureList1 li{margin:0 0px;float:left;width:441px;height:550px;display:inline;margin-right:0px;}
	.PictureList1 .photo1{width:441px;height:550px;display:block;}



	#PhotoShow2{float:right;width:441px;height:550px;position:relative;margin-right: 411px;margin-top: -8px;z-index:100;}
	#PhotoShow2 .gundong{width:220px;}
	#PhotoShow2 .gundong .jCarouselLite{float:left;width:441px;height:550px;overflow:hidden;}
	#PhotoShow2 .move_right,#PhotoShow2 .move_left{float:left;width:40px;height:550px;position:absolute;top:0px;z-index:500;}
	#PhotoShow2 .move_left span,#PhotoShow2 .move_right span{width:40px;height:40px;position:absolute;bottom:0px;background:url(../images/icon_prevnextXXX.html) no-repeat left top;background-repeat:no-repeat;}
	#PhotoShow2 .move_left{left: 67px;}
	#PhotoShow2 .move_left span{background-position:left top;}
	#PhotoShow2 .move_left:hover span{background-position:left bottom;}
	#PhotoShow2 .move_right{right: -152px;}
	#PhotoShow2 .move_right span{background-position:right top;}
	#PhotoShow2 .move_right:hover span{background-position:right bottom;}

	/*图片列表*/
	.PictureList2{float:left;}
	.PictureList2 li{margin:0 0px;float:left;width:441px;height:550px;display:inline;margin-right:0px;}
	.PictureList2 .photo2{width:441px;height:550px;display:block;}


	#PhotoShow3{float:left;width:1290px;height:630px;position:relative;margin-left: 298px;margin-top:272px;z-index:100}
	#PhotoShow3 .gundong{width:1290px;}
	#PhotoShow3 .gundong .jCarouselLite{float:left;width:1290px;height:630px;overflow:hidden;}
	#PhotoShow3 .move_right,#PhotoShow3 .move_left{float:left;width:145px;height:110px;position:absolute;top:680px;z-index:500;}
	#PhotoShow3 .move_left span,#PhotoShow3 .move_right span{width:145px;height:110px;position:absolute;bottom:460px;background:url(../images/01x.png) no-repeat left top;background-repeat:no-repeat;}
	#PhotoShow3 .move_left{left:-168px;}
	#PhotoShow3 .move_left span{background-position:left top;}
	#PhotoShow3 .move_left:hover span{background-position:left bottom;}
	#PhotoShow3 .move_right{right:-90px;}
	#PhotoShow3 .move_right span{background:url(../images/02x.png) no-repeat left top;background-repeat:no-repeat;}
	#PhotoShow3 .move_right:hover span{background-position:right bottom;}

	/*图片列表*/
	.PictureList3{float:left;}
	.PictureList3 li{margin:0 0px;float:left;width:1290px;height:630px;display:inline;margin-right:0px;}
	.PictureList3 .photo3{width:1290px;height:630px;display:block;}

.dh ul{position: relative;overflow: hidden;width:1010px;height: 465px;margin: 0px auto 0; padding-top:300px;}
.dh ul li{float: left;width: 108px;overflow: hidden;height: 100%;position: relative;cursor: pointer; border:#896d3c 1px solid; box-shadow: 0px 0px 10px #000;}
.dh ul li a{display: block;width: 100%;height: 100%;}
.dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(27,29,36,0.75);height: 100%;}
.dh ul li .layer .p1{position: absolute;bottom: 5px;left: 10px;}
.dh ul li .layer .p2{position: absolute;bottom: 5px;right: -200%;}
.dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size: 20px;}
.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size: 14px;}
.col1{color: #00A39A;}
.col2{color: #fff;}



.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}

.heroMain{width: 1400px; height: 720px; position: absolute; margin-left: 237px; top: 300px;}
.heroMain a.prev,.heroMain a.next{width: 83px; height: 90px; display: block; cursor: pointer; position: absolute; top: 246px; z-index: 100;}
.heroMain a.prev{left: 0; background: url(../images/prev.png) no-repeat 0 0;}
.heroMain a.next{right: 0; background: url(../images/next.png) no-repeat 0 0;}

.heroMain .bd{width: 1400px; height: 720px; overflow: hidden;}
.heroMain .bd li{width: 1400px; height: 720px; position: relative;}
.heroMain .bd li img.hero{display: block; position: absolute; left: 0; top: 0; width: 670px; z-index: 10;}

.heroFont{width: 841px; height: 498px; position: absolute; right: 50px; top: 66px; z-index: 2;}
.heroPic{padding-top: 16px;}
.heroPic img{width: 810px; height: 466px; display: block; margin:0 auto; border-radius: 55px;}
.heroBorder{width: 100%; height: 100%; background: url(../images/bor.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 2;}
.heroText{text-align: center; width: 100%; position: absolute; left: 0; top: 437px; font-size: 20px; color: #f3d606; line-height: 30px; z-index: 8;}


.moveleft{-webkit-transform: translate3d(-30%,0,0);-moz-transform: translate3d(-30%,0,0);-ms-transform: translate3d(-30%,0,0);-o-transform: translate3d(-30%,0,0);transform: translate3d(-30%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

.moveright{-webkit-transform: translate3d(30%,0,0);-moz-transform: translate3d(30%,0,0);-ms-transform: translate3d(30%,0,0);-o-transform: translate3d(30%,0,0);transform: translate3d(30%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

.movedown{-webkit-transform: translate3d(0,30%,0);-moz-transform: translate3d(0,30%,0);-ms-transform: translate3d(0,30%,0);-o-transform: translate3d(0,30%,0);transform: translate3d(0,30%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

.zuoyi {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.zuoyi:hover {
            transform: translate(0, 10px);
            -webkit-transform: translate(0, 10px);
            -moz-transform: translate(0, 10px);
            -o-transform: translate(0, 10px);
            -ms-transform: translate(0, 10px);
        }

.footsm{
	width:1920px;
	height:142px;
	left: 50%;
	margin-left: -960px;
	position: relative;
	background-position: 0px -0px;
	background-image: url(../images/smfoot.jpg);
}

.tb {
	background: url(../images/tb.png) no-repeat center; position: fixed; top:15%; right:20px; width:166px; height:185px; z-index:9999999999;
	background-position: -0px -0px;
}

#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;margin-top:-300px;z-index:99999;}
.m6piccon{float:left;position:relative;width:720px;height:145px;margin-left:366px;margin-top:176px;z-index:999}
.m6piccon li{float:left;width:109px;height:115px;padding:0 0px;margin-bottom:25px}
.m6piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m6piccon li img {float:left;width:42px;height:42px}

.items {width:1220px;left:50%;margin-left:-513px;margin-top:320px;}
.items ul{}
.items li{ width:42px; height:176px; float:left; list-style:none; margin-right:159px;}

.itemcss{ position:relative;width:52px; height:52px;margin:0 auto} 
.itemcss a,.itemcss span{display:none; text-decoration:none}
.itemcss:hover{cursor:pointer} 
.itemcss:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.itemcss:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;margin-left:50px;
z-index:10;height:36px; line-height:36px; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;}



	.h5box{left:50%; position:absolute; margin-left:-620px;width:1244px; margin-top:200px;height:580px;overflow:hidden;border:5px solid #12c5f8; }
	.h5box iframe{margin-top:-100px;margin-left:-400px;}

        .float{width: 229px;height: 670px;background: url(../images/float.png) no-repeat;position: fixed;top: 50%;right: -25px;margin-top: -335px;z-index: 99;}
        .float-packs{height: 190px;display: block;}
        .float-packs-image{position: fixed;top: 50%;right: -25px;margin-top: -335px;z-index: 98;
            animation: floatPacks 1.6s infinite;
            -webkit-animation: floatPacks 1.6s infinite;
            transform-origin: 50% 100%;
            -webkit-transform-origin: 50% 100%;
        }
        .flaot-nav{width: 148px;padding: 60px 0 0 29px;}
        .flaot-nav a{height: 49px;line-height: 49px;display: block;text-align: center;color: #Fcfcfc;font-size: 24px;
            transition: all 0.1s;
            -webkit-transition: all 0.1s;
        }
        .flaot-nav a.on{background: #ff0000;padding:2px 0;margin: -2px 0;color: #fff;font-size: 28px;}



.foot235{
	width:1920px;
	height:142px;
	left: 50%;
	margin-left: -960px;
	position: relative;
	background-position: 0px -0px;
	background-image: url(../images/235foot.jpg);
}