[genuitec-file-id="wc1-1688"],[genuitec-lp-path="/dongsheng/WebRoot/rtjt/css/page.css"],[genuitec-lp-enabled=false]{
  /* for codelive */
}

@charset "utf-8";

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

.banner-container {
    height: 100%;
    overflow: hidden;
    z-index: 0
}

.banner-container video {
    width: 100%;
    object-fit: cover
}

.banner-pagination {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 5%;
    z-index: 999
}

.banner-pagination span {
    background: #fff;
    width: 37px;
    height: 4px;
    border-radius: 0;
    opacity: .5
}

.banner-pagination span.swiper-pagination-bullet-active {
    background: #0152A7;
    opacity: 1
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #006eff
}

::-webkit-scrollbar-thumb {
    width: 12px;
    background-color: #aeaeae
}

::-webkit-scrollbar-track-piece {
    width: 12px;
    background-color: #f8f8f8
}

::-webkit-scrollbar-thumb:hover {
    width: 12px;
    background-color: #1eb9ee
}

.m-container {
    display: none
}

@media screen and (max-width:1025px) {
    .pc-container {
        display: none
    }

    .m-container {
        display: block
    }
}

.banner .bg-show {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 999;
    transition: transform .8s cubic-bezier(0, 0, 0.2, 1);
    transform-origin: 50% 30%
}

.banner .bg-show .img {
    width: 100%;
    height: 100%
}

.banner .show-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 21%;
    text-align: center;
    z-index: 2;
    height: 100%;
    z-index: 999991
}

.banner .show-box .t_syk1nr {
    position: relative;
    z-index: 1
}

.banner .show-box .keli {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.banner .show-box .keli canvas {
    position: relative;
    z-index: 0
}

.banner .show-box .keli .img {
    width: 100%;
    height: 100%
}

.banner .show-box .logo {
    display: none
}

.banner .show-box .en {
    color: #585858;
    font-size: 30px;
    margin-top: 100px
}

.banner .show-box img {
    margin: 0 auto
}

.banner .show-box ul {
    margin-top: 2%
}

.banner .show-box ul li {
    width: 33.33%;
    float: left
}

.banner .show-box ul li .box {
    max-width: 275px;
    margin: auto;
    height: 300px;
    padding-top: 13%;
    position: relative;
    border: 3px solid transparent
}

.banner .show-box ul li .box:before {
    content: '';
    position: absolute;
    right: -3px;
    bottom: 13%;
    width: 3px;
    height: 65px;
    background: #fff;
    z-index: 2
}

.banner .show-box ul li .box .icon {}

.banner .show-box ul li .box .icon img {}

.banner .show-box ul li .box .tit {
    font-size: 24px;
    font-weight: bold;
    color: #27292e;
    margin-top: 30px
}

.banner .show-box ul li .box .txt {
    transform: translateY(10px);
    color: #7a7a7a;
    margin-top: 15px;
    opacity: 0
}

html.on1.off .banner .bg-show {
    transition: transform .8s cubic-bezier(0, 0, 0.2, 1) 0.6s, opacity .6s ease-out 1s;
    opacity: 0;
    transform: translate3d(0px, 0px, 0px) scale(10, 10);
    z-index: 0
}

html.on1 .banner .bg-show {
    opacity: 1;
    z-index: 99999
}

html.on1.off .banner .show-box {
    transform: translateY(550px);
    opacity: 0;
    z-index: 9
}

html.on1 .banner .show-box {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 600ms
}

@media screen and (min-width:1024px) {
    .banner .show-box ul li .box:hover {
        background: #fff;
        border: 3px solid #1eb9ee
    }

    .banner .show-box ul li .box:hover .txt {
        transform: translateY(0);
        opacity: 1
    }
}

@media screen and (max-width:1367px) {
    .banner .show-box {
        padding-top: 16%
    }

    .banner .show-box ul {
        margin-top: 50px
    }

    .banner .show-box ul li .box {
        height: 215px;
        padding-top: 20px
    }

    .banner .show-box ul li .box .tit {
        margin-top: 10px
    }

    .banner .show-box ul li .box .txt {
        margin-top: 5px
    }
}

@media(max-width:1600px) {
    .banner .show-box .en {
        margin-top: 4%
    }
}

@media(max-width:1440px) {
    .banner .show-box .en {
        margin-top: 7%
    }
}

@media(max-width:1366px) {
    .banner .show-box .en {
        margin-top: 5%
    }
}

@media(max-width:1280px) {
    .banner .show-box .en {
        margin-top: 11%
    }
}

@media screen and (max-width:1025px) {
    .banner {
        height: auto
    }

    .banner .show-box {
        position: static;
        transform: translateY(0);
        opacity: 1;
        padding: 60px 0;
        background: url(../images/index-item01-m-bg.jpg) no-repeat center top/110% auto;
        padding-bottom: 20px
    }

    .banner .show-box .logo {
        display: block;
        padding: 0px 20px
    }

    .banner .show-box .logo img {
        max-width: 80% !important;
        margin: 0 auto
    }

    .banner .show-box .en {
        font-size: 14px;
        margin-top: 5px
    }

    .banner .show-box ul {
        margin: 0px -7.5px;
        margin-top: 30px
    }

    .banner .show-box ul li {
        padding: 0px 7.5px
    }

    .banner .show-box ul li .box {
        height: 110px;
        padding-top: 20px;
        border: none;
        background: none
    }

    .banner .show-box ul li .box:before {
        height: 20px
    }

    .banner .show-box ul li .box .icon {}

    .banner .show-box ul li .box .icon img {
        width: 40px
    }

    .banner .show-box ul li .box .tit {
        font-size: 14px;
        margin-top: 5px
    }

    .banner .bg-show {
        display: none
    }
}

.index-item02 {
    background: #f6f6f6;
    padding: 100px 0
}

.index-item02 .list {}

.index-item02 .list .box {
    position: relative;
    overflow: hidden
}

.index-item02 .list .box .bg,
.index-item02 .list .box .content,
.index-item02 .list .box .more {
    position: absolute;
    left: 0;
    top: 0
}

.index-item02 .list .box .bg {
    width: 100%;
    height: 100%
}

.index-item02 .list .box .content {
    padding: 40px;
    color: #fff
}

.index-item02 .list .box .content .tit {
    font-size: 18px;
    font-weight: bold;
    line-height: 34px
}

.index-item02 .list .box .content .txt {
    font-size: 16px;
    opacity: .5;
    margin-top: 10px
}

.index-item02 .list .box .more {
    top: auto;
    bottom: 75px;
    left: 60px;
    transform: translateY(20px);
    opacity: 0
}

.index-item02 .list.list01 .box {
    height: 426px
}

.index-item02 .list.list02 {
    margin-top: 20px;
	width: 50%;
float: left;
padding-right: 10px;
}
.index-item02 .list.list06 {
    margin-top: 20px;
	width: 50%;
float: left;
padding-left: 10px;
padding-right: 0 !important;
}

.index-item02 .list.list02 .box, .index-item02 .list.list06 .box {
    height: 278px
}

.index-item02 .list.list03 {
    margin-bottom: 20px
}

.index-item02 .list.list03 .box {
    height: 321px
}

.index-item02 .list.list04 {
    width: 50%;
    float: left;
    padding-right: 10px
}

.index-item02 .list.list04 .box {
    height: 383px
}

.index-item02 .list.list05 {
    width: 50%;
    float: left;
    padding-left: 10px
}

.index-item02 .list.list05 .box {
    height: 383px
}

.index-item02 .left {
    width: 52.5%;
    padding-right: 10px
}

.index-item02 .right {
    width: 47.5%;
    padding-left: 10px
}

@media screen and (min-width:1024px) {
    .index-item02 .list .box:hover .bg {
        transform: scale(1.2)
    }

    .index-item02 .list .box:hover .more {
        transform: translateY(0);
        opacity: 1
    }
}

@media screen and (max-width:1367px) {
    .index-item02 .list.list01 .box {
        height: 260px
    }

    .index-item02 .list.list02 .box {
        height: 330px
    }
	.index-item02 .list.list06 .box {
        height: 330px
    }

    .index-item02 .list.list03 .box {
        height: 365px
    }

    .index-item02 .list.list04 .box {
        height: 225px
    }

    .index-item02 .list.list05 .box {
        height: 225px
    }

    .index-item02 .list .box .content {
        padding: 40px
    }

    .index-item02 .list .box .content .tit {
        font-size: 22px;
        line-height: 28px
    }

    .index-item02 .list .box .content .txt {
        font-size: 14px
    }

    .index-item02 .list .box .more {
        left: 40px;
        bottom: 50px
    }
}

@media screen and (max-width:1025px) {
    .index-item02 {
        padding: 40px 0
    }

    .index-item02 .left,
    .index-item02 .right {
        width: 100%;
        padding: 0
    }

    .index-item02 .list .box .content {
        padding: 20px
    }

    .index-item02 .list .box .content .tit {
        font-size: 18px;
        line-height: 22px
    }

    .index-item02 .list .box .more {
        transform: translateY(0);
        opacity: 1;
        left: auto;
        right: 20px;
        bottom: 20px
    }

    .index-item02 .list .box {
        height: auto !important;
        padding-top: 50% !important
    }

    .index-item02 .list.list02 {
        margin-top: 10px
    }

    .index-item02 .list.list03 {
        margin-top: 10px;
        margin-bottom: 0
    }

    .index-item02 .list.list04 {
        width: 100%;
        margin-top: 10px;
        padding-right: 0
    }

    .index-item02 .list.list05 {
        width: 100%;
        margin-top: 10px;
        padding-left: 0
    }
	
}

.index-item03 {
    position: relative;
    overflow: hidden
}

.index-item03 .m {
    display: none
}

.index-item03 video {
    width: 100%;
    display: block
}

.index-item03 ul {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

.index-item03 ul li {
    position: absolute;
    z-index: 5
}

.index-item03 ul li a {
    display: block;
    position: relative
}

.index-item03 ul li a span.mc_a1t_dian {
    display: block;
    width: 23px;
    height: 23px;
    background: #b3925f;
    border: 8px solid #fff;
    position: relative;
    animation: bordershow 3s infinite;
    border-radius: 100%
}

.index-item03 ul li a span.mc_a1t_dian:before,
.index-item03 ul li a span.mc_a1t_dian:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(162, 123, 62, 0.5)
}

.index-item03 ul li a span.mc_a1t_dian:before {
    animation: boderM 3s .75s infinite
}

.index-item03 ul li a span.mc_a1t_dian:after {
    animation: boderM 3s infinite
}

.index-item03 ul li a .mc_a1t_xl {
    position: absolute;
    left: 36px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    white-space: nowrap;
    font-size: 16px;
    padding: 0 23px;
    pointer-events: none;
    line-height: 1
}

.index-item03 ul li a .mc_a1t_xl:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    background: #b3925f;
    border-radius: 30px
}

.index-item03 ul li a .mc_a1t_xl .mc_a1t_title {
    color: #fff;
    font-size: 16px;
    margin-right: 45px;
    vertical-align: middle;
    opacity: 0;
    line-height: 40px
}

.index-item03 ul li a .mc_a1t_xl .mc_a1t_title i {
    width: 13px;
    height: 13px;
    background: url(../images/index-item03-icon.png) no-repeat center center;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.index-item03 ul li.mc_a1t_li3 .mc_a1t_xl,
.index-item03 ul li.mc_a1t_li14 .mc_a1t_xl {
    left: auto;
    right: 0;
    transform: translate(50%, 15px);
    top: 100%
}

@keyframes bordershow {
    50% {
        box-shadow: 0px 0px 10px 0 #fff
    }
}

@keyframes boderM {
    0% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    75% {
        transform: translate(-50%, -50%) scale(2.2);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@media screen and (min-width:1024px) {
    .index-item03 ul li:hover {
        z-index: 20
    }

    .index-item03 ul li:hover .mc_a1t_xl {
        pointer-events: all
    }

    .index-item03 ul li:hover .mc_a1t_xl::before {
        width: 100%;
        transition: all .4s cubic-bezier(.34, .44, .41, 1.12)
    }

    .index-item03 ul li:hover .mc_a1t_xl span {
        opacity: 1;
        transition: all .36s .4s
    }
}

@media screen and (max-width:1025px) {
    @keyframes boderM {
        0% {
            transform: translate(-50%, -50%) scale(1.2);
            opacity: 0
        }

        20% {
            opacity: 1
        }

        75% {
            transform: translate(-50%, -50%) scale(1.9);
            opacity: 0
        }

        100% {
            opacity: 0
        }
    }

    .index-item03 .pc {
        display: none
    }

    .index-item03 .m {
        display: block
    }

    .index-item03 .m img {
        width: 100%
    }

    .index-item03 ul li a .mc_a1t_xl {
        font-size: 12px;
        padding: 0px 15px
    }

    .index-item03 ul li a .mc_a1t_xl .mc_a1t_title {
        font-size: 12px;
        margin-right: 25px;
        line-height: 32px
    }

    .index-item03 ul li a .mc_a1t_xl .mc_a1t_title i {
        width: 10px;
        height: 10px
    }

    .index-item03 ul li a span.mc_a1t_dian {
        width: 11px;
        height: 11px;
        border: 4px solid #fff
    }

    .index-item03 ul li.mc_a1t_li1 {
        left: 14% !important;
        top: 13% !important
    }

    .index-item03 ul li.mc_a1t_li2 {
        left: 57% !important;
        top: 7% !important;
        display: none
    }

    .index-item03 ul li.mc_a1t_li3 {
        left: 16% !important;
        top: 72% !important
    }

    .index-item03 ul li.mc_a1t_li4 {
        left: 34.7% !important;
        top: 27% !important
    }

    .index-item03 ul li.mc_a1t_li5 {
        left: 13% !important;
        top: 44% !important
    }

    .index-item03 ul li.mc_a1t_li6 {
        left: 50.7% !important;
        top: 23.7% !important
    }

    .index-item03 ul li.mc_a1t_li7 {
        left: 13% !important;
        top: 44% !important;
        display: none
    }

    .index-item03 ul li.mc_a1t_li8 {
        left: 48.5% !important;
        top: 55% !important
    }

    .index-item03 ul li.mc_a1t_li9 {
        left: 87% !important;
        top: 37% !important
    }

    .index-item03 ul li.mc_a1t_li9 .mc_a1t_xl {
        left: auto;
        top: 45px;
        right: -25px
    }

    .index-item03 ul li.mc_a1t_li10 {
        left: 25% !important;
        top: 24% !important
    }

    .index-item03 ul li.mc_a1t_li11 {
        left: 70% !important;
        top: 68% !important;
        display: none
    }

    .index-item03 ul li.mc_a1t_li11 .mc_a1t_xl {
        left: auto;
        top: 45px;
        right: -60px
    }

    .index-item03 ul li.mc_a1t_li12 {
        left: 70% !important;
        top: 68% !important
    }

    .index-item03 ul li.mc_a1t_li12 .mc_a1t_xl {
        left: auto;
        top: 45px;
        right: -60px
    }

    .index-item03 ul li.mc_a1t_li13 {
        left: 13.5% !important;
        top: 90.5% !important
    }

    .index-item03 ul li.mc_a1t_li14 {
        left: 80% !important;
        top: 11% !important
    }

    .index-item03 ul li.on {
        z-index: 20
    }

    .index-item03 ul li.on .mc_a1t_xl {
        pointer-events: all
    }

    .index-item03 ul li.on .mc_a1t_xl::before {
        width: 100%;
        transition: all .4s cubic-bezier(.34, .44, .41, 1.12)
    }

    .index-item03 ul li.on .mc_a1t_xl span {
        opacity: 1;
        transition: all .36s .4s
    }
}

.index-item04 {
    padding: 0 0 80px 0;
    background: #fff;
}

.index-item04 .tit {
    font-weight: bold;
    font-size: 40px;
    color: #2b2b2b
}

.index-item04 .tit .more {
    margin-top: 10px
}

.index-item04 .tit .more a {
    color: #4a6872
}

.index-item04 .tit .more a i {
    background: url(../images/index-item04-more.png) no-repeat center center
}

.index-item04 .list {}

.index-item04 .list .box {
    background: #fff;
    padding: 45px
}

.index-item04 .list .box .t {
    font-size: 22px;
    line-height: 32px;
    height: 65px;
    overflow: hidden;
    color: #000
}

.index-item04 .list .box .ms {
    color: #888;
    font-size: 16px;
    line-height: 30px;
    margin-top: 25px
}

.index-item04 .list .box .b {
    margin-top: 35px;
    line-height: 24px;
    overflow: hidden
}

.index-item04 .list .box .b .date {
    color: #524444;
    padding-left: 20px;
    background: url(../images/icon-date.png) no-repeat left center;
    font-size: 12px
}

.index-item04 .list .box .b .tag {
    padding: 0px 10px;
    height: 24px;
    line-height: 22px;
    border: 1px solid rgba(0, 0, 0, .4);
    color: #fff;
    opacity: .7;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    color: #000
}

.index-item04 .item01 {
    margin-top: 55px
}

.index-item04 .item01 .left {
    width: 66.66%;
    padding-right: 5px;
    height: 440px
}

.index-item04 .item01 .left .content {
    position: relative;
    overflow: hidden;
    height: 100%
}

.index-item04 .item01 .left .content .img {
    height: 100%
}

.index-item04 .item01 .left .content .contxt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 50px;
    color: #fff;
    background: url(../images/news-index-shadow.png) repeat-x center center/auto 100%
}

.index-item04 .item01 .left .content .con {
    position: absolute;
    bottom: 50px;
    left: 50px;
    right: 20px
}

.index-item04 .item01 .left .content .contxt .t {
    font-size: 24px;
    line-height: 36px
}

.index-item04 .item01 .left .content .contxt .t span {
    padding: 0px 10px;
    height: 24px;
    line-height: 22px;
    border: 1px solid rgba(255, 255, 255, .4);
    color: #fff;
    opacity: .7;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.index-item04 .item01 .left .content .contxt .date {
    padding-left: 20px;
    background: url(../images/icon-date-w.png) no-repeat left center;
    font-size: 12px;
    margin-bottom: 10px
}

.index-item04 .item01 .right {
    width: 33.33%;
    padding-left: 15px
}

.index-item04 .item01 .right .list {}

.index-item04 .item01 .right .list .box {
    height: 440px
}

.index-item04 .item01 .right .list .box .b {
    margin-top: 40px;
    overflow: hidden
}

.index-item04 ul {
    overflow: hidden;
    margin: 0px -10px;
    margin-top: 20px
}

.index-item04 ul li {
    width: 33.33%;
    float: left;
    padding: 0px 10px
}

@media screen and (min-width:1024px) {
    .index-item04 .item01 .left .content:hover .img {
        transform: scale(1.2)
    }

    .index-item04 .list .box:hover .t {
        color: #1eb9ee
    }
}

@media screen and (max-width:1367px) {
    .index-item04 .tit {
        font-size: 30px
    }

    .index-item04 .list .box .t {
        font-size: 18px
    }
}

@media screen and (max-width:1025px) {
    .index-item04 {
        padding: 40px 0
    }

    .index-item04 .tit {
        font-size: 16px;
        line-height: 41px;
        text-align: center;
        line-height: 1
    }

    .index-item04 .tit>div {
        float: none
    }

    .index-item04 .tit .more {
        margin-top: 0;
        display: none
    }

    .index-item04 .item01 .left,
    .index-item04 .item01 .right {
        width: 100%;
        padding: 0
    }

    .index-item04 .item01 .right {
        margin-top: 10px
    }

    .index-item04 .item01 {
        margin-top: 20px
    }

    .index-item04 .item01 .left {
        height: auto
    }

    .index-item04 .item01 .left .content .img {
        padding-top: 47%
    }

    .index-item04 .item01 .left .content .contxt {
        padding: 20px;
        position: static;
        background: #fff;
        color: #666
    }

    .index-item04 .item01 .left .content .contxt .t {
        font-size: 16px;
        line-height: 26px;
        max-width: inherit
    }

    .index-item04 .item01 .left .content .contxt .date {
        background: url(../images/icon-date.png) no-repeat left center
    }

    .index-item04 .item01 .right .list .box {
        height: auto
    }

    .index-item04 .item01 .right .list .box .b {
        margin-top: 20px
    }

    .index-item04 .list .box {
        padding: 20px
    }

    .index-item04 .list .box .t {
        font-size: 16px;
        line-height: 24px;
        height: auto
    }

    .index-item04 .list .box .ms {
        margin-top: 10px;
        font-size: 12px;
        line-height: 20px;
        display: none
    }

    .index-item04 .list .box .b {
        margin-top: 15px
    }

    .index-item04 ul {
        margin-top: 0px
    }

    .index-item04 ul li {
        width: 100%;
        padding: 0;
        margin-top: 10px
    }
}

.so-item01 {
    padding: 100px 0px 130px 0;
    background: url(../images/so-item01-bg.jpg) no-repeat center center/cover
}

.so-item01 .left {
    width: 45%
}

.so-item01 .left .page-tit {
    line-height: 60px;
    padding-bottom: 0
}

.so-item01 .right {
    width: 55%
}

.so-item01 .right .tit {
    font-size: 26px;
    color: #2a303b
}

.so-item01 .right .ms {
    font-size: 16px;
    line-height: 30px;
    margin-top: 30px;
    text-align: justify
}

.so-item01 ul {
    display: flex;
    margin-top: 115px
}

.so-item01 ul li {
    flex: 1;
    text-align: center
}

.so-item01 ul li .icon {}

.so-item01 ul li .icon img {
    margin: 0 auto
}

.so-item01 ul li .tit {
    font-size: 22px;
    font-weight: bold;
    color: #2a303b;
    margin-top: 40px
}

@media screen and (max-width:1367px) {
    .so-item01 .left .page-tit {
        line-height: 40px
    }

    .so-item01 .right .tit {
        font-size: 20px
    }

    .so-item01 .right .ms {
        font-size: 14px;
        line-height: 24px
    }

    .so-item01 ul {
        margin-top: 75px
    }

    .so-item01 ul li .tit {
        font-size: 18px;
        margin-top: 25px
    }
}

@media screen and (max-width:1025px) {
    .so-item01 {
        padding: 40px 0
    }

    .so-item01 .left,
    .so-item01 .right {
        width: 100%;
        float: none
    }

    .so-item01 .left .page-tit {
        line-height: 22px
    }

    .so-item01 .right .tit {
        font-size: 16px;
        margin-top: 20px
    }

    .so-item01 .right .ms {
        font-size: 14px;
        line-height: 24px;
        margin-top: 15px
    }

    .so-item01 ul {
        margin-top: 20px
    }

    .so-item01 ul li .tit {
        font-size: 14px;
        margin-top: 10px
    }

    .so-item01 ul li .icon img {
        height: 50px
    }
}

.so-item02 {
    position: relative;
    overflow: hidden
}

.so-item02 .img-box {
    height: 640px;
    position: relative
}

.so-item02 .img-box .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.so-item02 .img-box .bg.show {
    opacity: 1
}

.so-item02 .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 2;
    padding-top: 90px
}

.so-item02 .content .page-tit {
    color: #fff
}

.so-item02 .content .swiper {
    position: absolute;
    bottom: 0;
    width: 100%;
    bottom: 30px;
    color: #fff
}

.so-item02 .content .swiper .so-item02-swiper {}

.so-item02 .content .swiper .so-item02-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    cursor: pointer
}

.so-item02 .content .swiper .so-item02-swiper .swiper-slide:before {

    content: '';
    height: 20px;
    width: 2px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 2px
}

.so-item02 .content .swiper .so-item02-swiper .swiper-slide:last-of-type:before {
    display: none
}

.so-item02 .content .swiper .so-item02-swiper .swiper-slide span {
    display: inline-block;
    border-bottom: 5px solid transparent;
    padding-bottom: 20px
}

.so-item02 .content .swiper .so-item02-swiper .swiper-slide.active span {
    border-bottom: 5px solid #1eb9ee;
    color: #01a9ff
}

@media screen and (max-width:1367px) {
    .so-item02 .img-box {
        height: 500px
    }

    .so-item02 .content {
        padding-top: 50px
    }

    .so-item02 .content .swiper .so-item02-swiper .swiper-slide {
        font-size: 16px
    }

    .so-item02 .content .swiper .so-item02-swiper .swiper-slide span {
        border-bottom-width: 3px !important;
        padding-bottom: 10px
    }
}

@media screen and (max-width:1025px) {
    .so-item02 .img-box {
        height: 300px
    }

    .so-item02 .content {
        padding-top: 40px
    }

    .so-item02 .content .swiper .so-item02-swiper .swiper-slide {
        font-size: 14px;
        width: 30%
    }

    .so-item02 .content .swiper .so-item02-swiper .swiper-slide:before {
        background: rgba(255, 255, 255, .5);
        width: 1px
    }

    .so-item02 .content .swiper .so-item02-swiper .swiper-slide span {
        border-bottom-width: 3px !important;
        padding-bottom: 10px
    }
}

.so-item03 {
    padding: 80px 0;
    background: #fff
}

.so-item03 .arrow {}

.so-item03 .arrow>div {
    width: 45px;
    height: 45px;
    background: url(../images/so-item03-arrow.png) no-repeat left top;
    cursor: pointer
}

.so-item03 .arrow .so-item03-prev {
    background-position: left top
}

.so-item03 .arrow .so-item03-next {
    background-position: right top;
    margin-left: 10px
}

.so-item03 .so-item03-container {
    margin-top: 60px
}

.so-item03 .so-item03-container .box {}

.so-item03 .so-item03-container .box .img {
    overflow: hidden
}

.so-item03 .so-item03-container .box .img a {
    display: block;
    padding-top: 70%;
    transition: 500ms ease-out;
    -webkit-transition: 500ms ease-out;
    -ms-transition: 500ms ease-out;
    -moz-transition: 500ms ease-out;
    -o-transition: 500ms ease-out
}

.so-item03 .so-item03-container .box .con {
    background: #fff
}

.so-item03 .so-item03-container .box .con .title {
    margin: 25px 0px 15px 0
}

.so-item03 .so-item03-container .box .con .title a {
    font-size: 24px;
    color: #2a303b;
    font-weight: bold
}

.so-item03 .so-item03-container .box .con .ms {
    color: #858585;
    font-size: 16px;
    line-height: 30px;
    overflow: hidden
}

.so-item03 .so-item03-container .box:hover .img a {
    transform: scale(1.1)
}

@media screen and (min-width:1024px) {
    .so-item03 .arrow .so-item03-prev:hover {
        background-position: left bottom
    }

    .so-item03 .arrow .so-item03-next:hover {
        background-position: right bottom
    }
}

@media screen and (max-width:1367px) {
    .so-item03 .so-item03-container {
        margin-top: 50px
    }

    .so-item03 .so-item03-container .box .con .title a {
        font-size: 20px
    }
}

@media screen and (max-width:1025px) {
    .so-item03 {
        padding: 40px 0
    }

    .so-item03 .arrow {
        display: none
    }

    .so-item03 .so-item03-container {
        padding-bottom: 25px;
        margin-top: 20px
    }

    .so-item03 .so-item03-container .swiper-slide {
        width: 70%
    }

    .so-item03 .so-item03-container .box .con {}

    .so-item03 .so-item03-container .box .con .title {
        margin: 15px 0px 10px 0
    }

    .so-item03 .so-item03-container .box .con .title a {
        font-size: 16px
    }

    .so-item03 .so-item03-container .box .con .ms {
        font-size: 14px;
        line-height: 20px;

        max-height: 60px;
        overflow: hidden
    }
}

.so-item04 {
    padding: 80px 0;
    background: #f2f6f9
}

.so-item04 .arrow {}

.so-item04 .arrow>div {
    width: 45px;
    height: 45px;
    background: url(../images/so-item03-arrow.png) no-repeat left top;
    cursor: pointer
}

.so-item04 .arrow .so-item04-prev {
    background-position: left top
}

.so-item04 .arrow .so-item04-next {
    background-position: right top;
    margin-left: 10px
}

.so-item04 .so-item04-container {
    margin-top: 50px
}

.so-item04 .so-item04-container .swiper-slide {}

.so-item04 .so-item04-container .swiper-slide .list-con {
    margin: 0px -10px
}

.so-item04 .so-item04-container .swiper-slide .list {
    padding: 0px 10px;
    width: 50%;
    float: left;
    margin-top: 20px
}

.so-item04 .so-item04-container .swiper-slide .list .box {
    position: relative;
    border: 3px solid #fff
}

.so-item04 .so-item04-container .swiper-slide .list .box:before {
    content: '';
    position: absolute;
    right: -3px;
    bottom: 13%;
    width: 3px;
    height: 65px;
    background: #fff;
    z-index: 2
}

.so-item04 .so-item04-container .swiper-slide .list .box .img {
    overflow: hidden
}

.so-item04 .so-item04-container .swiper-slide .list .box .img span {
    padding-top: 72%;
    display: block
}

.so-item04 .so-item04-container .swiper-slide .list .box .t {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 20px;
    color: #2a303b;
    text-align: center;
    z-index: 2
}

.so-item04 .so-item04-container .swiper-slide .left {
    width: 50%;
    padding-right: 10px
}

.so-item04 .so-item04-container .swiper-slide .right {
    width: 50%;
    padding-left: 10px
}

.so-item04 .so-item04-container .swiper-slide .left .list .box .img span {
    padding-top: 73%
}

.so-item04 .so-item04-container .swiper-slide .left .list .box .t {
    font-size: 18px;
    bottom: 35px
}

@media screen and (min-width:1024px) {
    .so-item04 .so-item04-container .swiper-slide .list .box:hover {
        border: 3px solid #1eb9ee
    }

    .so-item04 .arrow .so-item04-prev:hover {
        background-position: left bottom
    }

    .so-item04 .arrow .so-item04-next:hover {
        background-position: right bottom
    }

    .so-item04 .so-item04-container .swiper-slide .list .box:hover .img span {
        transform: scale(1.2)
    }
}

@media screen and (max-width:1025px) {
    .so-item04 {
        padding: 40px 0
    }

    .so-item04 .arrow>div {
        width: 25px;
        height: 25px;
        background-size: 50px auto
    }

    .so-item04 .so-item04-container .swiper-slide .left,
    .so-item04 .so-item04-container .swiper-slide .right {
        width: 100%;
        padding: 0 !important
    }

    .so-item04 .so-item04-container {
        margin-top: 10px
    }

    .so-item04 .so-item04-container .swiper-slide .list-con {
        margin: 0px -7.5px
    }

    .so-item04 .so-item04-container .swiper-slide .list {
        padding: 0px 7.5px;
        margin-top: 15px
    }

    .so-item04 .so-item04-container .swiper-slide .list .box .t {
        font-size: 14px !important;
        padding: 0px 10px;
        bottom: 10px !important
    }
}

.so-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.2);
    display: none
}

.so-modal .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #f6f6f6;
    width: 100%;
    max-width: 1035px
}

.so-modal .content .close {
    width: 37px;
    height: 37px;
    border-radius: 100%;
    cursor: pointer;
    background: url(../images/close-white.png) no-repeat center center/12px auto;
    border: 2px solid #fff;
    position: absolute;
    right: -60px;
    top: 0
}

.so-modal .content .img {
    max-width: 545px
}

.so-modal .content .right {
    padding: 60px 70px
}

.so-modal .content .right .tit {
    color: #2a303b;
    font-size: 24px;
    font-weight: bold
}

.so-modal .content .right .zw {
    color: #000;
    font-size: 16px;
    margin-top: 10px
}

.so-modal .content .right .contxt {
    max-height: 340px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e9f0f8;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    color: #858585
}

@media screen and (max-width:1300px) {
    .so-modal .content {
        left: 0;
        right: 0;
        margin: 0px 15px;
        margin-right: 40px;
        max-width: inherit;
        width: auto;
        transform: translateY(-50%)
    }

    .so-modal .content .close {
        width: 24px;
        height: 24px;
        right: -30px
    }
}

@media screen and (max-width:1025px) {
    .so-modal .content .flex-box {
        display: block
    }

    .so-modal .content .img {
        margin: 0 auto
    }

    .so-modal .content .right {
        padding: 20px
    }

    .so-modal .content .right .tit {
        font-size: 16px
    }

    .so-modal .content .right .contxt {
        margin-top: 10px;
        padding-top: 10px;
        font-size: 14px;
        line-height: 20px;
        max-height: 170px
    }
}

.so-item05 {
    padding: 80px 0;
    background: #fff
}

.so-item05 .arrow {}

.so-item05 .arrow>div {
    width: 45px;
    height: 45px;
    background: url(../images/so-item03-arrow.png) no-repeat left top;
    cursor: pointer
}

.so-item05 .arrow .so-item05-prev {
    background-position: left top
}

.so-item05 .arrow .so-item05-next {
    background-position: right top;
    margin-left: 10px
}

.so-item05 .so-item05-container {
    margin-top: 50px
}

.so-item05 .so-item05-container .swiper-slide {
    background: url(../images/so-item05-bg.jpg) no-repeat center center/cover
}

.so-item05 .so-item05-container .swiper-slide .left {
    min-width: 65%;
    position: relative;
    overflow: hidden
}

.so-item05 .so-item05-container .swiper-slide .left .img {
    height: 487px
}

.so-item05 .so-item05-container .swiper-slide .left .icon {
    position: absolute;
    width: 80px;
    height: 80px;
    background: url(../images/so-item05-icon.png) no-repeat center center/cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer
}

.so-item05 .so-item05-container .swiper-slide .right {
    padding: 55px
}

.so-item05 .so-item05-container .swiper-slide .right .tit {
    font-size: 22px;
    font-weight: bold;
    line-height: 34px;
    color: #000;
    max-height: 70px;
    overflow: hidden
}

.so-item05 .so-item05-container .swiper-slide .right .ms {
    border-top: 1px solid #d9dee1;
    margin-top: 35px;
    padding-top: 35px;
    font-size: 16px;
    line-height: 30px
}

@media screen and (min-width:1024px) {
    .so-item05 .arrow .so-item05-prev:hover {
        background-position: left bottom
    }

    .so-item05 .arrow .so-item05-next:hover {
        background-position: right bottom
    }

    .so-item05 .so-item05-container .swiper-slide .left:hover .img {
        transform: scale(1.2)
    }
}

@media screen and (max-width:1025px) {
    .so-item05 {
        padding: 40px 0
    }

    .so-item05 .arrow>div {
        width: 25px;
        height: 25px;
        background-size: 50px auto
    }

    .so-item05 .so-item05-container {
        margin-top: 15px
    }

    .so-item05 .so-item05-container .swiper-slide .left,
    .so-item05 .so-item05-container .swiper-slide .right {
        width: 100%;
        min-width: inherit;
        display: block;
        flex: inherit
    }

    .so-item05 .so-item05-container .swiper-slide {
        display: block
    }

    .so-item05 .so-item05-container .swiper-slide .left .img {
        padding-top: 58%;
        height: auto
    }

    .so-item05 .so-item05-container .swiper-slide .left .icon {
        width: 40px;
        height: 40px
    }

    .so-item05 .so-item05-container .swiper-slide .right {
        padding: 15px
    }

    .so-item05 .so-item05-container .swiper-slide .right .tit {
        font-size: 14px;
        line-height: 20px;
        max-height: inherit
    }

    .so-item05 .so-item05-container .swiper-slide .right .ms {
        margin-top: 10px;
        padding-top: 10px;
        font-size: 14px;
        line-height: 20px
    }
}

.so-item06 {
    padding: 80px 0;
    background: #f2f6f9
}

.so-item06 .txt_list {
    margin-top: 50px
}

.so-item06 .txt_list dd {
    background: #fff;
    padding: 30px 50px;
    font-size: 16px;
    color: #333
}

.so-item06 .txt_list dd .time {
    font-size: 14px;
    color: #999
}

.so-item06 .arrow {}

.so-item06 .arrow>div {
    width: 45px;
    height: 45px;
    background: url(../images/so-item03-arrow.png) no-repeat left top;
    cursor: pointer
}

.so-item06 .arrow .so-item06-prev {
    background-position: left top
}

.so-item06 .arrow .so-item06-next {
    background-position: right top;
    margin-left: 10px
}

.so-item06 .so-item06-container {
    margin-top: 50px
}

.so-item06 .so-item06-container .swiper-slide {}

.so-item06 .so-item06-container .swiper-slide {}

.so-item06 .so-item06-container .swiper-slide .box {
    background: #fff;
    padding: 45px
}

.so-item06 .so-item06-container .swiper-slide .box .t {
    font-size: 22px;
    line-height: 36px;
    height: 70px;
    overflow: hidden;
    color: #000
}

.so-item06 .so-item06-container .swiper-slide .box .ms {
    color: #888;
    font-size: 16px;
    line-height: 30px;
    margin-top: 25px;
    height: 90px;
    overflow: hidden
}

.so-item06 .so-item06-container .swiper-slide .box .b {
    margin-top: 100px;
    line-height: 24px;
    overflow: hidden
}

.so-item06 .so-item06-container .swiper-slide .box .b .date {
    color: #524444;
    padding-left: 20px;
    background: url(../images/icon-date.png) no-repeat left center;
    font-size: 12px
}

.so-item06 .so-item06-container .swiper-slide .box .b .tag {
    padding: 0px 10px;
    height: 24px;
    line-height: 22px;
    border: 1px solid rgba(0, 0, 0, .4);
    color: #fff;
    opacity: .7;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    color: #000
}

@media screen and (min-width:1024px) {
    .so-item06 .arrow .so-item06-prev:hover {
        background-position: left bottom
    }

    .so-item06 .arrow .so-item06-next:hover {
        background-position: right bottom
    }

    .so-item06 .so-item06-container .swiper-slide .box:hover .t {
        color: #1eb9ee
    }
}

@media screen and (max-width:1367px) {
    .so-item06 .so-item06-container .swiper-slide .box .t {
        font-size: 18px;
        line-height: 28px;
        height: 55px
    }

    .so-item06 .so-item06-container .swiper-slide .box .b {
        margin-top: 50px
    }
}

@media screen and (max-width:1025px) {
    .so-item06 {
        padding: 40px 0
    }

    .so-item06 .arrow {
        display: none
    }

    .so-item06 .arrow>div {
        width: 25px;
        height: 25px;
        background-size: 50px auto
    }

    .so-item06 .so-item06-container {
        margin-top: 15px
    }

    .so-item06 .txt_list {
        margin-top: 15px
    }

    .so-item06 .so-item06-container .swiper-slide {
        width: 70%
    }

    .so-item06 .so-item06-container .swiper-slide .box {
        padding: 20px
    }

    .so-item06 .so-item06-container .swiper-slide .box .t {
        font-size: 16px;
        line-height: 24px;
        height: 45px
    }

    .so-item06 .so-item06-container .swiper-slide .box .ms {
        margin-top: 10px;
        font-size: 12px;
        line-height: 20px;
        height: 80px
    }

    .so-item06 .so-item06-container .swiper-slide .box .b {
        margin-top: 15px
    }
}

.so-item07 {
    padding: 80px 0;
    background: #fff;
    border-bottom: 1px solid #eaecee
}

.so-item07 .arrow {}

.so-item07 .arrow>div {
    width: 45px;
    height: 45px;
    background: url(../images/so-item03-arrow.png) no-repeat left top;
    cursor: pointer
}

.so-item07 .arrow .so-item07-prev {
    background-position: left top
}

.so-item07 .arrow .so-item07-next {
    background-position: right top;
    margin-left: 10px
}

.so-item07 .so-item07-container {
    margin-top: 50px
}

.so-item07 .so-item07-container .swiper-slide {
    background: url(../images/so-item07-bg.jpg) no-repeat right center/cover
}

.so-item07 .so-item07-container .swiper-slide .left {
    min-width: 43%;
    position: relative;
    overflow: hidden
}

.so-item07 .so-item07-container .swiper-slide .left .img {
    height: 487px
}

.so-item07 .so-item07-container .swiper-slide .right {
    padding: 0px 70px
}

.so-item07 .so-item07-container .swiper-slide .right .tit {
    font-size: 30px;
    font-weight: bold;
    color: #000
}

.so-item07 .so-item07-container .swiper-slide .right .ms {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    margin: 40px 0px 30px 0
}

.so-item07 .so-item07-container .swiper-slide .right a {
    border-radius: 30px;
    line-height: 30px;
    width: 105px;
    display: inline-block;
    color: #fff;
    background: #1eb9ee;
    text-align: center
}

@media screen and (min-width:1024px) {
    .so-item07 .arrow .so-item07-prev:hover {
        background-position: left bottom
    }

    .so-item07 .arrow .so-item07-next:hover {
        background-position: right bottom
    }

    .so-item07 .so-item07-container .swiper-slide .left:hover .img {
        transform: scale(1.2)
    }
}

@media screen and (max-width:1367px) {
    .so-item07 .so-item07-container .swiper-slide .left .img {
        height: 360px
    }

    .so-item07 .so-item07-container .swiper-slide .right .tit {
        font-size: 26px
    }
}

@media screen and (max-width:1025px) {
    .so-item07 {
        padding: 40px 0
    }

    .so-item07 .arrow>div {
        width: 25px;
        height: 25px;
        background-size: 50px auto
    }

    .so-item07 .so-item07-container {
        margin-top: 15px
    }

    .so-item07 .so-item07-container .swiper-slide .left,
    .so-item07 .so-item07-container .swiper-slide .right {
        width: 100%;
        min-width: inherit;
        display: block;
        flex: inherit
    }

    .so-item07 .so-item07-container .swiper-slide {
        display: block
    }

    .so-item07 .so-item07-container .swiper-slide .left .img {
        padding-top: 75%;
        height: auto
    }

    .so-item07 .so-item07-container .swiper-slide .right {
        padding: 15px
    }

    .so-item07 .so-item07-container .swiper-slide .right .tit {
        font-size: 14px;
        line-height: 20px;
        max-height: inherit
    }

    .so-item07 .so-item07-container .swiper-slide .right .ms {
        margin: 10px 0;
        font-size: 14px;
        line-height: 20px
    }
}

.service-item01 {
    padding: 100px 0px 130px 0;
    background: url(../images/service-item01-bg.jpg) no-repeat center center/cover
}

.service-item01 .left {
    max-width: 590px;
    padding-top: 90px
}

.service-item01 .left .tit {
    font-size: 36px;
    color: #2a303b;
    font-weight: bold
}

.service-item01 .left .ms {
    font-size: 20px;
    line-height: 38px;
    color: #5f5f5f;
    margin-top: 30px;
    text-align: justify
}

.service-item01 .right {}

.service-item01 ul {
    display: flex;
    margin-top: 55px
}

.service-item01 ul li {
    flex: 1;
    text-align: center;
    color: #000
}

.service-item01 ul li .icon {}

.service-item01 ul li .icon img {
    margin: 0 auto
}

.service-item01 ul li .tit {
    font-size: 22px;
    font-weight: bold;
    margin-top: 40px
}

.service-item01 ul li .txt {
    font-size: 16px;
    max-width: 170px;
    margin: 0 auto;
    line-height: 26px;
    margin-top: 10px
}

@media screen and (max-width:1367px) {
    .service-item01 .left .tit {
        font-size: 28px
    }

    .service-item01 .left .ms {
        font-size: 14px;
        line-height: 24px
    }

    .service-item01 .right {
        max-width: 380px
    }

    .service-item01 ul {
        margin-top: 75px
    }

    .service-item01 ul li .tit {
        font-size: 18px;
        margin-top: 25px
    }
}

@media screen and (max-width:1025px) {
    .service-item01 {
        padding: 40px 0
    }

    .service-item01 .left,
    .service-item01 .right {
        width: 100%;
        float: none
    }

    .service-item01 .left {
        padding-top: 20px
    }

    .service-item01 .left .tit {
        font-size: 16px
    }

    .service-item01 .left .ms {
        font-size: 14px;
        line-height: 24px;
        margin-top: 15px
    }

    .service-item01 .right {
        max-width: 300px;
        margin: 0 auto
    }

    .service-item01 ul {
        margin-top: 20px;
        display: block;
        overflow: hidden
    }

    .service-item01 ul li {
        width: 50%;
        float: left;
        margin-top: 15px
    }

    .service-item01 ul li .tit {
        font-size: 14px;
        margin-top: 10px
    }

    .service-item01 ul li .icon img {
        height: 50px
    }

    .service-item01 ul li .txt {
        font-size: 12px;
        margin-top: 5px;
        line-height: inherit
    }
}

.service-item02 {
    background: #f6f6f6;
    padding: 70px 0;
    text-align: center
}

.service-item02 .list-con {
    margin: 0px -25px;
    display: flex;
    flex-wrap: wrap
}

.service-item02 .list-con .list {
    width: calc(33.33% - 50px);
    margin: 0px 25px;
    margin-top: 50px;
    background: #fff
}

.service-item02 .list-con .list .box .img {
    overflow: hidden
}

.service-item02 .list-con .list .box .img span {
    display: block;
    padding-top: 70%
}

.service-item02 .list-con .list .box .con {
    padding: 35px;
    background: #fff;
    overflow: hidden;
    text-align: left
}

.service-item02 .list-con .list .box .con .tit {
    font-size: 24px;
    font-weight: bold;
    color: #2a303b
}

.service-item02 .list-con .list .box .con .ms {
    font-size: 16px;
    margin-top: 15px
}

@media screen and (min-width:1024px) {
    .service-item02 .list-con .list .box:hover {}

    .service-item02 .list-con .list .box:hover .img span {
        transform: scale(1.1)
    }
}

@media screen and (max-width:1367px) {
    .service-item02 .list-con .list .box .con {
        padding: 25px
    }

    .service-item02 .list-con .list .box .con .tit {
        font-size: 20px
    }
}

@media screen and (max-width:1025px) {
    .service-item02 {
        padding: 40px 0
    }

    .service-item02 .list-con {
        margin: 0px -7.5px;
        margin-top: 10px
    }

    .service-item02 .list-con .list {
        margin: 0px 7.5px;
        margin-top: 15px;
        width: calc(50% - 15px)
    }

    .service-item02 .list-con .list .box .con {
        padding: 15px
    }

    .service-item02 .list-con .list .box .con .tit {
        font-size: 16px
    }

    .service-item02 .list-con .list .box .con .ms {
        font-size: 14px;
        margin-top: 10px
    }
}

.service-item03 {
    text-align: center;
    padding: 80px 0;
    background: #fff
}

.service-item03 .swiper {
    position: relative;
    margin-top: 60px
}

.service-item03 .swiper .arrow {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px -80px;
    top: 50%;
    margin-top: -50px
}

.service-item03 .swiper .arrow>div {
    width: 45px;
    height: 45px;
    background: url(../images/so-item03-arrow.png) no-repeat left top;
    cursor: pointer
}

.service-item03 .swiper .arrow .service-item03-prev {
    background-position: left top
}

.service-item03 .swiper .arrow .service-item03-next {
    background-position: right top;
    margin-left: 10px
}

.service-item03 .swiper .service-item03-container {}

.service-item03 .swiper .service-item03-container .swiper-slide {
    text-align: left
}

.service-item03 .swiper .service-item03-container .swiper-slide .box {
    border-radius: 10px;
    background: #f9f9f9;
    height: 460px
}

.service-item03 .swiper .service-item03-container .swiper-slide .box .top {
    height: 130px;
    border-bottom: 1px solid #e6e6e6;
    padding: 30px 40px;
    color: #333;
    font-size: 24px
}

.service-item03 .swiper .service-item03-container .swiper-slide .box .top img {
    margin-right: 20px
}

.service-item03 .swiper .service-item03-container .swiper-slide .box .contxt {
    font-size: 16px;
    line-height: 40px;
    padding: 40px
}

.service-item03 .img-swiper {
    margin-top: 40px
}

.service-item03 .img-swiper .service-item03-imgcontainer {
    padding-bottom: 60px
}

.service-item03 .img-swiper .service-item03-imgcontainer .box {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    background: #000
}

.service-item03 .img-swiper .service-item03-imgcontainer .box>div {
    position: absolute
}

.service-item03 .img-swiper .service-item03-imgcontainer .box .img {
    position: static;
    padding-top: 81%
}

.service-item03 .img-swiper .service-item03-imgcontainer .box .icon {
    width: 33px;
    height: 30px;
    background: url(../images/service-item03-icon.png) no-repeat center center/cover;
    top: 150%;
    left: 50%;
    margin: -15px 0px 0 -16px
}

.service-item03 .img-swiper .service-item03-imgcontainer .box .bg {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/service-item03-bg.png) repeat-x center center/auto 100%
}

.service-item03 .img-swiper .service-item03-imgcontainer .box .tit {
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.service-item03 .img-swiper .service-item03-imgcontainer .imgcontainer-pagination {
    top: auto;
    bottom: 10px;
    height: 1px;
    background: #eaebf1
}

.service-item03 .img-swiper .service-item03-imgcontainer .imgcontainer-pagination:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border-radius: 100%;
    background: #1eb9ee
}

.service-item03 .img-swiper .service-item03-imgcontainer .imgcontainer-pagination .swiper-pagination-progressbar-fill {
    background: #1eb9ee
}

@media screen and (min-width:1024px) {
    .service-item03 .swiper .arrow .service-item03-prev:hover {
        background-position: left bottom
    }

    .service-item03 .swiper .arrow .service-item03-next:hover {
        background-position: right bottom
    }

    .service-item03 .swiper .service-item03-container .swiper-slide .box:hover {
        background: #ecf3ed
    }

    .service-item03 .img-swiper .service-item03-imgcontainer .box:hover .bg {
        display: none
    }

    .service-item03 .img-swiper .service-item03-imgcontainer .box:hover .img {
        transform: scale(1.2);
        opacity: .8
    }

    .service-item03 .img-swiper .service-item03-imgcontainer .box:hover .icon {
        top: 50%
    }

    .service-item03 .img-swiper .service-item03-imgcontainer .box:hover .tit {
        transform: translateY(40px)
    }
}

@media screen and (max-width:1367px) {
    .service-item03 .swiper {
        margin-top: 40px
    }

    .service-item03 .swiper .service-item03-container .swiper-slide .box {
        height: 400px
    }

    .service-item03 .swiper .service-item03-container .swiper-slide .box .top {
        font-size: 20px;
        padding: 20px 30px;
        height: 100px
    }

    .service-item03 .swiper .service-item03-container .swiper-slide .box .contxt {
        line-height: 34px;
        padding: 30px
    }
}

@media screen and (max-width:1025px) {
    .service-item03 {
        padding: 40px 0
    }

    .service-item03 .swiper {
        margin-top: 20px
    }

    .service-item03 .swiper .arrow {
        display: none
    }

    .service-item03 .swiper .service-item03-container .swiper-slide {
        width: 75%
    }

    .service-item03 .swiper .service-item03-container .swiper-slide .box {
        height: 250px
    }

    .service-item03 .swiper .service-item03-container .swiper-slide .box .top {
        font-size: 16px;
        height: auto;
        padding: 15px
    }

    .service-item03 .swiper .service-item03-container .swiper-slide .box .top img {
        margin-right: 10px;
        height: 30px
    }

    .service-item03 .swiper .service-item03-container .swiper-slide .box .contxt {
        padding: 15px;
        font-size: 14px;
        line-height: 22px
    }

    .service-item03 .img-swiper {
        margin-top: 20px
    }

    .service-item03 .img-swiper .service-item03-imgcontainer {
        padding-bottom: 30px
    }

    .service-item03 .img-swiper .service-item03-imgcontainer .box .tit {
        font-size: 14px;
        bottom: 15px
    }
}

.service-item04 {
    padding: 80px 0;
    background: #f8f8f8 url(../images/service-item04-map.png) no-repeat 90% center
}

.service-item04 .left {
    color: #363636
}

.service-item04 .left .tit {
    font-size: 48px
}

.service-item04 .left .ms {
    color: #000;
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
    max-width: 600px
}

.service-item04 .right {
    margin-top: 45px
}

.service-item04 .right a {
    display: block;
    width: 240px;
    height: 50px;
    line-height: 46px;
    border-radius: 5px;
    border: 2px solid #1eb9ee;
    color: #1eb9ee;
    text-align: center;
    font-weight: bold
}

.service-item04 .right a img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px
}

@media screen and (max-width:1367px) {
    .service-item04 .left .tit {
        font-size: 38px
    }

    .service-item04 .left .ms {
        font-size: 16px
    }

    .service-item04 .right {
        margin-top: 30px
    }
}

@media screen and (max-width:1025px) {
    .service-item04 {
        padding: 40px 0;
        background-size: cover;
        background-position: center center
    }

    .service-item04 .left,
    .service-item04 .right {
        float: none
    }

    .service-item04 .left .tit {
        font-size: 16px;
        text-align: center
    }

    .service-item04 .left .ms {
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px
    }

    .service-item04 .right {
        margin-top: 20px
    }

    .service-item04 .right a {
        border: 1px solid #1eb9ee;
        height: 35px;
        line-height: 33px;
        margin: 0 auto
    }
}

.news-nav {
    background: #fff;
    border-bottom: 1px solid #dedede
}

.news-nav ul {
    text-align: right
}

.news-nav ul li {
    margin-left: 35px;
    display: inline-block
}

.news-nav ul li a {
    padding: 0px 10px;
    display: inline-block;
    line-height: 73px;
    border-bottom: 2px solid transparent;
    font-size: 16px
}

.news-nav ul li.active a,
.news-nav ul li a:hover {
    border-bottom: 2px solid #1eb9ee;
    color: #1eb9ee
}

@media screen and (max-width:1367px) {
    .news-nav ul li a {
        line-height: 53px
    }
}

@media screen and (max-width:1025px) {
    .news-nav ul {
        display: flex;
        text-align: center
    }

    .news-nav ul li {
        flex: 1;
        margin: 0
    }

    .news-nav ul li a {
        line-height: 37px;
        font-size: 14px
    }
}

.news-content {
    padding: 100px 0;
    background: #f2f6f9
}

.screen-box {}

.screen-box select,
.screen-box .input .text {
    width: 305px;
    height: 55px;
    padding: 0px 15px;
    background: #fff;
    border-radius: 5px;
    font-size: 16px;
    border: 1px solid #cfcfcf
}

.screen-box select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/icon-select.png) no-repeat right center;
    outline: none;
    border: 1px solid #cfcfcf;
    margin-right: 30px
}

.screen-box .input {
    position: relative
}

.screen-box .input .btn {
    position: absolute;
    width: 55px;
    height: 55px;
    cursor: pointer;
    z-index: 2;
    background: url(../images/icon-search2.png) no-repeat center center;
    right: 0;
    top: 0
}

@media screen and (max-width:1367px) {
    .news-content {
        padding: 80px 0
    }
}

@media screen and (max-width:1025px) {
    .news-content {
        padding: 40px 0
    }

    .screen-box select,
    .screen-box .input,
    .screen-box .input .text {
        float: none;
        width: 100%;
        height: 40px;
        font-size: 14px
    }

    .screen-box select {
        margin-bottom: 10px;
        background-size: auto 7px;
        margin-right: 0
    }

    .screen-box .input .btn {
        width: 40px;
        height: 40px;
        background-size: 18px auto
    }
}

.news-index {
    margin-top: 50px
}

.news-index .list-con {
    margin: 0px -15px
}

.news-index .list {
    padding: 0px 15px;
    width: 33.33%;
    float: left;
    margin-bottom: 30px
}

.news-index .list .box {
    background: #fff url(../images/news-index-bg.png) no-repeat right bottom;
    padding: 45px;
    height: 440px
}

.news-index .list .box .t {
    font-size: 22px;
    line-height: 32px;
    height: 65px;
    overflow: hidden;
    color: #000
}

.news-index .list .box .ms {
    color: #888;
    font-size: 16px;
    line-height: 30px;
    margin-top: 25px
}

.news-index .list .box .b {
    margin-top: 105px;
    line-height: 24px;
    overflow: hidden
}

.news-index .list .box .b .date {
    color: #524444;
    padding-left: 20px;
    background: url(../images/icon-date.png) no-repeat left center;
    font-size: 12px
}

.news-index .list .box .b .tag {
    padding: 0px 10px;
    height: 24px;
    line-height: 22px;
    border: 1px solid rgba(0, 0, 0, .4);
    color: #fff;
    opacity: .7;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    color: #000
}

.news-index .first {
    width: 66.66%;
    padding: 0px 15px;
    height: 440px
}

.news-index .first .content {
    position: relative;
    overflow: hidden;
    height: 100%
}

.news-index .first .content .img {
    height: 100%
}

.news-index .first .content .contxt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background: url(../images/news-index-shadow.png) repeat-x center center/auto 100%
}

.news-index .first .content .contxt .con {
    position: absolute;
    width: 100%;
    left: 50px;
    bottom: 50px
}

.news-index .first .content .contxt .t {
    font-size: 24px;
    line-height: 30px;
    margin: 10px 0
}

.news-index .first .content .contxt span {
    padding: 0px 10px;
    height: 22px;
    line-height: 20px;
    border: 1px solid rgba(255, 255, 255, .4);
    color: #fff;
    opacity: .7;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.news-index .first .content .contxt .date {
    padding-left: 20px;
    background: url(../images/icon-date-w.png) no-repeat left center;
    font-size: 12px;
    margin-top: 15px
}

.news-content .page {
    margin-top: 30px
}

@media screen and (min-width:1024px) {
    .news-index .first .content:hover .img {
        transform: scale(1.2)
    }

    .news-index .list .box:hover .t {
        color: #1eb9ee
    }
}

@media screen and (max-width:1367px) {
    .news-index .tit {
        font-size: 30px
    }

    .news-index .list .box .t {
        font-size: 18px
    }

    .news-index .first,
    .news-index .list .box {
        height: 400px
    }

    .news-index .first .content .contxt .t {
        font-size: 18px
    }
}

@media screen and (max-width:1025px) {
    .news-index {}

    .news-index .first {
        width: 100%;
        padding: 0
    }

    .news-index {
        margin-top: 20px
    }

    .news-index .first {
        height: auto
    }

    .news-index .first .content .img {
        padding-top: 47%
    }

    .news-index .first .content .contxt {
        padding: 15px;
        position: static;
        background: #fff;
        color: #666
    }

    .news-index .first .content .contxt .con {
        position: static
    }

    .news-index .first .content .contxt .t {
        font-size: 16px;
        line-height: 22px;
        max-width: inherit;
        margin: 5px 0
    }

    .news-index .first .content .contxt .date {
        background: url(../images/icon-date.png) no-repeat left center;
        margin-top: 0
    }

    .news-index .first .content .contxt span {
        color: #666;
        border: 1px solid #eee
    }

    .news-index .list-con {
        margin: 0
    }

    .news-index .list {
        width: 100%;
        padding: 0;
        margin-bottom: 0;
        margin-top: 15px
    }

    .news-index .list .box {
        padding: 20px;
        height: auto
    }

    .news-index .list .box .t {
        font-size: 16px;
        line-height: 24px;
        height: auto
    }

    .news-index .list .box .ms {
        margin-top: 10px;
        font-size: 12px;
        line-height: 20px;
        display: none
    }

    .news-index .list .box .b {
        margin-top: 15px
    }
}

.news-detail-content {
    background: #fff;
    border-bottom: 1px solid #f5f6f8
}

.news-detail-content .position {
    padding: 0px 40px
}

.news-detail-content .wrap {
    padding: 50px 0px 80px 0;
    max-width: 980px;
    margin: 0 auto
}

.news-detail-content .wrap .tit {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: #2a303b
}

.news-detail-content .wrap .op {
    line-height: 14px;
    text-align: center;
    padding: 25px 0px 35px 0;
    border-bottom: 2px solid #f0f5fa
}

.news-detail-content .wrap .op>div {
    display: inline-block
}

.news-detail-content .wrap .op .date {
    padding-left: 22px;
    background: url(../images/icon-date.png) no-repeat left center
}

.news-detail-content .wrap .op .user {
    margin: 0px 25px
}

.news-detail-content .wrap .op .click {}

.news-detail-content .wrap .contxt {
    font-size: 16px;
    line-height: 40px;
    padding: 60px 0;
    border-bottom: 1px solid #e7e7e7
}

.news-detail-content .wrap .contxt img {
    display: block;
    margin: 0 auto
}

.news-detail-content .wrap .bottom {
    margin-top: 50px
}

.news-detail-content .wrap .bottom a {
    display: block;
    background: #f7f7f7;
    line-height: 75px;
    text-align: center;
    padding: 0px 20px;
}
.news-detail-content .wrap .bottom .bd a {
    width: 402.5px;
}
.news-detail-content .wrap .bottom a:hover {
    color: #1eb9ee
}

.news-detail-content .wrap .bottom .back {
    margin: 0px 20px;
    width: 135px
}

.news-detail-content .wrap .bottom .back a {}

.news-detail-content .wrap .bottom .back a img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px
}

@media screen and (max-width:1367px) {
    .news-detail-content .wrap .tit {
        font-size: 28px
    }

    .news-detail-content .wrap .op {
        padding: 20px 0px 30px 0
    }

    .news-detail-content .wrap .contxt {
        font-size: 14px;
        line-height: 24px;
        padding: 40px 0
    }

    .news-detail-content .wrap .bottom {
        margin-top: 30px
    }

    .news-detail-content .wrap .bottom a {
        line-height: 55px
    }
}

@media screen and (max-width:1025px) {
    .news-detail-content .position {
        padding: 0px 15px
    }

    .news-detail-content .wrap {
        padding: 40px 15px;
        padding-top: 10px
    }

    .news-detail-content .wrap .tit {
        font-size: 16px
    }

    .news-detail-content .wrap .op {
        font-size: 12px;
        padding: 15px 0px 20px 0;
        border-bottom: 1px solid #f0f5fa
    }

    .news-detail-content .wrap .op .user {
        margin: 0px 10px
    }

    .news-detail-content .wrap .contxt {
        padding: 20px 0;
        line-height: 22px
    }

    .news-detail-content .wrap .bottom {
        display: block;
        margin-top: 15px
    }

    .news-detail-content .wrap .bottom .bd {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .news-detail-content .wrap .bottom .back {
        width: 100%;
        margin: 0 !important
    }

    .news-detail-content .wrap .bottom a {
        line-height: 35px;
        text-align: left
    }
}

.video-content {
    margin-bottom: 50px
}

.video-list {
    background: #fff url(../images/video-bg.png) no-repeat right bottom;
    margin-bottom: 40px
}

.video-list .bd {
    position: relative;
    overflow: hidden
}

.video-list .bd .img {
    padding-top: 68%
}

.video-list .bd .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 84px;
    height: 84px;
    background: url(../images/icon-video.png) no-repeat center center/cover;
    transform: translate(-50%, -50%);
    cursor: pointer
}

.video-list .right {
    padding: 0px 100px;
    max-width: 50%
}

.video-list .right .tit {
    font-size: 26px;
    color: #000;
    line-height: 38px;
    max-height: 76px;
    overflow: hidden
}

.video-list .right .ms {
    font-size: 16px;
    line-height: 34px;
    max-height: 136px;
    overflow: hidden;
    margin: 30px 0px 45px 0
}

.video-list .right .date {
    font-size: 12px;
    line-height: 14px;
    background: url(../images/icon-date.png) no-repeat left center;
    padding-left: 20px
}

@media screen and (min-width:1024px) {
    .video-list:hover .bd .img {
        transform: scale(1.2)
    }

    .video-list:hover .right .tit {
        color: #1eb9ee
    }
}

@media screen and (max-width:1367px) {
    .video-list .right {
        padding: 0px 60px
    }

    .video-list .right .tit {
        font-size: 20px
    }

    .video-list .right .ms {
        font-size: 14px;
        line-height: 24px;
        margin: 20px 0px 25px 0
    }
}

@media screen and (max-width:1025px) {
    .video-content {
        margin-bottom: 20px
    }

    .video-list {
        display: block;
        margin-bottom: 15px
    }

    .video-list .right {
        max-width: 100%;
        padding: 20px 15px
    }

    .video-list .right .tit {
        font-size: 14px;
        line-height: 20px
    }

    .video-list .right .ms {
        font-size: 12px;
        line-height: 20px;
        margin: 10px 0px 15px 0
    }

    .video-list .bd .icon {
        width: 50px;
        height: 50px
    }
}

.zh-content {
    margin-top: 10px;
    margin-bottom: 50px
}

.zh-content .zh-list-con {
    margin: 0px -20px
}

.zh-content .zh-list-con .zh-list {
    width: 33.33%;
    float: left;
    padding: 0px 20px;
    margin-top: 40px
}

.zh-content .zh-list-con .zh-list .box {
    border: 3px solid transparent;
    background: #fff;
    padding: 35px 45px
}

.zh-content .zh-list-con .zh-list .box a {
    display: block;
    overflow: hidden
}

.zh-content .zh-list-con .zh-list .box .img {
    padding-top: 64%
}

.zh-content .zh-list-con .zh-list .box .tit {
    font-size: 22px;
    line-height: 34px;
    height: 65px;
    overflow: hidden;
    margin-top: 30px
}

.zh-content .zh-list-con .zh-list .box .tit a {
    color: #000
}

.zh-content .zh-list-con .zh-list .box .b {
    margin-top: 15px;
    overflow: hidden
}

.zh-content .zh-list-con .zh-list .box .b .date {
    font-size: 12px;
    line-height: 14px;
    background: url(../images/icon-date.png) no-repeat left center;
    padding-left: 20px
}

.zh-content .zh-list-con .zh-list .box .b .more {
    transform: translateX(100px)
}

.zh-content .zh-list-con .zh-list .box .b .more a {
    color: #4a6872;
    background: url(../images/zh-more-bg.png) no-repeat left center
}

.zh-content .zh-list-con .zh-list .box .b .more i {
    background: url(../images/index-item04-more.png) no-repeat left center
}

@media screen and (min-width:1024px) {
    .zh-content .zh-list-con .zh-list .box:hover {
        border: 3px solid #1eb9ee
    }

    .zh-content .zh-list-con .zh-list .box:hover .img {
        transform: scale(1.2)
    }

    .zh-content .zh-list-con .zh-list .box:hover .b .more {
        transform: translateX(0)
    }
}

@media screen and (max-width:1367px) {
    .zh-content .zh-list-con {
        margin: 0px -7.5px
    }

    .zh-content .zh-list-con .zh-list {
        padding: 0px 7.5px;
        margin-top: 15px
    }

    .zh-content .zh-list-con .zh-list .box {
        padding: 25px 35px
    }

    .zh-content .zh-list-con .zh-list .box .tit {
        font-size: 18px;
        line-height: 28px;
        height: 55px
    }
}

@media screen and (max-width:1025px) {
    .zh-content {
        margin-bottom: 20px;
        margin-top: 0
    }

    .zh-content .zh-list-con .zh-list .box {
        padding: 10px
    }

    .zh-content .zh-list-con .zh-list .box .tit {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
        margin-top: 10px
    }

    .zh-content .zh-list-con .zh-list .box .b {
        margin-top: 10px
    }

    .zh-content .zh-list-con .zh-list .box .b .more {
        display: none
    }
}

@media screen and (max-width:640px) {
    .zh-content .zh-list-con .zh-list {
        width: 50%
    }
}

.tz-nav {
    background: #fff;
    border-bottom: 1px solid #dedede
}

.tz-nav ul {}

.tz-nav ul li {
    margin-right: 35px;
    display: inline-block
}

.tz-nav ul li a {
    padding: 0px 10px;
    display: inline-block;
    line-height: 73px;
    border-bottom: 2px solid transparent;
    font-size: 16px
}

.tz-nav ul li.active a,
.tz-nav ul li a:hover {
    border-bottom: 2px solid #1eb9ee;
    color: #1eb9ee
}

@media screen and (max-width:1367px) {
    .tz-nav ul li {
        margin-right: 15px
    }

    .tz-nav ul li a {
        line-height: 53px
    }
}

@media screen and (max-width:1025px) {
    .tz-nav ul {
        overflow-x: auto;
        text-align: center;
        white-space: nowrap
    }

    .tz-nav ul li {
        display: inline-block;
        margin-right: 10px
    }

    .tz-nav ul li a {
        line-height: 37px;
        font-size: 14px;
        padding: 0px 5px
    }
}

.tz-content {
    padding: 90px 0;
    border-bottom: 1px solid #f5f6f8;
    text-align: center
}

.tz-content .page-tit {
    margin-bottom: 75px
}

@media screen and (max-width:1367px) {
    .tz-content .page-tit {
        margin-bottom: 55px
    }
}

@media screen and (max-width:1025px) {
    .tz-content {
        padding: 40px 0
    }

    .tz-content .page-tit {
        margin-bottom: 25px
    }
}

.tz-report {}

.tz-report .list-con {
    margin: 0px -20px
}

.tz-report .list-con .list {
    width: 50%;
    float: left;
    padding: 0px 20px;
    margin-top: 40px
}

.tz-report .list-con .list .box {
    background: #f8f8f8;
    padding: 20px
}

.tz-report .list-con .list .box .img {
    margin-right: 30px;
    border-right: 1px solid #cdcdcd;
    padding-right: 50px;
    width: 39.494%
}

.tz-report .list-con .list .box .img .sc {
    overflow: hidden
}

.tz-report .list-con .list .box .img .sc span {
    display: block;
    padding-bottom: 135.72%;
    transition: 0.3s;
    background-size: contain
}

.tz-report .list-con .list .box .contxt .tit-box {
    font-size: 24px;
    text-align: left;
    color: #333
}

.tz-report .list-con .list .box .contxt .tit-box .date {
    font-size: 16px;
    line-height: 14px;
    background: url(../images/icon-date.png) no-repeat left center;
    padding-left: 20px;
    color: #666
}

.tz-report .list-con .list .box .contxt .b {
    margin-top: 140px
}

.tz-report .list-con .list .box .contxt .b a {
    display: block;
    height: 40px;
    line-height: 38px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    font-size: 16px
}

.tz-report .list-con .list .box .contxt .b a i {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px
}

.tz-report .list-con .list .box .contxt .b a i.look {
    background: url(../images/icon-look.png) no-repeat center center
}

.tz-report .list-con .list .box .contxt .b a i.down {
    background: url(../images/icon-download.png) no-repeat center center
}

@media screen and (min-width:1024px) {
    .tz-report .list-con .list .box .contxt .b a:hover {
        background: #1eb9ee;
        border: 1px solid #1eb9ee;
        color: #fff
    }

    .tz-report .list-con .list .box .contxt .b a:hover i.look {
        background: url(../images/icon-look-on.png) no-repeat center center
    }

    .tz-report .list-con .list .box .contxt .b a:hover i.down {
        background: url(../images/icon-download-on.png) no-repeat center center
    }
}

@media screen and (max-width:1367px) {
    .tz-report .list-con .list .box .img {
        padding-right: 30px;
        margin-right: 25px
    }

    .tz-report .list-con .list .box .contxt .tit-box {
        font-size: 20px
    }

    .tz-report .list-con .list .box .contxt .b a {
        font-size: 14px
    }

    .tz-report .list-con .list .box .contxt .tit-box .date {
        font-size: 14px
    }
}

@media screen and (max-width:1025px) {
    .tz-report .list-con {
        margin: 0px -7.5px
    }

    .tz-report .list-con .list {
        padding: 0px 7.5px;
        margin-top: 15px;
        width: 100%
    }

    .tz-report .list-con .list .box {
        padding: 15px
    }

    .tz-report .list-con .list .box .img {
        width: 150px;
        padding-right: 15px;
        margin-right: 20px
    }

    .tz-report .list-con .list .box .contxt .tit-box {
        font-size: 16px;
        display: block
    }

    .tz-report .list-con .list .box .contxt .tit-box .date {
        margin-top: 15px
    }

    .tz-report .list-con .list .box .contxt .b {
        margin-top: 85px
    }

    .tz-report .list-con .list .box .contxt .b a {
        height: 30px;
        line-height: 28px;
        font-size: 12px
    }

    .tz-report .list-con .list .box .contxt .b .bd:first-child {
        padding-right: 5px !important
    }

    .tz-report .list-con .list .box .contxt .b .bd:last-child {
        padding-left: 5px !important
    }
}

.tz-demo {}

.tz-demo .list-con {
    margin: 0px -10px;
    margin-top: 20px
}

.tz-demo .list-con .list {
    width: 50%;
    float: left;
    padding: 0px 10px;
    margin-top: 20px
}

.tz-demo .list-con .list .box {
    background: #f8f8f8;
    padding: 40px 30px
}

.tz-demo .list-con .list .box .img {
    margin-right: 25px;
    width: 48%
}

.tz-demo .list-con .list .box .img .sc {
    overflow: hidden
}

.tz-demo .list-con .list .box .img .sc span {
    display: block;
    padding-bottom: 55.5%;
    transition: 0.3s;
    background-size: contain
}

.tz-demo .list-con .list .box .contxt {
    text-align: left
}

.tz-demo .list-con .list .box .contxt .tit-box {
    font-size: 24px;
    text-align: left;
    color: #333
}

.tz-demo .list-con .list .box .contxt .date {
    font-size: 12px;
    line-height: 14px;
    background: url(../images/icon-date.png) no-repeat left center;
    padding-left: 20px;
    color: #666;
    margin-top: 15px
}

.tz-demo .list-con .list .box .contxt .b {
    margin-top: 65px
}

.tz-demo .list-con .list .box .contxt .b a {
    display: block;
    height: 40px;
    line-height: 38px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    font-size: 16px
}

.tz-demo .list-con .list .box .contxt .b a i {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px
}

.tz-demo .list-con .list .box .contxt .b a i.look {
    background: url(../images/icon-look.png) no-repeat center center
}

.tz-demo .list-con .list .box .contxt .b a i.down {
    background: url(../images/icon-download.png) no-repeat center center
}

@media screen and (min-width:1024px) {
    .tz-demo .list-con .list .box .contxt .b a:hover {
        background: #1eb9ee;
        border: 1px solid #1eb9ee;
        color: #fff
    }

    .tz-demo .list-con .list .box .contxt .b a:hover i.look {
        background: url(../images/icon-look-on.png) no-repeat center center
    }

    .tz-demo .list-con .list .box .contxt .b a:hover i.down {
        background: url(../images/icon-download-on.png) no-repeat center center
    }
}

@media screen and (max-width:1367px) {
    .tz-demo .list-con .list .box .img {
        margin-right: 20px
    }

    .tz-demo .list-con .list .box .contxt .tit-box {
        font-size: 20px
    }

    .tz-demo .list-con .list .box .contxt .b a {
        font-size: 12px
    }
}

@media screen and (max-width:1025px) {
    .tz-demo .list-con {
        margin: 0px -7.5px
    }

    .tz-demo .list-con .list {
        padding: 0px 7.5px;
        margin-top: 15px;
        width: 100%
    }

    .tz-demo .list-con .list .box {
        padding: 15px
    }

    .tz-demo .list-con .list .box .img {
        width: 140px;
        margin-right: 15px
    }

    .tz-demo .list-con .list .box .contxt .tit-box {
        font-size: 16px;
        display: block
    }

    .tz-demo .list-con .list .box .contxt .date {
        margin-top: 8px
    }

    .tz-demo .list-con .list .box .contxt .b {
        margin-top: 20px
    }

    .tz-demo .list-con .list .box .contxt .b a {
        height: 30px;
        line-height: 28px;
        font-size: 12px
    }

    .tz-demo .list-con .list .box .contxt .b .bd:first-child {
        padding-right: 5px !important
    }

    .tz-demo .list-con .list .box .contxt .b .bd:last-child {
        padding-left: 5px !important
    }
}

@media screen and (max-width:430px) {
    .tz-demo .list-con .list .box .contxt .b a i {
        display: none
    }
}

.tz-zy {}

.tz-zy ul.tab {
    background: #fff;
    border-radius: 8px;
    width: 310px;
    line-height: 50px;
    font-size: 16px;
    overflow: hidden;
    cursor: pointer
}

.tz-zy ul.tab li.active {
    background: #1eb9ee;
    color: #fff
}

.tz-zy .list-con {
    margin: 0px -17px;
    margin-top: 10px;
    display: none
}

.tz-zy .list-con .list {
    margin-top: 35px;
    padding: 0px 17px;
    width: 50%;
    float: left
}

.tz-zy .list-con .list .box {
    border-radius: 10px;
    background: #fff;
    padding: 45px
}

.tz-zy .list-con .list .box img {
    margin: 0 auto
}

@media screen and (max-width:1367px) {
    .tz-zy ul.tab {
        line-height: 40px
    }
}

@media screen and (max-width:1025px) {
    .tz-zy ul.tab {
        line-height: 35px;
        font-size: 14px;
        width: 100%
    }

    .tz-zy .list-con .list {
        width: 100%;
        margin-top: 15px
    }

    .tz-zy .list-con .list .box {
        padding: 15px
    }
}

.tz-fx {}

.tz-fx .table {
    text-align: left;
    background: #fff
}

.tz-fx .table .thead {
    padding: 0px 110px;
    line-height: 75px;
    background: url(../images/tz-table-bg.jpg) no-repeat center center/cover;
    color: #fff;
    font-size: 16px;
    display: flex
}

.tz-fx .table .tbody {
    padding: 30px 0;
    font-size: 16px;
    color: #000
}

.tz-fx .table .tbody .tr {
    padding: 0px 110px
}

.tz-fx .table .tbody .tr:nth-child(even) {
    background: #fdfdfe
}

.tz-fx .table .tbody .tr .content {
    padding: 30px 0;
    border-bottom: 1px solid #eff4f9;
    width: 100%;
    display: flex
}

@media screen and (max-width:1367px) {
    .tz-fx .table .thead {
        padding: 0px 80px
    }

    .tz-fx .table .tbody {
        padding: 30px 0px
    }

    .tz-fx .table .tbody .tr {
        padding: 0px 80px
    }

    .tz-fx .table .tbody .tr .content {
        padding: 20px 0
    }
}

@media screen and (max-width:1025px) {
    .tz-fx .table .thead {
        padding: 0px 15px;
        line-height: 35px;
        font-size: 14px
    }

    .tz-fx .table .tbody {
        padding: 10px 0px;
        font-size: 14px
    }

    .tz-fx .table .tbody .tr {
        padding: 0px 15px
    }

    .tz-fx .table .tbody .tr .content {
        padding: 10px 0
    }
}

.tz-notice {}

.tz-notice .table {
    text-align: left;
    background: #fff
}

.tz-notice .table .thead {
    padding: 0px 50px;
    background: url(../images/tz-table-bg.jpg) no-repeat center center/cover;
    color: #fff;
    font-size: 16px
}

.tz-notice .table .thead select {
    width: 305px;
    height: 50px;
    padding: 0px 15px;
    background: #fff;
    border-radius: 5px;
    font-size: 16px;
    border: 1px solid #cfcfcf;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/icon-select.png) no-repeat right center
}

.tz-notice .table .thead ul {}

.tz-notice .table .thead ul li {
    line-height: 73px;
    padding: 0px 15px;
    color: #fff;
    font-size: 20px;
    margin-right: 50px;
    float: left;
    cursor: pointer;
    border-bottom: 2px solid transparent
}

.tz-notice .table .thead ul li.active {
    border-bottom: 2px solid #fff;
    font-weight: bold
}

.tz-notice .table .tbody {
    padding: 30px 0;
    font-size: 16px;
    color: #000;
    display: none
}

.tz-notice .table .tbody .tr {
    padding: 0px 110px
}

.tz-notice .table .tbody .tr:nth-child(even) {
    background: #fdfdfe
}

.tz-notice .table .tbody .tr .content {
    padding: 30px 0;
    border-bottom: 1px solid #eff4f9
}

.tz-notice .table .tbody .tr .content .tit {
    position: relative;
    padding-left: 20px
}

.tz-notice .table .tbody .tr .content .tit:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    border: 2px solid #1eb9ee;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.tz-notice .table .tbody .tr .content .date {
    padding-left: 20px;
    background: url(../images/icon-date.png) no-repeat left center;
    font-size: 12px
}

.tz-notice .table .tbody .tr .content .down {
    margin-left: 10%
}

.tz-notice .table .tbody .tr .content .down a {
    font-size: 14px;
    color: #000
}

.tz-notice .table .tbody .tr .content .down img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px
}

@media screen and (max-width:1367px) {
    .tz-notice .table .thead {
        padding: 0px 80px
    }

    .tz-notice .table .tbody {
        padding: 30px 0px
    }

    .tz-notice .table .tbody .tr {
        padding: 0px 80px
    }

    .tz-notice .table .tbody .tr .content {
        padding: 20px 0
    }
}

@media screen and (max-width:1025px) {
    .tz-notice .table .thead {
        padding: 0px 15px;
        line-height: 35px;
        font-size: 14px
    }

    .tz-notice .table .tbody {
        padding: 10px 0px;
        font-size: 14px
    }

    .tz-notice .table .thead select {
        height: 40px;
        font-size: 14px;
        background-size: auto 7px;
        width: auto;
        padding-right: 50px
    }

    .tz-notice .table .thead ul li {
        line-height: 53px;
        font-size: 14px;
        margin-right: 10px;
        padding: 0px 10px
    }

    .tz-notice .table .tbody .tr {
        padding: 0px 15px
    }

    .tz-notice .table .tbody .tr .content {
        padding: 10px 0
    }

    .tz-notice .table .tbody .tr .content .down {
        margin-left: 20px
    }
}

.tz-qy {}

.tz-qy .table {
    text-align: left;
    background: #fff
}

.tz-qy .table .thead {
    padding: 0px 110px;
    line-height: 75px;
    background: url(../images/tz-table-bg.jpg) no-repeat center center/cover;
    color: #fff;
    font-size: 16px
}

.tz-qy .table .tbody {
    padding: 30px 0;
    font-size: 16px;
    color: #000
}

.tz-qy .table .tbody .tr {
    padding: 0px 110px
}

.tz-qy .table .tbody .tr:nth-child(even) {
    background: #fdfdfe
}

.tz-qy .table .down {
    min-width: 85px
}

.tz-qy .table .tbody .tr .content {
    padding: 15px 0;
    border-bottom: 1px solid #eff4f9
}

.tz-qy .table .tbody .tr .content .down {}

.tz-qy .table .tbody .tr .content .down a {
    font-size: 14px;
    color: #000
}

.tz-qy .table .tbody .tr .content .down img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px
}

.tz-qy .img01 {
    margin-bottom: 90px
}

.tz-qy .img01 img {
    margin: 0 auto
}

.tz-qy .item02 {
    margin: 60px 0
}

.tz-qy .item02 .page-tit {
    margin-bottom: 20px
}

.tz-qy .item02 .ms {
    font-size: 16px
}

.tz-qy .item02 .content {
    padding: 90px 0;
    background: #fff;
    margin-top: 50px
}

.tz-qy .item02 .content img {
    margin: 0 auto
}

.tz-qy .item03 {
    margin-top: 90px
}

@media screen and (max-width:1367px) {
    .tz-qy .table .thead {
        padding: 0px 80px
    }

    .tz-qy .table .tbody {
        padding: 30px 0px
    }

    .tz-qy .table .tbody .tr {
        padding: 0px 80px
    }

    .tz-qy .table .tbody .tr .content {
        padding: 15px 0
    }
}

@media screen and (max-width:1025px) {
    .tz-qy .table .thead {
        padding: 0px 15px;
        line-height: 35px;
        font-size: 14px
    }

    .tz-qy .table .tbody {
        padding: 10px 0px;
        font-size: 14px
    }

    .tz-qy .table .tbody .tr {
        padding: 0px 15px
    }

    .tz-qy .table .tbody .tr .content {
        padding: 10px 0
    }

    .tz-qy .img01 {
        margin-bottom: 20px
    }

    .tz-qy .item02 {
        margin: 20px 0
    }

    .tz-qy .item02 .page-tit {
        margin-bottom: 10px
    }

    .tz-qy .item02 .ms {
        font-size: 12px
    }

    .tz-qy .item02 .content {
        margin-top: 20px;
        padding: 30px 0
    }

    .tz-qy .item03 {
        margin-top: 30px
    }
}

.tz-date {}

.tz-date .table {
    text-align: left;
    background: #fff;
    margin-top: 40px
}

.tz-date .table .thead {
    padding: 0px 110px;
    line-height: 75px;
    background: url(../images/tz-table-bg.jpg) no-repeat center center/cover;
    color: #fff;
    font-size: 16px
}

.tz-date .table .tbody {
    padding: 30px 0;
    font-size: 16px;
    color: #000
}

.tz-date .table .tbody .tr {
    padding: 0px 110px
}

.tz-date .table .tbody .tr:nth-child(even) {
    background: #fdfdfe
}

.tz-date .table .tbody .tr .content {
    padding: 30px 0;
    border-bottom: 1px solid #eff4f9
}

.tz-date .table .tbody .tr .content .tit {
    position: relative;
    padding-left: 20px
}

.tz-date .table .tbody .tr .content .tit:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    border: 2px solid #1eb9ee;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.tz-date .table .tbody .tr .content .date {
    font-size: 12px
}

.tz-date .table .tbody .tr .content .date img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px
}

@media screen and (max-width:1367px) {
    .tz-date .table .thead {
        padding: 0px 80px
    }

    .tz-date .table .tbody {
        padding: 30px 0px
    }

    .tz-date .table .tbody .tr {
        padding: 0px 80px
    }

    .tz-date .table .tbody .tr .content {
        padding: 20px 0
    }
}

@media screen and (max-width:1025px) {
    .tz-date .table {
        margin-top: 20px
    }

    .tz-date .table .thead {
        padding: 0px 15px;
        line-height: 35px;
        font-size: 14px
    }

    .tz-date .table .tbody {
        padding: 10px 0px;
        font-size: 14px
    }

    .tz-date .table .tbody .tr {
        padding: 0px 15px
    }

    .tz-date .table .tbody .tr .content {
        padding: 10px 0
    }
}

.tz-data {}

.tz-data .box {
    text-align: left;
    padding-bottom: 90px
}

.tz-data .box .img {
    margin-right: 55px
}

.tz-data .box .img span {
    display: block;
    width: 525px;
    height: 510px
}

.tz-data .box .contxt {
    color: #333;
    font-size: 18px;
    line-height: 32px
}

.tz-data-table-box {
    padding: 80px 0;
    background: #f6f6f6
}

.tz-data-table-box .table {
    background: #fafbfd;
    border-top: 1px solid #d8e3ef;
    border-left: 1px solid #d8e3ef;
    text-align: left;
    font-size: 16px;
    color: #000
}

.tz-data-table-box .table .list {
    border-bottom: 1px solid #d8e3ef
}

.tz-data-table-box .table .list .bd {
    padding: 25px 0;
    padding-right: 15px;
    border-right: 1px solid #d8e3ef;
    border-left: 1px solid #d8e3ef;
    padding-left: 4%;
    line-height: 32px
}

.tz-data-table-box .table .list .bd:first-child {
    border: none
}

.tz-data-table-box .table .list:nth-child(odd) .bd:last-child {
    background: #fff
}

.tz-data-table-box .table .label {
    max-width: 22%;
    min-width: 22%
}

@media screen and (max-width:1367px) {
    .tz-data .box .contxt {
        font-size: 14px;
        line-height: 28px
    }
}

@media screen and (max-width:1025px) {
    .tz-data .box {
        display: block;
        padding-bottom: 40px
    }

    .tz-data .box .img {
        margin-right: 0;
        width: 100%
    }

    .tz-data .box .img span {
        width: 100%;
        padding-top: 100%;
        height: auto
    }

    .tz-data .box .contxt {
        margin-top: 10px;
        line-height: 22px
    }

    .tz-data-table-box {
        padding: 40px 0
    }

    .tz-data-table-box .table {
        font-size: 14px
    }

    .tz-data-table-box .table .list .bd {
        padding: 10px;
        line-height: 22px
    }
}

.about-nav {
    background: #fff;
    border-bottom: 1px solid #dedede
}

.about-nav .slick-list {
    overflow: hidden
}

.about-nav .slick-prev,
.about-nav .slick-next {
    position: absolute;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    transition: all .4s;
    background-size: cover;
    line-height: 99;
    overflow: hidden;
    top: 50%;
    margin-top: -15px;
    z-index: 9999
}

.about-nav .slick-prev {
    left: 0;
    background: #e2e2e2 url("../images/btnradiu1.png") no-repeat center;
    background-size: cover;
    border-radius: 30px 0 0 30px
}

.about-nav .slick-next {
    right: 0;
    background: #e2e2e2 url("../images/btnradiu2.png") no-repeat center;
    background-size: cover;
    border-radius: 0 30px 30px 0
}

.about-nav .slick-prev:hover {
    background: #40c2ef url("../images/btnradiu1-1.png") no-repeat center
}

.about-nav .slick-next:hover {
    background: #40c2ef url("../images/btnradiu2-1.png") no-repeat center
}

.about-nav ul {
    text-align: left;
    position: relative
}

.about-nav ul li {
    display: inline-block;
    margin-right: 30px
}

.about-nav ul.skyfeed li {
    margin-right: 0;
    text-align: center
}

.about-nav ul li a {
    display: inline-block;
    line-height: 73px;
    border-bottom: 2px solid transparent;
    font-size: 16px
}

.about-nav ul li.active a,
.about-nav ul li a:hover {
    border-bottom: 2px solid #0152A7;
    color: #0152A7
}

@media screen and (max-width:1367px) {
    .about-nav ul li a {
        line-height: 53px
    }
}

@media(max-width:1280px) {
    .about-nav ul li a {
        font-size: 14px
    }
}

@media screen and (max-width:1025px) {
    .about-nav ul {
        overflow-x: auto;
        text-align: center;
        white-space: nowrap
    }

    .about-nav ul li {
        display: inline-block;
        margin-right: 10px;
        margin-left: 0
    }

    .about-nav ul li a {
        line-height: 37px;
        font-size: 14px;
        padding: 0px 5px
    }
}

.about-item01 {
    padding: 120px 0;
    background: url(../images/about-item01-bg.jpg) no-repeat center center/cover
}

.about-item01 .flex-box {
    align-items: inherit
}

.about-item01 .left {
    margin-right: 140px
}

.about-item01 .right {}

.about-item01 .right .tit {
    color: #2a303b;
    font-weight: bold;
    font-size: 42px;
    line-height: 54px
}

.about-item01 .right .contxt {
    font-size: 16px;
    line-height: 32px;
    margin-top: 35px
}

.about-item01 .list-con {
    margin: 0px -10px;
    margin-top: 100px
}

.about-item01 .list-con .list {
    width: 50%;
    float: left;
    padding: 0px 10px;
    margin-top: 20px
}

.about-item01 .list-con .list .box {
    border-radius: 10px;
    border: 1px solid #eee;
    background-image: linear-gradient(#ffffff, #fdfeff);
    height: 235px;
    padding: 35px;
    padding-left: 45px;
    padding-right: 70px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
    color: #2a303b
}

.about-item01 .list-con .list .box:hover {
    background: #1eb9ee
}

.about-item01 .list-con .list .box:hover * {
    color: #fff
}

.about-item01 .list-con .list .box .icon {
    margin-right: 35px
}

.about-item01 .list-con .list .box:hover .icon .def,
.about-item01 .list-con .list .box .icon .hov {
    display: none
}

.about-item01 .list-con .list .box:hover .icon .hov {
    display: block
}

.about-item01 .list-con .list .box .t {
    font-size: 24px;
    margin-bottom: 25px
}

.about-item01 .list-con .list .box .txt {
    border-top: 1px solid #eff0f0;
    padding-top: 25px;
    font-size: 18px;
    line-height: 32px
}

@media screen and (max-width:1367px) {
    .about-item01 .left {
        width: 400px;
        margin-right: 80px
    }

    .about-item01 .right .tit {
        font-size: 30px;
        line-height: 40px
    }

    .about-item01 .right .contxt {
        font-size: 14px;
        line-height: 28px
    }

    .about-item01 .list-con .list .box {
        height: 205px
    }

    .about-item01 .list-con .list .box .t {
        font-size: 20px;
        margin-bottom: 20px
    }

    .about-item01 .list-con .list .box .txt {
        font-size: 16px;
        padding-top: 15px
    }
}

@media screen and (max-width:1025px) {
    .about-item01 {
        padding: 40px 0
    }

    .about-item01 .flex-box {
        display: block
    }

    .about-item01 .left {
        width: 250px;
        margin: 0 auto
    }

    .about-item01 .right {
        margin-top: 15px
    }

    .about-item01 .right .tit {
        font-size: 16px;
        line-height: 24px
    }

    .about-item01 .right .contxt {
        line-height: 22px;
        margin-top: 10px
    }

    .about-item01 .list-con {
        margin-top: 20px
    }

    .about-item01 .list-con .list {
        width: 100%;
        margin-top: 10px
    }

    .about-item01 .list-con .list .box {
        height: auto;
        padding: 20px 15px
    }

    .about-item01 .list-con .list .box .flex-box {
        display: flex
    }

    .about-item01 .list-con .list .box .icon {
        margin-right: 15px;
        width: 55px
    }

    .about-item01 .list-con .list .box .t {
        font-size: 16px;
        margin-bottom: 15px
    }

    .about-item01 .list-con .list .box .txt {
        font-size: 14px;
        line-height: 20px;
        padding-top: 15px
    }
}

.about-item02 {
    padding: 80px 0;
    background: #fff
}

.about-item02 .contxt-box {
    align-items: inherit;
    margin: 75px 0px 105px 0;
    overflow: hidden
}

.about-item02 .contxt-box .img {
    width: 45%;
    margin-left: 70px
}

.about-item02 .contxt-box .contxt {
    font-size: 18px;
    line-height: 32px;
    color: #505050;
    text-align: justify
}

.about-item02 .num-box {}

.about-item02 .num-box .list {
    width: 25%;
    float: left
}

.about-item02 .num-box .list .num {
    font-family: Arial;
    font-size: 65px;
    font-weight: bold;
    color: #8fc31f
}

.about-item02 .num-box .list .num sub {
    font-size: 30px
}

.about-item02 .num-box .list .txt {
    font-size: 16px;
    line-height: 30px;
    margin: 20px 0px 15px 0
}

.about-item02 .num-box .list .line {
    width: 24px;
    height: 4px;
    margin: 0 auto;
    background: #8fc31f
}

.about-item02 .swiper {
    position: relative;
    margin-top: 60px
}

.about-item02 .swiper .arrow {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px -80px;
    top: 50%;
    margin-top: -24px
}

.about-item02 .swiper .arrow>div {
    width: 45px;
    height: 45px;
    background: url(../images/so-item03-arrow.png) no-repeat left top;
    cursor: pointer
}

.about-item02 .swiper .arrow .about-item02-prev {
    background-position: left top
}

.about-item02 .swiper .arrow .about-item02-next {
    background-position: right top;
    margin-left: 10px
}

.about-item02 .swiper .about-item02-container {}

.about-item02 .swiper .about-item02-container .swiper-slide {
    border-radius: 15px;
    overflow: hidden
}

.about-item02 .swiper .about-item02-container .swiper-slide .img {
    padding-top: 68%
}

.about-item02 .swiper .about-item02-container .swiper-slide .show {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/service-item03-bg.png) repeat-x center center/auto 100%
}

.about-item02 .swiper .about-item02-container .swiper-slide .tit {
    position: absolute;
    left: 0;
    bottom: 20px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    width: 100%
}

.about-item02 .list-con {
    margin-top: 55px
}

.about-item02 .list-con .list {
    width: 50%;
    float: left;
    padding: 0px 9px;
    margin-top: 18px
}

.about-item02 .list-con .list .box {
    border-radius: 15px;
    border: 1px solid #d9e6f9;
    background: #eff3f9;
    padding: 35px 45px;
    padding-bottom: 0;
    height: 185px;
    cursor: pointer
}

.about-item02 .list-con .list .box .tit {
    color: #2a303b;
    font-size: 24px;
    font-weight: bold
}

.about-item02 .list-con .list .box .tit span {
    font-size: 30px;
    font-family: Arial;
    color: #1eb9ee
}

.about-item02 .list-con .list .box .txt {
    color: #2a303b;
    font-size: 18px;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #d6e1f1
}

@media screen and (min-width:1024px) {
    .about-item02 .swiper .arrow .about-item02-prev:hover {
        background-position: left bottom
    }

    .about-item02 .swiper .arrow .about-item02-next:hover {
        background-position: right bottom
    }

    .about-item02 .list-con .list .box:hover {
        background: #1eb9ee
    }

    .about-item02 .list-con .list .box:hover .tit,
    .about-item02 .list-con .list .box:hover .tit span,
    .about-item02 .list-con .list .box:hover .txt {
        color: #fff
    }
}

@media screen and (max-width:1367px) {
    .about-item02 .contxt-box .contxt {
        font-size: 16px;
        line-height: 28px
    }

    .about-item02 .contxt-box .img {
        margin-left: 50px
    }

    .about-item02 .swiper {
        margin-top: 40px
    }
}

@media screen and (max-width:1025px) {
    .about-item02 {
        padding: 40px 0
    }

    .about-item02 .contxt-box {
        margin: 20px 0px 30px 0
    }

    .about-item02 .contxt-box .contxt {
        font-size: 14px;
        line-height: 22px;
        margin-top: 15px
    }

    .about-item02 .contxt-box .img {
        margin-left: 0px;
        width: 100%;
        float: none
    }

    .about-item02 .contxt-box .img img {
        max-width: inherit !important;
        width: 100%
    }

    .about-item02 .num-box .list {
        width: 50%;
        margin-bottom: 20px
    }

    .about-item02 .num-box .list .num {
        font-size: 26px
    }

    .about-item02 .num-box .list .num sub {
        font-size: 16px;
        line-height: 1;
        margin-left: 3px
    }

    .about-item02 .num-box .list .txt {
        font-size: 14px;
        line-height: 20px;
        margin: 10px 0;
        padding: 0px 10px
    }

    .about-item02 .num-box .list .line {
        width: 20px;
        height: 2px
    }

    .about-item02 .swiper {
        margin-top: 10px
    }

    .about-item02 .swiper .arrow {
        display: none
    }

    .about-item02 .swiper .about-item02-container .swiper-slide {
        width: 75%
    }

    .about-item02 .swiper .about-item02-container .swiper-slide .tit {
        font-size: 14px;
        bottom: 15px
    }

    .about-item02 .list-con {
        margin-top: 15px
    }

    .about-item02 .list-con .list {
        width: 100%;
        margin-top: 15px
    }

    .about-item02 .list-con .list .box {
        padding: 20px 15px;
        height: auto
    }

    .about-item02 .list-con .list .box .tit {
        font-size: 16px
    }

    .about-item02 .list-con .list .box .tit span {
        font-size: 20px
    }

    .about-item02 .list-con .list .box .txt {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
        padding-top: 10px
    }
}

.about-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.2);
    display: none
}

.about-modal .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff url(../images/board-bg2.png) no-repeat right bottom;
    width: 100%;
    max-width: 1300px;
    height: 590px;
    padding: 60px 65px
}

.about-modal .content .close {
    width: 37px;
    height: 37px;
    border-radius: 100%;
    cursor: pointer;
    background: url(../images/close-white.png) no-repeat center center/12px auto;
    border: 2px solid #fff;
    position: absolute;
    right: -60px;
    top: 0
}

.about-modal .content .right {}

.about-modal .content .right .tit {
    color: #2a303b;
    font-size: 32px;
    font-weight: bold
}

.about-modal .content .right .zw {
    color: #000;
    font-size: 16px;
    margin-top: 10px
}

.about-modal .content .right .contxt {
    max-height: 340px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e9f0f8;
    font-size: 16px;
    line-height: 30px;
    text-align: justify
}

@media screen and (max-width:1367px) {
    .about-modal .content {
        max-width: 1000px;
        height: 500px;
        padding: 40px 45px
    }
}

@media screen and (max-width:1300px) {
    .about-modal .content {
        left: 0;
        right: 0;
        margin: 0px 15px;
        margin-right: 40px;
        width: auto;
        transform: translateY(-50%);
        padding: 20px;
        height: auto
    }

    .about-modal .content .close {
        width: 24px;
        height: 24px;
        right: -30px
    }
}

@media screen and (max-width:1025px) {
    .about-modal .content .flex-box {
        display: block
    }

    .about-modal .content .right {
        margin-top: 15px
    }

    .about-modal .content .right .tit {
        font-size: 16px
    }

    .about-modal .content .right .zw {
        font-size: 12px;
        margin-top: 5px
    }

    .about-modal .content .right .contxt {
        margin-top: 10px;
        padding-top: 10px;
        font-size: 14px;
        line-height: 20px;
        max-height: 170px
    }
}

.about-item03 {
    padding: 100px 0;
    background: url(../images/about-item03-bg.jpg) no-repeat center center/cover
}

.about-item03 .contxt {
    margin: 50px 0;
    color: #505050;
    font-size: 18px;
    line-height: 32px
}

.about-item03 .list-con {
    margin: 0px -10px
}

.about-item03 .list-con .list {
    width: 33.33%;
    float: left;
    padding: 0px 10px
}

.about-item03 .list-con .list .box {
    color: #2a303b;
    border-radius: 15px;
    background: #fff;
    padding: 0px 50px;
    height: 505px;
    padding-top: 40px
}

.about-item03 .list-con .list .box .tit {
    font-size: 28px;
    font-weight: bold
}

.about-item03 .list-con .list .box ul {
    margin-top: 30px;
    padding-top: 10px;
    border-top: 2px solid #f0f5fa
}

.about-item03 .list-con .list .box ul li {
    padding-left: 25px;
    background: url(../images/about-item03-yuan.png) no-repeat left 10px;
    margin-top: 20px
}

.about-item03 .list-con .list .box ul li .t {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px
}

.about-item03 .list-con .list .box ul li .txt {
    color: #424242;
    font-size: 16px;
    line-height: 32px
}

.about-item03 .img-swiper {
    margin-top: 70px;
    position: relative
}

.about-item03 .img-swiper .about-item03-imgcontainer {}

.about-item03 .img-swiper .about-item03-imgcontainer .box {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    background: #000
}

.about-item03 .img-swiper .about-item03-imgcontainer .box>div {
    position: absolute
}

.about-item03 .img-swiper .about-item03-imgcontainer .box .img {
    position: static;
    padding-top: 74%
}

.about-item03 .img-swiper .about-item03-imgcontainer .box .icon {
    width: 33px;
    height: 30px;
    background: url(../images/service-item03-icon.png) no-repeat center center/cover;
    top: 150%;
    left: 50%;
    margin: -15px 0px 0 -16px
}

.about-item03 .img-swiper .about-item03-imgcontainer .box .bg {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/service-item03-bg.png) repeat-x center center/auto 100%
}

.about-item03 .img-swiper .arrow {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px -80px;
    top: 50%;
    margin-top: -22px
}

.about-item03 .img-swiper .arrow>div {
    width: 45px;
    height: 45px;
    background: url(../images/so-item03-arrow.png) no-repeat left top;
    cursor: pointer
}

.about-item03 .img-swiper .arrow .about-item02-prev {
    background-position: left top
}

.about-item03 .img-swiper .arrow .about-item02-next {
    background-position: right top;
    margin-left: 10px
}

@media screen and (min-width:1024px) {
    .about-item03 .img-swiper .about-item03-imgcontainer .box:hover .bg {
        display: none
    }

    .about-item03 .img-swiper .about-item03-imgcontainer .box:hover .img {
        transform: scale(1.2);
        opacity: .8
    }

    .about-item03 .img-swiper .about-item03-imgcontainer .box:hover .icon {
        top: 50%
    }

    .about-item03 .img-swiper .arrow .about-item02-prev:hover {
        background-position: left bottom
    }

    .about-item03 .img-swiper .arrow .about-item02-next:hover {
        background-position: right bottom
    }
}

@media screen and (max-width:1025px) {
    .about-item03 {
        padding: 40px 0
    }

    .about-item03 .contxt {
        margin: 15px 0;
        font-size: 14px;
        line-height: 20px
    }

    .about-item03 .list-con .list {
        width: 100%;
        margin-top: 10px
    }

    .about-item03 .list-con .list .box {
        height: auto;
        padding: 20px 15px
    }

    .about-item03 .list-con .list .box .tit {
        font-size: 16px
    }

    .about-item03 .list-con .list .box .tit img {
        height: 25px
    }

    .about-item03 .list-con .list .box ul {
        margin-top: 10px;
        padding-top: 5px
    }

    .about-item03 .list-con .list .box ul li {
        margin-top: 10px;
        padding-left: 20px;
        background-position: left 5px
    }

    .about-item03 .list-con .list .box ul li .t {
        font-size: 14px;
        margin-bottom: 5px
    }

    .about-item03 .list-con .list .box ul li .txt {
        font-size: 14px;
        line-height: 20px
    }

    .about-item03 .img-swiper {
        margin-top: 20px
    }

    .about-item03 .img-swiper .about-item03-imgcontainer {}

    .about-item03 .img-swiper .arrow {
        display: none
    }
}

.board-content {
    padding: 80px 0;
    background: #f2f6f9
}

.board-content .list-con {
    margin: 0px -10px;
    margin-top: 40px
}

.board-content .list-con .list {
    width: 25%;
    float: left;
    padding: 0px 10px;
    margin-top: 20px
}

.board-content .list-con .list .box {
    cursor: pointer
}

.board-content .list-con .list .box .img {
    padding-top: 88%
}

.board-content .list-con .list .box .con {
    background: #e3ecf3;
    padding: 30px
}

.board-content .list-con .list .box .con .name {
    color: #333;
    font-size: 24px;
    font-weight: bold
}

.board-content .list-con .list .box .con .zw {
    font-size: 16px;
    margin: 10px 0px 15px 0
}

.board-content .list-con .list .box .con .line {
    width: 18px;
    height: 2px;
    background: #1eb9ee
}

.board-content .list-con .list .box .more {
    background: #fff;
    position: relative;
    width: 100%
}

.board-content .list-con .list .box .more .icon {
    position: absolute;
    width: 70px;
    height: 70px;
    background: url(../images/board-more.png) no-repeat center center/cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media screen and (min-width:1024px) {
    .board-content .list-con .list .box:hover {}

    .board-content .list-con .list .box:hover .con {
        background: #1eb9ee url(../images/board-bg.png) no-repeat right bottom;
        color: #fff
    }

    .board-content .list-con .list .box:hover .con .name {
        color: #fff
    }

    .board-content .list-con .list .box:hover .con .line {
        background: #fff
    }
}

@media screen and (max-width:1025px) {
    .board-content {
        padding: 40px 0
    }

    .board-content .list-con {
        margin: 0px -7.5px;
        margin-top: 10px
    }

    .board-content .list-con .list {
        padding: 0px 7.5px;
        margin-top: 15px;
        width: 33.33%
    }

    .board-content .list-con .list .box .con {
        padding: 15px
    }

    .board-content .list-con .list .box .con .name {
        font-size: 16px
    }

    .board-content .list-con .list .box .con .zw {
        font-size: 14px;
        margin: 5px 0px 10px 0
    }

    .board-content .list-con .list .box .more .icon {
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width:640px) {
    .board-content .list-con .list {
        width: 50%
    }
}

.board-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.2);
    display: none
}

.board-modal .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff url(../images/board-bg2.png) no-repeat right bottom;
    width: 100%;
    max-width: 1300px;
    height: 590px;
    padding: 60px 65px
}

.board-modal .content .close {
    width: 37px;
    height: 37px;
    border-radius: 100%;
    cursor: pointer;
    background: url(../images/close-white.png) no-repeat center center/12px auto;
    border: 2px solid #fff;
    position: absolute;
    right: -60px;
    top: 0
}

.board-modal .content .img {
    margin-right: 60px
}

.board-modal .content .img img {
    max-height: 460px
}

.board-modal .content .right {}

.board-modal .content .right .tit {
    color: #2a303b;
    font-size: 32px;
    font-weight: bold
}

.board-modal .content .right .zw {
    color: #000;
    font-size: 16px;
    margin-top: 10px
}

.board-modal .content .right .contxt {
    max-height: 340px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e9f0f8;
    font-size: 16px;
    line-height: 30px;
    text-align: justify
}

@media screen and (max-width:1367px) {
    .board-modal .content {
        max-width: 1000px;
        height: 500px;
        padding: 40px 45px
    }

    .board-modal .content .img {
        width: 420px;
        margin-right: 40px
    }

    .board-modal .content .right .contxt {
        max-height: 315px
    }
}

@media screen and (max-width:1300px) {
    .board-modal .content {
        left: 0;
        right: 0;
        margin: 0px 15px;
        margin-right: 40px;
        width: auto;
        transform: translateY(-50%);
        padding: 20px;
        height: auto
    }

    .board-modal .content .close {
        width: 24px;
        height: 24px;
        right: -30px
    }

    .board-modal .content .img {
        margin-right: 40px
    }
}

@media screen and (max-width:1025px) {
    .board-modal .content .flex-box {
        display: block
    }

    .board-modal .content .img {
        margin-right: 0;
        width: 220px;
        margin: 0 auto
    }

    .board-modal .content .right {
        margin-top: 15px
    }

    .board-modal .content .right .tit {
        font-size: 16px
    }

    .board-modal .content .right .zw {
        font-size: 12px;
        margin-top: 5px
    }

    .board-modal .content .right .contxt {
        margin-top: 10px;
        padding-top: 10px;
        font-size: 14px;
        line-height: 20px;
        max-height: 170px
    }
}

.about-hight {
    padding: 80px 0px 140px 0;
    background: #f2f4f9
}

.about-hight .list-box {
    margin-top: 45px
}

.about-hight .list {
    background: #fff url(../images/board-bg2.png) no-repeat right bottom;
    margin-top: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
    align-items: inherit
}

.about-hight .list .left {
    padding-left: 75px;
    padding-top: 60px;
    background-image: linear-gradient(#42c1f4, #1a94da);
    width: 315px;
    min-height: 290px;
    color: #fff
}

.about-hight .list .left .name {
    font-size: 36px
}

.about-hight .list .left .ms {
    font-size: 26px;
    margin: 10px 0px 30px 0
}

.about-hight .list .left .line {
    width: 27px;
    height: 4px;
    background: #fff
}

.about-hight .list .right {
    padding: 60px 100px;
    width: 75%
}

.about-hight .list .right .tit {
    color: #000;
    font-size: 20px;
    line-height: 32px
}

.about-hight .list .right .contxt {
    color: #575757;
    font-size: 15px;
    line-height: 36px;
    margin-top: 20px
}

@media screen and (max-width:1367px) {
    .about-hight .list .left {
        padding-left: 60px
    }

    .about-hight .list .left .name {
        font-size: 28px
    }

    .about-hight .list .left .ms {
        font-size: 20px
    }

    .about-hight .list .right {
        padding: 30px 80px
    }

    .about-hight .list .right .contxt {
        font-size: 14px;
        line-height: 30px
    }
}

@media screen and (max-width:1025px) {
    .about-hight {
        padding: 40px 0
    }

    .about-hight .list-box {
        margin-top: 20px
    }

    .about-hight .list {
        display: block;
        margin-top: 10px
    }

    .about-hight .list .left,
    .about-hight .list .right {
        width: 100%;
        margin: 0
    }

    .about-hight .list .left {
        height: auto;
        padding: 20px;
        min-height: inherit
    }

    .about-hight .list .left .name {
        font-size: 16px
    }

    .about-hight .list .left .ms {
        font-size: 14px;
        margin: 5px 0px 10px 0
    }

    .about-hight .list .left .line {
        width: 22px;
        height: 2px
    }

    .about-hight .list .right {
        padding: 20px
    }

    .about-hight .list .right .tit,
    .about-hight .list .right .contxt {
        font-size: 14px;
        line-height: 22px
    }

    .about-hight .list .right .contxt {
        margin-top: 8px
    }
}

.contact-item01 {
    padding: 90px 0px 50px 0;
    background: #f8fcfe url(../images/contact-item01-bg.png) no-repeat center center
}

.contact-item01 .left {
    width: 485px;
    margin-right: 150px
}

.contact-item01 .left .list {
    padding: 45px 0;
    border-top: 1px solid #ebeced
}

.contact-item01 .left .list:first-child {
    padding-top: 0 !important;
    border-top: none !important
}

.contact-item01 .left .list:last-child {
    padding-bottom: 0 !important
}

.contact-item01 .left .list .icon {}

.contact-item01 .left .list .tit {
    color: #000;
    font-weight: bold;
    font-size: 28px;
    margin: 20px 0
}

.contact-item01 .left .list .contxt {
    font-size: 18px;
    line-height: 40px
}

.contact-item01 .right {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.085);
    background: #fff;
    max-width: 610px
}

.contact-item01 .right ul {
    border-bottom: 2px solid #edf3f9;
    background: #f9fbfd
}

.contact-item01 .right ul li {
    line-height: 88px;
    border-top: 2px solid transparent;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #797f84;
    cursor: pointer
}

.contact-item01 .right ul li img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 20px
}

.contact-item01 .right ul li.active {
    color: #000;
    border-top: 2px solid #1eb9ee
}

.contact-item01 .right .right-tab-con {
    padding: 50px 40px 50px 80px;
    display: none
}

.contact-item01 .right .right-tab-con select {
    width: 100%;
    height: 50px;
    padding: 0px 15px;
    background: #fff;
    border-radius: 5px;
    font-size: 16px;
    border: 1px solid #cfcfcf;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/icon-select.png) no-repeat right center
}

.contact-item01 .right .right-tab-con .map-list {
    margin-top: 35px;
    max-height: 555px;
    position: relative
}

.contact-item01 .right .right-tab-con .map-list:before {
    content: '';
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: #1eb9ee;
    position: absolute;
    right: 2px;
    top: 0;
    z-index: 2
}

.contact-item01 .right .right-tab-con .map-list .list {
    padding: 25px 0px 30px 0;
    border-bottom: 1px solid #ededed
}

.contact-item01 .right .right-tab-con .map-list .list:first-child {
    padding-top: 0 !important
}

.contact-item01 .right .right-tab-con .map-list .list:last-child {
    padding-bottom: 0 !important;
    border-bottom: none !important
}

.contact-item01 .right .right-tab-con .map-list .list .name {
    font-size: 22px;
    font-weight: bold;
    color: #3e3e3e
}

.contact-item01 .right .right-tab-con .map-list .list .add {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin: 15px 0
}

.contact-item01 .right .right-tab-con .map-list .list a {
    display: inline-block;
    background: url(../images/contact-item01-icon04.png) no-repeat left center;
    padding-left: 25px;
    color: #b4b4b4
}

@media screen and (max-width:1367px) {
    .contact-item01 .left .list .tit {
        font-size: 24px
    }

    .contact-item01 .left .list .contxt {
        font-size: 16px;
        line-height: 32px
    }

    .contact-item01 .right ul li {
        line-height: 68px
    }
}

@media screen and (max-width:1025px) {
    .contact-item01 {
        padding: 40px 0
    }

    .contact-item01 .flex-box {
        display: block
    }

    .contact-item01 .left {
        width: 100%
    }

    .contact-item01 .left .list {
        padding: 15px 0
    }

    .contact-item01 .left .list .icon {}

    .contact-item01 .left .list .icon img {
        height: 22px
    }

    .contact-item01 .left .list .tit {
        font-size: 16px;
        margin: 10px 0
    }

    .contact-item01 .left .list .contxt {
        font-size: 14px;
        line-height: 20px
    }

    .contact-item01 .right {
        max-width: inherit;
        margin-top: 20px
    }

    .contact-item01 .right ul {
        overflow: hidden
    }

    .contact-item01 .right ul li {
        width: 50%;
        float: left;
        font-size: 16px;
        line-height: 48px
    }

    .contact-item01 .right ul li img {
        height: 20px;
        margin-right: 5px;
        margin-top: -3px
    }

    .contact-item01 .right .right-tab-con {
        padding: 20px 15px
    }

    .contact-item01 .right .right-tab-con select {
        height: 40px;
        font-size: 14px;
        background-size: auto 7px;
        padding-right: 50px
    }

    .contact-item01 .right .right-tab-con .map-list {
        max-height: inherit;
        margin-top: 20px
    }

    .contact-item01 .right .right-tab-con .map-list:before {
        display: none
    }

    .contact-item01 .right .right-tab-con .map-list .list {
        padding: 10px 0
    }

    .contact-item01 .right .right-tab-con .map-list .list .name {
        font-size: 16px
    }

    .contact-item01 .right .right-tab-con .map-list .list .add {
        font-size: 14px;
        line-height: 20px;
        margin: 10px 0
    }
}

.contact-item02 {
    padding: 80px 0;
    border-bottom: 1px solid #f4f4f4;
    background: url(../images/contact-item02-bg.jpg) no-repeat center center/cover
}

.contact-item02 .content {
    max-width: 1020px;
    margin: 0 auto
}

.contact-item02 .content .tit {
    font-size: 34px;
    color: #2b2b2b;
    text-align: center;
    font-weight: bold
}

.contact-item02 .content .subtit {
    font-size: 16px;
    color: #5c6169;
    text-align: center;
    margin-top: 10px
}

.contact-item02 .content .form-data {
    margin-top: 40px
}

.contact-item02 .content .form-data .list-con {
    margin: 0px -10px
}

.contact-item02 .content .form-data .list {
    padding: 0px 10px;
    width: 50%;
    float: left;
    margin-bottom: 20px
}

.contact-item02 .content .form-data .list label {
    border: 1px solid #e8ebef;
    border-radius: 5px;
    padding-left: 25px
}

.contact-item02 .content .form-data .list .label {
    min-width: 80px;
    color: #000;
    font-size: 16px
}

.contact-item02 .content .form-data .list .label span {
    color: #ff5400
}

.contact-item02 .content .form-data .list label:focus {
    border: 1px solid #1eb9ee
}

.contact-item02 .content .form-data .list select,
.contact-item02 .content .form-data .list input {
    height: 60px;
    width: 100%;
    border: none
}

.contact-item02 .content .form-data .list select {
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 5px;
    font-size: 16px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/icon-select.png) no-repeat right center
}

.contact-item02 .content .form-data .list textarea {
    width: 100%;
    height: 105px;
    resize: none;
    outline: none;
    border: none;
    padding: 15px 0;
    font-size: 16px
}

.contact-item02 .content .form-data input[type=button] {
    width: 210px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #1eb9ee;
    color: #fff;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    cursor: pointer
}

@media screen and (max-width:1025px) {
    .contact-item02 {
        padding: 40px 0
    }

    .contact-item02 .content .tit {
        font-size: 16px
    }

    .contact-item02 .content .subtit {
        font-size: 14px;
        margin-top: 8px
    }

    .contact-item02 .content .form-data {
        margin-top: 20px
    }

    .contact-item02 .content .form-data .list-con {
        margin: 0px;
        padding: 0px 15px
    }

    .contact-item02 .content .form-data .list {
        width: 100%;
        margin-bottom: 10px;
        padding: 0
    }

    .contact-item02 .content .form-data .list select,
    .contact-item02 .content .form-data .list input {
        height: 35px
    }

    .contact-item02 .content .form-data .list label {
        padding-left: 10px
    }

    .contact-item02 .content .form-data .list select {
        font-size: 14px
    }

    .contact-item02 .content .form-data .list .label {
        min-width: 70px;
        font-size: 14px
    }

    .contact-item02 .content .form-data .list img {
        height: 35px
    }

    .contact-item02 .content .form-data input[type=button] {
        width: 100%;
        margin-top: 10px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        display: block
    }
}

.zr-content {
    padding-top: 80px;
    color: #333;
    padding-bottom: 100px
}

.zr-content .txt {
    line-height: 30px;
    font-size: 16px;
    margin-top: 70px
}

.zr-content .list {
    margin-top: 70px;
    overflow: hidden;
    position: relative
}

.zr-content .list .img {}

.zr-content .list .contxt {
    position: absolute;
    top: 15%;
    transform: translateY(-50%)
}

.zr-content .list .contxt .page-tit {
    font-size: 30px
}

.zr-content .list .contxt .txt {
    margin: 30px 0;
    text-align: justify
}

.zr-content .list .contxt a {
    color: #333;
    font-size: 16px;
    background: url(../images/icon-nav-right.png) no-repeat right center;
    padding-right: 15px
}

.zr-content .list .contxt a:hover {
    color: #1eb9ee;
    background: url(../images/icon-nav-right-on.png) no-repeat right center
}

.zr-content .list:nth-child(odd) {}

.zr-content .list:nth-child(odd) .contxt {
    margin-left: 495px;
    padding-left: 85px
}

.zr-content .list:nth-child(even) {}

.zr-content .list:nth-child(even) .contxt {
    margin-right: 495px;
    padding-right: 85px
}

.zr-bottom {
    padding: 90px 0;
    background: #f4f4f4 url(../images/service-item04-map.png) no-repeat 90% center
}

.zr-bottom .tit {
    font-size: 48px;
    color: #333;
    font-weight: bold
}

.zr-bottom .ms {
    font-size: 18px;
    color: #000;
    line-height: 30px;
    margin: 20px 0
}

.zr-bottom .line {
    width: 45px;
    height: 4px;
    background: #1eb9ee
}

.zr-bottom a {
    display: block;
    width: 185px;
    height: 55px;
    line-height: 53px;
    border-radius: 5px;
    border: 2px solid #1eb9ee;
    text-align: center;
    color: #1eb9ee
}

@media screen and (max-width:1367px) {
    .zr-bottom .tit {
        font-size: 36px
    }
}

@media screen and (max-width:1025px) {
    .zr-content {
        padding: 40px 0
    }

    .zr-content .txt {
        font-size: 14px;
        line-height: 22px;
        margin-top: 15px
    }

    .zr-content .list {
        margin-top: 15px
    }

    .zr-content .list .img {
        width: 100%;
        float: none
    }

    .zr-content .list .img img {
        width: 100%
    }

    .zr-content .list .contxt {
        position: static;
        transform: translateY(0);
        margin: 0 !important;
        padding: 0 !important;
        margin-top: 15px !important
    }

    .zr-content .list .contxt .page-tit {
        font-size: 16px
    }

    .zr-content .list .contxt .txt {
        margin: 10px 0
    }

    .zr-content .list .contxt a {
        font-size: 14px
    }

    .zr-bottom {
        padding: 40px 0
    }

    .zr-bottom .flex-box {
        display: block;
        text-align: center
    }

    .zr-bottom .tit {
        font-size: 18px
    }

    .zr-bottom .ms {
        font-size: 14px;
        line-height: 20px;
        margin: 10px 0
    }

    .zr-bottom .line {
        width: 22px;
        margin: 0 auto;
        height: 2px
    }

    .zr-bottom a {
        width: 120px;
        border-width: 1px !important;
        height: 35px;
        line-height: 33px;
        margin: 0 auto;
        margin-top: 10px
    }
}


.ry-content {
    padding: 60px 0px 80px 0;
    background: #f2f6f9
}

.ry-content .left {
    padding-right: 10px;
    width: 50%
}

.ry-content .right {
    padding-left: 10px;
    width: 50%
}

.ry-content .box {
    background: #fff url(../images/ry-bg.png) no-repeat right bottom;
    border-radius: 5px;
    padding: 50px;
    padding-top: 0px;
    margin-top: 20px
}

.ry-content .box:first-child {
    margin-top: 0 !important
}

.ry-content .box .tit {
    margin-bottom: 30px;
    font-size: 26px;
    font-weight: bold;
    color: #2a303b;
    padding: 45px 0;
    border-bottom: 2px solid #f0f5fa
}

.ry-content .box .subtit {
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px
}

.ry-content .box ul {
    font-size: 16px;
    line-height: 40px
}

.ry-content .box ul li {
    position: relative;
    padding-left: 20px
}

.ry-content .box ul li:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    border: 2px solid #1eb9ee;
    top: 15px;
    left: 0
}

@media screen and (max-width:1367px) {
    .ry-content .box .tit {
        padding: 30px 0;
        font-size: 22px
    }
}

@media screen and (max-width:1025px) {
    .ry-content {
        padding: 40px 0
    }

    .ry-content .left,
    .ry-content .right {
        width: 100%;
        float: none;
        padding: 0
    }

    .ry-content .right {
        margin-top: 10px
    }

    .ry-content .box {
        padding: 0px 15px;
        padding-bottom: 20px;
        margin-top: 10px
    }

    .ry-content .box .tit {
        font-size: 16px;
        padding: 15px 0
    }

    .ry-content .box .tit img {
        height: 30px
    }

    .ry-content .box .subtit {
        font-size: 14px;
        margin-top: 10px
    }

    .ry-content .box ul {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px
    }

    .ry-content .box ul li:before {
        top: 8px
    }
}

.his-content {
    background: #fff url(../images/his-bg.jpg) no-repeat center center/cover;
    padding-top: 90px;
    border-bottom: 1px solid #f2f6f9
}

.his-content .content {
    width: 73%;
    margin-top: 100px;
    position: relative
}

.his-content .content .shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: 120px;
    height: 315px;
    background: url(../images/his-shadow.png) repeat-x center center/auto 100%;
    z-index: 2
}

.his-content .content .lt {
    width: 120px;
    float: left;
    position: relative;
    padding: 20px 0
}

.his-content .content .lt .btn {
    position: absolute;
    right: -9px;
    cursor: pointer;
    left: 2px;
    cursor: pointer;
    width: 30px
}

.his-content .content .lt .btn img {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.his-content .content .lt .btn .act {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.his-content .content .lt .prev {
    top: 0px
}

.his-content .content .lt .next {
    bottom: 0px
}

.his-content .content .lt .swiper-container {
    padding-right: 6px;
    height: 718px
}

.his-content .content .lt .swiper-container .swiper-slide {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    color: #bbb;
    cursor: pointer
}

.his-content .content .lt .swiper-container .swiper-slide.act_slide {
    color: #1eb9ee;
    font-size: 30px;
    font-weight: bold
}

.his-content .content .rt {
    height: 855px;
    overflow-y: auto;
    margin-left: 120px;
    position: relative;
    padding-left: 90px
}

.his-content .content .rt::-webkit-scrollbar-track {
    background: none
}

.his-content .content .rt::-webkit-scrollbar-thumb {
    background: #ccc
}

.his-content .content .rt::-webkit-scrollbar {
    width: 3px
}

.his-content .content .rt .yearcontent {
    position: relative
}

.his-content .content .rt .yearcontent:before,
.his-content .content .rt .yearcontent:after {
    position: absolute;
    left: 0;
    top: 0;
    background: #1eb9ee;
    content: ''
}

.his-content .content .rt .yearcontent:before {
    width: 11px;
    height: 11px;
    border-radius: 100%;
    left: -90px
}

.his-content .content .rt .yearcontent:after {
    height: 100%;
    width: 1px;
    left: -85px
}

.his-content .content .rt .yearbox {
    color: #333;
    margin-bottom: 70px
}

.his-content .content .rt .yearbox:last-child {
    margin-bottom: 200px !important
}

.his-content .content .rt .yearbox .num {
    font-size: 60px;
    font-weight: bold;
    line-height: 1
}

.his-content .content .rt .yearbox ul {
    font-size: 16px;
    margin-top: 25px
}

.his-content .content .rt .yearbox ul li {
    position: relative;
    padding-left: 25px;
    margin-top: 20px
}

.his-content .content .rt .yearbox ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #1eb9ee;
    left: 0;
    top: 7px
}

@media screen and (max-width:1441px) {
    .history-content {
        padding: 70px 15px 95px 15px
    }
}

@media (max-width:1025px) {
    .his-content {
        padding: 40px 0
    }

    .his-content .content {
        padding: 0;
        margin-top: 30px;
        width: 100%
    }

    .his-content .content .shadow {
        display: none
    }

    .his-content .content .lt {
        display: none
    }

    .his-content .content .rt {
        width: 100%;
        height: auto;
        margin: 0;
        padding-left: 25px
    }

    .his-content .content .rt .yearcontent:before {
        width: 8px;
        height: 8px;
        left: -25px
    }

    .his-content .content .rt .yearcontent:after {
        left: -22px
    }

    .his-content .content .rt .yearbox {
        margin-bottom: 15px;
        opacity: 1
    }

    .his-content .content .rt .yearbox:last-child {
        margin-bottom: 0px !important
    }

    .his-content .content .rt .yearbox .num {
        font-size: 20px;
        font-weight: bold
    }

    .his-content .content .rt .yearbox ul {
        font-size: 14px;
        margin-top: 10px
    }

    .his-content .content .rt .yearbox ul li {
        position: relative;
        padding-left: 15px;
        margin-top: 10px
    }

    .his-content .content .rt .yearbox ul li:before {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background: #1eb9ee;
        left: 0;
        top: 7px
    }
}

.contact-item03 {
    background: url(../images/contact-item03-bg.jpg) no-repeat center center/cover;
    padding: 80px 0
}

.contact-item03 .tit {
    font-size: 34px;
    font-weight: bold;
    color: #2b2b2b;
    text-align: center
}

.contact-item03 .txt {
    text-align: center;
    margin-top: 15px;
    font-size: 16px
}

.contact-item03 .list-con {
    margin: 0px -15px;
    margin-top: 65px
}

.contact-item03 .list-con .list {
    width: 40%;
    float: left
}

.contact-item03 .list-con .list:last-of-type {
    width: 20%
}

.contact-item03 .list-con .list .t {
    font-size: 20px;
    font-weight: bold;
    color: #2b2b2b
}

.contact-item03 .list-con .list .contxt ul {
    font-size: 16px;
    margin-top: 20px
}

.contact-item03 .list-con .list .contxt ul li {
    margin-top: 10px
}

.contact-item03 .list-con .list .contxt ul li span {
    font-size: 18px;
    font-weight: bold;
    color: #5f5f5f;
    margin-right: 10px
}

@media (max-width:1280px) {
    .contact-item03 .list-con .list .t {
        font-size: 18px
    }

    .contact-item03 .list-con .list .contxt ul {
        font-size: 14px
    }
}

@media (max-width:1025px) {
    .contact-item03 {
        padding: 40px 0
    }

    .contact-item03 .tit {
        font-size: 16px
    }

    .contact-item03 .txt {
        margin-top: 10px
    }

    .contact-item03 .list-con {
        margin-top: 30px;
        margin: 0
    }

    .contact-item03 .list-con .list {
        padding: 0;
        width: 100%;
        margin-top: 15px
    }

    .contact-item03 .list-con .list:last-of-type {
        width: 100%
    }

    .contact-item03 .list-con .list .t {
        font-size: 14px
    }

    .contact-item03 .list-con .list .contxt ul {
        font-size: 14px;
        margin-top: 10px
    }

    .contact-item03 .list-con .list .contxt ul li {
        margin-top: 3px
    }

    .contact-item03 .list-con .list .contxt ul li span {
        font-size: 16px
    }
}