@charset 'utf-8';

/** Generated by FG **/
@font-face {
    font-family: 'Conv_HelveticaNeueLTPro-Roman';
    src: url('../fonts/HelveticaNeueLTPro-Roman.eot');
    src: local('☺'), url('../fonts/HelveticaNeueLTPro-Roman.woff') format('woff'),
        url('../fonts/HelveticaNeueLTPro-Roman.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLTPro-Roman.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Microsoft YaHei", Arial;
    overflow: hidden !important;
}

@media screen and (max-width: 991px) {
    html {
        overflow-x: hidden;
        overflow-y: auto;
    }
}

/*
PC头部
*/
.header_wrap {
    width: 100%;
    height: 51px;
    border-bottom: 1px solid #e5e5e5;
    background: #ffffff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9000;
    transition: all 0.5s linear;
}

.index {
    transition: all 0.5s linear;
}

@media screen and (max-width: 1080px) {
    .header_wrap {
        display: none;
    }
}

.header_wrap .header {
    width: 1280px;
    height: 100%;
    margin: auto;
    position: relative;
}

.header_wrap .header .logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 97px;
    height: 52px;
    padding-top: 15px;
    text-align: center;
    border-bottom: 3px solid #ed174b;
}

.header_wrap .header .logo img {
    width: 72px;
    height: 19px;
}

.header_wrap .header .tab {
    width: 100%;
    height: 100%;
    margin: auto;
    text-align: center;
}

.header_wrap .header .tab>li {
    display: inline-block;
    font-size: 16px;
    line-height: 50px;
    padding: 0 30px;
}

.header_wrap .header .tab>li>a {
    color: #444444;
    font-weight: bold;
}

.header_wrap .header .tab>li.act {
    height: 52px;
    background: #f4f4f4;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.header_wrap .header .tab>li.act>a {
    color: #ed174b;
}

.header_wrap .header .util {
    width: auto;
    height: 51px;
    position: absolute;
    right: 0;
    top: 0px;
}

.header_wrap .header .util li {
    display: inline-block;
    width: auto;
    height: auto;
    vertical-align: middle;
}

.header_wrap .header .util li a {
    display: inline-block;
    width: auto;
    height: 100%;
    font-size: 12px;
    color: #999999;
    padding: 0 9px 0 3px;
    line-height: 50px;
    background: url('../images/bar1.jpg') no-repeat right 19px
}

.header_wrap .header .util li a:hover {
    color: #ed174b;
}

.header_wrap .header .util .lang .sel_lang {
    padding: 0 10px 0 5px;
    background: url('../images/bu_arr1.png') no-repeat right 23px;
}

.header_wrap .header .util .lang .sel_lang.on {
    background: url('../images/bu_arr10.png') no-repeat right 23px;
}

.header_wrap .header .util .lang .langList {
    display: none;
    padding: 10px 0 10px 0;
    background: #fff;
    border: 1px solid #e5e5e5;
    position: absolute;
    top: 35px;
    right: 35px;
}

.header_wrap .header .util .lang .langList li {
    display: block;
    width: 60px;
    height: auto;
    text-align: center;
    /*padding: 0px 13px 0px 0;*/
}

.header_wrap .header .util .lang .langList li a {
    background: none;
    padding: 0;
    line-height: 20px;
}

.header_wrap .header .util .search a {
    background: none;
    padding-left: 10px;
}

.header_wrap .header .util .search img {
    width: 20px;
    height: 19px;
}

/* 搜索框 */
.commonSearch {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9500;
    background: rgba(0, 0, 0, 0.9);
    display: none;
}

.commonSearch .btn_close_search {
    position: absolute;
    right: 30px;
    top: 30px;
}

@media screen and (max-width: 640px) {
    .commonSearch .btn_close_search img {
        display: inline-block;
        width: 40px;
        height: 40px;
    }
}

.commonSearch .wrap {
    width: 610px;
    height: 300px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (max-width: 640px) {
    .commonSearch .wrap {
        width: calc(100% - 30px);
        height: 300px;
        position: absolute;
        left: 15px;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
}

.commonSearch .searchBox {
    position: relative;
    margin-bottom: 20px;
}

.commonSearch .searchBox input {
    width: 100%;
    height: 70px;
    font-size: 18px;
    color: #727272;
    border: 0;
    background: #fff;
    padding: 0 0 0 30px;
}

.commonSearch .searchBox .btn_search {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.commonSearch .keyword {
    width: 100%;
    height: 280px;
    background: rgba(255, 255, 255, 0.2);
    position: relative;
}

.commonSearch .keyword .recent {
    width: 255px;
    height: auto;
    position: absolute;
    left: 50px;
    top: 40px;
    padding-left: 50px;
    background: url('../images/icon_recent.png') no-repeat;
}

@media screen and (max-width: 640px) {
    .commonSearch .keyword .recent {
        width: 100%;
        position: static;
        padding-top: 15px;
        margin: 15px;
        margin-top: 0;
        background-size: 20px auto;
        background: url('../images/icon_recent.png') 0 20px no-repeat;
    }
}

.commonSearch .keyword .tit {
    font-size: 22px;
    color: #fff;
    padding: 8px 0 10px 0;
}

@media screen and (max-width: 640px) {
    .commonSearch .keyword .tit {
        font-size: 18px;
    }
}

.commonSearch .keyword .bar {
    width: 25px;
    height: 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
}

.commonSearch .keyword .popular {
    width: 270px;
    height: auto;
    position: absolute;
    left: 307px;
    top: 40px;
    padding-left: 50px;
    background: url('../images/icon_popular.png') no-repeat;
}

@media screen and (max-width: 640px) {
    .commonSearch .keyword .popular {
        width: 100%;
        position: static;
        margin: 15px;
        background-size: 20px auto;
    }
}

.commonSearch .keyword .list li a {
    display: block;
    width: 100%;
    font-size: 13px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.commonSearch .keyword .list li {
    margin-bottom: 8px;
}

/* PC下拉 */
.gnbSub {
    width: 100%;
    min-width: 1000px;
    height: auto;
    position: fixed;
    left: 0;
    top: 51px;
    z-index: 200;
}

.gnbSub .area1 {
    width: 100%;
    height: 50px;
    background: #f4f4f4;
    display: none !important;
}

.gnbSub .area1 .sub_d2 {
    width: 1000px;
    height: 50px;
    margin: 0 auto;
    padding: 15px 0 0 5px;
}

.gnbSub .area1 .sub_d2 li {
    float: left;
    background: url('../images/bar1.jpg') no-repeat right 4px;
    padding: 0 13px 0 12px;
}

.gnbSub .area1 .sub_d2 li:last-child {
    background: none;
}

.gnbSub .area1 .sub_d2 li a.on {
    color: #ed174b;
}

.gnbSub .area1 .sub_d2 li a:hover {
    color: #ed174b;
}

.gnbSub .area1 .sub_d2 li a {
    font-size: 14px;
    color: #474747;
}

.gnbSub .area2 {
    display: inline-block;
    width: 100%;
    height: auto;
    min-height: 290px;
    background: #fff;
    padding-bottom: 45px;
    /* -webkit-box-shadow: 0px 5px 10px rgba(75, 75, 75, 0.3);
    -moz-box-shadow: 0px 5px 10px rgba(75, 75, 75, 0.3);
    -o-box-shadow: 0px 5px 10px rgba(75, 75, 75, 0.3);
    -ms-box-shadow: 0px 5px 10px rgba(75, 75, 75, 0.3);
    box-shadow: 0px 5px 10px rgba(75, 75, 75, 0.3); */
    display: none;
    border-bottom: 2px solid #ed174b;
}

.gnbSub .area2 .wrap {
    width: 1280px;
    height: auto;
    min-height: 290px;
    margin: 0 auto;
}

.gnbSub .area2 .wrap .d-sanjibian {
    /*display:none;*/
}

.gnbSub .area2 .sub_d3 {
    float: left;
    width: 222px;
    height: auto;
    min-height: 290px;
    padding-top: 10px;
    position: relative;
    display: none;
}

.gnbSub .area2 .sub_d3.act {
    display: block;
}

.gnbSub .area2 .sub_d3>li {
    width: 222px;
    height: 35px;
}

.gnbSub .area2 .sub_d3>li>a {
    display: inline-block;
    width: 100%;
    height: 35px;
    font-size: 14px;
    color: #474747;
    line-height: 34px;
    padding-left: 15px;
    text-align: left;
    border-bottom: 1px solid #fff;
    letter-spacing: -0.5px;
}

.gnbSub .area2 .sub_d3>li>a.on {
    color: #fff;
    background: #ed174b;
}

.gnbSub .area2 .sub_d3>li>a:hover {
    color: #fff;
    background: #ed174b;
}

.gnbSub .area2 .sub_d3>li>a.arr {
    background: url("../images/bu_arr11.png") no-repeat 195px 12px;
}

.gnbSub .area2 .sub_d3>li>a:hover.arr {
    background: #ed174b url("../images/bu_arr12.png") no-repeat 195px 12px;
}

.gnbSub .area2 .sub_d3>li>a.on.arr {
    background: #ed174b url("../images/bu_arr12.png") no-repeat 195px 12px;
}

.gnbSub .area2 .sub_d4 {
    position: absolute;
    left: 222px;
    top: 0;
    z-index: 10;
    width: 289px;
    height: 290px;
    padding-top: 10px;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
}

.gnbSub .area2 .sub_d4.on {
    display: block;
}

.gnbSub .area2 .sub_d4>li {
    width: 289px;
    min-height: 35px;
}

.gnbSub .area2 .sub_d4>li>a {
    display: inline-block;
    width: 100%;
    min-height: 35px;
    font-size: 14px;
    text-align: left;
    color: #767676;
    line-height: 34px;
    padding-left: 20px;
}

.gnbSub .area2 .sub_d4>li>a {
    display: inline-block;
    width: 100%;
    min-height: 35px;
    font-size: 14px;
    color: #767676;
    line-height: 34px;
    padding-left: 20px;
}

.gnbSub .area2 .sub_d4>li>a.arr {
    background: url("../images/bu_arr13.png") no-repeat 255px 14px;
}

.gnbSub .area2 .sub_d4>li>a.on.arr {
    background: #eee url("../images/bu_arr14.png") no-repeat 255px 14px;
}

.gnbSub .area2 .bnr_notice {
    float: right;
    width: 735px;
    height: 290px;
    position: relative;
}

.gnbSub .area2 .bnr_notice .gnb_banner1 {
    /*width: 230px;*/
    /*height: 195px;*/
    /*position: absolute;*/
    /*left: 15px;*/
    top: 48px;
    float: left;
    margin-left: 15px;
    margin-top: 48px;
}

.gnbSub .area2 .bnr_notice .gnb_banner2 {
    /*width: 230px;*/
    /*height: 195px;*/
    /*position: absolute;*/
    /*left: 260px;*/
    top: 48px;
    float: left;
    margin-left: 15px;
    margin-top: 48px;
}

.gnbSub .area2 .bnr_notice .tit {
    width: auto;
    height: 28px;
    font-size: 16px;
    color: #2e373d;
    position: relative;
}

.gnbSub .area2 .bnr_notice .bnr_img {
    /*width: 230px;*/
    /*height: 195px;*/
    overflow: hidden;
}

.gnbSub .area2 .bnr_notice .notice {
    width: 230px;
    height: auto;
    /*position: absolute;*/
    /*left: 505px;*/
    top: 20px;
    float: left;
    margin-left: 15px;
    margin-top: 20px;
}

.gnbSub .area2 .bnr_notice .btn_more {
    display: inline-block;
    width: 13px;
    height: 13px;
    text-indent: -9999px;
    background: url('../images/btn_more.png') no-repeat;
    position: absolute;
    right: 0;
    top: 4px;
}

.gnbSub .area2 .bnr_notice .notice .noticeList {
    width: 100%;
    height: 195px;
    padding: 15px 20px 0 20px;
    background: #fff;
    margin-bottom: 10px;
}

.gnbSub .area2 .bnr_notice .notice .noticeList li {
    margin-bottom: 5px;
}

.gnbSub .area2 .bnr_notice .notice .noticeList li a {
    display: inline-block;
    width: 100%;
    height: 13px;
    font-size: 12px;
    line-height: 12px;
    color: #777d81;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.gnbSub .area2 .bnr_notice .gnb_banner {
    float: left;
    display: none;
}

.gnbSub .area2 .bnr_notice .gnb_banner.act {
    display: block;
}

.gnbSub .area2 .bnr_prdt {
    width: 490px;
    height: 290px;
    /* padding-top: 70px; */
    border: 1px solid #e5e5e5;
    border-top: none;
    border-bottom: 0;
    background: #fff;
    position: absolute;
    top: 0;
    left: 511px;
    z-index: -1;
    opacity: 0;
    /*display: none;*/
}

.gnbSub .area2 .bnr_prdt1 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    display: none;
}

.gnbSub .area2 .bnr_prdt1 .tempWrap {
    /* top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); */
    height: 100%;
}

.gnbSub .area2 .bnr_prdt1 .con {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gnbSub .area2 .bnr_prdt1 .iy {
    width: 160px;
    text-align: center;
    float: left;
}

.gnbSub .area2 .bnr_prdt1 .iy .im {
    width: 150px;
    height: 150px;
}

.gnbSub .area2 .bnr_prdt1 .iy .im img {
    width: 100%;
}

.gnbSub .area2 .bnr_prdt1 .iy .name {
    font-size: 14px;
    color: #767676;
    padding-top: 5px;
    text-align: center;
}

.gnbSub .area2 .bnr_prdt1 .next {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 500;
    cursor: pointer;
}

.gnbSub .area2 .bnr_prdt1 .prev {
    position: absolute;
    top: 0px;
    right: 36px;
    z-index: 500;
    cursor: pointer;
}

/*
手机头部
*/
.header_wrap_ph,
.lnb_wrap {
    display: none;
}

@media screen and (max-width: 1080px) {
   
    .header_wrap_ph {
        display: block;
        width: 100%;
        height: 52px;
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 5000;
    }

    .header_wrap_ph .logo {
        position: absolute;
        left: 25px;
        top: 0;
        width: auto;
        height: 52px;
        padding-top: 15px;
        text-align: center;
        border-bottom: 0;
    }

    .header_wrap_ph .logo img {
        width: auto;
        height: 30px;
    }

    .btn_open_gnb_search_ph {
        display: inline-block;
        width: 40px;
        height: 52px;
        text-align: center;
        line-height: 50px;
        background-size: auto 20px;
        margin: 0;
        float: right;
    }

    .btn_open_gnb_search_ph img {
        width: 25px;
    }

    .btn_open_menu {
        display: inline-block;
        width: 40px;
        height: 52px;
        text-align: center;
        line-height: 50px;
        background-size: auto 20px;
        margin-right: 25px;
        float: right;
    }

    .btn_open_menu img {
        width: 26px;
    }

    .lnb_wrap {
        display: block;
        width: 60%;
        height: 100%;
        background: #fff;
        position: absolute;
        top: 0;
        right: -60%;
        z-index: 9950;

        -webkit-transition: all 1s ease-out 0s;
        -moz-transition: all 1s ease-out 0s;
        -ms-transition: all 1s ease-out 0s;
        -o-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s;
    }

    .lnb_wrap .lnbTop {
        width: 100%;
        height: 52px;
        padding-right: 52px;
        border-top: 2px solid #555;
        border-bottom: 2px solid #555;
        position: relative;
    }

    .lnb_wrap .lnbTop>ul>li {
        float: left;
        width: 33%;
        height: 50px;
    }

    .lnb_wrap .lnbTop>ul>li>a {
        display: inline-block;
        width: 100%;
        height: 100%;
        font-size: 14px;
        color: #727272;
        text-align: center;
        line-height: 50px;
        border-left: 1px solid #d1d1d1;
    }

    .lnb_wrap .lnbTop>ul>li.lang {
        position: relative;
    }

    .lnb_wrap .lnbTop>ul>li:last-child {
        width: 34%;
    }

    .lnb_wrap .lnbTop>ul>li:last-child>a {
        border-right: 1px solid #d1d1d1;
    }

    .lnb_wrap .lnbTop>ul>li.lang .sel_lang span {
        display: inline-block;
        width: auto;
        line-height: 13px;
        padding-right: 13px;
        /*background: url("../images/lnb_arr1.png") no-repeat right 4px;*/
        background-size: 8px;
    }

    .lnb_wrap .lnbTop>ul>li.lang .sel_lang.on span {
        /*background: url("../images/lnb_arr2.png") no-repeat right 4px;*/
        background-size: 8px;
    }

    .lnb_wrap .lnbTop>ul>li .langList {
        display: none;
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 50px;
        background: #fff;
        border: 1px solid #d1d1d1;
        border-top: 0;
    }

    .lnb_wrap .lnbTop>ul>li .langList li {
        display: block;
        width: 100%;
        height: 50px;
        text-align: center;
        padding: 0 8px;
    }

    .lnb_wrap .lnbTop>ul>li .langList li a {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        border-top: 1px solid #d1d1d1;
        color: #666666;
    }

    .lnb_wrap .lnbTop .btn_close_lnb {
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        background: url("../images/btn_close.png") no-repeat;
        background-size: cover;
        position: absolute;
        right: 10px;
        top: 8px;
    }

    .lnb_wrap .lnb_d1 {
        width: 100%;
        height: 60px;
        border-bottom: 1px solid #acacac;
    }

    .lnb_wrap .lnb_d1 a {
        float: left;
        /* width: 33.33%; */
        height: 59px;
        font-size: 16px;
        color: #555;
        line-height: 60px;
        text-align: center;
    }

    .lnb_wrap .lnb_d1 a:nth-child(1) {
        width: 26%;
    }

    .lnb_wrap .lnb_d1 a:nth-child(2) {
        width: 24%;
    }

    .lnb_wrap .lnb_d1 a:nth-child(3) {
        width: 24%;
    }

    .lnb_wrap .lnb_d1 a:nth-child(3) {
        width: 26%;
    }

    .lnb_wrap .lnb_d1 a.on {
        color: #ed174b;
    }

    .lnb_wrap .lnb_d1 a {
        /*background: url("../images/lnb_bar1.png") no-repeat right center;*/
        background-size: 1px 14px;
    }

    .lnb_wrap .lnb_d1 a:last-child {
        background: none;
    }

    .lnb_wrap .lnb_d2 {
        display: none;
    }

    .lnb_wrap .lnb_d2.on {
        display: block;
    }

    .lnb_wrap .lnb_d2>li {
        width: 100%;
        height: auto;
    }

    .lnb_wrap .lnb_d2>li>a {
        display: inline-block;
        width: 100%;
        height: auto;
        font-size: 16px;
        color: #555;
        text-align: center;
        padding: 19px 0;
        border-bottom: 1px solid #acacac;
    }

    .lnb_wrap .lnb_d2>li>a.arr {
        /*background: #fff url("../images/lnb_arr3.png") no-repeat 95% center;*/
        background-size: 18px auto;
    }

    .lnb_wrap .lnb_d2>li>a.on.arr {
        background: #ed174b url("../images/lnb_arr4.png") no-repeat 95% center;
        background-size: 18px auto;
        color: #fff;
    }

    .lnb_wrap .lnb_d2>li>a.no.arr {
        background: none;
    }

    .lnb_wrap .lnb_d3 {
        display: none;
    }

    .lnb_wrap .lnb_d3.on {
        display: block;
    }

    .lnb_wrap .lnb_d3>li {
        width: 100%;
        height: auto;
    }

    .lnb_wrap .lnb_d3>li>a {
        display: inline-block;
        width: 100%;
        height: auto;
        font-size: 16px;
        color: #555;
        padding: 19px 50px 19px 30px;
        border-bottom: 1px solid #acacac;
        background: #f4f4f4;
    }

    .lnb_wrap .lnb_d3>li>a.on.arr {
        background: #eee url("../images/lnb_arr6.png") no-repeat 95% center;
        background-size: 18px auto;
        color: #333;
    }

    .lnb_wrap .lnb_d3>li>a.arr {
        background: #f4f4f4 url("../images/lnb_arr5.png") no-repeat 95% center;
        background-size: 18px auto;
    }

    .lnb_wrap .lnb_d5>li {
        width: 100%;
        height: auto;
        background: #dbdbdb;
    }

    .lnb_wrap .lnb_d5>li>a {
        display: inline-block;
        width: 100%;
        height: auto;
        font-size: 14px;
        color: #333;
        padding: 14px 15px 14px 45px;
        border-bottom: 1px solid #999;
        /* background: url("../images/lnb_arr5.png") no-repeat 95% center;
        background-size: 14px auto; 
        display: none;*/
    }

    .lnb_wrap .lnb_d5>li>a.on {
        background: url("../images/lnb_arr6.png") no-repeat 95% center;
        background-size: 14px auto;
    }

    .lnb_wrap .lnb_d6>li>a {
        display: inline-block;
        width: 100%;
        height: auto;
        font-size: 12px;
        color: #333;
        padding: 14px 15px 14px 45px;
        border-bottom: 1px solid #999;
        /* background: url("../images/lnb_bar2.png") no-repeat 35px 22px;
        background-size: 4px 1px; */
    }

    .lnb_wrap .lnb_d5 {
        display: none;
    }

    .lnb_wrap .lnb_d5.on {
        display: block;
    }

    .lnb_wrap .lnb_d6 {
        display: none;
    }

    .lnb_wrap .lnb_d6.on {
        display: block;
    }
}

@media screen and (max-width: 640px) {
    .lnb_wrap {
        display: block;
        /*display: none;*/
        width: 100%;
        height: 100%;
        background: #fff;
        position: absolute;
        top: 0;
        right: 0%;
        transform: translateX(100%);
        z-index: 10000;
    }

    .lnb_wrap .lnb_d3>li>a {
        padding: 15px;
    }

    .lnb_wrap .lnb_d5>li>a {
        padding: 18px;
        /* background: url("../images/lnb_arr5.png") no-repeat 95% center;
        background-size: 14px auto; */
    }

    .lnb_wrap .lnb_d5>li>a.on {
        background: url("../images/lnb_arr6.png") no-repeat 95% center;
        background-size: 14px auto;
    }

    .lnb_wrap .lnb_d6>li>a {
        padding: 12px 25px;
        /* background: url("../images/lnb_bar2.png") no-repeat 15px 17px; */
    }
}

#lnb_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9900;
    background: rgb(0, 0, 0);
    opacity: 0.8;
    display: none;
}

/*
PC底部
*/
.footer_wrap {
    width: 100%;
    background: #2e373e;
}

.footer_wrap .footer {
    max-width: 1080px;
    height: 410px;
    padding-top: 70px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 10px;
}

@media screen and (max-width: 1080px) {
    .footer_wrap .footer {
        display: none;
    }
}

.footer_wrap .footer .area1 .logo {
    display: inline-block;
    margin-bottom: 26px;
}

.footer_wrap .footer .area1 .logo img {
    width: 110px;
}

.footer_wrap .footer .area1 .ft_util li {
    margin-bottom: 5px;
    width: 260px;
}

.footer_wrap .footer .area1 .ft_util li img {
    width: 100%;
}

.footer_wrap .footer .area1 .ft_util li:first-child .img {
    width: 18px;
    float: left;
}

.footer_wrap .footer .area1 .ft_util li:nth-child(2) .img {
    width: 18px;
    float: left;
}

.footer_wrap .footer .area1 .ft_util li .zi {
    font-size: 14px;
    line-height: 22px;
    color: #777d81;
    width: 180px;
    padding-left: 11px;
    float: left;
}

.footer_wrap .footer .area1 .dilu li {
    float: left;
    margin-top: 100px;
}

.footer_wrap .footer .area1 .dilu li+li {
    border-left: 1px solid #515B62;
}

.footer_wrap .footer .area1 .dilu li a {
    width: auto;
    font-size: 12px;
    color: #777d81;
    padding: 0 9px 0 9px;
}

.footer_wrap .footer .area1 .dilu li:first-child a {
    padding: 0 9px 0 0;
}

.footer_wrap .footer .area1 .dilu li a:hover {
    color: #ffffff;
}

.footer_wrap .footer .area2 {
    position: absolute;
    left: 250px;
    top: 74px;
}

.footer_wrap .footer .area2 .ft_menu.fm1 {
    width: 145px;
}

.footer_wrap .footer .area2 .ft_menu.fm2 {
    width: 195px;
}

.footer_wrap .footer .area2 .ft_menu {
    float: left;
}

.footer_wrap .footer .area2 .ft_menu .tit {
    font-size: 16px;
    color: #fff;
    padding-bottom: 24px;
    margin-bottom: 15px;
    background: url("../images/bar5.png") no-repeat left bottom;
}

.footer_wrap .footer .area2 .ft_menu li {
    margin-bottom: 10px;
}

.footer_wrap .footer .area2 .ft_menu li a {
    font-size: 14px;
    color: #777d81;
}

.footer_wrap .footer .area2 .ft_menu li a:hover {
    color: #ffffff;
}

.footer_wrap .footer .area3 {
    position: absolute;
    right: 0px;
    top: 74px;
    text-align: right;
}

.footer_wrap .footer .area3 .rel {
    margin-bottom: 40px;
}

.footer_wrap .footer .area3 .rel .rel1 {
    border-bottom: 1px solid #515b62;
}

.footer_wrap .footer .area3 .rel .item {
    width: 250px;
    height: 50px;
    position: relative;
}

.footer_wrap .footer .area3 .rel .item .tit {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #777d81;
    text-align: left;
    line-height: 50px;
    background: #232a2f url("../images/bu_arr6.png") no-repeat 207px 22px;
    padding-left: 30px;
}

.footer_wrap .footer .area3 .rel .item:hover .tit {
    color: #fff;
    background: #1d2328 url("../images/bu_arr61.png") no-repeat 207px 22px;
}

.footer_wrap .footer .area3 .rel .item .layer {
    display: none;
    width: 100%;
    height: auto;
    background: #1d2328;
    padding: 15px 0;
    border-top: 1px solid #515b62;
    position: absolute;
    left: 0;
    top: 49px;
    z-index: 10;
}

.footer_wrap .footer .area3 .rel .item.rel1 .layer li {
    float: left;
    width: 50%;
    margin: 5px 0;
}

.footer_wrap .footer .area3 .rel .item.rel2 .layer li {
    padding: 5px 0;
}

.footer_wrap .footer .area3 .rel .item .layer li a {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #777d81;
    text-align: left;
    padding-left: 30px;
}

.footer_wrap .footer .area3 .copyright .sns {
    margin-bottom: 10px;
}

.footer_wrap .footer .area3 .copyright .sns a {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

.footer_wrap .footer .area3 .copyright .sns .d-wx .wx {
    width: 20px;
}

.footer_wrap .footer .area3 .copyright .sns .d-wx .wx-large {
    display: none;
    position: absolute;
    left: -40px;
    top: 18px;
    z-index: 150;
    width: 100px;
}

.footer_wrap .footer .area3 .copyright .sns .d-wx:hover .wx-large {
    display: inline;
}

.footer_wrap .footer .area3 .copyright .sns .d-wb .wb {
    width: 20px;
}

.footer_wrap .footer .area3 .copyright .sns .d-wb .wb-large {
    display: none;
    position: absolute;
    left: -40px;
    top: 18px;
    z-index: 150;
    width: 100px;
}

.footer_wrap .footer .area3 .copyright .sns .d-wb:hover .wb-large {
    display: inline;
}

.footer_wrap .footer .area3 .copyright .text {
    display: inline-block;
    width: 260px;
}

.footer_wrap .footer .area3 .copyright .text p {
    font-size: 12px;
    color: #777d81;
    line-height: 24px;
}

.footer_wrap .footer2 {
    display: none;
}

@media screen and (max-width: 1080px) {
    .footer_wrap {
        width: 100%;
        height: auto;
        background: #2e373e;
        overflow: hidden;
    }

    .footer_wrap .footer2 {
        display: block;
    }

    .footer_wrap .footer2 .top {
        height: 42px;
        border-bottom: 1px solid #707579;
    }

    .footer_wrap .footer2 .top li {
        margin-bottom: 0;
        float: left;
        width: 50%;
        height: 42px;
        line-height: 42px;
        text-align: center;
    }

    .footer_wrap .footer2 .top li:nth-child(1) {
        /*background: url("../images/bar6.png") no-repeat right center;*/
        background-size: 1px 15px;
    }

    .footer_wrap .footer2 .top li a {
        font-size: 14px;
        color: #aeaeae;
    }

    .footer_wrap .footer2 .top li a:hover {
        color: #ffffff;
    }

    .footer_wrap .footer2 .copyright {
        position: relative;
        width: 100%;
    }

    .footer_wrap .footer2 .copyright .sns {
        width: 100%;
        height: 55px;
        line-height: 55px;
        text-align: center;
    }

    .footer_wrap .footer2 .copyright .sns a {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
    }

    .footer_wrap .footer2 .copyright .sns .d-wx .wx {
        width: 20px;
    }

    .footer_wrap .footer2 .copyright .sns .d-wx .wx-large {
        display: none;
        position: absolute;
        left: -40px;
        top: 18px;
        z-index: 150;
        width: 100px;
    }

    .footer_wrap .footer2 .copyright .sns .d-wx:hover .wx-large {
        display: inline;
    }

    .footer_wrap .footer2 .copyright .sns .d-wb .wb {
        width: 20px;
    }

    .footer_wrap .footer2 .copyright .sns .d-wb .wb-large {
        display: none;
        position: absolute;
        left: -40px;
        top: 18px;
        z-index: 150;
        width: 100px;
    }

    .footer_wrap .footer2 .copyright .sns .d-wb:hover .wb-large {
        display: inline;
    }

    .footer_wrap .footer2 .copyright .text {
        width: 100%;
        height: auto;
        background: #282F35;
        padding-top: 15px;
    }

    .footer_wrap .footer2 .copyright .text .logo {
        text-align: center;
    }

    .footer_wrap .footer2 .copyright .text .logo img {
        width: 73px;
    }

    .footer_wrap .footer2 .copyright .text p {
        font-size: 14px;
        color: #777d81;
        padding-bottom: 15px;
        text-align: center;
    }
}

.footer_wrap .footer2 .copyright .text p br {
    display: none;
}

.pop_language {
    width: 100%;
    height: 240px;
    border-bottom: 1px solid #dbdbdb;
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9200;
    background: #fff;
}

@media screen and (max-width: 640px) {
    .pop_language {
        width: 100%;
        height: 250px;
        border-bottom: 1px solid #dbdbdb;
    }

    .footer_wrap .footer2 .copyright .text p br {
        display: block;
    }
}

.pop_language .wrap {
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 30px;
    position: relative;
}

.pop_language .txt1 {
    font-size: 18px;
    color: #333;
    line-height: 24px;
    margin-bottom: 15px;
}

@media screen and (max-width: 640px) {
    .pop_language .txt1 {
        font-size: 14px;
        color: #333;
        line-height: 20px;
        margin-bottom: 15px;
    }
}

.pop_language .txt1 a {
    color: #296dba;
    text-decoration: underline;
}

.pop_language .txt2 {
    font-size: 16px;
    color: #888;
    line-height: 21px;
    margin-bottom: 30px;
}

@media screen and (max-width: 640px) {
    .pop_language .txt2 {
        font-size: 14px;
        color: #888;
        line-height: 18px;
        margin-bottom: 15px;
    }
}

.pop_language .btns .btn {
    display: inline-block;
    margin: 0 8px;
    position: relative;
}

@media screen and (max-width: 640px) {
    .pop_language .btns .btn {
        display: inline-block;
        margin: 5px 0;
        position: relative;
    }
}

.pop_language .btns .sel {
    display: inline-block;
    width: 295px;
    height: 30px;
    font-size: 16px;
    color: #388dee;
    text-align: center;
    line-height: 26px;
    letter-spacing: -0.5px;
    background: #fff;
    border: 2px solid #388dee;
    border-radius: 30px;
}

@media screen and (max-width: 640px) {
    .pop_language .btns .sel {
        display: inline-block;
        width: 260px;
        font-size: 14px;
    }
}

.pop_language .btns .sel.choose {
    background: #fff url("../images/bu_arr33.png") no-repeat 260px center;
}

.pop_language .btns .btn .lang_layer {
    display: none;
    width: 100%;
    height: 165px;
    padding: 20px 20px 0 20px;
    background: #fff;
    border: 2px solid #388dee;
    border-radius: 15px;
    position: absolute;
    left: 0;
    top: 28px;
    z-index: 10;
}

@media screen and (max-width: 640px) {
    .pop_language .btns .btn .lang_layer {
        height: 125px;
    }
}

.pop_language .btns .btn .lang_layer .wrap {
    width: 100%;
    height: 125px;
    padding: 0;
    overflow: auto;
}

.pop_language .btns .btn .lang_layer ul li {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
}

.pop_language .btns .btn .lang_layer ul li a {
    font-size: 16px;
    color: #333;
}

.pop_language .wrap .btn_lang_close {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.section {
    width: 100%;
    height: 100%;
    /*  margin-top: 52px; */
    overflow: hidden;
    position: relative;
}
.section1{
    background: url(../images/ma_vwbg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100vh;
}
.section1 .videoWrap video {
    width: 100%;
    
}

.section1 .videoWrap:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/movie_dim.png');
}

.section1 .phtext {
    display: none;
    width: 100%;
}

.section1 .phtext img {
    width: 100%;
}

.section1 .text {
    position: absolute;
    left: 0px;
    top: 20%;
    width: 100%;
    text-align: center;
}

.section1 .text img {
    max-width: 100%;
}

.section1 .text .p1 {
    text-align: center;
    font-size: 72px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 25px;
}

.section1 .tab {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 47%;
}

.section1 .tab>ul {
    display: inline-block;
    width: 836px;
    margin-left: 8px;
    vertical-align: top;
}

.section1 .tab>ul li {
    display: inline-block;
    float: left;
    width: 33.33%;
    height: 90px;
    border: 2px solid #777d81;
    margin-left: -2px;
    cursor: pointer;
}

.section1 .tab>ul li span {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
    padding-top: 20px;
    background: rgba(0, 0, 0, 0.6) url('../images/a2xia.png') no-repeat center 60px;
    cursor: pointer;
}

.section1 .tab>ul li.on {
    border: none;
}

.section1 .tab>ul li.on span {
    background: #ed174b url('../images/bu_arr3.png') no-repeat center 60px;
}

.section1 .tab .prdt_layer {
    display: none;
    width: 831px;
    height: 250px;
    background: #fff;
    text-align: center;
    padding-top: 43px;
    margin: 0 auto;
    position: relative;
}

.section1 .tab .prdt_layer .slide_wrap {
    display: inline-block;
    width: 696px;
    height: 205px;
    position: relative;
}

.section1 .tab .prdt_layer .slide_wrap #main_visual_prdt_container {
    position: relative;
}

.section1 .tab .prdt_layer .slide_wrap .slide_list li {
    display: inline-block;
    float: left;
    width: 174px !important;
    padding: 0 5px;
}

.section1 .tab .prdt_layer .slide_wrap .slide_list li img {
    width: 130px;
    height: 130px;
}

.section1 .tab .prdt_layer .slide_wrap .slide_list li span {
    display: block;
    font-size: 14px;
    color: #999999;
    padding-top: 17px;
}

.section1 .tab .prdt_layer .btn_prev {
    position: absolute;
    left: -110px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    z-index: 1;
}

.section1 .tab .prdt_layer .btn_next {
    position: absolute;
    right: -110px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    z-index: 1;
}

.section1 .scroll {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: 20px;
}

@media screen and (max-width: 1680px) {
    .section1 .scroll {
        display: none;
    }
}

.section1 .scroll img {
    width: 24px;
}

.section2 .conWrap {
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 85px;
}

.section2 .conWrap .tit {
    padding-top: 60px;
    text-align: center;
    margin-bottom: 60px;
}

.section2 .conWrap .tit img {
    max-width: 100%;
}

.section2 .box ul li {
    float: left;
    position: relative;
}

.section2 .box ul li.intro {
    position: relative;
    text-align: right;
    width: 17%;
    height: 280px;
    background: url('../images/123x.jpg') no-repeat center;
    padding: 44px 53px 0 0;
}

.section2 .box ul li.intro::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #003377;
    opacity: 0.8;
    z-index: 1;
}

.section2 .box ul li.intro .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    width: 100%;
    text-align: center;
}

.section2 .box ul li.intro .text .t1 {
    color: #fff;
    background: url(../images/logo7.png) no-repeat center top;
    padding-top: 44px;
}

.section2 .box ul li.intro .textWrap {
    display: inline-block;
}

.section2 .box ul li .bar1 {
    display: block;
    width: 39px;
    height: 1px;
    /*    background: #003876;*/
    margin: 0 0 43px auto;
}

.section2 .box ul li.intro .logo {
    margin-bottom: 33px;
    width: 144px;
}

.section2 .box ul li.intro .t1 {
    font-family: '微软雅黑';
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 10px;
}

.section2 .box ul li.intro .t2 {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}

.section2 .box ul li .over {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    background: #ed174b;
    padding: 10px;
    opacity: 0;
    z-index: 6;
    transition: .3s;
    -moz-transition: .3s;
    /* Firefox 4 */
    -webkit-transition: .3s;
    /* Safari 和 Chrome */
    -o-transition: .3s;
    /* Opera */
}

.section2 .box ul li.intro:hover .over {
    opacity: 1;
}

.section2 .box ul li.contact:hover .over {
    opacity: 1;
}

.section2 .box ul li.edu:hover .over {
    opacity: 1;
}

.section2 .box ul li div.invest:hover .over {
    opacity: 1;
}

.section2 .box ul li div.distribution:hover .over {
    opacity: 1;
}

.section2 .box ul li .over .wrap {
    width: 100%;
    height: 100%;
    /* border: 1px solid #fff; */
    padding-top: 90px;
}

.section2 .box ul li .over .wrap p {
    position: relative;
    font-family: '微软雅黑';
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

/* .section2 .box ul li .over .wrap p:after{
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%); 	
    -moz-transform:translateX(-50%); 	
    -webkit-transform:translateX(-50%); 
    -o-transform:translateX(-50%);
    width: 39px;
    height: 2px;
    background-color: #fff;
} */
.section2 .box ul li .over .wrap span {
    display: inline-block;
    width: 130px;
    height: 35px;
    font-family: '微软雅黑';
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    border: 1px solid #fff;
}

.section2 .box ul div.invest {
    position: relative;
    width: 100%;
    height: 140px;
    text-align: center;
    background: #0667b2;
}

.section2 .box ul li .bar2 {
    display: block;
    width: 39px;
    height: 1px;
    /* background: #2783cd; */
    margin: 0 auto 40px auto;
}

.section2 .box ul li .arrow1 {
    display: block;
    width: 36px;
    height: 9px;
    background: url(../images/company_arrow1.png) no-repeat 0 0;
    background-size: 100% auto;
    margin: 13px auto 0;
}

.section2 .box ul li .arrow2 {
    display: block;
    width: 36px;
    height: 9px;
    background: url(../images/company_arrow2.png) no-repeat 0 0;
    background-size: 100% auto;
    margin: 13px auto 0;
}

.section2 .box ul div.invest .icon {
    display: block;
    width: 100%;
    height: 30px;
    background: url('../images/company_icon4.png') no-repeat center top;
    margin-bottom: 15px;
    background-size: contain;
}

.section2 .box ul div.invest .t1 {
    font-family: '微软雅黑';
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 22px;
}

.section2 .box ul div.invest .t2 {
    font-size: 14px;
    color: #cccccc;
}

.section2 .box ul div.distribution {
    position: relative;
    width: 100%;
    height: 140px;
    text-align: center;

}

.section2 .box ul div.distribution .t1 {
    font-family: '微软雅黑';
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 20px;
}

.section2 .box ul div.distribution .t2 {
    font-size: 14px;
    color: #666666;
    margin-bottom: 36px;
}

.section2 .box ul div.distribution .icon {
    display: block;
    width: 100%;
    height: 40px;
    background: url('../images/company_icon1.png') no-repeat center top;
    background-size: contain;
    margin-bottom: 15px;

}

.section2 .box ul li.row_box {
    width: 16.6%;
}

.section2 .box ul li.contact {
    width: 16.6%;
    height: 280px;
    background: #d9dce0;
    padding-top: 44px;
    text-align: center;
}

.section2 .box ul li.contact .icon {
    display: block;
    width: 100%;
    height: 90px;
    background: url('../images/a2rili.png') no-repeat center top;
}

.section2 .box ul li.contact .t1 {
    font-family: '微软雅黑';
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 15px;
}

.section2 .box ul li.contact .t2 {
    font-size: 14px;
    color: #999999;
}

.section2 .box ul li.edu {
    width: 16.6%;
    height: 280px;
    background: #003876;
    padding-top: 44px;
    text-align: center;
}

.section2 .box ul li.edu .icon {
    display: block;
    width: 100%;
    height: 90px;
    background: url('../images/a2hua.png') no-repeat center top;
}

.section2 .box ul li.edu .t1 {
    font-family: '微软雅黑';
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}

.section2 .box ul li.edu .t2 {
    font-size: 14px;
    color: #cccccc;
}

.section2 .box ul li.news {
    width: 33.2%;
    height: 280px;
    /* background: url('../images/a2pic_06.jpg') no-repeat; */
    overflow: hidden;
    padding: 28px 27px 0 27px;
}

.section2 .box ul li.news .t1 {
    font-family: '微软雅黑';
    font-size: 20px;
    color: #333333;
    text-indent: 10px;
    padding-bottom: 25px;
    font-weight: bold;
    border-bottom: 1px solid #bcbcbc;
}

.section2 .box ul li.news .n_list {
    padding: 25px 10px;
}

.section2 .box ul li.news .n_list li {
    position: relative;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid #eee;
}

.section2 .box ul li.news .n_list li:last-child {
    border-bottom: none;
}

.section2 ul {
    border: 1px solid #eee;
}

.section2 .n_list {
    border: none;
}

/* .section2 .box ul li.news .n_list li:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    width: 4px;
    height: 1px;
    background-color: #666666;
} */
.section2 .box ul li.news .n_list li .elps {
    display: inline-block;
    /* width: 345px; */
    vertical-align: middle;
    margin-right: 5px;
}

.section2 .box ul li.news .n_list li .elps .sort {
    font-family: '微软雅黑';
    font-size: 16px;
    color: #222222;
    vertical-align: middle;
}

.section2 .box ul li.news .n_list li .elps a {
    font-family: '微软雅黑';
    font-size: 16px;
    color: #777777;
    vertical-align: middle;
}

.section2 .box ul li.news .n_list li .date {
    position: absolute;
    right: 0px;
    font-family: 'Arial';
    font-size: 14px;
    color: #999999;
    vertical-align: middle;
}

.section2 .box ul li.news .more {
    display: inline-block;
    position: absolute;
    top: 27px;
    right: 30px;
    /* width: 19px;
    height: 19px; */
    /* background: url('../images/company_arrow2.png') no-repeat center; */
    /* background-size: cover; */
}

.section2 .box ul li.news .n_list li:hover a {
    color: #ed174b;
}

.section3 {
    /* background: url('../images/a2pic_09.jpg') no-repeat center 0px; */
}

/* .section3 .conWrap {
    max-width: 1000px;
    margin: 0 auto;
} */

.section3 .tit {
    /* padding-top: 80px; */
    text-align: center;
    margin-bottom: 60px;
}

.section3 .tit img {
    max-width: 100%;
}

.section3 .search_bar {
    display: none;
}

.section3 .search_bar .txt {
    display: inline-block;
    float: left;
    width: 130px;
    height: 40px;
    font-family: '微软雅黑';
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    line-height: 40px;
    background: url('../images/iconsearch.png') no-repeat 0 9px;
    background-size: 25px;
    padding-left: 38px;
}

.section3 .search_bar input {
    float: left;
    width: 635px;
    height: 45px;
    font-family: '微软雅黑';
    font-size: 14px;
    color: #666;
    background: #fff;
    padding-left: 15px;
}

.section3 .search_bar #txt_search::-moz-placeholder {
    color: #cccccc;
    opacity: 1;
}

.section3 .search_bar #txt_search:-moz-placeholder {
    color: #cccccc;
    opacity: 1;
}

.section3 .search_bar #txt_search::-webkit-input-placeholder {
    color: #cccccc;
}

.section3 .search_bar #txt_search:-ms-input-placeholder {
    color: #cccccc;
}

.section3 .search_bar .btn_search {
    float: left;
    width: 160px;
    height: 45px;
    font-family: '微软雅黑';
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    background: #003876;
    text-align: center;
    line-height: 45px;
}

.section3 .search_bar .btn_search span {
    padding: 0 10px;
}

.section3 .bizCon.pc>li {
    float: left;
    width: 333px;
    height: 424px;
    position: relative;
    overflow: hidden;
    background-size: cover !important;
}

.section3 .bizCon.pc>li:nth-child(1) {
    background: url('../images/biz_img1.jpg') no-repeat;
    background-size: auto auto;
}

.section3 .bizCon.pc>li:nth-child(2) {
    background: url('../images/biz_img2.jpg') no-repeat;
    background-size: auto auto;
    width: 334px;
}

.section3 .bizCon.pc>li:nth-child(3) {
    background: url('../images/biz_img3.jpg') no-repeat;
    background-size: auto auto;
}

.section3 .bizCon.pc>li .txt {
    position: absolute;
    left: 0;
    top: 340px;
    width: 100%;
    font-family: '微软雅黑';
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: url('../images/bu_arr3.png') no-repeat center top;
    padding-top: 20px;
}

.section3 .bizCon.pc>li .desc {
    position: absolute;
    left: 0;
    bottom: -424px;
    width: 100%;
    height: 424px;
    text-align: center;
    background: url('../images/bu_arr4.png') no-repeat center 36px;
    background-color: rgba(0, 0, 0, 0);
    background-color: rgba(237, 23, 75, 0.9);
    padding-top: 68px;
    transition: .3s;
    -moz-transition: .3s;
    /* Firefox 4 */
    -webkit-transition: .3s;
    /* Safari 和 Chrome */
    -o-transition: .3s;
    /* Opera */
}

.section3 .bizCon.pc>li .desc .con1 {
    font-family: '微软雅黑';
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
}

.section3 .bizCon.pc>li .desc .con2 {
    height: 75px;
    font-size: 14px;
    color: #f0c1cc;
    line-height: 20px;
    padding: 0 74px;
}

.section3 .bizCon.pc>li .desc .depth2 ul li {
    width: 100%;
    height: auto;
}

.section3 .bizCon.pc>li .desc .depth2 ul li a {
    display: block;
    width: 100%;
    height: auto;
    font-family: '微软雅黑';
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 5px 0 5px 0;
}

.section3 .bizCon.pc>li:hover .desc {
    bottom: 0px;
}

.section3 .bizCon.pc>li .desc .depth2 ul li a:hover {
    background-color: #a51034;
}

.section3 .bizCon.mobile {
    display: none;
}
.section4{
    position: relative;
}
.section4 .conWrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 50px 0;
}

.section4 .sum {
    width: 100%;
    height: 240px;
    border-left: 1px solid #e5e5e5;
}

.section4 .sum>li {
    float: left;
    width: 25%;
    height: 240px;
    border-right: 1px solid #e5e5e5;
    /*transition: .3s;
    -moz-transition: .3s; !* Firefox 4 *!
    -webkit-transition: .3s; !* Safari 和 Chrome *!
    -o-transition: .3s; !* Opera *!*/
}

.section4 .sum li.cs1 {
    background: url('../images/center_icon1.png') no-repeat 160px 154px;
    position: relative;
    z-index: 600;
}

.section4 .sum li.cs2 {
    background: url('../images/center_icon2.png') no-repeat 173px 154px;
}

.section4 .sum li.cs3 {
    background: url('../images/center_icon3.png') no-repeat 185px 154px;
}

.section4 .sum li.cs4 {
    background: url('../images/center_icon4.png') no-repeat 160px 154px;
}

@media screen and (min-width: 1025px) {
    .section4 .sum li.cs1:hover {
        background-image: url('../images/center_icon1_on.png');
        background-repeat: no-repeat;
        background-position: 160px 154px;
    }

    .section4 .sum li.cs1:hover .download_layer {
        display: block;
    }

    .section4 .download_layer .wrap ul li a:hover {
        color: #296dba;
        text-decoration: underline;
    }

    .section4 .sum li.cs2:hover {
        background-image: url('../images/center_icon2_on.png');
        background-repeat: no-repeat;
        background-position: 173px 154px;
    }

    .section4 .sum li.cs3:hover {
        background-image: url('../images/center_icon3_on.png');
        background-repeat: no-repeat;
        background-position: 185px 154px;
    }

    .section4 .sum li.cs4:hover {
        background-image: url('../images/center_icon4_on.png');
        background-repeat: no-repeat;
        background-position: 160px 154px;
    }
}

.section4 .sum>li>a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 35px 0 0 40px;
}

.section4 .sum li .tit {
    height: 50px;
    background: url('../images/bar3.png') no-repeat left bottom;
    margin-bottom: 15px;
}

.section4 .sum li .tit p {
    font-size: 22px;
    color: #2e373d;
}

.section4 .sum li .con {
    font-size: 14px;
    color: #717171;
    line-height: 20px;
}

@media screen and (min-width: 1025px) {
    .section4 .sum>li:hover {
        background-color: #ed174b;
    }

    .section4 .sum>li.on .tit,
    .section4 .sum>li:hover .tit {
        background: url('../images/bar4.png') no-repeat left bottom;
    }

    .section4 .sum li.on .con,
    .section4 .sum li:hover .con,
    .section4 .sum li:hover .tit p {
        color: #fff;
    }
}

.section4 .download_layer {
    width: 1000px;
    height: 0px;
    position: relative;
    margin: 0 auto;
    display: none;
    z-index: 500;
}

.section4 .download_layer .wrap {
    width: 1000px;
    height: 240px;
    border-left: 0;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.section4 .download_layer .wrap .download_link {
    display: inline-block;
    float: left;
    width: 249px;
    height: 240px;
    background: #000;
    opacity: 0.01;
    filter: alpha(opacity=0.1);
}

.section4 .download_layer .wrap ul {
    float: right;
    width: 751px;
    height: 240px;
    margin: 0 auto;
    padding: 19px 20px 0 21px;
    background: #fff;
    border: 1px solid #e5e5e5;
}

.section4 .download_layer .wrap ul li {
    float: left;
    display: block;
    width: 118px;
    height: 100px;
}

.section4 .download_layer .wrap ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: #777d81;
    text-align: center;
    padding-top: 66px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

/* .section4 .download_layer .wrap ul li a.catalog {
    background: url('../images/icon_dl_catalog.png') no-repeat center 10px;
}
.section4 .download_layer .wrap ul li a.manual {
    background: url('../images/icon_dl_manual.png') no-repeat center 10px;
}
.section4 .download_layer .wrap ul li a.tech {
    background: url('../images/icon_dl_tech.png') no-repeat center 10px;
}
.section4 .download_layer .wrap ul li a.cert {
    background: url('../images/icon_dl_cert.png') no-repeat center 10px;
}
.section4 .download_layer .wrap ul li a.cert_power {
    background: url('../images/icon_dl_cert_power.png') no-repeat center 10px;
} */
.section4 .download_layer .wrap ul li:nth-child(1) a {
    background-position: center 10px !important;
}

.section4 .download_layer .wrap ul li:nth-child(2) a {
    background-position: center 10px !important;
}

.section4 .download_layer .wrap ul li:nth-child(3) a {
    background-position: center 10px !important;
}

.section4 .download_layer .wrap ul li:nth-child(4) a {
    background-position: center 10px !important;
}

.section4 .download_layer .wrap ul li:nth-child(5) a {
    background-position: center 10px !important;
}

.section4 .download_layer .wrap ul li:nth-child(6) a {
    /* background: url('../images/icon_dl_performance.png') no-repeat center 10px; */
    border-right: 0;
    background-position: center 10px !important;
}

.section4 .download_layer .wrap ul li:nth-child(7) a {
    background: url('../images/icon_dl_example.png') no-repeat center 18px;
    padding-top: 75px;
    border-bottom: 0;
    background-position: center 18px !important;
}

.section4 .download_layer .wrap ul li:nth-child(8) a {
    background: url('../images/icon_dl_software.png') no-repeat center 20px;
    padding-top: 75px;
    border-bottom: 0;
    background-position: center 20px !important;
}

.section4 .download_layer .wrap ul li:nth-child(9) a {
    background: url('../images/icon_dl_cad.png') no-repeat center 20px;
    padding-top: 75px;
    border-bottom: 0;
    background-position: center 20px !important;
}

.section4 .download_layer .wrap ul li:nth-child(10) a {
    background: url('../images/icon_dl_datasheet.png') no-repeat center 20px;
    padding-top: 75px;
    border-bottom: 0;
    background-position: center 20px !important;
}

.section4 .download_layer .wrap ul li:nth-child(11) a {
    background: url('../images/icon_dl_pcn.png') no-repeat center 20px;
    padding-top: 75px;
    border-bottom: 0;
    background-position: center 20px !important;
}

.section4 .download_layer .wrap ul li:nth-child(12) a {
    background: url('../images/icon_dl_education.png') no-repeat center 20px;
    padding-top: 75px;
    border-bottom: 0;
    border-right: 0;
    background-position: center 20px !important;
}

.page_num {
    position: fixed;
    right: 43px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    text-align: right;
}

.page_num .num {
    display: inline-block;
    width: auto;
}

.page_num .num span {
    display: block;
    font-size: 14px;
    color: #777777;
    padding: 3px 0px 3px 10px;
    margin: 8px 0;
    border-left: 1px solid #777d81;
    cursor: pointer;
}

.page_num .num span.on {
    font-size: 14px;
    color: #ed174b;
    border-left: 2px solid #ed174b;
}
.pageTopbox{
    width: 1280px;
    margin:  0 auto;
    position: fixed;
    right: 50px;
    bottom: 100px;
}
.pageTop {
    display: none;
    width: auto;
    position: absolute;
    right: 0;
    bottom: 0;

}
/* .pageTop .wrap {
    position: fixed;
    bottom: 350px;
    right: 0;
} */

/* .pageTop a {
        position: absolute;
    right: 0;
    
} */

.ny-banner {
    width: 100%;
    height: 160px;
    margin-top: 52px;
    text-align: center;
    position: relative;
    margin-bottom: -50px;
}

.ny-banner .neitit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

@media screen and (max-width: 1080px) {
    .ny-banner .neitit {
        width: 100px;
    }
}

.ny-nav {
    width: 100%;
    height: 52px;
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
    margin-top: 50px;
}

.ny-nav .con {
    width: 1000px;
    height: 51px;
    margin: 0 auto;
    position: relative;
    z-index: 1000;
}

.ny-nav .con .ul1 {
    background: url("../images/bar11.png") no-repeat left center;
}

.ny-nav .con .ul1>li {
    float: left;
    display: inline-block;
    width: auto;
    height: 51px;
    background: url("../images/bar11.png") no-repeat right center;
}

.ny-nav .con .ul1>li.on {
    background: #ffffff;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    margin-left: -1px;
    margin-right: -1px;
}

.ny-nav .con .ul1>li>a {
    display: inline-block;
    width: auto;
    height: 51px;
    font-size: 12px;
    color: #888;
    line-height: 51px;
    padding: 0 35px 0 15px;
    background: url("../images/bu_arr37.png") no-repeat right center;
}

.ny-nav .con .ul1 .zu {
    /*display: inline-block;*/
    width: auto;
    height: auto;
    border: 1px solid #e5e5e5;
    position: absolute;
    display: none;
    margin-left: -1px;
}

.ny-nav .con .ul1 .zu li {
    display: block;
    float: none;
    width: auto;
    height: auto;
    background: #fff;
    position: relative;
    padding: 0 10px;
}

.ny-nav .con .ul1 .zu>li:hover {
    background: #eeeeee;
}

.ny-nav .con .ul1 .zu li:hover+li a {
    border-top: 1px solid #fff;
}

.ny-nav .con .ul1 .zu li:hover>a {
    color: #000;
}

.ny-nav .con .ul1 .zu li a {
    /*background: url("../images/bu_arr21.png") no-repeat right center;*/
}

.ny-nav .con .ul1 .zu2 {
    display: none;
}

.ny-nav .con .ul1 .zu3 {
    display: none;
}

.ny-nav .con .ul1 .zu4 {
    display: none;
}

.ny-nav .con .ul1 .no li a {
    background: none;
}

.ny-nav .con .ul1 .zu li a {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: inherit;
    font-size: 12px;
    color: #888;
    white-space: nowrap;
    padding: 12px 25px 12px 5px;
    border-top: 1px solid #e5e5e5;
}

.ny-nav .con .ul1 .zu li:first-child>a {
    border-top: none;
}

.ny-nav .con .share {
    height: 52px;
    line-height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 200;
}

.ny-nav .con .share li {
    height: 100%;
    float: left;
    margin-left: 20px;
}

.ny-nav .con .share li a {
    height: 100%;
    line-height: 50px;
    margin: auto;
}

.ny-nav .con .share li img {
    width: 16px;
}

.ny-nav .con .share li .bds_more {
    background: none;
}

.ny-nav .con .ul2 {
    display: none;
}

@media screen and (max-width: 1080px) {
    .ny-nav .con {
        width: 100%;
    }

    .ny-nav .con .share .dayin {
        display: none;
    }

    .ny-nav .con .share {
        right: 30px;
    }

    .ny-nav .con .ul1 {
        display: none;
    }

    .ny-nav .con .ul2 {
        display: block;
        text-align: center;
        cursor: pointer;
    }

    .ny-nav .con .ul2 .act-show {
        display: none;
    }

    .ny-nav .con .ul2>li.act .act-show {
        display: inline;
    }

    .ny-nav .con .ul2>li.act .act-hide {
        display: none;
    }

    .ny-nav .con .ul2>li {
        line-height: 52px;
    }

    .ny-nav .con .ul2>li span {
        font-size: 14px;
        color: #333;
        padding-right: 5px;
    }

    .ny-nav .con .ul2>li .down {
        display: none;
    }

    .ny-nav .con .ul2>li .down li {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: #ffffff;
        font-size: 14px;
        color: #727272;
        border-bottom: 1px solid #e9e9e9;
    }
}

.lecd {
    min-height: 455px;
}

@media screen and (max-width: 1200px) {
    .lecd {
        min-height: auto;
    }
}
.section2{
    position: relative;
}
.section2 .box ul li.row_box .over .wrap {
    padding-top: 20px;
}
.bizConbox{
    width: 1280px;
    margin: auto;
    padding: 100px 0;
    background: url('../images/a2pic_09.jpg') no-repeat center 0px;
    position: relative;
}
.bizConbox::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
}
.bizCon {
    width: 1000px;
    margin: auto;
    overflow: hidden;
}
.tit_p1{
    font-size: 42px;
    color: #333;
    margin-bottom: 20px;
}
.tit_p2 {
    font-size: 14px;
    color: #333;
}
.ma_nav3{
    width: 100%;
    padding: 40px;
    max-height:600px;
    overflow-y: auto;
}
.ma_nav3box{
    overflow: hidden;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}
.ma_nav3_ul1{
    float: left;
    width: 20%;
    position: relative;
    padding-left: 30px;
}
.ma_nav3_ul1:first-child{
    padding-left: 0;
}
.ma_nav3_ul1::before{
    content: "";
    width: 1px;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: #eee;
}
.ma_nav3_ul1:first-child::before {
    display: none;
}
.ma_nav3_li1{
line-height: 1;
    text-align: left;
    margin-bottom: 18px;
}
.ma_nav3_li1 .ma_nav3_a1{
    color: #757575;
    font-size: 16px;
    cursor: pointer;
}
.ma_nav3_ul1 .ma_nav3_li1:first-child .ma_nav3_a1 {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
.ma_nav3_ul1 .ma_nav3_li1:last-child{
    margin-bottom: 0;
}
.ma_nav3_li1 img {
    width: 11px;
    margin-left: 5px;
}
.ma_nav3_li1.on img {
    transform: rotate(180deg);
}
.ma_nav3_ul2{
    padding: 10px 0 0 10px;
    display: none;
}
.ma_nav3_li2{
    margin-bottom: 14px;
}
.ma_nav3_li2 .ma_nav3_a2{
    color: #757575;
    font-size: 14px;
    border-bottom: 1px solid transparent;
    transition: all 0.36s;
}
.ma_nav3_li2 .ma_nav3_a2:last-child{
    margin-bottom: 0;
}
.ma_nav3::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*定义纵向滚动条宽度*/
    height: 5px;
    /*定义横向滚动条高度*/
}

.ma_nav4_ul2{ padding-left: 20px;}
.ma_nav4_ul2 li{ padding:5px 0;}
ul.ma_nav4_ul2 li a{ font-size: 12px;}

.ma_nav3::-webkit-scrollbar-thumb {
    /*滚动条内部滑块*/
    border-radius: 8px;
    background-color: hsla(220, 4%, 58%, 0.3);
    transition: background-color 0.3s;
}

.ma_nav3::-webkit-scrollbar-thumb:hover {
    /*鼠标悬停滚动条内部滑块*/
    background: #bbb;
}

.ma_nav3::-webkit-scrollbar-track {
    /*滚动条内部轨道*/
    background: transparent;
}

.intro .arrow1 {
    z-index: 5;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 90px;
}
.contact .t1{
    margin-top: 30px;
}

.contact .bar2 {
    margin-bottom: 20px !important;
}
.edu .t1 {
    margin-top: 30px;
}

.edu .bar2 {
    margin-bottom: 20px !important;
}
.footer_wrap .footer .area3 .copyright .text p:nth-child(2) {
    opacity: 0.5;
}
















@media screen and (min-width: 1200px){
   .ma_nav3_ul1 .ma_nav3_li1 .ma_nav3_a1:hover {
        color: #ed174b;
    }
    .ma_nav3_li2 .ma_nav3_a2:hover {
        border-bottom: 1px solid #757575;
    }
}