@charset "UTF-8";

* { padding: 0;margin: 0;border: 0;outline: none;}

@font-face{font-family:OPPOSans-B;src:url(../fonts/OPPOSans-B.ttf);font-display: swap;}

@font-face{font-family:OPPOSans-H;src:url(../fonts/OPPOSans-H.ttf);font-display: swap;}

@font-face{font-family:OPPOSans-L;src:url(../fonts/OPPOSans-L.ttf);font-display: swap;}

@font-face{font-family:OPPOSans-M;src:url(../fonts/OPPOSans-M.ttf);font-display: swap;}

@font-face{font-family:OPPOSans-R;src:url(../fonts/OPPOSans-R.ttf);font-display: swap;}

@font-face{font-family:DIN;src:url(../fonts/DINNeuzeitGroteskStd-Light.otf);font-display: swap;}

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size: 625%;}

body {color: #000;overflow-x: hidden;font-family: "OPPOSans-R","Arial","Raleway,Helvetica Neue, Helvetica,sans-serif";font-size:.19rem;letter-spacing: 1px;}

a:focus{outline:none;}

a { color: #000;}

input,select,button,textarea {vertical-align:middle;font-family: "OPPOSans-B","Arial","Raleway,Helvetica Neue, Helvetica,sans-serif"; outline: none;border:0;}

ul li { list-style:none;}

ol, ul{ padding:0;}

a,.trans3 { -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.trans { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.trans8 { -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}

.trans10 { -webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;}

.wrap,.wrap2 { margin-top:.9rem;}

.case-wrap { margin-top:1.75rem;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #757575; opacity:1; }

::-moz-placeholder { /* Mozilla Firefox 19+ */color: #757575;opacity:1;}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #757575;opacity:1;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #757575;opacity:1;}

.cust_form:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #757575; opacity:1; }

.cust_form::-moz-placeholder { /* Mozilla Firefox 19+ */color: #757575;opacity:1;}

.cust_form input:-ms-input-placeholder{color: #757575;opacity:1;}

.cust_form input::-webkit-input-placeholder{color: #757575;opacity:1;}

.tc { text-align: center;}

.news-deta-text img { max-width:100%;}

.color { background: linear-gradient(to left, #faab5d, #f64e27);-webkit-background-clip: text;color: transparent;}

.ell,.am-ellipsis { text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.fl { float:left;}

.fr { float:right;}

.ov { overflow:hidden;}

.logo a { display: block;}

.logo a img { width:.71rem;display:block;}

.logo a img.logo2{display:none;}

.nav-li{display: flex;align-items: self-end;}

.nav-li li{}

.nav-li li a{font-size: .19rem;color:#000;margin-right:8.5vw;}

.nav-li li a.current,.nav-li li a:hover{color: #131f7b;}

.nav-cont{display: flex;justify-content: space-between;align-items:flex-end;}

.nav_box.bgr{ height:1.2rem;box-shadow: 0 2px 10px 0 rgba(36, 50, 66, .075);}

.nav_box .am-container,.nav_box .nav-cont{height: 100%;}

.nav_box.bgr .logo a img{width:.51rem;}

.nav_box {z-index: 99;position: fixed;top: 0;left: 0;width: 100%;background: #fff;height:1.6rem;box-shadow: 0 3px 8px rgb(1 27 106 / 8%);padding:.5rem 0 .2rem;}

.lang img{width:.32rem;display: block;}







/* 手机导航 */

.sp_header{height:1rem;overflow:hidden;position:fixed;z-index:9999;width:100%;top:0;left:0;background: #fff;padding-bottom: 0.1rem;box-shadow: 0 3px 8px rgb(1 27 106 / 8%);}

.sp_header.bgr{box-shadow: 0 2px 10px 0 rgba(36, 50, 66, .075);}

.sp_logo{height: 100%;display: flex;align-items: flex-end;padding-left: .15rem;}

.sp_logo img{margin:auto;height:.7rem;display: block;}

.sp_nav{width:.3rem;position:absolute;cursor:pointer;height:100%;right:.15rem;top: 0;}

.sp_nav span{display:block;background:#404040;width:.3rem;height:2px;position:absolute;left:0;transition:all ease 0.35s}

.sp_nav span:nth-of-type(1){bottom:.15rem;}

.sp_nav span:nth-of-type(2){bottom:.25rem}

.sp_nav span:nth-of-type(3){bottom:.35rem}

.sp_nav_se span:nth-of-type(1){bottom:.25rem;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){bottom:.25rem;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:99999;background: #fff;width:100%;height:calc(100% - .99rem);font-size:14px;line-height:40px;right:-100%;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;opacity:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s;transition: all 0.5s ease;bottom:0;}

.nav_show{ opacity:1;right:-50%;}

.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}

.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}

.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}

.sjj_nav ul li i{position:absolute;top:0px;right:0px;height:50px;width: 50px;text-align: right;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

.sjj_nav ul li{text-indent:.25rem;position:relative;line-height:.7rem;font-size:.25rem}

.sjj_nav ul li ul{display:none;margin: 0;}

.sjj_nav ul li ul li:first-child { padding-top:8px;border-top:1px solid #e5e5e5;}

.sjj_nav ul li ul li:last-child { padding-bottom:8px;}

.sjj_nav ul li a{color:#000;width:100%;display: block;}

.sjj_nav ul li.on>a { color:#cf7e3f;}

/*.sjj_nav>ul>li>a { text-transform: uppercase;}*/

.sjj_nav ul li ul li { border:none;line-height:2.5;font-size:.15rem;}

.sjj_nav ul li ul li a{ color:#434343;display:block;text-align:left;}

.sjj_nav ul li i:before { width:100%;height:.58rem;display: block;position: absolute;right:0;}

.sjj_nav ul li i.sp_nav_xjb:before{ content: "";background: url(../images/arr11.png) center no-repeat;background-size: 12px 7px;}

.sjj_nav ul li i.sjj_nav_i_se:before{content: "";background: url(../images/arr12.png) center no-repeat;background-size: 12px 7px}

.sjj_nav ul li ul li>ul{margin-left:10px}

.sp_logo img.logo4,.bgr .sp_logo img.logo3,.sp_nav_se .sp_logo img.logo3{display:none;}

.bgr .sp_logo img.logo4,.sp_nav_se .sp_logo img.logo4{display:block;}

.sp-box{display: flex;align-items: center;justify-content: space-between;}

.sjj-flex{display: flex;align-items: center;height:100%;}

.lang2{padding-left: .25rem;}

.sjj-center{width: 50%;height:45%;display: flex;flex-direction: column;justify-content: space-between;}



.swiper-container2.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container2 .swiper-pagination-custom, .swiper-pagination-fraction { bottom:30px;}

.banner{height:100vh;}

.swiper-container2{height:100%;}

.banner .swiper-container2 .swiper-slide img { width:100%;}

.banner .swiper-container2 .swiper-slide a { display: block;}

.banner .swiper-pagination-bullet { background:#fff;transition: all .4s ease;border:1px solid #cbcbcb;opacity: 1;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 .05rem;}

.banner .swiper-pagination-bullet-active { background:#cbcbcb;top:0;}

.banner .swiper-button-next, .banner .swiper-button-prev { width:.46rem;height:.46rem;margin-top:-.23rem;opacity:.5;border:2px solid rgba(255,255,255,.5);border-radius:50%;}

.banner .swiper-button-next { background:url(../images/arrow4.png) no-repeat center;right:1.5%;}

.banner .swiper-button-prev { background:url(../images/arrow3.png) no-repeat center;left:1.5%;}

.banner .swiper-button-prev:hover { background:url(../images/arrow3.png) no-repeat center;opacity:1;border:2px solid rgba(255,255,255,.8);}

.banner .swiper-button-next:hover { background:url(../images/arrow4.png) no-repeat center;opacity:1;border:2px solid rgba(255,255,255,.8);}

.banner .swiper-container2 .swiper-slide img { transition: all .8s ease;}

.swiper-container2 a { display:block;height:100%;}

.swiper-container2 img { height:100%;object-fit:cover;}

img.banner-wap,img.banner-wap2 { display:none;}

.swiper-container2.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-container2.swiper-pagination-custom, .swiper-pagination-fraction { bottom:0;background:#fff;padding:.18rem calc(2% + 2vw);display:flex;justify-content:flex-end;}



.in-about-text img{max-width: 3.6rem;margin-bottom:.3rem;}

.in-about-text{text-align: center;font-family: Arial, Helvetica, sans-serif;font-size:.42rem;line-height:1.7;padding:2.2rem 0;}

.footer{background:#e5e5e5;padding:1.05rem 0 .5rem;}

.footer-p{font-family: Arial, Helvetica, sans-serif;font-size: .19rem;padding:.4rem 0;}

.footer-p a:hover{color:#131f7b;}

.footer-cont{max-width: 1200px;margin:0 auto;}

.footer-b{border-top:1px solid #000;}

.footer-img{font-family:DIN;position:relative;}

.footer-img img{width:2.1rem;}

.footer-img-p{position: absolute;left: 0;top:0;width:100%;height:100%;font-size:.6rem;color:#131f7b;display:flex;align-items: center;justify-content: center;}

.footer-web{margin-top:.6rem;}

.ny-wrap{padding:2.5rem 0 1.3rem;}

.lociton{padding-bottom:.5rem;}

.prod-li{display:flex;flex-wrap: wrap;margin:0 -.2rem;}

.prod-li li{padding:0 .2rem;}

.prod-li3{padding-bottom:1.5rem;}

.prod-li li a{display: block;width: 100%;}

.prod-li li .prod-p{font-size:.28rem;color:#000;font-family:OPPOSans-B;margin-top:1rem;letter-spacing:4px;}

.prod-img img{max-width: 80%;margin:0 auto;display: block;}

.prod-color span{width:.2rem;height:.2rem;border-radius:50%;display:block;margin:0 .1rem .1rem;}

.prod-color{display: flex;justify-content: center;margin-top:.45rem;flex-wrap: wrap;}

.prod-flex{width: 100%;}

.prod-img2 img{width:100%;display:block;}

.prod-p2{font-size:.28rem;margin-top:.15rem;}

.prod-li2 li{padding-bottom: .35rem;}

.about-text img{max-width:100%;display: block;margin-bottom: .4rem;width:100%;}

.about-text{font-size: .4rem;line-height:1.8;}

.slideTxtBox{display: flex;}

.slideTxtBox .bd{width:73%;}

.slideTxtBox .bd ul{width:100%;}

.slideTxtBox .hd{ width:27%;display: flex;flex-wrap: wrap;align-content: space-between;}

.slideTxtBox .hd ul{display:flex;flex-wrap:wrap;}

.slideTxtBox .hd ul li{ cursor:pointer;width:50%;padding:.2rem 0 0 .2rem;}

.slideTxtBox .hd ul li img{width: 100%;display:block;}

.slideTxtBox .bd li img{ width:100%;display:block;}

.prod-deta{padding-left: .2rem;font-size: .19rem;width: 100%;line-height: 1.6;}

.prod-deta table{width: 100%;border:none !important;}

.swiper-pagination3{position:static;}

@media (min-width:1198px) {

    .news-li li a:hover .news-img img{ -webkit-transform:scale(1.08);transform:scale(1.08);}









}







@media (max-width: 1600px){

	.am-container{max-width: 96%;}



}







@media (max-width: 1198px){

	.am-container { max-width:100%;padding: 0 .15rem;}





	





}







@media (max-width: 980px) {

	.wrap { margin-top:.5rem;}

	

	

}





@media (max-width: 767px) {

	html{font-size: 500%;}

	img.banner-wap { display:block;}

    img.banner-pc { display:none;}

	.swiper-container2.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-container2.swiper-pagination-custom, .swiper-pagination-fraction { padding:.18rem calc(2% + 2vw) .7rem;}

	.prod-li{margin:0 -.1rem;}

	.prod-li li{padding:0 .1rem;}

	.prod-li2 li{padding-bottom: .3rem;}

	.prod-color span{width:.1rem;height:.1rem;border-radius:50%;display:block;margin:0 .05rem .05rem;}

	.prod-li li .prod-p{font-size: .2rem;margin-top:.5rem;letter-spacing:2px;}

	.prod-color{margin-top:.3rem;}

	.ny-wrap{padding:1.4rem 0 .8rem;}

	.prod-li3 {padding-bottom:.5rem;}

	.prod-p2{font-size: .18rem;}

	.footer-img-p{font-size: .38rem;}

	.footer{padding:.8rem 0 .3rem;}

	.footer-web{margin-top:.4rem;}

	.footer-img img{width:1.3rem;}

	.about-text{font-size: .14rem;line-height:1.8;}

	.in-about-text img{max-width:2.8rem;}

	.in-about-text{font-size:.34rem;line-height:1.5;padding:1.8rem 0;}

	.slideTxtBox .hd{width: 100%;}

	body,.prod-deta{font-size:.18rem;}

	.prod-deta{padding-left: 0;}

	.prod-li4{margin-top:.8rem;}

	.footer-p{font-size: .14rem;padding:.22rem 0;}

	.prod-li li{padding:.05rem .1rem .45rem;}

	.footer-web{font-size: .2rem;}





}













html,body{  min-height:101%;}



html{ overflow:-moz-scrollbars-vertical;}