@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: -1px;
}
.rl {
	position: relative;
}
.topcontainer {
	width:1920px;height:1000px;left: 50%;margin-left: -960px;
	position: relative;overflow:hidden;
	background-position: -0px -0px;
}

.animatetop{	
	width:1920px;height:1000px;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;;
}


.fs-container{margin: 20px auto 50px auto;position: relative;width: 30%;padding: 0 15%;max-width: 1060px;min-width: 1060px;height: 467px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.fs-container:before{content: '';position: absolute;bottom: -40px;background: transparent url("../images/shadow.png"/*tpa=http://103.248.152.27:1081/images/shadow.png*/) no-repeat center center;height: 90px;width: 90%;left: 5%;opacity: 0.8;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;background-size: 100% 100%;}
.fs-wrapper{width: 100%;height: 100%;position: relative;-webkit-perspective: 1060px;-moz-perspective: 1060px;-o-perspective: 1060px;-ms-perspective: 1060px;perspective: 1060px;}
.fs-slider{width: 100%;height: 100%;position: absolute;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;pointer-events: none;}
.fs-block{margin: 0;position: absolute;width: 70%;height: 100%;left: 15%;pointer-events: auto;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.fs-block:nth-child(1){-webkit-transform-origin: top right;-webkit-transform: translateX(-100%) rotateY(-35deg);-moz-transform-origin: top right;-moz-transform: translateX(-100%) rotateY(-35deg);-o-transform-origin: top right;-o-transform: translateX(-100%) rotateY(-35deg);-ms-transform-origin: top right;-ms-transform: translate(-100%);transform-origin: top right;transform: translateX(-100%) rotateY(-35deg);}
.no-touch .fs-block:nth-child(1):hover{-webkit-transform: translateX(-100%) rotateY(-30deg);-o-transform: translateX(-100%) rotateY(-30deg);transform: translateX(-100%) rotateY(-30deg);}
.fs-block:nth-child(2){z-index: 100;}
.fs-block:nth-child(3){-webkit-transform-origin: top left;-webkit-transform: translateX(100%) rotateY(35deg);-moz-transform-origin: top left;-moz-transform: translateX(100%) rotateY(35deg);-o-transform-origin: top left;-o-transform: translateX(100%) rotateY(35deg);-ms-transform-origin: top left;-ms-transform: translate(100%);transform-origin: top left;transform: translateX(100%) rotateY(35deg);}
.no-touch .fs-block:nth-child(3):hover{-webkit-transform: translateX(100%) rotateY(30deg);-o-transform: translateX(100%) rotateY(30deg);transform: translateX(100%) rotateY(30deg);}
.fs-block:after{content: '';position: absolute;width: 100%;height: 100%;z-index: 1000;pointer-events: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;border-left: 1px solid rgba(119,119,119,1);border-right: 1px solid rgba(119,119,119,1);left: -1px;}
/* Borders are only needed if we have the 3d look*/.no-csstransforms3d .fs-block:after{border: none;}
.fs-block:nth-child(1):after{background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.2) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.2)));background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);}
.fs-block:nth-child(2):after{opacity: 0.8;background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.12) 21%, rgba(0,0,0,0.03) 31%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.03) 70%, rgba(0,0,0,0.12) 81%, rgba(0,0,0,0.5) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(21%,rgba(0,0,0,0.12)), color-stop(31%,rgba(0,0,0,0.03)), color-stop(50%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,0.03)), color-stop(81%,rgba(0,0,0,0.12)), color-stop(100%,rgba(0,0,0,0.5)));background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);background: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);background: -ms-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);}
.fs-block:nth-child(3):after{background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.65) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.65)));background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);background: -o-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);background: -ms-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);}
.fs-block figure{width: 100%;height: 100%;margin: 0;position: absolute;top: 0;left: 0;overflow: hidden;z-index: 1;}
.fs-block figure:first-child{z-index: 10;}
.fs-block figure img{position: absolute;top: 0;left: 0;display: block;}
.fs-block figcaption{padding: 0 20px;margin: 0;position: absolute;width: 100%;top: 0;overflow: hidden;height: 0%;opacity: 0;text-align: center;-webkit-transition: all 700ms cubic-bezier(0, 0, .15, 1);-moz-transition: all 700ms cubic-bezier(0, 0, .15, 1);-o-transition: all 700ms cubic-bezier(0, 0, .15, 1);-ms-transition: all 700ms cubic-bezier(0, 0, .15, 1);transition: all 700ms cubic-bezier(0, 0, .15, 1);}
.fs-block figcaption.fs-transition{height: 35%;opacity: 1;}
.fs-block figcaption h3{font-size: 40px;line-height: 40px;margin: 0;padding: 20px 0;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);font-family: 'Prata', serif;font-weight: normal;}
.fs-navigation{position: absolute;z-index: 2000;bottom: 10px;right: 15%;margin-right: 15px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.fs-navigation span{float: left;width: 37px;height: 47px;border-radius: 4px;text-indent: -90000px;cursor: pointer;opacity: 0.6;margin-right: 3px;background: rgba(0,0,0,0.4) url("../images/arrow.png"/*tpa=http://103.248.152.27:1081/images/arrow.png*/) no-repeat 50% 50%;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;transition: all 0.3s linear;pointer-events: auto;}
.fs-navigation span:nth-child(2){-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.fs-navigation span:hover{opacity: 1;}
/* Transitions*/.fs-block:nth-child(1) figure{-webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;-moz-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;-o-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;-ms-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;}
.fs-block:nth-child(2) figure{-webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;-moz-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;-o-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;-ms-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;}
.fs-block:nth-child(3) figure{-webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1);-moz-transition: width 900ms cubic-bezier(0, 0, .15, 1);-o-transition: width 900ms cubic-bezier(0, 0, .15, 1);-ms-transition: width 900ms cubic-bezier(0, 0, .15, 1);transition: width 900ms cubic-bezier(0, 0, .15, 1);}
/* Media Queries*/@media screen and (max-width: 1024px){.fs-block figcaption h3{font-size: 26px;}}
@media screen and (max-width: 768px){.fs-block figcaption{padding: 0 10px;}
.fs-block figcaption h3{font-size: 16px;padding: 10px 0;}
.fs-block figcaption p{font-size: 13px;}}

.container{width: 100%;position: relative;}
.clr{clear: both;padding: 0;height: 0;margin: 0;}
.main{width: 90%;margin: 0 auto;position: relative;margin-top:330px}
.container > header{margin: 10px;padding: 20px 10px 10px 10px;position: relative;display: block;text-shadow: 1px 1px 1px rgba(0,0,0,0.2);text-align: center;}
.container > header h1{font-size: 34px;line-height: 34px;margin: 0;position: relative;font-weight: 300;color: #666;text-shadow: 1px 1px 1px rgba(255,255,255,0.9);}
.container > header h2{font-size: 14px;font-weight: 300;margin: 0;padding: 15px 0 5px 0;color: #888;font-family: Cambria, Georgia, serif;font-style: italic;text-shadow: 1px 1px 1px rgba(255,255,255,0.9);}
/* Header Style*/.codrops-top{line-height: 24px;font-size: 11px;background: #fff;background: rgba(255, 255, 255, 0.3);text-transform: uppercase;z-index: 9999;position: relative;font-family: Cambria, Georgia, serif;box-shadow: 1px 0px 2px rgba(0,0,0,0.2);}
.codrops-top a{padding: 0px 10px;letter-spacing: 1px;color: #333;display: inline-block;}
.codrops-top a:hover{background: rgba(255,255,255,0.6);}
.codrops-top span.right{float: right;}
.codrops-top span.right a{float: left;display: block;}
.support-note span{color: #ac375d;font-size: 16px;display: none;font-weight: bold;text-align: center;padding: 5px 0;}
.no-cssanimations .support-note span.no-cssanimations,
.no-csstransforms .support-note span.no-csstransforms,
.no-csstransforms3d .support-note span.no-csstransforms3d,
.no-csstransitions .support-note span.no-csstransitions,
.no-generatedcontent .support-note span.no-generatedcontent{display: block;}

 

#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:1580px;height:145px;margin-left:205px;margin-top:223px;z-index:999}
.m6piccon li{float:left;width:70.8px;height:93.2px;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;}



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

.gif-container {
	width:1920px;height:850px;left: 50%;margin-left: -960px; margin-top:-1px;
	overflow: hidden;
	position: relative;
    background-image: url('../images/装备展示1.jpg') no-repeat center;
	background-position: 0px -0px;
}
.sm2{
	width:1920px;height:898px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/sm2.jpg"/*tpa=http://103.248.152.27:1081/images/sm2.jpg*/) no-repeat top;
	background-position: 0px -0px;	
}


.sm3{
	width:1920px;height:900px;left: 50%;margin-left: -960px; margin-top:-1px;
	overflow: hidden;
	position: relative;
	background: url("../images/sm3.gif"/*tpa=http://103.248.152.27:1081/images/sm3.gif*/) no-repeat top;
	background-position: 0px -0px;	
}
.sm4{
	width:1920px;height:900px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/sm4.gif"/*tpa=http://103.248.152.27:1081/images/sm4.gif*/) no-repeat top;
	background-position: 0px -0px;	
}

.sm5{
	width:1920px;height:900px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/sm5.gif"/*tpa=http://103.248.152.27:1081/images/sm5.gif*/) no-repeat top;
	background-position: 0px -0px;	
}

.sm6{
	width:1920px;height:963px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/sm6.gif"/*tpa=http://103.248.152.27:1081/images/sm6.gif*/) no-repeat top;
	background-position: 0px -0px;	
}


.sm2 video {position: absolute;
            top: 0;
            left: 0;}

.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"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/css/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:1000px;position:relative;overflow:hidden;z-index:11;}
#Flash{
	width:1920px;
	height:1000px;
	position:absolute;
	left:50%;
	margin:0px auto -272px -960px;
	z-index:3
}
#Header{
	margin:0 auto -290px -960px;
	width:1920px;
	height:1000px;
	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"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/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;
}


.border_top,.border_right,.border_bottom,.border_left{ overflow:hidden; line-height:0;background:#d9b037; position:absolute;}
.border_top{left:50%;top:0;height:2px;}
.border_right{top:50%;right:0;width:2px;}
.border_bottom{left:50%;bottom:0;height:2px;}
.border_left{top:50%;left:0;width:2px;}

.photo,.photo_fullsize{display:block;overflow:hidden;}
.photo img,.photo_fullsize img{display:block;width:100%;height:100%;}

.PicList{float:left;}
.PicList li{float:left;width:420px;height:auto;margin-right:9px;margin-bottom:50px;}
.PicList li.hover_{position:relative;box-shadow:0 0 24px rgba(0,0,0,0.7);z-index:1500;}
.PicList li:nth-of-type(3n){margin-right:0px;}
.PicList li .photo{width:100%;height:100%;position:relative;display:block;}



.swiper-container {
      width: 100%;
      height: 100%;max-width: 1600px;
    }
	.swiper-wrapper{ width:90%;}
    .swiper-slide {
      text-align: center;
      font-size: 18px;

      
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.3);
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
.swiper-button-next,.swiper-button-prev{width:30px!important;height: 60px!important;top:37%;}
.swiper-button-next:after,.swiper-button-prev:after{ content:'';}
.swiper-button-next{background: url("../images/01x.png"/*tpa=http://103.248.152.27:1081/images/01x.png*/)!important; right:66px!important}
.swiper-button-prev{background: url("../images/02x.png"/*tpa=http://103.248.152.27:1081/images/02x.png*/)!important; left:-292px}

.swiper-slide-active{z-index:1;}
.swiper-slide-next{z-index:0;}

.swiper-slide-active img{margin-left: -41px;}
.swiper-slide-prev img{margin-left: -832px;}
.swiper-slide-next img{    margin-right: -473px;}




#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;color:#fff;}

.items {width: 1149px;left:50%;margin-left: -514px;margin-top: 214px;}
.items ul{}
.items li{width: 50px;height: 158px;float:left;list-style:none;margin-right: 97px;}

.itemcss{position:relative;width: 48px;height: 48px;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;}

.items.ss1{width: 1491px;left: 50%;margin-left: -654px;margin-top: 310px;}
.items.ss1 li{height: 74px;}

.items.ss2{width: 1491px;left: 50%;margin-left: -654px;margin-top: 492px;}
.items.ss2 li{height: 74px;}

.ab {
    position: absolute;
}

#wrapss{padding-top:190px;margin:0 auto;width: 1000px;height: 400px;}
#wrapss > ul{width: 120%;list-style: none;}
#wrapss > ul > li{float: left;width: 100px;height: 400px;cursor: pointer;border: solid 1px #484848;box-shadow: 10px 10px 5px #0d0d0d;}
#wrapss > ul > li:nth-child(1){background: url("../img/1.html"/*tpa=http://103.248.152.27:1081/img/1.html*/) no-repeat center/cover;}
#wrapss > ul > li:nth-child(2){background: url("../img/2.html"/*tpa=http://103.248.152.27:1081/img/2.html*/) no-repeat center/cover;}
#wrapss > ul > li:nth-child(3){background: url("../img/3.html"/*tpa=http://103.248.152.27:1081/img/3.html*/) no-repeat center/cover;}
#wrapss > ul > li:nth-child(4){background: url("../img/4.html"/*tpa=http://103.248.152.27:1081/img/4.html*/) no-repeat center/cover;width: 700px;}	
#wrapss > ul > li > .text{width: 100px;height: 100%;background: #000;font-size:16px;opacity: .6;}
#wrapss > ul > li > .text p{padding: 20px 40px;font-family: 'Microsoft yahei';font-size:16px;color: #e7d4b9;}


.navs {width: 963px;height: 65px;left:50%;margin-left: -483px;top: 0px;z-index: 99;}
.nav1,.nav2,.nav3,.nav4,.nav5 ,.nav6{width: 125px;height: 65px;}
.nav1 {}
.nav2 {}
.nav3 {}
.nav4 {margin-left: 210px;}
.nav5 {}
.nav6 {float: right;}


	#window{width:100%;height:100%; position:fixed;top:0;left:0;background: url("../images/heibg.png"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/images/prev.png*/) no-repeat 0 0;}
.heroMain a.next{right: 0; background: url("../images/next.png"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/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"/*tpa=http://103.248.152.27:1081/images/smfoot.jpg*/);
}



	.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"/*tpa=http://103.248.152.27:1081/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: #593d19;padding:2px 0;margin: -2px 0;color: #fff;font-size: 28px;}

.ml10{margin-left:10px;}
.m5{width:100%;height:auto;overflow:hidden;padding-bottom:100px;margin-top:240px;background: url("../images/footb1g.png"/*tpa=http://103.248.152.27:1081/images/footb1g.png*/) bottom no-repeat; z-index:999999; }
.zb{width:1281px;height:auto;overflow:hidden;margin:0 auto;padding:10px 00px 00px 00px;padding-top:10px;padding-top:10px;padding-bottom:10px;}


.zb_3bg{
	padding:10px 10px 10px;
	width:398px;
	height:inherit;
	overflow:hidden;
	float:left;
	background: url("../images/bg06.jpg"/*tpa=http://103.248.152.27:1081/images/bg06.jpg*/);
	position:relative;
	border:1px solid #4d3b2d;
}
.zb_3{
	padding:10px 10px 10px 10px;
	width:378px;
	height:inherit;
	overflow:hidden;
	float:left;
	position:relative;
	overflow:hidden;
	background: url("../images/bg06.jpg"/*tpa=http://103.248.152.27:1081/images/bg06.jpg*/);
	box-shadow:0 0px 14px rgba(0,0,0,0.84) inset;
}
.zb_3_t{width:378px;height:41px;float:left;background:#132325;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.zb_3_d{width:378px;height:0px;float:left;background:#ece8e5;position:relative}
.zb_3 .role-itemst{
	width:368px;
	height:inherit;
	position:relative;
	padding:5px;
}
.zb_3 .role-itemst img{
	/* [disabled]width:368px; */
	height:inherit;
	overflow:hidden;
	display:block;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}

	.PartTitle2{padding:4px 0 14px 38px;height:35px;line-height:35px;position:relative;font-size:19px;font-weight:normal;color:#ab8324;background:url("../images/icon_.png"/*tpa=http://103.248.152.27:1081/images/icon_.png*/) no-repeat left center;border-bottom:1px solid #ab8324;}
	.PartTitle2 span{font-size:13px;font-family:'times new roman', times, serif;color:#fad99f;text-transform:uppercase;}
	.PartTitle2 .more{position:absolute;font-size:12px;color:#000;right:5px;padding-right:27px;background:url("../images/icon_more.png"/*tpa=http://103.248.152.27:1081/images/icon_more.png*/) no-repeat right center;}
	.PartTitle2 .more:hover{color:#fad99f;}

.sm2 img{border:1px solid #fedea0;}
.foot235{
	width:1920px;
	height:142px;
	left: 50%;
	margin-left: -960px;
	position: relative;
	background-position: 0px -0px;
	background-image: url("../images/235foot.jpg"/*tpa=http://103.248.152.27:1081/images/235foot.jpg*/);
}
#Download{
	width: 764px;
	height: 172px;
	text-align:center;
	position:absolute;
	top:720px;
	left:40%;
	margin-left: -176px;
	z-index:51;
	border-radius:5px;
	background:url("../images/down.png"/*tpa=http://103.248.152.27:1081/images/down.png*/) no-repeat left top;
}
#Download .btn_down_s1{float:left;width: 320px;height: 87px;text-indent:-999em;margin-left: 107px;margin-top: 43px;}
#Download .btn_down_s2{float:left;width: 143px;height: 91px;text-indent:-999em;margin-left: 3px;margin-top: 39px;}
#Download .btn_down_s3{float:left;width: 99px;height: 101px;text-indent:-999em;margin-left: 18px;margin-top: 35px;}
#Download .btn_down_s4{float:left;width: 120px;height: 89px;text-indent:-999em;overflow:hidden;margin-left: 13px;margin-top: 42px;}



.zb_2bg{padding:10px 10px 10px;width:613px;height:auto;overflow:hidden;float:left;background: url("../images/bg06.jpg"/*tpa=http://103.248.152.27:1081/images/bg06.jpg*/);position:relative;border:1px solid #4d3b2d;}
.zb_2{padding:10px 10px 10px 10px;width:593px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background: url("../images/bg06.jpg"/*tpa=http://103.248.152.27:1081/images/bg06.jpg*/);box-shadow:0 0px 14px rgba(0,0,0,0.84) inset;}
.zb_2_t{width:593px;height:41px;float:left;background:#132325;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.zb_2_d{width:593px;height:0px;float:left;background:#ece8e5;position:relative}
.zb_2 .role-itemst{width:583px;height:auto;float:left;position:relative;}
.zb_2 .role-itemst img{width:583px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}

.zb_1bg{padding:10px 10px 10px;width:1228px;height:auto;overflow:hidden;float:left;background: url("../images/bg06.jpg"/*tpa=http://103.248.152.27:1081/images/bg06.jpg*/);position:relative;border:1px solid #4d3b2d;}
.zb_1{padding:10px 10px 10px 10px;width:1200px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background: url("../images/bg06.jpg"/*tpa=http://103.248.152.27:1081/images/bg06.jpg*/);box-shadow:0 0px 14px rgba(0,0,0,0.84) inset;}
.zb_1_t{width:1200px;height:41px;float:left;background:#132325;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.zb_1_d{width:1200px;height:0px;float:left;background:#ece8e5;position:relative}
.zb_1 .role-itemst{width:1200px;height:auto;float:left;position:relative;}
.zb_1 .role-itemst img{width:1200px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}
.zb_1 .role-itemsts{width:1228px;height:auto;float:left;position:relative;}
