@charset "utf-8";

/* public*/
.w1200{width:1200px;margin:0 auto;}
.tx-l{text-align:left;}
.tx-c{text-align:center;}
.tx-r{text-align:right;}
.ufl{float:left;}
.ufr{float:right;}
.row.marlg0{margin-right:0;margin-left:0;}
.row .padlg0{padding-right:0;padding-left:0;}
.text img{max-width:100%;}
.col-zs{color:#327cbe;}
.font-18{font-size:18px;}
.font-46{font-size:46px;}
.dtable{display:table;width: 100%;height:100%;}
.dtable .dtcell{display:table-cell;vertical-align:middle;}
.block{display:block;}
.ub-pt50{padding-top: 50px;}
.ub-pb50{padding-bottom: 50px;}

/* body{padding-top: 88px;} */
body{padding-top: 64px;}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="search"], input[type="date"], select, textarea {
    -moz-border-radius: 2px;
         border-radius: 2px;
    border: solid 1px #ccc;
    padding: 0.6em;
    background-color: #f7f7f7;
    -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
       -moz-box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
            box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover, a:focus {color: #223fb9;text-decoration:none;}
.pub-color-cy{color: #223fb9;}
.pub-bg-cy{background: #223fb9;}
.wow{opacity: 0}
.header-wrapper{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    padding:2px;
    height: 64px;
    z-index:999;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 8%);
}
/* .header-wrapper.activeHead{padding-top: 0;} */
.header-wrapper:after {
    width: 100%;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
    content: '';
    position: absolute;
    top: -110%;
    left: 0;
    display: inline;
    height: 100%;
    background: #fff;
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
       -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
            box-shadow: 0 2px 4px rgba(0,0,0,.1);
    z-index: -1;
}
/* .header-wrapper.activeHead:after{top:0;} */
.navbar-default{
    background: transparent;
    border-width: 0;
    margin-bottom: 0;
    position: static;
}
.navbar-brand{
    height: auto;
    padding:10px 15px;
    margin-top: 0;
}

.head-nav-w{margin-top:7px;padding-right: 0;}
.navbar-default .navbar-nav > li{
    margin-left:0px;
    padding-right: 0px;
    padding-left: 0px;
    font-size:14px;
    position: relative;
    height: 50px;
}
.navbar-default .navbar-nav > li > a{
    padding:10px 20px 10px 20px;color:#333;
    position: relative;height: 40px;line-height: 20px;
    font-family: "SourceHanSansCNRegular";
    -webkit-transition: all .42s ease;
    transition: all .42s ease;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    overflow: hidden;
    vertical-align: top;
}
.navbar-default .navbar-nav > li.dw > a{padding-right: 30px;padding-left: 20px;}
.navbar-default .navbar-nav > li.on > a,.header-wrapper.activeHead .navbar-default .navbar-nav > li.on > a{color: #223fb9;}
/* .navbar-default .navbar-nav > li .as:after{
    display: block;
    position: absolute;
    left: 50%;
    bottom:0px;
    width:0px;
    height: 2px;
    background: #1a358c;
    content: '';
    z-index: 2;
    margin-left:-14px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}
.navbar-default .navbar-nav > li.on .as:after,
.navbar-default .navbar-nav > li:hover .as:after{width: 28px;} */
/* .header-wrapper.activeHead .navbar-nav > li > a{color:#000;} */
/* .navbar-default .navbar-nav > li.on .lf{
    width: 12px;
    height: 12px;
    background: #f2ca72;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    position: absolute;
    top: 12px;
    left: 0;
} */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.header-wrapper.activeHead .navbar-nav > li > a:hover,.header-wrapper.activeHead .navbar-nav > li > a:focus{
    color:#223fb9;
}
.navbar-default .navbar-nav > li.last > a.sea{
    width: 30px;
    font-size: 18px;
}
/* .activeHead .navbar-default .navbar-nav > li.last > a.sea{background: url(../Images/ico_sea2.png) center no-repeat;} */
.head-right{margin-top: 10px;margin-left: 15px;}
.head-right a{margin: 0 5px;color: #333;vertical-align: middle;line-height: 1;}
.head-right span{font-size: 12px;color: #333;line-height: 1;vertical-align: middle;}
.head-right .iconfont{font-size: 20px;}
.head-right span.phone{font-size: 14px;margin-right: 10px;font-family: arial;}

.navbar-default .navbar-nav > li .as span{display: block;}
.navbar-default .navbar-nav > li .as:before{
    content: '';
    color: #223fb9;
    height: 100%;
    width: 100%;
    margin-top: 0px;
    padding: 10px 20px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 55%, 0);
    transform: translate3d(0, 55%, 0);
    -webkit-transition: all .42s ease;
    transition: all .42s ease;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    font-family: "SourceHanSansCNRegular";
    line-height: 20px;
}
.navbar-default .navbar-nav > li.dw .as:before{padding-right: 30px;padding-left: 20px;}
.navbar-default .navbar-nav > li:nth-of-type(1) .as:before{content: '首页';}
.navbar-default .navbar-nav > li:nth-of-type(2) .as:before{content: '3A解决方案';}
.navbar-default .navbar-nav > li:nth-of-type(3) .as:before{content: '3A产品';}
.navbar-default .navbar-nav > li:nth-of-type(4) .as:before{content: '资源中心';}
.navbar-default .navbar-nav > li:nth-of-type(5) .as:before{content: '关于我们';}
.navbar-default .navbar-nav > li:nth-of-type(6) .as:before{content: '联系我们';}

.navbar-default .navbar-nav > li:hover a.as:before{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.navbar-default .navbar-nav > li:hover a.as span{
    -webkit-transform: translate3d(0, -55%, 0);
    transform: translate3d(0, -55%, 0);
    opacity: 0;
}
.navbar-default .navbar-nav > li.last,
.navbar-default .navbar-nav > li.line{margin-left:15px;}
.navbar-default .navbar-nav > li.last > a{
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}
.navbar-default .navbar-nav > li.line > i{
    display: block;
    margin-top: 13px;
    width: 1px;
    height: 14px;
    background: #fff;
}
.navbar-default .navbar-nav > li.last:before,
.navbar-default .navbar-nav > li.lang:before{display: none;}
.navbar-default .navbar-nav > li.last:hover a ,
.navbar-default .navbar-nav > li.lang:hover a{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.navbar-default .navbar-nav > li.lang{margin-left: 15px;}
.navbar-default .navbar-nav > li.lang a {
    float: left;
    color: #fff;
    text-align: center;
    line-height: 18px;
    transition: all 0.3s;
    font-size: 20px;
    padding-right: 20px;
    position: relative;
}
.navbar-default .navbar-nav > li.last a{
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 35px;
    border-radius: 50px;
    background: #fff url(../Images/ico_tel.png) 20px center no-repeat;
    background-size: 14px;
    color: #1b5aa1;
    font-size: 18px;
}
.navbar-default .navbar-nav > li.lang i {
    position: absolute;
    right: 0;
    top: 11px;
    line-height: 18px;
}
.navbar-default .navbar-nav > li.lang i:after {
    content: '\22';
}
.header-wrapper.activeHead .navbar-nav > li.lang > a{color: #000;}


.navbar-default .navbar-nav > li .ej-nav{
    position: absolute;
    top:100%;
    left: 0;
    background: #fff;
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 10%);
    -webkit-transition: none;
    transition: none;
    display: none;
}
.navbar-default .navbar-nav > li .ej-nav.ej-nav-t1{left: -30px;}
.navbar-default .navbar-nav > li .ej-nav.ej-nav-t2{left: -10px;}
.ej-nav-w1{width: 850px;padding: 24px 50px}
.navbar-default .navbar-nav > li .ej-nav .ej-nav-boxs .ti{font-size: 18px;color: #000;}
.menu-popover-line{
    width: 126px;
    height: 1px;
    margin: 15px 0 10px;
    background: linear-gradient(to right,rgba(10,35,73,.3) 0,transparent 100%);
    filter: 'progid:DXImageTransform.Microsoft.Gradient(startColorStr="#CCCCCC", endColorStr="#FFFFFF", GradientType=1)';
}
.ej-nav-ul .ej-nav-ul-li{
    margin-top: 16px;
    margin-bottom: 2px;
    font-size: 14px;
    color: #000;
}
.ej-nav-ul .ej-nav-ul-li:hover{
    transform: translate(0,-2px);
}
.ej-nav-w2{padding: 1px 30px 24px;white-space: nowrap;}


.head-tr{
    float: left;
    margin-top: 25px;
}
.head-login{
    float: left;
    height: 30px;
    line-height: 28px;
    padding: 0;
    text-align: center;
    color: #fff;
    background-color: #283840;
    font-size: 16px;
    margin-left: 20px;
    border-radius: 30px;
    border:1px solid #fff;
    overflow: hidden;
}
.activeHead .head-login{border-color: #283840;}
.head-login a{
    display: inline-block;
    padding: 0 15px;
    color: #fff;
    position: relative;
}
.head-login a.cn{background: #fff;color: #283840;}
.head-login a.icoh2{background-position: -78px center;padding-right: 0;margin-left: 15px;}
/* .head-login a.en:after{
    position: absolute;
    top:12px;
    left: 0;
    width: 1px;
    height: 14px;
    background-color: #fff;
    content: '';
} */
.head-login a.icoh2:before{
    position: absolute;
    top:12px;
    left: -15px;
    width: 1px;
    height: 14px;
    background-color: #4d87bc;
    content: '';
}

.navbar-default .navbar-nav > li > a i.rd{
    position: absolute;
    top:50%;
    right: 10px;
    line-height: 20px;
    font-style: normal;
    margin-top: -10px;
}
/* .navbar-default .navbar-nav > li > a i.lf{
    position: absolute;
    top:50%;
    left: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #ccc;
} */


.index-prev,.index-next{
    position: absolute;
    top:50%;
    width: 27px;
    height: 54px;
    margin-top: -27px;
    z-index: 3;
    opacity: 0.7;
    filter: alpha(opacity=70);
    font-size: 38px!important;
    color: #fff;
}
.index-prev{left: 3%;}
.index-next{right: 3%;}
/* -webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-ms-transform: rotate(180deg);transform: rotateZ(180deg); */
.index-prev:hover,.index-next:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.swiper-pagination-bullet-active{background: #223fb9;}

.banner .swiper-pagination{padding-right: 80px;text-align: right;}
.banner .swiper-pagination .swiper-pagination-bullet,.about-swp .swppage .swiper-pagination-bullet{width: 15px;border-radius: 0;height: 5px;}


.banner .img{overflow: hidden;height: 100%;}
.banner .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.2);
    transition: transform 0.5s ease-out 0.8s;
}
.banner .swiper-slide-active .img img{
    transform: scale(1);
}
.ban-txt{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #fff;
    text-align: center;
}
.home-tops .ban-txt{width: 100vw;}
/* .ban-txt .ban-move-box{max-width: 1000px;margin-left: 10%;} */
.ban-txt .p1{
    font-size: 44px;
    margin-bottom: 0px;
    opacity: 0;
    font-family: "SourceHanSansCNBold";
    color: #223fb9;
    margin-bottom: 15px;
    font-weight: bold;
    line-height: 1;
}
.ban-txt .p1 span{font-size: 78px;font-family: "SourceHanSansCNBold";font-weight: 1000;}
.home-tops .ban-txt .p1 span{font-size: 68px;font-family: "SourceHanSansCNRegular";font-weight:300;}
.ban-txt .p2{font-size: 38px;opacity: 0;color: #fff;line-height: 1;}
/* .home-tops .ban-txt .dtable .dtcell{vertical-align: top;padding-top: 8vh;} */
/* .ban-txt .p2 span{opacity: 0.7;} */
.ban-txt .p3{opacity: 0;margin-top: 0px;font-size: 24px;font-family: arial;}
.ban-txt .p3 a.m{
    display: inline-block;
    line-height: 44px;
    padding: 0 50px;
    border-radius: 44px;
    background: #1a358c;
    color: #fff;
}
.ban-txt .ban-move-box .line{
    width: 220px;
    height: 2px;
    background: #1a358c;
    margin: 30px auto 40px;
    opacity: 0;
}
/*.home-tops .ban-txt .p2{font-family: "SourceHanSansCNBold";font-size: 48px;}*/

.dsvg {
    position: absolute;
    right: 0;
    bottom: 30px;
    left: 0;
    width: 54px;
    width: 27px;
    margin: 0 auto;
    z-index: 4;
    text-align: center;
    cursor: pointer;
}
.dsvg .scroll-blast {
    height: 28px;
    width: 14px;
    margin-top: -6px;
    margin-left: 20px;
    margin-left: 0px;
}
.dsvg .scroll-blast path {
    fill: #fff;
    -webkit-animation: arrowHint 1.5s infinite;
    animation: arrowHint 1.5s infinite;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}
.dsvg .scroll-blast path.a1 {
    fill: #5fcdd6;
    -webkit-animation-delay: -.75s;
    animation-delay: -.75s
}
.dsvg .scroll-blast path.a2 {
    fill: #87dae1;
    -webkit-animation-delay: -.375s;
    animation-delay: -.375s
}
.dsvg .scroll-blast path.a3 {
    fill: #b0e6eb;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
@-webkit-keyframes arrowHint {
0% {
opacity:0
}
40% {
opacity:1
}
80% {
opacity:0
}
to {
opacity:0
}
}
@keyframes arrowHint {
0% {
opacity:0
}
40% {
opacity:1
}
80% {
opacity:0
}
to {
opacity:0
}
}



.icos-d .svg svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
         transform: rotate(-90deg);
}
.icos-d .svg svg circle{
    -webkit-transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    -moz-transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    stroke-dasharray:339;
    stroke-dashoffset:339;
}






.more-s1{text-align: center;margin-top: 40px;}
.more-s1 a{
    display: inline-block;
    width: 170px;
    line-height: 40px;
    border:1px solid #223fb9;
    border-radius: 40px;
    font-size: 16px;
    color: #223fb9;
    text-transform: uppercase;
    overflow: hidden;
    height: 42px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.more-s1 a:hover{color: #fff;border-color: #223fb9;background: #223fb9;}
/* .more-s1 a span{
    position: relative;
    display: inline-block;
    width: 170px;
    overflow: hidden;
    z-index: 2;
}
.more-s1 a span:after{
    background: #f06233;
    content: '';
    height: 100%;
    width: 0;
    position: absolute;
    top: 0;
    left: -12px;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    -webkit-transition: all .4s;
    transition: all .4s;
    z-index: -1;
}
.more-s1 a:hover span:after{width: 115%;} */

.home-tops{
    width: 100%;
    height: -webkit-calc(100vh - 64px);
    height: calc(100vh - 64px);
    height: 600px;
}
.home-tops .left-ms,.home-tops .right-ms{height: 100%;}
/* .home-tops .left-ms{width: 66%;} */
/*.home-tops .left-ms .swiper-pagination{width: 10px;left: auto;right: 30px;bottom: 50%;-webkit-transform: translateY(50%);transform: translateY(50%);}*/
.home-tops .left-ms .swiper-pagination .swiper-pagination-bullet{background: #fff;opacity: 1;position: relative;margin: 10px;}
.home-tops .left-ms .swiper-pagination .swiper-pagination-bullet-active:after{
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    top: -5px;
    left: -5px;
    border-radius: 50%;
    border: 1px solid #ffb018;
    content: '';
}
.home-tops .left-ms .swiper-container{height: 100%;}
.home-tops .left-ms .img{width: 100%;height: 100%;object-fit: cover;}
.home-tops .right-ms{width: 34%;background-color: #313133;}
.home-tops .pub-prev,.home-tops .pub-next{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}
.home-tops .pub-prev{left: 20px;}
.home-tops .pub-next{right: 20px;}
.home-tops .right-ms ul{height: 100%;}
.home-tops .right-ms ul li{
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    overflow: hidden;
}
.home-tops .right-ms ul li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    transform: translateY(101%);
    -webkit-transition-property: transform;
    -webkit-transform: translateY(101%);
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.74,.22,.99);
    -webkit-transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(.25,.74,.22,.99);
}
.home-tops .right-ms ul li:hover:before{
    background-color: #223fb9;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.home-tops .right-ms ul li .boxs{
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px;
    width: 100%;
    height: 100%;
    z-index: 5;
}
.home-tops .right-ms ul li:nth-of-type(2n) .boxs{border-left: 1px solid rgba(255, 255, 255, 0.25);}
.home-tops .right-ms ul li:nth-of-type(n+3) .boxs{border-top: 1px solid rgba(255, 255, 255, 0.25);}
.home-tops .right-ms ul li .boxs .ico{
    width: 80px;
    height: 80px;
    position: relative;
}
.home-tops .right-ms ul li .boxs .ico img{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.home-tops .right-ms ul li .boxs .ico img.png2{opacity: 0;}
.home-tops .right-ms ul li:hover .boxs .ico img.png2{opacity: 1;}
.home-tops .right-ms ul li:hover .boxs .ico img.png1{opacity: 0;}
.home-tops .right-ms ul li .boxs .txt{color: #fff;margin-bottom: -20px;}
.home-tops .right-ms ul li .boxs .txt h4{margin-bottom: 6px;font-size: 20;}
.home-tops .right-ms ul li .boxs .txt .p{
    line-height: 24px;
    height: 48px;
    font-size: 16px;
}
.home-section-pro{padding-top: 60px;padding-bottom: 60px;}
.home-pro-class{background-color: #313438;padding-bottom: 35px;}
.pub-title{text-align: center;margin-bottom: 40px;}
.pub-title h1{
    margin-bottom: 20px;
    color: #313438;
    text-align: center;
}
.cc-solution-tops .pub-title h1{text-align: left;}
.pub-intro{font-size: 18px;line-height: 1.6;color: #4e4d4d;}
.pub-title .pub-intro{max-width: 600px;margin: 0 auto;text-align: center;}
.pub-btns{margin-bottom: 50px;font-size: 0;text-align: center;}
.pub-btns .gbt{
    display: inline-block;
    line-height: 44px;
    border-radius: 40px;
    padding: 0 30px;
    font-size: 18px;
    border: 2px solid #223fb9;
    color: #223fb9;
    margin: 0 10px;
    cursor: pointer;
}
.pub-btns .gbt.on,.pub-btns .gbt:hover{
    background-color: #223fb9;
    color: #fff;
}
.home-section-pro .txt-group{margin-bottom: 30px;margin-top: -10px;}
.home-section-pro .swp-con{position: relative;}
.home-section-pro .swp-con .swiper-container{
    width: 75%;
    max-width: 1200px;
    overflow: initial;
}
.home-section-pro .swp-con .shaw{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 30px;
    color: #fff;
    background-color: rgba(34,63,185,0.53);
}
.home-section-pro .swp-con .shaw h4{font-size: 20px;margin-bottom: 5px;}
.home-section-pro .swp-con .shaw .pub-intro{color: #fff;}
.home-section-pro .swp-con .swiper-slide{
    opacity: 0.48!important;
}
.home-section-pro .swp-con  .swiper-slide-active{
   opacity: 1!important;
}
.ub-rel{position: relative;}
.pub-swp-btn{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 6;
    font-size: 68px!important;
    color: #223fb9;
    opacity: 0.5;
}
.pub-swp-btn:hover{opacity: 1;}
.pub-swp-btn-right{right: 20px;}
.pub-swp-btn-left{left: 20px;}

/* home ai */
.about-page-3{background-color: #313438;overflow: hidden;}
.aboutSw-btn2{
    background-color: #313033;
    height: 16.66vw;
    color: #fff;
    height: 150px;
}
.aboutSw-gallery .swiper-container,.aboutSw-thumbs .swiper-container{
    height: 50vw;
    overflow: hidden;
    height: 600px;
}
.aboutSw-gallery .boxs{
    position: relative;
    height: 100%;
}
.aboutSw-gallery .boxs .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.aboutSw-gallery .boxs .img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0;
    object-position: 50% 0;
}
.aboutSw-gallery .boxs .agtxt{
    position: absolute;
    bottom: 20px;
    left: 30px;
    z-index: 2;
}
/* .aboutSw-gallery .boxs .tx1{
    position: absolute;
    left: -25vw;
    bottom: 14.5vw;
    z-index: 2;
    color: #fff;
} */
.aboutSw-gallery .boxs .p{
    position: absolute;
    bottom: 25px;
    left: 30px;
    z-index: 3;
    color: #fff;
}
.aboutSw-gallery .boxs .p2{
    position: absolute;
    bottom: 0;
    left: -41.6667vw;
    z-index: 3;
    color: #efefef;
    width: 100%;
    padding:25px 30px;
}
.aboutSw-gallery .boxs .gd,
.aboutSw-gallery .boxs .pd,
.aboutSw-gallery .boxs .p,
.aboutSw-gallery .boxs .p2{opacity: 0;}
.aboutSw-gallery .boxs .tx1{font-size: 18px;}
.aboutSw-gallery .boxs .gd{color:#fff;}
.aboutSw-thumbs .img{
    position: relative;
    cursor: pointer;
    height: 100%;
    overflow: hidden;
}
/* border-top: 1px solid hsla(0,0%,100%,.06); */
.aboutSw-thumbs .img span{
    display: block;
    position: relative;
    z-index: 5;
    height: 100%;
    border-top: 1px solid hsla(0,0%,100%,.06);
    border-right: 1px solid hsla(0,0%,100%,.06);
}
.aboutSw-thumbs .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    height: 50%;
    width: 140px;
    height: 140px;
    transform: translate(-50%,-50%);
    border-radius: 200px;
    max-width: 85%;
    max-height: 85%;
    object-fit: cover;
}
.aboutSw-thumbs .img:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.06);
    transition-property: transform,opacity;
    transform: translateY(101%);
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.74,.22,.99);
    z-index: 2;
}
.aboutSw-thumbs .img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #223fb9;
    transition-property: opacity;
    opacity: 0;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.74,.22,.99);
    z-index: 3;
}
/* .swiper-slide-thumb-active */
.aboutSw-thumbs .swiper-slide-active .img:before {
    opacity: 1;
}
.aboutSw-thumbs .img:hover:after {
    transform: translateY(0);
}
.aboutSw-btn2 .aboutSw-box{
    height: 16.66vw;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    height: 150px;
}
.cleft-txt .pub-title h1{text-align: left;}
.aboutSw-gallery .aboutSw-btn2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    background-color: transparent;
    height: 100%;
}
.aboutSw-btn2 .aiTit{
    position: absolute;
    width: 100%;
    bottom:0;
    left:0;
    height: 50px;
    z-index: 9;
    background: rgba(34,63,185,0.53);
}
.aboutSw-btn2 .aiTit h3{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    line-height: 50px;
    text-align: left;
    opacity: 0;
    padding:0 30px;
    font-size:20px;
}
.aboutSw-btn2 .aboutSw-box:after{
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    width: 100%;
    border-bottom: 1px solid #c0c0c0;
    transition-property: opacity;
    opacity: 0;
}
/* .aboutSw-btn2 .on .aboutSw-box:after{opacity: 1;} */
.aboutSw-btn2 .aboutSw-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    transform: translateY(101%);
    
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.74,.22,.99);
}
.aboutSw-btn2 .aboutSw-box:hover:before,
.aboutSw-btn2  .aboutSw-box:before{transform: translateY(0);}
.aboutSw-btn2  .pub-btn23{color:#fff;}
.aboutSw-btn2  .aboutSw-box:hover .pub-btn23{color:#223fb9;}
.aboutSw-btn2  .pub-btn23:after{background: #223fb9;}
#abPrev2 .pub-btn23{opacity: 0;}
.pub-btn23{
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.pub-btn23:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: #fff;
    transform: scale(0);
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.74,.22,.99);
    z-index: 2;
}
/* .aboutSw-btn2 .aboutSw-box:hover .pub-btn23{color: #000;} */
.aboutSw-btn2 .aboutSw-box:hover .pub-btn23:before {transform: scale(1);}
.pub-btn23:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition-property: transform,background-color,border-color,box-shadow;
    border: 1px solid hsla(0,0%,100%,.2);
    box-shadow: 0 0 0.5px 0 hsla(0,0%,100%,.2), inset 0 0 0.5px 0 hsla(0,0%,100%,.2);
    border-radius: 50%;
}
.aboutSw-btn2 .aboutSw-box:hover .pub-btn23:after{border-color: #fff;}
.pub-btn23 span {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    transform: rotate(45deg);
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.74,.22,.99);
}
.aboutSw-btn2 .aboutSw-box:hover .pub-btn23 span {transform: rotate(90deg);}
.row.row0{margin-right: 0;margin-left: 0;}
.row.row0>div{padding-right: 0;padding-left: 0;}
.cleft-txt{
    height: 33.34vw;
    position: relative;
    padding: 5vw;
    color: #fff;
    border-top: 1px solid hsla(0,0%,100%,.06);
    height: 450px;
}
.cleft-txt>div{text-align: left;}
.cleft-txt .pub-title h1{
    color: #fff;
    margin-top: 2vw;
    margin-bottom: 10px;
}
.cleft-txt .pub-title h4{color: #fff;font-family: arial;font-size: 24px;}
.cleft-txt .pb{text-align: left;font-size: 14px;line-height: 1.6;}

/*.home-solution{
    padding-top: 50px;
    background: url(../Images/a.png) no-repeat center 40px / 250px;
}*/
.home-solution{
    padding-top: 50px;}
.home-solution-swp .boxs{
    position: relative;
}
.home-solution-swp .boxs img{width: 100%;}
.home-solution-swp .boxs .shaw,.pub-shaw-sh .shaw{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34,63,185,0.53);
    opacity: 0;
}
.home-solution-swp .boxs .shaw:hover,.pub-shaw-sh .shaw:hover{opacity: 1;}
.home-solution-swp .boxs .shaw .pub-btn23,.pub-shaw-sh .shaw .pub-btn23{
    bottom: 50%;
    right: 50%;
    -webkit-transform: translate(50%,50%);
    transform: translate(50%,50%);
}
.home-solution-swp .boxs .shaw .pub-btn23 span,.pub-shaw-sh .shaw .pub-btn23 span{color: #223fb9;transform: rotate(-45deg);}
.home-solution-swp .boxs .shaw .pub-btn23:before,.pub-shaw-sh .shaw .pub-btn23:before{background-color: #fff;}
.home-solution-swp .boxs .shaw:hover .pub-btn23 span,.pub-shaw-sh .shaw:hover .pub-btn23 span{color: #fff;}
.home-solution-swp .boxs .shaw:hover .pub-btn23:before,.pub-shaw-sh .shaw:hover .pub-btn23:before{background-color: #223fb9;transform: scale(1);}
.home-solution-swp .tit{margin-top: 15px;font-size: 18px;}
.home-solution-swp .swiper-slide:hover .tit a{color: #223fb9;}
.home-video-m{
    margin:60px auto 0;
}
.home-video-m video{
    width: 100%;
    vertical-align: top;
}
.home-news{
    padding-top: 50px;
    padding-bottom: 60px;
}
.home-news-swp{margin: 0 auto;position: relative;padding: 0 80px;}
/* .home-news-swp:after{
    position: absolute;
    top: 50%;
    left: -1500px;
    height: 2px;
    width: 5000px;
    background-color: #223fb9;
    opacity: 0.5;
    content: '';
    z-index: -1;
    margin-top: -28px;
} */
.home-news-swp .swiper-container{overflow: initial;}
.home-news-swp .swiper-container.cchomeNewswp{overflow: hidden;}
.home-news-swp .boxs{padding-top: 50px;position: relative;}
.home-news-swp .boxs .num{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 6;
    font-size: 88px;
    font-family: arial;
    line-height: 100px;
    text-fill-color: transparent;
    text-stroke:1px #8e8e8e;
    -webkit-text-fill-color:transparent;   
    -webkit-text-stroke:1px #8e8e8e;

}
.home-news-swp .boxs:hover .num{
    text-fill-color: #223fb9;
    text-stroke:1px #223fb9;
    -webkit-text-fill-color:#223fb9;   
    -webkit-text-stroke:1px #223fb9;
}
.home-news-swp .boxs .img img{width: 100%;}
/*.home-news-swp .boxs:hover .img img{
        -webkit-filter:none;
    filter:none;
    }*/
.home-news-swp .boxs .txt{margin-top: 30px;}
.home-news-swp .boxs .txt h4{
    line-height: 24px;
    min-height: 48px;
}
.home-news-swp .boxs .txt .date{color: #666;margin-left: 20px;}
.home-news-swp .pub-prev ,.home-news-swp .pub-next{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 6;
    margin-top: -28px;
}
.home-news-swp .pub-prev{left: -100px;left: 0;}
.home-news-swp .pub-next{right: -100px;right: 0;}
/*.cc-cases-wrap .home-news-swp .pub-prev{left: -100px;}
.cc-cases-wrap .home-news-swp .pub-next{right: -100px;}*/
.footer{background-color: #313133;color: #fff;overflow: hidden;}
/*height: 40vh;*/
.footer .boxs{
    
    padding: 5vh 5vh 2vh;
    padding: 5vh 0 0;
    position: relative;
    z-index: 3;
}
.footer-left{background-color: #223fb9;}
.footer-left:after{
    position: absolute;
    top: 0;
    right: 0;
    width: 2000px;
    height: 1000%;
    z-index: 0;
    background-color: #223fb9;
    content: '';
}
.footer-right .boxs{padding-left: 5vh;}
.footer .phone{font-size: 24px;font-family: arial;text-align: left;}
.footer .phone a:hover{color: #fff;}
.footer .phone .iconfont{font-size: 28px;margin-right: 5px;vertical-align:middle;}
.footer .phone a{vertical-align:middle;}
.footer .address{line-height: 1.6;}
.footer-right .boxs .mes{margin-bottom:20px;}
/*.footer-right .boxs .mescx{margin-bottom:35px;}*/
.footer .mes .ul li{margin-bottom: 5px;font-size: 16px;}
.footer .mes .ul li a{color:#fff;}
.footer .mes .fr{font-size: 16px;}
.footer .mes .shar{font-size: 0;margin-top: 0;margin-bottom: -40px;}
/*.foot-ag-midlf{padding-top:30px;}*/
/*.foot-ag-bt{margin-top:30px;}*/
.foot-left-cents-age{padding-top:40px;margin-bottom:40px;}
.foot-left-cents-age .email{font-size:18px;}
.foot-tis{font-size:16px;margin-bottom:16px;border-bottom:1px solid #ccc;padding-bottom:15px;}
.footer .mes .shar a{
    display: inline-block;
    width:34px;
    height: 34px;
    text-align: center;
    line-height:32px;
    border: 1px solid #ccc;
    color: #ccc;
    border-radius: 50%;
    margin-left: 10px;
}
.footer .mes .shar a .icon-weixin{font-size: 20px;}
.footer .mes .shar a:hover{
    background-color: #223fb9;
    border-color: #223fb9;
}
.footer .chart img{width: 110px;}
.footer .icp{margin-bottom: 5px;}

/* .swiper-wrapper,.swiper-slide{
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
} */

.focus .pc-img img{
    width: 100%;
    height: -webkit-calc(100vh - 64px);
    height: 600px;
    object-fit: cover;
}
.focus .ban-txt .p1 span{
    font-family: 'SourceHanSansCNBold';
    color: #fff;
    font-size: 48px;
}
.focus .ban-txt .p2{font-size: 24px;margin-top: 15px;line-height: 1.4;}
.cc-solution-tops{
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #f3f2f3;
}
.cc-solution-tops .pub-title{max-width: 380px;margin-top: 0;}
.services-top{
    position: relative;
    z-index: 6;
    margin-bottom: 60px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.services-top .boxs,.services-top .left-boxs{
    padding: 25px 35px;
    height: 150px;
    position: relative;
}
.services-top .left-boxs:after{
    position: absolute;
    top: -40px;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #223fb9;
    content: '';
    z-index: -1;
}
.services-top .left-boxs{color: #fff;text-align: center;}
.services-top .left-boxs .p{font-size: 18px;margin-bottom: 10px;}
.services-top .boxs{overflow: hidden;cursor: pointer;}
/* .services-top .gil+.gil .boxs{border-left: 1px solid #ddd;} */
.services-top .gil .boxs{border-right: 1px solid #ddd;}
.services-top .boxs .tnum {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    font-family: arial;
    color: #333;
    position: relative;
    text-align: center;
}
.services-top .on .boxs .tnum {
    color: #fff;
}
.services-top .boxs .tnum:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    transition-property: transform,background-color,border-color,box-shadow;
    background-color: #223fb9;
    box-shadow: 0 0 0.5px 0 hsl(0deg 0% 100% / 20%), inset 0 0 0.5px 0 hsl(0deg 0% 100% / 20%);
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.74,.22,.99);
    transform: scale(0);
    z-index: 2;
}
.services-top .on .boxs .tnum:before {
    transform: scale(1);
    background-color: #223fb9;
}
.services-top .boxs .tnum:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    transition-property: transform,background-color,border-color,box-shadow;
    border: 1px solid #666;
    box-shadow: 0 0 0.5px 0 hsl(0deg 0% 100% / 20%), inset 0 0 0.5px 0 hsl(0deg 0% 100% / 20%);
}
.services-top .on .boxs .tnum:after {
    border-color: #fff;
}
.services-top .boxs:hover .tnum:before {
    transform: scale(1);
}
.services-top .boxs:hover .tnum:after {
    border-color: #223fb9;
}
.services-top .boxs:hover .tnum {
    color: #fff;
}
.services-top .boxs .tnum span {
    position: relative;
    z-index: 9;
}
.services-top .on .card__deco {
    position: absolute;
    z-index: 2;
    bottom: -14px;
    left: 50%;
    width: 28px;
    height: 28px;
    transform-origin: center;
    transform: rotate(45deg);
    background: #313033;
    pointer-events: none;
    overflow: hidden;
    margin-left: -14px;
}
.services-top .boxs:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    transform: translateY(101%);
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.74,.22,.99);
}
.services-top .on .boxs:after {
    background-color: #302f33;
    transform: translateY(0);
}
.services-top .boxs .card__title {
    position: absolute;
    bottom: 25px;
    left: 30px;
    z-index: 3;
}
.services-top .on .boxs .card__title{color: #fff;}
.cc-service-intro{margin-bottom: 50px;}
/* .cc-services-con .pub-btns .gbt{
    width: 150px;
} */
.cc-services-sm{
    padding-top: 60px;
    padding-bottom: 44px;
    background: #f3f2f3;
}
.cc-services-sm .items{background: url(../Images/bg.png) no-repeat left center / 250px;}
/* .cc-services-sm .ltx{padding-left: 30px;} */
.cc-services-sm .ltx h3{margin-bottom: 20px;}
.cc-services-sm .rlist.row{margin-right: -8px;margin-left: -8px;}
.cc-services-sm .rlist.row>div{padding-right: 8px;padding-left: 8px;}
.cc-services-sm .ltx{padding-right: 35px;}
.cc-services-sm .rlist .boxs{
    display: block;
    position: relative;
    background-color: #fff;
    padding: 30px;
    margin-bottom: 16px;
    overflow: hidden;
}
.cc-services-sm .rlist .boxs:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    transform: translateY(101%);
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.74,.22,.99);
    background-color: #223fb9;
}
.cc-services-sm .rlist .boxs:hover:after{
    transform: translateY(0);
}
.cc-services-sm .rlist .boxs .cs{
    position: relative;
    z-index: 3;
}
.cc-services-sm .rlist .boxs .num{
    font-size: 48px;
    font-family: arial;
    line-height: 1;
    color: #223fb9;
}
.cc-services-sm .rlist .boxs:hover,.cc-services-sm .rlist .boxs:hover .num{color: #fff;}
.cc-services-sm .rlist .boxs h4{
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 22px;
}
.cc-services-sm .rlist .boxs .p{
    font-size: 16px;
    max-width: 320px;
    line-height: 30px;
    height: 60px;
    opacity: 0.8;
}
.cc-services-sm .rlist .boxs .as{font-size: 16px;}
.cc-services-sm .rlist .boxs:hover .as{color: #fff;}

.about-page-1{position: relative;overflow: hidden;padding-top: 60px;margin-bottom: 60px;}
.about-page-1 .pub-intro{margin-top: 20px;display: inline-block;margin-bottom: 30px;}
.about-page-1 .bg{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    bottom: 100px;
    background: url(../Images/bg2.png) no-repeat center top/cover;
    z-index: -1;
}
/* .about-container{
    width: 90%;
    width: 90vw;
    margin:0 auto;
} */
/* .about-container2{
    padding-left: 16.66vw;
    padding-right: 10px;
    margin:60px auto 0;
    color: #fff;
} */
/* .about-container2 .swiper-container{overflow: initial;} */
/* .font-size-bz{font-size: 20px;line-height: 1.5;} */

.about-page-1 .about-container{color:#fff;}
.about-page-1 .about-container .text h3{margin: 50px 0 40px;}
.about-page-1 .about-sp{position: relative;margin-top:10px;}
.about-page-1 .about-sp .about-sp-tps{margin-bottom: 30px;}
.about-page-1 .about-sp .ptx{
    color: #fff;
    font-size: 16px;
    line-height:30px;
    height: 90px;
    overflow: hidden;
    margin-left: 10px;
}
.about-page-1 .about-sp .boxs{
    display: block;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}
/*.cc-other-pro-list .boxs:after*/
.about-page-1 .about-sp .boxs:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    transform: translateY(101%);
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.74,.22,.99);
    background-color: rgba(34,63,185,0.6);
    z-index: 4;
}
/*.about-page-1 .about-sp .boxs:hover:after,*/
.cc-other-pro-list .boxs:hover:after{
    transform: translateY(0);
}
.about-page-1 .about-sp .boxs .img{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.about-page-1 .about-sp .boxs .p{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 30px;
    font-size: 16px;
    z-index: 6;
    color: #fff;
    transform: translateY(-70px);
}
.about-page-1 .about-sp .boxs:hover .p{transform: translateY(-100%);opacity:0;}
.about-page-1 .about-sp .boxs .p h4{font-size: 24px;margin-bottom: 10px;line-height: 30px;}
.about-page-1 .about-sp .boxs .shaw{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34,63,185,0.6);
    z-index: 5;
    opacity: 0;
    text-align: center;
    padding:40px 30px;
    color: #fff;
}
.about-page-1 .about-sp .boxs:hover .shaw{opacity:1;}
.about-page-1 .about-sp .boxs .shaw h4{font-size:24px;margin-bottom:40px;}
.about-page-1 .about-sp .boxs .shaw .p{font-size:16px;}
/*.about-page-1 .about-sp .boxs .shaw .shaw-con{
    position: absolute;
    top:0;
}*/
/* .about-sp-tps{margin-bottom: 10px;} */
.about-sp-tps .pub-prev:after,.about-sp-tps .pub-next:after{
    background-color: #fff;
}
.about-sp-tps .pub-prev,.about-sp-tps .pub-next{color: #223fb9;margin-right: 20px;}
.about-sp-tps .pub-prev.swiper-button-disabled, .about-sp-tps .pub-next.swiper-button-disabled{
    color: #fff;
}
.about-sp-tps .pub-prev:hover:before,.about-sp-tps .pub-next:hover:before{background-color: #ef8337;}
.about-sp-tps .pub-prev:hover,.about-sp-tps .pub-next:hover{color: #fff;}
.about-page-1 .about-sp .boxs .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cc-cases-wrap{
    background-color: #f3f2f3;
}
.cc-cases-wrap .home-news-swp .boxs{padding-top: 0;}
.cc-cases-wrap .home-news-swp .boxs .img a{
    display: block;
    padding-top: 100%;
    position: relative;
}
.cc-cases-wrap .home-news-swp .boxs .img a img{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cc-other-pro{padding-top: 60px;padding-bottom: 44px;}
.cc-other-pro-list.row{margin-right: -8px;margin-left: -8px;}
.cc-other-pro-list.row>div{padding-right: 8px;padding-left: 8px;}
.cc-other-pro-list .boxs{
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
}
.cc-other-pro-list .boxs .cx,.pub-img-size945{
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-top: 94.5%;
}
.cc-other-pro-list .boxs .cx img,.pub-img-size945 img{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*.cc-other-pro-list .boxs .shaw{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    z-index: 7;
    font-size: 20px;
}*/
.cc-other-pro-list .boxs .shaw{
    font-size: 18px;
    margin-top: 15px;
    padding-bottom: 30px;
    position: relative;
}
.cc-other-pro-list .boxs .shaw:after{
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    color: #223fb9;
    content: '查看更多';
}
.rk-section-tops{
    padding-top: 50px;
    position: relative;
    overflow: hidden;
}
.rk-section-tops:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 150px;
    content: '';
    background-color: #313033;
}
.rk-section-tops .pub-title{text-align: left;}
.rk-section-tops .pub-title h1{color: #fff;}
.rk-section-tops .pub-title .pub-intro{color: #fff;margin-left: 0;max-width: 85%;}
.rk-section-tops .pub-title .line{
    width: 380px;
    height: 1px;
    background-color: rgba(255, 255, 255, .2);
    margin-right: auto;
    margin-left: auto;
}
.rk-section-tops .container{position: relative;z-index: 3;}
.rk-top-navs{margin-bottom: 50px;}
.rk-top-navs .pub-btns{margin-bottom: 0;text-align: left;}
.rk-top-navs .pub-btns .gbt{text-align: center;margin:0 15px 15px 0;color: #fff;border-color: #fff;}
.rk-top-navs .pub-btns .gbt.on{border-color: #223fb9;}
/* .pub-prev.color2:after, .pub-next.color2:after{background-color: #fff;}
.pub-prev.color2:hover:before, .pub-next.color2:hover:before{background-color: #ef8337;}
.pub-prev.color2, .pub-next.color2{color: #666;}
.pub-prev.color2:hover, .pub-next.color2:hover{color: #fff;} */

/* .pub-prev.color3:after, .pub-next.color3:after{background-color: #223fb9;}
.pub-prev.color3:hover:before, .pub-next.color3:hover:before{background-color: #ef8337;}
.pub-prev.color3, .pub-next.color3{color: #fff;}
.pub-prev.color3:hover, .pub-next.color3:hover{color: #fff;} */
.rk-top-navs .pub-prev{margin-right: 20px;}
.rk-section-tops .swiper-container .swiper-slide{cursor: pointer;}
.rk-swp-con .shaw{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 25px;
    color: #fff;
    font-size: 16px;
    background-color: rgba(34,63,185,0.7);
    text-align: center;
    height: 50px;
    overflow: hidden;
}
.rk-section-tops .swiper-container .swiper-slide:hover .shaw{height: 100%;padding-top: 45px;}
.rk-swp-con .shaw h4{line-height: 30px;}
.rk-section-tops .swiper-container .swiper-slide:hover .shaw h4{font-size: 22px;}
.rk-swp-con .shaw .pn{
    font-size: 16px;
    margin: 10px 0;
    line-height: 1.8;
}
.rk-section-tops .swiper-container{
    overflow: initial;
    width: 80%;
    max-width: 800px;
    width: 100%;
    max-width: 100%;
}
/* .rk-section-tops .swiper-container .swiper-slide:not(.swiper-slide-active){
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
} */
.rk-section-tops .swiper-container .swiper-slide:hover{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.rk-section-tops .swiper-pagination-fraction{
    top: -30px;
    bottom: auto;
    width: auto;
    right: 8%;
    left: auto;
    color: #fff;
    font-size: 28px;
    z-index: 5;
    font-family: arial;
}
.rk-section-tops .swiper-pagination-fraction .swiper-pagination-current{font-size: 38px;color: #223fb9;}
.rk-vercie-con{padding-top: 50px;}
.rk-vercie-con .pub-title{text-align: left;}
.rk-vercie-con .pub-title .line{
    max-width: 380px;
    height: 1px;
    background-color: #ccc;
    margin-right: auto;
    margin-left: auto;
}
.rk-vercie-swp .boxs{
    padding-top: 100%;
    background: #f3f2f3 url(../Images/bg3.png) no-repeat right bottom / 120px;
    overflow: hidden;
}
.rk-vercie-swp{margin-top: 0px;margin-bottom: 60px;}
/* .rk-vercie-swp .swiper-container{overflow: initial;} */
.rk-vercie-con .pub-prev{margin-right: 20px;}
.rk-vercie-swp .boxs .txt{
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    font-size: 16px;
    line-height: 1.6;
}
.rk-vercie-swp .boxs .txt h3{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 15px;
}
.rk-vercie-swp .name{
    position: absolute;
    bottom: 15px;
    left: 20px;
    z-index: 7;
    font-size: 18px;
    color: #fff;
    font-family: arial;
}
.rk-vercie-swp .swiper-slide.active .name{
    font-size: 24px;
    color: #000;
}
.rk-vercie-swp .shaw{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #223fb9;
    background-size: cover;
    color: #fff;
    opacity: 1;
}
.rk-vercie-swp .swiper-slide.active .shaw{opacity: 0;}
.rk-vercie-swp .shaw .num{
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    line-height: 1.5;
}
.rk-vercie-swp .shaw .iconfont{
    font-size: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.rk-hy-con{padding-top: 0px;padding-bottom: 60px;}
.rk-hy-con .pub-title,.rk-other-cases .pub-title{text-align: left;}
.rk-hy-con .pub-title h1{line-height: 1.2;}
.rk-hy-con .pub-title .line{
    max-width: 380px;
    margin-bottom: 40px;
    height: 1px;
    background-color: #223fb9;
}
.rk-hy-con .clist .boxs{
    display: block;
    position: relative;
}
.rk-hy-con .clist .boxs .ico{
    padding-top: 100%;
    position: relative;
    background-color: #f3f2f3;
}
.rk-hy-con .clist .boxs .ico img{
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.rk-hy-con .clist .boxs .ico img.png2{opacity: 0;}
.rk-hy-con .clist .boxs:hover .ico img.png2{opacity: 1;}
.rk-hy-con .clist .boxs:hover .ico img.png1{opacity: 0;}
.rk-hy-con .clist .boxs .name{
    display: block;
    margin-top: 15px;
    font-size: 18px;
}
.rk-other-cases{
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #e4e4e4;
}
.rk-other-cases .pub-title .line{
    max-width: 380px;
    margin-bottom: 40px;
    height: 1px;
    background-color: #ccc;
    margin-right: auto;
    margin-left: auto;
}
.rk-other-cases-swp{position: relative;padding-right: 100px;padding-left: 100px;}
.rk-other-cases .swiper-container{
    width: 75%;
    max-width: 1000px;
    overflow: initial;
}
.rk-other-cases .swiper-container .swiper-slide:not(.swiper-slide-active) img{
    opacity: 0.7;
}
.rk-other-cases .swiper-container .swiper-slide .name{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
}
.rk-other-cases .swiper-container .swiper-slide:not(.swiper-slide-active) .name{opacity: 0;}
.rk-other-cases .pub-prev,.rk-other-cases .pub-next{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 6;
}
.rk-other-cases .pub-prev{left: 0;}
.rk-other-cases .pub-next{right: 0;}
.rk-other-cases{padding-top: 60px;padding-bottom: 60px;}

.swiper-button-disabled{cursor: no-drop;opacity: 0.95;}
/* .swiper-button-disabled .icon-youjiantou{background: url(../Images/disabled.png) no-repeat center / 30px;font-size: 0;} */
.swiper-button-disabled .icon-youjiantou{background-color: #ccc;}
.pub-prev.swiper-button-disabled:hover:before, .pub-next.swiper-button-disabled:hover:before{display: none;}
.pub-prev.swiper-button-disabled:hover, .pub-next.swiper-button-disabled:hover{color: initial;color: #fff;}

.news-tab{padding-top: 60px;border-bottom: 1px solid #ccc;}

.news-wrap{padding-bottom: 30px;}
.news-list-con{padding-top: 60px;}
.news-list-con .row{display: flex!important;flex-wrap: wrap;}
.news-list-con .row:after,.news-list-con .row:before{display: none;}
.news-list-con .row>div{margin-bottom: 30px;float: none;}
.news-list-con .boxs {
    position: relative;
    height: 100%;
    background-color: #fff;
}
.news-list-con .boxs .item-thumbnail {
    display: block;
    overflow: hidden;
    position: relative;
    padding-top: 56.25%;
}
.news-list-con .boxs .item-thumbnail img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-list-con .boxs .item-thumbnail-background {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
    background: #000;
}
.news-list-con .boxs .item-thumbnail-background>span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    transition: all .2s;
    opacity: 0.85;
}
.news-list-con .boxs .item-body {
    background-color: #fff;
}
.news-list-con .col-sm-4 .boxs .item-body {border: 1px solid #e1f1f4;border-top-width: 0;}
.news-list-con .boxs .item-thumbnail-background+.item-body {
    position: relative;
    background-color: transparent!important;
    color: #fff!important;
    z-index: 3;
}
.news-list-con .boxs .item-overlay-inner {
    padding: 20px 30px 48px;
}
.max-w-xl-up-45{padding-top: 50px;}
.news-list-con .boxs:hover .item-overlay-inner{
    position: relative;
    color: #fff!important;
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    -moz-transition: all 1s cubic-bezier(.19,1,.22,1);
    -ms-transition: all 1s cubic-bezier(.19,1,.22,1);
    -o-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);
    z-index: 1000!important;
}
.news-list-con .boxs .item-metas {
    margin-bottom: 10px;
}
.news-list-con .boxs .item-type {
    font-size: 18px;
    font-weight: 400;
    font-family:"SourceHanSansCNBold";
    color: #223fb9;
    text-transform: uppercase;
}
.news-list-con .col-sm-8 .boxs .item-type{color: #fff;}
.news-list-con .boxs .item-date {
    font-size: 16px;
    font-family: arial;
}
.news-list-con .boxs .item-title{
    font-size: 18px;
    line-height: 26px;
    height: 52px;
    margin-bottom: 15px;
    font-family:"SourceHanSansCNRegular";
}
.news-list-con .boxs .item-excerpt{
    font-size: 15px;
    line-height: 24px;
    height: 72px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 40px;
}
.news-list-con .col-sm-4 .boxs .item-excerpt{display: none;}
.news-list-con .boxs:hover .item-type{color: #fff;}
.pub-shaw{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 2;
     opacity: 0;
   }
.pub-am-hover:hover .pub-shaw{
    opacity: 1;
    background: #223fb9;
}
.pub-am-hover:hover .txt{color: #fff!important;}
.pub-am{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 40px;
    height: 40px;
    background-color: #223fb9;
}
/* background-color: #e88336; */
.pub-am .plus-expand {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -7px;
}
.pub-am .plus-expand:after,.pub-am .plus-expand:before {
    content: " ";
    display: block;
    position: absolute;
    width: 2px;
    height: 14px;
    background-color: #fff;
    top: 0;
    left: 7px;
}
.pub-am .plus-expand:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.pub-am .text-expand {
    position: absolute;
    top: 50%;
    transform: translateX(-150%) translateY(-50%);
    opacity: 0;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    text-align: right;
    pointer-events: none;
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    -moz-transition: all 1s cubic-bezier(.19,1,.22,1);
    -ms-transition: all 1s cubic-bezier(.19,1,.22,1);
    -o-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);
}
.pub-am .text-expand svg {
    vertical-align: middle;
}
.pub-am-hover:hover .plus-expand{opacity: 0;}
.pub-am-hover:hover .text-expand {
    transform: translateX(-88%) translateY(-50%);
    opacity: 1;
    pointer-events: all;
    -webkit-transition: all 1.6s cubic-bezier(.19,1,.22,1);
    -moz-transition: all 1.6s cubic-bezier(.19,1,.22,1);
    -ms-transition: all 1.6s cubic-bezier(.19,1,.22,1);
    -o-transition: all 1.6s cubic-bezier(.19,1,.22,1);
    transition: all 1.6s cubic-bezier(.19,1,.22,1);
    min-width: 120px!important;
}
/* .hom-news-top{
    position: relative;
}
.pub-btn2 {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #313033;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    outline: none;
}
.pub-btn2:hover span{
    color: #000;
}
.pub-btn2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: #fff;
    transform: scale(0);
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.74,.22,.99);
}
.pub-btn2:hover:before {
    transform: scale(1);
}
.pub-btn2 span {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #fff;
} */

.media-list{margin-bottom: 30px;}
.media-list ul.ul li{
    padding: 50px 0;
    border-bottom: 1px solid #ccc;
}
.media-list ul.ul li .img{width: 35%;}
.media-list ul.ul li .img img{
    width: 100%;
    object-fit: cover;
}
.media-list ul.ul li .txt{
    width: 50%;
    padding-left: 30px;
}
.media-list ul.ul li .txt .date{
    font-size: 16px;
    font-family: arial;
}
.media-list ul.ul li .txt .tit{
    margin: 15px 0 10px;
}
.media-list ul.ul li .txt .p{font-size: 15px;line-height: 26px;height: 52px;}
.media-list ul.ul li .txt:hover h4{color: #223fb9;}
.media-list ul.ul li .txt .tags{
    margin-top: 24px;
    font-size: 0;
}
.media-list ul.ul li .txt .tags a{
    display: inline-block;
    font-size: 12px;
    line-height:24px;
    background-color: #eaeaea;
    color: #4e4d4d;
    padding: 0 12px;
    text-align: center;
    margin-right: 12px;
}
.media-list ul.ul li .txt .tags a:hover{
    background-color: #223fb9;
    color: #fff;
}
.inner-zhyq-main .section{
    padding-top: 60px;
    padding-bottom: 60px;
}
.inner-zhyq-main .section .pub-intro{font-size: 17px;}
.inner-zhyq-main .section-p1{
    background-color: #f6f6f6;
}
.inner-zhyq-main .section-p5{
    padding-top: 100px;
    padding-bottom: 100px;
}
.inner-zhyq-main .list{margin-top: 100px;}
.inner-zhyq-main .list .item{
    position: relative;
    overflow: hidden;
}
.inner-zhyq-main .list .item .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}
.inner-zhyq-main .list .item-1{
    height: 200px;
    background-color: #dcdcdc;
}
.inner-zhyq-main .list .item-2{
    height: 470px;
    background-color: #000;
}
.inner-zhyq-main .list .item-3,.inner-zhyq-main .list .item-4{
    height: 375px;
    background-color: #fff;
}
.inner-zhyq-main .list .item-3{margin-top: -40px;}
.inner-zhyq-main .list .item-5,.inner-zhyq-main .list .item-6{
    height: 335px;
    background-color: #313035;
    margin-bottom: 1px;
}
.inner-zhyq-main .list .item-1 .bg{
    opacity: 0.2;
}
.inner-zhyq-main .list .item-2 .bg{
    opacity: 0.3;
}
.inner-zhyq-main .list .item-4 .bg{
    background-color: #223fb9;
}
.inner-zhyq-main .list .item .boxs{
    position: relative;
    z-index: 3;
    padding: 40px;
}
.inner-zhyq-main .list .item .boxs .title{
    font-size: 28px;
    font-family: "SourceHanSansCNBold";
    margin-top: 8px;
}
.inner-zhyq-main .list .item-1 .boxs .title{margin-top: 0;}
.inner-zhyq-main .list .item .boxs{color: #fff;}
.inner-zhyq-main .list .item-1 .boxs{color: #000}
.inner-zhyq-main .list .item-3 .boxs{color: #223fb9;}

.pub-morecb a{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    font-size: 24px;
    position: relative;
}
.pub-morecb a .iconfont{font-size: 24px;display: block;color: #333;}
.pub-morecb a .icon-jia3{font-size: 32px;}
.pub-morecb a .icon-youjiantou{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #223fb9;
    border-radius: 50%;
    color: #fff;
    z-index: 2;
    transform: rotateZ(0) scale(0);
}
.pub-morecb a:hover .icon-jia3{transform: rotateZ(-135deg) scale(0);}
.pub-morecb a:hover .icon-youjiantou{transform: rotateZ(-135deg) scale(1);}
.inner-zhyq-main .list .item:hover .pub-morecb a .icon-jia3{transform: rotateZ(-135deg) scale(0);}
.inner-zhyq-main .list .item:hover .pub-morecb a .icon-youjiantou,
.inner-zhyq-main .section-p6 .boxs.active .pub-morecb a .icon-youjiantou{transform: rotateZ(-135deg) scale(1);}
.inner-zhyq-main .list .item .pub-morecb{
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 5;
}
.inner-zhyq-main .list .item-2 .pub-morecb a .iconfont,
.inner-zhyq-main .list .item-4 .pub-morecb a .iconfont,
.inner-zhyq-main .list .item-5 .pub-morecb a .iconfont,
.inner-zhyq-main .list .item-6 .pub-morecb a .iconfont{color: #fff;}
.inner-zhyq-main .list .item .p{
    font-size: 16px;
    line-height: 1.6;
    opacity: 0;
    margin-top: 50px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.inner-zhyq-main .list .item-3 .boxs .p{color: #333;}
.inner-zhyq-main .list .item-1 .boxs .p{margin-top: 20px;}
/* .inner-zhyq-main .list .item-2 .boxs .p{margin-top: 20px;} */
.inner-zhyq-main .list .item:hover .p{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.inner-zhyq-main .in-tags{text-align: center;margin-bottom: 0px;padding-top: 20px;}
.inner-zhyq-main .in-tags .ico{height: 81px;}
.inner-zhyq-main .in-tags .ico img{height: 100%;}
.inner-zhyq-main .in-tags h4{
    color: #223fb9;
    margin-top: 15px;
    margin-bottom: 10px;
}
.inner-zhyq-main .in-tags .p{
    font-size: 16px;
    line-height: 24px;
    height: 96px;
    max-width: 300px;
    margin: 0 auto;
}
.inner-zhyq-main .in-tags>div:hover .ico{
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
.inner-zhyq-main .in-tags>div:hover .p,.inner-zhyq-main .in-tags>div:hover h4{
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.inner-zhyq-main .section-p6{

    padding-bottom: 0;
}
/* border-right: 1px solid #5e5e5e; */
.inner-zhyq-main .section-p6 .boxs{
    position: relative;
    height: 350px;
    background-color: #313033;
    background-size: cover;
    
}
.inner-zhyq-main .section-p6 .boxs .bg{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: -1px;
    background-color: #efefef;
    background-color: rgba(0, 0, 0, .5);
    opacity: 1;
}
.inner-zhyq-main .section-p6 .boxs .con{
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    padding: 0 50px;
    z-index: 2;
}
.inner-zhyq-main .section-p6 .boxs .con .title{
    font-size: 24px;
    color: #fff;
}
.pub-morecd{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.pub-morecd .iconfont{color: #fff;font-size: 28px;}
.inner-zhyq-main .section-p6 .boxs  .pub-morecd{
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    z-index: 4;
}
.inner-zhyq-main .section-p6 .boxs.active  .pub-morecd{
    opacity: 0;
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
}
.inner-zhyq-main .section-p6 .boxs .pub-morecb{
    position: absolute;
    bottom: 10%;
    right: 30px;
    z-index: 5;
    display: none;
}

.inner-zhyq-main .section-p6 .boxs .p{
    color: #fff;
    opacity: 0;
    margin-top: 30px;
    line-height: 1.6;
}
.inner-zhyq-main .section-p6 .boxs.active .bg{opacity: 0.75;top: 0;background-color: rgba(0, 0, 0, 0.5);}
.inner-zhyq-main .section-p6 .boxs.active .p{opacity: 1;}
.inner-zhyq-main .section-p6 .boxs.active .con{top: 50px;}
 
.inner-zhyq-main .list-solution .txt{
    padding-top: 20px;
    padding-bottom: 20px;
}
.inner-zhyq-main .list-solution .txt .p{
    margin-top: 15px;
    color: #223fb9;
}
.about-tops{padding-top: 30px;padding-bottom: 30px;}
.pub-tops-text{
    min-height:245px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.pub-tops-text .txt1{
    min-height: 200px;
}
.about-business{
    padding: 60px 0 100px;
}
.pub-title11{
    color: #fff;
    padding-top: 60px;
    position: relative;
    margin-bottom: 30px;
}
.pub-title11 h1.en{
    font-size: 88px;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.07;
}
.pub-title11 h1.cn{position: relative;z-index: 4;}

.about-business .cleft-boxs{
    background-color: #223fb9;
    color: #fff;
    padding: 35px 45px 5px;
}
.about-business .cleft-boxs .num{
    font-size: 58px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
}
.about-business .cleft-boxs .cx{margin-left: 10px;}
.about-business .cleft-boxs .p1{line-height: 24px;height: 24px;}
.about-business .cleft-boxs .p1 .iconfont{
    font-size: 20px;
    color: #fff;
}
.about-business .cleft-boxs .p2{
    font-size: 16px;
    color: #fff;
}
.about-business .cleft-boxs .t2{font-size: 28px;margin: 10px 0 25px;}
.about-business .cleft-boxs .t3{font-size: 15px;line-height: 1.8;margin-bottom: 30px;}
.about-honor .imgcs{
    padding-top: 80%;
    position: relative;
}
.about-honor .home-news-swp .boxs .img img{width: auto;}
.about-inner-page .aboutSw-gallery .boxs .agtxt{bottom: 30px;}
.about-inner-page .aboutSw-gallery .boxs .agtxt .name{font-size: 20px;margin-right: 10px;}
.about-inner-page #abPrev2 .pub-btn23{opacity: 1;}
.about-inner-page .aboutSw-btn2 .aboutSw-box:before{background-color: #3d3c3f;-webkit-transform: translateY(101%);transform: translateY(101%);}
.about-inner-page .aboutSw-btn2 .on .aboutSw-box:before{-webkit-transform: translateY(0);transform: translateY(0);}
.about-inner-page .aboutSw-btn2 .pub-btn23:after{background-color: transparent;}
.about-inner-page .aboutSw-btn2 .on .aboutSw-box .pub-btn23:after,
.about-inner-page .aboutSw-btn2 .on .aboutSw-box .pub-btn23:before{background-color: #223fb9;}
.about-inner-page .aboutSw-btn2 .on .aboutSw-box .pub-btn23 span {
    transform: rotate(90deg);
}
.about-inner-page .aboutSw-btn2 .on .aboutSw-box .pub-btn23 {
    color: #fff;
}
.about-inner-page .cleft-txt .group1{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    z-index: 9;
    transform: translateY(-90px);
}
.about-inner-page .cleft-txt .group1 .item{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.about-inner-page .cleft-txt .pub-title h4{
    font-size: 18px;
    font-family: "SourceHanSansCNRegular";
    line-height: 1.6;
}
.about-inner-page .cleft-txt .group2{
    position: absolute;
    bottom: 70px;
    left: 30px;
    width: 100%;
    z-index: 9;
}
.about-inner-page .cleft-txt .group2 .pb{
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.about-inner-page .ptctxt{
    position: absolute;
    top: 30px;
    left: 40px;
    color: #fff;
    font-size: 16px;
    z-index: 4;
}
.about-inner-page .ptctxt span{
    font-size:32px;
    color: #223fb9;
    font-weight: bold;
}

.history-list .tops{padding: 0 10px;height: 105px;}
.history-list .tops .year {
    padding: 20px 20px 50px;
    background: url(../Images/ico9.png) bottom center no-repeat;
    background-size: 100% auto;
    font-size: 20px;
    font-weight: 400;
    color: #727272;
    cursor: pointer;
    font-family: arial;
    position: relative;
}
/* .history-list .tops .boxs .cboxs{
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    padding: 0 20px;
}
.history-list .tops .boxs .con .t{font-size: 14px;margin-top: 2px;margin-bottom: 2px;}
.history-list .tops .boxs .con .p{font-size: 12px;} */
.history-list .swiper-slide-thumb-active .boxs .con .t{font-size: 18px;font-family: "SourceHanSansCNRegular";}
.history-list .swiper-slide-thumb-active .boxs .con .p{font-size: 14px;}
.history-list .swiper-slide-thumb-active .year {
    color: #223fb9;
}
.history-list .swiper-slide-thumb-active  .year{font-size: 24px;}
.history-list .swiper-slide .year:after{
    position: absolute;
    left: -1px;
    width: 1px;
    bottom: 0;
    height: 0;
    background-color: #223fb9;
    content: '';
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
.history-list .swiper-slide-thumb-active .year:after{height: 100%;}
/*background: url(../Images/bg7.jpg) no-repeat center 100% / 100%;*/
.about-history{padding-top: 60px;padding-bottom: 100px;overflow: hidden;position:relative;}
.about-history-waves{
    position: absolute;
    bottom:-30px;
    left: 0;
    width: 100%;
    height: 80%;
    z-index: -1;
}
.about-history-waves .waves{width:100%;height:100%;}
.history-list{overflow: hidden;}
.history-list .hisgroups {
    width: 40%;
    margin: 0 auto;
    overflow: initial;
    height: 210px;
}
.hisgroups h2{
    color: #666;
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 20px;
}
.hisgroups h4{
    font-size: 28px;
    color: #666;
    margin-bottom: 10px;
}
.history-list .hisgroups .pub-intro{color: #888;}
.history-list .hisgroups .swiper-slide-active h2,.history-list .hisgroups .swiper-slide-active h4{color: #223fb9;}
.history-list .hisgroups .swiper-slide-active .pub-intro{color: #4e4d4d;}
.history-list .hisgroups .swiper-slide .text{opacity: 0.5;transform: scale(0.8);}
.history-list .hisgroups .swiper-slide-active .text{opacity: 1;transform: scale(1);}
.hisgroups .text{margin-bottom: 10px;}
.about-history .pub-next{margin-left: 20px;}
.about-history .tops .swiper-container{overflow: inherit;}
.about-partner{padding-top: 60px;padding-bottom: 40px;background-color: #eee;}
.partner-list .img{
    height: 100px;
    background-color: #f6f6f6;
    border: 1px solid #cecece;
    position: relative;
    margin-bottom: 30px;
    background-color: #fff;
}
.partner-list .img img.img-position{max-width: 80%;max-height: 80%;}
.u-p-t60{padding-top: 60px;} .u-p-b60{padding-bottom: 60px;}
.inner-wc-add-1{
    background: url(../Images/bg9.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}
.inner-wc-add-1:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    content: '';
}
.inner-wc-add-1>div{
    position: relative;
    z-index: 3;
}
.inner-wc-add-1 .wc-list{text-align: center;color: #fff;}
.inner-wc-add-1 .wc-list .ico{
    height: 70px;
    text-align: center;
    margin-top: 30px;
}
.inner-wc-add-1 .wc-list .item:hover .ico{
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
.inner-wc-add-1 .wc-list .item:hover .title,
.inner-wc-add-1 .wc-list .item:hover .p{
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.inner-wc-add-1 .wc-list .ico img{height: 100%;}
.inner-wc-add-1 .wc-list .title{
    font-size: 24px;
    margin: 20px 0 10px;
}
.inner-wc-add-1 .wc-list .p{
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
}
.inner-znzz-add-1 .boxs-bg{
    padding: 100px 0 150px;
    background: url(../Images/bg10.jpg) no-repeat center;
    background-size: cover;
}
.inner-znzz-add-1 .inner-zhyq-main{
    position: relative;
    z-index: 3;
    margin-top: -100px;
}
.inner-znzz-add-1{padding-bottom: 60px;}

.pagination > .active > a{background-color: #223fb9;}
.row.row10{margin-right: -10px;margin-left: -10px;}
.row.row10>div{padding-right: 10px;padding-left: 10px;}

.in-wc-tops .cons{
    background-color: #e7e7e7;
    background-size: cover;
    padding: 40px 15px;
    text-align: center;
}
.in-wc-tops .cons .ul{margin-top: 20px;}
.in-wc-tops .cons ul li{
    display: inline-block;
    font-size: 16px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    padding: 0 5px;
    margin: 5px 10px 0;
}
.in-wc-tops .icon .ub{height: 200px;}
#inWxTopPage{position: relative;bottom: 0;margin-top: 30px;}
#inWxTopSwp{margin-top: 60px;text-align: center;}
#inWxTopSwp .ico-p{height: 80px;margin-bottom: 15px;}
#inWxTopSwp .swiper-slide:hover .ico-p{
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
#inWxTopSwp .ico-p img{height: 100%;}
#inWxTopSwp .pub-intro{
    font-size: 16px;
}
#inWxTopSwp .swiper-slide:hover .pub-intro{
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.in-wc-mid-list{
    background-color: #f3f2f3;
    padding-top: 60px;
    padding-bottom: 20px;
}
.in-wc-mid-list .img{margin-bottom: 30px;position: relative;}
.in-wc-mid-list .img img{width: 100%;}
.in-wc-mid-list .img .img-boxs{
    position: relative;
    padding-top: 300px;
    overflow: hidden;
    background-color: #000;
}
.in-wc-mid-list .img .img-boxs img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
}
.in-wc-mid-list .img .shaw{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.in-wc-mid-list .img:hover .shaw{background-color: rgba(34,63,185,0.3);}
.in-wc-mid-list .row p{
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 4;
    color: #fff;
    pointer-events: none;
}
#in_yqmid_swp{text-align: center;color: #fff;}
#in_yqmid_swp .ico{height: 70px;}
#in_yqmid_swp .ico img{height: 100%;}
#in_yqmid_swp p{
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 10px;
}
#in_yqmid_swp .swiper-slide:hover .ico{
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
#in_yqmid_swp .swiper-slide:hover p{-webkit-transform: translateY(10px);transform: translateY(10px);}
.in-ccser-p6 .list .boxs .block{
    padding-top: 66.5%;
    position: relative;
    overflow: hidden;
}
.in-ccser-p6{padding-top: 60px;padding-bottom: 60px;}
.in-ccser-p6 .list .boxs .block img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.in-ccser-p6 .list .boxs .block .txt{
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 2;
    color: #223fb9;
    font-size: 18px;
}
.in-ccser-p6 .list .boxs .block:hover .txt{opacity: 0;}
.in-ccser-p6 .list .boxs .iconfont{font-size: 20px;}
.in-ccser-p6 .list .boxs .shaw{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: rgba(34,63,185,0.3);
    color: #fff;
    font-size: 20px;
    opacity: 0;
}
.in-ccser-p6 .list .boxs .block:hover .shaw{opacity: 1;}
.in-ccser-p6 .list .boxs .shaw .ctxt{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.in-zhdc-ag-tops .list{margin-top: 50px;}
.in-zhdc-ag-tops .list .boxs{position: relative;}
.in-zhdc-ag-tops .list .boxs .img{
    padding-top: 108%;
    position: relative;
    overflow: hidden;
}
.in-zhdc-ag-tops .list .boxs .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.in-zhdc-ag-tops .list .boxs .shaw{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding:25% 30px 0;
    text-align: center;
    background-color: #223fb9;
    color: #fff;
    z-index: 3;
    opacity: 0;
}
.in-zhdc-ag-tops .list .active .boxs .shaw{opacity: 1;}
/* .in-zhdc-ag-tops .list div .boxs:hover .shaw{opacity: 1;} */
.in-zhdc-ag-tops .list .boxs .shaw h3{margin-top: 15px;}
.in-zhdc-ag-tops .list .boxs .shaw h4{line-height: 1.8;margin-top: 5px;margin-bottom: 15px;}
.in-zhdc-ag-tops .list .boxs .shaw .p{line-height: 1.8;}
.in-zhdc-ag-mid.inner-zhyq-main .in-tags .ico{margin-top: 30px;}
.in-zhdc-ag-mid.inner-zhyq-main .pub-title{margin-bottom: 20px;}
.in-zhdc-ag-swp .list{}
.in-zhdc-ag-swp .list .boxs{
    position: relative;
}
.in-zhdc-ag-swp .list .boxs .boxs-c{
    padding-top: 100%;
    position: relative;
    background-color: #f9f9f9;
}
.in-zhdc-ag-swp .list .boxs .boxs-c .shaw{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.in-zhdc-ag-swp .list .boxs .boxs-c .shaw .txt{
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0 10%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.in-zhdc-ag-swp .list .boxs .boxs-c .shaw .ico{
    height: 90px;
    margin-bottom: 15px;
    overflow: hidden;
}
.in-zhdc-ag-swp .list .boxs .boxs-c .shaw .ico img{
    height: 100%;
    display: block;
    margin: 0 auto;
}
.in-zhdc-ag-swp .list .boxs .boxs-c .shaw .ico img.img2{display: none;}
.in-zhdc-ag-swp .list .active .boxs .boxs-c .shaw .ico img.img1{display: none;}
.in-zhdc-ag-swp .list .active .boxs .boxs-c .shaw .ico img.img2{display: block;}
.in-zhdc-ag-swp .list .boxs .boxs-c .shaw .txt .title h4{color: #223fb9;margin-bottom: 8px;}
.in-zhdc-ag-swp .list .active .boxs .boxs-c .shaw .txt .title h4{color: #fff;}
.in-zhdc-ag-swp .list .active .boxs .boxs-c .shaw .txt .title {color: #fff;}
.in-zhdc-ag-swp .list .boxs .boxs-c .shaw .txt .ps{
    line-height: 24px;
    height: 0;
    margin-top: 15px;
    overflow: hidden;
}
.in-zhdc-ag-swp .list .active .boxs .boxs-c .shaw .txt .ps{
    height: 120px;
    color: #fff;
}
.in-zhdc-ag-swp .list .active{z-index: 5;}
.in-zhdc-ag-swp .list .active .boxs .boxs-c:after{
    position: absolute;
    top: -50px;
    right: -50px;
    bottom: -50px;
    left: -50px;
    background-color: #223fb9;
    content: '';
    z-index: 1;
}

.amr-top-main{
    padding: 50px 0 60px;
    background-color: #f9f9f9;
}
.amr-top-main-list ul li{
    float: left;
    width: 25%;
}
.amr-top-main-list ul li .boxs{
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
}
.amr-top-main-list ul li:nth-child(1) .boxs,.amr-top-main-list ul li:nth-child(2) .boxs{padding-top: 200%;}
.amr-top-main-list ul li .boxs .boxs-con{
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    background-color: #fff;
    box-shadow: 0 0 15px 1px #ddd;
}
.amr-top-main-list ul li .boxs .boxs-con .block{
    width: 100%;
    height: 100%;
    position: relative;
}
.amr-top-main-list ul li .boxs .boxs-con .block .txt{
    position: absolute;
    top: 40px;
    left: 20px;
    z-index: 3;
    color: #223fb9;
}
.amr-top-main-list ul li .boxs .boxs-con .block .bg-ti{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 100px;
    font-family: airal;
    font-weight: bold;
    font-weight: 1000;
    color: #223fb9;
    opacity: 0.1;
    line-height: 0.725;
}
.amr-top-main-list ul li .boxs .boxs-con .block .txt .p{font-size: 14px;}
.amr-top-main-list ul li .boxs .boxs-con .block .txt .tit{font-size: 22px;margin-bottom: 10px;}
.amr-top-main-list ul li .boxs .boxs-con .block .txt .p2{color: #333;font-size: 16px;}
.amr-top-main-list ul li .boxs .boxs-con .block .img{
    position: absolute;
    bottom: -30px;
    right:-15px;
    left: -15px;
    text-align: right;
}
.amr-top-main-list ul li .boxs .boxs-con .block .img img{
    max-width: 100%;
    max-height: 300px;
}
.amr-top-main-list ul li:nth-child(1) .boxs .boxs-con .block .img,.amr-top-main-list ul li:nth-child(2) .boxs .boxs-con .block .img{text-align: center;}
.mode-featur{
    padding-top: 50px;
    padding-bottom:20px;
    background-color: #f9f9f9;
    margin-top: 40px;
}
.mode-featur .pub-title .pub-intro{max-width: 1000px;}
.mode-featur-list .item{margin-bottom: 30px;}
.mode-featur-list .boxs{
    padding: 20px;
    background-color: #fff;
}
.mode-featur-list .boxs:hover{
    box-shadow: 0 0 10px 1px #ccc;
    transform: translateY(-10px);
}
.mode-featur-list .boxs .ico{width: 81px;height: 81px;}
.mode-featur-list .boxs .tx{padding-left: 20px;}
.mode-featur-list .boxs .tx .p{
    font-size: 16px;
    margin-top: 10px;
}
.mode-featur-list .boxs .tx h4{
    font-size: 20px;
    color: #223fb9;
}
.mode-cases .home-news{padding-bottom: 50px;}
.mode-video video{width: 100%;vertical-align: top;}
.mode-padt50{padding-top: 50px;}
.mode-padb50{padding-bottom: 50px;}
.mode-mart50{margin-top: 50px;}
.in-zhdc-ag-swp{position: relative;}
.in-zhdc-ag-swp .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}
.hetu-trait-list .boxs{
    background-color: #f9f9f9;
    padding: 60px 50px;
    text-align: center;
}
.hetu-trait-list .boxs .ico{
    height: 70px;
    position: relative;
    margin-bottom: 10px;
}
.hetu-trait-list .boxs .ico .ico2{opacity: 0;}
.hetu-trait-list .boxs h4{
    font-size: 20px;
    color: #223fb9;
    margin-bottom: 10px;
}
.hetu-trait-list .boxs .p{
    font-size: 16px;
    line-height: 24px;
    height: 144px;
}
.hetu-trait-list .active .boxs{
    background-color: #223fb9;
    color: #fff;
}
.hetu-trait-list .active .boxs h4{color: #fff;}
.hetu-trait-list .active .boxs .ico .ico1{opacity: 0;}
.hetu-trait-list .active .boxs .ico .ico2{opacity:1;}
.down-list .boxs .img{width: 110px;}
.down-list .boxs .img img{
    width: 110px;
    height: 110px;
}
.down-list{padding-top: 30px;}
.down-list .boxs{margin-top: 30px;margin-bottom: 30px;}
.down-list .boxs .txt{padding-left: 15px;}
.down-list .boxs .txt .ctx{
    height: 80px;
}
.down-list .boxs .txt h4{line-height: 1.4;padding-bottom: 10px;margin-bottom: 10px;}
.down-list .boxs .txt .p{font-size: 16px;}
.down-list .boxs .txt .down-btn{
    display: block;
    background-color: #223fb9;
    color: #fff;
    padding: 0 0 0 12px;
    border-radius: 30px;
    width: 80px;
}
.down-list .boxs .txt .down-btn span{
    display: block;
    line-height: 30px;
    padding-left: 22px;
    background: url(../Images/ico10.png) no-repeat left center / 18px;
}
.service-main-section-2 .list{
    margin-top: 30px;
    margin-bottom: 30px;
}
.service-main-section-2 .list .txt{padding-left: 0;text-align: center;}
.service-main-section-2 .list h3{color: #223fb9;margin-top: 15px;margin-bottom: 10px;}
.service-main-section-2 .list .txt p{font-size: 16px;line-height: 2;}
.service-main-section-2 .list .img{text-align: center;}
.service-main-section-2 .list img{height:81px;}
.service-main-section-2 .list>div:hover img{transform:scale(1.15)}
.service-main-section-3 .boxs{
    background-color: rgba(35, 107, 215, 0.6);
    color: #fff;
    position: relative;
    overflow: hidden;
}
.service-main-section-3 .boxs .num{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 48px;
    font-family: arial;
    font-weight: 1000;
    background-color: rgba(230, 230, 230, 0.39);
    line-height: 1;
    padding: 10px 14px;
}
.service-main-section-3 .boxs .txt{
    margin-top: 80px;
    padding: 0 25px 30px;
    text-align: center;
}
.service-main-section-3 .boxs .txt p{
    font-size: 16px;
    line-height: 28px;
    height: 140px;
    margin-top: 15px;
}
/* .service-main-section-4{} */
.service-main-section-4 .boxs{
    background-color: #f9f9f9;
    padding: 45px 40px 30px;
     min-height: 380px;
}
.service-main-section-4 .boxs .ico{
    width:100%;
    height: 81px;
    position: relative;
}
.service-main-section-4 .boxs .ico .ico2{display: none;}
.service-main-section-4 .active .boxs .ico .ico1{display: none;}
.service-main-section-4 .active .boxs .ico .ico2{display: block;}
.service-main-section-4 .boxs h3{text-align: center;margin-bottom: 10px;margin-top: 10px;color: #223fb9;}
/*.service-main-section-4 .boxs .ico,.service-main-section-4 .boxs h3{
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}*/
.service-main-section-4 .active .boxs .ico,.service-main-section-4 .active .boxs h3{
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.service-main-section-4 .boxs .txt{
    font-size: 16px;
    line-height: 28px;
    height: 196px;
    overflow: hidden;
    opacity: 0;
    display: none;
}
.service-main-section-4 .active .boxs{
    background-color: #223fb9;
    color: #fff;
}
.service-main-section-4 .active .boxs .txt{opacity: 1;display:block;}
.service-main-section-4 .active .boxs h3{color: #fff;}
.service-main-section-5{border-top: 1px solid #ddd;}
.service-main-section-5 .boxs{
    padding-top: 100%;
    position: relative;
    background-color: #e6e6e6;
}
.service-main-section-5 .boxs .con{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.service-main-section-5 .boxs .con .tx{width: 100%;height: 100%;}
.service-main-section-5 .boxs .s{
    font-size: 58px;
    color: #223fb9;
    line-height: 1;
}
.service-main-section-5 .boxs .t{
    font-size: 24px;
    color: #223fb9;
    line-height: 1;
    margin-bottom: 5px;
}
.service-main-section-5 .boxs .p{font-size: 18px;line-height: 1;}
.service-main-section-5 .boxs .p span.n{font-size: 24px;color: #f39800;font-family: arial;font-weight: bold;margin: 0 3px;}
.service-main-section-5 .active .boxs{background: #223fb9;color: #fff;}
.service-main-section-5 .active .boxs .s,
.service-main-section-5 .active .boxs .t ,
.service-main-section-5 .active .boxs .p span.n{color: #fff;}
.service-main-section-6 .swpcon{
    padding: 0 100px;
    position: relative;
}
.service-main-section-6 .swpcon .con{padding: 30px 80px;background-color: rgba(255, 255, 255, 0.35);color: #fff;}
.service-main-section-6 .swpcon .con .boxs{position: relative;padding-top: 40px;padding-bottom: 10px;margin-bottom: 50px;}
.service-main-section-6 .swpcon .con .boxs .fh{
    font-size: 88px;
    color: #fff;
    line-height: 1;
}
.service-main-section-6 .swpcon .con .boxs .s1{
    position: absolute;
    top: 0;
    left: 0;
}
.service-main-section-6 .swpcon .con .boxs .s2{
    position: absolute;
    right: 0;
    top:100%;
}
.service-main-section-6 .swpcon .con .boxs .text{
    font-size: 18px;
    line-height: 30px;
    height: 150px;
}
.service-main-section-6 .swpcon .pub-prev{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.service-main-section-6 .swpcon .pub-next{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.service-main-groud .bgs{
    width: 50%;
    height: 50%;
    position: absolute;
    top: 25%;
    left: 25%;
    z-index: 5;
}
.home-pro-class-main .group .aside-left{
    width: 105px;
    background: url(../Images/ico_hmx_01.png) repeat-y center top;
    background-size: 100% auto;
    color: #fff;
    margin-right: 6px;
    font-size: 18px;
    border-radius: 3px;
}
.home-pro-class-main .group{margin-bottom: 25px;}
.home-pro-class-main .group .a{
    background-color: #5a5d60;
    margin-right: 6px;
    margin-left: 6px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    position: relative;
}
.home-pro-class-main .group .a-s1{height: 80px;}
.home-pro-class-main .group .a-s2{height: 36px;}
.home-pro-class-main .group-t3 .a-s2{height: 46px;}
.home-pro-class-main .group .a-s4{height: 160px;}
.home-pro-class-main .group .a span{position: relative;z-index: 9;}
.home-pro-class-main .group .a-hover:hover:before{
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-image: linear-gradient(#5a5d60, #4e65c7 80%, #3852c0, #223fb9);
    content: '';
}
.home-pro-class-main .group .a-hover,.home-pro-class-main .group .a-hover2{cursor: url(../Images/ico_click.cur),auto;}
/* .home-pro-class-main .group .a-hover:hover:after{
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    background: url(../Images/ico_click.png) center no-repeat;
    background-size: cover;
    bottom: -15px;
    left: 50%;
    z-index: 2;
    content: '';
} */

.home-pro-class-main .group-t2 .a-hover:after{
    width: 8px;
    height: 8px;
    background: url(../Images/ico_rx.png);
    background-size: cover;
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -4px;
}
.home-pro-class-main .group-t2 .box .a-hover:last-child:after{display: none;}
.home-pro-class-main .group-t3 .tp{
    height: 36px;
    line-height: 36px;
    background: url(../Images/ico_hmx_02.png) repeat-y center top;
    background-size: 100% auto;
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin: 0 6px;
    box-shadow: 0 0 15px 1px #313438;
    position: relative;
    z-index: 6;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.sgroup .sgroup-1{
    width: 40%;
    padding-right: 6px;
}
.sgroup .sgroup-2{
    padding-right: 6px;
}
.sgroup-as{flex-wrap: wrap;padding: 20px 30px;}
.sgroup-as .a-s4-b{
    width: 50%;
    text-align: center;
    color: #fff;
}
.sgroup-b .cbot{
    background: url(../Images/ico_hmx_03.png) repeat-y center top;
    background-size: 100% auto;
    font-size: 16px;
    line-height: 40px;
    position: relative;
    box-shadow: 0 0 20px 1px #313438;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.sgroup-b{margin-right: 6px;margin-left: 6px;text-align: center;font-size: 16px;position: relative;z-index: 5;}
.sgroup-b .sgroup-b-1{width: 70%;padding-right: 6px;margin-right: 6px;}
.sgroup-b .sgroup-b-2{padding-left: 6px;}
.group-t5-box-1{margin-bottom: 12px;}
.pub-video-boxs{
    padding-top: 37.5%;
    padding-top: 56.25%;
    position: relative;
    height: 0;
    overflow: hidden;
}
.pub-video-boxs video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pub-page .pageinfo{display:none;}
.down-list-style2{
    margin-top: 60px;
    margin-bottom: 35px;
}
.down-list-style2 .boxs{
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    padding: 0;
    position: relative;
    margin-bottom: 30px;
}
/* .down-list-style2 .boxs .img{width: 35%;} */
.down-list-style2 .boxs .img img{width: 140px;vertical-align: top;height: 189px;object-fit: cover;}
.down-list-style2 .boxs:hover{
    box-shadow: 0 4px 10px 1px #7688d1;
}
.down-list-style2 .boxs:hover:after{
    position: absolute;
    top: -2px;
    width: 100%;
    left: 0;
    height: 2px;
    background-color: #223fb9;
    content: '';
}
.down-list-style2 .boxs .txt{padding: 15px;}
.down-list-style2 .boxs .txt .title{font-size: 20px;font-family: "SourceHanSansCNRegular";}
.down-list-style2 .boxs .txt .bt{font-size: 16px;font-family: "SourceHanSansCNRegular";}
.down-list-style2 .boxs .txt .bt .ico-down2{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../Images/ico_down2.png);
    background-size: cover;
    margin-left: 10px;
}
.down-list-style2 .boxs .tag span{
    display: inline-block;
    line-height: 24px;
    padding: 0 10px;
    background-color: #eee;
    border-radius: 3px;
    color: #666;
    font-size: 12px;
}
.cc-solution-tops .pub-intro{min-height: 145px;}
.cc-solution-tops .pub-title .pub-intro{min-height: 0;}
.cc-solution-tops .pub-title{margin-bottom: 0;}
.popdown-content{
    padding: 60px;
    max-height: 680px;
    overflow-y: auto;
}
.popdown-content-top .img img{width: 100%;height: 400px;object-fit: cover;}
.popdown-content-top .txt{padding-left: 20px;font-size: 16px;}
.popdown-content-top .txt .tit{
    font-size: 28px;
    margin-bottom: 15px;
}
.popdown-content-top .p{margin-bottom: 25px;}
.popdown-content-top .p2{margin-bottom: 15px;}
.popdown-content-top .p3{margin-bottom: 15px;margin-top: 15px;}
.popdown-content-mid .ctit{
    font-size: 22px;
    margin-top: 25px;
    margin-bottom: 25px;
    color: #223fb9;
}
.popdown-content-mid label{font-weight: normal;font-size: 16px;}
.popdown-content-mid input.form-control{height: 40px;}
.popdown-content-mid input.code-input{width: 140px;}
.code-img{margin-left: 10px;margin-right: 5px;}
.code-btn{color: #223fb9;cursor: pointer;}
.popdown-content-mid .form-group{margin-bottom: 20px;}
.popdown-content-mid  textarea.form-control{
    background-color: #f7f7f7;
}
.popdown-content-mid .sub input{
    float: right;
    width: 130px;
    height: 40px;
    margin-top: 28px;
    background-color: #223fb9;
    color: #fff;
    border-width: 0;
    box-shadow: none;
    outline: none;
    font-size: 16px;
}
.public-details-title{margin-top:60px;margin-bottom:30px;}
.public-details-title .time{color:#888;margin-top:10px;}
.focus .ban-txt{background-color:rgba(0,0,0,0.15)}
.foot-rslink a{display:inline-block;line-height:1;margin-right:8px;}
.foot-rslink a+a{padding-left:8px;border-left:1px solid #fff;}
.pub-img-size100{
    display: block;
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.pub-img-size100 img{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.foot-ag-bt{
    margin-bottom: 15px;
}


.ins-contact-main{
    padding-top: 70px;
    padding-bottom: 70px;
    background: url(../Images/bg4.jpg) center bottom no-repeat;
}
.ins-contact-main .title{
    font-size: 32px;
    margin-bottom: 30px;
    color: #333;
    text-transform: uppercase;
    font-family:"SourceHanSansCNBold";
}
.ins-contact-main .title2{
    font-size: 24px;
    margin-bottom: 30px;
    color: #333;
    text-transform: uppercase;
    margin-top: 75px;
}
.ins-contact-main .txt{max-width: 360px;}
.ins-contact-main .txt ul li {margin-bottom: 30px;}
.ins-contact-main .txt ul li .t{
    font-size: 24px;
    color:#000;
    margin-bottom: 2px;
}
.ins-contact-main .txt ul li .p{
    font-size: 18px;
    color:#656565;
    line-height: 1.6;
    margin-bottom: 5px;
}
.chart-con span{margin-right: 10px;}
.getcode img{width: 100px;height: 36px;}
.contact-form{
    background: #fff;
    border:1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 0 15px 2px #ddd;
    padding: 30px 65px ;
}
.contact-form .ftitle{
    font-size: 14px;
    text-transform: uppercase;
    color: #223fb9;
    margin-bottom: 30px;
}
.contact-form .ftitle i{
    display: block;
    width: 135px;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
}
.contact-form .groups{
    margin-bottom: 15px;
    padding-left: 92px;
    position: relative;
}
.contact-form .groups label{
    position: absolute;
    width: 74px;
    left: 0;
    top:0;
    text-align: right;
    font-weight: normal;
    line-height: 24px;
    font-size: 14px;
    padding-top:6px;
}
.contact-form .groups .inputs.w1{max-width:160px;}
.contact-form .groups .inputs input,.contact-form .groups .inputs select{
    height: 38px;
    background: #efefef;
    outline: none;
    box-shadow: none;
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
}
.contact-form .groups .inputs textarea{
    height: 80px;
    background: #efefef;
    outline: none;
    box-shadow: none;
}
.contact-form .groups .inputs.code input{width: 160px;}
.contact-form .groups .inputs.code .getcode{
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
}
.contact-form .groups .sub{margin-top: 25px;}
.contact-form .groups .sub input{
    width: 160px;
    height: 48px;
    background: #223fb9;
    font-size: 18px;
    text-transform: uppercase;
    border-width: 0;
    outline: none;
    box-shadow: none;
    color:#fff;
    font-family:"SourceHanSansCNRegular";
}
.contact-form .sline{
    height: 1px;
    width: 100%;
    background: #eee;
    margin:20px 0;
}

.aboutSw-gallery:hover .product-item-hidden
{
    opacity: 1;
    transform: translate(24px,0);
}

.aboutSw-gallery:hover .aboutSw-btn2 .aiTit{
    height:120px;
}

.product-item-hidden {
    position: absolute;
    left: 5px;
    top: 45px;
    padding-right: 24px;
    padding-bottom: 24px;
    box-sizing: content-box;
    max-width: 500px;
    opacity: 0;
    transform: translate(-100%,0);
    transition: all .4s ease-out;
}

.product-item-hidden .product-item-desc{
    font-size: 16px;
    line-height: 25px;
    max-height:50px;
    display: -webkit-box; 
    overflow: hidden; 
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
}

.product-item-hidden .product-item-arrow .product-viewmore-wrapper img:first-child {
    margin-right: 10px;
}

.product-item-hidden .product-item-arrow .product-viewmore-wrapper img {
    width: 24px;
    height: 16px;
    -o-object-fit: cover;
    object-fit: cover;
}

.product-item-hidden .product-item-arrow {
    width: 24px;
    height: 24px;
    overflow: hidden;
}

.product-item-hidden .product-item-arrow .product-viewmore-wrapper {
    width: 58px;
    height: 20px;
    display: flex;
}

.aboutSw-gallery:hover .product-viewmore-wrapper {
    -webkit-animation: productMoreArrow 1s ease infinite;
    animation: productMoreArrow 1s ease infinite;
}

@keyframes productMoreArrow {
    0% {
        transform: translate(-34px,0);
    }
    100% {
        transform: translate(0,0);
    }
}

.hot_icon{
    height: 14px;
    vertical-align: top;
    margin-top: 3px;
}

.hot_icon2{
    margin-left: 8px;
    z-index: 2;
    height: 18px;
    vertical-align: top;
}

/* 拍档方案 和 3A方案的公共样式 */
@media (min-width: 992px){
    .pc-container{
        display: block;
    }
    .mobile-container{
        display: none;
    }
}

@media (max-width: 992px){
    .pc-container{
        display: none;
    }
    .mobile-container {
    display: block;
    }
    .mobile-container .banner {
    position: relative;
    color: #FFFFFF;
    }
    .mobile-container .banner .bg {
    width: 100%;
    }
    .mobile-container .banner .banner-content {
    top: 0;
    width: 620px;
    height: 200px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    }
    .mobile-container .banner .banner-content .title_1 {
    margin-top: 130px;
    height: 40px;
    font-size: 50px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 40px;
    }
    .mobile-container .banner .banner-content .title_2 {
    margin-top: 60px;
    height: 22px;
    font-size: 28px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 22px;
    }
    .mobile-container .banner .banner-content .btn {
    margin-top: 280px;
    width: 126px;
    height: 52px;
    background: #FFB018;
    border-radius: 4px;
    color: #fff;
    line-height: 35px;
    font-size: 20px;
    }
    .mobile-container .box1 .item .item-inner .item-inner-text {
    margin: 10% 12%;
    width: 285px;
    height: 100px;
    }

    .mobile-container .box1 .item .item-inner .item-inner-text .item-inner-list {
    margin-top: 13px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    }
}

@media (max-width: 692px){
    .pc-container{
        display: none;
    }
    .mobile-container {
    display: block;
    }
    .mobile-container .banner {
    position: relative;
    color: #FFFFFF;
    }
    .mobile-container .banner .bg {
    width: 100%;
    }
    .mobile-container .banner .banner-content {
    top: 0;
    width: 320px;
    height: 200px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    }
    .mobile-container .banner .banner-content .title_1 {
    margin-top: 50px;
    height: 40px;
    font-size: 28px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 40px;
    }
    .mobile-container .banner .banner-content .title_2 {
    margin-top: 20px;
    height: 22px;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 22px;
    }
    .mobile-container .banner .banner-content .btn {
    margin-top: 110px;
    width: 88px;
    height: 36px;
    background: #FFB018;
    border-radius: 4px;
    color: #fff;
    line-height: 22px;
    font-size: 14px;
    }
    .mobile-container .box1 .item .item-inner .item-inner-text {
    margin: 3% 12%;
    width: 285px;
    height: 100px;
    font-size:12px;
    }

    .mobile-container .box1 .item .item-inner .item-inner-text .item-inner-list {
    margin-top: 13px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    }
}


body{
    font-family: PingFangSC-Semibold, PingFang SC;
    background: #F1F2F4;
}   
   
    .mobile-container .box5 {
    background: #F1F2F4;
    text-align: center;
    }
    .mobile-container .box5 .box-title {
    margin: 56px 0 16px;
    height: 26px;
    font-size: 18px;
    font-weight: 600;
    color: #1F2029;
    line-height: 25px;
    }
    .mobile-container .box5 .box-desc,
    .mobile-container .box5 .box-desc2,
    .mobile-container .box5 .box-desc3 {
    font-size: 12px;
    font-weight: 400;
    color: #313438;
    line-height: 20px;
    }
    .mobile-container .box5 .box-desc3 {
    margin-bottom: 57px;
    }
    .mobile-container .box5 .item {
    position: relative;
    width: 100%;
    }
    .mobile-container .box5 .item .bg {
    width: 100%;
    }
    .mobile-container .box5 .item .item-title {
    position: absolute;
    top: 15px;
    left: 24px;
    height: 48px;
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 48px;
    }
    .mobile-container .box5 .item .arrow {
    position: absolute;
    top: 35px;
    right: 24px;
    }
    .mobile-container .box5 .item .item-content {
    display: none;
    }


.pc-container {
  min-width: 1240px;
}
.pc-container .banner {
  position: relative;
  color: #FFFFFF;
}
.pc-container .banner .bg {
  width: 100%;
}
.pc-container .banner .banner-content {
  top: 0;
  width: 1100px;
  height: 200px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
}
.pc-container .banner .banner-content .title_1 {
  margin-top: 180px;
  height: 67px;
  font-size: 48px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 67px;
  text-shadow: 0px 2px 8px rgba(0,0,0,0.5);
}
.pc-container .banner .banner-content .title_2 {
  height: 33px;
  font-size: 24px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 33px;
}
.pc-container .banner .banner-content .btn {
  margin-top: 34px;
  width: 176px;
  height: 64px;
  background: #FFB018;
  border-radius: 4px;
  color: #fff;
  line-height: 50px;
  font-size: 24px;
}

.pc-container .box5 {
  position: relative;
  padding-top: 100px;
}
.pc-container .box5 .bg1 {
  height: 580px;
  background: #F1F2F4;
}
.pc-container .box5 .bg2 {
  height: 395px;
  background: #42424C;
}
.pc-container .box5 .inner-box {
  width: 1100px;
  height: 810px;
  position: absolute;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  color: #FFFFFF;
}
.pc-container .box5 .inner-box .box-title {
  text-align: center;
  height: 45px;
  font-size: 32px;
  font-weight: 600;
  color: #313438;
  line-height: 45px;
  margin-top: 10px;
  margin-bottom: 24px;
}
.pc-container .box5 .inner-box .box-desc,
.pc-container .box5 .inner-box .box-desc2 {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #313438;
  line-height: 29px;
}
.pc-container .box5 .inner-box .box-desc2 {
  margin-bottom: 30px;
}
.pc-container .box5 .inner-box .box-list {
  display: flex;
  flex-wrap: wrap;
}
.pc-container .box5 .inner-box .box-list .item {
  position: relative;
  width: 528px;
  height: 317px;
}
.pc-container .box5 .inner-box .box-list2 a, 
.pc-container .box5 .inner-box .box-list2 a .item {
    width: 100%;
    height: 221px;
}
.pc-container .box5 .inner-box .box-list .bg {
  width: 528px;
  height: 317px;
  opacity: 0;
  padding-left: 32px;
  background: #223FB9;
  position: absolute;
  top:0;
}
.pc-container .box5 .inner-box .box-list2 .bg {
    width: 100% !important;
}
.pc-container .box5 .inner-box .box-list .item .item-title {
  position: relative;
  z-index: 2;
  margin-top: 24px;
  margin-left: 32px;
  height: 48px;
  font-size: 32px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 48px;
}
.pc-container .box5 .inner-box .box-list .item .arrow {
  /* display: none; */
  opacity: 0;
  z-index: 2;
  position: absolute;
  top: 35px;
  right: 54px;
}
.pc-container .box5 .inner-box .box-list .item .item-content {
  width: 528px;
  height: 317px;
  /* display: none; */
  opacity: 0;
  padding-left: 32px;
  top: 20px;
  position: absolute;
}
.pc-container .box5 .inner-box .box-list .item .item-content .item-desc {
  font-weight: 400;
  margin-top: 86px;
  font-size: 18px;
}
.pc-container .box5 .inner-box .box-list .item .item-content .item-info-list {
  margin-top: 62px;
  line-height: 34px;
  font-weight: 400;
  font-size: 18px;
}
.pc-container .box5 .inner-box .box-list .item:hover .arrow {
  /* display: block; */
  opacity: 1;
  right: 24px;
}
.pc-container .box5 .inner-box .box-list .item:hover .bg {
  /* display: block; */
  opacity: 0.65;
}
.pc-container .box5 .inner-box .box-list .item:hover .item-content {
  /* display: block; */
  opacity: 1;
  top: 0;
}
.pc-container .box5 .inner-box .box-list .item:hover a {
    color: #fff;
}
.pc-container .box5 .inner-box .box-list .item1,
.pc-container .box5 .inner-box .box-list .item3 {
  margin-right: 20px;
}
.pc-container .box5 .inner-box .box-list .item1,
.pc-container .box5 .inner-box .box-list .item2 {
  margin-bottom: 21px;
}
.pc-container .box5 .inner-box .box-list .item1 {
  background-image: url("../Images/asrs_new/box5/item1.png");
  background-size: 100% 100%;
}
.pc-container .box5 .inner-box .box-list .item2 {
  background-image: url("../Images/asrs_new/box5/item2.png");
  background-size: 100% 100%;
}
.pc-container .box5 .inner-box .box-list .item3 {
  background-image: url("../Images/asrs_new/box5/item3.png");
  background-size: 100% 100%;
}
.pc-container .box5 .inner-box .box-list .item4 {
  background-image: url("../Images/asrs_new/box5/item4.png");
  background-size: 100% 100%;
}
/* 3A物流解决方案 */
.pc-visual-container .box5 {
    padding-top: 0px;
}
.pc-visual-container .box5 .inner-box-visual {
    top: 0;
}
.pc-visual-container .box5 .inner-box .box-list .item {
    position: relative;
    width: 360px;
    height: 350px;
}
.pc-visual-container .box5 .inner-box .box-list .bg {
    width: 360px;
    height: 350px;
    /* display: none; */
    opacity: 0;
    padding-left: 32px;
    background: #223FB9;
    position: absolute;
    top:0;
}
.pc-visual-container .box5 .inner-box .box-list2 .bg {
    height: 221px;
}
.pc-visual-container .box5 .inner-box .box-list .item .item-title {
    position: relative;
    z-index: 2;
    margin-top: 50px;
    margin-left: 0px;
    height: 40px;
    font-size: 28px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 40px;
}
.pc-visual-container .box5 .inner-box .box-list2 .item .item-title {
    margin-top: 16px;
}
.pc-visual-container .box5 .inner-box .box-list2 .item .item-content .item-info-list {
    margin-top: 12px !important;
}
.pc-visual-container .box5 .inner-box .box-list2 .item:hover .arrow {
    top: 26px;
}
.pc-visual-container .box5 .inner-box .box-list .item .arrow {
    top: 60px;
}
.pc-visual-container .box5 .inner-box .box-list .item .item-content {
    width: 360px;
    height: 350px;
    opacity: 0;
    padding-left: 18px;
    padding-right: 18px;
    position: absolute;
}
.pc-visual-container .box5 .inner-box .box-list2 .item .item-content {
    height: 221px;
}
.pc-visual-container .box5 .inner-box .box-list .item4 .item-content {
    width: 100%;
}
.pc-visual-container .box5 .inner-box .box-list .item4 .item-content .item-info-list {
    display: flex;
    gap: 20px;
}
.pc-visual-container .box5 .inner-box .box-list .item .item-footer,
.mobile-visual-container .box5 .inner-box .box-list .item .item-footer {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 74px;
    background: rgba(0,0,0,0.4);
}
.pc-visual-container .box5 .inner-box .box-list .item-footer .cate, 
.mobile-visual-container .box5 .inner-box .box-list .item-footer .cate {
    margin-left: 32px;
    margin-right: 12px;
    font-size: 24px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
}
.pc-visual-container .box5 .inner-box .box-list .item-footer .desc, 
.mobile-visual-container .box5 .inner-box .box-list .item-footer .desc {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #EBEBEB;
}
.pc-visual-container .box5 .inner-box .box-list .item .item-content .item-desc {
    font-weight: 400;
    margin-top: 10px;
    font-size: 18px;
}
.pc-visual-container .box5 .inner-box .box-list .item .item-content .item-info {
    font-family: PingFangSC-Regular, PingFang SC;
}
.pc-visual-container .box5 .inner-box .box-list .item .item-content .line {
    height: 1px;
    opacity: 0.2;
    border: 1px solid #FFFFFF;
    margin-top: 12px;
}
.pc-visual-container .box5 .inner-box .box-list .item .item-content .item-info-list {
    margin-top: 28px;
    line-height: 30px;
    font-weight: 400;
    font-size: 18px;
}
.pc-visual-container .box5 .inner-box .box-list .item:hover .arrow {
    opacity: 1;
    right: 24px;
    z-index: 3;
}
.pc-visual-container .box5 .inner-box .box-list .item:hover .bg {
    opacity: 0.65;
    z-index: 2;
}
.pc-visual-container .box5 .inner-box .box-list .item:hover .item-content {
    opacity: 1;
    top: 0;
    color: #fff;
    z-index: 2;
}
.pc-visual-container .box5 .inner-box .box-list .item {
    margin-right: 8px;
    margin-bottom: 8px;
}
.pc-visual-container .box5 .inner-box .box-list .item3, 
.pc-visual-container .box5 .inner-box .box-list .item4 {
    margin-right: 0px;
    margin-bottom: 0px;
}
.pc-visual-container .box5 .inner-box .box-list .item1 {
    background-image: url("../Images/other-product/3a-1.png");
    background-size: 100% 100%;
}
.pc-visual-container .box5 .inner-box .box-list .item2 {
    background-image: url("../Images/other-product/3a-2.png");
    background-size: 100% 100%;
}
.pc-visual-container .box5 .inner-box .box-list .item3 {
    background-image: url("../Images/other-product/3a-3.png");
    background-size: 100% 100%;
}
.pc-visual-container .box5 .inner-box .box-list .item4 {
    background-image: url("../Images/other-product/3a-4.png");
    background-size: 100% 100%;
}