@charset "UTF-8";

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

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

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


.Regular { font-family:p-Regular;}

.Medium { font-family:p-Medium;}

.bold { font-family:p-Bold;}

.SemiBold { font-family:p-Bold;}

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

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

body {color: #333;overflow-x:hidden;font-family:"p-Regular","microsoft Yahei", "Arial","Raleway,Helvetica Neue, Helvetica, sans-serif";font-size:.14rem;}

a:focus{outline:none;}

a { color: #333;}

input,select,button,textarea {vertical-align:middle;font-family: "p-Regular","microsoft Yahei","Arial","Raleway,Helvetica Neue, Helvetica,sans-serif"; outline: none;border: 0;-webkit-appearance:none;}

ul li { list-style:none;}

ol, ul{ padding:0;}

a,.trans3 { -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;}

.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 { margin-top:.85rem;}

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

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

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

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

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

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

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

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

.tc { text-align: center;}

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

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

.clear { clear: both;}

.fl { float:left;}

.fr { float:right;}

.flex { display:flex;align-items:center;}







/* 导航 */

.top-flex,.nav_box,.nav-fr,.sp-flex{display:flex;justify-content: space-between;align-items: center;}

.top-bar{background:#d61729;line-height:.5rem;color:#fff;font-size:.16rem;}

.top-fl img { vertical-align:middle;margin-right:.08rem;}

.top-fl span { margin-right:.35rem;}



.language-down2{position:relative;margin-left:3vw;font-size: .17rem;}

.language-down2 .language-nav2{display:block;transition:none;-webkit-transition:none;text-align:center;color:#333;line-height: 1rem;}

.language-down2 .language-nav2 i{width:20px;height:20px;background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin:-2px 6px 0 0;}

.language-nav2 img,.language-li2 img{vertical-align:middle;margin-right:.08rem;}

.language-nav2 img.arr { margin-left:.08rem;}

.language-li2{padding:.12rem 0;z-index:2;width:110px;box-shadow:1px 1px 5px rgba(0,0,0,0.2);background:#fff;position:absolute;top:.8rem;left:50%;display:none;margin-left:-55px;z-index:99999;}

.language-li2 a{display:block;padding:.05rem .1rem .05rem .1rem;line-height:.26rem;font-size:.15rem;text-align:center;color:#666;}

.language-li2 a:hover { color:#d61729;}

.language-li2 span{vertical-align:middle;}

.language-down2.ontrue2 .language-li2{display:block;animation:fadeInUpdown .6s ease-in-out;-webkit-animation:fadeInUpdown .6s ease-in-out;}

@keyframes fadeInUpdown{0%{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}

100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

}

.language-down2:hover .language-nav2 img.arr,.language-down3.ontrue img  { transform: rotate(180deg);}

.top-link img { vertical-align:middle;margin-left:.15rem;}
.language-down2 span{vertical-align:middle}




.logo img { display: block;}

.top-tel { padding-left:2.5vw;background:url(../images/tel.png) no-repeat left center;}

.admin-header { position:relative;}

.logo a { display:block;}

.nav_box { z-index:99;}

.nav_box li a { padding:0;color:#fff;display:block;}

.am-icon-bars { color:#666;font-size:15px;}





.nav{ position:relative;z-index:9999;}

.nav a{ color:#656565;}

.nav .nLi{ float:left;position:relative;display:inline;height:1rem;line-height:1rem;margin-left:3vw;}

.nav .nLi:last-child { background:none;}

.nav .nLi.on { background:none;}

.nav .nLi p{ margin:0;}

.nav .nLi p a{ display:block;font-size:.19rem;color:#111;font-family:p-Medium;text-align:center;}

.nav .sub{ display:none;left:-70%;top:1.05;position:absolute;background:rgba(255,255,255,.95);line-height:.2rem;width:240%;z-index:99;text-align:center;}

.nav .sub2 { left:-10%;width:120%;}
.nav .sub a{ display:block;font-size:.16rem;display:block;color:#111;padding:.12rem .15rem;}

.nav .on p a,.nav .nLi p a:hover{ color:#d61729;}

.nav .sub a:hover{ background:#d61729;color:#fff;}

.nav .sub_ce { margin-right:55px;padding-right:55px;border-right:1px dashed #d61729;}



.language-down { float:right;}

.language-down .language-nav {display:block;height:100%;transition:none;-webkit-transition:none;font-size:.17rem;text-align:center;color:#fff;}

.language-down .language-nav:hover { color:#d61729;}

.language-down .language-nav i{width: 20px;height: 20px;background-repeat: no-repeat;display: inline-block;vertical-align: middle;margin: -2px 6px 0 0;}

.language-nav img { vertical-align:middle;margin-right:.08rem;position:relative;top:-2px;}

.language-li {padding:.12rem 0;z-index:2;width:125px;box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);background: #fff;position: absolute;top:80px;left: 50%;display: none;margin-left: -64px;}

.language-li:before {content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 5px 5px;border-color:transparent transparent #fff transparent;position:absolute;top:-5px;left:50%;margin:0 0 0 -4px;}

.language-li a {display:block;padding:.05rem .1rem .05rem .43rem;line-height:.26rem;font-size:.14rem;color:#666;}

.language-li a:hover { color:#d61729;}

.language-down.ontrue .language-li {display: block;animation: fadeInUpdown .6s ease-in-out;-webkit-animation: fadeInUpdown .6s ease-in-out;}

@keyframes fadeInUpdown {0% {transform: translateY(-20px);-webkit-transform: translateY(-20px);opacity: 0;}100% {transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;}}

.search { display:block;width:.2rem;height:.2rem;background:url(../images/search.png) no-repeat center;background-size:100% 100%;margin-left:3vw;}

.search:hover{background:url(../images/search2.png) no-repeat center;background-size:100% 100%}

.search img { margin-left:2vw;vertical-align: middle;}

.search-popover-mask {z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none}

.search-popover {z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;display:none;}

.search-po { width:100%;height:100%;background:rgba(0,0,0,.6);} 

.search-poptit { background:#fff;position:absolute;width:600px;height:auto;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);z-index:99;border-radius: 20px}

.search-bg { padding:.75rem .8rem;}

.search-text { border-bottom: 1px solid #d9d9d9;font-size:.16rem;padding-bottom:.15rem;width:100%;}

.search-btn { width:1.5rem;height:.5rem;line-height:.5rem;margin-top:.35rem;background:#d61729;font-size:.17rem;cursor: pointer;border-radius:5px;color:#fff;}

.search-btn:hover { background:#215c92;}

.search-close { position: absolute;right:0;top:0;width:.6rem;height:.6rem;background:url(../images/close.jpg) no-repeat center;background-size:.18rem .17rem;}

.search-close:hover { transform: rotate(180deg);}



.video1{ position:absolute;width:100%;left:0px;height:100%;}

.video3 { top:50%;transform:translateY(-50%);object-fit:cover;}

.video2 { top:0;height:100%;background:#000;}

/* 手机导航 */

.sp_header{height:.66rem;position:fixed;z-index:9999;width:100%;top:0;left:0;background:#fff;box-shadow: 0 2px 10px 0 rgb(36 50 66 / 8%);}

.sp_header.bgr { background:#fff;border-bottom:none;}

.sp_logo a{ padding:0 10px;float:left;display:block;}

.sp_logo img{margin:auto;max-height:.38rem;margin-top:.14rem;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:100%;}

.sp_nav span{display:block;background:#333;width:22px;height:2px;position:absolute;left:14px;transition:all ease 0.35s}

/*.sp_header.bgr .sp_nav span,.sp_header.bgr2 .sp_nav span,.sp_nav_se span { background:#333;}*/

.sp_nav span:nth-of-type(1){top:.22rem}

.sp_nav span:nth-of-type(2){top:.3rem}

.sp_nav span:nth-of-type(3){top:.38rem}

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

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

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

.sjj_nav{position:fixed;z-index:999;background: #fff;width:100%;height:calc(100% - 0px);font-size:14px;line-height:40px;top:-100%;left:0;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;}

.nav_show{ opacity:1;top:0px;padding-top:56px;}

/*.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:.5rem;width: .5rem;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{border-top:1px #e5e5e5 solid;text-indent:.15rem;position:relative;line-height:.6rem;font-size:.18rem}

.sjj_nav>ul >li:last-child{border-bottom:1px #e5e5e5 solid;}

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

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

.sjj_nav ul li>ul li:last-child { padding-bottom:.05rem;}

.sjj_nav ul li a{color:#434343;width:100%;display: block;font-family: p-Medium;}

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

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

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

.sjj_nav ul li ul li a{ color:#535353;display:block;text-align:left;padding:.02rem 0;}

.sjj_nav ul li i:before { width:100%;height:.6rem;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{padding-left:10px;border-bottom:1px solid #e5e5e5 ;}

.sjj_nav ul li ul li:last-child ul { border-bottom:0;}

.sjj_nav ul li ul li i { height:.38rem;}

.sjj_nav ul li ul li i:before { height:.38rem;}

.sjj_nav ul li ul li:first-child i:before { top:.03rem;}

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

.lange-en{position:absolute;right:50px;top:0;height:.6rem;display:block;font-size:.17rem;line-height:.6rem;text-align:ight;}

.language-down3{position:absolute;right:60px;top:0;}

.language-down3 .language-nav3{display:block;height:100%;transition:none;-webkit-transition:none;font-size:.16rem;text-align:center;color:#535353;height:.66rem;line-height:.66rem;}

.language-down3 .language-nav3 i{width:20px;height:20px;background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin:-2px 6px 0 0;}

.language-nav3 img{vertical-align:middle;margin-right:.05rem;width: .2rem;}

.language-li3{padding:.1rem 0;z-index:2;width:140%;box-shadow:1px 1px 5px rgba(0,0,0,0.2);background:#fff;position:absolute;top:36px;display:none;margin-left:-20%;text-align:center;;}

/* .language-li3:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 5px 5px;border-color:transparent transparent #fff transparent;position:absolute;top:-5px;left:50%;margin:0 0 0 -4px;}

*/

.language-li3 a{display:block;padding:.06rem .1rem;line-height:.26rem;font-size:.16rem;color:#666;}

.language-li3 a:hover{color:#d61729;}

.language-li3 a.cn{background:url(../images/cn.png) no-repeat .14rem center;background-size:.18rem .18rem;}

.language-li3 a.en{background:url(../images/en.png) no-repeat .14rem center;background-size:.18rem .18rem;}

.language-li3 a.japan{background:url(../images/japan.png) no-repeat .14rem center;background-size:.18rem .18rem;}

.language-down3.ontrue .language-li3{display:block;animation:fadeInUpdown .6s ease-in-out;-webkit-animation:fadeInUpdown .6s ease-in-out;}

@keyframes fadeInUpdown{0%{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}

100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

}

.language-down3 .language-li3{top:.6rem;}







/* banner */

.banner { position:relative;}

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

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

.banner .swiper-pagination-bullet { background:#000;width:.1rem;height:.1rem;opacity:.2;}

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

.banner .swiper-pagination-bullet-active { opacity:.5;}

.banner .swiper-button-next, .banner .swiper-button-prev { width:.48rem;height:.48rem;margin-top:-.21rem;border-radius:100%;opacity:.8;}

.banner .swiper-button-next { background:rgba(0,0,0,.2) url(../images/arr2.png) no-repeat center;right:.25rem;}

.banner .swiper-button-prev { background:rgba(0,0,0,.2) url(../images/arr1.png) no-repeat center;left:.25rem;}

.banner .swiper-button-prev:hover { background:rgba(0,0,0,.4) url(../images/arr1.png) no-repeat center;opacity:.8;}

.banner .swiper-button-next:hover { background:rgba(0,0,0,.4) url(../images/arr2.png) no-repeat center;opacity:.8;}

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

.swiper-container2,.swiper-container2 .swiper-wrapper { }

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

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

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:.2rem;}

.banner .swiper-container2,.swiper-video,.swiper-video video { height: 100%;}

.swiper-video video { width:100%;object-fit: cover;}



.in-pro-box { position:relative;}

.in-tit { padding-bottom:.45rem;}

.in-tit .in-tit-h6 { font-size:.42rem;color:#000;line-height:1;}

.in-tit p { font-size:.18rem;color:#222;line-height:1.5;max-width:70%;margin:.15rem auto 0;}

.in-pro-img{overflow: hidden;}

.in-pro-img img{width: 100%;display: block;}

.in-pro-a{display: block;border:1px solid #d4d4d4;position: relative;padding-bottom:.5rem;}

.in-pro-bor{border-bottom: none;}

.in-prod-text{padding:.05rem .1rem .35rem;}

.in-prod-h6{font-size: .21rem;color:#00000e;}

.in-prod-p{font-size: .18rem;color:#333;line-height: 1.3;margin-top: .05rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.in-prod-more{font-size: .2rem;background: #d61729;color:#fff;line-height: .5rem;position: absolute;left:-1px;bottom:-1px;width:calc(100% + 2px) ;}

.in-pro-a:hover .in-prod-more{background: #c91628;}

.swiper-container3{padding:1px;}

.in-pro-box .swiper-button-prev,.in-pro-box .swiper-button-next { width:.15rem;height:.26rem;margin-top:-.13rem;border-radius:50%;}

.in-pro-box .swiper-button-prev { left:-.45rem;background:url(../images/arr3.png) no-repeat center;}

.in-pro-box .swiper-button-next { right:-.45rem;background:url(../images/arr4.png) no-repeat center;}

.in-pro-box .swiper-button-prev:hover { background:url(../images/arr5.png) no-repeat center;}

.in-pro-box .swiper-button-next:hover { background:url(../images/arr6.png) no-repeat center;}

.more{font-size: .19rem;color:#d61729;position: relative;display: flex;align-items: center;}

.in-tit-more{display: flex;align-items: center;justify-content: center;margin-top: .2rem;}

.more:before,.in-news-more-a:before{content: "";position: absolute;left:0;bottom:0;width:0;height: 1px;background: #d61729;transition: all 0.5s ease;}

.more img,.in-news-more img{margin-left: .08rem;display: inline-block;width: 0.19rem;}

.in-tit-more:hover .more:before,.in-news-slide a:hover .in-news-more-a::before{width: 100%;}

.in-about-bg{background: #f2f6f9;padding:.65rem 5%;border-radius: 5px;}

.in-tit-text{font-size: .19rem;color:#000;line-height: 1.6;}

.in-tit-text strong{font-family:p-Bold;}

.in-tit2{padding-bottom: .25rem;}

.in-more{display: inline-block;font-size: .23rem;background: #292929;color:#fff;padding:0 .5rem;line-height: .5rem;margin:.45rem auto 0;border-radius: 5px;}

.in-mobr-p{display:flex;justify-content: center;}

.in-more:hover,.in-more2{background:#d61729;}

.in-more2:hover{background:#292929;}

.strengths-list{margin:0 -.15rem;display: flex;flex-wrap: wrap;}

.strengths-list li{padding:0 .15rem;}

.strengths-bg{border:1px solid #d4d4d4;border-radius:5px;padding:.55rem 0;height: 100%;}

.strengths-ico{width: 1.57rem;height: 1.57rem;border:1px solid #d61729;background: #d61729;border-radius: 50%;margin:0 auto;display: flex;align-items: center;}

.strengths-bg img{width: .9rem;display: block;margin:0 auto;}

.strengths-text{padding:0 6%;}

.strengths-h6{font-size: .24rem;color:#222;margin-top:.4rem;line-height: 1.3;}

.strengths-text p{font-size: .18rem;color:#222;line-height: 1.4;margin-top:.13rem;}

.bg2{background: #f2f6f9;padding:.85rem 0;}



.swiper-container4 { padding-bottom:.15rem;}

.in-news-img { overflow:hidden;}

.in-news-img img { width:100%;display:block;}

.in-news-slide a { display:block;border-radius:5px;overflow:hidden;border:1px solid #d4d4d4;height:100%;}

.in-news-text { padding:.35rem .3rem;background:#fff;}

.in-news-text .in-news-h6 { font-size:.22rem;line-height:.28rem;color:#000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.in-news-text p { font-size:.16rem;line-height:.24rem;color:#333;height:.72rem;overflow:hidden;margin-top:.12rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}

/*.in-news-slide a:hover .in-news-text .in-news-h6,.news-hot a:hover .in-news-text .in-news-h6 { color:#d61729;}*/

.in-about-more2 a { margin:.4rem auto 0 auto;background:#d61729;}

.in-about-more2 a:hover { background:#d61729;color:#fff;}

.in-news-wrap { padding-bottom:.75rem;}

.in-news-more { font-size:.18rem;color:#d61729;margin-top:.25rem;display: flex;align-items: center;}

.in-news-more-a{position: relative;}





.footer{background:#000;}

.footer-nav{display:flex;justify-content: space-between;align-items: flex-start;}

.footer-nav{padding:.7rem 0;}

.footer-h6{font-size:.2rem;color: #fff;}

.footer-p p a{font-size: .16rem;color:#ccc;margin-top:.1rem;display: block;}

.footer-p p a:hover,.copy a:hover{color:rgba(255,255,255,.95);}

.footer-p {padding-top:.15rem;}

.footer-cont{color: #fff;max-width:36%;}

.footer-logo{flex-shrink: 0;}

.copy{font-size: .16rem;width: 100%;padding-right:.3rem;color:rgba(255,255,255,.65);border-top: 1px solid rgba(255,255,255,.15);padding:.25rem 0;line-height: 1.5;}

.copy span{float: right;}

.copy a{color:rgba(255,255,255,.65);display:block;}

.foot-add { font-size:.16rem;line-height:.24rem;margin-top:.3rem;max-width:4.2rem;color:rgba(255,255,255,.9);}

.foot-add p { padding-bottom:.2rem;display: flex;align-items: start;}

.foot-add img{position:relative;top:.02rem;margin-right:.08rem;}

.in-about-box2{align-items:stretch;}

.in-about-box2 .in-tit-p{margin-top:.15rem;}

.in-search-icon {flex-shrink: 0;}

.swiper-container5{padding-bottom: .5rem;}

.in-par-wrap{padding-bottom: .8rem;}

.in-pro-box2 .swiper-button-prev,.in-pro-box2 .swiper-button-next { margin-top:-.38rem;}





.foot-email{padding:.5rem 0;border-bottom: 1px solid rgba(255,255,255,.15);background:#000;}

.foot-email-p{font-size:.14rem;color:#ccc;line-height:1.5;margin-top: .05rem;}

.foot-message{display:flex;overflow:hidden;}

.foot-message input{line-height:.46rem;height:.46rem;flex-grow:1;padding:0 .1rem;font-size:.15rem;border:none;width:auto;background:#fff;border-right:none;width:3.5rem;border-radius:5px;}

.foot-message button{line-height:.46rem;width:auto;height:.46rem;font-size:.18rem;background:#d61729;border:none;color:#fff;font-weight:bold;padding:0 .25rem;cursor:pointer;margin-left:.05rem;border-radius:5px;}

.foot-message button:hover{background:#c91628;}

.foot-flex{justify-content:space-between;}

.foot-email-tit{font-size: .24rem;color: #fff;}

.in-par-img img{width: 100%;display: block;}



.about-banner { position:relative;}

img.banner-pc { display:block;}

.about-banner>img { width:100%;height:100%;object-fit:cover;}

.banner-t { margin-top:-.15rem;}

.banner-text { position: absolute;left:0;top:0%;color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}

.banner-text .banner-h6 { font-size:.46rem;color:#fff;line-height:1;letter-spacing:1.5px;}

.banner-text p { font-size:.2rem;color:#fff;margin-top:.06rem; letter-spacing:2px;}

.location {overflow: hidden;font-size:.16rem;padding-top:.25rem;position:absolute;top:0;left: 0;width: 100%;color:#fff;}

.location img { position:relative;top:2px;margin-right:9px;width: .16rem;}

.location a { color:#fff;}

.location a:hover { color:#d61729;}

.ny-wrap{padding:.85rem 0 .95rem;}

.cont-list {margin:0 -.2rem;}

.cont-list li{padding:0 .2rem .2rem;}

.cont-list .strengths-ico{width: 1.2rem;height: 1.2rem;}

.cont-list .strengths-bg img{width: .57rem;}

.cont-list .strengths-bg{box-shadow: 0 0 15px rgb(0 0 0 / 8%);border:none;padding:.65rem 5%;}

.cont-list .strengths-h6{font-size: .22rem;}

.mess-bg{background: url(../images/map.png) no-repeat left 15% center;}

.in-tit-p{font-size: .2rem;color:#111;margin-top: .1rem;}



.cont-input input,.cont-input textarea,.code-input input,.cont-input select  { padding:.12rem 0;background:none;border:none;color:#999;outline-style: none ;outline-width: 0px ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;font-size:.16rem;width:100%;border-bottom:none;border-bottom:1px solid #d9d9d9;}

li.mess-cont { width:100%;}

.name,.tel { position:relative;}

.cont-input textarea { height:1.6rem;}

.submit2 { background:#d61729;color:#fff;width:2.5rem;font-size:.22rem;outline-style:none;outline-width:0px;border-style:none;text-shadow:none;-webkit-appearance:none;-webkit-user-select:text;outline-color:transparent;display:inline-block;color:#fff;line-height:.54rem;height:.54rem;cursor:pointer;border-radius:5px;}

.cont-input2 textarea { margin-right:0;width:100%;}

.code-input input { width:80%;margin-right:0}

.code-input img { width:20%;border-radius:5px;height:.47rem;vertical-align: top;margin-left:.15rem;cursor:pointer;}

.cont-message { margin-bottom:60px;}

.submit2:hover { background:#c91628;}

.mess-list{margin:0 -.3rem;}

.mess-list li { padding:0 .3rem .4rem;}

.about-wrap3 { background:#f6f6f6;}

.message-bg { background:#fff;position:relative;padding:.7rem 0 0;}

.cont-input p { padding-bottom:.05rem;font-size:.2rem;}

.cont-input p span { color:#d61729;}

.code-flex{display:flex;}

.submit3{margin-top: .1rem;}



.support-span {display: flex;flex-wrap:wrap;padding-bottom: .5rem;}

.support-span span a{font-size:.18rem;color:#d61729;border:2px solid #d61729;display: block;height: .5rem;line-height: .48rem;border-radius:5px;padding:0 .35rem;margin:0 .2rem .1rem 0;}

.support-span span a.current,.support-span span a:hover{background: #d61729;color:#fff;}

.news-list li{padding-bottom: .4rem;}

.fenye {clear:both;color:#222;font-size:0;padding-top:.25rem;text-align:center;}

.fenye a,.fenye span { display:inline-block;vertical-align:middle;color:#2b2b2b;font-size:.16rem;margin:0 .04rem;border-radius:5px;width:.4rem;height:.4rem;line-height:.4rem;background:#fff;border:1px solid #d4d4d4;}

.fenye a.fenye-arrow{ font-family:'宋体';font-size:.18rem;font-weight:bold;}

.fenye .current,.fenye a:hover {background:#d61729;color:#fff;text-decoration:none;}

.fenye a.fenye-arrow:hover { background:#d61729;color:#fff;}

.fenye b { font-size:.15rem;line-height:.4rem;font-weight:normal;display:inline-block;vertical-align:middle;margin-lefT:.1rem;}

.fenye b i { font-style:normal;color:#d61729;}

.am-pagination-select { font-size:.15rem;margin:0;line-height:.3rem;color:#222;margin-top:.35rem;}

.am-pagination-select>li>a,.am-pagination-select>li>a, .am-pagination-select>li>a,.am-pagination>li>a:focus, .am-pagination>li>a:hover, .am-pagination>li>span:focus, .am-pagination>li>span:hover { border:1px solid #e5e5e5;background:none;}

.am-pagination-select span i { font-style: normal;color:#d61729;}

.am-pagination>li>a, .am-pagination>li>span { margin:0;}

.fenye span { border:none;background: none;}

.fenye a.first,.fenye a.next,.fenye a.previous_page { font-family:"宋体";font-weight:bold;font-size:.18rem;}

.fenye span i { font-style: normal;color:#d61729;}

.fenye span.total{width:auto;margin:0 .1rem;}



.main-newarc-title{padding-bottom:.2rem;border-bottom:1px solid #e8e8e8;}

.main-newarc-title h2 {font-size:.34rem;color:#232323;line-height:1.2;padding-bottom:.15rem;font-weight:normal;}

.main-newarc-title .share{height:.34rem;line-height:.34rem;overflow:hidden;}

.main-newarc-title .share-p { display:inline-block;*display:inline;*zoom:1;margin-right:.15rem;font-size:.17rem;font-weight:normal;color:#6d6d6d;}

.main-newarc-title .bdsharebuttonbox{display:inline-block;*display:inline;*zoom:1;vertical-align:text-top;position:relative;top:-2px;left:-18px;}

.news-deta-text { margin-top:.4rem;font-size:.18rem;color:#232323;line-height: 1.8;font-family:p-Medium;}

.share-p img {vertical-align:middle;position:relative;top:-.01rem;margin-right:.05rem;width:.16rem;}

.news-hot-tit { height:.7rem;line-height:.7rem;font-size:.24rem;background:#d61729;color:#fff;padding-lefT:.42rem;position:relative;}

.news-hot-tit:before { content:"";position:absolute;width:3px;height:20px;background:#fff;left:25px;top:26px;}

.news-hot-list { border:1px solid #ededed;border-top:none;padding:.18rem 0;}

.news-hot-list li a { font-size:.15rem;line-height:.42rem;color:#434343;display:block;padding:0 .25rem 0 .41rem;background:url(../images/list.png) no-repeat .25rem center;}

.news-hot-list li a:hover { color:#012c4f;text-decoration:underline}

.news-hot-tit2 { margin-top:.2rem;}

.prod-label { margin-top:.3rem;font-size:15px;color:#434343;}

.prod-label a { color:#434343;margin-right:.1rem;padding:1px .17rem;background:#eee;font-size:.15rem;border-radius:30px;display:inline-block;}

.prod-label a:hover { background:#d61729;color:#fff;}

.JLTupdown ul { display:flex;align-items:center;color:#666;padding-top:.45rem;}

.JLTupdown { border-top:1px solid #d4d4d4;font-size:.18rem;margin-top:.45rem;}

.JLTupdown img { display:inline-block;margin:0 auto;width:.15rem;position:relative;top:.02rem;margin-right:.1rem;}

.JLTupdown a { color:#000000;display:inline-block;}

.JLTupdown a:hover { color:#d61729;}

.location2 a{color:#333;}

.header{box-shadow: 0 2px 10px 0 rgb(36 50 66 / 8%);}

.news-deta-text strong,.join-text strong{font-family:p-Bold;font-weight: bold;}

.news-deta-box{padding-top: .25rem;max-width: 90%;margin:0 auto;}

.JLTupdown ul{display: flex;justify-content:space-between;}

.JLTupdown ul i{width: .08rem;height: .13rem;display: inline-block;}

.JLTupdown ul i.prev{background: url(../images/prev.png) no-repeat center;}

.JLTupdown ul i.next{background: url(../images/next.png) no-repeat center;}

.JLTupdown ul li a:hover i.prev{background: url(../images/prev2.png) no-repeat center;background-size:cover;}

.JLTupdown ul li a:hover i.next{background: url(../images/next2.png) no-repeat center;background-size:cover;}

.JLTupdown a.back{border:2px solid #d61729;color:#d61729;padding:.08rem .3rem;border-radius: 5px;display: flex;align-items: center;}

.JLTupdown a.back:hover{background:#d61729;color:#fff;}

.JLTupdown ul i.back-i{width: .15rem;height: .15rem;display: inline-block;background: url(../images/back.png) no-repeat center;margin-right: .08rem;background-size:cover;}

.JLTupdown ul li a.back:hover i.back-i{background: url(../images/back2.png) no-repeat center;}

.case-text{font-size: .2rem;color:#000;padding:.28rem .05rem;line-height: 1.2;}

.case-list .in-news-slide .case-list-a{border:none;box-shadow: 0 2px 10px 0 rgb(36 50 66 / 8%);}

.prod-list .in-prod-more{left: .2rem;bottom:.25rem;right:.2rem;width: calc(100% - .4rem);border-radius: 5px;font-size: .18rem;line-height: .42rem;}

.prod-list .in-pro-a{padding-bottom: .75rem;}

.prod-list li{padding:0 .15rem .3rem;}



.prod-img{border:1px solid #d4d4d4;border-radius:8px;overflow: hidden;}

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

.prod-bg { background:#f2f4f7;}

.pro-top-tit h6 { font-size:.36rem;margin-top:.2rem;}

.prod-top-li li:nth-child(1) { padding-right:.7rem;}

.prod-qq { margin-top:.65rem;}

.prod-deta-h3 { font-size:.34rem;color:#333;border-bottom:1px solid #e6e8ed;font-family:SHMedium;}

.prod-deta-h3 span { position:relative;padding-bottom:.1rem;display:inline-block;}

.prod-deta-h3 span:before { content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#0552a0;}

a.prod-more { display:block;width:1.5rem;height:.45rem;line-height:.45rem;font-size:.17rem;}



.pro-top-tit { border-bottom:1px solid #e8e8e9;padding-bottom:.25rem;}

.pro-top-h6{font-size: .3rem;color: #000;margin-top:.12rem;line-height: 1.2;}

.pro-top-p { font-size:.19rem;line-height:2.1;color:#00000e;padding:.3rem 0;}

.pro-top-tit p{font-size:.2rem;color:#d61729;}

.in-more3{font-size: .2rem;padding:0 .3rem;margin-top: .15rem;}



.prod-tit { color:#d61729;font-size:.28rem;word-break:break-all;border-bottom: 1px solid #d4d4d4;line-height: .6rem;}

.prod-tit span { position:relative;display: inline-block;}

.prod-tit span:before { content:"";position:absolute;bottom:0;left:0;background:#d61729;width:100%;height:3px;}

.text { font-size:.19rem;line-height:1.9;color:#333;}

.prod-text { font-size:.16rem;color:#333;line-height:2;margin-top:.35rem;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}

a.about-more3 { margin:.55rem 0 0 0;}

.prod-wrap { margin-top:.7rem;}

.prod-deta-text { margin-top:.45rem;}

.prod-deta-bg{background: #fafafa;line-height: .85rem;}

.prod-list2{margin: 0;padding: 1px;}

.filter-list{display: flex;overflow-x: scroll;padding-bottom: .1rem;}

.ab-bg{background: url(../images/bg.png) no-repeat left 99% top .9rem;}

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

.about-flex{display: flex;flex-wrap: wrap;}

.about-fl{padding-right: 5%;background: #fff;padding-top:.55rem;width:60%;}

.about-fr{padding-top:.55rem;width: 40%;text-align: center;}

.about-fr img{border-radius:5px;max-width:100%;}

.ab-bg2{background: #d61729;padding:.75rem 0;}

.in-tit3 .in-tit-h6{color: #fff;}

.about-text2{color: #fff;line-height: 1.6;}

.cul-item{padding:.15rem 0;}

.cul-bor{border:1px solid #ebebeb;padding:.65rem 8%;border-radius: 5px;}

.cul-ico img{width: .74rem;display: block;margin: 0 auto;}

.cul-h6{font-size: .24rem;color: #000;margin-top: .3rem;}

.cul-p{font-size: .17rem;color: #222;line-height: 1.4;margin-top: .1rem;}

.cul-list li:nth-child(odd){margin-top: 1.1rem;}

.cul-list{background: #fff;}

.ab-bg3{background: url(../images/bg.png) no-repeat 99% 1.5rem;}

.about-wrap{padding-top: .85rem;}



.join-bg { padding:.7rem 0;background:url(../images/join-bg.jpg) no-repeat top center;}

.list_dt{ text-align:center;line-height:1.2;cursor:pointer;position:relative;margin-top:.2rem;padding:.25rem 0;display:flex;align-items:center;border:1px solid #e9e9e9;}

.list_dt span,.list_title span { width:20%;display:block;float:left;font-size:.18rem;color:#232323;font-weight:normal;}

.list_dt .list_dt_icon{ display:inline-block;margin-left:.06rem;vertical-align:middle;background: url("../images/arr7.png") no-repeat center;background-size:100%;width:.1rem;height:.15rem;transition: all 0.5s ease;}

#open .list_dt_icon,.list_dt:hover span.list_dt_icon{ background: url("../images/arr7.png") no-repeat center;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);background-size:100%;}

.list_dd{display:none;}

.join-text { padding:.4rem .45rem .3rem;line-height:1.8;color:#232323;font-size:.17rem;border:1px solid #e9e9e9;border-top: none;}

.join-t { font-size: 24px;color:#333;font-weight:bold;}

.join-text a { color:#666;}

.list_dt span:first-child,.list_title span:first-child { text-align:left;padding-left:.45rem;width:40%;}

dl.list_dl { margin:0;}

.join-bor { font-size:.18rem;color:#333;}

.join-text2 { margin-top:.2rem;}

.list_title { text-align:center;padding:.25rem 0;background:#d61729;}

.list_title span { font-size:.2rem;color:#fff;line-height: 1;}

.join-list { margin:0 -.15rem;}

.join-list li { padding:0 .15rem;}

.join-text3 { position:relative;overflow:hidden;cursor:pointer;}

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

.join-b { padding:0 .3rem .25rem .3rem;color:#fff;}

.join-bot { position:absolute;left:0;bottom:0;width:100%;}

.join-b h6 { font-size:.28rem;font-weight:normal;}

.join-b p { font-size:.17rem;line-height:.28rem;margin-top:.05rem;}

.join-cont { margin-top:.25rem;}

.join { padding-bottom:.4rem;}





.foot-message2 button.search{background:#d61729 url(../images/search3.png) no-repeat center;background-size:0.21rem 0.21rem;}

.foot-message2 input.serach-input{background:none;border:none;}

.foot-message2{display:flex;background:#f5f5f5;margin:.35rem 0;border-radius:5px;overflow: hidden;}

.foot-message2 input{line-height:.52rem;height:.52rem;flex-grow:1;padding:0 .1rem;font-size:.16rem;border:none;width:auto;background:#fff;border-right:none;width:calc(100% - .46rem);}

.foot-message2 button{width:auto;height:.52rem;border:none;color:#fff;font-weight:bold;padding:0 .25rem;cursor:pointer;}



@media (min-width:1198px) {

    .in-pro-list .in-pro-a:hover .in-pro-img img,.in-news-slide a:hover .in-news-img img,.in-news-slide .case-list-a:hover .in-news-img img { -webkit-transform: scale(1.05);transform: scale(1.05);}



	



}









@media (max-width: 1600px){

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





}



@media (max-width: 1400px){

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





	

}







@media (max-width: 1198px){

	body{padding-top: .66rem;}

	html{font-size: 575%;}

    .am-container,.cont-container,.case-container { padding: 0 .1rem;}

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

	img.banner-pc2 { display:none;}

	img.banner-wap2 { display:block;}

	.swiper-container3,.swiper-container4,.swiper-container6{padding-bottom: .5rem;}

	.swiper-container3.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container4.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}

	.strengths-ico{width: 1.45rem;height: 1.45rem;}

	.strengths-bg img{width: .8rem;}

	.in-tit p{max-width: 100%;}

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

	.support-span span a{padding:0 .25rem;}

	.banner-text .banner-h6{font-size: .4rem;}

	.about-fl,.about-fr{width: 100%;}

	.ab-bg{background: url(../images/bg.png) no-repeat left top;}

	.about-fl{background: none;padding:1.3rem 0 0;}

	.about-fr{padding-top: .3rem;}





	



	

	

	



}





@media (max-width: 980px) {

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



	



	





}

@media (max-width: 767px) {

	html{font-size: 555%;}

	img.banner-wap { display:block;}

    img.banner-pc { display:none;}

	.swiper-container2,.swiper-container2 .swiper-wrapper { height:auto;}

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

	.foot-flex{display: block;}

	.foot-input,.top-fr{margin-top: .25rem;}

	.top-link img{margin:0 .15rem 0 0}

	.copy span{float: none;}

	.copy{text-align: center;}

	.strengths-list{margin:0 -.06rem;}

	.strengths-list li{padding:.06rem;}

	.in-tit .in-tit-h6{font-size: .36rem;}

	.strengths-ico{width: 1.15rem;height: 1.15rem;}

	.strengths-bg img{width: .7rem;}

	.strengths-h6{font-size: .2rem;line-height: 1.1;margin-top: .2rem;}

	.in-tit-text{font-size: .18rem;}

	.in-about-bg{padding:.55rem 5%}

	.in-more{font-size: .18rem;padding:0 .35rem;margin-top: .4rem;}

	.strengths-text p{font-size: .16rem;}

	.strengths-text{padding:0 4%;}

	.strengths-bg{padding:.3rem 0;}

	.in-tit{padding-bottom: .3rem;}

	.in-tit2{padding-bottom: .2rem;}

	.in-news-text{padding:.3rem .2rem;}

	.in-news-text .in-news-h6{font-size: .2rem;}

	.in-news-more{margin-top: .2rem;}

	.in-prod-h6{font-size: .2rem;}

	.in-prod-p{font-size: .16rem;}

	.in-prod-text {padding:.05rem .1rem .25rem;}

	.in-prod-more{font-size: .18rem;}

	.in-par-wrap {padding-bottom:.6rem;}

	.foot-email-tit{font-size: .22rem;}

	.cont-list .strengths-ico{width: 1rem;height: 1rem;}

	.cont-list .strengths-bg img{width: .45rem;}

	.cont-list .strengths-bg{padding:.45rem 5%;}

	.cont-list .strengths-h6{font-size: .22rem;}

	.mess-list{margin:0;}

	.mess-list li { padding:0 0 .3rem;}

	.cont-input p{padding-bottom: 0;font-size: .19rem;}

	.in-tit-p{font-size: .18rem;}

	.support-span span a{font-size:.16rem;height: .46rem;line-height: .44rem;padding:0 .15rem;margin:0 .1rem .1rem 0;}

	.support-span{padding-bottom: .3rem;}

	.JLTupdown a.back{padding:.05rem .2rem;}

	.ny-wrap{padding:.6rem 0 .7rem;}

	.main-newarc-title h2{font-size: .28rem;}

	.main-newarc-title .share-p{font-size: .16rem;}

	.news-deta-text{line-height: 1.7;margin-top:.3rem;font-size: .18rem;}

	.JLTupdown{font-size: .17rem;}

	.case-text{padding:.2rem .1rem;font-size: .19rem;}

	.banner-text .banner-h6{font-size: .3rem;}

	.banner-text p{font-size: .15rem;line-height: 1.2;}

	.location{font-size: .14rem;padding-top: .15rem;}

	.banner-t{margin: 0;}

	.language-nav3 img{width:.18rem;}

	.cul-list li:nth-child(odd){margin-top: 0;}

	.cul-bor{padding:.45rem 5%;}

	.cul-h6{margin-top: .25rem;}

	.prod-top-li li:nth-child(1){padding-right: 0;}

	.pro-top-text{margin-top: .3rem;}

	.in-more3{margin-top:.1rem;}

	.pro-top-h6{font-size: .26rem;}

	.pro-top-tit{padding-bottom: .2rem;}

	.pro-top-p{font-size: .18rem;}

	.prod-tit{font-size: .26rem;}

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

	.list_dt span:first-child, .list_title span:first-child{padding-left:.15rem;}

	.list_title span{font-size: .18rem;}

	.join-text{padding:.25rem .15rem}

	.about-wrap{padding-top: .7rem;}

	.bg2{padding:.7rem 0;}

	.cul-item{padding:.06rem 0;}

	.cul-list{margin: 0;}

	.cul-list li{padding: 0;}

	.in-tit p{font-size: .17rem;}

	.submit2{width: 2rem;}



}



@media (max-width: 374px) {

	html{font-size: 535%;}



	

	

	

}