@charset "UTF-8";
*, *::after, *::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@font-face {
    font-family: 'SourceHanSansSC-Regular';
    src: url('/static-cms-static-css-.-SourceHanSansSC/Regular.otf.jpg'),
    url('/static-cms-static-css-.-SourceHanSansSC/Regular.otf.jpg');
    font-weight: normal;
    font-style: normal;
}

* {
    /*font-family: 'SourceHanSansSC-Regular', sans-serif;*/
    font-family: SourceHanSansCN;
}

html, body {
    height: 100%;
    font-family: 'SourceHanSansSC-Regular', sans-serif !important;
}

body {
    line-height: 1.74;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    visibility: visible;
    /*font-family: "Gordita";*/
    color: #333;
    position: relative;
    background-color: #fff
}

body.no-overflow {
    overflow: hidden
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    /*font-family: "Gordita";*/
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.41
}

h1 {
    font-size: 56px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h1 {
        font-size: 46px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1 {
        font-size: 40px
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 34px
    }
}

h2 {
    font-size: 38px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h2 {
        font-size: 32px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h2 {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    h2 {
        font-size: 26px
    }
}

h3 {
    font-size: 24px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h3 {
        font-size: 22px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h3 {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    h3 {
        font-size: 20px
    }
}

h4 {
    font-size: 20px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h4 {
        font-size: 18px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h4 {
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    h4 {
        font-size: 18px
    }
}

h5 {
    font-size: 18px
}

@media only screen and (max-width: 767px) {
    h5 {
        font-size: 16px
    }
}

h6 {
    font-size: 16px
}

p:last-child {
    margin-bottom: 0
}

a, button {
    color: inherit;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer
}

a, button, img, input {
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

*:focus {
    outline: none !important
}

a:focus {
    color: inherit;
    outline: 0;
    text-decoration: none
}

.btn.focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

a:hover {
    text-decoration: none;
    color: #1894DA
}

/*.theme-color-two a:hover {*/
/*    color: #fff;*/
/*}*/

.theme-color-three a:hover {
    color: #a50eff
}

.theme-color-four a:hover {
    color: #5974ff
}

.theme-color-five a:hover {
    color: #5138ee
}

.theme-color-six a:hover {
    color: #5138ee
}

button, input[type="submit"] {
    cursor: pointer
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.form-messege.success, .form-messege-2.success {
    color: green
}

.form-messege.error, .form-messege-2.error {
    color: red
}

.mark, mark {
    padding: 0;
    background-color: transparent
}

.font-weight--bold {
    font-weight: 800
}

.font-weight--reguler {
    font-weight: 500
}

.font-weight--normal {
    font-weight: 400
}

.font-weight--light {
    font-weight: 300
}

.text-color-primary {
    color: #1894DA
}

.text-color-secondary {
    color: #f9c322
}

.text-black {
    color: #000 !important
}

.bg-gray {
    background-color: #edf0f8
}

.bg-gray-1 {
    background-color: #fafafa
}

.bg-gray-2 {
    background-color: #f8f8f8
}

.bg-gradient {
    background: -webkit-linear-gradient(top, #FFF 0, #F5F5F5 100%)
}

select {
    padding: 3px 20px;
    height: 56px;
    max-width: 100%;
    width: 100%;
    outline: 0;
    border: 1px solid #f8f8f8;
    border-radius: 5px;
    background: #f8f8f8 url("../images/selector-icon.png") no-repeat center right 20px;
    background-color: #f8f8f8;
    -moz-appearance: none;
    -webkit-appearance: none
}

select:focus {
    background: #f8f8f8 url("../images/selector-icon.png") no-repeat center right 20px !important
}

.fixed-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.text-black {
    color: #333
}

.box-shadow-top {
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05)
}

.border {
    border: 1px solid #ededed !important
}

.border-top {
    border-top: 1px solid #ededed !important
}

.border-right {
    border-right: 1px solid #ededed !important
}

.border-bottom {
    border-bottom: 1px solid #ededed !important
}

.border-left {
    border-left: 1px solid #ededed !important
}

.border-top-dash {
    border-top: 1px dashed #ddd !important
}

.border-bottom-dash {
    border-bottom: 1px dashed #ddd !important
}

.border-top-thick {
    border-top: 2px solid #ededed !important
}

.border-bottom-thick {
    border-bottom: 2px solid #ededed !important
}

.border-top-drak {
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important
}

.border-bottom-drak {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important
}

img {
    max-width: 100%
}

.img-width {
    width: 100%
}

::-moz-selection {
    color: #fff;
    background-color: #1894DA
}

::selection {
    color: #fff;
    background-color: #1894DA
}

form input:focus::-webkit-input-placeholder {
    color: transparent
}

form input:focus:-moz-placeholder {
    color: transparent
}

form input:focus::-moz-placeholder {
    color: transparent
}

form input:focus:-ms-input-placeholder {
    color: transparent
}

form input, form textarea {
    font-weight: 500
}

form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

form input::-moz-placeholder, form textarea::-moz-placeholder {
    -moz-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
    -ms-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

form input::-ms-input-placeholder, form textarea::-ms-input-placeholder {
    -ms-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

form input::placeholder, form textarea::placeholder {
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus, select:focus, textarea:focus {
    color: #1894DA;
    border-color: #1894DA
}

input[type="checkbox"] {
    position: relative;
    background: 0;
    border-width: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 10px 0 3px;
    cursor: pointer
}

.navigation-button {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    background-color: #f4f4f4;
    font-size: 24px;
    border-radius: 50000px;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.navigation-button:hover {
    background-color: #1894DA;
    color: #fff
}

.navigation-button:last-child {
    margin-left: 10px
}

.scroll-top {
    position: fixed;
    right: 30px;
    bottom: -60px;
    z-index: 999;
    -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
    display: block;
    padding: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    line-height: 60px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    background-color: #1894DA;
    background-size: 200% auto;
    background-position: left center;
    color: #fff;
    -webkit-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow: hidden
}

@media only screen and (max-width: 479px) {
    .scroll-top {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px
    }
}

.scroll-top.show {
    visibility: visible;
    opacity: 1;
    bottom: 60px
}

.scroll-top i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.scroll-top .arrow-top {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.scroll-top .arrow-bottom {
    -webkit-transform: translate(-50%, 80px);
    -ms-transform: translate(-50%, 80px);
    transform: translate(-50%, 80px)
}

.scroll-top:hover {
    background-position: right center
}

.scroll-top:hover .arrow-top {
    -webkit-transform: translate(-50%, -80px);
    -ms-transform: translate(-50%, -80px);
    transform: translate(-50%, -80px)
}

.scroll-top:hover .arrow-bottom {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.section-space--pt_150 {
    padding-top: 150px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-space--pt_150 {
        padding-top: 100px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_150 {
        padding-top: 80px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pt_150 {
        padding-top: 60px
    }
}

.section-space--ptb_120 {
    padding-top: 120px;
    padding-bottom: 120px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--ptb_120 {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--ptb_120 {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.section-space--pt_120 {
    padding-top: 120px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_120 {
        padding-top: 80px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pt_120 {
        padding-top: 60px
    }
}

.section-space--pb_120 {
    padding-bottom: 120px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pb_120 {
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pb_120 {
        padding-bottom: 60px
    }
}

.section-space--ptb_100 {
    padding-top: 100px;
    padding-bottom: 100px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--ptb_100 {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--ptb_100 {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.section-space--pt_100 {
    padding-top: 100px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_100 {
        padding-top: 80px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pt_100 {
        padding-top: 60px
    }
}

.section-space--pb_100 {
    padding-bottom: 100px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pb_100 {
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pb_100 {
        padding-bottom: 60px
    }
}

.section-space--ptb_90 {
    padding-top: 90px;
    padding-bottom: 90px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--ptb_90 {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--ptb_90 {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.section-space--pt_90 {
    padding-top: 90px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_90 {
        padding-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pt_90 {
        padding-top: 40px
    }
}

.section-space--pb_90 {
    padding-bottom: 90px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pb_90 {
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pb_90 {
        padding-bottom: 40px
    }
}

.section-space--ptb_80 {
    padding-top: 80px;
    padding-bottom: 80px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--ptb_80 {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--ptb_80 {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.section-space--pt_80 {
    padding-top: 80px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_80 {
        padding-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pt_80 {
        padding-top: 40px
    }
}

.section-space--pb_80 {
    padding-bottom: 90px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pb_80 {
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pb_80 {
        padding-bottom: 40px
    }
}

.section-space--ptb_70 {
    padding-top: 70px;
    padding-bottom: 70px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--ptb_70 {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--ptb_70 {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.section-space--pt_70 {
    padding-top: 70px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_70 {
        padding-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pt_70 {
        padding-top: 30px
    }
}

.section-space--pb_70 {
    padding-bottom: 70px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pb_70 {
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pb_70 {
        padding-bottom: 30px
    }
}

.section-space--ptb_60 {
    padding-top: 60px;
    padding-bottom: 60px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--ptb_60 {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--ptb_60 {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.section-space--pt_60 {
    padding-top: 60px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_60 {
        padding-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pt_60 {
        padding-top: 60px
    }
}

.section-space--pb_60 {
    padding-bottom: 60px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pb_60 {
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pb_60 {
        padding-bottom: 60px
    }
}

.section-space--pt_40 {
    padding-top: 40px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_40 {
        padding-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pt_40 {
        padding-top: 30px
    }
}

.section-space--pb_40 {
    padding-bottom: 40px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pb_40 {
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--pb_40 {
        padding-bottom: 30px
    }
}

.section-space--ptb_30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.section-space--pt_30 {
    padding-top: 30px
}

.section-space--pb_30 {
    padding-bottom: 30px
}

.section-space--mt_15 {
    margin-top: 15px
}

.section-space--mt_20 {
    margin-top: 20px
}

.section-space--mt_30 {
    margin-top: 30px
}

.section-space--mt_40 {
    margin-top: 40px
}

.section-space--mt_50 {
    margin-top: 50px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mt_50 {
        margin-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--mt_50 {
        margin-top: 30px
    }
}

.section-space--mt_60 {
    margin-top: 60px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mt_60 {
        margin-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--mt_60 {
        margin-top: 30px
    }
}

.section-space--mt_70 {
    margin-top: 70px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mt_70 {
        margin-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--mt_70 {
        margin-top: 30px
    }
}

.section-space--mt_80 {
    margin-top: 80px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mt_80 {
        margin-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--mt_80 {
        margin-top: 30px
    }
}

.section-space--mt_100 {
    margin-top: 100px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mt_100 {
        margin-top: 80px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--mt_100 {
        margin-top: 60px
    }
}

.section-space--mt_120 {
    margin-top: 120px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mt_120 {
        margin-top: 80px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--mt_120 {
        margin-top: 60px
    }
}

.section-space--mb_15 {
    margin-bottom: 15px
}

.section-space--mb_20 {
    margin-bottom: 20px
}

.section-space--mb_30 {
    margin-bottom: 30px
}

.section-space--mb_40 {
    margin-bottom: 40px
}

@media only screen and (max-width: 767px) {
    .section-space--mb_40 {
        margin-bottom: 30px
    }
}

.section-space--mb_50 {
    margin-bottom: 50px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mb_50 {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--mb_50 {
        margin-bottom: 30px
    }
}

.section-space--mb_60 {
    margin-bottom: 60px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mb_60 {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--mb_60 {
        margin-bottom: 30px
    }
}

.section-space--mb_100 {
    margin-bottom: 100px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mb_100 {
        margin-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--mb_100 {
        margin-bottom: 60px
    }
}

.section-space--mb_120 {
    margin-bottom: 120px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mb_120 {
        margin-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .section-space--mb_120 {
        margin-bottom: 60px
    }
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .small-mt__0 {
        margin-top: 0
    }

    .small-mt__10 {
        margin-top: 10px
    }

    .small-mt__20 {
        margin-top: 20px
    }

    .small-mt__30 {
        margin-top: 30px
    }

    .small-mt__40 {
        margin-top: 40px
    }

    .small-mt__50 {
        margin-top: 50px
    }

    .small-mt__60 {
        margin-top: 60px
    }

    .small-mb__30 {
        margin-bottom: 30px
    }

    .small-mb__40 {
        margin-bottom: 40px
    }

    .small-mb__50 {
        margin-bottom: 50px
    }

    .small-mb__60 {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tablet-mt__0 {
        margin-top: 0
    }

    .tablet-mt__30 {
        margin-top: 30px
    }

    .tablet-mt__40 {
        margin-top: 40px
    }

    .tablet-mt__50 {
        margin-top: 50px
    }

    .tablet-mt__60 {
        margin-top: 60px
    }

    .tablet-mb__30 {
        margin-bottom: 30px
    }

    .tablet-mb__40 {
        margin-bottom: 40px
    }

    .tablet-mb__50 {
        margin-bottom: 50px
    }

    .tablet-mb__60 {
        margin-bottom: 60px
    }
}

@media (min-width: 1200px) {
    .container {
        /*max-width: 1200px*/
    }
}

.container-custom-xl {
    max-width: 1540px;
    width: 100%
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .container-custom-xl {
        max-width: 100%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container-custom-xl {
        max-width: 100%;
        width: 100%
    }
}

.container-custom-150 {
    padding-right: 115px;
    padding-left: 115px
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .container-custom-150 {
        padding-right: 50px;
        padding-left: 50px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container-custom-150 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container-custom-150 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media only screen and (max-width: 767px) {
    .container-custom-150 {
        padding-right: 15px;
        padding-left: 15px
    }
}

.row--35 {
    margin-left: -35px;
    margin-right: -35px
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row--35 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--35 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--35 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--35 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

.row--35 > [class*="col"], .row--35 > [class*="col-"] {
    padding-left: 35px;
    padding-right: 35px
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row--35 > [class*="col"], .row--35 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--35 > [class*="col"], .row--35 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--35 > [class*="col"], .row--35 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width: 767px) {
    .row--35 > [class*="col"], .row--35 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row--30 {
    margin-left: -30px;
    margin-right: -30px
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row--30 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--30 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--30 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--30 {
        margin-left: -12px !important;
        margin-right: -12px !important
    }
}

.row--30 > [class*="col"], .row--30 > [class*="col-"] {
    padding-left: 30px;
    padding-right: 30px
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row--30 > [class*="col"], .row--30 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--30 > [class*="col"], .row--30 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--30 > [class*="col"], .row--30 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width: 767px) {
    .row--30 > [class*="col"], .row--30 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row--17 {
    margin-left: -17px;
    margin-right: -17px
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row--17 {
        margin-left: -17px;
        margin-right: -17px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--17 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--17 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--17 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

.row--17 > [class*="col"], .row--17 > [class*="col-"] {
    padding-left: 17px;
    padding-right: 17px
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row--17 > [class*="col"], .row--17 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--17 > [class*="col"], .row--17 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--17 > [class*="col"], .row--17 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width: 767px) {
    .row--17 > [class*="col"], .row--17 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.row--10 {
    margin-left: -10px;
    margin-right: -10px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--10 {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--10 {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media only screen and (max-width: 767px) {
    .row--10 {
        margin-left: -10px !important;
        margin-right: -10px !important
    }
}

.row--10 > [class*="col"], .row--10 > [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--10 > [class*="col"], .row--10 > [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--10 > [class*="col"], .row--10 > [class*="col-"] {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
}

@media only screen and (max-width: 767px) {
    .row--10 > [class*="col"], .row--10 > [class*="col-"] {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
}

.section-title-two {
    position: relative;
    margin-bottom: 40px
}

.section-title-two::after {
    background-color: #e3e3e3;
    content: "";
    left: 0;
    top: 50%;
    position: absolute;
    height: 1px;
    width: 100%
}

.section-title-two h2 {
    color: #0f034a;
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 1
}

.section-title-two h2::after {
    background-color: #fff;
    content: "";
    right: -50px;
    left: auto;
    top: 50%;
    position: absolute;
    height: 90%;
    width: 50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section-title-two h2::before {
    background-color: #fff;
    content: "";
    left: -50px;
    right: auto;
    top: 50%;
    position: absolute;
    height: 90%;
    width: 50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section-title-three .title {
    color: #0f034a
}

.sub-title-four {
    color: #5974ff
}

.breadcrumb-area {
    background-color: #fafafa;
    padding: 80px 0
}

.breadcrumb-list {
    padding: 10px 20px;
    background-color: #ffebdf;
    display: inline-block;
    border-radius: 15px
}

.breadcrumb-list li {
    display: inline-block
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 1.5rem;
    position: relative
}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: .1rem;
    color: #222;
    content: '';
    height: 6px;
    width: 6px;
    background: #222;
    border-radius: 5000px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 8px
}

.btn {
    height: 50px;
    line-height: 48px;
    padding: 0 30px;
    font-weight: 500;
    border-radius: 15px
}

.btn:hover {
    background-color: #1894DA
}

.btn i {
    margin-left: 10px;
    font-size: 22px
}

.btn-primary {
    background: #1894DA;
    font-weight: 500;
    border-radius: 10px;
    color: #fff;
    border: 0
}

.btn-primary:focus {
    outline: none !important
}

.btn-primary:hover, .btn-primary:focus {
    background: #d4966f;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-primary i {
    margin-left: 10px;
    font-size: 22px
}

.btn-bg-2 {
    background-color: #1894DA;
    color: #fff
}

.btn-bg-3 {
    background-color: #a50eff;
    color: #fff
}

.btn-bg-4 {
    background-color: #5974ff;
    color: #fff
}

.btn-bg-5 {
    background-color: #fed74b;
    color: #000
}

.btn-bg-5-primary {
    background-color: #5138ee;
    color: #fff
}

.btn-bg-5-primary:hover {
    color: #222
}

.btn-bg-6 {
    background-color: #5138ee;
    color: #fff
}

.btn-bg-white {
    background-color: #fff;
    color: #0f034a
}

.btn-primary-three {
    padding: 0 30px;
    background: #f4eaff;
    font-weight: 600;
    border-radius: 10px;
    color: #0f034a;
    border: 0
}

.btn-primary-three:focus {
    outline: none !important
}

.btn-primary-three:hover, .btn-primary-three:focus {
    background: #a50eff;
    color: #fff !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-primary-three i {
    margin-left: 15px;
    font-size: 22px
}

.btn-primary-four {
    padding: 0 30px;
    background: #edf0f8;
    font-weight: 600;
    border-radius: 10px;
    color: #081131;
    border: 0
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .btn-primary-four {
        padding: 0 20px
    }
}

.btn-primary-four:focus {
    outline: none !important
}

.btn-primary-four:hover, .btn-primary-four:focus {
    background: #5974ff;
    color: #fff !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-primary-four i {
    margin-left: 15px;
    font-size: 22px
}

.btn-outline-2 {
    border: 2px solid #ddd;
    border-radius: 10px;
    color: #fff;
    padding-bottom: 2px;
    color: #1894DA
}

.btn-outline-2:hover {
    color: #fff;
    border: 2px solid #1894DA;
    background-color: #1894DA
}

.btn-large {
    padding: 0 30px;
    height: 60px;
    line-height: 60px
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .btn-large {
        padding: 0 20px
    }
}

.btn-medium {
    height: 50px;
    line-height: 50px;
    padding: 0 20px
}

.woocommerce {
    background-color: #fff1dc;
    color: #d59a46;
    border-radius: 15px
}

.woocommerce:hover {
    background-color: #d59a46;
    color: #fff
}

.wordpress {
    background-color: #e0f9f6;
    color: #3ac8bd;
    border-radius: 15px
}

.wordpress:hover {
    background-color: #3ac8bd;
    color: #fff
}

.magento {
    background-color: #fbefef;
    color: #b36262;
    border-radius: 15px
}

.magento:hover {
    background-color: #b36262;
    color: #fff
}

.laravel {
    background-color: #9c8bda;
    color: #fff;
    border-radius: 15px
}

.laravel:hover {
    background-color: #9c8bda;
    color: #fff
}

.ux-design {
    background-color: #e8f7e0;
    color: #8cad78;
    border-radius: 15px
}

.ux-design:hover {
    background-color: #8cad78;
    color: #fff
}

.online-tutorial {
    background-color: #e3f0ff;
    color: #7f9cbf;
    border-radius: 15px
}

.online-tutorial:hover {
    background-color: #7f9cbf;
    color: #fff
}

.marketing {
    background-color: #fdf0e8;
    color: #c49076;
    border-radius: 15px
}

.marketing:hover {
    background-color: #c49076;
    color: #fff
}

.javaScript {
    background-color: #ffe7da;
    color: #fe8e4b;
    border-radius: 15px
}

.javaScript:hover {
    background-color: #fe8e4b;
    color: #fff
}

.lifestyle {
    background-color: #e1fae3;
    color: #1f9a39;
    border-radius: 15px
}

.lifestyle:hover {
    background-color: #1f9a39;
    color: #fff
}

.fashion {
    background-color: #ffebdf;
    border-radius: 15px
}

.fashion:hover {
    color: #fff;
    background-color: #f3d6c5
}

.health {
    background-color: #dcf1ff;
    border-radius: 15px
}

.travel {
    background-color: #ffe6af;
    border-radius: 15px
}

.business {
    background-color: #e1f3ff;
    border-radius: 15px
}

.food {
    background-color: #f9e7a0;
    border-radius: 15px
}

.lifesytle {
    background-color: #ffebde;
    border-radius: 15px
}

.tech {
    background-color: #ffebdf;
    border-radius: 15px
}

.tech:hover {
    color: #222
}

.marketing {
    background-color: #fce7e7;
    border-radius: 15px;
    color: #222
}

.marketing:hover {
    color: #222
}

.doctor {
    background-color: #e6f9ed;
    border-radius: 15px;
    color: #222
}

.doctor:hover {
    color: #222
}

.health {
    background-color: #eaf6fd;
    border-radius: 15px;
    color: #222
}

.health:hover {
    color: #222
}

.single-testimonial-item, .single-testimonial-item-two {
    padding: 30px 35px 60px;
    background-color: #fff;
    border-radius: 15px;
    position: relative;
    margin-top: 40px
}

.single-testimonial-item::after, .single-testimonial-item-two::after {
    position: absolute;
    right: 35px;
    bottom: 20px;
    content: '';
    background: url("/static-cms-static-css-..-images-quote.png.jpg");
    background-repeat: no-repeat;
    height: 40px;
    width: 52px
}

.single-testimonial-item-two::after {
    background: url("/static-cms-static-css-..-images-quote/2.png.jpg");
    background-repeat: no-repeat
}

.single-testimonial-item-two .testimonial-author-info p {
    color: #1894DA
}

.testimonial-post-author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px
}

.testimonial-author-image {
    width: 70px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 20px
}

.testimonial-author-image img {
    border-radius: 50%;
}

.testimonial-author-info p {
    margin-top: 10px;
    color: #5974ff;
    font-size: 11px
}

.testimonial-post-content .testimonial-post-title {
    margin-bottom: 25px;
    line-height: 1.6
}

.testimonial-post-content p {
    font-size: 14px;
    line-height: 2
}

.testimonial-slider-navigation, .testimonial-slider-navigation-two {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.testimonial-slider-navigation .navigation-button, .testimonial-slider-navigation-two .navigation-button {
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #5974ff;
    text-align: center;
    font-size: 25px;
    border-radius: 10px;
    color: #5974ff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: transparent;
    margin: 10px
}

.testimonial-slider-navigation .navigation-button:hover, .testimonial-slider-navigation-two .navigation-button:hover {
    border: 2px solid #5974ff;
    background-color: #5974ff;
    color: #fff
}

.testimonial-slider-navigation-two .navigation-button {
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #1894DA;
    text-align: center;
    font-size: 25px;
    border-radius: 500000px;
    color: #fff;
    background-color: #1894DA;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 10px
}

.testimonial-slider-navigation-two .navigation-button:hover {
    border: 2px solid #222;
    background-color: #222;
    color: #fff
}

.single-popup-wrap {
    position: relative
}

.single-popup-wrap img {
    width: 100%
}

.video-link {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    display: block
}

.video-link .ht-popup-video.video-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: rgba(8, 106, 216, 0.8)
}

.video-link .ht-popup-video.video-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.video-link .ht-popup-video.video-button .video-mark {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%, -50%);
    -ms-transform: translateY(-50%, -50%);
    transform: translateY(-50%, -50%);
    pointer-events: none
}

.video-link .ht-popup-video.video-button .video-mark .wave-pulse {
    width: 1px;
    height: 0;
    margin: 0 auto
}

.video-link .ht-popup-video.video-button .video-mark .wave-pulse::after, .video-link .ht-popup-video.video-button .video-mark .wave-pulse::before {
    opacity: 0;
    content: '';
    display: block;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 3px solid #1894DA;
    -webkit-animation: zoomBig 3.25s linear infinite;
    animation: zoomBig 3.25s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.video-link .ht-popup-video.video-button .video-mark .wave-pulse::before {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.video-link .ht-popup-video .video-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.video-link .ht-popup-video .video-button__one {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-link .ht-popup-video .video-button__one .video-play {
    width: 72px;
    height: 72px;
    background: transparent;
    border: 6px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
    -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
    transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important
}

.video-link .ht-popup-video .video-button__one .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1;
    margin-left: 1px
}

.video-link .ht-popup-video .video-button__one .video-play-icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 17px solid #fff
}

.video-link .ht-popup-video .video-button__two {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-link .ht-popup-video .video-button__two .video-play {
    width: 78px;
    height: 78px;
    background: #1894DA;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 2px 41px 0 rgba(91, 99, 254, 0.36);
    box-shadow: 0 2px 41px 0 rgba(91, 99, 254, 0.36);
    border-radius: 50%;
    -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
    -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
    transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07);
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07)
}

.video-link .ht-popup-video .video-button__two .video-play-sm {
    width: 58px;
    height: 58px;
    background: #1894DA;
    border: 3px solid #fff;
    -webkit-box-shadow: 0 2px 41px 0 rgba(91, 99, 254, 0.36);
    box-shadow: 0 2px 41px 0 rgba(91, 99, 254, 0.36);
    border-radius: 50%;
    -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
    -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
    transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07);
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.07)
}

.video-link .ht-popup-video .video-button__two .video-play-sm .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1;
    margin-left: 1px
}

.video-link .ht-popup-video .video-button__two .video-play-sm .video-play-icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 12px solid #fff;
    border-top-width: 8px;
    border-bottom-width: 9px;
    border-left-width: 15px;
    border-left-color: #fff
}

.video-link .ht-popup-video .video-button__two .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1;
    margin-left: 1px
}

.video-link .ht-popup-video .video-button__two .video-play-icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 17px solid #fff;
    border-top-width: 12px;
    border-bottom-width: 12px;
    border-left-width: 19px;
    border-left-color: #fff
}

.video-link:hover .video-play, .video-link:hover .video-play-sm {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15)
}

@-webkit-keyframes zoomBig {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
        border-width: 3px
    }
    40% {
        opacity: .5;
        border-width: 2px
    }
    65% {
        border-width: 1px
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-width: 1px
    }
}

@keyframes zoomBig {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
        border-width: 3px
    }
    40% {
        opacity: .5;
        border-width: 2px
    }
    65% {
        border-width: 1px
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-width: 1px
    }
}

@keyframes zoomBig {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
        border-width: 3px
    }
    40% {
        opacity: .5;
        border-width: 2px
    }
    65% {
        border-width: 1px
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-width: 1px
    }
}

.header-sticky.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: .95s ease-in-out 0s normal none 1 running fadeInDown;
    animation: .95s ease-in-out 0s normal none 1 running fadeInDown;
    z-index: 999;
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff
}

.position--absolute {
    position: absolute;
    width: 100%;
    z-index: 5
}

.mobile-menu-right {
    margin-right: 0;
    float: right
}

.header-top-area {
    background-color: #22262a;
    padding-bottom: 10px
}

.header-top-menu-list {
    margin-top: 10px
}

.header-top-menu-list li {
    display: inline-block;
    padding-right: 20px;
    margin-right: 15px;
    position: relative
}

.header-top-menu-list li::after {
    position: absolute;
    content: "";
    right: -0px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #1894DA;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header-top-menu-list li a {
    color: #fff
}

.header-top-menu-list li a:hover {
    color: #1894DA
}

.header-top-menu-list li:last-child {
    padding-right: 0;
    margin-right: 0
}

.header-top-menu-list li:last-child::after {
    display: none
}

@media only screen and (max-width: 575px) {
    .header-top-menu-list {
        text-align: center
    }
}

.header-top-contact-info {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-top-single-contact-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    margin: 0 30px
}

.header-top-single-contact-item:first-child {
    margin-left: 0
}

.header-top-single-contact-item:last-child {
    margin-right: 0
}

.header-top-single-contact-item .text-size-small {
    font-size: 12px
}

@media only screen and (max-width: 575px) {
    .header-top-single-contact-item {
        margin: 0 5px;
        font-size: 13px
    }
}

.header-top-contact-icon {
    margin-right: 15px
}

@media only screen and (max-width: 575px) {
    .header-top-contact-icon {
        margin-right: 5px
    }
}

.header-top-right-side {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #1894DA
}

.header-top-right-side p {
    margin-bottom: 0
}

.header-top-right-side .wayder-icon {
    margin: 0 10px
}

@media only screen and (max-width: 575px) {
    .header-top-right-side {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header-mid-area {
    margin-top: 20px;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 20px
}

.header-mid-right-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.single-action-item {
    height: 45px;
    min-width: 45px;
    background: #f4f4f4;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 20px;
    border-radius: 5px
}

.single-action-item:hover {
    background: #1894DA
}

.single-action-item:first-child {
    margin-left: 0
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-action-item {
        height: 40px;
        min-width: 40px;
        margin-left: 12px
    }
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .single-action-item {
        height: 40px;
        min-width: 40px;
        margin-left: 7px
    }
}

.header-add-banner {
    position: relative
}

.header-add-banner a {
    display: block
}

.header-add-text {
    font-size: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50px;
    display: inline-block
}

.header-add-text span {
    display: block;
    font-size: 18px;
    text-align: left;
    margin-top: 3px;
    font-weight: bold
}

.social-share-area li {
    display: inline-block;
    margin-right: 15px
}

.social-share-area li:last-child {
    margin-right: 0
}

.social-share-area li a {
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #ddd;
    border-radius: 5px
}

.social-share-area li a:hover {
    background-color: #1894DA;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .social-share-area li {
        margin-right: 10px
    }
}

@media only screen and (max-width: 575px) {
    .social-share-area li {
        margin-right: 6px
    }
}

.social-share-area.social-share-border-outline li a {
    background-color: transparent;
    border-radius: 15px;
    border: 1px solid #fff;
    color: #fff
}

.social-share-area.social-share-border-outline li a:hover {
    background: #fff;
    color: #222
}

.social-share-area.social-share-normal a {
    height: auto;
    width: auto;
    line-height: auto;
    padding: 0;
    border: 0;
    background-color: transparent
}

.social-share-area.social-share-normal a:hover {
    background-color: transparent;
    color: #5138ee
}

.new-notification {
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #1894DA;
    position: absolute;
    right: 0
}

.header-two {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.header-two .header-bottom-area {
    height: 70px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header-two .header-bottom-area {
        height: auto
    }
}

.header-two-right-side {
    margin: 15px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-two-right-side .single-action-item {
    position: relative;
    border-radius: 10px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background-color: transparent
}

.header-two-right-side .single-action-item::after, .header-two-right-side .single-action-item::before {
    height: 2px;
    width: 6px;
    background-color: #fff;
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header-two-right-side .single-action-item::after {
    bottom: -2px
}

.header-two-right-side .single-action-item::before {
    top: -2px
}

.header-two-right-side .single-action-item:hover::after, .header-two-right-side .single-action-item:hover::before {
    opacity: 1;
    visibility: visible
}

.header-two-right-side .new-notification {
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #1894DA;
    position: absolute;
    right: 6px;
    top: 4px
}

.header-three .header-bottom-area {
    height: 110px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header-three .header-bottom-area {
        height: auto
    }
}

.header-three-right-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 0
}

.header-three-right-side .sign-up-action-button {
    font-size: 16px;
    font-weight: 500;
    margin-left: 20px;
    color: #fff;
    background-color: #0f034a;
    white-space: nowrap;
    line-height: 46px;
    border-radius: 20px
}



.header-three-right-side .sign-up-action-button:hover {
    background-color: #a50eff;
    color: #fff
}

@media only screen and (max-width: 575px) {
    .header-three-right-side .sign-up-action-button {
        padding: 0 10px;
        font-size: 13px
    }
}

.header-three-right-side .single-action-item {
    background-color: #efe1ff;
    border-radius: 20px;
    position: relative
}

.header-three-right-side .single-action-item .new-notification {
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #1894DA;
    position: absolute;
    right: 8px;
    top: 6px
}

.header-three-right-side .single-action-item .btn-medium {
    padding: 0 26px
}

.header-style-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header-four {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

.header-four-right-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 0;
    white-space: nowrap
}

.header-four-right-side .sign-up-action-button {
    font-size: 15px;
    font-weight: 500;
    margin-left: 20px;
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    height: 66px;
    line-height: 64px;
    padding: 0 20px
}

.header-four-right-side .sign-up-action-button:hover {
    background-color: #5974ff;
    color: #fff;
    border: 2px solid #5974ff
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .header-four-right-side .sign-up-action-button {
        padding: 0 10px;
        font-size: 13px;
        height: 46px;
        line-height: 44px
    }
}

.header-four-right-side .single-action-item {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 15px;
    position: relative;
    height: 64px;
    line-height: 64px;
    padding: 0 20px
}

.header-four-right-side .single-action-item .new-notification {
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #d83d40;
    position: absolute;
    right: 10px;
    top: 8px
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .header-four-right-side .single-action-item {
        height: 46px;
        line-height: 44px;
        padding: 0 15px
    }
}

.header-five .header-top {
    background: url("/static-cms-static-css-..-images-header/top.jpg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 0
}

.header-five .time-offer {
    color: #fff;
    font-weight: 18px
}

.header-five .time-offer .offer-text {
    color: #1894DA;
    margin-right: 15px
}

.header-five .time-offer .get-offer-btn {
    padding: 6px 16px;
    background-color: #fed74b;
    color: #000;
    border-radius: 10px;
    font-weight: 600
}

.header-five .time-offer .get-offer-btn:hover {
    background-color: #1894DA
}

.header-five .social-share-area {
    text-align: right
}

@media only screen and (max-width: 767px) {
    .header-five .social-share-area {
        text-align: center;
        margin-top: 20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-five .social-share-area li {
        margin-right: 6px
    }
}

.header-five-left-side-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header-five-left-side-box .ml-3 {
    margin-left: 60px
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .header-five-left-side-box .ml-3 {
        margin-left: 0
    }
}

.header-five-right-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 0
}

.header-five-right-side .sign-up-action-button {
    font-size: 16px;
    font-weight: 600;
    margin-left: 30px;
    border-radius: 10px
}

.header-five-right-side .sign-up-action-button:hover {
    background-color: #1894DA
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-five-right-side .sign-up-action-button {
        margin-left: 20px
    }
}

@media only screen and (max-width: 575px) {
    .header-five-right-side .sign-up-action-button {
        margin-left: 0;
        padding: 0 15px;
        font-size: 13px
    }
}

.header-five-right-side .log-in-action-btn {
    font-weight: 600
}

.header-six .header-top {
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8
}

.header-six .time-offer {
    color: #000;
    font-weight: 18px
}

.header-six .time-offer .get-offer-btn {
    padding: 6px 16px;
    background-color: #fed74b;
    color: #000;
    border-radius: 10px;
    font-weight: 600;
    margin-left: 20px
}

.header-six .time-offer .get-offer-btn:hover {
    background-color: #1894DA
}

.header-six .social-share-area {
    text-align: right
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .header-six .social-share-area {
        text-align: center
    }
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .header-six .header-bottom-area {
        margin-top: 20px
    }
}

.mobile-navigation-icon {
    width: 24px;
    height: 25px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-right: 0;
    margin-left: 15px
}

.mobile-navigation-icon:hover i {
    background-color: #1894DA
}

.mobile-navigation-icon:hover i:before {
    width: 80%;
    background-color: #1894DA
}

.mobile-navigation-icon:hover i:after {
    background-color: #1894DA;
    width: 60%
}

.mobile-navigation-icon i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
    background-color: #333;
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.mobile-navigation-icon i:before {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333;
    content: "";
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.mobile-navigation-icon i:after {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333;
    content: "";
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.mobile-navigation-icon.icon-white i {
    background-color: #fff
}

.mobile-navigation-icon.icon-white i:before {
    background-color: #fff
}

.mobile-navigation-icon.icon-white i:after {
    background-color: #fff
}

.mobile-navigation-icon.icon-white:hover i {
    background-color: #1894DA
}

.mobile-navigation-icon.icon-white:hover i:before {
    width: 80%;
    background-color: #1894DA
}

.mobile-navigation-icon.icon-white:hover i:after {
    background-color: #1894DA;
    width: 60%
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mobile-navigation-icon.white-md-icon i {
        background-color: #fff
    }

    .mobile-navigation-icon.white-md-icon i:before {
        background-color: #fff
    }

    .mobile-navigation-icon.white-md-icon i:after {
        background-color: #fff
    }

    .mobile-navigation-icon.white-md-icon:hover i {
        background-color: #1894DA
    }

    .mobile-navigation-icon.white-md-icon:hover i:before {
        width: 80%;
        background-color: #1894DA
    }

    .mobile-navigation-icon.white-md-icon:hover i:after {
        background-color: #1894DA;
        width: 60%
    }
}

.mobile-menu-overlay, .page-oppen-off-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    overflow: auto;
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 9999;
    background: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    opacity: 0
}

.mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
    -webkit-transform: translateX(120%);
    -ms-transform: translateX(120%);
    transform: translateX(120%);
    width: 400px;
    height: 100%;
    float: right;
    cursor: default;
    background: #1894DA;
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow-y: auto
}

@media only screen and (max-width: 479px) {
    .mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
        width: 300px
    }
}

.mobile-menu-overlay.active, .page-oppen-off-sidebar.active {
    visibility: visible;
    opacity: 1
}

.mobile-menu-overlay.active .mobile-menu-overlay__inner, .page-oppen-off-sidebar.active .mobile-menu-overlay__inner {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
}

.mobile-menu-overlay__header, .page-oppen-off-sidebar__header {
    background-color: #fff;
    padding: 15px 0
}

.mobile-menu-overlay__header .mobile-navigation-close-icon, .page-oppen-off-sidebar__header .mobile-navigation-close-icon {
    position: relative;
    cursor: pointer;
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: inline-block;
    margin-right: auto
}

.mobile-menu-overlay__header .mobile-navigation-close-icon:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:before {
    position: absolute;
    top: 23px;
    left: 8px;
    content: '';
    width: 24px;
    height: 3px;
    background: #000;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.mobile-menu-overlay__header .mobile-navigation-close-icon:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:after {
    position: absolute;
    top: 23px;
    left: 8px;
    content: '';
    width: 24px;
    height: 3px;
    background: #000;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.mobile-menu-overlay__header .mobile-navigation-close-icon:hover, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover {
    color: #1894DA
}

.mobile-menu-overlay__header .mobile-navigation-close-icon:hover:before, .mobile-menu-overlay__header .mobile-navigation-close-icon:hover:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.mobile-menu-overlay__body, .page-oppen-off-sidebar__body {
    padding: 20px 40px 100px
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a {
    display: block;
    color: #000;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a:hover {
    color: #000
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li:last-child, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li:last-child {
    border-bottom: 0
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children {
    position: relative
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before {
    content: '\eaa1'
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand {
    position: absolute;
    right: 0;
    top: 12px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    color: #000;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover {
    background: rgba(255, 255, 255, 0.2)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:before {
    content: '\ea99';
    font-size: 18px;
    font-family: IcoFont
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu {
    padding: 12px 0 14px 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.15)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a {
    display: block;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    line-height: 1.5;
    padding: 10px 0
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover {
    color: #000
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child {
    border-bottom: 0
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children {
    position: relative
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before {
    content: "\ea99"
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand {
    position: absolute;
    right: 0;
    top: 6px;
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.1);
    color: #000;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover {
    background: rgba(255, 255, 255, 0.2)
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before {
    content: '\ea99';
    font-size: 16px;
    font-family: IcoFont;
    font-weight: 500
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children {
    position: relative
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before {
    content: "\f106"
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before {
    content: '\f107';
    font-size: 16px;
    font-family: IcoFont;
    font-weight: 500
}

.search-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.search-overlay__inner {
    width: 100%;
    height: 100%;
    cursor: default;
    background: #fff;
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow-y: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.search-overlay.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.search-overlay__header {
    background-color: #fff;
    padding: 15px 0
}

.search-overlay__header .mobile-navigation-close-icon {
    position: relative;
    cursor: pointer;
    height: 48px;
    width: 48px;
    line-height: 48px;
    display: inline-block
}

.search-overlay__header .mobile-navigation-close-icon:before {
    position: absolute;
    top: 28px;
    left: 0;
    content: '';
    width: 42px;
    height: 3px;
    background: #000;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.search-overlay__header .mobile-navigation-close-icon:after {
    position: absolute;
    top: 28px;
    left: 0;
    content: '';
    width: 42px;
    height: 3px;
    background: #000;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.search-overlay__header .mobile-navigation-close-icon:hover {
    color: #1894DA
}

.search-overlay__header .mobile-navigation-close-icon:hover:before, .search-overlay__header .mobile-navigation-close-icon:hover:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.search-overlay__body {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 75px
}

.search-overlay__form {
    position: relative;
    max-width: 1200px;
    padding: 0 15px;
    width: 100%;
    margin: auto
}

.search-overlay__form input {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #1894DA;
    border-radius: 0;
    padding: 15px 50px 15px 0;
    width: 100%;
    color: #fff;
    font-size: 42px;
    height: 60px;
    color: #1894DA
}

@media only screen and (max-width: 767px) {
    .search-overlay__form input {
        font-size: 30px;
        height: 60px
    }
}

.search-overlay__form input::-webkit-input-placeholder {
    color: #1894DA;
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.search-overlay__form input::-moz-placeholder {
    color: #1894DA;
    -moz-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.search-overlay__form input:-ms-input-placeholder {
    color: #1894DA;
    -ms-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.search-overlay__form input::-ms-input-placeholder {
    color: #1894DA;
    -ms-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.search-overlay__form input::placeholder {
    color: #1894DA;
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.search-overlay__form input[type="text"]:focus {
    color: #1894DA;
    border-color: #1894DA
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navigation-menu {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .navigation-menu {
        display: none
    }
}

.navigation-menu > ul > li {
    margin: 0 12px;
    position: relative;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width: 1500px) and (max-width: 1599px) {
    .navigation-menu > ul > li {
        margin: 0 12px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .navigation-menu > ul > li {
        margin: 0 5px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .navigation-menu > ul > li {
        margin: 0 2px
    }
}

.navigation-menu > ul > li:last-child {
    margin-right: 0
}

.navigation-menu > ul > li:first-child {
    margin-left: 0
}

.navigation-menu > ul > li > a {
    display: block;
    color: #000;
    position: relative;
    font-size: 22px;
    font-weight: 400;
    line-height: 65px;
    -webkit-transition: all .0s ease-in-out;
    -o-transition: all .0s ease-in-out;
    transition: all .0s ease-in-out
}

.navigation-menu > ul > li > a span {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.navigation-menu > ul > li.has-children > a {
    position: relative
}

/*.navigation-menu > ul > li.has-children > a:after {*/
/*    position: static;*/
/*    margin-left: 5px;*/
/*    font-family: IcoFont;*/
/*    content: '\ea99';*/
/*    font-size: 14px;*/
/*    vertical-align: middle;*/
/*    -webkit-transition: all .3s ease-in-out;*/
/*    -o-transition: all .3s ease-in-out;*/
/*    transition: all .3s ease-in-out*/
/*}*/

.navigation-menu > ul > li.has-children--multilevel-submenu {
    position: relative
}

.navigation-menu > ul > li.has-children:hover .megamenu {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.navigation-menu > ul > li.has-children:hover .megamenu--home-variation__item {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.navigation-menu > ul > li.has-children:hover > .submenu {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.navigation-menu > ul > li:hover > a:after, .navigation-menu > ul > li.active > a:after {
    color: #1894DA;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.navigation-menu > ul > li:hover > a span, .navigation-menu > ul > li.active > a span {
    color: #1894DA;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.navigation-menu-white > ul > li > a {
    color: #000;
}

.navigation-menu-white > ul > li:hover > a::before {
    width: 100%;
}

.navigation-menu-white > ul > li > a:before {
    transition: all 0.5s;
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    content: '';
    background: #1894da;
}

.navigation-menu-white > ul > li.active > a:before {
    transition: all 0.5s;
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 4px;
    content: '';
    background: #1894da;
}

.theme-color-two .navigation-menu > ul > li:hover > a:after, .theme-color-two .navigation-menu > ul > li.active > a:after {
    color: #1894DA
}

.theme-color-two .navigation-menu > ul > li:hover > a span, .theme-color-two .navigation-menu > ul > li.active > a span {
    color: #1894DA
}

.theme-color-two .submenu {
    border-bottom: 3px solid #1894DA
}
.theme-color-two .submenu.ub56{
    width: 285px;
}
.submenu.ub66,.submenu.ub56,.submenu.ub78,.submenu.ub75{
    width: 250px;
}

.theme-color-two .submenu > li.active > a {
    color: #1894DA
}

.theme-color-two .submenu > li a > span:after {
    background-color: #1894DA
}

.theme-color-two .submenu > li > a:hover {
    color: #1894DA
}

.theme-color-two .submenu > li > a:hover > span:after {
    width: 100%;
    left: 0;
    right: auto
}

.theme-color-two .megamenu--mega > li > ul > li > a:hover {
    color: #1894DA
}

.theme-color-two .megamenu--mega > li > ul > li.active > a {
    color: #1894DA
}

.theme-color-three .navigation-menu > ul > li a {
    color: #250c83
}

.theme-color-three .navigation-menu > ul > li:hover > a:after, .theme-color-three .navigation-menu > ul > li.active > a:after {
    color: #a50eff
}

.theme-color-three .navigation-menu > ul > li:hover > a span, .theme-color-three .navigation-menu > ul > li.active > a span {
    color: #a50eff
}

.theme-color-three .submenu {
    border-bottom: 3px solid #a50eff
}

.theme-color-three .submenu > li.active > a {
    color: #a50eff
}

.theme-color-three .submenu > li a > span:after {
    background-color: #a50eff
}

.theme-color-three .submenu > li > a:hover {
    color: #a50eff
}

.theme-color-three .submenu > li > a:hover > span:after {
    width: 100%;
    left: 0;
    right: auto
}

.theme-color-three .megamenu--mega > li > ul > li > a:hover {
    color: #a50eff
}

.theme-color-three .megamenu--mega > li > ul > li.active > a {
    color: #a50eff
}

.theme-color-four .navigation-menu > ul > li:hover > a:after, .theme-color-four .navigation-menu > ul > li.active > a:after {
    color: #5974ff
}

.theme-color-four .navigation-menu > ul > li:hover > a span, .theme-color-four .navigation-menu > ul > li.active > a span {
    color: #5974ff
}

.theme-color-four .submenu {
    border-bottom: 3px solid #5974ff
}

.theme-color-four .submenu > li.active > a {
    color: #5974ff
}

.theme-color-four .submenu > li a > span:after {
    background-color: #5974ff
}

.theme-color-four .submenu > li > a:hover {
    color: #5974ff
}

.theme-color-four .submenu > li > a:hover > span:after {
    width: 100%;
    left: 0;
    right: auto
}

.theme-color-four .megamenu--mega > li > ul > li > a:hover {
    color: #5974ff
}

.theme-color-four .megamenu--mega > li > ul > li.active > a {
    color: #5974ff
}

.theme-color-five .navigation-menu > ul > li:hover > a:after, .theme-color-five .navigation-menu > ul > li.active > a:after {
    color: #5138ee
}

.theme-color-five .navigation-menu > ul > li:hover > a span, .theme-color-five .navigation-menu > ul > li.active > a span {
    color: #5138ee
}

.theme-color-five .submenu {
    border-bottom: 3px solid #5138ee
}

.theme-color-five .submenu > li.active > a {
    color: #5138ee
}

.theme-color-five .submenu > li a > span:after {
    background-color: #5138ee
}

.theme-color-five .submenu > li > a:hover {
    color: #5138ee
}

.theme-color-five .submenu > li > a:hover > span:after {
    width: 100%;
    left: 0;
    right: auto
}

.theme-color-five .megamenu--mega > li > ul > li > a:hover {
    color: #5138ee
}

.theme-color-five .megamenu--mega > li > ul > li.active > a {
    color: #5138ee
}

.theme-color-six .navigation-menu > ul > li:hover > a:after, .theme-color-six .navigation-menu > ul > li.active > a:after {
    color: #5138ee
}

.theme-color-six .navigation-menu > ul > li:hover > a span, .theme-color-six .navigation-menu > ul > li.active > a span {
    color: #5138ee
}

.theme-color-six .submenu {
    border-bottom: 3px solid #5138ee
}

.theme-color-six .submenu > li.active > a {
    color: #5138ee
}

.theme-color-six .submenu > li a > span:after {
    background-color: #5138ee
}

.theme-color-six .submenu > li > a:hover {
    color: #5138ee
}

.theme-color-six .submenu > li > a:hover > span:after {
    width: 100%;
    left: 0;
    right: auto
}

.theme-color-six .megamenu--mega > li > ul > li > a:hover {
    color: #5138ee
}

.theme-color-six .megamenu--mega > li > ul > li.active > a {
    color: #5138ee
}

.submenu {
    position: absolute;
    top: 100%;
    -webkit-box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
    border-bottom: 3px solid #1894DA;
    background-color: #fff;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    visibility: hidden;
    opacity: 0;
    min-width: 125px;
    padding: 15px 0;
    z-index: 9;
    text-align: center;
}

.submenu > li {
    position: relative
}

.submenu > li > a {
    display: block;
    padding: 5px 20px;
    color: #000;
    font-weight: 500;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s
}

.submenu > li > a > span {
    position: relative
}

.submenu > li > a > span:after {
    content: '';
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    background-color: #1894DA;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.submenu > li > a:hover {
    color: #1894DA
}

.submenu > li > a:hover > span:after {
    width: 100%;
    left: 0;
    right: auto
}

.submenu > li:hover > .submenu {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    z-index: 9
}

.submenu > li.active > a {
    color: #1894DA
}

.submenu > li.has-children > a {
    position: relative;
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.submenu > li.has-children > a:after {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: IcoFont;
    content: '\f105';
    font-size: 14px;
    vertical-align: middle;
    color: #ababab
}

.submenu > li.has-children > a:hover:after {
    color: #1894DA
}

.submenu > li.has-children.active > a {
    color: #1894DA
}

.submenu .submenu {
    top: 0;
    left: 100%;
    right: auto
}

.submenu .submenu.left {
    right: 100%;
    left: auto
}

.submenu .submenu .submenu {
    top: 0;
    left: 100%;
    right: auto
}

.submenu .submenu .submenu.left {
    right: 100%;
    left: auto
}

.submenu .submenu .submenu .submenu {
    top: 0;
    left: 100%;
    right: auto
}

.submenu .submenu .submenu .submenu.left {
    right: 100%;
    left: auto
}

.submenu .submenu .submenu .submenu .submenu {
    top: 0;
    left: 100%;
    right: auto
}

.submenu .submenu .submenu .submenu .submenu.left {
    right: 100%;
    left: auto
}

.megamenu {
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
    border-bottom: 3px solid #1894DA;
    background-color: #fff;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .7s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    visibility: hidden;
    opacity: 0;
    z-index: 9
}

.megamenu--mega {
    min-width: 980px;
    width: 100%;
    padding: 35px 20px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .megamenu--mega {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .megamenu--mega {
        min-width: 700px
    }
}

.megamenu--mega > li {
    -webkit-flex-basis: 22%;
    -ms-flex-preferred-size: 22%;
    flex-basis: 22%;
    padding-left: 15px;
    padding-right: 15px
}

.megamenu--mega > li .page-list-title {
    font-size: 14px;
    margin-bottom: 20px;
    color: #000
}

.megamenu--mega > li > ul > li > a {
    padding: 10px 0;
    color: #ababab;
    line-height: 1.2;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s
}

.megamenu--mega > li > ul > li > a:hover {
    color: #1894DA
}

.megamenu--mega > li > ul > li > a:hover span:after {
    width: 100%;
    left: 0;
    right: auto
}

.megamenu--mega > li > ul > li > a > span {
    position: relative
}

.megamenu--mega > li > ul > li > a > span:after {
    content: '';
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    background-color: #1894DA;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.megamenu--mega > li > ul > li.active > a {
    color: #1894DA
}

.footer-one .footer-top-area {
    background-color: #22262a;
    padding: 60px 0 90px
}

.footer-one .footer-top-area p {
    color: #fff
}

.footer-one .footer-bottom-area {
    background: #2d3135
}

.footer-one .footer-bottom-area p {
    color: #fff
}

.footer-widget {
    margin-top: 30px;
    max-width: 280px;
    margin-left: 40px;
}

@media only screen and (max-width: 767px) {
    .footer-widget {
        max-width: 100%
    }
}

.footer-logo {
    margin-bottom: 20px
}

.footer-socail-share {
    margin-top: 30px
}

.footer-socail-share li {
    display: inline-block;
    margin-right: 15px
}

.footer-socail-share li:last-child {
    margin-right: 0
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-socail-share li {
        margin-right: 5px
    }
}

.footer-socail-share li a {
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #2d3135;
    border-radius: 5px;
    color: #fff
}

.footer-socail-share li a:hover {
    background-color: #1894DA;
    color: #fff
}

.footer-widget-title {
    margin-bottom: 30px
}

.footer-widget-title .title {
    color: #fff
}

.footer-subscribe-center {
    margin-right: 0;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .footer-subscribe-center {
        margin-left: 0
    }
}

.footer-subscribe-area {
    margin-right: 0;
    margin-left: auto
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .footer-subscribe-area {
        margin-left: 0
    }
}

.footer-subscribe-wrap .single-input {
    margin-bottom: 15px
}

.footer-subscribe-wrap .single-input input {
    width: 100%;
    max-width: 300px;
    border: 1px solid #2d3135;
    border-radius: 10px;
    font-weight: 500;
    padding: 15px 15px;
    background-color: #2d3135;
    color: #1894DA
}

.footer-subscribe-wrap .single-input ::-webkit-input-placeholder {
    color: #fff
}

.footer-subscribe-wrap .single-input :-ms-input-placeholder {
    color: #fff
}

.footer-subscribe-wrap .single-input ::-moz-placeholder {
    color: #fff
}

.footer-subscribe-wrap .single-input ::-ms-input-placeholder {
    color: #fff
}

.footer-subscribe-wrap .single-input ::placeholder {
    color: #fff
}

.footer-menu-widget {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: -10px;
    margin-left: -5px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.single-footer-menu {
    width: 33.3333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 10px;
    margin-top: 30px
}

@media only screen and (max-width: 575px) {
    .single-footer-menu {
        width: 50%
    }
}

.single-footer-menu:last-child {
    padding-left: 50px
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .single-footer-menu:last-child {
        padding-left: 5px
    }
}

.footer-widget-menu-list li {
    margin-bottom: 10px
}

.footer-widget-menu-list li:last-child {
    margin-bottom: 0
}

.footer-widget-menu-list li a {
    color: #fff
}

.footer-bottom-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-bottom-inner .copy-right-text a {
    color: #1894DA
}

.footer-bottom-inner .button-right-box {
    margin: 10px 0
}

@media only screen and (max-width: 767px) {
    .footer-bottom-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer-bottom-inner p {
        margin-top: 20px
    }
}

.footer-bottom-area .copy-right-center {
    text-align: center
}

.footer-bottom-area .copy-right-text a {
    color: #1894DA
}

.footer-two .footer-top-area {
    background-color: #252c63;
    padding: 90px 0 110px
}

.footer-two .footer-top-area p {
    color: #fff
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-two .footer-top-area {
        padding: 60px 0 90px
    }
}

@media only screen and (max-width: 767px) {
    .footer-two .footer-top-area {
        padding: 30px 0 60px
    }
}

.footer-two .footer-bottom-area {
    background: #252c63
}

.footer-two .footer-bottom-area p {
    color: #fff
}

.footer-two .footer-bottom-area a {
    color: #1894DA
}

.footer-two .footer-socail-share li a {
    background-color: #3b4179
}

.footer-two .footer-socail-share li a:hover {
    background-color: #1894DA;
    color: #fff
}

@media only screen and (max-width: 575px) {
    .footer-two .single-footer-menu {
        width: 100%
    }
}

.footer-two .footer-subscribe-wrap .single-input input {
    border: 1px solid #353872;
    background-color: #353872
}

.footer-two .footer-bottom-area {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px 0
}

.footer-three .footer-top-area {
    background-color: #200b70
}

.footer-three .footer-widget-top {
    padding: 45px 0 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-three .footer-widget-top .footer-logo {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-three .footer-widget-top .footer-logo {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.footer-three .footer-widget-top .info-text-box {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-three .footer-widget-top .info-text-box {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
}

.footer-three .footer-widget-top .info-text-box .sub-title {
    font-size: 12px;
    color: #1894DA;
    margin-bottom: 10px
}

.footer-three .footer-widget-top .info-text-box .title {
    color: #fff;
    font-size: 32px
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .footer-three .footer-widget-top .info-text-box .title {
        font-size: 22px
    }
}

.footer-three .footer-widget-top .button-right-box {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.footer-three .footer-widget-top .button-right-box .btn-primary {
    background-color: #218b00;
    color: #fff
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-three .footer-widget-top .button-right-box {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.footer-three .footer-mid-area {
    background-color: #250c83;
    padding: 70px 0 100px
}

.footer-three .footer-mid-area .footer-subscribe-wrap .single-input input {
    border: 1px solid #453095;
    background-color: transparent;
    border-radius: 15px
}

.footer-three .footer-mid-area .button-box .btn-primary {
    border-radius: 15px
}

.footer-three .footer-socail-share li a {
    background-color: #3b4179
}

.footer-three .footer-socail-share li a:hover {
    background-color: #a50eff;
    color: #fff
}

.footer-three .footer-bottom-area {
    padding: 20px 0;
    border-top: 1px solid #3b2590;
    background-color: #250c83
}

.footer-three .footer-bottom-area p {
    color: #fff
}

.footer-three .footer-bottom-area a {
    color: #1894DA
}

.footer-four .footer-top-area {
    background-color: #5974ff
}

.footer-four .footer-widget-top {
    padding: 45px 0 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-four .footer-widget-top .info-text-box {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-four .footer-widget-top .info-text-box {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
}

.footer-four .footer-widget-top .info-text-box .sub-title {
    font-size: 12px;
    color: #fff;
    margin-bottom: 10px
}

.footer-four .footer-widget-top .info-text-box .title {
    color: #fff;
    font-size: 32px
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .footer-four .footer-widget-top .info-text-box .title {
        font-size: 22px
    }
}

.footer-four .footer-widget-top .button-right-box {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-four .footer-widget-top .button-right-box {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.footer-four .footer-widget-top .button-right-box a {
    color: #222
}

.footer-four .footer-item-space {
    padding: 100px 0
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-four .footer-item-space {
        padding: 80px 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-four .footer-item-space {
        padding: 30px 0
    }
}

@media only screen and (max-width: 767px) {
    .footer-four .footer-item-space {
        padding: 20px 0
    }
}

.footer-four .footer-widget p {
    color: #fff
}

.footer-four .footer-mid-area {
    background-color: #081131
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-four .footer-mid-area {
        padding: 50px 0
    }
}

@media only screen and (max-width: 767px) {
    .footer-four .footer-mid-area {
        padding: 40px 0
    }
}

.footer-four .footer-mid-area .footer-widget {
    margin-top: 0
}

.footer-four .footer-mid-area .footer-border {
    position: relative
}

.footer-four .footer-mid-area .footer-border::before {
    position: absolute;
    content: '';
    left: -70px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #171f3d
}

.footer-four .footer-mid-area .footer-border:last-child::after {
    position: absolute;
    content: '';
    right: -70px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #171f3d
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .footer-four .footer-mid-area .footer-border::before {
        left: -10px
    }

    .footer-four .footer-mid-area .footer-border:last-child::after {
        right: -10px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-four .footer-mid-area .footer-border::before {
        display: none
    }

    .footer-four .footer-mid-area .footer-border:last-child::after {
        display: none;
        right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-four .footer-mid-area .footer-border:last-child::after {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .footer-four .footer-mid-area .footer-border::before {
        display: none
    }

    .footer-four .footer-mid-area .footer-border:last-child::after {
        display: none
    }
}

.footer-four .footer-socail-share li a {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 15px;
    line-height: 38px
}

.footer-four .footer-socail-share li a:hover {
    border: 2px solid #5974ff;
    background-color: #5974ff;
    color: #fff
}

.footer-four .footer-bottom-area {
    padding: 20px 0;
    background-color: #081131
}

.footer-four .footer-bottom-area p {
    color: #fff
}

.footer-four .footer-bottom-area a {
    color: #5974ff
}

.footer-five .footer-top-area {
    padding: 70px 0 100px;
    background-color: #5138ee;
    background-image: url("/static-cms-static-css-..-images-footer/bg/five.jpg.jpg");
    background-size: cover
}

@media only screen and (max-width: 767px) {
    .footer-five .footer-top-area {
        padding: 30px 0 60px
    }
}

.footer-five .footer-subscribe-wrap .single-input input {
    border: 2px solid #fff;
    padding: 15px 30px;
    background-color: transparent;
    border-radius: 15px
}

.footer-five .footer-dec-text {
    color: #fff
}

.footer-five .footer-socail-share li a {
    background-color: transparent;
    border: 1px solid #fff
}

.footer-five .footer-socail-share li a:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #5138ee
}

.footer-five .footer-bottom-area {
    background-color: #462fd7;
    padding: 25px 50px 5px
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1499px) {
    .footer-five .footer-bottom-area {
        padding: 25px 0 5px
    }
}

.footer-five .copy-right-text {
    color: #fff
}

.footer-five .copy-right-text a {
    color: #fed74b
}

.footer-bottom-menu-list li {
    display: inline-block;
    padding-right: 20px;
    margin-right: 20px;
    position: relative
}

.footer-bottom-menu-list li::after {
    position: absolute;
    content: "";
    right: -0px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #1894DA;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer-bottom-menu-list li a {
    color: #fff
}

.footer-bottom-menu-list li a:hover {
    color: #1894DA
}

.footer-bottom-menu-list li:last-child {
    padding-right: 0;
    margin-right: 0
}

.footer-bottom-menu-list li:last-child::after {
    display: none
}

.scroll-button-buttom .text {
    color: #fff;
    margin-right: 10px
}

.scroll-button-buttom .right-side-scroll-up {
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: #222;
    background-color: #fed74b;
    border-radius: 10px;
    text-align: center;
    font-size: 20px
}

.footer-six .footer-top-area {
    background-color: #081b3c;
    padding: 80px 0 80px
}

.footer-six .footer-top-area .footer-newsletter-subscribe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-six .footer-top-area .footer-newsletter-subscribe .section-title {
    max-width: 500px
}

.footer-six .footer-top-area .footer-newsletter-subscribe .section-title .title {
    color: #fff
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .footer-six .footer-top-area .footer-newsletter-subscribe {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-six .footer-top-area .footer-newsletter-subscribe .section-title {
        max-width: 100%;
        margin-bottom: 30px
    }
}

.footer-six .footer-top-area .newsletter-input-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-six .footer-top-area .newsletter-input-box .newsletter-input {
    max-width: 450px;
    width: 100%;
    border: 2px solid #ddd;
    border-radius: 10px;
    margin-right: 20px;
    padding: 5px 30px;
    font-weight: 500;
    height: 60px;
    background-color: transparent
}

.footer-six .footer-top-area .newsletter-input-box .newsletter-input::-webkit-input-placeholder {
    color: #fff
}

.footer-six .footer-top-area .newsletter-input-box .newsletter-input::-moz-placeholder {
    color: #fff
}

.footer-six .footer-top-area .newsletter-input-box .newsletter-input:-ms-input-placeholder {
    color: #fff
}

.footer-six .footer-top-area .newsletter-input-box .newsletter-input::-ms-input-placeholder {
    color: #fff
}

.footer-six .footer-top-area .newsletter-input-box .newsletter-input::placeholder {
    color: #fff
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-six .footer-top-area .newsletter-input-box .newsletter-input {
        max-width: 300px
    }
}

@media only screen and (max-width: 767px) {
    .footer-six .footer-top-area .newsletter-input-box .newsletter-input {
        max-width: 100%;
        margin-bottom: 20px
    }
}

.footer-six .footer-top-area .newsletter-input-box .newsletter-input ::-webkit-input-placeholder {
    color: #fff
}

.footer-six .footer-top-area .newsletter-input-box .newsletter-input ::-moz-placeholder {
    color: #fff
}

.footer-six .footer-top-area .newsletter-input-box .newsletter-input :-ms-input-placeholder {
    color: #fff
}

.footer-six .footer-top-area .newsletter-input-box .newsletter-input ::-ms-input-placeholder {
    color: #fff
}

.footer-six .footer-top-area .newsletter-input-box .newsletter-input ::placeholder {
    color: #fff
}

@media only screen and (max-width: 767px) {
    .footer-six .footer-top-area .newsletter-input-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer-six .footer-mid-area {
    background-color: #0a1e43;
    padding: 90px 0 120px
}

.footer-six .footer-mid-area .dec-text {
    color: #fff
}

.footer-six .footer-socail-share li a {
    background-color: #5974ff
}

.footer-six .footer-socail-share li a:hover {
    background-color: #5974ff;
    color: #fff
}

.footer-six .footer-bottom-area {
    background: #0a1e43;
    border-top: 1px solid #1d3052;
    padding: 20px 0
}

.footer-six .footer-bottom-area p {
    color: #fff
}

.footer-six .footer-bottom-area a {
    color: #fff
}

.footer-six .footer-bottom-area .right-side-scroll-up {
    background-color: #5974ff
}

@media only screen and (max-width: 767px) {
    .footer-six .footer-bottom-area {
        text-align: center
    }

    .footer-six .footer-bottom-area .scroll-button-buttom {
        margin-top: 10px
    }
}

.hero-area {
    background-color: #f7f7f7;
    padding: 80px 0
}

.hero-inner-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: -15px;
    margin-left: -15px
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .hero-inner-area {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.hero-category-area {
    max-width: 290px;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-category-area {
        width: 35%
    }
}

@media only screen and (max-width: 767px) {
    .hero-category-area {
        width: 35%
    }
}

@media only screen and (max-width: 575px) {
    .hero-category-area {
        width: 100%;
        max-width: 100%
    }
}

.single-hero-category-item {
    display: block;
    margin-bottom: 28px;
    position: relative
}

.single-hero-category-item:last-child {
    margin-bottom: 0
}

.single-hero-category-item img {
    border-radius: 15px;
    width: 100%
}

.single-hero-category-item::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.single-hero-category-item:hover::after {
    opacity: 1;
    visibility: visible
}

.single-hero-category-item:hover .hero-category-inner-box {
    opacity: 1;
    visibility: visible
}

.hero-category-inner-box {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 10px 30px;
    color: #fff;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-category-inner-box {
        padding: 5px 10px
    }
}

@media only screen and (max-width: 767px) {
    .hero-category-inner-box {
        padding: 5px 10px
    }
}

@media only screen and (max-width: 575px) {
    .hero-category-inner-box {
        padding: 10px 30px
    }
}

.hero-category-inner-box .title {
    color: #fff
}

.hero-category-inner-box .icon {
    font-size: 28px;
    height: 40px;
    width: 40px;
    background-color: #1894DA;
    line-height: 40px;
    text-align: center;
    border-radius: 50000px
}

.hero-banner-area {
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-banner-area {
        width: 64%
    }
}

@media only screen and (max-width: 767px) {
    .hero-banner-area {
        width: 64%
    }
}

@media only screen and (max-width: 575px) {
    .hero-banner-area {
        margin-top: 45px;
        width: 100%;
        max-width: 100%
    }
}

.hero-banner-area a {
    display: block
}

.hero-banner-area a img {
    border-radius: 15px;
    width: 100%
}

.hero-blog-post {
    max-width: 375px;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (max-width: 575px) {
    .hero-blog-post {
        max-width: 100%;
        width: 100%;
        margin-top: 45px
    }
}

.single-hero-blog-post {
    margin-top: 45px
}

.single-hero-blog-post:first-child {
    margin-top: 0
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-hero-blog-post {
        margin-top: 25px
    }
}

.hero-blog-post-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-blog-post-top {
        margin-bottom: 10px
    }
}

.hero-blog-post-category {
    margin-right: 25px
}

.hero-blog-post-category a {
    min-width: 100px;
    background: #ffebdf;
    text-align: center;
    padding: 6px 5px;
    border-radius: 10px
}

.hero-blog-post-author {
    color: #9b9ea1
}

.hero-blog-post-author a {
    color: #000
}

.hero-blog-post-title {
    margin-bottom: 20px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-blog-post-title {
        margin-bottom: 10px
    }
}

.hero-blog-post-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.post-meta-left-side span {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 13px
}

.post-meta-left-side span::after {
    position: absolute;
    content: "";
    right: -0px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #000;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.post-meta-left-side span a:hover {
    color: #1894DA
}

.post-meta-left-side span:last-child {
    padding-right: 0;
    margin-right: 0
}

.post-meta-left-side span:last-child::after {
    display: none
}

.post-meta-right-side a {
    margin-left: 10px
}

.hero-area-two-wrapper {
    position: relative
}

.hero-area-two-wrapper .hero-two-banner-text {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%
}

.hero-area-two {
    background: url("/static-cms-static-css-..-images-home/2/hero/bg.jpg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 850px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #091d40
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-area-two {
        height: 750px
    }
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-area-two {
        height: auto;
        padding: 150px 0 100px
    }
}

.hero-area-overly {
    position: relative
}

.hero-area-overly::before {
    content: '';
    background-color: rgba(15, 0, 84, 0.7);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.hero-area--two-innter {
    position: relative
}

.hero-area--two-innter .sub-title {
    color: #1894DA;
    text-transform: uppercase;
    letter-spacing: 1px
}

.hero-area--two-innter .hero-title {
    color: #fff;
    font-size: 95px;
    font-weight: bold
}

.hero-area--two-innter .hero-title-small {
    font-size: 60px;
    color: #fff;
    font-weight: bold
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-area--two-innter .hero-title {
        font-size: 75px
    }

    .hero-area--two-innter .hero-title-small {
        font-size: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-area--two-innter .hero-title {
        font-size: 65px
    }

    .hero-area--two-innter .hero-title-small {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .hero-area--two-innter .hero-title {
        font-size: 45px
    }

    .hero-area--two-innter .hero-title-small {
        font-size: 20px
    }
}

@media only screen and (max-width: 575px) {
    .hero-area--two-innter .hero-title {
        font-size: 45px
    }

    .hero-area--two-innter .hero-title-small {
        font-size: 20px
    }
}

.hero-two-tag {
    max-width: 750px;
    margin: 60px auto 0
}

.hero-two-tag a {
    margin: 10px;
    padding: 0 35px;
    height: 50px;
    line-height: 46px;
    border: 2px solid #fff
}

.hero-two-tag a:hover {
    color: #fff
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-two-tag {
        margin: 40px auto 0
    }
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-two-tag {
        margin: 30px auto 0
    }
}

@media only screen and (max-width: 575px) {
    .hero-two-tag a {
        margin: 5px
    }
}

.hero-area-three {
    background: url("/static-cms-static-css-..-images-home/3/hero/bg.jpg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 830px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #091d40
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-area-three {
        height: 600px
    }
}

.hero-area-three-post .title {
    color: #fff;
    font-size: 45px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-area-three-post .title {
        font-size: 36px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-area-three-post .title {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .hero-area-three-post .title {
        font-size: 28px
    }
}

.hero-area-three-post .dec {
    color: #fff;
    max-width: 470px;
    font-size: 18px
}

.hero-area-three-post-author {
    color: #9b9ea1;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 18px
}

.hero-area-three-post-author a {
    color: #fff
}

.hero-area-three-post-meta {
    margin-top: 25px
}

.hero-area-three-post-meta > span {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 17px;
    color: #fff
}

.hero-area-three-post-meta > span::after {
    position: absolute;
    content: "";
    right: -0px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #fff;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hero-area-three-post-meta > span:last-child {
    padding-right: 0;
    margin-right: 0
}

.hero-area-three-post-meta > span:last-child::after {
    display: none
}

.hero-three-box {
    margin-right: -60px;
    margin-left: 60px
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .hero-three-box {
        margin-right: 0;
        margin-left: 0
    }
}

.hero-three-inner-image {
    margin-bottom: 20px;
    border-radius: 20px;
    border: 1px solid #ddd;
    padding: 15px
}

.hero-three-inner-image img {
    border-radius: 20px
}

.hero-swiper-pagination {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hero-swiper-pagination .swiper-pagination-bullet {
    height: 16px;
    width: 16px;
    border-radius: 100%;
    background-color: #8b61b7;
    margin: 5px
}

.hero-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

.hero-three-category {
    text-align: center
}

.hero-three-category a {
    margin: 15px;
    min-width: 200px;
    text-align: center;
    height: 66px;
    line-height: 66px;
    border-radius: 15px;
    background: #f4eaff
}

.hero-three-category a:hover {
    background: #a50eff
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-three-category a {
        min-width: 140px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-three-category a {
        min-width: auto;
        margin: 10px 2px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-three-category a {
        min-width: auto;
        margin: 10px 2px
    }
}

@media only screen and (max-width: 767px) {
    .hero-three-category a {
        min-width: auto;
        margin: 10px 2px
    }
}

.hero-three-category .category-step-2 {
    width: 90%;
    margin: auto
}

.hero-area-four {
    background: url("/static-cms-static-css-..-images-home/4/hero/bg.jpg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #091d40;
    height: 820px;
    padding-top: 150px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-area-four {
        height: 700px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-area-four {
        height: 650px
    }
}

@media only screen and (max-width: 767px) {
    .hero-area-four {
        height: 600px
    }
}

@media only screen and (max-width: 575px) {
    .hero-area-four {
        height: 600px
    }
}

@media only screen and (max-width: 479px) {
    .hero-area-four {
        height: 700px
    }
}

.hero-four-image {
    margin-top: -380px;
    z-index: 1;
    position: relative;
    text-align: center
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-four-image {
        margin-top: -220px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-four-image {
        margin-top: -220px
    }
}

@media only screen and (max-width: 767px) {
    .hero-four-image {
        margin-top: -200px
    }
}

@media only screen and (max-width: 575px) {
    .hero-four-image {
        margin-top: -150px
    }
}

@media only screen and (max-width: 479px) {
    .hero-four-image {
        margin-top: -150px
    }
}

.hero-four-inner-image {
    padding: 15px;
    border: 2px solid #edf0f8;
    max-width: 770px;
    border-radius: 15px;
    margin: auto
}

.hero-four-inner-image img {
    border-radius: 15px
}

.hero-area-four-post {
    margin-bottom: 40px
}

.hero-area-four-post .title {
    color: #fff;
    font-size: 52px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-area-four-post .title {
        font-size: 46px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-area-four-post .title {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .hero-area-four-post .title {
        font-size: 28px
    }
}

.hero-area-four-post .dec {
    color: #fff
}

.hero-area-three-post-author {
    color: #9b9ea1;
    margin-bottom: 10px;
    font-weight: 600
}

.hero-area-three-post-author a {
    color: #fff
}

.hero-area-four-post-meta {
    margin-top: 20px
}

.hero-area-four-post-meta > span {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 13px;
    color: #5974ff
}

.hero-area-four-post-meta > span::after {
    position: absolute;
    content: "";
    right: -0px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #5974ff;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hero-area-four-post-meta > span a {
    color: #fff
}

.hero-area-four-post-meta > span.time {
    color: #fff
}

.hero-area-four-post-meta > span:last-child {
    padding-right: 0;
    margin-right: 0
}

.hero-area-four-post-meta > span:last-child::after {
    display: none
}

.slider-four-slider-navigation .navigation-button {
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 1px solid #e7e5ed;
    text-align: center;
    font-size: 25px;
    border-radius: 10px;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    background-color: transparent;
    left: 100px;
    right: auto
}

.slider-four-slider-navigation .navigation-button.slider-four-button-prev {
    right: 100px;
    left: auto
}

.slider-four-slider-navigation .navigation-button:hover {
    border: 1px solid #363449;
    background-color: #363449
}

.hero-four-category {
    border-top: 1px solid #edf0f8;
    border-bottom: 1px solid #edf0f8;
    padding: 15px 0
}

.hero-four-category .category-step-1 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px
}

@media only screen and (max-width: 767px) {
    .hero-four-category .category-step-1 {
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.hero-four-category a {
    margin: 15px;
    min-width: 200px;
    text-align: center;
    border-radius: 15px
}

.hero-four-category a:hover {
    color: #fff
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-four-category a {
        min-width: 140px;
        margin: 10px 2px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-four-category a {
        min-width: auto;
        margin: 10px 2px
    }
}

@media only screen and (max-width: 767px) {
    .hero-four-category a {
        min-width: auto;
        margin: 10px 10px;
        padding: 0 18px
    }
}

.hero-four-category .category-step-2 {
    width: 90%;
    margin: auto
}

.hero-area-five {
    padding: 120px 0
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-area-five {
        padding: 100px 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-area-five {
        padding: 80px 0
    }
}

@media only screen and (max-width: 767px) {
    .hero-area-five {
        padding: 60px 0
    }
}

.hero-five-text .sub-title {
    color: #1894DA;
    text-transform: uppercase;
    margin-bottom: 30px
}

.hero-five-text .title {
    display: block;
    font-size: 60px;
    font-weight: 700
}

.hero-five-text .title .hero-five-title {
    font-size: 90px;
    display: inline-block;
    position: relative;
    line-height: 1
}

.hero-five-text .title .hero-five-title::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 2px;
    height: 25px;
    width: 100%;
    background-color: #fed74b;
    z-index: -1
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-five-text .title .hero-five-title {
        font-size: 80px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-five-text .title .hero-five-title {
        font-size: 40px
    }

    .hero-five-text .title .hero-five-title::after {
        height: 20px
    }
}

@media only screen and (max-width: 767px) {
    .hero-five-text .title .hero-five-title {
        font-size: 34px
    }

    .hero-five-text .title .hero-five-title::after {
        height: 15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-five-text .title {
        font-size: 46px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-five-text .title {
        font-size: 40px
    }
}

@media only screen and (max-width: 767px) {
    .hero-five-text .title {
        font-size: 34px
    }
}

@media only screen and (max-width: 575px) {
    .hero-five-text .title {
        font-size: 30px
    }
}

.hero-five-text .hero-text-dec {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 600;
    max-width: 540px
}

.hero-five-text .button-box .btn-bg-5 {
    background-color: #5138ee;
    color: #fff
}

.hero-five-text .button-box .btn-bg-5:hover {
    color: #fff
}

.hero-five-category {
    margin-right: -30px
}

.hero-five-category a {
    margin-right: 25px;
    margin-top: 25px
}

.hero-five-category a:hover {
    color: #fff
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .hero-five-category a {
        margin-right: 20px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-five-category a {
        margin-right: 15px
    }
}

@media only screen and (max-width: 767px) {
    .hero-five-category a {
        margin-right: 5px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .hero-five-category {
        margin-right: 0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-five-category {
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .hero-five-category {
        margin-right: 0
    }
}

.hero-six-area {
    padding: 60px 0 100px
}

.hero-slide-six-image {
    display: block
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slide-six-image img {
        width: 100%
    }
}

.hero-slide-post-content {
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slide-post-content {
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slide-post-content {
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .hero-slide-post-content {
        margin-left: 0
    }
}

.hero-slide-post-author {
    color: #9b9ea1
}

.hero-slide-post-author a {
    color: #091d40
}

@media only screen and (max-width: 479px) {
    .hero-slide-post-author {
        font-size: 12px
    }
}

.hero-slide-post-title {
    margin-bottom: 25px;
    font-size: 32px;
    font-weight: 800;
    color: #0f034a
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slide-post-title {
        font-size: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slide-post-title {
        font-size: 22px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 767px) {
    .hero-slide-post-title {
        font-size: 22px
    }
}

.hero-slide-post-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media only screen and (max-width: 479px) {
    .hero-slide-post-meta {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.hero-slide-post-meta span {
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
    font-size: 13px;
    font-weight: 600
}

.hero-slide-post-meta span::after {
    position: absolute;
    content: "";
    right: -5px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #091d40;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hero-slide-post-meta span a:hover {
    color: #5974ff
}

.hero-slide-post-meta span:last-child {
    padding-right: 0;
    margin-right: 0
}

.hero-slide-post-meta span:last-child::after {
    display: none
}

.hero-read-more-button a {
    border-bottom: 1px solid #ddd;
    display: inline-block;
    font-weight: 600;
    color: #0f034a
}

.hero-read-more-button a i {
    font-size: 18px;
    margin-left: 10px
}

.slider-six-slider-navigation .navigation-button {
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #e6e8ec;
    text-align: center;
    font-size: 25px;
    border-radius: 10px;
    color: #333;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    left: 100px;
    right: auto;
    position: absolute;
    top: 50%;
    z-index: 1;
    background-color: transparent
}

.slider-six-slider-navigation .navigation-button.slider-six-button-prev {
    right: 100px;
    left: auto
}

.slider-six-slider-navigation .navigation-button:hover {
    border: 1px solid #5138ee;
    background-color: #5138ee;
    color: #fff
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .slider-six-slider-navigation .navigation-button {
        left: 20px
    }

    .slider-six-slider-navigation .navigation-button.slider-six-button-prev {
        right: 20px
    }
}

.trending-article-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: -15px;
    margin-left: -15px
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .trending-article-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.trending-article-left-side {
    max-width: 515px;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .trending-article-left-side {
        max-width: 100%
    }
}

.trending-article-right-side {
    max-width: 675px;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .trending-article-right-side {
        margin-top: 30px
    }
}

.trending-single-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px
}

.trending-single-item:first-child {
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .trending-single-item {
        margin-top: 20px
    }
}

.trending-single-item .trending-post-thum {
    max-width: 160px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only screen and (max-width: 479px) {
    .trending-single-item .trending-post-thum {
        max-width: 100px
    }
}

.trending-single-item .trending-post-thum img {
    height: 100%;
    vertical-align: middle;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}

.trending-single-item .trending-post-content {
    margin-left: 30px
}

@media only screen and (max-width: 479px) {
    .trending-single-item .trending-post-content {
        margin-left: 15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .trending-single-item .trending-post-content {
        margin-left: 15px
    }
}

.trending-blog-post-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

@media only screen and (max-width: 479px) {
    .trending-blog-post-top {
        margin-bottom: 10px
    }
}

.trending-blog-post-category {
    margin-right: 25px
}

.trending-blog-post-category a {
    min-width: 100px;
    text-align: center;
    padding: 4px 5px;
    border-radius: 10px;
    color: #fff;
    background: #ffc107;
}

@media only screen and (max-width: 479px) {
    .trending-blog-post-category {
        margin-right: 15px
    }

    .trending-blog-post-category a {
        min-width: 40px;
        font-size: 12px;
        padding: 2px 5px
    }
}

.trending-blog-post-author {
    color: #9b9ea1
}

.trending-blog-post-author a {
    color: #000
}

@media only screen and (max-width: 479px) {
    .trending-blog-post-author {
        font-size: 12px
    }
}

.trending-blog-post-title {
    margin-bottom: 15px
}

.trending-blog-post-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.trending-meta-left-side span {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 13px
}

.trending-meta-left-side span::after {
    position: absolute;
    content: "";
    right: -0px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #000;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.trending-meta-left-side span a:hover {
    color: #1894DA
}

.trending-meta-left-side span:last-child {
    padding-right: 0;
    margin-right: 0
}

.trending-meta-left-side span:last-child::after {
    display: none
}

.post-meta-right-side a {
    margin-left: 10px
}

.large-banner-trending-article {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.large-banner-trending-article .trending-single-item {
    margin-top: 45px
}

.large-banner-trending-article .trending-single-item:first-child {
    margin-top: 15px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .large-banner-trending-article .trending-single-item {
        margin-top: 25px
    }

    .large-banner-trending-article .trending-single-item:first-child {
        margin-top: 5px
    }
}

@media only screen and (max-width: 479px) {
    .large-banner-trending-article .trending-single-item {
        margin-top: 15px
    }
}

.trending-large-post-thum {
    max-width: 315px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) {
    .trending-large-post-thum {
        max-width: 160px
    }
}

@media only screen and (max-width: 479px) {
    .trending-large-post-thum {
        max-width: 100px
    }
}

.trending-large-post-thum img {
    height: 100%;
    vertical-align: middle;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}

.trending-tody-content {
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 40px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .trending-tody-content {
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .trending-tody-content {
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .trending-tody-content {
        margin-left: 0
    }
}

.trending-tody-post-author {
    color: #9b9ea1;
    margin-bottom: 10px;
    font-size: 18px
}

.trending-tody-post-author a {
    color: #5974ff
}

@media only screen and (max-width: 479px) {
    .trending-tody-post-author {
        font-size: 12px
    }
}

.trending-tody-post-title {
    margin-bottom: 20px;
    font-size: 52px
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .trending-tody-post-title {
        font-size: 42px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .trending-tody-post-title {
        font-size: 36px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .trending-tody-post-title {
        font-size: 26px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 767px) {
    .trending-tody-post-title {
        font-size: 26px
    }
}

.trending-tody-content .dec {
    font-size: 18px
}

.trending-tody-post-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17px
}

.trending-tody-post-meta span {
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
    font-size: 13px;
    font-weight: 600
}

.trending-tody-post-meta span::after {
    position: absolute;
    content: "";
    right: -5px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #5974ff;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.trending-tody-post-meta span a:hover {
    color: #5974ff
}

.trending-tody-post-meta span:last-child {
    padding-right: 0;
    margin-right: 0
}

.trending-tody-post-meta span:last-child::after {
    display: none
}

.trending-tody-swiper-pagination {
    margin-top: 80px;
    text-align: center
}

.trending-tody-swiper-pagination .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
    border-radius: 5000px;
    background-color: #0f034a;
    margin: 10px
}

.trending-tody-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #5974ff;
    border-radius: 5000px
}

@media only screen and (max-width: 767px) {
    .trending-tody-swiper-pagination {
        margin-top: 40px
    }
}

.trending-tody-two-box {
    background-color: #fff;
    padding: 43px 40px;
    border-radius: 15px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.trending-tody-two-box .trending-tody-two-post-title {
    font-size: 18px
}

.trending-tody-two-box:hover {
    background-color: #5138ee
}

.trending-tody-two-box:hover .trending-tody-two-post-author {
    color: #fff
}

.trending-tody-two-box:hover .trending-tody-two-post-author a {
    color: #fff
}

.trending-tody-two-box:hover .trending-tody-two-post-title {
    color: #fff
}

.trending-tody-two-box:hover .trending-tody-two-post-meta {
    color: #fff
}

.trending-tody-two-box:hover .trending-tody-two-post-meta span::after {
    background: #fff
}

.trending-tody-two-post-author {
    color: #9b9ea1;
    margin-bottom: 12px;
    font-weight: 500;
    -webkit-transition: 0s ease-in-out;
    -o-transition: 0s ease-in-out;
    transition: 0s ease-in-out
}

.trending-tody-two-post-author a {
    color: #0f034a;
    -webkit-transition: 0s ease-in-out;
    -o-transition: 0s ease-in-out;
    transition: 0s ease-in-out
}

@media only screen and (max-width: 479px) {
    .trending-tody-two-post-author {
        font-size: 12px
    }
}

.trending-tody-two-post-title {
    color: #0f034a
}

.trending-tody-two-post-title a {
    -webkit-transition: 0s ease-in-out;
    -o-transition: 0s ease-in-out;
    transition: 0s ease-in-out
}

.trending-tody-two-post-title a:hover {
    color: #fff
}

.trending-tody-two-post-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    color: #7e7e7e
}

.trending-tody-two-post-meta span {
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
    font-size: 13px;
    font-weight: 500
}

.trending-tody-two-post-meta span::after {
    position: absolute;
    content: "";
    right: -5px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #0f034a;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.trending-tody-two-post-meta span a {
    -webkit-transition: 0s ease-in-out;
    -o-transition: 0s ease-in-out;
    transition: 0s ease-in-out
}

.trending-tody-two-post-meta span a:hover {
    color: #5974ff
}

.trending-tody-two-post-meta span:last-child {
    padding-right: 0;
    margin-right: 0
}

.trending-tody-two-post-meta span:last-child::after {
    display: none
}

.trending-tody-two-slider-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.trending-tody-two-slider-navigation .navigation-button {
    color: #0f034a;
    font-size: 24px;
    height: 20px;
    line-height: 20px;
    background-color: transparent;
    border-radius: 0
}

.trending-tody-two-slider-navigation .navigation-button.trending-tody-button-prev {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #dadada
}

.from-following-hader-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 40px
}

@media only screen and (max-width: 575px) {
    .from-following-hader-area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .from-following-hader-area .section-title {
        margin-bottom: 20px
    }
}

.from-following-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -0.5rem
}

.from-following-left-side {
    max-width: 873px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .from-following-left-side {
        max-width: 650px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .from-following-left-side {
        min-width: 100%;
        max-width: 100%
    }
}

.from-following-right-side {
    max-width: 335px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.following-post-thum {
    display: block
}

.following-post-thum img {
    border-radius: 15px
}

.single-following-post {
    margin-bottom: 40px
}

.following-blog-post-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 25px
}

@media only screen and (max-width: 479px) {
    .following-blog-post-top {
        margin-bottom: 10px
    }
}

.following-blog-post-category {
    margin-right: 25px
}

.following-blog-post-category a {
    min-width: 100px;
    background: #ffebdf;
    text-align: center;
    padding: 4px 5px;
    border-radius: 10px
}

@media only screen and (max-width: 479px) {
    .following-blog-post-category {
        margin-right: 15px
    }

    .following-blog-post-category a {
        min-width: 40px;
        font-size: 12px;
        padding: 2px 5px
    }
}

.following-blog-post-author {
    color: #9b9ea1
}

.following-blog-post-author a {
    color: #000
}

@media only screen and (max-width: 479px) {
    .following-blog-post-author {
        font-size: 12px
    }
}

.following-blog-post-title {
    margin-bottom: 15px
}

.following-blog-post-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.following-meta-left-side span {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 13px
}

.following-meta-left-side span::after {
    position: absolute;
    content: "";
    right: -0px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #000;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.following-meta-left-side span a:hover {
    color: #1894DA
}

.following-meta-left-side span:last-child {
    padding-right: 0;
    margin-right: 0
}

.following-meta-left-side span:last-child::after {
    display: none
}

.following-author-area {
    border: 1px solid #f3f3f3;
    border-radius: 10px;
    text-align: center;
    padding: 30px 15px
}

.following-author-area .author-image {
    border: 1px solid #f3f3f3;
    display: inline-block;
    border-radius: 50000px;
    width: 150px;
    height: 150px;
    padding: 11px;
    margin-bottom: 25px
}

.following-author-area .author-image img {
    border-radius: 50%;
}

.following-author-area .author-title {
    margin-bottom: 20px
}

.following-author-area .author-details p {
    margin-bottom: 20px
}

.following-author-area .author-post-share {
    margin-bottom: 30px
}

.following-add-banner {
    margin-top: 40px
}

.trending-topic-section-title {
    max-width: 232px;
    padding: 0 15px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .trending-topic-section-title {
        max-width: 200px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .trending-topic-section-title {
        max-width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .trending-topic-section-title {
        max-width: 100%
    }
}

.trending-topic-item-wrap {
    max-width: 968px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .trending-topic-item-wrap {
        max-width: 758px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .trending-topic-item-wrap {
        max-width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .trending-topic-item-wrap {
        max-width: 100%
    }
}

.single-trending-topic-item {
    text-align: center
}

.single-trending-topic-item a {
    display: block;
    min-width: 120px;
    max-width: 100%;
    position: relative
}

.single-trending-topic-item a img {
    border-radius: 15px;
    width: 100%
}

.single-trending-topic-item a .title {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
    color: #fff
}

.trending-topic-navigation {
    margin-bottom: 20px
}

.trending-topic-navigation .navigation-button {
    background-color: #313438;
    color: #fff
}

.trending-topic-navigation .navigation-button:hover {
    background-color: #1894DA
}

.newsletter-subscribe-inner {
    background-color: #fff;
    padding: 70px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter-subscribe-inner {
        padding: 70px 50px
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-subscribe-inner {
        padding: 60px 30px
    }
}

@media only screen and (max-width: 575px) {
    .newsletter-subscribe-inner {
        padding: 60px 20px
    }
}

.newsletter-input-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    position: relative
}

.newsletter-input-box .newsletter-input {
    max-width: 450px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-right: 20px;
    padding: 5px 15px;
    font-weight: 500;
    height: 60px
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter-input-box .newsletter-input {
        max-width: 300px
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-input-box .newsletter-input {
        max-width: 100%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-input-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.newsletter-inner-image .newsletter-image-01 {
    position: absolute;
    bottom: 0;
    left: 18%;
    z-index: 0
}

.newsletter-inner-image .newsletter-image-02 {
    position: absolute;
    bottom: 0;
    right: 34px;
    z-index: 0
}

.related-newsletter-box {
    background: url("/static-cms-static-css-..-images-home/two/newsletter/bg.jpg.jpg");
    border-radius: 10px;
    background-size: cover;
    background-position: center
}

.related-newsletter-inner-box {
    max-width: 730px;
    margin: auto;
    text-align: center;
    padding: 80px 15px
}

.related-newsletter-inner-box .title {
    color: #fff;
    font-size: 44px;
    font-weight: bold
}

.related-newsletter-inner-box .title .normal-width {
    font-weight: 500
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .related-newsletter-inner-box .title {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .related-newsletter-inner-box .title {
        font-size: 30px
    }
}

.related-newsletter-three-box {
    background: url("/static-cms-static-css-..-images-home/three/newsletter/bg.jpg.jpg");
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    position: relative
}

.related-newsletter-three-inner-box {
    max-width: 894px;
    text-align: left;
    padding: 80px 100px
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .related-newsletter-three-inner-box {
        padding: 60px 40px
    }
}

@media only screen and (max-width: 575px) {
    .related-newsletter-three-inner-box {
        padding: 60px 40px 100px
    }
}

.related-newsletter-three-inner-box .title {
    color: #fff;
    font-weight: bold;
    font-size: 44px
}

.related-newsletter-three-inner-box .title .normal-width {
    font-weight: 500
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .related-newsletter-three-inner-box .title {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .related-newsletter-three-inner-box .title {
        font-size: 30px
    }
}

.subscribe-today-update {
    position: absolute;
    bottom: 60px;
    right: 70px;
    width: 250px
}

.subscribe-today-update .today-update-text {
    font-size: 28px;
    color: #fff;
    font-weight: 400
}

.subscribe-today-update .today-update-text span {
    font-weight: 600
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .subscribe-today-update {
        right: 40px
    }

    .subscribe-today-update .today-update-text {
        font-size: 22px
    }
}

@media only screen and (max-width: 767px) {
    .subscribe-today-update {
        right: 20px
    }

    .subscribe-today-update .today-update-text {
        font-size: 18px
    }
}

@media only screen and (max-width: 575px) {
    .subscribe-today-update {
        left: 45px;
        bottom: 30px;
        width: 150px
    }

    .subscribe-today-update .today-update-text {
        font-size: 18px
    }
}

.newsletter-four-box {
    background: url("/static-cms-static-css-..-images-home/four/newsletter/bg.jpg.jpg");
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-color: #fff;
    padding: 70px;
    border-radius: 15px;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter-four-box {
        padding: 70px 50px
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-four-box {
        padding: 60px 30px
    }
}

@media only screen and (max-width: 575px) {
    .newsletter-four-box {
        padding: 60px 20px
    }
}

.newsletter-four-box .title {
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 44px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter-four-box .title {
        font-size: 36px
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-four-box .title {
        font-size: 30px
    }
}

.newsletter-four-box p {
    color: #fff;
    font-size: 25px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter-four-box p {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-four-box p {
        font-size: 18px
    }
}

.newsletter-four-box .newsletter-input-box {
    margin-top: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.newsletter-four-box .newsletter-input-box .newsletter-input {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 15px;
    padding: 0 30px
}

.newsletter-four-box .newsletter-input-box .newsletter-input::-webkit-input-placeholder {
    color: #fff
}

.newsletter-four-box .newsletter-input-box .newsletter-input:-ms-input-placeholder {
    color: #fff
}

.newsletter-four-box .newsletter-input-box .newsletter-input::-moz-placeholder {
    color: #fff
}

.newsletter-four-box .newsletter-input-box .newsletter-input::-ms-input-placeholder {
    color: #fff
}

.newsletter-four-box .newsletter-input-box .newsletter-input::placeholder {
    color: #fff
}

.newsletter-inner-image .newsletter-image-01 {
    position: absolute;
    bottom: 0;
    left: 18%;
    z-index: 0
}

.newsletter-inner-image .newsletter-image-02 {
    position: absolute;
    bottom: 0;
    right: 34px;
    z-index: 0
}

.featured-video-col-8 {
    max-width: 847px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .featured-video-col-8 {
        max-width: 846px;
        width: 100%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .featured-video-col-8 {
        max-width: 100%
    }
}

.latest-post-col-4 {
    max-width: 363px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .latest-post-col-4 {
        max-width: 360px;
        width: 100%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .latest-post-col-4 {
        max-width: 100%
    }
}

.featured-video-haader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 575px) {
    .featured-video-haader {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.featured-video-list .featured-video-list-item {
    padding-right: 40px;
    margin-right: 25px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .featured-video-list .featured-video-list-item {
        padding-right: 25px;
        margin-right: 8px
    }
}

@media only screen and (max-width: 575px) {
    .featured-video-list .featured-video-list-item {
        margin-top: 20px
    }
}

.featured-video-list .featured-video-list-item::after {
    position: absolute;
    right: 0;
    top: 50%;
    content: '\eab8';
    font-family: IcoFont;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.featured-video-list .featured-video-list-item .featured-video-link {
    font-weight: 600
}

.featured-video-list .featured-video-list-item .featured-video-link.active {
    color: #1894DA
}

.featured-video-list .featured-video-list-item:last-child {
    padding-right: 0;
    margin-right: 0
}

.featured-video-list .featured-video-list-item:last-child::after {
    display: none
}

.single-featured-video-item {
    margin-bottom: 30px
}

.featured-blog-post-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 25px
}

@media only screen and (max-width: 479px) {
    .featured-blog-post-top {
        margin-bottom: 10px
    }
}

.featured-blog-post-top .post-meta-right-side {
    margin-left: 30px
}

@media only screen and (max-width: 767px) {
    .featured-blog-post-top .read-time {
        display: none
    }
}

.latest-post-inner-wrap {
    padding: 30px 24px;
    background: #fafafa;
    border-radius: 10px
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .latest-post-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.latest-post-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.latest-post-slider-navigation .navigation-button {
    background-color: #222;
    color: #fff
}

.latest-post-slider-navigation .navigation-button:hover {
    background-color: #1894DA
}

.single-latest-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .single-latest-post {
        width: 50%;
        padding-right: 15px
    }
}

.latest-post-thum {
    -webkit-flex-basis: 0 0 auto;
    -ms-flex-preferred-size: 0 0 auto;
    flex-basis: 0 0 auto;
    min-width: 84px
}

.latest-post-thum a img {
    border-radius: 10px;
    height: 66px;
}

.latest-post-content {
    margin-left: 20px
}

.latest-post-content .title {
    margin-top: 0;
    font-size: 15px
}

.latest-post-content .latest-post-meta {
    font-size: 12px;
    margin-top: 10px
}

.latest-post-content .latest-post-meta span {
    position: relative;
    padding-right: 6px;
    margin-right: 6px
}

.latest-post-content .latest-post-meta span::after {
    position: absolute;
    content: "";
    right: -0px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #000;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.latest-post-content .latest-post-meta span a:hover {
    color: #1894DA
}

.latest-post-content .latest-post-meta span:last-child {
    padding-right: 0;
    margin-right: 0
}

.latest-post-content .latest-post-meta span:last-child::after {
    display: none
}

.stay-in-touch-area {
    margin-top: 30px;
    padding: 30px 24px;
    background: #fafafa;
    border-radius: 10px;
    text-align: center
}

.stay-in-touch-box {
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px
}

.single-touch-col {
    width: 33.333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px
}

.single-touch {
    background-color: #ebebeb;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 10px;
    padding: 14px 10px
}

.single-touch.facebook .touch-socail-icon {
    background: #4867AA
}

.single-touch.twitter .touch-socail-icon {
    background: #1DA1F2
}

.single-touch.behance .touch-socail-icon {
    background: #1869FF
}

.single-touch.youtube .touch-socail-icon {
    background: #FE0000
}

.single-touch.dribbble .touch-socail-icon {
    background: #EA4C8A
}

.single-touch.linkedin .touch-socail-icon {
    background: #007BB6
}

.single-touch p {
    color: #000;
    font-size: 12px
}

.single-touch:hover.facebook {
    background: #4867AA
}

.single-touch:hover.facebook .touch-socail-icon {
    color: #4867AA;
    background: #fff
}

.single-touch:hover.twitter {
    background: #1DA1F2
}

.single-touch:hover.twitter .touch-socail-icon {
    color: #1DA1F2;
    background: #fff
}

.single-touch:hover.behance {
    background: #1869FF
}

.single-touch:hover.behance .touch-socail-icon {
    color: #1869FF;
    background: #fff
}

.single-touch:hover.youtube {
    background: #FE0000
}

.single-touch:hover.youtube .touch-socail-icon {
    color: #FE0000;
    background: #fff
}

.single-touch:hover.dribbble {
    background: #EA4C8A
}

.single-touch:hover.dribbble .touch-socail-icon {
    color: #EA4C8A;
    background: #fff
}

.single-touch:hover.linkedin {
    background: #007BB6
}

.single-touch:hover.linkedin .touch-socail-icon {
    color: #007BB6;
    background: #fff
}

.single-touch:hover p {
    color: #fff
}

.touch-socail-icon {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    margin: auto;
    margin-bottom: 5px;
    border-radius: 100%;
    color: #fff
}

.recent-reading-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3
}

@media only screen and (max-width: 575px) {
    .recent-reading-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: self-end;
        -webkit-align-items: self-end;
        -ms-flex-align: self-end;
        align-items: self-end
    }
}

.recent-reading-header .recent-article-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.recent-reading-header .recent-article-date .date-button {
    margin-left: 15px;
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #f8f7fc;
    border-radius: 10px
}

.single-recent-reading-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

.recent-reading-post-thum {
    width: 120px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.recent-reading-post-author {
    color: #9b9ea1;
    margin-bottom: 10px
}

.recent-reading-post-author a {
    color: #000
}

.recent-reading-post-content {
    margin-left: 25px
}

@media only screen and (max-width: 575px) {
    .recent-reading-post-content {
        margin-left: 10px
    }
}

.recent-reading-post-meta {
    font-size: 12px;
    margin-top: 10px
}

.recent-reading-post-meta span {
    position: relative;
    padding-right: 10px;
    margin-right: 10px
}

.recent-reading-post-meta span::after {
    position: absolute;
    content: "";
    right: -0px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #000;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.recent-reading-post-meta span a:hover {
    color: #1894DA
}

.recent-reading-post-meta span:last-child {
    padding-right: 0;
    margin-right: 0
}

.recent-reading-post-meta span:last-child::after {
    display: none
}

.archive-search-box {
    position: relative;
    margin-top: 20px
}

.archive-search-box .search-input {
    width: 100%;
    background-color: #f8f7fc;
    border-radius: 10px;
    position: relative;
    border: 0;
    font-weight: 500;
    padding: 16px 40px 16px 30px
}

.archive-search-box .search-button {
    position: absolute;
    top: 50%;
    right: 0;
    background-color: transparent;
    color: #5974ff;
    padding: 10px 15px;
    border: 0;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.archive-post-inner-wrap {
    border-radius: 10px;
    max-width: 300px;
    margin-left: auto
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .archive-post-inner-wrap {
        max-width: 100%;
        margin-top: 60px
    }
}

.single-archive-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.archive-post-thum {
    -webkit-flex-basis: 0 0 auto;
    -ms-flex-preferred-size: 0 0 auto;
    flex-basis: 0 0 auto;
    min-width: 84px
}

.archive-post-thum a img {
    border-radius: 10px
}

.archive-post-content {
    margin-left: 20px
}

.archive-post-content .title {
    margin-top: 0;
    font-size: 15px
}

.archive-post-content .archive-post-meta {
    font-size: 12px;
    margin-top: 10px
}

.archive-post-content .archive-post-meta span {
    position: relative;
    padding-right: 6px;
    margin-right: 6px
}

.archive-post-content .archive-post-meta span::after {
    position: absolute;
    content: "";
    right: -0px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #000;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.archive-post-content .archive-post-meta span a:hover {
    color: #1894DA
}

.archive-post-content .archive-post-meta span:last-child {
    padding-right: 0;
    margin-right: 0
}

.archive-post-content .archive-post-meta span:last-child::after {
    display: none
}

.follow-us-box {
    margin-top: 20px
}

.single-follow-col {
    margin-bottom: 15px
}

.single-follow {
    background-color: #f8f7fc;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 15px;
    padding: 17px 20px
}

.single-follow i {
    margin-right: 5px
}

.single-follow .socail-title {
    font-weight: 600
}

.single-follow:hover {
    background-color: #5974ff;
    color: #fff
}

.single-follow:hover .follow-share-onover .follow-title {
    opacity: 0;
    visibility: hidden
}

.single-follow:hover .follow-share-onover .follow-hover {
    opacity: 1;
    visibility: visible;
    color: #fff
}

.single-follow:hover .follow-socail-icon {
    color: #fff
}

.follow-share-onover {
    position: relative
}

.follow-share-onover p {
    margin-bottom: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    color: #000
}

.follow-share-onover .follow-title {
    opacity: 1;
    visibility: visible
}

.follow-share-onover .follow-hover {
    opacity: 0;
    visibility: hidden
}

.bottom-add-banner-box {
    position: relative
}

.bottom-add-banner-boxa {
    display: block
}

@media only screen and (max-width: 767px) {
    .bottom-add-banner-box img {
        height: 100px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 10px
    }
}

.bottom-add-text {
    font-size: 25px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50px;
    display: inline-block
}

.bottom-add-text span {
    display: block;
    font-size: 32px;
    text-align: left;
    margin-top: 3px
}

@media only screen and (max-width: 767px) {
    .bottom-add-text {
        font-size: 16px
    }

    .bottom-add-text span {
        font-size: 18px
    }
}

.single-most-populer-item {
    margin-top: 40px
}

.most-populer-thum {
    display: block
}

.most-populer-thum img {
    border-radius: 10px;
    width: 100%
}

.most-populer-content {
    margin-top: 25px
}

.most-populer-content .title {
    color: #0f034a;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.most-populer-content .most-populer-post-meta {
    margin-top: 10px
}

.most-populer-content .most-populer-post-meta > span {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 13px;
    color: #0f034a
}

.most-populer-content .most-populer-post-meta > span::after {
    position: absolute;
    content: "";
    right: -0px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #000;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.most-populer-content .most-populer-post-meta > span:last-child {
    padding-right: 0;
    margin-right: 0
}

.most-populer-content .most-populer-post-meta > span:last-child::after {
    display: none
}

.most-populer-post-author {
    color: #9b9ea1;
    font-weight: 600
}

.most-populer-post-author a {
    color: #0f034a
}

.most-popular-slider-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.most-popular-slider-navigation .navigation-button {
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 1px solid #e7e5ed;
    text-align: center;
    font-size: 25px;
    border-radius: 10px;
    color: #0f034a;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.most-popular-slider-navigation .navigation-button.popular-swiper-button-next {
    margin-left: 10px
}

.most-popular-slider-navigation .navigation-button:hover {
    border: 1px solid #1894DA;
    background-color: #1894DA;
    color: #fff
}

.special-banner-blog-post .single-special-banner-post {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 30px
}

.special-banner-blog-post .single-special-banner-post:last-child {
    border-bottom: 0
}

.recent-article-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.recent-article-header .recent-article-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.recent-article-header .recent-article-date .date-button {
    margin-left: 15px;
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #f4f4f4;
    border-radius: 10px
}

@media only screen and (max-width: 575px) {
    .recent-article-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .recent-article-header .recent-article-date {
        margin-top: 10px
    }
}

.section-border-bottom {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 30px
}

.recent-article-header-two {
    padding-top: 60px;
    margin-top: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .recent-article-header-two {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.recent-article-header-two .input-search-box {
    position: relative;
    width: 340px
}

.recent-article-header-two .input-search-box .input {
    border: 1px solid #ddd;
    border-radius: 15px;
    position: relative;
    height: 60px;
    padding: 15px 50px 15px 30px;
    font-weight: 500;
    width: 100%
}

.recent-article-header-two .input-search-box .submit-button {
    position: absolute;
    right: 15px;
    height: 60px;
    background: transparent;
    border: 0
}

@media only screen and (max-width: 767px) {
    .recent-article-header-two .input-search-box {
        width: 300px;
        margin-top: 30px
    }
}

.single-recent-article-item {
    margin-top: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 575px) {
    .single-recent-article-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.recent-article-thum {
    display: block;
    max-width: 360px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .recent-article-thum {
        max-width: 300px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .recent-article-thum {
        max-width: 300px
    }
}

@media only screen and (max-width: 767px) {
    .recent-article-thum {
        max-width: 200px
    }
}

@media only screen and (max-width: 575px) {
    .recent-article-thum {
        max-width: 100%
    }
}

.recent-article-thum img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    -o-object-fit: cover;
    object-fit: cover
}

.recent-article-content {
    margin-left: 35px;
    margin-top: 15px
}

@media only screen and (max-width: 575px) {
    .recent-article-content {
        margin-left: 0;
        margin-top: 30px
    }
}

.recent-article-content .title {
    color: #0f034a;
    margin-top: 10px
}

.recent-article-content .recent-article-post-meta {
    margin-top: 10px
}

.recent-article-content .recent-article-post-meta > span {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 13px;
    color: #0f034a
}

.recent-article-content .recent-article-post-meta > span::after {
    position: absolute;
    content: "";
    right: -0px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #000;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.recent-article-content .recent-article-post-meta > span:last-child {
    padding-right: 0;
    margin-right: 0
}

.recent-article-content .recent-article-post-meta > span:last-child::after {
    display: none
}

.recent-article-post-author {
    color: #9b9ea1;
    font-weight: 600
}

.recent-article-post-author a {
    color: #0f034a
}

.recent-post-right-area {
    padding-left: 26px
}

.trusted-partners-box {
    padding: 80px 100px;
    background-color: #f4eaff;
    border-radius: 15px
}

.trusted-partners-box .trusted-partners-slider-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .trusted-partners-box {
        padding: 60px 80px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .trusted-partners-box {
        padding: 60px 40px
    }
}

@media only screen and (max-width: 767px) {
    .trusted-partners-box {
        padding: 60px 30px
    }
}

.trusted-partners-area {
    padding: 60px 0
}

.partners-swiper-pagination {
    margin-top: 40px;
    text-align: center
}

.partners-swiper-pagination .swiper-pagination-bullet {
    height: 14px;
    width: 14px;
    border-radius: 100%;
    background-color: #8b61b7;
    margin: 8px
}

.partners-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #0f034a;
    border-radius: 100%
}

.single-platform-box {
    background-color: #fafafa;
    padding: 40px;
    border-radius: 10px;
    margin-top: 30px
}

@media only screen and (max-width: 575px) {
    .single-platform-box {
        padding: 40px 20px
    }
}

.platform-icon {
    background-color: #1894DA;
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 90px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 20px
}

.platform-content .title {
    margin-bottom: 20px
}

.platform-d-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 767px) {
    .platform-d-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.platform-content-box {
    max-width: 300px;
    padding-right: 20px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .platform-content-box {
        max-width: 250px
    }
}

@media only screen and (max-width: 767px) {
    .platform-content-box {
        max-width: 100%;
        margin-bottom: 30px
    }
}

.plateform-image-box {
    margin-left: 30px
}

@media only screen and (max-width: 767px) {
    .plateform-image-box {
        margin-left: 0
    }
}

.bunzo-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .bunzo-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-bottom: 0
    }
}

.bunzo-col-6 {
    width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-left: 1px solid #ddd;
    height: 100%
}

.bunzo-col-6:first-child {
    border-left: none
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .bunzo-col-6 {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #ddd
    }
}

.bunzo-history-title {
    font-size: 62px;
    font-weight: 300;
    margin-right: 30px;
    margin-top: 30px;
    margin-bottom: 30px
}

.bunzo-history-title .f-w-bold {
    font-weight: 600
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bunzo-history-title {
        font-size: 42px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bunzo-history-title {
        font-size: 42px
    }
}

@media only screen and (max-width: 767px) {
    .bunzo-history-title {
        font-size: 22px
    }
}

.single-history-item {
    border-bottom: 1px solid #ddd;
    padding: 60px 0 60px 90px
}

.single-history-item:last-child {
    border-bottom: 0
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .single-history-item {
        padding: 30px 30px 30px 30px;
        border-right: 1px solid #ddd
    }
}

.plateforem-image {
    position: relative
}

.plateforem-image .platform-box-button {
    position: absolute;
    width: 100%;
    bottom: 30px;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.single-team-area {
    position: relative;
    overflow: hidden;
    margin-top: 40px
}

.single-team-area .team-thum img {
    width: 100%
}

.single-team-area:hover .team-content {
    opacity: 1;
    visibility: visible
}

.single-team-area:hover .team-share-top {
    margin-top: 20px
}

.single-team-area:hover .team-member-info {
    margin-bottom: 20px
}

.team-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    border-radius: 10px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0, rgba(253, 195, 158, 0.9) 100%)
}

.team-share-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.shate-action-button {
    margin-left: 20px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    font-weight: 600
}

.shate-action-button:hover {
    background-color: #222;
    color: #fff
}

.team-social-share {
    text-align: right;
    margin-right: 20px
}

.team-social-share li {
    display: inline-block;
    margin: 0 3px
}

.team-social-share li a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: #fff;
    border-radius: 10px;
    text-align: center
}

.team-social-share li a:hover {
    background-color: #222;
    color: #fff
}

.team-member-info {
    margin-bottom: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.team-member-info .name-title {
    color: #fff
}

.team-member-info .desination {
    color: #1894DA
}

.blog-details-col-8 {
    max-width: 847px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-details-col-8 {
        max-width: 603px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .blog-details-col-8 {
        max-width: 100%
    }
}

.blog-details-col-4 {
    max-width: 363px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-details-col-4 {
        max-width: 363px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .blog-details-col-4 {
        max-width: 100%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-details-col-4 .single-latest-post {
        width: 100%;
        padding-right: 0
    }
}

.blog-details-meta-box {
    margin-top: 20px;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.blog-details-meta-box .post-meta-left-side, .blog-details-meta-box .post-mid-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-details-meta-box .post-mid-side span {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 13px
}

.blog-details-meta-box .post-mid-side span::after {
    position: absolute;
    content: "";
    right: -0px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #000;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blog-details-meta-box .post-mid-side span a:hover {
    color: #1894DA
}

.blog-details-meta-box .post-mid-side span:last-child {
    padding-right: 0;
    margin-right: 0
}

.blog-details-meta-box .post-mid-side span:last-child::after {
    display: none
}

@media only screen and (max-width: 767px) {
    .blog-details-meta-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.blockquote-box {
    background-color: #fafafa;
    padding: 60px 60px;
    text-align: center;
    position: relative;
    margin-top: 30px
}

.blockquote-box::before {
    color: #1894DA;
    font-size: 106px;
    position: absolute;
    content: "“";
    height: auto;
    width: 105px;
    line-height: 100px;
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.blockquote-box .blockquote-text {
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px
}

@media only screen and (max-width: 767px) {
    .blockquote-box {
        padding: 60px 30px
    }

    .blockquote-box .blockquote-text {
        font-size: 16px
    }
}

.blog-details-tag-and-share-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}

@media only screen and (max-width: 767px) {
    .blog-details-tag-and-share-area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .blog-details-tag-and-share-area .social-share-area {
        margin-top: 30px
    }
}

.related-post-thum img {
    width: 100%
}

.comment-form-area {
    margin-top: 30px
}

.comment-form-area .single-input {
    margin-bottom: 20px
}

.comment-form-area .single-input input, .comment-form-area .single-input textarea {
    border: 1px solid #efefef;
    border-radius: 5px;
    width: 100%;
    padding: 15px 30px;
    background-color: #fafafa
}

.comment-form-area .single-input textarea {
    height: 280px
}

.blog-details-two-header {
    max-width: 800px;
    text-align: center;
    margin: auto;
    margin-top: 40px
}

.blog-details-two-post-title {
    margin-bottom: 25px;
    font-size: 32px;
    font-weight: bold;
    color: #0f034a
}

.blog-details-two-post-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

@media only screen and (max-width: 479px) {
    .blog-details-two-post-meta {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.blog-details-two-post-meta span {
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
    font-size: 13px;
    font-weight: 600
}

.blog-details-two-post-meta span::after {
    position: absolute;
    content: "";
    right: -5px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #091d40;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blog-details-two-post-meta span a:hover {
    color: #5974ff
}

.blog-details-two-post-meta span:last-child {
    padding-right: 0;
    margin-right: 0
}

.blog-details-two-post-meta span:last-child::after {
    display: none
}

.blog-details-two-post-author {
    color: #9b9ea1
}

.blog-details-two-post-author a {
    color: #091d40
}

@media only screen and (max-width: 479px) {
    .blog-details-two-post-author {
        font-size: 12px
    }
}

.blog-details-two-tags a {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    height: 40px;
    border-radius: 10px;
    line-height: 40px
}

.blog-details-two-post-text .title {
    color: #0a1e43
}

.table-content-list .table-content-item {
    position: relative;
    padding: 20px;
    padding-left: 50px;
    background-color: transparent;
    border-radius: 15px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    font-weight: 600;
    color: #5138ee;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.table-content-list .table-content-item:hover {
    background-color: #eeee
}

.table-content-list .table-content-item::before {
    content: '\ea98';
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: IcoFont;
    color: #0a1e43
}

.blockquote-box-two {
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #5138ee;
    padding: 80px 60px;
    text-align: center
}

.blockquote-box-two h4 {
    font-size: 44px;
    color: #fff;
    font-weight: 500
}

.blockquote-box-two h4 .bold {
    font-weight: 600
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blockquote-box-two {
        padding: 60px 30px
    }

    .blockquote-box-two h4 {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .blockquote-box-two {
        padding: 60px 30px
    }

    .blockquote-box-two h4 {
        font-size: 26px
    }
}

.blog-post-author {
    color: #9b9ea1;
    margin-left: 15px
}

.blog-post-author a {
    color: #000
}

.blog-details-two-share-area {
    margin-top: 40px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 50px
}

@media only screen and (max-width: 767px) {
    .blog-details-two-share-area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px 10px
    }

    .blog-details-two-share-area .share-title {
        margin-bottom: 20px
    }
}

.related-post-two-slider-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.related-post-two-slider-navigation .navigation-button {
    width: 50px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #e0dfe6;
    text-align: center;
    background-color: transparent;
    font-size: 25px;
    border-radius: 10px;
    color: #0f034a;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.related-post-two-slider-navigation .navigation-button.popular-swiper-button-next {
    margin-left: 10px
}

.related-post-two-slider-navigation .navigation-button:hover {
    border: 1px solid #5138ee;
    background-color: #5138ee;
    color: #fff
}

.comment-list-wrapper {
    margin-bottom: 60px
}

.comment-list-wrapper .widget-title {
    color: #0a1e43
}

.comment-list {
    margin: 0;
    padding: 0
}

.comment-list .comment-2, .comment-list .comment-reply-wrap {
    border: 1px solid #eee;
    padding: 30px;
    border-radius: 10px
}

.comment-list .comment-author-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.comment-list .comment {
    list-style-type: none;
    padding: 10px 0
}

.comment-list .comment:last-child {
    padding-bottom: 0
}

.comment-list .comment-author img {
    border-radius: 50px;
    width: 120px
}

.comment-list .comment-content {
    position: relative;
    overflow: hidden;
    margin-left: 20px;
    width: 100%
}

.comment-list .meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .comment-list .meta {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.comment-list .meta .fn {
    font-size: 22px;
    text-transform: uppercase;
    color: #0a1e43;
    display: block;
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .comment-list .meta .fn {
        font-size: 18px
    }
}

.comment-list .meta .comment-datetime {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #ababab;
    margin-top: 10px
}

.comment-list .meta .separator {
    padding: 0 10px
}

.comment-list .meta .time {
    color: #5138ee
}

.comment-list .comment-author.vcard {
    padding: 8px;
    border: 1px solid #dfeee5;
    border-radius: 100%
}

.comment-list .comment-actions a {
    margin-right: 20px;
    font-weight: 500;
    color: #333
}

.comment-list .comment-actions a:hover {
    color: #5138ee
}

.comment-list .comment-reply-link {
    background-color: #f8f8f8;
    height: 45px;
    line-height: 45px;
    color: #5138ee;
    font-weight: 600;
    border-radius: 10px;
    padding: 0 20px
}

.comment-list .comment-reply-link i {
    margin-right: 10px
}

@media only screen and (max-width: 767px) {
    .comment-list .comment-reply-link {
        margin-top: 5px
    }
}

.comment-list .children {
    margin: 20px 0 20px 100px;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .comment-list .children {
        margin: 40px 0 20px 30px
    }
}

.comment-list .children li + li {
    margin-top: 0
}

.comment-list .comment-text {
    margin-top: 15px
}

.comment-submit-btn .ht-btn {
    padding: 0 54px
}

.messonry-button {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee
}

.messonry-button button {
    background-color: transparent;
    border: 0;
    font-weight: 600;
    padding-left: 35px;
    margin-left: 30px;
    position: relative
}

.messonry-button button.is-checked {
    color: #1894DA
}

.messonry-button button::before {
    color: #222;
    content: '';
    height: 6px;
    width: 6px;
    background: #222;
    border-radius: 5000px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0
}

.messonry-button button:first-child {
    padding-left: 0;
    margin-left: 0
}

.messonry-button button:first-child::before {
    display: none
}

.author-blog-post-content .post-right-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.author-blog-post-content .post-right-side span {
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
    font-size: 13px
}

.author-blog-post-content .post-right-side span::after {
    position: absolute;
    content: "";
    right: -0px;
    top: 50%;
    height: 4px;
    width: 4px;
    background: #000;
    border-radius: 50000px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.author-blog-post-content .post-right-side span a:hover {
    color: #1894DA
}

.author-blog-post-content .post-right-side span:last-child {
    padding-right: 0;
    margin-right: 0
}

.author-blog-post-content .post-right-side span:last-child::after {
    display: none
}

@media only screen and (max-width: 767px) {
    .author-blog-post-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.author-blog-post-wrap {
    margin-bottom: 30px
}

.author-post-bottom-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: 20px
}

.author-blog-thum {
    display: block
}

.author-blog-thum img {
    width: 100%
}

.author-post-action-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    margin: 20px 0
}

@media only screen and (max-width: 575px) {
    .author-post-action-box {
        padding: 0
    }
}

.author-post-action-box .author-action {
    margin-right: 10px;
    margin-left: 10px
}

.faq-box-wrap {
    margin-top: 100px;
    margin-bottom: 100px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.faq-section-title {
    margin-top: 30px
}

.faq-section-title .title {
    font-size: 62px;
    font-weight: 400;
    margin-top: 100px;
    margin-right: 30px
}

.faq-section-title .title .bold-text {
    font-weight: 600;
    display: block
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .faq-section-title .title {
        font-size: 52px;
        margin-top: 50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .faq-section-title .title {
        font-size: 48px;
        margin-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .faq-section-title .title {
        font-size: 42px;
        margin-top: 50px
    }
}

@media only screen and (max-width: 575px) {
    .faq-section-title .title {
        font-size: 32px;
        margin-top: 50px
    }
}

.faq-content-wrap {
    border-left: 1px solid #ddd
}

.faq-qustion {
    background: transparent;
    border: 0;
    font-weight: 600;
    padding: 40px 0 40px 40px;
    font-size: 20px
}

@media only screen and (max-width: 575px) {
    .faq-qustion {
        font-size: 14px;
        padding: 20px 0 20px 10px
    }
}

.faq-qustion::after {
    display: none
}

.faq-qustion:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.faq-qustion .number-of-accordion {
    min-height: 46px;
    min-width: 46px;
    text-align: center;
    line-height: 46px;
    background-color: #f4f4f4;
    border-radius: 10px;
    margin-right: 20px;
    font-size: 15px
}

.faq-qustion:not(.collapsed) {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000
}

.faq-qustion:not(.collapsed) .number-of-accordion {
    background-color: #1894DA;
    color: #fff
}

.accordion-item {
    border-top: 0;
    border-left: none;
    border-right: 0;
    border-bottom: 2px solid #ddd
}

.accordion-item:last-child {
    border-bottom: 0
}

.faq-ans {
    padding: 0 0 40px 100px
}

@media only screen and (max-width: 575px) {
    .faq-ans {
        padding: 0 0 20px 10px
    }
}

.office-img {
    margin-top: 30px;
    padding: 30px;
    background: #f7f7f7;
    border-radius: 15px;
    position: relative
}

.office-img img {
    border-radius: 15px
}

.office-img .office-title {
    position: absolute;
    bottom: 60px;
    text-align: center;
    left: 50%;
    display: inline-block;
    background-color: #333;
    border-radius: 15px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    padding: 10px 40px;
    border: 4px solid rgba(255, 255, 255, 0.8)
}

.single-office-info {
    margin-top: 30px;
    padding: 40px 55px;
    border: 1px solid #ddd;
    border-radius: 15px;
    background-color: transparent
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .single-office-info {
        padding: 30px 25px
    }
}

.single-office-info .single-contact-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.single-office-info .single-contact-info:last-child {
    margin-bottom: 0
}

.single-office-info .single-contact-info .icon {
    min-height: 45px;
    min-width: 45px;
    line-height: 45px;
    border-radius: 10px;
    margin-right: 20px;
    text-align: center;
    background-color: #f4f4f4
}

.single-office-info-wrap:hover .office-title {
    background-color: #1894DA;
    color: #222
}

.single-office-info-wrap:hover .single-office-info {
    border-color: #1894DA
}

.contact-from .section-title .title {
    font-size: 40px
}

@media large-mobile {
    .contact-from .section-title .title {
        font-size: 30px
    }
}

.single-input-box {
    margin-bottom: 20px
}

.single-input-box input, .single-input-box textarea {
    border: 1px solid #efefef;
    width: 100%;
    padding: 10px 30px;
    border-radius: 10px;
    background-color: #fafafa
}

.single-input-box textarea {
    height: 200px
}

.single-input-box:hover input, .single-input-box:hover textarea {
    background-color: transparent
}

.contact-us-map iframe {
    height: 664px;
    width: 100%;
    border-radius: 15px
}

.error-404-area {
    padding: 100px 0;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .error-404-area {
        padding: 80px 0
    }
}

@media only screen and (max-width: 767px) {
    .error-404-area {
        padding: 60px 0
    }
}

.error-text {
    text-align: center;
    max-width: 600px;
    margin: auto;
    margin-top: 50px
}

.error-text h5 {
    color: #1894DA;
    margin-bottom: 20px
}

.error-area-shap {
    position: absolute;
    bottom: 0;
    left: 100px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .error-area-shap {
        left: 40px
    }
}

@media only screen and (max-width: 767px) {
    .error-area-shap {
        display: none
    }
}

.share-thinking-title {
    background-color: #f5f5f5;
    padding: 40px;
    border-radius: 15px
}

.share-thinking-title .title {
    font-size: 28px
}

.title-write {
    background-color: #f5f5f5;
    padding: 20px;
    border-radius: 15px;
    margin-top: 30px
}

.write-content-box {
    border: 1px solid #f5f5f5;
    padding: 20px;
    border-radius: 15px;
    margin-top: 30px
}

.post-write-tag a {
    position: relative;
    padding-right: 10px
}

.post-write-tag a::after {
    content: ","
}

.post-write-tag a:last-child::after {
    content: ""
}

.post-write-trams {
    padding: 0 20px
}

.single-trams {
    margin-bottom: 20px
}

.single-trams .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.single-trams .title .form-check-label {
    margin-left: 10px;
    font-weight: 600;
    font-size: 18px
}

.form-check-input:checked {
    background-color: #1894DA;
    border-color: #1894DA
}

.form-check-input:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.conditon-buttom-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .conditon-buttom-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.conditon-note {
    color: #8e8f91;
    max-width: 600px
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .conditon-note {
        max-width: 500px
    }
}

.conditon-note .title {
    font-weight: 600;
    color: #000
}

.login-content form > input {
    width: 100%;
    background-color: #fff;
    padding: 1px 20px;
    color: #000;
    line-height: 47px;
    border: 0;
    border-radius: 10px;
    margin-bottom: 25px;
    border: 1px solid #ddd
}

.remember-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.remember-wrap p {
    margin-bottom: 0
}

.remember-forget-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

/**商品**/
#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background-color: #222;
    background-color: rgba(0, 0, 0, .8);
    transition: opacity .5s ease
}

#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;
    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;
    white-space: normal;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, .6);
    font-family: 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;
    transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, transform .4s ease;
    transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: d .4s ease-out;
    animation: d .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: e .4s ease-out;
    animation: e .4s ease-out
}

@-webkit-keyframes d {
    0%, to {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
}

@keyframes d {
    0%, to {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
}

@-webkit-keyframes e {
    0%, to {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
}

@keyframes e {
    0%, to {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
}

.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;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, .5);
    color: #ddd;
    font: 1.6em sans-serif;
    transition: background-color .4s ease
}

.baguetteBox-button:focus, .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
}

.baguetteBox-spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: f 2s infinite ease-in-out;
    animation: f 2s infinite ease-in-out
}

.baguetteBox-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes f {
    0%, to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes f {
    0%, to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

body, html {
    height: 100%;
    width: 100%
}

.sp-loading {
    text-align: center;
    max-width: 270px;
    padding: 15px;
    font-size: 12px;
    color: #888
}

.sp-loading, .sp-wrap {
    border: 5px solid #eee;
    border-radius: 3px
}

.sp-wrap {
    display: none;
    line-height: 0;
    font-size: 0;
    background: #eee;
    position: relative;
    margin: 0 25px 15px 0;
    float: left;
}

.sp-thumbs {
    text-align: left;
    display: inline-block
}

.sp-thumbs img {
    min-height: 50px;
    min-width: 50px;
    max-width: 50px
}

.sp-thumbs a:link, .sp-thumbs a:visited {
    width: 50px;
    height: 50px;
    overflow: hidden;
    opacity: .3;
    display: inline-block;
    background-size: cover;
    background-position: 50%;
    transition: all .2s ease-out
}

.sp-thumbs a:hover {
    opacity: 1
}

.sp-current, .sp-thumbs a:active {
    opacity: 1 !important;
    position: relative
}

.sp-large {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0
}

.sp-large a img {
    max-width: 100%;
    height: auto
}

.sp-large a {
    display: block
}

.sp-zoom {
    position: absolute;
    left: -50%;
    top: -50%;
    cursor: zoom-in;
    display: none
}

.sp-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, .9);
    z-index: 1031;
    display: none;
    cursor: pointer
}

.sp-lightbox img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 90%;
    max-height: 90%;
    border: 2px solid #fff
}

#sp-next, #sp-prev {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 501;
    color: #fff;
    padding: 14px;
    text-decoration: none;
    background: #000;
    border-radius: 25px;
    border: 2px solid #fff;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    transition: .2s
}

#sp-prev {
    left: 10px
}

#sp-prev:before {
    content: "";
    border: 7px solid transparent;
    border-right: 15px solid #fff;
    position: absolute;
    top: 16px;
    left: 7px
}

#sp-next {
    right: 10px
}

#sp-next:before {
    content: "";
    border: 7px solid transparent;
    border-left: 15px solid #fff;
    position: absolute;
    top: 16px;
    left: 18px
}

#sp-next:hover, #sp-prev:hover {
    background: #444
}

@media screen and (max-width: 400px) {
    .sp-wrap {
        margin: 0 0 15px
    }

    #sp-next, #sp-prev {
        top: auto;
        margin-top: 0;
        bottom: 25px
    }
}

.btn i {
    margin-right: 5px
}

.clean-block.dark {
    background-color: #f6f6f6
}

.clean-block.blue {
    background-color: #007bff;
    color: #fff
}

.clean-block.blue input {
    border: none
}

.clean-block .block-heading {
    padding-top: 50px;
    margin-bottom: 40px;
    text-align: center
}

.clean-block .block-heading p {
    text-align: center;
    max-width: 420px;
    margin: auto;
    opacity: .7
}

.clean-block.dark .block-heading p {
    opacity: .8
}

.clean-block .block-heading h1, .clean-block .block-heading h2, .clean-block .block-heading h3 {
    margin-bottom: 1.2rem
}

.clean-block .block-content, .clean-block .content {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .075);
    background-color: #fff
}

.clean-block .block-content {
    padding: 40px
}

.clean-block.clean-hero {
    position: relative;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 0
}

.clean-block.clean-hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: currentColor;
    z-index: 1
}

.clean-block.clean-hero .text {
    max-width: 640px;
    color: #fff;
    z-index: 2;
    padding: 40px 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .15)
}

.clean-block.clean-hero h2 {
    margin-bottom: 30px
}

.clean-block.clean-hero p {
    font-size: 18px;
    margin-bottom: 30px
}

.feature-box {
    padding: 15px 20px 15px 70px
}

.feature-box .icon {
    font-size: 30px;
    position: absolute;
    left: 15px;
    top: 15px;
    width: 30px;
    text-align: center;
    color: #3b99e0
}

.feature-box h4 {
    font-weight: 600;
    font-size: 1.2rem
}

.feature-box p {
    font-size: .9em;
    opacity: .8
}

.clean-block.slider {
    margin-left: auto;
    margin-right: auto
}

.clean-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .075);
    border-radius: 3px;
    margin-bottom: 40px;
    border: 1px solid #eaeaea
}

.clean-card .image {
    border-radius: 3px 3px 0 0;
    overflow: hidden
}

.clean-card .info {
    padding: 30px
}

.clean-card h4 {
    font-weight: 600;
    font-size: 1em
}

.clean-card p {
    opacity: .8;
    font-size: .85em;
    margin-bottom: .9em
}

.clean-card .icons a {
    font-size: 16px;
    color: #3b99e0;
    opacity: .75;
    height: 2em;
    line-height: 2;
    text-align: center;
    padding: .6em .4em
}

.clean-card .icons a:hover {
    opacity: 1;
    text-decoration: none
}

.clean-block.clean-info {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center
}

.clean-block.clean-info h3 {
    margin-top: .8em;
    margin-bottom: .6em
}

.clean-block.clean-services .card {
    margin-bottom: 30px;
    text-align: center
}

.clean-block.clean-services .card h4 {
    font-weight: 600;
    font-size: 1em;
    margin-bottom: .8em
}

.clean-block.clean-services .card p {
    font-size: .9em;
    opacity: .8
}

.clean-block.clean-services .card button {
    margin-bottom: 25px;
    padding: 6px 20px
}

.clean-block.clean-faq .faq-item {
    margin-bottom: 20px
}

.clean-block.clean-faq .faq-item .question {
    font-weight: 600;
    font-size: 1em;
    line-height: 1.5
}

.clean-block.clean-faq .faq-item:not(:first-child) .question {
    margin-top: 1.8em
}

.clean-block.clean-faq .faq-item .answer {
    font-size: 1em;
    color: #7f7d7d;
    margin-top: 20px
}

.clean-block.clean-form form {
    border-top: 2px solid #5ea4f3;
    background-color: #fff;
    max-width: 500px;
    margin: auto;
    padding: 40px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .075)
}

.clean-block.clean-block.clean-gallery .item {
    margin-bottom: 20px
}

.clean-block.clean-gallery .item .image {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .075)
}

.clean-block.clean-gallery .lightbox img {
    transition: .2s ease-in-out
}

.clean-block.clean-gallery .lightbox img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.clean-block.clean-gallery img {
    border-radius: 4px
}

.baguetteBox-button {
    background-color: transparent !important
}

.clean-pricing-item .heading {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.clean-pricing-item {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .075);
    border-top: 2px solid #5ea4f3;
    padding: 30px;
    overflow: hidden;
    position: relative
}

.clean-block.clean-pricing .col-md-5:not(:last-child) .item {
    margin-bottom: 30px
}

.clean-pricing-item button {
    font-weight: 600
}

.clean-pricing-item .ribbon {
    width: 160px;
    height: 32px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 2px 3px hsla(0, 0%, 53%, .25);
    background: #4dbe3b;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -42px;
    top: 20px;
    padding-top: 7px
}

.clean-pricing-item p {
    text-align: center;
    margin-top: 20px;
    opacity: .7
}

.clean-pricing-item .features .feature {
    font-weight: 600
}

.clean-pricing-item .features h4 {
    text-align: center;
    font-size: 18px;
    padding: 5px
}

.clean-pricing-item .price h4 {
    margin: 15px 0;
    font-size: 45px;
    text-align: center;
    color: #2288f9
}

.clean-pricing-item .buy-now button {
    text-align: center;
    margin: auto;
    font-weight: 600;
    padding: 9px 0
}

.clean-block.payment-form form {
    border-top: 2px solid #5ea4f3;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .075);
    background-color: #fff;
    padding: 0;
    max-width: 600px;
    margin: auto
}

.clean-block.payment-form .title {
    font-size: 1em;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: .8em;
    font-weight: 600;
    padding-bottom: 8px
}

.clean-block.payment-form .products {
    background-color: #f7fbff;
    padding: 25px
}

.clean-block.payment-form .products .item {
    margin-bottom: 1em
}

.clean-block.payment-form .products .item-name {
    font-weight: 600;
    font-size: .9em
}

.clean-block.payment-form .products .item-description {
    font-size: .8em;
    opacity: .6
}

.clean-block.payment-form .products .item p {
    margin-bottom: .2em
}

.clean-block.payment-form .products .price {
    float: right;
    font-weight: 600;
    font-size: .9em
}

.clean-block.payment-form .products .total {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 10px;
    padding-top: 19px;
    font-weight: 600;
    line-height: 1
}

.clean-block.payment-form .card-details {
    padding: 25px 25px 15px
}

.clean-block.payment-form .card-details label {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #79818a;
    text-transform: uppercase
}

.clean-block.payment-form .card-details button {
    margin-top: .6em;
    padding: 12px 0;
    font-weight: 600
}

.clean-block.payment-form .date-separator {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px
}

.clean-block.clean-catalog .filters {
    padding-left: 40px;
    padding-top: 10px
}

.clean-block.clean-catalog .filter-collapse .filter-caret {
    float: right;
    font-size: 12px;
    line-height: 26px
}

.clean-block.clean-catalog .filter-collapse {
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 30px;
    border-radius: 0;
    text-align: left
}

.clean-block.clean-catalog .filters h3 {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: .8em
}

.clean-block.clean-catalog .filters .heading {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 20px
}

.clean-block.clean-catalog .filters .filter-item {
    margin-bottom: 40px
}

.clean-block.clean-catalog .filters label {
    word-wrap: break-word;
    max-width: 100%
}

.clean-block.clean-catalog .products {
    padding: 0
}

.clean-block.clean-catalog .products .row:first-of-type {
    border-top: none;
    border-left: none;
    margin-bottom: 20px
}

.clean-product-item {
    padding: 20px;
    border-right: none;
    border-bottom: 1px solid #e8e6e6;
    height: 100%
}

.clean-product-item .image {
    margin-bottom: 20px
}

.clean-product-item .image img {
    max-width: 220px;
    max-height: 180px
}

.clean-product-item .product-name {
    margin-bottom: 20px;
    text-align: center
}

.clean-product-item .product-name a {
    color: #585858;
    font-size: 1.1em
}

.clean-product-item .product-name a:hover {
    text-decoration: none;
    color: #8f8c8c
}

.clean-product-item .about {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.clean-product-item .price {
    text-align: right;
    padding-right: 10px
}

.clean-product-item .price h3 {
    font-size: 1.2em;
    font-weight: 600;
    color: #32303c;
    margin: 0
}

.clean-product-item .rating {
    color: #fec000
}

.clean-product-item .rating img {
    width: 14px;
    margin-right: 2px
}

.clean-product-item .add .icon {
    padding-right: 10px
}

.clean-block.clean-catalog .products .pages {
    width: 50%;
    margin: 55px auto 0
}

.clean-block.clean-catalog .pagination {
    -ms-flex-pack: center;
    justify-content: center
}

.clean-block.clean-cart .items {
    padding: 36px
}

.clean-block.clean-cart .items .product {
    padding-top: 20px;
    padding-bottom: 40px
}

.clean-block.clean-cart .items .product .product-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px;
    border: 2px solid #f0f0f0
}

.clean-block.clean-cart .items .product {
    padding-top: 0
}

.clean-block.clean-cart .items .product .product-info {
    padding-top: 1em;
    padding-bottom: 1em
}

.clean-block.clean-cart .items .product .product-name {
    font-weight: 600;
    font-size: 1.3em
}

.clean-block.clean-cart .items .product .product-info .product-specs {
    font-size: .8rem;
    font-weight: 600;
    margin-top: 15px
}

.clean-block.clean-cart .items .product .product-info .product-specs .value {
    font-weight: 400
}

.clean-block.clean-cart .items .product .quantity .quantity-input {
    width: 68px
}

.clean-block.clean-cart .items .product .quantity label {
    font-size: .9em
}

.clean-block.clean-cart .items .product .price {
    font-weight: 700;
    font-size: 22px;
    text-align: right
}

.clean-block.clean-cart .summary {
    background-color: #f7fbff;
    height: 100%;
    padding: 30px
}

.clean-block.clean-cart .summary h3 {
    text-align: center;
    font-size: 1.25em;
    font-weight: 600;
    padding-top: 16px;
    padding-bottom: 28px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #1d4f88
}

.clean-block.clean-cart .summary h4 {
    padding-bottom: 18px;
    margin-bottom: 0;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px
}

.clean-block.clean-cart .summary h4:first-of-type {
    border-top: 1px solid #86b4e8;
    padding-top: 18px
}

.clean-block.clean-cart .summary h4:last-of-type {
    color: #617ef3;
    border-bottom: 1px solid #e6edf5
}

.clean-block.clean-cart .summary .text {
    font-size: .65em;
    font-weight: 600
}

.clean-block.clean-cart .summary .price {
    font-size: .6em;
    float: right;
    margin-top: 10px
}

.clean-block.clean-cart .summary button {
    margin-top: 20px;
    font-weight: 600;
    font-size: 1em;
    padding: 10px 0
}

.clean-block.clean-product .block-content {
    padding: 20px
}

.clean-block.clean-product .product-info {
    margin-bottom: 50px
}

.clean-block.clean-product .gallery {
    padding: 20px;
    background-color: #f6f6f6
}

.clean-block.clean-product .sp-wrap {
    background: transparent;
    border: none;
    float: none;
    width: 100%
}

.clean-block.clean-product .sp-thumbs {
    margin-top: 15px
}

.clean-block.clean-product .sp-thumbs a:link {
    margin-right: 10px
}

.clean-block.clean-product .product-info .info .price {
    padding: 20px 0
}

.clean-block.clean-product .product-info .info .price h3 {
    font-size: 1.5em;
    font-weight: 700
}

.clean-block.clean-product .product-info .info .rating {
    color: #fec000;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.clean-block.clean-product .product-info .info button {
    padding: 10px 20px;
    margin-bottom: 30px
}

.clean-block.clean-product .product-info .info button .fa {
    margin-right: 10px
}

.clean-block.clean-product .product-info .info .summary {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 30px
}

.clean-block.clean-product .product-info .info .summary p {
    font-size: .9em
}

.clean-block.clean-product .product-info .description {
    max-width: 720px;
    margin: 0 auto
}

.clean-block.clean-product .product-info .description p {
    margin-bottom: 50px
}

.clean-block.clean-product .product-info .description h4 {
    margin-top: 60px;
    margin-bottom: 20px
}

.clean-block.clean-product .tab-content .description {
    padding-top: 60px
}

.clean-block.clean-product .tab-content .description .right {
    text-align: left
}

.clean-block.clean-product .tab-content .reviews, .clean-block.clean-product .tab-content .specifications {
    padding-top: 30px
}

.clean-block.clean-product .product-info .specifications .stat {
    font-weight: 700
}

.clean-block.clean-product .product-info .reviews .review-item {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #ded7d7
}

.clean-block.clean-product .product-info .reviews .review-item h4 {
    font-size: 1.2em;
    font-weight: 600
}

.clean-block.clean-product .product-info .reviews .review-item span {
    font-size: .9em
}

.clean-block.clean-product .product-info .reviews .review-item p {
    margin-top: 12px;
    font-size: .9em
}

.clean-block.clean-product .clean-related-items .items {
    margin-top: 30px
}

.clean-related-item {
    border: 1px solid #eaeaea;
    padding-top: 20px;
    padding-bottom: 20px
}

.clean-related-item .related-name {
    text-align: center;
    margin-top: 16px
}

.clean-related-item .related-name a {
    font-size: 1em;
    color: #212529
}

.clean-related-item .related-name a:hover {
    text-decoration: none;
    color: #999ea4
}

.clean-block.clean-product .reviews .review-item .rating, .clean-related-item .related-name .rating {
    color: #fec000;
    margin-bottom: 10px
}

.clean-block.clean-product .product-info .info .rating img, .clean-block.clean-product .reviews .review-item .rating img, .clean-related-item .related-name .rating img {
    width: 18px;
    margin-right: 2px
}

.clean-related-item .related-name h4 {
    font-size: 1.3em;
    font-weight: 600;
    color: #007bff
}

.clean-blog-post {
    padding-bottom: 70px
}

.clean-blog-post h3 {
    font-size: 1.3em;
    font-weight: 600;
    padding-top: 17px
}

.clean-blog-post p {
    font-size: .95em
}

.clean-blog-post .info {
    padding: 5px 0 12px;
    font-size: .9em
}

.clean-blog-post .info span:not(:last-child) {
    margin-right: 7px
}

.clean-blog-post .info a {
    color: inherit
}

.clean-block.clean-post {
    padding-top: 100px
}

.clean-block.clean-post .block-content {
    padding: 0
}

.clean-block.clean-post .post-image {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px
}

.clean-block.clean-post .post-body {
    padding: 70px 50px;
    font-size: .9em
}

.clean-block.clean-post .post-body h3 {
    font-weight: 600
}

.clean-block.clean-post .post-body p {
    margin-bottom: 30px
}

.clean-block.clean-post .post-body .post-info {
    padding: 20px 0
}

.clean-block.clean-post .post-body .post-info span {
    color: #007bff
}

.clean-block.clean-post .post-body .post-info span:not(:last-child) {
    margin-right: 40px
}

.clean-block.clean-post .post-body h4 {
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px
}

.clean-testimonial-item {
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .075);
    margin-bottom: 30px;
    background-color: #fff;
    color: #212529;
    text-align: left
}

.clean-testimonial-item .card-body {
    padding: 40px
}

.clean-testimonial-item h3 {
    font-size: 1.1em;
    font-weight: 600
}

.clean-testimonial-item p {
    font-size: .9em
}

.clean-testimonial-item h4 {
    font-size: .9em;
    color: #3b99e0
}

.clean-block.add-on {
    padding: 50px 0;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.clean-block.add-on.call-to-action h3 {
    margin-right: 0;
    margin-bottom: 20px
}

.clean-block.add-on.call-to-action button {
    border-radius: 20px
}

.clean-block.add-on.newsletter-sign-up h2 {
    padding-right: 20px
}

.clean-block.add-on.newsletter-sign-up input {
    max-width: 85%;
    margin-bottom: 18px;
    margin-top: 10px
}

.clean-block.add-on.newsletter-sign-up button {
    border-radius: 20px
}

.clean-block.add-on.newsletter-sign-up .input-group {
    max-width: 300px
}

.clean-block.add-on.social-icons .icons i {
    line-height: 45px
}

.clean-block.add-on.social-icons .icons a {
    font-size: 24px;
    margin-right: 4px;
    color: #6aacf3;
    border: 1px solid;
    opacity: .75;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: inline-block;
    text-align: center
}

.clean-block.add-on.social-icons .icons a:hover {
    opacity: 1;
    text-decoration: none
}

.clean-block.add-on.social-icons.blue .icons a {
    color: #fff;
    opacity: 1
}

.clean-block.add-on.social-icons.blue .icons a:hover {
    opacity: .8;
    text-decoration: none
}

.clean-block.add-on.sponsors a img {
    max-width: 170px;
    -webkit-filter: grayscale(.8);
    filter: grayscale(.8)
}

.clean-block.add-on.sponsors a:not(:last-child) img {
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .clean-block.clean-services .row div:last-child .card {
        margin-bottom: 0
    }
}

@media (min-width: 576px) {
    .clean-block .block-heading {
        padding-top: 80px
    }

    .clean-block.clean-hero {
        min-height: 45em;
    }

    .clean-block.clean-hero .text {
        padding: 0
    }

    .clean-block.clean-block.clean-gallery .item {
        margin-bottom: 40px
    }

    .clean-block.payment-form .title {
        font-size: 1.2em
    }

    .clean-block.payment-form .products {
        padding: 40px
    }

    .clean-block.payment-form .products .item-name, .clean-block.payment-form .products .price {
        font-size: 1em
    }

    .clean-block.payment-form .card-details {
        padding: 40px 40px 30px
    }

    .clean-block.payment-form .card-details button {
        margin-top: 2em
    }
}

@media (min-width: 768px) {
    .clean-block.clean-info.right > .container > .row {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .clean-block.clean-info {
        padding-left: 0;
        padding-right: 0;
        text-align: inherit
    }

    .clean-block.clean-info h3 {
        margin-top: 0
    }

    .clean-block.clean-cart .items .product {
        padding: 0;
        text-align: left
    }

    .clean-block.clean-cart .items .product:not(:last-child) {
        padding-top: 0;
        padding-bottom: 25px
    }

    .clean-block.clean-cart .items .product .price {
        font-weight: 700;
        font-size: 22px
    }

    .clean-block.clean-cart .items .product .quantity {
        text-align: center
    }

    .clean-block.clean-cart .items .product .quantity .quantity-input {
        margin: auto;
        padding-left: 15px;
        padding-right: 5px
    }

    .clean-block.clean-cart .items .product .product-name {
        font-size: 1em
    }

    .clean-block.clean-cart .items .product .product-info {
        padding: 0 15px 0 1.5em
    }

    .clean-block.clean-post .post-image {
        height: 400px
    }

    .clean-block.clean-blog-list .block-content {
        padding: 80px
    }

    .clean-blog-post {
        padding-bottom: 70px
    }

    .clean-block.add-on {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .clean-block.add-on.call-to-action h3, .clean-block.add-on.sponsors a:not(:last-child) img {
        margin-right: 20px;
        margin-bottom: 0
    }

    .clean-block.add-on.newsletter-sign-up h2 {
        margin-bottom: 0
    }

    .clean-block.add-on.newsletter-sign-up input {
        max-width: 200px;
        margin-bottom: 0;
        margin-top: 0;
        margin-right: 10px
    }

    .clean-block.clean-catalog .filters {
        padding-top: 30px
    }

    .clean-block.clean-catalog .products {
        padding: 30px 30px 30px 0
    }

    .clean-block.clean-catalog .products .clean-product-item .product-name {
        text-align: left
    }

    .clean-block.clean-catalog .products .row:first-of-type {
        border-top: 1px solid #e8e6e6;
        border-left: 1px solid #e8e6e6
    }

    .clean-block.clean-catalog .products .clean-product-item {
        border-right: 1px solid #e8e6e6
    }

    .clean-block.clean-product .block-content {
        padding: 40px
    }

    .clean-block.clean-product .tab-content .description .right {
        text-align: right
    }
}

@media (min-width: 992px) {
    .clean-card {
        margin-bottom: 0
    }

    .clean-blog-post h3 {
        padding-top: 0
    }

    .clean-block.clean-post .post-image {
        height: 500px
    }

    .clean-block.clean-post .post-body {
        padding: 70px 150px
    }

    .clean-block.clean-testimonials .item {
        margin-bottom: 0
    }

    .clean-block.clean-post .post-body {
        padding: 70px 100px
    }

    .clean-block.clean-post .post-body h4 {
        padding-top: 50px
    }
}

.clean-navbar .navbar-nav .nav-link {
    font-weight: 600;
    font-size: .8rem;
    text-transform: uppercase
}

.clean-navbar.fixed-bottom, .clean-navbar.fixed-top {
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.clean-navbar .navbar-nav .nav-item {
    padding-right: 2rem
}

.clean-navbar .navbar-nav:last-child .item:last-child, .clean-navbar .navbar-nav:last-child .item:last-child a {
    padding-right: 0
}

.clean-navbar .logo {
    font-size: 1.5rem
}

.clean-navbar.fixed-top + .page {
    padding-top: 62px
}

@media (min-width: 576px) {
    .navbar {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem
    }

    .clean-navbar.fixed-top + .page {
        padding-top: 5rem
    }
}

.header-standard .navbar-nav .item {
    padding-left: 20px;
    font-size: 20px
}

.header-standard {
    background-image: url(/static-cms-static-css-..-..-assets-img-header/standard-image1.jpg.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.header-standard .hero {
    padding-top: 200px;
    padding-bottom: 200px;
    text-align: center
}

.header-standard .hero .heading {
    font-size: 50px
}

.header-standard .hero .info {
    margin: 30px auto;
    font-size: 20px;
    margin-top: 30px
}

.page-footer {
    background-color: #fff;
    padding-top: 30px;
    text-align: center
}

.page-footer.dark {
    background-color: #2b2f31
}

.page-footer .footer-copyright {
    background-color: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    margin-top: 50px;
    border: 1px solid #ededed
}

.page-footer.dark .footer-copyright {
    background-color: #222425;
    border-color: #222425
}

.page-footer .footer-copyright p {
    margin: 10px;
    color: #7d8288
}

.page-footer.dark .footer-copyright p {
    color: #ccc
}

.page-footer ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7
}

.page-footer h5 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 30px
}

.page-footer.dark h5 {
    color: #fff
}

.page-footer a {
    color: #53595f;
    text-decoration: none
}

.page-footer.dark a {
    color: #d2d1d1
}

.page-footer a:focus, .page-footer a:hover {
    text-decoration: none;
    color: #1d2125
}

.page-footer.dark a:focus, .page-footer.dark a:hover {
    color: #fff
}

@media (min-width: 576px) {
    .page-footer {
        text-align: left
    }
}

@media (min-width: 768px) {
    .page-footer ul li {
        position: relative;
        padding-left: 10px
    }

    .page-footer ul li:after, .page-footer ul li:before {
        content: "";
        position: absolute;
        left: 0;
        width: 2px;
        height: 6px;
        border-radius: 2px;
        background-color: #007bff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .page-footer ul li:before {
        top: 9px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .page-footer ul li:after {
        top: 13px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

ul.qq-group li, ul.qq-group li a {
    color: #fff;
    padding: 5px 0;
}

.prevpage.btn, .nextpage.btn {
    text-align: left;
    margin-top: 5px;
}

.comment-page-bar {
    text-align: right;
}

.comment-page {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.tags a {
    margin: 5px;
    display: inline-block;
}

.faq-ans p {
    line-height: 30px;
}

.product-price {
    font-weight: 800;
    color: #f00 !important;
    font-size: 18px;
}

ul.filter-bar {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 40px;
}

.filter-s label {
    color: #ffb701;
    font-size: 15px;
    font-weight: 600;
    margin-right: 15px;
}

.filter-bar li {
    padding: 5px 0;
}

.filter-s a {
    padding: 5px 10px;
}

.filter-s a.is-checked {
    background: #ffb806;
    color: #fff;
}

.blog-details-thum img {
    width: 100%;
}

.info .price {
    margin: 10px 0;
    font-size: 20px;
    font-weight: 600;
    color: #f00;
    clear: both;
}

.feature {
    margin: 10px 0;
}

.summary {
    margin: 20px 0;
    line-height: 25px;
}

.buy-bar button.buy {
    color: #fff;
    background: #dc3545;
}

.buy-bar p {
    display: block;
    margin-bottom: 15px;
    font-weight: 600;
}

.nsbar {
    float: right;
}

.nsbar a {
    margin: 0 5px;
}

.contact a {
    width: 200px !important;
}

.jz-body p {
    line-height: 40px;
}

.jz-body {
    padding: 50px 0;
    text-align: center;
    font-size: 20px;
}

.so {
    width: 80%;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

form.search {
    margin: 15px 0;
}

/* --网站语言样式--*/
.lang_box {
    width: 81px;
    height: 33px;
    border-radius: 16px;
    border: 1px solid black;
}

.lang_box .lang_box_main {
    display: flex;
    align-items: center;
    font-size: 18px;
}

.lang_box .lang_box_main i {
    display: block;
    width: 1px;
    height: 18px;
    background-color: #333333;
}

.lang_box .lang_box_main a {
    display: block;
    width: 39px;
    line-height: 31px;
    text-align: center;
    color: #333333;
}

.lang_box .lang_box_main a.on {
    color: #1894da;
}

/* 电话 */
.header_phone {
    /*margin-left: 54px;*/

}

.header_phone a {
    display: flex;
    align-items: center;
}

.header_phone a i {
    display: block;
    width: 33px;
    height: 33px;
    background: url('/static-cms-static-css-..-images-phone71/2x.png.jpg') no-repeat center center;
    background-size: 33px;
    margin-right: 4px;
}

.header_phone a span {
    display: block;
    color: #1894da;
    font-size: 30px;
    /*width: 282px;*/
    font-weight: bold;
    line-height: 60px;
    font-family: Gilroy;
}

.logo {
    display: flex;
    align-items: center;
    /*position: absolute;*/
    /*top: 17px;*/
    /*left: 181px;*/

}

.xian {
    margin: 0 17px 0;
    width: 1px;
    height: 34px;
    background: #E1E1E1;
}

.pbz {
    width: 85px;
    white-space: nowrap;
}

.you {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section1 .swiper-slide a {
    display: block;
    height: 100%;
}
.section1 .swiper-slide img {
    width: 100%;
    height: auto;
    min-height: 100%;
    display: block;
    object-fit: cover;
}

/*.swiper-slide-active img, .swiper-slide-duplicate-active img {*/
/*    transition: 6s linear;*/
/*    transform: scale(1, 1);*/
/*}*/

.slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 100px;
    z-index: 2;
}

.slide-inner .txt {
    opacity: 0;
    color: #2e2e2e;
    margin-left: 125px;
}

.swiper-slide-active .slide-inner .txt {
    animation: bannerUp 1s ease both 1s;
}

.slide-inner .ljxq {
    margin-top: 20px;
    width: 120px;
    height: 40px;
    background: #f00;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    cursor: pointer;
}

.slide-inner .ljxq {
    opacity: 0;
}

.swiper-slide-active .slide-inner .ljxq {
    animation: bannerUp 1s ease both 1s;
}

.my-Swiper .swiper-button-next,
.my-Swiper .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: #2E2E2E;
    border-radius: 50%;
    opacity: 0.6;
}

.my-Swiper .swiper-button-next:after,
.my-Swiper .swiper-button-prev:after {
    font-size: 20px;
    color: #fff;
}

.my-Swiper .swiper-pagination span {
    width: 15px;
    height: 15px;
}

.my-Swiper .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid #FFFFFF;
    background: transparent;
}

.my-Swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 0px solid #FFFFFF;
    background: #1894DA;
}

.containercp {
    width: 80%;
    display: flex;
    align-items: center;
    min-height: 45em;
    justify-content: space-between;
    margin: 0 auto;
    height: 100%;
}

.content-box {
    position: relative;
    width: 678px;
    height: 679px;

    margin-right: 20px;
}

.background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/static-cms-static-css-..-images-bj.png.jpg") no-repeat center center;
    background-size: contain;
    animation: spin 10s linear infinite;
    z-index: 0;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.hexagon-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /*display: none; /* 默认隐藏 */
    display: none;
    align-items: center;
    justify-content: center;
}

.hexagon-container.active {
    display: flex; /* 当有 active 类时显示 */
    
}

.hexagon {
    /* position: absolute;
    width: 90px; */
    overflow: hidden;
    cursor: pointer;
    transition: all 1s ease-in-out;
    max-width:77%;
}

.hexagon img {
    width: 100%;
    height: auto;
    object-fit: cover;
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out; /* 添加平滑过渡 */
}

.hexagon-container .hexagon {
	  transform:translateX(10%) scale(0.8);
	  opacity: 0;
	  transition:all 1s; 
}

.hexagon-container.active .hexagon{
	  transform:translateX(0%) scale(1);
	  opacity: 1;
	  transition-delay: 0.2s;
}
/* 精确定位每个六边形 */
.hexagon-1 {
    top: -6%; /* 根据需要调整 */
    left: 42%; /* 按照您的具体需求调整 */
}

.hexagon-2 {
    top: 15%;
    left: 80%;
}

.hexagon-3 {
    top: 65%;
    left: 80%;
}

.hexagon-4 {
    top: 90%;
    left: 42%;
}

.hexagon-5 {
    top: 65%;
    left: 1%;
}

.hexagon-6 {
    top: 15%;
    left: 1%;
}

.hexagon-7 {
    /* margin: 183px 210px;
    width: 260px;
    height: 259px */
    /*transform: scale(1.3);*/
}

.hexagon-7 img {
    opacity: 1;
}

.hexagon-7 .more {
    margin-top: 21px;
    margin-left: 35px;
    display: flex;
    background: #1894da;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 22px;

    width: 178px;
    height: 44px;
    background: #1894DA;
    border-radius: 22px;
}

.hexagon-7 .more i {
    width: 27px;
    height: 27px;
    margin-left: 10px;

}

.index_news_more.index_more i {
    margin-left: 8px;
    width: 22px;
    height: 22px;
    background: #FFFFFF;
    border-radius: 50%;
    color: #1894DA;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hexagon:hover img,
.hexagon.active img {
    opacity: 1; /* 取消半透明 */
}

/* 现有的步骤条样式保持不变 */
.step-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 25%;
}

.step {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    cursor: pointer;
}

.step img {
    display: block;
    width: 50px;
    height: 50px;
    object-fit: contain;
    text-align: center;
}

.step span {
    display: block;
    position: relative;
    margin-right: 10px;
    font-size: 22px;
}
.step:hover,.step.active{
    opacity: 1;
}
.step:hover .ico,.step.active .ico{
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
}
.step:hover span, .step.active span{
    color: #1894da;
    font-weight: bold;
}
/* 小圆点样式 */
.step::before {
    /* content: "";
    position: absolute;
    top: 50%;
    right: -31px;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: 2px solid #2e2e2e;
    border-radius: 50%;
    z-index: 1; */
}

/* 虚线样式 */
.step-container::after {
    /* content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25px;
    width: 2px;
    background: transparent;
    border-left: 2px dashed #ddd;
    z-index: -1; */
}

/* 激活状态 */
.step.active::before {
    /* background-color: #fff;
    border-color: #1894da; */
}

/* 激活状态下的文字背景 */
.step.active span::after {
    /* content: "";
    position: absolute;
    left: -6px;
    /*transform: translateX(-50%);*/
    /* bottom: -3px;
    width: 0%;
    height: 10px;
    background: #5cc4ff;
    border-radius: 5px;
    z-index: -1;
    transition: width .5s ease; */ 
}

.step span::after {
    /* content: "";
    position: absolute;
    left: -7px;
    /*transform: translateX(-50%);*/
    /* bottom: -3px;
    width: 0%;
    height: 10px;
    background: #5cc4ff;
    border-radius: 5px;
    z-index: -1;
    transition: width .5s ease; */ 
}

.step:hover span::after, .step.active span::after {
    /* width: 107%; */
}

.left-box {
    width: 420px;
}

.left-box .hear-left {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.left-box .hear-left img {
    object-fit: contain;
}

.left-box .hear-left .title {
    margin-left: 10px;
    font-weight: 700;
    font-size: 22px;
    color: #1894DA;
}

.left-box .htitle {
    font-weight: 400;
    color: #2e2e2e;
    font-size: 40px;
    line-height: 60px;
}

.left-box .htitle span {
    color: #1894DA;
}

.left-box .jianjie {
    display: none;
    margin-top: 130px;
}

.left-box .jianjie.active {
    display: block;
}

.left-box .nrtop {
    font-family: SourceHanSansCN;
    font-weight: bold;
    font-size: 30px;
    color: #333333;
    line-height: 79px;
    margin-bottom: 15px;
}

.left-box p,.left-box .nr {
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 29px;
    overflow: hidden;
}

.more {
    margin-top: 33px;
    background: #1894DA;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 70px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 24px;
}

.more i {
    margin-left: 10px;
    width: 27px;
    height: 27px;
    background: #FFFFFF;
    border-radius: 50%;
    color: #1894DA;
    display: flex;
    align-items: center;
    justify-content: center;
}

.baimore {
    margin-top: 52px;
    color: #1894DA;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 153px;
    height: 38px;
    background: #FFFFFF;
    border-radius: 19px;
}

.baimore i {
    margin-left: 10px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    border-radius: 50%;
}

.more:hover {
    color: #fff;
}

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

.indal-head {
    width: calc(100% - 0px);
}

.indal-head .contain {
    display: flex;
    justify-content: space-between;
}

.indal-head .indTitle .name {
}

.indal-head .indTitle .text {
}

.indal-loop {
    width: 100%;
    position: relative;
}

.indal-loop-cont {
    position: absolute;
    width: 410px;
    height: 340px;
    top: 50%;
    right: 180px;
    color: #fff;
    transform: translateY(-50%);
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    background: url(/static-cms-static-css-..-images-bjtp.png.jpg);
    background-size: cover;
}

.indal-loop-cont .contain {
    position: relative;
    width: 100%;
    padding-top: 56px;
    padding-left: 35px;
    padding-right: 39px;
}

.indal-loop-cont .indal-loop-cont-tit {
    max-width: 100%;
}

.indal-loop-cont .indal-loop-cont-btn {
    display: flex;
}

.indal-loop-cont .indal-loop-cont-btn a:nth-child(1) {
    transition: all .4s ease;
    width: 150px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: rgba(255, 255, 255, 0.1) 1px solid;
}

.indal-loop-cont .indal-loop-cont-btn a:nth-child(1) span {
    margin-right: 5px;
}

.indal-loop-cont .indal-loop-cont-btn a:nth-child(1):hover {
    background: #ff0000;
    border: #ff0000 1px solid;
}

.indal-loop-cont .indal-loop-cont-btn a:nth-child(2) {
    transition: all .4s ease;
    width: 150px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #043785;
    margin-left: 20px;
}

.indal-loop-cont .indal-loop-cont-btn a:nth-child(2) span {
    margin-left: 5px;
}

.indal-loop-cont .indal-loop-cont-btn a:nth-child(2):hover {
    background: #ff0000;
}

.indal-menu {
    /* position: absolute; */
/*    
    width: 50%;
    top: 0px;
    transform: translateX(0%);
    left: 0px; */
    
    display: flex;
    flex-direction: column;
}

.indal-menu::before {
    /* content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -25px;
    width: 2px;
    background: transparent;
    border-left: 2px solid #ddd;
    z-index: 0; */
}

.indal-menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}

.indal-menu li .num {
    font-weight: bold;
    font-size: 40px;
    color: #FFFFFF;
}

.indal-menu li {
    display: flex;
    align-items: center;
    margin-top: 50px;
    position: relative;
    height: 30px;
    cursor: pointer;
}

.indal-menu li:before {
    content: "";
    position: absolute;
    left: -27px;
    top: 50%;
    z-index: 1;
    width: 5px;
    height: 9px;
    background: #fff;
    transform: translateY(-50%);
}

.indal-menu li.active:before {
    content: "";
    position: absolute;
    left: -27px;
    top: 50%;
    z-index: 1;
    width: 5px;
    height: 9px;
    background: #1894DA;
    transform: translateY(-50%);
}

/*.indal-menu li:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    z-index: 1;*/
/*    background: rgba(255, 255, 255, 0.1);*/
/*}*/

/*.indal-menu li.active {*/
/*    background: rgba(0, 0, 0, 0.5);*/
/*}*/

.indal-menu li.active .img {
    background-position: center bottom;
}

.indal-menu li.active .indal-menu-cont .texts h1:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1px;
    width: 104%;
    height: 10px;
    background: #1894DA;
    border-radius: 5px;
    z-index: -1;
}

.indal-menu .indal-menu-cont {
    display: flex;
    align-items: center;
    color: #ffffff;
    flex-wrap: wrap;
    flex-direction: column;
}

.indal-menu .indal-menu-cont .texts h1 {

    position: relative;
    margin-left: 10px;
    font-weight: 300;
    font-size: 30px;
    color: #FFFFFF;
    font-weight: bold;
}

.indal-menu li.active .indal-menu-cont .texts h1 {
    font-weight:bold;
}

.indal-menu .img {
    width: 50px;
    height: 50px;
    background-position: center top; /* 将背景图片定位到上半部分的中间 */
    background-size: 100% auto;
    margin-bottom: 10px;
}

/* 效果 */
.indal-loop-cont .name {
    position: relative;
    font-weight: bold;
    font-size: 29px;
    color: #FFFFFF;
}

.baixian {
    width: 47px;
    height: 5px;
    background: #FFFFFF;
    border-radius: 2px;
    margin: 30px 0;
}

/*.indal-loop-cont .name:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: -20px;*/
/*    width: 50px;*/
/*    height: 3px;*/
/*    z-index: 1;*/
/*    background: #ff0000;*/
/*}*/

.indal-loop-cont .name, .indal-loop-cont .hint, .indal-loop-cont .indal-loop-cont-btn {
    opacity: 0;
}

.swiper-slide-active .indal-loop-cont .name {
    animation: bannerUp2 1s ease both .8s;
}

.swiper-slide-active .indal-loop-cont .hint {
    animation: bannerUp2 1s ease both .9s;


    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
}
.swiper-slide-active .indal-loop-cont .hint p{
    color: #fff;
}

.swiper-slide-active .indal-loop-cont .baixian {
    animation: bannerUp2 1s ease both 1s;
}

.swiper-slide-active .indal-loop-cont .baimore {
    animation: bannerUp2 1s ease both 1.1s;
}

.indal .swiper-slide {
    overflow: hidden;
    position: relative;
}

.indal .swiper-slide img {
    width: 100%;
    object-fit: cover;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition: all 0.4s ease 1.2s;
    min-height: 45em;
}

.indal .swiper-slide-active img {
    transition-delay: 0.4s !important;
    transform: matrix(1.06, 0, 0, 1.06, 0, 0);
    transition: all 4s ease;
}

.indal-menu .hear-left {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    /* margin-top: 70px; */
}

.indal-menu .hear-left img {
    object-fit: contain;
}

.indal-menu .hear-left .title {
    margin-left: 10px;
    font-weight: 400;
    font-size: 22px;
    color: #fff;
}

.titlehead {
    font-weight: 400;
    font-size: 48px;
    line-height: 50px;
    color: #FFFFFF;
}

/**/
.yyly {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url("/static-cms-static-css-..-images-yybj.png.jpg");
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.yyly .hear-left {
    display: flex;
    align-items: center;
    width: 80%;
    margin: 55px auto 18px;
}

.yyly .hear-left img {
    object-fit: contain;
    width: 29px;
    height: 18px;
}

.yyly .hear-left .title {
    margin-left: 10px;
    font-weight: 700;
    font-size: 22px;
    color: #1894DA;
}

.gdpb {
    display: flex;
    align-items: center;
    width: 80%;
    margin: 0px auto;
    justify-content: space-between;
}

.yyly .htitle {
    font-weight: 400;
    font-size: 48px;
    color: #2e2e2e;
    line-height: 50px;
    /* margin-bottom:20px; */
}

.yyly .htitle span {
    color: #1894DA;
}

.gdpb .more {
    margin-top: 0px;
}

.yylybody {
    width: 80%;
    margin: 18px auto;
    overflow: hidden;
}

.yylybody .swiper {
    width: 100%;
    height: 100%;
    padding-bottom: 50px;
}

.yylybody .swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.yylybody .swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text-overlay {
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%);
    transition: all 0.5s ease;
    background: transparent;
    color: black;
    text-align: left;
    width: 100%;
    padding: 0 30px;
    height: 100px;
}

.titleov {
    margin-top: 20px;
    color: #fff;
    font-size: 30px;
}

.bodyov {
    margin-top: 16px;
    opacity: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 设置你想显示的最大行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    letter-spacing: 1px;
    text-align: justify;
    text-overflow: ellipsis;
    font-size:18px;
}

.yylybody .swiper .swiper-slide:hover .text-overlay {
    /*transform: translate(-50%, -106%);*/
    background: rgb(24, 148, 218, 0.8);
    color: white;
    height: 180px;
}

.yylybody .swiper .swiper-slide:hover .text-overlay .bodyov {
    opacity: 1;
}

.yylybody .swiper {
    position: relative;
}

.yylybody .swiper .swiper-pagination {
    position: absolute;
    bottom: 10px;
}

.yylybody .swiper .swiper-pagination span {
    width: 14px;
    height: 3px;
    border-radius: 2px;
}

.yylybody .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1894DA;
}

.yylybody .swiper .swiper-pagination .swiper-pagination-bullet {
    background: #2E2E2E;
    opacity: 1;
}

.yylybody .swiper .swiper-button-next {
    top: calc(100% - 15px);
    left: 45px;
}

.yylybody .swiper .swiper-button-prev {
    top: calc(100% - 15px);
    left: 0px;
}

.yylybody .swiper .swiper-button-prev:hover:after,
.yylybody .swiper .swiper-button-next:hover:after {
    color: #1894DA;
}

.yylybody .swiper .swiper-button-next:after {
    font-size: 20px;
    font-weight: 800;
    color: #000;
}

.yylybody .swiper .swiper-button-prev:after {
    font-size: 20px;
    font-weight: 800;
    color: #000;
}

/* 首页-合作伙伴 */
.index_partner {
    width: 100%;
}

.index_partner .containerhb {
    width: 80%;
    margin: 0 auto;
    max-height: 700px;
}

.index_partner .containerhb .swiper-container {
    width: 100%;
    height: auto;
    padding-bottom: 90px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -40px;
}

.index_partner .containerhb .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 200px;
    letter-spacing: 2px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition-property: all;
}

.index_partner .containerhb .swiper-container .swiper-slide .swiperiner {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.index_partner .containerhb .swiper-container .swiper-slide .swiperiner img {
    border: 1px solid #999;
    border-radius: 20px;
}

.index_partner .containerhb .swiper-container .swiper-slide .swiperiner .title {
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    margin-top: 16px;
    width: 79px;
    height: 19px;
    font-weight: 400;
    color: #333333;

}

.index_partner .hear-left {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 69px auto 22px;
}

.index_partner .hear-left img {
    object-fit: contain;
    width: 29px;
    height: 18px;
}

.index_partner .hear-left .title {
    margin-left: 10px;
    font-weight: 400;
    font-size: 22px;
    color: #1894DA;
}

.pagination .page-item .page-link {
    width: 44px;
    height: 44px;
    background: #F6F6F6;
    border-radius: 50%;
    border-color: #f6f6f6;
    color: #666;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    padding: 0;
    margin-right: 10px;
    margin-top: 10px;
}

.pagination .page-item.active .page-link {
    background: #1894da;
    color: #fff;
}

.page-item:last-child .page-link:hover {
    background: #1894da;
    color: #fff;
}

.index_partner .gdpb {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0px auto;
    justify-content: space-between;
}

.index_partner .htitle {
    font-weight: 400;
    font-size: 40px;
    color: #2e2e2e;
    line-height: 50px;
    /*width: 300px;*/
}

.index_partner .htitle span {
    color: #1894DA;
}

.index_partner .more {
    margin-top: 0px;
}

/* 首页-合作伙伴 */
.index_partner {
    width: 100%;
}

.index_partner .title h2 {
    color: #333333;
}

.index_partner .title p {
    color: rgba(189, 187, 187, 0.15)
}

.index_partner .sub_title {
    font-size: 18px;
    color: #333333;
    line-height: 18px;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 70px;
}

.partner_banner a, .partner_bannertwo a {
    display: block;
    background: url('/static-cms-static-css-..-images-LOGO_border.png.jpg') no-repeat center center;
    background-size: 100%;
    border: 1px solid #ccc;
    border-radius: 12px;
    overflow: hidden;
}

.index_partner_banner {
    height: 3rem;
    position: relative;
}

.index_partner_banner p {
    font-size: 20px;
    text-align: center;
    line-height: 24px;
    color: #333333;
    margin-top: 16px;
}

/*.index_partner .more{*/
/*    margin: auto;*/
/*    position: relative;*/
/*    z-index: 2;*/
/*    margin-top: 150px;*/
/*}*/
/*.index_partner .more a p{*/
/*    margin-top: 0;*/
/*}*/

.index_partner_bottom {
    height: 542px;
    width: 542px;
    position: relative;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.index_partner_bottom_fs img {
    display: block;
    width: 100%;
}

.index_partner_bottom_fs::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: url('/static-cms-static-css-..-images-fengsan_mask/2x.png.jpg') no-repeat center center;
    display: block;
    height: 567px;
    width: 100%;
}

.index_partner_bottom .more {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

@keyframes fengsan {
    from {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes fengsan {
    from {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@media (max-width: 1600px) {
    .index_partner_banner p {
        font-size: 16px;
    }
}

@media (max-width: 1300px) {
    .index_partner_banner p {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 1200px) {
    .index_partner_banner {
        height: auto;
        margin-top: 40px;
    }

    .index_partner_banner p {
        font-size: 22px;
        line-height: 32px;
    }

    .partner_banner, .partner_bannertwo {
        height: 4.8rem;
    }

    .partner_banner a, .partner_bannertwo a {
        border-radius: 20px;
    }

    .index_partner_bottom {
        height: auto;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        overflow: hidden;
    }

    .index_partner_bottom_fs img {
        display: block;
        width: 75%;
        height: auto;
        margin: auto;
    }

    .index_partner_bottom_fs::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        background: url('/static-cms-static-css-..-images-fengsan_mask/2x.png.jpg') no-repeat center center;
        display: block;
        height: 100%;
        width: 100%;
        background-size: 100% 100%;
    }

    .index_partner_bottom .more {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 3.5rem;
    }
}

@media (max-width: 990px) {
    .partner_banner, .partner_bannertwo {
        height: 5rem;
    }
}

.ryzz {
    background: url("/static-cms-static-css-..-images-rybj.png.jpg") no-repeat;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.ryzz .box {
    width: 80%;
    margin: 0 auto;
}

.ryzz .bigbox {
    width: 100%;
    background: url("/static-cms-static-css-..-images-zspt.png.jpg") no-repeat;
    background-size: contain;
    background-position: bottom;
}

.ryzz .box .hear-left {
    display: flex;
    align-items: center;
    margin-top: 55px;
}

.ryzz .box .hear-left img {
    object-fit: contain;
    width: 29px;
    height: 18px;
}

.ryzz .box .hear-left .title {
    margin-left: 10px;
    font-weight: 400;
    font-size: 22px;
    color: #1894DA;
}

.ryzz .box .gdpb {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.ryzz .box .htitle {
    font-weight: 400;
    font-size: 40px;
    color: #2e2e2e;
    height: 104px;
    line-height: 50px;
    margin-bottom: 27px;
}

.ryzz .box .htitle span {
    color: #1894DA;
}

.ryzz .box .more {
    margin-top: 0px;
}

.ryzz .box .gdpb .flzs {
    flex: 0.7;
}

.ryzz .box .gdpb .flzs .flzsul {
    display: flex;
    justify-content: flex-end;
}

.ryzz .box .gdpb .flzs .flzsul .flzsli {
    padding-left: 20px;

}

.ryzz .box .gdpb .flzs .flzsul .flzsli.active:after {
    content: '';
    display: flex;
    position: relative;
    bottom: 12px;
    width: 100%;
    height: 10px;
    background: #1894DA;
    border-radius: 5px;
    z-index: -1;
}

.ryzz .box .gdpb .flzs .flzsul .flzsli .flzsa {
    font-weight: 400;
    font-size: 24px;
    color: #2E2E2E;
}

.ryzzbody {
    width: 100%;
    overflow: hidden;
}

.ryzzbody .swiper {
    width: 100%;
    height: 100%;
    min-height: 40em;
    display: none;
}

.ryzzbody .swiper.active {
    display: inline-block;
    margin-top: 16px;
}

.ryzzbody .swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    flex-direction: column;
}

.ryzzbody .swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ryzzbody .swiper .swiper-slide .titleovs {
    background: transparent;
    color: #fefefe;
    margin-top: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ryzzbody .swiper {
    position: relative;
}

.ryzzbody .swiper .swiper-pagination {
    position: absolute;
    bottom: 20px;
}

.ryzzbody .swiper .swiper-pagination span {
    width: 14px;
    height: 3px;
    border-radius: 2px;
}

.ryzzbody .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
}

.ryzzbody .swiper .swiper-pagination .swiper-pagination-bullet {
    background: #2E2E2E;
    opacity: 1;
}

.ryzzbody .swiper .swiper-button-next {
    top: calc(100% - 35px);
    left: 45px;
}

.ryzzbody .swiper .swiper-button-prev {
    top: calc(100% - 35px);
    left: 0px;
}

.ryzzbody .swiper .swiper-button-prev:hover:after,
.ryzzbody .swiper .swiper-button-next:hover:after {
    color: #fff;
}

.ryzzbody .swiper .swiper-button-next:after {
    font-size: 20px;
    font-weight: 800;
    color: #000;
}

.ryzzbody .swiper .swiper-button-prev:after {
    font-size: 20px;
    font-weight: 800;
    color: #000;
}

/**/
/* 首页-关于我们 */
.index_about {
    /*margin-top: 70px;*/
    width: 100%;
    /*background: url('/static-cms-static-css-..-images-about_bg/2x.png.jpg') no-repeat center center;*/
    background-size: 100% auto;
    background-position: top;
    height: 100%;
    padding-top: 7%;
}

.index_about .box {
    width: 80%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.index_about .box .bottomxs {

}

.index_about .box .bottomxs .top {
    font-weight: 400;
    font-size: 30px;
    color: #2E2E2E;
    margin-top: 34px;
    margin-top: 2%;
}

.index_about .box .bottomxs .bodymxs {
    margin: 20px 0 50px;
    display: flex;
    justify-content: space-between;
}

.index_about .box .bottomxs .bodymxs .mxsli {
    width: 113px;
    text-align: center;
}

.index_about .box .bottomxs .bodymxs .mxsli img {

}

.index_about .box .bottomxs .bodymxs .mxsli .tit {
    font-weight: 400;
    font-size: 13px;
    color: #666666;
    margin-top: 16px;
}

.index_about_main {
    margin: auto;
    margin-top: 130px;
    border-radius: 8px;
    display: flex;
    width: 100%;
    max-width: 1500px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1), -7px -7px 12px rgba(255, 255, 255, .2);
}

.index_about_video {
    width: 50%;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
}

.index_about_video a {
    width: 100%;
    height: 100%;
    display: block;
}

.index_about_video_main {
    position: relative;
    width: 100%;
    height: 100%;
    position: relative;
}

.index_about_video_main video {
    display: block;
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: #000;
}

.index_about_video_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 68px;
    cursor: pointer;
}

.index_about_video_btn img {
    width: 65px;
    height: 65px;
    border: 3px solid #ffffff;
    border-radius: 50%;
}

@keyframes videoBtn {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes videoBtn {
    from {
        -webkit-transform: scale(1);
        -webkit-opacity: 1;
    }
    to {
        -webkit-transform: scale(2);
        -webkit-opacity: 0;
    }
}

@keyframes videoBtn2 {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(3);
        opacity: 0;
    }
}

@-webkit-keyframes videoBtn2 {
    from {
        -webkit-transform: scale(1);
        -webkit-opacity: 1;
    }
    to {
        -webkit-transform: scale(3);
        -webkit-opacity: 0;
    }
}

.index_about_video_btn::before {
    content: '';
    display: block;
    width: 68px;
    height: 68px;
    background: #1894da;
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform-origin: center;
    animation: videoBtn 2s linear infinite;
}

.index_about_video_btn::after {
    content: '';
    display: block;
    width: 68px;
    height: 68px;
    background: #55A9DD;
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform-origin: center;
    animation: videoBtn2 2s linear infinite;
}

.index_about_video_main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index_about_description {
    border-radius: 0 8px 8px 0;
    overflow: hidden;
    width: 50%;
    padding: 90px 50px;
    background: #ffffff;
}

.index_about_description h3 {
    font-size: 36px;
    line-height: 60px;
    font-weight: bold;
    color: #1894da;
}

.index_about_description p {
    font-size: 18px;
    line-height: 24px;
    color: #333333;
    font-weight: normal;
}

.index_about_description .index_about_description_content {
    margin-top: 60px;
    font-size: 18px;
    line-height: 32px;
    color: #333333;
    font-weight: normal;
}

.index_about_btn {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}

.index_about_btn .more:first-child {
    margin-right: 20px;
}

.index_about_btn .more:first-child:hover p {
    color: #ffffff;
}

@media (max-width: 640px) {
    .index_about_btn {
        margin-bottom: -10px;
    }

    .index_about_btn .more {
        margin-bottom: 10px;
    }
}

/* 数字滚动 */
.index_about_bottom {
    display: flex;

    /*max-width: 1500px;*/
    /*margin: auto;*/
}

.index_about_bottom_left {
    width: 329px;
}

.index_about_bottom_left .hear-left {
    display: flex;
    align-items: center;
}

.index_about_bottom_left .hear-left img {
    object-fit: contain;
    width: 29px;
    height: 18px;
}

.index_about_bottom_left .hear-left .title {
    margin-left: 10px;
    font-weight: 700;
    font-size: 22px;
    color: #1894DA;
}

.index_about_bottom_left .htitle {
    font-weight: 400;
    font-size: 48px;
    color: #2e2e2e;
    margin: 22px 0 30px;
}

.index_about_bottom_left .htitle span {
    color: #1894DA;
}

.index_about_bottom_left .title h2 {
    color: #333333;
    text-align: left;
}

.index_about_bottom_left .title p {
    left: 0;
    transform: none;
    color: rgba(189, 187, 187, 0.15);
}

.index_about_bottom_left .bdsbox {
    width: 329px;
    height: 381px;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.index_about_bottom_left .bdsbox .bdsli.active {
    height: 163px;
    color: #fff;
    padding-left: 15px;
    display: flex;
    align-items: center;
    padding: 4px 0 16px 17px;
    flex-direction: column;
    background: url("/static-cms-static-css-..-images-dtbjtp.png.jpg") no-repeat;
    background-size: cover;
}

.index_about_bottom_left .bdsbox .bdsli.active .xqbds {
    width: 100%;
}

.index_about_bottom_left .bdsbox .bdsli {
    width: 329px;
    height: 91px;
    background: #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    padding: 0 14px 0 19px;
}

.index_about_bottom_left .bdsbox .bdsli .xqbds {
    font-family: SourceHanSansCN;
    font-weight: 400;
    font-size: 22px;
    line-height: 60px;
}

.index_about_bottom_left .bdsbox .bdsli i {
    font-size: 20px;
    font-weight: 700;
}

.bdsli.active .icon-CaretRight {
    display: none; /* 隐藏i标签 */
}

.bdsli .didian {
    display: none; /* 默认隐藏地址div */
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 21px;
}

.bdsli.active .didian {
    display: block; /* 显示地址div */
    width: 100%;
}

.index_about_bottom_number {
    margin-top: 50px;
    padding-left: 3px;
}

.index_about_bottom_right {
    flex: 1;
    width: 1035px;
    height: 501px;
    margin-top:19px;
    overflow: hidden;
    position: relative;
}

.index_about_bottom_right img {
    width: 100%;
    height: 100%;
}

.index_about_bottom_right p {
    font-size: 28px;
    line-height: 36px;
    color: #1894da;
    font-weight: bold;
    position: absolute;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.index_about_bottom_right .index_about_bottom_right_p1 {
    top: 31%;
    left: 20%;
}

.index_about_bottom_right .index_about_bottom_right_p2 {
    top: 26%;
    left: 55%;
}

.index_about_bottom_right .index_about_bottom_right_p3 {
    top: 53%;
    left: 53.4%;
}

.index_about_bottom_right .index_about_bottom_right_p4 {
    top: 27%;
    right: 27.9%;
    transform: translate(50%, -50%);
}

.index_about_bottom_right .index_about_bottom_right_p5 {
    font-size: 32px;
    line-height: 40px;
    bottom: 38%;
    right: 19%;
    transform: translate(50%, 50%);
}

.index_about_bottom_right .index_about_bottom_right_p6 {
    font-size: 16px;
    line-height: 21px;
    bottom: 68%;
    right: 12%;
    transform: translate(50%, 50%);
    font-weight: 400;
}

.index_about_bottom_right .index_about_bottom_right_p7 {
    font-size: 16px;
    line-height: 21px;
    bottom: 53.5%;
    right: 12%;
    transform: translate(50%, 50%);
    font-weight: 400;
}

.index_about_bottom_right .index_about_bottom_right_p8 {
    font-size: 16px;
    line-height: 21px;
    color: #333;
    bottom: 2%;
    left: 50%;
}

@media (max-width: 1400px) {
    .index_about_bottom_right p {
        font-size: 24px;
    }

    .index_about_bottom_right .index_about_bottom_right_p5 {
        font-size: 28px;
    }

    .index_about_bottom_right .index_about_bottom_right_p6 {
        font-size: 14px;
    }

    .index_about_bottom_right .index_about_bottom_right_p7 {
        font-size: 14px;
    }
}

@media (max-width: 760px) {
    .index_about_bottom_right p {
        font-size: 16px;
        line-height: 24px;
    }

    .index_about_bottom_right .index_about_bottom_right_p5 {
        font-size: 20px;
        line-height: 28px;
    }

    .index_about_bottom_right .index_about_bottom_right_p8 {
        font-size: 14px;
        line-height: 20px;
    }

    .index_about_bottom_right .index_about_bottom_right_p6 {
        font-size: 12px;
        line-height: 15px;
    }

    .index_about_bottom_right .index_about_bottom_right_p7 {
        font-size: 12px;
        line-height: 15px;
    }
}

@media (max-width: 510px) {
    .index_about_bottom_right img {
        transform: translateX(-15%);
    }

    .index_about_bottom_right .index_about_bottom_right_p8 {
        font-size: 12px;

    }

    .index_about_bottom_right p {
        font-size: 14px;
        line-height: 20px;
    }

    .index_about_bottom_right .index_about_bottom_right_p1 {
        left: 6%;
    }

    .index_about_bottom_right .index_about_bottom_right_p2 {
        left: 41%;
    }

    .index_about_bottom_right .index_about_bottom_right_p3 {
        left: 38.4%;
    }

    .index_about_bottom_right .index_about_bottom_right_p4 {
        right: 42.9%;
    }

    .index_about_bottom_right .index_about_bottom_right_p5 {
        right: 36%;
        font-size: 16px;
        line-height: 24px;
    }

    .index_about_bottom_right .index_about_bottom_right_p6 {
        right: 21%;
    }

    .index_about_bottom_right .index_about_bottom_right_p7 {
        right: 18%;
    }
}

/* @media (max-width: 510px){
    .index_about_bottom_right p{
        font-size: 14px;
        line-height: 20px;
    }
    .index_about_bottom_right .index_about_bottom_right_p8{
        font-size: 12px;

    }
    .index_about_bottom_right{
        height: 4.1rem;
    }
    .index_about_bottom_right img{
        position: absolute;
        right: 0;
        width: auto;
        max-width: max-content;
        height: 4.1rem;
    }
} */
.index_about_bottom_number ul {
    width: 350px;
    display: flex;
    flex-wrap: wrap;
}

.index_about_bottom_number ul li {
    width: calc(50% - 10px);
    padding: 30px 0 15px;
    border-bottom: 1px solid #E9E9E9;
}

.index_about_bottom_number ul li:nth-child(2n) {
    padding-left: 20px;
}

.index_about_bottom_number ul li:last-child {
    border-bottom: 0;
}

.index_about_bottom_number ul li:nth-last-child(2) {
    border-bottom: 0;
}

.index_about_bottom_number ul li ._number {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.index_about_bottom_number ul li ._number h3 {
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #1894da;
}

.index_about_bottom_number ul li ._number span {
    font-size: 20px;
    line-height: 20px;
    color: #1894da;
}

.index_about_bottom_number ul li p {
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    white-space: break-spaces;
}

@media (max-width: 1200px) {
    .index_about_bottom {
        display: block;
    }

    .index_about_bottom_left {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .index_about_bottom_left .title h2 {
        color: #333333;
        text-align: center;
    }

    .index_about_bottom_left .title p {
        left: 50%;
        transform: translateX(-50%);
    }

    .index_about_bottom_number {
        margin-top: 20px;
        padding-left: 0;
    }

    .index_about_bottom_number ul {
        width: 100%;
        padding: 0 50px;
        margin-bottom: 10px;
    }

    .index_about_bottom_number ul li {
        width: 50%;
        padding: 30px 15px;
    }

    .index_about_bottom_number ul li:nth-child(2n) {
        padding-left: 15px;
    }

    .index_about_bottom_number ul li ._number {
        margin-bottom: 16px;
        justify-content: center;
    }

    .index_about_bottom_number ul li ._number h3 {
        font-size: 50px;
        line-height: 50px
    }

    .index_about_bottom_number ul li ._number span {
        font-size: 24px;
        line-height: 24px;
    }

    .index_about_bottom_number ul li p {
        font-size: 22px;
        line-height: 32px;
        text-align: center;
    }

    .index_about_bottom_right {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .index_about {
        padding: 80px 0 0;
        /*background: url('/static-cms-static-css-..-images-about_bg_small/2x.png.jpg') no-repeat top center;*/
        background-size: 100% 40%;
    }

    .index_about_main {
        margin-top: 40px;
        display: block;
        border-radius: 0;
    }

    .index_about_video {
        width: 100%;
        border-radius: 0;
        height: auto;
    }

    .index_about_description {
        width: 100%;
        height: auto;
        border-radius: 0;
        padding: 60px;
    }

    .index_about_description .index_about_description_content {
        margin-top: 40px;
        font-size: 22px;
        line-height: 35px;
    }
}

.gywm {
    width: 100%;
    overflow: hidden;
    height: 738px;
    background: #eee;
    position: relative;
}

.gywm .abbody {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    position: relative;
}

.gywm .abbody .bodyleft {
    width: 30%;
}

.gywm .abbody .bodyleft .hear-left {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    margin-top: 70px;
}

.gywm .abbody .bodyleft .hear-left img {
    object-fit: contain;
    width: 29px;
    height: 18px;
}

.gywm .abbody .bodyleft .hear-left .title {
    margin-left: 10px;
    font-weight: 400;
    font-size: 22px;
    color: #1894DA;
}

.gywm .abbody .bodyleft .htitle {
    font-weight: 400;
    font-size: 40px;
    color: #2e2e2e;
    line-height: 50px;
}

.gywm .abbody .bodyleft .htitle span {
    color: #1894DA;
}

.gywm .abbody .bodyleft .bodynr {
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    padding-right: 35px;
}

.gywm .abbody .bodycenter {
    width: 50%;
}

.gywm .abbody .bodycenter .zxplszbh {
    height: 645px;
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.gywm .abbody .bodycenter .zxplszbh .plli {
    display: flex;
    align-items: center;
}

.gywm .abbody .bodycenter .zxplszbh .plli .shuzhi {
    font-weight: bold;
    font-size: 44px;
    color: #1894DA;
    display: flex;
    align-items: flex-start;
}

.gywm .abbody .bodycenter .zxplszbh .plli .shuzhi span {
    font-weight: 400;
    font-size: 14px;
    color: #1894DA;
}

.gywm .abbody .bodycenter .zxplszbh .plli .bcsm {
    width: 113px;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
}

.gywm .abbody .bodycenter .zxplszbh .plli:first-child,
.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(6) {
    margin-left: 169px;
}

.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(2),
.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(5) {
    margin-left: 64px;
}

.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(3),
.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(4) {
    margin-left: 19px;
}

@media only screen  and (max-width: 1900px) and (min-width: 1700px) {
    .gywm .abbody .bodycenter .zxplszbh .plli:first-child,
    .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(6) {
        margin-left: 179px;
    }

    .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(2),
    .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(5) {
        margin-left: 74px;
    }

    .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(3),
    .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(4) {
        margin-left: 29px;
    }
}


.gywm .abbody .bodycenter .zxplszbh .plli:first-child .leftbk,
.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(2) .leftbk,
.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(3) .leftbk,
.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(4) .leftbk,
.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(5) .leftbk,
.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(6) .leftbk {
    margin-right: 10px;
}

.gywm .abbody .bodycenter_fengsan {
    position: absolute;
    z-index: 0;
    right: 8%;
    bottom: 0;
    max-width: 726px;
    max-height: 758px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.gywm .abbody .bodycenter_fengsan img {
    width: 100%;
    /*animation: footerFengsan 12s linear infinite;*/
    position: absolute;
    top: 0;
    left: 0;
}

/*.gywm .abbody .bodycenter_fengsan::before {*/
/*    content: '';*/
/*    display: block;*/
/*    width: 726px;*/
/*    height: 758px;*/
/*    z-index: 9999;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    background: url('/static-cms-static-css-..-images-footer_fengsan_mask/2x.png.jpg') no-repeat center center;*/
/*}*/

@keyframes footerFengsan {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes footerFengsan {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.bodysp {
    position: absolute;
    top: 0;
    right: 0;
    width: 575px;
    height: 100%;
}

.index_about_video_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 68px;
    cursor: pointer;
}

.index_about_video_btn img {
    width: 65px;
    height: 65px;
    border: 3px solid #ffffff;
    border-radius: 50%;
}

@keyframes videoBtn {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes videoBtn {
    from {
        -webkit-transform: scale(1);
        -webkit-opacity: 1;
    }
    to {
        -webkit-transform: scale(2);
        -webkit-opacity: 0;
    }
}

@keyframes videoBtn2 {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(3);
        opacity: 0;
    }
}

@-webkit-keyframes videoBtn2 {
    from {
        -webkit-transform: scale(1);
        -webkit-opacity: 1;
    }
    to {
        -webkit-transform: scale(3);
        -webkit-opacity: 0;
    }
}

.index_about_video_btn::before {
    content: '';
    display: block;
    width: 68px;
    height: 68px;
    background: #1894da;
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform-origin: center;
    animation: videoBtn 2s linear infinite;
}

.index_about_video_btn::after {
    content: '';
    display: block;
    width: 68px;
    height: 68px;
    background: #55A9DD;
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform-origin: center;
    animation: videoBtn2 2s linear infinite;
}

.spvideo {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}
.spvideo video{
    width: 100%;
    height: 100%;
}
.spvideo .plyr--video {
    height: 100%;
}

/*news*/
.news {
    /*background: url("/static-cms-static-css-..-images-z9.png.jpg") no-repeat;*/
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-size: contain;
    background-position: center;
}

.news .box {
    width: 80%;
    margin: 0 auto;
}

.news .bigbox {
    width: 100%;
}

.news .box .hear-left {
    display: flex;
    align-items: center;
    margin-top: 55px;
}

.news .box .hear-left img {
    object-fit: contain;
    width: 29px;
    height: 18px;
}

.news .box .hear-left .title {
    margin-left: 10px;
    font-weight: 400;
    font-size: 22px;
    color: #1894DA;
}

.news .box .gdpb {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.news .box .htitle {
    font-weight: 400;
    font-size: 40px;
    color: #2e2e2e;
    line-height: 50px;
}

.news .box .htitle span {
    color: #1894DA;
}

.news .box .more {
    margin-top: 0px;
}

.news .box .gdpb .flzs {
    flex: 0.6;
}

.news .box .gdpb .flzs .flzsul {
    display: flex;
    justify-content: flex-end;
}

.news .box .gdpb .flzs .flzsul .flzsli {
    margin-left: 20px;

}

.news .box .gdpb .flzs .flzsul .flzsli.active:after {
    content: '';
    display: flex;
    position: relative;
    bottom: 12px;
    width: 100%;
    height: 10px;
    background: #1894DA;
    border-radius: 5px;
    z-index: -1;

}

.news .box .gdpb .flzs .flzsul .flzsli .flzsa {
    font-weight: 400;
    font-size: 24px;
    color: #2E2E2E;

}

.newsbody {
    width: 100%;
    overflow: hidden;
}

.newsbody .swiper {
    width: 100%;
    height: 100%;
    min-height: 35em;
    display: none;
}

.newsbody .swiper.active {
    display: inline-block;
}

.newsbody .swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1), -7px -7px 12px rgba(255, 255, 255, .2);
}

.newsbody .swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newsbody .swiper .swiper-slide .titleovs {
    background: #fff;
    color: #000;
    height: 40px;
    width: 100%;
    padding: 40px 20px;
    transition: all 0.4s ease;
}

.newsbody .swiper {
    position: relative;
    margin-top: 20px;
}

.newsbody .swiper .swiper-pagination {
    position: absolute;
    bottom: 65px;
}

.newsbody .swiper .swiper-pagination span {
    width: 14px;
    height: 3px;
    border-radius: 2px;
}

.newsbody .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1894DA;
}

.newsbody .swiper .swiper-pagination .swiper-pagination-bullet {
    background: #2E2E2E;
    opacity: 1;
}

.newsbody .swiper .swiper-button-next {
    top: calc(100% - 75px);
    left: 45px;
}

.newsbody .swiper .swiper-button-prev {
    top: calc(100% - 75px);
    left: 0px;
}

.newsbody .swiper .swiper-button-prev:hover:after,
.newsbody .swiper .swiper-button-next:hover:after {
    color: #1894DA;
}

.newsbody .swiper .swiper-button-next:after {
    font-size: 20px;
    font-weight: 800;
    color: #000;
}

.newsbody .swiper .swiper-button-prev:after {
    font-size: 20px;
    font-weight: 800;
    color: #000;
}

.fcontainer {
    width: 80%;
    margin: 0 auto;
}

.footer .fcontainer .footerlink {

}

.footer .fcontainer .footerlink .topyq {
    margin-bottom: 45px;
}

.footer .fcontainer .footerlink .topyq:before {
    content: '';
    display: flex;
    width: 100%;
    height: 1px;
    background: #202021;
    border: 1px solid #DCDCDC;
    opacity: 0.3;
    position: relative;
    top: 51px;
    z-index: 1;
}

.footer .fcontainer .footerlink .ljiebox {
    display: flex;
}

.footer .fcontainer .footerlink .ljiebox .ljiedli {
    width: 33.33333%;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    padding: 0 23px 10px;
    position: relative;
}

.footer .fcontainer .footerlink .ljiebox .ljiedli:after {
    content: '';
    width: 1px;
    height: 138px;
    position: absolute;
    background: #595959;
    top: -15px;
    right: 0;
    height: calc(100% + 15px);
}

.footer .fcontainer .footerlink .ljiebox .ljiedli:last-child:after {
    content: ' ';
    width: 0px;
    height: 0px;
    position: absolute;
    background: #595959;
    top: -15px;
    right: 0;
}

.footer .fcontainer .footerlink .ljiebox .ljiedli .lileft {
    width: 268px;
}

.footer .fcontainer .footerlink .ljiebox .ljiedli .lileft .ljmc {
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    margin-top: 10px;
}

.footer .fcontainer .footerlink .ljiebox .ljiedli .lileft .ljdd {
    margin-top: 15px;
    color: #B7B7B7;
    width: 335px;
    /*height: 39px;*/
    font-family: SourceHanSansCN;
    font-weight: 400;
    font-size: 16px;
    color: #B7B7B7;
    line-height: 23px;
}

.footer .fcontainer .footerlink .ljiebox .ljiedli .liright {

}

.footer .fcontainer .footerlink .ljiebox .ljiedli .liright img {
    /* margin-bottom: 10px; */
    height: 60px;
}

.xxk {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 12px;
    background: #f8f8f8;

}

.xxk li .active {
    color: #2e2e2e;
    /*border-bottom: 2px solid #1894DA;*/
}

.xxk li {
    color: #fff;
    margin-right: 20px;
    height: 75px;

}

.xxk li:hover {
    color: #fff;
}


.xxk li a {
    color: #000;
    font-size: 1vw;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

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

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

.bjtd {
    position: relative;
}
.bjtd .img{
    display: block;
}
.bjtd:after {
    content: '';
    display: flex;
    position: absolute;
    top: 0;
    width: 85%;
    height: 100%;
    background: url(/static-cms-static-css-..-images-bjtbyy.png.jpg) no-repeat left;
    background-size: contain;
    z-index: 0;
}

.gsdjj {
    width: 100%;
    overflow: hidden;
    margin-top: 3vw;
}

.gsdjj .bodyjj {
    width: 100%;
    padding: 0 229px;
    display: flex;
}

.gsdjj .bodyjj .gsjjleft {
    width: 50%;
}

.gsdjj .bodyjj .gsjjleft .hear-left {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.gsdjj .bodyjj .gsjjleft .hear-left img {
    object-fit: contain;
    width: 29px;
    height: 18px;
}

.gsdjj .bodyjj .gsjjleft .hear-left .title {
    margin-left: 10px;
    font-weight: 400;
    font-size: 22px;
    color: #1894DA;
}

.gsdjj .bodyjj .gsjjright {
    width: 50%;
}

.gsdjj .bodyjj .gsjjleft .htitle {

    width: 438px;
    font-weight: 400;
    font-size: 40px;
    color: #2E2E2E;
    line-height: 50px;
}

.gsdjj .bodyjj .gsjjleft .htitle span {
    color: #1894DA;
}

.gsdjj .bodyjj .gsjjleft .zpszgd {
    background: url(/static-cms-static-css-..-images-zpbjt.png.jpg) no-repeat;
    background-position: center;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 560px;
}

.gsdjj .bodyjj .gsjjleft .zpszgd .plli {
    display: flex;
    align-items: center;
    /* margin-left: 20px; */
}

/*.gsdjj .bodyjj .gsjjleft .zpszgd .plli::after {*/
/*    content: '';*/
/*    display: flex;*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    background: #1894DA;*/
/*    border-radius: 50%;*/
/*    z-index: 1;*/
/*}*/

.gsdjj .bodyjj .gsjjleft .zpszgd .plli .shuzhi {
    font-weight: bold;
    font-size: 44px;
    color: #1894DA;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.gsdjj .bodyjj .gsjjleft .zpszgd .plli .shuzhi span {
    font-weight: 400;
    font-size: 14px;
    color: #1894DA;
}

.gsdjj .bodyjj .gsjjleft .zpszgd .plli .bcsm {
    width: 113px;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.gsdjj .bodyjj .gsjjleft .zpszgd .plli:first-child {
    position: relative;
    top: 65px;
    /* left: 285px; */
    left: 39.5%;
}

.gsdjj .bodyjj .gsjjleft .zpszgd .plli:nth-child(2) {
    position: relative;
    top: 50px;
    /* left: 164px; */
    left: 18%;
}

.gsdjj .bodyjj .gsjjleft .zpszgd .plli:nth-child(3) {
    position: relative;
    top: 85px;
    /* left: 163px; */
    left: 18%;
}

.gsdjj .bodyjj .gsjjleft .zpszgd .plli:nth-child(4) {
    position: relative;
    top: 70px;
    /* left: 285px; */
    left:39.5%;
}

.gsdjj .bodyjj .gsjjleft .zpszgd .plli:nth-child(5) {
    position: relative;
    top: -80px;
    /* left: 410px; */
    left: 63%;
}

.gsdjj .bodyjj .gsjjleft .zpszgd .plli:nth-child(6) {
    position: relative;
    top: -280px;
    /* left: 410px; */
    left:61%;
}

.fwwl {
    width: 100%;
    overflow: hidden;
    background: url(/static-cms-static-css-..-images-fwdt.png.jpg) no-repeat;
    background-size: cover;
    min-height: 45em;
}

.containerce {
    width: 100%;
    padding: 0 229px;
    margin-top: 50px;
}

.fwwl .hear-left {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.fwwl .hear-left img {
    object-fit: contain;
    width: 29px;
    height: 18px;
}

.fwwl .hear-left .title {
    margin-left: 10px;
    font-weight: 400;
    font-size: 22px;
    color: #fff;
}

.fwwl .titlehead {
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    width: 400px;
}

.pgryzz {
    background: url("/static-cms-static-css-..-images-pgrybj.png.jpg") no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.pgryzz .box {
    width: 80%;
    margin: 0 auto;
}

.pgryzz .bigbox {
    width: 100%;
    background: url(/static-cms-static-css-..-images-zl.png.jpg) no-repeat;
    background-size: contain;
    background-position: 0px 485px;
    position: relative;
        background-position: center 80%;
}

.pgryzz .box .hear-left {
    display: flex;
    align-items: center;
    margin-top: 55px;
}

.pgryzz .box .hear-left img {
    object-fit: contain;
    width: 29px;
    height: 18px;
}

.pgryzz .box .hear-left .title {
    margin-left: 10px;
    font-weight: 400;
    font-size: 22px;
    color: #1894DA;
}

.pgryzz .box .gdpb {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin: 18px 0 50px;
}

.pgryzz .box .htitle {
    font-weight: 400;
    font-size: 40px;
    color: #2e2e2e;
    line-height: 50px;
    /*width: 200px;*/
}

.pgryzz .box .htitle span {
    color: #1894DA;
}

.pgryzz .box .more {
    margin-top: 0px;
}

.pgryzz .box .gdpb .flzs {
    flex: 0.7;
}

.pgryzz .box .gdpb .flzs .flzsul {
    display: flex;
    justify-content: flex-end;
}

.pgryzz .box .gdpb .flzs .flzsul .flzsli {
    padding-left: 20px;

}

.pgryzz .box .gdpb .flzs .flzsul .flzsli.active:after {
    content: '';
    display: flex;
    position: relative;
    bottom: 12px;
    width: 100%;
    height: 10px;
    background: #1894DA;
    border-radius: 5px;
    z-index: -1;
}

.pgryzz .box .gdpb .flzs .flzsul .flzsli .flzsa {
    font-weight: 400;
    font-size: 24px;
    color: #2E2E2E;
}

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

.pgryzzbody .swiper {
    width: 80%;
    height: 100%;
    /*min-height: 40em;*/
    display: none;
    margin: 0px auto;
    padding-bottom: 60px;
    margin-bottom: 50px;
}

.pgryzzbody .swiper.active {
    display: block;
}

.pgryzzbody .swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    flex-direction: column;
}

.pgryzzbody .swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pgryzzbody .swiper .swiper-slide .titleovs {
    background: transparent;
    color: #2E2E2E;
    margin-top: 30px;
    font-weight: 400;
    font-size: 20px;
    line-height: 60px;
    white-space: nowrap;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    margin-top:50px;
}

.pgryzzbody .swiper {
    position: relative;
}

.pgryzzbody .swiper .swiper-pagination {
    position: absolute;
    top: 80%;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 800px;
    height: 10px;
        bottom: 20px;
}

.pgryzzbody .swiper .swiper-pagination span {
    height: 10px;
    background: #1894DA;
}

.pgryzzbody .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
}

.pgryzzbody .swiper .swiper-pagination .swiper-pagination-bullet {
    background: #2E2E2E;
    opacity: 1;
}

.pgryzz .bigbox .swiper-button-next {
    top: 43%;
    right: 200px;
    background: transparent;
    border: 1px solid #6E6E6E;
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
    border-radius: 10px;
}

.pgryzz .bigbox .swiper-button-prev {
    top: 43%;
    left: 200px;
    background: transparent;
    border: 1px solid #6E6E6E;
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
    border-radius: 10px;
}

.pgryzz .bigbox .swiper-button-prev:hover,
.pgryzz .bigbox .swiper-button-next:hover {
    background: #1894DA;
    border: 0;
}

.pgryzz .bigbox .swiper-button-prev:hover:after,
.pgryzz .bigbox .swiper-button-next:hover:after {
    color: #fff;
}

.pgryzz .bigbox .swiper-button-next:after {
    font-size: 20px;
    font-weight: 800;
    color: #6E6E6E;
    transform: rotate(-45deg);
}

.pgryzz .bigbox .swiper-button-prev:after {
    font-size: 20px;
    font-weight: 800;
    color: #6E6E6E;
    transform: rotate(-45deg);
}

.development_course {
    background: url('/static-cms-static-css-..-images-jinajienf.png.jpg') no-repeat;
    background-size: cover;
}

.p100 {
    padding-top: 1rem;
}

.p100_ {
    padding-bottom: 1rem;
}

.w1520 {
    padding: 0 229px;
    /*padding: 0 10vw;*/
}

.pu_text {
    color: #000;
}

.pu_text .t1 {
    display: flex;
    align-items: center;
    color: #1894DA;
    font-weight: 400;
    font-size: 22px;
}

.pu_text .t2 span {
    color: #1894DA;
}

.f26 {
    font-size: 0.26rem;
    line-height: 1.2;
}

.pu_text .t2 {
    font-weight: 400;
    font-size: 40px;
    color: #2E2E2E;
    line-height: 50px;
    margin-top: 0.12rem;
}

.f56 {
    font-size: 0.56rem;
    line-height: 1.2;
}

.development_course .se_cen {
    margin: 0.9rem 0 0.4rem;
    position: relative;
}

.development_course .se_cen .swiper .swiper-slide {
    text-align: center;
}

.development_course .se_cen .background-image {
    top: -1.9rem;
}

.development_course .se_cen .swiper .swiper-slide .num {
    font-size: 3rem;
    color: #1894DA;
    line-height: 0.8;
}

.development_course .se_cen .swiper .swiper-slide .content {
    transform: translateY(-0.8rem);
    margin: 0 auto;
    padding: 43px 0 0 195px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(12px);
    display: flex;
    flex-wrap: wrap;

    text-align: center;
    font-size: 0.23rem;
    width: 826px;
    height: 208px;
    background: #FBFBFB;
    border-radius: 15px;
    opacity: 0.9;
}

.development_course .se_cen .swiper .swiper-slide .content p {



    overflow: auto;
    width: 436px;
    height: auto;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #2E2E2E;
}

.development_course .se_cen .swiper .swiper-slide .content p::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

.development_course .se_cen .swiper .swiper-slide .content p::-webkit-scrollbar-thumb {
    background: #1894DA;
}

.development_course .se_cen .swiper .swiper-slide .content p::-webkit-scrollbar-track {
    background: rgba(14, 61, 138, 0.3);
}

.development_course .se_cen .switch .prev,
.development_course .se_cen .switch .next {
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -0.4rem;
}

.development_course .se_cen .switch .prev:hover,
.development_course .se_cen .switch .next:hover {
    background-color: #1894DA;
    color: #fff;
}

.development_course .se_cen .switch .prev:hover p i,
.development_course .se_cen .switch .next:hover p i {
    color: #fff;
}

.development_course .se_cen .switch .prev p,
.development_course .se_cen .switch .next p {
    border-color: #666;
    transform: rotate(-45deg);
}

.development_course .se_cen .switch .prev p i,
.development_course .se_cen .switch .next p i {
    color: #666;
}

/*.development_course .se_cen .switch .prev p:hover i,*/
/*.development_course .se_cen .switch .next p:hover i {*/
/*    color: #1894DA;*/
/*}*/

.development_course .se_cen .switch .prev {
    top: 50%;
    left: 75px;
    background: transparent;
    border: 1px solid #6E6E6E;
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.development_course .se_cen .switch .next {
    top: 50%;
    right: 75px;
    background: transparent;
    border: 1px solid #6E6E6E;
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.development_course .se_bot .swiper {
    padding: 0.3rem 0;
}

.development_course .se_bot .swiper .swiper-slide {
    text-align: center;
}

.development_course .se_bot .swiper .swiper-slide p {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.development_course .se_bot .swiper .swiper-slide p span {
    display: block;
    transition: 0.4s;
    color: #000;
    font-family: GilroyBold;
}

.development_course .se_bot .swiper .swiper-slide p::after {
    transition: 0.4s;
    opacity: 0;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 2px;
    background: #1894DA;
    transform-origin: center center;
}

.development_course .se_bot .swiper .swiper-slide p::before {
    content: '';
    position: absolute;
    left: 122%;
    top: 50%;
    transform: translateY(-50%);
    width: 1.1rem;
    height: 1px;
    background: #dadfe6;
    margin-left:32px;
}

.development_course .se_bot .swiper .swiper-slide:last-child p::before {
    display: none;
}

.development_course .se_bot .swiper .swiper-slide-thumb-active p span {
    transform: translateY(-0.26rem);
}

.development_course .se_bot .swiper .swiper-slide-thumb-active p::after {
    opacity: 1;
}

.zjtd {

}

.zjtd .hear-left {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.zjtd .hear-left img {
    object-fit: contain;
    width: 29px;
    height: 18px;
}

.zjtd .hear-left .title {
    margin-left: 10px;
    font-weight: 400;
    font-size: 22px;
    color: #1894DA;
}

.zjtd .titlehead {
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    color: #2E2E2E;
}

.zjtd .titlehead span {
    color: #1894DA;
}

.zjtd .zjbody {
    background: url("/static-cms-static-css-..-images-product_bg.png.jpg") no-repeat center;
    background-size: contain;
    margin-top: 130px;
}

.zjtd .zjbody .zjbox {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    min-height: 35em;
}

.zjtd .zjbody .zjbox .zjtxli {
    text-align: center;
    position: absolute;
}

.zjtd .zjbody .zjbox .zjtxli .img {
    border: 5px solid #1894DA;
    border-radius: 50%;
    overflow: hidden;
}

.zjtd .zjbody .zjbox .zjtxli p {
    margin-top: 10px;
}

.zjtd .zjbody .zjbox .zjtxli .img img:hover {
    transform: scale(1.15);
}

.zjtd .zjbody .zjbox .zjtxli .img img {
    transform: scale(1.07);
    transition: all 0.3s ease;
    cursor: pointer;
}

.zjtd .zjbody .zjbox .zjtxli:first-child {
    width: 109px;
    height: 139px;
    top: calc((70 / 79) * 1rem);
    left: calc((27 / 79) * 1rem);
}

.zjtd .zjbody .zjbox .zjtxli:nth-child(2) {
    width: 159px;
    top: calc((-77 / 79) * 1rem);
    left: calc((163 / 79) * 1rem);
}

.zjtd .zjbody .zjbox .zjtxli:nth-child(3) {
    width: 124px;
    top: calc((-43 / 79) * 1rem);
    left: calc((372 / 79) * 1rem);
}

.zjtd .zjbody .zjbox .zjtxli:nth-child(4) {
    width: 156px;
    top: calc((-120 / 79) * 1rem);
    left: calc((575 / 79) * 1rem);
}


.zjtd .zjbody .zjbox .zjtxli:nth-child(5) {
    width: 185px;
    top: calc((-80 / 79) * 1rem);
    left: calc((805 / 79) * 1rem);
}

.zjtd .zjbody .zjbox .zjtxli:nth-child(6) {
    width: 135px;
    top: calc((67 / 79) * 1rem);
    left: calc((1062 / 79) * 1rem);
}

.zjtd .zjbody .zjbox .zjtxli:nth-child(7) {
    width: 192px;
    top: calc((103 / 79) * 1rem);
    left: calc((638 / 79) * 1rem);
}

.zjtd .zjbody .zjbox .zjtxli:nth-child(8) {
    width: 215px;
    top: calc((113 / 79) * 1rem);
    left: calc((258 / 79) * 1rem);
}

.f60 {
    font-size: 0.6rem;
    line-height: 1.2;
}

.df {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.corporate_culture {
    background: url('/static-cms-static-css-..-images-16.png.jpg') no-repeat;
    background-size: cover;
}

.corporate_culture .re_bot .le_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.54rem 0.9rem;
}

.corporate_culture .re_bot .le_box .item {
    cursor: pointer;
}

.corporate_culture .re_bot .le_box .item p {
    transition: 0.4s;
    color: #c2c2c2;
}

.corporate_culture .re_bot .le_box .item.active p {
    color: #fff;
}

.corporate_culture .re_bot .ri_box {
    width: 50%;
}

.corporate_culture .re_bot .ri_box .item {
    width: 100%;
    display: none;
}

.corporate_culture .re_bot .ri_box .item .wenzi {
    color: #fff;
}

.corporate_culture .re_bot .ri_box .item .wenzi .w2 {
    margin-top: 0.1rem;
    font-size: 20px;
}

.corporate_culture .re_bot .ri_box .item .img {
    width: 100%;
    margin-top: 0.54rem;
    border-radius: 0.12rem;
    overflow: hidden;
}

.corporate_culture .re_bot .ri_box .item .img img {
    transition: 0.4s;
    border-radius: 0.12rem;
    width: 100%;
}

.corporate_culture .re_bot .ri_box .item .img:hover img {
    transform: scale(1.05);
}

.corporate_culture .re_bot .ri_box .item.active {
    display: block;
}

.pu_text .hear-left {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.pu_text .hear-left img {
    object-fit: contain;
    width: 29px;
    height: 18px;
}

.pu_text .hear-left .title {
    margin-left: 10px;
    font-weight: 400;
    font-size: 22px;
    color: #fff;
}

.BusinessPartner {
    padding-top: 1.1rem;
    padding-bottom: 1.3rem;
    position: relative;
    background: url(/static-cms-static-css-..-images-bg19.png.jpg) no-repeat 50% 50% / cover;
}

.BusinessPartner .box {
    width: 80%;
    margin: 0 auto;
    margin-top: 50px;

}

.BusinessPartner .box .desc {
    font-size: 0.3rem;
    margin-top: 0.74rem;
}

.BusinessPartner .box .banner {
    margin-top: 52px;
    /*padding-right: 0.1rem;*/
    min-width: 1610px;
}

.BusinessPartner .page {
    margin-top: 0.8rem;
    text-align: center;
}

.BusinessPartner .box .banner .swiper {
    height: 3.9rem;
    padding-right: 10px;
}

.BusinessPartner .box .banner .swiper-slide {
    height: 1.2rem;
}

.BusinessPartner .box .banner .swiper.swiper-grid-column > .swiper-wrapper {
    gap: 10px;
}

.BusinessPartner .box .banner .swiper-slide .img {
    -webkit-transform: translate(1px, 1px);
    -ms-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #d6d6d6;
    cursor: pointer;
}

/*.BusinessPartner .box .banner .swiper-slide .img img {*/
/*    margin: auto;*/
/*}*/
.BusinessPartner .page .swiper-pagination-bullet-active {
    background: #1894DA;
}

.BusinessPartner .page span {
    width: 12px;
    height: 12px;
    opacity: 1;
    background: #e2e5e9;
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

body {
    --f14: 14px;
    --f15: 15px;
    --f16: 16px;
    --f18: 0.18rem;
    --f20: 0.2rem;
    --body_padding: 7.8vw;
}

.w1620 {
    /*padding-left: var(--body_padding);*/
    /*padding-right: var(--body_padding);*/
    /*-webkit-box-sizing: border-box;*/
    box-sizing: border-box;
    margin-top: 73px;
    width: 100%;
}

.BusinessPartner .hear-left {
    width: 80%;
    margin: 0 auto;
    margin-top: -73px;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.BusinessPartner .hear-left img {
    object-fit: contain;
    width: 29px;
    height: 18px;
}

.BusinessPartner .hear-left .title {
    margin-left: 10px;
    font-weight: 400;
    font-size: 20px;
    color: #1894DA;
}

.BusinessPartner .htitle {
    font-weight: 400;
    font-size: 40px;
    color: #2e2e2e;
    line-height: 50px;
    width: 80%;
    margin: 0 auto;


}

.BusinessPartner .htitle span {
    color: #1894DA;
}

/*fc*/
.ydfc {
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #F2F8FE;
}

.ydfc .box {
    width: 100%;
    padding: 0 229px;
}

.ydfc .bigbox {
    width: 100%;
    background-size: contain;
    position: relative;
}

.ydfc .box .hear-left {
    display: flex;
    align-items: center;
    margin-top: 55px;
}

.ydfc .box .hear-left img {
    object-fit: contain;
    width: 29px;
    height: 18px;
}

.ydfc .box .hear-left .title {
    margin-left: 10px;
    font-weight: 400;
    font-size: 20px;
    color: #1894DA;
}

.ydfc .box .gdpb {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.ydfc .box .htitle {
    font-weight: 400;
    font-size: 48px;
    color: #2e2e2e;
    line-height: 58px;

}

.ydfc .box .htitle span {
    color: #1894DA;
}

.ydfc .box .more {
    margin-top: 0px;
}

.ydfc .box .gdpb .flzs {
    flex: 0.3;
}

.ydfc .box .gdpb .flzs .flzsul {
    display: flex;
    justify-content: flex-end;
}


.ydfc .box .gdpb .flzs .flzsul .flzsli {
    padding-left: 20px;
}

.ydfc .box .gdpb .flzs .flzsul .flzsli.active:after {
    content: '';
    display: flex;
    position: relative;
    bottom: 12px;
    width: 100%;
    height: 10px;
    background: #1894DA;
    border-radius: 5px;
    z-index: -1;
}

.ydfc .box .gdpb .flzs .flzsul .flzsli .flzsa {
    font-weight: 400;
    font-size: 24px;
    color: #2E2E2E;
}

.ydfcbody {
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
}

.ydfcbody .swiper {
    width: 80%;
    height: 100%;
    min-height: 27em;
    display: none;
}

.ydfcbody .swiper.active {
    display: block;
}

.ydfcbody .swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    flex-direction: column;
}

.ydfcbody .swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ydfcbody .swiper .swiper-slide .titleovs {
    background: transparent;
    color: #2E2E2E;
    font-size: 20px;
    margin-top: 16px;
}

.ydfcbody .swiper {
    position: relative;
}

.ydfcbody .swiper .swiper-pagination {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translateX(-50%);
    width: 800px;
    height: 10px;
}

.ydfcbody .swiper .swiper-pagination span {
    height: 10px;
    background: #1894DA;
}

.ydfcbody .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
}

.ydfcbody .swiper .swiper-pagination .swiper-pagination-bullet {
    background: #2E2E2E;
    opacity: 1;
}

.ydfc .bigbox .swiper-button-next {
    top: 50%;
    right: 200px;
    background: transparent;
    border: 1px solid #6E6E6E;
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
    border-radius: 10px;
}

.ydfc .bigbox .swiper-button-prev {
    top: 50%;
    left: 200px;
    background: transparent;
    border: 1px solid #6E6E6E;
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
    border-radius: 10px;
}

.ydfc .bigbox .swiper-button-prev:hover,
.ydfc .bigbox .swiper-button-next:hover {
    background: #1894DA;
    border: 0;
}

.ydfc .bigbox .swiper-button-prev:hover:after,
.ydfc .bigbox .swiper-button-next:hover:after {
    color: #fff;
}

.ydfc .bigbox .swiper-button-next:after {
    font-size: 20px;
    font-weight: 800;
    color: #6E6E6E;
    transform: rotate(-45deg);
}

.ydfc .bigbox .swiper-button-prev:after {
    font-size: 20px;
    font-weight: 800;
    color: #6E6E6E;
    transform: rotate(-45deg);
}

.spyoul {

}

.spyoul .hear-left {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.spyoul .hear-left img {
    object-fit: contain;
    width: 29px;
    height: 18px;
}

.spyoul .hear-left .title {
    margin-left: 10px;
    font-weight: 400;
    font-size: 22px;
    color: #1894DA;
}

.spyoul .htitle {
    font-weight: 400;
    font-size: 40px;
    color: #2e2e2e;
    line-height: 50px;
}

.spyoul .htitle span {
    color: #1894DA;
}

.spyoul .spyoulbody {
    margin-top:51px;
}

.spyoul .spyoulbody .headbody {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.spyoul .spyoulbody .headbodybtn {
    margin-top: 20px;
    margin-bottom: 62px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.spyoul .spyoulbody .headbodybtn .headli {
    position: relative;
    cursor: pointer;
}

.spyoul .spyoulbody .headbodybtn .headli img {
    width: 100%;
    border-radius: 8px;
}

.spyoul .spyoulbody .headbody .headli {
    position: relative;
    cursor: pointer;
}

.spyoul .spyoulbody .headbody .headli img {
    border-radius: 8px;
    position: relative;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* 黑色半透明遮罩 */
    opacity: 1;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    display: flex;
    flex-direction: column-reverse;
    color: #fff;
    padding-left: 15px;
    padding-bottom: 15px;
    font-size: 20px;
}

.spyoul .spyoulbody .headbody .headli::after {
    content: '';
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    background: url(/static-cms-static-css-..-images-bfyq.png.jpg) no-repeat center;
    transform: translate(-50%, -50%);
}

.spyoul .spyoulbody .headbodybtn .headli::after {
    content: '';
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    background: url(/static-cms-static-css-..-images-bfyq.png.jpg) no-repeat center;
    transform: translate(-50%, -50%);
}

/* 自定义Fancybox样式 */
.fancybox__content {
    background-color: #000 !important; /* 设置背景颜色 */
    border-radius: 10px; /* 设置边框圆角 */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
}

.fancybox__nav.fancybox__nav--thumbs {
    justify-content: center; /* 居中显示缩略图 */
}

.fancybox__slide--current .fancybox__content {
    transform: scale(1.02); /* 当前幻灯片稍微放大 */
}

.cpcontainerce {
    width: 100%;
    padding: 0 230px;
    margin-top: -50px;
    padding-bottom: 25px;
}

/**/
/***************** 02-02产品详情 *****************/
.product-info1 {
    width: 100%;
    height: 250vh;
    background: #f8f8f8;
}

@media (max-width: 991px) {
    .product-info1 {
        display: none;
    }
}

.product-info1 .product-info1a {
    width: 100%;
    height: 100vh;
    position: sticky;
    left: 0;
    top: 0;
    overflow: hidden;
}

.product-info1 .product-info1a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.product-info1 .product-info1a .cn1 {
    font-size: 3.6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    line-height: 0.72222222em;
    color: #eeeeee;
    word-break: break-word;
}

@media (max-width: 1260px) {
    .product-info1 .product-info1a .cn1 {
        font-size: 3rem;
    }
}

@media (max-width: 991px) {
    .product-info1 .product-info1a .cn1 {
        top: 20%;
        font-size: 1.8rem;
        line-height: 0.9em;
    }
}

.product-info1 .product-info1a .img {
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
}

@media (max-width: 991px) {
    .product-info1 .product-info1a .img {
        width: 80%;
        top: 37%;
    }
}

.product-info1 .product-info1a .img .img2 {
    /*margin: 0 auto;*/
    /*width: 100vw;*/
    /*height: 100vh;*/
    /*object-fit: cover;*/
    margin-left: 580px;
}

.product-info1 .product-info1a .img.img9 {
    width: 100%;
    height: auto;
}

.product-info1 .product-info1a .img.img9 .img2 {

    width: 552px;
    /*height: 521px;*/
}

.product-info1 .product-info1a .container {
    width: 35%;
    opacity: 0;
    z-index: 3;
    position: absolute;
    left: 30%;
    transform: translate(-50%, -50%);
}

.product-info1 .product-info1a .container .text {
    /*padding: 33px;*/
    background-color: #ffffff;
    border-radius: 15px;
    overflow: auto;
    padding: 0.5rem;
    width: 590px;
    height: 521px;
}

@media (max-width: 991px) {
    .product-info1 .product-info1a .container .text {
        width: 100%;
    }
}

.product-info1 .product-info1a .container .text .cn2 {
    color: #999999;
}

.product-info1 .product-info1a .container .text .cn7 {
    margin: 0.25rem 0 0.6rem;
    line-height: 0.8em;
    color: #333333;
}

.product-info1 .product-info1a .container .text .cn3 {
    line-height: 1.5em;
    color: #999999;
}

.product-info1 .product-info1a .container .text .cn9 {
    margin: 0.45rem 0;
}

.product-info1 .product-info1a .container .text .cn9::before {
    background-color: #d5d5d5;
}

.product-info1 .product-info1a .container .text .cn9::after {
    background-color: #d5d5d5;
}

.product-info1 .product-info1a .container .text .cn5 .cn6 {
    line-height: 1.8em;
    color: #333333;
    display: block;
}

.product-info1 .product-info1a .container .text .cn10 {
    margin-top: 0.9rem;
    display: flex;
    align-items: center;
    flex-wrap: Wrap;
}

.product-info1 .product-info1a .container .text .cn10 .cn11 svg {
    margin-right: 0.1rem;
}

.product-info1 .product-info1a .container .text .cn10 .cn11 svg path {
    fill: #00d1d1;
    opacity: 1;
    transition: all 0.4s;
}

.product-info1 .product-info1a .container .text .cn10 .cn11 img {
    margin-right: 0.1rem;
}

.product-info1 .product-info1a .container .text .cn10 .cn11 span {
    color: #00d1d1;
    transition: all 0.4s;
}

.product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1) {
    min-width: 1.8rem;
    padding: 0 0.3rem;
    line-height: 0.5rem;
    border: 2px solid #00d1d1;
    display: flex;
    align-items: center;
    border-radius: 25px;
    margin-right: 0.4rem;
    transition: all 0.4s;
}

@media (max-width: 991px) {
    .product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1) {
        line-height: 0.7rem;
        border-radius: 0.35rem;
    }
}

.product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1):hover {
    background-color: #00d1d1;
}

@media (max-width: 991px) {
    .product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1):hover {
        background-color: transparent;
    }
}

.product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1):hover svg path {
    fill: #fff;
}

@media (max-width: 991px) {
    .product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1):hover svg path {
        color: #00d1d1;
    }
}

.product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1):hover span {
    color: #fff;
}

@media (max-width: 991px) {
    .product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(1):hover span {
        color: #00d1d1;
    }
}

.product-info1 .product-info1a .container .text .cn10 .cn11:nth-child(2) {
    line-height: 0.5rem;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
}

.product-info1 .product-info1a .container .text .htop {
    font-weight: 400;
    font-size: 14px;
    color: #6E6E6E;
}

.product-info1 .product-info1a .container .text .title {
    margin: 20px 0 38px;
    font-weight: bold;
    font-size: 32px;
    color: #2E2E2E;
}

.text .cpjj ul li{
    position: relative;
    color: #6e6e6e;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 8px;
    padding-left: 18px;
}
.text .cpjj ul li:before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: #1894da;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0;
}

.product-info1 .product-info1a .container .text .zs {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.product-info1 .product-info1a .container .text .zs .yq {
    width: 11px;
    height: 11px;
    background: #1894DA;
    border-radius: 50%;
    margin-right: 10px;
}

.product-info1 .product-info1a .container .text .zs .wzms {
    font-weight: 400;
    font-size: 14px;
    color: #6E6E6E;
}

.product-info1 .product-info1a .container .text .more {
    color: #fff;
}

.sidebar {
    width: 35%;
    background-color: #fff;
    padding: 50px 0;
    position: relative;
}

.sidebar nav {
    position: sticky;
    left: 0;
}

.sidebar nav ul {
    list-style: none;
    width: 100px;
}

/*.sidebar nav ul li {*/
/*    margin-bottom: 10px;*/
/*    margin-left: 14px;*/
/*}*/

.sidebar nav ul li a {
    text-decoration: none;
    color: #333;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    transition: background-color 0.3s ease;
    position: relative;
    font-size: 20px;
}

.sidebar nav ul li a:hover,
.sidebar nav ul li a.active {
    color: #1894DA;
}

.sidebar nav ul li a:hover,
.sidebar nav ul li a.active {
    color: #1894DA; /* 当前选中项的文字颜色 */
}

main {
    margin-top: 50px;
}

.content-section {
    padding: 35px 0px;
    /*margin-left: 42px;*/
    /*min-height: 800px; !* 确保有足够的滚动空间 *!*/
}

.content-section h2 {
    margin-bottom: 20px;
}

#section1 table {
    width: 100%;
}

/* 平滑滚动效果 */
html {
    scroll-behavior: smooth;
}

.sidebar nav ul::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}

.sidebar nav ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 0;
    transition: all 0.4s;
    background-color: #1894DA;
}

.sidebar nav ul li a.active::before {
    height: 100%;
}

.thed {
    font-size: 36px;
    margin-bottom: 33px;
}
.ysms {
    font-weight: 400;
    font-size: 18px;
    color: #1A1A1A;
}

#section3 .boxliu {
    margin-top: 25px;
}

#section3 .boxliu ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

#section3 .boxliu ul li {
    background: #F3F3F3;
    padding: 25px;
    /*width: 433px;*/
    height: 227px;
}

#section3 .boxliu ul li .liuli {
    font-size: 18px;

}

#section3 .boxliu ul li .liuli .img {
    width: 60px;
    height: 60px;
    background: url("/static-cms-static-css-..-images-yxbjtp.png.jpg") no-repeat;
    background-size: 40px 40px;
    background-position: 50% 40%;
    text-align: center;
}

#section3 .boxliu ul li .liuli .img img {

}

#section3 .boxliu ul li .liuli .txt {
    margin: 13px 0;
    font-weight: 400;
    font-size: 22px;
}
/*#section3 .boxliu ul li .liuli .desc {*/
/*    width: 358px;*/
/*    height: 44px;*/
/*    font-weight: 400;*/
/*    font-size: 18px;*/
/*    color: #FFFFFF;*/
/*}*/

#section3 .boxliu ul li .liuli .des {
    font-weight: 400;
    font-size: 14px;
}

#section3 .boxliu ul li:nth-child(odd) {
    background: #282E3E;
    color: #fff;
}

#section3 .yylyxq {
    margin-top: 25px;
}

#section4 .yylyxq .yyxqbox {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

#section4 .yylyxq .yyxqbox .yyxqli {
    cursor: pointer;
}

#section4 .yylyxq .yyxqbox .yyxqli .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#section4 .yylyxq .yyxqbox .yyxqli .img {
    overflow: hidden;
}

#section4 .yylyxq .yyxqbox .yyxqli .btxj {
    height: 36px;
    background: #F3F3F3;
    color: #2E2E2E;
    text-align: center;
    line-height: 36px;
}

#section4 .yylyxq .yyxqbox .yyxqli:hover .btxj {
    background: #1894DA;
    color: #ffff;
}

#section4 .yylyxq .yyxqbox .yyxqli:hover .img img {
    transform: scale(1.2);
}

#section5 .liuchengbox {
    /*display: grid;*/
    /*grid-template-columns: repeat(6, 1fr);*/
    /*gap: 60px;*/
    width: 100%;
    display: flex;
    align-items: center;
}

#section5 .liuchengbox .liucli {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    width: 11.5%;
    /*height: 154px;*/
    background: #F3F3F3;
    border-radius: 50%;
    
}
#section5 .liuchengbox .box {
    width: 100%;
    padding-bottom: 100%;
}
#section5 .liuchengbox .box .wrap{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#section5 .liuchengbox .arrow{
    width: 4%;
    margin: 0 1.1%;
}
#section5 .liuchengbox .liucli::after {
    /*content: '';*/
    /*position: absolute;*/
    /*top: 74px;*/
    /*left: 163px;*/
    /*width: 53px;*/
    /*height: 15px;*/
    /*display: flex;*/
    /*background: url(/static-cms-static-css-..-images-yjt.png.jpg) no-repeat;*/
}

#section5 .liuchengbox .liucli:last-child::after {
    content: ' ';
    position: absolute;
    width: 0px;
    height: 0px;
    display: flex;
}

#section5 .liuchengbox .liucli .ms {
    margin-top: 8px;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
}

#section5 .liuchengbox .liucli .img {
    width: 40px;
}

#section5 .liuchengbox .liucli .img .show {
    display: block;

}

#section5 .liuchengbox .liucli .img .none {
    display: none;
}

#section5 .liuchengbox .liucli:hover .img .none {
    display: block;
}

#section5 .liuchengbox .liucli:hover .img .show {
    display: none;
}

#section5 .liuchengbox .liucli:hover {
    background: #1894DA;
    color: #FFFFFF;
}

#section6 .tjbody {

}

#section6 .tjbody .tjbox {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    width: 100%;
}

#section6 .tjbody .tjbox .tjli {
    box-shadow: 0px 8px 30px 2px rgba(99, 99, 99, 0.1);
    border-radius: 8px;
    /* width: 307px;
    height: 377px; */
}

#section6 .tjbody .tjbox .tjli .img {
    padding: 36px;
    width: 307px;
    /* height: 301px; */
}

#section6 .tjbody .tjbox .tjli .title {
    text-align: center;
    padding-bottom: 30px;
    font-weight: 400;
    font-size: 22px;
    color: #333333;
    margin-top: 15px;
}

.lxwmdb {
    background: url("/static-cms-static-css-..-images-i_img15.png.jpg") no-repeat;
    background-size: cover;
}

.lxwmdb .body {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 37px;
}

.lxwmdb .body .ljwz {
    margin: 26px 0;
    display: flex;
    flex-wrap: wrap;
    font-weight: bold;
    font-size: 36px;
    color: #FFFFFF;
    justify-content: center;
    text-align: center;
    /*width: 392px;*/
    /*height: 85px;*/
}

.lxwmdb .body .lxwmmore {
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    line-height: 32px;
    color: #1894DA;
    margin-bottom: 26px;
    width: 159px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #1894DA;
    line-height: 40px;
}

.yfsj {
    background: url("/static-cms-static-css-..-images-yfnl.png.jpg") no-repeat;
    width: 100%;
    /* min-height: 65em; */
    background-size: cover;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.yfsj .txt {
    width: 80%;
    margin: 81px 0 0 229px ;
    font-weight: 400;
    font-size: 40px;
    color: #2E2E2E;
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
}

.enyfsj {
    background: url("/static-cms-static-css-..-images-ensynl.jpg.jpg") no-repeat;
    width: 100%;
    /* min-height: 65em; */
    background-size: cover;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.enyfsj .txt {
    width: 80%;
    margin: 81px 0 0 229px ;
    font-weight: 400;
    font-size: 40px;
    color: #2E2E2E;
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
}

/**/
.yfsb {
    width: 100%;
    padding: 0 229px;
    overflow: hidden;
}

.yfsb .htxt {

    margin-top:81px ;
    font-weight: 400;
    font-size:40px;
    color: #2e2e2e;
}

.yfsb .yfsbbox {
    width: 100%;
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.yfsb .yfsbbox .yfsbli .txt {
    font-weight: bold;
    font-size: 30px;
    color: #2e2e2e;
    margin: 25px 0 19px;
}

.yfsb .yfsbbox .yfsbli .yt {
    font-weight: 400;
    font-size: 22px;
    color: #6e6e6e;
}

.yfsb .yfsbbox .yfsbli:hover .txt {
    color: #1894DA;
}

.yfsb .yfsbbox .yfsbli:hover .img img {
    transform: scale(1.2);
    transition: all 0.3s ease-out;
}

.yfsb .yfsbbox .yfsbli .img {
    overflow: hidden;
}

/**/
.ServiceSystem {
    width: 100%;
    padding: 0 229px;
    background: url("/static-cms-static-css-..-images-yfbjtp.png.jpg") no-repeat;
}

.ServiceSystem .box {
    position: relative;
}

.ServiceSystem .box .img {
    width: 8.2rem;
    margin: auto;
}

.ServiceSystem .box .img img {
    width: 100%;
}

.ServiceSystem .box .list .item {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 1.52rem;
}

.ServiceSystem .box .list .item .b img {
    width: 100%;
}

.ServiceSystem .box .list .item .orientation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ServiceSystem .box .list .item .orientation div {
    margin: auto;
    text-align: center;
}

.ServiceSystem .box .list .item .orientation div .icon img {
    max-height: 0.42rem;
}

.ServiceSystem .box .list .item .orientation div .desc {
    font-size: 22px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 70px;
    color: #fff;
}

.ServiceSystem .box .list .item1 {
    top: 24%;
    left: -1%;
}

.ServiceSystem .box .list .item2 {
    top: 31%;
    left: 16.3%;
}

.ServiceSystem .box .list .item3 {
    top: 2%;
    left: 27%;
}

.ServiceSystem .box .list .item4 {
    top: 8%;
    left: 63%;
}

.ServiceSystem .box .list .item5 {
    top: 30%;
    left: 85%;
}

.ServiceSystem .box .list .item6 {
    top: 68%;
    left: 6%;
}

.ServiceSystem .box .list .item7 {
    top: 57%;
    left: 26%;
}

.ServiceSystem .box .list .item8 {
    top: 72%;
    left: 53%;
}

.ServiceSystem .box .list .item9 {
    top: 43%;
    left: 66%;
}

.ServiceSystem .box .list .item10 {
    top: 66%;
    left: 87%;
}

.ServiceSystem .InnerTit .con1 {
    width: 100%;
    padding-top: 74px;
    font-weight: 400;
    font-size: 40px;
    color: #2E2E2E;
}

/**/
.CustomizedService .w1620 .InnerTit .con1 {
    font-weight: 400;
    font-size: 40px;
    color: #2E2E2E;
    
}

.CustomizedService {
    width: 100%;
    padding: 0 228px;
}

.CustomizedService .box {
    /*padding: 1.64rem 0;*/
    position: relative;
}

.CustomizedService .box .images {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.CustomizedService .box .banner {
    --w: 4.8rem;
    --w1: 2rem;
    margin-top: 70px;
    margin-bottom: 94px;
}

.CustomizedService .box .banner .swiper-slide {
    width: var(--w1);
    position: relative;
    height: auto;
    -webkit-transform: translateX(-1.5rem);
    -ms-transform: translateX(-1.5rem);
    transform: translateX(-1.5rem);
}

.CustomizedService .box .banner .swiper-slide .tu img {
    width: 100%;
}

.CustomizedService .box .banner .swiper-slide .one {
    /*-webkit-transform: scale(0.4);*/
    /*-ms-transform: scale(0.4);*/
    /*transform: scale(0.4);*/
    opacity: 0;
    /*-webkit-transition: 0.6s;*/
    /*-o-transition: 0.6s;*/
    /*transition: 0.6s;*/
}

.CustomizedService .box .banner .swiper-slide .one .nr {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.CustomizedService .box .banner .swiper-slide .one .nr > div {
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.CustomizedService .box .banner .swiper-slide .one .nr > div .icon {
    width: 1.4125rem;
    height: 1.4125rem;
}

.CustomizedService .box .banner .swiper-slide .one .nr > div .tit {
    margin-top: 0.38rem;
    font-size: 0.4rem;
    color: #1894DA;
}

.CustomizedService .box .banner .swiper-slide .two {
    width: var(--w1);
    height: var(--w1);
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.CustomizedService .box .banner .swiper-slide .two .nr {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.CustomizedService .box .banner .swiper-slide .two .nr > div {
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.CustomizedService .box .banner .swiper-slide .two .nr > div .icon {
    width: 0.8rem;
    height: 0.8rem;
}

.CustomizedService .box .banner .swiper-slide .two .nr > div .tit {
    margin-top: 0.16rem;
    font-size: 0.24rem;
    color: #fff;
}

@media screen and (min-width: 1200px) {
    .CustomizedService .box .banner .swiper-slide-active {
        width: var(--w) !important;
    }

}

.CustomizedService .box .banner .swiper-slide-active .one {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.CustomizedService .box .banner .swiper-slide-active .two {
    opacity: 0;
}

/**/
.pzgltx {
    overflow: hidden;
    width: 100%;
    padding: 0 229px;
}

.pzgltx .head {

    margin: 60px auto 24px;
    font-weight: 400;
    font-size: 40px;
    color: #2e2e2e;
}

.pzgltx .des {
    width: 100%;
    font-weight: 400;
    font-size: 22px;
    color: #2e2e2e;
    margin-bottom: 30px;
}

.pzgltx .pzglbod {
    width: 100%;

}

.pzgltx .pzglbod .pzglbox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px;
    margin-bottom: 75px;
}

.pzgltx .pzglbod .pzglbox .pzglli {

    padding: 36px;
    background: url(/static-cms-static-css-..-images-csrz1.png.jpg) no-repeat;
    background-size: cover;
    width: 457px;
    height: 274px;
    background: #1894DA;
    border-radius: 0px 0px 55px 0px;
}

.pzgltx .pzglbod .pzglbox .pzglli .txt {
    color: #fff;
    font-weight: 400;
    font-size: 44px;
    line-height: 60px;
}

.pzgltx .pzglbod .pzglbox .pzglli .desc {
    font-weight: 400;
    font-size: 22px;
    line-height: 35px;
    color: #ffffff;
}

/**/
.sbnr {
    width: 100%;
    padding: 0 229px;
    overflow: hidden;
    background: url("/static-cms-static-css-..-images-ebj.png.jpg") no-repeat;
    background-size: cover;
}

.sbnr .scks {
    width: 100%;

}

.sbnr .scks .kstb {
    margin: 64px 0 25px 0;
    font-weight: 400;
    font-size: 40px;
    color: #2e2e2e;
}

.sbnr .scks .scbox {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.sbnr .scks .scbox .sclis {
    position: relative;
    /*height: 274px;*/
}

.sbnr .scks .scbox .sclis:hover .scbt {
    background: rgb(24, 148, 218, .8);
}

.sbnr .scks .scbox .sclis .scbt {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    background: rgba(46, 46, 46, .8);
    color: #fff;
    line-height: 50px;
}

.sbnr .jysb {
    width: 100%;
    margin: 0 auto;
}

.sbnr .jysb .kstb {
    margin: 0 0 25px 0;
    font-weight: 400;
    font-size: 40px;
    color: #2e2e2e;
}

.sbnr .jysb .scbox {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.sbnr .jysb .scbox .sclis {
    position: relative;
    /*height: 274px;*/
}

.sbnr .jysb .scbox .sclis:hover .scbt {
    background: rgb(24, 148, 218, .8);
}

.sbnr .jysb .scbox .sclis .scbt {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    background: rgba(46, 46, 46, .8);
    color: #fff;
    line-height: 50px;
}

/**/
.pd3 {
    padding-top: 74px;
    background: url(/static-cms-static-css-..-images-zsbjudu.png.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    padding-bottom: 74px;
}

.pd3 .tit {

    padding-left:228px ;
    color: #ffffff;
    width: 6rem;
}

.pd3 .tit .h {
    line-height: 0.42rem;
    font-size: 40px;
    margin-bottom: 0.36rem;
}

.pd3 .tit .p {
    line-height: 0.3rem;
    opacity: 0.7;
}

.cd4 .pd3 .tit .p {
    opacity: 0.8;
}

.pd3 .mySwiper2 {
    margin-top: -47px;
    padding-bottom: 1.8rem;
    margin-left: 100px;

    padding-left: 68px;
    position: relative;
    overflow: hidden;
}

.pd3 .mySwiper2 .swiper-slide {
    transition: all 0.5s;
    padding-left: 151px;
    color: #ffffff;
    text-align: center;
}

.pd3 .mySwiper2 .swiper-slide .num {
    font-family: cm;
    line-height: 1;
    transition: all 0.5s;
    transform: translateY(100%);
    font-weight: bold;
}

.pd3 .mySwiper2 .swiper-slide-active .num {
    transform: translateY(45%);
}

.pd3 .mySwiper2 .swiper-slide .p {
    line-height: 1;
    transition: all 0.5s;
    transform: translateY(-100%);
    padding-top: 27px;
    opacity: 1;
    font-size: 30px;
    font-weight: 400;
}

.pd3 .mySwiper2 .swiper-slide-active .p {
    transform: translateY(0%);
}

.pd3 .mySwiper2 .swiper-slide-prev {
    transform: translateY(178px);
    opacity: 0.5;
}

.pd3 .mySwiper2 .swiper-slide-active {
    transform: translateY(0);
}

.pd3 .mySwiper2 .swiper-slide-next {
    transform: translateY(82px);
    opacity: 0.5;
}

.pd3 .mySwiper2 .swiper-slide .pic {
    border-radius: 0.2rem;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.pd3 .mySwiper2 .swiper-slide .pic img {
    transition: all 0.5s;
    width: 100%;
}

.pd3 .mySwiper2 .swiper-slide:hover .pic img {
    transform: scale(1.05);
}

.pd3 .mySwiper {
    position: relative;
    overflow: hidden;
    margin-top: 36px
}

.pd3 .mySwiper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 100vw;
    background-color: rgba(255, 255, 255, 0.17);
}

.pd3 .mySwiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.62rem;
}

.pd3 .mySwiper .swiper-slide .dian {
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 50%;
    background-color: #505050;
    position: relative;
}

.pd3 .mySwiper .swiper-slide-active .dian {
    width: 0.62rem;
    height: 0.62rem;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.28);
}

.pd3 .mySwiper .swiper-slide .dian::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 50%;
    background-color: #fff;
}

.pd3 .mySwiper .swiper-slide .dian::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border: 1px solid #ffffff;
    border-radius: 50%;
    transition: all 0.5s;
    opacity: 0;
}

.pd3 .mySwiper .swiper-slide-active .dian::after {
    width: 0.5rem;
    height: 0.5rem;
    opacity: 1;
    animation: boderMx 2.3s infinite;
}

@keyframes boderMx {
    0% {
        width: 0.06rem;
        height: 0.06rem;
        opacity: 0
    }

    20% {
        opacity: 0.3
    }

    75% {
        width: 0.5rem;
        height: 0.5rem;
        opacity: 0.7
    }

    100% {
        opacity: 0
    }

}

.pd3 .mySwiper .swiper-button-next {
    width: 0.5rem;
    height: 0.5rem;
    background: url(/static-cms-static-css-..-images-p_next.png.jpg) no-repeat center;
    background-size: 100% 100%;
    margin: 0;
    transform: translateY(-50%);
    right: 227px;
    opacity: 1;
    cursor: pointer;
}

/*.pd3 .mySwiper .swiper-button-next:hover {*/
/*    background-image: url(/static-cms-static-css-..-images-pd3_next1.png.jpg);*/
/*}*/

.pd3 .mySwiper .swiper-button-next:after {
    display: none;
}

.pd3 .mySwiper .swiper-button-prev {
    width: 0.5rem;
    height: 0.5rem;
    background: url(/static-cms-static-css-..-images-p_prev.png.jpg) no-repeat center;
    background-size: 100% 100%;
    margin: 0;
    transform: translateY(-50%);
    left: 231px;
    opacity: 1;
    cursor: pointer;
}

/*.pd3 .mySwiper .swiper-button-prev:hover {*/
/*    background-image: url(/static-cms-static-css-..-images-pd3_prev1.png.jpg);*/
/*}*/

.pd3 .mySwiper .swiper-button-prev:after {
    display: none;
}

@keyframes zhuan {
    from {
        transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg) scale(1);
    }
}

@keyframes myMove1 {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes myMove1 {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes dh1 {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(0.96);
        opacity: 0;
    }
}

@-webkit-keyframes dh2 {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1.01);
        opacity: 0;
    }
}


.social-share .icon-wechat:before {
    opacity: 0;
}


@media screen and (min-width: 2270px) {
    html {
        font-size: 128px !important;
    }
}

@media screen and (min-width: 1922px) {
    html {
        font-size: 118px !important;
    }

    .f_12 {
        font-size: 0.12rem;
    }

    .f_14 {
        font-size: 0.14rem;
    }

    .f_15 {
        font-size: 0.15rem;
    }

    .f_16 {
        font-size: 0.16rem;
    }

    .f_18 {
        font-size: 0.18rem;
    }

    .f_20 {
        font-size: 0.2rem;
    }

    .f_22 {
        font-size: 0.22rem;
    }

    .f_24 {
        font-size: 0.24rem;
    }

    .f_25 {
        font-size: 0.25rem;
    }

    .f_26 {
        font-size: 0.26rem;
    }

    .f_28 {
        font-size: 0.28rem;
    }

    .f_30 {
        font-size: 0.3rem;
    }

    .f_32 {
        font-size: 0.32rem;
    }

    .f_34 {
        font-size: 0.34rem;
    }

    .f_36 {
        font-size: 0.36rem;
    }

    .f_38 {
        font-size: 0.38rem;
    }

    .f_40 {
        font-size: 0.4rem;
    }

    .f_42 {
        font-size: 0.42rem;
    }

    .f_44 {
        font-size: 0.44rem;
    }

    .f_45 {
        font-size: 0.45rem;
    }

    .f_48 {
        font-size: 0.48rem;
    }

    .f_50 {
        font-size: 0.5rem;
    }

    .f_56 {
        font-size: 0.56rem;
    }

    .f_60 {
        font-size: 0.6rem;
    }

    .f_62 {
        font-size: 0.62rem;
    }

    .f_66 {
        font-size: 0.66rem;
    }

    .f_68 {
        font-size: 0.68rem;
    }

    .f_80 {
        font-size: 0.8rem;
    }

    .f_96 {
        font-size: 0.96rem;
    }

    .f_100 {
        font-size: 1rem;
    }

    .f_106 {
        font-size: 1.06rem;
    }

    .f_187 {
        font-size: 1.87rem;
    }

    .con2 .box .p span {
        width: 100px;
    }
}

@media screen and (max-width: 1680px) {
    html {
        font-size: 86px !important;
    }
}

@media screen and (max-width: 1560px) {
    .f_187 {
        font-size: 140px;
    }

    .f_106 {
        font-size: 76px;
    }

    .f_100 {
        font-size: 75px;
    }

    .f_96 {
        font-size: 72px;
    }

    .f_80 {
        font-size: 60px;
    }

    .f_62 {
        font-size: 46px;
    }

    .f_60 {
        font-size: 45px;
    }

    .f_68 {
        font-size: 52px;
    }

    .f_42 {
        font-size: 32px;
    }

    .f_38 {
        font-size: 28px;
    }

    .f_36 {
        font-size: 27px;
    }

    .f_34 {
        font-size: 26px;
    }

    .f_32 {
        font-size: 24px;
    }

    .f_28 {
        font-size: 21px;
    }

    .f_26 {
        font-size: 20px;
    }

    .f_25 {
        font-size: 19px;
    }

    .f_24 {
        font-size: 18px;
    }

    .f_22 {
        font-size: 18px;
    }

    .f_20 {
        font-size: 18px;
    }

    .f_18 {
        font-size: 16px;
    }

    .f_16 {
        font-size: 14px;
    }

    .f_15 {
        font-size: 13px;
    }

    html {
        font-size: 82px !important;
    }

    .nd_con .top .h {
        font-size: 24px;
        line-height: 32px;
    }

    .ab5 .right {
        width: 18.77vw;
    }

    .ab5 .right .swiper-slide-active div {
        font-size: 16px;
    }

    .ab1 .w1676 .left .boxs .box .p2 {
        font-size: 12px;
    }
}

@media screen and (max-width: 1440px) {
    html {
        font-size: 75px !important;
    }

    .mod1 .pics {
        padding: 2rem 0;
    }

    .i_part3 .boxs .box .txt .p1 {
        line-height: 24px;
    }

    .i_part3 .boxs .box .txt .p2 {
        line-height: 24px;
    }

    .footer .top .w1676 .t_right ul {
        margin-left: 0.8rem;
    }

    .con2 .box .p span {
        width: 70px;
    }
}

@media screen and (max-width: 1366px) {
    html {
        font-size: 71px !important;
    }

    .f_20 {
        font-size: 14px;
    }
}

@media screen and (max-width: 1280px) {
    html {
        font-size: 66px !important;
    }

    .i_part2 .con .right .swiper-slide .p {
        line-height: 24px;
    }

    .i_part2 .con .right .swiper-slide .pic {
        width: 80%;
        margin: 0 auto;
    }

    .i_part4 .txt .p {
        width: 8rem;
        line-height: 24px;
        margin-bottom: 0.3rem;
    }

    .i_part4 .bottom .w1676 {
        padding-bottom: 0.4rem;
    }

    .ml .btn {
        width: 1rem;
        height: 1rem;
    }
}

@media screen and (max-width: 1024px) {
    html {
        font-size: 60px !important;
    }

    .header {
        display: none;
    }

    .m_header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        padding: 10px 15px;
        z-index: 98;
    }

    .m_header .mh_top {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .m_header .mh_top > div {
        display: block;
        align-items: center;
    }

    .m_header .mh_top > div .h_btn {
        width: 1.95rem;
        line-height: 0.58rem;
        text-align: center;
        border: 1px solid #000000;
        font-size: 0.24rem;
        margin-right: 0.44rem;
    }

    .m_header .logo img {
        width: 120px;
    }

    .m_header .btn {
        display: block;
    }

    .m_header .btn {
        margin-right: 0;
        cursor: pointer;
        height: 37px;
        padding-top: 16px;
    }

    .m_header .btn.hide {
        opacity: 0;
    }

    .m_header .btn span {
        display: block;
        width: 22px;
        height: 1px;
        background-color: #333;
        border-radius: 1px;
        transition: all 0.3s;
    }

    .m_header .btn span:nth-child(1) {
        transform: translate(0, -8px);
    }

    .m_header .btn span:nth-child(2) {
        transform: translate(12px, 0);
        width: 12px;
    }

    .m_header .btn span:nth-child(3) {
        transform: translate(0px, 8px);
    }

    .m_header .btn:hover span:nth-child(1) {
        transform: translate(0, -8px);
    }

    .m_header .btn:hover span:nth-child(2) {
        transform: translate(0, 0);
        width: 22px;
    }

    .m_header .btn:hover span:nth-child(3) {
        transform: translate(0, 8px);
    }

    .m_header {
        display: block;
    }

    .mh_nav {
        display: block;
    }

    .mh_nav {
        position: fixed;
        top: 0;
        left: 10%;
        width: 90%;
        transform: translateX(120%);
        z-index: 99;
        background-color: #fff;
        height: 100vh;
        overflow: auto;
        padding: 50px 25px;
        transition: all 0.5s;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    }

    .mh_nav.show {
        transform: translateX(0);
    }

    .mh_nav .close {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px;
    }

    .mh_nav .nav > li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
        padding-right: 60px;
    }

    .mh_nav .nav > li:last-child {
        display: none;
    }

    .mh_nav .nav > li > a {
        line-height: 60px;
        font-size: 16px;
        display: block;
    }

    .mh_nav .nav > li:after {
        content: "";
        position: absolute;
        right: 0;
        top: 24px;
        transition: all 0.5s;
        width: 12px;
        height: 12px;
        background: url(/static-cms-static-css-..-img-hl_jt.png.jpg) no-repeat center;
    }

    .mh_nav .nav > li.on:after {
        transform: rotate(90deg);
    }

    .mh_nav .nav > li:first-child:after {
        display: none;
    }

    .mh_nav .nav > li .nav1 {
        padding: 15px;
        line-height: 36px;
        display: none;
        font-size: 14px;
    }

    .footer .top .w1676 .t_right {
        display: none;
    }

    .footer .top .w1676 .link {
        display: none;
    }

    .footer .top .w1676 .t_left {
        width: 100%;
        text-align: center;
    }

    .footer .top .w1676 .t_left .f_logo {
        display: none;
    }

    .footer .top .w1676 .t_left .tel {
        display: table;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .footer .top .w1676 .t_left .fx {
        display: none;
    }

    .footer .top .w1676 .t_left .code {
        margin: 0 auto;
    }

    .footer .top .w1676 .t_left .code img {
        width: 120px;
    }

    .footer .bottom .w1676 .b_left {
        display: block;
        text-align: center;
        line-height: 2;
        width: 100%;
        font-size: 12px;
    }

    .footer .bottom .w1676 .b_left span {
        opacity: 0;
    }

    .footer .bottom .w1676 .b_right {
        display: none;
    }

    .ny_banner {
        height: 133.33vw;
    }

    .ny_banner .txt .h {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 16px;
    }

    .ny_banner .txt .p {
        font-size: 20px;
        line-height: 30px;
        padding: 0 20px;
    }

    .ny_tab {
        display: none;
    }

    .right_slide {
        display: none;
    }

    .con_con .con1 {
        display: block;
        padding: 77.3% 0 0 0;
        background: url(/static-cms-static-css-..-img-con_con1_bjm.png.jpg) no-repeat center top !important;
        background-size: 100% auto !important;
    }

    .con_con .con1 .right {
        padding: 43px 0 15px 0;
    }

    .con_con .con1 .right .item {
        padding: 0 15px;
        margin-bottom: 25px;
    }

    .con1 .right .item .icon {
        width: 32px;
        height: 32px;
        margin-right: 25px;
    }

    .con1 .right .item .txt .h {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 7px;
    }

    .con1 .right .item .txt .p {
        font-size: 14px;
        line-height: 20px;
    }

    .con1 .right .map {
        margin-top: 0;
        border-top: none;
    }

    .con_con .con2 {
        display: block;
        width: calc(100% - 30px);
        padding-top: 20px;
    }

    .con2 .box {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        padding: 23px 25px;
    }

    .con2 .box .btn {
        float: none;
    }

    .nt_con {
        padding: 120px 0;
    }

    .w1676 {
        width: calc(100% - 30px);
    }

    .nt_con .top {
        display: block;
        margin-bottom: 45px;
    }

    .nt_con .top .tit {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 46px;
        text-align: center;
    }

    .nt_con .top ul {
        font-size: 18px;
        line-height: 24px;
        justify-content: space-between;
    }

    .nt_con .top ul li {
        margin-left: 0;
    }

    .nt_con .boxs {
        display: block;
    }

    .nt_con .boxs .box {
        width: 100%;
        margin-bottom: 30px;
    }

    .nt_con .boxs .box .txt {
        padding: 25px 20px 27px 20px;
    }

    .nt_con .boxs .box .txt .h {
        font-size: 18px;
        line-height: 28px;
        height: 56px;
        margin-bottom: 17px;
    }

    .nt_con .boxs .box .txt .solid {
        margin-bottom: 22px;
    }

    .nt_con .boxs .box .txt .day {
        font-size: 14px;
        line-height: 18px;
    }

    .down_con .bottom {
        display: block;
        width: 100%;
    }

    .down_con .bottom .left {
        width: 100%;
    }

    .down_con .bottom .right {
        width: 100%;
    }

    .down_con .bottom .left .h {
        display: none;
    }

    .down_con .bottom .left ul {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 50px;
        border-radius: 0;
        padding: 20px 0;
    }

    .down_con .bottom .left ul li {
        width: 33.33%;
        text-align: center;
        border-bottom: none;
        padding: 48px 0 0 0;
        background: no-repeat center top;
        background-size: 42px 42px;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .down_con .bottom .left ul li:nth-child(n+4) {
        margin-bottom: 0;
    }

    .down_con .bottom .right form {
        padding: 0 15px;
    }

    .down_con .bottom .right .boxs {
        padding: 0 15px;
    }

    .down_con .bottom .right .boxs .box {
        width: 100%;
    }

    .down_con .bottom .right .boxs .box .p {
        width: 4.5rem;
    }

    .down_con .bottom .right .boxs .box .icon {
        width: calc(100% - 4.5rem);
    }

    .d_tanchuang .con {
        width: 94%;
    }

    .d_tanchuang .con form .input input {
        line-height: 36px;
    }

    .d_tanchuang .con form .bottom .p {
        line-height: 1.5;
    }

    .nd_con .top .tit {
        width: 100%;
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 28px;
    }

    .nd_con .top .top_b {
        display: block;
        padding-bottom: 30px;
        margin-bottom: 35px;
    }

    .nd_con .top .top_b .day {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 20px;
    }

    .nd_con .top .top_b .fx {
        font-size: 14px;
        line-height: 20px;
    }

    .nd_con .top .top_b .fx a {
        width: 27px;
        height: 27px;
    }

    .nd_con .bottom > a .p2 {
        font-size: 14px;
        width: 42px;
        line-height: 28px;
    }

    .nd_con .bottom > a .p1 {
        font-size: 18px;
        line-height: 28px;
        width: calc(100% - 50px);
        height: 28px;
        overflow: hidden;
    }

    .pl_con .boxs .box {
        width: 100%;
        margin-bottom: 30px;
    }

    .pl_con .boxs .box:nth-child(n+4) {
        margin-bottom: 30px;
    }

    .pl_con .page_p {
        padding: 12px;
    }

    .ml .btn {
        width: 70px;
        height: 62px;
    }

    .pd_con {
        padding: 50px 0 0 0;
    }

    .pd1 .pic1 {
        width: 93.33vw;
        height: 53.33vw;
    }

    .pd1 .pic1::before {
        width: 97.33vw;
        height: 97.33vw;
        bottom: -2vw;
        left: -2vw;
    }

    .pd1 .pic1::after {
        width: 97.33vw;
        height: 97.33vw;
        bottom: -2vw;
        left: -2vw;
    }

    .pd1 .pic {
        width: 93.33vw;
        height: 53.33vw;
    }

    .pd1 .w1676 {
        padding-top: 66vw;
    }

    .pd1 .w1676 .txt .h {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .pd1 .w1676 .txt .p {
        font-size: 16px;
        line-height: 32px;
    }

    .pd2 {
        padding: 87px 15px 50px 15px;
        display: block;
    }

    .pd2 .left {
        display: block;
        width: 100%;
    }

    .pd2 .left .top .h {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .pd2 .left .top .p {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 60px;
    }

    .pd2 .left .txts .swiper-slide .icon {
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 22px;
        margin-bottom: 27px;
    }

    .pd2 .left .txts .swiper-slide .box {
        justify-content: space-between;
    }

    .pd2 .left .txts .swiper-slide .box .item {
        width: 48%;
    }

    .pd2 .right {
        width: 100%;
    }

    .pd2 .right .right_r {
        display: none;
    }

    .pd2 .right .r_pic1 {
        width: 100%;
        margin-right: 0;
        padding-bottom: 34px;
        background-color: #ffffff;
        border-radius: 0;
    }

    .pd2 .right .r_pic1 .swiper-slide {
        border-radius: 10px;
        overflow: hidden;
    }

    .pd2 .right .r_pic1 .swiper-pagination {
        display: block;
        bottom: 0;
    }

    .pd3 {
        padding: 57px 15px 70px 15px;
    }

    .pd3 .tit {
        width: 100%;
        position: static;
    }

    .pd3 .tit .h {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .pd3 .tit .p {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 60px;
    }

    .pd3 .mySwiper2 {
        padding: 0;
        padding-bottom: 59px;
    }

    .pd3 .mySwiper2 .swiper-slide {
        padding-left: 0;
    }

    .cd1 {
        padding: 75px 0;
    }

    .cd1 .tit {
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 30px;
    }

    .cd1 .boxs {
        padding: 0;
        display: block;
        background-color: transparent;
    }

    .cd1 .boxs:before {
        display: none;
    }

    .cd1 .boxs .solid {
        display: none;
    }

    .cd1 .boxs .box {
        width: 180px;
        height: 180px;
        margin: 0 auto;
        margin-bottom: 40px;
        padding: 40px 0;
    }

    .cd1 .boxs .box .h {
        font-size: 16px;
        line-height: 26px;
    }

    .cd2 {
        display: block;
        padding: 42px 0 0 0;
        background-color: #ffffff;
    }

    .cd2 .left {
        width: 100%;
        color: #333333;
        padding: 30px 0 95px 0;
    }

    .cd2 .left .tit {
        display: none;
    }

    .cd2 .tit_m {
        display: block;
        text-align: center;
        font-size: 30px;
        line-height: 46px;
        margin-bottom: 45px;
        font-family: hb;
    }

    .cd2 .left .txts .swiper-slide {
        padding: 0 15px;
        text-align: center;
    }

    .cd2 .left .txts .prev {
        background-image: url(/static-cms-static-css-..-img-pd3_prev1.png.jpg);
        left: 45%;
        transform: translateX(-100%);
    }

    .cd2 .left .txts .next {
        background-image: url(/static-cms-static-css-..-img-pd3_next1.png.jpg);
        left: auto;
        right: 45%;
        transform: translateX(100%);
    }

    .cd2 .left .txts .swiper-slide .icon {
        display: none;
    }

    .cd2 .bj_box {
        position: relative;
        width: 100%;
        height: 66.26vw;
    }

    .cd2 .right {
        display: none;
    }

    .cd3 {
        padding: 40px 0;
    }

    .cd3 .swiper-slide .btn {
        opacity: 1;
        transform: translate(-50%, 50%);
    }

    .cd3 .cd3_con {
        padding-bottom: 30px;
    }

    .cd3 .swiper-slide .btn span {
        background-size: 12px auto;
    }

    .cd5 {
        padding: 60px 0;
    }

    .cd5 .con {
        display: block;
    }

    .cd5 .con .pic {
        width: 100%;
        height: 200px;
    }

    .cd5 .con .txt {
        width: 100%;
        padding: 30px 15px;
    }

    .cd5 .con .txt .box .form .input {
        width: 100%;
    }

    .cd5 .con .txt .h {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .cd5 .con .txt .box .top {
        padding: 10px;
    }

    .cd5 .con .txt input[type="submit"] {
        line-height: 36px;
        border-radius: 18px;
    }

    .inv_con {
        display: block;
        padding: 0 0 120px 0;
    }

    .inv_con .left {
        width: 100%;
        position: static;
    }

    .inv_con .right {
        width: 100%;
        padding: 0 15px;
    }

    .inv_con .right .box {
        padding: 20px 25px;
    }

    .inv_con .right .box .txt {
        margin-bottom: 50px;
    }

    .jo1 {
        padding: 75px 0 62px 0;
    }

    .jo1 .tit {
        font-size: 30px;
        line-height: 44px;
        margin-bottom: 49px;
    }

    .jo1 .con {
        display: block;
    }

    .jo1 .con .txts {
        width: 100%;
    }

    .jo1 .con .pics {
        width: 100%;
    }

    .jo1 .con .txts .item {
        pointer-events: none;
        padding: 0;
        margin-bottom: 40px;
    }

    .jo1 .con .txts .item .icon {
        width: 32px;
        margin-right: 35px;
    }

    .jo1 .con .txts .item .txt {
        width: calc(100% - 67px);
    }

    .jo2 {
        padding: 60px 0 80px 0;
    }

    .jo2 .top .right {
        display: none;
    }

    .jo2 .top::before, .jo2 .top::after {
        display: none;
    }

    .jo2 .top {
        justify-content: center;
        margin-bottom: 30px;
    }

    .jo2 .top .tit {
        font-size: 30px;
        line-height: 45px;
    }

    .jo2 .con .pic1s {
        padding-bottom: 0;
    }

    .jo2 .con .pic1s .swiper-slide-active .pic {
        transform: scale(1) translateY(0);
    }

    .jo3 {
        padding: 60px 0 80px 0;
    }

    .jo3 .tit {
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 40px;
    }

    .jo3 .boxs .box .bottom .w1676 {
        display: block;
    }

    .jo3 .boxs .box .bottom .w1676 > div.left {
        width: 100%;
        padding: 30px 0;
        border-right: none;
    }

    .jo3 .boxs .box .bottom .w1676 > div.right {
        width: 100%;
        padding: 30px 0
    }

    .jo3 .boxs .box .bottom .w1676 > div.right .btn {
        float: none;
        margin-top: 30px;
    }

    .res1 {
        padding: 70px 0 80px 0;
    }

    .res1 .tit {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 45px;
    }

    .res1 .tab {
        flex-wrap: wrap;
    }

    .res1 .tab .li {
        width: 33.33%;
        margin: 0;
    }

    .res1 .tab .li .dian {
        display: none;
    }

    .res1 .tab .li:after {
        display: none;
    }

    .res1 .boxs {
        display: block;
    }

    .res1 .boxs .left {
        width: 100vw;
        height: 100vw;
    }

    .res1 .boxs .left > div {
        width: 90vw;
        height: 90vw;
    }

    .res1 .boxs .left .pic {
        width: 80vw;
        height: 80vw;
    }

    .res1 .boxs .right {
        width: 100%;
        padding: 0 15px;
        padding-top: 20px;
        padding-bottom: 50px;
        text-align: center;
    }

    .res1 .boxs .right .prev {
        left: 45%;
        transform: translateX(-100%);
    }

    .res1 .boxs .right .next {
        right: 45%;
        left: auto;
        transform: translateX(100%);
    }

    .res1 .boxs .right .icon {
        display: none;
    }

    .res2 {
        padding: 45px 15px 125px 15px;
    }

    .res2 .w1676 {
        display: none;
    }

    .res2 .m_con {
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 60px;
    }

    .res2 .m_con .h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 22px;
        font-family: hb;
        text-align: center;
    }

    .res2 .m_con .h2 {
        font-size: 20px;
        line-height: 30px;
        color: #0085AD;
        font-family: hm;
        text-align: center;
        margin-bottom: 30px;
    }

    .res2 .m_con .pic {
        width: 100%;
        padding-bottom: 66.26%;
        background: no-repeat center;
        background-size: cover;
        margin-bottom: 30px;
        border-radius: 9px;
    }

    .res2 .m_con .p {
        font-size: 16px;
        line-height: 32px;
        color: #333333;
        font-family: hm;
    }

    .res2 .m_con .prev, .res2 .m_con .next {
        position: absolute;
        bottom: 0;
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background: no-repeat center;
        background-size: 100% 100%;
    }

    .res2 .m_con .prev {
        left: 45%;
        transform: translateX(-100%);
        background-image: url(/static-cms-static-css-..-img-pd3_prev1.png.jpg);
    }

    .res2 .m_con .next {
        right: 45%;
        left: auto;
        transform: translateX(100%);
        background-image: url(/static-cms-static-css-..-img-pd3_next1.png.jpg);
    }

    .his_con .w1676 {
        display: block;
    }

    .his_con .tab {
        padding-top: 60px;
        height: auto;
        width: 100%;
        display: flex;
        border: none;
    }

    .his_con .tab::before {
        display: none;
    }

    .his_con .tab ul {
        display: flex;
        justify-content: center;
        border-top: 1px dashed #666666;
    }

    .his_con .tab li {
        padding-left: 0;
        text-align: center;
        margin: 0 20px;
    }

    .his_con .tab li .yuan {
        position: static;
        margin: 0 auto;
    }

    .his_con .right {
        width: 100%;
        padding: 0;
    }

    .his_con .right .p {
        font-size: 18px;
        line-height: 30px;
        width: 100%;
        margin-top: 40px;
    }

    .his_con .right .swiper-pic {
        display: none;
    }

    .his_con .right .txt {
        width: 100%;
        padding-right: 0;
    }

    .his_con .right .swiper-txt {
        height: 200px;
    }

    .ab1 {
        padding: 70px 0 85px 0;
    }

    .ab1 .w1676 {
        display: block;
    }

    .ab1 .w1676 .left {
        width: 100%;
        padding-top: 0;
    }

    .ab1 .w1676 .left .h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 12px;
    }

    .ab1 .w1676 .left .h2 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 30px;
    }

    .ab1 .w1676 .left .p {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 30px;
    }

    .ab1 .w1676 .left .boxs .box .top .num span:nth-child(1) {
        font-size: 30px;
    }

    .ab1 .w1676 .left .boxs {
        margin-bottom: 30px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ab1 .w1676 .left .boxs .box {
        width: 48%;
        margin-right: 0;
    }

    .ab1 .w1676 .right .pic {
        height: 108vw;
    }

    .ab1 .w1676 .right {
        width: 100%;
    }

    .ab2 .w1676 {
        display: block;
        padding: 40px 0;
    }

    .ab2 .w1676 .right {
        width: 100%;
        padding-top: 0;
    }

    .ab2 .w1676 .right .h {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 30px;
        text-align: center;
    }

    .ab2 .w1676 .right .p {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 36px;
        text-align: center;
    }

    .ab2 .w1676 .right .tab {
        justify-content: center;
    }

    .ab2 .w1676 .right .tab li {
        margin: 0 40px;
        font-size: 18px;
        line-height: 24px;
    }

    .ab2 .w1676 .right .boxs {
        height: 80px;
    }

    .ab2 .w1676 .right .boxs .box .item .nums > span:first-child {
        font-size: 36px;
        line-height: 44px;
    }

    .ab2 .w1676 .right .boxs .box .item .p1 {
        font-size: 12px;
    }

    .ab2 .w1676 .left {
        width: 100%;
    }

    .ab2 .w1676 .left .hu {
        display: none;
    }

    .ab2 .w1676 .left .pics {
        width: 92vw;
        height: 92vw;
    }

    .ab3_con {
        display: block;
    }

    .ab3_con .left {
        width: 100%;
        padding: 43px 30px 30px 30px;
    }

    .ab3_con .left .txt {
        width: 100%;
        height: 230px;
    }

    .ab3_con .left .txt .swiper-slide-prev {
        opacity: 0;
    }

    .ab3_con .left .txt .num {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 13px;
    }

    .ab3_con .left .txt .h1 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 25px;
    }

    .ab3_con .left .txt .p1 {
        font-size: 16px;
        line-height: 28px;
    }

    .ab3_con .right {
        width: 100%;
        height: 83.2vw;
    }

    .ab3_con .left > div:nth-child(2) {
        display: none;
    }

    .ab3_con .left .btns {
        display: none;
    }

    .ab3 .m_ul {
        display: flex;
        flex-wrap: wrap;
        padding: 10px 18px;
        justify-content: space-between;
        background-color: #F2F8FD;
        margin-bottom: 25px;
    }

    .ab3 .m_ul li {
        width: 48%;
        line-height: 40px;
        border-radius: 20px;
        font-family: hr;
        color: #888888;
        text-align: center;
        margin: 10px 0;
    }

    .ab3 .m_ul li.on {
        color: #ffffff;
        background-color: #0085AD;
    }

    .ab4 {
        padding: 57px 15px 40px 15px;
        height: auto;
    }

    .ab4 > .tit {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    .ab4 > .p {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 30px;
    }

    .ab4 .boxs {
        display: none;
    }

    .ab4 .m_boxs {
        position: relative;
        overflow: hidden;
        display: block;
        background-color: #ffffff;
    }

    .ab4 .m_boxs .swiper-slide {
    }

    .ab4 .m_boxs .pics {
        width: 100%;
        overflow: hidden;
    }

    .ab4 .m_boxs .pics .pic {
        width: 100%;
        padding-bottom: 48.53%;
        background: no-repeat center;
        background-size: cover;
    }

    .ab4 .m_boxs .txts {
        padding: 20px;
    }

    .ab4 .m_boxs .txts .icon {
        width: 30px;
        margin: 0 auto;
        margin-bottom: 8px;
    }

    .ab4 .m_boxs .txts .h1 {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 8px;
        font-family: hb;
        text-align: center;
    }

    .ab4 .m_boxs .txts .p {
        text-align: center;
        font-family: hm;
        font-size: 14px;
        line-height: 1.5;
    }

    .ab5 .right {
        width: 0;
        height: 0;
    }

    .ab5 .w1676 {
        display: block;
    }

    .ab5 .left {
        width: 100%;
        margin-right: 0;
        display: flex;
        justify-content: space-between;
    }

    .ab5 {
        padding: 75px 0;
    }

    .ab5 .center {
        position: relative;
        transform: translate(-50%, 0);
        width: 100%;
    }

    .ab5 .center .swiper-slide {
        width: 30vw;
    }

    .ab5 .center .swiper-slide .pics {
        height: 40vw;
    }

    .index_con {
        height: auto;
    }

    .index_con > .swiper-wrapper {
        display: block;
    }

    .pc_banner {
        height: 96.4vh;
    }

    .index_con > .swiper-wrapper > .swiper-slide {
        height: auto;
    }

    .pc_banner .slide-inner .txt {
        top: 17.5vh;
        text-align: left;
        padding: 0 15px;

    }

    .pc_banner .slide-inner .txt .h {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 24px;
    }

    .pc_banner .slide-inner .txt .p {
        font-size: 18px;
        line-height: 26px;
    }

    .pc_banner .b_tab {
        flex-wrap: wrap;
        justify-content: left;
        padding: 0 15px;
    }

    .pc_banner .b_tab .item {
        margin: 0 50px 22px 0;
    }

    .i_part2 {
        padding: 70px 0 66px 0;
    }

    .i_part2 .con {
        padding: 0;
        display: block;
    }

    .i_part2 .tit {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 30px;
    }

    .i_part2 .con .left {
        display: flex;
        padding: 20px 15px;
        background: #F2F8FD;
        flex-wrap: wrap;
    }

    .i_part2 .con .left::before {
        display: none;
    }

    .i_part2 .con .left li {
        margin: 0 !important;
        padding: 0 !important;
        width: 33.33%;
        text-align: center;
        line-height: 40px;
        border-radius: 20px;
        font-size: 18px;
        color: #888888;
        margin-bottom: 20px !important;
    }

    .i_part2 .con .left li:nth-child(n+4) {
        margin-bottom: 0 !important;
    }

    .i_part2 .con .left li::before {
        display: none;
    }

    .i_part2 .con .left li.on {
        color: #fff;
        background-color: #0085AD;
    }

    .i_part2 .con .right .swiper-slide {
        padding-right: 0;
    }

    .i_part2 .con .right .next {
        display: none;
    }

    .i_part2 .con .right .swiper-pagination {
        display: none;
    }

    .i_part2 .con .right::after {
        display: none;
    }

    .i_part2 .con .right::before {
        display: none;
    }

    .i_part2 .con .right {
        width: calc(100% - 30px);
        margin: 0 auto;
        padding-right: 0;
        padding-top: 30px;
    }

    .i_part2 .con .left:after {
        display: none;
    }

    .i_part2 .con .right .swiper-slide .p {
        font-size: 16px;
        line-height: 32px;
    }

    .i_part3 {
        height: auto;
        padding: 70px 0 66px 0;
    }

    .i_part3 .boxs {
        position: static;
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }

    .i_part3 .boxs .box {
        position: static;
        width: 50%;
        text-align: center;
    }

    .i_part3 .tit {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 30px;
    }

    .i_part3 .boxs .box .yuan {
        display: none;
    }

    .i_part3 .boxs .box .txt {
        position: static;
        pointer-events: auto;
        opacity: 1;
        width: 100%;
        box-shadow: none;
        background-color: transparent;
        padding: 30px 0 0 0;
        transform: translateX(0);
    }

    .i_part3 .boxs .box .txt .p1, .i_part3 .boxs .box .txt .p2 {
        display: none;
    }

    .i_part3 .boxs .box .txt .h {
        padding: 46px 0 0 0;
        background: no-repeat center top;
        background-size: 35px 35px;
        font-size: 18px;
        line-height: 24px;
        font-family: hr;
    }

    .i_part4 {
        padding: 70px 15px 66px 15px;
    }

    .i_part4 .txt {
        width: 100%;
    }

    .i_part4 .txt .tit {
        font-size: 30px;
        line-height: 50px;
        text-align: center;
        margin-bottom: 30px;
    }

    .i_part4 .txt .p {
        width: 100%;
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 30px;
    }

    .i_part4 .txt .more {
        display: none;
    }

    .i_part4 .bottom {
        position: static;
    }

    .i_part4 .bottom .w1676 {
        width: 100%;
        flex-wrap: wrap;
        padding-bottom: 0;
    }

    .i_part4 .bottom .box {
        width: 50%;
        margin: 5px 0;
    }

    .i_part4 .bottom .box .num .left {
        font-size: 36px;
        line-height: 44px;
    }

    .i_part4 .bottom .box .p {
        font-size: 12px;
        line-height: 16px;
    }

    .i_part4 .bottom .box .num .right .dw {
        font-size: 12px;
        line-height: 16px;
    }

    .i_part4 .map {
        display: none;
    }

    .i_part5 {
        padding: 66px 15px 52px 15px;
    }

    .i_part5 .tit {
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 45px;
    }

    .i_part5 .tab {
        flex-wrap: wrap;
        justify-content: left;
    }

    .i_part5 .tab li {
        width: 33.33%;
        font-size: 18px;
        line-height: 40px;
        border-radius: 20px;
        text-align: center;
        color: #888888;
        margin: 0 0 20px 0;
    }

    .i_part5 .tab li:nth-child(n+4) {
        margin-bottom: 0;
    }

    .i_part5 .tab li.on {
        color: #ffffff;
        background-color: #0085AD;
    }

    .i_part5 .box .txt_box {
        position: static;
        width: 100%;
        padding: 25px 0 0 0;
    }

    .i_part5 .box .txt_box::after {
        display: none;
    }

    .i_part5 .box .txt_box .swiper-pagination {
        display: none;
    }

    .i_part5 .box .txt_box .swiper-slide .more {
        display: none;
    }

    .i_part5 .box .txt_box .swiper-slide .p {
        margin-bottom: 0;
    }

    .i_part6 {
        padding: 70px 15px 66px 15px;
        background: none;
        height: auto;
    }

    .i_part6 .top {
        margin: 0;
        width: 100%;
    }

    .i_part6 .top .more {
        display: none;
    }

    .i_part6 .top .tit {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 30px;
    }

    .i_part6 .con .box:nth-child(n+2) {
        display: none;
    }

    .i_part6 .con .box {
        width: 100%;
    }

    .i_part6 .con .box .txt {
        padding: 25px 20px;
    }

    .i_part6 .con .box .txt .h {
        font-size: 18px;
        line-height: 26px;
    }

    .i_part7 .boxs {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .i_part7 .boxs .box {
        opacity: 1;
        width: 44vw;
        margin-left: 0;
        margin: 8px 0;
    }

    .i_part5 .box .txt_box::before {
        display: none;
    }

    .pl_con .page_p .btn.next, .pl_con .page_p .btn.prev {
        background-size: auto 6px;
    }

    .inv_con .left .wz {
        padding: 60px 15px 40px 15px;
    }

    .cd1 .boxs .before {
        display: none;
    }

    .cd1 > .img {
        display: none;
    }

    .z_tanchuang .tbox .modal {
        padding: 12px;
    }

    .z_tanchuang .tbox .modal .out {
        width: 25px;
        height: 25px;
        background-size: 15px 15px;
        right: -30px;
    }

    .pc_banner .b_tab .item {
        padding: 0 20px;
    }
}

@media screen and (max-width: 668px) {

}

/**/
.ppsq {
    width: 100%;
    overflow: hidden;
    background: url("/static-cms-static-css-..-images-sqbj.png.jpg") no-repeat;
    background-size: cover;
}

.ppsq .title {
    text-align: center;
    margin: 58px auto 35px;
    font-weight: 400;
    font-size: 40px;
    color: #2e2e2e;
}

.ppsq .nrbody {
    width: 100%;
    padding: 0 229px
}

.ppsq .nrbody .nrbox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

.ppsq .nrbody .nrbox .nrli {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top:70px;
    width: 458px;
    height: 589px;
    background: #FFFFFF;
    margin-bottom: 70px;
}

.ppsq .nrbody .nrbox .nrli:hover .img img {
    transform: scale(1.1);
}

.ppsq .nrbody .nrbox .nrli:hover .kt {
    color: #1894DA;
}

.ppsq .nrbody .nrbox .nrli .img {

    overflow: hidden;
    width: 210px;
    height: 210px;
    background: #1894DA;
    border-radius: 50%;
}

.ppsq .nrbody .nrbox .nrli .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ppsq .nrbody .nrbox .nrli .kt {
    margin-top: 54px;
    font-weight: 400;
    font-size: 30px;
    color: #2e2e2e;
}

.ppsq .nrbody .nrbox .nrli .ms {
    font-weight: 400;
    font-size: 22px;
    color: #6e6e6e;
}

.ppsq .nrbody .nrbox .nrli .xian {
    margin: 20px 0;
    width: 30px;
    height: 3px;
    background: #1894da;
}

/**/
.wyshou {
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.wyshou .title {
    text-align: center;
    margin: 58px auto 35px;
    font-weight: 400;
    font-size: 38px;
    color: #2e2e2e;
}

.wyshou .nrbody {
    width: 100%;
    padding: 0 229px;

}

.wyshou .nrbody .nrbox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

.wyshou .nrbody .nrbox .nrli {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 458px;
    height: 589px;
    background: #F6F6F6;
}

.wyshou .nrbody .nrbox .nrli .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.wyshou .nrbody .nrbox .nrli .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wyshou .nrbody .nrbox .nrli:hover .wz .kt {
    color: #1894da;
}

.wyshou .nrbody .nrbox .nrli:hover .img img {
    transform: scale(1.1);
}

.wyshou .nrbody .nrbox .nrli .wz {
    width: 100%;
    padding: 35px;
    background: #f6f6f6;
}

.wyshou .nrbody .nrbox .nrli .wz .kt {
    margin-bottom: 25px;
    font-weight: 400;
    font-size: 30px;
    color: #2e2e2e;
}

.wyshou .nrbody .nrbox .nrli .wz .ms {
    width: 374px;
    height: 97px;
    font-weight: 400;
    font-size: 22px;
    color: #2E2E2E;
    line-height: 38px;
}

.wyshou .btnwy {
    margin-bottom: 60px;
    width: 100%;
    display: flex;
    justify-content: center;
}

/**/
.qybh {
    width: 100%;
    overflow: hidden;
    background: url("/static-cms-static-css-..-images-qybj.png.jpg") no-repeat;
    background-size: cover;
}

.qybh .box {
    display: flex;
    width: 100%;
    height: 831px;
    padding:0 229px;

}

.qybh .box .left {
    margin-right: 60px;
    margin-top: 210px;
}

.qybh .box .left .title {
    text-align: left;
    margin: 58px auto 35px;
    font-weight: 400;
    font-size: 40px;
    color: #2E2E2E;
    line-height: 34px;
}

.qybh .box .left .ms {
    width: 382px;
    font-weight: 400;
    font-size: 18px;
    color: #2e2e2e;
}

.qybh .box .left .xian {
    margin: 20px 0 25px;
    width: 30px;
    height: 3px;
    background: #1894da;
}

.qybh .box .right {
    margin-top: 138px;
    flex: 1;
}

.qybh .box .right .nrbody {
    width: 70%;
    margin: 0 auto;
    background: url(/static-cms-static-css-..-images-qybjyb.png.jpg) no-repeat;
    background-size: contain;
    background-position: center;
}

.qybh .box .right .nrbody .nrbox {
    display: flex;
    flex-direction: column;
}

.qybh .box .right .nrbody .nrbox .nrli {
    width: 250px;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*background: #fff;*/
    position: relative;
    border-radius: 8px;
    /*background-color: rgba(255, 255, 255, 0.5);*/
}

.qybh .box .right .nrbody .nrbox .nrli:hover .wz .kt {
    color: #1894da;
}

.qybh .box .right .nrbody .nrbox .nrli .wz {
    width: 100%;
    padding: 30px 22px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 8px 30px 2px rgba(99, 99, 99, 0.1);
    background-color: rgba(255, 255, 255, 0.5);
}

.qybh .box .right .nrbody .nrbox .nrli .wz .kt {
    margin-bottom: 25px;
    font-weight: 400;
    font-size: 22px;
    color: #1894DA;
}

.qybh .box .right .nrbody .nrbox .nrli .wz .ms {
    /*width: 202px;*/
    font-weight: 400;
    font-size: 14px;
    color: #6e6e6e;
}

.qybh .box .right .nrbody .nrbox .nrli1 {
    top: -42px;
    left: 50%;
    transform: translateX(-50%);
}

.qybh .box .right .nrbody .nrbox .nrli2 {
    left: 0%;
    transform: translate(-50%, 50%);
}

.qybh .box .right .nrbody .nrbox .nrli3 {
    left: 100%;
    transform: translate(-50%, -50%);
}

.qybh .box .right .nrbody .nrbox .nrli4 {
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}

/**/
.fcjh {
    width: 100%;
    overflow: hidden;
}

.fcjh .title {
    text-align: center;
    margin: 58px auto 35px;
    font-weight: 400;
    font-size: 40px;
    color: #2e2e2e;
}

.fcjh .nrbody {
    width: 100%;

    /* padding: 0 290px; */
}

.fcjh .nrbody .nrbox {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 58px;
    justify-items: center;
}

.fcjh .nrbody .nrbox .nrli {
    padding: 30px 20px;
    box-shadow: 0px 8px 30px 2px rgba(99, 99, 99, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 311px;
    height: 325px;
    background: #FFFFFF;
    border-radius: 15px;
}

.fcjh .nrbody .nrbox .nrli:hover .img .show {
    display: none;
}

.fcjh .nrbody .nrbox .nrli:hover .img .none {
    display: block;
}

.fcjh .nrbody .nrbox .nrli:hover .kt {
    color: #1894da;
}

.fcjh .nrbody .nrbox .nrli .img .show {
    display: block;
    height: 76px;
}

.fcjh .nrbody .nrbox .nrli .img .none {
    display: none;height: 76px;

}

.fcjh .nrbody .nrbox .nrli .kt {
    margin: 25px 0;
    font-weight: 400;
    color: #2e2e2e;
    font-size: 30px;
    color: #2E2E2E;
    text-align: center;
}

.fcjh .nrbody .nrbox .nrli .ms {
    font-weight: 400;
    font-size: 18px;
    color: #6e6e6e;
    width: 263px;
    height: 89px;
    text-align: center;
}

.fcjh .btnwy {
    margin-bottom: 60px;
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
}

/**/
.lxwmbosy {
    width: 100%;
    padding: 0 229px;
    overflow: hidden;
    background: #e5e9ef;
}

.lxwmbosy .lxwmbox {
    /*width: 80%;*/
    /*margin: 0 auto;*/
    padding-top: 74px ;
}

.lxwmbosy .lxwmbox .lxhead {

    font-weight: 400;
    font-size: 30px;
    color: #2E2E2E;
}

.lxwmbosy .lxwmbox .gs {
    font-weight: 400;
    font-size: 40px;
    color: #2e2e2e;
    margin-top: 16px;
    margin-bottom: 60px;
}

.lxwmbosy .lxwmbox .xxbox {
    display: flex;
    margin-bottom: 66px;
}

.lxwmbosy .lxwmbox .xxbox .xxleft {
    width: 70%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 43px;
}

.lxwmbosy .lxwmbox .xxbox .xxleft .xxli {
    display: flex;
}

.lxwmbosy .lxwmbox .xxbox .xxleft .xxli .img {
    width: 22.6px;
    height: 22.6px;
    margin-right: 27px;
}

.lxwmbosy .lxwmbox .xxbox .xxleft .xxli .xxms {
    font-weight: 400;
    font-size: 22px;
}

.lxwmbosy .lxwmbox .xxbox .xxleft .xxli .xxms span {
    font-weight: bold;
    font-size: 30px;
    color: #1894da;
    line-height: 50px;
}

.lxwmbosy .lxwmbox .xxbox .xxright {
    width: 30%;
    display: flex;
    justify-content: flex-end;
}

.lxwmbosy .lxwmbox .xxbox .xxright .xxli {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 25px;
}
.lxwmbosy .lxwmbox .xxbox .xxright .xxli .img{
    width: 124px;
    height: 124px;
}

.lxwmbosy .lxwmbox .xxbox .xxright .xxli .ms {
    margin-top: 13px;
    font-size: 16px;

    color: #2e2e2e;
}

.lxwmbosy .lxwmbox .dt {
    width: 100%;
}

.lxwmbosy .lxwmbox .dt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lxwmbosy .lxwmbox .fzjg {
    margin-top: 60px;
}

.lxwmbosy .lxwmbox .fzjg .title {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 40px;
    color: #2E2E2E;
}

.lxwmbosy .lxwmbox .fzjg .fzjgbox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.lxwmbosy .lxwmbox .fzjg .fzjgbox .fzjgli {
    width: 100%;
    background-color: #fff;
    padding: 33px 0 0 34px;
    /*width: 471px;*/
    height: 194px;
    position: relative; /* 确保伪元素相对于父元素定位 */
    transition: all 0.3s ease; /* 添加过渡效果 */
}

/* 使用伪元素 :after 创建下划线 */
.lxwmbosy .lxwmbox .fzjg .fzjgbox .fzjgli:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background-color: #1894da;
    transition: width 0.3s ease;
}

/* 当鼠标悬停时，扩展伪元素的宽度 */
.lxwmbosy .lxwmbox .fzjg .fzjgbox .fzjgli:hover:after {
    width: 100%;
}

.lxwmbosy .lxwmbox .fzjg .fzjgbox .fzjgli .title {
    font-weight: 400;
    font-size: 30px;
    color: #2e2e2e;
}

.lxwmbosy .lxwmbox .fzjg .fzjgbox .fzjgli .xian {
    width: 41px;
    height: 2px;
    background: #6e6e6e;
    margin: 16px 0 19px;
}

.lxwmbosy .lxwmbox .fzjg .fzjgbox .fzjgli .dz {
    font-weight: 400;
    font-size: 22px;
    color: #6e6e6e;
    padding-right: 43px;
    height: 52px;
}

.lxwmbosy .lxwmbox .zxly .title {
    margin: 72px 0 42px;
    font-weight: 400;
    font-size: 40px;
    color: #2E2E2E;
}

.footer_right_fl_erweima_item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cpxqdms {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 80%;
    background-color: rgba(255, 255, 255, 1);
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.cpxqdms .kshz {
    width: 100%;
}

.cpxqdms .kshz .wzms {
    font-size: 28px;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    margin-right: 10px;
}

.cpxqdms .kshz hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-top-color: rgba(86, 86, 86, 1) !important;
    background: rgba(86, 86, 86, 1) !important;
}

.cpxqdms .kshz .fanbaoxishu table tbody tr td {
    background: #272F88;
}

.cpxqdms .kshz .fanbaoxishu .bzbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
}


/**/
.syyhxyy {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
}

.xain {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #000;
}

.bfspxddy {
    position: absolute;
    top: 480px;
    right: 182px;
    z-index: 99;
    top: 40%;
    top: calc( var(--h) - 60px);
}

.CpxqSwiper .swiper-button-next,
.CpxqSwiper .swiper-button-prev {
    color: #000;
}

.CpxqSwiper .swiper-button-next:hover,
.CpxqSwiper .swiper-button-prev:hover {
    color: #1894DA;
}

.CpxqSwiper {
    background: url("/static-cms-static-css-..-images-logocpxqd.png.jpg") no-repeat;
    background-position: 40% 90%;
    min-height: 500px;
}

/*.CpxqSwiper .swiper-wrapper .swiper-slide img{*/
/*    width: 300px;*/
/*    height: 300px;*/
/*    min-height: 100%;*/
/*}*/
.CpxqSwiper .bjtphzdiv {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: 190px;
    height: 40px;
    background: url(/static-cms-static-css-..-images-xqzsdbj.png.jpg) no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.CpxqSwiper.swiper .swiper-pagination span:last-child {
    margin-right: 30px;
}

.CpxqSwiper.swiper .swiper-pagination span {
    margin: 0 6px;
    width: 12px;
    height: 12px;
}

.CpxqSwiper.swiper .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
}

.CpxqSwiper .swiper-slide img {
    /*transform: scale(0.8);*/
    width: 331px;
    height: 331px;
    margin-left: 110px;
}


.xxk li a::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: 4px;
    background-color: #1894DA;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.xxk li.active a:hover::before,
.xxk li a:hover::before {
    width: 120%;
}

.xxk li a:hover {
    color: #1894DA;
}

.syhx {
    margin: 40px 0;
    height: 1px;
    background: #1894DA;
    border: 1px solid #AAAAAA;
    opacity: 0.3;
    margin-right: 45px;
}

.navigation-menu.navigation-menu-white ul:first-child {
    display: flex;
    justify-content: space-between;
    margin-right: 20px;
}
a:hover{
    color: #fff;
}

.page-link:focus{
    box-shadow: 0px 0px;
}

.ub11{
    min-width: 190px;
}

@media screen and (min-width: 1900px) {
    .gsdjj .bodyjj .gsjjleft .zpszgd .plli {


    }

    /*.header_phone a span {*/
    /*    display: block;*/
    /*    color: #13418e;*/
    /*    font-size: 30px;*/
    /*    width: 282px;*/
    /*    font-weight: bold;*/
    /*    line-height: 60px;*/
    /*    font-family: Gilroy;*/
    /*}*/
}

@media screen and (min-width: 1800px) {
    .product-info1 .product-info1a .container .text {
        padding: 2.5rem;
    }

    .xxk li {
        margin-right: 64px;
    }

    .pgryzzbody .swiper {
        /*min-height: 45em;*/
    }

    .gsdjj .bodyjj .gsjjright {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .fwwl {
        min-height: 58em;
    }

    .ryzzbody .swiper {
        min-height: 45em;
    }

    .gywm .abbody .bodycenter .zxplszbh .plli:first-child,
    .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(6) {
        margin-left: 12.5em;
    }

    .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(2),
    .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(5) {
        margin-left: 5.4em;
    }

    .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(3){
        /*margin-left: 2.7em;*/
    }
    .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(4) {
        margin-left: 2.7em;
    }

    .zjtd .zjbody .zjbox .zjtxli:first-child {
        width: 109px;
        height: 139px;
        top: calc((70 / 79) * 1rem);
        left: calc((27 / 79) * 1rem);
    }

    .zjtd .zjbody .zjbox .zjtxli:nth-child(2) {
        width: 159px;
        top: calc((-80 / 79) * 1rem);
        left: calc((235 / 79) * 1rem);
    }

    .zjtd .zjbody .zjbox .zjtxli:nth-child(3) {
        width: 124px;
        top: calc((-50 / 79) * 1rem);
        left: calc((500 / 79) * 1rem);
    }

    .zjtd .zjbody .zjbox .zjtxli:nth-child(4) {
        width: 156px;
        top: calc((-120 / 79) * 1rem);
        left: calc((750 / 79) * 1rem);
    }


    .zjtd .zjbody .zjbox .zjtxli:nth-child(5) {
        width: 185px;
        top: calc((-80 / 79) * 1rem);
        left: calc((1050 / 79) * 1rem);
    }

    .zjtd .zjbody .zjbox .zjtxli:nth-child(6) {
        width: 135px;
        top: calc((67 / 79) * 1rem);
        left: calc((1300 / 79) * 1rem);
    }

    .zjtd .zjbody .zjbox .zjtxli:nth-child(7) {
        width: 192px;
        top: calc((150 / 79) * 1rem);
        left: calc((860 / 79) * 1rem);
    }

    .zjtd .zjbody .zjbox .zjtxli:nth-child(8) {
        width: 215px;
        top: calc((150 / 79) * 1rem);
        left: calc((400 / 79) * 1rem);
    }

    .zjtd .zjbody .zjbox .zjtxli p {
        font-size: 20px;
    }

    .containercp {
        min-height: 65em;
    }

    .content-box {
        width: 678px;
        height: 679px;
    }

    .hexagon {
        width: 110px;
    }

    .step img {
        width: 63px;
        height: 63px;
    }

    .my-Swiper .swiper-button-next {
        right: 62px;
        width: 50px;
        height: 50px;
    }

    .my-Swiper .swiper-button-prev {
        left: 62px;
        width: 50px;
        height: 50px;
    }

    .container {
        width: 80%;
        max-width: 1500px;
    }

    .yylybody .swiper {
        min-height: 45em;
    }

    .indal-menu li .num {
        font-size: 50px;
    }

    .indal-menu li {
        margin-top: 60px;
    }

    .indal-menu .indal-menu-cont .texts h1 {
        font-size: 30px;
        margin-left: 31px;
        font-weight: bold;
    }

    .indal-loop-cont {
        width: 516px;
        height: 426px;
        opacity: 0.9;
    }

    .ryzzbody .swiper .swiper-pagination {
        bottom: 27px;
    }

    .xian {
        margin: 0 17px 0;
        width: 1px;
        height: 43px;
        background: #E1E1E1;
    }

    .navigation-menu > ul > li > a {
        font-size: 22px;
    }

    .navigation-menu-white > ul > li > a:before {
        top: -3px;
    }

    .pbz {
        width: 85px;
        font-size: 14px;
        color: #666;
    }

    .gsdjj .bodyjj {
        padding-bottom: 50px;
    }

    .CustomizedService .box .banner {
        --w: 5.2rem;
        --w1: 2.4rem;
        margin-top: 70px;
        margin-bottom: 94px;
    }

    .qybh .box .right .nrbody .nrbox .nrli3 {
        left: 97%;
    }

    .qybh .box .right .nrbody .nrbox .nrli2 {
        left: 3%;
    }

    .pzgltx .pzglbod .pzglbox .pzglli {

        width: 457px;
        height: 274px;
        background: #1894DA;
        border-radius: 0px 0px 55px 0px;

    }

    .product-info1 .product-info1a .container .text .title {
        font-size: 40px;
    }

    .product-info1 .product-info1a .container .text .htop,
    .product-info1 .product-info1a .container .text .zs .wzms {
        font-size: 18px;
    }

    .lxwmbosy .lxwmbox .xxbox .xxleft .xxli .xxms {
        font-weight: 400;
        font-size: 22px;
    }

    .lxwmbosy .lxwmbox .xxbox .xxright .xxli .ms {
        font-size: 16px;
        margin-top: 13px;
    }

    .sbnr .jysb .scbox,
    .sbnr .scks .scbox {
        margin-bottom: 67px;
    }

    .sbnr .jysb .scbox .sclis .scbt,
    .sbnr .scks .scbox .sclis .scbt {
        bottom: -1px;
    }

    .qybh .box .left .ms {
        width: 477px;
        font-weight: 400;
        font-size: 22px;
        color: #2E2E2E;
        line-height: 34px;
    }

    .qybh .box .left .title {
        font-size: 40px;
    }

    .qybh .box .right .nrbody .nrbox .nrli .wz .kt {
        font-size: 22px;
        margin-bottom: 15px;
        color: #1894DA;
    }

    .qybh .box {
        /*padding: 150px 0;*/
    }

    .qybh .box .right .nrbody .nrbox .nrli1 {
        top: -78px;
    }

    .qybh .box .right .nrbody .nrbox .nrli {
        width: 307px;
    }

    .qybh .box .right .nrbody .nrbox .nrli .wz .ms {
        font-size: 18px;
    }

    .bfspxddy {
        top: 613px;
        top: calc( var(--h) - 60px);
    }

    .submenu > li > a > span {
        font-size: 20px;
    }

    .swiper-slide-active .indal-loop-cont .hint {
        animation: bannerUp2 1s ease both .9s;
        line-height: 38px;
        width: 439px;
        height: 97px;
        font-weight: 400;
        font-size: 22px;
        color: #FFFFFF;
    }

    .more {
        font-size: 22px;
    }

    .swiper-slide-active .indal-loop-cont .baimore {
        font-size: 20px;
    }

    .baimore {
        width: 153px;
        height: 38px;
        background: #FFFFFF;
        border-radius: 19px;
    }

    .gywm .abbody .bodyleft .bodynr {
        font-size: 22px;
    }

    .hexagon {
        /*transform: scale(1.2);*/
    }

    .hexagon-7 {
        /*transform: scale(2);*/
        /*width: 260px;*/
        /*height: 324px;*/
        width: 77%;
        height: auto;
    }

    .gywm .abbody .bodyleft {
        width: 26%;
    }

    .gywm .abbody .bodyleft .htitle {
        font-size: 40px;
    }

    .gywm .abbody .bodycenter_fengsan {
        right: 25%;
    }

    .bodysp {
        width: 45%;
    }

    .bodysp .tpxs {
        height: 100%;
    }

    .bodysp .tpxs img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .yylybody {
        margin:30px auto 0px;
    }

    .left-box p {
        font-weight: 400;
        font-size: 22px;
        color: #333333;
        line-height: 36px;
        width: 329px;
        height: 237px;
    }

    .left-box .nrtop {
        font-weight: bold;
        font-size: 30px;
        color: #333333;
        line-height: 36px;
        margin: 51px 0 28px;
    }

    .left-box .htitle {
        font-size: 48px;
    }

    .navigation-menu.navigation-menu-white ul:first-child {
        display: flex;
        justify-content: space-between;
        margin-right: 37px;
    }

    .footer_bottom_left a {
        display: flex;
        margin-right: 30px;
        font-weight: 400;
        font-size: 16px;
        color: #FFFFFF;
    }

    .pgryzzbody .swiper .swiper-slide .titleovs {
        /*margin-top: 60px;*/
    }

    .sidebar nav {
        top: 5rem;
    }
    .sidebar{
        width: 25%;
    }
    /*.align-items-center{*/
    /*    width: 1520px;*/
    /*}*/



}
@media screen and (max-width: 1600px){
    .ydfc .box .gdpb .flzs .flzsul .flzsli .flzsa,
    .pgryzz .box .gdpb .flzs .flzsul .flzsli .flzsa,
    .news .box .gdpb .flzs .flzsul .flzsli .flzsa,
    .ryzz .box .gdpb .flzs .flzsul .flzsli .flzsa {
        font-size: 20px;
    }
    .pgryzz .box .gdpb .flzs {
        flex:1;
    }
    .sbnr .scks .kstb,
    .sbnr .jysb .kstb {
        font-size: 30px;
        margin: 30px 0 15px 0;
    }
    .ub11 {
        min-width: 160px;
    }
    .sbnr .jysb .scbox,
    .sbnr .scks .scbox {
        margin-bottom: 30px;
    }
    .pgryzz .bigbox .swiper-button-next {
        top: 41%;
        right: 160px;
        width: 40px;
        height: 40px;
        border-radius: 8px;
    }
    .pgryzz .bigbox .swiper-button-prev{
        top: 41%;
        left: 160px;
        width: 40px;
        height: 40px;
        border-radius: 8px;
    }
    .sidebar nav ul {
        width: 100px;
    }
    .lxwmbosy .lxwmbox .zxly .title {
        margin: 44px 0 42px;
        font-size: 38px;
    }
    .lxwmbosy {
        padding: 0 180px;
    }
    .lxwmbosy .lxwmbox .fzjg .title {
        margin-bottom: 14px;
        font-size: 38px;
    }
    .lxwmbosy .lxwmbox .fzjg .fzjgbox .fzjgli {
        padding: 20px 0 0 20px;
        height: 164px;
    }
    .lxwmbosy .lxwmbox .fzjg .fzjgbox .fzjgli .title {
        font-size: 24px;
    }
    .lxwmbosy .lxwmbox .fzjg .fzjgbox .fzjgli .dz {
        font-weight: 400;
        font-size: 18px;
        padding-right: 30px;
        height: 40px;
    }

    .content-section {
         /*padding: 0 100px;*/
        padding: 17px 0px;
        margin-top: 20px;
    }
    .thed {
        font-size: 30px;
        margin-bottom: 18px;
    }
    /* 当屏幕宽度小于或等于时应用的样式 */
    .logo {
        top: 17px;
        left: 120px;
    }
    .header_phone a span {
        line-height: 60px;
        font-family: Gilroy;
        font-size: 30px;
    }
    .navigation-menu > ul > li > a {
        font-size: 18px;
        font-weight: 400;
        line-height: 65px;
    }
    .left-box .htitle {
        line-height: 48px;
        font-size: 38px;
    }
    .left-box .nrtop {
        font-size: 28px;
        line-height: 49px;
    }
    .content-box {
        position: relative;
        width: 339px;
        height: 339.5px;
        margin-right: 20px;
    }
    .hexagon-7 {
        /* margin: 91px 105px;
        width: 130px;
        height: 259px  */
        /*transform: scale(1.3);*/;
    }
    .hexagon-7 .more {
        margin-top: 16px;
        margin-left: 20px;
        font-size: 14px;
        width: 99px;
        height: 30px;
        border-radius: 18px;
    }
    .hexagon-7 .more i {
        width: 16px;
        height: 16px;
        margin-left: 5px;
    }
    .step span {
        margin-right: 10px;
        font-size: 22px;
    }
    .titlehead {
        font-size: 38px;
        line-height: 40px;

    }
    .indal-menu .indal-menu-cont .texts h1 {
        position: relative;
        margin-left: 10px;
        font-weight: 300;
        font-size: 24px;
        color: #FFFFFF;
    }
    .indal-menu li .num {
        font-weight: bold;
        font-size: 32x;
        color: #FFFFFF;
    }
    .yyly .htitle {
        font-weight: 400;
        font-size: 38px;
        line-height: 64px;
        /* margin-bottom: 20px; */
    }
    .more {
        margin-top: 28px;
        border: 0;
        border-radius: 60px;
        font-size: 16px;
        width: 140px;
        height: 30px;
        line-height: 30px;
    }
    .multi_detail_top_right .more{
        font-size: 16px;
    }
    .more i {
        margin-left: 6px;
        width: 20px;
        height: 20px;
        background: #FFFFFF;
        border-radius: 50%;
    }
    .gywm .abbody .bodyleft .htitle {
        font-weight: 400;
        font-size: 38px;
        line-height: 50px;
    }
    .gywm .abbody .bodycenter .zxplszbh .plli .shuzhi {
        font-weight: bold;
        font-size: 32px;
        color: #1894DA;
        display: flex;
        align-items: flex-start;
    }
    .gywm .abbody .bodycenter .zxplszbh .plli .bcsm {
        width: 100px;
        font-weight: 400;
        font-size: 14px;
        color: #666666;
    }
    .footer_left h2 {
        font-size: 22px;
    }
    .footer_left ul li p a {
        font-size: 18px;
    }
    .footer .fcontainer .footerlink .ljiebox .ljiedli .lileft .ljdd {
        margin-top: 12px;
        font-size: 9px;
        color: #B7B7B7;
    }
    .footer_right_fl_erweima_item p {
        font-size: 18px;
    }
    .footer_bottom_left a {
        font-size: 14px;
    }
    .news .box .htitle {
        font-weight: 400;
        font-size: 38px;
        color: #2e2e2e;
        line-height: 48px;
    }
    .slide-inner .txt {
        margin-left: 100px;
    }
    .gsdjj .bodyjj .gsjjleft .htitle {
        width:400px;
        font-size: 38px;
        color: #2E2E2E;
        line-height: 40px;
    }
    .gsdjj .bodyjj {
        padding: 0 180px;
    }
    .gsdjj .bodyjj .gsjjleft .zpszgd .plli {

        /* margin-left: -10%; */
    }
    .gsdjj .bodyjj .gsjjleft .zpszgd .plli .bcsm {
        font-size: 14px;
    }
    .gsdjj .bodyjj .gsjjleft .zpszgd .plli .shuzhi {
        font-size: 36px;
    }
    .bfspxddy {
        top: 40%;
        top: calc( var(--h) - 60px);
    }
    .fwwl .titlehead {
        font-size: 38px;
        line-height: 40px;
    }
    .pgryzz .box .htitle {
        font-size: 38px;
        line-height: 60px;
    }

    .pu_text .t2 {
        font-size: 38px;
        line-height: 40px;
    }
    .zjtd .titlehead {
        font-size: 38px;
        line-height: 40px;
    }
    .BusinessPartner .htitle {
        font-size: 38px;
        line-height: 40px;
    }

    #swiper-wrapper-547a4eb194fcdbae {
        transform: scale(0.5); /* 缩放1.5倍 */
        transform-origin: center; /* 缩放中心点 */
    }
    .BusinessPartner .box {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }
    .ydfc .box .htitle {
        font-size: 38px;
        line-height: 60px;
    }
    .spyoul .htitle {
        font-size: 38px;
        line-height: 60px;
    }
    .container {
        width: 72%;
        max-width: 1600px;
        margin: 0 auto;
        padding: 0;
    }
    .header-bottom-area .container {
        width: 80%;
    }
    .list_multi_main {
        padding: 100px 0 70px;
    }
    .cpcontainerce {
        padding: 0 180px;
    }
    .header_phone a i {
        width: 28px;
        height: 28px;
        background-size: 28px;
    }
    .you {
        transform: scale(1);
        width: 29% !important;
    }
    .index_partner .htitle {
        font-size: 38px;
        line-height: 50px;
    }
    .index_about_bottom_left .htitle {
        font-size: 38px;
    }
    .ppsq .nrbody {
        width: 100%;
        padding: 0 120px;
    }
    .pzgltx .pzglbod .pzglbox {
        display: flex;
        width: 100%;
    }
    .wyshou .nrbody {
        padding: 0 180px;
    }
    .wyshou .nrbody .nrbox .nrli {
        width: auto;
        height: auto;
    }
    .wyshou .nrbody .nrbox .nrli .wz .ms {
        width: auto;
        height: auto;
        font-size: 18px;
    }
    .wyshou .nrbody .nrbox .nrli .wz .kt {
        font-size: 28px;
    }

    .ppsq .nrbody .nrbox .nrli {
        width: auto;
        height: auto;
        padding-bottom: 20px;
    }
    .ppsq .nrbody .nrbox .nrli .kt {
        margin-top: 34px;
        font-size: 28px;
    }

    .ppsq .nrbody .nrbox .nrli .ms {
        font-size: 18px;
    }

    .ppsq .nrbody .nrbox .nrli .img {
        width: 180px;
        height: 180px;
    }
    .ppsq .nrbody .nrbox {
         gap: 0px;
    }
    .list_product_tab ul li a p {
        font-size: 18px;
        line-height: 26px;
    }
    .gsdjj .bodyjj .gsjjleft .htitle {

        font-size: 38px;
        line-height: 40px;
    }
    .ydfc .box .gdpb .flzs {
        flex: 0.3;
    }
    .BusinessPartner .box .banner {
         min-width: auto;
    }
    .BusinessPartner .htitle {

        font-size:30px;
        width: 90%;
        margin: 0 auto;
    }
    .BusinessPartner .hear-left {
        width: 90%;
    }
    .containerce {
        padding: 0 180px;
    }
    .ydfc .box {
        width: 100%;
        padding: 0 180px;
    }
    .w1520 {
        padding: 0 180px;
        /*padding: 0 10vw;*/
    }
    .sidebar {
        display: none;
    }
    #section3 .boxliu ul li {
        background: #F3F3F3;
        padding: 25px;
        width:auto;
        height: auto;
    }
    main {
        margin-top: 10px;
        width: 100%;
    }
    #section3 .boxliu ul li .liuli .txt {
        margin: 10px 0;
        font-size: 18px;
    }
    #section3 .boxliu ul li .liuli .desc {
        margin: 10px 0;
        font-size: 16px;
    }
    #section5 .liuchengbox {
        /*grid-template-columns: repeat(3, 1fr);*/
    }
    #section2 .boxliu ul li .liuli .desc {
        margin: 6px 0;
        font-size: 14px;
    }
    .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(1),.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(2),.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(3),.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(4), .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(5), .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(6){
        margin-left: 0;
    }
    .gywm .abbody .bodycenter .zxplszbh .plli:first-child .leftbk, .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(2) .leftbk, .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(3) .leftbk, .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(4) .leftbk, .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(5) .leftbk, .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(6) .leftbk {
        z-index: 11;
    }
    .gywm .abbody .bodycenter .zxplszbh {
        margin-left: 20px;
    }
}
@media screen and (max-width: 1800px)  {

    .sbnr .jysb .scbox,
    .sbnr .scks .scbox {
        margin-bottom: 50px;
    }
    .content-box {
        position: relative;
        width: 430px;
        height: 430px;
        margin-right: 20px;
    }
    .hexagon-7 {
        /* margin: 91px 105px;
        width: 130px;
        height: 259px  */
        /*transform: scale(1.3);*/;
    }
    .hexagon-7 .more {
        margin-top: 16px;
        margin-left: 20px;
        font-size: 14px;
        width: 99px;
        height: 30px;
        border-radius: 18px;
    }
    .hexagon-7 .more i {
        width: 16px;
        height: 16px;
        margin-left: 5px;
    }

    .ryzz .box .gdpb .flzs {
        flex:1;
    }
    /*.ryzz .box .gdpb .flzs .flzsul .flzsli .flzsa {*/
    /*    font-weight: 400;*/
    /*    font-size: 22px;*/
    /*    color: #2E2E2E;*/
    /*}*/
    #section3 .boxliu ul li {
        background: #F3F3F3;
        padding: 25px;
        width:auto;
        height: auto;
    }
    main {
        margin-top: 10px;
        width: 100%;
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 46%;
    }


}
@media screen and (max-width:1700px) {
    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 46%;
        padding-left: 37px;
    }
}

@media screen and (max-width: 1200px)  {
    .list_product_tab {
        margin-top:80px;
    }


}
@media screen and (max-width: 1300px)  {

}
@media screen and (max-width: 1400px)  {

    .newsbody .swiper .swiper-pagination {
        bottom: 50px;
    }


}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
    .index_partner .containerhb .swiper-container .swiper-slide .swiperiner .title {
         width: auto;
    }

    .newsbody .swiper .swiper-pagination {
        bottom: 50px;
    }
    #section3 .boxliu ul li .liuli .txt {
        margin: 8px 0;
        font-size: 16px;
    }
    #section3 .boxliu ul li .liuli .desc {
        margin: 6px 0;
        font-size: 14px;
    }
    .w1520 {
        padding: 0 100px;
        /*padding: 0 10vw;*/
    }
    .containerce {
        padding: 0 100px;
    }
    .BusinessPartner .box .banner {
        min-width: auto;
    }
    .pgryzz .bigbox .swiper-button-prev {
        display: none;
    }
    .pgryzz .bigbox .swiper-button-next {
        display: none;
    }
    .bfspxddy {
        display: none;
    }
    .sbnr .scks .kstb {
        margin: 40px 0 12px 0;
        font-size: 30px;
    }
    .lxwmbosy .lxwmbox .fzjg .title {
        margin-bottom: 12px;
        font-size: 30px;
    }
    .lxwmbosy .lxwmbox .fzjg .fzjgbox .fzjgli .title {
        font-size: 20px;
    }
    .lxwmbosy .lxwmbox .fzjg .fzjgbox .fzjgli .dz {
        font-size: 16px;
    }
    .inquiry-box .row-controls.small_list {
        height: 66px;
    }
    .lxwmbosy .lxwmbox .zxly .title {
        margin: 44px 0 42px;
        font-size: 30px;
    }
    .inquiry-box .row-controls span {

        font-size: 18px;
    }
    .inquiry-box .row-controls.message textarea {
        font-size: 18px;
    }
    .sbnr .jysb .kstb {
        margin: 0 0 20px 0;
        font-size: 30px;
    }
    .ppsq .nrbody .nrbox .nrli {

        width: 274.8px;
        height: 471.2px;
    }
    .ppsq .nrbody .nrbox .nrli .kt {
        margin-top: 24px;
        font-size: 22px;
    }
    main {
        margin-top: 10px;
        width: 100%;
        padding: 0 80px;
    }
    .sbnr {
        padding: 0 100px;
    }
    .ppsq .nrbody .nrbox .nrli .ms {
        font-size: 13px;
    }
    .ppsq .title {
        margin: 30px auto 20px;
        font-size: 30px;
    }
    .wyshou .title {
        margin: 30px auto 20px;
        font-size: 30px;
    }
    .wyshou .nrbody .nrbox .nrli {
        width: 268.8px;
        height: 376.8px;
    }
    .wyshou .nrbody {
        padding: 0 100px;
    }
    .wyshou .nrbody .nrbox .nrli .wz {
        padding: 18px;
    }
    .wyshou .nrbody .nrbox .nrli .wz .kt {
        font-size: 22px;
    }
    .wyshou .nrbody .nrbox .nrli .wz .ms {
        font-size: 16px;
        line-height: 20px;
        width:226px;
    }
    .qybh .box .left .title {
        text-align: left;
        margin: 40px auto 20px;
        font-size: 30px;
    }
    .qybh .box {
        padding: 0 100px;
        height: auto;
    }
    .qybh .box .right .nrbody {
        margin-bottom: 73px;
    }
    .qybh .box .left .ms {
        width: 300px;
        font-weight: 400;
        font-size: 16px;
        color: #2e2e2e;
    }
    .qybh .box .right {
        margin-top: 90px;
        flex: 1;
    }
    .fcjh .title {
        margin: 30px auto 20px;
        font-size: 30px;

    }
    .fcjh .nrbody {
        padding: 0 100px;
    }
    .fcjh .nrbody .nrbox .nrli {
        padding: 26px 12px;
        width: 188px;
        height: 325px;
    }

    .ppsq .nrbody {
        padding: 0 100px;
    }
    .lxwmdb .body .ljwz {
        font-size: 30px;
    }
    .fcjh .nrbody .nrbox {

        gap: 34px;
    }
    .fcjh .nrbody .nrbox .nrli .kt {
        font-size: 20px;
    }
    .fcjh .nrbody .nrbox .nrli .ms {
        font-weight: 400;
        font-size: 16px;
        width: 100%;
        height: 100%;
    }
    .yfsj .txt {
        width: 80%;
        margin: 61px 0 0 100px;
        font-size: 30px;
    }
    .yfsj {
        background: url(/static-cms-static-css-..-images-yfnl.png.jpg) no-repeat;
        width: 100%;
        min-height: 36em;
        background-size: cover;
        overflow: hidden;
    }
    .enyfsj .txt {
        width: 80%;
        margin: 61px 0 0 100px;
        font-size: 30px;
    }
    .enyfsj {
        width: 100%;
        min-height: 36em;
        background-size: cover;
        overflow: hidden;
    }
    .CustomizedService {
        padding: 0 100px;
    }
    .ServiceSystem .InnerTit .con1 {
        padding-top: 44px;
        font-size: 30px;
    }
    .CustomizedService .w1620 .InnerTit .con1 {
        font-size: 30px;
        margin-left: 100px;
    }
    .w1620 {
        /* padding-left: var(--body_padding); */
        /* padding-right: var(--body_padding); */
        /* -webkit-box-sizing: border-box; */
        box-sizing: border-box;
        margin-top: 40px;
        width: 100%;
    }
    .yfsb .yfsbbox .yfsbli .txt {
        font-size: 22px;
        margin: 18x 0 12px;
    }
    .ServiceSystem .box .list .item .orientation div .desc {
        font-size: 14px;
    }
    .ServiceSystem {
        padding: 0 100px;
    }
    .yfsb .yfsbbox .yfsbli .yt {
        font-size: 16px;
    }
    .yfsb .htxt {
        margin-top: 44px;
        font-size: 30px;
    }
    .yfsb {
        padding: 0 100px;
    }

    .index_about_bottom_left .bdsbox .bdsli {
        width: 263px;
        height: 72px;
        padding: 0 10px 0 16px;
    }
    .index_about_bottom{
        display: flex;
    }
    .index_about_bottom_left .bdsbox .bdsli .xqbds {
        font-size: 18px;
    }
    .index_about_bottom_left{width: 36%}
    .index_about {
        padding: 0;
    }
    .index_about_bottom {
        padding: 0;
    }
    .header-two .header-bottom-area {
        height: 49px;
    }
    .index_about_bottom_left .htitle {
        font-size: 30px;
    }
    .index_about_bottom_left .bdsbox {
        width: 200px;
        height: 381px;
        background: transparent;
        display: flex
    ;
        flex-direction: column;
        justify-content: space-between;
    }
    .index_about_bottom_right {
        flex: 1;
        width: 518px;
        height: 250px;
        margin-top: 200px;
        overflow: hidden;
        position: relative;
    }
    .header_phone a i {
        width: 24px;
        height: 24px;
        background-size: 24px;
    }
    .cpcontainerce {
        padding: 0 160px;
    }
    /* 当屏幕宽度小于或等于时应用的样式 */
    .logo {
        top: 8px;
        left: 56px;
        transform: scale(0.8);
    }
    .zjtd .zjbody {

        margin-top: 30px;
        transform: scale(0.8);
    }
    .index_partner .htitle {
        font-size: 30px;
        line-height: 40px;
    }

    .lang_box  {
        transform: scale(0.9);
    }
    .list_multi_main {
        padding: 100px 0 70px;
    }
    .header_phone a span {
        line-height: 40px;
        font-family: Gilroy;
        font-size: 20px;
    }
    .container {
        width: 100%;
    }
    .navigation-menu > ul > li > a {
        font-size: 16px;
        font-weight: 400;
        line-height: 44px;
    }
    .left-box .htitle {
        line-height: 48px;
        font-size: 30px;
    }
    .left-box .nrtop {
        font-size: 26px;
        line-height: 49px;
    }
    .content-box {
        transform: scale(0.8);
    }
    .containercp{
        width: 100%;
        padding: 0 100px;
    }

    .hexagon-7 {
          /* margin: 91px 105px;
         width: 130px;
         height: 259px  */
         /*transform: scale(1.3);*/;
     }
    .hexagon-7 .more {
        margin-top: 16px;
        margin-left: 20px;
        font-size: 14px;
        width: 99px;
        height: 30px;
        background: #1894DA;
        border-radius: 18px;
    }
    .hexagon-7 .more i {
        width: 16px;
        height: 16px;
        margin-left: 5px;
    }
    .left-box {
         width: 300px;
    }
    .step span {
        font-size: 17px;

    }
    .step-container {
        transform: scale(0.8);
    }
    .titlehead {
        font-size: 30px;
        line-height: 40px;

    }

    .indal-loop-cont {
        position: absolute;
        width: 410px;
        height: 340px;
        right: 100px;
        color: #fff;
        transform: translateY(-50%);
    }
    .indal-menu .indal-menu-cont .texts h1 {
        position: relative;
        margin-left: 10px;
        font-weight: 300;
        font-size: 20px;
        color: #FFFFFF;
    }
    .indal-menu li .num {
        font-weight: bold;
        font-size: 28x;
        color: #FFFFFF;
    }
    .yyly .htitle {
        font-size: 30px;
        line-height: 44px;
        /* margin-bottom: 16px; */
    }
    .more {
        margin-top: 28px;
        border: 0;
        border-radius: 60px;
        font-size: 16px;
        width: 110px;
        height: 30px;
        line-height: 30px;
    }
    .more i {
        margin-left: 6px;
        width: 20px;
        height: 20px;
        background: #FFFFFF;
        border-radius: 50%;
    }
    .gywm .abbody .bodyleft .htitle {
        font-size: 30px;
        line-height: 40px;
    }
    .gywm .abbody .bodycenter .zxplszbh .plli .shuzhi {
        font-weight: bold;
        font-size: 32px;
        color: #1894DA;
        display: flex;
        align-items: flex-start;
    }
    .gywm .abbody .bodycenter .zxplszbh .plli .bcsm {
        width: 100px;
        font-weight: 400;
        font-size: 14px;
        color: #666666;
    }
    .footer_left h2 {
        font-size: 28px;
    }
    .footer_bottom_left a {
        font-size: 14px;
    }
    .news .box .htitle {
        font-size: 30px;
        line-height: 48px;
    }
    .gdpb {
        width: 80%;
        margin: 0 auto;
    }
    .newsbody .swiper .swiper-pagination {
        position: absolute;
        bottom: 46px;
    }
    .news .box .gdpb .flzs .flzsul .flzsli .flzsa {
        font-size: 20px;
    }
    .swiper-slide-active .slide-inner .txt p span{

        font-size: 40px !important;
    }
    .left-box  p span{

        line-height: 18px !important;
        font-size: 16px !important;
    }
    .gsdjj .bodyjj .gsjjright p{
        font-size: 16px !important;
    }
    .left-box .jianjie.active{
        width: 290px;
    }
    .gsdjj .bodyjj .gsjjleft .htitle {
        width:300px;
        font-size: 30px;
        line-height: 40px;
    }
    .gsdjj .bodyjj {
        padding: 0 100px;
    }
    .gsdjj .bodyjj .gsjjleft .zpszgd .plli {

        margin-left: -10%;
    }
    .gsdjj .bodyjj .gsjjleft .zpszgd .plli .bcsm {
        font-size: 14px;
    }
    .gsdjj .bodyjj .gsjjleft .zpszgd .plli .shuzhi {
        font-size: 36px;
    }
    .bfspxddy {
         top: 40%;
        top: calc( var(--h) - 60px);
    }
    .fwwl .titlehead {
        font-size: 30px;
        line-height: 40px;
    }
    .pgryzz .box .htitle {
        font-size: 30px;
        line-height: 40px;
    }
    .pgryzz .box .gdpb .flzs .flzsul .flzsli .flzsa {
        font-size: 18px;
    }
    .pgryzz .box .gdpb .flzs {
        flex: 0.9;
    }
    .pu_text .t2 {
        font-size: 30px;
        line-height: 40px;
    }
    .zjtd .titlehead {
        font-size: 30px;
        line-height: 40px;
    }
    .BusinessPartner .htitle {
        font-size: 30px;
        line-height: 40px;
    }
    .ydfcbody .swiper .swiper-pagination {
        top: 66%;
    }
    .ydfc .bigbox .swiper-button-next {
        display: none;
    }
    .ydfcbody .swiper {

         min-height: auto;
        padding-bottom: 40px;
    }
    .ydfc .box .gdpb .flzs {
        flex: 0.4;
    }
    .spyoul .spyoulbody {
        margin-top: 30px;
    }
    .ydfc .bigbox .swiper-button-prev {
        display: none;
    }
    #swiper-wrapper-547a4eb194fcdbae {
        transform: scale(0.5); /* 缩放1.5倍 */
        transform-origin: center; /* 缩放中心点 */
    }
    .BusinessPartner .box {
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }
    .ydfc .box .htitle {
        font-size: 30px;
        line-height: 40px;
    }
    .spyoul .htitle {
        font-size: 30px;
        line-height: 40px;
    }

    .list_product_tab ul li a p {
        font-size: 16px;
    }
    .CpxqSwiper {
        transform: scale(0.5);
    }
    .product-info1 .product-info1a .container .text {

        transform: scale(0.8);
    }
    .product-info1 .product-info1a .img .img2 {
        margin-left: 319px;
    }
    .sidebar nav ul {
        width: 100px;
    }
    .CustomizedService {
        padding: 0 ;
    }
    .xxk li a {
        font-size: 18px;
    }
    .pzgltx {
        padding: 0 100px;
    }
    .pzgltx .head {
        margin: 44px auto 18px;
        font-size: 30px;
    }
    .pzgltx .des {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .pzgltx .pzglbod .pzglbox {
        display: flex;
        width: 100%;
    }
    .pd3 {
        padding-top: 44px;
        padding-bottom: 44px;
    }
    .pd3 .tit .h {
        font-size: 30px;
        margin-bottom: 0.36rem;
    }
    .pd3 .tit {
        padding-left: 100px;
        color: #ffffff;
        /* width: 6rem; */
    }
    .pd3 .mySwiper2 .swiper-slide {
        padding-left: 35px;
    }
    .pd3 .mySwiper2 .swiper-slide .p {
        padding-top: 20px;
        font-size: 22px;
    }
    .ny_news {
        padding: 0 100px;
    }
    .lxwmbosy {
        padding: 0 100px;
    }
    .lxwmbosy .lxwmbox .lxhead {
        font-size: 26px;
    }
    .lxwmbosy .lxwmbox {
        padding-top: 44px;
    }
    .lxwmbosy .lxwmbox .gs {
        font-size: 30px;
        margin-top: 12px;
    }
    .lxwmbosy .lxwmbox .xxbox .xxleft .xxli .xxms {
        font-size: 18px;
    }
    .lxwmbosy .lxwmbox .xxbox .xxleft .xxli .xxms span {
        font-size: 22px;
        line-height: 30px;
    }
    .lxwmbosy .lxwmbox .xxbox .xxright .xxli .img {
        width: 100px;
        height: 100px;
    }
    .wyshou .nrbody .nrbox {

        gap: 16px;
    }
    .wyshou .nrbody {
        padding: 0 100px;
    }
    .ydfcbody .swiper .swiper-slide .titleovs {

        margin-top: 40px;
    }
    .development_course .se_cen .switch .prev{
        display: none;
    }
    .development_course .se_cen .switch .next{
        display: none;
    }
    .index_partner .containerhb .swiper-container {

         margin-top: 0px;
    }
    .sidebar {
       display: none;
    }
    #section3 .boxliu ul li {
        background: #F3F3F3;
        padding: 25px;
         width:auto;
        height: 227px;
    }
    #section5 .liuchengbox {
        /*display: grid;*/
        /*grid-template-columns: repeat(3, 1fr);*/
        /*gap: 60px;*/
        width: 100%;
        display: flex;
        align-items: center;
    }
    .header_phone {
        margin-left: 0;
    }
    .pbz {
        display: none;
    }
    .xian {
        display: none;
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45%;
    }
    .ryzz .box .gdpb .flzs .flzsul .flzsli .flzsa {
        font-size: 16px;
    }
    .ryzz .box .gdpb .flzs {
        flex: 0.7;
    }
    .ryzz .box .htitle {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(1),.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(2),.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(3),.gywm .abbody .bodycenter .zxplszbh .plli:nth-child(4), .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(5), .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(6){
        margin-left: 0;
    }
    .gywm .abbody .bodycenter .zxplszbh .plli:first-child .leftbk, .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(2) .leftbk, .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(3) .leftbk, .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(4) .leftbk, .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(5) .leftbk, .gywm .abbody .bodycenter .zxplszbh .plli:nth-child(6) .leftbk {
        z-index: 11;
    }
}


.header-bottom-area .container {
    width: 80%;
}
.align-items-center{
    display: flex;
}