@charset "utf-8";
/* CSS Document */

/*css重置*/
* {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
}

a {
    text-decoration: none;
    font-family: "Microsoft YaHei";
}

li {
    list-style: none;
}

.clearfix {
    clear: both;
}

img {
    border: 0;
    display: block;
}

p {
    font-family: "Microsoft YaHei";
}




/*top*/
.head_bg {
    width: 100%;
    background-color: rgba(255,255,255,0.9);
    border-bottom: 1px solid rgba(255,255,255,0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}

.top_box {
    width: 1322px;
    height: 130px;
    margin: 0 auto;
}

.logoo {
    background-image: url(/Content/Images/logo.png);
    width: 417px;
    height: 76px;
    float: left;
    margin-top: 32px;
    background-size:contain;
}

.top_right {
    float: right;
}


.top_p3 {
    float: right;
    margin-left: 10px;
    margin-top: 37px;
}

    .top_p3 a {
        display: block;
        font-size: 14px;
        width: 28px;
        height: 28px;
        color: #2658a8;
        text-align: center;
        line-height: 28px;
        background-color: #d5e8f1;
        border: 1px solid #d5e8f1;
        border-radius: 30px;
    }

.top_p4 {
    float: right;
    margin-left: 10px;
    margin-top: 37px;
}

    .top_p4 a {
        display: block;
        font-size: 14px;
        width: 28px;
        height: 28px;
        color: #fff;
        text-align: center;
        line-height: 28px;
        border: 1px solid #fff;
        border-radius: 30px;
    }

.ss1 {
    float: right;
    margin-right: 16px;
    margin-top: 37px;
}

    .ss1 .ss_title1 {
        width: 210px;
        height: 26px;
        border-radius: 20px;
        float: left;
        border: 1px solid #d5e8f1;
        background-color: #d5e8f1;
        font-size: 14px;
        color: #5a5a5a;
        line-height: 26px;
        padding-left: 18px;
        position: relative;
        z-index: 77;
    }

    .ss1 .ss_pic2 {
        float: left;
        border: 0;
        margin-left: -47px;
        margin-top: 1px;
        position: relative;
        z-index: 88;
    }


.top_nav {
    margin-top: 10px;
}

    .top_nav ul li {
        float: left;
        font-size: 18px;
        color: #fff;
        margin-left: 44px;
        padding-bottom: 29px;
    }

        .top_nav ul li a {
            color: #000;
        }


#wrap > ul {
    position: relative;
}


#wrap #nav_xiala {
    width: 10000px;
    height: 370px;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
    position: absolute;
    display: none;
    top: 52px;
    left: 0;
    margin-left: -4840px;
}

.nav_hezi {
    width: 1322px;
    margin: 0 auto;
    padding-top: 38px;
}

    .nav_hezi .nav_nr {
        width: 800px;
        float: left;
    }

        .nav_hezi .nav_nr h1 {
            font-size: 28px;
            color: #000;
            margin-bottom: 30px;
        }

.nav_tip1 {
    width: 242px;
    float: left;
    border-bottom: 1px solid #b3b3b3;
    transition: all 0.4s linear;
    margin-bottom: 24px;
    margin-right: 24px;
}

    .nav_tip1 .nav_pp1 {
        font-size: 16px;
        color: #000;
        float: left;
        line-height: 46px;
        transition: all 0.4s linear;
    }

    .nav_tip1 .nav_pp2 {
        font-size: 17px;
        color: #000;
        float: right;
        line-height: 46px;
        transition: all 0.4s linear;
    }

    .nav_tip1:hover {
        border-bottom: 1px solid #2658a8;
    }

        .nav_tip1:hover .nav_pp1 {
            color: #2658a8;
        }

        .nav_tip1:hover .nav_pp2 {
            color: #2658a8;
        }



.nav_pic {
    width: 480px;
    height: 290px;
    float: right;
}


.head_bg.shrink {
    background-color: rgba(255,255,255,0.9);
    border-bottom: 1px solid rgba(221,221,221,1);
}

    .head_bg.shrink .top_nav ul li a {
        color: #000;
    }

    .head_bg.shrink .top_p3 a {
        background-color: #2658a8;
        color: #fff;
        border: 1px solid #2658a8;
    }

    .head_bg.shrink .top_p4 a {
        background-color: #fff;
        color: #2658a8;
        border: 1px solid #2658a8;
    }

    .head_bg.shrink .logoo {
        background-image: url(/Content/Images/logo.png);
    }


.head_bg:hover {
    background-color: rgba(255,255,255,0.9);
}

    .head_bg:hover .top_nav ul li a {
        color: #000;
    }

    .head_bg:hover .logoo {
        background-image: url(/Content/Images/logo.png);
    }

    .head_bg:hover .top_p3 a {
        background-color: #2658a8;
        color: #fff;
        border: 1px solid #2658a8;
    }

    .head_bg:hover .top_p4 a {
        background-color: #fff;
        color: #2658a8;
        border: 1px solid #2658a8;
    }




/*首页产品*/
.s_pro_box {
    width: 1233px;
    margin: 0 auto;
    margin-top: 129px;
}

    .s_pro_box .s_pro_pic {
        width: 104px;
        float: left;
    }

.s_pro_kuang {
    width: 1101px;
    float: right;
}

    .s_pro_kuang .s_pro_p1 {
        font-size: 30px;
        color: #000;
    }

        .s_pro_kuang .s_pro_p1 span {
            font-weight: bold;
            color: #2658a8;
        }

    .s_pro_kuang .s_pro_p2 {
        font-size: 17px;
        color: #555555;
        line-height: 28px;
        margin-top: 8px;
    }


.slideTxtBox {
    margin-top: 45px;
}

    .slideTxtBox .hd {
        float: left;
    }

        .slideTxtBox .hd ul li {
            width: 277px;
            height: 43px;
            border: 3px solid #2658a8;
            margin-bottom: 17px;
            font-size: 17px;
            line-height: 43px;
            padding-left: 22px;
            cursor: pointer;
        }

            .slideTxtBox .hd ul li.on {
                background-color: #2658a8;
                color: #fff;
            }




    .slideTxtBox .bd {
        background-image: url(/Content/Images/img8.jpg);
        width: 886px;
        height: 645px;
        float: right;
    }

        .slideTxtBox .bd li {
        }

.s_pro_hezi {
    width: 700px;
    margin-left: 122px;
    padding-top: 68px;
}

    .s_pro_hezi .s_pro_p3 {
        font-size: 72px;
        color: #fff;
        font-family: Impact;
        text-transform: uppercase;
    }

    .s_pro_hezi .s_pro_p4 {
        font-size: 18px;
        color: #fff;
        margin-top: 2px;
    }

    .s_pro_hezi .s_pro_p5 {
        font-size: 31px;
        color: #fff;
        margin-top: 2px;
    }

    .s_pro_hezi .s_pro_line {
        width: 72px;
        height: 2px;
        background-color: #fff;
        margin-top: 22px;
        margin-bottom: 18px;
    }

.s_pro_nr p {
    font-size: 18px;
    color: #fff;
    line-height: 36px;
}

    .s_pro_nr p a {
        color: #fff;
    }

.s_pro_nr {
    height: 216px;
}
/*.s_pro_p6{ font-size:24px; color:#fff; margin-top:16px;}
.s_pro_p6 a{ color:#fff;}*/

.s_pro_p6 {
    margin-top: 28px;
    width: 198px;
}

    .s_pro_p6 a {
        display: block;
        font-size: 19px;
        color: #fff;
        text-align: center;
        line-height: 40px;
        border: 2px solid #fff;
    }


.s_ss_box {
    width: 1233px;
    margin: 0 auto;
    margin-top: 54px;
}

.s_ss_hezi {
    float: left;
}

    .s_ss_hezi .s_ss_kuang1 {
        width: 811px;
        height: 52px;
        background-color: #efefef;
        float: left;
        border: 0;
        font-size: 16px;
        color: #626262;
        line-height: 52px;
        padding-left: 30px;
    }

    .s_ss_hezi .s_ss_kuang2 {
        float: left;
        border: 0;
    }

.s_pro_more1 {
    width: 222px;
    float: right;
}

    .s_pro_more1 p a {
        display: block;
        font-size: 18px;
        color: #fff;
        line-height: 52px;
        text-align: center;
        background-color: #6f6f6f;
        transition: all 0.3s linear;
    }

        .s_pro_more1 p a:hover {
            background-color: #2658a8;
        }



.s_pro_p7 {
    font-size: 34px;
    color: #555555;
    text-align: center;
    margin-top: 110px;
}

    .s_pro_p7 span {
        color: #2658a8;
        font-weight: bold;
    }

.s_pro_p8 {
    font-size: 30px;
    color: #555555;
    text-align: center;
    margin-top: 30px;
}



/*首页简介*/
.s_jj_bg {
    background: url(/Content/Images/img10.jpg) center no-repeat;
    width: 100%;
    height: 644px;
    margin-top: 70px;
    padding-top: 170px;
    background-attachment: fixed;
    background-size: cover;
}

.s_jj_box {
    width: 1233px;
    height: 483px;
    margin: 0 auto;
    background-color: rgba(38,88,168,0.9);
}

    .s_jj_box .s_jj_p1 {
        font-family: Impact;
        font-size: 55px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        padding-top: 68px;
    }

    .s_jj_box .s_jj_p2 {
        font-size: 28px;
        color: #bfd7ff;
        text-align: center;
        margin-top: 5px;
    }

.s_jj_nr {
    width: 1105px;
    margin: 0 auto;
    margin-top: 25px;
}

    .s_jj_nr p {
        font-size: 18px;
        color: #fff;
        line-height: 36px;
    }

        .s_jj_nr p a {
            color: #fff;
        }

.s_jj_more {
    width: 215px;
    margin: 0 auto;
    margin-top: 40px;
    transition: all 0.4s linear;
}

    .s_jj_more p a {
        display: block;
        font-size: 16px;
        color: #bfd7ff;
        text-align: center;
        line-height: 38px;
        border: 2px solid #bfd7ff;
        transition: all 0.4s linear;
    }

        .s_jj_more p a:hover {
            background-color: #fff;
            border: 2px solid #fff;
            color: #2658a8;
        }

    .s_jj_more:hover {
        width: 230px;
    }


/*首页风貌*/
.s_fac_box {
    width: 1233px;
    margin: 0 auto;
    margin-top: 92px;
}

    .s_fac_box .s_fac_p1 {
        font-family: Impact;
        font-size: 55px;
        color: #2658a8;
        text-align: center;
        text-transform: uppercase;
    }

    .s_fac_box .s_fac_p2 {
        font-size: 28px;
        color: #000000;
        text-align: center;
        margin-top: 4px;
        margin-bottom: 50px;
    }

.s_fac_tip {
    width: 284px;
    height: 239px;
    overflow: hidden;
    float: left;
    margin-bottom: 37px;
    margin-right: 32px;
}

    .s_fac_tip img {
        width: 284px;
        height: 239px;
        transform: scale(1);
        transition: all 1s ease-out;
    }

        .s_fac_tip img:hover {
            transform: scale(1.1);
        }

    .s_fac_tip:nth-child(4n+2) {
        margin-right: 0px;
    }


.s_fac_more {
    width: 215px;
    margin: 0 auto;
    margin-top: 22px;
    transition: all 0.4s linear;
}

    .s_fac_more p a {
        display: block;
        font-size: 16px;
        color: #333333;
        text-align: center;
        line-height: 38px;
        border: 2px solid #858585;
        transition: all 0.4s linear;
    }

        .s_fac_more p a:hover {
            background-color: #2658a8;
            border: 2px solid #2658a8;
            color: #fff;
        }

    .s_fac_more:hover {
        width: 230px;
    }


/*首页优势*/
.s_ys_p1 {
    font-size: 48px;
    color: #2658a8;
    font-weight: bold;
    text-align: center;
    margin-top: 45px;
}

.s_ys_p2 {
    font-size: 23px;
    color: #000;
    text-align: center;
    margin-top: 17px;
    margin-bottom: 54px;
}

.s_ys_pic {
    margin: 0 auto;
}

.s_ys_bg {
    height: 495px;
    background-color: #2658a8;
    margin-top: -255px;
}

.s_ys_box {
    width: 1233px;
    margin: 0 auto;
    padding-top: 303px;
}

.s_ys_tip {
    width: 409px;
    float: left;
}

    .s_ys_tip .s_ys_p3 {
        font-size: 23px;
        color: #fff;
        text-align: center;
    }

    .s_ys_tip .s_ys_p4 {
        font-family: Impact;
        font-size: 50px;
        color: #fff;
        text-align: center;
    }

        .s_ys_tip .s_ys_p4 span {
            font-family: "Microsoft YaHei";
            font-size: 20px;
        }

.s_ys_line {
    width: 3px;
    height: 110px;
    float: left;
    background-color: #567dbb;
}


/*首页新闻*/
.s_xw_box {
    width: 1233px;
    margin: 0 auto;
    margin-top: 100px;
}

    .s_xw_box .s_xw_p1 {
        font-size: 48px;
        color: #343434;
        text-align: center;
        font-weight: bold;
    }

    .s_xw_box .s_xw_line {
        width: 36px;
        height: 3px;
        background-color: #343434;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 12px;
    }

    .s_xw_box .s_xw_p2 {
        font-size: 21px;
        color: #828282;
        text-align: center;
        margin-bottom: 52px;
    }



.s_xw_tip {
    width: 351px;
    height: 480px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 68px;
}

.s_xw_kuang1 {
    width: 351px;
    height: 232px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

    .s_xw_kuang1 .s_xw_pic {
        width: 351px;
        height: 232px;
        position: absolute;
        left: 0;
        top: 0;
        transform: scale(1);
        transition: all 1s ease-out;
    }

.s_xw_tip:hover .s_xw_kuang1 .s_xw_pic {
    transform: scale(1.1);
}

.s_xw_yy {
    width: 351px;
    height: 232px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.4);
    opacity: 0;
    transition: all 0.4s linear;
}

.s_xw_tip:hover .s_xw_yy {
    opacity: 1;
}

.s_xw_pic1 {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 148px;
    top: -60px;
    opacity: 0;
    transition: all 0.4s linear;
}

.s_xw_tip:hover .s_xw_pic1 {
    top: 84px;
    opacity: 1;
}



.s_xw_kuang2 {
    height: 248px;
    background-color: #f5f5f5;
    padding-left: 30px;
    padding-right: 30px;
}

    .s_xw_kuang2 .s_xw_p3 {
        font-size: 20px;
        color: #7f7f7f;
        line-height: 30px;
        height: 60px;
        padding-top: 29px;
    }

    .s_xw_kuang2 .s_xw_p4 {
        font-size: 15px;
        color: #7f7f7f;
        line-height: 28px;
        margin-top: 19px;
    }

    .s_xw_kuang2 .s_xw_p5 {
        font-size: 16px;
        color: #7f7f7f;
        line-height: 28px;
        margin-top: 24px;
    }

.s_xw_tip:hover .s_xw_p3 {
    color: #2658a8;
}

.s_xw_tip:nth-child(3n) {
    margin-right: 0px;
}



.s_xw_more {
    width: 215px;
    margin: 0 auto;
    margin-top: 55px;
    transition: all 0.4s linear;
}

    .s_xw_more p a {
        display: block;
        font-size: 16px;
        color: #333333;
        text-align: center;
        line-height: 38px;
        border: 2px solid #858585;
        transition: all 0.4s linear;
    }

        .s_xw_more p a:hover {
            background-color: #2658a8;
            border: 2px solid #2658a8;
            color: #fff;
        }

    .s_xw_more:hover {
        width: 230px;
    }



/*首页合作伙伴*/
.s_hz_bg {
    background-color: #f5f5f5;
    margin-top: 110px;
    padding-top: 99px;
    padding-bottom: 108px;
}

.s_hz_box {
    width: 1233px;
    margin: 0 auto;
}

    .s_hz_box .s_hz_p1 {
        font-size: 48px;
        color: #343434;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
    }

    .s_hz_box .s_hz_line {
        width: 36px;
        height: 3px;
        background-color: #343434;
        margin: 0 auto;
        margin-top: 17px;
        margin-bottom: 17px;
    }

    .s_hz_box .s_hz_p2 {
        font-size: 20px;
        color: #828282;
        text-align: center;
        margin-bottom: 54px;
    }


.multipleColumn {
    margin: 0 auto;
}

    .multipleColumn .hd {
        width: 1233px;
        height: 1px;
        background: #f5f5f5;
        position: relative;
    }

        .multipleColumn .hd .prev {
            background-image: url(/Content/Images/img16.png);
            width: 45px;
            height: 80px;
            position: absolute;
            left: -90px;
            top: 189px;
        }

        .multipleColumn .hd .next {
            background-image: url(/Content/Images/img17.png);
            width: 45px;
            height: 80px;
            position: absolute;
            right: -90px;
            top: 189px;
        }


    .multipleColumn .bd {
        margin-left: -28px;
    }

        .multipleColumn .bd ul {
            width: 260px;
            float: left;
        }

            .multipleColumn .bd ul li {
                margin: 0 22px;
                float: left;
            }

            .multipleColumn .bd ul li {
                margin-bottom: 36px;
            }

                .multipleColumn .bd ul li img {
                    width: 210px;
                    height: 205px;
                    border: 1px solid #d9d9d9;
                }




/*首页联系我们*/
.s_lx_bg {
    background: url(/Content/Images/img18.jpg) center no-repeat;
    width: 100%;
    height: 666px;
    background-attachment: fixed;
    background-size: cover;
}

.s_lx_box {
    width: 1233px;
    margin: 0 auto;
    padding-top: 129px;
}

    .s_lx_box .s_lx_line1 {
        height: 2px;
        background-color: rgba(255,255,255,0.2);
        margin-bottom: 59px;
    }

.s_lx_left {
    width: 466px;
    float: left;
}

    .s_lx_left .s_lx_pic {
        width: 417px;
    }

.s_lx_nr {
    margin-top: 40px;
}

    .s_lx_nr p {
        font-size: 18px;
        color: #fff;
        line-height: 36px;
    }

        .s_lx_nr p a {
            color: #fff;
        }

.s_lx_right {
    width: 696px;
    float: right;
    margin-top: 44px;
}

    .s_lx_right p {
        font-size: 18px;
        color: #fff;
        line-height: 36px;
    }


.s_lx_line2 {
    height: 2px;
    background-color: rgba(255,255,255,0.2);
    margin-top: 66px;
}



/*首页邮箱*/
.email_bg {
    background-image: url(/Content/Images/img34.jpg);
    background-repeat: repeat-x;
    height: 103px;
}

.email_box {
    width: 1000px;
    margin: 0 auto;
    padding-top: 34px;
}

    .email_box .email_title {
        font-size: 22px;
        color: #333;
        float: left;
        margin-top: 5px;
    }

    .email_box .line1 {
        width: 1px;
        height: 39px;
        background-color: #cacaca;
        float: left;
        margin-left: 23px;
        margin-right: 23px;
    }

    .email_box .email {
        float: left;
        padding-top: 10px;
    }

        .email_box .email .name {
            font-size: 12px;
            float: left;
            margin-top: 3px;
        }

        .email_box .email .username {
            width: 117px;
            height: 20px;
            line-height: 20px;
            float: left;
            padding-left: 6px;
        }

        .email_box .email .name_1 {
            font-size: 12px;
            float: left;
            margin-left: 8px;
            margin-top: 3px;
        }

    .email_box .img_4 {
        float: left;
        margin-left: 15px;
        margin-top: 2px;
    }

    .email_box .img_3 {
        float: right;
        margin-right: 0px;
    }



/*页脚*/
.foot_bg {
    background-color: #292929;
    padding-top: 107px;
    padding-bottom: 30px;
}

.foot_box {
    width: 1233px;
    margin: 0 auto;
}

.foot_left {
    width: 120px;
    float: left;
}

    .foot_left .foot_pic {
        width: 120px;
    }

    .foot_left .foot_p1 {
        font-size: 30px;
        color: #fff;
        text-align: center;
        margin-top: 12px;
    }

    .foot_left .foot_p2 {
        font-size: 13px;
        color: #ababab;
        text-align: center;
        margin-top: 8px;
    }

.foot_line {
    width: 1px;
    height: 231px;
    background-color: #545454;
    float: left;
    margin-left: 55px;
    margin-right: 55px;
}

.foot_tip {
    width: 180px;
    float: left;
}

    .foot_tip .foot_p3 {
        font-size: 17px;
        color: #fff;
    }

        .foot_tip .foot_p3 a {
            color: #fff;
        }

    .foot_tip .foot_line1 {
        width: 30px;
        height: 2px;
        background-color: #a0f0ff;
        margin-top: 16px;
        margin-bottom: 14px;
    }

    .foot_tip .foot_p4 {
        font-size: 14px;
        color: #ababab;
        line-height: 30px;
    }

        .foot_tip .foot_p4 a {
            color: #ababab;
        }

            .foot_tip .foot_p4 a:hover {
                color: #fff;
            }


.foot_line2 {
    height: 1px;
    background-color: #545454;
    margin-top: 77px;
}

.foot_p5 {
    font-size: 14px;
    color: #8a8a8a;
    text-align: center;
    margin-top: 30px;
}

    .foot_p5 a {
        color: #8a8a8a;
    }



/*about*/
.max_box {
    width: 1233px;
    margin: 0 auto;
    margin-top: 80px;
    padding-bottom: 100px;
}

    .max_box .max_p1 {
        font-size: 18px;
        color: #000;
        text-align: center;
        text-transform: uppercase;
    }

.max_kuang {
    margin: 0 auto;
    margin-bottom: 64px;
}

    .max_kuang tr td .max_line {
        width: 39px;
        height: 2px;
        background-color: #7d7d7d;
    }

    .max_kuang tr td {
        font-size: 48px;
        color: #000;
        font-weight: bold;
        padding-left: 12px;
        padding-right: 12px;
    }

.jj_nr img {
    max-width: 1233px;
    margin: 0 auto;
    margin-bottom: 45px;
}

.jj_nr p {
    font-size: 16px;
    color: #000;
    line-height: 36px;
}

    .jj_nr p a {
        color: #000;
    }



/*组织机构*/
.org_box img {
    max-width: 1233px !important;
    height: auto !important;
    margin: 0 auto;
}




/*资质*/
.product-list li {
    float: left;
}

.product-list li {
    background: none;
    width: 380px;
    height: 390px;
    border: 1px solid #ddd;
    display: block;
    line-height: normal;
    overflow: hidden;
    position: relative;
    background: #fff;
    margin-right: 42px;
    margin-bottom: 27px;
}

    .product-list li:nth-child(3n) {
        margin-right: 0px;
    }

    .product-list li figure {
        display: block;
        text-align: center;
        background: #f1f1f1
    }

        .product-list li figure img {
            width: 380px;
            height: 320px;
            transition: 424ms linear;
        }




    .product-list li figcaption {
        display: block;
        color: #5d5d5d;
        font-size: 16px;
        line-height: normal;
        margin-top: 20px;
        transition: 350ms;
        text-align: center;
        padding-bottom: 30px
    }

.product-box .product-down {
    float: left;
}

.product-list li mark {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: rgba(0, 117, 207, 0.2);
    background: #0075cf\9;
    filter: alpha(opacity=20);
    z-index: 20;
    opacity: 0;
    transform: skewX(45deg);
    visibility: hidden;
    transition: 360ms;
}

    .product-list li mark b {
        display: block;
        width: 46px;
        height: 46px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -23px;
        margin-top: -23px;
        z-index: 30;
    }

        .product-list li mark b:before {
            content: "";
            width: 100%;
            height: 1px;
            background: #0075cf;
            position: absolute;
            left: 0;
            top: 23px;
            transform: translateX(-200px);
            -webkit-transform: translateX(-200px);
            -moz-transform: translateX(-200px);
        }

        .product-list li mark b:after {
            content: "";
            width: 1px;
            height: 100%;
            background: #0075cf;
            position: absolute;
            left: 23px;
            top: 0;
            transform: translateY(-200px);
            -webkit-transform: translateY(-200px);
            -moz-transform: translateY(-200px);
        }

    .product-list li mark:before {
        content: "";
        width: 100%;
        height: 0%;
        border-left: 3px solid #0075cf;
        border-right: 3px solid #0075cf;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        transition: 320ms;
    }

    .product-list li mark:after {
        content: "";
        width: 0%;
        height: 100%;
        border-top: 3px solid #0075cf;
        border-bottom: 3px solid #0075cf;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        transition: 320ms;
    }

.product-list li:hover mark {
    opacity: 1;
    transform: skewX(0);
    visibility: visible;
}

.product-list li:hover img {
    transition: all 0.4s;
    transform: scale(1.1)
}

.product-list li:hover mark:before {
    height: 100%;
    transition: 330ms 200ms;
}

.product-list li:hover mark:after {
    width: 100%;
    transition: 330ms 200ms;
}

.product-list li:hover f img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.product-list li:hover mark b:before {
    transition: 355ms 180ms;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}

.product-list li:hover mark b:after {
    transition: 355ms 240ms;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}

.product-list li:hover figcaption {
    color: #0075cf;
}




.newspage1 {
    margin: 0 auto;
    margin-top: 40px;
}

    .newspage1 A {
        font-size: 14px;
        color: #666;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 9px;
        padding-bottom: 9px;
        border: 1px solid #999;
        margin-left: 3px;
        margin-right: 3px;
        border-radius: 7px;
    }

        .newspage1 A:hover {
            BACKGROUND: #2658a8;
            COLOR: #FFFFFF;
            border: 1px solid #2658a8;
        }

    .newspage1 SPAN.current {
        font-size: 14px;
        BACKGROUND: #2658a8;
        COLOR: #FFFFFF;
        border: 1px solid #2658a8;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 9px;
        padding-bottom: 9px;
        margin-left: 3px;
        margin-right: 3px;
        border-radius: 7px;
    }


.back_bg {
    background-color: #ebebeb;
    margin-top: 20px;
}

    .back_bg p {
        font-size: 13px;
        color: #666;
        text-align: center;
        line-height: 38px;
    }

        .back_bg p a {
            color: #666;
        }



/*公司愿景*/
.vis_left {
    width: 550px;
    float: left;
}

    .vis_left p {
        font-size: 27px;
        line-height: 54px;
        color: #555555;
        font-weight: bold;
    }

        .vis_left p span {
            color: #2658a8;
        }

.vis_right {
    width: 650px;
    height: 400px;
    float: right;
    background-color: #ddd;
}



.val_left {
    width: 650px;
    height: 400px;
    float: left;
    background-color: #ddd;
}

.val_right {
    width: 550px;
    float: right;
}

    .val_right p {
        font-size: 27px;
        color: #555555;
        line-height: 54px;
        font-weight: bold;
    }

        .val_right p span {
            color: #2658a8;
        }






/*新闻*/
.xw_tip {
    height: 144px;
    margin-bottom: 12px;
    transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.xw_kuang1 {
    width: 183px;
    float: left;
    padding-top: 29px;
}

    .xw_kuang1 .xw_p1 {
        font-size: 38px;
        font-weight: bold;
        color: #000;
        text-align: center;
    }

    .xw_kuang1 .xw_p2 {
        font-size: 20px;
        color: #000;
        text-align: center;
        margin-top: 5px;
    }

.xw_tip .xw_line {
    width: 1px;
    height: 36px;
    background-color: #e5e5e5;
    float: left;
    margin-top: 55px;
}

.xw_tip .xw_p3 {
    font-size: 16px;
    color: #333;
    float: left;
    line-height: 144px;
    margin-left: 60px;
    transition: all 0.4s linear;
}

.xw_kuang2 {
    float: right;
    width: 154px;
    border: 1px solid #ccc;
    border-radius: 37px;
    margin-right: 46px;
    margin-top: 46px;
}

    .xw_kuang2 p {
        font-size: 16px;
        line-height: 53px;
        text-align: center;
        color: #333;
    }

.xw_tip:hover {
    background-color: #2658a8 !important;
}

    .xw_tip:hover .xw_kuang1 .xw_p1 {
        color: #fff;
    }

    .xw_tip:hover .xw_kuang1 .xw_p2 {
        color: #fff;
    }

    .xw_tip:hover .xw_p3 {
        color: #fff;
        padding-left: 10px;
    }

    .xw_tip:hover .xw_kuang2 {
        border: 1px solid #fff;
    }

        .xw_tip:hover .xw_kuang2 p {
            color: #fff;
        }



.news_title {
    width: 100%;
    font-size: 16px;
    color: #2658a8;
    line-height: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fbfbfb;
    text-align: center;
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
}

.news_title2 {
    font-size: 13px;
    color: #f31f42;
    text-align: right;
    margin-top: 10px;
    font-weight: bold;
}

.new_nr_wenzi {
    margin-top: 16px;
}

    .new_nr_wenzi p {
        font-size: 14px;
        text-align: justify;
        line-height: 32px;
        color: #333;
    }

        .new_nr_wenzi p a {
            color: #333;
        }

    .new_nr_wenzi img {
        max-width: 1195px !important;
        height: auto !important;
        ;
        margin: 0 auto;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .new_nr_wenzi table {
        width: 100%;
        border: 1px solid #ccc;
        border-bottom: 0;
        border-left: 0;
    }

        .new_nr_wenzi table tr td {
            padding: 11px;
            font-size: 14px;
            color: #333;
            line-height: 26px;
            border: 1px solid #ccc;
            border-top: 0;
            border-right: 0;
        }






/*招聘*/
.job_dong {
    border-top: 5px solid #2658a8;
    background: #f6f7f7;
    cursor: pointer;
    margin-top: 20px;
}

    .job_dong .job_p4 {
        font-size: 18px;
        color: #3f3a39;
        font-weight: bold;
        float: left;
        line-height: 70px;
        width: 500px;
        padding-left: 35px;
    }

        .job_dong .job_p4 span {
            font-size: 13px;
        }

    .job_dong .job_p6 {
        font-size: 16px;
        color: #3f3a39;
        float: left;
        line-height: 60px;
    }

    .job_dong img {
        float: right;
        margin-top: 30px;
        padding-right: 35px;
    }

.sideMenu ul {
    padding: 20px 35px 30px 35px;
    background-color: #fff;
    display: none; /* 默认都隐藏 */
}

.jobs_nr p {
    font-size: 15px;
    color: #333;
    line-height: 34px;
}


.jobs_kuang {
    margin-bottom: 35px;
}

    .jobs_kuang p {
        font-size: 16px;
        color: #000;
        line-height: 36px;
    }




/*人才政策*/
.guanli_box p {
    font-size: 16px;
    color: #000;
    line-height: 36px;
}

.guanli_hezi {
    width: 1233px;
    height: 440px;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
}

    .guanli_hezi .guanli_pic {
        width: 1233px;
        height: 440px;
        position: absolute;
        right: 0;
        top: 0;
    }

.guanli_kuang {
    width: 385px;
    height: 440px;
    background-color: rgba(4,73,154,0.8);
    position: absolute;
    right: 0;
    top: 0;
}

    .guanli_kuang .gunali_p1 {
        font-size: 21px;
        color: #fff;
        text-align: right;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 50px;
        padding-top: 190px;
    }

    .guanli_kuang .guanli_line {
        width: 125px;
        height: 1px;
        background-color: rgba(255,255,255,0.5);
        float: right;
        margin-right: 50px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .guanli_kuang .gunali_p2 {
        font-size: 35px;
        color: #fff;
        text-align: right;
        text-transform: uppercase;
        font-weight: bold;
        font-family: "宋体";
        margin-right: 50px;
    }



/*咨询*/
.cp_ord_tip {
    width: 600px;
    float: left;
    margin-bottom: 21px;
}

    .cp_ord_tip p {
        font-size: 16px;
        color: #333;
        margin-bottom: 15px;
    }

    .cp_ord_tip .cp_ord_kuang1 {
        width: 580px;
        height: 57px;
        background-color: #f9f9f9;
        border: 1px solid #cccccc;
        font-size: 14px;
        color: #000;
        padding-left: 10px;
        border-radius: 9px;
    }

.cp_ord_tip2 p {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
}

.cp_ord_tip2 .cp_ord_kuang2 {
    width: 1215px;
    min-height: 220px;
    background-color: #f9f9f9;
    border: 1px solid #cccccc;
    font-size: 14px;
    color: #000;
    padding-left: 10px;
    padding-top: 10px;
    border-radius: 9px;
}

.cp_ord_p1 {
    font-size: 14px;
    color: #333;
    margin-top: 21px;
    margin-bottom: 10px;
}

.cp_ord_kuang3 {
    width: 160px;
    height: 40px;
    background-color: #f9f9f9;
    border: 1px solid #cccccc;
    font-size: 14px;
    color: #000;
    padding-left: 10px;
    float: left;
    border-radius: 9px;
}

.cp_ord_kuang4 {
    width: 128px;
    height: 42px;
    float: left;
    margin-left: 23px;
    border-radius: 9px;
}

.cp_ord_kuang5 {
    width: 277px;
    height: 42px;
    background-color: #2658a8;
    border: 0;
    border-radius: 6px;
    float: left;
    margin-left: 23px;
    font-size: 14px;
    line-height: 42px;
    text-align: center;
    color: white;
    cursor: pointer;
    border-radius: 9px;
}

.ord_p1 {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    margin-top: 21px;
}








/*联系我们*/
.con_left {
    width: 665px;
    float: left;
}

    .con_left .con_p1 {
        font-family: Arial;
        font-size: 72px;
        color: #8a8a8a;
        text-transform: uppercase;
        font-style: italic;
    }

    .con_left .con_p2 {
        font-family: Arial;
        font-size: 36px;
        color: #8a8a8a;
        text-transform: uppercase;
        font-style: italic;
        margin-top: -16px;
    }

    .con_left .con_p3 {
        font-size: 40px;
        color: #2658a8;
        margin-top: 7px;
        margin-bottom: 40px;
    }

    .con_left .con_p4 {
        font-size: 32px;
        color: #204174;
        margin-top: 20px;
        margin-bottom: 20px;
    }


.con_nr p {
    font-size: 17px;
    color: #000;
    line-height: 45px;
}

    .con_nr p a {
        color: #000;
    }

.con_right {
    width: 560px;
    float: right;
}

.con_kuang {
    width: 592px;
    height: 350px;
    overflow: hidden;
    border-radius: 19px;
}

    .con_kuang img {
        width: 592px;
        height: 350px;
    }






/*产品*/
.pro_fl_box1 {
    box-shadow: 0px 6px 6px rgba(0,0,0,0.1);
}

    .pro_fl_box1 ul {
        width: 1233px;
        margin: 0 auto;
    }

        .pro_fl_box1 ul li {
            width: 614px;
            float: left;
            border-left: 1px solid #d1d1d1;
            border-top: 1px solid #d1d1d1;
        }

            .pro_fl_box1 ul li a {
                display: block;
                font-size: 16px;
                color: #000;
                line-height: 60px;
                text-align: center;
            }

            .pro_fl_box1 ul li:nth-child(2n) {
                border-right: 1px solid #d1d1d1;
            }

    .pro_fl_box1 li a:hover {
        background-color: #2658a8;
        color: #fff;
    }






.pro3_p1 {
    background-color: #efefef;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-align: center;
    line-height: 60px;
}

.pro_tb {
    width: 100%;
    margin-bottom: 55px;
}

    .pro_tb tr td {
        font-size: 16px;
        color: #333;
        line-height: 30px;
        padding-top: 19px;
        padding-bottom: 19px;
        padding-left: 19px;
        padding-right: 10px;
    }

        .pro_tb tr td a {
            color: #333;
        }


.pro_title {
    font-size: 17px;
    color: white;
    line-height: 50px;
    text-align: center;
    background-color: #2658a8;
    font-weight: bold;
    margin-bottom: 20px;
}

.pro_nr_box table {
    width: 100%;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-left: 0;
}

    .pro_nr_box table tr td {
        padding: 11px;
        font-size: 16px;
        color: #333;
        line-height: 30px;
        padding-top: 18px;
        padding-bottom: 18px;
        border: 1px solid #ccc;
        border-top: 0;
        border-right: 0;
    }

.pro_nr_box p {
    font-size: 16px;
    color: #333;
    line-height: 34px;
}

.pro_nr_box img {
    max-width: 100% !important;
    height: auto;
    !important
}



.pro_more {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 20px;
}

    .pro_more p a {
        display: block;
        font-size: 15px;
        color: #fff;
        text-align: center;
        line-height: 42px;
        background-color: #2658a8;
        border-radius: 8px;
    }


.nr_bo:hover {
    background-color: #edf6fb;
}




.pro_fl_title {
    background-color: #2658a8;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 60px;
}