/* ---------------
name:style.css
author:reymo
site:www.vmore.com.cn
顺序：全局基本样式/初始化样式/公共内容组件样式/页面样式
-----------------*/
@charset "utf-8";

/* ------------------------------------------------
第一部分：全局基本样式
* 定义本站初始化样式
--------------------------------------------------*/
html {
    font-size: 625%;
}

body {
    font-family: sans-serif, Arial, Helvetica;
    font-size: 16px;
    font-size: 0.16rem;
    color: #444;
    background-color: rgba(245, 247, 253, 1);
    letter-spacing: 0.4px;
}

h1,
.h1 {
    font-size: .24rem;
}

h2,
.h2 {
    font-size: .48rem;
    color: #333;
    font-weight: 700;
}

h3,
.h3 {
    font-size: .16rem;
    color: #333;
    font-weight: 700;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #444;
    cursor: pointer;
}

img {
    max-width: 100%;
}

.clear {
    clear: both;
}

.btn {}
.ico{
    display: inline-block;
    width: .85rem;
    height: .85rem;
    background-repeat: no-repeat;
    background-size: cover;
}
.iconfont {
    font-size: .18rem;
}

section {
    padding-top: .9rem;
    padding-bottom: 1.5rem;
}

section h2 {
    margin: 0;
}
@media screen and (max-width:750px) {
    body{
        padding-top: .85rem;
        overflow-x: hidden;
    }
    section {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        overflow-y: hidden;
    }
}
/* ------------------------------------------------
第二部分：初始化样式
* 定义本站初始化样式
--------------------------------------------------*/
.container {
    width: 80%;
    max-width: 15.20rem;
    margin: auto;
}

.container-fluid {
    width: 100%;
}

/* 带图标的链接 */
.rtlink {
    display: -webkit-flex;
    display: flex;
    align-items: center;

}

.rtlink>.iconfont {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: solid 1px #444;
    width: .36rem;
    height: .36rem;
    font-size: .24rem;
    transition: all 500ms;
    margin-right: .2rem;
}

.rtlink:hover>.iconfont {
    margin-right: .25rem;
    transition: all 500ms;
}

/* 图片鼠标悬浮放大 */
.zoompic {
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;

}

.zoompic>img {
    margin: auto;
    position: relative;
    width: 100%;
    max-width: none;
    transition: all 800ms;
}

.zoompic:hover>img {
    width: 110%;
    transition: all 800ms;
}

.hidden-p{
    display: none;
}
.hidden-m{
    display: block;
}
/* 块配置项 */
@media screen and (max-width:750px) {
    .container{
        width: 92%;
    }
    .hidden-p{
        display: block;
    }
    .hidden-m{
        display: none;
    }
}

/* ------------------------------------------------
第三部分：公共内容组件样式
* 定义本站基本内容组件样式
--------------------------------------------------*/
/* 头部样式 */
body {
    position: relative;
}

header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    color: #fff;
    border-bottom: 1px solid #aaa;
}

header .container {
    width: 87%;
    max-width: none;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .2rem 0;
}

header a {
    color: #fff;
}

header .logo {
    width: 1.8rem;
    height: auto;
    filter: grayscale(100%) brightness(2000%);
}

header .mainmenu {
    flex: 1;
    text-align: right;
    padding-right: .4rem;
    padding-left: .4rem;
}

header .mainmenu ul li {
    display: inline-block;
}

header .mainmenu ul li a {
    padding: 0 .15rem;
}

header .phone {
    padding-right: .45rem;
    padding-left: .45rem;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

header .phone .iconfont {
    font-size: .22rem;
    padding-right: .2rem;
}

header .inquery {
    background-color: rgba(0, 47, 167, 1);
    padding: 0.12rem 0.28rem;
    border-radius: 0.08rem;
}

header .ico-menu{
    display: block;
    width: .32rem;
    height: .32rem;
    margin-left: .7rem;
    background-image: url(../images/ico-menu.png);
    background-repeat: no-repeat;
    background-size: cover;

}
@media screen and (max-width:750px) {
    header{
        background-color: #fff;
        position: fixed;
        top: 0;
    }
    header .logo{
        filter: none;
    }
    header .mainmenu{
        display: none!important;
    }
    header .phone{
        display: none!important;
    }
    header .inquery{
        display: none!important;
    }
    header .ico-menu{
        filter: brightness(0);
    }
}
/* header样式header1 */
header.header1 {
    position: relative;
    border-bottom: solid 1px rgba(166, 166, 166, 1);
    background-color: #fff;
}

header.header1 a {
    color: rgba(0, 0, 0, 1);
}

header.header1 .phone .iconfont,
header.header1 .phone .number {
    color: rgba(0, 37, 175, 1);
}

header.header1 .logo {
    filter: none;
}

header.header1 .inquery {
    color: #fff;
}
header.header1 .ico-menu {
    filter: brightness(50%);
}
@media screen and (max-width:750px) {
    header.header1{
        position: fixed;
    }
}
/* PC弹出菜单样式 */
.pop-menu{
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    display: none;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    background-image: url(../images/pop-menu-bg.png);
    background-position: center 98%;
    background-size: 120%;
    background-repeat: no-repeat;
    background-color: rgba(0,37,175,1);
}
.pop-menu .close{
    width: .48rem;
    height: .48rem;
    cursor: pointer;
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: .8rem;
    top: .8rem;
}
.pop-menu .ct{
    color: #fff;
    padding: 12% 6% 8% 11%;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pop-menu .ct a{
    color: #fff;
}
.pop-menu .ct>.top{
    width: 60%;
    height: 60%;
}
.pop-menu .ct>.top ul{
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pop-menu .ct>.top ul li{
    width: 30%;
}
.pop-menu .ct>.top ul li span{
    display: block;
    font-size: .48rem;
}
.pop-menu .ct>.top ul li span.en{
    font-size: .18rem;
    text-transform: uppercase;
    line-height: 3;
}
.pop-menu .ct>.bottom{
    height: 20%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.pop-menu .ct>.bottom .left .t{
    margin-bottom: .25rem;
}
.pop-menu .ct>.bottom .left .t .rtlink{
    font-size: .36rem;
}
.pop-menu .ct>.bottom .left .t .rtlink>.iconfont{
    border-color: #fff;
    margin-left: .25rem;
}
.pop-menu .ct>.bottom .left .t .rtlink:hover>.iconfont{
    margin-left: .3rem;
}
.pop-menu .ct>.bottom .left .b .ico{
    width: .2rem;
    height: .2rem;
    margin-right: .3rem;
}
.pop-menu .ct>.bottom .left .b .ico-wx{
    background-image: url(../images/ico-pop-wx.png);
}
.pop-menu .ct>.bottom .left .b .ico-qq{
    background-image: url(../images/ico-pop-qq.png);
}
.pop-menu .ct>.bottom .left .b .ico-dy{
    background-image: url(../images/ico-pop-dy.png);
}
.pop-menu .ct>.bottom .left .b .ico-zh{
    background-image: url(../images/ico-pop-zh.png);
}
.pop-menu .ct>.bottom .right .t ul{
    text-align: right;
    margin-bottom: .3rem;
}
.pop-menu .ct>.bottom .right .t ul li{
    display: inline-block;
    margin-left: .6rem;
    font-size: .24rem;
}
.pop-menu .ct>.bottom .right .b{
    text-align: right;
    font-size: .18rem;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.pop-menu .ct>.bottom .right .b .ico-phone{
    width: .28rem;
    height: .31rem;
    background-image: url(../images/ico-pop-phone.png);
    margin-right: .2rem;
}
.pop-menu .ct>.bottom .right .b div{
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.pop-menu .ct>.bottom .right .b .btn{
    font-size: .18rem;
    padding: .15rem .35rem;
    background-color: #fff;
    border-radius: .08rem;
    color: rgba(0,37,175,1);
    margin-left: .4rem;
}
@media screen and (max-width:750px) {
    .pop-menu .ct>.top{
        margin-top: 40%;
    }
    .pop-menu .ct>.bottom{
        flex-wrap: wrap;
        height: auto;
    }
    .pop-menu .ct>.bottom .left{
        margin-bottom: .2rem;
    }
    .pop-menu .ct>.bottom .right .t ul{
        text-align: left;
    }
    .pop-menu .ct>.bottom .right .t ul li{
        margin-left: 0;
        margin-right: .6rem;
    }
    .pop-menu .ct>.bottom .right .b{
        justify-content: flex-start;
    }
}
/* 底部样式 */
.footer-advice {
    background-color: #201f29;
    padding: .9rem 0;
    border-bottom: solid 1px #393939;
}

.footer-advice .container {
    width: 62.5%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-advice .left {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.footer-advice .left .h2 {
    color: #fff;
    font-weight: normal;
    margin-bottom: .45rem;
}

.footer-advice .left .desc {
    font-size: .24rem;
    color: #fff;
}

.footer-advice .right .rtlink {
    color: #fff;
    font-size: .24rem;
}

.footer-advice .right .rtlink>.iconfont {
    color: #fff;
    border: none;
    margin-right: 0;
    margin-left: .1rem;
}

.footer-advice .right .rtlink:hover>.iconfont {
    margin-right: 0;
    margin-left: .2rem;
}

.footer-main {
    padding-top: .85rem;
    padding-bottom: .75rem;
    background-color: #201f29;
}

.footer-main .container {
    width: 62.5%;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.footer-main .left {
    width: 50%;
    border-right: solid 1px #393939;
    display: -webkit-flex;
    display: flex;
}

.footer-main .left .items {
    width: 30%;
}

.footer-main .left .items .title {
    color: #fff;
    padding-bottom: .2rem;
}

.footer-main .left .items ul li a {
    font-size: .16rem;
    line-height: 2.5;
    color: #a6a6a6;
}

.footer-main .left .items ul li a:hover {
    color: #fff;
}

.footer-main .right {
    flex: 1;
    padding-left: .48rem;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-main .right .h2 {
    font-size: .36rem;
    display: block;
    color: #fff;
    font-weight: normal;
}

.footer-main .right .btn {
    color: #000;
    width: fit-content;
    background-color: #fff;
    padding: .15rem .42rem;
    border-radius: .2rem;
    font-size: .24rem;
}

.footer-main .right .btn:hover {
    background-color: #0025af;
    color: #fff;
}

.footer-main .friend-link {
    padding-top: .9rem;
    font-size: .16rem;
    color: #a6a6a6;
}

.footer-main .friend-link a {
    color: #a6a6a6;
    margin-right: .2rem;
}

.footer-main .friend-link a:hover {
    color: #fff;
}

.footer-copyright {
    background-color: #201f29;
    padding-top: 0;
    padding-bottom: .6rem;
}

.footer-copyright .container {
    width: 62.5%;
    border-top: solid 1px #393939;
    padding-top: .4rem;
    padding-bottom: 0;
    color: #a6a6a6;
    font-size: .16rem;
}

.footer-copyright a {
    color: #a6a6a6;
}
@media screen and (max-width:750px) {
    .footer-advice .container{
        flex-wrap: wrap;
        width: 80%;
        justify-content: center;
    }
    .footer-advice .left .desc{
        text-align: center;
        line-height: 1.67;
        margin-bottom: .3rem;
    }
    .footer-main .container{
        width: 92%;
    }
    .footer-main .left{
        width: 100%;
        justify-content: center;
        border-right: none;
        margin-bottom: .6rem;
    }
    .footer-main .left .items{
        text-align: center;
    }
    .footer-main .right{
        align-items: center;
        padding-left: 0;
    }
    .footer-main .right .btn{
        margin-top: .3rem;
    }
    .footer-main .friend-link{
        line-height: 1.67;
        text-align: center;
    }
    .footer-main .friend-link a{
        white-space: nowrap;
    }
    .footer-copyright .container{
        width: 92%;
        text-align: center;
        line-height: 1.67;
    }
}
/* 悬浮条 */
.totop {
    position: fixed;
    right: 3%;
    top: calc(50% - 2.5rem);
    z-index: 900;
    background-color: #fff;
    padding: .23rem .06rem;
    border-radius: .55rem;
    box-shadow: 0.05rem 0.05rem 0.05rem .05rem rgba(228, 236, 251, 0.3);
}
.totop ul li{
    border-top: solid 1px rgba(229, 229, 229, 1);
    cursor: pointer;
    position: relative;
}
.totop ul li:first-child{
    border-top: none;
}
.totop ul li .item {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 .15rem;
    margin-top: .05rem;
}
.totop ul li .item .title{
    line-height: 1;
    padding-top: .05rem;
    padding-bottom: .08rem;
}
.totop ul li .item .ico {
    width: .74rem;
    height: .74rem;
    font-size: .5rem;
    color: #fff;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .55rem .57rem;
}
.totop ul li:hover .item .ico,.totop ul li.active .item .ico{
    filter: brightness(1000%);
    background-color: #020510;
}
.totop ul li .item .ico-fangan{
    background-image: url(../images/icon-fangan.png);
}
.totop ul li .item .ico-phone{
    background-image: url(../images/icon-phone.png);
    background-size: .55rem .55rem;
}
.totop ul li .item .ico-weixin{
    background-image: url(../images/icon-weixin.png);
    background-size: .55rem .55rem;
}
.totop ul li .item .ico-online{
    background-image: url(../images/icon-online.png);
    background-size: .47rem .47rem;
}
.totop ul li .item .ico-totop{
    background-image: url(../images/icon-totop.png);
    background-size: .55rem .55rem;
}
.totop ul li .more {
    display: none;
}
.totop ul li:hover .more,.totop ul li.active .more{
    display: block;
}
.totop ul li .more{
    position: absolute;
    box-sizing: border-box;
    width: 2.33rem;
    background-color: #fff;
    left: -2.65rem;
    top: calc(50% - 0.65rem);
    padding: .3rem .2rem .3rem .25rem;
    font-size: .20rem;
    line-height: 1.67;
    font-weight: 600;
    border-radius: .1rem;
}
.totop ul li:nth-child(2) .more{
    top: calc(50% - 0.73rem);
}
.totop ul li:nth-child(3) .more{
    padding: .05rem;
    width: fit-content;
    height: auto;
    left: -1.95rem;
}
.totop ul li:nth-child(3) .more img{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}
.totop ul li .more .ct{
    font-size: .22rem;
    color: rgba(0, 37, 175, 1);
    line-height: 1.2;
}
.totop ul li .more span{
    display: block;
    position: absolute;
    background-color: #fff;
    width: .16rem;
    height: .16rem;
    right: -0.06rem;
    top: calc(50% - 0.08rem);
    transform: rotate(45deg);
}
@media screen and (max-width:750px) {
    .totop{
        top: auto;
        bottom: 10%;
        padding: 0;
    }
    .totop ul li{
        display: none;
        border-top: none;
    }
    .totop ul li .item{
        padding: 0;
        margin-top: 0;
    }
    .totop ul li .item .title{
        display: none;
    }
}
/* ------------------------------------------------
第四部分：页面样式
* 本站页面样式
--------------------------------------------------*/
/* ==========首页样式========== */
/* 首页轮播图 */
.mainbanner {
    padding-top: 0;
    padding-bottom: 0;
}

.mainSwiper {
    position: relative;
}

.mainSwiper .swiper-slide {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.mainSwiper .swiper-slide img {
    width: 100%;
    height: auto;
}

.mainSwiper .swiper-slide .ct {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 72%;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    flex-direction: column;
    color: #fff;
}

.mainSwiper .swiper-slide .ct h2 {
    font-size: .6rem;
    color: #fff;
    font-weight: bold;
    margin: 0;
}

.mainSwiper .swiper-slide .ct p {
    font-size: .36rem;
    line-height: 1.2;
    margin: 0;
    margin-top: .7rem;
}

.mainSwiper .swiper-slide .ct a {
    color: #fff;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: .24rem;
    margin-top: 1.1rem;
}

.mainSwiper .swiper-slide .ct a.rtlink>.iconfont {
    border-color: #fff;
}

.mainSwiper .pagination {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 28%;
    padding-top: .8rem;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.mainSwiper .swiper-pagination {
    text-align: left;
    position: relative;
    width: 80%;
    max-width: 15.20rem;
}

.mainSwiper .swiper-pagination .swiper-pagination-bullet {
    width: .74rem;
    height: 0;
    border: 2px solid rgba(229, 229, 229, 1);
    border-radius: 2px;
}

.mainSwiper .tonext {
    position: absolute;
    bottom: .4rem;
    z-index: 999;
    width: auto;
    left: 50%;
}

.mainSwiper .tonext a {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.mainSwiper .tonext .iconfont {
    color: #fff;
}

.mainSwiper .tonext .icon-shubiao {
    font-size: .5rem;
    line-height: 1;
}
@keyframes mousemove {
    from {
        margin-top: 0;
        opacity: 0;
    }

    to {
        margin-top: .05rem;
        opacity: 1;
    }
}
.mainSwiper .tonext .icon-shuangjiantou-xia {
    /* -webkit-animation:mousemove 1000ms infinite; */ /* Safari 和 Chrome */
    animation:mousemove 600ms linear alternate infinite;
}

.mainSwiper .tonext:hover .icon-shuangjiantou-xia {
    animation:mousemove 600ms linear alternate;
}
@media screen and (max-width:750px) {
    .mainSwiper .swiper-slide .ct a{
        margin-top: .4rem;
    }
    .mainSwiper .swiper-slide .ct p{
        margin-top: .5rem;
        font-size: .3rem;
        line-height: 1.4;
    }
}
/* 首页关于 */
.home-about {
    /*padding-top: 2.4rem;*/
    /*padding-bottom: 2rem;*/
    background-color: #fff;
}

.home-about .container {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.home-about .left {
    width: 33%;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: .1rem;
    padding-bottom: .1rem;
    position: relative;
}

.home-about .left .tt {
    font-size: .48rem;
    font-weight: bold;
    line-height: 1.66667;
}

.home-about .left .tt>div {
    display: none;
}

.home-about .left .tt>div{
    display: none;
}
.home-about .left .tt>div:first-child {
    display: block;
}

.home-about .left .tt span {
    color: #0025af;
}

.home-about .left .ct {
    line-height: 2.5;
}

.home-about .left .rtlink {
    font-size: .24rem;
    color: #0025af;
}

.home-about .left .rtlink>.iconfont {
    border-color: #0025af;
}

.home-about .left .cursor {
    width: .4rem;
    position: absolute;
    left: 5rem;
    top: 1.5rem;
}

.home-about .right {
    width: 52%;
}
.home-about .right video{
    width: 100%;
    height: auto;
}
@media screen and (max-width:750px) {
    .home-about{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .home-about .container {
        flex-wrap: wrap;
    }
    .home-about .container>div{
        width: 100%;
    }
    .home-about .left{
        padding-bottom: .9rem;
    }
    .home-about .left .cursor{
        right: .5rem;
    }
}
/* 首页服务 */
.home-service {
    height: 9.6rem;
    box-sizing: border-box;
    background-size: 105% auto;
    background-position: center;
    padding-top: 1rem;
    padding-top: 1.8rem;
    padding-bottom: 1.9rem;
    background-repeat: no-repeat;
    transition: all 1s linear 0s;
}
.home-service.active{
    background-size: 120% auto;
    transition: all 3.5s ease-in-out 0s;
}

.home-service .container {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.home-service .container>div {
    width: 50%;
}

.home-service .container .left {
    width: 30%;
}

.home-service .left h2 {
    margin-top: 0;
    margin-bottom: 1.2rem;
    color: #fff;
}

.home-service .left h3 {
    color: #fff;
    font-size: .36rem;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: .25rem;
}

.home-service .left p {
    line-height: 2.5;
    color: #fff;
}

.home-service .left .rtlink {
    color: #fff;
    padding-top: .3rem;
    font-size: .24rem;
}

.home-service .left .rtlink>.iconfont {
    border-color: #fff;
    margin-right: .26rem;
}

.home-service .left .rtlink:hover>.iconfont {
    margin-right: .3rem;
}

.home-service .right {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
}

.home-service .right .navigation>div {
    display: inline-block;
}

.home-service .right .navigation>div .iconfont {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: solid 1px #fff;
    width: .36rem;
    height: .36rem;
    font-size: .24rem;
    color: #fff;
    cursor: pointer;
}

.home-service .right .service-button-next {
    margin-left: .1rem;
}

.home-service .right .pagination {
    display: -webkit-flex;
    display: flex;
    color: #fff;
}

.home-service .right .pagination>span {
    position: relative;
    box-sizing: content-box;
    display: inline-block;
    padding: .31rem .28rem;
    border: solid 2px #fff;
    margin-left: .5rem;
    border-top-right-radius: 20%;
    font-size: .24rem;
    line-height: 1.3;
    cursor: pointer;
}
.home-service .right .pagination>span>span.line{
    position: absolute;
    left: -2px;
    bottom: -4px;
    height: 4px;
    width: 0%;
    background-color: #ccc;
}
.home-service .right .pagination>span.active>span.line,.home-service .right .pagination>span:hover>span.line{
    width: calc(100% + 4px);
    transition: all 5s linear;
}
@media screen and (max-width:750px) {
    .home-service{
        height: auto;
        background-size: auto 100%;
    }
    .home-service.active{
        background-size: auto 120%;
    }
    .home-service .container{
        flex-wrap: wrap;
    }
    .home-service .container .left{
        width: 100%;
    }
    .home-service .container .right{
        width: 100%;
        align-items: center;
    }
    .home-service .container .right .navigation{
        margin-top: .5rem;
        margin-bottom: .5rem;
    }
    .home-service .right .pagination span:first-child{
        margin-left: 0;
    }
}
/* 首页视点 */
.home-case{
    background-color: #fff;
}
.home-case h2 {
    text-align: center;
}

.home-case .ct {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    padding-top: 1.1rem;
}

.home-case .left {
    width: 52%;
}

.home-case .right {
    width: 37.5%;
    border-top: solid 1px rgba(166, 166, 166, 1);
    border-bottom: solid 1px rgba(166, 166, 166, 1);
    padding-left: .5rem;
    position: relative;
}

.home-case .right .pagination {
    padding-top: .5rem;
    font-size: .24rem;
    color: #a6a6a6;
}

.home-case .right .pagination .swiper-pagination-current {
    color: #444;
}

.home-case .caseSwiper2 {
    height: 100%;
}

.home-case .caseSwiper2 h3 {
    font-size: .36rem;
    margin-bottom: .6rem;
}

.home-case .caseSwiper2 p {
    line-height: 1.83;
    margin-bottom: .5rem;
}

.home-case .caseSwiper2 .btn {
    padding: .08rem .3rem .08rem .4rem;
    background-color: #0025af;
    color: #fff;
    border-radius: .2rem;
    margin-top: .5rem;
}

.home-case .right .navigation {
    position: absolute;
    bottom: 1rem;
    right: 0;
    display: -webkit-flex;
    display: flex;
    z-index: 5;
}

.home-case .right .navigation .case-button-prev {
    margin-right: .18rem;
}

.home-case .right .navigation .iconfont {
    width: .33rem;
    height: .33rem;
    color: rgba(0, 47, 167, 1);
    font-size: .24rem;
    border: solid 1px rgba(0, 47, 167, 1);
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
@media screen and (max-width:750px) {
    .home-case .ct{
        flex-wrap: wrap;
    }
    .home-case .left{
        width: 100%;
    }
    .home-case .right{
        width: 100%;
        padding-left: 0;
        margin-top: .1rem;
        padding-bottom: .65rem;
    }
    .home-case .right .navigation{
        top: .4rem;
        bottom: auto;
    }
}

/* 首页广告 */
.home-ad {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

/* .home-ad .zoompic {
    background-color: rgba(0, 0, 0, 0.6);
} */
.home-ad video{
    width: 100%;
}

.home-ad .ct {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
}

.home-ad .ct .container {
    width: 68.5%;
    height: 100%;
    padding: 1.15rem 0;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home-ad .ct img {
    width: .45rem;
}

.home-ad .ct p {
    padding-left: .40rem;
    font-size: .32rem;
    line-height: 1.8;
}

.home-ad .ct .rtlink {
    color: #fff;
    align-self: flex-end;
}

.home-ad .ct .rtlink .iconfont {
    border-color: #fff;
}
@media screen and (max-width:750px) {
    .home-ad .ct .container{
        width: 90%;
        padding: .3rem;
    }
    .home-ad .ct p{
        font-size: .2rem;
    }
}
/* 首页新闻 */
.home-news{
    background-color: #fff;
}
.home-news h2 {
    text-align: center;
    padding-bottom: 1.1rem;
}

.home-news .ct {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.home-news .ct .left {
    width: 42%;
}

.home-news .ct .left .item h3 {
    margin: 0;
    padding-top: .24rem;
    padding-bottom: .24rem;
    font-size: .2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-news .ct .left .item p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .16rem;
    line-height: 1.67;
    margin: 0;
    margin-bottom: .24rem;
}

.home-news .ct .left .item .rtlink {
    color: rgba(0, 47, 167, 1);
}

.home-news .ct .left .item .rtlink>.iconfont {
    width: 0.33rem;
    height: 0.33rem;
    color: rgba(0, 47, 167, 1);
    border-color: rgba(0, 47, 167, 1);
}

.home-news .ct .right {
    width: 53.5%;
}

.home-news .ct .right .top {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.home-news .ct .right .top .item {
    width: 48%;
}

.home-news .ct .right .top .item h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .18rem;
    line-height: 1.67;
    margin-top: .3rem;
}

.home-news .ct .right .bottom {
    margin-top: .25rem;
}

.home-news .ct .right .bottom .item {
    border-top: solid 1px rgba(204, 204, 204, 1);
}

.home-news .ct .right .bottom .item:last-child {
    border-bottom: solid 1px rgba(204, 204, 204, 1);
}

.home-news .ct .right .bottom .item h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .18rem;
}

.home-news .ct a:hover {
    color: #0025af;
}
@media screen and (max-width:750px) {
    .home-news .ct{
        flex-wrap: wrap;
    }
    .home-news .ct .left{
        width: 100%;
        margin-bottom: .6rem;
    }
    .home-news .ct .right {
        width: 100%;
    }
}
/* 首页咨询 */
.home-form {
    background-color: #f7f8f9;
    padding-top: 1.4rem;
    padding-bottom: .95rem;
}

.home-form .container {
    width: 62.5%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.home-form h2 {
    font-weight: normal;
    padding-top: .2rem;
    padding-bottom: .4rem;
}

.home-form .left p {
    line-height: 1.67;
}

.home-form .left .form {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 72%;
    padding-top: .4rem;
}

.home-form .left .form input {
    border: none;
    padding: .14rem .43rem;
    margin-bottom: .18rem;
    font-size: .16rem;
    color: #a6a6a6;
    outline: none;
}

.home-form .left .form button {
    padding: .18rem .30rem;
    width: fit-content;
    border: none;
    background-color: #002fa7;
    color: #fff;
    cursor: pointer;
    border-radius: .3rem;
    margin-top: .32rem;
}
@media screen and (max-width:750px) {
    .home-form h2{
        text-align: center;
    }
    .home-form .left{
        width: 80%;
    }
    .home-form .left p{
        text-align: center;
    }
    .home-form .container {
        width: 92%;
        justify-content: center;
    }
    .home-form .right{
        display: none;
    }
    .home-form .left .form {
        width: 100%;
    }
    .home-form .left .form button{
        width: 100%;
    }
}
/* ==========选择页面样式========== */
/* banner */
.banner {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

.banner .bg-img img {
    display: block;
    width: 100%;
    height: auto;
}

.banner .banner-ct {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: .6rem;
}

.banner .banner-ct h2 {
    font-size: .6rem;
    color: #fff;
}

.banner .banner-ct p {
    color: #fff;
    line-height: 1.67;
    margin: .45rem 0;
}

.banner .banner-ct a.rtlink {
    color: #fff;
    font-size: .16rem;
}

.banner .banner-ct a.rtlink>.iconfont {
    border-color: #fff;
    font-size: .16rem;
    width: .17rem;
    height: .17rem;
}
@media screen and (max-width:750px) {
    .banner{
        height: 4.5rem;
    }
    .banner .bg-img{
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .banner .bg-img img{
        position: absolute;
        margin: auto;
        width: 160%;
        max-width: none;
    }
    .banner .banner-ct{
        
    }
}
/* 优质服务 */
.why-service {
    background-color: #f7f8f9;
    /*padding-top: 1.25rem;*/
    padding-bottom: .55rem;
}

.why-service h2 {
    text-align: center;
    padding-bottom: .8rem;
}

.why-service .ct {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.why-service .ct .item {
    width: 4.6rem;
    height: 3rem;
    margin: 0 .01rem;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: solid 1px rgba(229, 229, 229, 1);
    margin-bottom: .8rem;
    box-sizing: border-box;
    padding: .3rem;
}

.why-service .ct .item .ico-img{
    width: .6rem;
}
.why-service .item h3 {
    font-size: .24rem;
    font-weight: bold;
    margin-top: .2rem;

}

.why-service .item p {
    margin: 0;
    line-height: 1.67;
}

.why-service .item:hover {
    background-color: rgba(0, 47, 167, 1);
    color: #fff;
    cursor: pointer;
}

.why-service .item:hover img {
    filter: grayscale(100%) invert(1) brightness(300%);
}

.why-service .item:hover h3 {
    color: #fff;
}
@media screen and (max-width:750px) {
    .why-service .ct{
        justify-content: space-around;
    }
    .why-service .ct .item{
        width: 45%;
        height: auto;
        margin: 0;
        margin-bottom: .4rem;
    }
}
/* 营销性 */
.why-yxx{
    background-color: #fff;
    padding-top: 1.4rem;
    padding-bottom: 0.6rem;
}
.why-yxx .container {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.why-yxx h2 {
    font-size: .36rem;
}
.why-yxx .left{
    width: 50%;
    padding-bottom: .5rem;
}
.why-yxx .left ul{
    margin-top: .4rem;
}
.why-yxx .left ul li{
    border-left: solid 4px rgba(0, 47, 167, 1);
    padding:.1rem 0 .1rem .17rem;
    margin-bottom: .28rem;
}
.why-yxx .left ul li:last-child{
    margin-bottom: 0;
}
.why-yxx .left li h3{
    font-size: .24rem;
    margin: 0;
    padding-bottom: .1rem;
}
.why-yxx .left li span{
    font-size: .16rem;
}
.why-yxx .right{
    width: 7rem;
    background-image: url(../images/why-yxx-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 5.59rem 4.56rem;
}
.why-yxx .right ul{
    position: relative;
    width: 100%;
    height: 100%;
}
.why-yxx .right ul li{
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
}
.why-yxx .right ul li{
    position: absolute;
}
.why-yxx .right ul li img{
    width: fit-content;
}
.why-yxx .right ul li .num{
    color: rgba(217, 43, 43, 1);
    font-size: .36rem;
    padding-top: .05rem;
    padding-bottom: .1rem;
}
.why-yxx .right ul li .ct{
    font-size: .16rem;
    color: rgba(85, 85, 85, 1);
}
.why-yxx .right ul li .h3{
    font-size: .16rem;
    color: rgba(85, 85, 85, 1);
    font-weight: 700;
    padding-top: .2rem;
}
.why-yxx .right ul .item-1{
    top: 48%;
}
.why-yxx .right ul .item-2{
    top:25%;
    left: 25%;
}
.why-yxx .right ul .item-3{
    top:0;
    left: 50%;
}
@media screen and (max-width:750px) {
    .why-yxx h2{
        text-align: center;
        padding-bottom: .6rem;
    }
    .why-yxx .container{
        flex-wrap: wrap;
    }
    .why-yxx .left{
        width: 100%;
    }
    .why-yxx .right{
        width: 100%;
        height: 7rem;
        /* background-size: 7.59rem 4.56rem; */
    }
    .why-yxx .right ul{
        padding-left: .5rem;
    }
}
.why-seo{
    background-color: rgba(247, 248, 249, 1);
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.why-seo .right{
    background: none;
    width: 8.36rem;
    height: auto;
}
.why-seo .left{
    padding-left: 1rem;
    padding-bottom: 0;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media screen and (max-width:750px) {
    .why-seo .left{
        padding-left: 0;
    }
    .why-seo .right{
        order: 2;
        width: 100%;
        margin-top: 1.2rem;
    }
}
.why-jzlc{
    background:url(../images/why-jzlc-bg.png) no-repeat center center, linear-gradient(171deg, #0e1259, #0e1889);
    background-size: 100% auto;
    padding-bottom: .9rem;
}
.why-jzlc h2{
    text-align: center;
    color: #fff;
}
.why-jzlc ul{
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    padding-top: .7rem;
}
.why-jzlc ul li{
    color: #fff;
    display: -webkit-flex;
    display: flex;
}
.why-jzlc ul li .num{
    display: block;
    width: .18rem;
    height: .18rem;
    border-radius: 50%;
    background-color: #fff;
    color: #002fa7;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .1rem;
    margin-top: .02rem;
}
.why-jzlc ul li .ct{
    padding-left: .2rem;
    width: 1.4rem;
}
.why-jzlc ul li h3{
    color: #fff;
    margin: 0;
    font-size: .18rem;
    font-weight: 700;
}
.why-jzlc ul li p{
    font-size: .14rem;
}

.why-jzlc ul li{
    margin-right: .2rem;
}
.why-jzlc ul .item-2,.why-jzlc ul .item-4,.why-jzlc ul .item-6{
    padding-top: 2.6rem;
}
@media screen and (max-width:750px) {
    .why-jzlc {
        background: linear-gradient(171deg, #0e1259, #0e1889);
    }
    .why-jzlc ul{
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .why-jzlc ul li{
        padding-top: 0!important;
        width: 70%;
        margin-bottom: .5rem;
    }
    .why-jzlc ul li .num{
        width: .5rem;
        height: .5rem;
        font-size: .2rem;
    }
    .why-jzlc ul li .ct{
        width: fit-content;
    }
    .why-jzlc ul li h3{
        font-size: .30rem;
        font-weight: bold;
        line-height: .5rem;
    }
    .why-jzlc ul li p{
        font-size: .26rem;
        line-height: 1.67;
    }
}
.why-support{
    padding-top: 1rem;
    padding-bottom: .8rem;
}
.why-support h2{
    padding-bottom: .2rem;
}
.why-support .desc{
    margin: 0;
    padding-bottom: .6rem;
    font-size: .14rem;
    text-align: center;
}
.why-support .ct .item{
    width: 3rem;
}
@media screen and (max-width:750px) {
    .why-support .ct .item{
        margin-bottom: .4rem;
    }
}
.why-client{
    background-color: #fff;
    padding-bottom: .65rem;
}
.why-client h2{
    text-align: center;
}
.why-client ul{
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: .9rem;
    width: 95%;
    margin: 0 auto;
}
.why-client ul li{
    width: 20.5%;
    box-sizing: border-box;
    margin-bottom: .75rem;
}
@media screen and (max-width:750px) {
    .why-client ul{
        justify-content: space-around;
    }
    .why-client ul li{
        width: 45%;
    }
}
.why-evaluation{
    background-color: #fff;
    padding-top: 0;
}
.why-evaluation .container{
    display: -webkit-flex;
    display: flex;
}
.why-evaluation .left{
    width: 30%;
}
.why-evaluation .left p{
    font-size: .24rem;
    color: rgba(0, 0, 0, 1);
    margin: 0;
    padding-top: .4rem;
}
.why-evaluation .left a{
    display: block;
    width: fit-content;
    border-radius: .25rem;
    font-size: .18rem;
    background-color: rgba(0, 47, 167, 1);
    color: #fff;
    padding: .15rem .24rem;
    margin-top: .95rem;
}
.why-evaluation .right{
    width: 70%;
}
.why-evaluation .right .top{
    display: -webkit-flex;
    display: flex;
    float: right;
}
.why-evaluation .right .top li{
    position: relative;
    margin-left: .4rem;
    cursor: pointer;
}
.why-evaluation .right .top li img{
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}
.why-evaluation .right .top li span{
    display: none;
}
.why-evaluation .right .top li.active span{
    display: block;
    width: .37rem;
    height: .36rem;
    background-image: url(../images/why-quote.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0.06rem;
    right: -0.02rem;
}
.why-evaluation .right .bottom{
    clear: both;
    position: relative;
    padding-top: .4rem;
}
.why-evaluation .right .bottom .swiper-slide p{
    font-size: .24rem;
    color: rgba(128, 128, 128, 1);
    line-height: 1.67;
}
.why-evaluation .right .bottom .swiper-slide .bct{
    float: right;
}
.why-evaluation .right .bottom .swiper-slide .bct span{
    display: block;
    font-size: .16rem;
    color: rgba(166, 166, 166, 1);
    font-weight: bold;
    line-height: 1.5;
}
.why-evaluation .right .bottom .pagination{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .2rem;
}
.why-evaluation .right .bottom .pagination .swiper-pagination{
    width: auto;
}
.why-evaluation .right .bottom .pagination span{
    display: inline-block;
    background-color: rgba(204, 204, 204, 1);
    width: .1rem;
    height: .1rem;
    border: solid 1px rgba(204, 204, 204, 1);
}
.why-evaluation .right .bottom .pagination span.swiper-pagination-bullet-active{
    background-color: #fff;
    border: solid 1px rgba(0, 47, 167, 1);
}
@media screen and (max-width:750px) {
    .why-evaluation .container{
        flex-direction: column;
    }
    .why-evaluation .left{
        width: 100%;
        text-align: center;
        margin-bottom: .8rem;
    }
    .why-evaluation .left a{
        display: inline-block;
        margin-top: .5rem;
    }
    .why-evaluation .right{
        width: 92%;
        margin: auto;
    }
}
/* ==========案例列表样式========== */
/* 案例banner */
.case-banner {
    position: relative;
}

.case-banner img {
    width: 100%;
    height: auto;
    display: block;
}

.case-banner .container {
    width: 60%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.case-banner h2 {
    color: #fff;
    line-height: 1.67;
}

.case-banner p {
    margin-top: .4rem;
    color: rgba(255, 255, 255, 1);
    line-height: 1.5;
}
@media screen and (max-width:750px) {
    .case-banner .container{
        width: 92%;
    }
}
/* 案例菜单 */
.case-menu {
    padding-top: .6rem;
    padding-bottom: .6rem;
}

.case-menu ul {
    text-align: center;
}

.case-menu ul li {
    display: inline-block;
    padding: 0.05rem .05rem;
    margin: 0 .1rem;
    border-bottom: solid 1px rgba(245, 247, 253, 1);
}

.case-menu ul li a {
    color: rgba(32, 31, 41, 1);
}

.case-menu ul li.active,
.case-menu ul li:hover {
    border-color: rgba(0, 47, 167, 1);
}

.case-menu ul li.active a {
    color: rgba(0, 47, 167, 1);
    font-size: .2rem;
}

/* 案例列表 */
.case-list {
    padding-top: .2rem;
    padding-bottom: 0;
}

.case-list ul {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.case-list ul li,
.case-list ul span {
    width: 31%;
}

.case-list ul li {
    margin-bottom: .8rem;
}

.case-list ul li>a,
.case-list ul li>a>img {
    display: block;
}

.case-list ul li .more {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.case-list ul li .more .mu {
    font-weight: bold;
    font-size: .16rem;
}

.case-list ul li .more .line {
    display: inline-block;
    border-left: solid 1px rgba(166, 166, 166, 1);
    width: 0;
    height: .18rem;
    margin: 0 .1rem;
}

.case-list ul li .more .tags {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.case-list ul li .more .tags a {
    color: rgba(166, 166, 166, 1);
    margin-right: .1rem;
    font-size: .16rem;
}

.case-list ul li h3 {
    margin-top: .3rem;
    margin-bottom: .2rem;
}

.case-list ul li h3 a {
    font-size: .24rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
}
@media screen and (max-width:750px) {
    .case-list ul li, .case-list ul span{
        width: 100%;
    }
}

.case-more {
    padding-bottom: 1.8rem;
}

.case-more .container {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.case-more span {
    font-size: .16rem;
    color: rgba(128, 128, 128, 1);
}

.case-more h2 {
    font-size: .36rem;
    color: rgba(0, 47, 167, 1);
    margin-top: .22rem;
    margin-bottom: .36rem;
    font-weight: 400;
}

.case-more .btn {
    padding: .18rem .3rem;
    background-color: rgba(0, 47, 167, 1);
    border-radius: .25rem;
    color: #fff;
}

/* ==========案例详情页样式========== */
.case-content {
    padding-top: .8rem;
    padding-bottom: .5rem;
    background-color: #fff;
}

.case-list .desc {
    display: block;
    text-align: center;
    font-size: .2rem;
}

.case-list h2 {
    text-align: center;
    font-size: .36rem;
    padding-top: .05rem;
    padding-bottom: .5rem;
    font-weight: normal;
}

.case-chat {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff;
}

.case-chat .container {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    background-color: rgba(247, 248, 249, 1);
    border-radius: .26rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
    align-items: center;
}

.case-chat a {
    padding: .1rem .25rem;
    background-color: rgba(0, 47, 167, 1);
    border: solid 1px rgba(0, 47, 167, 1);
    margin-left: .6rem;
    border-radius: .25rem;
    color: #fff;
    font-size: .18rem;
}

.case-chat a.chat2 {
    background-color: #fff;
    color: rgba(0, 47, 167, 1);
}
@media screen and (max-width:750px) {
    .case-chat{
        padding-bottom: 1.5rem;
    }
    .case-chat .container{
        padding-left: .2rem;
        padding-right: .2rem;
    }
    .case-chat .container span{
        line-height: 1.67;
    }
    .case-chat a{
        white-space: nowrap;
        margin-left: .1rem;
    }
}
/* ==========文章列表页样式========== */
.article-list {
    padding-top: .45rem;
}

.article-list .container {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.article-list main {
    width: calc(100% - 4.1rem);
}

.article-list aside {
    width: 3.67rem;
}
@media screen and (max-width:750px) {
    .article-list .container{
        flex-wrap: wrap;
    }
    .article-list main {
        width: 100%;
    }
    
    .article-list aside {
        width: 100%;
        display: none;
    }
}
/* 置顶样式 */
.article-list-top {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.article-list-top ul li {
    position: relative;
}

.article-list-top ul li a.title {
    position: absolute;
    bottom: 0;
    display: block;
    height: .6rem;
    line-height: .6rem;
    color: #fff;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.2) 100%);
    flex: 1;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding-left: .2rem;
    padding-right: .2rem;
    box-sizing: border-box;
}

.article-list-top .left {
    width: 66.5%;
}

.article-list-top .right {
    width: 31.8%;
}

.article-list-top .right ul li {
    margin-bottom: .2rem;
}

.article-list-top .right ul li a.title {
    font-size: .14rem;
}
@media screen and (max-width:750px) {
    .article-list-top{
        flex-wrap: wrap;
        display: none;
    }
    .article-list-top .left {
        width: 100%;
    }
    .article-list-top .right{
        width: 100%;
        margin-top: .2rem;
    }
}
/* 列表样式 */
.article-list-content {
    margin-top: .5rem;
    padding-right: .45rem;
    background-color: #fff;
}

.article-list-content .top-menu {
    padding-top: .2rem;
    padding-left: .2rem;
}

.article-list-content .top-menu li {
    display: inline-block;
    font-size: .2rem;
    border-bottom: solid 2px #fff;
    padding: .2rem .1rem;
    margin: 0 .2rem;
}

.article-list-content .top-menu li.active {
    border-color: rgba(0, 37, 175, 1);
}

.article-list-content .list {
    margin-top: .4rem;
}

.article-list-content .list li {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px rgba(244, 244, 244, 1);
    padding-top: .2rem;
    padding-bottom: .2rem;
}

.article-list-content .list li .left {
    position: relative;
    width: 2.5rem;
}

.article-list-content .list li .left .zoompic {
    width: 2.5rem;
    border-radius: .04rem;
    overflow: hidden;
}

.article-list-content .list li .left span {
    position: absolute;
    left: .1rem;
    top: .1rem;
    font-size: .12rem;
    background-color: rgba(85, 85, 85, 1);
    color: #fff;
    padding: .05rem .08rem;
}

.article-list-content .list li .right {
    width: calc(100% - 2.7rem);
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.article-list-content .list li .right h3 {
    padding: 0;
    margin: 0;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    box-sizing: border-box;
}

.article-list-content .list li .right h3 a {
    font-size: .2rem;
    color: rgba(38, 38, 38, 1);
    box-sizing: border-box;
}

.article-list-content .list li .right p.desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .16rem;
    line-height: 1.67;
}

.article-list-content .list li .right .tags {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.article-list-content .list li .right .tags,
.article-list-content .list li .right .tags a {
    color: rgba(157, 166, 183, 1);
    font-size: .14rem;
}

.article-list-content .list li .right .tags .tagpic {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    background-image: url(../images/tags.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: .15rem;
    margin-right: .05rem;
    box-sizing: border-box;
}
@media screen and (max-width:750px) {
    .article-list-content .list li .right .tags{
        display: none;
    }
}
.pagelist ul {
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    padding-top: .35rem;
    padding-bottom: .55rem;
}

.pagelist ul li {
    display: inline-block;
    margin-left: .1rem;
}

.pagelist ul li a,.pagelist ul li span {
    padding: .07rem .17rem;
    font-size: .14rem;
    border: solid 1px #ccc;
    color: rgba(104, 116, 127, 1);
}

.pagelist ul li.active a,
.pagelist ul li a:hover,.pagelist ul li span.current {
    background-color: rgba(0, 37, 175, 1);
    border-color: rgba(0, 37, 175, 1);
    color: #fff;
}
@media screen and (max-width:750px) {
    .pagelist ul {
        justify-content: center;
    }
}
/* 侧边栏样式 */
/* 侧边栏统一样式 */
aside>div {
    border-radius: .15rem;
    background-color: #fff;
    padding: .2rem;
    box-sizing: border-box;
    margin-bottom: .23rem;
}

aside>div h3 {
    margin: 0;
    padding: 0.05rem 0.1rem;
    font-size: .2rem;
    border-left: solid 4px rgba(0, 37, 175, 1);
}

aside>div .ct {
    padding: 0.15rem .05rem;
}

aside>div .ct ul li {
    line-height: 2;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

aside>div .ct ul li a {
    font-size: .16rem;
}

aside>div .ct ul li a:hover {
    color: rgba(0, 37, 175, 1);
}

aside .sidesearch {
    width: 100%;
    height: .43rem;
    padding: 0;
}

aside .sidesearch form {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
}

aside .sidesearch input {
    outline: none;
    flex: 1;
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: .12rem 0 0 .12rem;
    padding-left: .2rem;
    padding-right: .2rem;
}

aside .sidesearch button {
    cursor: pointer;
    width: .9rem;
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 0 .12rem .12rem 0;
    background: rgba(0, 37, 175, 1);
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

aside .sidesearch .search {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-size: cover;
}

aside .jzlc .ct {
    padding-top: .3rem;
    padding-left: 0;
    padding-right: 0;
}

aside .jzlc .ct a {
    width: 98%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 37, 175, 1);
    color: #fff;
    border-radius: .08rem;
    margin-top: .3rem;
    padding-top: .12rem;
    padding-bottom: .12rem;
}

aside .jzlc .ct a .ico {
    display: inline-block;
    width: .31rem;
    height: .31rem;
    margin-right: .2rem;
    background-image: url(../images/zxjz.png);
    background-repeat: no-repeat;
    background-size: cover;
}

aside .download {
    border: 0;
    padding: 0;
    border-radius: 0;
}

aside .download a {
    padding: 0;
}

aside .download a img {
    display: block;
}

aside .gzgzh .ct {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

aside .gzgzh .ct .left {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: .3rem;
}

aside .gzgzh .ct .left h4 {
    font-size: .16rem;
    margin: 0;
}

aside .gzgzh .ct .left span {
    font-size: .14rem;
    color: rgba(128, 128, 128, 1);
    margin-top: .1rem;
}

aside .gzgzh .ct .right {
    width: .82rem;
    height: auto;
}

aside .hot-label {
    padding-bottom: 0;
}

aside .hot-label .ct {
    padding-bottom: 0;
}

aside .hot-label .ct a {
    display: inline-block;
    padding: .08rem;
    border-radius: .06rem;
    background-color: rgba(229, 229, 229, 1);
    color: rgba(151, 151, 151, 1);
    font-size: .14rem;
    margin-bottom: .22rem;
    margin-right: .2rem;
}

/* 文章详情页 */
.crumb {
    padding-top: .17rem;
    padding-bottom: .17rem;
}

.crumb,
.crumb a {
    font-size: .12rem;
    color: rgba(151, 151, 151, 1);
}

.article-content {
    width: 100%;
    background-color: #fff;
    padding: .4rem .45rem;
    box-sizing: border-box;
}

.article-content h1 {
    font-size: .24rem;
    font-weight: normal;
    line-height: 1.67;
    margin: 0;
}

.article-content .desc {
    color: rgba(128, 128, 128, 1);
    font-size: .14rem;
    padding-top: .2rem;
    padding-bottom: .2rem;
}

.article-content .content h2,
.article-content .content h3,
.article-content .content h4 {
    border-left: solid 4px rgba(0, 37, 175, 1);
    padding-left: .15rem;
    box-sizing: border-box;
}

.article-content .content h2 {
    font-size: .36rem;
}

.article-content .content h3 {
    font-size: .24rem;
}

.article-content .content h4 {
    font-size: .18rem;
}

.article-content .content p {
    font-size: .16rem;
    line-height: 1.67;
}

.article-content .labels {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.article-content .labels a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    height: .25rem;
    width: fit-content;
    align-items: center;
    font-size: .14rem;
    background-color: rgba(229, 229, 229, 1);
    border-radius: .25rem;
    padding-left: .31rem;
    padding-right: .08rem;
    margin-right: .24rem;
}

.article-content .labels a span {
    position: absolute;
    width: .25rem;
    height: .25rem;
    left: 0;
    top: 0;
    background-color: rgba(0, 37, 175, 1);
    border-radius: .25rem;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.article-content .labels a:hover {
    background-color: rgba(0, 37, 175, 1);
    color: #fff;
}
@media screen and (max-width:750px) {
    .article-content{
        padding: 0.2rem;
    }
    .article-content h1{
        font-size: .28rem;
        font-weight: bold;
    }
    .article-content .content{
        font-size: .26rem;
    }
}
.article-prenext {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    border-top: solid 1px rgba(229, 229, 229, 1);
    font-size: .14rem;
    color: rgba(38, 38, 38, 1);
    background-color: #fff;
    padding: .2rem .45rem;
}

.article-prenext a {
    color: rgba(128, 128, 128, 1);
}
@media screen and (max-width:750px) {
    .article-prenext{
        flex-direction: column;
        padding: .2rem;
    }
    .article-prenext span{
        margin-bottom: .15rem;
        line-height: 1.67;
    }
}
.article-more {
    background-color: #fff;
    padding: .3rem .45rem .55rem .45rem;
}

.article-more h3 {
    margin: 0;
    padding: 0.05rem 0.1rem;
    font-size: .2rem;
    border-left: solid 4px rgba(0, 37, 175, 1);
    margin-bottom: .3rem;
}

.article-more ul {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.article-more ul li,
.article-more ul span {
    width: 30.5%;
}

.article-more ul li a.zoompic {
    border-radius: .04rem;
}

.article-more ul li a.title {
    display: block;
    font-size: .16rem;
    margin-top: .16rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-more ul li span.desc {
    display: block;
    margin-top: .1rem;
    font-size: .14rem;
    color: rgba(157, 166, 183, 1);
}
@media screen and (max-width:750px) {
    .article-more{
        padding: .2rem;
    }
    .article-more ul li, .article-more ul span{
        width: 100%;
    }
    .article-more ul li{
        margin-bottom: .4rem;
    }
}
/* ==========关于列表样式========== */
.about-who {
    background-color: #fff;
    padding-bottom: .8rem;
}

.about-who .top {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.about-who .top .left {
    width: calc(100% - 65%);
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-who .top .left h2 {
    font-size: .36rem;
    font-weight: 700;
}

.about-who .top .left .ct {
    margin-top: .3rem;
    /*font-size: .2rem;*/
    line-height: .4rem;
    color: rgba(0, 0, 0, 1);
}

.about-who .top .left .ct p {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.about-who .top .right {
    width: 60%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-who .bottom {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin-top: .3rem;
}

.about-who .bottom .item {
    width: 38%;
    background-color: rgba(0, 47, 167, 1);
    border-radius: .27rem;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .54rem 0 .5rem 0;
    cursor: pointer;
}

.about-who .bottom .item:first-child {
    margin-right: 1.54rem;
}

.about-who .bottom .item .title {
    color: #fff;
    font-size: .26rem;
    font-weight: 700;
    margin-bottom: .4rem;
}

.about-who .bottom .item p {
    margin: 0;
    color: #fff;
}
@media screen and (max-width:750px) {
    .about-who{
        padding-bottom: 1.5rem;
    }
    .about-who .top{
        flex-direction: column;
    }
    .about-who .top .left{
        width: 100%;
    }
    .about-who .top .right{
        width: 100%;
    }
    .about-who .bottom{
        justify-content: space-around;
    }
    .about-who .bottom .item{
        width: 45%;
    }
    .about-who .bottom .item:first-child{
        margin-right: 0;
    }
    .about-who .bottom .item .title{
        margin-bottom: .2rem;
    }
    .about-who .bottom .item p{
        text-align: center;
        padding: 0 .2rem;
        line-height: 1.67;
    }
}
.about-partner {
    background-size: cover;
    background-position: center;
    padding-bottom: 1.3rem;
}

.about-partner h2 {
    text-align: center;
    color: #fff;
    line-height: 1.4;
}

.about-partner .numbers {
    margin: .8rem auto;
    width: 50%;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.about-partner .numbers .number {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about-partner .numbers .number .num {
    margin-bottom: .4rem;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
}

.about-partner .numbers .number .num .n {
    font-size: .48rem;
    margin-right: .13rem;
}

.about-partner .numbers .number .num .su {
    font-size: .36rem;
}

.about-partner .numbers .number .word {
    font-size: .3rem;
}

.about-partner .line {
    display: block;
    width: 100%;
    height: 0;
    border-bottom: solid 2px #fff;
}

.about-partner .partner {
    margin: 0 auto;
    margin-top: .45rem;
    width: 95%;
}

.about-partner .partner ul {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about-partner .partner ul li,
.about-partner .partner ul span {
    width: 17%;
}

.about-partner .partner ul li {
    margin-bottom: .4rem;
}
@media screen and (max-width:750px) {
    .about-partner h2{
        font-size: .3rem;
        line-height: 1.67;
    }
    .about-partner .numbers{
        width: 80%;
    }
    .about-partner .partner ul li, .about-partner .partner ul span{
        width: 30%;
    }
}

.about-worth {
    background-color: #fff;
    padding-bottom: 0.5rem;
}

.about-worth h2 {
    text-align: center;
}

.about-worth .section-desc {
    width: 60%;
    margin: 0.4rem auto;
    text-align: center;
    font-size: .23rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
    line-height: 2.5;
}

.about-worth ul {
    padding-top: .3rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about-worth ul li {
    width: 20.5%;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: .9rem;
    padding: 0 .45rem;
    box-sizing: border-box;
}

.about-worth ul li h3 {
    font-size: .18rem;
    font-weight: 700;
}

.about-worth ul li p {
    font-size: .16rem;
    line-height: 1.5;
}
@media screen and (max-width:750px) {
    .about-worth .section-desc{
        width: 90%;
    }
    .about-worth ul{
        justify-content: space-around;
    }
    .about-worth ul li{
        width: 42.5%;
        padding: 0;
    }
}
.about-office {
    padding: 0;
}

.about-employee {
    background-color: rgba(247, 248, 249, 1);
}

.about-employee h2 {
    text-align: center;
    margin-bottom: 1.1rem;
}

.about-employee .container {
    display: -webkit-flex;
    display: flex;
}

.about-employee .left {
    width: 40%;
}

.about-employee .left .content {
    width: 4.84rem;
    height: 5.63rem;
    background-color: rgba(0, 37, 175, 1);
    border-radius: .18rem;
    position: relative;
}

.about-employee .left .swiper {
    position: absolute;
    left: .28rem;
    top: -0.28rem;
    width: 4.84rem;
    height: 5.63rem;
    background-color: #fff;
    border-radius: .18rem;
}

.about-employee .left .swiper .swiper-slide {
    box-sizing: border-box;
    padding: .58rem .44rem;
    background-image: url(../images/about-quote.png);
    background-repeat: no-repeat;
    background-size: .5rem .4rem;
    background-position: 80% 12%;
}

.about-employee .left .swiper .swiper-slide img {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
}

.about-employee .left .swiper .swiper-slide .ct {
    width: 80%;
    color: rgba(0, 0, 0, 1);
    line-height: 1.76;
}

.about-employee .left .swiper .swiper-slide .bottom {
    margin-top: .5rem;
}

.about-employee .left .swiper .swiper-slide .bottom span {
    display: block;
    font-weight: bold;
    font-size: .2rem;
    line-height: 1.5;
}

.about-employee .left .navigation {
    position: absolute;
    top: calc(50% - 0.15rem);
    left: -9%;
    z-index: 9999;
    width: 124%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.about-employee .left .navigation .iconfont {
    font-size: .3rem;
    font-weight: normal;
    cursor: pointer;
}

.about-employee .right {
    flex: 1;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.about-employee .right .ct {
    width: 100%;
    height: 100%;
    font-size: .26rem;
    line-height: 3.5;
    margin-top: 1.2rem;
    margin-left: .9rem;
}
.about-employee .ct p{
    margin-top: .5rem;
}

.about-employee .right a {
    background-color: rgba(0, 37, 175, 1);
    color: #fff;
    padding: .12rem .27rem;
    border-radius: .2rem;
    width: fit-content;
    align-self: flex-end;
}
@media screen and (max-width:750px) {
    .about-employee h2{
        width: 60%;
        margin: .3rem auto .9rem auto;
    }
    .about-employee .container{
        flex-wrap: wrap;
    }
    .about-employee .left {
        width: 100%;
    }
    .about-employee .left .content{
        margin: auto;
        width: 90%;
    }
    .about-employee .left .swiper{
        width: 90%;
    }
    .about-employee .left .navigation{
        width: 100%;
    }
    .about-employee .right .ct{
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        font-size: .28rem;
        margin-top: .6rem;
        text-align: center;
    }
    .about-employee .right a{
        margin-right: .4rem;
    }
}
/* ==========联系样式========== */
.inquery{
    padding-top: 1.4rem;
    padding-bottom: 1.6rem;
}
.inquery .container {
    display: -webkit-flex;
    display: flex;
}

.inquery .left {
    width: 44.25%;
    background-color: rgba(0, 37, 175, 1);
    color: #fff;
    padding: 1rem .9rem;
    box-sizing: border-box;
    border: solid 1px rgba(0, 37, 175, 1);
}

.inquery .left h1,
.inquery .right .title {
    display: block;
    margin: 0;
    font-size: .36rem;
    font-weight: normal;
    padding-bottom: .6rem;
}

.inquery .left p {
    font-size: .16rem;
    line-height: 1.67;
}

.inquery .left .items {
    padding-top: .7rem;
    padding-bottom: .5rem;
}

.inquery .left .items .item {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-bottom: .4rem;
}

.inquery .left .items .item .iconfont {
    font-size: .3rem;
    margin-right: .3rem;
}

.inquery .right {
    width: 55.75%;
    background-color: #fff;
    padding: 1rem .9rem;
    box-sizing: border-box;
    border: solid 1px rgba(166, 166, 166, 1);
}

.inquery .right .form form {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.inquery .right .form form .form-button {
    align-self: flex-end;
}

.inquery .right .form form .form-button .button {
    border-radius: .21rem;
    background: rgba(0, 37, 175, 1);
    color: #fff;
    padding: .1rem .42rem;
    border: none;
    cursor: pointer;
}
.inquery .right .form .form-group{
    margin-bottom: .36rem;
}
.inquery .right .form .tt{
    font-size: .18rem;
    color: #000;
    font-weight: normal;
}
.inquery .right .form .tt span{
    color: rgba(0, 37, 175, 1);
    padding-left: .05rem;
}
.inquery .right .form input[type="text"]{
    width: 90%;
    border: none;
    outline: none;
    font-size: .12rem;
    border-bottom: solid 1px rgba(166, 166, 166, 1);
    line-height: 5;
}
.inquery .right .form input[type="text"]:focus{
    border-color: rgba(0, 47, 167, 1);
}
.inquery .right .form .radio{
    display: -webkit-flex;
    display: flex;
    margin-top: .3rem;
}
.inquery .right .form .radio .item{
    margin-right: .4rem;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.inquery .right .form .radio .item span{
    font-size: .12rem;
    margin-left: .05rem;
}
@media screen and (max-width:750px) {
    .inquery .container{
        flex-direction: column;
    }
    .inquery .left{
        width: 100%;
        padding: 1rem .7rem;
    }
    .inquery .right{
        width: 100%;
        padding: 1rem .7rem;
    }
    .inquery .right .form input[type="text"]{
        width: 100%;
    }
}
/* ==========服务页面========== */
.service-site{
    padding-top: .45rem;
    padding-bottom: 1rem;
}
.service-site .container{
    max-width: 12rem;
}
.service-site .top{
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    padding-top: .4rem;
    padding-bottom: .4rem;
}
.service-site .top .left{
    width: 4.3rem;
}
.service-site .top .left h2{
    font-size: .42rem;
    color: rgba(38, 38, 38, 1);
    padding-top: .2rem;
}
.service-site .top .right{
    flex: 1;
    font-size: .16rem;
    line-height: 1.5;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.service-site .bottom{
    position: relative;
}
.service-site .bottom img{
    display: block;
}
.service-site .bottom .ct{
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
    width: 3.62rem;
    padding: .4rem;
    box-sizing: border-box;
    border-top-left-radius: .08rem;
}
.service-site .bottom .ct h3{
    font-size: .36rem;
    margin: 0;
}
.service-site .bottom .ct p{
    font-size: .15rem;
    color: rgba(85, 85, 85, 1);
    border-left: solid 1px rgba(166, 166, 166, 1);
    padding-left: .25rem;
    line-height: 1.5;
    margin: 0;
    padding-top: .05rem;
    padding-bottom: .05rem;
    margin-top: .2rem;
    margin-bottom: .3rem;
}
.service-site .bottom .ct a.rtlink{
    font-size: .16rem;
    color: rgba(0, 47, 167, 1);
    margin-left: 1.4rem;
}
.service-site .bottom .ct a.rtlink>.iconfont{
    width: .18rem;
    height: .18rem;
    font-size: .16rem;
    color: rgba(0, 47, 167, 1);
    border-color: rgba(0, 47, 167, 1);
}
@media screen and (max-width:750px) {
    .service-site .top{
        flex-wrap: wrap;
    }
    .service-site .top .left{
        width: 100%;
        text-align: center;
    }
    .service-site .top .left .en{
        display: none;
    }
    .service-site .top .left h2{
        margin-bottom: .5rem;
    }
    .service-site .top .right{
        width: 100%;
        flex: auto;
    }
    .service-site .bottom .ct{
        width: 100%;
        position: relative;
    }
    .service-site .bottom .ct a.rtlink{
        margin-left: 0;
    }
}
/* .service{
    padding-top: 0;
    padding-bottom: 0;
}
.service .items .item{
    display: -webkit-flex;
    display: flex;
}
.service .items .item>div{
    width: 50%;
    min-height: 10.8rem;
}
.service .items .item .left{
    background-color: rgba(0, 0, 0, 1);
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.service .items .item .left .top{
    width: 62.5%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.6rem;
}

.service .items .item .left .top .l h3{
    font-size: .48rem;
    color: #fff;
    margin: 0;
    margin-bottom: .3rem;
}
.service .items .item .left .top .l span{
    font-size: .16rem;
    color: #fff;
}
.service .items .item .left .top .r a{
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: .12rem;
    font-size: .16rem;
    padding:.13rem .2rem;
}
.service .items .item .left .bottom{
    width: 62.5%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.service .items .item .left .bottom .l{
    width: 4rem;
}
.service .items .item .left .bottom .l p{
    margin: 0;
    font-size: .15rem;
    line-height: 1.7;
    color: #fff;
    padding: .15rem 0 .15rem .15rem;
    border-left: solid 1px rgba(166, 166, 166, 1);
}
.service .items .item .left .bottom .l a.rtlink{
    color: #fff;
    font-size: .16rem;
    margin-top: .35rem;
}
.service .items .item .left .bottom .l a.rtlink .iconfont{
    width: .18rem;
    height: .18rem;
    font-size: .12rem;
    border: solid 1px #fff;
    margin-right: .1rem;
}
.service .items .item .left .bottom .l a.rtlink:hover .iconfont{
    margin-right: .15rem;
}
.service .items .item .left .bottom .r ul li{
    white-space:nowrap;
    color: #fff;
    line-height: 1.7;
    font-size: .16rem;
}
.service .items .item .right{
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(229, 229, 229, 1);
}
.service .items .item .right .img{
    max-width: 98%;
}
.service .items .item .right img{
    display: block;
} */



/* 服务样式--开始 */
.service{
    padding-top: 0;
    padding-bottom: 0;
}
.service .central-wrapper{
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}
.service .overview {
    padding-top: 0;
    padding-bottom: 0
}

.service .overview .overview-content {
    display: flex;
    justify-content: space-between;
    height: calc(var(--vh, 1vh)*100);
}

.service .overview .text-container {
    width: 50%;
    padding-top: 160px;
    padding-bottom: 160px;
    padding-right: 18px;
    position: relative;
    z-index: 10;
    background-color: rgba(0, 0, 0, 1);
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.service .overview .text-container .topimg{
    display: none;
}
.service .overview .text-container .topimg img{
    display: block;
}
.service .overview .text-container .top{
    width: 62.5%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.6rem;
}

.service .overview .text-container .top .l h3{
    font-size: .48rem;
    color: #fff;
    margin: 0;
    margin-bottom: .3rem;
}
.service .overview .text-container .top .l span{
    font-size: .16rem;
    color: #fff;
}
.service .overview .text-container .top .r a{
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: .12rem;
    font-size: .16rem;
    padding:.13rem .2rem;
}
.service .overview .text-container .bottom{
    width: 62.5%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.service .overview .text-container .bottom .l{
    width: 4rem;
}
.service .overview .text-container .bottom .l p{
    margin: 0;
    font-size: .15rem;
    line-height: 1.7;
    color: #fff;
    padding: .15rem 0 .15rem .15rem;
    border-left: solid 1px rgba(166, 166, 166, 1);
}
.service .overview .text-container .bottom .l a.rtlink{
    color: #fff;
    font-size: .16rem;
    margin-top: .35rem;
}
.service .overview .text-container .bottom .l a.rtlink .iconfont{
    width: .18rem;
    height: .18rem;
    font-size: .12rem;
    border: solid 1px #fff;
    margin-right: .1rem;
}
.service .overview .text-container .bottom .l a.rtlink:hover .iconfont{
    margin-right: .15rem;
}
.service .overview .text-container .bottom .r ul li{
    white-space:nowrap;
    color: #fff;
    line-height: 1.7;
    font-size: .16rem;
}

.service .wd-image-overview {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    height: calc(var(--vh, 1vh)*100);
    pointer-events: none;
}

.service .wd-image-overview .wd-image-mask {
    left: auto;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0%;
    overflow: hidden;
    transition: width .2s ease-out;
}

.service .wd-image-overview .wd-image-mask.hovered {
    transition: width .5s ease-out
}

.service .wd-image-overview .opacity-layer {
    height: 100%
}

.service .wd-image-overview .wd-image {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(var(--vh, 1vh)*100);
    width: 100%;
    background-color: rgba(229, 229, 229, 1);
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service .wd-image-overview .wd-image img {
    max-width: 90%;
    height: auto;
}

.service .wd-image-overview .opacity-layer {
    height: calc(var(--vh, 1vh)*100);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 1;
    z-index: 1
}

.service .wd-image-overview .opacity-over {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    z-index: 2;
    transition: opacity .5s
}
@media (max-width:750px) {
    .service .overview .text-container{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0;
    }
    .service .overview .text-container .topimg{
        display: block;
        width: 80%;
        margin: 1rem auto;
    }
    .service .overview .text-container .top{
        width: 92%;
    }
    .service .overview .text-container .bottom{
        width: 92%;
    }
    .service .wd-image-overview{
        display: none;
    }
}
/* 服务样式--结束 */

/* 延时弹窗 */
.pop-window{
    position: fixed;
    left: calc(50% - 6rem);
    top: calc(50% - 3rem);
    width: 12rem;
    height: 6rem;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 999999;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    display: none;
}
.pop-window>.left{
    width: 6.35rem;
    padding-left: .8rem;
    background-color: rgba(0, 37, 175, 1);
    border-top-left-radius: .8rem;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pop-window>.left .t{
    font-size: .36rem;
    color: #fff;
}
.pop-window>.left .c{
    display: -webkit-flex;
    display: flex;
    margin-top: .55rem;
    margin-bottom: .55rem;
    padding-left: .1rem;
}
.pop-window>.left .c .l{
    width: 1.76rem;
    height: 1.78rem;
    background-image: url(../images/scanewm.png);
    background-size: cover;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pop-window>.left .c .l img{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}
.pop-window>.left .c .r{
    padding-left: .5rem;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.pop-window>.left .c .r .txt{
    display: block;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    margin-bottom: .15rem;
}
.pop-window>.left .c .r .num{
    display: block;
    font-size: .32rem;
    color: rgba(255, 195, 0, 1);
    text-align: center;
}
.pop-window>.left .b{
    display: -webkit-flex;
    display: flex;
}
.pop-window>.left .b a{
    font-size: .24rem;
    color: rgba(0, 47, 167, 1);
    background-color: #fff;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: .13rem .4rem;
    margin-right: .18rem;
    border-radius: .05rem;
    border: solid 1px rgba(0, 47, 167, 1);
}
.pop-window>.left .b .ico{
    display: inline-block;
    width: .29rem;
    height: .29rem;
    background-size: cover;
    margin-right: .1rem;
}
.pop-window>.left .b .ico-msg1{
    background-image: url(../images/ico-msg1.png);
}
.pop-window>.left .b .ico-msg2{
    width: .26rem;
    height: .26rem;
    background-image: url(../images/ico-msg2.png);
}
.pop-window>.right{
    width: 5.65rem;
    background-color: #fff;
    border-bottom-right-radius: .6rem;
    padding: .9rem 0.75rem 0 1rem;
    box-sizing: border-box;
}
.pop-window>.right .tt{
    font-size: .24rem;
    color: rgba(0, 0, 0, 1);
}
.pop-window>.right .tt span{
    font-size: .16rem;
    color: rgba(0, 47, 167, 1);
}
.pop-window>.right .form{
    margin-top: .45rem;
} 
.pop-window>.right .form .form-group .tt{
    font-size: .14rem;
}
.pop-window>.right .form .form-group .tt span{
    padding-left: .05rem;
}
.pop-window>.right .form .form-group input{
    width: 100%;
    margin-top: .1rem;
    margin-bottom: .17rem;
    padding: .12rem .18rem;
    font-size: .14rem;
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: .08rem;
    outline: none;
    box-sizing: border-box;
    color: rgba(166, 166, 166, 1);
}
.pop-window>.right .form .form-button .button{
    width: 100%;
    cursor: pointer;
    border-radius: 0.05rem;
    background: rgba(0, 37, 175, 1);
    border: 1px solid rgba(0, 47, 167, 1);
    font-size: .24rem;
    color: #fff;
    padding-top: .15rem;
    padding-bottom: .15rem;
    box-sizing: border-box;
    margin-top: .2rem;
}
.pop-window .close{
    position: absolute;
    display: block;
    right: 0.1rem;
    top: 0.1rem;
    width: .3rem;
    height: .3rem;
    background-image: url(../images/close.png);
    background-size: cover;
    filter:brightness(0.3);
}

@media screen and (max-width:1200px) {
    .pop-window{
        left: calc(50% - 2.825rem);
        top: calc(50% - 3rem);
        width: auto;
        height: auto;
    }
    .pop-window>.left {
        display: none;
    }
    .pop-window>.right{
        padding: .9rem 0.75rem 0.6rem 1rem;
    }
}
.search-title{
    padding-top: .3rem;
    padding-left: .3rem;
    font-weight: bold;
}
.search-title .red{
    color: red;
}