@charset "utf-8";

* {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse
}

a {
    text-decoration: none
}

a:focus,
a:hover {
    text-decoration: none
}

a:focus {
    outline: 0
}

p {
    margin: 0
}

ol,
ul {
    margin: 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    margin: 0
}

.cor_red {
    color: #3662FF
}

.cor_yellow {
    color: #f5fb47
}

.cor_blue {
    color: #00eaff
}

.f22 {
    font-size: 0.18333333333333332rem
}

.clear {
    clear: both
}

.shows {
    display: block
}

.hides {
    display: none
}

ol {
    padding-left: 0.20833333333333334rem
}

.ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bd_weixin_popup {
    height: auto !important
}

html {
    height: 100%
}

body {
    position: relative;
    height: 100%;
    min-width: 2.6666666666666665rem;
    font-family: Arial, "微软雅黑"
}

.imgBg {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.imgBg img {
    display: none
}

.menuBg {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.16666666666666666rem 0 0;
    width: 0.5rem;
    height: 100%;
    background: #FFF
}

.menuBtn {
    text-align: center;
    cursor: pointer
}

.menuBtn img {
    margin: 0.05rem auto 0.08333333333333333rem
}

.mBtnLine {
    font-size: 0
}

.mBtnLine span {
    display: inline-block;
    width: 0.016666666666666666rem;
    height: 0.16666666666666666rem;
    background: #333;
    vertical-align: top
}

.mBtnLine span:nth-child(2) {
    margin: -0.03333333333333333rem 0.025rem 0
}

.mOnLine {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0.20833333333333334rem 0;
    width: 100%;
    background: #3662FF;
    color: #FFF
}

.mOnLine li {
    position: relative
}

.mOnLine a {
    color: #FFF
}

.mOnLineIco {
    position: relative;
    z-index: 1;
    padding-bottom: 1px;
    background: #3662FF;
    font-size: 0.15rem;
    line-height: 0.3rem;
    cursor: pointer
}

.mOnLineCon {
    position: absolute;
    top: 0;
    right: 0.5rem;
    z-index: 0;
    padding: 0 0.16666666666666666rem;
    background: #3662FF;
    white-space: nowrap;
    line-height: 0.3rem;
    transform: translate(150%, 0)
}

.mOnLineCon a {
    display: block
}

.onLineWx .mOnLineCon {
    top: auto;
    bottom: -0.20833333333333334rem;
    padding: 0.041666666666666664rem 0;
    width: 1.1666666666666667rem;
    background: 0 0;
    background: #FFF
}

.onLineWx .mOnLineCon img {
    margin: 0 auto
}

.mOnLine li:hover .mOnLineCon {
    transition: all .5s ease 0s;
    transform: translate(0, 0)
}

.headerBg {
    position: fixed;
    top: 0;
    left: 14.5%;
    right: 14.5%;
    height: 0.5rem;
    z-index: 1;
    padding: 0.16666666666666666rem 0;
}

.header {
    /* margin-right: 0.5rem */
}

.logo {
    float: left
}

.logo a {
    display: block
}

.tel {
    float: right;
    color: #FFF;
    font-size: 0.15rem;
    font-family: Verdana;
    line-height: 0.2rem;
    margin-top: 0.03333333333333333rem;
}

.telIco {
    display: inline-block;
    width: 0.26666666666666666rem;
    height: 0.26666666666666666rem;
    background: url(/images/public/tel.png) no-repeat 0 0;
    background-size:cover;
    vertical-align: middle;
}

.tel img {
    vertical-align: middle
}

.fp-viewing-page2 .logo .hides,
.fp-viewing-page3 .logo .hides,
.fp-viewing-page4 .logo .hides,
.fp-viewing-page5 .logo .hides,
.fp-viewing-page6 .logo .hides{
    display: block
}

.fp-viewing-page2 .logo .shows,
.fp-viewing-page3 .logo .shows,
.fp-viewing-page4 .logo .shows,
.fp-viewing-page5 .logo .shows,
.fp-viewing-page6 .logo .shows {
    display: none
}
.fp-viewing-page2 .headerBg .tel .hides,
.fp-viewing-page3 .headerBg .tel .hides,
.fp-viewing-page4 .headerBg .tel .hides,
.fp-viewing-page6 .headerBg .tel .hides{
    display: none;
}
.fp-viewing-page2 .headerBg .tel span,
.fp-viewing-page4 .headerBg .tel span,
.fp-viewing-page3 .headerBg .tel span,
.fp-viewing-page6 .headerBg .tel span{
    display: block;
    color: #3662FF;
}
.fp-viewing-page2 .headerBg .telIco,
.fp-viewing-page3 .headerBg .telIco,
.fp-viewing-page4 .headerBg .telIco,
.fp-viewing-page6 .headerBg .telIco,
.fp-viewing-page5 .headerBg .telIco{
    background: url(/images/public/tel1.png) no-repeat 0 0;
    background-size:cover;
    vertical-align: middle;
}
.fp-viewing-page1 .mOnLine,
.fp-viewing-page1 .mOnLineIco{
    background: #fff;
    color: #3662FF;
}
.fp-viewing-page1 .mOnLineCon{
    background: #fff;
    color: #3662FF;
}
.fp-viewing-page1 .mOnLineCon a{
    color: #3662FF;
}
.navBg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: #222;
    background: rgba(34, 34, 34, .9);
    opacity: 0;
    transition: all .5s ease 0s;
    transform: translate(-100%, 0)
}

.navBg.active {
    opacity: 1;
    transform: translate(0, 0)
}

.navTop {
    position: relative;
    z-index: 1;
    padding: 0.2916666666666667rem 0.3333333333333333rem;
    border-bottom: 1px solid #333;
    border-bottom: 1px solid rgba(255, 255, 255, .08)
}

.navClose {
    float: right;
    padding: 0.041666666666666664rem 0 0;
    width: 0.25rem;
    height: 0.25rem;
    cursor: pointer
}

.navClose span {
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    transform-origin: left center
}

.navClose span:first-child {
    transform: rotate(45deg)
}

.navClose span:last-child {
    margin-top: 0.16666666666666666rem;
    transform: rotate(-45deg)
}

.navBot {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding-top: 0.8333333333333334rem;
    height: 100%
}

.navList {
    overflow: hidden;
    height: 100%
}

.navList li {
    float: left;
    width: 12%;
    height: 100%;
    opacity: 0;
    transition: all .5s ease 0s;
    transform: translate(0, 0.4166666666666667rem)
}

.navList li a {
    display: block;
    padding: 0.8333333333333334rem 0 0 20%;
    height: 100%;
    border-right: 1px solid #333;
    border-right: 1px solid rgba(255, 255, 255, .08);
    color: #FFF;
    transition: all .5s ease 0s
}

.navList li a span {
    display: block
}

.navEn {
    font-size: 0.25rem
}

.navCn {
    font-size: 0.18333333333333332rem
}

.navList li a:hover {
    padding-left: 10%;
    color: #3662FF
}

.navList li.text-right {
    padding: 0.8333333333333334rem 0 0;
    width: 13.5%;
    color: #FFF;
    font-size: 0.13333333333333333rem;
    line-height: 0.3rem
}

.navTel {
    font-size: 0.18333333333333332rem;
    font-family: Verdana
}

.navBotCon {
    position: absolute;
    right: 2.5%;
    bottom: 0.5416666666666666rem;
    padding-left: 0.041666666666666664rem;
    width: 13.5%;
    color: #FFF;
    color: #FFF;
    font-size: 0.1rem;
    line-height: 0.18333333333333332rem
}

.navSearch {
    position: relative;
    float: right;
    margin-bottom: 0.125rem;
    padding-right: 0.2833333333333333rem;
    width: 77%;
    background: #3662FF;
    line-height: 0.26666666666666666rem
}

.navSearch input {
    display: block;
    padding: 0.041666666666666664rem 0.08333333333333333rem;
    width: 100%;
    height: 0.26666666666666666rem;
    border: none;
    background: 0 0;
    color: #FFF;
    line-height: 0.18333333333333332rem
}

.searchIco {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 0.2833333333333333rem;
    color: #FFF;
    text-align: center;
    font-size: 0.11666666666666667rem
}

.searchIco:focus,
.searchIco:hover {
    color: #FFF
}

.navShare {
    font-size: 0.11666666666666667rem
}

.navShare li {
    position: relative
}

.navShare li a {
    color: #FFF
}

.navWechat {
    position: absolute;
    right: 0;
    bottom: 0.25rem;
    width: 0.8333333333333334rem;
    opacity: 0;
    transition: all .5s ease 0s;
    transform: scaleY(0)
}

.navShare li:hover .navWechat {
    opacity: 1;
    transform: scaleY(1)
}

.active .navList li {
    opacity: 1;
    transform: translate(0, 0)
}

.active .navList li {
    transition-delay: .3s
}

#navPage {
    position: fixed;
    top: 50%;
    left: 0;
    text-align: left;
    transition: all .1s ease-out 0s;
    transform: translateY(-50%)
}

#navPage.noactive {
    left: -10%
}

#navPage li {
    position: relative;
    padding-left: 0.16666666666666666rem
}

#navPage li:after {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    content: "";
    transition: all .5s ease-out 0s
}

#navPage li.active:first-child:after {
    width: 0.4rem
}

#navPage li:first-child+li.active:after {
    width: 0.4rem
}

#navPage li:first-child+li+li.active:after {
    width: 0.4rem
}

#navPage li:first-child+li+li+li.active:after {
    width: 0.4rem
}

#navPage li:first-child+li+li+li+li.active:after {
    width: 0.4rem
}

#navPage li:first-child+li+li+li+li+li.active:after {
    width: 0.4rem
}

#navPage li:first-child+li+li+li+li+li+li.active:after {
    width: 0.4rem
}

#navPage li:first-child+li+li+li+li+li+li+li.active:after {
    width: 0.4rem
}

#navPage li a {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: 0;
    font-family: Arial;
    line-height: 0.2833333333333333rem
}

#navPage li a i,
#navPage li a span {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.11666666666666667rem
}

#navPage li a i {
    font-style: normal
}

#navPage li a span {
    overflow: hidden;
    width: 0;
    white-space: nowrap;
    transition: all .5s ease-out 0s
}

#navPage li a:hover,
#navPage li.active a {
    color: #fff
}

#navPage li a:hover span,
#navPage li.active a span {
    width: 0.6666666666666666rem
}

#hmpage {
    opacity: 0;
    -webkit-opacity: 0
}

.mbox {
    margin:0 auto;
    padding-left: 14.5%;
    padding-right: 14.5%;
}

.mbox1 .swiper-slide {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    align-items: center
}

.mbox1 {
    position: relative;
    overflow: hidden;
    height: 100%
}

.banImg {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.banImg .imgBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mbox1 .swiper-slide-active .imgBg {
    animation: imageAnimation 6s linear 0s
}

.banText {
    position: absolute;
    bottom: 25%;
    left: 23%;
    z-index: 1;
    width: 3.9833333333333334rem
}

.ban1Line {
    display: block;
    margin: 0.16666666666666666rem 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .2);
    transition: all .5s ease 0s
}




.ban1Line1 {
    bottom: 2.283333333333333rem;
    left: 0;
    width: 0.016666666666666666rem;
    height: 0.21666666666666667rem
}

.ban1Line1 i {
    position: absolute;
    bottom: 0;
    left: 0
}

.ban1Line2 {
    top: 0;
    left: 0.016666666666666666rem;
    width: 1.4833333333333334rem;
    height: 0.016666666666666666rem
}

.ban1Line3 {
    top: 0.016666666666666666rem;
    right: 0;
    width: 0.016666666666666666rem;
    height: 2.4833333333333334rem
}

.ban1Line4 {
    right: 0;
    bottom: 0;
    width: 1.4833333333333334rem;
    height: 0.016666666666666666rem
}

.ban1Line4 i {
    position: absolute;
    right: 0;
    bottom: 0
}

.ban1Line5 {
    bottom: 0;
    left: 0;
    width: 0.016666666666666666rem;
    height: 1.625rem
}

.ban1Line5 i {
    position: absolute;
    bottom: 0;
    left: 0
}


.banText2 {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin: -2.783333333333333rem 0 0 -2.783333333333333rem;
    width: 5.566666666666666rem;
    height: 5.566666666666666rem
}

.banTextCn2,
.banTextEn2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}




.banBg3 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #e4e4e7
}

.banBg3:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    background: #242632;
    content: "";
    transition: all .8s ease .3s
}

.ban3Ico {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}



.banText3 {
    margin: 0 auto;
    padding: 0.4166666666666667rem 0 0;
    max-width: 60%
}

.banText3 img {
    margin: 0 auto
}

.banImg3 {
    position: relative;
    margin: 0.5833333333333334rem auto 0;
    max-width: 9.583333333333334rem
}

.banImg3>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.banImg3>div.banImg31 {
    position: relative
}

.swiper-slide-active .banBg3:after {
    width: 49.95%
}

.section {
    overflow: hidden;
    height: 100%;
    text-align: center
}



.mainbox5 {
    background: #f5f5f5
}

.mainbox6 {
    background: #f5f5f5
}

.main_box {
    padding-top: 0.7166666666666667rem
}

.mbox1 .swiper-pagination {
    bottom: 5%;
    margin: 0;
    padding-right: 1%;
    text-align: right
}

.mbox1 .swiper-pagination-bullet {
    width: 0.25rem;
    height: 0.016666666666666666rem;
    border-radius: 0;
    background: #FFF;
    vertical-align: bottom;
    opacity: 1;
    transition: all .5s ease 0s
}

.mbox1 .swiper-pagination-bullet-active {
    height: 0.06666666666666667rem;
    background: #3662FF
}

.welcome {
    position: absolute;
    bottom: 0;
    left: 0.3333333333333333rem;
    z-index: 1;
    display: block;
    width: 2.3333333333333335rem;
    height: 0.5833333333333334rem;
    background: #3662FF;
    color: #FFF;
    font-size: 0.11666666666666667rem;
    font-family: Arial;
    line-height: 0.5833333333333334rem
}

.welcome i,
.welcome span,
.welcome strong {
    display: inline-block;
    margin: 0 0.016666666666666666rem;
    vertical-align: middle
}

.welcomeDot {
    width: 0.03333333333333333rem;
    height: 0.03333333333333333rem;
    border-radius: 50%;
    background: #FFF
}

.welcomeLine {
    width: 0.38333333333333336rem;
    height: 1px;
    background: #FFF;
    transition: all .5s ease 0s
}

.welcome:focus,
.welcome:hover {
    color: #FFF
}

.welcome:hover .welcomeLine {
    width: 0.5rem
}

.mbox2Bg {
    background: #f0f0f0
}

.mbox4Bg,
.mbox7Bg {
    background: #f5f5f5
}



.mbox8Bg {
    background: url('../images/public/contactbg.jpg') 0 0 no-repeat;
    background-size: cover
}

.box2ImgBg {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 42%;
    height: 100%
}

.box2ImgBg .imgBg {
    height: 100%;
    transition: all 1s ease 0s;
    transform: scale(1.05)
}

.box2ImgBg .imgBg:hover {
    transform: scale(1)
}

.mbox2Text {
    padding-top: 0.4166666666666667rem;
    padding-left: 13%;
    width: 58%;
    text-align: left
}

.mbox2TitEn {
    color: #3662FF;
    text-transform: uppercase;
    font-size: 0.38333333333333336rem;
    font-family: Arial;
    line-height: 150%;
    opacity: 0;
    transition: all .6s ease 0s;
    transform: translateX(-0.4166666666666667rem)
}

.mbox2TitCn {
    color: #333;
    font-size: 0.25rem;
    line-height: 150%;
    opacity: 0;
    transition: all .6s ease 0s;
    transform: translateX(-0.4166666666666667rem)
}
.mbox2TitCn.delay5{
    transition-delay:.5s;
}

.mbox2Brief {
    overflow: hidden;
    margin: 0.16666666666666666rem 0;
    color: #666;
    font-size: 0.15rem;
    line-height: 0.21666666666666667rem;
    opacity: 0;
    transition: all .8s ease 0s;
    transform: translateX(-0.4166666666666667rem)
}

.mbox2Num {
    margin: 0.3333333333333333rem -0.3333333333333333rem;
    color: #333;
    font-size: 0;
    line-height: 0.21666666666666667rem
}

.mbox2Num li {
    padding: 0.041666666666666664rem 0.3333333333333333rem;
    vertical-align: top;
    font-size: 0.1rem
}

.mbox2NumSp {
    font-size: 0.31666666666666665rem;
    font-family: Arial
}

.mbox2Bot {
    position: relative;
    margin: 0 -0.016666666666666666rem;
    padding: 0.2916666666666667rem 0.2916666666666667rem 0.20833333333333334rem;
    background: #FFF;
    font-size: 0
}

.mbox2Bot:after {
    position: absolute;
    top: 0;
    right: -1.0833333333333333rem;
    display: block;
    width: 1.0833333333333333rem;
    height: 100%;
    background: #FFF;
    content: ""
}

.mbox2Bot li {
    padding: 0.016666666666666666rem;
    width: 25%;
    vertical-align: top;
    text-align: center;
    opacity: 0;
    transition: all .8s ease 0s;
    transform: translateX(-0.16666666666666666rem)
}

.mbox2Bot li a {
    display: block
}

.mbox2Img {
    margin-bottom: 0.08333333333333333rem
}

.mbox2Img img {
    margin: 0 auto
}

.mbox2BotH3 {
    color: #333;
    font-size: 0.125rem;
    line-height: 0.2833333333333333rem
}

.mbox2Bot li a:hover .mbox2Img img {
    animation: swing 1s infinite linear
}

.mbox2More .welcome {
    position: static;
    width: 1.8333333333333333rem;
    height: 0.45rem;
    line-height: 0.45rem
}

.active .mbox2Bot li,
.active .mbox2Brief,
.active .mbox2TitCn,
.active .mbox2TitEn {
    opacity: 1;
    transform: translateX(0)
}

.active .mbox2TitEn {
    transition-delay: .3s
}

.active .mbox2TitCn {
    transition-delay: .5s
}

.active .mbox2Brief {
    transition-delay: .7s
}

.mbox3 {
    margin: 0 auto;
    padding: 0.4166666666666667rem 0 0;
    max-width: 10.583333333333334rem
}

.mbox3Lef {
    float: left;
    width: 45%;
    text-align: left
}

.mbox3Tit {
    margin-bottom: 0.3333333333333333rem;
    margin-left: 1rem;
    max-width: 2.9166666666666665rem;
    color: #FFF
}

.mbox3Tit .mbox2TitCn,
.mbox3Tit .mbox2TitEn {
    color: #FFF;
    line-height: 130%
}

.mbox3Brief {
    overflow: hidden;
    margin: 0.041666666666666664rem 0 0;
    height: 0.36666666666666664rem;
    font-size: 0.1rem;
    line-height: 0.18333333333333332rem;
    opacity: 0;
    transition: all .8s ease 0s;
    transform: translateX(-0.4166666666666667rem)
}

.active .mbox3Brief {
    opacity: 1;
    transition-delay: .7s;
    transform: translateX(0)
}

.mbox3LefCon {
    position: relative
}

.mbox3LefItem li {
    position: relative;
    padding-bottom: 0.26666666666666666rem;
    opacity: 0;
    transition: all .8s ease 0s;
    transform: translateY(0.16666666666666666rem)
}

.mbox3LefItem li:after {
    position: absolute;
    bottom: 0;
    left: 0.15833333333333333rem;
    display: block;
    width: 1px;
    height: 0.26666666666666666rem;
    background: rgba(255, 255, 255, .2);
    content: ""
}

.mbox3LefItem li:last-child:after {
    display: none
}

.mbox3LefItem li a {
    display: block;
    padding: 0.058333333333333334rem 0;
    height: 100%
}

.mbox3Ico,
.mbox3Line,
.mbox3Name {
    display: inline-block;
    color: #fefefe;
    vertical-align: top;
    font-size: 0.1rem;
    font-family: Arial;
    line-height: 0.16666666666666666rem;
    transition: all .6s ease 0s
}

.mbox3Line {
    margin: 0.05rem 0.16666666666666666rem 0;
    width: 0.3333333333333333rem;
    height: 1px;
    background: rgba(255, 255, 255, .2);
    font-size: 0
}

.mbox3H3 {
    margin-bottom: 0.041666666666666664rem;
    font-size: 0.125rem
}

.mbox3LefItem li.active a .mbox3Line {
    width: 0.7166666666666667rem
}

.mbox3LefItem li a:hover .mbox3Name,
.mbox3LefItem li.active a .mbox3Name {
    color: #3662FF
}

.mbox3Rig {
    position: relative;
    float: right;
    width: 55%;
    min-height: 1.7583333333333333rem;
    transition: all .6s ease 0s;
    transform: translateX(50%)
}

.box3RigImg img {
    float: right;
    max-width: 70%
}

.box3RigImgItem {
    display: none
}

.box3RigImgItem.active {
    display: block
}

.box3RigText {
    position: absolute;
    right: 0.5rem;
    bottom: 0.6666666666666666rem;
    padding: 0.2916666666666667rem 0.5rem;
    width: 100%;
    background: #FFF
}

.box3RigText .swiper-slide {
    text-align: left
}

.mbox3H4 {
    color: #333;
    font-size: 0.2rem;
    line-height: 120%
}

.mbox3Con {
    overflow: hidden;
    margin: 0.125rem 0;
    height: 0.4rem;
    color: #777;
    font-size: 0.11666666666666667rem;
    line-height: 0.2rem
}

.mbox3Btn {
    color: #3662FF;
    vertical-align: top;
    text-align: left;
    font-size: 0.2rem
}

.mbox3Btn span {
    padding: 0 0.08333333333333333rem;
    cursor: pointer
}

.mbox3Pause img {
    margin-top: -0.03333333333333333rem
}

.active .mbox3LefItem li {
    opacity: 1;
    transform: translateY(0)
}

.active .mbox3Rig {
    transition: all .8s ease .3s;
    transform: translateX(0)
}

.fp-viewing-page4 .mBtnLine span {
    background: #3662FF
}

.mbox4Lef {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 5.4rem;
    height: 100%;
    background: #292E3D;
    color: #ddd;
    -webkit-box-align: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    align-items: center;
    padding-left: 14.5%;
}

.mbox4LefCon {
    width: 100%;
    text-align: left
}

.mbox4Tit .mbox2TitCn,
.mbox4Tit .mbox2TitEn {
    color: #ddd;
    line-height: 130%
}

.mbox4Tit .mbox3Brief {
    height: 0.18333333333333332rem
}

.mbox4LefItem {
    margin: 0.16666666666666666rem 0 0.3333333333333333rem;
    max-width: 1.8333333333333333rem
}

.mbox4LefItem li {
    opacity: 0;
    transition: all .5s ease 0s;
    transform: scaleY(-1) translateY(0rem)
    padding: 0.16666666666666666rem 0;
    margin-bottom: 0.16666666666666666rem;

}

.mbox4LefItem li a {
    position: relative;
    display: inline-flex;
    color: rgba(255,255,255,0.6);
    font-size: 0.13333333333333333rem;
    line-height: 0.21666666666666667rem
}

.mbox4LefItem li a:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -0.016666666666666666rem;
    width: 0.016666666666666666rem;
    height: 0.016666666666666666rem;
    border-radius: 50%;
    background: #FFF;
    content: "";
    opacity: 0;
    transition: all .6s ease 0s
}

.mbox4LefItem li a i.fa {
    color: #FFF;
    opacity: 0;
    transition: all .6s ease 0s;
    transform: translateX(0.08333333333333333rem)
}

.mbox4LefLine {
    display: inline-block;
    margin: 0 0 0 0.016666666666666666rem;
    width: 0rem;
    height: 1px;
    background: rgba(255, 255, 255, .35);
    vertical-align: middle;
    transition: all .6s ease 0s
}

.mbox4LefItem li a:hover {
    color: rgba(255,255,255,1);
}

.mbox4LefItem li a:hover:before {
    left: -0.08333333333333333rem;
    opacity: 1
}

.mbox4LefItem li a:hover i.fa {
    opacity: 1;
    transform: translateX(0)
}

.mbox4LefItem li a:hover .mbox4LefLine {
    width: 0.08333333333333333rem;
}

.mbox4LefItem:hover li a:hover .mbox4LefLine {
    width: 0.08333333333333333rem;
    background: #FFF
}

.mbox4More {
    display: block;
    width: 1.1666666666666667rem;
    height: 0.35rem;
    border: 1px solid rgba(255, 255, 255, .5);
    color: rgba(255, 255, 255, .5);
    text-align: center;
    line-height: 0.3333333333333333rem;
    transition: all .6s ease 0s
}

.mbox4MoreIco {
    position: relative;
    display: inline-block;
    margin: -0.025rem 0 0 0.08333333333333333rem;
    width: 0.09166666666666666rem;
    height: 0.09166666666666666rem;
    vertical-align: middle
}

.mbox4MoreIco:after,
.mbox4MoreIco:before {
    position: absolute;
    display: block;
    background: rgba(255, 255, 255, .5);
    content: "";
    transition: all .6s ease 0s
}

.mbox4MoreIco:after {
    top: 0.041666666666666664rem;
    left: 0;
    width: 100%;
    height: 1px
}

.mbox4MoreIco:before {
    top: 0;
    left: 0.041666666666666664rem;
    width: 1px;
    height: 100%
}

.mbox4More:focus,
.mbox4More:hover {
    border-color: #da1713;
    background: #da1713;
    color: #FFF
}

.mbox4More:focus .mbox4MoreIco:after,
.mbox4More:focus .mbox4MoreIco:before,
.mbox4More:hover .mbox4MoreIco:after,
.mbox4More:hover .mbox4MoreIco:before {
    background: #FFF
}

.mbox4 {
    margin-left: 5.4rem;
    height: 100%
}

.mbox4List {
    position: relative;
    padding: 0.6666666666666666rem 0 0.6666666666666666rem 0.9166666666666666rem;
    height: 100%
}

.mbox4List .swiper-wrapper {
    display: block;
    overflow: hidden
}

.mbox4List .swiper-slide {
    float: left;
    display: block;
    width: 32%;
    height: 2.216666666666667rem;
    opacity: 0;
    transition: all .8s ease 0s;
    transform: translateY(0.16666666666666666rem)
    background: #fff;
    border-radius: 0.075rem;
    margin-right: 2%;
}

.mbox4List .swiper-slide:nth-child(3n){
    margin-right: 0;
}
.mbox4List .swiper-slide .title{
    font-size: 0.13333333333333333rem;
    font-weight: 400;
    color: #000;
    text-align:left;
    margin-bottom: 0.08333333333333333rem;
}
.mbox4List .swiper-slide .more{
    width: 0.15rem;
    height: 0.1rem;
    transition: all .8s ease 0s;
    opacity: 0;
    transform: translateX(0.08333333333333333rem);
}
.mbox4List .swiper-slide a{
    display: block;
    padding: 0.18333333333333332rem;
    transition: all .8s ease 0s;
    background: #fff;
    border-radius: 0.075rem;
}

.mbox4List .swiper-slide a:hover{
    box-shadow: 0rem 0rem 0.08333333333333333rem 0rem rgba(0,0,0,0.1);
}
.mbox4List .swiper-slide a:hover .title{
    color:#1C54FE;
}
.mbox4List .swiper-slide a:hover .more{
    opacity: 1;
    transform: translateX(0);
}
.mbox4List .swiper-slide img{
    width: 2.216666666666667rem;
    height: 1.375rem;
    object-fit: cover;
}

.mbox4List .swiper-slide.mbox4Link {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%
}

.mbox4List .swiper-slide .mbox4Img {
    position: relative;
    overflow: hidden;
    height: 1.375rem
}

.mbox4List .swiper-slide .mbox4Img img {
    width: 2.216666666666667rem;
    transition: all 1s ease 0s
}


.mbox4Text {
    position: absolute;
    bottom: -100%;
    left: 0;
    padding: 0.075rem 0.08333333333333333rem;
    width: 100%;
    background: rgba(0, 190, 130, .9);
    color: #FFF;
    text-align: center;
    font-size: 0.11666666666666667rem;
    transition: all .6s ease 0s
}

.mbox4Text h3 {
    font-size: 0.11666666666666667rem;
    line-height: 200%
}

.mbox4Link:hover .mbox4Img img {
    transform: scale(1.1)
}


.mbox4Link:hover .mbox4Text {
    bottom: 0
}

.mbox4Btn {
    position: absolute;
    top: 50%;
    display: none;
    color: #3662FF;
    font-size: 0.3333333333333333rem;
    cursor: pointer;
    transform: translateY(-50%)
}

.mbox4Prev {
    left: 0.4166666666666667rem
}

.mbox4Next {
    right: 0.4166666666666667rem
}

.mbox4Listm {
    display: none
}

.active .mbox4LefItem li {
    opacity: 1;
    transform: scaleY(1) translateY(0)
}

.active .mbox4List .swiper-slide {
    opacity: 1;
    transition-delay: .5s;
    transform: translateY(0)
}

.active .mbox4List .swiper-slide:nth-child(2) {
    transition-delay: .8s
}

.active .mbox4List .swiper-slide:nth-child(3) {
    transition-delay:1s
}

.active .mbox4List .swiper-slide:nth-child(4) {
    transition-delay:1.2s
}

.active .mbox4List .swiper-slide:nth-child(5) {
    transition-delay: 1.4s
}

.active .mbox4List .swiper-slide:nth-child(6) {
    transition-delay: 1.6s
}

.active .mbox4List .swiper-slide:nth-child(7) {
    transition-delay: 1.8s
}

.active .mbox4List .swiper-slide:nth-child(8) {
    transition-delay: 1.7s
}

.active .mbox4List .swiper-slide:nth-child(9) {
    transition-delay: 1.9s
}

.fp-viewing-page5 .logo .hides {
    display: block
}

.fp-viewing-page5 .logo .shows {
    display: none
}

.fp-viewing-page5 .mBtnLine span {
    background: #3662FF
}

.mbox5 {
    padding-top: 0.4166666666666667rem
}

.mbox5List {
    margin: 0 auto;
    width: 100%;
}

.mbox5List .swiper-container {
    padding: 0.25rem 0
}

.mbox5List .swiper-slide {
    opacity: 0;
    transition: all .4s ease 0s;
    transform: translateY(100%)
}

.mbox5List .swiper-slide:nth-child(2n) {
    transform: translateY(-100%)
}

.mbox5List .swiper-slide a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
    background: rgba(122, 122, 122, .05);
    transition: all 1s ease 0s
}

.mbox5List .swiper-slide img {
    width: 100%
}

.mbox5Img {
    transition: all .7s ease 0s
}

.mbox5Mask {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background: #3662FF
}

.mbox5Hov {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: all .7s ease 0s;
    transform: scale(2)
}

.mbox5List .swiper-slide a .mbox5Img{
    transition: all .7s ease;
}

.mbox5List .swiper-slide a:hover .mbox5Img {
    transform: scale(1.2);
}

.mbox5List .swiper-slide a:hover .mbox5Hov {
    opacity: 1;
    transform: scale(1)
}

.mbox5Bot {
    position: relative;
    padding: 0.08333333333333333rem 1.6666666666666667rem
}

.mbox5Btn {
    position: absolute;
    top: 50%;
    color: #333;
    font-size: 0;
    font-family: Arial;
    cursor: pointer;
    transform: translateY(-50%)
}

.mbox5Btn i,
.mbox5Btn strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.11666666666666667rem
}

.mbox5Btn i.fa {
    color: #3662FF;
    font-size: 0.125rem
}

.mbox5Btn strong {
    padding: 0 0.041666666666666664rem
}

.mbox5Line {
    width: 1.2333333333333334rem;
    height: 1px;
    background: #d2d2d2;
    transition: width .6s ease 0s
}

.mbox5Btn:hover .mbox5Line {
    width: 0.8333333333333334rem;
    background: #3662FF
}

.swiper-button-disabled strong {
    opacity: .5
}

.swiper-button-disabled .mbox5Line {
    width: 0.8333333333333334rem
}

.swiper-button-disabled:hover .mbox5Line {
    background: #d2d2d2
}

.mbox5Prev {
    left: 0
}

.mbox5Next {
    right: 0
}

.mbox5Bot .swiper-pagination {
    position: static
}

.mbox5Bot .swiper-pagination-bullet {
    margin: 0 0.05rem;
    width: 0.2833333333333333rem;
    height: 0.025rem;
    border-radius: 0;
    background: #ccc;
    vertical-align: middle;
    opacity: 1
}

.mbox5Bot .swiper-pagination-bullet-active {
    background: #3662FF
}

.active .mbox5List .swiper-slide {
    opacity: 1;
    transition: all .8s ease .5s;
    transform: translateY(0)
}

.mbox6 {
    padding: 0.4166666666666667rem 0 0
}

.mbox6Tit {
    padding: 0 0.125rem;
    color: #FFF
}

.mbox6TitEn {
    letter-spacing: .6em;
    font-size: 0.25rem;
    font-family: Arial;
    line-height: 150%;
    opacity: 0;
    transition: all .6s ease 0s;
    transform: translateX(-50%)
}

.mbox6TitCn {
    font-size: 0.3rem;
    line-height: 150%;
    opacity: 0;
    transition: all .6s ease 0s;
    transform: translateX(50%)
}

.mbox6Text {
    position: relative;
    margin: 0.5rem auto;
    padding: 0.375rem 0.6666666666666666rem;
    max-width: 5.416666666666667rem;
    border: 1px solid rgba(255, 255, 255, .5);
    color: #a7a7a8;
    font-size: 0.13333333333333333rem;
    line-height: 0.2833333333333333rem;
    opacity: 0;
    transition: all .6s ease 0s
}

.mbox6Text:after,
.mbox6Text:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0.6666666666666666rem;
    height: 1px;
    background: rgba(255, 255, 255, .5);
    content: "";
    font-size: 0;
    transition: all .6s ease 0s;
    transform: rotate(0);
    transform-origin: left top
}

.mbox6Text:before {
    top: -0.125rem;
    left: 0.5rem
}

.mbox6Text:after {
    top: 1rem;
    left: -0.5833333333333334rem
}

.mbox6Text span {
    padding: 0 0.03333333333333333rem;
    color: #3662FF
}

.f16 {
    font-size: 0.13333333333333333rem
}

.f24 {
    font-size: 0.2rem
}

.f28 {
    font-size: 0.23333333333333334rem
}

.mbox6Top {
    position: absolute;
    top: 0;
    left: 50%;
    margin: -0.3333333333333333rem 0 0 -0.041666666666666664rem;
    width: 0.08333333333333333rem;
    height: 0.6666666666666666rem;
    color: #FFF
}

.mbox6Cir {
    display: block;
    margin: 0 auto;
    width: 0.041666666666666664rem;
    height: 0.041666666666666664rem;
    border-radius: 50%;
    background: #FFF
}

.mbox6Line {
    display: block;
    margin: 0.08333333333333333rem auto 0;
    width: 1px;
    height: 0.4166666666666667rem;
    background: #FFF
}

.mbox6Arrow {
    line-height: 0.1rem;
    animation: swing 1s linear infinite
}


.mbox6Link {
    position: absolute;
    bottom: -0.175rem;
    left: 0;
    display: block;
    margin-left: -0.6666666666666666rem;
    width: 1.3333333333333333rem;
    background: #3662FF;
    color: #fff;
    text-align: center;
    font-size: 0.13333333333333333rem;
    line-height: 0.35rem;
    opacity: 0;
    transition: all .6s ease 0s;
    animation: shake 10s linear infinite
}

.mbox6Link:focus,
.mbox6Link:hover {
    color: #FFF
}

.mbox6Bot {
    padding: 0.08333333333333333rem 0 0;
    text-align: center;
    opacity: 0;
    transition: all .6s ease 0s;
    transform: translateY(100%)
}

.mbox6Bot img {
    margin: 0 auto
}

.active .mbox6TitCn,
.active .mbox6TitEn {
    opacity: 1;
    transform: translateX(0)
}

.active .mbox6Text {
    opacity: 1;
    transition: all .6s ease .6s
}

.active .mbox6Text:after,
.active .mbox6Text:before {
    transition: all 1s ease 1s;
    transform: rotate(-45deg)
}

.active .mbox6Link {
    left: 50%;
    opacity: 1;
    transition: all 1s ease 1.5s
}

.active .mbox6Bot {
    opacity: 1;
    transition: all 1s ease 2s;
    transform: translateY(0)
}

.fp-viewing-page7 .logo .hides {
    display: block
}

.fp-viewing-page7 .logo .shows {
    display: none
}



.fp-viewing-page7 .mBtnLine span {
    background: #3662FF
}

.mbox7List {
    overflow: hidden;
    margin: 0.375rem auto;
    max-width: 11.666666666666666rem
}

.mbox7List li {
    position: relative;
    float: left;
    width: 50%;
    opacity: 0;
    height: 1.9166666666666667rem;
    transition: all .6s ease 0s;
    transform: translate(-50%, 50%)
}

.mbox7List li:nth-child(2n) {
    transform: translate(50%, -50%)
}

.mbox7List li a {
    position: relative;
    display: block;
    overflow: hidden;
    padding-left: 50%;
    height: 100%;
    min-height: 1.6666666666666667rem;
    background: #FFF;
    transition: all .5s linear 0s
}
.mbox7List li.mbox7Item a {
    padding-left: 0;
    padding-right: 50%;
}

.mbox7Img {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%
}
.mbox7List li.mbox7Item .mbox7Img {
    left: auto;
    right: 0;
}

.mbox7Text {
    padding:0.16666666666666666rem 0.125rem;
    line-height: 0.16666666666666666rem;
    text-align: left;
}
.mbox7Num{
    font-weight: 400;
    font-size: 0.175rem;
    color: #9D9D9D;
    line-height: 0.2rem;
    margin-bottom: 0.125rem;
}
.mbox7Name {
    overflow: hidden;
    color: #545454;
    font-size: 0.15rem;
    text-align: left;
    line-height: 0.20833333333333334rem;
    height: 0.4166666666666667rem;
    transition: all .5s linear 0s
}

.mbox7Time {
    font-size: 0.11666666666666667rem;
    color: #545454;
    line-height: 0.16666666666666666rem;
    text-align: left;
    transition: all .5s linear 0s
}

.mbox7Brief {
    overflow: hidden;
    height: 0.36666666666666664rem;
    color: #888;
    text-align: left;
    transition: all .5s linear 0s
}

.mbox7Ico {
    position: absolute;
    top: 0.4166666666666667rem;
    left: 50%;
    display: block;
    margin-left: -0.06666666666666667rem;
    width: 0.13333333333333333rem;
    height: 0.025rem;
    background: #3662FF;
    transition: all .5s linear 0s
}

/* .mbox7List li:nth-child(3) a,
.mbox7List li:nth-child(4) a {
    padding-right: 50%;
    padding-left: 0
}

.mbox7List li:nth-child(3) .mbox7Img,
.mbox7List li:nth-child(4) .mbox7Img {
    right: 0;
    left: auto
} */

.mbox7More {
    margin: 0 auto;
    width: 1.75rem;
    height: 0.4166666666666667rem;
    border-color: #d2d2d2;
    color: #333;
    font-size: 0.13333333333333333rem;
    line-height: 0.4rem
}

.mbox7More .mbox4MoreIco:after,
.mbox7More .mbox4MoreIco:before {
    background: #3662FF
}

.active .mbox7List li {
    opacity: 1;
    transition: all .8s ease .3s;
    transform: translate(0, 0) !important
}

.mbox8 {
    padding-top: 0.4166666666666667rem
}

.mbox8Wrap {
    margin: 0 auto;
    height: 4.083333333333333rem;
    max-width: 8.833333333333334rem;
    transform-style: preserve-3d;
    perspective: 8.333333333333334rem
}

.mbox8Left {
    float: left;
    padding: 0.3333333333333333rem 0.4166666666666667rem;
    width: 2.6666666666666665rem;
    height: 100%;
    background: rgba(0, 190, 130, .65);
    box-shadow: -0.16666666666666666rem 0 0.16666666666666666rem rgba(0, 0, 0, .2) inset;
    color: #FFF;
    transition: all 1s ease 0s;
    transform: rotateY(-80deg);
    transform-origin: right center;
    transform-style: preserve-3d
}

.mbox8LefEn {
    padding: 0.041666666666666664rem 0;
    color: #FFF;
    text-align: left;
    font-size: 0.25rem;
    font-family: Arial
}

.mbox8LefCn {
    padding: 0.041666666666666664rem 0;
    text-align: left;
    font-size: 0.14166666666666666rem
}

.mbox8Mes {
    padding: 0.25rem 0 0
}

.mbox8Mes li {
    margin-bottom: 0.041666666666666664rem
}

.mbox8Mes li input {
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    background: 0 0;
    color: #fff;
    font-size: 0.1rem;
    line-height: 0.4166666666666667rem
}

.mbox8Mes li textarea {
    margin-top: 0.08333333333333333rem;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    background: 0 0;
    color: #fff;
    font-size: 0.1rem;
    line-height: 0.25rem;
    resize: none
}

textarea::placeholder {
    color: #fff;
}

input::placeholder {
    color: #fff;
}

.mbox8MesBtn {
    display: block;
    margin-top: 0.16666666666666666rem;
    width: 0.9166666666666666rem;
    height: 0.3rem;
    border: 1px solid rgba(255, 255, 255, .5);
    color: #FFF;
    font-size: 0.10833333333333334rem;
    line-height: 0.2833333333333333rem
}

.mbox8MesBtn:focus,
.mbox8MesBtn:hover {
    color: #FFF
}

.mbox8Right {
    float: right;
    padding: 0.5rem 0.125rem 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    color: #777;
    font-size: 0.1rem;
    line-height: 0.21666666666666667rem
}

.mbox8RigEn {
    padding: 0.041666666666666664rem 0;
    color: #3662FF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.16666666666666666rem;
    font-family: Arial;
    line-height: 0.21666666666666667rem
}

.mbox8RigCn {
    margin: 0 auto;
    max-width: 2.75rem;
    color: #333;
    font-size: 0.13333333333333333rem;
    line-height: 0.25rem
}

.mbox8RigTip {
    padding: 0.25rem 0;
    color: #777;
    font-size: 0.1rem;
    line-height: 0.21666666666666667rem
}

.mbox8RigCon {
    margin: 0 auto;
    max-width: 4.333333333333333rem;
    font-size: 0
}

.mbox8RigCon li {
    padding: 0.041666666666666664rem;
    width: 33.33%;
    vertical-align: top;
    font-size: 0.10833333333333334rem;
    line-height: 0.16666666666666666rem
}

.mbox8RigIco img {
    margin: 0.08333333333333333rem auto
}

.mbox8RigBot {
    position: relative;
    margin: 0.25rem auto 0;
    max-width: 4.333333333333333rem
}

.mbox8RigBot:after,
.mbox8RigBot:before {
    position: absolute;
    top: 50%;
    display: block;
    width: 1.6666666666666667rem;
    height: 1px;
    background: #bcbcbc;
    content: "";
    font-size: 0
}

.mbox8RigBot:before {
    left: 0
}

.mbox8RigBot:after {
    right: 0
}

.mbox8RigBot li {
    position: relative;
    padding: 0 0.08333333333333333rem;
    width: 0.31666666666666665rem;
    vertical-align: top;
    text-align: center
}

.mbox8RigBot li a {
    color: #aaa;
    font-size: 0.15rem;
    transition: all .5s ease 0s
}

.mbox8Wx {
    position: absolute;
    bottom: 0.2916666666666667rem;
    left: 50%;
    display: none;
    margin-left: -0.4166666666666667rem;
    width: 0.8333333333333334rem
}

.mbox8RigBot li a:hover {
    color: #3662FF
}

.mbox8RigBot li:hover .mbox8Wx {
    display: block
}

.active .mbox8Left,
.cut .mbox8Left {
    transform: rotateY(0)
}

.footerBg {
    overflow: visible;
    background: #111;
    color: #3c3c3c
}
.footer a {
    padding: 0 0.041666666666666664rem;
    color: #cdcdcd;
    transition: all .3s ease 0s
}

.footer span {
    padding: 0 0.041666666666666664rem
}

.footer a:hover {
    color: #3662FF
}

.footCon {
    position: relative;
    padding-right: 1.6666666666666667rem
}

.copyright {
    max-width: 9rem;
    color: #cdcdcd;
    font-size: 0.10833333333333334rem;
    line-height: 0.2rem
}

.FtLogo {
    position: absolute;
    top: 50%;
    right: 0;
    max-width: 1.5833333333333333rem;
    transform: translateY(-50%)
}

.banNews {
    position: relative;
    height: 3.1666666666666665rem
}

.banNews .imgBg {
    height: 100%
}

.banCon {
    position: absolute;
    top: 40%;
    left: 0;
    padding: 0 0.125rem;
    width: 100%;
    color: #FFF
}

.banEn {
    padding: 0.08333333333333333rem 0;
    font-size: 0.3333333333333333rem;
    font-family: Arial
}

.banCn {
    font-size: 0.21666666666666667rem
}

.mainBg {
    position: relative;
    background: #F5F5F5
}

.news {
    padding: 0.5rem 0 0.3333333333333333rem
}

.newsLef {
    float: left;
    width: 69.17%
}

.newsList {
    padding: 0.14166666666666666rem 0.2833333333333333rem;
    background: #FFF
}

.newsList li {
    padding: 0.14166666666666666rem 0
}

.newsTime {
    float: left;
    width: 0.5rem
}

.newsTime span {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    color: #FFF;
    text-align: center;
    font-family: Arial;
    line-height: 0.5rem
}

.newsDate {
    margin-bottom: 1px;
    background: #3662FF;
    font-size: 0.23333333333333334rem
}

.newsMonth {
    background: #888;
    font-size: 0.15rem
}

.newsText {
    position: relative;
    margin-left: 0.7083333333333334rem
}

.newsLine {
    position: absolute;
    top: 0.23333333333333334rem;
    left: -0.1rem;
    z-index: 1;
    width: 0.2rem;
    height: 0.016666666666666666rem;
    background: #3662FF;
    font-size: 0
}

.newsImg {
    position: relative;
    overflow: hidden
}

.newsImg a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%
}

.newsImg img {
    width: 100%;
    transition: all .8s ease 0s
}

.newsTitBg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .75), rgba(0, 0 0, 0) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom, rrgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 100%)
}

.newsImg a:hover img {
    transform: scale(1.02)
}

.newsTit {
    position: absolute;
    bottom: 0.08333333333333333rem;
    left: 0;
    padding: 0.08333333333333333rem 4%;
    width: 100%;
    color: #fff;
    font-size: 0.18333333333333332rem;
    line-height: 120%
}

.newsBrief {
    padding: 0.125rem 0;
    color: #777;
    font-size: 0.10833333333333334rem;
    line-height: 0.2rem
}

.newsTabLef {
    float: left;
    margin: 0 -0.06666666666666667rem
}

.newsTabLef li {
    position: relative;
    padding: 0 0.06666666666666667rem
}

.newsTabLef li:after {
    position: absolute;
    top: 50%;
    right: -0.016666666666666666rem;
    display: block;
    margin-top: -0.016666666666666666rem;
    width: 0.025rem;
    height: 0.025rem;
    border-radius: 50%;
    background: #aaa;
    content: ""
}

.newsTabLef li:last-child:after {
    display: none
}

.newsTabLef li a {
    padding-bottom: 0.016666666666666666rem;
    border-bottom: 1px dotted #AAA;
    color: #aaa;
    font-size: 0.11666666666666667rem;
    line-height: 0.21666666666666667rem;
    transition: all .4s ease 0s
}

.newsTabLef li a:hover {
    color: #3662FF;
    border-bottom-color: #3662FF
}



.newsLoad {
    margin: 0.3333333333333333rem auto 0;
    width: 1.6666666666666667rem;
    height: 0.38333333333333336rem;
    background: #e2e2e2;
    color: #888;
    font-size: 0.11666666666666667rem;
    line-height: 0.38333333333333336rem;
    line-height: 0.38333333333333336rem
}

.newsLoad .mbox4MoreIco:after,
.newsLoad .mbox4MoreIco:before {
    background: #888
}

.newsRig {
    float: right;
    padding: 0.08333333333333333rem 0.2833333333333333rem;
    width: 28.33%;
    background: #FFF
}

.newsRigTit {
    padding: 0.16666666666666666rem 0;
    color: #333;
    font-size: 0.18333333333333332rem
}

.newsRig .newsTit {
    position: static;
    padding: 0.08333333333333333rem 0 0.041666666666666664rem;
    color: #666;
    font-size: 0.125rem;
    line-height: 0.18333333333333332rem
}

.newsRig .newsTit:hover {
    color: #3662FF
}

.newsRigBot {
    padding: 0 0 0.125rem;
    color: #bbb;
    font-size: 0.10833333333333334rem
}

.newsRigTime {
    float: left
}

.newsRigTime i {
    padding-right: 0.041666666666666664rem
}



.banShare {
    position: absolute;
    top: -0.425rem;
    overflow: hidden;
    width: 100%;
    height: 0.425rem;
    border-top: 1px solid rgba(255, 255, 255, .3)
}

.banShareIco {
    float: left;
    margin: 0;
    border-left: 1px solid rgba(255, 255, 255, .3);
    font-size: 0
}

.banShareIco li {
    position: relative;
    margin-right: -1px;
    padding: 0;
    border-right: 1px solid rgba(255, 255, 255, .3)
}

.banShareIco>li>a {
    display: block;
    width: 0.4166666666666667rem;
    height: 0.4166666666666667rem;
    background-position: center center;
    background-repeat: no-repeat
}



.banShareList {
    position: absolute;
    top: 0;
    left: 100%;
    overflow: hidden;
    width: 0;
    height: 0.4166666666666667rem;
    white-space: nowrap;
    transition: all .6s ease 0s
}

.banShareList.active {
    padding: 0 0.125rem;
    width: 1.925rem;
    border-right: 1px solid rgba(255, 255, 255, .3)
}

.banShareList a {
    display: inline-block;
    width: 0.3333333333333333rem;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle
}



.banPage {
    float: right;
    height: 100%;
    font-size: 0
}

.banPage a {
    display: inline-block;
    margin-left: -1px;
    width: 0.4166666666666667rem;
    height: 0.4166666666666667rem;
    border-left: 1px solid rgba(255, 255, 255, .3);
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle
}



.banPage a:hover,
.banShareIco>li>a:hover {
    background-color: #3662FF;
    transition: all .6s ease 0s
}


.newsTop {
    overflow: hidden;
    padding: 0.4166666666666667rem 0 0
}

.newsName {
    padding: 0.25rem 0.125rem;
    color: #333;
    font-size: 0.23333333333333334rem;
    line-height: 120%
}

.newsTime2 {
    margin: 0 -0.08333333333333333rem;
    padding: 0.11666666666666667rem 0.125rem;
    border: 1px solid #dbdbdb;
    border-right: none;
    border-left: none;
    color: #999;
    font-size: 0;
    line-height: 0.18333333333333332rem
}

.newsTime2 span {
    display: inline-block;
    padding: 0 0.08333333333333333rem;
    vertical-align: middle;
    font-size: 0.1rem
}

.newsTime2 i {
    padding-right: 0.06666666666666667rem
}

.newsCon {
    padding: 0.25rem 0 0;
    color: #666;
    font-size: 0.11666666666666667rem;
    line-height: 0.26666666666666666rem
}

.newsCon p {
    text-indent: 2em
}

.newsCon img {
    margin: 0 auto;
    height: auto !important;
    max-width: 100% !important
}




.pageBox {
    padding-bottom: 0.25rem;
    line-height: 0.3rem
}

.pagerBox {
    position: relative;
    overflow: hidden;
    border: 1px solid #dbdbdb;
    border-right: none;
    border-left: none
}

.pagerNext,
.pagerPrev {
    position: relative;
    overflow: hidden;
    width: 50%;
    line-height: 0.5833333333333334rem
}

.pagerPrev {
    float: left;
    padding-right: 0.3333333333333333rem;
    padding-left: 0.5rem
}

.pagerNext {
    float: right;
    padding-right: 0.5rem;
    padding-left: 0.3333333333333333rem;
    text-align: right
}

.pagerTit {
    position: absolute;
    top: 1px;
    color: #777;
    text-transform: uppercase;
    font-size: 0.11666666666666667rem;
    line-height: 0.5833333333333334rem
}

.pagerPrev .pagerTit {
    left: 0
}

.pagerNext .pagerTit {
    right: 0
}

.pagerNext a,
.pagerPrev a {
    display: inline-block;
    max-width: 100%;
    color: #777;
    vertical-align: middle
}

.pagerNext a:hover,
.pagerPrev a:hover {
    color: #cf1610
}

.pagerList {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    display: block;
    margin-left: -0.3rem;
    padding: 0.25rem 0 0;
    width: 0.6rem;
    height: 100%;
    border: 1px solid #dbdbdb;
    border-top: none;
    border-bottom: none;
    transition: all .5s ease 0s
}

.pagerList span {
    display: block;
    margin: 0 auto;
    width: 0.16666666666666666rem;
    height: 0.016666666666666666rem;
    background: #aaa;
    transition: all .5s ease 0s
}

.pagerList span:first-child+span {
    margin: 0.025rem auto
}

.pagerList:hover {
    background: #cf1610
}

.pagerList:hover span {
    background: #FFF
}

.pagerList:hover span:first-child+span {
    width: 0.25rem
}

.hotNews {
    overflow: hidden;
    padding: 0 3% 0.4166666666666667rem
}

.hotNewsTit {
    overflow: hidden;
    padding-bottom: 0.08333333333333333rem
}

.hotNewsH2 {
    float: left;
    color: #333;
    font-size: 0.21666666666666667rem;
    line-height: 0.21666666666666667rem
}


.hotNewsList {
    margin: 0 -0.1rem
}

.hotNewsList li {
    padding: 0.1rem
}

.hotNewsList li a {
    display: block;
    height: 100%;
    color: #999;
    font-size: 0.1rem;
    line-height: 0.18333333333333332rem
}

.hotNewsImg {
    position: relative;
    overflow: hidden
}

.hotNewsImg img {
    transition: all .8s ease 0s
}

.hotNewsText {
    padding: 0.125rem 5%;
    background: #FFF
}

.hotNewsTime {
    color: #bbb;
    line-height: 0.3rem
}

.hotNewsName {
    color: #333;
    font-size: 0.125rem;
    line-height: 0.18333333333333332rem;
    transition: all .6s ease 0s
}

.hotNewsLine {
    display: block;
    margin: 0.08333333333333333rem 0;
    width: 0.16666666666666666rem;
    height: 1px;
    background: #3662FF;
    transition: all .6s ease 0s
}

.hotNewsBrief {
    overflow: hidden;
    margin: 0.08333333333333333rem 0;
    height: 0.36666666666666664rem
}

.readMore {
    display: block;
    color: #333;
    text-transform: uppercase;
    font-family: Arial;
    transition: all .6s ease 0s
}

.hotNewsList li a:hover .hotNewsImg img {
    transform: scale(1.05) rotate(1deg)
}

.hotNewsList li a:hover .hotNewsName {
    color: #3662FF
}

.hotNewsList li a:hover .hotNewsLine {
    width: 0.3333333333333333rem
}

.hotNewsList li a:hover .readMore {
    color: #3662FF
}

.caseFenLei {
    margin: 0 -0.08333333333333333rem
}

.caseFenLei li {
    padding: 0 0.08333333333333333rem
}

.caseFenLei li a {
    display: block;
    color: #FFF;
    line-height: 0.4166666666666667rem;
    transition: all .5s ease 0s
}

.caseFenLei li a.active,
.caseFenLei li a:hover {
    color: #ff0400
}

.caseBox {
    padding: 0.4rem 3%
}

.caseList {
    margin: 0 -.6%
}

.caseList li {
    padding: 0.1rem .6%
}

.caseList li a {
    display: block;
    overflow: hidden;
    height: 100%;
    transition: all .5s ease 0s
}

.caseImg {
    position: relative;
    overflow: hidden;
    padding-bottom: 67.6%;
    height: 0
}

.caseImg .imgBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .5s ease 0s
}

.caseBrief {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.08333333333333333rem 7%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    color: #FFF;
    font-size: 0.11666666666666667rem;
    line-height: 0.25rem;
    transition: all .5s ease 0s;
    transform: translateY(100%)
}

.caseText {
    overflow: hidden;
    padding: 0.15833333333333333rem 7%;
    background: #FFF
}


.caseTit {
    color: #333;
    font-size: 0.13333333333333333rem;
    line-height: 0.21666666666666667rem
}

.caseList li a:hover {
    box-shadow: 0 0 0.125rem rgba(0, 0, 0, .15)
}

.caseList li a:hover .imgBg {
    transform: scale(1.05) rotate(-1deg)
}

.caseList li a:hover .caseBrief {
    transform: translateY(0)
}

.hotNewsList li a:hover .imgBg {
    transform: scale(1.05) rotate(-1deg)
}

.hotNewsList li a:hover .caseBrief {
    transform: translateY(0)
}


.banCase {
    height: 4.833333333333333rem
}

.banCaseCon {
    position: absolute;
    bottom: 0.75rem;
    left: 50%;
    margin: 0 auto;
    width: 94%;
    max-width: 11.666666666666666rem;
    transform: translateX(-50%)
}

.banCaseCon .container {
    padding: 0;
    width: 100%
}

.banCaseLine {
    display: block;
    margin-bottom: 0.08333333333333333rem;
    width: 0.6rem;
    height: 0.03333333333333333rem;
    background: #ff0603
}

.banCaseTit {
    padding: 0.16666666666666666rem 0;
    color: #FFF;
    font-size: 0.3rem
}

.banCaseCon .newsTabLef {
    float: none
}

.banCaseCon .newsTabLef a {
    color: #FFF
}

.caseShare .container {
    margin: 0 auto;
    padding: 0;
    width: 94%;
    max-width: 11.666666666666666rem
}

.caseConBg {
    margin: 0 auto;
    padding: 0.5rem 0;
    width: 94%;
    max-width: 11.666666666666666rem
}

.caseCon {
    padding: 0.3333333333333333rem 0.25rem;
    background: #FFF
}

.caseCon img {
    display: inline-block;
    margin: 0 auto;
    height: auto !important;
    max-width: 100% !important;
    vertical-align: middle
}

.banContact {
    height: 5.833333333333333rem
}

.contactBg {
    overflow: hidden;
    padding: 0.75rem 0
}

.conTit {
    overflow: hidden;
    padding-bottom: 0.16666666666666666rem;
    line-height: 0.21666666666666667rem
}

.conH2 {
    float: left;
    color: #3662FF;
    font-size: 0.21666666666666667rem;
    line-height: 0.21666666666666667rem
}

.conTip {
    float: right;
    color: #777;
    font-size: 0.11666666666666667rem
}

.conTop {
    padding-bottom: 0.5rem
}

.conLef {
    float: left;
    width: 60%
}

.conText {
    color: #777;
    font-size: 0.11666666666666667rem;
    line-height: 0.23333333333333334rem
}

.conText strong {
    padding-right: 0.16666666666666666rem;
    color: #555;
    font-size: 0.13333333333333333rem
}

.conTextLef,
.conTextRig {
    max-width: 2.6666666666666665rem
}

.conTextRig {
    line-height: 0.3333333333333333rem
}

.conRig {
    float: right;
    width: 40%
}

.mesList li {
    padding-bottom: 0.16666666666666666rem
}

.mesInput {
    padding: 0.125rem 0 0.041666666666666664rem;
    width: 100%;
    border: none;
    border-bottom: 1px solid #cacaca;
    background: 0 0;
    line-height: 0.2rem
}

.mesBtn {
    display: block;
    margin-top: 0.08333333333333333rem;
    height: 0.3rem;
    max-width: 0.9166666666666666rem;
    background: #3662FF;
    color: #FFF;
    text-align: center;
    font-size: 0.10833333333333334rem;
    line-height: 0.3rem
}

.joinList li {
    position: relative;
    margin: 0.125rem 0;
    padding: 0.31666666666666665rem 2.0833333333333335rem 0.31666666666666665rem 2.7083333333333335rem;
    background: #FFF
}

.joinText {
    overflow: hidden;
    padding-left: 0.5416666666666666rem;
    height: 0.75rem;
    border-left: 1px solid #eee;
    color: #888;
    font-size: 0.11666666666666667rem;
    line-height: 0.25rem
}

.joinCon {
    padding-bottom: 0.125rem
}

.joinTip {
    color: #3662FF;
    font-size: 0.10833333333333334rem;
    line-height: 0.18333333333333332rem
}

.joinBtn,
.joinIco,
.joinInfo,
.joinTit {
    position: absolute
}

.joinTit {
    top: 0.5rem;
    left: 0;
    padding-left: 0.75rem;
    width: 2.7083333333333335rem
}

.joinName {
    color: #333;
    font-size: 0.2rem
}

.joinNameEn {
    color: #3662FF;
    font-size: 0.11666666666666667rem;
    font-family: Arial;
    line-height: 200%
}

.joinInfo {
    top: 1.5833333333333333rem;
    left: 0;
    display: none;
    padding-left: 0.75rem;
    width: 2.7083333333333335rem;
    color: #888;
    font-size: 0.11666666666666667rem;
    line-height: 0.25rem
}

.joinIco {
    top: 0.4166666666666667rem;
    right: 0;
    width: 2.0833333333333335rem
}

.joinIco img {
    margin: 0 auto
}

.joinBtn {
    top: 0.5833333333333334rem;
    right: -0.125rem;
    width: 0.25rem;
    height: 0.25rem;
    background: #3662FF;
    cursor: pointer
}

.joinBtn span {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #FFF;
    transform: translate(-50%, -50%)
}

.joinBtn span:first-child {
    width: 0.1rem;
    height: 1px
}

.joinBtn span:last-child {
    width: 1px;
    height: 0.1rem;
    transition: all .5s ease 0s
}

.joinList li.active {
    min-height: 2.5rem
}

.joinList li.active .joinText {
    height: auto
}

.joinList li.active .joinInfo {
    display: block
}

.joinList li.active .joinBtn span:last-child {
    height: 0
}

.newsLoad {
    display: none
}

#pages {
    padding: 0.25rem 0 0;
    text-align: center
}

#pages a,
#pages span {
    display: inline-block;
    padding: 0.041666666666666664rem 0.08333333333333333rem;
    border: 1px solid #333;
    color: #333;
    vertical-align: middle
}

#pages span {
    border: 1px solid #3662FF;
    background: #3662FF;
    color: #FFF
}

@media (min-width:10.5rem) {
    .container {
        width: 10.25rem
    }
}

@media (max-width:13.333333333333334rem) {
    .menuBg {
        width: 0.4166666666666667rem
    }

    .mOnLineCon {
        right: 0.4166666666666667rem
    }

    .onLineWx .mOnLineCon {
        width: 0.8333333333333334rem
    }

    .mbox {
        margin-right: 0.4166666666666667rem
    }

    .headerBg {
        padding: 0.20833333333333334rem
    }

    .navTop {
        padding: 0.20833333333333334rem
    }

    .navBot {
        padding-top: 0.6666666666666666rem
    }

    .navEn {
        font-size: 0.2rem
    }

    .navCn,
    .navTel {
        font-size: 0.15rem
    }

    .navList li.text-right {
        padding: 0.4166666666666667rem 0 0
    }

    #navPage li {
        padding-left: 0.20833333333333334rem
    }

    #navPage li.active:first-child:after {
        width: 0.6666666666666666rem
    }

    #navPage li:first-child+li.active:after {
        width: 0.6666666666666666rem
    }

    #navPage li:first-child+li+li.active:after {
        width: 0.7916666666666666rem
    }

    #navPage li:first-child+li+li+li.active:after {
        width: 0.5833333333333334rem
    }

    #navPage li:first-child+li+li+li+li.active:after {
        width: 0.9583333333333334rem
    }

    #navPage li:first-child+li+li+li+li+li.active:after {
        width: 0.8333333333333334rem
    }

    #navPage li:first-child+li+li+li+li+li+li.active:after {
        width: 0.6666666666666666rem
    }

    #navPage li:first-child+li+li+li+li+li+li+li.active:after {
        width: 0.8333333333333334rem
    }

    .welcome {
        width: 2.0833333333333335rem;
        height: 0.4666666666666667rem;
        line-height: 0.4666666666666667rem
    }

    .banText2 {
        margin: -2.25rem 0 0 -2.25rem;
        width: 4.5rem;
        height: 4.5rem
    }

    .banImg3 {
        margin: 0.3333333333333333rem auto 0
    }

    .mbox2TitEn {
        font-size: 0.26666666666666666rem
    }

    .mbox2TitCn {
        font-size: 0.2rem
    }

    .mbox2Brief {
        margin: 0.08333333333333333rem 0
    }

    .mbox2Num {
        margin: 0.16666666666666666rem -0.16666666666666666rem
    }

    .mbox2NumSp {
        font-size: 0.2833333333333333rem
    }

    .mbox2Bot {
        padding: 0.20833333333333334rem 0.125rem 0.125rem
    }

    .mbox2Bot:after {
        right: -0.8333333333333334rem;
        width: 0.8333333333333334rem
    }

    .mbox2BotH3 {
        font-size: 0.11666666666666667rem;
        line-height: 0.25rem
    }

    .mbox2More .welcome {
        width: 1.6666666666666667rem;
        height: 0.36666666666666664rem;
        line-height: 0.36666666666666664rem
    }

    .mbox3 {
        margin: 0 auto;
        max-width: 8.333333333333334rem
    }

    .mbox3Tit {
        margin-bottom: 0.16666666666666666rem;
        margin-left: 0.8333333333333334rem
    }

    .mbox3LefItem li {
        padding-bottom: 0.16666666666666666rem
    }

    .mbox3LefItem li:after {
        left: 0.11666666666666667rem;
        height: 0.16666666666666666rem
    }

    .mbox3LefItem li a {
        padding: 0.025rem 0
    }

    .mbox3Ico {
        width: 0.25rem
    }

    .mbox3H3 {
        margin: 0;
        font-size: 0.11666666666666667rem
    }

    .mbox3Line {
        margin: 0.05rem 0.08333333333333333rem 0
    }

    .mbox3LefItem li.active a .mbox3Line {
        width: 0.5416666666666666rem
    }

    .mbox3Rig {
        min-height: 1.5833333333333333rem
    }

    .box3RigText {
        right: 0.3333333333333333rem;
        bottom: 0.3333333333333333rem;
        padding: 0.20833333333333334rem 0.3333333333333333rem
    }

    .mbox4LefItem {
        margin: 0.08333333333333333rem 0 0.16666666666666666rem
    }

    .mbox4LefItem li a {
        padding: 0.041666666666666664rem 0
    }

    .mbox4List {
        padding: 0.4166666666666667rem
    }

    .mbox4List .swiper-slide {
        padding: 0.08333333333333333rem
    }

    .mbox4Text {
        padding: 0.041666666666666664rem 0.08333333333333333rem
    }

    .mbox5List .swiper-container {
        padding: 0.16666666666666666rem 0 0.08333333333333333rem
    }

    .mbox6TitEn {
        font-size: 0.2rem
    }

    .mbox6TitCn {
        font-size: 0.23333333333333334rem
    }

    .f16 {
        font-size: 0.11666666666666667rem
    }

    .f24 {
        font-size: 0.16666666666666666rem
    }

    .f28 {
        font-size: 0.2rem
    }

    .mbox6Text {
        margin: 0.4166666666666667rem auto;
        padding: 0.20833333333333334rem 0.125rem
    }

    .mbox6Text:before {
        top: 0;
        left: 0
    }


    .mbox8Wrap {
        height: 3.5833333333333335rem
    }

    .mbox8Mes {
        padding: 0.16666666666666666rem 0 0
    }

    .mbox8Right {
        padding: 0.3333333333333333rem 0.125rem 0
    }

    .footer {
        padding: 0.125rem
    }

    .banNews {
        height: 2.9166666666666665rem
    }

    .banEn {
        font-size: 0.26666666666666666rem
    }

    .banCn {
        font-size: 0.16666666666666666rem
    }

    .news {
        padding: 0.3333333333333333rem 0 0.25rem
    }

    .newsList {
        padding: 0.125rem 0.20833333333333334rem
    }

    .newsRig {
        padding: 0.08333333333333333rem 0.20833333333333334rem
    }

    .newsLoad {
        margin: 0.25rem auto 0
    }

    .newsTop {
        padding: 0.25rem 0 0
    }

    .newsName {
        padding: 0.16666666666666666rem 0.125rem;
        font-size: 0.2rem
    }

    .hotNewsH2 {
        font-size: 0.18333333333333332rem
    }

    .hotNewsList {
        margin: 0 -0.05rem
    }

    .hotNewsList li {
        padding: 0.05rem
    }

    .hotNewsText {
        padding: 0.08333333333333333rem
    }

    .hotNewsTime {
        line-height: 0.21666666666666667rem
    }

    .caseBox {
        padding: 0.25rem 2%
    }

    .caseList {
        margin: 0 -.5%
    }

    .caseList li {
        padding: 0.041666666666666664rem .5%
    }

    .caseBrief {
        padding: 0.041666666666666664rem 5%
    }

    .caseText {
        padding: 0.11666666666666667rem 5%
    }

    .caseTit {
        font-size: 0.11666666666666667rem
    }

    .banCase {
        height: 4.583333333333333rem
    }

    .banCaseTit {
        padding: 0.125rem 0;
        font-size: 0.26666666666666666rem
    }

    .caseConBg {
        padding: 0.3333333333333333rem 0
    }

    .caseCon {
        padding: 0.25rem 0.16666666666666666rem
    }

    .banContact {
        height: 4.583333333333333rem
    }

    .contactBg {
        padding: 0.5rem 0
    }

    .conTop {
        padding-bottom: 0.25rem
    }

    .conTit {
        padding-bottom: 0.08333333333333333rem
    }

    .conH2 {
        font-size: 0.18333333333333332rem
    }

    .joinList li {
        padding: 0.25rem 1.25rem 0.25rem 2.3333333333333335rem
    }
}

@media (max-width:11.666666666666666rem) {
    .navEn {
        font-size: 0.16666666666666666rem
    }

    .navCn,
    .navTel {
        font-size: 0.13333333333333333rem
    }

    .navList li.text-right {
        line-height: 0.23333333333333334rem
    }

    .navBotCon {
        bottom: 0.125rem
    }

    .banText2 {
        margin: -1.6666666666666667rem 0 0 -1.6666666666666667rem;
        width: 3.3333333333333335rem;
        height: 3.3333333333333335rem
    }

    .mbox2Text {
        padding: 0.3333333333333333rem 0.125rem 0
    }

    .mbox2TitEn {
        font-size: 0.23333333333333334rem;
        line-height: 100%
    }

    .mbox2TitCn {
        font-size: 0.16666666666666666rem;
        line-height: 100%
    }

    .mbox2Brief {
        max-height: 0.43333333333333335rem
    }

    .mbox2Num {
        margin: 0.08333333333333333rem -0.08333333333333333rem
    }

    .mbox2NumSp {
        font-size: 0.21666666666666667rem
    }

    .mbox2Num li p {
        display: inline
    }

    .mbox2Img {
        display: none
    }

    .mbox2Bot {
        padding: 0.041666666666666664rem
    }

    .mbox3 {
        max-width: 7.5rem
    }

    .mbox3Tit {
        margin-left: 0.3333333333333333rem
    }

    .mbox3H4 {
        font-size: 0.16666666666666666rem;
        line-height: 110%
    }

    .box3RigImg img {
        max-width: 65%
    }

    .box3RigText {
        padding: 0.20833333333333334rem
    }

    .mbox4List {
        padding: 0.4166666666666667rem 0.20833333333333334rem 0.20833333333333334rem
    }

    .mbox4List .swiper-slide {
        padding: 0.041666666666666664rem
    }

    .mbox4More {
        width: 1.0833333333333333rem;
        height: 0.2833333333333333rem;
        line-height: 0.2833333333333333rem
    }

    .mbox5List {
        max-width: 70%
    }

    .mbox6TitEn {
        font-size: 0.18333333333333332rem
    }

    .mbox6TitCn {
        font-size: 0.2rem
    }

    .mbox6Text {
        margin: 0.3333333333333333rem auto;
        padding: 0.2916666666666667rem;
        max-width: 4.666666666666667rem;
        font-size: 0.11666666666666667rem;
        line-height: 0.25rem
    }

    .mbox6Text:after,
    .mbox6Text:before {
        width: 0.5rem
    }

    .mbox6Text:after {
        top: 0.8333333333333334rem;
        left: -0.5rem
    }

    .mbox6Link {
        bottom: -0.15833333333333333rem;
        margin-left: -0.5833333333333334rem;
        width: 1.1666666666666667rem;
        line-height: 0.31666666666666665rem
    }

    .mbox7More {
        width: 1.5rem;
        height: 0.3rem;
        font-size: 0.11666666666666667rem;
        line-height: 0.3rem
    }

    .mbox8Wrap {
        height: 3.1666666666666665rem;
        max-width: 7rem
    }

    .mbox8Left {
        padding: 0.16666666666666666rem 0.25rem;
        width: 2.0833333333333335rem
    }

    .mbox8LefEn {
        font-size: 0.2rem
    }

    .mbox8LefCn {
        padding: 0;
        font-size: 0.13333333333333333rem
    }

    .mbox8Mes {
        padding: 0.16666666666666666rem 0 0
    }

    .mbox8Right {
        padding: 0.25rem 0.125rem 0;
        width: 4.916666666666667rem
    }

    .mbox8RigTip {
        padding: 0.16666666666666666rem 0
    }

    .mbox8RigCn {
        max-width: 2.4166666666666665rem;
        font-size: 0.11666666666666667rem;
        line-height: 0.18333333333333332rem
    }

    .mbox8RigEn {
        font-size: 0.15rem;
        line-height: 0.2rem
    }

    .mbox8RigBot {
        margin: 0.08333333333333333rem auto 0
    }

    .footCon {
        padding-right: 1.3333333333333333rem
    }

    .FtLogo {
        max-width: 1.25rem
    }

    .joinList {
        padding: 0 0.125rem 0 0
    }
}

@media (max-width:10rem) {
    .menuBg {
        position: static;
        padding: 0;
        width: auto;
        height: auto
    }

    .menuBtn {
        position: absolute;
        top: 0.16666666666666666rem;
        right: 0.16666666666666666rem;
        z-index: 2
    }

    .menuBtn img {
        display: none
    }

    .mBtnLine {
        width: 0.16666666666666666rem;
        text-align: left
    }

    .mBtnLine span {
        width: 100%;
        height: 0.016666666666666666rem;
        background: #FFF
    }

    .mBtnLine span:nth-child(2) {
        margin: 0.041666666666666664rem 0;
        width: 80%
    }

    .mOnLine {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
        width: 0.4166666666666667rem
    }

    .header {
        margin-right: 0.4166666666666667rem
    }

    .mbox {
        margin-right: 0
    }

    #navPage {
        display: none
    }

    .navBot {
        padding-bottom: 1.25rem
    }

    .navList {
        overflow-y: auto;
        padding: 0.08333333333333333rem 0 0
    }

    .navList li {
        float: none;
        width: 100%;
        height: auto
    }

    .navList li a,
    .navList li a:hover {
        padding: 0.041666666666666664rem 0.125rem;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, .08)
    }

    .navList li a span {
        display: inline-block;
        vertical-align: middle;
        font-size: 0.11666666666666667rem
    }

    .navEn {
        padding-right: 0.08333333333333333rem;
        min-width: 0.5833333333333334rem
    }

    .navList li.text-right {
        padding: 0.041666666666666664rem 0.125rem;
        width: 100%;
        line-height: 0.2rem
    }

    .navBotCon {
        position: static;
        padding: 0 0.125rem 0.125rem;
        width: 100%
    }

    .banText3 {
        max-width: 90%
    }

    .box2ImgBg {
        width: 100%;
        opacity: .1
    }


    .mbox2Text {
        position: relative;
        z-index: 1;
        padding: 0.3333333333333333rem 0.125rem 0;
        width: 100%
    }

    .mbox2Text .mbox2TitEn {
        font-size: 0.31666666666666665rem;
        line-height: 120%
    }

    .mbox2Text .mbox2TitCn {
        font-size: 0.2rem;
        line-height: 120%
    }

    .mbox2Brief {
        max-height: 0.43333333333333335rem
    }

    .mbox2Num {
        margin: 0 -0.08333333333333333rem
    }

    .mbox2NumSp {
        font-size: 0.15rem
    }

    .mbox2Num li p {
        display: inline
    }

    .mbox2Img {
        display: none
    }

    .mbox2Bot {
        padding: 0.041666666666666664rem
    }

    .mbox3 {
        padding: 0;
        width: 100%;
        max-width: 100%
    }

    .mbox3Lef {
        float: none;
        padding-bottom: 0;
        width: 100%
    }

    .mbox3LefCon {
        display: none
    }

    .mbox3Rig {
        float: none;
        overflow: hidden;
        width: 100%
    }

    .mbox3Tit .mbox2TitEn {
        font-size: 0.2rem
    }

    .mbox3Tit .mbox2TitCn {
        font-size: 0.15rem
    }

    .mbox3H4 img {
        display: inline !important;
        max-width: 0.20833333333333334rem
    }

    .box3RigText {
        position: relative;
        right: auto;
        bottom: auto;
        background: rgba(255, 255, 255, .9)
    }

    .box3RigImg {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%)
    }

    .box3RigImg img {
        float: none;
        width: 100%;
        max-width: 100%
    }

    .fp-viewing-page4 .logo img.shows {
        display: none
    }

    .fp-viewing-page4 .logo img.hides {
        display: block
    }

    .fp-viewing-page4.active .logo img.shows {
        display: block
    }

    .fp-viewing-page4.active .logo img.hides {
        display: none
    }

    .mbox4LefBtn {
        position: absolute;
        top: 0.43333333333333335rem;
        left: 0.1rem;
        z-index: 3;
        width: 0.25rem;
        height: 0.25rem;
        border-radius: 0.016666666666666666rem;
        background: #3662FF;
        color: #fff;
        text-align: center;
        font-size: 0.15rem;
        line-height: 0.25rem;
        cursor: pointer
    }

    .mbox4Lef {
        left: -2.0833333333333335rem;
        z-index: 2;
        width: 2.0833333333333335rem;
        transition: all .6s ease 0s;
        padding-left:0;
    }

    .mbox4Lef.active {
        left: 0
    }

    .mbox4LefCon {
        padding-left: 0.25rem
    }

    .mbox4 {
        margin: 0
    }

    .mbox5List {
        max-width: 90%
    }

    .mbox5Bot {
        padding: 0 0.4166666666666667rem
    }

    .mbox5Btn .mbox5Line {
        display: none
    }

    .mbox5Bot .swiper-pagination-bullet {
        margin: 0 0.016666666666666666rem;
        width: 0.16666666666666666rem;
        height: 0.016666666666666666rem
    }

    .mbox7List li {
        width: 100%
    }

    .mbox7List li:nth-child(2) a {
        padding-right: 50%;
        padding-left: 0
    }

    .mbox7List li:nth-child(3) a {
        padding-right: 0;
        padding-left: 50%
    }

    .mbox7List li:nth-child(2) .mbox7Img {
        right: 0;
        left: auto
    }

    .mbox7List li:nth-child(3) .mbox7Img {
        right: auto;
        left: 0
    }

    .mbox8Wrap {
        padding: 0 0.125rem;
        height: auto;
        max-width: 100%
    }

    .mbox8Left {
        float: none;
        width: 100%;
        box-shadow: none;
        transform: rotateY(0)
    }

    .mbox8Right {
        float: none;
        padding: 0.125rem;
        width: 100%;
        transform: rotateY(0)
    }

    .footCon {
        padding: 0;
        text-align: center
    }

    .copyright {
        padding-bottom: 0.08333333333333333rem;
        text-align: center
    }

    .FtLogo {
        position: static;
        margin: 0 auto;
        transform: translateY(0)
    }

    .banNews {
        height: 2.1666666666666665rem
    }

    .banEn {
        padding: 0.041666666666666664rem 0;
        font-size: 0.21666666666666667rem
    }

    .banCn {
        font-size: 0.14166666666666666rem
    }

    .news {
        padding: 0.25rem 0
    }

    .newsLef,
    .newsRig {
        float: none;
        width: 100%
    }

    .newsLoad {
        margin: 0.20833333333333334rem auto
    }

    .newsRigTit {
        padding: 0.08333333333333333rem 0;
        font-size: 0.15rem
    }

    .newsRigList {
        overflow: hidden;
        margin: 0 -0.041666666666666664rem
    }

    .newsRigList li {
        float: left;
        padding: 0.041666666666666664rem;
        width: 50%
    }

    .newsRigList li:nth-child(5) {
        display: none
    }

    .newsRigBot {
        padding-bottom: 0
    }

    .newsName {
        padding: 0.08333333333333333rem 0.125rem;
        font-size: 0.18333333333333332rem
    }

    .newsCon {
        line-height: 0.25rem
    }


    .hotNewsList li:nth-child(4) {
        display: block
    }

    .banCase {
        height: 3rem
    }

    .banCaseCon {
        bottom: 0.5833333333333334rem
    }

    .banCaseLine {
        margin-bottom: 0.041666666666666664rem;
        width: 0.3333333333333333rem;
        height: 0.016666666666666666rem
    }

    .banCaseTit {
        font-size: 0.18333333333333332rem
    }

    .banContact {
        height: 2.8333333333333335rem
    }

    .contactBg {
        padding: 0.25rem 0
    }

    .conTop {
        padding-bottom: 0.08333333333333333rem
    }

    .conTit {
        padding: 0.08333333333333333rem 0
    }

    .conLef,
    .conRig {
        float: none;
        width: 100%
    }

    .conLef {
        padding-bottom: 0.08333333333333333rem
    }

    .conH2,
    .conTip {
        float: none;
        display: block;
        width: 100%
    }

    .joinList li {
        margin: 0.08333333333333333rem 0;
        padding: 0.125rem 0.08333333333333333rem 0.08333333333333333rem
    }

    .joinTit {
        position: static;
        padding-left: 0;
        width: 90%
    }

    .joinInfo {
        position: static;
        margin: 0 -0.041666666666666664rem;
        padding-bottom: 0.08333333333333333rem;
        padding-left: 0;
        width: 100%
    }

    .joinInfo p {
        display: inline-block;
        padding: 0 0.041666666666666664rem;
        vertical-align: middle
    }

    .joinText {
        padding-left: 0;
        height: 0;
        border: none
    }

    .joinIco {
        top: 0.16666666666666666rem;
        width: 0.8333333333333334rem
    }

    .joinIco img {
        max-width: 40%
    }

    .joinBtn {
        top: 0.20833333333333334rem
    }

    #pages {
        padding: 0.16666666666666666rem 0
    }
}

@media (max-width:6.391666666666667rem) {
    .banImg3 {
        margin: 0.16666666666666666rem auto 0
    }

    .swiper-slide-active .banBg3:after {
        width: 100%
    }

    .mbox7List {
        padding: 0 0.125rem;
        max-width: 100%
    }

    .mbox7Img {
        width: 30%
    }

    .mbox7List li a {
        min-height: 0
    }

    .mbox7List li:nth-child(2n) a {
        padding-right: 30%;
        padding-left: 0
    }
    .mbox7List li{
        margin-bottom: 0.16666666666666666rem;
        height: 1rem;
    }
    .mbox7List li a{
        min-height: 0;
       height: 1rem;
    }
    .mbox7List li .mbox7Num{
        font-size: 0.1rem;
        display: none;
    }
    .mbox7List li .mbox7Name{
        font-size: 0.11666666666666667rem;
    }

    .mbox7List li:nth-child(2n+1) a {
        padding-right: 0;
        padding-left: 30%;
    }
    .mbox7List li.mbox7Item a{
        padding-left: 0!important;
        padding-right: 30%!important;
    }
    .mbox7List li:last-child a{
        padding-right: 0!important;
        padding-left: 30%!important;
    }

    .mbox7Ico {
        left: 30%
    }

    .mbox7List li:nth-child(2n) a .mbox7Ico {
        left: 70%
    }

    .mbox7Text {
        padding: 0.125rem
    }

    .mbox7Name {
        overflow: hidden;
        width: 100%;
        height: 0.18333333333333332rem;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .newsTime2 {
        padding: 0.058333333333333334rem 0.08333333333333333rem
    }

    .newsCon {
        padding: 0.16666666666666666rem 0 0
    }


    .pagerBox {
        padding: 0.041666666666666664rem 0
    }

    .pagerNext,
    .pagerPrev {
        float: none;
        padding-right: 0;
        padding-left: 0.4583333333333333rem;
        width: 100%
    }

    .pagerNext,
    .pagerPrev,
    .pagerTit {
        line-height: 0.25rem
    }

    .pagerNext {
        text-align: left
    }

    .pagerNext a,
    .pagerPrev a {
        display: block
    }

    .pagerTit {
        top: 0
    }

    .pagerTit i {
        display: none
    }

    .pagerList {
        position: static;
        margin: 0.016666666666666666rem 0;
        padding: 0.08333333333333333rem 0;
        width: 100%;
        border: 1px solid #DEDEDE;
        border-right: none;
        border-left: none
    }

    .pagerList span {
        display: block;
        margin: 0 auto;
        width: 0.16666666666666666rem;
        height: 0.016666666666666666rem;
        background: #aaa;
        transition: all .5s ease 0s
    }

    .pagerList span:first-child+span {
        margin: 0.025rem auto
    }

    .pagerList:hover {
        background: #cf1610
    }

    .pagerList:hover span {
        background: #FFF
    }

    .pagerList:hover span:first-child+span {
        width: 0.25rem
    }

    .hotNews {
        padding: 0 0.125rem 0.20833333333333334rem
    }

    .caseBox {
        padding: 0.125rem
    }

    .conTextLef,
    .conTextRig {
        max-width: 100%
    }

    .mesInput {
        padding: 0.08333333333333333rem 0 0.041666666666666664rem
    }

    .joinName {
        font-size: 0.15rem
    }

    .joinNameEn {
        font-size: 0.1rem
    }

    .joinIco {
        top: 0.125rem
    }

    .joinBtn {
        top: 0.16666666666666666rem
    }
}

@media (max-width:5.333333333333333rem) {
    .menuBtn {
        top: 0.125rem;
        right: 0.125rem
    }

    .navClose {
        width: 0.18333333333333332rem
    }

    .navClose span:last-child {
        margin-top: 0.125rem
    }

    .header {
        margin-right: 0.3333333333333333rem
    }

    .navBot {
        padding-bottom: 0.7083333333333334rem
    }

    .logo {
        height: 0.13333333333333333rem;
        max-width: 1.2666666666666666rem
    }

    .tel {
        font-size: 0.13333333333333333rem;
        line-height: 0.13333333333333333rem
    }

    .navBotCon p {
        display: none
    }

    .mbox1 .swiper-pagination {
        bottom: 2%
    }

    .welcome {
        left: 0;
        width: 1.4166666666666667rem;
        height: 0.38333333333333336rem;
        font-size: 0.1rem;
        line-height: 0.38333333333333336rem
    }

    .welcome i,
    .welcome span,
    .welcome strong {
        margin: 0
    }

    .welcome:hover .welcomeLine {
        width: 0.25rem
    }


    .banText {
        bottom: 35%;
        left: 10%;
        width: 80%
    }

    .ban1Line {
        margin: 0.08333333333333333rem 0
    }

    .banText2 {
        margin: 0;
        margin-left: 5%;
        width: 90%;
        transform: translate(-50%, -50%)
    }

    .mbox2TitEn {
        font-size: 0.21666666666666667rem
    }

    .mbox2TitCn {
        font-size: 0.16666666666666666rem
    }

    .mbox2Img {
        margin: 0 auto 0.041666666666666664rem;
        max-width: 40%
    }

    .mbox3 {
        padding: 0
    }

    .mbox3Lef {
        float: none;
        padding-bottom: 0;
        width: 100%
    }

    .mbox3LefCon {
        display: block
    }

    .box3RigText {
        padding: 0.125rem
    }

    .mbox3Con {
        margin: 0.08333333333333333rem 0;
        height: auto
    }

    .mbox4List .swiper-slide {
        width: 100%
    }

    .mbox5Bot {
        padding: 0
    }

    .mbox5Btn {
        position: static;
        display: inline-block;
        padding: 0.08333333333333333rem 0;
        vertical-align: middle;
        font-size: 0.11666666666666667rem;
        transform: translateY(0)
    }

    .mbox5Bot .swiper-pagination {
        display: block;
        width: 100%
    }

    .mbox6Text {
        max-width: 100%
    }

    .mbox6Top {
        margin: -0.25rem 0 0 -0.041666666666666664rem;
        height: 0.5rem
    }

    .mbox6Line {
        height: 0.25rem
    }

    .mbox6Bot img {
        max-width: 80%
    }

    .mbox7List {
        margin: 0.125rem auto
    }

    .mbox7Time {
        height: 0.21666666666666667rem;
        line-height: 0.21666666666666667rem
    }

    .mbox7Brief {
        display: none
    }

    .mbox7Ico {
        top: 30%
    }

    .mbox8LefEn {
        font-size: 0.15rem
    }

    .mbox8LefCn {
        padding: 0;
        font-size: 0.11666666666666667rem
    }

    .mbox8Mes {
        padding: 0.041666666666666664rem 0 0
    }

    .mbox8Mes li input {
        line-height: 0.3rem
    }

    .mbox8Mes li textarea {
        margin: 0
    }

    .mbox8MesBtn {
        margin-top: 0.08333333333333333rem;
        width: 0.8333333333333334rem;
        height: 0.23333333333333334rem;
        line-height: 0.21666666666666667rem
    }

    .mbox8RigCn {
        display: none
    }

    .mbox8RigTip {
        display: none
    }

    .mbox8RigIco img {
        max-width: 20%
    }

    .mbox8RigBot:after,
    .mbox8RigBot:before {
        display: none
    }

    .banNews {
        height: 1.9166666666666667rem
    }

    .newsTime {
        width: 0.3333333333333333rem
    }

    .newsTime span {
        width: 0.3333333333333333rem;
        height: 0.3333333333333333rem;
        line-height: 0.3333333333333333rem
    }

    .newsDate {
        font-size: 0.18333333333333332rem
    }

    .newsMonth {
        font-size: 0.13333333333333333rem
    }

    .newsText {
        margin-left: 0.4583333333333333rem
    }

    .newsTit {
        font-size: 0.13333333333333333rem
    }

    .newsBrief {
        overflow: hidden;
        margin: 0.08333333333333333rem 0;
        padding: 0;
        max-height: 0.6rem
    }

    .newsRig .newsTit {
        padding: 0.041666666666666664rem 0;
        font-size: 0.11666666666666667rem
    }


    .banShare {
        position: static;
        height: auto;
        text-align: center
    }

    .banShare .container {
        padding: 0;
        font-size: 0
    }

    .banShareIco {
        float: none;
        display: inline-block;
        background: #3662FF;
        vertical-align: middle
    }

    .banShareIco>li>a {
        display: inline-block;
        width: 0.3rem;
        height: 0.3rem;
        background-size: 0.1rem;
        vertical-align: middle
    }

    .banShareList {
        position: static;
        display: inline-block;
        width: auto;
        height: 0.3rem;
        vertical-align: middle
    }

    .banShareList a {
        width: 0.3rem;
        background-color: #3662FF;
        background-size: 0.125rem
    }

    .banPage {
        float: none;
        display: inline-block;
        background: #3662FF;
        vertical-align: middle
    }

    .banPage a {
        width: 0.3rem;
        height: 0.3rem;
        background-size: 0.125rem
    }

    .newsTop {
        padding: 0.16666666666666666rem 0 0
    }

    .newsName {
        font-size: 0.15rem
    }

    .newsCon {
        padding: 0.08333333333333333rem 0 0
    }

    .hotNewsH2 {
        font-size: 0.15rem
    }

    .hotNewsName {
        font-size: 0.11666666666666667rem
    }

    .hotNewsLine {
        margin: 0.041666666666666664rem 0
    }

    .hotNewsBrief {
        margin: 0.041666666666666664rem 0
    }

    .caseFenLei {
        margin: 0 -0.025rem;
        padding: 0.06666666666666667rem 0;
        background: #F5F5F5
    }

    .caseFenLei li {
        padding: 0 0.025rem
    }

    .caseFenLei li a {
        color: #333;
        line-height: 0.2rem
    }

    .caseBox {
        padding: 0 0.125rem 1px
    }

    .banCase {
        height: 2.5rem
    }

    .banCaseCon {
        bottom: 0.08333333333333333rem
    }

    .banCaseLine {
        margin-bottom: 0.041666666666666664rem;
        width: 0.3333333333333333rem;
        height: 0.016666666666666666rem
    }

    .banCaseTit {
        font-size: 0.15833333333333333rem
    }

    .banContact {
        height: 2rem
    }

    .contactBg {
        padding: 0.25rem 0
    }

    .conTit {
        padding: 0.041666666666666664rem 0
    }

    .conH2 {
        font-size: 0.15rem
    }

    .conText strong {
        font-size: 0.11666666666666667rem
    }

    .conTextRig {
        line-height: 0.25rem
    }
}

@media (max-width:3.8333333333333335rem) {
    .tel span {
        display: none
    }

    .tel a {
        display: block
    }

    .mbox1 .swiper-pagination-bullet {
        margin: 0 0.016666666666666666rem !important;
        width: 0.16666666666666666rem
    }

    .mbox2TitEn {
        font-size: 0.15rem
    }

    .mbox2TitCn {
        font-size: 0.13333333333333333rem
    }

    .mbox2Num {
        margin: 0.041666666666666664rem -0.041666666666666664rem;
        line-height: 0.18333333333333332rem
    }

    .mbox2NumSp {
        font-size: 0.16666666666666666rem
    }

    .mbox2Num li {
        padding: 0.041666666666666664rem
    }

    .mbox2Brief {
        max-height: 0.8666666666666667rem;
        line-height: 0.21666666666666667rem
    }

    .mbox2BotH3 {
        font-size: 0.1rem;
        line-height: 0.16666666666666666rem
    }

    .mbox2More .welcome {
        width: 1.1666666666666667rem;
        height: 0.31666666666666665rem;
        line-height: 0.31666666666666665rem
    }

    .mbox3Tit .mbox2TitEn {
        font-size: 0.15rem
    }

    .mbox3Tit .mbox2TitCn {
        font-size: 0.13333333333333333rem
    }

    .mbox3H4 {
        font-size: 0.15rem
    }

    .mbox6TitEn {
        font-size: 0.15rem;
        line-height: 120%
    }

    .mbox6TitCn {
        font-size: 0.16666666666666666rem;
        line-height: 120%
    }

    .f16 {
        font-size: 0.11666666666666667rem
    }

    .f24 {
        font-size: 0.16666666666666666rem
    }

    .f28 {
        font-size: 0.2rem
    }

    .mbox6Text {
        margin: 0.25rem auto;
        padding: 0.20833333333333334rem 0.125rem
    }

    .mbox6Text:before {
        top: 0;
        left: 0
    }


    .mbox8Left {
        padding: 0.08333333333333333rem 0.16666666666666666rem
    }

    .mbox8Mes li:nth-child(1),
    .mbox8Mes li:nth-child(2) {
        display: inline-block;
        width: 48%;
        vertical-align: middle
    }

    .mbox8RigEn {
        font-size: 0.13333333333333333rem;
        line-height: 0.13333333333333333rem
    }

    .mbox8RigIco {
        display: inline-block;
        max-width: 0.16666666666666666rem;
        vertical-align: middle
    }

    .mbox8RigIco img {
        margin: 0 auto;
        max-width: 100%
    }

    .mbox8RigCon li {
        width: 100%
    }

    .mbox8RigCon li p {
        display: inline
    }

    .mbox8RigBot {
        margin: 0.08333333333333333rem auto 0
    }

    .mbox8RigBot li a {
        font-size: 0.13333333333333333rem
    }

    .banNews {
        height: 1.6666666666666667rem
    }

    .banEn {
        padding: 0;
        font-size: 0.16666666666666666rem
    }

    .banCn {
        font-size: 0.11666666666666667rem
    }

    .newsList li {
        padding: 0.041666666666666664rem 0
    }

    .newsTabLef li {
        padding: 0 0.041666666666666664rem
    }

    .newsTabLef li a {
        font-size: 0.1rem
    }

    .newsTime {
        width: 0.25rem
    }

    .newsTime span {
        width: 0.25rem;
        height: 0.25rem;
        line-height: 0.25rem
    }

    .newsDate {
        font-size: 0.15rem
    }

    .newsMonth {
        font-size: 0.11666666666666667rem
    }

    .newsText {
        margin-left: 0.3333333333333333rem
    }

    .newsLine {
        top: 0.125rem;
        left: -0.058333333333333334rem;
        width: 0.11666666666666667rem
    }

    .newsLine {
        bottom: 0.041666666666666664rem;
        font-size: 0.11666666666666667rem
    }

    .newsBrief {
        margin: 0.041666666666666664rem 0
    }

    .newsRigList li {
        float: none;
        width: 100%
    }

    .hotNewsList li {
        width: 100%
    }

    .caseList li {
        width: 100%
    }

    .banCase {
        height: 2rem
    }

    .banContact {
        height: 2.1666666666666665rem
    }

    #pages a,
    #pages span {
        padding: 1px 0.05rem
    }
}

@media (max-width:3rem) {
    .mbox7 {
        padding-top: 0.4166666666666667rem
    }

    .mbox7List li:nth-child(4) {
        display: none
    }

    .mbox7More {
        width: 1.3333333333333333rem;
        height: 0.3rem;
        font-size: 0.1rem;
        line-height: 0.3rem
    }

    .banShareList a {
        width: 0.23333333333333334rem
    }

    .banCase {
        height: 1.6666666666666667rem
    }

    .banCaseCon {
        bottom: 0.08333333333333333rem
    }

    .banCaseTit {
        padding: 0.041666666666666664rem 0;
        font-size: 0.15rem
    }

    .banContact {
        height: 2rem
    }
}

@media (max-height:3.45rem) {
    .mbox2Text {
        padding: 0.4166666666666667rem 0.125rem 0
    }

    .mbox2TitEn {
        font-size: 0.15rem
    }

    .mbox2TitCn {
        font-size: 0.13333333333333333rem
    }

    .mbox2Brief {
        max-height: 0.43333333333333335rem
    }

    .mbox2Num {
        margin: 0 -0.08333333333333333rem
    }

    .mbox2NumSp {
        font-size: 0.15rem
    }

    .mbox2Num li p {
        display: inline
    }

    .mbox2Img {
        display: none
    }

    .mbox2Bot {
        padding: 0.041666666666666664rem
    }

    .mbox3LefCon {
        display: block
    }

    .mbox3LefItem li {
        display: inline-block;
        padding: 0;
        width: 48%
    }

    .mbox3LefItem li:after {
        display: none
    }

    .mbox3Ico,
    .mbox3Line {
        display: none
    }

    .mbox3Rig {
        display: none
    }
}

@media (max-height:2rem) {
    .mbox2Brief {
        max-height: 0.21666666666666667rem
    }

    .mbox3LefCon {
        display: block
    }
}

/*产品页*/
.disf{
    display:flex;
}
.alc{
    align-items: center;
}
.flex-1{
    flex: 1;
}
.jcc{
    justify-content: center;
}
.jcs{
    justify-content: space-between;
}

.jce{
    justify-content: flex-end;
}
.page-yx-prod .banner{
    height: 100%;
    width: 100%;
    background: #3662FF;
}
.site-yd{
    text-align: left;
    color:#fff;
}
.first-screen{
    margin: 0 auto;
    height: 100%;
    padding-top:8%;
    position: relative;
}
.site-wgt{
    font-size: 0.13333333333333333rem;
    font-weight: 500;
    line-height: 0.26666666666666666rem;
    padding-right:2.3333333333333335rem;
    padding-top:0.8333333333333334rem;
}
.site-yd .prod-logo{
    margin-bottom: 0.3333333333333333rem;
    display:block;
    width:0.6rem;
}
.site-yd .site-title{
    font-size: 0.3rem;
    font-weight: 600;
    margin-bottom:0.15rem;
}
.site-yd .site-solgan{
    margin-bottom:0.15rem;   
}
.rt-cont{
    width:3.3333333333333335rem;
    height:100%;
    position: relative;
}
.rt-cont img{
    width:3.111111111111111rem;
    height:6.083333333333333rem;
}
.first-screen .slide-left{
    position: absolute;
    right:1.375rem;
    z-index: 10;
    top:-6%;
}
.first-screen .slide-right{
    margin-left: 0.6666666666666666rem;
}
.animate.slideFromTop{
    transform: translateY(-1.6666666666666667rem);
    opacity: 0;
    transition: all .5s ease-in-out;
}
.animate.zoomIn{
    transform: scale(0);
    opacity: 0;
    transition: all 1s ease-in-out;
}
.animate.active.zoomIn{
    transform: scale(1);
    opacity: 1;
}
.animate.slideFromRight{
    transform: translateX(1.6666666666666667rem);
    opacity: 0;
    transition: all .5s ease-in-out;
}
.animate.slideFromLeft{
    transform: translateX(-1.6666666666666667rem);
    opacity: 0;
    transition: all .5s ease-in-out;
}
.animate.slideFromBottom{
    transform: translateY(1.6666666666666667rem);
    opacity: 0;
    transition: all .5s ease-in-out;
}
.animate.active.slideFromLeft{
    transform: translateX(0);
    opacity: 1;
}
.animate.active.slideFromRight{
    transform: translateX(0);
    opacity: 1;
}
.animate.active.slideFromTop{
    transform: translateY(0);
    opacity: 1;
}
.animate.active.delay3{
    transition-delay: .3s;
}
.animate.active.delay5{
    transition-delay: .5s;
}
.animate.active.delay7{
    transition-delay: .7s;
}
.animate.active.delay9{
    transition-delay: .9s;
}
.animate.active.slideFromTop{
    animation:slideFromTop .5s ease-in-out;
}
.animate.active.slideFromBottom{
    transform: translateY(0);
    opacity: 1;
}

@keyframes slideFromTop {
    0% { transform: translateY(-0.8333333333333334rem); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
@keyframes slideFromBottom {
    0% { transform: translateY(1.6666666666666667rem); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
@keyframes slideFromRight {
    0% { transform: translateX(1.6666666666666667rem); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}

@keyframes slideFromLeft {
    0% { transform: translateX(-1.6666666666666667rem); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}
.erweima{
    width:1.1666666666666667rem;
    height:1.1666666666666667rem;
    display: block;
    margin-top:0.13333333333333333rem;
}

/*产品 第二屏*/
.wgt2{
    background: #EDF2FB;
}
.wgt .wgt-word{
    color: rgba(32,27,15,0.17)!important;
    font-size:0.4666666666666667rem;
    font-weight:900;
}
.wgt .wgt-title{
    color: #333!important;
    font-size:0.3rem;
    font-weight:600;
    position: relative;
    top: -0.3333333333333333rem;
}
.wgt .wgt-brief{
    position: relative;
    top: -0.3333333333333333rem;
    color:#666;
    line-height: 0.23333333333333334rem;
    font-size:0.13333333333333333rem;
}
.wgt2 .wgt2-left,.wgt4 .wgt4-left{
    text-align: left;
}
.wgt2 .wgt2-left{
}
.wgt2 .pms_icon{
    width: 7.5rem;
    height:5rem;
    position: relative;
    left: 0.4166666666666667rem;
}
/*产品 第三瓶*/
.wgt3{
}
.wgt3,.wgt5 {
    background: #fff;
}
.wgt3 .zf_icon{
    width: 5.5rem;
}
.wgt3 .wgt3-left,.wgt5 .wgt5-left{
    text-align: left;
}

.wgt3 .wgt-title{
    top: -0.16666666666666666rem;
}
.wgt3 .wgt-brief{
    top:0;
}
.wgt3 .zf_icon{
    margin-right: 1rem;
    position: relative;
    left: -0.5rem;
}



.wgt5 .wgt-title{
    top: -0.16666666666666666rem;
}
.wgt5 .wgt-brief{
    top:0;
}
.wgt4{
}
.wgt4 .pms_icon{
    width: 5.641666666666667rem;
    height:5.575rem;
    position:relative;
    right:-0.5rem;
}
.wgt4 .wgt4-left{
    padding-right: 0.9166666666666666rem;
}
.wgt4 .erweima{
    position: relative;
    top:-0.3333333333333333rem;
}

.wgt5 {
}
.wgt5 .zf_icon{
    width: 6.233333333333333rem;
    margin-right: 0.7083333333333334rem;
    position: relative;
    left: -0.3333333333333333rem;
}

.footer{
    color: #fff;
    text-align: left;
    padding-top: 0.16666666666666666rem;
}
.footer .wgt6-left h3{
    color: #fff!important;
}
.footer .wgt6-left  .wgt-word{
    color: rgba(255,255,255,0.43)!important;
}
.footer .wgt6-left .wgt-title{
    top:-0.25rem;
}
.footer .wgt6-cont{
    height: 5.433333333333334rem;
    border-radius: 0.06666666666666667rem;
    margin-top:0.16666666666666666rem;
}
.footer .footer-wrap{
    padding-left: 14.5%;
    padding-right: 14.5%;
}
.footer .wgt6-left{
    margin: 0 auto;
}
.footer .wgt6-cont .wgt6-wrap{
    height: 100%;
    background: #fff;
    margin: 0 auto;
    border-radius: 0.06666666666666667rem;
    padding: 0;
}
.footer .wgt6-cont .company-info{
    flex-direction: column;
    text-align: center;
    font-size:0.13333333333333333rem;
    font-weight: 400;
    padding:0 0.75rem;
    color:#333;
    height: 100%;
    background: #FAFAFA;
}
.footer .wgt6-cont .company-info a{
    color: #333;
    display:block;
}
.footer .wgt6-cont .company-info a:hover{
    color: #1C54FE;
}
.footer .wgt6-cont .company-info img{
    display:block;
    margin:0 auto;
    width:0.5333333333333333rem;
    height:0.5333333333333333rem;
    margin:0.5rem auto 0.16666666666666666rem auto;
}
.footer .wgt6-cont .company-info .company-adr img{
    width:0.6083333333333333rem;
    height:0.5rem;
}

.footer .wgt6-cont .cop-form {
    min-width:0;
    color:#333;
    padding:0.6666666666666666rem 1.3333333333333333rem;
}

.footer .wgt6-cont .cop-form  input{
    height: 0.5333333333333333rem;
}
.footer .wgt6-cont .cop-form  textarea{
    resize: none;
    height:1.0833333333333333rem;
    overflow-y: auto;
}
.footer .wgt6-cont .cop-form  input:focus,
.footer .wgt6-cont .cop-form  textarea:focus{
    outline: none;
}
.footer .wgt6-cont .cop-form  input,
.footer .wgt6-cont .cop-form  textarea{
    border: 1px solid rgba(0,0,0,0.15);
    font-size:0.13333333333333333rem;
    width:100%;
    padding:0.041666666666666664rem 0.125rem;
    border-radius:0.05rem;
    color:#333;
}
.footer .wgt6-cont .cop-form  .form-label{
    color:#222;
    font-weight: 600;
    margin-bottom:0.041666666666666664rem;
}
.footer .wgt6-cont .cop-form .form-item{
    margin-bottom:0.25rem;
}
.subform{
    display: block;
    width: 1.825rem;
    height: 0.4rem;
    line-height:0.4rem;
    text-align: center;
    color:#fff;
    background: #1C54FE;
    border-radius: 0.06666666666666667rem;
    cursor: pointer;
}

.wgt6 .mbox8{
    padding-top:0.08333333333333333rem;
}



/* 水波纹动画样式 */
.ripple-background {
    position: relative;
    z-index: 2;
}

.banner-container {
    position: relative;
    overflow: hidden;
}

.ripple-container {
    position: absolute;
    width: 4.166666666666667rem;
    height: 4.166666666666667rem;
    right: 15%;
    top: 50%;
    margin-top: -2.0833333333333335rem;
    z-index: 1;
    pointer-events: none;
}



/* 动画圆环 */
.ripple-effect {
    position: absolute;
    border-radius: 50%;
    border: 0.016666666666666666rem solid rgba(255, 255, 255, 1);
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    pointer-events: none;
}

.ripple-effect-1 {
    animation: ripple-fade 8s ease-out infinite;
    animation-delay: 0s;
}

.ripple-effect-2 {
    animation: ripple-fade 8s ease-out infinite;
    animation-delay: 1.1s;
}

.ripple-effect-3 {
    animation: ripple-fade 8s ease-out infinite;
    animation-delay: 2.2s;
}

.ripple-effect-4 {
    animation: ripple-fade 8s ease-out infinite;
    animation-delay: 3.3s;
}

.ripple-effect-5 {
    animation: ripple-fade 8s ease-out infinite;
    animation-delay: 4.4s;
}

.ripple-effect-6 {
    animation: ripple-fade 8s ease-out infinite;
    animation-delay: 5.5s;
}

.ripple-effect-7 {
    animation: ripple-fade 8s ease-out infinite;
    animation-delay: 6.6s;
}

@keyframes ripple-fade {
    0% { transform: translate(-50%, -50%) scale(0); opacity: 0.7; }
    70% { opacity: 0.3; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 0; }
}

/* 新的波浪效果 - 使用CSS实现 */
.first-screen {
    position: relative;
}

.ocean {
    height: 0.6666666666666666rem; /* 控制波浪区域高度 */
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
}

.wave {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-31.8z' fill='rgba(0,65,207,0.3)'/%3E%3C/svg%3E");
    position: absolute;
    width: 200%;
    height: 100%;
    animation: wave 10s -3s linear infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
}

.wave:nth-of-type(2) {
    bottom: 0;
    animation: wave 18s linear reverse infinite;
    opacity: 0.5;
}

.wave:nth-of-type(3) {
    bottom: 0;
    animation: wave 20s -1s linear infinite;
    opacity: 0.2;
}

@keyframes wave {
    0% {transform: translateX(0);}
    50% {transform: translateX(-25%);}
    100% {transform: translateX(-50%);}
}

/* 移动端适配 */
@media (max-width: 6.4rem) {
    .ocean {
        height: 0.4166666666666667rem;
    }
}/* 修复水波纹动画位置 */
.ripple-container {
    position: absolute;
    width: 2.9166666666666665rem;
    height: 2.9166666666666665rem;
    right: auto !important;
    left: 10% !important;
    top: 43% !important;
    margin-top: -1.4583333333333333rem;
    z-index: 1;
    pointer-events: none;
}

/* 移动设备上的响应式调整 */
@media (max-width: 6.4rem) {
    .ripple-container {
        width: 1.6666666666666667rem !important;
        height: 1.6666666666666667rem !important;
        right: auto !important;
        left: 10% !important;
        top: 30% !important;
        margin-top: -0.8333333333333334rem !important;
    }
    .telIco{
        display: none;
    }
}
/* 调整水波纹动画大小 */
.ripple-container {
    position: absolute;
    width: 1.6666666666666667rem !important;
    height: 1.6666666666666667rem !important;
    right: auto !important;
    left: 15% !important;
    top: 43% !important;
    margin-top: -0.8333333333333334rem !important;
    z-index: 1;
    pointer-events: none;
    opacity: 0.6 !important;
}

/* 移动设备上的响应式调整 */
@media (max-width: 6.4rem) {
    .ripple-container {
        width: 1rem !important;
        height: 1rem !important;
        right: auto !important;
        left: 12% !important;
        top: 30% !important;
        margin-top: -0.5rem !important;
        opacity: 0.4 !important;
    }
}

/* 调整波纹边框宽度 */
.ripple-effect {
    border-width: 1px !important;
}
/* 恢复水波纹动画 */
.ripple-container {
    position: absolute;
    width: 2.0833333333333335rem !important;
    height: 2.0833333333333335rem !important;
    right: auto !important;
    left: 15% !important;
    top: 40% !important;
    margin-top: -1.0416666666666667rem;
    z-index: 1;
    pointer-events: none;
    opacity: 1 !important;
}

/* 移动设备上的响应式调整 */
@media (max-width: 6.4rem) {
    .ripple-container {
        width: 1.25rem !important;
        height: 1.25rem !important;
        right: auto !important;
        left: 15% !important;
        top: 30% !important;
        margin-top: -0.625rem !important;
        opacity: 1 !important;
    }
}

/* 调整波纹边框宽度和颜色 */
.ripple-effect {
    border: 0.016666666666666666rem solid rgba(255, 255, 255, 1) !important;
}

.logo img{
    width:0.9083333333333333rem;
    height:0.26666666666666666rem;
}

.banner-container{
    position: relative;
}
.page-yx-index .wgt1 .ani-img img{
    height: 5.983333333333333rem;
    width:9.441666666666666rem;
    position: absolute;
    top: 1.1166666666666667rem;
    right: -1.9rem;
}
.page-yx-index .wgt1 .disf{
    padding-top: 10%;
}
.page-yx-index .wgt1  .site-wgt{
    padding-right: 4.458333333333333rem;
    padidng-top:10%;
}
.page-yx-index .wgt1 .site-solgan{
    margin-top: 0.5416666666666666rem;
    margin-bottom: 0.15rem;
}
.f48{
    font-size: 0.4rem!important;
}
.f28{
    font-size: 0.23333333333333334rem!important;
}
.f20{
    font-size: 0.16666666666666666rem!important;
}
.traget{
    line-height: 0.4666666666666667rem!important;
}
.index-page{
    left: 14.5%;
    right: 14.5%;
}
.page-yx-index .site-solgan{
    margin-top: 0.16666666666666666rem;
}
.page-yx-index .about {
    padding-top: 1rem;
}
.page-yx-index .about .fp-tableCell{
    vertical-align: top;
}
.page-yx-index .about .wgt2-wrap{
    padding-right:8.283333333333333rem;
    padding-left: 14.5%;
}
.page-yx-index .about .wgt2-wrap .wgt2-left{
    text-align: left;
}
.page-yx-index .about .rimg{
    width: 7.616666666666666rem;
    position: absolute;
    right: 0;
    top:0;
}
.page-yx-index .about .relaion{
    height: 1.3166666666666667rem;
    position: relative;
    margin-top: -0.5rem;
}
.page-yx-index .about .relaion .link {
    text-align: center;
    position: relative;
}
.page-yx-index .about .relaion .link .name{
    position: absolute;
    bottom: 0.16666666666666666rem;
    left: 0;
    right: 0.08333333333333333rem;
    text-align: center;
    font-size: 0.13333333333333333rem;
    font-weight: 600;
}
.page-yx-index .about .relaion .con-arow{
    height: 1.3166666666666667rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin:0 0.25rem;
    position: absolute;
    top: 0;
    left: 0.75rem;
    z-index: 100;
}
.page-yx-index .about .relaion .con-arow-2{
    left: auto;
    right: 0.75rem;
}
.page-yx-index .about .relaion  .link-2{
    margin-left: 0.75rem;
}
.page-yx-index .about .relaion  .link-3{
    margin-left: 0.75rem;
}
.page-yx-index .about .relaion .con-arow p{
    color: #666666;
    font-size: 0.1rem;
    font-weight: 400;
}
.page-yx-index .about .relaion .con-arow img{
    width: 1.35rem;
    height: 0.18333333333333332rem;
}
.page-yx-index .about .relaion .link img{
    height: 1.3166666666666667rem;
    width: 1.3166666666666667rem;
}

.page-yx-index .about .static{
    width: 8.125rem;
    height: 1.5083333333333333rem;
    background: #FFFFFF;
    font-size: 0.26666666666666666rem;
    font-weight: 600;
    position: absolute;
    z-index: 200;
    margin-top: 0.5833333333333334rem;
}
.page-yx-index .about .static .static-item {
    padding:0 0.16666666666666666rem;
    text-align: center;
    flex: 1;
    position: relative;
}

.page-yx-index .about .static .static-item::after{
    content: '';
    display: block;
    width: 1px;
    height: 0.4rem;
    background: #F0E6CD;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.page-yx-index .about .static .static-item  em{
    font-size:0.15rem;
}
.page-yx-index .about .static .static-item .static-text{
    font-size: 0.11666666666666667rem;
    color:#666;
    font-weight: 500;
}

/*首页-P3*/
.page-yx-index .apt-industry .wgt3-wrap{
    padding-left: 14.5%;
    padding-top: 1rem;
    position: relative;
    height: 100%;
}
.page-yx-index .apt-industry .wgt3-wrap .rimg{
    position: absolute;
    right:0;
    top:0;
    z-index: 100;
    width:8rem;
    height:5.45rem;
}

.page-yx-index .apt-industry .advantage{
    position: absolute;
    top:5.058333333333333rem;
    right:4.041666666666667rem;
    width: 4.941666666666666rem;
    height: 1.4916666666666667rem;
    background: #fff;
    padding:0.23333333333333334rem;
    color:#666;
    line-height: 0.21666666666666667rem;
    font-size: 0.15rem;
    font-weight: 400;
    z-index: 200;
    text-align: left;
    box-shadow: 0rem 0rem 0.08333333333333333rem rgba(0, 0, 0, 0.1);
} 

.page-yx-index .apt-industry .advantage-title{
    font-size: 0.2rem;
    font-weight: 600;
    margin-bottom: 0.08333333333333333rem;
    color: #333;
}

.page-yx-index .apt-industry .fp-tableCell{
    vertical-align: top;
}

.page-yx-index .apt-industry .apt-brief{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right:1.0666666666666667rem;
    margin-top:-0.3333333333333333rem;
}
.page-yx-index .apt-industry .apt-brief-item{
    position: relative;
    padding-left:1.2333333333333334rem;
}
.page-yx-index .apt-industry .apt-brief-item img{
    width:1.4833333333333334rem;
    height: 1.4833333333333334rem;
    position: absolute;
    left:0;
    top:0;
}
.page-yx-index .apt-industry .apt-brief-item p{
    font-size: 0.13333333333333333rem;
    font-weight: 600;
    margin-bottom: 0.041666666666666664rem;
    margin-top: 0.25rem;
}
.page-yx-index .apt-industry .apt-brief-item p.desc{
    font-size: 0.11666666666666667rem;
    font-weight: 400;
    margin-top: 0;
}
.page-yx-index .products{
    padding-right: 14.5%;
}
.page-yx-index .products .mbox4Tit{
    margin-bottom: 0.4rem;
}
/*首页发展历程*/
.page-yx-index .wgt5-wrap,
.page-yx-index .wgt6-wrap{
    padding-left: 14.5%;
    padding-right: 14.5%;
}
.page-yx-index .wgt5-wrap .mbox5Tit,
.page-yx-index .wgt6-wrap .mbox5Tit{
    text-align: left;
}
.page-yx-index .wgt5-wrap .mbox7List{
    margin-top: 0;
}

@keyframes scaleLoop {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
.mbox5List .swiper-slide a:hover{
    box-shadow: 0rem 0rem 0.25rem rgba(0, 0, 0, 0.1);
}

.mbox5List .swiper-slide a .mbox5Img {
}

.mbox5List .swiper-slide a:hover .mbox5Img {
    animation: scaleLoop 5s ease-in-out infinite;
    transform: scale(2);
}

.fp-viewing-page2 #navPage li a:hover,
.fp-viewing-page2  #navPage li a,
.fp-viewing-page2 #navPage li.active a,
.fp-viewing-page3 #navPage li a:hover,
.fp-viewing-page3  #navPage li a,
.fp-viewing-page3 #navPage li.active a,
.fp-viewing-page4 #navPage li a:hover,
.fp-viewing-page4  #navPage li a,
.fp-viewing-page4 #navPage li.active a,
.fp-viewing-page5 #navPage li a:hover,
.fp-viewing-page5  #navPage li a,
.fp-viewing-page5 #navPage li.active a
{
    color: #3662FF;
    opacity: .8;
}
.fp-viewing-page2  #navPage li:after,
.fp-viewing-page3  #navPage li:after,
.fp-viewing-page4  #navPage li:after,
.fp-viewing-page5  #navPage li:after{
    background: #3662FF;
    opacity: .8;
}
.com-fot{
    text-align: center;
    color: #666;
    padding-top:10px;
    font-size:12px;
}

.com-fot a{
    color: #666;
}