@charset "UTF-8";
@import url(style.css);
@import url(slick.css);
@import url(animate.css);
@import url(swiper.css);
@import url(jquery.mCustomScrollbar.css);
@import url(../fonts/iconfont.css);

@font-face {
    font-family: BebasNeue;
    src: url('../fonts/BebasNeue.otf');
}

body {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    position: relative;
    z-index: 99;
}

body.mOpen {
    position: relative;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

@media screen and (max-width:375px) {
    body.mOpen {
        -webkit-transform: translateX(-60%);
        -moz-transform: translateX(-60%);
        transform: translateX(-60%);
    }
}

.header {
    height: 120px;
    width: 100%;
    position: relative;
}

.fixed {
    padding-top: 40px;
    position: fixed;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    right: 0;
    -webkit-box-shadow: 0 0 5px #767676;
    -moz-box-shadow: 0 0 5px #767676;
    box-shadow: 0 0 5px #767676;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.fixed.narrow {
    padding-top: 20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

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

.headBox .logo {
    display: block;
    float: left;
}

.headBox .nav {
    margin-top: 12px;
    width: 910px;
    margin-left: 30px;
    float: left;
}

.headBox .nav ul li {
    border-bottom: 2px solid #fff;
    width: 140px;
    float: left;
    text-align: center;
    font-size: 16px;
    padding-bottom: 46px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.headBox .nav ul li:hover {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border-bottom: 2px solid #f0951e;
}

.headBox .nav ul li:last-child {
    float: right;
}

.headBox .nav ul li>a,
.headBox .nav ul .two_item .item .text .td li>.link,
.two_item .item .text .td .headBox .nav ul li>.link,
.headBox .nav ul .two_item .item .text .td li>.viewAll,
.two_item .item .text .td .headBox .nav ul li>.viewAll,
.headBox .nav ul .two_item .item .text .tx li>.link,
.two_item .item .text .tx .headBox .nav ul li>.link {
    width: 100%;
    display: block;
    color: #686868;
}

.headBox .nav ul li>a:hover,
.headBox .nav ul .two_item .item .text .td li>.link:hover,
.two_item .item .text .td .headBox .nav ul li>.link:hover,
.headBox .nav ul .two_item .item .text .td li>.viewAll:hover,
.two_item .item .text .td .headBox .nav ul li>.viewAll:hover,
.headBox .nav ul .two_item .item .text .tx li>.link:hover,
.two_item .item .text .tx .headBox .nav ul li>.link:hover {
    color: #f0951e;
}

.headBox .nav ul li.narrow {
    padding-bottom: 20px;
}

.headBox .nav ul li.narrow .sed {
    top: 73px;
}

.headBox .language,
.headBox .serBtn {
    float: left;
    margin-top: 7px;
    font-size: 20px;
    color: #888;
    cursor: pointer;
}

.headBox .language span,
.headBox .serBtn span {
    position: relative;
    z-index: 99;
    font-size: 20px;
    color: #888;
    display: inline-block;
    vertical-align: middle;
}

.headBox .language span:before,
.headBox .serBtn span:before {
    margin-right: 21px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 20px;
    background: #e8e9e9;
}

.headBox .language.narrow .cnen,
.headBox .narrow.serBtn .cnen {
    top: 65px;
}

.headBox .serBtn {
    z-index: 99999;
    margin-left: 14px;
    position: relative;
    z-index: 999;
}

.headBox .serBtn.on span {
    color: #fff;
}

.menu {
    display: none;
}

.banner {
    overflow: hidden;
}

.banner,
.banner div {
    position: relative;
    height: 780px;
}

.banner div {
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media screen and (max-width:1220px) {

    .banner,
    .banner div {
        height: 550px;
    }
}

@media screen and (max-width:768px) {

    .banner,
    .banner div {
        height: 350px;
    }
}

@media screen and (max-width:480px) {

    .banner,
    .banner div {
        height: 200px;
    }
}

.header .search {
    display: none;
    position: absolute;
    right: -13px;
    height: 30px;
    background: #f0951e;
    width: 395px;
    top: -5px;
    padding: 5px 10px;
    border-radius: 25px;
}

.header .search input {
    background: none;
    border: none;
    height: 30px;
    color: #fff;
    width: 300px;
    float: left;
}

.header .search input::-webkit-input-placeholder {
    color: #fff;
}

.header .search input:-moz-input-placeholder {
    color: #fff;
}

.header .search .submit {
    padding: 0;
    float: left;
    width: 60px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    color: #fff;
    border-bottom: none;
    cursor: pointer;
}

.sed {
    height: 192px;
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    top: 120px;
    background: rgba(255, 255, 255, 0.8);
    padding: 48px 0 35px 0;
    z-index: 999999;
    width: 100%;
    -webkit-box-shadow: 0 0 10px #b6b6b6 inset;
    -moz-box-shadow: 0 0 10px #b6b6b6 inset;
    box-shadow: 0 0 10px #b6b6b6 inset;
}

.sed dl {
    width: 1400px;
    padding: 0 100px;
    margin: 0 auto;
    overflow: hidden;
}

.sed dl dd {
    outline: none;
    margin-right: 20px;
    float: left;
    position: relative;
}

.sed dl dd span {
    color: #333;
    display: block;
    text-align: center;
    line-height: normal;
    margin-top: 35px;
}

.sed dl dd:hover span {
    color: #f0951e;
}

.cnen {
    display: none;
    background: #fff;
    -webkit-box-shadow: 0 0 10px #b6b6b6;
    -moz-box-shadow: 0 0 10px #b6b6b6;
    box-shadow: 0 0 10px #b6b6b6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    padding: 10px 0;
    z-index: 999;
    top: 80px;
}

.cnen a,
.cnen .two_item .item .text .td .link,
.two_item .item .text .td .cnen .link,
.cnen .two_item .item .text .td .viewAll,
.two_item .item .text .td .cnen .viewAll,
.cnen .two_item .item .text .tx .link,
.two_item .item .text .tx .cnen .link {
    color: #e70;
    display: block;
    font-size: 16px;
    padding: 5px 10px;
    width: 90px;
    text-align: center;
}

.cnen a:hover,
.cnen .two_item .item .text .td .link:hover,
.two_item .item .text .td .cnen .link:hover,
.cnen .two_item .item .text .td .viewAll:hover,
.two_item .item .text .td .cnen .viewAll:hover,
.cnen .two_item .item .text .tx .link:hover,
.two_item .item .text .tx .cnen .link:hover {
    background: #ed7f00;
    color: #fff;
}

@media screen and (max-width:1440px) {
    .headBox {
        width: 1200px;
    }

    .headBox .nav {
        width: 727px;
    }

    .sed dl {
        width: 1200px;
    }

    .sed dl dd .pic img {
        width: 100%;
    }
}

@media screen and (max-width:1220px) {
    .header {
        height: 69px;
    }

    .fixed {
        position: static;
        padding: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .headBox {
        width: 90%;
    }

    .headBox .logo {
        display: block;
        width: 250px;
    }

    .headBox .logo img {
        display: block;
        width: 100%;
    }

    .headBox .nav {
        display: none;
    }

    .headBox .language,
    .headBox .serBtn {
        display: none;
    }

    .mNav {
        margin: 0 6%;
        display: block;
        padding: 10px 0 20px 0;
        cursor: pointer;
        position: absolute;
        z-index: 9999;
        right: 0;
        top: 11px;
    }

    .mNav span {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        display: block;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        width: 35px;
        height: 4px;
        position: relative;
        background: #f09319;
    }

    .mNav span:nth-child(1) {
        top: 0;
    }

    .mNav span:nth-child(2) {
        top: 5px;
    }

    .mNav span:nth-child(3) {
        top: 10px;
    }

    .mNav.open span:nth-child(1) {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 5px;
    }

    .mNav.open span:nth-child(3) {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        top: -3px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

@media screen and (max-width:1220px) and (max-width:768px) {
    .mNav.open span:nth-child(3) {
        top: -1px;
    }
}

@media screen and (max-width:1220px) {
    .mNav.open span:nth-child(2) {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .menu {
        z-index: 999999;
        overflow-x: hidden;
        display: block;
        position: fixed;
        right: -50%;
        top: 0;
        background: #3a3a3a;
        width: 50%;
        padding: 20px 0;
        height: 100%;
        border-left: 2px solid #e70;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .menu .mser {
        overflow: hidden;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        background: #f0951e;
        width: 80%;
        margin: 0 auto;
    }

    .menu .mser input {
        margin-bottom: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 80%;
        padding: 0 10px;
        background: none;
        border: none;
        height: 30px;
        float: left;
        line-height: 30px;
    }

    .menu .mser input::-webkit-input-placeholder {
        color: #fff;
    }

    .menu .mser input:-moz-input-placeholder {
        color: #fff;
    }

    .menu .mser .submit {
        width: 20%;
        color: #333;
        text-align: center;
    }

    .m_nav {
        margin: 30px auto;
    }

    .m_nav ul li {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        font-size: 15px;
        background: #323232;
        text-align: center;
    }

    .m_nav ul li.on>a,
    .m_nav ul .two_item .item .text .td li.on>.link,
    .two_item .item .text .td .m_nav ul li.on>.link,
    .m_nav ul .two_item .item .text .td li.on>.viewAll,
    .two_item .item .text .td .m_nav ul li.on>.viewAll,
    .m_nav ul .two_item .item .text .tx li.on>.link,
    .two_item .item .text .tx .m_nav ul li.on>.link {
        color: #f09825;
    }

    .m_nav ul li>a,
    .m_nav ul .two_item .item .text .td li>.link,
    .two_item .item .text .td .m_nav ul li>.link,
    .m_nav ul .two_item .item .text .td li>.viewAll,
    .two_item .item .text .td .m_nav ul li>.viewAll,
    .m_nav ul .two_item .item .text .tx li>.link,
    .two_item .item .text .tx .m_nav ul li>.link {
        color: #fff;
        padding: 10px 0;
        display: block;
        border-bottom: 1px solid #3a3a3a;
    }

    .m_nav ul li>a i,
    .m_nav ul .two_item .item .text .td li>.link i,
    .two_item .item .text .td .m_nav ul li>.link i,
    .m_nav ul .two_item .item .text .td li>.viewAll i,
    .two_item .item .text .td .m_nav ul li>.viewAll i,
    .m_nav ul .two_item .item .text .tx li>.link i,
    .two_item .item .text .tx .m_nav ul li>.link i {
        margin-left: 5px;
    }

    .m_nav ul li dl {
        display: none;
    }

    .m_nav ul li dl dd {
        padding-left: 15%;
        font-size: 14px;
    }

    .m_nav ul li dl dd a,
    .m_nav ul li dl dd .two_item .item .text .td .link,
    .two_item .item .text .td .m_nav ul li dl dd .link,
    .m_nav ul li dl dd .two_item .item .text .td .viewAll,
    .two_item .item .text .td .m_nav ul li dl dd .viewAll,
    .m_nav ul li dl dd .two_item .item .text .tx .link,
    .two_item .item .text .tx .m_nav ul li dl dd .link {
        border-bottom: 1px solid #3a3a3a;
        padding: 15px 0;
        display: block;
        color: #fff;
    }

    .mlan span {
        padding: 10px 12px;
        color: #fff;
        font-size: 15px;
        background: #f0951e;
        display: block;
        position: relative;
        cursor: pointer;
    }

    .mlan span i {
        width: 21px;
        height: 21px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: block;
        position: absolute;
        right: 5%;
        top: 20%;
        text-align: center;
        line-height: 22px;
        background: #fff;
        color: #f0951e;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .mlan span.active i {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .mlan .lanDown {
        background: #fff;
        display: none;
    }

    .mlan .lanDown a,
    .mlan .lanDown .two_item .item .text .td .link,
    .two_item .item .text .td .mlan .lanDown .link,
    .mlan .lanDown .two_item .item .text .td .viewAll,
    .two_item .item .text .td .mlan .lanDown .viewAll,
    .mlan .lanDown .two_item .item .text .tx .link,
    .two_item .item .text .tx .mlan .lanDown .link {
        display: block;
        padding: 10px 0;
        color: #bdbdbd;
        font-size: 14px;
        padding-left: 15px;
    }
}

@media screen and (max-width:768px) {
    .header {
        height: 63px;
    }

    .headBox {
        width: 100%;
    }

    .headBox .logo {
        width: 200px;
    }

    .mNav span {
        height: 3px;
    }

    .menu .mser {
        -webkit-border-radius: 0;
        border-radius: 0;
        background: none;
    }

    .menu .mser input {
        width: 100%;
        background: #f0951e;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        float: none;
        height: 30px;
        line-height: 30px;
    }

    .menu .mser .submit {
        margin-bottom: 10px;
        width: 100%;
    }
}

@media screen and (max-width:375px) {
    .menu {
        right: -60%;
        width: 60%;
    }
}

.inTtile .en,
.in_one .title .en,
.in_two .topslide .title .en,
.in_three .title .en {
    font-size: 30px;
    color: #e0e0e0;
}

.inTtile .cn,
.in_one .title .cn,
.in_two .topslide .title .cn,
.in_three .title .cn {
    font-size: 24px;
    color: #797979;
}

@media screen and (max-width:1220px) {

    .inTtile .en,
    .in_one .title .en,
    .in_two .topslide .title .en,
    .in_three .title .en {
        font-size: 20px;
    }

    .inTtile .cn,
    .in_one .title .cn,
    .in_two .topslide .title .cn,
    .in_three .title .cn {
        font-size: 18px;
    }
}

.inBox {
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}

@media screen and (max-width:1440px) {
    .inBox {
        width: 1200px;
    }
}

@media screen and (max-width:1440px) and (max-width:1220px) {
    .inBox {
        width: 96%;
        padding: 0 2%;
    }
}

.in_one {
    background: #f5f5f5;
    padding: 80px 0;
    overflow: hidden;
}

.in_one .title {
    margin-bottom: 28px;
}

.in_one .picTop {
    margin-bottom: 13px;
}

.in_one .picTop .picleft {
    overflow: hidden;
    position: relative;
    float: left;
    width: 68.8%;
}

.in_one .picTop .picleft img {
    width: 100%;
}

.in_one .picTop .picleft .text {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2% 2% 2% 2%;
}

.in_one .picTop .picleft .text .tag {
    font-size: 14px;
    color: #fff;
}

.in_one .picTop .picleft .text .cTag {
    font-size: 16px;
    color: #fff;
    margin-top: 8px;
}

.in_one .picTop .picleft .text .article {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    font-size: 12px;
    color: #fff;
    margin-top: 10px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: none;
}

.in_one .picTop .picleft .text .article:after {
    content: '';
    background: url(../images/hehe.png) no-repeat;
    width: 31px;
    height: 31px;
    display: block;
    margin-top: 10px;
    background-size: cover;
    background-position: center center;
}

@media screen and (max-width:1220px) {
    .in_one .picTop .picleft .text {
        bottom: 0;
        background: rgba(239, 154, 41, 0.8);
    }

    .in_one .picTop .picleft .text .article {
        display: none;
    }
}

@media screen and (min-width:1360px) {
    .in_one .picTop .picleft:hover .text {
        bottom: 0;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        background: rgba(255, 255, 255, 0.5);
    }

    .in_one .picTop .picleft:hover .text .article {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        display: block;
    }
}

.in_one .picTop .picright {
    overflow: hidden;
    position: relative;
    float: right;
    width: 30.23%;
}

.in_one .picTop .picright img {
    width: 100%;
}

.in_one .picTop .picright .text {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4%;
}

.in_one .picTop .picright .text .tag {
    font-size: 14px;
    color: #fff;
}

.in_one .picTop .picright .text .cTag {
    font-size: 16px;
    color: #fff;
    margin-top: 8px;
}

.in_one .picTop .picright .text .article {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    font-size: 12px;
    color: #fff;
    margin-top: 10px;
    display: none;
}

.in_one .picTop .picright .text .article:after {
    content: '';
    background: url(../images/hehe.png) no-repeat;
    width: 31px;
    height: 31px;
    display: block;
    margin-top: 10px;
    background-size: cover;
    background-position: center center;
}

@media screen and (max-width:1220px) {
    .in_one .picTop .picright .text {
        bottom: 0;
        background: rgba(239, 154, 41, 0.8);
    }

    .in_one .picTop .picright .text .article {
        display: none;
    }
}

@media screen and (min-width:1360px) {
    .in_one .picTop .picleft:hover .text .tag {
        color: #333;
    }

    .in_one .picTop .picleft:hover .text .cTag {
        color: #333;
    }

    .in_one .picTop .picleft:hover .text .article {
        color: #333;
    }

    .in_one .picTop .picright:hover .text .tag {
        color: #333;
    }

    .in_one .picTop .picright:hover .text .cTag {
        color: #333;
    }

    .in_one .picTop .picright:hover .text .article {
        color: #333;
    }

    .in_one .picBot .pic:hover .text .tag {
        color: #333;
    }

    .in_one .picBot .pic:hover .text .cTag {
        color: #333;
    }

    .in_one .picBot .pic:hover .text .article {
        color: #333;
    }

    .in_one .picTop .picright:hover .text {
        bottom: 0;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        background: rgba(255, 255, 255, 0.5);
    }

    .in_one .picTop .picright:hover .text .article {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        display: block;
    }
}

@media screen and (max-width:768px) {
    .in_one .picTop {
        margin-bottom: 10px;
    }

    .in_one .picTop .picleft {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    .in_one .picTop .picright {
        float: none;
        width: 100%;
    }
}

.in_one .picBot {
    overflow: hidden;
}

.in_one .picBot .pic {
    float: left;
    overflow: hidden;
    position: relative;
    width: 49.5%;
}

.in_one .picBot .pic img {
    width: 100%;
    float: left;
}

.in_one .picBot .pic .text {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2% 2% 2% 2%;
}

.in_one .picBot .pic .text .tag {
    font-size: 14px;
    color: #fff;
}

.in_one .picBot .pic .text .cTag {
    font-size: 16px;
    color: #fff;
    margin-top: 8px;
}

.in_one .picBot .pic .text .article {
    -webkit-transition: bottom .5s;
    -moz-transition: bottom .5s;
    transition: bottom .5s;
    font-size: 12px;
    display: none;
    color: #fff;
    margin-top: 10px;
    transition-delay: 1s;
}

.in_one .picBot .pic .text .article:after {
    content: '';
    background: url(../images/hehe.png) no-repeat;
    width: 31px;
    height: 31px;
    display: block;
    margin-top: 10px;
    background-size: cover;
    background-position: center center;
}

@media screen and (max-width:1220px) {
    .in_one .picBot .pic .text {
        bottom: 0;
        background: rgba(239, 154, 41, 0.8);
    }

    .in_one .picBot .pic .text .article {
        display: none;
    }
}

@media screen and (min-width:1360px) {
    .in_one .picBot .pic:hover .text {
        bottom: 0;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        background: rgba(255, 255, 255, 0.5);
    }

    .in_one .picBot .pic:hover .text .article {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        display: block;
    }
}

.in_one .picBot .pic:nth-child(2) {
    float: right;
}

@media screen and (max-width:768px) {
    .in_one .picBot .pic {
        width: 100%;
        float: none;
    }

    .in_one .picBot .pic:nth-child(2) {
        margin-top: 10px;
    }
}

@media screen and (max-width:1220px) {
    .in_one {
        padding: 30px 0;
    }
}

@media screen and (max-width:1220px) and (max-width:768px) {
    .in_one {
        padding: 20px 0;
    }
}

@media screen and (max-width:1220px) {
    .in_one .title {
        margin-bottom: 18px;
    }
}

.in_two {
    padding: 80px 0;
    overflow: hidden;
}

.in_two .topslide .title {
    float: left;
}

.in_two .topslide .teclist {
    margin-top: 40px;
    float: right;
    overflow: hidden;
}

.in_two .topslide .teclist li {
    float: left;
    font-size: 18px;
    color: #9f9f9f;
    cursor: pointer;
    padding: 0 6px 12px 6px;
    margin: 0 34px;
    border-bottom: 2px solid #fff;
}

.in_two .topslide .teclist li.on {
    border-bottom: 2px solid #f09722;
    color: #f09722;
}

.two_item {
    overflow: hidden;
}

.two_item .item {
    margin-top: 20px;
}

.two_item .item:not(.active) {
    display: none;
}

.two_item .item .pic {
    overflow: hidden;
    width: 962px;
    float: left;
    height: 480px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.two_item .item .text {
    padding: 39px 34px;
    background: #f09520;
    float: right;
    width: 370px;
    height: 402px;
}

.two_item .item .text .td {
    height: 260px;
    margin-bottom: 25px;
    border-bottom: 1px solid #fff;
}

.two_item .item .text .td .inTag {
    font-size: 26px;
    color: #fff;
    margin-bottom: 15px;
}

.two_item .item .text .td a,
.two_item .item .text .td .link,
.two_item .item .text .td .viewAll {
    display: block;
    color: #fff;
    font-size: 14px;
}

.two_item .item .text .td .link {
    margin-top: 8px;
}

.two_item .item .text .td .viewAll {
    margin-top: 20px;
}

.two_item .item .text .td .viewAll i {
    margin-left: 10px;
    font-size: 20px;
}

.two_item .item .text .tx .inTag {
    font-size: 26px;
    color: #fff;
    margin-bottom: 15px;
}

.two_item .item .text .tx a,
.two_item .item .text .tx .td .viewAll,
.two_item .item .text .td .tx .viewAll,
.two_item .item .text .tx .link {
    display: block;
    color: #fff;
    font-size: 14px;
}

.two_item .item .text .tx .link {
    margin-top: 8px;
}

.in_three {
    padding: 45px 0;
    background: #f5f5f5;
    overflow: hidden;
}

.in_news {
    margin-top: 25px;
}

.in_news li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
}

.in_news li:nth-child(3) {
    margin-right: 0;
}

.in_news li .pic img {
    width: 100%;
}

.in_news li .text {
    margin-top: 30px;
}

.in_news li .text .lied {
    font-size: 26px;
    color: #333;
    font-weight: bold;
}

.in_news li .text .lied span {
    font-weight: normal;
    margin-left: 10px;
}

.in_news li .text .txt {
    font-size: 16px;
    color: #333;
    margin-top: 20px;
}

.in_news li .text em {
    display: block;
    margin-top: 60px;
    font-size: 14px;
    color: #999;
}

.in_news li .text em i {
    margin-left: 50px;
    font-size: 18px;
}

.footer {
    padding: 45px 0;
}

.footer dl {
    margin-right: 110px;
    float: left;
}

.footer dl dt {
    font-size: 16px;
    color: #2a2a2a;
    margin-bottom: 25px;
}

.footer dl dd {
    font-size: 14px;
    margin-bottom: 12px;
}

.footer dl dd a,
.footer dl dd .two_item .item .text .td .link,
.two_item .item .text .td .footer dl dd .link,
.footer dl dd .two_item .item .text .td .viewAll,
.two_item .item .text .td .footer dl dd .viewAll,
.footer dl dd .two_item .item .text .tx .link,
.two_item .item .text .tx .footer dl dd .link {
    color: #8f8f8f;
}

.footer .code {
    float: right;
}

.footer .code span {
    font-size: 16px;
    color: #2a2a2a;
    margin-bottom: 25px;
    display: block;
    text-align: center;
}

.footer .code .pic {
    margin: 0 10px;
    float: left;
}

.footer .code .pic h6 {
    text-align: center;
    font-size: 14px;
    color: #8f8f8f;
    margin-top: 10px;
}

.kingfa {
    padding: 23px 0;
    background: #f4f4f4;
}

.kingfa .select {
    width: 220px;
    position: relative;
    float: right;
    border: 1px solid #d8d8d8;
    padding: 10px 20px;
}

.kingfa .select .placeholder {
    display: block;
    cursor: pointer;
    color: #797979;
    font-size: 14px;
}

.kingfa .select .placeholder.on:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.kingfa .select .placeholder:after {
    content: '\e68e';
    font-size: 24px;
    position: absolute;
    right: 10px;
    color: #a3a3a3;
    top: 6px;
}

.kingfa .select ul {
    bottom: 40px;
    left: 0;
    display: none;
    background: #fff;
    position: absolute;
    width: 100%;
}

.kingfa .select ul li {
    padding: 10px 20px;
    cursor: pointer;
    color: #a3a3a3;
    font-size: 12px;
}

.kingfa .select ul li:hover {
    background: #f09723;
    color: #fff;
}

.kingfa p {
    float: left;
    font-size: 14px;
    color: #797979;
    padding: 10px 0;
}

.kingfa .inBox {
    overflow: visible;
}

.kingfa p a {
    color: #797979;
}

.main {
    background: #f5f5f5;
    overflow: hidden;
}

.clumbTop {
    padding: 35px 0;
}

.clumb {
    overflow: hidden;
    float: left;
}

.clumb a {
    color: #999;
    display: inline-block;
    font-size: 14px;
}

.clumb a:after {
    content: '\e605';
    display: inline-block;
}

.clumb h5 {
    display: inline-block;
    font-size: 14px;
}

.share {
    float: right;
}

.share span {
    font-size: 14px;
    color: #999;
    display: inline-block;
    vertical-align: middle;
}

.share a {
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
}

.share a:nth-of-type(1) {
    color: #21cc75;
}

.share a:nth-of-type(2) {
    color: #27c2ef;
}

.share a:nth-of-type(3) {
    color: #ef2323;
}

.share a:nth-of-type(4) {
    color: #ffcc19;
}

.newsText {
    background: #fff;
    margin-bottom: 75px;
    padding: 50px;
}

.pageMain {
    margin-top: 38px;
}

.newsText .title {
    border-bottom: 1px dashed #dcdcdc;
}

.newsText .title h1 {
    font-size: 36px;
    color: #333;
    text-align: center;
}

.newsText .title .time {
    font-size: 16px;
    color: #c6c6c6;
    padding: 25px 0;
    text-align: center;
}

.newsText ul {
    padding-top: 40px;
    border-top: 1px dashed #dcdcdc;
    overflow: hidden;
    margin-top: 50px;
}

.newsText ul li {
    width: 31.33%;
    margin-right: 3%;
    float: left;
}

.newsText ul li img {
    width: 100%;
}

.newsText ul li:nth-child(3) {
    margin-right: 0;
}

.newsText ul li span {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #333;
    margin-top: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.twoPic .pic {
    width: 50%;
    float: left;
    position: relative;
}

.twoPic .pic img {
    width: 100%;
}

.twoPic .pic h4 {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    margin-top: 10%;
}

.twoPic .pic h4:after {
    content: '\e653';
    display: block;
    font-weight: lighter;
    margin-top: 22px;
}

.cbaner {
    height: 470px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.co_slide {
    width: 100%;
    height: 53px;
    background: #f6f6f6;
    border-bottom: 1px solid #ededed;
}

.co_slide .home {
    float: left;
    width: 53px;
    color: #9a9a9a;
    height: 53px;
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
    line-height: 53px;
    text-align: center;
}

.co_slide .co_select {
    float: left;
    width: 170px;
    height: 53px;
    line-height: 53px;
    border-right: 1px solid #ededed;
    position: relative;
}

.co_slide .co_select span {
    overflow: hidden;
    padding-left: 20px;
    width: 150px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    display: block;
}

.co_slide .co_select span:before {
    top: -4px;
    content: '\e648';
    display: block;
    position: absolute;
    color: #a0a0a0;
    right: 10%;
}

.co_slide .co_select ul {
    display: none;
    top: 53px;
    z-index: 1000;
    position: absolute;
    background: #fff;
    border: 1px solid #ededed;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.co_slide .co_select ul li {
    font-size: 14px;
    color: #333;
    padding-left: 20px;
    border-bottom: 1px solid #ededed;
    height: 45px;
    line-height: 45px;
}

.co_slide .co_select ul li a {
    color: #333;
}

.co_slide .co_select ul li a:hover {
    color: #f0951e;
}

.co_slide .co_select ul li:last-child {
    border-bottom: none;
}

.co_slide .inBox {
    overflow: visible;
}

.allen {
    padding: 115px 0;
    background: #fff;
}

.allen2 {
    padding: 80px 0 0 0;
    background: #fff;
}

.allen h2 {
    font-size: 36px;
    color: #333;
    text-align: center;
    font-weight: bold;
}

.allen h6 {
    text-align: center;
    font-size: 16px;
    color: #999;
    margin-top: 15px;
}

.alumb {
    padding: 72px 0;
}

.alumb .oleft {
    width: 930px;
    float: left;
    overflow: hidden;
}

.alumb .oleft .top .pic {
    position: relative;
}

.alumb .oleft .top .pic img {
    width: 100%;
}

.alumb .oleft .top .pic .text {
    white-space: nowrap;
    overflow: hidden;
    bottom: -100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    text-overflow: ellipsis;
    background: rgba(255, 255, 255, .8);
    padding: 15px 15px;
    color: #333;
    font-size: 16px;
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alumb .oleft .bot {
    margin-top: 14px;
    overflow: hidden;
}

.alumb .oleft .bot .pic {
    float: left;
    width: 49.2%;
    margin-right: 1.6%;
    position: relative;
}

.alumb .oleft .bot .pic .text {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: rgba(255, 255, 255, .8);
    bottom: -50%;
    padding: 15px 15px;
    color: #333;
    font-size: 16px;
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alumb .oleft .bot .pic img {
    width: 100%;
}

.alumb .oleft .bot .pic:nth-child(2n) {
    margin-right: 0;
}

.alumb .oright {
    width: 455px;
    float: right;
    margin-left: 15px;
}

.alumb .oright .pic {
    margin-bottom: 12px;
    width: 100%;
    position: relative;
}

.alumb .oright .pic img {
    width: 100%;
}

.alumb .oright .pic .text {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: rgba(255, 255, 255, .8);
    bottom: -50%;
    padding: 15px 15px;
    color: #333;
    font-size: 16px;
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.followarea {
    background: #fbfbfb;
    padding: 72px 0;
}

.followarea h1 {
    font-size: 30px;
    color: #333;
    font-weight: bold;
}

.followarea ul {
    margin-top: 75px;
}

.followarea ul li {
    float: left;
    width: 23.5%;
    margin: 0 10px;
}

.followarea ul li .pic img {
    width: 100%;
}

.followarea ul li .text {
    padding: 10%;
    background: #fff;
}

.followarea ul li .text h5 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.followarea ul li .text a {
    color: #999;
    margin-bottom: 8px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.followarea ul li .text a i {
    display: inline-block;
    color: #eea728;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 10px;
}

.followarea ul li .text a:hover {
    color: #eea728;
}

.abclist {
    padding: 0 30px;
}

.prolist {
    padding: 120px 0;
}

.prolist ul {
    overflow: hidden;
}

.prolist ul li {
    float: left;
    width: 31.33%;
    margin: 0 1% 32px 1%;
}

.prolist ul li a {
    display: block;
}

.prolist ul li .pic {
    position: relative;
    overflow: hidden;
}

.prolist ul li .pic .text {
    overflow: hidden;
    bottom: -75px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    position: absolute;
    background: rgba(255, 255, 255, .8);
    width: 90%;
    padding: 3% 5%;
    font-size: 14px;
    color: #333;
    line-height: 25px;
}

.prolist ul li .pic .text p {
    height: 48px;
    overflow: hidden;
}

.prolist ul li .pic img {
    width: 100%;
}

.prolist ul li span {
    display: block;
    padding: 3% 5%;
    background: #fff;
    font-size: 22px;
    color: #333;
    font-weight: normal;
    height: 56px;
}

.honor {
    padding: 90px 0;
}

.honor ul {
    overflow: hidden;
}

.honor ul li {
    float: left;
    padding: 3% 3% 1% 3%;
    margin-bottom: 32px;
    overflow: hidden;
    background: #fff;
    width: 32%;
    margin-right: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.honor ul li:nth-child(3n) {
    margin-right: 0;
}

.honor ul li .pic {
    padding-bottom: 30px;
    overflow: hidden;
}

.honor ul li .pic img {
    width: 100%;
    -webkit-box-reflect: below 0 -webkit-linear-gradient(transparent, transparent 10%, rgba(255, 255, 255, .1));
}

.honor ul li:hover {
    box-shadow: 0 0 30px #cdcdcd;
}

.honor .viewAll {
    width: 295px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    color: #333;
    background: #fff;
    margin-top: 45px;
}

.honoryear {
    overflow: hidden;
    padding: 130px 0;
}

.honoryear .hd {
    float: left;
    width: 200px;
}

.honoryear .bd {
    float: right;
    width: 1077px;
    margin-top: 105px;
}

.honoryear .hd li {
    font-family: BebasNeue;
    cursor: pointer;
    height: 65px;
    background: #e8e8e8;
    color: #7f7f7f;
    font-size: 26px;
    text-align: center;
    line-height: 65px;
    margin: 5px 0;
}

.honoryear .hd li.active {
    background: url(../images/bg.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
}

.honoryear .bd .cl_item .pic {
    width: 428px;
    overflow: hidden;
    padding-bottom: 51px;
    float: left;
}

.honoryear .bd .cl_item .pic img {
    -webkit-box-reflect: below 0 -webkit-linear-gradient(transparent, transparent 10%, rgba(255, 255, 255, .1));
}

.honoryear .bd .cl_item .text {
    width: 540px;
    float: right;
}

.honoryear .bd .cl_item .text .txt {
    font-size: 16px;
    color: #333;
    line-height: 25px;
    height: 430px;
    margin-top: -50px;
}

@media screen and (max-width:1220px) {
    .honoryear .bd .cl_item .text .txt {
        margin-top: -20px;
    }
}

@media screen and (max-width:1024px) {
    .honoryear .bd .cl_item .text .txt {
        margin-top: 0;
        height: auto;
    }
}

.honoryear .bd .cl_item:not(.active) {
    display: none;
}

.delvtslide {
    padding: 95px 0;
}

.itee:not(.active) {
    display: none;
}

.itee .text {
    width: 35%;
    float: left;
    overflow: hidden;
}

.itee .text h3 {
    font-size: 40px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 44px;
}

.itee .text p {
    font-size: 16px;
    color: #666;
    position: relative;
    padding-left: 20px;
    line-height: 25px;
    margin-bottom: 20px;
}

.itee .text p:before {
    content: '\e60c';
    display: inline-block;
    color: #eea728;
    font-size: 24px;
    position: absolute;
    left: 0;
    top: 0;
}

.itee .text .txt {
    height: 395px;
}

.itee .pic {
    width: 63%;
    float: right;
}

.itee .pic img {
    width: 100%;
}

.ylist {
    margin-top: 37px;
}

.ylist .rajion {
    float: left;
    width: 35%;
}

.ylist .rajion span {
    display: block;
    font-size: 40px;
}

.ylist .rajion p {
    font-size: 16px;
    color: #999;
    margin-top: 10px;
}

.yserslide {
    float: right;
    font-size: 20px;
    color: #6b6b6b;
    overflow: hidden;
    margin-top: 27px;
    width: 63%;
}

.yserslide ul li {
    float: left;
    text-align: center;
    cursor: pointer;
    color: #999;
    font-size: 22px;
}

.slie_ywar {
    margin: 0 5%;
    padding: 10px 0;
}

.yserslide ul li.on {
    color: #eea728;
}

.yserslide ul li.on:after {
    content: '\e60c';
    display: block;
    font-size: 30px;
}

.contact {
    padding: 70px 0;
    margin: 0 auto;
}

.chosearea {
    overflow: hidden;
}

.chosearea input {
    float: right;
    display: block;
    width: 300px;
    height: 40px;
    border: 2px solid #eb7400;
    line-height: 40px;
    padding: 0 20px;
    font-size: 16px;
    color: #333;
}

.chosearea select {
    background: #fff url(../images/xe02.jpg) 92% 47% no-repeat;
    float: right;
    display: block;
    width: 300px;
    margin-left: 16px;
    height: 44px;
    border: 2px solid #eb7400;
    line-height: 44px;
    padding: 0 20px;
    font-size: 16px;
    color: #333;
}

.chosearea .submit {
    background: #f0951e;
    padding: 0;
    width: 136px;
    font-size: 26px;
    color: #fff;
    border: none;
    height: 44px;
    line-height: 44px;
    margin-left: 16px;
}

.map {
    margin-top: 50px;
}
.map .img{
    width: 100%;
}

.tellist {
    overflow: hidden;
    border: 2px solid #e5e5e5;
    padding: 70px 0;
}

.tellist ul {
    overflow: hidden;
}

.tellist ul li {
    float: left;
    width: 33.33%;
    padding: 0 3%;
    border-right: 1px solid #e9e9e9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 35px;
}

.tellist ul li span {
    font-size: 16px;
    color: #999;
    display: block;
    margin-bottom: 15px;
}

.tellist ul li h2 {
    font-size: 30px;
    color: #333;
}

.tellist ul li:last-child {
    border: none;
}

.tlText {
    padding: 50px 3% 0 3%;
}

.tlText .name {
    font-size: 18px;
    color: #333;
    margin-bottom: 18px;
}

.tlText .name em.span {
    font-size: 14px;
    color: #999;
    margin-left: 20px;
}

.tlText .name em.em {
    font-size: 14px;
    color: #333;
}

.phonecon {
    margin-top: 30px;
}

.phonecon .oleft {
    border: 2px solid #e5e5e5;
    width: 32%;
    margin-right: 31.33%;
    margin-right: 2%;
    padding: 3%;
    margin-bottom: 25px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.phonecon .oleft h1 {
    font-size: 26px;
    color: #333;
    margin-bottom: 50px;
}

.phonecon .oleft .cl_li {
    overflow: hidden;
}

.phonecon .oleft .cl_li em {
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
    display: block;
    float: left;
}

.phonecon .oleft .cl_li .tilo {
    color: #999;
}

.phonecon .oleft .fl_let {
    margin-bottom: 20px;
}

.phonecon .oleft .fl_let:last-child {
    margin-right: 0;
}

.phonecon .oleft:nth-child(3n) {
    margin-right: 0;
}

.newbaner {
    padding: 135px 0 90px 0;
}

.newbaner ul {
    overflow: hidden;
}

.newbaner ul li {
    width: 23%;
    padding: 0 1%;
    float: left;
    margin-bottom: 58px;
}

.newbaner ul li .pic img {
    width: 100%;
}

.newbaner ul li .pic {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.newbaner ul li .text span {
    display: block;
    font-size: 22px;
    color: #333;
    text-align: center;
    margin-top: 21px;
    height: 56.36px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.newbaner ul li .text a {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #333;
    margin-top: 8px;
}

.newbaner ul li:hover .pic {
    box-shadow: 0 0 15px #909090;
}

.newbaner ul li:hover a {
    color: #f0951e;
}

.corner {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    -webkit-background: linear-gradient(45deg, #dedfe3 24%, #b1b1b3 40%, #9b9c9f 43%, #979b99 46%, #412500 50%, #9c6100 50%, #9c6100);
    -mzo-background: linear-gradient(45deg, #dedfe3 24%, #b1b1b3 40%, #9b9c9f 43%, #979b99 46%, #412500 50%, #9c6100 50%, #9c6100);
    background: linear-gradient(45deg, #dedfe3 24%, #b1b1b3 40%, #9b9c9f 43%, #979b99 46%, #412500 50%, #9c6100 50%, #9c6100);
    border-radius: 0 0 0 90px / 0 0 0 30px;
    -webkit-transition: all .5s;
    -mzo-transition: all .5s;
    transition: all .5s;
}

.corner:after {
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    top: -15px;
    left: -66px;
    border-radius: 90px 90px 0 0 / 40px 40px 0 0;
    z-index: 1;
    background: #fff;
    -webkit-transform: rotate(77deg);
    -moz-transform: rotate(77deg);
    -o-transform: rotate(77deg);
    -ms-transform: rotate(77deg);
    transform: rotate(77deg);
}

.newbaner .viewAll {
    background: #fff;
    width: 295px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    color: #333;
    background: #fff;
}

.clute {
    padding: 105px 0;
}

.clute ul {
    overflow: hidden;
}

.clute ul li {
    width: 48%;
    margin: 0 1%;
    float: left;
    overflow: hidden;
    margin-bottom: 60px;
}

.clute ul li .pic {
    float: left;
    width: 30%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.big_clute .clute ul li .pic {
    float: left;
    width: 65%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.clute ul li .pic img {
    width: 100%;
    border: 1px solid #e0e0e0;
}

.clute ul li .text {
    float: right;
    width: 65%;
}

.big_clute .clute ul li .text {
    float: right;
    width: 30%;
}

.clute ul li .text span {
    display: block;
    font-size: 12px;
    color: #999;
    margin: 18px 0;
}

.clute ul li .text span {
    display: block;
    font-size: 12px;
    color: #999;
    margin: 12px 0;
}

.big_clute .clute ul li .text .txt {
    line-height: 21px;
    color: #999;
    font-size: 14px;
    height: 160px;
    overflow: hidden;
    padding-right: 5px;
}

.clute ul li .text .txt {
    line-height: 20px;
    color: #999;
    font-size: 14px;
    height: 160px;
    margin-bottom: 5px;
    overflow: hidden;
    padding-right: 5px;
}

.clute ul li .text a {
    border: 1px solid #cecece;
    color: #333;
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-align: center;
    background: #fff;
}

.corner2 {
    position: absolute;
    right: -1px;
    top: 0;
    width: 0;
    height: 0;
    -webkit-background: linear-gradient(45deg, #dedfe3 24%, #b1b1b3 40%, #9b9c9f 43%, #979b99 46%, #412500 50%, #9c6100 50%, #9c6100);
    -mzo-background: linear-gradient(45deg, #dedfe3 24%, #b1b1b3 40%, #9b9c9f 43%, #979b99 46%, #412500 50%, #9c6100 50%, #9c6100);
    background: linear-gradient(45deg, #dedfe3 24%, #b1b1b3 40%, #9b9c9f 43%, #979b99 46%, #412500 50%, #9c6100 50%, #9c6100);
    border-radius: 0 0 0 90px / 0 0 0 30px;
    -webkit-transition: all .5s;
    -mzo-transition: all .5s;
    transition: all .5s;
}

.clute .viewAll {
    background: #fff;
    width: 295px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    color: #333;
    background: #fff;
}

.corelist {
    padding: 88px 0;
}

.corelist dd {
    outline: none;
    float: left;
    margin: 0 15px;
    width: 25%;
    background: #fff;
    padding: 30px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.corelist dd .fritle {
    outline: none;
    font-size: 30px;
    color: #5b3a1a;
    font-weight: bold;
}

.corelist dd .tag {
    outline: none;
    margin-top: 5px;
    font-size: 16px;
    color: #333;
}

.corelist dd .tag:after {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background: #60391c;
    margin-top: 23px;
}

.corelist dd .txt {
    line-height: 25px;
    color: #999;
    font-size: 16px;
    margin-top: 25px;
}

.corelist dd .pic {
    margin-top: 53px;
    overflow: hidden;
    text-align: right;
}

.corelist dd .pic img {
    display: inline-block;
}

.coreMian {
    padding: 80px 0;
}

.coreMian .cleft {
    float: left;
    width: 40%;
    margin-top: 80px;
}

.cleft ul li {
    overflow: hidden;
    margin-bottom: 40px;
}

.cleft ul li h5 {
    font-size: 26px;
    color: #333;
    width: 40%;
    float: left;
}

.cleft ul li h5 span {
    font-family: '寰蒋闆呴粦';
}

.cleft ul li h5:before {
    content: '\e60c';
    color: #f19c2c;
    font-size: 50px;
    display: inline-block;
    vertical-align: middle;
}

.cleft ul li .text {
    font-size: 16px;
    color: #999;
    line-height: 25px;
    margin-top: 15px;
}

.cright img {
    width: 100%;
}

.cright {
    float: right;
    width: 60%;
}

.cl_be {
    background: #f5f5f5;
    padding: 65px 0;
}

.cl_be:nth-child(2n) {
    background: #f9f8f8;
}

.cl_be h3 {
    font-size: 26px;
    color: #333;
    margin-bottom: 15px;
}

.cl_be h5 {
    font-size: 16px;
    color: #999;
}

.cl_be .txt .td {
    font-size: 14px;
}

.cl_be .txt .td i {
    font-size: 22px;
    color: #eea728;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.cl_be .txt .td em {
    font-size: 22px;
    color: #eea728;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.anthoy .txt .text {
    margin-bottom: 40px;
}

.anthoy .txt {
    width: 40%;
    float: left;
}

.anthoy .anthoylist {
    float: left;
    width: 60%;
    padding: 0 3%;
}

.anthoy .anthoylist .pic {
    float: left;
    background: #fff;
    padding: 20px;
    width: 31.33%;
    margin: 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.anthoy .anthoylist .pic img {
    width: 100%;
}

.anthoy .anthoylist .pic span {
    display: block;
    margin-top: 90px;
}

.anthoy .anthoylist .pic:hover {
    box-shadow: 0 0 10px #999;
}

.newslist {
    padding: 125px 0;
}

.newslist ul {
    overflow: hidden;
}

.newslist ul .hot {
    width: 65%;
    float: left;
    margin: 0 .5%;
}

.newslist ul .hot .pic {
    background-position: center center;
    position: relative;
}

.newslist ul .hot .pic .arcile {
    position: absolute;
    font-size: 22px;
    color: #fff;
    bottom: 22px;
    padding: 0 2%;
    width: 96%;
}

.newslist ul .hot img {
    width: 100%;
}

.newslist ul li {
    width: 32%;
    margin: 0 .5%;
    float: left;
    margin-bottom: 14px;
}

.newslist ul li .pic img {
    width: 100%;
}

.newslist ul li .text {
    padding: 5%;
    background: #fff;
}

.newslist ul li h4 {
    font-size: 22px;
    color: #333;
    font-weight: bold;
}

.newslist ul li .txt {
    height: 83px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-top: 10px;
    overflow: hidden;
    margin-bottom: 11px;
}

.newslist ul li span {
    display: block;
    font-size: 12px;
    color: #999;
}

.newslist .viewAll {
    margin-top: 80px;
}

.load_more {
    margin: 0 auto;
    background: #fff;
    width: 295px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    display: block;
    font-size: 18px;
    color: #333;
    background: #fff;
}

.proshow {
    padding-top: 70px;
    background: #fff;
    padding-bottom: 70px;
    overflow: hidden;
}

.proshow .inBox {
    position: relative;
    overflow: visible;
}

.proshow .top {
    border-bottom: 1px solid #e5e5e5;
}

.proshow .title {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    margin-bottom: 25px;
    float: left;
}

.proshow ul {
    float: right;
    padding-bottom: 25px;
}

.proshow ul li {
    overflow: hidden;
    margin-left: 25px;
    float: right;
    border: 1px solid #cecece;
    color: #333;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-align: center;
    background: #fff;
}

.proshow ul li a {
    display: block;
    color: #333;
}

.proshow ul li a.on {
    background: #f0951e;
    color: #fff;
    display: block;
}

.proshow .pic img {
    width: 100%;
}

.odd .proshow:nth-child(2n-1) {
    background: #f6f6f6;
}

.proshow .anis {
    font-size: 14px;
    color: #333;
    width: 203px;
    height: 57px;
    line-height: 57px;
    text-align: center;
    display: block;
    position: absolute;
    top: -127px;
    left: 0;
    background: #f6f6f6;
}

.proshow .tag {
    font-size: 36px;
    color: #000;
    text-align: center;
}

.proshow .inTag {
    font-size: 18px;
    color: #000;
    text-align: center;
    margin-top: 10px;
}

.proshow .viewMore {
    overflow: hidden;
    margin-left: 25px;
    display: block;
    margin: 25px auto;
    border: 1px solid #cecece;
    color: #333;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-align: center;
    background: #fff;
}

.proshow .inBox .text {
    float: left;
    width: 50%;
    margin-top: 200px;
}

.proshow.lr {
    overflow: hidden;
}

.proshow.lr .pic {
    float: right;
    width: 50%;
}

@media screen and (max-width:1440px) {
    .in_two .topslide .title {
        float: none;
    }

    .in_two .topslide .teclist {
        float: none;
        margin-top: 20px;
    }

    .in_two .topslide .teclist li {
        margin: 0;
        padding: 10px 1%;
        width: 18%;
        text-align: center;
    }

    .two_item .item .pic {
        width: 896px;
    }

    .two_item .item .text {
        width: 236px;
        height: 402px;
    }

    .in_news {
        margin-top: 25px;
    }

    .in_news li .text .lied {
        font-size: 20px;
    }

    .in_news li .text .txt {
        font-size: 14px;
        color: #333;
        margin-top: 20px;
    }

    .pageMain img {
        width: 100%;
    }

    .alumb .oleft {
        width: 797px;
    }

    .alumb .oright {
        width: 390px;
        margin-left: 13px;
    }

    .honor {
        padding: 50px 0;
    }

    .honor ul li .text span {
        margin-top: 15px;
    }

    .honoryear .bd {
        width: 925px;
    }

    .honoryear .bd .cl_item .text {
        width: 435px;
    }

    .honoryear {
        padding: 50px 0;
    }

    .slie_ywar {
        margin: 0 6%;
    }

    .contact {
        padding: 50px 0;
    }

    .tellist {
        padding: 50px 0;
    }

    .map img {
        width: 100%;
    }

    .tlText {
        padding: 50px 3% 0 3%;
    }

    .phonecon .oleft {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .phonecon .oright {
        float: none;
        width: 100%;
    }

    .phonecon .oright .fl_let {
        margin: 0;
        width: 33.33%;
    }

    .newbaner {
        padding: 90px 0 50px 0;
    }

    .clute ul li .text .txt {
        height: 120px;
    }
}

@media screen and (min-width:1360px) {
    .in_news li:hover .text em {
        color: #f0951f;
    }

    .footer dl dd {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .footer dl dd a,
    .footer dl dd .two_item .item .text .td .link,
    .two_item .item .text .td .footer dl dd .link,
    .footer dl dd .two_item .item .text .td .viewAll,
    .two_item .item .text .td .footer dl dd .viewAll,
    .footer dl dd .two_item .item .text .tx .link,
    .two_item .item .text .tx .footer dl dd .link {
        color: #8f8f8f;
    }

    .footer dl dd a:hover,
    .footer dl dd .two_item .item .text .td .link:hover,
    .two_item .item .text .td .footer dl dd .link:hover,
    .footer dl dd .two_item .item .text .td .viewAll:hover,
    .two_item .item .text .td .footer dl dd .viewAll:hover,
    .footer dl dd .two_item .item .text .tx .link:hover,
    .two_item .item .text .tx .footer dl dd .link:hover {
        color: #f0951f;
    }

    .prolist ul li:hover .pic .text {
        bottom: 0;
    }

    .newbaner ul li:hover .pic .corner {
        width: 70px;
        height: 70px;
        transition: all .5s;
    }

    .clute ul li:hover .text a {
        background: #f0951e;
        color: #fff;
        border: 1px solid #f0951e;
    }

    .clute ul li:hover .pic .corner2 {
        width: 30px;
        height: 30px;
    }

    .trffice .text ul li a:hover {
        background: #f0951e;
        color: #fff;
        display: block;
    }

    .proshow ul li a:hover {
        background: #f0951e;
        color: #fff;
        display: block;
    }

    .proshow a:hover {
        background: #f0951e;
        color: #fff;
        display: block;
    }

    .alumb .oleft .top .pic:hover .text {
        bottom: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .alumb .oright .pic:hover .text {
        bottom: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .alumb .oleft .bot .pic:hover .text {
        bottom: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
}

@media screen and (max-width:1220px) {
    .in_two {
        padding: 30px 0;
    }

    .two_item .item .pic {
        width: 100%;
        height: 400px;
        float: none;
    }

    .two_item .item .text {
        width: 100%;
        float: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .two_item .item .text .td {
        height: auto;
        padding-bottom: 20px;
    }

    .two_item .item .text .td .inTag {
        font-size: 18px;
    }

    .two_item .item .text .tx .inTag {
        font-size: 18px;
    }

    .footer {
        padding: 25px 0;
    }

    .footer dl {
        display: none;
    }

    .footer .code {
        float: none;
        text-align: center;
    }

    .footer .code .pic {
        float: none;
        margin: 0 10px;
        display: inline-block;
    }

    .footer .code .pic h6 {
        text-align: center;
        font-size: 14px;
        color: #8f8f8f;
        margin-top: 10px;
    }

    .newsText .title h1 {
        font-size: 24px;
    }

    .newsText .title .time {
        padding: 10px 0;
    }

    .newsText ul li span {
        margin-top: 10px;
        font-size: 16px;
    }

    .twoPic .pic h4 {
        margin-top: 5%;
        font-size: 24px;
        font-weight: normal;
    }

    .twoPic .pic h4:after {
        margin-top: 10px;
    }

    .clumb {
        float: none;
        display: none;
    }

    .share {
        float: none;
        margin: 20px 0;
    }

    .clumbTop {
        padding: 0;
    }

    .alumb {
        padding: 30px 0;
    }

    .followarea h1 {
        font-size: 24px;
    }

    .followarea {
        padding: 30px 0;
    }

    .followarea ul {
        margin-top: 20px;
    }

    .followarea ul li .text h5 {
        font-size: 18px;
    }

    .followarea ul li {
        width: 32%;
        margin-bottom: 20px;
    }

    .cbaner {
        height: 350px;
    }

    .allen {
        padding: 50px 0;
    }

    .allen h2 {
        font-size: 24px;
    }

    .alumb .oleft {
        width: 100%;
        float: none;
    }

    .alumb .oright {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .alumb .oright .pic {
        width: 49.2%;
        float: left;
        margin-right: 1.6%;
        margin-top: 16px;
        margin-bottom: 0;
    }

    .alumb .oright .pic:nth-child(2n) {
        margin-right: 0;
    }

    .alumb .oleft .top .pic .text,
    .alumb .oleft .bot .pic .text,
    .alumb .oright .pic .text {
        font-size: 14px;
        padding: 12px;
        bottom: 0;
    }

    .prolist {
        padding: 50px 0;
    }

    .prolist ul li {
        width: 48%;
        margin: 0 1% 20px 1%;
    }

    .prolist ul li span {
        font-size: 18px;
    }

    .prolist ul li .pic .text {
        bottom: 0;
        font-size: 12px;
        display: none;
    }

    .honor {
        padding: 30px 0;
    }

    .honor ul li {
        padding: 3%;
    }

    .honor ul li .pic {
        float: none;
    }

    .honor ul li .text {
        float: none;
        width: 100%;
    }

    .honor ul li .text span {
        font-size: 18px;
        margin-top: 10px;
    }

    .honor ul li .text span:after {
        margin-top: 10px;
    }

    .honor .viewAll {
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        margin: 10px auto;
    }

    .honoryear {
        padding: 30px 0;
    }

    .honoryear .hd {
        overflow: hidden;
        float: none;
        width: 100%;
    }

    .honoryear .bd {
        width: 100%;
    }

    .honoryear .hd li {
        overflow: hidden;
        width: 31.33%;
        margin: 0 30px;
        float: left;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .honoryear .bd {
        float: none;
        margin-top: 30px;
    }

    .honoryear .bd .cl_item .pic {
        width: 45%;
        float: left;
        padding-bottom: 5%;
    }

    .honoryear .bd .cl_item .text {
        width: 50%;
    }

    .honoryear .bd .cl_item .text h1 {
        font-size: 60px;
    }

    .honoryear .bd .cl_item .pic img {
        width: 100%;
    }

    .itee .pic,
    .ylist .rajion {
        float: none;
        width: 100%;
    }

    .itee .text,
    .yserslide {
        width: 100%;
        float: none;
    }

    .itee .text h3 {
        margin-top: 15px;
        margin-bottom: 20px;
        font-size: 30px;
    }

    .itee .text p {
        margin-bottom: 10px;
    }

    .ylist .rajion span {
        font-size: 30px;
    }

    .slie_ywar {
        margin: 0 auto;
    }

    .delvtslide {
        padding: 50px 0;
    }

    .clute {
        padding: 50px 0;
    }

    .clute ul li {
        margin-bottom: 20px;
    }

    .clute ul li .pic {
        float: none;
    }

    .big_clute .clute ul li .pic {
        float: none;
        width: 100%;
    }

    .clute ul li .text,
    .big_clute .clute ul li .text {
        float: none;
        margin-top: 15px;
        width: 100%;
    }

    .clute ul li .text .txt,
    .big_clute .clute ul li .text .txt {
        height: 60px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        line-height: 20px;
    }

    .clute ul li .text span {
        margin: 8px 0;
    }

    .clute ul li .text a {
        margin: 0 auto;
        border-radius: 0;
        height: 30px;
        line-height: 30px;
        margin-top: 10px;
        font-size: 13px;
        background: #f0951e;
        border: 1px solid #f0951e;
        color: #fff;
    }

    .corelist {
        padding: 50px 0;
    }

    .corelist dd .fritle {
        font-size: 24px;
    }

    .coreMian {
        padding: 50px 0;
    }

    .coreMian .cleft {
        margin-top: 0;
    }

    .coreMian .cleft {
        float: none;
        width: 100%;
    }

    .cleft ul li {
        float: left;
        width: 23%;
        margin-bottom: 20px;
        margin: 0 1%;
        height: 200px;
        overflow: hidden;
    }

    .cleft ul li .text {
        font-size: 14px;
    }

    .cleft ul li h5 {
        float: none;
        width: 100%;
        font-size: 18px;
        font-weight: bold;
    }

    .cleft ul li h5:before {
        font-size: 20px;
    }

    .cleft ul li .text {
        float: none;
        width: 100%;
    }

    .cright {
        float: none;
    }

    .cl_be {
        padding: 40px 0;
    }

    .anthoy .txt {
        width: 100%;
        float: none;
    }

    .anthoy .anthoylist {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .cl_be h3 {
        font-size: 24px;
    }

    .anthoy .txt .text {
        margin-bottom: 20px;
    }

    .newslist {
        padding: 50px 0;
    }

    .newslist ul .hot {
        width: 99%;
        margin-bottom: 13px;
    }

    .newslist ul .hot .pic {
        height: 500px !important;
        background-size: cover;
        background-position: center center;
    }

    .newslist ul li h4 {
        font-size: 18px;
    }

    .newslist ul li {
        margin: 0 .66%;
        margin-bottom: 13px;
    }

    .newslist .viewAll {
        background: #fff;
        width: 200px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: block;
        margin: 0 auto;
        color: #333;
    }

    .newslist ul .hot .pic .arcile {
        font-size: 18px;
        bottom: 2%;
    }

    .trffice {
        padding: 50px 0;
    }

    .trffice .tag {
        float: none;
        font-weight: normal;
        font-size: 24px;
        width: 100%;
    }

    .trffice .text {
        float: none;
        width: 100%;
        margin-top: 15px;
    }

    .trffice .text .td {
        margin-bottom: 15px;
        font-size: 14px;
    }

    .trffice .text ul li {
        width: 31.33%;
        margin: 0 1%;
        margin-bottom: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .proshow {
        padding: 30px 0;
    }

    .proshow .title {
        float: none;
        width: 100%;
    }

    .proshow ul {
        float: none;
        width: 100%;
    }

    .proshow ul li {
        float: left;
        margin-left: 0;
        margin-right: 15px;
    }

    .proshow .top {
        padding-bottom: 20px;
    }

    .proshow .anis {
        top: -19%;
    }

    .proshow .tag {
        font-size: 24px;
    }

    .proshow .inBox .text {
        float: none;
        width: 100%;
        margin-top: 0;
    }

    .proshow.lr .pic {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width:1024px) {
    .co_slide {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        z-index: 999;
        width: 60%;
        transition: left .5s;
    }

    .co_slide.open {
        left: -60%;
        transition: left .5s;
    }

    .co_slide .co_select {
        float: none;
        width: 100%;
        height: auto;
        border-right: none;
    }

    .co_slide .home {
        float: none;
    }

    .co_slide .co_select span {
        width: 100%;
        -webkit-box-sizing: border-box;
        -mzo-box-sizing: border-box;
        box-sizing: border-box;
    }

    .co_slide .co_select ul {
        position: static;
    }

    .co_slide .home {
        color: #f0951e;
        opacity: .8;
        position: absolute;
        z-index: 999;
        top: 50%;
        right: -32px;
        background: #f6f6f6;
        border: 1px solid #ededed;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .honoryear .bd .cl_item .pic {
        float: none;
        margin: 0 auto;
    }

    .honoryear .bd .cl_item .text {
        float: none;
        width: 100%;
    }

    .chosearea .submit,
    .chosearea input,
    .chosearea select {
        width: 31.33%;
        margin: 0 1%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .chosearea input {
        height: 44px;
        line-height: 44px;
    }

    .contact,
    .tellist {
        padding: 30px 0;
    }

    .map {
        margin-top: 30px;
    }

    .tellist ul li {
        width: 50%;
    }

    .tellist ul li:nth-child(2n) {
        border-right: none;
    }

    .tellist ul li span {
        margin-bottom: 10px;
    }

    .tellist ul li h2 {
        font-size: 20px;
    }

    .tlText {
        padding: 30px 3% 0 3%;
    }

    .tlText .name {
        font-size: 16px;
    }

    .phonecon .oleft h1,
    .phonecon .oright h1 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .phonecon .oright .fl_let {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .newbaner ul li .text span {
        font-size: 18px;
    }

    .newbaner ul li .text a {
        font-size: 14px;
        margin-top: 5px;
    }

    .newbaner .viewAll {
        background: #fff;
        width: 200px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: block;
        margin: 0 auto;
        color: #333;
    }

    .newbaner ul li {
        width: 31.33%;
        margin-bottom: 20px;
    }

    .clute .viewAll {
        background: #fff;
        width: 200px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: block;
        margin: 0 auto;
        color: #333;
    }

    .trffice .pic {
        width: 100%;
    }

    .trffice .pic img {
        width: 100%;
    }
}

@media screen and (max-width:840px) {
    .two_item .item .pic {
        height: 300px;
    }
}

@media screen and (max-width:768px) {
    .in_two .topslide .teclist li {
        width: 31.33%;
        font-size: 16px;
    }

    .two_item .item .pic {
        height: 250px;
    }

    .two_item .item .text {
        padding: 5%;
    }

    .in_news {
        margin-top: 25px;
    }

    .in_news li {
        margin-bottom: 20px;
        width: 100%;
        margin-right: 0;
    }

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

    .in_news li:nth-child(2n) {
        margin-right: 0;
    }

    .in_news li .text {
        margin-top: 10px;
    }

    .in_news li .text .lied {
        font-size: 15px;
    }

    .in_news li .text .txt {
        font-size: 14px;
        margin-top: 10px;
    }

    .in_news li .text em {
        margin-top: 20px;
    }

    .kingfa {
        padding: 15px 0;
    }

    .kingfa .select {
        float: none;
    }

    .kingfa .select ul {
        background: #f0951f;
    }

    .kingfa .select ul li {
        color: #fff;
    }

    .kingfa p {
        float: none;
    }

    .newsText .title h1 {
        font-size: 18px;
    }

    .newsText {
        padding: 10px;
        margin-bottom: 25px;
    }

    .newsText ul li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 15px;
    }

    .newsText ul li:nth-child(3n) {
        margin-right: 4%;
    }

    .newsText ul li:nth-child(2n) {
        margin-right: 0;
    }

    .twoPic .pic {
        float: none;
        width: 100%;
        margin-top: 10px;
    }

    .twoPic .pic h4 {
        font-size: 18px;
    }

    .newsText ul li span {
        font-size: 14px;
    }

    .cbaner {
        height: 200px;
    }

    .alumb {
        padding: 20px 0;
    }

    .followarea h1 {
        font-size: 18px;
    }

    .followarea ul li .text h5 {
        font-size: 16px;
        font-weight: normal;
    }

    .followarea ul li {
        width: 49%;
    }

    .prolist ul li span {
        font-size: 14px;
        font-weight: normal;
    }

    .prolist {
        padding: 30px 0;
    }

    .honor ul li .pic {
        width: 100%;
    }

    .honor ul li .pic {
        padding-bottom: 10%;
    }

    .honor ul li .text p {
        font-size: 16px;
        margin-top: 10px;
    }

    .honor .viewAll {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin: 0 auto;
    }

    .honoryear .hd li {
        width: 48%;
    }

    .delvtslide {
        padding: 30px 0;
    }

    .itee .text h3,
    .ylist .rajion span {
        font-size: 20px;
    }

    .yserslide ul li {
        font-size: 18px;
    }

    .itee .text p {
        line-height: 30px;
        font-size: 15px;
    }

    .honoryear .bd .cl_item .pic {
        width: 100%;
    }

    .phonecon .oleft h1,
    .phonecon .oright h1 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .chosearea .submit,
    .chosearea input,
    .chosearea select {
        font-size: 14px;
    }

    .chosearea select {
        background-size: 20px 8px;
        background-position: 92% 52%;
    }

    .newbaner {
        padding: 30px 0 30px 0;
    }

    .newbaner ul li {
        width: 48%;
        margin-bottom: 20px;
    }

    .clute {
        padding: 30px 0;
    }

    .clute ul li {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }

    .clute ul li .pic {
        width: 50%;
    }

    .corelist {
        padding: 30px 0;
    }

    .corelist dd .fritle {
        font-weight: normal;
    }

    .corelist dd .pic {
        margin-top: 20px;
    }

    .corelist ul {
        margin-top: 30px;
    }

    .coreMian {
        padding: 30px 0;
    }

    .cleft ul li {
        width: 48%;
        height: 150px;
    }

    .cright {
        width: 100%;
    }

    .cleft ul li h5 {
        font-weight: normal;
        font-size: 16px;
    }

    .cl_be {
        padding: 30px 0;
    }

    .cl_be h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .anthoy .txt .text {
        margin-bottom: 10px;
    }

    .cl_be h5 {
        font-size: 14px;
    }

    .anthoy .anthoylist .pic {
        width: 48%;
    }

    .anthoy .anthoylist .pic span {
        margin-top: 30px;
        font-size: 14px;
    }

    .newslist {
        padding: 30px 0;
    }

    .newslist ul li {
        width: 48.67%;
    }

    .newslist ul .hot .pic {
        height: 350px !important;
    }

    .newslist ul li h4 {
        font-size: 16px;
        font-weight: normal;
    }

    .trffice {
        padding: 30px 0;
    }

    .trffice .tag {
        font-size: 18px;
    }

    .trffice .text .title {
        margin-bottom: 15px;
    }

    .trffice .text ul li {
        width: 48%;
        height: 40px;
        line-height: 40px;
    }

    .proshow ul li {
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }

    .proshow .viewMore {
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }

    .proshow .tag {
        font-size: 18px;
    }

    .proshow .inTag {
        font-size: 16px;
    }

    .proshow .title {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .proshow ul li {
        width: 48%;
        margin: 0 1%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .proshow .anis {
        width: 150px;
        line-height: 35px;
        top: 0;
        background: #f0961e;
        color: #fff;
        height: 35px;
        position: static;
        margin-bottom: 20px;
    }

    .honor ul li {
        width: 48.5%;
    }

    .honor ul li:nth-child(3n) {
        margin-right: 2%;
    }

    .honor ul li:nth-child(2n) {
        margin-right: 0;
    }

    .phonecon .oleft .cl_li {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .phonecon .oleft .cl_li .tilo {
        font-size: 14px;
    }
}

@media screen and (max-width:480px) {
    .in_two .topslide .teclist li {
        width: 48%;
    }

    .two_item .item .pic {
        height: 180px;
    }

    .alumb .oleft .top .pic .text,
    .alumb .oleft .bot .pic .text,
    .alumb .oright .pic .text {
        font-size: 12px;
        padding: 8px;
    }

    .allen {
        padding: 25px 0;
    }

    .allen h2 {
        font-size: 18px;
    }

    .allen h6 {
        font-size: 14px;
    }

    .honoryear .bd .cl_item .text h1 {
        font-size: 40px;
    }

    .honoryear .bd .cl_item .pic {
        width: 100%;
        padding-bottom: 10%;
    }

    .chosearea .submit,
    .chosearea input,
    .chosearea select {
        float: right;
        width: 48%;
        margin-bottom: 15px;
    }

    .chosearea input {
        width: 98%;
    }

    .tellist ul li {
        float: none;
        width: 100%;
        margin: 10px 0 0 0;
    }

    .map {
        margin-top: 15px;
    }

    .newbaner .viewAll {
        margin-top: 10px;
        height: 35px;
        line-height: 35px;
    }

    .clute .viewAll {
        margin-top: 10px;
        height: 35px;
        line-height: 35px;
    }

    .newslist ul .hot .pic {
        height: 208px !important;
    }

    .newslist ul li {
        float: none;
        width: 98.5%;
    }

    .newslist ul li .txt {
        height: auto;
    }

    .newslist .viewAll {
        margin-top: 10px;
        height: 35px;
        line-height: 35px;
    }

    .newslist ul .hot .pic .arcile {
        font-size: 16px;
        bottom: 5%;
    }
}

.proso {
    padding: 44px 0;
}

.proso .search_input {
    padding: 13px 23px;
}

.proso .clump {
    float: left;
    line-height: 44px;
}

.proso .clump h4 {
    font-size: 14px;
    color: #666;
    display: inline-block;
    vertical-align: middle;
}

.proso .clump i {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin: 0 10px;
}

.proso .mb {
    overflow: hidden;
    text-align: right;
}

.proso input {
    display: inline-block;
    padding: 0 13px;
    width: 235px;
    height: 42px;
    line-height: 42px;
    background: #f6f6f6;
    border: 1px solid #eaeaea;
}

.proso .submit {
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    background: #f0951e;
    text-align: center;
    line-height: 44px;
    padding: 0;
    width: 95px;
    border: none;
    height: 44px;
}

.proso .top {
    border: 1px solid #eaeaea;
}

.woodSelect {
    border-top: 1px dashed #eaeaea;
}

.woodSelect span {
    float: left;
    width: 208px;
    line-height: 65px;
    text-align: center;
    background: #f8f8f8;
    color: #666;
    font-size: 16px;
}

.woodSelect ul {
    overflow: hidden;
}

.woodSelect ul li {
    float: left;
    line-height: 65px;
    height: 65px;
    padding: 0 30px;
    font-size: 16px;
}

.woodSelect ul li a {
    color: #333;
}

.woodSelect ul li.on {
    color: #f0951e;
}

.soslist {
    padding: 70px 0;
}

.soslist li {
    width: 20%;
    padding: 2%;
    margin: 15px .5%;
    background: #fff;
    float: left;
}

.soslist li .pic img {
    width: 100%;
}

.soslist li h4 {
    text-align: center;
    font-size: 18px;
    color: #333;
    margin-top: 5px;
}

.soslist li h5 {
    text-align: center;
    font-size: 14px;
    color: #999;
    margin-top: 12px;
    height: 52px;
}

.sosPro {
    padding-bottom: 70px;
}

.sosPro .valAll {
    text-align: center;
    width: 295px;
    height: 66px;
    margin: 0 auto;
    display: block;
    line-height: 66px;
    background: #fff;
    color: #333;
    line-height: 66px;
}

.co_xs {
    padding: 68px 0;
    background: #fff;
}

.co_xs:nth-child(2n) {
    background: #f5f5f5;
}

.co_xs .title {
    font-size: 30px;
    color: #333;
    font-weight: bold;
    margin: 0 1%;
    margin-bottom: 60px;
}

.co_xs .player {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5) url(../images/player.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.ce_one {
    margin: 1% 1%;
    box-shadow: 0 0 10px #dbdbdb;
}

.ce_one .pic {
    width: 44%;
    float: left;
}

.ce_one .pic img {
    width: 100%;
}

.ce_one .text {
    background: #fff;
    width: 56%;
    padding: 3%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ce_one .text span {
    font-size: 16px;
    color: #999;
}

.ce_one .text span:nth-child(2) {
    width: 80%;
}

.ce_one .text span em {
    color: #333;
}

.ce_one .text .td {
    margin-bottom: 15px;
}

.ce_one .text .td span em.i {
    color: #f0951e;
    font-weight: bold;
}

.ce_two dd {
    margin: 0 9px;
    width: 23%;
    float: left;
    position: relative;
    outline: none;
}

.ce_two dd .pic {
    width: 100%;
    position: relative;
}

.ce_two dd .pic img {
    width: 100%;
}

.ce_two dd .text {
    position: absolute;
    bottom: 0;
    background: #fff;
    padding: 5% 3%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ce_two dd .text h4 {
    font-size: 20px;
    color: #333;
    width: 100%;
}

.ce_two dd .text .txt {
    font-size: 14px;
    color: #999;
    line-height: 25px;
    margin-top: 10px;
    display: none;
}

.co_thr .coBtn {
    overflow: hidden;
    border: 1px solid #d7d7d7;
    text-align: center;
    font-size: 0;
    width: 502px;
    margin: 0 auto;
    margin-bottom: 85px;
}

.co_thr .coBtn .btn {
    cursor: pointer;
    border-top: 2px solid #fff;
    font-size: 16px;
    color: #333;
    width: 250px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: inline-block;
}

.co_thr .coBtn .btn:nth-child(1) {
    border-right: 1px solid #d7d7d7;
}

.co_thr .coBtn .btn.active {
    border-top: 2px solid #f0951e;
    color: #f0951e;
}

.yesrlist {
    margin: 0 50px;
}

.yesrlist .slick-list {
    overflow: hidden;
}

.yesrlist dd {
    outline: none;
    position: relative;
}

.yesrlist dd .content {
    display: block;
    padding: 0 15px;
    border-left: 1px dashed #c0c0c0;
    margin: 0 5px;
}

.yesrlist dd a {
    display: block;
}

.yesrlist dd>:after {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background: url(../images/runRay.jpg) no-repeat;
    position: absolute;
    top: 0;
    left: -1px;
}

.yesrlist dd span {
    display: block;
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}

.yesrlist dd span:before {
    content: '\e60c';
    display: inline-block;
    color: #eea728;
    font-size: 20px;
}

.yesrlist dd .pic {
    line-height: 135px;
}

.yesrlist dd .pic img {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.yesrlist dd .num {
    font-size: 46px;
    color: #333;
    font-family: BebasNeue;
    margin-top: 24px;
}

.yesrlist dd .top .txt {
    height: 180px;
    overflow: hidden;
    margin-top: 5px;
}

.yesrlist:not(.active) {
    display: none;
}

.pholist dd {
    margin: 0 9px;
    outline: none;
}

.pholist dd .pic img {
    width: 100%;
}

.pholist dd .text {
    padding: 5%;
    background: #fff;
}

.pholist dd .text h2 {
    font-size: 20px;
    color: #333;
    height: 52px;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pholist dd .text .txt {
    font-size: 14px;
    color: #999;
    line-height: 25px;
    margin-top: 5px;
    height: 100px;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.pholist dd .text span {
    display: block;
    font-size: 14px;
    color: #999;
    margin-top: 10px;
}

.contactUs {
    margin: 12px;
    box-shadow: 0 0 20px #e4e4e4;
}

.contactUs .iMap {
    width: 70%;
    float: left;
}

.contactUs .iMap img {
    width: 100%;
}

.contactUs .text {
    width: 24%;
    float: left;
    padding: 3%;
}

.contactUs .text h5 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin-top: 20px;
}

.contactUs .text h5:after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background: #b29f5d;
    margin-top: 30px;
}

.contactUs .text .td {
    margin-top: 30px;
}

.contactUs .text .td .tile {
    font-size: 16px;
    color: #999;
}

.contactUs .text .td p {
    font-size: 14px;
    color: #333;
    margin-top: 15px;
}

.alinke {
    margin: 70px 0 50px 0;
    border: 1px solid #d7d7d7;
}

.alinke a {
    border-right: 1px solid #d7d7d7;
    text-align: center;
    font-size: 16px;
    color: #333;
    display: block;
    width: 14.28%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alinke a.active span {
    border-top: 2px solid #f0951e;
    color: #f0951e;
}

.alinke a span {
    border-top: 2px solid #fff;
    display: block;
    padding: 15px 0;
}

.alinke a:nth-child(7n) {
    border-right: none;
}

.rondo .boston {
    float: left;
    width: 25%;
    background: #fff;
    padding-bottom: 25px;
}

.rondo .boston .top {
    padding: 12% 8%;
    background: #f4f4f4;
    text-align: left;
}

.rondo .boston .top span {
    font-size: 46px;
    display: inline-block;
    color: #f52121;
    font-family: BebasNeue;
}

.rondo .boston .top span i {
    font-size: 28px;
    display: inline-block;
    color: #f52121;
}

.rondo .boston .top span em {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #f52121;
    margin: 0 5px;
}

.rondo .boston .top p {
    font-size: 14px;
    color: #333;
    margin-top: 8px;
}

.rondo .boston .bot {
    padding: 10% 8% 0 8%;
}

.rondo .boston .bot p {
    font-size: 14px;
    color: #333;
    margin-top: 8px;
}

.rondo .boston .bot p.span {
    display: block;
    font-weight: bold;
    font-size: 20px;
    color: #000;
    margin-top: 0;
}

.rondo .celtics {
    float: right;
    width: 75%;
    overflow: hidden;
    position: relative;
    z-index: 999;
}

.rondo .celtics .top {
    padding: 31.5px 70px;
    background: url(../images/tzbg.jpg);
}

.slideNum .slnum {
    float: left;
    margin-bottom: 20px;
    font-family: BebasNeue;
    width: 33.33%;
}

.slideNum .slnum h6 {
    font-size: 14px;
    color: #fcecdf;
}

.slideNum .slnum .num {
    font-size: 35px;
    color: #fff;
}

.rondo .celtics .top p {
    font-size: 14px;
    color: #fff;
}

.slideNum .slnum p.span {
    font-size: 20px;
    color: #fff;
    margin-left: 5px;
    display: inline-block;
}

.textTxt .td {
    width: 33.33%;
    float: left;
    color: #fcecdf;
    font-size: 14px;
}

.textTxt .td:nth-child(2n-1),
.slideNum .slnum:nth-child(2n-1) {
    width: 30%;
}

.textTxt .td:nth-child(2n),
.slideNum .slnum:nth-child(2n) {
    width: 37%;
}

.textTxt .td p {
    margin-bottom: 5px;
}

.anthoy {
    background: #f4f4f4;
    padding: 0 60px;
    border-left: 1px solid #f4f4f4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.yeslen dd {
    float: left;
    color: #808080;
    outline: none;
    margin: 0 19px;
    cursor: pointer;
    padding: 30px 0 27px 0;
    border-bottom: 3px solid #f4f4f4;
}

.yeslen dd.on {
    border-bottom: 3px solid #f0951e;
}

.downlist {
    border-left: 1px solid #f1f1f1;
}

.downlist li {
    overflow: hidden;
    padding: 20px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #f1f1f1;
}

.downlist li i {
    display: block;
    float: left;
    font-size: 30px;
    color: #f0951e;
}

.downlist li span {
    display: block;
    float: left;
    font-size: 16px;
}

.downlist li a {
    color: #000;
}

.downlist li .icon {
    display: block;
    float: right;
    background: url(../images/download.png) no-repeat;
    width: 38px;
    height: 53px;
    background-size: cover;
}

.downlist li .icon-pdf {
    display: block;
    float: right;
    background: url(../images/download.png) no-repeat;
    width: 38px;
    height: 53px;
    background-size: cover;
}

.downlist li:hover .icon-pdf {
    background: url(../images/download2.png) no-repeat;
}

.downlist li .icon-word {
    background: url(../images/word.png) no-repeat;
}

.downlist li:hover .icon-word {
    background: url(../images/word2.png) no-repeat;
}

.downlist li .icon-excel {
    background: url(../images/excel.png) no-repeat;
}

.downlist li:hover .icon-excel {
    background: url(../images/excel2.png) no-repeat;
}

.downlist li .icon-ppt {
    background: url(../images/ppt.png) no-repeat;
}

.downlist li:hover .icon-ppt {
    background: url(../images/ppt2.png) no-repeat;
}

.downlist li:hover {
    background: #f4f4f4;
}

.rondo {
    margin-bottom: 100px;
}

.feixd.on {
    position: fixed;
    width: 1400px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 78px;
    z-index: 9;
}

.about {
    margin-top: 84px;
    overflow: hidden;
    overflow: hidden;
}

.about .pic {
    width: 64%;
    float: left;
    border-right: 1px solid #dcdcdc;
    padding-right: 2%;
}

.about .pic .text {
    color: #333;
    line-height: 30px;
    font-size: 16px;
    margin-top: 65px;
}

.about .pic .pt {
    margin-top: 60px;
}

.aboutTime {
    float: right;
    width: 32%;
    border-bottom: 1px solid #e5e5e5;
}

.aboutTime .top {
    padding-bottom: 43px;
    border-bottom: 1px solid #e5e5e5;
}

.aboutTime .top .time {
    float: left;
}

.aboutTime .top .time span {
    display: block;
    font-family: BebasNeue;
    font-size: 65px;
    color: #603812;
    margin-top: 30px;
}

.aboutTime .top .time span em {
    color: #333;
    font-size: 16px;
}

.aboutTime .top .pix {
    float: right;
}

.aboutTime .sl_num {
    margin-top: 50px;
}

.aboutTime .sl_num .slideNum {
    margin-top: 40px;
    overflow: hidden;
}

.aboutTime .sl_num .slideNum span {
    display: block;
    float: left;
    font-family: BebasNeue;
    font-size: 50px;
    color: #603812;
}

.aboutTime .sl_num .slideNum .txt {
    float: left;
    margin-left: 10px;
}

.aboutTime .sl_num .slideNum .txt em {
    display: block;
    font-size: 25px;
    color: #603812;
}

.aboutTime .sl_num .slideNum .txt p {
    font-size: 14px;
    color: #333;
}

.aboutTime .aclText {
    font-size: 14px;
    color: #999;
    margin-top: 30px;
}

.aboutTime a {
    color: #383838;
    display: block;
    width: 154px;
    height: 54px;
    margin: 80px 0 40px 0;
    text-align: center;
    line-height: 54px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.asTile {
    font-size: 30px;
    color: #333;
    font-weight: bold;
}

.musicVideo {
    margin-top: 105px;
    margin-bottom: 80px;
}

.musicVideo .video {
    float: left;
    width: 38%;
    position: relative;
}

.musicVideo .video img {
    width: 100%;
}

.musicVideo .music {
    float: right;
    margin-left: 1%;
    width: 60%;
}

.musicVideo .player {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5) url(../images/player.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.aboutlist {
    margin-bottom: 50px;
}

.aboutlist ul {
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 70px;
}

.aboutlist ul li {
    margin: 10px 0 20px 0;
    float: left;
    width: 49%;
    overflow: hidden;
    padding: 10px 0;
    background: #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5stransition:all .5s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.aboutlist ul li:nth-child(2n) {
    float: right;
}

.aboutlist ul li .pic {
    width: 40%;
    float: left;
}

.aboutlist ul li .pic img {
    width: 100%;
}

.aboutlist ul li .text {
    width: 58%;
    float: right;
}

.aboutlist ul li .text h3 {
    font-size: 18px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.aboutlist ul li .text .txt {
    font-size: 16px;
    color: #999;
    line-height: 25px;
    height: 100px;
    margin-top: 25px;
}

.aboutlist ul li .text i {
    font-size: 16px;
    color: #333;
    display: block;
}

.walk {
    padding: 70px 0;
}

.binOne {
    width: 100%;
    margin-bottom: 1.5%;
    overflow: hidden;
}

.binOne .coPic img {
    width: 105%;
    max-width: 105%;
}

.binOne .coPic {
    width: 49.15%;
    float: left;
    overflow: hidden;
    position: relative;
}

.binOne .coPix {
    width: 49.4%;
    float: right;
    overflow: hidden;
}

.binOne .coPix .cePic img {
    width: 105%;
    max-width: 105%;
}

.binOne .coPix .cePic:nth-child(2) {
    margin-top: 3%;
}

.binOnt .toPic {
    width: 49.2%;
    /*float: left;*/
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1.5%;
}

.binOnt .toPic img {
    width: 105%;
    max-width: 105%;
}

.binOnt .toPic:nth-child(2n) {
    float: right;
}

.transleft .text {
    z-index: 9899;
    min-height: 114px;
    position: absolute;
    bottom: 0;
    width: 94%;
    padding: 3%;
    -webkit-transform: translateY(60%);
    -moz-transform: translateY(60%);
    transform: translateY(60%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.transleft .text span {
    height: 28px;
    display: block;
    font-size: 22px;
    color: #fff;
}

.transleft .text p {
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
    line-height: 25px;
    opacity: 0;
    -webkit-transform: translateY(80%);
    -moz-transform: translateY(80%);
    transform: translateY(80%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.cePic {
    position: relative;
}

.cePic .palyer {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5) url(../images/player.png) center center no-repeat;
    height: 100%;
}

@media screen and (max-width:1400px) {
    .feixd.on {
        position: fixed;
        width: 1200px;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 78px;
    }

    .about .pic .pt img {
        width: 100%;
    }

    .aboutTime a {
        margin: 40px 0 40px 0;
    }

    .musicVideo {
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .musicVideo .video {
        float: none;
        width: 100%;
    }

    .musicVideo .music {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-top: 20px;
    }

    .aboutlist ul {
        width: 1200px;
    }

    .aboutlist ul li .text .txt {
        height: 85px;
        overflow: hidden;
        font-size: 14px;
    }
}

@media screen and (min-width:1360px) {
    .soslist li:hover {
        box-shadow: 0 0 10px #818181;
    }

    .woodSelect ul li a:hover {
        color: #f0951e;
    }

    .sosPro .valAll:hover {
        background: #f0951e;
        color: #fff;
    }

    .ce_two dd:hover .text {
        background: rgba(255, 255, 255, .8);
    }

    .ce_two dd:hover .text .txt {
        display: block;
    }

    .aboutTime a:hover {
        color: #fff;
        background: #f0951e;
    }

    .aboutlist ul li:hover {
        box-shadow: 0 0 20px #d2d2d2;
        -webkit-transition: all .5s;
        -moz-transition: all .5stransition:all .5s;
    }

    .transleft:hover .text {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .transleft:hover .text p {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        opacity: 1;
    }
}

@media screen and (max-width:1220px) {
    .woodSelect {
        position: relative;
        float: left;
        width: 33.33%;
        border-right: 1px solid #eaeaea;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .woodSelect span {
        position: relative;
        float: none;
        display: block;
        text-align: center;
        width: 100%;
    }

    .woodSelect span:before {
        content: '\e648';
        display: block;
        position: absolute;
        right: 10%;
    }

    .woodSelect ul {
        float: none;
        position: absolute;
        top: 54px;
        width: 100%;
        background: #f0951e;
        z-index: 999;
        display: none;
    }

    .woodSelect ul li {
        padding: 10px 0;
        margin: 0 auto;
        text-align: center;
        float: none;
        height: 30px;
        line-height: 30px;
        color: #fff;
    }

    .woodSelect ul li a {
        color: #fff;
    }

    .woodSelect span {
        height: 50px;
        line-height: 50px;
    }

    .woodSelect ul li.on a {
        color: #fff;
    }

    .soslist li {
        width: 28.33%;
    }

    .soslist {
        padding: 30px 0;
    }

    .sosPro .valAll {
        width: 200px;
        line-height: 35px;
        height: 35px;
    }

    .co_xs {
        padding: 50px 0;
    }

    .co_xs .title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .ce_one .pic {
        margin: 0 auto;
        float: none;
        width: 50%;
    }

    .ce_one .text {
        float: none;
        width: 100%;
        text-align: center;
    }

    .ce_one .text span {
        display: inline-block;
        float: none;
        width: 100%;
        line-height: 25px;
    }

    .ce_one .text span:nth-child(2) {
        width: 100%;
    }

    .co_thr .coBtn {
        margin-bottom: 20px;
    }

    .yesrlist dd .num {
        font-size: 30px;
    }

    .contactUs .iMap {
        float: none;
        width: 100%;
    }

    .contactUs .text {
        width: 94%;
    }

    .alinke {
        margin: 20px 0;
        border-right: 1px solid #d7d7d7;
        border-left: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
    }

    .alinke a {
        width: 20%;
        border-bottom: 1px solid #d7d7d7;
    }

    .alinke a:nth-child(5n) {
        border-right: none;
    }

    .alinke a:nth-child(n+6) {
        border-bottom: none;
    }

    .alinke a:nth-child(7n) {
        border-right: 1px solid #d7d7d7;
    }

    .alinke a:last-child {
        border: none;
        border-right: 1px solid #d7d7d7;
    }

    .alinke a:first-child {
        border-left: none;
    }

    .rondo .boston {
        float: none;
        width: 100%;
    }

    .rondo .boston .top {
        padding: 3%;
    }

    .rondo .boston .bot {
        padding: 2% 3%;
    }

    .rondo .celtics {
        float: none;
        width: 100%;
    }

    .rondo .boston .top span {
        font-size: 32px;
    }

    .rondo .boston .bot span {
        font-size: 18px;
    }

    .rondo .celtics .top {
        padding: 3%;
    }

    .slideNum .slnum {
        margin: 0 auto 30px auto;
        width: 25%;
        text-align: center;
    }

    .slideNum .slnum .num {
        font-size: 24px;
    }

    .anthoy {
        padding: 0 50px;
    }

    .feixd.on {
        position: static;
        width: 100%;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 78px;
    }

    .about {
        margin-top: 50px;
    }

    .about .pic {
        width: 100%;
        float: none;
    }

    .aboutTime {
        width: 100%;
        float: none;
        margin-top: 30px;
    }

    .asTile {
        font-size: 24px;
    }

    .about .pic .text {
        margin-top: 20px;
    }

    .aboutTime .top .time span {
        font-size: 30px;
    }

    .aboutTime .top {
        padding-bottom: 20px;
    }

    .aboutTime .sl_num {
        margin-top: 30px;
    }

    .aboutTime a {
        width: 200px;
        height: 30px;
        line-height: 30px;
    }

    .aboutlist ul {
        width: auto;
    }

    .aboutlist ul li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .aboutlist ul li .pic {
        float: none;
    }

    .aboutlist ul li .text {
        width: 100%;
        float: none;
    }

    .aboutlist ul li .text h3 {
        margin-top: 10px;
        font-size: 16px;
    }

    .aboutlist ul li .text .txt {
        margin-top: 12px;
        font-size: 14px;
        height: 79px;
    }

    .transleft .text span {
        font-size: 24px;
    }

    .walk {
        padding: 50px 0;
    }

    .aboutlist ul {
        margin-top: 0;
    }

    .textTxt .td {
        width: 50%;
        text-align: center;
    }

    .textTxt .td:nth-child(2n-1),
    .slideNum .slnum:nth-child(2n-1) {
        width: 50%;
    }

    .textTxt .td:nth-child(2n),
    .slideNum .slnum:nth-child(2n) {
        width: 50%;
    }
}

@media screen and (max-width:768px) {
    .proso {
        padding: 20px 0;
    }

    .proso .clump {
        float: none;
        width: 100%;
    }

    .proso form {
        padding: 5%;
    }

    .proso .mb input {
        float: left;
        width: 70%;
        padding: 0 5%;
        -webkits-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .proso .mb .submit {
        margin-left: 0;
        float: right;
        width: 30%;
        padding: 0;
        height: 42px;
    }

    .soslist {
        padding: 30px 0;
    }

    .soslist li {
        width: 45%;
    }

    .woodSelect span {
        height: 35px;
        line-height: 35px;
    }

    .woodSelect span:before {
        top: -9%;
    }

    .woodSelect ul {
        top: 37px;
    }

    .sosPro {
        padding-bottom: 30px;
    }

    .sosPro .valAll {
        width: 150px;
        line-height: 35px;
        height: 35px;
        font-size: 14px;
    }

    .co_xs {
        padding: 30px 0;
    }

    .ce_one .pic {
        width: 100%;
    }

    .co_xs .title {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .ce_one .text {
        text-align: left;
    }

    .ce_one .text span {
        display: block;
        font-size: 14px;
    }

    .ce_two dd .text h4 {
        font-size: 14px;
    }

    .co_thr .coBtn {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .co_thr .coBtn .btn {
        width: 50%;
        display: block;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 35px;
        height: 35px;
    }

    .contactUs .text h5 {
        font-size: 18px;
    }

    .alinke a {
        width: 50%;
        font-size: 14px;
        border-bottom: 1px solid #d7d7d7;
    }

    .alinke a:nth-child(5n) {
        border-right: 1px solid #d7d7d7;
        border-bottom: none;
    }

    .alinke a:nth-child(2n) {
        border-right: none;
    }

    .slideNum .slnum {
        margin: 0 auto 30px auto;
        width: 50%;
        text-align: center;
    }

    .downlist li {
        padding: 3%;
    }

    .downlist li a {
        background-size: 24px;
        background-position: center center;
    }

    .rondo .boston .top span {
        font-size: 24px;
    }

    .rondo .boston .top span i {
        font-size: 18px;
    }

    .rondo .boston .bot span {
        font-size: 16px;
    }

    .downlist li span {
        font-size: 14px;
    }

    .about {
        margin-top: 30px;
    }

    .asTile {
        font-size: 18px;
    }

    .about .pic .pt {
        margin-top: 30px;
    }

    .aboutTime .top .pix {
        width: 40%;
    }

    .aboutTime .top .pix img {
        width: 100%;
    }

    .aboutTime .sl_num .slideNum {
        margin-top: 20px;
    }

    .aboutTime .sl_num .slideNum span {
        font-size: 40px;
    }

    .aboutTime .sl_num .slideNum .txt em {
        font-size: 18px;
    }

    .aboutTime a {
        margin: 20px 0;
    }

    .musicVideo {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .aboutlist ul li .pic {
        width: 100%;
    }

    .aboutlist ul li .text i {
        font-size: 14px;
    }

    .binOne {
        margin-bottom: 3%;
    }

    .transleft .text span {
        font-size: 18px;
    }

    .binOne .coPic {
        width: 100%;
        float: none;
    }

    .binOne .coPix {
        float: none;
        width: 100%;
        margin-top: 3%;
    }

    .binOnt .toPic {
        width: 100%;
        float: none;
    }

    .binOnt .toPic:nth-child(2n) {
        float: none;
        margin-top: 3%;
    }

    .walk {
        padding: 30px 0;
    }

    .aboutlist ul {
        margin-top: 20px;
    }

    .anthoy {
        padding: 0 20px;
    }

    .yesrlist {
        margin: 0 20px;
    }

    .textTxt .td {
        width: 100%;
        text-align: center;
        float: none;
        margin-bottom: 20px;
    }

    .textTxt .td:nth-child(2n-1),
    .slideNum .slnum:nth-child(2n-1) {
        width: 100%;
    }

    .textTxt .td:nth-child(2n),
    .slideNum .slnum:nth-child(2n) {
        width: 100%;
    }
}

.aplayer-narrow .aplayer-info {
    width: 37%;
}

.aplayer-withlrc.aplayer .aplayer-info {
    height: 386px;
}

.aplayer-withlrc.aplayer .aplayer-lrc {
    display: block;
}

.aplayer [class*=" aplayer-icon-"]:before,
.aplayer [class^=aplayer-icon-]:before {
    font-family: aplayer-fontello;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
}

.aplayer .aplayer-lrc-content,
.aplayer .aplayer-pic .aplayer-hide {
    display: none;
}

.aplayer span {
    cursor: default !important;
}

.aplayer .aplayer-pic {
    position: relative;
    float: left;
    width: 63%;
}

.aplayer .aplayer-pic img {
    height: 100%;
    width: 100%;
}

.aplayer .aplayer-pic .aplayer-button {
    position: absolute;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: .8;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .2);
}

.aplayer .aplayer-pic .aplayer-button:hover {
    opacity: 1;
}

.aplayer .aplayer-pic .aplayer-play {
    width: 50px;
    height: 51px;
    top: 78%;
    right: 30%;
    background: url(../images/playerMusic.png) no-repeat;
}

.aplayer .aplayer-pic .aplayer-pause {
    width: 50px;
    height: 51px;
    top: 78%;
    right: 30%;
    background: url(../images/stop.png) no-repeat;
}

.aplayer .aplayer-info {
    float: left;
    height: 66px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.aplayer .aplayer-info .aplayer-music {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    margin-bottom: 17px;
}

.aplayer .aplayer-info .aplayer-music .aplayer-title {
    font-size: 14px;
    display: block;
    text-align: center;
    font-size: 25px;
    color: #603812;
    font-weight: bold;
}

.aplayer .aplayer-info .aplayer-music .aplayer-author {
    font-size: 12px;
    text-align: center;
    margin: 15px 0;
    display: block;
    font-size: 18px;
    color: #f89d09;
}

.aplayer .aplayer-info .aplayer-controller {
    position: relative;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
    margin: 0 120px 0 5px;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
    position: relative;
    height: 2px;
    width: 100%;
    background: #cdcdcd;
    cursor: pointer !important;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #aaa;
    height: 2px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #b7daff;
    height: 2px;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
    position: absolute;
    top: 0;
    right: 5px;
    margin-top: -4px;
    margin-right: -10px;
    height: 8px;
    width: 8px;
    border: 1px solid #b7daff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    cursor: pointer !important;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb:hover {
    background: #b7daff;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time {
    position: absolute;
    right: 0;
    bottom: -5px;
    height: 17px;
    color: #999;
    font-size: 11px;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time i {
    color: #666;
    font-size: 15px;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap {
    display: inline-block;
    margin-left: 7px;
    cursor: pointer !important;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap {
    display: block;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap {
    display: none;
    position: absolute;
    bottom: 17px;
    right: -5px;
    width: 25px;
    height: 40px;
    z-index: 99;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {
    position: absolute;
    bottom: 0;
    right: 10px;
    width: 5px;
    height: 35px;
    background: #aaa;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5px;
    background: #b7daff;
}

.aplayer .aplayer-lrc {
    position: relative;
    height: 255px;
    background: #fff;
    text-align: center;
    overflow: hidden;
    margin: -10px 0 10px;
}

.aplayer .aplayer-lrc:after,
.aplayer .aplayer-lrc:before {
    position: absolute;
    z-index: 1;
    display: block;
    overflow: hidden;
    content: ' ';
    width: 100%;
}

.aplayer .aplayer-lrc:before {
    top: 0;
    height: 10%;
    background: -webkit-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
}

.aplayer .aplayer-lrc:after {
    bottom: 0;
    height: 33%;
    background: -webkit-linear-gradient(bottom, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to top, #fff 0, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.aplayer .aplayer-lrc p {
    font-size: 14px;
    color: #999;
    line-height: 30px;
    padding: 0;
    margin: 0;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: .8;
}

.aplayer .aplayer-lrc p.aplayer-lrc-current {
    opacity: 1;
    color: #f89d09;
}

.aplayer .aplayer-lrc .aplayer-lrc-contents {
    width: 100%;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

@media screen and (max-width:1400px) {
    .aplayer-withlrc.aplayer .aplayer-info {
        height: 332px;
    }

    .aplayer .aplayer-lrc {
        height: 223px;
    }
}

@media screen and (max-width:768px) {
    .aplayer .aplayer-pic {
        float: none;
        width: 100%;
    }

    .aplayer .aplayer-info .aplayer-music .aplayer-title {
        font-size: 18px;
    }

    .aplayer .aplayer-info .aplayer-music .aplayer-author {
        font-size: 16px;
        margin: 5px 0;
    }

    .aplayer-withlrc.aplayer .aplayer-info {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
}

.worldMap {
    background: #fff;
}

.thereName .title {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.thereName .title:before {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #f0951e;
    margin: 30px auto;
}

.thereName .txt {
    color: #333;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    margin-top: 30px;
}

.bossPic {
    margin: 80px 0;
    overflow: hidden;
}

.bossPic li {
    margin: 0 1%;
    float: left;
    width: 23%;
    position: relative;
}

.bossPic li .text {
    position: absolute;
    width: 94%;
    padding: 3%;
    background: rgba(0, 0, 0, .3);
    bottom: 0;
    z-index: 999;
    text-align: center;
    color: #fff;
}

.bossPic li .pic img {
    width: 100%;
}

.dowte {
    margin-bottom: 100px;
}

.dowte dl {
    margin: 0 1%;
}

.dowte dl dd {
    overflow: hidden;
    padding-bottom: 35px;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 35px;
}

.dowte dl dd .tag {
    float: left;
    width: 20%;
    font-size: 18px;
    color: #333;
}

.dowte dl dd .text {
    float: right;
    width: 78%;
}

.dowte dl dd .text .art {
    font-size: 14px;
    color: #333;
    line-height: 25px;
    margin-bottom: 30px;
}

.dowte dl dd .text .td {
    float: left;
    width: 80%;
}

.dowte dl dd .text .td .mz {
    margin-bottom: 10px;
}

.dowte dl dd .text .td .mz i {
    color: #f0951e;
    font-size: 18px;
    float: left;
    margin-top: -4px;
}

.dowte dl dd .text .td .mz span {
    display: block;
    float: left;
    font-size: 14px;
    color: #999;
    margin-right: 10px;
}

.dowte dl dd .text .td .mz h4 {
    display: block;
    float: left;
    font-size: 14px;
    color: #333;
}

.dowte dl dd .text .lvring a {
    margin-top: 20px;
    font-size: 14px;
    border: 2px solid #979797;
    display: block;
    float: right;
    width: 93px;
    height: 28px;
    background: url(../images/downlon.jpg) no-repeat 90% 50%;
    text-align: center;
    line-height: 28px;
    font-weight: bold;
    color: #ef9014;
}

.country {
    border-right: none;
    text-align: center;
    margin: 0 auto;
    font-size: 0;
}

.country a {
    border-top: 2px solid #fff;
    display: inline-block;
    padding: 18px 0;
    width: 250px;
    text-align: center;
    font-size: 16px;
    color: #333;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
}

.country a:first-child {
    border-left: 1px solid #d7d7d7;
}

.country a.on {
    border-top: 2px solid #f0951e;
}

.country a:hover {
    border-top: 2px solid #f0951e;
}

.woPag {
    margin-top: 50px;
    position: relative;
}

.woPag img {
    width: 100%;
}

.mapitem {
    display: none;
}

.din_a {
    position: absolute;
    top: 0;
    left: 0;
}

.dina {
    width: 342px;
    display: none;
    top: 10px;
    right: 10px;
    position: absolute;
    box-shadow: 0 0 20px #b8b8b8;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 26px;
    z-index: 11;
}

.dina h3 {
    font-size: 20px;
    color: #333;
}

.dina .td {
    overflow: hidden;
    margin-top: 15px;
}

.dina .td span {
    display: block;
    float: left;
    font-size: 14px;
    color: #999;
}

.dina .td p {
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #999;
}

.dina a {
    display: block;
    color: #f0951e;
    font-size: 14px;
    margin-top: 20px;
}

.dian_main {
    position: relative;
}

.dian {
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/ding.png) no-repeat;
}

.din_a .name {
    display: block;
    background: #fff;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #d1d2d7;
    font-size: 14px;
    color: #333;
    z-index: 10;
    padding: 0 5px;
    top: -123%;
    left: 47%;
}

.show_t {
    width: 342px;
    display: none;
    top: 4%;
    z-index: 88;
    left: 26%;
    position: absolute;
    box-shadow: 0 0 20px #b8b8b8;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 26px;
}

.show_t h3 {
    font-size: 20px;
    color: #333;
}

.show_t .td {
    overflow: hidden;
    margin-top: 15px;
}

.show_t .td span {
    display: block;
    float: left;
    font-size: 14px;
    color: #999;
    width: 15%;
}

.show_t .td p {
    display: block;
    float: left;
    font-size: 14px;
    color: #999;
    width: 85%;
}

.show_t a {
    display: block;
    color: #f0951e;
    font-size: 14px;
    margin-top: 20px;
}

.show_h {
    width: 342px;
    display: none;
    top: 17%;
    z-index: 88;
    left: 40%;
    position: absolute;
    box-shadow: 0 0 20px #b8b8b8;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 26px;
}

.show_h h3 {
    font-size: 20px;
    color: #333;
}

.show_h .td {
    overflow: hidden;
    margin-top: 15px;
}

.show_h .td span {
    display: block;
    float: left;
    font-size: 14px;
    color: #999;
    width: 15%;
}

.show_h .td p {
    display: block;
    float: left;
    font-size: 14px;
    color: #999;
    width: 85%;
}

.show_h a {
    display: block;
    color: #f0951e;
    font-size: 14px;
    margin-top: 20px;
}

.show_f {
    width: 342px;
    display: none;
    top: 54%;
    z-index: 88;
    left: 39.5%;
    position: absolute;
    box-shadow: 0 0 20px #b8b8b8;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 26px;
}

.show_f h3 {
    font-size: 20px;
    color: #333;
}

.show_f .td {
    overflow: hidden;
    margin-top: 15px;
}

.show_f .td span {
    display: block;
    float: left;
    font-size: 14px;
    color: #999;
    width: 15%;
}

.show_f .td p {
    display: block;
    float: left;
    font-size: 14px;
    color: #999;
    width: 85%;
}

.show_f a {
    display: block;
    color: #f0951e;
    font-size: 14px;
    margin-top: 20px;
}

.show_v {
    width: 342px;
    display: none;
    top: 55.7%;
    z-index: 88;
    left: 65.6%;
    position: absolute;
    box-shadow: 0 0 20px #b8b8b8;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 26px;
}

.show_v h3 {
    font-size: 20px;
    color: #333;
}

.show_v .td {
    overflow: hidden;
    margin-top: 15px;
}

.show_v .td span {
    display: block;
    float: left;
    font-size: 14px;
    color: #999;
    width: 15%;
}

.show_v .td p {
    display: block;
    float: left;
    font-size: 14px;
    color: #999;
    width: 85%;
}

.show_v a {
    display: block;
    color: #f0951e;
    font-size: 14px;
    margin-top: 20px;
}

.feedback_en {
    padding: 30px 100px;
    border: 1px solid #f4f4f4;
}

.feedback_en {
    padding: 30px 90px;
    border: 1px solid #f4f4f4;
}

.feedback_en .mb {
    margin-bottom: 22px;
}

.feedback_en .mb label {
    color: #6e6e6e;
    height: 45px;
    line-height: 45px;
    display: block;
    width: 105px;
    float: left;
}

.feedback_en .mb input {
    padding: 0 3%;
    height: 45px;
    line-height: 45px;
    display: block;
    width: 520px;
    float: left;
    border: 1px solid #dedede;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.feedback_en .mb i {
    display: block;
    float: left;
    font-size: 18px;
    color: #f91212;
    margin-left: 25px;
    line-height: 45px;
}

.feedback_en .mb textarea {
    float: left;
    padding: 3%;
    width: 520px;
    height: 160px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dedede;
}

.feedback_en .mt {
    margin-left: 105px;
}

.feedback_en .mt label {
    font-size: 16pxp;
    color: #333;
    height: 38px;
    line-height: 38px;
    float: left;
    margin-right: 20px;
}

.feedback_en .mt input {
    width: 150px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #dedede;
    display: block;
    float: left;
    text-align: center;
}

.feedback_en .mt i {
    display: block;
    float: left;
    font-size: 18px;
    color: #f91212;
    margin-left: 25px;
    line-height: 45px;
}

.feedback_en .mt .submit,
.feedback_en .mt .reset {
    cursor: pointer;
    width: 182px;
    height: 42px;
    line-height: 42px;
    background: #dedede;
    text-align: center;
    color: #000;
    font-size: 16px;
    margin-right: 30px;
    margin-top: 26px;
}

.feedback_en .mt .submit:hover,
.feedback_en .mt .reset:hover {
    background: #f0951e;
    color: #fff;
}

.feedback_en .mt p {
    margin-top: 15px;
    font-size: 14px;
    color: #585858;
}

.feedback_en .mt p i {
    margin: 0;
    line-height: normal;
}

.feedback {
    padding: 30px 90px;
    border: 1px solid #f4f4f4;
}

.feedback .mb {
    margin-bottom: 22px;
}

.feedback .mb label {
    color: #6e6e6e;
    height: 45px;
    line-height: 45px;
    display: block;
    width: 105px;
    float: left;
}

.feedback .mb input {
    padding: 0 3%;
    height: 45px;
    line-height: 45px;
    display: block;
    width: 520px;
    float: left;
    border: 1px solid #dedede;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.feedback .mb i {
    display: block;
    float: left;
    font-size: 18px;
    color: #f91212;
    margin-left: 25px;
    line-height: 45px;
}

.feedback .mb textarea {
    float: left;
    padding: 3%;
    width: 520px;
    height: 160px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dedede;
}

.feedback .mt {
    margin-left: 105px;
}

.feedback .mt label {
    font-size: 16pxp;
    color: #333;
    height: 38px;
    line-height: 38px;
    float: left;
    margin-right: 20px;
}

.feedback .mt input {
    width: 150px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #dedede;
    display: block;
    float: left;
    text-align: center;
}

.feedback .mt i {
    display: block;
    float: left;
    font-size: 18px;
    color: #f91212;
    margin-left: 25px;
    line-height: 45px;
}

.feedback .mt .submit,
.feedback .mt .reset {
    cursor: pointer;
    width: 182px;
    height: 42px;
    line-height: 42px;
    background: #dedede;
    text-align: center;
    color: #000;
    font-size: 16px;
    margin-right: 30px;
    margin-top: 26px;
}

.feedback .mt .submit:hover,
.feedback .mt .reset:hover {
    background: #f0951e;
    color: #fff;
}

.feedback .mt p {
    margin-top: 15px;
    font-size: 14px;
    color: #585858;
}

.feedback .mt p i {
    margin: 0;
    line-height: normal;
}

@media screen and (max-width:1440px) {
    .dind {
        left: 53%;
    }

    .dinc {
        left: 55%;
    }

    .dinb {
        left: 41%;
    }
}

@media screen and (max-width:1220px) {
    .thereName .title {
        font-size: 24px;
    }

    .thereName .txt {
        margin-top: 20px;
    }

    .bossPic {
        margin: 50px 0;
    }

    .bossPic li {
        width: 31.33%;
        margin-bottom: 20px;
    }

    .dowte dl dd .tag {
        float: none;
        width: 100%;
    }

    .dowte dl dd .text {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .dowte dl dd .text .td {
        float: none;
        width: 100%;
    }

    .dowte dl dd .text .lvring a {
        float: none;
    }

    .country {
        width: 100%;
        overflow: hidden;
    }

    .country a {
        padding: 10px 0;
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        float: left;
        height: 42px;
        line-height: 20px;
        border-bottom: none;
    }

    .country a:nth-child(n+3) {
        border-bottom: 1px solid #d7d7d7;
    }

    .country a:hover {
        border-top: 2px solid #f0951e;
        line-height: 18px;
    }

    .din_one .name {
        width: 100px;
        height: 25px;
        line-height: 25px;
        display: none;
    }

    .din_a,
    .din_b,
    .din_c,
    .din_d,
    .din_e {
        width: 15px;
        height: 15px;
        background-size: cover;
    }

    .feedback {
        padding: 3%;
    }

    .feedback_en {
        padding: 3%;
    }
}

@media screen and (max-width:768px) {
    .bossPic li {
        width: 48%;
    }

    .bossPic {
        margin: 30px 0;
    }

    .thereName .title {
        font-size: 20px;
    }

    .thereName .title:before {
        margin: 20px auto;
    }

    .din_c {
        top: 46%;
    }

    .din_d {
        left: 62%;
    }

    .feedback_en .mb input {
        width: 100%;
    }

    .feedback_en .mb label {
        float: none;
        height: 35px;
        line-height: 35px;
    }

    .feedback_en .mb input {
        height: 35px;
        line-height: 35px;
    }

    .feedback_en .mt {
        margin-left: 0;
    }

    .feedback_en .mb i {
        line-height: normal;
        margin-left: 0;
    }

    .feedback_en .mt .submit,
    .feedback_en .mt .reset {
        margin-top: 10px;
        background: #f0951e;
        border-color: #f0951e;
        color: #fff;
        height: 30px;
        line-height: 30px;
    }

    .feedback_en .mt label {
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }

    .feedback_en .mt input {
        height: 30px;
        line-height: 30px;
    }

    .feedback_en .mb {
        margin-bottom: 10px;
    }

    .feedback_en .mb label {
        font-size: 14px;
    }

    .feedback .mb input {
        width: 100%;
    }

    .feedback .mb label {
        float: none;
        height: 35px;
        line-height: 35px;
    }

    .feedback .mb input {
        height: 35px;
        line-height: 35px;
    }

    .feedback .mt {
        margin-left: 0;
    }

    .feedback .mb i {
        line-height: normal;
        margin-left: 0;
    }

    .feedback .mt .submit,
    .feedback .mt .reset {
        margin-top: 10px;
        background: #f0951e;
        border-color: #f0951e;
        color: #fff;
        height: 30px;
        line-height: 30px;
    }

    .feedback .mt label {
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }

    .feedback .mt input {
        height: 30px;
        line-height: 30px;
    }

    .feedback .mb {
        margin-bottom: 10px;
    }

    .feedback .mb label {
        font-size: 14px;
    }

    .itee .text .txt {
        height: 220px;
    }
}

.text_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text_overflow_2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.text_overflow_3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.text_overflow_4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.text_overflow_5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.text_overflow_6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.no_data {
    font-size: 36px;
    text-align: center;
    color: #666;
}

.fide {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    z-index: 99;
}

.videoMp4 {
    width: 600px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
}

.videoMp4 video {
    width: 100%;
    display: block;
}

.video_main {
    display: none;
}

@media screen and (max-width:768px) {
    .videoMp4 {
        padding: 0 3%;
        width: 94%;
        height: auto;
    }
}

.load_data {
    padding: 70px 0;
    background: #f6f6f6;
}

.co_slide .iconfont {
    font-size: 20px;
    color: #888;
    display: inline-block;
    vertical-align: middle;
}

.co_slide .search {
    float: right;
    height: 30px;
    background: #fff;
    width: 200px;
    padding: 3px 10px;
    border-radius: 25px;
    margin-top: 9px;
}

.co_slide .search input {
    background: none;
    border: none;
    height: 30px;
    color: #999;
    width: 170px;
    float: left;
}

.co_slide .search input::-webkit-input-placeholder {
    color: #fff;
}

.co_slide .search input:-moz-input-placeholder {
    color: #fff;
}

.co_slide .search .submit {
    padding: 0;
    float: left;
    width: 25px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    color: #e0e0e0;
    border-bottom: none;
    cursor: pointer;
}

.co_slide .search input::-webkit-input-placeholder {
    color: #999;
}

.co_slide .search input:-moz-placeholder {
    color: #999;
}

.co_slide .search input::-moz-placeholder {
    color: #999;
}

.co_slide .search input:-ms-input-placeholder {
    color: #999;
}

.goods-details table td,
.goods-details table th {
    padding: 5px 10px;
    border: 1px solid #DDD;
}

.pagination {
    margin: 20px auto 0;
    text-align: center;
}

.pagination a {
    color: #666;
}

.pagination .total {
    float: left;
    line-height: 30px;
}

.pagination ul {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    *zoom: 1;
}

.pagination ul>li {
    display: inline;
}

.pagination ul>li>a,
.pagination ul>li>span {
    float: left;
    padding: 5px 13px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
}

.pagination ul>li>a:hover,
.pagination ul>li>a:focus,
.pagination ul>.active>a,
.pagination ul>.active>span {
    background-color: #f0951e;
    color: #fff;
}

.pagination ul>.active>a,
.pagination ul>.active>span {
    color: #fff;
    cursor: default;
}

.pagination ul>.disabled>span,
.pagination ul>.disabled>a,
.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>a:focus {
    color: #b4bcc2;
    cursor: default;
    background-color: transparent;
}

.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
}

.pagination ul>li:last-child>a,
.pagination ul>li:last-child>span {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
}

.article-serach .clumb {
    margin: 20px 0;
}

.article-serach .hd {
    border: 1px #eee solid;
    background: #fafafa;
}

.article-serach .hd li {
    float: left;
    padding: 0 24px;
    line-height: 48px;
    font-size: 16px;
    color: #333;
    border-right: 1px #eee solid;
    cursor: pointer;
}

.article-serach .hd li:last-child {
    border: none;
}

.article-serach .hd li.on {
    font-weight: bold;
}

.article-serach .hd li a {
    color: #333;
}

.article-serach .hd .keyword {
    height: 30px;
    border: 1px #eee solid;
    text-indent: 5px;
}

.article-serach .hd .serach-sub {
    cursor: pointer;
    color: #fff;
    background: #f0951e;
    text-align: center;
    line-height: 30px;
    padding: 0;
    width: 50px;
    border: none;
    height: 30px;
}

.article-serach .main-title {
    margin: 30px 0 10px 0;
    font-size: 24px;
}

.article-serach .content table {
    border: 1px #eee solid;
    width: 100%;
}

.article-serach .content table th {
    font-size: 15px;
    color: #333;
    background: #fafafa;
    line-height: 48px;
    border-right: 1px #fff solid;
    border-bottom: 1px #eee solid;
}

.article-serach .content table th:last-child {
    border-right: none;
}

.article-serach .content td {
    font-size: 14px;
    color: #3c3c3c;
    line-height: 40px;
    border-right: 1px #f2f2f2 solid;
    border-bottom: 1px #f2f2f2 solid;
}

.article-serach .content .title {
    text-indent: 20px;
}

.article-serach .content td a {
    color: #333;
    display: block;
}

.article-serach .content td a:hover,
.article-serach .content tr:hover a {
    color: #fff;
}

.article-serach .content tr:hover td {
    background: #f0951e;
    color: #fff;
}

.share-box {
    font-size: 0;
    margin-left: 5px;
    float: right;
}

.share-box a {
    margin-left: 5px;
}

#social-share {
    float: right;
}

.js-print-btn {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../images/sprite_print.jpg') no-repeat;
}

.js-email-btn {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../images/sprite_email.jpg') no-repeat;
}

@media screen and (max-width:1360px) {

    .share .js-email-btn,
    .share .js-print-btn {
        display: none;
    }
}

.downlist li .published-time {
    font-size: 14px;
    float: right;
    color: #666;
    margin-right: 15px;
}

.feedback_en .help-block {
    display: block;
    float: left;
    width: 100%;
    text-indent: 110px;
    padding-top: 5px;
    font-size: 14px;
    color: #f91212;
}

.feedback_en .mt .help-block {
    text-indent: 88px;
    padding: 0;
    margin: 0;
    color: #f91212;
}

.feedback .help-block {
    display: block;
    float: left;
    width: 100%;
    text-indent: 110px;
    padding-top: 5px;
    font-size: 14px;
    color: #f91212;
}

.feedback .mt .help-block {
    text-indent: 88px;
    padding: 0;
    margin: 0;
    color: #f91212;
}

@media screen and (max-width:768px) {
    .feedback .mb .help-block {
        text-indent: 5px;
        width: auto;
    }

    .feedback_en .mb .help-block {
        text-indent: 5px;
        width: auto;
    }
}

.feedback_en .mb .red_border,
.feedback_en .mt .red_border {
    border: 1px solid #f91212;
}

.feedback .mb .red_border,
.feedback .mt .red_border {
    border: 1px solid #f91212;
}

.clumb_change {
    overflow: hidden;
    float: left;
}

.clumb_change a {
    color: #999;
    display: inline-block;
    font-size: 14px;
}

.clumb_change a:after {
    content: '\e605';
    display: inline-block;
}

.clumb_change a:last-child:after {
    content: '';
}

.clumb_change a:last-child {
    color: #000;
}

.clumb_change h5 {
    display: inline-block;
    font-size: 14px;
}

.co_slide .clumb_change a.iconfont {
    font-size: 14px;
}

.co_slide .clumb_change {
    margin-top: 14px;
}

.ce_one {
    position: relative;
}

.ce_one .text {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    overflow: auto;
}

@media(max-width:1220px) {
    .ce_one .text {
        position: relative;
        height: auto;
    }
}

.ce_one .text::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.ce_one .text::-webkit-scrollbar-thumb {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #fff;
}

.mapitem:nth-child(2) .din_a,
.mapitem.inBox_default .din_a{
    display: none;
}