html { height: 100%; font-size: 100px ;overflow-x: hidden;}
::selection{background-color: #9068ee;color: #fff;}
::-webkit-scrollbar{width: 8px;height:8px;}
::-webkit-scrollbar-track{background:#ddd}
::-webkit-scrollbar-thumb {background: #ba9eff;border-radius:4px;}
::-webkit-scrollbar-thumb:window-inactive{background: #fff}
::-webkit-scrollbar-thumb:vertical:hover{background: #9068ee}
@media(max-width:1600px) {
    html { font-size: 95px }
}

@media(max-width:1440px) {
    html { font-size: 90px }
}

@media(max-width:1220px) {
    html { font-size: 85px }
}

@media(max-width:1024px) {
    html { font-size: 80px }
}

@media(max-width:991px) {
    html { font-size: 70px }
}

@media(max-width:639px) {
    html { font-size: 60px }
}
.container1 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:768px) {
    .container1 {
        width: 95%
    }
}

@media (min-width:992px) {
    .container1 {
        width: 95%
    }
}

@media (min-width:1200px) {
    .container1 {
        width: 96%;
    }
}
@media (min-width:1366px) {
    .container1 {
        width: 95%
    }
}
@media (min-width:1440px) {
    .container1 {
        width: 95%
    }
}
@media (min-width:1600px) {
    .container1 {
        width: 95%
    }
}
@media (min-width:1860px) {
    .container1 { width:95%; }
}
/* font{color: #9068ee;} */
a { -webkit-transition-property: background-color; -webkit-transition-duration: .3s; -webkit-transition-timing-function: ease; color: #666666 }
a:hover { text-decoration: none; color: #9068ee }
a:visited { text-decoration: none }
a:active { text-decoration: none }
a:link { text-decoration: none }
.clear { clear: both }
.lf { float: left }
.rg { float: right }
input, textarea, button, select, radio { outline: 0; border: 0 }
@font-face { font-family: font_css; src: url(../fonts/Poppins-Regular.woff2) format('woff'); font-weight: 400; font-style: normal }
@font-face { font-family: "LucidaCalligraphy"; src: url("../fonts/LucidaCalligraphy.ttf") format("ttf"), url("../fonts/LucidaCalligraphy.woff") format("woff"); }
@font-face {
    font-family: "News701BT";
    src: url("../fonts/News701BT-ItalicA.otf") format("opentype"),url("../fonts/News701BT-ItalicA.ttf") format("truetype"),url("../fonts/News701BT-ItalicA.woff2") format("woff2");
}
@font-face {
    font-family: "myriadpro";
    src: url("../fonts/myriadpro-regular.ttf") format("truetype"),url(../fonts/myriadpro-regular.woff) format("woff"),url("../fonts/myriadpro-regular.woff2") format("woff2");
}
body {position: relative;font-family: font_css,'Poppins',Arial,Tahoma;font-size: 16px;line-height: 1.5;color: #1a1527;padding: 0;background-color:#1b1d2e;/* z-index: 1; */}
body.full-height, body.full-height .page-wrapper { min-height: 100% }
img { max-width: 100% }
ul { margin: 0; padding: 0; list-style: none }

.btn:focus{outline: 0;}
.none-padding { padding: 0 }
.default-btn { display: inline-block; z-index: 1; opacity: 1; cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.default-btn span { position: absolute; display: inline-block; background-color: rgba(14,14,14,.1); z-index: -1; opacity: 1; width: 100%; height: 0%; top: 50%; left: 0% }
.font14 { font-size: 14px }
.font16 { font-size: 16px }
.font18 { font-size: 18px }
.font20 { font-size: 20px }
.font22 { font-size: 22px }
.font15 { font-size: 15px; }
.font24 { font-size: 24px }
.font30 { font-size: 30px }
.font34 { font-size: 34px }
.font36 { font-size: 36px }
.font38 { font-size: 38px }
.font40 { font-size: 40px }
.font42 { font-size: 42px }
.font48 { font-size: 48px }
.font52 { font-size: 52px }
.font110 { font-size: 1.1rem }
.font130 { font-size: 1.3rem }
.font55 { font-size: 0.48rem; line-height: 60px; color:#9068ee; font-weight: bold; text-transform: capitalize; margin: 0px; }
@media(min-width:0px) and (max-width:767px) {

    .font55 { font-size: 24px; line-height: 35px; font-weight: bold; }
}

@media(min-width:768px) and (max-width:991px) {
    .font55 { font-size: 0.34rem; line-height: 50px; font-weight: bold; line-height: 35px; }
}

@media(min-width:992px) and (max-width:1199px) {
    .font55 { font-size: 0.32rem; line-height: 50px; font-weight: bold; }
}

@media(min-width:1200px) and (max-width:1365px) {
    .font55 { font-size: 0.32rem; line-height: 50px; font-weight: bold; }
}

@media(min-width:1366px) and (max-width:1439px) {
    .font55 { font-size: 0.36rem; line-height: 50px; font-weight: bold; }
}

@media(min-width:1440px) and (max-width:1599px) {
    .font55 { font-size: 0.38rem; line-height: 50px; font-weight: bold; }
}
@media(min-width:1600px) and (max-width:1859px) {
    .font55 { font-size: 0.41rem; line-height: 50px; font-weight: bold; }
}
    @media(max-width:1580px) {
        .font14 { font-size: 12px }
        .font16 { font-size: 14px }
        .font18 { font-size: 16px }
        .font20, .font22, .font24 { font-size: 18px }
        .font30, .font34 { font-size: 24px }
        .font36, .font38 { font-size: 30px }
        .font40, .font42, .font48 { font-size: 32px }
        .font52 { font-size: 44px }
    }
    @media(max-width:1199px) {

    }
    @media(max-width:767px) {
        .font14 { font-size: .26rem }
        .font16 { font-size: .28rem }
        .font18 { font-size: .3rem }
        .font20, .font22, .font24 { font-size: .32rem }
        .font30, .font34 { font-size: .38rem }
        .font36, .font38 { font-size: .42rem }
        .font40, .font42, .font48 { font-size: .46rem }
        .font52 { font-size: .5rem }
        .font130, .font110 { font-size: .6rem }
    }
    #form-mob{display: none;background: #f2f1f8;}
    @media(max-width:767px){
        #form-mob{display:block;width: 100%;padding: 100px 0 20px 0;z-index: 2;position: relative;}
    }
    @media(max-width:430px){
        #form-mob{margin-top: 20px;}
    }

    .cpym .header .menu > li > a{color: #19324f;}
    
    .cpym .header .menu > li.active > a{color: #ba9eff;}
    .cpym .header .menu > li.active > a i{color: #ba9eff;}
    .cpym .header .menu > li.active > a:after{width: 0;}
    .cpym .header .menu > li > a > i{color: #19324f;}
    .cpym .header .lochanges .rightbort i{color:#19324f;}
    .cpym .search_con .serch-btn{}
    .cpym .header-lang .box em{color: rgba(25,50,76,.5);}
    .header {display: flex;flex-direction: column; position: fixed; left: 0; right: 0; z-index: 5; z-index: 999;;width: 100%;}
    .header-content { width: 94%; margin: 0 auto; }
    .header .logo {float: left;/* margin-top: 25px; */height: 100%;align-items: center;display: flex; position: relative;}
    .header .logo a, .header .logo img {float: left;z-index: 3;}
    .header .container1{height: 110px;}
    .header .lochanges {float: left;/* margin-top: 12px; *//* margin-left:5px; */display: flex;align-items: center;}
    .header .lochanges .leftbort { float: left; width: 1px; background: #fff; height: 25px; margin-left: 25px; }
    .header .lochanges .rightbort { float: left; color: #fff; margin-left: 5px; }
    .header .lochanges .rightbort i { line-height: 25px; float: left; color: #fff;font-size: 24px; }
    .header .nav {display: flex;float: left;/* margin-top: 25px; */margin-left: 100px;/* margin-bottom: 25px; */align-items: center;height: 100%;flex: 1;justify-content: end;}
    .header .menu {float: left;height: -webkit-fill-available;display: flex;align-items: center;flex: 1;justify-content: end;}
    .header .menu > li {margin-right: 25px;height: 100%;display: flex;align-items: center;}
    .header .menu > li > a {overflow: hidden;font-size: 16px;font-weight: bold;color: #fff;display: inline-block;transition: all .3s ease-in-out;position: relative;height: 48px;width: auto;display: flex;align-items: center;border-radius: 24px;padding: 0 20px;}
    .header .menu > li:hover > a {color: #fff;}
    .header .menu > li > a > i {font-size: 12px;color:#fff;vertical-align: middle;transition: all .3s ease;font-weight: 700;margin-left: 6px;z-index: 0;position: relative;}
    .header .menu > li:hover > a > i { transform: rotate(180deg); -webkit-transform: rotate(180deg);opacity: 1;}
    .header .menu > li > a:after {margin-left: 0;height: 100%;background: #9068ee;width:100%;content: "";position: absolute;display: block;transition:transform .5s;-moz-transition:transform .5s;-webkit-transition:transform .5s;-o-transition:transform .5s;bottom: 0;z-index: -1;border-radius: 24px;left: 0;transform-origin: right;transform: scaleX(0);}
    .header .menu > li:hover > a:after {/* width: 22px; */margin-left: 0;transform-origin:left;transform: scaleX(1);}
    .header .menu > li.active > a:after { width: 100%;  }

    .nav > ul > li:nth-child(1), .nav > ul > li:nth-child(2), .nav > ul > li:nth-child(5) {position: static !important;}

    .search_con {float: right;margin-top: 0px;color: #fff;margin-left: 28px;position: relative;display: flex;align-items: center;}
    .search_con .serch-btn>i{font-size: 24px;background: transparent !important;color: #fff;}
    .search_con .serch-btn{ position: relative;z-index: 5;float: left;width: 48px;height: 48px; display: flex;justify-content: center;align-items: center;border-radius: 50%;transition: all 0.3s;color: #fff;border: 1px solid transparent;padding: 0;}
    .search_con a{border: 1px solid #fff;/* padding: 0 30px; */}
    .search_con a span{color:#fff; }
    .search_con a::before{background-color: #9068ee;}
    .search_con2{margin-left: 60px;}
    @media(max-width: 1860px){
        .header .menu > li > a{padding: 0 16px;}
        .search_con .serch-btn{width: 40px;height: 40px;}
    }
    @media(max-width: 1599px){
        .search_con .serch-btn{width: 30px;height: 30px;}
    }
    @media(max-width: 1439px){}
    @media(max-width: 1365px){
        .header .menu > li > a{padding: 0 10px;}
    }
    @media(max-width: 1199px){
        .header .menu > li > a{height: 40px;}
    }
    @media(max-width: 991px){}
    @media(max-width: 767px){}
    #menu_input { border: 0px; background: none; color: #fff; width: 125px; float: left; height: 30px; line-height: 30px; margin-left: 10px; }

    #menu_input::placeholder { color: #fff; }
    .search_con .search_conleft i { font-size: 16px; cursor: pointer; display: inline-block; color: #929292; line-height: 30px; }
    .public-btn1 {float: left;position: relative;z-index: 1;display: inline-flex;align-items: center;justify-content:space-between;padding: 0px 5px;height: 50px;border-radius: 40px;color: #9068ee;cursor: pointer;border: 1px solid #9068ee;transition: all 0.3s;overflow: hidden;}
    .public-btn1 span {position: relative;z-index: 5;color: #19324f;transition: all 0.3s;margin: 0px 20px;font-weight:normal;font-size: 16px;}
    .public-btn1 i {background: #fff;position: relative;z-index: 5;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 50%;transform: rotate(-45deg);transition: all 0.3s;color: #09050d}
    .public-btn1::before {content: "";position: absolute;top: -2px;left: -2px;z-index: -1;width: calc(100% + 4px);height: calc(100% + 4px);background-color: #9068ee;border-radius: 25px;transform: scaleX(0);transform-origin: right;-webkit-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);-o-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);}
    .public-btn1:hover { color: #fff;}
    .public-btn1:hover span { color: #fff; }
    .public-btn1:hover i {color: #9068ee;background: #fff;}
    .public-btn1:hover::before { transform: scaleX(1); transform-origin: left; }    
    .public-btn2{background: #fff;border: 1px solid #fff;}
    .public-btn2:hover{border: 1px solid #1a1527;}
    .public-btn2 i{background: #563e98;color: #fff;}
    .public-btn2:hover i{color: #563e98;}
    .public-btn2 span{color: #1a1527;font-size: 14px;margin: 0 20px;}
    .public-btn2::before{background: #563e98;}
    .public-btn3{background: #9068ee;color: #fff;}
    .public-btn3 span{color: #fff;}
    .public-btn3:hover span{color: #9068ee;}
    .public-btn3 i{background: #fff;color: #9068ee;}
    .public-btn3:hover i{color: #fff;background: #9068ee;}
    .public-btn3:hover{color: #9068ee;}
    .public-btn3::before{background-color: #fff;}
    .public-btn4{background: #563e98;border: 1px solid #563e98;color: #fff;}
    .public-btn4:hover{border: 1px solid #563e98;}
    .public-btn4 span{color: #fff;font-size: 14px;}
    .public-btn4:hover span{color: #563e98;}
    .public-btn4 i{background: #fff;color: #563e98;}
    .public-btn4:hover i{background: #563e98;color: #fff;}
    .public-btn4::before{background: #fff;}
    .public-btn5{background: #fff;border: 1px solid #fff;}
    .public-btn5:hover{border: 1px solid #132843;}
    .public-btn5 i{color: #fff;background: #132843;}
    .public-btn5:hover i{color:#132843;}
    .public-btn5 span{color:#000;}
    .public-btn5::before{background: #132843;}
    .public-btn6{border: 1px solid #fff;}
    .public-btn6:hover{border: 1px solid #dc2d28;}
    .public-btn6 span{color: #fff;}
    .public-btn6:hover i{color: #dc2d28;}
    .public-btn6 i{background: #fff;color: #9068ee;}
    .public-btn6::before{background-color: #dc2d28;}
    .public-btn7{background: transparent;border: transparent;border-bottom: 1px solid rgba(255, 255, 255,.2);border-radius: 0;}
    .public-btn7:hover{background: transparent;border-bottom: 1px solid #9068ee;}
    .public-btn7::before{display: none;}
    .public-btn7 span{color: #fff;margin: 0;}
    .public-btn7:hover span{color: #9068ee;}
    .public-btn7 i{background: transparent;color: #fff;}
    .public-btn7:hover i{background: transparent;}
    .public-btn8{border: 1px solid transparent;}
    .public-btn8:hover{border: 1px solid #9068ee;}
    @media (min-width:1921px) {
        .header .nav{float: right;}
    }
    @media (min-width:2200px) {
    }
    @media (min-width:2400px) {
    }
    @media (max-width:1199px) {
        .header .container1{height: 90px;}
        .public-btn1 span{margin: 0 15px;font-size: 16px;}
    }
    @media (max-width:767px) {
        .public-btn1{height: 40px;font-size: 14px;}
        .public-btn1 i{width: 30px;height: 30px;font-size: 14px;;}
        .public-btn1::before { border-radius: 0.4rem; }
        .public-btn1 span{font-size: 14px;}
    }
    @media (max-width:430px) {

    }
    /* .fixed-header-on .header > .container{display: none;} */
    .fixed-header-on .header .logo {float: left;/* margin-top: 25px; */}

    .fixed-header-on .header .logo .imgto { display: none }
    .fixed-header-on .header .logo .imgonto { display: block }
    .fixed-header-on .header .menu > li > a {font-size: 16px;color: #19324f;transition: all .3s ease-in-out;/* height: 48px; */}
    .fixed-header-on .header .menu > li:hover > a {color: #fff;}
    .fixed-header-on .header .menu > li > a:after {content: "";display: block;margin-left: 0;}
    .fixed-header-on .header .menu > li.active > a{color: #fff;background: #9068ee;}
    .fixed-header-on .header .menu > li.active > a i{color: #fff;opacity: 1;}
    .fixed-header-on .header .menu > li:hover > a:after {width: 100%;margin-left: 0;}
    .fixed-header-on .header .lochanges .rightbort i {line-height: 25px; float: left; color: #1a1527}
    .fixed-header-on .header .menu > li.active > a:after {width: 100%;margin-left: 0;}
    .fixed-header-on .header {height: auto;z-index: 998;position: fixed;background: #fff;border-bottom: 1px solid #ddd;border-radius: 0 0 40px 40px;}
    .fixed-header-on .search_con .serch-btn{color: #000;}
    .fixed-header-on .search_con .serch-btn:hover{ }
    .fixed-header-on .search_con2 a{background: #563e98;}
    .fixed-header-on .search_con2 a:hover{border:1px  solid #563e98;}
    .fixed-header-on .search_con a span{color: #fff;}
    .fixed-header-on .search_con a:hover span{color: #563e98;}
    .fixed-header-on .search_con a i{background: #fff;color: #1a1527;}
    .fixed-header-on .search_con2 a:hover i{background: #563e98;color: #fff;}
    .fixed-header-on .search_con2 a::before{background: #fff;}
    .item-nav {display: flex;position: relative;overflow: hidden;background: #fff;border-radius: 20px;box-shadow: 0px 5px 10px 0 #66666666;min-height: 350px;}
    .left { float: left; }
    .item-nav .left {overflow: hidden;height: auto !important;width: 33.3%;padding: .5rem;background: #f5f5f5;position: relative;display: flex;flex-direction: column;justify-content: space-between;align-items: self-start;}
    .item-nav .left::after { content: ''; display: block; width: 1px; height: 100%; background: #e5e5e5; position: absolute; right: 0; top: 0; }
    .item-nav .left .ntitle { padding-bottom: 10px; }
    .item-nav .left .ntitle h3 { font-size: 24px;font-weight: bold; color: #9068ee; text-transform: uppercase; margin: 0; }
    .item-nav .left .img { }
    .item-nav .left .img { display: block; margin-top: 15px; }
    .item-nav .left .text { padding: 20px 0; overflow: hidden; font-size: 14px; line-height: 24px; color: #818194; margin-top: 15px; }
    .item-nav .left .btn { overflow: hidden;;font-size: 0; border: 1px solid #ccc; display: inline-block; padding: 0 20px 0 25px; position: relative; border-radius: 25px; float: left; display: flex; height: 42px; line-height: 42px; }
    .item-nav .left .btn span { font-size: 14px; color: #666; display: inline-block; vertical-align: middle; margin-right: 10px; z-index: 3; position: relative; }
    .item-nav .left .btn i { color: #666; position: relative; z-index: 3; }
    .item-nav .left .btn::before { content: ''; display: block; width: 0px; height: 100%; position: absolute; left: 0; top: 0; background: #9068ee; z-index: 1; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; border-radius: 25px; }
    .item-nav .left .nav-a{width: 100%;padding: 13px 20px;border-radius: 20px;display: inline-flex;justify-content: space-between;margin-bottom: 10px;transition: all .3s ease-in-out;position: relative}
    .item-nav .left .nav-a:hover{background: #ededed;}
    .item-nav .left .nav-a span{font-size: 14px;color:rgba(26,21,39,0.45);transition: all .3s ease-in-out;}
    .item-nav .left .nav-a:hover span{color: #1a1527;}
    .item-nav .left .nav-a i{opacity: 0;color:#1a1527;transition: all .3s ease-in-out;}
    .item-nav .left .nav-a:hover i{opacity: 1;}
    .item-nav .left a {overflow: hidden;width: auto;}
    .item-nav .left a:hover .btn::before { width: 100%; }
    .item-nav .left a:hover .btn span { color: #fff; }
    .item-nav .left a:hover .btn i { color: #fff !important; }
    .item-nav .cnav {background: #f5f5f5;float: left;overflow: hidden;width: 50%;padding:.5rem;position: relative;/* margin-top: 15px; */display: flex;/* gap: 8%; */flex-wrap: wrap;/* max-height: 266px; *//* overflow-y: auto; */flex-direction: column;}
    .item-nav .cnav.abw50{width:40% ;}
    /* .item-nav .cnav::after { content: ''; display: block; width: 1px; height: 100%; background: #e5e5e5; position: absolute; right: 0; top: 0; } */
    .item-nav .cnav:last-child::after { display: none; }
    .item-nav .cnav .libb{margin-block-start: auto;}
    .item-nav .cnav .libb a{margin-top: 20px;}
    .item-nav .cnav .liab {list-style: none;padding: 0px 0 10px 0;overflow: hidden;position: relative;width:100%;}
    .item-nav .cnav .liab a {position: relative;display: inline-block;padding-bottom: 10px;overflow: hidden;/* margin-bottom: 10px; */}
    .item-nav .cnav .liab a::before, .item-nav .cnav li a::after,.item-nav .cnav .liab a::after { content: ''; display: block; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; bottom: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }
    .item-nav .cnav .liab a::before , .item-nav .cnav li a::after { width: 0px; height: 2px; z-index: 3; }
    .item-nav .cnav .liab a:hover::before { width: 100%; background: #9068ee; }
    .item-nav .cnav .liab a h4 { font-size: 14px; color:rgba(26,21,39,0.45); margin: 0; }
    .item-nav .cnav .liab a i { width: 9px; height: 12px; position: absolute; top: 50%; right: 5%; margin-top: -15px; display: block; opacity: 0; }
    .item-nav .cnav .liab a:hover i { display: block; opacity: .5; right: 0; }
    .item-nav .cnav .liab a:hover h4 { color: #000; }
    .item-nav .cnav .liab a.cur h4 { color:#1a1527; }
    .item-nav .cnav .liab a.cur i { display: block; opacity: .5; right: 0; }
    .item-nav .cnav .liab a.cur::before { width: 100%; background: #9068ee; }
    .item-nav .cnav .liab a.cur::after{width: 100%;background: ##e5e5e5;}
    .item-nav .left.w50 { width: 50%; }
    .item-nav .left.w50 .img {float: left;border-radius: 10px;overflow: hidden;}
    .item-nav .left.w50 .text { float: left; width: 45%; padding: 0px 0 20px 5%; }
    .item-nav .left.w50 .btn { margin-left: 5%; }
    .item-nav .cnav ul { list-style: none; margin: 0; padding: 0; }
    .item-nav .cnav .cnav-show{ display: none; }
    .item-nav .cnav .cnav-show.cur{ display: block;height: 100%;}
    .item-nav .cnav .cnav-show .txt p{font-size: 14px;color: #1a1527;margin-bottom: .3rem;}
    .item-nav .cnav .cnav-show .img{border-radius: 20px;overflow: hidden;height: 100%;}
    .item-nav .cnav .cnav-show .img img{width: 100%;height: 100%;object-fit: cover;}
    .item-nav .cnav li {list-style: none;padding: 0px 0 10px 0;overflow: hidden;position: relative;}
    .item-nav .cnav li a {position: relative;display: block;padding-bottom: 10px;overflow: hidden;color:#818194;font-size: 14px;}
    .item-nav .cnav li a::before, .item-nav .cnav li a::after { content: ''; display: block; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; bottom: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }
    .item-nav .cnav li a::before { width: 0px; height: 2px; z-index: 3; }
    .item-nav .cnav li a:hover::before { width: 100%; background: #9068ee; }
    .item-nav .cnav li a h4 { font-size: 16px; color: #999999; margin: 0; }
    .item-nav .cnav li a i { width: 9px; height: 12px; position: absolute; top: 50%; right: 5%; margin-top: -15px; display: block; opacity: 0; }
    .item-nav .cnav li a:hover i { display: block; opacity: .5; right: 0; }
    .item-nav .cnav li a:hover h4 { color: #000; }
    .item-nav .cnav li a.cur h4 { color: #000; }
    .item-nav .cnav li a.cur i { display: block; opacity: .5; right: 0; }
    .item-nav .cnav li a.cur::before { width: 100%; background: #9068ee; }
    .item-nav .cnav .email { overflow: hidden; padding-top: 10px; }
    .item-nav .cnav .email h4 { font-size: 24px; color: #1a1a1a; margin: 10px 0; }
    .item-nav .cnav .email h3 { margin: 0; line-height: 30px; }
    .item-nav .cnav .email h3 a { font-size: 24px; color: #9068ee; margin: 0; }
    .item-nav .cnav.cnav2.w25 {width: 50%;padding:.3rem;background: #fff;}
    .newsnav { list-style: none; margin: 0; padding: 0; }
    .newsnav a { display: block; overflow: hidden; }
    .newsnav a .txt { width: 100%; overflow: hidden; }
    .newsnav a .txt h5 { margin: 0; font-size: 14px; line-height: 20px; font-weight: normal; color: #1a1a1a; }
    .newsnav a .txt h6 { margin: 0; font-size: 12px; font-weight: normal; color: #999999; padding-top: 8px; }
    .newsnav.top .img { display: block; overflow: hidden; position: relative; float: left; width: 25%; }
    .newsnav.top .txt { float: left; width: 70%; padding-left: 5%; }
    .newsnav.top .txt h5 { font-size: 16px; }


    .nav > ul > li.dropdown ul { position: absolute; width: 210px; height: auto; left: 0; top: 58px; z-index: 9999; padding: 3px 0 0; border-radius: 4px; background: #fff; box-shadow: rgba(0,0,0,0.14) 0px -6px 9px 0px; transform: rotate3d(1,0,0,-90deg); -webkit-transform: rotate3d(1,0,0,-90deg); -o-transform: rotate3d(1,0,0,-90deg); -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; transform-origin: 0 0 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; transition: transform 0.5s, opacity 0.3s; -webkit-transition: -webkit-transform 0.5s, opacity 0.3s; }
    .nav > ul > li.dropdown ul::before { content: ''; position: absolute; left: 20px; margin: 0; top: -8px; overflow: hidden; display: inline-block; border-right: 8px solid transparent; border-bottom: 8px solid #fff; border-left: 8px solid transparent; }
    .nav > ul > li.dropdown ul > li { float: none; border-bottom: 1px solid #EDEDED; text-align: left; position: relative; }
    .nav > ul > li.dropdown ul > li:last-child { border: none; }
    .nav > ul > li.dropdown ul > li > a { display: block; padding: 10px 20px; border: none; color: #333; font-size: 14px; line-height: 22px; text-transform: capitalize; }
    .nav > ul > li.dropdown ul > li > a i { position: absolute; right: 10px; font-size: 11px; }
    .nav > ul > li.dropdown ul > li > a:hover { color: #f7931e; }
    .nav > ul > li.dropdown:hover > a > i { transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
    .nav > ul > li:hover > ul { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: rotate3d(0,0,0,0); -webkit-transform: rotate3d(0,0,0,0); -o-transform: rotate3d(0,0,0,0); }


    .nav > ul > li .divDropDown {width: 940px;position: absolute;left:calc((100% - 940px)/2);top: 111px;padding-top: 1px;/* border-bottom: 1px solid #f1f1f1; */z-index: 998;transform: rotate3d(1,0,0,-90deg);-webkit-transform: rotate3d(1,0,0,-90deg);-webkit-transform-origin: 0 0 0;transform-origin: 0 0 0;opacity: 0;transition: transform .5s,opacity .3s;-webkit-transition: -webkit-transform .5s,opacity .3s;text-align: left;/* overflow: hidden; */}
    .fixed-header-on2 .nav > ul > li .divDropDown { width: 100%; position: absolute; left: 0; top: 100px; padding: 30px 0 50px; background: #e2e3e8; border-top: 1px solid #333; z-index: 998; transform: rotate3d(1,0,0,-90deg); -webkit-transform: rotate3d(1,0,0,-90deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; transition: transform .5s,opacity .3s; -webkit-transition: -webkit-transform .5s,opacity .3s; text-align: left; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden }

    .fixed-header-on .menu > li > a > i { color: #19324f;font-size: 12px;}
    .fixed-header-on .menu > li.active > a > i { color: #9068ee }
    .fixed-header-on .menu > li:hover > a > i { color: #fff;z-index: 1;}
    .fixed-header-on2 .menu > li > a > i { color: #9068ee }
    .nav > ul > li:hover .divDropDown { transform: rotate3d(1,0,0,0); -webkit-transform: rotate3d(1,0,0,0); opacity: 1 }


    .he_ZoomInImg_img { position: relative; display: block; width: 100%; padding: 0; margin: 0; opacity: 1; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; overflow: hidden; }
    .he_ZoomInImg_img:hover { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
    .nav > ul > li .divDropDown .item { float: left; width: calc((100% - 80px)/3) }
    .nav > ul > li .divDropDown .item:last-child { margin-right: 0 }
    .nav > ul > li .divDropDown .item h5 { border-bottom: 1px solid #ddd; margin-bottom: 10px }
    .fixed-header-on2 .nav > ul > li .divDropDown .item h5 { border-bottom: 1px solid #333; margin-bottom: 10px }
    .nav > ul > li .divDropDown .item h5 a { color: #9068ee; line-height: 20px; display: block; padding: 10px 0; font-size: 16px; }
    .nav > ul > li .divDropDown .item p { font-size: 12px; }
    .nav > ul > li .divDropDown .item:nth-child(2n+1) { margin-right: 0 }
    .nav > ul > li .divDropDown .item:nth-child(2) h5 a { color: #6ecac9 }
    .nav > ul > li .divDropDown .item:nth-child(2) { margin: 0 40px }
    .nav > ul > li .divDropDown .item:nth-child(3) h5 a { color: #b888f8 }
    .nav > ul > li .divDropDown .item:nth-child(4) h5 a { color: #ff9655 }
    .nav > ul > li .divDropDown .item ul { padding: 0; margin: 0; min-height: 90px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between }
    .nav > ul > li .divDropDown .item ul li { width: 100%; line-height: 30px }
    .nav > ul > li .divDropDown .item ul li a { color: #333 }
    .nav > ul > li .divDropDown .item ul li a:hover { color: #9068ee }
    .nav > ul > li .divDropDown .item .img { float: left; width: 100%; border: 1px solid #ddd; margin-top: 20px; overflow: hidden; }
    .nav > ul > li .divDropDown .item .img img { float: left }
    header .nav-icon { display: none; cursor: pointer }
    header .nav-icon span { display: block; width: 22px; height: 3px; background: #4c5b70; border-radius: 2px; transition: all .3s linear }
    header .nav-icon span:not(:first-child) { margin-top: 3px }
    header .nav-icon.on span:nth-of-type(1) { -webkit-transform: matrix(1,0,0,1,0,6) rotate(45deg); transform: matrix(1,0,0,1,0,6) rotate(45deg) }
    header .nav-icon.on span:nth-of-type(3) { -webkit-transform: matrix(1,0,0,1,0,6) rotate(45deg); transform: matrix(1,0,0,1,0,-6) rotate(-45deg) }
    header .nav-icon.on span:nth-of-type(2) { width: 0 }
    .header .icoSearch { float: right; margin-left: 30px; margin-top: 27px }
    .header .logo .imgonto { display: none }

    .fixed-header-on .cd-nav-trigger span { background: #333; }

    .fixed-header-on2 .header .logo .imgto { display: none }
    .fixed-header-on2 .header .logo .imgonto { display: block }
    .fixed-header-on2 .header { height: 120px; z-index: 998; position: fixed; background: #e2e3e8; border-bottom: 1px solid #ddd; }
    .fixed-header-on2 .header .menu > li > a { font-size: 16px; color: #333; height: 51px; display: inline-block; transition: all .3s ease-in-out }
    .fixed-header-on2 .header .search_con { color: #333 }
    .fixed-header-on2 .cd-nav-trigger span { background: #333; }


    .cd-nav-trigger { width: 9%; height: 100%; position: absolute; right: 0; top: 0; display: block; z-index: 611; transition: all .3s ease 0s; }
    .cd-nav-trigger span { position: absolute; left: 50%; top: 50%; background: #fff; width: 60px; height: 3px; transform: translateX(-50%); margin-top: -1.5px; }
    .cd-nav-trigger span:first-child { margin-top: -8px; }
    .cd-nav-trigger span:last-child { margin-top: 6px; }
    .cd-nav-trigger:hover span:first-child, .cd-nav-trigger:hover span:last-child { margin-top: 0px; transition: all .3s ease-in-out }
    .header-nav-show { width: 100%; height: 100%; right: 0; top: 0; z-index: 1111; overflow: hidden; position: fixed; color: #fff; transition: all .6s ease; transform: translateX(101%); }
    .header-nav-show::after { content: ''; width: 100%; height: 100%; position: absolute; right: 0; top: 0; z-index: 1; background: #8ec31f; }
    .header-nav-show ul, .header-nav-show li { list-style: none; margin: 0; padding: 0; }
    .header-nav-show-left { position: absolute; left: 0; top: 0; width: 55%; height: 100%; z-index: 11; }
    .header-nav-show-right { position: absolute; right: 0; top: 0; width: 45%; height: 100%; z-index: 11; }
    .header-show-nav { position: absolute; left: 40%; top: 50%; z-index: 11; transform: translate(-50%,-50%); transition: all .6s .4s ease-in-out; }
    .header-show-nav ul { overflow: hidden; }
    .header-show-nav li { opacity: 0; transform: translateX(100%); }
    .header-show-nav li a { color: #ffffff; opacity: .5; position: relative; }
    .header-show-nav li a:hover { opacity: 1; }
    .header-contact { position: absolute; left: 0; top: 50%; z-index: 11; transform: translateY(-50%); width: 70%; padding-left: 15%; overflow: hidden; }
    .header-contact::after { content: ''; width: 1px; height: 100%; background: #fff; position: absolute; left: 0; top: 0; z-index: 1; opacity: .2; }
    .header-contact::before { content: ''; width: 1px; height: 40%; background: #fff; position: absolute; left: 0; top: 0; z-index: 11; opacity: 1; animation: downtoup1 infinite 3.4s cubic-bezier(0.77, 0, 0.175, 1); }
    .header-contact-item { overflow: hidden; padding-bottom: 7%; opacity: 0; transform: translateX(100%); }
    .header-contact-item .title-1 { color: #c8e195; }
    .header-contact-item .text-2 { color: #fff; margin-top: 4%; }
    .header-contact-item .text-2 li { list-style: none; margin: 0; padding: 0; margin-right: 40px; margin-bottom: 2%; display: inline-block; vertical-align: middle; }
    .close-nav { position: absolute; right: 3%; top: 5%; width: 60px; height: 30px; z-index: 111; }
    .close-nav a { display: block; width: 100%; height: 100%; position: relative; }
    .close-nav a::before { content: ''; width: 100%; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background: #fff; transition: all .4s ease; }
    .close-nav a:hover::before { width: 50%; left: 25%; }
    .header-nav-show-right .footer-social { position: absolute; right: 0; bottom: 10%; z-index: 11; text-align: right; width: auto; left: auto; opacity: 0; transition: all 1s 0.3s; }
    .header-show-nav li:nth-child(1) { transition: all 0.6s 0.1s; }
    .header-show-nav li:nth-child(2) { transition: all 0.7s 0.2s; }
    .header-show-nav li:nth-child(3) { transition: all 0.8s 0.3s; }
    .header-show-nav li:nth-child(4) { transition: all 0.9s 0.4s; }
    .header-show-nav li:nth-child(5) { transition: all 1.0s 0.5s; }
    .header-show-nav li:nth-child(6) { transition: all 1.2s 0.6s; }
    .header-show-nav li:nth-child(7) { transition: all 1.3s 0.7s; }
    .header-contact-item:nth-child(1) { transition: all 0.6s 0.1s; }
    .header-contact-item:nth-child(2) { transition: all 0.8s 0.2s; }
    .header-contact-item:nth-child(3) { transition: all 0.8s 0.3s; }

    [data-scroll] { will-change: transform; }
    .header-lang { position: relative; z-index: 200; float: left }
    .header-lang .box { height: 25px; padding: 0 6px; cursor: pointer; box-sizing: border-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center }
    .header-lang .box img { height: 16px }
    .header-lang .box em {margin: 0 7px; font-size: 14px;color:rgba(255, 255, 255,.5); display: inline-block; font-style: normal }
    .header .lochanges .rightbort .header-lang .box i {font-size: 12px;height: 15px;transition: all .3s ease 0s;line-height: 15px}
    .fixed-header-on .header-lang .box em {color:#1a1527;/* font-weight: bold; */font-size: 14px;}
    .fixed-header-on .header .lochanges .rightbort .header-lang .box i { color: #19324f}


    .fixed-header-on2 .header-lang .box em { color: #9068ee }
    .fixed-header-on2 .header .lochanges .rightbort .header-lang .box i { color: #9068ee }
    .header-lang ul {overflow: scroll;overflow-x: hidden;max-height: 160px;width: 200px;padding: 0 6px;position: absolute;left: -60px;top: 34px;z-index: 200;background: #fff;border: 1px solid #666;opacity: 0;visibility: hidden;box-sizing: border-box;transition: all .4s ease 0s;transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0);flex-wrap: wrap;display: flex;}
    .header-lang ul li { line-height: 20px; padding: 5px 0; border-bottom: 1px solid #f5f5f5; width: 50%; }
    .header-lang ul li:last-child { border-bottom: none }
    .header-lang ul li a { font-size: 14px; font-weight: 500; color: #19324f }
    .header-lang ul li img { height: 16px; margin-right: 6px }
    .header-lang ul li a:hover { color: #9068ee }
    .searchbox { position: fixed; left: 0; right: 0; top: 0; height: 2.5rem; align-items: center; z-index: 10; background: #fff; padding: 0 8vw; transition: all .5s ease-in-out; transform: translateY(-100%); z-index: 9999; display: block; }
    .searchform {overflow: hidden;border-radius: 18px;align-items: center;/* border: 1px solid #9068ee; *//* float: left; */width: 100%;position: relative;display: flex;background-color: #fff;}
    .searchform>i{padding: 0 14px;color:#9068ee;}
    .searchform input {flex: 1;text-align: left;font-size: 12px;color: #666;width: 100%;float: left;height: 31px;background: transparent;}
    .searchform input::placeholder{color: #9fa7be;}
    .searchform button {background-color: transparent;border-left: 1px solid #9068ee;color: #9068ee;font-size: 12px;padding: 0 16px;cursor: pointer;height: 100%;}
    .searchform button i { font-size: 26px; cursor: pointer }

    .searchform2 { align-items: center; margin-top: 45px; border-bottom: 1px solid #ededed; float: left; width: 100%; position: relative; padding-bottom: 35px; }
    .searchform2 input { flex: 1; text-align: left; font-size: 16px; color: #666; width: 100%; float: left; height: 50px; }
    .searchform2 button { background: 0 0; color: #333; position: absolute; right: 0px; top: 10px; }
    .searchform2 button i { font-size: 26px; cursor: pointer }
    .search-show-bottom { padding-top: 20px; float: left; width: 100%; overflow: hidden; }
    .hot-search-1 { overflow: hidden; color: var(--gray3); }
    .hot-search-1 h6 { font-weight: normal; display: inline-block; vertical-align: unset; margin: 0; padding: 0; color: #000000; }
    .hot-search-1 a { font-weight: normal; margin: 0; padding: 0; color: #999999; }
    .hot-search-1 a:hover { color: #9068ee; }
    .search-close { margin-left: 3vw; width: .3rem; cursor: pointer; position: absolute; right: 0; top: 0 }
    .search-close i { font-size: 30px }
    .searchbox.on { transform: translateY(0); padding: 0 8vw;}
    .bagg { width: 100%; height: 100%; background-color: #000; opacity: .5; position: fixed; display: none; z-index: 99 }
    @media(min-width:991px) {
        .header-lang:hover ul { opacity: 1; visibility: visible; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0) }
        .header-lang:hover .box i { transform: rotate(180deg); -webkit-transform: rotate(180deg) }
    }

    @media(max-width:991px) {
        .moblie_head {display: flex !important;background:#f2f1f8;padding: 10px 15px;position: fixed;z-index: 999;top: 0;padding-top: 20px;border-bottom: 1px solid transparent;width: 100%;align-items: center;justify-content: space-between;transition:all .3s ease-in-out;}
        .fixed-header-on .moblie_head{background: #fff;border-bottom: 1px solid #ddd;padding-top: 10px;}
        .header-lang .box {padding: 0;}
        .moblie_head .lf {float: left;flex: 1;text-align: left;/* margin-top: 10px; */height: 100%;}
        .moblie_head .lf img {margin-top: 10px;margin-bottom: 10px;transition: all .3s ease-in-out;}
        .fixed-header-on .moblie_head .lf img{height: 35px;}
        .fixed-header-on .nav { margin-top: 0 }
        .fixed-header-on2 .nav { margin-top: 0 }
        .moblie_head .rg {/* padding-top: 10px; */display: flex;align-items: center;width: 50px;height: 50px;justify-content: center;background: #9068ee;border-radius: 50%;}
        .moblie_head .lochanges {float: left;margin-left: 0;display: flex;margin-right: 30px;}
        .header-lang .box em { margin:0 10px;font-size: 14px;color:#132843;}
        .moblie_head .lochanges .leftbort { float: left; width: 1px; background: #333; height: 32px; margin-top: 8px }
        .header-lang ul { border: 1px solid #333 ;left: -120px;}
        .moblie_head .lochanges .rightbort {float: left;color: #333;margin-left: 0;display: flex;align-items: center;}
        .moblie_head .lochanges .rightbort i { float: left ;color: #9068ee;}
        .moblie_head .lochanges .rightbort >i{font-size: 24px;color: #9068ee;}
        .header__icons { margin-right: 6px; }

        .header-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative }

        .header-search__button,
        .header-search__submit { border: none; background: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30px; cursor: pointer; outline: 0; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; stroke: #3c454e; -webkit-box-sizing: none; box-sizing: none }
        .header-search__button i { color: #000; font-size: 20px; }
        .header-search__submit i { color: #fff; font-size: 20px; }
        .header-search__submit { stroke: #fff; }

        .header-search__button:focus,
        .header-search__submit:focus { outline: 0 }

        .header-search__button:focus,
        .header-search__button:hover { stroke: #3263c9 }

        .header-search__button_fixed:focus,
        .header-search__button_fixed:hover { opacity: .5; stroke: #3c454e }

        .header-search__submit:focus,
        .header-search__submit:hover { opacity: .5 }

        .header-search__form { position: absolute; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; width: 5rem; top: 0; bottom: 0; margin: auto 0 }

        .header-search__form_hide { opacity: 0; pointer-events: none }

        .header-search__form_hide .header-search__input { width: 50px; }

        .header-search__submit { position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0 }

        .header-search__input { border-radius: 8px; width: 5rem; max-width: 100%; background: #8ec31f; color: #fff; border: none; padding: 15px 20px; -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s }

        .header-search__input::-webkit-input-placeholder { font-size: 14px; font-weight: 300; color: #fff }

        .header-search__input::-moz-placeholder { font-size: 14px; font-weight: 300; color: #fff }

        .header-search__input:-ms-input-placeholder { font-size: 14px; font-weight: 300; color: #fff }

        .header-search__input::-ms-input-placeholder { font-size: 14px; font-weight: 300; color: #fff }

        .header-search__input::placeholder { font-size: 14px; font-weight: 300; color: #fff }


        .a_txt { display: block; position: fixed; top: 0; left: 0; width: 0; height: 0; overflow: hidden; z-index: 1000 }
        .a_txt .div1 { position: absolute; width: 100%; height: 100%; background: #0b0d19; filter: alpha(opacity=0); opacity: 0; left: 0; top: 0 }
        .a_txt .div2 { position: absolute; width: 20%; left: 0; top: 5%; z-index: 100; text-align: center; filter: alpha(opacity=0); opacity: 0 }
        .a_txt .div3 { position: absolute; width: 80%; right: 0; top: 0; background: #0b0d19; height: 100%; z-index: 100; right: -80% }
        .a_txt .div3 ul { padding-left: 5%; padding-right: 5% }
        .a_txt .div3 ul li { border-bottom: 1px solid #232530 }
        .a_txt .div3 ul li a { display: block; height: 45px; color: #fff; line-height: 45px; padding-left: 5%; font-size: 16px }
        .a_txt .div3 ul li .div_js1 { background: url(../images/7_15.png) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s }
        .a_txt .div3 ul li .div_js_on1 { background: url(../images/7_14.jpg) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s }
        .a_txt .div3 ul li .div_js_txt1 a { height: 40px; line-height: 40px; font-size: 14px }
    }
    @media(max-width:767px) {
        .searchform{border-radius: 24px;}
        .searchform input{font-size: 14px;padding: 13px 2px;height: 40px;}   
        .searchform button{font-size: 14px;}     
        .moblie_head .rg{width: 40px;height: 40px;}
    }
    @media(max-width:430px) {
        .moblie_head .lochanges{margin-right: 10px;}
        .header-lang .box em{font-size: 14px;}
    }

    @media(min-width:992px) and (max-width:1069px) {
        .header .logo img { height: 36px; margin-top: 7px; }
        .header .menu > li {float: left;margin-right: 5px;}
        .search_con {background: none;margin-left: 10px;}
        .fixed-header-on .header .search_con { background: none; }
        .fixed-header-on .search_con .search_conleft { background: #333; }
        .fixed-header-on .search_con .search_conleft i { color: #fff; }
        #menu_input { width: 75px; font-size: 12px; display: none; }
        .header {/* height: 90px; */}
        .header .menu_mail { display: none; }
        .header .menu > li a { font-size: 13px; }
        .fixed-header-on .header .menu > li > a { font-size: 13px; }
        .header .menu > li > a > i { font-size: 13px; }
        .header .lochanges { margin-left: 10px; }
        .header-lang ul {left: -110px;}
        .search_con2 { margin-left: 10px; }
        .header-lang .box em { margin: 0 5px; font-size: 13px; }
        .header .menu > li > a:after { margin-top: 19px; }
        .header .nav {/* margin-top: 23px; */margin-left: 20px;}
        .fixed-header-on .header .nav {/* margin-top: 23px; */}
        .fixed-header-on .header .menu > li > a:after { margin-top: 14px; }
        .nav > ul > li .divDropDown {top: 90px;width: 70%;left: 15%;}
        .searchform {/* margin-top: 25px; *//* padding-bottom: 15px; */}
        .searchform input { font-size: 14px; }
        .item-nav{border-radius: 10px;}
        .item-nav .cnav.cnav2.w25{padding: 20px;}
        .item-nav .left.w50 { width: 40%; }
        .item-nav .left.w50 .img { float: left; }
        .item-nav .left.w50 .text { width: 100%; padding: 0px; padding-bottom: 10px; float: initial; padding-top: 15px; font-size: 13px; line-height: 20px; }
        .item-nav .left.w50 .btn { margin-left: 0px; font-size: 12px; }
        .item-nav .left .ntitle h3 { font-size: 18px; }
        .item-nav .left .text { font-size: 12px; margin-top: 5px; }
        .font15 { font-size: 12px; }
        .item-nav .cnav {width: 50%;padding:20px;}
        .item-nav .cnav.abw50 { width: 40%; padding: 0 5% 0 5% !important; }
        .item-nav .cnav .liab a h4 { font-size: 14px; }
        .item-nav .cnav .liab a i { background: none; }
        .item-nav .cnav li a i { background: none; }
        .item-nav .cnav .cnav-show .img{border-radius: 10px;}
        .item-nav .left .btn span { font-size: 12px; }
        .item-nav .left {padding: 20px; padding-right: 15px;}
        .item-nav .cnav ul.cnav-show { width: 100% !important; }
        .item-nav .cnav .email h3 a { font-size: 18px; }
        .item-nav .cnav li a h4, .screen-banner-swiper .screen-banner-slide .btn-2 a span, .interesting-list a .text h5, .video-list-bottom a .text h3, .evcharger-data .item li h5, .product-range-list .item-2 .text h5, .index-about .title-style h6 { font-size: 12px; line-height: 22px; }
        .item-nav .cnav li { padding: 0px 0 10px 0; }
        .item-nav .cnav li a { padding-bottom: 10px; }
    }

    @media(min-width:1070px) and (max-width:1199px) {
        .header {/* height: 90px; */}
        .header .logo img { height: 40px; margin-top: 5px; }
        .header .nav { margin-left: 80px; }
        .fixed-header-on .header .menu > li > a:after { margin-top: 14px; }
        .header .menu > li {float: left;margin-right: 0;}
        .nav > ul > li .divDropDown {top: 90px;/* width: 66%; *//* left: 17%; */}
        .header .lochanges {margin-left: 10px;}
        .header-lang ul {left: -110px;}
        .fixed-header-on .header .search_con { background: none; }
        .fixed-header-on .search_con .search_conleft { background: #333; }
        .fixed-header-on .search_con .search_conleft i { color: #fff; }
        #menu_input { width: 75px; font-size: 12px; display: none; }
        .header .menu_mail { display: none; }
        .header .menu > li a { font-size: 14px; }
        .fixed-header-on .header .menu > li > a { font-size: 14px; }
        .header .menu > li > a > i { font-size: 14px; }
        .searchform {/* margin-top: 25px; *//* padding-bottom: 15px; */}
        .searchform input { font-size: 14px; }
        .header .nav {margin-left: 40px;}
        .fixed-header-on .header .nav {/* margin-top: 23px; */}
        .item-nav{border-radius:10px;}
        .item-nav .cnav.cnav2.w25{padding: 20px;}
        .item-nav .left.w50 { width: 40%; }
        .item-nav .left.w50 .img { float: left; }
        .item-nav .left.w50 .text { width: 100%; padding: 0px; padding-bottom: 10px; float: initial; padding-top: 15px; font-size: 13px; line-height: 20px; }
        .item-nav .left.w50 .btn { margin-left: 0px; font-size: 12px; }
        .item-nav .left .ntitle h3 { font-size: 18px; }
        .item-nav .left .text { font-size: 12px; margin-top: 5px; }
        .font15 { font-size: 12px; }
        .item-nav .cnav {width: 50%;/* gap: 20px; */}
        .item-nav .cnav.abw50 { width: 40%; padding: 0 5% 0 5% !important; }
        .item-nav .cnav .cnav-show .img{border-radius: 10px;}
        .item-nav .cnav .liab a h4 { font-size: 14px; }
        .item-nav .cnav .liab a i { background: none; }
        .item-nav .cnav li a i { background: none; }
        .item-nav .left .btn span { font-size: 12px; }
        .item-nav .left {padding: 20px; padding-right: 15px;}
        .item-nav .cnav ul.cnav-show { width: 100% !important; }
        .item-nav .cnav .email h3 a { font-size: 18px; }
        .item-nav .cnav li a h4, .screen-banner-swiper .screen-banner-slide .btn-2 a span, .interesting-list a .text h5, .video-list-bottom a .text h3, .evcharger-data .item li h5, .product-range-list .item-2 .text h5, .index-about .title-style h6 { font-size: 12px; line-height: 22px; }
        .item-nav .cnav li { padding: 0px 0 10px 0; }
        .item-nav .cnav li a { padding-bottom: 10px; }
    }

    @media(min-width:1200px) and (max-width:1279px) {
        .header .logo img { height: 40px; margin-top: 5px; }
        .header .menu > li {float: left;margin-right: 0;}
        .header .menu > li > a:after { margin-top: 20px; }
        .header .nav {float: right;margin-left: 40px;}
        .fixed-header-on .header .nav {margin-left: 20px;}
        .fixed-header-on .header .menu > li > a:after { margin-top: 14px; }
        .nav > ul > li .divDropDown {top: 111px;}
        .search_con {margin-left: 6px;background: none;}
        .search_con .public-btn1 i { margin-left: 10px; }
        .search_con2 { margin-left: 15px; }
        .fixed-header-on .header .search_con { background: none; }
        .fixed-header-on .search_con .search_conleft { background: #333; }
        .fixed-header-on .search_con .search_conleft i { color: #fff; }
        #menu_input { width: 75px; font-size: 12px; display: none; }
        .header .menu_mail { display: none; }
        .header .menu > li a { font-size: 14px; }
        .fixed-header-on .header .menu > li > a { font-size: 14px; }
        .header .lochanges {margin-left: 0;}
        .searchform {/* margin-top: 25px; *//* padding-bottom: 15px; */}
        .searchform input { font-size: 14px; }
        .item-nav .cnav {width: 50%;padding:30px;/* gap: 20px; */}
        .item-nav .cnav .liab a h4 { font-size: 14px; }
        .item-nav .left {padding: 30px; }
        .item-nav .left.w50 { width: 40%; }
        .item-nav .left.w50 .img { float: left; }
        .item-nav .left.w50 .text { width: 100%; padding: 0px; padding-bottom: 10px; float: initial; padding-top: 15px; }
        .item-nav .cnav.abw50 { width: 40%; padding:5% 0 5% !important; }
        .item-nav .cnav.cnav2.w25{padding: 30px;}
        .item-nav .left.w50 .btn { margin-left: 0px; }
    }

    @media(min-width:1280px) and (max-width:1365px) {
        .fixed-header-on .header {/* height: 100px; */}
        .header .logo img { margin-top: 5px;height: 45px; }
        .header .menu > li {float: left;margin-right: 0;}

        .header .nav {/* margin-top: 30px; */float: right;margin-left: 40px;}
        .fixed-header-on .header .nav {/* margin-top: 30px;*/}
        .fixed-header-on .header .menu > li > a:after { margin-top:17px; }
        .nav > ul > li .divDropDown { top: 111px; }
        .search_con {margin-left: 10px;background: none;}
        .search_con .public-btn1 i { margin-left: 10px; }
        .header .lochanges { margin-left: 5px; }
        .search_con2 { margin-left: 5px; }
        .set_3_button { margin-left: 5px; padding: 0 15px; }
        .fixed-header-on .set_3_button { margin-left: 5px; padding: 0 15px; }
        .header .menu_mail { display: none; }
        .header .menu > li a { font-size: 14px; }
        .fixed-header-on .header .menu > li > a { font-size: 14px; }
        .item-nav .left.w50 { width: 60%; }
        .item-nav .cnav .liab a h4 { font-size: 14px; }
    }

    @media(min-width:1366px) and (max-width:1439px) {
        .header {width: 100vw; }
        .fixed-header-on .header .menu > li > a:after { margin-top:17px; }
        .header .logo img { height: 45px; margin-top: 5px; }
        .header .menu > li {float: left;margin-right: 0;}
        .header .nav {float: right;margin-left: 50px;}

        .search_con { margin-left: 35px; }
        .set_3_button { margin-left: 5px; padding: 0 15px; }
        .fixed-header-on .set_3_button { margin-left: 5px; padding: 0 15px; }
        .header .menu_mail { display: none; }
        .header .menu > li a { font-size: 14px; }
        .fixed-header-on .header .menu > li > a { font-size: 14px; }
        .nav > ul > li .divDropDown { top: 111px; }
        .item-nav .left.w50 { width: 60%; }
        .item-nav .cnav .liab a h4 { font-size: 14px; }
        .search_con { margin-left: 15px; background: none; }
        .search_con .public-btn1 i { margin-left: 10px; }
        .header .lochanges { margin-left: 5px; }
        .search_con2 { margin-left: 5px; }
    }

    @media(min-width:1440px) and (max-width:1599px) {
        .header .nav {float: right;margin-left: 50px;}
        .header .menu > li {float: left;margin-right: 0px;}
        .header .lochanges { margin-left: 5px; }
        .search_con2 { margin-left: 5px; }
        .search_con {margin-left: 10px;background: none;}

        .item-nav .left.w50 { width: 60%; }
        .item-nav .cnav .liab a h4 { font-size: 14px; }
    }

    @media(min-width:1600px) and (max-width:1859px) {
        .header .menu > li {float: left;margin-right: 10px;}
        .header .nav {margin-left: 100px;}
        .header .lochanges {margin-left: 10px;}
        .search_con2 { margin-left: 15px; }
        .search_con {margin-left: 10px;background: none;}
    }

    .no-touch .header-nav-show { transform: translateX(0); }
    .no-touch .cd-nav-trigger span:first-child, .no-touch .cd-nav-trigger span:last-child { margin-top: 0px; }
    .no-touch .header-show-nav li, .no-touch .header-contact-item { transform: translateX(0); opacity: 1; }
    .no-touch .header-nav-show-right .footer-social { right: 10%; opacity: 1; }

    @keyframes updown1 {
        0% { transform: translateY(0); }

        50% { transform: translateY(40%); }

        100% { transform: translateY(0); }
    }

    @keyframes downtoup1 {
        0% { transform: translateY(100vh) }

        30% { transform: translateY(-101%) }

        100% { transform: translateY(-101%) }
    }

    @keyframes leftmovright {
        0% { transform: translateX(-101%) }

        30% { transform: translateX(-101%) }

        100% { transform: translateX(200vh) }
    }

    @keyframes yuanfanin {
        0% { transform: translate(-50%,-50%) scale(0); opacity: .2; }

        100% { transform: translate(-50%,-50%) scale(1); opacity: 0; }
    }
    .iTops>.container{/* position: relative; */}
    .iTops{position: relative;z-index: 3;}



    #banner {width: 100%;height: 116vh;position: relative;overflow: hidden;}
    #banner .swiper-slide { background-repeat: no-repeat; background-size: cover; background-position: center top; position: relative; z-index: 1; }
    #banner .page { position: absolute; z-index: 15; color: #fff; left: 50%; margin-left: -50px; width: 100px; bottom: .35rem; font-size: 22px; text-align: center; line-height: 60px; font: 600 16px/2.5 ; letter-spacing: 1px; cursor: pointer }
    #banner .page p { position: relative }
    #banner .page p span { border: 2px solid #fff; display: inline-block; width: 24px; height: 42px; border-radius: 10px }
    #banner .page p::before { content: ""; width: 2px; height: 6px; border-radius: 1px; position: absolute; left: 50%; transform: translateX(-50%); top: 8px; background: #fff; animation: move .5s infinite }
    #banner .banner-info { width: 100%; display: flex; flex-direction: column; position: absolute; bottom: 200px; }

    #banner .cn {color: #fff;width: 100%;text-align: left;line-height: 1.2;font-weight: bold;font-size: 0.9rem;width:100%;}
    #banner .cn img { max-width: 40% }
    #banner .cn span{font-family: 'News701BT';font-weight: 400;}
    #banner .cn font{color: #ba9eff;}
    #banner .swiper-slide-active .cn { -webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
    #banner .swiper-slide-active .cntwo { -webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s;animation-delay: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
    #banner .swiper-slide-active .cnfrou{-webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s;animation-delay: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
    #banner .swiper-slide-active .cnthree{ -webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s;animation-delay: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
    #banner .swiper-slide-active .cnthree h6{font-size: 60px;font-weight: bold;}
    #banner .swiper-slide-active .cnthree h6 span{color: #ba9eff;}
    #banner .swiper-slide-active .cnthree p{font-size: 18px;margin-top: 10px;}
    #banner .swiper-button-white { border: 1px solid #fff; border-radius: 50%; height: 68px; width: 68px; background-size: 10px }
    #banner .swiper-button-prev { left: 5% }
    #banner .swiper-button-next { right: 5% }
    #banner .swiper-pagination-bullets .swiper-pagination-bullet {background:rgba(210,213,218,.38);}
    #banner .pvxs { display: none }
    #banner .cntwo{font-size: 14px;color:rgba(255,255,255,.6);line-height:1.5;width: 45%;margin: 1rem 0 0 0;}
    #banner .cntwo font { color: #9068ee }
    #banner .cnthree .three-btn{border: 2px solid #9068ee;width: fit-content;border-radius: 23.5px;overflow: hidden;}
    #banner .cnthree .three-btn p{padding: 10px 30px;background: #9068ee;font-weight: bold;}
    #banner .cnthree .three-btn p:nth-of-type(1){border-radius: 23.5px;}
    #banner .cnthree .three-btn p:nth-of-type(2){background: transparent;color: #9068ee;}
    #banner .cnfrou{float: left;width: 100%;margin-top: 30px;}
    #banner .cnfrou>p{color: #fff;font-size: 12px;float: left;width: 100%;margin: 10px 0;}
    #banner .cnfrou>p:nth-last-child(1){color: rgba(255,255,255,0.6);}
    #banner .cnfrou>p>i{color: #ba9eff;}
    #banner .cnfrou a{}
    #banner .cnfrou .public-btn1{font-size: 14px;margin-right: 20px;height: 50px;}
    #banner .cnfrou .public-btn1 i{width: 40px;height: 40px;}
    #banner .cnfrou .public-btn1 span{font-weight: normal;}
    #banner .video{display: none !important;cursor: pointer;position: absolute;width:260px;right: 0;bottom: 0;backdrop-filter: blur(60px);z-index: 10;padding: 17px 14px;border: 1px solid #ffffff6c;border-radius: 20px}
    #banner .video .top .img{position: relative;border-radius: 10px;overflow: hidden;}
    #banner .video .top .img i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size:.3rem;color: #fff;}
    #banner .video .bottom{margin-top: .2rem;display: flex;justify-content: space-between;}
    #banner .video .bottom p{font-size: 14px;color: #fff;}
    #banner .video .bottom i{transform: rotate(-45deg);color: #fff;}
    @media(min-width:0px) and (max-width:639px) {
        .scroll-icon img { height: 100px }
        .iTops{padding: 0 15px;background: #f2f1f8;}
        #banner {height: 700px;padding-top: 0;}
        #banner .container {padding-left: 3%;padding-right:3% }

        #banner .swiper-slide {background-repeat: no-repeat;background-size: cover; border-radius: 20px;}
        #banner .banner-info{bottom: 45px;}
        #banner .cn {font-size:32px; width: 100%;}
        #banner .cn span { margin-left: 10px; }
        #banner .cntwo{width: 100%;}
        #banner .cnthree { color: #fff; text-align: left; font-size: .18rem; margin-top: .27rem ;display: none !important;}
        #banner .cnfrou { margin-top:20px; }
        #banner .cnfrou a { float: left;height: 50px;}
        #banner .cnfrou .public-btn4{display: none;}
        #banner .swiper-pagination { width: auto !important; bottom:20px !important; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0px 15px; }
        #banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 15px; height: 6px; opacity: 1; transition: all .5s;position: relative; margin: 0 15px; border-radius: 5px; }

        #banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #fff }

        #banner .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px }
        #banner .page { bottom: 20px; display: none }
        .scroll-icon { display: none; }
        #banner .container { position: relative; }
        #banner .cnimg { position: absolute; bottom: 160px; float: left; width: 100%; }
        #banner .cnimg img { object-fit: contain; width: 90%; }
        #banner .cnfrou .public-btn1{width:auto;margin-left: 0;}
    }
    @media(min-width:0px) and (max-width:430px) {
        #banner{border-radius: 50px;}
        #banner .cnfrou .public-btn1{margin-left: 0;margin-top: 20px;width: 100%;}
    }
    @media(min-width:640px) and (max-width:767px) {
        .scroll-icon img { height: 100px }
        .iTops{padding: 0 15px;background: #f2f1f8;}
        #banner {height:1140px;padding-top: 0;border-radius:40px;overflow: hidden;}
        #banner .container {padding-left: 3%;padding-right:3% }

        #banner .swiper-slide { background-repeat: no-repeat; background-size: cover; background-position: 70% 50% }
        #banner .cn {font-size: 36px;width: 100%;}
        #banner .cn span { margin-left: 10px; }
        #banner .cntwo{width: 100%;}
        #banner .cnthree {display: none !important;}
        #banner .cnfrou { margin-top: 20px; }
        #banner .cnfrou a { float: left;height: 50px;}
        #banner .cnfrou a:hover .letstal { color: #fff; border: 1px solid #fff; border-radius: 30px; background: #8ec31f; transform: translateX(-2px); transform: translateY(-2px); transform: translateZ(-2px); transition: .8s .1s }
        #banner .banner-info {bottom: 100px;}
        #banner .cnfrou a:hover .letstal { color: #fff; border: 1px solid #fff; border-radius: 30px; background: #8ec31f; transform: translateX(-2px); transform: translateY(-2px); transform: translateZ(-2px); transition: .8s .1s }
        #banner .swiper-pagination { width: auto !important; bottom: 20px !important; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0px 15px; }
        #banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 15px; height: 6px; opacity: 1; transition: all .5s; position: relative; margin: 0 15px; border-radius: 5px; }

        #banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #fff }

        #banner .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px }
        #banner .page { bottom: 20px; display: none }
        .scroll-icon { display: none; }
        #banner .container { position: relative; }
        #banner .cnimg { position: absolute; bottom: 160px; float: left; width: 100%; }
        #banner .cnimg img { object-fit: contain; width: 80%; }
        #banner .cnfrou .public-btn1{/* width: 100%; */margin-left: 0;}
    }

    @media(min-width:768px) and (max-width:991px) {
        .scroll-icon { display: none; }
        #banner {height: calc(100vh - 70px);margin-top:86px;}
        .scroll-icon img { height: 100px }
        #banner .container { width: 750px }
        #banner .pvxs { display: none; font-size: .65rem; color: #fff }
        #banner .pvxs i { font-size: .72rem; color: #fff }
        #banner .cn {font-size: 0.4rem;}
        #banner .cn span {margin-left: 10px; }
        #banner .cntwo{width: 100%;}
        #banner .cnthree {display: none !important;}
        #banner .cnfrou { margin-top:30px; }
        #banner .cnfrou a { float: left;height: 50px;}
        #banner .banner-info { margin-top: 22vh }
        #banner .swiper-pagination { width: auto !important; bottom: 35px !important; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0px 15px; }
        #banner .swiper-pagination-bullets .swiper-pagination-bullet { width:15px; height: 6px; opacity: 1; transition: all .5s;position: relative; margin: 0 15px; border-radius: 5px; }

        #banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #fff;width: 20px;}

        #banner .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px }
        .swiper-num { position: absolute; top: 4rem; right: 2.2rem; z-index: 111; width: 120px; color: #fff; font-size: 16px; line-height: 55px; }
        .swiper-num span.active { font-weight: bold; font-size: 20px; }
        #banner .container { position: relative; }
        #banner .cnimg { position: absolute; bottom: 160px; right: 0px; text-align: right; }
        #banner .cnimg img { object-fit: contain; width: 70%; }
    }

    @media(min-width:992px) and (max-width:1199px) {
        #banner .container { width: 970px }
        #banner .cn {font-size: 0.44rem;}
        #banner .cn span { margin-left: 10px; }
        #banner .cntwo{margin: 20px 0 !important;}
        #banner .cnthree { color: #fff; text-align: left; font-size: .18rem; margin-top: .27rem }
        #banner .cnfrou { margin-top: 40px; }
        #banner .cnfrou a { float: left;height: 50px;}

        #banner .swiper-pagination { width: auto !important; bottom: 35px !important; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0px 15px; }
        #banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 15px; height: 6px; opacity: 1; transition: all .5s;position: relative; margin: 0 15px; border-radius: 5px; }

        #banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #fff;width: 25px;}

        #banner .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px }
        .swiper-num { position: absolute; top: 4rem; right: 2.2rem; z-index: 111; width: 120px; color: #fff; font-size: 16px; line-height: 55px; }
        .swiper-num span.active { font-weight: bold; font-size: 20px; }

        #banner .container { position: relative; }
        #banner .cnimg { position: absolute; bottom: 120px; right: 0px; text-align: right; }
        #banner .cnimg img { object-fit: contain; width: 65%; }
    }

    @media(min-width:1200px) and (max-width:1365px) {

        #banner .cn {font-size: 0.48rem;}
        #banner .cn span {margin-left: 10px; }
        #banner .cntwo{margin: 30px 0 !important;}
        #banner .cnthree { color: #fff; text-align: left; font-size: .18rem; margin-top: .27rem }
        #banner .cnfrou { margin-top: 40px; }
        #banner .cnfrou a { float: left;height: 50px;}

        #banner .swiper-pagination { width: auto !important; bottom: 35px !important; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0px 15px; }
        #banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 15px; height: 6px; opacity: 1; transition: all .5s; position: relative; margin: 0 15px; border-radius: 5px; }

        #banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #fff;width: 30px;}

        #banner .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px }
        .swiper-num { position: absolute; top: 4rem; right: 2.2rem; z-index: 111; width: 120px; color: #fff; font-size: 16px; line-height: 55px; }
        .swiper-num span.active { font-weight: bold; font-size: 20px; }
        #banner .bannrbutton { position: absolute; top: 4rem; right: 1.4rem; z-index: 112; width: 120px; }
        #banner .bannrbutton i { font-weight: bold; font-size: 20px; }
        #banner .bannrbutton .banr-button-prev { width: 55px; height: 55px; background: #fff; border-radius: 50%; text-align: center; line-height: 55px; float: left; }
        #banner .bannrbutton .banr-button-next { float: right; width: 55px; height: 55px; background: #fff; border-radius: 50%; text-align: center; line-height: 55px; }
        #banner .bannrbutton .banr-button-prev:hover { background: #8c899f }
        #banner .bannrbutton .banr-button-next:hover { background: #8c899f }

        #banner .container { position: relative; }
        #banner .cnimg { position: absolute; bottom: 100px; right: 0px; text-align: right; }
        #banner .cnimg img { object-fit: contain; width: 65%; }
    }

    @media(min-width:1366px) and (max-width:1439px) {
        #banner .cn {font-size: 0.52rem;}
        #banner .cn span { margin-left: 10px; }
        #banner .cntwo{margin: 40px 0 !important;}
        #banner .cnthree { color: #fff; text-align: left; font-size: .18rem; margin-top: .27rem }
        #banner .cnfrou a { float: left;height: 50px;}
        #banner .banner-info { margin-top: 3.2rem }
        #banner .swiper-pagination { width: auto !important; bottom: 35px !important; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0px 15px; }
        #banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 15px; height: 6px; opacity: 1; transition: all .5s;position: relative; margin: 0 15px; border-radius: 5px; }

        #banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #fff;width: 30px;}

        #banner .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px }
        .swiper-num { position: absolute; top: 4rem; right: 2.2rem; z-index: 111; width: 120px; color: #fff; font-size: 16px; line-height: 55px; }
        .swiper-num span.active { font-weight: bold; font-size: 20px; }
        #banner .bannrbutton { position: absolute; top: 4rem; right: 1.4rem; z-index: 112; width: 120px; }
        #banner .bannrbutton i { font-weight: bold; font-size: 20px; }
        #banner .bannrbutton .banr-button-prev { width: 55px; height: 55px; background: #fff; border-radius: 50%; text-align: center; line-height: 55px; float: left; }
        #banner .bannrbutton .banr-button-next { float: right; width: 55px; height: 55px; background: #fff; border-radius: 50%; text-align: center; line-height: 55px; }
        #banner .bannrbutton .banr-button-prev:hover { background: #8c899f }
        #banner .bannrbutton .banr-button-next:hover { background: #8c899f }

        #banner .container { position: relative; }
        #banner .cnimg { position: absolute; bottom: 100px; right: 0px; text-align: right; }
        #banner .cnimg img { object-fit: contain; width: 65%; }
    }

    @media(min-width:1440px) and (max-width:1599px) {
        #banner .cn {font-size: 0.56rem;}
        #banner .cn span { margin-left: 10px; }
        #banner .cntwo{margin: 40px 0}
        #banner .cnthree { color: #fff; text-align: left; font-size: .18rem; margin-top: .27rem }
        #banner .cnfrou a { float: left; }
        #banner .cnfrou a .letstal { color: #fff; border: 1px solid #fff; border-radius: 30px; padding: 12px 10px 12px 25px;}

        #banner .banner-info { margin-top: 3.2rem }
        #banner .swiper-pagination { width: auto !important; bottom: 45px !important; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0px 15px; }
        #banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 15px; height: 6px; opacity: 1; transition: all .5s;position: relative; margin: 0 15px; border-radius: 5px; }

        #banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #fff ;width: 40px;}

        #banner .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px }
        .swiper-num { position: absolute; top: 4rem; right: 2.2rem; z-index: 111; width: 120px; color: #fff; font-size: 16px; line-height: 55px; }
        .swiper-num span.active { font-weight: bold; font-size: 20px; }
        #banner .bannrbutton { position: absolute; top: 4rem; right: 1.4rem; z-index: 112; width: 120px; }
        #banner .bannrbutton i { font-weight: bold; font-size: 20px; }
        #banner .bannrbutton .banr-button-prev { width: 55px; height: 55px; background: #fff; border-radius: 50%; text-align: center; line-height: 55px; float: left; }
        #banner .bannrbutton .banr-button-next { float: right; width: 55px; height: 55px; background: #fff; border-radius: 50%; text-align: center; line-height: 55px; }
        #banner .bannrbutton .banr-button-prev:hover { background: #8c899f }
        #banner .bannrbutton .banr-button-next:hover { background: #8c899f }

        #banner .container {position: relative;}
        #banner .cnimg { position: absolute; bottom: 100px; right: 0px; text-align: right; }
        #banner .cnimg img { object-fit: contain; width: 65%; }
    }

    @media(min-width:1600px) and (max-width:1859px) {
        #banner .cn {font-size: 0.6rem;}
        #banner .cn span { margin-left: 10px; }

        #banner .cnthree { color: #fff; text-align: left; margin-top: .27rem }
        #banner .cnfrou a { float: left; }
        #banner .cnfrou a .letstal { color: #fff; border: 1px solid #fff; border-radius: 30px; padding: 12px 10px 12px 25px;}

        #banner .swiper-pagination { width: auto !important; bottom: 45px !important; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0px 15px; }
        #banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 15px; height: 6px; opacity: 1; transition: all .5s; position: relative; margin: 0 15px; border-radius: 5px; }

        #banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #fff ;width: 40px;}

        #banner .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px }
        #banner .container { position: relative; }
        .swiper-num { position: absolute; top: 4rem; right: 2.2rem; z-index: 111; width: 120px; color: #fff; font-size: 16px; line-height: 55px; }
        .swiper-num span.active { font-weight: bold; font-size: 20px; }
        #banner .bannrbutton { position: absolute; top: 4rem; right: 1.4rem; z-index: 112; width: 120px; }
        #banner .bannrbutton i { font-weight: bold; font-size: 20px; }
        #banner .bannrbutton .banr-button-prev { width: 55px; height: 55px; background: #fff; border-radius: 50%; text-align: center; line-height: 55px; float: left; }
        #banner .bannrbutton .banr-button-next { float: right; width: 55px; height: 55px; background: #fff; border-radius: 50%; text-align: center; line-height: 55px; }
        #banner .bannrbutton .banr-button-prev:hover { background: #8c899f }
        #banner .bannrbutton .banr-button-next:hover { background: #8c899f }
        #banner .cnimg { position: absolute; right: 0px; bottom: 0px; }
        #banner .cnimg img { height: calc(100vh - 200px); object-fit: contain; }
    }

    @media(min-width:1860px) {

        #banner .cn {color: #fff;/* font-size: 0.6rem; */text-align: left;font-weight: bold;}
        #banner .cn span {margin-left: 10px; }

        #banner .cnthree { color: #fff; text-align: left; margin-top: .27rem }
        #banner .cnfrou a { float: left; }

        #banner .cnfrou a:hover .letstal { color: #fff; border: 1px solid #fff;background: #9068ee; transform: translateX(-2px); transform: translateY(-2px); transform: translateZ(-2px); transition: .8s .1s }

        #banner .swiper-pagination { width: auto !important; bottom:90px !important; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0px 15px; }
        #banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 15px; height: 6px; opacity: 1; transition: all .5s; position: relative; margin: 0 15px; border-radius: 5px; }

        #banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #fff;width: 40px; }

        #banner .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px }
        #banner .container { position: relative; }
        .swiper-num { position: absolute; top: 4rem; right: 2.2rem; z-index: 111; width: 120px; color: #fff; font-size: 16px; line-height: 55px; }
        .swiper-num span.active { font-weight: bold; font-size: 20px; }
        #banner .bannrbutton { position: absolute; top: 4rem; right: 1.4rem; z-index: 112; width: 120px; }
        #banner .bannrbutton i { font-weight: bold; font-size: 20px; }
        #banner .bannrbutton .banr-button-prev { width: 55px; height: 55px; background: #fff; border-radius: 50%; text-align: center; line-height: 55px; float: left; }
        #banner .bannrbutton .banr-button-next { float: right; width: 55px; height: 55px; background: #fff; border-radius: 50%; text-align: center; line-height: 55px; }
        #banner .bannrbutton .banr-button-prev:hover { background: #8c899f }
        #banner .bannrbutton .banr-button-next:hover { background: #8c899f }
        #banner .cnimg { position: absolute; right: 0px; bottom: 0px; }
        #banner .cnimg img { height: calc(100vh - 200px); object-fit: contain; }
    }

    .scroll-icon { position: absolute; right: calc((100% - 60px) / 2); bottom: 44px; z-index: 211; animation: runArraw 1.5s linear infinite; -moz-animation: runArraw 1.5s linear infinite; -webkit-animation: runArraw 1.5s linear infinite; -o-animation: runArraw 1.5s linear infinite; }

    .scroll-icon i { width: 60px; height: 125px; display: block; margin: auto; position: relative; cursor: pointer; }

    @keyframes runArraw {
        0% { transform: translateY(-5px); }

        50% { transform: translateY(5px); }

        100% { transform: translateY(-5px); }
    }

    @-webkit-keyframes runArraw {
        0% { transform: translateY(-5px); }

        50% { transform: translateY(5px); }

        100% { transform: translateY(-5px); }
    }



    .mobnav { position: absolute; left: 0; right: 0; top: 70px; height: 0; background: #fff; transition: all .65s; overflow: hidden; z-index: 100 }
    .mobnav[type=close] { height: 100vh }
    .mobnav .navbox { position: absolute; top: 0; left: 15px; right: 15px; padding-top: 6px; line-height: 60px; bottom: 180px }
    .mobnav .navbox .f_navbox { height: 100%; margin-bottom: 10px; overflow-x: hidden; overflow-y: auto }
    .mobnav .navbox .f_navbox li { border-bottom: 1px solid #ddd }
    .mobnav .navbox .f_navbox li > a { display: flex; font-size: 18px; align-items: center; justify-content: space-between; color: #333; text-transform: capitalize }
    .mobnav .navbox .f_navbox li > a > .btndown { width: 60px; display: flex; align-items: center; flex-shrink: 0; justify-content: center; transition: all .3s linear; font-size: 30px }
    .mobnav .navbox .f_navbox li > a > .btndown:before { content: "\e6b9" }
    .mobnav .navbox .f_navbox li > a > i { font-size: 20px; font-weight: 700; margin-right: 8px }
    .mobnav .navbox .f_navbox li.active > a > i { transform: rotate(180deg) }
    .mobnav .navbox .f_navbox li > ul { line-height: 35px; padding-bottom: 15px; padding-left: 20px; display: none }
    .mobnav .navbox .f_navbox li ul > li { border: 0 }
    .mobnav .navbox .f_navbox li ul > li > a { display: flex; font-size: 16px; align-items: center; justify-content: space-between; color: #666; text-transform: capitalize }
    .mobnav .navbox .f_navbox li ul > li > a > .btndown { width: 50px; display: flex; align-items: center; flex-shrink: 0; justify-content: center; transition: all .3s linear; font-size: 24px }
    .mobnav .navbox .f_navbox li ul > li > a > .btndown:before { content: "\eb78" }
    .mobnav .navbox .f_navbox li ul > li.active > a > .btndown { transform: none }
    .mobnav .navbox .f_navbox li ul > li.active > a > .btndown:before { content: "\e620" }
    .mobnav .navbox .form { display: flex; margin-top: 30px; margin-bottom: 30px; background-color: #f5f5f5; align-items: center; box-sizing: border-box; clear: both }
    .mobnav .navbox .form .int { display: flex; align-items: center; box-sizing: border-box; flex: 1; padding: 0 15px }
    .mobnav .navbox .form .int i { margin: 0; display: inline-block; line-height: 44px }
    .mobnav .navbox .form .int input { width: 100%; height: 44px; background: 0 0; line-height: 44px; padding-left: 10px }
    .mobnav .navbox .form .f_sub { display: flex; width: 1.5rem; background-color: #9068ee; color: #fff; align-items: center; justify-content: center; border: 0; height: 44px; outline: none }

    @media(max-width:991px) {
        .moblie_head .nav-icon {cursor: pointer;/* margin-top: 10px; */}
        .moblie_head .nav-icon span {display: block;width: 22px;height: 2px;background: #fff;border-radius: 2px;transition: all .3s linear}
        .moblie_head .nav-icon span:not(:first-child) {margin-top: 5px;}
        .moblie_head .nav-icon.on span:nth-of-type(1) { -webkit-transform: matrix(1,0,0,1,0,7) rotate(45deg); transform: matrix(1,0,0,1,0,7) rotate(45deg) }
        .moblie_head .nav-icon.on span:nth-of-type(3) { -webkit-transform: matrix(1,0,0,1,0,7) rotate(45deg); transform: matrix(1,0,0,1,0,-7) rotate(-45deg) }
        .moblie_head .nav-icon.on span:nth-of-type(2) { width: 0 }
    }

    @keyframes fadedown {
        0%,30% { opacity: 0; transform: translate3d(0,-100%,0) }
        40% { opacity: 1; transform: translate3d(0,0%,0) }
        100% { opacity: 0; transform: translate3d(0,0%,0) }
    }

    @keyframes fadeup {
        0% { transform: translateY(10px); opacity: 0 }
        100% { transform: translateY(0); opacity: 1 }
    }

    .fadeup { -webkit-animation-name: fadeup; animation-name: fadeup }

    @keyframes fadeleft {
        0% { transform: translateX(-20px); opacity: 0 }
        100% { transform: translateX(0); opacity: 1 }
    }

    .fadeleft { -webkit-animation-name: fadeleft; animation-name: fadeleft }

    @keyframes bigtosmall {
        0% { transform: scale(1.05) }
        100% { transform: scale(1); opacity: 1 }
    }

    .bigtosmall { -webkit-animation-name: bigtosmall; animation-name: bigtosmall }

    @keyframes faderight {
        0% { transform: translateX(20px); opacity: 0 }
        100% { transform: translateX(0); opacity: 1 }
    }

    .faderight { -webkit-animation-name: faderight; animation-name: faderight }
    .mobMenu { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; background: #fff;width: 100%;}
    .mobMenu > .foot_nav { width: 25%; float: left; text-align: center; color: #898989; font-size: 14px; margin: 5px auto }
    .mobMenu > .foot_nav > a > i { display: block; padding: 3px 0 0; font-size: 18px; line-height: 24px; color: #999 }
    .mobMenu > .foot_nav > a > .hamburger { position: inherit; float: none; margin: 0 auto; width: 100%; color: #999 }
    .mobMenu > .foot_nav > a:hover > .hamburger { color: #9068ee }
    .mobMenu > .foot_nav > a:hover > i { color: #9068ee }
    .htmlTXT { float: left; height: 40px; line-height: 40px; border-bottom: 1px solid rgba(255,255,255,0.3); background: 0 0; color: #fff; font-size: 14px; width: 100%; -webkit-transition: all .5s; transition: all .5s }
    .inp div i { position: absolute; display: block; content: ""; left: 0; bottom: 0; width: 0; height: 1px; background:#fff; -webkit-transition: all .5s; transition: all .5s }
    .htmlTXT:focus + i { width: 100% }
    .divSmCont { position: relative; z-index: 2;float: left;width: 100%;}
    .divSmCont::after{content:" ";width:100%;height:50%;background: #ebeff4;position: absolute;bottom: 0;left: 0;z-index: -1;}
    .divSmCont .container { height: 256px; background: #132843; border-radius: 30px }
    .divSmCont .title { float: left; font-size: .26rem; color: #fff; line-height: .31rem; margin-top: 40px; width: 195px; margin-left: 35px }
    .divSmCont .title i { font-size: 24px; line-height: 45px }
    .divSmCont .title span{float: left;font-size: 14px;color: #ffffff9c;margin-top: 10px;}
    .divSmCont .con {float: right;width: calc(100% - 360px);margin-right: 45px}
    .divSmCont .inp { float: left; width: calc(100% - 280px); margin-top: 60px }
    .divSmCont .inp:nth-child(3) {margin-top: 40px;}
    .divSmCont .inp > div {width: calc(50% - 100px);margin-right: 100px;float: left;position: relative}
    .divSmCont .inp > div:nth-last-child(1){margin-right: 0;}
    .divSmCont .inp:nth-last-child(2) > div{width: calc(50% - 100px);}
    .divSmCont .sub { float: left; width: 230px; }
    .divSmCont .sub button { cursor: pointer; float: left; font-size: 18px; border-radius: 50px; height: 65px; line-height: 65px; background: #fff; width: 100% }
    .divSmCont .sub button span { float: left; letter-spacing: 3px; color: #333; margin-left: 35px }
    .divSmCont .sub button i { width: 50px; height: 50px; float: right; margin-top: 7px; line-height: 50px; border-radius: 50%; margin-right: .1rem; background: #9068ee; color: #fff; transition: all 0.35s; }
    .divSmCont .sub button:hover i { background: #333; transform: rotate(360deg); -webkit-transform: rotate(360deg) }
    .divSmCont input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid { box-shadow: none; -moz-box-shadow: none }
    .divSmCont input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff }
    .divSmCont input:-moz-placeholder, textarea:-moz-placeholder { color: #fff }
    .divSmCont input::-moz-placeholder, textarea::-moz-placeholder { color: #fff }
    .divSmCont input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #fff }

    @media(max-width:767px) {
        .divSmCont { padding: 15px; margin-top: 30px }
        .divSmCont .container {height: 400px;border-radius: 10px;padding: 30px 15px}
        .divSmCont .title { float: none; font-size: 18px; line-height: 22px; padding-top: 0; margin-top: 0; width: 100%; margin-left: 0; text-transform: capitalize;display: flex;flex-direction: column;}
        .divSmCont .title br { display: none }

        .divSmCont .con { float: none; width: 100%; margin-right: 35px; margin-left: 0 }
        .divSmCont .inp {float: none;width: 100%;margin-top: 0px !important;}
        .divSmCont .inp > div { width: 100%; margin-right: 0; float: none; position: relative; margin: 10px 0 }
        .divSmCont .inp > div:last-child { width: 100%; margin-left: 0px; }
        .divSmCont .inp > div .htmlTXT { float: none }
        .divSmCont .inp > div:last-child { width: 100% }
        .divSmCont .inp:nth-last-child(2) > div{width: 100%;}
        .divSmCont .sub {float: left;width:auto;margin-top: 20px}
        .divSmCont .sub a span { margin-left: 25px }
        .divSmCont .sub a { float: none; display: block }
        .divSmCont .sub button span { float: none; letter-spacing: 3px; color: #333; margin-left: 25px;margin-right: 40px; text-align: center; font-size: 16px }
        .divSmCont .sub button { text-align: center; float: left; width: 100%; height: 45px; line-height: 45px; }
        .divSmCont .sub button i {width: 30px;height:30px;display: flex;align-items: center;justify-content: center;}
        .divSmCont .title span{display:none;}
    }

    @media(min-width:768px) and (max-width:991px) {
        .divSmCont .container {height: 400px;padding-bottom: 30px}
        .divSmCont .title { width: calc(100% - 90px) ;font-size: 20px;}
        .divSmCont .title br{display: none;}
        .divSmCont .con { float: left; width: calc(100% - 90px); margin-left: 45px }
        .divSmCont .inp { float: left; width: 100%; margin-top: 30px }
        .divSmCont .sub { float: left; width: 100%; margin-top: 40px }
        .divSmCont .sub a span { margin-left: 25px }
        .divSmCont .sub button span { float: left; letter-spacing: 3px; color: #333; margin-left: 25px }
        .divSmCont .inp > div{margin-right: 20PX;width: 46%;}
        .divSmCont .inp:nth-last-child(2) > div{width: 46%;}

        .divSmCont .title span{display:none;}
    }

    @media(min-width:992px) and (max-width:1199px) {
        .divSmCont .container { height: 220px; border-radius: 10px }
        .divSmCont .title { width: 175px }
        .divSmCont .con { float: right; width: calc(100% - 260px); margin-right: 25px }
        .divSmCont .sub { float: left; width: 200px; margin-top: 4px }
        .divSmCont .inp { float: left; width: calc(100% - 200px); margin-top: 40px }
        .divSmCont .inp > div {width: calc(30% - 10px);margin-right: 10px;float: left;position: relative}
        .divSmCont .sub button span { float: left; letter-spacing: 3px; color: #333; margin-left: 25px }
    }

    @media(min-width:1200px) and (max-width:1439px) {
        .divSmCont .container { height: 230px; border-radius: 15px }
        .divSmCont .title { margin-top: 60px }
        .divSmCont .con { float: right; width: calc(100% - 340px); margin-right: 45px }
        .divSmCont .inp { float: left; width: calc(100% - 240px); margin-top: 50px }
        .divSmCont .inp:nth-child(2) { margin-top: 35px; }
    }



    .footer__subnavSelect { width: 100%; background: #ffffff; height: 45px; border: 0; border-bottom: 1px solid #879baa; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #fff; padding: 2px 15px 0; background-color: #626e7f; background-image: url(../images/arrow-down-select.svg); background-repeat: no-repeat; background-position-x: 95%; background-position-y: center; background-size: 15px; outline: 0 }
    footer {float: left; width: 100%; padding-top: 125px; padding-bottom: .5rem; color: #666; font-size: 16px; background: #1b1d2e;overflow: hidden;z-index: 4;position: relative;}
    footer .container {flex-wrap: wrap;display: flex;justify-content: space-between;}
    footer .div1.bottom{width: 100%;/* margin-top: 40px; */}
    footer .div1.bottom .r{align-self: self-end;}
    footer .div1.bottom .r a{color: #fff;margin-top: .4rem;display: block;text-align: right;}
    footer .div1 {float: left;width: 42%;text-align:left;}
    footer .div1 h2{font-size:.56rem;color: #f2f1f8;font-weight: bold;margin-top: 0;line-height: 1.2;margin-bottom: .3rem;user-select: none;}
    footer .div1>span{font-size: 18px;color: #8c8b94;width: 100%;display: inline-block;}
    footer .div1>span>a{color: #fff;}
    footer .div1 .l{height:-webkit-fill-available;}
    footer .div1 .l .copyright{font-size: 14px;color: #8c8b94;}
    footer .div1 .l .copyright font{color: #fff;}
    footer .div1 .l .copyright p{display: inline-block;}
    footer .div1 .l .copyright a{color: #8c8b94;}
    footer .div1>a{margin:.3rem 0 .5rem 0;}
    footer .div1>a::before{background: #9068ee;}
    footer .div1>a i{background:#9068ee ;}
    footer .div1 .smT1 { float: left; width: 100%; color: #fff; font-size: 16px; font-weight: 700 }
    footer .div1 .smT2 { float: left; width: 100%; color: #fff; font-size: .36rem; margin-top: .2rem }
    footer .div1 .smT2 a { color: #fff }
    footer .div1 .smT2 a:hover { color: #9068ee }
    footer .div1 strong { font-size: 16px; color: #fff; width: 100%; margin-top: .3rem; float: left; font-weight: 400; }
    footer .div1 .smT3 { float: left; width: 100%; color: #8c8b94; margin-top: .1rem }
    footer .div1 .smT3 a { color: #8c8b94}
    footer .div1 .smT3 a:hover { color: #9068ee }
    footer .div1 .smAdd {/* padding-right: 30%; */}
    footer .div1 .share{display: flex;align-items: center;justify-content:left;width: 100%;margin: .4rem 0;}
    footer .div1 .share a{width: 48px;height: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;}
    footer .div1 .share a:hover{background:#fff;}
    footer .div1 .share a:hover>i{color: #9068ee;}
    footer .div1 .share a>i{font-size: 24px;}
    
    footer .div2 {float: left;width: 26%;}
    footer .div2 strong { float: left; width: 100%; font-size: 24px; font-weight: bold; color: #fff }
    footer .div2 ul { float: left; width: 100%; padding: 0; margin-top: .2rem;padding-right: 30%;}
    footer .div2 ul li { float: left; width: 100%; margin: 15px 0 }
    footer .div2 ul li a { float: left; font-size: 16px; color: #666 }
    footer .div2 ul li a:hover { color: #9068ee }
    
    footer .div3 {float: left;width: 12%;}
    footer .div3 strong { float: left; width: 100%; font-size: 24px; font-weight: bold; color: #fff;font-weight: bold;user-select: none;}
    footer .div3 strong>span{font-family: "News701BT";color: #8c8b94;font-weight: 400;}
    footer .div3 ul { float: left; width: 100%; padding: 0; margin-top: .2rem }
    footer .div3 ul>p{margin:20px 0 10px 0;font-size: 14px;color: #fff;}
    footer .div3 ul li { float: left; width: 100%; margin: 8px 0 }
    footer .div3 ul li p{color: #8c8b94;font-size: 14px;}
    footer .div3 ul li a { float: left; font-size: 14px; color: #fff}
    footer .div3 ul.f_silde li a{color:#8c8b94;}
    footer .div3 ul li a:hover { color: #9068ee}
    footer .div3 ul li a i{margin-right:10px;}
    footer .div3>ul>li ul{display: none;}
    footer .div2 strong i { display:none; }
    footer .div3 strong i { display: none; }
    footer .div3:nth-child(5),footer .div3:nth-child(4){width: 15%;}
    footer .div3> i{display: none;color: #fff;}
    @media (max-width:1199px) {
        footer .div1 > .r{display: none;}
        footer .div1>span{font-size: 16px;}
    }
    @media (max-width:991px) {

    }
    @media (max-width:767px) {
        footer {padding: 0 9px;font-size: 14px;padding-bottom: 60px;padding-top:5px;/* background:#fff; */}
        footer .container {padding:50px 38px;display:flex;flex-flow:wrap;/* background: #9068ee; */border-radius: 30px;}
        footer .logo img{width: 20%;}
        footer .div1 { width: 100%; padding-left: 0;order: 1;}
        footer .div1.bottom{order: 5;}
        footer .div1:nth-last-of-type(3)>span{display: none;}
        footer .div1:nth-last-of-type(3) .share{display: none;}
        footer .div1 h2{text-align: left;font-size:40px;}
        footer .div1 .smAdd { padding-right: 0% }

        footer .div1>a{width: 100%;justify-content: space-between;}
        footer .div2 { width: 100%; margin-top: 15px; order: 1; }
        footer .div2 strong { font-size: 16px; margin-bottom: 15px;font-weight:bold;}
        footer .div2 strong i { float:right; display:block;}
        footer .div2 ul { margin-top: 0;display:none; }
        footer .div2 ul li { margin: 5px 0 }
        footer .div2 ul li a { font-size: 14px; }
        footer .div2.on strong i { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
        footer .div3.on strong i { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
        footer .div3 { width: 100%; margin-top: 10px; margin-bottom: 10px; order: 2; display: flex;flex-wrap: wrap;justify-content: space-between;}
        footer .div3:nth-child(5), footer .div3:nth-child(4){width: 100%;}
        footer .div3:nth-of-type(2){width: 100%;}
        footer .div3:nth-of-type(2) strong{display: none;}
        footer .div3:nth-child(3){width: 100%;order: 3;}
        footer .div3:nth-child(2){order: 3;}
        footer .div3:nth-child(5),footer .div3:nth-child(4){border: 1px solid #f2f1f8;border-radius: 27.5px;padding: 10px 20px;}
        footer .div3 strong {font-size: 14px;font-weight: bold;width: auto;}
        footer .div3:nth-child(3) strong{display: none;}
        footer .div3:nth-child(3) .f_list{padding: 0 20px;}
        /* footer .div3 strong i { float: right; display: block; } */
        footer .div3 ul { margin-top: 0;}

        footer .div3:nth-child(5) ul,footer .div3:nth-child(4) ul{display: none;}
        footer .div3 ul>p{font-size: 19px;}
        footer .div3 ul li { margin: 5px 0 }
        footer .div3 ul li a {font-size: 14px; }
        footer .div3>i{display: block;color:#fff;}
        footer .div3:nth-child(3) ul li a{color: #f2f1f8;}
        footer .div3 ul li p{color:#8c8b94;font-weight: bold;}
        footer .copy { margin-top:0px;}
        footer .copy:before { display: none; }
        footer .powered { width: 100%; margin-top: 0; padding: 0px; align-items: center; text-align: center; justify-content: center;  display:none;}
        footer .powered .siteLogo { float: left; border-bottom: 1px solid #373737; width: 100%; align-items: center; margin-top: 5px; padding-bottom: 8px; border-right: 0px; }
        footer .powered .inj { float: left; margin-left: 0px; display: flex; align-items: center; width: 100%; text-align: center; justify-content: center; margin-top: 8px; margin-bottom: 5px; font-size: 12px; }
        footer .powered .inj span { font-size: 14px; }
    
        footer .div1 .share { float: left; width: 100%;justify-content:space-between;margin-top: 10px;order: 2;}
        footer .div1 .share a{margin-left: 0;}
        footer .div1 .share a>i{font-size: 24px;}
        footer .share span { display: none }
        footer .share ul { display: table; margin: 0 auto; margin-top:0px }
        footer .share ul li a { width: 45px; height: 45px; font-size: 16px; line-height: 45px }
        footer .copyright { text-align: center ;display: block;}
        footer .share ul li a i { font-size: 18px }
        footer .div1>span{display: none;}
    }
    @media (max-width:430px) {
        footer .container{padding: 20px;}
        footer .div3:nth-child(5), footer .div3:nth-child(4){width: 100%;}
        footer .div3 strong{line-height: 1;}
        footer .div3 ul li a{font-size: 14px;line-height: 1.5;}
        footer .div3:nth-child(1)>ul>li{padding: 5px 15px;border-radius: 25px;}
        footer .div3:nth-child(1)>ul>li a{font-size: 18px;}
        footer .div3:nth-child(1)>ul>li ul li a{font-size: 14px;}
        footer .div3:nth-child(2),footer .div3:nth-child(3){width: 100%;}
        footer .div1 h2{font-size: 40px;}
        footer .div1>span{font-size: 14px;}
        footer .div1 .share{margin-top: 20px;}
        footer .div1 .share a{width: 35px;height: 35px;}
        footer .div1 .share a>i{font-size: 18px;}
    }
    
    
    @media(min-width:768px) and (max-width:991px) {
        footer {font-size: 14px;padding-bottom: 100px;padding-top: 55px}
        footer .container { padding: 0 ;display: flex;flex-wrap: wrap;}
        footer .div1 { width: 100%; padding-left: 0;order: 1; }
        footer .div1.bottom{order: 5;}
        footer .div1:nth-last-of-type(3)>span{display: none;}
        footer .div1:nth-last-of-type(3) .share{display: none;}
        footer .div1 .smAdd { padding-right: 0% }
        footer .div1 h2{text-align: left;font-size: 50px;}
        footer .div1>a{margin: 20px 0 30px 0;}
        footer .div2 { width: 50%; margin-top: 35px }
        footer .div2 strong { font-size: 16px; margin-bottom: 15px; font-weight: 700; margin-bottom: 6px }
        footer .div2 ul { margin-top: 0 }
        footer .div2 ul li { margin: 5px 0 }
        footer .div2 ul li a { font-size: 14px;}
    
    
        footer .div3 { width: 50%; margin-top: 35px;order: 2; }
        footer .div3:nth-child(5), footer .div3:nth-child(4){width: 50%;}
        footer .div3 strong {font-size: 20px;margin-bottom: 15px;font-weight: 700;margin-bottom: 6px}
        footer .div3 ul { margin-top: 0 }
        footer .div3 ul li { margin: 5px 0 }
        footer .div3 ul li a { font-size: 14px;}
        footer .div3>ul>li>ul {}
        footer .copy:before { top: 40px }
        footer .powered { width: 100%; margin-top: 0; padding: 18px 50px; align-items: center; text-align: center; justify-content: center }
        footer .powered .siteLogo { float: left; border-right: 1px solid #dce1e6; width: 50%; align-items: center }
        footer .powered .inj { float: left; margin-left: 25px; display: flex; align-items: center; width: 50%; text-align: center; justify-content: center }
        footer  .div1 .share { float: left; width: 100% ;justify-content: center;}
        footer .share span { display: none }
        footer .share ul li a i { font-size: 20px; }
        footer .share ul { display: table; margin: 0 auto; margin-top: 30px }
        footer .copyright { text-align: center ;}
        .footer__subnavSelect { display: block !important }
    }
    
    @media(min-width:992px) and (max-width:1199px) {
        footer {padding-top: 55px }
        footer .container{ padding: 0 ;display: flex;flex-wrap: wrap;}
        footer .div1{order: 1;width: 100%;}
        footer .div1>a{margin: 20px 0 30px 0;}
        footer .div1.bottom{order: 5;}
        footer .div1 .share{justify-content: center;}
        footer .div1:nth-last-of-type(3) .share{display: none;}
        footer .div1:nth-last-of-type(3) span{display: none;}
        footer .div1 .smAdd { padding-right: 0% }
        footer .div1 strong { font-size: 14px; margin-top: .3rem }
        footer .div1 .smT3 { font-size: 14px; width: 88%; }
        footer .div1 h2{font-size: 50px;text-align: left;}
        footer .div1>span{margin-bottom: 20px;}
        footer .div2 strong { font-size: 18px }
        footer .div2 ul li a { font-size: 14px }
        footer .div2 ul li { margin: 10px 0 }
        footer .div3{order: 2;width: 33.33%;}
        footer .div3:nth-child(5), footer .div3:nth-child(4){width: 33.33%;}
        footer .div3 strong {font-size: 20px;}

        footer .div3 ul li a { font-size: 14px }
        footer .share { margin-top: 0 }
        footer .copyright { font-size: 14px }
        footer .powered { padding: 18px 25px; border-radius: 10px; margin-top: 15px }
        footer .share ul li a { width: 48px; height: 48px; }
        footer .share ul li a i { font-size: 20px; }
    }
    
    @media(min-width:1200px) and (max-width:1439px) {
        footer { padding-top: 55px }
        footer .div1{width: 100%;}
        footer .div1 strong { font-size: 14px; margin-top: .3rem }
        footer .div1 .smT3 { font-size: 14px }
        footer .div1 h2{font-size: 50px;}
        footer .div1>span{margin-bottom: 20px;}
        footer .div1>a{margin: .3rem 0;}
        footer .div2 strong { font-size: 18px }
        footer .div2 ul li a { font-size: 14px }
        footer .div2 ul li { margin: 10px 0 }
        footer .div3{width: 33.33%;}
        footer .div3:nth-child(5), footer .div3:nth-child(4){width: 33.33%;}
        footer .div3 strong { font-size: 18px }
        footer .div3 ul li a { font-size: 14px }
        footer .div3 ul li { margin:7px 0 }
        footer .div3 ul>p{margin-top: 0;}
        footer .share { margin-top: 0 }
        footer .copyright { font-size: 14px }
        footer .powered { padding: 22px 35px; border-radius: 10px;}
        footer .powered .siteLogo img { height: 35px }
        footer .powered .inj span { font-size: 14px }
        footer .powered .inj img { height: 35px }
    
        footer .share ul li a { width: 50px; height: 50px;font-size:16px; }

    }
    @media(min-width:1440px) and (max-width:1599px) {
        footer .div1 h2{font-size: 60px;}
    }
    #c-top-site { position: relative; z-index: 10; padding: 30px 0; font-size: 16px; border-bottom: 1px solid #f1f1f1; background: #f2f2f2 }
    #c-top-site .c-box { color: #666 }
    #c-top-site .c-box a { color: #333; transition: .5s }
    #c-top-site .c-box a:hover { color: #e5222a }
    #c-top-site .c-box i { padding: 0 10px; font-style: normal; font-size: 16px }
    #c-top-site .c-box i:last-child { display: none }
    #c-top-site.c-dt .c-box { color: #fff }
    #c-top-site.c-dt .c-box a { color: #fff }
    #c-top-site.c-dt .c-box a:hover { color: #e5222a }
    .rtTop { width: 43px; height: 43px; overflow: hidden; position: fixed; cursor: pointer; bottom: 60px; right: 0; z-index: 99;right: 15px; }
    .rtTop h4 { width: 43px; height: 43px; overflow: hidden; position: relative; margin: 0; padding: 0 }
    .rtTop img { display: block; position: absolute; top: 0; left: 0 }

    .nav-show-content { position: relative; overflow: hidden; width: 100%; }
    .nav-show-content-left { float: left; width: 220px; overflow: hidden; }
    .nav-left { background: #f2f6f7; margin-bottom: 10px; padding: 10px 10px 5px 10px; overflow: hidden; position: relative; }
    .nav-left i { display: block; width: 34px; height: 34px; position: relative; }
    .nav-left i img { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
    .nav-left h3 { font-size: 16px; font-weight: normal; margin-top: 20px; margin-bottom: 10px; }
    .nav-left.cur { background: #9068ee; }
    .nav-left.cur h3 { color: #fff; }
    .nav-left.cur i img { filter: invert(100%); }
    .nav-left.cur::after { content: ''; display: block; position: absolute; right: 10%; bottom: 25%; width: 7px; height: 11px; background: url("../images/rb-3.png") no-repeat; }
    .nav-show-content-right { float: left; width: calc(100% - 260px); margin-left: 40px; background: #fff; overflow: hidden; }
    .nav-show-content-right-menu { float: left; width: 16%; overflow: hidden; }
    .nav-show-content-right-menu .menu-left li { list-style: none; margin: 0; padding: 0; }
    .nav-show-content-right-menu .menu-left a { display: block; position: relative; font-size: 14px; color: #999; padding: 7px 0 5px 0; }
    .nav-show-content-right-menu .menu-left a.m1 { padding: 10px 0; border-bottom: 1px solid #e5e5e5; font-size: 15px; color: #000; }
    .nav-show-content-right-menu .menu-left a.m2 { padding: 16px 0; border-bottom: 1px solid #e5e5e5; font-size: 15px; color: #000; display: block; width: 100%; white-space: normal; }
    .nav-show-content-right-menu .menu-left a:hover.m1.cur { color: #8ec31f; }
    .nav-show-content-right-menu .menu-left a:hover,
    .nav-show-content-right-menu .menu-left li a.cur,
    .nav-show-content-right-menu .menu-left a.m2.cur { color: #9068ee; }
    .nav-show-content-right-menu .menu-left a::after { content: ''; display: none; position: absolute; right: 0; top: 50%; margin-top: -4px; width: 5px; height: 8px; background: url('../images/rh-3.png') center no-repeat; }
    .nav-show-content-right-menu .menu-left a:hover::after,
    .nav-show-content-right-menu .menu-left a.cur::after,
    .nav-show-content-right-menu .menu-left a.m1.cur:hover::after,
    .nav-show-content-right-menu .menu-left a.m2.cur:hover::after { display: block; }
    .nav-show-content-right-menu .menu-left a.m1.cur::after { display: none; }
    .nav-show-content-right-menu.solution-right-menu .menu-left li a { padding: 15px 0; }

    .product-right-swiper .swiper-slide.cur .item { opacity: 1; }
    .product-right-swiper .swiper-slide.cur .item .title-b { color: #8ec31f; background: url("../images/rh-2.png") right center no-repeat; }
    .product-right-swiper .swiper-slide.cur .item .title-b a { color: #8ec31f; }
    .product-right-swiper .swiper-slide.cur .item .title-b::after { width: 100%; }


    .nav-show-content-right-product { float: left; width: 79%; margin-left: 5%; overflow: hidden; }
    .product-right { position: relative; overflow: hidden; }
    .product-right .item { display: block; overflow: hidden; opacity: .3; }
    .product-right .item a { display: block; overflow: hidden; }
    .product-right .item .img { position: relative; background: #f0f0f0; overflow: hidden; }
    .product-right .item .title-b { font-size: 16px; padding: 20px 0; position: relative; color: #222; display: block; background: url("../images/rh-2.png") 150% center no-repeat; font-weight: bold; }
    .product-right .item .title-b::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0%; height: 2px; background: #8ec31f; transition: all .4s ease; }
    .product-right .item .title-b a { font-weight: bold; }
    .product-right .item .img img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .product-right .item:hover .img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
    .product-right .item:hover { opacity: 1; }

    @media(min-width:992px) and (max-width:1199px) {

        .nav-show-content-left { float: left; width: 160px; overflow: hidden; }
        .nav-left { background: #f2f6f7; margin-bottom: 10px; padding: 10px 10px 5px 10px; overflow: hidden; position: relative; }
        .nav-show-content-right { float: left; width: calc(100% - 200px); margin-left: 40px; background: #fff; overflow: hidden; }
        .nav-show-content-right-menu { float: left; width: 140px; overflow: hidden; }
        .nav-show-content-right-menu .menu-left a { font-size: 12px; }
        .nav-show-content-right-menu .menu-left a.m1 { font-size: 12px; }
        .nav-show-content-right-menu .menu-left a.m2 { font-size: 12px; padding: 10px 0; }

        .nav-show-content-right-product { float: left; width: calc(100% - 160px); margin-left: 20px; overflow: hidden; }
        .product-right .item .title-b { font-size: 12px; padding: 20px 0; position: relative; color: #222; display: block; background: url("../images/rh-2.png") 150% center no-repeat; font-weight: bold; }
    }



    .nav-show-menu { text-align: center; overflow: hidden; display: flex; justify-content: center; }
    .nav-show-menu a { display: inline-block; position: relative; margin: 0 20px; }
    .nav-show-menu a .img { position: relative; overflow: hidden; }
    .nav-show-menu a .img img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .nav-show-menu a .text { text-align: center; padding: 15px 0; font-size: 16px; color: #333; }
    .nav-show-menu a:hover .img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
    .nav-show-menu a:hover .text { color: #9068ee; }
    .img-center { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: block; }
    .img-block { display: block; width: 100%; height: auto; }



    @media(min-width:992px) and (max-width:1199px) {
        .nav-show-menu a .text { font-size: 14px; }
        .nav-left h3 { font-size: 14px; }
    }

    .prooalt { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow: hidden; display: none }
    .prooalt .bag { width: 100%; height: 100%; background-color: #000; opacity: .5 }
    .prooalt .cont { position: absolute; top: 0; right: 0; max-width: 600px; width: 94%; background-color: #fff; height: 100% }
    .prooalt .cont .fz_tit { line-height: 1rem; padding: 0 .52rem; padding-right: .26rem; color: #fff; background: #563e98; background-size: cover; display: flex; align-items: center; justify-content: space-between }
    .prooalt .cont .fz_tit .close { width: .24rem; line-height: 1; -webkit-transition: all .3s linear; transition: all .3s linear; cursor: pointer; font-size: 18px }
    .prooalt .cont .fz_tit .close i { color: #fff; font-size: 22px }
    .prooalt .cont .fz_tit .close:hover { transform: rotate(90deg) }
    .prooalt .cont .middlid { width: 100%; padding: .32rem .5rem 14px }
    .prooalt .cont .fz_jut { width: 100%; padding: .32rem .5rem 14px }

    @media(max-width:767px) {
        .prooalt .cont .fz_jut { padding: .4rem .3rem 12px }
    }

    .prooalt .cont .fz_jut .fz_list { display: none }
    .prooalt .cont .fz_jut .fz_list.active { display: block }
    .prooalt .cont .fz_jut .fz_list .item .int { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; margin-bottom: .15rem }
    .prooalt .cont .fz_jut .fz_list .item .int input, .prooalt .cont .fz_jut .fz_list .item .int .lab { font-size: 14px; color: #666 }

    @media(max-width:1580px) {
        .prooalt .cont .fz_jut .fz_list .item .int input, .prooalt .cont .fz_jut .fz_list .item .int .lab { font-size: 14px }
    }

    .prooalt .cont .fz_jut .fz_list .item .int input { width: calc(100% - 20px); padding: .1rem 0 }
    .prooalt .cont .fz_jut .fz_list .item .int textarea { width: calc(100% - 20px); padding: .1rem 0; }
    .prooalt .cont .fz_jut .fz_list .item .int .lab { color: red }
    .prooalt .cont .fz_jut .fz_list .item .int.on .lab { opacity: 0 }
    .prooalt .cont .fz_jut .fz_list .item .textarea1 { border-bottom: none; margin-bottom: 10px }
    .prooalt .cont .fz_jut .fz_list .item .textarea1 textarea { border: 1px solid #ddd; padding: .2rem; width: 100%; height: 90px; border-radius: 5px; margin-top: .2rem }
    textarea::placeholder { color: #818194 }

    @media(max-width:1580px) {
        .prooalt .cont .fz_jut .fz_list .item .textarea1 textarea { height: 80px }
    }

    @media(max-width:767px) {
        .prooalt .cont .fz_jut .fz_list .item .textarea1 textarea { height: 70px }
    }

    .prooalt .cont .fz_jut .fz_list .item .yan { display: flex; align-items: center; padding-bottom: 10px }
    .prooalt .cont .fz_jut .fz_list .item .yan input { width: calc(100% - 190px); padding: 0 .2rem }

    @media(max-width:1580px) {
        .prooalt .cont .fz_jut .fz_list .item .yan input { width: calc(100% - 160px) }
    }

    .prooalt .cont .fz_jut .fz_list .item .yan .fz_huan { display: flex; align-items: center; width: 180px }

    @media(max-width:1580px) {
        .prooalt .cont .fz_jut .fz_list .item .yan .fz_huan { width: 150px }
    }

    @media(max-width:767px) {
        .prooalt .cont .fz_jut .fz_list .item .yan .fz_huan { width: 130px }
    }

    .prooalt .cont .fz_jut .fz_list .item .yan .fz_huan .but { color: #d9333f; font-size: 14px; margin-right: 12px }

    @media(max-width:1580px) {
        .prooalt .cont .fz_jut .fz_list .item .yan .fz_huan .but { font-size: 12px; margin-right: 10px }
    }

    .prooalt .cont .fz_jut .fz_list .item .yan .fz_huan .img { width: 68%; overflow: hidden }

    @media(max-width:767px) {
        .prooalt .cont .fz_jut .fz_list .item .yan .fz_huan .img { width: 62% }
    }

    .prooalt .cont .fz_jut .fz_list .item .yan .fz_huan .img img { float: left; width: 100% }
    .prooalt .cont .fz_jut .fz_list .item .fz_but { border-radius: 20px;width: 100%; height: .5rem; margin-top: .3rem; background-color: #563e98; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px }
    .prooalt .cont .fz_jut .fz_list .item .fz_but i { font-size: 22px }

    @media(max-width:1580px) {
        .prooalt .cont .fz_jut .fz_list .item .fz_but { font-size: 14px; height: 45px }
    }

    @media(max-width:767px) {
        .prooalt .cont .fz_jut .fz_list .item .fz_but { height: .8rem }
    }

    .prooalt .cont .fz_jut .fz_list .item .fz_but i { display: block; width: 16px; overflow: hidden; margin-right: 10px }

    @media(max-width:1580px) {
        .prooalt .cont .fz_jut .fz_list .item .fz_but i { width: 14px; margin-right: 8px }
    }

    .prooalt .cont .fz_jut .fz_list .item .fz_but i img { width: 100%; float: left }
    .prooalt .cont .fz_jut .fz_list .item .fz_but:hover { opacity: .9 }
    .prooalt .cont .fz_jut .fz_list .item .name { display: flex; align-items: center; font-size: 16px; padding: 0 0 .16rem }

    @media(max-width:767px) {
        .prooalt .cont .fz_jut .fz_list .item .name { font-size: 16px }
    }

    .prooalt .cont .fz_jut .fz_list .item .name span { display: block; width: calc(100% - 20px) }
    .prooalt .cont .fz_jut .fz_list .item .name .lab { color: red }
    .prooalt .cont .fz_jut .fz_list .item .zhong { display: flex; flex-wrap: wrap; margin-bottom: .22rem }
    .prooalt .cont .fz_jut .fz_list .item .zhong label { display: flex; width: 33.333%; position: relative; color: #333; font-size: 14px; margin-bottom: 5px }

    @media(max-width:767px) {
        .prooalt .cont .fz_jut .fz_list .item .zhong label { font-size: 14px }
    }

    .prooalt .cont .fz_jut .fz_list .item .zhong label i { display: block; width: 20px; height: 20px; border: solid 2px #ddd }

    @media(max-width:1580px) {
        .prooalt .cont .fz_jut .fz_list .item .zhong label i { width: 16px; height: 16px; border-width: 1px }
    }

    .prooalt .cont .fz_jut .fz_list .item .zhong label span { display: block; width: 80%; width: calc(100% - 20px); padding: 0 10px }

    @media(max-width:1580px) {
        .prooalt .cont .fz_jut .fz_list .item .zhong label span { width: calc(100% - 16px) }
    }

    .prooalt .cont .fz_jut .fz_list .item .zhong label input { opacity: 0; top: 0; left: 0; position: absolute }
    .prooalt .cont .fz_jut .fz_list .item .zhong label input:checked ~ i { border-color: #d9333f; background: #d9333f; background: #d9333f url(../images/dagouiconimg1.png) no-repeat center; background-size: 60% auto }
    .prooalt .cont .fz_jut .fz_list .item:nth-child(2) .zhong { margin-bottom: .1rem }
    .prooalt .cont .fz_jut .fz_list .text { text-align: center; color: #999; font-size: 14px; margin-top: 14px }

    @media(max-width:1580px) {
        .prooalt .cont .fz_jut .fz_list .text { font-size: 12px }
    }

    .prooalt .cont .fz_jut .scrolhe { width: 100% }

    @media(max-width:1580px) {
        .prooalt .cont .fz_jut .scrolhe { height: 5rem; overflow: auto }
    }

    @media(max-width:767px) {
        .prooalt .cont .fz_jut .scrolhe { height: 8rem }
    }


.site-map{/* background-color: #fff; */}
.site-map h4{font-size:24px;color:#333;line-height:40px;background: #fff;border-left:5px solid #9068ee;padding:15px 15px 15px 25px;margin-bottom:20px;}
.site-map h4~h4{margin-top:50px;}
.site-map > ul{}
.site-map > ul:last-child{padding-bottom: 30px;}
.site-map > ul > li{}
.site-map > ul > li+li{margin-top:40px;}
.site-map > ul > li > h5{font-size:18px;color:#333;font-weight:bold;}
.site-map > ul > li > ul{margin-top:10px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:0 30px;}
.site-map > ul > li > ul > li{width:33.3333333%;padding:10px 10px;box-sizing:border-box;}
.site-map > ul > li > ul > li > a{display:block;font-size:14px;color:#333;}
.site-map > ul > li > ul > li > ul>li{margin:10px 0;}
.site-map > ul > li > ul > li > ul>li>a{font-size:12px;line-height:20px;}
.site-map > ul > li > ul >  a{display:block;font-size:20px;color:#333;}
.site-map > ul > li > ul >  ul>li{margin:10px 0;}
.site-map > ul > li > ul >  ul>li>a{font-size:16px;line-height:20px;}
.site-map dl{margin-top:15px;}
.site-map dl dd{display:block;margin:0 10px 10px 0;font-size:15px;color:#666;}

.privacy p{line-height: 2;font-size: 14px;}
.privacy b{width:100%;display: block;font-size: 24px;}

@media (max-width:991px) {
    .site-map > ul > li > ul > li{width:100%;}
}





#float {transition: all .3s; position: fixed; right: 10px; bottom: 120px; z-index: 55; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;display: flex;flex-direction: column;}
#float >a{width: 54px;height: 54px;border-radius: 50%;background:#a9a9aa ;display: flex;align-items: center;justify-content:center;margin-bottom: 6px;position: relative;}
#float >a>i{font-size:24px;color: #fff;}
#float >a:hover{background: #9068ee;}
#float >a p{border: 1px solid #fff;margin: 0;position:absolute;border-radius:10px;right:-355px;padding: 20px;line-height: 1;font-size:16px;height:45px;background-color:#9068ee;color:#FFF;transition:all 0.3s;z-index:0;white-space: nowrap;pointer-events: none;}
#float >a:hover p{right:55px;/* padding: 20px; */height: auto;}
@media (max-width:991px) {
    #float >a{background: #a9a9aa8f;}
}



/* index */
font{color: #9068ee;}

.index{width: 100%;position: relative;padding:.8rem 0;overflow: hidden;z-index: 2;background:#f2f1f8;}
.index .tit{display: flex;justify-content: space-between;}
.index .tit .subtit{width: 24%;}
.index .tit .subtit p{width: fit-content;height: fit-content;margin: 0;font-size: 14px;color: #555160;background: #e3e2ea;border-radius: 20px;padding: 6.5px 20px;text-transform:capitalize;}
.index .title{width: 76%;margin-top: 20px;}
.index .title h2{font-size:56px;color: #132843;font-weight: bold;line-height: 1.2;margin-bottom: .5rem;letter-spacing: -1px;}
.index .title p{font-size: 14px;color: #555160;}
.index .title h2 img{margin-bottom: 20px;}
@media(max-width: 1859px){
    .index .title h2{font-size: 50px;}
}
@media(max-width: 1599px){
    .index{padding: 60px 0;}
    .index .title h2{font-size: 42px;margin-bottom: 40px;}
    .index .title h2 img{width: 40px;}
}
@media(max-width: 1439px){
    .index{padding: 60px 0;}
    .index .title h2{font-size: 36px;letter-spacing: 0;}
    .index .title h2 img{width: 30px;margin-bottom: 10px;}
}
@media(max-width: 991px){
    .index{padding: 50px 0;}
    .index .tit{flex-wrap: wrap;}
    .index .tit .subtit p{font-size: 12px;margin-bottom: 20px;}
    .index .title{width: 100%;}
    .index .title h2{font-size: 32px;}
    .index .title h2>span{padding-left: 0;}
    .index .title h2 img{display: none;}
}
@media(max-width:767px){
    .index{padding: 40px 0 !important;}
    .index .tit .subtit p{margin-bottom: 10px;}
    .index .title h2{font-size: 28px;margin-bottom: 20px;}
    .index .title p{font-size: 12px;}
    .index .title h2 img{display: none;}
    .index .title h2 br{display: none;}
}
@media(max-width:430px){
    .index{padding: 20px 0 !important;}
    .index .tit .subtit p{font-size: 12px;}
    .index .title h2{font-size: 24px;}

}
.index3{border-radius: 60px 60px 0 0;margin-top: -60px;z-index: 3;}
.index3 .tit{flex-wrap: wrap;}
.index3 .tit .subtit{width: 100%;}
.index3 .title{width: 100%;margin-top: .3rem;}
.index3 .rec-card{width: 100%;display: flex;flex-wrap: wrap;gap: 2%;margin-top: 40px;}
.index3 .rec-card>.card{width: 49%;background: transparent;border: 0;}
.index3 .rec-card>.card .item{overflow: hidden;border-radius: 60px;position: relative;}
.index3 .rec-card>.card .txt{position: absolute;bottom:0;left:0;width: 100%;padding: 40px 30px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.index3 .rec-card>.card h3{font-size: 48px;color: #fff;}
.index3 .top-img{position: absolute;bottom: 92%;z-index: 4;right:40px;}
.index3 .top-img.smile{opacity: 0;transition: all .3s ease-in-out;}
.index3 .card.active .top-img.smile{opacity: 1;}
.index3 .card .hover{background: url(../images/rec-bg.jpg) no-repeat;background-size: cover;height: 100%;width: 100%;border-radius: 60px;top: 0;left: 0;;z-index: 2;position:absolute;padding: 50px;transform: translateY(100%);transition: all 0.3s ease-in-out;}
.index3 .card:hover .hover{transform: translateY(0%);}
.index3 .card.active .hover{transform: translateY(0%);}
.index3 .card .hover .tit span{border-radius: 18px;border:1px solid #fff;background: rgba(255, 255, 255,.2);color: #fff;font-size: 16px;padding: 5px 20px;}
.index3 .card .hover .tit h3{width: 100%;font-size: 60px;font-weight:bold;padding: .5rem 0 .3rem 0;border-bottom: 1px solid rgba(255, 255, 255,.2);}
.index3 .card .hover ul{margin: 0.5rem 0;/*height: 167px;overflow: hidden;*/display: flex;flex-wrap: wrap;justify-content: space-between;align-content: flex-start;}
.index3 .card .hover ul li{ width: 50%;}
.index3 .card .hover ul li a{font-size: 18px;color: #d0c4ea;}
.index3 .card .hover ul li:hover a{color: #fff;}
.index3 .card .hover ul li a i{margin: 0 5px;font-size: 24px;width: 0;color: #fff;font-style: normal;opacity: 0;display: inline-block;transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.index3 .card .hover ul li:hover a i{opacity: 1;width: 6px;}
@media(max-width: 1599px){
    .index3 .top-img{scale: .7;right: 0;}
    .index3 .rec-card>.card h3{font-size: 40px;}
    .index3 .rec-card>.card .item{border-radius: 50px;}
    .index3 .card .hover{border-radius: 50px;}
    .index3 .card .hover .tit h3{font-size: 40px;padding: 30px 0;}
    .index3 .card .hover ul{margin-top: .5rem;}
    .index3 .card .hover ul li a{font-size: 16px;}
}
@media(max-width: 1439px){
    .index3{border-radius: 40px 40px 0 0 ;}
    .index3 .rec-card{margin-top: 20px;}
    .index3 .rec-card>.card .item{border-radius: 40px;}
    .index3 .card .hover .tit span{font-size: 16px;}
    .index3 .card .hover{border-radius: 40px;padding: 40px;}
    .index3 .card .hover ul{margin-top: 40px;}
}
@media(max-width: 1365px){
    .index3 .rec-card>.card .item{border-radius: 30px;}
    .index3 .card .hover{border-radius:30px;padding: 30px;}
    .index3 .card .hover ul{margin-top: 30px;}
}
@media(max-width: 1199px){
    .index3 .rec-card>.card h3{font-size: 30px;}
    .index3 .card .hover .tit h3{font-size: 30px;padding: 20px 0;}
    .index3 .card .hover ul{margin-top: 20px;height: auto;}
    .index3 .card .hover ul li a{font-size: 14px;}
}
@media(max-width: 991px){
    .index3{border-radius: 30px 30px 0 0;}
    .index3 .top-img{scale: .5;bottom: 80%;}
    .index3 .card .hover ul{display: none;}
    .index3 .rec-card>.card a{margin-top: 20px;}
    .index3 .card .hover a{margin-top: 20px;}
}
@media(max-width: 767px){
    .index3{border-radius:0;margin-top: 0;}
    .index3 .title{margin-top: 10px;}
    .index3 .top-img{display: none;}
    .index3 .rec-card{margin-top: 0;}
    .index3 .rec-card>.card{width: 100%;}
    .index3 .rec-card>.card .item{border-radius: 20px;margin-bottom: 30px;}
    .index3 .card .hover .tit h3{font-size: 24px;padding: 10px 0;}
    .index3 .card .hover{border-radius: 20px;}
    .index3 .card .hover ul{display:flex;margin-top: 0;}
}


.index-video{height:720px;background-image: url(../images/video-bg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;cursor: pointer;padding:.8rem 0;}
.index-video .container{display: flex;justify-content: center;align-items: center;background-attachment: fixed;background-size: cover;cursor: pointer;border-radius: 20px;background-image:url(../images/video-bg.jpg);background-position: center;height: 100%;position: relative;}
.index-video .play{width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;/* padding: .8rem; */display: flex;flex-flow: wrap;justify-content: center;align-content: flex-end;}
.index-video .play i{opacity: 0;;width: 129px;height: 129px;border-radius: 50%;background:rgba(255, 255, 255,.2);font-size: 0.4rem;margin-bottom: 1rem;color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all .3s ease-in-out;}
.index-video .play h3{color: #fff;font-size: .6rem;font-weight: bold;width: 100%;}
.index-video .play p{font-size: 14px;color: #fff;width: 100%;margin:10px 0;}
.index-video .play p o{width: 12px;height: 12px;border-radius: 50%;background: #fff;display: inline-block;margin-right: 10px;}
@media(max-width: 1599px){
    .index-video .play i{width: 100px;height: 100px;font-size: 0.3rem;}
    .index-video .play h3{font-size: 50px;}
}
@media(max-width: 1439px){
    .index-video{height: 600px;}
    .index-video .play i{font-size: 24px;}
    .index-video .play h3{font-size: 40px;}
}
@media(max-width: 1365px){
    .index-video .play h3{font-size: 36px;}
}
@media(max-width: 1199px){
    .index-video{height: 500px;}
    .index-video .play h3{font-size: 30px;}
}
@media(max-width: 991px){
}
@media(max-width: 767px){
    .index-video{height: 400px;background: none;padding:  0 !important;}
    .index-video .play{padding: 20px;}
}




.index1{z-index: 3;position: relative;}
.index1 .tit{flex-wrap: wrap;justify-content:left;width: 100%;margin-bottom: .6rem;}
.index1 .tit .subtit{display: flex;width: 100%;}
.index1 .tit .title{width: 100%;margin-top: .2rem;display: flex;flex-wrap: wrap;align-items: center;}
.index1 .tit .title h2{margin-bottom: 0;text-align: left;width:50%;}
.index1 .product-swiper{overflow: visible;position: relative;max-height:660px}
.index1 .product-swiper .item{position: relative; background: #fff;border-radius: 20px;/* padding: 35px; */overflow: hidden;width: 100%;height: 100%;display: block;transition: all .3s ease-in-out;}
.index1 .product-swiper .item:hover{ }
.index1 .product-swiper .item .img{position: relative;display: block;}
.index1 .product-swiper .item .img img{width: 100%;height: 100%;object-fit: cover;}
.index1 .product-swiper .item .img .hover-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;;opacity:0;transition: all .3s ease-in-out;}
.index1 .product-swiper .item .img .hover-img > i{color: #fff;background: #563e98;border-radius: 50%;width: 58px;height: 58px;position: absolute;right: 20px;top: 20px;display: flex;align-items: center;justify-content: center;font-size: 24px;font-weight: bold;transform: rotate(-45deg);}
.index1 .product-swiper .item:hover .img .hover-img{opacity: 1;}
.index1 .product-swiper .item .txt{width: 100%;padding: 35px;}
.index1 .product-swiper .item .txt p{color: #19324f;font-size: 18px;font-weight: bold;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient: vertical;}
.index1 .product-swiper .item .txt .btnlist{display: flex;align-items: center;gap:16px;margin-top: 20px;flex-wrap: wrap;}
.index1 .product-swiper .item .txt .btnlist a{font-size: 14px;color: #555160;border-radius: 20px;padding: 9px 20px;border: 1px solid #666;}
.index1 .product-swiper .item .txt .btnlist a:hover{background: #555160;color: #fff;}
.index1 .product-swiper .item .txt .btnlist a:nth-child(2){color: #8f68ed;background: #fff;border: 1px solid #8f68ed;}
.index1 .product-swiper .item .txt .btnlist a:nth-child(2):hover{color: #fff;background: #8f68ed;}
.index1 .swiper-bottom{display:flex;align-items: center;justify-content: space-between;margin-top:64px;}
.index1 .swiper-bottom .bottom-btn{display: flex;gap:4px;}
.index1 .swiper-bottom i{color:#563e98;background: #fff;width: 58px;height: 58px;border-radius: 50%;border: 1px solid #563e98;display: flex;align-items: center;justify-content: center;font-size: 24px;transition: all .3s ease-in-out;}
.index1 .swiper-bottom i:hover{background: #563e98;color: #fff;}
.index1 .swiper-bottom .txt{position: relative;}
.index1 .swiper-bottom .txt::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(242,241,248,0) 0%, rgba(242,241,248,0.3) 70%,  rgba(242,241,248,0.6) 100%); pointer-events: none;}
.index1 .swiper-bottom .txt p{color: #555160;font-size: 14px;}

.index1 .product-search{gap: 15px;width: 50%;justify-content: flex-end}
.index1 form{display: flex;align-items: center;background: #fff;border-radius: 24px;padding: 0 6px;}
.index1 form .int{padding: 0 20px;width: 350px;}
.index1 form .f_sub{width: 40px;height: 40px;border-radius: 50%;background: #e8e8e8;display:flex;align-items: center;justify-content: center;}
.index1 .product-swiper .swiper-slide{height: -webkit-fill-available !important;width:auto;max-width:635px}


@media(max-width: 1439px){
    .index1 .tit .title h2{width: 46%;}
    .index1 .product-swiper .item .txt{padding: 30px;}
    .index1 .product-swiper .item .txt p{font-size: 16px;}
    .index1 .product-pagination .swiper-pagination-bullet{width: 50px;}
    .index1 .product-search{width: 54%;}
}
@media(max-width: 1365px){}
@media(max-width: 1199px){
    .index1 .tit .title h2{width: 100%;}
    .index1 .product-search{width: 100%;justify-content:left;margin-top: 20px;} 
    .index1 .product-pagination .swiper-pagination-bullet{width: 40px;}
    .index1 .swiper-pagination-bullets.swiper-pagination-horizontal{padding: 0 20px;}

}
@media(max-width: 991px){
    .index1 .tit .title{margin-top: 0;}
    .index1 .tit .title h2{width: 100%;}
    .index1 .product-search{margin-top: 20px;}
    .index1 form .int{font-size: 14px;}
    .index1 .product-swiper .item .txt{padding: 20px;}
    .index1 .swiper-pagination-bullets.swiper-pagination-horizontal{width: 30px;}
    .index1 .swiper-bottom .bottom-btn{position: absolute;top: 50%;z-index: 2;width: 100%;justify-content: space-between;transform: translateY(-100%);}
}
@media(max-width: 767px){
    .index1{margin-top: 0;border-radius: 0;}
    .index1 .tit{margin-bottom: 20px;}
    .index1 .tit .title{margin-top: 0;}
    .index1 form .int{width: 260px;}
    .index1 form .f_sub{width: 30px;height: 30px;}
    .index1 .product-swiper{overflow: visible;}
    .index1 .product-pagination .swiper-pagination-bullet{display: flex;}
    .index1 .swiper-bottom{margin-top: 30px;}
}
@media(max-width: 630px){
    .index1 .product-search{flex-wrap: wrap;}
    .index1 form{height: 40px;width: 100%;}
    .index1 .swiper-bottom i{width: 50px;height: 50px;}
    .index1 form .int{width: 100%;}
    .index1 .swiper-bottom .txt p br{display: none;}
}


.index2 .tit{justify-content: unset;width: 45%;flex-wrap: wrap;padding: 30px 60px;align-content: flex-start;}
.index2 .title{width:100%;margin-top: .3rem;margin-bottom:.2rem;}
.index2 .title h2{margin-bottom: 0;}
.index2 .tit .subtit{
    width: 100%;
}
.index2 .tit .index-link{justify-content: right;display: flex;}
.index2 .top {display: flex;}
.index2 .top .com-video{position: relative;width: 55%;position: relative;border-radius: 60px;overflow: hidden;}
.index2 .top .com-video .img{height: 100%;}
.index2 .top .com-video .img img{height: 100%;width: 100%;object-fit: cover;}
.index2 .top .com-video .con{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: .8rem;display: flex;flex-flow: wrap;justify-content: center;align-content: flex-end;transition: all .3s ease-in-out;}
.index2 .top .com-video .con h3{color: #fff;font-size: .6rem;font-weight: bold;}
.index2 .top .com-video .con>i{width: 129px;height: 129px;border-radius: 50%;background:rgba(255, 255, 255,.2);font-size: 0.4rem;margin-bottom: 1rem;color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all .3s ease-in-out;}
.index2 .top .com-video .con:hover>i{scale: 1.05;}
.index2 .top .com-video .con p{font-size: 14px;color: #fff;width: 100%;margin:10px 0;}
.index2 .top .com-video .con p o{width: 12px;height: 12px;border-radius: 50%;background: #fff;display: inline-block;margin-right: 10px;}
.index2 .top .icon{width: 100%;display: flex;gap: 20%;margin: .6rem 0;}
.index2 .top .icon p{font-size: 20px;color: #1a1527;margin-top:10px;}
.index2 .intro{}
.index2 .intro p{color: #1a1527;font-family: 'myriadpro';font-size: 18px;font-weight: bold;margin-bottom:20px;}
.index2 .intro span{color:#555160;font-family: 'myriadpro';font-size: 14px;}
.index2 .bottom{display: flex;justify-content: space-between;margin-top: .7rem;}
.index2 .bottom .item{width: 23%;background: #e3e2ea;border-radius: 20px;padding: 30px 45px;display:flex;flex-wrap: wrap;row-gap:.5rem;transition: all .3s ease-in-out;}
.index2 .bottom .item:hover{background: #9068ee;}
.index2 .bottom .item .img{display: flex;align-items:flex-start;justify-content:space-between;width: 100%;gap: 10%;}
.index2 .bottom .item .img img{transition:all .3s ease-in-out;}
.index2 .bottom .item:hover .img img{transform: rotateY(360deg);filter:brightness(10);}
.index2 .bottom .item .img>p{font-size: 24px;color: #1a1527;font-weight: bold;}
.index2 .bottom .item:hover .img>p{color: #fff;}
.index2 .bottom .item .txt{width: 100%;color: #555160;font-size: 14px;}
.index2 .bottom .item:hover .txt{color: rgba(255, 255, 255,.6);}
.index2 .bottom .item:nth-child(2){animation-delay: .1s;}
.index2 .bottom .item:nth-child(3){animation-delay: .2s;}
.index2 .bottom .item:nth-child(4){animation-delay: .3s;}
@media(max-width: 1599px){
    .index2 .tit{width: 50%;padding: 30px 40px;}
    .index2 .tit .index-link{/* width:25%; */}
    .index2 .top .com-video{width: 50%;border-radius: 50px;}
    .index2 .top .com-video .con{padding: 70px;}
    .index2 .top .com-video .con h3{font-size: 50px;}
    .index2 .top .com-video .con>i{width: 100px;height: 100px;font-size: .3rem;}
    .index2 .top .icon{margin: 30px 0;}
    .index2 .bottom .item{padding: 40px;row-gap: .4rem;}
    .index2 .bottom .item .img>p{font-size: 20px;}
}
@media(max-width: 1439px){
    .index2 .tit{width: 55%;}
    .index2 .top .com-video{width: 45%;border-radius: 40px;}
    .index2 .top .com-video .con{padding: 50px;}
    .index2 .top .com-video .con h3{font-size: 40px;}
    .index2 .top .icon p{font-size: 18px;}
    .index2 .bottom .item{padding:30px;row-gap: 30px;}
    .index2 .bottom .item .img>p{font-size: 18px;}
}
@media(max-width: 1365px){
    .index2 .top .com-video{border-radius: 30px;}
    .index2 .top .com-video .con{padding: 40px;}
    .index2 .top .com-video .con h3{font-size: 36px;}
    .index2 .bottom .item{padding: 20px;}
}
@media(max-width: 1199px){
    .index2 .top .icon p{font-size: 16px;}
    .index2 .top .com-video .con h3{font-size: 30px;}
}
@media(max-width: 991px){
    .index2 .tit{justify-content: space-between;align-items: center;width: 100%;padding: 20px;}
    .index2 .title{width: 100%;margin-top:40px ;}
    .index2 .title h2 br{display: none;}
    .index2 .tit .subtit{width: 40%;}
    .index2 .tit .subtit p{margin-bottom: 0;}
    .index2 .intro{padding: 0;}
    .index2 .top{flex-wrap: wrap;flex-direction: column-reverse;}
    .index2 .top .com-video{width: 100%;}
    .index2 .bottom{flex-wrap: wrap;row-gap: 20px;}
    .index2 .bottom .item{width: 48%;}

}
@media(max-width: 767px){
    
    .index2 .title{margin-top: 20px;}
    .index2 .tit{margin-bottom: 30px;}
    .index2 .tit .subtit{width: 100%;}

}
@media(max-width:630px){
    .index2 .top .com-video .con>i{margin-bottom: 0;width: 80px;height: 80px;}  
    /* .index2 .bottom .item{height: 300px;} */
}
@media(max-width:430px){
    .index2 .bottom .item .img img{display: none;}
}
.index-introduction{height:900px;background-image: url(../images/introduction-bg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;}
.index-introduction .container{position: relative;;background-attachment: fixed;background-size: cover;border-radius: 20px;background-position: center;display: flex;flex-direction: column;justify-content: space-between;}
.index-introduction .tit{flex-wrap: wrap;}
.index-introduction .tit .subtit p{color: #fff;background: rgba(227,226,234,0.2);border: 1px solid #e1def5;}
.index-introduction .title {width: 100%;margin-top: .4rem;}
.index-introduction .title h2{color: #fff;}

.index-introduction .contact-box{backdrop-filter: blur(10px);background: #ffffff2a;border-radius: 20px;width:390px;padding: 22px;display: none;}
.index-introduction .contact-box .top{display: flex;align-items: center;justify-content: space-between;}
.index-introduction .contact-box .top p{color: #fff;font-size: 14px;}
.index-introduction .contact-box .bottom{margin-top: 40px;}
.index-introduction .contact-box .bottom p{color: #fff;font-size: 16px;margin-bottom: 10px;}
.index-introduction .contact-box .bottom span{color: rgba(255, 255, 255,.5);font-size: 14px;}

.index-introduction .intro-swiper{width:100%;display: flex;justify-content: center;align-items: center;gap:4%;padding: 0 1%;}
.index-introduction .intro-swiper .item a{backdrop-filter: blur(10px);background: #ffffff2a;display:flex;padding: 6px;border-radius: 20px;}
.index-introduction .intro-swiper .item .img{border-radius: 20px;overflow: hidden;width: 34%;}
.index-introduction .intro-swiper .item .img img{height: 100%;width: 100%;object-fit: cover;}
.index-introduction .intro-swiper .item .txt{width: 66%;padding:20px;}
.index-introduction .intro-swiper .item .txt span{font-size: 14px;color: rgba(255, 255, 255,.5);text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:3;display: -webkit-box; -webkit-box-orient: vertical;}
.index-introduction .intro-swiper .item .txt p{font-weight: bold;color: #fff;font-size:20px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:2;display: -webkit-box; -webkit-box-orient: vertical;}
@media(max-width: 1599px){
    .index-introduction{height: 800px;}
    .index-introduction .intro-swiper .item .txt p{font-size: 18px;}
}
@media(max-width: 1439px){
    .index-introduction{height: 700px;}
    .index-introduction .intro-swiper .item .txt p{font-size: 16px;}
    .index-introduction .intro-swiper .item .txt span{font-size: 12px;}
}
@media(max-width: 1365px){}
@media(max-width: 1199px){}
@media(max-width: 991px){
    .index-introduction{height: auto;margin-bottom: 0;}
    .index-introduction .title h2 br{display: none;}
    .index-introduction .contact-box{margin: 30px 0;}
    .index-introduction .intro-swiper{flex-wrap: wrap;margin-top: .3rem;position: relative;width: 100%;bottom: unset;}
    .index-introduction .intro-swiper .item{width: 100%;}
    .index-introduction .intro-swiper .item a{border-radius: 10px;}
}
@media(max-width: 630px){
    .index-introduction .contact-box{width: 100%;}

}


.recommend{background: #132843;padding: 0;}
.recommend .container{position: relative;}
.recommend .tit{position: absolute;width: 50%;left: 0;top: 0;padding:.8rem 0;flex-wrap: wrap;}
.recommend .title{width: 100%;margin-top: .8rem;margin-bottom: .5rem;}
.recommend .title h2{color: #fff;margin-bottom: 10px;}
.recommend .title p{color: rgba(229,229,229,.6);font-weight: normal;}
.recommend .swiper-r{width: 50%;margin: 0;margin-left: 50%;height: 100%;}
.recommend .container>.swiper{display: none;}
.recommend .swiper a img{height: 100%;}
.recommend .rt-swiper{width: 100%;}
.recommend .swiper-btn{width: 100%;display: flex;gap:35px ;margin-top:8vw;position: relative;align-items: center;}
.recommend .swiper-btn > p{color:rgba(255,255,255,.6);}
.recommend .swiper-btn > div{background: #fff;width: 60px;height: 60px;display:flex;align-items: center;justify-content: center;border: 1px solid #fff;border-radius: 50%;transition: all .3s ease-in-out;}
.recommend .swiper-btn > div:hover{background: #132843;color: #fff;}
.recommend .swiper-btn > div i{font-size: 20px;}
.recommend .swiper-btn::after{position: absolute;content:'';background:rgba(255,255,255,.2);height:1px;width: 50%;right: 10%;;top: 50%;}
@media(max-width: 1599px){
    .recommend .swiper-btn{margin-top: 60px;}
}
@media(max-width: 1439px){
    .recommend .tit{padding: 40px 0;}
    .recommend .title{margin:40px 0 20px 0;}
}
@media(max-width: 1365px){}
@media(max-width: 1199px){
    .recommend{height: 440px;}
    .recommend .title{margin: 20px 0;}
    .recommend .swiper-btn{margin-top: 40px;}
    .recommend .swiper-btn::after{width:25%;}
}
@media(max-width: 991px){
    .recommend{height: 400px;}
    .recommend .swiper-btn::after{display: none;}
}
@media(max-width: 767px){
    .recommend{background: none;height: auto;}
    .recommend .container{background: #132843;border-radius: 20px;padding: 0;overflow: hidden;}
    .recommend>.swiper{display: none;}
    .recommend .container .swiper{display: block;margin-left: 0;width: 100%;}
    .recommend .tit{position: relative;width: 100%;padding:40px 20px 60px;}
    .recommend .rt-swiper{overflow: hidden;}
    .recommend .swiper-btn > div{width: 50px;height: 50px;}
    .recommend .swiper-btn > p{display: none;}
}


.project{}
.project .tit{flex-wrap: wrap;margin-bottom: .6rem;}
.project .tit .subtit{width: 100%;}
.project .tit .title{margin-top: .4rem;}
.project .tit .title h2{margin-bottom: 10px;}
.project .tit .title p{color:#818194;}
.project .swiper{overflow: visible;}
.project .item{background: #fff;border-radius: 30px;padding: 20px;overflow: hidden;transition: all .3s ease-in-out;}
.project .item:hover{background:#132843;}
.project .item .img{border-radius: 30px;overflow: hidden;display: block;}
.project .item .txt{display: flex;justify-content: space-between;padding: 0 20px;align-items: center;margin-top: 20px;}
.project .item .txt p{color:#818194;}
.project .item:hover .txt p{color:#dbdbdb;}
.project .item .txt p span{color:#213e5a;}
.project .item:hover .txt p span{color:#fff;}
.project .item .txt i{font-size: 24px;color:#b91c1e;}
.project .project-prev,.project .project-next{width: 70px;height: 70px;display:flex;top: 50%;transform: translateY(-50%);position: absolute;z-index: 2;align-items: center;justify-content: center;border: 1px solid #132843;background: #fff;border-radius: 50%;transition: all .3s ease-in-out;}
.project .project-prev{left: -35px;}
.project .project-next{right:-35px;}
.project .project-prev i,.project .project-next i{font-size: 20px;}
.project .project-prev:hover,.project .project-next:hover{background: #132843;color: #fff;}
@media(max-width: 1599px){}
@media(max-width: 1439px){}
@media(max-width: 1365px){}
@media(max-width: 1199px){
    .project .item{border-radius: 20px;}
    .project .item .img{border-radius:20px;}
}
@media(max-width: 991px){
    .project .tit .title{margin-bottom:.4rem ;}    
    .project .project-prev,.project .project-next{width: 50px;height: 50px;}
    .project .project-prev{left:0;}
    .project .project-next{right:0;}
}
@media(max-width: 767px){}



.news .tit{flex-wrap: wrap;}
.news .tit .subtit{width: 100%;margin-bottom: .3rem;}
.news .title{width: 65%;margin-top: 0;}
.news .title h2{margin-bottom: 0;}
.news .index-link{gap: 20px;display: flex;}
.news .index-link a{border: 1px solid #8f68ed;}
.news .index-link a.active{background: #9068ee;}
.news .index-link a span{color: #8f68ed;}
.news .index-link a:hover span{color: #fff;}
.news .index-link a.active span{color: #fff;}
.news .swiper{overflow:visible;margin: .9rem 0;}
.news .swiper-slide{}
.news .con{padding-top: 24px;}
.news .coln{border-radius:20px;background:rgba(143,104,237,0.2);width: fit-content;padding: 8px 16px;font-weight: bold;border: 1px solid #8f68ed;;}
.news .new-swiper .coln span{font-size: 14px;color:#8f68ed;}
.news .swiper-slide .con h6{font-size:18px;color:#333;font-weight: bold;margin-top:30px;margin-bottom: 10px;height: 44px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:2;display: -webkit-box; -webkit-box-orient: vertical;}
.news .swiper-slide:hover .con h6{color: #2e4699;}
.news .swiper-slide .time{display:flex;align-items: center;justify-content: space-between;margin-top: 25px;position: absolute;bottom: 15px;right: 25px;background: #fff;border-radius:18px;border: 1px solid #e1def5;padding: 6.5px 20px;}
.news .swiper-slide:hover .time{background: #8f68ed;border: 1px solid #e1def5;}
.news .swiper-slide .time a{height: 40px;}
.news .swiper-slide:hover .time span{color: #fff;}

.news .swiper-slide .img{height: 380px;overflow: hidden;display: block;border-radius: 20px;border: 1px solid #fff;overflow: hidden;position: relative;transition: all .3s ease-in-out;}
.news .swiper-slide:hover .img{box-shadow: 0 0 10px 0 rgba(27,29,46,0.22);}
.news .swiper-slide .img img{width: 100%;height: 100%;object-fit: cover;transition: all .3s ease-in-out;}
.news .swiper-slide:hover .img img{scale: 1.05;}
.news .news-btn{display: none;}
.news .news-prev,.news .news-next{position: absolute;width: 70px;height: 70px;display:flex;align-items: center;justify-content: center;border: 1px solid #132843;border-radius: 50%;transition: all .3s ease-in-out;top: 50%;transform: translateY(-50%);z-index: 2;background: #fff;}
.news .news-prev{left:-35px;}
.news .news-next{right: -35px;}
.news .news-prev i,.news .news-next i{font-size: 24px;}
.news .news-prev:hover,.news .news-next:hover{background:#132843;color: #fff;}
.news .index-btn{width: 100%;display:flex;justify-content: center;}
@media(max-width: 1439px){}
@media(max-width: 1365px){
    .news .title{width:60%;margin-bottom: 40px;}
    .news .index-link{width: 40%;justify-content: right;justify-content: left;}
}
@media(max-width: 1199px){

    .news .swiper-slide{border-radius: 20px;}
}
@media(max-width: 991px){
    .news .title{width: 100%;}
    .news .index-link{width: 100%;}
    .news .swiper{margin: 40px 0;}
    .news .swiper-slide .img{height: 200px;}
    .news .news-prev, .news .news-next{width: 60px;height: 60px;}
    .news .news-next{right:0;}
    .news .news-prev{left: 0;}
}
@media(max-width: 767px){
    .news .title{margin-bottom: 20px;}
    .news .news-prev, .news .news-next{transform:none;top:55%}
}

.word{border-radius:0 0 60px 60px;overflow: hidden;background: #f2f1f8;position: relative;height: 120px;overflow: hidden;}
.word p{font-size: 2rem;color: #dddbe6;position: absolute;top: 0;width: max-content;height: 100%;line-height: 1;text-transform: uppercase;font-weight: bold;letter-spacing: .04rem;}
@media(max-width: 1599px){
    .word p{font-size: 160px;}
}
@media(max-width: 1439px){
    .word{border-radius:0 0 40px 40px;}
    .word p{font-size: 150px;}
}
@media(max-width: 1365px){
    .word p{font-size: 140px;}
}
@media(max-width: 1199px){
    .word{border-radius:0 0 30px 30px;}
    .word p{font-size: 120px;top: 40px;}
}
@media(max-width: 991px){
    .word p{font-size: 100px;}
}
@media(max-width: 767px){
    .word{height: 60px;}
    .word{border-radius:0 0 20px 20px;}
    .word p{font-size: 80px;top:20px;}
}
@media(max-width:630px){
    .word{height: 30px;}
    .word p{font-size: 60px;top:0px;}
}
                             
#pagesize {margin:50px 0 0;text-align:center;}
#pagesize ul{display:flex;justify-content:center;align-items:center;}
#pagesize ul li {display:inline-block;margin:0 10px;}
#pagesize ul li a {width:50px;height:50px;line-height:50px;display:inline-block;color:#1a1527;font-size:18px;background:#fff;border-radius:50%;text-align:center;}
#pagesize ul li span {}
#pagesize ul li a:not(.disabled):hover {background:#8F68ED;color:#fff;}
#pagesize ul li a.active {background:#8F68ED;color:#fff;}
#pagesize ul li a.disabled {color:#999;}