* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: ' ';
}

 :root {
    --main-color: #305dc3;
    --main-color-white: #ffffff;
    --main-color-fontColor: #555555;
    --main-color-p_color: #333333;
    --main-color-span_color: #888888;
    --main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    vertical-align: top;
    outline-width: 0ch;
}

@media only screen and (min-width: 996px) {
    .pchead {
        width: 100%;
        height: 100px;
        background: rgba(255, 255, 255, .7);
        box-shadow: rgba(15, 48, 89, 0.2) 1px 1px 5px;
        padding: 0 20px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }
    .pcheader {
        max-width: 1430px;
        padding: 0 65px;
        height: 100px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .pcnav {
        display: flex;
        align-items: center;
    }
    .pclogo {
        display: block;
        width: 30%;
    }
    .pclogo img {
        width: 100%;
    }
    .pcnav>li>a {
        display: block;
        height: 100px;
        width: 100px;
        font-size: 18px;
        color: #313131;
        line-height: 100px;
        text-align: center;
    }
    .pcnav>li {
        border-bottom: 3px solid transparent;
        transition: all ease 0.4s;
        position: relative;
    }
    .pcnav>li:hover {
        border-bottom: 3px solid #2f318b;
    }
    .pcnav>li:hover .pcdrop {
        display: block;
    }
    .pcdrop {
        position: absolute;
        top: 100%;
        z-index: 99;
        display: none;
        width: 100%;
        left: 0;
    }
    .pcdrop a {
        display: block;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-size: 17px;
        width: 100%;
        background: rgba(0, 0, 0, .6);
        transition: all ease 0.5s;
        border-bottom: 1px solid #8b8b8b;
    }
    .pcdrop a:hover {
        color: #fff;
        background-color: #2f318b !important;
    }
    .pcheader_right {
        display: flex;
        align-items: center;
    }
    .sousuo_pc {
        padding: 0 20px;
        font-size: 22px !important;
        cursor: pointer;
    }
    .lang {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 10px;
        width: 140px;
        height: 38px;
        border-radius: 40px;
        border: 1px solid#333333;
        cursor: pointer;
    }
    .lang img {
        width: 20px;
    }
    .lang span {
        font-size: 18px;
        margin-left: 15px;
        color: #313131;
    }
    .mbhead {
        display: none;
    }
    .mbnav {
        display: none;
    }
    .search {
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: rgba(0, 0, 0, .7);
        position: fixed;
        top: 0;
        left: 0;
        display: none;
    }
    .searchcon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
    .searchconbox {
        width: 1200px;
        padding: 20px;
        background-color: #fff;
    }
    .searchconbox p {
        font-size: 18px;
        color: #595959;
        margin-bottom: 10px;
    }
    .searchconbox input {
        width: 100%;
        display: block;
        padding-left: 15px;
        background-color: #f2f2f2;
        outline: none;
        height: 40px;
        border: none;
    }
    .searchcz {
        display: flex;
        align-items: center;
        margin-top: 20px;
        justify-content: right;
    }
    .searchcz a {
        display: block;
        font-size: 14px;
        color: #000;
        padding: 5px 10px;
    }
    .searchcz a:hover {
        background-color: #f2f2f2;
    }
    .sep {
        height: 0px;
    }
    .banner {
        width: 100%;
    }
    .banner img {
        width: 100%;
    }
    .con1 {
        width: 100%;
        padding: 100px 0;
        background-image: url(../images/bg1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .con1con {
        max-width: 1530px;
        padding: 0 65px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto;
    }
    .con1conleft {
        width: 48%;
    }
    .con1conleft h1 {
        font-size: 60px;
        font-weight: 400;
        color: #00a7e7;
    }
    .con1conleft strong {
        display: block;
        color: #002f63;
        font-size: 42px;
        font-weight: 600;
    }
    .con1conleft img {
        display: block;
        margin: 20px 0;
    }
    .con1conleft p {
        font-size: 16px;
        color: #696969;
        line-height: 25px;
    }
    .con1conleft a {
        display: block;
        width: 178px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background-color: #00a7e7;
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        margin-top: 20px;
    }
    .con1conright {
        width: 48%;
    }
    .con1conright img {
        width: 100%;
    }
    .con1conright video {
        width: 100%;
    }
    .num_scroll {
        max-width: 1530px;
        padding: 0 65px;
        margin: 0 auto;
        margin-top: 60px;
    }
    /* scroll */
    /*数字++++++++++*/
    .digital {
        width: 100%;
        background: #049dfd;
        color: #fff;
    }
    .main {
        margin: 0 auto;
    }
    .mumping_mun li {
        width: 25%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 22px 16px;
    }
    .mumping_mun li span {
        font-size: 15px;
        padding-top: 35px;
        padding-left: 10px;
    }
    .scrollitem0 span {
        color: #4a4a4a;
    }
    .scrollitem0 p {
        color: #4a4a4a !important;
    }
    .mumping_mun {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .scrollitem1 {
        background-color: #30b3ec;
    }
    .scrollitem1 h2 {
        color: #fff !important;
    }
    .mumping_mun p {
        font-size: 14px;
        color: #fff;
        text-align: center;
        width: 100%;
        display: block;
    }
    .mumping_mun h2 {
        font-size: 48px;
        font-weight: normal;
        color: #00a2e9;
    }
    .mun_top {
        display: flex;
    }
    .scrollitem0 {
        background-color: #f0f1f5;
    }
    .borderli1 {
        border-right: 1px solid#dddddd;
    }
    .borderli2 {
        border-right: 1px solid#59c2f0;
    }
    /* scroll */
    .con2 {
        width: 100%;
        padding: 55px 5.3%;
        background-image: url(../images/bg2.jpg);
        background-size: cover;
    }
    .title {
        max-width: 1300px;
        margin: 0 auto;
        margin-bottom: 25px;
    }
    .title strong {
        display: block;
        text-align: center;
        color: #000;
        font-size: 30px;
        font-weight: normal;
    }
    .title img {
        display: block;
        margin: 20px auto;
    }
    .title span {
        font-size: 14px;
        color: #696969;
        display: block;
        text-align: center;
    }
    .con2 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .con2 ul li {
        padding: 15px;
        background-color: #fff;
        cursor: pointer;
        width: 24%;
    }
    .imgbox {
        overflow: hidden;
    }
    .imgbox img {
        transition: all ease 0.4s;
        width: 100%;
    }
    .con2 ul li p {
        font-size: 16px;
        color: #4c4c4c;
        text-align: center;
        padding: 15px 0;
    }
    .con2 ul li a {
        display: block;
        width: 145px;
        height: 40px;
        line-height: 40px;
        color: #808080;
        font-size: 14px;
        margin: 0 auto;
        text-align: center;
        border: 1px solid #bfbfbf;
    }
    .con2 ul li:hover img {
        transform: scale(1.1);
    }
    .con2 ul li:hover a {
        background-color: #00a1e9 !important;
        color: #fff !important;
    }
    .con3 {
        max-width: 1530px;
        padding: 80px 65px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .con3item {
        width: 48%;
        cursor: pointer;
    }
    .con3item:hover .con3imgbox img {
        transform: scale(1.1);
    }
    .con3imgbox {
        overflow: hidden;
    }
        .con3imgbox img {
            width: 100%;
            height: 450px;
            transition: all ease 0.4s;
            object-fit: cover;
        }
    .con3txt {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 20px 50px;
        align-items: center;
        background: linear-gradient(to right, #0061c4, #3fb5cf, #1ba95f);
    }
    .con3txtleft img {
        width: 50px;
        height: 50px;
    }
    .con3txtleft {
        padding-right: 25px;
        border-right: 1px solid #61abd9;
    }
    .con3txtright {
        flex: 1;
        padding-left: 20px;
    }
    .con3txtright strong {
        display: block;
        color: #fff;
        font-size: 30px;
    }
    .con3txtright span {
        display: block;
        margin-top: 10px;
        font-size: 15px;
        line-height: 25px;
        color: #fff;
    }
    .con4 {
        padding: 75px 0;
        background-image: url(../images/bg3.jpg);
        background-size: cover;
        width: 100%;
    }
    .con4con {
        max-width: 1400px;
        margin: 0 auto;
    }
    .box {
        width: 1530px;
        padding: 0 65px;
        height: 400px;
        margin: 0 auto;
    }
    .box>div {
        width: 240px;
        height: 400px;
        float: left;
        background: url("../images/t1.png") no-repeat center center;
        background-size: cover;
        transition: all .7s ease 0s;
        overflow: hidden;
        padding: 20px;
        overflow: hidden;
        /* 第二步：让文本不会换行， 在同一行继续 */
        white-space: nowrap;
        /* 第三步：用省略号来代表未显示完的文本 */
        text-overflow: ellipsis;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .box>div strong {
        font-size: 22px;
        width: 80%;
        display: block;
        color: #fff;
        margin-bottom: 15px;
        text-align: center;
        overflow: hidden;
        /* 第二步：让文本不会换行， 在同一行继续 */
        white-space: nowrap;
        /* 第三步：用省略号来代表未显示完的文本 */
        text-overflow: ellipsis;
    }
    .box>div span {
        font-size: 16px;
        color: #fff;
        display: block;
        margin-bottom: 15px;
    }
    .box>div a {
        display: block;
        width: 240px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        font-size: 15px;
        background: linear-gradient(to right, #0061c4, #3fb5cf, #1ba95f);
        opacity: 0;
        transition: all ease 0.4s;
    }
    .box>div:hover a {
        opacity: 1;
    }
    .mbindexnew {
        display: none;
    }
    .con5 {
        width: 100%;
        height: 690px;
        overflow: hidden;
        position: relative;
    }
    .con5con {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0 65px;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, .6);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .con5ttt {
        max-width: 1200px;
    }
    .con5ttt strong {
        font-size: 30px;
        color: #fff;
        display: block;
        text-align: center;
        font-weight: normal;
    }
    .con5ttt img {
        display: block;
        margin: 20px auto;
    }
    .con5ttt p {
        font-size: 30px;
        color: #fff;
        text-align: center;
        line-height: 50px;
        margin-bottom: 40px;
    }
    .con5ttt a {
        display: block;
        background-color: #49a7e0;
        font-size: 20px;
        color: #fff;
        width: 350px;
        height: 45px;
        text-align: center;
        margin: 0 auto;
        line-height: 45px;
    }
    .consult {
        width: 100%;
        background-color: #b8e6f9;
        padding: 40px 0;
    }
    .consultcon {
        max-width: 1430px;
        margin: 0 auto;
        padding: 0 65px;
    }
    .consultcon strong {
        display: block;
        font-size: 40px;
        background: linear-gradient(to right, #0162c9, #1baa59);
        /* background-clip: border-box; */
        -webkit-background-clip: text;
        color: transparent;
        text-align: center;
    }
    .consultcon p {
        font-size: 14px;
        color: #00a7e7;
        padding: 15px 0;
        text-align: center;
    }
    .sultcon {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sultcon input {
        display: block;
        margin: 0 10px;
        width: 25%;
        height: 50px;
        border: none;
        background-color: #fff;
        outline: none;
        padding-left: 15px;
    }
    .mes {
        width: 30% !important;
    }
    .sultcon a {
        flex: 1;
        font-size: 18px;
        color: #fff;
        background-color: #00a7e7;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }
    .foot {
        width: 100%;
        background: linear-gradient(to bottom, #0068b5, #009545);
        padding: 45px 0;
    }
    .footitem {
        width: 31%;
    }
    .footer {
        max-width: 1430px;
        padding: 30px 65px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    .footer1 p {
        font-size: 24px;
        color: #fff;
        margin-bottom: 15px;
    }
    .footer2 {
        display: flex;
    }
    .footer2 ul {
        display: flex;
        justify-content: space-between;
    }
    .footer2 ul li {
        padding: 0 20px;
    }
    .footer2 ul li strong {
        display: block;
        font-size: 22px;
        margin-bottom: 10px;
        color: #fff;
    }
    .footer2 ul li a {
        display: block;
        margin-bottom: 20px;
        font-size: 14px;
        color: #fff;
    }
    .footer3 ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .footer3 ul li {
        padding: 0 20px;
        width: 48%;
    }
    .footer3 ul li p {
        text-align: center;
        color: #fff;
        font-size: 14px;
        padding: 10px 0;
    }
    .footer3 ul li img {
        width: 100%;
    }
    .copy {
        padding-top: 45px;
        text-align: center;
        color: #fff;
        border-top: 1px solid #33a181;
    }
    .copy a {
        color: #fff;
        font-size: 16px;
    }
    .inbanner {
        width: 100%;
        height: 500px;
        background-image: url(../images/inbanner.jpg);
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .inbanner strong {
        font-size: 36px;
        color: #fff;
        font-weight: normal;
    }
    .inbanner img {
        display: block;
        margin: 20px auto;
    }
    .inbanner p {
        font-size: 18px;
        color: #fff;
    }
    .bread {
        width: 100%;
        height: 80px;
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0 0 20px rgba(0, 0, 0, .08);
    }
    .breadcon {
        max-width: 1530px;
        margin: 0 auto;
        height: 80px;
        padding: 0 65px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .crumb_left ul {
        display: flex;
        align-items: center;
    }
    .crumb_left ul li a {
        padding: 0 30px;
        font-size: 16px;
        color: #222;
        border-right: 1px solid #ccc;
    }
    .crumb_left ul li a:hover {
        color: #00a7e7;
    }
    .crumb_right {
        display: flex;
    }
    .crumb_right a {
        display: block;
        font-size: 14px;
        color: #666;
    }
    .crumb_right span {
        color: #333;
        font-size: 14px;
    }
    .xx {
        display: block;
        padding: 0 10px;
    }
    .cation {
        color: #00a7e7 !important;
    }
    .abcon1 {
        width: 100%;
        background-image: url(../images/bg5.jpg);
        background-size: cover;
        padding: 85px 0;
        padding-bottom: 200px;
    }
    .abcon1 .title strong {
        color: #fff !important;
    }
    .abcon1 .title span {
        color: #fff;
    }
    .abcon2 {
        max-width: 1530px;
        margin: 0 auto;
        padding: 0 65px;
        margin-top: -115px !important;
        margin-bottom: 100px;
    }
    .abcon2 ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .abcon2 ul li {
        width: 32%;
        box-shadow: 0px 2px 10px 5px rgba(204, 204, 204, 0.2);
    }
    .abcon2 ul li img {
        width: 100%;
    }
    .abcon2box {
        padding: 30px;
        background-color: #fff;
    }
    .abcon2box strong {
        display: block;
        text-align: center;
        color: #2f318b;
        font-weight: normal;
        margin-bottom: 25px;
        font-size: 72px;
    }
    .abcon2box p {
        color: #333;
        font-size: 18px;
        text-align: center;
        margin-bottom: 25px;
    }
    .abcon2box span {
        font-size: 14px;
        color: #999;
        height: 40px;
        display: block;
        text-align: center;
    }
    .abcon3 {
        padding: 80px 0;
        width: 100%;
    }
    .abcon3 ul {
        max-width: 1430px;
        padding: 0 65px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        margin-top: 65px !important;
    }
    .abcon3 ul li {
        width: 19%;
        margin-bottom: 15px;
    }
    .abcon3 ul li img {
        width: 100%;
        height: 120px;
        object-fit: contain;
    }
    .zhici {
        max-width: 1400px;
        margin: 0 auto;
        padding: 90px 0;
    }
    .title2 {
        font-size: 40px;
        color: #000;
        display: block;
        text-align: center;
        margin-bottom: 50px;
        font-weight: normal;
    }
    .zhicicon {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .zhiciconleft {
        width: 48%;
        overflow: hidden;
        border-radius: 10px;
    }
    .zhiciconleft img {
        width: 100%;
        transition: all ease 0.4s;
    }
    .zhiciconleft img:hover {
        transform: scale(1.1);
    }
    .zhiciconright {
        width: 48%;
    }
    .zhiciconright strong {
        font-size: 22px;
        color: #00a7e7;
        display: block;
    }
    .zhiciconright p {
        font-size: 18px;
        margin-bottom: 30px;
        color: #696969;
    }
    .zhiciconright span {
        display: block;
        font-size: 16px;
        color: #696969;
        line-height: 25px;
    }
    .zozhi {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 1300px;
        margin: 0 auto;
    }
    .zozhi li {
        width: 28%;
        margin-bottom: 30px;
        cursor: pointer;
    }
    .zozhi li img {
        width: 100%;
    }
    .zozhi li p {
        text-align: center;
        color: #000;
        font-size: 15px;
    }
    .whitem {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    .whitemleft {
        width: 50%;
    }
    .whitemleft img {
        width: 100%;
    }
    .whitemright {
        padding: 30px;
        padding-top: 55px;
        padding-left: 80px;
        background-color: #f2f4f6;
        width: 50%;
    }
    .whitemright p {
        font-size: 14px;
        color: #000;
        margin-bottom: 15px;
    }
    .whitemright span {
        display: block;
        font-size: 16px;
        color: #000;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .whitemright strong {
        display: block;
        font-size: 22px;
        color: #00a7e7;
        margin-bottom: 20px;
    }
    .zozhi11 li {
        width: 48%;
    }
    .team {
        max-width: 1100px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .t_item {
        display: flex;
        align-items: center;
        width: 48%;
        margin-bottom: 30px;
    }
    .t_item img {
        width: 168px;
        height: 145px;
        object-fit: cover;
    }
    .rrbox strong {
        font-size: 16px;
        color: #696969;
        display: block;
        margin-bottom: 10px;
    }
    .rrbox p {
        font-size: 16px;
        color: #696969;
        margin-bottom: 10px;
    }
    .map {
        width: 100%;
        margin: 30px auto;
    }
    .map img {
        width: 100%;
    }
    .fotmbox {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .fotmbox textarea {
        display: block;
        padding-top: 15px;
        padding-left: 15px;
        min-height: 150px;
        background-color: #fff;
        outline: none;
        border: none;
        width: 100%;
        margin-bottom: 25px;
    }
    .fotmbox input {
        display: block;
        padding-left: 15px;
        background-color: #fff;
        outline: none;
        border: none;
        width: 48%;
        margin-bottom: 25px;
        height: 42px;
    }
    .sub {
        width: 100%;
        height: 42px;
        line-height: 42px;
        text-align: center;
        background-color: #333333;
        font-size: 14px;
        color: #fff;
        transition: all ease 0.4s;
        display: block;
    }
    .sub:hover {
        background-color: #fa5518 !important;
    }
    .new {
        max-width: 1400px;
        padding: 90px 0;
        margin: 0 auto;
    }
    .newitem {
        display: flex;
        justify-content: space-between;
        padding: 45px 0;
        border-bottom: 1px solid#dddddd;
    }
    .newitemleft {
        width: 16.66666667%;
    }
    .newitemcenter {
        width: 33.33333333%;
    }
    .newitemright {
        width: 50%;
    }
    .newitemcenter a {
        display: block;
        overflow: hidden;
    }
    .newitemcenter a img {
        width: 100%;
        transition: all ease 0.4s;
    }
    .newitemleft strong {
        display: block;
        font-size: 50px;
        color: #666;
        font-weight: normal;
        margin-bottom: 15px;
        transition: all ease 0.4s;
    }
    .newitemleft p {
        font-size: 16px;
        color: #666;
        margin-bottom: 15px;
        transition: all ease 0.4s;
    }
    .newitemleft i {
        font-size: 16px;
        color: #666;
        transition: all ease 0.4s;
    }
    .newitemright {
        padding-left: 25px;
    }
    .a_trt {
        transition: all ease 0.4s;
        display: block;
        color: #707070;
        font-size: 24px;
        margin-bottom: 30px;
    }
    .newitemright span {
        display: block;
        font-size: 16px;
        color: #666;
        margin-bottom: 30px;
    }
    .more {
        color: #888;
        font-size: 14px;
    }
    .newitem:hover img {
        transform: scale(1.1);
    }
    .newitem:hover strong {
        color: #00a2e9 !important;
    }
    .newitem:hover p {
        color: #00a2e9 !important;
    }
    .newitem:hover i {
        color: #00a2e9 !important;
    }
    .newitem:hover a {
        color: #00a2e9 !important;
    }
    .inside {
        max-width: 1530px;
        padding: 80px 65px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 996px) {
    .inside {
        width: 100%;
        padding: 30px 15px;
        margin: 0 auto;
    }
    .new {
        width: 100%;
        padding: 45px 15px;
        margin: 0 auto;
    }
    .newitem {
        display: flex;
        flex-wrap: wrap;
        padding: 20px 0;
        justify-content: space-between;
        border-bottom: 1px solid#dddddd;
    }
    .newitemleft {
        width: 100%;
        margin-bottom: 15px;
    }
    .newitemcenter {
        width: 100%;
        margin-bottom: 15px;
    }
    .newitemright {
        width: 100%;
    }
    .newitemcenter a {
        display: block;
        overflow: hidden;
    }
    .newitemcenter a img {
        width: 100%;
        transition: all ease 0.4s;
    }
    .newitemleft strong {
        display: block;
        font-size: 50px;
        color: #666;
        font-weight: normal;
        margin-bottom: 15px;
        transition: all ease 0.4s;
    }
    .newitemleft p {
        font-size: 16px;
        color: #666;
        margin-bottom: 15px;
        transition: all ease 0.4s;
    }
    .newitemleft i {
        font-size: 16px;
        color: #666;
        transition: all ease 0.4s;
    }
    .a_trt {
        transition: all ease 0.4s;
        display: block;
        color: #707070;
        font-size: 24px;
        margin-bottom: 30px;
    }
    .newitemright span {
        display: block;
        font-size: 16px;
        color: #666;
        margin-bottom: 30px;
    }
    .more {
        color: #888;
        font-size: 14px;
    }
    .newitem:hover img {
        transform: scale(1.1);
    }
    .newitem:hover strong {
        color: #00a2e9 !important;
    }
    .newitem:hover p {
        color: #00a2e9 !important;
    }
    .newitem:hover i {
        color: #00a2e9 !important;
    }
    .newitem:hover a {
        color: #00a2e9 !important;
    }
    .tact {
        padding: 15px;
        background-color: #f8f8f8;
    }
    .fotmbox {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .fotmbox textarea {
        display: block;
        padding-top: 15px;
        padding-left: 15px;
        min-height: 100px;
        background-color: #fff;
        outline: none;
        border: none;
        width: 100%;
        margin-bottom: 25px;
    }
    .fotmbox input {
        display: block;
        padding-left: 15px;
        background-color: #fff;
        outline: none;
        border: none;
        width: 100%;
        margin-bottom: 25px;
        height: 42px;
    }
    .sub {
        width: 100%;
        height: 42px;
        line-height: 42px;
        text-align: center;
        background-color: #333333;
        font-size: 14px;
        color: #fff;
        transition: all ease 0.4s;
        display: block;
    }
    .sub:hover {
        background-color: #fa5518 !important;
    }
    .map {
        width: 100%;
        margin: 30px auto;
    }
    .map img {
        width: 100%;
    }
    .team {
        width: 100%;
        padding: 15px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .t_item {
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 30px;
    }
    .t_item img {
        width: 168px;
        height: 145px;
        object-fit: cover;
    }
    .rrbox strong {
        font-size: 16px;
        color: #696969;
        display: block;
        margin-bottom: 10px;
    }
    .rrbox p {
        font-size: 16px;
        color: #696969;
        margin-bottom: 10px;
    }
    .whitem {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    .whitemleft {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .whitemleft img {
        width: 100%;
    }
    .whitemright {
        padding: 30px;
        background-color: #f2f4f6;
        width: 100%;
    }
    .whitemright p {
        font-size: 14px;
        color: #000;
        margin-bottom: 15px;
    }
    .whitemright span {
        display: block;
        font-size: 16px;
        color: #000;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .whitemright strong {
        display: block;
        font-size: 22px;
        color: #00a7e7;
        margin-bottom: 20px;
    }
    .zozhi {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        padding: 30px 15px;
        margin: 0 auto;
    }
    .zozhi li {
        width: 100%;
        margin-bottom: 30px;
        cursor: pointer;
    }
    .zozhi li img {
        width: 100%;
    }
    .zozhi li p {
        text-align: center;
        color: #000;
        font-size: 15px;
    }
    .zhici {
        width: 100%;
        padding: 30px 15px;
        margin: 0 auto;
    }
    .title2 {
        font-size: 25px;
        color: #000;
        display: block;
        text-align: center;
        margin-bottom: 30px;
        font-weight: normal;
    }
    .zhicicon {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .zhiciconleft {
        width: 100%;
        overflow: hidden;
        border-radius: 10px;
    }
    .zhiciconleft img {
        width: 100%;
        transition: all ease 0.4s;
    }
    .zhiciconleft img:hover {
        transform: scale(1.1);
    }
    .zhiciconright {
        margin-top: 20px;
        width: 100%;
    }
    .zhiciconright strong {
        font-size: 22px;
        color: #00a7e7;
        display: block;
    }
    .zhiciconright p {
        font-size: 18px;
        margin-bottom: 30px;
        color: #696969;
    }
    .zhiciconright span {
        display: block;
        font-size: 16px;
        color: #696969;
        line-height: 25px;
    }
    .abcon3 {
        padding: 30px 15px;
        width: 100%;
    }
    .abcon3 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        margin-top: 35px !important;
    }
    .abcon3 ul li {
        width: 31%;
        margin-bottom: 15px;
    }
    .abcon3 ul li img {
        width: 100%;
    }
    .abcon1 {
        width: 100%;
        background-image: url(../images/bg5.jpg);
        background-size: cover;
        padding: 20px 15px;
        padding-bottom: 140px;
    }
    .abcon1 .title strong {
        color: #fff !important;
    }
    .abcon1 .title span {
        color: #fff;
    }
    .abcon2 {
        width: 100%;
        padding: 15px;
        margin: 0 auto;
        margin-top: -100px !important;
        margin-bottom: 50px;
    }
    .abcon2 ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .abcon2 ul li {
        width: 100%;
        margin-bottom: 30px;
        box-shadow: 0px 2px 10px 5px rgba(204, 204, 204, 0.2);
    }
    .abcon2 ul li img {
        width: 100%;
    }
    .abcon2box {
        padding: 15px;
        background-color: #fff;
    }
    .abcon2box strong {
        display: block;
        text-align: center;
        color: #2f318b;
        font-weight: normal;
        margin-bottom: 25px;
        font-size: 72px;
    }
    .abcon2box p {
        color: #333;
        font-size: 18px;
        text-align: center;
        margin-bottom: 25px;
    }
    .abcon2box span {
        font-size: 14px;
        color: #999;
        display: block;
        text-align: center;
    }
    .bread {
        width: 100%;
        height: 60px;
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0 0 20px rgba(0, 0, 0, .08);
        padding: 0 15px;
    }
    .breadcon {
        width: 100%;
        margin: 0 auto;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .crumb_left {
        width: 100%;
        white-space: nowrap;
        overflow: scroll;
    }
    .crumb_left::-webkit-scrollbar {
        display: none;
    }
    .crumb_left ul::-webkit-scrollbar {
        display: none;
    }
    .crumb_left ul {
        width: 100%;
        white-space: nowrap;
        overflow: scroll;
    }
    .crumb_left ul li {
        display: inline-block;
    }
    .crumb_left ul li a {
        padding: 0 30px;
        font-size: 16px;
        color: #222;
        border-right: 1px solid #ccc;
    }
    .crumb_left ul li a:hover {
        color: #00a7e7;
    }
    .crumb_right {
        display: none;
    }
    .inbanner {
        width: 100%;
        height: 300px;
        background-image: url(../images/inbanner.jpg);
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .inbanner strong {
        font-size: 25px;
        color: #fff;
        font-weight: normal;
    }
    .inbanner img {
        display: block;
        margin: 10px auto;
    }
    .inbanner p {
        font-size: 15px;
        color: #fff;
    }
    .copy {
        padding-top: 25px;
        text-align: center;
        color: #fff;
        border-top: 1px solid #33a181;
        margin-bottom: 50px;
    }
    .copy a {
        color: #fff;
    }
    .foot {
        width: 100%;
        background: linear-gradient(to bottom, #0068b5, #009545);
        padding: 30px 15px;
    }
    .footitem {
        width: 100%;
        margin-bottom: 30px;
    }
    .footer {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .footer1 p {
        font-size: 20px;
        color: #fff;
        margin-bottom: 15px;
    }
    .footer2 {
        display: flex;
    }
    .footer2 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .footer2 ul li {
        padding: 0 20px;
        width: 100%;
        margin-bottom: 10px;
    }
    .footer2 ul li strong {
        display: block;
        font-size: 22px;
        margin-bottom: 10px;
        color: #fff;
    }
    .footer2 ul li a {
        display: block;
        margin-bottom: 20px;
        font-size: 14px;
        color: #fff;
    }
    .footer3 ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .footer3 ul li {
        padding: 0 20px;
        width: 48%;
    }
    .footer3 ul li p {
        text-align: center;
        color: #fff;
        font-size: 14px;
        padding: 10px 0;
    }
    .footer3 ul li img {
        width: 100%;
    }
    .consult {
        width: 100%;
        background-color: #b8e6f9;
        padding: 20px 15px;
    }
    .consultcon {
        width: 100%;
        margin: 0 auto;
    }
    .consultcon strong {
        display: block;
        font-size: 25px;
        background: linear-gradient(to right, #0162c9, #1baa59);
        /* background-clip: border-box; */
        -webkit-background-clip: text;
        color: transparent;
        text-align: center;
    }
    .consultcon p {
        font-size: 14px;
        color: #00a7e7;
        padding: 15px 0;
        text-align: center;
    }
    .sultcon {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .sultcon input {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        height: 50px;
        border: none;
        background-color: #fff;
        outline: none;
        padding-left: 15px;
    }
    .sultcon a {
        width: 100%;
        font-size: 18px;
        color: #fff;
        background-color: #00a7e7;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }
    .con5 {
        width: 100%;
        height: 450px;
        overflow: hidden;
        position: relative;
        background-image: url(../images/bg4.jpg);
    }
    .con5 video {
        display: none;
    }
    .con5con {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, .6);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .con5ttt {
        width: 85%;
    }
    .con5ttt strong {
        font-size: 30px;
        color: #fff;
        display: block;
        text-align: center;
        font-weight: normal;
    }
    .con5ttt img {
        display: block;
        margin: 20px auto;
    }
    .con5ttt p {
        font-size: 18px;
        color: #fff;
        text-align: center;
        line-height: 30px;
        margin-bottom: 40px;
    }
    .con5ttt a {
        display: block;
        background-color: #49a7e0;
        font-size: 20px;
        color: #fff;
        width: 350px;
        height: 45px;
        text-align: center;
        margin: 0 auto;
        line-height: 45px;
    }
    .box {
        display: none;
    }
    .mbindexnew {
        width: 100%;
        padding: 30px 15px;
    }
    .mbindexnew ul li {
        margin-bottom: 30px;
    }
    .mbindexnew ul li a img {
        width: 100%;
    }
    .mbindexnew .a_title {
        display: block;
        padding: 15px 0;
        color: #817a7a;
        font-size: 16px;
    }
    .mbindexnew p {
        display: block;
        color: #817a7a;
        font-size: 16px;
    }
    .con3 {
        width: 100%;
        padding: 30px 15px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .con3item {
        width: 100%;
        margin-bottom: 30px;
        cursor: pointer;
    }
    .con3item:hover .con3imgbox img {
        transform: scale(1.1);
    }
    .con3imgbox {
        overflow: hidden;
    }
    .con3imgbox img {
        width: 100%;
        transition: all ease 0.4s;
    }
    .con3txt {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 15px;
        align-items: center;
        background: linear-gradient(to right, #0061c4, #3fb5cf, #1ba95f);
    }
    .con3txtleft img {
        width: 30px;
        height: 30px;
    }
    .con3txtleft {
        padding-right: 25px;
        border-right: 1px solid #61abd9;
    }
    .con3txtright {
        flex: 1;
        padding-left: 20px;
    }
    .con3txtright strong {
        display: block;
        color: #fff;
        font-size: 30px;
    }
    .con3txtright span {
        display: block;
        margin-top: 10px;
        font-size: 15px;
        line-height: 25px;
        color: #fff;
    }
    .con2 {
        width: 100%;
        padding: 30px 15px;
        background-image: url(../images/bg2.jpg);
        background-size: cover;
    }
    .title {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
    }
    .title strong {
        display: block;
        text-align: center;
        color: #000;
        font-size: 20px;
        font-weight: normal;
    }
    .title img {
        display: block;
        margin: 15px auto;
    }
    .title span {
        font-size: 12px;
        color: #696969;
        display: block;
        text-align: center;
    }
    .con2 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .con2 ul li {
        padding: 15px;
        background-color: #fff;
        cursor: pointer;
        width: 48%;
        margin-bottom: 25px;
        border-bottom-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    .imgbox {
        overflow: hidden;
    }
    .imgbox img {
        transition: all ease 0.4s;
        width: 100%;
    }
    .con2 ul li p {
        font-size: 16px;
        color: #4c4c4c;
        text-align: center;
        padding: 15px 0;
    }
    .con2 ul li a {
        display: none !important;
        display: block;
        width: 145px;
        height: 40px;
        line-height: 40px;
        color: #808080;
        font-size: 14px;
        margin: 0 auto;
        text-align: center;
        border: 1px solid #bfbfbf;
    }
    .con2 ul li:hover img {
        transform: scale(1.1);
    }
    .con2 ul li:hover a {
        background-color: #00a1e9 !important;
        color: #fff !important;
    }
    .con1 {
        width: 100%;
        padding: 40px 15px;
        background-image: url(../images/bg1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .con1con {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto;
    }
    .con1conleft {
        width: 100%;
        margin-bottom: 30px;
    }
    .con1conleft h1 {
        font-size: 40px;
        font-weight: 400;
        color: #00a7e7;
    }
    .con1conleft strong {
        display: block;
        color: #002f63;
        font-size: 22px;
        font-weight: 600;
    }
    .con1conleft img {
        display: block;
        margin: 15px 0;
    }
    .con1conleft p {
        font-size: 15px;
        color: #696969;
        line-height: 25px;
    }
    .con1conleft a {
        display: block;
        width: 178px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background-color: #00a7e7;
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        margin-top: 20px;
    }
    .con1conright {
        width: 100%;
    }
    .con1conright img {
        width: 100%;
    }
    .con1conright video {
        width: 100%;
    }
    .num_scroll {
        width: 100%;
        margin: 0 auto;
        margin-top: 30px;
    }
    /* scroll */
    /*数字++++++++++*/
    .digital {
        width: 100%;
        color: #fff;
    }
    .main {
        margin: 0 auto;
    }
    .mumping_mun li {
        width: 50%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 16px;
    }
    .mumping_mun li span {
        font-size: 14px;
        padding-top: 9px;
        padding-left: 5px;
    }
    .scrollitem0 span {
        color: #4a4a4a;
    }
    .scrollitem0 p {
        color: #4a4a4a !important;
    }
    .mumping_mun {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .scrollitem1 {
        background-color: #30b3ec;
    }
    .scrollitem1 h2 {
        color: #fff !important;
    }
    .mumping_mun p {
        font-size: 12px;
        color: #fff;
        text-align: center;
        width: 100%;
        display: block;
    }
    .mumping_mun h2 {
        font-size: 24px;
        font-weight: normal;
        color: #00a2e9;
    }
    .mun_top {
        display: flex;
    }
    .scrollitem0 {
        background-color: #f0f1f5;
    }
    .borderli1 {
        border-right: 1px solid#dddddd;
    }
    .borderli2 {
        border-right: 1px solid#59c2f0;
    }
    /* scroll */
    .banner {
        width: 100%;
    }
    .banner img {
        width: 100%;
    }
    .banner {
        width: 100%;
    }
    .banner img {
        width: 100%;
    }
    .sep {
        height: 70px;
    }
    .search {
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: rgba(0, 0, 0, .7);
        position: fixed;
        top: 0;
        left: 0;
        display: none;
    }
    .searchcon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
    .searchconbox {
        width: 85%;
        padding: 20px;
        background-color: #fff;
    }
    .searchconbox p {
        font-size: 18px;
        color: #595959;
        margin-bottom: 10px;
    }
    .searchconbox input {
        width: 100%;
        display: block;
        padding-left: 15px;
        background-color: #f2f2f2;
        outline: none;
        height: 40px;
        border: none;
    }
    .searchcz {
        display: flex;
        align-items: center;
        margin-top: 20px;
        justify-content: right;
    }
    .searchcz a {
        display: block;
        font-size: 14px;
        color: #000;
        padding: 5px 10px;
    }
    .searchcz a:hover {
        background-color: #f2f2f2;
    }
    .mbdrop {
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) inset;
        background-color: #f8f8f8;
        display: none;
    }
    .rr {
        transform: rotate(180deg);
    }
    .show {
        right: 0% !important;
    }
    .mbdrop a {
        display: block;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        width: 100%;
        color: #000;
        border-bottom: 1px solid #f3f3f3;
        padding: 0 15px;
    }
    .an {
        font-size: 20px !important;
        transition: all ease .4s;
    }
    .navmenu li a {
        display: block;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        width: 100%;
        color: #000;
        border-bottom: 1px solid #f3f3f3;
    }
    .navmenu li {
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .mbnav {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        transition: all ease .3s;
        right: -100%;
        z-index: 999;
    }
    .mbnavleft {
        width: 12%;
        height: 100%;
        background: rgba(0, 0, 0, .8);
    }
    .mbnavright {
        width: 88%;
        background-color: #fff;
        height: 100%;
    }
    .mbnavleft img {
        width: 100%;
    }
    .mbhead {
        width: 100%;
        height: 70px;
        padding: 0 20px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: rgba(255, 255, 255, 1);
        position: fixed;
        top: 0;
        left: 0;
        box-shadow: rgba(15, 48, 89, 0.2) 1px 1px 5px;
    }
    .mblogo img {
        height: 50px;
    }
    .pchead {
        display: none;
    }
    .mbhead_right {
        display: flex;
        align-items: center;
    }
    .hb {
        margin-right: 20px;
    }
    .mbsousuo {
        font-size: 25px !important;
    }
}