@charset "utf-8";

html {font-family: Microsoft YaHei;height: 100%}p {font-family: Microsoft YaHei}div {font-family: Microsoft YaHei}span {font-family: Microsoft YaHei}* {margin: 0px;padding: 0;border: 0}
a {text-decoration: none;color: #c2bfbe}
body {background: #fff;display: flex;min-height: 100%;justify-content: center}
productList .clear_float {height: 0px;clear: both;display: block}
ul li {list-style: none}
img {max-width: 100%}
.pc-flex {display: flex}
.pc-block {display: block}
.phone-flex {display: none}
.phone-block {display: none}
.body1200 {width: 1200px;height: auto;margin: 0 auto}
.dis-flex {display: flex}
.dis-flex-column {display: flex;flex-direction: column}
.clr{clear:both}
.img1 {display: block}
.img2 {display: none}
.mainBody {position: relative;display: flex;flex-direction: column;min-height: 100%}
.padTandB90 {padding: 60px 0}
.padTandB30 {padding: 30px 0}
.padTandB40 {padding: 20px 0}
.padTandB50 {padding: 50px 0}
.bodyHead {position: relative;top: 0;width: 100%;display: flex;height: 105px;z-index: 10;flex-direction: column}
    .bodyHead .top {width: 100%;    height: 47px;    display: flex;    align-items: center;    background: #fff;}

.minImg {display: flex;height: 100%;align-items: center}
    .minImg:hover .img1 {display: none;}

    .minImg:hover .img2 {display: block;}

.bodyHead .top .left {display: flex;align-items: center;height: 100%;

    width: 200px;
	margin-right:50px}
.bodyHead .top .right {display: flex;align-items: center;justify-content: space-between;height: 100%; margin-left:400px
}

    .bodyHead .top .right .part {display: flex;    height: 100%;    margin-left: 30px;    align-items: center;    color: #474646;    text-transform:capitalize;    font-size: 14px;}

    .bodyHead .top .right .sel {color: #064cb6;}

    .bodyHead .top .right .hover:hover {color: #064cb6 !important;}

    .bodyHead .top .right .part img {margin-right: 8px;}

.bodyHead .heng {width: 100%;height: 1px;background: #e5e5e5}
.bodyHead .bottom {width: 100%;height: 57px;background: #fff;display: flex;align-items: center;justify-content: space-between}
    .bodyHead .bottom .left {height: 100%;    display: flex;    align-items: center;    justify-content: center;}

    .bodyHead .bottom .right {display: flex;    height: 100%;    align-items: center;}

        .bodyHead .bottom .right .nav {height: 100%;        display: flex;        justify-content: center;        align-items: center;        color: #000;        font-size: 14px;        letter-spacing: 1px;        padding:0 20px;        margin-left:10px;        margin-right:10px;        text-transform:capitalize;    }

            .bodyHead .bottom .right .nav:hover {background: #064cb6;color: #fff;}

        .bodyHead .bottom .right .sel {background: #064cb6;        color: #fff;    }

        .bodyHead .bottom .right .language {display: flex;        height: 100%;        align-items: center;        margin-left: 40px;    }

.language a {display: flex;height: 100%;align-items: center;color: #474646;font-size: 14px;letter-spacing: 1px}
.language .shu {height: 14px;width: 1px;margin: auto 10px;background: #a0a0a0}
/*#region banner */
.picScroll-left {width: 100%;position: relative}
    .picScroll-left .hd {overflow: hidden;    height: 40px;    display: flex;    justify-content: center;    margin-top: -40px;}

        .picScroll-left .hd .prev, .picScroll-left .hd .next {display: block;        width: 5px;        height: 9px;        float: right;        margin-right: 5px;        margin-top: 10px;        overflow: hidden;        cursor: pointer;    }

        .picScroll-left .hd .next {background-position: 0 -50px;    }

        .picScroll-left .hd ul {overflow: hidden;        zoom: 1;        margin-top: 10px;        z-index: 10;    }

            .picScroll-left .hd ul li {float: left;width: 28px;height: 4px;overflow: hidden;margin-right: 15px;text-indent: -999px;cursor: pointer;border-radius: 5px;border: 1px solid #000;}

                .picScroll-left .hd ul li.on {background-position: 0 0 !important;    border-color: #064cb6;}

    .picScroll-left .bd {height: 100%;    overflow: hidden;}

        .picScroll-left .bd ul {overflow: hidden;        zoom: 1;    }

            .picScroll-left .bd ul li {float: left;_display: inline;overflow: hidden;text-align: center;}

                .picScroll-left .bd ul li .pic {text-align: center;    width: 100%;}

.bannerImg {width:1903px;height: auto;display: block}
.innerBanner {width: 100%;overflow: hidden}
    .innerBanner img {width: 100%;    height: 100%;}
/*#endregion */
.cnTitle {text-transform:capitalize}.indexP .cnTitle {width: 100%;margin-bottom: 10px;height: 30px;line-height: 30px;font-size: 28px;color: #474646;letter-spacing: 1px;text-align: center}
.indexP .enTitle {font-size: 10px;color: #474646;width: 100%;text-align: center;line-height: 16px;text-transform: uppercase}
.indexP .heng {width: 30px;height: 1px;background: #474646;margin: 24px auto}
.indexAbout .text {line-height: 24px;font-size: 14px;color: #474646;text-indent: 2em;width: 1100px;margin: 0 auto;position: relative}
    .indexAbout .text .moreBtn {display: inline-flex;    align-items: center;    height: 22px;    color: #474646;    font-size: 14px;    border: 1px solid #90928f;    border-radius: 3px;    width: 98px;    justify-content: center;    text-indent: 0;}


/*#region mo */
.mo .picScroll-left {/*display: flex;*/
    /*flex-direction: column;*/
    position: relative;overflow: hidden}
    .mo .picScroll-left .prev {display: block;    width: 30px;    height: 50px;    float: right;    margin-top: 0px;    overflow: hidden;    cursor: pointer;    background: url("/Images/mo-left-w.png") no-repeat;    margin-right: 0px;    margin-left: 5px;    position: absolute;    top: 115px;    z-index: 11;}

    .mo .picScroll-left .next {display: block;    width: 30px;    height: 50px;    float: right;    margin-top: 0px;    overflow: hidden;    cursor: pointer;    background: url("/Images/mo-right-w.png") no-repeat;    position: absolute;    top: 115px;    z-index: 11;    right: 0;}

.moImg {width: 290px;height: 290px;border-radius: 10px}
.mo .picScroll-left .bd ul li {margin: 10px 5px}
    .mo .picScroll-left .bd ul li .pic {position: relative;    height: 290px;    border-radius: 10px;}

.mo .meng {width: 100%;height: 100%;background: rgba(0,0,0,0.35);border-radius: 10px;position: absolute;top: 0;left: 0;z-index: 10;display: flex;align-items: center;justify-content: center;flex-direction: column}
    .mo .meng img {width: 100px;    height: 100px;    margin-bottom: 20px;}

    .mo .meng .title {font-weight: bold;    font-size: 18px;    font-weight: bold;    color: #fff;}

.mo .pic:hover .meng {display: none}
.mo-zheng {margin-bottom: 10px}/*#endregion */

.yingyong ul {display: flex;width: 100%;justify-content: space-around;align-items: center}
    .yingyong ul li {display: flex;    width: 290px;    height: 300px;    justify-content: center;    align-items: center;    position: relative;    border-radius: 10px;    overflow: hidden;}

        .yingyong ul li .meng {position: absolute;        top: 0;        left: 0;        width: 100%;        height: 100%;        display: flex;        align-items: center;        justify-content: center;        background: rgba(230,0,18,.65);        flex-direction: column;        border-radius: 10px;    }

            .yingyong ul li .meng .cnTitle-y {color: #fff;font-weight: bold;color: #fff;font-size: 21px;margin-top: 15px;}

            .yingyong ul li .meng .enTitle-y {text-transform: uppercase;color: #fff;font-size: 12px;margin-top: 5px;}

        .yingyong ul li:hover .meng {display: none;    }

.news .left {width: 49%;height: 244px;display: flex;background: #fff}
    .news .left .part {display: flex;    flex-direction: column;    margin: 30px 20px;    position: relative;}

        .news .left .part .title {color: #474646;        font-size: 18px;        font-weight: bold;        line-height: 24px;    }

        .news .left .part .text {color: #474646;        font-size: 14px;        line-height: 24px;    }

        .news .left .part .bottom {position: absolute;        display: flex;        bottom: 0;        justify-content: space-between;        width: 282px;        align-items: center;        height: 30px;    }

            .news .left .part .bottom .time {font-size: 14px;color: #474646;}

.news .right {width: 49%;height: 244px;display: flex}
    .news .right ul {width: 100%;    height: 100%;    display: flex;    flex-direction: column;    align-items: center;}

        .news .right ul li {width: 100%;        height: 60px;        padding: 10px 0;        background: #fff;        display: flex;    }

            .news .right ul li a {width: 100%;height: 100%;display: flex;}

            .news .right ul li p {color: #474646;}

            .news .right ul li:hover p {color: #064cb6;}

            .news .right ul li .left {width: 60px;height: 60px;padding: 0 20px;display: flex;align-items: center;justify-content: center;flex-direction: column;}

                .news .right ul li .left .day {font-size: 32px;    font-weight: bold;    letter-spacing: 1px;}

                .news .right ul li .left .yAndM {font-size: 14px;    line-height: 24px;}

            .news .right ul li .mid {width: 1px;height: 40px;background: #474646;margin: 10px 30px 10px 10px;}

            .news .right ul li .right {margin-right: 50px;display: flex;flex-direction: column;justify-content: space-between;height: auto;width: auto;}

                .news .right ul li .right .title {font-size: 16px;    line-height: 24px;}

                .news .right ul li .right .text p {font-size: 14px;    line-height: 30px;    max-height: 30px;    text-overflow: ellipsis;    overflow: hidden;    width: 404px;    white-space: nowrap;}

.backTop {width: 40px;height: 40px;position: fixed;right: 40px;bottom: 40px;display: none;cursor: pointer}
.foot {width: 100%;background: #232323;height: 230px}
    .foot .body1200 {display: flex;    justify-content: space-between;}

    .foot .left {display: flex;    flex-direction: column;    height: 100%;    width: 400px;}

        .foot .left p {color: #fff;        line-height: 20px;        left: 1px;    }

        .foot .left .title {font-size: 16px;        margin-bottom: 8px;    }

        .foot .left .text {margin-bottom: 10px;    }

            .foot .left .text p {font-size: 13px;}

    .foot .right {display: flex;    flex-direction: column;    align-items: flex-end;    margin-left:40px;}

        .foot .right ul {display: flex;        justify-content: space-between;        width: 1100px;        margin-bottom: 30px;    }

            .foot .right ul li {display: flex;flex-direction: column;}

                .foot .right ul li .title {font-size: 14px;    text-transform:uppercase;}

                .foot .right ul li .text {font-size: 13px;    text-transform:capitalize;}

                .foot .right ul li p, .foot .right ul li a {color: #fff;    line-height: 30px;}

.pp {color: #fff;font-size: 14px;line-height: 26px;text-align:right}
.innerBody {flex: 1;background: #f4f4f4;display: flex;justify-content: space-between}
    .innerBody .left {width: 270px;    height: auto;    display: flex;    flex-direction: column;    background: #fff;    border-top-left-radius: 10px;    overflow: hidden; float:left}

        .innerBody .left .topMark {display: flex;        width: 100%;        height: 84px;        justify-content: center;        align-items: center;        background: #d10000;    }

            .innerBody .left .topMark .cnTitle {font-size: 16px;color: #fff;line-height: 24px;margin-bottom: 5px;}

            .innerBody .left .topMark .enTitle {font-family: Arial;font-size: 13px;color: #fff;line-height: 16px;text-transform: uppercase;}

        .innerBody .left ul {width: 100%;        display: flex;        flex-direction: column;        height: auto;        overflow: hidden;    }

            .innerBody .left ul li a {display: flex;width: 170px;border-bottom: 1px solid #ededed;padding-left: 64px;padding-right: 36px;align-items: center;height: 56px;}

            .innerBody .left ul li .text {font-size: 14px;color: #000;margin-left: 14px;margin-right: auto;line-height: 20px;text-transform:capitalize;width:180px;}
            .back {text-transform:capitalize;}
            .innerBody .left ul .sel .img1, .innerBody .left ul li:hover .img1 {display: none;}

            .innerBody .left ul .sel .img2, .innerBody .left ul li:hover .img2 {display: block;}

            .innerBody .left ul .sel p, .innerBody .left ul li:hover p {color: #d10000;}

            .innerBody .left ul .sel, .innerBody .left ul li:hover {background: url(/Images/bbb.png) no-repeat center;}

    .innerBody .right {width: 820px; float:left;   height: auto;    display: flex;    flex-direction: column;    background: #fff;    overflow: hidden;    padding: 40px;}

        .innerBody .right .innerRightHead {display: flex;        justify-content: space-between;        border-bottom: 1px solid #cccccc;        padding-bottom: 20px;        height: auto;        align-items:center;    }

            .innerBody .right .innerRightHead .title {color: #454545;font-size: 18px;line-height: 20px;display: flex;align-items: center;text-transform:capitalize;width:265px;}

            .innerBody .right .innerRightHead .from {height: 21px;display: flex;align-items: center;}

                .innerBody .right .innerRightHead .from .text {margin-left: 4px;    line-height: 20px;    color: #777777;    font-size: 12px;    text-transform:capitalize;}

        .innerBody .right .innerRightDetail {display: flex;        justify-content: center;        flex-direction: column;    }

        .innerBody .right .jj .text p {font-size: 14px;        line-height: 26px;        color: #353535;        text-indent: 2em;    }

        .innerBody .right .wenhua ul {display: flex;        flex-direction: column;        width: 100%;        height: auto;        overflow: hidden;        margin-top: 10px;    }

            .innerBody .right .wenhua ul li {height: 135px;display: flex;align-items: center;border-bottom: 1px dashed #bbbbbb;margin-top: 1px;}

                .innerBody .right .wenhua ul li img {width: 98px;    height: 98px;    margin-right: 30px;}

        .innerBody .right .wenhua .rightP {display: flex;        flex-direction: column;        justify-content: center;    }

            .innerBody .right .wenhua .rightP .title {font-size: 18px;font-weight: bold;color: #000;margin-bottom: 8px;}

            .innerBody .right .wenhua .rightP .text {font-size: 14px;line-height: 24px;color: #000;}

        .innerBody .right .zhici .zhiciBody {display: flex;        width: 100%;        height: auto;        flex-direction: column;        align-items: center;        justify-content: center;        height: 340px;        margin-top: 40px;        background: url(/Images/earth_03.jpg) no-repeat center;    }

            .innerBody .right .zhici .zhiciBody .title {color: #000000;font-size: 30px;width: 100%;text-align: center;}

            .innerBody .right .zhici .zhiciBody .heng {height: 2px;width: 30px;margin: 20px auto;background: #000;}

            .innerBody .right .zhici .zhiciBody .text p {width: 100%;text-align: center;font-size: 15px;line-height: 30px;color: #353535;}

.ban {width: 100%;height: auto;position: relative;margin-top: 20px}
.ban2 {width: 1100px;height: auto;min-height: 760px;position: relative;margin: 0px auto;overflow: hidden}


    .ban2 ul {position: absolute;    left: 0;    top: 0;    display:flex;    height:100% !important
    }

        .ban2 ul li {width: 1024px;        height: auto;        display: block;        overflow: hidden;        margin: 0px 38px;        padding: 30px 0;        position: relative;        /*background: url(/Images/shu.png) no-repeat;*/
            background-position: center top;        background-size: auto 100%;    }

.min_pic {padding-top: 10px;width: 100%;padding-bottom: 15px;overflow: hidden;display: flex;height: 160px;justify-content: space-around}
    .min_pic img {width: 100%;    max-width: none;}

.num {height: 88px;overflow: hidden;width: 900px;position: relative}
    .num ul {position: absolute;    left: 0;    top: 0;    display:flex;    height:100% !important;}

        .num ul li {width: 142px;        height: 142px;        background: #80c269;        padding: 10px;        margin: 0 25px;        cursor: pointer;    }

            .num ul li .time {width: 100%;line-height: 20px;color: #fff;font-size: 18px;margin-top: 10px;}

            .num ul li .text {width: 100%;font-size: 32px;line-height: 40px;color: #fff;}

            .num ul li.on {background: #006835;}

.prev_btn1 {width: 30px;height: 100%;cursor: pointer;display: flex;align-items: center;justify-content: center}
.next_btn1 {width: 30px;height: 100%;cursor: pointer;display: flex;align-items: center;justify-content: center}
.prev1 {position: absolute;top: 176px;left: 30px;width: 23px;height: 42px;z-index: 9;cursor: pointer}
.next_btn1:hover .img1,
.prev_btn1:hover .img1 {display: none}
.next_btn1:hover .img2,
.prev_btn1:hover .img2 {display: block}
.next1 {position: absolute;top: 176px;right: 30px;width: 23px;height: 42px;z-index: 9;cursor: pointer}
.changrong .prev1:hover .img1,
.changrong .next1:hover .img1 {display: none}
.changrong .prev1:hover .img2,
.changrong .next1:hover .img2 {display: block}
.changrong .ban {width: 100%;margin: 0 auto}
.changrong .ban2 {width: 94%;min-height: 400px;margin: 30px auto;margin-bottom: 10px}
.changrong .num {height: 100%}
.changrong .min_pic {align-items: center}
.changrong .min_pic {width: 818px;margin: 0 auto;height: 85px}
.changrong .num ul li {width: 141px;height: 81px;background: none;border: 2px solid #eee;padding: 0;display: flex;justify-content: center;align-items: center;cursor: pointer;margin: 0 4px}
    .changrong .num ul li img {width: 90%;}

.changrong .ban2 ul {padding-left: 20px}
    .changrong .ban2 ul li {width: 670px;    display: flex;    justify-content: center;    align-items: center;    flex-direction: column;    background: none;    margin: 0 30px;    border: 1px solid #eee;    padding: 10px 0;}

        .changrong .ban2 ul li img {width: 652px;        height: 374px;    }

        .changrong .ban2 ul li p {width: 652px;        line-height: 40px;        font-size: 13px;        color: #fff;        position: absolute;        bottom: 10px;        background: rgba(0,0,0,.5);        text-indent: 2em;    }

.changrong .num ul li.on {border-color: #064cb6}
.changrong .changrongBody .title {color: #000;font-size: 14px;margin-top: 20px;line-height: 24px}
.news .top {margin-top: 30px;width: 100%;height: 240px;background: #eeeeee;display: flex}
    .news .top .part {height: 200px;    padding: 20px;    position: relative;}

        .news .top .part .title {color: #474646;        font-size: 18px;        font-weight: bold;        word-break:break-all;    }

        .news .top .part .time {color: #888888;        font-size: 13px;        margin: 14px auto;    }

        .news .top .part .text {font-size: 14px;        line-height: 24px;        color: #474646;    }

        .news .top .part .go {position: absolute;        bottom: 20px;        right: 30px;    }

.news ul {width: 100%;display: flex;flex-direction: column}
    .news ul li {height: auto;    width: 100%;    padding: 20px 0;    border-top: 1px solid #eee;}
  
        .news ul li a {display: flex;    }

        .news ul li .time {display: flex;        flex-direction: column;        align-items: center;        justify-content: center;        width: 65px;        height: 65px;        margin-left: 15px;    }

            .news ul li .time .day {font-weight: bold;font-size: 32px;color: #888888;letter-spacing: 1px;}

            .news ul li .time .yAndM {font-size: 14px;color: #888888;line-height: 20px;letter-spacing: 1px;}

        .news ul li .shu {width: 1px;        height: 35px;        background: #666666;        margin: auto 20px;    }

        .news ul li .title {color: #000;        font-size: 18px;        margin-bottom: 5px;        line-height: 24px;    }

        .news ul li .text {color: #666666;        font-size: 14px;        line-height: 24px;        height: 48px;        width: 700px;        overflow: hidden;    }

        .news ul li:hover p {color: #064cb6 !important;    }

        .news ul li:hover .shu {color: #064cb6;    }

.newsDetail .title {font-size: 20px;line-height: 26px;margin-top: 20px;width: 100%;text-align: center;font-weight: bold;letter-spacing: 1px}
.newsDetail .time {color: #888888;margin: 20px auto;width: 100%;text-align: center;font-size: 13px}
.newsDetail {display: flex;flex-direction: column}
    .newsDetail .text {width: 100%;    display: flex;    justify-content: center;    flex-direction: column;    position: relative;    padding-bottom: 50px;}

        .newsDetail .text img {width: auto;        margin: 20px auto;    }

        .newsDetail .text p {font-size: 14px;        color: #353535;        text-indent: 2em;        line-height: 24px;        word-break:break-all;    }

        .newsDetail .text .back {width: 94px;        line-height: 36px;        text-align: center;        position: absolute;        right: 0;        bottom: 0px;        color: #fff;        font-size: 14px;        background: #064cb6;        letter-spacing: 1px;        border-radius: 20px;    }

.video ul {display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%}
    .video ul li {margin-top: 30px;    width: 49%;    height: 235px;    position: relative;    display: flex;}

        .video ul li .playBtn {width: 100px;        height: 30px;        position: absolute;        background: url(/Images/paly-gray.png) no-repeat center;        right: 20px;        top: 20px;        z-index: 100;        cursor: pointer;    }

        .video ul li:hover .playBtn {background: url(/Images/play-red.png) no-repeat center;    }

        .video ul li .meng {display: flex;        position: absolute;        top: 0;        left: 0;        height: 100%;        width: 100%;        background: rgba(255,255,255,.6);        flex-direction: column;        align-items: center;        justify-content: center;        display: none;    }

            .video ul li .meng .title {margin-top: 0px;width: 90%;text-align: center;font-size: 18px;font-weight: bold;color: #d10000;white-space: nowrap;text-overflow: ellipsis;}

            .video ul li .meng .shu {width: 1px;height: 24px;margin-top: 10px;margin-bottom: 18px;background: #666666;}

            .video ul li .meng .text p {color: #454545;font-size: 14px;width: 100%;text-align: center;line-height: 24px;max-height: 82px;overflow: hidden;}

        .video ul li:hover .meng {display: flex;    }

.productU a {width: 230px !important;padding-left: 20px !important;padding-right: 20px !important}
.productList {display: flex;flex-direction: column;justify-content: center;align-items: center;flex-wrap: wrap}
    .productList ul {display: flex;    justify-content: space-between;    width: 100%;    height: auto;    flex-wrap: wrap;}

        .productList ul li {width: 48.5%;        height: 290px;        display: flex;        border-radius: 14px;        position: relative;        margin-top: 30px;        overflow: hidden;    }

            .productList ul li a, .proImg {width: 100%;height: 100%;}

            .productList ul li .meng {position: absolute;display: flex;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top: 0;left: 0;justify-content: center;flex-direction: column;align-items: center;}

                .productList ul li .meng .title {font-size: 20px;    margin-top: 20px;    font-weight: bold;    color: #fff;}

.proMidImg {width: 100px;height: 100px}
.productList .back, .productList2 .back {width: 94px;line-height: 36px;text-align: center;color: #fff;font-size: 14px;background: #064cb6;letter-spacing: 2px;border-radius: 20px;margin-top: 20px}

.productList2, .productList2 ul {width: 100%;display: flex;flex-direction: column;height: auto;justify-content: center;align-items: center}
    .productList2 ul a {width: 100%;    display: flex;}

        .productList2 ul a li {width: 90%;        box-shadow: 0 0 5px #eee;        padding: 10px 4.5%;        height: 150px;        margin-top: 30px;        display: flex;        align-items: center;    }
        .productList2 ul a li img {width:140px;        height:140px;    }
    .productList2 ul li .shu {width: 1px;    height: 96%;    background: #eeeeee;    margin: auto 40px;}

    .productList2 ul li .p2Right {display: flex;    flex-direction: column;    position: relative;    height: 100%;    overflow: hidden;}

    .productList2 ul li .title {font-size: 18px;    color: #111111;    margin-top: 10px;}

    .productList2 ul li .heng {height: 1px;    width: 24px;    background: #000;    margin: 14px 0;}

    .productList2 ul li .text {color: #666666;    font-size: 14px;    line-height: 24px;    max-height:48px;    overflow:hidden;}

    .productList2 ul li .xg {position: absolute;    right: 0;    bottom: 10px;    width: 15px;    height: 15px;}

.proDetail .top .ban2 {width: 81%;min-height: 440px}
    .proDetail .top .ban2 ul li {width: 585px;}

.proDetail .num ul li {height: auto;width: 117px;background: #fff;border: 2px solid #eee;padding: 3px;margin: 0 10px;display: flex;align-items: center;justify-content: center}
.proDetail .num ul .on {border-color: #064cb6}
.proDetail .min_pic {height: 90px}
.proDetail .num {margin-left: 10px}
.proDetail .prev_btn1, .proDetail .next_btn1 {width: 34px;height: 88px}
.proDetail .min_pic img {height: 100%}
.proDetail .prev1, .proDetail .next1 {width: 52px;height: 52px;top: 210px}
.prev1:hover .img1, .next1:hover .img1 {display: none}
.prev1:hover .img2, .next1:hover .img2 {display: block}
.proDetail .bottom {margin-top: 20px;border: 1px solid #f4f4f4}
.proDetail .headTitle {display: flex;width: 100%;height: 70px;text-align: center;align-items: center;justify-content: center;letter-spacing: 1px;font-size: 24px;color: #000}
.bcf4 {background: #f4f4f4}
.proDetail .part1, .proDetail .part2 {display: flex;justify-content: space-between}
    .proDetail .part1 .left {background: #fff;    width: 20%;    padding: 0 5%;    display: flex;    height: 50px;    color: #353535;    justify-content: center;    font-weight: bold;    font-size: 14px;    border-radius: 0;}

    .proDetail .part1 .right {background: #fff;    margin-left: 1px;    padding: 0 4%;    display: flex;    justify-content: center;    height: 50px;    color: #353535;    font-size: 14px;    font-family:lala !important;}

    .proDetail .part2 .left {width: 20%;    padding: 0 5%;    display: flex;    height: 50px;    color: #353535;    justify-content: center;    font-weight: bold;    font-size: 14px;    border-radius: 0;    background: #f4f4f4;}

    .proDetail .part2 .right {padding: 0 4%;    margin-left: 1px;    display: flex;    justify-content: center;    height: 50px;    color: #353535;    font-size: 14px;    background: #f4f4f4;}

.proDetail .part3 {background: #fff;border-bottom: 1px solid #eee}
    .proDetail .part3 .text {width: 90%;    margin: 0 5%;    font-size: 14px;    color: #353535;    display: flex;    align-items: center;    line-height:24px;}

.proDetail .part4 {min-height: 50px;background: #fff;border-bottom: 1px solid #eee;padding: 0 5%;display: flex;padding-bottom: 20px;flex-direction: column}
    .proDetail .part4 .title {font-weight: bold;    font-size: 15px;    color: #353535;    margin: 14px 0;    display: flex;}

    .proDetail .part4 .text p {font-size: 14px;    color: #353535;    line-height: 24px;    display: flex;    align-items: center;}

    .proDetail .part4 .text img {margin: 0 5px;}

.proDetail .back {margin: 20px auto;width: 94px;line-height: 36px;text-align: center;color: #fff;font-size: 14px;background: #064cb6;letter-spacing: 1px;margin-top: 40px;border-radius: 20px}

.lingyu ul {display: flex;flex-wrap: wrap;width: 100%;height: auto}
    .lingyu ul li {width: 32%;    display: flex;    flex-direction: column;    margin-right: 1%;    margin-top: 20px;    box-shadow: 0 0 2px #eee;}

        .lingyu ul li .lingyuI {width: 100%;        height: 185px;    }

        .lingyu ul li .text {width: 80%;        padding: 0 10%;        background: #fff;        height: 60px;        display: flex;        justify-content: space-between;        align-items: center;    }

            .lingyu ul li .text p {color: #222222;font-size: 14px;max-height:40px;line-height:20px;overflow:hidden;}

        .lingyu ul li:hover .img1 {display: none;    }

        .lingyu ul li:hover .img2 {display: block;    }

        .lingyu ul li:hover p {color: #064cb6;    }


.rcBody {width: 100%;margin: 30px auto;background: url(/Images/rc.jpg) no-repeat center;position: relative;height: 533px}
.whiteBody {width: 440px;height: 200px;position: absolute;bottom: 50px;left: 50px;background: rgba(255,255,255,.8);padding: 30px}
    .whiteBody .text p {font-size: 15px;    line-height: 24px;    color: #353535;}

.zhaopin {display: flex;width: 100%;height: auto;flex-direction: column;padding: 20px 0}
    .zhaopin .head {height: 40px;    background: #d10000;    display: flex;}

.innerPart {display: flex;flex: 0 0 20%;height: 40px;align-items: center;justify-content: center;font-weight: bold;color: #fff;font-size: 15px}
.zhaopin ul {display: flex;flex-direction: column;width: 100%}
    .zhaopin ul li {display: flex;    flex-direction: column;    width: 100%;    border-bottom: 1px solid #eee;    position: relative;}

        .zhaopin ul li .top {display: flex;        width: 100%;        height: 54px;    }

            .zhaopin ul li .top .innerPart {height: 54px;color: #353535;}

    .zhaopin ul .sel .img1 {display: none;}

    .zhaopin ul .sel .img2 {display: block;}

    .zhaopin ul .sel p {color: #064cb6 !important;}

    .zhaopin ul li .bottom {background: url(/Images/zhaopinB_03.png) no-repeat top;    margin-top: -7px;    padding: 20px 50px;    flex-direction: column;    display: none;}

        .zhaopin ul li .bottom .text p {font-size: 13px;        color: #353535 !important;        line-height: 24px;    }

    .zhaopin ul .sel .bottom {display: flex !important;}

.contactUs .title {margin: 14px 0;font-size: 22px;color: #000000;font-weight: bold}
.contactBody {width: 100%;margin-bottom: 20px;display: flex;height: auto}
    .contactBody .left {width: auto;    height: auto;    display: flex;    flex-direction: column;    padding-top: 10px;}

        .contactBody .left p {font-size: 14px;        line-height: 30px;        color: #666666;    }
        .contactBody .left a {font-size: 14px;        line-height: 30px;        color: #666666;    }

    .contactBody .shu {width: 1px;    height: 120px;    margin: 0 20px;    background: #f4f4f4;}

    .contactBody .right1 {display: flex;    flex-direction: column;}

        .contactBody .right1 .top {display: flex;        width: auto;        height: auto;    }

            .contactBody .right1 .top .left1 {display: flex;flex-direction: column;}

                .contactBody .right1 .top .left1 .heng {margin: 10px 0;    height: 2px;    width: 30px;    background: #666666;}

                .contactBody .right1 .top .left1 .title1 {font-size: 16px;    color: #353535;    line-height: 24px;}

                .contactBody .right1 .top .left1 .text1 {font-size: 14px;    color: #666666;    line-height: 24px;}

.right1 .bottom {display: flex;flex-direction: column}
    .right1 .bottom .ttop {display: flex;    justify-content: space-around;}

    .right1 .bottom .bbb {display: flex;    justify-content: space-around;}

        .right1 .bottom .bbb .een {font-size: 12px;        text-transform: uppercase;        color: #666666;        width: 50px;        text-align: center;        line-height: 30px;    }


.lianxiBody {width: 100%;display: flex;height: auto;margin: 20px auto}
    .lianxiBody .left {width: 50%;    display: flex;    height: 454px;    border-radius: 0;}

        .lianxiBody .left img {width: 100%;        height: 100%;    }

    .lianxiBody .right2 {display: flex;    width: 50%;    height: 454px;    background: url(/Images/rrr.png) no-repeat center;    background-size: 100% 100%;    padding: 0;    flex-direction: column;}

.right2 .ht {display: flex;height: 40px;width: 80%;margin: 20px 10%;margin-bottom: 10px;align-items: center;font-size: 21px;color: #222222}
    .right2 .ht img {margin-right: 20px;}

.inpT {width: 84%;margin: 10px 8%;height: 40px;line-height: 40px;background: #fff;outline: none;text-indent: 1em;font-size: 14px}
.inpT2 {width: 84%;margin: 10px 8%;height: 100px;line-height: 30px;background: #fff;outline: none;text-indent: 1em;font-size: 14px;margin-bottom: 20px;resize:none;font-family:"Microsoft YaHei"}
.up {display: flex;border: 1px solid #9b9b9b;color: #777777;font-size: 16px;line-height: 36px;width: 110px;text-align: center;letter-spacing: 1px;border-radius: 5px;margin-left: 10%;justify-content: center;align-items: center;cursor: pointer}
.newsTopImg {width: 320px;height: 240px}

.now {color:#fff;background:#064cb6;border-radius:3px;width:30px;height:30px;display:inline-block;line-height:30px;margin-right:0px;margin:0 10px;font-size:14px}
.pageControll a {width:30px;height:30px;color:#353535;margin-right:0 !important;margin:0 10px;display:inline-block;line-height:30px;font-size:14px}.pageControll a:hover {background:#064cb6;color:#fff}
.iimg {width:266px;height:244px}.ttop a {margin:0 10px;
}