/* 搜索框 */

.fix {
    *zoom: 1;
    *clear: both;
}

.fix:before,
.fix:after {
    display: table;
    clear: both;
    content: '';
}

.common_btn {
    position: relative;
    overflow: hidden;
}

.common_btn>span {
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    vertical-align: 0
}

.common_btn::before {
    content: attr(c-text);
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    display: none\0;
}

.common_btn:hover .iconfont {
    color: #fff;
}

.common_btn:hover {
    background: #d20319;
}

.common_btn:hover::before {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.common_btn:hover>span {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: inline-block;
}

.common_btn>span.sep {
    width: 5px;
    height: 5px;
    display: inline-block;
}

.common_btn:hover>span:nth-child(1) {
    -webkit-transition-delay: 45ms;
    transition-delay: 45ms
}

.common_btn:hover>span:nth-child(2) {
    -webkit-transition-delay: .09s;
    transition-delay: .09s
}

.common_btn:hover>span:nth-child(3) {
    -webkit-transition-delay: .135s;
    transition-delay: .135s
}

.common_btn:hover>span:nth-child(4) {
    -webkit-transition-delay: .18s;
    transition-delay: .18s
}

.common_btn:hover>span:nth-child(5) {
    -webkit-transition-delay: .225s;
    transition-delay: .225s
}

.common_btn:hover>span:nth-child(6) {
    -webkit-transition-delay: .27s;
    transition-delay: .27s
}

.common_btn:hover>span:nth-child(7) {
    -webkit-transition-delay: .315s;
    transition-delay: .315s
}

.common_btn:hover>span:nth-child(8) {
    -webkit-transition-delay: .36s;
    transition-delay: .36s
}

.common_btn:hover>span:nth-child(9) {
    -webkit-transition-delay: .405s;
    transition-delay: .405s
}

.common_btn:hover>span:nth-child(10) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.common_btn:hover>span:nth-child(11) {
    -webkit-transition-delay: .495s;
    transition-delay: .495s
}

.common_btn:hover>span:nth-child(12) {
    -webkit-transition-delay: .54s;
    transition-delay: .54s
}

.common_btn:hover>span:nth-child(13) {
    -webkit-transition-delay: .585s;
    transition-delay: .585s
}

.common_btn:hover>span:nth-child(14) {
    -webkit-transition-delay: .63s;
    transition-delay: .63s
}

.common_btn:hover>span:nth-child(15) {
    -webkit-transition-delay: .675s;
    transition-delay: .675s
}

.common_btn:hover>span:nth-child(16) {
    -webkit-transition-delay: .72s;
    transition-delay: .72s
}

.common_btn:hover>span:nth-child(17) {
    -webkit-transition-delay: .765s;
    transition-delay: .765s
}

.common_btn:hover>span:nth-child(18) {
    -webkit-transition-delay: .81s;
    transition-delay: .81s
}

.common_btn:hover>span:nth-child(19) {
    -webkit-transition-delay: .855s;
    transition-delay: .855s
}

.common_btn:hover>span:nth-child(20) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.common_btn.static_btn:hover {
    background: none;
}

.common_btn.static_btn>span {
    color: #d20319;
}

.common_btn.static_btn::before {
    left: 0;
}

.line_btn {
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #fff;
    font-size: 16px;
    position: relative;
}

.line_btn:hover {
    border-color: #bf8b52
}

.line_btn span {
    position: relative;
    z-index: 9;
    color: #fff
}

.line_btn::after {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #bf8b52;
    overflow: hidden;
    visibility: visible;
    -webkit-transform: translate3d(-100%, 0%, 0);
    transform: translate3d(-100%, 0%, 0);
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s;
}

.line_btn:hover::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s;
}

.line_btn.line_btn_red {
    position: absolute;
    left: 0;
    bottom: 0;
    border-color: #d20319;
}

.line_btn.line_btn_red::after {
    background: url(../images/line_btn_jt_red.png) no-repeat center;
}

.line_btn .jt {
    position: absolute;
    width: 6px;
    bottom: 0;
    top: 0;
    right: 100px;
}

.line_btn .jt img {
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 0;
}

.line_btn.sj_btn {
    padding-right: 80px;
    line-height: 60px;
    border: none;
}

.line_btn.sj_btn::after {
    background: url(../images/sj_btn.png) no-repeat center;
    width: 12px;
    height: 15px;
    margin-top: -8px;
    right: 50px;
}

.line_btn.sj_btn .jt {
    width: 12px;
    right: 50px;
}

.line_btn.sj_btn .jt img {
    margin-top: -8px;
}

.page_btn {
    font-size: 18px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: #3398e9;
    color: #fff;
    width: 230px;
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}

.delay01 {
    transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
}

.delay02 {
    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
}

.delay03 {
    transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
}

.delay04 {
    transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
}

.delay05 {
    transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
}

.delay06 {
    transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
}

.delay07 {
    transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
}

.delay08 {
    transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
}

.common-title {
    font-size: 36px;
    color: #000;
    text-align: center;
    padding: 38px 0;
}

.common-title span {
    color: #bf8b52
}

.common-title p {
    color: #5a5a5a;
    font-size: 16px;
    margin-top: 20px;
}


/* 搜索框 */

.header_search_fix {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    color: #fff;
    display: none;
}

.header .header_logo {
    z-index: 100;
}

.header .header_logo a {
    display: block;
    text-align: left;
}

.header_search_fix .search {
    font-size: 18px;
    margin-bottom: 10px;
}

.header_search_fix .box {
    position: absolute;
    width: 40%;
    top: 50%;
    margin-top: -50px;
    text-align: left;
    left: 30%;
}

.header_search_fix .input {
    background: none;
    width: 70%;
    border: 0;
    outline: 0;
    font-size: 38px;
    color: #fff;
    font-family: 'Impact';
    border-bottom: 1px solid #fff;
    text-align: left;
}

.he16r_search_fix .input::-webkit-input-placeholder {
    color: #fff;
    font-size: 56px;
}

.header_search_fix .input:-moz-placeholder {
    color: #fff;
    font-size: 56px;
}

.header_search_fix .input:-ms-input-placeholder {
    color: #fff;
    font-size: 56px;
}

.header_search_fix .search_box {
    line-height: 70px;
    height: 70px;
    position: relative;
}

.header_search_fix .submit {
    width: 125px;
    height: 45px;
    line-height: 41px;
    font-size: 14px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
    background: transparent;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    right: 0;
    -webkit-appearance: none;
    text-align: center;
}

.header_search_fix .close {
    position: absolute;
    width: 88px;
    height: 88px;
    font-size: 12px;
    line-height: 92px;
    border: 1px solid #fff;
    right: 60px;
    top: 20px;
    text-align: center;
    cursor: pointer;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    opacity: 1;
}

.header_search_fix .close:hover {
    background: #bf8b52;
}

body .search_hover.header .header_logo .logo {
    background-image: url(../images/logo_w.png);
}

.search_hover .header_logo:after {
    display: none;
}

.header_search_fix .pro_list {
    position: absolute;
    right: 60px;
    bottom: 60px;
    text-align: right;
}

.header_search_fix .pro_list .t {
    font-size: 18px;
    color: #fff;
    padding-bottom: 10px;
}

.header_search_fix .pro_list a {
    display: block;
    font-size: 14px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: #fff;
    line-height: 2
}

.header_search_fix .submit:before {
    width: 100%;
    margin-top: 0;
}

.header_search_fix .submit:hover {
    background: #bf8b52;
    transition: .5s;
}

.header_search_fix .submit:before {
    width: 100%;
    left: 0;
    text-align: center;
}

.xuanzhun {
    -webkit-transition-property: -webkit-transform;
    animation: rotate 5s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

@media(max-width:768px) {
    .header_search_fix .box {
        width: 90%;
        left: 5%;
        top: 40%;
        margin-top: -50px;
        text-align: left;
    }
    .header_search_fix .close {
        width: 40px;
        height: 40px;
        right: 5%
    }
    .icon-close:after {
        top: 0
    }
    .header_search_fix .pro_list {
        right: 5%
    }
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

.header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    padding-top: 20px;
    transition: .5s;
}

.header.fixed {
    background: rgba(0, 0, 0, .5);
    transition: .5s;
    padding-top: 0px;
}

.mx-left {
    float: left;
}

.mx-right {
    float: right;
    text-align: right;
    position: relative;
}

.mx-right a.aa1 {
    display: block;
}

.mx-sub-menu>li>a,
.you-want-lists li h3,
.you-want-lists li h3 span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
}

@media (min-width: 1400px) {
    .container {
        width: 1380px;
    }
}

.mx-top {
    line-height: 40px;
    background: #dcdcdc;
    font-size: 12px;
    color: #707070;
    font-weight: 200;
    height: 40px;
    overflow: hidden;
}

.mx-top a {
    color: #707070;
}

.mx-top a:hover {
    text-decoration: underline;
}

.mx-keywords a {
    display: inline-block;
    margin-right: 10px;
}

.mx-logo {
    line-height: 120px;
    width: 21.3333333333%;
    position: relative;
    z-index: 9999;
}

.mx-logo a {
    display: block;
    font-size: 0;
}

.mx-logo img {
    max-width: 100%;
    max-height: 100px;
}

.mx-menu {
    width: calc(68% - 30px);
    margin-top: 20px;
    margin-left: 6%
}

.mx-menu>li {
    float: left;
    width: 16.666%;
    position: relative;
    text-align: center;
}

.mx-menu>li>a {
    display: block;
    font-size: 18px;
    line-height: 80px;
    color: #fff;
    font-weight: normal;
    position: relative;
}

.mx-menu>li>a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    width: 0;
    transition: .3s;
    left: 10%;
    bottom: 0
}

.mx-menu>li:hover>a:after {
    width: 80%;
    transition: .3s;
}

.mx-sub-menu {
    position: absolute;
    left: -20px;
    right: -20px;
    background: #34b7b1;
    padding: 5px 0;
    display: none;
}

.mx-sub-menu>li>a {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 35px;
}

.mx-sub-menu>li>a:hover {
    color: #006bb9;
    font-weight: bold;
}

.mx-header-tool {
    width: 30px;
    margin-top: 45px;
    height: 30px;
}

.owl-carousel .owl-dots button.owl-dot {
    width: 3.57em;
    height: .43em;
    background: #00242b;
    margin: 0 .7em;
    opacity: 1;
    border-radius: 0;
}

.owl-carousel .owl-dots button.owl-dot.active {
    background: #34b7b1;
}


/* 首页banner */


/*首页banner*/

.r {
    float: right;
}

.l {
    float: left;
}

.wrap {
    max-width: 1410px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
}

.mwrap {
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}

.i_ico {
    width: 24px;
    height: 24px;
    background: url(../images/i_ico.png) no-repeat;
}

.more_btn {
    width: 220px;
    border: 2px solid #fff;
    padding: 11px 18px;
    font-size: 18px;
    position: relative;
    z-index: 2;
    display: block;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
}

.more_btn .i_ico {
    display: block;
    background-position: -48px 0px;
    margin-top: 2px;
}

.more_btn:hover {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.i_banner {
    width: 100%;
    height: 1080px;
    overflow: hidden;
    background: #000;
}

.ibanner_cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.2);
}

.ibanner_cover .cover_title01 {
    margin-top: 320px;
    font-size: 48px;
    font-weight: bold;
    line-height: 48px;
    margin-bottom: 42px;
    transform: translateX(120px);
    -ms-transform: translateX(120px);
    -moz-transform: translateX(120px);
    -webkit-transform: translateX(120px);
    -o-transform: translateX(120px);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.ibanner_cover .cover_title02 {
    font-size: 20px;
    margin-bottom: 63px;
    font-weight: normal;
    transform: translateX(120px);
    -ms-transform: translateX(120px);
    -moz-transform: translateX(120px);
    -webkit-transform: translateX(120px);
    -o-transform: translateX(120px);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.i_banner li {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.i_banner li .banner_img {
    position: absolute;
    top: 0;
    left: 0
}

.i_banner li img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.i_banner .more {
    transform: translateX(60px);
    -ms-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -webkit-transform: translateX(60px);
    -o-transform: translateX(60px);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.i_banner .active li:after {

    height: 5px;
    background-color: rgba(255, 255, 255, .6);
    display: block;
    animation: login_line 6s linear 1;
    -webkit-animation: login_line 6s linear 1;
    position: absolute;
    left: 0;
    bottom: 0;
}

.i_banner li img {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 10s ease;
    transition: all 10s ease;
}

.i_banner .active li img {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.i_banner .active .cover_title01,
.i_banner .active .cover_title02,
.i_banner .active .cover_title02,
.i_banner .active .more {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.i_banner .banner_bar {
    position: absolute;
    left: 0;
    bottom: 46px;
    width: 100%;
    z-index: 10;
}

.i_banner .banner_nav {
    overflow: hidden;
}

.i_banner .banner_nav .owl-dot {
    float: left;
    margin-right: 10px;
    margin-top: 18px;
    border: none;
    border-radius: 50%;
    padding: 0
}

.i_banner .banner_nav .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
}

.i_banner .banner_nav .owl-dot.active span {
    background: #bf8b52;
}

@keyframes login_line {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-webkit-keyframes "login_line" {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes img_room {
    0% {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
}

@-webkit-keyframes "img_room" {
    0% {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
}


/*banner鼠标动画*/

body,
html {
    scroll-behavior: smooth;
}

.banner_mouse {
    position: relative;
    width: 23px;
    height: 40px;
    cursor: pointer;
    background: url(../images/banner_mouse_ico.png) no-repeat -23px 0px;
    -webkit-animation: nudgeMouse 1.6s linear infinite;
    animation: nudgeMouse 1.6s linear infinite;
    z-index: 9999;
}

.banner_mouse a {
    display: block;
    width: 23px;
    height: 40px;
}

.banner_mouse:after,
.banner_mouse:before {
    content: "";
    position: absolute;
}

.banner_mouse:before {
    width: 23px;
    height: 40px;
    background: url(../images/banner_mouse_ico.png) no-repeat 0px 0px;
    -webkit-animation: colorSlide 1.6s linear infinite;
    animation: colorSlide 1.6s linear infinite;
    top: 0;
    left: 0;
}

.banner_mouse:after {
    background-color: #ffffff;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    -webkit-animation: trackBallSlide 1.6s linear infinite;
    animation: trackBallSlide 1.6s linear infinite;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

@-webkit-keyframes colorSlide {
    0% {
        height: 0;
    }
    90% {
        height: 40px;
    }
}

@keyframes colorSlide {
    0% {
        height: 0;
    }
    90% {
        height: 40px;
    }
}

@-webkit-keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-8px);
        transform: scale(1) translateY(-8px);
    }
    34% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(4px);
        transform: scale(0.9) translateY(4px);
    }
    68% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(16px);
        transform: scale(0.4) translateY(16px);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-8px);
        transform: scale(0.4) translateY(-8px);
    }
}

@keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-8px);
        transform: scale(1) translateY(-8px);
    }
    34% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(4px);
        transform: scale(0.9) translateY(4px);
    }
    68% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(16px);
        transform: scale(0.4) translateY(16px);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-8px);
        transform: scale(0.4) translateY(-8px);
    }
}

@-webkit-keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.ipart02 {
    background: url(../images/ipart02_1.jpg) no-repeat fixed center;
    padding: 65px 0 86px;
}

.ipart02 .infor {
    text-align: center;
}

.ipart02 .infor .tit {
    font-size: 40px;
    color: #121212;
    font-weight: normal;
}

.ipart02 .infor .con {
    font-size: 16px;
    color: #000000;
    line-height: 40px;
}

.ipart02 .content {
    margin-top: 50px;
}

.ipart02 .content .left {
    float: left;
    width: 32%;
    background: #fff;
}

.ipart02 .content .left .box {
    padding: 42px 50px;
}

.ipart02 .content .left .box .icon {
    display: block;
    width: 75px;
    height: 73px;
    background: url(../images/ipart02_2.png) no-repeat center;
    margin: 0 auto;
    transition: all 0.5s ease;
}

.ipart02 .content .left .box .intro {
    text-align: center;
    color: #000;
    line-height: 27px;
}

.ipart02 .content .left .box .intro .tit {
    font-size: 24px;
    margin: 25px 0 18px;
}

.ipart02 .content .left .box .intro .con {
    font-size: 16px;
    margin-bottom: 20px;
    height: 27px;
    overflow: hidden;
}

.ipart02 .content .left .box .intro .txt {
    font-size: 14px;
    color: #404040;
    height: 142px;
    overflow: hidden;
}

.ipart02 .content .left .box .intro .common-more {
    margin: 40px auto 0;
    text-align: left;
}

.ipart02 .content .left:hover .box .icon {
    transform: rotateY(180deg);
}

.ipart02 .content .right {
    float: right;
    width: 65.25%;
}

.ipart02 .content .right .r_top {
    background: url(../images/red08.png) center;
}

.ipart02 .content .right .r_top .box {
    padding: 30px 50px 50px 90px;
}

.ipart02 .content .right .r_top .box li {
    width: 29%;
    margin-left: 6%;
    float: left;
}

.ipart02 .content .right .r_top .box li:first-child {
    margin-left: 0;
}

.ipart02 .content .right .r_top .box li .number {
    font-size: 18px;
    color: #fff;
}

.ipart02 .content .right .r_top .box li .number span {
    display: inline-block;
}

.ipart02 .content .right .r_top .box li .number .num {
    font-size: 60px;
    font-family: Arial;
    font-weight: bold;
}

.ipart02 .content .right .r_top .box li .txt {
    font-size: 14px;
    color: #fff;
}

.ipart02 .content .right .r_bott {
    margin-top: 34px;
}

.ipart02 .content .right .r_bott .item {
    width: 47.5%;
    float: left;
    margin-left: 5%;
    background: #fff;
}

.ipart02 .content .right .r_bott .item01 {
    margin-left: 0;
}

.ipart02 .content .right .r_bott .item .box {
    padding: 38px 30px 45px;
    display: block;
}

.ipart02 .content .right .r_bott .item .box .icon {
    width: 75px;
    height: 75px;
    background: url(../images/ipart02_3.png) no-repeat;
    transition: all 0.5s ease;
    margin: 0 auto
}

.ipart02 .content .right .r_bott .item01 .box .icon {
    background-position: 0 0;
}

.ipart02 .content .right .r_bott .item02 .box .icon {
    background: url(../images/ipart02_4.png) no-repeat;
}

.ipart02 .content .right .r_bott .item .box .intro {
    text-align: center;
    color: #000;
    line-height: 30px;
}

.ipart02 .content .right .r_bott .item .box .intro .tit {
    font-size: 24px;
    margin: 16px 0 3px;
}

.ipart02 .content .right .r_bott .item .box .intro .con {
    font-size: 16px;
    color: rgba(0, 0, 0, .78)
}

.ipart02 .content .right .r_bott .item:hover .box .icon {
    transform: rotateY(180deg);
}

.ipart02 .content .right .r_top .rect-49 {
    padding-bottom: 49%;
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #bf8b52;
}

.ipart02 .content .right .r_top .item_l {
    width: 50%;
    float: left;
}

.ipart02 .content .right .r_top .item_r {
    width: 50%;
    float: right;
}

.ipart02 .content .right .r_top .item_l .box {
    position: absolute;
    left: 30px;
    top: 30px;
    right: 30px;
    bottom: 30px;
    border: 1px solid #fff;
    padding: 0;
}

.ipart02 .content .right .r_top .item_l .box .number {
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding-top: 18px;
}

.ipart02 .content .right .r_top .item_l .box .number span {
    display: inline-block;
}

.ipart02 .content .right .r_top .item_l .box .number .num {
    font-size: 3vw;
    font-family: Arial;
    font-weight: bold;
}

.ipart02 .content .right .r_top .item_l .box .txt {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.rolling {
    -webkit-perspective: 1300px;
    -o-perspective: 1300px;
    -ms-perspective: 1300px;
    perspective: 1300px;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.rolling .is_animated {
    -webkit-transition-duration: 1.2s;
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-delay: .15s;
    -webkit-transition-timing-function: 'ease-in-out';
    -moz-transition-duration: 1.2s;
    -moz-transition-property: all;
    -moz-transition-delay: .15s;
    -moz-transition-timing-function: 'ease-in-out';
    -o-transition-duration: 1.2s;
    -o-transition-property: transform, opacity;
    -o-transition-delay: .15s;
    -o-transition-timing-function: 'ease-in-out';
    -ms-transition-duration: 1.2s;
    -ms-transition-property: transform, opacity;
    -ms-transition-delay: .15s;
    -ms-transition-timing-function: 'ease-in-out';
    transition-duration: 1.2s;
    transition-property: transform, opacity;
    transition-delay: .15s;
    transition-timing-function: 'ease-in-out';
    -webkit-transform: rotatex(-80deg) translateZ(0);
    -ms-transform: rotatex(-80deg) translateZ(0);
    transform: rotatex(-80deg) translateZ(0);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    opacity: 0
}

.rolling .is_animated.revealed {
    -webkit-transform: rotatex(0) translateZ(0);
    -ms-transform: rotatex(0) translateZ(0);
    transform: rotatex(0) translateZ(0);
    opacity: 1
}

.rolling .tansDelay00 {
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}

.rolling .tansDelay200 {
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
}

.rolling .tansDelay400 {
    transition-delay: .4s;
    -webkit-transition-delay: .4s;
}

.rolling .tansDelay600 {
    transition-delay: .6s;
    -webkit-transition-delay: .6s;
}

.rolling .tansDelay800 {
    transition-delay: .8s;
    -webkit-transition-delay: .8s;
}

.rolling .tansDelay1000 {
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
}


/* 三张大图 */

.timg_list {
    margin-top: 4vw;
}

.timg_list li {
    position: relative;
    width: 100%;
    padding: 10px;
}

.timg_list li.li1 {
    width: 35.73%;
}

.timg_list li.li2 {
    width: 64.27%;
}

.timg_list li img {
    width: 100%;
    height: auto;
}

.timg_list li h3 {
    position: absolute;
    right: 40px;
    bottom: 10px;
    font-size: 28px;
    text-align: right;
    color: #fff;
    font-weight: bold;
}

.timg_list li h3 p {
    font-weight: normal;
    font-size: 16px;
    line-height: 3;
    height: 48px;
    overflow: hidden;
}

@media(max-width:992px) {
    .timg_list li.li1,
    .timg_list li.li2 {
        width: 100%;
    }
}

@media(max-width:680px) {
    .timg_list li h3 {
        position: absolute;
        right: 20px;
        bottom: 0px;
        font-size: 16px;
    }
    .timg_list li h3 p {
        font-size: 14px;
    }
}

.mx-about {
    padding: 4.8958333333% 0;
    background: url(../images/aboutbg.jpg) no-repeat center top;
    background-size: cover;
}

.mx-about-img {
    margin-right: 10px;
    width: 33%;
}

.mx-about-img img {
    width: 100%;
}

.mx-about-info {
    position: relative;
}

.mx-about-info h3 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

.mx-about-info h3 span {
    font-size: 18px;
    opacity: .8;
}

.mx-about-info h3:after {
    content: "";
    position: absolute;
    width: 400px;
    height: 3px;
    bottom: -20px;
    left: 50%;
    margin-left: -200px;
    background: #fff;
}

.mx-about-info .desc {
    font-size: 18px;
    font-weight: 200;
    color: #fff;
    line-height: 3;
    margin-bottom: 10px;
    margin-top: 2.5vw;
}

.mx-about-info .desc p {
    margin-bottom: 0;
}

.mx-about-imgs {
    margin-top: 2vw;
}

.mx-about-imgs li {
    float: left;
    width: 21%;
    text-align: center;
    margin: 0 2%
}

.mx-about-imgs li a {
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    position: relative;
    width: 175px;
    height: 175px;
    line-height: 160px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    transition: .8s;
    border: 6px solid #fff
}

.mx-about-imgs li:hover a {
    background: #bf8b52;
}

.mx-about-imgs li:hover a {
    transition: .8s;
    transform: scale(-1, 1);
    border-color: #bf8b52
}

.mx-about-imgs li h3 {
    font-weight: normal;
    font-size: 22px;
    line-height: 4;
    color: #fff;
}

.mx-about-imgs li p {
    font-size: 14px;
    line-height: 28px;
    transition: .5s;
    top: 0;
    position: relative;
}

.mx-about-imgs li:hover p {
    transition: .5s;
    top: -12px;
}


/* 案例鉴赏 */

.index .pt2 {
    position: relative;
    color: #fff
}

.index .pt2 .bg {
    position: relative;
    height: 780px;
    width: 100%;
    overflow: hidden;
}

.index .pt2 .bg img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    max-width: none;
    visibility: hidden;
    opacity: 0;
}

.index .pt2 .bg img.cur {
    opacity: 1;
    visibility: visible;
}

.index .pt2 .con {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 5%;
}

.index .pt2 .en,
.index .pt2 .cn {
    color: #fff !important;
}

.index .pt2 .cn1 {
    font-size: 32px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: bold;
}

.index .pt2 .cn2 {
    font-size: 16px;
    margin-bottom: 60px;
    width: 50%;
    line-height: 2.2;
}

.index .pt2 .tab {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    text-align: center;
}

.index .pt2 .tab .span-2 {
    width: 20%;
    overflow: hidden;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    cursor: pointer;
    float: left;
    position: relative;
}

.index .pt2 .tab .span-2 a {
    display: block;
    padding-top: 20px;
    border-right: 1px solid rgba(255, 255, 255, .4);
}

.index .pt2 .tab .span-2.cur,
.index .pt2 .tab .span-2:hover {
    background: rgba(158, 122, 103, .8);
}

.index .pt2 .tab a:hover {
    color: #fff;
}

.index .pt2 .tab .icon {
    height: 80px;
    width: 80px;
    margin: 0px auto 20px;
    background: url(../images/pt2_icon.png) repeat;
    background-position: 0 0;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}

.index .pt2 .tab a:hover .icon {
    cursor: pointer;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.index .pt2 .tab .i3 .icon {
    background-position: -80px 0;
}

.index .pt2 .tab .i2 .icon {
    background-position: -160px 0;
}

.index .pt2 .tab .i4 .icon {
    background-position: -240px 0;
}

.index .pt2 .tab .i5 .icon {
    background-position: -320px 0;
}

.index .pt2 .tab .i6 .icon {
    background-position: -400px 0;
}

.index .pt2 .tab .desc {
    font-size: 22px;
    padding-bottom: 20px;
    color: #fff
}

.index .pt2 .list {
    position: relative;
}

.index .pt2 .list .item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translateX(50px);
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    overflow: hidden;
    height: 0;
}

.index .pt2 .list .item.cur {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    height: auto;
}

.index .pt2 .list .item.cur .en,
.index .pt2 .list .item.cur .cn {
    visibility: visible;
}


/* 公司简介下方3张图片 */

.company_list {
    margin-top: 4vw;
}

.company_list li {
    width: 31.33%;
    margin-right: 3%;
    position: relative;
    float: left;
    padding: 10px;
}

.company_list li:last-child {
    margin-right: 0
}

.company_list li img {
    width: 100%;
    height: auto;
}

.company_list li h3 {
    position: absolute;
    right: 2vw;
    bottom: 2vw;
    font-size: 28px;
    text-align: right;
    color: #fff;
}

.company_list li h3 p {
    text-transform: uppercase;
    font-size: 14px;
    opacity: .8;
    font-family: "arial";
    line-height: 2;
}

@media(max-width:768px) {
    .company_list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px;
    }
    .mx-about-imgs li a {
        font-size: 16px;
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .mx-about-imgs li a:after {
        border-width: 1px;
    }
    .mx-about-imgs li p {
        font-size: 14px;
    }
    .mx-about-info .desc {
        font-size: 14px;
        margin-top: 30px;
        line-height: 2;
    }
    .company_list li h3 {
        right: 20px;
        font-size: 20px;
    }
}


/* 工程案例 */

.index_case {
    border-top: 1px solid #efefef;
    padding-top: 3.5vw;
    margin-top: 3.5vw;
}

.case-title {
    color: #000;
    font-size: 40px;
    text-align: center;
    background: url(../images/ctibg.png) no-repeat center;
}

.case-title p {
    color: #999999;
    font-size: 18px;
    font-family: "arial";
    text-transform: uppercase;
    line-height: 2;
}

@media(max-width:768px) {
    .case-title {
        font-size: 30px
    }
    .case-title p {
        font-size: 16px;
    }
}

.index_case .swiper-slide {
    width: 31.33%;
    margin-right: 2%;
}

.index_case .swiper-slide a {
    display: block;
}

.index_case .swiper-slide a span {
    display: block;
    position: relative;
}

.index_case .swiper-slide a span:after {
    content: "";
    font-size: 30px;
    background: url(../images/jia.png) no-repeat center rgba(1, 69, 143, .3);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 60px;
    font-weight: 100;
    text-align: center;
    opacity: 0;
    transition: .3s;
}

.index_case .swiper-slide a span:before {
    content: "";
    position: absolute;
    width: 96%;
    height: 92%;
    left: 2%;
    top: 4%;
    border: 3px solid rgba(255, 255, 255, .6);
    z-index: 9;
    opacity: 0;
    transition: .3s;
}

.index_case .swiper-slide a:hover span:after,
.index_case .swiper-slide a:hover span:before {
    opacity: 1;
    transition: .3s;
}

.index_case .swiper-slide a span img {
    width: 100%;
    height: auto;
}

.index_case .swiper-slide a h3 {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 30px 0;
}

@media(max-width:768px) {
    .index_case .swiper-slide a h3 {
        padding: 15px 0;
    }
    .index_case .swiper-container-horizontal>.swiper-pagination-bullets,
    .index_case .swiper-pagination-custom,
    .index_case .swiper-pagination-fraction {
        bottom: -0px;
    }
}

.index_case .swiper-slide a:hover h3 {
    color: #666;
}

.index_case .swiper-slide a:hover {
    box-shadow: 0 0 10px #ccc;
}

.index_case .swiper-container {
    margin-top: 30px;
    padding-bottom: 3.5vw;
}


/* 首页合作客户 */

.partner {
    margin-top: 20px;
    position: relative;
}

.partner .swiper-container {}

.partner .swiper-slide img {
    width: 100%;
    height: auto;
}

.partner .swiper-button-next,
.partner .swiper-button-prev {
    background: none !important;
    width: 15px;
    height: 17px;
}

.partner .swiper-button-next {
    right: 0px;
}

.partner .swiper-button-prev {
    left: 0px;
}


/* 新闻资讯 */

.news {
    background: #fff;
}

.news_list1 li {
    padding: 0;
    text-align: center;
    overflow: hidden;
}

.news_list1 li a {
    display: block;
    overflow: hidden;
}

.news_list1 li img {
    width: 100%;
    height: auto;
    transition: .3s;
    transform: scale(1)
}

.news_list1 li:hover img {
    transition: .3s;
    transform: scale(1.1)
}

.news_list1 .text {
    position: relative;
    overflow: hidden;
}

.news_list1 .text span {
    display: block;
    color: #636c71;
    font: 400 16px/32px "Microsoft Yahei";
}

.news_list1 .text a {
    color: #363636;
    font: 400 16px/26px "Microsoft Yahei";
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.news_list1 .text p {
    color: #636c71;
    font: 400 14px/23px "Microsoft Yahei";
    height: 46px;
    overflow: hidden;
    margin: 30px 0;
}

.news_list1 .text a.more {
    display: inline-block;
    color: #363636;
    font: 400 16px/37px "arial";
    width: 178px;
    border: 1px solid #b3b3b3;
    position: relative;
}

.news_list1 .text a.more span {
    position: relative;
    z-index: 2;
}

.news_list1 .text a.more:after {
    content: "";
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #bf8b52;
    transition: .3s;
}

.news_list1 .text:hover a.more:after {
    width: 100%;
    transition: .3s;
}

.news_list1 .text:hover a.more span {
    color: #fff;
}

.news_list1 .text .text-d {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
}

.text-s {
    position: absolute;
    width: 100%;
    padding: 0 9%;
    left: 0;
    top: 50%;
    margin-top: -97px;
}

@media (max-width:767px) {
    .news_list1 .te {
        border-top: 1px solid #ddd;
    }
}

.map {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.map p {
    margin-bottom: 0
}

.mapcover {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 120px;
    transition: .5s;
}

.mapcover:hover {
    background-color: rgba(0, 0, 0, .7);
}

.contacts {
    max-width: 330px;
    background: #fff;
}

.contacts h2 {
    color: #000;
    font: 400 20px/26px "Microsoft Yahei";
    text-align: center;
    padding: 20px 0 10px;
}

.contacts .tit img {
    max-width: 100%;
    height: auto;
}

.contacts .content {
    color: #272235;
    font: 400 14px/67px "Microsoft Yahei";
}

.contacts .content p {
    padding-left: 20px;
}

.contacts .content p img {
    padding-right: 10px;
}

.contacts .content p+p {
    border-top: 1px solid #d3d3d3;
}

.newsbg {
    background: #f5f5f5;
    padding: 3vw 0;
    margin-top: 30px;
}

.news_left {
    width: 36%;
    float: left;
    position: relative;
}

.news_left h2 {
    margin-bottom: 25px;
}

.newsbg .swiper-container {
    height: 450px !important
}

.newsbg .swiper-slide {
    padding: 15px 18px 15px 0;
    transition: .3s;
    height: auto !important;
    margin-bottom: 12px;
}

.newsbg .swiper-slide p {
    color: #666;
    font-size: 14px;
    line-height: 32px;
    margin-bottom: 0
}

.newsbg .swiper-slide a {
    display: block;
    line-height: 38px;
    color: #333;
    font-size: 18px;
    height: 38px;
    overflow: hidden;
}

.newsbg .swiper-slide:hover {
    padding: 15px 18px;
    transition: .3s;
    background: #006bb9;
}

.newsbg .swiper-slide:hover p {
    color: rgba(255, 255, 255, .6)
}

.newsbg .swiper-slide:hover a {
    color: #fff
}

.newsbg .swiper-button-next,
.newsbg .swiper-button-prev {
    color: #a6aab2;
    font-size: 20px;
    width: 27px;
    height: 27px;
    border: 1px solid #cbcdd2;
    text-align: center;
    line-height: 23px;
    background: none !important;
    top: 0;
    right: 0;
    opacity: 1;
    margin-top: 0
}

.newsbg .swiper-button-prev {
    right: 27px;
    left: auto
}

.newsbg .swiper-button-next {
    border-left: none
}

.newsbg .swiper-button-prev:hover,
.newsbg .swiper-button-next:hover {
    background: #006bb9 !important;
    color: #fff;
    border-color: #006bb9
}

.newsbg .swiper-button-next.swiper-button-disabled,
.newsbg .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.mx-mews-lists {
    margin: 0 -18px;
}

.mx-mews-lists li {
    float: left;
    width: calc(50% - 48px);
    margin: 24px 24px 0;
}

.mx-mews-lists li .img {
    overflow: hidden;
    display: block;
}

.mx-mews-lists li .img img {
    width: 100%;
    transition: all .5s ease;
}

.mx-mews-lists li .wz h3 {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}

.mx-mews-lists li .wz p {
    font-size: 14px;
    color: #999999;
    line-height: 40px;
    margin-bottom: 0;
}

.mx-mews-lists li:hover .img img {
    transform: scale(1.1);
}

.mx-mews-lists li .wz {
    background: #fff;
    padding: 20px 20px 40px;
}

@media(max-width:768px) {
    .mx-mews-lists li {
        float: left;
        width: calc(50% - 20px);
        margin: 10px 10px 0;
    }
    .mx-mews-lists li .wz p {
        font-size: 12px;
        line-height: 32px;
    }
    .mx-mews-lists li .wz {
        padding: 10px 5px;
    }
    .mx-mews-lists li .wz h3 {
        font-size: 14px;
    }
    .newsbg {
        padding: 30px 0
    }
}

.news_right {
    width: 61%;
    float: right
}

.news_right h2 {
    margin-bottom: 25px;
    position: relative;
    line-height: 33px;
}

.news_right h2 a {
    position: absolute;
    color: #999999;
    font-size: 14px;
    background: url(../images/more1.jpg) no-repeat right center;
    padding-right: 20px;
    right: 0;
    top: 0;
}

@media(max-width:992px) {
    .news_left,
    .news_right {
        width: 100%;
    }
}

.mx-news {
    padding-bottom: 2.0833333333%;
}

.mx-news-title {
    text-align: center;
    position: relative;
    margin-bottom: 3.3333333333%;
}

.new-recommend-title:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    height: 1px;
    background: #E6EEF0;
    top: 50%;
}

.mx-news-title:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    height: 1px;
    background: #E6EEF0;
    top: 50%;
}

.mx-news-title span,
.new-recommend-title span {
    display: inline-block;
    padding: 0 20px;
    background: #fff;
    font-size: 26px;
    color: #000000;
}


/* 底部样式 */

.footer .footer1 a:hover {
    color: #fff;
    opacity: .8;
}

.footer .footer1 {
    background: url(../images/bj.jpg) no-repeat center;
    color: #fff;
    padding: 70px 0 40px;
    position: relative;
    background-size:cover;
}

.footer .footer1:after{
    content:"";
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: rgba(0,0,0,.4)
}
.footer .footer1 .wrap{position:relative;z-index:6}
.footer .footer1 .logo {
    margin-bottom: 20px;
}

.footer .footer1 .logo img {
    max-width: 100%
}

.footer .footer1 .channle {
    margin-bottom: 45px;
    font-size: 16px;
}

.footer .footer1 .channle a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 55px;
    color: #fff
}

.footer .footer1 .copy1 {
    color: #fff;
    line-height: 42px;
    font-size: 16px;
}

.footer .footer1 .copy1 a {
    color: #fff
}

.footer .footer1 .friend {
    font-size: 16px;
    line-height: 42px;
    display:none;
}

.footer .footer1 .friend a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 10px;
    color: #fff
}

.footer .footer1 .info {
    font-size: 16px;
    line-height: 30px;
    margin-top: 30px;
}

.footer .footer1 .info .b {
    font-weight: bold;
}

.footer .footer1 .bdsharebuttonbox a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 1px solid #fff;
    width: 60px;
    height: 60px;
}

.footer .footer1 .bdsharebuttonbox a span {
    background-image: url(../images/footer_share.png);
    width: 60px;
    height: 60px;
    padding: 0;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.footer .footer1 .bdsharebuttonbox a:hover {
    opacity: 1;
}

.footer .footer1 .l {
    width: 71%;
}

.footer .footer1 .r .l {
    width: auto;
}

.footer .footer1 .baidu-share a:hover span {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.footer .footer1 .bds_weixin span {
    background-position: -69px 0;
}

.footer .footer1 .bds_tsina span {
    background-position: -138px 0;
}

.footer .footer1 .bds_sqq span {
    background-position: -205px 0;
}

.footer .footer1 .bds_weixin img {
    position: absolute;
    bottom: 100%;
    left: 0px;
    max-width: none;
    width: auto;
    margin-bottom: 10px;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    opacity: 0;
    visibility: hidden;
}

.footer .footer1 a.bds_weixin:hover img {
    opacity: 1;
    visibility: visible;
}

.bdsharebuttonbox {
    position: relative;
}

.foot-contact {
    color: #fff;
}

.foot-contact select {
    color: rgba(255, 255, 255, .6);
    background: #1b1b1b;
    width: 60%;
    height: 38px;
    line-height: 38px;
    border: 1px solid #5d5d5d;
    padding: 0 20px;
    margin-top: 15px;
}

.foot-contact select option {
    background: none;
    color: rgba(255, 255, 255, .6);
}

.footer .footer1 .sharemore_ico {
    margin-right: 0;
}

.footer .footer1 .sm {
    border: 1px solid #fff;
    width: 60px;
    height: 60px;
}

.footer .footer1 .border {
    border: 1px solid #fff;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 60px;
    height: 60px;
    float: left;
    margin-left: 5px;
}

.footer .footer1 .border a {
    margin: 0;
}

.demo-layout {
    padding-top: 46px;
    background: #1b1b1b;
}

@media(max-width:768px) {
    .demo-layout {
        display: none;
    }
}

.demo-layout-logo {
    margin-bottom: 20px
}

.demo-layout-desc {
    font-size: 12px;
    color: hsla(0, 0%, 100%, .5)
}

.demo-layout-contact {
    /* margin-top: 30px */
}

.demo-layout-contact p {
    margin-bottom: 30px;
    font-size: 16px;
    color: #fff;
    line-height: 1.7
}

.demo-layout-contact p img {
    vertical-align: middle;
    margin-right: 8px;
}

.demo-layout-contact strong {
    display: block;
    font-size: 24px;
    color: hsla(0, 0%, 100%, .8)
}

.demo-layout-contact a {
    color: #fff
}

.demo-layout-menu dl {
    float: left;
    width: 16.666%;
}

.demo-layout-menu dl dt {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 1.43em;
    height: 22px;
    overflow: hidden;
}

.demo-layout-menu dl dd a {
    display: block;
    font-size: 14px;
    color: #bfbebe;
    line-height: 2
}

.demo-layout-ewm {
    text-align: center
}

.demo-layout-ewm p {
    font-size: 13px;
    font-weight: 100;
    line-height: 1.7;
    color: hsla(0, 0%, 100%, .7);
}

.demo-footer {
    background: url(../images/dot.png) top repeat-x #000;
    padding: 15px 0;
    font-size: 12px;
    line-height: 1.8
}

.demo-footer p {
    margin-bottom: 0
}

.demo-seo {
    position: relative;
}

.demo-footer,
.demo-footer a {
    color: #fff
}

.demo-footer a:hover {
    color: rgba(255, 255, 255, .8)
}

@media (max-width: 990px) {
    .mx-about-img {
        display: none;
    }
    .mx-about-text {
        width: 100%;
        float: none;
    }
    .mx-about-info {
        padding: 0;
        margin-bottom: 15px;
    }
    .mx-about-info h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .mx-about-info h4 {
        margin-bottom: 15px;
    }
    .mx-about-info .desc {
        margin-bottom: 10px;
    }
    .you-want-title strong {
        font-size: 18px;
    }
    .you-want-title em {
        letter-spacing: 0;
    }
    .you-want-lists li {
        padding: 30px 0;
        width: 33.333333%;
    }
    .new-recommend-title {
        font-size: 18px;
    }
    .new-recommend-lists {
        margin: 0 -5px;
    }
    .new-recommend-lists li {
        width: calc(50% - 10px);
        margin: 0 5px 10px 5px;
    }
    .mx-news-title span {
        font-size: 18px;
    }
    .mx-mews-lists {
        margin: 0;
    }
    .mx-dzjj h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .mx-dzjj .desc {
        padding: 0;
        margin-bottom: 15px;
    }
    .mx-map .mx-map-box {
        left: 5%;
        width: 90%;
        padding: 20px 20px 0 20px;
    }
    .mx-map .mx-map-box h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .mx-map .mx-map-box h3 span {
        font-size: 20px;
    }
    .mx-about-info:before {
        display: none;
    }
    #mx-form #checkcode {
        width: calc(100% - 130px);
    }
    #mx-form #checkCodeImg {
        margin-right: 0;
    }
    #mx-form .mx-submit {
        display: block;
        width: 100%;
    }
}


/* 关于我们内页 */

.page-position .container {
    border-bottom: 1px solid #e5e5e5;
    padding: 25px 15px;
}

.xypg-right-content {
    max-width: 1380px;
    margin: 0 auto;
    margin-top: 40px;
    line-height: 2.6
}
.xypg-right-content img{
    max-width:100%;height:auto;
}
#news .news_ul {
    width: 100%;
}

#news .news_ul li {
    height: 207px;
}

#news .news_ul .time {
    width: 12.98%;
    height: 100%;
    position: relative;
}

#news .news_ul .time .p1 {
    font-size: 36px;
    color: #666;
    line-height: 52px;
    margin: 15px 0px 0px 10px;
}

#news .news_ul .time .p2 {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    margin: 20px 0px 20px 20px;
}

#news .news_ul .time .time_img {
    margin: 0px 0px 0px 20px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

#news .news_ul .con {
    width: 87.02%;
    height: 100%;
    position: relative;
}

#news .news_ul .con:before {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    background: #ddd;
    width: 1px;
    display: block;
    content: '';
}

#news .news_ul .con:after {
    height: 0;
    position: absolute;
    top: 0;
    left: 0px;
    background: #bf8b52;
    width: 2px;
    display: block;
    content: '';
    -webkit-transition: all 800ms ease 0s;
    -moz-transition: all 800ms ease 0s;
    -ms-transition: all 800ms ease 0s;
    -o-transition: all 800ms ease 0s;
    transition: all 800ms ease 0s;
    z-index: 10;
}

#news .news_ul .con .text {
    width: 89%;
    margin-left: 5%;
    margin-right: 6%;
}

#news .news_ul .con .text .a1 {
    font-size: 18px;
    color: #333;
    margin: 20px 0px 40px 0px;
    display: block;
}

#news .news_ul .con .text .p3 {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}

#news .news_ul .con .img {
    width: 30%;
    display:none;
}

#news .news_ul .con .img img {
    max-width: 100%;
    height: auto
}

#news .news_ul li:hover .time .p1 {
    color: #bf8b52;
}

#news .news_ul li:hover .con:after {
    height: 100%;
}

#news .news_ul li:hover .con .text {
    margin-left: 7%;
    margin-right: 4%;
}

#news .news_ul li:hover .con .text .a1 {
    color: #bf8b52;
}

#news .news_ul li:hover .time .time_img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}

.fl {
    float: left
}

.fr {
    float: right
}

.common-more {
    width: 160px;
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    color: #fff;
    font-size: 13px;
    background: #bf8b52;
}

.common-more .more_text {
    display: block;
    padding: 0 25px;
}

.common-more .more_text span {
    display: block;
    position: relative;
    color: #fff;
    text-align: center;
}

.common-more .more_text .more_ico {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    width: 10px;
    height: 9px;
    background: url(../image/more_add.png) no-repeat center;
    transition: all 0.8s ease;
}

.common-more .more_text:hover {
    color: #fff;
}

.co .clear {
    clear: both;
}

.title6 {
    font-size: 34px;
    line-height: 40px;
    text-align: center;
}

.title6:after {
    content: '';
    display: block;
    margin: auto;
    width: 40px;
    height: 3px;
    background: #006bb9;
    margin-top: 20px;
}

.m-30 {
    margin: 30px auto;
}

.w1400 {
    width: 90%;
    max-width: 1400px;
    margin: auto;
}

.w1200 {
    width: 90%;
    max-width: 1200px;
    margin: auto;
}

.about-one {
    margin: 50px 0;
}

.about-one p {
    text-align: center;
    line-height: 34px;
    font-size: 16px;
}

.about-one dl {
    width: 25%;
    float: left;
    text-align: center;
}

.about-one dl dt {
    width: 150px;
    height: 150px;
    border: 1px solid #eee;
    margin: auto;
    border-radius: 50%;
    transition: all 1s;
    color: #666;
    line-height: 150px;
    text-align: center;
    font-size: 50px;
    font-family: "arial";
}

.about-menu {
    margin-top: 70px;
}

.about-menu dl:hover dt {
    background: #006bb9;
    color: #fff
}

.about-one dl dd h2 {
    font-size: 20px;
    margin-top: 20px;
    color: #666
}

.about-box {
    width: 23.5%;
    margin-right: 2%;
    float: left;
    transition: all 1s;
}

.about-box:nth-child(4) {
    margin-right: 0;
}

.about-box:hover img {
    transform: scale(1.1, 1.1);
}

.about-box:hover a {
    color: #e52731;
}

.about-box:hover {
    box-shadow: 0 0 3px 3px #ccc;
}

.about-pic {
    overflow: hidden;
}

.about-pic img {
    width: 100%;
    transition: all 1s;
}

.about-cont {
    background: url(../images/17_16.jpg) no-repeat 97% #fff;
    padding: 25px 15px;
}

.about-menutwo {
    background: url(../images/17_06.jpg) no-repeat bottom;
    padding-bottom: 200px;
    padding-top: 60px;
    box-sizing: border-box;
}

.about-cont h2 {
    font-size: 20px;
}

.about-cont p {
    color: #999;
}

.about-nav {
    background: #272727;
    height: 50px;
    line-height: 50px;
}

.about-nav a {
    display: block;
    float: left;
    width: 12%;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.about-nav a.on {
    background: #006bb9;
}

.about-nav a:hover {
    background: #006bb9;
}

.about-content {
    background: #fff;
    border: 1px solid #eee;
}

.p-50 {
    padding: 50px;
}

.wenhua {
    padding: 0 8%;
}

.wenhua dl {
    float: left;
    text-align: center;
    width: 38%;
    margin: 6%;
}

.wenhua dl dd {
    border: 1px solid #eee;
    border-radius: 3px;
    margin-top: -40px;
    padding: 7% 0%;
}

.wenhua dl dd h2 {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.wenhua dl dd p {
    color: #999;
    font-size: 16px;
}

.lc-tab {
    position: fixed;
    left: 30px;
    top: 40%;
}

.lc-tab li {
    list-style: circle inside;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}

.lc-tab li.on {
    color: #006bb9;
}

.lc-tab li.on a {
    color: #006bb9;
}

.box1 dl {
    position: relative;
    height: 240px;
    overflow: hidden;
    transition: all 1s;
}

.box1 dl.year {
    height: auto;
}

.box1 dl dt {
    font-size: 30px;
    font-weight: bold;
}

.box1 dl:before {
    content: '';
    height: 100%;
    width: 1px;
    background: #eee;
    position: absolute;
    left: 30px;
    top: 49px;
}

.box1 dl dt:after {
    content: url(../images/dian.jpg);
    width: 17px;
    height: 17px;
    display: block;
    margin-left: 23px;
}

.box1 dl dt span {
    font-size: 14px;
    font-weight: normal;
}

.box1 dl dt span.suo {
    display: none;
}

.box1 dl dd {
    height: 30px;
    padding-left: 26px;
    margin: 30px 0;
    font-size: 16px;
    z-index: 999;
    position: relative;
}

.box1 dl dd:before {
    content: url(../images/dian2.jpg);
    width: 9px;
    height: 10px;
    margin-right: 20px;
}

.box1 {
    margin: 50px 0 30px 10%;
}

.yfzx {
    position: relative;
    margin: 50px;
}

.yfzx:before {
    content: '';
    background: #eee;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
}

.yfzx dl {
    margin: 0px 10% 50px 10%;
}

.yfzx dl dt img {
    width: 100%
}

.yfzx dl dt {
    float: left;
    width: 45%;
}

.yfzx dl dd {
    float: right;
    width: 45%;
    font-size: 16px;
    box-sizing: border-box;
    position: relative;
}

.yfzx dl dd:before {
    content: url(../images/dian3.jpg);
    position: absolute;
    left: -13%;
}

.yfzx dl dd h2 {
    font-size: 30px;
    margin-bottom: 40px;
}

.yfzx dl dd h2:after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #006bb9;
    margin-top: 10px;
}

.yfzx dl:nth-child(2n+2) dd:before {
    display: none;
}

.yfzx dl:nth-child(2n+2) dd:after {
    content: url(../images/dian3.jpg);
    position: absolute;
    right: -13%;
    top: 0;
}

.yfzx dl:nth-child(2n+2) dt {
    float: right;
}

.yfzx dl:nth-child(2n+2) dd {
    float: left;
    text-align: right;
}

.yfzx dl:nth-child(2n+2) dd h2:after {
    position: absolute;
    right: 0;
    top: 30px;
}

.buju-list ul li {
    width: 24%;
    margin-right: 1%;
    margin-top: 25px;
    text-align: center;
    font-size: 18px;
    float: left;
}

.buju-list ul li img {
    width: 100%;
}

.buju-list1 ul li {
    width: 19%;
    margin-right: 1%;
    margin-top: 25px;
    text-align: center;
    font-size: 18px;
    float: left;
}

.buju-list1 ul li img {
    width: 100%;
}

.honor ul li {
    width: 21%;
    margin: 2%;
    float: left;
    overflow: hidden;
}

.honor ul li img {
    transition: all 1s;
    width: 100%
}

.honor ul li img:hover {
    transform: scale(1.1, 1.1);
}

@media (max-width:768px) {
    .sj-icon li a:before {
        width: 80px;
        height: 80px;
    }
    .jiazhi dl dd {
        width: 100%;
        margin-left: 0;
    }
    .main-box .new-more img {
        width: auto;
    }
    .job-cont .main-box img {
        width: auto;
    }
    .main-box img {
        width: 100%;
    }
    .lm-box {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
    }
    .index-two h2 {
        font-size: 24px;
    }
    .index-two h2 span {
        margin: 0 10px;
    }
    .index-two p {
        width: 90%;
    }
    .index-video {
        height: auto;
    }
    .ks-link dl {
        width: 50%;
        margin: 0;
        margin-top: 20px;
    }
    .ks-link dl dt img {
        width: 60px;
    }
    .index-lx {
        padding: 30px 0;
    }
    .ks-link dl dd:nth-child(2) {
        font-size: 18px;
    }
    .foot-left {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .foot-right {
        width: 100%;
        text-align: center;
        display: none
    }
    .foot-right ul li {
        display: -webkit-inline-box;
        float: none;
        text-align: center;
    }
    .title2 {
        font-size: 24px;
    }
    .zh-syb dl {
        width: 100%;
        margin-right: 0;
    }
    .zh-moshi ul li:nth-child(1) {
        width: 100%;
    }
    .zh-moshi ul li:nth-child(2) {
        width: 100%;
    }
    .zh-moshi ul li:nth-child(3) {
        width: 100%;
    }
    .zh-moshi ul li {
        margin-top: 20px;
    }
    .zh-fa img {
        width: 100%;
    }
    .zh-fa ul li {
        width: 31%;
        margin-right: 2%;
        margin-bottom: 15px;
    }
    .zh-fa ul li a {
        font-size: 16px;
    }
    .zh-falist ul li {
        width: 47%;
        margin-right: 3%;
    }
    .zh-lm img {
        width: 100%;
    }
    .zh-falist {
        height: auto;
    }
    .zh-syb {
        padding-bottom: 50px;
    }
    .zh-moshi {
        padding: 40px 0;
    }
    .nei-menuone ul li {
        width: 48%;
        margin: 5px 1%;
        height: 30px;
        line-height: 30px;
    }
    .nei-menuone ul li a {
        width: 100%;
        font-size: 14px;
    }
    .prolei-list li {
        width: 47%;
    }
    .sj-box {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .sj-box1 {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .fangan {
        width: 100%;
        margin-right: 0;
    }
    .pic img {
        width: 100%;
    }
    .sj-menu ul li {
        width: 48%;
    }
    .title7 {
        font-size: 20px;
    }
    .cont-left {
        width: 100%;
    }
    .cont-pic {
        width: 100%;
    }
    .sj-icon li {
        width: 33%;
    }
    .sj-icon li:before {
        width: 80px;
        height: 80px;
    }
    .jiazhi dl {
        width: 100%;
        height: auto;
    }
    .jiazhi dl dt {
        display: none;
    }
    .sjd-list {
        width: 100%;
    }
    .cont {
        margin: 25px 0;
    }
    .fa-cont {
        height: 180px;
    }
    .title6 {
        font-size: 20px;
    }
    .more a {
        padding: 8px 20px;
    }
    .fa-cont h2 {
        font-size: 16px;
    }
    .fa-cont p {
        font-size: 14px;
    }
    .ziliao li {
        width: 50%;
    }
    .piaofu {
        display: none;
    }
    .pro-list li {
        width: 48%;
        margin: 1%;
    }
    .bx-tabs li {
        width: 50%;
    }
    .bx-submenu dl dd {
        font-size: 14px;
        width: 31%;
        margin-left: 0;
        text-align: center;
    }
    .bx-submenu {
        height: auto;
    }
    .bx-submenu dl dt {
        display: none;
    }
    .bx-box {
        width: 50%;
    }
    .main {
        padding: 30px 0;
    }
    .bx-name {
        font-size: 14px;
    }
    .fuwu-menu ul li {
        width: 48%;
    }
    .fw-box {
        width: 100%;
        margin: 15px 0;
    }
    .fuwu-one h1 {
        font-size: 18px;
    }
    .fuwu-two h1 {
        font-size: 18px;
    }
    .fuwu-three h1 {
        font-size: 18px;
    }
    .bsc-search span {
        display: none;
    }
    .bsc-search table {
        width: 100%;
    }
    .bsc-search table td {
        display: block;
        margin: 10px 0;
    }
    .bsc-search table tr td:nth-child(2) {
        width: 100%;
    }
    .bsc-search table tr td:nth-child(3) {
        margin: auto
    }
    .bsc-list dl {
        width: 100%;
        margin: 10px 0;
    }
    .about-one dl dt {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 16px;
    }
    .about-one dl dd h2 {
        font-size: 14px;
    }
    .about-box {
        width: 100%;
        margin: 1% 0;
    }
    .about-menutwo {
        padding-bottom: 50px;
    }
    .about-nav a {
        width: 25%;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
    }
    .about-nav {
        height: auto;
    }
    .about-nav .w1200 {
        width: 100%;
    }
    .p-50 {
        padding: 20px;
    }
    .wenhua dl {
        width: 100%;
        margin: 10px auto;
    }
    .box1 {
        margin: 50px 0 30px 3%;
    }
    .lc-tab {
        right: 0;
        left: auto;
        z-index: 99999
    }
    .yfzx dl dt {
        width: 100%;
    }
    .yfzx dl dd {
        width: 100%;
        margin-top: 15px;
    }
    .yfzx dl dd h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .yfzx dl dd:before {
        display: none;
    }
    .yfzx dl dd:after {
        display: none;
    }
    .yfzx:before {
        display: none;
    }
    .yfzx {
        margin: 20px 5%;
    }
    .yfzx dl {
        margin: 20px 0;
    }
    .buju-list ul li {
        width: 49%;
    }
    .buju-list1 ul li {
        width: 49%;
    }
    .honor ul li {
        width: 48%;
        margin: 1%;
    }
    .nlogo {
        top: 10px
    }
    .nlogo img {
        width: 140px;
    }
    .home {
        top: 10px;
    }
    .new-menu {
        width: 100%;
        margin-top: 60px;
    }
    .new-menu a {
        margin: 0;
    }
    .new-pic1 {
        width: 100%;
        margin-bottom: 10px;
    }
    .new-right {
        width: 100%;
    }
    .newd-cont h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .new-page p {
        font-size: 14px;
    }
    .login {
        width: 100%;
        height: auto;
        padding: 4%;
    }
    .code {
        padding: 17px 5%;
        margin-left: 4%;
    }
    .login-box {
        padding: 40px 0;
    }
    .lx-left {
        width: 100%;
    }
    .lx-right {
        width: 100%;
    }
    .lx-cont {
        background-position: center -100px;
        padding-top: 200px;
    }
    .video {
        width: 100%;
        margin: 1% 0;
    }
    .down-search {
        width: 100%;
    }
    .down-search input {
        width: 40%;
    }
    .down-list ul li {
        width: 100%;
        margin: 5px 0;
    }
    .down-search select {
        width: 30%;
    }
    .feed thead {
        display: none;
    }
    .feed tr td {
        width: 100%;
        padding-top: 15px;
        margin: auto;
        display: block;
    }
    .text1 {
        width: 100%;
    }
    .select {
        width: 100%;
    }
    .area {
        width: 100%;
    }
    .job-cont {
        background-position: center -100px;
        padding-top: 200px;
    }
    .job-menu a {
        font-size: 12px;
        margin: 0;
        padding: 10px 25px;
    }
    .fw {
        width: 100%;
        margin: 10px 0;
    }
    .fangwei-box {
        padding: 20px 0;
    }
    .fw img {
        width: 100px;
    }
    .fw {
        padding: 20px 0;
    }
    .fw p {
        margin-bottom: 0;
    }
    .fw h2 {
        font-size: 20px;
        margin-top: 10px;
    }
    .sj-icon1 li {
        width: 50%;
    }
    .lc-tab {
        display: none;
    }
    .box1 dl dd {
        padding-left: 45px;
    }
    .box1 dl dd:before {
        margin-right: 0px;
        position: absolute;
        left: 26px;
        top: 5px;
    }
    .main {
        padding-top: 20px;
    }
    .hxms-cont img {
        width: 100%;
    }
    .f_logo {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }
    .di-menu {
        margin-bottom: 15px;
    }
    .f_phone {
        margin: auto;
        float: none;
    }
    .dibu {
        text-align: center;
    }
    .about-content .p-50 img {
        width: 100%;
    }
    .newd-cont img {
        width: 100%;
    }
    .p-50 .w1400 {
        width: 100%;
    }
    .index-two {
        margin-top: 20px;
        padding: 30px 0;
    }
    .index-news {
        padding: 20px 0;
    }
    .new-cont p {
        height: 80px;
    }
    .index-lx {
        display: none;
    }
    .phone-footmenu {
        display: block;
        padding: 2% 5%;
        background: #242424;
    }
    .phone-footmenu dl dt {
        background: #242424;
        height: 50px;
        line-height: 50px;
        color: #808080;
        font-size: 16px;
    }
    .phone-footmenu dl dt span {
        background: #434343;
        line-height: 20px;
        margin-top: 9px;
        font-size: 19px;
        color: #242424;
        padding: 2px 5px;
        float: right;
    }
    .phone-footmenu dl {
        border-bottom: 1px solid #434343;
    }
    .phone-footmenu dl dd a {
        display: block;
        padding-left: 8%;
        color: #808080;
        font-size: 14px;
        border-bottom: 1px solid #434343;
        height: 40px;
        line-height: 40px;
    }
    .phone-footmenu dl dd {
        display: none;
    }
    .phone-footmenu dl dd:last-of-type a {
        border-bottom: none;
    }
    .zh-falist dl {
        width: 46%;
    }
    .bx-tabs li {
        font-size: 12px;
    }
    .bx-tabs {
        height: auto;
    }
    .prolei-list li {
        font-size: 12px;
    }
    .w1400 {
        width: 94%;
    }
    .bx-name {
        font-size: 12px;
        overflow: hidden;
        height: 30px;
    }
    .memo {
        width: 94%;
    }
    .video-cont {
        padding: 30px 0;
    }
    .index-video {
        margin-top: 0;
    }
}


/* 内页产品页样式 */

.inner_navcont {
    position: relative;
    z-index: 7;
}

.inner_navcont .navigation-inner {
    position: relative
}

.navigation-up {
    height: 70px;
    background: #fff
}

.navigation-up .navigation-v3 {}

.navigation-up .navigation-v3 ul {}

.navigation-up .navigation-v3 li {
    float: left;
    line-height: 30px;
    height: 70px;
    overflow: hidden;
    padding: 20px 0;
}

.navigation-up .navigation-v3 .nav-up-selected {}

.navigation-up .navigation-v3 .nav-up-selected-inpage {}

.navigation-up .navigation-v3 li {}

.navigation-up .navigation-v3 li i {
    padding-right: 23px;
    font-size: 16px;
    color: #333333;
}

.navigation-up .navigation-v3 li span {
    font-size: 16px;
    color: #006bb9;
    display: block;
    line-height: 30px;
}

.navigation-up .navigation-v3 li h2 {}

.navigation-up .navigation-v3 li h2 a {
    position: relative;
    float: left;
    display: block;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}

.navigation-up .navigation-v3 li h2 b {
    display: block;
    padding-left: 21px;
    padding-right: 23px;
    float: left;
    width: 11px;
    height: 30px;
    background: url(../images/inner_navarrow1.png) no-repeat center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.navigation-up .navigation-v3 .nav-up-selected h2 b {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.navigation-down {
    position: absolute;
    top: 70px;
    left: 0px;
    width: 100%
}

.navigation-down .nav-down-cont {
    width: 100%;
    margin: 0;
    background: #006bb9;
    position: absolute;
    top: 0px;
    box-shadow: 0px 5px 7px 0px rgba(4, 0, 0, 0.2);
}

.navigation-down .nav-down-cont .navigation-down-inner {
    position: relative
}

.navigation-down .menu-1 ul {
    padding: 27px 0 36px;
    line-height: 27px;
}

.navigation-down .menu-1 ul li {
    float: left;
    margin-right: 28px;
}

.navigation-down .menu-1 ul li a {
    display: block;
    color: #fff;
    font-size: 15px;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navigation-down .menu-1 ul li a:hover {
    opacity: 0.8;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.inner_cont {
    width: 100%;
}

.news_search {
    background: #e6e6e6;
    padding: 26px 25px;
    margin: 50px 0;
}

.news_search .title {
    float: left;
    width: 100px;
    margin-left: -100%;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    color: #333333;
}

.news_search .news_searchform {
    float: left;
    width: 100%;
}

.news_search .news_searchformwrap {
    margin-left: 100px;
}

.news_search .text1 {
    float: left;
    width: 21.45%;
    height: 40px;
    line-height: 20px;
    padding: 10px 37px 10px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff url(../images/news_dateicon.jpg) no-repeat right center;
    font-size: 15px;
    color: #444;
}

.news_search .span {
    float: left;
    display: block;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    width: 39px;
    text-align: center;
    font-size: 15px;
    color: #666666;
}

.news_search .text2 {
    float: left;
    margin-left: 2%;
    width: 25.28%;
    height: 40px;
    padding: 10px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 20px;
    font-size: 15px;
    color: #444;
}

.news_search .btn {
    float: right;
    display: block;
    width: 22.36%;
    height: 40px;
    text-align: center;
    background: #006bb9;
    text-align: center;
    font-size: 17px;
    color: #fff;
}

.news_search .btn:hover {
    background: #00a5ec;
}

.news_search .text3 {
    width: 72.28%;
}

.channel_item {
    margin-bottom: 15px;
    overflow: hidden;
    height: 242px;
}


/*20181220xg*/


/*产品封面20181220xg*/

.channel_itemdl dt em,
.channel_itemdl a .img2 {
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}

.channel_itemdl .dd1 {
    position: relative;
    z-index: 2;
}

.channel_itemdl a .img2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
}

.channel_itemdl a:hover .img2,
.channel_toggle .channel_itemdl a .img2 {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.channel_itemdl a:hover .img em,
.channel_toggle .channel_itemdl a .img em {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
}

.channel_itemdl dt {
    float: left;
    width: 247px;
    box-sizing: border-box;
    margin-right: 34px;
    overflow: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.channel_item .channel_itemdl {
    height: 242px;
}

.channel_item.channel_toggle {
    height: auto;
}

.channel_itemdl a {
    display: block;
    overflow: hidden;
    padding: 32px 3.95% 31px;
    background: #fff;
    position: relative;
}

.channel_itemdl dt {
    float: left;
    width: 247px;
    box-sizing: border-box;
    margin-right: 34px;
    overflow: hidden;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.channel_itemdl a:hover dt {}

.channel_toggle .channel_itemdl a dt {}

.channel_itemdl a:hover dt .img {}

.channel_toggle .channel_itemdl a .img {}

.channel_itemdl a,
.channel_itemdol li .txt span {
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.channel_toggle .channel_itemdl a .dd1 .title,
.channel_itemdl a:hover .dd1 .title,
.channel_toggle .channel_itemdl .dd1 .sub_title,
.channel_itemdl a:hover .dd1 .sub_title {
    color: #fff;
}

.channel_toggle .channel_itemdl a .dd2 {
    color: #fff;
}

.channel_toggle .channel_itemdl a .dd2 .channel_btn,
.channel_itemdl a:hover .dd2 .channel_btn {
    background: url(../images/pro_arrow1h.png) no-repeat right center;
    color: #fff;
}

.channel_itemdl dt .img {
    /*1210hz width: 220px;*/
    padding-bottom: 179px;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    position: relative;
}

.channel_itemdl dt em {
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.channel_itemdl .dd1 {
    padding-right: 14%;
}

.channel_itemdl .dd1 .title {
    margin-top: 0px;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
    font-size: 24px;
    color: #333333;
}

.channel_itemdl .dd1 .sub_title {
    line-height: 24px;
    height: 120px;
    margin-top: 22px;
    overflow: hidden;
    color: #555555;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.channel_itemdl .dd2 {
    float: right;
    line-height: 30px;
    font-size: 18px;
    color: #333333;
    position: absolute;
    right: 3.95%;
    top: 32px;
}

.channel_itemdl .dd2 .channel_btn {
    padding-right: 28px;
    background: url(../images/pro_arrow1.png) no-repeat right center;
}

.hidden_channel {
    background: #fff;
    padding: 42px 3.95% 38px;
}


/*test*/

.channel_item {
    position: relative;
    -webkit-perspective: 3000px;
    perspective: 3000px;
}

.hidden_channel {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    opacity: 0;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotateX(60deg);
    transform: rotateX(60deg);
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    height: 0;
}

.channel_toggle .hidden_channel {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
    height: auto;
}

.channel_itemdol {
    padding-bottom: 29px;
    padding-left: 0
}

.channel_itemdol li {
    margin-bottom: 35px;
    float: left;
    width: 24%;
    margin-right: 1.33%;
}

.channel_itemdol li a {
    position: relative;
    display: block;
    text-align: center;
}


/*图片列表hover效果*/

.channel_itemdl a:hover .sub_title {
    color: #fff;
}

.channel_itemdl a.channel_toggle .sub_title {
    color: #fff;
}

.channel_itemdol li a:hover .img b {
    transform: translateY(0px) scale(1);
    -webkit-transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}

.channel_itemdol li a:hover .img:before {
    opacity: 1;
}

.channel_itemdol li a .img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: .3s;
}

.channel_itemdol li a:hover .img img {
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
    transition: .3s;
}

.channel_itemdol li .img,
.channel_itemdol li a .txt span {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.channel_itemdol li a:hover .txt span {
    color: #006bb9;
}

.channel_itemdol li .txt span {
    display: block;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    color: #333333;
}

.channel_itemdol li:nth-child(4n) {
    margin-right: 0;
}

.channel_itemdol li.hot_li a:after {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 38px;
    height: 38px;
    background: url(../images/hot_icon.png) no-repeat center;
    content: "";
}

.channel_more {
    position: relative;
    display: block;
    background: #fff;
    margin: 0 auto 40px;
    width: 102px;
    z-index: 1;
    color: #006bb9;
    padding: 10px 36px 10px 48px;
    height: 30px;
    line-height: 30px;
    border-radius: 28px;
    border: 2px solid #006bb9;
    letter-spacing: 0;
    font-size: 0;
    box-sizing: content-box;
}

.channel_more .padding2 {
    padding: 0 2px;
}

.w_1140 {
    max-width: 1140px;
    width: 96%;
    margin: 0 auto;
}

.text-ani:hover .ani-typo {
    -webkit-animation-name: typoAni;
    animation-name: typoAni;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.text-ani:hover .ani-typo:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.text-ani:hover .ani-typo:nth-of-type(2) {
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms
}

.text-ani:hover .ani-typo:nth-of-type(3) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}

.text-ani:hover .ani-typo:nth-of-type(4) {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms
}

@-webkit-keyframes typoAni {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    49.9% {
        opacity: 0;
        -webkit-transform: translateX(5px) scale(0.5);
        transform: translateX(5px) scale(0.5)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(-5px) scale(1.6);
        transform: translateX(-5px) scale(1.6)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.channel_lastbtn {
    text-align: right;
    border-top: 1px solid #eeeeee;
    padding-top: 27px;
}

.channel_close {
    display: inline-block;
    line-height: 26px;
    height: 26px;
    text-align: right;
    font-size: 18px;
    color: #333333;
    background: url(../images/pro_arrow2.png) no-repeat right center;
    padding-right: 27px;
}

.channel_toggle .channel_itemdl a {}

.channel_toggle .channel_itemdl a dt .img {
    border-color: transparent;
}

.channel_toggle .channel_itemdl a .dd1 .title,
.channel_itemdl a:hover .dd1 .title,
.channel_toggle .channel_itemdl .dd1 .sub_title,
.channel_itemdl a:hover .dd1 .sub_title {
    color: #fff;
}

.channel_toggle .channel_itemdl a .dd2 {
    color: #fff;
}

.channel_toggle .channel_itemdl a .dd2 .channel_btn,
.channel_itemdl a:hover .dd2 .channel_btn {
    background: url(../images/pro_arrow1h.png) no-repeat right center;
    color: #fff;
}

.channel_itemdl a:hover .dd2 {
    color: #fff;
}

.channel_itemdl a:hover dt .img em {}

.float_btn {
    position: fixed;
    left: 50%;
    margin-left: 580px;
    bottom: 60px;
    z-index: 9;
}

.float_btn li {
    margin-bottom: 2px;
}

.float_btn li a {
    display: block;
    width: 58px;
    height: 58px;
    text-align: center;
    line-height: 58px;
    overflow: hidden;
    background-color: #dddddd;
    border-radius: 4px;
}

.float_btn li a:hover {
    background-color: #006bb9;
}

.float_btn li a img {
    width: 58px;
}

.float_btn .bdsharebuttonbox .bds_more {
    width: 58px !important;
    height: 58px !important;
    line-height: 58px !important;
    background: #dddddd url(../images/float_btn2.png) no-repeat center !important;
    padding: 0 !important;
    margin: 0 !important;
}

.float_btn .bdsharebuttonbox .bds_more:hover {
    background-color: #006bb9 !important;
}

.bdshare_popup_box {
    display: none !important;
}

.float_btn li a.on {
    background-color: #006bb9;
}

.float_btn .zclose a.on {
    background-color: #dddddd;
}

.float_btn li.zclose a img {
    width: 23px;
}

em,
i {
    font-style: normal;
}

.channel_itemdol li .txt span {
    display: block;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    color: #333333;
}

.channel_more {
    position: relative;
    display: block;
    background: #fff;
    margin: 0 auto 40px;
    width: 102px;
    z-index: 1;
    color: #006bb9;
    padding: 10px 36px 10px 48px;
    height: 30px;
    line-height: 30px;
    border-radius: 28px;
    border: 2px solid #006bb9;
    letter-spacing: 0;
    font-size: 0;
}

.channel_more .padding2 {
    padding: 0 2px;
}

.trans {
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0);
    overflow: hidden;
}

.text-ani .ani-typo {
    display: inline-block;
    font-size: 16px;
    color: #006bb9;
}

.text-ani:after {
    content: "";
    display: block;
    right: 0;
    left: 0;
    background-color: #d50470;
}

.channel_more:after {
    position: relative;
    left: 22px;
    top: 0px;
    content: "";
    display: inline-block;
    width: 7px;
    height: 11px;
    background: url(../images/pro_morearrow2.png) no-repeat left center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.channel_more:hover:after {
    left: 18px;
}

.text-ani:hover .ani-typo {
    -webkit-animation-name: typoAni;
    animation-name: typoAni;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.text-ani:hover .ani-typo:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.text-ani:hover .ani-typo:nth-of-type(2) {
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms
}

.text-ani:hover .ani-typo:nth-of-type(3) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}

.text-ani:hover .ani-typo:nth-of-type(4) {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms
}

@-webkit-keyframes typoAni {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    49.9% {
        opacity: 0;
        -webkit-transform: translateX(5px) scale(0.5);
        transform: translateX(5px) scale(0.5)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(-5px) scale(1.6);
        transform: translateX(-5px) scale(1.6)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media(max-width:992px) {
    .header {
        padding-top: 0;
        position: relative;
    }
    .icon-search:after {
        background-position: -30px -210px;
    }
    .header_search_fix .box {
        width: 80%;
        left: 10%
    }
    .mx-about-imgs li a {
        width: 120px;
        height: 120px;
        line-height: 120px;
        border-width: 2px;
    }
    .mx-about-imgs li a img {
        max-width: 60px;
    }
    .mx-about-imgs li h3 {
        font-size: 16px;
    }
    .mx-about-imgs li p {
        font-size: 12px;
    }
    .common-title {
        font-size: 26px;
    }
    .common-title p {
        font-size: 14px;
    }
    .index .pt2 .cn1 {
        font-size: 24px;
    }
    .index .pt2 .cn2 {
        width: 100%
    }
    .index .pt2 .cn2 {
        font-size: 14px;
        line-height: 2;
    }
    .line_btn {
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .index .pt2 .tab .desc {
        font-size: 16px;
    }
    .index .pt2 .tab .icon {
        width: 50px;
        height: 50px;
        background: url(../images/pt2_icon1.png) repeat;
    }
    .index .pt2 .tab .i3 .icon {
        background-position: -50px 0;
    }
    .index .pt2 .tab .i2 .icon {
        background-position: -100px 0;
    }
    .index .pt2 .tab .i4 .icon {
        background-position: -150px 0;
    }
    .index .pt2 .tab .i5 .icon {
        background-position: -200px 0;
    }
    .index .pt2 .tab .i6 .icon {
        background-position: -250px 0;
    }
    .index .pt2 .bg img {
        height: 480px;
        left: 0;
        margin-left: 0
    }
    .index .pt2 .bg {
        height: 480px;
    }
    .index .pt2 .cn2 {
        margin-bottom: 20px
    }
    .index .pt2 .con {
        padding-top: 1%
    }
    .ipart02 .content .left .box .intro .tit {
        margin: 12px 0;
    }
    .ipart02 .content .left .box {
        padding: 32px 20px;
    }
    .ipart02 .content .left .box .intro .con {
        margin-bottom: 10px;
    }
    .ipart02 .content .left .box .intro .common-more {
        margin-top: 20px;
    }
    .ipart02 .content .right .r_top .rect-49 img {
        width: 100%
    }
    .footer .footer1 .channle {
        font-size: 14px;
    }
    .footer .footer1 .copy1 {
        font-size: 14px
    }
    .footer .footer1 .info {
        font-size: 14px;
    }
    .footer .footer1 .channle a {
        margin-right: 35px;
    }
    .footer .footer1 .copy1 {
        line-height: 36px;
    }
    .footer .footer1 .friend {
        font-size: 14px;
        line-height: 36px;
    }
    .ipart02 .content .right .r_top .item_l .box .number {
        font-size: 20px;
        padding-top: 0
    }
    .ipart02 .content .right .r_top .item_l .box {
        border: none;
        padding-top: 0
    }
    .footer .footer1 .l {
        width: 100%;
    }
    .footer .footer1 .r {
        display: none;
    }
    .xypg-right-content {
        padding: 0 15px
    }
    .xymob-menu-click.click .xypg-left-nav>li {
        display: block;
    }
    .xypg-left-title h3 {
        padding-top: 30px
    }
    .xymob-menu-click.click .xypg-left-nav {
        padding: 0 15px;
        margin-top: 15px
    }
    .xymob-menu-click .xypg-left .xypg-left-menu {
        padding-bottom: 20px
    }
}

@media(max-width:768px) {
    .index .pt2 .tab .desc {
        font-size: 13px;
        overflow: hidden;
    }
    .ipart02 .content .left {
        width: 100%;
        margin-bottom: 26px
    }
    .ipart02 .content .right {
        width: 100%;
    }
    .ipart02 .content .right .r_top .item_l .box {
        top: 50%;
        margin-top: -20px
    }
    #news .news_ul .time {
        display: none;
    }
    #news .news_ul .con .text {
        width: 100%;
        margin-left: 0;
    }
    #news .news_ul .con {
        width: 100%
    }
    #news .news_ul .con:before {
        display: none;
    }
    #news .news_ul .con .text .a1 {
        height: 36px;
        overflow: hidden;
    }
    #news .news_ul li {
        height: auto;
        margin-bottom: 15px;
    }
    #news .news_ul li:hover .con .text {
        margin-left: 0;
        margin-right: 6%
    }
    #news .news_ul .con:after {
        display: none;
    }
}

@media(max-width:520px) {
    .mx-about-imgs li {
        width: 46%
    }
    .mx-about-imgs li a {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
    .mx-about-imgs li a img {
        max-width: 40px;
    }
    .mx-about-imgs li h3 {
        line-height: 3
    }
    .index .pt2 .bg img {
        height: 280px;
    }
    .index .pt2 .bg {
        height: 280px;
    }
    .index .pt2 .tab .wrap {
        padding: 0
    }
    .index .pt2 .tab {
        position: relative;
        background: #000;
    }
    .index .pt2 .cn2 {
        line-height: 1.5
    }
    .index .pt2 .bg {
        height: 310px;
    }
    .index .pt2 .bg img {
        height: 310px;
    }
    .index .pt2 .cn1 {
        margin: 15px 0;
    }
    .index .pt2 .tab .desc {
        font-size: 12px;
    }
    .index .pt2 .tab .desc span {
        display: block;
        height: 20px;
        overflow: hidden;
    }
    .ipart02 .content .right .r_top .item_l .box .number .num {
        font-size: 20px;
    }
    .ipart02 .content .right .r_bott .item .box .intro .tit {
        font-size: 20px
    }
    .ipart02 .content .right .r_bott .item .box .intro .con {
        font-size: 14px;
    }
    .news_list1 .text p {
        margin: 10px 0
    }
    .contacts {
        max-width: 100%
    }
    .contacts .tit img {
        width: 100%;
    }
    .footer .footer1 .channle a {
        margin-right: 3px
    }
    #news .news_ul .con .text .a1 {
        margin: 10px 0px;
        font-size: 16px
    }
    .news_list1 .text a.more {
        width: 130px
    }
    .xypg-left-nav>li>a {
        padding: 10px 26px;
    }
}