@media (min-width: 440px) and (max-width: 640px) {
  .probox2 .breadcrumb, .download-btn .breadcrumb {text-align: center !important;}
  .probox2 .breadcrumb a, .download-btn .breadcrumb a {padding-left: 70rem !important; padding-right: 70rem !important;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-left {margin-top: 41px;}
  .navbar-left .menu dl {padding-left: 29rem !important; padding-right: 29rem !important;}
  .navbar-left .menu dt {padding: 12px 0 !important;}
  .navbar-left .menu li {margin-left: 29rem !important; margin-right: 29rem !important;}
  .navbar-right {margin-left: 0 !important; margin-top: 15px !important;}
  .navbar-right .icon_23x23 {width: 23px; height: 23px;}
  .navpro .swiper-button-prev {margin-left: -250rem;}
  .navpro .swiper-button-next {margin-right: -250rem;}
}
@media (min-width: 768px) and (max-width: 1199px) {
  .footer .menu .col-sm-2 {width: 14.28571428571429%;}
  .banner {margin-top: 0; padding-top: 0;}
  .idx3-box2 {margin-left: -10px; margin-right: -10px;}
  .idx3-box2 .col-xs-12 {padding-left: 10px; padding-right: 10px;}
  .about-box5 .weui-cell {height: 540rem;}
}
@media (min-width: 768px) {
  .wrapper {padding-top: 116px;}
  .banner {margin-top: -116px;}
  .banner .weui-cell {padding-top: 116px;}
  .header {height: 116px;}
  .header.up {opacity: 0; transform: translate3d(0, -100%, 0);}
  .header .logo {top: 0; left: 0; margin: 0; padding: 18rem 51rem; width: 324rem; height: 116rem; background: linear-gradient(48deg, #0083C1 0%, #0040BD 100%);}
  .header .menubar {display: none !important;}
  .copyright .col-sm-5 {text-align: right;}
  .navbar-left {float: right;}
  .navbar-left .menu dl {position: static; width: auto; padding: 0 25rem;}
  .navbar-left .menu dl:nth-child(2) dd {height: 392px;}
  .navbar-left .menu dl:nth-child(2) ul {display: none;}
  .navbar-left .menu dl.hidden-sm {display: none;}
  .navbar-left .menu dt a {display: block; padding: 31px 0; color: #000; font-family: 'PingFang SC Medium', '苹方-简 中黑体'; cursor: pointer; transition: color .3s;}
  .navbar-left .menu dd {display: none; position: absolute; z-index: 101; left: 0; top: 116px; right: 0; height: 64px; background-color: rgba(255, 255, 255, 1);}
  .navbar-left .menu ul {position: absolute; left: 0; top: 0; right: 0;}
  .navbar-left .menu li {display: inline-block; margin: 20px 25rem;}
  .navbar-left .menu li a {color: #63666B; font-family: 'PingFang SC Medium', '苹方-简 中黑体';}
  .navbar-right {float: right; margin-top: 32px; margin-left: 25rem;}
  .menubar {display: none; z-index: 99; left: 0; top: 116px; right: 0; height: 64px; background-color: #fff;}
  
  .idx-banner .swiper-slide .weui-cell {padding-top: 116rem;}
  .idx-banner__intro {left: 50%; right: auto; text-align: right; transform: translate3d(-50%, 0, 0);}
  .idx-banner__intro .weui-cell__hd {width: 40rem;}
  .idx1 .textbox {z-index: 1; width: 46%;}
  .idx1 .imgbox {position: absolute; right: 0; bottom: 190rem; width: 56%;}
  .idx1 ul {padding-right: 86rem;}
  .idx2 .weui-flex__item {height: 950rem;}
  .idx2 .row {height: 48vw;}
  .idx3-box1 .navpro .imgbox {width: 450rem; height: 400rem;}
  .idx3-box2 {width: 64.11%;}
  .idx3-box2 .imgbox {height: 320rem;}
  .idx3-box2 .textbox {height: 98rem;}
  .idx3-box4 {margin-left: 19.5%; margin-top: -16%; padding-left: 33%;}
  .idx3-box4 .main-title {margin-left: 27%;}
  .idx3-box4 .des {width: 70.872%;}
  .idx3-box4 .more {position: absolute; left: 12%; bottom: 13%;}
  .idx4 li {border-left: 2rem solid #E6E7E8;}
  .idx4 li:first-child {border-left: 0;}
  .about-box1__left {width: 46%;}
  .about-box1__left img {width: 82.4%}
  .about-box1__right {float: right; width: 54%;}
  .about-box1__img1 {top: -40rem; margin-top: 0; margin-left: -45rem;}
  .about-box2 .title {text-align: right;}
  .about-box4 .idx3-box2 {width: 100%;}
  .about-box4 .idx3-box2 .imgbox {height: 502rem;}
  .about-box4 .idx3-box2 .textbox {height: 157rem;}
  .about-box6 .textbox {width: 500rem; margin-left: 120rem;}
  .inno1 .col-sm-4 {float: right; text-align: right;}
  .inno1.dev1 .textbox {padding: 0 120rem 0 0;}
  .inno2-box1 {width: 36%; padding: 50rem 0 0 50rem;}
  .inno2-box2 {padding-left: 42%;}
  .inno2-box3 .weui-cell__hd {margin-right: 15%; width: 29.3%;}
  .inno3 .textbox {margin: 0 14.5%;}
  .inno4 li:nth-child(1) {width: 50.85%;}
  .inno4 li:nth-child(2) {width: 42.658%; float: right;}
  .inno5 .textbox {width: 71.5%;}
  .inno5 li:nth-child(3) {padding-right: 15%;}
  .inno5 li:nth-child(4) {padding-left: 4%; padding-right: 14%;}
  .culture1-box2 {text-align: right;}
  .culture1-box2 img {display: inline;}
  .culture3-box1 {float: right; text-align: right;}
  .dev1 .titbox {width: 62%;}
  .dev1 .textbox {padding-left: 400rem;}
  .fac1 .dev1 .titbox {width: 56%;}
  .fac3 {display: flex; align-items: center;}
  .fac3-box3 .textbox, .fac4 .textbox {padding-left: 490rem;}
  .product .list li:nth-child(3n) .imgbox::after {display: none;}
  .probox1 .swiper-pagination {position: static; padding-right: 15px; text-align: right;}
  .probox3 .detail {padding-left: 100rem; padding-right: 100rem;}
  .probox3 .download {margin: 0 58rem;}
  .solution .row {margin-top: -40rem;}
  .solution .fright {width: 38%;}
  .solution .fleft {width: 62%;}
  .news .imgbox {border-right: 20rem solid #fff; width: 480rem; height: 320rem;}
  .news .imgbox img {height: 100%; object-fit: cover;}
  .news .textbox {padding: 40rem 50rem;}
  .newsdetail .aside {position: sticky; top: 0; padding-right: 35rem; color: #B0B0B0;}
  .newsdetail .col-md-9 {padding: 100rem 35rem; border-left: 2px solid #E6E7E8;}
  .newsdetail .content {margin: 0 8.5%;}
  .newsdetail .content img {width: 75%;}
  .case .newsdetail .content {margin: 0 12.7%;}
  .case .newsdetail .content img {width: 100%;}
  .contact2 {text-align: center;}
  .contact2 li:nth-child(2) {border-left: 1px solid #E6E7E8; border-right: 1px solid #E6E7E8;}
  .contact2 .itembox {display: inline-block; text-align: left;}
  .contact3 {padding-left: 100rem; padding-right: 100rem;}

}
@media (min-width: 992px) {
  .navbar-left .menu dl {padding-left: 17rem; padding-right: 17rem;}
  .navbar-left .menu li {margin-left: 17rem; margin-right: 17rem;}
}
@media (min-width: 1200px) {
  #goTop:hover i {margin-bottom: 30rem;}
  .navbar-left .menu dt a:hover, .navbar-left .menu dl.on dt a, .navbar-left .menu dl.act dt a, .navbar-left .menu li a:hover, .navbar-left .menu li.on a,
  .navpro .swiper-slide a:hover p, .pagination .pager a:hover, .main-title .breadcrumb a:hover,
  .idx4 .itembox:hover h3, .news li:hover h3 a, .sitemap a:hover, .updown .weui-cell__bd a:hover,
  .search-bd li a:hover h3, .service .list li a:hover h3, .product .list li a:hover p,
  .pagehead a:hover {color: #003DDC;}
  .topbar a:hover, .footer .menu dd a:hover, .copyright a:hover {color: #fff;}
  .header .logo:hover img {transform: scale3d(1.05, 1.05, 1);}
  .footer .menu .col-sm-2.hidden-sm .tright {padding-right: 0;}
  .pagination .btn-prev:hover::before, .pagination .btn-next:hover::before,
  .pagination .btn-prev:hover::after, .pagination .btn-next:hover::after {border-color: #003DDC;}
  .more:hover {box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3);}
  .more:hover i {width: 48px;}
  .main-title .breadcrumb a.back:hover i, .main-title .breadcrumb a.back:hover i::after {border-color: #003DDC;}
  .main-title .breadcrumb a.back:hover i::before, .copyright .caret-item:hover {background-color: #003DDC;}
  .copyright .caret-up:hover::after {border-bottom-color: #fff;}
  .copyright .caret-down:hover::after {border-top-color: #fff;}

  .swiper-button-next:hover, .swiper-button-prev:hover {background-color: #003DDC;}
  .swiper-button-next:hover::after, .swiper-button-prev:hover::after {color: #fff;}
  .idx1 li:hover {top: -10px; color: #003DDC;}
  .idx2 .more:hover {bottom: 15rem;}
  .idx2 .col-xs-12:nth-child(1):hover img,
  .idx2-box2:hover img,
  .idx2-box3:hover img {animation: imgScale 1s both;}
  .idx3-box2 .itembox:hover {box-shadow: 0 5rem 15rem 0 rgba(0, 0, 0, .2);}
  .idx3-box2 .itembox:hover img, .about-box2 .col-sm-6 img:hover,
  .dev2 .imgbox:hover img, .dev3 .imgbox img:hover, .dev3-box1 .imgbox img:hover, .dev3-box2 .imgbox img:hover,
  .culture3-box3 .itembox .imgbox img:hover, .fac2 li:hover img, .fac3 .swiper-slide img:hover,
  .inno3 li .imgbox:hover img {transform: scale3d(1.1, 1.1, 1);}
  .idx3-box4 .more:hover {bottom: 15%;}
  .idx4 .itembox:hover .btn {background-color: #003DDC; color: #fff;}
  .idx5 li {width: 20%;}
  .idx5 li img {position: relative; top: 0; transition: all .3s;}
  .idx5 li:hover img {top: -10rem;}
  .about-box2 .col-sm-6 img, .dev3 .imgbox img, .dev3-box1 .imgbox img, .dev3-box2 .imgbox img, 
  .fac2 li img, .fac3 .swiper-slide img, .inno3 li .imgbox img {transition: all .75s;}
  .about-box3 .swiper-slide:hover .timeline .weui-cell {left: -50rem; font-size: 48rem; color: #003DDC;}
  .about-box3 .swiper-slide:hover .timeline .weui-flex__item:first-child i {background: #003DDC;}
  .about-box3 .swiper-slide:hover .contbox {margin-top: 18rem;}
  .about-box3 .swiper-slide:hover .imgbox::after {opacity: 0;}
  .about-box3__btn .weui-cell__bd .more:hover {box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, .3);}
  .about-box5 ul li:hover {background-color: #003DDC;}
  .culture3-box3 .itembox:hover::before,
  .culture3-box3 .itembox:hover::after {transform: scale3d(1, 1, 1);}
  .inno3 li .imgbox:hover::after {opacity: 0;}
  .product .list li a:hover .imgbox {top: -10px;}
  .probox {padding: 0; width: 1000px;}
  .probox1 .row {margin: 0;}
  .probox1 .col-xs-12:nth-child(1) {padding: 0; width: 450rem;}
  .probox1 .col-xs-12:nth-child(2) {padding: 0; width: 460rem; float: right;}
  .probox1 .btn:hover {opacity: .75 !important;}
  .solution .titbox a:hover {color: #fff; background-color: #003DDC;}
  .service .list li:hover .imgbox img {transform: scale3d(1.1, 1.1, 1);}
  .download .itembox:hover {top: -10px; box-shadow: 0 0 8rem 0 rgba(0, 0, 0, .1);}
  .download .list a:hover {border-color: #003DDC; color: #003DDC;}
  .question li a:hover {color: #fff; background: linear-gradient(48deg, #0083C1 0%, #0040BD 100%);}
  .question li a:hover::after {border-color: #fff;}
  .news .foot .weui-cell__ft {transform: translate3d(100%, 0, 0); opacity: 0;}
  .news li:hover {background-color: #F8F9FA;}
  .news li:hover img {transform: scale3d(1.2, 1.2, 1);}
  .news li:hover .foot .weui-cell__ft {transform: translate3d(0, 0, 0); opacity: 1;}
  .contact3 .submit:hover {opacity: .85;}
  .joinus-btn li a:hover {color: #003DDC;}
}
@media (min-width: 1600px) {
  .navbar-left .menu dl {padding: 0 25rem;}
  .navbar-left .menu li {margin-left: 25rem; margin-right: 25rem;}
}
@media (min-width: 1920px) {
  .idx3-box2 > .row {float: right; width: 1000px;}
  .idx3-box3 {left: 62%; width: 777px;}
  .about-box4 .idx3-box2 > .row {float: none; width: 100%;}
}
@media (min-width: 2048px) {
  .idx3-box4 {margin-left: 28%; padding-left: 26%;}
}
@media (max-width: 767px) {
  .f14 {font-size: 12px;}
  .f16 {font-size: 14px;}
  .f18 {font-size: 15px;}
  .f20 {font-size: 16px;}
  .f22 {font-size: 17px;}
  .f24 {font-size: 18px;}
  .f26 {font-size: 19px;}
  .f28 {font-size: 20px;}
  .navbar-left {display: none; position: fixed; z-index: 99; left: 0; top: 110rem; right: 0; max-height: 88vh; background-color: #fff; font-family: 'PingFangSC Medium'; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
  .navbar-left .menu {margin: 0;}
  .navbar-left .menu dl {position: relative;}
  .navbar-left .menu dl:nth-child(2) .navpro {display: none;}
  .navbar-left .menu dl::after {position: absolute; display: block; content: ''; left: 10px; right: 10px; bottom: 0; height: 1px; background-color: #E6E7E8;}
  .navbar-left .menu dl:last-child {display: none;}
  .navbar-left .menu dt a {position: relative; padding: 34rem 20rem; font-size: 16px; color: #242A32;}
  .navbar-left .menu dd {display: none;}
  .navbar-left .menu dt a::after, .navbar-left .menu ul li > a.spec::after {position: absolute; display: block; content: ''; top: 44%; right: 25rem; width: 12rem; height: 12rem; border-top: 4rem solid #242A32; border-right: 4rem solid #242A32; transform: rotate(45deg); transition: .3s;}
  .navbar-left .menu dl.on dt a::after, .navbar-left .menu ul li.on > a.spec::after {top: 40%; transform: rotate(135deg);}
  .navbar-left .menu ul li > a.spec::after {top: 39%;}
  .navbar-left .menu ul li.on > a.spec::after {top: 35%;}
  .navbar-left .menu ul li.on > a.spec {background-color: #E6E7E8;}
  .navbar-left .menu a {display: block; font-size: 14px; color: #242A32;}
  .navbar-left .menu ul {text-align: left !important;}
  .navbar-left .menu ul li > a {position: relative; padding: 27rem 50rem;}
  .navbar-left .menu .dropmenu {display: none;}
  .navbar-left .menu .dropmenu a {padding: 27rem 100rem;}
  .navpro .swiper-slide p {font-size: 14px;}
  .footer {background: #fff; color: #000;}
  .copyright {background-color: #1455EA; color: #fff; font-size: 14px;}
  .copyright .col-sm-5 {margin-top: 15px; font-size: 16px;}
  .copyright a {color: #fff;}
  .copyright .swiper-container {width: 170rem; font-size: 14px;}
  .main-title.linefeed .weui-cell {display: block;}
  .main-title.linefeed .line, .main-title.linefeed .cn, .main-title.linefeed .cn + .en {margin-top: 10px; display: inline-block; vertical-align: middle;}
  .main-title.linefeed .line {margin-left: 7rem;}
  .main-title.linefeed .breadcrumb {margin-top: 15px; margin-left: -30rem; text-align: left;}
  .idx-banner {height: calc(100vw * (1200 / 750)); margin-top: 110rem;}
  .idx-banner .weui-cell {height: calc(100vh - 110rem);}
  .idx-banner .swiper-slide {background: none !important;}
  .idx-banner .swiper-slide .weui-cell {position: absolute; left: 0; top: 0; right: 0; padding-left: 80rem; padding-right: 80rem; padding-bottom: 240rem;}
  .idx-banner__intro .weui-cell {height: 117rem; font-size: 24rem;}
  .idx1 li .f14 {font-size: 18rem;}
  .idx1 li .f16 {margin-top: 6rem; font-size: 20rem;}
  .idx1 li::before {bottom: 35rem;}
  .idx2 .row {height: auto;}
  .idx2 .col-xs-12:nth-child(1), .idx2-box2, .idx2-box3 {height: 550rem;}
  .idx2-box1 .cn {margin-top: 30rem;}
  .idx2 .weui-flex {display: block;}
  .idx2-box2 img {margin: 50rem auto; width: 75%;}
  .idx3-box1 .navpro .swiper-button-prev, .idx3-box1 .navpro .swiper-button-next {margin-left: 0; margin-right: 0;}
  .idx3-box2 {margin: 0; padding: 130rem 30rem 80rem;}
  .idx3-box2 .row {margin-left: -13rem; margin-right: -13rem; padding-bottom: 35rem; white-space: nowrap; overflow-x: scroll;}
  .idx3-box2 .row::-webkit-scrollbar-thumb {background-color: #fff;}
  .idx3-box2 .col-xs-12 {float: none; display: inline-block; width: 275px; padding-left: 13rem; padding-right: 13rem;}
  .idx3-box2 .imgbox {height: 290px !important};
  .idx3-box2 .textbox {margin-bottom: 30rem; padding-top: 30rem; padding-bottom: 30rem;}
  .idx3-box4 {padding-left: 15px; padding-right: 15px;}
  .idx3-box4 .more {margin-top: 50rem; margin-bottom: 50rem;}
  .idx3-box4 .des {font-size: 24rem; line-height: 42rem;} 
  .idx4 li {padding-top: 50rem; padding-bottom: 50rem; border-top: 2rem solid #E6E7E8;}
  .idx4 li:first-child {border-top: 0;}
  .idx4 h3 {height: auto; font-size: 32rem; line-height: 44rem;}
  .idx4 p {height: auto; font-size: 24rem; line-height: 38rem;}
  .idx4 .btn {margin-top: 100rem; font-size: 22rem; line-height: 46rem;}
  .banner .weui-cell {padding-left: 15px; padding-right: 15px;}
  .about-box1__left {float: right; margin-bottom: -30rem; padding-top: 15rem; width: 66%;}
  .about-box1__img1 {margin: 0 auto -90rem; width: 100%;}
  .about-box1__img2 {margin: 0; width: 100%;}
  .about-box4 {padding-top: 0; padding-bottom: 0; background: linear-gradient(48deg, #0083C1 0%, #0040BD 100%);}
  .about-box4 .idx3-box2 {padding-left: 0; padding-right: 0; background: none;}
  .about-box5 ul li {margin: 0 5rem; padding: 0 30rem;}
  .about-box5 .weui-cell {height: 480rem;}
  .about-box6 .imgbox {height: 600rem;}
  .about-box6 .imgbox img {width: 100%; height: 100%; object-fit: cover; object-position: 30% 50%;}
  .about-box6 .imgbox dl {right: 30rem; padding: 30rem;}
  .inno2-box3 {display: block;}
  .inno2-box3 {margin-left: 40rem; margin-right: 40rem;}
  .inno2-box3 .weui-cell__hd .swiper-slide {padding-left: 80rem; padding-right: 80rem;}
  .inno2-box3 .swiper-pagination {position: static; margin-top: 40rem;}
  .inno3 ul {margin-left: -5px; margin-right: -5px; white-space: nowrap; overflow-x: scroll;}
  .inno3 li {display: inline-block; float: none; width: 288px; padding-left: 5px; padding-right: 5px;}
  .inno3 li p {white-space: pre-wrap;}
  .inno4 li:first-child {margin-bottom: 50rem;}
  .inno5 li:nth-child(1), .inno5 li:nth-child(2) {margin-top: 15rem; margin-bottom: 15rem;}
  .inno5 li:nth-child(1) p, .inno5 li:nth-child(2) p {padding: 30rem}
  .inno5 li:nth-child(3) {margin-top: 70rem;}
  .inno5 li:nth-child(4) {padding-top: 150rem;}
  .culture1-box1, .culture1-box2 {text-align: center;}
  .culture1-box3 .dev1 .titbox {padding: 20rem 25rem; width: 60%;}
  .culture2 .textbox {padding-left: 5%; padding-right: 5%;}
  .culture3-box3 .itembox:nth-child(1) {width: 42%;}
  .culture3-box3 .itembox:nth-child(2) {width: 44%; margin-right: 0; margin-left: 6%;}
  .culture3-box3 .itembox:nth-child(3) {left: -6%; width: 66%; margin-top: 98rem;}
  .culture4 .textbox {margin: 0 5%;}
  .culture1 ul {margin-left: -5px; margin-right: -5px;}
  .culture1 ul li {padding-left: 5px; padding-right: 5px;}
  .dev1 .imgbox img {height: 400rem; object-position: 0 50%;}
  .dev1 .titbox {position: static; padding: 30rem; width: 100%;}
  .dev1 .custompag {bottom: auto; top: 350rem;}
  .dev2 ul {margin-left: -7px; margin-right: -7px; white-space: nowrap; overflow-x: scroll;}
  .dev2 li {display: inline-block; float: none; padding-left: 7px; padding-right: 7px;}
  .dev3 li {margin: 16rem auto;}
  .fac1 .textbox {margin-left: 30rem; margin-right: 30rem;}
  .fac2-tit h3 br {display: none;}
  .fac2 li:nth-child(2) .weui-cell {padding-left: 12%; padding-right: 12%;}
  .fac2 li:nth-child(3) .weui-cell {padding-left: 14%; padding-right: 14%;}
  .product .list li:nth-child(2n) .imgbox::after,   .product .list li:last-child .imgbox::after {display: none;}
  .probox1 .swiper-container::after, div.zoomDiv, div.zoomMask {display: none !important;}
  .probox2 .breadcrumb a {padding-left: 35rem; padding-right: 35rem;}
  .download-btn .breadcrumb a {padding-left: 45rem; padding-right: 45rem;}
  .solution .main-title.linefeed .line, .solution .main-title.linefeed .cn {margin-top: 0;}
  .solution .main-title .cn.weui-cell__hd {width: 70%;}
  .solution .main-title .en {margin-top: 20rem; text-align: left;}
  .solution .titbox {padding: 60rem;}
  .pagination .btn-prev, .pagination .btn-next {top: 1px;}
  .dialog {width: 96%;}
  .dialog .videobox {max-width: none;}
  .download .list .imgbox {margin-left: 20rem Im !important; margin-right: 20rem !important;}
  .news ul {margin-left: -8px; margin-right: -8px;}
  .news li {float: left; display: block; width: 50%; padding: 8px !important;}
  .news li .imgbox {display: block; height: 210rem;}
  .news li .imgbox img {height: 100%; object-fit: cover;}
  .news .textbox .weui-cell {display: block;}
  .news .textbox .line3 {height: auto; font-size: 15px; line-height: 24px;}
  .news .foot .weui-cell__bd {font-size: 15px;}
  .news .foot .weui-cell__ft {display: inline-block; margin-top: 15rem; font-size: 12px;}
  .newsdetail .aside, .newsdetail .content {font-size: 15px; line-height: 26px;}
  .updown .main-title .en {font-size: 36rem;}
  .updown .weui-cell__hd .f34 {font-size: 16px;}
  .updown .weui-cell__bd .f24 {font-size: 13px; line-height: 18px;}
  .search-bd h3 {margin-bottom: 30rem; font-size: 28rem;}
  .search-bd p {font-size: 23rem; line-height: 33rem;}
  .map {height: 70vw;}
  .contact1 .row {font-size: 23rem;}
  .contact1 .row li .weui-cell__bd br {display: none;}
  .contact2 li {padding-top: 30rem; padding-bottom: 30rem;}
  .weui-flex.joinus-btn li a {padding: 0 20rem;}
  .joinus .weui-cell > div {padding: 0 7rem; font-size: 14px;}
  .joinus .col3 {display: none;}
  .joinus dd {padding: 20px; font-size: 22rem;}
  .joinus dd .addr {width: 37%;}
}
@-webkit-keyframes imgScale {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  100% {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
  }
}
@keyframes imgScale {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  100% {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    -ms-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
  }
}