* {
	padding: 0px;
	margin: 0px;
	font-family: "微软雅黑";
    /* transition: all .5s; */

}
span:focus,div:focus{
	 outline: none;
}
img{
	border: 0;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
textarea {
  resize : none;
}
a{
	text-decoration: none;	
	cursor: pointer;
	display: block;
}
li{
	list-style: none;
}
button{
	cursor: pointer;
}
.section{
	background: #efefef;
}
.warp{
	width: 100%;
	min-width: 14rem;
	overflow: hidden;
	position: relative;
}
.nav{
	height: 1.28rem;
	width: 100%;
	border-bottom: 0.01rem solid #43434366;
	background: #1b1b1b;
	position: fixed;
	z-index: 1;
	transition: .5s all
}
.logo1{
	width: .80rem;
	height: .71rem;
	display: block;
	position: absolute;
	top: .25rem;
	left: 1.13rem;
}
.nav_k{
    position: relative;
    right: .75rem;
    width: 4.14rem;
    height: 1.28rem;
    float: right;
}
.nav_k a{
    text-align: center;
    color: #d8d8d8;
    font-size: .16rem;
    float: left;
    line-height: 1.23rem;
    width: 1.37rem;
    margin-left: .01rem;
}
.nav_k a::before{
	display: block;
    position: absolute;
	width: 1.37rem;
	/* width: 0rem; */
	height: 0.05rem;
	bottom: 0;
    content:"";
    background: #fff;
	opacity: 0	;
	transition: all .3s;
}
.nav_k a:hover::before{
	transition: all .5s;
	/* width: 137px; */
	opacity: 1;
	/* border-bottom: 5px solid #fff; */
}

.nav_k a.white{
	color: #000
}
.nav_k a.white::before{
	background: #000;
}
.sec1{
	width: 19.20rem;
	height: 8.89rem;
	position: relative;
	/* background: url('../img/sec1_bj.png') no-repeat; */
	/* background-size: 100% 100%;	 */
	background: #1b1b1b;
}
.sec1 section{
	width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
	transition: unset;
}
.sec1_logo1,.sec1_logo2{
	width: 12.79rem;
	height: 3.10rem;
	display: block;
	position: absolute;
	top: 3rem;
	left: 50%;
	margin-left: -6.40rem
}
.sec1_footer{
	width: 19.20rem;
	height: .65rem;
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -9.60rem;
}
.sec2_bt{
	display: block;
	width: 2.80rem;
	height: .90rem;
	position: absolute;
	/* left: 258rem; */
	/* top: 74rem; */
	left: 1.45rem;
	top:0;
	/* top: -150rem; */
}
.sec2{
	width: 19.20rem;
	height: 8.89rem;
	position: relative;
	/* background: #3a3a; */
}
.sec2 section{
	width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
	transition: unset;
}
.sec2 .nr{
	position: absolute;
	top: 1.86rem;
	left: 1.45rem;
}
.swiper-container{
	width: 16.94rem;
	height: 8.19rem;
	overflow: visible;
	top: 2.02rem
}
.sec3{
	width: 19.20rem;
	position: relative;
	height: 8.89rem;
	/* background: #3a3dcd; */
}
.swiper-button-prev{
	width: .85rem;
	height: .90rem;
	background: url('../img/lb_left1.png') no-repeat;
	background-size: 100% 100%;
    top: 2.99rem;
    margin: 0;
    left: 0;
}
.swiper-button-prev:hover{
	background: url('../img/lb_left2.png') no-repeat;
	background-size: 100% 100%;
	transition: all .5s;
}
.swiper-button-next{
	width: .85rem;
	height: .90rem;
	background: url('../img/lb_right1.png') no-repeat;
	background-size: 100% 100%;
    top: 2.99rem;
    margin: 0;
    left: 15.73rem;
}
.swiper-button-next:hover{
	background: url('../img/lb_right2.png') no-repeat;
	background-size: 100% 100%;
	transition: all .5s;
}
.nr img{
	width: 4.73rem;
	height: 2.13rem;
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.lbt img{
    width: 7.25rem;
    height: 3.98rem;
    display: block;
    position: absolute;
    top: 1.9rem;
    left: 7.68rem;
    border: .01rem solid #3b3b3b;
}
.sec2_lbk{
	width: 7.45rem;
	height: 4.16rem;
	position: absolute;
	top: 1.89rem;
	left: 7.66rem;
	background: url('../img/lb_k.png') no-repeat;
	background-size: 100% 100%;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{
	height: .34rem;
    width: 7.8rem;
    position: absolute;
    left: 7.67rem;
    top: 1.27rem;
    display: block;
    font-size: .21rem;
    font-weight: bold;
}
.ces{
    display: block;
    position: absolute;
    width: .02rem;
    height: 0.09rem;
    bottom: .14rem;
    left: 1.75rem;
    content: "";
    background: #000;
    opacity: .2;
}
.ces::after{
	display: block;
    position: absolute;
    width: .02rem;
    height: 0.09rem;
    bottom: 0;
    left: 3.24rem;
    content: "";
    background: #000;
    text-align: center;
}

.swiper-pagination-bullets span{
	overflow: hidden;
	margin: 0!important;
}
.swiper-pagination-bullets span:nth-child(1){
	width: 2rem;
    display: block;
    border-radius: 0;
    background: none;
    height: 100%;
    text-align: left;
}

.swiper-pagination-bullets span:nth-child(2){
    width: 3.2rem;
    display: block;
    border-radius: 0;
    background: none;
    height: 100%;
    text-align: left;
}
.swiper-pagination-bullets span:nth-child(3){
	width: 2.5rem;
    display: block;
    border-radius: 0;
    background: none;
    text-align: left;
    height: 100%;
}
.swiper-pagination-bullet{
	float: left
}
.swiper-pagination-bullets::before{
    display: block;
    position: absolute;
    width: 7.2rem;
    height: 0.01rem;
    content: "";
    background: #999999;
    opacity: 1;
    bottom: 0;
    left: 0.06rem;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(1)::before{
	display: block;
    position: absolute;
    width: 1.58rem;
    height: 0.04rem;
    content: "";
    background: #000;
    opacity: 1;
	bottom: -0.03rem;
    left:0rem;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(2)::before{
	display: block;
    position: absolute;
    width: 2.84rem;
    height: .04rem;
    content: "";
    background: #000;
    opacity: 1;
    bottom: -.03rem;
    left: 2rem;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(3)::before{
	display: block;
    position: absolute;
    width: 2.02rem;
    height: .04rem;
    content: "";
    background: #000;
    opacity: 1;
    bottom: -.03rem;
    left: 5.2rem;
}
.return_next{
	width: .31rem;
    height: .31rem;
    position: absolute;
    bottom: 12%;
    left: 50%;
    line-height: .31rem;
    text-align: center;
    margin-left: -.155rem;
    border-radius: 100%;
    border: .01rem solid #000;
    font-size: .18rem;
}

.sec3 section{
	width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
	transition: unset;
}
.sec3_wrap{
	width:15.8rem;
	height: 7.1rem;
	position: relative;
	top: 2.32rem;
	left: 50%;
	margin-left: -7.9rem
}
.sec3_bt{
	width: 3.19rem;
	height: .91rem;
	display: block;
	position: absolute;
    top: 0;
    left: .06rem;
}
.sec3_go{
	width: 11.91rem;
    height: 2.55rem;
    position: absolute;
    top: 3.31rem;
    z-index: 0;
    left: 0;
}
.sec3_vk{
	width: 6.51rem;
	height: 5.30rem;
	position: absolute;
	/* top: .24rem; */
    top: 0;
	z-index: 1;
	left:7.4rem;
}
.sec3_vk li{
	width: 2.17rem;
	height: 2.65rem;
	float: left;
	position: relative;
	cursor: pointer;
}
.sec3_vk li .vk{
	width: 100%;
	height: 100%;
	display: block;
}
.sec3_vk li:nth-child(n+4):nth-child(-n+6){
	margin-top: -0.02rem;
}
.vk_box{
	width: 2.17rem;
	height: 3.77rem;
	position: absolute;
	background: #262626;
	z-index: 2;
	top: 0;
	left: 0;
	transition: .3s all;
	opacity: 0;
}
.vk_box::before{
    display: block;
    position: absolute;
    width: 2.17rem;
    height: 3.77rem;
    bottom: 0;
    content: "";
    opacity: 1;
    transition: all .3s;
    left: 0;
}
.vk_box img{
	width: 2.17rem;
	height: 3.77rem;
	display: block;
	/* opacity: 0 */
}
/* .sec3_vk li:hover .vk_box img{ */
    /* transition: all .6s; */
	/* opacity: 1; */
/* } */
.sec3_vk li:hover .vk_box{
	opacity: 1;
}
.sec3_vk li:hover  .vk_box::before{
    box-shadow: .19rem .22rem .17rem rgba(38, 38, 38, 0.4);
}
.yqljk{
	position: absolute;
	left: .15rem;
	top: 6.09rem;
	height: .7rem;
	width: 7.1rem;
	font-size: .2rem;
	font-weight: bold;
}
.yqljk::after{
	display: block;
    position: absolute;
    width: .12rem;
    height: .01rem;
    top:.28rem;
    content: "";
    left: 0;
    background: #e9505c;
}

#fp-nav ul li a.active span:nth-child(2){
	width: .26rem;
	height: .26rem;
	background: url('../img/fp.png') no-repeat;
	background-size: 100% 100%;
	margin: -.05rem;
}
#fp-nav.fp-right{
    width: .26rem; 
}
#fp-nav ul li{
	width: .26rem;
    height: .26rem;
	margin: .1rem auto;

}
#fp-nav ul li a span{
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin: .03rem 0 0 .03rem;
}
#fp-nav ul li a.active span{
	top: 0;
	left: 0;
}
#fp-nav ul li:hover a span{
	width: .16rem;
    height: .16rem;
    margin: 0
}
.g {
    width: 1.04rem;
    height: 1.04rem;
    position: absolute;
    top: .32rem;
    left: .54rem;
}

.g::before{
    display: block;
    position: absolute;
    width: 1.04rem;
    height: 1.04rem;
    bottom: 0;
    content:"";
    opacity: 0;
    z-index: 5;
    transition: all .3s;
    }
.g p{
    font-size: .2124rem;
    color: #262626;
    font-weight: bold;
    display: block;
    position: absolute;
    top: 1.08rem;
    left: -.54rem;
    width: 2.17rem;
    z-index: 5;
    transition: all .3s;
    text-align: center
}
.g p::before{
    display: block;
    position: absolute;
    width: .27rem;
    height: .02rem;
    background: #262626;
    content:"";
    transition: all .3s;
    z-index: 5;
    bottom: -.44rem;
    left: .94rem;
}
.g1{
    background: url('../img/sec3_g1_b.png') no-repeat;
    background-size: 100% 100%;
}
.g1::before{
    background: url('../img/sec3_g1_w.png?v=1') no-repeat;
    background-size: 100% 100%;
}
.g2{
    background: url('../img/sec3_g2_b.png') no-repeat;
    background-size: 100% 100%;
}
.g2::before{
    background: url('../img/sec3_g2_w.png') no-repeat;
    background-size: 100% 100%;
}
.g3{
    background: url('../img/sec3_g3_b.png') no-repeat;
    background-size: 100% 100%;
}
.g3::before{
    background: url('../img/sec3_g3_w.png') no-repeat;
    background-size: 100% 100%;
}
.g4{
    background: url('../img/sec3_g4_b.png') no-repeat;
    background-size: 100% 100%;
}
.g4::before{
    background: url('../img/sec3_g4_w.png') no-repeat;
    background-size: 100% 100%;
}
.g5{
    background: url('../img/sec3_g5_b.png') no-repeat;
    background-size: 100% 100%;
}
.g5::before{
    background: url('../img/sec3_g5_w.png') no-repeat;
    background-size: 100% 100%;
}
.g6{
    background: url('../img/sec3_g6_b.png') no-repeat;
    background-size: 100% 100%;
}
.g6::before{
    background: url('../img/sec3_g6_w.png?v=1') no-repeat;
    background-size: 100% 100%;
}
.sec3_vk li{
    overflow: hidden
}
.sec3_vk li:hover .g{
    opacity: 1;
    top: .08rem;
    background: none;
}
.sec3_vk li:hover .g p{
    color: #fbfbfb;
    top: 1rem;
}
.sec3_vk li:hover .g::before{
    opacity: 1;
}
.sec3_vk li:hover .g p::before{
    background: #fbfbfb;
    opacity: 1;
    bottom: -.16rem
}
.n1{
    width: 1.74rem;
    position: relative;
    bottom: 0;
    z-index: 4;
    margin: 0 auto 0;
    opacity: 0;
    transition: all .5s;
    
}
.sec3_vk li:hover .n1 {
    margin-top: -1rem;
    opacity: 1
}
.n1 p{
    font-size: 1.162rem;
    display: block;
    width: 20rem;
    color: #fbfbfb;
    font-weight: lighter;
    transform: scale(.1);
    transform-origin: 0 0;
    line-height: 0;
    margin-top: .3rem;
    text-indent: .45rem;
}
.vk_box.v1{
    background: url('../img/sec3_v1k_1.png') no-repeat;
    background-size: 100% 100%;
}
.vk_box.v2{
    background: url('../img/sec3_v2k_1.png') no-repeat;
    background-size: 100% 100%;
}
.vk_box.v3{
    background: url('../img/sec3_v3k_1.png') no-repeat;
    background-size: 100% 100%;
}
.vk_box.v4{
    background: url('../img/sec3_v4k_1.png') no-repeat;
    background-size: 100% 100%;
}
.vk_box.v5{
    background: url('../img/sec3_v5k_1.png') no-repeat;
    background-size: 100% 100%;
}
.vk_box.v6{
    background: url('../img/sec3_v6k_1.png') no-repeat;
    background-size: 100% 100%;
}
.yqlj{
    width: 12.04rem;
    height: .34rem;
    background: url('../img/yqlj2.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0
}
.yqljk{
    top: initial;
    bottom: 5%;
    left: 40%;
    margin-left: -6.02rem;
    height: .8rem;
}
.sec3_vk li.act1{
    z-index: 100;
    overflow: inherit;
}

.yqlj a{
    display: block;
    float: left;
    top: 0;
    margin-left: .21rem
}
.yqlj a:nth-child(1){
    width: 1.04rem;
    height: .34rem;
    margin-left:0
}
.yqlj a:nth-child(2){
    width: 1.48rem;
    height: .34rem;
}
.yqlj a:nth-child(3){
    width: 1.65rem;
    height: .34rem;
}
.yqlj a:nth-child(4){
    width: 1.31rem;
    height: .34rem;
}
.yqlj a:nth-child(5){
    width: 2.24rem;
    height: .34rem;
}
.yqlj a:nth-child(6){
    width: .81rem;
    height: .34rem;
}
.yqlj a:nth-child(7){
    width: 2.24rem;
    height: .3rem; 
}
.footer{
    width: 100%;
    height: 1.8rem; 
    position: relative;
    background: #1b1b1b;
    overflow: hidden;
}
#fp-nav ul li:nth-child(4){
    display: none
}
.footer p{
    color: #fff;
    text-align: center;
    display: block;
    font-size: .2rem;
    margin-top: .2rem
}

.p2 a{
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
    }
.p2{
    display: block;
    width: 6rem;
    height: .2rem;
    position: relative;
    left: 50%;
    margin-left: -3rem;
}
.sec1_logo1{
    overflow: hidden;
}
.sec1_logo1 img{
    width: 12.79rem;
    height: 3.10rem;
    display: block;
}
.return_next{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: floating;
}
@-webkit-keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(30%);
    }
    100% {
        transform: translateY(0%);
    }
}
@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(30%);
    }
    100% {
        transform: translateY(0%);
    }
}
.sec1_logo1{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    animation-duration: 2s;
    animation-name: width;
    width: 12.79rem
}
@-webkit-keyframes width {
    0%{
        width: 0
    }
    30% {
        width: 0
    }
    100% {
        width: 12.79rem
    }
}
@keyframes width {
    0%{
        width: 0
    }
    30% {
        width: 0
    }
    100% {
        width: 12.79rem
        
    }
}