@charset "utf-8";
body { background-color: #000!important; }
html, body {
	width: 100%;
	overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
img{
    max-width:100%; 
	height:auto;
	border:none;
}

.bg1{
	margin:0px;
    padding:0px;
	background: url(../images/bg1.jpg) top center no-repeat;
	position: relative;
	width: 100%;
	display:block;
}
.bg2{
	margin:0px;
    padding:0px;
	background: url(../images/bg2.jpg) top center no-repeat;
	position: relative;
	width: 100%;
    display:block;
    padding-top: 7rem;
}
.bg3{
	margin:0px;
    padding:0px;
	background: url(../images/bg3.jpg) top center no-repeat;
	position: relative;
	width: 100%;
    display:block;
    padding-top: 7rem;
}
.bg4{
	margin:0px;
    padding:0px;
	background: url(../images/bg4.jpg) top center no-repeat;
	position: relative;
	width: 100%;
    display:block;
    padding-top: 7rem;
}
.title{
    position: absolute;
    left: 50%;
    top: 13rem;
    margin-left: -18rem;
    background: url(../images/title.png) top center no-repeat;
    /* position: relative; */
    width: 542px;
    height: 566px;
    display:block;
    z-index: 3;
}
.main2_1{
    background: url(../images/2-1.png) top center no-repeat;
	margin: 0 auto;
	position: relative;
    width: 1085px;
    height: 523px;
	display:block;
}
.main2_2{
    margin: 11px auto;
    position: relative;
    max-width: 100%;
    height: 600px;
    display:block;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.main2_3{
    background: url(../images/2-3.png) top center no-repeat;
	margin: 0 auto;
	position: relative;
	width: 1085px;
	height: 523px;
	display:block;
}
.main3_1{
    background: url(../images/3-1.png) top center no-repeat;
	margin: 0 auto;
	position: relative;
    display:block;
    width: 1140px;
    height: 639px;
}
.main3_2{
    background: url(../images/3-2.png) top center no-repeat;
	margin: 0 auto;
	position: relative;
    display:block;
    width: 1140px;
    height: 639px;
}
.main3_3{
    background: url(../images/3-3.png) top center no-repeat;
	margin: 0 auto;
	position: relative;
    display:block;
    width: 1140px;
    height: 639px;
}
.main4{
	margin: 0 auto;
	background: url(../images/4.png) top center no-repeat;
	position: relative;
    width: 1085px;
    height: 608px;
	display:block;
}
/*
.logo {
    background: url(../images/logo2.png) top center no-repeat;
    width: 192px;
    height: 71px;
    display: block;
    position: absolute;
    left: 50%;
    top: 17rem;
    margin-left: -7rem;
    z-index: 5;
}*/
.logo a{
    width: 192px;
    height: 71px;
    display: block;
}
#menu {
    position: absolute;
    top: 39%;
    left: 0;
    height: 40px;
    z-index: 70;
    width: 10%;
    padding: 0;
    margin: 0;
    z-index: 3;
}
#menu li {
    background: url(../images/btn.png) 0 0 no-repeat;
    width: 122px;
    height: 29px;
     -webkit-border-radius:inherit;
    border-radius:inherit;
    font-weight:bold;
}
#menu li a, #menu li.active a {
    padding: 2px 18px;
    display: block;
    text-align:center;
    color:#402f11;
}
#menu li:hover{
	background: url(../images/btn.png) -122PX 0 no-repeat;
}
#menu li.active {
    background: url(../images/btn.png) -122PX 0 no-repeat;
    color: #fff;
}
#menu li.active a {
    color: #fff!important;
}
.navbar-nav {
    position: absolute;
    right: 2rem;
}
.bg-primary {
    background-color: #000!important;
}
.bigbtnall{
    position: fixed;
    top: 242px;
    right: 15px;
    z-index: 200;
}
.bigbtn {
    background: url("../images/bigbtn.png") center top no-repeat;
    width: 125px;
    height: 135px;
    background-position-x: 0;
    display: block;
    font-size: 0;
    /* margin-top: -20px; */
}
[class*="bigbtn"]:hover{background-position-x: -126px;}
.bigbtnmember{background-position-y: 0;}
.bigbtndownload{background-position-y: -129px;}
.bigbtnfb{background-position-y: -262px;}
/*footer {
    position: absolute;
    bottom: 0;
    background: url(../images/footer.png) 0 0 no-repeat;
    width: 100%;
    height: 96px;
}*/

.abgne_tab {
	width: 1100px;
	height: 1145px;
	margin: 750px auto 0;
	/*margin: 3881px auto 0;
	margin: 4161px auto 0;*/
	padding: 92px 72px;
}
ul.tabs {
	width: 50%;
	height: 70px;
	overflow: hidden;
	margin-bottom: 30px;
	margin: 0 auto;
}
ul.tabs:after {
	content: "";
	display: block;
	clear: both;
}
ul.tabs li {
	float: left;
	height: 58px;
	line-height: 35px;
	width: 141px;
	margin-left: 10px;
}
.tab_container{
    margin: 0 auto;
    width: 1120px;
}
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: -5px;background-position-y: -15px;}
ul.tabs li+li a {background-position-y: -79px;background-position-x: -5px;}
ul.tabs li+li+li a {background-position-y: -145px;background-position-x: -5px;}
ul.tabs li a:hover,
ul.tabs li.active a {background-position-x: -361px;/* background-position-y: -80px; */}
ul.tabs li.active a:hover { cursor: default; }
/*ebd*/
/*é ç±¤2*/
.abgne_tab2 {
	width: 1100px;
	height: 1145px;
	margin: 750px auto 0;
	/*margin: 3881px auto 0;
	margin: 4161px auto 0;*/
	padding: 92px 72px;
}
ul.tabs2 {
	width: 50%;
	height: 70px;
	overflow: hidden;
	margin-bottom: 30px;
	margin: 0 auto;
}
ul.tab2:after {
	content: "";
	display: block;
	clear: both;
}
ul.tabs2 li {
	float: left;
	height: 58px;
	line-height: 35px;
	width: 176px;
	margin-left: 10px;
}
.tab_container2{
    margin: 0 auto;
    width: 1120px;
}
ul.tabs2 li:first-child { margin-left: 0px; }
ul.tabs2 li a {
	height: 100%;
	display: block;
	background-image: url(../images/tabs2.png);
	background-position-x: 0;
}
ul.tabs2 li a {background-position-x: -5px;background-position-y: -15px;}
ul.tabs2 li+li a {background-position-y: -79px;background-position-x: -5px;}
ul.tabs2 li+li+li a {background-position-y: -145px;background-position-x: -5px;}
ul.tabs2 li a:hover,
ul.tabs2 li.active a {background-position-x: -361px;/* background-position-y: -80px; */}
ul.tabs2 li.active a:hover { cursor: default; }
/*ebd*/
/*火焰*/
.particles-js{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/*END*/
.fp-controlArrow.fp-prev {
    left: 300px;
    border-color: transparent #d49a64 transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 300px;
    border-color: transparent transparent transparent  #d49a64;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #d49a64;
}
.navbar-dark .navbar-brand {
    position: relative;
    margin-left: -20rem;
}

@media screen and (max-width:767px){
   /*body{
        -webkit-transform: rotate(90deg);
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0; 
    }*/
    .navbar-nav {
		position:inherit;
		right: inherit;
	}
	.navbar-dark .navbar-brand {
		position: relative;
		margin-left: 0;
    }
    .main2_1 {
        width: 100%;
        background-size: 100%;
        left: 0;
        margin: 0 auto;
    }
    .main2_2 img{
        width: 100%;
        background-size: 80%;
        left: -5.0rem;
    }
    .main2_2 {
        left: 0;
        width: 100%;
    }
    .main2_3 {
        width: 100%;
        background-size: 100%;
        left: 0;
    }
    .main3_1 {
        width: 100%;
        background-size: 100%;
        left: 0;
    }
    .main3_2 {
        width: 100%;
        background-size: 100%;
        left: 0;
    }
    .main3_3 {
        width: 100%;
        background-size: 100%;
        left: 0;
    }
    .main4 {
        width: 100%;
        background-size: 100%;
        margin-top: 3rem;
        left: 0;
    }
    .fp-controlArrow.fp-prev {
        left: 0;
    }
    .fp-controlArrow.fp-next {
        right: 0;
    }
    #menu {
        position: fixed;
        width: 100%;
        top: 11%;
    }
    #menu li {
        margin: 0.2rem;
        float: left;
        width: fit-content;
    }
    .bigbtndownload, .bigbtnfb {
        display:none;
    }
    .bigbtnall {
        position: fixed;
        bottom: 0!important;
        top: inherit;
    }
    footer {
        background: url(../images/footer_m.png) 0 0 no-repeat;
        height: 180px;
        background-size: 67%;
        bottom: -1.8rem;
    }
    .title {
        width: 414px;
        height: 265px;
        top: -85px;
        left: -20px;
        background-size: 77%;
        position: relative;
        margin: 0 auto;
    }
    .logo {
        position: relative;
        margin: 0 auto;
        top: 0;
        left: 0;
    }
    ul.tabs {
        width: 85%;
        height: 7rem;
        margin: 1.5rem auto 0.2rem;
        padding: 0rem 0 0 0;
    }
    ul.tabs2 {
        width: 100%;
        height: 7rem;
        overflow: hidden;
        margin: 3rem auto 0.2rem;
        padding: 0rem 0 0 0;
    }
    .tab_container {
        width: 100%;
    }
    .tab_container2 {
        width: 100%;
    }
}