@font-face {
    font-family: Helvetica-Light;
    src: url("./font/helvetica-light.otf");
}
@font-face {
    font-family: Microsoft-YaHei;
    src: url("./font/Microsoft-YaHei.ttf");
}
@font-face {
    font-family: Microsoft-YaHei-Light;
    src: url("./font/Microsoft-Yahei-Light.ttf");
}
@font-face {
    font-family: Microsoft-YaHei-Bold;
    src: url("./font/Microsoft-YaHei-bold.ttf");
}
/* *{touch-action: manipulation;} */
body,p,h5,h4,h3,h2,h1,ul,li{margin: 0; padding: 0; line-height: 1;}
body{font-size: 0.16rem; color:#666; font-family: Microsoft-YaHei,"Helvetica Neue", Helvetica, Tahome, Arial, "PingFang SC", "Heiti sc", "Microsoft Yahei", "Source Han Sans", sans-serif;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
ul,li{list-style: none;}
body.open{height: 100%;overflow: hidden;}

/*鍖呭惈浠ヤ笅鍥涚鐨勯摼鎺?/
a {
    color: black;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}
/*姝ｅ父鐨勬湭琚闂繃鐨勯摼鎺?/
a:link {
    text-decoration: none;
}
/*宸茬粡璁块棶杩囩殑閾炬帴*/
a:visited {
    text-decoration: none;
}
/*榧犳爣鍒掕繃(鍋滅暀)鐨勯摼鎺?/
a:hover {
    text-decoration: none;
}
/* 姝ｅ湪鐐瑰嚮鐨勯摼鎺?/
a:active {
    text-decoration: none;
}
.icon-hand{
    cursor: pointer;
}
img {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
    user-select: none;
}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-user-select: auto;}
textarea:focus{outline: #88baf9 solid 2px;border-radius: 3px;}
/* textarea:focus{outline: none; border: 2px solid #88baf9;} */

@media (max-width: 428px){
    .banner .pic1 p.text {
        font-size: 90% !important;
        line-height: 0.30rem !important;
    }
}

.flex{ display: flex;align-items: center;}
.flex-between{justify-content: space-between;}
.flex-center{ justify-content: center;}
.flex-left{ justify-content: flex-start;}
.flex-right{ justify-content: flex-end;}
.fontGreenColor{color: #595757;}

/* old body */
.body,.banner,.foot{margin: auto;}

.head{height: 1rem; top:0; left: 0; right: 0; z-index: 3;background:#fff;position: fixed;z-index: 99;}
.head .logo{height: 0.8rem; margin-left: 0.30rem;}
.head .logo img{ width: 3.12rem;height: auto;}
.head .menuicon{cursor: pointer;-webkit-tap-highlight-color: transparent;}

.menuicon{margin-right: 0.5rem;}
/* .menuicon .point{position: relative;display: inline-block;width: 0.41rem;height: 0.32rem;margin-top: 0.36rem;} */
.menuicon .target{width: 0.41rem;height: 0.33rem;-webkit-tap-highlight-color: transparent;position: absolute;background-image: url(../images/v3m/menu_fold.png);background-repeat: no-repeat;background-position: 0 0;background-size: 0.41rem 0.33rem;right: 0.5rem;top: 0.32rem;border: none;outline: none;cursor: pointer;}
.menuicon i.active{width: 0.35rem;height: 0.35rem;right: 0.53rem;background-image: url(../images/v3m/menu_unfold.png);background-size: 0.35rem 0.35rem;}

.menuicon .point{position: relative;display: inline-block;width: 0.41rem;height: 0.32rem;margin-top: 0.36rem;}
.menuicon .point .btn, .point .btn::before, .point .btn::after{content: '';position: absolute;}
.menuicon .point .btn, .menuicon .point .btn::before, .menuicon .point .btn::after{display: inline-block;width: 0.41rem;height: 0.016rem;background-color: #333;}
.menuicon .point .btn{top: 0;}
.menuicon .point .btn::before{top: 0.14rem;}
.menuicon .point .btn::after{top: -0.14rem;}
.menuicon .active .btn{background: transparent;}
.menuicon .active .btn::before{top: 0; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menuicon .active .btn::after{top: 0; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

.head .links, .langSelect{position: fixed;top:1.0rem;left:0;right:0;display: none;}
.head .links .warpper, .langSelect{height: calc(100vh - 1.0rem);background-color:#fff;z-index:99;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.head .links .ul{padding: 0.10rem 0;}
.head .links ul li{margin: 0;list-style-type: none;cursor: pointer; -webkit-tap-highlight-color: transparent;}
/* .head .links ul li:last-child .list{border: none;} */
.head .links .ul .list{display: flex;align-items: center;height: 1.10rem;margin: 0 0.5rem;border-bottom: 1px solid #DCDDDD;}
.ul .list span{width: 100%;text-align: left;}
.ul .list span a, li .title a{font-size: 0.3rem;color:#585757;;text-decoration: none;}
.head .links .tools{padding: 0.35rem 0.8rem 2rem;display: flex;justify-content: space-around;}
.links .tools .btn{width: 2.5rem;height: 0.68rem;background: #EFEFEF;border-radius: 32px;text-align: center;vertical-align: middle;
    display: flex;justify-content: center;align-items: center;vertical-align: middle;cursor: pointer;-webkit-tap-highlight-color: transparent;
}

.head .links .tools span{padding: 0 0 0 0.19rem;font-size: 0.32rem;font-family: Microsoft-YaHei;font-weight: 400;color: #585757;}
.head .tools .searcher span{padding: 0 0 0 0.15rem;}
.head .links .tools img{width: 0.36rem;height: 0.36rem;line-height: 0.68rem;}
.links .ul .title{display: flex;justify-content: space-between;align-items: center;height: 1.20rem;margin: 0 0.5rem;border-bottom: 1px solid #DCDDDD;}
.links .ul .title .icon_arrow{background: url(../images/v3m/arrow.png) no-repeat;width: 15px;height: 8px;display: inline-block;background-size: 15px 8px;}
/* .ul span.current .icon_arrow{transform: rotate(180deg);} */
.links  li.current .title i{transform: rotate(180deg);}
.links .ul .submenu{display: none;}
.links  li.current .submenu, .links li .unfold .submenu{display: block;}
.links ul.submenu li{display: flex;justify-content: space-between;align-items: center;height: 0.86rem;margin: 0 0.5rem;border-bottom: 1px solid #DCDDDD;background: #F7F8F8;}
/* .head .links a{margin: 0 0.50rem;border-bottom: 1px solid #DCDDDD;font-size:0.3rem;text-align:left;color:#585757;text-decoration:none;display:block;text-align:left;line-height:0.8rem;} */
.links ul.submenu span{width: 100%;line-height: 0.86rem;}
ul.submenu span a{padding: 0 0 0 0.39rem;font-size: 0.28rem;color:#585757;;text-decoration: none;}
.submenu span.cur_page a, ul .list .cur_page a{color: #0028AA;font-weight: 400;}
.submenu span a{display: block;}

.head .langActive{display: block;}
.langSelect{display: none;padding: 0 0.50rem;z-index: 999;/*box-shadow: rgb(0 0 0 / 5%) 0px 2px 0px 5px;*/}
.langSelect .navBtn{display: flex;align-items: center;margin: 1.0rem 0 0.8rem;}
.langSelect .navBtn .arrow{display: inline-block;width: 0.15rem;height: 0.29rem;left: 0;background-image: url(../images/v4m/icon/arrow_left.jpg);background-size: 0.15rem 0.29rem;}
.langSelect .navBtn span{padding-left: 0.24rem;font-size: 0.32rem;font-family: Microsoft-YaHei;font-weight: 400;color: #585757;}
.langSelect .title{padding: 0 0 0.45rem;font-size: 0.36rem;font-family: Microsoft-YaHei;font-weight: 400;color: #585757;border-bottom: 1px solid #DCDDDD;}
.langSelect .list{padding: 0.60rem 0 0;}
.langSelect .list span{display: block;font-size: 0.32rem;margin: 0 0 0.60rem;}
.langSelect .list .chinese{font-family: Microsoft-YaHei;font-weight: 400;}
.langSelect .list .english{font-family: Tahoma,sans-serif;font-weight: 400;color: #585757;}
.langSelect .list .current{color: #0028AA;}

/* .head .links a.active , .head .links a:hover{color:#0028AA;} */
.menuBg{position:fixed;left:0;right:0;bottom:0;top:0.8rem;background-color:rgba(0,0,0,0.5);z-index:1;display: none;}

/* .banner{ margin-top: 1rem;}
.swiper-container {position: relative;width: 100%;}
.banner .pic1{position: absolute; left:0; right:0; bottom:1.5rem; color: #fff;z-index: 3;}
.banner .pic1 p{color: #FFF;font-weight: 300;margin-bottom: 0.2rem;text-transform: uppercase;text-align: center;}
.banner .pic1 p.text{font-family: Microsoft-YaHei;line-height: 0.39rem;font-size: 0.23rem;}
.banner .pic1 .title{font-family: Microsoft-YaHei-Bold; font-size:0.5rem; line-height: 0.60rem ;margin-bottom: 0.3rem; font-weight: normal; letter-spacing: 0.05rem;}
.banner .swiper-slide{box-sizing: content-box;padding-right: 0.01rem;margin-left: -0.01rem;overflow: hidden;}
.banner .swiper-slide .slide_img{height: calc(100vh - 1.0rem);transform: translate3d(0, 0, 0);overflow: hidden;}
.banner .swiper-slide .first_slide{background-image: url("../images/v3m/banner/banner_010.jpg");background-size: cover;}
.banner .swiper-slide .second_slide{background-image: url("../images/v3m/banner/banner_02.jpg");background-size: cover;}
.banner .swiper-slide .third_slide{background-image: url("../images/v3m/banner/banner_03.en.png");background-size: cover;background-position-y: center;}
.banner .swiper-slide .fourth_slide{background-image: url("../images/v3m/banner/banner_04.jpg");background-size: cover;}
.padhard .banner .swiper-slide .third_slide{background-position-y: center;}
.swiper-slide.swiper-slide-active .pic1 p:nth-child(1){
    animation: keyframes1 1s ease-out normal;
    -moz-animation: keyframes1 1s ease-out normal;
    -webkit-animation: keyframes1 1s ease-out normal;
    -o-animation: keyframes1 1s ease-out normal;
}
.swiper-slide.swiper-slide-active .pic1 p:nth-child(2){
    animation: keyframes2 1s ease-out normal;
    -moz-animation: keyframes1 1s ease-out normal;
    -webkit-animation: keyframes1 1s ease-out normal;
    -o-animation: keyframes1 1s ease-out normal;
}
@keyframes keyframes1
{
    0% {opacity: 0;transform: translatey(50%); transition: all .1s ease-out;}
    100% {opacity: 1;transition: all .7s ease-out .1s}
}
@keyframes keyframes2
{
    0% {opacity: 0;transform: translatey(50%); transition: all .1s ease-out;}
    100% {opacity: 1;transition: all .7s ease-out .3s}
}
.swiper-slide.swiper-slide-active .first_slide,.swiper-slide.swiper-slide-active .second_slide,.swiper-slide.swiper-slide-active .third_slide, .swiper-slide.swiper-slide-active .fourth_slide{transition: 7s cubic-bezier(.25,.25,.75,.75);transform: scale(1.15);}
.swiper-slide.swiper-slide-active{ z-index: 1;}
.banner .swiper-pagination{bottom: 1.12rem !important;}
.banner .swiper-pagination-bullet-active{background: #7E7F7F;}
.banner .swiper-pagination-bullet{background: #7E7F7F;} */

.videoAnimate{position: relative;}
.videoAnimate .warpper{
    position: relative;top: 1rem;
    width: 100%;height: 13.4rem;
}
.videoAnimate .warpper{
    width: 100%;
    /* min-height: 100vh; */
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
}
.videoAnimate .warpper .main{position: relative;}
.videoAnimate .main img{
    /* width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; */
    max-width: 100%;
    object-fit: contain;
    vertical-align: middle;
}
.videoAnimate .main .homeVideo{
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: baseline;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
}
/* .videoAnimate .pointsMap{} */
.videoAnimate ul.pointsMap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: auto;list-style: none;}
.videoAnimate ul.pointsMap li{position: absolute;z-index: 7;-webkit-tap-highlight-color: transparent;}
.videoAnimate ul.pointsMap li:nth-child(3) span.info{top: -26px; left: -72px}
.videoAnimate .pointsMap .dot{position: relative;display: inline-block;width: 17px;height: 17px;background: url(../images/v4m/icon/dot.png) no-repeat;background-size: 17px 17px;border: 5px solid #79e08b;border-radius: 50%;cursor: pointer;}

.videoAnimate .pointsMap .dot::before{animation: dotAnimation 3s .75s infinite;}
.videoAnimate .pointsMap .dot::before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(0, 30, 180, 0.2);
}
.videoAnimate .pointsMap .dot::after{animation: dotAnimation 3s infinite;}
.videoAnimate .pointsMap .dot::after{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(0, 30, 180, 0.2);
}
@keyframes dotAnimation {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }
    20% {
        opacity: 1
    }
    75% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }
    100% {
        opacity: 0
    }
}
.videoAnimate .pointsMap .info{
    display: flex;
    align-items: center;
    position: absolute;
    height: 30px;
    left: 36px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    white-space: nowrap;
    font-size: 14px;
    padding: 0 23px;
    line-height: 1 !important;
    cursor: pointer;
    pointer-events: none;
}
.videoAnimate .pointsMap .info::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    background: rgba(0, 30, 180, .77);
    border-radius: 30px;
}
.videoAnimate .pointsMap .info span{opacity: 0;}
.videoAnimate .pointsMap .info .text{
    color: #fff;
    font-size: 14px;
    /* margin-bottom: 2px; */
    font-weight: 400;
    margin-top: 0.02rem;
    margin-right: 0.15rem;
    font-family: Microsoft-YaHei;
}
.videoAnimate .pointsMap .info .dotArrow{width: 8px;height: 13px;background: url(../images/v4/icon/dot_arrow.png) no-repeat;background-size: 8px 13px;}
.pointsMap li .active{pointer-events: all !important;}
.pointsMap li .active span{opacity: 1 !important;transition: all .36s .25s; }
.pointsMap li .active::before{width: 100% !important;transition: all .4s cubic-bezier(.34, .44, .41, 1.12);}

.homeNews{padding: 0.95rem 0 0;}
.homeNews .top{display: flex;justify-content: space-between;align-items: center;padding: 0.5rem 0.5rem 0.49rem;}
.homeNews .top h3{font-size: 0.38rem;font-family: Microsoft-YaHei;font-weight: bold;color: #1C1C1E;}
.homeNews .top .more{display: flex;align-items: center;font-size: 0.24rem;font-family: Microsoft-YaHei;font-weight: 500;color: #757575;cursor: pointer;}
.homeNews .top .more::after{content: '';display: inline-block;width: 0.5rem;height: 0.32rem;padding: 0 0 0 10px;background: url(../images/v4/icon/more.png) center center no-repeat;background-size: 0.5rem 0.32rem;}
.homeNews .content{width: 100%;box-sizing: border-box;padding: 0.9rem 0.5rem 0;background-color: #F3F3F4;}
.homeNews .news{width: 100%;box-sizing: border-box;padding: 0 0 0.9rem;}
.homeNews .news .item{width:100%;display: flex;flex-direction: column;background: transparent;padding-bottom: 0.38rem;background-color: #fff;box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1000);border-radius: 10px;overflow: hidden;}
.homeNews .news .xinwen_t {padding: 0.62rem 0.36rem 0;}
.homeNews .news .xinwen_t a{line-height: 0.48rem;color: #1C1C1E;font-size: 0.30rem;font-family: Microsoft-YaHei-Bold, sans-serif;font-weight: normal;}
.homeNews .news .xinwen_b {display: flex;justify-content: space-between;align-items: center;padding: 0.42rem 0.37rem 0.0;font-size: 0.20rem;font-family: Microsoft-YaHei;font-weight: bold;color: #757575;}
.homeNews .news .linkTo img{display: inline-block;width: 0.13rem;height: 0.30rem;}
.homeNews .news .newImg{position: relative;}
.homeNews .news .newImg::after{content: '';display: inline-block; width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;top: 0;left: 0;z-index: 66;transition: background 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;}
.homeNews .news img{width:100%;}
.homeNews .news .item:hover .newImg::after{background: rgba(0, 0, 0, 0.03)}
.homeNews .news .times span{float: left;font-size: 12px;font-family: Microsoft-YaHei-Bold;font-weight: normal;color: #757575;line-height: 25px;padding-right: 3px;}

.banner .copyright{position: absolute;left: 0;bottom: 0.45rem;width: 100%;font-size: 0.17rem;font-weight: 300;color: #FFFFFF;text-align: center;z-index: 99;}
.banner .copyright a{color: #fff;}
.scenes_info .intro{box-sizing: border-box;margin: 0 0.5rem;padding: 1.1rem 0 1rem;/*height: 7.75rem;*/text-align: center;}
.scenes_info .intro .con{display: flex; align-items: center;justify-content: center;}
.scenes_info .intro h3{display: inline-block;padding: 0 0 0 0.15rem;font-size: 0.32rem;font-weight: 400;color: #595757;}
.scenes_info .intro span{display: inline-block;padding: 0.15rem 0 0;font-size: 0.24rem;font-weight: 300;color: #595757;line-height: 0.48rem;}
.scenes_info .intro .safe .img{width: 17px; height: 20px;}
.scenes_info .intro .longLife{padding: 0.8rem 0;}
.scenes_info .intro .longLife .img{width: 17px; height: 18px;}
.scenes_info .intro .component .img{width: 19px;height: 18px;}
.scenes_info .intro .endurance .img{width: 19px; height: 19px;}
.scenes_info .intro .allday .img{width: 30px; height: 13px;}

.scenes_info .tips{padding: 0.10rem 0.5rem 0.8rem;display: flex;flex-direction: column;}
.scenes_info .tips .item{width: 100%;padding: 0.7rem 0 0;text-align: center;}
.scenes_info .tips .item:nth-child(1){padding-top: 0;}
.scenes_info .tips .list{margin: 16px 0 0 0;}
.scenes_info .tips .row2{margin-top: 0.22rem;}
.scenes_info .tips  h4{padding-bottom: 0.23rem;border-bottom: 1px solid #9FA0A0;font-size: 0.34rem;font-weight: bold;color: #0028AA;font-family: Microsoft-YaHei;}
.scenes_info .tips span{font-family: Microsoft-YaHei, sans-serif;;font-size: 0.21rem;padding: 0 0.25rem 0 0.1rem;font-weight: bold;color: #595757;}
.scenes_info .tips span i,.p_head p i{font-family: sans-serif;font-style: normal;}
.scenes_info .tips span.padd0{padding: 0;border: none;}
.scenes_info .tips span b{display: inline-block;border-left: 2px solid #0028AA;}
.scenes_info .app_warning, .product_info .app_warning{width: 100%;padding: 0 0 0.15rem;font-family: Microsoft-YaHei, "Microsoft Yahei";font-size: 0.16rem;font-weight: 400;color: #3E3A39;text-align: center;}
.app_warning i{color: #0028AA;font-style: normal;}

.table{background-color: rgba(255,255,255,0.7);margin: 0.1rem 0.5rem 0.92rem;box-shadow: 0 0 0.50rem rgb(0 0 0 / 8%);padding: 0.30rem 0.30rem;box-sizing: border-box;border-radius: 10px;}
/* .table table{} */
.table th{ padding:0.20rem; line-height:0.28rem; color: #595757; font-size: 0.26rem;font-weight: 400;border-bottom: 1px solid #d1d4d4; text-align: left;word-break: keep-all;}
.table td{ padding:0.20rem; line-height:0.28rem; color: #595757; font-size: 0.32rem;font-weight: 400;border-bottom: 1px solid #dfe5e5;text-align: left;word-break: keep-all;}
.table tr.active td{color: #595757; background: #f1f4fb;}
.table th p,.table td p{line-height: 0.48rem;font-size: 0.24rem; color: #595757;word-break: normal;}
.table tr.detailInfo{display: none;}
.table tr.active.detailInfo{display:table-row;}
.table tr.name{-webkit-tap-highlight-color: transparent;cursor: pointer;}
.table tr .top{display: none;cursor: pointer; width: 0.24rem;}
.table tr .bottom{cursor: pointer;width: 0.28rem;height: 0.15rem;}
.table tr.active .top{display: inline-block;}
.table tr.active .bottom{display: none;}
.openForm{width: 1.04rem;}

.table tr .linkBtn{display: flex;justify-content: center;align-items: center;width: 1.15rem; height: 1.15rem; margin: 0.30rem 0 0.15rem;cursor: pointer;background: #0028AA;border-radius: 50%;text-align: center;}
.table tr .linkBtn .apply{color: #FFFFFF;font-size: 0.23rem;}
.table tr .linkBtn span{font-weight: 400;display: block;}
/* .detailInfo.active .linkBtn{background: #1d46ca;} */
.table tr .current{background: #1d46ca;-webkit-tap-highlight-color: transparent;}
/* .table tr .linkBtn span:first-child{margin-top: 0.30rem;} */

.modal{ position:fixed; top: 0; left: 0;bottom:0; right:0; z-index: 1; background-color:rgba(0,0,0,0.4);}
.form{ width: 6.90rem; background-color: #fff;font-size: 0.14rem;border-radius: 3px;}
.form h5{box-sizing: border-box;height: 1.0rem;line-height: 1.0rem;padding:0 0.26rem;font-size:0.32rem;font-weight:400;border-bottom:1px solid #C9CACA;}
.form h5 span{width: 100%;text-align: center;}
.form .info{padding: 0.40rem 0 0.40rem;text-align: center;}
.form .info .email {display: flex;justify-content: center; align-items: center;}
.form .info .email p{display: inline-block;padding-right: 0.25rem;font-size: 0.39rem;font-weight: 300;color: #595757;}
.form .info img{display: inline-block;width: 0.36rem;height: 0.29rem;margin-right: 0.35rem;}
.form .info .email span{padding-left: 0.18rem;border-left: 1px solid #C9CACA;font-size: 0.32rem;font-weight: 400;color: #333333;cursor: pointer;-webkit-tap-highlight-color: transparent;}
.form .info .tips{margin-top: 0.29rem;font-size: 0.24rem;font-weight: bolder;color: #003894;text-align: center;}
/* .form ul{padding:0.30rem 0.10rem 0.30rem 0.80rem;}
.form ul li{height: 0.8rem; position: relative;}
.form ul li i{ position:absolute;top:0.5rem;left:0.6rem;color:#f30;font-size:0.12rem; display: none;}
.form input.text ,.form select{ height:0.5rem;width:3.70rem;line-height:0.26rem;font-size:0.14rem;padding:0;margin:0;border:1px solid #bfbfbf;margin-left:0.10rem;padding-left:0.06rem;box-sizing:border-box;}
 input.text:focus ,select:focus {outline: -webkit-focus-ring-color auto 0;}
.form .formFoot{ height: 0.70rem;border-top:1px solid #ecedf0;}
.form .formFoot button{ width: 1.20rem; height: 0.4rem; line-height: 0.36rem; color: #fff; background-color: #1e66dc;border:none;border-radius:0.03rem; cursor: pointer;} */
.modalShow{ display: flex;}
.modalHide{display: none;}
.closeModal{cursor: pointer;width: 0.32rem;}
.show{ display: inline-block !important;}
.fileUPload{ width: 1.60rem; height: 0.4rem;font-size: 0.14rem; border:1px solid #1e66dc; border-radius: 0.3rem; color: #1e66dc;background-color: #fff; margin:0 0.10rem; cursor: pointer;}
.uploadFile , .filesList{ display: inline-block;padding-left:0.06rem; line-height: 0.26rem;}
.removeFiles{ margin-left: 0.12rem; color: #1e66dc; cursor: pointer;}
.formLoading{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.4);z-index:1; color: #fff; font-size: 0.16rem; display: none;}
.topMessage{ position: fixed; z-index: 100; top:50vh; left: 0;right: 0;display: flex; justify-content: center; align-items: flex-start;opacity: 0;}
.topMessage .text{padding: 0.18rem 0.3rem;color: #FFF;font-size: 0.28rem;background-color:#003894;border-radius:0.10rem;}


.p4{position: relative; background-color: #fff; overflow: hidden; padding-bottom: 1.5rem; background-image: url(../images/p4_2_04.png); background-position: bottom right; background-repeat: no-repeat;    background-size: contain;}

.p7{padding:0.8rem 0.5rem 1.5rem 0.5rem;}
.textShow h5{font-size:0.36rem;text-align:center;margin-bottom:0.2rem;}
.textShow p{font-size:0.22rem; color: #333;margin-bottom: 0.24rem;align-items: center;line-height: 0.24rem;text-align: center;}
.textShow p.detail{color: #666;padding-top:0.35rem; line-height: 0.44rem;border-top:2px solid #d6d6d6;text-align: left;}
.imgTitle{ margin-top: 0.25rem; position: relative;}
.imgTitle img{ width: 100%;}
.imgTitle p{ position: absolute;font-weight: bold; margin: 0; top:auto; left: 0.5rem; right: 0.5rem; bottom:-0.6rem; color: #fff !important; font-size: 0.26rem; text-align: center; line-height:0.48rem;background: linear-gradient(#00bfd8 0%, #05cea7 100%); min-height: 1.20rem; display: flex;justify-content: center; align-items: center;}
.imgTitle p.imgText{padding: 0.24rem;bottom: -1.2rem;text-align: justify;font-weight: normal;}
.p7.more{padding:0.8rem 0.5rem 2rem 0.5rem;}
.noborder{border:none !important;}

.p8{background-color:#f7f7f7;padding:0.5rem 0.5rem 1rem 0.5rem;}
/* .bjcncyDetail{margin: 0.50rem auto 1.00rem auto; position: relative;}
.bjcncyDetail img{width: auto;}
.bjcncyDetail .left,.bjcncyDetail .right{width:2.8rem;display: flex; justify-content: flex-start; align-items: flex-start;flex-wrap: wrap;flex-direction: row;}
.bjcncyDetail .left{left: 0;}
.bjcncyDetail .right{right: 0;}
.bjcncyDetail .left li,.bjcncyDetail .right li{width: 100%;height:0.73rem;border-radius: 0.36rem;margin-bottom: 0.2rem;
    background: linear-gradient(#00bfd8 0%, #05cea7 100%);
    box-shadow: 0px 20px 20px rgba(31, 185, 183, 0.2);
    display: flex; justify-content: center; align-items: center; font-size: 0.28rem;color:#fff}
.bjcncyDetail .left li.title,.bjcncyDetail .right li.title{color:#1FB9B7;
    background: linear-gradient(#fff 0%, #d1f9f8 100%);
    box-shadow: 0px 20px 20px rgba(31, 185, 183, 0.2);}
.bjcncyDetail .left li:nth-child(3){ width: 1.5rem;}
.bjcncyDetail .left li:nth-child(4){ width: 1.10rem;margin-left: 0.2rem;}
.bjcncyDetail .right li:nth-child(3){ width: 1.5rem;}
.bjcncyDetail .right li:nth-child(4){ width: 1.10rem;margin-left: 0.2rem;} */

.p9{ background-color:#f7f7f7; }
.p9Title{ padding:1rem 0 0.5rem 0 ;}
.p9Title h5{ text-align: center; font-size: 0.36rem;width: 2rem;margin: auto;}
.p9Title p{text-align: center;font-size: 0.22rem; margin-top: 0.20rem;color: #333;}
.p9Body{margin: auto; position: relative;text-align: center;}
.p9Body img{ margin: auto;}
.p9Body span{ position: absolute; left: auto; top:auto; bottom: 0.20rem; right: 0.10rem; font-size: 0.16rem; color: #666;}


.p10{ padding:0.8rem 0;}
.p10 .txtShow{ padding:1rem 0.5rem 0.5rem 0.5rem; position: relative;}

.p10 .txtShow>h5{ position: absolute; top:0.5rem; left:auto; right:0.5rem;font-size:0.20rem;font-family:Arial;letter-spacing:6px;text-transform:uppercase;color:#D6D6D6;font-weight:bolder;border-bottom:2px solid #D6D6D6;left:0;text-align:right;height:0.10rem;}
.p10 .txtShow>h5 span{background: #fff;padding-left: 0.10rem;}
.p10 .txtShow.leftH>h5{right: 0;left: 0.5rem;text-align: left;}
.p10 .txtShow.leftH>h5 span{padding-left:0;}

.p10Detail{}
/* .p10Detail .title{ font-size: 0.36rem; width: 2.30rem;}
.p10Detail .line{background: linear-gradient(#00bfd8 0%, #05cea7 100%); height: 0.07rem; width: 0.80rem; margin: 0.20rem 0 0.30rem 0;}
.p10Detail .title2{ font-size: 0.24rem; margin:0.32rem 0 0.16rem 0; color: #333; line-height: 0.28rem; font-weight: bold;}
.p10Detail .txt{ font-size: 0.22rem; color: #666; line-height: 0.44rem;text-align: justify;} */

/* old newFoot */
/* .newFoot{ border-top: 2px solid #e9e9e9;}
.newFoot .center{max-width: 7.50rem;margin: auto; padding:0.56rem 0 0.40rem 0.5rem; display: flex; justify-content:space-between; align-items: flex-start;}
.footLogo{ margin-bottom: 0.45rem;width:3.45rem;}
.contactus > img{margin-right: 0.25rem;}
.contactus ul li { display: flex; justify-content: flex-start; align-items: center;font-size: 0.22rem;color: #707070; padding:0.10rem 0;}
.contactus ul li img{ margin-right: 0.16rem;}
.copyRight {background-image: -webkit-linear-gradient(right, #00BFD8,  #05CEA7);}
.copyRight .center{max-width: 7.50rem;margin: auto;  color: #fff;font-size: 0.2rem;padding: 0.2rem 0.2rem;}
.copyRight .center p{margin:0.1rem 0;}
.copyRight .center a{ color: #fff; text-decoration: none;margin-right:0.40rem;font-size: 0.2rem;} */

.footer{background: #FFF;box-shadow: 0px 7px 12px 9px rgba(0,0,0,0.0500);text-align: center;}
.footer .img{width: 1.71rem;height: 1.71rem;padding: 0.62rem 0 0.20rem;}
.footer .contact{width: 100%;padding: 0 0 0.66rem 0;text-align: center;}
.footer .contact .phone{display: flex; justify-content: center;align-items: center;}
.footer .contact .phone .line{width: 2px; height: 0.20rem; display: inline-block ;margin: 0 0.22rem;background: #0028AA;}
.footer .contact .list{font-family: "OPPOSans2_En_design-Regular", "寰蒋闆呴粦", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;font-size: 0.24rem;font-weight: 400;color: #3E3A39;line-height: 0.46rem;}
.footer .contact .list i{font-style: normal;color: #0028AA;}
.footer .contact .list b{font-size: 0.26rem;font-weight: 400;}
.footer .contact .list .address{font-size: 0.23rem;}
.footer .contact .list em{font-size: 0.23rem;font-style: normal;font-weight: 400;}
.footer .contact .list i span{color: #3E3A39;}
.footer .contact .address span{font-size: 0.20rem;}
.footer .copyright{width: 100%;}
.footer .copyright .gradient{display: inline-block;width: 100%;height: 2px;background: linear-gradient(to left,#022aad,#3159df,#022aad);}
.footer .copyright a{color: #3E3A39;}
.footer .copyright p{padding: 0.26rem 0 0.26rem;font-size: 0.18rem;font-weight: 400;color: #3E3A39;line-height: 0.32rem;font-family: Microsoft-YaHei,Tahome,Arial;text-align: center;background: #F3F3F4;}
.footer .copyright p span{font-size: 0.18rem;font-weight: 400;color: #3E3A39;line-height: 0.32rem;font-family: Microsoft-YaHei,Tahome,Arial;}
.footer .copyright .icpcompany{display: block}
.footer .copyright .record{display: block;padding: 0.05rem 0 0;}
.footer .copyright .record img{display: inline;width: 0.22rem;transform: translateY(3px);font-size: 0.18rem;font-weight: 400;color: #3E3A39;font-family: Microsoft-YaHei,Tahome,Arial;}
.footer .copyright .bottom{position: relative;padding: 0.36rem 0;text-align: center;background: #0028AA;}
.footer .copyright .bottom a{color: #FFF;font-size: 0.18rem;font-weight: 400;font-family: Microsoft-YaHei;}
.footer .bottom .colorPanel{width: auto;height: 100%;position: absolute;top: 0;right: 0;}
.footer .bottom .colorPanel .piece{width: 0.49rem;height: 100%;float: left;display: inline-block;z-index: 88;}
.footer .colorPanel .one{background: #015286;}
.footer .colorPanel .two{background: #027B62;}
.footer .colorPanel .three{background: #03A53D;}
.bottom .colorPanel .four{background: #04CE19;}

.bg_banner{background-position: center top;background-repeat: no-repeat; height: 2rem;background-size: cover;margin-top: 1rem;}
.bg_banner p{font-size:0.56rem;font-weight: 400;line-height: 0.80rem; text-align:center;color:#fff;font-family: Microsoft-YaHei;}
.bg_banner.intro1{height: 5.02rem; background-image: url(../images/v4m/bg/intro_01.jpg);}
.bg_banner.intro2{position: relative;height: 2.51rem ;background-image: url(../images/v4m/bg/intro_02.jpg);}
.bg_banner.culture1{height: 5.02rem; background-image: url(../images/v4m/bg/cul_01.png);}
.bg_banner.culture2{height: 9rem; background-image: url(../images/v4m/bg/cul_02.jpg);}
.bg_banner.culture3{height: 8.1rem; background-image: url(../images/v4m/bg/cul_03.jpg);margin: 0;}
/* .bg_banner.scenes{height: 5.1rem; background-image: url(../images/v4m/bg/scenes.jpg);}
.bg_banner.scenes2{height: 5.1rem; background-image: url(../images/v4m/bg/power_01.jpg);} */
.bg_banner.scenes1{height: 5.1rem; background-image: url(../images/v4.6m/bg/passenger.jpg);}
.bg_banner.scenes2{height: 5.1rem; background-image: url(../images/v4.6m/bg/business.jpg);}
.bg_banner.scenes3{height: 5.1rem; background-image: url(../images/v4.6m/bg/energy.jpg);}
.bg_banner.product{height: 5.05rem; background-image: url(../images/v4m/bg/product.png);}
.bg_banner.service_support{height: 5.02rem; background-image: url(../images/v3m/bg/support_01.png);}
.bg_banner.service_info{height: 5.02rem; background-image: url(../images/v4m/bg/info_01.png);}
.bg_banner.news{height: 5.02rem; background-image: url(../images/v4m/bg/news.png);}
.bg_banner.join{height: 5.02rem; background-image: url(../images/v4m/bg/join.jpg);}
.bg_banner.contact{height: 4.99rem; background-image: url(../images/v4m/bg/contact.jpg);}
.bg_banner.power{height: 5.0rem; background-image: url(../images/v4m/bg/power_01.png);}
.bg_banner.productsEnergy{height: 5.0rem; background-image: url(../images/v4m/bg/product_energy.jpg);}
/* .bg_banner.energy{height: 5.0rem; background-image: url(../images/v4m/bg/product.png);} */

.p_head{padding: 0.99rem 0.5rem 2rem;color: #595757;}
.p_head h3{font-family: Microsoft-YaHei;font-size: 0.32rem;font-weight: bold;padding: 0 0 15px 0;text-align: center;letter-spacing: 0.01rem;}
.p_head p{font-family: Microsoft-YaHei;font-size: 0.24rem;line-height: 0.52rem;font-weight: 400;}
.intro_head{padding-bottom: 1.27rem;}

.bg_banner.intro2 .achievement{
    position: absolute;
    transform: translate(-50%, -50%);
    top: -20px;
    left: 50%;
    width: 6.5rem;
	height: 1.85rem;
    margin: 0 auto;
    z-index: 99;
    background: #fff;
	box-shadow: 8px 6px 20px 0px
		rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}
.bg_banner .achievement .warp{ height: 100%; display: flex; justify-content: space-evenly; align-items: center;}
.bg_banner .achievement .warp .item{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.bg_banner .achievement .warp span{
    font-size: 0.2rem;
    font-family: SourceHanSansCN;
    font-weight: 300;
    color: #595757;
}
.bg_banner .achievement .warp .count{
    padding: 0.08rem 0 0 0;
    font-family: HelveticaLT;
    font-weight: 300;
    color: #595757;
}
.achievement .warp .count span{font-family: Helvetica-Light, sans-serif;font-size: 0.33rem;font-weight: 400;color: #595757;}
.achievement .warp .count .gwh{font-family: Helvetica-Light;}
.achievement .warp .count .unit{font-size: 0.30rem;font-weight: normal;font-family: Source Han Sans CN;}
.bg_banner .achievement .two{ padding: 0 0.25rem; border: 1px solid #0028AA; border-top: none; border-bottom: none;}
.bg_banner .warp .tips{position: absolute;right: 0.18rem;bottom: 0.14rem;border: none;font-family: Microsoft-YaHei;;color: #9FA0A0;}
.bg_banner .warp .tips span{font-size: 0.14rem;}

.introduction .introduce .tips{width: 100%;padding: 0 0 45px;font-size: 13px;color: #9FA0A0;text-align: right;}
.introduce .tips span{position: relative;}
.introduce .tips span::before, .bg_banner .warp .tips span::before{
    content: "*";color: #1F4396;font-weight: 900;border-radius:3px;position: absolute;z-index: 9;left: 0;margin: 0.5px 0 0 -0.1rem;}
.p_head.intro_p2{padding-bottom: 0.9rem;}

.corporate_vision{box-sizing: border-box;width: 100%; margin: 0 auto; padding: 1rem 0.45rem 1rem;}
.corporate_vision h2{font-size: 0.25rem;font-weight: 900; color: #0028AA;}
.corporate_vision .subTitle{padding: 0.52rem 0 0 0; font-size: 0.32rem; color: #595757; font-weight: 500;}
.corporate_vision .desc{ padding: 16px 0 0 0;}
.corporate_vision .p2, .corporate_vision .p3{padding: 23px 0 0 0;}
.corporate_vision .desc, .corporate_vision p{font-family: Microsoft-YaHei;font-weight: 400;font-size: 0.24rem; line-height: 0.47rem; color: #595757;}
.bg_banner.culture2{margin-top: 0;}
.wish{box-sizing: border-box;width: 100%; padding: 1.0rem 0.45rem 0.65rem; margin: 0 auto;}
.wish h2{font-size: 0.25rem; font-weight: 900; color: #FFF;}
.wish.retult h2{color: #0028AA;}
.wish .subTitle{font-family: Microsoft-YaHei;padding: 0.53rem 0 0 0; font-size: 0.36rem; color: #595757; font-weight: 400;line-height: 0.53rem;}
.wish .desc{font-family: Microsoft-YaHei;padding: 0.32rem 0 0 0; line-height: 0.47rem; color: #fff; font-size: 0.24rem;font-weight: 400;}
.company_mission{padding-top: 1.35rem;}
.company_mission .subTitle{color: #FFF;}
.company_mission .worth,.company_mission .thoughts{padding-top: 0.96rem;}
.corporate_vision .subTitle, .company_mission .subTitle{font-family: Microsoft-YaHei;font-weight: 400;line-height: 0.53rem;}
.corporate_vision .subTitle, .wish .subTitle{font-weight: 400;}
.job_direction .subTitle, .job_direction .desc{color: #595757;}

/* .culWorth{box-sizing: border-box;padding: 1rem 0.49rem 0.98rem; width: 100%; margin: 0 auto;}
.culWorth h2{font-size: 0.25rem;font-weight: 900;color: #0028AA;}
.culWorth .item{padding: 0.26rem 0 0 0; display: flex; flex-direction: column;flex-wrap: wrap; justify-content: space-between;}
.culWorth .item .box{width: 6.52rem; height: 5.73rem; display: flex; flex-direction: column ;justify-content: center; align-items: center; border: 2px solid #0028AA; border-radius: 5px; color: #595757;}
.culWorth .item .box img{display: block;}
.culWorth .item .mt{margin: 0.36rem 0 0 0;}
.culWorth .item .box .money{width: 52px; height: 40.5px;}
.culWorth .item .box .recycle{width: 47px; height: 47px;}
.culWorth .item .box .love{width: 51px; height: 46px;}
.culWorth .item .box .work{width: 46px; height: 40px;}
.culWorth .item .box span{font-size: 0.36rem; padding: 0.52rem 0 0 0;}
.culWorth .item .box p{font-size: 0.24rem; font-weight: 400;padding: 0.22rem 0.42rem 0;line-height: 0.52rem;} */

.scenes_info .case_one, .scenes_info .case_two{width: 100%; height: 100%;background: #FAFAFA;}
.scenes_info .case_one{background: #FFF;}
/* .scenes_info .case_two{background: #FAFAFA;} */
.scenes .case_two{background: #FFF;}
.scenes_info .title{padding: 0.99rem 0.5rem 0.3rem;color: #595757;}
.scenes_info .title h2{font-family: Microsoft-YaHei;font-size: 0.32rem;font-weight: bold;padding: 0 0 15px 0;text-align: center;letter-spacing: 0;/*letter-spacing: 0.03rem;*/}
.scenes_info .title p{font-family: Microsoft-YaHei,sans-serif;font-size: 0.24rem;line-height: 0.52rem;font-weight: 400}
.scenes_info .slider{position: relative;}
.scenes_info .swiper-slide{transform: translate3d(0, 0, 0);overflow: hidden;}
.scenes_info .swiper-slide img{transform: translate3d(0, 0, 0);}
.scenes_info .slider .swiper-container{width: 100%;height: auto;}
.scenes_info .swiper-container img, .case_two .swiper-container img{width: 100%; height: auto;}
.scenes_info .swiper-pagination{width: 100%;bottom: -0.10rem;left: 0;}
.scenes_info .swiper-pagination-clickable .swiper-pagination-bullet{margin: 0 5px;}
.scenes_info .swiper-pagination-bullet{border: 0.015rem solid #9FA0A0;}
.scenes_info .swiper-pagination-bullet-active{background: #9FA0A0;}
/* .slider .pager_one{} */

.p_content .cpjs{padding:0.40rem 0.50rem}
.product h4{ font-size: 0.20rem; font-weight: 400; color: #D6D6D6; padding-bottom: 0.20rem;}
.product h4 span{font-size: 0.32rem; font-weight: 400; margin-right: 0.20rem; }
/* .productList{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;flex-wrap:wrap;} */
.productList > li{ width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.40rem;}
.productList > li .img{ width: 2.55rem; height: 2.55rem; display: flex; align-items: center; justify-content: center; background-color: #f5f5f5;}
.productList > li .img img{max-width: 100%; max-height: 100%;}
.productList > li .info{width:3.40rem; padding: 0.16rem 0 0.04rem 0.34rem;}
/* .productList > li .info h5 span{ display:inline-block; color: #0028AA; font-size: 0.21rem; line-height: 1;margin-left: 0.10rem; font-weight: 400;} */
.productList > li .info .name{ display:inline-block;font-size: 0.30rem;  line-height: 0.36rem; color: #595757; margin-bottom: 0.32rem;}
.productList > li .info .title span{display:inline-block; color: #0028AA; font-size: 0.21rem; line-height: 1;margin-left: 0.10rem; font-weight: 400;}
.productList > li .info .type{display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.productList > li .info .type span{ min-width:1.54rem; height: 0.49rem; line-height: 0.49rem; margin: 0 0.16rem 0.16rem 0; border:1px solid #DCDCDC; color: #999;border-radius: 3px;text-align: center; }
.productList > li .info .type span:nth-child(even){margin-right: 0;}
.productList > li .info .type span.active{color: #fff;background-color: #0028AA;border: 2px solid #0028AA;cursor: pointer;-webkit-tap-highlight-color: transparent;}
.productList > li .info .typeRadio{ display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.productList > li .info .typeRadio label{margin-right: 0.20rem;}
.typeRadio .checked{-webkit-tap-highlight-color: transparent;}

.productForm{ width: 7.00rem;border-radius: 0.08rem;}
.productForm span.modalTitle{ width: 100%;font-size: 0.32rem;font-weight: 500;color: #595757;line-height: 0.32rem; text-align: center;}
.productForm .imgs{width: 100%;text-align: center;}
.productForm .imgs img{width: 2.5rem;height: 2.5rem;padding: 0 0 0.52rem}
.productForm table{ border-left:1px solid #DFDFDF; border-top:1px solid #DFDFDF;border-left: 1px solid #0028AA;border-top: 1px solid #0028AA;}
.productForm table tbody th:nth-child(1), .productForm table tbody th:nth-child(2){color: #fff;background-color: #0028AA;}
.productForm table td, .productForm table th{font-size: 13px;border-right: 1px solid #DFDFDF; border-bottom:1px solid #DFDFDF;padding: 0.10rem 5px; text-align: center;border-right: 1px solid #0028AA;border-bottom: 1px solid #0028AA;}
.productForm table img{ max-width: 100%; max-height: 100%;}

.service_network .p_head{padding-bottom: 0.26rem;}
.service_network .scenes_one .maps{width: 100%; margin: 0 auto;}
.service_network .scenes_one .maps img{box-sizing: border-box;width: 100%; height: 5.15rem;padding: 0 0.35rem;margin: 0 0 0.66rem;}

.scenes_one .mapInfo{box-sizing: border-box;width: 100%;margin: 0;padding: 0 0.90rem 0.97rem 0.58rem;}
.scenes_one .mapInfo .expert, .scenes_one .mapInfo .h4{width: 1.96rem;border: 1px solid #0028AA;border-top: none; border-bottom: none;}
.mapInfo .stock, .mapInfo .h48{width: 1.42rem;}
.mapInfo .stock span, .mapInfo .mutiple span{width: 1.42rem;text-align: center;}
.mapInfo .expert span, .mapInfo .h4 span{width: 1rem;}
.scenes_one .mapInfo span{font-size: 0.24rem; color: #595757; font-weight: 400;}
.scenes_one .mapInfo span.name, .mapInfo .r2 .mutiple{padding: 0.2rem 0 0 0;}
.mapInfo .r2 .mutiple span{display: block; line-height: 0.33rem;}
.scenes_one .mapInfo span.num{font-size: 0.64rem; color: #0028AA;font-weight: bold;font-family: sans-serif;}
.scenes_one .mapInfo .r1,.scenes_one .mapInfo .r2{display: flex; justify-content: space-between;}
.scenes_one .mapInfo .r2{margin: 0.64rem 0 0 0;}
.mapInfo .r1 span,.mapInfo .r2 span{padding: 0 0.36rem;}
.scenes_one .mapInfo .network,.scenes_one .mapInfo .speed{width: 2.16rem;}

.scenes_one .mapInfo .count{display: flex; flex-direction: column; align-items: center;}
.service_network .store{background: #F5F5F7;}
.service_network .store{display: inline-block;width: 100%;height: auto;min-height: 6.17rem;background-color: #F5F5F7;}
.service_network .store h2{width: 100%;padding: 0.9rem 0 0.58rem;font-family: "Microsoft YaHei", Microsoft-YaHei;font-size: 0.32rem;font-weight: 400;color: #595757;text-align: center;}
.service_network .store .content{width: 100%;margin: 0 auto;}
.service_network .store .container{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.service_network .store .containe::before{display: block;content: " ";}
.service_network .store .containe::after{display: block;clear: both;height: 0;content: ' ';}
.service_network .container .item{width: 5.61rem;height: 0.81rem;margin-bottom: 0.32rem;}
.service_network .item .warpper{position: relative;width: 100%;text-align: center;}
.service_network .store .select{
    background: #F3F3F4;
    width: 100%;
    height: 100%;
    font-family: Microsoft YaHei;
    font-size: 0.24rem;
    color: white;
}
.select_head{
    position: relative;
    width: 100%;
    height: 0.81rem;
    box-sizing: border-box;
    padding: 0 0.20rem;
    line-height: 0.81rem;
    border: 1px solid #C9CACA;
    border-radius: 5px;
    background: #F5F5F7;
    overflow: hidden;
}
.select_head .selected{
    float: left;
    font-size: 0.24rem;
    color: #595757;
    font-weight: 400;
    font-family: "Microsoft YaHei", Microsoft-YaHei;
}
.select_head .select_icon{
    width: 0.36rem;
    height: 0.73rem;
    position: absolute;
    right: 15px;
    top: 0;
    transition: all .36s;
}
.select_head.active .select_icon{transform: rotate(180deg);}
.select .select_option{
    display: none;
    box-sizing: border-box;
    position: absolute;
    top: 0.75rem;
    width: 100%;
    height: 3.60rem;
    padding: 0.14rem 0;
    z-index: 66;
    background: #FFF;
    border: 1px #cfcfcf solid;
    overflow-y: scroll;
}
.select_option .option_item{padding: 0.10rem 0.32rem;line-height: 0.44rem;font-size: 0.24rem;color: #585757;font-family: Microsoft-YaHei;font-weight: 400;text-align: left;}
/* .select_option .option_item:hover{color: #585757;background: #e7ecfd;} */
.service_network .store .list{width: 5.81rem;margin: 0 auto;}
.service_network .store .areaList{width: 5.80rem;margin: 0.55rem 0 0.8rem;}
.service_network .store .areaList::after{clear: both;content: '';display: block;height: 0;}
.service_network .areaList .nothing{padding: 0 0 0 0.32rem;font-size: 0.24rem;font-family: Microsoft-YaHei;font-weight: 400;color: #595757;}
.service_network .areaList .shop{
    width: 100%;
    /* height: 2.60rem; */
    margin-bottom: 0.32rem;
}
.service_network .shop .name{margin-bottom: 0.78rem;line-height: 0.30rem;font-size: 0.28rem;font-weight: bold;}
.service_network .shop .warpper{
    height: auto;
    padding: 0.48rem 0.24rem;font-family: "Microsoft YaHei", Microsoft-YaHei, sans-serif;color: #1C1C1E;background: #FFFFFF;box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1);border-radius: 5px;overflow: hidden;
}
.service_network .shop .address{display: inline-block;height: 0.84rem;line-height: 0.42rem;font-size: 0.24rem;font-weight: 400;}
.service_network .store .search{position: relative;width: 5.61rem;}
.service_network .search .ipt{
    width: 100%;
    height: 0.81rem;
    box-sizing: border-box;
    padding: 0.28rem 0.31rem 0.28rem 0.62rem;
    border: 1px solid #C9CACA;
    outline: none;
    -webkit-appearance:none;
    background: #F5F5F7;
    border-radius: 5px;font-size: 0.24rem;font-family: Microsoft-YaHei;font-weight: 400;color: #585757;
}
.service_network .search .icon{width: 0.42rem;height: 0.42rem;position: absolute;left: 0.15rem;top: 0.21rem;}

.service_network .scenes_two{box-sizing: border-box;width: 100%;height: 6.85rem;padding: 1.15rem 0.5rem 1.15rem;text-align: center;background: #FFF;}
.service_network .scenes_two .flow{width: 6.50rem;height: 4.55rem;margin: auto;}

.service_network .scenes_third{background: #F5F5F7;}
.scenes_third .contact{box-sizing: border-box;width: 100%;margin: 0 auto;padding: 0 0.40rem 1rem;}
.scenes_third .p_head{padding-bottom: 0.67rem;}
.scenes_third .contact .h24{width: 6.70rem;height: 1.60rem;display: flex; justify-content: center;align-items: center;}
.scenes_third .contact .h24 img{width: 1.08rem;height: 0.85rem;}
.scenes_third .contact .right{display: flex;flex-direction: column;justify-content: center;}
.scenes_third .contact .right .title{font-size: 0.32rem;color: #0028AA;font-weight: bold;font-family: sans-serif;text-align: center;}
.scenes_third .contact .right .text{font-size: 0.18rem;color: #0028AA;}
.scenes_third .contact .right .hour24{font-size: 0.20rem;}
.scenes_third .h24 .title a{color: #0028AA;font-size: 0.56rem;font-weight: bold;font-family: sans-serif;}
.scenes_third .contact .phone, .scenes_third .contact .cont{box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);border-radius: 10px;background: #FFF;}
.scenes_third .contact .cont{display: flex;justify-content: center; align-items: center;}
.scenes_third .contact .bottom{width: 100%; height: auto;display: flex;justify-content: space-between;align-items: center; margin: 0.31rem 0 0 0;}
.scenes_third .contact .cont{height: 1.59rem;}
.scenes_third .contact .email{width: 47.5%;}
.scenes_third .contact .more{width: 47.5%;}
.scenes_third .contact .h24 .right{padding: 0 0 0 0.21rem;}
.scenes_third .contact .h24 .text, .scenes_third .contact .email .text, .scenes_third .contact .more .text{padding: 0.18rem 0 0 0;color: #595757;text-align: center;}

.service_info{width: 100%;}
.service_info .p_head{padding-bottom: 1.03rem;}
.service_info .qualification{position: relative;width: 100%;height: auto;padding: 0 0 1.03rem;background: #F5F5F7;text-align: center;}
.service_info .qualification::before{content: '';position: absolute;top: 0;left: 50%; transform: translateX(-50%);width: 0;height: 0;border-top: 0.28rem solid #FFF; border-right: 0.2rem solid transparent;border-left: 0.2rem solid transparent;}
.service_info .h3{display: block;padding: 0.83rem 0 0.36rem;font-size: 0.32rem;color: #595757;font-weight: bold;width: 100%;text-align: center;letter-spacing: 0.01rem;font-family: Microsoft-YaHei;}
.service_info .warpper{width: auto;margin: 0 0.5rem;}
.service_info .warpper .item{display: flex;flex-direction: column;align-items: center;width: 100%;padding: 0.51rem 0;background: #FFFFFF;box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);border-radius: 10px;}
.service_info .warpper .item h3{font-size: 0.65rem;font-weight: bold;color: #0028AA;font-family: sans-serif;}
.service_info .warpper .item span{font-size: 0.24rem;font-weight: 300;color: #595757;padding: 0.25rem 0 0 0;}
.service_info .warpper .item:last-child{margin: 0.27rem 0 0;}
.service_info .warpper .necas img{width: 1.65rem;height: 0.26rem;padding: 0.24rem 0 0 0;}
.service_info .warpper .cteas img{width: 2.27rem;height: 0.26rem;padding: 0.24rem 0 0 0;}

.service_info .allservice{position: relative;left: 50%;width: 6.5rem;height: 5.88rem;padding: 0.91rem 0 1rem;transform: translateX(-50%);text-align: center;background: url(../images/v4m/bg/battery_bg.png) center center no-repeat;background-size: 6.5rem 5.88rem;}
.service_info .allservice::before{content: '';position: absolute;top: 0;left: 50%; transform: translateX(-50%);width: 0;height: 0;border-top: 0.28rem solid #F5F5F7; border-right: 0.2rem solid transparent;border-left: 0.2rem solid transparent;}
.service_info .allservice h3{width: 100%;position: absolute;left: 50%;top: 1.48rem;transform: translateX(-50%);font-size: 0.32rem;font-weight: bold;color: #595757;letter-spacing: 0.01rem;font-family: Microsoft-YaHei;}
.service_info .allservice .item{position: absolute;;display: flex;flex-direction: column;}
.allservice .frist .text, .allservice .first .text{padding: 0.14rem 0 0 ;text-align: left;}
.allservice .frist .text, .allservice .second .text{padding: 0.14rem 0 0;text-align: left;}
.allservice .third .text, .allservice .fourth .text{padding: 0.14rem 0 0 ;text-align: right;}
.allservice .item .text span{display: block;font-size: 0.18rem;font-weight: 300;color: #595757;line-height: 0.38rem;}
.service_info .allservice .item span{font-size: 0.19rem;font-weight: 300;color: #595757;line-height: 0.29rem;}
.service_info .allservice .first{left: 0;top: 2.2rem;}
.service_info .allservice .second{left: 0;top: 3.67rem;}
.service_info .allservice .third{right: 0;top: 2.23rem;}
.service_info .allservice .fourth{right: 0;top: 3.71rem;}
.service_info .allservice .third,.service_info .allservice .fourth{align-items: flex-end;}

.service_info .allservice img.afterSales{width: 0.42rem;height: auto;}
.service_info .allservice img.location{width: 0.40rem;height: auto;}
.service_info .allservice img.tools{width: 0.42rem;height: auto;}
.service_info .allservice img.auth{width: 0.43rem;height: 0.43rem;}

.contacts .pannel{padding: 0 0.50rem 0;box-sizing: border-box;flex-wrap: wrap;}
.contacts .pannel .showPage{width: 3.10rem;height: 0.78rem;background: #0028AA;border-radius: 0.38rem;text-align: center;cursor: pointer;-webkit-tap-highlight-color: transparent;}
/* .contacts .pannel .showPage{width: 3.10rem;height: 0.78rem;display: flex;align-items: center;justify-content: center;background: #0028AA;border-radius: 0.38rem;text-align: center;cursor: pointer;} */
.contacts .pannel .showPage:nth-child(3),.contacts .pannel .showPage:nth-child(4),.contacts .pannel .showPage:nth-child(5){margin-top: 0.28rem;}
/* .contacts .pannel .r2{margin-top: 0.28rem;} */
.contacts .pannel .showPage span{font-size: 0.32rem;font-weight: 400;color: #FFFFFF;line-height: 0.74rem;}
.contacts .pannel .showPage.active{background: #1D46CA;}

.contacts .formList{padding:0.90rem 0.35rem;margin: 0.50rem 0.40rem 0.80rem;background: #FFFFFF;box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1000);border-radius: 15px;}
.contacts ul h5{font-size: 0.24rem; color: #595757;font-weight: 400;font-family: Microsoft-YaHei,sans-serif;margin-bottom: 0.12rem;}
.contacts ul h5 span{color: #0028AA;font-weight: bold;}
.contacts ul input{width: 100%;height: 0.66rem;margin: 0.13rem 0 0.13rem 0;text-indent: 0.20rem; font-size: 0.20rem;border: 1px solid #eee; border-radius: 3px; color: #333;}
.contacts ul input:focus{outline: none; border: 2px solid #88baf9;background: none;text-decoration: none;}
.contacts ul textarea{height: 1.75rem !important;padding: 0.20rem 0.22rem !important;}
.contacts ul input.err, .contacts ul textarea.err{border-color: #f20 !important;}
.contacts input{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.checkBox{-webkit-tap-highlight-color: transparent;}

.contacts .checkBox input[type=checkbox] {text-indent: -2px;border-color: white;position: relative;}
.contacts .checkBox input[type=checkbox]:after {
    position: absolute;
    width: 0.29rem;height: 0.29rem;
    top: -0.09rem;content: " ";background-color: #FFF;color: #fff;display: inline-block;visibility: visible;border: 0.02rem solid #C9CACA;border-radius: 3px;
}
.contacts .checkBox input[type=checkbox]:checked:after {content: "鉁?;font-size: 0.20rem;text-indent: 0.08rem;background-color: #0028AA;}
.contacts .checkBox input.err[type=checkbox]::after{border: 0.02rem solid #f20;}
.contacts .checkBox input{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;}
.contacts ul {display: flex;flex-direction: row;flex-wrap: wrap;}
.contacts ul li{ margin-bottom: 0.50rem; width: 100%;}
.contacts ul .inputList{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.contacts ul li button{margin: 0.10rem auto 0 0; color: #fff;height:0.50rem; width: 1.50rem;line-height: 0.40rem;font-size:0.24rem; line-height: 0.50rem; border-radius: 0.25rem; text-align: center; border:none;background: #0028AA;}
.contacts ul li button:focus{outline: none;}

.contacts .form4 .h4{font-size: 0.32rem;font-family: Microsoft-YaHei-Bold;font-weight: normal;color: #595757;}
.contacts .form4 .cont{padding: 0.42rem 0 0;}
.contacts .form4 .cont span{color: #595757;font-size: 0.24rem;font-family: Microsoft-YaHei,"PingFang SC", "Heiti sc", "Microsoft Yahei", sans-serif;;font-weight: normal;line-height: 0.40rem;}
/* .contacts .form4 .cont .title{font-family: Helvetica;} */
.contacts .form4 .tips1 .num{font-size: 0.23rem;font-weight: normal;color: #595757;font-family: "寰蒋闆呴粦", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", tahoma, SimSun, sans-serif}
/* .contacts .form4 .tips2 .num{font-family: Microsoft-YaHei;} */
.contacts .form4 .tips2{margin: 0.82rem 0 0;}

.joins .p_head{padding-bottom: 0.73rem;}
.joins .p_head h3{line-height: 0.52rem;}
.contacts .p_head{padding-bottom: 0.50rem;}
.contacts .p_head h3{padding-bottom: 0;}

.textShow img{ width: 100%;}
.textShow h5{ font-size: 0.36rem; margin: 0.15rem 0;}
.textShow p{font-size: 0.22rem; line-height: 0.36rem; color: #333;}
.textShow p.detail{border-top:2px solid #D6D6D6; font-size: 0.16rem; line-height: 0.32rem;margin-top: 0.15rem;padding: 0.20rem 0; color: #666;text-align: justify;}

.info{ margin: auto 0; color: #fff;}
.info .infoIcon{ padding:0.60rem 0 0.20rem 0; text-align: center;}
.info .infoIcon >img {width: 0.8rem;}
.info .infoTitle{font-size: 0.32rem;text-align: center;margin-bottom: 0.35rem;}
.info .infoTxt{ font-size: 0.20rem; line-height: 0.30rem; text-align: center;padding: 0 0.5rem;}
.info .broad{ width: 6.4rem; box-sizing: border-box; margin: 1.00rem auto 1.50rem auto;background-color: #fff; border-radius:0.16rem;  box-sizing: border-box;box-shadow: 0px 0px 0.40rem rgba(182, 182, 182, 0.35);color:#666; padding:0.5rem;}
.info .broad .title{ display: flex; justify-content: space-between; align-items: flex-start;flex-direction: column;}
.info .broad .title li{ margin-top: 0.6rem;}
.info .broad .title li h5{ font-size: 0.36rem; margin-bottom: 0.30rem;width: fit-content;}
.info .broad .title li p{ font-size: 0.22rem;color:#666;margin-bottom: 0.12rem;display: flex;justify-content: flex-start;align-items: center;}
.info .broad .title li p>span{font-size: 0.20rem; font-weight: bold; color:#3eb799; margin-right: 0.05rem;}
.info .broad .title li:first-child{margin: 0;}
.info .broad .iconList{border-radius: 0.20rem;background: #f5f5f5; margin: 0.80rem 0;padding:0.50rem 0;}
.info .broad .iconList h5{ text-align: center; font-size: 26px; color: #666; margin-bottom: 40px;}
.info .broad .iconList ul{ display: flex; justify-content: center; align-items: center;flex-wrap: wrap;}
.info .broad .iconList ul li{ margin:0.40rem 0.3rem 0 0.30rem; text-align: center;}
.info .broad .iconList ul li>img{width: 0.88rem;}
.info .broad .iconList ul li p{ font-size: 16px; margin-top: 10px;}

.pHead{color: #333; text-align: center; padding:0.60rem 0 0.50rem 0;}
.pHead h1{ font-size: 0.36rem;letter-spacing:0.20rem}
.pHead h5{ font-size:0.14rem;margin:0.12rem auto 0.18rem auto;padding:0 0.60rem;font-weight:normal;}
.pHead h5 span{display:inline-block;padding:0 0.14rem;color: #c1c1c1; margin: 0 0.14rem;}
.pHead h5 i{ display: inline-block; width:0.40rem; height:0.05rem;border-top: 1px solid #b2b2b2;}
.pHead h4{ font-size: 0.24rem;font-weight: 100; padding:0 0.55rem;line-height: 0.40rem;}

/* .contactForm{box-shadow: 0px 0px 0.20rem rgba(0, 0, 0, 0.03);margin:0  0.5rem  0rem 0.5rem;background: #fff;box-shadow: 0px 0px 0.20rem rgba(0, 0, 0, 0.03); position: relative;} */
.radio{padding: 0.2rem 0;}
.radio input{ display: none;}
.radio label{font-size: 0.24rem; margin-right: 0.40rem;font-weight: 400;font-family: Microsoft-YaHei,"Microsoft Yahei";display:flex;justify-content:flex-start;align-items:center; color: #595757;padding: 0.10rem 0;-webkit-tap-highlight-color: transparent;}
.radio label>span{display:flex; justify-content: center; align-items: center; width: 0.18rem; height: 0.18rem;border-radius: 50%; border:1px solid #eee; margin-right:0.10rem; }
.radio label.checked>span{ border-color: #0028AA;}
.radio label.checked>span>span{ width: 0.10rem; height: 0.10rem; border-radius: 0.10rem; background-color: #0028AA;}
.checkBox {margin-right: 0.10rem !important;display:flex;justify-content:flex-start;align-items:center; color: #999;padding: 0.10rem 0; cursor: pointer;font-size: 0.24rem;}
.checkBox input{height: 0.20rem !important;width: 0.20rem !important;margin: 0.13rem 0.22rem 0.13rem 0 !important;}
/* .ysqzzOpen{ font-size: 0.24rem;color: #0028AA; margin: 0.22rem 0.25rem 0.25rem; cursor: pointer;display: flex;} */
span.ysqzzOpen{margin: 0.22rem 0.12rem 0.25rem; cursor: pointer;display: flex;}
span.ysqzzOpen a{font-size: 0.24rem;color: #0028AA !important;}

.yszc{padding: 0.20rem; color: #666;}
.yszc p{line-height: 0.42rem; font-size: 0.22rem; text-indent:0.32rem; margin-bottom: 0.12rem; color: #666;}
/* .yszc p.b{ color: #333;} */
.yszc h5{ padding:0; margin:0; font-size: 0.22rem; font-weight: bold; text-align: center;height: auto;border: none;line-height: 0.50rem;}

.banner_policy{ display: flex; align-items: center;height: 4.0rem;margin: 1rem 0 0;background-color: #0028AA;}
.banner_policy .cont{ display: flex; align-items: center;width: 100%; padding: 0 0 0 0.47rem ;margin: 0 auto; }
.banner_policy .cont img{ width: 0.43rem; height: 0.59rem;}
.banner_policy span{padding: 0 0 0 0.32rem;font-size: 0.56rem;font-weight: 400; color: #FFFFFF;}
.policy{padding: 1rem 0.50rem;}
.policy p{color: #595757; font-size: 0.24rem; line-height: 0.50rem;margin-bottom: 0.30rem;font-weight: 400;font-family: Microsoft-YaHei,"Microsoft Yahei";text-indent: 0.42rem;}

.xinwen {padding:0.51rem 0.50rem;box-sizing: border-box;border-radius: 10px;}
.xinwen .list{width:100%;display: flex;flex-direction: column;background: transparent;padding-bottom: 0.38rem;background-color: #fff;box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.1000);border-radius: 10px;}
.xinwen .xinwen_t {font-size: 0.30rem;font-weight: 400;color: #1C1C1E;padding:0.41rem 0.34rem 0;line-height: 20px;}
.xinwen .xinwen_t a{line-height: 0.50rem;color: #1C1C1E;font-family: Microsoft-YaHei-Bold, sans-serif;}
.xinwen img{width:100%;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.xinwen .xinwen_b {display: flex;justify-content: space-between;align-items: center;padding: 0.42rem 0.37rem 0.0;font-size: 0.20rem;font-family: Microsoft-YaHei;font-weight: bold;color: #757575;}
.xinwen .linkTo img{display: inline-block;width: 0.13rem;height: 0.30rem;}
.xinwen .times span{float: left;font-size: 12px;font-family: Microsoft-YaHei-Bold;font-weight: normal;color: #757575;line-height: 25px;padding-right: 3px;}

.dmp6 {width:100%;box-sizing: border-box;margin: 1rem 0 0;}
.dmp6 .dmp6_title{width:100%;padding: 1.60rem 0.50rem 0.47rem;box-sizing: border-box;display: flex;flex-direction: column;background: #0028AA;}
.dmp6 .dmp6_title .p_text {font-weight:400;font-size:0.40rem; text-align:left;color:#fff; line-height: 1.5;}
.dmp6 .dmp6_title .p_date {text-align:left;color:#fff;margin-top: 1.20rem;font-size: 0.32rem;}
.dmp6 .dmp6_title .p_date span{margin-left: 0.20rem;font-size: 0.27rem;}
.dmp6 .dmp6_content{padding:45px 18px;font-weight: 400; font-size: 14px;color: #333;margin: auto; display: flex;flex-direction: column;align-items: center;}
.dmp6 .dmp6_content p {width: 100%;line-height: 1.5;}
.dmp6 .dmp6_content video, .dmp6 .dmp6_content video[poster]{width: 100%;height: 100%;}
.dmp6 .dmp6_content img {vertical-align: middle;width: 100%;}
.dmp6 .dmp6_bottom{width:100%;background: #f2f4f4;;margin:auto;box-sizing: border-box;margin-bottom: -1px;display: flex;flex-direction: column;padding: 0.20rem 0.30rem;}
.dmp6 .dmp6_bottom .pre_next {margin: 0.20rem 0;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.dmp6 .dmp6_bottom .pre_next span {color: #000;font-size: 0.24rem;}

.searchWarpper .filter input::placeholder{color: #9FA0A0;font-size: 0.30rem;font-weight: 300;font-family: Microsoft-YaHei;}
.searchWarpper .filter input:-moz-placeholder{color: #9FA0A0;font-size: 0.30rem;font-weight: 300;font-family: Microsoft-YaHei;}
.searchWarpper .filter input:-ms-input-placeholder{color: #9FA0A0;font-size: 0.30rem;font-weight: 300;font-family: Microsoft-YaHei;}
.searchWarpper .filter input::-webkit-input-placeholder{color: #9FA0A0;font-size: 0.30rem;font-weight: 300;font-family: Microsoft-YaHei;}
.searchWarpper{padding: 1.03rem 0.45rem 0.55rem;margin-top: 1rem;}
.searchWarpper .filter{box-sizing: border-box;width: 100%;position: relative;padding-left: 0.85rem;border-radius: 0.40rem;background: #EFEFEF;}
.searchWarpper .filter input.search {width: 3.52rem;height: 0.80rem;outline: none;border:none;background: #EFEFEF;border-radius: 0.40rem;font-size: 0.32rem;font-family: Microsoft-YaHei-Light;font-weight: 600;color: #585757;}
.searchWarpper .filter .btn {width: 0.36rem;height: 0.36rem;-webkit-tap-highlight-color: transparent;position: absolute;background: url(../images/v3m/search.png) no-repeat 0 0;background-size: 0.36rem 0.36rem;top: 0.29rem;left: 0.42rem;border: none;outline: none;cursor: pointer;}
.searchWarpper .filter i.clear {width: 0.35rem;height: 0.35rem;display: none;-webkit-tap-highlight-color: transparent;position: absolute;background: url(../images/v3m/input_del.png) no-repeat 0 0;background-size: 0.35rem 0.35rem;top: 0.29rem;right: 1.70rem;border: none;outline: none;cursor: pointer;touch-action: manipulation;}
.searchWarpper .filter .line{position: absolute;top: 0.23rem;right: 1.42rem;width: 1px;height: 0.50rem;background-color: #9FA0A0;}
.searchWarpper .filter .ipt{position: absolute;top: 0.28rem;right: 0.42rem;font-size: 0.36rem;font-family: Microsoft-YaHei;font-weight: 400;color: #0028AA;-webkit-tap-highlight-color: transparent;}

.searchWarpper .pannel{margin: 0.80rem 0 0;display: flex;flex-wrap: wrap;flex-direction: row;/*border: 1px solid #DCDDDD;border-right: none;border-bottom: none;*/}
.searchWarpper .pannel span{width: 3.28rem;height: 0.82rem;line-height: 0.82rem;box-sizing: border-box;color: #585757;font-size: 0.32rem;font-family: Microsoft-YaHei;font-weight: 400;border-right: 1px solid #DCDDDD;border-bottom:  1px solid #DCDDDD;text-align: left;cursor: pointer;;}
.searchWarpper .pannel .txt{display: inline;width: auto;text-align: left;padding-left: 0.9rem;}
.searchWarpper .pannel span i{display: inline;font-weight: 400;font-family: sans-serif;font-style: normal;}
.searchWarpper .pannel span:nth-child(1){border: 1px solid #DCDDDD;}
.searchWarpper .pannel span:nth-child(2){border-top: 1px solid #DCDDDD;}
.searchWarpper .pannel span:nth-child(3){border-left: 1px solid #DCDDDD;}
.searchWarpper .pannel span.active{color: #FFF;background-color: #0028AA;border: 1px solid #0028AA;border-right: none;border-left: none;}
.searchWarpper .list{min-height: 2rem;margin-top: 0.52rem;}
.searchWarpper .list .item{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 0.92rem;border-bottom: 1px solid #DCDDDD;}
.searchWarpper .list .item a:first-child{height: 0.92rem;line-height: 0.92rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
i.icon-arrow-right{position: relative;display: inline-block;width: 0.19rem;height: 0.15rem;}
i.icon-arrow-right::before{
    content: '';
    width: 100%;
    height: 0.02rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%;
    background-color: #b2b3b3;
}
i.icon-arrow-right::after{
    content: '';
    width: 100%;
    height: 0.02rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%;
    background-color: #b2b3b3;
}
.searchWarpper .list .item span{font-size: 0.24rem;font-family: Microsoft-YaHei, sans-serif;font-weight: 400;color: #595757;line-height: 0.92rem;}
.searchWarpper .pager{margin-top: 0.63rem;}
.searchWarpper .pager .pagination{width: 100%;display: flex;justify-content: space-between;}
.searchWarpper .pagination .p_page a,.searchWarpper .pagination .n_page a{font-size: 0.24rem;font-family: Microsoft-YaHei;font-weight: 400;color: #595757;}
/* .searchWarpper .pager span{font-size: 0.24rem;font-family: Microsoft-YaHei;font-weight: 400;color: #595757;line-height: 0.50rem;} */
/* .searchWarpper .pagination a.NEXT{color: #595757;} */
.searchWarpper .list .nothing{margin-top: 0.93rem;font-size: 0.24rem;font-family: Microsoft-YaHei, Arial;font-weight: 400;color: #595757;}

.product_info .case_content{padding-bottom: 1.35rem;}
.m_energy.product_info .case_content{padding-bottom: 0.85rem;}
.product_info .title{padding: 0.99rem 0.5rem 1.01rem;color: #595757;}
.product_info .title h2{font-family: Microsoft-YaHei;font-size: 0.32rem;font-weight: bold;padding: 0 0 15px 0;text-align: center;}
.product_info .title p{font-family: Microsoft-YaHei;font-size: 0.24rem;font-weight: 400;line-height: 0.52rem;}
.product_info .family{width: 100%;height: 5.0rem;background: #f9f9f9;text-align: center;}
.product_info .family .bg{display: inline-block;width: 100%;height: 5.0rem;background-repeat: no-repeat;background-size: contain;}
.m_power .family .bg{width: 7.40rem; background-position: -0.1rem 1.16rem;}
.m_energy .family .bg{width: 6.46rem; background-position: center 1.16rem;}
.m_power .family .bg{background-image: url('../images/v3m/bg/power_02.png');}
.m_energy .family .bg{background-image: url('../images/v3m/bg/energy.png');}
.m_power .case_one .subTitle, .m_power .case_two .subTitle, .m_power .case_three .subTitle{display: block;width: 100%;margin: 0 auto;padding: 1.44rem 0 0.44rem;font-size: 0.36rem;
    font-family: Microsoft-YaHei, "寰蒋闆呴粦";font-weight: 500;color: #0028AA;;text-align: center;
}
.m_energy .case_one .subTitle, .m_energy .case_two .subTitle, .m_energy .case_three .subTitle,.m_energy .case_fourth .subTitle,.m_energy .case_fifth .subTitle{display: block;width: 100%;margin: 0 auto;padding: 1.44rem 0 0.44rem;font-size: 0.36rem;
    font-family: Microsoft-YaHei, "寰蒋闆呴粦";font-weight: 500;color: #0028AA;;text-align: center;
}
/* .m_energy .case_three,.m_energy .case_fifth{padding: 0 10px;} */
.m_energy .case_three .swiper-slide,.m_energy .case_fifth .swiper-slide{box-sizing: border-box;padding-left: 0.15rem;padding-right: 0.15rem;}
.m_energy .case_fifth .dataTable tr td:last-child{width: 69%;}
/* .m_energy .case_one .dataTable tr td:last-child{width: 59%;} */
.product_info .case_content div:first-child .subTitle{padding-top: 0.9rem;}
.case_content .dataTable td i.multiple{display: block; font-style: normal;line-height: 0.31rem;padding: 0;}
.case_content .dataTable td i.large{font-style: normal;line-height: 0.35rem;}

.product_info .case_one, .product_info .case_two, .product_info .case_three,.product_info .case_fourth,.product_info .case_fifth{position: relative;background: none;}
.product_info .warpper{background: #F2F2F2;border-radius: 0.30rem;}
.product_info .warpper .imgs{width: 100%;text-align: center;}
.product_info .dataTable{padding: 0 0.30rem 0.60rem}
.product_info .dataTable .imgs img{width: 2.5rem;height: 2.5rem;padding: 0 0 0.52rem}
.product_info .dataTable table{border-top: 0.04rem solid #04CE19;border-bottom: 1px solid #04CE19;}
.product_info .dataTable table tbody th:nth-child(1), .product_info .dataTable table tbody th:nth-child(2){color: #fff;background-color: #0028AA;}
.product_info .dataTable table td, .product_info .dataTable table th{font-family: Microsoft-YaHei, sans-serif;font-weight: 400;font-size: 0.24rem;color: #595757;height: 0.50rem;padding: 0.10rem 0 0.10rem 0;}
.product_info .dataTable table td{font-size: 0.20rem;}
/* .product_info .dataTable tr td:last-child{width: 50%;} */
.product_info .dataTable tr td:first-child{padding-left: 0.18rem;}
.product_info .dataTable tr td:last-child{text-align: center;}
.product_info .dataTable table tr:nth-child(even){background: #FFF;}
.product_info .dataTable table img{ max-width: 100%; max-height: 100%;}
.m_power .case_one .warpper{height: 12.52rem;}
.m_power .case_two .warpper{height: 13.12rem;}
.m_power .case_three .warpper{height: 11.7rem;}
.m_energy .case_one .warpper{height: 11.32rem;}
.m_energy .case_two .warpper{height: 15.12rem;}
.m_energy .case_three .warpper{height: 14.82rem;}
.m_passenger .case_one .warpper{height: 9.91rem;}
.m_bussness .case_one .warpper{height: 9.91rem;}
.m_bussness .case_two .warpper{height: 11.32rem;}

/* padding-right: 0.01rem;margin-left: -0.01rem;overflow: hidden; */
.product_info .slider .swiper-slide{width: 92%; border-radius: 0.30rem;box-sizing: border-box;}
.product_info .slider .swiper-slide{transform: translate3d(0, 0, 0);overflow: hidden;}
.product_info .slider .swiper-slide img{transform: translate3d(0, 0, 0);}
.product_info .swiper-wrapper .swiper-slide{padding-left: 0.20rem;}
.product_info .swiper-wrapper .swiper-slide:first-child{padding-left: 0.15rem;}
/* .product_info .swiper-wrapper .swiper-slide:last-child{padding-right: 0.35rem;} */
.m_power .case_one .swiper-wrapper .swiper-slide:nth-child(7),
.m_power .case_two .swiper-wrapper .swiper-slide:nth-child(2),
.m_power .case_three .swiper-wrapper .swiper-slide:nth-child(2),
.m_energy .case_one .swiper-wrapper .swiper-slide:nth-child(6),
.m_energy .case_two .swiper-wrapper .swiper-slide:nth-child(3),
.m_energy .case_two .swiper-wrapper .swiper-slide:nth-child(4),
.m_energy .case_three .swiper-wrapper .swiper-slide:nth-child(1){padding-right: 0.05rem;}
.m_energy .case_three .swiper-wrapper .swiper-slide{padding-right: 0.05rem;}

/* ipad hard start */
.padhard .product_info .swiper-wrapper .swiper-slide{padding-left: 0.28rem;}
.padhard .product_info .swiper-wrapper .swiper-slide:first-child{padding-left: 0.15rem;}
/* .padhard .m_energy .case_one .swiper-wrapper .swiper-slide:nth-child(6), */
/* .padhard .m_energy .case_three .swiper-wrapper .swiper-slide:nth-child(1) */
.padhard .m_power .case_one .swiper-wrapper .swiper-slide:nth-child(7),
.padhard .m_power .case_two .swiper-wrapper .swiper-slide:nth-child(2),
.padhard .m_power .case_three .swiper-wrapper .swiper-slide:nth-child(2){padding-right: 0.2rem;}
/* .padhard .m_energy .case_one .swiper-wrapper .swiper-slide:nth-child(7){padding-right: 0;} */
.padhard .m_power .swiper-wrapper .swiper-slide:last-child{padding-left: 0.12rem;padding-right: 0.15rem;}
.padhard .m_energy .swiper-wrapper .swiper-slide:last-child{padding-right: 0.15rem;}
.padhard .m_energy .case_three .swiper-wrapper .swiper-slide:first-child{padding-right: 0.05rem;}
.padhard .m_energy .dataTable{padding-left: 0.45rem;padding-right: 0.45rem;}
/* ipad hard end */

.product_info .swiper-pagination{width: 100%;bottom: -0.62rem;}
.product_info .swiper-pagination-clickable .swiper-pagination-bullet{width: 5px; height: 5px;margin: 0 5px;display: inline-block;border: 1.5px solid #7E7F7F;background-color: transparent !important;}
.product_info .swiper-pagination-clickable .swiper-pagination-bullet-active{background-color: #7E7F7F !important;}
.product_info .swiper-pagination-bullet-active{background-color: #7E7F7F;}
.product_info .swiper-pagination-bullet{background: #7E7F7F!important;}