@charset "utf-8";

body {
    font-family: "pingfang SC","", , STHeiti;
}

.ovh {
    overflow: hidden;
}
/* 弹窗 */
.search-alert {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    background-color: #222222;
}

    .search-alert .cent-form {
        position: absolute;
        width: 94.8%;
        left: 2.6%;
        top: 50%;
        height: 124px;
        margin-top: -63px;
        border-bottom: 1px solid #515151;
    }

        .search-alert .cent-form .tex {
            border: none;
            font-size: 66px;
            height: 124px;
            line-height: 124px;
            text-align: center;
            width: 100%;
            box-sizing: border-box;
            color: #555;
            background: none;
            font-family: "Base-font";
            padding-left: 88px;
            padding-right: 80px;
            background: url(../images/serach.png) no-repeat 35px 60px;
        }

        .search-alert .cent-form .sub-butn {
            position: absolute;
            right: 0;
            top: 0;
            width: 80px;
            height: 100px;
            margin-top: 24px;
            font-size: 24px;
            line-height: 100px;
            border: none;
            color: #555;
            text-align: right;
            background: none;
            font-family: "Base-font";
            text-align: center;
            cursor: pointer;
        }

    .search-alert .close {
        position: absolute;
        top: 38px;
        right: 2.6%;
        display: block;
        width: 18px;
        height: 18px;
        background: url(../images/ico_close.png) no-repeat center;
        cursor: pointer;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transition: transform 0.3s ease 0s;
    }

        .search-alert .close:hover {
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
        }


/* 头部 */
.container1:before, .container1:after {
    display: table;
    content: " ";
}

.header {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 80px;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 0 5px #cacaca;
}

    .header .container1 {
        height: 100%;
    }

.logo {
    margin-top: 13px;
}

    .logo img {
        width: auto;
    }

.ind_nav {
    margin-top: 5px;
}

    .ind_nav ul li {
        float: left;
    }

    .ind_nav ul .nli h3 a {
        display: inline-block;
        font-size: 16px;
        padding: 0 20px;
    }

    .ind_nav ul .nli.on h3 a {
        color: #00b9fe;
    }
    /*.ind_nav ul .nli.on h3 a::after{content: '';box-sizing: border-box;position: absolute;top: 22px;left: 20px;width: 60%;height: 2px;background-color: #00b9fe;}*/
    .ind_nav ul .serach {
        padding-left: 10px;
        margin-top: 20px;
    }

        .ind_nav ul .serach a {
            display: inline-block;
            width: 15px;
            height: 16px;
            background: url(../images/search.png) no-repeat top center;
            background-size: cover;
        }

    /* 新加样式 */
    .ind_nav ul .nli {
        position: relative;
    }

    .ind_nav ul .sub {
        display: none;
        position: absolute;
        top: 50px;
        left: -15px;
        background-color: #000;
        width: 180px;
        z-index: 50;
    }

    .ind_nav ul .nli .sub li {
        width: 180px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        color: #fff;
        border-bottom: 1px solid #fff;
        text-align: center;
    }

        .ind_nav ul .nli .sub li a:hover {
            color: #00b9fe;
        }

        .ind_nav ul .nli .sub li a {
            color: #fff;
        }

        .ind_nav ul .nli .sub li:last-child {
            border-bottom: none;
        }

.shousuo {
    margin-top: 30px;
}

.input_text {
    width: 160px;
    margin-left: 1%;
}

.select1 {
    width: 108px;
    margin-right: 2px;
}

.select {
    width: 108px;
    margin-right: 2px;
}

.input_button {
    letter-spacing: 4px;
}

/* 底部 */
.foot_black {
    background-image: url(../images/footer_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.foot_logo {
    margin-left: 50px;
    margin-top: 50px;
}

.foot_top {
    margin-top: 46px;
    border-bottom: 1px solid #999;
    padding-bottom: 35px;
    margin-left: 50px;
}

    .foot_top .foot_l ul li {
        float: left;
        align-items: center;
        margin-right: 40px
    }
        /* .foot_top .foot_l ul li:nth-child(1){margin-left: -40px;} */
        /* .foot_top .foot_l ul li:nth-child(2){margin-left: 40px;}
.foot_top .foot_l ul li:nth-child(3){margin-left: 40px;}
.foot_top .foot_l ul li:nth-child(4){margin-left: 40px;}
.foot_top .foot_l ul li:nth-child(5){margin-left: 40px;} */
        .foot_top .foot_l ul li h3 {
            font-size: 16px;
            margin-bottom: 20px;
        }

            .foot_top .foot_l ul li h3 a {
                color: #fff;
            }

        .foot_top .foot_l ul li h4 {
            font-size: 14px;
        }

    .foot_top .foot_r .foot_link {
        display: flex;
    }

.foot_top_lf_title {
    font-size: 20px;
    color: #fff;
    margin: 0;
    display: inline-block;
    float: left;
    line-height: 70px;
}

.foot_top_lf_con {
    position: relative;
    float: left;
    margin-left: 10px;
}

.foot_top_lf_val {
    border: 1px solid #515151;
    color: #fff;
    width: 435px;
    padding: 10px;
    margin-top: 15px;
    cursor: pointer;
    background: transparent;
}

    .foot_top_lf_val i {
        float: right;
    }

.foot_top_lf_ul {
    width: 435px;
    position: absolute;
    top: 54px;
    left: 0;
    border: 1px solid #515151;
    background: #3F3F3F;
    padding: 10px;
    display: none;
}

    .foot_top_lf_ul .foot_top_lf_list {
        list-style: none;
        line-height: 35px;
        cursor: pointer;
    }

.foot_top .foot_r .foot_addr {
    display: flex;
    margin-top: 10px;
}

    .foot_top .foot_r .foot_addr .foot_lx h4 {
        color: #fff;
    }

    .foot_top .foot_r .foot_addr .foot_lx h5 i {
        margin-right: 10px;
    }

    .foot_top .foot_r .foot_addr .foot_ewm {
        display: flex;
        margin-top: 25px;
    }

        .foot_top .foot_r .foot_addr .foot_ewm .foot_ico {
            margin-left: 15px;
            text-align: center;
        }

            .foot_top .foot_r .foot_addr .foot_ewm .foot_ico p {
                margin-top: 5px;
            }

.foot_boot {
    margin-top: 10px;
    margin-left: 45px;
}



/* prolist.html */
.prolist,
.prodot {
    background-color: #f2f2f2;
    padding: 80px 0;
}

.prolist_box1 h5,
.prodot_box1 h5 {
    font-size: 16px;
    margin-top: 0;
    line-height: 24px;
    color: #888;
    text-transform: capitalize;
    font-family: Helvetica, sans-serif;
    margin-bottom: 30px;
}

    .prodot_box1 h5 a, .prolist_box1 h5 a {
        color: #888;
        margin-right: 10px;
    }

        .prodot_box1 h5 a:hover, .prolist_box1 h5 a:hover {
            color: #00b9fe;
        }

    .prolist_box1 h5 i,
    .prodot_box1 h5 i {
        margin-right: 12px;
        font-size: 20px;
        color: #aaa;
    }

.prolist_box1 h2,
.prodot_box1 h2 {
    font-size: 30px;
    color: #00b9fe;
    line-height: 40px;
    margin: 0;
    letter-spacing: 1px;
}

.prolist2_L {
    width: 75%;
    margin-top: 40px;
    float: left;
}

.prodot_L {
    width: 75%;
    float: left;
    padding-right: 30px;
}

.prolist2_p p {
    font-size: 16px;
    color: #666;
    line-height: 28px;
}

.prol_tit {
    padding: 12px 0 20px;
}

    .prol_tit span {
        width: 32px;
        height: 6px;
        display: block;
        background: #00b9fe;
        border-right: 10px solid #b0b9bf;
        margin-bottom: 14px;
    }

    .prol_tit h3 {
        font-size: 28px;
        margin-top: 0;
        line-height: 40px;
        color: #00b9fe;
        text-transform: capitalize;
        font-family: Helvetica, sans-serif;
    }

.prolist2_imgBox {
    margin: 0 -12px;
}

.prolist2_li {
    width: 33.33%;
    float: left;
    padding: 0 12px 0px;
    margin-bottom: 20px;
}

.prolist2_txt {
    padding: 10px 0px 20px;
}

    .prolist2_txt h6 {
        font-size: 14px;
        line-height: 24px;
        color: #888;
        margin: 0;
        text-transform: capitalize;
        font-family: Helvetica, sans-serif;
        letter-spacing: 0.1px;
    }

    .prolist2_txt h3 {
        font-size: 18px;
        line-height: 30px;
        color: #333;
        margin: 10px 0 14px;
    }

    .prolist2_txt p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0;
        text-transform: capitalize;
        color: #00b9fe;
        font-family: Helvetica, sans-serif;
    }

.prolist2_img1 span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}

.prolist2_img1 {
    width: 100%;
    position: relative;
    padding-top: 80%;
}

.prolist2_img {
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 10px #ddd;
    -webkit-box-shadow: 0px 0px 10px #ddd;
    -moz-box-shadow: 0px 0px 10px #ddd;
}

    .prolist2_img img {
        width: 100%;
        transition: all 0.6s ease;
    }

.prolist2_li a:hover .prolist2_img img {
    transform: scale(1.05);
    transition: all 0.6s ease;
}

.prolist2_ul {
    width: 100%;
}

.prolist_ulL {
    width: 100%;
    float: left;
}

.prolist2_ul li {
    width: 48%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ced3dc;
    float: left;
    margin-right: 2%;
}

    .prolist2_ul li a {
        font-size: 14px;
        height: 40px;
        color: #74a8de;
    }

.prolist_R {
    width: 25%;
    float: left;
    margin-top: 40px;
}

.prodot_R {
    width: 25%;
    float: left;
    margin-top: 20px;
}

    .prolist_R h3, .prodot_R h3 {
        font-size: 28px;
        margin-top: 0;
        line-height: 40px;
        color: #333;
        text-transform: capitalize;
        font-family: Helvetica, sans-serif;
        margin-bottom: 14px;
    }

.prolist2R_main,
.prodot2R_main {
    padding-left: 40px;
}

.prolist2R_imgbox, .prodot2R_imgbox {
    overflow: hidden;
}

    .prolist2R_imgbox img,
    .prodot2R_imgbox img {
        width: 100%;
        transition: all 0.4s ease;
    }

.prolist2R_box:hover .prolist2R_imgbox img,
.prodot2R_box:hover .prodot2R_imgbox img {
    transform: scale(1.05);
    transition: all 0.4s ease;
}

.prolist2R_txt,
.prodot2R_txt {
    padding: 15px;
    background: #e2e2e2;
}

    .prolist2R_txt p,
    .prodot2R_txt p {
        font-size: 16px;
        line-height: 30px;
    }

.prolist2R_txtbox,
.prodot2R_txtbox {
    border-top: 1px solid #ddd;
    padding-top: 12px;
}

.prolist2R_txt h6,
.prodot2R_txt h6 {
    margin: 0;
    font-size: 13px;
    color: #00b9fe;
    font-family: Helvetica, sans-serif;
}

.prolist2R_box,
.prodot2R_txtbox {
    margin-bottom: 50px;
}

    .prolist2R_txtbox h4,
    .prodot2R_txtbox h4 {
        font-size: 14px;
        color: #333;
        margin-top: 0;
        line-height: 24px;
    }

    .prolist2R_txtbox h6,
    .prodot2R_txtbox h6 {
        font-size: 12px;
        color: #888;
        margin-top: 0;
        line-height: 22px;
    }

    .prolist2R_txtbox h5,
    .prodot2R_txtbox h5 {
        font-size: 14px;
        color: #888;
        margin-top: 0;
        line-height: 22px;
    }

        .prolist2R_txtbox h5 i, .prodot2R_txtbox h5 i {
            font-size: 16px;
            width: 20px;
            text-align: center;
            margin-right: 5px;
            color: #ff4311;
        }

        .prolist2R_txtbox h5:nth-child(2) i {
            font-size: 20px;
        }

        .prolist2R_txtbox h5:nth-child(3) i {
            font-size: 18px;
        }

    .prolist2R_txtbox p a,
    .prodot2R_txtbox p a {
        font-size: 14px;
        color: #74a8de;
        line-height: 24px;
    }

    .prolist2R_txtbox p i,
    .prodot2R_txtbox p i {
        margin-right: 8px;
    }

.prolist2R_h4,
.prodot2R_h4 {
    margin-bottom: 20px;
}


.prolist2_li {
    position: relative;
    top: 18vh;
    opacity: 0;
}

/* contact.htmml */

.warpper {
    padding-top: 80px;
}

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

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

.bannerInImg {
    position: absolute;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px;
}

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

.bannerInImg span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
}

.bannerInTxt h2 {
    margin: 0 0 165px;
    font-size: 80px;
    line-height: 80px;
    text-transform: capitalize;
    color: #fff;
    letter-spacing: 10px;
}

.bannerInTxt p {
    margin: 0;
    font-size: 32px;
    color: #fff;
    opacity: 0.8;
    font-family: Helvetica, sans-serif;
    text-transform: capitalize;
}

.bannerInImg span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.1;
}

.tables {
    display: table;
    height: 100%;
    width: 100%;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}



.about {
    position: relative;
    background-image: url(../images/contact_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact {
    overflow: hidden;
}

.contact_box1 {
    position: relative;
    top: 0;
    left: 100%;
    opacity: 0;
}

.contact2_img {
    position: relative;
    top: 20px;
    left: -100%;
    opacity: 0;
}

.contact2_form {
    position: relative;
    top: 20vh;
    left: 50px;
    opacity: 0;
}


.contact_map {
    margin-top: 60px;
    float: right;
    position: relative;
    box-shadow: 2px 2px 5px #b0b9bf;
    width: 90%;
    padding-bottom: 50vh;
}


    .contact_map > div {
        height: 50vh;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        box-shadow: 2px 2px 5px #b0b9bf;
    }

.contact1_tit {
    position: absolute;
    top: 25px;
    left: 165px;
}

    .contact1_tit hr,
    .contact2_tit hr {
        width: 22px;
        height: 6px;
        background: #e60012;
        text-align: left;
        display: inline-block;
    }

.contact2_img {
    position: relative;
    top: -80px;
    float: left;
    overflow: hidden;
    box-shadow: 2px 2px 5px #b0b9bf;
    width: 40%;
    overflow: hidden;
}

    .contact2_img img {
        width: 100%;
    }


.proTit h2 {
    font-size: 40px;
    line-height: 50px;
    color: #00b9fe;
    margin: 0;
    font-weight: 500;
    letter-spacing: 1px;
}

    .proTit h2:after {
        content: '';
        display: block;
        width: 20px;
        height: 2px;
        background-color: #00b9fe;
        margin: 25px 0 30px;
    }


.contact_box1 {
    position: relative;
    margin: 100px 0 0;
}

.contact1_tit2 {
    position: absolute;
    right: 20px;
    top: -20px;
    background: #fff;
    box-shadow: 2px 2px 5px #b0b9bf;
    padding: 20px 10px 10px 10px;
    width: 24%;
}

    .contact1_tit2 h3 {
        font-size: 14px;
        margin-top: 0;
        line-height: 22px;
        color: #222;
    }

.con1_blod {
    font-weight: 800;
}

.contact_box2 {
    position: relative;
    z-index: 10;
}


.contact2_form {
    width: 60%;
    padding: 80px 60px 100px 8%;
    float: left;
}

.input-wrapper {
    position: relative;
    display: block;
    margin-bottom: 12px;
    width: 80%;
}

.label {
    position: absolute;
    top: 15px;
    right: 0;
    font-size: 12px;
    opacity: 0;
    transform: translateX(5px);
    transition: 0.2s ease;
}

.input-wrapper:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: #999;
    z-index: 1;
}

.input-wrapper textarea, .input-wrapper input {
    background-color: transparent;
    border: 0;
    font-size: 14px;
    display: block;
    height: 50px;
    line-height: 50px;
    width: 100%;
}

.input-wrapper textarea {
    height: 120px;
    line-height: 28px;
    overflow: auto;
    resize: none;
}

.con2_btn {
    cursor: pointer;
    border: 0;
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    background: #00b9fe;
    line-height: 22px;
    letter-spacing: 0.2px;
    padding: 10px 30px;
    height: auto;
    margin-top: 0;
    min-width: 135px;
    text-align: center;
    margin-top: 40px
}


/* .bott_l{
	position: relative;
    top: 80px;
    opacity: 0;
}
.bott_r{
	position: relative;
    top: 80px;
    opacity: 0;
} */

.con_box .con_bg {
    height: 330px;
    background-repeat: no-repeat;
    background-position: top left;
    background-attachment: fixed;
}

    .con_box .con_bg .con_txt {
        text-align: center;
        padding-top: 95px;
    }

        .con_box .con_bg .con_txt h3 {
            font-size: 40px;
            color: #fff;
        }

        .con_box .con_bg .con_txt p {
            font-size: 24px;
            color: #fff;
        }

.con_bott {
    padding-left: 120px;
    padding-right: 100px;
    padding-bottom: 100px;
}

.con_box .con_bott {
    background-image: url(../images/contact_bg2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 945px;
}

.con_bott .bott_title {
    text-align: center;
    padding-top: 80px;
}

    .con_bott .bott_title p {
        font-size: 14px;
        color: #01b6fc;
    }

    .con_bott .bott_title h3 {
        font-size: 40px;
    }

.con_bott .bott_txt .bott_l {
    width: 40%;
    margin-top: 160px;
}

    .con_bott .bott_txt .bott_l .fl_01 p {
        font-size: 12px;
        text-transform: uppercase;
    }

    .con_bott .bott_txt .bott_l .fl_01 h3 {
        font-size: 40px;
        margin-top: 0px !important;
    }

        .con_bott .bott_txt .bott_l .fl_01 h3:after {
            content: '';
            display: block;
            width: 55px;
            height: 2px;
            background-color: #00b9fe;
            margin: 10px 0 30px;
        }

    .con_bott .bott_txt .bott_l .fl_02 {
        margin-top: 30px;
    }

    .con_bott .bott_txt .bott_l .fl_03 {
        margin-top: 30px;
    }

    .con_bott .bott_txt .bott_l .fl_02 p {
        font-size: 16px;
        color: #555;
        letter-spacing: 1px;
        text-align: justify;
        line-height: 25px;
    }

    .con_bott .bott_txt .bott_l .fl_03 p {
        font-size: 16px;
        color: #555;
        letter-spacing: 1px;
        text-align: justify;
        line-height: 25px;
    }

.con_bott .bott_txt .bott_r {
    width: 55%;
}

.con_bott .bott_txt {
    margin-bottom: 100px;
}

@-webkit-keyframes wateranimate {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

@keyframes wateranimate {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

.water1 {
    -webkit-animation: wateranimate 1s 9s ease-out infinite;
    animation: wateranimate 4s 9s ease-out infinite;
}

.water2 {
    -webkit-animation: wateranimate 1s 6s ease-out infinite;
    animation: wateranimate 4s 6s ease-out infinite;
}

.water3 {
    -webkit-animation: wateranimate 1s 3s ease-out infinite;
    animation: wateranimate 4s 3s ease-out infinite;
}

.water4 {
    -webkit-animation: wateranimate 1s 0s ease-out infinite;
    animation: wateranimate 4s 0s ease-out infinite;
}

.water1, .water2, .water3, .water4 {
    padding: 20%;
    position: absolute;
    left: 30%;
    top: 30%;
    border: 1px solid #fff;
    box-shadow: 0 0 10px 15px #fff inset;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
}

.map .map_img img {
    width: 100%;
}

.map {
    position: relative;
}

.map_dd {
    position: relative;
    width: 30px;
    height: 30px;
}

.map_img2 {
    position: absolute;
    top: 78%;
    right: 28%;
}

    .map_img2 .map_img02 {
        position: absolute;
        top: -39%;
        left: 52%;
    }

        .map_img2 .map_img02 h6 {
            font-size: 20px;
            position: absolute;
            top: -16%;
            left: 30%;
            color: #000;
        }

.map_img3 {
    position: absolute;
    top: 83%;
    right: 25%;
}

    .map_img3 .map_img03 {
        position: absolute;
        top: -55%;
        right: 60%;
    }

        .map_img3 .map_img03 h6 {
            font-size: 20px;
            color: #fff;
            position: absolute;
            top: -135%;
            right: 30%;
        }

.map_img4 {
    position: absolute;
    top: 60%;
    right: 16%;
}

    .map_img4 .map_img04 {
        position: absolute;
        top: -40%;
        left: 54%;
    }

        .map_img4 .map_img04 h6 {
            font-size: 20px;
            position: absolute;
            top: -120%;
            left: 30%;
            color: #000;
        }

.map_img5 {
    position: absolute;
    top: 37%;
    right: 25%;
}

    .map_img5 .map_img05 {
        position: absolute;
        top: -41%;
        right: -341%;
    }

        .map_img5 .map_img05 h6 {
            font-size: 20px;
            position: absolute;
            top: -135%;
            left: 31%;
            color: #000;
        }

.map_img6 {
    position: absolute;
    top: 66%;
    right: 18%;
}

    .map_img6 .map_img06 {
        position: absolute;
        top: -41%;
        left: 55%;
    }

        .map_img6 .map_img06 h6 {
            font-size: 20px;
            position: absolute;
            top: -120%;
            left: 31%;
            color: #000;
        }


/* 首页的集团分布 */
.con_bott1 {
    padding-left: 120px;
    padding-right: 100px;
    padding-bottom: 100px;
}

.con_bott1 {
    background-image: url(../images/contact_bg2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 945px;
}

    .con_bott1 .bott_title {
        text-align: center;
        padding-top: 80px;
    }

        .con_bott1 .bott_title p {
            font-size: 14px;
            color: #01b6fc;
        }

        .con_bott1 .bott_title h3 {
            font-size: 40px;
        }

    .con_bott1 .bott1_txt .bott1_l {
        width: 40%;
        margin-top: 160px;
    }

        .con_bott1 .bott1_txt .bott1_l .fl_01 p {
            font-size: 12px;
            text-transform: uppercase;
        }

        .con_bott1 .bott1_txt .bott1_l .fl_01 h3 {
            font-size: 40px;
            margin-top: 0px !important;
        }

            .con_bott1 .bott1_txt .bott1_l .fl_01 h3:after {
                content: '';
                display: block;
                width: 55px;
                height: 2px;
                background-color: #00b9fe;
                margin: 10px 0 30px;
            }

        .con_bott1 .bott1_txt .bott1_l .fl_02 {
            margin-top: 30px;
        }

        .con_bott1 .bott1_txt .bott1_l .fl_03 {
            margin-top: 30px;
        }

        .con_bott1 .bott1_txt .bott1_l .fl_02 p {
            font-size: 16px;
            color: #555;
            letter-spacing: 1px;
            line-height: 25px;
        }

        .con_bott1 .bott1_txt .bott1_l .fl_03 p {
            font-size: 16px;
            color: #555;
            letter-spacing: 1px;
            line-height: 25px;
        }

    .con_bott1 .bott1_txt .bott1_r {
        width: 55%;
    }

    .con_bott1 .bott1_txt {
        margin-bottom: 100px;
    }

.bott1_l {
    position: relative;
    top: 80px;
    opacity: 0;
}

.bott1_r {
    position: relative;
    top: 80px;
    opacity: 0;
}




/* news.html */
.news_main {
    background-image: url(../images/news_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.news_top {
    padding-top: 60px;
    padding-bottom: 20px;
}

    .news_top .news_txt ul li {
        float: left;
        margin-right: 20px;
        position: relative;
        padding-left: 15px;
        font-size: 16px;
    }

        .news_top .news_txt ul li::after {
            position: absolute;
            content: '';
            left: 0px;
            top: 6px;
            width: 1px;
            height: 10px;
            background: #ddd;
        }

        .news_top .news_txt ul li:nth-child(1) {
            padding-left: 0px;
        }

            .news_top .news_txt ul li:nth-child(1):after {
                width: 0px;
            }

        .news_top .news_txt ul li .aa {
            width: 88px;
            height: 30px;
            background: linear-gradient(-45deg, #00b9fe 0, #166ccd 100%);
            text-align: center;
            line-height: 25px;
            color: #fff;
        }

.news_search input {
    width: 295px;
    height: 42px;
    border-radius: 20px;
    border: 1px solid #e7e7e7;
    font-size: 14px;
    color: #aaa;
    padding-left: 10px;
    background: transparent;
}

.news_search a {
    position: absolute;
    top: 10px;
    ;
    right: 10px;
}

.news_search {
    position: relative;
}

.page {
    text-align: center;
    margin-bottom: 70px;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

    .page a {
        font-size: 16px;
        margin: 0 5px;
        width: 38px;
        height: 38px;
        display: inline-block;
        position: relative;
        line-height: 38px;
    }

    .page .fenye {
        border: 1px solid #ccc;
    }

        .page .fenye i {
            display: block;
            width: 100%;
            height: 38px;
            line-height: 38px;
        }

    .page .fenye01 {
        border: 1px solid #ccc;
    }

        .page .fenye01 span {
            position: absolute;
            top: 30%;
            left: 35%;
        }

    .page .active {
        color: #00b9fe;
    }


.news_box {
    padding: 20px 0;
}

.news_cot {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
}

.news_left {
    width: calc(100% - 400px);
    padding-right: 30px;
}

.news_list {
    margin-bottom: 30px;
}

    .news_list:last-child {
        margin: 0;
    }

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

.news_img {
    width: 38%;
    /* height: 300px; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/* .news_img img{ width: 100%; height: auto;} */


.news_wz {
    width: 62%;
    padding: 20px 0 20px 30px;
}

    .news_wz h3 {
        font-size: 24px;
        color: #333;
        line-height: 30px;
        margin-bottom: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .news_wz p {
        font-size: 16px;
        line-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        height: 96px;
        color: #777;
        margin-top: 14px;
    }

    .news_wz span {
        font-size: 14px;
        color: #999;
    }

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

    .news_bott h5 {
        font-size: 14px;
        color: #999;
    }

    .news_bott span {
        padding: 0 20px;
        display: inline-block;
        text-transform: uppercase;
        line-height: 26px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        color: #00b9fe;
        font-size: 14px;
    }



.news_right {
    width: 400px;
    padding-left: 20px;
    transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -ms-transition: padding 0.3s ease;
    -o-transition: padding 0.3s ease;
}

    .news_right.fixed {
        position: fixed;
        right: 6%;
        top: 0;
        padding-top: 80px;
    }

    .news_right h3 {
        font-size: 20px;
        margin-bottom: 18px;
        color: #00b9fe;
        padding-bottom: 10px;
        position: relative;
    }

        .news_right h3:after {
            content: '';
            width: 40px;
            height: 2px;
            background: #00b9fe;
            position: absolute;
            bottom: 0;
            left: 0;
        }

.newsR_lis h5 {
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 30px;
    margin-bottom: 8px;
    color: #777;
}

.newsR_img img {
    width: 100%;
}

.newsR_img {
    display: none;
    overflow: hidden;
    position: relative;
}

.news_right li {
    margin-bottom: 10px;
}

    .news_right li:last-child {
        margin: 0;
    }

    .news_right li:first-child .newsR_img {
        display: block;
    }


/* newsdot.html */
.news_dot {
    background-image: url(../images/newsdot_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dot_box {
    padding-top: 50px;
    padding-left: 250px;
    padding-right: 250px;
}

    .dot_box .dot_back a {
        display: flex;
    }

    .dot_box .dot_back img {
        width: 16px;
        height: 12px;
    }

    .dot_box .dot_back p {
        font-size: 12px;
        color: #999;
        margin-left: 10px;
    }

    .dot_box .dot_title h2 {
        font-size: 28px;
        text-align: center;
        letter-spacing: 1px;
        color: #000;
    }

    .dot_box .dot_title .dot_bott {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #ccc;
        margin-top: 30px;
    }

        .dot_box .dot_title .dot_bott p {
            font-size: 20px;
            color: #999;
        }

        .dot_box .dot_title .dot_bott .dot_r img {
            margin-left: 10px;
        }

    .dot_box .dot_wz p {
        font-size: 16px;
        color: #777;
        letter-spacing: 1px;
        margin-top: 40px;
        line-height: 25px;
    }

        .dot_box .dot_wz p img {
            max-width: 100%;
        }

    .dot_box .dot_wz .dot_img img {
        width: 100%;
        height: auto;
    }

    .dot_box .dot_wz .dot_img {
        margin-top: 40px;
    }

        .dot_box .dot_wz .dot_img h5 {
            font-size: 14px;
            color: #999;
            text-align: center;
        }

    .dot_box .dot_top {
        text-align: center;
        margin: 60px 0;
    }

        .dot_box .dot_top p {
            font-size: 14px;
            color: #999;
            margin-top: 10px;
        }


/* material.html */
.mat_title {
    text-align: center;
    margin-top: 60px;
}

    .mat_title h3 {
        font-size: 30px;
        color: #000;
    }

    .mat_title p {
        font-size: 14px;
        color: #999;
    }

.mat_main {
    padding-left: 300px;
    padding-right: 300px;
}

.mat_box02 {
    background: #f9f6f6;
}

.mat_list .mat_img {
    float: left;
    width: 30%;
}

.mat_list .mat_wz {
    float: left;
    width: 30%;
    margin-top: 30px;
    margin-left: 100px;
}

.mat_list .mat_r {
    float: right;
    width: 10%;
    margin-top: 100px;
}

.mat_list {
    padding: 70px 0;
}

    .mat_list .mat_img img {
        width: 100%;
        height: auto;
    }

    .mat_list .mat_wz h4 {
        font-size: 24px;
    }

    .mat_list .mat_wz h5 {
        font-size: 14px;
        color: #00b9fe;
    }

    .mat_list .mat_wz p {
        font-size: 14px;
        color: #555;
        margin-top: 30px;
    }

.material .dot_top {
    text-align: center;
    margin: 60px 0;
}

    .material .dot_top p {
        font-size: 14px;
        color: #999;
        margin-top: 10px;
    }


/* about.html */
.about_title {
    text-align: center;
    padding-top: 60px;
}

    .about_title p {
        font-size: 14px;
        color: #00b9fe;
        text-transform: uppercase;
    }

    .about_title h4 {
        font-size: 40px;
        font-weight: 500;
    }

.about01 {
    background-image: url(../images/about_bg01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about01_con {
    margin-top: 80px;
    position: relative;
    margin-bottom: 100px;
}

.about01_l {
    width: 45%;
}

.about01_r {
    width: 50%;
}

.about01_l .about01_wz p {
    font-size: 16px;
    color: #555;
    letter-spacing: 1px;
}

.about01_l .about01_wz strong {
    font-size: 24px;
}

.about01_top {
    position: relative;
}

.about01_l .about01_wz {
    position: absolute;
    top: 65px;
    left: 115px;
}

.about01_l .about01_bott img {
    width: 80%;
    height: auto;
    box-shadow: 5.917px 12.688px 9px 0px rgba(25, 27, 35, 0.2);
    -webkit-box-shadow: 5.917px 12.688px 9px 0px rgba(25, 27, 35, 0.2);
    -moz-box-shadow: 5.917px 12.688px 9px 0px rgba(25, 27, 35, 0.2);
}

.about01_l .about01_bott {
    z-index: 2;
    position: absolute;
    bottom: 10%;
    left: 20%;
}

.about01_r .ab_img img {
    width: 100%;
    height: auto;
    box-shadow: 5.917px 12.688px 9px 0px rgba(25, 27, 35, 0.2);
    -webkit-box-shadow: 5.917px 12.688px 9px 0px rgba(25, 27, 35, 0.2);
    -moz-box-shadow: 5.917px 12.688px 9px 0px rgba(25, 27, 35, 0.2);
}

.about01_r .about01_txt p {
    font-size: 16PX;
    color: #555;
    letter-spacing: 1px;
}

.about01_r .about01_txt {
    margin-top: 20px;
    margin-left: 120px;
}

.about02 {
    background-image: url(../images/about_bg02.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .about02 .about02_txt p {
        font-size: 16px;
        color: #555;
    }

    .about02 .about02_txt {
        text-align: center;
        padding: 0 140px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .about02 .about02_img img {
        width: 100%;
        height: auto;
        box-shadow: 0px 0px 24px 0px rgba(25, 27, 35, 0.1);
        -webkitbox-shadow: 0px 0px 24px 0px rgba(25, 27, 35, 0.1);
        -mozbox-shadow: 0px 0px 24px 0px rgba(25, 27, 35, 0.1);
    }

    .about02 .about02_img {
        margin-top: 70px;
    }

    .about02 .about02_bott {
        margin-top: 20px;
        margin-bottom: 40px;
    }

        .about02 .about02_bott ul li {
            float: left;
            width: 25%;
        }

        .about02 .about02_bott .about02_icon {
            text-align: center;
            padding: 0 35px;
        }

            .about02 .about02_bott .about02_icon p {
                font-size: 15px;
                margin-top: 30px;
            }

.about03 .about03_box {
    height: 330px;
    background-repeat: no-repeat;
    background-position: top left;
    background-attachment: fixed;
}

    .about03 .about03_box .about03_txt h4 {
        color: #f5fcff;
        font-size: 40px;
    }

    .about03 .about03_box .about03_txt {
        text-align: center;
        padding-top: 140px;
    }

.about03_list {
    background-image: url(../images/about_bg04.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .about03_list .about03_wz p {
        font-size: 16px;
    }

    .about03_list .about03_wz {
        text-align: center;
        padding: 0 140px;
        margin-top: 60px;
    }

    .about03_list .about03_bott ul li {
        float: left;
        width: 33.3333%;
    }

    .about03_list .about03_bott .about03_icon {
        text-align: center;
        padding: 0 95px;
    }

    .about03_list .about03_bott {
        margin-top: 50px;
        margin-bottom: 50px;
    }

        .about03_list .about03_bott .about03_icon h4 {
            margin-top: 20px;
        }

        .about03_list .about03_bott .about03_icon p {
            font-size: 15px;
            margin-top: 20px;
        }

.about04 #index-banner .in-banner .img {
    width: 100%;
    height: 535px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about04 #index-banner .in-banner {
    position: relative;
}

    .about04 #index-banner .in-banner .txt {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        text-align: center;
    }

        .about04 #index-banner .in-banner .txt .table {
            display: table;
            width: 100%;
            height: 100%;
        }

            .about04 #index-banner .in-banner .txt .table .cell {
                display: table-cell;
                vertical-align: middle;
            }

        .about04 #index-banner .in-banner .txt h3 {
            color: #fff;
            font-size: 35px;
        }

        .about04 #index-banner .in-banner .txt h2 {
            color: #fff;
            font-size: 50px;
        }

        .about04 #index-banner .in-banner .txt p {
            color: #fff;
        }

#index-banner .swiper-button {
    width: auto;
    height: auto;
    background: none;
    color: #fff;
    font-size: 60px;
    font-family: 宋体;
}

#index-banner .swiper-button-next {
    right: 16%;
}

#index-banner .swiper-button-prev {
    left: 16%;
}

.swiper-pagination-bullet {
    background: #fff;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 25px;
}


.picMarquee-container {
    margin-top: 50px;
    margin-bottom: 100px;
}

    .picMarquee-container .swiper-wrapper {
        transition-timing-function: linear;
        -webkit-transition-timing-function: linear;
    }

    .picMarquee-container .item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .picMarquee-container .item .img2 {
        display: none;
    }

    .picMarquee-container .item:hover .img1 {
        display: none;
    }

    .picMarquee-container .item:hover .img2 {
        display: block;
    }




/* index.html */
.banner {
    position: relative;
    overflow: hidden;
}

.bannerBox {
    position: relative;
    height: 100%;
}

.bannerWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.bannerSwiper {
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #000;
}

.bannerSlide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    overflow: hidden;
}

.bannerImg {
    position: relative;
    /* width: 100%; */
    height: 100%;
    background-size: cover;
    background-position: center center;
}

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

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

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


.ban_mask {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    overflow: hidden;
}

    .ban_mask span {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

.banner_txt {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.ban_wz {
    width: 60%;
    margin: 0 auto;
    max-width: 800px;
}

.bannerTxt_lis {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

    .bannerTxt_lis.first {
        visibility: visible;
        opacity: 1;
    }

.tables {
    display: table;
    width: 100%;
    height: 100%;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}

.bannerTxt_lis h2 {
    position: relative;
    margin: 0px 0 30px;
    padding-bottom: 30px;
    font-size: 40px;
    line-height: 1.3;
    color: #fff;
    font-family: Helvetica, sans-serif;
    text-transform: uppercase;
}

    .bannerTxt_lis h2:after {
        content: "";
        display: inline-block;
        width: 50px;
        height: 4px;
        background: #ffffff;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -30px;
    }

.bannerTxt_lis h3 {
    margin: 0 0 45px;
    padding-bottom: 20px;
    line-height: 1.2;
    color: #fff;
    letter-spacing: 1px;
    font-size: 30px;
}


a.ban_btn {
    display: inline-block;
    background: #fff;
    border: 2px solid #fff;
    color: #034ea1;
    line-height: 46px;
    padding: 0 20px;
    min-width: 200px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.4px;
    font-family: Helvetica, sans-serif;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

    a.ban_btn:hover {
        color: #fff;
        background: transparent;
    }

.bannerSlide.first {
    left: 0;
}

.bannerWrapper:after {
    content: "";
    display: block;
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 64, 152, 0.1);
    opacity: 0.1;
}

a.ban_arrL, a.ban_arrR {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    z-index: 3;
    color: #fff;
    padding: 10px 15px;
    font-size: 50px;
}

a.ban_arrR {
    right: 0;
}

a.ban_arrL {
    left: 0;
}

    a.ban_arrL img, a.ban_arrR img {
        width: 74px;
    }

.ban_mask:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.4;
}

.ban_pagi {
    position: absolute;
    z-index: 3;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
}

    .ban_pagi span {
        display: inline-block;
        position: relative;
        cursor: pointer;
        background-color: rgba(255, 255, 255, 0.3);
        width: 18px;
        height: 18px;
        padding: 7px;
        border-radius: 50px;
        margin: 0 5px;
        border: solid 2px transparent;
        transform: scale(0.8);
        -webki-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transition: all 0.8s ease-in-out;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
    }

        .ban_pagi span:after {
            transition: all 0.8s ease-in-out;
            -webkit-transition: all 0.8s ease-in-out;
            -moz-transition: all 0.8s ease-in-out;
            -ms-transition: all 0.8s ease-in-out;
            -o-transition: all 0.8s ease-in-out;
        }

        .ban_pagi span.active {
            background: transparent;
            border-color: #2789ee;
            transform: scale(1);
            -webki-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
        }

            .ban_pagi span.active:after {
                content: "";
                display: inline-block;
                position: absolute;
                width: 6px;
                height: 6px;
                background: #2789ee;
                border-radius: 20px;
                left: 50%;
                top: 50%;
                margin-left: -3px;
                margin-top: -3px;
            }





.index1 {
    width: 100%;
    background-image: url(../images/index1_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .index1 .index1_con {
        padding: 0 50px;
    }

.syabout {
    padding: 6% 0;
    position: relative;
    box-sizing: border-box;
}

    .syabout .side {
        position: relative;
        top: 0px;
        opacity: 1;
    }

    .syabout .syaboutli {
        position: relative;
        top: 0px;
        opacity: 1;
    }


.side {
    width: 76px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    margin-top: 100px;
}

    .side ul {
        width: 18px;
        padding: 0 29px;
        position: absolute;
        left: 0;
        top: 50%;
    }

        .side ul li {
            /* height: 64px; */
            margin-bottom: 20px;
            position: relative;
        }

            .side ul li a {
                display: block;
                font-size: 16px;
                line-height: 1.4;
                transition: all 0.5s ease 0s;
                width: 25px;
            }

            .side ul li:hover a, .side ul li.cur a {
                color: #0e82de;
            }

            .side ul li:hover, .side ul li.cur .side_title {
                border-left: 4px solid #0e82de;
            }



    .side .side_title {
        background-image: url(../images/index1_01.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 54px;
        height: 201px;
        text-align: center;
        padding-left: 14px;
        padding-top: 45px;
    }




.learnmorebtn {
    display: block;
    width: 214px;
    height: 50px;
    position: absolute;
    bottom: -30px;
    right: 115px;
    font-size: 0;
    background: linear-gradient(-45deg, #00b9fe 0, #166bcc 100%);
    text-align: center;
    line-height: 25px;
    color: #fff;
}

    .learnmorebtn span {
        font-size: 16px;
        color: #fff;
        line-height: 52px;
        margin-left: 5px;
        /* font-family: 'TT0140M',''; */
    }

    .learnmorebtn:hover {
        display: block;
        width: 214px;
        height: 50px;
        position: absolute;
        bottom: -30px;
        right: 115px;
        background: #fff;
        border: 1px solid #00b9fe;
        text-align: center;
        line-height: 25px;
    }

        .learnmorebtn:hover span {
            font-size: 16px;
            color: #00b9fe;
            line-height: 52px;
            margin-left: 5px;
        }

    .learnmorebtn span i {
        margin-left: 10px;
    }

.syaboutli {
    margin: 2% 0 6%;
    position: relative;
    height: 445px;
}

    .syaboutli .content {
        width: 85%;
        position: absolute;
        left: 50%;
        margin-left: -40%;
        display: none;
    }

        .syaboutli .content .tx {
            width: 45%;
            /* padding: 3% 5%; */
            box-sizing: border-box;
            padding-top: 80px;
        }

            .syaboutli .content .tx .txh {
                font-size: 72px;
                color: #213875;
                font-family: "Century Gothic","","黑体";
                font-weight: bolder;
                line-height: 1;
                transition: all 0.5s ease 0s;
            }

            .syaboutli .content .tx p {
                font-size: 16px;
                transition: all 0.5s ease 0s;
                text-transform: uppercase;
                letter-spacing: 1px;
                line-height: 25px;
            }


            .syaboutli .content .tx h2 {
                font-size: 36px;
                color: #333;
                line-height: 1.4;
                margin-bottom: 10px;
                letter-spacing: -0.02em;
                transition: all 0.5s ease 0s;
                margin-top: 0px !important;
            }

            .syaboutli .content .tx i {
                display: block;
                width: 60px;
                height: 2px;
                /*background-color: #00b9fe;*/
                margin-bottom: 40px;
            }

            .syaboutli .content .tx h3 {
                font-size: 24px;
                color: #333;
                margin-bottom: 20px;
                font-weight: bolder;
                letter-spacing: -0.02em;
                line-height: 1.4;
                transition: all 0.5s ease 0s;
            }

            .syaboutli .content .tx .txp {
                font-size: 16px;
                color: #555;
                height: 200px;
                overflow: hidden;
                transition: all 0.5s ease 0s;
                padding-top: 20px;
                line-height: 20px;
            }

                .syaboutli .content .tx .txp p span {
                    font-size: 16px;
                    line-height: 25px;
                }

        .syaboutli .content .pic {
            width: 53%;
            /* margin-top:3%; */
            /* margin-right:10%; */
            overflow: hidden;
            position: relative;
            transition: all 0.5s ease 0s;
            box-shadow: 12.728px 12.728px 16px 0px rgba(25, 27, 35, 0.12);
        }

            .syaboutli .content .pic img {
                width: 100%;
                transform: scale(1);
                transition: all 0.5s ease 0s;
                box-shadow: 12.728px 12.728px 16px 0px rgba(25, 27, 35, 0.12);
            }

            .syaboutli .content .pic:hover::after {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.25);
                position: absolute;
                top: 0;
                left: 0;
            }

            .syaboutli .content .pic:hover img {
                transform: scale(1.05);
                transition: all 0.5s ease 0s;
            }

        .syaboutli .content.active {
            display: block;
        }

            .syaboutli .content.active .tx .txh {
                animation: slideIn 0.5s forwards ease-out;
                -webkit-animation: slideIn 0.5s forwards ease-out;
            }

            .syaboutli .content.active .tx p {
                animation: slideIn 0.5s forwards ease-out;
                -webkit-animation: slideIn 0.5s forwards ease-out;
            }

            .syaboutli .content.active .tx h2 {
                animation: slideIn 0.5s forwards ease-out;
                -webkit-animation: slideIn 0.5s forwards ease-out;
            }

            .syaboutli .content.active .tx i {
                animation: slideIn 0.6s forwards ease-out;
                -webkit-animation: slideIn 0.6s forwards ease-out;
            }

            .syaboutli .content.active .tx h3 {
                animation: slideIn 0.7s forwards ease-out;
                -webkit-animation: slideIn 0.7s forwards ease-out;
            }

            .syaboutli .content.active .tx .txp {
                animation: slideIn 0.8s forwards ease-out;
                -webkit-animation: slideIn 0.8s forwards ease-out;
            }

            .syaboutli .content.active .pic {
                animation: slideIn 0.8s forwards ease;
                -webkit-animation: slideIn 0.8s forwards ease;
            }

            .syaboutli .content.active .learnmorebtn {
                animation: slideIn 0.8s forwards ease;
                -webkit-animation: slideIn 0.8s forwards ease;
            }

    .syaboutli .contctrl {
        position: absolute;
        bottom: 0;
        left: 14%;
        z-index: 6;
    }

        .syaboutli .contctrl .contbtn {
            float: left;
            display: block;
            width: 40px;
            height: 40px;
            font-size: 0;
        }

@keyframes slideIn {
    0% {
        transform: translateX(320px);
        opacity: 0;
        filter: alpha(opacity=0);
    }

    100% {
        transform: translateX(0);
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-webkit-keyframes slideIn {
    0% {
        transform: translateX(320px);
        opacity: 0;
        filter: alpha(opacity=0);
    }

    100% {
        transform: translateX(0);
        opacity: 1;
        filter: alpha(opacity=100);
    }
}



.index2 {
    background-image: url(../images/index2_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
}

.plastic {
    opacity: 0;
}

.index2 .plastic {
    width: 80%;
    height: 74%;
    position: relative;
    margin: 0 auto;
    margin-top: 70px;
}

    .index2 .plastic .hd {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 3;
    }

        .index2 .plastic .hd ul {
            height: 100%;
        }

            .index2 .plastic .hd ul li {
                box-sizing: border-box;
                float: left;
                position: relative;
                top: 0px;
                width: 25%;
                height: 100%;
                border-left: 1px solid rgba(255,255,255,0.5);
                background-size: cover;
                background-position: center center;
                background-repeat: no-repeat;
                text-transform: uppercase;
                transition: all 0.5s ease 0s;
            }

            .index2 .plastic .hd ul:hover li {
                width: 25%;
                background: rgba(0,0,0,0.1) !important;
            }

            .index2 .plastic .hd ul li .abox {
                display: block;
                width: 100%;
                height: 100%;
                z-index: 6
            }

            .index2 .plastic .hd ul li .pro_title {
                position: relative;
                top: 35%;
                margin-top: -100px;
                z-index: 5;
                padding: 0 60px;
                color: #fff !important;
                z-index: 1;
                -moz-transform: translate3d(0,0,0);
                -webkit-transform: translate3d(0,0,0);
                -o-transform: translate3d(0,0,0);
                -ms-transform: translateY(0);
                transform: translate3d(0,0,0);
                -webkit-backface-visibility: hidden;
                -webkit-perspective: 1000;
                transition: transform 0.8s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                -webkit-transition: all 0.5s ease-in-out;
            }

                .index2 .plastic .hd ul li .pro_title::before {
                    content: "";
                    display: block;
                    position: relative;
                    width: 50px;
                    height: 2px;
                    margin: 26px 0;
                    background: #fff;
                }

                .index2 .plastic .hd ul li .pro_title .nums {
                    font-size: 24px;
                    letter-spacing: 2px;
                    margin-top: 30px;
                }

                .index2 .plastic .hd ul li .pro_title .nwz {
                    margin-top: 60px;
                    font-size: 24px;
                    letter-spacing: 1px;
                    color: #fff !important;
                }

                .index2 .plastic .hd ul li .pro_title p {
                    font-size: 14px;
                    color: #fff;
                    margin-top: 20px;
                }

                .index2 .plastic .hd ul li .pro_title .pro_btn {
                    display: block;
                    width: 214px;
                    height: 50px;
                    border: 1px solid #fff;
                    text-align: center;
                    margin-top: 100px;
                }

                    .index2 .plastic .hd ul li .pro_title .pro_btn span {
                        font-size: 16px;
                        color: #fff;
                        line-height: 50px;
                        margin-left: 5px;
                    }

                        .index2 .plastic .hd ul li .pro_title .pro_btn span i {
                            margin-left: 10px;
                        }

    .index2 .plastic .bd {
        width: 100%;
        height: 100%;
    }

        .index2 .plastic .bd .img {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
        }

    .index2 .plastic .hd ul:hover li.on {
        width: 25%;
        position: relative;
        background: rgba(0,0,0,0.3) !important;
    }

        .index2 .plastic .hd ul:hover li.on .nums {
            color: #fff;
        }

        .index2 .plastic .hd ul:hover li.on .nwz {
            color: #fff;
        }

        .index2 .plastic .hd ul:hover li.on .pro_btn {
            display: block;
            width: 214px;
            height: 50px;
            background: linear-gradient(-45deg, #00b9fe 0, #166bcc 100%);
            text-align: center;
            line-height: 25px;
            color: #fff;
            border: none;
        }

            .index2 .plastic .hd ul:hover li.on .pro_btn span {
                font-size: 16px;
                color: #fff;
                line-height: 55px;
                margin-left: 5px;
            }

        .index2 .plastic .hd ul:hover li.on .pro_title::before {
            background-color: #fff;
        }


.index3 {
    background-image: url(../images/contact_bg2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 945px;
}

.btn {
    margin-top: 40px;
}

.btn {
    display: block;
    width: 214px;
    height: 50px;
    background: linear-gradient(-45deg, #00b9fe 0, #166bcc 100%);
    text-align: center;
    line-height: 25px;
    color: #fff;
}

    .btn span {
        font-size: 16px;
        color: #fff;
        line-height: 40px;
        margin-left: 5px;
    }

    .btn:hover {
        display: block;
        width: 214px;
        height: 50px;
        background: #fff;
        text-align: center;
        line-height: 25px;
        color: #00b9fe;
        border: 1px solid #00b9fe;
    }

        .btn:hover span {
            font-size: 16px;
            color: #00b9fe;
            line-height: 40px;
            margin-left: 5px;
        }


.index4_l {
    position: relative;
    top: 80px;
    opacity: 0;
}

.index4_r {
    position: relative;
    top: 80px;
    opacity: 0;
}

.index4_li {
    opacity: 0;
}

.index4 .index4_box {
    margin-top: 60px;
    padding: 0 150px;
}

    .index4 .index4_box .index4_l {
        width: 45%;
    }

        .index4 .index4_box .index4_l .index4_img img {
            width: 100%;
            box-shadow: 0px 0px 16px 0px rgba(25, 27, 35, 0.12);
        }

        .index4 .index4_box .index4_l .index4_img {
            margin-bottom: 20px;
        }

        .index4 .index4_box .index4_l .index4_wz span {
            font-size: 24px;
            color: #999;
        }

            .index4 .index4_box .index4_l .index4_wz span:nth-child(2) {
                margin-left: 10px;
            }

        .index4 .index4_box .index4_l .index4_wz p {
            font-size: 18px;
            margin-top: 10px;
            letter-spacing: 1px;
            line-height: 30px;
        }

    .index4 .index4_box .index4_r {
        width: 48%;
    }

        .index4 .index4_box .index4_r .index4_list ul li {
            margin-bottom: 40px;
        }

        .index4 .index4_box .index4_r .list_img img {
            width: 100%;
            box-shadow: 0px 0px 16px 0px rgba(25, 27, 35, 0.12);
        }

        .index4 .index4_box .index4_r .list_img {
            width: 30%
        }

        .index4 .index4_box .index4_r .list_txt {
            width: 65%;
            margin-top: 25px;
        }

            .index4 .index4_box .index4_r .list_txt span {
                font-size: 14px;
                color: #999;
            }

                .index4 .index4_box .index4_r .list_txt span:nth-child(2) {
                    margin-left: 10px;
                }

            .index4 .index4_box .index4_r .list_txt p {
                font-size: 18px;
                margin-top: 10px;
                letter-spacing: 1px;
                line-height: 30px;
            }

.index4 .index4_btn {
    text-align: center;
}

    .index4 .index4_btn .btn {
        display: inline-block;
        width: 214px;
        height: 50px;
        background: linear-gradient(-45deg, #00b9fe 0, #166bcc 100%);
        text-align: center;
        line-height: 25px;
        color: #fff;
    }

        .index4 .index4_btn .btn span {
            font-size: 16px;
            color: #fff;
            line-height: 40px;
            margin-left: 5px;
        }

        .index4 .index4_btn .btn:hover {
            display: inline-block;
            width: 214px;
            height: 50px;
            background: #fff;
            text-align: center;
            line-height: 25px;
            color: #00b9fe;
            border: 1px solid #00b9fe;
        }

            .index4 .index4_btn .btn:hover span {
                font-size: 16px;
                color: #00b9fe;
                line-height: 40px;
                margin-left: 5px;
            }

.index5 .index5_box {
    padding: 50px 150px;
    margin: 0 auto;
}

.index5 .picMarquee-container {
    margin-bottom: 50px !important;
}

.about_title01 {
    text-align: center;
    padding-top: 60px;
    opacity: 0;
}

    .about_title01 p {
        font-size: 14px;
        color: #00b9fe;
        text-transform: uppercase;
    }

    .about_title01 h4 {
        font-size: 40px;
        font-weight: 500;
    }

.bott_title01 {
    text-align: center;
    padding-top: 80px;
    opacity: 0;
}

    .bott_title01 p {
        font-size: 14px;
        color: #01b6fc;
    }

    .bott_title01 h3 {
        font-size: 40px;
    }

/* prolist_01.html */
.prodot .prodot_box1 h5 {
    margin-bottom: 0 !important;
}

.prodot_l {
    width: 40%;
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 40px;
}

    .prodot_l .swiper-container {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .prodot_l .gallery-top .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 300px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .prodot_l .gallery-top {
        height: 80%;
        width: 100%;
    }

    .prodot_l .gallery-thumbs .swiper-wrapper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
        margin-right: 20px !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
    }

    .prodot_l .gallery-thumbs .swiper-wrapper .swiper-slide-active {
        opacity: 1;
    }

    .prodot_l .gallery-thumbs {
        height: 80px;
        box-sizing: border-box;
        padding: 10px 0;
    }

    .prodot_l .prodot_bott {
        margin-top: 20px;
    }

.prodot_r {
    width: 59%;
    padding-right: 5%;
    padding-left: 10%;
}

    .prodot_r .prodot_title h3 {
        font-size: 26px;
        color: #000;
    }

    .prodot_r .prodot_title p {
        font-size: 18px;
    }

    .prodot_r .prodot_title {
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 10px;
    }

    .prodot_r .prodot_price p {
        font-size: 28px;
        color: #ff9600;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .prodot_r .prodot_wz {
        margin-bottom: 20px;
        margin-bottom: 20px;
    }

        .prodot_r .prodot_wz .wz_l {
            width: 20%;
        }

        .prodot_r .prodot_wz .wz_r {
            width: 78%;
        }

        .prodot_r .prodot_wz .wz_l span {
            font-size: 16px;
            color: #000;
        }

        .prodot_r .prodot_wz .wz_r p {
            font-size: 14px;
            color: #555;
        }

    .prodot_r .prodot_txt {
        margin-top: 20px;
    }

        .prodot_r .prodot_txt ul {
            margin-top: 30px;
        }

            .prodot_r .prodot_txt ul li {
                float: left;
                margin-right: 19px;
            }

                .prodot_r .prodot_txt ul li p {
                    font-size: 16px;
                    color: #000;
                }

                .prodot_r .prodot_txt ul li span {
                    font-size: 14px;
                    color: #555;
                }

    .prodot_r .prodot_btn {
        display: block;
        width: 214px;
        height: 50px;
        background: #00b9fe;
        text-align: center;
        margin-top: 80px;
    }

        .prodot_r .prodot_btn span {
            font-size: 16px;
            color: #fff;
            line-height: 52px;
            margin-left: 5px;
        }

            .prodot_r .prodot_btn span i {
                margin-right: 10px;
            }

.product1 .head .hd {
    width: 100%;
}

.product1 .head ul .head_li {
    float: left;
    margin-left: 60px;
}

.product1 .head_li h3 a {
    position: relative;
    font-size: 20px;
}

.product1 .head_li.on h3 a::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50px;
    left: -5px;
    width: 110%;
    height: 2px;
    background-color: #00b9fe;
}

.product1 .bd .pro_list img {
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 100%;
}

.product1 .bd .pro_list {
    padding: 20px 40px;
    margin: 50px 0;
}


/* 产品目录 */

.pn-title {
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 9;
    background: #00b9fe;
    color: #fff;
    font-size: 16px;
    text-align: center;
    box-shadow: inset 0 0 30px rgba(0, 0, 0, .2);
    line-height: 26px;
    width: 45px;
    padding: 10px 0;
    cursor: pointer;
    border-radius: 0 10px 10px 0;
    margin-top: -62px;
}

    .pn-title span {
        display: block
    }

.pn-list {
    position: fixed;
    top: 50%;
    left: -305px;
    z-index: 100;
    background: #fff;
    width: 305px;
    height: 600px;
    margin-top: -270px;
    overflow: auto;
    transition: left .5s;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    border-radius: 0 10px 10px 0;
}

    .pn-list.on {
        left: 0
    }

    .pn-list ul {
        width: 100%
    }

    .pn-list li {
        width: 100
    }

        .pn-list li .pn-tit-one {
            display: block;
            width: 100%;
            height: 50px;
            line-height: 50px;
            color: #010101;
            font-size: 16px;
            padding: 0 2% 0 15%;
            background: #fff url(../images/pro01.png) no-repeat 6% center;
            transition: background .3s
        }

        .pn-list li .pn-con-one {
            display: none
        }

        .pn-list li .pn-tit-one.cut {
            background: #00b9fe url(../images/pro01_h.png) no-repeat 6% center;
            color: #fff
        }

        .pn-list li .pn-tit-two.cur,
        .pn-list li .pn-tit-three.cut,
        .pn-list li .pn-tit-four.cur,
        .pn-list li .pn-tit-five.cur {
            color: #00b9fe
        }


        .pn-list li .pn-con-two {
            display: none;
            background: #fafafa;
        }

        .pn-list li .pn-tit-two {
            width: 100%;
            height: 50px;
            line-height: 50px;
            overflow: hidden;
            display: block;
            font-size: 14px;
            color: #666;
            padding: 0 2% 0 15%;
            border: 1px solid #e6e6e6;
            transition: color .3s
        }

        .pn-list li .pn-con-two {
            width: 100%;
            padding: 16px 2% 20px 15%;
            display: none
        }

        .pn-list li .pn-tit-three {
            display: block;
            width: 100%;
            font-size: 13px;
            color: #666;
            line-height: 30px;
            height: 30px;
            overflow: hidden
        }

    .pn-list::-webkit-scrollbar {
        width: 4px;
        background-color: #00b9fe;
        border-radius: 50px;
    }

    .pn-list::-webkit-scrollbar-track {
        border-radius: 50px;
        background-color: #00b9fe;
    }

    .pn-list::-webkit-scrollbar-thumb {
        border-radius: 50px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #fff
    }

    .pn-list li .font-blod {
        font-weight: bold;
    }

    .pn-list li .pn-con-three {
        width: 100%;
        padding: 8px 0;
        display: none;
    }

    .pn-list li .pn-tit-four {
        display: block;
        width: 100%;
        font-size: 12px;
        color: #666;
        background-size: 4px !important;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
    }

    .pn-list li .pn-con-four {
        width: 100%;
        display: none;
        padding: 0
    }

    .pn-list li .pn-tit-five {
        display: block;
        width: 100%;
        font-size: 11px;
        color: #666;
        background-size: 4px !important;
        line-height: 25px;
        height: 30px;
        overflow: hidden;
    }

.product-contrast .contrast-empty:hover {
    color: #00b9fe;
}



/* 手机版导航栏 */

/* .wrap_phone{display: none; width: 100%; height: 60px; position: fixed; left: 0; top: 0; z-index: 99; background-color: rgba(255, 255, 255, 0.7);}
.phone_box{height: 100%;}
.wrap_phone .logo{width: 180px; margin-top: 15px;}
.wrap_phone .logo img{display: block; width: 100%; height: auto;}
.wrap_phone.lateral-menu-is-open{transform: translateX(-66%); -webkit-transform: translateX(-66%); -moz-transform:translateX(-66%);-ms-transform:translateX(-66%); -o-transform:translateX(-66%); transition:all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}
#cd-menu-trigger{padding-top: 25px;}
#cd-lateral-nav .hotline1{box-sizing: border-box; padding: 20px; background-color: #075ea1; color: #fff;}
#cd-lateral-nav .hotline1 a{font-size: 14px;}
#cd-lateral-nav .hotline1 a:hover{color: #fff;} */
.menu_phone {
    display: none;
    width: 100%;
    height: 60px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.7);
}

    .menu_phone .logo {
        width: 180px;
        margin-top: 15px;
    }

        .menu_phone .logo img {
            display: block;
            width: 100%;
            height: auto;
        }

    .menu_phone.lateral-menu-is-open {
        transform: translateX(-66%);
        -webkit-transform: translateX(-66%);
        -moz-transform: translateX(-66%);
        -ms-transform: translateX(-66%);
        -o-transform: translateX(-66%);
        transition: all 0.4s ease 0s;
        -webkit-transition: all 0.4s ease 0s;
    }

#cd-menu-trigger {
    padding-right: 10px;
    padding-bottom: 25px;
}


.prolist2_L.edit {
    width: 100%;
    float: none;
    margin-top: 0px;
}

.con1_logo img {
    width: 100%;
}

/* 产品展示 */
.sidemenu {
    width: 23%;
    max-width: 245px;
    height: auto;
    box-sizing: border-box;
}

    .sidemenu .sidecon {
        max-width: 245px;
        background-color: #fff;
        background-color: #fff;
        overflow: hidden;
    }

        .sidemenu .sidecon ul li {
            max-width: 235px;
            height: auto;
            color: #6a6a6a;
            border-bottom: 1px solid #f1f1f1;
            margin: 0 auto;
        }

            .sidemenu .sidecon ul li:last-child {
                border-bottom: none;
            }

            .sidemenu .sidecon ul li .menu-title {
                display: block;
                width: 215px;
                height: 52px;
                line-height: 52px;
                color: #6a6a6a;
            }

                .sidemenu .sidecon ul li .menu-title:hover {
                    color: #00b9fe;
                }

            .sidemenu .sidecon ul li a.cur {
                color: #00b9fe;
                font-size: 16px;
                border-bottom: 1px solid #f5f5f5;
            }

            .sidemenu .sidecon ul li .menu-title i {
                font-size: 20px;
                margin: 0 25px 0 29px;
            }

            .sidemenu .sidecon ul li ul li {
                box-sizing: border-box;
                width: 100%;
                height: 40px;
                line-height: 40px;
                padding-left: 67px;
                border: none;
            }

                .sidemenu .sidecon ul li ul li a.on {
                    color: #00b9fe;
                }

                .sidemenu .sidecon ul li ul li a:hover {
                    color: #00b9fe;
                }

                .sidemenu .sidecon ul li ul li a {
                    font-size: 14px;
                }

.none {
    display: none;
}

.conbox {
    width: 75%;
    max-width: 886px;
    min-width: 320px;
}

.product {
    width: 100%;
    max-width: 886px;
    overflow: hidden;
    font-size: 14px;
    color: #6a6a6a;
}
    /* .product ul{width: 900px; } */
    .product ul li {
        float: left;
        width: 28%;
        height: auto;
        margin-right: 41px;
        margin-bottom: 45px;
    }
        /* .product ul li img{display: block; width: 255px; height: 175px;} */
        .product ul li .proimg {
            width: 100%;
            overflow: hidden;
        }

            .product ul li .proimg img {
                display: block;
                width: 100%;
                height: auto;
                transition: all 0.6s;
            }

        .product ul li p {
            margin-top: 10px;
            font-size: 16px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: center;
        }

        .product ul li a:hover {
            color: #00b9fe;
        }

        .product ul li:hover .proimg img {
            transform: scale(1.2, 1.2);
        }


/* 翻页 */
.sabrosus {
    color: #828182;
    font-size: 14px;
    padding: 5px;
    MARGIN: 32px 0px 0px 0;
    text-align: center;
    font-size: 14px;
}

    .sabrosus a {
        padding: 5px 15px;
        border: #ccc 1px solid;
        COLOR: #444;
        margin: 0px 3px;
        text-decoration: none;
        background: #fff;
    }

        .sabrosus a:hover {
            padding: 5px 15px;
            background: #00b9fe;
            color: #fff;
            border: #00b9fe 1px solid;
        }

.pagination a:active {
    padding: 5px 15px;
    background: #00b9fe;
    color: #fff;
    border: #00b9fe 1px solid;
}

.sabrosus span.current {
    padding: 5px 15px;
    background: #00b9fe;
    color: #fff;
    border: #00b9fe 1px solid;
    MARGIN-RIGHT: 5px;
}

.sabrosus span.disabled {
    padding: 5px 15px;
    border: #ccc 1px solid;
    COLOR: #444;
    MARGIN-RIGHT: 5px;
    text-decoration: none;
}

.newsxq {
    box-sizing: border-box;
    width: 847px;
    padding: 45px 50px;
    font-size: 14px;
    background-color: #fff;
    color: #332222;
}

    .newsxq h2 {
        font-size: 25px;
        color: #332222;
        text-align: center;
    }

    .newsxq span {
        display: block;
        font-size: 14px;
        color: #666;
        margin: 20px 0;
        text-align: center;
    }

    .newsxq p {
        line-height: 25px;
        margin-bottom: 20px;
    }

        .newsxq p:last-child {
            margin-bottom: 0;
        }

    .newsxq strong {
        display: block;
        margin-bottom: 15px;
    }

.content1 {
    width: 100%;
    min-width: 320px;
    height: auto;
    padding: 30px 0 66px 0;
    background-color: #f5f5f5;
}

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



.lxwm {
    color: #999999;
}

.lxem02 {
    float: left;
    display: block;
    width: 50%;
}

    .lxem02 h2 {
        float: left;
        display: block;
        font-size: 28px;
        color: #005ebe;
        width: 120px;
    }

    .lxem02 h3 {
        font-size: 18px;
        color: #999999;
        width: 120px;
        display: inline-block;
        padding-top: 10px;
    }

.line {
    width: 28px;
    height: 2px;
    background-color: #005ebe;
}

.lxwm03 {
    float: right;
    display: block;
    width: 27%;
    padding-top: 20px;
}

    .lxwm03 span {
        background: url(../images/icon-location.png) left center no-repeat;
        padding-left: 20px;
        font-size: 13px;
    }

    .lxwm03 a {
        color: #000;
        padding: 0px 5px;
    }


.bdtd01 {
    margin: 0 auto;
}

    .bdtd01 img {
        margin: 0 auto;
        width: 100%;
        margin-top: 40px;
    }

.about_titlez {
    display: none
}

.slideTxtBox_01 {
    margin-top: 30px;
}

    .slideTxtBox_01 .hd ul li.on {
        background: #005ebe;
        cursor: pointer;
    }

        .slideTxtBox_01 .hd ul li.on a {
            color: #fff;
        }

    .slideTxtBox_01 .hd ul li {
        float: left;
        display: block;
        width: 130px;
        margin-right: 10px;
        height: 40px;
        line-height: 40px;
        background: #eeeeee;
        text-align: center;
        font-size: 14px;
        font-weight: normal
    }

        .slideTxtBox_01 .hd ul li a {
            color: #666666;
        }

.clear {
    margin: 0;
    padding: 0;
    font-size: 0;
    clear: both;
}

.lxfs {
    margin-top: 40px;
}

    .lxfs img {
        float: left;
        display: block;
        width: 580px;
        height: auto;
    }

.jzyw {
    float: right;
    display: block;
    width: 27%;
}

    .jzyw h2 {
        font-size: 20px;
        color: #005ebe;
        font-weight: normal;
    }

    .jzyw ul {
        margin-top: 30px;
    }

        .jzyw ul li {
            line-height: 28px;
            font-size: 14px;
        }

            .jzyw ul li span {
                color: #005ebe;
            }

            .jzyw ul li strong {
                font-size: 18px;
                font-style: italic;
            }

.zxly {
    background: url(../images/contact-bg.png) 650px bottom/378px no-repeat;
    margin-top: 30px;
}

    .zxly ul {
        width: 670px;
    }

        .zxly ul li {
            margin-bottom: 10px;
        }

            .zxly ul li span {
                float: left;
                display: block;
                width: 13%;
                font-size: 14px;
                text-align: right;
            }

                .zxly ul li span em {
                    color: #F00;
                    margin-right: 10px
                }

.input_text01 {
    width: 340px;
    height: 40px;
    float: left;
    margin-left: 10px;
}

.input_button002 {
    width: 130px;
    height: 38px;
    background-color: #005ebe;
    color: #fff;
    border: none;
    margin-left: 120px;
    margin-top: 30px;
    font-size: 14px;
}

.zxly ul li img {
    width: 110px;
    height: 40px;
    float: left;
    display: block;
}


.slideTxtBox_02 .hd ul li.on {
    cursor: pointer;
}

.slideTxtBox_02 .hd { /*border-bottom:1px solid #ccc;*/
}

    .slideTxtBox_02 .hd ul li.on a {
        color: #005ebe
    }

    .slideTxtBox_02 .hd ul li {
        float: left;
        display: block;
        width: 50%;
        color: #000;
        height: 40px;
        line-height: 40px;
        font-size: 14;
        text-align: center;
    }

.map_img8 {
    position: absolute;
    top: 62%;
    right: 42%;
}

    .map_img8 .map_img08 {
        position: absolute;
        top: -39%;
        left: 52%;
    }

        .map_img8 .map_img08 h6 {
            font-size: 20px;
            position: absolute;
            top: -120%;
            left: 30%;
            color: #000;
        }


.map_img9 {
    position: absolute;
    top: 72%;
    right: 53%;
}

    .map_img9 .map_img09 {
        position: absolute;
        top: -39%;
        left: 52%;
    }

        .map_img9 .map_img09 h6 {
            font-size: 20px;
            position: absolute;
            top: -120%;
            left: 30%;
            color: #000;
        }

@media only screen and (max-width: 980px) {
    .about_titleh {
        display: none;
    }

    .about_titlez {
        display: block
    }

    .bdtd01 {
        margin: 0 auto;
    }

        .bdtd01 img {
            margin: 0 auto;
            width: 80%;
            margin-top: 10px;
            height: 160px
        }

    .lyr ul li {
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #DCDDE1;
    }

        .lyr ul li span {
            float: left;
            display: block;
            width: 20%;
        }

    .input_text02 {
        float: right;
        height: 40px;
        line-height: 40px;
        border: none;
        display: block;
        background: no-repeat;
        width: 80%;
    }

    .input_button003 {
        background-image: linear-gradient(90deg, #59ABFF 0%, #2892FF 100%);
        border-radius: 2px;
        font-size: 0.14rem;
        color: #fff;
        border: none;
        width: 36%;
        height: 40px;
        margin: 14% auto auto;
        display: block
    }
}

.banner {
    display: block;
    
}

.banner02 {
    display: none;
}

@media only screen and (max-width: 980px) {
    .banner {
        display: none;
    }

    .banner {
        height: auto !important;
    }

    .banner02 {
        display: block;
        height: 232px;
        position: relative;
    }

        .banner02 img {
            width: 100%;
            height: 100%;
        }

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

    .gywmwz {
        position: absolute;
        top: 20%;
        left: 25%;
    }

        .gywmwz h2 {
            font-size: 40px;
            line-height: 80px;
            color: #fff;
            letter-spacing: 10px;
            text-transform: capitalize;
        }

        .gywmwz p {
            font-size: 20px;
            line-height: 80px;
            color: #fff;
        }

    .diazhi001 h2 {
        font-size: 0.16rem;
        margin-top: 0.12rem;
        color: #000;
    }

    .diazhi001 strong {
        color: #005EBE;
        font-size: 0.13rem;
        padding: 0.06rem 0;
        display: inline-block;
    }

    .diazhi001 ul li {
        height: 26px;
        line-height: 26px;
        font-size: 12px;
    }
}