/*浮动清除*/
.clear {
    clear: both;

}

/*选择器*/


.wbsl {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.atc-con video{
    width:100% !important;
    max-width:100%;
}
.wbsl2 {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wbsl3 {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jhdw{
        position: relative;
        top: -100px;
        display: block;
        height: 0;
        overflow: hidden;
}
/*post*/
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: pfcg;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-family: pfcg;
}

.form-group {
    margin: 15px 0px;
}

textarea.form-control {
    height: auto;
    font-size: 16px;
    font-family: pfcg;
}

.post .bts {
    width: 222px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: rgb(215, 171, 105);
    border-radius: 0px;
    border: none;
    font-size: 16px;
    font-family: pfcg;
    position: relative;
    left: 50%;
    margin-left: -111px;
    cursor: pointer;
}
.ss{
    cursor: pointer;
}
.dw {
    position: relative;
    top: -180px;
    display: block;
    height: 0;
    overflow: hidden;
}

#gsjj {
    top: -300px;
}

.golsearch {
    position: fixed;
    z-index: 99999999;
    display:none;
}

.golsearch,.golsearch .mak {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.golsearch .mak {
    position: absolute;
    background-color: rgba(0,0,0,.4)
}
.tit-32{
    font-size:32px;
}
.golsearch .box {
    background-color: #fff;
    z-index: 3;
    text-align: center;
    padding: 30px 80px
}

.golsearch .box .s-form {
    width: 100%;
    height: 50px;
    background: #f4f4f4;
    display: flex;
    position: relative;
    margin-top: .775rem
}
.golsearch .box .hotseach .ls a{
    color:#000;
}
.golsearch .box .s-form .txt {
    width: 80%;
    height: 100%;
    font-size: 16px;
    background: #f4f4f4;
    padding: 0 .775rem
}

.golsearch .box .s-form .submit {
    background-color: transparent;
    width: 20%;
    height: 100%
}

.golsearch .box .s-form svg {
    fill: rgb(0, 111, 187);
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.golsearch .box .hotseach {
    display: flex;
    margin-top: 20px;
    align-items: flex-start
}

.golsearch .box .hotseach .tit {
    display: flex;
    font-size: 16px;
    align-items: center;
    justify-content: flex-start;
    margin-right: .675rem;
    color: #000
}

.golsearch .box .hotseach .tit .icon {
    height: 18px
}

.golsearch .box .hotseach .tit svg {
    fill: rgb(0, 111, 187);
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position:relative;
    top:6px;
    left:0px;
    transform: translateY(-5px)
}

.golsearch .box .hotseach .ls {
    font-size: 0;
    text-align: left
}

.golsearch .box .hotseach .ls div {
    font-size: 16px;
    color: #585858;
    display: inline-block;
    margin-right: .5rem;
    opacity: .7;
    transition: all .5s;
    cursor: pointer;
    margin-bottom: 0
}

.golsearch .box .hotseach .ls div:hover {
    color: rgb(0, 111, 187);
    opacity: 1
}

.golsearch .box .close {
    position: absolute;
    top: .625rem;
    right: .6rem;
    cursor: pointer
}

.golsearch .box .close svg {
    fill: #999
}

.golsearch .box .close:hover svg {
    fill: rgb(0, 111, 187);
}


.tran-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.golsearch .box {
    background-color: #fff;
    z-index: 3;
    text-align: center;
    padding: 30px 80px;
}
/*post end*/

/*info*/
.ty_content {
    background-color: #f5f5f5;
    padding: 60px 0px 130px;
}

.w1200 {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
}

.atc {
    padding: 60px 0 60px;
    width: 900px;
    margin: 0 auto;
}

.atc-h {
    text-align: center;
}

.atc-h h1 {
    font-size: 24px;
    color: #222;
    line-height: 40px;
}

.atc-date {
    color: #666;
    font-size: 16px;
    line-height: 30px;
    margin-top: 12px;
    padding: 10px 0;
    background-color: rgb(249, 249, 249);
    display: flex;
    justify-content: center;
}

.atc-con {
    padding: 24px 0 40px;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    border-bottom: 1px solid #ebebeb;
}
.atc-con span{
    display:unset;
    text-indent:0px !important;
    font-size:18px !important;
}
.atc-con p{
    text-indent:2em !important;
}
.atc-con *{
    font-size:18px !important;
    font-weight:400 !important;
    font-family: '微软雅黑' !important;
}

.atc-con a{
    display:block;
    text-align:center;
}

.atc-date i {
    margin: 0px 5px;
}

.atc-pn {
    position: relative;
    margin-top: 20px;
}

.atc-pn {
    color: #666;
    line-height: 40px;
}

.atc-pn a {
    display: inline-block;
    color: #666;
}

.atc-con p {
    font-size: 16px;
    line-height: 32px;
}

.atc-con img {
    display: inline;
    max-width: 100%;
    margin-left:-2em;
}

/*info end*/



/*手机导航*/
.wappagenav {
    position: relative;
}

.wappagenav .wappagenavname {
    display: block;
    color: #fff;
    background-color: rgba(0, 111, 187, 1);
    padding: 0px 10px;
    font-size: 16px;
    line-height: 48px;
    position: relative
}

.wappagenav .wappagenavname:after {
    content: "";
    width: 2px;
    height: 14px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 21.5px;
    margin-top: -7px;
    transition: 0.5s ease-in-out 0s;
    -webkit-transition: 0.5s ease-in-out 0s;
    -moz-transition: 0.5s ease-in-out 0s
}

.wappagenav .wappagenavname:before {
    content: "";
    width: 14px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -1px;
    transition: 0.5s ease-in-out 0s;
    -webkit-transition: 0.5s ease-in-out 0s;
    -moz-transition: 0.5s ease-in-out 0s
}

.wappagenav .wappagenavname.cur:after,
.wappagenav .wappagenavname.cur:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg)
}

.wappagenav .wappagenavitems {
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    padding: 0;
    display: none;
    background-color: #fff;
    z-index: 10;
    position: absolute;
    top: 48px;
    left: 0;
    box-shadow: 0px 6px 28px rgba(0, 0, 0, 0.08)
}

.wappagenav .wappaganavlist {
    width: 100%;
    float: none;
    border-bottom: 1px solid #ddd;
    padding: 0 15px;
    z-index: 99;
    background-color: #fff
}

.wappagenav .wappaganavlist:nth-last-of-type(1) {
    border-bottom: none
}

.wappagenav .wappaganavlist a {
    width: 100%;
    line-height: 40px;
    color: #666;
    font-size: 14px;
    border-top: none;
    display: block
}

/*手机导航*/
/*baiduditu*/
#allmap {
    height: 480px;
    width: 100%;
}

#allmap a {
    display: inline-block;
}

#allmap img {
    display: inline-block;
}

.shadow img {
    display: none;
}

.contactMap img {
    max-width: none;
}

/*baiduditu end*/

/*nyfooter*/
.pages {
    text-align: center;
    padding: 60px 0px 0px;
}

.pages ul {
    display: inline-block;
    text-align: center;
}

.pages ul li {
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #c5c5c5;
    display: inline-block;
    margin: 0 12px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.pages ul li::after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    transition: .5s;
    background: rgb(0, 107, 180);
}

.pages ul li:hover::after {
    left: 0px;
    right: auto;
    width: 100%;
}

.pages ul li:hover {
    border: none;
}

.pages ul li:hover a {
    color: #fff;
    position: relative;
    z-index: 1;
}

.pages .current {
    background: rgb(0, 107, 180);
    background-size: 100% 100%;
    border: none;
}

.pages .current a {
    color: #fff;
}

.pages .current:hover a {
    color: #fff;
}

.pages ul li a {
    color: #000;
    font-size: 14px;
}

.pages_a {
    text-align: center;
}

.pages_a ul {
    float: None;
    text-align: center;
}

.pages ul li.fy {
    width: 78px;
    line-height: 34px;
}

.pages ul li.sw {
    width: 58px;
}

/*pages*/


.sj {
    display: none;
}


.join {
    padding-top: 18px;
    padding-bottom: 18px;
}

.hrList_a1 {
    background: #fff;
}

.hrList_a1_item {
    max-width: 100%;
}

.hrList_a1_item:nth-of-type(odd) {
    background: rgb(242, 242, 242);
}

.hrList_a1_item:nth-of-type(even) {
    background: #fff;
}

.last {
    margin-bottom: 60px;
}

.hrList_a1_item:nth-child(3n) {
    margin-right: 0;
}

.hrList_a1_item>ul li.other span {
    margin-bottom: 10px;
    display: block;
}

.hrList_a1_title {
    cursor: pointer;
    overflow: hidden;
}

.hrList_a1_item:nth-child(even) .hrList_a1_title {
    background: #f8f8f8;
}

.hrList_a1_title ul {
    overflow: hidden;
    padding-left: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.hrList_a1_button {
    display: none;
    border-top: 1px dashed rgba(0, 0, 0, 0.2);
    margin: 0 0px 0;
    padding-top: 30px;
    padding-bottom: 30px;
}

.hrList_a1_button a.morehr:hover,
.DownList_a1 li a:hover {
    background-color: #ef9f3b;
    transition-duration: .3s;
    color: #FFF;
}

.hrList_a1_button a.morehr,
.DownList_a1 li a {
    text-align: left;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 120px;
    color: #fff;
    background: rgb(215, 171, 105);
    transition-duration: .3s;
    border-radius: 8px;
    font-size: 16px;
    margin: 0;
}


.hrList_a1_item>ul {
    display: none;
    font-size: 16px;
    padding: 30px;
}

.hrList_a1_item>ul li {
    font-size: 16px;
    line-height: 2.5;
    list-style: none;
}

.clearfix p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.hrList_a1_item>ul li.other {
    width: 100%;
    line-height: 22px;
    padding: 5px 0;
    color: #777;
    text-overflow: inherit;
    white-space: inherit;
    margin-top: 0;
}

.job_box ul li {
    list-style: none;
}

.JobList_e1 {
    border: 1px solid #eee;
    min-width: 600px;
    padding-left: 0px;
}



.job_title {
    background: rgb(215, 171, 105);
    min-width: 600px;
}

.job_title ul {
    overflow: hidden;
}

.job_title li {
    color: #000;
    float: left;
    width: 21.25%;
    color: rgb(255, 255, 255);
    font-size: 22px;
    line-height: 84px;
    text-align: center;
}

.job_title i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.job_title img {
    max-width: 25px;
    max-height: 20px;
    display: block;
}

.job_title span {
    display: inline-block;
    vertical-align: middle;
    line-height: 3em;
}

.hrList_a1_title li {
    width: 21.25%;
    float: left;
    color: #000;
    font-size: 16px;
    box-sizing: border-box;
    text-align: center;
    line-height: 77px;
}

.job_box {
    width: 100%;
}

.hrList_a1_button a.morehr {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.hrList_a1_button span {
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    line-height: 40px;
    border-bottom: 1px dashed rgb(215, 171, 105);
    padding: 0 10px;
}

.hrList_a1_button span a:hover {
    text-decoration: underline;
}

.job_type {
    display: inline-block;
    font-size: 14px;
    overflow: hidden;
    vertical-align: middle;
    margin-left: 50px;
}

.job_type select {
    background: #f5f5f5;
    font-size: 14px;
    padding: 10px 20px;
    color: #666;
    line-height: 2;
}

.job_type .L {
    float: left;
}

.job_type span {
    color: rgb(231, 123, 25);
}

.job_type .L a {
    padding: 5px 20px;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #777;
    margin-right: 10px;
    transition: 0.3s ease 0s;
}

.job_type .R {
    float: right;
}

.job_type .R form {
    display: inline-block;
    line-height: 30px;
}

.job_type .R input {
    height: 29px;
    border-bottom: 1px solid #ddd;
    padding: 0 10px;
    line-height: 35px;
    color: #666;
    font-size: 14px;
    width: 200px;
}

.job_type .R button {
    font-size: 14px;
    border-radius: 3px;
    width: 80px;
    height: 30px;
    color: #666;
    background: #eee;
    margin-left: 20px;
    cursor: pointer;
    transition: 0.3s ease 0s;
}

.job_type .L a:hover,
.job_type .R button:hover {
    border-color: #fff;
    color: #fff;
    background: rgb(215, 171, 105);
}

.job_type .R input:focus {
    border-bottom-color: rgb(215, 171, 105);
}

.ty_post input {
    background: #fff;
    border: none;
    text-indent: 15px;
    box-shadow: 0px 0px 1px 1px rgb(215, 171, 105);
}

.ty_post .typostl {
    line-height: 40px;
    margin-top: 30px;
    font-size: 18px;
}

.ty_post textarea {
    border: none;
    text-indent: 15px;
    box-shadow: 0px 0px 1px 1px rgb(215, 171, 105);
}

.post {
    padding: 0px 0px 60px;
}

/*移入效果*/
.yrxg ul li .sp {
    position: absolute;
    background: red;
    -webkit-transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all .7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.yrxg ul li .line-1 {
    left: 0%;
    top: 0%;
    width: 0%;
    height: 2px;
}

.yrxg ul li:hover .line-1,
.yrxg ul li:hover .line-3 {
    width: 100%;
}

.yrxg ul li:hover .line-2,
.yrxg ul li:hover .line-4 {
    height: 100%;
}

.yrxg ul li .line-2 {
    right: 0%;
    top: 0%;
    width: 2px;
    height: 0%;
}

.yrxg ul li .line-3 {
    right: 0%;
    bottom: 0%;
    width: 0%;
    height: 2px;
}

.yrxg ul li .line-4 {
    left: 0%;
    bottom: 0%;
    width: 2px;
    height: 0%;
}

/*sj pages*/
@media only screen and (max-width: 1100px) {
    .pages ul li {
        width: auto;
        min-width: 20px;
        height: 26px;
        text-align: center;
        line-height: 24px;
        display: inline-block;
        margin: 0 2px;
        border-radius: 2px;
        padding: 0px 5px;
    }

    .pages ul .sw {
        width: auto;
    }

    .pages ul li a {
        font-size: 12px;
    }

    .pages ul li.fy {
        width: auto;
        line-height: 26px !important;
    }

    .pages {
        padding: 20px 0px 20px;
    }

    .atc {
        padding: 30px 0 30px;
        width: 94%;
        margin: 0 auto;
    }

    .w1200 {
        max-width: 96%;
        margin: 0 auto;
        background-color: #fff;
    }

    .atc-date {
        font-size: 12px;
    }

}

/*sj pages*/
/************************************************************************************************************************************************************************************/


* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-decoration: none;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "SF Pro SC", "SF Pro Display", "Helvetica Neue", "Helvetica", "Segoe UI", "Microsoft YaHei", "微软雅黑", "PingFang Regular", "Hiragino Sans GB", sans-serif;
}

button {
    border: none;
    background: transparent;
}

input,
input:focus,
textarea,
textarea:focus {
    border: none;
    outline: none;
}

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

select,
input {
    vertical-align: middle;
    color: #666666;
}

textarea {
    color: #666666;
}

input[type="radio"] {
    vertical-align: middle;
}

a:link,
a:hover,
a:active,
a:visited {
    text-decoration: none;
}

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

.wbsl2 {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

/* syht */
@font-face {
    font-family: "syht";
    src: url(Source_Han_Sans_SC_Medium_Medium.otf);
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


a,
i,
em,
span,
b,
img {
    display: block;
}

i,
em {
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    font: inherit !important;
    overflow-x: hidden;
}

.bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.6);
}

#animation_container {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: #fff
}

#animation_container.cur {
    display: none
}

#animation_container .bg {
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    transition: 4s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s;
    -webkit-transition: 4s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s;
    -moz-transition: 4s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s
}

#animation_container .bg.cur {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0)
}

.canlogo {
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -193px;
    z-index: 9999;
}

.canlogo img {
    max-width: 80%;
    opacity: 0;
    transform: scale3d(1.4, 1.4, 1.4);
    -webkit-transform: scale3d(1.4, 1.4, 1.4);
    -moz-transform: scale3d(1.4, 1.4, 1.4);
    transition: 4s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s;
    -webkit-transition: 4s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s;
    -moz-transition: 4s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s
}

.canlogo.cur img {
    opacity: 1;
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1)
}

#animation_container.cur .hexagon {
    display: none
}


.banner .swiper-slide {
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.scroll {
    position: fixed;
    z-index: 10;
    bottom: 3.6%;
    left: 50%;
    margin-left: -48px;
    width: 95px;
    height: 37px;
    background: url(../images/icon_12.png) center no-repeat;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: scrolls;
    animation-name: scrolls;
}

.scroll.scroll_fixed {
    display: none;
}

@-webkit-keyframes scrolls {
    from {
        bottom: 3.6%;
    }

    50% {
        bottom: calc(3.6% + 12px);
    }

    100% {
        bottom: 3.6%;
    }
}

@keyframes scrolls {
    from {
        bottom: 3.6%;
    }

    50% {
        bottom: calc(3.6% + 12px);
    }

    100% {
        bottom: 3.6%;
    }
}

header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100px;
    z-index: 998;
}
.xiao_five img{
    height:240px;
}
header .sub {
    padding: 0;
    position: fixed;
    top:100px;
    bottom: 0px;
    left:0px;
    height: 0px;
    width: 100%;
    z-index: -1;
    overflow: hidden;
    text-align: left;
    background-color: rgba(0,0,0,0.8);
    transition: 1.5s;
    animation-fill-mode: none;
    animation-play-state: paused;
}
header .sub .nav_xiao {
    width: 70%;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 0px;
    display: flex;
    justify-content: space-between;
    
}
.header_rla:hover .sub{
    top: 100px;
    bottom: auto;
    height: 300px;
    animation-name: newAnimation;
  animation-duration: 2s;
  animation-play-state: running; /* 鼠标悬停时播放新动画 */
}
@keyframes newAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.xiao_five2 {
    width: 56%;
}
.header_rl li:nth-child(5) .xiao_five2 a{
    padding:0px 1%;
}
.xiao_five2 a{
    display:inline-block;
    padding:0px 2%;
    line-height:54px;
    font-size:18px;
    font-family:syht;
    color:#fff;
}
.xiao_five2 a:hover{
    color:#007ec9;
    border-bottom:1px solid #007ec9;
}
.w82 {
    width: 82%;
    margin: 0 auto;
}

header:hover,
header.on {
    transition: all 0.6s;
    left: 0;
    top: 0;
    margin-left: 0;
    width: 100%;
    background: #ffffff;
    border-radius: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

header:hover .header_rlab,
header.on .header_rlab {
    color: #333;
}

.header {
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_r {
    display: flex;
    width: 56%;
}

.header_rl {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.header_rlab {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    padding: 0px 15px;
    line-height: 100px;
    position: relative;
}

.header_rlab::after {
    transition: all 0.5s;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: #007ec9;
    content: "";
}

.header_rla:hover .header_rlab {
    color: #007ec9;
}

.header_rla:hover .header_rlab::after {
    transition: all 0.5s;
    width: 100%;
}

.header_rlb {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_l img:nth-child(2),
.header_rlb img:nth-child(2) {
    display: none;
}

header .header_l img:nth-child(1),
header .header_rlb img:nth-child(1) {
    display: inline;
}

header:hover .header_l img:nth-child(2),
header:hover .header_rlb img:nth-child(2),
header.on .header_l img:nth-child(2),
header.on .header_rlb img:nth-child(2) {
    display: inline;
}

header:hover .header_l img:nth-child(1),
header:hover .header_rlb img:nth-child(1),
header.on .header_l img:nth-child(1),
header.on .header_rlb img:nth-child(1) {
    display: none;
}

.header .pos {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    height: 0;
    opacity: 0.7;
    z-index: 999;
    overflow: hidden;
    background: #fff;
}

.header .header_rla:hover .pos {
    transition: all 0.7s;
    height: 439px;
    opacity: 1;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
    border-top: #ccc 1px solid;
}

.allMenu {
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    background: rgb(0, 111, 187);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}

.allMenu :root {
    --vh: 100%;
}

@supports (-webkit-touch-callout: none) {
    .allMenu {
        height: -webkit-fill-available;
        min-height: -webkit-fill-available;
    }
}

.allMenu :root {
    --vh: 100%;
}

.allMenu .inner,
.allMenu .menu {
    width: 100%;
    height: 100%;
}

.allMenu .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.allMenu .top,
.allMenu .top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.allMenu .top {
    height: 100px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 0 40px;
    position: absolute;
    top: 0;
    right: 0;
}

.allMenu .top ul {
    gap: 0 10px;
}

.allMenu .top ul li {
    width: 80px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.allMenu .top ul li:hover {
    background: #ffffff;
}

.allMenu .top ul li:hover a {
    color: rgb(0, 111, 187);
}

.allMenu .top a {
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 500;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.allMenu .top .menuClose {
    width: 100px;
    height: 100%;
    background: #111111;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.allMenu .bg {
    width: 32.25%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.allMenu .bg::after {
    content: "";
    display: block;
    background: rgb(0, 111, 187);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 1.2s;
    transition: all 1.2s;
    width: 100%;
    height: 100%;
}

.allMenu .bg img {
    min-width: 100%;
    max-width: inherit;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.allMenu .menu {
    padding: 0 6.2% 0 6.2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.allMenu .menu * {
    line-height: 40px;
}

.allMenu a {
    color: #ffffff;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.allMenu #snb {
    width: 100%;
}

.allMenu #snb>li {
    padding: 40px 0;
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.allMenu #snb>li::before,
.allMenu #snb>li::after {
    content: "";
    display: block;
    height: 1px;
    background: #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.allMenu #snb>li::before {
    width: 100%;
    opacity: 0.2;
}

.allMenu #snb>li::after {
    width: 0;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.allMenu #snb>li>a {
    width: 140px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    font-size: 24px;
    font-weight: 700;
}

.allMenu #snb>li img {
    width: 16px;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.allMenu #snb>li:hover::after {
    width: 100%;
}

.allMenu .depth2 {
    width: 100%;
    gap: 0 30px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.allMenu .depth2>li>a {
    font-size: 18px;
    opacity: 0.6;
}

.allMenu .depth2>li:hover>a,
.allMenu .depth2>li>a:hover{
    opacity: 1;
    color:#fff;
}

.allMenu.on .bg::after {
    width: 0;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.menuOpen {
    cursor: pointer;
}

.allMenu.on #snb>li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.allMenu.on #snb>li:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.allMenu.on #snb>li:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.allMenu.on #snb>li:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.allMenu.on #snb>li:nth-child(4) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.allMenu.on #snb>li:nth-child(5) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

input,
input:focus,
textarea,
textarea:focus,
button,
button:focus,
select {
    border: none;
    outline: none;
    resize: none;
}

@media (max-width: 1400px) {
    .allMenu #snb>li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px 0;
        padding: 30px 0;
    }

    .allMenu #snb>li>a {
        font-size: 2.4rem;
    }
}

.bac_img {
    width: 100%;
}
.hover_on .header{
    border-bottom:1px solid rgba(0,0,0,.2);
}
.father{
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    padding-top: 31px;
   display:none;
}
.father a {
    font-size: 18px;
    transition: color 0.5s cubic-bezier(0.435, 0.25, 0.15, 0.965) 0s;
    display: block;
    position: relative;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.2);
    line-height:46px;
    text-align:center;
}
.father a:hover{
    font-weight:bold;
}
.header_rla{
    position:relative;
    flex:1;
    text-align:center;
}
.ss{
    margin-right:36px;
    margin-left:10px;
}
.header_rla:hover .father a {
    color: rgba(0, 0, 0, 0.9);
}
.nav_sha {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    top: -100%;
    background-color: white;
    transition: height 1s cubic-bezier(0.435, 0.25, 0.15, 0.965) 0s;
    height: 100%;
    overflow: hidden;
    padding:30px 0px;
    border-bottom:4px solid rgba(0,111,187,1);
}
.nav_sha::before {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 0 solid #e60012;
    bottom: 0;
    left: 0;
    position: absolute;
    transition: border-width 0.5s cubic-bezier(0.435, 0.25, 0.15, 0.965);
    z-index: 3;
}
.nav_sha .pub_case {
    position: relative;
    height: 100%;
}
.nav_sha .pub_case img {
    position: absolute;
    bottom: 0;
    left: 9%;
    height: 450px;
    width:633px;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.435, 0.25, 0.15, 0.965);
}
.hover_on .nav_sha .pub_case img {
    opacity:1;
}
header.hover_on .nav_sha {
    top:100px;
    height: 510px !important;
}
header.hover_on .father {
     display:block!important;
}
.pos .bor {
    margin: 85px 9% 85px 0;
    width: 25.14%;
    width: 80%;
    min-height: auto;
}

.pos .next {
    margin: 85px 0;
    width: 40%;
    display:none;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}

.pos .bor a {
    margin-bottom: 32px;
    float: left;
    width: 42%;
    font-size: 20px;
    color: #666;
}
.pos .bor a:hover{
    color:#007ec9;
}

.pos .next b {
    margin-bottom: 30px;
    font-size: 24px;
    color: #333;
}

.pos .next p {
    margin-bottom: 38px;
    height: 102px;
    line-height: 34px;
    font-size: 18px;
    color: #666;
    text-align: justify;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.pos .next a {
    position: relative;
    display: flex;
    width: 160px;
    height: 52px;
    text-align: center;
    border: #007ec9 1px solid;
    border-radius: 52px;
    overflow: hidden;
}

.pos .next a em {
    position: relative;
    z-index: 3;
    margin: 0 auto;
    padding-right: 27px;
    font-size: 16px;
    line-height: 49px;
    color: #fff;
    background: url(../images/icon_34.png) right center no-repeat;
}

.pos .next a::before {
    transition: all 0.6s;
    transform: scale(0);
    position: absolute;
    left: 0%;
    bottom: 0%;
    z-index: 2;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #fff;
    content: "";
}

.pos .next a::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #007ec9;
    content: "";
}

.fl {
    float: left;
}

.pos .next a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}

.pos .next a:hover::before {
    transition: all 0.6s;
    transform: scale(11);
}

.pos .next a:hover em {
    color: #007ec9;
    background: url(../images/icon_34ss.png) right center no-repeat;
}



@-webkit-keyframes loop {
    0% {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes loop {
    0% {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes loop2 {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(-200%);
    }
}

@keyframes loop2 {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(-200%);
    }
}

.c-ticker {
    width: 100%;
    display: flex;
    overflow: hidden;
    box-sizing: content-box;
}

.c-ticker__wrap {
    display: inline-block;
    white-space: nowrap;
    box-sizing: content-box;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

._ticker01 {
    -webkit-animation: loop 80s -40s linear infinite;
    animation: loop 80s -40s linear infinite;
}

._ticker02 {
    -webkit-animation: loop2 80s linear infinite;
    animation: loop2 80s linear infinite;
}


.c-ticker__text {
    display: inline-flex;
    font-family: "Poppins", "SF Pro SC", "SF Pro Display", "Helvetica Neue", "Helvetica", "Segoe UI", "Microsoft YaHei", "微软雅黑", "PingFang Regular", "Hiragino Sans GB", sans-serif;
    font-size: 12.307vw;
    font-weight: 200;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: -16px;
    line-height: 16.692vw;
    text-transform: uppercase;
}

.p-top-main_inner {
    background-color: #fff;
}

.p-top-intro {
    width: 100%;
}

.p-top-intro-inner {
    background: repeating-linear-gradient(90deg, #e8e8e8, #e8e8e8 1px, transparent 1px, transparent 16.666%), linear-gradient(90deg, #f3f3f3, #f3f3f3 83.333%, #fff 83.333%, #fff);
    padding-bottom: 10vw;
    position: relative;
}

.p-top-intro-content__cross {
    top: 46.153vw;
    right: calc(100vw / 6 * 1 - 1px);
    transform: translate(5px, -5.5px);
}

.p-top-intro-ticker {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.p-top-intro-child-inner {
    display: flex;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}

.p-top-intro__left {
    width: 50%;
    background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.06) 1px, transparent 1px, transparent 33.333%), rgba(0, 0, 0, 0.01);
    position: relative;
}


.p-top-intro__left-pho {
    width: 100%;
    height: 683px;
    overflow: hidden;
    margin-top: 17.692vw;
}

.p-top-intro__left-pho img {
    width: 100%;
}

.p-top-intro__content {
    width: 50%;
    height: 45vw;
    padding-bottom: 5vw;
    background: rgba(255, 255, 255, 0.96);
    transform: translateY(-1px);
}

.p-top-main_inner {
    background-color: #fff;
}

.p-top-intro {
    width: 100%;
}

.p-top-intro-inner {
    background: repeating-linear-gradient(90deg, #e8e8e8, #e8e8e8 1px, transparent 1px, transparent 16.666%), linear-gradient(90deg, #f3f3f3, #f3f3f3 83.333%, #fff 83.333%, #fff);
    padding-bottom: 10vw;
    position: relative;
}

.p-top-intro-content__cross {
    top: 46.153vw;
    right: calc(100vw / 6 * 1 - 1px);
    transform: translate(5px, -5.5px);
}

.p-top-intro-ticker {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.p-top-intro-child-inner {
    display: flex;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}

.p-top-intro__left {
    width: 50%;
    background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.06) 1px, transparent 1px, transparent 33.333%), rgba(0, 0, 0, 0.01);
    position: relative;
}


.p-top-intro__left-pho {
    width: 100%;
    height: 683px;
    overflow: hidden;
    margin-top: 17.692vw;
}



.p-top-intro__content {
    width: 50%;
    height: 45vw;
    padding-bottom: 5vw;
    background: rgba(255, 255, 255, 0.96);
    transform: translateY(-1px);
}

@media screen and (max-width: 1100px) {
    .p-top-intro-inner {
        padding-bottom: 110px;
    }

    .p-top-intro-content__cross {
        top: 600px;
    }

    .p-top-intro-ticker {
        display: none;
    }

    .p-top-intro__left-pho {
        height: 33.333vw;
        margin-top: 123px;
    }

    .p-top-intro__content {
        height: 600px;
    }
}

@media screen and (max-width: 767px) {
    .p-top-intro {
        width: 100%;
    }

    .p-top-intro-inner {

        padding-bottom: 16vw;
    }

    .p-top-intro-content__cross {
        display: none;
    }

    .p-top-intro-ticker {
        display: none;
    }

    .p-top-intro-child-inner {
        display: block;
    }

    .p-top-intro__left {
        width: 100vw;
    }

    .p-top-intro__left-pho {
        height: 56.8vw;
        margin-top: 0;
    }

    .p-top-intro__content {
        width: 92vw;
        height: auto;
        background: #fff;
        margin: -10vw 0 0 auto;
        position: relative;
        z-index: 3;
    }
}

.p-top-intro__content-inner {
    padding: 10.23vw 8vw 0 10vw;
    border-top: 1px solid #F3F3F3;
    box-sizing: border-box;
}

.p-top-intro__content-heading {
    color: #444;
    font-size: 42px;
    line-height: 1.47;
    letter-spacing: 4.5px;
    margin-bottom: 73px;
    font-weight: 500;
}

.text-split .word {
    overflow: hidden;
    display: block;
}

.text-split .word span {
    transform: translateY(120%);
    display: inline-block;
}

.icase .string {
    display: inline-block;
}

.-is-displayed .text-split .word .string {
    -webkit-animation: anime_top-mv__string 0.74s cubic-bezier(0.54, 0, 0, 0.99) 0s forwards;
    animation: anime_top-mv__string 0.74s cubic-bezier(0.54, 0, 0, 0.99) 0s forwards;
}



@-webkit-keyframes anime_top-mv__string {
    0% {
        transform: translateY(120%);
    }

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

@keyframes anime_top-mv__string {
    0% {
        transform: translateY(120%);
    }

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

.p-top-intro__content-text {
    color: #686868;
    font-size: 16px;
    line-height: 2.29;
}

.p-top-concept {
    width: 100%;
}

.p-top-concept-inner {
    background: repeating-linear-gradient(90deg, #e8e8e8, #e8e8e8 1px, transparent 1px, transparent 16.666%), linear-gradient(#f3f3f3, #f3f3f3 50%, transparent 50%, transparent),
        repeating-linear-gradient(90deg, #e8e8e8, #e8e8e8 1px, transparent 1px, transparent 16.666%), linear-gradient(90deg, #fff, #fff 16.666%, #f3f3f3 16.666%, #f3f3f3);
    display: flex;
    align-items: flex-start;
}


.p-top-concept__content {
    width: 50%;
    height: 56.923vw;
    background: #fff;
    margin-top: 7.692vw;
    position: relative;
}

@media screen and (max-width: 1100px) {
    .p-top-intro__content-inner {
        padding: 70px 78px;
    }

    .p-top-intro__content-heading {
        font-size: 2.4rem;
        margin-bottom: 5.6vw;
    }

    .p-top-concept__content {
        height: auto;
        margin-top: 75px;
    }
}

@media screen and (max-width: 992px) {
    .p-top-intro__content-heading {
        font-size: 24px;
    }

}

@media screen and (max-width: 767px) {
    .p-top-intro__content-inner {
        padding: 10.666vw 10.666vw 13.333vw;
        border-top: none;
    }

    .p-top-intro__content-heading {
        font-size: 2.3rem;
        line-height: 1.5;
    }

    .p-top-intro__content-text {
        font-size: 14px;
        line-height: 2;
    }

    .p-top-concept {
        width: 100%;
    }

    .p-top-concept-inner {
        background: #f3f3f3;
        flex-direction: column-reverse;
    }
}

/*
  gridMaskWrap
———————————*/
.gridMaskWrap {
    position: relative;
    overflow: hidden;
}

.gridMask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    z-index: 2;
}

/* .gridMaskItem */
.gridMaskItem {
    position: absolute;
    width: calc(100vw / 6);
    height: calc(100vw / 6);
    opacity: 1;
    transform: translateY(0);
    overflow: hidden;
}

.gridMaskItem::after {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #F7C600;
    transform: translateY(-100%);
}

.gridMaskItem-white::after {
    background-color: #fff;
}



.gridMaskItemX-1 {
    left: 0;
}

.gridMaskItemX-2 {
    left: calc(100vw / 6 * 1);
}

.gridMaskItemX-3 {
    left: calc(100vw / 6 * 2);
}

.gridMaskItemX-4 {
    left: calc(100vw / 6 * 3);
}

.gridMaskItemX-5 {
    left: calc(100vw / 6 * 4);
}

.gridMaskItemX-6 {
    left: calc(100vw / 6 * 5);
}

.gridMaskItemY-1 {
    top: 0;
}

.gridMaskItemY-2 {
    top: calc(100vw / 6 * 1);
}

.gridMaskItemY-3 {
    top: calc(100vw / 6 * 2);
}

.gridMaskItemY-4 {
    top: calc(100vw / 6 * 3);
}

.gridMaskItemY-5 {
    top: calc(100vw / 6 * 4);
}

.gridMaskItemY-6 {
    top: calc(100vw / 6 * 5);
}

/* .gridMaskRow */
.gridMaskRow {
    height: calc(100vw / 6 * 1);
    width: 100%;
    opacity: 1;
    background-color: #F7C600;
    transform: translateX(0);
    transition: transform 0.8s cubic-bezier(1, 0, 0.51, 0.99);
    transition: transform 0.8s cubic-bezier(0.67, 0, 0.05, 0.98);
    transition: transform 0.7s cubic-bezier(0.91, 0.01, 0.36, 0.97);
}

.-is-displayed .gridMaskRowMoveRightX-1 {
    transform: translateX(16.66vw);
}

.-is-displayed .gridMaskRowMoveRightX-2 {
    transform: translateX(33.34vw);
}

.-is-displayed .gridMaskRowMoveRightX-3 {
    transform: translateX(49.98vw);
}

.-is-displayed .gridMaskRowMoveLeftX-1 {
    transform: translateX(-16.66vw);
}

.-is-displayed .gridMaskRowMoveLeftX-2 {
    transform: translateX(-33.34vw);
}

.-is-displayed .gridMaskRowMoveLeftX-3 {
    transform: translateX(-49.98vw);
}

/* .gridMaskColumn */
.gridMaskColumn {
    position: absolute;
    width: calc(100vw / 6 * 1.01);
    height: calc(100vw / 6);
    opacity: 1;
    background-color: rgb(0, 111, 187);
    transform: translateY(0);
}

.gridMaskColumn-full {
    height: 100%;
}

.gridMaskColumn-white {
    background-color: #fff;
}

.gridMaskColumn-grey {
    background-color: #e8e8e8 !important;
}

.gridMask-img {
    position: absolute;
    width: 100%;
    opacity: 1;
    transform: translateY(0);
    background-color: #e8e8e8;
}




.gridMaskColumnX-1 {
    left: 0;
}

.gridMaskColumnX-2 {
    left: calc(100vw / 6 * 1);
}

.gridMaskColumnX-3 {
    left: calc(100vw / 6 * 2);
}

.gridMaskColumnX-4 {
    left: calc(100vw / 6 * 3);
}

.gridMaskColumnX-5 {
    left: calc(100vw / 6 * 4);
}

.gridMaskColumnX-6 {
    left: calc(100vw / 6 * 5);
}

.gridMaskColumnShowY {
    transform: translateY(-100%);
}


/*gridemask for projects & news block*/
.gridMaskBlock {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: #F7C600;
    transform: translateY(0);
}

.gridMaskColumn-white {
    background-color: #fff;
}

/* animation */
.-is-displayed .gridMaskItemShowY::after {
    -webkit-animation: gridMaskItemShowY cubic-bezier(0.54, 0, 0, 0.99) 0.9s forwards 0.5s;
    animation: gridMaskItemShowY cubic-bezier(0.54, 0, 0, 0.99) 0.9s forwards 0.5s;
}

@-webkit-keyframes gridMaskItemShowY {
    from {
        transform: translateY(-101%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes gridMaskItemShowY {
    from {
        transform: translateY(-101%);
    }

    to {
        transform: translateY(0);
    }
}

.-is-displayed .gridMaskColumn-full {
    -webkit-animation: gridMaskColumnShowY_full cubic-bezier(0.54, 0, 0, 0.99) 0.9s forwards;
    animation: gridMaskColumnShowY_full cubic-bezier(0.54, 0, 0, 0.99) 0.9s forwards;
}

@-webkit-keyframes gridMaskColumnShowY_full {
    from {
        transform: translateY(0%);
    }

    to {
        transform: translateY(101%);
    }
}

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

    to {
        transform: translateY(101%);
    }
}

.gridMaskColumn-full.gridMaskColumnX-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.gridMaskColumn-full.gridMaskColumnX-2 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.gridMaskColumn-full.gridMaskColumnX-3 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.gridMaskColumn-full.gridMaskColumnX-4 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.gridMaskColumn-full.gridMaskColumnX-5 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.gridMaskColumn-full.gridMaskColumnX-5 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.-is-displayed .gridMaskColumnShowY-1 {
    -webkit-animation: gridMaskColumnShowY 1s forwards;
    animation: gridMaskColumnShowY 1s forwards;
}

@-webkit-keyframes gridMaskColumnShowY {
    from {
        transform: translateY(-100%);
    }

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

@keyframes gridMaskColumnShowY {
    from {
        transform: translateY(-100%);
    }

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

@media screen and (max-width: 1100px) {
    .gridMaskItem {
        width: calc(1100px / 6);
        height: calc(1100px / 6);
    }

    .gridMaskColumn {
        width: calc(1100px / 6);
        height: calc(1100px / 6);
    }

    .gridMaskColumn-full {
        height: 100%;
    }

    .gridMaskItemX-1 {
        left: 0;
    }

    .gridMaskItemX-2 {
        left: calc(1100px / 6 * 1);
    }

    .gridMaskItemX-3 {
        left: calc(1100px / 6 * 2);
    }

    .gridMaskItemX-4 {
        left: calc(1100px / 6 * 3);
    }

    .gridMaskItemX-5 {
        left: calc(1100px / 6 * 4);
    }

    .gridMaskItemX-6 {
        left: calc(1100px / 6 * 5);
    }

    .gridMaskItemY-1 {
        top: 0;
    }

    .gridMaskItemY-2 {
        top: calc(1100px / 6 * 1);
    }

    .gridMaskItemY-3 {
        top: calc(1100px / 6 * 2);
    }

    .gridMaskItemY-4 {
        top: calc(1100px / 6 * 3);
    }

    .gridMaskItemY-5 {
        top: calc(1100px / 6 * 4);
    }

    .gridMaskItemY-6 {
        top: calc(1100px / 6 * 5);
    }

    .gridMaskColumnX-1 {
        left: 0;
    }

    .gridMaskColumnX-2 {
        left: calc(1100px / 6 * 1);
    }

    .gridMaskColumnX-3 {
        left: calc(1100px / 6 * 2);
    }

    .gridMaskColumnX-4 {
        left: calc(1100px / 6 * 3);
    }

    .gridMaskColumnX-5 {
        left: calc(1100px / 6 * 4);
    }

    .gridMaskColumnX-6 {
        left: calc(1100px / 6 * 5);
    }
}

@media screen and (max-width: 767px) {
    .gridMaskItem {
        width: calc(100vw / 3);
        height: calc(100vw / 3);
    }

    .gridMaskColumn {
        width: calc(100vw / 3);
        height: calc(100vw / 3);
    }

    .gridMaskColumn-full {
        height: 100%;
    }

    .gridMaskItemX-1 {
        left: 0;
    }

    .gridMaskItemX-2 {
        left: calc(100vw / 3 * 1);
    }

    .gridMaskItemX-3 {
        left: calc(100vw / 3 * 2);
    }

    .gridMaskItemX-4 {
        left: calc(100vw / 3 * 3);
    }

    .gridMaskItemX-5 {
        left: calc(100vw / 3 * 4);
    }

    .gridMaskItemX-6 {
        left: calc(100vw / 3 * 5);
    }

    .gridMaskItemY-1 {
        top: 0;
    }

    .gridMaskItemY-2 {
        top: calc(100vw / 3 * 1);
    }

    .gridMaskItemY-3 {
        top: calc(100vw / 3 * 2);
    }

    .gridMaskItemY-4 {
        top: calc(100vw / 3 * 3);
    }

    .gridMaskItemY-5 {
        top: calc(100vw / 3 * 4);
    }

    .gridMaskItemY-6 {
        top: calc(100vw / 3 * 5);
    }

    .gridMaskColumnX-1 {
        left: 0;
    }

    .gridMaskColumnX-2 {
        left: calc(100vw / 3 * 1);
    }

    .gridMaskColumnX-3 {
        left: calc(100vw / 3 * 2);
    }

    .gridMaskColumnX-4 {
        left: calc(100vw / 3 * 3);
    }

    .gridMaskColumnX-5 {
        left: calc(100vw / 3 * 4);
    }

    .gridMaskColumnX-6 {
        left: calc(100vw / 3 * 5);
    }

    .gridMaskRowMoveX-1 {
        transform: translateX(33.3vw);
    }

    .gridMaskRowMoveX-2 {
        transform: translateX(66.6vw);
    }

    .gridMaskRowMoveX-3 {
        transform: translateX(100vw);
    }

    .gridMaskItem {
        display: none;
    }
}

.wow {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.content_list .wow:nth-child(2n+1) {
    animation-delay: .0s
}

.content_list .wow:nth-child(2n+2) {
    animation-delay: .1s
}

.content_list .wow:nth-child(2n+3) {
    animation-delay: .2s
}

.content_list .wow:nth-child(2n+4) {
    animation-delay: .3s
}

.content_list .wow:nth-child(2n+5) {
    animation-delay: .4s
}

.content_list .wow:nth-child(2n+6) {
    animation-delay: .5s
}

.content_list .wow:nth-child(2n+7) {
    animation-delay: .6s
}

.content_list .wow:nth-child(2n+8) {
    animation-delay: .7s
}


@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.anniu {
    background: rgb(0, 111, 187);
    width: 190px;
    display: flex;
    margin-top: 82px;
    padding: 18px 30px;
    line-height: 24px;
    color: #fff;
}

.anniuz {
    width: 1px;
    height: 24px;
    background: #fff;
    margin: 0px 20px;
}

.gsxq {
    background: #fff;
    padding: 60px 0px 70px;
}

.gsxqzt_title {
    font-size: 42px;
    line-height: 60px;
    font-weight: 500;
    color: rgb(48, 62, 72);
    text-align: center;
}

.ctext {
    opacity: 0;
    transition: all 1s;
    transform: scale(1.2);
}
.news_ca2 li a:hover{
    color:rgb(0,111,187);
}
.ctext span {
    opacity: .5;
    transition: all 1s;
    transform: scale(1.2);
    display: inline-block;
}
.gsxqzt .gsxqzt_title:nth-child(1) span:nth-child(6){
    width:30px;
}
.gsxqzt .gsxqzt_title:nth-child(2) span:nth-child(5){
    width:30px;
}
.ctext span:nth-child(2n) {
    opacity: 0;
    transition: all 1s;
}

.on .ctext,
.on .ctext span {
    transform: scale(1);
    opacity: 1 !important;
}

@keyframes ctext {
    0% {
        opacity: 0;
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes c-line {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.w75 {
    width: 75%;
    margin: 0 auto;
}

.c-line {
    opacity: 1;
    transition: all 1s 0.3s;
    -webkit-animation-name: c-line;
    animation-name: c-line;
    width: 1px;
    height: 50px;
    background-color: rgb(197, 197, 197);
    overflow: hidden;
    margin: 28px auto 60px;
}

.c-line:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 32px;
    background-color: rgb(26, 26, 26);
    animation: goBottom 1s linear infinite;
}

@keyframes goBottom {
    0% {
        transform: translateY(-200%);
    }

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

.gsxqzt_list ul {
    display: flex;
    height: 388px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-bottom: 1px solid rgb(193, 194, 194);
}

.gsxqzt_lista {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gsxqzt_list li {
    display: flex;
    height: 388px;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: 1;
    flex-direction: column;
    position: relative;
}

.gsxqzt_list li::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0px;
    width: 0%;
    height: 5px;
    background: rgb(0, 111, 187);
    transition: .5s;
}

.gsxqzt_list2 {
    color: rgb(115, 115, 115);
    font-size: 16px;
    margin-top: 8px;
}

.gsxqzt_list3 {
    color: #000;
    margin-top: 44px;
}

.gsxqzt_list3 span:nth-child(1) {
    display: inline-block;
    font-size: 55px;
    font-weight: 400;
    letter-spacing: -4px;
    margin-right: 4px;
    height: 55px;
}

.gsxqzt_list3 span:nth-child(2) {
    display: inline-block;
    font-size: 16px;
}

.gsxqzt_list li:hover,
.gsxqzt_list li.on {
    background: rgb(246, 246, 246);
}

.gsxqzt_list li:hover::after,
.gsxqzt_list li.on::after {
    width: 100%;
    left: 0px;
    right: auto;
}

.yjzz {
    position: sticky;
    top: 0;
    height: 800px;
    width: 100%;
}

.yjzz img {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.icase {
    position: relative;
    background: #fff;
    background-size: 100% 100%;
    z-index: 2;
    padding-top: 80px;
}

.icase:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30vh;
    background: url(../images/iiyy.png);
    background-size: 100% 100%;
    transform: translateY(-99%);
}

.icase .swiper-slide {
    width: 978px;
    transition-timing-function: linear;
}

@media only screen and (max-width:1200px) {
    .icase .swiper-slide {
        width: 770px;
    }
}

@media only screen and (max-width:980px) {
    .icase .swiper-slide {
        width: 471px;
    }
}

@media only screen and (max-height:480px) {
    .icase .swiper-slide {
        width: 471px;
    }
}

.icase .swiper-slide {
    height: 900px;
}

.icase .swiper-slide img {
    height: 548px;
    width: 100%;
    position: absolute;
    bottom: 85px;
    left: 0px;
}

.icase_lista {
    position: absolute;
    left: 26%;
    top: 80px;
    height: 901px;
    width: 750px;
    padding: 60px 95px 85px;
    background: rgb(246, 246, 246);
}

.icase {
    position: relative;
}

.icase .swiper-slide.swiper-slide-active img {
    left: 95px;
    width: auto;
}

.icase .swiper-slide.swiper-slide-active .icase_lista {
    display: block;
}



.icase .swiper-button-next,
.icase .swiper-button-prev {
    width: 86px;
    height: 112px;
    background-size: 86px 112px;
    margin-top: -56px;
    outline: none;
}
.header2 {
    width: auto;
    display: inline-block;
    position: fixed;
    left: 0;
    top: 30%;
    z-index: 10;
    background: #fff;
}
.header2.fudo .header2_c {
    width: 77px;
    height: auto;
}
.header2.fudo .header2_c span {
    width: 77px;
    height:77px;
    box-shadow: 0px 0px 8px 0px rgba( 0, 0, 0,0.1 );
}
.header2_c p {
    width: 77px;
    height: 77px;
    display: inline-block;
    background: #0064aa;
    text-align: center;
    line-height: 77px;
    color: #fff;
    font-size: 16px;
    font-family: Arial;
    text-transform: uppercase;
    cursor: pointer;
}
.banners{
    position:relative;
    z-index: 2;
}

.banners .arrow-right {
    background: url(../images/banner_arrow.png) no-repeat left bottom;
    position: absolute;
    right: 20px;
    top: 55%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 999;
    outline: none;
    cursor: pointer;
}

.banners .arrow-left {
    background: url(../images/banner_arrow.png) no-repeat left top;
    position: absolute;
    left: 20px;
    top: 55%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 999;
    cursor: pointer;
}

.icase .swiper-pagination-bullet {
    background: none;
    opacity: 1;
    margin: 0 6px !important;
    width: 9px;
    height: 9px;
    position: relative;
    outline: none;
    vertical-align: middle;
}

.icase .swiper-pagination-bullet span {
    width: 3px;
    height: 3px;
    background: #CCC;
    display: block;
    border-radius: 50%;
    margin-top: 3px;
    margin-left: 3px;
}

.icase .swiper-pagination-bullet i {
    background: #000;
    height: 1px;
    width: 20px;
    position: absolute;
    top: 4px;
    transform: scaleX(0);
    transform-origin: left;
    z-index: 3;
    transition-timing-function: linear;
}

.icase .swiper-pagination-bullet-active span,
.icase .swiper-pagination-bullet:hover span {
    width: 9px;
    height: 9px;
    margin-top: 0;
    margin-left: 0;
    background: #000;
    position: relative;
    z-index: 1;
}

.icase .swiper-pagination-bullet-active i {
    animation: middle 6s;
}

.icase .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {
    animation: first 6s;
}

.icase .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {
    animation: last 6s;
}

@keyframes first {
    0% {
        transform: scaleX(0.5);
        left: 0px;
    }

    /*091*/
    100% {
        transform: scaleX(1);
        left: 2px;
    }

    /*0915*/
}

@keyframes last {
    0% {
        transform: scaleX(0.7);
        left: -10px;
    }

    /*1090*/
    20% {
        transform: scaleX(0.3);
        left: 2px;
    }

    /*090*/
    100% {
        transform: scaleX(0.3);
        left: 0px;
    }

    /*090*/
}

@keyframes middle {
    0% {
        transform: scaleX(0.7);
        left: -10px;
    }

    /*1091*/
    20% {
        transform: scaleX(0.45);
        left: 2px;
    }

    /*092*/
    100% {
        transform: scaleX(1);
        left: 2px;
    }

    /*0913*/
}

.icase_lista1 {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    font-family: '微软雅黑';
    position: relative;
    padding-left: 14px;
}

.icase_lista1::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -5px;
    width: 7px;
    height: 10px;
    background: rgb(0, 111, 187);
}

.icase_lista2 {
    font-size: 42px;
    line-height: 60px;
    font-weight: 400;
    margin-top: 5px;
}

.icase .swiper-button-prev,
.icase .swiper-button-next {
    color: #fff !important;
    top: 54% !important;
    margin-top: 0px !important;
}

.inew {
    width: 100%;
    background: rgb(246, 246, 246);
    position: relative;
    z-index: 1;
    padding: 50px 0px 98px;
    overflow: hidden;
}

.inewzt1 {
    box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.1);
    height: 448px;
    width: 100%;
}

.inewzt_text {
    font-size: 18px;
    text-align: center;
    color: rgb(61, 61, 61);
    font-weight: 400;
}

.inewzt1 {
    margin-top: 50px;
}

.inewzt1a img {
    height: 448px;
    display: block;
}

.inewzt1 a {
    display: flex;
}

.inewzt1 .inewzt1a {
    width: 60%;
}

.inewzt1b {
    width: 40%;
    padding: 0px 54px 0px 61px;
    height: 448px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
}

.inewzt1b1 {
    font-size: 26px;
    line-height: 44px;
    color: rgb(0, 111, 187);
    height: 156px;
    border-bottom: 1px solid rgb(222, 222, 222);
    margin-bottom: 35px;
}

.inewzt1b2 {
    font-size: 16px;
    line-height: 32px;
    color: rgb(141, 141, 141);
    height: 64px;
}

.inewzt1b3 {
    height: 16px;
    font-weight: 200;
    line-height: 16px;
    margin-top: 54px;
    color: #333;
    font-size: 16px;
    border-left: 1px solid rgb(0, 111, 187);
    padding-left: 10px;
    padding-top: 1px;
}

.inew a:hover .inewzt1b3 {
    color: rgb(0, 111, 187);
}

.inewzt2 ul {
    display: flex;
    margin-top: 30px;
}

.inewzt2 ul li {
    padding: 32px 25px 45px;
    margin-right: 30px;
    box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    flex:1;
}

.inewzt2 ul li:nth-child(4) {
    margin-right: 0px;
}

.inewzt2b1 {
    font-size: 20px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    line-height: 35px;
    height:70px;
}

.inewzt2b2 {
    color: rgb(141, 141, 141);
    line-height: 28px;
    font-size: 16px;
    font-weight: 300;
    height: 56px;
    margin: 18px 0px 40px;
}

.inewzt2b3 {
    height: 16px;
    font-weight: 200;
    line-height: 16px;
    margin-top: 54px;
    color: #333;
    font-size: 16px;
    border-left: 1px solid rgb(0, 111, 187);
    padding-left: 10px;
    padding-top: 1px;
}

.inew a:hover .inewzt2b3 {
    color: rgb(0, 111, 187);

}

.inew a:hover .inewzt2b1 {
    color: rgb(0, 111, 187);
}

.djgz {
    width: 100%;
    background: url(../images/djgz_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 50px 0px 100px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.djgzli ul {
    display: flex;
}

.djgzli li {
    width: 20%;
    position: relative;
    transition: .5s;
    overflow: hidden;
    height: 600px;
}

.djgzli li::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    transition: .5s;
}

.djgzlia {
    position: relative;
    z-index: 2;
    padding: 56px 0px 0px 62px;
}

.djgzli li img {
    position: absolute;
    height: 600px;
    width: 1086px;
    transform: scale(1.14);
    display: block;
    right: -0%;
    margin-right: -150px;
    top: 0px;
}

.djgzli .on {
    width: 80%;
    background-position: -0px -0px;
}

.djgzli .on::after {
    display: none;
}

.djgzli li.on img {
    left: 0px;
}

.djgzli1 {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    writing-mode: tb-rl;
    transition: .5s;
    letter-spacing: 4px;
}

.djgzli2 {
    font-size: 16px;
    line-height: 30px;
    color: rgb(255, 255, 255);
    margin-top: 5px;
    display: None;
    transition: .5s;
}

.djgzli li.on .djgzli1 {
    writing-mode: unset;
}

.djgzli li.on .djgzli2 {
    display: block;
}

.djgz .inewzt_text {
    margin-bottom: 50px;
}

.gyx {
    position: relative;
    z-index: 0;
    background: #fff;
    padding-top: 50px;
    padding-bottom: 80px;
}

.gyx .inewzt_text {
    margin-bottom: 50px;
}

.gyxlist {
    display: flex;
    justify-content: space-between;
}

.gyxlist img {
    display: block;
}

.gyxlist li,
.gyxlistl {
    position: relative;
}

.gyxlist li::after,
.gyxlistl::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    left: 0px;
    top: 0px;
    z-index: 1;
}

.gyxlist .bac {
    position: relative;
    z-index: 1;
}

.gyxlist .bor {
    position: relative;
    z-index: 1;
}

.gyxlistl {
    width: 49.5%;
    position: relative;
    overflow: hidden;
}

.gyxlistl .gyxlistimg {
    width: 100%;
}

.gyxlistr {
    width: 49.5%;
}

.gyxlistr ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.gyxlistr ul li {
    position: relative;
    overflow: hidden;
}

.gyxlistr .gyxlistimg {
    width: 100%;
    height: 100%;
}

.bac {
    transition: all 0.7s;
    transform: scale(0);
    position: absolute;
    left: 6%;
    bottom: 25%;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    background: #007ec9;
    z-index: 2;
}

.gyxlistl:hover .bac {
    transition: all 0.7s;
    transform: scale(10);
}

.gyxlistr ul li:hover .bac {
    transition: all 0.7s;
    transform: scale(10);
}

.gyx .bor {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 5.8% 49px;
    z-index: 2;
}

.gyx .bor .icon {
    margin-bottom: 26px;
}

.icon img {
    max-height: 52px;
}

.bor b {
    font-size: 24px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #fff;
}

.bor p {
    transition: all 0.5s;
    height: 0px;
    line-height: 30px;
    font-size: 16px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
}

.gyxlistl:hover .bor p {
    transition: all 0.5s;
    margin-top: 28px;
    height: 60px;
}

.gyxlistr ul li:hover .bor p {
    transition: all 0.5s;
    margin-top: 28px;
    height: 60px;
}

.mc_b_s3 {
    height: 220vh;
    position: relative;
    z-index: 1;
    background: #fff;
}

.mc_bs3_videobox {
    width: 100vw;
    height: 100vh;
    position: relative;
    z-index: 1;
}


.mc_bs3_video,
.mc_bs3_videowrap::before,
.mc_bs3_videowrap {
    transition: all 1s;
}

.mc_bs3_videowrap {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    max-width: none;
    overflow: hidden;
    display: none;
}

.mc_bs3_videowrap {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}


.he_yilou {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 9;
}

.mc_bs3_videobox.end .he_yilou {
    opacity: 0;
}

.he_content {
    width: 1200px;
    margin: 0 auto;
}

.mc_bs3_video {
    /* width: auto; */
    height: auto;
    max-width: none;
    /* transform: translateY(-30px); */
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    min-height: 100vh;
    transition: inherit;
    /* width: 20%; */
}

.he_syp4 .mc_bs3_video {
    width: 100%;
}

.ind07 .he_phgfbx .pic {
    width: 100%;
    height: auto;
    max-width: none;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    transition: inherit;
    opacity: 0.2;
}

.mc_bs3_svg {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    max-width: none;

    /* transition: all 0.36s; */
}

.mc_bs3_svg {
    width: 120%;
}

.mc_bs3_videobox.end .mc_bs3_svg {
    opacity: 0;
}

.he_syp4 .mc_bs3_videobox .mc_bs3_svg {
    opacity: 0;
}

.he_syp4 .mc_bs3_videobox.end .mc_bs3_svg {
    opacity: 1;
}





.mc_bs3_svg {
    width: 120%;
}

.end .mc_bs3_svg {
    position: absolute;
    z-index: 112;
}

.mc_bs3_videobox.end .mc_bs3_svg {
    opacity: 0;
}

.he_syp4 .mc_bs3_videobox .mc_bs3_svg {
    opacity: 0;
}

.he_syp4 .mc_bs3_videobox.end .mc_bs3_svg {
    opacity: 1;
}

.he_syp4 .mc_bs3_title {
    bottom: 20%;
}

.mc_bs3_title {
    /* transition: all 0.36s; */
    position: absolute;
    bottom: 15%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 222;
}

.he_syp4 .mc_bs3_videobox .mc_bs3_title {
    opacity: 0;
}

.he_syp4 .mc_bs3_videobox.act .mc_bs3_title {
    opacity: 1;
}

.he_pult1 {
    font-size: 48px;
    line-height: 1.75;
    color: #333333;
}


.ind07 .he_pult1 {
    margin-bottom: 30px;
    font-size: 36px;
    color: #333;
}

.ind07 .he_syp2hmo {
    display: flex;
    align-items: center;
    justify-content: center;
}


.he_syp2hmo a {
    font-size: 16px;
    line-height: 1.5;
    color: #274a94;
}

.ind07 .he_syp2hmo a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.he_syp4 .mc_bs3_videobox.act .he_syp2ti p {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}

.he_syp2hmo a {
    font-size: 16px;
    line-height: 1.5;
    color: #274a94;
}

.ind07 .he_syp2hmo a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.he_syp4 .mc_bs3_videobox.act .he_syp2hmo {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}



@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 200px, 0);
        -ms-transform: translate3d(0, 200px, 0);
        transform: translate3d(0, 200px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.ind07 .he_syp2hmo a em {
    padding-right: 13px;
    font-size: 18px;
    color: #333;
    position: relative;
    top: 2px;
}

.ind07 .he_syp2hmo a i {
    transition: all 0.5s;
    transform: rotate(0deg);
    width: 14px;
    height: 27px;
    background: url(../images/icon_34s.png) right center no-repeat;
}

.footer {
    position: relative;
    z-index: 1;
    background: #F2F2F2;
}

.ftop {
    position: absolute;
    right: 5%;
    top: -45px;
    width: 156px;
    height: 45px;
    background: url(../images/top_bg.png);
    background-size: 100% 100%;
    cursor: pointer;
}
.ftop:hover .ftop2{
    color:rgb(0,111,187);
}
.ftop .ftop1 img:nth-child(2){
    display:none;
}
.ftop:hover .ftop1 img:nth-child(1){
    display:none;
}
.ftop:hover .ftop1 img:nth-child(2){
    display:block;
}
.ftop1 {
    width: 20px;
    margin: 10px auto 0px;
}

.ftop1 img {
    width: 100%;
}

.ftop2 {
    font-size: 16px;
    color: #666666;
    font-weight: 600;
    text-align: center;
}

.footer_a {
    padding: 32px 0px;
    border-bottom: 1px solid rgb(231, 231, 231);
}

.footer_a .w75 {
    display: flex;
    align-items: center;
}

.footer_a2 {
    line-height: 46px;
    text-align: center;
    background: rgb(0, 111, 187);
    border-radius: 23px;
    padding: 0px 30px;
    margin-left: 22px;
    font-size: 20px;
    font-weight: 300;
    color: rgb(255, 255, 255);
}

.footer_b {
    padding: 55px 0px 40px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgb(231, 231, 231);
}

.footer_bl {
    width: 55%;
}

.footer_bl ul {
    display: flex;
    justify-content: space-between;
}

.footer_bla {
    font-size: 18px;
    color: rgb(33, 33, 33);
    margin-bottom: 16px;
}

.footer_blb a {
    font-size: 16px;
    color: rgb(102, 102, 102);
    line-height: 32px;
}
.footer_blb a:hover{
    color:rgb(0,111,187);
}
.footer_bra {
    display: flex;
    margin-bottom: 29px;
}

.footer_bra:nth-child(1) img {
    position: relative;
    top: -1px;
}

.footer_brar {
    margin-left: 16px;
}

.footer_brar1 {
    line-height: 26px;
    font-size: 16px;
    color: rgb(148, 148, 148);
    font-weight: 300;
}

.footer_brar2 {
    font-size: 16px;
    color: rgb(0, 0, 0);
    line-height: 28px;
    font-weight: 200;
    margin-top: 4px;
}

.footer_d {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: rgb(102, 102, 102);
    font-weight: 200;
    line-height: 56px;
}

.footer_d a {
    display: inline-block;
    font-size: 14px;
    color: rgb(102, 102, 102);
    font-weight: 200;
}

.ty_img {
    position: relative;
    overflow: hidden;
}

.ty_img img {
    transition: .5s;
}

.ty_img:hover img {
    transform: scale(1.04);
}

.icase_list .swiper-slide img {
    transition: .5s;
}

.icase_list .swiper-slide:hover img {
    transform: scale(1.04);
}

.icase_div {
    position: relative;
    width: 100%;
    height: 900px;
}

.icase_text {
    position: absolute;
    bottom: 85px;
    left: 95px;
    width: 100%;
    line-height: 56px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.anniu {
    position: relative;
    overflow: hidden;
    transition: all 0.6s;
}

.anniu::before {
    transition: all 0.6s;
    transform: scale(0);
    position: absolute;
    left: 0%;
    bottom: 0%;
    z-index: 2;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #fff;
    content: "";
}

.anniu:hover::before {
    transition: all 0.6s;
    transform: scale(14);
}

.anniu:hover {
    transition: all 0.6s;
    box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.1);
}

.anniu:hover .anniul {
    position: relative;
    z-index: 3;
    transition: all 0.6s;
    color: #333;
}

.anniu:hover .anniuz {
    background: #333;
    position: relative;
    z-index: 3;
}

.anniur {
    position: relative;
    z-index: 3;
}

.anniur img:nth-child(2) {
    display: none;
}

.anniu:hover .anniur img:nth-child(1) {
    display: none;
    transition: all 0.6s;
}

.anniu:hover .anniur img:nth-child(2) {
    display: block;
    transition: all 0.6s;
}

.banner .swiper-slide div {
    width: 100%;
    height: auto;
    min-height: 100%;
    transition: 1s linear 2s;
    transform: scale(1.1, 1.1);
}

.banner .swiper-slide-active div,
.swiper-slide-duplicate-active div {
    transition: 6s linear;
    transform: scale(1, 1) !important;
    position: relative;
    z-index: 999;
}

.w1300 {
    width: 1300px;
    margin: 0px auto;
}

.zabouta {
    background: url(../images/about_banner.jpg) center no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100vh;
}

.zaboutad {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
}

.zaboutad1 {
    margin-top: 100px;
    font-size: 38px;
    font-weight: 700;
    font-family: syht;
    color: #fff;
}

.zaboutad2 {
    margin-top: 36px;
    line-height: 34px;
    color: #fff;
    font-family: syht;
    text-align: justify;
    font-weight: 300;
    text-indent:2em;
}


.zaboutad3 {
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.1);
    padding: 25px 0px;
    display: flex;
    color: #fff;
    margin-top: 70px;
    justify-content: center;
}

.zaboutad3 li {
    position: relative;
    text-align: center;
    flex: 1;
    padding: 20px 0px 30px;
}

.zaboutad3 li:last-child::after {
    display: none;
}

.zaboutad3 li::after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.5)
}

.zaboutad3a span {
    display: inline-block;
}

.zaboutad3a span:nth-child(1) {
    font-family: Bebas;
    font-size: 56px;
    font-weight: 400;
}
.alan{
    position: absolute;
    right: 7.4%;
    z-index: 2;
}
.zaboutad3b {
    margin-top: 8px;
}

.zaboutba {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
}

.zaboutba::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 122px;
    margin-top: -0px;
    width: 100%;
    height: 1px;
    background: rgb(227, 226, 226);
}

.zaboutbb {
    position: relative;
    z-index: 1;
    background: #fff;
    border: 1px solid rgb(227, 226, 226);
    padding: 15px 40px;
    margin: 75px 0px 45px;
}

.zaboutbb1 {
    font-size: 34px;
    font-weight: 700;
    color: rgb(56, 56, 56);
}

.zaboutbb2 {
    color: rgb(163, 163, 163);
    font-size: 16.4px;
}

.zaboutbbb {
    background: rgb(246, 246, 246);
    padding: 114px 0px 96px;
    width: 94%;
    margin-left: 6%;
}

.zaboutbbb1 {
    display: flex;
    padding-left: 4.68%;
}

.zaboutbbb1 li {
    position: relative;
    width: 15.6%;
    height: 350px;
    text-align: center;
    padding-top: 47px;
    margin-left: 1.87%;
}

.zaboutbbb1 li:nth-last-child(even) {
    margin-top: 28px;
}

.zaboutbbb1 li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: .5s;
    opacity: 1;
}

.zaboutbbb1 li:hover::before {
    height: 0px;
}

.zaboutbbb1 li::after {
    content: '';
    position: absolute;
    left: 0px;
    width: 100%;
    height: 3px;
    bottom: 0px;
    background: rgb(0, 111, 187);
    transition: .5s;
}

.zaboutbbb1 li:hover::after {
    height: 100%;
}

.zaboutbbb1a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.zaboutbbb1a img {
    transition: 1s;
}

.zaboutbbb1a img:last-child {
    display: none;
}

.zaboutbbb1 li:hover .zaboutbbb1a img:first-child {
    display: none;
}

.zaboutbbb1 li:hover .zaboutbbb1a img:last-child {
    display: block;
}

.posi {
    position: relative;
    z-index: 1;
}

.zaboutbbb1b {
    margin-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 52px;
    font-size: 24px;
    position: relative;
}

.zaboutbbb1b::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 22px;
    height: 4px;
    margin-left: -11px;
    background: rgb(0, 111, 187);
}

.zaboutbbb1c {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
}

.zaboutbbb1 li:hover .zaboutbbb1b,
.zaboutbbb1 li:hover .zaboutbbb1c {
    color: #fff;
}

.about03 {
    padding: 120px 0 154px;
}

.about03 .next {
    position: relative;
    height: 960px;
}

.about03 .next .pos {
    position: absolute;
}

.about03 .next .posImg {
    border-radius: 10px;
    overflow: hidden;
}

.about03 .next .posImg i {
    transition: all 0.5s;
    transform: scale(1);
    width: 100%;
    height: 100%;
}

.about03 .next .posImg .text {
    position: absolute;
    left: 3.4vw;
    top: 4vw;
    color: #fff;
}

.about03 .next .posImg .text b {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
}

.about03 .next .posImg .text p {
    margin-bottom: 49px;
    font-size: 16px;
}

.about03 .next .posImg .text em {
    transition: all 0.5s;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    border: #fff 1px solid;
    background: url(../images/icon/icon_74.png) center no-repeat;
}

.about03 .next .posImg:hover i {
    transition: all 0.5s;
    transform: scale(1.08);
}

.about03 .next .posImg:hover .text em {
    transition: all 0.5s;
    border: rgba(202, 27, 35, 0) 1px solid;
    background: #007ec9 url(../images/icon/icon_74.png) center no-repeat;
}

.about03 .next .pos1 {
    left: 0;
    top: 0px;
    width: 44.3%;
}

.about03 .next .pos1 i {
    height: 14px;
    background: url(../images/icon/icon_72.png) left center no-repeat;
}

.about03 .next .pos1 i.i2 {
    background: url(../images/icon/icon_73.png) right center no-repeat;
}

.about03 .next .pos1 .text {
    padding: 10px 30px 15px;
    font-size: 20px;
    color: #333;
}

.about03 .next .pos2 {
    right: 9.3%;
    top: 0;
    width: calc(46.4% - 30px);
    height: 430px;
    transform: translateX(100%);
}

.about03 .next .pos3 {
    left: 0;
    top: 182px;
    width: 44.3%;
    height: 412px;
    transform: translateX(-100%);
}

.about03 .next .pos4 {
    /* left: 43.59%; */
    left: calc(44.3% + 30px);
    top: calc(430px + 30px);
    width: 8.8%;
    height: 134px;
    background: #f2f2f2 url(../images/zh3.png) center no-repeat;
    background-size: contain;
    border-radius: 6px;
    overflow: hidden;
    transform: translateX(-100%);
}

.about03 .next .pos5 {
    left: calc(53.1% + 60px);
    top: calc(430px + 30px);
    width: 30.48%;
    height: 314px;
    transform: translateX(100%);
}

.about03 .next .pos6 {
    left: calc(53.1% + 60px - 30px - 34.45%);
    top: calc(430px + 134px + 60px);
    width: 34.45%;
    height: 333px;
    transform: translateX(-100%);
}

.hb {
    width: 100%;
    background: url(../images/hb_banner.jpg) center no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.hb_d {
    display: flex;
    height: 600px;
    flex-direction: column;
    justify-content: center;
    padding-left: 258px;
}

.hb_d1 {
    font-size: 20px;
    line-height: 36px;
    font-weight: 300;
}

.hb_d2 {
    color: rgb(255, 255, 255);
    line-height: 68px;
    font-size: 46px;
    font-weight: 300;
}

.w1330 {
    width: 1330px;
    margin: 0 auto;
}

.znav {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

.znavd {
    position: relative;
    z-index: 1;
}

.znavd::after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: calc(100% - 1330px);
    height: 80px;
    background:#F2F2F2;
}

.znavd .w1330 {
    display: flex;
    position: relative;
    z-index: 1;
    justify-content: space-between;
}

.znavd ul {
    width: 70%;
    display: flex;
    justify-content: flex-start;
}

.znavd ul li:first-child {
    margin-left: -20px;
}

.znavd ul li {
    position: relative;
    margin: 0px 20px;
}

.znavd ul li::after {
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0px;
    height: 1px;
    background: rgb(0, 111, 187);
    transition: .5s;
}

.znavd ul li:hover::after,
.znavd ul li.action::after {
    left: -20%;
    right: -20%;
}

.znavd ul li.action a,
.znavd ul li:hover a {
    color: rgb(0, 111, 187);
}

.znavd ul li a {
    color: rgb(54, 53, 53);
}

.znavr {
    width: 21%;
    display: flex;
    align-items: center;
    background: #f2f2f2;
    justify-content: flex-end;
    color: rgb(60, 60, 60);
    font-weight: 300;
}

.znavr1 {
    margin-right: 10px;
}

.znavr a {
    color: rgb(60, 60, 60);
    font-weight: 300;
    display: inline-block;
    margin: 0px 3px;
}

.ldzc {
    height: 964px;
    width: 100%;
    background: url(../images/ldzc_bg.jpg) center no-repeat;
    background-size: cover;
}

.ldzcd1 {
    padding-top: 120px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.ldzcd2 {
    margin-top: 50px;
    text-indent:2em;
}

.ldzcd2 p {
    line-height: 34px;
    color: rgb(82, 82, 82);
    text-align: justify;
}

.ldzcd2 p:nth-child(2) {
    margin: 34px 0px;
}

.ldzcd3 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 64px;
}

.zzry {
    background: rgba(249, 249, 249, 1);

}

.zzry .zaboutbb {
    background: rgba(249, 249, 249, 1);
}

.zzrya {
    padding-bottom: 138px;
    position:relative;
}
.zzryl{
    position: absolute;
    top: 50%;
    left: 5%;
    width: 76px;
    height: 76px;
    text-align: center;
    line-height: 76px;
    border: 1px solid #949494;
    border-radius: 50%;
    transform: rotate(-180deg);
    cursor: pointer;
}
.zzryr{
    position: absolute;
    top: 50%;
    right: 5%;
    width: 76px;
    height: 76px;
    text-align: center;
    line-height: 76px;
    border: 1px solid #949494;
    border-radius: 50%;
    cursor: pointer;
}
.zzryr:hover,
.zzryl:hover{
    background:rgb(0,111,187);
    color:#fff;
}
.zzrya_list img {
    width: 100%;
}

.zzrya_list {
    margin-top: 20px;
}

.zzrya_list .swiper-slide {
    cursor: pointer;
    width:calc(33.33% - 44px);
    margin-right:68px;
}

.zzrya_listtext {
    background: rgb(246, 246, 246);
    line-height: 55px;
    text-align: center;
    color: rgb(1, 1, 1);
    font-size: 18px;
    font-weight: 300;
    margin-top: 4px;
}

.xsqy {
    background: rgb(249, 249, 249);
    padding: 120px 0px;
}

.xsqylist {
    display: flex;
}

.xsqylist>li {
    flex: 1;
    margin-right: 36px;
    border-radius: 15.62px;
    box-shadow: 0px 1.95px 12.69px 0px rgba(0, 0, 0, 0.08);
    background: rgb(255, 255, 255);
}

.xsqylist>li:nth-child(3) {
    margin-right: 0px;
}

.xsqylist1::after {
    content: '';
    position: absolute;
    left: 10%;
    top: 50%;
    width: 20%;
    height: 1px;
    margin-top: -14px;
    background: #fff;
}

.xsqylist1::before {
    content: '';
    position: absolute;
    right: 10%;
    top: 50%;
    width: 20%;
    height: 1px;
    margin-top: -14px;
    background: #fff;
}

.xsqylist>li:nth-child(1) .xsqylist1 {
    border-radius: 15.62px;
    background: linear-gradient(90.00deg, rgb(0, 128, 215), rgb(0, 107, 180) 100%);
}

.xsqylist>li:nth-child(2) .xsqylist1 {
    border-radius: 15.62px;
    background: linear-gradient(90.00deg, rgb(239, 204, 143), rgb(227, 154, 50) 100%);
}

.xsqylist>li:nth-child(3) .xsqylist1 {
    border-radius: 15.62px;
    background: linear-gradient(90.00deg, rgb(116, 116, 116), rgb(20, 20, 20) 100%);
}

.xsqylist1 {
    font-size: 24px;
    text-align: center;
    color: #fff;
    padding: 34px 0px 64px;
    position: relative;
}
.xsqylist>li:nth-child(1) .xsqylist2{
    height:auto;
}
.xsqylist2 {
    background: #fff;
    padding: 30px 22px 30px 22px;
    position: relative;
    z-index: 2;
    margin-top: -30px;
    border-radius: 15px;
    
}
.xsqylist22{
    height:448px;
    overflow-y: auto;
}
.xsqylist22::-webkit-scrollbar{
	width:2px;
}
.xsqylist22::-webkit-scrollbar-track {
	background-color:#acacac;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}
.xsqylist22::-webkit-scrollbar-thumb {
	background-color:rgb(0,111,187);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}

.xsqylist2a {
    line-height: 64px;
    text-align: center;
    color: rgb(18, 18, 18);
}

.xsqylist2a:nth-last-child(even) {
    background: rgb(246, 246, 246);
}

.xsqylist3a {
    display: flex;
    justify-content: space-between;
    line-height: 64px;
    padding: 0px 28px 0px 23px;
}

.xsqylist3a:nth-last-child(even) {
    background: rgb(246, 246, 246);
}

.xsqylist3al {
    color: rgb(157, 157, 157);
    font-size: 18px;
}

.xsqylist3ar {
    font-size: 18px;
    color: rgb(18, 18, 18);
}


.zzjg {
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 100px 0px;
}



/* 发展历程 */
.coursebox-sec1 {
    position: relative;
    background: #f8f8f8 url(../images/ab2_bj.png) no-repeat top;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.container {
    width: 1520px;
    margin: 0 auto;
}

.coursebox-sec1 .cont {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.container {
    width: 84%;
    margin: 0 auto;
}

.coursebox-sec1 .cont .lt {
    width: 34.5%;
    position: sticky;
    height: 100vh;
    top: 0px;
    display: flex;
    align-items: center;
}
.lta{
    width:100%;
    background: #fff;
    padding:45px 50px;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.08);
}

.coursebox-sec1 .cont .lta {
    position: relative;
}
.lt .date{
    font-size:20px;
    line-height:26px;
    color:rgb(56, 56, 56);
}
.lt .tit{
    font-size:52px;
    line-height:75px;
    color:rgb(36, 36, 36);
}
.lt .text{
    font-size:16px;
    line-height:30px;
    color:rgb(117, 117, 117);
}
.lt .item .text{
    height:310px;
}

.coursebox-sec1 .cont .gt {
    width: 50%;
}

.nav {
    position: relative;
}
.newsSwiper .swiper-slide{
    height:523px;
}
.newsSwiper .swiper-slide .pic{
    height:100%;
    width:100%;
}
.course1_nav .swiper-slide.on .item{
    box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.12);
    border:none;
    color:rgb(0,111,187);
    border:None !important;
}
.coursebox-sec1 .cont .lt .nav .course1_nav .swiper-slide {
    width: auto;
    padding:19px 4px;
    cursor: pointer;
}
.course1_nav .swiper-slide .item{
    padding:0px 10px;
    line-height:34px;
    border:1px solid rgba(213, 213, 213, 0.5);
}
.newsCont .swiper-wrapper{
        display: flex;
    transition-property: transform;
    box-sizing: content-box;
    flex-direction: column;
}
.newsCont .swiper-slide {
    transition: all 0.5s;
    margin-top: 0px;
    height: 100px;
    cursor: pointer;
}
.newsCont .swiper-slide.on {
    transition: all 0.5s;
    margin-top: 0px;
    height: 158px;
    cursor: pointer;
}
.gt{
    position:relative;
    padding-left:46px;
    padding-top:126px;
}
.gt .item{
    padding-top:65px;
}
.gt .item:last-child{
    padding-bottom:150px;
}
.gt::after{
    content:'';
    position:absolute;
    left:0px;
    top:0px;
    width:1px;
    height:100%;
    background:rgb(188, 188, 188);
}
.gt .date{
    font-size:36px;
    line-height:48px;
    margin-bottom:8px;
    position:relative;
}
.gt .date::after{
    content:'';
    position:absolute;
    left:-64px;
    top:0px;
    z-index: 1;
    width:36px;
    height:36px;
    background:url(../images/icon/date.png) center no-repeat;
    background-size:100% 100%;
}
.gt .list1{
    margin-top:36px;
}
.gt .list1 p{
    color:rgb(82, 82, 82);
    line-height:36px;
}

/* End */



.zzryb {
    background: url(../images/zzry_bg.jpg) center no-repeat;
    background-size: cover;
    padding-bottom:90px;
}

.zzryb .zaboutbb {
    position: relative;
    background: url(../images/zzry_bg.jpg) top no-repeat;
    border: 1px solid rgb(233, 233, 233);
}

.zzryb .zaboutba::after {
    background: rgb(233, 233, 233);
}

.zzryb .zaboutbb1,
.zzryb .zaboutbb2 {
    color: #fff;
}

.zzryba {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.lg-object.lg-image{
    max-height:660px !important;
}
.zzryba li {
    width: 32%;
    margin-right: 2%;
    padding: 23px;
    background: #fff;
    margin-bottom: 28px;
    cursor: pointer;
}

.zzryba li:nth-child(3n) {
    margin-right: 0px;
}

.zzryba4 img {
    width: 100%;
}

.zzryba1 {
    width: 104px;
    line-height: 30px;
    border-radius: 15px;
    background: rgb(0, 111, 187);
    color: #fff;
    text-align: center;
}

.zzryba2 {
    margin-top: 42px;
    font-size: 23px;
    color: rgb(32, 32, 32);
    line-height:30px;
    height:30px;
    margin-bottom:4px;
}

.zzryba3 {
    color: rgb(155, 155, 155);
    margin-top: 2px;
    margin-bottom: 52px;
}


.sgsb {
    background: rgb(249, 249, 249);
    padding: 115px 0px;
}

.sgsbd1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.sgsbd1 li {
    background: #fff;
    cursor: pointer;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.05);
}

.sgsbd1 li:nth-child(3n) {
    margin-right: 0px;
}

.sgsbd1a {
    overflow: hidden;
    position: relative;
}

.sgsbd1a img {
    width: 100%;
    transition: .5s;
}

.sgsbd1 li:hover img {
    transform: scale(1.04);
}

.sgsbd1b {
    margin: 20px 26px 36px;
    font-weight: 300;
    position: relative;
}

.sgsbd1ba {
    position: relative;
    z-index: 1;
}

.sgsbd1b::after {
    content: '';
    position: absolute;
    width: calc(100% - 52px);
    height: 1px;
    background: rgb(219, 218, 218);
    left: 26px;
    top: 50%;
}

.sgsbd1b span {
    display: inline-block;
    background: #fff;
}

.sgsbd1b span:nth-child(1) {
    font-size: 19px;
}

.sgsbd1b span:nth-child(2) {
    padding: 0px 4px;
}

.sgsbd1b span:nth-child(3) {
    font-size: 15px;
    text-transform: capitalize;
    padding-right: 10px;
}


.djzt {
    padding: 135px 0px;
    background: rgb(249, 249, 249);
}

.djztda li {
    margin-bottom: 58px;
    box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.05);
}

.djztda li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.djztdal {
    padding: 0px 90px 0px 33px;
}

.djztdal1 {
    font-size: 20px;
    color: rgb(217, 217, 217);
    font-weight: 300;
}

.djztdal2 {
    margin: 18px 0px 43px;
    font-size: 22px;
    color: rgb(60, 60, 60);
}

.djztdal3 {
    font-weight: 300;
    line-height: 30px;
    color: rgb(117, 117, 117);
    height: 90px;
}

.djztdal4 {
    width: 59px;
    height: 59px;
    line-height: 59px;
    text-align: center;
    background: rgb(242, 242, 242);
    border-radius: 4px;
    margin-top: 48px;
    color: #000;
    position: relative;
    transition: all .5s;
}

.djztdal4::after {
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    top: 50%;
    bottom: 50%;
    border-radius: 4px;
    background: rgb(0, 107, 180);
    transition: all .5s;
    opacity: 0;
}

.djztdal4 i {
    font-size: 24px;
    position: relative;
    z-index: 1;
}

.djztda li:hover .djztdal2 {
    color: rgb(0, 107, 180);
}

.djztda li:hover .djztdal4 {
    color: #fff;
}

.djztda li:hover .djztdal4::after {
    left: 0%;
    right: 0%;
    bottom: 0%;
    top: 0%;
    opacity: 1;
}


.djgzyd {
    padding: 120px;
    background: rgb(249, 249, 249);
}

.djgzyd1a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    
}

.djgzyd1a li {
    width: 32%;
    margin-right: 2%;
    border: 1px solid rgb(229, 229, 229);
    background: #fff;
    margin-bottom:30px;
}

.djgzyd1a li:nth-child(3n) {
    margin-right: 0px;
}

.djgzyd1aa {
    max-height:250px;
    position:relative;
    overflow: hidden;
}

.djgzyd1aa img {
    min-height:250px;
    width: 100%;
    transition: .5s;
}

.djgzyd1a li:hover img {
    transform: scale(1.04);
}

.djgzyd1ab {
    padding: 19px 34px 34px;
}

.djgzyd1ab1 {
    font-size: 17px;
    color: rgb(126, 126, 126);
    line-height: 35px;
}

.djgzyd1ab2 {
    font-size: 19px;
    color: rgb(8, 8, 8);
    line-height: 35px;
    height:70px;
    font-family: syht;
    margin: 15px 0px 30px;
}

.djgzyd1ab3 {
    color: rgb(121, 121, 121);
    line-height: 28px;
    font-weight: 300;
}

.news_top {
    width: 100%;
    background: url(../images/news_banner.jpg) center no-repeat;
    background-size: cover;
}

.news_topa {
    padding-top: 80px;
}

.news_topd {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
}

.news_topb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 43px;
}

.news_topbl {
    width: 745px;
    position: relative;
    overflow: hidden;
}

.news_topbl img {
    width: 100%;
}

.news_topbr {
    background: #fff;
    padding: 20px 44px 0px;
    width: 569px;
    height: 523px;
}

.news_topa1a {
    font-size: 35px;
    font-family: syht;
    color: #fff;
}

.news_topa1b {
    color: rgb(255, 255, 255);
    font-weight: 300px;
    letter-spacing: 1px;
    line-height: 37px;
}

.news_topbr1 {
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}

.news_topbr1a {
    font-size: 40px;
    color: rgb(157, 157, 157);
    font-family: syht;
    height: 40px;
    line-height: 40px;
    margin-bottom: 7px;
}

.news_topbr1b {
    color: rgb(157, 157, 157);
    font-size: 17px;
    font-weight: 300;
}

.news_topbr li {
    border-bottom: 1px solid #9D9D9D;
}

.news_topbr li:last-child {
    border-bottom: 0px;
}

.news_topbr li a {
    transition: all .5s;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_topbr2 {
    width: calc(100% - 193px);
}

.news_topbr2a {
    color: rgb(157, 157, 157);
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
}

.news_topbr2b {
    display: none;
    color: #000;
    font-size: 14px;
    line-height: 24px;
    transition: all .5s;
    margin-top: 18px;
    height:48px;
}

.news_topbr3 {
    color: #9D9D9D;
    transition: all .5s;
}

.news_topbr3 i {
    font-size: 23px;
}

.news_topbr li:hover,
.news_topbr li.on {
    padding-top: 20px;
    padding-bottom: 20px;
}

.news_topbr li:hover a,
.news_topbr li.on a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.news_topbr li:hover .news_topbr1,
.news_topbr li.on .news_topbr1 {
    background: rgb(0, 107, 180);
    border-radius: 3px;
}

.news_topbr li:hover .news_topbr1a,
.news_topbr li.on .news_topbr1a,
.news_topbr li:hover .news_topbr1b,
.news_topbr li.on .news_topbr1b {
    color: #fff;
}

.news_topbr li:hover .news_topbr2a,
.news_topbr li.on .news_topbr2a {
    font-size: 19px;
    font-family: syht;
    color: #000
}

.news_topbr li:hover .news_topbr3,
.news_topbr li.on .news_topbr3 {
    display: none;
}

.news_topbr li:hover .news_topbr2,
.news_topbr li.on .news_topbr2 {
    width: calc(100% - 118px);
}

.news_topbr li:hover .news_topbr2b,
.news_topbr li.on .news_topbr2b {
    display: block;
}


.news_center {
    background: url(../images/news_h2.png) center no-repeat;
    background-size: cover;
    padding: 103px 0px 130px;
}

.news_centerd {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.news_centerd .news_centerdl {
    width: 48.5%;
}

.news_centerdlt {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.news_centerdlt_l {
    font-size: 35px;
    color: #000;
    font-family: syht;
    width: 140px;
}

.news_centerdlt_l img {
    width: 100%;
}

.news_centerdlt_r {
    border-left: rgb(0, 111, 187) 2px solid;
    padding-left: 10px;
}

.news_centerdlt_r a {
    color: rgb(73, 73, 73);
    font-weight: 300;
}

.news_centerdlc {
    margin-top: 42px;
}

.news_centerdlc li {
    background: #fff;
    padding: 28px;
    border-radius: 3px;
    box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.05);
    position:relative;
}
.news_centerdlc li::after{
    content:'';
    position:absolute;
    left:0px;
    top:0px;
    right:auto;
    width:0%;
    height:100%;
    background:rgb(0,111,187);
    transition: .5s;
}
.news_centerdlc li:hover::after{
    left:auto;
    right:0px;
    width:100%;
}
.news_centerdlc li:nth-child(1) {
    margin-bottom: 40px;
}

.news_centerdlc li a {
    display: flex;
    justify-content: space-between;
    position:relative;
    z-index: 1;
}
.news_centerdlc_l{
    width:146px;
    height:136px;
    display:flex;
}
.news_centerdlc_l img{
    width:100%;
}
.news_centerdlc_r {
    display: flex;
    width: calc(100% - 168px);
    flex-direction: column;
    justify-content: center;
}
.news_centerdlc li:hover .news_centerdlc_r1,
.news_centerdlc li:hover .news_centerdlc_r2,
.news_centerdlc li:hover .news_centerdlc_r3{
    color:#fff;
}
.news_centerdlc_r1 {
    color: #000;
    font-size: 18px;
    font-family: syht;
}

.news_centerdlc_r2 {
    color: rgb(156, 156, 156);
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 11px;
}

.news_centerdlc_r3 {
    color: rgb(122, 122, 122);
    line-height: 26px;
    font-size: 16px;
}

.news_ca {
    padding: 68px 0px 81px;
    background: rgb(249, 249, 249);
}

.news_ca1 {
    margin-top: 38px;
}

.news_ca1 img {
    width: 100%;
    border-radius: 3px;
}

.news_ca2 {
    width: 90%;
    margin: 0 auto;
    padding: 27px 50px;
    margin-top: -160px;
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
}

.news_ca2 li {
    line-height: 38px;
    position: relative;
    padding-left: 24px;
    margin-bottom: 25px;
}

.news_ca2 li:last-child {
    margin-bottom: 0px;
}

.news_ca2 li::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: rgb(0, 107, 180);
    left: 0px;
    top: 50%;
    margin-top: -6px;
}

.news_ca2 li a {
    color: rgb(61, 61, 61);
    font-size: 18px;
    font-weight: 400;
    display: block;
}

.zxgg {
    padding: 90px 0px;
    background: rgb(249, 249, 249);
}

.zxggda {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.zxggda li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 40px;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
    background: #fff;
    padding: 49px 20px;
}

.zxggda li:nth-child(3n) {
    margin-right: 0px;
}
.ckxq{
        cursor: pointer;
        display:inline-block;
        color:rgb(255, 173, 56);
        font-family: syht;
        text-indent:8px;
    }
.zxggda1 {
    font-size: 22px;
    color: rgb(8, 8, 8);
    line-height: 38px;
    height:76px;
}

.zxggda2 {
    margin-top: 46px;
    padding-top: 30px;
    border-top: 1px solid rgb(227, 226, 226);
    color: rgb(8, 8, 8);
    font-size: 18px;
    line-height: 38px;
}

.zxggda3 {
    font-size: 16px;
    color: rgb(121, 121, 121);
    line-height: 30px;
    margin-top: 8px;
}

.zxggda4 {
    color: #006BB4;
    margin-top: 40px;
}

.zxggda4 i {
    font-size: 24px;
}

.zxggda li a{
    position:relative;
    z-index: 2;
}

.zxggda li {
    position: relative;
}

.zxggda li:before,
.zxggda li:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1;
    box-sizing: border-box;
    transition: height 0.5s linear 0s, width 0.5s linear 0.5s, opacity 0s linear 1s;
    opacity: 0;
}

.zxggda li:before {
    top: 0;
    left: 0;
    border-top: 1px solid rgba(0, 111, 187, 1);
    border-right: 1px solid rgba(0, 111, 187, 1);
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
}

.zxggda li:after {
    bottom: 0;
    right: 0;
    border-bottom: 1px solid rgba(0, 111, 187, 1);
    border-left: 1px solid rgba(0, 111, 187, 1);
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
}

.zxggda li:hover .zxggda1{
    color:rgba(0, 111, 187, 1);
}

.zxggda li:hover:before,
.zxggda li:hover:after {
    width: 100%;
    height: 100%;
    transition: width 0.5s linear 0s, height 0.5s linear 0.5s;
    opacity: 1;
}




.casetl .news_ny{
    width: 77%;
    background: #fff;
}
.casetl .w1330 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.casetr{
    width:21%;
    background:#fff;
}
.caser1 {
    box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: space-between;
    height: 72px;
    align-items: center;
    padding:0px 13px 0px 23px;
}
.caser1l{
    font-size:20px;
    color:rgb(19, 19, 19);
    font-family: syht;
}
.caser1r{
    
    padding-left:10px;
    border-left:1px solid rgb(0, 111, 187);
}
.caser1r a{
    font-size：16px;
    color:rgb(73, 73, 73);
    font-family: syht;
}
.caser2{
    padding:20px 17px;
}
.caser2 li{
    position:relative;
    line-height:58px;
    height:58px;
    border-bottom:1px solid rgb(210, 210, 211);
    padding-left:17px;
}
.caser2 li:last-child{
    border-bottom:none;
}
.caser2 li a{
    font-size:16px;
    color:rgb(103, 104, 104);
    display:block;
    line-height:58px;
}
.caser2 li a:hover{
    color:rgb(0,111,187);
}
.caser2 li::after{
    content:'';
    position:absolute;
    left:6px;
    top:50%;
    width:5px;
    height:5px;
    margin-top:-2.5px;
    background:rgb(0, 107, 180);
}

.product_h {
    height: 600px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.product_h1 {
    font-size: 38px;
    font-family: syht;
    color: #fff;
    font-weight: 700;
}

.product_h2a {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin-top: 12px;
    letter-spacing: 0.6px;
}

.casea{
    padding:94px 0px 140px;
    background:rgb(249,249,249);
}
.casead_ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.casead_ul li{
    width:32%;
    margin-right:2%;
    margin-bottom:25px;
    position:relative;
    padding:16px 16px 0px 16px;
    transition: .5s;
}
.casead_ul li:nth-child(3n){
    margin-right:0px;
}
.casead_ul li::after{
    content:'';
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    background:#fff;
    transition: 1s;
}
.casead_ul li::before{
    content:'';
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    border:1px solid rgb(0, 107, 180);
    z-index: 1;
    opacity: 0;
    transition: .5s;
}
.casead_ul li:hover::before{
    opacity: 1;
}
.casead_ul li a{
    position:relative;
    z-index: 1;
}
.casead_ul li:hover::after{
    left:50%;
    right:50%;
    top:50%;
    bottom:50%;
}
.casead_ul2{
    line-height:60px;
    text-align:center;
    font-size:16px;
    color:rgb(54, 53, 53);
    font-family: syht;
}
.casead_ul li a{
    position:relative;
    z-index: 1;
}
.casead_ul1{
    position:relative;
    overflow: hidden;
    max-height:540px;
}
.casead_ul1 img{
    width:100%;
    min-height:540px;
    transition: .5s;
}
.casead_ul li:hover img{
    transform: scale(1.04);
}

.lyfk{
    background:url(../images/lyfk_bg.jpg) center no-repeat;
    background-size:cover;
    padding:74px 0px;
}
.lxwm_bo{
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(30px);
    background: rgba(255, 255, 255, 0.1);
    width:635px;
    padding:54px;
}
.lxwm_bol3 li:first-child{
    margin-top:0px;
}
.lxwm_bol3 li{
    margin-top:36px;
}
.lxwm_bol3 li input{
    width:100%;
    border:None;
    background:none;
    border-bottom:1px solid #fff;
    line-height:40px;
    color:#fff;
    font-size:16px;
}
input[type="text"]::placeholder {
    color: #fff; /* 文本输入字段的颜色 */
    font-size:16px;
    font-family: "微软雅黑";
    font-weight:300;
}
.lxwm_yzm{
    display:flex;
    margin-top:36px;
}
.lxwm_yzm input{
    line-height:40px;
    width:140px;
    margin-right:8px;
}
.lxwm_yzm img{
    height:40px;
}
.btna{
    width:100%;
    line-height:40px;
    color:#fff;
    background: rgb(0, 107, 180);
    text-align:center;
    font-size:18px;
    margin-top:36px;
    font-weight:300;
    cursor: pointer;
}
.lxwmt{
    padding:30px 0px 100px;
}
.lxwmta{
    display:flex;
    margin-top:30px;
}
.lxwmta li{
    width:24%;
    margin-right:1.33%;
    padding:26px;
    background:#fff;
    border:1px solid rgb(224, 224, 224);
}
.lxwmta li:hover{
    border:1px solid rgb(0,111,187);
}
.lxwmta li:last-child{
    margin-right:0px;
}
.lxwmt1 {
    display: flex;
    align-items: center;
    padding-bottom: 22px;
    margin-bottom: 26px;
    border-bottom: 1px solid rgb(224, 224, 224);
}
.lxwmt1{
    height:44px;
}
.lxwmt2 .lxwmt2a div:nth-child(1){
    font-size:18px;
    color:rgb(32, 32, 32);
    height:24px;
    font-family: syht;
    font-weight:300;
    margin-bottom:10px;
}
.lxwmt2a a{
    font-size:16px;
    line-height:26px;
    color:rgb(125, 125, 125);
}
.lxwmt2 .lxwmt2a{
    font-size:16px;
    line-height:26px;
    color:rgb(125, 125, 125);
}

.about_banner {
    background: url(../images/about_bannera.jpg) center no-repeat;
    background-size: cover;
    background-position: center;
}

.dgjs_banner {
    background: url(../images/dgjs_banner.jpg?v=1) center no-repeat;
    background-size: cover;
    background-position: center;
}

.news_banner {
    background: url(../images/news_bannera.jpg?v=1) center no-repeat;
    background-size: cover;
    background-position: center;
}

.case_banner {
    background: url(../images/case_banner.jpg) center no-repeat;
    background-size: cover;
    background-position: center;
}
.lxwm_banner {
    background: url(../images/lxwm_banner.jpg) center no-repeat;
    background-size: cover;
    background-position: center;
}
.znav {
    width: 100%;
    line-height: 80px;
    background: #fff;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 1700px) {
    header .sub .nav_xiao{
        width:80%;
    }
    .xiao_five2 {
        width: 60%;
    }
}
@media only screen and (max-width: 1550px) {
    header .sub .nav_xiao{
        width:90%;
    }
    .xiao_five2 {
        width: 65%;
    }
}

@media only screen and (max-width: 1100px) {
    .w1330{
        width:94%;
        margin:0 auto;
    }
    .w75{
        width:94%;
    }
    .pc{
        display:none;
    }
    .sj{
        display:block;
    }
    img{
        max-width: 100%;
    }
    .ty_banner{
        margin-top:70px;
    }
    .product_h{
        height:220px;
    }
    .product_h1 {
        font-size: 22px;
        font-family: syht;
        color: #fff;
        font-weight: 700;
    }
    .product_h2a {
        font-size: 14px;
        font-weight: 300;
        color: #fff;
        margin-top: 6px;
        letter-spacing: 0.6px;
        width: 94%;
        text-align: center;
        line-height: 26px;
    }
    .ldzcd1 {
        padding-top: 60px;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .ldzcd1 img{
        width:60%;
        margin:0 auto;
    }
    .ldzcd2 {
        margin-top: 20px;
    }
    .ldzcd2 p {
        line-height: 26px;
        color: rgb(82, 82, 82);
        text-align: justify;
        font-size: 14px;
        text-indent:2em;
    }
    .ldzcd2 p:nth-child(2) {
        margin: 8px 0px;
    }
    .ldzcd3 {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 24px;
    }
    .footer_bl {
        width: 55%;
        display: none;
    }
    .footer_brar {
        margin-left: 16px;
        display: flex;
    }
    .footer_brar2 {
        font-size: 16px;
        color: rgb(0, 0, 0);
        line-height: 28px;
        font-weight: 200;
        margin-top: 0px;
        margin-left: 5px;
    }
    .footer_d {
        padding:10px 0px;
        display: flex;
        justify-content: space-between;
        font-size: 14px;
        color: rgb(102, 102, 102);
        font-weight: 200;
        line-height: 26px;
        flex-direction: column;
        align-items: center;
    }
    .footer_dr{
        text-align:center;
    }
    .footer_b {
        padding: 20px 0px 0px;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid rgb(231, 231, 231);
    }
    .footer_a2{
        display:None;
    }
    .footer_a .w75 {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ftop {
        position: absolute;
        right: 5%;
        top: -29px;
        width: 100px;
        height: 29px;
        background: url(../images/top_bg.png);
        background-size: 100% 100%;
        cursor: pointer;
        z-index: 2;
    }
    .ty_content {
    background-color: #f5f5f5;
    padding: 30px 0px;
    }
    .ftop1 {
        width: 10px;
        margin: 5px auto 0px;
    }

    /*header*/
    .sjheaderd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .sjheaderd_left{
        height:70px;
        display:flex;
        align-items: center;
    }
    .sjheaderd_left img{
        height:50px;
    }
    .sjheader {
        position: fixed !important;
        top: 0;
        left:0;
        z-index: 111;
        inset-inline-end: 0;
        inset-inline-start: 0;
        width: 100%;
        -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        background:#fff;
        border-top: 0;
    }
    .sidebar__toggle {
        cursor: pointer;
    }
    .bar-icon {
        width: 26px;
        height: 18px;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        overflow: hidden;
        -webkit-transition: color 0.2s ease-out;
        transition: color 0.2s ease-out;
    }
    .bar-icon span {
        width: 100%;
        height: 2px;
        background: rgba(0, 111, 187, 1);
        display: inline-block;
        -webkit-transition: color 0.2s ease-out;
        transition: color 0.2s ease-out;
    }
    .bar-icon span:nth-child(2) {
        margin-left: 0px;
    }
    .offcanvas__overlay {
        position: fixed;
        height: 100%;
        width: 100%;
        background: var(--rs-common-black);
        z-index: 900;
        top: 0;
        opacity: 0;
        visibility: hidden;
        right: 0;
    }
    .sjposition{
        transition: all 0.7s;
        position:fixed;
        z-index: 9999;
        width:100%;
        background:#fafafa;
        top:0px;
        left:100%;
        height:100vh;
        background: #fafafa url(../images/nav_bg.jpg) center bottom no-repeat;
        background-size: 100% auto;
    }
    .sjposition_ar{
        color:#fff;
    }
    .sjposition.cur {
        transition: all 0.7s;
        left: 0%;
    }
    .sjposition_a {
        display: flex;
        padding: 16px 0px;
        justify-content: space-between;
        align-items: center;
    }
    .sjposition_al{
        height:50px;
    }
    .sjposition_al img{
        height:100%;
    }
    .sjposition_ar i{
        font-size:30px;
    }
    .sjposition_b>ul>li{
    border-bottom: rgba(204,204,204,0.6) 1px solid;
    }
    .sjposition_b li .sjposition_b1>a{
        line-height:60px;
        display:block;
        color: #fff;
    }
    .sjposition_b1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .sjposition_b1 .more {
        position: relative;
        transform: rotate(0deg);
        width:60px;
        height:60px;
        margin-right:10px;
    }
    .sjposition_b1 .more::before {
        transition: all 0.5s;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top:-7px;
        width: 14px;
        height: 16px;
        background: url(../images/icon/icon_93.png?v=1) center right no-repeat;
        background-size: 100% auto;
        content: " ";
    }
    .sjposition_b1 .more.cur::before {
        transition: all 0.5s;
        transform: rotate(90deg);
        width: 14px;
    }
    .sjposition_b{
        overflow-y: auto;
    height: 90vh;
    }
    .sjposition_b2{
        display:none;
    }
   .sjposition_b2 li:first-child {
        border-top: rgba(204,204,204,0.6) 1px solid;
    }
    .sjposition_b2 li{
        background:rgba(0,111,187,1);
        border-bottom:1px solid rgba(255,255,255,0.4);
    }
    .sjposition_b2 li a {
        padding: 0 15px 0 25px;
        line-height: 50px;
        font-size: 16px;
        color: #fff;
        display:block;
    }
    /*header end*/

    .w1300{
        width:94%;
    }
    .zabouta{
        margin-top:70px;
        height:auto;
        padding-bottom:30px;
    }
    
    .zaboutad {
        display: flex;
        height: auto;
        flex-direction: column;
        justify-content: center;
    }
    .zaboutad1 {
        margin-top: 40px;
        font-size: 24px;
        font-weight: 500;
        font-family: syht;
        color: #fff;
    }
    .zaboutad2 {
        margin-top: 15px;
        line-height: 28px;
        color: #fff;
        font-family: syht;
        text-align: justify;
        font-weight: 300;
        font-size: 14px;
        text-indent: 2em;
    }
    .zaboutad3 {
        backdrop-filter: blur(20px);
        background: rgba(255, 255, 255, 0.1);
        padding: 25px 0px;
        display: flex;
        color: #fff;
        margin-top: 20px;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .zaboutad3 li {
        position: relative;
        text-align: center;
        flex: unset;
        width: 50%;
        padding: 10px 0px;
    }
    .zaboutad3 li::after{
        display:none;
    }
    .zaboutbb {
        position: relative;
        z-index: 1;
        background: #fff;
        border: 1px solid rgb(227, 226, 226);
        padding: 15px 25px;
        margin: 30px 0px;
    }
    .zaboutbb1 {
        font-size: 24px;
        font-weight: 700;
        color: rgb(56, 56, 56);
    }
    .zaboutbb2 {
        color: rgb(163, 163, 163);
        font-size: 14px;
    }
    .zaboutbbb {
        background: rgb(246, 246, 246);
        padding: 30px 0px;
        width: 94%;
        margin:0 auto;
    }
    .zaboutbbb1 {
        display: flex;
        padding-left: 0px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .zaboutbbb1 li:nth-last-child(even) {
        margin-top: 0px;
    }
    .zaboutbbb1 li:nth-child(5){
        width:100%;
    }
    .zaboutbbb1 li {
        position: relative;
        width: 49%;
        height: 228px;
        text-align: center;
        padding-top: 30px;
        padding-bottom:30px;
        margin-left: 0px;
        margin-bottom:4px;
    }
    .zaboutbbb1 {
        display: flex;
        padding-left: 0px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: flex-end;
    }
    .zaboutbbb1a img{
        width:50px;
    }
    .zaboutbbb1b {
        margin-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 22px;
        font-size: 18px;
        position: relative;
        font-weight: 400;
    }
    .zaboutbbb1c {
        font-size: 14px;
        line-height: 26px;
        font-weight: 300;
        height:52px;
    }
    .zaboutbbb {
        background: #fafafa;
        padding: 4px 0px 0px;
        width: 94%;
        margin: 0 auto;
    }
    .pos1{
        display:none;
    }
    .about03 .next .pos {
        position: relative;
        left:0px !important;
        right:0px !important;
        bottom:0px !important;
        top:0px !important;
        width:100%;
        height:204px !important;
        margin-bottom:15px;
    }
    .about03 .next .pos4{
        display:none;
    }
    .about03{
        margin-left:0px !important;
        padding: 30px 3%;
    }
    .about03 .next {
        position: relative;
        height: auto;
    }
    .about03 .next .posImg .text b {
        margin-bottom: 10px;
        font-size: 22px;
        font-weight: 300;
    }
    .about03 .next .posImg .text p {
        margin-bottom: 20px;
        font-size: 14px;
    }
    .about03 .next .posImg .text em {
        transition: all 0.5s;
        width: 35px;
        height: 35px;
        border-radius: 100%;
        border: #fff 1px solid;
        background: url(../images/icon/icon_74.png) center no-repeat;
        background-size:8px auto;
    }
    .about03 .next .posImg .text{
        position: absolute;
        left: 20px;
        top: 30px;
        color: #fff;
    }
    .hb_d {
        display: flex;
        height: 300px;
        flex-direction: column;
        justify-content: flex-start;
        padding-left: 0px;
        align-items: center;
        padding-top: 40px;
    }
    .hb_d2 {
        color: rgb(255, 255, 255);
        line-height: 40px;
        font-size: 30px;
        font-weight: 300;
    }
    .zzrya_list .swiper-slide {
        cursor: pointer;
        width:calc(50% - 9.5px);
        margin-right:10px;
    }
    .zzrya_listtext {
        background: rgb(246, 246, 246);
        line-height: 40px;
        text-align: center;
        color: rgb(1, 1, 1);
        font-size: 14px;
        font-weight: 300;
        margin-top: 4px;
    }
    .zzrya_list {
        margin-top: 00px;
    }
    .zzrya {
        padding-bottom: 30px;
    }
    .zzryba li {
        width: 100%;
        margin-right: 0%;
        padding: 23px;
        background: #fff;
        margin-bottom: 15px;
    }
    .zzryba2 {
        margin-top: 32px;
        font-size: 18px;
        color: rgb(32, 32, 32);
        margin-bottom: 10px;
        font-weight: 300;
    }
    .zzryba3 {
        color: rgb(155, 155, 155);
        margin-top: 2px;
        margin-bottom: 32px;
    }
    .xsqy {
        background: rgb(249, 249, 249);
        padding: 40px 0px;
    }
    .xsqylist {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .xsqylist>li {
        flex: unset;
        width: 100%;
        margin-right: 0px;
        border-radius: 15.62px;
        box-shadow: 0px 1.95px 12.69px 0px rgba(0, 0, 0, 0.08);
        background: rgb(255, 255, 255);
        margin-bottom: 25px;
    }
    .zzjg {
        text-align: center;
        display: flex;
        justify-content: center;
        padding: 40px 0px 60px;
    }
    .sgsb {
        background: rgb(249, 249, 249);
        padding: 40px 0px 60px;
    }
    .sgsbd1 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .sgsbd1 li {
        background: #fff;
        cursor: pointer;
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
        box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.05);
    }
    #lg-counter{
        display: flex !important;;
    }
    .djzt {
        padding: 40px 0px 60px;
        background: rgb(249, 249, 249);
    }
    .djztda li a {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .djztdal {
        padding: 20px;
    }
    .djztdal2 {
        margin: 18px 0px 30px;
        font-size: 18px;
        color: rgb(60, 60, 60);
    }
    .djztdal3 {
        font-weight: 300;
        line-height: 28px;
        color: rgb(117, 117, 117);
        height: 84px;
        font-size: 14px;
    }
    .djztdal4 {
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background: rgb(242, 242, 242);
        border-radius: 4px;
        margin-top: 10px;
        color: #000;
        position: relative;
        transition: all .5s;
    }
    .djztdal4 i {
        font-size: 16px;
        position: relative;
        z-index: 1;
    }
    .djgzyd {
        padding: 40px 0% 60px;
        background: rgb(249, 249, 249);
    }
    .djgzyd1a {
        display: flex;
        flex-direction: row;
    }
    .djgzyd1a li {
        width: 100%;
        margin-right: 0%;
        border: 1px solid rgb(229, 229, 229);
        background: #fff;
    }
    .djgzyd1ab {
        padding: 20px;
    }
    .djgzyd1ab2 {
        font-size: 18px;
        color: rgb(8, 8, 8);
        line-height: 30px;
        height:60px;
        font-family: syht;
        margin: 0px 0px 15px;
    }
    .zxgg {
        padding: 40px 0px 60px;
        background: rgb(249, 249, 249);
    }
    .zxggda li {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 25px;
        box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
        background: #fff;
        padding: 20px;
    }
    .zxggda1 {
        font-size: 18px;
        color: rgb(8, 8, 8);
        line-height: 30px;
        height:60px;
    }
    
    .zxggda2 {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid rgb(227, 226, 226);
        color: rgb(8, 8, 8);
        font-size: 18px;
        line-height: 30px;
    }
    .zxggda4 {
        color: #006BB4;
        margin-top: 20px;
    }
    .news_top {
        width: 100%;
        background: url(../images/news_banner.jpg) center no-repeat;
        background-size: cover;
        margin-top: 70px;
        padding-bottom:40px;
    }
    .news_topd {
        display: flex;
        height: auto;
        flex-direction: column;
        justify-content: center;
    }
    .news_topb {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
        flex-direction: column;
    }
    .news_topbl {
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .news_topbr {
        background: #fff;
        padding: 20px 10px;
        width: 100%;
        height: auto;
    }
    .news_topbr2a {
        color: rgb(157, 157, 157);
        font-size: 16px;
        line-height: 30px;
        font-weight: 300;
    }
    .news_center {
        background: url(../images/news_h2.png) center no-repeat;
        background-size: cover;
        padding: 30px 0px;
    }
    .news_centerd {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
    .news_centerd .news_centerdl {
        width: 100%;
        margin-bottom:30px;
    }
    .news_centerdlc {
        margin-top: 20px;
    }
    
    
    .news_centerdlc li {
        background: #fff;
        padding: 10px;
        border-radius: 3px;
        box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.05);
    }
    .news_centerdlc li:nth-child(1) {
        margin-bottom: 20px;
    }
    .news_centerdlt_l {
        font-size: 24px;
        color: #000;
        font-family: syht;
        width: 140px;
    }
    .news_ca {
        padding: 30px 0px;
        background: rgb(249, 249, 249);
    }
    .news_ca2 {
        width: 90%;
        margin: 0 auto;
        padding: 20px;
        margin-top: -160px;
        position: relative;
        z-index: 1;
        background: #fff;
        border-radius: 3px;
        box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
    }
    .news_ca2 li {
        line-height: 38px;
        position: relative;
        padding-left: 24px;
        margin-bottom: 15px;
    }
    .banners{
        position:relative;
        margin-top:70px;
    }
    .banner .swiper-slide {
        width: 100vw;
        height: 200px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .banners .arrow-left {
        background: url(../images/banner_arrow.png) no-repeat left top;
        background-size: 100%;
        position: absolute;
        left: 20px;
        top: 55%;
        margin-top: -20px;
        width: 40px;
        height: 40px;
        z-index: 999;
        cursor: pointer;
    }
    .banners .arrow-right {
        background: url(../images/banner_arrow.png) no-repeat left bottom;
        background-size: 100%;
        position: absolute;
        right: 20px;
        top: 55%;
        margin-top: -20px;
        width: 40px;
        height: 40px;
        z-index: 999;
        outline: none;
        cursor: pointer;
    }
    .banner .swiper-slide div {
        width: 100%;
        height: auto;
        min-height: 100%;
        transition: 1s linear 2s;
        transform: scale(1.1, 1.1);
        background-size: cover;
    }
    
    .p-top-intro__content-inner {
        padding: 20px;
        border-top: none;
    }
    .p-top-intro__content-heading {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: normal;
}.p-top-intro__left-pho {
    height: 91vw;
    margin-top: 0;
}
    .anniu {
        background: rgb(0, 111, 187);
        width: 160px;
        display: flex;
        margin-top: 20px;
        padding: 10px;
        line-height: 24px;
        color: #fff;
    }
    .gsxqzt_title {
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
        color: rgb(48, 62, 72);
        text-align: center;
        margin-bottom:20px;
    }
    .gsxqzt .gsxqzt_title:nth-child(1) span:nth-child(6){
    width:8px;
}
.gsxqzt .gsxqzt_title:nth-child(2) span:nth-child(5){
    width:8px;
}
.c-line {
    opacity: 1;
    transition: all 1s 0.3s;
    -webkit-animation-name: c-line;
    animation-name: c-line;
    width: 1px;
    height: 50px;
    background-color: rgb(197, 197, 197);
    overflow: hidden;
    margin: 28px auto 30px;
}
    .gsxq {
    background: #fff;
    padding: 30px 0px;
}
.alan{
    display:none;
}
    .gsxqzt_list ul {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    border-bottom: 1px solid rgb(193, 194, 194);
    flex-direction: row;
    flex-wrap: wrap;
    margin-top:2px;
}
.scroll{
    display:none;
}
    .gsxqzt_list li {
    display: flex;
    height: auto;
    text-align: center;
    flex: unset;
    flex-direction: column;
    position: relative;
    width: 30%;
    padding:20px 0px;
}
.icase_li{
    margin:0px 3% !important;
}
.yjzz img {
    position: absolute;
    left: 0px;
    bottom: -40px;
    width: 100%;
    transform: scale(1.6);
}
    .gsxqzt_list li:nth-child(5){
        width:100%;
    }
    .gsxqzt_list3 img{
        width:40px;
    }
    .gsxqzt_list3 span:nth-child(1) {
    font-size: 40px;
    letter-spacing: -1px;
}
.gsxqzt_list3 {
    color: #000;
    margin-top: 20px;
}
    .gsxqzt_list1 img{
        height:30px;
    }
    .yjzz {
    position: relative;
    top: 0;
    height: 161px;
    width: 100%;
    overflow: hidden;
}
    .icase {
        position: relative;
        background: #fff;
        background-size: 100% 100%;
        z-index: 2;
        padding-top: 0px;
    }
    .icase_lista {
        position: relative;
        left: 0%;
        top: 0px;
        height: auto;
        width: 100%;
        padding: 30px 3%;
        background: rgb(246, 246, 246);
    }
    .icase_lista2 {
        font-size: 22px;
        line-height: 30px;
        font-weight: 300;
        margin-top: 10px;
    }
    .icase_div {
        position: relative;
        width: 100%;
        height: auto;
    }
    .icase .swiper-slide {
        height: auto;
    }
    .icase .swiper-slide img{
        height:auto;
        position:relative;
        bottom:0px;
    }
    .icase_list{
        height:100%;
        width:100%;
    }
    .icase_text {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        line-height: 56px;
        text-align: center;
        font-size: 16px;
        color: #fff;
    }
    .inewzt1 {
        box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.1);
        height: auto;
        width: 100%;
        margin-top:10px;
    }
    .djgz .inewzt_text{
        margin-bottom:10px;
    }
    .gyx .inewzt_text{
        margin-bottom:10px;
    }
    .gyxlistr ul{
        height:auto !important;
    }
    .gyxlistr ul li,.gyxlistr .gyxlistimg{
        height:180px !important;
    }
    .gyxlistr ul li{
        margin-bottom:10px;
    }
    .inewzt1 a {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .inewzt1 .inewzt1a {
        width: 100%;
    }
    .inewzt1a img {
        height: auto;
        display: block;
    }
    .inewzt1b {
        width: 100%;
        padding: 30px 20px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #fff;
    }
    .inewzt1b1 {
        font-size: 18px;
        line-height: 32px;
        color: rgb(0, 111, 187);
        height: auto;
        border-bottom: 1px solid rgb(222, 222, 222);
        margin-bottom: 20px;
        padding-bottom: 16px;
    }
    .inewzt2 ul {
        display: flex;
        margin-top: 20px;
        flex-direction: column;
    }
    .inewzt2 ul li {
        padding: 32px 25px 45px;
        margin-right: 30px;
        box-shadow: 0px 2px 19px 0px rgba(0, 0, 0, 0.1);
        background: #fff;
        width: 100%;
        margin-bottom: 20px;
    }
    .inew {
        width: 100%;
        background: rgb(246, 246, 246);
        position: relative;
        z-index: 1;
        padding: 40px 0px 20px;
    }
    .djgzli ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .djgzli li {
        width: 100%;
        position: relative;
        transition: .5s;
        overflow: hidden;
        height: 215px;
    }
    .djgzli .on {
        width: 100%;
        background-position: -0px -0px;
    }
    .djgzlia {
        position: absolute;
        z-index: 2;
        padding: 30px;
    }
    .djgzli li img {
        position: relative;
        height: 100%;
        width: auto;
        transform: scale(1.14);
        display: block;
        right: -0%;
        margin-right: 0px;
        top: 0px;
    }
    .djgz {
        width: 100%;
        background: url(../images/djgz_bg.jpg) center no-repeat;
        background-size: cover;
        padding: 40px 0px 40px;
        position: relative;
        z-index: 1;
    }
    .gyxlist {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }
    .gyxlistl {
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    .gyxlistr {
        width: 100%;
        margin-top: 10px;
    }
    .gyx .bor .icon{
        margin-bottom:15px;
    }
    .icon img{
        max-height:35px;
    }
    .gyx .bor {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 0 5.8% 15px;
        z-index: 2;
    }
    .bor b {
        font-size: 18px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        color: #fff;
    }
    .bor p {
        transition: all 0.5s;
        height: 0px;
        line-height: 26px;
        font-size: 14px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #fff;
    }
    .gyxlistr ul li:hover .bor p {
        transition: all 0.5s;
        margin-top: 5px;
        height: 52px;
    }
    .gyxlistl:hover .bor p {
        transition: all 0.5s;
        margin-top: 28px;
        height: 52px;
    }
    .icase .swiper-slide.swiper-slide-active img{
        left:0px;
    }
    .icase .swiper-button-prev, .icase .swiper-button-next {
        color: #fff !important;
        top: 50% !important;
        margin-top: -56px !important;
    }
    .inewzt_text {
        font-size: 14px;
        text-align: center;
        color: rgb(61, 61, 61);
        font-weight: 300;
        line-height: 28px;
        margin-top: 8px;
    }
    .lxwm_bo {
        box-sizing: border-box;
        border: 1px solid rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(30px);
        background: rgba(255, 255, 255, 0.1);
        width: 100%;
        padding: 20px;
    }
    .lyfk {
        background: url(../images/lyfk_bg.jpg) center no-repeat;
        background-size: left;
        padding: 30px 0px;
    }
    .lxwm_bol3 li {
        margin-top: 20px;
    }
    .lxwm_yzm {
        display: flex;
        margin-top: 20px;
    }
    .btna {
        width: 100%;
        line-height: 40px;
        color: #fff;
        background: rgb(0, 107, 180);
        text-align: center;
        font-size: 18px;
        margin-top: 20px;
        font-weight: 300;
        cursor: pointer;
    }
    .lxwmta {
        display: flex;
        margin-top: 0px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .lxwmta li {
        width: 49%;
        margin-right: 0%;
        padding: 26px 10px;
        background: #fff;
        border: 1px solid rgb(224, 224, 224);
        margin-bottom: 10px;
    }
    .lxwmt {
        padding: 30px 0px 30px;
    }
    .casea {
        padding: 30px 0px;
        background: rgb(249, 249, 249);
    }
    .casead_ul li {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
        position: relative;
        padding: 16px 16px 0px 16px;
        transition: .5s;
    }
    .header2,#animation_container,header{
        display:none !important;
    }
   
    .layui-layer-content div{
        padding:10px !important;
        font-size:18px !important;
    }
     .layui-layer-content p{
         font-size:14px !important;
     }
    .layui-layer{
        width:100% !important;
    }
    .casetl .news_ny{
        width:100%;
    }
    .coursebox-sec1 .cont .lt{
        display:none;
    }
    .coursebox-sec1 .cont .gt{
        width:100%;
    }
    .gt {
    position: relative;
    padding-left: 46px;
    padding-top: 6px;
}
.gt .list1 p {
    color: rgb(82, 82, 82);
    line-height: 36px;
    font-size: 13px;
}
.gt .date {
    font-size: 28px;
    line-height: 48px;
    margin-bottom: 8px;
    position: relative;
}
.casead_ul1 img{
    min-height:unset;
}
.ftop2 {
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    text-align: center;
}
.pages ul li.sw{
    display:none;
}
.footer_dr img{
    top:1px !important;
}
section{
    overflow-x: hidden;
}
.footer,.footer section{
    overflow: unset;
}
.wow {
    -webkit-animation-name: unset !important;
    animation-name: unset !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 22px !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.atc-con *{
    font-size:14px !important;
}
.newsSwiper .swiper-slide{
    height:250px;
}
}