@charset"utf-8";
/* CSS Document */
 html {
    font-size: 62.5%;
    height: 100%;
    scroll-behavior: smooth;
}
body {
    margin: 0 auto;
    font-family:HarmonyOS_Sans, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    height: 100%;
    background:#fff;
    width:100%;
    max-width:1920px;
    overflow-x:hidden;
}
img {
    border: none;
}
ul li {
    list-style-type: none;
}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span, em {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #333;
}
img {
    display:block;
    transition: 0.5s;
}
a {
    text-decoration: none;
    color: #333;
    outline: none;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
}
h1, h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #333;
}
.clear {
    clear: both;
}
.maln {
    margin-left: auto !important
}
input, textarea, select {
    font-family:HarmonyOS_Sans, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    color:#999999;
    border: none;
    outline: none;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display:block
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
button {
    border-radius : 0px;
    -webkit-border-radius:0px;
}
::selection {
    color: #fff;
    background: #28a7e1;
}
* {
    margin: 0px;
    padding: 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
::-webkit-scrollbar {
    width:4px;
    height: 4px;
}
::-webkit-scrollbar-track {
    background: #e5e5e5
}
::-webkit-scrollbar-thumb {
    background:#28a7e1;
}
.fons0 {
    font-size:0px;
    font-size:0rem;
}
::-webkit-input-placeholder {
    /* WebKit browsers */
    color:#999999;
    opacity:1
}
:-o-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color:#999999;
    opacity:1
}
::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color:#999999;
    opacity:1
}
:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color:#999999;
    opacity:1
}
@media screen and (min-width:1000px) {
    .zong {
        width: calc(100% - 160px);
        max-width: 1400px;
        margin: auto;
    }
    .zong1 {
        width: calc(100% - 160px);
        max-width: 1200px;
        margin: auto;
    }
}
@media screen and (max-width:999px) {
    .zong, .zong1 {
        width: 95%;
        margin: auto;
    }
}
a:hover img {
    transform: scale(1.1, 1.1)
}
img {
    max-width: 100%;
}
a:hover {
    color: #28a7e1;
}
.mp {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    color: #666666;
}
.mp p, .mp a {
    color: #666666;
    display: block;
}
.mp a:hover {
    color: #28a7e1;
}
.mp1 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    color: #666666;
}
.mp1 p, .mp1 a {
    color: #666666;
    display: block;
}
.mp1 a:hover {
    color: #28a7e1;
}
@media screen and (max-width:1559px) {
    .mp1 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 30px !important;
    }
}
@media screen and (max-width:1359px) {
    .mp {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 26px !important;
    }
}
@media screen and (max-width:767px) {
    .mp1 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 26px !important;
    }
    .mp {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px !important;
    }
}
.img1 {
    display: block;
    position: relative;
    overflow: hidden;
}
.img1 img {
    width: 100%;
    position: relative;
    z-index: 1
}
.img1:before {
    content:'';
    position: absolute;
    width: 0px;
    height: 100%;
    background: #fff;
    opacity: 0.5;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    transition: 1s;
    z-index: 2
}
.img1:after {
    content:'';
    position: absolute;
    width: 100%;
    height: 0px;
    background: #fff;
    opacity: 0.5;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    transition: 1s;
    z-index: 2
}
.img1:hover:before {
    width: 100%;
    opacity: 0
}
.img1:hover:after {
    height: 100%;
    opacity: 0
}
@keyframes m1tu {
    0% {
        opacity:0;
        left:0px;
    }
    50% {
        opacity:1;
        left:50%;
    }
    100% {
        opacity:0;
        left:100%
    }
}
.img2 {
    display: block;
    width: 300px;
    margin: auto;
    position:relative;
    overflow:hidden;
    z-index:1
}
.img2 img {
    width: 100%;
}
.img2:after {
    content:"";
    height:100%;
    position:absolute;
    top:0px;
    transition:0.5s;
    background:#fff;
    width:40px;
    filter: blur(30px);
    opacity:0;
    z-index:3
}
.img2:hover:after {
    -webkit-animation-name:m1tu;
    animation-name:m1tu;
    -webkit-animation-duration:0.3s;
    animation-duration:0.3s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
.niu1 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}
.niu1 span {
    position: relative;
    z-index: 2;
}
.niu1:before {
    position: absolute;
    content:'';
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: -50px;
    border-bottom: 50px solid #28a7e1;
    border-right: 30px solid transparent;
    -webkit-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.niu1:after {
    position: absolute;
    content:'';
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: -50px;
    border-left: 30px solid transparent;
    border-bottom: 50px solid #28a7e1;
    -webkit-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.niu1:hover:before {
    -webkit-transform: translateX(-40%);
    -moz-transform: translateX(-40%);
    -ms-transform: translateX(-40%);
    -o-transform: translateX(-40%);
    transform: translateX(-40%);
}
.niu1:hover:after {
    -webkit-transform: translateX(40%);
    -moz-transform: translateX(40%);
    -ms-transform: translateX(40%);
    -o-transform: translateX(40%);
    transform: translateX(40%);
}
.niu2 {
    overflow: hidden;
    position: relative;
}
.niu2 span {
    position: relative;
    display: block;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.niu2 span:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    content:"";
    background-color: #28a7e1;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.niu2:hover span:before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
}
.niu3 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: background 0.4s linear, color 0.3s linear;
    -o-transition: background 0.4s linear, color 0.3s linear;
    -moz-transition: background 0.4s linear, color 0.3s linear;
    transition: background 0.4s linear, color 0.3s linear;
}
.niu3:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 50%;
    opacity: 0;
    z-index: -1;
    content:'';
    background: #28a7e1;
    -webkit-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.niu3:hover {
    color: #fff;
}
.niu3:hover:after {
    height: 500%;
    opacity: 1;
}
.at-resp-share-element .at4-share-count-container {
    text-decoration: none;
    float: right;
    padding-right: 15px;
    line-height: 25px !important;
}
.at-resp-share-element .at-icon {
    width: 24px!important;
    height: 24px!important;
}
.at-style-responsive .at-share-btn {
    padding: 0!important;
    border-radius: 2px!important;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
    width: 24px!important;
    height: 24px!important;
}
.at-resp-share-element .at-share-btn {
    margin-bottom: 0!important;
    margin-right: 3px!important;
}
.at-resp-share-element .at-icon {
    width: 24px!important;
    height: 24px!important;
}
.at-style-responsive .at-share-btn {
    padding: 0!important;
    border-radius: 2px!important;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
    width: 24px!important;
    height: 24px!important;
}
.at-resp-share-element .at-share-btn {
    margin-bottom: 0!important;
    margin-right: 3px!important;
}
/*  head  */
 .head {
    position:fixed;
    width:100%;
    left:0px;
    top:0px;
    transition:1s;
    background: rgba(255, 255, 255, 0);
    transition: 0.5s;
    z-index:99999;
}
.head:hover {
    background:#ffffff
}
.head .zong {
    padding-top: 25px;
}
.logo {
    display:block;
    float:left;
    width:173px;
}
.logo img {
    display:block;
    margin:auto;
    width:100%;
    transition:1s;
    transform: scale(1) !important;
    transition: 0.5s;
}
.logo2 {
    opacity: 0;
}
.hexin {
    float: right;
    margin-right: 28px;
    margin-top: 28px;
}
.hexin li {
    color: #333333;
    position: relative;
    padding-left: 33px;
    margin-left: 20px;
    line-height: 18px;
}
.hexin li p {
    color: #333333
}
.hexin li p strong {
    font-size: 16px;
    font-size: 1.6rem;
}
.hexin li a {
    display: inline-block;
}
.hexin li i {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    color: #28a7e1;
}
/*  sousuo  */
 .sousuo {
    float:right;
    width:55px;
    height:30px;
    margin-right: 18px;
    position:relative;
    z-index:9999;
    transition:0.5s;
}
.sousuo form {
    width:500px;
    height:0px;
    overflow:hidden;
    position:absolute;
    right:0px;
    top:130%;
    background:#28a7e1;
    border-radius:4px;
    color:#2f3135;
    border:0px solid rgba(0, 0, 0, 0);
    transition:0.5s;
    z-index:99999
}
.sou {
    width: 100%;
    height:53px;
    line-height:53px;
    border-radius:4px;
    padding-left:10px;
    padding-right: 60px;
    font-size:14px;
    font-size:1.4rem;
    color:#2f3135;
    border:1px solid #ccc;
    background:#fff;
}
.suo {
    width:55px;
    height:55px;
    float:right;
    background:none;
    position:absolute;
    right: 10px;
    top: 10px;
    z-index:9999999;
    border-radius:4px;
    cursor:pointer;
}
.sou2, .sou1 {
    width:55px;
    height:30px;
    text-align:center;
    line-height:30px;
    position:absolute;
    right:0px;
    top:0px;
    font-size:18px !important;
    color:#fff;
    cursor:pointer;
    z-index:99990;
    transition:1s;
}
.sou1 {
    color:#595968;
    width: 55px;
    height: 55px;
    line-height: 55px;
    top: 10px;
    right: 10px;
    font-size:20px !important;
}
.sousuof form {
    height:75px;
    padding:10px;
}
.yvn {
    float:right;
    position:relative;
    z-index:9999
}
.yvzhonga {
    display:block;
    height: 30px;
    text-align: center;
    line-height:30px;
    transition:1s;
    color:#fff;
    font-size: 14px;
    font-size: 1.4rem;
    padding-right: 40px;
    cursor:pointer;
    position:relative;
    z-index:99999
}
.yvzhonga i {
    display: inline-block;
    vertical-align: middle;
    margin-right:8px;
    font-size: 18px;
}
.yvzhonga:before {
    content:"";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 4px;
    width: 0;
    border: 4px solid #fff;
    border-bottom-color:transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    transition: 1s;
}
.yvul {
    width:100%;
    min-width:100px;
    position:absolute;
    top:60px;
    right:-20px;
    background:#fff;
    border:1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    display:none;
}
.yvul a {
    display:block;
    padding:5px 10px;
    font-size:14px;
    font-size:1.4rem;
    line-height:26px;
    color:#333;
    text-align: center;
}
.yvul a:hover {
    background:#28a7e1;
    color: #fff !important;
}
.daoz {
    float:right;
    margin-right: 0px;
}
.daohang {
    transition:0.5s;
}
.daohang:after {
    content:"";
    clear: both;
    display: block;
    margin: 0px;
}
.daohang>li {
    float:left;
    z-index:999;
    margin-right: 50px;
    margin-left: 5px;
    padding-bottom: 25px;
    position: relative;
}
.daohang>li:last-child {
    margin-right: 20px;
}
.daohang>li>a {
    display:block;
    font-size:18px;
    font-size:1.8rem;
    line-height:30px;
    color:#fff;
    cursor:pointer;
    transition:0.5s;
    position: relative;
}
.daohang>.dangqiandao>a {
    color: #20469b !important;
}
.yijiw {
    background:#fff;
    position:absolute;
    width:220px;
    left:50%;
    transform: translateX(-50%);
    top:-9999px;
}
.yiji {
    background:#ffffff;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.09);
    padding: 20px 0;
}
.yiji li {
    position:relative;
    transition:0.5s;
}
.yiji li a {
    display:block;
    font-size:16px;
    font-size:1.6rem;
    line-height:0px;
    padding:6px 22px;
    position: relative;
}
.yiji li:hover>a {
    color: #20469b !important;
}
.erji {
    position:absolute;
    width:220px;
    background:#fff;
    box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.09);
    ;
    top:-9999px;
    left:100%;
    padding: 20px 0;
}
.sanji {
    position:absolute;
    width:220px;
    background:#fff;
    box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.09);
    ;
    top:-9999px;
    left:100%;
    padding: 20px 0;
}
.daohang>li:hover .yijiw {
    top:100%;
}
.daohang>li:hover .yiji>li>a {
    line-height:27px;
}
.yiji>li:hover .erji {
    top:0px;
}
.yiji>li:hover .erji>li>a {
    line-height:27px;
}
.erji>li:hover .sanji {
    top:0px;
}
.erji>li:hover .sanji>li>a {
    line-height:27px;
}
.matn {
    margin-top:auto !important;
}
.daohang2, sousuo2, .xnav {
    display:none
}
.head:hover {
    background: #fff;
}
.head:hover a {
    color: #333333;
}
.head:hover .logo2 {
    opacity: 1
}
.head:hover .sou2 {
    color: #333;
}
.head:hover .yvzhonga:before {
    border-top-color: #333;
}
.headh {
    background: #fff;
    border-bottom: 1px solid #ddd;
}
.headh a {
    color: #333333 !important;
}
.headh .logo2 {
    opacity: 1
}
.headh .sou2 {
    color: #333;
}
.headh .yvzhonga:before {
    border-top-color: #333;
}
@media screen and (max-width:1359px) {
    .head .zong {
        padding-top: 10px;
    }
    .logo {
        width: 130px;
        margin-top: 5px;
    }
    .sousuo {
        margin-right: 10px;
    }
    .daohang>li {
        margin-left: 0px;
        margin-right: 30px;
        padding-bottom: 12px;
    }
    .daohang>li:last-child {
        margin-right:10px;
    }
    .daohang>li>a {
        font-size:14px;
        font-size:1.4rem;
    }
    .yiji li a {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .yvzhonga {
        font-size: 12px;
        font-size: 1.2rem;
        padding-right: 15px;
    }
    .yvzhonga {
    }
    .yvul {
        top: 47px;
    }
    .yvul a {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
@media screen and (min-width:1000px) {
    .carousel, .nav, .clear2 {
        display: none
    }
}
@media screen and (max-width:999px) {
    .head {
        position:fixed;
        padding-bottom:5px;
        box-shadow:0 3px 6px rgba(0, 0, 0, 0.1);
        background:#fff
    }
    .head .zong {
        padding-top: 5px;
    }
    .logo {
        width: 120px;
        margin-top: 3px;
    }
    .logo2 {
        opacity: 1
    }
    .head a {
        color: #333
    }
    .yvzhonga:before {
        border-top-color: #333;
    }
    .daoz {
        display: none;
    }
    .daohang {
        margin-top:20px;
        float:none;
        text-align:center;
    }
    .yijiw, .yiji2, .xiala {
        display:none
    }
    .daohang {
        margin-top: 10px;
        display: none
    }
    .daohang>li {
        float:none;
        display:inline-block;
        *float:left;
        margin:auto;
        padding-bottom:0px;
        margin:0 19px;
    }
    .daohang>li>a {
        font-size:14px;
        font-size:1.4rem;
        line-height:26px;
    }
    .clear2 {
        clear:both;
    }
    .sousuo {
        display:none
    }
    .yvn {
        margin-right:45px;
        margin-top: 0px;
    }
    .yvzhonga {
        height: 26px;
        line-height:26px;
    }
    .yvzhonga i {
        font-size: 18px;
    }
    .yvul {
        top: 38px;
    }
    .slide .dotList {
        bottom: 10px;
    }
    .slide .dotList ul li {
        margin: 0 4px;
        width: 8px;
        height: 8px;
    }
    .xnav {
        display:block
    }
    .nav {
        position:fixed;
        width: 35px;
        height: 24px;
        background: none;
        right:2.5%;
        top:7px;
        cursor: pointer;
        border-radius:5px;
        transition: 1s;
        z-index: 999999999
    }
    .nav span {
        display: block;
        width: 20px;
        height: 2px;
        background: #28a7e1;
        position: absolute;
        left: 50%;
        margin-left: -10px;
        top: 50%;
        transition:0.8s;
        z-index: 99999991
    }
    .nav .nav1 {
        margin-top: -1px;
    }
    .nav .nav2 {
        margin-top: -8px;
    }
    .nav .nav3 {
        margin-top: 6px;
    }
    .nav:hover .nav1 {
        width: 25px;
    }
    .navh {
        background: #fff
    }
    .navh .nav1 {
        transform: rotate(45deg)
    }
    .navh .nav2 {
        transform: rotate(-45deg);
        width: 10px;
        margin-left: -1px;
        margin-top: -5px;
    }
    .navh .nav3 {
        transform: rotate(-45deg);
        width: 9px;
        margin-top: 3px;
        margin-left: -8px;
    }
    .navh:hover .nav2 {
        margin-top: -8px;
        margin-left: 7px;
    }
    .navh:hover .nav3 {
        margin-top: 5px;
        margin-left: -12px;
    }
    .smdaohang {
        position: fixed;
        width:300px;
        height:0px;
        overflow: auto;
        top:0px;
        right:0px;
        background:#28a7e1;
        z-index: 9999999;
        transition:0.8s;
        text-align: center;
    }
    .smdaohangh {
        right: 0px;
        top:0px;
        height:100%;
    }
    .topnav {
        margin: auto;
        margin-top: 30px;
        padding: 20px;
    }
    ul.topnav li {
        text-align: left;
        position:relative;
    }
    ul.topnav li a {
        padding:15px 5px;
        padding-left: 0px;
        color: #fff;
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        padding-right:50px;
        border-bottom: 1px dashed #fff;
        font-family: Lato-Regular, Arial, Helvetica, sans-serif;
    }
    ul.topnav ul {
        display: none;
    }
    ul.topnav ul li {
        clear: both;
    }
    ul.topnav ul li a {
        padding: 10px 5px;
        padding-left: 20px;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: normal;
        outline: 0;
        border: none;
    }
    ul.topnav ul li a:hover {
    }
    ul.topnav ul ul li a {
        padding-left: 40px;
        font-size: 12px;
        font-size: 1.2rem;
    }
    ul.topnav ul ul {
        border-top: 1px dashed rgba(255, 255, 255, 0.5);
        border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
    }
    ul.topnav ul ul ul li a {
        padding-left: 60px;
    }
    ul.topnav span {
        display:block;
        position:absolute;
        right:0px;
        top:15px;
        width:20px;
        height:20px;
        background:#fff;
        background:rgba(255, 255, 255, 0.6);
        cursor:pointer;
        border-radius:50%;
        transition:0.5s;
    }
    ul.topnav span:before {
        content:"";
        width:6px;
        height:2px;
        background:#333;
        position:absolute;
        left:50%;
        margin-left:-3px;
        top:50%;
        margin-top:0px;
        transform:rotate(45deg);
        transform-origin:right center
    }
    ul.topnav span:after {
        content:"";
        width:6px;
        height:2px;
        background:#333;
        position:absolute;
        left:50%;
        margin-left:-3px;
        top:50%;
        margin-top:-1px;
        transform:rotate(-45deg);
        transform-origin:right center;
        transition:0.5s;
    }
    ul.topnav span.yizi {
        transform:rotate(90deg)
    }
    .smdaohang form {
        margin-top:10px;
        margin-bottom:15px;
        width: 240px;
        height: 36px;
        border: 1px solid #fff;
        position: relative;
        background: #fff;
    }
    .smdaohang form .iptc {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 15px;
        background-color: #fff;
        width: 80%;
        height: 34px;
        line-height: 34px;
        display: block;
        float: left;
        border-radius:10px;
    }
    .smdaohang form .ipsc {
        width: 20%;
        height: 34px;
        line-height: 34px;
        display: block;
        float: right;
        background: transparent;
        position: relative;
        z-index: 99;
    }
    .smdaohang form i {
        position: absolute;
        right: 10px;
        top: 6px;
    }
}
@media screen and (min-width:768px) {
    .clear3 {
        display: none
    }
}
@media screen and (max-width:767px) {
    .daohang2 {
        display:block;
        text-align:center;
        margin-top:20px;
    }
    .daohang2 a {
        float:left;
        width:25%;
        font-size:14px;
        font-size:1.4rem;
        color:#fff;
        line-height:24px;
        text-align:center;
    }
    .daohang2 .dangqiandao {
        color:#082b2f !important
    }
    .daohang, .daohang1 {
        display: none
    }
    .clear3 {
        clear:both;
    }
}
/*  banner  */
 .slide .carouse {
    width:100%;
    overflow:hidden;
    position:relative;
    cursor: pointer;
}
.slide .slideItem .banner-img {
    width:100%;
}
.slide .carouse .slideItem {
    width:100%;
    position:absolute;
}
.slide .console {
    height: 57px;
    display: inline-block;
    width: 35px;
    position: absolute;
    top: 40%;
}
.slide .dotList {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    display: none;
}
.slide .dotList ul li {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-position:-12px 0px;
    margin-left: 10px;
    cursor:pointer;
}
.slide .dotList ul li.active {
    background-position:0px 0px;
    background:url(../img/dot2.png) no-repeat center center;
}
.slide .carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index:999;
    color: #fff;
}
.slide .carousel-control i {
    font-size: 40px;
}
.slide .carousel-control.left {
    left:70px;
    cursor:pointer;
}
.slide .carousel-control.right {
    right:70px;
    cursor:pointer;
}
.slide .carousel-control:hover {
    color: #28a7e1;
}
.slide .dotList ul li {
    cursor: pointer;
    font-size: 0px;
    margin-left: 4.5px;
    margin-right: 4.5px;
    border: none;
    outline: none;
    width: 16px;
    height: 16px;
}
.slide .slidedetail {
    display:none;
}
.slide .slide-count {
    display: none;
}
@media screen and (max-width:999px) {
    .slide .carousel-control i {
        font-size: 30px;
    }
    .slide .carousel-control.left {
        left:10px;
    }
    .slide .carousel-control.right {
        right:10px;
    }
}
@media screen and (max-width:767px) {
    .slide .carousel-control i {
        font-size: 20px;
    }
}
/*  main1  */
 .main1 {
    background: #f2f4f6;
    padding-top: 70px;
    padding-bottom: 80px;
}
.m1biao {
    display: block;
    text-align: center;
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 50px;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
}
.m1biao strong {
    font-weight: normal;
    color: #28a7e1;
}
.m1p {
    text-align: center;
    max-width: 1150px;
    margin: auto;
    margin-top: 19px;
}
.m1p p, .m1p a {
    color: #333;
}
#outer {
    margin-top:28px;
    font-size:0px;
    position: relative;
}
#tab {
    zoom: 1;
    font-size:0px;
    text-align: center;
    position: relative;
    border-top: 1px solid #d7dfe2;
    border-bottom: 1px solid #d7dfe2;
}
#tab li {
    transition:0.5s;
    cursor:pointer;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    text-align: center;
    line-height: 64px;
    z-index: 1
}
#tab li:before {
    content:"";
    position: absolute;
    width: 0px;
    height: 3px;
    background: #28a7e1;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.5s;
    z-index: -1
}
#tab li span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: #888888;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    padding: 0 58px;
    font-family: HarmonyOS_Sans_Medium;
    transition: 0.5s;
}
#tab li.current:before {
    width: 50px;
}
#tab li.current span {
    color: #333;
}
#content {
    display: block;
}
#content .tabul {
    display: none;
    font-size:0px;
    vertical-align:middle;
}
.img-scroll {
    position: relative;
    margin-top:38px;
}
.img-scroll .prev, .img-scroll .next {
    position: absolute;
    text-align:center;
    display: block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0px 0px 27px 0px rgba(11, 27, 62, 0.21);
    top: 50%;
    transform: translateY(-50%);
    margin-top: -40px;
    transition: 0.5s;
    z-index: 999
}
.img-scroll .prev {
    left: -28px;
    cursor: pointer;
}
.img-scroll .next {
    right:-28px;
    cursor: pointer;
}
.img-scroll .prev:hover, .img-scroll .next:hover {
    color: #fff;
    background: #28a7e1;
}
.img-list {
    position: relative;
    overflow: hidden;
}
.img-list ul {
    width: 10000%;
}
.img-list li {
    float: left;
    width:0.314%;
    margin-right: 0.029%;
    padding-bottom: 80px;
    transition: 0.5s;
    position:relative;
}
.m1lie {
    background: #fff;
    padding-bottom: 1px;
    text-align: center;
    transition: 0.5s;
    border-radius: 10px;
}
.m1tu {
    display: block;
    overflow: hidden;
}
.m1a {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    margin-top: 20px;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
    text-align: center;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
}
.m1mor {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    margin-top: 0px;
    border-bottom: 1px solid #28a7e1;
    color: #333;
    visibility: hidden;
    opacity: 0;
}
.m1mor i {
    color: #28a7e1;
    margin-left: 8px;
}
.img-list li:hover {
    padding-bottom: 0px;
}
.img-list li:hover .m1tu img {
    transform: scale(1.1)
}
.img-list li:hover .m1lie {
    padding-bottom: 60px;
}
.img-list li:hover .m1a {
    color: #28a7e1;
}
.img-list li:hover .m1mor {
    visibility: inherit;
    opacity: 1;
    margin-top: 18px;
}
@media screen and (max-width:1359px) {
    .main1 {
        padding: 50px 0;
    }
    .m1biao {
        font-size: 40px;
        font-size: 4rem;
        line-height: 45px;
    }
    #tab li span {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 26px;
        padding: 0 15px;
    }
    .m1a, .m1mor {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width:999px) {
    .m1biao {
        font-size: 30px;
        font-size: 3rem;
        line-height: 35px;
    }
    .m1mor {
        display: none;
    }
    .img-scroll .prev, .img-scroll .next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: 0px;
    }
    .img-scroll .prev {
        left: -10px;
        cursor: pointer;
    }
    .img-scroll .next {
        right:-10px;
        cursor: pointer;
    }
    .img-list li {
        padding-bottom: 0px;
    }
    .img-list li .m1lie {
        padding-bottom: 10px;
    }
    .img-list li:hover .m1lie {
        padding-bottom: 10px;
    }
    .m1a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-top: 10px;
    }
}
@media screen and (max-width:767px) {
    .main1 {
        padding: 30px 0;
    }
    .m1biao {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
    }
    #tab li {
        width: 33.333%;
        max-width:200px;
        line-height: 50px;
    }
    #tab li span {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        padding: 0 5px;
    }
    .m1a {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        margin-top: 10px;
    }
    .img-scroll {
        margin-top:20px;
    }
}
@media screen and (max-width:579px) {
    .img-list li {
        width:0.49%;
        margin-right: 0.02%;
    }
    .img-scroll .prev, .img-scroll .next {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-top: 0px;
    }
    .img-scroll .prev {
        left: -5px;
        cursor: pointer;
    }
    .img-scroll .next {
        right: -5px;
        cursor: pointer;
    }
}
/*  main2  */
 .main2 {
    padding-top: 75px;
    padding-bottom: 80px;
}
.m2a {
    display: block;
    text-align: center;
    color: #20469b;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 3px;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
}
.m2p {
    text-align: center;
    margin-top: 23px;
}
.m2p p, .m2p p a {
    color: #333;
}
.m2morz {
    text-align: center;
    margin-top: 36px;
}
.mmor {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    padding-right: 75px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #222222 !important;
    position: relative;
    border-radius: 25px;
}
.mmor i {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    background: #20469b;
    color: #fff;
    right: 5px;
    top: 5px;
    transition: 0.5s;
}
.mmor:hover i {
    background: #28a7e1;
}
.m2mor {
    background: #eeeeee;
}
.m2n {
    font-size: 0px;
    padding-top: 9px;
}
.m2lie {
    width: 30%;
    margin-left: 5%;
    min-height: 57px;
    padding-left: 80px;
    margin-top: 55px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.m2lie:nth-child(3n-2) {
    margin-left: 0px;
}
.m2tu {
    width: 57px;
    height: 57px;
    background: #20469b;
    border-radius: 29px 29px 0 29px;
    position: absolute;
    left: 0px;
    top: 10px;
    transition: 1s;
}
.m2tu img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 1s;
}
.m2shu {
    color: #20469b;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
    font-size: 33px;
    font-size: 3.3rem;
}
.m2shu span {
    color: #20469b;
}
.m2p2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 30px;
    margin-top: 3px;
}
.m2lie:nth-child(2n) .m2tu {
    background: #28a7e1;
}
.m2lie:hover .m2tu {
    transform: rotate(360deg);
}
.m2lie:hover .m2tu img {
    transform: translate(-50%, -50%) rotate(-360deg);
}
@media screen and (max-width:1359px) {
    .main2 {
        padding: 50px 0;
    }
    .m2tu {
        top: 0px;
    }
    .m2shu {
        font-size: 22px;
        font-size: 2.2rem;
    }
    .m2p2 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 30px;
        margin-top: 3px;
    }
    .m2lie {
        padding-left: 70px;
    }
    .mmor {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .m2a {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width:999px) {
    .m2morz {
        margin-top: 20px;
    }
    .mmor {
        font-size: 14px;
        font-size: 1.4rem;
        padding-left: 15px;
        padding-right: 55px;
    }
    .m2lie {
        padding-left: 50px;
        margin-top: 25px;
    }
    .m2tu {
        width: 40px;
        height: 40px;
        top: 3px;
    }
    .m2shu {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .m2p2 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        margin-top: 2px;
    }
    .m2a {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width:767px) {
    .main2 {
        padding: 30px 0;
    }
    .m2lie {
        width: 49%;
        margin-left: 2% !important;
    }
    .m2lie:nth-child(2n-1) {
        margin-left: 0px !important;
    }
    .m2shu {
        font-size: 16px;
        font-size: 1.4rem;
    }
    .m2p2 {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        margin-top: 2px;
    }
    .m2a {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .mmor {
        font-size: 12px;
        font-size: 1.2rem;
        height: 40px;
        line-height: 40px;
        padding-right: 45px;
    }
    .mmor i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
}
/*  main3  */
 .main3 {
    background: url("../images/m3bei.jpg") no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding-top: 65px;
}
.main3:before {
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: url("../images/m3bei.jpg") no-repeat center;
    background-size: cover;
    z-index: -1
}
.m3tu {
    width: 41.7%;
    padding-right: 100px;
}
.m3zi {
    width: 58.3%;
    padding-bottom: 40px;
    text-align: right;
}
.m3zin {
    display: inline-block;
    text-align: left;
    padding-right: 100px;
    width: 95%;
    max-width: 855px;
}
.m3biao {
    text-align: left;
    color: #fff;
    margin-top: 18px;
}
.m3p {
    margin-top: 25px;
}
.m3p p, .m3p a {
    color: #fff;
}
.m3mor {
    background: #ffffff;
    margin-top: 40px;
}
@media screen and (max-width:1559px) {
    .main3 {
        padding-top: 30px;
    }
    .m3tu {
        margin-top: 20px;
        padding-right: 50px;
    }
    .m3zin {
        padding-right: 50px;
    }
}
@media screen and (max-width:1359px) {
    .m3p {
        margin-top: 15px;
    }
    .m3mor {
        margin-top: 20px;
    }
}
@media screen and (max-width:999px) {
    .main3 {
        align-items: center;
    }
    .m3tu {
        margin-top: 0px;
        padding-right: 20px;
    }
    .m3zin {
        padding-right: 30px;
    }
}
@media screen and (max-width:767px) {
    .main3 {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .m3tu {
        width: 90%;
        max-width: 500px;
        padding: 0px;
        margin: auto;
        margin-top: 20px;
    }
    .m3zi {
        width: 100%;
        padding-bottom: 0px;
        text-align: center;
    }
    .m3zin {
        max-width: none;
        padding: 0px;
        text-align: center;
    }
    .m3biao {
        text-align: center;
    }
}
/*  main4  */
 .main4 {
    padding-top: 70px;
    padding-bottom: 80px;
}
.m4t {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.m4biao {
    width: 720px;
    text-align: left;
    line-height: 54px;
}
.m4biao strong {
    color: #20469b;
}
.m4pz {
    width: calc(100% - 757px);
}
.m4pz strong {
    color: #333;
    font-weight: normal;
}
.img-scroll1 {
    position: relative;
    margin-top:40px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.img-scroll1 .prev, .img-scroll1 .next {
    position: absolute;
    text-align:center;
    display: block;
    width: 15.555%;
    height: 100%;
    line-height: 38px;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    top: 0px;
    transition: 0.5s;
    z-index: 999
}
.m4nav {
}
.m4nav span {
    display: block;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    color: #ffffff;
    opacity: 0.5;
    transition: 0.5s;
}
.m4nav span i {
    display: block;
    font-size: 30px;
}
.m4nav:hover span {
    opacity: 1;
}
.img-scroll1 .prev {
    left: 0px;
    cursor: pointer;
}
.img-scroll1 .next {
    right: 0px;
    cursor: pointer;
}
.img-scroll1 .prev:hover, .img-scroll1 .next:hover {
    color: #0064fb;
}
.img-list1 {
    position: relative;
    overflow: hidden;
    width: 900px;
    border-radius: 10px;
    overflow: hidden;
}
.img-list1 ul {
    width: 10000%;
}
.img-list1 li {
    float: left;
    width:0.667%;
    margin-right: 0.523%;
    margin-left: -0.511%;
    position:relative;
}
.img-list2 {
    position: relative;
    overflow: hidden;
    width: calc(100% - 913px);
    background: #f2f4f6;
    border-radius: 10px;
}
.img-list2 ul {
    width: 10000%;
}
.img-list2 li {
    float: left;
    width:1%;
    margin-right: 0.0125%;
    position:relative;
}
.m4tu {
    display: block;
    border-radius: 10px;
    overflow: hidden;
}
.m4zi {
    padding: 50px;
}
.m4a {
    display: block;
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
}
.m4p {
    margin-top: 14px;
}
.m4p a {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}
.m4mor {
    background: #ffffff;
    box-shadow: 0px 5px 50px 0px rgba(32, 70, 155, 0.15);
    margin-top: 30px;
}
@media screen and (max-width:1559px) {
    .img-list1 {
        width: 800px;
    }
    .img-list2 {
        width: calc(100% - 810px);
    }
    .m4zi {
        padding: 20px;
    }
    .m4a {
        font-size: 20px;
        font-size: 2rem;
        line-height: 30px;
    }
}
@media screen and (max-width:1359px) {
    .main4 {
        padding: 50px 0;
    }
    .m4biao {
        width: 500px;
        line-height: 48px;
    }
    .m4pz {
        width: calc(100% - 510px);
    }
    .img-list1 {
        width: 550px;
    }
    .img-list2 {
        width: calc(100% - 560px);
    }
    .m4nav span {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .m4p {
        margin-top: 5px;
    }
    .m4p a {
        -webkit-line-clamp: 5;
    }
    .m4mor {
        margin-top: 10px;
    }
    .m4zi {
        padding: 20px 15px;
    }
    .m4a {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 26px;
    }
}
@media screen and (max-width:999px) {
    .m4biao {
        width: 100%;
        line-height: 38px;
    }
    .m4pz {
        width: 100%;
        margin-top: 10px;
    }
    .img-list1 {
        width: 450px;
    }
    .img-list2 {
        width: calc(100% - 460px);
    }
    .m4p a {
        -webkit-line-clamp: 3;
    }
    .img-scroll1 {
        margin-top: 20px;
    }
}
@media screen and (max-width:767px) {
    .main4 {
        padding: 30px 0;
    }
    .m4biao {
        line-height: 32px;
    }
    .img-list1 {
        width: 100%;
    }
    .img-list2 {
        width: 100%;
        margin-top: 20px;
    }
    .m4nav span {
        font-size: 0px;
        opacity: 1;
        line-height: 0px;
    }
    .m4nav span i {
        font-size: 20px;
    }
    .m4a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }
}
/*  main5  */
 .main5 {
    background: #f2f4f6;
    padding-top: 62px;
    padding-bottom: 65px;
}
.main5 .zong {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}
.m5l {
    width: 510px;
}
.m5r {
    width: calc(100% - 726px);
}
.m5biao {
    width: auto;
}
.m5lp {
    margin-top: 37px;
}
.m51p a {
    margin-top: 20px;
    color: #555;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.m5mor {
    margin-top: 95px;
    background: #fff;
    box-shadow: 0px 5px 50px 0px rgba(32, 70, 155, 0.15);
}
.m5lie {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}
.m5tu {
    display: block;
    width: 220px;
    border-radius: 17px;
    overflow: hidden;
    box-shadow: 0px 5px 43px 0px rgba(10, 29, 74, 0.16);
}
.m5zi {
    width: calc(100% - 250px);
}
.m5riqi {
    display: block;
    color: #888888;
}
.m5a {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    margin-top: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
.m5mor2 {
    display: inline-block;
    margin-top: 15px;
    color: #20469b;
    border-bottom: 1px solid #20469b;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
.m5mor2 i {
    margin-left: 5px;
}
.m5mor2:hover {
    border-color: #28a7e1
}
@media screen and (max-width:1559px) {
    .m5r {
        width: calc(100% - 550px);
    }
}
@media screen and (max-width:1359px) {
    .main5 {
        padding: 50px 0;
    }
    .m5l {
        width: 400px;
    }
    .m5r {
        width: calc(100% - 420px);
    }
    .m5lp {
        margin-top: 20px;
    }
    .m5mor {
        margin-top: 20px;
    }
    .m5tu {
        width: 150px;
    }
    .m5zi {
        width: calc(100% - 170px);
    }
    .m5a {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        margin-top: 5px;
    }
    .m5mor2 {
        margin-top: 5px;
    }
}
@media screen and (max-width:999px) {
    .m5l {
        width: 300px;
    }
    .m5r {
        width: calc(100% - 320px);
    }
    .m5a {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width:767px) {
    .main5 {
        padding: 30px 0;
    }
    .m5l {
        width: 100%;
    }
    .m5r {
        width: 100%;
        margin-top: 20px;
    }
    .m5lie {
        padding: 8px 0;
    }
    .m5tu {
        width: 120px;
    }
    .m5zi {
        width: calc(100% - 130px);
    }
    .m5a {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
    }
    .m5mor2 {
        display: none;
    }
}
/*  foot  */
 .foot {
    background: #131720;
}
.fot {
    font-size: 0px;
    padding-top: 52px;
    padding-bottom: 56px;
}
.folie {
    display: inline-block;
    vertical-align: top;
}
.fo1 {
    width: 28%;
}
.fo2 {
    width: 17.5%;
    margin-left: 2%;
}
.fo3 {
    width: 27%;
    margin-left: 2%;
}
.fo4 {
    width: 21.5%;
    margin-left: 2%;
}
.fobiao {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    color: #fff;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
.fonav {
    padding-top: 11px;
    padding-bottom: 25px;
}
.fonav a {
    margin-top: 10px;
    color: #9e9fa2;
}
.fonav li {
    color: #9e9fa2;
    margin-top: 10px;
}
.fonav li a {
    display: inline-block;
    margin-top: 0px;
}
.fonav a:hover {
    color: #fff
}
.shejiao {
    padding-top: 12px;
}
.shejiao a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    opacity: 0.5;
    margin-right: 27px;
    line-height: 40px;
}
.shejiao a i {
    font-size: 18px;
}
.shejiao a:hover {
    color: #28a7e1;
    opacity: 1;
}
.foxin {
    padding-top:21px;
}
.foxin .int1 {
    width: 100%;
    margin-top: 11px;
}
.foxin .int2 {
    width: 100%;
    position: relative;
    padding-right: 79px;
    margin-top: 11px;
}
.foxin input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    background: #ffffff;
    border-radius: 4px;
}
.foxin .int3 {
    width: 70px;
    background: #28a7e1;
    padding: 0px !important;
    color: #ffffff;
    position: absolute;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
    transition: 0.5s;
}
.foxin .yanzheng {
    width: 70px;
    height: 24px;
    position: absolute;
    right: 92px;
    top: 8px;
    cursor: pointer;
}
.foxin .int2 input {
    padding-right: 90px;
    text-transform: uppercase;
}
.foxin .int3:hover {
    background: #20469b;
}
.fob {
    background: #28a7e1;
    padding: 18px 0;
}
.fop {
    text-align: center;
    color: #b6dff2;
}
.fop a {
    display: inline;
    color: #b6dff2;
}
.fop a img {
    display: inline-block;
    vertical-align: middle;
}
.fop a:hover {
    color: #333
}
@media screen and (max-width:1359px) {
    .fo1 {
        width: 22%;
    }
    .fo2 {
        width: 19.5%;
        margin-left: 2%;
    }
    .fo3 {
        width: 30%;
        margin-left: 2%;
    }
    .fo4 {
        width: 21.5%;
        margin-left: 2%;
    }
    .foxin .int2 {
        padding-bottom: 50px;
        padding-right: 0px;
    }
    .foxin .int3 {
        width: 100%;
    }
    .foxin .yanzheng {
        right: 5px;
    }
    .shejiao a {
        margin-right: 12px;
    }
}
@media screen and (max-width:999px) {
    .fot {
        padding-top:20px;
        padding-bottom: 30px;
    }
    .fob {
        padding-top: 10px;
        padding-bottom: 60px;
    }
    .folie {
        width: 100%;
        margin-left: 0px;
    }
    .fonav, .shejiao, .foxin {
        display: none;
    }
    .fobiao {
        border-bottom: 1px solid #333;
        padding: 5px 0;
        font-size: 14px;
        font-size: 1.4rem;
        position: relative;
    }
    .fobiao:after {
        content:"";
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        border: 4px solid #fff;
        border-bottom-color:transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-left-width: 7px;
        transition: 0.5s;
    }
    .fobiaoh:after {
        transform: translateY(-50%) rotate(90deg)
    }
}
@media screen and (max-width:767px) {
}
.lianxi {
    position:fixed;
    width:52px;
    right:0px;
    top:50%;
    transform:translateY(-50%);
    z-index:99999
}
.lianxi div a {
    display:block;
    margin-top:1px;
    width:52px;
    height:52px;
    text-align:center;
    line-height:52px;
    font-size:24px;
    color:#fff;
    margin-top:2px;
    border-radius: 26px 0px 0px 26px;
    background: rgba(0, 0, 0, 0.3);
}
.ke1 {
    background:#000000
}
.ke2 {
    background:#555555
}
.ke3 {
    background:#000000
}
.ke4 {
    background:#15418f
}
.weixin {
    position:relative;
    cursor:pointer;
}
.weixin img {
    position:absolute;
    width:149px;
    height:150px;
    top:0px;
    left:-149px;
    max-width: none;
    display:none;
}
.weixin:hover img {
    display:block;
}
.weixin2, .tankuang {
    display:none
}
.tankuang {
    position:absolute;
    bottom:50px;
    left:50% !important;
    margin-left:-75px;
}
.tankuang img {
    display:block;
    position:relative;
    width:150px;
    height:150px;
    left:auto;
    margin:auto;
}
.lianxi div a:hover {
    background:#20469b;
}
.clear2 {
    display:none
}
@media screen and (max-width:999px) {
    .lianxi {
        width:100%;
        right:auto;
        top:auto;
        margin:auto;
        left:0px;
        bottom:0px;
        border-top:1px solid #fff;
        transform:translateY(0);
    }
    .lianxi div {
        width:25%;
        float:left;
        margin-top: 0px;
    }
    .lianxi div a {
        margin:auto;
        width:100%;
        background:#28a7e1;
        color:#fff !important;
        border-radius:0px;
        height:40px;
        line-height:40px;
        font-size: 20px;
        border: none;
    }
    .weixin2 {
        display:block
    }
    .weixin1 {
        display:none
    }
    .tankuang {
        position:absolute;
        width: auto !important;
        min-width: 100%;
        bottom:50px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: auto;
        text-align: center;
    }
    .tankuang .spimg {
        display:block;
        position:relative;
        left:auto;
        top: auto !important;
        transform: translate(0);
        right: auto;
        text-align: center;
        margin:auto;
    }
    .weixin img {
        display: block;
        position: relative;
        left: 0px
    }
    .weixin .spimg {
        visibility: inherit;
        opacity: 1;
    }
    .weixin:hover .spimg {
        padding-right: 13px;
    }
}
/****************************  product  ***************************/
 .fenbanner {
    min-height: 590px;
    padding：50px 0;
    position: relative;
}
.fenban {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -28%);
}
.fenbaa {
    font-size: 58px;
    font-size: 5.8rem;
    line-height: 65px;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
    color: #fff;
}
.fenbap {
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    margin-top: 15px;
    color: #ffffff;
}
.fenbap p {
    color: #ffffff;
}
.mianbao {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    line-height: 30px;
    color: #ffffff;
}
.mianbao i {
    margin-right: 5px;
}
.mianbao a {
    color: #ffffff;
    display: inline;
}
.mianbao a:hover, .comian {
    color: #999999 !important;
}
@media screen and (max-width:1359px) {
    .fenbanner {
        min-height: 450px;
    }
    .fenbaa {
        font-size: 40px;
        font-size: 4rem;
        line-height: 50px;
    }
    .fenbap {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 30px;
        margin-top: 5px;
    }
}
@media screen and (max-width:999px) {
    .fenbanner {
        min-height: 350px;
    }
    .fenban {
        transform: translate(-50%, -50%);
    }
    .fenbaa {
        font-size: 30px;
        font-size: 3rem;
        line-height: 40px;
    }
    .fenbap {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-top: 5px;
    }
    .mianbao {
        bottom: 10px;
    }
}
@media screen and (max-width:767px) {
    .mianbao {
        display: none;
    }
    .fenbanner {
        min-height: 200px;
        padding: 0px;
    }
    .fenbaa {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
    }
    .fenbap {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        margin-top: 5px;
    }
}
.prmain {
    background: #f2f4f6;
    padding-top: 65px;
    padding-bottom: 74px;
}
.prrt {
    padding-bottom:9px;
    padding-top: 5px;
}
.prrtbiao {
    font-size:40px;
    font-size:4rem;
    line-height:50px;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
    position:relative;
}
.prrtn {
    color: #666666;
    margin-top:15px;
}
.prrtn p, .prrtn em, .prrtn strong {
    color: #666666;
}
.przhan {
    position:relative;
    overflow:hidden;
}
.przhanh {
    height:auto !important;
}
.zhankai {
    margin-top: 20px;
    background: #ffffff;
    box-shadow: 0px 5px 50px 0px rgba(32, 70, 155, 0.15);
    cursor: pointer;
    transition: 0.5s;
}
.fuch {
    display:none !important;
}
.prn {
    font-size: 0px;
    padding-top: 15px;
}
.prlie {
    width: 23.6%;
    margin-left: 1.866%;
    margin-top: 30px;
    display: inline-block;
    vertical-align: top;
    background: #ffffff;
    border-radius: 10px;
    transition: 0.5s;
}
.prlie:nth-child(4n-3) {
    margin-left: 0px;
}
.prtu {
    display: block;
}
.przi {
    padding: 10px;
    padding-bottom: 20px;
    text-align: center;
}
.pra {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    margin-top: 6px;
    text-align: center;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
}
.prin {
    text-align: center;
    margin-top: 42px;
}
.prin input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    cursor: pointer;
}
.prmor {
    display: inline-block;
    vertical-align: middle;
    color: #666666;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
.prlie:hover {
    box-shadow: 0px 5px 50px 0px rgba(10, 27, 64, 0.15);
}
.prlie:hover a {
    color: #20469b;
}
.fenye {
    padding-top:63px;
    text-align:center;
}
.fenyen {
    display:inline-block;
    *float:left;
    font-size: 0px;
}
.fenyen a {
    display:inline-block;
    *float:left;
    width:30px;
    height:30px;
    text-align:center;
    border-radius: 50%;
    line-height:30px;
    margin: 5px;
    color: #999999;
    font-size:14px;
    font-size:1.4rem;
}
.fenyen a:hover {
    color:#fff;
    background:#20469b;
}
.dangqianfen {
    border:1px solid #20469b !important;
    color:#fff !important;
    background:#20469b !important;
}
.fuxuan {
    margin-left: 33px;
    display:inline-block;
    *float:right;
    margin-bottom:5px;
    background: url("../images/fuxuan.png") no-repeat right center;
    padding-right: 39px;
}
.fuxuan input {
    height:30px;
    line-height: 30px;
    color: #333333;
    cursor:pointer;
    transition:0.5s;
    font-size:14px;
    font-size:1.4rem;
    background: none;
}
.fuxuan input:hover {
    color: #20469b;
}
@media screen and (max-width:1359px) {
    .prmain {
        padding: 50px 0;
    }
    .prrtbiao {
        font-size:30px;
        font-size:3rem;
        line-height:40px;
    }
    .pra {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 26px;
        margin-top: 0px;
    }
    .prin {
        margin-top: 10px;
    }
}
@media screen and (max-width:999px) {
    .prlie {
        margin-top: 20px;
    }
    .pra {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-top: 0px;
    }
    .fenye {
        padding-top:30px;
    }
    .fuxuan {
        margin-left: 10px;
        padding-right: 20px;
    }
    .prrtbiao {
        font-size:24px;
        font-size:2.4rem;
        line-height:30px;
    }
}
@media screen and (max-width:767px) {
    .prmain {
        padding: 30px 0;
    }
    .prlie {
        width: 49%;
        margin-left: 2%;
        margin-top: 15px;
    }
    .prlie:nth-child(2n-1) {
        margin-left: 0px;
    }
    .prrtbiao {
        font-size:20px;
        font-size:2rem;
        line-height:30px;
    }
}
/****************************  product2  ***************************/
 .pr2main1 {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding-top: 80px;
}
.zoomPad {
    position:relative;
    float:left;
    z-index:99;
    cursor:crosshair;
}
.zoomPreload {
    -moz-opacity:0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: none;
    border: 1px solid #CCC;
    background-color: white;
    padding: 8px;
    text-align:center;
    background-image: url(../images/zoomloader.gif);
    background-repeat: no-repeat;
    background-position: 43px 30px;
    z-index:110;
    width:90px;
    height:43px;
    position:absolute;
    top:0px;
    left:0px;
    * width:100px;
    * height:49px;
}
.zoomPup {
    overflow:hidden;
    background-color: #FFF;
    -moz-opacity:0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index:120;
    position:absolute;
    border:1px solid #CCC;
    z-index:101;
    cursor:crosshair;
}
.zoomOverlay {
    position:absolute;
    left:0px;
    top:0px;
    background:#FFF;
    /*opacity:0.5; */
    z-index:5000;
    width:100%;
    height:100%;
    display:none;
    z-index:101;
}
.zoomWindow {
    position:absolute;
    left:110%;
    top:40px;
    background:#FFF;
    z-index:6000;
    height:auto;
    z-index:10000;
    z-index:110;
}
.zoomWrapper {
    position:relative;
    border:1px solid #ccc;
    z-index:110;
}
.zoomWrapperTitle {
    display:block;
    background:#999;
    color:#FFF;
    height:18px;
    line-height:18px;
    width:100%;
    overflow:hidden;
    text-align:center;
    font-size:10px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:120;
    -moz-opacity:0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.zoomWrapperImage {
    display:block;
    position:relative;
    overflow:hidden;
    z-index:110;
}
.zoomWrapperImage img {
    border:0px;
    display:block;
    position:absolute;
    z-index:101;
}
.zoomIframe {
    z-index: -1;
    filter:alpha(opacity=0);
    -moz-opacity: 0.80;
    opacity: 0.80;
    position:absolute;
    display:block;
}
.m-prob {
    width:42.86%;
}
.prob-pic {
}
.prob-pic .prob-pic-big {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #cccccc;
}
.prob-pic .prob-pic-big-img {
    display: block;
    line-height: 0;
    font-size: 0;
}
.prob-pic .prob-pic-big-img img {
    transition: 0s;
    transform: scale(1)
}
.prob-pic .prob-pic-big-img .zoomPad {
    float: none;
    z-index: 8;
}
.prob-pic .zoomWrapperImage img {
    max-width: 1920px;
}
.prob-pic .prob-pic-big-img:hover img {
    transform: scale(1)
}
.prob-pic .prob-pic-small {
    position: relative;
    margin-top: 13px;
    overflow: hidden;
}
.prob-pic .prob-pic-btn {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    display: block;
    width: 50px;
    height: 30px;
    line-height:30px;
    text-align:center;
    color:#c1c1c1;
    background: #ffffff;
    font-size:22px;
    z-index:9999
}
.prob-pic .prob-pic-btn.prev {
    left:0px;
}
.prob-pic .prob-pic-btn.next {
    right:0px;
}
.prob-pic .prob-pic-btn:hover {
    color: #333333;
}
.prob-pic .prob-pic-list {
    overflow: hidden;
    margin-left: 64px;
    margin-right: 64px;
}
.prob-pic .prob-pic-list ul {
    width: 1000%;
    overflow: hidden;
}
.prob-pic .prob-pic-list ul li {
    position: relative;
    float: left;
    margin-right: 0.7%;
    width: 2.85%;
    overflow:hidden;
}
.prob-pic .prob-pic-item .item-pic, .prob-pic .prob-pic-item .item-video {
    display:block;
    overflow: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
    border: solid 1px #cccccc;
}
.prob-pic .prob-pic-item .item-pic img, .prob-pic .prob-pic-item .item-video img {
    display: block;
    width:100%;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
}
.prob-pic .prob-pic-item .item-pic:hover, .prob-pic .prob-pic-item .item-video:hover {
    border-color: #20469b;
}
.prob-pic .prob-pic-item .item-pic.active, .prob-pic .prob-pic-item .item-video.active {
    border-color:#20469b
}
.prob-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    z-index: 8;
    display: none;
}
.prob-video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.prob-video.show {
    display: block;
}
.jianjie {
    width:49.5%;
    position: relative;
    padding-top: 30px;
}
.jianjie h1 {
    font-size:36px;
    font-size:3.6rem;
    line-height:44px;
    color:#333;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
    position:relative;
}
.jiann {
    font-size: 14px;
    font-size: 1.4rem;
    line-height:30px;
    margin-top:22px;
    color: #333333;
}
.jiann p, .jiann em, .jiann strong {
    color: #555555;
}
.jiann img {
    max-width:100%;
    display:inline;
}
.table {
    width:100%;
    overflow:auto;
}
.jiann .table table {
    width:100%;
    border-collapse:collapse;
}
.jiann .table table tr {
}
.jiann .table table tr td {
    padding:5px;
    border: none;
    color: #555555;
    border: 1px solid #ddd;
}
.inno2 {
    font-size:0px;
    display: inline-block;
    vertical-align: middle;
    margin-top:47px;
}
.inno2:after {
    content:"";
    clear: both;
    display: block;
}
.inno2 a {
    float: left;
    margin-right: 16px;
    margin-top: 10px;
    background: #eeeeee;
}
.share {
    display: block;
    margin-top: 45px;
    border-top: 1px solid #cccccc;
    padding-top: 33px;
}
.share1 {
    display:inline-block;
    vertical-align:middle;
    font-size:16px;
    font-size:1.6rem;
    color:#555555;
}
.share2 {
    display:inline-block;
    vertical-align:middle;
}
@media screen and (max-width: 1559px) {
    .jianjie h1 {
        font-size:30px;
        font-size:3rem;
        line-height:40px;
        margin-top: 0px;
    }
    .jiann {
        margin-top:12px;
    }
}
@media screen and (max-width: 1359px) {
    .pr2main1 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .inno2 {
        margin-top: 10px;
    }
    .inno2 a {
        margin-right:10px;
        margin-top: 5px;
    }
    .jianjie {
        width:54%;
        padding-top: 0px;
    }
    .jianjie h1 {
        font-size:26px;
        font-size:2.6rem;
        line-height:30px;
    }
    .jiann {
        font-size:14px;
        font-size:1.4rem;
        line-height:26px;
        margin-top:15px;
    }
    .share {
        margin-top:20px;
        padding-top: 10px;
    }
    .share1 {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .prob-pic .prob-pic-btn {
        width: 20px;
        font-size:18px;
    }
    .prob-pic .prob-pic-list {
        margin-left: 30px;
        margin-right: 30px;
    }
    .prob-pic .prob-pic-small {
        margin-top: 10px;
    }
}
@media screen and (max-width: 999px) {
    .zoomPad {
        cursor: default !important;
    }
    .zoomPup {
        display: none !important;
    }
    .zoomWindow {
        display: none !important;
    }
    .zoomPreload {
        display: none !important;
    }
    .m-prob {
        float:none;
        margin:auto;
        margin-top: 0px;
        width: 100%;
        max-width: 400px;
    }
    .jianjie {
        width:auto;
        float:none;
        margin-left:0px;
        margin-right:0px;
        margin-top:15px;
        padding-bottom: 0px;
    }
    .jianjie h1 {
        font-size:22px;
        font-size:2.2rem;
        line-height:30px;
    }
    .inno2 {
        margin-top:10px;
        position: relative;
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .pr2main1 {
        padding: 30px 0;
    }
    .jiann {
        font-size:12px;
        font-size:1.2rem;
        line-height:22px;
        margin-top:12px;
        color: #333;
    }
    .share1 {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .jianjie h1 {
        font-size:18px;
        font-size:1.8rem;
        line-height:28px;
    }
    .jiann strong {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .prob-pic .prob-pic-list {
        margin-left: 20px;
        margin-right: 20px;
    }
}
.pr2main2 {
    padding-top: 17px;
    padding-bottom: 80px;
}
.pr2biao {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 44px;
    margin-top: 60px;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
}
.chanxiang {
    margin-top: 30px;
}
.chanxiang p, .chanxiang em, .chanxiang strong {
    color: #555555;
}
.chanxiang a {
    display: inline;
}
.chanxiang img {
    display: inline-block;
}
.chanxiang .table table {
    width:100%;
    border-collapse:collapse;
    line-height:22px;
}
.chanxiang .table table tr {
}
.chanxiang .table table tr td {
    padding:11px 15px;
    border-top:1px solid #7f7f7f;
    border-bottom:1px solid #7f7f7f;
    background: #fff;
    transition: 0.5s;
}
.chanxiang .table table tr:hover td {
    background: #f2f4f6;
}
.pr22n {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 75px;
}
.pr22l {
    width: 49%;
}
.pr22r {
    width: 50%
}
.pr22lp {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding-top: 30px;
}
.pr22lp p {
    min-width: 50%;
    padding-right: 5px;
    padding-left: 32px;
    margin-top: 6px;
    background: url("../images/dui.png") no-repeat left 8px;
    color: #333333;
}
@media screen and (max-width:1359px) {
    .pr2biao {
        font-size: 30px;
        font-size: 3rem;
        line-height: 40px;
        margin-top: 40px;
    }
    .pr22n {
        padding-top: 40px;
    }
}
@media screen and (max-width:999px) {
    .pr2main2 {
        padding-top: 1px;
        padding-bottom: 50px;
    }
    .pr2biao {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 30px;
        margin-top: 20px;
    }
}
@media screen and (max-width:767px) {
    .pr2main2 {
        padding-top: 1px;
        padding-bottom: 30px;
    }
    .pr2biao {
        font-size: 22px;
        font-size: 2.2rem;
    }
    .pr22l {
        width: 100%;
    }
    .pr22r {
        width: 100%;
        margin-top: 20px;
    }
    .pr22n, .pr22lp {
        padding-top: 10px;
    }
    .chanxiang {
        margin-top: 20px;
    }
}
.homain {
    background: #f2f4f6;
    padding-top: 71px;
    padding-bottom: 70px;
}
.hot {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}
.hobiao {
    display: block;
    font-size: 40px;
    font-size: 4rem;
    line-height: 50px;
    margin-right: 10px;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
    color: #333;
}
.homor {
    background: #ffffff;
    box-shadow: 0px 5px 50px 0px rgba(32, 70, 155, 0.15);
}
.img-scroll3 {
    position: relative;
    margin-top:0px;
    margin-left: -14px;
    margin-right: -14px;
}
.img-scroll3 .prev, .img-scroll3 .next {
    position: absolute;
    text-align:center;
    display: block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
    background: #28a7e1;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    transition: 0.5s;
    z-index: 999
}
.img-scroll3 .prev {
    left: -15px;
    cursor: pointer;
}
.img-scroll3 .next {
    right:-15px;
    cursor: pointer;
}
.img-scroll3 .prev:hover, .img-scroll3 .next:hover {
    color: #333;
    box-shadow: 0px 0px 27px 0px rgba(11, 27, 62, 0.21);
    background: #ffffff;
}
.img-list3 {
    position: relative;
    overflow: hidden;
}
.img-list3 ul {
    width: 10000%;
}
.img-list3 li {
    float: left;
    width:0.25%;
    padding: 14px;
    position:relative;
}
.holie {
    background: #fff;
    transition: 0.5s;
    width: 100%;
    overflow: hidden;
}
.holie:hover {
    box-shadow: 0px 5px 20px 0px rgba(10, 27, 64, 0.15);
}
.prtu {
    display: block;
    overflow: hidden;
    border-radius: 10px;
}
.homain .fenye {
    padding-top: 30px;
}
@media screen and (max-width:1359px) {
    .homain {
        padding: 50px 0;
    }
    .hobiao {
        font-size: 30px;
        font-size: 3rem;
        line-height: 40px;
    }
    .img-scroll3 {
    }
    .img-scroll3 .prev, .img-scroll3 .next {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .img-scroll3 .prev {
        left: -7px;
    }
    .img-scroll3 .next {
        right:-7px;
    }
}
@media screen and (max-width:999px) {
    .hobiao {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 30px;
    }
    .img-scroll3 {
        margin-left: -5px;
        margin-right: -5px;
    }
    .img-list3 li {
        padding: 5px;
    }
    .img-scroll3 .prev, .img-scroll3 .next {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .img-scroll3 .prev {
        left: 5px;
    }
    .img-scroll3 .next {
        right:5px;
    }
    .holie:hover {
        box-shadow: none;
    }
}
@media screen and (max-width:767px) {
    .homain {
        padding: 30px 0;
    }
    .img-list3 li {
        width: 0.33333%;
        padding: 5px;
    }
    .homain .fenye {
        padding-top: 20px;
    }
}
@media screen and (max-width:499px) {
    .img-list3 li {
        width: 0.5%;
        padding: 5px;
    }
}
.appmain {
    padding-top: 19px;
    padding-bottom: 82px;
}
.applie {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 67px;
}
.applie:nth-child(2n-1) {
    flex-direction: row-reverse;
}
.apptu {
    width: 45%;
    border-radius: 10px;
    overflow: hidden;
}
.appzi {
    width: calc(55% - 90px);
}
.appa {
    margin-top: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.appp {
    margin-top: 23px;
}
.appp a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color: #444444;
}
.appmor {
    background: #eeeeee;
    margin-top: 42px;
}
@media screen and (max-width:1359px) {
    .appmain {
        padding-top: 19px;
        padding-bottom: 50px;
    }
    .applie {
        margin-top: 30px;
    }
    .appzi {
        width: calc(55% - 40px);
    }
    .appp {
        margin-top: 15px;
    }
    .appmor {
        margin-top: 15px;
    }
}
@media screen and (max-width:767px) {
    .appmain {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .applie {
        margin-top: 20px;
    }
    .appzi {
        width: calc(55% - 20px);
    }
    .appa {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
    }
    .appp a {
        -webkit-line-clamp: 3;
    }
    .appmor {
        display: none;
    }
}
@media screen and (max-width:499px) {
    .appa {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 20px;
    }
    .appp {
        margin-top: 5px;
        line-height: 20px !important
    }
    .appzi {
        width: calc(55% - 10px);
    }
}
/****************************  application  ***************************/
 .app2main1 {
    padding-bottom: 109px;
}
.app2main2 {
    background: #f2f4f6;
    padding-top: 52px;
    padding-bottom: 80px;
}
.app2biao {
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
    margin-top: 0px;
}
.app22n {
    font-size: 0px;
}
.app22lie {
    width: 18.6%;
    margin-left: 1.75%;
    margin-top: 30px;
    display: inline-block;
    vertical-align: top;
}
.app22lie:nth-child(5n-4) {
    margin-left: 0px;
}
.app22tu {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.app22tun {
    display: block;
    border-radius: 10px;
    overflow: hidden;
}
.app22mor {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 100%;
    transition: 0.5s;
    background: rgba(32, 70, 155, 0.7);
}
.app22mor span {
    position: absolute;
    width: 95%;
    text-align: center;
    color: #ffffff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.app22a {
    margin-top: 16px;
    display: block;
    text-align: center;
    color: #3e3a39;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
.app22lie:hover .app22mor {
    top: 0px;
}
.app22lie:hover .app22tun img {
    transform: scale(1.1)
}
.app2main3 {
}
.app2main4 {
    background: #fff;
}
@media screen and (max-width:1359px) {
    .app2main1 {
        padding-bottom: 50px;
    }
    .app2main2 {
        padding: 50px 0;
    }
}
@media screen and (max-width:999px) {
    .app22mor {
        display: none;
    }
    .app22lie {
        width: 24%;
        margin-left: 1.333% !important;
        margin-top: 20px;
    }
    .app22lie:nth-child(4n-3) {
        margin-left: 0px !important;
    }
    .app22a {
        margin-top: 10px;
    }
}
@media screen and (max-width:767px) {
    .app2main1 {
        padding-bottom: 30px;
    }
    .app2main2 {
        padding: 30px 0;
    }
    .app22lie {
        width: 32.33%;
        margin-left: 1.5% !important;
        margin-top: 20px;
    }
    .app22lie:nth-child(4n-3) {
        margin-left: 1.5% !important;
    }
    .app22lie:nth-child(3n-2) {
        margin-left: 0px !important;
    }
}
@media screen and (max-width:499px) {
    .app22lie {
        width: 49%;
        margin-left: 2% !important;
        margin-top: 10px;
    }
    .app22lie:nth-child(4n-3) {
        margin-left: 0% !important;
    }
    .app22lie:nth-child(3n-2) {
        margin-left: 2% !important;
    }
    .app22lie:nth-child(2n-1) {
        margin-left: 0px !important;
    }
}
/****************************  news2  ***************************/
 .ne2main1 {
    padding-top: 74px;
}
.ne2main1 h1 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 44px;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
}
.net {
    border-bottom: 1px solid #cccccc;
    padding-top: 18px;
    padding-bottom: 25px;
}
.netriqi {
    display: inline-block;
    vertical-align: middle;
    margin-right: 50px;
}
.net .share {
    border: none;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
}
.nexiang {
    margin-top: 28px;
}
.nexiang p, .nexiang em {
    color: #444444;
}
.nexiang strong {
    font-weight: normal;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
.nexiang a {
    display: inline;
}
.nexiang img {
    display: inline-block;
}
.fanpian {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;
    margin-top: 60px;
}
.fanpian li {
    color: #999999;
    margin: 10px 0;
}
.fanpian li a, .fanpian li span {
    display: inline;
    color: #999999;
}
.fanpian li:hover a {
    color: #333;
}
@media screen and (max-width:1359px) {
    .ne2main1 {
        padding-top: 50px;
    }
    .ne2main1 h1 {
        font-size: 30px;
        font-size: 3rem;
        line-height: 40px;
    }
    .nexiang strong {
        font-size: 20px;
        font-size: 2rem;
    }
    .fanpian {
        margin-top: 30px;
    }
}
@media screen and (max-width:999px) {
    .ne2main1 h1 {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
    }
    .net {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .netriqi {
        margin-right: 10px;
    }
    .nexiang {
        margin-top: 20px;
    }
    .nexiang strong {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .fanpian {
        padding: 5px 0;
        margin-top: 20px;
    }
    .fanpian li {
        margin: 5px 0;
    }
}
@media screen and (max-width:767px) {
    .ne2main1 {
        padding-top: 30px;
    }
    .ne2main1 h1 {
        font-size: 20px;
        font-size: 2rem;
        line-height:26px;
    }
}
.ne2main2 {
    padding-top: 60px;
    padding-bottom: 80px;
}
.img-scroll4 {
    position: relative;
    margin-top:18px;
    margin-left: -20px;
    margin-right: -20px;
}
.img-scroll4 .prev, .img-scroll4 .next {
    position: absolute;
    text-align:center;
    display: block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
    background: #f2f4f6;
    top: -79px;
    color: #333333;
    transition: 0.5s;
    z-index: 999
}
.img-scroll4 .prev {
    right: 90px;
    cursor: pointer;
}
.img-scroll4 .next {
    right:20px;
    cursor: pointer;
}
.img-scroll4 .prev:hover, .img-scroll4 .next:hover {
    color: #fff;
    background: #28a7e1;
}
.img-list4 {
    position: relative;
    overflow: hidden;
}
.img-list4 ul {
    width: 10000%;
}
.img-list4 li {
    float: left;
    width:0.3333%;
    padding: 20px;
    padding-bottom: 0px;
    position:relative;
}
.netu {
    display: block;
    border-radius: 17px;
    overflow: hidden;
}
.nezi {
    padding-top: 24px;
}
.neriqi {
    color: #888888;
}
.nea {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    margin-top: 17px;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.nemor {
    display: block;
    margin-top: 15px;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
    color: #20469b;
    text-decoration: underline;
}
.nelie2 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.nelie:hover .netu {
    box-shadow: 4px 4px 43px 0px rgba(10, 29, 74, 0.16);
}
.nelie:hover a {
    color: #28a7e1;
}
.nelie:hover img {
    transform: scale(1.1)
}
@media screen and (max-width:1359px) {
    .ne2main2 {
        padding: 50px 0;
    }
    .nezi {
        padding-top: 10px;
    }
    .nea {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 26px;
        margin-top: 10px;
    }
    .nemor {
        margin-top: 8px;
    }
    .img-scroll4 {
        margin-top:10px;
        margin-left: -10px;
        margin-right: -10px;
    }
    .img-scroll4 .prev, .img-scroll4 .next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: -55px;
    }
    .img-scroll4 .prev {
        right: 60px
    }
    .img-scroll4 .next {
        right:10px;
    }
    .img-list4 li {
        padding: 10px;
    }
}
@media screen and (max-width:767px) {
    .ne2main2 {
        padding: 30px 0;
    }
    .img-scroll4 .prev, .img-scroll4 .next {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: -45px;
        font-size: 12px;
    }
    .img-scroll4 .prev {
        right: 50px
    }
    .nea {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        margin-top: 10px;
    }
}
@media screen and (max-width:499px) {
    .img-list4 li {
        width: 0.5%;
    }
    .nea {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        margin-top: 10px;
    }
}
/****************************  news  ***************************/
 .nemain {
    padding-top:70px;
    padding-bottom: 82px;
}
.nebiao {
    text-align: center;
    margin: auto;
}
.nen {
    font-size: 0px;
}
.nelie {
    width: 31.4%;
    margin-left: 2.9%;
    margin-top: 35px;
    padding-bottom: 25px;
    display: inline-block;
    vertical-align: top;
}
.nelie:nth-child(3n-2) {
    margin-left: 0px;
}
@media screen and (max-width:1359px) {
    .nemain {
        padding: 50px 0;
    }
    .nelie {
        padding-bottom: 0px;
    }
}
@media screen and (max-width:999px) {
    .nelie {
        margin-top: 20px;
    }
}
@media screen and (max-width:767px) {
    .nemain {
        padding: 30px 0;
        padding-top: 20px;
    }
    .nelie {
        width: 49%;
        margin-left: 2% !important;
    }
    .nelie:nth-child(2n-1) {
        margin-left: 0px !important;
    }
}
/****************************  solution  ***************************/
 .somain1 {
    background: #f2f4f6;
    padding-top: 70px;
    padding-bottom: 80px;
}
.sota {
    padding-top: 15px;
}
.sota .table table {
    width:100%;
    border-collapse:collapse;
    line-height:22px;
}
.sota .table table tr {
}
.sota .table table tr td {
    padding:15px 5px;
    font-size:16px;
    font-size:1.6rem;
    border-top: 10px solid #f2f4f6;
    text-align: center;
    background: #fff;
}
.sota .table table tr td p {
    color: #333333;
}
.sota .table table tr td strong {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    display: block;
}
.sota .table table tr td img {
    width: 150px;
    display: inline-block;
}
.sota .table table tr:first-child td {
    background: #20469b;
    color: #fff;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
    font-size: 20px;
    font-size: 2rem;
}
.sota .table table tr:first-child td p {
    color: #fff;
}
@media screen and (max-width:1359px) {
    .somain1 {
        padding: 50px 0;
    }
    .sota {
        padding-top: 15px;
    }
    .sota .table table tr td {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .sota .table table tr td strong {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .sota .table table tr:first-child td {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .sota .table table tr td img {
        width: 100px;
    }
}
@media screen and (max-width:999px) {
    .sota .table table tr td {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .sota .table table tr td strong {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .sota .table table tr:first-child td {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .sota .table table tr td img {
        width: 80px;
    }
}
@media screen and (max-width:767px) {
    .somain1 {
        padding: 30px 0;
    }
    .sota {
        padding-top: 5px;
    }
    .sota .table table tr td img {
        width: 50px;
    }
}
.somain2 {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
}
.so2zi {
    width: 52%;
}
.so2tu {
    width: 41.64%;
}
.sobiao {
    margin-top: 0px;
}
.so2p {
    margin-top: 42px;
}
.somain3 {
}
.sobiao2 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 40px;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
}
.so3n {
    margin-top: 30px;
    padding-bottom: 43px;
}
.so3n p {
    color: #444444;
}
.so3n strong {
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
    color: #333;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
.so3n .table table {
    width:100%;
    border-collapse:collapse;
    line-height:30px;
}
.so3n .table table tr {
}
.so3n .table table tr td {
    padding:6px 30px;
    background: #fff;
}
.so3n .table table tr:nth-child(2n) td {
    background: #f2f2f2;
}
.so3n .table table tr:first-child td {
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
    font-size: 24px;
    font-size: 2.4rem;
}
@media screen and (max-width:1359px) {
    .sobiao2 {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 34px;
    }
    .so3n strong {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .so3n .table table tr:first-child td {
        font-size: 20px;
        font-size: 2rem;
    }
    .so2p {
        margin-top: 20px;
    }
}
@media screen and (max-width:999px) {
    .sobiao2 {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 34px;
    }
    .so3n .table table tr:first-child td {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .so3n .table table tr td {
        padding:6px 5px
    }
}
@media screen and (max-width:767px) {
    .sobiao2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 30px;
    }
    .so3n .table table tr:first-child td {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .so3n strong {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .so3n {
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .so2zi {
        width: 100%;
    }
    .so2tu {
        width: 100%;
        max-width: 400px;
        margin: auto;
        margin-top: 20px;
    }
}
.somain4 {
    padding-top: 30px;
}
.so4n {
    padding-top: 18px;
}
.so4lie {
    margin-top: 42px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}
.so4tu {
    width: 435px;
}
.so4zi {
    width: calc(100% - 450px);
}
.so4a {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 24px;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
}
.so4p {
    margin-top: 24px;
    line-height: 24px;
}
.so4p p {
    color: #333;
}
@media screen and (max-width:999px) {
    .so4tu {
        width: 300px;
    }
    .so4zi {
        width: calc(100% - 320px);
    }
    .so4a {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .so4p {
        margin-top: 10px;
    }
}
@media screen and (max-width:767px) {
    .so4tu {
        width: 200px;
    }
    .so4zi {
        width: calc(100% - 220px);
    }
}
@media screen and (max-width:599px) {
    .somain4 {
        padding-top: 10px;
    }
    .so4n {
        padding-top: 5px;
    }
    .so4tu {
        width: 100%;
        max-width: 400px;
    }
    .so4zi {
        width: 100%;
        margin-top: 20px;
    }
}
.somain5 {
    padding-top: 70px;
    padding-bottom: 77px;
}
.so5n {
    padding-top: 20px;
    padding-bottom: 55px;
}
.so5n strong {
    font-size: 24px;
    font-size: 2.4rem;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
    font-weight: normal;
    color: #333
}
.so5p {
    margin-top: 10px;
}
.so5p p {
    position: relative;
    padding-left: 288px;
    margin-top: 6px;
    color: #555555;
}
.so5p p em {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #555555;
    font-style: normal;
}
.so5b {
    padding-top: 25px;
}
.so5tu {
    width: 100%;
    max-width: 323px;
}
.so5mor {
    background: #20469b;
    margin-top: 33px;
    color: #fff !important;
}
.so5mor i {
    background: #ffffff;
    color: #20469b;
}
@media screen and (max-width:1359px) {
    .somain5 {
        padding-top: 50px;
    }
    .so5n {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .so5n strong {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width:999px) {
}
@media screen and (max-width:767px) {
    .somain5 {
        padding-top: 30px;
    }
    .so5n strong {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .so5p p {
        margin-top: 0px;
    }
    .so5b {
        padding-top: 15px;
    }
    .so5p p {
        padding-left: 0px;
    }
    .so5p p em {
        position: relative;
        padding-right: 20px;
    }
}
.somain6 {
    background: #f2f4f6;
    padding-top: 32px;
    padding-bottom: 87px;
}
.so6biao {
    margin-top: 40px;
}
.so6n1 {
    font-size: 0px;
    padding-top: 20px;
}
.so6tu {
    width: 32.1%;
    margin-left: 1.85%;
    margin-top: 15px;
    display: inline-block;
    vertical-align: top;
}
.so6tu:nth-child(3n-2) {
    margin-left: 0px;
}
.so6p {
    margin-top: 10px;
}
.so6p p {
    color: #333;
    margin-top: 13px;
}
.so6n3 {
    display: flex;
    flex-flow: wrap;
}
.so6lie {
    margin-right: 120px;
    margin-top: 11px;
}
.so6lie p {
    color: #333;
}
.so6lie strong {
    font-size: 18px;
    font-size: 1.8rem;
    color: #333;
    font-weight: normal;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
@media screen and (max-width:1359px) {
    .somain6 {
        padding-top: 32px;
        padding-bottom: 50px;
    }
    .so6biao {
        margin-top: 20px;
    }
    .so6n1 {
        padding-top: 1px;
    }
    .so6lie {
        margin-right: 20px;
    }
    .so6lie strong {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width:999px) {
    .so6p p {
        margin-top: 3px;
    }
}
@media screen and (max-width:767px) {
    .somain6 {
        padding-top: 10px;
        padding-bottom: 30px;
    }
}
/****************************  about1  ***************************/
 .ab1main1 {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 70px;
    padding-bottom: 74px;
}
.ab11zi {
    width: 41%;
}
.ab11tu {
    width: 55%;
    border-radius: 10px;
    overflow: hidden;
}
.ab1biao {
    text-align: left;
}
.ab11p {
    margin-top: 15px;
}
.ab1main2 {
    background: #f2f4f6;
    padding-top: 5px;
    padding-bottom: 76px;
}
@media screen and (max-width:1359px) {
    .ab1main1 {
        padding: 50px 0;
    }
    .ab1main2 {
        padding-bottom: 50px;
    }
}
@media screen and (max-width:999px) {
    .ab11zi {
        width: 100%;
    }
    .ab11tu {
        width: 100%;
        max-width: 600px;
        margin: auto;
        margin-top: 20px;
    }
}
@media screen and (max-width:767px) {
    .ab1main1 {
        padding: 30px 0;
    }
    .ab1main2 {
        padding-bottom: 30px;
    }
}
.ab1main3 {
    padding-top: 32px;
    padding-bottom: 37px;
}
.ab13t {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 42px 0;
}
.ab13tu {
    width: 55%;
    border-radius: 10px;
    overflow: hidden;
}
.ab13zi {
    width: 45%;
    padding-left: 55px;
}
.ab13lie {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}
.ab13lie1 {
    flex-direction: row-reverse;
}
.ab13tu2 {
    width: 482px;
    border-radius: 10px;
    overflow: hidden;
}
.ab13zi2 {
    width: calc(100% - 527px);
}
.ab13lie2 .ab13zi2 {
    line-height: 24px;
}
.ab13zi2 strong {
    font-weight: normal;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
    color: #333;
}
@media screen and (max-width:1359px) {
    .ab1main3 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .ab13tu2 {
        width: 300px;
    }
    .ab13zi2 {
        width: calc(100% - 320px);
    }
    .ab13tu {
        width: 40%;
    }
    .ab13zi {
        width: 60%;
        padding-left: 30px;
    }
    .ab13t, .ab13lie {
        padding: 20px 0;
    }
    .ab13zi2 strong {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width:999px) {
    .ab13zi2 strong {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width:767px) {
    .ab13tu2 {
        width: 100%;
    }
    .ab13zi2 {
        width: 100%;
        margin-top: 20px;
    }
    .ab13tu {
        width: 100%;
    }
    .ab13zi {
        width: 100%;
        padding-left: 0px;
        margin-top: 20px;
    }
    .ab13t, .ab13lie {
        padding: 10px 0;
    }
}
.ab1main4 {
    background: url("../images/ab14bei.jpg") no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 104px 0;
}
.ab14n {
    padding: 42px 70px 55px 130px;
    background: #28a7e1;
    border-radius: 121px 0px 121px 0px;
    max-width: 944px;
    margin-left: -130px;
    line-height: 24px;
}
.ab14n p {
    color: #fff;
}
.ab14a {
    font-size: 24px;
    font-size: 2.4rem;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
}
.ab14p {
    margin-top: 24px;
}
@media screen and (max-width:1699px) {
    .ab14n {
        padding: 40px;
        border-radius: 60px 0px 60px 0px;
        margin-left: -40px;
    }
    .ab14a {
        font-size: 20px;
        font-size: 2rem;
    }
}
@media screen and (max-width:999px) {
    .ab1main4 {
        padding: 50px 0;
    }
    .ab14n {
        padding: 30px 20px;
        margin-left: 0px;
    }
    .ab14a {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
/****************************  about2  ***************************/
 .ab2main1 {
    background: #f2f4f6;
    text-align: center;
    padding: 75px 0;
}
.ab21p {
    margin-top: 13px;
    color: #333;
}
.ab21mor {
    background: #ffffff;
    box-shadow: 0px 5px 50px 0px rgba(32, 70, 155, 0.15);
    margin-top: 35px;
}
@media screen and (max-width:767px) {
    .ab2main1 {
        padding: 40px 0;
    }
    .ab21mor {
        margin-top: 20px;
    }
}
.ab2main2 {
    padding-top: 76px;
    padding-bottom: 80px;
}
.ab22biao {
    text-align: center;
    margin-top: 0px;
}
.ab22pz {
    text-align: center;
    margin-top: 16px;
}
.ab22pz p {
    color: #333
}
.ab22n {
    padding-top: 15px;
}
.ab22lie {
    background: #f2f4f6;
    border-radius: 10px;
    margin-top: 18px;
    padding: 10px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}
.ab22tu {
    width: 400px;
}
.ab22zi {
    width: calc(100% - 400px);
    padding: 10px 0;
    padding-left: 55px;
    padding-right: 100px;
}
.ab22a {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    color: #20469b;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
.ab22p {
    margin-top: 20px;
    line-height: 26px;
}
.ab22p strong {
    font-size: 18px;
    font-size: 1.8rem;
    color: #333;
    font-weight: normal;
}
@media screen and (max-width:1359px) {
    .ab2main2 {
        padding: 50px 0;
    }
    .ab22zi {
        padding: 10px 20px;
    }
    .ab22p strong {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .ab22a {
        font-size: 20px;
        font-size: 2rem;
    }
    .ab22p {
        margin-top: 10px;
    }
}
@media screen and (max-width:999px) {
    .ab22tu {
        width: 300px;
    }
    .ab22zi {
        width: calc(100% - 300px);
    }
}
@media screen and (max-width:767px) {
    .ab2main2 {
        padding: 30px 0;
    }
    .ab22p {
        margin-top: 5px;
    }
    .ab22p strong {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .ab22a {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .ab22tu {
        width: 200px;
    }
    .ab22zi {
        width: calc(100% - 200px);
        padding: 10px;
    }
}
@media screen and (max-width:559px) {
    .ab22tu {
        width: 100%;
        max-width: 400px;
        margin: auto;
    }
    .ab22zi {
        width: 100%;
        padding: 10px;
        text-align: center;
        padding: 10px 0;
    }
}
.ab2main3 {
    background: #f2f4f6;
    padding-top: 70px;
    padding-bottom: 80px;
}
.ab23p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 36px;
}
.ab23p p {
    color: #333;
}
.ab23n {
    display: flex;
    flex-flow: wrap;
    padding-top: 10px;
}
.ab23lie {
    width: 15%;
    margin-left: 2%;
    padding-bottom: 12px;
    margin-top: 20px;
    background: #fff;
    border-radius: 10px;
}
.ab23lie:nth-child(6n-5) {
    margin-left: 0px;
}
.ab23tu {
    border-radius: 10px;
    overflow: hidden;
}
.ab23tu img {
    width: 100%;
}
.ab23a {
    color: #666666;
    line-height: 24px;
    text-align: center;
    padding: 12px;
}
@media screen and (max-width:1359px) {
    .ab2main3 {
        padding: 50px 0;
    }
    .ab23p {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 30px;
    }
}
@media screen and (max-width:999px) {
    .ab23p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 26px;
    }
    .ab23lie {
        width: 32.33%;
        margin-left: 1.5%;
        padding-bottom: 1px;
        margin-top: 10px;
    }
    .ab23lie:nth-child(3n-2) {
        margin-left: 0px;
    }
}
@media screen and (max-width:767px) {
    .ab2main3 {
        padding: 30px 0;
    }
    .ab23p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }
    .ab23a {
        padding: 5px;
    }
}
.ab2main4 {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 66px;
    padding-bottom: 90px;
}
.ab24zi {
    width: 44%;
}
.ab24tu {
    width: 51.4%;
    border-radius: 10px;
    overflow: hidden;
}
.ab24tu img {
    width: 100%;
}
.ab24biao {
    margin-top: 0px;
}
.ab24p {
    margin-top: 32px;
}
.ab24p p {
    color: #333;
}
.ab24mor {
    margin-top: 50px;
    background: #ffffff;
    box-shadow: 0px 5px 50px 0px rgba(32, 70, 155, 0.15);
}
@media screen and (max-width:1359px) {
    .ab2main4 {
        padding: 50px 0;
    }
    .ab24zi {
        width: 46%;
    }
    .ab24tu {
        width: 52%;
    }
    .ab24p {
        margin-top: 10px;
    }
    .ab24mor {
        margin-top: 20px;
    }
}
@media screen and (max-width:767px) {
    .ab2main4 {
        padding: 30px 0;
    }
    .ab24zi {
        width: 100%;
    }
    .ab24tu {
        width: 100%;
        max-width: 500px;
        margin: auto;
        margin-top: 20px;
    }
}
.ab2main5 {
    background: #f2f4f6;
    padding: 75px 0;
}
.ab25biao {
    text-align: center;
    margin-top: 0px;
}
.ab25n {
    display: flex;
    flex-flow: wrap;
    padding-top: 34px;
}
.ab25lie {
    width: 23.6%;
    margin-left: 1.866%;
    margin-top: 20px;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}
.ab25lie:nth-child(4n-3) {
    margin-left: 0px;
}
.ab25tu {
    position: relative;
}
.ab25tu img {
    width: 100%;
}
.ab25fu {
    display: block;
    width: 73px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    font-size: 1.6rem;
    position: absolute;
    left: 0px;
    top: 18px;
    color: #ffffff;
    background: url("../images/ab25fu.png") no-repeat left center;
    background-size: 100% 100%;
    text-align: center;
}
.ab25zi {
    padding: 20px;
    padding-bottom: 30px;
}
.ab25a {
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
    line-height: 24px !important;
    color: #333;
}
.ab25p {
    margin-top: 11px;
    line-height: 24px !important;
}
.ab25p p {
    color: #555555;
}
@media screen and (max-width:1359px) {
    .ab2main5 {
        padding: 50px 0;
    }
    .ab25zi {
        padding: 10px;
    }
    .ab25p {
        margin-top: 5px;
    }
}
@media screen and (max-width:999px) {
    .ab25n {
        padding-top: 10px;
    }
    .ab25fu {
        width: 60px;
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        font-size: 1.2rem;
        top: 18px;
    }
    .ab25lie {
        width: 49%;
        margin-left: 2%;
        margin-top: 20px;
    }
    .ab25lie:nth-child(2n-1) {
        margin-left: 0px;
    }
}
@media screen and (max-width:767px) {
    .ab2main5 {
        padding: 30px 0;
    }
    .ab25a {
        line-height: 22px !important;
    }
    .ab25p {
        line-height: 22px !important;
    }
    .ab25zi {
        padding: 10px 5px;
    }
}
/****************************  about3  ***************************/
 .ab31p {
    margin-top: 26px;
}
.ab31p p {
    color: #333;
}
.ab31p strong {
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
    color: #20469b;
}
.ab31n {
    text-align: center;
    padding-top: 16px;
}
.ab31n p {
    margin: 20px 27px;
    padding: 15px 25px;
    line-height: 30px;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
    background: #ffffff;
    box-shadow: 4px 4px 50px 0px rgba(32, 70, 155, 0.15);
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    transition: 0.5s;
}
.ab31n em {
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.ab31n p:hover {
    transform: translateY(-10px);
}
@media screen and (max-width:1359px) {
    .ab31n p {
        margin: 10px;
        padding: 10px;
        line-height: 30px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .ab31p strong {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width:999px) {
    .ab31n p {
        margin: 5px;
        padding: 5px;
        line-height: 30px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .ab31n em {
        width: 15px;
        margin-right: 5px;
    }
    .ab31n p:hover {
        transform: translateY(0px);
    }
    .ab31p strong {
        font-size: 16px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width:767px) {
    .ab31n p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
        margin: 2px;
    }
    .ab31p strong {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .ab31p {
        margin-top: 16px;
    }
}
.ab3main2 {
    padding: 52px 0;
}
.ab32lie {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 44px 0;
}
.ab32lie1 {
    flex-direction: row-reverse;
}
.ab32tu {
    width: 47%;
    box-shadow: 21px 21px 38px 0px rgba(9, 12, 49, 0.16);
    border-radius: 10px;
    overflow: hidden;
}
.ab32zi {
    width: 47%;
}
.ab32tu img {
    width: 100%;
}
.ab32a {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 44px;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
}
.ab32a strong {
    font-weight: normal;
    color: #28a7e1;
}
.ab32p {
    margin-top: 28px;
    line-height: 26px;
}
.ab32p p {
    color: #333333;
}
.ab32p strong {
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
.ab32p em {
    font-style: normal;
    font-size: 24px;
    font-size: 2.4rem;
    color: #28a7e1;
}
.ab3main3 {
    margin-bottom: 90px;
}
.ab3main3 a {
    display: block;
    background: #28a7e1;
    border-radius: 10px;
    padding:75px 20px;
    text-align: center;
    font-size: 40px;
    font-size: 4rem;
    line-height: 50px;
    font-family: HarmonyOS_Sans_Bold, Arial, "Arial Black", "sans-serif", Verdana;
    color: #fff;
}
.ab3main3 a:hover {
    background: #20469b;
}
@media screen and (max-width:1359px) {
    .ab3main2 {
        padding: 30px 0;
    }
    .ab32lie {
        align-items: center;
        padding: 20px 0;
    }
    .ab32tu {
        width: 49%;
    }
    .ab32zi {
        width: 49%;
    }
    .ab32a {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 30px;
    }
    .ab32p {
        margin-top: 15px;
    }
    .ab32p strong {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .ab32p em {
        font-size: 20px;
        font-size: 2rem;
    }
    .ab3main3 {
        margin-bottom: 50px;
    }
    .ab3main3 a {
        padding:75px 20px;
        font-size: 30px;
        font-size: 3rem;
        line-height: 40px;
    }
}
@media screen and (max-width:999px) {
    .ab32tu {
        width: 100%;
        max-width: 500px;
        margin: auto;
    }
    .ab32zi {
        width: 100%;
        margin-top: 20px;
    }
    .ab32a {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 26px;
    }
    .ab32p strong {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .ab32p em {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
@media screen and (max-width:767px) {
    .ab3main2 {
        padding: 10px 0;
    }
    .ab3main3 {
        margin-bottom: 30px;
    }
    .ab3main3 a {
        padding:30px 10px;
        font-size: 20px;
        font-size: 2rem;
        line-height: 30px;
    }
}
/****************************  faq  ***************************/
 .fqmain {
    padding-top: 70px;
    padding-bottom: 82px;
}
.fqbiao {
    text-align: center;
}
.fqn {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.fqlie {
    width: 48.9%;
    background: #f2f4f6;
    padding: 30px;
    padding-bottom: 60px;
    border-radius: 10px;
    margin-top: 29px;
    transition: 0.5s;
}
.fqsp {
    color: #20469b;
    display: block;
    line-height: 46px;
}
.fqsp i {
    font-size: 56px;
}
.fqa {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 30px;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
    display: block;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
}
.fqp {
    margin-top: 17px;
    line-height: 26px;
}
.fqp a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #555;
}
.fqmor {
    margin-top: 30px;
    background: #ffffff;
    box-shadow: 4px 4px 50px 0px rgba(32, 70, 155, 0.15);
}
.fqlie:hover {
    background: #28a7e1;
}
.fqlie:hover a {
    color: #fff;
}
.fqlie:hover .fqmor i {
    background: #28a7e1;
}
@media screen and (max-width:1359px) {
    .fqmain {
        padding: 50px 0;
    }
    .fqlie {
        padding: 20px;
        margin-top: 20px;
    }
    .fqsp {
        line-height: 30px;
    }
    .fqsp i {
        font-size: 30px;
    }
    .fqa {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 26px;
    }
    .fqp {
        margin-top: 10px;
    }
    .fqmor {
        margin-top: 10px;
    }
}
@media screen and (max-width:767px) {
    .fqlie {
        padding: 20px 10px;
        margin-top: 10px;
    }
    .fqa {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
    }
}
@media screen and (max-width:399px) {
    .fqmain {
        padding: 30px 0;
    }
    .fqlie {
        width: 100%;
    }
}
/****************************  faq  ***************************/
 .fa2main2 {
    padding-top: 60px;
    padding-bottom: 70px;
}
.img-scroll5 {
    position: relative;
    margin-top:32px;
}
.img-scroll5 .prev, .img-scroll5 .next {
    position: absolute;
    text-align:center;
    display: block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
    background: #f2f4f6;
    top: -79px;
    color: #333333;
    transition: 0.5s;
    z-index: 999
}
.img-scroll5 .prev {
    right: 70px;
    cursor: pointer;
}
.img-scroll5 .next {
    right:0px;
    cursor: pointer;
}
.img-scroll5 .prev:hover, .img-scroll5 .next:hover {
    color: #fff;
    background: #28a7e1;
}
.img-list5 {
    position: relative;
    overflow: hidden;
}
.img-list5 ul {
    width: 10000%;
}
.img-list5 li {
    float: left;
    width:0.489%;
    margin-right: 0.022%;
    position:relative;
}
.img-list5 li .fqlie {
    width: 100%;
    margin: 0px;
}
@media screen and (max-width:1359px) {
    .fa2main2 {
        padding: 50px 0;
    }
    .img-scroll5 {
        margin-top:10px;
    }
    .img-scroll5 .prev, .img-scroll5 .next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: -55px;
    }
    .img-scroll5 .prev {
        right: 50px
    }
    .img-scroll5 .next {
        right:0px;
    }
}
@media screen and (max-width:767px) {
    .fa2main2 {
        padding: 30px 0;
    }
    .img-scroll5 .prev, .img-scroll5 .next {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: -45px;
        font-size: 12px;
    }
    .img-scroll5 .prev {
        right: 40px
    }
}
@media screen and (max-width:399px) {
    .img-list5 li {
        width: 1%;
    }
}
/****************************  about5  ***************************/
 #baguetteBox-overlay {
    display:none;
    opacity:0;
    position:fixed;
    overflow:hidden;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#222;
    background-color:rgba(0, 0, 0, .8);
    -webkit-transition:opacity .5s ease;
    transition:opacity .5s ease;
    z-index:99999999999999999999999999999999999999;
}
#baguetteBox-overlay.visible {
    opacity:1
}
#baguetteBox-overlay .full-image {
    display:inline-block;
    position:relative;
    width:100%;
    height:100%;
    text-align:center;
}
#baguetteBox-overlay .full-image figure {
    display:inline;
    margin:0;
    height:100%
}
#baguetteBox-overlay .full-image img {
    display:inline-block;
    width:auto;
    height:auto;
    max-height:100%;
    max-width:100%;
    vertical-align:middle;
    -webkit-box-shadow:0 0 8px rgba(0, 0, 0, .6);
    -moz-box-shadow:0 0 8px rgba(0, 0, 0, .6);
    box-shadow:0 0 8px rgba(0, 0, 0, .6);
}
#baguetteBox-overlay .full-image figcaption {
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
    line-height:1.8;
    color:#ccc;
    background-color:#000;
    background-color:rgba(0, 0, 0, .6);
    font-family:Verdana, Geneva, sans-serif;
}
#baguetteBox-overlay .full-image:before {
    content:"";
    display:inline-block;
    height:50%;
    width:1px;
    margin-right:-1px
}
#baguetteBox-slider {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    white-space:nowrap;
    -webkit-transition:left .4s ease, -webkit-transform .4s ease;
    transition:left .4s ease, -moz-transform .4s ease;
    transition:left .4s ease, transform .4s ease
}
#baguetteBox-slider.bounce-from-right {
    -webkit-animation:bounceFromRight .4s ease-out;
    animation:bounceFromRight .4s ease-out
}
#baguetteBox-slider.bounce-from-left {
    -webkit-animation:bounceFromLeft .4s ease-out;
    animation:bounceFromLeft .4s ease-out
}
.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
    top:50%;
    top:calc(50% - 30px);
    width:44px;
    height:60px
}
.baguetteBox-button {
    position:absolute;
    cursor:pointer;
    outline:0;
    padding:0;
    margin:0;
    border:0;
    -moz-border-radius:15%;
    border-radius:15%;
    background-color:#323232;
    background-color:rgba(50, 50, 50, .5);
    color:#ddd;
    font:1.6em sans-serif;
    -webkit-transition:background-color .4s ease;
    transition:background-color .4s ease;
}
.baguetteBox-button:hover {
    background-color:rgba(50, 50, 50, .9)
}
.baguetteBox-button#next-button {
    right:2%
}
.baguetteBox-button#previous-button {
    left:2%
}
.baguetteBox-button#close-button {
    top:20px;
    right:2%;
    right:calc(2% + 6px);
    width:30px;
    height:30px
}
.baguetteBox-button svg {
    position:absolute;
    left:0;
    top:0
}
.spinner {
    width:40px;
    height:40px;
    display:inline-block;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-20px;
    margin-left:-20px
}
.double-bounce1, .double-bounce2 {
    width:100%;
    height:100%;
    -moz-border-radius:50%;
    border-radius:50%;
    background-color:#fff;
    opacity:.6;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:bounce 2s infinite ease-in-out;
    animation:bounce 2s infinite ease-in-out
}
.double-bounce2 {
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
@-webkit-keyframes bounceFromRight {
    0% {
        margin-left:0
    }
    50% {
        margin-left:-30px
    }
    100% {
        margin-left:0
    }
}
@keyframes bounceFromRight {
    0% {
        margin-left:0
    }
    50% {
        margin-left:-30px
    }
    100% {
        margin-left:0
    }
}
@-webkit-keyframes bounceFromLeft {
    0% {
        margin-left:0
    }
    50% {
        margin-left:30px
    }
    100% {
        margin-left:0
    }
}
@keyframes bounceFromLeft {
    0% {
        margin-left:0
    }
    50% {
        margin-left:30px
    }
    100% {
        margin-left:0
    }
}
@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes bounce {
    0%, 100% {
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        transform:scale(0)
    }
    50% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        transform:scale(1)
    }
}
.ctmain {
    padding-top: 70px;
    padding-bottom: 80px;
}
.ctn {
    font-size: 0px;
}
.ctlie {
    width: 21.4%;
    margin-left: 4.8%;
    margin-top: 50px;
    display: inline-block;
    vertical-align: top;
}
.ctlie:nth-child(4n-3) {
    margin-left: 0px;
}
.cttu {
    display: block;
    box-shadow: 4px 4px 30px 0px rgba(10, 27, 64, 0.15);
}
.cttu img {
    transform: scale(1) !important;
    width: 100%;
}
.cta {
    text-align: center;
    color: #333;
    margin-top: 20px;
}
@media screen and (max-width:1359px) {
    .ctmain {
        padding: 50px 0;
    }
    .ctlie {
        width: 24%;
        margin-left: 1.33%;
        margin-top: 20px;
        display: inline-block;
        vertical-align: top;
    }
    .cta {
        margin-top: 10px;
    }
}
@media screen and (max-width:767px) {
    .ctmain {
        padding: 30px 0;
    }
    .ctlie {
        width: 49%;
        margin-left: 2%;
    }
    .ctlie:nth-child(2n-1) {
        margin-left: 0px;
    }
}
/****************************  contact  ***************************/
 .comain1 {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 33px;
}
.co1p {
    max-width: 820px;
    margin: auto;
    margin-top: 22px;
    line-height: 36px;
}
.co1p p {
    color: #333333;
}
.co1p strong {
    font-weight: normal;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
    color: #333;
}
.coul {
    text-align: center;
    max-width: 700px;
    margin: auto;
    padding-top: 18px;
}
.colie {
    width: 49%;
    padding: 10px;
    line-height: 36px;
    margin-top: 20px;
    display: inline-block;
    vertical-align: top;
}
.cotu {
    font-size: 34px !important;
    color: #20469b;
    display: block;
    margin-bottom: 10px;
}
.colie p {
    color: #333333;
}
.colie strong {
    font-weight: normal;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
.colie p a {
    color: #333333;
}
@media screen and (max-width:1359px) {
    .comain1 {
        padding: 50px 0;
    }
    .coul {
        padding-top: 5px;
    }
}
@media screen and (max-width:767px) {
    .comain1 {
        padding: 30px 0;
    }
    .cotu {
        font-size: 24px !important;
    }
}
.comain2 {
    background: #f5f5f5;
    border-radius: 6px;
    padding: 38px 50px;
    margin-bottom: 84px;
}
.coxin {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding-top: 16px;
}
.coxin .int1 {
    width: 49%;
    margin-top: 15px;
}
.coxin .int2 {
    width: 100%;
    margin-top: 15px;
}
.coxin .int3 {
    width: 100%;
    margin-top: 15px;
}
.coa {
    padding-left: 14px;
}
.coa i {
    color: #ee000a;
}
.coxin input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 14px;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 8px;
}
.coxin textarea {
    width: 100%;
    height: 100px;
    line-height: 30px;
    background: #ffffff;
    border-radius: 6px;
    padding: 5px 14px;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 8px;
}
.coxin .int4 {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    position: relative;
}
.coxin .int4 input {
    width: 49%;
    padding-right: 100px;
}
.coxin .int4 .yanzheng {
    width: 70px;
    height: 24px;
    position: absolute;
    right: 51%;
    margin-right: 25px;
    top: 16px;
    cursor: pointer;
}
.coxin .int5 {
    border-radius: 6px;
    background: #20469b;
    cursor: pointer;
    padding: 0px !important;
    transition: 0.5s;
    color: #ffffff;
}
.coxin .int5:hover {
    background: #28a7e1;
}
@media screen and (max-width:1359px) {
    .comain2 {
        padding: 30px 20px;
        margin-bottom: 50px;
    }
    .coxin input, .coxin textarea {
        font-size: 14px;
        font-size: 1.4rem;
    }
}
@media screen and (max-width:767px) {
    .comain2 {
        padding: 20px 10px;
        margin-bottom: 30px;
    }
    .coxin input, .coxin textarea {
        font-size: 12px;
        font-size: 1.2rem;
    }
}
@media screen and (max-width:449px) {
    .coxin {
        padding-top: 5px;
    }
    .coxin .int1 {
        width: 100%;
        margin-top: 15px;
    }
    .coxin .int4 input {
        width: 100%;
    }
    .coxin .int4 .yanzheng {
        right: 0px;
    }
}
.ditu {
    position: relative;
    overflow: hidden;
    padding: 90px 0;
}
.ditu iframe, .shipin1 video {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    border:none;
    z-index: 1
}
.ditu iframe body {
    margin:0px !important;
}
.ditu .zong {
    position: relative;
    z-index: 2;
    text-align: right;
}
.ditun {
    display: inline-block;
    text-align: left;
    width: 65%;
    max-width: 562px;
    padding: 20px 30px;
    background: #ffffff;
    box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}
.dtlie {
    margin: 30px 0;
    padding-left: 34px;
    position: relative;
    line-height: 36px;
}
.dtlie em {
    color: #20469b;
    position: absolute;
    left: 0px;
    top: 0px;
}
.dtlie p {
    color: #333;
}
.dtlie strong {
    font-weight: normal;
    font-family: HarmonyOS_Sans_Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
@media screen and (max-width:999px) {
    .ditu {
        padding: 30px 0;
    }
    .ditun {
        padding: 10px;
    }
    .dtlie {
        margin: 20px 0;
        padding-left: 20px;
    }
}
@media screen and (max-width:767px) {
    .dtlie {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px !important;
    }
}
@media screen and (max-width:1359px) {
}
@media screen and (max-width:999px) {
}
@media screen and (max-width:767px) {
}
@font-face {
    font-family: HarmonyOS_Sans_Medium;
    font-display: swap;
    src: url('../fonts/HarmonyOS_Sans_Medium.eot');
    src: url('../fonts/HarmonyOS_Sans_Medium.eot') format('embedded-opentype'), url('../fonts/HarmonyOS_Sans_Medium.woff2') format('woff2'), url('../fonts/HarmonyOS_Sans_Medium.woff') format('woff'), url('../fonts/HarmonyOS_Sans_Medium.ttf') format('truetype'), url('../fonts/HarmonyOS_Sans_Medium.svg#HarmonyOS_Sans_Medium') format('svg');
}
@font-face {
    font-family: HarmonyOS_Sans;
    font-display: swap;
    src: url('../fonts/HarmonyOS_Sans_Regular.eot');
    src: url('../fonts/HarmonyOS_Sans_Regular.eot') format('embedded-opentype'), url('../fonts/HarmonyOS_Sans_Regular.woff2') format('woff2'), url('../fonts/HarmonyOS_Sans_Regular.woff') format('woff'), url('../fonts/HarmonyOS_Sans_Regular.ttf') format('truetype'), url('../fonts/HarmonyOS_Sans_Regular.svg#HarmonyOS_Sans_Regular') format('svg');
}
@font-face {
    font-family: HarmonyOS_Sans_Bold;
    font-display: swap;
    src: url('../fonts/HarmonyOS_Sans_Bold.eot');
    src: url('../fonts/HarmonyOS_Sans_Bold.eot') format('embedded-opentype'), url('../fonts/HarmonyOS_Sans_Bold.woff2') format('woff2'), url('../fonts/HarmonyOS_Sans_Bold.woff') format('woff'), url('../fonts/HarmonyOS_Sans_Bold.ttf') format('truetype'), url('../fonts/HarmonyOS_Sans_Bold.svg#HarmonyOS_Sans_Bold') format('svg');
}
@font-face {
    font-family:"iconfont";
    /* Project id 4822697 */
    font-display: swap;
    src: url('../fonts/iconfont.woff2?t=1738982688682') format('woff2'), url('../fonts/iconfont.woff?t=1738982688682') format('woff'), url('../fonts/iconfont.ttf?t=1738982688682') format('truetype');
}
.iconfont {
    font-family:"iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-instagram2:before {
    content:"\e6fc";
}
.icon-wenhao:before {
    content:"\e618";
}
.icon-right2:before {
    content:"\e638";
}
.icon-left2:before {
    content:"\e601";
}
.icon-home:before {
    content:"\e624";
}
.icon-edit:before {
    content:"\e611";
}
.icon-facebook:before {
    content:"\e620";
}
.icon-pinterest:before {
    content:"\e8ab";
}
.icon-linkedin:before {
    content:"\e648";
}
.icon-youtube:before {
    content:"\e6d6";
}
.icon-twitter:before {
    content:"\e607";
}
.icon-bigger:before {
    content:"\e647";
}
.icon-left:before {
    content:"\e72c";
}
.icon-right:before {
    content:"\e72d";
}
.icon-up1:before {
    content:"\e72e";
}
.icon-bottom1:before {
    content:"\e72f";
}
.icon-left1:before {
    content:"\e730";
}
.icon-right1:before {
    content:"\e731";
}
.icon-up:before {
    content:"\e73e";
}
.icon-bottom:before {
    content:"\e73f";
}
.icon-instagram:before {
    content:"\e79d";
}
.icon-tumblr:before {
    content:"\e79e";
}
.icon-download:before {
    content:"\e7a0";
}
.icon-download1:before {
    content:"\e7a7";
}
.icon-search4:before {
    content:"\e7b2";
}
.icon-address:before {
    content:"\e7bc";
}
.icon-email:before {
    content:"\e7bd";
}
.icon-contact:before {
    content:"\e7be";
}
.icon-whatsapp:before {
    content:"\e7bf";
}
.icon-fax:before {
    content:"\e7c2";
}
.icon-mobile:before {
    content:"\e7c6";
}
.icon-phone:before {
    content:"\e7c8";
}
.icon-tel:before {
    content:"\e7c7";
}
.icon-phone1:before {
    content:"\e7cb";
}
.icon-skype:before {
    content:"\e7cc";
}
.icon-whatsapp1:before {
    content:"\e7c1";
}
.icon-address1:before {
    content:"\e7c3";
}
.icon-contact1:before {
    content:"\e7c4";
}
.icon-email1:before {
    content:"\e7c5";
}
.icon-skype1:before {
    content:"\e7c9";
}
.icon-fax1:before {
    content:"\e7ca";
}
.icon-qq:before {
    content:"\e7ce";
}
.icon-tel1:before {
    content:"\e7cd";
}
.icon-wechat:before {
    content:"\e7cf";
}
.icon-phone2:before {
    content:"\e7d0";
}
.icon-message:before {
    content:"\e7da";
}
.icon-calendar:before {
    content:"\e7e1";
}
.icon-calendar1:before {
    content:"\e7e3";
}
.icon-top:before {
    content:"\e7ed";
}
.icon-youbian:before {
    content:"\e60f";
}
.icon-jian2:before {
    content:"\e600";
}
.icon-jia2:before {
    content:"\e608";
}
.icon-vk:before {
    content:"\e735";
}
.icon-instagram1:before {
    content:"\e640";
}
.icon-up7:before {
    content:"\e722";
}
.icon-bottom7:before {
    content:"\e723";
}
.icon-left7:before {
    content:"\e724";
}
.icon-right7:before {
    content:"\e725";
}
.icon-sousuo4:before {
    content:"\e610";
}
.icon-sousuo:before {
    content:"\e616";
}
.icon-sousuo1:before {
    content:"\e65b";
}
.icon-shangchuan:before {
    content:"\e602";
}
.icon-top2:before {
    content:"\e637";
}
.icon-biaoqian:before {
    content:"\e649";
}
.icon-twitter3:before {
    content:"\e7fd";
}
.icon-twitter4:before {
    content:"\e7fe";
}
.icon-twitter-new2:before {
    content:"\e800";
}
.icon-twitter-new:before {
    content:"\e7ff";
}
.icon-tiktok:before {
    content:"\e8db";
}
.icon-delete:before {
    content:"\e69d";
}
.icon-chahao:before {
    content:"\e617";
}
.icon-earth:before {
    content:"\e6d5";
}
.icon-earth1:before {
    content:"\e781";
}
.icon-chahao1:before {
    content:"\e60e";
}
.icon-jiantou_qiehuanyou_o:before {
    content:"\eb8d";
}
.icon-jiantou:before {
    content:"\e641";
}
.nexiang .box-fix {
    margin-top: 30px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
}
.nexiang .box-img {
    width: 44.85%;
    margin-right: 2.29%;
}
.nexiang .box-info {
    width: 20%;
    padding-right: 10px;
    padding-top: 20px;
}
@media screen and (max-width: 640px) {
    .nexiang .box-img {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .nexiang .box-info {
        width: 100%;
        padding-top: 0;
    }
}
.m-solul{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.m-solul .list-item{
  margin-top: 44px;
  width: 48.57%;
  padding: 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #f2f4f6;
    border-radius: 10px;
}
.m-solul .list-item:hover{
  background-color: #fff;
  box-shadow: 0px 5px 50px 0px 
  rgba(10, 27, 64, 0.15);
}
.m-solul .item-pic{
  width: 48.43%;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.m-solul .item-text{
  width: 46.8%;
}
.m-solul .item-title{
  height: 90px;
  line-height: 30px;
  font-size: 22px;
  font-family: HarmonyOS_Sans_Medium;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.m-solul .item-title a{
  display: block;
}
.m-solul .item-link{
  margin-top: 43px;
}
.m-solul .item-link a{
  display: inline-block;
  line-height: 28px;
  font-size: 18px;
  padding-bottom: 5px;
  border-bottom: 1px solid  #28a7e1;
}
.m-solul .item-link a:hover{
  color: #28a7e1;
}

.m-solul .item-link i{
  color: #28a7e1;
  margin-left: 10px;
}
@media screen and (max-width: 1219px){
  .m-solul .list-item{
    margin-top: 20px;
    padding: 15px;
  }
  .m-solul .item-title{
    height: 44px;
    line-height: 22px;
    font-size: 14px;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .m-solul .item-link{
    margin-top: 20px;
  }
  .m-solul .item-link a{
    display: inline-block;
    line-height: 22px;
    font-size: 14px;
  }
}
@media screen and (max-width: 640px){
  .m-solul .list-item{
    width: 100%;
  }
}



/* indexBanner */

.banner .slideItem {
	position: relative;
}


.banner .slideItem .msg {
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translateX(-50%);
	height: 100%;
	pointer-events: none;
	z-index: 99;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.banner .slideItem .tit {
	font-family: HarmonyOS_Sans_Bold;
	font-size: 58px;
	line-height: 69px;
	color: #ffffff;
	display: inline-block;
	pointer-events: all;
}


.banner .slideItem .tit:hover {
	color: #20469b;
}

.banner .slideItem .btn {
	width: 230px;
	height: 50px;
	background-color: #ffffff;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: HarmonyOS_Sans;
	font-size: 18px;
	line-height: 28px;
	color: #222222;
	padding: 5px 5px 5px 25px;
	pointer-events: all;
	margin-top: 51px;
}

.banner .slideItem .btn i {
	width: 40px;
	height: 40px;
	background-color: #20469b;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	transition: .4s ease all;
	font-weight: bold;
}


.banner .slideItem .btn:hover {
	background-color: #20469b;
	color: #ffffff;
}

.banner .slideItem .btn:hover i {
	background-color: #ffffff;
	color: #20469b;
}


.banner .txts {
	font-family: HarmonyOS_Sans_Bold;
	font-size: 24px;
	line-height: 34px;
	color: #ffffff;
	pointer-events: all;
	margin-top: 15px;
	padding-bottom: 20px;
}



@media screen and (max-width:1700px){
 	.banner .slideItem .msg{
		padding: 0 60px;
	}	
	.banner .slideItem .tit{
		font-size: 40px;
		line-height: 60px;
	}
	.banner .slideItem .btn{
		font-size: 16px;
		width: 220px;
	}
	.banner .slideItem .btn i{
		font-weight: normal;
		width: 36px;
		height: 36px;
		font-size: 14px;
	}
	.banner .txts{
		padding-bottom: 0;
		font-size: 20px;
		line-height: 30px;
	}
}
@media screen and (max-width:1333px){
 	.banner .slideItem .tit{
		font-size: 32px;
		line-height: 48px;
	}	
	
	.banner .slideItem .btn i{
		width: 30px;
		height: 30px;
		font-size: 12px;
	}
	
	.banner .slideItem .btn{
		height: 42px;
		width: 200px;
		margin-top: 45px;
	}
	
	.banner .txts{
		font-size: 18px;
		line-height: 28px;
	}
}
@media screen and (max-width:999px){
 	.banner .slideItem .tit{
		font-size: 26px;
		line-height: 36px;
	}	
	.banner .slideItem .btn{
		font-size: 14px;
		height: 36px;
		width: 175px;
	}
	.banner .slideItem .btn i{
		width: 26px;
		height: 26px;
	}
	.banner .txts{
		font-size: 16px;
		line-height: 26px;
	}
}
@media screen and (max-width:768px){
	.banner .slideItem .msg{
		display: none;
	}	 
}