@charset "utf-8";

@font-face {
    font-family: DINCond-Medium;
    src: url(/static/style/pc/font/DINCOND-MEDIUM-WEBFONT.TTF);
}

@font-face {
    font-family: FRAMDCN;
    src: url(/static/style/pc/font/FRAMDCN.TTF);
}

@font-face {
    font-family: Swis721 BlkCn BT;
    src: url(/static/style/pc/font/tt0173m_.ttf);
}

@font-face {
    font-family: Poppins;
    src: url(/static/style/pc/font/POPPINS-REGULAR.TTF);
}

@font-face {
    font-family: Poppins-s;
    src: url(/static/style/pc/font/POPPINS-SEMIBOLD.TTF);
}

@font-face {
    font-family: Barlow Condensed;
    src: url(/static/style/pc/font/BarlowCondensed-Bold.ttf);
}

@font-face {
    font-family: Disney English;
    src: url(/static/style/pc/font/DISNEYENGLISH-BOLD.OTF);
}

@font-face {
    font-family: Poppins-l;
    src: url(/static/style/pc/font/POPPINS-LIGHT.TTF);
}

@font-face {
    font-family: Poppins-m;
    src: url(/static/style/pc/font/POPPINS-MEDIUM.TTF);
}

@font-face {
    font-family: BarlowCondensed-Medium;
    src: url(/static/style/pc/font/BarlowCondensed-Medium.ttf);
}

@font-face {
    font-family: POPPINS-BOLD;
    src: url(../font/POPPINS-BOLD.TTF);
}



@media (max-width:4000px) {
    html {
        font-size: 16px;
    }
}

@media (min-width:1600px) and (max-width:1940px) {
    html {
        font-size: 16px;
    }
}

@media (min-width:1400px) and (max-width:1600px) {
    html {
        font-size: 13px;
    }
}

@media (min-width:640px) and (max-width:1399px) {
    html {
        font-size: 13px;
    }
}

@media (min-width:471px) and (max-width:639px) {
    html {
        font-size: 12px;
    }
}

@media (min-width:329px) and (max-width:470px) {
    html {
        font-size: 12px;
    }
}

@media (max-width:328px) {
    html {
        font-size: 12px;
    }
}



/*==========================================公共 开始=============================================*/

.ar_wap {
    display: none
}

.a_body {
    position: relative;
    z-index: 0;
}

.section {
    overflow: hidden;
}



.w1200 {
    padding: 0 50px;
    max-width: 1500px;
    margin: 0 auto;
}



.header_box {
    height: 7.625rem;
    position: relative;
    z-index: 100;
}



header {
    height: 82px;
}

header .logo {
    line-height: 7.625rem;
}

header .logo img {
    height: 4.75rem;
}



#nav {
    position: relative;
    z-index: 10;
    margin-right: 1rem;
}

#nav {
    display: flex;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
}

#nav li {
    float: left;
    position: relative;
    z-index: 0;
    margin-left: 3.75rem;
}

#nav li a {
    display: block;
    padding: 0 0;
    text-transform: uppercase;
}

#nav li>a {
    font-size: 1rem;
    color: #101723;
    line-height: 7.625rem;
    position: relative;
    transition: .36s;
}

#nav li>a .h3 {
    position: relative;
    text-align: center;
    z-index: 1;
}

#nav li>a .h3:before {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: .5s;
}

#nav li>a .h3:after {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    z-index: -1;
    transition: .5s;
    background: #ed8104;
    left: 50%;
    margin-left: -3.5px;
    top: 67%;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
}

#nav li.on>a,
#nav li:hover>a {}

#nav li.on>a .h3:before,
#nav li:hover>a .h3:before {}

#nav li.on>a .h3:after,
#nav li:hover>a .h3:after,
#nav li.on2>a .h3:after {
    opacity: 1;
    visibility: visible;
}

#nav li a i {
    display: inline-block;
    background: url(/static/style/pc/images/nav_down.png) center no-repeat;
    width: 9px;
    height: 6px;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;
}

#nav li .sub {
    position: absolute;
    background: rgba(255, 255, 255, .8);
    width: 400px;
    position: absolute;
    left: 0;
    margin-left: 0;
    top: 100%;
    z-index: 999;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    top: 7.625rem;
    padding: 3.5rem 1.375rem 2rem;
    border-radius: 0 0 .625rem .625rem;
}

#nav li .sub .box {
    padding: 0;
    text-align: center;
    margin: -.5rem 0 0;
}

#nav li .sub a {
    padding: 0;
    line-height: 1.875rem;
    transition: .3s;
    font-size: .875rem;
    color: #505050;
    float: left;
    width: 50%;
    text-align: left;
    white-space: nowrap;
}

#nav li .sub a:hover {
    color: transparent;
    background: linear-gradient(to right, #015190, #3bb3c2);
    -webkit-background-clip: text;
}

#nav li:hover .sub {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

#nav>ul>li.on>a,
#nav li:hover>a,
#header.xg #nav li.on>a,
#header.xg #nav li:hover>a {}



#nav li .sub .img {
    width: calc(100% - 186px);
    height: 70px;
}

#nav li .sub .img img {
    width: 100%
}

#nav li .sub .box {
    width: 186px;
    padding: 0 10px 0 0;
}

#nav li .sub .box a {}



#nav li:last-child>a .h3:after {
    display: none
}



#nav li:nth-child(7) .sub,
#nav li:nth-child(8) .sub {
    left: auto;
    right: 0
}



#nav li .sub1 {
    position: absolute;
    background: #fff;
    width: auto;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 100%;
    z-index: 999;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    top: 100px;
    white-space: nowrap;
    padding: 50px 16px;
}

#nav li .sub1 .box {
    padding: 0;
    display: inline-block;
    margin: 0 34px;
    text-align: left;
}

#nav li .sub1 a {
    padding: 0;
    line-height: 30px;
    transition: .3s;
    font-size: 14px;
    letter-spacing: 1px;
    color: #707070;
    padding-left: 12px;
}

#nav li .sub1 a:first-child {
    font-size: 16px;
    color: #3d3d3d;
    position: relative;
    padding-left: 12px;
    line-height: 15px;
    border-left: #ff7f31 3px solid;
    margin-bottom: 20px
}

#nav li .sub1 a:hover {
    color: #fe8d00;
}

#nav li:hover .sub1 {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}





header .right {
    padding: 0;
    height: 7.625rem;
    font-size: 0;
}

header .right .circle_box {
    display: inline-block;
    width: 46px;
    border-radius: 50%;
    vertical-align: top;
    position: relative;
    margin-left: 1rem;
    padding: 18px 0 0;
}

header .right .circle_box a {
    display: block;
    width: 100%;
    height: 46px;
    position: relative;
    line-height: 46px;
    text-align: center;
}

header .right .circle_box a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(0);
    border-radius: 50%;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

header .right .circle_box a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: .3s;
    border-radius: 50%;
}

header .right .circle_box a .con {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

header .right .circle_box a span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: .3s;
    background: #023d7e;
    border-radius: 50%;
}

header .right .circle_box a span.span2 {
    transform: translateX(-100%)
}



header .right .circle_box .search input {
    padding: 0 20px;
    width: 200px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    font-size: 14px;
}

header .right .circle_box .item {
    position: absolute;
    top: 90px;
    width: 100%;
    background-color: #023d7e;
    /* overflow: hidden; */
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

header .right .circle_box .item h6 {
    font-size: 13px;
    line-height: 2;
    color: #fff;
    white-space: nowrap;
    padding: 0 10px
}

header .right .circle_box .search {
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    border: 8px solid #023d7e;
}

header .right .circle_box .search:before {
    content: "";
    position: absolute;
    left: 50%;
    border-left: transparent 6px solid;
    border-right: transparent 6px solid;
    border-bottom: #023d7e 6px solid;
    top: -14px;
    margin-left: -6px;
    z-index: 10;
}





header .right .circle_box.on .item {
    top: 83px;
    opacity: 1;
    visibility: visible;
}



header .right .circle_box.weixin a span {
    background: #ed8104
}



header.xg {
    background: #fff
}

header.xg #nav>li>a span {}

header.xg .right .circle_box a span.span1 {}

header.xg .right .circle_box a span.span2 {
    transform: translateX(0);
}

header.xg .right .circle_box a:after {}



header.xg .right .circle_box a:hover span.span1 {
    transform: translateX(0);
}

header.xg .right .circle_box a:hover span.span2 {
    transform: translateX(-100%);
}



header .right .circle_box.weixin .search {
    background: #ed8104
}

header .right .circle_box.weixin .item {
    background: #ed8104;
    border: 8px solid #ed8104;
}

header .right .circle_box.weixin .search:before {
    border-bottom: #ed8104 6px solid;
}





.draw_h:before {
    content: "";
    display: block;
    right: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid rgba(100%, 100%, 100%, .5);
    border-radius: 50%;
}

svg.drawcircle {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    overflow: inherit;
    display: block;
    pointer-events: none;
}

svg.drawcircle circle {

    fill: none;

    box-sizing: border-box;

    stroke-width: 1px;

    stroke: none;

    stroke-dasharray: 0, 188.49;

    stroke-dashoffset: 188.49;

    transition: all .3s linear 0s;

}

.draw_h:hover svg.drawcircle circle {

    stroke: #fff;

    stroke-dasharray: 188.49, 0;

    stroke-dashoffset: 188.49;

    -webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);

    transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);

}

.draw_h .icon {

    fill: #fff;

    vertical-align: middle;

    transition: .3s;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 1.5rem;

    height: 1.5rem;

}

.draw_h:hover .icon {
    fill: #023d7e;
}

.miso-arrow_box .miso-arrow {
    z-index: 99;
    position: absolute;
    top: 50%;
    margin-top: -2rem;
    transform: translate(0, 0);
    background-size: .75rem !important;

    display: block;
    border-radius: 50%;
    font-size: 0;
    cursor: pointer;

    width: 3.75rem !important;

    height: 3.75rem !important;
    line-height: 3.75rem !important;
}

.miso-arrow_box .arrow {
    width: .5rem;
    vertical-align: middle;
    display: inline-block;
}

.miso-arrow_box .miso-arrow:hover .arrow path {
    stroke: #0084cd;
}

.miso-arrow_box .draw_h:hover svg.drawcircle circle {
    stroke: #023d7e;
    stroke-width: 1;
}



.miso-arrow_box .miso-prev1 {
    left: 4.375rem;
}

.miso-arrow_box .miso-next1 {
    right: 4.375rem;
}





/*顶部搜索*/

.tc_search {
    margin: 0 1.3rem;
    width: calc(100% - 2.6rem);
    position: absolute;
    bottom: 1rem;
}

.tc_search form {
    height: 40px;
    border-radius: 0;
    background: #329dc1;
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}

.tc_search #keyword {
    font-size: .875rem;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 1rem;
    box-shadow: none;
    -webkit-appearance: none;
    border-right: 0;
    background: none;
    width: 100%;
}

.tc_search .btn_blue {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 38px;
    line-height: 38px;
    border: 0;
    background: url(/static/style/pc/images/search_white.svg) center center no-repeat;
    background-size: 1.2rem;
}

.tc_search .btn_blue.fr {
    background: #e9edef;
    color: #4e4f53;
}

.tc_search input::-webkit-input-placeholder {

    color: #fff;

    color: rgba(255, 255, 255, .7);

}

.tc_search input::-moz-placeholder {
    /* Mozilla Firefox 19+ */

    color: #fff;

    color: rgba(255, 255, 255, .7);

}

.tc_search input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */

    c color: #fff;

    color: rgba(255, 255, 255, .7);

}

.tc_search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */

    color: #fff;

    color: rgba(255, 255, 255, .7);

}

/* WebKit browsers */

.tc_search input:focus::-webkit-input-placeholder {

    color: transparent;
    /* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */

}

/* Mozilla Firefox 4 to 18 */

.tc_search input:focus:-moz-placeholder {

    color: transparent;

}

/* Mozilla Firefox 19+ */

.tc_search input:focus::-moz-placeholder {

    color: transparent;

}

/* Internet Explorer 10+ */

.tc_search input:focus:-ms-input-placeholder {

    color: transparent;

}

/* 点击搜索框获取焦点 placeholder消失-结束 */

/*导航按钮开始*/

#nav_btn_box {
    height: 100%;
    z-index: 999999999;
    float: right;
    margin-left: 20px;
}

#nav_btn_box.on {
    background: none;
}

#nav_btn {}

#nav_btn .point.on .navbtn::after,
#nav_btn .point.on .navbtn::before {
    background: #fff;
}

#nav_btn {
    cursor: pointer;
    text-align: center;
    z-index: 99999;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    outline: none;
    box-shadow: none;
}

#nav_btn .point {
    display: inline-block;
    width: 1.875rem;
    height: 22px;
    position: relative;
    outline: none;
}

#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before {
    width: 1.75rem;
}

#nav_btn .navbtn {
    position: absolute;
    top: 12px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 3px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #000;
    background-image: -moz-linear-gradient(22deg, rgba(1, 81, 144, 1) 0%, rgba(59, 179, 194, 1) 100%);
    background-image: -webkit-linear-gradient(22deg, rgba(1, 81, 144, 1) 0%, rgba(59, 179, 194, 1) 100%);
    background-image: -ms-linear-gradient(22deg, rgba(1, 81, 144, 1) 0%, rgba(59, 179, 194, 1) 100%);
    border-radius: 1.5px;
}

#nav_btn .navbtn::after,
#nav_btn .navbtn::before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 3px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #000;
    background-image: -moz-linear-gradient(22deg, rgba(1, 81, 144, 1) 0%, rgba(59, 179, 194, 1) 100%);
    background-image: -webkit-linear-gradient(22deg, rgba(1, 81, 144, 1) 0%, rgba(59, 179, 194, 1) 100%);
    background-image: -ms-linear-gradient(22deg, rgba(1, 81, 144, 1) 0%, rgba(59, 179, 194, 1) 100%);
    border-radius: 1.5px;
}

#nav_btn .navbtn::after {
    top: -8px;
}

#nav_btn .navbtn::before {
    top: 8px;
}

#nav_btn .point.on .navbtn {
    background: transparent;
}

#nav_btn .point.on .navbtn::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}

#nav_btn .point.on .navbtn::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}

/*导航按钮结束*/

.m_nav_list {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    overflow: auto;
    margin: 81px 0 0;
}

.m_nav_list::-webkit-scrollbar {
    display: none
}

#m_nav {
    z-index: 99999;
    position: fixed;
    width: 100%;
    height: 100vh;
    right: -105%;
    top: 0;
    display: none;
    padding: 1.5rem 0 7rem;
    overflow: hidden;
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

#m_nav .close {
    position: absolute;
    top: 6px;
    right: 15px;
    font-size: 28px;
    color: #fff;
    z-index: 10000;
}



#m_nav.act {
    pointer-events: auto;
    right: 0;
}

#m_nav>ul>li {
    width: 100%;
    overflow: hidden;
    padding: 0 0 0 2.3rem;
    position: relative;
}

#m_nav>ul>li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#m_nav li .a {
    display: inline-block;
    width: calc(100% - 30px)
}

#m_nav li .a {
    line-height: 4rem;
    height: 4rem;
    color: #fff;
    padding: 0;
    font-size: 1.125rem;
    float: left;
}

#m_nav li .a span {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    width: 20px;
    height: 50px;
    text-align: center;
}

#m_nav li .a span i {
    font-size: 0;
}

#m_nav li i {
    opacity: 1;
    filter: alpha(opacity=100);
    display: inline-block;
    width: 100%;
    height: 4rem;
    display: inline-block;
    background: url(/static/style/pc/images/arrow_down.svg) calc(100% - 2rem) center no-repeat;
    background-size: 13px 13px !important;
    position: absolute;
    display: block;
    right: 0;
}



#m_nav li.on i {
    background: url(/static/style/pc/images/arrow_down_on.svg) calc(100% - 2rem) center no-repeat;
}

#m_nav .on.title .a i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

#m_nav li {
    display: block;
    width: 100%;
}

.slide_nav {
    position: absolute;
    left: 0;
    height: 70px;
    z-index: 998;
    padding: 15px;
    top: 0;
    width: 100%;
}

#m_nav .title .list {
    display: none;
    position: relative;
    width: 100%;
    z-index: 9;
    left: 0;
    margin-left: 0;
    background: none;
    border: 0;
    clear: both;
    padding-bottom: 10px;
}

#m_nav .title .list span {
    background: none;
}

#m_nav .title .list span a:hover {
    color: #014085;
}

#m_nav .title .list a {
    display: block;
    font-size: 1rem;
    color: rgba(255, 255, 255, .6);
    text-align: left;
    line-height: 40px;
    height: 40px;
    border: 0;
    font-weight: 300;
}

/*三级导航 开始*/

#m_nav .title .list .void>a {
    background-size: 10px;
    position: relative;
}

#m_nav .title .list .void>a:before {
    content: "·";
    position: absolute;
    left: -1em;
    font-size: 12px;
    font-weight: bold;
}

#m_nav .title .list span {
    position: relative;
    display: block;
}

#m_nav .title .list span .sub {
    position: static;
    width: 100%;
    display: block !important;
    overflow: hidden;
}

#m_nav .title .sub a {
    background: none;
    font-size: .875rem;

    opacity: .8;
    min-width: 50%;
    float: left;
    display: inline-block;
    color: #999;
}

.nav_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 888;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}

.m_header_box {
    transition: .6s;
    display: none;
    height: 60px;
}

#m_header #logo .box_table,
#nav_btn_box .box_table {
    width: auto;
    float: left;
}

.m_header_box header {
    padding: 0 15px;
    top: 0;
    height: 60px;
    background: #ffffff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

#m_header #logo {
    height: 60px;
    float: left;
}

#m_header #logo img {
    max-height: 60%;
    height: 44px;
    max-height: 44px;
}

#m_header .yuyan {
    height: 4.5rem;
    float: right;
    margin-right: 4rem;
}

#m_header .yuyan span {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: .9rem;
    text-align: center;
    margin-left: 17px;
    background: rgba(255, 255, 255, .3);
}



.list_box_01 li {
    line-height: 7.625rem;
    float: left;
    margin-left: 2.375rem;
    cursor: pointer
}

.list_box_01 li svg {
    fill: #bdbec8;
    width: 1.625rem;
    height: 1.625rem
}

.search-dialog-box {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 18rem;

    z-index: 1000000;

    opacity: 0;

    visibility: hidden;

    transition: .6s;

    /* overflow: hidden; */

}

.search-dialog-box:before {
    content: "";
    position: absolute;
    top: 0;
    height: 0;
    background: #3cb2c0;
    transition: .6s;
    left: 0;
    right: 0;
    z-index: 1;
}

.search-dialog-box.on:before {
    height: 100%
}

.search-dialog-box .bubbles-bg {

    opacity: 0;

    visibility: hidden;

    display: none;

}

.search-dialog-box .search-bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 0;

    margin: 0;

    background: rgba(0, 0, 0, .7);

    background-size: cover;

    background-repeat: no-repeat;

    /* z-index: 1; */

    transform-origin: center center;

    transition: height .8s cubic-bezier(.77, 0, .175, 1);

}

.search-dialog-box .wrap-inner {

    transform: translateY(100%);

    transition: .6s;

}

.header-right .bubbles-bg {

    opacity: 0;

    visibility: hidden;

    transition: all .5s .8s;

}

.search-dialog-box .bubbles-bg .bubble {

    position: absolute;

}

.search-dialog-box .bubbles-bg .bubble .circle {

    border-radius: 100%;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.search-dialog-box .bubbles-bg .bubble1 {

    width: 6%;

    padding-top: 6%;

    left: 26.875%;

    top: -6.67%;

}

.search-dialog-box .bubbles-bg .bubble1 .circle {

    border: 1px solid #fff;

}

.search-dialog-box .bubbles-bg .bubble2 {

    width: 12px;

    padding-top: 12px;

    left: 13.54%;

    top: 18%;

}

.search-dialog-box .bubbles-bg .bubble2 .circle {

    background-color: #ff495f;

}

.search-dialog-box .bubbles-bg .bubble3 {

    width: 36px;

    padding-top: 36px;

    left: 8.854%;

    top: 30.55%;

}

.search-dialog-box .bubbles-bg .bubble3 .circle {

    background-color: #fff;

}

.search-dialog-box .bubbles-bg .bubble4 {

    width: 56.875%;

    padding-top: 56.875%;

    left: -28.6458%;

    top: 51.85%;

}

.search-dialog-box .bubbles-bg .bubble4 .circle {

    background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);

    background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);

    background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);

}

.search-dialog-box .bubbles-bg .bubble5 {

    width: 54px;

    padding-top: 54px;

    left: 26.3%;

    top: 70.83%;

}

.search-dialog-box .bubbles-bg .bubble5 .circle {

    background-color: #fff;

    opacity: .1;

}

.search-dialog-box .bubbles-bg .bubble6 {

    width: 56.875%;

    padding-top: 56.875%;

    left: 73.4375%;

    top: -52.77%;

}

.search-dialog-box .bubbles-bg .bubble6 .circle {

    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);

    background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);

    background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);

}

.search-dialog-box .bubbles-bg .bubble7 {

    width: 2rem;

    padding-top: 2rem;

    left: 60.9375%;

    top: 18.5%;

}

.search-dialog-box .bubbles-bg .bubble7 .circle {

    background-color: #ff495f;

}

.search-dialog-box .bubbles-bg .bubble8 {

    width: 1.35rem;

    padding-top: 1.35rem;

    left: 95.83%;

    top: 70.83%;

}

.search-dialog-box .bubbles-bg .bubble8 .circle {

    border: 1px solid #fff;

}

.search-dialog-box .bubbles-bg .bubble9 {

    width: 16px;

    padding-top: 16px;

    left: 76.5625%;

    top: 96.296%;

}

.search-dialog-box .bubbles-bg .bubble9 .circle {

    background-color: #fff;

}

.search-dialog-box .bubbles-bg .bubble10 {

    width: 56.875%;

    padding-top: 56.875%;

    left: 71.354%;

    top: 87%;

}

.search-dialog-box .bubbles-bg .bubble10 .circle {

    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);

    background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);

    background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);

}

.search-dialog-box .bubbles-bg .bubble {

    animation: spin 8s infinite linear;

    transform-origin: 50% 45%;

}

.search-dialog-box .bubbles-bg .bubble:nth-child(2n) {

    animation: spin2 8s infinite linear;

}

.search-dialog-box .bubbles-bg .bubble .circle {

    animation: spin-reverse 8s infinite linear;

}

.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle {

    animation: spin-reverse2 8s infinite linear;

}

.search-dialog-box .bubbles-bg .sm-bubble {

    transform-origin: 30% 30px;

}

.search-dialog {

    position: absolute;

    left: 0;

    top: 50%;



    transform: translateY(-50%);

    width: 100%;

    z-index: 2;

}

.search-dialog .search-tit {

    font-size: 2.75rem;

    line-height: 3.5rem;

    color: #fff;

    text-align: center;

    overflow: hidden;

    display: none;

}

.search-dialog .search-inner {

    overflow: hidden;

    margin-top: 0;

}

.search-dialog .search-input {

    width: 50rem;

    margin: 0 auto;

    padding: 0 0.5rem 0 1.5rem;

    background-color: rgba(255, 255, 255, .1);

    box-sizing: border-box;

    transition: all .3s;

    max-width: 94%;

}

.search-dialog .search-input input[type=text] {

    float: left;

    height: 4.5rem;

    width: calc(100% - 3.5rem);

    background-color: transparent;

    font-size: 1.25rem;

    line-height: .5rem;

    color: #fff;

    transition: all .3s;

}

.search-dialog .search-input input[type=text]::-webkit-input-placeholder {

    color: rgba(255, 255, 255, 0.5);

}

.search-dialog .search-input input[type=text]:-moz-placeholder {

    color: rgba(255, 255, 255, 0.5);

}

.search-dialog .search-input input[type=text]::-moz-placeholder {

    color: rgba(255, 255, 255, 0.5);

}

.search-dialog .search-input input[type=text]:-ms-input-placeholder {

    color: rgba(255, 255, 255, 0.5);

}

.search-dialog .search-input input[type=submit],

.search-dialog .search-input .clear-btn {

    float: right;

    height: 4.5rem;

    width: 3.5rem;

}

.search-dialog .search-input input[type=submit] {

    background-color: transparent;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 1.5rem;

    background-image: url('/static/style/pc/images/search-btn.svg');

}

.search-dialog .search-input .clear-btn {

    background-color: rgba(0, 0, 0, .2);

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('/static/style/pc/images/close-btn.svg');

    background-size: 3.5rem;

    border-radius: 100%;

    margin-right: 1rem;

    display: none;

}

.search-dialog .search-input.on {

    background-color: #fff;

}



.search-dialog .search-input.on input[type=submit] {

    background-image: url('/static/style/pc/images/search-btn2.svg')
}



.search-dialog .hot-search {



























    font-size: 0;

    width: 19.5rem;

    margin: .6rem auto 0;

    box-sizing: border-box;

    padding: 0 .6rem;

    overflow: hidden;

}

.search-dialog .hot-search .hot-tit,

.search-dialog .hot-search .hot-link {

    display: inline-block;

    *display: inline;

    zoom: 1;

    vertical-align: top;

}

.search-dialog .hot-search .hot-tit {

    font-size: .375rem;

    line-height: .5rem;

    color: #fff;

    font-weight: bold;

    padding-left: .6rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: .5rem;

    background-image: url(/static/style/pc/images/hot-icon.png);

}

.search-dialog .hot-link {

    margin-left: 1rem;

}

.search-dialog .hot-link a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .375rem;

    line-height: .5rem;

    margin-right: .75rem;

    color: #fff;

    padding-bottom: 5px;

    position: relative;

}



.search-dialog .hot-link a:before {

    content: "";

    position: absolute;

    left: 0%;

    bottom: 0;

    width: 100%;

    height: 2px;

    background-color: #fff;

    transform: scaleX(0);

    transform-origin: left center;

    transition: transform .3s;

}

.search-dialog-box .bottom-box {

    position: absolute;

    left: 0;

    bottom: 5.1%;

    width: 100%;

}

.search-dialog-box .bottom-box .share-box {

    overflow: hidden;

}

.search-dialog-box .bottom-box .copy {

    font-size: .35rem;

    line-height: .5rem;

    color: #fff;

    font-family: "gilroy-regular";

    margin-top: .5rem;

    overflow: hidden;

}



.header-right.is-open .bubbles-bg {

    visibility: visible;

    opacity: 1;

}

.header-right.is-open .search-btn .con-box {

    display: none;

}

.header-right.is-open .close-btn {

    display: block;

}

.header-right.is-open .item .search-bg {

    transform: scale(1);

}

.search-dialog-box.on {

    opacity: 1;

    visibility: visible;

}

.search-dialog-box.on .search-bg {
    height: 100vh;
}



.search-dialog-box.on .bubbles-bg {
    opacity: 1;
    visibility: visible;
}

.search-dialog-box.on .wrap-inner {
    transform: translateY(0)
}



.pub-close {

    position: absolute;

    width: 3rem;

    height: 3rem;

    z-index: 10;

    right: 1.5rem;

    top: 1.35rem;

    background-color: rgba(255, 255, 255, .1);

    border-radius: 100%;

}

.pub-close .bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #1c5ab7;

    transform: scale(0);

    border-radius: 100%;

    transition: transform .3s;

}

.pub-close i {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-position: center;

    background-size: 0.75rem;

    background-repeat: no-repeat;

    background-image: url(/static/style/pc/images/close-btn.svg);

    transition: .6s
}

.pub-close i:hover {
    transform: rotate(180deg)
}



@keyframes spin {

    to {
        transform: rotate(1turn);
    }

}

@keyframes spin2 {

    to {
        transform: rotate(-1turn);
    }

}

@keyframes spin-reverse {

    from {

        transform: rotate(1turn);

    }

}

@keyframes spin-reverse2 {

    from {

        transform: rotate(-1turn);

    }

}





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

.banner ul li a {
    display: block;
    position: relative
}

.banner ul li a .img_zd .img_hezi {
    display: block;
    padding-bottom: calc(100vh - 7.625rem) !important;
    position: relative;
}

.banner ul li a .img_zd img {
    width: 100vw
}

.banner ul li a .top {
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.banner ul li a .top .box_table {
    text-align: left
}

.banner ul li a .top h2 {
    font-size: 4.5rem;
    color: #fff;
    line-height: 1.25;
}

.banner ul li a .top h3 {
    font-size: 4.35rem;
    color: #fff;
    line-height: 1.25;
    margin-top: 1rem;
}

.banner ul li a .top h6 {
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.5;
    font-weight: bold;
    margin: .5rem 0 0;
    text-transform: uppercase;
}



.banner ul li a .top h2 span,
.banner ul li a .top h3 span {}

.banner ul li a .top h6 span {

    min-width: 6px;

}





.banner ul li a .top h2,
.banner ul li a .top h3 {
    width: 100%;
    /* transform:translateX(100px);*/
}



.banner ul li a .top h6 {
    /* white-space:nowrap; */
    /* transform:translateX(150px);*/
}

.banner ul li a span {
    display: inline-block;
    opacity: 0;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    transform: translateY(-16px);
    margin: 0 .5px;
    font-weight: bold;
}



.banner ul li.miso-current a .top h2,
.banner ul li.miso-current a .top h3 {
    transform: translateX(0px);
    opacity: 1;
}

.banner ul li.miso-current a .top h6 {
    transform: translateX(0px);
    opacity: 1;
}

.banner ul li.miso-current a .letter span {
    opacity: 1;
    filter: blur(0px);
    -webkit-filter: blur(0px);
    transform: translateY(0px);
}



.banner .miso-arrow {
    width: 3.375rem !important;
    height: 3.375rem !important;
}



.banner .miso-dots {
    width: 100%;
    position: absolute;
    bottom: 3rem;
}

.banner .miso-dots li {
    display: inline-block;
    width: 50px;
    height: 2px;
    position: relative;
    opacity: 1 !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    margin: 0 3px;
    height: 2px;
}

.banner .miso-dots li button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 0;
    font-size: 1.25rem;
    color: transparent;
    font-weight: bold;
    height: 2.75rem;
    line-height: 0;
    transition: .5s
}

.banner .miso-dots li.miso-active button {
    color: #fff
}

.banner .miso-dots li:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    border-radius: 0;
    background: #fff;
}

.banner .miso-dots li:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 0;
    background: #3cb2c0;
    border-radius: 0;
}

.banner .miso-dots li.miso-active {
    width: 50px;
}

.banner .miso-dots li.miso-active:before {
    background: #fff;
    width: 100%;
}

.banner .miso-dots li.miso-active:after {
    animation: anim-h 8s linear forwards;
    -webkit-animation: anim-h 8s linear forwards;
}



@-webkit-keyframes anim-h {

    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }

}

@keyframes anim-h {

    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }

}



#nav li>a span {
    position: relative;
}

#nav li>a span:before {

    content: "";

    position: absolute;

    background-image: -moz-linear-gradient(44deg, rgb(19, 183, 174) 0%, rgb(37, 134, 223) 100%);

    background-image: -webkit-linear-gradient(44deg, rgb(19, 183, 174) 0%, rgb(37, 134, 223) 100%);

    background-image: -ms-linear-gradient(44deg, rgb(19, 183, 174) 0%, rgb(37, 134, 223) 100%);

    width: 6px;

    height: 6px;

    transition: .36s;

    right: -12px;

    top: 50%;

    margin-top: -7px;

    border-radius: 50%;

}

#nav li:first-child>a span:before {
    display: none
}

#nav li.on>a span:before,
#nav li:hover>a span:before {}



#nav li>a .line {

    position: absolute;

    -moz-transition: all .4s ease;

    transition: all .4s ease;

    width: 0;

    height: 8px;

    left: 50%;

    margin-left: -12.5px;

    bottom: 2.125rem;

    overflow: hidden;

}

#nav li>a .line:before {

    position: absolute;

    content: "";

    background-image: url(/static/style/pc/images/h_nav_line.png);

    width: 25px;

    height: 100%;

}

#nav li.on>a .line,
#nav li>a:hover .line {

    width: 25px;

}







.bg_jianbian {
    background-image: -moz-linear-gradient(22deg, rgba(1, 81, 144, 1) 0%, rgba(59, 179, 194, 1) 100%);
    background-image: -webkit-linear-gradient(22deg, rgba(1, 81, 144, 1) 0%, rgba(59, 179, 194, 1) 100%);
    background-image: -ms-linear-gradient(22deg, rgba(1, 81, 144, 1) 0%, rgba(59, 179, 194, 1) 100%);
}

.bg_jianbian1 {
    background-image: -moz-linear-gradient(6deg, rgba(93, 189, 205, 1) 0%, rgba(1, 81, 144, 1) 100%);
    background-image: -webkit-linear-gradient(6deg, rgba(93, 189, 205, 1) 0%, rgba(1, 81, 144, 1) 100%);
    background-image: -ms-linear-gradient(6deg, rgba(93, 189, 205, 1) 0%, rgba(1, 81, 144, 1) 100%);
}



.wz_jianbian {
    color: transparent;
    background: linear-gradient(to right, #015190, #3bb3c2, #3bb3c2);
    -webkit-background-clip: text;
}



@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    .wz_jianbian {
        color: #015190 !important;
        background: none !important
    }

}



.wz_jianbian1 {
    color: transparent;
    background: linear-gradient(to right, #3bb3c2, #015190, #015190);
    -webkit-background-clip: text;
}



@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    .wz_jianbian1 {
        color: #015190 !important;
        background: none !important
    }

}



.wz_jianbian2 {
    color: transparent;
    background: linear-gradient(to bottom, #dfe5ec, #dfe5ec, #dfe5ec, #eef2f6, #eef2f6);
    -webkit-background-clip: text;
}



@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    .wz_jianbian2 {
        color: #e9eef3 !important;
        background: none !important
    }

}



/*==========================================公共 结束=============================================*/





/*==========================================首页 开始=============================================*/



.container01 {
    background: url(/static/style/pc/images/container01_bg.jpg) center no-repeat;
    background-size: cover;
    overflow: hidden
}

.container01 .left {
    width: 21.5rem;
    height: 35.625rem;
    padding: 6.875rem 0 0;
    border-right: #dae0e5 1px solid
}

.container01 .left p {
    font-size: .9375rem;
    color: #5d606c;
    line-height: 1.875rem
}



.more001 {
    margin: 4rem 0 0
}

.more001 .a {
    display: inline-block;
    background: #004380;
    width: 6.625rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 1.25rem;
    position: relative;
    z-index: 1;
    text-align: center;
    transition: .5s;
}

.more001 .a .bg_jianbian {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 1.25rem;
    transition: .5s;
    opacity: 0;
    visibility: hidden
}

.more001 .a span {
    display: inline-block;
    position: relative;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

.more001 .a svg {
    width: 10px;
    height: 10px;
    fill: #fff;
    vertical-align: middle;
    margin: -3px 0 0 1rem
}



.more001 .a:hover {
    background: transparent
}

.more001 .a:hover .bg_jianbian {
    opacity: 1;
    visibility: visible
}



.title001 .h3 {
    font-size: 1.0625rem;
    color: #5d606c;
    font-family: FRAMDCN;
    text-transform: uppercase
}

.title001 h2 {
    font-size: 1.5rem;
    color: #000000;
    margin: 1.125rem 0 0
}

.title001 hr {
    margin: 1.875rem 0 2rem;
    background: none;
    height: 3px;
    position: relative
}

.title001 hr:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.0625rem;
    height: 100%;
    background: #d1d2d6
}



.container01 .right {
    width: calc(100% - 21.5rem);
    height: 35.625rem;
    padding: 6.25rem 0 0 8.125rem
}

.container01 .right h2 {
    font-size: 1.5rem;
    color: #000000;
    margin-bottom: 2rem
}

.container01 .right p {
    font-size: .9375rem;
    color: #5d606c;
    line-height: 1.875rem;
    margin-bottom: 1.875rem
}

.container01 .right p:last-child {
    margin-bottom: 0
}



.list_box_02 {
    padding-right: 7.5rem;
    margin: 5rem 0 0
}

.list_box_02 li {
    float: left;
    width: 25%;
}

.list_box_02 li .a {
    display: inline-block;
    text-align: center;
}

.list_box_02 li .a .h3 big {
    font-size: 2.5rem;
    font-family: Swis721 BlkCn BT;
}

.list_box_02 li .a .h3 small {
    font-size: 1rem;
    color: #302e2e;
    vertical-align: top;
    margin: 0 0 0 .5rem
}

.list_box_02 li .a h6 {
    font-size: .875rem;
    color: #302e2e;
    line-height: 1.5;
    margin: .375rem 0 0
}



.container02 {
    padding: 6.5rem 0 4.625rem;
    overflow: hidden
}



.title002 {
    margin-bottom: 3.25rem;
    line-height: 1.25
}

.title002 img {
    margin: .25rem .5rem 0 0;
    vertical-align: top;
    height: 1.875rem;
}

.title002 big {
    font-size: 1.875rem;
    color: #2c2c2e;
}

.title002 small {
    font-size: 1.125rem;
    color: #3cb2c0;
    font-family: Poppins;
    text-transform: uppercase;
    margin-left: .5rem;
}

.title002 p {
    font-size: .875rem;
    color: #626366;
    line-height: 24px;
    margin: .875rem 0 0
}



.container02 .title002 {
    border-bottom: #e3e3e3 1px solid;
    padding-bottom: 2.5rem
}



.list_box_03 {
    margin: 0 -.625rem
}

.list_box_03 li {
    float: left;
    width: 50%;
    padding: 0 .625rem
}

.list_box_03 li a {
    display: block;
}

.list_box_03 li a .img {
    border-radius: 4px;
}

.list_box_03 li a .img .img_hezi {
    padding-bottom: 60.14% !important
}

.list_box_03 li a .con {
    background: rgba(255, 255, 255, .9);
    padding: 2.375rem 3.375rem;
    border-radius: 1.25rem 1.25rem 0 0;
    margin: -29.45% 4.875rem 0;
    position: relative;
}

.list_box_03 li a .con .h5 {
    font-size: 1.375rem;
    color: #4a4a4d;
    line-height: 1.25;
    transition: .5s
}

.list_box_03 li a .con p {
    font-size: 12px;
    color: #7c7d80;
    line-height: 22px;
    height: 95px;
    margin: 1.125rem 0 3rem
}



.more002 {}

.more002 .a {}

.more002 .a span {
    display: inline-block;
    position: relative;
    font-size: 13px;
    color: #3cb2c0;
    text-transform: uppercase
}

.more002 .a svg {
    width: 12px;
    height: 12px;
    fill: #02a783;
    vertical-align: middle;
    margin: -3px 0 0 .25rem;
    transition: .5s
}



.container03 {
    padding: 5rem 0 0;
    overflow: hidden;
    background: #eef2f6
}

.container03 .title002 {
    text-align: center;
    margin-bottom: 3.75rem
}



.list_box_04 {
    margin: 0 -5px
}

.list_box_04 li {
    float: left;
    width: 33.333333%;
    padding: 0 5px;
}

.list_box_04 li a {
    display: block;
    position: relative
}

.list_box_04 li a .img .img_hezi {
    padding-bottom: 101.08% !important
}





.list_box_04 li a .top {
    height: 45.82%;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 3.5rem;
    transition: .5s;
}

.list_box_04 li a .top h2 {
    height: 4rem;
}

.list_box_04 li a .top h2 img {
    height: 2.5rem
}



.title003 .h3 {
    font-size: 1.375rem;
    color: #fff
}

.title003 .h4 {
    font-size: 12px;
    color: #fff;
    opacity: .7;
    text-transform: uppercase;
    line-height: 1.25;
    margin: .625rem 0 0
}

.title003 hr {
    margin: 2rem 0 1.75rem;
    background: none;
    position: relative
}

.title003 hr:before {
    content: "";
    position: absolute;
    left: 0;
    width: 25px;
    height: 1px;
    background: rgba(255, 255, 255, .4)
}



.list_box_04 li a .top .con {
    height: 0;
    transition: .5s;
    overflow: hidden;
    position: relative
}

.list_box_04 li a .top .con p {
    font-size: 13px;
    color: #fff;
    line-height: 22px;
    opacity: .7;
    height: 66px;
}

.list_box_04 li a .top .con span {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 33px;
    height: 33px;
    border: rgba(255, 255, 255, .4) 2px solid;
    border-radius: 50%;
    line-height: 33px;
    text-align: center;
}

.list_box_04 li a .top .con span svg {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    fill: #fff;
    transform: translateX(-1px) translateY(1px)
}









.container04 {
    padding: .625rem 0 3.75rem;
    overflow: hidden;
}

.container04 .content {
    background: url(/static/style/pc/images/container04_bg.jpg) center no-repeat;
    background-size: cover;
    border-radius: 0 0 1rem 1rem;
    /* overflow:hidden; */
    text-align: center;
    padding: 2.5rem 15px 0;
    height: 310px;
}

.title004 {
    text-align: center;
    margin-bottom: 2.375rem
}

.title004 img {
    max-height: 2.875rem
}

.container04 .content .box {
    max-width: 1208px;
    margin: 0 auto;
}

.container04 .content .title004 {
    margin-bottom: 2rem
}



.list_box_05 {
    margin: 0 -6px;
    padding: 0 4.25rem
}

.list_box_05 .miso-list {
    padding: .75rem .25rem;
    margin: 0 -.25rem
}

.list_box_05 li {
    padding: 0 6px;
}

.list_box_05 li a {
    display: block;
    position: relative
}

.list_box_05 li a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #71c0cf;
    transform: scale(.9);
    transition: .5s;
    opacity: 0;
    border-radius: 50%;
}

.list_box_05 li a .img {
    border-radius: 50%;
    overflow: visible
}

.list_box_05 li a .img img {
    border-radius: 50%
}

.list_box_05 li:hover a .img img {
    transform: scale(.95);

    -webkit-transform: scale(.95);

    -moz-transform: scale(.95);

    -ms-transform: scale(.95);

    -o-transform: scale(.95);
}

.list_box_05 li a .img .img_hezi {
    padding-bottom: 100% !important
}

.list_box_05 li a .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #3cb2c0;
    border-radius: 50%;
    padding: 0 .75rem;
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

.list_box_05 li a .top dl dd {
    font-size: 12px;
    color: #fff;
    line-height: 16px;
}













.list_box_05 .miso-arrow {
    width: 34px;
    height: 34px;
}

.list_box_05 .miso-arrow.miso-prev {
    background: url(/static/style/pc/images/prev1.png) center no-repeat;
    left: 0
}

.list_box_05 .miso-arrow.miso-next {
    background: url(/static/style/pc/images/next1.png) center no-repeat;
    right: 0
}



.container05 {
    padding: 5rem 0 6.25rem;
    background: #f8f8f8;
    overflow: hidden;
}





.container05 .title002_box {
    position: relative
}

.container05 .title002_box .miso_hd {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 34.125rem;
}

.container05 .title002_box .miso_hd ul {
    margin: 0 -7px
}

.container05 .title002_box .miso_hd ul li {
    padding: 0 7px;
    margin-bottom: 1px;
}

.container05 .title002_box .miso_hd ul li a {
    display: block;
    border: #cfcfcf 1px solid;
    border-radius: 1.375rem;
    height: 2.8125rem;
    line-height: 2.75rem;
    text-align: center;
    font-size: .875rem;
    color: #555555;
    transition: .5s
}



.container05 .title002_box .miso_hd ul li.miso-current a {
    background: #3cb2c0;
    border: #3cb2c0 1px solid;
    color: #fff
}



.container05 .left {
    width: 35.9375rem;
    overflow: hidden
}



.list_box_06 li a {
    display: block;
    position: relative
}

.list_box_06 li a .img .img_hezi {
    padding-bottom: 22.8125rem !important
}

.list_box_06 li a .con {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(1, 13, 48, .5);
    padding: 0 3.125rem;
}

.list_box_06 li a .con h6 {
    position: relative;
    font-size: 13px;
    color: #fff;
    padding-left: 24px;
}

.list_box_06 li a .con h6:before {
    content: "";
    position: absolute;
    left: 0;
    width: 15px;
    height: 2px;
    background: #3cb2c0;
    top: 50%;
    margin-top: -1px
}

.list_box_06 li a .con h5 {
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.25;
    margin: 1.25rem 0 1.375rem;
    white-space: nowrap;
}



.list_box_06 li a .con p {
    font-size: 13px;
    color: rgba(255, 255, 255, .7);
    line-height: 22px;
    height: 44px;
}





.more003 {
    margin: 4rem 0 0
}

.more003 .a {
    display: inline-block;
    border: #fff 1px solid;
    width: 5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 1.25rem;
    position: relative;
    z-index: 1;
    text-align: center;
    transition: .5s
}

.more003 .a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -moz-linear-gradient(44deg, rgb(19, 183, 174) 0%, rgb(37, 134, 223) 100%);
    background-image: -webkit-linear-gradient(44deg, rgb(19, 183, 174) 0%, rgb(37, 134, 223) 100%);
    background-image: -ms-linear-gradient(44deg, rgb(19, 183, 174) 0%, rgb(37, 134, 223) 100%);
    border-radius: 1.25rem;
    transition: .5s;
    opacity: 0;
    visibility: hidden
}

.more003 .a span {
    display: inline-block;
    position: relative;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    vertical-align: top
}

.more003 .a svg {
    width: 1rem;
    height: 1rem;
    fill: #fff;
    vertical-align: middle;
    margin: -3px 0 0 0
}



.container05 .right {
    width: calc(100% - 35.9375rem);
    padding: 0 0 0 1.875rem
}



.list_box_07 li {
    margin-bottom: 1.875rem
}

.list_box_07 li:last-child {
    margin-bottom: 0
}

.list_box_07 li a .img {
    width: 16.4375rem;
    overflow: hidden
}

.list_box_07 li a .img .img_hezi {
    padding-bottom: 10.4375rem !important
}

.list_box_07 li a .con {
    width: calc(100% - 16.4375rem);
    padding: .75rem 0 0 1.625rem;
}

.list_box_07 li a .con h6 {
    position: relative;
    font-size: 13px;
    color: #535353;
    padding-left: 24px;
    transition: .5s
}

.list_box_07 li a .con h6:before {
    content: "";
    position: absolute;
    left: 0;
    width: 15px;
    height: 2px;
    background: #3cb2c0;
    top: 50%;
    margin-top: -1px
}

.list_box_07 li a .con .h6 {
    position: relative;
    font-size: 13px;
    color: #535353;
    margin: 0 0 1.25rem
}

.list_box_07 li a .con h5 {
    font-size: 1.1875rem;
    color: #333333;
    line-height: 1.25;
    margin: 1.25rem 0 .75rem;
    transition: .5s;
    white-space: nowrap;
}

.list_box_07 li a .con p {
    font-size: 13px;
    color: #7b7b7b;
    line-height: 22px;
    height: 44px;
}



footer .fl01 {
    background: #fff;
    border-bottom: #cbcbcd 1px dotted;
    padding: 4rem 0 1.625rem
}



.list_box_08 li {
    font-size: 14px;
    color: #5b5b5c;
    margin-right: 2rem;
    float: left;
    position: relative;
    line-height: 1.875rem;
    transition: .5s
}

.list_box_08 li:before {
    content: "";
    position: absolute;
    top: -4rem;
    width: 0;
    height: 2px;
    background: #13b7ae;
    transition: .5s
}



.list_box_08 li:hover:before {
    width: 100%
}



footer {
    overflow: hidden
}



footer .fl01 .tel {
    margin: 2.125rem 0 0;
}

footer .fl01 .tel .ico {
    padding: .25rem .75rem 0 0;
}

footer .fl01 .tel h6 {
    font-size: .875rem;
    color: #77787b;
    margin-bottom: .5rem
}

footer .fl01 .tel h2 {
    font-size: 1.25rem;
    color: #363637;
    display: inline-block;
    margin-right: 1.25rem
}

footer .fl01 .tel h2 a {
    font-weight: 600
}



footer .fl01 .right .tit {
    display: inline-block;
    line-height: 5rem;
    vertical-align: top;
    font-size: 1rem;
    color: #5b5b5c;
    font-weight: bold;
}

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

.list_box_09 li {
    display: inline-block;
    margin-left: 1.125rem
}

.list_box_09 li .ewm img {
    width: 5.125rem;
    height: 5.125rem;
    border: #e5e5e5 1px solid
}

.list_box_09 li h6 {
    font-size: .75rem;
    color: #5b5b5c;
    line-height: 1.875;
    margin: .125rem 0 0
}



footer .fl02 {
    padding: 1.25rem 0
}



footer .fl02 .bottom {
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    border: #dbdddf 1px solid;
    margin: 0;
    width: 380px;
}

footer .fl02 .bottom svg {
    vertical-align: middle;
    margin: -3px .375rem 0 0;
    fill: rgba(255, 255, 255, .6);
    width: 18px;
    height: 18px;
}

footer .fl02 .bottom .tit {
    width: 78px;
    text-align: center;
    color: #4e5054;
    font-size: 12px;
}

footer .fl02 .bottom dl {
    position: relative;
    white-space: nowrap;
    margin-left: 0;
    width: calc(100% - 78px);
    padding: 0 .875rem 0 0;
}

footer .fl02 .bottom dl dt {
    line-height: 40px;
    font-size: 12px;
    color: #4e5054;
}

footer .fl02 .bottom dl dt svg {
    width: 10px;
    height: 10px;
    fill: #a5a6a8;
    vertical-align: middle;
    margin: 15px 0 0 .5rem;
    float: right;
}

footer .fl02 .bottom dl .con {
    position: absolute;
    left: 0;
    bottom: 41px;
    background: #fff;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, .15);
    padding: 1rem 1.25rem;
    min-width: 100%;
    display: none;
}

footer .fl02 .bottom dl .con dd {
    font-size: 13px;
    color: #333;
    line-height: 24px;
    transition: .5s
}

footer .fl02 .bottom dl .con dd:hover {
    color: #3bb3c2;
}



footer .fl02 .right p {
    font-size: 13px;
    color: #a7a9ac;
    line-height: 26px;
    padding: 6px 0
}





.wangzhan_map {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 410px;
    background: #fff url(/static/style/pc/images/wangzhan_map_png.png) center bottom no-repeat;
    z-index: 100000;
    transform: translateX(100%);
    transition: 0.6s;
    max-width: 100%;
}

.wangzhan_map.on {
    transform: translateX(0)
}

.wangzhan_map .top {
    line-height: 4.375rem;
    background: #3bb3c2;
    padding: 0 1.875rem;
    font-weight: bold;
    font-size: 1.25rem;
    color: #fff;
}

.wangzhan_map .box {
    height: calc(100% - 4.375rem);
    overflow: hidden;
    overflow-y: scroll;
    padding: 0 1.875rem;
}

.wangzhan_map .box::-webkit-scrollbar {
    width: 0px;
    height: 8px;
    background-color: #F5F5F5;
}

.wangzhan_map .box::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2;
}

.wangzhan_map .box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #333;
}

.wangzhan_map .box dl {
    padding: 1rem 0;
    border-bottom: #e5e5e5 1px solid;
    font-size: 0;
}

.wangzhan_map .box dl dt {
    font-size: 16px;
    color: #000;
    margin-bottom: 0.5rem
}

.wangzhan_map .box dl dt a {
    color: inherit;
    transition: 0.6s
}

.wangzhan_map .box dl dd {
    font-size: .875rem;
    color: #636364;
    min-width: 33.333333%;
    display: inline-block;
    line-height: 1.875rem;
}

.wangzhan_map .box dl dd a {
    color: inherit;
    transition: 0.6s
}

.wangzhan_map .top svg {
    float: right;
    width: 1.25rem;
    height: 1.25rem;
    fill: #fff;
    margin: 1.5rem 0;
    transition: 0.6s;
    cursor: pointer;
    display: inline-block
}





.wangzhan_map .top svg:before {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    position: absolute
}

body .after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    visibility: hidden;
    transition: 0.6s;
    opacity: 0
}

body.on .after {
    visibility: visible;
    opacity: 1
}



.wangzhan_map .box ul {
    font-size: 0;
    padding: 1.75rem 2.75rem;
    border-bottom: #e5e5e5 1px solid;
}

.wangzhan_map .box ul li {
    font-size: 16px;
    color: #000000;
    width: 33.333333%;
    display: inline-block;
    line-height: 1.875rem
}

.wangzhan_map .box ul li a {
    color: inherit
}



.wangzhan_map .box dl:nth-child(2) dd {}







.wangzhan_map .box dl:nth-child(4) dd {}

.wangzhan_map .box dl dd a:hover {
    color: #3bb3c2
}



.wangzhan_map .top svg:hover {
    transform: rotate(180deg)
}





/*==========================================首页 结束=============================================*/





/*==========================================内页 开始=============================================*/



.n_banner {
    position: relative
}

.n_banner .img .img_hezi {
    padding-bottom: 22.40% !important
}

.n_banner .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center
}

.n_banner .top h2 {
    font-size: 2.25rem;
    color: #fff
}

.n_banner .top h6 {
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
    margin: .5rem 0 0;
    font-family: Poppins;
}







.chinalist {
    overflow: hidden;
}

.chinalist.active span {
    -webkit-animation: fadeInRight 1s forwards;
    animation: fadeInRight 1s forwards;
}

.chinalist span {
    font-family: inherit;
    width: auto;
    font-size: inherit;
    color: inherit;
    opacity: 0;
    display: inline-block;
}

.uklist {
    overflow: hidden;
}

.uklist.active span {
    -webkit-animation: fadeInRight 1s forwards;
    animation: fadeInRight 1s forwards;
}

.uklist span {
    font-family: inherit;
    width: auto;
    font-size: inherit;
    color: inherit;
    opacity: 0;
    display: inline-block;
    min-width: .5rem;
}



.n_title {
    border-bottom: #eef0f3 1px solid;
    padding: 0;
    position: relative;
    height: 80px;
}



.n_nav {
    position: relative;
}

.n_nav a {
    display: inline-block;
    height: 80px;
    font-size: 1rem;
    float: left;
    line-height: 80px;
    color: #101723;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 2.75rem;
}

.n_nav a strong {
    display: block;
    color: #5e5f60;
    position: relative;
    z-index: 4;
    height: 80px;
    line-height: 80px;
    transition: .36s ease-in-out;
    font-weight: normal;
}

.n_nav .on,
.n_nav a:hover {
    color: #fff;
}

.n_nav a:before {
    content: "";
    width: 0;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #3bb3c2;
    transition: 0.6s ease-in-out;
    background-image: -moz-linear-gradient(6deg, rgb(93, 189, 205) 0%, rgb(1, 81, 144) 100%);
    background-image: -webkit-linear-gradient(6deg, rgb(93, 189, 205) 0%, rgb(1, 81, 144) 100%);
    background-image: -ms-linear-gradient(6deg, rgb(93, 189, 205) 0%, rgb(1, 81, 144) 100%);
}

.n_nav .on:before,
.n_nav a:hover:before {
    width: 100%;
}

.n_nav .on strong,
.n_nav a:hover strong {
    height: 80px;
    line-height: 80px;
    color: #3bb3c2;
    font-weight: bold;
}



.position {
    line-height: 80px;
    left: 0;
    bottom: 0;
    color: #000000;
    font-size: 13px;
}

.position span,
.position a,
.position i {
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
    font-weight: bold;
}

.position i {
    margin: 0px 5px;
    font-style: normal;
}

.position i img {
    vertical-align: middle;
    margin-top: -2px;
}

.position em {
    font-style: normal;
    font-weight: bold;
    color: #3bb3c2;
}

.position a:hover {
    color: #3bb3c2;
}

.n_main_box .main_box {
    width: 1200px;
    height: 80px;
    position: relative;
    margin: 0 auto;
}

/*====移动端导航====*/

#m_n_nav {
    display: none;
    line-height: 50px;
    position: relative;
    z-index: 9;
    float: left;
    width: 100%;
}

#bnt_back {
    position: absolute;
    left: 1rem;
    top: 0;
}

#bnt_back svg {
    fill: #fff;
    height: 30px;
    vertical-align: middle;
    width: 26px;
}

#m_n_nav i {}



#m_n_nav h1 {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0;
    line-height: 50px;
}



#bnt_sub_nav {
    position: absolute;
    right: 1rem;
    top: 0;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
}

#bnt_sub_nav svg {
    fill: #fff;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

#bnt_sub_nav img {
    display: block;
    height: 15px;
}



#bnt_sub_nav.on img {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#sub_nav_content {
    background: #f0f3f5;
    display: none;
    box-shadow: 0 0 5px #999;
    z-index: 9;
}

#sub_nav_content ul {
    padding: 10px;
}

#sub_nav_content ul li {
    display: block;
    line-height: 28px;
    margin: 1rem 0;
}

#sub_nav_content ul li a {
    display: block;
    border-left: 2px solid #ca9e4e;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 10px;
    color: #535455;
}

#sub_nav_content ul li.on a {
    color: #ca9e4e;
}

#sub_nav_content dl {
    font-size: 0;
    overflow: hidden;
    background: #fff;
    padding: 10px 0;
}

#sub_nav_content dt {
    position: relative;
    background: #fff;
    z-index: 999;
    width: 33.333333%;
    display: inline-block;
    margin-bottom: 0;
    float: left;
    text-align: center;
}

#sub_nav_content dt a {
    margin: 0 20px;
    display: block;
    color: #5b5349;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: top;
}

#sub_nav_content dt a i {
    position: absolute;
    right: 15px;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}

#sub_nav_content dt a {}

#sub_nav_content dt.title {
    background: #fafafb;
}

#sub_nav_content dt.title i {
    opacity: 1;
    filter: alpha(opacity=100);
}

#sub_nav_content dt.title_on {
    background: #fafafb;
}

#sub_nav_content dt.title_on a {
    color: #ca9e4e;
    border-top: 1px solid #fff;
}

#sub_nav_content dt.title_on a i {
    color: #ca9e4e;
}

#sub_nav_content dt.last a {
    border-top: 1px solid #f8f8f8;
}

#sub_nav_content dt.on a,
#sub_nav_content dt.title_on a {
    color: #3bb3c2;
}

#sub_nav_content dd {
    display: none;
}

#sub_nav_content dd .box {
    padding: 0px 0px 0px 0px;
}

#sub_nav_content dd a {
    padding: 0 25px;
    line-height: 30px;
    border-top: 1px solid #e7e7e7;
    font-size: 12px;
    color: #5b5349;
    display: block;
    height: 30px;
}

#sub_nav_content dd a.on {
    color: #ca9e4e;
}



.n_about .fl01 {
    background: #eef2f6;
}



.n_title001 h2 {
    font-size: 1.875rem;
    color: #000000
}

.n_title001 .h3 {
    font-size: 1.5rem;
    color: #3bb3c2;
    font-family: Poppins-s;
    text-transform: uppercase;
    margin: .25rem 0 0;
    line-height: 1.5
}



.n_about .fl01 .n_title001 {
    padding: 2.75rem 8.75rem 0 0
}



.n_about .fl01 .content {
    background: url(/static/style/pc/images/n_about_bg1.png) right 1em no-repeat;
    padding: 5.625rem 0 3.75rem
}





.n_about .fl01 .top_box {
    margin-bottom: 3.75rem
}

.n_about .fl01 .tata {
    position: relative;
}

.n_about .fl01 .tata:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 5rem;
    right: 0;
    height: 1px;
    background: #d9dce0
}

.n_about .fl01 .tata:after {
    content: "";
    position: absolute;
    left: 5rem;
    bottom: -3.5px;
    width: 6px;
    height: 6px;
    border: #d9dce0 1px solid;
    border-radius: 50%;
    background: #eef2f6;
}

.n_about .fl01 .tata .wz {
    font-size: 1rem;
    color: #5d606c;
    letter-spacing: 1rem;
    height: 6.125rem;
    line-height: 9.5rem
}



.n_about .fl01 .left {
    width: calc(100% - 40.71%);
    padding: 0 4.375rem 0 0
}



.n_about .fl01 .right {
    width: 40.71%
}

.n_about .fl01 .right .top1 a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 0 2.5rem 0 2.5rem
}

.n_about .fl01 .right .top1 .img .img_hezi {
    padding-bottom: 70.17% !important
}

.n_about .fl01 .right .top1 .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    text-align: center
}

.n_about .fl01 .right .top1 .top img {
    transform: rotateY(0);
    transition: .5s
}



.n_about .fl01 .right .top2 {
    margin: 1.125rem 0 0
}

.n_about .fl01 .right .top2 a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 2.5rem 0 2.5rem 0
}

.n_about .fl01 .right .top2 .img .img_hezi {
    padding-bottom: 70.17% !important
}



.vwrap {
    display: none;
    z-index: 1040000;
    width: 100%;
    position: fixed;
}

.vwrap .videobtg {
    z-index: 900;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    overflow: hidden;
}

.vwrap .videobox {
    z-index: 1200;
    width: 1000px;
    height: 560px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -280px;
    margin-left: -500px;
    object-fit: cover;
}

.vwrap .videobox #videobox {
    width: 100%;
    display: inline-block;
    height: 100%;
    background: #000;
}

#videobox_wrapper {
    height: 100% !important;
}

.vwrap .close {
    z-index: 999;
    width: 31px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: -42px;
    text-align: center;
}

.vwrap .close i {
    display: block;
    width: 31px;
    height: 31px;
    -webkit-transition: 400ms;
    transition: 400ms;
}

.vwrap .close i svg {
    transition: .6s
}

.vwrap .close:hover i svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#videobox_display_button,
#videocontainer_display_button {
    background: none no-repeat !important;
}

.jwplayer .jwicon {
    opacity: 0.8;
    filter: alpha(opacity=80);
    cursor: pointer;
}

.jwplayer .jwicon:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.jwlogo,
.jwclick {
    display: none !important;
}

.jwdisplayIcon {
    background: none no-repeat !important;
}



@media(max-width: 992px) {

    .vwrap .videobox {
        width: 94%;
        height: 200px;
        left: 3%;
        margin-left: 0;
        margin-top: -122px;
    }

    .vwrap .close {
        right: 0;
        top: -35px;
    }

    .vwrap .videobox video {}

}



.n_zhici {
    padding: 8.125rem 0 4rem;
    background: #eef2f6 url(/static/style/pc/images/n_zhici_bg.png) right bottom no-repeat
}



.n_zhici .left {
    width: 37.85%
}

.n_zhici .left .img .img_hezi {
    padding-bottom: 118.86% !important
}

.n_zhici .left .con {
    background: url(/static/style/pc/images/n_zhici_con_bg.jpg) center no-repeat;
    height: 16.25rem;
    padding: 4rem 1rem 0 3.125rem;
    background-size: cover;
}

.n_zhici .left .con h3 {
    font-size: 2.125rem;
    color: #fff;
    font-family: Poppins-s;
    text-transform: uppercase
}

.n_zhici .left .con h4 {
    font-size: 1.125rem;
    color: #fff;
    margin: .875rem 0 0
}

.n_zhici .left .con h5 {
    font-size: 1rem;
    color: #fff;
    font-family: Poppins;
    margin: .25rem 0 0
}



.n_zhici .right {
    width: calc(100% - 37.85%);
    padding: 0 0 0 6rem
}

.n_zhici .right .n_title001 h2 {
    font-size: 1.875rem;
    color: #5d606c;
}



.list_box_11 {
    margin: 2.75rem 0 3.5rem
}

.list_box_11 li {
    height: 2.8125rem;
    line-height: 2.8125rem;
    padding: 0 0 0 5rem;
    /*display:flex; justify-content:space-between*/
    z-index: 1;
    position: relative;
    cursor: pointer
}

.list_box_11 li:before {
    content: "";
    position: absolute;
    background: url(/static/style/pc/images/list_box_11_bg.png) center no-repeat;
    background-size: 100% 100%;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    transition: .5s;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.list_box_11 li font {
    font-size: .9375rem;
    color: #000000;
    transition: .5s;
    width: calc(100% - 14.375rem);
    display: inline-block;
    position: relative;
    padding-left: 1rem
}

.list_box_11 li font:before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    font-size: .9375rem;
    color: #000000;
    transition: .5s;
}

.list_box_11 li span {
    font-size: .9375rem;
    color: #000000;
    transition: .5s;
    width: 14.375rem
}



.list_box_11 li.on:before {
    width: 100%;
    opacity: 1;
    visibility: visible
}

.list_box_11 li.on font,
.list_box_11 li.on font:before {
    color: #fff
}



.n_zhici .right .ar_article p {
    font-size: .875rem;
    line-height: 1.875rem;
    margin-bottom: 1.875rem
}

.n_zhici .right .ar_article p:last-child {
    padding: 0 13% 0 0
}



.n_jiazhi .fl01 {
    padding: 8.5rem 0 2.875rem;
    background: url(/static/style/pc/images/n_jiazhi_fl01_bg.jpg) center no-repeat;
    background-size: cover;
    overflow: hidden;
}

.n_jiazhi .fl01 .left {
    width: 29.75rem;
    height: 33.875rem;
    position: relative
}

.n_jiazhi .fl01 .left .img2 {
    float: right
}

.n_jiazhi .fl01 .left .img1 {
    position: absolute;
    left: -2rem;
    bottom: 0
}



.n_jiazhi .fl01 .right {
    width: calc(100% - 29.75rem);
    padding: 0 0 0 14%
}



.list_box_12 li {
    margin-bottom: 2.75rem
}

.list_box_12 li .ico {
    display: inline-block;
    width: 3.5rem
}

.list_box_12 li .con {
    display: inline-block;
}

.list_box_12 li .con h6 {
    font-size: 1rem;
    color: #565656
}

.list_box_12 li .con h5 {
    font-size: 1.125rem;
    color: #3b3b3b;
    line-height: 2rem;
    margin: .375rem 0 0
}



@font-face {

    font-family: "webfont1";

    font-display: swap;

    src: url('/static/style/pc/font/font1/webfont.eot');
    /* IE9 */

    src: url('/static/style/pc/font/font1/webfont.eot?#iefix') format('/static/style/pc/font/font1/embedded-opentype'),
        /* IE6-IE8 */

        url('/static/style/pc/font/font1/webfont.woff2') format('woff2'),



        url('/static/style/pc/font/font1/webfont.woff') format('woff'),
        /* chrome、firefox */

        url('/static/style/pc/font/font1/webfont.ttf') format('truetype'),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

        url('/static/style/pc/font/font1/webfont.svg#webfont') format('svg');
    /* iOS 4.1- */

}



.n_jiazhi .fl02 {
    padding: 7.25rem 0 2.875rem;
    background: url(/static/style/pc/images/n_jiazhi_fl02_bg.jpg) center no-repeat;
    background-size: cover;
    text-align: center;
    background-attachment: fixed;
}

.n_jiazhi .fl02 h2 {
    font-size: 3rem;
    color: #fff;
}

.n_jiazhi .fl02 h2 span {
    font-family: "webfont1";
}

.n_jiazhi .fl02 h5 {
    font-size: 1.875rem;
    color: #fff;
    font-family: Barlow Condensed;
    line-height: 1.5;
    margin: .5rem 0 0
}

.n_jiazhi .fl02 h5 span {
    font-family: Barlow Condensed;
    text-transform: uppercase
}



.n_jiazhi .fl02 .box {
    width: 7.1875rem;
    height: 7.1875rem;
    text-align: center;
    position: relative;
    margin: 0 auto
}

.n_jiazhi .fl02 .box .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.n_jiazhi .fl02 .box span {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 50%;

    border: #fff 1px solid;

    -webkit-transform: scale(0.4);

    -moz-transform: scale(0.4);

    -ms-transform: scale(0.4);

    transform: scale(0.4);

    -webkit-animation: circleScale1 4s linear infinite;

    -moz-animation: circleScale1 4s linear infinite;

    -ms-animation: circleScale1 4s linear infinite;

    animation: circleScale1 4s linear infinite;

}



.n_jiazhi .fl02 .box span:nth-of-type(2) {

    animation-delay: 1s;

}



.n_jiazhi .fl02 .box span:nth-of-type(3) {

    animation-delay: 2s;

}



.n_jiazhi .fl02 .box span:nth-of-type(4) {

    animation-delay: 3s;

}



@keyframes circleScale1 {

    0% {

        opacity: 1;

        -webkit-transform: scale(0.4);

        -moz-transform: scale(0.4);

        -ms-transform: scale(0.4);

        transform: scale(0.4);

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(1);

        -moz-transform: scale(1);



        -ms-transform: scale(1);

        transform: scale(1);

    }

}



.n_honor .fl01 {
    background: #eef2f6;
    padding: 5rem 0 0
}

.n_title002 {
    text-align: center;
    margin-bottom: 3rem;
}

.n_title002 h2 {
    font-size: 1.875rem;
    color: #5d606c
}

.n_title002 .h3 {
    font-size: 1.5rem;
    color: #3bb3c2;
    font-family: Poppins-s;
    text-transform: uppercase;
    margin: .25rem 0 0;
    line-height: 1.5
}



.n_honor {
    overflow: hidden
}

.n_honor .fl01 .left {
    background: url(/static/style/pc/images/n_honor_fl01_bg1.jpg) left center no-repeat;
    width: 33.125rem;
    height: 22.5rem;
    background-size: cover;
    padding: 0 3.75rem 0 2.5rem;
    transition: .5s
}

.n_honor .fl01 .left h3 {
    font-size: 2.25rem;
    color: #fff;
    line-height: 2.25rem;
    font-family: Disney English;
    opacity: .4
}

.n_honor .fl01 .left hr {
    height: 2px;
    background: #fff;
    width: 25px;
    margin: 1.5rem 0 1.875rem
}

.n_honor .fl01 .left p {
    font-size: .875rem;
    line-height: 1.625rem;
    color: #fff;
    margin-bottom: 1rem;
    text-align: justify;
}



.n_honor .fl01 .right {
    background: url(/static/style/pc/images/n_honor_fl01_bg2.jpg) left center no-repeat;
    width: calc(100% - 33.125rem);
    height: 22.5rem;
    background-size: cover;
    padding: 0 3.75rem;
    transition: .5s
}

.n_honor .fl01 .right h3 {
    font-size: 1.5rem;
    color: #99968f;
    line-height: 2.25rem;
}

.n_honor .fl01 .right h4 {
    font-size: 14px;
    color: #504f4e;
    line-height: 18px;
    font-family: Poppins-s;
    text-transform: uppercase;
    opacity: .2;
    margin: .375rem 0 0
}



.n_honor .fl02 {
    background: #eef2f6 url(/static/style/pc/images/n_honor_fl02_bg.jpg) center bottom no-repeat;
    background-size: cover;
    padding: 4rem 0 9.375rem
}

.n_honor .fl02 .left {
    width: 28.125rem;
    height: 370px;
}

.n_honor .fl02 .left .top {
    margin-bottom: 1.5rem;
    overflow: hidden
}

.n_honor .fl02 .left .top img {
    margin: .25rem 0 0
}

.n_honor .fl02 .left .top .con h6 {
    font-size: 14px;
    color: #004d8c;
    line-height: 18px;
    font-family: Poppins-s;
    opacity: .3;
    text-transform: uppercase;
    margin: 0 0 0 1.375rem
}

.n_honor .fl02 .left h3 {
    font-size: 1.625rem;
    color: #2f3032;
    line-height: 3rem;
    font-weight: 600;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-right: 1.625rem
}

.n_honor .fl02 .left h3:before {
    content: "";
    position: absolute;
    bottom: .375rem;
    left: 0;
    right: 0;
    height: 1.375rem;
    background-size: 100% 100% !important;
    z-index: -1;
    background: none;
}

.n_honor .fl02 .left h3 font {
    color: #3bb3c2
}



.n_honor .fl02 .left h3.h31:before {
    background: url(/static/style/pc/images/n_honor_line1.png) center no-repeat;
}

.n_honor .fl02 .left h3.h32 {
    padding: 0
}

.n_honor .fl02 .left h3.h33:before {
    background: url(/static/style/pc/images/n_honor_line2.png) center no-repeat;
}



.n_honor .fl02 .right {
    max-width: calc(100% - 28.125rem)
}

.n_honor .fl02 .right .box {
    height: 370px;
    padding-right: 3.25rem;
    overflow: hidden;
    overflow-y: scroll;
}

.n_honor .fl02 .right .box::-webkit-scrollbar {
    width: 2px;
    height: 8px;
    background-color: #d9dce0;
}

.n_honor .fl02 .right .box::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #d9dce0;
}

.n_honor .fl02 .right .box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #3bb3c2;
}



.list_box_13 {
    width: 43.75rem;
    max-width: 100%
}

.list_box_13 li {
    line-height: 20px;
    padding: 10px 1.25rem;
    border-bottom: #e2e4e7 1px solid;
    font-size: .9375rem;
    color: #000000;
    position: relative;
    z-index: 1
}

.list_box_13 li:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #3bb1c0;
    transition: .5s;
    z-index: -1;
    height: 0
}

.list_box_13 li font {
    display: inline-block;
    width: calc(100% - 4rem);
    position: relative;
    background: url(/static/style/pc/images/list_box_13_ico1.svg) left center no-repeat;
    padding: 0 8px 0 24px;
    transition: .5s;
}

.list_box_13 li span {
    float: right;
    width: 4rem
}



.list_box_13 li:hover:before {
    height: 100%;
    top: 0
}

.list_box_13 li:hover {
    color: #fff
}

.list_box_13 li:hover font {
    background: url(/static/style/pc/images/list_box_13_ico1_on.png) left center no-repeat;
}





.n_honor .fl03 {
    background: url(/static/style/pc/images/n_honor_fl03_bg.jpg) center bottom no-repeat;
    background-size: cover;
    padding: 4rem 0 11.875rem
}

.n_honor .fl03 .n_title002 {
    margin-bottom: 3.75rem
}



.list_box_40 {
    margin: 0 -3.125rem
}

.list_box_40 li {
    float: left;
    width: 33.33333%;
    padding: 0 3.125rem
}

.list_box_40 li a {
    display: block
}

.list_box_40 li .pic_box {
    width: 100%;
    height: 21.875rem;
    padding: 0 15px;
    text-align: center;
    transition: .5s;
    position: relative;
    background: #fff;
}

.list_box_40 li .pic_box .img {
    max-width: 17.5rem;
    margin: 0 auto;
    padding: 0;
}

.list_box_40 li .pic_box .img .img_hezi {
    padding-bottom: 70.333333% !important;
    background: url(/static/style/pc/images/biankuang.png) center no-repeat;
    background-size: cover
}

.list_box_40 li img {
    max-width: 93%;
    display: inline-block;
    margin: 0 auto;
    top: 5%;
    bottom: 5%;
    height: auto;
}

.list_box_40 li h5 {
    display: block;
    text-align: left;
    font-size: 1.125rem;
    color: #000000;
    margin-top: 1.75rem;
    padding: 0 0 .875rem;
    transition: .5s;
    line-height: 1.5;
    position: relative;
}

.list_box_40 li h5:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1.25rem;
    height: 2px;
    background: #3bb3c2
}



.n_dashi {
    padding: 5rem 0 18.25rem;
    background: url(/static/style/pc/images/n_dashi_bg.jpg) center bottom no-repeat;
    background-size: cover
}



.n_dashi .content {
    position: relative;
    z-index: 1
}

.n_dashi .content .line_x {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 2px;
    background: #d0d1d3;
    top: 50%;
    margin-top: -1px;
    z-index: -1
}

.n_dashi .content .line_x:before {
    content: "";
    position: absolute;
    background: url(/static/style/pc/images/kedu.png) center no-repeat;
    height: 15px;
    bottom: 0;
    left: 0;
    width: 100%;
}



.list_box_14 {}

.list_box_14 .miso-list {
    padding: 0 4rem
}

.list_box_14 li {
    margin: 0 -4rem;
    transition: .5s;
    position: relative
}

.list_box_14 li:before {
    content: "";
    position: absolute;
    bottom: -4.375rem;
    left: 2.75rem;
    width: 6px;
    height: 6px;
    border: #3bb3c2 2px solid;
    border-radius: 50%;
    transition: 0.6s;
    background: #fff;
    margin-left: -5px;
}

.list_box_14.ar_web li:nth-child(2n-1):before {
    bottom: auto;
    top: -4.375rem
}



.list_box_14 li:after {
    content: "";
    position: absolute;
    bottom: -3.75rem;
    left: 2.75rem;
    margin-left: -9px;
    width: 18px;
    height: 22px;
    background: url(/static/style/pc/images/dots1.png) center no-repeat;
    transform: scale(0);
    transition: 0.6s;
}

.list_box_14.ar_web li:nth-child(2n-1):after {
    bottom: 0;
    top: -3.75rem;
    background: url(/static/style/pc/images/dots1_on.png) center no-repeat;
}



.list_box_14 li a {
    display: block;
    height: 15.625rem;
    background: #fff;
    border-radius: 0 5px 5px 0;
    padding: 1.5rem 2.25rem 0;
    transition: .5s;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.list_box_14 li a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/static/style/pc/images/list_box_14_img1.jpg) center no-repeat;
    background-size: cover;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.list_box_14 li a .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.list_box_14 li a .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .6
}

.list_box_14 li a:after {
    content: "";
    position: absolute;
    border-left: transparent 1.25rem solid;
    border-top: #fff 2.25rem solid;
    bottom: -2.25rem;
    left: 1.25rem;
    transition: .5s
}

.list_box_14.ar_web li:nth-child(2n-1) a:after {
    content: "";
    position: absolute;
    border-left: transparent 1.25rem solid;
    border-bottom: #fff 2.25rem solid;
    border-top: none;
    top: -2.25rem;
    left: 1.25rem;
    transition: .5s;
    bottom: auto;
}

.list_box_14 li a h2 {
    padding: 0 .5rem
}

.list_box_14 li a h2 big {
    font-size: 2.25rem;
    color: #3bb3c2;
    text-align: center;
    font-weight: bold;
    line-height: 3.5rem;
    font-family: Disney English;
    transition: .5s
}

.list_box_14 li a h2 small {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    background: #9a9ca2;
    border-radius: 50%;
    line-height: 1.75rem;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    vertical-align: top;
    margin-left: .625rem;
    transition: .5s
}

.list_box_14 li a h2 span {
    display: inline-block;
    float: right;
    background: url(/static/style/pc/images/n_dashi_ico.png) center no-repeat;
    width: 24px;
    height: 20px;
    transition: .5s;
    margin: 1.125rem 0 0
}

.list_box_14 li a .box {
    height: 7.5rem;
    margin-top: 1.75rem;
    overflow: hidden;
    overflow-y: scroll;
}

.list_box_14 li a .box p {
    font-size: .9375rem;
    color: #4e4e4e;
    text-align: left;
    line-height: 1.5rem;
}



.list_box_14 li a .box::-webkit-scrollbar {
    width: 1px;
    height: 8px;
    background-color: transparent;
}

.list_box_14 li a .box::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

.list_box_14 li a .box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #333;
}





.list_box_14.ar_web li:nth-child(2n-1) {
    margin-top: 23.75rem
}



.list_box_14 li.li1 {
    opacity: 0;
    visibility: hidden
}

/* .list_box_14 li.miso-current+li+li+li+li+li+li+li{ opacity:0; visibility:hidden}
 */


.list_box_14 li:hover a:before {
    opacity: 1;
    visibility: visible
}

.list_box_14 li:hover a h2 big,
.list_box_14 li:hover a .box p {
    color: #fff
}

.list_box_14 li:hover a h2 small {
    background: #fff;
    color: #01479d
}

.list_box_14 li:hover a:after {
    border-top: #1b6fa1 2.25rem solid;
}

.list_box_14 li:nth-child(2n-1) a:hover:after {
    border-bottom: #5ab9cb 2.25rem solid;
    border-top: none
}

.list_box_14 li:hover a .img {
    opacity: 1;
    visibility: visible
}

.list_box_14 li:hover a h2 span {
    background: url(/static/style/pc/images/n_dashi_ico_on.png) center no-repeat;
}

.list_box_14 li:hover:after {
    transform: scale(1);
}



.list_box_14 .miso-arrow {
    width: 3.5rem;
    height: 3.5rem;
    background-size: 100% 100% !important;
    transition: .5s
}

.list_box_14 .miso-prev {
    background: url(/static/style/pc/images/list_box_14_prev.png) center no-repeat;
    left: -6rem
}

.list_box_14 .miso-next {
    background: url(/static/style/pc/images/list_box_14_next.png) center no-repeat;
    right: -6rem
}



.list_box_14 .miso-prev:hover {
    background: url(/static/style/pc/images/list_box_14_prev_on.png) center no-repeat;
}

.list_box_14 .miso-next:hover {
    background: url(/static/style/pc/images/list_box_14_next_on.png) center no-repeat;
}



.n_zaisheng .fl01 {
    padding: 7.5rem 0 4.375rem;
    background: url(/static/style/pc/images/n_zaisheng_fl01_bg.jpg) center no-repeat;
    background-size: cover;
    overflow: hidden
}

.n_zaisheng .fl01 .n_title002 {
    margin-bottom: 0
}



.list_box_15 li {
    height: 40rem
}

.list_box_15 li h3 {
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    font-family: Disney English;
}

.list_box_15 li h2 {
    font-size: 2.125rem;
    color: #fff;
    margin-bottom: 1.875rem
}

.list_box_15 li hr {
    height: .375rem;
    background: #fff;
    width: 2rem;
    margin: 1.5rem 0 1.875rem;
}

.list_box_15 li .box {
    height: 11.375rem;
}

.list_box_15 li .box table tr td,
.list_box_15 li .box table tr th {
    line-height: 1.375;
    padding: .75rem
}

.list_box_15 li .box table tr td *,
.list_box_15 li .box table tr th * {
    font-size: .875rem !important
}

.list_box_15 li p {
    font-size: .875rem;
    line-height: 1.625rem;
    color: #fff;
    margin-bottom: 1.625rem;
    text-align: justify;
    font-weight: 100;
}

.list_box_15 li a {
    display: inline-block;
    width: 8.875rem;
    height: 2.875rem;
    line-height: 2.875rem;
    background: #37c8da;
    border-radius: 1.5rem;
    font-size: .875rem;
    color: #fff;
    text-align: center;
    transition: .5s;
    margin: 1.75rem 0 0
}

.list_box_15 li a img {
    display: inline-block;
    margin: -3px .625rem 0 0
}



.list_box_15 .miso-dots {
    padding: 0;
    margin: 0;
    bottom: 4.5rem;
    text-align: left;
}

.list_box_15 .miso-dots li {
    padding: 0;
    margin: 0 3px;
    height: auto;
}



.n_zaisheng .fl02 {
    background: url(/static/style/pc/images/n_zaisheng_fl02_bg.jpg) left center no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.n_zaisheng .fl02 .bgbg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}



.n_zaisheng .fl02 .bgbg .miso-list,
.n_zaisheng .fl02 .bgbg .miso-track {
    height: 100%;
}

.n_zaisheng .fl02 .bgbg .bg1 {
    width: 100%;
    height: 100%;
    background: #1a6ea0
}

.n_zaisheng .fl02 .bgbg .bg2 {
    width: 100%;
    height: 100%;
    background: #3f9ab9
}

.n_zaisheng .fl02 .bgbg .bg3 {
    width: 100%;
    height: 100%;
    background: #3bb3c2
}

.n_zaisheng .fl02 .content {
    position: relative
}



.list_box_15 li .left {
    width: 66.42%;
    height: 40rem;
    padding: 0 8.75rem 0 0
}

.list_box_15 li .right {
    width: calc(100% - 66.42%)
}

.list_box_15 li .right .img .img_hezi {
    padding-bottom: 40rem !important
}



.list_box_15 .miso-arrow {
    transition: .5s;
    top: 32rem;
    display: none !important;
}

.list_box_15 .miso-prev {
    background: url(/static/style/pc/images/list_box_15_prev.png) center no-repeat;
    left: 60%;
    width: 2.75rem;
    height: 1.125rem;
    background-size: 100% 100% !important;
}

.list_box_15 .miso-next {
    background: url(/static/style/pc/images/list_box_15_next.png) center no-repeat;
    right: 26%;
    width: 4.125rem;
    height: 1.125rem;
    background-size: 100% 100% !important;
}



.list_box_16 {
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 30vw;
}

.list_box_16 li .img {
    overflow: hidden
}

.list_box_16 li .img .img_hezi {
    padding-bottom: 40rem !important
}

.list_box_16 li .img img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: .6
}

.list_box_16 li .img h5 {
    position: absolute;
    left: 3.125rem;
    bottom: 2.75rem;
    font-size: 1.375rem;
    color: #fff;
    line-height: 1.5
}



.n_title003 {
    text-align: center;
    margin-bottom: 5rem
}

.n_title003 .ico {
    display: inline-block
}

.n_title003 .con {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2.25rem;
    min-width: 24rem;
}

.n_title003 h2 {
    font-size: 1.875rem;
    color: #424141
}

.n_title003 .h3 {
    font-size: .875rem;
    color: #015190;
    font-family: Poppins-l;
    text-transform: uppercase;
    margin: .5rem 0 0;
    line-height: 1.5
}





.list_box_17 {
    text-align: center;
    margin: 0 .5625rem;
    margin-bottom: 4rem;
    font-size: 0;
}

.list_box_17 li {
    display: inline-block;
    max-width: 25%;
    padding: 0 .5625rem
}

.list_box_17 li a {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 41px;
    border: #d7dae3 2px solid;
    border-radius: 23px;
    width: 185px;
    transition: .5s;
    max-width: 100%;
    font-size: 1rem;
}

.list_box_17 li.on a {
    background: #3cb2c0;
    border: #3cb2c0 2px solid;
    color: #fff
}



.n_zhongdian .fl01 {
    padding: 5rem 0 4rem;
    background: #eef2f6;
    overflow: hidden;
}

.n_zhongdian .fl01 .n_title003 {
    margin-bottom: 0
}



.n_buju {
    height: 60rem;
    overflow: hidden;
}

.n_buju .left {
    width: 48%;
    height: 60rem;
    background: url(/static/style/pc/images/n_buju_left_bg.jpg) center no-repeat;
    background-size: cover;
    padding-left: 10%;
    position: relative;
    z-index: 1;
}

.n_buju .left ul li {
    height: 60rem;
    padding-left: 4rem;
    padding-right: 11rem;
}

.n_buju .left ul li .box_table {
    text-align: left;
}

.n_buju .left ul li .box_table h2 font {
    font-size: 1.5rem;
    color: #fff;
    font-family: Poppins-s;
    position: relative;
    display: inline-block;
    line-height: 1.25;
    text-transform: capitalize;
}

.n_buju .left ul li .box_table h2 font:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 25px;
    background: url(/static/style/pc/images/n_buju_ico.png) center no-repeat;
    top: -12px;
    right: -32px;
}

.n_buju .left ul li .box_table h3 {
    font-size: 1.625rem;
    color: #fff;
    margin: 1.125rem 0 1.25rem;
}

.n_buju .left ul li .box_table h4 {
    font-size: 14px;
    color: #fff;
    font-family: PingFang;
    margin: 0;
    display: none;
}

.n_buju .left ul li .box_table h5 {
    margin: 1.5rem 0 1.375rem;
    position: relative;
}

.n_buju .left ul li .box_table h5 .line01 {
    content: "";
    position: absolute;
    width: 55px;
    height: 1px;
    background: #6bc4d8;
    top: 50%;
    left: 5rem;
    margin-top: -0.5px;
    opacity: 0;
    transition: 1.2s;
}

.n_buju .left ul li .box_table h5 .line02 {
    content: "";
    position: absolute;
    width: 7px;
    height: 227px;
    background: url(/static/style/pc/images/line01.png) center no-repeat;
    bottom: -0.5rem;
    left: -2.5rem;
    transform: translateY(-200px);
    opacity: 0;
    transition: 1.2s;
}

.n_buju .left ul li .box_table h5 span {
    font-size: 14px;
    color: #fff;
    font-style: italic;
    display: inline-block;
    width: 2.75rem;
    height: 2.75rem;
    border: rgba(225, 225, 225, .5) 1px solid;
    line-height: 2.625rem;
    text-align: center;
    border-radius: 50%;
}

.n_buju .left ul li .box_table p {
    font-size: .875rem;
    line-height: 26px;
    color: #ffffff;
    transform: translateY(50px);
    opacity: 0;
    transition: 1.2s;
    font-family: PingFang;
}

.list_box_18 {
    margin: 4rem -.625rem 0
}

.list_box_18 dd {
    float: left;
    width: 33.333333%;
    padding: 0 .625rem;
    margin-bottom: 1.25rem
}

.list_box_18 dd a {
    display: block;
    height: 2.8125rem;
    line-height: 2.75rem;
    border: rgba(255, 255, 255, .4) 1px solid;
    font-size: .9375rem;
    color: #fff;
    transition: .5s;
    text-align: center
}



.list_box_18 dd a:hover {
    background: #3bb3c2;
    border: #3bb3c2 1px solid
}



.n_buju .left ul .miso-prev,
.n_buju .left ul .miso-next {
    width: 5rem;
    height: 5rem;
    left: auto;
    right: 0;
    transform: translateY(-164%);
}

.n_buju .left ul .miso-prev {
    background: url(/static/style/pc/images/left04.png) center no-repeat;
    margin-top: 2.5rem;
}

.n_buju .left ul .miso-next {
    background: url(/static/style/pc/images/right04.png) center no-repeat;
    margin-top: -2.5rem;
    right: -5rem;
}

.n_buju .left ul li.miso-current .box_table h5 .line01 {
    left: -55px;
    opacity: 1;
}

.n_buju .left ul li.miso-current .box_table h5 .line02 {
    transform: translateY(0);
    opacity: 1;
}

.n_buju .left ul li.miso-current .box_table p {
    font-size: .875rem;
    color: #ffffff;
    transform: translateY(0);
    opacity: .7;
}

.n_buju .right {
    width: 52%;
    height: 60rem;
}

.n_buju .right ul li {}

.n_buju .right ul li .img,
.n_buju .right ul li .img img {
    width: 100%;
    height: 60rem;
    object-fit: cover;
}



.n_zhongdian .fl03 {
    background: #eef2f6;
    padding: 0 0 5.625rem;
    overflow: hidden;
}

.n_zhongdian .fl03 .w1200 {
    display: flex;
    align-items: center;
}

.n_zhongdian .fl03 .left {
    width: 51.42%
}

.n_zhongdian .fl03 .left img {
    width: 100%;
    border: #fff 2px solid
}

.n_zhongdian .fl03 .right {
    width: calc(100% - 51.42%);
    padding: 0 0 0 3.5rem
}

.n_zhongdian .fl03 .right p {
    font-size: .9375rem;
    color: #272727;
    line-height: 1.875rem
}



.n_zhongdian .fl04 {
    background: url(/static/style/pc/images/n_zhongdian_fl04_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 6rem 0 5.625rem;
    overflow: hidden;
}

.n_zhongdian .fl04 .n_title003 h2 {
    color: #fff
}

.n_zhongdian .fl04 .n_title003 .h3 {
    color: #fff
}



.n_zhongdian .fl04 .content {
    width: 1213px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

.n_zhongdian .fl04 .content .box {
    position: relative;
    padding-bottom: 36.68% !important;
    background: url(/static/style/pc/images/list_box_19_bg.png) center no-repeat;
    background-size: cover
}

.n_zhongdian .fl04 ul {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 -1.625rem
}

.n_zhongdian .fl04 ul li {
    float: left;
    width: 25%;
    padding: 0 1.625rem;
    height: 100%
}

.n_zhongdian .fl04 ul li a {
    display: block;
    height: 100%;
    text-align: center;
    padding: 0 1.875rem
}

.n_zhongdian .fl04 ul li:nth-child(3) a {
    transform: translateX(-.125rem);
}

.n_zhongdian .fl04 ul li:nth-child(4) a {
    transform: translateX(-.375rem);
}

.n_zhongdian .fl04 ul li a h3 {
    line-height: 5rem;
    margin-bottom: .5rem
}

.n_zhongdian .fl04 ul li a h4 {
    font-size: 1.875rem;
    color: #5d5d5d;
    font-weight: bold
}

.n_zhongdian .fl04 ul li a hr {
    width: 1.5rem;
    height: 5px;
    background: #3bb3c2;
    margin: 1.375rem auto 1.375rem
}

.n_zhongdian .fl04 ul li a p {
    font-size: 1.125rem;
    color: #5d5d5d;
    line-height: 1.875rem;
}

.n_zhongdian .fl04 ul li a h6 {
    font-size: 12px;
    color: #5d5d5d;
    opacity: .4;
    line-height: 16px;
    height: 84px;
    margin: .25rem 0 0;
}



.n_zhongdian .fl05 {
    padding: 2.625rem 0 4rem;
    background: #eef2f6;
    overflow: hidden;
}



.n_zhuanli .fl01 {
    padding: 5.75rem 0 3.5rem;
    overflow: hidden;
    background: #ecf3fb
}

.n_zhuanli .fl01 .left {
    text-align: left;
    width: calc(100% - 50.375rem)
}

.n_zhuanli .fl01 .left .n_title002 {
    text-align: left;
    margin-bottom: 2.75rem
}

.n_zhuanli .fl01 .left .con h3 {
    font-size: 1.5rem;
    font-weight: bold
}

.n_zhuanli .fl01 .left .con p {
    font-size: 1rem;
    color: #000000;
    line-height: 1.875rem;
    margin: .125rem 0 .5rem
}

.n_zhuanli .fl01 .left .con h5 {
    font-size: 1.5rem;
    color: #b4d6da;
    font-family: Poppins-l;
    text-transform: uppercase;
    margin-bottom: .5rem;
}



.n_zhuanli .fl01 .right {
    width: 50.375rem
}



.list_box_20 {
    margin: 0 -1rem
}

.list_box_20 li {
    float: left;
    width: 50%;
    padding: 0 1rem
}

.list_box_20 li .a {
    display: block;
    position: relative;
    padding-bottom: 62.56%;
    background: url(/static/style/pc/images/list_box_20_bg1.png) center no-repeat;
    background-size: cover
}

.list_box_20 li .a .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center
}

.list_box_20 li .a .top h3 .ico {
    display: inline-block
}

.list_box_20 li .a .top h3 .font {
    display: inline-block;
    font-size: 1.5rem;
    color: #c1c1c1;
    margin: 0 .5rem;
    font-weight: bold
}

.list_box_20 li .a .top h3 .font font {
    color: #161616
}

.list_box_20 li .a .top h2 {
    margin: 1.25rem 0 0
}

.list_box_20 li .a .top h2 span {
    display: inline-block;
    width: 4rem;
    height: 5.625rem;
    line-height: 6.125rem;
    border: #3bb3c2 1px solid;
    border-radius: 4px;
    margin: 0 2.5px;
    font-size: 4.25rem;
    color: #e3ab17;
    font-family: Poppins-m;
}



.n_zhuanli .fl02 {
    padding: 0 0 4.375rem;
    overflow: hidden;
    background: #ecf3fb;
    display: none;
}



.list_box_21 {
    margin: 0 -.625rem
}

.list_box_21 li {
    float: left;
    width: 50%;
    padding: 0 .625rem;
    margin-bottom: 2.5rem
}

.list_box_21 li .a {
    display: block;
    background: url(/static/style/pc/images/list_box_21_bg1.png) center no-repeat;
    background-size: 100% 100%;
    padding: 2.75rem 1.875rem 3.125rem;
    text-align: center
}

.list_box_21 li .a h3 {
    font-size: 1.625rem;
    color: #000000;
    line-height: 1.5;
    margin-bottom: 3.25rem;
    position: relative;
}



.list_box_22 {
    margin: 0 -.625rem
}

.list_box_22 dd {
    float: left;
    width: 33.333333%;
    padding: 0 .625rem;
    text-align: center
}

.list_box_22 dd .img {
    border: #e6e9ee 2px solid;
    background: #fff;
    height: 16.875rem;
    padding: .625rem
}

.list_box_22 dd .img img {
    max-height: calc(16.875rem - 1.25rem - 4px);
    max-width: 100%;
}

.list_box_22 dd h5 {
    background: #dde1e7;
    line-height: 3.125rem;
    font-size: .9375rem;
    color: #1a1a1a;
    text-align: center;
    padding: 0 .5rem;
    margin: -2px 0 0;
    transition: .5s
}



.n_juzhen {
    padding: 6.25rem 0 5rem;
    background: #edf4fc url(/static/style/pc/images/n_juzhen_bg.jpg) center no-repeat;
    background-size: cover
}



.n_juzhen .fl01 {
    overflow: hidden;
}

.n_juzhen .fl01 .left {
    width: 50%
}

.n_juzhen .fl01 .left h2 {
    font-size: 3rem;
    color: #a2aab3;
    font-family: BarlowCondensed-Medium;
    text-transform: uppercase
}

.n_juzhen .fl01 .left h5 {
    font-size: 1.875rem;
    font-weight: bold;
    margin: .75rem 0 0
}

.n_juzhen .fl01 .right {
    width: 50%;
    padding: 0 0 0 5rem
}

.n_juzhen .fl01 .right p {
    font-size: .875rem;
    color: #727678;
    line-height: 24px;
    margin: .875rem 0 0
}



.n_juzhen .fl02 {
    padding: 4rem 0 0;
    overflow: hidden;
}

.n_juzhen .fl02 .list_box_23 {
    margin-bottom: 2rem
}

.n_juzhen .fl02 .list_box_23 li {
    margin-bottom: 1.75rem;
    transition: .5s
}

.list_box_23 {
    margin: 0 -1rem;
}

.list_box_23 li {
    float: left;
    width: 16.666667%;
    padding: 0 1rem;
}

.list_box_23 li .img .img_hezi {
    background: url(/static/style/pc/images/liubian_bg.png) center no-repeat;
    padding-bottom: 100% !important;
    background-size: 100% 100% !important;
    transition: .5s
}

.list_box_23 li .img img {
    top: 18%;
    right: 18%;
    bottom: 18%;
    left: 18%;
    position: absolute;
    width: calc(100% - 36%);
    height: calc(100% - 36%);
    border-radius: 2rem;
}

.list_box_23 li h5 {
    font-size: 1.125rem;
    color: #111d2b;
    transition: .5s;
    line-height: 1.5;
    margin: .5rem 0 0;
    text-align: center
}



.n_zaimei .fl01 {
    background: url(/static/style/pc/images/n_zaimei_fl01_bg.jpg) center no-repeat;
    padding: 4.375rem 0 5rem;
    background-size: cover;
    overflow: hidden
}

.n_zaimei .fl01 .left {
    width: calc(100% - 51.42%)
}

.n_zaimei .fl01 .left h2 {
    font-size: 3rem;
    color: #a2aab3;
    font-family: BarlowCondensed-Medium;
    text-transform: uppercase;
    opacity: .8
}

.n_zaimei .fl01 .left h3 {
    font-size: 1.875rem;
    font-weight: bold
}

.n_zaimei .fl01 .left h4 {
    margin: 1.375rem 0 1.125rem
}

.n_zaimei .fl01 .left p {
    font-size: 1.25rem;
    color: #000000;
    line-height: 1.875rem;
    margin: .75rem 0 2rem
}

.n_zaimei .fl01 .left dl dd,
.n_zaimei .fl01 .left dl ul li {
    float: left;
}

.n_zaimei .fl01 .left dl dd,
.n_zaimei .fl01 .left dl ul li p {
    font-size: 0.9rem;
    color: #015190;
    line-height: 1.85;
    transition: .5s;
    display: inline-block;
    position: relative;
    padding-left: 1rem;
    margin: 0;
    margin-right: 1.875rem;
    margin-bottom: .5rem;
}

.n_zaimei .fl01 .left dl dd:before,
.n_zaimei .fl01 .left dl ul li p:before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    font-size: .9375rem;
    color: #000000;
    transition: .5s;
    line-height: 1.85;
}

.n_zaimei .fl01 .right {
    width: 51.42%;
    padding: 1rem 0 0
}



.list_box_23 .miso-arrow {
    width: 4.125rem;
    height: 1.125rem;
    background-size: 100% 100% !important;
    margin-top: -1rem;
    transition: .5s
}

.list_box_23 .miso-prev {
    background: url(/static/style/pc/images/list_box_23_prev.png) center no-repeat;
    left: -5rem;
}

.list_box_23 .miso-next {
    background: url(/static/style/pc/images/list_box_23_next.png) center no-repeat;
    right: -5rem;
}



.list_box_23 .miso-prev:hover {
    background: url(/static/style/pc/images/list_box_23_prev_on.png) center no-repeat;
}

.list_box_23 .miso-next:hover {
    background: url(/static/style/pc/images/list_box_23_next_on.png) center no-repeat;
}



.n_zaimei .fl02 {
    background: #eef2f6;
    padding: 3.5rem 0 5.625rem;
    border-top: #cfd4da 1px solid;
    overflow: hidden;
}

.n_zaimei .fl02 .ar_article ul li {
    /* list-style: none !important; */
}



.n_contact .fl01 {
    padding: 5.25rem 0 4rem;
    position: relative;
    background: #eef2f6;
    overflow: hidden;
    z-index: 1;
}

.n_contact .fl01 .w1200 {
    position: relative;
    z-index: 10;
}

.n_contact .fl01 .left {
    padding: 1rem 8.75rem 0 0;
    width: calc(100% - 480px);
    position: relative;
}

.n_contact .fl01 .left .title1 {
    margin-bottom: 2rem;
    position: relative;
}

.n_contact .fl01 .left .title1 h2 {
    font-size: 1.5rem;
    color: #2c2c2c;
    font-weight: bold;
    opacity: .8
}

.n_contact .fl01 .left .title1 p {
    font-size: .9rem;
    color: #2c2c2c;
    opacity: .8;
    line-height: 1.5;
    margin: 1.125rem 0 0;
}

.n_contact .fl01 .left .title2 {
    margin-bottom: 2rem;
    position: relative;
}

.n_contact .fl01 .left .title2 h2 {
    font-size: 1.25rem;
    color: #3bb3c2;
    font-weight: bold;
}

.n_contact .fl01 .left .title2 p {
    font-size: 1rem;
    color: #3bb3c2;
    line-height: 1.5;
    margin: .5rem 0 0;
}

.n_contact .fl01 .left .title2 p a {}

.n_contact .fl01 .left .con.con1 {
    border-bottom: #e0e4e8 2px solid;
    padding-bottom: 0.5rem;
    margin-bottom: 1.75rem
}

.n_contact .fl01 .left .con h5 {
    font-size: 1rem;
    color: #464646;
    font-weight: bold;
    margin-bottom: 1rem;
}

.n_contact .fl01 .left .con .p {
    font-size: .9rem;
    color: #464646;
    line-height: 32px;
    padding: 0 0 0 2.75rem;
    padding-bottom: .75rem;
    background-size: 2.125rem 2.125rem !important;
    background-position-y: calc((34px - 2.125rem) / 2) !important;
}

.n_contact .fl01 .left .con .p a {
    font-size: .875rem;
    color: #3bb3c2;
    text-decoration: underline;
    margin-left: 1.25rem;
    transition: .5s;
}

.n_contact .fl01 .left .con .p p {
    display: inline-block;
    vertical-align: top;
}



.n_contact .fl01 .right {
    width: 480px;
    height: 59rem;
    background: #fff;
    border-radius: 1.25rem;
    padding: 3.75rem 2.5rem 0;
    position: relative;
    z-index: 10;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
}



.n_contact .fl01 .right h3 {
    font-size: 1.625rem;
    color: #414141;
    font-weight: 600;
    text-align: center;
}

.n_contact .fl01 .right h3 font {
    color: #d9000f;
    margin-left: 0;
    text-transform: uppercase;
}

.n_contact .fl01 .right h2 {
    margin: 1.875rem 0 1.125rem
}

.n_contact .fl01 .right h2 img {
    display: inline-block;
    width: 8.125rem;
    height: 8.125rem;
    border: #e5e5e5 1px solid
}

.n_contact .fl01 .right h5 {
    font-size: 14px;
    color: #999;
    margin-bottom: 2.5rem
}

.n_contact .fl01 .right p {
    font-size: 1rem;
    color: #3bb3c2;
    line-height: 1.5;
    margin: .5rem 0 2.5rem;
    text-align: center;
    text-transform: uppercase;
}



.rolling-top {
    position: absolute;
    right: 2rem;
    bottom: 10%;
    width: 30px;
    height: 80px;
    z-index: 999;
    display: none;
    cursor: pointer;
}

.rolling-top h6 {
    font-size: 12px;
    color: #666;
    width: 10px;
    position: absolute;
    right: -5px;
    bottom: -20px;
    font-weight: normal;
    line-height: 16px;
}

.rolling-top h5 {
    font-size: 12px;
    color: #fff;
    width: 100px;
    position: absolute;
    right: -55px;
    bottom: -20px;
    font-weight: normal;
    text-transform: uppercase;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rolling-top span {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.rolling-top i {
    display: block;
    height: 10px;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 10%;
    margin-left: -1px;
    background: #666;
    animation: rolling-top 2000ms infinite ease-out;
    -webkit-animation: rolling-top 2000ms infinite ease-out;
}



@keyframes rolling-top {

    0% {
        height: 30px;
        top: 0;
        opacity: 1;
    }

    100% {
        height: 100px;
        top: 25%;
        opacity: 0;
    }

}

.rolling-top:hover h6 {
    color: #104fa2;
}

.rolling-top:hover i {
    background: #104fa2;
}



@-webkit-keyframes move-forever2 {

    0% {





        -webkit-transform: translate(-270px, 0%);

        transform: translate(-270px, 0%);
    }

    50% {

        -webkit-transform: translate(0, 0px);



        transform: translate(0, 0px);
    }



    100% {

        -webkit-transform: translate(-270px, 0%);

        transform: translate(-270px, 0%);

    }

}



@keyframes move-forever2 {

    0% {

        -webkit-transform: translate(-270px, 0%);

        transform: translate(-270px, 0%);
    }

    50% {

        -webkit-transform: translate(0, 0px);

        transform: translate(0, 0px);
    }



    100% {

        -webkit-transform: translate(-270px, 0%);

        transform: translate(-270px, 0%);

    }

}

.foot-bottom__cont {
    bottom: 0;
    position: absolute
}

.fs-svg {

    position: absolute;

    left: 0;

    bottom: 0;

    -webkit-animation: move-forever2 8s linear infinite;

    animation: move-forever2 8s linear infinite;

    z-index: 1;

    max-width: inherit;

    max-height: inherit;

}

.fsb-svg {

    pointer-events: none;

    z-index: 100;

}



.n_contact .fl02 #container {
    height: 32.5rem;
    width: 100%;
    position: relative;
}



.n_contact .layui-form-item {
    margin-bottom: 1rem;
}

.n_contact .layui-form-pane .layui-form-label {
    width: 8.75rem;
    height: 3.125rem;
    background: #e3e5ea;
    font-size: 1rem;
    color: #373737;
    padding: 0;
    line-height: 3.125rem;
    border-radius: 0;
}

.n_contact .layui-form-pane .layui-input-block {
    margin-left: 8.75rem;
    position: relative;
}

.n_contact .layui-input,
.n_contact .layui-textarea {
    padding-left: 16px
}

.n_contact .layui-input,
.n_contact .layui-select,
.n_contact .layui-textarea {
    height: 3.125rem;
    font-size: .875rem;
}



.n_contact .layui-btn {
    width: 100%;
    height: 3.125rem;
    border-radius: .375rem;
    font-size: 1.125rem;
    color: #fff;
    font-weight: 600;
}

.n_contact .layui-form-pane .layui-input-block .h_yzm img {
    position: absolute;
    right: 1px;
    top: 1px;
    height: 2.875rem;
}



.n_contact .layui-form-item .layui-input-block .box_dot {
    position: absolute;
    left: 1.75rem;
    top: 0;
}



.n_contact .layui-form-item.layui-form-item-textarea .layui-form-label {
    height: 8.75rem;
    line-height: 8.75rem;
}

.n_contact .layui-textarea {
    height: 8.75rem
}

.n_contact .layui-form-item1 {
    margin: 5rem 0 0
}



.n_contact .fl01 .right form h6 {
    font-size: 12px;
    color: #717171;
    line-height: 1.5;
    text-align: center;
    margin: 2rem 0 0;
}



.n_pinpai .fl01 {
    padding: 4rem 0 6rem;
    background: url(/static/style/pc/images/n_pinpai_fl01_bg.jpg) center no-repeat;
    background-size: cover
}

.n_pinpai .fl01 .content {
    display: flex;
}

.n_pinpai .fl01 .left {
    width: 26.25rem;
    padding-right: 2.5rem;
    display: table-cell;
}

.list_box_24 {
    display: flex;
    font-size: .875rem;
    line-height: 1.875rem
}

.list_box_24 .ico {
    width: 1.875rem;
    min-width: 1.875rem;
}

.list_box_24 dt {
    white-space: nowrap
}

.list_box_24 dd {
    color: #3bb3c2;
}



.n_pinpai .fl01 .left .list_box_23 li {
    width: 100%
}



.n_pinpai .fl01 .left .sticky {
    position: sticky;
    top: 2.5rem;
}



.n_pinpai .fl01 .right {
    width: calc(100% - 26.25rem);
    display: table-cell;
    background: #fff;
    border-radius: .625rem;
    padding: 2.875rem 4rem
}

.n_pinpai .fl01 .right .ar_article h4 {
    font-size: 1.125rem;
    color: #3bb3c2;
    margin-bottom: 0
}

.n_pinpai .fl01 .right .ar_article h3 {
    font-size: 1.125rem;
    color: #000000;
    font-weight: 600;
    margin-bottom: 2rem
}

.n_pinpai .fl01 .right .ar_article p {
    font-size: .875rem;
    color: #5d606c;
    line-height: 1.875rem
}



.h32 {
    font-size: 1.875rem;
    color: #5d606c;
    font-weight: 600;
    line-height: 1.25;
    position: relative;
    padding: 0 0 0 18px;
    margin-bottom: 2.25rem
}

.h32:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 1.875rem;
    background: #3bb3c2;
    left: 0;
    top: 50%;
    margin-top: -.9375rem;
}



.n_pinpai .fl01 .left .list_box_23 {
    margin-bottom: 2.25rem
}

.n_pinpai .fl01 .left .list_box_23 li .img .img_hezi {
    background: url(/static/style/pc/images/liubian_bg1.png) center no-repeat
}



.more004 {
    margin: 4.375rem 0 0
}

.more004 a {
    display: inline-block;
    width: 16.25rem;
    height: 3.125rem;
    line-height: 3.125rem;
    background: #3bb3c2;
    border-radius: 4px;
    text-align: center;
    font-size: 1.125rem;
    color: #fff;
    transition: .5s
}

.more004 a img {
    margin: 1px 1.25rem 0 0;
}



.n_title004 {
    text-align: center;
    margin-bottom: 5rem
}



.n_title004 .ico {
    display: inline-block
}



.n_title004 .con {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1.5rem;
}

.n_title004 h2 {
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
    margin: -3rem 0 0
}

.n_title004 h2 span {
    font-family: Poppins-s;
    text-transform: uppercase;
    margin: 0 .5rem 0 0
}

.n_title004 h2 font {
    color: #3bb3c2
}

.n_title004 .h3 {
    font-size: 6.875rem;
    font-family: Poppins-s;
    text-transform: uppercase;
    margin: 0;
}



.n_pinpai .fl02 {
    padding: 5rem 0 5.625rem;
    background: #eef2f6;
    border-top: #e3e7eb 2px solid
}



.list_box_25 {
    margin: 0 -.625rem
}

.list_box_25 li {
    float: left;
    width: 25%;
    padding: 0 .625rem
}

.list_box_25 li .img .img_hezi {
    padding-bottom: 65.67% !important
}

.list_box_25 li h5 {
    font-size: 1rem;
    color: #000000;
    transition: .5s;
    line-height: 3.4375rem;
    padding: 0 4rem 0 1.5rem;
    position: relative;
    z-index: 1
}

.list_box_25 li h5:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #3bb3c2 url(/static/style/pc/images/list_box_25_ico.png) calc(100% - 1.5rem) center no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    z-index: -1
}

.list_box_25 li h6 {
    display: none
}

.list_box_25 li .ar_article {
    display: none
}

.list_box_25 .miso-arrow {
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -1.25rem;
    transition: .5s;
    background-size: 100% 100% !important;
}

.list_box_25 .miso-prev {
    background: url(/static/style/pc/images/list_box_25_prev.png) center no-repeat;
    left: -4rem
}

.list_box_25 .miso-next {
    background: url(/static/style/pc/images/list_box_25_next.png) center no-repeat;
    right: -4rem
}

.list_box_25 .miso-prev:hover {
    background: url(/static/style/pc/images/list_box_25_prev_on.png) center no-repeat;
}

.list_box_25 .miso-next:hover {
    background: url(/static/style/pc/images/list_box_25_next_on.png) center no-repeat;
}



#show_team {
    display: block;
}



#show_team .team_article {
    display: block;
}

#show_team .left {
    width: 20.9375rem;
    background: #fff;
    border: #e5e5e5 1px solid;
}

#show_team .left img {
    display: inline-block;
    width: 100%;
    height: 13.75rem;
}

#show_team .left ul .miso-track {}

#show_team .right {
    width: calc(100% - 20.9375rem);
    padding: 1.125rem 2rem 0 0;
}

#show_team .right h1 {
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
}

#show_team .right h1 span {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

#show_team .right h2 {
    padding-top: 20px;
    margin-bottom: 6px;
    font-size: 14px;
    color: #213a7d;
}

#show_team .right .ar_article p {
    color: #6f6f6f;
    font-size: .9375rem;
    line-height: 1.875rem;
    margin-bottom: 1.875rem;
}

#show_team .jj_scoll {
    position: relative;
    width: 103%;
    padding: 0 3% 0 0;
    height: 9.375rem;
    overflow: scroll;
    overflow-x: hidden;
}

#show_team .jj_scoll {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
}

#show_team .jj_scoll::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: transparent;
}

#show_team .jj_scoll::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent;
}

#show_team .jj_scoll::-webkit-scrollbar-thumb {
    border-radius: 0;
    width: 3px;
    height: 3px;
    background-color: #3bb3c2;
}



#show_team .jj_scoll p {
    line-height: 1.875rem;
    margin-bottom: 0
}



#show_team .right .peo_name h3 {
    font-size: 20px;
    color: #444444;
    margin: 0;
    display: inline-block;
}

#show_team .right .peo_name h5 {
    font-size: 1.5rem;
    color: #303031;
    line-height: 1.875rem;
    margin: 0;
    display: inline-block;
    background: url(/static/style/pc/images/page_show_box_line.png) left center no-repeat;
    margin: 0 0 2.25rem;
    padding: 0 0 0 .625rem;
    font-weight: bold;
}

#show_team .right .peo_name .con {
    position: relative;
    line-height: 2rem;
    padding: 0;
    border-radius: 5px;
    display: inline-block;
    font-size: 1.125rem;
    color: #3bb3c2;
}

#show_team .right .peo_name .con font {
    color: #3c3d42;
    text-transform: uppercase;
    font-size: .9375rem;
}

#show_team .right .peo_name .con:before {
    content: "";
    position: absolute;
    border-top: transparent .5rem solid;
    border-bottom: transparent .5rem solid;
    border-left: #eef0f3 .75rem solid;
    right: -.75rem;
    top: 50%;
    margin-top: -.5rem;
    display: none;
}



#show_team .box_b {
    margin-bottom: 1.5rem
}

#show_team .box_b h3 {
    font-size: 1.125rem;
    color: #3bb3c2;
    margin: 0rem 0 1rem;
}



#page_show_box {
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    height: 100%;
    width: 100%;
}

#page_show_box .bg_box {
    position: fixed;
    z-index: 9994;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    height: 100%;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');
    background: rgba(0, 0, 0, 0.6);
}

#page_show_box .box {
    position: absolute;
    top: 50%;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 800px;
    max-width: 94%;
}

#bnt_close {
    position: absolute;
    top: -2.875rem;
    width: 1.9375rem;
    height: 1.9375rem;
    right: -2.875rem;
}

#bnt_close img {
    display: block;
    position: inherit;
    z-index: 1;
    width: 100%;
    cursor: pointer;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#page_show_box #page_ar {
    position: relative;
    height: 100%;
}

#page_show_box #page_ar .ar_box {
    border-radius: .625rem;
    padding: 4.375rem 3.375rem;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    /* -webkit-animation-name: anim-close-2; */
    /* animation-name: anim-close-2; */
}

.tc1 .tc.act {
    display: block;
}

#page_show_box #page_ar .ar_box.on {
    /* -webkit-animation-name: anim-open-2; */
    /* animation-name: anim-open-2; */
    transform: scale(1);
}

#page_show_box #page_ar .ar_box .p {
    line-height: 30px;
    font-size: 14px;
    color: #686a6a;
    max-height: 540px;
    text-align: justify;
    overflow: hidden;
}

#page_show_box #page_ar .ar_box .title {
    font-size: 18px;
    color: #686a6a;
    display: block;
    margin-bottom: 10px;
}

#page_show_box #page_ar #ar_content {
    height: 90px;
    overflow: hidden;
}



#bnt_close img:hover {
    transform: rotate(360deg)
}



.bottom_waifx {
    background: #eef0f3 url(/static/style/pc/images/bolang.png) center top no-repeat;
    background-size: 100% auto;
    margin: 0 -3.375rem -4.375rem;
    padding: 3.5rem 3.375rem;
    border-radius: 0 0 .625rem .625rem;
}

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

.list_box_26 li {
    font-size: 0
}

.list_box_26 li .ico {
    display: inline-block
}

.list_box_26 li .con {
    display: inline-block;
    padding: 0 0 0 .75rem
}

.list_box_26 li .con h5 {
    font-size: .9375rem;
    color: #000000;
    position: relative;
    transition: .5s;
}

.list_box_26 li .con h5:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background: url(/static/style/pc/images/list_box_26_ico.svg) center no-repeat;
    background-size: 100%;
    transition: .5s;
    opacity: 0;
    visibility: hidden
}



.list_box_26 li a:hover .con h5 {
    color: #3bb3c2
}

.list_box_26 li a:hover .con h5:before {
    left: 110%;
    opacity: 1;
    visibility: visible
}



.next-miso_aa {
    width: 2.4375rem;
    height: 1.125rem;
    background-size: 100% !important;
    top: 50%;
    position: absolute;
    cursor: pointer
}

.next-miso_aa.next-prev {
    background: url(/static/style/pc/images/list_box_26_prev.png) center no-repeat;
    left: -10%;
}

.next-miso_aa.next-next {
    background: url(/static/style/pc/images/list_box_26_next.png) center no-repeat;
    right: -10%;
}







/* zyj */

.pad_top {
    padding-top: 4.375rem;
}

.pad_bot {
    padding-bottom: 5rem;
}

svg {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    display: inline-block;
}

#n_news {
    background: #eef2f6;
}

#n_news ul {
    margin-top: -1.25rem;
}

#n_news ul li {
    margin-top: 1.25rem;
}

#n_news ul li a {
    display: block;
    background: #fff;
    display: flex;
    height: 10rem;
    align-items: center;
    padding-right: 3.25rem;
}

#n_news ul li .time {
    width: 8.75rem;
    border-right: 1px solid #e5e5e5;
    padding-left: 2rem;
    flex-shrink: 0;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

#n_news ul li .time:before {

    content: "";

    display: block;

    width: 100%;

    height: 0;

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: -1;

    ​background: -moz-linear-gradient(left, #56b5c8 0%, #015190 100%);

    background: -webkit-gradient(linear, left, right, color-stop(0%, #56b5c8), color-stop(100%, #015190));

    background: -webkit-linear-gradient(left, #56b5c8 0%, #015190 100%);

    background: -o-linear-gradient(left, #56b5c8 0%, #015190 100%);

    background: -ms-linear-gradient(left, #56b5c8 0%, #015190 100%);

    background: linear-gradient(to right, #56b5c8 0%, #015190 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56b5c8', endColorstr='#015190', GradientType=0);

    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56b5c8', endColorstr='#015190', GradientType=0);

}

#n_news ul li .time p {
    font-size: 2.25rem;
    color: #6a6e75;
    font-family: Barlow Condensed;
}

#n_news ul li .time i {
    display: block;
    width: 1.875rem;
    height: 1px;
    background: #3bb3c2;
    margin: 1.125rem 0;
}

#n_news ul li .time span {
    font-size: 1rem;
    color: #cbcbcb;
    font-family: "Poppins";
    font-weight: bold;
    display: block;
    margin-bottom: .25rem;
}

#n_news ul li .txt {
    padding: 0 3rem;
}

#n_news ul li .txt h5 {
    font-size: 1.25rem;
    color: #5d606c;
    margin-bottom: 1.125rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#n_news ul li .txt p {
    font-size: .875rem;
    line-height: 1.625rem;
    height: 3.25rem;
    overflow: hidden;
    color: #5d606c;
}

#n_news ul li .btn_more {
    flex-shrink: 0;
}

.btn_more {
    display: block;
    width: 4.375rem;
    cursor: pointer;
    height: 2.46rem;
    line-height: 2.46rem;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 1.375rem;
    -webkit-border-radius: 1.375rem;
    -moz-border-radius: 1.375rem;
    -ms-border-radius: 1.375rem;
    -o-border-radius: 1.375rem;
}

.btn_more svg {
    width: .875rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
}

.btn_more:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border: 1px solid #e5e5e5;
    border-radius: 1.625rem;
    -webkit-border-radius: 1.625rem;
    -moz-border-radius: 1.625rem;
    -ms-border-radius: 1.625rem;
    -o-border-radius: 1.625rem;
}

.btn_more:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    background: #3bb3c2;
}



.j_page {
    font-size: 0;
    text-align: center;
}

.j_page a {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    margin: 0 5px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #fff;
    text-align: center;
    font-size: .875rem;
    color: #404040;
    font-family: arial;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.j_page span {
    margin: 0 1rem;
}

.j_page a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border: 1px solid #eeeeef;
    border-radius: 1.625rem;
    -webkit-border-radius: 1.625rem;
    -moz-border-radius: 1.625rem;
    -ms-border-radius: 1.625rem;
    -o-border-radius: 1.625rem;
}

.j_page a:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0);
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    background: #1a68a5;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.j_page a:hover,
.j_page a.on {
    color: #ffff
}

.j_page a:hover:before,
.j_page a.on:before {}

.j_page a:hover:after,
.j_page a.on:after {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.j_page a:hover svg path {
    fill: #fff;
}



.img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#n_news02 {
    background: #eef2f6;
    overflow: hidden;
}

.n_news_slide {
    display: flex;
    background: #fff;
}

.n_news_slide .left {
    width: 41%;
}

.n_news_slide .right {
    width: 59%;
    padding: 3.25rem 3rem;
}

.n_news_nav {}

.n_news_for {}

.n_news_slide li a {
    display: block;
}

.n_news_slide .img {
    height: 22.875rem;
    width: 100%;
}

.n_news_slide .img img {
    object-fit: cover;
}

.n_news_slide .txt {}

.n_news_slide .time {
    font-size: 1.25rem;
    color: #3bb3c2;
    font-family: BarlowCondensed-Medium;
    display: block;
    margin: 1.75rem 0;
    display: flex;
    align-items: center;
}

.n_news_slide .time svg {
    width: .875rem;
    height: .875rem;
    margin-right: 5px;
}

.n_news_slide .time svg path {
    fill: #636363;
}

.n_news_slide .txt h5 {
    font-size: 1.375rem;
    font-weight: 600;
    color: #5d606c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.n_news_slide .txt p {
    font-size: .875rem;
    line-height: 1.625rem;
    height: 4.875rem;
    color: #5d606c;
    overflow: hidden;
}

.arrowbox {
    font-size: 0;
    margin-top: 1.75rem;
}

.arrowbox .btn_more {
    display: inline-block;
    margin-right: .75rem;
}

.arrowbox .btn_more:before {
    border: 1px solid #63b2e0;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.img {
    overflow: hidden;
}

.img img {
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}

li:hover .img img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

.n_newslist ul {
    margin: 0 -1.25rem;
    margin-top: -2.5rem;
}

.n_newslist li {
    width: 33.333%;
    float: left;
    padding: 0 1.25rem;
    margin-top: 2.5rem;
}

.n_newslist li a {}

.n_newslist li .img {

    position: relative;

    padding-bottom: 60% !important;

}

.n_newslist li .img img {

    position: absolute;

}

.n_newslist li .txt {
    background: #fff;
    padding: 2rem;
}

.n_newslist li .txt h5 {
    font-size: 1.125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.n_newslist li .txt .time {
    display: flex;
    align-items: center;
    font-size: .8125rem;
    color: #7b7b7b;
    display: block;
    margin: .75rem 0;
}

.n_newslist li .txt .time svg {
    width: .875rem;
    height: .875rem;
    margin-right: 7px;
}

.n_newslist li .txt p {
    font-size: .8125rem;
    color: #7b7b7b;
    line-height: 1.375rem;
    height: 2.75rem;
    overflow: hidden;
    margin-bottom: 1.375rem;
}

.n_newslist li .btn_xx {
    font-size: .8125rem;
    color: #535353;
    line-height: 1rem;
}

.n_newslist li .btn_xx i {
    display: inline-block;
    width: 15px;
    height: 2px;
    background: #3bb3c2;
    vertical-align: middle;
    margin-right: 9px;
}



.nav_sanji {}

.nav_sanji ul {
    font-size: 0;
    text-align: center;
    margin-top: -.75rem;
}

.nav_sanji ul li {
    margin-top: .75rem;
    padding: 0 .5rem;
    display: inline-block;
}

.nav_sanji ul li a {
    display: block;
    font-size: 1rem;
    color: #2c2c2c;
    overflow: hidden;
    padding: 0 1rem;
    width: 11.5rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    text-align: center;
    position: relative;
    z-index: 1;
    border-radius: 1.625rem;
    -webkit-border-radius: 1.625rem;
    -moz-border-radius: 1.625rem;
    -ms-border-radius: 1.625rem;
    -o-border-radius: 1.625rem;
}

.nav_sanji ul li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border: 2px solid #d7dae3;
    border-radius: 1.625rem;
    -webkit-border-radius: 1.625rem;
    -moz-border-radius: 1.625rem;
    -ms-border-radius: 1.625rem;
    -o-border-radius: 1.625rem;
}

.nav_sanji ul li a:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: #3cb2c0;
}

.nav_sanji ul li a:hover:before,
.nav_sanji ul li.on a:before {
    border: 1px solid #3cb2c0;
}

.nav_sanji ul li a:hover:after,
.nav_sanji ul li.on a:after {
    width: 100%;
}

.nav_sanji ul li a:hover,
.nav_sanji ul li.on a {
    color: #fff;
}



#n_huanjing {
    background: #eef2f6 url(/static/style/pc/images/n_huanjing_bg.jpg) center no-repeat;
    background-size: cover;
}

#n_huanjing .left {
    width: calc(100% - 180px);
    float: left;
    padding-right: .875rem;
}

#n_huanjing .right {
    width: 180px;
    float: right;
}

#n_huanjing .right ul li {
    padding: 7px 0;
}

#n_huanjing .left ul {
    box-shadow: -8.023px 29.944px 27px 0px rgba(44, 44, 44, 0.19);
}

#n_huanjing .left ul li .pic {
    height: 756px;
}

#n_huanjing .tt {
    margin-bottom: 2rem;
}

#n_huanjing .tt h3 {
    font-size: 1.875rem;
    color: #404040;
    font-weight: bold;
    margin-bottom: 1rem;
}

#n_huanjing .tt p {
    font-size: 1rem;
    color: #8b8d8f;
    line-height: 1.5;
}

#n_huanjing .pic {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    position: relative;
}

#n_huanjing .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#n_huanjing .right ul li {
    cursor: pointer;
}

#n_huanjing .right ul li.miso-current .pic:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #004173;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.arrowbox2 {
    position: relative;
    margin-top: -.5rem;
}

.arrowbox2 .arrowbtn {
    position: absolute;
    left: 50%;
    text-align: center;
    margin-left: -1.25rem;
    background: #3bb3c2;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.arrowbox2 .arrowbtn svg {
    width: .75rem;
    height: .75rem;
}

.arrowbox2 .arrow_top {
    top: -4.125rem;
}

.arrowbox2 .arrow_bot {
    bottom: -4.125rem;
}

.arrowbox2 .arrowbtn:hover {
    background: #004173;
}

#n_gongyi {
    background: #eef2f6;
}

#n_gongyi ul {
    margin-top: -1.875rem;
}

#n_gongyi ul li {
    position: relative;
    margin-top: 1.875rem;
    overflow: hidden;
}

#n_gongyi ul li .img {
    width: 68.4%;
}

#n_gongyi ul li .img img {}

#n_gongyi ul li .txt {
    width: 34.625rem;
    height: 25rem;
    padding: 3.375rem;
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9) url(/static/style/pc/images/gongyi_txt.png) right bottom no-repeat;
    border-radius: 2.5rem 0 2.5rem 0;
    -webkit-border-radius: 2.5rem 0 2.5rem 0;
    -moz-border-radius: 2.5rem 0 2.5rem 0;
    -ms-border-radius: 2.5rem 0 2.5rem 0;
    -o-border-radius: 2.5rem 0 2.5rem 0;
}

#n_gongyi ul li .time {
    border-bottom: 1px solid #3bb3c2;
    display: inline-block;
    text-align: center;
    padding-bottom: .75rem;
    margin-bottom: 1.5rem;
}

#n_gongyi ul li .time b {
    display: block;
    font-weight: normal;
    font-size: 2.625rem;
    font-family: POPPINS-BOLD;
    color: #3bb3c2;
}

#n_gongyi ul li .time span {
    font-size: .75rem;
    color: #3bb3c2;
    font-family: Poppins;
}

#n_gongyi ul li h5 {
    font-size: 1.375rem;
    color: #242424;
    font-weight: bold;
    line-height: 2rem;
    max-height: 4rem;
    overflow: hidden;
    margin-bottom: .875rem;
}

#n_gongyi ul li p {
    font-size: .875rem;
    line-height: 1.25rem;
    height: 2.5rem;
    overflow: hidden;
    margin-bottom: 2.5rem;
    color: #737474;
}

.btn_xq {
    display: block;
    width: 6.5rem;
    transition: .5s;
    cursor: pointer;
    font-size: .875rem;
    color: #242424;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 1.375rem;
    -webkit-border-radius: 1.375rem;
    -moz-border-radius: 1.375rem;
    -ms-border-radius: 1.375rem;
    -o-border-radius: 1.375rem;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.btn_xq:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border: 1px solid #e5e5e5;
    border-radius: 1.625rem;
    -webkit-border-radius: 1.625rem;
    -moz-border-radius: 1.625rem;
    -ms-border-radius: 1.625rem;
    -o-border-radius: 1.625rem;
}

.btn_xq:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    background: #3bb3c2;
}

.btn_xq:hover:before,
li:hover .btn_xq:before {
    border: 1px solid #3bb3c2;
}

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

.btn_xq:hover,
li:hover .btn_xq {
    color: #fff;
}

#n_gongyi ul li:nth-child(even) .img {
    float: right;
}

#n_gongyi ul li:nth-child(even) .txt {
    right: auto;
    left: 0;
    border-radius: 0 2.5rem 0 2.5rem;
    -webkit-border-radius: 0 2.5rem 0 2.5rem;
    -moz-border-radius: 0 2.5rem 0 2.5rem;
    -ms-border-radius: 0 2.5rem 0 2.5rem;
    -o-border-radius: 0 2.5rem 0 2.5rem;
}





#n_join {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-bottom: 66px;
    background: url(/static/style/pc/images/n_join_bg.jpg) center bottom no-repeat;
    background-size: cover;
}

#n_join #list_slide {
    position: relative;
}

#n_join #list_slide dl {
    position: relative;
    margin-bottom: 0;
    z-index: 1;
}

#n_join #list_slide dt {
    position: relative;
    cursor: pointer;
    height: 5.625rem;
    transition: .5s;
    padding: 0 2.25rem;
    border-bottom: 1px solid #c6cbd1;
}

#n_join #list_slide dt h3 {
    color: #505050;
    font-size: 1rem;
    line-height: 5.625rem;
    overflow: hidden;
    justify-content: space-between;
}

#n_join #list_slide dt h3 b {
    display: block;
    float: left;
    font-weight: bold;
    font-size: 1.25rem;
    width: 35%;
    color: #000000;
    background: url(/static/style/pc/images/n_join.png) left center no-repeat;
    padding-left: 6.25rem;
    transition: padding .5s !important;
    -webkit-transition: padding .5s !important;
    -moz-transition: padding .5s !important;
    -ms-transition: padding .5s !important;
    -o-transition: padding .5s !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#n_join #list_slide dt h3 span {
    font-size: 14px;
    color: #6e6e6e;
    float: left;
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

#n_join #list_slide dt h3 span:last-child {
    float: right;
    width: auto;
}



#n_join #list_slide dt h3 span svg {
    height: 5.625rem;
    width: 1.25rem;
    margin-right: 1.25rem;
}

#n_join #list_slide dt h3 span svg path {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

#n_join #list_slide .on dt {
    ​background: -moz-linear-gradient(left, #56b5c8 0%, #015190 100%);
    border-bottom: 0;

    background: -webkit-gradient(linear, left, right, color-stop(0%, #56b5c8), color-stop(100%, #015190));

    background: -webkit-linear-gradient(left, #56b5c8 0%, #015190 100%);

    background: -o-linear-gradient(left, #56b5c8 0%, #015190 100%);

    background: -ms-linear-gradient(left, #56b5c8 0%, #015190 100%);

    background: linear-gradient(to right, #56b5c8 0%, #015190 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56b5c8', endColorstr='#015190', GradientType=0);

    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56b5c8', endColorstr='#015190', GradientType=0);
}

#n_join #list_slide .on dt h3 span {
    color: #fff;
}

#n_join #list_slide .on dt b {
    color: #fff;
    background: url(/static/style/pc/images/n_join_on.png) left center no-repeat;
    padding-left: 2rem;
}

#n_join #list_slide .on dt span svg path {
    fill: #fff;
}

#n_join #list_slide dd {
    display: none;
    line-height: 32px;
    padding: 2.375rem 3rem 3rem;
    background: #fff url(/static/style/pc/images/join_dl_bg.png) right bottom no-repeat;
    border-bottom: 0;
}

#n_join #list_slide dd p {
    margin-bottom: 0;
}

#n_join #list_slide dd p:last-child {
    padding-bottom: 0;
}

#n_join #list_slide dd .content {
    display: flex;
}

#n_join #list_slide dd .content {
    color: #262626;
    line-height: 1.875rem;
    font-size: .9375rem;
}

#n_join #list_slide dd .content p {
    color: #262626;
    line-height: 1.875rem;
    font-size: .9375rem;
}

#n_join #list_slide dt h3 span.span04 {
    display: inline-block;
    height: 5.625rem;
    width: 2rem;
    background: url(/static/style/pc/images/n_join_ico01.png) right center no-repeat;
    padding-right: 26px;
}

#n_join #list_slide .on dt h3 span.span04 {
    background: url(/static/style/pc/images/n_join_ico02.png) right center no-repeat;
}

#n_join #list_slide .btn_toudi {
    width: 100px;
    height: 35px;
    display: block;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 13px;
    border-radius: 3px;
    background: #0e4da1;
    margin-bottom: 20px;
}

#n_join #list_slide .btn_toudi:hover {}



#list_slide .content {
    overflow: hidden;
}

#list_slide .content .left {
    width: 45%;
    float: left;
}

#list_slide .content .right {
    width: 55%;
    float: right;
    padding-left: 6rem;
}

#list_slide .content .scrollbox {
    height: 22.5rem;
    overflow: auto;
    padding-right: 2.5rem;
}

#list_slide .content .scrollbox::-webkit-scrollbar {
    width: 2px;
    height: 8px;
    background-color: #d9dce0;
}

#list_slide .content .scrollbox::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #d9dce0;
}

#list_slide .content .scrollbox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #3bb3c2;
}



.applybox {}

.applybox .tt {
    font-size: 1.5rem;
    color: #000000;
    font-weight: bold;
    margin-bottom: 3.125rem;
}

.applybox .tt span {
    font-size: 1.5rem;
    font-family: arial;
    color: #52b0c6;
    font-weight: normal;
    margin-left: 11px;
}

.applybox ul {
    font-size: .875rem;
    line-height: 1.625rem;
    color: #464748;
}

.applybox ul li {
    padding-left: 1.875rem;
    background: url(/static/style/pc/images/yuan.svg) left .375rem no-repeat;
    background-size: 1rem;
}

.applybox ul li .green {
    color: #3bb3c2;
}

.applybox .a {
    width: auto;
    height: 3.4375rem;
    line-height: 3.4375rem;
    margin-top: 3rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    transition: .5s;
    background: #52b0c6;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    padding: 0 1.5rem;
}

.applybox .a .bg_jianbian {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    transition: .5s;

    opacity: 0;
    border-radius: 3px !important;

    visibility: hidden;
    z-index: -1;

}

.applybox .a:hover {
    background: transparent
}

.applybox .a:hover .bg_jianbian {
    opacity: 1;
    visibility: visible;
}

.n_search {
    margin-bottom: 3rem;
}

.n_search form {
    width: 929px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.n_search form input {
    width: calc(100% - 8.125rem);
    float: left;
    height: 3.75rem;
    background: #fff;
    font-size: 1rem;
    color: #585a5e;
    padding-left: 1.75rem;
    border: 1px solid #cfe9ec;
    border-radius: 2rem 0 0 2rem;
    -webkit-border-radius: 2rem 0 0 2rem;
    -moz-border-radius: 2rem 0 0 2rem;
    -ms-border-radius: 2rem 0 0 2rem;
    -o-border-radius: 2rem 0 0 2rem;
}

.n_search form .n_button {
    width: 8.125rem;
    height: 3.75rem;
    font-size: 1.125rem;
    cursor: pointer;
    font-weight: bold;
    float: right;
    background: #52b0c6;
    color: #fff;
    border-radius: 0 2rem 2rem 0;
    -webkit-border-radius: 0 2rem 2rem 0;
    -moz-border-radius: 0 2rem 2rem 0;
    -ms-border-radius: 0 2rem 2rem 0;
    -o-border-radius: 0 2rem 2rem 0;
}

.n_search form .n_button:hover {
    background: #015190;
}

.n_search form .n_button svg {
    width: 1.25rem;
}



#n_wenhua {
    background: #eef2f6 url(/static/style/pc/images/n_wenhua_bg.jpg) center bottom no-repeat;
}

#n_wenhua .left {
    width: 43%;
    float: left;
}

#n_wenhua .right {
    width: 57%;
    float: left;
}

.n_wenhua01 {}

.n_wenhua01 li {
    overflow: hidden;
    padding: .3125rem;
}

.n_wenhua01 li .img {
    width: calc(100% - 13.75rem);
    height: 13.5rem;
    float: right;
}

.n_wenhua01 li .txt {
    width: 13.75rem;
    height: 13.5rem;
    background: #fff;
    float: left;
    text-align: center;
    padding: 1.75rem;
}

.n_wenhua01 li .txt h5 {
    font-size: 1rem;
    line-height: 1.5rem;
    height: 4.5rem;
    overflow: hidden;
}

.n_wenhua01 li .time {
    border-bottom: 1px solid #3bb3c2;
    display: inline-block;
    text-align: center;
    padding-bottom: .75rem;
    margin-bottom: 1rem;
}

.n_wenhua01 li .time b {
    display: block;
    font-weight: normal;
    font-size: 2.625rem;
    font-family: POPPINS-BOLD;
    color: #999b9f;
}

.n_wenhua01 li .time span {
    font-size: .75rem;
    color: #999b9f;
    font-family: Poppins;
}



.n_wenhua01.bot {
    display: flex;
}

.n_wenhua01 li.on .txt {
    width: auto;
    background: #3bb3c2;
}

.n_wenhua01 li.on .time {
    border-bottom: 1px solid #fff;
}

.n_wenhua01 li.on .time b {
    color: #fff !important;
}

.n_wenhua01 li.on .time span {
    color: #fff !important;
}

.n_wenhua01 li.on .txt h5 {
    color: #fff;
}



.n_wenhua02 {
    padding: .3125rem;
}

.n_wenhua02 li.miso-slide {
    position: relative;
}

.n_wenhua02 li.miso-slide .img {
    height: 27.625rem;
}

.n_wenhua02 li.miso-slide h5 {
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.125rem;
    color: #fff;
    font-weight: normal;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    padding-left: 1.75rem;
    padding-right: 12.5rem;
}

.n_wenhua02 .miso-dots {
    bottom: 1.5rem;
    right: 2rem;
    text-align: right;
    width: 10rem;
}

.n_wenhua02 .miso-dots li {
    margin: 0 7px;
}

.n_wenhua02 .miso-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #3bb3c2;
    box-sizing: border-box;
    opacity: 1;
    transition: .5s width;
}

.n_wenhua02 .miso-dots li.miso-active {
    width: 1.875rem;
    height: 8px;
    background: #fff;
}

.n_wenhua02 .miso-dots li button {
    display: none;
}



.n_wenhua01 li:hover .time b {
    color: #3bb3c2;
}

.n_wenhua01 li:hover .time span {
    color: #3bb3c2;
}



#n_lianxi {
    width: 100%;
    overflow: hidden;
    background: #eef2f6;
}

#n_lianxi>div {
    display: flex;
}

#n_lianxi .left {
    width: 50%;
    float: left;
}

#n_lianxi .right {
    width: 50%;
    float: right;
    padding-left: 8rem;
}

#allmap {
    width: 100%;
    height: 100%;
    border-right: 1px solid #d4d4d4;
}

#allmap * {
    max-width: inherit;
    max-height: inherit;
}

.n_lianxi {
    max-width: 640px;
}

.n_lianxi .tt {
    font-size: 1.875rem;
    color: #424346;
    padding-bottom: 1.875rem;
    background: url(/static/style/pc/images/lianxi_tt.png) left bottom no-repeat;
    background-size: contain;
}

.n_lianxi .tt span {
    text-transform: uppercase;
    margin-left: 1rem;
    color: #3bb3c2;

    background: linear-gradient(to right, #3bb3c2, #015190);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.n_lianxi dl {
    display: flex;
    margin: 0;
    padding: 1.625rem 0;
    border-bottom: 1px solid #e2e2e4;
    position: relative
}

.n_lianxi dl:before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #3bb3c2;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
}

.n_lianxi dl dt {}

.n_lianxi dl dd {
    padding-left: .875rem;
}

.n_lianxi dl dd span {
    font-size: .875rem;
    color: #7d7d7d;
    font-weight: bold;
    margin-bottom: .5rem;
    display: block;
}

.n_lianxi dl dd p {
    font-size: .9375rem;
    color: #2c2c2c;
    font-weight: bold;
}

.n_lianxi .con {}

.n_lianxi .con dl {
    width: 45%;
    float: left;
}

.n_lianxi .con dl:nth-child(2),
.n_lianxi .con dl:nth-child(4) {
    width: 55%;
    padding-left: 10%;
    position: relative;
}

.n_lianxi .con dl:nth-child(2):before,
.n_lianxi .con dl:nth-child(4):before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 44px;
    left: 0;
    top: 50%;
    margin-top: -22px;
    background: #e2e2e4;
}

.n_lianxi dl.item_add {
    cursor: pointer;
}

.n_lianxi dl.item_add.on dd span {
    color: #3bb3c2;
}

.n_lianxi dl.item_add.on dd p {
    color: #3bb3c2;
}

.n_lianxi dl.item_add.on:before {
    width: 100%;
    left: 0;
    right: auto;
}



.zl_tt {
    text-align: center;
}

.zl_tt h3 {
    font-size: 1.875rem;
    color: #5d606c;
    font-weight: normal;
    margin-bottom: 7px;
}

.zl_tt p {
    font-size: 1.5rem;
    color: #3bb3c2;
    font-family: Poppins-s;
    line-height: 2rem;
    text-transform: uppercase;
}



#n_zhanlue01 {
    position: relative;
    background: #eef2f6;
    padding-bottom: 10rem;
}

#n_zhanlue01 .centerbox {
    position: relative;
    width: 376px;
    height: 322px;
    margin: 0 auto;
    margin-top: 8rem;
}

#n_zhanlue01 .centerpic {
    width: 376px;
    height: 322px;
}

#n_zhanlue01 .buju_arr {
    width: 190px;
    height: 219px;
    position: absolute;
    left: 50%;
    margin-left: -95px;
    top: -6rem;
    animation-delay: 0ms;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-name: arrow;
    animation-play-state: running;
    animation-timing-function: linear;
}

#n_zhanlue01 .centerbox ul li {
    position: absolute;
    width: 23.75rem;
    height: 80px;
    line-height: 78px;
    background: #fff;
    padding: 4px;
    display: flex;
    border: 1px solid #3bb3c2;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

#n_zhanlue01 .centerbox ul li h5 {
    font-size: 1.125rem;
    color: #333438;
    font-weight: bold;
    flex-grow: 1;
    text-align: center;
}

#n_zhanlue01 .centerbox ul li span {
    display: block;
    position: relative;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #3bb3c2;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

#n_zhanlue01 .centerbox ul li span img {}

#n_zhanlue01 .centerbox ul li span:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid #3bb3c2;
    position: absolute;
    right: -24px;
    top: 50%;
    margin-top: -10px;
}

#n_zhanlue01 .centerbox ul li.li_4 span:before,

#n_zhanlue01 .centerbox ul li.li_5 span:before,

#n_zhanlue01 .centerbox ul li.li_6 span:before {
    right: auto;
    left: -24px;
    border: 10px solid transparent;
    border-right: 10px solid #3bb3c2;
}

#n_zhanlue01 .centerbox ul li.li_1 {
    right: 100%;
    top: 0;
}

#n_zhanlue01 .centerbox ul li.li_2 {
    right: calc(100% + 2rem);
    top: 50%;
    margin-top: -2.5rem;
}

#n_zhanlue01 .centerbox ul li.li_3 {
    right: 100%;
    bottom: 0;
}

#n_zhanlue01 .centerbox ul li.li_4 {
    left: 100%;
    top: 0;
}

#n_zhanlue01 .centerbox ul li.li_5 {
    left: calc(100% + 2rem);
    top: 50%;
    margin-top: -2.5rem;
}

#n_zhanlue01 .centerbox ul li.li_6 {
    left: 100%;
    bottom: 0;
}



#n_zhanlue01 .centerbox ul li.li_11 {
    font-size: 1.375rem;
    color: #515151;
    background: none;
    font-weight: bold;
    justify-content: center;
    border: 0;
    text-align: center;
    right: 100%;
    bottom: -4.5rem;
}

#n_zhanlue01 .centerbox ul li.li_22 {
    font-size: 1.375rem;
    color: #515151;
    background: none;
    font-weight: bold;
    justify-content: center;
    border: 0;
    text-align: center;
    left: 100%;
    bottom: -4.5rem;
}



#n_zhanlue01 .centerbox ul li.li_1 span:before {
    right: -22px;
    top: 50%;
    margin-top: -1px;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
}

#n_zhanlue01 .centerbox ul li.li_3 span:before {
    right: -22px;
    top: 50%;
    margin-top: -22px;
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
}

#n_zhanlue01 .centerbox ul li.li_4 span:before {
    left: -22px;
    top: 50%;
    margin-top: -1px;
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
}

#n_zhanlue01 .centerbox ul li.li_6 span:before {
    left: -22px;
    top: 50%;
    margin-top: -22px;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
}



@-webkit-keyframes arrow {

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

    33% {
        opacity: 1;
    }

    66% {
        opacity: 1;
    }

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

}

@keyframes arrow {

    0% {
        opacity: 0;
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate3d(0px, 0px, 0px);
    }

    33% {
        opacity: 1;
    }

    66% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(0px, -15px, 0px);
        -webkit-transform: translate3d(0px, -15px, 0px);
        -moz-transform: translate3d(0px, -15px, 0px);
        -ms-transform: translate3d(0px, -15px, 0px);
        -o-transform: translate3d(0px, -15px, 0px);
    }

}





.zl_tt2 {
    align-items: center;
}

.zl_tt2 b {
    font-size: 2.25rem;
    font-weight: bold;
    color: #3bb3c2;
}

.zl_tt2 i {
    display: inline-block;
    width: 3rem;
    height: 1px;
    background: #2c2c2c;
    margin: 0 .5rem;
}

.zl_tt2 p {
    font-size: 1.5rem;
    color: #2c2c2c;
    color: #2c2c2c;
    display: inline-block;
}

.zl_tt2 h6 {
    font-size: 1.125rem;
    color: #888;
    line-height: 1.375;
    margin: 1.5rem 0 0;
    display: inline-block;
    position: relative;
    padding: 1rem 0 0;
}

.zl_tt2 h6:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background: #d2d2d2
}

.zl_tt2 h6 br {}

.zl_tt2.white {
    font-size: 1.875rem;
}

.zl_tt2.white i {
    background: #fff;
    width: 2.25rem;
}

.zl_tt2.white p {
    color: #fff;
    font-size: 1.125rem;
}





/*浪*/

@keyframes move_wave {

    0% {

        transform: translateX(0) translateZ(0) scaleY(1)
    }



    50% {

        transform: translateX(-25%) translateZ(0) scaleY(0.75)
    }



    100% {

        transform: translateX(-50%) translateZ(0) scaleY(1)
    }

}



.waveWrapper {

    overflow: hidden;



    position: absolute;

    left: 0;

    right: 0;

    top: -100px;

    margin: auto;

    height: 150px;

    z-index: 3;
    pointer-events: none;

}



.waveWrapperInner {

    position: absolute;

    width: 100%;

    overflow: hidden;

    height: 100%;

    bottom: -1px
}



.bgTop {

    z-index: 15;

    opacity: 1;

}



.bgMiddle {



    z-index: 10;

    opacity: 1;

}



.bgBottom {

    z-index: 5;

}



.wave {

    position: absolute;

    left: 0;

    width: 200%;

    height: 100%;

    background-repeat: repeat no-repeat;

    background-position: 0 bottom;

    transform-origin: center bottom;

}



.waveTop {

    background-size: 50% 100px;

}



.waveAnimation .waveTop {

    animation: move_wave 12s linear infinite;

}



.waveMiddle {

    background-size: 50% 120px;

}



.waveAnimation .waveMiddle {

    animation: move_wave 10s linear infinite;

}



.waveBottom {

    background-size: 50% 100px;

}



.waveAnimation .waveBottom {

    animation: move_wave 15s linear infinite;

}



#n_zhanlue02 {
    border-bottom: 5px solid #e4e9ef;
    position: relative;
}

#n_zhanlue02 .w1200 {
    position: relative;
}

#n_zhanlue02 .zl_tt {
    position: absolute;
}

#n_zhanlue02 .span111 {
    font-size: .875rem;
    color: #888;
    line-height: 1.75;
    margin: 2rem 0 -3rem;
    display: none;
}

.zl02_for {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 1rem;
    position: relative;
    z-index: 4;
    overflow: hidden;
    padding-top: 80px;
}

.zl02_for li {
    position: relative;
    padding-left: 2.25rem;
}

.zl02_for li .box {
    padding-top: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.zl02_for li i {
    display: block;
    width: 5px;
    height: 100%;
    background: #e4e9ef;
    position: absolute;
    left: 0;
    bottom: 0;
}

.zl02_for li i:before {
    content: "";
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;

    background: linear-gradient(top, #3bb3c2, #e4e9ef);

    background: -o-linear-gradient(top, #3bb3c2, #e4e9ef);

    background: -ms-linear-gradient(top, #3bb3c2, #e4e9ef);

    background: -webkit-linear-gradient(top, #3bb3c2, #e4e9ef);

    background: -moz-linear-gradient(top, #3bb3c2, #e4e9ef);

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3bb3c2), to(#e4e9ef));

    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#3bb3c2, endColorStr=#e4e9ef);

}

.zl02_for li.on i:before {
    opacity: 1;
}

.zl02_for li:after {
    content: "";
    display: block;
    width: 1.625rem;
    height: 1.625rem;
    box-sizing: border-box;
    border-radius: 50%;
    border: 5px solid #3bb3c2;
    background: #fff;
    position: absolute;
    left: -.625rem;
    top: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.zl02_for li .time {
    font-size: 1.875rem;
    color: #3bb3c2;
    font-family: POPPINS-BOLD;
    margin-bottom: .75rem;
    position: relative;
}

.zl02_for li .time:before {
    content: "";
    display: block;
    width: 73px;
    height: 69px;
    background: url(/static/style/pc/images/zl02_logo.png) center no-repeat;
    position: absolute;
    top: -80px;
    transition: 1.5s;
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -ms-transition: 1.5s;
    -o-transition: 1.5s;
}

.zl02_for li h5 {
    font-size: 1.875rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.zl02_for li .txt {
    font-size: 1rem;
    line-height: 1.875rem;
}

.zl02_for li.li_1 {
    height: 210px;
}

.zl02_for li.li_2 {
    height: 340px;
}

.zl02_for li.li_3 {
    height: 458px;
}

.zl02_nav {
    position: absolute;
    top: 100%;
    margin-top: 4.5rem;
    right: 0;
    width: 546px;
    max-width: 100%;
}

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

.zl02_nav li {
    padding: 0 3px;
    flex-grow: 1;
}

.zl02_nav li div {
    height: 11.875rem;
    background: #eff0f4;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 0 0 10px 10px;
    cursor: pointer;
    font-size: 1.5rem;
    color: #a4a6ab;
    font-family: POPPINS-BOLD;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
}

.zl02_nav li div:before {
    content: "";
    opacity: 0;
    background: url(/static/style/pc/images/zl02_nav.png) center no-repeat;
    background-size: cover;
    position: absolute;
    border-radius: 0 0 10px 10px;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.zl02_nav li.on div:before {
    opacity: 1;
    height: calc(100% + 4.5rem - 5px);
}

.zl02_nav li.on div {
    color: #fff;
}

#n_zhanlue03 {
    height: 23rem;
    background: url(/static/style/pc/images/zhanlue03_bg.jpg) center no-repeat;
    margin-top: 2.25rem;
    padding-bottom: 3.75rem;
}

#n_zhanlue03 .w1200 {
    position: relative;
    height: 100%;
}

#n_zhanlue03 .zl_tt2 {
    position: absolute;
    bottom: 0;
    display: none;
}

#n_zhanlue03 .txt {
    position: absolute;
    top: 0;
    right: 50px;
}

#n_zhanlue03 .txt p {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #fff;
    margin-bottom: 1.25rem;
}

#n_zhanlue03 .txt h6 {
    font-size: 1.125rem;
    font-family: POPPINS-BOLD;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.5;
}



#n_news_xq {
    background: #eef2f6;
}

#n_news_xq .content {
    background: #fff;
    padding: 2.5rem 2.875rem;
}

#n_news_xq .left_con {
    width: calc(100% - 23rem);
    float: left;
    padding-right: 3rem;
}

#n_news_xq .right_con {
    width: 20rem;
    float: right;
}

.ar_title {
    display: flex;
    margin-bottom: 2rem;
}

.ar_title h2 {
    font-size: 1.625rem;
    color: #303137;
    font-weight: bold;
    width: 100%;
    line-height: 1.5;
}

.ar_title h4 {}

.ar_title h4 span {
    font-size: .875rem;
    color: #6c6e79;
}

.ar_time {
    display: block;
    width: 6.375rem;
    height: 6.375rem;
    background: #eef2f6;
    text-align: center;
    padding-top: .75rem;
    margin-right: 1.875rem;
    flex-shrink: 0;
}

.ar_time b {
    font-size: 3.25rem;
    color: #3bb3c2;
    font-family: BarlowCondensed-Medium;
    display: block;



    background: linear-gradient(to bottom, #3bb3c2, #015190);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.ar_time span {
    font-size: 1.125rem;
    color: #3bb3c2;
    font-family: BarlowCondensed-Medium;

    background: linear-gradient(to bottom, #3bb3c2, #015190);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.ar_t {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}



.r_jiansuo {
    padding: 2.25rem 1.875rem;
    background: url(/static/style/pc/images/jiansuo_bg.png) center top no-repeat;
    background-size: cover;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.r_tt {
    margin-bottom: 1.875rem;
}

.r_tt h4 {
    font-size: 1.375rem;
    color: #303137;
    font-weight: bold;
    margin-bottom: 3px;
}

.r_tt span {
    font-size: 1rem;
    color: #3bb3c2;
    font-family: POPPINS-BOLD;
    text-transform: uppercase;
}



.r_search {
    margin-bottom: 3rem;
}

.r_search form {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.r_search form input {
    width: calc(100% - 3rem);
    float: left;
    height: 3.75rem;
    background: #fff;
    font-size: 1rem;
    color: #585a5e;
    padding-left: 1.25rem;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.r_search form .n_button {
    width: 3rem;
    height: 3.75rem;
    font-size: 1.125rem;
    cursor: pointer;
    font-weight: bold;
    float: right;
}

.r_search form .n_button svg {
    width: 1.25rem;
}

#txt_calendar {
    width: 100%;
    height: 3.75rem;
    font-family: BarlowCondensed-Medium;
    font-size: 1rem;
    color: #585a5e;
    padding-left: 1.25rem;
    margin-bottom: 13px;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
}

.everyWeekDay .weekday,
.everyDay .days {
    display: -moz-inline-box;
    display: inline-block;
    margin: 5px 0 0 20px;
    text-align: center;
    width: 20px;
    border: 1px solid #F7F7F7;
    cursor: pointer;
}

.marginTop {
    margin-top: 5px;
}

.selectStyle {
    padding-left: 10px;
    border: none;
    border-radius: 3px;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0 10px 0 10px;
    width: 60px;
    border-color: #0FB9EF;
    color: #0FB9EF;
}

#dateOuter {
    z-index: 999;
    font-family: BarlowCondensed-Medium;
}

.r_tuijian {
    padding: 2.25rem 1.5rem;
}

.r_tuijian ul {}

.r_tuijian ul li {}

.r_tuijian ul li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .875rem;
    line-height: 2.25rem;
    color: #000000;
}



.ar_fot {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}

.ar_fot a {
    display: block;
    width: 115px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: .875rem;
    color: #fff;
    background: #3bb3c2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.ar_fot a svg {
    width: 16px;
}

.ar_fot a:hover {
    background: #004173;
}



.r_shejiao {
    overflow: hidden;
    padding-bottom: 8rem;
}

.r_shejiao li {
    float: left;
    position: relative;
    margin-right: 6px;
}

.r_shejiao li .pic {
    position: absolute;
    width: 6.25rem;
    height: 6.25rem;
    top: 4rem;
    padding: 5px;
    background: #fff;
    border-radius: 3px;
    display: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.r_shejiao li .pic img {
    display: inline-block;
    vertical-align: middle;
}

.r_shejiao li .pic:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -18px;
    left: 10px;
}

.r_shejiao li.on .pic {
    display: block;
}



/* hover */

@media(min-width: 992px) {

    .btn_more svg path,
    .btn_more:before,
    .btn_more:after,
    #n_news ul li .txt h5,
    #n_news ul li .time:before,
    #n_news ul li .time p,
    #n_news ul li .time i,
    #n_news ul li .time span,
    .j_page a,
    .j_page a:before,
    .j_page a:after,
    .j_page a svg path,

    .n_newslist li .txt h5,
    .n_newslist li .btn_xx,
    .n_newslist li .btn_xx i,

    .nav_sanji ul li a,
    .nav_sanji ul li a:before,
    .nav_sanji ul li a:after,

    .arrowbox2 .arrowbtn,

    .btn_xq:before,
    .btn_xq:after,
    .btn_xq,

    #n_join #list_slide dt h3 b,

    .n_button,

    .n_lianxi dl dd span,
    .n_lianxi dl dd p,

    .zl02_nav li div:before,

    .zl02_nav li div,
    .zl02_for li i:before,

    .ar_fot a {
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }

    #n_news ul li:hover .time:before {
        height: 100%;
        top: 0;
        bottom: auto;
    }

    #n_news ul li:hover .time p {
        color: #fff;
    }

    #n_news ul li:hover .time i {
        background: #fff;
    }

    #n_news ul li:hover .time span {
        color: #fff;
    }

    .btn_more:hover:before,
    li:hover .btn_more:before {
        border: 1px solid #3bb3c2;
    }

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

    .btn_more:hover svg path,
    li:hover .btn_more svg path {
        fill: #fff;
    }

    #n_news ul li:hover .txt h5 {
        color: #3bb3c2;
    }

    .n_newslist li:hover .txt h5 {
        color: #3bb3c2;
    }

    .n_newslist li:hover .btn_xx {
        color: #3bb3c2;
    }

    .n_newslist li:hover .btn_xx i {
        width: 60px;
    }

    .zl02_for li.on .box {
        padding-top: 2rem;
    }

    .zl02_for li.on .time:before {
        transform: rotate(180deg) scale(.8);
        -webkit-transform: rotate(180deg) scale(.8);
        -moz-transform: rotate(180deg) scale(.8);
        -ms-transform: rotate(180deg) scale(.8);
        -o-transform: rotate(180deg) scale(.8);
    }

}

@media(max-width: 1440px) {

    #n_huanjing .left ul li .pic {
        height: 628px;
    }

    #list_slide .content .right {
        padding-left: 3rem;
    }

}

@media(max-width: 1280px) {

    #n_huanjing .left ul li .pic {
        height: 499px;
    }

    #n_zhanlue01 .centerbox ul li {
        width: 21rem;
    }

    #n_zhanlue01 .centerbox ul li h5 {
        font-size: 1rem;
    }

}

@media(max-width: 992px) {

    #n_huanjing .left {
        width: 100%;
        float: none;
        padding: 0;
    }

    #n_huanjing .left ul li .pic {
        height: auto;
    }

    #n_huanjing .right {
        width: 100%;
        float: none;
        margin-top: 2rem;
        padding-bottom: 0;
    }

    #n_huanjing .left ul {
        box-shadow: -2px 10px 15px 0px rgba(44, 44, 44, 0.19);
    }

    #n_huanjing .right ul li {
        padding: 3px;
    }

    .arrowbox2 .arrowbtn {
        display: none !important;
    }

    #n_gongyi ul li .txt {
        height: 23rem;
        padding: 3rem;
    }

    #n_gongyi ul li .img {
        height: 28rem;
    }



}

@media(max-width: 767px) {

    .xs_jianju {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

    .xs_jianju li {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .n_newslist li {
        width: 50%;
    }

    .n_news_slide {
        display: block;
    }

    .n_news_slide .left {
        width: 100%;
    }

    .n_news_slide .img {
        height: auto;
    }

    .n_news_slide .right {
        width: 100%;
        padding: 2rem 2rem;
    }

    .pad_bot {
        padding-bottom: 3rem;
    }

    .pad_top {
        padding-top: 3rem;
    }

    .nav_sanji {
        padding-bottom: 2rem;
    }

    #n_news ul li a {
        display: block;
        padding-right: 1rem;
    }

    #n_news ul li .time {
        width: 7.5rem;
        float: left;
    }

    #n_news ul li .txt {
        padding: 2.25rem 1rem;
        width: calc(100% - 7.5rem);
        float: right;
    }

    #n_news ul li .btn_more {
        display: none;
    }

    #n_gongyi ul li .img {
        width: 100%;
        float: none !important;
        height: auto;
        border-radius: 2.5rem 0 0 0 !important;
        -webkit-border-radius: 2.5rem 0 0 0 !important;
        -moz-border-radius: 2.5rem 0 0 0 !important;
        -ms-border-radius: 2.5rem 0 0 0 !important;
        -o-border-radius: 2.5rem 0 0 0 !important;
    }

    #n_gongyi ul li .txt {
        width: 100%;
        height: auto;
        position: relative;
        border-radius: 0 0 2.5rem 0 !important;
        -webkit-border-radius: 0 0 2.5rem 0 !important;
        -moz-border-radius: 0 0 2.5rem 0 !important;
        -ms-border-radius: 0 0 2.5rem 0 !important;
        -o-border-radius: 0 0 2.5rem 0 !important;
    }

    #list_slide .content .left {
        width: 100%;
        float: none;
    }

    #list_slide .content .right {
        width: 100%;
        float: none;
        padding: 0;
        margin-top: 2rem;
    }

    #n_join #list_slide dd .content {
        display: block;
    }

    #list_slide .content .scrollbox {
        height: auto;
    }

    #n_join #list_slide dt {
        padding: 0;
        padding-right: 1rem;
        height: 4rem;
    }

    #n_join #list_slide dt h3 b {
        padding-left: 2.25rem;
        background-size: 1.25rem;
    }

    #n_join #list_slide dt h3 span:nth-child(2),
    #n_join #list_slide dt h3 span:nth-child(3) {
        display: none;
    }

    #list_slide .content .scrollbox {
        padding-right: 0;
    }

    #n_join #list_slide dd {
        padding: 1.5rem;
    }

    #n_join #list_slide dl {
        margin: 0;
    }

    #n_wenhua .left {
        width: 100%;
        float: none;
    }

    #n_wenhua .right {
        width: 100%;
        float: none;
    }

    .n_wenhua02 li.miso-slide .img {
        height: auto;
    }

    .n_wenhua01 li .img {
        height: 12rem;
        width: calc(100% - 12rem);
    }

    .n_wenhua01 li .txt {
        height: 12rem;
        padding: 1rem;
        width: 12rem;
    }

    .n_wenhua01 li .time {
        padding-bottom: .5rem;
    }

    #n_zhanlue01 .centerbox ul li {
        position: static;
        margin-top: 1rem !important;
    }

    #n_zhanlue01 .centerbox {
        height: auto;
        width: 100%;
    }

    #n_zhanlue01 .centerpic {
        width: 100%;
        height: auto;
    }

    #n_zhanlue01 .centerbox ul li {
        width: 100%;
    }

    #n_zhanlue01 {
        padding-bottom: 6rem;
    }

    #n_zhanlue02 .w1200 {
        position: relative;
        z-index: 4;
    }

    .zl02_nav {
        display: none;
    }

    #n_zhanlue03 .txt h6 br {
        display: none
    }

    #n_zhanlue03 .zl_tt2 {
        position: static;
        margin-bottom: 3rem;
        opacity: 0;
    }

    #n_zhanlue03 .txt {
        position: static;
    }

    #n_zhanlue03 {
        height: auto;
        background-size: auto 100% !important;
        margin-top: 0;
    }

    .zl02_for {
        display: block;
    }

    .zl02_for li {
        height: auto !important;
        padding-bottom: 7rem;
    }

    #n_news_xq .left_con {
        width: 100%;
        float: none;
        padding: 0;
    }

    #n_news_xq .right_con {
        width: 100%;
        float: none;
        margin-top: 3rem;
    }

    #n_news_xq .content {
        padding: 2.5rem 1rem;
    }

    .n_newslist li .img {
        height: 106px;
    }

    .n_newslist li .txt {
        padding: 2rem 1rem;
    }

    #n_zhanlue01 .centerbox ul li span:before {
        display: none;
    }

    #n_zhanlue01 .centerbox ul li {
        height: 70px;
        line-height: 68px;
    }

    #n_zhanlue01 .centerbox ul li span {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }



    #n_join #list_slide dt h3 {
        line-height: 4rem
    }



    .applybox ul li {
        padding-left: 1.25rem
    }

}



.list_box_40 li:hover .img img {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

}

.list_box_40 li:hover h5 {
    color: #3bb3c2
}



.list_box_40 .miso-arrow {
    width: 3.5rem;
    height: 3.5rem;
    background-size: cover !important;
    transition: .5s
}

.list_box_40 .miso-prev {
    background: url(/static/style/pc/images/n_honor_fl02_prev.png) center no-repeat;
    left: -5rem
}

.list_box_40 .miso-next {
    background: url(/static/style/pc/images/n_honor_fl02_next.png) center no-repeat;
    right: -5rem
}

.list_box_40 .miso-prev:hover {
    background: url(/static/style/pc/images/n_honor_fl02_prev_on.png) center no-repeat;
}

.list_box_40 .miso-next:hover {
    background: url(/static/style/pc/images/n_honor_fl02_next_on.png) center no-repeat;
}



ul.dots .miso-list {
    overflow: visible
}



ul.dots {

    font-size: 0;

    white-space: nowrap;

    height: 24px;

    z-index: 20;

    position: relative;

    width: 400px;

    display: inline-block;

    margin: 0;

    left: 50%;

    margin-left: -200px;

    text-align: center;

}



.miso-dots li .dot {

    position: relative;

    vertical-align: top;

    display: inline-block;

    cursor: pointer;

    height: 24px;

    width: 24px !important;

    transition: width .3s ease, height .3s ease;

    float: none;

}



.miso-dots li .dot .bullet {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background-color: #fff;

    height: 4px;

    width: 4px;

    opacity: 1;

    transition: opacity .3s ease, background-color .3s ease;

}



.miso-dots li .dot .circle-border,
.miso-dots li .dot .number {

    transform: translate(-50%, -50%) scale(0);

    transition: transform .3s ease
}



.miso-dots li .dot .number {

    position: absolute;

    top: 50%;

    left: 50%;

    font-size: 12px;

    text-align: center;

    z-index: 10;

    color: #fff;

}



.grid,
.grid div {

    top: 0;

    height: 100%
}



.miso-dots li .dot .circle-timer {

    transform: translate(-50%, -50%) scale(0) rotate(-90deg)
}



.miso-dots li .dot:hover .bullet {

    background-color: #b4cad4
}



.miso-dots li.miso-active .dot {

    height: 24px;

    width: 24px !important;

}



.miso-dots li.miso-active .dot .bullet {

    opacity: 0
}



.miso-dots li.miso-active .dot.circle-border {

    transform: translate(-50%, -50%) scale(1)
}



.miso-dots li.miso-active .dot .circle-timer {

    transform: translate(-50%, -50%) scale(1) rotate(-90deg)
}



.miso-dots li.miso-active .dot .number {

    transform: translate(-50%, -50%) scale(1)
}



.shsiv .cards,
.shsiv .dots {

    opacity: 0;

    transition: opacity 1s ease
}



.shsiv.scrolled_into_viewport .cards,
.shsiv.scrolled_into_viewport .dots {

    opacity: 1
}



svg.circle-border,
svg.circle-timer {

    position: absolute;

    top: 50%;

    left: 50%;

    box-sizing: border-box
}



svg.circle-border {

    height: 24px;

    width: 24px;

    stroke-width: 1px;

    stroke: rgba(86, 128, 141, .2);

    transform: translate(-50%, -50%);

    transition: stroke-width .3s ease, stroke .3s ease
}

svg.circle-timer {

    height: 24px;

    width: 24px;

    stroke-width: 2px;

    stroke-dasharray: 0;

    stroke-dashoffset: 0;

    stroke: #4b575c;

    transform: translate(-50%, -50%) rotate(-90deg)
}

.yuandian svg {

    transform: rotate(-90deg);

}



.miso-dots li.miso-active .dot .progress {

    animation: rotate 6200ms linear both;

}



@keyframes rotate {

    from {

        stroke-dashoffset: 76px;

    }

    to {

        stroke-dashoffset: 0px;

    }

}



.n_rencaizl .fl01 {
    padding: 6.125rem 0 4rem;
    background: #eef2f6;
    overflow: hidden
}

.n_rencaizl .fl01 .img {
    overflow: hidden;
    border-radius: .625rem
}

.n_rencaizl .fl01 .img .img_hezi {
    padding-bottom: 41.42% !important
}

.n_rencaizl .fl01 .img .top {
    position: absolute;
    top: 0;
    right: 5rem;
    bottom: 0;
    text-align: right
}



.n_rencaizl .fl01 .img .top .top_li {
    display: inline-block;
    text-align: center;
}

.n_rencaizl .fl01 .img .top h3 {
    font-size: 2.3125rem;
    color: #fff;
    opacity: .7
}

.n_rencaizl .fl01 .img .top h2 {
    font-size: 3rem;
    color: #fff;
    margin: .875rem 0;
}

.n_rencaizl .fl01 .img .top h4 {
    font-size: 1.875rem;
    color: #fff;
    font-family: Barlow Condensed;
    letter-spacing: 1.375rem;
    text-transform: uppercase;
    padding-left: 2rem;
    margin-bottom: 20%
}



.n_rencaizl .fl02 {
    padding: 0 0 6.25rem;
    background: #eef2f6;
    overflow: hidden
}



.list_box_50 {
    margin: 0 -.625rem
}

.list_box_50 li {
    float: left;
    width: 25%;
    padding: 0 .625rem
}

.list_box_50 li a {
    border-radius: .75rem;
    display: block;
    padding: 4.75rem 15px;
    background: #fff;
    text-align: center;
}

.list_box_50 li a .img {
    display: inline-block;
    width: 12.1875rem;
    border-radius: 50%
}

.list_box_50 li a .img .img_hezi {
    padding-bottom: 100% !important
}



.list_box_50 li a .con h3 {
    font-size: 1.375rem;
    color: #5d5e60;
    margin: 2.5rem 0 8px
}

.list_box_50 li a .con h6 {
    font-size: 12px;
    height: 4.25rem;
    line-height: 16px;
    color: #5d5e60;
    opacity: .8;
    text-transform: uppercase
}

.list_box_50 li a .con span {
    display: inline-block;
    width: 8.125rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    background: url(/static/style/pc/images/list_box_50_bg1.png) center no-repeat;
    font-family: Barlow Condensed;
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    transition: .5s;
    background-size: 100% 100% !important;
}



.n_title005 {
    margin-bottom: 4.75rem;
    text-align: center
}

.n_title005 h2 {
    font-size: 2.5rem;
    color: #313235
}

.n_title005 h4 {
    font-size: 1.75rem;
    color: #dbdce0;
    text-transform: uppercase;
    margin: .25rem 0
}

.n_title005 h6 {
    font-size: 1.125rem;
    color: #313235;
    line-height: 1.5
}



.n_rencaizl .fl03 {
    padding: 1.25rem 0 5.625rem;
    background: #eef2f6;
    overflow: hidden
}

.n_rencaizl .fl03 .content {
    position: relative;
    background: url(/static/style/pc/images/list_box_51_dots.png) left top no-repeat;
}



.list_box_51 {
    margin: 0 -4px
}

.list_box_51 li {
    float: left;
    width: 50%;
    padding: 4px;
}

.list_box_51 li a {
    display: block;
    position: relative;
    transition: .5s;
    z-index: 1
}

.list_box_51 li a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/static/style/pc/images/list_box_51_jb.jpg) center no-repeat;
    background-size: cover;
    opacity: 0;
    z-index: -1
}





.list_box_51 li.li1 {
    width: 38%
}

.list_box_51 li a .img {
    transition: .5s;
    background: #000
}

.list_box_51 li a .img .img {
    opacity: .8;
    transition: .5s;
}

.list_box_51 li.li1 a .img .img_hezi {
    padding-bottom: 69.875% !important;
}

.list_box_51 li.li2 {
    width: calc(100% - 38%)
}

.list_box_51 li.li2 a .img .img_hezi {
    padding-bottom: 42.52% !important
}





.list_box_51 li a .top {
    position: absolute;
    right: 0;
    bottom: 4%;
    left: 0;
    padding: 0 3.5rem;
    transition: .5s;
}

.list_box_51 li a .top .box_table {
    height: auto
}

.list_box_51 li a .top .h3 {
    font-size: 2.25rem;
    color: #fff;
    font-family: Poppins-s;
}

.list_box_51 li a .top .h4 {
    font-size: 1.875rem;
    color: #fff;
    margin: 1.5rem 0 1.25rem;
    font-weight: 600;
}



.list_box_51 li a .top .con {
    transition: .5s;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: top left;
    height: 0;
}

.list_box_51 li a .top .con p {
    font-size: .875rem;
    color: #fff;
    line-height: 1.5rem;
}

.list_box_51 li a .top .con span {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 33px;
    height: 33px;
    border: rgba(255, 255, 255, .4) 2px solid;
    border-radius: 50%;
    line-height: 33px;
    text-align: center;
}

.list_box_51 li a .top .con span svg {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    fill: #fff;
    transform: translateX(-1px) translateY(1px)
}



.list_box_51 li.li3 {
    width: 62.14%
}

.list_box_51 li.li3 a .img .img_hezi {
    padding-bottom: 42.52% !important;
}



.list_box_51 li.li4 {
    width: calc(100% - 62.14%)
}

.list_box_51 li.li4 a .img .img_hezi {
    padding-bottom: 70.15% !important
}



.list_box_51 li a:hover .top {
    bottom: 34%;
}

.list_box_51 li a:hover .top .con {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}



.list_box_51 li a:hover:before {
    opacity: 1;
}

.list_box_51 li a:hover .img {
    opacity: .15;
    background: #fff;
}

.list_box_51 li a:hover .img .img {
    opacity: 1
}



.footer_btn {
    background: url(/static/style/pc/images/footer_btn_bg.jpg) center no-repeat;
    background-size: cover !important;
    padding: 8.75rem 0;
}

.footer_btn .n_title003 {
    margin-bottom: 3rem
}

.footer_btn .n_title003 .con h2 {
    color: #fff
}

.footer_btn .n_title003 .con .h3 {
    color: #fff
}



.list_box_60 {
    text-align: center;
    margin: 0 -.625rem
}

.list_box_60 li {
    display: inline-block;
    padding: 0 .625rem
}

.list_box_60 li a {
    display: block;
    width: 13.125rem;
    height: 3.75rem;
    line-height: 3.75rem;
    border: #fff 1px solid;
    border-radius: 1.875rem;
    font-size: 1.125rem;
    color: #fff;
    transition: .5s
}

.list_box_60 li a img {
    margin: 0 0 0 1rem
}

.list_box_60 li a:hover {
    background: #33bccd;
    border: #33bccd 1px solid;
}



/*==========================================内页 结束=============================================*/



/*aos="zoom-in" aos-duration="1200"*/