/*@font-face {font-family: 'SourceHanSansCN-Bold';src:url(/font/SourceHanSansCN-Bold.otf);}
@font-face {font-family: 'SourceHanSansCN-ExtraLight';src:url(/font/SourceHanSansCN-ExtraLight.otf);}
@font-face {font-family: 'SourceHanSansCN-Heavy';src:url(/font/SourceHanSansCN-Heavy.otf)}
@font-face {font-family: 'SourceHanSansCN-Light';src:url(/font/SourceHanSansCN-Light.otf)}
@font-face {font-family: 'SourceHanSansCN-Medium';src:url(/font/SourceHanSansCN-Medium.otf)}
@font-face {font-family: 'SourceHanSansCN-Normal';src:url(/font/SourceHanSansCN-Normal.otf)}
*/
.end4{width: 100%;height: 40px;line-height: 40px;text-align: center;background: rgba(0, 0, 0, 0.8);color: #999;position: absolute;bottom: 0;left: 0;z-index: 9;}
.end4 a{color: #999;text-decoration: none;}
@font-face {font-family: 'AlternateGothicNo.2BT';src:url(/font/AlternateGothicNo.2BT.ttf)}
/* .swiper-container{position: absolute;top: 0;width: 100%;z-index: 20;}
.swiper-slide {background: #bc9f71;}
 .swiper-button-next{right: 15%;background: none;color: #fff;font-size: 30px;}
.swiper-button-prev{transform: rotate(180deg);left: 15%;background: none;color: #fff;font-size: 30px;}
 */*{-webkit-font-smoothing: antialiased;}
#dowebok{transition: 0.5s;}
.backg{width: 100%;height: 100%;background-size: 100% auto;position: fixed;top: 0;left: 0;z-index: 99999999999;}
.backg img{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.icon-weixin{transition: 0.4s;}
.icon-weixin:hover{color: #bc9f71;}
.lunbo{position: absolute;top: -150%;transition: 0.8s;z-index: 100;}
.ss{position: absolute;bottom: 0;z-index: 2;display: none;width: 100%;height: 100%;}
.btn-next{position: absolute;top: 50%;right: 15%;transform: translate(0,-50%);color: #fff;font-size: 30px;z-index: 200;}
.btn-prev{position: absolute;top: 50%;left: 15%;transform: translate(0,-50%) rotate(180deg);color: #fff;font-size: 30px;z-index: 200;}
.active1{display: block!important;}
.section{position: relative;overflow: hidden;}
.logo-1{position: absolute;top:5%;left:50px;z-index: 9999999999;margin-left: 0;transition: 0.8s;}
.logo-2{position: absolute;top:5%;left:50px;}
.lg-l{position: absolute;z-index: 10;top:20%;left:50px;color: #fff;cursor: pointer;transition: 0.8s; z-index:9989;}
.lg-2{left:50px;}
.lg-l img{position: absolute;top:30px; z-index:20; }
.onb{margin-left: -100%;transition: 0.8s;}
.gren{width: 100%;height: 100%;z-index: -2;position: absolute;bottom: 0;}
.lg-bg{width:25%;height: 100%;background: rgba(0, 0, 0, 0.8);position: absolute;top: 0;z-index: 9999999;float: left;}
.bvt{width:75%;height: 100%;position: absolute;top: 0;z-index: -1;left: 25%;float: left;}
.lg-m{width: calc( 100% - 50px );position: absolute;top:40%;left:50px;transform: translate(0,-50%);cursor: pointer;padding: 0px;margin: 0px;}
.lg-m .li-m{margin: 0px;height: 50px;line-height: 50px;color: #fff!important;font-size: 20px;font-family: "OPPOSans-R","OPPOSans-R";letter-spacing: 5px;transition: 0.5s;-moz-transition: 0.5s; /* Firefox 4 */-webkit-transition: 0.5s; /* Safari 和 Chrome */-o-transition: 0.5s; /* Opera */}
.lg-m .li-m i{width: 20px;height: 16px;transition: 0.5s;-moz-transition: 0.5s; /* Firefox 4 */-webkit-transition: 0.5s; /* Safari 和 Chrome */-o-transition: 0.5s; /* Opera */display: inline-block;background: url(/images/6.png) no-repeat 0% 50%;margin-right: 25px;}
.lg-m a{text-decoration: none!important;}
.lg-m .li-m:hover{color: #bc9f71!important;}
.lg-m .li-m:hover i{background: url(/images/7.png) no-repeat 0% 50%;transform:rotate(-90deg);-ms-transform:rotate(-90deg); 	/* IE 9 */-moz-transform:rotate(-90deg); 	/* Firefox */-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */-o-transform:rotate(-90deg); 	/* Opera */}
.s1-img1{width: 70px;position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);}
.s1-img2{width:450px;position: absolute;top: 50%;left: 30%;transform: translate(-50%,-50%); z-index:999;}
.h_video_m{ display:none;}
.h_video{ display:block;}
.homevideo{width:100%; height:100vh;object-fit: cover; position:absolute; top:0px; left:0px; right:0px; top:0px;overflow:hidden; z-index:-1;}
.s1-p1{width: 80%;height: 90px;overflow: hidden;text-align: center;position: absolute;top:61%;left: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 21px;line-height: 45px;letter-spacing: 8px;font-family: "OPPOSans-R","OPPOSans-R";}
.an1{margin: auto;text-align: center;display: block;height: 45px;overflow: hidden;width: 0%;animation: icon2 2s 1;animation-fill-mode:forwards;-webkit-animation:icon2 1s 1; /* Safari 和 Chrome */-webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */}
/*20210916首页第二屏*/
.h_2{ width:63%; margin:0px auto;}
.h_2_l{ width:36%; float:left;padding:0.5% 0px 0px 9%; opacity:0;}
.h_2_r{ width:63%; float:right; padding-left:9%;}
.h_2_r li{ font-size:24px; line-height:34px; color:#848484; position:relative; padding-bottom:9%;opacity:0;}
.h_2_r li img{ display:block; width:15%;}
.h_2_r li p{ position:absolute; left:11%; top:51%; z-index:10px;}
@keyframes icon2{
0%{width: 0%;}
100%{width: 400px;}
}
.an2{margin: auto;text-align: center;display: block;height: 45px;overflow: hidden;width: 0%;animation: icon3 3s 1;animation-delay: 1.9s;animation-fill-mode:forwards;-webkit-animation:icon3 3s 1; /* Safari 和 Chrome */-webkit-animation-delay: 1.9s;-webkit-animation-fill-mode:forwards; /* Safari 和 Chrome */}
@keyframes icon3{
0%{width: 0%;}
100%{width: 600px;}
}
.lg-rb{position: absolute;bottom:0;right:50px;line-height: 35px;transform: translate(-50%,-50%);color: #fff;font-size: 18px;cursor: pointer; z-index:9999;}
.lg-rb span{position: relative;color: #bc9f71;}
.lg-rb::after{content: '';width: 24px;height: 1px;position: absolute;top:35px;right: -8px;background: #b3b3b3;transform: rotate(45deg)}
.lg-rt{position: absolute;top:5%;right:50px;color: #b3b3b3!important;font-size: 15px;cursor: pointer;z-index: 6;}
.lg-rt .icon-weibiaoti106{ margin-top:10px;}
.lg-rt .yuyan{position:absolute; cursor: pointer;transition: 0.8s;top: 42px;right: -2px;z-index: 10; }
.lg-rt .a{position: absolute;top: 0;right:-5px;width: 300px;height: 30px;border-radius: 30px;border: none;outline: none;padding-left: 15px;}
.lg-rt a{color: #b3b3b3;text-decoration: none;}
.lg-rt a:hover{color: #b3b3b3;}
.a::-webkit-input-placeholder{color:#b6b6b6;font-size: 14px;}
.a::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#b6b6b6;font-size: 14px;}
.a:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#b6b6b6;font-size: 14px;}
.a:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#b6b6b6;font-size: 14px;}
.lg-lb{position: absolute;font-size: 20px;color: #fff;bottom: 14%;left:50px;z-index: 111;cursor: pointer;transition: 0.4s;}
.lg-lb a{ color:#fff;}
.lg-lb:hover,.lg-lb a:hover{
	color: #bc9f71;
	text-decoration: none;
}
.lg-lb span{padding-left: 25px;letter-spacing: 5px;}
.lg-b{margin-left: -100%;position: absolute;bottom: 0;width: 100%;height:20%;background: #e6e6e6;transition: 0.8s;z-index: 105;}
.lg-b li{position: absolute;font-size: 16px;color: #808080;}
.lg-b li i{color: #808080;font-size: 30px;margin: 0 5px;}
.lg-b li a i{transition: 0.4s;}
.lg-b li a:hover i{color:#bc9f71}
.lg-b li a .wx_ewm{width: 150px;position: absolute;z-index: 1000;top: -150px;left: -60px;opacity: 0;transition: 0.5s;visibility: hidden;}
.lg-b li a .tt{width: 150px;position: absolute;z-index: 1000;top: -150px;left: -15px;opacity: 0;transition: 0.5s;visibility: hidden;}
.lg-b li a .ttt1{width: 150px;position: absolute;z-index: 1000;top: -150px;left: -15px;opacity: 0;transition: 0.5s;visibility: hidden;}
.lg-b li a:hover .wx_ewm{opacity: 1;visibility: visible;}
.lg-b li a:hover .tt{opacity: 1;visibility: visible;}
.lg-b li a:hover .ttt1{opacity: 1;visibility: visible;}
.lg-b li a{text-decoration: none;}
.lg-b li p{font-size: 18px;color: #bc9f71;}
.lg-b li:nth-child(1){top:17%;left:27%;}
.lg-b li:nth-child(2){top:17%;left:42%;}
.lg-b li:nth-child(3){top:52%;left:27%;}
.lg-b li:nth-child(4){top:52%;left:42%;}
.lg-b li:nth-child(5){bottom:35%;right:5%;}
.lg-b li:nth-child(6){font-size: 12px;color: #808080;bottom:20%;right:5%;white-space:nowrap;}
.e{color: #09337a;z-index: 110;left:50px;transform: rotate(180deg);bottom: auto;top: 17%;}
.li-m.active{color: #bc9f71!important}
.li-m.active i{background: url(/images/7.png) no-repeat 0% 50%;transform:rotate(-90deg);-ms-transform:rotate(-90deg); 	/* IE 9 */-moz-transform:rotate(-90deg); 	/* Firefox */-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */-o-transform:rotate(-90deg); 	/* Opera */}
.ss1{position: absolute;width:293px;top: 10%;left: 10%;animation: ss1 6s infinite;-webkit-animation: ss1 6s infinite;}
.ss2{position: absolute;width:312px;top: 10%;right: 10%;animation: ss1 6s infinite;animation-delay: -3s;-webkit-animation: ss1 6s infinite;-webkit-animation-delay: -3s;}
.ss3{position: absolute;width:275px;bottom:15%;right:15%;animation: ss1 6s infinite;animation-delay: -4.5s;-webkit-animation: ss1 6s infinite;-webkit-animation-delay: -4.5s;}
.ss4{position: absolute;width:362px;bottom: 10%;left: 20%;animation: ss1 6s infinite;animation-delay: -1.5s;-webkit-animation: ss1 6s infinite;-webkit-animation-delay: -1.5s;}
@keyframes ss1{
0%,100%{filter: blur(0px);opacity: 1;}
50%{filter: blur(30px);opacity: 0;}
}
.s2-p1{font-size:25px;color: #bc9f71;white-space: nowrap;position: absolute;top: 24%;left: 50%;transform: translate(-50%,0);letter-spacing: 3px;text-align: center;}
.s2-p2{text-align: center;font-size: 30px;color: #002c76;position: absolute;top: 65%;left: 50%;transform: translate(-50%,0);letter-spacing: 3px;font-family: "OPPOSans-R","OPPOSans-R";white-space:nowrap;}
.h_2 .s2-p2{position:relative; display:inline-block; margin-top:6%;transform: translate(0%,0); left:auto; top:auto;}
.h_2 .s2-p2 i{ display:none;}
.s3-p2{top: 70%;}
.s2-p3{text-align: center;font-size:21px;color: #808080;position: absolute;top:73%;left: 50%;transform: translate(-50%,0);letter-spacing: 3px;font-family: "OPPOSans-R","OPPOSans-R"; padding-left:15px;}
.s2-p2::before,.s2-p2::after{content: '';width: 2px;height: 30px;position: absolute;top: 6px;background:#002c76; z-index:10;}
.s2-p2::before{left: -40px;}
.s2-p2::after{right: -40px;}
.s2-p1::before{content: "\e635";position: absolute;color: #b3b3b3;top: 10%;left: 50%;transform: translate(-50%,0%) rotate(90deg);animation: icon1 1.5s infinite;-webkit-animation:icon1 1.5s infinite; /* Safari 和 Chrome */}
@keyframes icon1{
0%,100%{top: 30px;}
50%{top: 50px;}
}
.s2-img1{position: absolute;top: 45%;transform: translate(-50%,-50%);}
.s2-img1:nth-of-type(1){
left: 31%;}
.s2-img1:nth-of-type(2){
left: 53%;}
.s2-img1:nth-of-type(3){
left: 75%;}
.section2 h5{font-size: 25px;color: #808080;position: absolute;top:57%;transform: translate(-50%,-50%);}
.section2 h5:nth-of-type(1){
letter-spacing:20px;left: 27%;}
.section2 h5:nth-of-type(2){
letter-spacing:10px;left: 47.5%;}
.section2 h5:nth-of-type(3){
left: 67%;}
.section2 h6{font-size: 150px;color: #808080;position: absolute;top:46%;letter-spacing: -8px;transform: translate(-50%,-50%);/* display: none; */}
.in-f{font-family: 'AlternateGothicNo.2BT';}
.section2 h6:nth-of-type(1){
left: 26.5%;}
.section2 h6:nth-of-type(2){
left: 47%;}
.section2 h6:nth-of-type(3){
left: 67%;}
.section2 h6 sub{font-size: 30px;bottom: 45px;right: -25px;font-family: "OPPOSans-R","OPPOSans-R";}
.section2 h6 sup{top: 10px;left: -40px;font-family: "SourceHanSansCN-Regular";font-size: 50px;}
.xxx{display: none;}
.s3{cursor: pointer;}
.s3-a1{font-size: 16px;color: #fff;background: #b3b3b3;position: absolute;top:77%;left: 50%;padding: 2px 15px;border-radius: 22px;transform: translate(-50%,0);transition: 0.4s;}
.ljgd_wap{ display:none;}
.s3-a1:hover{color: #fff;text-decoration: none;background: #bc9f71;}
.s3-a1::after{content: '+';font-size: 20px;color: #b3b3b3;font-weight: bold;position: absolute;top: 15px;right: -10px;transition: 0.4s;}
.s3-a1:hover::after{content: '+';color: #bc9f71;}
.s3-div1{position: absolute;top: 31%;left: 20%;width: 60%;transform: translate(0,-50%);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.s3-div1 div{width: 7vw;height: 7vw;border: 1px solid #e1e2e2;border-radius: 15px;flex-wrap: wrap;transform: rotate(45deg);}
.s3-div2{position: absolute;top: 42%;left: 15%;width: 70%;transform: translate(0,-50%);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.s3-div2 div{width:7vw;height: 7vw;border: 1px solid #e1e2e2;border-radius: 15px;flex-wrap: wrap;transform: rotate(45deg);}
.s3-div3{position: absolute;top: 53%;left: 20%;width: 60%;transform: translate(0,-50%);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.s3-div3 div{width: 7vw;height: 7vw;border: 1px solid #e1e2e2;border-radius: 15px;flex-wrap: wrap;transform: rotate(45deg);}
.s3-bg1{background: #808080;transition: 0.5s;}
.s3-bg2{background-color: #dcdddd;transition: 0.5s;}
.s3-bg1:hover,.s3-bg2:hover{background-color: #df2d27;}
.s3-img{background-size: 90%!important;transform: rotate(-45deg)!important;border: none!important;float: left;display: block;position: relative;}
.s3-img2{background-size:70%!important;transform: rotate(-45deg)!important;border: none!important;float: left;display: block;}
.s3-border::after{content: '';border-top: 2px solid #bc9f71;border-right: 2px solid #bc9f71;position: absolute;top: -6px;left: 3px;right: -6px;bottom: 3px;border-radius: 15px;}
.s3-top{width: 100vw;display: none;background: #bc9f71;float: left;z-index: 100;transition:0.5s;}
.s3-close{position: absolute;top: 10%;right: 10%;color: #fff;cursor: pointer;}
.s3-tl{width: 35%;float: left;position: relative;z-index: 100;}
.s3-tr{margin-left: 5%;margin-top:7%;width:35%;float: left;}
.s3-tr h1{border-top: 1px solid #fff;margin-top: 20px;padding-top: 15px;font-size: 22px;color: #fff;font-family: "OPPOSans-R","OPPOSans-R";letter-spacing: 4px;}
.s3-tr h2{border-bottom: 1px solid #fff;margin-top: 10px;padding-bottom: 15px;font-size: 18px;color: #fff;font-family: "OPPOSans-R","OPPOSans-R";letter-spacing:1px;}
.s3-tr p{font-size: 18px;color: #fff;line-height: 35px;margin-top: 30px;font-family: "OPPOSans-R","OPPOSans-R";}
.s3-tr h6{width: 100%;text-align: right;padding-bottom: 20px;letter-spacing: 2px;margin-top: 45px;float: right;font-size: 18px;line-height: 35px;color: #fff;font-family: "OPPOSans-R","OPPOSans-R";}
.s3-xian{width: 0%;height: 5px;background: #df2d27;position: absolute;bottom: 0;z-index: 20;}
.clear{ clear:both;}
.khpj_lb{ width:80%; padding:0px 5%; position:absolute; left:10%; margin-left:0px; z-index:999; bottom:260px;}
.pj_tx{ width:40%; float:left; padding:0px 5%;}
.pj_cont{ width:60%; float:right; padding:35px 5% 0px 0px;}
/*.pj_cont .pj_logo2{ display:none;}*/
.pj_cont h1{padding-top:28px;font-size:28px; color:#002c76;letter-spacing:3px;}
.pj_cont h2 {border-bottom: 1px solid #c49f78; padding:10px 0px 17px 0px;font-size:20px;letter-spacing: 1.2px;color:#002c76;}
.pj_cont .desc{font-size: 18px; color:#808080;line-height:29px;margin-top:19px;}
.pj_cont .desc h6{font-size:18px; text-align:right; line-height: 30px; margin-top:10px;}
.khpj_lb .desc3{ display:none;}
.pj_cont img{ width:200px;}
.khpj_lb .swiper-button-prev{ left:0px;}
.khpj_lb .swiper-button-prev,.khpj_lb .swiper-button-next{ outline:none;background-image: url(/images/khpj_qh_ico.png);background-repeat: no-repeat;background-position: left center; width:34px; height:34px; background-size:68px;}
.khpj_lb .swiper-button-next{right: 0px;background-position: right;}
.khpj_b{width: 100%;height:260px;text-align: center;color: #999;position: absolute;bottom: 0px;left: 0px;z-index: 10;background-image: url(/images/pj_b_bg.png);background-repeat: no-repeat;background-position: center top; background-size:cover;}
.khpj_b .s2-p2{ top:65px;}
.khpj_b .s3-a1{ top:125px;}

}
@keyframes xian{
0%{width: 0%;}
100%{width: 100%;}
}
.s3-xian2{width:100%;height: 5px;background: #002c76;position: absolute;bottom: 0;right: 0;z-index: 10;}
.s4-img{position: absolute;top: 43%;left: 50%;transform: translate(-50%,-50%);}
.s4-p2{white-space:nowrap;text-align: center;font-size:30px;color: #fff;position: absolute;top: 78%;left: 50%;transform: translate(-50%,0);letter-spacing: 3px;font-family: "OPPOSans-R","OPPOSans-R";}
.s4-p2::before,.s4-p2::after{content: '';width: 2px;height: 30px;position: absolute;top: 6px;background:#fff;}
.s4-p2::before{left: -40px;}
.s4-p2::after{right: -40px;}
.s4-p3{text-align: center;font-size: 20px;color: #b3b3b3;position: absolute;top: 79%;left: 50%;transform: translate(-50%,0);letter-spacing: 3px;font-family: "OPPOSans-R","OPPOSans-R";}
.s4-a1{font-size: 16px;color: #808080;background: #b3b3b3;position: absolute;top:85%;left: 50%;padding: 2px 15px;border-radius: 22px;transform: translate(-50%,0);transition: 0.4s;}
.s4-a1:hover{color: #fff;text-decoration: none;background: #bc9f71;}
.s4-a1::after{content: '+';font-size: 20px;color: #b3b3b3;font-weight: bold;position: absolute;top: 15px;right: -10px;transition: 0.4s;}
.s4-a1:hover::after{content: '+';color: #bc9f71;}
/* .s4-h1-1{width: 250px;font-size: 28px;color: #fff;position: absolute;top:29%;left:42.5%;letter-spacing: 10px;transform: translate(-50%,-50%);z-index: 10;font-family: 'SourceHanSansCN-Medium';background: url(/images/28.png) no-repeat center;padding: 10px 30px;}
 *//* .s4-h1-2{width: 250px;font-size: 28px;color: #fff;position: absolute;top:46%;left:60%;letter-spacing: 10px;transform: translate(-50%,-50%);z-index: 10;font-family: 'SourceHanSansCN-Medium';background: url(/images/28.png) no-repeat center;padding: 10px 30px;}
 */.s4-h2-1{width:576px;font-size: 16px;line-height: 26px;color: #fff;position: absolute;top:36%;left:35%;letter-spacing:3px;transform: translate(-50%,-50%);z-index: 9;font-family: "OPPOSans-R","OPPOSans-R";background: url(/images/29.png) no-repeat center;padding: 26px 50px;}
.s4-h2-1::after{content: '合资人精神';position: absolute;width: 250px;font-size: 25px;color: #fff;position: absolute;top:0%;left:60%;letter-spacing: 10px;transform: translate(-50%,-50%);z-index: 10;font-family: "OPPOSans-R","OPPOSans-R";background: url(/images/28.png) no-repeat center;padding: 10px 30px 10px 40px;}
.s4-h2-2{width: 576px;font-size: 17px;line-height: 26px;color: #fff;position: absolute;top:53%;left:63.9%;letter-spacing:3px;transform: translate(-50%,-50%);z-index: 9;font-family: "OPPOSans-R","OPPOSans-R";background: url(/images/29.png) no-repeat center;padding: 26px 50px;}
.s4-h2-2::after{content: '利澳国际注册价值观';width: 250px;font-size: 25px;color: #fff;position: absolute;top:0%;left:40%;letter-spacing: 10px;transform: translate(-50%,-50%);z-index: 10;font-family: "OPPOSans-R","OPPOSans-R";background: url(/images/28.png) no-repeat center;padding: 10px 30px 10px 40px;}
.xg1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(/images/xg1.png) center;background-size: cover;filter: blur(0px);animation: xg 6s infinite;-webkit-animation: xg 6s infinite;}
@keyframes xg{
0%,100%{filter: blur(0px);opacity: 1;}
50%{filter: blur(30px);opacity: 0;}
}
.yz{position: absolute;top: 45%;left: 50%;width: 70%;transform: translate(-50%,-50%);}
.h5yz1{font-size: 22px;color: #fff;margin: 0;letter-spacing: 4px;position: absolute;top: 45.5%;left: 50%;transform: translate(-50%,-50%);}
.h6yz1{font-size: 20px;color:#b3b3b3;margin: 0;letter-spacing: 2px;position: absolute;top: 25%;left: 56.5%;transform: translate(-50%,-50%);white-space: nowrap;}
.h6yz2{font-size: 20px;color:#b3b3b3;margin: 0;letter-spacing: 2px;position: absolute;top: 41.5%;left: 71%;transform: translate(-50%,-50%);white-space: nowrap;}
.h6yz3{font-size: 20px;color:#b3b3b3;margin: 0;letter-spacing: 2px;position: absolute;top:63%;left:33%;transform: translate(-50%,-50%);white-space: nowrap;}
.h6yz4{font-size: 20px;color:#b3b3b3;margin: 0;letter-spacing: 2px;position: absolute;top: 41%;left: 33%;transform: translate(-50%,-50%);white-space: nowrap;}
.menu{display: none;}
@media(max-width:1920px){
.khpj_lb{ width:1520px; padding:0px 100px; position:absolute; left:50%; margin-left:-760px; z-index:999; bottom:260px;}
}
@media(max-width:1680px){
.s2-p1{top: 20%;}
.s2-p2 {top: 65%;}
.h_2 .s2-p2{top:auto;}
.s3-a1 {top: 78%;}
.s3-tr p{ font-size: 16px;}
.s3-tr h6{ font-size: 16px;}
.khpj_lb{ width:1300px;margin-left:-650px;padding: 0px 70px; bottom:220px;}
.pj_cont{ padding:20px 9% 0px 0px;}
.pj_cont h1{padding-top:20px;font-size:22px;letter-spacing:2px;}
.pj_cont h2 {padding:10px 0px 17px 0px;font-size:17px;letter-spacing: 1px;}
.pj_cont .desc{font-size: 16px; color:#808080;line-height:26px;margin-top:15px;}
.pj_cont .desc h6{font-size:16px; text-align:right; line-height:26px; margin-top:10px;}
.pj_cont img{ width:160px;}
.khpj_b{ height:220px;}
.h_2_l{ padding-left:9%; width:34%}
.h_2_r { width:66%;}
.h_2_r li{ font-size:24px; line-height:34px;padding-bottom:9%;}
.h_2_r li img{ width:15%;}
.h_2_r li p{left:11%; top:51%;}
}
@media(max-width:1500px){
.section2 h6{font-size: 100px}
.s3-tl{width: 39%;}
.s3-tr{width:38%;}
.h_thfw .j-tab-nav{left:15%;}
.h_thfw .tab-con .tab-con-item p{ right:15%;}
}
@media(max-width:1440px){
.section2 h5{top:58%;font-size: 21px;}
.section2 h6 sup {top: 2px;left: -30px;font-size: 40px;}
.section2 h6 sub {bottom: 33px;right: -30px;}
.s4-img{width: 480px;}
.s4-h2-1{left:31%;}
.s4-h2-2{left:68%;}
.s2-img1 {width: 120px;}
.section2 h6{letter-spacing: -5px;}
.h6yz1 {top: 29%;left: 59%;}
.h6yz2 {left: 72%;}
.h6yz3 {top: 61%;left: 32.5%;}
.h6yz4 {left: 32%;}
}
@media(max-width:1366px){
.lg-b{ height: 25%;}
.s1-img2{top:53%;}
.lg-m{top:50%}
.s2-p2::before, .s2-p2::after{ height:24px;}
.s2-p3{ font-size:17px; padding-left:10px;}
.khpj_lb{ width:1100px;margin-left:-550px;padding: 0px 40px; bottom:180px;}
.pj_cont{ padding:20px 9% 0px 0px;}
.pj_cont h1{padding-top:20px;font-size:20px;letter-spacing:2px;}
.pj_cont h2 {padding:10px 0px 17px 0px;font-size:15px;letter-spacing: 1px;}
.pj_cont .desc{font-size: 13px; color:#808080;line-height:22px;margin-top:12px;}
.pj_cont .desc h6{font-size:13px; text-align:right; line-height:22px; margin-top:8px;}
.pj_cont img{ width:140px;}
.khpj_b{ height:180px;}
.khpj_b .s2-p2{ top:40px;}
.khpj_b .s3-a1{ top:105px;}
.h_2_l{ padding-left:9%; width:33%}
.h_2_r { width:67%;}
.h_2_r li{ font-size:21px; line-height:30px;padding-bottom:9%;}
}
@media(min-width:1920px){
.backg img{width: 100%;height: auto!important;}
}
@media(max-width:1366px){
.lg-b{ height: 30%;}
.section2 h6{font-size: 80px}
.s2-img1{width: 120px;}
.s1-img2{top:55%;}
.s3-tl{width:42%;}
.s3-tr{margin-left: 5%;margin-top:8%;width:40%;float: left;}
.s3-tr h6{margin-top:15px;}
.s3-tr p{line-height:30px;margin-top:10px;font-size: 14px;}
.s3-tr h6{font-size: 14px;}
.s4-p2{ top:76%}
.btn-next{ right:10%}
}
@media(max-width:1300px){
.h6yz1 {top: 26%;left: 59%;}
.h6yz2 {left: 73%;}
.h6yz3 {top: 61%;left: 31.5%;}
.h6yz4 {left: 31%;}
}
@media(max-width:1024px){
.section2 h6{font-size: 130px;letter-spacing:-3px;}
.btn-next {right: 10%;}
.btn-prev {left: 10%;}
.s2-p2{top: 67%;}
.h_2 .s2-p2{top:auto;}
.s2-p3{top: 78%;}
.s3-a1{top: 74%;}
.s4-p2{top: 62%;}
.s4-p3{top:75%;}
.s4-a1{top: 70%;}
 .s2-img1:nth-of-type(1){left: 22%;}
.s2-img1:nth-of-type(2){left: 50%;}
.s2-img1:nth-of-type(3){left: 78%;}
.section2 h5{top:59%;}
.section2 h5:nth-of-type(1){left: 15.7%;}
.section2 h5:nth-of-type(2){left: 41.7%;}
.section2 h5:nth-of-type(3){left: 67.7%;}
.section2 h6:nth-of-type(1){left: 15%;}
.section2 h6:nth-of-type(2){left: 41%;}
.section2 h6:nth-of-type(3){left: 68%;}
.section2 h6 sub{font-size: 30px;}
.section2 h6 sup{font-size: 40px;top: 8px;left: -29px;}
.section2 h6 {top: 48.5%;}
.s2-img1 {top: 48%;}
.s3-div1 {left: 16%;width: 68%;}
.s3-div3 {left: 16%;width: 68%;}
.s2-p1{top: 27%;}
.s3-tl{width: 40%;}
.ccc{display: none;}
.s3-tr{margin-left:4%;margin-top:5%;width:43%;}
.s3-tr h1{font-size:20px;padding-top: 10px;}
.s3-tr h2{font-size:15px;padding-bottom: 10px;}
.s3-tr h6{margin-top:5px;font-size:15px;}
.s3-tr p{line-height:28px;margin-top:10px;font-size: 13px;}
.s3-div1{top:35%;}
.s3-div1 div{width:8.5vw;height:8.5vw;}
.s3-div2{top: 42.5%;left: 7.5%;width: 85%;}
.s3-div2 div{width:8.5vw;height:8.5vw;}
.s3-div3{top:50%;}
.s3-div3 div{width:8.5vw;height:8.5vw;}
.s4-h2-1{top:38%;left:30%;}
.s4-h2-2{top:50%;left:68%;}
.h6yz1 {top: 37%;left: 60%;}
.h6yz2 {left: 75%;top: 43.5%;}
.h6yz3 {top: 53%;left: 33.5%;}
.h6yz4 {left: 30%;top: 43%;}
.logo-1{width: 100px;transform: translate(0,-50%);top: 8%;}
.logo-2{transform: translate(0,-50%);width: 80px;top: 8%;display: none;}
.icon-weibiaoti106{display: none;}
.lg-rb{display: none;}
.menu{width: 100%;height: 50px;/* background: #fff; */display: block;position: absolute;top: 0;}
.ss1,.ss2,.ss3,.ss4{width: 40%;}
.lg-l img{display: none;filter: hue-rotate(360deg);}
.logo-1{display: none;}
.meimg{display: block;width: 10%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.lg-l {position: absolute;z-index: 10;top: 0%;left: 50px;/* color: #002c76!important; */cursor: pointer;transition: 0.8s;top:25px;left:50px;transform: translate(-50%,-50%);}
.lg-rt {top: -27px;z-index: 10;}
.c{top: 20%;color: #fff;left: 55px;}
.khpj_lb{ width:90%;left:5%; margin-left:0px;bottom:auto; top:10%;}
.pj_tx{ width:40%; padding:0rem 0%;}
.pj_cont{ width:60%;padding:0px 0% 0px 0px;}
/*.pj_cont .pj_logo2{ display: block; margin:0px auto; width:180px; margin-top:-15px;}*/
.pj_cont h1{padding-top:20px;font-size:26px;letter-spacing:2px;}
.pj_cont h2 {padding:8px 0px 18px 0px;font-size:20px;letter-spacing: 1px;}
.pj_cont .desc{font-size: 18px;line-height: 30px;margin-top: 15px; }
.pj_cont .desc h6{font-size: 18px;line-height: 30px; margin-top:25px;}
.pj_cont img{ width:220px;}
}
@media(max-width:768px){
.section2 h5{font-size: 25px;}
.section2 h6{font-size: 100px;letter-spacing: -6px;}
.section2 h6 sup{left: 0px;}
.s2-p2{font-size: 35px;}
.s2-p2::before,.s2-p2::after{height: 35px;}
.s2-p2::before{left: -30px;}
.s2-p2::after{right: -30px;}
.s4-p2{font-size: 35px;}
.s4-p2::before,.s4-p2::after{height: 35px;}
.s4-p2::before{left: -30px;}
.s4-p2::after{right: -30px;}
.s4-img{display: none;}
.s4-h2-1{top:36%;left:50%;}
.s4-h2-2{top:57%;left:50%;}
.s3-tr{padding-bottom: 20px;}
.lg-b li:nth-child(6){
bottom: 10%;}
.s4-h2-1::after{content: '合资人精神';position: absolute;width: 250px;font-size: 28px;color: #fff;position: absolute;top:0%;left:50%;letter-spacing: 10px;transform: translate(-50%,-50%);z-index: 10;font-family: "OPPOSans-R","OPPOSans-R";background: url(/images/28.png) no-repeat center;padding: 10px 30px;}
.s4-h2-2::after{content: '利澳国际注册价值观';width: 250px;font-size: 28px;color: #fff;position: absolute;top:0%;left:50%;letter-spacing: 10px;transform: translate(-50%,-50%);z-index: 10;font-family: "OPPOSans-R","OPPOSans-R";background: url(/images/28.png) no-repeat center;padding: 10px 30px;}
.section2 h5 {top: 57%;}
.section2 h6 sup {font-size: 40px;top: 11px;left: -24px;}
.lg-bg {width: 30%;}
.h6yz2 {left: 77%;top: 43.5%;}
.h6yz4 {left: 28%;top: 43%;}
.h5yz1 {top: 45%;}
.s3-top {height: 100vh;}
.s3-tl {width: 100%;height: 550px;overflow: hidden;position: relative;}
.s3-tr {margin-left: 4%;margin-top: 5%;width: 92%;}
.s3-tr img{display: none;}
.btn-prev {top: 90%;}
.btn-next {top: 90%;}
.s3-close {position: absolute;top: 88%;left: 49%;right: 50%;transform: translate(-50%,0);}
.s3-close i{font-size: 30px;}
.pdd{display: block!important;z-index: 200;position: absolute;top: 10%;left: 5%;}
.khpj_lb{ width:94%;left:3%; margin-left:0px;bottom:auto; top:10%;}
.pj_tx{ width:50%; padding:0rem 0%;}
.pj_cont{ width:50%;padding:10% 0% 0px 0px;}
/*.pj_cont .pj_logo2{ display: block; margin:0px auto; width:180px; margin-top:-15px;}*/
.pj_cont h1{padding-top:20px;font-size:32px;letter-spacing:3px;}
.pj_cont h2 {border-bottom:0px solid #c49f78; padding:10px 0px 17px 0px;font-size:24px; line-height:32px;letter-spacing: 1.2px;}
.pj_cont .desc{ display:none;}
.khpj_lb .desc3{ display:block;font-size: 18px;line-height: 30px;margin-top:0px;color:#808080; height:230px;/*overflow-y: scroll;*/border-top:1px solid #c49f78; padding-top:15px;}
.khpj_lb .desc3 h6{font-size: 18px;line-height: 30px; margin-top:25px; text-align:right;}
/*.khpj_lb .desc3::-webkit-scrollbar {width:0px;height:0px;}
.khpj_lb .desc3::-webkit-scrollbar-thumb {border-radius: 0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.khpj_lb .desc3::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
*/
.pj_cont img{ width:220px;}
.h_2{ width:100%;}
.h_2_l{ width:33%; float: none;padding:2% 0px 0px 0%; opacity:0; margin:0px auto;}
.h_2_l img{transform: rotate(90deg);}
.h_2_r{ width:100%; float:none; padding-left:0%; padding-top:10px;}
.h_2_r li{ font-size:26px; line-height:36px;padding-bottom:90px;opacity:0; width:68%; margin:0px auto;}
.h_2_r li img{ display:block; width:18%;}
.h_2_r li p{ position:absolute; left:13%; top:54%; z-index:10px;}
.h_2 .s2-p2{ margin-top:10%;}

@media(max-height:926px){
.khpj_lb{ top:13%;}
.khpj_lb .desc3{font-size: 14px;line-height:23px;height:auto;}
.khpj_lb .desc3 h6{font-size: 24px;line-height:23px;}
}
@media(max-height:812px){
.khpj_lb{ top:9%;}
.khpj_lb .desc3{font-size: 13px;line-height:21px;height:auto;}
.khpj_lb .desc3 h6{font-size: 13px;line-height:21px;}
}
@media(max-height:736px){
.khpj_lb{ top:7%;}
.khpj_lb .desc3{font-size: 12px;line-height:17px;height:auto;}
.khpj_lb .desc3 h6{font-size: 12px;line-height:17px;}
}

}
@media(max-width:480px){
.xxx{display: block;width: 40px!important;}
.s3-close i{display: none;}
.lunbo{height: 100%;}
.s2-p1::before {content: "";position: absolute;color: #b3b3b3;top: 100%;left: 50%;transform: translate(-50%,0%) rotate(90deg);animation: icon1 1.5s infinite;-webkit-animation: icon1 1.5s infinite;}
.backg img{ display:none;}
.m_jz{ width:100%; height:100vh;background: url(/images/2024/loading-MO.gif) center;background-size: cover;}
#dowebok{opacity: 1!important;}
.s1-p1{display: block!important;}
.sb2{display: block!important;}
.sb{display: none;}
.section2 {background: url(/images/vc2.jpg) center;background-size: cover;}
.s3-div000 {position: absolute;top:15%;left: 22%;width: 57%;transform: translate(0,-50%);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.s3-div000 div{width: 21vw;height: 21vw;border-radius: 7px;border: 1px solid #f1f1f1;flex-wrap: wrap;transform: rotate(45deg);}
.s3-div00 {position: absolute;top: 24.5%;left: 19.8%;width: 61%;transform: translate(0,-50%);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.s3-div00 div{width: 21vw;height: 21vw;border-radius: 7px;border: 1px solid #f1f1f1;flex-wrap: wrap;transform: rotate(45deg);}
.s3-div5 {position: absolute;top: 81.5%;left: 19.8%;width: 61%;transform: translate(0,-50%);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.s3-div5 div{width: 21vw;height: 21vw;border-radius: 7px;border: 1px solid #f1f1f1;flex-wrap: wrap;transform: rotate(45deg);}
.s3-div6 {position: absolute;top: 91%;left: 22%;width: 57%;transform: translate(0,-50%);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.s3-div6 div{width: 21vw;height: 21vw;border-radius: 7px;border: 1px solid #f1f1f1;flex-wrap: wrap;transform: rotate(45deg);}
.s3-div0 {position: absolute;top: 24%;left: 5%;width: 91%;transform: translate(0,-50%);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.s3-div0 div{width: 21vw;height: 21vw;border-radius: 7px;border: 1px solid #f1f1f1;flex-wrap: wrap;transform: rotate(45deg);}
.s3-div4 {position: absolute;top: 61.7%;left: 5%;width: 91%;transform: translate(0,-50%);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.s3-div4 div{width: 21vw;height: 21vw;border-radius: 7px;border: 1px solid #f1f1f1;flex-wrap: wrap;transform: rotate(45deg);}
.sb2 .s3-div1 {top: 33.3%;left: -10%;width: 121%;}
.sb2 .s3-div1 div {width: 21vw;height: 21vw;border-radius: 7px;}
.sb2 .s3-div2 {top: 42.8%;left: -24.2%;width: 149%;}
.sb2 .s3-div2 div {width: 21vw;height: 21vw;border-radius: 7px;}
.sb2 .s3-div3 {top: 52.4%;left: -10%;width: 121%;}
.sb2 .s3-div3 div {width: 21vw;height: 21vw;border-radius: 7px;}
.logo-1{width: 100px;transform: translate(0,-50%);top: 8%;}
.logo-2{transform: translate(0,-50%);width: 80px;top: 8%;}
.icon-weibiaoti106{display: none;}
.lg-rb{display: none;}
.menu{width: 100%;height:60px;/* background: #fff; */display: block;position: absolute;top: 0px; z-index:9;}
.ss1,.ss2,.ss3,.ss4{width: 40%;}
.lg-l img{display: none;filter: hue-rotate(360deg);}
.logo-1{display: none;}
.meimg{display: block;width: 20%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.lg-l {position: absolute;z-index: 10;top: 0%;left: 50px;/* color: #002c76!important; */cursor: pointer;transition: 0.8s;top:31px;left:50px;transform: translate(-50%,-50%);}
.lg-l i{/* color: #002c76!important; */}
.c{top: 10%;color: #fff;left: 40px;}
.lg-m .li-m {margin: 0px;height: 45px;line-height: 45px;color: #fff;font-size: 18px;}
.lg-lb {left: 25px;font-size: 18px;}
.lg-lb span {padding-left: 25px;font-size: 18px;}
.lg-m{left: 0;}
.lg-rt{top: -27px;z-index: 10;}
.lg-rt a{/* color: #002c76; */}
.lg-rt .yuyan{ top: 46px;right: -10px;}
.lg-lb{bottom: 5%;}
.lg-rb {bottom: -2%;}
.lg-rt .a {width:200px;}
.lg-l img{width: 12px;}
.lg-l i{font-size: 14px;}
.lg-l img{width: 12px;}
.lg-l i{font-size: 18px;}
.s3-a1 {top: 84%;}
.s3-div1{top: 30.5%;left: 15%;width: 70%;}
.s3-div1 div{width: 13.3vw;height: 13.3vw;}
.s3-div2{top: 38%;left: 6%;width: 88%;}
.s3-div2 div{width:13.3vw;height:13.3vw;}
.s3-div3{top: 45.3%;left: 15%;width: 70%;}
.s3-div3 div{width:13.3vw;height:13.3vw;}
.s3-border::after{top: -5px;left: 3px;right: -5px;bottom: 3px;}
.lg-bg{width:65%;}
.bvt{width:56%;}
.s1-img1 {width: 50px;}
.s1-img2{width: 250px;top:50%;}
.s1-p1{width: 80%;font-size: 16px;letter-spacing: 3px;line-height: 32px;}
.s2-p1{top: 17%;width: 80%;font-size: 16px;}
.s2-img1{width: 60px;}
.s3-close i{font-size: 14px;}
.s3-close img{width: 18px;}
.section2 h6{top:45.5%;font-size: 90px;letter-spacing:-3px;}
.section2 h6 sub{font-size: 20px;}
.section2 h6 sup{font-size: 25px;top: 20px;left: -20px;}
.section2 h6 sub {bottom: 33px;right: -25px;}
.s2-img1:nth-of-type(1){left: 10%;top: 32%;transform: rotate(180deg)}
.s2-img1:nth-of-type(2){left: 10%;top: 46%;transform: rotate(180deg)}
.s2-img1:nth-of-type(3){left: 10%;top: 60%;transform: rotate(180deg)}
.section2 h5{top:52%;font-size: 18px;transform: translate(0,0)}
.section2 h5:nth-of-type(1){left: 21%;top: 36%;}
.section2 h5:nth-of-type(2){left: 21%;top: 50%;}
.section2 h5:nth-of-type(3){left: 21%;top: 62.5%;width: 80px;letter-spacing: 2px;}
.s2-img1{display: none}
.section2 h6{display: none}
.section2 h5{display: none}
.img999{display: block!important;width: 100%;}
.section2 h6:nth-of-type(1){left: 62%;top: 37%;}
.section2 h6:nth-of-type(2){left: 64%;top: 51.5%;}
.section2 h6:nth-of-type(3){left: 69%;top: 65%;}
.s2-p2{top: 77%;font-size: 20px;white-space:nowrap;}
.h_2 .s2-p2{top:auto;}
.s2-p2::before,.s2-p2::after{height: 20px;top: 4px;}
.s2-p2::before{left: -20px;}
.s2-p2::after{right: -20px;}
.s2-p3{top: 83%;width: 80%;font-size: 14px;}
.s4-p2{font-size: 20px;}
.s4-p2::before,.s4-p2::after{height: 50px;top: 4px;}
.s4-p2::before{left: -20px;}
.s4-p2::after{right: -20px;}
.lg-m .li-m {padding-left:30px;}
.s3-tr h1{margin-top: 15px;padding-top: 10px;font-size: 18px;letter-spacing: 3px;}
.s3-tr h2{margin-top: 10px;padding-bottom: 5px;font-size: 14px;line-height:22px;letter-spacing:0px;}
.s3-tr p {font-size: 13px;line-height: 25px;margin-top: 10px;letter-spacing: 2px;}
.s3-tr h6{letter-spacing: 3px;margin-top:5px;font-size: 13px;}
.s4-h2-1{width:380px;font-size: 14px;line-height: 20px;top:36%;left:50%;letter-spacing:1px;padding: 26px 30px;background-size: 100%;}
.s4-h2-2{width:380px;font-size: 14px;line-height: 20px;top:53%;left:50%;letter-spacing:1px;padding: 26px 30px;background-size: 100%;}
.s4-h2-1::after{top: 10px;width: 140px;padding: 5px 0px 5px 10px;font-size: 14px;background-size: 100%;text-align: center;}
.s4-h2-2::after{top: 10px;width: 140px;padding: 5px 0px 5px 10px;font-size: 14px;background-size: 100%;text-align: center;}
.s4-p2{top: 68%;white-space:inherit;width: 60%;}
.s4-p3{font-size: 20px;top: 68%;width: 80%;}
.s4-a1 {top: 78%;}
.lg-b{height:45%;}
.lg-b li{font-size: 12px;}
.lg-b li p{font-size: 14px;margin: 0;}
.lg-b li i{font-size: 25px;margin: 0 10px;}
.lg-b li:nth-child(1){top:5%;left:6%;}
.lg-b li:nth-child(2){top:20%;left:6%;}
.lg-b li:nth-child(3){top:35%;left:6%;}
.lg-b li:nth-child(4){top:50%;left:6%;}
.lg-b li:nth-child(5){bottom:8%;right:5%;}
.lg-b li:nth-child(6){font-size: 12px;color: #808080;bottom:6%;right:5%;display: none;}
.bvt {width: 40%;height: 100%;position: absolute;top: 0;z-index: -1;left: 60%;float: left;}
.yz {width: 170%;}
.h6yz1 {top: 32%;left: 46%;font-size: 14px;}
.h6yz2{left: 82%;top: 46%;font-size: 14px;white-space:nowrap}
.h6yz3 {top: 58.5%;left: 33%;font-size: 14px;}
.h6yz4 {left: 19%;top: 44.5%;font-size: 14px;}
.e {bottom: 11%;}
.s3-top {height: 100vh;}
.s3-tl {width: 100%;height: 270px;overflow: hidden;position: relative;}
.s3-tr {margin-left: 4%;margin-top: 5%;width: 92%;}
.s3-tr img{display: none;}
.btn-prev {top: 230px;left: 20px;font-size: 20px;}
.btn-next {top: 230px;right: 20px;font-size: 20px;}
.ttr{display: none;}
.s3-close {position: absolute;top: 250px;left: 46.5%;right: 50%;z-index: 9999;transform: translate(-50%,0);}
.s3-close i{color: #666;font-size: 24px;background: #fff;border-radius: 50%;padding: 10px;}
.pdd{display: block!important;z-index: 200;position: absolute;top: 10%;left: 5%;}
.s2-p1{white-space: inherit;}
.khpj_lb{ width:100%; left:0%; padding:0px 30px;}
.pj_tx{ width:40%;}
.pj_cont{ padding-top:3%; width:60%; padding-left:2%;}
.pj_cont .pj_logo{ width:105px;}
.pj_cont h1{font-size:16px;letter-spacing:0px;line-height:22px; padding-top:12px;}
.pj_cont h2 {font-size:13px;letter-spacing:0px;padding:5px 0px 0px 0px;line-height:19px;}
.khpj_lb{ top:28% !important;}
.khpj_lb .desc3{font-size: 12px;line-height:18px;margin-top:0px; height:300px;}
.khpj_lb .desc3 h6{font-size: 12px !important;line-height:18px!important; margin-top:5px!important;}
.khpj_b{ height:110px;}
.khpj_b .s2-p2{ top:26px;}
.khpj_b .s3-a1{ top:65px;}
.khpj_lb .swiper-button-prev,.khpj_lb .swiper-button-next{width:20px; height:20px; background-size:40px;}
.khpj_lb .swiper-button-prev{ left:5px;}
.khpj_lb .swiper-button-next{ right:5px;}
.h_2_r li{ font-size:16px; line-height:24px;padding-bottom:48px; width:70%;}
.h_2_r li img{ display:block; width:24%;}
.h_2_r li p{ position:absolute; left:17%; top:52%; z-index:10px;}
.h_2 .s2-p2{ margin-top:18%;}
.h_video_m{display: block;background-repeat: no-repeat;background-position: center top; height:100vh; background-size:cover;}
.h_video{ display:none;}
.homevideo{ display:none;}
.homevideo_m{width:100%; position:absolute; top:0px; left:0px; right:0px;z-index:1; height:100vh;object-fit: cover;}
.s1-img2{width: 240px;
    top:65%; right:-20%; left:auto;}
.h_2_l{ margin-top:-10%;}
.h_2_r{ margin-top:-10%;}
.h_2 .s2-p2 i{ display: inline;}
.h_2 .s2-p2::before, .h_2 .s2-p2::after{ height:50px; top:2px;}
.ljgd_pc{ display:none;}
.ljgd_wap{ display: block;}

	
}

@media(max-width:375px){
.s1-p1 {top: 65%;}
.h6yz1 {top: 29%;left: 46%;font-size: 14px;}
.h6yz3 {top: 61%;left: 33%;font-size: 14px;}
/* .sb2 .s3-div000 div {width: 20vw;height: 20vw;}
.sb2 .s3-div00 div {width: 20vw;height: 20vw;}
.sb2 .s3-div0 div {width: 20vw;height: 20vw;}
.sb2 .s3-div1 div {width: 20vw;height: 20vw;}
.sb2 .s3-div2 div {width: 20vw;height: 20vw;}
.sb2 .s3-div3 div {width: 20vw;height: 20vw;}
.sb2 .s3-div4 div {width: 20vw;height: 20vw;}
.sb2 .s3-div5 div {width: 20vw;height: 20vw;}
.sb2 .s3-div6 div {width: 20vw;height: 20vw;}
 */.s2-p1 {top:20%;}
.s4-h2-1{width:330px;font-size: 12px;line-height:18px;top:36%;left:50%;letter-spacing:1px;padding: 26px 30px;background-size: 100%;}
.s4-h2-2{width:330px;font-size: 12px;line-height: 18px;top:53%;left:50%;letter-spacing:1px;padding: 26px 30px;background-size: 100%;}
}
@media(max-width:320px){
.lg-b{height:30%;}
.lg-b li:nth-child(1){top:2%;left:5%;}
.lg-b li:nth-child(2){top:2%;left:40%;}
.lg-b li:nth-child(3){top:32%;left:5%;}
.lg-b li:nth-child(4){top:32%;left:40%;}
.lg-b li:nth-child(6){left:0%;bottom: 0;white-space:pre-wrap;}
.lg-m .li-m{height: 40px;line-height: 40px;font-size: 16px;}
.s1-p1{top: 68%;}
.section2 h5{font-size: 14px;}
.section2 h6{font-size: 40px;}
.s2-p2{white-space:pre-wrap;width: 80%;}
.s2-p3{top: 70%;}
.s4-h2-1{width:330px;font-size: 12px;line-height:18px;top:38%;left:50%;letter-spacing:1px;padding: 26px 30px;background-size: 100%;}
.s4-h2-2{width:330px;font-size: 12px;line-height: 18px;top:55%;left:50%;letter-spacing:1px;padding: 26px 30px;background-size: 100%;}
.section2 h5{top:53%;}
.s2-p1 {top:25%;}
}
.s2-pp{font-size: 25px;color: #bc9f71;position: absolute;top: 68%;left: 50%;transform: translate(-50%,0);letter-spacing: 3px;text-align: center;}

@media(min-width:2560px){
.h6yz1 {top: 28%;left: 55.5%;}
.h6yz2 {top: 41.5%;left: 70%;}
.h6yz3 {top: 62%;left: 35%;}
.h6yz4 {top: 41%;left: 34%;}
.section2 h6:nth-of-type(1){left: 27.5%;}
.section2 h6:nth-of-type(2){left: 49%;}
.section2 h6:nth-of-type(3){left: 70%;}
.section2 h5:nth-of-type(1){letter-spacing: 20px;left: 28%;}
.section2 h5:nth-of-type(2){letter-spacing: 10px;left: 49.5%;}
.section2 h5:nth-of-type(3){left: 70%;}
.section2 h5 {top: 54%;}

}


.h_thfw1{width: 100%;padding: 0px 0%;position: absolute;left: 0%;margin-left: 0px;z-index: 5;bottom: 0px;font-family: "OPPOSans-R","OPPOSans-R"; opacity:0;}
.h_thfw1 .s2-p2{ color:#FFF; z-index:10;}
.h_thfw1 .s2-p2::before,.h_thfw1 .s2-p2::after{background: #ffffff;}
.h_thfw1 .s3-p2{ top:80%;}
.h_thfw1 .s3-a1{ top:87%; color:#4d4d4d; z-index:10;}
.h_thfw1 .swiper-container {width: 100%;}
.h_thfw1 .swiper-slide {background-size: cover;background-position: center;}
.h_thfw1 .gallery-top {height: 100%;width: 100%;}
.h_thfw1{ position:relative; height:100%;}
.h_thfw1 .gallery-thumbs{ width:260px; position:absolute; left:25%; top:20%; z-index:10; height:510px; }
.h_thfw1 .swiper-wrapper{transform: translate3d(00px, 0px, 0px)!important;}
.h_thfw1 .gallery-thumbs .swiper-slide{ width:100% !important; height:170px; position:absolute; top:0px; z-index:11; left:0px; cursor:pointer;}
.h_thfw1 .gallery-thumbs .swiper-slide-2{ top:170px; z-index:12;}
.h_thfw1 .gallery-thumbs .swiper-slide-3{ top:341px; z-index:13;}
.h_thfw1 .h_thfw_l_p{height: 170px;	line-height: 170px;	border-bottom: 1px solid rgb(255,255,255,0.1);width: 100%;display: block;font-size: 32px;color: #808080; position:relative;text-decoration: none !important;transition: 0.4s;letter-spacing: 7px;}
.h_thfw1 .h_thfw_l_p i{ width:30px; height:30px;background-image: url(/images/2024/thfw_h_ico.png);background-repeat: no-repeat;background-position: right center;position:absolute; top:70px; right:0px;background-size:100%; opacity:0.2;}
.h_thfw1 .swiper-slide-2 .h_thfw_l_p i{transform: rotateY(180deg);}
.h_thfw1 .swiper-slide-3 .h_thfw_l_p i{transform: rotate(270deg);}
.h_thfw1 .swiper-slide-3 .h_thfw_l_p{ border-bottom:0px;}
.h_thfw1 .gallery-thumbs .swiper-slide-thumb-active .h_thfw_l_p{color: #fff;opacity: 1;}
.h_thfw1 .gallery-thumbs .swiper-slide-thumb-active .h_thfw_l_p i{ opacity:1;}
.thfw_r_p{font-size: 22px;line-height: 34px;color: #F2F2F2;position: absolute;top: 35%;right: 25%;width: 440px;letter-spacing: 1px;text-align: justify;}
.thfw_r_p2{ display:none;}

@media(max-width:1680px){
.h_thfw1 .gallery-thumbs{left: 20%;}
.thfw_r_p{right: 20%;}
	
}

@media(max-width:1366px){
.h_thfw1 .gallery-thumbs{left: 15%;}
.thfw_r_p{right: 15%;}
	
}

@media(max-width:580px){
.h_thfw1 .gallery-thumbs{width: 30%;left: 13%;top: 28%;height:288px; }
.thfw_r_p{ display: none;}
.thfw_r_p2{font-size: 14px;line-height: 21px;color: #F2F2F2;position: absolute; top: 34%;right: 12%;width: 30%;letter-spacing: 1px;text-align: justify;display: block;}
.h_thfw1 .h_thfw_l_p{height: 95px;line-height: 95px;border-bottom: 1px solid rgb(255,255,255,0.1);font-size: 20px;letter-spacing: 4px;}
.h_thfw1 .gallery-thumbs .swiper-slide-2{ top:95px; }
.h_thfw1 .gallery-thumbs .swiper-slide-3{ top:191px;}
.h_thfw1 .h_thfw_l_p i{width: 15px;height: 15px;top: 40px;}
.h_thfw1 .gallery-top .swiper-slide_1 .thfw_r_p2{top: 43%;}
.h_thfw1 .gallery-top .swiper-slide_1 .thfw_r_p2{top: 38%;}
}<!--耗时1751456037.2542秒-->