@charset "utf-8";
/* CSS Document */
a {text-decoration: none; color:#000;}
a:hover {text-decoration: none !important;color: #fff;}
li {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
input, button, select, textarea {outline: none;}
button:focus{border:0; outline:0;}
table{border-collapse: collapse;}
th,tr,td{border: 1px solid #DDD;}
.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cl {zoom: 1;}

.in-title{text-align: left;padding: 56px 0;}
.in-title h2{font-size: 24px;color: #fff;font-family: 'OPPOSans-Ver2-Medium';line-height: 32px;display: inline-block;}
.in-title span{font-size: 24px;color: #505050;display: inline-block;margin-left: 16px;line-height: 32px;width:50%;}

.header{width: 100%;height:80px;background: rgba(0,0,0,0.1); backdrop-filter: blur(30px);position: fixed;top: 0;left: 0;z-index: 999;
-webkit-backdrop-filter: blur(30px);overflow: hidden;}
.header .logo{display: none;}
.header .logo img,.nav-logo img{height: 30px;}
.header .nav .one{width: 100%;justify-content: space-between;align-items: center;display: flex;height: 80px;margin: 0;}
.header .nav .one li{display: inline-block;}
.header .nav .one li a{font-size: 24px;color: #c3c3c3;transition: all 0.5s;position: relative;text-align: center;}
.header .nav .one li a:hover,.header .nav .one li.active a{color: #fff;}
.header .nav .one li a::after{content: "";width: 20px; height: 4px;background: #fff;border-radius: 30px;bottom: -67px;position: absolute;left: 14px;
transition: all 0.5s;}
.header .nav .one li a:hover::after,.header .nav .one li.active a::after{bottom: -21px;}
.header .nav .one .nav-logo a::after{display: none;}
.header .nav .one .nav-logo{height: 100%;display: flex;align-items: center;}
.header .nav .one .nav-logo a{font-size: 0px;}

.header .menu{display: none;width: 5vw;height: 2vw;cursor: pointer; position: absolute; right: 40px; top: 49%; transform: translateY(-64%); }
.header .menu span{
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    transition: all 0.3s ease-in;
    transform: rotate(58deg);
    margin-top: -1px;
    margin-left: -42px;
}
.header .menu span:nth-child(1){transform: rotate(-58deg); margin-left: -19px;margin-top: 0px;}

.header .menu.on span:first-child{margin-top: -9px; transform: rotate(46deg);}
.header .menu.on span:last-child {margin-top: -2px; transform: rotate(-46deg);margin-left: -20px;}

.sp_header,.sjj_nav{display: none;}

.foot{width: 100%;background: #fff;}
.foot-lx{}
.foot-lx .foot-lx-l .in-title h2{color: #262626;}
.foot-lx .foot-lx-l .in-title span{color: #505050;}
.foot-lx-r{display: flex;justify-content: space-between;align-items: flex-start;}
.foot-lx-r .foot-ewm{width: 130px;}
.foot-lx-r .foot-ewm img{width: 100%;}
.foot-lx .foot-lx-r{width: 100%;}
.foot-lx .foot-lx-r ul{display: flex;justify-content: right;}
.foot-lx .foot-lx-r ul li{display: inline-block;text-align: center;margin-left: 4vw;}
.foot-lx .foot-lx-r ul li h3{color: #525252;font-size:24px;margin:0 0 30px;}
.foot-lx .foot-lx-r ul li h3 a{color: #525252;}
.foot-lx .foot-lx-r ul li p{font-size:20px;line-height: 35px;}
.foot-lx .foot-lx-r ul li p a{color: #9f9f9f;}
.foot-lx .foot-lx-r ul li p a:hover{color: #525252;}
.foot-bq{width: 100%;text-align: center;padding:80px 0 20px;}
.foot-bq p{font-size: 16px;margin: 0;color: #999999;}
.foot-bq p a{display: inline-block;margin: 0 1vw;color: #999999;}

.foot-ny{background:#000;}
.foot-ny .foot-lx-l .in-title h2{color: #fff;}
.foot-ny .foot-lx .foot-lx-r ul li h3 a {color: #fff;}
.foot-ny .foot-lx-r ul li p a,.foot-ny .foot-bq p,.foot-ny .foot-bq p a{color: #505050;}
.foot-ny .foot-lx-r ul li p a:hover{color: #fff;}


.in-btn{text-align: center;width: 100%;}
.in-btn a{color: #fff;font-family: 'OPPOSans-Ver2-Medium';position: relative;
border-radius: 40px;display: inline-block;margin: 12vw auto 0;font-size: 24px;padding:20px 90px 18px;transition:0.5s;}
.in-btn a:after {content: "";position: absolute;z-index: -1;top: 0;left: 0;height: 100%;width: 100%;background: #fff;opacity: 0.1;
border-radius: 40px;transition: transform .5s cubic-bezier(.19,1,.22,1), opacity .5s cubic-bezier(.19,1,.22,1);}
.in-btn a:hover:after {opacity: 1;transform: scale(1.1);background: #fff;}
.in-btn a:hover{color: #000;}

.whiteBackground{background: #fff !important;}
.whiteBackground .in-btn a:after{background: #000;opacity: 0.07;
transition: transform .5s cubic-bezier(.19,1,.22,1), opacity .5s cubic-bezier(.19,1,.22,1);}
.whiteBackground .in-btn a:hover:after {
    opacity: 1;
    transform: scale(1.1);
    background: #000;
}

@media (min-width: 768px){
    .cont{padding: 0 5.21vw;}
}

@media (min-width: 1024px){
    .cont{padding: 0 3.33vw;max-width: 68.21vw;margin: 0 auto;}
}

@media (max-width: 1700px){

}

@media (max-width: 1650px){

}

@media (max-width: 1500px){
  
}

@media (max-width: 1400px){
    .cont{max-width: 75.21vw;}
}

@media (max-width: 1200px){
   

}

@media (max-width: 1024px){
     .cont {max-width: 100%;}
    .in-title {padding: 40px 0;}
    .in-title h2,.in-title span {font-size:5vw;line-height: 4.53vw;}
    .foot-lx .foot-lx-r ul li h3{margin: 0px 0 20px;font-size:16px;}
    .in-btn a {font-size: 4vw;margin: 50px 0;padding: 3vw 10vw 3vw;}
    .in-title span{width:67%;margin-left: 10px;}

    
    .header{overflow: inherit;}
    .header .logo{display: block;padding-top: 25px;}
    .header .nav .one li.nav-logo{display: none;}

    .header .menu{display: block; right: 20px;top: 50px;}
    .header .menu.on{top: 61px;}
	.header .nav{width: 100%; height: 100vh; position: absolute; left: 0;top:-100%; z-index: 99;background: rgba(0,0,0,0.7);
	    backdrop-filter: blur(30px);
	}
	.header .nav ul.one{display: block;}
    .header .nav ul.one li{display: block;width: 100%;text-align:center;}	
	.header .nav ul.one li:hover .s{display: none;}
	.header .nav ul.one li a.t{width: 100%;line-height: 8.5vw; justify-content: flex-start;font-size: 3vw;}
	.header .nav ul.one li .s{position: static; background: #f5f5f5;}
	.header .nav ul.one li .s a{text-align: left;}
	.header .nav ul.one li .navBtn{display: block; width: 50px; height: 50px;  background: url(../image/nav_right.png) no-repeat center center; position: absolute; right: 0; top: 0; transition: all 0.2s ease-in;}
	.header .nav ul.one li .navBtn.on{transform: rotate(-90deg);}
	.header .nav ul.two{display: flex; margin-top: 20px; justify-content: center;}
    .header .menu.on ~ .nav {
        top: 0; /* 当菜单按钮激活时显示导航 */
    }
    .header .nav .one li a::after{display: none;}

    .foot-lx{flex-wrap: wrap;}
    .foot-lx .foot-lx-l,.foot-lx .foot-lx-r{width: 100%;}
    .foot-lx .foot-lx-r ul{justify-content: left;flex-wrap: wrap;padding-top: 0;}
    .foot-lx .foot-lx-r ul li{margin-left: 0;display: block; width: 100%;text-align: right;}
    .foot-lx .foot-lx-r ul li p{display: none;}
    .foot-bq p {font-size: 14px;line-height: 22px;}

    .header{display: none;}
    .sp_header,.sjj_nav{display: block;}
    
    .sp_header{
        width: 100%;height:80px;background: rgba(0,0,0,0.1); backdrop-filter: blur(30px);position: fixed;top: 0;left: 0;z-index: 999;
        -webkit-backdrop-filter: blur(30px);
        transition:all ease 0.35s;
    }
    .sp_header.open{height:145px;transition:all ease 0.5s;}
	
	.sp_header{
		height: 70px;
		overflow: hidden;
		z-index: 99999;
		width: 100%;
		position: fixed;
		top: 0;
	}	
	.sp_header .cont{display: flex;justify-content: space-between;align-items: center;height: 70px;}
	.sp_logo{width: 118px;}
	.sp_logo a{display: block;padding: 0;margin: 0;}
	.sp_logo img {margin: auto 0;max-height: 25px;margin-top:0;}
	.sp_nav{width:50px;position:relative;cursor:pointer;height: 15px;}
	.sp_nav span {display: block;background: #fff;width: 30px;height: 2px;position: absolute;transition: all ease 0.35s;right: 0;}
	.on .sp_nav span{background: #fff;}
	
	.sp_nav span:nth-of-type(1) {top: 0px;}
	.sp_nav span:nth-of-type(2) {top: 7px;}
	.sp_nav span:nth-of-type(3) {top: 14px;}
	
	.sp_nav_se span:nth-of-type(1) {top: 10px;transform: rotate(45deg);}
	.sp_nav_se span:nth-of-type(2) {width: 0;}
	.sp_nav_se span:nth-of-type(3) {top: 10px;transform: rotate(-45deg);}
	
	.sjj_nav {
    border-top: 1px solid rgba(255, 255, 255, 0.3);

    top: 50px; 
    opacity: 0;
    position: fixed;
    left: 0;
    overflow: auto;
    transition: top ease 0.5s, opacity ease 0.3s;
    width: 100%;
    z-index: -1;
}

.nav_show {
    /*height: 75px;*/
    /*top: 70px;*/
    opacity: 1;
    top: 70px;
    z-index:999999;
}

	.sjj_nav ul{display: flex;justify-content: space-between;}
	.sjj_nav ul li{text-align: center;position: relative;margin-left: 0;display:inline-block;width:25%;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color: #c3c3c3;font-size: 18px;line-height:65px;display: inline-block;}
	
	.sjj_nav ul li.on a{color: #fff;}
	.sjj_nav ul li span{display:block;margin:-12px auto 0;width: 19px;height: 2px;background: #fff;border-radius: 30px;opacity:0;}
	.sjj_nav ul li.on span{opacity:1;}
	.wap_header{background: none !important; backdrop-filter: blur(0px) !important;transition:all ease 0.35s;}

  
}

@media (max-width: 760px){
    .cont{padding: 0 6.4vw;}
}

@media (max-width: 640px){
    
}   

@media (max-width: 480px){
    .header .nav ul.one li a.t {line-height: 10.5vw;font-size: 4vw;}
}