@charset "utf-8";
/* CSS Document */
/*html {font-size: calc(100vw / 20);}*/
* {
    margin: 0 auto;
    padding: 0px;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
}

ul, li, ol, h1, h2, h3, dl, dt, dd, form, p, span, b, u, s, i, em {
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a, a:visited {
    text-decoration: none;
    color: #333
}

html {
}

body {
    margin: 0 auto;
    font-family: "Microsoft YaHei";
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.r120 {
    width: 120rem;
    height: auto;
    overflow: hidden;
}

.w1400 {
    width: 1400px;
    height: auto;
    overflow: hidden;
}

.w100 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

/*wzsb_part1*/
.wzsb_part1 {
    width: 100%;
    height: 450px;
    background: url(../img/wzsb1_bg.jpg) no-repeat center;
    background-size: auto 150%;
    overflow: hidden;
}

.part1_tx {
    width: 730px;
    padding: 80px 450px 0 0;
}

.part1_title {
    height: 67px;
    font-size: 48px;
    letter-spacing: 2px;
    color: #fff;
    position: relative;
}

.part1_tx p {
    margin: 30px 110px 0 0;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}

.part1_sy {
    position: relative;
    margin-top: 24px;
}

.part1_sy i {
    border: 1px solid #faad15;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
    color: #faad15;
    font-size: 12px;
    padding: 2px 4px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.part1_sy a {
    color: #faad15;
    margin-left: 44px;
    line-height: 33px;
    font-size: 14px;
}

.part1_sy a:hover {
    border-bottom: 1px solid #faad15;
}

.part1_sy a s {
    font-size: 24px;
}

.part1_bt {
    margin-top: 30px;
}

.part1_bt a {
    width: 130px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
    float: left;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 20px;
    cursor: pointer;
}

.part1_bt a.ljsy {
    background: #036fe2;
    display: inline-block;
    color: #fff;
    text-align: center;
    float: left;
}

.part1_bt a.ljsy:hover {
    background: #1c88fc;
}

.part1_bt a.syh {
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid #fff;
}

.part1_bt a.syh:hover {
    background-color: hsla(0, 0%, 100%, .2);
}

/*wzsb_part2*/
.wzsb_part2 {
}

.part2_tlist {
    width: 100%;
    height: 60px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.part2_tlist a {
    line-height: 57px;
    display: inline-block;
    padding: 0 10px;
    margin: 0 20px;
    cursor: pointer;
    font-size: 16px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.part2_tlist a:hover,
.part2_tlist a.act {
    border-bottom: 3px solid #333;
    font-weight: bold;
}

.nav {
    /* position:fixed;  绝对定位，fixed是相对于浏览器窗口定位。 */
    /*top:0;  距离窗口顶部距离 */
    /*left:0;  距离窗口左边的距离 */
    /* width:100%;  宽度设置为100% */
    /* height:40px;  高度 */
    /* z-index:99; 层叠顺序，数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */
}

/*添加导航条的样式;
   */

.box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 5px #888;
}


/*part2_01*/
.part2_01 {
    min-width: 1200px;
    height: auto;
    overflow: hidden;
}

.part2_mtit {
    margin: 120px auto 60px;
    text-align: center;
    line-height: 46px;
    font-size: 32px;
    color: #000;
}

.part2_mtit2 {
    margin: 120px auto 30px;
    text-align: center;
    line-height: 46px;
    font-size: 32px;
    color: #000;
}

.cp_list {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 2px;
}

.cp_list a {
    display: block;
    float: left;
    width: 580px;
    height: 400px;
}

.cp_list a:nth-child(2n-1) {
    margin-right: 20px;
}

.cp_list .img {
    width: 580px;
    height: 226px;
    overflow: hidden;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.cp_list .img img {
    width: 100%;
}

.cp_list .cp_tb {
    padding: 20px 48px 22px;
    text-align: left;
    border: 1px solid #eee;
    border-top: 0;
}

.cp_list .cp_tb span {
    font-size: 22px;
    height: 38px;
    line-height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.cp_list .cp_tb p {
    height: 48px;
    line-height: 24px;
    margin-top: 10px;
    overflow: hidden;
    font-size: 14px;
    color: #999;
}

.cp_list .cp_tb s {
    margin-top: 10px;
    padding-bottom: 8px;
    display: inline-block;
    font-size: 14px;
    color: #036fe2;
    cursor: pointer;
}

/*part2_02*/
.part2_02 {
    min-width: 1200px;
    height: auto;
    overflow: hidden;
}

.yy_list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.yy_list .yy_left {
    width: 180px;
    height: 408px;
    background-color: #f7f7f7;
    float: left;
    position: relative;
}

.yy_list .yy_left dl {
}

.yy_list .yy_left dl dt {
    width: 160px;
    height: 60px;
    line-height: 60px;
    text-align: left;
    padding-left: 20px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}

.yy_list .yy_left dl.ath dt {
    background: #2081fc;
    color: #fff;
}

.yy_list .yy_left dl dd {
    position: absolute;
    left: 180px;
    top: 0;
    padding-left: 70px;
    width: 930px;
    display: none;
}

.yy_list .yy_left dl.ath dd {
    display: block;
}

.yy_right1 {
    height: 198px;
    border-bottom: 1px solid #eee;
}

.yy_right1 .znyj {
    width: 580px;
    height: auto;
    overflow: hidden;
    float: left;
    text-align: left;
}

.yy_right1 .znyj span {
    font-size: 22px;
    line-height: 38px;
    font-weight: 700;
}

.yy_right1 .znyj p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
}

.yy_right1 .img {
    float: right;
    width: 280px;
    height: 158px;
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.yy_right1 .img img {
    width: 100%;
}

.yy_right2 {
    text-align: left;
    margin-top: 40px;
}

.yy_right2 .hzal {
    font-size: 22px;
    line-height: 38px;
    font-weight: 700;
}

.yy_right2 ul {
    width: 100%;
    margin-top: 20px;
}

.yy_right2 ul li {
    display: block;
    float: left;
    width: 130px;
    height: 72px;
    margin-right: 20px;
}

.yy_right2 ul li img {
    display: block;
    width: 100%;
    height: 100%;
}

/*part2_03*/
.part2_03 {
    min-width: 1200px;
    height: auto;
    overflow: hidden;
}

.part2_03 .syfs_list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.part2_03 .syfs_list ul {
}

.part2_03 .syfs_list ul li {
    float: left;
    width: 480px;
    text-align: left;
}

.part2_03 .syfs_list ul li:nth-child(2n-1) {
    padding-right: 120px;
}

.part2_03 .syfs_list ul li span {
    font-size: 22px;
    line-height: 38px;
    font-weight: 700;
}

.part2_03 .syfs_list ul li p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
}

/*part2_04*/
.part2_04 {
    min-width: 1200px;
    height: auto;
    overflow: hidden;
}

.part2_04 .cjwt_list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.part2_04 .cjwt_list dl {
    width: 280px;
    float: left;
    height: 220px;
    text-align: left;
    margin-right: 20px;
    padding: 20px;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.part2_04 .cjwt_list dl:nth-child(4n) {
    margin-right: 0;
}

.part2_04 .cjwt_list dl dt {
    font-size: 18px;
    line-height: 36px;
    color: #333;
}

.part2_04 .cjwt_list dl dd {
    margin-top: 10px;
}

.part2_04 .cjwt_list dl dd a {
    font-size: 13px;
    line-height: 24px;
    color: #999;
    display: block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*zcty*/
.zcty {
    padding-bottom: 200px;
    text-align: center;
}

.zcty span {
    font-size: 16px;
    line-height: 26px;
    color: #666;
}

.zcty a {
    display: block;
    width: 180px;
    height: 54px;
    margin: 37px auto 0;
    line-height: 54px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #036fe2;
    cursor: pointer;
}


@media screen and (min-device-width: 240px) and (max-device-width: 1179px) {
    .wzsb_part1 {
        height: 54vw;
        padding: 0 3vw;
        background: url(../img/wzsb1_bg.jpg) no-repeat center;
        background-size: auto 163%;
        position: relative;
        padding-top: 40px;
    }

    .part1_tx {
        width: 50vh;
        padding: 6vw 30vw 0 0;
    }

    .part1_title {
        height: 6vw;
        font-size: 4.8vw;
        letter-spacing: 0.2vw;
        color: #fff;
        position: relative;
    }

    .part1_tx p {
        margin: 3vw 11vw 0 0;
        font-size: 3.5vw;
        line-height: 5.6vw;
        color: #fff;
    }

    .part1_sy {
        display: none;
    }

    .part1_bt {
        margin-top: 3vw;
    }

    .part1_bt a {
        width: 20vw;
        height: 6vw;
        line-height: 6vw;
        font-size: 3.5vw;
        color: #fff;
        float: left;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 2vw;
        cursor: pointer;
    }

    .part1_bt a.ljsy {
        background-color: hsla(0, 0%, 100%, .1);
        border: 1px solid #fff;
    }

    .part1_bt a.ljsy:hover {
        background-color: hsla(0, 0%, 100%, .2);
    }


    /*wzsb_part2*/
    .wzsb_part2 {
        width: 100%;
    }

    .part2_tlist {
        display: none;
    }

    /*part2_01*/
    .part2_01 {
        min-width: 100% !important;
        height: auto;
        overflow: hidden;
        width: 100% !important;
    }

    .part2_mtit {
        margin: 8vw auto 4vw;
        text-align: center;
        line-height: 6vw;
        font-size: 4vw;
        color: #000;
        font-weight: bold;
    }

    .part2_mtit2 {
        margin: 4vw auto 2vw;
        text-align: center;
        line-height: 6vw;
        font-size: 5vw;
        color: #000;
        font-weight: bold;
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
    }

    .cp_list {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-bottom: 2px;
    }

    .cp_list a {
        display: block;
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .cp_list a:nth-child(2n-1) {
        margin-right: 0;
    }

    .cp_list .img {
        width: 100%;
        height: 30vw;
        overflow: hidden;
        align-items: center;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

    .cp_list .img img {
        width: 100%;
    }

    .cp_list .cp_tb {
        padding: 2vw 5vw 2vw;
        text-align: left;
        border: none;
        background: #f7f7f7;
    }

    .cp_list .cp_tb span {
        font-size: 3.6vw;
        height: 7vw;
        line-height: 7vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .cp_list .cp_tb p {
        height: 13.4vw;
        line-height: 5.2vw;
        margin-top: 1vw;
        overflow: hidden;
        font-size: 3.4vw;
        color: #999;
    }

    .cp_list .cp_tb s {
        display: none;
    }

    /*part2_02*/
    .part2_02 {
        width: 100% !important;
        height: auto;
        overflow: hidden;
        min-width: 100% !important;
    }

    .yy_list {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .yy_list .yy_left {
        width: 100%;
        height: auto;
        background-color: none;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .yy_list .yy_left dl {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
        border-bottom: 1px solid #fff;
    }

    .yy_list .yy_left dl dt {
        width: 100%;
        height: 12vw;
        line-height: 12vw;
        text-align: left;
        padding: 0 3vw;
        font-size: 2vw;
        color: #666;
        cursor: pointer;
        background: #f7f7f7;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 3.5vw;
        font-weight: bold;
    }

    .yy_list .yy_left dl.ath dt {
        background: #f7f7f7;
        color: #333;
    }

    .yy_list .yy_left dl dd {
        position: static;
        width: 100%;
        display: none;
        background: #fff;
        padding: 0 3vw;
        height: auto;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }

    .yy_list .yy_left dl.ath dd {
        display: block;
    }

    .yy_right1 {
        width: 100%;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid #eee;
    }

    .yy_right1 .znyj {
        width: 100%;
        height: auto;
        overflow: hidden;
        text-align: left;
        float: right;
        line-height: 20px;
    }

    .yy_right1 .znyj span {
        display: none;
    }

    .yy_right1 .znyj p {
        font-size: 3.5vw;
        line-height: 6.2vw;
        margin: 2vw auto;
        color: #999;
    }

    .yy_right1 .img {
        float: left;
        width: 100%;
        height: 20vw;
        overflow: hidden;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
    }

    .yy_right1 .img img {
        width: 100%;
    }

    .yy_right2 {
        text-align: left;
        margin: 2vw auto;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .yy_right2 .hzal {
        font-size: 4vw;
        line-height: 6vw;
        font-weight: 700;
        width: 100%;
        float: left;
        height: auto;
        overflow: hidden;
    }

    .yy_right2 ul {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
    }

    .yy_right2 ul li {
        display: block;
        float: left;
        width: 13vw;
        height: 7vw;
        margin-right: 2vw;
    }

    .yy_right2 ul li img {
        display: block;
        width: 100%;
        height: 100%;
    }

    /*part2_03*/
    .part2_03 {
        width: 100%;
        height: auto;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 3vw;
        min-width: 100% !important;
        width: 100% !important;
    }

    .baiduproduct_footer {

        width:100% !important;
    }
.baiduproduct_footer dl
{width: 30% !important;min-height: 429px !important;}


.baiduproduct_footer dl dt{

    overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap;
}

.baiduproduct_footer dl dd a{
    font-size:3.5vw;
}

    .part2_03 .syfs_list {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .part2_03 .syfs_list ul {
    }

    .part2_03 .syfs_list ul li {
        float: left;
        width: 100%;
        text-align: left;
        height: auto;
        overflow: hidden;
    }

    .part2_03 .syfs_list ul li:nth-child(2n-1) {
        padding-right: 0;
        margin-bottom: 3vw;
    }

    .part2_03 .syfs_list ul li span {
        font-size: 4vw;
        line-height: 5vw;
        font-weight: 700;
    }

    .part2_03 .syfs_list ul li p {
        font-size: 3.4vw;
        line-height: 7vw;
        margin-top: 1vw;
        color: #666;
    }

    /*part2_04*/
    .part2_04 {
        width: 100%;
        height: auto;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 3vw;
        width: 100% !important;
        min-width: 100% !important;
    }

    .part2_04 .cjwt_list {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .part2_04 .cjwt_list dl {
        width: 46vw;
        float: left;
        height: auto;
        text-align: left;
        margin: 0 2vw 2vw auto;
        padding: 3vw;
        border: 1px solid #eee;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .part2_04 .cjwt_list dl:nth-child(2n) {
        margin-right: 0;
    }

    .part2_04 .cjwt_list dl dt {
        font-size: 4vw;
        line-height: 5vw;
        color: #333;
    }

    .part2_04 .cjwt_list dl dd {
        margin-top: 1vw;
    }

    .part2_04 .cjwt_list dl dd a {
        font-size: 3.2vw;
        line-height: 6vw;
        color: #999;
        display: block;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /*zcty*/
    .zcty {
        width: 100%;
        overflow: hidden;
        text-align: center;
        padding-bottom: 0px;
    }

    .zcty span {
        font-size: 3.6vw;
        line-height: 2.6vw;
        color: #666;
    }

    .zcty a {
        display: block;
        width: 18vw;
        height: 5vw;
        margin: 4vw auto 0;
        line-height: 5vw;
        font-size: 2vw;
        color: #fff;
        text-align: center;
        background-color: #036fe2;
        cursor: pointer;
    }


}

.container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.container-center {
    margin-left: auto;
    margin-right: auto;
}







.hide {
        display: none;
    }
    .mask {
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        z-index: 2;
        background: rgba(0, 0, 0, 0.6);
    }
    .alert {
        min-width: 360px;
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 3;
        transform: translate(-50%, -50%);
        background: #fff;
        border-radius: 5px;
        padding-bottom: 30px;
    }
    .alert > .head {
        line-height: 60px;
        background: #3a62f4;
        padding: 0 16px;
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        border-radius: 5px 5px 0 0;
        letter-spacing:1px;
        text-align:center;
    }

    .alert > .body {
        padding: 0 16px;
    }

    .alert > .body > p {
        text-align: center;
        font-size: 16px;
        color: #555;
        line-height: 28px;
        margin-top: 12px;
    }