@font-face {
  font-family: Tahoma;
  src: url("https://s.cn-np.com/prod/cnnews/font/Tahoma.ttf");
}
@font-face {
  font-family: Microsoft-YaHei-Light;
  src: url("https://s.cn-np.com/prod/cnnews/font/Microsoft-Yahei-Light.ttf");
}
@font-face {
  font-family: Helvetica;
  src: url("https://s.cn-np.com/prod/cnnews/font/Helvetica.ttf");
}
@font-face {
  font-family: Helvetica-Light;
  src: url("https://s.cn-np.com/prod/cnnews/font/helvetica-light.otf");
}
@font-face {
  font-family: Helvetica-bold;
  src: url("https://s.cn-np.com/prod/cnnews/font/Helvetica-Bold.otf");
}
body{font-family: Tahoma;}
@media (max-width: 428px){
  .banner .pic1 p.text {
      font-size: 93%!important;
      line-height: 0.24rem !important;
  }
}

.topMessage .text{background-color: #0028AA;}
.head .logo img{width: 2.08rem;}
.head .tools .searcher span{margin-top: -0.03rem !important;font-family: Tahoma, sans-serif;font-weight: 400;}
.head .links .tools span{font-size: 0.28rem;}
.head .links .list span{font-weight: 400;font-family: Tahoma;}
.head .links .tools .global span{padding-bottom: 0.02rem;font-family: Tahoma, sans-serif;font-weight: 400;margin-top: 0;}
.links .ul .title{font-family: Tahoma;font-weight: 400;color: #585757;}
.links ul.submenu span{font-family: Tahoma;font-weight: 400;}
.banner .pic1 p{margin-bottom: 0.46rem;font-size: 0.54rem;font-family: Tahoma;font-weight: bold;text-transform: none;}
.banner .pic1 p.title{letter-spacing: 0.02rem;}
.banner .pic1 p.text{font-size: 0.24rem;font-family: Tahoma;font-weight: 400;color: #FFFFFF;line-height: 0.36rem;}
.banner .copyright{font-size: 0.15rem;font-family: Tahoma;font-weight: 400;}
/* .banner .swiper-slide .third_slide{background-image: url("../images/v3m/banner/banner_03.en.png");} */
.banner .swiper-slide .fourth_slide{background-image: url("../images/v3m/banner/banner_04.en.png");}
.langSelect .navBtn span, .langSelect .title{font-family: Tahoma;font-weight: 400;color: #585757;}
.searchWarpper .list .nothing{font-family: Tahoma;font-weight: 400;color: #595757;}
.langSelect .title{font-size: 0.34rem;}

.videoAnimate .pointsMap .info{height: 0.60rem;top: -86%;left: -72px;}
.videoAnimate .pointsMap .info .text{margin-top: 0;padding-bottom: 3px;/*font-size: 0.28rem*/;font-family: Tahoma;}
.videoAnimate ul.pointsMap li:nth-child(1) span.info{top: 48px;left: -32px;}
.videoAnimate ul.pointsMap li:nth-child(2) span.info{top: -90%;left: -56px;}
.videoAnimate ul.pointsMap li:nth-child(3) span.info{left: 35px;}
.videoAnimate ul.pointsMap li:nth-child(4) span.info{top: -17px;left: -51px;}
.videoAnimate ul.pointsMap li:nth-child(5) span.info{top: 13px;left: 35px;}
.videoAnimate ul.pointsMap li:nth-child(6) span.info{top: -22px;left: -85px;}
.videoAnimate ul.pointsMap li:nth-child(7) span.info{top: -22px;left: -130px;}
.homeNews .readmore .more{font-family: Tahoma;}
.homeNews .top h3{font-size: 0.38rem;font-weight: bold;color: #1C1C1E;font-family: Tahoma;}
.homeNews .top .more{font-size: 0.26rem;font-weight: 400;font-family: Tahoma;}
.homeNews .news .xinwen_t a{font-size: 0.28rem;font-weight: bold;color: #1C1C1E;font-family: Tahoma;}
.homeNews .news .times span{padding: 0;}

.xinwen img{height: 4.86rem;}
.xinwen .times span{padding: 0;}
.xinwen .xinwen_t a{font-size: 0.28rem;font-weight: bold;font-family: Tahoma;}

.scenes_info .case_one .styleOne span{display: inline-block;width: auto;}
.scenes_info .case_one .styleTwo span,
.scenes_info .case_one .styleThree span,
.scenes_info .case_one .styleFourth span{margin-top: 0.23rem;}
.scenes_info .case_one .styleOne span:first-child{margin-top: 0;}

.scenes_info .tips .gutter{margin-top: 0.23rem;}
.scenes_info .case_two .styleTwo span,
.scenes_info .case_two .styleThree span,
.scenes_info .case_two .styleFourth span{margin-top: 0.23rem;}
.scenes_info .case_two .styleOne span:first-child{margin-top: 0;}
.scenes_info .case_two .styleOne span{display: inline-block;width: auto;margin-top: 0.23rem;}
.scenes_info .tips h4{font-size: 0.32rem;color: #0028AA;font-weight: bold;font-family: Tahoma;-webkit-box-shadow: 0 1px 1px -2px rgb(159 160 160);box-shadow: 0 1px 1px -2px rgb(159 160 160);}
.scenes_info .tips span{font-size: 0.24rem;font-family: Tahoma;font-weight: 400;color: #595757;}
.scenes_info .tips span b{font-size: 0.24rem;font-family: Tahoma;font-weight: 400}
.scenes_info .app_warning, .product_info .app_warning{padding: 0 0.45rem 0.28rem;text-align: left;box-sizing: border-box;font-family: Tahoma;line-height: 0.28rem;}

.m_energy .case_one .warpper{height: 13.2rem;}
.m_energy .case_two .warpper{height: 15.16rem;}
/* Energy Storage - Grid ESS */
/* .m_energy .case_two .warpper{height: 15.76rem;} */
.m_energy .case_three .warpper{height: 15.12rem;}
.m_power .case_one .warpper{height: 11.3rem;}
.m_power .case_two .warpper{height: 11.32rem;}
.m_power .case_three .warpper{height: 15.0rem;}
.case_one .dataTable table td,.case_two .dataTable table td,.case_three .dataTable table td{line-height: 0.30rem;}
.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{font-family: Tahoma;}

.mapInfo .r2 .mutiple span{font-size: 0.24rem;font-family: Helvetica;font-weight: 400;}
.scenes_third .contact .right .title,.scenes_third .contact .right .text{font-weight: normal;font-family: Helvetica-bold;}
.scenes_third .contact .right .text{font-family: Tahoma;}
.service_network .scenes_two .flow{height: 4.30rem;}
.service_info .h3, .service_info .allservice h3{font-family: Helvetica;font-weight: 400;letter-spacing: 0.01rem;}
.service_info .h3{padding: 0.93rem 0 0.56rem;}
.service_info .allservice h3{padding: 0;}
.service_info .warpper .item span{font-family: Tahoma;font-weight: 300;line-height: 0.30rem;}
.service_info .allservice .item span{font-size: 0.20rem;font-family: Tahoma;font-weight: 300;}
.service_info .allservice .first,.service_info .allservice .third{top: 2.23rem;}
.service_info .allservice .second{top: 3.98rem}
.service_info .allservice .fourth{top: 3.77rem;}
.service_info .allservice .item span{line-height: 0.25rem;}

.serviceNetwork .pHead{width: 100%;padding: 1.0rem 0 0.60rem;font-size: 0.36rem;font-weight: 400; color: #1C1C1E;font-family: Tahoma, sans-serif;text-align: center;}
.serviceNetwork .maps{width: 100%;text-align: center;}
.serviceNetwork .maps img{height: 3.28rem;padding: 0 0.28rem;}
.serviceNetwork .paragraph{width: 100%;padding: 0.60rem 0 0.60rem;text-align: center;}
.serviceNetwork .paragraph .p2{padding-top: 0.50rem;}
.serviceNetwork .paragraph .p h4{padding-bottom: 16px;font-size: 0.30rem;color: #0028AA;font-weight: bold;font-family: Tahoma, sans-serif;}
.serviceNetwork .paragraph ul li{line-height: 0.42rem;padding-bottom: 0.30rem;font-weight: 400;color: #595757;font-size: 0.24rem;font-family: Tahoma}
.serviceNetwork .afterSale{display: flex;align-items: center;flex-direction: column;width: 100%; margin: 0 auto;padding: 0.10rem 0 0.70rem;}
.serviceNetwork .afterSale img{height: 6.77rem;padding: 0 0.50rem;}
.serviceNetwork .afterSale .info{padding-top: 0.80rem;text-align: center;}
.serviceNetwork .afterSale .info span{display: inline-block;line-height: 0.42rem;padding-bottom: 0.30rem;font-weight: 400;color: #595757;font-size: 0.24rem;font-family: Tahoma, sans-serif;}
.serviceNetwork .afterSale span i{color: #0028AA;font-weight: bold;font-family: Tahoma;font-style: normal;}

.p_head p{font-family: Tahoma;font-weight: 400; line-height: 0.38rem;}
.joins .p_head h3{font-size: 0.35rem;font-family: Tahoma;line-height: 0.45rem;letter-spacing: 0;}
.table th{font-size: 0.30rem;font-family: Tahoma;font-weight: 400;}
.table tr.active td,.table tr.name td{font-size: 0.30rem;font-family: Tahoma;font-weight: 400;line-height: 0.4rem;}
.table th p, .table td p{font-family: Tahoma;font-weight: 300;word-break: break-word;}
.table tr .linkBtn .apply{line-height: 0.28rem;font-size: 0.26rem;}
.form h5 span{font-size: 0.36rem;font-family: Tahoma;}
.form .info img{padding-top: 0.1rem;}
.form .info .email{padding-top: 0.1rem;}
.form .info .email p{font-size: 0.42rem;font-family: Tahoma;font-weight: 300;}
.form .info .tips{font-size: 0.20rem;font-family: Tahoma;font-weight: 300;color: #0028AA;line-height: 0.30rem;}

.contacts .p_head h3{font-size: 0.33rem;font-family: Tahoma;font-weight: 400;line-height: 0.45rem;}
.contacts .pannel .showPage span{margin-bottom: 0;font-size: 0.28rem;font-family: Tahoma;font-weight: 400;line-height: 0.74rem;}
/* .contacts .pannel .showPage{} */
.contacts ul h5{margin-bottom: 0;color: #595757;font-size: 0.28rem;line-height: 0.38rem;font-family: Tahoma;font-weight: 400;}
.contacts ul h5 span{font-weight: 400;}
.radio label{font-size: 0.26rem;font-family: Tahoma;font-weight: 300;color: #595757;}
.radio label>span{width: 0.20rem;height: 0.20rem;}
.contacts .inputList .checkBox{font-family: Tahoma;font-weight: 400;}
.banner_policy span{font-size: 0.54rem;font-family: Tahoma;font-weight: 400;}
.policy p{font-size: 0.24rem;font-weight: 400;font-family: Tahoma;text-indent: 0;}

.p_head h3{font-size: 0.36rem;font-weight: 500;line-height: 0.45rem;color: #1C1C1E;font-family: Tahoma;letter-spacing: 0;}
.intro_p2 h3{padding-bottom: 0.41rem;font-size: 0.32rem;font-weight: 400;letter-spacing: 0;}
/* .intro_p2 p{line-height: 0.48rem;} */
.intro_head p span{display: inline-block;}
.intro_head p span:nth-child(2){margin: 0.50rem 0;}
.scenes_one .mapInfo{padding: 0 0.53rem 0.97rem 0.47rem;}
.scenes_one .mapInfo span.num{font-weight: normal;font-family: Helvetica-bold;}
.scenes_one .mapInfo span{font-weight: 400;font-family: Helvetica;}
.scenes_one .mapInfo .expert, .scenes_one .mapInfo .h4{width: 2.16rem;}
.mapInfo .r1 span, .mapInfo .r2 span{padding: 0;}
.mapInfo .stock, .mapInfo .h48{width: 1.92rem;}
.scenes_one .mapInfo span.name, .mapInfo .r2 .mutiple span{width: 100%;font-weight: 400;font-family: Helvetica;line-height: 0.30rem;text-align: center;}

.bg_banner p{font-size: 0.54rem;font-family: Tahoma;font-weight: 400;line-height: 0.65rem;}
/* display: inline-block;font-size: 8px;-moz-transform: scale(0.666);-webkit-transform: scale(0.666);transform: scale(0.666);display: inline-block;text-align: right; */
/* .bg_banner .warp .tips{display: inline-block;right: 0.05rem;font-size: 9px;-moz-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);display: inline-block;text-align: right;} */
.bg_banner .warp .tips span{text-align: right;font-family: Tahoma;font-weight: 300;font-size: 0.15rem;}
.bg_banner .warp .qqfont{right: 0.05rem;}
.warp .qqfont span{display: inline-block;font-size: 10px;-moz-transform: scale(0.93);-webkit-transform: scale(0.93);transform: scale(0.93);display: inline-block;}
.bg_banner .achievement .warp .count{font-size: 0.36rem;font-family: Helvetica LT Light,Helvetica-Light;font-weight: 400;}
.bg_banner .achievement .two{padding: 0 0.16rem;}
.achievement .warp .count span{font-size: 0.36rem;font-weight: 400;font-family: Helvetica LT Light,Helvetica-Light;}
.achievement .warp .count .unit{font-family: Helvetica LT Light,Helvetica-Light,sans-serif;font-weight: 400;font-size: 0.35rem;}
.achievement .warp span.title{font-size: 0.20rem;font-family: Helvetica;font-weight: 400;}

.intro_video .info .title{font-size: 0.68rem;font-weight: 400;font-family: Tahoma;}
.intro_video .info .text{display: inline-block;font-size: 0.30rem;}
.bg_banner.culture2{height: 7.27rem;}
.corporate_vision .desc, .corporate_vision p, .wish .desc{font-family: Tahoma;font-weight: 400;line-height: 0.38rem;}
.corporate_vision .subTitle, .company_mission .subTitle{font-size: 0.35rem;font-weight: 400;line-height: 0.45rem;font-family: Tahoma;}
.corporate_vision .subTitle, .job_direction .subTitle{color: #1C1C1E;}

.corporate_vision h2{font-family: Tahoma;font-weight: 400;}
.wish .subTitle{font-family: Tahoma;font-weight: 400;line-height: 0.45rem;}
.wish h2,.wish.retult h2{font-family: Tahoma;font-weight: 400;font-size: 0.26rem;}
.bg_banner.culture3{height: 9.82rem; background-image: url(../images/v5.6/bg/cul_03.jpg);margin: 0;}

.bg_banner.serviceEn{position: relative; height: 4.0rem;margin-top: 0;background-image: url(../images/v4m/bg/service_bg.jpg);}

/* .scenes_info .case_one{background: #FFF !important;} */
.scenes_info .tips{padding: 0 0.32rem 0.2rem;}
.scenes_info .title h2{line-height: 0.45rem;color: #1C1C1E;font-family: Tahoma;font-weight: 400;font-size: 0.36rem;}
.scenes_info .title p{line-height: 0.38rem;font-size: 0.24rem;font-weight: 400;font-family: Tahoma;}
.scenes_info .intro h3{font-size: 0.30rem;}
.scenes_info .intro span{padding-top: 0.32rem;font-size: 0.24rem;font-family: Tahoma; font-weight: 300;color: #595757;line-height: 0.38rem;}
.scenes_info .intro span.paragraph{padding-top: 0.15rem;}
.scenes_info .tips .gutter{vertical-align: middle;}
.scenes_info .tips .list{margin: 0.22rem 0 0 0;}
/* .scenes_info .tips .list span{font-size: 0.24rem;font-family: Helvetica;font-weight: 400;line-height: 0.25rem;} */
/* .scenes_info .tips .list span.english{display: block;} */
.scenes_info .tips .list .slotiontips{display: inline;}
.scenes_info .tips .list .slotiontipsrow2 span{padding-right: 0;}
.scenes_info .tips .row2.english{display: inline;;margin-top: 0;}
.scenes_info .case_two .list .en-us{line-height: 0.43rem;}
.scenes_info .intro .endurance .img{width: 19px;height: auto;}
.scenes_info .services .right .span{font-weight: bold;font-family: Tahoma;}

.product_info .title h2{font-family: Tahoma;color: #1C1C1E;font-size: 0.36rem;font-weight: 400;padding: 0 0 15px 0;text-align: center;}
.product_info .mp_ctp .title h2{font-size: 0.36rem;color: #0028AA;}
.product_info .mp_ctp .slider {padding: 0 0.36rem;}
.product_info .mp_ctp .slider img {text-align: center;width: 100%;height: auto;}
.product_info .mp_ctp .intro .con h3 {color: #0028AA;font-weight:bolder}
.product_info .mp_ctp .intro .market_margin {padding-top: 0;}
.product_info .title p{font-size: 0.24rem;font-family: Tahoma;line-height: 0.38rem;}
.product_info .dataTable{padding-left: 0.30rem;padding-right: 0.30rem;}
.product_info .dataTable table{word-wrap: normal;word-break: normal;}
.product_info .dataTable table tbody th:nth-child(1), .product_info .dataTable table tbody th:nth-child(2){font-family: Tahoma;font-weight: 400;font-size: 0.24rem;}
.product_info .dataTable table td, .product_info .dataTable table th{font-family: Tahoma;font-weight: 400;font-size: 0.19rem;}
.m_power .case_one .subTitle, .m_power .case_two .subTitle, .m_power .case_three .subTitle{font-family: Tahoma;font-weight: 400}

.m_power .case_one .swiper-wrapper .swiper-slide:first-child table tr:nth-child(odd),.m_energy .case_one .swiper-wrapper .swiper-slide:first-child table tr:nth-child(odd){background: #FFF}
.m_power .case_one .swiper-wrapper .swiper-slide:first-child table tr:nth-child(even),.m_energy .case_one .swiper-wrapper .swiper-slide:first-child table tr:nth-child(even){background: #F2F2F2;}

/* .footer .contact .list{font-family: Helvetica-Light;font-size: 0.21rem;line-height: 0.42rem;} */
.footer .contact .list{font-family: Tahoma;font-size: 0.21rem;font-weight: 400;line-height: 0.42rem;}
.footer .contact .list b{font-size: 0.24rem;font-weight: normal;}
.footer .contact .list .address{font-family: Tahoma;font-weight: 400;font-size: 0.22rem;}
/* .footer .contact .list .address{font-family: Microsoft-YaHei-Light;font-size: 0.20rem;font-weight: bold;} */
.footer .contact b.address{font-family: Helvetica-Light;font-size: 0.23rem;font-weight: 400;}
.footer .contact .phone,.footer .contact .address span{font-size: 0.24rem;font-family: Helvetica-Light;font-weight: 300;color: #3E3A39;}
.footer .copyright p{font-size: 0.18rem;font-family: Helvetica-Light;font-weight: 300;}
.footer .copyright .bottom a{font-size: 0.18rem;font-family: Tahoma;font-weight: 300;}

/* .footer .contact .list{font-family: Tahoma;font-size: 0.21rem;line-height: 0.42rem;}
.footer .contact .list b{font-size: 0.24rem;font-weight: normal;}
.footer .contact b.address{font-family: Tahoma;font-size: 0.23rem;font-weight: 400;}
.footer .contact .phone,.footer .contact .address span{font-size: 0.24rem;font-family: Tahoma;font-weight: 300;color: #3E3A39;}
.footer .copyright p, .footer .copyright .bottom a{font-size: 0.18rem;font-family: Tahoma;font-weight: 300;} */

/* .contacts ul input{height: 0.66rem;} */
.contacts ul textarea{height: 1.75rem !important;margin: 0.15rem 0 0;padding: 0.29rem 0.22rem;}
.contacts ul span.ysqzzOpen{margin-right: 0;margin-left: 0;}
.contacts ul li button{width: 1.7rem;height: 0.55rem;}
.contacts .save span{line-height: 0.48rem;font-size: 0.30rem;font-family: Helvetica;font-weight: 400;}

.dev_technology.rd .paragraph{padding-top: 0.92rem;}
.dev_technology .section4 .patents{width: 100%;padding: 0 0 1.1rem;}
.dev_technology .section4 .patents span{font-size: 0.30rem;font-family: Tahoma;}
.dev_technology .section4 .patents .one, .dev_technology .section4 .patents .two{padding-left: 0.5rem;display: flex;align-items: baseline;justify-content: space-between;}
.dev_technology .section4 .patents em{padding-right: 0.54rem;padding-left: 0;font-size: 0.5rem;}
.dev_technology .paragraph h3, .rd .p_head h3{padding-bottom: 0.40rem;font-size: 0.36rem;color: #1C1C1E;font-weight: bold;font-family: Tahoma;}
.dev_technology .box .text{padding-left: 0.52rem;}
.dev_technology .box .text i{font-size: 0.26rem;font-weight: 400;font-family: Tahoma;}
.dev_technology .box .text span{font-size: 0.32rem;font-family: Tahoma;}
/* .dev_technology .list .content{padding-left: 0.82rem;}
.dev_technology .box1 .content{padding-left: 0.7rem;}
.dev_technology .box1 .text{padding-left: 0.6rem;}
.dev_technology .box3 .text{padding-left: 0.62rem;}
.dev_technology .box3 .content{padding-left: 0.8rem;} */
.dev_management .intro p{padding: 0 0.52rem;line-height: 0.42rem;font-family: Tahoma;}

.dmp6 .dmp6_title .p_text{font-size: 0.36rem;font-family: Tahoma;font-weight: 400;}
.dmp6 .dmp6_title .p_date{font-size: 0.28rem;font-family: Tahoma;font-weight: 400;}
.dmp6 .dmp6_title .p_date span{margin-left: 0.51rem;}
.dmp6 .dmp6_content p{line-height: 0.38rem;font-size: 0.24rem;font-family: Tahoma;font-weight: 400;color: #595757;}
.dmp6 .dmp6_bottom .pre_next span{font-size: 0.20rem;font-family: Tahoma;font-weight: 400;color: #000000; text-overflow: ellipsis;}

.searchWarpper .filter{padding-left: 0.80rem;}
.searchWarpper .filter .ipt{font-size: 0.33rem;font-family: Tahoma;font-weight: 400;}
.searchWarpper .filter input.search{width: 3.47rem;font-family: Tahoma;font-weight: 400;}
.searchWarpper .filter .line{right: 1.68rem;}
.searchWarpper .filter i.clear{right: 1.88rem;}
.searchWarpper .filter .btn{left: 0.32rem;}
.searchWarpper .pannel .txt{display: inline;width: auto;padding: 0;;text-align: center;}
.searchWarpper .pannel span{text-align: center;}
.searchWarpper .pannel span, .searchWarpper .list .item span{font-family: Tahoma;}
.searchWarpper .pagination .p_page a,.searchWarpper .pagination .n_page a{font-family: Tahoma;}
.searchWarpper .filter input::placeholder{color: #9FA0A0;font-size: 0.28rem;font-weight: 300;font-family: Tahoma;}
.searchWarpper .filter input:-moz-placeholder{color: #9FA0A0;font-size: 0.28rem;font-weight: 300;font-family: Tahoma;}
.searchWarpper .filter input:-ms-input-placeholder{color: #9FA0A0;font-size: 0.28rem;font-weight: 300;font-family: Tahoma;}
.searchWarpper .filter input::-webkit-input-placeholder{color: #9FA0A0;font-size: 0.28rem;font-weight: 300;font-family: Tahoma;}
.inputList input::placeholder,.inputList textarea input::placeholder {color: #9FA0A0;font-size: 0.24rem;font-weight: 300;font-family: Tahoma;}
.inputList input::-webkit-input-placeholder,.inputList textarea::-webkit-input-placeholder {color: #9FA0A0;font-size: 0.24rem;font-weight: 300;font-family: Tahoma;}
.inputList input::-ms-input-placeholder,.inputList textarea:-ms-input-placeholder {color: #9FA0A0;font-size: 0.24rem;font-weight: 300;font-family: Tahoma;}
.inputList input::-moz-placeholder,.inputList textarea::-moz-placeholder {color: #9FA0A0;font-size: 0.24rem;font-weight: 300;font-family: Tahoma;}

.scennesThird {
  width: 100%;
  background: #F3F3F4;
  padding: 0.8rem 0;
}

.scennesThird .contact {
  padding: 0 0.4rem
}

.scennesThird .h24 {
  height: 1rem;
  background: #fff;
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .1);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .3rem;
}

.scennesThird .h24 .right {
  display: flex;
  flex-direction: column;
  margin-left: 0.1rem;
}

.scennesThird .h24 .title{
  font-size: 0.40rem;
  color: #0028AA;
  font-weight: bold;
}
.scennesThird .h24 .text{    margin-top: 5px;word-break: break-all;line-height: .22rem;}

.scennesThird .h24 img {
  height: 0.6rem;
}
.scennesThird .bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 0.4rem
}
.scennesThird .bottom .email {
  width: 50%;
  height: 1.4rem;
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .1);
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  text-align: center;
}

.scennesThird .bottom .email img {
  width: 0.8rem;
  height: 0.6rem;
}
.scennesThird .bottom .email .right .title{
  color: #0028AA;
  font-size: 0.32rem;
  margin-bottom: 0.1rem;
  font-weight: bold;
}
.scennesThird .bottom .email .right{
  /* margin-left:0.1rem */
}
.scennesThird .bottom .more .right{
  margin-left: 0.1rem;
  text-align: center;
}
.scennesThird .bottom .more .title{  color: #0028AA;
  font-size: 0.28rem;
  font-weight: bold;
  line-height: .4rem;}
  .scennesThird .bottom .more .es{  
    font-size: 0.25rem;
}

.scennesThird .bottom .more{
  width: 50%;
  height: 1rem;
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .1);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: .4rem;
  background: #FFFFFF;
  padding: .2rem;
  cursor: pointer;
}

.scennesThird .bottom .more img {
  width: 0.8rem;
  height: 0.6rem;
}
.scennesThird .hover{
  background-color: #0028AA !important;
}
.scennesThird .hover .title{
  color: #fff !important;
}
.bgBanner{ background-position: center top;background-repeat: no-repeat; width: 100%; background-size: cover;}
.bgBanner.serviceSupport{position: relative;    height: 5rem;margin-top: 0.7rem; background-image: url(../images/v4.6/bg/service_01.png);}
.bgBanner.serviceSupport p{    color: #fff;
  font-size: .60rem;
  font-family: "Tahoma";}


.agent_terms{
  padding: 0 .6rem;
  margin-top: 1.4rem;
}
.agent_terms .paragraph {
    width: 100%;
    margin: 0 auto;
}
.agent_terms .paragraph h2 {
  text-align: center;
  font-size: .4rem;
  margin-bottom: 0.2rem ;
  margin-top: 0.6rem;
}
.agent_terms .paragraph div p{
  font-family: Tahoma, Tahoma;
  font-weight: bold;
  color: #0028AA;
  line-height: .4rem;
  text-align: left;
  font-style: normal;
  font-size: .26rem;
  text-transform: none;
  margin-bottom: 0.4rem;

}


.agent_terms .btn{
  background: #0028AA;
  text-align: center;
  padding: 0.2rem 0.6rem;
  color: #fff;
  font-weight: 600;
  margin: 0.4rem 0;
  cursor: pointer;
}
.agent_terms .disabled {
    background: #B5B5B6!important;
    ;
    cursor: no-drop;
}
.agent_terms .btn-wapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: .24rem;
    color: #0028AA;
}
.agent_terms_mp .disabled {
  background: #B5B5B6!important;
  cursor: no-drop;
}
.agent_terms_mp .steps {
    display: flex; justify-content: space-around; align-items: center;
}
.agent_terms_mp .step-arrow {
    color: #0028AA;
    font-size: 28px;
}
.agent_terms_mp .step {
    background: #0028AA;
    width: 132px;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    font-weight: 400;
    height: 66px;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
}
.agent_terms_mp .steps img{
  width: 0.15rem;
  margin: 0 0.2rem;
}

/* Customer-Oriented css start*/
.import_hide{
  display: none !important;
}
.agent_terms_mp{
  padding: 0.4rem .2rem;
  margin-top: 1.4rem;
}
.support_form_inputwrap{padding: 0.4rem 0.3rem;}
.support_content{
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .1);
  margin-top: .4rem;
  width: 100%;
}
.agent_tabbd_li:not(:first-child) {
  display: none;
}
#agent_officer_form .support_form_inputrow:last-child>.support_form_inputbox{
  display: flex;
  align-items: flex-end;
}
.support_form_inputbox input{
  width: 100%;
  height: .6rem;
  border: 1px solid #C9CACA;
  font-size: .24rem;
  margin-top: 4px;
}
.support_form_inputbox label{
  font-size: .28rem;
  line-height: 21px;
  color: #595757;
  font-family: 'Tahoma';
}
.support_form_inputbox {
  width: 100%;
  margin-bottom: 0.3rem;
}
.support_form_inputbox_60{
  width: 100% !important;
}
.support_form_inputbox_40{
  width: 100% !important;
}
.support_form_inputbox_10{
  width: 100% !important;
}
.support_form_inputbox_30{
  width: 100%!important;
}
.support_form_inputbox_70{
  width: 100% !important;
}
.support_form_inputrow_single .support_form_inputbox {
  width: 100%;
}
.support_form_inputrow_three .support_form_inputbox {
  width: 100%;
}

.support_form_inputrow_place .support_form_inputbox,
.support_form_area .support_form_inputbox {
  width: 100%;
}
#tools_form .support_form_inputrow{
  display: flex;
}
#tools_form .support_form_inputbox_30{
  width: 70%!important;
  margin-right: 0.4rem;
  margin-bottom: 0;
}
#tools_form .support_form_inputbox_10{
  width: 30%!important;
  margin-bottom: 0;
}
#tools_form .support_form_inputbox{
  margin-bottom: 0;
}
#tools_form  .support_form_submitbtnbox{
  margin-top: .4rem;
}
#tools_form .support_form_title_bold{
  margin-bottom: 0.4rem !important;
}
.support_form_area2 .support_form_inputbox {
  width: 100%;
  flex:auto;
}

.support_form_inputbox textarea {
  line-height: 1.6;
  height: 160px !important;
  padding-top: 1em;
  padding-bottom: 1em;
  resize: none;
}
.support_form_inputbox #date {
  cursor: pointer;
}
.support_required::after {
  content: "*";
  font-size: 16px;
  color: #0028AA;
  font-weight: normal;
  font-family: 'OPPOSans2_En_design-Regular', '微软雅黑', Arial, 'PingFangSC-Light', "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
  margin-left: 4px;
}
.support_form_service_title {
  font-size: .28rem;
}
.support_form_radiowrap .support_form_service_title {
  margin-bottom:.1rem
}
.pub_title20 {
  margin-bottom:.1rem
}
.support_form_service_checkboxlist {
  display: flex;
  flex-wrap: wrap;
  margin: 0.2rem 0;
}
.support_form_service_checkboxitem {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.4rem;
  cursor: pointer;
}
.support_form_service_checkboxitem.act .support_form_service_checkbox::before {
  opacity: 1;
}
.support_form_service_checkbox {
  display: block;
  font-size: 16px;
  width: 1em;
  height: 1em;
  position: relative;
  z-index: 1;
  border: 1px solid #1833BA;
  position: relative;
}

.support_form_service_checkbox::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  height: 75%;
  background: #1833BA;
  opacity: 0;
}
.support_form_service_radiolist {
  display: flex;
  flex-wrap: wrap;
}
.support_form_service_radiolist_site{
  margin-top: .3rem;
}
.support_form_service_radioitem {
  display: flex;
  align-items: center;
  margin-right: .4rem;
  flex-wrap: wrap;
  cursor: pointer;
}
.support_form_service_radioitem.act .support_form_service_radio::before {
  opacity: 1;
}
.support_form_service_radio {
  display: block;
  font-size: .16rem;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  border: 1px solid #1833BA;
  position: relative;
}

.support_form_service_radio::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background: #1833BA;
  opacity: 0;
}
.support_form_service_text {
  margin-left: 0.1rem;
}
.support_form_service_text,
.agent_terms_item_title span {
  font-size: .26rem;
}
.agent_form_next {
  text-align: center;
}
#agent_place_form .agent_form_next {
  padding-top: 26px;
}
#agent_mes_form .agent_form_next {
  padding-top: 30px;
}

#agent_officer_form .agent_form_next {
  padding-top: 26px;
}
.support_form_submitbtn {
  font-size: .28rem;
  padding: 0.75em 1.5em;
  color: #fff;
  background: #1833BA;
  border: none;
  margin-bottom: .4rem;
  cursor: pointer;
}
.support_form_submitbtnbox .support_form_submitbtn:nth-child(2){
  margin-left: 10px;
}
.support_form_blue_color{
  color: #0028AA;
}
.support_form_title_bold{
  font-weight: bold;
  font-size: .28rem;
}
.delisted_verify_changebtn{
  text-align: right;
  margin-bottom: 5px;
  font-size: 12px;
  cursor: pointer;
}
.delisted_verify_img{
  margin-left: 20px;
  cursor: pointer;
}
.tools_photo{
  width: 1rem;
  height: 0.9rem;
  background: #FFFFFF;
  border: 1px solid #C9CACA;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.support_form_date_tools{
  display: flex;
  margin-top: 5px;
  margin-bottom: .6rem;
}
.tools_show_photo{
  display: flex;
}
.tools_photo_upload_txt{
  color: #595757;
  font-size: 12px;
}
.tools_photo_upload_icon{
  color: #0028AA;
  width: 0.3rem;
}
.tools_photo_upload_icon img{
  width: 100%;
}
.support_form_fileinput {
  position: absolute;
  left: 0;
  top: -5px;
  z-index: 5;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.tools_show_photo{
  max-width:500px ;
  height: 60px;
}
.tools_show_photo img{
  width: 1rem;
  height: 0.9rem;
  margin-right: 0.1rem;
}
.local_img_list{
  position: relative;
}
.http_del_img{
  position: absolute;
  width: 22px !important;
  height: 22px !important;
  display: inline-block;
  top: 0;
  right: 0;
}

.photos_txt{
  font-size: .28rem;
}


.qualification_photo{
  width: 1rem;
  height: 0.9rem;
  background: #FFFFFF;
  border: 1px solid #C9CACA;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.support_form_date_qualification{
  display: flex;
  margin-top: 5px;
  align-items: center;
  flex-direction: row;
  position: relative;
}
.qualification_show_photo{
  display: flex;
}
.qualification_photo_upload_txt{
  color: #595757;
  font-size: 12px;
}
.qualification_photo_upload_icon{
  width: 0.4rem;
}
.qualification_photo_upload_icon img{
  width: 100%;
}
.support_form_fileinput_qualification {
  position: absolute;
  left: 0;
  top: -5px;
  z-index: 5;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.qualification_show_photo img{
  width: 1rem;
  height: .9rem;
  margin-right: .1rem;
}
.local_img_list_qualification{
  position: relative;
}
.http_del_img_qualification{
  position: absolute;
  width: 22px !important;
  height: 22px !important;
  display: inline-block;
  top: 0;
  right: 0;
}
.support_form_filewrap_qualification{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.support_form_filewrap_qualification .support_form_inputbox{
  width: 100%;
}
.support_form_filewrap_qualification .support_form_inputrow{
  width: 100%;
  margin: 0;
  margin-bottom: .20rem;
  text-align: left;
}
.support_formbox_qualification{
  padding: 20px;
}
.support_form_filewrap_qualification .support_form_inputbox input{
  height: 100%;
}
.qualification_photo_hide{
  display: none;
  padding: 10px;
  width: 150px;
  height: 80px;
}
/* .qualification_show_wrap{
  display: none;
} */
.qualification_photo_hide img{
  width: 100%;
  height: 100%;
}
.qualification_show_wrap_upload{
  width: 90px;
  height: 60px;
  display: block !important;
}
.upload_cont{
  background-color: #0028AA;
  color: #fff;
  font-size: 12px;
  padding: 5px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}
.support_form_hide{
  display: none;
}
#loading_agent {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2); /* 半透明白色背景 */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.loader_agent {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.site_self{
  display: flex;
  height: 1.2rem;
}

/* Customer-Oriented  css end */