@font-face {
    font-family: 'TT0861M_6';
    src: url("../fonts/TT0861M_6.eot");
    src: url("../fonts/TT0861M_6.eot?#iefix") format("embedded-opentype"),url("../fonts/TT0861M_6.woff") format("woff"),url("../fonts/TT0861M_6.ttf") format("truetype"),url("../fonts/TT0861M_6.svg#Sri-TSCRegular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'HelveticaNeueCE35Thin';
    src: url("../fonts/HelveticaNeueCE35Thin.eot");
    src: url("../fonts/HelveticaNeueCE35Thin.eot?#iefix") format("embedded-opentype"),url("../fonts/HelveticaNeueCE35Thin.woff") format("woff"),url("../fonts/HelveticaNeueCE35Thin.ttf") format("truetype"),url("../fonts/HelveticaNeueCE35Thin.svg#Sri-TSCRegular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'BEBAS';
    src: url("../fonts/BEBAS.eot");
    src: url("../fonts/BEBAS.eot?#iefix") format("embedded-opentype"),url("../fonts/BEBAS.woff") format("woff"),url("../fonts/BEBAS.ttf") format("truetype"),url("../fonts/BEBAS.svg#Sri-TSCRegular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DIDOT_0';
    src: url("../fonts/DIDOT_0.eot");
    src: url("../fonts/DIDOT_0.eot?#iefix") format("embedded-opentype"),url("../fonts/DIDOT_0.woff") format("woff"),url("../fonts/DIDOT_0.ttf") format("truetype"),url("../fonts/DIDOT_0.svg#Sri-TSCRegular") format("svg");
    font-weight: normal;
    font-style: normal
}

.w1400 {
    width: 1400px;
    margin: 0 auto
}

@media (max-width: 1420px) {
    .w1400 {
        width:96%
    }
}

header {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    background: url(/images/topbg.jpg) repeat-x;
}

@media (max-width: 1024px) {
    header {
        display:none
    }
}

header .topnav {
    height: 100px;
    box-shadow: 2px 3.464px 4px 0px rgba(142,142,142,0.05);
    position: relative;
    z-index: 2
}

header .topnav .bocweb-logo {
    width: 150px;
    height: 46px;
    overflow: hidden;
    float: left;
    margin: 28px 0 0 5.31%;
    transition: all 0.5s
}

@media (max-width: 1250px) {
    header .topnav .bocweb-logo {
        margin:28px 0 0 1.31%
    }
}

header .topnav .bocweb-logo img {
    width: 100%;
    display: block
}

header .topnav .bocweb-nav {
    float: right
}

header .topnav .bocweb-nav>ul>li {
    float: left;
    margin: 0 20px;
    transition: all 0.5s
}

@media (max-width: 1650px) {
    header .topnav .bocweb-nav>ul>li {
        margin:0 12px
    }
}

@media (max-width: 1300px) {
    header .topnav .bocweb-nav>ul>li {
        margin:0 6px
    }
}

header .topnav .bocweb-nav>ul>li>a {
    padding: 0 10px;
    line-height: 100px;
    height: 100px;
    border-top: 4px solid #fff;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
    text-align: center;
    display: block;
    transition: all 0.5s
}

@media (max-width: 1400px) {
    header .topnav .bocweb-nav>ul>li>a {
        padding:0 2px
    }
}

@media (max-width: 1100px) {
    header .topnav .bocweb-nav>ul>li>a {
        font-size:14px
    }
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav {
    position: absolute;
    left: 0;
    top: 100px;
    /* background: #ffffff; */
    display: none;
    box-shadow: 0 4px 10px 0 rgba(20,17,17,0.1) inset;
    background-color: #f7f7f7;
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con {
    width: 1400px;
    margin: 0 auto
}

@media (max-width: 1420px) {
    header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con {
        width: 1200px;
    }
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl {
    width: 33.33%;
    vertical-align: top;
    background: #fff;
    padding-bottom: 66px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl .li_con {
    padding: 15px 30px 0 30px;
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl .li_con dt {
    font-size: 22px;
    line-height: 66px;
    color: #006f9f;
    margin-left: 12px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 8px;
    padding-left: 30px;
}
header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl .li_con dt a{
    font-size: 20px;
}
header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl .li_con dd a {
    padding-left: 44px;
    background: #006e9f;
    background: url(../img/nav_icon.png) no-repeat 18px center;
    font-size: 14px;
    color: #888888;
    line-height: 40px;
    display: block;
    transition: all 0.5s;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl .li_con dd a:hover {
    color: #fff;
    background: #006e9f url(../img/nav_icon_h.png) no-repeat 18px center
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl:nth-child(odd) {
    background: #fcfcfc
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl.gray {
    background: #fcfcfc
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>ul {
    text-align: center;
    font-size: 0;
    width: 100%
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>ul>li {
    display: inline-block;
    text-align: center;
    float: inherit;
    margin: 0 50px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>ul>li a {
    line-height: 86px;
    font-size: 16px;
    color: #666666;
    transition: all 0.5s
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>ul>li a:hover {
    color: #006e9f
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .overflow {
    overflow: hidden
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left {
    width: 50%;
    float: right;
    min-height: 300px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left .con {
    padding: 34px 3.14% 20px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left .con h5 {
    font-size: 20px;
    color: #006e9f;
    line-height: 72px;
    font-weight: normal;
    border-bottom: 1px solid #d3d3d3
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left .con .left_con {
    margin-top: 40px;
    overflow: hidden
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left .con .left_con a {
    display: block;
    float: left;
    overflow: hidden;
    margin-right: 58px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left .con .left_con a em {
    width: 6px;
    height: 10px;
    background: url(../img/nav_icon.png) no-repeat;
    background-size: cover;
    float: left;
    margin-top: 18px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left .con .left_con a span {
    float: left;
    margin-left: 20px;
    font-size: 16px;
    color: #666666;
    line-height: 44px;
    display: block;
    transition: all 0.5s
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left .con .left_con a:hover span {
    color: #006e9f
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right {
    width: 100%;
    float: left;
    min-height: 300px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con {
    padding: 34px 0 20px 5.57%
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con h5 {
    font-size: 20px;
    color: #006e9f;
    line-height: 72px;
    font-weight: normal;
    border-bottom: 1px solid #d3d3d3
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con .right_con {
    margin-top: 36px;
    overflow: hidden
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con .right_con a {
    width: 30.3%;
    height: 46px;
    box-sizing: border-box;
    display: block;
    float: left;
    overflow: hidden;
    margin-right: 2.72%;
    border: 1px solid #dcdcdc;
    text-align: center;
    font-size: 0;
    background: #ecebeb;
    margin-bottom: 13px;
    transition: all 0.5s
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con .right_con a em {
    width: 23px;
    height: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con .right_con a span {
    text-align: center;
    display: inline-block;
    font-size: 16px;
    color: #666666;
    line-height: 44px;
    vertical-align: middle;
    margin: 0 4px;
    transition: all 0.5s
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con .right_con a:hover {
    background: #eeeded
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con .right_con a:hover span {
    color: #006e9f
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con:after {
    clear: both;
    display: block;
    content: ''
}

header .topnav .bocweb-nav>ul>li:hover>a {
    border-color: #08aaf3;
    color: #006e9f
}

header .topnav .bocweb-nav>ul>li.active>a {
    border-color: #08aaf3;
    color: #006e9f
}

header .topnav .bocweb-nav ul:after {
    clear: both;
    display: block;
    content: ''
}

header .topnav .bocweb-search {
    float: right;
    width: 6.04%;
    height: 100px;
    cursor: pointer;
    background: url(../img/bocweb-search.png) no-repeat center center;
    border-left: 1px solid #d2d2d2
}

header .bocweb-subnav {
    width: 100%;
    background: #fff;
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    display: none
}

header .bocweb-subnav .w1400 {
    overflow: hidden
}

header .bocweb-subnav .w1400 ul {
    overflow: hidden
}

header .bocweb-subnav .w1400 ul li {
    position: absolute;
    z-index: 1
}

header .bocweb-subnav .w1400 ul .li2 {
    overflow: hidden;
    z-index: 2
}

header .bocweb-subnav .w1400 ul .li2 dl {
    width: 33.33%;
    display: table-cell;
    vertical-align: top;
    background: #fff;
    padding-bottom: 66px
}

header .bocweb-subnav .w1400 ul .li2 dl .li_con {
    padding: 38px 45px 0 40px
}

header .bocweb-subnav .w1400 ul .li2 dl .li_con dt {
    font-size: 22px;
    line-height: 66px;
    color: #006f9f;
    margin-left: 12px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 8px
}

header .bocweb-subnav .w1400 ul .li2 dl .li_con dd a {
    padding-left: 44px;
    background: #006e9f;
    background: url(../img/nav_icon.png) no-repeat 18px center;
    font-size: 16px;
    color: #888888;
    line-height: 40px;
    display: block;
    transition: all 0.5s;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

header .bocweb-subnav .w1400 ul .li2 dl .li_con dd a:hover {
    color: #fff;
    background: #006e9f url(../img/nav_icon_h.png) no-repeat 18px center
}

header .bocweb-subnav .w1400 ul .li2 dl:nth-child(odd) {
    background: #fcfcfc
}

header .bocweb-subnav .w1400 ul .li2 .dl1,header .bocweb-subnav .w1400 ul .li2 .dl3 {
    background: #fcfcfc
}

header:after {
    clear: both;
    display: block;
    content: ''
}

.header_m {
    height: 0.9rem;
    background: #f7f8f3;
    background-size: contain;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    display: none;
    transition: all 0.5s;
    box-shadow: 0 0 0.16rem 0 rgba(6,0,1,0.28);
}

@media (max-width: 1024px) {
    .header_m {
        display:block
    }
}

.header_m .top {
    overflow: hidden
}

.header_m .top .bocweb-logo {
    width: 1.85rem;
    height: 0.58rem;
    float: left;
    margin: 0.17rem 0 0 0.2rem
}

.header_m .top .bocweb-logo img {
    width: 100%;
    display: block
}

.header_m .top .bocweb-menu {
    width: 0.4rem;
    height: 0.35rem;
    background: url(../img/bocweb-menu.png) no-repeat;
    background-size: contain;
    float: right;
    margin: 0.28rem 0.2rem 0 0
}

.header_m .top .bocweb-menu.on {
    background: url(../img/close_icon1.png) no-repeat;
    background-size: contain
}

.header_m .top .tabs {
    float: right;
    width: 0.4rem;
    height: 0.4rem;
    border: 1px solid #666;
    border-radius: 100%;
    font-size: 0.22rem;
    line-height: 0.4rem;
    text-align: center;
    color: #333;
    margin-top: 0.24rem;
    margin-right: 0.35rem
}

@media (max-width: 480px) {
    .header_m .top .tabs {
        margin-right:0.15rem
    }
}

.header_m .top .bocweb-search {
    width: 0.3rem;
    height: 0.3rem;
    border: 1px solid #666;
    border-radius: 100%;
    float: right;
    margin-top: 0.28rem;
    margin-right: 0.35rem;
}

@media (max-width: 480px) {
    .header_m .top .bocweb-search {
        margin-right:0.15rem
    }
}

.header_m .top .bocweb-search .icon {
    width: 0.14rem;
    height: 0.14rem;
    overflow: hidden;
    margin: 0.08rem auto 0;
}

.header_m .top .bocweb-search .icon img {
    width: 100%;
    display: block
}

.header_m nav {
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0.9rem;
    display: none
}

.header_m nav>ul {
    width: 100%;
    overflow-y: scroll
}

.header_m nav>ul>li {
    border-bottom: 1px solid #f2f2f2
}

.header_m nav>ul>li>a {
    display: block;
    font-size: 0.26rem;
    color: #333;
    line-height: 0.62rem;
    padding: 0 0.57rem 0 0.63rem;
    overflow: hidden
}

.header_m nav>ul>li>a span {
    float: left;
    display: block
}

.header_m nav>ul>li>a em {
    width: 0.21rem;
    height: 0.1rem;
    float: right;
    display: block;
    background: url(../img/nav_icon1.png) no-repeat center center;
    background-size: cover;
    margin: 0.32rem 0 0 0;
    transition: all 0.5s;
    transform-origin: center center
}

.header_m nav>ul>li>a.on em {
    transform: rotate(-180deg)
}

.header_m nav>ul>li dl {
    background: #f8f8f8;
    display: none
}

.header_m nav>ul>li dl dd>a {
    padding: 0 0.57rem 0 0.64rem;
    font-size: 0.24rem;
    color: #333333;
    line-height: 0.54rem;
    display: block;
    border-bottom: 1px solid #f2f2f2
}

.header_m nav>ul>li dl dd>ul {
    display: none
}

.header_m nav>ul>li dl dd>ul>li {
    display: block;
    font-size: 0.26rem;
    color: #333;
    line-height: 0.62rem;
    padding: 0 0.77rem 0 0.83rem
}

.header_m nav>ul>li dl dd>ul>li a {
    color: #333333;
    display: block;
    line-height: 0.5rem
}

.header_m nav>ul>li dl dd:last-child a {
    border-bottom: 0 none
}

.header_m nav.on {
    transition: all 0.5s 0.1s;
    opacity: 1;
    right: 0
}

.m_search_mark {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    display: none
}

.m_search_mark .bg {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.m_search_mark .con {
    position: relative;
    z-index: 2;
    padding: 0 0.26rem;
    overflow: hidden
}

.m_search_mark .con .close {
    width: 0.4rem;
    height: 0.35rem;
    background: url(../img/menu_close.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: 0.26rem;
    top: 0.3rem
}

.m_search_mark .con form {
    position: relative;
    padding: 0 0.44rem 0 0;
    border: 1px solid #fff;
    border-radius: 0.48rem;
    margin-top: 1rem
}

.m_search_mark .con form input {
    width: 100%;
    height: 0.48rem;
    border-radius: 0.48rem;
    border: 0 none;
    background: none;
    color: #fff;
    text-indent: 1em;
    font-size: 14px
}

.m_search_mark .con form button {
    width: 0.29rem;
    height: 0.29rem;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    background: url(../img/search_icon.png) no-repeat;
    background-size: cover;
    border: 0 none;
    outline: none;
    padding: 0;
    margin: 0
}

.search_mark {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10002;
    display: none
}

.search_mark .close {
    width: 41px;
    height: 31px;
    position: absolute;
    right: 40px;
    top: 40px;
    background: url(../img/menu_close_search.png) no-repeat;
    background-size: cover;
    cursor: pointer
}

@media (max-width: 1024px) {
    .search_mark .close {
        width:0.41rem;
        height: 0.31rem;
        right: 0.4rem;
        top: 0.4rem
    }
}

.search_mark .mark_con {
    width: 400px;
    height: 68px;
    border: 1px solid #7d7d7d;
    border-radius: 68px;
    position: relative;
    padding: 0 58px 0 28px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -34px 0 0 -200px
}

@media (max-width: 1024px) {
    .search_mark .mark_con {
        width:80%;
        height: 0.7rem;
        border-radius: 0.7rem;
        padding: 0;
        margin: -0.34rem 0 0 -40%
    }
}

@media (max-width: 1024px) {
    .search_mark .mark_con form {
        padding:0 0.58rem 0 0.28rem
    }
}

.search_mark .mark_con form .cen {
    width: 100%
}

.search_mark .mark_con form .cen input {
    width: 100%;
    padding: 15px 0;
    line-height: 38px;
    font-size: 18px;
    color: #fff;
    border: 0 none;
    background: none
}

@media (max-width: 1024px) {
    .search_mark .mark_con form .cen input {
        padding:0.15rem 0;
        line-height: 0.4rem;
        font-size: 0.22rem
    }
}

.search_mark .mark_con form .right {
    width: 29px;
    height: 29px;
    position: absolute;
    right: 20px;
    top: 20px
}

@media (max-width: 1024px) {
    .search_mark .mark_con form .right {
        width:0.29rem;
        height: 0.29rem;
        right: 0.2rem;
        top: 0.2rem
    }
}

.search_mark .mark_con form .right button {
    width: 29px;
    height: 29px;
    padding: 0;
    border: 0 none;
    outline: none;
    background: url(../img/search_icon1.png) no-repeat;
    background-size: cover
}

@media (max-width: 1024px) {
    .search_mark .mark_con form .right button {
        width:0.29rem;
        height: 0.29rem
    }
}

.statment_mark {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    width: 100%;
    height: 100%
}

.statment_mark .bg {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
    z-index: 1;
    width: 100%;
    height: 100%
}

.statment_mark .con {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -210px;
    margin-left: -480px;
    width: 960px;
    z-index: 2;
    background: #fff
}

@media (max-width: 980px) {
    .statment_mark .con {
        width:90%;
        margin-left: -45%
    }
    .header_m .top .bocweb-logo{
    width: 3.8rem;
    margin-top: .18rem;
}
    .header_m .top .bocweb-logo img{

    }
}

.statment_mark .con .tit {
    height: 50px;
    overflow: hidden;
    padding: 0 16px
}

@media (max-width: 1024px) {
    .statment_mark .con .tit {
        height:0.5rem;
        padding: 0 0.12rem
    }
}

.statment_mark .con .tit h6 {
    font-size: 18px;
    color: #333;
    line-height: 50px;
    float: left
}

@media (max-width: 1024px) {
    .statment_mark .con .tit h6 {
        font-size:16px;
        line-height: 0.5rem
    }
}

.statment_mark .con .tit .close {
    width: 30px;
    height: 26px;
    float: right;
    margin: 12px 0 0 0;
    background: url(../img/close_icon1.png) no-repeat;
    background-size: contain;
    cursor: pointer
}

@media (max-width: 1024px) {
    .statment_mark .con .tit .close {
        width:0.3rem;
        height: 0.26rem;
        margin: 0.12rem 0 0 0
    }
}

.statment_mark .con .text {
    border-top: 1px solid #f2f2f2;
    height: 400px;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    padding: 20px 30px
}

@media (max-width: 1024px) {
    .statment_mark .con .text {
        height:4rem;
        padding: 0.2rem 0.2rem
    }
}

footer {
    background: #1f2024
}

footer .footer_top {
    padding-bottom: 39px
}

@media (max-width: 1024px) {
    footer .footer_top {
        padding-bottom:0.1rem
    }
}

footer .footer_top .w1400 {
    padding-top: 39px;
    overflow: hidden
}

@media (max-width: 1024px) {
    footer .footer_top .w1400 {
        padding-top:0.2rem;
        text-align: center;
        font-size: 0
    }
}

footer .footer_top .w1400 .left {
    float: left;
    overflow: hidden
}

@media (max-width: 1024px) {
    footer .footer_top .w1400 .left {
        float:inherit;
        text-align: center;
        display: inline-block;
        margin: 0 0.6rem
    }
}

@media (max-width: 500px) {
    footer .footer_top .w1400 .left {
        margin:0 0.4rem
    }
}

@media (max-width: 460px) {
    footer .footer_top .w1400 .left {
        margin:0 0.3rem
    }

}

@media (max-width: 420px) {
    footer .footer_top .w1400 .left {
        margin:0 0.1rem;
        width: 106px
    }

}
@media (max-width: 322px){
                .header_m .top .bocweb-logo{
    width: 3.2rem;
    margin-top: 0.2rem;
}
}
footer .footer_top .w1400 .left dl {
    float: left;
    margin-right: 116px
}

@media (max-width: 1320px) {
    footer .footer_top .w1400 .left dl {
        margin-right:100px
    }
}

@media (max-width: 1150px) {
    footer .footer_top .w1400 .left dl {
        margin-right:80px
    }
}

footer .footer_top .w1400 .left dl dt {
    font-size: 18px;
    color: #fff;
    line-height: 54px
}

@media (max-width: 1024px) {
    footer .footer_top .w1400 .left dl dt {
        line-height:0.5rem;
        font-size: 0.22rem
    }
}

footer .footer_top .w1400 .left dl dd {
    line-height: 26px
}

footer .footer_top .w1400 .left dl dd a {
    font-size: 16px;
    color: #fff;
    opacity: 0.5;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    footer .footer_top .w1400 .left dl dd a {
        font-size:14px
    }
}

footer .footer_top .w1400 .left dl dd a:hover {
    opacity: 1
}

footer .footer_top .w1400 .left .dl1 dd a {
    display: block
}

footer .footer_top .w1400 .left .dl1 dd a .img {
    width: 106px;
    height: 142px;
    overflow: hidden;
    margin: 6px auto 0
}

footer .footer_top .w1400 .left .dl1 dd a .img img {
    width: 100%;
    display: block
}

footer .footer_top .w1400 .left .dl1 dd a h6 {
    font-size: 14px;
    opacity: 0.5;
    font-weight: normal;
    line-height: 44px
}

@media (max-width: 450px) {
    footer .footer_top .w1400 .left .dl1 dd a h6 {
        line-height:1.2
    }
}

footer .footer_top .w1400 .left dl:last-child {
    margin-right: 0
}

@media (max-width: 1024px) {
    footer .footer_top .w1400 .left dl {
        margin-right:0;
        float: inherit
    }

    footer .footer_top .w1400 .left .dl2,footer .footer_top .w1400 .left .dl3,footer .footer_top .w1400 .left .dl4,footer .footer_top .w1400 .left .dl5,footer .footer_top .w1400 .left .dl6 {
        display: none
    }
}

footer .footer_top .w1400>i {
    width: 1px;
    height: 164px;
    background: #353639;
    float: right;
    display: block;
    margin-top: 22px;
    margin-right: 16.57%
}

@media (max-width: 1400px) {
    footer .footer_top .w1400>i {
        margin-right:10.57%
    }
}

@media (max-width: 1300px) {
    footer .footer_top .w1400>i {
        margin-right:6.57%
    }
}

@media (max-width: 1200px) {
    footer .footer_top .w1400>i {
        margin-right:2.57%
    }
}

@media (max-width: 1100px) {
    footer .footer_top .w1400>i {
        display:none
    }
}

@media (max-width: 1024px) {
    footer .footer_top .w1400>i {
        display:none
    }
}

footer .footer_top .w1400 .right {
    width: 255px;
    float: right
}

@media (max-width: 1024px) {
    footer .footer_top .w1400 .right {
        float:inherit;
        text-align: center;
        display: inline-block;
        vertical-align: top;
        margin: 0 0.6rem
    }
}

@media (max-width: 500px) {
    footer .footer_top .w1400 .right {
        margin:0 0.4rem
    }
}

@media (max-width: 460px) {
    footer .footer_top .w1400 .right {
        margin:0 0.3rem
    }
}

@media (max-width: 420px) {
    footer .footer_top .w1400 .right {
        margin:0 0.1rem;
        width: 2.6rem
    }
}

footer .footer_top .w1400 .right h5 {
    line-height: 52px;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    margin-top: 6px
}

@media (max-width: 1024px) {
    footer .footer_top .w1400 .right h5 {
        line-height:0.5rem;
        font-size: 0.22rem;
        margin-top: 0;
        text-align: left
    }
}

footer .footer_top .w1400 .right .items {
    overflow: hidden;
    margin-bottom: 3px
}

@media (max-width: 1024px) {
    footer .footer_top .w1400 .right .items {
        margin-bottom:0.5rem
    }
}

footer .footer_top .w1400 .right .items .item {
    float: left;
    line-height: 30px;
    overflow: hidden;
    opacity: 0.5;
    margin-right: 30px;
    transition: all 0.5s;
    margin-bottom: 5px
}

@media (max-width: 1024px) {
    footer .footer_top .w1400 .right .items .item {
        line-height:0.26rem;
        margin-right: 0.1rem
    }
}

footer .footer_top .w1400 .right .items .item em {
    width: 21px;
    height: 18px;
    background: url(../img/footer_icon1.png) no-repeat;
    background-size: cover;
    float: left;
    margin-top: 6px;
    margin-right: 6px
}

@media (max-width: 1024px) {
    footer .footer_top .w1400 .right .items .item em {
        width:0.21rem;
        height: 0.18rem;
        margin-top: 0.04rem;
        margin-right: 0.04rem
    }
}

footer .footer_top .w1400 .right .items .item span {
    font-size: 16px;
    color: #fff;
    float: left
}

@media (max-width: 1024px) {
    footer .footer_top .w1400 .right .items .item span {
        font-size:14px
    }
}

footer .footer_top .w1400 .right .items .item .en {
    font-size: 18px;
    font-family: 'Arial'
}

@media (max-width: 1024px) {
    footer .footer_top .w1400 .right .items .item .en {
        font-size:16px
    }
}

footer .footer_top .w1400 .right .items .item:last-child {
    margin-right: 0
}

footer .footer_top .w1400 .right .items .item:last-child em {
    background: url(../img/footer_icon2.png) no-repeat;
    background-size: cover
}

footer .footer_top .w1400 .right .items .item:hover {
    opacity: 1
}

footer .footer_top .w1400 .right .share {
    margin-top: 6px
}

footer .footer_top .w1400 .right .share .phone {
    margin-right: 14px;
    float: left;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px
}

@media (max-width: 420px) {
    footer .footer_top .w1400 .right .share .phone {
        margin-right:4px;
        margin-bottom: 0.1rem
    }
}

footer .footer_top .w1400 .right .share .phone .icon {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #b4b4b9;
    overflow: hidden;
    transition: all 0.5s
}

footer .footer_top .w1400 .right .share .phone .icon .img {
    width: 21px;
    height: 19px;
    margin: 8px auto 0;
    display: block;
    overflow: hidden
}

footer .footer_top .w1400 .right .share .phone .icon .img img {
    width: 100%;
    display: block
}

footer .footer_top .w1400 .right .share .phone .num {
    position: absolute;
    left: 0;
    bottom: 35px;
    background: #fff;
    padding: 0 4px;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    display: inline-block;
    display: none;
    border-radius: 4px
}

@media (min-width: 1025px) {
    footer .footer_top .w1400 .right .share .phone:hover .icon {
        background:#fff
    }
}

footer .footer_top .w1400 .right .share .weixin {
    margin-right: 14px;
    float: left;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px
}

@media (max-width: 420px) {
    footer .footer_top .w1400 .right .share .weixin {
        margin-right:4px;
        margin-bottom: 0.1rem
    }
}

footer .footer_top .w1400 .right .share .weixin .icon {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #b4b4b9;
    overflow: hidden;
    transition: all 0.5s
}

footer .footer_top .w1400 .right .share .weixin .icon .img {
    width: 21px;
    height: 19px;
    margin: 8px auto 0;
    display: block
}

footer .footer_top .w1400 .right .share .weixin .icon .img img {
    width: 100%;
    display: block
}

footer .footer_top .w1400 .right .share .weixin .erweima {
    position: absolute;
    left: 0;
    bottom: 35px;
    background: #fff;
    padding: 0 4px;
    font-size: 14px;
    color: #333;
    display: inline-block;
    display: none;
    border-radius: 4px;
    width: 120px
}

footer .footer_top .w1400 .right .share .weixin .erweima .img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: 6px auto 0
}

footer .footer_top .w1400 .right .share .weixin .erweima .img img {
    width: 100%;
    display: block
}

footer .footer_top .w1400 .right .share .weixin .erweima h6 {
    font-size: 12px;
    color: #333;
    line-height: 22px;
    font-weight: normal;
    text-align: center
}

@media (min-width: 1025px) {
    footer .footer_top .w1400 .right .share .weixin:hover .icon {
        background:#fff
    }
}

footer .footer_top .w1400 .right .share>a {
    display: block;
    padding: 0;
    margin: 0 14px 0 0;
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    opacity: 1;
    background: #b4b4b9;
    transition: all 0.5s;
    margin-bottom: 10px
}

@media (max-width: 420px) {
    footer .footer_top .w1400 .right .share>a {
        margin:0 4px 0.1rem 0
    }
}

footer .footer_top .w1400 .right .share>a .img {
    width: 21px;
    height: 19px;
    margin: 8px auto 0;
    display: block;
    overflow: hidden
}

footer .footer_top .w1400 .right .share>a .img img {
    width: 100%;
    display: block
}

@media (min-width: 1024px) {
    footer .footer_top .w1400 .right .share>a:hover {
        background:#fff
    }
}

@media (min-width: 1025px) {
    footer .footer_top .w1400 .right .share:after {
        clear:both;
        display: block;
        content: ''
    }
}

footer .footer_bot {
    border-top: 1px solid #3a3b3e
}

@media (max-width: 420px) {
    footer .footer_bot {
        padding:0.1rem 0 0.1rem 0
    }
}

footer .footer_bot .w1400 {
    overflow: hidden
}

footer .footer_bot .w1400 .left {
    float: left;
    margin-top: 23px;
    padding-bottom: 17px
}

@media (max-width: 1024px) {
    footer .footer_bot .w1400 .left {
        margin-top:0;
        padding-bottom: 0
    }
}

@media (max-width: 1024px) {
    footer .footer_bot .w1400 .left {
        float:inherit;
        text-align: center
    }
}

footer .footer_bot .w1400 .left .tabs {
    float: left
}

@media (max-width: 1024px) {
    footer .footer_bot .w1400 .left .tabs {
        float:inherit;
        text-align: center
    }
}

footer .footer_bot .w1400 .left .tabs .img {
    float: left;
    width: 56px;
    height: 28px;
    overflow: hidden
}

@media (max-width: 1150px) {
    footer .footer_bot .w1400 .left .tabs .img {
        display:none
    }
}

footer .footer_bot .w1400 .left .tabs .img img {
    width: 100%;
    display: block
}

footer .footer_bot .w1400 .left .tabs .language {
    float: left;
    position: relative;
    margin-left: 6px
}

@media (max-width: 1055px) {
    footer .footer_bot .w1400 .left .tabs .language {
        display:none
    }
}

footer .footer_bot .w1400 .left .tabs .language span {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    float: left
}

footer .footer_bot .w1400 .left .tabs .language em {
    width: 10px;
    height: 5px;
    float: left;
    margin: 11px 0 0 4px;
    display: block;
    background: url(../img/footer_jt.png) no-repeat;
    transition: all 0.5s
}

footer .footer_bot .w1400 .left .tabs .language .txt {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    position: absolute;
    left: 0;
    bottom: 24px;
    display: none
}

footer .footer_bot .w1400 .left .tabs .language .txt a {
    color: #999;
    transition: all 0.5s
}

footer .footer_bot .w1400 .left .tabs .language .txt a:hover {
    color: #f1f1f1
}

footer .footer_bot .w1400 .left .tabs .language.on em {
    transform: rotate(180deg)
}

footer .footer_bot .w1400 .left .tabs .language:after {
    clear: both;
    display: block;
    content: ''
}

footer .footer_bot .w1400 .left .tabs .text {
    float: left;
    margin-left: 48px;
    font-size: 14px;
    color: #999999;
    line-height: 34px
}

@media (max-width: 1024px) {
    footer .footer_bot .w1400 .left .tabs .text {
        margin-left:0
    }
}

@media (max-width: 1024px) {
    footer .footer_bot .w1400 .left .tabs .text {
        float:inherit;
        text-align: center;
        line-height: 22px
    }
}

footer .footer_bot .w1400 .left .tabs .text p {
    display: inline-block
}

footer .footer_bot .w1400 .left .tabs:after {
    clear: both;
    display: block;
    content: ''
}

footer .footer_bot .w1400 .left:after {
    clear: both;
    display: block;
    content: ''
}

footer .footer_bot .w1400 .right {
    float: right;
    overflow: hidden
}

@media (max-width: 1024px) {
    footer .footer_bot .w1400 .right {
        float:inherit;
        text-align: center;
        font-size: 0
    }
}

footer .footer_bot .w1400 .right a {
    font-size: 14px;
    line-height: 60px;
    color: #fff;
    float: left;
    display: block;
    opacity: 0.5;
    transition: all 0.5s;
    margin-top: 8px
}

@media (max-width: 1024px) {
    footer .footer_bot .w1400 .right a {
        line-height:34px;
        margin-top: 0
    }
}

@media (max-width: 1024px) {
    footer .footer_bot .w1400 .right a {
        float:inherit;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        line-height: 24px
    }
}

footer .footer_bot .w1400 .right i {
    width: 1px;
    height: 15px;
    background: #a9a9aa;
    float: left;
    margin: 30px 10px 0
}

@media (max-width: 1024px) {
    footer .footer_bot .w1400 .right i {
        margin:10px 10px 0
    }
}

@media (max-width: 1024px) {
    footer .footer_bot .w1400 .right i {
        float:inherit;
        margin: 0 5px 0;
        text-align: center;
        display: inline-block;
        vertical-align: middle
    }
}

footer .footer_bot .w1400 .right a:hover {
    opacity: 1
}

.video_mark {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.8)
}

.video_mark .mark_con {
    width: 800px;
    background: #fff;
    height: 600px;
    border-radius: 6px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -300px 0 0 -400px
}

@media (max-width: 900px) {
    .video_mark .mark_con {
        width:90%;
        height: auto;
        margin: -3rem 0 0 -45%
    }
}

.video_mark .mark_con .tit {
    overflow: hidden;
    padding-bottom: 8px;
    border-bottom: 1px solid #eeeeee
}

@media (max-width: 1024px) {
    .video_mark .mark_con .tit {
        padding-bottom:0.1rem
    }
}

.video_mark .mark_con .tit h5 {
    line-height: 34px;
    font-size: 18px;
    color: #333333;
    float: left;
    width: 80%;
    margin-left: 20px;
    margin-top: 20px
}

@media (max-width: 900px) {
    .video_mark .mark_con .tit h5 {
        line-height:0.38rem;
        font-size: 0.22rem;
        margin-top: 0.2rem
    }
}

.video_mark .mark_con .tit .close {
    width: 40px;
    height: 35px;
    float: right;
    margin-right: 20px;
    margin-top: 14px;
    background: url(../img/close_icon1.png) no-repeat;
    background-size: cover;
    cursor: pointer
}

@media (max-width: 900px) {
    .video_mark .mark_con .tit .close {
        width:0.4rem;
        height: 0.35rem;
        margin-right: 0.1rem;
        margin-top: 0.14rem
    }
}

.video_mark .mark_con .con {
    padding: 20px;
    overflow: hidden;
    position: relative;
    height: 498px
}

@media (max-width: 1024px) {
    .video_mark .mark_con .con {
        height:auto
    }
}

@media (max-width: 900px) {
    .video_mark .mark_con .con {
        padding:0.2rem
    }
}

.video_mark .mark_con .con video {
    width: 100%;
    height: 500px
}

@media (max-width: 900px) {
    .video_mark .mark_con .con video {
        height:auto
    }
}

.video_mark .mark_con .con iframe {
    width: 100% !important;
    height: 100% !important
}

@media (max-width: 1024px) {
    .video_mark .mark_con .con iframe {
        max-width:100%;
        display: block;
        width: auto !important;
        height: auto !important;
        margin: 0 auto
    }
}

.video_mark .mark_con .con iframe #youku-playerBox {
    width: 100%;
    height: auto
}

.main {
    opacity: 0;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    padding-top: 100px
}

@media (max-width: 1024px) {
    .main {
        padding-top:0.9rem
    }
}

.main.on {
    opacity: 1
}

.welcome .banner {
    height: 500px;
    overflow: hidden;
    transition: all 0.5s;
    position: relative
}

@media (max-width: 1420px) {
    .welcome .banner {
        height:520px
    }
}

@media (max-width: 1220px) {
    .welcome .banner {
        height:500px
    }
}

@media (max-width: 1024px) {
    .welcome .banner {
        display:none
    }
}

.welcome .banner ul {
    position: relative;
    overflow: hidden
}

.welcome .banner ul li {
    float: left;
    height: 500px;
    overflow: hidden;
    transition: all 0.5s
}

@media (max-width: 1420px) {
    .welcome .banner ul li {
        height:520px
    }
}

@media (max-width: 1220px) {
    .welcome .banner ul li {
        height:500px
    }
}

.welcome .banner ul li a {
    display: block;
    height: 500px;
    width: 100%
}

@media (max-width: 1420px) {
    .welcome .banner ul li a {
        height:520px
    }
}

@media (max-width: 1220px) {
    .welcome .banner ul li a {
        height:500px
    }
}

.welcome .banner ul li a .text {
    text-align: center;
    overflow: hidden
}

.welcome .banner ul li a .text .en {
    font-size: 46px;
    color: #fff;
    line-height: 64px;
    text-align: center;
    margin-top: 204px;
    font-family: 'TT0861M_6';
    display: none
}

.welcome .banner ul li a .text .cn {
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    margin-top: 204px;
    transition: all 0.5s 0.8s;
    opacity: 0
}

.welcome .banner ul li a .text .txt {
    width: 800px;
    margin: 20px auto 0;
    font-size: 30px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    transition: all 0.5s 0.8s;
    opacity: 0
}

.welcome .banner ul li.active a .cn {
    transform: translate(0);
    opacity: 1
}

.welcome .banner ul li.active a .txt {
    transform: translate(0);
    opacity: 1
}

.welcome .banner ol {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;
    text-align: center;
    font-size: 0
}

.welcome .banner ol li {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #fff;
    opacity: 0.5;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
    transition: all 0.3s;
    cursor: pointer
}

.welcome .banner ol li.active {
    width: 36px;
    opacity: 1
}

.welcome .m_banner {
    display: none
}

@media (max-width: 1024px) {
    .welcome .m_banner {
        display:block
    }
}

.welcome .m_banner .swiper-container .swiper-wrapper .swiper-slide {
    overflow: hidden;
    position: relative
}

.welcome .m_banner .swiper-container .swiper-wrapper .swiper-slide .img img {
    width: 140%;
    display: block;
    margin-left: -20%
}

.welcome .m_banner .swiper-container .swiper-wrapper .swiper-slide .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.welcome .m_banner .swiper-container .swiper-wrapper .swiper-slide .text .en {
    font-size: 0.3rem;
    line-height: 0.4rem;
    font-family: 'TT0861M_6';
    margin-top: 2rem;
    color: #fff;
    display: none
}

@media (max-width: 640px) {
    .welcome .m_banner .swiper-container .swiper-wrapper .swiper-slide .text .en {
        margin-top:1rem
    }
}

@media (max-width: 420px) {
    .welcome .m_banner .swiper-container .swiper-wrapper .swiper-slide .text .en {
        margin-top:0.6rem
    }
}

.welcome .m_banner .swiper-container .swiper-wrapper .swiper-slide .text .cn {
    font-size: 0.26rem;
    line-height: 0.48rem;
    font-weight: bold;
    color: #fff;
    margin-top: 2rem;
    transition: all 0.5s 0.3s;
    opacity: 0
}

@media (max-width: 640px) {
    .welcome .m_banner .swiper-container .swiper-wrapper .swiper-slide .text .cn {
        margin-top:1rem
    }
}

@media (max-width: 420px) {
    .welcome .m_banner .swiper-container .swiper-wrapper .swiper-slide .text .cn {
        margin-top:0.3rem
    }
}

.welcome .m_banner .swiper-container .swiper-wrapper .swiper-slide .text .txt {
    padding: 0 0.2rem;
    margin: 0.1rem auto 0;
    font-size: 0.2rem;
    line-height: 0.3rem;
    color: #ccc;
    text-align: center;
    transition: all 0.5s 0.3s;
    opacity: 0
}

.welcome .m_banner .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .text .cn {
    transform: translate(0);
    opacity: 1
}

.welcome .m_banner .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .text .txt {
    transform: translate(0);
    opacity: 1
}

.welcome .m_banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.5;
    border-radius: 8px
}

.welcome .m_banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    opacity: 1
}

.welcome .index_news .w1400 {
    overflow: hidden
}

@media (min-width: 1024px) {
    .welcome .index_news .w1400 {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

.welcome .index_news .w1400 .tit {
    font-size: 22px;
    color: #333333;
    line-height: 78px;
    margin-top: 35px
}

@media (max-width: 1024px) {
    .welcome .index_news .w1400 .tit {
        font-size:0.24rem;
        line-height: 0.6rem;
        margin-top: 0.1rem
    }
}

.welcome .index_news .w1400.ani {
    opacity: 1;
    transform: translate(0)
}

.welcome .index_news .con {
    overflow: hidden
}

@media (max-width: 1024px) {
    .welcome .index_news .con {
        display:none
    }
}

@media (min-width: 1024px) {
    .welcome .index_news .con {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

.welcome .index_news .con ul {
    overflow: hidden;
    position: relative
}

.welcome .index_news .con ul li {
    float: left;
    transition: all 0.5s
}

.welcome .index_news .con ul li a {
    display: block;
    position: relative
}

.welcome .index_news .con ul li a .mark {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0;
    top: 0;
    background: #fff;
    opacity: 0
}

.welcome .index_news .con ul li a .pic {
    overflow: hidden
}

.welcome .index_news .con ul li a .pic .img img {
    max-width: 100%;
    display: block
}

.welcome .index_news .con ul li a .text {
    width: 100%;
    height: 229px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../img/index_box2_bg.png) repeat-x;
    background-size: contain
}

.welcome .index_news .con ul li a .text .text_con {
    padding: 0 6.4%
}

.welcome .index_news .con ul li a .text .text_con .time {
    margin-top: 10%;
    font-size: 18px;
    color: #fff;
    opacity: 0.72;
    line-height: 40px;
    display: none;
    transition: all 0.5s
}

.welcome .index_news .con ul li a .text .text_con .txt {
    font-size: 18px;
    color: #fff;
    line-height: 80px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 150px;
    transition: all 0.5s
}

.welcome .index_news .con ul li a .text .text_con .more {
    width: 45px;
    height: 45px;
    background: url(../img/index_news_icon.png) no-repeat;
    background-size: cover;
    margin-top: 48px;
    display: none;
    transition: all 0.5s
}

@media (max-width: 1420px) {
    .welcome .index_news .con ul li a .text .text_con .more {
        margin-top:30px
    }
}

.welcome .index_news .con ul li.active a .text {
    height: 100%;
    background: rgba(0,0,0,0.13)
}

.welcome .index_news .con ul li.active a .text .text_con .time {
    display: block
}

.welcome .index_news .con ul li.active a .text .text_con .txt {
    font-size: 26px;
    line-height: 32px;
    margin-top: 0;
    height: 64px;
    overflow: hidden
}

.welcome .index_news .con ul li.active a .text .text_con .more {
    display: block
}

.welcome .index_news .con ul li.opacity a .mark {
    opacity: 0.4
}

.welcome .index_news .con ol {
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-top: 28px
}

.welcome .index_news .con ol li {
    width: 12px;
    height: 12px;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
    cursor: pointer
}

.welcome .index_news .con ol li i {
    border-radius: 100%;
    opacity: 1;
    width: 6px;
    height: 6px;
    background: #cccccc;
    margin: 3px auto 0;
    display: block
}

.welcome .index_news .con ol li.active {
    background: url(../img/index_news_active.png) no-repeat;
    background-size: cover
}

.welcome .index_news .con ol li.active i {
    display: none
}

.welcome .index_news .con.ani {
    opacity: 1;
    transform: translate(0)
}

.welcome .index_news .m_con {
    display: none
}

@media (max-width: 1024px) {
    .welcome .index_news .m_con {
        display:block
    }
}

.welcome .index_news .m_con .swiper-news {
    padding-bottom: 0.4rem
}

.welcome .index_news .m_con .swiper-news .swiper-wrapper .swiper-slide {
    overflow: hidden
}

.welcome .index_news .m_con .swiper-news .swiper-wrapper .swiper-slide a {
    display: block;
    position: relative
}

.welcome .index_news .m_con .swiper-news .swiper-wrapper .swiper-slide a .mark {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0;
    top: 0;
    background: #fff;
    opacity: 0
}

.welcome .index_news .m_con .swiper-news .swiper-wrapper .swiper-slide a .pic {
    overflow: hidden
}

.welcome .index_news .m_con .swiper-news .swiper-wrapper .swiper-slide a .pic .img img {
    width: 160%;
    display: block;
    margin-left: -30%
}

.welcome .index_news .m_con .swiper-news .swiper-wrapper .swiper-slide a .text {
    width: 100%;
    height: 56px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../img/index_box2_bg.png) repeat-x;
    background-size: contain
}

.welcome .index_news .m_con .swiper-news .swiper-wrapper .swiper-slide a .text .text_con {
    padding: 0 6.4%
}

.welcome .index_news .m_con .swiper-news .swiper-wrapper .swiper-slide a .text .text_con .time {
    font-size: 14px;
    color: #fff;
    opacity: 0.72;
    line-height: 24px;
    transition: all 0.5s
}

.welcome .index_news .m_con .swiper-news .swiper-wrapper .swiper-slide a .text .text_con .txt {
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s
}

.welcome .index_news .m_con .swiper-news .swiper-pagination {
    bottom: 6px;
    text-align: center;
    font-size: 0
}

.welcome .index_news .m_con .swiper-news .swiper-pagination .swiper-pagination-bullet {
    background: #cccccc;
    width: 6px;
    height: 6px;
    float: inherit;
    text-align: center;
    vertical-align: middle;
    opacity: 1
}

.welcome .index_news .m_con .swiper-news .swiper-pagination .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: url(../img/index_news_active.png) no-repeat;
    background-size: cover
}

.welcome .index_product {
    padding-bottom: 67px
}

@media (max-width: 1024px) {
    .welcome .index_product {
        padding-bottom:0.4rem
    }
}

.welcome .index_product .w1738 {
    width: 1738px;
    margin: 0 auto;
    overflow: hidden
}

@media (max-width: 1750px) {
    .welcome .index_product .w1738 {
        width:90%
    }
}

@media (max-width: 1600px) {
    .welcome .index_product .w1738 {
        width:96%
    }
}

.welcome .index_product .w1738 .tit {
    line-height: 86px;
    font-size: 22px;
    color: #333333
}

@media (max-width: 1024px) {
    .welcome .index_product .w1738 .tit {
        font-size:0.24rem;
        line-height: 0.6rem;
        margin-top: 0.1rem
    }
}

@media (min-width: 1024px) {
    .welcome .index_product .w1738 .tit {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

.welcome .index_product .w1738 .tit.ani {
    opacity: 1;
    transform: translate(0)
}

.welcome .index_product .w1738 .content {
    overflow: hidden
}

@media (min-width: 1024px) {
    .welcome .index_product .w1738 .content {
        transition:all 0.8s;
        opacity: 0;
        transform: translateY(80px)
    }
}

.welcome .index_product .w1738 .content .left {
    width: 100%;
    float: left
}

@media (max-width: 880px) {
    .welcome .index_product .w1738 .content .left {
        width:100%;
        float: inherit
    }
}

@media (max-width: 480px) {
    .welcome .index_product .w1738 .content .left {
        margin-bottom:0
    }
}

.welcome .index_product .w1738 .content .left ul {
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}

.welcome .index_product .w1738 .content .left ul li {
    float: left;
    width: 33.333333%;
    box-sizing: border-box;
    overflow: hidden;
}

.welcome .index_product .w1738 .content .left ul li a .icon {
    width: 73px;
    height: 66px;
    overflow: hidden;
    margin: 70px auto 0;
    transition: all 0.5s
}

@media (max-width: 1200px) {
    .welcome .index_product .w1738 .content .left ul li a .icon {
        margin:40px auto 0
    }
}

@media (max-width: 1024px) {
    .welcome .index_product .w1738 .content .left ul li a .icon {
        width:0.73rem;
        height: 0.66rem;
        margin: 0.2rem auto 0
    }
}

.welcome .index_product .w1738 .content .left ul li a .icon img {
    width: 100%;
    display: block
}

.welcome .index_product .w1738 .content .left ul li a .cn {
    font-size: 22px;
    color: #333;
    line-height: 30px;
    margin-top: 200px;
    text-align: right;
}

@media (max-width: 1400px) {
    .welcome .index_product .w1738 .content .left ul li a .cn {
        font-size:18px;
        margin-top: 150px;
    }
}

@media (max-width: 1024px) {
    .welcome .index_product .w1738 .content .left ul li a .cn {
        font-size:16px;
        line-height: 28px;
        margin-top: 100px;
        color: #fff;
    }
}

@media (max-width: 640px) {
    .welcome .index_product .w1738 .content .left ul li a .cn {
        color: #fff;
        margin-top: 75px;
        line-height: 20px;
        font-size: 14px
    }
}

.welcome .index_product .w1738 .content .left ul li a .en {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: rgba(255,255,255,0.64);
    font-family: 'HelveticaNeueCE35Thin';
    display: none
}

@media (max-width: 1400px) {
    .welcome .index_product .w1738 .content .left ul li a .en {
        font-size:12px
    }
}

@media (max-width: 640px) {
    .welcome .index_product .w1738 .content .left ul li a .en {
        line-height:20px
    }
}

@media (max-width: 480px) {
    .welcome .index_product .w1738 .content .left ul li a .en {
        display:none
    }
}

.welcome .index_product .w1738 .content .left ul li {
    padding-left: 15px;
    margin-bottom: 30px;
    padding-right: 15px;
}
.welcome .index_product .w1738 .content .left ul li a{
    display: block;
}
.welcome .index_product .w1738 .content .left ul li .imgtype1{}
.welcome .index_product .w1738 .content .left ul li .imgtype1 img{
    width: 100%;
}
.welcome .index_product .w1738 .content .left ul li .txttype1{
    font-size: 16px;
    text-align: center;
}
@media (max-width: 1600px) {
    .welcome .index_product .w1738 .content .left ul li {
        margin-bottom:12px
    }
}

@media (max-width: 1024px) {
    .welcome .index_product .w1738 .content .left ul li {
        margin-bottom:0.1rem;
        margin-right: 1px;
    }
    .welcome .index_product .w1738 .content .left ul li{
    width: 100%;
    background-size: cover !important;
}
}
@media (max-width: 415px) {
.welcome .index_product .w1738 .content .left ul li{/* height: 262px !important; */}
.welcome .index_product .w1738 .content .left ul li .txttype1{
    font-size: 1.4em;
}
}
@media (max-width: 376px) {
.welcome .index_product .w1738 .content .left ul li{/* height: 238px !important; */}
}
@media (max-width: 321px) {
.welcome .index_product .w1738 .content .left ul li{/* height: 204px !important; */}
}
.welcome .index_product .w1738 .content .left ul a:nth-child(3n) li{
    /* display:none; */
    margin-right: 0;
}
}

.welcome .index_product .w1738 .content .left ul li:nth-child(3) {
    margin-bottom: 0
}

.welcome .index_product .w1738 .content .left ul li:nth-child(4) {
    margin-bottom: 0
}

.welcome .index_product .w1738 .content .left ul li:nth-child(even) {
    float: right
}

@media (min-width: 1024px) {
    .welcome .index_product .w1738 .content .left ul li:hover a .icon {
        transform:translateY(-20px)
    }
}

.welcome .index_product .w1738 .content .right {
    float: right;
    width: 32.68%;
    overflow: hidden
}

@media (max-width: 880px) {
    .welcome .index_product .w1738 .content .right {
        width:100%;
        float: inherit;
        margin-top: 0.1rem
    }
}

@media (max-width: 480px) {
    .welcome .index_product .w1738 .content .right {
        height:auto !important;
        padding-bottom: 0.4rem
    }
}

.welcome .index_product .w1738 .content .right .right_tit {
    border: 1px solid rgba(255,255,255,0.4);
    width: 132px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    margin: 49px 0 0 38px
}

@media (max-width: 1024px) {
    .welcome .index_product .w1738 .content .right .right_tit {
        width:1.32rem;
        height: 0.4rem;
        line-height: 0.4rem;
        margin: 0.3rem 0 0 0.2rem;
        padding-right: 0.2rem
    }
}

@media (max-width: 880px) {
    .welcome .index_product .w1738 .content .right .right_tit {
        margin:0.2rem auto 0;
        padding-right: 0
    }
}

.welcome .index_product .w1738 .content .right .right_tit em {
    width: 18px;
    height: 22px;
    display: inline-block;
    text-align: center;
    margin: 0 3px;
    background: url(../img/index_product_icon5.png) no-repeat;
    background-size: cover;
    vertical-align: middle
}

.welcome .index_product .w1738 .content .right .right_tit span {
    font-size: 16px;
    color: #fff;
    margin: 0 3px;
    vertical-align: middle;
    display: inline-block;
    text-align: center
}

@media (max-width: 1024px) {
    .welcome .index_product .w1738 .content .right .right_tit span {
        font-size:14px
    }
}

.welcome .index_product .w1738 .content .right .icon {
    width: 73px;
    height: 66px;
    overflow: hidden;
    margin: 70px auto 0
}

@media (max-width: 1200px) {
    .welcome .index_product .w1738 .content .right .icon {
        margin:40px auto 0
    }
}

@media (max-width: 1024px) {
    .welcome .index_product .w1738 .content .right .icon {
        width:0.73rem;
        height: 0.66rem;
        margin: 0.2rem auto 0
    }
}

.welcome .index_product .w1738 .content .right .icon img {
    width: 100%;
    display: block
}

.welcome .index_product .w1738 .content .right .text {
    margin: 18px auto 0;
    text-align: center
}

@media (max-width: 1024px) {
    .welcome .index_product .w1738 .content .right .text {
        margin:0.16rem auto 0;
        padding-right: 0.2rem
    }
}

@media (max-width: 880px) {
    .welcome .index_product .w1738 .content .right .text {
        padding-right:0;
        text-align: center
    }
}

@media (max-width: 640px) {
    .welcome .index_product .w1738 .content .right .text {
        margin-top:0.06rem
    }
}

.welcome .index_product .w1738 .content .right .text .cn {
    font-size: 22px;
    color: #fff;
    text-shadow: 0.5px 0.866px 2px rgba(0,0,0,0.3);
    line-height: 30px;
    margin-top: 18px
}

@media (max-width: 1400px) {
    .welcome .index_product .w1738 .content .right .text .cn {
        font-size:18px
    }
}

@media (max-width: 1024px) {
    .welcome .index_product .w1738 .content .right .text .cn {
        font-size:16px;
        line-height: 28px;
        padding: 7px 0;
        margin-top: 0.16rem
    }
}

@media (max-width: 640px) {
    .welcome .index_product .w1738 .content .right .text .cn {
        font-size:14px;
        margin-top: 0.06rem;
        line-height: 20px
    }
}

.welcome .index_product .w1738 .content .right .text .en {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    display: none
}

@media (max-width: 1400px) {
    .welcome .index_product .w1738 .content .right .text .en {
        font-size:12px
    }
}

@media (max-width: 480px) {
    .welcome .index_product .w1738 .content .right .text .en {
        display:none
    }
}

.welcome .index_product .w1738 .content .right .more {
    width: 148px;
    height: 38px;
    margin: 32px auto 0;
    border-radius: 10px;
    background: #de832f;
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    transition: all 0.5s
}

@media (max-width: 1400px) {
    .welcome .index_product .w1738 .content .right .more {
        width:1.48rem;
        height: 0.4rem;
        margin: 0.3rem auto 0;
        border-radius: 0.4rem;
        font-size: 14px;
        line-height: 0.4rem
    }
}

@media (max-width: 880px) {
    .welcome .index_product .w1738 .content .right .more {
        margin:0.5rem auto 0;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .welcome .index_product .w1738 .content .right .more:hover {
        background:#006e9f;
        border-radius: 38px;
        box-shadow: 0 3px 13px 0 rgba(0,0,0,0.1);
        font-size: 16px
    }
}

.welcome .index_product .w1738 .content.ani {
    opacity: 1;
    transform: translateY(0)
}

.welcome .index_solution {
    height: 200px;
    position: relative;
    margin-top: 20px
}

@media (max-width: 1024px) {
    .welcome .index_solution {
        height:auto;
        margin-top: 0;
    }
}

@media (min-width: 1024px) {
    .welcome .index_solution {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

.welcome .index_solution .slider {
    height: 797px;
    position: relative
}

@media (max-width: 1024px) {
    .welcome .index_solution .slider {
        display:none
    }
}

.welcome .index_solution .slider ul {
    position: relative;
    overflow: hidden
}

.welcome .index_solution .slider ul li {
    float: left;
    height: 797px;
    overflow: hidden
}

.welcome .index_solution .slider ul li>.w1400 {
    overflow: hidden
}

.welcome .index_solution .slider ul li>.w1400 .tit {
    margin-top: 94px
}

@media (max-width: 1024px) {
    .welcome .index_solution .slider ul li>.w1400 .tit {
        margin-top:0.3rem
    }
}

.welcome .index_solution .slider ul li>.w1400 .tit .en {
    font-size: 40px;
    color: #fff;
    font-family: 'BEBAS';
    text-align: center;
    line-height: 60px;
    display: none
}

@media (max-width: 1024px) {
    .welcome .index_solution .slider ul li>.w1400 .tit .en {
        font-size:0.4rem;
        line-height: 0.6rem
    }
}

.welcome .index_solution .slider ul li>.w1400 .tit .cn {
    font-size: 24px;
    color: #fff;
    line-height: 46px;
    text-align: center
}

@media (max-width: 1024px) {
    .welcome .index_solution .slider ul li>.w1400 .tit .cn {
        font-size:0.26rem;
        line-height: 0.46rem
    }
}

.welcome .index_solution .slider ul li>.w1400 .txt {
    margin-top: 46px;
    font-size: 20px;
    color: rgba(255,255,255,0.45);
    line-height: 60px;
    text-align: center
}

@media (max-width: 1024px) {
    .welcome .index_solution .slider ul li>.w1400 .txt {
        margin-top:0.4rem;
        font-size: 0.22rem;
        line-height: 0.4rem
    }
}

.welcome .index_solution .slider ul li>.w1400 .txt span {
    color: #de832f
}

.welcome .index_solution .slider ul li>.w1400 .txt span strong {
    font-size: 54px;
    font-weight: normal
}

@media (max-width: 1024px) {
    .welcome .index_solution .slider ul li>.w1400 .txt span strong {
        font-size:0.5rem
    }
}

.welcome .index_solution .slider ul li>.w1400 .more {
    margin: 43px auto 0;
    width: 146px;
    height: 36px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    border-radius: 14px;
    display: block;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .welcome .index_solution .slider ul li>.w1400 .more {
        margin:0.4rem auto 0;
        width: 1.5rem;
        height: 0.4rem;
        font-size: 14px;
        line-height: 0.4rem
    }
}

@media (min-width: 1024px) {
    .welcome .index_solution .slider ul li>.w1400 .more:hover {
        border-color:#006e9f;
        border-radius: 38px;
        box-shadow: 0 3px 13px 0 rgba(0,0,0,0.1);
        color: #006e9f
    }
}

.welcome .index_solution .slider .controls .next,.welcome .index_solution .slider .controls .prev {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    width: 41px;
    height: 58px;
    opacity: 0.5;
    transition: all 0.5s;
    cursor: pointer
}

.welcome .index_solution .slider .controls .prev {
    left: 20px;
    background: url(../img/prev.png) no-repeat;
    background-size: cover
}

.welcome .index_solution .slider .controls .next {
    right: 20px;
    background: url(../img/next.png) no-repeat;
    background-size: cover
}

.welcome .index_solution .slider .controls .next:hover,.welcome .index_solution .slider .controls .prev:hover {
    opacity: 1
}

.welcome .index_solution .m_slider {
    display: none
}

@media (max-width: 1024px) {
    .welcome .index_solution .m_slider {
        display:block
    }
}

.welcome .index_solution .m_slider .swiper-solution .swiper-wrapper .swiper-slide {
    background-size: cover !important;
    min-height: 3rem;
    position: relative
}

.welcome .index_solution .m_slider .swiper-solution .swiper-wrapper .swiper-slide .img {
    width: 100%;
    display: block
}

.welcome .index_solution .m_slider .swiper-solution .swiper-wrapper .swiper-slide .img img {
    width: 100%;
    display: block
}

.welcome .index_solution .m_slider .swiper-solution .swiper-wrapper .swiper-slide .slide_con {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.welcome .index_solution .m_slider .swiper-solution .swiper-wrapper .swiper-slide .tit {
    margin-top: 0.3rem
}

.welcome .index_solution .m_slider .swiper-solution .swiper-wrapper .swiper-slide .tit .en {
    font-size: 0.4rem;
    line-height: 0.6rem;
    color: #fff;
    font-family: 'BEBAS';
    text-align: center;
    display: none
}

.welcome .index_solution .m_slider .swiper-solution .swiper-wrapper .swiper-slide .tit .cn {
    font-size: 0.26rem;
    line-height: 0.46rem;
    color: #fff;
    text-align: center
}

.welcome .index_solution .m_slider .swiper-solution .swiper-wrapper .swiper-slide .txt {
    margin-top: 0.32rem;
    font-size: 0.2rem;
    line-height: 0.32rem;
    padding: 0 2%;
    color: rgba(255,255,255,0.45);
    text-align: center
}

.welcome .index_solution .m_slider .swiper-solution .swiper-wrapper .swiper-slide .txt span {
    color: #de832f
}

.welcome .index_solution .m_slider .swiper-solution .swiper-wrapper .swiper-slide .txt span strong {
    font-size: 0.4rem;
    font-weight: normal
}

.welcome .index_solution .m_slider .swiper-solution .swiper-wrapper .swiper-slide .more {
    margin: 0.2rem auto 0;
    width: 1.5rem;
    height: 0.4rem;
    font-size: 14px;
    line-height: 0.4rem;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    border-radius: 14px;
    display: block;
    transition: all 0.5s
}

.welcome .index_solution .solution_mark {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    /* display: none; */
    position: relative;
}

@media (max-width: 1024px) {
    .welcome .index_solution .solution_mark {
        position:inherit;
        left: inherit;
        bottom: inherit;
        background: #000
    }
}

.welcome .index_solution .solution_mark .w1400 .tits {
    margin-top: 47px;
    text-align: center;
    font-size: 0;
    line-height: 34px;
    display: none
}

@media (max-width: 1024px) {
    .welcome .index_solution .solution_mark .w1400 .tits {
        margin-top:0.4rem;
        line-height: 0.34rem
    }
}

.welcome .index_solution .solution_mark .w1400 .tits em {
    width: 42.85%;
    height: 1px;
    background: #fff;
    text-align: left;
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 1024px) {
    .welcome .index_solution .solution_mark .w1400 .tits em {
        width:40.85%
    }
}

@media (max-width: 480px) {
    .welcome .index_solution .solution_mark .w1400 .tits em {
        width:38%
    }
}

.welcome .index_solution .solution_mark .w1400 .tits span {
    font-size: 22px;
    color: #fff;
    display: inline-block;
    text-align: center;
    margin: 0 3.57%;
    vertical-align: middle
}

@media (max-width: 1320px) {
    .welcome .index_solution .solution_mark .w1400 .tits span {
        margin:0 3.27%
    }
}

@media (max-width: 1200px) {
    .welcome .index_solution .solution_mark .w1400 .tits span {
        margin:0 2.87%
    }
}

@media (max-width: 1100px) {
    .welcome .index_solution .solution_mark .w1400 .tits span {
        margin:0 0.87%
    }
}

@media (max-width: 1024px) {
    .welcome .index_solution .solution_mark .w1400 .tits span {
        margin:0 1%;
        font-size: 0.24rem
    }
}

.welcome .index_solution .solution_mark .w1400 .tits .em2 {
    text-align: right
}

.welcome .index_solution .solution_mark .w1400 .mark_con {
    padding-bottom: 0;
}

@media (max-width: 1024px) {
    .welcome .index_solution .solution_mark .w1400 .mark_con {
        padding-bottom:0.3rem;
        padding-top: 0.3rem
    }
}

.welcome .index_solution .solution_mark .w1400 .mark_con ul {
    text-align: center;
    font-size: 0
}
.welcome .index_solution .solution_mark .w1400 .mark_con ul:after{
    content:"";
    clear:both;
    display:block
}
.welcome .index_solution .solution_mark .w1400 .mark_con ul li {
    width: 130px;
    height: 130px;
    text-align: center;
    display: inline-block;
    opacity: 0.96;
    background: #fff;
    border-radius: 100%;
    margin: 0 35px;
    transition: all 0.5s;
    cursor: pointer
}

@media (max-width: 1500px) {
    .welcome .index_solution .solution_mark .w1400 .mark_con ul li {
        margin:0 20px
    }
}

@media (max-width: 1024px) {
    .welcome .index_solution .solution_mark .w1400 .mark_con ul li {
        margin:0 10px 0.1rem;
        width: 1.3rem;
        height: 1.3rem
    }
}

@media (max-width: 480px) {
    .welcome .index_solution .solution_mark .w1400 .mark_con ul li {
        vertical-align:top
    }
}

.welcome .index_solution .solution_mark .w1400 .mark_con ul li a {
    display: block
}

.welcome .index_solution .solution_mark .w1400 .mark_con ul li a .icon {
    width: 49px;
    height: 44px;
    overflow: hidden;
    margin: 30px auto 0
}

@media (max-width: 1024px) {
    .welcome .index_solution .solution_mark .w1400 .mark_con ul li a .icon {
        width:0.49rem;
        height: 0.44rem;
        margin: 0.2rem auto 0
    }
}

.welcome .index_solution .solution_mark .w1400 .mark_con ul li a .icon img {
    width: 100%;
    display: block
}

.welcome .index_solution .solution_mark .w1400 .mark_con ul li a h5 {
    font-size: 18px;
    line-height: 44px;
    color: #666;
    font-weight: normal;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .welcome .index_solution .solution_mark .w1400 .mark_con ul li a h5 {
        font-size:16px;
        line-height: 24px
    }
}

.welcome .index_solution .solution_mark .w1400 .mark_con ul li a .en {
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    line-height: 20px;
    display: none
}

@media (max-width: 640px) {
    .welcome .index_solution .solution_mark .w1400 .mark_con ul li a .en {
        font-size:12px
    }
}

@media (min-width: 1024px) {
    .welcome .index_solution .solution_mark .w1400 .mark_con ul li:hover {
        background:#de832f
    }

    .welcome .index_solution .solution_mark .w1400 .mark_con ul li:hover a h5 {
        color: #fff
    }
}

.welcome .index_solution.ani {
    opacity: 1;
    transform: translate(0);
    height: auto;
}

.pro_banner {
    height: 479px;
    position: relative
}

@media (max-width: 1024px) {
    .pro_banner {
        background:none !important;
        height: auto
    }
}

.pro_banner .img {
    display: none
}

@media (max-width: 1024px) {
    .pro_banner .img {
        display:block
    }
}

.pro_banner .img img {
    width: 180%;
    display: block;
    margin-left: -40%
}

@media (max-width: 480px) {
    .pro_banner .img img {
        width:200%;
        margin-left: -50%
    }
}

.pro_banner .w1400 {
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding-bottom: 10px
}

@media (max-width: 1024px) {
    .pro_banner .w1400 {
        position:absolute;
        left: 50%;
        top: 50%;
        margin-left: -48%;
        margin-top: -20%;
        z-index: 2;
        padding-bottom: 10px
    }
}

.pro_banner .w1400 .en {
    font-size: 40px;
    color: #ffffff;
    line-height: 52px;
    font-family: 'TT0861M_6';
    text-transform: uppercase;
    margin-top: 150px
}

@media (max-width: 1024px) {
    .pro_banner .w1400 .en {
        font-size:0.4rem;
        line-height: 0.52rem;
        margin-top: 0;
        text-align: center
    }
}

.pro_banner .w1400 .cont {
    font-size: 16px;
    color: #ccc;
    line-height: 24px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    margin-top: 15px;
    transition: all 0.8s 0.2s;
    transform: translateY(20px);
    opacity: 0
}

@media (max-width: 1024px) {
    .pro_banner .w1400 .cont {
        font-size:0.2rem;
        line-height: 0.3rem;
        text-align: center
    }
}

.pro_banner .w1400 .cn {
    font-size: 32px;
    color: #fff;
    line-height: 48px;
    margin-top: 172px;
    font-weight: bold;
    transition: all 0.8s 0.2s;
    transform: translateY(20px);
    opacity: 0
}

@media (max-width: 1024px) {
    .pro_banner .w1400 .cn {
        font-size:0.32rem;
        line-height: 0.48rem;
        margin-top: 0;
        text-align: center
    }
}

.pro_banner .w1400 .scroll {
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin-top: 18px;
    border: 1px solid #fff;
    border-radius: 100%;
    transition: all 0.8s 0.2s;
    transform: translateY(10px);
    opacity: 0
}

.pro_banner .w1400 .scroll .icon {
    width: 13px;
    height: 18px;
    margin: 9px auto 0
}

.pro_banner .w1400 .scroll .icon img {
    width: 100%;
    display: block
}

@media (max-width: 1024px) {
    .pro_banner .w1400 .scroll {
        width:0.36rem;
        height: 0.36rem;
        margin: 0.18rem auto 0;
        display: none
    }
}

.pro_banner .w1400 .scroll:hover .icon {
    animation: run 1.6s linear forwards infinite
}

.pro_banner.on .w1400 .cn,.pro_banner.on .w1400 .cont,.pro_banner.on .w1400 .scroll {
    transform: translate(0);
    opacity: 1
}

@keyframes run {
    0% {
        margin: 9px auto 0;
        opacity: 1
    }

    40% {
        margin: 18px auto 0;
        opacity: 0
    }

    60% {
        margin: 0px auto 0;
        opacity: 0
    }

    100% {
        margin: 9px auto 0;
        opacity: 1
    }
}

.product>.tabs_m {
    display: none;
    position: relative;
    z-index: 10
}

@media (max-width: 1024px) {
    .product>.tabs_m {
        display:none;
    }
}

.product>.tabs_m .tabs_tit {
    overflow: hidden;
    padding: 0 0.6rem 0 0.17rem;
    background: #fff;
    position: relative;
    line-height: 0.8rem;
    height: 0.8rem;
    box-shadow: 0 0.04rem 0.1rem 0 rgba(6,0,1,0.1)
}

.product>.tabs_m .tabs_tit h6 {
    font-size: 0.26rem;
    color: #de832f;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product>.tabs_m .tabs_tit em {
    width: 0.43rem;
    height: 0.17rem;
    background: url(../img/zhankai.jpg) no-repeat;
    background-size: contain;
    position: absolute;
    right: 0.17rem;
    top: 0.32rem;
}

.product>.tabs_m .tabs_tit.on em {
    background: url(../img/shouqi.jpg) no-repeat;
    background-size: cover
}

.product>.tabs_m .tabs_con {
    position: absolute;
    left: 0;
    top: 0.66rem;
    width: 100%;
    background: #fff;
    display: none
}

.product>.tabs_m .tabs_con ul li {
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0.17rem
}

.product>.tabs_m .tabs_con ul li a {
    line-height: 0.66rem;
    font-size: 0.26rem;
    color: #555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product .content {
    padding-bottom: 174px
}

@media (max-width: 1024px) {
    .product .content {
        padding-bottom:0.6rem
    }
}

.product .content .w1400 .top {
    overflow: hidden;
    margin-top: 30px
}

@media (max-width: 1024px) {
    .product .content .w1400 .top {
        margin-top:0.3rem
    }
}

.product .content .w1400 .top .crumbs {
    overflow: hidden;
    font-size: 14px;
    color: #040b87;
    line-height: 50px;
    vertical-align: middle;
    float: left;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .product .content .w1400 .top .crumbs {
        display:none
    }
}

.product .content .w1400 .top .crumbs em {
    width: 20px;
    height: 18px;
    display: inline-block;
    background: url(../img/home.png) no-repeat;
    vertical-align: -2px;
    margin-right: 14px
}

.product .content .w1400 .top .crumbs a {
    color: #040b87;
    transition: all 0.5s;
    font-weight: 600;
}
.product .content .w1400 .top .crumbs a.pos3{
    color: #737373;
}
.product .content .w1400 .top .crumbs a:hover {
    color: #08aaf3
}

.product .content .w1400 .top .search {
    float: right;
    width: 258px;
    height: 44px;
    border: 1px solid #d3d3d3;
    border-radius: 44px;
    overflow: hidden;
    display: none
}

@media (max-width: 1024px) {
    .product .content .w1400 .top .search {
        float:inherit;
        width: 2.58rem;
        height: 0.48rem;
        margin: 0 auto;
        border-radius: 0.48rem;
        box-sizing: border-box
    }
}

@media (max-width: 640px) {
    .product .content .w1400 .top .search {
        width:100%
    }
}

.product .content .w1400 .top .search input {
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
    color: #333;
    text-indent: 1em;
    width: 216px;
    float: left;
    border: 0 none
}

@media (max-width: 1024px) {
    .product .content .w1400 .top .search input {
        line-height:0.28rem;
        padding: 0.1rem 0;
        font-size: 14px;
        width: 2.16rem
    }
}

@media (max-width: 640px) {
    .product .content .w1400 .top .search input {
        width:calc(100% - 0.42rem)
    }
}

.product .content .w1400 .top .search button {
    width: 21px;
    height: 21px;
    background: url(../img/search_icon.png) no-repeat;
    background-size: cover;
    float: left;
    margin-top: 13px;
    border: 0 none;
    padding: 0;
    outline: none
}

@media (max-width: 1024px) {
    .product .content .w1400 .top .search button {
        width:0.21rem;
        height: 0.21rem;
        margin-top: 0.13rem
    }
}

.product .content .w1400 .product_tabs {
    margin-top: 26px;
    overflow: hidden
}
.product .content .w1400 .product_tabs.add20220401{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product .content .w1400 .product_tabs.add20220401 a{
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    flex: 0 1 18%;
}
@media (max-width: 1024px) {
    .product .content .w1400 .product_tabs {
        /* display:none */
    }
}

@media (max-width: 640px) {
    .product .content .w1400 .product_tabs {
        margin-top: 0;
    }
    .product .content .w1400 .product_tabs a:last-child{margin-bottom:0;}
    .product .content .w1400 .product_tabs.add20220401 a{}
}

.product .content .w1400 .product_tabs a {
    display: block;
    float: left;
    /* width: 24%; */
    display: block;
    height: 50px;
    /* margin-right: 1%; */
    border: 2px solid #d2d2d2;
    transition: all 0.5s;
    box-sizing: border-box;
    margin-bottom: 20px
}

@media (max-width: 1024px) {
    .product .content .w1400 .product_tabs a {
        height:0.6rem;
        width: 100% !important;
        margin-bottom: 10px;
    }
    .product .content .w1400 .product_tabs.add20220401 a{
    flex: 0 1 48%;
}
}

.product .content .w1400 .product_tabs a .icon {
    width: 25px;
    height: 24px;
    overflow: hidden;
    float: left;
    background: url(../img/product_icon1_h.png) no-repeat;
    background-size: cover;
    transition: all 0.5s;
    /* margin: 12px 0 0 26px */
}

@media (max-width: 1024px) {
    .product .content .w1400 .product_tabs a .icon {
        width:0.25rem;
        height: 0.24rem;
        /* margin: 0.17rem 0 0 0.2rem */
    }
}

.product .content .w1400 .product_tabs a .icon img {
    width: 100%;
    display: block
}

.product .content .w1400 .product_tabs a h6 {
    /* float: left; */
    font-size: 16px;
    color: #666666;
    /* line-height: 46px; */
    transition: all 0.5s;
    /* margin-left: 12px; */
    font-weight: normal
}

@media (max-width: 1024px) {
    .product .content .w1400 .product_tabs a h6 {
        font-size: 14px;
        line-height: 0.56rem;
        /* margin-left: 0.1rem */
    }
}

.product .content .w1400 .product_tabs a em {
    /* float: right; */
    width: 14px;
    height: 14px;
    background: url(../img/indestrt_jia.png) no-repeat;
    background-size: cover;
    transition: all 0.5s;
    /* margin: 18px 24px 0 0 */
}

@media (max-width: 1024px) {
    .product .content .w1400 .product_tabs a em {
        width:0.14rem;
        height: 0.14rem;
        /* margin: 0.22rem 0.2rem 0 0 */
    }
}

.product .content .w1400 .product_tabs a:hover {
    background: #de832f;
    border-color: #de832f
}

.product .content .w1400 .product_tabs a:hover h6 {
    color: #fff
}

.product .content .w1400 .product_tabs a:hover em {
    background: url(../img/indestrt_jia_h.png) no-repeat;
    background-size: cover
}

.product .content .w1400 .product_tabs a.current {
    background: #de832f;
    border-color: #de832f
}

.product .content .w1400 .product_tabs a.current h6 {
    color: #fff
}

.product .content .w1400 .product_tabs a.current em {
    background: url(../img/indestrt_jia_h.png) no-repeat;
    background-size: cover
}

.product .content .w1400 .product_tabs .a1:hover .icon {
    background: url(../img/product_icon1.png) no-repeat;
    background-size: cover
}

.product .content .w1400 .product_tabs .a1.current .icon {
    background: url(../img/product_icon1.png) no-repeat;
    background-size: cover
}

.product .content .w1400 .product_tabs .a2 .icon {
    background: url(../img/product_icon2_h.png) no-repeat;
    background-size: cover
}

.product .content .w1400 .product_tabs .a2:hover .icon {
    background: url(../img/product_icon2.png) no-repeat;
    background-size: cover
}

.product .content .w1400 .product_tabs .a2.active .icon {
    background: url(../img/product_icon2.png) no-repeat;
    background-size: cover
}

.product .content .w1400 .product_tabs .a3 .icon {
    background: url(../img/product_icon3_h.png) no-repeat;
    background-size: cover
}

.product .content .w1400 .product_tabs .a3:hover .icon {
    background: url(../img/product_icon3.png) no-repeat;
    background-size: cover
}

.product .content .w1400 .product_tabs .a3.active .icon {
    background: url(../img/product_icon3.png) no-repeat;
    background-size: cover
}

.product .content .w1400 .list {
    margin-top: 48px
}

@media (max-width: 1024px) {
    .product .content .w1400 .list {
        margin-top:0.27rem
    }
}

.product .content .w1400 .list ul {
    overflow: hidden
}

.product .content .w1400 .list ul li {
    width: 18.5%;
    float: left;
    margin-right: 1.5%;
    border: 1px solid #dedede;
    box-sizing: border-box;
    margin-bottom: 54px;
    transition: all 0.5s
}

@media (min-width: 1024px) {
    .product .content .w1400 .list ul li {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1200px) {
    .product .content .w1400 .list ul li {
        margin-bottom:34px
    }
}

@media (max-width: 1024px) {
    .product .content .w1400 .list ul li {
        margin-bottom:0.3rem
    }
}

@media (max-width: 750px) {
    .product .content .w1400 .list ul li {
        width:48.75%;
        margin-bottom: 0.16rem
    }
}

.product .content .w1400 .list ul li a {
    display: block
}

.product .content .w1400 .list ul li a .img {
    width: 100%;
    overflow: hidden
}

.product .content .w1400 .list ul li a .img img {
    width: 100%;
    display: block;
    transition: all 0.5s;
    height: 200px;
}

.product .content .w1400 .list ul li a .li_con {
    padding: 0px 17px 0px 17px;
}

@media (max-width: 1024px) {
    .product .content .w1400 .list ul li a .li_con {
        padding:0.16rem
    }
}

@media (max-width: 480px) {
    .product .content .w1400 .list ul li a .li_con {
        padding:0.08rem
    }
}

.product .content .w1400 .list ul li a .li_con .con_t {
    overflow: hidden;
    font-size: 14px;
    color: #959595;
    line-height: 29px;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .product .content .w1400 .list ul li a .li_con .con_t {
        line-height:26px
    }
}

@media (max-width: 480px) {
    .product .content .w1400 .list ul li a .li_con .con_t {
        font-size:12px
    }
}

.product .content .w1400 .list ul li a .li_con .con_t .time {
    display: inline
}

.product .content .w1400 .list ul li a .li_con .con_t .fication {
    margin-left: 8px;
    display: inline
}

@media (max-width: 480px) {
    .product .content .w1400 .list ul li a .li_con .con_t .fication {
        margin-left:4px
    }
}

.product .content .w1400 .list ul li a .li_con h5 {
    font-size: 14px;
    color: #1b1b1b;
    line-height: 36px;
    font-weight: normal;
    transition: all 0.5s;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

@media (max-width: 1024px) {
    .product .content .w1400 .list ul li a .li_con h5 {
        font-size:0.22rem;
        line-height: 0.4rem
    }
}

.product .content .w1400 .list ul li a .li_con .text {
    line-height: 24px;
    font-size: 14px;
    color: #959595;
    overflow: hidden;
    height: 48px;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .product .content .w1400 .list ul li a .li_con .text {
        line-height:20px;
        height: 40px
    }
}

.product .content .w1400 .list ul li a .li_con .more {
    width: 18px;
    height: 11px;
    background: url(../img/pro_more.png) no-repeat;
    background-size: cover;
    margin-top: 22px;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .product .content .w1400 .list ul li a .li_con .more {
        display:none
    }
}

.product .content .w1400 .list ul li.ani {
    opacity: 1;
    transform: translate(0)
}

@media (min-width: 1024px) {
    .product .content .w1400 .list ul li:hover {
        border-color:#4595b9;
        background: #4595b9
    }

    .product .content .w1400 .list ul li:hover a .img img {
        transform: scale(1.1)
    }

    .product .content .w1400 .list ul li:hover a .li_con .con_t {
        color: #fff;
        opacity: 0.58
    }

    .product .content .w1400 .list ul li:hover a .li_con h5 {
        color: #fff
    }

    .product .content .w1400 .list ul li:hover a .li_con .text {
        color: #fff;
        opacity: 0.58
    }

    .product .content .w1400 .list ul li:hover a .li_con .more {
        background: url(../img/pro_more_h.png) no-repeat;
        background-size: cover
    }
}

@media (min-width: 750px) {
    .product .content .w1400 .list ul li:nth-child(5n) {
        margin-right:0
    }
}

@media (max-width: 750px) {
    .product .content .w1400 .list ul li:nth-child(2n) {
        margin-right:0
    }
}

.product .content .w1400 .list .page {
    margin-top: 4px;
    padding: 0 122px;
    position: relative;
    background: #f3f3f3
}

@media (max-width: 1024px) {
    .product .content .w1400 .list .page {
        margin-top:0.07rem;
        padding: 0
    }
}

.product .content .w1400 .list .page .pagination {
    text-align: center;
    font-size: 0
}

.product .content .w1400 .list .page .pagination .prev {
    width: 80px
}

.product .content .w1400 .list .page .pagination .next {
    width: 80px
}

.product .content .w1400 .list .page .pagination a {
    width: 28px;
    height: 28px;
    text-align: center;
    display: inline-block;
    margin: 14px 8px;
    border-radius: 3px;
    color: #999999;
    line-height: 28px;
    font-size: 18px;
    font-family: 'Arial';
    transition: all 0.5s;
    vertical-align: middle
}

@media (max-width: 1024px) {
    .product .content .w1400 .list .page .pagination a {
        margin:8px 0.02rem;
        font-size: 14px
    }
}

.product .content .w1400 .list .page .pagination a.active {
    background: #de832f;
    color: #fff
}

@media (min-width: 1024px) {
    .product .content .w1400 .list .page .pagination a:hover {
        background:#de832f;
        color: #fff
    }
}

.product .content .w1400 .list .page.ani {
    opacity: 1;
    transform: translate(0)
}

.pro_info>.tabs_m {
    display: none;
    position: relative;
    z-index: 10
}

@media (max-width: 1024px) {
    .pro_info>.tabs_m {
        display:block
    }
}

.pro_info>.tabs_m .tabs_tit {
    overflow: hidden;
    padding: 0 0.6rem 0 0.17rem;
    background: #fff;
    position: relative;
    line-height: 0.8rem;
    height: 0.8rem;
    box-shadow: 0 0.04rem 0.1rem 0 rgba(6,0,1,0.1)
}

.pro_info>.tabs_m .tabs_tit h6 {
    font-size: 0.26rem;
    color: #de832f;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pro_info>.tabs_m .tabs_tit em {
    width: 0.43rem;
    height: 0.17rem;
    background: url(../img/zhankai.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.17rem;
    top: 0.32rem
}

.pro_info>.tabs_m .tabs_tit.on em {
    background: url(../img/shouqi.jpg) no-repeat;
    background-size: cover
}

.pro_info>.tabs_m .tabs_con {
    position: absolute;
    left: 0;
    top: 0.66rem;
    width: 100%;
    background: #fff;
    display: none
}

.pro_info>.tabs_m .tabs_con ul li {
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0.17rem
}

.pro_info>.tabs_m .tabs_con ul li a {
    line-height: 0.66rem;
    font-size: 0.26rem;
    color: #555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1024px) {
    .pro_info .content>.w1400 {
        width:100%
    }
}

.pro_info .content>.w1400 .top {
    margin-top: 30px;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .pro_info .content>.w1400 .top {
        margin-top:0;
        overflow: inherit
    }
}

.pro_info .content>.w1400 .top .crumbs {
    overflow: hidden;
    font-size: 16px;
    color: #040b87;
    line-height: 50px;
    vertical-align: middle;
    float: left;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .pro_info .content>.w1400 .top .crumbs {
        display:none
    }
}

.pro_info .content>.w1400 .top .crumbs em {
    width: 20px;
    height: 18px;
    display: inline-block;
    background: url(../img/home.png) no-repeat;
    vertical-align: -2px;
    margin-right: 14px
}

.pro_info .content>.w1400 .top .crumbs a {
    color: #040b87;
    transition: all 0.5s;
    font-weight: 600;
}
.pro_info .content>.w1400 .top .crumbs a.pos3{
    color: #737373;
}
.pro_info .content>.w1400 .top .crumbs a:hover {
    color: #08aaf3
}

.pro_info .content>.w1400 .top .crumbs .crumbs_active {
    display: inline-block;
    vertical-align: top
}

.pro_info .content>.w1400 .top .crumbs .crumbs_active .tit {
    overflow: hidden;
    cursor: pointer
}

.pro_info .content>.w1400 .top .crumbs .crumbs_active .tit .txt {
    font-size: 16px;
    color: #de832f;
    float: left;
    text-decoration: underline
}

.pro_info .content>.w1400 .top .crumbs .crumbs_active .tit em {
    width: 20px;
    height: 18px;
    float: left;
    margin-left: 8px;
    margin-top: 16px;
    background: url(../img/crumbs_icon.png) no-repeat
}

.pro_info .content>.w1400 .top .crumbs .crumbs_active .con {
    position: absolute;
    width: 284px;
    padding: 10px 14px 28px;
    border: 1px solid #dddddd;
    background: #fff;
    display: none
}

.pro_info .content>.w1400 .top .crumbs .crumbs_active .con ul li {
    line-height: 44px
}

.pro_info .content>.w1400 .top .crumbs .crumbs_active .con ul li a {
    color: #999999;
    border-bottom: 1px solid #e8e8e8;
    display: block;
    transition: all 0.5s;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pro_info .content>.w1400 .top .crumbs .crumbs_active .con ul li a:hover {
    color: #de832f
}

.pro_info .content>.w1400 .top .tabs_m {
    display: none;
    position: relative
}

@media (max-width: 1024px) {
    .pro_info .content>.w1400 .top .tabs_m {
        display:block
    }
}

.pro_info .content>.w1400 .top .tabs_m .tabs_tit {
    overflow: hidden;
    padding: 0 0.6rem 0 0.17rem;
    background: #fff;
    position: relative;
    line-height: 0.8rem;
    height: 0.8rem;
    box-shadow: 0 0.04rem 0.1rem 0 rgba(6,0,1,0.1)
}

.pro_info .content>.w1400 .top .tabs_m .tabs_tit h6 {
    font-size: 0.26rem;
    color: #de832f;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pro_info .content>.w1400 .top .tabs_m .tabs_tit em {
    width: 0.43rem;
    height: 0.17rem;
    background: url(../img/zhankai.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.17rem;
    top: 0.32rem
}

.pro_info .content>.w1400 .top .tabs_m .tabs_tit.on em {
    background: url(../img/shouqi.jpg) no-repeat;
    background-size: cover
}

.pro_info .content>.w1400 .top .tabs_m .tabs_con {
    position: absolute;
    left: 0;
    top: 0.66rem;
    width: 100%;
    background: #fff;
    display: none
}

.pro_info .content>.w1400 .top .tabs_m .tabs_con ul li {
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0.17rem
}

.pro_info .content>.w1400 .top .tabs_m .tabs_con ul li a {
    line-height: 0.66rem;
    font-size: 0.26rem;
    color: #555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pro_info .content>.w1400 .top .search {
    float: right;
    width: 258px;
    height: 44px;
    border: 1px solid #d3d3d3;
    border-radius: 44px;
    overflow: hidden;
    display: none
}

@media (max-width: 1024px) {
    .pro_info .content>.w1400 .top .search {
        float:inherit;
        width: 2.58rem;
        height: 0.48rem;
        margin: 0.2rem auto 0;
        border-radius: 0.48rem;
        box-sizing: border-box
    }
}

@media (max-width: 640px) {
    .pro_info .content>.w1400 .top .search {
        width:100%
    }
}

.pro_info .content>.w1400 .top .search input {
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
    color: #333;
    text-indent: 1em;
    width: 216px;
    float: left;
    border: 0 none
}

@media (max-width: 1024px) {
    .pro_info .content>.w1400 .top .search input {
        line-height:0.28rem;
        padding: 0.1rem 0;
        font-size: 14px;
        width: 2.16rem
    }
}

@media (max-width: 640px) {
    .pro_info .content>.w1400 .top .search input {
        width:calc(100% - 0.42rem)
    }
}

.pro_info .content>.w1400 .top .search button {
    width: 21px;
    height: 21px;
    background: url(../img/search_icon.png) no-repeat;
    background-size: cover;
    float: left;
    margin-top: 13px;
    border: 0 none;
    padding: 0;
    outline: none
}

@media (max-width: 1024px) {
    .pro_info .content>.w1400 .top .search button {
        width:0.21rem;
        height: 0.21rem;
        margin-top: 0.13rem
    }
}

.pro_info .content>.w1400 .top:after {
    display: block;
    clear: both;
    content: ''
}

.pro_info .content .list {
    margin-top: 35px
}

@media (max-width: 1024px) {
    .pro_info .content .list {
        margin-top:0.3rem
    }
}

.pro_info .content .list .box1 .w1400 {
    overflow: hidden
}

.pro_info .content .list .box1 .w1400 .left {
    width: 47.74%;
    float: left
}

@media (min-width: 1024px) {
    .pro_info .content .list .box1 .w1400 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1024px) {
    .pro_info .content .list .box1 .w1400 .left {
        height:auto !important
    }
}

@media (max-width: 750px) {
    .pro_info .content .list .box1 .w1400 .left {
        float:inherit;
        width: 100%
    }
}

.pro_info .content .list .box1 .w1400 .left h5 {
    font-size: 28px;
    line-height: 40px;
    margin-top: 26px;
    color: #000000;
    font-weight: normal
}

@media (max-width: 1024px) {
    .pro_info .content .list .box1 .w1400 .left h5 {
        font-size:0.28rem;
        line-height: 0.4rem;
        margin-top: 0;
        text-align: center
    }
}

.pro_info .content .list .box1 .w1400 .left .en {
    font-size: 14px;
    color: #999999;
    line-height: 24px
}

@media (max-width: 1024px) {
    .pro_info .content .list .box1 .w1400 .left .en {
        line-height:22px;
        text-align: center
    }
}

.pro_info .content .list .box1 .w1400 .left .txt {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    margin-top: 34px;
    padding-bottom: 47px;
    border-bottom: 1px dashed #e5e5e5
}

@media (max-width: 1300px) {
    .pro_info .content .list .box1 .w1400 .left .txt {
        margin-top:20px;
        padding-bottom: 37px
    }
}

@media (max-width: 1150px) {
    .pro_info .content .list .box1 .w1400 .left .txt {
        padding-bottom:17px
    }
}

@media (max-width: 1024px) {
    .pro_info .content .list .box1 .w1400 .left .txt {
        line-height:24px;
        font-size: 14px;
        margin-top: 0.2rem;
        padding-bottom: 0.2rem
    }
}

.pro_info .content .list .box1 .w1400 .left .download {
    width: 156px;
    height: 36px;
    text-align: center;
    font-size: 0;
    line-height: 36px;
    background: #de832f;
    margin-top: 58px;
    display: block
}

@media (max-width: 1300px) {
    .pro_info .content .list .box1 .w1400 .left .download {
        margin-top:38px
    }
}

@media (max-width: 1150px) {
    .pro_info .content .list .box1 .w1400 .left .download {
        margin-top:18px
    }
}

@media (max-width: 1024px) {
    .pro_info .content .list .box1 .w1400 .left .download {
        margin:0.14rem auto 0
    }
}

.pro_info .content .list .box1 .w1400 .left .download em {
    width: 18px;
    height: 18px;
    background: url(../img/download_icon.png) no-repeat;
    background-size: cover;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0 7px;
    transition: all 0.3s
}

.pro_info .content .list .box1 .w1400 .left .download span {
    font-size: 14px;
    color: #fff;
    margin: 0 7px;
    vertical-align: middle;
    transition: all 0.3s
}

@media (min-width: 1024px) {
    .pro_info .content .list .box1 .w1400 .left .download:hover em {
        margin:0 12px
    }

    .pro_info .content .list .box1 .w1400 .left .download:hover span {
        margin: 0 12px
    }
}

.pro_info .content .list .box1 .w1400 .left.ani {
    opacity: 1;
    transform: translate(0)
}

.pro_info .content .list .box1 .w1400 .right {
    width: 47.14%;
    float: right;
    overflow: hidden;
    display: table
}

@media (min-width: 1024px) {
    .pro_info .content .list .box1 .w1400 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 750px) {
    .pro_info .content .list .box1 .w1400 .right {
        float:inherit;
        width: 100%;
        display: block;
        margin-top: 0.2rem
    }
}

.pro_info .content .list .box1 .w1400 .right .img {
    display: table-cell;
    vertical-align: middle
}

@media (max-width: 1024px) {
    .pro_info .content .list .box1 .w1400 .right .img {
        display:block
    }
}

.pro_info .content .list .box1 .w1400 .right .img img {
    width: 100%;
    display: block
}

.pro_info .content .list .box1 .w1400 .right.ani {
    opacity: 1;
    transform: translate(0)
}

.pro_info .content .list .box2 {
    margin-top: 56px;
    overflow: hidden;
    position: relative;
    height: 510px
}

@media (max-width: 1024px) {
    .pro_info .content .list .box2 {
        margin-top:0.4rem;
        height: auto
    }
}

.pro_info .content .list .box2 .left {
    width: 50%;
    height: 510px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

@media (min-width: 1024px) {
    .pro_info .content .list .box2 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1024px) {
    .pro_info .content .list .box2 .left {
        display:none
    }
}

.pro_info .content .list .box2 .left.ani {
    opacity: 1;
    transform: translate(0)
}

.pro_info .content .list .box2 .right {
    position: relative;
    z-index: 1;
    background: #0379ad;
    height: 510px
}

@media (min-width: 1024px) {
    .pro_info .content .list .box2 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 1024px) {
    .pro_info .content .list .box2 .right {
        width:100%;
        height: auto
    }
}

.pro_info .content .list .box2 .right .w1400 {
    overflow: hidden
}

.pro_info .content .list .box2 .right .w1400 .con {
    width: 50%;
    float: right
}

@media (max-width: 1024px) {
    .pro_info .content .list .box2 .right .w1400 .con {
        width:100%;
        float: inherit;
        padding-bottom: 0.2rem
    }
}

.pro_info .content .list .box2 .right .w1400 .con h5 {
    font-size: 22px;
    color: #fff;
    margin: 46px 0 0 40px
}

@media (max-width: 1024px) {
    .pro_info .content .list .box2 .right .w1400 .con h5 {
        font-size:0.24rem;
        margin: 0.2rem 0 0 0
    }
}

.pro_info .content .list .box2 .right .w1400 .con .ul {
    margin: 35px 0 0 40px;
    height: 360px;
    overflow: hidden;
    list-style-type: square !important;
    font-size: 16px !important;
    color: #fff !important;
    line-height: 1.8 !important
}

@media (max-width: 1024px) {
    .pro_info .content .list .box2 .right .w1400 .con .ul {
        height:auto;
        margin: 0.1rem 0 0 0
    }
}

.pro_info .content .list .box2 .right .w1400 .con .ul p,.pro_info .content .list .box2 .right .w1400 .con .ul span,.pro_info .content .list .box2 .right .w1400 .con .ul strong {
    font-size: 16px !important;
    color: #fff !important;
    line-height: 1.8 !important
}

.pro_info .content .list .box2 .right .w1400 .con .ul strong {
    padding: 1em 0 0.5em;
    display: block
}

.pro_info .content .list .box2 .right .w1400 .con .ul ul {
    padding: 0 0 0 1em
}

@media (max-width: 1024px) {
    .pro_info .content .list .box2 .right .w1400 .con .ul {
        font-size:14px !important
    }

    .pro_info .content .list .box2 .right .w1400 .con .ul p,.pro_info .content .list .box2 .right .w1400 .con .ul span,.pro_info .content .list .box2 .right .w1400 .con .ul strong {
        font-size: 14px !important
    }
}

.pro_info .content .list .box2 .right.ani {
    opacity: 1;
    transform: translate(0)
}

.pro_info .content .list .box3 {
    overflow: hidden;
    position: relative;
    height: 474px
}

@media (max-width: 1024px) {
    .pro_info .content .list .box3 {
        height:auto
    }
}

.pro_info .content .list .box3 .left {
    position: relative;
    z-index: 1;
    background: #0379ad;
    height: 474px
}

@media (min-width: 1024px) {
    .pro_info .content .list .box3 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1024px) {
    .pro_info .content .list .box3 .left {
        height:auto;
        padding-bottom: 0.2rem;
        background-position: -440px center !important
    }
}

.pro_info .content .list .box3 .left .w1400 {
    overflow: hidden
}

.pro_info .content .list .box3 .left .w1400 .con {
    width: 50%;
    float: left
}

@media (max-width: 1024px) {
    .pro_info .content .list .box3 .left .w1400 .con {
        width:100%;
        float: inherit
    }
}

.pro_info .content .list .box3 .left .w1400 .con h5 {
    font-size: 22px;
    color: #333333;
    line-height: 38px;
    margin-top: 114px;
    margin-left: 30px;
    font-weight: normal
}

@media (max-width: 1024px) {
    .pro_info .content .list .box3 .left .w1400 .con h5 {
        font-size:0.24rem;
        line-height: 0.38rem;
        margin-top: 0.3rem;
        margin-left: 0
    }
}

.pro_info .content .list .box3 .left .w1400 .con .list {
    margin-top: 43px;
    margin-left: 30px
}

@media (max-width: 1024px) {
    .pro_info .content .list .box3 .left .w1400 .con .list {
        margin-top:0.2rem;
        margin-left: 0
    }
}

.pro_info .content .list .box3 .left .w1400 .con .list ul li {
    overflow: hidden
}

.pro_info .content .list .box3 .left .w1400 .con .list ul li .icon {
    width: 21px;
    height: 18px;
    float: left;
    margin-top: 14px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .pro_info .content .list .box3 .left .w1400 .con .list ul li .icon {
        width:0.21rem;
        height: 0.18rem;
        margin-top: 0.1rem
    }
}

.pro_info .content .list .box3 .left .w1400 .con .list ul li .icon img {
    width: 100%;
    display: block
}

.pro_info .content .list .box3 .left .w1400 .con .list ul li .txt {
    font-size: 16px;
    color: #666666;
    line-height: 44px;
    margin-left: 20px;
    float: left
}

@media (max-width: 1024px) {
    .pro_info .content .list .box3 .left .w1400 .con .list ul li .txt {
        font-size:14px;
        line-height: 0.36rem;
        margin-left: 0.1rem
    }
}

.pro_info .content .list .box3 .left .w1400 .con .email {
    width: 176px;
    height: 36px;
    background: #de832f;
    display: block;
    margin-top: 38px;
    text-align: center;
    font-size: 0;
    margin-left: 30px
}

@media (max-width: 1024px) {
    .pro_info .content .list .box3 .left .w1400 .con .email {
        width:156px;
        margin: 0.3rem auto 0
    }
}

.pro_info .content .list .box3 .left .w1400 .con .email em {
    width: 19px;
    height: 19px;
    background: url(../img/pro_info_icon5.png) no-repeat;
    background-size: cover;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0 8px;
    transition: all 0.3s
}

.pro_info .content .list .box3 .left .w1400 .con .email span {
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    margin: 0 8px;
    transition: all 0.3s
}

@media (min-width: 1024px) {
    .pro_info .content .list .box3 .left .w1400 .con .email:hover em {
        margin:0 15px
    }

    .pro_info .content .list .box3 .left .w1400 .con .email:hover span {
        margin: 0 15px
    }
}

.pro_info .content .list .box3 .left.ani {
    opacity: 1;
    transform: translate(0)
}

.pro_info .content .list .box3 .right {
    width: 50%;
    height: 474px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

@media (min-width: 1024px) {
    .pro_info .content .list .box3 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 1024px) {
    .pro_info .content .list .box3 .right {
        display:none
    }
}

.pro_info .content .list .box3 .right.ani {
    opacity: 1;
    transform: translate(0)
}

.program_banner {
    height: 552px;
    position: relative
}

@media (max-width: 1024px) {
    .program_banner {
        background:none !important;
        height: auto
    }
}

.program_banner .img {
    display: none
}

@media (max-width: 1024px) {
    .program_banner .img {
        display:block
    }
}

.program_banner .img img {
    width: 180%;
    display: block;
    margin-left: -40%
}

@media (max-width: 480px) {
    .program_banner .img img {
        width:200%;
        margin-left: -50%
    }
}

.program_banner .w1400 {
    display: table;
    position: absolute;
    height: 100%;
    left: 50%;
    top: 0;
    margin-left: -700px
}

@media (max-width: 1420px) {
    .program_banner .w1400 {
        margin-left:-48%
    }
}

@media (max-width: 1024px) {
    .program_banner .w1400 {
        top:50%;
        margin-top: -62px
    }
}

.program_banner .w1400 .con {
    display: table-cell;
    vertical-align: middle
}

.program_banner .w1400 .con .table-cell {
    background: rgba(0,0,0,0.3);
    padding: 18px 64px 32px 34px;
    width: 632px
}

@media (max-width: 1024px) {
    .program_banner .w1400 .con .table-cell {
        width:80%;
        margin: 0 auto
    }
}

@media (max-width: 750px) {
    .program_banner .w1400 .con .table-cell {
        padding:0.1rem
    }
}

.program_banner .w1400 .con .table-cell h5 {
    font-size: 28px;
    line-height: 72px;
    color: #fff;
    font-weight: normal
}

@media (max-width: 1024px) {
    .program_banner .w1400 .con .table-cell h5 {
        font-size:0.26rem;
        line-height: 0.6rem;
        text-align: center
    }
}

.program_banner .w1400 .con .table-cell .txt {
    font-size: 18px;
    line-height: 32px;
    color: #fff
}

@media (max-width: 1024px) {
    .program_banner .w1400 .con .table-cell .txt {
        font-size:14px;
        line-height: 24px;
        text-align: center
    }
}

.porgram .content .top {
    overflow: hidden;
    margin-top: 30px
}

@media (max-width: 1024px) {
    .porgram .content .top {
        margin-top:0.3rem
    }
}

.porgram .content .top .w1400 {
    overflow: hidden
}

.porgram .content .top .w1400 .crumbs {
    overflow: hidden;
    font-size: 16px;
    color: #999999;
    line-height: 50px;
    vertical-align: middle;
    float: left
}

@media (max-width: 1024px) {
    .porgram .content .top .w1400 .crumbs {
        display:none
    }
}

.porgram .content .top .w1400 .crumbs em {
    width: 20px;
    height: 18px;
    display: inline-block;
    background: url(../img/home.png) no-repeat;
    vertical-align: -2px;
    margin-right: 14px
}

.porgram .content .top .w1400 .crumbs a {
    color: #999;
    transition: all 0.5s
}

.porgram .content .top .w1400 .crumbs a:hover {
    color: #08aaf3
}

.porgram .content .top .w1400 .search {
    float: right;
    width: 258px;
    height: 44px;
    border: 1px solid #d3d3d3;
    border-radius: 44px;
    overflow: hidden;
    display: none
}

@media (max-width: 1024px) {
    .porgram .content .top .w1400 .search {
        float:inherit;
        width: 2.58rem;
        height: 0.48rem;
        margin: 0 auto;
        border-radius: 0.48rem;
        box-sizing: border-box
    }
}

@media (max-width: 640px) {
    .porgram .content .top .w1400 .search {
        width:100%
    }
}

.porgram .content .top .w1400 .search input {
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
    color: #333;
    text-indent: 1em;
    width: 216px;
    float: left;
    border: 0 none
}

@media (max-width: 1024px) {
    .porgram .content .top .w1400 .search input {
        line-height:0.28rem;
        padding: 0.1rem 0;
        font-size: 14px;
        width: 2.16rem
    }
}

@media (max-width: 640px) {
    .porgram .content .top .w1400 .search input {
        width:calc(100% - 0.42rem)
    }
}

.porgram .content .top .w1400 .search button {
    width: 21px;
    height: 21px;
    background: url(../img/search_icon.png) no-repeat;
    background-size: cover;
    float: left;
    margin-top: 13px;
    border: 0 none;
    padding: 0;
    outline: none
}

@media (max-width: 1024px) {
    .porgram .content .top .w1400 .search button {
        width:0.21rem;
        height: 0.21rem;
        margin-top: 0.13rem
    }
}

.porgram .content .box1 {
    height: 696px
}

@media (max-width: 1024px) {
    .porgram .content .box1 {
        height:auto
    }
}

.porgram .content .box1 .w1400 .tit {
    text-align: center;
    font-size: 0
}

.porgram .content .box1 .w1400 .tit .line {
    width: 42.86%;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: -33px
}

@media (max-width: 1200px) {
    .porgram .content .box1 .w1400 .tit .line {
        width:40.86%
    }
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .tit .line {
        display:none
    }
}

.porgram .content .box1 .w1400 .tit .line i {
    width: 100%;
    height: 1px;
    display: block;
    background: #bdbdbd
}

.porgram .content .box1 .w1400 .tit .line em {
    width: 5px;
    height: 8px;
    background: url(../img/program_tit.png) no-repeat;
    position: absolute
}

@media (min-width: 1024px) {
    .porgram .content .box1 .w1400 .tit .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

.porgram .content .box1 .w1400 .tit .left em {
    right: 0;
    top: -4px
}

.porgram .content .box1 .w1400 .tit .left.ani {
    opacity: 1;
    transform: translate(0)
}

@media (min-width: 1024px) {
    .porgram .content .box1 .w1400 .tit .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.porgram .content .box1 .w1400 .tit .right em {
    left: 0;
    top: -4px;
    transform: rotate(180deg)
}

.porgram .content .box1 .w1400 .tit .right.ani {
    opacity: 1;
    transform: translate(0)
}

.porgram .content .box1 .w1400 .tit .text {
    display: inline-block;
    text-align: center;
    width: 14.25%;
    vertical-align: middle
}

@media (min-width: 1024px) {
    .porgram .content .box1 .w1400 .tit .text {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(-40px)
    }
}

@media (max-width: 1200px) {
    .porgram .content .box1 .w1400 .tit .text {
        width:18.25%
    }
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .tit .text {
        width:100%
    }
}

.porgram .content .box1 .w1400 .tit .text h5 {
    font-size: 24px;
    color: #444444;
    line-height: 34px;
    font-weight: normal;
    margin-top: 29px
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .tit .text h5 {
        font-size:0.26rem;
        line-height: 0.34rem;
        margin-top: 0.4rem
    }
}

.porgram .content .box1 .w1400 .tit .text .en {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    font-family: 'Arial';
    text-transform: uppercase
}

.porgram .content .box1 .w1400 .tit .text.ani {
    opacity: 1;
    transform: translate(0)
}

.porgram .content .box1 .w1400 .list {
    margin-top: 58px
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .list {
        margin-top:0.3rem
    }
}

.porgram .content .box1 .w1400 .list ul li {
    width: 20%;
    float: left;
    margin-bottom: 46px
}

@media (min-width: 1024px) {
    .porgram .content .box1 .w1400 .list ul li {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .list ul li {
        width:24%;
        border: 1px solid #e1e1e1;
        box-sizing: border-box;
        margin: 0 0.5% 0.1rem
    }
}

@media (max-width: 750px) {
    .porgram .content .box1 .w1400 .list ul li {
        width:32.33%
    }
}

@media (max-width: 480px) {
    .porgram .content .box1 .w1400 .list ul li {
        width:49%
    }
}

.porgram .content .box1 .w1400 .list ul li a {
    padding: 24px 30px 15px 40px;
    display: block;
    transition: all 0.3s
}

@media (max-width: 1200px) {
    .porgram .content .box1 .w1400 .list ul li a {
        padding:14px 0px 5px 10px
    }
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .list ul li a {
        padding:0.1rem
    }
}

.porgram .content .box1 .w1400 .list ul li a .icon {
    width: 47px;
    height: 47px;
    position: relative
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .list ul li a .icon {
        width:0.47rem;
        height: 0.47rem;
        margin: 0 auto
    }
}

.porgram .content .box1 .w1400 .list ul li a .icon .pic {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 47px;
    height: 47px;
    z-index: 2;
    opacity: 1;
    transition: all 0.3s
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .list ul li a .icon .pic {
        width:0.47rem;
        height: 0.47rem
    }
}

.porgram .content .box1 .w1400 .list ul li a .icon .pic img {
    width: 100%;
    display: block
}

.porgram .content .box1 .w1400 .list ul li a .icon .img {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 47px;
    height: 47px;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .list ul li a .icon .img {
        width:0.47rem;
        height: 0.47rem
    }
}

.porgram .content .box1 .w1400 .list ul li a .icon .img img {
    width: 100%;
    display: block
}

.porgram .content .box1 .w1400 .list ul li a .line {
    width: 60px;
    height: 1px;
    background: #999999;
    margin-top: 10px;
    transition: all 0.3s
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .list ul li a .line {
        width:0.6rem;
        margin: 0 auto;
        display: none
    }
}

.porgram .content .box1 .w1400 .list ul li a .tits {
    overflow: hidden;
    margin-top: 15px;
    line-height: 30px
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .list ul li a .tits {
        margin-top:0.12rem;
        line-height: 30px
    }
}

.porgram .content .box1 .w1400 .list ul li a .tits .cn {
    float: left;
    font-size: 18px;
    color: #666666;
    transition: all 0.3s
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .list ul li a .tits .cn {
        font-size:16px;
        text-align: center
    }
}

@media (max-width: 750px) {
    .porgram .content .box1 .w1400 .list ul li a .tits .cn {
        float:inherit
    }
}

.porgram .content .box1 .w1400 .list ul li a .tits .en {
    font-size: 14px;
    color: #999999;
    font-family: 'Arial';
    float: left;
    margin-left: 6px;
    transition: all 0.3s
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .list ul li a .tits .en {
        font-size:12px;
        text-align: center
    }
}

@media (max-width: 750px) {
    .porgram .content .box1 .w1400 .list ul li a .tits .en {
        float:inherit;
        line-height: 14px;
        margin-left: 0
    }
}

.porgram .content .box1 .w1400 .list ul li a .txt {
    line-height: 30px;
    font-size: 16px;
    color: #999999;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .list ul li a .txt {
        font-size:14px;
        text-align: center;
        display: none
    }
}

.porgram .content .box1 .w1400 .list ul li a .more {
    width: 22px;
    height: 22px;
    background: url(../img/program_more.png) no-repeat;
    background-size: cover;
    margin-top: 11px;
    transition: all 0.3s
}

@media (max-width: 1024px) {
    .porgram .content .box1 .w1400 .list ul li a .more {
        display:none
    }
}

@media (min-width: 1024px) {
    .porgram .content .box1 .w1400 .list ul li:hover a {
        background:#2482ad
    }

    .porgram .content .box1 .w1400 .list ul li:hover a .icon .pic {
        opacity: 0
    }

    .porgram .content .box1 .w1400 .list ul li:hover a .icon .img {
        opacity: 1
    }

    .porgram .content .box1 .w1400 .list ul li:hover a .line {
        background: #fff
    }

    .porgram .content .box1 .w1400 .list ul li:hover a .tits .en {
        color: #fff
    }

    .porgram .content .box1 .w1400 .list ul li:hover a .tits .cn {
        color: #fff
    }

    .porgram .content .box1 .w1400 .list ul li:hover a .txt {
        color: #fff
    }

    .porgram .content .box1 .w1400 .list ul li:hover a .more {
        background: url(../img/program_more_h.png) no-repeat;
        background-size: cover
    }
}

.porgram .content .box1 .w1400 .list ul li.ani {
    opacity: 1;
    transform: translate(0)
}

.porgram .content .box1 .w1400 .list ul:after {
    clear: both;
    display: block;
    content: ''
}

.porgram .content .box2 {
    padding: 74px 0 130px 0
}

@media (max-width: 1024px) {
    .porgram .content .box2 {
        padding:0 0 0.4rem 0;
        background-position: top center !important
    }
}

.porgram .content .box2 .w1400 {
    overflow: hidden
}

.porgram .content .box2 .w1400 .tit {
    text-align: center;
    font-size: 0
}

.porgram .content .box2 .w1400 .tit .line {
    width: 42.86%;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: -33px
}

@media (max-width: 1200px) {
    .porgram .content .box2 .w1400 .tit .line {
        width:40.86%
    }
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .tit .line {
        display:none
    }
}

.porgram .content .box2 .w1400 .tit .line i {
    width: 100%;
    height: 1px;
    display: block;
    background: #bdbdbd
}

.porgram .content .box2 .w1400 .tit .line em {
    width: 5px;
    height: 8px;
    background: url(../img/program_tit.png) no-repeat;
    position: absolute
}

@media (min-width: 1024px) {
    .porgram .content .box2 .w1400 .tit .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

.porgram .content .box2 .w1400 .tit .left em {
    right: 0;
    top: -4px
}

.porgram .content .box2 .w1400 .tit .left.ani {
    opacity: 1;
    transform: translate(0)
}

@media (min-width: 1024px) {
    .porgram .content .box2 .w1400 .tit .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.porgram .content .box2 .w1400 .tit .right em {
    left: 0;
    top: -4px;
    transform: rotate(180deg)
}

.porgram .content .box2 .w1400 .tit .right.ani {
    opacity: 1;
    transform: translate(0)
}

.porgram .content .box2 .w1400 .tit .text {
    display: inline-block;
    text-align: center;
    width: 14.25%;
    vertical-align: middle
}

@media (min-width: 1024px) {
    .porgram .content .box2 .w1400 .tit .text {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(-40px)
    }
}

@media (max-width: 1200px) {
    .porgram .content .box2 .w1400 .tit .text {
        width:18.25%
    }
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .tit .text {
        width:100%
    }
}

.porgram .content .box2 .w1400 .tit .text h5 {
    font-size: 24px;
    color: #444444;
    line-height: 34px;
    font-weight: normal;
    margin-top: 29px
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .tit .text h5 {
        font-size:0.26rem;
        line-height: 0.34rem;
        margin-top: 0.4rem
    }
}

.porgram .content .box2 .w1400 .tit .text .en {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    font-family: 'Arial';
    text-transform: uppercase
}

.porgram .content .box2 .w1400 .tit .text.ani {
    opacity: 1;
    transform: translate(0)
}

.porgram .content .box2 .w1400 .box_con {
    margin-top: 40px
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con {
        margin-top:0.2rem
    }
}

.porgram .content .box2 .w1400 .box_con .con_top {
    overflow: hidden
}

.porgram .content .box2 .w1400 .box_con .con_top .left,.porgram .content .box2 .w1400 .box_con .con_top .right {
    width: 49.21%;
    position: relative;
    float: left;
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left,.porgram .content .box2 .w1400 .box_con .con_top .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left,.porgram .content .box2 .w1400 .box_con .con_top .right {
        margin-bottom:0.2rem
    }
}

@media (max-width: 640px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left,.porgram .content .box2 .w1400 .box_con .con_top .right {
        width:100%;
        float: inherit
    }
}

.porgram .content .box2 .w1400 .box_con .con_top .left a,.porgram .content .box2 .w1400 .box_con .con_top .right a {
    display: block
}

.porgram .content .box2 .w1400 .box_con .con_top .left a .img img,.porgram .content .box2 .w1400 .box_con .con_top .right a .img img {
    width: 100%;
    display: block
}

.porgram .content .box2 .w1400 .box_con .con_top .left a .mark,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark {
    height: 344px;
    width: 100%;
    background: url(../img/program_box2_bg.png) repeat-x;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    transition: all 0.3s
}

.porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l {
    width: 80%
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l {
        width:100%;
        margin-top: 0.3rem
    }
}

.porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .en,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .en {
    font-size: 26px;
    color: #fff;
    line-height: 40px;
    margin-top: 40%;
    margin-left: 28px;
    text-transform: uppercase;
    opacity: 0;
    transition: all 0.3s;
    display: none
}

@media (max-width: 1420px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .en,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .en {
        margin-top:38%
    }
}

@media (max-width: 1300px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .en,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .en {
        font-size:20px
    }
}

@media (max-width: 1200px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .en,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .en {
        margin-top:36%
    }
}

@media (max-width: 1100px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .en,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .en {
        margin-top:34%
    }
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .en,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .en {
        margin-top:0;
        opacity: 1;
        font-size: 0.26rem;
        line-height: 0.4rem;
        margin-left: 0.2rem
    }
}

.porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .cn,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .cn {
    font-size: 20px;
    color: #fdfdff;
    line-height: 40px;
    margin-left: 28px;
    transition: all 0.3s;
    margin-top: 40%
}

@media (max-width: 1420px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .cn,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .cn {
        margin-top:38%
    }
}

@media (max-width: 1300px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .cn,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .cn {
        font-size:20px
    }
}

@media (max-width: 1200px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .cn,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .cn {
        margin-top:36%
    }
}

@media (max-width: 1100px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .cn,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .cn {
        margin-top:34%
    }
}

@media (max-width: 1300px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .cn,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .cn {
        font-size:18px
    }
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .cn,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .cn {
        margin-top:0;
        font-size: 0.22rem;
        line-height: 0.4rem;
        margin-left: 0.2rem
    }
}

.porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .text,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .text {
    line-height: 22px;
    margin-left: 28px;
    font-size: 16px;
    color: #cccccc;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s
}

@media (max-width: 1300px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .text,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .text {
        font-size:14px
    }
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .text,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .text {
        margin-left:0.2rem;
        color: #fff
    }
}

.porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .more,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .more {
    width: 116px;
    height: 28px;
    background: #fff;
    border-radius: 28px;
    margin-left: 28px;
    opacity: 0;
    margin-top: 16px;
    overflow: hidden;
    transition: all 0.3s
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .more,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .more {
        opacity:1;
        margin-top: 0.14rem
    }
}

.porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_l .more em,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_l .more em {
    width: 22px;
    height: 11px;
    background: url(../img/program_more2.png) no-repeat;
    background-size: cover;
    margin: 9px auto 0;
    display: block
}

.porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_r,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_r {
    transition: all 0.3s
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_r,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_r {
        display:none
    }
}

.porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_r i,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_r i {
    width: 1px;
    height: 30px;
    background: #fff;
    opacity: 0.73;
    display: block;
    float: right;
    position: absolute;
    right: 74px;
    bottom: 24px
}

.porgram .content .box2 .w1400 .box_con .con_top .left a .mark .mark_r em,.porgram .content .box2 .w1400 .box_con .con_top .right a .mark .mark_r em {
    width: 26px;
    height: 19px;
    background: url(../img/program_box2_jt.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 26px;
    bottom: 30px
}

.porgram .content .box2 .w1400 .box_con .con_top .left.ani {
    opacity: 1;
    transform: translate(0)
}

.porgram .content .box2 .w1400 .box_con .con_top .right {
    float: right
}

@media (min-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_top .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.porgram .content .box2 .w1400 .box_con .con_top .right.ani {
    opacity: 1;
    transform: translate(0)
}

@media (min-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_top .left:hover a .mark,.porgram .content .box2 .w1400 .box_con .con_top .right:hover a .mark {
        background:none
    }

    .porgram .content .box2 .w1400 .box_con .con_top .left:hover a .mark .mark_l .en,.porgram .content .box2 .w1400 .box_con .con_top .right:hover a .mark .mark_l .en {
        opacity: 1;
        margin-top: 58px
    }

    .porgram .content .box2 .w1400 .box_con .con_top .left:hover a .mark .mark_l .cn,.porgram .content .box2 .w1400 .box_con .con_top .right:hover a .mark .mark_l .cn {
        color: #fff
    }

    .porgram .content .box2 .w1400 .box_con .con_top .left:hover a .mark .mark_l .text,.porgram .content .box2 .w1400 .box_con .con_top .right:hover a .mark .mark_l .text {
        display: none
    }

    .porgram .content .box2 .w1400 .box_con .con_top .left:hover a .mark .mark_l .more,.porgram .content .box2 .w1400 .box_con .con_top .right:hover a .mark .mark_l .more {
        opacity: 1
    }

    .porgram .content .box2 .w1400 .box_con .con_top .left:hover a .mark .mark_r,.porgram .content .box2 .w1400 .box_con .con_top .right:hover a .mark .mark_r {
        display: none
    }
}

@media (min-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_bot {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

.porgram .content .box2 .w1400 .box_con .con_bot ul {
    overflow: hidden
}

.porgram .content .box2 .w1400 .box_con .con_bot ul li {
    float: left;
    width: 32.42%;
    margin-right: 1.37%;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li {
        width:49.21%;
        margin-bottom: 0.2rem;
        margin-right: 1.58%
    }
}

.porgram .content .box2 .w1400 .box_con .con_bot ul li a {
    display: block
}

.porgram .content .box2 .w1400 .box_con .con_bot ul li a .img img {
    width: 100%;
    display: block
}

.porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark {
    height: 289px;
    width: 100%;
    background: url(../img/program_box2_bg.png) repeat-x;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    transition: all 0.3s
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con {
        margin-top:0.3rem
    }
}

.porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .en {
    font-size: 26px;
    color: #fff;
    line-height: 40px;
    margin-top: 36.8%;
    margin-left: 28px;
    text-transform: uppercase;
    opacity: 0;
    transition: all 0.3s;
    display: none
}

@media (max-width: 1420px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .en {
        margin-top:34.8%
    }
}

@media (max-width: 1300px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .en {
        font-size:20px
    }
}

@media (max-width: 1200px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .en {
        margin-top:31.8%
    }
}

@media (max-width: 1100px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .en {
        margin-top:30.8%
    }
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .en {
        margin-top:0;
        opacity: 1;
        font-size: 0.22rem;
        line-height: 0.4rem;
        margin-left: 0.2rem
    }
}

.porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .cn {
    font-size: 20px;
    color: #fdfdff;
    line-height: 40px;
    margin-left: 28px;
    transition: all 0.3s;
    margin-top: 36.8%
}

@media (max-width: 1420px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .cn {
        margin-top:34.8%
    }
}

@media (max-width: 1200px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .cn {
        margin-top:31.8%
    }
}

@media (max-width: 1100px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .cn {
        margin-top:30.8%
    }
}

@media (max-width: 1300px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .cn {
        font-size:18px
    }
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .cn {
        margin-top:0;
        font-size: 0.22rem;
        line-height: 0.4rem;
        margin-left: 0.2rem
    }
}

.porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .text {
    line-height: 22px;
    margin-left: 28px;
    font-size: 16px;
    color: #cccccc;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s
}

@media (max-width: 1300px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .text {
        font-size:14px
    }
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .text {
        margin-left:0.2rem;
        color: #fff;
        display: none
    }
}

.porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .more {
    width: 116px;
    height: 28px;
    background: #fff;
    border-radius: 28px;
    margin-left: 28px;
    opacity: 0;
    margin-top: 16px;
    overflow: hidden;
    transition: all 0.3s
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .more {
        opacity:1;
        margin-top: 0.14rem;
        width: 1rem;
        margin-left: 0.2rem
    }
}

.porgram .content .box2 .w1400 .box_con .con_bot ul li a .mark .mark_con .more em {
    width: 22px;
    height: 11px;
    background: url(../img/program_more2.png) no-repeat;
    background-size: cover;
    margin: 9px auto 0;
    display: block
}

@media (min-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li:nth-child(3n) {
        margin-right:0
    }
}

@media (max-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li:nth-child(2n) {
        margin-right:0
    }
}

@media (min-width: 1024px) {
    .porgram .content .box2 .w1400 .box_con .con_bot ul li:hover a .mark {
        background:none
    }

    .porgram .content .box2 .w1400 .box_con .con_bot ul li:hover a .mark .en {
        opacity: 1;
        margin-top: 28px
    }

    .porgram .content .box2 .w1400 .box_con .con_bot ul li:hover a .mark .cn {
        color: #fff
    }

    .porgram .content .box2 .w1400 .box_con .con_bot ul li:hover a .mark .text {
        display: none
    }

    .porgram .content .box2 .w1400 .box_con .con_bot ul li:hover a .mark .more {
        opacity: 1
    }
}

.porgram .content .box2 .w1400 .box_con .con_bot.ani {
    opacity: 1;
    transform: translate(0)
}

.industry .content .top {
    position: relative;
    z-index: 10
}

.industry .content .top .w1400 {
    overflow: hidden;
    margin-top: 30px
}

@media (max-width: 1024px) {
    .industry .content .top .w1400 {
        margin-top:0.3rem
    }
}

.industry .content .top .w1400 .crumbs {
    overflow: hidden;
    font-size: 16px;
    color: #999999;
    line-height: 50px;
    vertical-align: middle;
    float: left
}

@media (max-width: 1024px) {
    .industry .content .top .w1400 .crumbs {
        display:none
    }
}

.industry .content .top .w1400 .crumbs em {
    width: 20px;
    height: 18px;
    display: inline-block;
    background: url(../img/home.png) no-repeat;
    vertical-align: -2px;
    margin-right: 14px
}

.industry .content .top .w1400 .crumbs a {
    color: #999;
    transition: all 0.5s
}

.industry .content .top .w1400 .crumbs a:hover {
    color: #08aaf3
}

.industry .content .top .w1400 .crumbs .crumbs_active {
    display: inline-block;
    vertical-align: top
}

.industry .content .top .w1400 .crumbs .crumbs_active .tit {
    overflow: hidden;
    cursor: pointer
}

.industry .content .top .w1400 .crumbs .crumbs_active .tit .txt {
    font-size: 16px;
    color: #de832f;
    float: left;
    text-decoration: underline
}

.industry .content .top .w1400 .crumbs .crumbs_active .tit em {
    width: 20px;
    height: 18px;
    float: left;
    margin-left: 8px;
    margin-top: 16px;
    background: url(../img/crumbs_icon.png) no-repeat
}

.industry .content .top .w1400 .crumbs .crumbs_active .con {
    position: absolute;
    width: 284px;
    padding: 10px 14px 28px;
    border: 1px solid #dddddd;
    background: #fff;
    display: none
}

.industry .content .top .w1400 .crumbs .crumbs_active .con ul li {
    line-height: 44px
}

.industry .content .top .w1400 .crumbs .crumbs_active .con ul li a {
    color: #999999;
    border-bottom: 1px solid #e8e8e8;
    display: block;
    transition: all 0.5s;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.industry .content .top .w1400 .crumbs .crumbs_active .con ul li a:hover {
    color: #de832f
}

.industry .content .top .w1400 .search {
    float: right;
    width: 258px;
    height: 44px;
    border: 1px solid #d3d3d3;
    border-radius: 44px;
    overflow: hidden;
    display: none
}

@media (max-width: 1024px) {
    .industry .content .top .w1400 .search {
        float:inherit;
        width: 2.58rem;
        height: 0.48rem;
        margin: 0 auto;
        border-radius: 0.48rem;
        box-sizing: border-box
    }
}

@media (max-width: 640px) {
    .industry .content .top .w1400 .search {
        width:100%
    }
}

.industry .content .top .w1400 .search input {
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
    color: #333;
    text-indent: 1em;
    width: 216px;
    float: left;
    border: 0 none
}

@media (max-width: 1024px) {
    .industry .content .top .w1400 .search input {
        line-height:0.28rem;
        padding: 0.1rem 0;
        font-size: 14px;
        width: 2.16rem
    }
}

@media (max-width: 640px) {
    .industry .content .top .w1400 .search input {
        width:calc(100% - 0.42rem)
    }
}

.industry .content .top .w1400 .search button {
    width: 21px;
    height: 21px;
    background: url(../img/search_icon.png) no-repeat;
    background-size: cover;
    float: left;
    margin-top: 13px;
    border: 0 none;
    padding: 0;
    outline: none
}

@media (max-width: 1024px) {
    .industry .content .top .w1400 .search button {
        width:0.21rem;
        height: 0.21rem;
        margin-top: 0.13rem
    }
}

.industry .content .tabs {
    margin-top: 30px
}

@media (max-width: 1024px) {
    .industry .content .tabs {
        margin-top:0.3rem
    }
}

.industry .content .tabs .w1400 {
    overflow: hidden
}

.industry .content .tabs .w1400 a {
    width: 48.85%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    float: left;
    display: block;
    transition: all 0.5s;
    border: 1px solid #d2d2d2
}

@media (min-width: 1024px) {
    .industry .content .tabs .w1400 a {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1024px) {
    .industry .content .tabs .w1400 a {
        height:0.6rem;
        line-height: 0.6rem
    }
}

.industry .content .tabs .w1400 a em {
    width: 29px;
    height: 22px;
    float: left;
    margin: 15px 0 0 28px;
    display: block;
    background: url(../img/industry_icon1.png) no-repeat;
    background-size: cover;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .industry .content .tabs .w1400 a em {
        width:0.29rem;
        height: 0.22rem;
        margin: 0.19rem 0 0 0.2rem
    }
}

.industry .content .tabs .w1400 a h6 {
    font-size: 18px;
    color: #666666;
    line-height: 50px;
    font-weight: normal;
    float: left;
    margin-left: 14px;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .industry .content .tabs .w1400 a h6 {
        font-size:16px;
        line-height: 0.6rem;
        margin-left: 0.14rem
    }
}

.industry .content .tabs .w1400 a span {
    width: 14px;
    height: 14px;
    background: url(../img/indestrt_jia.png) no-repeat;
    background-size: cover;
    float: right;
    margin: 19px 33px 0 0;
    display: block;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .industry .content .tabs .w1400 a span {
        width:0.14rem;
        height: 0.14rem;
        margin: 0.23rem 0.3rem 0 0
    }
}

.industry .content .tabs .w1400 .a1.active {
    background: #de832f;
    border-color: #de832f
}

.industry .content .tabs .w1400 .a1.active em {
    background: url(../img/industry_icon1_h.png) no-repeat;
    background-size: cover
}

.industry .content .tabs .w1400 .a1.active h6 {
    color: #fff
}

.industry .content .tabs .w1400 .a1.active span {
    background: url(../img/indestrt_jia_h.png) no-repeat;
    background-size: cover
}

@media (min-width: 1024px) {
    .industry .content .tabs .w1400 .a1:hover {
        background:#de832f;
        border-color: #de832f
    }

    .industry .content .tabs .w1400 .a1:hover em {
        background: url(../img/industry_icon1_h.png) no-repeat;
        background-size: cover
    }

    .industry .content .tabs .w1400 .a1:hover h6 {
        color: #fff
    }

    .industry .content .tabs .w1400 .a1:hover span {
        background: url(../img/indestrt_jia_h.png) no-repeat;
        background-size: cover
    }
}

.industry .content .tabs .w1400 .a2 {
    float: right
}

@media (min-width: 1024px) {
    .industry .content .tabs .w1400 .a2 {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.industry .content .tabs .w1400 .a2 em {
    background: url(../img/industry_icon2.png) no-repeat;
    background-size: cover
}

.industry .content .tabs .w1400 .a2.active {
    background: #de832f;
    border-color: #de832f
}

.industry .content .tabs .w1400 .a2.active em {
    background: url(../img/industry_icon2_h.png) no-repeat;
    background-size: cover
}

.industry .content .tabs .w1400 .a2.active h6 {
    color: #fff
}

.industry .content .tabs .w1400 .a2.active span {
    background: url(../img/indestrt_jia_h.png) no-repeat;
    background-size: cover
}

@media (min-width: 1024px) {
    .industry .content .tabs .w1400 .a2:hover {
        background:#de832f;
        border-color: #de832f
    }

    .industry .content .tabs .w1400 .a2:hover em {
        background: url(../img/industry_icon2_h.png) no-repeat;
        background-size: cover
    }

    .industry .content .tabs .w1400 .a2:hover h6 {
        color: #fff
    }

    .industry .content .tabs .w1400 .a2:hover span {
        background: url(../img/indestrt_jia_h.png) no-repeat;
        background-size: cover
    }
}

.industry .content .tabs .w1400 a.ani {
    opacity: 1;
    transform: translate(0)
}

.industry .content .grounp {
    margin-top: 36px
}

@media (max-width: 1024px) {
    .industry .content .grounp {
        margin-top:0.36rem
    }
}

.industry .content .grounp .box1 {
    position: relative;
    min-height: 409px
}

@media (max-width: 1024px) {
    .industry .content .grounp .box1 {
        min-height:330px;
        width: 96%;
        margin: 0 auto;
        background: none
    }
}

.industry .content .grounp .box1 .w1400 {
    overflow: hidden
}

.industry .content .grounp .box1 .w1400 .left {
    width: 48.85%;
    float: left
}

@media (min-width: 1024px) {
    .industry .content .grounp .box1 .w1400 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1024px) {
    .industry .content .grounp .box1 .w1400 .left {
        float:inherit;
        width: 100%
    }
}

.industry .content .grounp .box1 .w1400 .left h5 {
    font-size: 24px;
    color: #333333;
    font-weight: normal;
    line-height: 62px
}

@media (max-width: 1024px) {
    .industry .content .grounp .box1 .w1400 .left h5 {
        font-size:0.26rem;
        line-height: 0.6rem
    }
}

.industry .content .grounp .box1 .w1400 .left .line {
    width: 46px;
    height: 2px;
    background: #3c3c3c;
    display: block
}

.industry .content .grounp .box1 .w1400 .left .text {
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    margin-top: 22px
}

@media (max-width: 1024px) {
    .industry .content .grounp .box1 .w1400 .left .text {
        font-size:14px;
        line-height: 26px;
        margin-top: 0.2rem
    }
}

.industry .content .grounp .box1 .w1400 .left .list {
    margin-top: 48px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .industry .content .grounp .box1 .w1400 .left .list {
        margin-top:0.4rem
    }
}

@media (max-width: 750px) {
    .industry .content .grounp .box1 .w1400 .left .list {
        text-align:center;
        margin-top: 0.2rem;
        font-size: 0
    }
}

.industry .content .grounp .box1 .w1400 .left .list .icon {
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left;
    margin-right: 58px
}

@media (max-width: 1024px) {
    .industry .content .grounp .box1 .w1400 .left .list .icon {
        width:0.8rem;
        height: 0.8rem;
        margin-right: 0.5rem
    }
}

@media (max-width: 750px) {
    .industry .content .grounp .box1 .w1400 .left .list .icon {
        text-align:center;
        display: inline-block;
        float: inherit
    }
}

.industry .content .grounp .box1 .w1400 .left .list .icon img {
    width: 100%;
    display: block
}

.industry .content .grounp .box1 .w1400 .left.ani {
    opacity: 1;
    transform: translate(0)
}

.industry .content .grounp .box1 .w1400 .right {
    width: 48.59%;
    height: 409px;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width: 1024px) {
    .industry .content .grounp .box1 .w1400 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 1024px) {
    .industry .content .grounp .box1 .w1400 .right {
        height:auto
    }
}

@media (max-width: 1024px) {
    .industry .content .grounp .box1 .w1400 .right {
        float:inherit;
        width: 100%;
        position: inherit;
        right: inherit;
        top: inherit;
        margin-top: 0.1rem
    }
}

.industry .content .grounp .box1 .w1400 .right .slider {
    overflow: hidden
}

@media (max-width: 1024px) {
    .industry .content .grounp .box1 .w1400 .right .slider {
        display:none
    }
}

.industry .content .grounp .box1 .w1400 .right .slider ul {
    position: relative;
    overflow: hidden
}

.industry .content .grounp .box1 .w1400 .right .slider ul li {
    float: left;
    width: 100%;
    height: 409px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .industry .content .grounp .box1 .w1400 .right .slider ul li {
        height:330px
    }
}

.industry .content .grounp .box1 .w1400 .right .slider ol {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
    font-size: 0
}

.industry .content .grounp .box1 .w1400 .right .slider ol li {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #fff;
    opacity: 1;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
    transition: all 0.3s;
    cursor: pointer
}

.industry .content .grounp .box1 .w1400 .right .slider ol li.active {
    opacity: 1;
    background: #de832f
}

.industry .content .grounp .box1 .w1400 .right .m_slider {
    display: none
}

@media (max-width: 1024px) {
    .industry .content .grounp .box1 .w1400 .right .m_slider {
        display:block
    }
}

.industry .content .grounp .box1 .w1400 .right .m_slider .swiper-container .swiper-wrapper .swiper-slide .img img {
    width: 100%;
    display: block
}

.industry .content .grounp .box1 .w1400 .right .m_slider .swiper-container .swiper-pagination-bullet {
    opacity: 1;
    background: #fff
}

.industry .content .grounp .box1 .w1400 .right .m_slider .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #de832f
}

.industry .content .grounp .box1 .w1400 .right.ani {
    opacity: 1;
    transform: translate(0)
}

@media (max-width: 1024px) {
    .industry .content .grounp .box2 {
        background:#F6F6F6
    }
}

.industry .content .grounp .box2 .w1400 {
    padding-bottom: 70px;
    overflow: hidden;
    font-size: 14px;
    line-height: 28px
}

@media (min-width: 1024px) {
    .industry .content .grounp .box2 .w1400 {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .industry .content .grounp .box2 .w1400 {
        padding-bottom:0.6rem
    }
}

.industry .content .grounp .box2 .w1400 img {
    max-width: 100%
}

.industry .content .grounp .box2 .w1400 h5 {
    line-height: 75px;
    color: #333333;
    font-size: 24px;
    font-weight: normal;
    margin-top: 24px
}

@media (max-width: 1024px) {
    .industry .content .grounp .box2 .w1400 h5 {
        font-size:0.26rem;
        line-height: 0.6rem;
        margin-top: 0.2rem
    }
}

.industry .content .grounp .box2 .w1400 .line {
    width: 46px;
    height: 2px;
    background: #3b3b3b;
    display: block
}

.industry .content .grounp .box2 .w1400 dl {
    margin-top: 27px;
    width: 84%
}

@media (max-width: 1024px) {
    .industry .content .grounp .box2 .w1400 dl {
        margin-top:0.26rem;
        width: 100%
    }
}

.industry .content .grounp .box2 .w1400 dl dd {
    font-size: 16px;
    line-height: 40px;
    color: #666666;
    position: relative;
    padding: 0 0 0 48px
}

@media (max-width: 1024px) {
    .industry .content .grounp .box2 .w1400 dl dd {
        font-size:14px;
        line-height: 28px;
        padding: 0 0 0 28px
    }
}

.industry .content .grounp .box2 .w1400 dl dd .icon {
    width: 18px;
    height: 18px;
    background: url(../img/industry_icon10.png) no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    left: 0;
    top: 12px
}

@media (max-width: 1024px) {
    .industry .content .grounp .box2 .w1400 dl dd .icon {
        top:5px
    }
}

.industry .content .grounp .box2 .w1400 dl dd .txt {
    width: 100%;
    font-size: 16px;
    color: #666666;
    line-height: 40px
}

@media (max-width: 1024px) {
    .industry .content .grounp .box2 .w1400 dl dd .txt {
        font-size:14px;
        line-height: 28px
    }
}

.industry .content .grounp .box2 .w1400.ani {
    opacity: 1;
    transform: translate(0)
}

.industry .content .grounp .box3 {
    padding-bottom: 58px;
    display: none
}

@media (max-width: 1024px) {
    .industry .content .grounp .box3 {
        padding-bottom:0.5rem
    }
}

.industry .content .grounp .box3 .w1400 {
    overflow: hidden;
    margin-top: 68px
}

@media (max-width: 1024px) {
    .industry .content .grounp .box3 .w1400 {
        margin-top:0.3rem;
        width: 100%
    }
}

.industry .content .grounp .box3 .w1400 .left {
    width: 50%;
    height: 418px;
    float: left
}

@media (min-width: 1024px) {
    .industry .content .grounp .box3 .w1400 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1024px) {
    .industry .content .grounp .box3 .w1400 .left {
        display:none
    }
}

.industry .content .grounp .box3 .w1400 .left.ani {
    opacity: 1;
    transform: translate(0)
}

.industry .content .grounp .box3 .w1400 .right {
    width: 50%;
    height: 418px;
    float: left;
    position: relative
}

@media (min-width: 1024px) {
    .industry .content .grounp .box3 .w1400 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 1024px) {
    .industry .content .grounp .box3 .w1400 .right {
        float:inherit;
        height: auto;
        width: 100%
    }
}

.industry .content .grounp .box3 .w1400 .right .img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 418px
}

@media (max-width: 1024px) {
    .industry .content .grounp .box3 .w1400 .right .img {
        display:none
    }
}

.industry .content .grounp .box3 .w1400 .right .img img {
    max-width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.industry .content .grounp .box3 .w1400 .right .r_con {
    margin-left: 28%;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .industry .content .grounp .box3 .w1400 .right .r_con {
        margin-left:0;
        padding: 0 2%;
        background: url(../img/industry_img3.jpg) no-repeat center center
    }
}

.industry .content .grounp .box3 .w1400 .right .r_con h5 {
    font-size: 22px;
    color: #333333;
    line-height: 44px;
    font-weight: normal;
    margin-top: 92px
}

@media (max-width: 1024px) {
    .industry .content .grounp .box3 .w1400 .right .r_con h5 {
        font-size:0.26rem;
        line-height: 0.6rem;
        margin-top: 0.1rem
    }
}

.industry .content .grounp .box3 .w1400 .right .r_con .line {
    width: 46px;
    height: 2px;
    background: #404040;
    display: block
}

.industry .content .grounp .box3 .w1400 .right .r_con dl {
    margin-top: 38px
}

@media (max-width: 1024px) {
    .industry .content .grounp .box3 .w1400 .right .r_con dl {
        margin-top:0.3rem
    }
}

.industry .content .grounp .box3 .w1400 .right .r_con dl dd {
    overflow: hidden
}

.industry .content .grounp .box3 .w1400 .right .r_con dl dd em {
    width: 21px;
    height: 18px;
    float: left;
    overflow: hidden;
    margin-top: 14px
}

.industry .content .grounp .box3 .w1400 .right .r_con dl dd em img {
    width: 100%;
    display: block
}

.industry .content .grounp .box3 .w1400 .right .r_con dl dd .txt {
    float: left;
    font-size: 16px;
    color: #666666;
    line-height: 44px;
    margin-left: 20px
}

.industry .content .grounp .box3 .w1400 .right .r_con .email {
    width: 176px;
    height: 36px;
    background: #de832f;
    margin-top: 18px;
    text-align: center;
    font-size: 0;
    display: block;
    line-height: 36px
}

@media (max-width: 1024px) {
    .industry .content .grounp .box3 .w1400 .right .r_con .email {
        width:156px
    }
}

.industry .content .grounp .box3 .w1400 .right .r_con .email em {
    display: inline-block;
    width: 19px;
    height: 19px;
    text-align: center;
    vertical-align: middle;
    margin: 0 8px;
    transition: all 0.3s;
    background: url(../img/pro_info_icon5.png) no-repeat
}

.industry .content .grounp .box3 .w1400 .right .r_con .email span {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
    margin: 0 8px;
    transition: all 0.3s;
    color: #fff
}

@media (min-width: 1024px) {
    .industry .content .grounp .box3 .w1400 .right .r_con .email:hover em {
        margin:0 15px
    }

    .industry .content .grounp .box3 .w1400 .right .r_con .email:hover span {
        margin: 0 15px
    }
}

.industry .content .grounp .box3 .w1400 .right.ani {
    opacity: 1;
    transform: translate(0)
}

.wisdom .content {
    padding-bottom: 146px
}

@media (max-width: 1024px) {
    .wisdom .content {
        padding-bottom:0.8rem
    }
}

.wisdom .content .top {
    position: relative;
    z-index: 10
}

.wisdom .content .top .w1400 {
    overflow: hidden;
    margin-top: 30px
}

@media (max-width: 1024px) {
    .wisdom .content .top .w1400 {
        margin-top:0.3rem
    }
}

.wisdom .content .top .w1400 .crumbs {
    overflow: hidden;
    font-size: 16px;
    color: #999999;
    line-height: 50px;
    vertical-align: middle;
    float: left
}

@media (max-width: 1024px) {
    .wisdom .content .top .w1400 .crumbs {
        display:none
    }
}

.wisdom .content .top .w1400 .crumbs em {
    width: 20px;
    height: 18px;
    display: inline-block;
    background: url(../img/home.png) no-repeat;
    vertical-align: -2px;
    margin-right: 14px
}

.wisdom .content .top .w1400 .crumbs a {
    color: #999;
    transition: all 0.5s
}

.wisdom .content .top .w1400 .crumbs a:hover {
    color: #08aaf3
}

.wisdom .content .top .w1400 .crumbs .crumbs_active {
    display: inline-block;
    vertical-align: top
}

.wisdom .content .top .w1400 .crumbs .crumbs_active .tit {
    overflow: hidden;
    cursor: pointer
}

.wisdom .content .top .w1400 .crumbs .crumbs_active .tit .txt {
    font-size: 16px;
    color: #de832f;
    float: left;
    text-decoration: underline
}

.wisdom .content .top .w1400 .crumbs .crumbs_active .tit em {
    width: 20px;
    height: 18px;
    float: left;
    margin-left: 8px;
    margin-top: 16px;
    background: url(../img/crumbs_icon.png) no-repeat
}

.wisdom .content .top .w1400 .crumbs .crumbs_active .con {
    position: absolute;
    width: 284px;
    padding: 10px 14px 28px;
    border: 1px solid #dddddd;
    background: #fff;
    display: none
}

.wisdom .content .top .w1400 .crumbs .crumbs_active .con ul li {
    line-height: 44px
}

.wisdom .content .top .w1400 .crumbs .crumbs_active .con ul li a {
    color: #999999;
    border-bottom: 1px solid #e8e8e8;
    display: block;
    transition: all 0.5s;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wisdom .content .top .w1400 .crumbs .crumbs_active .con ul li a:hover {
    color: #de832f
}

.wisdom .content .top .w1400 .search {
    display: none;
    float: right;
    width: 258px;
    height: 44px;
    border: 1px solid #d3d3d3;
    border-radius: 44px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .wisdom .content .top .w1400 .search {
        float:inherit;
        width: 2.58rem;
        height: 0.48rem;
        margin: 0 auto;
        border-radius: 0.48rem;
        box-sizing: border-box
    }
}

@media (max-width: 640px) {
    .wisdom .content .top .w1400 .search {
        width:100%
    }
}

.wisdom .content .top .w1400 .search input {
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
    color: #333;
    text-indent: 1em;
    width: 216px;
    float: left;
    border: 0 none
}

@media (max-width: 1024px) {
    .wisdom .content .top .w1400 .search input {
        line-height:0.28rem;
        padding: 0.1rem 0;
        font-size: 14px;
        width: 2.16rem
    }
}

@media (max-width: 640px) {
    .wisdom .content .top .w1400 .search input {
        width:calc(100% - 0.42rem)
    }
}

.wisdom .content .top .w1400 .search button {
    width: 21px;
    height: 21px;
    background: url(../img/search_icon.png) no-repeat;
    background-size: cover;
    float: left;
    margin-top: 13px;
    border: 0 none;
    padding: 0;
    outline: none
}

@media (max-width: 1024px) {
    .wisdom .content .top .w1400 .search button {
        width:0.21rem;
        height: 0.21rem;
        margin-top: 0.13rem
    }
}

.wisdom .content .grounp {
    margin-top: 25px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp {
        margin-top:0.24rem
    }
}

.wisdom .content .grounp .box1 {
    position: relative;
    background: #f6f7f9;
    min-height: 409px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box1 {
        min-height:330px;
        width: 96%;
        margin: 0 auto;
        background: none
    }
}

.wisdom .content .grounp .box1 .w1400 {
    overflow: hidden
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box1 .w1400 {
        width:100%
    }
}

.wisdom .content .grounp .box1 .w1400 .left {
    width: 44.428%;
    float: left;
    margin-top: 52px
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box1 .w1400 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box1 .w1400 .left {
        margin-top:0.5rem
    }
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box1 .w1400 .left {
        float:inherit;
        width: 100%;
        margin-top: 0
    }
}

.wisdom .content .grounp .box1 .w1400 .left h5 {
    font-size: 24px;
    color: #333333;
    font-weight: normal;
    line-height: 62px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box1 .w1400 .left h5 {
        font-size:0.26rem;
        line-height: 0.6rem
    }
}

.wisdom .content .grounp .box1 .w1400 .left i {
    width: 46px;
    height: 2px;
    background: #3c3c3c;
    display: block
}

.wisdom .content .grounp .box1 .w1400 .left .text {
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    margin-top: 22px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box1 .w1400 .left .text {
        font-size:14px;
        line-height: 26px;
        margin-top: 0.2rem
    }
}

.wisdom .content .grounp .box1 .w1400 .left.ani {
    opacity: 1;
    transform: translate(0)
}

.wisdom .content .grounp .box1 .right {
    width: 48.59%;
    height: 409px;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box1 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box1 .right {
        height:auto
    }
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box1 .right {
        float:inherit;
        width: 100%;
        position: inherit;
        right: inherit;
        top: inherit;
        margin-top: 0.1rem
    }
}

.wisdom .content .grounp .box1 .right .slider {
    overflow: hidden
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box1 .right .slider {
        display:none
    }
}

.wisdom .content .grounp .box1 .right .slider ul {
    position: relative;
    overflow: hidden
}

.wisdom .content .grounp .box1 .right .slider ul li {
    float: left;
    width: 100%;
    height: 409px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box1 .right .slider ul li {
        height:330px
    }
}

.wisdom .content .grounp .box1 .right .slider ol {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
    font-size: 0
}

.wisdom .content .grounp .box1 .right .slider ol li {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #fff;
    opacity: 1;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
    transition: all 0.3s;
    cursor: pointer
}

.wisdom .content .grounp .box1 .right .slider ol li.active {
    opacity: 1;
    background: #de832f
}

.wisdom .content .grounp .box1 .right .m_slider {
    display: none
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box1 .right .m_slider {
        display:block
    }
}

.wisdom .content .grounp .box1 .right .m_slider .swiper-container .swiper-wrapper .swiper-slide .img img {
    width: 100%;
    display: block
}

.wisdom .content .grounp .box1 .right .m_slider .swiper-container .swiper-pagination-bullet {
    opacity: 1;
    background: #fff
}

.wisdom .content .grounp .box1 .right .m_slider .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #de832f
}

.wisdom .content .grounp .box1 .right.ani {
    opacity: 1;
    transform: translate(0)
}

.wisdom .content .grounp .box2 {
    padding-bottom: 58px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box2 {
        padding-bottom:0.1rem
    }
}

.wisdom .content .grounp .box2 .w1400 {
    overflow: hidden
}

.wisdom .content .grounp .box2 .w1400 .tit {
    text-align: center;
    font-size: 0;
    margin-top: 56px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box2 .w1400 .tit {
        margin-top:0.3rem
    }
}

.wisdom .content .grounp .box2 .w1400 .tit .line {
    width: 42.86%;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: -18px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box2 .w1400 .tit .line {
        display:none
    }
}

.wisdom .content .grounp .box2 .w1400 .tit .line i {
    width: 100%;
    height: 1px;
    display: block;
    background: #bdbdbd
}

.wisdom .content .grounp .box2 .w1400 .tit .line em {
    width: 5px;
    height: 8px;
    background: url(../img/program_tit.png) no-repeat;
    position: absolute
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box2 .w1400 .tit .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

.wisdom .content .grounp .box2 .w1400 .tit .left em {
    right: 0;
    top: -4px
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box2 .w1400 .tit .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.wisdom .content .grounp .box2 .w1400 .tit .right em {
    left: 0;
    top: -4px;
    transform: rotate(180deg)
}

.wisdom .content .grounp .box2 .w1400 .tit .text {
    display: inline-block;
    text-align: center;
    width: 14.25%;
    vertical-align: middle
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box2 .w1400 .tit .text {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(-50px)
    }
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box2 .w1400 .tit .text {
        width:100%
    }
}

.wisdom .content .grounp .box2 .w1400 .tit .text h5 {
    font-size: 24px;
    color: #444444;
    line-height: 34px;
    font-weight: normal
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box2 .w1400 .tit .text h5 {
        font-size:0.26rem;
        line-height: 0.36rem
    }
}

.wisdom .content .grounp .box2 .w1400 .tit .text .en {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    font-family: 'Arial';
    text-transform: uppercase
}

.wisdom .content .grounp .box2 .w1400 .tit>div.ani {
    opacity: 1;
    transform: translate(0)
}

.wisdom .content .grounp .box2 .w1400 .list {
    margin-top: 40px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box2 .w1400 .list {
        margin-top:0.24rem
    }
}

.wisdom .content .grounp .box2 .w1400 .list ul li {
    width: 48.07%;
    float: left
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 640px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li {
        width:100%;
        float: inherit;
        margin-bottom: 0.2rem
    }
}

.wisdom .content .grounp .box2 .w1400 .list ul li a {
    display: block;
    background: #f9f9f9;
    overflow: hidden
}

.wisdom .content .grounp .box2 .w1400 .list ul li a .pic {
    width: 48.43%;
    overflow: hidden;
    float: left
}

@media (max-width: 640px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li a .pic {
        width:30.43%
    }
}

@media (max-width: 480px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li a .pic {
        width:36.43%
    }
}

@media (max-width: 380px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li a .pic {
        width:42.43%
    }
}

.wisdom .content .grounp .box2 .w1400 .list ul li a .pic img {
    width: 100%;
    display: block;
    transition: all 0.5s
}

.wisdom .content .grounp .box2 .w1400 .list ul li a .li_con {
    float: left;
    width: 51.57%
}

@media (max-width: 640px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li a .li_con {
        width:69.57%
    }
}

@media (max-width: 480px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li a .li_con {
        width:63.57%
    }
}

@media (max-width: 380px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li a .li_con {
        width:57.57%
    }
}

.wisdom .content .grounp .box2 .w1400 .list ul li a .li_con .text {
    padding: 32px 9.51% 50px 9.51%
}

@media (max-width: 1420px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li a .li_con .text {
        padding:12px 9.51% 20px 9.51%
    }
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li a .li_con .text {
        padding:10px 6.51% 6px 6.51%
    }
}

.wisdom .content .grounp .box2 .w1400 .list ul li a .li_con .text h5 {
    transition: all 0.5s;
    line-height: 38px;
    font-size: 20px;
    color: #444444;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1300px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li a .li_con .text h5 {
        line-height:30px;
        font-size: 18px
    }
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li a .li_con .text h5 {
        line-height:0.4rem;
        font-size: 16px
    }
}

.wisdom .content .grounp .box2 .w1400 .list ul li a .li_con .text .time {
    line-height: 30px;
    font-size: 14px;
    color: #999999;
    font-family: 'Arial'
}

@media (max-width: 1300px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li a .li_con .text .time {
        line-height:24px
    }
}

.wisdom .content .grounp .box2 .w1400 .list ul li a .li_con .text .txt {
    font-size: 16px;
    color: #999999;
    line-height: 28px;
    height: 56px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li a .li_con .text .txt {
        font-size:14px;
        line-height: 24px;
        margin-top: 0.05rem;
        height: 72px
    }
}

@media (max-width: 750px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li a .li_con .text .txt {
        height:48px
    }
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li a:hover .pic img {
        transform:scale(1.05)
    }

    .wisdom .content .grounp .box2 .w1400 .list ul li a:hover .li_con .text h5 {
        color: #de832f
    }
}

.wisdom .content .grounp .box2 .w1400 .list ul li:nth-child(even) {
    float: right
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box2 .w1400 .list ul li:nth-child(even) {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.wisdom .content .grounp .box2 .w1400 .list ul>li.ani {
    opacity: 1;
    transform: translate(0)
}

.wisdom .content .grounp .box3 .w1400 {
    overflow: hidden
}

.wisdom .content .grounp .box3 .w1400 .tit {
    text-align: center;
    font-size: 0;
    margin-top: 56px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box3 .w1400 .tit {
        margin-top:0.1rem
    }
}

.wisdom .content .grounp .box3 .w1400 .tit .line {
    width: 42.86%;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: -18px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box3 .w1400 .tit .line {
        display:none
    }
}

.wisdom .content .grounp .box3 .w1400 .tit .line i {
    width: 100%;
    height: 1px;
    display: block;
    background: #bdbdbd
}

.wisdom .content .grounp .box3 .w1400 .tit .line em {
    width: 5px;
    height: 8px;
    background: url(../img/program_tit.png) no-repeat;
    position: absolute
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box3 .w1400 .tit .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

.wisdom .content .grounp .box3 .w1400 .tit .left em {
    right: 0;
    top: -4px
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box3 .w1400 .tit .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.wisdom .content .grounp .box3 .w1400 .tit .right em {
    left: 0;
    top: -4px;
    transform: rotate(180deg)
}

.wisdom .content .grounp .box3 .w1400 .tit .text {
    display: inline-block;
    text-align: center;
    width: 14.25%;
    vertical-align: middle
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box3 .w1400 .tit .text {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(-50px)
    }
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box3 .w1400 .tit .text {
        width:100%
    }
}

.wisdom .content .grounp .box3 .w1400 .tit .text h5 {
    font-size: 24px;
    color: #444444;
    line-height: 34px;
    font-weight: normal
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box3 .w1400 .tit .text h5 {
        font-size:0.26rem;
        line-height: 0.36rem
    }
}

.wisdom .content .grounp .box3 .w1400 .tit .text .en {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    font-family: 'Arial';
    text-transform: uppercase
}

.wisdom .content .grounp .box3 .w1400 .tit>div.ani {
    opacity: 1;
    transform: translate(0)
}

.wisdom .content .grounp .box3 .w1400 .list {
    margin-top: 64px;
    padding-bottom: 130px
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box3 .w1400 .list {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box3 .w1400 .list {
        margin-top:0.24rem;
        padding-bottom: 0.1rem
    }
}

.wisdom .content .grounp .box3 .w1400 .list ul {
    overflow: hidden
}

.wisdom .content .grounp .box3 .w1400 .list ul li {
    width: 24%;
    float: left;
    background: #fff;
    margin-right: 1.33%
}

@media (max-width: 750px) {
    .wisdom .content .grounp .box3 .w1400 .list ul li {
        width:49.335%;
        margin-bottom: 0.2rem
    }
}

@media (max-width: 480px) {
    .wisdom .content .grounp .box3 .w1400 .list ul li {
        margin-bottom:0.12rem
    }
}

.wisdom .content .grounp .box3 .w1400 .list ul li a {
    display: block
}

.wisdom .content .grounp .box3 .w1400 .list ul li a .pic {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden
}

.wisdom .content .grounp .box3 .w1400 .list ul li a .pic .img {
    width: 100%;
    overflow: hidden
}

.wisdom .content .grounp .box3 .w1400 .list ul li a .pic .img img {
    width: 100%;
    display: block;
    transition: all 0.5s
}

.wisdom .content .grounp .box3 .w1400 .list ul li a .pic .line {
    width: 100%;
    height: 4px;
    background: #de832f;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.wisdom .content .grounp .box3 .w1400 .list ul li a .pic .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    background: url(../img/wisdom_icon1.png) no-repeat;
    background-size: cover;
    margin: -25px 0 0 -25px;
    z-index: 2;
    transition: all 0.3s
}

.wisdom .content .grounp .box3 .w1400 .list ul li a h5 {
    font-size: 16px;
    color: #666666;
    line-height: 70px;
    padding: 0 4px;
    font-weight: normal;
    text-align: center;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box3 .w1400 .list ul li a h5 {
        line-height:0.6rem;
        font-size: 14px
    }
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box3 .w1400 .list ul li a:hover .pic .img img {
        transform:scale(1.05)
    }

    .wisdom .content .grounp .box3 .w1400 .list ul li a:hover .pic .icon {
        transform: rotate(90deg)
    }

    .wisdom .content .grounp .box3 .w1400 .list ul li a:hover h5 {
        color: #de832f
    }
}

@media (max-width: 750px) {
    .wisdom .content .grounp .box3 .w1400 .list ul li:nth-child(2n) {
        margin-right:0
    }
}

.wisdom .content .grounp .box3 .w1400 .list ul li:last-child {
    margin-right: 0
}

.wisdom .content .grounp .box3 .w1400>div.ani {
    opacity: 1;
    transform: translate(0)
}

.wisdom .content .grounp .box4 .w1400 .tit {
    text-align: center;
    font-size: 0;
    margin-top: 62px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .tit {
        margin-top:0.1rem
    }
}

.wisdom .content .grounp .box4 .w1400 .tit .line {
    width: 42.86%;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: -18px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .tit .line {
        display:none
    }
}

.wisdom .content .grounp .box4 .w1400 .tit .line i {
    width: 100%;
    height: 1px;
    display: block;
    background: #bdbdbd
}

.wisdom .content .grounp .box4 .w1400 .tit .line em {
    width: 5px;
    height: 8px;
    background: url(../img/program_tit.png) no-repeat;
    position: absolute
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .tit .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

.wisdom .content .grounp .box4 .w1400 .tit .left em {
    right: 0;
    top: -4px
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .tit .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.wisdom .content .grounp .box4 .w1400 .tit .right em {
    left: 0;
    top: -4px;
    transform: rotate(180deg)
}

.wisdom .content .grounp .box4 .w1400 .tit .text {
    display: inline-block;
    text-align: center;
    width: 14.25%;
    vertical-align: middle
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .tit .text {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(-50px)
    }
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .tit .text {
        width:100%
    }
}

.wisdom .content .grounp .box4 .w1400 .tit .text h5 {
    font-size: 24px;
    color: #444444;
    line-height: 34px;
    font-weight: normal
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .tit .text h5 {
        font-size:0.26rem;
        line-height: 0.36rem
    }
}

.wisdom .content .grounp .box4 .w1400 .tit .text .en {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    font-family: 'Arial';
    text-transform: uppercase
}

.wisdom .content .grounp .box4 .w1400 .tit>div.ani {
    opacity: 1;
    transform: translate(0)
}

.wisdom .content .grounp .box4 .w1400 .list {
    margin-top: 36px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .list {
        margin-top:0.2rem
    }
}

.wisdom .content .grounp .box4 .w1400 .list ul li {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .list ul li {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

.wisdom .content .grounp .box4 .w1400 .list ul li a {
    overflow: hidden;
    line-height: 80px;
    display: block
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .list ul li a {
        line-height:0.8rem
    }
}

@media (max-width: 640px) {
    .wisdom .content .grounp .box4 .w1400 .list ul li a {
        line-height:0.4rem;
        padding: 0.2rem 0 0.1rem
    }
}

.wisdom .content .grounp .box4 .w1400 .list ul li a .icon1 {
    width: 34px;
    height: 35px;
    overflow: hidden;
    float: left;
    background: url(../img/wisdom_icon1.jpg) no-repeat;
    background-size: cover;
    margin-top: 24px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .list ul li a .icon1 {
        width:0.34rem;
        height: 0.35rem;
        margin-top: 0.24rem
    }
}

@media (max-width: 640px) {
    .wisdom .content .grounp .box4 .w1400 .list ul li a .icon1 {
        margin-top:0.04rem
    }
}

.wisdom .content .grounp .box4 .w1400 .list ul li a .icon1 img {
    width: 100%;
    display: block
}

.wisdom .content .grounp .box4 .w1400 .list ul li a h6 {
    font-size: 20px;
    color: #888888;
    line-height: 80px;
    font-weight: normal;
    float: left;
    margin-left: 26px;
    width: 33.71%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .list ul li a h6 {
        font-size:0.22rem;
        line-height: 0.8rem;
        margin-left: 0.2rem;
        width: 45%
    }
}

@media (max-width: 640px) {
    .wisdom .content .grounp .box4 .w1400 .list ul li a h6 {
        width:90%;
        line-height: 0.4rem;
        height: 0.4rem
    }
}

@media (max-width: 480px) {
    .wisdom .content .grounp .box4 .w1400 .list ul li a h6 {
        width:80%
    }
}

.wisdom .content .grounp .box4 .w1400 .list ul li a .time {
    font-size: 16px;
    color: #999999;
    display: block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 2%;
    text-overflow: ellipsis
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .list ul li a .time {
        font-size:14px
    }
}

.wisdom .content .grounp .box4 .w1400 .list ul li a .size {
    font-size: 16px;
    color: #999999;
    float: left;
    margin-left: 30px;
    display: none
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .list ul li a .size {
        font-size:14px;
        margin-left: 0.3rem
    }
}

.wisdom .content .grounp .box4 .w1400 .list ul li a .icon2 {
    width: 21px;
    height: 20px;
    float: right;
    margin: 30px 08px 0 0;
    background: url(../img/wisdom_icon2.jpg) no-repeat;
    background-size: contain
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .list ul li a .icon2 {
        width:0.21rem;
        height: 0.2rem;
        margin: 0.3rem 0 0 0
    }
}

@media (max-width: 640px) {
    .wisdom .content .grounp .box4 .w1400 .list ul li a .icon2 {
        margin:0 0 0 0
    }
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box4 .w1400 .list ul li a:hover h6 {
        color:#de832f
    }
}

.wisdom .content .grounp .box4 .w1400 .list ul>li.ani {
    opacity: 1;
    transform: translate(0)
}

.wisdom .content .grounp .box5 {
    margin-top: 20px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box5 {
        background:#F6F6F6;
        margin-top: 0.2rem
    }
}

.wisdom .content .grounp .box5 .w1400 {
    padding-bottom: 70px;
    overflow: hidden
}

@media (min-width: 1024px) {
    .wisdom .content .grounp .box5 .w1400 {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box5 .w1400 {
        padding-bottom:0.6rem
    }
}

.wisdom .content .grounp .box5 .w1400 h5 {
    line-height: 75px;
    color: #333333;
    font-size: 24px;
    font-weight: normal;
    margin-top: 24px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box5 .w1400 h5 {
        font-size:0.26rem;
        line-height: 0.6rem;
        margin-top: 0.2rem
    }
}

.wisdom .content .grounp .box5 .w1400 .line {
    width: 46px;
    height: 2px;
    background: #3b3b3b;
    display: block
}

.wisdom .content .grounp .box5 .w1400 dl {
    margin-top: 27px;
    width: 84%
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box5 .w1400 dl {
        margin-top:0.26rem;
        width: 100%
    }
}

.wisdom .content .grounp .box5 .w1400 dl dd {
    font-size: 16px;
    line-height: 40px;
    color: #666666;
    position: relative;
    padding: 0 0 0 48px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box5 .w1400 dl dd {
        font-size:14px;
        line-height: 28px;
        padding: 0 0 0 28px
    }
}

.wisdom .content .grounp .box5 .w1400 dl dd .icon {
    width: 18px;
    height: 18px;
    background: url(../img/industry_icon10.png) no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    left: 0;
    top: 12px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box5 .w1400 dl dd .icon {
        top:5px
    }
}

.wisdom .content .grounp .box5 .w1400 dl dd .txt {
    width: 100%;
    font-size: 16px;
    color: #666666;
    line-height: 40px
}

@media (max-width: 1024px) {
    .wisdom .content .grounp .box5 .w1400 dl dd .txt {
        font-size:14px;
        line-height: 28px
    }
}

.wisdom .content .grounp .box5 .w1400 img {
    max-width: 100% !important;
    height: auto !important
}

.wisdom .content .grounp .box5 .w1400.ani {
    opacity: 1;
    transform: translate(0)
}

.download .download_banner {
    height: 479px;
    position: relative
}

@media (max-width: 1024px) {
    .download .download_banner {
        background:none !important;
        height: auto
    }
}

.download .download_banner .img {
    display: none
}

@media (max-width: 1024px) {
    .download .download_banner .img {
        display:block
    }
}

.download .download_banner .img img {
    width: 180%;
    display: block;
    margin-left: -40%
}

@media (max-width: 480px) {
    .download .download_banner .img img {
        width:200%;
        margin-left: -50%
    }
}

.download .download_banner .w1400 {
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .download .download_banner .w1400 {
        position:absolute;
        left: 50%;
        top: 50%;
        margin-left: -48%;
        margin-top: -10%;
        z-index: 2
    }
}

.download .download_banner .w1400 .en {
    font-size: 40px;
    color: #ffffff;
    line-height: 52px;
    font-family: 'TT0861M_6';
    text-transform: uppercase;
    margin-top: 192px
}

@media (max-width: 1024px) {
    .download .download_banner .w1400 .en {
        font-size:0.4rem;
        line-height: 0.52rem;
        margin-top: 0;
        text-align: center
    }
}

.download .download_banner .w1400 .cn {
    font-size: 24px;
    color: #fff;
    line-height: 48px
}

@media (max-width: 1024px) {
    .download .download_banner .w1400 .cn {
        font-size:0.24rem;
        line-height: 0.48rem;
        text-align: center
    }
}

.download .download_banner .w1400 .scroll {
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin-top: 18px
}

@media (max-width: 1024px) {
    .download .download_banner .w1400 .scroll {
        width:0.36rem;
        height: 0.36rem;
        display: none;
        margin: 0.18rem auto 0
    }
}

.download .download_banner .w1400 .scroll img {
    width: 100%;
    display: block
}

.download .content {
    padding-bottom: 85px
}

@media (max-width: 1024px) {
    .download .content {
        padding-bottom:0.6rem
    }
}

.download .content>.w1400 {
    position: relative;
    z-index: 10
}

@media (max-width: 1024px) {
    .download .content>.w1400 {
        width:100%
    }
}

.download .content>.w1400 .top {
    margin-top: 30px
}

@media (max-width: 1024px) {
    .download .content>.w1400 .top {
        margin-top:0
    }
}

.download .content>.w1400 .top .crumbs {
    overflow: hidden;
    font-size: 16px;
    color: #999999;
    line-height: 50px;
    vertical-align: middle;
    float: left
}

@media (max-width: 1024px) {
    .download .content>.w1400 .top .crumbs {
        display:none
    }
}

.download .content>.w1400 .top .crumbs em {
    width: 20px;
    height: 18px;
    display: inline-block;
    background: url(../img/home.png) no-repeat;
    vertical-align: -2px;
    margin-right: 14px
}

.download .content>.w1400 .top .crumbs a {
    color: #999;
    transition: all 0.5s
}

.download .content>.w1400 .top .crumbs a:hover {
    color: #08aaf3
}

.download .content>.w1400 .top .crumbs .crumbs_active {
    display: inline-block;
    vertical-align: top
}

.download .content>.w1400 .top .crumbs .crumbs_active .tit {
    overflow: hidden;
    cursor: pointer
}

.download .content>.w1400 .top .crumbs .crumbs_active .tit .txt {
    font-size: 16px;
    color: #de832f;
    float: left;
    text-decoration: underline
}

.download .content>.w1400 .top .crumbs .crumbs_active .tit em {
    width: 20px;
    height: 18px;
    float: left;
    margin-left: 8px;
    margin-top: 16px;
    background: url(../img/crumbs_icon.png) no-repeat
}

.download .content>.w1400 .top .crumbs .crumbs_active .con {
    position: absolute;
    width: 284px;
    padding: 10px 14px 28px;
    border: 1px solid #dddddd;
    background: #fff;
    display: none
}

.download .content>.w1400 .top .crumbs .crumbs_active .con ul li {
    line-height: 44px
}

.download .content>.w1400 .top .crumbs .crumbs_active .con ul li a {
    color: #999999;
    border-bottom: 1px solid #e8e8e8;
    display: block;
    transition: all 0.5s;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.download .content>.w1400 .top .crumbs .crumbs_active .con ul li a:hover {
    color: #de832f
}

.download .content>.w1400 .top .tabs_m {
    display: none;
    position: relative
}

@media (max-width: 1024px) {
    .download .content>.w1400 .top .tabs_m {
        display:block
    }
}

.download .content>.w1400 .top .tabs_m .tabs_tit {
    overflow: hidden;
    padding: 0 0.6rem 0 0.17rem;
    background: #fff;
    position: relative;
    line-height: 0.8rem;
    height: 0.8rem;
    box-shadow: 0 0.04rem 0.1rem 0 rgba(6,0,1,0.1)
}

.download .content>.w1400 .top .tabs_m .tabs_tit h6 {
    font-size: 0.26rem;
    color: #de832f;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.download .content>.w1400 .top .tabs_m .tabs_tit em {
    width: 0.43rem;
    height: 0.17rem;
    background: url(../img/zhankai.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.17rem;
    top: 0.32rem
}

.download .content>.w1400 .top .tabs_m .tabs_tit.on em {
    background: url(../img/shouqi.jpg) no-repeat;
    background-size: cover
}

.download .content>.w1400 .top .tabs_m .tabs_con {
    position: absolute;
    left: 0;
    top: 0.66rem;
    width: 100%;
    background: #fff;
    display: none
}

.download .content>.w1400 .top .tabs_m .tabs_con ul li {
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0.17rem
}

.download .content>.w1400 .top .tabs_m .tabs_con ul li a {
    line-height: 0.66rem;
    font-size: 0.26rem;
    color: #555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.download .content>.w1400 .top .search {
    float: right;
    width: 258px;
    height: 44px;
    border: 1px solid #d3d3d3;
    border-radius: 44px;
    overflow: hidden;
    display: none
}

@media (max-width: 1024px) {
    .download .content>.w1400 .top .search {
        float:inherit;
        width: 2.58rem;
        height: 0.48rem;
        margin: 0.2rem auto 0;
        border-radius: 0.48rem;
        box-sizing: border-box
    }
}

@media (max-width: 640px) {
    .download .content>.w1400 .top .search {
        width:96%
    }
}

.download .content>.w1400 .top .search input {
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
    color: #333;
    text-indent: 1em;
    width: 216px;
    float: left;
    border: 0 none
}

@media (max-width: 1024px) {
    .download .content>.w1400 .top .search input {
        line-height:0.28rem;
        padding: 0.1rem 0;
        font-size: 14px;
        width: 2.16rem
    }
}

@media (max-width: 640px) {
    .download .content>.w1400 .top .search input {
        width:calc(100% - 0.42rem)
    }
}

.download .content>.w1400 .top .search button {
    width: 21px;
    height: 21px;
    background: url(../img/search_icon.png) no-repeat;
    background-size: cover;
    float: left;
    margin-top: 13px;
    border: 0 none;
    padding: 0;
    outline: none
}

@media (max-width: 1024px) {
    .download .content>.w1400 .top .search button {
        width:0.21rem;
        height: 0.21rem;
        margin-top: 0.13rem
    }
}

.download .content>.w1400 .top:after {
    display: block;
    clear: both;
    content: ''
}

.download .content .box {
    margin-top: 32px
}

@media (max-width: 1024px) {
    .download .content .box {
        margin-top:0.3rem
    }
}

.download .content .box .w1400 .box_tabs {
    background: #f7f7f7
}

@media (min-width: 1024px) {
    .download .content .box .w1400 .box_tabs {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

.download .content .box .w1400 .box_tabs a {
    width: 14.28%;
    float: left;
    position: relative;
    display: block;
    transition: all 0.5s
}

@media (max-width: 640px) {
    .download .content .box .w1400 .box_tabs a {
        width:25%
    }
}

.download .content .box .w1400 .box_tabs a span {
    display: block;
    font-size: 18px;
    color: #999999;
    line-height: 60px;
    text-align: center;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_tabs a span {
        font-size:0.2rem;
        line-height: 0.6rem
    }
}

.download .content .box .w1400 .box_tabs a em {
    width: 20px;
    height: 10px;
    background: url(../img/download_tabs_icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    transition: all 0.5s;
    opacity: 0
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_tabs a em {
        width:20px;
        height: 10px
    }
}

.download .content .box .w1400 .box_tabs a.active {
    background: #1479a7
}

.download .content .box .w1400 .box_tabs a.active span {
    color: #fff
}

.download .content .box .w1400 .box_tabs a.active em {
    opacity: 1
}

@media (min-width: 1024px) {
    .download .content .box .w1400 .box_tabs a:hover {
        background:#1479a7
    }

    .download .content .box .w1400 .box_tabs a:hover span {
        color: #fff
    }

    .download .content .box .w1400 .box_tabs a:hover em {
        opacity: 1
    }
}

.download .content .box .w1400 .box_tabs.ani {
    opacity: 1;
    transform: translate(0)
}

.download .content .box .w1400 .box_tabs:after {
    display: block;
    clear: both;
    content: ''
}

.download .content .box .w1400 .box_con {
    margin-top: 31px;
    padding: 20px 40px 86px;
    background: #f7f7f7
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con {
        margin-top:0.2rem;
        padding: 0.2rem 0.3rem 0.6rem
    }
}

@media (max-width: 640px) {
    .download .content .box .w1400 .box_con {
        padding:0.2rem 0.12rem 0.6rem
    }
}

.download .content .box .w1400 .box_con h5 {
    font-size: 24px;
    color: #333333;
    line-height: 76px
}

@media (min-width: 1024px) {
    .download .content .box .w1400 .box_con h5 {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con h5 {
        font-size:0.26rem;
        line-height: 0.7rem
    }
}

.download .content .box .w1400 .box_con h5.ani {
    opacity: 1;
    transform: translate(0)
}

.download .content .box .w1400 .box_con .grounp .grounp_tit {
    background: #dbd9d9;
    height: 60px;
    padding: 0 28px;
    position: relative;
    z-index: 10
}

@media (min-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_tit {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_tit {
        height:0.6rem;
        padding: 0 0.2rem
    }
}

@media (max-width: 640px) {
    .download .content .box .w1400 .box_con .grounp .grounp_tit {
        text-align:center;
        font-size: 0
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_tit .item {
    float: left;
    position: relative;
    margin: 15px 16px
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_tit .item {
        margin:0.11rem 0.16rem
    }
}

@media (max-width: 640px) {
    .download .content .box .w1400 .box_con .grounp .grounp_tit .item {
        float:inherit;
        display: inline-block;
        text-align: center
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_tit .item .item_tit {
    width: 144px;
    height: 34px;
    background: #fff;
    text-align: center;
    line-height: 34px;
    font-size: 0;
    cursor: pointer
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_tit .item .item_tit {
        width:1.64rem;
        height: 0.4rem;
        line-height: 0.4rem
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_tit .item .item_tit span {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #666666;
    margin: 0 9px;
    vertical-align: middle;
    line-height: 34px
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_tit .item .item_tit span {
        font-size:14px;
        margin: 0 0.1rem;
        line-height: 0.4rem
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_tit .item .item_tit em {
    width: 10px;
    height: 6px;
    background: url(../img/tabs_icon.png) no-repeat;
    background-size: cover;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0 9px
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_tit .item .item_tit em {
        margin:0 0.1rem
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_tit .item .item_con {
    position: absolute;
    left: 0;
    top: 34px;
    background: #fff;
    width: 100%;
    display: none
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_tit .item .item_con {
        top:0.36rem
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_tit .item .item_con a {
    border-bottom: 1px solid #f1f1f1;
    line-height: 22px;
    display: block;
    font-size: 14px;
    text-align: left;
    color: #666;
    transition: all 0.5s;
    padding: 6px 6px 6px 26px
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_tit .item .item_con a {
        padding:6px 6px;
        text-align: center
    }
}

@media (min-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_tit .item .item_con a:hover {
        color:#1479a7
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_tit.ani {
    opacity: 1;
    transform: translate(0)
}

.download .content .box .w1400 .box_con .grounp .grounp_tit:after {
    clear: both;
    display: block;
    content: ''
}

.download .content .box .w1400 .box_con .grounp .grounp_con {
    margin-top: 29px;
    padding: 0 28px
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con {
        margin-top:0.26rem;
        padding: 0 0.24rem
    }
}

@media (max-width: 480px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con {
        padding:0
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con ul li {
    overflow: hidden;
    line-height: 74px;
    border-bottom: 1px solid #e5e5e5
}

@media (min-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li {
        line-height:50px
    }
}

@media (max-width: 640px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li {
        line-height:30px;
        padding: 0.14rem 0
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con ul li .left {
    float: left;
    width: 38%;
    position: relative
}

@media (max-width: 640px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .left {
        width:50%
    }
}

@media (max-width: 480px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .left {
        width:100%
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con ul li .left .icon {
    width: 19px;
    height: 23px;
    background: url(../img/pdf.png) no-repeat;
    background-size: cover;
    float: left;
    margin: 27px 0 0 22px
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .left .icon {
        position:absolute;
        left: 0;
        top: 0;
        margin: 13px 0 0 0
    }
}

@media (max-width: 640px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .left .icon {
        margin:3px 0 0 0
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con ul li .left .txt {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #888888;
    padding-left: 38px
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .left .txt {
        font-size:14px;
        padding-left: 0.38rem
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con ul li .center {
    font-size: 14px;
    color: #999999;
    float: left
}

@media (max-width: 640px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .center {
        width:50%;
        text-align: right
    }
}

@media (max-width: 480px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .center {
        width:auto;
        text-align: left;
        line-height: 20px;
        font-size: 12px
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con ul li .right {
    float: right;
    overflow: hidden
}

.download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .download_icon {
    float: left;
    overflow: hidden
}

@media (max-width: 640px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .download_icon {
        margin-right:0.1rem
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .download_icon em {
    width: 16px;
    height: 17px;
    background: url(../img/download_icon2.png) no-repeat 0 0;
    display: block;
    float: left;
    margin-top: 27px;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .download_icon em {
        margin-top:16px
    }
}

@media (max-width: 640px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .download_icon em {
        margin-top:1px
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .download_icon span {
    float: left;
    font-size: 15px;
    color: #999999;
    margin-left: 10px;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .download_icon span {
        font-size:14px;
        margin-left: 0.1rem
    }
}

@media (max-width: 640px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .download_icon span {
        line-height:20px
    }
}

@media (max-width: 480px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .download_icon span {
        font-size:12px
    }
}

@media (min-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .download_icon:hover em {
        background:url(../img/download_icon2.png) no-repeat 0 -18px
    }

    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .download_icon:hover span {
        color: #1479a7
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con ul li .right i {
    float: left;
    width: 1px;
    height: 17px;
    background: #d2d2d2;
    margin: 27px 24px 0
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right i {
        margin:0.27rem 0.24rem 0
    }
}

@media (max-width: 640px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right i {
        display:none
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .email_share {
    float: left;
    overflow: hidden
}

.download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .email_share em {
    width: 16px;
    height: 17px;
    background: url(../img/download_icon2.png) no-repeat -19px 0;
    display: block;
    float: left;
    margin-top: 27px;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .email_share em {
        margin-top:16px
    }
}

@media (max-width: 640px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .email_share em {
        margin-top:1px
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .email_share span {
    float: left;
    font-size: 15px;
    color: #999999;
    margin-left: 10px;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .email_share span {
        font-size:14px;
        margin-left: 0.1rem
    }
}

@media (max-width: 640px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .email_share span {
        line-height:20px;
        margin-left: 0.04rem
    }
}

@media (max-width: 480px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .email_share span {
        font-size:12px
    }
}

@media (min-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .email_share:hover em {
        background:url(../img/download_icon2.png) no-repeat -19px -18px
    }

    .download .content .box .w1400 .box_con .grounp .grounp_con ul li .right .email_share:hover span {
        color: #1479a7
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con ul li.ani {
    opacity: 1;
    transform: translate(0)
}

.download .content .box .w1400 .box_con .grounp .grounp_con .page {
    margin-top: 84px;
    padding: 0 122px;
    position: relative;
    background: #f3f3f3
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con .page {
        margin-top:0.3rem;
        padding: 0
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con .page .pagination {
    text-align: center;
    font-size: 0
}

.download .content .box .w1400 .box_con .grounp .grounp_con .page .pagination .prev {
    width: 80px
}

.download .content .box .w1400 .box_con .grounp .grounp_con .page .pagination .next {
    width: 80px
}

.download .content .box .w1400 .box_con .grounp .grounp_con .page .pagination a {
    width: 28px;
    height: 28px;
    text-align: center;
    display: inline-block;
    margin: 14px 8px;
    border-radius: 3px;
    color: #999999;
    line-height: 28px;
    font-size: 18px;
    font-family: 'Arial';
    transition: all 0.5s;
    vertical-align: middle
}

@media (max-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con .page .pagination a {
        margin:8px 0.02rem;
        font-size: 14px
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con .page .pagination a.active {
    background: #de832f;
    color: #fff
}

@media (min-width: 1024px) {
    .download .content .box .w1400 .box_con .grounp .grounp_con .page .pagination a:hover {
        background:#de832f;
        color: #fff
    }
}

.download .content .box .w1400 .box_con .grounp .grounp_con .page.ani {
    opacity: 1;
    transform: translate(0)
}

.commun .download_banner {
    height: 479px;
    position: relative
}

@media (max-width: 1024px) {
    .commun .download_banner {
        background:none !important;
        height: auto
    }
}

.commun .download_banner .img {
    display: none
}

@media (max-width: 1024px) {
    .commun .download_banner .img {
        display:block
    }
}

.commun .download_banner .img img {
    width: 180%;
    display: block;
    margin-left: -40%
}

@media (max-width: 480px) {
    .commun .download_banner .img img {
        width:200%;
        margin-left: -50%
    }
}

.commun .download_banner .w1400 {
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .commun .download_banner .w1400 {
        position:absolute;
        left: 50%;
        top: 50%;
        margin-left: -48%;
        margin-top: -10%;
        z-index: 2
    }
}

.commun .download_banner .w1400 .en {
    font-size: 40px;
    color: #ffffff;
    line-height: 52px;
    font-family: 'TT0861M_6';
    text-transform: uppercase;
    margin-top: 192px
}

@media (max-width: 1024px) {
    .commun .download_banner .w1400 .en {
        font-size:0.4rem;
        line-height: 0.52rem;
        margin-top: 0;
        text-align: center
    }
}

.commun .download_banner .w1400 .cn {
    font-size: 24px;
    color: #fff;
    line-height: 48px
}

@media (max-width: 1024px) {
    .commun .download_banner .w1400 .cn {
        font-size:0.24rem;
        line-height: 0.48rem;
        text-align: center
    }
}

.commun .download_banner .w1400 .scroll {
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin-top: 18px
}

@media (max-width: 1024px) {
    .commun .download_banner .w1400 .scroll {
        width:0.36rem;
        height: 0.36rem;
        margin: 0.18rem auto 0;
        display: none
    }
}

.commun .download_banner .w1400 .scroll img {
    width: 100%;
    display: block
}

.commun .content {
    padding-bottom: 58px
}

@media (max-width: 1024px) {
    .commun .content {
        padding-bottom:0.6rem
    }
}

.commun .content>.w1400 {
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .commun .content>.w1400 {
        width:100%
    }
}

.commun .content>.w1400 .top {
    margin-top: 30px
}

@media (max-width: 1024px) {
    .commun .content>.w1400 .top {
        margin-top:0
    }
}

.commun .content>.w1400 .top .crumbs {
    overflow: hidden;
    font-size: 16px;
    color: #999999;
    line-height: 50px;
    vertical-align: middle;
    float: left
}

@media (max-width: 1024px) {
    .commun .content>.w1400 .top .crumbs {
        display:none
    }
}

.commun .content>.w1400 .top .crumbs em {
    width: 20px;
    height: 18px;
    display: inline-block;
    background: url(../img/home.png) no-repeat;
    vertical-align: -2px;
    margin-right: 14px
}

.commun .content>.w1400 .top .crumbs a {
    color: #999;
    transition: all 0.5s
}

.commun .content>.w1400 .top .crumbs a:hover {
    color: #08aaf3
}

.commun .content>.w1400 .top .crumbs .crumbs_active {
    display: inline-block;
    vertical-align: top
}

.commun .content>.w1400 .top .crumbs .crumbs_active .tit {
    overflow: hidden;
    cursor: pointer
}

.commun .content>.w1400 .top .crumbs .crumbs_active .tit .txt {
    font-size: 16px;
    color: #de832f;
    float: left;
    text-decoration: underline
}

.commun .content>.w1400 .top .crumbs .crumbs_active .tit em {
    width: 20px;
    height: 18px;
    float: left;
    margin-left: 8px;
    margin-top: 16px;
    background: url(../img/crumbs_icon.png) no-repeat
}

.commun .content>.w1400 .top .crumbs .crumbs_active .con {
    position: absolute;
    width: 284px;
    padding: 10px 14px 28px;
    border: 1px solid #dddddd;
    background: #fff;
    display: none
}

.commun .content>.w1400 .top .crumbs .crumbs_active .con ul li {
    line-height: 44px
}

.commun .content>.w1400 .top .crumbs .crumbs_active .con ul li a {
    color: #999999;
    border-bottom: 1px solid #e8e8e8;
    display: block;
    transition: all 0.5s;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.commun .content>.w1400 .top .crumbs .crumbs_active .con ul li a:hover {
    color: #de832f
}

.commun .content>.w1400 .top .tabs_m {
    display: none;
    position: relative
}

@media (max-width: 1024px) {
    .commun .content>.w1400 .top .tabs_m {
        display:block
    }
}

.commun .content>.w1400 .top .tabs_m .tabs_tit {
    overflow: hidden;
    padding: 0 0.6rem 0 0.17rem;
    background: #fff;
    position: relative;
    line-height: 0.8rem;
    height: 0.8rem;
    box-shadow: 0 0.04rem 0.1rem 0 rgba(6,0,1,0.1)
}

.commun .content>.w1400 .top .tabs_m .tabs_tit h6 {
    font-size: 0.26rem;
    color: #de832f;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.commun .content>.w1400 .top .tabs_m .tabs_tit em {
    width: 0.43rem;
    height: 0.17rem;
    background: url(../img/zhankai.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.17rem;
    top: 0.32rem
}

.commun .content>.w1400 .top .tabs_m .tabs_tit.on em {
    background: url(../img/shouqi.jpg) no-repeat;
    background-size: cover
}

.commun .content>.w1400 .top .tabs_m .tabs_con {
    position: absolute;
    left: 0;
    top: 0.66rem;
    width: 100%;
    background: #fff;
    display: none
}

.commun .content>.w1400 .top .tabs_m .tabs_con ul li {
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0.17rem
}

.commun .content>.w1400 .top .tabs_m .tabs_con ul li a {
    line-height: 0.66rem;
    font-size: 0.26rem;
    color: #555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.commun .content>.w1400 .top .search {
    display: none;
    float: right;
    width: 258px;
    height: 44px;
    border: 1px solid #d3d3d3;
    border-radius: 44px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .commun .content>.w1400 .top .search {
        float:inherit;
        width: 2.58rem;
        height: 0.48rem;
        margin: 0.2rem auto 0;
        border-radius: 0.48rem;
        box-sizing: border-box
    }
}

@media (max-width: 640px) {
    .commun .content>.w1400 .top .search {
        width:96%
    }
}

.commun .content>.w1400 .top .search input {
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
    color: #333;
    text-indent: 1em;
    width: 216px;
    float: left;
    border: 0 none
}

@media (max-width: 1024px) {
    .commun .content>.w1400 .top .search input {
        line-height:0.28rem;
        padding: 0.1rem 0;
        font-size: 14px;
        width: 2.16rem
    }
}

@media (max-width: 640px) {
    .commun .content>.w1400 .top .search input {
        width:calc(100% - 0.42rem)
    }
}

.commun .content>.w1400 .top .search button {
    width: 21px;
    height: 21px;
    background: url(../img/search_icon.png) no-repeat;
    background-size: cover;
    float: left;
    margin-top: 13px;
    border: 0 none;
    padding: 0;
    outline: none
}

@media (max-width: 1024px) {
    .commun .content>.w1400 .top .search button {
        width:0.21rem;
        height: 0.21rem;
        margin-top: 0.13rem
    }
}

.commun .content>.w1400 .top:after {
    display: block;
    clear: both;
    content: ''
}

.commun .content .box {
    margin-top: 32px
}

@media (max-width: 1024px) {
    .commun .content .box {
        margin-top:0.3rem
    }
}

.commun .content .box .w1400 .box_tabs {
    background: #f7f7f7
}

@media (min-width: 1024px) {
    .commun .content .box .w1400 .box_tabs {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

.commun .content .box .w1400 .box_tabs a {
    width: 14.28%;
    float: left;
    position: relative;
    display: block;
    transition: all 0.5s
}

@media (max-width: 640px) {
    .commun .content .box .w1400 .box_tabs a {
        width:25%
    }
}

.commun .content .box .w1400 .box_tabs a span {
    display: block;
    font-size: 18px;
    color: #999999;
    line-height: 60px;
    text-align: center;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_tabs a span {
        font-size:0.2rem;
        line-height: 0.6rem
    }
}

.commun .content .box .w1400 .box_tabs a em {
    width: 20px;
    height: 10px;
    background: url(../img/download_tabs_icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    transition: all 0.5s;
    opacity: 0
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_tabs a em {
        width:20px;
        height: 10px
    }
}

.commun .content .box .w1400 .box_tabs a.active {
    background: #1479a7
}

.commun .content .box .w1400 .box_tabs a.active span {
    color: #fff
}

.commun .content .box .w1400 .box_tabs a.active em {
    opacity: 1
}

@media (min-width: 1024px) {
    .commun .content .box .w1400 .box_tabs a:hover {
        background:#1479a7
    }

    .commun .content .box .w1400 .box_tabs a:hover span {
        color: #fff
    }

    .commun .content .box .w1400 .box_tabs a:hover em {
        opacity: 1
    }
}

.commun .content .box .w1400 .box_tabs.ani {
    opacity: 1;
    transform: translate(0)
}

.commun .content .box .w1400 .box_tabs:after {
    display: block;
    clear: both;
    content: ''
}

.commun .content .box .w1400 .box_con {
    margin-top: 52px;
    background: #f7f7f7;
    padding-bottom: 82px
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con {
        margin-top:0.3rem;
        padding-bottom: 0.4rem
    }
}

.commun .content .box .w1400 .box_con .filter {
    position: relative;
    z-index: 2
}

@media (min-width: 1024px) {
    .commun .content .box .w1400 .box_con .filter {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.commun .content .box .w1400 .box_con .filter .right {
    float: right;
    width: 208px;
    height: 44px;
    border: 1px solid #d9d9d9;
    margin-top: 25px;
    position: relative;
    margin-right: 29px
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .filter .right {
        width:2rem;
        height: 0.5rem;
        margin-top: 0.2rem;
        margin-right: 0.2rem
    }
}

.commun .content .box .w1400 .box_con .filter .right .tits {
    font-size: 16px;
    color: #888888;
    overflow: hidden;
    line-height: 44px;
    cursor: pointer
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .filter .right .tits {
        line-height:0.5rem;
        font-size: 14px
    }
}

.commun .content .box .w1400 .box_con .filter .right .tits span {
    float: left;
    margin-left: 20px;
    display: block
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .filter .right .tits span {
        margin-left:0.2rem
    }
}

.commun .content .box .w1400 .box_con .filter .right .tits em {
    width: 15px;
    height: 9px;
    background: url(../img/tabs_icon2.png) no-repeat;
    display: block;
    margin-right: 15px;
    float: right;
    margin-top: 18px
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .filter .right .tits em {
        margin-top:0.18rem;
        margin-right: 0.1rem
    }
}

.commun .content .box .w1400 .box_con .filter .right .r_con {
    position: absolute;
    left: 0;
    top: 46px;
    display: none;
    background: #fff;
    width: 100%
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .filter .right .r_con {
        top:0.52rem
    }
}

.commun .content .box .w1400 .box_con .filter .right .r_con a {
    line-height: 38px;
    font-size: 14px;
    color: #888;
    display: block;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 20px;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .filter .right .r_con a {
        line-height:0.4rem;
        padding: 0 0.2rem
    }
}

@media (min-width: 1024px) {
    .commun .content .box .w1400 .box_con .filter .right .r_con a:hover {
        color:#1479a7
    }
}

.commun .content .box .w1400 .box_con .filter:after {
    clear: both;
    display: block;
    content: ''
}

.commun .content .box .w1400 .box_con .filter.ani {
    opacity: 1;
    transform: translate(0)
}

.commun .content .box .w1400 .box_con .list {
    margin-top: 20px;
    padding: 0 28px
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .list {
        margin-top:0.3rem;
        padding: 0 0.2rem
    }
}

.commun .content .box .w1400 .box_con .list ul {
    overflow: hidden
}

.commun .content .box .w1400 .box_con .list ul li {
    width: 31.84%;
    float: left;
    margin-right: 2.24%;
    margin-bottom: 28px
}

@media (min-width: 1024px) {
    .commun .content .box .w1400 .box_con .list ul li {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .list ul li {
        margin-bottom:0.2rem
    }
}

@media (max-width: 880px) {
    .commun .content .box .w1400 .box_con .list ul li {
        width:48.88%
    }
}

@media (max-width: 480px) {
    .commun .content .box .w1400 .box_con .list ul li {
        width:100%
    }
}

.commun .content .box .w1400 .box_con .list ul li .li_con {
    padding: 22px 4.9% 19px;
    background: #fff;
    overflow: hidden
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con {
        padding:0.2rem 3.9% 0.2rem
    }
}

.commun .content .box .w1400 .box_con .list ul li .li_con .left {
    width: 51.42%;
    float: left
}

@media (max-width: 880px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .left {
        width:48%
    }
}

@media (max-width: 480px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .left {
        width:40%
    }
}

.commun .content .box .w1400 .box_con .list ul li .li_con .left img {
    width: 100%;
    display: block
}

.commun .content .box .w1400 .box_con .list ul li .li_con .text {
    float: right;
    width: 43.63%
}

@media (max-width: 1300px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text {
        width:47.63%
    }
}

@media (max-width: 880px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text {
        width:52%
    }
}

@media (max-width: 480px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text {
        width:60%
    }
}

.commun .content .box .w1400 .box_con .list ul li .li_con .text h5 {
    font-size: 20px;
    color: #333333;
    line-height: 32px;
    margin-top: 28px;
    text-align: center
}

@media (max-width: 1100px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text h5 {
        margin-top:18px;
        font-size: 18px
    }
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text h5 {
        margin-top:0.1rem;
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width: 880px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text h5 {
        font-size:0.2rem;
        line-height: 24px
    }
}

@media (max-width: 480px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text h5 {
        margin-top:0.6rem
    }
}

@media (max-width: 380px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text h5 {
        margin-top:0.2rem
    }
}

.commun .content .box .w1400 .box_con .list ul li .li_con .text i {
    width: 55px;
    height: 2px;
    background: #080808;
    display: block;
    margin: 9px auto 50px
}

@media (max-width: 1300px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text i {
        margin:9px auto 26px
    }
}

@media (max-width: 1100px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text i {
        margin:9px auto 16px
    }
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text i {
        margin:0.1rem auto 0.16rem
    }
}

@media (max-width: 880px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text i {
        margin:0.1rem auto 0.1rem
    }
}

.commun .content .box .w1400 .box_con .list ul li .li_con .text a {
    overflow: hidden;
    display: block;
    text-align: center;
    font-size: 0;
    line-height: 36px
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text a {
        line-height:26px
    }
}

.commun .content .box .w1400 .box_con .list ul li .li_con .text a em {
    width: 23px;
    height: 21px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0 3px
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text a em {
        width:0.23rem;
        height: 0.21rem
    }
}

.commun .content .box .w1400 .box_con .list ul li .li_con .text a span {
    font-size: 18px;
    color: #666;
    line-height: 36px;
    margin: 0 3px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition: all 0.5s
}

@media (max-width: 1100px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text a span {
        font-size:16px
    }
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text a span {
        font-size:14px;
        line-height: 26px
    }
}

.commun .content .box .w1400 .box_con .list ul li .li_con .text .online em {
    background: url(../img/commun_icon1.png) no-repeat;
    background-size: cover
}

.commun .content .box .w1400 .box_con .list ul li .li_con .text .download em {
    background: url(../img/commun_icon2.png) no-repeat;
    background-size: cover
}

@media (min-width: 1024px) {
    .commun .content .box .w1400 .box_con .list ul li .li_con .text a:hover span {
        color:#1479a7
    }
}

@media (min-width: 880px) {
    .commun .content .box .w1400 .box_con .list ul li:nth-child(3n) {
        margin-right:0
    }
}

@media (max-width: 880px) {
    .commun .content .box .w1400 .box_con .list ul li:nth-child(2n) {
        margin-right:0
    }
}

.commun .content .box .w1400 .box_con .list ul li.ani {
    opacity: 1;
    transform: translate(0)
}

.commun .content .box .w1400 .box_con .list .page {
    margin-top: 44px;
    padding: 0 122px;
    position: relative;
    background: #f3f3f3
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .list .page {
        margin-top:0.07rem;
        padding: 0
    }
}

.commun .content .box .w1400 .box_con .list .page .pagination {
    text-align: center;
    font-size: 0
}

.commun .content .box .w1400 .box_con .list .page .pagination .prev {
    width: 80px
}

.commun .content .box .w1400 .box_con .list .page .pagination .next {
    width: 80px
}

.commun .content .box .w1400 .box_con .list .page .pagination a {
    width: 28px;
    height: 28px;
    text-align: center;
    display: inline-block;
    margin: 14px 8px;
    border-radius: 3px;
    color: #999999;
    line-height: 28px;
    font-size: 18px;
    font-family: 'Arial';
    transition: all 0.5s;
    vertical-align: middle
}

@media (max-width: 1024px) {
    .commun .content .box .w1400 .box_con .list .page .pagination a {
        margin:8px 0.02rem;
        font-size: 14px
    }
}

.commun .content .box .w1400 .box_con .list .page .pagination a.active {
    background: #de832f;
    color: #fff
}

@media (min-width: 1024px) {
    .commun .content .box .w1400 .box_con .list .page .pagination a:hover {
        background:#de832f;
        color: #fff
    }
}

.commun .content .box .w1400 .box_con .list .page.ani {
    opacity: 1;
    transform: translate(0)
}

.service .ser_banner {
    height: 479px;
    position: relative
}

@media (max-width: 1024px) {
    .service .ser_banner {
        background:none !important;
        height: auto
    }
}

.service .ser_banner .img {
    display: none
}

@media (max-width: 1024px) {
    .service .ser_banner .img {
        display:block
    }
}

.service .ser_banner .img img {
    width: 180%;
    display: block;
    margin-left: -40%
}

@media (max-width: 480px) {
    .service .ser_banner .img img {
        width:200%;
        margin-left: -50%
    }
}

.service .ser_banner .w1400 {
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .service .ser_banner .w1400 {
        position:absolute;
        left: 50%;
        top: 50%;
        margin-left: -48%;
        margin-top: -10%;
        z-index: 2
    }
}

.service .ser_banner .w1400 .en {
    font-size: 40px;
    color: #ffffff;
    line-height: 52px;
    font-family: 'TT0861M_6';
    text-transform: uppercase;
    margin-top: 192px
}

@media (max-width: 1024px) {
    .service .ser_banner .w1400 .en {
        font-size:0.4rem;
        line-height: 0.52rem;
        margin-top: 0;
        text-align: center
    }
}

.service .ser_banner .w1400 .cn {
    font-size: 24px;
    color: #fff;
    line-height: 48px
}

@media (max-width: 1024px) {
    .service .ser_banner .w1400 .cn {
        font-size:0.24rem;
        line-height: 0.48rem;
        text-align: center
    }
}

.service .ser_banner .w1400 .scroll {
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin-top: 18px
}

@media (max-width: 1024px) {
    .service .ser_banner .w1400 .scroll {
        width:0.36rem;
        height: 0.36rem;
        margin: 0.18rem auto 0;
        display: none
    }
}

.service .ser_banner .w1400 .scroll img {
    width: 100%;
    display: block
}

.service .content {
    padding-bottom: 144px
}

@media (max-width: 1024px) {
    .service .content {
        padding-bottom:0.6rem
    }
}

.service .content>.w1400 {
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .service .content>.w1400 {
        width:100%
    }
}

.service .content>.w1400 .top {
    margin-top: 30px
}

@media (max-width: 1024px) {
    .service .content>.w1400 .top {
        margin-top:0
    }
}

.service .content>.w1400 .top .crumbs {
    overflow: hidden;
    font-size: 16px;
    color: #999999;
    line-height: 50px;
    vertical-align: middle;
    float: left
}

@media (max-width: 1024px) {
    .service .content>.w1400 .top .crumbs {
        display:none
    }
}

.service .content>.w1400 .top .crumbs em {
    width: 20px;
    height: 18px;
    display: inline-block;
    background: url(../img/home.png) no-repeat;
    vertical-align: -2px;
    margin-right: 14px
}

.service .content>.w1400 .top .crumbs a {
    color: #999;
    transition: all 0.5s
}

.service .content>.w1400 .top .crumbs a:hover {
    color: #08aaf3
}

.service .content>.w1400 .top .crumbs .crumbs_active {
    display: inline-block;
    vertical-align: top
}

.service .content>.w1400 .top .crumbs .crumbs_active .tit {
    overflow: hidden;
    cursor: pointer
}

.service .content>.w1400 .top .crumbs .crumbs_active .tit .txt {
    font-size: 16px;
    color: #de832f;
    float: left;
    text-decoration: underline
}

.service .content>.w1400 .top .crumbs .crumbs_active .tit em {
    width: 20px;
    height: 18px;
    float: left;
    margin-left: 8px;
    margin-top: 16px;
    background: url(../img/crumbs_icon.png) no-repeat
}

.service .content>.w1400 .top .crumbs .crumbs_active .con {
    position: absolute;
    width: 284px;
    padding: 10px 14px 28px;
    border: 1px solid #dddddd;
    background: #fff;
    display: none
}

.service .content>.w1400 .top .crumbs .crumbs_active .con ul li {
    line-height: 44px
}

.service .content>.w1400 .top .crumbs .crumbs_active .con ul li a {
    color: #999999;
    border-bottom: 1px solid #e8e8e8;
    display: block;
    transition: all 0.5s;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.service .content>.w1400 .top .crumbs .crumbs_active .con ul li a:hover {
    color: #de832f
}

.service .content>.w1400 .top .tabs_m {
    display: none;
    position: relative
}

@media (max-width: 1024px) {
    .service .content>.w1400 .top .tabs_m {
        display:block
    }
}

.service .content>.w1400 .top .tabs_m .tabs_tit {
    overflow: hidden;
    padding: 0 0.6rem 0 0.17rem;
    background: #fff;
    position: relative;
    line-height: 0.8rem;
    height: 0.8rem;
    box-shadow: 0 0.04rem 0.1rem 0 rgba(6,0,1,0.1)
}

.service .content>.w1400 .top .tabs_m .tabs_tit h6 {
    font-size: 0.26rem;
    color: #de832f;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.service .content>.w1400 .top .tabs_m .tabs_tit em {
    width: 0.43rem;
    height: 0.17rem;
    background: url(../img/zhankai.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.17rem;
    top: 0.32rem
}

.service .content>.w1400 .top .tabs_m .tabs_tit.on em {
    background: url(../img/shouqi.jpg) no-repeat;
    background-size: cover
}

.service .content>.w1400 .top .tabs_m .tabs_con {
    position: absolute;
    left: 0;
    top: 0.66rem;
    width: 100%;
    background: #fff;
    display: none
}

.service .content>.w1400 .top .tabs_m .tabs_con ul li {
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0.17rem
}

.service .content>.w1400 .top .tabs_m .tabs_con ul li a {
    line-height: 0.66rem;
    font-size: 0.26rem;
    color: #555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.service .content>.w1400 .top .search {
    display: none;
    float: right;
    width: 258px;
    height: 44px;
    border: 1px solid #d3d3d3;
    border-radius: 44px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .service .content>.w1400 .top .search {
        float:inherit;
        width: 2.58rem;
        height: 0.48rem;
        margin: 0.2rem auto 0;
        border-radius: 0.48rem;
        box-sizing: border-box
    }
}

@media (max-width: 640px) {
    .service .content>.w1400 .top .search {
        width:96%
    }
}

.service .content>.w1400 .top .search input {
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
    color: #333;
    text-indent: 1em;
    width: 216px;
    float: left;
    border: 0 none
}

@media (max-width: 1024px) {
    .service .content>.w1400 .top .search input {
        line-height:0.28rem;
        padding: 0.1rem 0;
        font-size: 14px;
        width: 2.16rem
    }
}

@media (max-width: 640px) {
    .service .content>.w1400 .top .search input {
        width:calc(100% - 0.42rem)
    }
}

.service .content>.w1400 .top .search button {
    width: 21px;
    height: 21px;
    background: url(../img/search_icon.png) no-repeat;
    background-size: cover;
    float: left;
    margin-top: 13px;
    border: 0 none;
    padding: 0;
    outline: none
}

@media (max-width: 1024px) {
    .service .content>.w1400 .top .search button {
        width:0.21rem;
        height: 0.21rem;
        margin-top: 0.13rem
    }
}

.service .content>.w1400 .top:after {
    display: block;
    clear: both;
    content: ''
}

.service .content .box1 {
    margin-top: 64px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .service .content .box1 {
        margin-top:0.4rem
    }
}

.service .content .box1 .left {
    width: 32.14%;
    float: left
}

@media (min-width: 1024px) {
    .service .content .box1 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 750px) {
    .service .content .box1 .left {
        width:100%;
        float: inherit
    }
}

.service .content .box1 .left h5 {
    font-size: 24px;
    color: #333333;
    line-height: 60px;
    margin-top: 60px
}

@media (max-width: 1300px) {
    .service .content .box1 .left h5 {
        margin-top:40px
    }
}

@media (max-width: 1100px) {
    .service .content .box1 .left h5 {
        margin-top:20px
    }
}

@media (max-width: 1024px) {
    .service .content .box1 .left h5 {
        margin-top:0;
        font-size: 0.26rem;
        line-height: 0.5rem
    }
}

.service .content .box1 .left i {
    width: 52px;
    height: 2px;
    background: #0b0b0b;
    display: block
}

.service .content .box1 .left .text {
    margin-top: 52px
}

@media (max-width: 1100px) {
    .service .content .box1 .left .text {
        margin-top:30px
    }
}

@media (max-width: 1024px) {
    .service .content .box1 .left .text {
        margin-top:0.3rem
    }
}

@media (max-width: 750px) {
    .service .content .box1 .left .text {
        margin-top:0.18rem
    }
}

.service .content .box1 .left .text .cn {
    line-height: 30px;
    font-size: 18px;
    color: #666666
}

@media (max-width: 1024px) {
    .service .content .box1 .left .text .cn {
        font-size:14px;
        line-height: 24px
    }
}

.service .content .box1 .left .text .en {
    margin-top: 14px;
    line-height: 26px;
    font-size: 14px;
    color: #999999
}

@media (max-width: 1024px) {
    .service .content .box1 .left .text .en {
        font-size:12px;
        line-height: 20px
    }
}

@media (max-width: 750px) {
    .service .content .box1 .left .text .en {
        margin-top:0
    }
}

.service .content .box1 .left.ani {
    opacity: 1;
    transform: translate(0)
}

.service .content .box1 .right {
    width: 64.92%;
    float: right;
    overflow: hidden
}

@media (min-width: 1024px) {
    .service .content .box1 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 750px) {
    .service .content .box1 .right {
        width:100%;
        float: inherit;
        margin-top: 0.2rem
    }
}

.service .content .box1 .right .r_l {
    float: left;
    width: 50.27%
}

.service .content .box1 .right .r_l .r_l_top {
    overflow: hidden
}

.service .content .box1 .right .r_l .r_l_top .img1 {
    width: 49.01%;
    overflow: hidden;
    float: left
}

.service .content .box1 .right .r_l .r_l_top .img1 img {
    width: 100%;
    display: block
}

.service .content .box1 .right .r_l .r_l_top .img2 {
    width: 49.01%;
    overflow: hidden;
    float: right
}

.service .content .box1 .right .r_l .r_l_top .img2 img {
    width: 100%;
    display: block
}

.service .content .box1 .right .r_l .r_l_bot {
    margin-top: 8px;
    width: 100%;
    display: block;
    overflow: hidden
}

@media (max-width: 1024px) {
    .service .content .box1 .right .r_l .r_l_bot {
        margin-top:3px
    }
}

.service .content .box1 .right .r_l .r_l_bot img {
    width: 100%;
    display: block
}

.service .content .box1 .right .r_r {
    float: right;
    width: 48.62%;
    overflow: hidden
}

.service .content .box1 .right .r_r img {
    width: 100%;
    display: block
}

.service .content .box1 .right.ani {
    opacity: 1;
    transform: translate(0)
}

.service .content .box2 {
    margin-top: 100px;
    height: 568px
}

@media (min-width: 1024px) {
    .service .content .box2 {
        opacity:0;
        transition: all 0.5s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .service .content .box2 {
        margin-top:0.5rem;
        height: auto;
        padding: 0.3rem 0
    }
}

.service .content .box2 .w1400 {
    overflow: hidden
}

@media (min-width: 1024px) {
    .service .content .box2 .w1400 {
        opacity:0;
        transition: all 0.8s 0.5s;
        transform: translateX(80px)
    }
}

.service .content .box2 .w1400 .con {
    width: 448px;
    height: 188px;
    padding: 46px 44px 70px 44px;
    background: #fff;
    float: right;
    margin-top: 145px
}

@media (max-width: 1024px) {
    .service .content .box2 .w1400 .con {
        margin-top:0
    }
}

@media (max-width: 640px) {
    .service .content .box2 .w1400 .con {
        width:auto;
        height: auto;
        padding: 0.2rem 0.4rem 0.4rem 0.4rem
    }
}

.service .content .box2 .w1400 .con h5 {
    line-height: 60px;
    font-size: 24px;
    color: #333333
}

@media (max-width: 1024px) {
    .service .content .box2 .w1400 .con h5 {
        font-size:0.26rem;
        line-height: 0.6rem
    }
}

.service .content .box2 .w1400 .con i {
    width: 52px;
    height: 2px;
    background: #0b0b0b;
    display: block
}

.service .content .box2 .w1400 .con .text {
    font-size: 18px;
    color: #666666;
    margin-top: 31px;
    line-height: 32px
}

@media (max-width: 1024px) {
    .service .content .box2 .w1400 .con .text {
        font-size:16px;
        margin-top: 0.3rem;
        line-height: 26px
    }
}

.service .content .box2 .w1400.ani {
    opacity: 1;
    transform: translate(0)
}

.service .content .box2.ani {
    opacity: 1;
    transform: translate(0)
}

.service .content .box3 .w1400 .tit {
    margin-top: 53px;
    text-align: center
}

@media (min-width: 1024px) {
    .service .content .box3 .w1400 .tit {
        opacity:0;
        transition: all 0.5s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .service .content .box3 .w1400 .tit {
        margin-top:0.3rem
    }
}

.service .content .box3 .w1400 .tit h5 {
    line-height: 72px;
    font-size: 24px;
    color: #333333
}

@media (max-width: 1024px) {
    .service .content .box3 .w1400 .tit h5 {
        font-size:0.26rem;
        line-height: 0.6rem
    }
}

.service .content .box3 .w1400 .tit i {
    width: 52px;
    height: 2px;
    background: #0b0b0b;
    margin: 0 auto;
    display: block
}

.service .content .box3 .w1400 .tit.ani {
    opacity: 1;
    transform: translate(0)
}

.service .content .box3 .w1400 .list {
    padding: 0 26px;
    margin-top: 75px
}

@media (max-width: 1420px) {
    .service .content .box3 .w1400 .list {
        padding:0
    }
}

@media (max-width: 1024px) {
    .service .content .box3 .w1400 .list {
        padding:0;
        margin-top: 0.4rem
    }
}

.service .content .box3 .w1400 .list ul li {
    float: left;
    width: 23.88%;
    background: #fff;
    overflow: hidden;
    margin-right: 10px;
    transition: all 0.5s;
    cursor: pointer;
    margin-bottom: 9px;
    height: 108px;
    overflow: hidden
}

@media (min-width: 1024px) {
    .service .content .box3 .w1400 .list ul li {
        opacity:0;
        transition: all 0.5s;
        transform: translateY(80px)
    }
}

@media (max-width: 1360px) {
    .service .content .box3 .w1400 .list ul li {
        margin-right:0;
        width: 25%
    }
}

@media (max-width: 1024px) {
    .service .content .box3 .w1400 .list ul li {
        width:33.33%;
        margin-bottom: 0;
        height: 1rem
    }
}

@media (max-width: 750px) {
    .service .content .box3 .w1400 .list ul li {
        width:48%;
        margin: 0 1%;
        border: 1px solid #e1e1e1;
        margin-bottom: 0.12rem;
        box-sizing: border-box
    }
}

@media (max-width: 420px) {
    .service .content .box3 .w1400 .list ul li {
        height:1.8rem
    }
}

.service .content .box3 .w1400 .list ul li .li_con {
    padding: 27px 0 27px 30.4%;
    position: relative
}

@media (max-width: 1360px) {
    .service .content .box3 .w1400 .list ul li .li_con {
        padding:27px 0 27px 26.4%
    }
}

@media (max-width: 1024px) {
    .service .content .box3 .w1400 .list ul li .li_con {
        padding:0.1rem 0 0.1rem 0.76rem
    }
}

@media (max-width: 420px) {
    .service .content .box3 .w1400 .list ul li .li_con {
        padding:0.16rem 0 0.3rem
    }
}

.service .content .box3 .w1400 .list ul li .li_con .icon {
    width: 56px;
    height: 61px;
    position: absolute;
    left: 5.62%;
    top: 27px
}

@media (max-width: 1360px) {
    .service .content .box3 .w1400 .list ul li .li_con .icon {
        left:1.62%
    }
}

@media (max-width: 1024px) {
    .service .content .box3 .w1400 .list ul li .li_con .icon {
        width:0.56rem;
        height: 0.61rem;
        left: 0.1rem;
        top: 0.27rem
    }
}

@media (max-width: 640px) {
    .service .content .box3 .w1400 .list ul li .li_con .icon {
        top:0.1rem
    }
}

@media (max-width: 420px) {
    .service .content .box3 .w1400 .list ul li .li_con .icon {
        position:inherit;
        left: inherit;
        top: inherit;
        left: inherit;
        top: inherit;
        margin: 0 auto
    }
}

.service .content .box3 .w1400 .list ul li .li_con .icon img {
    width: 100%;
    display: block
}

@media (max-width: 420px) {
    .service .content .box3 .w1400 .list ul li .li_con .text {
        text-align:center
    }
}

.service .content .box3 .w1400 .list ul li .li_con .text h5 {
    font-size: 20px;
    color: #333333;
    line-height: 32px;
    font-weight: normal
}

@media (max-width: 1420px) {
    .service .content .box3 .w1400 .list ul li .li_con .text h5 {
        font-size:18px
    }
}

@media (max-width: 1360px) {
    .service .content .box3 .w1400 .list ul li .li_con .text h5 {
        font-size:16px
    }
}

@media (max-width: 1024px) {
    .service .content .box3 .w1400 .list ul li .li_con .text h5 {
        line-height:28px
    }
}

@media (max-width: 640px) {
    .service .content .box3 .w1400 .list ul li .li_con .text h5 {
        line-height:20px
    }
}

@media (max-width: 420px) {
    .service .content .box3 .w1400 .list ul li .li_con .text h5 {
        font-size:14px
    }
}

.service .content .box3 .w1400 .list ul li .li_con .text .en {
    font-size: 16px;
    color: #999999;
    line-height: 22px
}

@media (max-width: 1420px) {
    .service .content .box3 .w1400 .list ul li .li_con .text .en {
        font-size:14px
    }
}

@media (max-width: 640px) {
    .service .content .box3 .w1400 .list ul li .li_con .text .en {
        font-size:12px;
        line-height: 16px;
        display: none
    }
}

@media (max-width: 420px) {
    .service .content .box3 .w1400 .list ul li .li_con .text .en {
        font-size:12px;
        line-height: 12px;
        display: block
    }
}

.service .content .box3 .w1400 .list ul li:nth-child(4n) {
    margin-right: 0
}

@media (min-width: 1024px) {
    .service .content .box3 .w1400 .list ul li:hover {
        box-shadow:0 0 15px 0 rgba(0,0,0,0.15)
    }
}

.service .content .box3 .w1400 .list ul li.ani {
    opacity: 1;
    transform: translate(0)
}

.service .content .box3 .w1400 .list ul:after {
    clear: both;
    display: block;
    content: ''
}

.service_mark {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000
}

.service_mark .mark {
    width: 866px;
    height: 800px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    margin: -400px 0 0 -433px
}

@media (max-height: 850px) {
    .service_mark .mark {
        height:600px;
        margin: -300px 0 0 -433px
    }
}

@media (max-height: 750px) {
    .service_mark .mark {
        height:500px;
        margin: -250px 0 0 -433px
    }
}

@media (max-width: 1200px) {
    .service_mark .mark {
        width:90%;
        height: 500px;
        margin: -250px 0 0 -45%
    }
}

@media (max-width: 1024px) {
    .service_mark .mark {
        height:5rem;
        margin: -2.5rem 0 0 -45%
    }
}

.service_mark .mark .mark_con {
    padding: 16px 70px 20px;
    background: #fff
}

@media (max-width: 1024px) {
    .service_mark .mark .mark_con {
        padding:0.14rem 0.2rem 0.4rem
    }
}

.service_mark .mark .mark_con h5 {
    font-size: 23px;
    color: #333333;
    line-height: 48px;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid #eaeaea
}

@media (max-width: 1024px) {
    .service_mark .mark .mark_con h5 {
        font-size:0.26rem;
        line-height: 0.48rem
    }
}

.service_mark .mark .mark_con .close {
    width: 40px;
    height: 35px;
    background: url(../img/close_icon1.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
    cursor: pointer
}

@media (max-width: 1024px) {
    .service_mark .mark .mark_con .close {
        width:0.4rem;
        height: 0.35rem;
        right: 0.2rem;
        top: 0.2rem
    }
}

.service_mark .mark .mark_con .text {
    height: 700px;
    margin-top: 14px;
    font-size: 14px;
    line-height: 28px;
    color: #333
}

@media (max-height: 850px) {
    .service_mark .mark .mark_con .text {
        height:500px
    }
}

@media (max-height: 750px) {
    .service_mark .mark .mark_con .text {
        height:400px
    }
}

@media (max-width: 1024px) {
    .service_mark .mark .mark_con .text {
        height:4rem;
        margin-top: 0.3rem
    }
}

.service_mark .mark .mark_con .text img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.training .training_banner {
    height: 479px;
    position: relative
}

@media (max-width: 1024px) {
    .training .training_banner {
        background:none !important;
        height: auto
    }
}

.training .training_banner .img {
    display: none
}

@media (max-width: 1024px) {
    .training .training_banner .img {
        display:block
    }
}

.training .training_banner .img img {
    width: 180%;
    display: block;
    margin-left: -40%
}

@media (max-width: 480px) {
    .training .training_banner .img img {
        width:200%;
        margin-left: -50%
    }
}

.training .training_banner .w1400 {
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .training .training_banner .w1400 {
        position:absolute;
        left: 50%;
        top: 50%;
        margin-left: -48%;
        margin-top: -10%;
        z-index: 2
    }
}

.training .training_banner .w1400 .en {
    font-size: 40px;
    color: #ffffff;
    line-height: 52px;
    font-family: 'TT0861M_6';
    text-transform: uppercase;
    margin-top: 192px
}

@media (max-width: 1024px) {
    .training .training_banner .w1400 .en {
        font-size:0.4rem;
        line-height: 0.52rem;
        margin-top: 0;
        text-align: center
    }
}

.training .training_banner .w1400 .cn {
    font-size: 24px;
    color: #fff;
    line-height: 48px
}

@media (max-width: 1024px) {
    .training .training_banner .w1400 .cn {
        font-size:0.24rem;
        line-height: 0.48rem;
        text-align: center
    }
}

.training .training_banner .w1400 .scroll {
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin-top: 18px
}

@media (max-width: 1024px) {
    .training .training_banner .w1400 .scroll {
        width:0.36rem;
        height: 0.36rem;
        margin-top: 0.18rem;
        margin: 0.18rem auto 0;
        display: none
    }
}

.training .training_banner .w1400 .scroll img {
    width: 100%;
    display: block
}

.training .content {
    padding-bottom: 63px
}

@media (max-width: 1024px) {
    .training .content {
        padding-bottom:0.4rem
    }
}

.training .content>.w1400 {
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .training .content>.w1400 {
        width:100%
    }
}

.training .content>.w1400 .top {
    margin-top: 30px
}

@media (max-width: 1024px) {
    .training .content>.w1400 .top {
        margin-top:0
    }
}

.training .content>.w1400 .top .crumbs {
    overflow: hidden;
    font-size: 16px;
    color: #999999;
    line-height: 50px;
    vertical-align: middle;
    float: left
}

@media (max-width: 1024px) {
    .training .content>.w1400 .top .crumbs {
        display:none
    }
}

.training .content>.w1400 .top .crumbs em {
    width: 20px;
    height: 18px;
    display: inline-block;
    background: url(../img/home.png) no-repeat;
    vertical-align: -2px;
    margin-right: 14px
}

.training .content>.w1400 .top .crumbs a {
    color: #999;
    transition: all 0.5s
}

.training .content>.w1400 .top .crumbs a:hover {
    color: #08aaf3
}

.training .content>.w1400 .top .crumbs .crumbs_active {
    display: inline-block;
    vertical-align: top
}

.training .content>.w1400 .top .crumbs .crumbs_active .tit {
    overflow: hidden;
    cursor: pointer
}

.training .content>.w1400 .top .crumbs .crumbs_active .tit .txt {
    font-size: 16px;
    color: #de832f;
    float: left;
    text-decoration: underline
}

.training .content>.w1400 .top .crumbs .crumbs_active .tit em {
    width: 20px;
    height: 18px;
    float: left;
    margin-left: 8px;
    margin-top: 16px;
    background: url(../img/crumbs_icon.png) no-repeat
}

.training .content>.w1400 .top .crumbs .crumbs_active .con {
    position: absolute;
    width: 284px;
    padding: 10px 14px 28px;
    border: 1px solid #dddddd;
    background: #fff;
    display: none
}

.training .content>.w1400 .top .crumbs .crumbs_active .con ul li {
    line-height: 44px
}

.training .content>.w1400 .top .crumbs .crumbs_active .con ul li a {
    color: #999999;
    border-bottom: 1px solid #e8e8e8;
    display: block;
    transition: all 0.5s;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.training .content>.w1400 .top .crumbs .crumbs_active .con ul li a:hover {
    color: #de832f
}

.training .content>.w1400 .top .tabs_m {
    display: none;
    position: relative
}

@media (max-width: 1024px) {
    .training .content>.w1400 .top .tabs_m {
        display:block
    }
}

.training .content>.w1400 .top .tabs_m .tabs_tit {
    overflow: hidden;
    padding: 0 0.6rem 0 0.17rem;
    background: #fff;
    position: relative;
    line-height: 0.8rem;
    height: 0.8rem;
    box-shadow: 0 0.04rem 0.1rem 0 rgba(6,0,1,0.1)
}

.training .content>.w1400 .top .tabs_m .tabs_tit h6 {
    font-size: 0.26rem;
    color: #de832f;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.training .content>.w1400 .top .tabs_m .tabs_tit em {
    width: 0.43rem;
    height: 0.17rem;
    background: url(../img/zhankai.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.17rem;
    top: 0.32rem
}

.training .content>.w1400 .top .tabs_m .tabs_tit.on em {
    background: url(../img/shouqi.jpg) no-repeat;
    background-size: cover
}

.training .content>.w1400 .top .tabs_m .tabs_con {
    position: absolute;
    left: 0;
    top: 0.66rem;
    width: 100%;
    background: #fff;
    display: none
}

.training .content>.w1400 .top .tabs_m .tabs_con ul li {
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0.17rem
}

.training .content>.w1400 .top .tabs_m .tabs_con ul li a {
    line-height: 0.66rem;
    font-size: 0.26rem;
    color: #555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.training .content>.w1400 .top .search {
    display: none;
    float: right;
    width: 258px;
    height: 44px;
    border: 1px solid #d3d3d3;
    border-radius: 44px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .training .content>.w1400 .top .search {
        float:inherit;
        width: 2.58rem;
        height: 0.48rem;
        margin: 0.2rem auto 0;
        border-radius: 0.48rem;
        box-sizing: border-box
    }
}

@media (max-width: 640px) {
    .training .content>.w1400 .top .search {
        width:96%
    }
}

.training .content>.w1400 .top .search input {
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
    color: #333;
    text-indent: 1em;
    width: 216px;
    float: left;
    border: 0 none
}

@media (max-width: 1024px) {
    .training .content>.w1400 .top .search input {
        line-height:0.28rem;
        padding: 0.1rem 0;
        font-size: 14px;
        width: 2.16rem
    }
}

@media (max-width: 640px) {
    .training .content>.w1400 .top .search input {
        width:calc(100% - 0.42rem)
    }
}

.training .content>.w1400 .top .search button {
    width: 21px;
    height: 21px;
    background: url(../img/search_icon.png) no-repeat;
    background-size: cover;
    float: left;
    margin-top: 13px;
    border: 0 none;
    padding: 0;
    outline: none
}

@media (max-width: 1024px) {
    .training .content>.w1400 .top .search button {
        width:0.21rem;
        height: 0.21rem;
        margin-top: 0.13rem
    }
}

.training .content>.w1400 .top:after {
    display: block;
    clear: both;
    content: ''
}

.training .content .box1 {
    margin-top: 85px
}

@media (max-width: 1024px) {
    .training .content .box1 {
        margin-top:0.4rem
    }
}

.training .content .box1 .w1400 {
    overflow: hidden
}

.training .content .box1 .w1400 .left {
    width: 36.28%;
    float: left
}

@media (min-width: 1024px) {
    .training .content .box1 .w1400 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1420px) {
    .training .content .box1 .w1400 .left {
        width:40.28%
    }
}

@media (max-width: 750px) {
    .training .content .box1 .w1400 .left {
        width:100%;
        float: inherit
    }
}

.training .content .box1 .w1400 .left h5 {
    font-size: 24px;
    color: #333333;
    line-height: 60px
}

@media (max-width: 1024px) {
    .training .content .box1 .w1400 .left h5 {
        font-size:0.26rem;
        line-height: 0.6rem
    }
}

.training .content .box1 .w1400 .left i {
    width: 52px;
    height: 2px;
    background: #0b0b0b;
    display: block
}

.training .content .box1 .w1400 .left .list {
    margin-top: 55px
}

@media (max-width: 1024px) {
    .training .content .box1 .w1400 .left .list {
        margin-top:0.2rem
    }
}

.training .content .box1 .w1400 .left .list ul li {
    position: relative;
    padding: 0 0 0 62px;
    margin-bottom: 36px
}

@media (max-width: 1024px) {
    .training .content .box1 .w1400 .left .list ul li {
        padding:0 0 0 0.62rem;
        margin-bottom: 0.2rem
    }
}

@media (max-width: 750px) {
    .training .content .box1 .w1400 .left .list ul li {
        margin-bottom:0.34rem
    }
}

.training .content .box1 .w1400 .left .list ul li .icon {
    width: 41px;
    height: 39px;
    position: absolute;
    left: 7px;
    top: 7px
}

@media (max-width: 1024px) {
    .training .content .box1 .w1400 .left .list ul li .icon {
        width:0.41rem;
        height: 0.39rem;
        left: 0.07rem;
        top: 0
    }
}

.training .content .box1 .w1400 .left .list ul li .icon img {
    width: 100%;
    display: block
}

.training .content .box1 .w1400 .left .list ul li .text {
    font-size: 16px;
    color: #888888;
    line-height: 24px
}

@media (max-width: 1024px) {
    .training .content .box1 .w1400 .left .list ul li .text {
        font-size:14px
    }
}

.training .content .box1 .w1400 .left.ani {
    opacity: 1;
    transform: translate(0)
}

.training .content .box1 .w1400 .right {
    width: 57.14%;
    float: right;
    overflow: hidden;
    height: 406px;
    position: relative
}

@media (min-width: 1024px) {
    .training .content .box1 .w1400 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 1024px) {
    .training .content .box1 .w1400 .right {
        height:4rem
    }
}

@media (max-width: 750px) {
    .training .content .box1 .w1400 .right {
        width:100%;
        float: inherit;
        height: auto;
        background: none !important
    }
}

@media (max-width: 1024px) {
    .training .content .box1 .w1400 .right .slider {
        display:none
    }
}

.training .content .box1 .w1400 .right .slider ul {
    overflow: hidden;
    position: relative
}

.training .content .box1 .w1400 .right .slider ul li {
    width: 100%;
    height: 406px;
    float: left
}

.training .content .box1 .w1400 .right .slider ol {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
    font-size: 0
}

.training .content .box1 .w1400 .right .slider ol li {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #006e9f;
    opacity: 0.5;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
    transition: all 0.3s;
    cursor: pointer
}

.training .content .box1 .w1400 .right .slider ol li.active {
    width: 36px;
    opacity: 1
}

.training .content .box1 .w1400 .right .m_slider {
    display: none
}

@media (max-width: 1024px) {
    .training .content .box1 .w1400 .right .m_slider {
        display:block
    }
}

.training .content .box1 .w1400 .right .m_slider .swiper-box1 .swiper-wrapper .swiper-slide {
    min-height: 0
}

.training .content .box1 .w1400 .right .m_slider .swiper-box1 .swiper-wrapper .swiper-slide img {
    width: 100%;
    display: block
}

.training .content .box1 .w1400 .right .m_slider .swiper-box1 .swiper-pagination .swiper-pagination-bullet {
    background: #006e9f;
    opacity: 0.5;
    border-radius: 8px
}

.training .content .box1 .w1400 .right .m_slider .swiper-box1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    opacity: 1
}

.training .content .box1 .w1400 .right.ani {
    opacity: 1;
    transform: translate(0)
}

.training .content .box2 {
    overflow: hidden;
    padding-bottom: 102px
}

@media (max-width: 1024px) {
    .training .content .box2 {
        padding-bottom:1rem
    }
}

@media (max-width: 420px) {
    .training .content .box2 {
        padding-bottom:0.4rem
    }
}

.training .content .box2 .w1400 h5 {
    font-size: 24px;
    color: #333;
    line-height: 58px;
    margin-top: 35px;
    text-align: center
}

@media (min-width: 1024px) {
    .training .content .box2 .w1400 h5 {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .training .content .box2 .w1400 h5 {
        font-size:0.26rem;
        line-height: 0.5rem;
        margin-top: 0.3rem
    }
}

.training .content .box2 .w1400 h5.ani {
    opacity: 1;
    transform: translate(0)
}

.training .content .box2 .w1400 i {
    width: 52px;
    height: 2px;
    background: rgba(0,0,0,0.5);
    display: block;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .training .content .box2 .w1400 i {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

.training .content .box2 .w1400 i.ani {
    opacity: 1;
    transform: translate(0)
}

.training .content .box2 .w1400 .list {
    margin-top: 50px
}

@media (max-width: 1024px) {
    .training .content .box2 .w1400 .list {
        margin-top:0.3rem
    }
}

.training .content .box2 .w1400 .list>ul {
    overflow: hidden
}

.training .content .box2 .w1400 .list>ul>li {
    float: left;
    width: 18.78%;
    background: #fff;
    padding-bottom: 22px;
    position: relative;
    cursor: pointer;
    margin-right: 1.525%
}

@media (min-width: 1024px) {
    .training .content .box2 .w1400 .list>ul>li {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .training .content .box2 .w1400 .list>ul>li {
        width:32.316%;
        margin-bottom: 0.2rem;
        padding-bottom: 0
    }
}

@media (max-width: 750px) {
    .training .content .box2 .w1400 .list>ul>li {
        width:48.475%
    }
}

.training .content .box2 .w1400 .list>ul>li .pic {
    width: 100%;
    display: block;
    overflow: hidden
}

.training .content .box2 .w1400 .list>ul>li .pic img {
    width: 100%;
    display: block
}

.training .content .box2 .w1400 .list>ul>li .text {
    margin-top: 20px
}

@media (max-width: 1024px) {
    .training .content .box2 .w1400 .list>ul>li .text {
        margin-top:0.2rem;
        height: 60px;
        padding-bottom: 0.2rem
    }
}

.training .content .box2 .w1400 .list>ul>li .text h6 {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    text-align: center;
    font-weight: normal
}

@media (max-width: 1024px) {
    .training .content .box2 .w1400 .list>ul>li .text h6 {
        font-size:16px;
        line-height: 26px
    }
}

.training .content .box2 .w1400 .list>ul>li .text .txt {
    font-size: 16px;
    color: #888888;
    line-height: 28px;
    text-align: center
}

@media (max-width: 1200px) {
    .training .content .box2 .w1400 .list>ul>li .text .txt {
        font-size:14px
    }
}

@media (max-width: 1024px) {
    .training .content .box2 .w1400 .list>ul>li .text .txt {
        line-height:16px
    }
}

.training .content .box2 .w1400 .list>ul>li .li_mark {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #333333;
    overflow: hidden;
    transition: all 0.5s;
    opacity: 0
}

.training .content .box2 .w1400 .list>ul>li .li_mark h6 {
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    margin-top: 56px;
    font-weight: normal
}

.training .content .box2 .w1400 .list>ul>li .li_mark ol {
    padding: 0 22px;
    overflow: hidden;
    margin-top: 18px
}

@media (max-width: 1400px) {
    .training .content .box2 .w1400 .list>ul>li .li_mark ol {
        padding:0 14px
    }
}

@media (max-width: 1300px) {
    .training .content .box2 .w1400 .list>ul>li .li_mark ol {
        padding:0 6px
    }
}

.training .content .box2 .w1400 .list>ul>li .li_mark ol li {
    float: left;
    font-size: 16px;
    opacity: 0.63;
    color: #fff;
    margin-right: 18px;
    margin-left: 26px;
    list-style: initial;
    line-height: 26px
}

@media (max-width: 1400px) {
    .training .content .box2 .w1400 .list>ul>li .li_mark ol li {
        margin-right:12px
    }
}

@media (max-width: 1200px) {
    .training .content .box2 .w1400 .list>ul>li .li_mark ol li {
        font-size:14px;
        margin-right: 0px
    }
}

.training .content .box2 .w1400 .list>ul>li .li_mark ol li:nth-child(2n) {
    margin-right: 0
}

.training .content .box2 .w1400 .list>ul>li:last-child {
    margin-right: 0
}

.training .content .box2 .w1400 .list>ul>li.ani {
    opacity: 1;
    transform: translate(0)
}

@media (min-width: 1024px) {
    .training .content .box2 .w1400 .list>ul>li:hover .li_mark {
        left:0;
        opacity: 1;
        transform: rotateY(0)
    }
}

@media (max-width: 1024px) and (min-width: 750px) {
    .training .content .box2 .w1400 .list>ul>li:nth-child(3n) {
        margin-right:0
    }
}

@media (max-width: 1024px) {
    .training .content .box2 .w1400 .list>ul>li:nth-child(2n) {
        margin-right:0
    }
}

.training .content .box3 .w1400 {
    overflow: hidden
}

.training .content .box3 .w1400 .left {
    width: 39.92%;
    float: left;
    overflow: hidden;
    margin-top: 88px
}

@media (min-width: 1024px) {
    .training .content .box3 .w1400 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1024px) {
    .training .content .box3 .w1400 .left {
        margin-top:0.6rem
    }
}

@media (max-width: 480px) {
    .training .content .box3 .w1400 .left {
        display:none
    }
}

.training .content .box3 .w1400 .left img {
    width: 100%;
    display: block
}

.training .content .box3 .w1400 .left.ani {
    opacity: 1;
    transform: translate(0)
}

.training .content .box3 .w1400 .right {
    float: right;
    width: 49.28%;
    margin-top: 166px
}

@media (min-width: 1024px) {
    .training .content .box3 .w1400 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 1300px) {
    .training .content .box3 .w1400 .right {
        margin-top:120px
    }
}

@media (max-width: 1100px) {
    .training .content .box3 .w1400 .right {
        margin-top:110px
    }
}

@media (max-width: 1024px) {
    .training .content .box3 .w1400 .right {
        margin-top:0.8rem;
        width: 59.28%
    }
}

@media (max-width: 640px) {
    .training .content .box3 .w1400 .right {
        margin-top:0.4rem
    }
}

@media (max-width: 480px) {
    .training .content .box3 .w1400 .right {
        width:100%
    }
}

.training .content .box3 .w1400 .right a {
    display: block;
    border: 1px solid #d2d2d2;
    line-height: 90px;
    overflow: hidden;
    margin-bottom: 34px
}

@media (max-width: 1024px) {
    .training .content .box3 .w1400 .right a {
        line-height:0.7rem;
        margin-bottom: 0.3rem
    }
}

.training .content .box3 .w1400 .right a .icon {
    width: 28px;
    height: 29px;
    overflow: hidden;
    float: left;
    margin-left: 36px;
    margin-top: 32px
}

@media (max-width: 1024px) {
    .training .content .box3 .w1400 .right a .icon {
        width:0.28rem;
        height: 0.29rem;
        margin-left: 0.3rem;
        margin-top: 0.22rem
    }
}

.training .content .box3 .w1400 .right a .icon img {
    width: 100%;
    display: block
}

.training .content .box3 .w1400 .right a h6 {
    font-size: 18px;
    color: #333333;
    float: left;
    margin-left: 16px;
    font-weight: normal;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .training .content .box3 .w1400 .right a h6 {
        font-size:16px;
        margin-left: 0.16rem
    }
}

.training .content .box3 .w1400 .right a em {
    width: 37px;
    height: 18px;
    background: url(../img/training_box3_icon4.png) no-repeat;
    background-size: cover;
    float: right;
    margin-right: 40px;
    margin-top: 36px
}

@media (max-width: 1024px) {
    .training .content .box3 .w1400 .right a em {
        width:0.37rem;
        height: 0.18rem;
        margin-right: 0.4rem;
        margin-top: 0.26rem
    }
}

.training .content .box3 .w1400 .right .a3 em {
    width: 21px;
    height: 20px;
    background: url(../img/training_box3_icon5.png) no-repeat;
    background-size: cover;
    margin-top: 35px;
    margin-right: 50px
}

@media (max-width: 1024px) {
    .training .content .box3 .w1400 .right .a3 em {
        width:0.21rem;
        height: 0.20rem;
        margin-right: 0.35rem;
        margin-top: 0.25rem
    }
}

@media (min-width: 1024px) {
    .training .content .box3 .w1400 .right a:hover h6 {
        color:#de832f
    }
}

.training .content .box3 .w1400 .right .form_contact {
    margin-top: 10px
}

@media (max-width: 1024px) {
    .training .content .box3 .w1400 .right .form_contact {
        margin-top:0.2rem
    }
}

.training .content .box3 .w1400 .right .form_contact dl {
    overflow: hidden
}

.training .content .box3 .w1400 .right .form_contact dl dd {
    font-size: 16px;
    padding-left: 30px;
    color: #666;
    line-height: 38px;
    float: left;
    margin-right: 10px
}

@media (max-width: 1024px) {
    .training .content .box3 .w1400 .right .form_contact dl dd {
        margin-bottom:0.1rem
    }
}

.training .content .box3 .w1400 .right .form_contact dl dd.name {
    background: url(../img/lx_ll.png) no-repeat left center
}

.training .content .box3 .w1400 .right .form_contact dl dd.tel {
    background: url(../img/tel_ll.png) no-repeat left center
}

.training .content .box3 .w1400 .right .form_contact dl dd.email {
    background: url(../img/email_ll.png) no-repeat left center
}

@media (max-width: 1024px) {
    .training .content .box3 .w1400 .right .form_contact dl dd {
        font-size:14px;
        line-height: 0.4rem
    }
}

.training .content .box3 .w1400 .right.ani {
    opacity: 1;
    transform: translate(0)
}

.online_reg {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: -10;
    opacity: 0
}

.online_reg .mark {
    width: 1066px;
    height: 650px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    margin: -325px 0 0 -533px
}

@media (max-width: 1200px) {
    .online_reg .mark {
        width:90%;
        height: 500px;
        margin: -250px 0 0 -45%
    }
}

@media (max-width: 1024px) {
    .online_reg .mark {
        height:5rem;
        margin: -2.5rem 0 0 -45%
    }
}

.online_reg .mark .mark_con {
    padding: 16px 70px 30px;
    background: #fff
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con {
        padding:0.14rem 0.2rem 0.4rem
    }
}

.online_reg .mark .mark_con h5 {
    font-size: 23px;
    color: #333333;
    line-height: 48px;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid #eaeaea
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con h5 {
        font-size:0.26rem;
        line-height: 0.48rem
    }
}

.online_reg .mark .mark_con .close {
    width: 40px;
    height: 35px;
    background: url(../img/close_icon1.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
    cursor: pointer
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .close {
        width:0.4rem;
        height: 0.35rem;
        right: 0.2rem;
        top: 0.2rem
    }
}

.online_reg .mark .mark_con .form {
    margin-top: 34px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form {
        margin-top:0.33rem
    }
}

.online_reg .mark .mark_con .form .form_con {
    height: 580px;
    overflow: hidden
}

@media (max-width: 1200px) {
    .online_reg .mark .mark_con .form .form_con {
        height:400px
    }
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con {
        height:4rem
    }
}

.online_reg .mark .mark_con .form .form_con .t {
    overflow: hidden;
    margin-bottom: 10px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t {
        margin-bottom:0.2rem
    }
}

.online_reg .mark .mark_con .form .form_con .t .t_l {
    width: 46.43%;
    float: left
}

@media (max-width: 480px) {
    .online_reg .mark .mark_con .form .form_con .t .t_l {
        width:100%;
        float: inherit;
        margin-bottom: 0.2rem
    }
}

.online_reg .mark .mark_con .form .form_con .t .t_l .txt {
    position: relative;
    padding: 0 14px 0 104px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t .t_l .txt {
        padding:0 14px 0 70px
    }
}

.online_reg .mark .mark_con .form .form_con .t .t_l .txt span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #666666;
    line-height: 36px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t .t_l .txt span {
        font-size:14px;
        line-height: 0.4rem
    }
}

.online_reg .mark .mark_con .form .form_con .t .t_l .txt input {
    border: 1px solid #dcdcdc;
    padding: 6px 0;
    line-height: 26px;
    font-size: 16px;
    color: #666;
    text-indent: 1em;
    width: 100%;
    display: block;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t .t_l .txt input {
        padding:0.06rem 0;
        line-height: 0.28rem;
        font-size: 14px
    }
}

.online_reg .mark .mark_con .form .form_con .t .t_l .txt .red {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: red;
    left: inherit;
    line-height: 36px
}

.online_reg .mark .mark_con .form .form_con .t .t_r {
    width: 46.43%;
    float: right
}

@media (max-width: 480px) {
    .online_reg .mark .mark_con .form .form_con .t .t_r {
        width:100%;
        float: inherit
    }
}

.online_reg .mark .mark_con .form .form_con .t .t_r .txt {
    position: relative;
    padding: 0 14px 0 104px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t .t_r .txt {
        padding:0 14px 0 70px
    }
}

.online_reg .mark .mark_con .form .form_con .t .t_r .txt span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #666666;
    line-height: 36px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t .t_r .txt span {
        font-size:14px;
        line-height: 0.4rem
    }
}

.online_reg .mark .mark_con .form .form_con .t .t_r .txt input {
    border: 1px solid #dcdcdc;
    padding: 6px 0;
    line-height: 26px;
    font-size: 16px;
    color: #666;
    text-indent: 1em;
    width: 100%;
    display: block;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t .t_r .txt input {
        padding:0.06rem 0;
        line-height: 0.28rem;
        font-size: 14px
    }
}

.online_reg .mark .mark_con .form .form_con .t .t_r .txt .red {
    position: absolute;
    right: 0;
    top: 0;
    left: inherit;
    font-size: 14px;
    color: red;
    line-height: 36px
}

.online_reg .mark .mark_con .form .form_con .t2 {
    position: relative;
    padding: 0 14px 0 104px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t2 {
        padding:0 14px 0 70px
    }
}

.online_reg .mark .mark_con .form .form_con .t2 span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #666666;
    line-height: 36px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t2 span {
        font-size:14px;
        line-height: 0.4rem
    }
}

.online_reg .mark .mark_con .form .form_con .t2 input {
    border: 1px solid #dcdcdc;
    padding: 6px 0;
    line-height: 26px;
    font-size: 16px;
    color: #666;
    text-indent: 1em;
    width: 100%;
    display: block;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t2 input {
        padding:0.06rem 0;
        line-height: 0.28rem;
        font-size: 14px
    }
}

.online_reg .mark .mark_con .form .form_con .t2 .red {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: red;
    left: inherit;
    line-height: 36px
}

.online_reg .mark .mark_con .form .form_con .t3 {
    line-height: 36px;
    position: relative;
    padding: 0 0 0 126px;
    margin-top: 10px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t3 {
        padding:0 0 0 100px;
        line-height: 0.4rem;
        margin-top: 0.2rem
    }
}

.online_reg .mark .mark_con .form .form_con .t3 span {
    font-size: 16px;
    color: #666666;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    line-height: 36px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t3 span {
        font-size:14px;
        line-height: 0.4rem
    }
}

.online_reg .mark .mark_con .form .form_con .t3 .t_items {
    overflow: hidden
}

.online_reg .mark .mark_con .form .form_con .t3 .t_items .item {
    float: left;
    margin-right: 28px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t3 .t_items .item {
        margin-right:0.2rem
    }
}

.online_reg .mark .mark_con .form .form_con .t3 .t_items .item .ipt {
    width: 16px;
    height: 14px;
    background: url(../img/online_ipt.jpg) no-repeat;
    background-size: contain;
    float: left;
    margin-top: 11px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t3 .t_items .item .ipt {
        width:0.16rem;
        height: 0.14rem;
        margin-top: 0.12rem
    }
}

.online_reg .mark .mark_con .form .form_con .t3 .t_items .item .ipt input {
    width: 16px;
    height: 14px;
    display: block;
    padding: 0;
    opacity: 0
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t3 .t_items .item .ipt input {
        width:0.16rem;
        height: 0.14rem
    }
}

.online_reg .mark .mark_con .form .form_con .t3 .t_items .item label {
    font-size: 16px;
    color: #888888;
    float: left;
    padding-left: 5px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t3 .t_items .item label {
        font-size:14px;
        padding-left: 2px
    }
}

.online_reg .mark .mark_con .form .form_con .t3 .t_items .item.active .ipt {
    background: url(../img/online_ipt1.jpg) no-repeat;
    background-size: contain
}

.online_reg .mark .mark_con .form .form_con .t3 .other {
    width: 50%;
    display: none
}

@media (max-width: 480px) {
    .online_reg .mark .mark_con .form .form_con .t3 .other {
        width:100%
    }
}

.online_reg .mark .mark_con .form .form_con .t3 .other input {
    border: 1px solid #dcdcdc;
    padding: 6px 0;
    line-height: 24px;
    font-size: 16px;
    color: #666;
    text-indent: 1em;
    width: 100%;
    display: block;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t3 .other input {
        padding:0.06rem 0;
        line-height: 0.28rem;
        font-size: 14px
    }
}

.online_reg .mark .mark_con .form .form_con .t3.type,.online_reg .mark .mark_con .form .form_con .t3.pro {
    padding: 0 0 0 94px;
    margin-top: 10px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t3.type,.online_reg .mark .mark_con .form .form_con .t3.pro {
        padding:0 0 0 70px;
        margin-top: 0.2rem
    }
}

.online_reg .mark .mark_con .form .form_con .t3.type .t_items select,.online_reg .mark .mark_con .form .form_con .t3.pro .t_items select {
    border: 1px solid #dcdcdc;
    line-height: 38px;
    font-size: 16px;
    color: #666;
    text-indent: 1em;
    width: 100%;
    height: 38px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .t3.type .t_items select,.online_reg .mark .mark_con .form .form_con .t3.pro .t_items select {
        line-height:0.4rem;
        height: 0.42rem;
        font-size: 14px
    }
}

.online_reg .mark .mark_con .form .form_con .form_contact {
    margin-top: 10px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .form_contact {
        margin-top:0.2rem
    }
}

.online_reg .mark .mark_con .form .form_con .form_contact dl {
    overflow: hidden
}

.online_reg .mark .mark_con .form .form_con .form_contact dl dd {
    font-size: 16px;
    color: #666;
    line-height: 38px;
    float: left;
    margin-right: 20px
}

@media (max-width: 1024px) {
    .online_reg .mark .mark_con .form .form_con .form_contact dl dd {
        font-size:14px;
        line-height: 0.4rem
    }
}

.online_reg .mark .mark_con .form .form_con button {
    width: 166px;
    height: 40px;
    background: #1881ba;
    display: block;
    margin: 30px auto 0;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    outline: none;
    border: 0 none
}

.plan {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    display: none
}

.plan .mark {
    width: 1066px;
    height: 800px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    margin: -400px 0 0 -533px
}

@media (max-height: 850px) {
    .plan .mark {
        height:600px;
        margin: -300px 0 0 -533px
    }
}

@media (max-height: 750px) {
    .plan .mark {
        height:500px;
        margin: -250px 0 0 -533px
    }
}

@media (max-width: 1200px) {
    .plan .mark {
        width:90%;
        height: 500px;
        margin: -250px 0 0 -45%
    }
}

@media (max-width: 1024px) {
    .plan .mark {
        height:5rem;
        margin: -2.5rem 0 0 -45%
    }
}

.plan .mark .mark_con {
    padding: 16px 70px 20px;
    background: #fff
}

@media (max-width: 1024px) {
    .plan .mark .mark_con {
        padding:0.14rem 0.2rem 0.4rem
    }
}

.plan .mark .mark_con h5 {
    font-size: 23px;
    color: #333333;
    line-height: 48px;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid #eaeaea
}

@media (max-width: 1024px) {
    .plan .mark .mark_con h5 {
        font-size:0.26rem;
        line-height: 0.48rem
    }
}

.plan .mark .mark_con .close {
    width: 40px;
    height: 35px;
    background: url(../img/close_icon1.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
    cursor: pointer
}

@media (max-width: 1024px) {
    .plan .mark .mark_con .close {
        width:0.4rem;
        height: 0.35rem;
        right: 0.2rem;
        top: 0.2rem
    }
}

.plan .mark .mark_con .text {
    height: 700px;
    margin-top: 14px
}

@media (max-height: 850px) {
    .plan .mark .mark_con .text {
        height:500px
    }
}

@media (max-height: 750px) {
    .plan .mark .mark_con .text {
        height:400px
    }
}

@media (max-width: 1024px) {
    .plan .mark .mark_con .text {
        height:4rem;
        margin-top: 0.3rem
    }
}

.plan .mark .mark_con .text img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.news .news_banner {
    height: 479px;
    position: relative
}

@media (max-width: 1024px) {
    .news .news_banner {
        background:none !important;
        height: auto
    }
}

.news .news_banner .img {
    display: none
}

@media (max-width: 1024px) {
    .news .news_banner .img {
        display:block
    }
}

.news .news_banner .img img {
    width: 180%;
    display: block;
    margin-left: -40%
}

@media (max-width: 480px) {
    .news .news_banner .img img {
        width:200%;
        margin-left: -50%
    }
}

.news .news_banner .w1400 {
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .news .news_banner .w1400 {
        position:absolute;
        left: 50%;
        top: 50%;
        margin-left: -48%;
        margin-top: -10%;
        z-index: 2
    }
}

.news .news_banner .w1400 .en {
    font-size: 40px;
    color: #ffffff;
    line-height: 52px;
    font-family: 'TT0861M_6';
    text-transform: uppercase;
    margin-top: 192px
}

@media (max-width: 1024px) {
    .news .news_banner .w1400 .en {
        font-size:0.4rem;
        line-height: 0.52rem;
        margin-top: 0;
        text-align: center
    }
}

.news .news_banner .w1400 .cn {
    font-size: 24px;
    color: #fff;
    line-height: 48px
}

@media (max-width: 1024px) {
    .news .news_banner .w1400 .cn {
        font-size:0.24rem;
        line-height: 0.48rem;
        text-align: center
    }
}

.news .news_banner .w1400 .scroll {
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin-top: 18px
}

@media (max-width: 1024px) {
    .news .news_banner .w1400 .scroll {
        width:0.36rem;
        height: 0.36rem;
        margin: 0.18rem auto 0;
        display: none
    }
}

.news .news_banner .w1400 .scroll img {
    width: 100%;
    display: block
}

.news .content {
    padding-bottom: 142px
}

@media (max-width: 1024px) {
    .news .content {
        padding-bottom:0.6rem
    }
}

.news .content .top {
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .news .content .top {
        border-bottom:0 none;
        overflow: inherit
    }
}

.news .content .top>.w1400 {
    overflow: hidden
}

@media (max-width: 1024px) {
    .news .content .top>.w1400 {
        width:100%;
        overflow: inherit
    }
}

.news .content .top>.w1400 .crumbs {
    overflow: hidden;
    font-size: 16px;
    color: #999999;
    line-height: 88px;
    vertical-align: middle;
    float: left
}

@media (max-width: 1024px) {
    .news .content .top>.w1400 .crumbs {
        display:none
    }
}

.news .content .top>.w1400 .crumbs em {
    width: 20px;
    height: 18px;
    display: inline-block;
    background: url(../img/home.png) no-repeat;
    vertical-align: -2px;
    margin-right: 14px
}

.news .content .top>.w1400 .crumbs a {
    color: #999;
    transition: all 0.5s
}

.news .content .top>.w1400 .crumbs a:hover {
    color: #08aaf3
}

.news .content .top>.w1400 .tabs_m {
    display: none;
    position: relative
}

@media (max-width: 1024px) {
    .news .content .top>.w1400 .tabs_m {
        display:block
    }
}

.news .content .top>.w1400 .tabs_m .tabs_tit {
    overflow: hidden;
    padding: 0 0.6rem 0 0.17rem;
    background: #fff;
    position: relative;
    line-height: 0.8rem;
    height: 0.8rem;
    box-shadow: 0 0.04rem 0.1rem 0 rgba(6,0,1,0.1)
}

.news .content .top>.w1400 .tabs_m .tabs_tit h6 {
    font-size: 0.26rem;
    color: #de832f;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.news .content .top>.w1400 .tabs_m .tabs_tit em {
    width: 0.43rem;
    height: 0.17rem;
    background: url(../img/zhankai.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.17rem;
    top: 0.32rem
}

.news .content .top>.w1400 .tabs_m .tabs_tit.on em {
    background: url(../img/shouqi.jpg) no-repeat;
    background-size: cover
}

.news .content .top>.w1400 .tabs_m .tabs_con {
    position: absolute;
    left: 0;
    top: 0.66rem;
    width: 100%;
    background: #fff;
    display: none
}

.news .content .top>.w1400 .tabs_m .tabs_con ul li {
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0.17rem
}

.news .content .top>.w1400 .tabs_m .tabs_con ul li a {
    line-height: 0.66rem;
    font-size: 0.26rem;
    color: #555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.news .content .top>.w1400 .tabs {
    float: right;
    margin-top: 20px;
    line-height: 68px
}

@media (max-width: 1024px) {
    .news .content .top>.w1400 .tabs {
        display:none
    }
}

.news .content .top>.w1400 .tabs a {
    font-size: 18px;
    color: #999999;
    display: block;
    float: left;
    height: 68px;
    box-sizing: border-box;
    margin-left: 36px;
    padding: 0 20px;
    transition: all 0.5s
}

@media (max-width: 1100px) {
    .news .content .top>.w1400 .tabs a {
        margin-left:26px
    }
}

.news .content .top>.w1400 .tabs a.active {
    border-bottom: 2px solid #f7971a;
    color: #333333
}

@media (min-width: 1024px) {
    .news .content .top>.w1400 .tabs a:hover {
        border-bottom:2px solid #f7971a;
        color: #333333
    }
}

.news .content .box {
    margin-top: 52px
}

@media (max-width: 1024px) {
    .news .content .box {
        margin-top:0.5rem
    }
}

.news .content .box .w1400 .slider {
    overflow: hidden
}

@media (min-width: 1024px) {
    .news .content .box .w1400 .slider {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .news .content .box .w1400 .slider {
        display:none
    }
}

.news .content .box .w1400 .slider ul {
    position: relative;
    overflow: hidden
}

.news .content .box .w1400 .slider ul li {
    float: left
}

.news .content .box .w1400 .slider ul li a {
    overflow: hidden;
    display: block
}

.news .content .box .w1400 .slider ul li a .left {
    width: 45.64%;
    float: left;
    overflow: hidden
}

.news .content .box .w1400 .slider ul li a .left img {
    width: 100%;
    display: block;
    transition: all 0.5s
}

.news .content .box .w1400 .slider ul li a .right {
    float: right;
    width: 50%;
    overflow: hidden
}

.news .content .box .w1400 .slider ul li a .right .time {
    font-size: 16px;
    color: #999999;
    line-height: 24px;
    margin-top: 34px;
    font-family: 'Arial'
}

@media (max-width: 1260px) {
    .news .content .box .w1400 .slider ul li a .right .time {
        margin-top:10px
    }
}

.news .content .box .w1400 .slider ul li a .right h5 {
    font-size: 24px;
    color: #333333;
    line-height: 64px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    transition: all 0.5s
}

.news .content .box .w1400 .slider ul li a .right .text {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    margin-top: 16px;
    height: 60px;
    overflow: hidden
}

.news .content .box .w1400 .slider ul li a .right .more {
    margin-top: 48px
}

@media (max-width: 1200px) {
    .news .content .box .w1400 .slider ul li a .right .more {
        margin-top:20px
    }
}

.news .content .box .w1400 .slider ul li a .right .more em {
    width: 38px;
    height: 38px;
    float: left;
    background: url(../img/news_more.jpg) no-repeat;
    background-size: cover;
    display: block
}

.news .content .box .w1400 .slider ul li a .right .more span {
    font-size: 16px;
    color: #666666;
    line-height: 38px;
    float: left;
    margin-left: 16px
}

@media (min-width: 1024px) {
    .news .content .box .w1400 .slider ul li a:hover .left img {
        transform:scale(1.05)
    }

    .news .content .box .w1400 .slider ul li a:hover .right h5 {
        color: #ee913f
    }
}

.news .content .box .w1400 .slider ol {
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-top: 48px
}

.news .content .box .w1400 .slider ol li {
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background: #cccccc;
    text-align: center;
    display: inline-block;
    margin: 0 6px 0;
    vertical-align: middle;
    cursor: pointer
}

.news .content .box .w1400 .slider ol li.active {
    margin: 0 8px;
    background: #ee913f;
    width: 13px;
    height: 13px
}

.news .content .box .w1400 .slider.ani {
    opacity: 1;
    transform: translate(0)
}

.news .content .box .w1400 .m_slider {
    display: none
}

@media (max-width: 1024px) {
    .news .content .box .w1400 .m_slider {
        display:block
    }
}

.news .content .box .w1400 .m_slider .swiper-news {
    padding-bottom: 0.4rem
}

.news .content .box .w1400 .m_slider .swiper-news .swiper-wrapper .swiper-slide a {
    display: block;
    border: 1px solid #dedede;
    box-sizing: border-box
}

.news .content .box .w1400 .m_slider .swiper-news .swiper-wrapper .swiper-slide a .left {
    width: 100%;
    overflow: hidden
}

.news .content .box .w1400 .m_slider .swiper-news .swiper-wrapper .swiper-slide a .left img {
    width: 100%;
    display: block
}

.news .content .box .w1400 .m_slider .swiper-news .swiper-wrapper .swiper-slide a .right {
    padding: 0.16rem 0.1rem
}

.news .content .box .w1400 .m_slider .swiper-news .swiper-wrapper .swiper-slide a .right .time {
    font-size: 14px;
    color: #999999;
    line-height: 24px
}

.news .content .box .w1400 .m_slider .swiper-news .swiper-wrapper .swiper-slide a .right h5 {
    font-size: 0.26rem;
    color: #333333;
    line-height: 0.5rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    transition: all 0.5s
}

.news .content .box .w1400 .m_slider .swiper-news .swiper-wrapper .swiper-slide a .right .text {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-top: 0.1rem;
    height: 48px;
    overflow: hidden
}

.news .content .box .w1400 .m_slider .swiper-news .swiper-pagination.swiper-pagination-bullets {
    bottom: 0
}

.news .content .box .w1400 .m_slider .swiper-news .swiper-pagination-bullet {
    background: #cccccc;
    opacity: 1
}

.news .content .box .w1400 .m_slider .swiper-news .swiper-pagination-bullet-active {
    background: #ee913f
}

.news .content .box .w1400 .list {
    margin-top: 19px
}

@media (max-width: 1024px) {
    .news .content .box .w1400 .list {
        margin-top:0.5rem
    }
}

.news .content .box .w1400 .list .filter {
    position: relative;
    z-index: 2
}

@media (min-width: 1024px) {
    .news .content .box .w1400 .list .filter {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.news .content .box .w1400 .list .filter .right {
    float: right;
    width: 208px;
    height: 44px;
    border: 1px solid #d9d9d9;
    position: relative
}

@media (max-width: 1024px) {
    .news .content .box .w1400 .list .filter .right {
        width:2rem;
        height: 0.5rem
    }
}

.news .content .box .w1400 .list .filter .right .tits {
    font-size: 16px;
    color: #888888;
    overflow: hidden;
    line-height: 44px;
    cursor: pointer
}

@media (max-width: 1024px) {
    .news .content .box .w1400 .list .filter .right .tits {
        line-height:0.5rem;
        font-size: 14px
    }
}

.news .content .box .w1400 .list .filter .right .tits span {
    float: left;
    margin-left: 20px;
    display: block
}

@media (max-width: 1024px) {
    .news .content .box .w1400 .list .filter .right .tits span {
        margin-left:0.2rem
    }
}

.news .content .box .w1400 .list .filter .right .tits em {
    width: 15px;
    height: 9px;
    background: url(../img/tabs_icon2.png) no-repeat;
    display: block;
    margin-right: 15px;
    float: right;
    margin-top: 18px
}

@media (max-width: 1024px) {
    .news .content .box .w1400 .list .filter .right .tits em {
        margin-top:0.18rem;
        margin-right: 0.1rem
    }
}

.news .content .box .w1400 .list .filter .right .r_con {
    position: absolute;
    left: 0;
    top: 46px;
    display: none;
    background: #fff;
    width: 100%
}

@media (max-width: 1024px) {
    .news .content .box .w1400 .list .filter .right .r_con {
        top:0.52rem
    }
}

.news .content .box .w1400 .list .filter .right .r_con a {
    line-height: 38px;
    font-size: 14px;
    color: #888;
    display: block;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 20px;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .news .content .box .w1400 .list .filter .right .r_con a {
        line-height:0.4rem;
        padding: 0 0.2rem
    }
}

@media (min-width: 1024px) {
    .news .content .box .w1400 .list .filter .right .r_con a:hover {
        color:#1479a7
    }
}

.news .content .box .w1400 .list .filter.ani {
    opacity: 1;
    transform: translate(0)
}

.news .content .box .w1400 .list .filter:after {
    clear: both;
    display: block;
    content: ''
}

.news .content .box .w1400 .list ul {
    overflow: hidden;
    margin-top: 20px
}

.news .content .box .w1400 .list ul li {
    width: 18.22%;
    float: left;
    margin-right: 2.225%;
    margin-bottom: 42px
}

@media (min-width: 1024px) {
    .news .content .box .w1400 .list ul li {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .news .content .box .w1400 .list ul li {
        margin-bottom:0.3rem
    }
}

@media (max-width: 640px) {
    .news .content .box .w1400 .list ul li {
        width:49%;
        margin-right: 2%
    }
}

.news .content .box .w1400 .list ul li a {
    display: block;
    border: 1px solid #dedede
}

.news .content .box .w1400 .list ul li a .pic {
    width: 100%;
    display: block;
    overflow: hidden
}

.news .content .box .w1400 .list ul li a .pic img {
    width: 100%;
    display: block;
    transition: all 0.5s
}

.news .content .box .w1400 .list ul li a .li_con {
    padding: 30px 16px 40px
}

@media (max-width: 1024px) {
    .news .content .box .w1400 .list ul li a .li_con {
        padding:0.2rem 0.1rem 0.3rem
    }
}

.news .content .box .w1400 .list ul li a .li_con .time {
    font-size: 14px;
    color: #959595;
    line-height: 28px;
    font-family: 'Arial'
}

.news .content .box .w1400 .list ul li a .li_con h5 {
    font-size: 20px;
    color: #1b1b1b;
    line-height: 40px;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .news .content .box .w1400 .list ul li a .li_con h5 {
        font-size:0.24rem;
        line-height: 0.4rem
    }
}

.news .content .box .w1400 .list ul li a .li_con .text {
    font-size: 14px;
    color: #959595;
    line-height: 24px;
    height: 48px;
    overflow: hidden
}

@media (min-width: 1024px) {
    .news .content .box .w1400 .list ul li a:hover .pic img {
        transform:scale(1.05)
    }

    .news .content .box .w1400 .list ul li a:hover .li_con h5 {
        color: #ee913f
    }
}

@media (min-width: 1024px) {
    .news .content .box .w1400 .list ul li:nth-child(5n) {
        margin-right:0
    }
}

@media (max-width: 750px) {
    .news .content .box .w1400 .list ul li:nth-child(2n) {
        margin-right:0
    }
}

.news .content .box .w1400 .list ul li.ani {
    opacity: 1;
    transform: translate(0)
}

.news .content .box .w1400 .list .page {
    margin-top: 4px;
    padding: 0 122px;
    position: relative;
    background: #f3f3f3
}

@media (max-width: 1024px) {
    .news .content .box .w1400 .list .page {
        margin-top:0.07rem;
        padding: 0
    }
}

.news .content .box .w1400 .list .page .pagination {
    text-align: center;
    font-size: 0
}

.news .content .box .w1400 .list .page .pagination .prev {
    width: 80px
}

.news .content .box .w1400 .list .page .pagination .next {
    width: 80px
}

.news .content .box .w1400 .list .page .pagination a {
    width: 28px;
    height: 28px;
    text-align: center;
    display: inline-block;
    margin: 14px 8px;
    border-radius: 3px;
    color: #999999;
    line-height: 28px;
    font-size: 18px;
    font-family: 'Arial';
    transition: all 0.5s;
    vertical-align: middle
}

@media (max-width: 1024px) {
    .news .content .box .w1400 .list .page .pagination a {
        margin:8px 0.02rem;
        font-size: 14px
    }
}

.news .content .box .w1400 .list .page .pagination a.active {
    background: #de832f;
    color: #fff
}

@media (min-width: 1024px) {
    .news .content .box .w1400 .list .page .pagination a:hover {
        background:#de832f;
        color: #fff
    }
}

.news .content .box2 .w1400 {
    overflow: hidden
}

.news .content .box2 .w1400 .filter {
    position: relative;
    z-index: 2;
    margin-top: 37px
}

@media (min-width: 1024px) {
    .news .content .box2 .w1400 .filter {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.news .content .box2 .w1400 .filter .right {
    float: right;
    width: 208px;
    height: 44px;
    border: 1px solid #d9d9d9;
    position: relative
}

@media (max-width: 1024px) {
    .news .content .box2 .w1400 .filter .right {
        width:2rem;
        height: 0.5rem
    }
}

.news .content .box2 .w1400 .filter .right .tits {
    font-size: 16px;
    color: #888888;
    overflow: hidden;
    line-height: 44px;
    cursor: pointer
}

@media (max-width: 1024px) {
    .news .content .box2 .w1400 .filter .right .tits {
        line-height:0.5rem;
        font-size: 14px
    }
}

.news .content .box2 .w1400 .filter .right .tits span {
    float: left;
    margin-left: 20px;
    display: block
}

@media (max-width: 1024px) {
    .news .content .box2 .w1400 .filter .right .tits span {
        margin-left:0.2rem
    }
}

.news .content .box2 .w1400 .filter .right .tits em {
    width: 15px;
    height: 9px;
    background: url(../img/tabs_icon2.png) no-repeat;
    display: block;
    margin-right: 15px;
    float: right;
    margin-top: 18px
}

@media (max-width: 1024px) {
    .news .content .box2 .w1400 .filter .right .tits em {
        margin-top:0.18rem;
        margin-right: 0.1rem
    }
}

.news .content .box2 .w1400 .filter .right .r_con {
    position: absolute;
    left: 0;
    top: 46px;
    display: none;
    background: #fff;
    width: 100%
}

@media (max-width: 1024px) {
    .news .content .box2 .w1400 .filter .right .r_con {
        top:0.52rem
    }
}

.news .content .box2 .w1400 .filter .right .r_con a {
    line-height: 38px;
    font-size: 14px;
    color: #888;
    display: block;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 20px;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .news .content .box2 .w1400 .filter .right .r_con a {
        line-height:0.4rem;
        padding: 0 0.2rem
    }
}

@media (min-width: 1024px) {
    .news .content .box2 .w1400 .filter .right .r_con a:hover {
        color:#1479a7
    }
}

.news .content .box2 .w1400 .filter.ani {
    opacity: 1;
    transform: translate(0)
}

.news .content .box2 .w1400 .filter:after {
    clear: both;
    display: block;
    content: ''
}

.news .content .box2 .w1400 .list {
    margin-top: 26px
}

.news .content .box2 .w1400 .list ul {
    overflow: hidden
}

.news .content .box2 .w1400 .list ul li {
    width: 31.14%;
    float: left;
    border: 1px solid #dfdfdf;
    margin-right: 3.29%;
    margin-bottom: 28px;
    box-sizing: border-box
}

@media (min-width: 1024px) {
    .news .content .box2 .w1400 .list ul li {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 850px) {
    .news .content .box2 .w1400 .list ul li {
        width:48.355%;
        margin-bottom: 0.26rem
    }
}

@media (max-width: 420px) {
    .news .content .box2 .w1400 .list ul li {
        width:100%
    }
}

.news .content .box2 .w1400 .list ul li a {
    padding: 25px 20px 30px;
    display: block
}

@media (max-width: 1024px) {
    .news .content .box2 .w1400 .list ul li a {
        padding:0.25rem 0.2rem 0.3rem
    }
}

.news .content .box2 .w1400 .list ul li a .time {
    font-size: 14px;
    color: #959595;
    line-height: 34px
}

@media (max-width: 1024px) {
    .news .content .box2 .w1400 .list ul li a .time {
        line-height:24px
    }
}

.news .content .box2 .w1400 .list ul li a h5 {
    font-size: 20px;
    color: #1b1b1b;
    line-height: 40px;
    font-weight: normal;
    transition: all 0.5s;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1024px) {
    .news .content .box2 .w1400 .list ul li a h5 {
        font-size:0.24rem;
        line-height: 0.4rem
    }
}

.news .content .box2 .w1400 .list ul li a .text {
    font-size: 14px;
    color: #959595;
    line-height: 24px;
    margin-top: 12px;
    overflow: hidden;
    height: 48px
}

.news .content .box2 .w1400 .list ul li a .more {
    overflow: hidden;
    margin-top: 30px
}

@media (max-width: 1024px) {
    .news .content .box2 .w1400 .list ul li a .more {
        margin-top:0.2rem
    }
}

.news .content .box2 .w1400 .list ul li a .more i {
    width: 1px;
    height: 22px;
    background: #d2d2d2;
    display: block;
    float: left
}

.news .content .box2 .w1400 .list ul li a .more span {
    font-size: 14px;
    color: #959595;
    display: block;
    line-height: 22px;
    margin-left: 12px;
    float: left
}

.news .content .box2 .w1400 .list ul li a .more em {
    width: 29px;
    height: 16px;
    background: url(../img/news_more1.png) no-repeat;
    background-size: cover;
    float: left;
    display: block;
    margin-left: 12px;
    transition: all 0.5s
}

@media (min-width: 1024px) {
    .news .content .box2 .w1400 .list ul li a:hover h5 {
        color:#de832f
    }

    .news .content .box2 .w1400 .list ul li a:hover .more em {
        transform: translateX(10px)
    }
}

@media (min-width: 850px) {
    .news .content .box2 .w1400 .list ul li:nth-child(3n) {
        margin-right:0
    }
}

@media (max-width: 850px) {
    .news .content .box2 .w1400 .list ul li:nth-child(2n) {
        margin-right:0
    }
}

@media (max-width: 420px) {
    .news .content .box2 .w1400 .list ul li {
        margin-right:0
    }
}

.news .content .box2 .w1400 .list ul li.ani {
    opacity: 1;
    transform: translate(0)
}

.news .content .box2 .w1400 .list .page {
    margin-top: 4px;
    padding: 0 122px;
    position: relative;
    background: #f3f3f3
}

@media (max-width: 1024px) {
    .news .content .box2 .w1400 .list .page {
        margin-top:0.07rem;
        padding: 0
    }
}

.news .content .box2 .w1400 .list .page .pagination {
    text-align: center;
    font-size: 0
}

.news .content .box2 .w1400 .list .page .pagination .prev {
    width: 80px
}

.news .content .box2 .w1400 .list .page .pagination .next {
    width: 80px
}

.news .content .box2 .w1400 .list .page .pagination a {
    width: 28px;
    height: 28px;
    text-align: center;
    display: inline-block;
    margin: 14px 8px;
    border-radius: 3px;
    color: #999999;
    line-height: 28px;
    font-size: 18px;
    font-family: 'Arial';
    transition: all 0.5s;
    vertical-align: middle
}

@media (max-width: 1024px) {
    .news .content .box2 .w1400 .list .page .pagination a {
        margin:8px 0.02rem;
        font-size: 14px
    }
}

.news .content .box2 .w1400 .list .page .pagination a.active {
    background: #de832f;
    color: #fff
}

@media (min-width: 1024px) {
    .news .content .box2 .w1400 .list .page .pagination a:hover {
        background:#de832f;
        color: #fff
    }
}

.news_info .news_banner {
    height: 479px;
    position: relative
}

@media (max-width: 1024px) {
    .news_info .news_banner {
        background:none !important;
        height: auto
    }
}

.news_info .news_banner .img {
    display: none
}

@media (max-width: 1024px) {
    .news_info .news_banner .img {
        display:block
    }
}

.news_info .news_banner .img img {
    width: 180%;
    display: block;
    margin-left: -40%
}

@media (max-width: 480px) {
    .news_info .news_banner .img img {
        width:200%;
        margin-left: -50%
    }
}

.news_info .news_banner .w1400 {
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .news_info .news_banner .w1400 {
        position:absolute;
        left: 50%;
        top: 50%;
        margin-left: -48%;
        margin-top: -10%;
        z-index: 2
    }
}

.news_info .news_banner .w1400 .en {
    font-size: 40px;
    color: #ffffff;
    line-height: 52px;
    font-family: 'TT0861M_6';
    text-transform: uppercase;
    margin-top: 192px
}

@media (max-width: 1024px) {
    .news_info .news_banner .w1400 .en {
        font-size:0.4rem;
        line-height: 0.52rem;
        margin-top: 0;
        text-align: center
    }
}

.news_info .news_banner .w1400 .cn {
    font-size: 24px;
    color: #fff;
    line-height: 48px
}

@media (max-width: 1024px) {
    .news_info .news_banner .w1400 .cn {
        font-size:0.24rem;
        line-height: 0.48rem;
        text-align: center
    }
}

.news_info .news_banner .w1400 .scroll {
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin-top: 18px
}

@media (max-width: 1024px) {
    .news_info .news_banner .w1400 .scroll {
        width:0.36rem;
        height: 0.36rem;
        margin: 0.18rem auto 0
    }
}

.news_info .news_banner .w1400 .scroll img {
    width: 100%;
    display: block
}

.news_info .content {
    padding-bottom: 142px
}

@media (max-width: 1024px) {
    .news_info .content {
        padding-bottom:0.6rem
    }
}

.news_info .content .top {
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .news_info .content .top {
        border-bottom:0 none;
        overflow: inherit
    }
}

.news_info .content .top>.w1400 {
    overflow: hidden
}

@media (max-width: 1024px) {
    .news_info .content .top>.w1400 {
        width:100%;
        overflow: inherit
    }
}

.news_info .content .top>.w1400 .crumbs {
    overflow: hidden;
    font-size: 16px;
    color: #999999;
    line-height: 88px;
    vertical-align: middle;
    float: left
}

@media (max-width: 1024px) {
    .news_info .content .top>.w1400 .crumbs {
        display:none
    }
}

.news_info .content .top>.w1400 .crumbs em {
    width: 20px;
    height: 18px;
    display: inline-block;
    background: url(../img/home.png) no-repeat;
    vertical-align: -2px;
    margin-right: 14px
}

.news_info .content .top>.w1400 .crumbs a {
    color: #999;
    transition: all 0.5s
}

.news_info .content .top>.w1400 .crumbs a:hover {
    color: #08aaf3
}

.news_info .content .top>.w1400 .tabs_m {
    display: none;
    position: relative
}

@media (max-width: 1024px) {
    .news_info .content .top>.w1400 .tabs_m {
        display:block
    }
}

.news_info .content .top>.w1400 .tabs_m .tabs_tit {
    overflow: hidden;
    padding: 0 0.6rem 0 0.17rem;
    background: #fff;
    position: relative;
    line-height: 0.8rem;
    height: 0.8rem;
    box-shadow: 0 0.04rem 0.1rem 0 rgba(6,0,1,0.1)
}

.news_info .content .top>.w1400 .tabs_m .tabs_tit h6 {
    font-size: 0.26rem;
    color: #de832f;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.news_info .content .top>.w1400 .tabs_m .tabs_tit em {
    width: 0.43rem;
    height: 0.17rem;
    background: url(../img/zhankai.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.17rem;
    top: 0.32rem;
    display: none;
}

.news_info .content .top>.w1400 .tabs_m .tabs_tit.on em {
    background: url(../img/shouqi.jpg) no-repeat;
    background-size: cover
}

.news_info .content .top>.w1400 .tabs_m .tabs_con {
    position: absolute;
    left: 0;
    top: 0.66rem;
    width: 100%;
    background: #fff;
    display: none
}

.news_info .content .top>.w1400 .tabs_m .tabs_con ul li {
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0.17rem
}

.news_info .content .top>.w1400 .tabs_m .tabs_con ul li a {
    line-height: 0.66rem;
    font-size: 0.26rem;
    color: #555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.news_info .content .top>.w1400 .tabs {
    float: right;
    margin-top: 20px;
    line-height: 68px;
    display: none;
}

@media (max-width: 1024px) {
    .news_info .content .top>.w1400 .tabs {
        display:none
    }
}

.news_info .content .top>.w1400 .tabs a {
    font-size: 18px;
    color: #999999;
    display: block;
    float: left;
    height: 68px;
    box-sizing: border-box;
    margin-left: 36px;
    padding: 0 20px;
    transition: all 0.5s
}

@media (max-width: 1100px) {
    .news_info .content .top>.w1400 .tabs a {
        margin-left:26px
    }
}

.news_info .content .top>.w1400 .tabs a.active {
    border-bottom: 2px solid #f7971a;
    color: #333333
}

@media (min-width: 1024px) {
    .news_info .content .top>.w1400 .tabs a:hover {
        border-bottom:2px solid #f7971a;
        color: #333333
    }
}

.news_info .content .box {
    margin-top: 52px
}

@media (max-width: 1024px) {
    .news_info .content .box {
        margin-top:0.5rem
    }
}

.news_info .content .box .w1400 h5 {
    font-size: 30px;
    color: #333333;
    line-height: 44px;
    text-align: center
}

@media (max-width: 1024px) {
    .news_info .content .box .w1400 h5 {
        font-size:0.26rem;
        line-height: 0.44rem
    }
}

.news_info .content .box .w1400 .t_views {
    text-align: center;
    font-size: 0
}

.news_info .content .box .w1400 .t_views .time {
    font-size: 16px;
    color: #f7971a;
    line-height: 70px;
    text-align: center;
    margin: 0 10px;
    display: inline-block
}

@media (max-width: 1024px) {
    .news_info .content .box .w1400 .t_views .time {
        font-size:14px;
        line-height: 0.7rem;
        margin: 0 4px
    }
}

.news_info .content .box .w1400 .t_views .views {
    font-size: 16px;
    color: #f7971a;
    line-height: 70px;
    text-align: center;
    margin: 0 10px;
    display: inline-block
}

@media (max-width: 1024px) {
    .news_info .content .box .w1400 .t_views .views {
        font-size:14px;
        line-height: 0.7rem;
        margin: 0 4px
    }
}

.news_info .content .box .w1400 .text {
    margin-top: 15px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding-top: 46px;
    padding-bottom: 82px
}

@media (max-width: 1024px) {
    .news_info .content .box .w1400 .text {
        margin-top:0;
        padding-top: 0.2rem;
        padding-bottom: 0.4rem
    }
}

.news_info .content .box .w1400 .text p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    text-indent: 2em
}

@media (max-width: 1024px) {
    .news_info .content .box .w1400 .text p {
        line-height:22px
    }
}

.news_info .content .box .w1400 .text p img {
    max-width: 100%
}

.news_info .content .box .w1400 .page {
    position: relative;
    padding-top: 52px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .news_info .content .box .w1400 .page {
        padding-top:0.3rem
    }
}

.news_info .content .box .w1400 .page .page_l {
    width: 78%;
    float: left
}

@media (max-width: 1024px) {
    .news_info .content .box .w1400 .page .page_l {
        width:100%
    }
}

.news_info .content .box .w1400 .page .page_l a {
    line-height: 20px;
    font-size: 14px;
    color: #666666;
    display: block;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    transition: all 0.5s
}

@media (min-width: 1024px) {
    .news_info .content .box .w1400 .page .page_l a:hover {
        color:#f7971a
    }
}

.news_info .content .box .w1400 .page .page_l a:last-child {
    margin-bottom: 0
}

.news_info .content .box .w1400 .page .page_r {
    width: 160px;
    height: 50px;
    border-radius: 4px;
    background: #f7971a;
    float: right;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    overflow: hidden;
    text-align: center
}

@media (max-width: 1024px) {
    .news_info .content .box .w1400 .page .page_r {
        margin-top:0.2rem;
        width: 1.6rem;
        height: 0.5rem;
        line-height: 0.5rem;
        font-size: 14px
    }
}

.news_info .content .box .w1400 .page .page_r a {
    color: #fff;
    display: block;
    transition: all 0.5s
}

@media (min-width: 1024px) {
    .news_info .content .box .w1400 .page .page_r a:hover {
        background:#f7971a
    }
}

.about_banner,.join_banner,.contact_banner {
    height: 479px;
    position: relative
}

@media (max-width: 1024px) {
    .about_banner,.join_banner,.contact_banner {
        background:none !important;
        height: auto
    }
}

.about_banner .img,.join_banner .img,.contact_banner .img {
    display: none
}

@media (max-width: 1024px) {
    .about_banner .img,.join_banner .img,.contact_banner .img {
        display:block
    }
}

.about_banner .img img,.join_banner .img img,.contact_banner .img img {
    width: 180%;
    display: block;
    margin-left: -40%
}

@media (max-width: 480px) {
    .about_banner .img img,.join_banner .img img,.contact_banner .img img {
        width:200%;
        margin-left: -50%
    }
}

.about_banner .w1400,.join_banner .w1400,.contact_banner .w1400 {
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .about_banner .w1400,.join_banner .w1400,.contact_banner .w1400 {
        position:absolute;
        left: 50%;
        top: 50%;
        margin-left: -48%;
        margin-top: -10%;
        z-index: 2
    }
}

.about_banner .w1400 .en,.join_banner .w1400 .en,.contact_banner .w1400 .en {
    font-size: 40px;
    color: #ffffff;
    line-height: 52px;
    font-family: 'TT0861M_6';
    text-transform: uppercase;
    margin-top: 192px
}

@media (max-width: 1024px) {
    .about_banner .w1400 .en,.join_banner .w1400 .en,.contact_banner .w1400 .en {
        font-size:0.4rem;
        line-height: 0.52rem;
        margin-top: 0;
        text-align: center
    }
}

.about_banner .w1400 .cn,.join_banner .w1400 .cn,.contact_banner .w1400 .cn {
    font-size: 24px;
    color: #fff;
    line-height: 48px
}

@media (max-width: 1024px) {
    .about_banner .w1400 .cn,.join_banner .w1400 .cn,.contact_banner .w1400 .cn {
        font-size:0.24rem;
        line-height: 0.48rem;
        text-align: center
    }
}

.about_banner .w1400 .scroll,.join_banner .w1400 .scroll,.contact_banner .w1400 .scroll {
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin-top: 18px
}

@media (max-width: 1024px) {
    .about_banner .w1400 .scroll,.join_banner .w1400 .scroll,.contact_banner .w1400 .scroll {
        width:0.36rem;
        height: 0.36rem;
        margin: 0.18rem auto 0;
        display: none
    }
}

.about_banner .w1400 .scroll img,.join_banner .w1400 .scroll img,.contact_banner .w1400 .scroll img {
    width: 100%;
    display: block
}

.about_top,.join_top,.contact_top {
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .about_top,.join_top,.contact_top {
        border-bottom:0 none;
        overflow: inherit
    }
}

.about_top>.w1400,.join_top>.w1400,.contact_top>.w1400 {
    overflow: hidden
}

@media (max-width: 1024px) {
    .about_top>.w1400,.join_top>.w1400,.contact_top>.w1400 {
        width:100%;
        overflow: inherit
    }
}

.about_top>.w1400 .crumbs,.join_top>.w1400 .crumbs,.contact_top>.w1400 .crumbs {
    overflow: hidden;
    font-size: 16px;
    color: #999999;
    line-height: 88px;
    vertical-align: middle;
    float: left
}

@media (max-width: 1024px) {
    .about_top>.w1400 .crumbs,.join_top>.w1400 .crumbs,.contact_top>.w1400 .crumbs {
        display:none
    }
}

.about_top>.w1400 .crumbs em,.join_top>.w1400 .crumbs em,.contact_top>.w1400 .crumbs em {
    width: 20px;
    height: 18px;
    display: inline-block;
    background: url(../img/home.png) no-repeat;
    vertical-align: -2px;
    margin-right: 14px
}

.about_top>.w1400 .crumbs a,.join_top>.w1400 .crumbs a,.contact_top>.w1400 .crumbs a {
    color: #999;
    transition: all 0.5s
}

.about_top>.w1400 .crumbs a:hover,.join_top>.w1400 .crumbs a:hover,.contact_top>.w1400 .crumbs a:hover {
    color: #08aaf3
}

.about_top>.w1400 .crumbs span,.join_top>.w1400 .crumbs span,.contact_top>.w1400 .crumbs span {
    color: #de832f
}

.about_top>.w1400 .tabs_m,.join_top>.w1400 .tabs_m,.contact_top>.w1400 .tabs_m {
    display: none;
    position: relative
}

@media (max-width: 1024px) {
    .about_top>.w1400 .tabs_m,.join_top>.w1400 .tabs_m,.contact_top>.w1400 .tabs_m {
        display:block
    }
}

.about_top>.w1400 .tabs_m .tabs_tit,.join_top>.w1400 .tabs_m .tabs_tit,.contact_top>.w1400 .tabs_m .tabs_tit {
    overflow: hidden;
    padding: 0 0.6rem 0 0.17rem;
    background: #fff;
    position: relative;
    line-height: 0.8rem;
    height: 0.8rem;
    box-shadow: 0 0.04rem 0.1rem 0 rgba(6,0,1,0.1)
}

.about_top>.w1400 .tabs_m .tabs_tit h6,.join_top>.w1400 .tabs_m .tabs_tit h6,.contact_top>.w1400 .tabs_m .tabs_tit h6 {
    font-size: 0.26rem;
    color: #de832f;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.about_top>.w1400 .tabs_m .tabs_tit em,.join_top>.w1400 .tabs_m .tabs_tit em,.contact_top>.w1400 .tabs_m .tabs_tit em {
    width: 0.43rem;
    height: 0.17rem;
    background: url(../img/zhankai.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.17rem;
    top: 0.32rem
}

.about_top>.w1400 .tabs_m .tabs_tit.on em,.join_top>.w1400 .tabs_m .tabs_tit.on em,.contact_top>.w1400 .tabs_m .tabs_tit.on em {
    background: url(../img/shouqi.jpg) no-repeat;
    background-size: cover
}

.about_top>.w1400 .tabs_m .tabs_con,.join_top>.w1400 .tabs_m .tabs_con,.contact_top>.w1400 .tabs_m .tabs_con {
    position: absolute;
    left: 0;
    top: 0.66rem;
    width: 100%;
    background: #fff;
    display: none
}

.about_top>.w1400 .tabs_m .tabs_con ul li,.join_top>.w1400 .tabs_m .tabs_con ul li,.contact_top>.w1400 .tabs_m .tabs_con ul li {
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0.17rem
}

.about_top>.w1400 .tabs_m .tabs_con ul li a,.join_top>.w1400 .tabs_m .tabs_con ul li a,.contact_top>.w1400 .tabs_m .tabs_con ul li a {
    line-height: 0.66rem;
    font-size: 0.26rem;
    color: #555;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.about_top>.w1400 .tabs,.join_top>.w1400 .tabs,.contact_top>.w1400 .tabs {
    float: right;
    margin-top: 20px;
    line-height: 68px
}

@media (max-width: 1024px) {
    .about_top>.w1400 .tabs,.join_top>.w1400 .tabs,.contact_top>.w1400 .tabs {
        display:none
    }
}

.about_top>.w1400 .tabs a,.join_top>.w1400 .tabs a,.contact_top>.w1400 .tabs a {
    font-size: 18px;
    color: #999999;
    display: block;
    float: left;
    height: 68px;
    box-sizing: border-box;
    margin-left: 36px;
    padding: 0 20px;
    transition: all 0.5s
}

@media (max-width: 1100px) {
    .about_top>.w1400 .tabs a,.join_top>.w1400 .tabs a,.contact_top>.w1400 .tabs a {
        margin-left:26px
    }
}

.about_top>.w1400 .tabs a.active,.join_top>.w1400 .tabs a.active,.contact_top>.w1400 .tabs a.active {
    border-bottom: 2px solid #f7971a;
    color: #333333
}

@media (min-width: 1024px) {
    .about_top>.w1400 .tabs a:hover,.join_top>.w1400 .tabs a:hover,.contact_top>.w1400 .tabs a:hover {
        border-bottom:2px solid #f7971a;
        color: #333333
    }
}

.about .content .box1 {
    margin-top: 52px
}

@media (max-width: 1024px) {
    .about .content .box1 {
        margin-top:0.4rem;
        padding-bottom: 0.2rem
    }
}

.about .content .box1 .w1400 {
    overflow: hidden
}

.about .content .box1 .w1400 .left {
    width: 45.85%;
    float: left
}

@media (min-width: 1024px) {
    .about .content .box1 .w1400 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 750px) {
    .about .content .box1 .w1400 .left {
        float:inherit;
        width: 100%
    }
}

.about .content .box1 .w1400 .left h5 {
    font-size: 30px;
    line-height: 70px;
    color: #000000;
    font-weight: normal
}

@media (max-width: 1024px) {
    .about .content .box1 .w1400 .left h5 {
        font-size:0.3rem;
        line-height: 0.6rem
    }
}

.about .content .box1 .w1400 .left .text {
    font-size: 16px;
    line-height: 28px;
    color: #666666
}

@media (max-width: 1024px) {
    .about .content .box1 .w1400 .left .text {
        font-size:14px;
        line-height: 24px
    }
}

.about .content .box1 .w1400 .left .text p .color {
    color: #eb8c10
}

.about .content .box1 .w1400 .left .more {
    margin-top: 32px;
    width: 154px;
    height: 42px;
    background: #ee913f;
    text-align: center;
    font-size: 0;
    display: block;
    line-height: 42px
}

@media (max-width: 1024px) {
    .about .content .box1 .w1400 .left .more {
        margin-top:0.2rem
    }
}

.about .content .box1 .w1400 .left .more span {
    font-size: 16px;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin: 0 6px;
    vertical-align: middle
}

@media (max-width: 1024px) {
    .about .content .box1 .w1400 .left .more span {
        font-size:14px
    }
}

.about .content .box1 .w1400 .left .more em {
    width: 18px;
    height: 11px;
    display: inline-block;
    text-align: center;
    margin: 0 6px;
    vertical-align: middle;
    background: url(../img/pro_more_h.png) no-repeat;
    background-size: cover
}

.about .content .box1 .w1400 .right {
    width: 50%;
    height: 408px;
    float: right;
    position: relative
}

@media (min-width: 1024px) {
    .about .content .box1 .w1400 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 1024px) {
    .about .content .box1 .w1400 .right {
        height:4rem
    }
}

@media (max-width: 750px) {
    .about .content .box1 .w1400 .right {
        float:inherit;
        width: 100%;
        margin-top: 0.2rem
    }
}

.about .content .box1 .w1400 .right .icon {
    width: 56px;
    height: 56px;
    background: url(../img/video_icon.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -38px 0 0 -38px;
    cursor: pointer
}

.about .content .box1 .w1400>div.ani {
    opacity: 1;
    transform: translate(0)
}

.about .content .box2 {
    height: 680px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .about .content .box2 {
        height:auto;
        padding-bottom: 0.3rem
    }
}

.about .content .box2 .tits {
    text-align: center;
    margin-top: 64px
}

@media (min-width: 1024px) {
    .about .content .box2 .tits {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .about .content .box2 .tits {
        margin-top:0.3rem
    }
}

.about .content .box2 .tits h4 {
    font-size: 24px;
    color: #333333;
    font-family: 'TT0861M_6';
    line-height: 28px;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 1024px) {
    .about .content .box2 .tits h4 {
        font-size:0.26rem;
        line-height: 0.32rem
    }
}

.about .content .box2 .tits .cn {
    font-size: 20px;
    color: #666666;
    line-height: 40px
}

@media (max-width: 1024px) {
    .about .content .box2 .tits .cn {
        font-size:0.24rem;
        line-height: 0.48rem
    }
}

.about .content .box2 .tits.ani {
    opacity: 1;
    transform: translate(0)
}

@media (min-width: 1024px) {
    .about .content .box2 .box_con {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .about .content .box2 .box_con {
        margin-top:0.2rem
    }
}

.about .content .box2 .box_con>.w1400 {
    overflow: hidden
}

.about .content .box2 .box_con>.w1400 .slider {
    padding: 0 56px
}

@media (max-width: 1024px) {
    .about .content .box2 .box_con>.w1400 .slider {
        display:none
    }
}

.about .content .box2 .box_con>.w1400 .slider .slider_con {
    overflow: hidden
}

.about .content .box2 .box_con>.w1400 .slider .slider_con ul {
    overflow: hidden;
    position: relative
}

.about .content .box2 .box_con>.w1400 .slider .slider_con ul li {
    float: left;
    position: relative;
    height: 256px
}

.about .content .box2 .box_con>.w1400 .slider .slider_con ul li .li_con {
    position: absolute;
    left: 0;
    bottom: 9px;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)
}

.about .content .box2 .box_con>.w1400 .slider .slider_con ul li .li_con .line {
    width: 17px;
    height: 9px;
    background: url(../img/about_box2_icon2.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    bottom: -9px
}

.about .content .box2 .box_con>.w1400 .slider .slider_con ul li .li_con .text {
    padding: 34px 21px;
    font-size: 14px;
    color: #777777;
    line-height: 26px
}

.about .content .box2 .box_con>.w1400 .slider .slider_con ul li .li_con .text .img {
    width: 100%;
    display: block;
    overflow: hidden
}

.about .content .box2 .box_con>.w1400 .slider .slider_con ul li .li_con .text .img img {
    width: 100%;
    display: block
}

.about .content .box2 .box_con>.w1400 .slider .slider_con ul li.pic .li_con {
    background: #006e9f
}

.about .content .box2 .box_con>.w1400 .slider .slider_con ul li.pic .li_con .line {
    background: url(../img/about_box2_icon1.png) no-repeat;
    background-size: cover
}

.about .content .box2 .box_con>.w1400 .slider .slider_con ul li.pic .li_con .text {
    padding: 16px 14px
}

.about .content .box2 .box_con>.w1400 .slider .slider_con ul li.pic .li_con .text .txt {
    color: #fff
}

.about .content .box2 .box_con>.w1400 .slider .slider_con ul:after {
    display: block;
    content: '';
    clear: both
}

.about .content .box2 .box_con .m_slider {
    display: none
}

@media (max-width: 1024px) {
    .about .content .box2 .box_con .m_slider {
        display:block
    }
}

.about .content .box2 .box_con .m_slider .top {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada
}

.about .content .box2 .box_con .m_slider .top .swiper-thumbs {
    padding: 0 2%
}

.about .content .box2 .box_con .m_slider .top .swiper-thumbs .swiper-wrapper .swiper-slide {
    position: relative
}

.about .content .box2 .box_con .m_slider .top .swiper-thumbs .swiper-wrapper .swiper-slide em {
    width: 0.14rem;
    height: 0.16rem;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/about_icon10.png) no-repeat;
    background-size: cover;
    display: none
}

.about .content .box2 .box_con .m_slider .top .swiper-thumbs .swiper-wrapper .swiper-slide a {
    text-align: center;
    font-size: 14px;
    line-height: 0.6rem;
    display: block;
    color: #999999;
    font-family: 'DIDOT_0'
}

.about .content .box2 .box_con .m_slider .top .swiper-thumbs .swiper-wrapper .swiper-slide.on em {
    display: block
}

.about .content .box2 .box_con .m_slider .top .swiper-thumbs .swiper-wrapper .swiper-slide.on a {
    color: #014099
}

.about .content .box2 .box_con .m_slider .histcon {
    padding: 0 4%
}

.about .content .box2 .box_con .m_slider .histcon .histcon_con .year_tit {
    font-size: 0.54rem;
    font-family: 'DIDOT_0'
}

.about .content .box2 .box_con .m_slider .histcon .histcon_con .text {
    font-size: 14px;
    color: #666666;
    line-height: 24px
}

.about .content .box2 .box_con .m_slider .histcon .histcon_con .text img {
    max-width: 100%
}

.about .content .box2 .box_con .year {
    margin-top: 46px;
    position: relative
}

@media (max-width: 1024px) {
    .about .content .box2 .box_con .year {
        display:none
    }
}

.about .content .box2 .box_con .year .w1400 {
    position: relative
}

.about .content .box2 .box_con .year .w1400>.line_l {
    width: 700px;
    height: 20px;
    position: absolute;
    left: -637px;
    top: 0;
    background: url(../img/index_news_bg.png) repeat-x center 10px
}

.about .content .box2 .box_con .year .w1400>.line_r {
    width: 700px;
    height: 20px;
    position: absolute;
    right: -665px;
    top: 0;
    background: url(../img/index_news_bg.png) repeat-x center 10px
}

.about .content .box2 .box_con .year .w1400 .year_list {
    overflow: hidden
}

.about .content .box2 .box_con .year .w1400 .year_list ul {
    padding: 0 56px;
    position: relative;
    overflow: hidden
}

.about .content .box2 .box_con .year .w1400 .year_list ul li {
    float: left;
    position: relative;
    text-align: center;
    line-height: 88px;
    font-size: 30px;
    color: #000000;
    padding-top: 20px;
    background: url(../img/index_news_bg1.png) no-repeat center top
}

@media (max-width: 1420px) {
    .about .content .box2 .box_con .year .w1400 .year_list ul li {
        background-position:-7px top
    }
}

.about .content .box2 .box_con .year .w1400 .prev {
    width: 31px;
    height: 14px;
    background: url(../img/about_box2_prev.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 38px;
    cursor: pointer;
    z-index: 10
}

.about .content .box2 .box_con .year .w1400 .next {
    width: 31px;
    height: 14px;
    background: url(../img/about_box2_next.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 38px;
    cursor: pointer;
    z-index: 10
}

.about .content .box2 .box_con.ani {
    opacity: 1;
    transform: translate(0)
}

.about .content .box3 .w1400 {
    overflow: hidden;
    position: relative
}

.about .content .box3 .w1400 .left {
    width: 25.28%;
    float: left;
    margin: 77px 0 0 4.42%;
    position: absolute;
    left: 0;
    bottom: 0
}

@media (min-width: 1024px) {
    .about .content .box3 .w1400 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1300px) {
    .about .content .box3 .w1400 .left {
        margin:77px 0 0 2.42%
    }
}

@media (max-width: 1100px) {
    .about .content .box3 .w1400 .left {
        display:none
    }
}

.about .content .box3 .w1400 .left img {
    width: 100%;
    display: block
}

.about .content .box3 .w1400 .left.ani {
    opacity: 1;
    transform: translate(0)
}

.about .content .box3 .w1400 .right {
    float: right;
    width: 62%;
    margin-top: 85px
}

@media (min-width: 1024px) {
    .about .content .box3 .w1400 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 1300px) {
    .about .content .box3 .w1400 .right {
        width:72%;
        margin-top: 60px
    }
}

@media (max-width: 1100px) {
    .about .content .box3 .w1400 .right {
        margin-top:20px;
        width: 100%
    }
}

.about .content .box3 .w1400 .right h5 {
    font-size: 30px;
    color: #000000;
    line-height: 66px;
    font-weight: normal
}

@media (max-width: 1024px) {
    .about .content .box3 .w1400 .right h5 {
        font-size:0.3rem;
        line-height: 0.6rem;
        text-align: center
    }
}

.about .content .box3 .w1400 .right .box_con {
    margin-top: 11px;
    height: 294px
}

@media (max-width: 1024px) {
    .about .content .box3 .w1400 .right .box_con {
        margin-top:0.1rem;
        height: auto;
        padding: 0 0.25rem
    }
}

.about .content .box3 .w1400 .right .box_con dl {
    overflow: hidden
}

.about .content .box3 .w1400 .right .box_con dl dd {
    width: 50%;
    float: left;
    position: relative;
    margin-bottom: 23px
}

@media (max-width: 1024px) {
    .about .content .box3 .w1400 .right .box_con dl dd {
        margin-bottom:0.2rem
    }
}

@media (max-width: 750px) {
    .about .content .box3 .w1400 .right .box_con dl dd {
        width:100%;
        float: inherit
    }
}

.about .content .box3 .w1400 .right .box_con dl dd em {
    width: 6px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 9px;
    background: url(../img/about_icon1.jpg) no-repeat;
    background-size: cover;
    display: block
}

.about .content .box3 .w1400 .right .box_con dl dd span {
    padding-left: 18px;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    display: block
}

@media (max-width: 1024px) {
    .about .content .box3 .w1400 .right .box_con dl dd span {
        font-size:14px;
        line-height: 24px
    }
}

.about .content .box3 .w1400 .right.ani {
    opacity: 1;
    transform: translate(0)
}

.about .content .box4 {
    overflow: hidden;
    background: #f2f2f2;
    padding-bottom: 106px
}

@media (max-width: 1024px) {
    .about .content .box4 {
        padding-bottom:0.2rem
    }
}

.about .content .box4 .w1400 {
    overflow: hidden
}

.about .content .box4 .w1400 .tits {
    text-align: center;
    margin-top: 74px
}

@media (min-width: 1024px) {
    .about .content .box4 .w1400 .tits {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .about .content .box4 .w1400 .tits {
        margin-top:0.3rem
    }
}

.about .content .box4 .w1400 .tits h4 {
    font-size: 24px;
    color: #333333;
    line-height: 28px;
    text-align: center;
    font-family: 'TT0861M_6';
    text-transform: uppercase
}

@media (max-width: 1024px) {
    .about .content .box4 .w1400 .tits h4 {
        font-size:0.26rem;
        line-height: 0.32rem
    }
}

.about .content .box4 .w1400 .tits .cn {
    font-size: 20px;
    color: #666666;
    line-height: 38px
}

@media (max-width: 1024px) {
    .about .content .box4 .w1400 .tits .cn {
        font-size:0.24rem;
        line-height: 0.48rem
    }
}

.about .content .box4 .w1400 .tits.ani {
    opacity: 1;
    transform: translate(0)
}

.about .content .box4 .w1400 .box_con {
    margin-top: 66px
}

@media (max-width: 1024px) {
    .about .content .box4 .w1400 .box_con {
        margin-top:0.3rem
    }
}

.about .content .box4 .w1400 .box_con ul {
    overflow: hidden
}

.about .content .box4 .w1400 .box_con ul li {
    width: 48.14%;
    background: #fff;
    overflow: hidden;
    float: left;
    margin-right: 3.72%
}

@media (min-width: 1024px) {
    .about .content .box4 .w1400 .box_con ul li {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 750px) {
    .about .content .box4 .w1400 .box_con ul li {
        width:100%;
        float: inherit;
        margin-right: 0;
        margin-bottom: 0.2rem
    }
}

.about .content .box4 .w1400 .box_con ul li .left {
    float: left;
    width: 48.36%;
    overflow: hidden
}

@media (max-width: 750px) {
    .about .content .box4 .w1400 .box_con ul li .left {
        width:40.36%
    }
}

@media (max-width: 380px) {
    .about .content .box4 .w1400 .box_con ul li .left {
        width:46.36%
    }
}

.about .content .box4 .w1400 .box_con ul li .left img {
    width: 100%;
    display: block
}

.about .content .box4 .w1400 .box_con ul li .right {
    float: right;
    width: 51.26%
}

@media (max-width: 750px) {
    .about .content .box4 .w1400 .box_con ul li .right {
        width:59.26%
    }
}

@media (max-width: 380px) {
    .about .content .box4 .w1400 .box_con ul li .right {
        width:53.26%
    }
}

.about .content .box4 .w1400 .box_con ul li .right .li_con {
    padding: 32px 9.24% 22px 9.24%
}

@media (max-width: 1420px) {
    .about .content .box4 .w1400 .box_con ul li .right .li_con {
        padding:22px 9.24% 20px 9.24%
    }
}

@media (max-width: 1300px) {
    .about .content .box4 .w1400 .box_con ul li .right .li_con {
        padding:10px 9.24% 10px 9.24%
    }
}

@media (max-width: 750px) {
    .about .content .box4 .w1400 .box_con ul li .right .li_con {
        padding:0.3rem 9.24% 0.2rem 9.24%
    }
}

@media (max-width: 480px) {
    .about .content .box4 .w1400 .box_con ul li .right .li_con {
        padding:0.1rem 2.24% 0.1rem 6.24%
    }
}

.about .content .box4 .w1400 .box_con ul li .right .li_con h5 {
    font-size: 20px;
    color: #444444;
    line-height: 38px;
    font-weight: normal
}

@media (max-width: 1024px) {
    .about .content .box4 .w1400 .box_con ul li .right .li_con h5 {
        font-size:0.24rem;
        line-height: 0.38rem
    }
}

.about .content .box4 .w1400 .box_con ul li .right .li_con .time {
    font-size: 14px;
    color: #999999;
    line-height: 30px
}

@media (max-width: 1024px) {
    .about .content .box4 .w1400 .box_con ul li .right .li_con .time {
        line-height:24px
    }
}

.about .content .box4 .w1400 .box_con ul li .right .li_con .text {
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    margin-top: 14px;
    height: 150px;
    overflow: hidden
}

@media (max-width: 1420px) {
    .about .content .box4 .w1400 .box_con ul li .right .li_con .text {
        height:120px
    }
}

@media (max-width: 1150px) {
    .about .content .box4 .w1400 .box_con ul li .right .li_con .text {
        margin-top:0
    }
}

@media (max-width: 1100px) {
    .about .content .box4 .w1400 .box_con ul li .right .li_con .text {
        height:90px
    }
}

@media (max-width: 1024px) {
    .about .content .box4 .w1400 .box_con ul li .right .li_con .text {
        font-size:14px;
        line-height: 24px;
        height: 72px
    }
}

@media (max-width: 750px) {
    .about .content .box4 .w1400 .box_con ul li .right .li_con .text {
        height:120px
    }
}

@media (max-width: 640px) {
    .about .content .box4 .w1400 .box_con ul li .right .li_con .text {
        height:96px
    }
}

@media (max-width: 480px) {
    .about .content .box4 .w1400 .box_con ul li .right .li_con .text {
        height:72px
    }
}

.about .content .box4 .w1400 .box_con ul li:nth-child(2n) {
    margin-right: 0
}

@media (min-width: 1024px) {
    .about .content .box4 .w1400 .box_con ul li:nth-child(2n) {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.about .content .box4 .w1400 .box_con ul li.ani {
    opacity: 1;
    transform: translate(0)
}

.about_info .content .w1400 {
    margin-top: 50px
}

.about_info .content .w1400 h5 {
    font-size: 30px;
    color: #333333;
    line-height: 44px;
    text-align: center
}

@media (max-width: 1024px) {
    .about_info .content .w1400 h5 {
        font-size:0.26rem;
        line-height: 0.44rem
    }
}

.about_info .content .w1400 .text {
    margin-top: 15px;
    border-bottom: 1px solid #e1e1e1;
    padding-top: 46px;
    padding-bottom: 82px
}

@media (max-width: 1024px) {
    .about_info .content .w1400 .text {
        margin-top:0;
        padding-top: 0.2rem;
        padding-bottom: 0.4rem
    }

    .product .content .w1400 .list ul li a .img img {
        width: 100%;
        display: block;
        transition: all 0.5s;
        height: auto;
    }
}

.about_info .content .w1400 .text p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    text-indent: 2em
}

@media (max-width: 1024px) {
    .about_info .content .w1400 .text p {
        line-height:22px
    }
}

.about_info .content .w1400 .text p img {
    max-width: 100%
}

.innovation .content .box1 {
    overflow: hidden;
    margin-top: 47px;
    padding-bottom: 60px
}

@media (max-width: 1024px) {
    .innovation .content .box1 {
        margin-top:0.5rem;
        padding-bottom: 0.3rem
    }
}

.innovation .content .box1 .w1400 .left {
    width: 45%;
    float: left
}

@media (min-width: 1024px) {
    .innovation .content .box1 .w1400 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 750px) {
    .innovation .content .box1 .w1400 .left {
        float:inherit;
        width: 100%
    }
}

.innovation .content .box1 .w1400 .left h5 {
    font-size: 24px;
    color: #333333;
    line-height: 70px;
    font-weight: normal;
    margin-top: 32px
}

@media (max-width: 1420px) {
    .innovation .content .box1 .w1400 .left h5 {
        margin-top:12px
    }
}

@media (max-width: 1200px) {
    .innovation .content .box1 .w1400 .left h5 {
        margin-top:0px
    }
}

@media (max-width: 1024px) {
    .innovation .content .box1 .w1400 .left h5 {
        font-size:0.26rem;
        line-height: 0.5rem
    }
}

.innovation .content .box1 .w1400 .left i {
    width: 73px;
    height: 2px;
    background: #535353;
    display: block
}

.innovation .content .box1 .w1400 .left .text {
    font-size: 16px;
    line-height: 30px;
    margin-top: 43px
}

@media (max-width: 1420px) {
    .innovation .content .box1 .w1400 .left .text {
        margin-top:23px
    }
}

@media (max-width: 1200px) {
    .innovation .content .box1 .w1400 .left .text {
        margin-top:12px
    }
}

@media (max-width: 1024px) {
    .innovation .content .box1 .w1400 .left .text {
        font-size:14px;
        line-height: 24px;
        margin-top: 0.1rem
    }
}

.innovation .content .box1 .w1400 .left .icons {
    margin-top: 35px;
    overflow: hidden
}

@media (max-width: 1420px) {
    .innovation .content .box1 .w1400 .left .icons {
        margin-top:20px
    }
}

@media (max-width: 1200px) {
    .innovation .content .box1 .w1400 .left .icons {
        margin-top:10px
    }
}

@media (max-width: 1024px) {
    .innovation .content .box1 .w1400 .left .icons {
        margin-top:0.1rem
    }
}

.innovation .content .box1 .w1400 .left .icons .icon {
    float: left;
    width: 92px;
    height: 92px;
    overflow: hidden;
    margin-right: 62px
}

@media (max-width: 1200px) {
    .innovation .content .box1 .w1400 .left .icons .icon {
        margin-right:42px
    }
}

@media (max-width: 1024px) {
    .innovation .content .box1 .w1400 .left .icons .icon {
        width:0.92rem;
        height: 0.92rem;
        margin-right: 0.2rem
    }
}

.innovation .content .box1 .w1400 .left .icons .icon img {
    width: 100%;
    display: block
}

.innovation .content .box1 .w1400 .left.ani {
    opacity: 1;
    transform: translate(0)
}

.innovation .content .box1 .w1400 .right {
    float: right;
    width: 47.78%;
    overflow: hidden
}

@media (min-width: 1024px) {
    .innovation .content .box1 .w1400 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 1024px) {
    .innovation .content .box1 .w1400 .right {
        width:52%
    }
}

@media (max-width: 750px) {
    .innovation .content .box1 .w1400 .right {
        float:inherit;
        width: 100%;
        margin-top: 0.2rem
    }
}

.innovation .content .box1 .w1400 .right img {
    width: 100%;
    display: block
}

.innovation .content .box1 .w1400 .right.ani {
    opacity: 1;
    transform: translate(0)
}

.innovation .content .box2 {
    padding-bottom: 60px
}

@media (max-width: 1024px) {
    .innovation .content .box2 {
        padding-bottom:0
    }
}

.innovation .content .box2 .w1400 .item {
    background: #f8f8f8;
    padding: 29px 26px 32px 26px;
    overflow: hidden;
    margin-bottom: 39px
}

@media (min-width: 1024px) {
    .innovation .content .box2 .w1400 .item {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item {
        padding:0.2rem 0.1rem 0.24rem 0.1rem
    }
}

.innovation .content .box2 .w1400 .item .pic {
    width: 40.13%;
    float: left;
    overflow: hidden
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item .pic {
        width:100%;
        float: inherit
    }
}

.innovation .content .box2 .w1400 .item .pic img {
    width: 100%;
    display: block
}

.innovation .content .box2 .w1400 .item .right {
    width: 55.04%;
    float: right
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item .right {
        width:58.04%
    }
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item .right {
        width:100%;
        float: inherit
    }
}

.innovation .content .box2 .w1400 .item .right h5 {
    font-size: 22px;
    color: #333333;
    line-height: 50px;
    font-weight: normal;
    margin-top: 34px
}

@media (max-width: 1420px) {
    .innovation .content .box2 .w1400 .item .right h5 {
        margin-top:14px
    }
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item .right h5 {
        font-size:0.24rem;
        line-height: 0.5rem;
        margin-top: 0.1rem
    }
}

.innovation .content .box2 .w1400 .item .right i {
    width: 50px;
    height: 2px;
    background: #535353;
    display: block
}

.innovation .content .box2 .w1400 .item .right .item_con {
    margin-top: 38px;
    overflow: hidden
}

@media (max-width: 1100px) {
    .innovation .content .box2 .w1400 .item .right .item_con {
        margin-top:18px
    }
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item .right .item_con {
        margin-top:0.16rem
    }
}

.innovation .content .box2 .w1400 .item .right .item_con dl {
    overflow: hidden
}

.innovation .content .box2 .w1400 .item .right .item_con dl dd {
    float: left;
    margin-right: 70px
}

@media (max-width: 1420px) {
    .innovation .content .box2 .w1400 .item .right .item_con dl dd {
        margin-right:30px
    }
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item .right .item_con dl dd {
        margin-right:0.2rem
    }
}

.innovation .content .box2 .w1400 .item .right .item_con dl dd .dd_top {
    height: 64px;
    overflow: hidden;
    line-height: 64px;
    color: #333333;
    font-size: 46px;
    font-family: 'BEBAS';
    text-align: center
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item .right .item_con dl dd .dd_top {
        height:0.64rem;
        line-height: 0.64rem;
        font-size: 0.4rem
    }
}

.innovation .content .box2 .w1400 .item .right .item_con dl dd .dd_top span.fz26 {
    font-size: 26px
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item .right .item_con dl dd .dd_top span.fz26 {
        font-size:0.26rem
    }
}

.innovation .content .box2 .w1400 .item .right .item_con dl dd .dd_top span.fz20 {
    font-size: 20px
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item .right .item_con dl dd .dd_top span.fz20 {
        font-size:0.22rem
    }
}

.innovation .content .box2 .w1400 .item .right .item_con dl dd .dd_bot {
    font-size: 16px;
    color: #666666;
    line-height: 38px;
    text-align: center
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item .right .item_con dl dd .dd_bot {
        font-size:12px;
        line-height: 28px
    }
}

.innovation .content .box2 .w1400 .item .right .item_con ul li {
    width: 50%;
    float: left;
    position: relative;
    line-height: 26px;
    margin-bottom: 15px
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item .right .item_con ul li {
        line-height:24px;
        margin-bottom: 0.14rem
    }
}

@media (max-width: 640px) {
    .innovation .content .box2 .w1400 .item .right .item_con ul li {
        float:inherit;
        width: 100%
    }
}

.innovation .content .box2 .w1400 .item .right .item_con ul li .icon {
    width: 7px;
    height: 12px;
    background: url(../img/innova_icon4.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 7px
}

.innovation .content .box2 .w1400 .item .right .item_con ul li p {
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    display: block;
    padding-left: 26px
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item .right .item_con ul li p {
        font-size:14px
    }
}

.innovation .content .box2 .w1400 .item .right .item_con .item_coop {
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    padding: 0 0 0 86px;
    min-height: 70px
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item .right .item_con .item_coop {
        margin-top:0.1rem;
        padding: 0 0 0 0.86rem
    }
}

.innovation .content .box2 .w1400 .item .right .item_con .item_coop .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    overflow: hidden
}

@media (max-width: 640px) {
    .innovation .content .box2 .w1400 .item .right .item_con .item_coop .icon {
        width:0.7rem;
        height: 0.7rem
    }
}

.innovation .content .box2 .w1400 .item .right .item_con .item_coop .icon img {
    width: 100%;
    display: block
}

.innovation .content .box2 .w1400 .item .right .item_con .item_coop .text {
    font-size: 16px;
    color: #666666;
    line-height: 30px
}

@media (max-width: 1024px) {
    .innovation .content .box2 .w1400 .item .right .item_con .item_coop .text {
        font-size:14px;
        line-height: 26px
    }
}

.innovation .content .box2 .w1400 .item.ani {
    opacity: 1;
    transform: translate(0)
}

@media (max-width: 1024px) {
    .factory .content .list {
        margin-top:0.4rem
    }
}

.factory .content .list ul li {
    height: 492px;
    overflow: hidden;
    position: relative
}

@media (max-width: 1024px) {
    .factory .content .list ul li {
        height:auto;
        margin-bottom: 0.4rem;
        border-bottom: 1px solid #e2e2e2
    }
}

.factory .content .list ul li .left {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 492px
}

@media (min-width: 1024px) {
    .factory .content .list ul li .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1024px) {
    .factory .content .list ul li .left {
        width:100%;
        position: inherit;
        left: inherit;
        top: inherit;
        height: auto
    }
}

.factory .content .list ul li .left img {
    display: none;
    width: 100%
}

@media (max-width: 1024px) {
    .factory .content .list ul li .left img {
        display:block
    }
}

.factory .content .list ul li .left.ani {
    opacity: 1;
    transform: translate(0)
}

.factory .content .list ul li .w1400 {
    overflow: hidden
}

@media (min-width: 1024px) {
    .factory .content .list ul li .w1400 {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.factory .content .list ul li .w1400 .li_con {
    width: 50%;
    float: right
}

@media (max-width: 1024px) {
    .factory .content .list ul li .w1400 .li_con {
        width:100%;
        float: inherit
    }
}

.factory .content .list ul li .w1400 .li_con .text {
    padding: 70px 0 0 9.71%
}

@media (max-width: 1300px) {
    .factory .content .list ul li .w1400 .li_con .text {
        padding:50px 0 0 9.71%
    }
}

@media (max-width: 1024px) {
    .factory .content .list ul li .w1400 .li_con .text {
        padding:0 0 0.2rem 0
    }
}

.factory .content .list ul li .w1400 .li_con .text h5 {
    font-size: 24px;
    color: #333333;
    line-height: 94px;
    font-weight: normal
}

@media (max-width: 1024px) {
    .factory .content .list ul li .w1400 .li_con .text h5 {
        font-size:0.26rem;
        line-height: 0.8rem
    }
}

.factory .content .list ul li .w1400 .li_con .text i {
    width: 84px;
    height: 2px;
    background: #535353;
    display: block
}

.factory .content .list ul li .w1400 .li_con .text .txt {
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    margin-top: 48px
}

@media (max-width: 1024px) {
    .factory .content .list ul li .w1400 .li_con .text .txt {
        font-size:14px;
        line-height: 26px;
        margin-top: 0.1rem
    }
}

.factory .content .list ul li .w1400 .li_con .text .item {
    margin-top: 44px
}

@media (max-width: 1024px) {
    .factory .content .list ul li .w1400 .li_con .text .item {
        margin-top:0.3rem
    }
}

.factory .content .list ul li .w1400 .li_con .text .item ul li {
    float: left;
    width: 122px;
    height: 96px;
    border: 1px solid #bfbfbf;
    margin-right: 8px
}

@media (max-width: 1250px) {
    .factory .content .list ul li .w1400 .li_con .text .item ul li {
        width:100px
    }
}

@media (max-width: 1024px) {
    .factory .content .list ul li .w1400 .li_con .text .item ul li {
        width:1.08rem;
        height: 0.96rem
    }
}

.factory .content .list ul li .w1400 .li_con .text .item ul li .icon {
    width: 37px;
    height: 31px;
    overflow: hidden;
    margin: 18px auto 0
}

@media (max-width: 1024px) {
    .factory .content .list ul li .w1400 .li_con .text .item ul li .icon {
        width:0.37rem;
        height: 0.31rem;
        margin: 0.18rem auto 0
    }
}

.factory .content .list ul li .w1400 .li_con .text .item ul li .icon img {
    max-width: 100%;
    display: block
}

.factory .content .list ul li .w1400 .li_con .text .item ul li span {
    font-size: 16px;
    color: #999999;
    line-height: 44px;
    text-align: center;
    display: block
}

@media (max-width: 1024px) {
    .factory .content .list ul li .w1400 .li_con .text .item ul li span {
        font-size:14px;
        line-height: 34px
    }
}

.factory .content .list ul li .w1400.ani {
    opacity: 1;
    transform: translate(0)
}

.factory .content .list ul li:nth-child(even) .left {
    left: inherit;
    right: 0
}

@media (min-width: 1024px) {
    .factory .content .list ul li:nth-child(even) .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.factory .content .list ul li:nth-child(even) .left.ani {
    opacity: 1;
    transform: translate(0)
}

@media (min-width: 1024px) {
    .factory .content .list ul li:nth-child(even) .w1400 {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

.factory .content .list ul li:nth-child(even) .w1400 .li_con {
    float: left
}

.factory .content .list ul li:nth-child(even) .w1400 .li_con .text {
    padding: 70px 9.71% 0 0
}

@media (max-width: 1300px) {
    .factory .content .list ul li:nth-child(even) .w1400 .li_con .text {
        padding:50px 9.71% 0 0
    }
}

@media (max-width: 1024px) {
    .factory .content .list ul li:nth-child(even) .w1400 .li_con .text {
        padding:0 0 0.2rem 0
    }
}

.factory .content .list ul li:nth-child(even) .w1400.ani {
    opacity: 1;
    transform: translate(0)
}

.investor .content .box1 {
    overflow: hidden;
    margin-top: 35px;
    padding-bottom: 82px
}

@media (max-width: 1024px) {
    .investor .content .box1 {
        margin-top:0.3rem;
        padding-bottom: 0.6rem
    }
}

.investor .content .box1 .w1400 .left {
    width: 45.78%;
    float: left
}

@media (min-width: 1024px) {
    .investor .content .box1 .w1400 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 640px) {
    .investor .content .box1 .w1400 .left {
        float:inherit;
        width: 100%
    }
}

@media (max-width: 1024px) {
    .investor .content .box1 .w1400 .left {
        display:none
    }
}

.investor .content .box1 .w1400 .left h5 {
    font-size: 26px;
    color: #333333;
    font-weight: normal;
    line-height: 94px
}

@media (max-width: 1024px) {
    .investor .content .box1 .w1400 .left h5 {
        font-size:0.28rem;
        line-height: 0.8rem
    }
}

@media (max-width: 640px) {
    .investor .content .box1 .w1400 .left h5 {
        text-align:center
    }
}

.investor .content .box1 .w1400 .left .con {
    width: 560px;
    height: 490px !important;
    position: relative;
    overflow: hidden
}

.investor .content .box1 .w1400 .left .con iframe {
    width: 980px;
    height: 1200px;
    position: absolute;
    left: -206px;
    top: -621px
}

.investor .content .box1 .w1400 .left .con img {
    max-width: 100%;
    display: block
}

.investor .content .box1 .w1400 .left.ani {
    opacity: 1;
    transform: translate(0)
}

.investor .content .box1 .w1400 .right {
    float: right;
    width: 46.14%
}

@media (max-width: 1100px) {
    .investor .content .box1 .w1400 .right {
        width:42%
    }
}

@media (min-width: 1024px) {
    .investor .content .box1 .w1400 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 1024px) {
    .investor .content .box1 .w1400 .right {
        float:inherit;
        width: 100%;
        margin-top: 0.2rem
    }
}

.investor .content .box1 .w1400 .right h5 {
    font-size: 26px;
    color: #333333;
    font-weight: normal;
    line-height: 94px
}

@media (max-width: 1024px) {
    .investor .content .box1 .w1400 .right h5 {
        font-size:0.28rem;
        line-height: 0.8rem
    }
}

@media (max-width: 640px) {
    .investor .content .box1 .w1400 .right h5 {
        text-align:center
    }
}

.investor .content .box1 .w1400 .right .con {
    height: 437px
}

@media (max-width: 1024px) {
    .investor .content .box1 .w1400 .right .con {
        height:auto
    }
}

.investor .content .box1 .w1400 .right .con a {
    display: block;
    height: 437px
}

@media (max-width: 1024px) {
    .investor .content .box1 .w1400 .right .con a {
        height:auto;
        background: none !important
    }
}

.investor .content .box1 .w1400 .right .con img {
    width: 100%;
    display: none
}

@media (max-width: 1024px) {
    .investor .content .box1 .w1400 .right .con img {
        display:block
    }
}

.investor .content .box1 .w1400 .right.ani {
    opacity: 1;
    transform: translate(0)
}

.investor .content .box2 {
    background: #f7f7f7;
    padding-bottom: 68px
}

@media (max-width: 1024px) {
    .investor .content .box2 {
        padding-bottom:0.6rem
    }
}

.investor .content .box2 .w1400 {
    overflow: hidden
}

.investor .content .box2 .w1400 h5 {
    margin-top: 45px;
    font-size: 26px;
    line-height: 46px;
    color: #333333;
    font-weight: normal;
    text-align: center
}

@media (min-width: 1024px) {
    .investor .content .box2 .w1400 h5 {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .investor .content .box2 .w1400 h5 {
        font-size:0.28rem;
        line-height: 0.46rem;
        margin-top: 0.2rem
    }
}

.investor .content .box2 .w1400 h5.ani {
    opacity: 1;
    transform: translate(0)
}

.investor .content .box2 .w1400 .list {
    margin-top: 44px
}

@media (max-width: 1024px) {
    .investor .content .box2 .w1400 .list {
        margin-top:0.3rem
    }
}

.investor .content .box2 .w1400 .list ul {
    overflow: hidden
}

.investor .content .box2 .w1400 .list ul li {
    width: 32.14%;
    float: left;
    margin-right: 1.79%;
    margin-bottom: 38px;
    box-shadow: 0 0 13px 0 rgba(0,0,0,0.05)
}

@media (min-width: 1024px) {
    .investor .content .box2 .w1400 .list ul li {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .investor .content .box2 .w1400 .list ul li {
        margin-bottom:0.2rem
    }
}

@media (max-width: 640px) {
    .investor .content .box2 .w1400 .list ul li {
        width:49.1%;
        margin-right: 1.8%
    }
}

@media (max-width: 380px) {
    .investor .content .box2 .w1400 .list ul li {
        width:100%;
        margin-right: 0%
    }
}

.investor .content .box2 .w1400 .list ul li a {
    display: block;
    padding: 8px 6.2% 30px;
    background: #fff
}

@media (max-width: 1024px) {
    .investor .content .box2 .w1400 .list ul li a {
        padding:0.1rem 4.2% 0.3rem
    }
}

.investor .content .box2 .w1400 .list ul li a .top {
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc
}

.investor .content .box2 .w1400 .list ul li a .top .time {
    font-size: 16px;
    line-height: 60px;
    font-family: 'Arial';
    float: left;
    color: #999999
}

@media (max-width: 1024px) {
    .investor .content .box2 .w1400 .list ul li a .top .time {
        font-size:14px;
        line-height: 0.6rem
    }
}

.investor .content .box2 .w1400 .list ul li a .top em {
    float: right;
    width: 24px;
    height: 12px;
    background: url(../img/investor_icon1.jpg) no-repeat;
    background-size: cover;
    display: block;
    margin-top: 27px
}

@media (max-width: 1024px) {
    .investor .content .box2 .w1400 .list ul li a .top em {
        width:0.24rem;
        height: 0.12rem;
        margin-top: 0.27rem
    }
}

.investor .content .box2 .w1400 .list ul li a .top i {
    width: 1px;
    height: 22px;
    background: #d2d2d2;
    float: right;
    display: block;
    margin-right: 16px;
    margin-top: 21px
}

@media (max-width: 1024px) {
    .investor .content .box2 .w1400 .list ul li a .top i {
        height:0.22rem;
        margin-right: 0.16rem;
        margin-top: 0.21rem
    }
}

.investor .content .box2 .w1400 .list ul li a .txt {
    font-size: 18px;
    color: #666666;
    line-height: 32px;
    margin-top: 20px;
    height: 64px;
    overflow: hidden;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .investor .content .box2 .w1400 .list ul li a .txt {
        font-size:14px;
        line-height: 26px;
        margin-top: 0.2rem;
        height: 52px
    }
}

@media (min-width: 1024px) {
    .investor .content .box2 .w1400 .list ul li a:hover .txt {
        color:#f7971a
    }
}

@media (min-width: 640px) {
    .investor .content .box2 .w1400 .list ul li:nth-child(3n) {
        margin-right:0
    }
}

@media (max-width: 640px) {
    .investor .content .box2 .w1400 .list ul li:nth-child(2n) {
        margin-right:0
    }
}

.investor .content .box2 .w1400 .list ul li.ani {
    opacity: 1;
    transform: translate(0)
}

.investor .content .box2 .w1400 .list ul:after {
    clear: both;
    display: block;
    content: ''
}

.investor .content .box2 .w1400 .list .more {
    width: 206px;
    height: 50px;
    background: #006e9f;
    margin: 16px auto 0;
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    transition: all 0.5s
}

@media (min-width: 1024px) {
    .investor .content .box2 .w1400 .list .more {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .investor .content .box2 .w1400 .list .more {
        width:2rem;
        height: 0.54rem;
        margin: 0.16rem auto 0;
        font-size: 14px;
        line-height: 0.54rem
    }
}

@media (min-width: 1024px) {
    .investor .content .box2 .w1400 .list .more:hover {
        background:#f7971a
    }
}

.investor .content .box2 .w1400 .list .more.ani {
    opacity: 1;
    transform: translate(0)
}

.investor .content .box3 {
    padding-bottom: 68px
}

@media (max-width: 1024px) {
    .investor .content .box3 {
        padding-bottom:0.6rem
    }
}

.investor .content .box3 .w1400>h5 {
    margin-top: 75px;
    font-size: 26px;
    line-height: 46px;
    color: #333333;
    font-weight: normal;
    text-align: center
}

@media (min-width: 1024px) {
    .investor .content .box3 .w1400>h5 {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .investor .content .box3 .w1400>h5 {
        font-size:0.28rem;
        line-height: 0.46rem;
        margin-top: 0.2rem
    }
}

.investor .content .box3 .w1400>h5.ani {
    opacity: 1;
    transform: translate(0)
}

.investor .content .box3 .w1400 .list {
    margin-top: 48px
}

@media (max-width: 1024px) {
    .investor .content .box3 .w1400 .list {
        margin-top:0.3rem
    }
}

.investor .content .box3 .w1400 .list ul {
    overflow: hidden
}

.investor .content .box3 .w1400 .list ul li {
    width: 48.57%;
    float: left;
    margin-bottom: 26px
}

@media (min-width: 1024px) {
    .investor .content .box3 .w1400 .list ul li {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .investor .content .box3 .w1400 .list ul li {
        margin-bottom:0.2rem
    }
}

@media (max-width: 640px) {
    .investor .content .box3 .w1400 .list ul li {
        width:100%;
        float: inherit
    }
}

.investor .content .box3 .w1400 .list ul li a {
    border: 1px solid #d2d2d2;
    position: relative;
    padding: 26px 96px 24px 120px;
    display: block;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .investor .content .box3 .w1400 .list ul li a {
        padding:0.2rem 0.96rem 0.2rem 0.8rem
    }
}

.investor .content .box3 .w1400 .list ul li a .icon {
    width: 61px;
    height: 61px;
    overflow: hidden;
    position: absolute;
    left: 28px;
    top: 26px
}

@media (max-width: 1024px) {
    .investor .content .box3 .w1400 .list ul li a .icon {
        width:0.61rem;
        height: 0.61rem;
        left: 0.1rem;
        top: 0.32rem
    }
}

.investor .content .box3 .w1400 .list ul li a .icon img {
    width: 100%;
    display: block
}

.investor .content .box3 .w1400 .list ul li a .text {
    border-right: 1px solid #dcdcdc
}

.investor .content .box3 .w1400 .list ul li a .text h5 {
    font-size: 18px;
    color: #666666;
    line-height: 34px;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s
}

@media (max-width: 1024px) {
    .investor .content .box3 .w1400 .list ul li a .text h5 {
        font-size:16px;
        line-height: 32px
    }
}

.investor .content .box3 .w1400 .list ul li a .text .time {
    font-size: 14px;
    color: #999999;
    font-family: 'Arial';
    line-height: 26px
}

@media (max-width: 1024px) {
    .investor .content .box3 .w1400 .list ul li a .text .time {
        line-height:22px
    }
}

.investor .content .box3 .w1400 .list ul li a .more {
    width: 30px;
    height: 30px;
    background: url(../img/investor_box3_icon2.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    right: 36px;
    top: 50%;
    margin-top: -15px
}

@media (max-width: 1024px) {
    .investor .content .box3 .w1400 .list ul li a .more {
        width:0.3rem;
        height: 0.3rem;
        right: 0.36rem;
        margin-top: -0.15rem
    }
}

@media (min-width: 1024px) {
    .investor .content .box3 .w1400 .list ul li a:hover .text h5 {
        color:#f7971a
    }
}

@media (min-width: 1024px) {
    .investor .content .box3 .w1400 .list ul li a:hover {
        box-shadow:0 0 13px 0 rgba(0,0,0,0.1)
    }
}

@media (min-width: 640px) {
    .investor .content .box3 .w1400 .list ul li:nth-child(even) {
        float:right
    }
}

.investor .content .box3 .w1400 .list ul li.ani {
    opacity: 1;
    transform: translate(0)
}

.investor .content .box3 .w1400 .list ul:after {
    display: block;
    clear: both;
    content: ''
}

.investor .content .box3 .w1400 .list>.more {
    width: 206px;
    height: 50px;
    background: #006e9f;
    margin: 42px auto 0;
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    transition: all 0.5s
}

@media (min-width: 1024px) {
    .investor .content .box3 .w1400 .list>.more {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .investor .content .box3 .w1400 .list>.more {
        width:2rem;
        height: 0.54rem;
        margin: 0.16rem auto 0;
        font-size: 14px;
        line-height: 0.54rem
    }
}

@media (min-width: 1024px) {
    .investor .content .box3 .w1400 .list>.more:hover {
        background:#f7971a
    }
}

.investor .content .box3 .w1400 .list>.more.ani {
    opacity: 1;
    transform: translate(0)
}

.join {
    background: #f7f7f7
}

.join .content {
    padding-bottom: 115px
}

@media (max-width: 1024px) {
    .join .content {
        padding-bottom:0.4rem
    }
}

.join .content .box1 {
    margin-top: 32px;
    padding-bottom: 7px
}

@media (max-width: 1024px) {
    .join .content .box1 {
        margin-top:0.3rem;
        padding-bottom: 7px
    }
}

.join .content .box1 .w1400 h5 {
    font-size: 28px;
    color: #333333;
    font-weight: normal;
    line-height: 90px
}

@media (min-width: 1024px) {
    .join .content .box1 .w1400 h5 {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .join .content .box1 .w1400 h5 {
        font-size:0.3rem;
        line-height: 0.8rem
    }
}

.join .content .box1 .w1400 h5.ani {
    opacity: 1;
    transform: translate(0)
}

@media (min-width: 1024px) {
    .join .content .box1 .w1400 .box_con {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .join .content .box1 .w1400 .box_con {
        display:none
    }
}

.join .content .box1 .w1400 .box_con ul {
    overflow: hidden
}

.join .content .box1 .w1400 .box_con ul li {
    float: left;
    margin-right: 30px
}

.join .content .box1 .w1400 .box_con ul li a {
    display: block
}

.join .content .box1 .w1400 .box_con ul li a .pic {
    width: 100%;
    overflow: hidden
}

.join .content .box1 .w1400 .box_con ul li a .pic img {
    width: 100%;
    display: block;
    transition: all 0.5s
}

.join .content .box1 .w1400 .box_con ul li a .li_con {
    border: 1px solid #d9d9d9;
    border-top: 0 none;
    padding: 8px 11px 22px
}

.join .content .box1 .w1400 .box_con ul li a .li_con .time {
    line-height: 36px;
    font-size: 16px;
    color: #999999;
    font-family: 'Arial'
}

.join .content .box1 .w1400 .box_con ul li a .li_con .text {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    overflow: hidden;
    height: 60px
}

@media (min-width: 1024px) {
    .join .content .box1 .w1400 .box_con ul li a:hover .pic img {
        transform:scale(1.05)
    }
}

.join .content .box1 .w1400 .box_con.ani {
    opacity: 1;
    transform: translate(0)
}

.join .content .box1 .w1400 .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
    overflow: initial;
    padding-bottom: 7px
}

.join .content .box1 .w1400 .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 15px;
    background: url(../img/scroll_bg.png) no-repeat center center
}

.join .content .box1 .w1400 .m_box_con {
    display: none
}

@media (max-width: 1024px) {
    .join .content .box1 .w1400 .m_box_con {
        display:block
    }
}

.join .content .box1 .w1400 .m_box_con .swiper-join {
    padding-bottom: 0.2rem
}

.join .content .box1 .w1400 .m_box_con .swiper-join .swiper-wrapper .swiper-slide a {
    display: block
}

.join .content .box1 .w1400 .m_box_con .swiper-join .swiper-wrapper .swiper-slide a .pic {
    width: 100%;
    overflow: hidden
}

.join .content .box1 .w1400 .m_box_con .swiper-join .swiper-wrapper .swiper-slide a .pic img {
    width: 100%;
    display: block;
    transition: all 0.5s
}

.join .content .box1 .w1400 .m_box_con .swiper-join .swiper-wrapper .swiper-slide a .li_con {
    border: 1px solid #d9d9d9;
    border-top: 0 none;
    padding: 0.1rem 0.1rem 0.2rem
}

.join .content .box1 .w1400 .m_box_con .swiper-join .swiper-wrapper .swiper-slide a .li_con .time {
    line-height: 32px;
    font-size: 14px;
    color: #999999;
    font-family: 'Arial'
}

.join .content .box1 .w1400 .m_box_con .swiper-join .swiper-wrapper .swiper-slide a .li_con .text {
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    overflow: hidden;
    height: 52px
}

.join .content .box2 {
    margin-top: 60px
}

@media (max-width: 1024px) {
    .join .content .box2 {
        margin-top:0.3rem
    }
}

.join .content .box2 .w1400 ul li {
    overflow: hidden;
    height: 400px;
    background: #fff
}

@media (max-width: 1024px) {
    .join .content .box2 .w1400 ul li {
        height:auto;
        margin-bottom: 0.2rem
    }
}

.join .content .box2 .w1400 ul li .left {
    width: 50%;
    float: left
}

@media (min-width: 1024px) {
    .join .content .box2 .w1400 ul li .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1024px) {
    .join .content .box2 .w1400 ul li .left {
        float:inherit;
        width: 100%
    }
}

.join .content .box2 .w1400 ul li .left .li_con {
    padding: 40px 7.14% 0
}

@media (max-width: 1400px) {
    .join .content .box2 .w1400 ul li .left .li_con {
        padding:20px 4.14% 0
    }
}

@media (max-width: 1024px) {
    .join .content .box2 .w1400 ul li .left .li_con {
        padding:0.2rem 4.14% 0.4rem;
        border-bottom: 1px solid #e2e2e2
    }
}

.join .content .box2 .w1400 ul li .left .li_con .tit {
    line-height: 66px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .join .content .box2 .w1400 ul li .left .li_con .tit {
        line-height:0.6rem
    }
}

.join .content .box2 .w1400 ul li .left .li_con .tit h5 {
    font-size: 28px;
    color: #333333;
    font-weight: normal;
    float: left
}

@media (max-width: 1024px) {
    .join .content .box2 .w1400 ul li .left .li_con .tit h5 {
        font-size:0.3rem
    }
}

.join .content .box2 .w1400 ul li .left .li_con .tit span {
    font-size: 20px;
    color: #999999;
    font-family: 'Arial';
    float: left;
    margin-left: 12px
}

@media (max-width: 1024px) {
    .join .content .box2 .w1400 ul li .left .li_con .tit span {
        font-size:0.22rem;
        margin-left: 0.1rem
    }
}

.join .content .box2 .w1400 ul li .left .li_con i {
    width: 78px;
    height: 2px;
    background: #434343;
    display: block
}

.join .content .box2 .w1400 ul li .left .li_con .text {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    margin-top: 24px
}

@media (max-width: 1400px) {
    .join .content .box2 .w1400 ul li .left .li_con .text {
        line-height:26px;
        margin-top: 14px
    }
}

.join .content .box2 .w1400 ul li .left.ani {
    opacity: 1;
    transform: translate(0)
}

.join .content .box2 .w1400 ul li .right {
    float: right;
    height: 400px;
    width: 50%
}

@media (min-width: 1024px) {
    .join .content .box2 .w1400 ul li .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 1024px) {
    .join .content .box2 .w1400 ul li .right {
        float:inherit;
        width: 100%;
        height: auto;
        background: none !important
    }
}

.join .content .box2 .w1400 ul li .right img {
    display: none;
    width: 100%
}

@media (max-width: 1024px) {
    .join .content .box2 .w1400 ul li .right img {
        display:block
    }
}

.join .content .box2 .w1400 ul li .right.ani {
    opacity: 1;
    transform: translate(0)
}

.join .content .box2 .w1400 ul li:nth-child(even) .left {
    float: right
}

@media (min-width: 1024px) {
    .join .content .box2 .w1400 ul li:nth-child(even) .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

.join .content .box2 .w1400 ul li:nth-child(even) .left.ani {
    opacity: 1;
    transform: translate(0)
}

.join .content .box2 .w1400 ul li:nth-child(even) .right {
    float: left
}

@media (min-width: 1024px) {
    .join .content .box2 .w1400 ul li:nth-child(even) .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

.join .content .box2 .w1400 ul li:nth-child(even) .right.ani {
    opacity: 1;
    transform: translate(0)
}

.social_recru {
    background: #f7f7f7
}

.social_recru .content .box1 {
    margin-top: 66px
}

@media (max-width: 1024px) {
    .social_recru .content .box1 {
        margin-top:0.2rem
    }
}

.social_recru .content .box1 .w1400 .tits {
    background: #b4b4b4;
    font-size: 16px;
    color: #fff;
    line-height: 55px;
    text-align: center;
    overflow: hidden
}

@media (min-width: 1024px) {
    .social_recru .content .box1 .w1400 .tits {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .tits {
        line-height:0.56rem;
        display: none
    }
}

.social_recru .content .box1 .w1400 .tits .title {
    width: 18%;
    float: left
}

.social_recru .content .box1 .w1400 .tits .claim {
    width: 25%;
    float: left
}

.social_recru .content .box1 .w1400 .tits .place {
    float: left;
    width: 17%
}

.social_recru .content .box1 .w1400 .tits .salary {
    float: left;
    width: 21.5%
}

.social_recru .content .box1 .w1400 .tits .date {
    float: left;
    width: 18.5%
}

.social_recru .content .box1 .w1400 .tits.ani {
    opacity: 1;
    transform: translate(0)
}

.social_recru .content .box1 .w1400 .box_con {
    background: #fff;
    padding-bottom: 88px
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con {
        padding-bottom:0.2rem
    }
}

@media (min-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

.social_recru .content .box1 .w1400 .box_con ul li .tit {
    overflow: hidden
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li .tit {
        padding:0 3.14%
    }
}

.social_recru .content .box1 .w1400 .box_con ul li .tit>div {
    float: left;
    font-size: 16px;
    color: #666666;
    line-height: 80px;
    text-align: center
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li .tit>div {
        line-height:0.78rem;
        width: 33.33% !important;
        text-align: left
    }
}

.social_recru .content .box1 .w1400 .box_con ul li .tit .title {
    width: 18%;
    cursor: pointer
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li .tit .title {
        width:40%
    }
}

.social_recru .content .box1 .w1400 .box_con ul li .tit .claim {
    width: 25%
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li .tit .claim {
        width:50% !important;
        font-size: 14px
    }
}

.social_recru .content .box1 .w1400 .box_con ul li .tit .place {
    width: 17%
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li .tit .place {
        display:none
    }
}

.social_recru .content .box1 .w1400 .box_con ul li .tit .salary {
    width: 21.5%;
    color: #de832f
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li .tit .salary {
        display:none
    }
}

.social_recru .content .box1 .w1400 .box_con ul li .tit .date {
    width: 18.5%
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li .tit .date {
        display:none
    }
}

.social_recru .content .box1 .w1400 .box_con ul li .tit .icon {
    width: 0.21rem !important;
    height: 0.21rem;
    position: absolute;
    right: 3.14%;
    top: 0.24rem;
    background: url(../img/recru_zhankai.png) no-repeat;
    background-size: cover;
    display: none
}

.social_recru .content .box1 .w1400 .box_con ul li .line {
    display: block;
    padding: 0 3.14%
}

.social_recru .content .box1 .w1400 .box_con ul li .line em {
    width: 100%;
    display: block;
    height: 1px;
    background: #dfdfdf
}

.social_recru .content .box1 .w1400 .box_con ul li .li_con {
    padding: 0 3.14%;
    position: relative;
    display: none
}

.social_recru .content .box1 .w1400 .box_con ul li .li_con .icon {
    width: 15px;
    height: 9px;
    background: url(../img/recru_icon1.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: calc(3.14% + 54px);
    top: -9px
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li .li_con .icon {
        display:none
    }
}

.social_recru .content .box1 .w1400 .box_con ul li .li_con .text {
    background: #f9f9f9;
    padding: 0 3.42% 40px
}

.social_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top {
    overflow: hidden;
    padding-top: 22px;
    padding-bottom: 34px;
    border-bottom: 1px solid #dbdbdb
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top {
        padding-top:0.2rem;
        padding-bottom: 0.3rem
    }
}

.social_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl {
    width: 50%;
    float: left
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl {
        width:48%
    }
}

@media (max-width: 640px) {
    .social_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl {
        width:100%;
        float: inherit
    }
}

.social_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl dt {
    font-size: 18px;
    color: #333333;
    line-height: 60px
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl dt {
        font-size:16px;
        line-height: 40px
    }
}

.social_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl dd {
    font-size: 15px;
    line-height: 32px;
    color: #888888
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl dd {
        font-size:14px;
        line-height: 26px
    }
}

.social_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl:nth-child(2n) {
    float: right
}

.social_recru .content .box1 .w1400 .box_con ul li .li_con .text .other {
    font-size: 16px;
    line-height: 40px;
    color: #333;
    display: none
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li .li_con .text .other {
        display:block
    }
}

.social_recru .content .box1 .w1400 .box_con ul li .li_con .text .more {
    width: 156px;
    height: 40px;
    background: #de832f;
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    margin-top: 38px
}

@media (max-width: 1024px) {
    .social_recru .content .box1 .w1400 .box_con ul li .li_con .text .more {
        width:1.56rem;
        height: 0.46rem;
        font-size: 14px;
        line-height: 0.46rem;
        margin-top: 0.3rem
    }
}

.social_recru .content .box1 .w1400 .box_con ul li.ani {
    opacity: 1;
    transform: translate(0)
}

.social_recru .content .box1 .w1400 .box_con ul li.active .tit .icon {
    background: url(../img/recru_shouqi.png) no-repeat;
    background-size: cover
}

.social_recru .content .box1 .w1400 .box_con ul li.active .line em {
    display: none
}

.social_recru .content .box2 {
    background: #006e9f;
    margin-top: 100px;
    padding-bottom: 50px
}

@media (max-width: 1024px) {
    .social_recru .content .box2 {
        margin-top:0.4rem;
        padding-bottom: 0.5rem
    }
}

.social_recru .content .box2 .w1400 {
    overflow: hidden
}

.social_recru .content .box2 .w1400 .left {
    width: 47.14%;
    float: left;
    margin-left: 2.85%;
    margin-top: 50px
}

@media (min-width: 1024px) {
    .social_recru .content .box2 .w1400 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1200px) {
    .social_recru .content .box2 .w1400 .left {
        width:52.14%;
        margin-top: 0.4rem
    }
}

@media (max-width: 750px) {
    .social_recru .content .box2 .w1400 .left {
        width:100%;
        float: inherit;
        margin-left: 0
    }
}

.social_recru .content .box2 .w1400 .left h5 {
    font-size: 26px;
    color: #fff;
    font-weight: normal;
    line-height: 42px
}

@media (max-width: 1024px) {
    .social_recru .content .box2 .w1400 .left h5 {
        font-size:0.26rem;
        line-height: 0.4rem
    }
}

.social_recru .content .box2 .w1400 .left dl {
    margin-top: 32px
}

@media (max-width: 1024px) {
    .social_recru .content .box2 .w1400 .left dl {
        margin-top:0.3rem
    }
}

.social_recru .content .box2 .w1400 .left dl dd {
    position: relative;
    padding: 0 0 0 36px
}

@media (max-width: 1024px) {
    .social_recru .content .box2 .w1400 .left dl dd {
        padding:0 0 0 36px
    }
}

.social_recru .content .box2 .w1400 .left dl dd em {
    width: 24px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 12px;
    overflow: hidden;
    display: block
}

.social_recru .content .box2 .w1400 .left dl dd em img {
    width: 100%;
    display: block
}

.social_recru .content .box2 .w1400 .left dl dd .con h6 {
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    font-weight: normal
}

@media (max-width: 1024px) {
    .social_recru .content .box2 .w1400 .left dl dd .con h6 {
        font-size:16px;
        line-height: 32px
    }
}

.social_recru .content .box2 .w1400 .left dl dd .con span {
    font-size: 16px;
    color: #fff;
    opacity: 0.67
}

@media (max-width: 1024px) {
    .social_recru .content .box2 .w1400 .left dl dd .con span {
        font-size:14px;
        line-height: 26px
    }
}

.social_recru .content .box2 .w1400 .left.ani {
    opacity: 1;
    transform: translate(0)
}

.social_recru .content .box2 .w1400 .right {
    width: 38.24%;
    height: 226px;
    float: right;
    margin: 68px 4.14% 0 0
}

@media (min-width: 1024px) {
    .social_recru .content .box2 .w1400 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 1200px) {
    .social_recru .content .box2 .w1400 .right {
        margin:0.4rem 4.14% 0 0
    }
}

@media (max-width: 750px) {
    .social_recru .content .box2 .w1400 .right {
        display:none
    }
}

.social_recru .content .box2 .w1400 .right.ani {
    opacity: 1;
    transform: translate(0)
}

.campus_recru {
    background: #f7f7f7
}

.campus_recru .content .box1 {
    margin-top: 66px
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 {
        margin-top:0.2rem
    }
}

.campus_recru .content .box1 .w1400 .tits {
    background: #b4b4b4;
    font-size: 16px;
    color: #fff;
    line-height: 55px;
    text-align: center;
    overflow: hidden
}

@media (min-width: 1024px) {
    .campus_recru .content .box1 .w1400 .tits {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .tits {
        line-height:0.56rem;
        display: none
    }
}

.campus_recru .content .box1 .w1400 .tits .title {
    width: 18%;
    float: left
}

.campus_recru .content .box1 .w1400 .tits .claim {
    width: 30%;
    float: left
}

.campus_recru .content .box1 .w1400 .tits .place {
    float: left;
    width: 30%
}

.campus_recru .content .box1 .w1400 .tits .salary {
    float: left;
    width: 21.5%
}

.campus_recru .content .box1 .w1400 .tits .date {
    float: left;
    width: 22%
}

.campus_recru .content .box1 .w1400 .tits.ani {
    opacity: 1;
    transform: translate(0)
}

.campus_recru .content .box1 .w1400 .box_con {
    background: #fff;
    padding-bottom: 88px
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con {
        padding-bottom:0.2rem
    }
}

@media (min-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con ul li {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

.campus_recru .content .box1 .w1400 .box_con ul li .tit {
    overflow: hidden
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con ul li .tit {
        padding:0 3.14%
    }
}

.campus_recru .content .box1 .w1400 .box_con ul li .tit>div {
    float: left;
    font-size: 16px;
    color: #666666;
    line-height: 20px;
    padding: 20px 0;
    text-align: center
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con ul li .tit>div {
        line-height:0.32rem;
        padding: 0.2rem 0;
        width: 30%;
        text-align: left
    }
}

.campus_recru .content .box1 .w1400 .box_con ul li .tit .title {
    width: 18%;
    cursor: pointer
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con ul li .tit .title {
        width:30%
    }
}

.campus_recru .content .box1 .w1400 .box_con ul li .tit .claim {
    width: 30%
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con ul li .tit .claim {
        width:30%
    }
}

.campus_recru .content .box1 .w1400 .box_con ul li .tit .place {
    width: 30%
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con ul li .tit .place {
        width:30%
    }
}

.campus_recru .content .box1 .w1400 .box_con ul li .tit .salary {
    width: 21.5%;
    color: #de832f
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con ul li .tit .salary {
        display:none
    }
}

.campus_recru .content .box1 .w1400 .box_con ul li .tit .date {
    width: 22%
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con ul li .tit .date {
        display:none
    }
}

.campus_recru .content .box1 .w1400 .box_con ul li .tit .icon {
    width: 0.21rem !important;
    height: 0.21rem;
    position: absolute;
    right: 3.14%;
    top: 0.24rem;
    background: url(../img/recru_zhankai.png) no-repeat;
    background-size: cover;
    display: none
}

.campus_recru .content .box1 .w1400 .box_con ul li .line {
    display: block;
    padding: 0 3.14%
}

.campus_recru .content .box1 .w1400 .box_con ul li .line em {
    width: 100%;
    display: block;
    height: 1px;
    background: #dfdfdf
}

.campus_recru .content .box1 .w1400 .box_con ul li .li_con {
    padding: 0 3.14%;
    position: relative;
    display: none
}

.campus_recru .content .box1 .w1400 .box_con ul li .li_con .icon {
    width: 15px;
    height: 9px;
    background: url(../img/recru_icon1.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: calc(3.14% + 54px);
    top: -9px
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con ul li .li_con .icon {
        display:none
    }
}

.campus_recru .content .box1 .w1400 .box_con ul li .li_con .text {
    background: #f9f9f9;
    padding: 0 3.42% 40px
}

.campus_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top {
    overflow: hidden;
    padding-top: 22px;
    padding-bottom: 34px;
    border-bottom: 1px solid #dbdbdb
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top {
        padding-top:0.2rem;
        padding-bottom: 0.3rem
    }
}

.campus_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl {
    width: 50%;
    float: left
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl {
        width:48%
    }
}

@media (max-width: 640px) {
    .campus_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl {
        width:100%;
        float: inherit
    }
}

.campus_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl dt {
    font-size: 18px;
    color: #333333;
    line-height: 60px
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl dt {
        font-size:16px;
        line-height: 40px
    }
}

.campus_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl dd {
    font-size: 15px;
    line-height: 32px;
    color: #888888
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl dd {
        font-size:14px;
        line-height: 26px
    }
}

.campus_recru .content .box1 .w1400 .box_con ul li .li_con .text .text_top dl:nth-child(2n) {
    float: right
}

.campus_recru .content .box1 .w1400 .box_con ul li .li_con .text .more {
    width: 156px;
    height: 40px;
    background: #de832f;
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    margin-top: 38px
}

@media (max-width: 1024px) {
    .campus_recru .content .box1 .w1400 .box_con ul li .li_con .text .more {
        width:1.56rem;
        height: 0.46rem;
        font-size: 14px;
        line-height: 0.46rem;
        margin-top: 0.3rem
    }
}

.campus_recru .content .box1 .w1400 .box_con ul li.active .tit .icon {
    background: url(../img/recru_shouqi.png) no-repeat;
    background-size: cover
}

.campus_recru .content .box1 .w1400 .box_con ul li.active .line em {
    display: none
}

.campus_recru .content .box1 .w1400 .box_con ul li.ani {
    opacity: 1;
    transform: translate(0)
}

.campus_recru .content .box2 {
    background: #fff;
    margin-top: 56px;
    padding-bottom: 84px
}

@media (max-width: 1024px) {
    .campus_recru .content .box2 {
        margin-top:0.4rem;
        padding-bottom: 0.6rem
    }
}

.campus_recru .content .box2 .w1400 {
    overflow: hidden
}

.campus_recru .content .box2 .w1400 .tits {
    margin-top: 70px
}

@media (min-width: 1024px) {
    .campus_recru .content .box2 .w1400 .tits {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .campus_recru .content .box2 .w1400 .tits {
        margin-top:0.4rem
    }
}

.campus_recru .content .box2 .w1400 .tits h5 {
    font-size: 26px;
    color: #333333;
    line-height: 54px;
    font-weight: normal;
    text-align: center
}

@media (max-width: 1024px) {
    .campus_recru .content .box2 .w1400 .tits h5 {
        font-size:0.28rem;
        line-height: 0.54rem
    }
}

.campus_recru .content .box2 .w1400 .tits .txt {
    font-size: 16px;
    color: #999999;
    line-height: 44px;
    text-align: center
}

@media (max-width: 1024px) {
    .campus_recru .content .box2 .w1400 .tits .txt {
        font-size:14px;
        line-height: 24px;
        padding: 8px 0
    }
}

.campus_recru .content .box2 .w1400 .tits.ani {
    opacity: 1;
    transform: translate(0)
}

.campus_recru .content .box2 .w1400 .box_con {
    margin-top: 56px
}

@media (max-width: 1024px) {
    .campus_recru .content .box2 .w1400 .box_con {
        margin-top:0.25rem
    }
}

.campus_recru .content .box2 .w1400 .box_con ul {
    overflow: hidden
}

.campus_recru .content .box2 .w1400 .box_con ul li {
    width: 50%;
    float: left
}

@media (min-width: 1024px) {
    .campus_recru .content .box2 .w1400 .box_con ul li {
        opacity:0;
        transition: all 0.8s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .campus_recru .content .box2 .w1400 .box_con ul li {
        width:100%;
        float: inherit
    }
}

.campus_recru .content .box2 .w1400 .box_con ul li .li_con {
    padding: 0 0 0 60px;
    position: relative
}

@media (max-width: 1024px) {
    .campus_recru .content .box2 .w1400 .box_con ul li .li_con {
        padding:0 0 0 0.6rem
    }
}

.campus_recru .content .box2 .w1400 .box_con ul li .li_con em {
    width: 32px;
    height: 34px;
    position: absolute;
    left: 15px;
    top: 14px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .campus_recru .content .box2 .w1400 .box_con ul li .li_con em {
        width:0.32rem;
        height: 0.34rem;
        left: 0.15rem;
        top: 0.05rem
    }
}

.campus_recru .content .box2 .w1400 .box_con ul li .li_con em img {
    width: 100%;
    display: block
}

.campus_recru .content .box2 .w1400 .box_con ul li .li_con .txt {
    font-size: 18px;
    color: #666666;
    line-height: 58px
}

@media (max-width: 1200px) {
    .campus_recru .content .box2 .w1400 .box_con ul li .li_con .txt {
        font-size:16px
    }
}

@media (max-width: 1024px) {
    .campus_recru .content .box2 .w1400 .box_con ul li .li_con .txt {
        font-size:14px;
        line-height: 0.4rem
    }
}

.campus_recru .content .box2 .w1400 .box_con ul li.ani {
    opacity: 1;
    transform: translate(0)
}

.campus_recru .content .box3 {
    background: #006e9f;
    margin-top: 100px;
    padding-bottom: 50px
}

@media (max-width: 1024px) {
    .campus_recru .content .box3 {
        margin-top:0.4rem;
        padding-bottom: 0.5rem
    }
}

.campus_recru .content .box3 .w1400 {
    overflow: hidden
}

.campus_recru .content .box3 .w1400 .left {
    width: 47.14%;
    float: left;
    margin-left: 2.85%;
    margin-top: 50px
}

@media (min-width: 1024px) {
    .campus_recru .content .box3 .w1400 .left {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(-80px)
    }
}

@media (max-width: 1200px) {
    .campus_recru .content .box3 .w1400 .left {
        width:52.14%;
        margin-top: 0.4rem
    }
}

@media (max-width: 750px) {
    .campus_recru .content .box3 .w1400 .left {
        width:100%;
        float: inherit;
        margin-left: 0
    }
}

.campus_recru .content .box3 .w1400 .left h5 {
    font-size: 26px;
    color: #fff;
    font-weight: normal;
    line-height: 42px
}

@media (max-width: 1024px) {
    .campus_recru .content .box3 .w1400 .left h5 {
        font-size:0.26rem;
        line-height: 0.4rem
    }
}

.campus_recru .content .box3 .w1400 .left dl {
    margin-top: 32px
}

@media (max-width: 1024px) {
    .campus_recru .content .box3 .w1400 .left dl {
        margin-top:0.3rem
    }
}

.campus_recru .content .box3 .w1400 .left dl dd {
    position: relative;
    padding: 0 0 0 36px
}

@media (max-width: 1024px) {
    .campus_recru .content .box3 .w1400 .left dl dd {
        padding:0 0 0 36px
    }
}

.campus_recru .content .box3 .w1400 .left dl dd em {
    width: 24px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 12px;
    overflow: hidden;
    display: block
}

.campus_recru .content .box3 .w1400 .left dl dd em img {
    width: 100%;
    display: block
}

.campus_recru .content .box3 .w1400 .left dl dd .con h6 {
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    font-weight: normal
}

@media (max-width: 1024px) {
    .campus_recru .content .box3 .w1400 .left dl dd .con h6 {
        font-size:16px;
        line-height: 32px
    }
}

.campus_recru .content .box3 .w1400 .left dl dd .con span {
    font-size: 16px;
    color: #fff;
    opacity: 0.67
}

@media (max-width: 1024px) {
    .campus_recru .content .box3 .w1400 .left dl dd .con span {
        font-size:14px;
        line-height: 26px
    }
}

.campus_recru .content .box3 .w1400 .left.ani {
    opacity: 1;
    transform: translate(0)
}

.campus_recru .content .box3 .w1400 .right {
    width: 38.24%;
    height: 226px;
    float: right;
    margin: 68px 4.14% 0 0
}

@media (min-width: 1024px) {
    .campus_recru .content .box3 .w1400 .right {
        opacity:0;
        transition: all 0.8s;
        transform: translateX(80px)
    }
}

@media (max-width: 1200px) {
    .campus_recru .content .box3 .w1400 .right {
        margin:0.4rem 4.14% 0 0
    }
}

@media (max-width: 750px) {
    .campus_recru .content .box3 .w1400 .right {
        display:none
    }
}

.campus_recru .content .box3 .w1400 .right.ani {
    opacity: 1;
    transform: translate(0)
}

.contact .content .box1 {
    margin-top: 45px
}

@media (max-width: 1024px) {
    .contact .content .box1 {
        margin-top:0.4rem
    }
}

.contact .content .box1 .w1400 {
    overflow: hidden
}

.contact .content .box1 .w1400 .adress_tabs .item {
    width: 48%;
    float: left;
    overflow: hidden
}

@media (max-width: 1024px) {
    .contact .content .box1 .w1400 .adress_tabs .item {
        width:100%;
        float: inherit;
        margin-bottom: 0.2rem
    }
}

.contact .content .box1 .w1400 .adress_tabs .item dl {
    float: left;
    width: 60%
}

@media (max-width: 480px) {
    .contact .content .box1 .w1400 .adress_tabs .item dl {
        width:100%;
        float: inherit
    }
}

.contact .content .box1 .w1400 .adress_tabs .item dl dt {
    font-size: 20px;
    color: #333333;
    line-height: 44px
}

@media (max-width: 1024px) {
    .contact .content .box1 .w1400 .adress_tabs .item dl dt {
        font-size:16px;
        line-height: 0.4rem
    }
}

.contact .content .box1 .w1400 .adress_tabs .item dl dd {
    position: relative;
    padding: 0 0 0 32px
}

.contact .content .box1 .w1400 .adress_tabs .item dl dd em {
    width: 21px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 12px;
    overflow: hidden
}

.contact .content .box1 .w1400 .adress_tabs .item dl dd em img {
    width: 100%;
    display: block
}

.contact .content .box1 .w1400 .adress_tabs .item dl dd span {
    font-size: 16px;
    color: #888888;
    display: block;
    line-height: 24px;
    padding: 8px 0
}

@media (max-width: 1024px) {
    .contact .content .box1 .w1400 .adress_tabs .item dl dd span {
        line-height:24px;
        font-size: 14px
    }
}

.contact .content .box1 .w1400 .adress_tabs .item .pic {
    width: 38%;
    float: right;
    height: 220px
}

@media (max-width: 1024px) {
    .contact .content .box1 .w1400 .adress_tabs .item .pic {
        height:2.2rem
    }
}

@media (max-width: 480px) {
    .contact .content .box1 .w1400 .adress_tabs .item .pic {
        width:100%;
        float: inherit;
        margin-top: 0.1rem
    }
}

.contact .content .box1 .w1400 .adress_tabs .item:nth-child(2) {
    float: right
}

.contact .content .box2 {
    margin-top: 66px
}

@media (min-width: 1024px) {
    .contact .content .box2 {
        opacity:0;
        transition: all 0.8s 0.5s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .contact .content .box2 {
        height:auto;
        margin-top: 0;
        padding-bottom: 0.2rem
    }
}

.contact .content .box2 .w1400 {
    overflow: hidden
}

.contact .content .box2 .w1400 h5 {
    font-size: 26px;
    color: #333;
    font-weight: normal;
    line-height: 60px;
    margin-top: 60px;
    text-align: center
}

@media (max-width: 1024px) {
    .contact .content .box2 .w1400 h5 {
        font-size:0.28rem;
        line-height: 0.54rem;
        margin-top: 0.3rem
    }
}

.contact .content .box2 .w1400 .line {
    width: 70px;
    height: 2px;
    background: #626262;
    margin: 0 auto
}

.contact .content .box2 .w1400 .list {
    margin-top: 35px;
    padding-bottom: 130px
}

@media (max-width: 1024px) {
    .contact .content .box2 .w1400 .list {
        margin-top:0.3rem;
        display: none
    }
}

.contact .content .box2 .w1400 .list .mCSB_horizontal>.mCSB_container {
    margin-bottom: 0
}

.contact .content .box2 .w1400 .list .mCSB_horizontal>.mCSB_container {
    margin-bottom: 0
}

.contact .content .box2 .w1400 .list .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
    overflow: initial
}

.contact .content .box2 .w1400 .list .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 15px;
    background: url(../img/scroll_bg.png) no-repeat center center
}

.contact .content .box2 .w1400 .list ul {
    overflow: hidden
}

.contact .content .box2 .w1400 .list ul li {
    float: left
}

.contact .content .box2 .w1400 .list ul li .li_con {
    margin-bottom: 100px
}

.contact .content .box2 .w1400 .list ul li .li_con h5 {
    font-size: 18px;
    color: #6a6a6a;
    line-height: 48px;
    transition: all 0.3s;
    text-align: left;
    font-weight: bold
}

.contact .content .box2 .w1400 .list ul li .li_con dl {
    height: 104px;
    overflow: hidden
}

.contact .content .box2 .w1400 .list ul li .li_con dl dd {
    font-size: 14px;
    color: #888888;
    line-height: 26px
}

.contact .content .box2 .w1400 .list ul li .li_con:last-child {
    margin-bottom: 90px
}

.contact .content .box2 .w1400 .list ul li .li_con:hover h5 {
    color: #006e9f
}

.contact .content .box2 .w1400 .list ul:after {
    clear: both;
    display: block;
    content: ''
}

.contact .content .box2 .w1400 .m_list {
    display: none
}

@media (max-width: 1024px) {
    .contact .content .box2 .w1400 .m_list {
        display:block
    }
}

.contact .content .box2 .w1400 .m_list .swiper-box2 {
    padding: 0.2rem
}

.contact .content .box2 .w1400 .m_list .swiper-box2 .swiper-wrapper .swiper-slide .li_con {
    margin-bottom: 0.5rem
}

.contact .content .box2 .w1400 .m_list .swiper-box2 .swiper-wrapper .swiper-slide .li_con h5 {
    font-size: 0.22rem;
    color: #6a6a6a;
    line-height: 0.4rem;
    text-align: left;
    font-weight: bold
}

.contact .content .box2 .w1400 .m_list .swiper-box2 .swiper-wrapper .swiper-slide .li_con dl {
    height: 140px;
    overflow: hidden
}

.contact .content .box2 .w1400 .m_list .swiper-box2 .swiper-wrapper .swiper-slide .li_con dl dd {
    font-size: 14px;
    color: #888888;
    line-height: 26px
}

.contact .content .box2.ani {
    opacity: 1;
    transform: translate(0)
}

.contact .content .box3 {
    margin-top: 60px;
    margin-bottom: 4%
}

@media (min-width: 1024px) {
    .contact .content .box3 {
        opacity:0;
        transition: all 0.8s 0.5s;
        transform: translateY(80px)
    }
}

@media (max-width: 1024px) {
    .contact .content .box3 {
        margin-top:0.3rem
    }
}

.contact .content .box3 .w1400 h5 {
    font-size: 26px;
    line-height: 44px;
    color: #333333;
    font-weight: normal
}

@media (max-width: 1024px) {
    .contact .content .box3 .w1400 h5 {
        font-size:0.26rem;
        line-height: 0.44rem
    }
}

.contact .content .box3 .w1400 .list {
    margin-top: 20px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .contact .content .box3 .w1400 .list {
        margin-top:0.2rem;
        display: none
    }
}

.contact .content .box3 .w1400 .list .mCSB_horizontal>.mCSB_container {
    margin-bottom: 0
}

.contact .content .box3 .w1400 .list .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
    overflow: initial
}

.contact .content .box3 .w1400 .list .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 15px;
    background: url(../img/scroll_bg.png) no-repeat center center
}

.contact .content .box3 .w1400 .list ul {
    overflow: hidden
}

.contact .content .box3 .w1400 .list ul li {
    float: left;
    margin-left: 15px;
    margin-top: 12px
}

.contact .content .box3 .w1400 .list ul li .li_con {
    padding: 16px 9.47% 38px;
    margin-bottom: 58px;
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15)
}

.contact .content .box3 .w1400 .list ul li .li_con h5 {
    padding-bottom: 10px;
    font-size: 22px;
    color: #333333;
    line-height: 1.6;
    font-weight: normal
}

.contact .content .box3 .w1400 .list ul li .li_con dl dd {
    position: relative;
    padding: 0 0 0 38px
}

.contact .content .box3 .w1400 .list ul li .li_con dl dd em {
    width: 20px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 7px
}

.contact .content .box3 .w1400 .list ul li .li_con dl dd span {
    font-size: 16px;
    color: #666666;
    line-height: 34px;
    display: block
}

.contact .content .box3 .w1400 .list ul:after {
    clear: both;
    display: block;
    content: ''
}

.contact .content .box3 .w1400 .m_list {
    display: none
}

@media (max-width: 1024px) {
    .contact .content .box3 .w1400 .m_list {
        display:block
    }
}

.contact .content .box3 .w1400 .m_list .swiper-contact {
    padding: 0.2rem
}

.contact .content .box3 .w1400 .m_list .swiper-contact .swiper-wrapper .swiper-slide .li_con {
    padding: 0.1rem 4.47% 0.3rem;
    margin-bottom: 0.5rem;
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15)
}

.contact .content .box3 .w1400 .m_list .swiper-contact .swiper-wrapper .swiper-slide .li_con h5 {
    font-size: 0.24rem;
    color: #333333;
    line-height: 0.4rem;
    font-weight: normal
}

.contact .content .box3 .w1400 .m_list .swiper-contact .swiper-wrapper .swiper-slide .li_con dl dd {
    position: relative;
    padding: 0 0 0 38px
}

.contact .content .box3 .w1400 .m_list .swiper-contact .swiper-wrapper .swiper-slide .li_con dl dd em {
    width: 20px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 7px
}

.contact .content .box3 .w1400 .m_list .swiper-contact .swiper-wrapper .swiper-slide .li_con dl dd span {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    padding: 5px 0;
    display: block;
    word-break: break-all
}

.contact .content .box3.ani {
    opacity: 1;
    transform: translate(0)
}

.contact_mark {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.69);
    z-index: 1000
}

.contact_mark .mark {
    width: 540px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    margin-left: -270px;
    margin-top: -100px
}

@media (max-width: 750px) {
    .contact_mark .mark {
        width:86%;
        margin-left: -43%
    }
}

.contact_mark .mark .con {
    padding: 36px 54px
}

@media (max-width: 1024px) {
    .contact_mark .mark .con {
        padding:0.3rem 0.4rem
    }
}

.contact_mark .mark .con .tit {
    line-height: 38px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .contact_mark .mark .con .tit {
        line-height:0.4rem
    }
}

.contact_mark .mark .con .tit h6 {
    font-size: 26px;
    color: #333333;
    float: left;
    font-weight: normal
}

@media (max-width: 1024px) {
    .contact_mark .mark .con .tit h6 {
        font-size:0.26rem
    }
}

.contact_mark .mark .con .tit .close {
    width: 16px;
    height: 16px;
    background: url(../img/contact_close.jpg) no-repeat center center;
    float: right;
    cursor: pointer
}

.contact_mark .mark .con dl dd {
    position: relative;
    padding: 0 0 0 40px;
    margin: 5px 0
}

@media (max-width: 1024px) {
    .contact_mark .mark .con dl dd {
        margin:5px 0 10px
    }
}

.contact_mark .mark .con dl dd em {
    width: 21px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 6px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .contact_mark .mark .con dl dd em {
        top:3px
    }
}

.contact_mark .mark .con dl dd em img {
    width: 100%;
    display: block
}

.contact_mark .mark .con dl dd span {
    line-height: 32px;
    font-size: 18px;
    color: #666;
    display: block
}

@media (max-width: 1024px) {
    .contact_mark .mark .con dl dd span {
        line-height:26px;
        font-size: 14px
    }
}

.legal .content .w1400 .tit {
    font-size: 16px;
    color: #808080;
    margin: 15px 0
}

.legal .content .w1400 .tit a {
    color: #000
}

.legal .content .w1400 .text {
    padding-bottom: 40px
}

.legal .content .w1400 .text h1 {
    font-size: 30px;
    color: #333;
    font-weight: bold
}

@media (max-width: 1024px) {
    .legal .content .w1400 .text h1 {
        font-size:0.3rem
    }
}

.legal .content .w1400 .text h5 {
    font-size: 16px;
    color: #333;
    line-height: 28px
}

@media (max-width: 1024px) {
    .legal .content .w1400 .text h5 {
        font-size:14px
    }
}

.legal .content .w1400 .text p {
    font-size: 16px;
    color: #333
}

@media (max-width: 1024px) {
    .legal .content .w1400 .text p {
        font-size:14px
    }
}

.legal .content .w1400 .text p a {
    text-decoration: none;
    outline: none;
    color: #006699
}

.pop-right {
    display: none;
    width: 48px;
    height: 207px;
    position: fixed;
    bottom: 30%;
    right: 0;
    z-index: 999
}

.pop-right .icon {
    cursor: pointer;
    display: block;
    width: 48px;
    height: 48px;
    position: relative;
    opacity: .8;
    filter: Alpha(opacity=80);
    background-image: url(../img/hw1_sprite.png);
    background-repeat: no-repeat
}

.pop-right .hide {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    margin: 8px 0px 8px 10px;
    padding-left: 10px;
    border-left: 1px solid #fff
}

.pop-right .top-box {
    margin-bottom: 5px;
    background-color: #c3c3c3
}

.pop-right .top-box .icon {
    background-position: 0 -512px
}

.pop-right .top-box:hover {
    background-color: #bf0303
}

.pop-right .top-box:hover .icon {
    background-position: 0 -704px;
    opacity: 1;
    filter: Alpha(opacity=100)
}

.pop-right .qq-bar,.pop-right .tel-bar {
    position: relative;
    width: 48px;
    height: 48px;
    margin-bottom: 5px
}

.pop-right .qq-box {
    position: absolute;
    right: auto;
    bottom: 0;
    background-color: #c3c3c3;
    transition: right 0.5s
}

.pop-right .qq-box .icon {
    background-position: 0 -560px
}

.pop-right .qq-box .hide {
    font-size: 0
}

.pop-right .qq-box .hide a {
    display: inline-block;
    *display: inline;
    *zoom:1;width: 74px;
    height: 25px;
    margin-right: 10px;
    background: url(../img/pop-right-qq.jpg) no-repeat center center;
    vertical-align: middle
}

.pop-right .qq-box:hover {
    right: 0 !important;
    background-color: #bf0303
}

.pop-right .qq-box:hover .icon {
    background-position: 0 -752px;
    opacity: 1;
    filter: Alpha(opacity=100)
}

.pop-right .email-box {
    margin-bottom: 5px;
    background-color: #c3c3c3
}

.pop-right .email-box .icon {
    background-position: 0 -608px
}

.pop-right .email-box:hover {
    background-color: #bf0303
}

.pop-right .email-box:hover .icon {
    background-position: 0 -800px;
    opacity: 1;
    filter: Alpha(opacity=100)
}

.pop-right .tel-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 192px;
    background-color: #c3c3c3;
    transition: left 0.5s
}

.pop-right .tel-box .icon {
    background-position: 0 -656px
}

.pop-right .tel-box:hover {
    left: -144px;
    background-color: #bf0303
}

.pop-right .tel-box:hover .icon {
    background-position: 0 -848px;
    opacity: 1;
    filter: Alpha(opacity=100)
}

@media (max-width: 1024px) {
    .pop-right {
        height:auto
    }

    .pop-right .top-box {
        margin-bottom: 0
    }

    .pop-right .email-box,.pop-right .tel-bar,.pop-right .qq-bar {
        display: none
    }
}

.pro_info .content .list .box2,.wisdom .content .grounp .box5 {
    margin-top: 0
}

@media (max-width: 1024px) {
    .pro_info .content .list .box2,.wisdom .content .grounp .box5 {
        margin-top:0
    }
}

.pro-add {
    padding: 45px 0;
    background: #f5f5f7
}

.pro-add .title {
    padding-bottom: 34px;
    font-size: 22px;
    font-weight: normal;
    color: #000
}

.pro-add .list-box .mCSB_horizontal>.mCSB_container {
    margin-bottom: 0
}

.pro-add .list-box .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 15px;
    background: url(../img/scroll_bg.png) no-repeat center center
}

.pro-add .list-box ul {
    padding-bottom: 48px
}

.pro-add .list-box ul li {
    float: left;
    margin-right: 24px
}

.pro-add .list-box ul li:last-child {
    margin-right: 0
}

.pro-add .list-box ul li a {
    display: block;
    min-width: 310px;
    text-align: center;
    padding: 15px 10px;
    font-size: 16px;
    border: 1px solid #b5b5b5;
    color: #888
}

@media (max-width: 1024px) {
    .pro-add {
        padding:4% 0
    }

    .pro-add .title {
        padding-bottom: 2%;
        font-size: 0.24rem
    }

    .pro-add .list-box ul {
        padding-bottom: 30px
    }

    .pro-add .list-box ul li {
        margin-right: 12px
    }

    .pro-add .list-box ul li a {
        min-width: 0;
        font-size: 14px;
        padding: 5px 10px
    }
}

/*# sourceMappingURL=style.css.map */
@media (max-width: 1400px) {
    header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl{
    padding-bottom: 26px;
}
header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl .li_con {
    padding: 0px 30px 0 30px;
}
header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl .li_con dt{
    font-size: 18px;
    line-height: 48px;
    padding-left: 31px;
}
    header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl .li_con dt a{
    font-size: 16px;
}
header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl .li_con dd a{
    line-height: 30px;
}
}