@keyframes halo { 0% { opacity: 0;
    -webkit-transform: scale(0.1);
    transform: scale(0.1); }
  50% { opacity: 1; }
  100% { opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }

.btnC { width: 2.6rem; line-height: .7rem; background: #FF8212; font-size: .28rem; color: #fff; text-align: center; display: block; margin: 0 auto; }

.btnC i { vertical-align: -.01rem; margin-left: .1rem; }

/*header*/
.header { width: 100%; max-width: 768px; height: 1rem; overflow: hidden; position: fixed; left: 0; top: 0; right: 0; display: flex; justify-content: space-between; align-items: center; padding: 0 .3rem; z-index: 11; background: #fff; margin: 0 auto; border-bottom: 1px solid #eee; }

.header .logo { width: 4rem; }

.header .logo img { width: 100%; }

.header .other { height: auto; overflow: hidden; }

.header .other .iconfont { font-size: .4rem; margin-left: .4rem; }

.header .other .icon-search { font-weight: bold; }

.navMenu { overflow-y: auto; background: #fff; display: none; position: fixed; left: 0; right: 0; top: 1rem; margin: auto; z-index: 11; max-width: 768px; border-top: .01rem solid #eee; }

.navMenu .item { display: flex; justify-content: space-between; align-items: center; font-size: .3rem; line-height: .98rem; padding: 0 .4rem; border-bottom: .01rem solid #eee; color: #000; }

.navMenu .item i { color: #999; }

.mask-black { background: rgba(0, 0, 0, 0.4); position: fixed; z-index: 10; bottom: 0; right: 0; left: 0; top: 0; display: none; }

/* footer */
.footer { height: auto; overflow: hidden; background: #0F192D; position: relative; z-index: 1; }

.footer .top { height: auto; overflow: hidden; padding: 0 .3rem; }

.footer .top .nav { height: auto; overflow: hidden; }

.footer .top .nav .item { line-height: .98rem; display: flex; font-size: .26rem; color: #fff; opacity: .9; border-bottom: 1px solid #232b3b; justify-content: space-between; align-items: center; }

.footer .top .nav .item i { opacity: .7; }

.footer .top .contact { height: auto; overflow: hidden; padding: .4rem 0; }

.footer .top .contact p { font-size: .24rem; color: #606165; line-height: .5rem; }

.footer .top .contact p a { color: #fff; text-decoration: underline; }

.footer .bottom { height: auto; overflow: hidden; background: #060F21; padding: .4rem .3rem; }

.footer .bottom .link { font-size: .24rem; color: #909398; margin-bottom: .3rem; }

.footer .bottom .link a { color: #909398; margin-right: .25rem; }

.footer .bottom p { font-size: .24rem; color: #606165; }

/* neiBanner */
.neiBanner { height: auto; overflow: hidden; position: relative; }

.neiBanner img { width: 100%; }

.neiBanner .text { width: 100%; height: auto; overflow: hidden; padding: .7rem .5rem; position: absolute; left: 0; top: 0; z-index: 1; opacity: .8; }

.neiBanner .text h2 { font-size: .34rem; color: #fff; position: relative; padding-left: .4rem; text-transform: uppercase; }

.neiBanner .text h2:before { content: ""; width: .26rem; height: .02rem; background: #fff; position: absolute; left: 0; top: .2rem; }

.neiBanner .text h1 { font-size: .34rem; color: #fff; }

/* neiTbas */
.neiTabs { height: auto; overflow: hidden; position: relative; padding: 0 .3rem; margin-bottom: .4rem; background: #fff; }

.neiTabs .item { font-size: .3rem; color: #333; line-height: .9rem; position: relative; padding: 0 .2rem; display: block; float: left; z-index: 1; }

.neiTabs .item.active:after { content: ""; width: 100%; height: .04rem; background: #0050C9; position: absolute; left: 0; bottom: 0; }

.neiTabs:after { content: ""; width: 100%; height: .02rem; background: #e2e2e2; position: absolute; left: 0; bottom: 0; z-index: 0; }

/* Index */
.Index .banner { height: auto; overflow: hidden; position: relative; z-index: 1; background: #fff; }

.Index .banner .swiper-slide { position: relative; }

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

.Index .banner .swiper-slide .text { width: 80%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; }

.Index .banner .swiper-pagination { bottom: 5%; }

.Index .banner .swiper-pagination-bullet { width: .8rem; height: .08rem; background: #fff; opacity: 1; margin: 0 .1rem; border-radius: 0; }

.Index .banner .swiper-pagination-bullet-active { background: #0047BA; }

.Index .product .tabs { height: auto; overflow: hidden; }

.Index .product .tabs .swiper-slide { padding: .4rem 0; }

.Index .product .tabs .swiper-slide img { width: 100%; margin-bottom: .1rem; }

.Index .product .tabs .swiper-slide h2 { font-size: .24rem; color: #303132; text-align: center; }

.Index .product .slideBox { height: auto; overflow: hidden; position: relative; }

.Index .product .slideBox .swiper-slide { height: auto; overflow: hidden; background: #fff; padding: .6rem 0 0; }

.Index .product .slideBox .swiper-slide .text { height: auto; overflow: hidden; padding-bottom: .4rem; }

.Index .product .slideBox .swiper-slide .text h1 { font-size: .44rem; color: #303132; text-align: center; font-weight: bold; margin-bottom: .2rem; }

.Index .product .slideBox .swiper-slide .text h2 { font-size: .28rem; color: #606165; text-align: center; margin-bottom: .5rem; }

.Index .product .slideBox .swiper-slide .text h2 span { width: .2rem; display: inline-block; }

.Index .product .slideBox .swiper-slide .imgs { height: 5.85rem; overflow: hidden; position: relative; }

.Index .product .slideBox .swiper-slide .imgs .btn360 { position: absolute; right: 2rem; top: .8rem; z-index: 1; padding-left: .5rem; }

.Index .product .slideBox .swiper-slide .imgs .btn360 .point { display: flex; position: absolute; width: .12rem; height: .12rem; background: #fff; border-radius: 50%; left: 0; top: .15rem; }

.Index .product .slideBox .swiper-slide .imgs .btn360 .point:before { content: ''; position: absolute; width: .32rem; height: .32rem; left: 50%; margin-left: -.16rem; top: 50%; margin-top: -.16rem; border-radius: 50%; box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8); z-index: 3; opacity: 0; transform-origin: center; animation: halo 1.5s 0.9s infinite ease-out; }

.Index .product .slideBox .swiper-slide .imgs .btn360 .point:after { content: ''; position: absolute; width: .48rem; height: .48rem; left: 50%; margin-left: -.24rem; top: 50%; margin-top: -.24rem; border-radius: 50%; box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8); z-index: 3; opacity: 0; transform-origin: center; animation: halo 1.5s 0.9s infinite ease-out; }

.Index .product .slideBox .swiper-slide .imgs .btn360 img { width: .64rem; }

.Index .product .slideBox .swiper-slide .imgs .lbg { width: 5.5rem; position: absolute; left: 0; top: 0; }

.Index .product .slideBox .swiper-slide .imgs .rbg { width: 5.16rem; position: absolute; right: 0; top: -.3rem; }

.Index .product .slideBox .swiper-slide .imgs .img { width: 6.76rem; position: absolute; left: .68rem; bottom: 0; }

.Index .about { height: 12.56rem; overflow: hidden; background: url("/res/template/mobile-2021/resource/images/index/about-bg.jpg") center no-repeat; background-size: cover; padding: 1.2rem 0; }

.Index .about .since { width: 3rem; margin: 0 auto; }

.Index .about .title { font-size: .44rem; color: #fff; text-align: center; margin: .5rem 0 .25rem; font-weight: bold; }

.Index .about .dsc { font-size: .26rem; color: #fff; text-align: center; line-height: .42rem; padding: 0 .3rem; }

.Index .about .btnC { margin-top: .5rem; }

.Index .about .slide { height: auto; overflow: hidden; margin-top: 1.2rem; padding: 0 .3rem; }

.Index .about .slide .box { width: 100%; height: 3.58rem; background-size: 100%; background-position: center; background-repeat: no-repeat; text-align: center; padding-top: 1.8rem; }

.Index .about .slide .box.box1 { background-image: url("/res/template/mobile-2021/resource/images/index/about-bg1.png"); }

.Index .about .slide .box.box2 { background-image: url("/res/template/mobile-2021/resource/images/index/about-bg2.png"); }

.Index .about .slide .box.box3 { background-image: url("/res/template/mobile-2021/resource/images/index/about-bg3.png"); }

.Index .about .slide .box h2 { font-size: .28rem; color: #fff; font-weight: bold; margin-bottom: .1rem; }

.Index .about .slide .box h2 b { font-size: .44rem; }

.Index .about .slide .box p { font-size: .24rem; color: #fff; opacity: .8; padding: 0 .3rem; }

.Index .case { height: auto; overflow: hidden; background: #F6F7F9; position: relative; }

.Index .case .slide { height: auto; overflow: hidden; padding: 1rem 0; position: relative; }

.Index .case .slide .text { height: auto; overflow: hidden; text-align: center; padding: 0 .3rem .4rem; }

.Index .case .slide .text h2 { font-size: .44rem; color: #303132; font-weight: bold; margin-bottom: .3rem; }

.Index .case .slide .text p { font-size: .26rem; color: #606165; line-height: .44rem; }

.Index .case .slide .img { height: auto; overflow: hidden; position: relative; }

.Index .case .slide .img img { width: 100%; }

.Index .case .slide .img .icon-bofang { width: .8rem; height: .8rem; font-size: .8rem; color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.Index .case .slide .btnC { margin-top: 1.2rem; }

.Index .case .slide .swiper-pagination { bottom: 2.2rem; }

.Index .case .slide .swiper-pagination-bullet { width: .16rem; height: .16rem; background: #06265F; opacity: .2; margin: 0 .08rem; }

.Index .case .slide .swiper-pagination-bullet-active { background: #0047BA; opacity: 1; }

.Index .news { height: auto; overflow: hidden; background: #06265F; padding: 1.2rem .3rem .8rem; }

.Index .news .title { height: auto; text-align: center; position: relative; }

.Index .news .title h1 { font-size: .96rem; color: #38527f; }

.Index .news .title h2 { width: 100%; font-size: .44rem; color: #fff; position: absolute; top: .6rem; text-align: center; font-weight: bold; }

.Index .news .slide { height: auto; overflow: hidden; position: relative; padding: .5rem 0 .4rem; }

.Index .news .slide .img { overflow: hidden; }

.Index .news .slide .img img { width: 100%; }

.Index .news .slide .text { height: auto; overflow: hidden; padding: .4rem 0; }

.Index .news .slide .text h3 { font-size: .26rem; color: #909398; }

.Index .news .slide .text h2 { font-size: .3rem; color: #fff; margin: .3rem 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Index .news .slide .text p { font-size: .26rem; color: #fff; opacity: .8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Index .news .slide .text .date { font-size: .26rem; color: #fff; opacity: .8; margin-top: .3rem; display: flex; align-items: center; justify-content: space-between; }

.Index .news .slide .swiper-pagination { bottom: 0; }

.Index .news .slide .swiper-pagination-bullet { width: .16rem; height: .16rem; background: #fff; opacity: .2; margin: 0 .08rem; }

.Index .news .slide .swiper-pagination-bullet-active { background: #fff; opacity: 1; }

/* Product */
.Product { background: #F6F7F9; }

.Product .tabs { height: auto; overflow: hidden; padding: .3rem; }

.Product .tabs .title { font-size: .38rem; color: #303132; font-weight: bold; margin-bottom: .3rem; }

.Product .tabs .slide { height: auto; overflow: hidden; }

.Product .tabs .slide .swiper-slide { width: auto !important; line-height: .7rem; font-size: .28rem; color: #333; text-align: center; padding: 0 .25rem; background: #E2E2E2; }

.Product .tabs .slide .swiper-slide.active { background: #0050C9; color: #fff; }

.Product ul { height: auto; overflow: hidden; padding: 0 .3rem; display: flex; flex-wrap: wrap; justify-content: space-between; }

.Product ul li { width: 48.5%; background: #fff; padding: .3rem; margin-bottom: .3rem; }

.Product ul li img { width: 100%; margin: .3rem 0; }

.Product ul li h2 { font-size: .3rem; color: #000; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Product ul li p { font-size: .26rem; color: #333; line-height: .4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Product ul li .btns { display: flex; justify-content: space-between; margin-top: .3rem; }

.Product ul li .btns a { width: 48%; line-height: .6rem; border: .01rem solid #959595; font-size: .26rem; color: #303132; text-align: center; }

.Product ul li .btns a.btn1 { background: #014ABB; border-color: #014ABB; color: #fff; }

/* ProductXq*/
.ProductXq .neiBanner { height: 4.5rem; }

.ProductXq .neiBanner img { height: 100%; }

.ProductXq .neiBanner .text { opacity: 1; padding-top: .3rem; }

.ProductXq .neiBanner .text h2 { font-weight: bold; padding: 0; font-size: .42rem; }

.ProductXq .neiBanner .text h2:before { display: none; }

.ProductXq .neiBanner .text .btn { padding: 0 .3rem; line-height: .7rem; background: #fff; font-size: .28rem; color: #101011; display: inline-block; margin-top: .5rem; }

.ProductXq .neiBanner .text .btn i { color: #014ABB; margin-left: .3rem; }

.ProductXq .info { height: auto; overflow: hidden; background: #F6F6F6; padding: .5rem; }

.ProductXq .info h1 { font-size: .34rem; color: #060606; margin-bottom: .2rem; }

.ProductXq .info h1 b { font-size: .36rem; font-weight: bold; }

.ProductXq .info p { font-size: .26rem; color: #303132; line-height: .42rem; }

.ProductXq .info ul { height: auto; overflow: hidden; margin: .3rem 0; }

.ProductXq .info ul li { font-size: .25rem; color: #666; line-height: .44rem; }

.ProductXq .info .btns { height: auto; overflow: hidden; display: flex; justify-content: space-between; }

.ProductXq .info .btns a { width: 48%; display: block; font-size: .28rem; line-height: .76rem; text-align: center; }

.ProductXq .info .btns a i { font-size: .4rem; margin-right: .1rem; vertical-align: -.04rem; }

.ProductXq .info .btns a.btn1 { background: #FF8211; color: #fff; }

.ProductXq .info .btns a.btn2 { background: #fff; color: #333; }

.ProductXq .slide { height: auto; overflow: hidden; position: relative; margin: .3rem .6rem .6rem; }

.ProductXq .slide img { display: block; width: 100%; }

.ProductXq .slide .next, .ProductXq .slide .prev { font-size: .6rem; color: #ccc; position: absolute; top: 45%; z-index: 1; cursor: pointer; transition: all .3s linear; }

.ProductXq .slide .next:hover, .ProductXq .slide .prev:hover { color: #0050C9; }

.ProductXq .slide .next.swiper-button-disabled, .ProductXq .slide .prev.swiper-button-disabled { color: #eee; }

.ProductXq .slide .next { right: 0; }

.ProductXq .slide .swiper-pagination { text-align: right; font-size: .26rem; color: #3B3D3F; bottom: 0; }

.ProductXq .slide .swiper-pagination .swiper-pagination-current { font-size: .3rem; }

.ProductXq .tedian { height: auto; overflow: hidden; }

.ProductXq .tedian .bg { width: 100%; height: 1.5rem; background: url("/res/template/mobile-2021/resource/images/product/tediain-bg.jpg") center no-repeat; background-size: cover; position: relative; }

.ProductXq .tedian .bg .title { font-size: .34rem; color: #fff; position: absolute; left: 0; top: .5rem; text-align: center; width: 100%; }

.ProductXq .tedian .jingtai { height: auto; overflow: hidden; padding: 0 .3rem; }

.ProductXq .canshu { height: auto; overflow: hidden; background: #F6F7F9; padding: .6rem .3rem; }

.ProductXq .canshu .title { font-size: .34rem; color: #303132; text-align: center; margin-bottom: .4rem; }

.ProductXq .canshu table { width: 100%; height: auto; overflow: hidden; border-collapse: collapse; background: #fff; border: 1px solid #E8E8E8; }

.ProductXq .canshu table tr { height: auto; overflow: hidden; }

.ProductXq .canshu table tr th { font-size: .28rem; color: #fff; height: .8rem; background: #004EA2; text-align: left; padding: 0 .2rem; }

.ProductXq .canshu table tr td { height: .6rem; padding: .2rem; font-size: .26rem; color: #333; border: .01rem solid #E8E8E8; }

.ProductXq .canshu table tr td b { font-size: .28rem; }

.ProductXq .canshu table tr:nth-child(odd) td { background: #F3F3F3; }

.ProductXq .canshu table tr .bgf { background: #fff !important; }

.ProductXq .canshu .tips { font-size: .24rem; color: #666; margin-top: .2rem; }

.ProductXq .canshu .tips i { color: #EB1818; }

.ProductXq .order { height: auto; overflow: hidden; background: #fff; padding: .6rem .3rem; }

.ProductXq .order .title { font-size: .34rem; color: #303132; text-align: center; margin-bottom: .4rem; }

.ProductXq .order form { height: auto; overflow: hidden; margin-top: .3rem; }

.ProductXq .order form .row { height: auto; overflow: hidden; border: .01rem solid #C7CACE; margin-bottom: .2rem; }

.ProductXq .order form .row input { width: 100%; height: .85rem; padding: 0 .15rem; font-size: .28rem; }

.ProductXq .order form .row textarea { width: 100%; height: 2rem; padding: .15rem; font-size: .28rem; background: none; }

.ProductXq .order form .btns { display: flex; margin-top: .4rem; }

.ProductXq .order form .btns a { width: 3rem; height: .8rem; line-height: .8rem; font-size: .3rem; color: #fff; text-align: center; margin: 0 .15rem; display: block; }

.ProductXq .order form .btns a.reset { background: #C7CACE; color: #303132; }

.ProductXq .order form .btns a.submit { background: #0047BA; color: #fff; }

.ProductXq .case { height: auto; overflow: hidden; padding: .8rem .3rem 1rem; background: url("/res/template/mobile-2021/resource/images/product/case-bg.jpg") center no-repeat; background-size: cover; }

.ProductXq .case .title { font-size: .34rem; color: #fff; text-align: center; margin-bottom: .4rem; }

.ProductXq .case .slide1 { height: auto; overflow: hidden; }

.ProductXq .case .slide1 .swiper-slide img { width: 100%; }

.ProductXq .case .slide1 .swiper-slide h2 { line-height: .65rem; background: #fff; font-size: .28rem; color: #303132; padding: 0 .2rem; }

.ProductXq .relevant { height: auto; overflow: hidden; padding: .6rem 0; background: #F6F7F9; }

.ProductXq .relevant .title { font-size: .34rem; color: #303132; text-align: center; margin-bottom: .4rem; }

.ProductXq .fixedOrder { width: 100%; height: .9rem; text-align: center; background: #0047BA; position: fixed; right: 0; bottom: 0; z-index: 10; display: flex; justify-content: center; align-items: center; font-size: .3rem; color: #fff; }

.ProductXq .fixedOrder i { font-size: .5rem; color: #fff; margin-right: .1rem; }

.ProductXq .xny .neiBanner .text .btn i { color: #019966; }

.ProductXq .xny .tedian .bg { background-image: url("/res/template/mobile-2021/resource/images/product/tediain-bg1.jpg"); }

.ProductXq .xny .canshu table tr th { background: #019966; }

.ProductXq .xny .order form .btns a.submit { background: #019966; }

.ProductXq .xny .fixedOrder { background: #019966; }

/* News*/
.News .list { height: auto; overflow: hidden; padding: 0 .3rem; }

.News .list li { height: auto; overflow: hidden; border-bottom: 1px solid #eee; margin-bottom: .35rem; }

.News .list li img { width: 100%; }

.News .list li .text { height: auto; overflow: hidden; padding: .3rem 0; }

.News .list li .text h2 { font-size: .3rem; color: #0050C9; font-weight: bold; margin-bottom: .2rem; }

.News .list li .text p { font-size: .26rem; color: #666; line-height: .44rem; }

.News .list li .text .other { display: flex; justify-content: space-between; margin-top: .3rem; }

.News .list li .text .other .arrow { width: .65rem; height: .65rem; line-height: .65rem; background: #0050C9; text-align: center; }

.News .list li .text .other .arrow i { color: #fff; position: relative; }

.News .list li .text .other .date { height: auto; overflow: hidden; text-align: right; }

.News .list li .text .other .date h3 { font-size: .32rem; color: #000; }

.News .list li .text .other .date h4 { font-size: .24rem; color: #888; margin-top: .05rem; }

.News .list li:last-child { border: 0; }

/* NewsXq */
.NewsXq .con { height: auto; overflow: hidden; padding: 0 .3rem; }

.NewsXq .con .title { height: auto; overflow: hidden; margin: .4rem 0; }

.NewsXq .con .title h2 { font-size: .32rem; text-align: center; color: #000; }

.NewsXq .con .title .other { display: flex; justify-content: center; margin-top: .2rem; }

.NewsXq .con .title .other span { font-size: .26rem; color: #888; margin: 0 .15rem; }

.NewsXq .con .box { height: auto; overflow: hidden; padding-bottom: 1rem; }

.NewsXq .con .box p { font-size: .28rem; line-height: .44rem; margin-bottom: .15rem; color: #666; }

.NewsXq .con .box #video, .NewsXq .con .box #video video { width: 100%; }

/* Contact*/
.Contact .block { height: auto; overflow: hidden; padding: .4rem 0; }

.Contact .block .title { font-size: .38rem; color: #303132; text-align: center; font-weight: bold; }

.Contact .block ul { height: auto; overflow: hidden; display: flex; flex-wrap: wrap; margin-top: .4rem; }

.Contact .block ul li { width: 50%; text-align: center; margin-bottom: .5rem; }

.Contact .block ul li img { width: .8rem; margin: 0 auto; }

.Contact .block ul li h3 { font-size: .26rem; color: #666; margin: .15rem 0; }

.Contact .block ul li h2 { font-size: .3rem; color: #0047BA; font-weight: bold; }

.Contact .order { padding: .4rem .3rem; }

.Contact .order .dsc { font-size: .26rem; color: #666; text-align: center; line-height: .4rem; margin-top: .3rem; }

.Contact .order form { height: auto; overflow: hidden; margin-top: .3rem; }

.Contact .order form .row { height: auto; overflow: hidden; border: .01rem solid #C7CACE; margin-bottom: .2rem; }

.Contact .order form .row input { width: 100%; height: .85rem; padding: 0 .15rem; font-size: .28rem; }

.Contact .order form .row textarea { width: 100%; height: 2rem; padding: .15rem; font-size: .28rem; background: none; }

.Contact .order form .btns { display: flex; margin-top: .4rem; }

.Contact .order form .btns a { width: 3rem; height: .8rem; line-height: .8rem; font-size: .3rem; color: #fff; text-align: center; margin: 0 .15rem; display: block; }

.Contact .order form .btns a.reset { background: #C7CACE; color: #303132; }

.Contact .order form .btns a.submit { background: #0047BA; color: #fff; }

.Contact #allmap { height: 6rem; margin-bottom: .6rem; }

/* Strength */
.Strength ul { height: auto; overflow: hidden; padding: .3rem; }

.Strength ul li { height: auto; overflow: hidden; margin-bottom: .4rem; }

.Strength ul li img { width: 100%; }

.Strength ul li .text { height: 1.1rem; padding: 0 .3rem; font-size: .34rem; color: #303132; background: #ECEFF2; display: flex; align-items: center; justify-content: space-between; }

/* About */
.About .block { height: auto; overflow: hidden; padding-bottom: .6rem; }

.About .block img { width: 100%; margin-bottom: .5rem; }

.About .block .title { font-size: .38rem; color: #303132; text-align: center; font-weight: bold; margin-bottom: .3rem; }

.About .block .box { height: auto; overflow: hidden; padding: 0 .3rem; }

.About .block .box p { font-size: .28rem; color: #606165; line-height: .48rem; margin-bottom: .25rem; }

.About .block.info { padding: .1rem 0 0; }

.About .block.details { padding-bottom: .4rem; }

.About .block.details .btn { font-size: .28rem; color: #606165; text-align: center; display: block; margin: 0 auto; }

.About .block.details .btn i { color: #0047BA; vertical-align: -.02rem; }

.About .block.details .slide { height: auto; overflow: hidden; margin: .4rem 0; padding: 0 .3rem; }

.About .block.details .slide .swiper-slide { height: auto; overflow: hidden; padding: .6rem .3rem; border: .01rem solid #0047BA; position: relative; }

.About .block.details .slide .swiper-slide h2 { font-size: .32rem; color: #0047BA; font-weight: bold; margin-bottom: .2rem; }

.About .block.details .slide .swiper-slide p { font-size: .28rem; color: #606165; line-height: .44rem; }

.About .block.details .slide .swiper-slide img { width: 1.16rem; position: absolute; right: 0; top: 0; }

.About .fc { margin: .5rem 0 .8rem; }

.About .fc .container { padding: 0 .3rem; margin: 0; }

.About .fc .title { font-size: .4rem; font-weight: bold; text-align: center; margin-bottom: .3rem; }

.About .fc ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.About .fc ul li { width: 48.5%; margin: 0 0 .2rem 0; overflow: hidden; }

.About .fc ul li img { width: 100%; display: block; }

.About .fc ul li:first-child { width: 100%; margin-left: 0; }

.About .fc ul li:nth-child(n+6) { display: none; }

/* Culture */
.Culture .block { height: auto; overflow: hidden; padding: .1rem 0 .6rem; }

.Culture .block .dsc { padding: 0 .3rem; }

.Culture .block .dsc, .Culture .block p { font-size: .28rem; color: #606165; line-height: .44rem; }

.Culture .block ul { height: auto; overflow: hidden; padding: 0 .3rem; }

.Culture .block ul li { height: auto; overflow: hidden; margin-top: .4rem; }

.Culture .block ul li h2 { font-size: .32rem; color: #0047BA; margin-bottom: .15rem; font-weight: bold; }

.Culture .block .bg { width: 100%; height: 4.1rem; background: url("/res/template/mobile-2021/resource/images/culture/bg.jpg") center no-repeat; background-size: cover; margin-top: .6rem; padding-top: .6rem; }

.Culture .block .bg img { width: 6.86rem; margin: 0 auto; }

/* LeaderCare */
.LeaderCare .block { height: auto; overflow: hidden; padding: .1rem 0 .6rem; }

.LeaderCare .block .title { font-size: .38rem; color: #303132; text-align: center; font-weight: bold; margin-bottom: .3rem; }

.LeaderCare .block .dsc { font-size: .28rem; color: #606165; line-height: .44rem; padding: 0 .3rem .5rem; border-bottom: .01rem solid #ddd; }

.LeaderCare .block ul { height: auto; overflow: hidden; position: relative; }

.LeaderCare .block ul:before { content: ""; width: .01rem; height: 100%; background: #ddd; position: absolute; left: .4rem; top: 0; }

.LeaderCare .block ul li { height: auto; margin-left: .4rem; border-bottom: .01rem dotted #ddd; padding: .4rem 0; }

.LeaderCare .block ul li .date { font-size: .48rem; color: #004abb; position: relative; padding-left: .25rem; }

.LeaderCare .block ul li .date:after { content: "\e60d"; font-family: "iconfont"; font-size: .3rem; position: absolute; left: -.15rem; top: .1rem; }

.LeaderCare .block ul li .slide { height: auto; overflow: hidden; margin: .3rem .3rem 0; position: relative; }

.LeaderCare .block ul li .slide .swiper-slide { height: auto; overflow: hidden; }

.LeaderCare .block ul li .slide .swiper-slide img { width: 100%; }

.LeaderCare .block ul li .slide .swiper-slide .text { height: auto; overflow: hidden; padding-top: .3rem; }

.LeaderCare .block ul li .slide .swiper-slide .text h2 { font-size: .3rem; color: #333; margin-bottom: .15rem; }

.LeaderCare .block ul li .slide .swiper-slide .text p { font-size: .26rem; color: #666; line-height: .4rem; }

.LeaderCare .block ul li .slide .swiper-slide .text i { color: #999; margin-top: .15rem; display: block; }

.LeaderCare .block ul li .slide .btnNext, .LeaderCare .block ul li .slide .btnPrev { font-size: .55rem; color: #fff; position: absolute; top: 24%; z-index: 1; }

.LeaderCare .block ul li .slide .btnNext { right: 0; }

.LeaderCare .block ul li .slide .swiper-pagination-fraction { padding: 0 .4rem; bottom: auto; top: 50%; font-size: .22rem; color: #fff; text-align: right; }

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

/* Certificate */
.Certificate .block { height: auto; overflow: hidden; padding: .1rem .3rem .6rem; }

.Certificate .block .title { font-size: .38rem; color: #303132; text-align: center; font-weight: bold; margin-bottom: .3rem; }

.Certificate .block ul { height: auto; overflow: hidden; }

.Certificate .block ul li { height: auto; overflow: hidden; margin-bottom: .3rem; position: relative; }

.Certificate .block ul li img { width: 100%; }

.Certificate .block ul li h2 { width: 100%; line-height: .8rem; font-size: .3rem; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; }

/* Welfare */
.Welfare .block { height: auto; overflow: hidden; padding: 0 0 .6rem; }

.Welfare .block .title { font-size: .38rem; color: #303132; text-align: center; font-weight: bold; margin-bottom: .3rem; }

.Welfare .block ul { height: auto; overflow: hidden; }

.Welfare .block ul li { height: auto; overflow: hidden; }

.Welfare .block ul li img { width: 100%; }

.Welfare .block ul li .text { height: auto; overflow: hidden; text-align: center; padding: .7rem .3rem .8rem; }

.Welfare .block ul li .text img { width: .8rem; margin: 0 auto; }

.Welfare .block ul li .text h2 { font-size: .32rem; color: #fff; margin: .2rem 0 .3rem; }

.Welfare .block ul li .text p { font-size: .26rem; color: #fff; line-height: .4rem; opacity: .8; }

.Welfare .block ul li.li1 .text { background: #0047BA; }

.Welfare .block ul li.li2 .text { background: #FF8212; }

/* Recruitment */
.Recruitment { background: #F6F7F9; }

.Recruitment .neiTabs { margin: 0; }

.Recruitment .block { height: auto; overflow: hidden; }

.Recruitment .block .title { font-size: .38rem; color: #303132; text-align: center; font-weight: bold; margin-bottom: .3rem; }

.Recruitment .block.block1 { background: url("/res/template/mobile-2021/resource/images/recruitment/bg1.jpg") center no-repeat; background-size: cover; padding: .6rem .3rem .2rem; }

.Recruitment .block.block1 ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Recruitment .block.block1 ul li { width: 48.5%; margin-bottom: .4rem; }

.Recruitment .block.block1 ul li img { width: .72rem; margin: 0 auto; display: block; }

.Recruitment .block.block1 ul li h2 { font-size: .32rem; color: #303132; margin: .2rem 0; text-align: center; }

.Recruitment .block.block1 ul li p { font-size: .26rem; color: #606165; line-height: .4rem; }

.Recruitment .block.block1 ul li p a { color: #0047BA; }

.Recruitment .block.block2 { height: 7.5rem; background: url("/res/template/mobile-2021/resource/images/recruitment/bg2.jpg") center no-repeat; background-size: cover; padding: 1rem .3rem; }

.Recruitment .block.block2 .title { color: #fff; }

.Recruitment .block.block2 p { font-size: .28rem; color: #fff; opacity: .8; text-align: center; line-height: .48rem; }

.Recruitment .block.block3 { padding: .6rem .3rem; }

.Recruitment .block.block3 ul { height: auto; overflow: hidden; }

.Recruitment .block.block3 ul li { background: #fff; padding: .3rem; margin-bottom: .2rem; }

.Recruitment .block.block3 ul li h2 { font-size: .3rem; color: #303132; margin-bottom: .2rem; font-weight: bold; display: flex; align-items: center; }

.Recruitment .block.block3 ul li h2 span { font-size: .24rem; color: #606165; margin-left: auto; font-weight: normal; }

.Recruitment .block.block3 ul li p { font-size: .26rem; color: #909398; margin-bottom: .1rem; }

/* RecruitmentXq */
.RecruitmentXq { background: #F6F7F9; }

.RecruitmentXq .neiTabs { margin: 0; }

.RecruitmentXq .con { height: auto; overflow: hidden; }

.RecruitmentXq .con .title { height: auto; overflow: hidden; margin-bottom: .2rem; background: #fff; padding: .3rem; }

.RecruitmentXq .con .title h2 { font-size: .3rem; color: #303132; margin-bottom: .2rem; font-weight: bold; display: flex; align-items: center; }

.RecruitmentXq .con .title h2 span { font-size: .24rem; color: #606165; margin-left: auto; font-weight: normal; }

.RecruitmentXq .con .title p { font-size: .26rem; color: #909398; margin-bottom: .1rem; }

.RecruitmentXq .con .box { height: auto; overflow: hidden; background: #fff; padding: .3rem; }

.RecruitmentXq .con .box ul { height: auto; overflow: hidden; }

.RecruitmentXq .con .box ul li { margin-bottom: .4rem; }

.RecruitmentXq .con .box ul li h3 { font-size: .3rem; color: #303132; margin-bottom: .2rem; font-weight: bold; }

.RecruitmentXq .con .box ul li p { font-size: .28rem; line-height: .44rem; margin-bottom: .15rem; color: #333; }

.RecruitmentXq .con .box ul li a { color: #0047BA; }

/* ServiceSite*/
.ServiceSite .block { height: auto; overflow: hidden; padding-bottom: .5rem; }

.ServiceSite .block .title { font-size: .38rem; color: #303132; text-align: center; font-weight: bold; margin-bottom: .3rem; }

.ServiceSite .block .dsc { font-size: .28rem; color: #606165; line-height: .44rem; padding: 0 .3rem .5rem; border-bottom: .01rem solid #ddd; text-align: center; }

.ServiceSite .block .map { height: auto; overflow: hidden; }

.ServiceSite .block .map .searchBox { height: auto; overflow: hidden; padding: .3rem; position: relative; }

.ServiceSite .block .map .searchBox .top { height: auto; overflow: hidden; font-size: .26rem; color: #000; }

.ServiceSite .block .map .searchBox .top .icon-location { font-size: .36rem; color: #004abb; vertical-align: -.05rem; }

.ServiceSite .block .map .searchBox .top .btnCity { color: #004abb; text-decoration: underline; margin: 0 .2rem; }

.ServiceSite .block .map .searchBox .top .icon-miaozhun { font-size: .32rem; vertical-align: -.03rem; }

.ServiceSite .block .map .searchBox .cityBox { width: 6.8rem; height: auto; overflow: hidden; position: absolute; background: #fff; border: 1px solid #c0c0c0; padding: .3rem 0; display: none; }

.ServiceSite .block .map .searchBox .cityBox ul { width: 50%; float: left; height: 5rem; overflow: auto; }

.ServiceSite .block .map .searchBox .cityBox ul li { height: .6rem; line-height: .6rem; padding: 0 .7rem; font-size: .26rem; color: #000; }

.ServiceSite .block .map .searchBox .cityBox ul li.active { background: #f1f1f1; }

.ServiceSite .block .map .searchBox form { height: auto; overflow: hidden; display: flex; border: .01rem solid #c0c0c0; align-items: center; padding: 0 .3rem; margin-top: .4rem; }

.ServiceSite .block .map .searchBox form input { height: .8rem; flex: 1; font-size: .26rem; color: #333; }

.ServiceSite .block .map .searchBox form .icon-search { width: .4rem; font-size: .35rem; }

.ServiceSite .block .map .searchBox .siteList { height: auto; overflow: hidden; margin-top: .3rem; }

.ServiceSite .block .map .searchBox .siteList .t { height: auto; overflow: hidden; font-size: .26rem; color: #000; display: flex; align-items: flex-end; justify-content: space-between; border-bottom: .01rem solid #c0c0c0; padding-bottom: .25rem; }

.ServiceSite .block .map .searchBox .siteList .t span i { color: #ff7e00; }

.ServiceSite .block .map .searchBox .siteList .t .btnFilter { width: 1.5rem; height: .5rem; line-height: .5rem; border: .01rem solid #004abb; text-align: center; font-size: .24rem; color: #004abb; }

.ServiceSite .block .map .searchBox .siteList .t .btnFilter i { font-size: .3rem; vertical-align: -.02rem; }

.ServiceSite .block .map .searchBox .siteList ul { height: 8rem; overflow: auto; }

.ServiceSite .block .map .searchBox .siteList ul li { padding: .5rem 0; border-bottom: .01rem dashed #c0c0c0; }

.ServiceSite .block .map .searchBox .siteList ul li h2 { font-size: .28rem; color: #000; margin-bottom: .2rem; }

.ServiceSite .block .map .searchBox .siteList ul li h2 span { background: #004abb; color: #fff; padding: 0 .1rem; }

.ServiceSite .block .map .searchBox .siteList ul li p { font-size: .26rem; color: #666; line-height: .44rem; }

.ServiceSite .block .map .searchBox .siteList ul li p span { padding: .05rem .2rem; border: 1px solid #c0c0c0; margin: .2rem .2rem 0 0; display: inline-block; }

.ServiceSite .block .map .searchBox .siteList ul li .lx { width: 2.4rem; height: .6rem; line-height: .6rem; background: #eaeaea; color: #333; font-size: .26rem; text-align: center; display: block; margin-top: .4rem; }

.ServiceSite .block .map .searchBox .siteList .filterBox { height: auto; overflow: hidden; background: #fff; position: absolute; display: none; }

.ServiceSite .block .map .searchBox .siteList .filterBox span { width: 3.24rem; height: .62rem; line-height: .62rem; background: #eaeaea; font-size: .26rem; color: #333; display: block; float: left; text-align: center; margin: .3rem .3rem 0 0; }

.ServiceSite .block .map .searchBox .siteList .filterBox span:nth-child(2n) { margin-right: 0; }

.ServiceSite .block .map .searchBox .siteList .filterBox span.btn { width: 3rem; height: .75rem; line-height: .75rem; background: #004abb; color: #fff; margin: .5rem auto; float: inherit; }

.ServiceSite .block .map .searchBox .siteList .filterBox span.active { background: #004abb; color: #fff; }

.ServiceSite .block .list { height: auto; overflow: hidden; margin-top: .3rem; }

.ServiceSite .block .list ul { height: auto; overflow: hidden; padding: 0 .3rem; }

.ServiceSite .block .list ul li { margin-bottom: .3rem; }

.ServiceSite .block .list ul li .box { height: auto; overflow: hidden; padding: .3rem; border: 1px solid #ddd; }

.ServiceSite .block .list ul li .box h2 { font-size: .3rem; color: #333; }

.ServiceSite .block .list ul li .box p { font-size: .26rem; color: #333; margin-top: .2rem; position: relative; padding-left: .4rem; }

.ServiceSite .block .list ul li .box p i { font-size: .3rem; color: #333; position: absolute; left: 0; top: .03rem; }

/* Knowledge */
.Knowledge .neiTabs { margin: 0; }

.Knowledge .block { height: auto; overflow: hidden; }

.Knowledge .block .search { height: auto; overflow: hidden; background: #eee; padding: .4rem .3rem; display: flex; justify-content: space-between; align-items: center; }

.Knowledge .block .search h2 { font-size: .36rem; color: #004abb; }

.Knowledge .block .search form { width: 3.5rem; height: .7rem; overflow: hidden; background: #fff; border-radius: .5rem; display: flex; justify-content: space-between; align-items: center; padding: 0 .2rem; }

.Knowledge .block .search form input { width: 2.7rem; font-size: .26rem; height: 100%; }

.Knowledge .block .search form i { flex: 1; font-size: .34rem; color: #333; text-align: center; }

.Knowledge .block ul { height: auto; overflow: hidden; }

.Knowledge .block ul li { padding: .4rem .3rem .3rem; border-bottom: 1px solid #dadada; }

.Knowledge .block ul li h2 { font-size: .32rem; color: #303132; margin-bottom: .2rem; }

.Knowledge .block ul li p { font-size: .26rem; color: #666; line-height: .44rem; }

.Knowledge .block ul li i { font-size: .32rem; color: #999; margin-top: .2rem; display: block; }

/* Search*/
.Search .search-bar { height: auto; overflow: hidden; padding: .6rem 0; background: #f5f5f5; }

.Search .search-bar .bigTitlel { text-align: center; font-size: .32rem; font-weight: bold; }

.Search .search-bar .bigTitlel span { background-color: #f5f5f5; }

.Search .search-bar .input-box { margin: 0 0.3rem; height: auto; overflow: hidden; background-color: #fff; position: relative; margin-top: 0.44rem; }

.Search .search-bar .input-box a { display: block; width: 1.4rem; text-align: center; position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; }

.Search .search-bar .input-box a i { position: absolute; top: 50%; margin-top: -0.22rem; left: 52%; margin-left: -0.1rem; }

.Search .search-bar .input-box a i:before { font-size: 20px; }

.Search .search-bar .input-box input { padding: 0.32rem 5%; font-size: 0.3rem; color: #333; width: 100%; }

.Search .search-bar .input-box input::-webkit-input-placeholder { color: #858585; }

.Search .result { padding-top: 0.56rem; }

.Search .result .t { font-size: .28rem; color: #333; padding: 0 .3rem; }

.Search .result .t span { color: #004abb; }

.Search .result .title { color: #333; font-size: 0.3rem; padding: 0.42rem 0.3rem 0.26rem; border-bottom: 0.01rem solid #E2E2E2; }

.Search .result .Product, .Search .result .News { padding-top: .3rem; }

.Search .no-data, .Search .noData { height: auto; overflow: hidden; text-align: center; padding: 1rem 0; }

.Search .no-data img, .Search .noData img { display: block; margin: 0 auto 0.5rem; width: 70px; }

.Search .no-data p, .Search .noData p { font-size: .26rem; color: #666666; }

/* Video*/
.Video .list { height: auto; overflow: hidden; padding: 0 .3rem; }

.Video .list li { height: auto; overflow: hidden; border-bottom: 1px solid #eee; margin-bottom: .35rem; }

.Video .list li img { width: 100%; }

.Video .list li h2 { font-size: .3rem; color: #0050C9; font-weight: bold; padding: .3rem 0; }

.Video .list li:last-child { border: 0; }

/* video-popup */
.video-popup { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000; }

.video-popup .video-popup-box { width: 100%; height: 100%; overflow: hidden; background-color: #fff; position: absolute; left: 0; top: 0; }

.video-popup .coverV { z-index: 1000; position: fixed; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; background: #000000; }

.video-popup .coverV .text { color: #fff; font-size: .32rem; padding: .2rem .4rem; }

.video-popup .coverV .other .iconfont { font-size: .4rem; color: #fff; padding: .3rem; display: block; }

.video-popup .video-list-box { position: absolute !important; left: 0; top: 0; top: 70px\0; right: 0; bottom: 0; z-index: 0; }

/*XnyProduct*/
.XnyProduct .neiBanner .text h2, .XnyProduct .neiBanner .text h1 { color: #333; }

.XnyProduct .neiBanner .text h2:before, .XnyProduct .neiBanner .text h1:before { background: #333; }

.XnyProduct .block { height: auto; overflow: hidden; margin-top: .5rem; }

.XnyProduct .block img { width: 100%; }

.XnyProduct .block .img { height: auto; overflow: hidden; }

.XnyProduct .block .text { height: auto; overflow: hidden; position: relative; }

.XnyProduct .block .text .txt { width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 10%; }

.XnyProduct .block .text .txt h2 { font-size: .3rem; }

.XnyProduct .block .text .txt h2 b { font-size: .34rem; }

.XnyProduct .block .text .txt p { font-size: .26rem; line-height: .42rem; margin-top: .3rem; }

.XnyProduct .block .list { height: auto; overflow: hidden; padding: 0 .3rem; }

.XnyProduct .block .list li { height: auto; overflow: hidden; position: relative; margin-bottom: .3rem; }

.XnyProduct .block .list li .text { position: absolute; left: 0; top: 0; padding: 8% 5%; }

.XnyProduct .block .list li .text h2 { font-size: .3rem; color: #fff; }

.XnyProduct .block .list li .text p { font-size: .26rem; color: #fff; line-height: .42rem; margin-top: .1rem; }

.XnyProduct .block .imgBox { position: relative; }

.XnyProduct .block .imgBox i { font-size: .5rem; color: #fff; position: absolute; left: 50%; top: 50%; animation: halo 1.5s 0s infinite ease-out; }

.img-view-xq { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: black; z-index: 9999; align-items: center; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: both; padding-bottom: 0; }

.img-view-xq.photo-browser-in { animation: 400ms ease 0s normal forwards 1 running photoBrowserIn; }

.img-view-xq.photo-browser-out { animation: 400ms ease 0s normal forwards 1 running photoBrowserOut; display: block; }

.img-view-xq img { display: block; width: 100%; max-width: 100%; max-height: 100%; vertical-align: middle; }

.img-view-xq .swiper-slide { text-align: center; font-size: 18px; background: #000; }

.img-view-xq .swiper-slide img { width: auto; height: auto; max-width: 100%; max-height: 100%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; }

.img-view-xq .swiper-slide p { width: 100%; position: absolute; top: 70%; text-align: center; font-size: 0.22rem; line-height: 0.4rem; color: #fff; }

.img-view-xq .img-view-xq .img-view-xq-close { position: absolute; z-index: 10; right: 0.2rem; top: 0; color: #fff; font-size: 30px; }

.img-view-xq .swiper-pagination { bottom: .3rem; color: #fff; }

@keyframes photoBrowserIn { 0% { opacity: 0;
    transform: translate3d(0px, 0px, 0px) scale(0.5); }
  100% { opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1); } }

@keyframes photoBrowserOut { 0% { opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale(1); }
  100% { opacity: 0;
    transform: translate3d(0px, 0px, 0px) scale(0.5); } }
<!--0.000244140625-->