html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
a { text-decoration: none;outline: none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html {font-family: 'OPPOSans-B', 'Microsoft Yahei'}
.font-style {font-family: 'OPPOSans-R', 'Microsoft Yahei'}
body { line-height: 1; background:#eee; font-size:.12rem;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.loading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 999; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; }
.loading .pic { position: relative; width: 3.1rem; height: 0.93rem; }
.loading .pic .mask { width: 0%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; }
.loading .text {
font-size:.32rem; color: #999; margin-top:.3rem;
}
.video-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}
header {
height:.94rem; position: fixed; left: 0; top: 0; z-index: 102; width: 94%; border-bottom: 0.01rem solid rgba(255,255,255,0.4); padding: 0 3%; 
background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); }
.logo { float: left; overflow: hidden; height: 100%; display: flex; align-items: center; margin-right: 0.54rem; }
.logo a { display: flex; align-items: center; width: 1.52rem; height: 0.46rem; }
.logo a img { width: 100%; height: 100%; }
header nav { float: left; height: 100%; }
header nav>ul { float: left; height: 100%; }
header nav>ul>li { float: left; font-size:.18rem;
position: relative; padding:0 .32rem;
height: 100%; line-height: 100%; }
header nav>ul>li a { color: #fff; font-size: 0.2rem;
display: block; height: 100%; line-height:.94rem;
font-family: 'OPPOSans-M', 'Microsoft Yahei'; }
header nav>ul>li a.active { color: #FF303C; border-bottom:2px solid #FF303C;}
header nav>ul>li a:hover { color: #FF303C; }
header nav>ul>li .icon { position: absolute; width: 0.04rem; height: 0.04rem; background: #fff; border-radius: 100%; top: 0.45rem; left: 0; }
header .subnav { width: 100%; position: absolute; background: #fff; top:.94rem;
left: 0; border-top:2px solid #FF303C;
 padding:.1rem 0;
display: none; }
header .subnav li { float: left; width: 100%; margin:0.05rem 0;}
header .subnav li a { width: 100%; font-size:.15rem;
color: #333; float: left; text-align: center; line-height:.3rem;
}
header .subnav li a:hover { background: #FF303C; color: #fff; }
header .hd_right { float: right; font-size:.18rem;
color: #fff; height: 100%; display: flex; align-items: center; }

header .hd_right .btn a { display: block; font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-size: 0.15rem; line-height: 0.2rem; color: #fff; display: flex; align-items: center; border: 0.01rem solid #fff; padding: 0.13rem 0.24rem; border-radius:.5rem;
position: relative; overflow: hidden; }
header .hd_right .btn a:hover { background: #FF303C; border-color: #FF303C; }
header .hd_right .btn a .icon1 { display: inline-block; margin-right: 0.1rem; display: flex; align-items: center;background: url(../images/icon1.png) no-repeat center center; width:0.22rem; height:0.22rem; background-size:100% auto;}
header .hd_right .tel {margin-right: 0.6rem; font-family: 'OPPOSans-B', 'Microsoft Yahei'; font-size: 0.2rem; line-height: 0.24rem; color: #fff; display: flex; align-items: center; }
header .hd_right .tel a { color: #fff; }
header .hd_right .tel .icon2 { display: inline-block; margin: 0 0.14rem 0 0; display: flex; align-items: center;width: 0.17rem; height: 0.17rem;background: url(../images/icon2.png) no-repeat center center;background-size:100% auto;}
header .hd_right .btn_m { background: url(../images/icon10.png) no-repeat; background-size: cover; width: 0.55rem; height: 0.55rem; margin-left: .3rem;
display: none; }
header .hd_right .btn_m.active { background-image: url(../images/icon11.png);}

header.white{ background:#fff;box-shadow: 1px 1px 5px rgba(0,0,0,.2);}
header.white nav>ul>li a{color:#1f1f1f;}
header.white nav>ul>li a.active { color: #FF303C; }
header.white nav>ul>li a:hover { color: #FF303C; }
header.white nav>ul>li .icon{background:#999;}
header.white .subnav{box-shadow: 1px 1px 5px rgba(0,0,0,.1);}
header.white .hd_right .btn a{ color:#333;border: 0.01rem solid #333;}
header.white .hd_right .btn a:hover { background: #FF303C; border-color: #FF303C; color:#fff;}
header.white .hd_right .btn a .icon1 {background: url(../images/icon1-black.png) no-repeat center center;background-size:100% auto;}
header.white .hd_right .btn a:hover .icon1 {background: url(../images/icon1.png) no-repeat center center;background-size:100% auto;}
header.white .hd_right .tel{color: #333; }
header.white .hd_right .tel a { color: #333; }
header.white .hd_right .tel .icon2 {background: url(../images/icon2-black.png) no-repeat center center;background-size:100% auto;}
header.white .hd_right .btn_m { background-image: url(../images/icon10-black.png);}
header.white .hd_right .btn_m.active { background-image: url(../images/icon11-black.png);}
header.white .subnav li a:hover { background: #FF303C; color: #fff; }



.nav_m { position: fixed; width: 100%; height: 100%; background: #000; left: 0; top: 0; z-index: 101; display: none; }
.nav_m ul { margin-top: 0.94rem; padding: 1rem; overflow: hidden; }
.nav_m ul li { float: left; width: 100%; margin:.3rem 0;
}
.nav_m ul li a { font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-size: 0.32rem; color: #fff; display: block; width: 100%; text-align: center; }
.nav_m .btn { width: 40%; margin: 0 auto; text-align: center; }
.nav_m .btn a { display: block; font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-size: 0.24rem; color: #fff; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; padding: 0.15rem 0; border-radius:.5rem;
position: relative; overflow: hidden; }
.nav_m .btn a:hover { background: #FF303C; border-color: #FF303C; }
.nav_m .btn a .icon1 { display: inline-block; margin-right: 0.1rem; display: flex; align-items: center; }
.nav_m .btn a .icon1 img { width: 100%; height: 100%; }
.page1 { position: relative; overflow: hidden; height: 100vh; }
.page1 .text {
    letter-spacing: 0.03rem;
    width: 100%;
    padding: 0 0.58rem 0 0.49rem;
    font-size: 0.4rem;
    color: white;
    font-weight: 700;
    height: 1.42rem;
    background: rgba(0,0,0,0.15);}
.page1 .text img {  width: 0.64rem; height: 0.64rem}

.bg-video { min-width: 100%; min-height: 100%; height: 100vh; width: 100%;
     /* left: 0; top: 0; 
    z-index: -1;  */
    vertical-align: bottom; 
    display: block; 
    /* position: absolute;  */
    background: linear-gradient(to bottom, #555 0%, #888 100%);}
.bg-video .video { min-width: 100%; min-height: 100%;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: 100%;}

 @keyframes move { 0% {
 transform:rotate(0deg);
}
 25% {
 transform:rotate(90deg);
}
 50% {
 transform:rotate(180deg);
}
 75% {
 transform:rotate(300deg);
}
 100% {
 transform:rotate(360deg);
}
}
 @keyframes fanzhuan { 0% {
 transform:rotateY(0deg);
}
 20% {
 transform:rotateY(0deg);
}
 40% {
 transform:rotateY(360deg);
}
 60% {
 transform:rotateY(0deg);
}
 80% {
 transform:rotateY(0deg);
}
 100% {
 transform:rotateY(360deg);
}
}
.page2 {
    background-color: white;
 }
 .read-more {
     height: 0.38rem;
     line-height: 0.38rem;
 }
 .read-more a {
    color: #E60012;
    background: url(../images/new-icon/more.png) no-repeat;
    background-size: 0.38rem 0.38rem;
    display: inline-block;
    padding-left: 0.6rem;
    font-size: 0.24rem;
 }
 .read-more img {
    width: 0.38rem;
    height: 0.38rem;
    margin-right:0.19rem;
 }
 
 
.page2 .page_left, .page2 .page_right { width: 50% }
.page2 .page_left .text { padding: 0.6rem 0.58rem 0 0.59rem; background: url(../images/new-icon/culture-bg.png) no-repeat;background-size: 95% 90%; }
.page2  .title {color: rgba(230,0,18,1); font-size: 0.48rem;line-height: 1.5;}
.page2 .page_left .text .second {position: relative; color: rgba(88,88,88,1); font-size: 0.28rem; font-weight: 500; padding-top: 0.08rem; padding-bottom: 0.13rem }
.page2 .page_left .text .second::after{
    content: '';
    position: absolute;
    bottom: -0.03rem;
    left: 0;
    display: inline-block;
    width: 0.56rem;
    height: 0.04rem;
    background: rgba(230,0,18,1);

}

.page2 .page_left .text .content { color: rgba(71,71,71,1);font-size: 0.28rem; line-height: 1.8;margin-top:0.49rem; }
.page2  .text-culture {
    background: rgba(255,251,251,1);
    padding: 0.46rem 0.58rem 0.4rem 0.59rem;
    box-sizing: border-box;
    width: 50%;
}
.page2 .text-culture .content {
    color: rgba(71,71,71,1);
    font-size: 0.28rem;
    font-weight: 400;
    text-align: justify;
    line-height: 1.2;
    margin-top:0.16rem;
}
/* .page2 .page_left .text .t1 { animation-duration: 1s; animation-delay: 1s; }
.page2 .page_left .text .t2 { animation-duration: 1s; animation-delay: 1.2s; }
.page2 .page_left .text .t3 { animation-duration: 1s; animation-delay: 1.4s; }
.page2 .page_left .text .t4 { animation-duration: 1s; animation-delay: 1.6s; }
.page2 .page_left .text .t5 { animation-duration: 1s; animation-delay: 1.8s; } */

.page2 .page_right img { width: 100%; display: block; }
.page2 .page_right .text > div {
    height: 2.3rem;
    color: white;
    font-size: 0.28rem;
    flex: 1;
}
.page2 .page_right .text1 {
    background-color: #CE0010 ;
}
.page2 .page_right .text2 {
    background-color: #E60012 ;
}
.page2 .page_right .text3 {
    background-color: #F80013 ;
}
.page2 .page_right .text4 {
    background-color: #FF2132 ;
}
.page2 .page_right .unit {
   font-size: 0.28rem;
   margin-left: 0.04rem;
}
.page2 .page_right .num {
    font-size: 0.48rem;
    margin-bottom: 0.16rem;
}
.page2 .bottom .item-icon {
    flex:1;
    font-size: 0.28rem;
    padding-top: 0.4rem;
    padding-bottom: 0.33rem;
}
.page2 .bottom .item-icon img {
    width: 0.8rem;
    height: 0.8rem;
}
.page2 .bottom .item-icon p {
    line-height: 1.2;
}
.page2 .bottom .middle{
    color: #161616;
    font-weight: 500;
    margin: 0.18rem 0 0.11rem 0;
    text-align: center;
}
.page3 { background: url(../images/new-icon/bg2.png) no-repeat; background-size: cover;}
.page3 h1 {
   color: #161616;
   font-size:0.48rem;
   text-align: center;
   padding-top: 0.8rem;
   padding-bottom: 0.22rem;
   line-height: 1.2;
   font-weight: 500;
   letter-spacing: 0.05rem;
}
.page3 .second {
    text-align: center;
    font-size: 0.32rem;
    margin-bottom: 0.21rem;
}
.page3 .text {
    padding: 1.1rem 2.3rem 0.7rem;

}
.page3 .card {
    flex: 1;
    height: 5.49rem;
    border-radius: 0.16rem;
    background: rgba(255,255,255,1);
    box-shadow: 0 0.12rem 0.20rem 0 rgba(0,0,0,0.05);
    position: relative;
}
.page3 .card h2 {
    margin-top: 1.04rem;
    color: rgba(22,22,22,1);
    font-size: 0.32rem;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.03rem;
}
.page3 .card img {
    position: absolute;
    width: 1.44rem;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);

}
.page3 .card p {
    margin-top: 0.2rem;
    color: rgba(71,71,71,1);
    font-size: 0.28rem;
    font-weight: 400;
    text-align: justify;
    line-height: 1.5;
    padding-left:0.56rem;
    padding-right:0.34rem;
    position: relative;
}
.page3 .card p::before {
    content: '';
    position: absolute;
    width: 0.15rem;
    height: 0.15rem;
    display: inline-block;
    background-color: #E60012;
    left: 0.3rem;
    top: 0.14rem;
}
@keyframes bg { 0% {
 transform:scale(1.2);
}
100% {
transform:scale(1);
}
}
@keyframes text { 0% {
 transform:scale(1.1);
 opacity:0;
}
100% {
transform:scale(1);
opacity:1;
}
}

.page4 { position: relative;  padding: 0.9rem;background-color: white; }
.page4 .wrap { display: flex; width: 100%; height: 100%; overflow: hidden;height: 6.8rem; }
.page4 .wrap .page_left { width: 50%; 
    padding: 0.64rem 0.84rem 0 0.64rem;
    box-sizing: border-box;
    height: 100%; background: url(../images/new-icon/home-left.jpg) no-repeat; background-size: cover; z-index: 1; position: relative; }
.page4 .wrap .bg {
    position: absolute;
    left: 0;
    top: 6.8rem;
    background: rgba(230,0,18,0.85);
    height: 100%;
    width: 100%;
    transition: top 0.3s;
}
.page4 .wrap .page_left:hover .bg { 
    top: 0
 }
.page4 .wrap .page_right:hover .bg { 
    top: 0
 }
.page4 .wrap .page_left .text { position: absolute; padding-right: 0.84rem;  }
.page4 .wrap .page_left .text .t1::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    display: inline-block;
    width: 0.56rem;
    height: 0.04rem;
    background-color: white;
}
.page4 .wrap .page_right .text .t1::after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    display: inline-block;
    width: 0.56rem;
    height: 0.04rem;
    background-color: white;
}
.page4 .wrap .page_left .text .t1 {position:relative; color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei'; font-size: 0.4rem; line-height: 0.74rem; margin-bottom: 0.6rem; animation-duration: 1s; animation-delay: 1s; }
.page4 .wrap .page_left .text .t2 { color: #fff; font-family: 'OPPOSans-R', 'Microsoft Yahei'; font-size: 0.28rem; line-height: 0.40rem; animation-duration: 1s; animation-delay: 1.3s; }
.page4 .wrap .page_left .text .t3 { font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-size: 0.2rem; line-height: 0.4rem; margin-top: 0.3rem; animation-duration: 1s; animation-delay: 1.6s; }
.page4 .wrap .page_left .text .t3 a { color: #fff; background: url(../images/icon3.png) no-repeat; background-size: 0.38rem 0.38rem; display: inline-block; padding-left: 0.6rem; }

.page4 .wrap .page_right { width: 50%; height: 100%; background: url(../images/new-icon/home-right.jpg) no-repeat; background-size: cover; z-index: 1; transition: all 2s; position: relative; }
/* .page4 .wrap .page_right:hover { width: 70%; } */
.page4 .wrap .page_right .text {  position: absolute; right: 10%; bottom: 5%;    padding-left: 0.92rem; }
.page4 .wrap .page_right .text .t1 {position:relative; color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei'; font-size: 0.4rem; line-height: 0.74rem; margin-bottom: 0.6rem; text-align: right; animation-duration: 1s; animation-delay: 1s; }
.page4 .wrap .page_right .text .t2 { color: #fff; font-family: 'OPPOSans-R', 'Microsoft Yahei'; font-size: 0.28rem; line-height: 0.40rem; animation-duration: 1s; animation-delay: 1.3s; }
.page4 .wrap .page_right .text .t3 { font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-size: 0.2rem; line-height: 0.4rem; margin-top: 0.3rem; animation-duration: 1s; animation-delay: 1.6s; text-align: right; }
.page4 .wrap .page_right .text .t3 a { color: #fff; background: url(../images/icon3.png) no-repeat; background-size: 0.38rem 0.38rem; display: inline-block; line-height: 0.38rem; padding-left: 0.6rem; }

.page5 { background: url(../images/bg5.jpg) no-repeat; overflow: hidden; background-size: cover; position: relative; display: flex; align-items: center; }
.page5 .wrap { overflow: hidden; padding-left: 1.2rem; }
.page5 .wrap .title { color: #fff;  font-size: 0.56rem; line-height: 0.74rem; width: 100%; margin-bottom: 0.8rem; animation-duration: 1s; animation-delay: 1s; }
.page5 .picScroll { width: 100%; position: relative;animation-duration: 1s; animation-delay: 1.3s; }
.page5 .picScroll .button { overflow: hidden; position: absolute; right: 1.2rem; top: -1.4rem; }
.page5 .picScroll .button .prev, .page5 .picScroll .button .next { display: block; width: 48px; height: 48px; margin-left: 0.2rem; float: left; outline: none;}
.page5 .picScroll .button .prev { background: url(../images/icon-left.png) no-repeat; background-size: cover; }
.page5 .picScroll .button .next { background: url(../images/icon-right.png) no-repeat; background-size: cover; }
.page5 .picScroll .button a:hover { background-color: #E60012; transition: background-color 0.5s; }
.page5 .picScroll .button a img { width: 100%; height: 100%; display: block; }
.page5 .picScroll .swiper-wrapper { margin-left: -37%; transition-timing-function: ease; }
.page5 .picScroll .swiper-wrapper .swiper-slide { margin-right: 0.5rem; }
.page5 .picScroll .swiper-wrapper .swiper-slide a {overflow: hidden; height:4.4rem; float:left;}
.page5 .picScroll .swiper-wrapper .swiper-slide a img {width: 100%; height: 2.4rem; top: 0;transition: all 0.5s; float:left;}
.page5 .picScroll .swiper-wrapper .swiper-slide a .text { background: rgba(255,255,255,0.1); padding:.2rem; float:left; position: relative; width:calc(100% - 0.4rem); overflow:hidden; height:1.6rem;}
.page5 .picScroll .swiper-wrapper .swiper-slide a .text .title { color: #fff; font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-size: 0.24rem; line-height: 200%;}
.page5 .picScroll .swiper-wrapper .swiper-slide a .text .date { color: #fff; font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-size: 0.2rem; line-height: 0.32rem; position: absolute; bottom:0.2rem;
right:.4rem;
}
.page5 .picScroll .swiper-wrapper .swiper-slide a:hover .text { background: #E60012 url(../images/logo-ico.png) no-repeat right bottom; background-size: 80%; position:absolute; left:0; top:0; height:calc(100% - 0.4rem);}
.page5 .picScroll .swiper-wrapper .swiper-slide a:hover .text .title{ margin-top:0;font-family: 'OPPOSans-B', 'Microsoft Yahei'; font-size: 0.32rem;}
.page5 .picScroll .swiper-wrapper .swiper-slide a:hover .text .date{font-family: 'OPPOSans-B', 'Microsoft Yahei'; font-size: 0.24rem;}
.page6 { background: url(../images/bg6.jpg) no-repeat; overflow: hidden; background-size: cover; position: relative; display: flex; align-items: center; }
.page6 .wrap { overflow: hidden; padding: 0 1.2rem; margin-top: 0.5rem; }
.page6 .wrap .text { color: #494949; font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-size: 0.24rem; line-height: 0.4rem; width: 9rem; position: relative; padding:.2rem 0;
margin-bottom:.8rem;
animation-duration: 1s; animation-delay: 1s; }

.page6 .wrap .text .logo1 { width: 3.2rem; margin:0 0 .3rem .9rem;
}
.page6 .picScroll { width: 100%; position: relative; animation-duration: 1s; animation-delay: 1.3s; padding-bottom: 1rem;
}
.page6 .picScroll .button { overflow: hidden; position: absolute; right: 0; top: -1.4rem; }
.page6 .picScroll .button .prev, .page6 .picScroll .button .next { display: block; width: 48px; height: 48px; margin-left: 0.2rem; float: left;outline: none;}
.page6 .picScroll .button .prev { background: url(../images/icon-left1.png) no-repeat; background-size: cover;}
.page6 .picScroll .button .next { background: url(../images/icon-right1.png) no-repeat; background-size: cover;}
.page6 .picScroll .button a:hover { background-color: #fff; transition: background-color 0.5s; }
.page6 .picScroll .button a img { width: 100%; height: 100%; display: block; }
.page6 .picScroll .swiper-wrapper { transition-timing-function: ease; }
.page6 .picScroll .swiper-wrapper .swiper-slide { width: 100%!important; }
.page6 .picScroll .swiper-wrapper .swiper-slide ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.page6 .picScroll .swiper-wrapper .swiper-slide ul li { width: calc(20% - 0.4rem); height: 6.4vw; margin:0 0.4rem .4rem 0;
}
.page6 .picScroll .swiper-wrapper .swiper-slide ul li:nth-child(5) { margin-right: 0; }
.page6 .picScroll .swiper-wrapper .swiper-slide ul li:nth-child(10) { margin-right: 0; }
.page6 .picScroll .swiper-wrapper .swiper-slide ul li img { width: 100%; height: 100%; border-radius: 0.08rem; box-shadow: 0px 40px 20px -20px rgba(8, 34, 60, 0.1); }
.page6 .picScroll .swiper-pagination{ bottom:0.5rem!important;}
.page6 .picScroll .swiper-pagination-bullet { width: 0.4rem; height: 2px; border-radius: 0; opacity: 1; background: #666; margin: 0 0.1rem!important; }
.page6 .picScroll .swiper-pagination-bullet-active { background: #E60012; }

footer { width: 100%; background: url(../images/footer-bg.jpg) no-repeat; background-size: cover; }
footer .wrap { overflow: hidden; padding: 0.8rem 0.9rem; }
footer .wrap .page_left { float: left; width: 32%; margin-right: 18%; }
footer .wrap .page_left .foot_logo {
margin-bottom:.5rem; overflow: hidden; display: flex; animation-duration: 1s; animation-delay: 1s; }
footer .wrap .page_left .foot_logo .l { width: 3.1rem; height: 1.3rem; padding-right: 10%; margin-right: 10%; border-right: 1px solid #E1E1E1; overflow: hidden; }
footer .wrap .page_left .foot_logo .l img { width: 3.1rem; height: 0.93rem; float: left; margin-bottom: 0.18rem; }
footer .wrap .page_left .foot_logo .l p { width: 100%; float: left; color: #666; font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-size: 0.16rem; line-height: 0.16rem; text-align: justify; text-align-last: justify; text-justify: distribute; }
footer .wrap .page_left .foot_logo .r { overflow: hidden; }
footer .wrap .page_left .foot_logo .r img { width: 1.3rem; height: 1.3rem; }
footer .wrap .page_left .foot_tel {
margin-bottom:.2rem; overflow: hidden; animation-duration: 1s; animation-delay: 1.3s; }
footer .wrap .page_left .foot_tel .t { color: #747474; font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-size: 0.14rem; line-height: 0.32rem; }
footer .wrap .page_left .foot_tel .c { color: #3E3E3E; font-family: 'OPPOSans-B', 'Microsoft Yahei'; font-size: 0.32rem; line-height: 0.42rem; }
footer .wrap .page_left .foot_tel .c a{ color: #3E3E3E;}
footer .wrap .page_left .foot_address { animation-duration: 1s; animation-delay: 1.6s; }
footer .wrap .page_left .foot_address .t { color: #747474; font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-size: 0.14rem; line-height: 0.32rem; }
footer .wrap .page_left .foot_address .c { color: #3E3E3E; font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-size: 0.16rem; line-height: 0.32rem; }
footer .wrap .page_right { float: left; width: 48%; margin-left: 2%; }
footer .wrap .page_right .foot_nav {
font-size:.24rem; display: flex; justify-content: space-between; flex-wrap: wrap; animation-duration: 1s; animation-delay: 1.9s; }
footer .wrap .page_right .foot_nav .item li {
    margin-bottom: 0.18rem;
}
footer .wrap .page_right .foot_nav .item li:nth-child(1) { margin-bottom:.1rem;
}
footer .wrap .page_right .foot_nav .item li .line { width: 50%; height: 2px; background: #E60012; display: inline-block; }
footer .wrap .page_right .foot_nav .item li h3 { color: #111; font-family: 'OPPOSans-B', 'Microsoft Yahei'; font-size: 0.16rem; }
footer .wrap .page_right .foot_nav .item li a { color: #4F4F4F; font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-size: 0.14rem; line-height: 0.28rem; }
footer .wrap .page_right .foot_nav .item li a:hover { color: #E60012;}
footer .wrap .page_right .copyright { color: #6B6B6B; font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-size: 0.14rem; line-height: 0.28rem; text-align: right; margin-top: 2rem; animation-duration: 1s; animation-delay: 2.2s; }
footer .wrap .page_right .copyright a{color: #6B6B6B;}
footer .wrap .page_right .copyright a:hover{color: #E60012;}


.banner{ width:100%; height:100%; background:#efefef; overflow:hidden; position:relative;display: flex; align-items: center; justify-content: center; margin-bottom:-0.9rem;z-index: -1;}
.banner img{ width:100%;}
.banner .text{color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.56rem; line-height: 0.74rem;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); position:absolute; text-align:center;text-transform : uppercase;}
.page_wrap{margin:0 1rem 0.8rem 1rem; background:#fff; min-height:5rem; overflow:hidden;}
.page_wrap .page_nav{ border-bottom:0.02rem solid #eee; display: flex; align-items: center;justify-content:space-between;color: #272727; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.16rem; line-height: 0.21rem; padding:0 0.8rem;}
.page_wrap .page_nav ul li{ float:left; margin-right:0.5rem;}
.page_wrap .page_nav ul li a{color: #272727; display:block; line-height:0.85rem;}
.page_wrap .page_nav ul li.active a{ color:#E60012; border-bottom:0.04rem solid #E60012;}
.page_wrap .page_nav ul li a:hover{color:#E60012;}
.page_wrap .page_nav .return{display: flex; align-items: center;}
.page_wrap .page_nav .return img{ margin-right:0.1rem; width:0.2rem; height:0.2rem;}
.page_wrap .page_nav .return a{color: #272727;}
.page_wrap .page_nav .return a:hover{color: #E60012;}
.page_wrap .page_content{overflow:hidden; padding:0.8rem;}
.page_wrap .page_content .title{color: #222; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.4rem; line-height: 0.42rem; position:relative;}
.page_wrap .page_content .title .line{ width:0.08rem; height:0.32rem; position:absolute; left:-0.8rem; top:0.05rem; background:#FF303C;}
.page_wrap .page_content .other{color: #A8A8A8; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.21rem;display: flex; align-items: center;justify-content:space-between;padding:0.4rem 0;}
.page_wrap .page_content .other .other_right{display: flex; align-items: center;justify-content:space-between;}
.page_wrap .page_content .other .other_right .author{display: flex; align-items: center; margin-right:0.5rem;}
.page_wrap .page_content .other .other_right .author img{ margin-right:0.05rem; width:0.16rem; height:0.16rem;}
.page_wrap .page_content .other .other_right .visits{display: flex; align-items: center;}
.page_wrap .page_content .other .other_right .visits img{ margin-right:0.05rem;width:0.14rem; height:0.1rem;}
.page_wrap .page_content .content{
    font-family: 'OPPOSans-R', 'Microsoft Yahei';    
    color: rgba(71,71,71,1);
    font-size: 0.28rem;
    font-weight: 500;
    line-height: 1.8; 
    border-top:0.01rem solid #C4C4C4;
    border-bottom:0.01rem solid #C4C4C4; 
    padding:0.4rem 0;
}
.page_wrap .page_content .content img{ max-width:100%;}
.page_wrap .page_content .links{color: #A8A8A8; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.16rem; line-height: 0.32rem;padding-top:0.4rem;display: flex;justify-content:space-between;}
.page_wrap .page_content .links a{color: #A8A8A8;}
.page_wrap .page_content .links a:hover{color: #E60012;}

.page_wrap .page_content .news_name{ text-align:center;}
.page_wrap .page_content .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.page_wrap .page_content .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.page_wrap .page_content .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.page_wrap .page_content .news_list{ overflow:hidden;}


 .job_list{ padding: 1rem 1.63rem 0.59rem 1.72rem;}
 .job_list ul li { position:relative; overflow:hidden; border-bottom:0.01rem solid #e7e7e7; padding:0.5rem 0;}
 .job_list ul li:hover{border-color:#E60012;}
.job_list ul li:hover .title a{color:#E60012;}
 .job_list ul li:hover .more a{color:#E60012;}
.job_list ul li:hover .more .ico{border-color:#E60012;}
 .job_list ul li .area{color: #7c7c7c; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.28rem; line-height:0.32rem;overflow:hidden; width:100%; float:left;}
 .job_list ul li .title{color: #222; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.32rem; line-height:0.42rem; overflow:hidden; width:100%; float:left; margin:0.15rem 0;}
 .job_list ul li .title a{color: #222;}
 .job_list ul li .desc{color: #666; font-family: 'OPPOSans-R', 'Microsoft Yahei';font-size: 0.28rem; line-height:150%;overflow:hidden; width:100%; float:left;}
.job_list ul li .more{display: flex; align-items: center; position:absolute; top:0.9rem;right:5px;}
 .job_list ul li .more a{color: #666; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.28rem; line-height:150%; margin-right:0.1rem;}
 .job_list ul li .more .ico{ width: 6px;  height: 6px;border-top: 1px solid #666;  border-right: 1px solid #666;  transform: rotate(45deg);}

.page_bar{ border-top:0.01rem solid #C4C4C4;display: flex;justify-content:space-between;}
.page_bar .prev{display: flex; align-items: center;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.14rem; line-height:0.18rem;outline: none;}
.page_bar .prev a{color: #7E7E7E;}
.page_bar .prev a:hover{color: #E60012;}
.page_bar .prev .ico{width: 6px;  height: 6px;  border-bottom: 1px solid #7E7E7E;  border-left: 1px solid #7E7E7E;  transform: rotate(45deg); margin-right:.2rem;}
.page_bar .number{color: #3D3D3D;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.18rem; line-height:0.24rem;display: flex; align-items: center;justify-content:center;}
 .page_bar .number a{color: #3D3D3D; margin:0 0.2rem; padding:0.4rem 0.05rem;display: inline-block;}
.page_bar .number a:hover{color: #E60012; }
 .page_bar .number a.active{color: #E60012; border-top:0.04rem solid #E60012;}
 .page_bar .next{display: flex; align-items: center;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.14rem; line-height:0.18rem;outline: none;}
.page_bar .next a{color: #7E7E7E; }
.page_bar .next a:hover{color: #E60012; }
 .page_bar .next .ico{width: 6px;  height: 6px;  border-top: 1px solid #7E7E7E;  border-right: 1px solid #7E7E7E;  transform: rotate(45deg); margin-left:.2rem;}



.mapbox{ display:none;}
#allmap {overflow: hidden;height: 8rem;	}

.cooperation1{padding:0 0.8rem!important;}
.cooperation1 .title{ width:100%;display:flex;justify-content: space-between; margin:0.3rem 0 1rem 0;}
.cooperation1 .title .en{ color:#8E8E8E;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.12rem; line-height:16px;text-transform: uppercase;}
.cooperation1 .title .cn{ color:#8E8E8E;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.16rem; line-height:0.4rem; position:relative;}
.cooperation1 .title .cn .line{ background:#E60012; width:25%; height:0.04rem; position:absolute; bottom:0; right:0;}
.cooperation1 .text{padding:0 0.4rem!important;}

.cooperation2{ background:url(../images/cooperation2-bg.jpg) no-repeat; background-size:cover;padding:0.8rem;}
.cooperation2 .title{ width:100%;display:flex;justify-content: space-between;}
.cooperation2 .title .en{ color:#fff;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.12rem; line-height:16px;text-transform: uppercase;}
.cooperation2 .title .cn{ color:#fff;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.16rem; line-height:0.4rem; position:relative;}
.cooperation2 .title .line{ background:#fff; width:25%; height:0.04rem; position:absolute; bottom:0; right:0;}
.cooperation2 .text{color:#fff;font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.24rem; line-height:0.44rem; margin:0.8rem 2rem 0.8rem 2rem; text-align:center;}
.cooperation2 { height:7rem;}
.cooperation2 .swiper-slide{overflow:hidden;background:#F9F9F9 url(../images/kuang1.png) no-repeat left top; background-size:100% auto;transition: 0.3s; box-shadow:0px 40px 20px -20px rgba(0, 0, 0, 0.3);}
.cooperation2 .swiper-slide-next,.cooperation2 .swiper-slide-duplicate-next{}
.cooperation2 .swiper-slide span{ padding:0.1rem; display:block; overflow:hidden;background:url(../images/kuang2.png) no-repeat left bottom; background-size:100% auto;}
.cooperation2 .swiper-slide span img{ width:100%}
.cooperation.page_bar{ background:#BF000F; height:0.8rem; margin:0; border:0; padding:0 0.8rem;}
.cooperation.page_bar a{ color:#fff!important;}
.cooperation.page_bar .ico{ border-color:#fff!important;}
.cooperation.page_bar .number{ text-align:center; color:#fff;}
.cooperation3{ margin-top:0.8rem;}
.cooperation3 .marquee1{ width:100%; overflow:hidden;}
.cooperation3 .marquee1 ul li{float:left; overflow:hidden; margin-right:0.8rem;}
.cooperation3 .marquee1 ul li img{width:4.7rem; height:3rem;}
.cooperation3 .marquee1 ul li p{ width:100%;font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.32rem; color:#333; text-align:center; margin-top:0.4rem;}

.zhaoshang{ overflow:hidden;width:100%; height:5rem; display:flex;}
.zhaoshang .item{text-align:center;display:flex;align-items: center;justify-content: center;flex-wrap: wrap; padding:1.2rem 0; width:25%;}
.zhaoshang .item.active{ width:34%; transition:width 1s;}
.zhaoshang .item.remove{ width:22%; transition:width 1.5s;}
.zhaoshang .item.bg1{ background:url(../images/zhaoshang-bg1.jpg) no-repeat; background-size:cover;}
.zhaoshang .item.bg2{ background:url(../images/zhaoshang-bg2.jpg) no-repeat; background-size:cover;}
.zhaoshang .item.bg3{ background:url(../images/zhaoshang-bg3.jpg) no-repeat; background-size:cover;}
.zhaoshang .item.bg4{ background:url(../images/zhaoshang-bg4.jpg) no-repeat; background-size:cover;}
.zhaoshang .item .title{font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.3rem; color:#fff; text-align:center; position:relative; width:100%; padding-bottom:0.5rem;}
.zhaoshang .item .title .line{ width:1.2rem; position:absolute; left:50%; margin-left:-0.6rem; bottom:0; height:0.04rem; background:#E60012;}
.zhaoshang .item .tel{background:url(../images/icon-tel.png) no-repeat; background-size:auto 100%;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.36rem; color:#fff; text-align:center;display:flex;align-items: center;justify-content: center; padding-left:0.5rem;}

.youshi{ background:url(../images/youshi.jpg) no-repeat right top; background-size:auto 100%; margin:0.5rem 0;}
.youshi .left{ background:#D70917; width:50%; padding:0.8rem;}
.youshi .left .news_name .cn{color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.youshi .left .news_name .en{color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.youshi .left .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.youshi .left .text{color: #fff; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.14rem; line-height: 0.24rem; margin-top:0.5rem;}



.culture1{ background:url(../images/culture1.jpg) no-repeat left bottom; background-size:auto 90%; padding:0.8rem;overflow: hidden;}
.culture1 .left{ width:50%; float:left;}
.culture1 .left .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.culture1 .left .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.culture1 .left .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.culture1 .left .desc{color: #E60012; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin-top:0.5rem;}
.culture1 .right{ width:50%; float:left;} 
.culture1 .right .text h3{color: #E60012; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.4rem; line-height: 0.53rem; margin-bottom:0.1rem;}
.culture1 .right .text p{color: #7D7D7D; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.16rem; line-height: 0.21rem;margin-bottom:0.5rem;}

.culture2{ background:url(../images/culture2.jpg) no-repeat left top; background-size:auto 100%;overflow: hidden; height:6.8rem;}
.culture2 .right{background:#D70917;width:35%; float:right; height:100%; padding:0.8rem;} 
.culture2 .right .news_name{ text-align:right;}
.culture2 .right .news_name .cn{color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.culture2 .right .news_name .en{color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.culture2 .right .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.culture2 .right .text{color: #fff; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.22rem; line-height: 0.4rem; margin-top:0.5rem;} 

.culture3{ background:url(../images/culture3.jpg) no-repeat right top; background-size:auto 100%;overflow: hidden; height:6.8rem;}
.culture3 .left{background:#D70917;width:35%; float:left; height:100%; padding:0.8rem;} 
.culture3 .left .news_name{ text-align:left;}
.culture3 .left .news_name .cn{color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.culture3 .left .news_name .en{color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.culture3 .left .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.culture3 .left .text{color: #fff; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.4rem; margin-top:0.7rem;} 

.culture{ padding-top: 0.48rem;padding-bottom: 1rem;}
.culture .tab{ overflow:hidden; margin-bottom:-0.34rem;}
.culture .tab ul li{ margin-right:0.4rem;color: #414141; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; position:relative; float:left; padding-bottom:0.2rem;}
.culture .tab ul li.active{ color:#E60012;}
.culture .tab ul li.active .line{ background:#E60012; width:50%; height:0.04rem; position:absolute; bottom:0; left:25%;}
.culture .con{ padding-top:0.6rem; overflow:hidden;}
.culture .con .item{position:relative;}
.culture .swiper-slide{overflow:hidden;}
.culture .swiper-slide img{ width:100%}


.culture .item .page{display: flex;justify-content:space-between; position:absolute; right:0.1rem; top:-0.6rem; width:3rem;}
.culture .item .page .prev{display: flex; align-items: center;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.14rem; line-height:0.18rem;outline: none;}
.culture .item .page .prev a{color: #7E7E7E;}
.culture .item .page .prev a:hover{color: #E60012;}
.culture .item .page .prev .ico{width: 6px;  height: 6px;  border-bottom: 1px solid #7E7E7E;  border-left: 1px solid #7E7E7E;  transform: rotate(45deg); margin-right:.2rem;}
.culture .item .page .number{color: #3D3D3D;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.18rem; line-height:0.24rem;display: flex; align-items: center;justify-content:center;}
.culture .item .page .next{display: flex; align-items: center;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.14rem; line-height:0.18rem;outline: none;}
.culture .item .page .next a{color: #7E7E7E;}
.culture .item .page .next a:hover{color: #E60012; }
.culture .item .page .next .ico{width: 6px;  height: 6px;  border-top: 1px solid #7E7E7E;  border-right: 1px solid #7E7E7E;  transform: rotate(45deg); margin-left:.2rem;}

.safe1{ overflow:hidden;background:url(../images/s1.jpg) no-repeat right bottom; background-size:auto 100%; position:relative; z-index:1; padding:0.8rem;}
.safe1 .left{ width:40%; float:left;}
.safe1 .left .news_name{ text-align:left;}
.safe1 .left .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.safe1 .left .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.safe1 .left .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.safe1 .left .text{color: #8A8A8A; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.22rem; line-height: 0.35rem; margin-top:0.6rem;}
.tese{ background:#F3F3F3;position:relative; z-index:0;display: flex; align-items: center;justify-content:space-between; padding:1.2rem 1.5rem;}
.tese .item{ padding-left:0.8rem; }
.tese .item.s1{background:url(../images/icon-s1.png) no-repeat left center; background-size:auto 100%;}
.tese .item.s2{background:url(../images/icon-s2.png) no-repeat left center; background-size:auto 100%;}
.tese .item.s3{background:url(../images/icon-s3.png) no-repeat left center; background-size:auto 100%;}
.tese .item .title{color: #565656; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem;}
.tese .item .desc{color: #565656; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.16rem; line-height: 0.32rem;}

.safe{ padding:1rem 0.3rem 0.7rem 0.3rem; overflow:hidden;}
.safe .swiper-slide{overflow:hidden;transition: 0.5s;transform: scale(0.8);}
.safe .swiper-slide-active,.cooperation2 .swiper-slide-duplicate-active{transform: scale(1);}
.safe .swiper-slide span{ padding:0.1rem; display:block; overflow:hidden; background:#E5E5E5; border-radius:0.25rem;}
.safe .swiper-slide span img{ width:100%;border-radius:0.2rem;}
.safe .swiper-slide .title{ color: #414141; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.32rem; line-height: 0.32rem; margin-top:0.4rem;display: flex;justify-content:center;}
.safe .swiper-slide .title i{ background:#E60012; width:0.1rem; height:0.1rem; margin-right:0.1rem;}
.safe.page_bar{ background:#E8E8E8; height:0.8rem; margin:0; border:0; padding:0 0.8rem;}
.safe.page_bar a{ color:#3D3D3D!important;}
.safe.page_bar .ico{ border-color:#3D3D3D!important;}
.safe.page_bar .number{ text-align:center; color:#3D3D3D;}

.system1{background:url(../images/safe-bg.jpg) no-repeat; background-size:cover; overflow:hidden; padding:0.8rem 0;}
.system1 .left{ width:50%; height:100%; float:left;display: flex; align-items: center;}
.system1 .left img{ width:100%;}
.system1 .right{ width:calc(50% - 1.6rem);height:100%;float:left; padding:0.3rem 0.8rem;}
.system1 .right .news_name{ text-align:right;}
.system1 .right .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.system1 .right .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.system1 .right .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.system1 .right .text{color: #787878; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.4rem; margin-top:0.7rem;}



.system2{background:url(../images/safe-bg.jpg) no-repeat; background-size:cover; overflow:hidden;padding:0.8rem 0;}
.system2 .left{ width:calc(50% - 1.6rem);height:100%;float:left; padding:0.3rem 0.8rem;}
.system2 .left .news_name{ text-align:left;}
.system2 .left .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.system2 .left .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.system2 .left .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.system2 .left .text{color: #787878; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.4rem; margin-top:0.7rem;}
.system2 .right{ width:50%; height:100%; float:left;display: flex; align-items: center;}
.system2 .right img{ width:100%;}

.plan1{background:url(../images/plan1-bg.png) no-repeat right top;background-color: white; background-size:25%; overflow:hidden;padding: 1rem 1.6rem 1rem 1.59rem;}
.plan1 .left{   
      width: 8.6rem;
    height: 5.77rem;}
.plan1 .left img{   
     width: 100%;
    height: 100%;
    object-fit: contain;}
.plan1 .right{  padding:0.64rem 0.76rem 0.79rem 0.64rem; height:5rem; background: rgba(249,249,249,1); box-sizing: border-box;margin-top: 0.39rem;}
/* .plan1 .right .news_name{ position:relative; margin-top:0.7rem;} */
.plan1 .right .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.plan1 .right .news_name .en{position:relative;color: #BFBFBF; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.02rem 0;text-transform : uppercase;}
.plan1 .right .news_name .en::after {
    content:'';
    display: inline-block;
    position:absolute;
    background-color: #E60012;
    height: 0.04rem;
    width: 0.66rem;
    bottom: -0.2rem;
    left:0;
}

.plan1 .right .text{color: #8A8A8A; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.4rem; margin-top:1.76rem;}
.customer-service{padding: 1rem 1.59rem 1rem 1.61rem;}
.customer-service .right{   
      width: 8.6rem;
    height: 5.77rem;}
.customer-service .right img{   
    height: 100%;
    object-fit: cover;}
.customer-service .left{  padding:0.64rem 0.76rem 0.79rem 0.64rem; height:5rem; background: rgba(249,249,249,1); box-sizing: border-box;margin-top: 0.39rem;}
/* .plan1 .right .news_name{ position:relative; margin-top:0.7rem;} */
.customer-service .left .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.customer-service .left .news_name .en{position:relative;color: #BFBFBF; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.02rem 0;text-transform : uppercase;}
.customer-service .left .news_name .en::after {
    content:'';
    display: inline-block;
    position:absolute;
    background-color: #E60012;
    height: 0.04rem;
    width: 0.66rem;
    bottom: -0.2rem;
    left:0;
}

.customer-service .left .text{color: #474747; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.4rem; margin-top:1.16rem;}

.plan2{background:url(../images/p12.jpg) no-repeat right top; background-size:55% 110%; width:100%; float:left; margin-top:0.8rem;}
.plan2 .left{ width:40%; float:left; background:#E60012; padding:5%; margin-top:-0.6rem; height:100%; margin-bottom:0.6rem;}
.plan2 .left .news_name{}
.plan2 .left .news_name .cn{color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.plan2 .left .news_name .en{color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}

.plan2 .left .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.plan2 .left .text{color: #fff; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.28rem; line-height: 0.4rem; margin-top:1.76rem; padding-right:0.7rem;}


.plan3{width:100%;}
.plan3 .news_name{ text-align:center;}
.plan3 .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.plan3 .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.plan3 .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.plan3 .box{ overflow:hidden;display: flex; align-items: center;justify-content:space-between; padding:0 0.8rem; margin-top:0.46rem;}
.plan3 .box .item{ text-align:center; margin:0 0.8rem;flex: 1;}
.plan3 .box .item .img img{height:1rem;}
.plan3 .box .item .title{color: #303030; font-size: 0.32rem; line-height: 0.42rem; margin-top: 0.32rem;
    margin-bottom: 0.18rem;}
.plan3 .box .item .desc{text-align: left; color: #474747; font-family: 'OPPOSans-R', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem;}

.plan4{background:url(../images/p13.jpg) no-repeat left top; background-size:55% 110%; width:100%; float:left; margin-top:0.8rem;}
.plan4 .right{ width:40%; float:right; background:#E60012; padding:5%; margin-top:-0.6rem; height:100%; margin-bottom:0.6rem;}
.plan4 .right .news_name{ text-align:right;}
.plan4 .right .news_name .cn{color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.plan4 .right .news_name .en{color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.plan4 .right .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.plan4 .right .text{color: #fff; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.4rem; margin-top:0.7rem; padding-left:0.7rem;}


.plan5{background:url(../images/plan2-bg.png) no-repeat left top; background-size:auto 100%; width:100%; float:left; padding:1.5rem 0;}
.plan5 .news_name{ text-align:center;}
.plan5 .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.plan5 .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.plan5 .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.plan5 .box{ overflow:hidden;display: flex; align-items: center;justify-content:space-between; padding:0 1.1rem; margin-top:0.9rem;}
.plan5 .box .item{ background:#E60012;text-align:center; width:2.35rem; height:6.3rem; padding:0.75rem 0.4rem 0.4rem 0.4rem;}
.plan5 .box .item .img img{height:0.8rem;}
.plan5 .box .item .title{color: #fff; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.32rem; line-height: 0.42rem; margin-top:0.35rem; margin-bottom:0.35rem;}
.plan5 .box .item .desc{color: #fff; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.16rem; line-height: 0.32rem;}

.plan6{padding:0.8rem; overflow:hidden;}
.plan6 .news_name{ text-align:center;}
.plan6 .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.plan6 .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.plan6 .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.plan6 .text{color: #8A8A8A; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.16rem; line-height: 0.32rem; padding:0.4rem 0.6rem; text-align:center;}
.plan6 .pic{ position:relative;background:url(../images/p14.png) no-repeat center top; background-size:auto 100%; height:5rem;}
.plan6 .pic .m{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.2rem;line-height: 0.4rem; position:absolute; left:0; top:60%; width:100%; text-align:center;}
.plan6 .pic .a{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.36rem;line-height: 0.6rem; position:absolute; left:1rem; top:0rem;}
.plan6 .pic .a1{color: #666; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.16rem; line-height: 0.32rem; width:25%; position:absolute; left:1rem; top:0.7rem;}
.plan6 .pic .b{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.36rem;line-height: 0.6rem; position:absolute; right:1rem; top:0rem;}
.plan6 .pic .b1{color: #666; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.16rem; line-height: 0.32rem; width:25%; position:absolute; right:1rem; top:0.7rem;}
.plan6 .pic .c{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.36rem;line-height: 0.6rem;  position:absolute; left:1rem; bottom:0rem;}
.plan6 .pic .c1{color: #666; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.16rem; line-height: 0.32rem; width:25%; position:absolute; left:1rem; bottom:0.7rem;}
.plan6 .pic .d{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.36rem;line-height: 0.6rem; position:absolute; right:1rem; bottom:0rem;}
.plan6 .pic .d1{color: #666; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.16rem; line-height: 0.32rem; width:25%; position:absolute; right:1rem; bottom:0.7rem;}

.plan7{background:url(../images/p15.jpg) no-repeat left top; background-size:cover; width:100%; float:left; padding:0.8rem 0;}
.plan7 .news_name{ text-align:center;}
.plan7 .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.plan7 .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.plan7 .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.plan7 .box{ overflow:hidden;display: flex; align-items: center;justify-content:space-between; padding:0 1.1rem; margin-top:0.9rem;}
.plan7 .box .item{ background:#E60012;text-align:center; width:2.6rem; height:6rem; padding:0.75rem 0.4rem 0.4rem 0.4rem;}
.plan7 .box .item .img img{height:0.8rem;}
.plan7 .box .item .title{color: #fff; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.32rem; line-height: 0.42rem; margin:0.35rem 0; }
.plan7 .box .item .desc{color: #fff; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.16rem; line-height: 0.32rem;}


.plan8{width:100%; float:left; padding:0.8rem 0;}
.plan8 .news_name{ text-align:center;}
.plan8 .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.plan8 .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.plan8 .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.plan8 .box{ overflow:hidden;display: flex; align-items: center;justify-content:space-between; padding:0 0.8rem; margin-top:0.9rem;}
.plan8 .box .item{ text-align:center; margin:0 0.8rem;flex: 1;}
.plan8 .box .item .img img{height:1rem;}
.plan8 .box .item .title{color: #303030; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.32rem; line-height: 0.42rem; margin-top:0.6rem; margin-bottom:0.25rem;}
.plan8 .box .item .desc{color: #2E2E2E; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.16rem; line-height: 0.32rem;}

.plan9{background:url(../images/p16.jpg) no-repeat left top; background-size:cover; width:100%; float:left; padding:0.8rem 0;}
.plan9 .news_name{ text-align:center;}
.plan9 .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.plan9 .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.plan9 .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.plan9 .box{ padding:0 1.1rem; margin-top:0.4rem; overflow:hidden;}
.plan9 .box .left{ width:50%; float:left;}
.plan9 .box .left img{ width:100%;}
.plan9 .box .right{ width:calc(50% - 0.5rem); float:left; padding-left:0.5rem;}
.plan9 .box .right h3{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin-bottom:0.2rem;}
.plan9 .box .right .text{margin-bottom:0.1rem;}
.plan9 .box .right .text .title{color: #4E4E4E; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.18rem; line-height: 0.36rem;display: flex; align-items: center;}
.plan9 .box .right .text .title i{ width:0.16rem; height:0.16rem; background:#E40011; display:inline-block; margin-right:0.1rem;}
.plan9 .box .right .text .desc{color: #696969; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.14rem; line-height: 0.28rem;}


.plan10 .a{overflow:hidden; display:block;}
.plan10 .a img{ width:100%; }
.plan10 .b{ padding:0.4rem 0.8rem 0.7rem 0.8rem; background:#E60012; margin-right:6.5rem; overflow:hidden; margin-top:-1.8rem; margin-bottom:-1.8rem; position:relative;}
.plan10 .b .news_name{ position:relative;}
.plan10 .b .news_name .cn{color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.plan10 .b .news_name .en{color: #fff; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.plan10 .b .news_name .arrow{ position:absolute; right:0; top:0.2rem;}
.plan10 .b .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.plan10 .b .text{color: #fff; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.4rem; }
.plan10 .c{overflow:hidden;}
.plan10 .c img{ width:100%; overflow:hidden;}
.plan10 .d{overflow:hidden;}
.plan10 .d img{ width:100%; overflow:hidden;}

.plan11{ margin-top:0.8rem; overflow:hidden; height:5rem;}
.plan11 .marquee1{ width:100%;overflow:hidden;}
.plan11 .marquee1 ul li{float:left;margin-right:0.4rem; width:5.5rem; padding-bottom:0.2rem; margin-bottom:0.2rem;box-shadow:1px 2px 8px rgba(0, 0, 0, 0.1);}
.plan11 .marquee1 ul li img{width:5.5rem;}
.plan11 .marquee1 ul li p{ font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.32rem; color:#444;margin-top:0.32rem; margin-bottom:0.2rem; padding:0 0.3rem;}
.plan11 .marquee1 ul li span{font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.16rem; line-height:0.24rem; color:#575757; padding:0 0.3rem; display:inline-block;}


.caselist{ margin-top:0.8rem; overflow:hidden;height:5rem;}
.caselist .marquee1{ width:100%; overflow:hidden;}
.caselist .marquee1 ul li{float:left;margin-right:0.4rem; width:5.5rem; padding-bottom:0.3rem;}
.caselist .marquee1 ul li img{width:5.5rem;}
.caselist .marquee1 ul li p{ font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.28rem; color:#444;margin-top:0.32rem; text-align:center;}


.plan12{background:url(../images/p24.jpg) no-repeat left top; background-size:cover;padding:0.8rem; overflow:hidden;}
.plan12 .a{display: flex;justify-content: space-between;}
.plan12 .a .left{overflow:hidden;}
.plan12 .a .left .desc{color: #696969; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem;display: flex; align-items: center; margin-bottom:0.2rem;}
.plan12 .a .left .desc i{ width:0.1rem; height:0.1rem; background:#E40011; display:inline-block; margin-right:0.1rem;}
.plan12 .a .top{ display:none;}
.plan12 .a .top .news_name{ text-align:center; margin-bottom:0.7rem;}
.plan12 .a .top .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.plan12 .a .top .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.plan12 .a .top .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.plan12 .a .right .news_name{ text-align:right;}
.plan12 .a .right .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.plan12 .a .right .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.plan12 .a .right .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.plan12 .b{ margin-top:0.55rem; display: flex;}
.plan12 .b .item{ flex:1; margin:0 0.2rem;}
.plan12 .b .item img{ width:3.6rem;}
.plan12 .b .item p{font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.24rem; line-height:0.32rem; color:#6E6E6E; text-align:center; margin-top:0.32rem;}

.safe2{ overflow:hidden; position:relative;}
.safe2 .left{ width:45%; float:left;}
.safe2 .left .news_name{ position:relative; text-align:left;}
.safe2 .left .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.safe2 .left .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.safe2 .left .news_name .arrow{ position:absolute; right:0.6rem; top:0;}
.safe2 .left .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.safe2 .left .box{ background:#D70917; padding:0.3rem 0.2rem 0.4rem 0.7rem; margin-top:0.6rem;}
.safe2 .left .box .title{ color:#fff; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.56rem; line-height: 1.5rem; }
.safe2 .left .box .desc{color:#fff; font-family: 'OPPOSans-R', 'Microsoft Yahei';font-size:0.28rem; line-height: 0.4rem; margin-top:0.1rem;}
.safe2 .right{ width:55%; position:absolute; height:100%; margin-left:45%;}
.safe2 .right img{ width:100%;height:100%;}

.safe3{ overflow:hidden; margin-top:1rem;margin-bottom:1rem;}
.safe3 .tab{ overflow:hidden;}
.safe3 .tab li{ width:calc(25% - 0.03rem); background:#ccc; float:left; text-align:center; margin-right:0.04rem; padding:0.23rem 0;}
.safe3 .tab li:nth-child(4){ margin-right:0;}
.safe3 .tab li.active{ background:#D70917;}
.safe3 .tab li .title{ color:#fff;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.32rem; line-height: 0.32rem;}
.safe3 .tab li .desc{ color:#fff;font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.14rem; margin-top:0.05rem;}
.safe3 .con{ margin-top:0.5rem;}
.safe3 .con .item{ display:none;}
.safe3 .con .item.active{ display:block;}
.safe3 .con .item .left{ width:calc(50% - 0.5rem); float:left; padding-right:0.5rem;}
.safe3 .con .item .left img{ width:100%; height:4.9rem;}
.safe3 .con .item .right{ width:calc(50% - 0.5rem); float:left; padding-left:0.5rem;height: 4.8rem;overflow: hidden;}
.safe3 .con .item .right ul{overflow-x: hidden;overflow-y:auto; height:100%;}
.safe3 .con .item .right ul li{float:left; margin:0.15rem 0;width: 100%;}
.safe3 .con .item .right ul li a{color:#454545;font-family: 'OPPOSans-R', 'Microsoft Yahei';font-size: 0.28rem;display: flex; align-items: center;}
.safe3 .con .item .right ul li a i{ width:0.14rem; height:0.14rem; background:#ccc; margin-right:0.18rem;}
.safe3 .con .item .right ul li a:hover{ color:#D70917;}
.safe3 .con .item .right ul li a:hover i{ background:#D70917;}
.safe3 .con .item .right ul li.active a{ color:#D70917;}
.safe3 .con .item .right ul li.active a i{ background:#D70917;}

.safe4{background:url(../images/p29.jpg) no-repeat left top; background-size:80%;float:left; padding:0.8rem;}
.safe4 .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.safe4 .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
.safe4 .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.safe4 .caselist1{margin:0.6rem 0 0 1.5rem; overflow:hidden; background:#fff; padding:0.5rem; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.1); width:100%; height:5rem;}
.safe4 .caselist1 .marquee1{ width:100%; overflow:hidden;}
.safe4 .caselist1 .marquee1 ul li{float:left;margin-right:0.4rem;}
.safe4 .caselist1 .marquee1 ul li .pic{display: flex; align-items: center;height:4rem; width:4rem;justify-content: center;}
.safe4 .caselist1 .marquee1 ul li .pic img{max-height:100%; max-width:100%;}
.safe4 .caselist1 .marquee1 ul li p{ font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.24rem; color:#424242;text-align:center; margin-top:0.28rem;}

.about1{display: flex;margin-bottom: 1.2rem;}
.about1 .left{ width:28%;  padding-right:10%;justify-content: space-between;display: flex;
    flex-direction: column;}
.about1 .left .title{ width:100%; overflow:hidden; }
.about1 .left .title .en{ color:#8E8E8E;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.12rem; line-height:16px;text-transform: uppercase; display:block;}
.about1 .left .title .cn{ color:#8E8E8E;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.16rem; line-height:0.4rem;position:relative; margin-top:0.16rem; padding-top:0.16rem; display:inline-block;}
.about1 .left .title .cn .line{ background:#E60012; width:25%; height:0.04rem; position:absolute; top:0; left:0;}
.about1 .left .pic{  overflow:hidden;text-align:center;}
.about1 .left .pic img{ width:100%;}
.about1 .left .number{flex:1; margin:1.5rem 0 1.65rem 0; position:relative; width:100%;overflow: hidden;}
.about1 .left .number .hline{ position:absolute; left:0; top:40%; width:100%; height:0.02rem; background:#E4E4E4; opacity:0.4;}
.about1 .left .number .vline{ position:absolute; left:50%; top:0; width:0.01rem; height:100%; background:#E4E4E4;opacity:0.4;}
.about1 .left .number .item{ width:50%; height:2rem; float:left;display: flex; align-items: center;justify-content:center;flex-wrap: wrap;}
.about1 .left .number .item .box{ text-align:center;}
.about1 .left .number .item .box .num{color: #393939; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.64rem; font-weight:bold; line-height:150%; position:relative; display:inline-block;}
.about1 .left .number .item .box .num .unit{ position:absolute; right:-0.3rem; top:0;font-family: 'OPPOSans-M', 'Microsoft Yahei'; font-weight:normal;font-size: 0.18rem; line-height:100%;}
.about1 .left .number .item .box .txt{color:#393939;font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.14rem; }
.about1 .left .desc{color:#838383;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.16rem; line-height:21px; text-align:justify; text-align-last:justify;text-justify: distribute;}
.about1 .right{ width:62%; }
.about1 .right .news_name{ position:relative;}
.about1 .right .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.32rem; line-height: 0.42rem;}
.about1 .right .news_name .en{color: #303030; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.28rem; line-height: 0.37rem; margin:0.16rem 0;text-transform : uppercase;}
.about1 .right .news_name .arrow{ position:absolute; right:0; top:0.2rem;}
.about1 .right .news_name .arrow img{ width:0.54rem; height:0.54rem;}
.about1 .right .text{color: #5B5B5B; font-family: 'OPPOSans-R', 'Microsoft Yahei';font-size: 0.22rem; line-height: 0.4rem; margin-top:0.26rem;}
.about1 .right .video{ margin-top:0.5rem;}
.about1 .right .video video{ width:100%; outline:none;}

.about2 { border-bottom:0.02rem solid #EAEAEA; overflow:hidden; }
.about2 .left{ width:80%; float:left; background:url(../images/about-bg.jpg) no-repeat left top; background-size:cover;display: flex; align-items: center; padding:1.5rem 0;position:relative;}
.about2 .left .text{ width:56%; float:left;color:#484848;font-family: 'OPPOSans-R', 'Microsoft Yahei';font-size: 0.3rem; line-height:0.6rem; padding-left:0.8rem;}
.about2 .left .pic{ margin:0 1.2rem 0 0.65rem; width:3.4rem; height:3.4rem; overflow:hidden;}
.about2 .left .pic img{overflow:hidden; border-radius:100%; min-width:100%; min-height:100%;max-width:100%; max-height:100%;}
.about2 .left .year{ position:absolute; left:0.8rem; bottom:-0.84rem; color:#E60012;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 1.2rem; font-weight:bold;}
.about2 .right{ width:calc(20% - 0.8rem); float:right;  text-align:right; padding-right:0.8rem;}
.about2 .right .title{ width:100%; overflow:hidden; }
.about2 .right .title .en{ color:#8E8E8E;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.12rem; line-height:16px;text-transform: uppercase; display:block;}
.about2 .right .title .cn{ color:#8E8E8E;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.16rem; line-height:0.4rem;position:relative; margin-top:0.16rem; padding-top:0.16rem;display: inline-block;}
.about2 .right .title .cn .line{ background:#E60012; width:25%; height:0.04rem; position:absolute; top:0; right:0;}
.about2 .yearlist{overflow:hidden; float:right;}
.about2 .yearlist ul{ width:100%; overflow:hidden;}
.about2 .yearlist ul li{ float:left;color:#8B8B8B;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.14rem; line-height:21px; font-weight:bold; margin:0 0.25rem; padding:0.26rem 0; position:relative;}
.about2 .yearlist ul li.active{ color:#E60012;}
.about2 .yearlist ul li.active .line{ width:100%; height:0.04rem; position:absolute; left:0; bottom:0; background:#E60012;}
.about2 .yearlist ul li .desc{ display:none;}
.about2 .yearlist ul li img{ display:none;}


.about3{ overflow:hidden; padding:0.8rem;}
.about3 .title{ width:100%;display:flex;justify-content: space-between; margin-bottom:0.6rem;}
.about3 .title .en{ color:#8E8E8E;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.12rem; line-height:16px;text-transform: uppercase;}
.about3 .title .cn{ color:#8E8E8E;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.16rem; line-height:0.4rem; position:relative;}
.about3 .title .cn .line{ background:#E60012; width:25%; height:0.04rem; position:absolute; bottom:0; right:0;}
.about3 .map{background:url(../images/p32.jpg) no-repeat left top; background-size:cover; padding:0.85rem 1.4rem 0.85rem 0.9rem; overflow:hidden;display: flex; align-items: center; }
.about3 .map .pic{ width:calc(60% - 0.5rem); overflow:hidden; float:left; margin-right:0.5rem;}
.about3 .map .pic img{ width:100%;}
.about3 .map .text{ width:40%; float:left; color:#fff;font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.26rem; line-height:0.52rem;}
.mobile{ display:none;}


/* common */
.flex {
    display: flex
}
.flex-end {
    align-items: flex-end;
}
.flex-start {
    align-items: flex-start;
}
.flex-1 {
    flex: 1
}
.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.h-full {
    height: 100%
}
.text-center {
    text-align: center;
}

/* plan */
.plan-banner {
    height: 6.9rem;
    color:white;
    position: relative;
}
.plan-banner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.plan-banner .bottom .menu > a.active{  margin-left:-1px; }

.plan-banner h1 {
    font-size: 0.56rem;
    font-weight: 700;
    position: absolute;
    top: 2.77rem;
    left: 1.76rem;
    letter-spacing: 0.1rem;
    z-index:2;
    text-shadow: 0.03rem 0.04rem 0 #333;
}
.plan-banner .box {
    top: 2.67rem;
    left: 1.59rem;
    position: absolute;
    display: inline-block;
    background-color: #E60012;
    width: 0.48rem;
    height: 0.48rem;
    z-index:1
}
.plan-banner h2 {
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    top: 3.64rem;
    left: 1.8rem;
    font-size: 0.32rem;
    padding: 0.13rem 0.18rem;
    font-weight: 500;
}
.plan-banner .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.82rem;
    color: white;
    background: rgba(0,0,0,0.4);
    width: 100%;
}
.plan-banner .bottom span {
    display: inline-block;
    width: 100%;
    text-align: center;
    /* border-right: 0.01rem solid white; */
   
}
.plan-banner .bottom .menu > a:not(:last-child):not(.active) span{
    border-right: 0.01rem solid white;
}
.plan-banner .bottom .menu > a {
    flex:1;
    cursor: pointer;
    font-size: 0.28rem;
    height: 0.82rem;
    color: white;
}
.no-border {
    border: none !important;
}
.plan-banner .bottom .active {
    background-color: #E60012;
}
.manage-flow {
    padding: 1rem 2.69rem 0.88rem 2.69rem;
}
.manage-flow .flow-header .font-style {
    text-align: center;
}
.success-case .content .after span, .success-case .content .before span {
    flex:1
}
.manage-flow  .swiper-container1 {
    overflow:hidden;
    font-size: 0.28rem;
    color: rgba(71,71,71,1);
    font-weight: 400;
    font-family: 'OPPOSans-R', 'Microsoft Yahei'
}
.manage-flow  .swiper-container1 .line-box {
    position: relative;
}
.manage-flow  .swiper-container1 .swiper-slide-active .line-box{
        padding-right: 0.23rem;
}
.manage-flow  .swiper-container1 .swiper-slide-active + .swiper-slide:nth-of-type(2){
        padding-right: 0.23rem;
}
.manage-flow  .swiper-container1 .line-box::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 0.01rem;
    background-color: #E60012;
    top: 47%;
    left: 0
}
.manage-flow  .swiper-container1 .swiper-slide {
    text-align: center;
}
.manage-flow  .swiper-container1 img {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0.32rem 0;
    position: relative;
    z-index: 2;
}
.manage-flow .content {
    margin-top: 0.58rem;
    position: relative;
}
.manage-flow .prev, .manage-flow .next{
    width: 0.54rem;
    height: 0.54rem;
    position: absolute;
    top: 1rem;
    
}
.manage-flow .next {
    right: -1.1rem;
}
.manage-flow .prev {
    left: -1.1rem;
}
.manage-flow .content .swiper-container img {
    width: 3.2rem;
    height: 2.45rem;
}
.control-system {
    padding: 1rem 1.98rem 0.95rem 1.96rem;
    background-color: white;
}
.control-system .header-text{
    color: rgba(71,71,71,1);
 font-size: 0.32rem;
 font-weight: 400;
 text-align: justify;
 line-height: 48px;
}
.leasing, .intelligent-fire, .safe-manage, .honor, .investment-cooperation {
    padding: 1rem 2rem;
    background-color: white;
}
.investment-cooperation .text{
    color: rgba(71,71,71,1);
    font-size: 0.28rem;
    font-weight: 400;
    margin-top: 0.6rem;
    line-height: 1.6;
}
.investment-cooperation .top img{
    margin-left: 1.31rem;
    width: 5.87rem;
}
.investment-cooperation .bottom{
    display: flex;
    margin: 1rem 0;
}
.investment-cooperation .bottom > div {
    width: 25%;
    box-sizing: border-box;
    border: 0.01rem solid #DADADA;
    height: 1.34rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.24rem;
    color: rgba(62,62,62,1);
    font-weight: 400;
    line-height: 1.5;
}
.investment-cooperation .bottom img {
    width: 0.72rem;
    height: 0.72rem;
    margin-right: 0.23rem;
    flex-shrink: 0;
}
.investment-cooperation .bottom > div:not(:last-child) {
    margin-right: 0.27rem;
}
.honor {
    height: 8.75rem;
}

.honor .left {
    background: url(../images/new-icon/honor-left.jpg) no-repeat;
    background-size: cover;
    width: 6.33rem;
    box-sizing: border-box;
    padding: 0.64rem;
}
.honor .left  .show {
    background-color: white;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.honor .left  .show img {
    width: 100%;
}
.honor .left  .show .text {
    height: 0.96rem;
    line-height: 0.96rem;
    background-color: #E60012;
    color: white;
    text-align: center;
    font-size: 0.28rem;
    font-weight: 500;
}
.honor .right {
    background: url(../images/new-icon/honor-right.jpg) no-repeat;
    background-size: cover;
    flex: 1;
    padding: 0.64rem;
    box-sizing: border-box;
}
.honor .right .pictures {
    display: flex;
    flex-wrap: wrap;
    
    
    overflow: hidden;
}
.honor .pictures-box{
    height: 3.6rem;
    margin-top: 0.33rem;
}
.honor .right .pictures > div {
    background-color: #E6E6E6;
    width: 30%;
    margin-right: 0.2rem;
    margin-bottom: 0.2rem;
    height: 1.6rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.honor .right .pictures > div:hover .bg{
    top: 0;
}
.honor .right .pictures > div .bg {
    position: absolute;
    left: 0;
    top: 1.6rem;
    background: rgba(230,0,18,0.4);
    height: 100%;
    width: 100%;
    transition: top 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
}
.honor .right .pictures > div .bg img {
    width: 0.62rem;
    height: 0.62rem;
}
.honor .right .pictures img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.honor .right p {
    color: rgba(71,71,71,1);
    font-size: 0.28rem;
    font-weight: 400;
    margin-top: 0.6rem;
    line-height: 1.5;
}
.safe-manage .certificate .item img{
    width: 4.5rem;

}
.safe-manage .certificate .item {
    position: relative;
    margin-bottom: 0.42rem;
}
.safe-manage .certificate .item::before {
    content: '';
    height: 2.21rem;
    width: calc(100% + 4rem);
    position: absolute;
    background-color: #D70917;
    z-index: 1;
    left: -2rem;
    top: 0.5rem;
  
}
.safe-manage .certificate .item > div {
    flex:1;
    text-align: center;
    z-index: 2
}
.safe-manage .pennant {
    margin-top: 0.51rem;
    display: flex;
    background: rgba(248,248,248,1);
}
.safe-manage .pennant p {
    font-size: 0.28rem;
    font-weight: 400;
    font-family: "OPPOSans";
    padding-right:1.07rem;
    padding-left: 0.68rem;
    display: flex;
    align-items: center;
    line-height: 1.5;
}
.safe-manage .pennant img {
    width: 4.67rem;
}
.safe-manage .certificate .item p {
    color: rgba(71,71,71,1);
    font-size: 0.28rem;
    font-weight: 400;
    margin-top: 0.39rem;
    text-align: center;
    padding: 0 0.15rem;
    line-height: 1.3;
}
.intelligent-fire .fire-base img {
    width: 8.11rem;
    margin-left: 0.95rem;
}
.intelligent-fire .fire-base {
    margin-bottom: 1rem;
}

.intelligent-fire .fire-base .left p {
    color: rgba(71,71,71,1);
    font-size: 0.28rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 0.6rem;
}
.intelligent-fire .fire-swiper .left {
    margin-right: 1.34rem;
    width: 50%;
}
.intelligent-fire .fire-swiper .left p {
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    font-size: 0.28rem;
    font-weight: 500;
    margin-bottom: 0.2rem;
    background: rgba(249,249,249,1);
    cursor: pointer;
}
.intelligent-fire .fire-swiper .left .active::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: -0.12rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 0.12rem solid transparent;
    border-left: 0.24rem solid #E60012;
    border-bottom: 0.12rem solid transparent;
}
.intelligent-fire .fire-swiper .right .icon, .fire-phone .icon {
    width:0.4rem;
    height:0.4rem;
    margin: 0.07rem 0.23rem 0 0;
    flex-shrink: 0;
}
.intelligent-fire .fire-swiper .right .info, .fire-phone .info {
    display: flex;
    align-items: flex-start;
    color: rgba(71,71,71,1);
    font-size: 0.28rem;
    font-weight: 400;
    line-height: 1.8;
    margin-top: 0.45rem;
}
.intelligent-fire .fire-swiper .right .info .font-style {
    flex: 1
}
.intelligent-fire .fire-swiper .right > img {
    width: 9.35rem;
    height: 3.99rem;
    
}
.intelligent-fire .fire-swiper .left .active {
    background-color: #E60012;
    color: white;
    position: relative;
}
.property-services {
    padding: 1rem 1.42rem 1.48rem 1.43rem;
    background-color: white;
}
.property-services .property-base .item {
    margin-bottom: 0.4rem;
    height: 4.75rem;
}
.property-services .property-base .right {
    padding: 0.34rem 0.44rem;
    background: #FBFBFB;
}
.property-services .property-base .right img {
    width: 0.64rem;
    height: 0.64rem;
    margin-right: 0.19rem;

}
.property-services .property-base .right p {
    color: rgba(71,71,71,1);
    font-size: 0.28rem;
    font-weight: 400;
    margin-top: 0.23rem;
    line-height: 1.5;

}
.property-services .property-base .item > img {
    width: 4.14rem;
    object-fit: cover;
}
.property-services .property-base .top {
    display: flex;
    align-items: center;
    color: rgba(230,0,18,1);
    font-size: 0.56rem;
    font-weight: 400;
}
.storage-base{
    padding: 1rem 2rem 0.88rem 2rem;
}
.storage-base .flow-header {
    padding-right: 0.3rem;
}

.storage-base .page{display: flex;justify-content:space-between; width:3rem;     padding-right: 0.2rem;   margin: auto;}
.storage-base .page .prev{display: flex; align-items: center;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.14rem; line-height:0.18rem;outline: none;}
.storage-base .page .prev a{color: #7E7E7E;}
.storage-base .page .prev a:hover{color: #E60012;}
.storage-base .page .prev .ico{width: 6px;  height: 6px;  border-bottom: 1px solid #7E7E7E;  border-left: 1px solid #7E7E7E;  transform: rotate(45deg); margin-right:.2rem;}
.storage-base .page .number{color: #3D3D3D;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.18rem; line-height:0.24rem;display: flex; align-items: center;justify-content:center;}
.storage-base .page .next{display: flex; align-items: center;font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.14rem; line-height:0.18rem;outline: none;}
.storage-base .page .next a{color: #7E7E7E;}
.storage-base .page .next a:hover{color: #E60012; }
.storage-base .page .next .ico{width: 6px;  height: 6px;  border-top: 1px solid #7E7E7E;  border-right: 1px solid #7E7E7E;  transform: rotate(45deg); margin-left:.2rem;}
.storage-base .storage-list {
    display: flex;
    flex-wrap: wrap;
}
.storage-base .storage-list > div {
    width: 25%;
    height: 2.6rem;
    margin-bottom: 0.27rem;
    overflow: hidden;
    position: relative;
    color: white;
    font-size: 0.24rem;
    box-sizing: border-box;
}
.storage-base .storage-list > div:hover .info {
    top: 0
}
.storage-base .storage-list img {
    width: 100%;
    height: 100%;
}
.storage-base .storage-list .name {
    position: absolute;
    bottom: 0.15rem;
    left: 0.2rem;
}

.storage-base .storage-list .info {
    padding-top: 0.39rem;
    padding-left: 0.28rem;
    padding-bottom: 0.4rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 1.4;
    position: absolute;
    top: -2.6rem;
    left: 0;
    width: calc(100% - 0.25rem);
    height: 100%;
    background: rgba(230,0,18,0.8);
    transition: top 0.3s;
}
.storage-base .storage-list .info .title {
    font-size: 0.28rem;
    font-weight: 500;
}
.storage-base .storage-list > div:nth-child(4n) .info {
    width: 100%;
}
.storage-base .storage-list > div:not(:nth-child(4n)) {
    padding-right: 0.25rem;
}
.leasing img {
    width: 100%;
    margin-top: 0.48rem;
    background-color: white;
}
.logistics p {
    text-align: center;
    margin-top:0.32rem;
    font-size: 0.24rem;
}
.flow-header h1 {
    color: rgba(230,0,18,1);
    font-size: 0.48rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
}
.flow-header h2 {
    color: rgba(191,191,191,1);
    font-size: 0.24rem;
    font-weight: 700;
    font-family: "OPPOSans";
    text-align: center;
    margin-top: 0.02rem;
    margin-bottom: 0.6rem;
    position: relative;
}
.flow-header h2:after {
    position:absolute;
    content: '';
    display: inline-block;
    background-color: #E60012;
    width: 0.66rem;
    height: 0.04rem;
    bottom: -0.24rem;
    left: 50%;
    transform: translateX(-50%);
}

.flow-header p{
    color: rgba(71,71,71,1);
    font-size: 0.28rem;
    font-weight: 400;
    text-align: left;
    line-height: 1.5;
}
.publish .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
.publish .en, .publish .en-right{position:relative;color: #BFBFBF; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.02rem 0;text-transform : uppercase;}
.publish .en::after {
    content:'';
    display: inline-block;
    position:absolute;
    background-color: #E60012;
    height: 0.04rem;
    width: 0.66rem;
    bottom: -0.2rem;
    left:0;
}
.publish .en-right::after {
    content:'';
    display: inline-block;
    position:absolute;
    background-color: #E60012;
    height: 0.04rem;
    width: 0.66rem;
    bottom: -0.2rem;
    right:0;
}
.publish-service {
    padding: 1rem 2rem;
}
.publish-service img {
    width: 6.44rem;
    height: 8.2rem;
}
.publish-service .left {
    width: 50%;
    box-sizing: border-box;
    margin-right: 0.8rem;
}
.publish-service .left .item img {
    width: 0.96rem;
    height: 0.96rem;
    margin-bottom: 0.24rem;
}
.publish-service .left .item > div {
    flex: 1;
    border: 0.01rem solid #DADADA;
    text-align: center;
    height: 2.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.24rem;
}
.publish-service .left .text {
    color: rgba(71,71,71,1);
    font-size: 0.28rem;
    font-weight: 400;
    font-family: 'OPPOSans-R', 'Microsoft Yahei';
    text-align: justify;
    line-height: 1.5;
    margin-top: 0.6rem;
    margin-bottom: 1.06rem;
}
.info-service {
    background-color: white;
}
.info-service .info-base {
    padding: 0.39rem 1.09rem 1.2rem 0;
}
.info-service .info-base img {
    width: 9.28rem;
    height: 6.21rem;
}
.info-service .info-base .right {
    margin-top: 1.17rem;
    margin-left: 0.7rem;
}
.info-service .info-base .right p {
    color: rgba(71,71,71,1);
    font-size: 0.28rem;
    font-weight: 400;
    line-height: 2;
    margin-top: 0.62rem;
}
.info-service .info-content {
    padding: 0 1.2rem;
}
.info-service .info-content img {
    width: 7.4rem;
}
.info-service .info-content > div {
    padding-bottom: 1rem;
}
.info-service .info-content .text .title{
    color: rgba(87,87,87,1);
 font-size: 0.40rem;
 font-weight: 700;
 position:relative;
 padding-left: 0.34rem;
}
.info-service .info-content .text p {
    color: rgba(71,71,71,1);
    font-size: 0.28rem;
    font-weight: 400;
    line-height: 2;
    margin-top: 0.16rem;
}
.info-service .info-content .text .title::before{
    position:absolute;
    content:'';
    background-color: #E60012;
    left: -0.01rem;
    top: 0.11rem;
    width: 0.22rem;
    height: 0.22rem;
}

.info-service .info-content .r-space {
    margin-right: 0.56rem;
}
.intelligent-fire {

}
.cooperation-partner {
    padding: 1.25rem 1.72rem 0 1.73rem;
}
.cooperation-partner .text {
    color: rgba(73,73,73,1);
    font-size: 0.28rem;
    font-weight: 500;
    margin-left: 1.51rem;
    line-height: 2;
    flex: 1;
    position: relative;
}
.cooperation-partner .icon8 { background: url(../images/icon8.png) no-repeat; background-size: cover; width: 0.28rem; height: 0.26rem; position: absolute; left: -0.4rem; top: 0; }
.cooperation-partner .icon9 { background: url(../images/icon9.png) no-repeat; background-size: cover; width: 0.28rem; height: 0.26rem; position: absolute; right: 0; bottom: 0; }
.cooperation-partner .picScroll {
    margin-top: 0.96rem;
    overflow: hidden;
}
.success-case .header {
    background: url(../images/new-icon/success-bg.jpg) no-repeat;
    height: 3rem;
    padding-top: 1.19rem;
}
.success-case .content {
    padding: 0 2rem;
}
.success-case .content .cases {
    border-radius: 0.2rem;
    background: linear-gradient(135.4deg, rgba(75,75,75,1) 0%, rgba(49,49,49,1) 100%);
    padding: 0 0.56rem;
}
.success-case .content .cases img {
    width: 0.35rem;
    height: 0.35rem;
    margin-right: 0.2rem;
    flex-shrink: 0 
}
.success-case .content .cases > div {
 display: flex;

 height: 2.09rem;
 color: white;
 font-size: 0.28rem;
 line-height: 1.5;
}
.success-case .content .cases > div:not(:last-child) {
    border-bottom: 0.01rem solid white;
}
.success-case .content .cases .title {
    width: 1.92rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.success-case .content .cases .after {
    background-color: #FF2536;
    padding: 0 0.5rem 0 0.37rem;
    width: 6.36rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.success-case .content .cases .after .extra {
    background-color: #FF2536;
    border-radius: 0.2rem 0.2rem 0 0;
    position: absolute;
    height: 0.74rem;
    top: -0.74rem;
    left: 0;
    width: 100%;
    font-size: 0.48rem;
    text-align: center;
    padding-top: 0.49rem;
}
.success-case .content .cases .after .extra1 {
    background-color: #FF2536;
    border-radius: 0 0 0.2rem 0.2rem;
    position: absolute;
    height: 0.74rem;
    bottom: -0.74rem;
    left:0;
    width: 100%;
}
.success-case .content .cases .before {
    flex: 1;
    display: flex;
    justify-content:flex-start;
    align-items:center;
    padding-left: 0.37rem;
}
.success-case  .pic {
    margin-top: 1.62rem;
}
.success-case  .pic img{
    width: 100%;
    margin-top: 0.54rem;
    margin-bottom: 1.44rem;
}
/* 新闻 */
.news-industry {
    padding: 1rem 1.59rem;
    background-color: white;
}
.news-industry  ul li{ margin-bottom:0.82rem; display: flex;justify-content:space-between; overflow:hidden;}
.news-industry  ul li .left{ margin-right:0.32rem;}
.news-industry  ul li .left img{
    width: 5.1rem;
    height: 2.68rem;
}
.news-industry ul li .left img:hover{opacity:0.7;transition:1s;}
.news-industry ul li .right{ position:relative;}
.news-industry ul li .right .date{     padding-right: 0.1rem;}
.news-industry ul li .right .date .day{color: #ccc; font-family: "OPPOSans";font-size: 0.64rem; line-height:0.6rem; font-weight:900; float:left; margin-right:.1rem; border-bottom:0.04rem solid #E60012;}
.news-industry ul li .right .date .month{color: #ccc; font-family: "OPPOSans";font-size: 0.2rem; line-height:0.32rem;font-weight:900; }
.news-industry ul li .right .date .year{color: #ccc; font-family: "OPPOSans";font-size: 0.2rem; line-height:0.26rem; margin-top:0.05rem;font-weight:900;}
.news-industry li .right .title{color: #222; font-size: 0.26rem; margin: 0.34rem 0 0.08rem 0;;overflow:hidden; width:100%; float:left;}
.news-industry li .right .title a{color: #222; font-size: 0.4rem;}
.news-industry li .right .title a:hover{ color:#E60012;transition:1s;}
.news-industry li .right .desc{
    color: rgba(71,71,71,1);
 font-size: 0.28rem;
 font-weight: 400;
 font-family: 'OPPOSans-R', 'Microsoft Yahei';
 line-height: 0.42rem;overflow:hidden; width:100%; float:left;}
.news-industry li .right .more{display: flex; align-items: center;}
.news-industry li .right .more a{
    color: rgba(114,114,114,1);
    font-size: 0.28rem;
    font-weight: 500;
    font-family: "OPPOSans";margin-right:0.1rem;}
.news-industry li .right .more a:hover{ color:#E60012;transition:1s;}
.news-industry li .right .more .ico{ width: 6px;  height: 6px;  border-top: 1px solid #E60012;  border-right: 1px solid #E60012;  transform: rotate(45deg);}

/* 关于 */
.about-changda {
    padding: 1rem 1.32rem;
    background-color: white;
}
.about-recruitment {
    
    background-color: white;
}
.about-connect {
    padding: 1rem;
    overflow: hidden;
    background-color: white;
}
.about-culture .first {
    padding: 1rem 2rem;
    background-color: white;
}
.about-culture .first .text {
    position: relative;
}
.about-culture .first .text img {
    width: 100%;
}
.about-culture .first .text .box {
    position: absolute;
    left: 0;
    top:0;
    font-size: 0.48rem;
    font-weight: 500; 
    color: white;
    height: 100%;
    width: 100%;
    margin-left: 1.07rem;
    display: flex;
    align-items: center;
    line-height: 2;
}
.about-culture .second {
    background: url(../images/new-icon/culture-value-bg.jpg) no-repeat;
    background-size: cover;
}
.about-culture .second .content {
    padding: 1rem 2.78rem 1.2rem 2.78rem;
}
.about-culture .second .item {
    display: flex;
    align-items: center;
    color: rgba(71,71,71,1);
    font-size: 0.28rem;
    margin-bottom: 0.85rem;
}
.about-culture .second .item > div {
    flex: 1
}
.about-culture .second .item img{
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.47rem;
    flex-shrink: 0;
}
.about-culture .second .item .title {
    margin-bottom: 0.25rem;
    color: rgba(39,39,39,1);
    font-size: 0.48rem;
    font-weight: 400;
    position: relative;
}
.about-culture .second .item .title::after {
    position:absolute;
    content: '';
    display: inline-block;
    background-color: #E60012;
    width: 0.32rem;
    height: 0.04rem;
    bottom: -0.11rem;
    left: 0;
}
.red {
    color: red
}
.about-culture .third {
    padding: 1rem 2rem;
    padding-bottom: 0;
}
.about-culture .third .text {
    color: rgba(71,71,71,1);
 font-size: 0.28rem;
 font-weight: 400;
 line-height: 1.5;
 margin-top: 0.6rem;
}
.about-culture .heart-bg {
    background: url(../images/new-icon/heart-bg.jpg) no-repeat;
    background-size: cover;
}
.hidden {
    display: none;
}

@media screen and (max-width: 768px) {
    header { zoom: 1.2; }
    header nav { display: none; }
    header .hd_right .btn { display: none; }
    header .hd_right .btn_m { display: block; }
    .plan-banner h1 {
        font-size: 0.65rem;
        left: 0.5rem; 
    }
    .plan-banner .box {
        left: 0.3rem;
    }
    .plan-banner h2 {
        font-size: 0.4rem;
        left: 0.5rem; 
        line-height: 1.3; 
    }
    .plan-banner img {
        display: block;
    }
    .plan-banner .bottom {
        position: inherit;
        height: auto;
        color: inherit;
        background-color: white;
    }
    .plan-banner .bottom .menu {
        flex-wrap: wrap;
        border-bottom: 1px solid #eee;
        justify-content: flex-start;
    }
    .plan-banner .bottom .menu > a {
        width: 50%;
        flex: none;
        color: #474747;
        height: 1rem;
    }
    .plan-banner .bottom .active {
        border-bottom: 0.04rem solid #E60012;
        background-color: white;
    }
    .page1 .text { zoom: 0.8;line-height: 1.4; }
    .page1 .text img {
        display: none;
    }
    .page1, .bg-video {
        height: 60vh;
    }
    .page2 .page_left, .page2 .page_right { width: 100% }
    .page2 .page_left .text { 
        padding: 0.32rem 0.26rem 0.4rem 0.32rem;
        background: url(../images/new-icon/culture-phone-bg.jpg) no-repeat;
        background-size: contain;
        
     }
    .page2 > .flex {
        flex-wrap: wrap;
    }
    .page2 .page_left .title {color: rgba(230,0,18,1); font-size: 0.65rem;}
    .page2 .page_left .text .second {
        font-size: 0.4rem;
    }
    .read-more {
        height: 0.75rem;
        line-height: 0.75rem;
    }
    .read-more a {
        color: #E60012;
        background: url(../images/new-icon/more.png) no-repeat;
        background-size: 0.658rem 0.658rem;
        display: inline-block;
        padding-left: 0.8rem;
        font-size: 0.4rem;
    }
    .honor {
        display: none;
    }
    .honor-phone {
        display: block;
        margin-top: 1rem;
        color: white;
    }
    .honor-phone .publish .cn {
        color: white;
    }
    .honor-phone .cooperation2 .publish .en::after {
        display: none;
    }
    .honor-phone .cooperation2  .font-style {
        font-size: 0.32rem; /*@cms88*/
        line-height: 1.4;
        margin-bottom: 0.5rem;
    }
    .page2 .page_left .text .second {
        position: relative;
        color: rgba(88,88,88,1);
        font-size: 0.38rem;
        font-weight: 500;
        padding-top: 0.08rem;
        padding-bottom: 0.32rem;
    }
    .page2 .page_right .text {
        flex-wrap: wrap;
    }
    .page2 .page_right .text > div {
        width: 50%;
        height: 3.54rem;
        font-size: 0.4rem;
        flex:none;
    }
    .page2 .page_right .num {
        font-size: 0.8rem;
        margin-bottom: 0.22rem; 
    }
    .page2 .page_right .unit {
        font-size: 0.4rem;
        margin-left: 0.1rem;
    }
    .page2 .text-culture {
        width: 100%;
        padding: 0.32rem 0.32rem 1rem 0.32rem;
    }
    .page2 .title {
        font-size: 0.65rem;
    }
    .page2 .text-culture .content {
        line-height: 1.8;
    }
    .page2 .bottom .item-icon {
        padding-top: 0;  
        padding-bottom: 0.4rem
    }
    .page2 .bottom .item-icon img {
        width: 1.63rem;
        height: 1.63rem;
    }
    .page2 .bottom .middle {
        font-size: 0.4rem
    }
    
    .page2 .bottom .item-icon p {
        line-height: 1.7;
    }
    .storage-base .storage-list > div {
        width: 50%;
    }
    .storage-base .storage-list > div:not(:nth-child(4n)) {
        padding-right: 0;
    }
    .storage-base .storage-list > div:not(:nth-child(2n)) {
        padding-right: 0.25rem;
    }
    .page2 .bottom .item-icon .font-style {
        font-size: 0.2rem;
    }
    .page3 { padding: 0 0.32rem; }
    .page3 h1 {
        padding-top: 0.32rem;
        padding-bottom: 0.16rem;
        font-size: 0.65rem;
    }
    .page3 .second {
        color: rgba(88,88,88,1);
        line-height: 1.6;
        font-size: 0.4rem;
        margin-bottom: 0.4rem; 
    }
    .page3 .text {
        flex-wrap: wrap;
        padding: 1.59rem 0 0; 
    }
    .page3 .card {
        height: auto;
        flex: none;
        padding-bottom: 0.32rem;
        min-height: 6.59rem;
        box-shadow: 0 0.24rem 0.4rem 0 rgb(0 0 0 / 5%);
        width: 100%;
        margin: 0 !important;
        
    }
    .page3 .card:not(:last-child) {
        margin-bottom: 1.35rem !important;
    }
    
    .page3 .card img {
        width: 1.8rem;
    }
    .page3 .card h2 {
        font-size: 0.49rem;
        margin-top: 1.43rem
    }
    .page3 .card p {
        font-size: 0.32rem; /*@cms88*/
        margin-top: 0.49rem;
        padding-left: 0.86rem;
        padding-right: 0.43rem;
    }
    .page3 .card p::before {
        width: 0.3rem;
        height: 0.3rem;
        left: 0.3rem;
    }
    .page3 .bg { background-image: url(../images/bg3-m.jpg); }
    .page3 .bg1 { background: url(../images/sbg1-m.jpg) no-repeat; background-size: cover; }
    .page3 .bg2 { background: url(../images/sbg2-m.jpg) no-repeat; background-size: cover; }
    .page3 .bg3 { background: url(../images/sbg3-m.jpg) no-repeat; background-size: cover; }
    .page3 .bg4 { background: url(../images/sbg4-m.jpg) no-repeat; background-size: cover; }
    .page3 .text .t2 { width: initial; }
    .page3 .itembox { width: 90%; margin-left: -45%; border-bottom: 0; background: initial; height: auto; overflow: hidden; margin-top: 1rem; }
    .page3 .itembox .item { width: calc(50% - 0.8rem - 2px); background-position: 0.2rem center!important; background-color: rgba(255,255,255,.2)!important; padding-left: 0.8rem; margin: 1px; height: 1.2rem; }
    .page3 .itembox .item .line { display: none; }
    .page3 .itembox .item.active { background-color: #E60012!important; }
    .page4 .wrap {     
        display: flex;
        flex-wrap: wrap;
        height: 100%; }
    .page4 {
        margin-top: 0.51rem;
        padding: 0.32rem;
    }
    .page4 .wrap .bg {
        display: none;
    }
    .page4 .wrap .page_left { 
        padding: 0.38rem 0.55rem 0 0.4rem;
        background: url(../images/new-icon/home-left.jpg) no-repeat; background-size: cover; }
    .page4 .wrap .page_left, .page4 .wrap .page_right { width: 100%; height: 7.57rem; }
    .page4 .wrap .page_left:hover { width: 100%; }
    .page4 .wrap .page_right:hover { width: 100%; }
    .page4 .wrap .page_left .text, .page4 .wrap .page_right .text { 
        position: initial; 
        padding-right: 0;
        padding-left: 0;
     }
    .page4 .wrap .page_left .text .t3 { 
        font-size: 0.2rem; 
        margin-top: 0.4rem;
        height: 0.75rem;
        line-height: 0.75rem;
    }
    .page4 .wrap .page_left .text .t3 a {
        background-size: 0.658rem 0.658rem;
        padding-left: 0.8rem;
        font-size: 0.4rem;
    }
    .page4 .wrap .page_left .text .t1 {
        font-size: 0.65rem;
        line-height: 1.7;
        margin-bottom: 0.32rem;
    }
    .page4 .wrap .page_left .text .t1::after {
        background-color: #E60012;
    }
    .page4 .wrap .page_left .text .t2 {
        font-size: 0.32rem;
        line-height: 1.5;
    }
    .page4 .wrap .page_right { 
        background: url(../images/bg4-right-m.jpg) no-repeat; 
        background-size: cover; 
        padding: 0.38rem 0.55rem 0 0.4rem;
    }
    .page4 .wrap .page_right .text .t1 { 
        text-align: left;
        font-size: 0.65rem;
        line-height: 1.7;
        margin-bottom: 0.32rem;
     }
     .page4 .wrap .page_right .text .t2 {
        font-size: 0.32rem;
        line-height: 1.5;
     }
    .page4 .wrap .page_right .text .t3 { text-align: left; 
        font-size: 0.2rem;
        margin-top: 0.4rem;
        height: 0.75rem;
        line-height: 0.75rem;
     }
     .page4 .wrap .page_right .text .t3 a{
        background-size: 0.658rem 0.658rem;
        padding-left: 0.8rem;
        font-size: 0.4rem;
        line-height: inherit;
     }
     .page4 .wrap .page_right .text .t1::after {
        left: 0;
        background-color: #E60012;
     }
    .page5 { background-image: url(../images/bg5-m.jpg); }
    .page5 .wrap { padding: 0 0.5rem; }
    .page5 .picScroll { padding-bottom: 2.5rem; }
    .page5 .picScroll .button { top: initial; bottom: 0; right: auto; width: 100%; display: flex; justify-content: center; }
    .page5 .picScroll .button .prev, .page5 .picScroll .button .next { margin: 0 1rem;}
    .page5 .picScroll .swiper-wrapper { margin-left: -24%; }
    .page5 .picScroll .swiper-wrapper .swiper-slide { }
    .page6 { background-image: url(../images/bg6-m.jpg);margin-top: 2rem; }
    .cooperation-partner {
        padding: 1rem 0.32rem;
    }
    .cooperation-partner > div.flex {
        flex-wrap: wrap;
    }
    .cooperation-partner > div.flex .publish {
        width: 100%;
    text-align: center;
    }
    .cooperation-partner .text {
        margin-left: 0.3rem;
    }
    .investment-cooperation {
        margin-top: 2rem;
        padding: 1rem 0.32rem;
    }
    .investment-cooperation .top {
        flex-wrap: wrap;
    }
    .investment-cooperation .top .publish {
        text-align: center;
    }
    .investment-cooperation .text {
        font-size: 0.35rem;
    }
    .investment-cooperation .top img {
        display: none;
    }
    .investment-cooperation .bottom {
        /* display: none; */
        flex-wrap: wrap;
        margin: 1rem 0 0 0;
    }
    .investment-cooperation .bottom > div {
        width: 100%;
        margin-bottom: 0.3rem;
        font-size: 0.34rem;
    }
    .investment-cooperation .bottom > div:not(:last-child) {
        margin-right: 0
    }
    .page6 .wrap { padding: 0 0.5rem; }
    .page6 .wrap .text { width: 100%; margin-bottom: 0; }
    .page6 .wrap .swiper-pagination { display: none; }
    .page6 .picScroll { padding-bottom: 1.8rem; }
    .page6 .picScroll .button { top: initial; bottom:0.5rem; width: 100%; display: flex; justify-content: center; }
    .page6 .picScroll .button .prev, .page6 .picScroll .button .next { margin: 0 1rem;}
    .page6 .picScroll .swiper-wrapper .swiper-slide { }
    .page6 .picScroll .swiper-wrapper .swiper-slide ul { display: block; }
    .page6 .picScroll .swiper-wrapper .swiper-slide ul li { width: 40%; height: auto; float: left; margin:0 0.3rem .1rem 0.3rem;
    }
    .page6 .picScroll .swiper-wrapper .swiper-slide ul li:nth-child(5) { margin-right: 0.3rem; }
    .page6 .picScroll .swiper-wrapper .swiper-slide ul li:nth-child(10) { margin-right: 0.3rem; }
    footer { background-image: url(../images/footer-bg-m.jpg); }
    footer .wrap { padding:.5rem;
    }
    footer .wrap .page_left .foot_logo .l { width: 55%; height: auto; }
    footer .wrap .page_left .foot_logo .l img { width: 100%; height: auto; }
    footer .wrap .page_left .foot_logo .r { width: 25%; }
    footer .wrap .page_left .foot_logo .r img { width: 100%; height: auto; }
    footer .wrap .page_left { width: 100%; margin: 0; }
    footer .wrap .page_left, footer .wrap .page_right { width: 100%; margin:.5rem 0 0 0;
    }
    footer .wrap .page_right .copyright { margin-top: 0.5rem; text-align: center; font-size: 0.12rem; }
    
    
    .banner .text{font-size: 0.36rem; line-height: 0.46rem;}
    .page_wrap{ margin:1.2rem 0.2rem 0.8rem 0.2rem;}
    .page_wrap .page_content .title .line{left: -0.3rem;}
    .page_wrap .page_content{padding: 0.3rem;}
    
    .page_wrap .page_nav{ padding:0 0.3rem;font-size: 0.20rem;}
    .page_wrap .page_nav .return{ display:none;}
    .page_wrap .page_nav ul li{}
    .page_wrap .page_content .news_list ul li{ display:block;}
    .page_wrap .page_content .news_list ul li .left{ margin-right:0;}
    .page_wrap .page_content .news_list ul li .left img{ width:100%; height:auto;}
    .page_wrap .page_content .news_list ul li{ position:relative;}
    .page_wrap .page_content .news_list ul li .right {position: absolute;left: 0;bottom: 0;background: rgba(255,255,255,.6);padding: .3rem;width:calc(100% - 0.6rem);}
    .page_wrap .page_content .news_list ul li .right .title{ margin:0; }
    .page_wrap .page_content .news_list ul li .right .desc{ margin:0 0 0.2rem 0;font-size: 0.20rem; display:none;}
    .page_wrap .page_content .news_list ul li .right .date{ display:none;}
    .page_wrap .page_content .news_list ul li .right .more{ right:.3rem; left:auto; bottom:.2rem; display:none;}
    .page_wrap .page_bar{ margin:0 0.3rem;}
    
    .mapbox{ display:block; padding:0.3rem; color: #333;font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.18rem; line-height:0.36rem;}
    #allmap {width: 100%;height: 8rem; margin:0;}
    
    .cooperation1{ padding:0 0.5rem!important;}
    .cooperation2{padding:0.5rem; height:auto;}
    .cooperation2 .text{ margin:0.8rem 0;}
    .cooperation2 .swiper-slide-active,.cooperation2 .swiper-slide-duplicate-active{ margin-top:0;}
    .cooperation.page_bar{ margin:0;}
    
    .youshi .left{ width:calc(100% - 0.6rem); padding:0.6rem 0.3rem;}
    .youshi .left .news_name { text-align:center;}

    .culture{ padding:0 0.3rem;margin-top: 0.5rem;}
    .culture .item .page{position: initial;margin: 0.5rem auto 0 auto;}
    .culture1{ padding:0.8rem 0.3rem;}
    .culture1 .left{ width:inherit; margin-bottom:0.7rem;}
    .culture1 .right{ width:inherit;}
    .culture2{ height:auto;}
    .culture2 .right{ width:inherit; padding:0.8rem 0.3rem;}
    .culture3{ height:auto;}
    .culture3 .left{ width:inherit;padding:0.8rem 0.3rem;}
    .safe1{ padding:0.8rem 0.3rem;background-size:40%; background-position:right top;}
    .safe1 .left{ width:100%;}
    .tese{ display:inherit; padding:0.3rem;}
    .tese .item{ width:100%; margin:0.5rem;}
    .safe.page_bar{margin:0;}
    .system1{ position:relative;}
    .system1 .left{ position:absolute; left:0; top:0.6rem; height:inherit; width:40%;}
    .system1 .right{width: inherit; padding:0 0.3rem;}
    
    .system2{ position:relative;}
    .system2 .left{width: inherit; padding:0 0.3rem;}
    .system2 .right{ position:absolute; right:0; top:0.6rem; height:inherit;width:40%;}
    
    .plan1{ padding:0.6rem 0.3rem; margin-top: 3rem;flex-wrap: wrap-reverse;}
    .plan1 .left{ margin:0;}
    .plan1 .right{ width:100%; margin:0; padding: 0.34rem 0.26rem 0.59rem 0.34rem;}
    .plan1 .right .news_name{ margin-top:0;}
    .plan1 .right .text {
        font-size: 0.32rem; /*@cms88*/
        line-height: 1.6;
        margin-top: 1.3rem;
        color:rgba(71,71,71,1);
    }
    .plan1 .right .news_name .cn {
        font-size: 0.65rem;
        line-height: 1.4;
    }
    .plan1 .right .news_name .en {
        font-size: 0.34rem;
    }
    .manage-flow {
        padding: 0.5rem 1rem 0.5rem 1rem;
    }
    .manage-flow .content .swiper-container img {
        width: 100%;
    }
    .manage-flow .prev {
        left: -0.86rem; 
    }
    .manage-flow .next {
        right: -0.86rem;
    }
    .flow-header h1 {
        font-size: 0.65rem;
    }
    .flow-header h2 {
        font-size: 0.34rem;
    }
    .manage-flow .flow-header .font-style {
        font-size: 0.32rem; /*@cms88*/
    }
    .control-system {
        padding: 0.5rem 0.3rem 0.5rem 0.3rem;
    }
    .control-system .header-text {
        font-size: 0.32rem; /*@cms88*/
        line-height: 2; /*@cms88*/
    }
    .plan3 .box .item .title {
        font-size: 0.5rem;
        margin-top: 0.42rem;
        margin-bottom: 0.38rem;
    }
    .plan3 .box .item .img img {
        height: 1.5rem;
    }
    .plan3 .box .item .desc {
        font-size: 0.32rem;  /*@cms88*/
        line-height: 1.5;
    }
    .customer-service .right img {
        height: auto;
        object-fit: cover;
        width: 100%;
    }
    .customer-service {
        flex-wrap: wrap;
    }
    .customer-service, .storage-base {
        padding: 0.5rem 0.3rem 0.5rem 0.3rem;
    }
    .customer-service .left {
        padding: 0.34rem 0.26rem 0.39rem 0.24rem;
        height: auto;
    }
    .customer-service .left .news_name .cn {
        font-size: 0.65rem;
    }
    .customer-service .left .news_name .en {
        font-size: 0.3rem;
        margin: 0.25rem 0;
    }
    .customer-service .left .text {
        font-size: 0.32rem; /*@cms88*/
        line-height: 1.5;
    }
    .publish-service, .leasing, .property-services, .info-service {
        margin-top: 3rem;
        padding: 0.32rem;  
    }
    .info-service .info-base {
        flex-wrap: wrap;
        padding: 0.32rem 0;
    }
    .info-service .info-base img {
        width: 100%;
       object-fit: contain;
    }
    .info-service .info-base .right {
        margin-top: 0rem;
        margin-left: 0rem;
    }
    .info-service .info-content {
        padding: 0
    }
    .info-service .info-content img {
        width: 100%;
    }
    .info-service .info-content .r-space {
        margin-right: 0;
        margin-top: 0.3rem;
    }
    .info-service .info-content .text {
        margin-top: 1rem;
    }
    .info-service .info-content .text .title {
        font-size: 0.56rem; 
    }
    .info-service .info-content .text p {
        font-size: 0.32rem; /*@cms88*/
    }
    .info-service .info-base .right p {
        font-size: 0.32rem; /*@cms88*/
    }
    .info-service .info-content > div {
        flex-wrap: wrap-reverse;
        padding-bottom: 0;
    }
    .info-service .info-content > div:nth-child(2n) {
        flex-wrap: wrap;
    }
    .property-services .property-base .item {
        height: auto;
        flex-wrap: wrap;
    }
    .property-services .property-base .item > img {
        width: 100%;
    }
    .property-services .property-base .right {
        padding: 0.34rem 0rem;
    }
    .property-services .property-base .right p {
        font-size: 0.32rem; /*@cms88*/
    }
    .publish-service .left {
        width: 100%;
        margin-right: 0;
    }
    .publish-service {
        flex-wrap: wrap;
        position: relative;
    }
    .publish-service > img {
        width: calc(100% - 0.64rem);
        position: absolute;
        top: 8.5rem;
    }
    .intelligent-fire .fire-base {
        flex-wrap: wrap;
        margin-left: 0;
    }
    .publish-service .left .text {
        margin-bottom: 9.2rem;
    }
    .publish .cn {
        font-size: 0.65rem; 
    }
    .publish .en {
        font-size: 0.3rem;
        margin: 0.25rem 0;
    }
    .publish-service .left .text {
        font-size: 0.32rem; /*@cms88*/
    }
    .flow-header p, .logistics p {
        font-size: 0.32rem;  /*@cms88*/
    }
    .logistics {
        flex-wrap: wrap;
    }
    .intelligent-fire, .news-industry {
        margin-top: 1rem;
        padding: 0.62rem 0.32rem; 
    }
    .about-changda, .about-culture, .about-recruitment {
        margin-top: 2rem;
        padding: 0; 
    }
    .about-connect {
        margin-top: 2rem;
        padding: 1rem 0 0 0; 
    }
    .job_list {
        padding: 0.32rem; 
    }
    /* .job_list ul li .desc {
        font-size: 0.4rem;
    }
    .job_list ul li .area {
        font-size: 0.5rem;
    }
    .job_list ul li .title {
        font-size: 0.4rem;
    } */
    .safe-manage {
        margin-top: 1rem;
        padding: 0; 
    }
    .about-culture .first {
        padding: 1rem 0;
    }
    .about-culture .second .content {
        padding: 1rem 0;
    }
    .about-culture .third {
        padding: 1rem 0.32rem;
    }
    .about-culture .second .item {
        padding: 0 0.32rem;
    }
    .about-culture .first .text .box {
        margin-left: 0.5rem;
        line-height: 1.4;
        font-size: 0.4rem;
    }
    .about-culture .first .text {
        height: 2.6rem;
    }
    .about-culture .first .text img {
        height: 100%;
    }
    .publish .en-right::after {
        left: 0
    }
    .publish .en::after {
        left: 50%;
    transform: translateX(-50%);
    }
    .news-industry ul li .left {
        margin-right: 0;
    }
    .news-industry ul li .right .date, .news-industry li .right .desc {
        display: none;
    }
    .news-industry ul li {
        display: block;
        position: relative;
    }
    .news-industry ul li .left img {
        width: 100%;
        /* height: auto; */
        height: 3.6rem; /*@cms88*/
    }
    .news-industry li .right .title a {
        font-size: 0.3rem
    }
    .news-industry li .right .title {
        margin: 0;
        text-align: center;
    }
    .news-industry ul li .right {
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(255,255,255,.6);
        padding: 0.3rem;
        width: calc(100% - 0.6rem);
    }
    .intelligent-fire .fire-base img {
        /* display: none; */
        margin-left: 0;
        width: 100%;
        margin-top: 0.5rem;
    }
    .intelligent-fire .fire-base .left p {
        font-size: 0.32rem;  /*@cms88*/
        margin-top: 1rem;
    }
    .intelligent-fire .fire-swiper {
        display: none;
    }
    .intelligent-fire .fire-phone {
        display: block;
    }
    .intelligent-fire .publish {
        /* width: 50%; */
        text-align: center;
    }
    .safe {
        padding: 0 0.3rem 1rem;
    }
    .news-industry .page_bar .number {
        padding: 0 0.3rem;
        flex: 1;
        justify-content: space-between;
    }
    .news-industry .page_bar .number a {
        margin: 0;
    }
    .success-case {
        margin-top: 2rem; 
    }
    .success-case .content {
        padding: 0
    }
    .success-case .content .cases {
        padding: 0 0.13rem;
    }
    .success-case .content .cases > div {
        height: auto;
        font-size: 0.3rem;
    }
    .success-case .content .cases > div:first-child .after {
        font-size: 0.23rem;
        padding-top: 0.6rem;
    }
    .success-case .content .cases .title {
        width: 15%;
    }
    .success-case .content .cases .before {
        padding-left: 0.12rem;
    }
    .success-case .content .cases .after {
        width: 40%;
        padding: 0.2rem;
    }
    .plan2{ margin-top:0;}
    .plan2 .left{ width:auto; margin:0;}
    .plan3{ padding:0.8rem 0;}
    .plan3 .box{ padding:0; display:inherit;}
    .plan3 .box .item{ margin-bottom:0.5rem;}
    .plan4{ margin-top:0;}
    .plan4 .right{width:100%; margin:0;}
    .plan5{ padding:0.8rem 0;}
    .plan5 .box{ display:inherit;}
    .plan5 .box .item{ width:inherit; margin-bottom:0.5rem;}
    .plan6{ padding:0.8rem 0.3rem;}
    .plan6 .text{ padding:0.4rem 0; text-align:left;}
    .plan6 .news_name{ text-align:center;}
    .plan6 .news_name .cn{color: #E60012; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.48rem; line-height: 0.63rem;}
    .plan6 .news_name .en{color: #2E2E2E; font-family: 'OPPOSans-B', 'Microsoft Yahei';font-size: 0.24rem; line-height: 0.32rem; margin:0.16rem 0;text-transform : uppercase;}
    .plan6 .news_name .arrow img{ width:0.54rem; height:0.54rem;}
    .plan6 .text{color: #8A8A8A; font-family: 'OPPOSans-M', 'Microsoft Yahei';font-size: 0.16rem; line-height: 0.32rem; padding:0.4rem 0.6rem; text-align:center;}
    .plan6 .pic{ background:none; height:auto;}
    .plan6 .pic .m{ position:unset; text-align:left; font-size:0.32rem; line-height:0.64rem; background:url(../images/icon-plan6.png) no-repeat left center; background-size:auto 100%; padding-left:0.8rem; margin-bottom:0.3rem;}
    .plan6 .pic .a{ position:unset;  background:url(../images/icon-plan6-li.png) no-repeat left center; background-size:auto 50%; padding-left:0.4rem; margin-bottom:0.1rem;}
    .plan6 .pic .a1{ position:unset;font-size:0.24rem; line-height:0.48rem; width:100%; margin-bottom:0.2rem;}
    .plan6 .pic .b{ position:unset; background:url(../images/icon-plan6-li.png) no-repeat left center; background-size:auto 50%; padding-left:0.4rem; margin-bottom:0.1rem;}
    .plan6 .pic .b1{ position:unset;font-size:0.24rem;  line-height:0.48rem; width:100%; margin-bottom:0.2rem;}
    .plan6 .pic .c{ position:unset; background:url(../images/icon-plan6-li.png) no-repeat left center; background-size:auto 50%; padding-left:0.4rem; margin-bottom:0.1rem;}
    .plan6 .pic .c1{ position:unset;font-size:0.24rem; line-height:0.48rem;  width:100%; margin-bottom:0.2rem;}
    .plan6 .pic .d{ position:unset; background:url(../images/icon-plan6-li.png) no-repeat left center; background-size:auto 50%; padding-left:0.4rem; margin-bottom:0.1rem;}
    .plan6 .pic .d1{ position:unset;font-size:0.24rem; line-height:0.48rem; width:100%; margin-bottom:0.2rem;}
    .plan7 .box{ display:inherit; padding:0 0.3rem;}
    .plan7 .box .item{ width:inherit; margin-bottom:0.5rem;padding-bottom: 1.2rem; height:auto;}
    .plan7 .box .item .desc{ font-size:0.24rem; line-height:0.48rem;}
    .plan8 .box{padding:0;display:inherit;}
    .plan8 .box .item{ width:inherit; margin-bottom:0.5rem;}
    .plan9 .box{ padding:0 0.3rem;}
    .plan9 .box .left{ width:inherit;}
    .plan9 .box .right{ width:inherit; padding:0; margin-top:0.5rem;}
    
    .plan10 .b{ position:inherit; margin:0; padding:0.8rem 0.3rem;}
    .plan12{ padding:0.8rem 0.3rem;}
    .plan12 .a{ display:inherit;}
    .plan12 .a .top{ display:block;}
    .plan12 .a .right{ display:none;}
    .plan12 .b{ display:inherit;}
    .plan12 .b .item{text-align:center; width:calc(50% - 0.4rem);float:left; margin:0.3rem 0.2rem;}
    .plan12 .b .item img{ width:100%;}
    
    .safe2 .left{ width:100%;}
    .safe2 .left .publish {
        padding: 0.5rem;
        text-align: center;
    }
    .safe2 .left .box{ padding:0.3rem; margin-top: 0}
    .safe2 .left .box .title{
        letter-spacing: 0.14rem;
        font-size: 0.7rem;
    }
    .safe2 .left .box .desc {
        font-size: 0.32rem; /*@cms88*/
        line-height: 1.6;
    }   
    .safe-manage .pennant:last-child {
        flex-wrap: wrap-reverse;
    }
    .pennant {
        flex-wrap: wrap;
        
    }
    .safe-manage .certificate .item p {
        font-size: 0.32rem; /*@cms88*/
    }
    .safe-manage .pennant p {
        padding-left: 0.3rem;
        padding-right: 0.3rem;
        font-size: 0.32rem; /*@cms88*/
        text-align: center;
    }
    .safe-manage .pennant img {
        margin: auto;
        margin-bottom: 0.5rem;
    }
    .safe-manage .certificate .item {
        flex-wrap: wrap;
    }
    .safe-manage .certificate .item > div {
        margin-bottom: 0.3rem;
    }
    .safe3 {
        padding: 0.5rem 0.22rem;  
        margin-bottom: 0;
    }
    .safe-manage .certificate .item::before {
        display: none;
    }
    .safe3 .tab li .title {
        font-size: 0.25rem;
    }
   .fire-phone .safe .swiper-slide span {
        background-color: white;
        padding: 0;
    }
    .safe2 .right{ position:inherit; margin:0; width:inherit;}
    .safe3 .tab li .desc{ display:none;}
    .safe3 .con .item .left{ width:100%; padding:0;}
    .safe3 .con .item .right{width:100%; padding:0; margin:0.3rem 0;}
    .safe4{ padding:0.8rem 0.3rem;}
    .safe4 .caselist1{ margin-left:0;}
    .about1{ padding:0.8rem 0.3rem; display: block;}
    .about1 .left{ width:100%; padding:0;}
    .about1 .right .text {
        font-size: 0.32rem; /*@cms88*/
        line-height: 1.5;
    }
    .about1 .right .news_name .cn {
        font-size: 0.65rem;
        line-height: 1.5;
    }
    .about1 .right .news_name .en {
        font-size: 0.4rem;
        line-height: 1.5;
    }
    .about1 .left .title .en{ float:left;}
    .about1 .left .title .cn{ float:right; padding-bottom:0.2rem; padding-top:0; margin-top:0;}
    .about1 .left .title .cn .line{ left:auto; right:0; top:auto; bottom:0;}
    .about1 .left .pic{ margin-top:0.3rem;}
    .about1 .left .pic img{ width:60%;}
    .about1 .left .number{ margin:0.3rem 0;}
    .about1 .right{ width:inherit; padding:0; margin-top:0.6rem;}
    .about2 .right{ width:calc(100% - 0.6rem); float:left; padding:0 0.3rem; text-align:left;}
    .about2 .right .title .en{ float:left;}
    .about2 .right .title .cn{ float:right; padding-bottom:0.2rem; padding-top:0; margin-top:0;}
    .about2 .right .title .cn .line{ left:auto; right:0; top:auto; bottom:0;}
    .about2 .left{ display:inherit; width:inherit; padding:0.8rem 0; margin-top:0.6rem; width:100%;}
    .about2 .left .pic{ margin:0 auto;padding-top:0.3rem;}
    .about2 .left .text{ width:calc(100% - 0.6rem); padding:0 0.3rem;}
    .about2 .left .year{ left:0.3rem; bottom:0;}
    .about2 .yearlist{ width:100%;}
    .about3{ padding:0.8rem 0.3rem;}
    .about3 .map{display:inherit; padding:0.8rem 0.3rem;}
    .about3 .map .pic{ width:100%; margin-right:0;}
    .about3 .map .text{ width:100%;}
    .zhaoshang{ display:inherit; height:inherit;}
    .zhaoshang .item{ width:50%; float:left;}
    .zhaoshang .item .tel{ margin-top:0.6rem;}
    .page_wrap .page_nav.plan_m{ width:100%; padding:0;}
    .page_wrap .page_nav.plan_m ul{ width:100%;}
    .page_wrap .page_nav.plan_m ul li{ width:50%; margin:0; float:left; text-align:center; height:0.9rem;}
    .mobile{ display:block; width:100%!important;}
    .pc{ display:none;} 
}