* {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
    outline: none;
    text-decoration: none;
    border: none;
    list-style-type: none;
}

.parent {
    width: 100%;
    height: 535px;
    top: 129px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    box-sizing: border-box;
}

svg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 535px;
}

button:focus {
    outline-width: 0;
}

circle {
    fill: none;
    transition: 1.5s;
}

.circle1 {
    transition-delay: 0.05s;
}

.circle2 {
    transition-delay: 0.1s;
}

.circle3 {
    transition-delay: 0.15s;
}

.circle4 {
    transition-delay: 0.2s;
}

.circle5 {
    transition-delay: 0.25s;
}

.circle6 {
    transition-delay: 0.3s;
}

.circle7 {
    transition-delay: 0.35s;
}

.circle8 {
    transition-delay: 0.4s;
}

.circle9 {
    transition-delay: 0.45s;
}

.circle10 {
    transition-delay: 0.05s;
}

.circle11 {
    transition-delay: 0.1s;
}

.circle12 {
    transition-delay: 0.15s;
}

.circle13 {
    transition-delay: 0.2s;
}

.circle14 {
    transition-delay: 0.25s;
}

.circle15 {
    transition-delay: 0.3s;
}

.circle16 {
    transition-delay: 0.35s;
}

.circle17 {
    transition-delay: 0.4s;
}

.circle18 {
    transition-delay: 0.45s;
}

.slide1 {
    width: 100%;
    background: url(../images/banner_1.jpg) no-repeat center 0;
}

.slide2 {
    width: 100%;
    background: url(../images/banner_2.jpg) no-repeat center 0;
}

.slide3 {
    width: 100%;
    background: url(../images/banner_3.jpg) no-repeat center 0;
}

.slider {
    position: absolute;
    width: 100%;
    height: 535px;
    display: inline-flex;
    overflow: hidden;
}

.slide1, .slide2, .slide3 {
    position: absolute;
    width: 100%;
    height: 535px;
    z-index: 10;
    transition: 20s;
}

.tran {
    transform: scale(4);
}

.up1 {
    z-index: 20;
}

.up2 {
    z-index: 40;
}

.steap {
    stroke-width: 0;
}

.streak {
    stroke-width: 82px;
}

.header {
    width: 100%;
    height: 664px;
}

.top {
    width: 100%;
    height: 59px;
    padding-top: 20px;
    background: #fff;
}

.top_1 {
    width: 1200px;
    height: 59px;
    margin: 0 auto;
}

.logo {
    /*width: 200px;*/
    /*height: 59px;*/
    float: left;
}

    .logo img {
        width: 200px;
        height: auto;
    }

.search {
    width: 350px;
    height: 50px;
    float: right;
    padding-top: 9px;
}

.btn_1 {
    width: 195px;
    height: 30px;
    border: 1px solid #dbdbdb;
    padding-left: 5px;
    font-size: 14px;
    color: #999;
    line-height: 30px;
    float: left;
}

.search_button {
    width: 22px;
    height: 22px;
    float: left;
    margin: 6px 10px 0 10px;
    background: url(../images/search.jpg) no-repeat 0 0;
}

.change {
    width: 100px;
    height: 30px;
    float: left;
    padding-top: 6px;
    font-weight: bold;
}

.change_cn {
    font-size: 16px;
    color: #676767;
    padding: 0 5px;
}

.change_en {
    font-size: 16px;
    color: #a0141d;
    padding: 0 5px;
}

.banner {
    width: 100%;
    height: 535px;
}

.nav_box {
    width: 100%;
    position: relative;
    background: #0075a2;
    z-index: 10000;
}

#nav {
    width: 1200px;
    margin: 0 auto;
    height: 50px;
}

#header .disclaimer {
    color: #999;
    padding: 100px 0 7px 0;
    text-align: right;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

    #header .disclaimer a {
        color: #ccc;
    }

ul.topnav {
    margin: 0;
    float: left;
    width: 1200px;
}

    ul.topnav li {
        float: left;
        margin: 0;
        width: 133px;
        position: relative; /*--Declare X and Y axis base--*/
    }

        ul.topnav li a {
            width: 133px;
            font-size: 16px;
            line-height: 50px;
            text-align: center;
            color: #fff;
            display: block;
            text-decoration: none;
            float: left;
        }

        ul.topnav li span.subhover {
            background-position: center bottom;
            cursor: pointer;
        }
        /*--Hover effect for trigger--*/
        ul.topnav li ul.subnav {
            list-style: none;
            position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
            left: 0;
            top: 50px;
            background: #0075a2;
            display: none;
            float: left;
            width: 133px;
            filter: alpha(Opacity=80);
            -moz-opacity: 0.8;
            opacity: 0.8;
        }

            ul.topnav li ul.subnav li {
                border-bottom: 1px solid #02668d;
                line-height: 40px;
                height: 40px;
                clear: both;
                width: 133px;
            }

html ul.topnav li ul.subnav li a {
    display: block;
    width: 133px;
    text-align: center;
    background: #0075a2;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
}

#nav ul.topnav li ul.subnav li a:hover {
    background: #02668d;
}
/*涓讳綋閮ㄥ垎*/
.main {
    width: 100%;
    height: 1500px;
    margin: 0 auto;
}

.about {
    width: 1100px;
    height: 550px;
    margin: 0 auto;
}

.title {
    width: 100%;
    height: 110px;
    padding-top: 40px;
}

    .title h2 {
        width: 150px;
        height: 55px;
        display: block;
        margin: 0 auto;
        text-align: center;
        font-size: 30px;
        color: #333;
        background: url(../images/title_bar.jpg) no-repeat 45px 52px;
    }

        .title h2 a {
            color: #333;
        }

            .title h2 a:hover {
                text-decoration: none;
                color: #333;
            }

.about_1 {
    width: 520px;
    height: 350px;
    float: left;
}

.about_2 {
    width: 550px;
    height: 350px;
    float: right;
}

    .about_2 p {
        line-height: 32px;
        font-size: 17px;
        color: #333;
        text-indent: 2em;
    }

        .about_2 p span, .about_2 p a {
            color: #0075a2;
            font-size: 14px;
            padding: 4px 10px;
            border: 1px solid #0075a2;
            margin-left: 10px;
        }

.news {
    width: 100%;
    height: 500px;
    background: url(../images/news_bg.jpg) center 0;
    clear: both;
}

.news_1 {
    width: 1100px;
    height: 500px;
    margin: 0 auto;
}
/*鏂伴椈婊氬姩*/
.indexmaindiv {
    height: 320px;
    margin: 0px auto;
    width: 1100px;
}

.indexmaindiv1 {
    width: 1100px;
    padding-left: 20px;
    background: yellow;
}

.stylesgoleft {
    float: left;
    width: 21px;
    height: 28px;
    background: url(../images/arrowhead.png) no-repeat left top;
    margin-top: 136px;
    cursor: pointer;
}

    .stylesgoleft:hover {
        float: left;
        width: 21px;
        height: 28px;
        background: url('../images/arrowhead.png') no-repeat left -28px;
        cursor: pointer;
    }

.stylesgoright {
    float: right;
    width: 21px;
    height: 28px;
    background: url(../images/arrowhead.png) no-repeat left -56px;
    margin-top: 136px;
    cursor: pointer;
}

    .stylesgoright:hover {
        float: left;
        width: 21px;
        height: 28px;
        background: url('../images/arrowhead.png') no-repeat left -84px;
        cursor: pointer;
    }

.maindiv1 {
    float: left;
    width: 1058px;
    height: 320px;
    overflow: hidden;
    position: relative;
}

    .maindiv1 ul {
        position: absolute;
        left: 0;
        top: 0;
        height: 340px;
    }

        .maindiv1 ul li {
            float: left;
            width: 250px;
            height: 320px;
            margin: 0 50px;
            position: relative;
        }

.detailimg {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 10px;
    background: #0075a2;
    color: #fff;
    text-align: center;
    z-index: 1000;
}

    .detailimg span {
        width: 60px;
        height: 19px;
        font-size: 12px;
        line-height: 19px;
        border-bottom: 1px solid #fff;
        display: block;
    }

    .detailimg b {
        width: 60px;
        height: 40px;
        line-height: 40px;
        font-size: 34px;
        display: block;
    }

.news_box {
    width: 250px;
    height: 245px;
    background: #fff;
    position: absolute;
    top: 20px;
    left: 0;
    padding-top: 55px;
}

.teanames {
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 0 20px;
    font-family: "Microsoft YaHei";
    overflow: hidden;
}

.teadetail {
    width: 210px;
    line-height: 22px;
    padding: 5px 20px;
    font-size: 12px;
    font-family: 'SimSun';
    color: #666;
    height: 125px;
    overflow: hidden;
    margin-bottom: 20px;
}

.checkdetail {
    width: 250px;
    height: 49px;
    border-top: 1px solid #ccc;
}

    .checkdetail a {
        width: 134px;
        height: 34px;
        display: block;
        background: url('../images/checkdetail.png') no-repeat;
        margin: 18px auto 0 auto;
    }
/*鏍稿績浜у搧*/
.rproduct {
    width: 1100px;
    margin: 0 auto;
}

.product_1 {
    width: 1097px;
    height: 250px;
    padding-left: 3px;
}

    .product_1 a {
        width: 340px;
        height: 220px;
        float: left;
        margin: 0 12px;
    }
/*璧拌繘涓柊*/
.main_show {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.a_menu {
    width: 100%;
    height: 120px;
    text-align: center;
}

    .a_menu a {
        width: 160px;
        height: 63px;
        display: inline-block;
        background: url(../images/anav_1.png) no-repeat 0 0;
        color: #333;
        font-size: 16px;
        text-align: center;
        line-height: 50px;
        margin: 0 20px;
    }

        #a_menu .red_bg, .a_menu a:hover {
            color: #fff;
            background: url(../images/anav_2.png) no-repeat 0 0;
        }

.about_show {
    padding: 0 20px;
}

    .about_show img {
        display: block;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .about_show p {
        font-size: 16px;
        line-height: 30px;
        text-indent: 2em;
        color: #333;
    }

.news_list {
    width: 100%;
    height: 315px;
    padding-bottom: 50px;
}

.news_photo {
    width: 470px;
    height: 315px;
    float: left;
}

    .news_photo img {
        width: 470px;
        height: 315px;
    }

.news_text {
    width: 700px;
    height: 315px;
    float: right;
}

    .news_text h3 {
        width: 100%;
        font-size: 24px;
        color: #333;
    }

    .news_text span {
        width: 100%;
        display: block;
        font-size: 14px;
        color: #999;
        line-height: 30px;
        padding-top: 5px;
    }

    .news_text p {
        width: 100%;
        height: 185px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        font-size: 18px;
        color: #666;
        line-height: 30px;
    }

    .news_text a {
        display: block;
        margin-top: 22px;
    }
/*page*/
.rpage {
    width: 100%;
    text-align: center;
}

.tcdPageCode {
    display: inline-block;
    padding: 15px 5px;
    text-align: left;
    color: #666;
    text-align: center;
}

    .tcdPageCode a {
        display: inline-block;
        color: #666;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        padding: 4px 20px;
        border: 1px solid #525252;
        margin: 0 5px;
        border-radius: 4px;
        vertical-align: middle;
    }

        .tcdPageCode a:hover {
            text-decoration: none;
            border: 1px solid #000;
        }

    .tcdPageCode span.current {
        font-size: 12px;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        padding: 4px 20px;
        margin: 0 5px;
        color: #fff;
        background-color: #525252;
        border: 1px solid #525252;
        border-radius: 4px;
        vertical-align: middle;
    }

    .tcdPageCode span.disabled {
        font-size: 12px;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        padding: 4px 20px;
        margin: 0 5px;
        color: #bfbfbf;
        background: #f6f6f6;
        border: 1px solid #525252;
        border-radius: 4px;
        vertical-align: middle;
    }

.main_show2 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
    background: url(../images/kj_bg.png) repeat 0 0;
}

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

    .news_show h4 {
        color: #333;
        font-size: 26px;
        text-align: center;
    }

    .news_show span {
        color: #999;
        font-size: 16px;
        text-align: center;
        display: block;
        padding: 10px 0 20px 0;
    }

    .news_show img {
        display: block;
        margin: 0 auto;
    }

    .news_show p {
        color: #666;
        font-size: 18px;
        text-indent: 2em;
        line-height: 34px;
        padding-top: 10px;
    }

.product_all {
    width: 1200px;
    overflow: hidden;
    padding: 10px 0 30px 0;
}

.product_left {
    width: 230px;
    height: 528px;
    float: left;
    background: url(../images/product_title.jpg) no-repeat 0 0;
    border: 1px solid #ccc;
    padding: 100px 15px 15px 15px;
    margin-top: 10px;
}

    .product_left a {
        width: 100%;
        height: 50px;
        display: block;
        border-bottom: 1px dashed #ccc;
        color: #333;
        text-align: center;
        font-size: 16px;
        line-height: 50px;
    }

        .product_left a:hover {
            color: #0075a2;
        }

.product_box {
    width: 910px;
    height: 700px;
    float: right;
}

.product_b1 {
    width: 280px;
    height: 310px;
    border: 1px solid #ccc;
    float: left;
    margin: 10px;
    cursor: pointer;
    overflow: hidden;
}

    .product_b1:hover {
        border: 1px solid #000;
    }

    .product_b1 img {
        width: 280px;
        height: 190px;
    }

    .product_b1 h5 {
        padding: 5px 10px 0 10px;
        font-size: 16px;
        color: #333;
        text-align: center;
        line-height: 40px;
    }

    .product_b1 p {
        height: 60px;
        font-size: 14px;
        color: #666;
        line-height: 20px;
        padding: 0 15px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        margin-bottom: 20px;
    }

.product_text {
    width: 870px;
    float: right;
    border: 1px solid #ccc;
    margin-top: 10px;
    padding: 20px;
}

    .product_text h2 {
        width: 100%;
        font-size: 24px;
        color: #333;
        text-align: center;
        padding: 10px 0;
    }

    .product_text img {
        display: block;
        margin: 0 auto;
        padding: 20px 0;
    }

    .product_text p {
        font-size: 16px;
        color: #666;
        line-height: 30px;
        text-indent: 2em;
    }

.project_box {
    width: 1200px;
    overflow: hidden;
    padding-bottom: 20px;
}

.project_b1 {
    width: 280px;
    height: 190px;
    float: left;
    margin: 10px;
    cursor: pointer;
    position: relative;
}

    .project_b1 img {
        width: 280px;
        height: 190px;
    }

    .project_b1 h5 {
        width: 100%;
        display: block;
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 40px;
        position: absolute;
        top: 150px;
        left: 0;
        background: url(../images/alphy_bg.png) repeat 0 0;
    }

    .project_b1:hover h5 {
        color: #ae0202;
    }

    .project_b1 p {
        height: 40px;
        font-size: 14px;
        color: #666;
        line-height: 20px;
        padding: 20px 15px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

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

    .project_show h4 {
        font-size: 24px;
        color: #333;
        padding-bottom: 30px;
        text-align: center;
        width: 100%;
    }

.tab_1 {
    width: 1000px;
    margin: 0 auto;
    border-collapse: collapse;
    background: #fff;
}

    .tab_1 td, .tab_1 th {
        border: 1px solid #ccc;
        padding: 10px;
        color: #333;
        font-size: 14px;
        text-align: center;
    }

    .tab_1 th {
        color: #000;
        font-weight: bold;
        font-size: 16px;
    }

    .tab_1 tr:nth-child(odd) {
        background: #f1f1f1;
    }




.business_box {
    width: 1200px;
    overflow: hidden;
    padding-bottom: 20px;
}

.business_b1 {
    width: 280px;
    height: 310px;
    background: #f2f2f2;
    float: left;
    margin: 10px;
    cursor: pointer;
    overflow: hidden;
}

    .business_b1:hover p, .business_b1:hover h5 {
        background: #333;
        color: #fff;
    }

    .business_b1:hover {
        background: #333;
    }

    .business_b1 img {
        width: 280px;
        height: 190px;
    }

    .business_b1 h5 {
        padding: 5px 10px 0 10px;
        font-size: 16px;
        color: #333;
        text-align: center;
        line-height: 40px;
    }

    .business_b1 p {
        height: 60px;
        font-size: 14px;
        color: #666;
        line-height: 20px;
        padding: 0 15px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        margin-bottom: 20px;
    }

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

    .business_show h4 {
        font-size: 24px;
        color: #333;
        padding-bottom: 30px;
        text-align: center;
        width: 100%;
    }

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

    .business_show h4 {
        color: #333;
        font-size: 26px;
        text-align: center;
        padding-bottom: 50px;
    }

    .business_show img {
        display: block;
        margin: 0 auto;
    }

    .business_show p {
        color: #666;
        font-size: 18px;
        text-indent: 2em;
        line-height: 34px;
        padding-top: 10px;
    }


.title_1 {
    height: 55px;
}

    .title_1 h2 {
        width: 220px;
        background: url(../images/title_bar.jpg) no-repeat 82px 52px;
    }

.title_2 {
    height: 55px;
}

    .title_2 h2 {
        width: 335px;
        background: url(../images/title_bar.jpg) no-repeat 140px 52px;
    }

.title_3 {
    height: 55px;
}

    .title_3 h2 {
        width: 185px;
        background: url(../images/title_bar.jpg) no-repeat 65px 52px;
    }

.title_4 {
    height: 55px;
}

    .title_4 h2 {
        width: 240px;
        background: url(../images/title_bar.jpg) no-repeat 90px 52px;
    }

.recruitment {
    width: 100%;
    background: url(../images/r_bg.jpg) no-repeat center 0;
    padding-bottom: 60px;
}

.tab_2 {
    width: 1000px;
    margin: 0 auto;
    border-collapse: collapse;
}

    .tab_2 td, .tab_2 th {
        border: 1px solid #000;
        padding: 10px;
        color: #000;
        font-size: 14px;
        text-align: center;
    }

    .tab_2 th {
        font-size: 18px;
        font-weight: bold;
    }

#tab_2 .rleft {
    text-align: left;
}



/*搴曢儴*/
.footer {
    width: 100%;
    height: 122px;
    clear: both;
    overflow: hidden;
}

.foot {
    width: 100%;
    height: 122px;
    background: #333;
}

.foot_1 {
    width: 1200px;
    height: 87px;
    margin: 0 auto;
    padding-top: 30px;
}

    .foot_1 p {
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 30px;
    }

        .foot_1 p a {
            color: #0075a2;
            cursor: pointer;
        }

.overseas {
    color: #0075a2;
}

    .overseas:hover {
        color: #a30101;
        text-decoration: underline;
    }

#page_select {
    background: #ddd;
}
/*璇佷功鍒嗙粍*/

.case {
    width: 1200px;
    box-shadow: 0 0 10px #ccc;
    padding: 0 15px;
}

    .case .title {
        width: 1200px;
        height: 30px;
        border-bottom: 3px solid #e7e7e7;
        padding-bottom: 10px;
    }

    .case .title-list {
        position: relative;
        top: 6px;
    }

        .case .title-list li {
            width: 170px;
            line-height: 30px;
            float: left;
            text-align: center;
            color: #333;
            font-weight: bold;
            font-size: 16px;
            cursor: pointer;
        }

            .case .title-list li.on {
                color: #0075a2;
            }

        .case .title-list p {
            position: absolute;
            top: 34px;
            left: 510px;
            width: 170px;
            height: 3px;
            border-top: 3px solid #0075a2;
            overflow: hidden;
            text-align: center;
        }

        .case .title-list b {
            display: inline-block;
            width: 0;
            height: 0;
            margin-top: -15px;
            border-style: solid dashed dashed dashed;
            border-width: 9px;
            border-color: #ff6600 #fff #fff #fff;
            overflow: hidden;
            zoom: 1;
            font-size: 0;
        }

.product {
    width: 1200px;
    position: relative;
    overflow: hidden;
    display: none;
}

    .product ul {
        position: absolute;
        left: 0px;
    }

.product-wrap .show {
    width: 1200px;
    display: block;
}

.product-wrap .product li {
    float: left;
    display: inline;
    border: 2px solid #fafafa;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}

.pop {
    display: none;
    width: 350px;
    height: 180px;
    position: fixed;
    bottom: 200px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 25px;
    z-index: 130;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 3px 18px rgba(100, 0, 0, .5);
}

.pop-top {
    height: 30px;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    border-bottom: 1px #ccc solid;
}

    .pop-top h2 {
        font-size: 16px;
        font-weight: normal;
        float: left;
        display: black
    }

    .pop-top span {
        float: right;
        cursor: pointer;
        font-weight: bold;
        display: black
    }

.pop-foot {
    height: 50px;
    line-height: 50px;
    width: 100%;
    border-top: 1px #E5E5E5 solid;
    text-align: right;
}

.pop-cancel, .pop-ok {
    padding: 8px 15px;
    margin: 15px 5px;
    border: none;
    border-radius: 5px;
    background-color: #337AB7;
    color: #fff;
    cursor: pointer;
}

.pop-cancel {
    background-color: #FFF;
    border: 1px #CECECE solid;
    color: #000;
}

.pop-content {
    height: 100px;
}

.pop-content-right {
    padding: 30px 50px;
}

    .pop-content-right input {
        width: 230px;
        height: 30px;
        border: 1px solid #ccc;
        padding: 5px 10px;
        color: #333;
        outline: none;
    }

.bgPop {
    display: none;
    position: absolute;
    z-index: 129;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
}