@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent;
	/*vertical-align:baseline;*/
}

ul li{
    list-style: none;
}
ul{list-style:none ;}
img{border:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
html{
    height: 100%;
}
body {   
    background-image: url(../images/bg.jpg);
    background-color: #000!important;
	background-position: center top;
	background-repeat: no-repeat;
    position: relative;
    height:100%;
    min-width:980px;
}
a:link, a:visited{text-decoration:none;}
img {
     height: auto;
     max-width: 100%;
}

#particles-js{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
}
.s0{
    width: 100%;
    position:relative;
    -webkit-animation:boat-start 1s infinite;
	-moz-animation:boat-start 1s infinite;
	animation:boat-start 1s infinite;

}
.s1{
	width: 100%;
	height: 1000px;
    position:relative;
}
.s2{
	width: 100%;
	height: 1000px;
	margin-top: 230px;
    position:relative;
}
.s3 {
	background: url(../images/footer.png) center 0 no-repeat #000;
	height: 100px;
}
.s3 .innerWrap {
    position: relative;
    margin: 0 auto;
    width: 1000px;
}
/* bottom - bottom */
.s0 .boat-bot-layer{
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
.s0 .boat-bot-layer .bottom{
	width: 1000px;
    height: 945px;
    position: relative;
    border-radius: 2px;
    background-image: url(../images/char.png);
    background-position: center 166px;
    background-repeat: no-repeat;
}
.s0 .boat-bot-layer .bottom:before{
	left:-15px;
	width:25px;
	height:25px;
	background:inherit;
	border-radius:inherit;
	-webkit-transform:skewX(25deg);
	-moz-transform:skewX(25deg);
	-ms-transform:skewX(25deg);
	transform:skewX(25deg);
}
.s0 .boat-bot-layer .bottom:after{
	top:-13px;
	left:28px;
	width:5px;
	height:5px;
	border-radius:50%;
	background:inherit;
}

.s0 .water{
	bottom:0;
	left:150px;
	position:absolute;
}
.s0 .water .drops{
	width:300px;
	height:22px;
	position:relative;
}
.s0 .water .drop{
	left:0;
	bottom:0;
	background:#fff;
	position:absolute;
}


@-webkit-keyframes boat-start{
	0%{
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
	50%{
		-webkit-transform:translateY(4px);
		-moz-transform:translateY(4px);
		transform:translateY(4px);
	}
	100%{
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@keyframes boat-start{
	0%{
		-webkit-transform:none;
		-moz-transform:none;
		        transform:none;
	}
	50%{
		-webkit-transform:translateY(4px);
		-moz-transform:translateY(4px);
		        transform:translateY(4px);
	}
	100%{
		-webkit-transform:none;
		-moz-transform:none;
		        transform:none;
	}
}

@-webkit-keyframes blink{
	25%{
		visibility:hidden;
	}
	50%{
		visibility:hidden;
	}
	100%{
		visibility:visible;
	}
}
@keyframes blink{
	25%{
		visibility:hidden;
	}
	50%{
		visibility:hidden;
	}
	100%{
		visibility:visible;
	}
}
/*TAB*/
.abgne_tab {
	width: 1100px;
	height: 1145px;
	background: url(../images/abgne_tabbg.png) no-repeat;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0 auto;
	z-index: 5;
}
ul.tabs {
	position: absolute;
	top: 130px;
	width: 10%;
	height: 285px;
	overflow: hidden;
	margin-bottom: 30px;
	z-index: 6;
}
ul.tabs:after {
	content: "";
	display: block;
	clear: both;
}
ul.tabs li {
	float: left;
	height: 92px;
	line-height: 35px;
	width: 100px;
    margin-bottom: 5px;
}

ul.tabs li:first-child { margin-left: 0px; }
ul.tabs li a {
	height: 100%;
	display: block;
	background-image: url(../images/tabs.png);
	background-position-x: 0;
}
ul.tabs li a {background-position-x: -23px;background-position-y: -6px;}
ul.tabs li+li a {background-position-y: -101px;background-position-x: -26px;}
ul.tabs li+li+li a {background-position-y: -198px;background-position-x: -26px;}
ul.tabs li+li+li+li a {background-position-y: -199px;}
ul.tabs li+li+li+li+li a {background-position-y: -265px;}
ul.tabs li+li+li+li+li+li a {background-position-y: -332px;}
ul.tabs li+li+li+li+li+li+li a { background-position-y: -300px; }
ul.tabs li a:hover,
ul.tabs li.active a {background-position-x: -381px;/* background-position-y: -100px; */}
ul.tabs li.active a:hover { cursor: default; }
.tab_container{
    margin-top: 39px;
}
/* banner-box */
.banner-box{min-width:1210px;height: 1200px;position:relative;overflow:hidden;z-index:5;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1210px;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:360px;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:1210px;position:absolute;top:120px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:210px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}

.banner-box2{min-width:1210px;height: 1220px;position:relative;overflow:hidden;z-index:5;}
.banner-box2 .bd{ width:100% !important;}
.banner-box2 .bd li .m-width {width:1210px;margin:0 auto;overflow:hidden;}
.banner-box2 .bd li{width:100% !important;height:360px;}
.banner-box2 .bd li a{display:block;background-size:auto;}

.banner-btn{width:1210px;position:absolute;top:120px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}

.banner-box2 .hd {position:absolute;top:210px;left:537px;}
.banner-box2 .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box2 .hd ul li.on{background:#DA324D;}

.banner-box3{min-width:1210px;height:1240px;position:relative;overflow:hidden;z-index:5;}
.banner-box3 .bd{ width:100% !important;}
.banner-box3 .bd li .m-width {width:1210px;margin:0 auto;overflow:hidden;}
.banner-box3 .bd li{width:100% !important;height:360px;}
.banner-box3 .bd li a{display:block;background-size:auto;}

.banner-btn{width:1210px;position:absolute;top: 527px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width: 100px;height: 190px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background: url(../images/foot.png) no-repeat -132px 0;}

.banner-box3 .hd {position:absolute;top:210px;left:537px;}
.banner-box3 .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box3 .hd ul li.on{background:#DA324D;}

.banner-box4{min-width:1210px;height:1100px;position:relative;overflow:hidden;z-index:5;}
.banner-box4 .bd{ width:100% !important;}
.banner-box4 .bd li .m-width {width:1210px;margin:0 auto;overflow:hidden;}
.banner-box4 .bd li{width:100% !important;height:360px;}
.banner-box4 .bd li a{display:block;background-size:auto;}

.banner-box4 .hd {position:absolute;top:210px;left:537px;}
.banner-box4 .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box4 .hd ul li.on{background:#DA324D;}

.banner-btn4{width:1210px;position:absolute;top: 310px;left:50%;margin-left:-605px;}
.banner-btn4 a{display:block;width: 100px;height: 190px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn4 a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn4 a.next{right:20px;background: url(../images/foot.png) no-repeat -132px 0;}
.height1{
	height: 78px;
}
ul.qlink {
	background-image: url(../images/copybg.png);
	height: 325px;
	position: fixed;
	top: 50%;
	margin-top: -140px;
	right: 50px;
	z-index: 199;
}
ul.qlink2 {
	height: 325px;
	position: fixed;
	top: 50%;
	margin-top: -120px;
	left: 5px;
	z-index: 199;
}
ul.qlink li { margin: 0px 0; }
ul.qlink2 li {margin: 10px 0;}
ul.qlink li a {
	background-position: 0 -80px;
	filter: brightness(.65);
	width: 140px;
	height: 65px;
	background-image: url(../images/copyright.png);
	text-indent: -9999px;
	display: block;
}
ul.qlink2 li a {
	background-position: 0 3px;
	filter: brightness(.65);
	width: 223px;
	height: 90px;
	background-image: url(../images/tabs2.png);
	text-indent: -9999px;
	display: block;
}
ul.qlink li+li a {background-position-y: -148px;}
ul.qlink2 li+li a {background-position-y: -93px;}
ul.qlink2 li a:hover {background-position: -227px 3px;}
ul.qlink2 li+li a:hover {background-position: -227px -93px;}
.page_1 ul.qlink li.qlink_page_1 a,
.page_2 ul.qlink li.qlink_page_2 a,
ul.qlink li a:hover {filter: brightness(1);}

.btn0, .btn1, .btn2, .btn3, .btn4, .btn5,.btn6, .btn7, .btn8, .btn9, .btn10, .btn11, .btn12, .btn13, .btn14 {
    background-position: -19px -299px;
    width: 118px;
    height: 104px;
    background-image: url(../images/tabs.png);
    position: absolute;
    top: 417px;
	left: -10px;
	z-index: 5;
	cursor: pointer; 
}
.btn0:hover, .btn1:hover, .btn2:hover, .btn3:hover, .btn4:hover, .btn5:hover, .btn6:hover, .btn7:hover, .btn8:hover, .btn9:hover, .btn10:hover, .btn11:hover, .btn12:hover, .btn13:hover, .btn14:hover{
    background-position: -375px -299px;
}
#chgicon, #chgicon1, #chgicon2, #chgicon3, #chgicon4, #chgicon5, #chgicon6, #chgicon7, #chgicon8, #chgicon9, #chgicon10, #chgicon11, #chgicon12, #chgicon13, #chgicon14{
	display: none;
}
#chgiconbg{
	position: absolute;
	width: 100%;
	height: 3420px;
	background-image: url(../images/1120.png);
    position: fixed;
	z-index: 2;
	display: none;
	background-position: center;
}
@media screen and (max-width: 999px) { 
	body {
		background-position: -365px top;
	}
	.s3 {
		min-width: 1200px;
	}
	.banner-box4 .bd li .m-width {
		width: 100%;

	}
	#chgiconbg{
		background-image: initial;
		background-color: rgba(0, 0, 0, 0.6);
	}
}