body {
    font-family: SimHei, Arial, sans-serif;
    margin: 0 !important;
}

img {
    vertical-align: bottom;
}

* {
    margin: 0;
    padding: 0;
}

address {
    margin-bottom: 1.125rem;
    font-style: normal;
    line-height: inherit;
}

ul,
ol,
dl {
    margin: 0;
    padding: 0;
    list-style: none;
}

blockquote {
    margin: 0 2.875em 1.125em 2.875em;
}

small {
    font-size: 62.5%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.375em;
}

sup {
    top: -.5em;
}

a {
    color: inherit;
    text-decoration: none;
}

i {
    font-style: inherit;
}

img {
    vertical-align: middle;
    border: 0 none;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th {
    text-align: inherit;
}

input {
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: inherit;
    border: 0 none;
    outline: 0 none;
}

button {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: inherit;
    border: 0 none;
    cursor: pointer;
}

textarea {
    padding: .375em .625em;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    overflow: auto;
    resize: vertical;
}

hr {
    height: 1px;
    background: #eee;
    border: 0 none;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

*:focus {
    outline: 0 none;
}

.mbody {
    position: relative;
    margin-top: 710px;
    background: #fff;
    z-index: 5;
}

.container {
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1200px){
.container {
    width: 1500px;
}
}
.clearfix:before,
.clearfix:after {
    content: '';
    display: block;
}

.clearfix:after {
    clear: both;
}

.pic {
    margin: 0 0 1.125em;
}

.pic img {
    width: 100%;
}

figure {
    margin: 0;
}


/* ***** 页面公共部分 ***** */


/* 首页banner */

.home-banner {
    position: relative;
}

.shu{width:28px;height:39px;position:absolute;left:50%;margin-left:-14px;bottom:30px;z-index:9999;}

.home-banner .carousel-item {
    color: #fff;
    text-align: center;
    line-height: 1;
}

.home-banner .carousel-item.ani .desc {
    transform: scale(0.86);
    transform-origin: center 120%;
    transition: all 1.6s;
}

.home-banner .carousel-item.current .desc {
    transform: none;
    transition: transform 5.5s linear;
}

.home-banner .carousel-item.current .en,
.home-banner .carousel-item.current .zh,
.home-banner .carousel-item.current .small {
    transform: none;
    opacity: 1;
}

.home-banner .carousel-item.current .en b {
    top: 0;
    opacity: 1;
    transition-property: top, opacity;
    transition-duration: .6s;
}

.home-banner .carousel-item .desc {
    position: relative;
    display: table;
    background: no-repeat center center;
    z-index: 1;
    transform: scale(1.08);
}

.no-backgroundsize .home-banner .carousel-item .desc {
    background: none !important;
}

.home-banner .carousel-item .desc.ww {
    background-size: 100% auto;
}

.no-backgroundsize .home-banner .carousel-item .desc.ww .carousel-bg {
    width: 100%;
}

.home-banner .carousel-item .desc.hh {
    background-size: auto 100%;
}

.no-backgroundsize .home-banner .carousel-item .desc.hh .carousel-bg {
    height: 100%;
}

.home-banner .carousel-item .desc-cell {
    display: table-cell;
    vertical-align: middle;
}

.home-banner .carousel-item .carousel-bg {
    display: none;
}

.no-backgroundsize .home-banner .carousel-item .carousel-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    z-index: -1;
}

.home-banner .carousel-item .en {
    margin: 0;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 56px;
    text-transform: uppercase;
    opacity: 0;
    transform: translate(0, -1em);
    transition: all 1s .5s;
}

.home-banner .carousel-item .en b {
    position: relative;
    top: -56px;
    opacity: 0;
    transition-duration: 0s;
    font-weight: bold;
    font-size: 50px;
}

.home-banner .carousel-item .zh {
    margin-top: 20px;
    font-size: 26px;
    opacity: 0;
    transform: translate(0, 1em);
    transition: all 1s .5s;
}

.home-banner .carousel-item .small {
    position: relative;
    display: inline-block;
    margin-top:15px;
    font-size:36px;
    text-transform: uppercase;
    opacity: 0;
    transition: all .8s .5s;
    color: #fff;
    padding:0px 10px;
}

.home-banner .slick-dots {
    bottom: 38px;
    line-height: 10px;
}


/*
.home-banner .slick-dots:before { content: ''; position: absolute; left: 50%; bottom: -15px; margin-left: -50px; width: 100px; height: 1px; background: rgba(255, 255, 255, 0.5); }
*/

.no-rgba .home-banner .slick-dots:before {
    background: #fff;
}

.home-banner .slick-dots li {
    width: 20px;
    height: 5px;
    background: #fff;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 0;
}

.home-banner .slick-dots li.slick-active {
    background: #dcb379;
}

.home-banner .scroll-down {
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    /*background: url("../images/hm-scrolldown.png") no-repeat center center;*/
    cursor: pointer;
    animation: scroll_down 2s infinite linear;
    z-index: 10;
}

@keyframes scroll_down {
    0% {
        transform: translate(0, -50%);
        opacity: 0;
    }
    5% {
        opacity: 0;
    }
    40% {
        transform: translate(0, -10%);
        opacity: 1;
    }
    60% {
        transform: translate(0, 10%);
        opacity: 1;
    }
    95% {
        opacity: 0;
    }
    100% {
        transform: translate(0, 50%);
        opacity: 0;
    }
}


/* 首页公用部分 */

.hm-common {
    position: relative;
}

.hm-common .hm-title {
    font-size: 30px;
    font-weight: normal;
    color: #baa173;
}

.hm-common .hm-desc {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    line-height: 2;
}

.hm-common .hm-details {
    display: inline-block;
    width: 100px;
    margin-top: 30px;
    line-height: 36px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    text-transform: capitalize;
    background: url("../images/hm-details.png") no-repeat right bottom;
    transition: all .5s;
}

.hm-common .hm-details:hover {
    margin-left: 20px;
    padding-right: 20px;
    color: #baa173;
    background-image: url("../images/hm-detailsh.png");
}

.hm-common .hm-scrolldown2 {
    position: absolute;
    left: 50%;
    bottom: 60px;
    width: 50px;
    height: 28px;
    margin-left: -25px;
    background: url("../images/hm-scrolldown2.png") no-repeat center center;
    cursor: pointer;
    z-index: 10;
}

.hm-common .hm-scrolldown2:hover {
    animation: scroll_down 2s infinite linear;
}

.cy-table {
    display: table;
    width: 100%;
    height: 100%;
}

.cy-table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.hm-common-ornament {
    position: relative;
    width: 28%;
    height: 100%;
    overflow: hidden;
}

.hm-common-ornament span {
    position: absolute;
    left: 30px;
    bottom: 50px;
    color: #fff;
    font-size: 12px;
    font-family: "Times New Roman", sans-serif;
    line-height: 2;
    text-transform: capitalize;
}

.hm-common-ornament span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 1px;
    background: #fff;
}


/*---------------首页--------------------*/

.title {
    margin: 100px 0 70px 0;
    text-align: center;
}

.title h3 {
    color: #333;
    font-size: 23px;
    font-weight: normal;
}

.title span.h_line {
    display: inline-block;
    width: 250px;
    height: 1px;
    background: #dedede;
}

.title h4 {
    margin-top: 10px;
    color: #ccc;
    font-size: 18px;
    font-weight: normal;
}


/*---------首页木种特效-----------*/

@-webkit-keyframes story {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes story {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes move {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes move {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes move1 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@keyframes move1 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}


/*----------------品牌中心------------------*/

.brand_section {
    height: auto;
    overflow: hidden;
}

.brand_section li {
    float: left;
    margin-left: 2%;
    width: calc(94% / 4);
    cursor: pointer;
}

.brand_section li:first-child {
    margin-left: 0;
}

.brand_section li .brand_img {
    position: relative;
    overflow: hidden;
}

.brand_section li img {
    width: 100%;
    transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    z-index: 1;
}

.brand_section li .cover {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
}

.brand_section li:hover .brand_img>img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.brand_section li:hover .cover {
    opacity: 1;
}

.brand_box {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    z-index: 3;
    background: #fff;
    transform: scale(1, 0);
    transition: all .3s ease-out;
}

.brand_section li:hover .brand_box {
    transform: scale(1, 1);
}

.brand_box>div {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 100%;
    text-align: center;
}

.brand_box span {
    display: inline-block;
    height: 15px;
    width: 1px;
    margin: 5px 0;
    background: #baa173;
}

.brand_box h4 {
    font-size: 16px;
}

.brand_box h3 img {
    width: 35px;
}

.brand_t {
    text-align: center;
    color: #333;
    line-height: 60px;
    font-size: 18px;
}

.brand_link {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 20px;
    width: 150px;
    line-height: 40px;
    height: 40px;
    border: 1px solid #333;
    color: #333;
    text-align: center;
    position: relative;
    font-size: 14px;
}

.brand_link .a1 {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #baa173;
    transform: scale(0, 1);
    transition: all .3s ease-out;
}

.brand_link:hover .a1 {
    transform: scale(1, 1);
}

.brand_link:hover {
    border: 1px solid #baa173;
    color: #fff;
}

.brand_link .a2 {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #333;
    transition: all .3s ease-out;
}

.brand_link:hover .a2 {
    color: #fff;
}


/*-------------新闻中心-----------------*/

.section4_t {
    position: relative;
}

.leftline {
    position: absolute;
    left: 200px;
    width: 48px;
    top: 15px;
    height: 2px;
    background: #baa173;
}

.section4_t h2 {
    font-size: 23px;
    font-weight: normal;
}

.section4_t span {
    font-size: 18px;
}

.sect_l {
    float: left;
    width: 50%;
    font-size: 14px;
    line-height: 25px;
}

.sect_r {
    float: right;
}

.st {
    margin: 40px 0;
    height: auto;
    overflow: hidden;
}

.newmore {
    cursor: pointer;
    display: block;
    position: relative;
    width: 100px;
    height: 30px;
    line-height: 30px;
    transition: .3s ease;
    color:#000;
    font-size: 14px;
}

.newmore span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    transition: .3s ease;
}

.newmore:hover span {
    right: 0;
}

.newmore:hover span {
    color: #baa173;
}

.newmore:hover {
    color: #baa173;
}


/*----------------------*/

.cy-tg {
    float: left;
    margin-left: 2%;
    width: 23.5%;
}

.cy-tg:first-child {
    margin-left: 0;
}

.hm-brand .brand-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 0
}

.hm-brand .brand-info>div a:hover .b-i_desc {
    top: 0;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.hm-brand .brand-info>div a:hover .b-i_pic img {
    top: -110px
}

.hm-brand .brand-info>div .b-i_desc {
    top: 330px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.hm-brand .brand-info>div .b-i_desc {
    top: 245px
}

.hm-brand .brand-info>div .b-i_pic {
    top: 0;
    bottom: auto
}

.hm-brand .brand-info a {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #f2f2f2
}

.hm-brand .brand-info a:hover {
    z-index: 3
}

.hm-brand .brand-info a:hover .b-i_pic {
    height: 0;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.hm-brand .brand-info a:hover .b-i_pic img {
    opacity: .3;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.hm-brand .brand-info .b-i_desc {
    position: relative;
    z-index: 1;
    padding: 30px;
    width: 100%;
    height: 370px
}

.hm-brand .brand-info .date {
    font-size: 16px;
    line-height: 15px;
    color: #ababab
}

.hm-brand .brand-info .name {
    height: 50px;
    margin: 25px 0 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    color: #111;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hm-brand .brand-info .desc {
    height: 50px;
    font-size: 13px;
    line-height: 25px;
    color: #858585;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.hm-brand .brand-info .more {
    margin: 60px 0 0;
    padding: 10px 0;
    width: 110px;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    background: #baa173;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.hm-brand .brand-info .more:hover {
    background: #333
}

.hm-brand .brand-info .b-i_pic {
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    height: 250px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    top: 0;
    bottom: auto
}

.hm-brand .brand-info .b-i_pic img {
    position: relative;
    top: 0;
    width: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}


/*------------产品中心首页----------------*/

.ban-slider2 {
    margin-bottom: 100px;
    height: 700px;
}

.ban-slider2 .slick-list {
    height: 100%;
}

.ban-slider2 .slick-track {
    height: 100%;
}

.ban-slider2 .slick-list .item {
    position: relative;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.ban-slider2 .item1 {
    background-image: url(../images/sortbg1.jpg);
}

.ban-slider2 .item2 {
    background-image: url(../images/sortbg2.jpg);
}

.ban-slider2 .item3 {
    background-image: url(../images/sortbg3.jpg);
}

.ban-slider2 .item4 {
    background-image: url(../images/sortbg4.jpg);
}

.ban-slider2 .item5 {
    background-image: url(../images/sortbg5.jpg);
}

.ban-slider2 .item6 {
    background-image: url(../images/sortbg6.jpg);
}

.ban-slider2 .item7 {
    background-image: url(../images/sortbg7.jpg);
}

.ban-slider2 .slick-dots li button {
    display: none;
}

.ban-slider2 .slick-dots li {
    width: 8px;
    height: 8px;
    background: #fff;
    margin: 0 5px;
}

.ban-slider2 .slick-dots li.slick-active {
    background: #baa173;
}

.ban-slider2 .slick-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
    width: 45px;
    height: 80px;
    background-color: rgba(51, 51, 51, .8);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 5;
    background-image: url(../images/left.png);
}

.ban-slider2 .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5%;
    width: 45px;
    height: 80px;
    background-color: rgba(0, 0, 0, .8);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 5;
    background-image: url(../images/right.png);
}

.ban-slider2 .item .txtbox {
    position: absolute;
    right: 13%;
    bottom: 60px;
    background: rgba(0, 0, 0, .6);
    width: 600px;
    height: 250px;
}

.ban-slider2 .item .txtbox .in_pt {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #535353;
    color: #fff;
    padding-left: 25px;
    font-size: 16px;
    color: #ccc;
}

.ban-slider2 .item .txtbox .descr {
    padding-left: 25px;
    padding-right: 25px;
    font-size: 14px;
    color: #ccc;
    padding-top: 25px;
}

.ban-slider2 .slick-dots {
    bottom: 70px;
    width: 575px;
    right: 13%;
    left: auto;
    text-align: left;
}

.mt_4 {
    margin-top: 40px;
    margin-bottom: 100px;
}

.brandbox {
    height: auto;
    overflow: hidden;
}

.brandbox li {
    float: left;
    margin-left: 2%;
    width: 49%;
    margin-bottom: 15px;
}

.brandbox li:nth-child(2N+1) {
    margin-left: 0;
}

.brandbox li .brand_img {
    width: 100%;
    height: 130px;
    overflow: hidden;
}

.brandbox li .brand_img img {
    width: 100%;
    height: 100%;
}

.brand_txt h3 {
    font-size: 13px;
    line-height: 15px;
    font-weight: normal;
    color: #ababab;
    margin-bottom: 15px;
}

.brand_txt h4 {
    font-size: 15px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: normal;
}

.brand_txt {
    padding: 15px 10px 18px 10px;
    background: #f2f2f2;
}


/*-----------------------------------------木种手机端----------------------------------------------------*/


/* Slider */

.vwrap {
    display: none;
    z-index: 1040;
    width: 100%;
    position: fixed;
}

.vwrap .videobtg {
    z-index: 900;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    overflow: hidden;
}

.vwrap .videobox {
    z-index: 990;
    width: 800px;
    height: 500px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -250px;
    margin-left: -400px;
}

.vwrap .videobox #videobox {
    width: 100%;
    display: inline-block;
    height: 100%;
    background: #80abde;
}

#videobox_wrapper {
    height: 100%!important;
}

.vwrap .close {
    z-index: 999;
    width: 31px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: -42px;
}

.vwrap .close i {
    display: block;
    width: 31px;
    height: 31px;
    background: url(../images/close_i1.png) no-repeat 50% 50%;
    -webkit-transition: 400ms;
    transition: 400ms;
}

.vwrap .close:hover i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#videobox_display_button,
#videocontainer_display_button {
    background: none no-repeat!important;
}

.jwplayer .jwicon {
    opacity: 0.8;
    filter: alpha(opacity=80);
    cursor: pointer;
}

.jwplayer .jwicon:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.jwlogo,
.jwclick {
    display: none!important;
}

.jwdisplayIcon {
    background: none no-repeat!important;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-loading .slick-list {
    background: #fff url(../images/loader.gif) center center no-repeat;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

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

.industryIDemo .item {
    position: relative;
    opacity: 1 !important;
}

.industryIDemo .img {
    position: relative;
    overflow: hidden;
}

.industryIDemo .img img {
    width: 100%;
    display: block;
}

.industryIDemo .black-30 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.industryIDemo .con {
    position: absolute;
    left: 10px;
    top: 20%;
    right: 10px;
    transform: translateX(88px);
    -webkit-transform: translateX(88px);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    opacity: 0;
    visibility: hidden;
}

.industryIDemo .t {
    font-size: 24px;
    line-height: 1.5;
    color: #dcb379;
}

.industryIDemo .by {
    font-weight: bold;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.2;
    margin-top: 5px;
}

.industryIDemo .txt {
    color: #fff;
    margin-top: 15px;
    height: 60px;
    overflow: hidden;
    line-height: 20px;
    font-size: 13px;
}

.industryIDemo .slick-active {
    z-index: 800 !important;
}

.industryIDemo .slick-active .img {
    -webkit-animation: slideIn 1s;
    animation: slideIn 1s;
}

.industryIDemo .slick-active .img img {
    -webkit-animation: imgIn 1s;
    animation: imgIn 1s;
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideIn {
    0% {
        transform: translateX(-100%);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes imgIn {
    0% {
        -webkit-transform: -webkit-translateX(100%);
        opacity: 1;
    }
    100% {
        -webkit-transform: -webkit-translateX(0);
        opacity: 1;
    }
}

@keyframes imgIn {
    0% {
        transform: translateX(100%);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.industryIDemo .slick-active .con {
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0) skew(0);
    opacity: 1;
    visibility: visible;
    transition: 680ms 480ms;
    -webkit-transition: 680ms 480ms;
}

.industryINav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #7F7F7F;
}

.industryINav .item {
    float: left;
    display: block;
    width: 33.33%;
    cursor: pointer;
}

.industryINav .itemC {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding: 85px 50px 0px;
    height: 255px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.industryINav .itemC:before {
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: url(../images/cs_90.png) repeat;
    background: none rgba(183, 159, 113, .9);
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: transform .38s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden9;
}

.industryINav .ico {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0px auto 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.industryINav .t {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    line-height: 1;
    margin-top: 5px;
    height: 15px;
    display: block;
}

.industryINav .en {
    margin-top: 6px;
    font-family: "pf_din_text_comp_proregular";
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 8px;
    color: #fff;
    font-size: 12px;
}

.industryINav .addico {
    /*background: url(../images/add_ico.png) no-repeat scroll center center;*/
    background-size: cover;
    width: 10px;
    height: 10px;
    display: block;
    margin: 0px auto 22px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.industryINav .moreBtn {
    opacity: 0;
    margin: 0px auto;
    visibility: hidden;
}

.industryINav .moreBtn:hover .txt {
    color: #000;
}

.industryINav .moreBtn:before {
    background-image: url(../images/more_bg3.png);
}

.industryINav .slick-current .ico {
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: gelatine 0.5s 1;
    animation: gelatine 0.5s 1;
}

.industryINav .slick-current .itemC:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible9;
}

@keyframes gelatine {
    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

@-webkit-keyframes gelatine {
    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

.industryINav .slick-current .addico {
    opacity: 0;
    visibility: hidden;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.industryINav .slick-current .moreBtn {
    opacity: 1;
    visibility: visible;
}

.industryINav .itemC:hover .ico {
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: gelatine 0.5s 1;
    animation: gelatine 0.5s 1;
}

.industryINav .itemC:hover .addico {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.industryIDemo .con a {
    display: inline-block;
    font-size: 13px;
    width: 110px;
    height: 35px;
    line-height: 33px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    margin-top: 30px;
}

.sortline {
    display: inline-block;
    width: 55px;
    height: 1px;
    background: #fff;
    margin: 0;
    line-height: 15px;
}

@media screen and (max-width:1600px) {
    .industryIDemo .con {
        top: 16%;
    }
    .industryINav .itemC {
        padding: 60px 30px 0px;
    }
    .pbanner-C .c {
        font-size: 34px;
    }
    .speech-Pbox .t {
        font-size: 50px;
    }
    .speech-Pbox .c {
        font-size: 16px;
    }
    .speech-Pbox .qm img {
        width: 200px;
    }
    .survey-title .year {
        font-size: 140px;
    }
    .survey-title .zh {
        font-size: 24px;
    }
    .survey-plist .num {
        font-size: 60px;
    }
    .pboxT .t {
        font-size: 22px;
    }
    .pboxT .by {
        font-size: 30px;
    }
    .memorabiliaPbox {
        padding-top: 110px;
    }
    .pboxT2 .zh {
        font-size: 26px;
    }
    .pboxT2 .en {
        font-size: 16px;
    }
    .honor-pbox-bg {
        padding: 100px 0px 65px;
    }
    .honor-pbox-bg .title img {
        margin: 0px auto;
        width: 160px;
    }
    .honor-pbox-bg .t {
        font-size: 30px;
    }
    .honor-pbox-bg .c {
        margin-bottom: 60px;
    }
    .responsibility-pbox {
        padding: 100px 0px;
    }
    .structure-list .t {
        font-size: 20px;
    }
    .pageC-zh {
        font-size: 26px;
    }
    .industry-Page {
        padding: 100px 0px 80px;
    }
    .industry-Page .t {
        font-size: 26px;
    }
    .industry-Page .by {
        font-size: 32px;
    }
    .industrys,
    .industry-list li figure,
    .industry-list li figure img {
        height: 600px;
    }
    .industry-list-one .con {
        width: 40%;
    }
    .industry-list-one .con .zh {
        font-size: 22px;
    }
    .industry-list-one .con .ico {
        width: 70px;
    }
    .industry-list-one .con .c {
        margin-bottom: 20px;
    }
    .industry-list-one .oneItem .con {
        left: 55%;
    }
    .industry-list-one .twoItem .con {
        left: 5%;
    }
    .f30 {
        font-size: 26px;
    }
}

@media screen and (max-width:1441px) {
    .industryIDemo .con {
        top: 15%;
    }
    .industryIDemo .t {
        font-size: 18px;
    }
    .industryIDemo .by {
        font-size: 24px;
    }
    .industryINav .itemC {
        padding: 20px 20px;
        height: 160px;
    }
    .industryINav .addico {
        margin-bottom: 5px;
    }
}


/*-------------------------banner-------------------------------*/

.circle-load-rect-svg {
    margin: 5px;
}

.g-rect-path {
    fill: none;
    stroke-width: 3;
    stroke: rgba(250, 250, 250, .2);
    stroke-linejoin: round;
    stroke-linecap: round;
}

.g-rect-fill {
    fill: none;
    stroke-width: 3;
    stroke: rgba(250, 250, 250, .7);
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 0, 1370;
    stroke-dashoffset: 0;
    transition: 2s linear;
}

.ej_banner.active .g-rect-fill {
    stroke-dasharray: 2350, 2350;
}

.ej_banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.ej_banner span {
    display: block;
}

.ej_banner span img {
    width: 100%;
    min-height: 500px;
}

.ej_banner_list {
    position: absolute;
    width: 90%;
    top: 60%;
    transform: translateY(-50%);
    left: 5%;
    z-index: 2;
}

.ej_banner_list_div {
    position: relative;
}

.ej_banner_list_div_aside {
    position: absolute;
    top: 0;
    z-index: 2;
    box-sizing: border-box;
    padding: 50px 40px;
}

.ej_banner_list_div_aside h1 {
    font-size: 35px;
    color: white;
}

.ej_banner_list_div_aside h1:before {
    content: '';
    display: block;
    width: 35px;
    height: 1px;
    background: white;
    margin-bottom: 10px;
}

.ej_banner_list_div_aside span {
    display: block;
    font-family: ziti;
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 5px;
}

.ej_banner span {
    overflow: hidden;
}

.ej_banner span img {
    animation: banrun1 20s linear infinite;
    position: relative;
}

.bannercover {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .2)
}

.bannerbox {
    height: 710px;
    position: relative;
    overflow: hidden;
}

.bannerbox .bannerimg {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: bottom center !important;
    background-size: cover;
    background-repeat: no-repeat;
    animation: banrun1 20s linear infinite;
}

.bannerbox .bannerimg1 {
    background: url(../images/bannerabout.jpg);
}

.bannerbox .bannerimg2 {
    background: url(../images/bannercontact.jpg);
}

.bannerbox .bannerimg3 {
    background: url(../images/bannernew.jpg);
}

.bannerbox .bannerimg4 {
    background: url(../images/bannerpro.jpg);
}

.bannerbox .bannerimg5 {
    background: url(../images/bannerjoin.jpg);
}

.bannerbox .bannerimg6 {
    background: url(../images/bannerservice.jpg);
}

.bannerbox .bannerimg8 {
    background: url(../images/bannergd.jpg);
}

.bannerbox .bannerimg9 {
    background: url(../images/bannertec.jpg);
}

.phbanner1 {
    background-image: url(../images/bannerabout.jpg);
}

.phbanner2 {
    background-image: url(../images/bannercontact.jpg);
}

.phbanner3 {
    background-image: url(../images/bannernew.jpg);
}

.phbanner4 {
    background-image: url(../images/bannerpro.jpg);
}

.phbanner5 {
    background-image: url(../images/bannerjoin.jpg);
}

.phbanner6 {
    background-image: url(../images/bannerservice.jpg);
}

.phbanner9 {
    background-image: url(../images/bannertec.jpg);
}

@keyframes banrun1 {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.28)
    }
    100% {
        transform: scale(1)
    }
}

.phbanner {
    position: fixed;
    z-index: 1;
    top: 60px;
    left: 0;
    width: 100%;
    height: 200px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.phbanner .cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 1;
}

.phbanner .tt {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.phbanner .tt h3 {
    font-size: 18px;
    color: #fff;
}

.phbanner .tt h4 {
    font-size: 13px;
    color: #fff;
}

.phbanner .tt span {
    display: inline-block;
    width: 40px;
    height: 2px;
    background: #fff;
    margin: 5px 0;
}

.innav {
    height: 90px;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    bottom: 0px;
}

.innav .container2{
    width: 100%;
}

.ul_7 li {
    float: left;
    width: 14.28%;
    height: 100%;
}

.ul_7 li a {
    display: block;
    width: 100%;
    height: 100px;
    position: relative;
    line-height: 90px;
    color: #ccc;
    text-align: center;
    font-size: 16px;
}

.ul_7 li a span {
    display: block;
    width: 100%;
    height: 3px;
    background: #baa173;
    position: absolute;
    top: 0px;
    left: 0;
    transition: 0.4s ease-out;
    transform: scaleX(0);
}

.ul_7 li a em {
    position: absolute;
    display: none;
    width: 1px;
    height: 30px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #ccc;
}

.ul_7 li:last-child em {
    display: none;
}

.ul_7 li.on a span,
.ul_7 li.clicked a span{
    transform: scaleX(1);
}

.ul_7 li:hover a span,
.ul_7 li.clicked a span{
    transform: scaleX(1);
}

.ul_7 li:hover a,
.ul_7 li.clicked a{
    color: #baa173;
}

.ul_7 li.on a,
.ul_7 li.clicked a{
    color: #baa173;
}

.t_center {
    text-align: center;
}

.t_center li {
    display: inline-block;
    float: none;
}


/*-------------------------联系我们-----------------------------*/

.mapcontain {
    position: relative;
    height: 700px;
}

.mapcontain .mapbox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.mapcontain .lianxi {
    top: -75px;
    left: 50%;
    margin-left: -37%;
    width: 74%;
    height: auto;
    position: absolute;
    z-index: 2;
    box-shadow: 0 0px 29px -1px grey;
    padding: 65px 70px;
    background: #fff;
}

.ctitle h3 {
    font-size: 25px;
}

.ctitle span {
    display: inline-block;
    width: 45px;
    height: 4px;
    background: #baa173;
}

.lianxi ul {
    margin-top: 55px;
}

.lianxi li {
    cursor: pointer;
    float: left;
    width: 25%;
    text-align: center;
}

.lianxi li h3 {
    font-size: 17px;
    margin-top: 15px
}

.lianxi li p {
    font-size: 16px;
    color: #3e3e3e;
    font-weight: bold;
    margin-top: 8px;
}

.lianxi .lx_icon {
    position: relative;
    border: 1px solid #E0E0E0;
    width: 120px;
    height: 120px;
    display: inline-block;
    border-radius: 100%;
}

.mapcover {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .1);
}

.lianxi li .img2 {
    display: none;
}

.lianxi li span {
    position: absolute;
    border-radius: 100%;
    transform: scale(0);
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 1;
    background: #baa173;
    transition: .3s ease-in-out;
}

.lianxi li img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: .3s ease-in-out;
}

.lianxi li:hover span {
    transform: scale(1);
}

.lianxi li:hover .img1 {
    display: none;
}

.lianxi li:hover .img2 {
    display: block;
}

.resimg {
    width: 100%;
    height: auto;
}

.contact_s2 {
    padding: 100px 0;
    background: url(../images/onlinebg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.wp {
    width: 74%;
    margin-left: auto;
    margin-right: auto;
}

.join_s2 .wp {
    width: calc(90% - 180px);
}


/*-----------------标题------------------*/

.bannertxt {
    width: 100%;
    text-align: center;
    top: 55%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: 4;
}

.bannertxt h1 {
    color: white;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
}

.bannertxt span {
    display: inline-block;
    width: 80px;
    height: 3px;
    background: #baa173;
    margin: 20px 0;
}

.bannertxt p {
    font-size: 16px;
    color: rgba(250, 250, 250, .7);
    line-height: 30px;
}

.form_div1 {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    border-bottom: 2px solid rgba(250, 250, 250, .2);
    width: 30%;
    margin-right: 3%;
}

.form_div2 {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    border-bottom: 2px solid rgba(250, 250, 250, .2);
    width: 30%;
    margin-right: 3%;
}

.form_div3 {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    border-bottom: 2px solid rgba(250, 250, 250, .2);
    width: 30%;
}

.form_div4 {
    height: 200px;
    border-bottom: 2px solid rgba(250, 250, 250, .2);
    width: 100%;
    position: relative;
}

.form_div label {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: rgba(250, 250, 250, .5);
}

.form_div input {
    outline: none;
    color: rgba(250, 250, 250, .5);
    font-size: 16px;
    background: transparent;
    border: none;
    height: 60px;
    width: 60%;
    display: inline-block;
    vertical-align: middle;
}

.contact_s2 .form {
    margin: 100px 0 50px 0;
}

.form_div4 textarea {
    padding: 0;
    border: none;
    width: 100%;
    height: 165px;
    background: transparent;
    outline: none;
    resize: none;
    color: rgba(250, 250, 250, .5);
    font-size: 16px;
    margin-top: 40px;
}

.form_div4 button {
    width: 155px;
    height: 45px;
    text-align: center;
    background: #baa173;
    color: #282828;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: .3s ease-in-out;
}

.form_div4 button:hover {
    background: #fff;
}

.v100 {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 2;
    background: url(../images/searchbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.coverbg {
    width: 100%;
    height: 100vh;
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5)
}

.cpcx {
    text-align: center;
    width: 360px;
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    margin-left: -180px;
}

.cpcx h3 {
    font-size: 28px;
    color: rgba(255, 255, 255, .8);
}

.cpcx p {
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    margin: 25px 0 35px 0;
}

.cpcx p span {
    font-size: 20px;
    color: #f0ff00;
}

.cpcx input {
    background: rgba(255, 255, 255, .8);
    display: block;
    margin-bottom: 25px;
    width: calc(100% - 20px);
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
}

.cpcx button {
    background: #baa173;
    width: 150px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
}


/*--------------------------新闻------------------------*/

.new_ul {
    height: auto;
    overflow: hidden;
}

.new_ul li {
    background: #f2f2f2;
    margin-left: 25px;
    float: left;
    width: calc((100% - 75px)/4);
    margin-bottom: 50px;
}

.new_ul li:nth-child(4N+1) {
    margin-left: 0;
}

.new_ul li a {
    display: block;
    position: relative;
    overflow: hidden;
}

.new_ul li .newpic {
    width: 100%;
    padding-bottom: 75.3%;
    height: 0;
    overflow: hidden;
}

.new_ul li .newpic img {
    width: 100%;
}

.news_mes {
    padding-top: 5.4%;
    height: 90px;
    padding-bottom: 8.2%;
    zoom: 1;
    opacity: 0;
    filter: alpha(opacity=0);
}

.news_p1 {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.news_p2 {
    margin-left: 15px;
    margin-right: 15px;
    color: #333;
    font-size: 14px;
    margin-top: 10px;
}

.news_yy {
    background: rgba(183, 159, 113, 1);
    position: absolute;
    top: 65px;
    bottom: 0;
    width: 100%;
    transform-origin: 50% bottom;
    -webkit-transform-origin: 50% bottom;
    -moz-transform-origin: 50% bottom;
    -ms-transform-origin: 50% bottom;
    -o-transform-origin: 50% bottom;
    transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
}

.news_hide {
    position: absolute;
    top: 0;
    margin-top: 73.3%;
    left: 0;
    width: 100%;
    padding-bottom: 8.2%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

.news_hide_top {
    height: 90px;
    padding-top: 8.2%;
    padding-bottom: 8.2%;
}

.news_p3 {
    font-size: 12px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    color: #333;
    margin-top: 20px;
}

.news_add {
    width: 36px;
    height: 36px;
    margin: 7% auto;
}

.new_ul li:hover .news_hide {
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 0;
    top: 65px;
}

.new_ul li:hover .news_hide_top {
    padding-top: 25%;
}

.new_ul li:hover .news_yy {
    transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}

.new_ul li:hover .news_p2 {
    color: #fff;
}

.new_ul li:hover .news_p1 {
    color: #fff;
}

.new_ul li:hover .news_p3 {
    margin-left: 15px;
    margin-right: 15px;
    color: #fff;
    font-size: 15px;
    margin-top: 10px;
}

.phnew h2 {
    font-size: 15px;
    margin: 0 0 10px 0;
    color: #baa173;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 10px;
    margin-right: 10px;
}

.phnew .date {
    font-size: 14px;
    color: #333;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
}

.phnew .news_d {
    font-size: 13px;
    margin-bottom: 15px;
    color: #333;
}

.padd100 {
    padding-top: 100px;
}

.newbg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background: url(../images/newbg.jpg);
}

.newleft {
    width: 65%;
    float: left;
}

.newleft .title {
    text-align: left;
    margin-top: 0;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 50px;
}

.newleft .title h4 {
    text-align: left;
    margin-bottom: 35px;
    font-size: 24px;
    line-height: 25px;
    font-weight: normal;
    color: #333;
}

.newleft .title span {
    margin-right: 30px;
    display: inline-block;
    padding-left: 25px;
    position: relative;
    font-size: 14px;
    color: #333;
}

.newleft .title span i {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-60%);
}

.newleft .title span i img {
    width: 100%;
}

.newbox {
    padding: 60px 0 80px 0;
}

.newshare {
    position: relative;
    padding-left: 45px;
    display: inline-block;
}

.newshare span {
    padding-left: 0 !important;
    font-size: 14px;
    color: #999;
    display: inline-block !important;
    position: absolute !important;
    left: 0;
    top: 45%;
    transform: translateY(-50%);
}

.newmain {
    height: auto;
    overflow: hidden;
    padding-top: 130px;
    padding-bottom: 100px;
}

.newbd p {
    font-size: 14px;
    line-height: 25px;
}

.newright {
    padding-top: 40px;
    float: right;
    width: 25%;
}

.newback {
    display: block;
    border: 1px solid #baa173;
    line-height: 45px;
    color: #baa173;
    font-size: 16px;
    padding: 0 20px;
    transition: .3s ease;
    position: relative;
}

.newback:hover {
    background: #baa173;
    color: #fff;
}

.newback span {
    transition: .3s ease;
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
    background: url(../images/plus.png);
}

.newback:hover span {
    background: url(../images/plus1.png);
    transform: rotate(90deg);
}

.pagnext {
    height: 40px;
    margin: 30px 0 0px 0;
    position: relative;
}

.pagnext span {
    display: inline-block;
}

.pagnext span.span {
    padding-right: 15px;
    z-index: 1;
    font-size: 16px;
    color: #baa173;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pagnext span.line1 {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ccc;
    top: 50%;
}

.newa {
    font-size: 18px;
}

.newa:hover {
    color: #baa173;
}


/*-------------------手机端二级菜单---------------------*/

.phnav {
    position: relative;
    width: 100%;
    height: 40px;
    background: #baa173;
    text-align: center;
}

.phnav p {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
}

.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 10px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.phnav p .navname {
    font-size: 14px;
}

.ulnav {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 5;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f2f2f2;
    display: none;
    transition: .3s ease-in-out;
}

.phnav.open .ulnav {
    display: block;
}

.ulnav li {
    font-size: 13px;
    float: left;
    width: 33.3%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #baa173;
    border-bottom: 1px solid #baa173;
}

.unline {
    border-bottom: 1px solid #baa173;
}

.ulnav2 li {
    border-bottom: none;
}

.ulnav4 li:nth-child(4) {
    border-bottom: none;
}

.ulnav5 li:nth-child(4),
.ulnav5 li:nth-child(5) {
    border-bottom: none;
}

.ulnav6 li:nth-child(4),
.ulnav6 li:nth-child(5),
.ulnav6 li:nth-child(6) {
    border-bottom: none;
}

.ulnav7 li:nth-child(4),
.ulnav7 li:nth-child(5),
.ulnav7 li:nth-child(6) {
    border-bottom: none;
}


/*-----------------分页---------------------*/

.pagbox {
    text-align: center;
    margin: 80px 0 80px 0;
}

.pagbox a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #c2c2c2;
    font-size: 16px;
    color: #afafaf;
    margin: 0 5px;
}

.pagbox a:hover {
    background: #baa173;
    color: #fff;
    border: 1px solid #baa173;
}

.pagbox a.active {
    background: #baa173;
    color: #fff;
    border: 1px solid #baa173;
}

.pagbox a i {
    font-size: 20px;
}

.pag {
    text-align: center;
    padding: 50px 0;
}

.pag a {
    margin: 0 5px;
}

.pag .pre {
    display: inline-block;
    width: 100px;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    color: #ccc;
    border: 1px solid #ccc;
}

.pag .pagnum a.active {
    color: #fff;
    background: #baa173;
    border: 1px solid #baa173;
}

.pag .pagnum a {
    display: inline-block;
    width: 40px;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    color: #ccc;
    border: 1px solid #ccc;
}

.pag a:hover {
    color: #fff;
    background: #baa173;
    border: 1px solid #baa173;
}

.pag .pre a {
    background: none;
    color: #ccc;
    border: none;
    display: inline-block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    margin: 0;
}

.pag .pre {
    margin: 0 5px;
}


/*---------------------------产品中心----------------------------------*/


/*---------------------------加盟中心----------------------------------*/

.join_s2 {
    padding: 100px 0;
    background: url(../images/joinbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.join_s2 .ctitle {
    margin-bottom: 80px;
}

.zsjm_con1_con2 .ctitle {
    padding-left: 90px;
}

.ctspan span {
    margin-top: 15px;
}

.zsjm_con1_div {
    margin: 80px 0 150px 0;
}

.divBox {
    padding: 100px 0 20px 0;
}

.ej_nav {
    position: relative;
    height: 600px;
}

.ej_nav span {
    display: block;
}

.ej_nav span img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.ej_nav_div {
    position: relative;
    z-index: 2;
    padding-top: 135px;
    text-align: center;
}

.ej_nav_div h1 {
    color: white;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
}

.ej_nav_div h1:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #baa173;
    margin: 25px auto 0;
}

.ej_nav_div p {
    font-size: 18px;
    color: rgba(250, 250, 250, .5);
    line-height: 30px;
    margin-top: 30px;
}

.ej_nav_u1 {
    font-size: 0;
}

.ej_nav_u1 li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    text-align: center;
    line-height: 100px;
}

.ej_nav_u1 li a {
    display: block;
    position: relative;
    font-size: 16px;
    color: #9e9e9e;
}

.ej_nav_u1 li a:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #baa173;
    position: absolute;
    top: -1px;
    left: 0;
    transition: 0.4s ease-out;
    transform: scaleX(0);
}

.ej_nav_u1 li:hover a:after,
.ej_nav_u1 li.active a:after {
    transform: scaleX(1);
}

.ej_nav_u1 li:hover a,
.ej_nav_u1 li.active a {
    color: #baa173;
}

.ej_nav_list {
    background: rgba(0, 0, 0, .2);
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-top: 1px solid rgba(250, 250, 250, .1);
    height: 180px;
}

.gsjj_con1 {
    background: url(../images/jj1_02.jpg) no-repeat center center;
    background-size: cover;
}

.gsjj_con1_div1 {
    background: white;
    box-sizing: border-box;
    font-size: 0;
    padding: 55px 90px;
    box-shadow: 0 0px 29px -1px grey;
    transform: translateY(-72px);
    position: relative;
}

.gsjj_con1_div1_left {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    box-sizing: border-box;
    padding-right: 140px;
}

.gsjj_con1_div1_left h1 {
    font-size: 24px;
    color: #282828;
    font-weight: bold;
}

.gsjj_con1_div1_left h1:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #282828;
    margin-right: 10px;
}

.gsjj_con1_div1_left p {
    font-size: 16px;
    line-height: 30px;
    color: #555555;
    margin-top: 30px;
}

.gsjj_con1_div1_left a {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #2c3238;
    font-size: 14px;
    margin-right: 10px;
    color: white;
    margin-top: 85px;
}

.gsjj_con1_div1_left a:hover {
    background: #baa173;
}

.gsjj_con1_div1_right {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
}

.gsjj_con1_div1_right img {
    width: 100%;
}

.gsjj_con1_div1:after {
    content: '';
    display: block;
    width: 10px;
    height: calc(100% - 42px);
    position: absolute;
    top: 72px;
    right: -40px;
    background: rgba(130, 133, 136, .1);
}

.gsjj_con1_div1:before {
    content: '';
    display: block;
    width: 80%;
    height: 10px;
    position: absolute;
    bottom: -40px;
    right: -40px;
    background: rgba(130, 133, 136, .1);
}

.gsjj_con1_div1_left:before {
    content: '';
    display: block;
    width: 10px;
    height: 30px;
    position: absolute;
    bottom: -30px;
    left: calc(20% + 40px);
    background: rgba(130, 133, 136, .1);
}

.gsjj_con1_div2 {
    text-align: center;
    margin-top: 50px;
    padding-bottom: 100px;
}

.gsjj_con1_div2 h1 {
    font-size: 24px;
    color: #282828;
    font-weight: bold;
}

.gsjj_con1_div2 h1:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #282828;
    margin-right: 10px;
}

.gsjj_con1_div2 p {
    font-size: 16px;
    line-height: 30px;
    color: #555555;
    margin-top: 30px;
}

.gsjj_con1_div2 p:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #baa173;
    margin: 30px auto 0;
}

.gsjj_con1_div2_u1 {
    font-size: 0;
    margin-top: 80px;
}

.gsjj_con1_div2_u1 li {
    display: inline-block;
    vertical-align: top;
    width: 16.6%;
    text-align: center;
}

.gsjj_con1_div2_u1 li span {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
}

.gsjj_con1_div2_u1 li span:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #baa173;
    background: rgba(255, 214, 0, .2);
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0.5);
    border-radius: 50%;
    transition: 0.4s ease-out;
    opacity: 0;
}

.gsjj_con1_div2_u1 li span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #d3d5d7;
    transition: 0.4s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.4);
    border-radius: 50%;
}

.gsjj_con1_div2_u1 li p {
    font-size: 16px;
    color: #555555;
    margin-top: 30px;
}

.gsjj_con1_div2_u1 li p:after {
    display: none;
}

.gsjj_con1_div2_u1 li span font {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    background: rgba(255, 214, 0, 1);
    border-radius: 50%;
    transition: 0.4s ease-out;
}

.gsjj_con1_div2_u1 li:hover span:after,
.gsjj_con1_div2_u1 li.active span:after {
    transform: scale(1.2);
    opacity: 1;
}

.gsjj_con1_div2_u1 li:hover span:before,
.gsjj_con1_div2_u1 li.active span:before {
    transform: scale(1.5);
}

.gsjj_con1_div2_u1 li:hover {
    cursor: pointer;
}

.gsjj_con1_div2_u1 li:nth-child(1) span font {
    background: url(../images/icon1.png) no-repeat center center transparent;
}

.gsjj_con1_div2_u1 li:nth-child(2) span font {
    background: url(../images/icon2.png) no-repeat center center transparent;
}

.gsjj_con1_div2_u1 li:nth-child(3) span font {
    background: url(../images/icon3.png) no-repeat center center transparent;
}

.gsjj_con1_div2_u1 li:nth-child(4) span font {
    background: url(../images/icon4.png) no-repeat center center transparent;
}

.gsjj_con1_div2_u1 li:nth-child(5) span font {
    background: url(../images/icon5.png) no-repeat center center transparent;
}

.gsjj_con1_div2_u1 li:nth-child(6) span font {
    background: url(../images/icon6.png) no-repeat center center transparent;
}

.gsjj_con1_div2_u1 li:nth-child(1):hover span font,
.gsjj_con1_div2_u1 li:nth-child(1).active span font {
    background: url(../images/icon1_a.png) no-repeat center center #baa173;
}

.gsjj_con1_div2_u1 li:nth-child(2):hover span font,
.gsjj_con1_div2_u1 li:nth-child(2).active span font {
    background: url(../images/icon2_a.png) no-repeat center center #baa173;
}

.gsjj_con1_div2_u1 li:nth-child(3):hover span font,
.gsjj_con1_div2_u1 li:nth-child(3).active span font {
    background: url(../images/icon3_a.png) no-repeat center center #baa173;
}

.gsjj_con1_div2_u1 li:nth-child(4):hover span font,
.gsjj_con1_div2_u1 li:nth-child(4).active span font {
    background: url(../images/icon4_a.png) no-repeat center center #baa173;
}

.gsjj_con1_div2_u1 li:nth-child(5):hover span font,
.gsjj_con1_div2_u1 li:nth-child(5).active span font {
    background: url(../images/icon5_a.png) no-repeat center center #baa173;
}

.gsjj_con1_div2_u1 li:nth-child(6):hover span font,
.gsjj_con1_div2_u1 li:nth-child(6).active span font {
    background: url(../images/icon6_a.png) no-repeat center center #baa173;
}

.gsjj_con2 {
    padding: 100px 0;
}

.gsjj_con2 .divBox {
    position: relative;
}

.gsjj_con2_div {
    font-size: 0;
}

.gsjj_con2_div span,
.gsjj_con2_div aside {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.gsjj_con2_div span img {
    width: 100%;
}

.gsjj_con2_div aside {
    box-sizing: border-box;
    padding-left: 80px;
}

.gsjj_con2_div aside h1 {
    font-size: 20px;
    color: #282828;
    margin-top: 0;
}

.gsjj_con2_div aside p {
    font-size: 16px;
    color: #555555;
    line-height: 30px;
    margin-top: 30px;
}

.gsjj_con2 .swiper-pagination {
    display: none;
}

.gsjj_con2_btn .swiper-button-prev,
.gsjj_con2_btn .swiper-button-next {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    width: 42px;
    height: 42px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    background-size: 10px;
    opacity: 0.5;
    background-color: white;
    transition: 0.3s ease-out;
}

.gsjj_con2_btn {
    position: absolute;
    left: calc(50% + 80px);
    bottom: 0;
    z-index: 2;
}

.gsjj_con2_btn .swiper-button-prev:hover,
.gsjj_con2_btn .swiper-button-next:hover {
    opacity: 1;
}

.gsjj_con2_btn .swiper-button-next {
    margin-left: 10px;
}

.gsjj_con3 {
    background: url(../images/sss_02.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    height: 714px;
    position: relative;
    text-align: center;
}

.gsjj_con3_middle img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.gsjj_con3_left,
.gsjj_con3_middle,
.gsjj_con3_right {
    display: inline-block;
    vertical-align: middle;
}

.gsjj_con3_left img {
    transform: translateX(85px);
}

.gsjj_con3_left {
    margin-top: 105px;
    transform: translateX(111px);
}

.gsjj_con3_right {
    box-sizing: border-box;
    padding-left: 238px;
    margin-top: 266px;
}

.gsjj_con3_right p {
    font-size: 14px;
    color: rgba(250, 250, 250, .5);
    text-indent: 16px;
    text-align: left;
    margin-top: 20px;
}

.gsjj_con3_right_p2 {
    transform: translateX(-35px);
}

.gsjj_con3_right h2 {
    width: 340px;
    height: 60px;
    text-align: center;
    font-size: 22px;
    color: white;
    font-weight: bold;
    line-height: 60px;
    margin-top: 30px;
    background: url(../images/na_03.png) no-repeat;
    background-size: 100% 100%;
    transform: translateX(-137px);
}

.gsjj_con3_right_p3 {
    transform: translateX(-125px);
}

.fzlc {
    padding-bottom: 30px;
}

.fzlc .gsjj_con1_div1_left h1:before,
.fzlc .gsjj_con1_div1:after,
.gsjj_con1_div1:before,
.gsjj_con1_div1_left:before {
    display: none;
}

.fzlc .gsjj_con1_div1_left h1 {
    font-family: arial;
    font-size: 45px;
    font-weight: bold;
    color: #baa173;
    text-transform: uppercase;
}

.fzlc .gsjj_con1_div1_left h1 span {
    font-size: 18px;
    color: #555555;
    vertical-align: middle;
}

.fzlc .gsjj_con1_div1_left {
    width: 55%;
}

.fzlc .gsjj_con1_div1_right {
    width: 45%;
}

.fzlc_con1 .divBox {
    font-size: 0;
    padding: 45px 0;
    position: relative;
}

.fzlc_con1_u1 a {
    display: block;
    background: transparent;
}

.fzlc_con1_u1_left,
.fzlc_con1_u1_middle,
.fzlc_con1_u1_right {
    display: inline-block;
    vertical-align: middle;
}

.fzlc_con1_u1_left {
    width: 110px;
    text-align: center;
    position: relative;
}

.fzlc_con1_u1_left font {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #e1e1e1;
    border: 5px solid #f2f2f2;
}

.fzlc_con1_u1_middle {
    text-align: center;
    width: 280px;
    border-right: 1px solid #eeeeee;
    box-sizing: border-box;
}

.fzlc_con1_u1_middle p {
    font-family: "arial black";
    font-size: 40px;
    font-weight: bold;
    color: #555;
}

.fzlc_con1_u1_middle p i {
    font-size: 16px;
    font-weight: 100;
    display: inline-block;
    vertical-align: middle;
}

.fzlc_con1_u1_right {
    width: calc(100% - 390px);
    box-sizing: border-box;
    padding-left: 60px;
    font-size: 0;
}

.fzlc_con1_u1_right span {
    width: 215px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.fzlc_con1_u1_right span img {
    width: 100%;
    transition: 0.3s ease-out;
}

.fzlc_con1_u1_right aside {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 215px);
    box-sizing: border-box;
    padding-left: 45px;
}

.fzlc_con1_u1_right aside p {
    font-size: 16px;
    line-height: 30px;
    color: #555;
}

.fzlc_con1 {
    padding: 50px 0 80px;
}

.fzlc_con1_u1 li:nth-child(odd) {
    background: #f7f7f7;
}

.fzlc_con1_u1 li {
    position: relative;
}

.fzlc_con1_u1 li:nth-child(even) .divBox:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 54px;
    background: #eee
}

.fzlc_con1_u1 li:hover {
    background: url(../images/fzbg_02.jpg) no-repeat center center;
    background-size: 100% 100%;
}

.fzlc_con1_u1 li:hover .divBox:before {
    display: none;
}

.fzlc_con1_u1 li:hover .fzlc_con1_u1_right span img {
    transform: scale(1.05);
}

.fzlc_con1_u1 li:hover .fzlc_con1_u1_middle {
    border-right: 1px solid #cfccc4;
}

.fzlc_con1_div .fzlc_con1_u1_left {
    box-sizing: border-box;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 5px solid #f2f2f2;
    background: #e1e1e1;
    line-height: 100px;
}

.fzlc_con1_div .fzlc_con1_u1_right aside {
    padding-left: 0;
}

.fzlc_con1_div .fzlc_con1_u1_right h2 {
    font-size: 25px;
    font-weight: bold;
    color: #555;
}

.fzlc_con1_div .fzlc_con1_u1_right h2 font {
    font-size: 16px;
    color: #baa173;
}

.fzlc_con1_div .divBox:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 50%;
    position: absolute;
    bottom: 0px;
    left: 54px;
    background: #eee
}

.fzlc_con1_div2 span {
    font-size: 55px;
    font-weight: bold;
    color: #baa173;
    display: inline-block;
    vertical-align: middle;
}

.fzlc_con1_div2 div {
    display: inline-block;
    vertical-align: middle;
}

.fzlc_con1_div2 div p {
    font-size: 24px;
    color: #282828;
}

.fzlc_con1_div2 div font {
    font-size: 16px;
    color: #282828;
    display: block;
}

.fzlc_con1_div2 .divBox {
    display: block;
    box-sizing: border-box;
    padding-left: 195px;
    position: relative;
}

.fzlc_con1_u1_div {
    margin-left: 25px;
}

.fzlc_con1_div2 .divBox:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 54px;
    background: #eee
}

.zzzs .swiper-slide {
    width: auto !important;
}

.zzzs {
    padding: 55px 100px;
}

.zzzs .swiper-slide p {
    text-align: center;
    margin-top: 15px;
    font-size: 16px;
    color: #282828;
}

.zzzs .swiper-slide img {
    border: 3px solid #eee;
}

.zzzs_btn {
    text-align: center;
    padding-top: 40px;
    border-top: 1px solid #e5e5e5;
    margin-top: 65px;
}

.zzzs_btn .swiper-button-next,
.zzzs_btn .swiper-button-prev,
.zzzs_btn .swiper-button-disabled {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    border: 1px solid #e5e5e5;
    position: static;
    margin-top: 0;
    background-size: 10px;
    border-radius: 50%;
    pointer-events: initial;
    opacity: 1;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.zzzs_btn .swiper-button-next:hover,
.zzzs_btn .swiper-button-prev:hover {
    opacity: .6;
}

.zzzs_btn .swiper-button-prev {
    margin-right: 25px;
}

.gczs {
    font-size: 0;
}

.gczs_left {
    display: inline-block;
    vertical-align: middle;
    width: 335px;
}

.gczs_right {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 335px);
    position: relative;
}

.gczs_left h1 {
    font-size: 30px;
    color: #282828;
    font-weight: bold;
    margin: 25px 0 35px;
}

.gczs_left h1:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #282828;
    margin-right: 10px;
}

.gczs_left_ul {
    font-size: 0;
    width: 450px;
    position: relative;
    z-index: 2;
}

.gczs_left_ul li {
    display: inline-block;
    vertical-align: top;
    width: 210px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #2c3238;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.gczs_left_ul li:hover,
.gczs_left_ul li.active {
    background: #baa173;
}

.gczs_right_div {
    position: absolute;
    right: 50px;
    bottom: 60px;
    text-align: right;
}

.gczs_right_div p {
    font-size: 18px;
    color: white;
    margin-top: 10px;
}

.gczs_right span img {
    width: 100%;
    min-height: 280px;
}

.gczs_right span {
    display: block;
}

.sowe_u1 {
    position: absolute;
    bottom: 20px;
    right: 50px;
    z-index: 2;
}

.sowe_u1 li {
    display: inline-block;
    vertical-align: top;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c3bec7;
    margin-right: 5px;
    cursor: pointer;
    border: 2px solid transparent;
}

.sowe_u1 li.active {
    border: 2px solid white;
    background: transparent;
}

.sowe_u2 {
    position: absolute;
    bottom: 20px;
    right: 50px;
    z-index: 2;
}

.sowe_u2 li {
    display: inline-block;
    vertical-align: top;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c3bec7;
    margin-right: 5px;
    cursor: pointer;
    border: 2px solid transparent;
}

.sowe_u2 li.active {
    border: 2px solid white;
    background: transparent;
}

.gczs_con2 .divBox {
    box-sizing: border-box;
    padding: 90px 90px;
}

.tdzs span {
    display: block;
}

.tdzs span img {
    width: 100%;
}

.tdzs_btn .swiper-button-next,
.tdzs_btn .swiper-button-prev,
.tdzs_btn .swiper-button-disabled {
    display: inline-block;
    vertical-align: top;
    width: 55px;
    height: 55px;
    position: static;
    margin-top: 0;
    background-size: 10px;
    opacity: 1;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    background-color: #baa173;
    margin-left: 5px;
}

.tdzs_btn .swiper-button-next:hover,
.tdzs_btn .swiper-button-prev:hover {
    opacity: .9;
}

.tdzs_btn {
    margin-left: 70px;
}

.tdzs .swiper-container .swiper-button-next {
    right: 30px;
    transition: 0.3s ease-out;
    opacity: 0.5;
}

.tdzs .swiper-container .swiper-button-prev {
    left: 30px;
    transition: 0.3s ease-out;
    opacity: 0.5;
}

.tdzs .swiper-container .swiper-button-next:hover,
.tdzs .swiper-container .swiper-button-prev:hover {
    opacity: 1;
}

.tdzs .swiper-slide {
    padding-bottom: 30px;
}

.tdzs .swiper-slide p {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.tdzs .swiper-slide p font {
    display: inline-block;
    width: 230px;
    height: 55px;
    background: #2c3238;
    color: white;
    font-size: 14px;
    line-height: 55px;
    margin-right: 155px;
}

.tdzs_btn {
    position: absolute;
    bottom: 55px;
    width: 100%;
    z-index: 2;
    text-align: center;
}

.zsjm_con1 h1 {
    font-size: 24px;
    color: #282828;
    font-weight: bold;
}

.zsjm_con1 h1:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #282828;
    margin-right: 10px;
}

.zsjm .ej_nav_u1 li {
    width: 33.3333%;
}

.zsjm_u1 {
    font-size: 0;
    margin: 50px 0 20px;
    position: relative;
}

.zsjm_u1:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #eceef0;
    left: 0;
    top: 130px;
}

.zsjm_u1 li {
    display: inline-block;
    vertical-align: top;
    width: 16.6%;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid transparent;
    padding: 30px 0 40px;
    transition: 0.3s ease-in-out;
    position: relative;
    z-index: 2;
}

.zsjm_u1 li span {
    display: inline-block;
    width: 60px;
    height: 60px;
    transition: 0.3s ease-out;
}

.zsjm_u1 li font {
    display: block;
    position: relative;
    margin: 30px auto 35px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #baa173;
}

.zsjm_u1 li font:before {
    content: '';
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #baa173;
    position: absolute;
    left: -16px;
    top: -16px;
    transition: 0.3s ease-out;
    transform: scale(0);
    opacity: 0;
}

.zsjm_u1 li font:after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #baa173;
    position: absolute;
    left: -20px;
    top: -20px;
    transition: 0.3s ease-out;
    transform: scale(1.5);
    opacity: 0;
}

.zsjm_u1 li:hover font:after,
.zsjm_u1 li:hover font:before {
    transform: scale(1);
    opacity: 1;
}

.zsjm_u1 li:hover {
    background: white;
    border: 1px solid #baa173;
}

.zsjm_u1 li i {
    display: block;
    font-size: 16px;
    font-family: arial;
    color: #b6b6b6;
    transition: 0.3s ease-out;
    height: 16px;
}

.zsjm_u1 li:hover i {
    transform: translateY(-50px);
    font-size: 18px;
    color: white;
}

.zsjm_u1 li p {
    font-size: 16px;
    color: #555555;
    margin-top: 5px;
}

.zsjm_u1 li p:after {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #d9d9d9;
    margin: 20px auto 0;
}

.zsjm_u1 li:nth-child(1) span {
    background: url(../images/qq1_03.png) no-repeat center center;
}

.zsjm_u1 li:nth-child(2) span {
    background: url(../images/ww1_03.png) no-repeat center center;
}

.zsjm_u1 li:nth-child(3) span {
    background: url(../images/ee1_03.png) no-repeat center center;
}

.zsjm_u1 li:nth-child(4) span {
    background: url(../images/rr1_03.png) no-repeat center center;
}

.zsjm_u1 li:nth-child(5) span {
    background: url(../images/tt1_03.png) no-repeat center center;
}

.zsjm_u1 li:nth-child(6) span {
    background: url(../images/yy1_03.png) no-repeat center center;
}

.zsjm_u1 li:nth-child(1):hover span {
    background: url(../images/qq2_03.png) no-repeat center center;
}

.zsjm_u1 li:nth-child(2):hover span {
    background: url(../images/ww2_03.png) no-repeat center center;
}

.zsjm_u1 li:nth-child(3):hover span {
    background: url(../images/ee2_03.png) no-repeat center center;
}

.zsjm_u1 li:nth-child(4):hover span {
    background: url(../images/rr2_03.png) no-repeat center center;
}

.zsjm_u1 li:nth-child(5):hover span {
    background: url(../images/tt2_03.png) no-repeat center center;
}

.zsjm_u1 li:nth-child(6):hover span {
    background: url(../images/yy2_03.png) no-repeat center center;
}

.zssjss {
    background: url(../images/zhou_02.jpg) no-repeat center center;
    background-size: cover;
}

.zsjm_con1_con2 {
    padding-bottom: 30px;
}

.zsjm_con1_con2 h1 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 40px;
    box-sizing: border-box;
    padding-left: 90px;
    font-weight: bold;
}

.zsjm_con1_con2 h1:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    margin-right: 10px;
}

.zsjm_con1_div1 {
    box-sizing: border-box;
    border: 1px solid white;
    background: rgba(250, 250, 250, .2);
    padding: 55px;
    height: 450px;
    transition: 0.3s ease-out;
}

.zsjm_con1_div1 h2 {
    font-size: 30px;
    color: white;
    margin-top: 22px;
    transition: 0.3s ease-out;
}

.zsjm_con1_div1 span {
    display: inline-block;
    height: 30px;
    transition: 0.3s ease-out;
}

.zsjm_con1_div1 h2:after {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background: #baa173;
    margin-top: 40px;
    margin-bottom: 30px;
}

.zsjm_con1_div1 p {
    font-size: 16px;
    color: white;
    line-height: 25px;
    transition: 0.3s ease-out;
}

.zsjm_con1_div1:hover {
    background: white;
}

.zsjm_con1_div1:hover h2 {
    color: #282828;
}

.zsjm_con1_div1:hover p {
    color: #777;
}

.zsjm_con1_con2 .zzzs_btn .swiper-button-next,
.zsjm_con1_con2 .zzzs_btn .swiper-button-prev,
.zsjm_con1_con2 .zzzs_btn .swiper-button-disabled {
    border: 1px solid white;
}

.zsjm_con1_con2 .zzzs_btn {
    border: none;
    padding-top: 0;
    margin-top: 65px;
}

.zsjm_con3 {
    padding: 90px 0;
}

.zsjm_con3 h1 {
    font-size: 24px;
    color: #282828;
    margin-bottom: 40px;
    box-sizing: border-box;
    padding-left: 90px;
    margin-bottom: 25px;
    font-weight: bold;
}

.zsjm_con3 h1:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #282828;
    margin-right: 10px;
}

.zsjm_con3 span {
    display: block;
    text-align: center;
}

.zsjm_con3 span img {
    max-width: 100%;
}

.zsjm_con4 {
    background: url(../images/lx_02.jpg) no-repeat center center;
    background-size: cover;
    padding: 120px 0;
}

.zsjm_con4 .divBox {
    box-sizing: border-box;
    padding: 0 90px;
}

.zsjm_con4 p {
    font-size: 18px;
    color: white;
}

.zsjm_con4 h1 {
    font-size: 35px;
    font-family: "arial black";
    font-weight: bold;
    color: #f0c900;
    height: 35px;
    transform: translateY(-5px);
}

.zsjm_con4 form {
    font-size: 0;
    margin-top: 85px;
}

.zsjm_con4_div1 {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    border-bottom: 2px solid rgba(250, 250, 250, .1);
    width: 30%;
    margin-right: 5%;
}

.zsjm_con4 form .zsjm_con4_div1:nth-child(3n) {
    margin-right: 0;
}

.zsjm_con4_div1 label {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: rgba(250, 250, 250, .5);
}

.zsjm_con4_div1 input {
    outline: none;
    color: rgba(250, 250, 250, .5);
    font-size: 16px;
    background: transparent;
    border: none;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
}

.zsjm_con4_div2 textarea {
    border: none;
    width: 100%;
    height: 165px;
    border-bottom: 2px solid rgba(250, 250, 250, .1);
    background: transparent;
    outline: none;
    resize: none;
    color: rgba(250, 250, 250, .5);
    font-size: 16px;
    margin-top: 40px;
}

.zsjm_con4_div2 {
    position: relative;
}

.zsjm_con4_div2 input {
    width: 155px;
    height: 45px;
    text-align: center;
    background: #baa173;
    color: #282828;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.zsjm_con4_div2 input:hover {
    background: #d3b30c;
}

@media only screen and (max-width:1200px) {
    .ej_nav_div h1 {
        font-size: 14px;
    }
    .ej_nav_div h1:after {
        margin: 10px auto 0;
    }
    .ej_nav_div p {
        font-size: 12px;
        line-height: 20px;
        box-sizing: border-box;
        padding: 0 30px;
        margin-top: 10px;
    }
    .ej_nav_div {
        padding-top: 30px;
    }
    .ej_nav_list {
        position: static;
        margin-top: 30px;
        height: auto;
    }
    .ej_nav {
        height: auto;
    }
    .gsjj_con1_div1 {
        transform: translateY(0);
    }
    .case .ej_nav_u1 li {
        line-height: 50px;
        width: 50%;
    }
    .ej_nav_u1 li {
        line-height: 50px;
    }
    .ej_nav_u1 li a {
        font-size: 13px;
    }
    .gsjj_con1_div1 {
        padding: 10px;
    }
    .alzs_div_tx {
        display: none;
    }
    .alzs_div_sousuo_span {
        width: 110px;
        height: 45px;
        font-size: 13px;
        line-height: 45px;
    }
    .alzs_div_sousuo input[type=text] {
        width: calc(100% - 115px);
        margin-right: 5px;
        height: 45px;
        font-size: 12px;
        padding-left: 10px;
    }
    .alzs_div_sousuo {
        margin-bottom: 0;
    }
    .alxq_lis {
        padding: 20px 0;
    }
    .alxq_page_list a {
        font-size: 12px;
        padding: 0 10px;
    }
    .alxq_page>a {
        font-size: 12px;
    }
    .alxq_page_list a:first-child,
    .alxq_page_list a:last-child {
        padding: 0px;
    }
    .alxq_page {
        padding-bottom: 20px;
    }
    .alxq_sld .gsjj_con2_div span {
        width: 100%;
        position: relative;
    }
    .alxq_sld .gsjj_con2_btn {
        left: 0;
        bottom: 50%;
        transform: translateY(50%);
        width: 100%;
    }
    .gsjj_con2_btn .swiper-button-next {
        float: right;
        margin-right: 10px;
    }
    .gsjj_con2_btn .swiper-button-prev {
        margin-left: 10px;
    }
    .alxq_sld .gsjj_con2_div aside {
        width: 100%;
        padding: 0;
    }
    .gsjj_con1_div1 h2,
    .alxq .gsjj_con2_div aside h1 {
        font-size: 14px;
    }
    .gsjj_con2_div aside h1 {
        margin-top: 20px;
    }
    .alxq_sld .gsjj_con2_div aside h1:after {
        margin-top: 10px;
    }
    .alxq_sld .gsjj_con2_div aside p {
        margin-top: 15px;
        font-size: 12px;
        line-height: 20px;
    }
    .sliwert {
        padding: 20px 0;
    }
    .alzs_con1_u1 li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }
    .alzs_con1_u1 li:nth-child(3n) {
        margin-right: 4%;
    }
    .alzs_con1_u1 li:nth-child(2n) {
        margin-right: 0;
    }
    .sliwert .more_xq_more {
        margin-top: 20px;
    }
    .alxq_sld {
        margin-top: 20px;
    }
    .ej_nav {
        overflow: hidden;
        margin-top: 65px;
    }
    .alzs {
        padding: 20px 0;
    }
    .xwpage {
        padding: 20px 0;
    }
    .page a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .page {
        text-align: center;
    }
    .cpzs .ej_nav_list:after {
        display: none;
    }
    .cpzs_con1_u1 li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }
    .cpzs_con1_u1 li:nth-child(4n) {
        margin-right: 4%;
    }
    .cpzs_con1_u1 li:nth-child(2n) {
        margin-right: 0;
    }
    .cpzs_con1 .xwpage {
        padding-bottom: 30px;
    }
    .alxq_page_list {
        float: none;
        margin-top: 5px;
    }
    .cpzs_xq .swiper-pagination {
        width: 100%;
    }
    .cpzs_xq .gsjj_con2_div aside p font {
        width: auto;
        text-align: left;
        font-size: 12px;
    }
    .cpzs_xq .gsjj_con2_div aside p i {
        font-size: 12px;
    }
    .cpzs_xq .gsjj_con2_div aside p i {
        margin-top: 0px;
        margin-left: 0;
        line-height: 20px;
    }
    .cpzs_xq .gsjj_con2_div aside p {
        line-height: 20px;
        margin-top: 5px;
    }
    .cpzs_xq .gsjj_con2_div aside .cpzs_xq_lixiang_p {
        margin-top: 5px;
    }
    .alxq_sld .gsjj_con2_div aside h1:after {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .yqlj_con1 .gsjj_con1_div1 {
        padding: 15px;
    }
    .flsm p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 10px;
    }
    .fzlc {
        padding-top: 30px;
    }
    .gsjj_con1_div1 h2 {
        margin-bottom: 5px;
    }
    .fwzx_u1 li {
        width: 100%;
        margin-top: 65px;
    }
    .fwzx_u1_div1 span {
        width: 90px;
        height: 90px;
        line-height: 90px;
    }
    .fwzx_u1_div1 {
        padding-top: 70px;
        height: auto;
        padding-bottom: 30px;
    }
    .fwzx_u1_div1 span {
        top: -42px;
    }
    .fwzx_u1_div1 h3 {
        font-size: 14px;
    }
    .fwzx_u1_div1 p {
        font-size: 12px;
        margin-top: 5px;
    }
    .fwzx_u1 {
        margin-top: 0px;
    }
    .fwzx_u1_div1 p i {
        font-size: 16px;
    }
    .fwzx_con2 .divBox {
        padding: 20px 10px;
    }
    .fwzx_con2_div1 h1,
    .lxwm_co2 h2 {
        font-size: 14px;
    }
    .fwzx_con2_div1 h2,
    .fwzx_con2_div1 p {
        padding-left: 0;
        font-size: 12px;
    }
    .fwzx_con2_div1 h2 {
        font-size: 16px;
    }
    .fwzx_con2_div1 p {
        margin-top: 10px;
    }
    .fwzx_con2_div1 h1 {
        margin-bottom: 15px;
    }
    .fwzx_con2_div2 {
        padding: 0;
        margin-top: 20px;
    }
    .fwzx_con2_div2 dl {
        width: 100%;
    }
    .fwzx_con2_div2 dt {
        padding: 15px 0;
        font-size: 14px;
    }
    .fwzx_con2_div2 dd {
        padding: 10px 0;
    }
    .fwzx_con2_div2 dd span {
        font-size: 12px;
    }
    .fwzx_con2_div2 dd font {
        font-size: 0;
    }
    .tdzs .swiper-slide p font {
        font-size: 12px;
    }
    .tdzs_btn .swiper-button-next,
    .tdzs_btn .swiper-button-prev,
    .tdzs_btn .swiper-button-disabled {
        display: none;
    }
    .tdzs .swiper-slide p font,
    .tdzs .swiper-slide p {
        position: static;
        width: 100%;
        margin: 0;
    }
    .tdzs .swiper-slide {
        padding-bottom: 0;
    }
    .tdzs .swiper-container .swiper-button-next {
        right: 10px;
    }
    .tdzs .swiper-container .swiper-button-prev {
        left: 10px;
    }
    .fzlc_con1_u1_middle p,
    .fzlc .gsjj_con1_div1_left h1 {
        font-size: 14px;
    }
    .fzlc .gsjj_con1_div1_left h1 span {
        font-size: 12px;
    }
    .fzlc .gsjj_con1_div1_left {
        width: 100%;
        padding: 0;
    }
    .gsjj_con1_div1_left p {
        font-size: 12px;
        margin-top: 10px;
        line-height: 20px;
    }
    .fzlc .gsjj_con1_div1_right {
        width: 100%;
        margin-top: 20px;
    }
    .fzlc_con1_u1_right {
        width: 100%;
        padding: 0;
    }
    .fzlc_con1_u1_right aside {
        width: 100%;
    }
    .fzlc_con1_u1_middle p i {
        font-size: 12px;
    }
    .fzlc_con1_u1_middle {
        display: none;
    }
    .fzlc_con1_u1_right aside p {
        font-size: 12px;
        line-height: 20px;
    }
    .fzlc_con1_div .fzlc_con1_u1_right h2 {
        font-size: 14px;
    }
    .fzlc_con1_div .fzlc_con1_u1_right h2 font {
        font-size: 12px;
    }
    .fzlc_con1_u1_left {
        display: none;
    }
    .fzlc_con1_div .fzlc_con1_u1_left {
        display: block;
        margin: 0 auto 20px;
    }
    .fzlc_con1_div .fzlc_con1_u1_right {
        text-align: center;
    }
    .fzlc_con1_u1_right span {
        width: 100%;
    }
    .fzlc_con1_u1_right aside {
        padding: 0;
        margin-top: 15px;
    }
    .fzlc_con1 .divBox {
        padding: 15px 0;
    }
    .fzlc_con1_u1 li:nth-child(even) .divBox:before,
    .fzlc_con1_div .divBox:before,
    .fzlc_con1_div2 .divBox:before {
        display: none;
    }
    .fzlc_con1_div2 span {
        font-size: 25px;
    }
    .fzlc_con1_div2 div p {
        font-size: 16px;
    }
    .fzlc_con1_div2 div font {
        font-size: 12px;
    }
    .fzlc_con1 {
        padding: 20px 0 20px;
    }
    .gczs_left_ul {
        width: 100%;
    }
    .gczs_left_ul li {
        width: 48%;
        margin-right: 4%;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
    .gczs_left_ul li:last-child {
        margin-right: 0;
    }
    .gczs_right {
        width: 100%;
    }
    .gczs_left {
        width: 100%;
    }
    .gczs_left h1 {
        font-size: 14px;
        text-align: center;
        margin: 15px 0;
    }
    .gczs_left font {
        display: block;
        text-align: center;
    }
    .gczs_right {
        margin-top: 20px;
    }
    .gczs_right_div p {
        font-size: 12px;
    }
    .gczs_right_div {
        right: 10px;
    }
    .sowe_u1,
    .sowe_u2 {
        right: 10px;
    }
    .gczs_con2 .divBox {
        padding: 20px 0px;
    }
    .gsjj_con1_div1_left h1 {
        font-size: 14px;
    }
    .gsjj_con1_div1_left {
        width: 100%;
        padding: 0;
    }
    .gsjj_con1_div1_left a {
        height: 45px;
        line-height: 45px;
        font-size: 12px;
        margin-top: 20px;
        width: 130px;
    }
    .gsjj_con1_div1:after {
        display: none;
    }
    .gsjj_con1_div1_right {
        width: 100%;
        margin-top: 20px;
    }
    .gsjj_con1 {
        padding: 20px 0;
    }
    .gsjj_con1_div2 h1 {
        font-size: 14px;
    }
    .gsjj_con1_div2 p {
        font-size: 12px;
        margin-top: 10px;
        line-height: 20px;
    }
    .gsjj_con1_div2_u1 li span {
        width: 70px;
        height: 70px;
    }
    .gsjj_con1_div2_u1 li {
        width: 33.333%;
        margin-top: 20px;
    }
    .gsjj_con1_div2_u1 li p {
        font-size: 12px;
        margin-top: 15px;
    }
    .gsjj_con1_div2 {
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .gsjj_con1_div2_u1 {
        margin-top: 20px;
    }
    .gsjj_con2_div span,
    .gsjj_con2_div aside {
        width: 100%;
        padding: 0;
    }
    .gsjj_con2_div aside h1 {
        font-size: 14px;
    }
    .gsjj_con2_div aside p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 10px;
    }
    .gsjj_con2 .gsjj_con2_btn {
        width: 100%;
        text-align: center;
        position: static;
        margin-top: 20px;
    }
    .gsjj_con2 .gsjj_con2_btn .swiper-button-next {
        float: none;
    }
    .gsjj_con2 {
        padding: 25px 0;
    }
    .gsjj_con3_middle img {}
    .gsjj_con3_left,
    .gsjj_con3_left img {
        transform: translateX(0);
    }
    .gsjj_con3 {
        background-attachment: scroll;
    }
    .gsjj_con3_left img {
        width: 90px;
    }
    .gsjj_con3_left {
        margin-top: 95px;
    }
    .gsjj_con3 {
        height: 300px;
    }
    .gsjj_con3_middle img {
        height: 100%;
        display: none;
    }
    .gsjj_con3_right {
        padding-left: 0;
    }
    .gsjj_con3_right {
        margin: 0;
        margin-top: 80px;
    }
    .gsjj_con3_right p {
        font-size: 12px;
        text-indent: 0;
        margin-top: 10px;
    }
    .gsjj_con3_right_p2,
    .gsjj_con3_right_p3 {
        transform: translateX(0);
    }
    .gsjj_con3_right h2 {
        font-size: 14px;
        transform: translateX(0);
        width: 100%;
        background: none;
        height: auto;
        line-height: 1;
        text-align: left;
        margin-top: 10px;
    }
    .zzzs .swiper-slide {
        width: 100% !important;
    }
    .zzzs .swiper-slide span {
        display: block;
        text-align: center;
    }
    .zzzs .swiper-slide img {
        max-width: 100%;
        max-height: 250px;
    }
    .zzzs .swiper-slide p {
        font-size: 12px;
        margin-top: 10px
    }
    .zzzs_btn {
        padding-top: 20px;
        margin-top: 20px;
    }
    .rczp_con2_div_top span {
        font-size: 12px;
    }
    .rczp_con2_div_u1 li {
        margin-bottom: 5px;
    }
    .rczp_con2_div_bottom {
        padding: 20px;
    }
    .rczp_con2_div_bottom h1 {
        font-size: 12px;
        margin-top: 15px;
    }
    .rczp_con2_div_bottom p {
        font-size: 12px;
        line-height: 20px;
    }
    .liulang {
        width: 200px;
        font-size: 12px;
        margin-top: 15px;
    }
    .rczp_con2_div_u1 {
        margin-top: 20px;
    }
    .wzdt_div1 span {
        font-size: 12px;
        width: 80px;
        height: 40px;
        line-height: 40px;
    }
    .wzdt_div1 span a {
        font-size: 12px;
    }
    .wzdt_div1 ul {
        width: calc(100% - 81px);
    }
    .wzdt_div1 ul li a {
        font-size: 12px;
        line-height: 40px;
        padding-right: 0;
    }
    .wzdt_div1 ul li {
        margin: 0;
        display: inline-block;
        vertical-align: top;
    }
    .wzdt_div1 ul li a:after {
        display: none;
    }
    .wzdt {
        margin-top: 20px;
    }
    .xwzx .ej_nav_div {
        padding-top: 30px;
    }
    .xwzx .ej_nav_list {
        height: auto;
    }
    .xwzx_con1_left {
        width: 40%;
    }
    .xwzx_con1_middle {
        display: none;
    }
    .xwzx_con1_right {
        width: 60%;
        padding: 0;
        padding-left: 20px;
    }
    .xwzx_con1_right p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
        margin-top: 0
    }
    .xwzx_con1_right h1 {
        font-size: 14px;
    }
    .xwzx_con1_right:after {
        display: none;
    }
    .xwzx_con1_u1 li a {
        padding: 10px 0;
    }
    .xwzx_con1_u1 {
        padding-top: 20px;
    }
    .xwxq {
        padding-top: 20px;
    }
    .xwxq h1 {
        font-size: 14px;
    }
    .xwxq time {
        font-size: 12px;
        margin-top: 0px;
    }
    .xwxq time:after {
        margin-top: 15px;
    }
    .xwxq_list p {
        font-size: 12px;
        line-height: 20px;
        padding-top: 10px;
    }
    .xwxq_page {
        position: static;
        margin-top: 20px;
    }
    .xwxq_page a {
        width: 100%;
        font-size: 12px;
        margin-top: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .xwxq_list .divBox {
        padding-bottom: 20px;
    }
    .more_xq_u1 li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }
    .more_xq_u1 li:nth-child(4n) {
        margin-right: 4%;
    }
    .more_xq_u1 li:nth-child(2n) {
        margin-right: 0;
    }
    .gsjj_con1_div1_u1 li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
        margin-bottom: 0;
        margin-top: 15px;
    }
    .gsjj_con1_div1_u1 li:nth-child(4n) {
        margin-right: 4%;
    }
    .gsjj_con1_div1_u1 li:nth-child(2n) {
        margin-right: 0;
    }
    .gsjj_con1_div1_u1 li span {
        line-height: 105px;
    }
    .more_xq_u1 {
        padding-top: 25px;
    }
    .more_xq {
        padding-bottom: 25px;
    }
    .more_xq_more {
        margin-top: 5px;
    }
    .gsjj_con1_div1_u1 li p {
        opacity: 1;
        font-size: 12px;
    }
    .zsjm_u1 li {
        width: 33.3%;
        padding: 10px 0;
    }
    .zsjm_u1 li font,
    .zsjm_u1:after {
        display: none;
    }
    .zsjm_u1 li p {
        font-size: 12px;
    }
    .zsjm_u1 li i {
        font-size: 12px;
    }
    .zsjm_u1 li:hover i {
        transform: translateY(0px);
        font-size: 12px;
        color: #baa173;
    }
    .zsjm_con1 h1 {
        font-size: 14px;
    }
    .zsjm_u1 {
        margin-top: 20px;
    }
    .zsjm_con1_con2 h1 {
        font-size: 14px;
        padding: 0;
        margin-top: 20px
    }
    .zsjm_con1_div1 {
        padding: 20px;
        height: 250px;
    }
    .zsjm_con1_div1 h2 {
        font-size: 14px;
        margin-top: 10px;
    }
    .zsjm_con1_div1 h2:after {
        margin: 20px 0;
    }
    .zsjm_con1_div1 p {
        font-size: 12px;
        line-height: 20px;
    }
    .zsjm_con1_con2 .zzzs_btn {
        margin-top: 25px;
    }
    .zsjm_con1_con2 {
        padding-bottom: 0;
    }
    .zsjm_con3 h1 {
        font-size: 14px;
        padding: 0;
    }
    .zsjm_con3 {
        padding: 25px 0;
    }
    .zsjm_con4 {
        padding: 30px 0;
    }
    .zsjm_con4 .divBox {
        padding: 0;
    }
    .zsjm_con4 h1 {
        font-size: 14px;
        height: auto;
        transform: translateY(0);
    }
    .zsjm_con4 p {
        font-size: 12px;
    }
    .zsjm_con4_div1 {
        width: 100%;
    }
    .zsjm_con4_div1 label,
    .zsjm_con4_div2 textarea {
        font-size: 12px;
    }
    .zsjm_con4_div1 input {
        font-size: 12px;
        min-width: 70%;
    }
    .zsjm_con4_div2 textarea {
        margin-top: 20px;
        height: 150px;
    }
    .zsjm_con4_div2 input {
        font-size: 12px;
        width: 130px;
        height: 35px;
    }
    .zsjm_con4 form {
        margin-top: 10px;
    }
    .zsjm_con4_div1 {
        margin: 0;
    }
    .zsjm_con1_con2 h1 {
        margin: 25px 0 20px;
    }
    .ej_nav_u1 li a {
        color: #fff;
    }
    .gsjj_con1_div2_u1 li span {
        width: 55px;
        height: 55px;
    }
    .gsjj_con1_div2_u1 li span font {
        background-size: 28px !important;
    }
    .gsjj_con1_div2_u1 li {
        width: 25%;
    }
    .xwxq_list p video {
        width: 90%;
    }
    .alxq_page_list {
        display: block;
    }
    .case {
        padding-bottom: 0px;
    }
    .fwzx_u1 li>img {
        display: none;
    }
    .fwzx_u1 li {
        margin-right: 0;
    }
}


/*---------------------------服务--------------------------------*/

.ser_s1 {
    background: url(../images/serbg2.png);
    padding: 100px 0 80px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.fourg {
    background: white;
    box-sizing: border-box;
    font-size: 0;
    padding: 55px 90px 65px 90px;
    box-shadow: 0 0px 29px -1px grey;
    position: relative;
}

.fourbox {
    height: auto;
    overflow: hidden;
    padding-top: 120px;
}

.fourbox li {
    cursor: pointer;
    width: 18.4%;
    margin-left: 2%;
    float: left;
}

.fourbox li:first-child {
    margin-left: 0;
}

.fourbox li:hover .fourtxt {
    background: #baa173;
}

.fourbox li:hover h2 {
    color: #fff;
}

.fourbox li:hover h3 {
    color: #fff;
}

.fourbox li:hover p {
    color: #fff;
}

.fourbox li:hover span {
    background: #fff;
}

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

.fourbox .fourtxt {
    display: block;
    background: #eeeeee;
    height: 260px;
    text-align: center;
    box-sizing: border-box;
    padding: 80px 25px 30px 25px;
    position: relative;
    transition: 0.3s ease-out;
}

.fourbox .fourtxt h2 {
    font-weight: bold;
    font-size: 18px;
}

.fourbox .fourtxt h3 {
    font-weight: bold;
    font-size: 18px;
    margin: 5px 0;
    margin-bottom: 20px;
}

.fourbox .fourtxt span {
    display: inline-block;
    width: 50px;
    height: 3px;
    background: #baa173;
}

.fourbox .fourtxt p {
    font-size: 14px;
    transition: 0.3s ease-out;
    color: #777;
}

.fourbox .fourtxt .circle {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    border: 1px solid #eee;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -60px;
}

.fourbox .fourtxt .circle img {
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    margin-left: -20px;
    position: absolute;
}

.fourbox li>img {
    width: 100%;
}

.ser_s2 {
    background: url(../images/sbg1.jpg);
    padding: 50px 0 20px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.fourg2 {
    padding: 25px 90px 50px 90px;
}

.four_five {
    margin-top: 60px;
    height: auto;
    overflow: hidden;
}

.four_five li {
    text-align: center;
    float: left;
    margin-right: 4%;
    width: 30.66%;
    background: #fff;
    margin-bottom: 30px;
    cursor: pointer;
}

.four_five li>div {
    padding: 35px 15px;
    transition: .3s ease-in-out;
}

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

.four_five li:nth-child(6) {
    margin-right: 0
}

.four_five li h3 {
    font-size: 18px;
    margin: 20px 0 10px 0;
    font-weight: bold;
}

.four_five li:hover>div {
    background: #baa173;
}

.four_five li:hover h3 {
    color: #fff;
}

.four_five li:hover p {
    color: #fff;
}

.four_five li .img2 {
    display: none;
}

.four_five li:hover .img1 {
    display: none;
}

.four_five li:hover .img2 {
    display: inline-block;
}

.four_five li p {
    font-size: 13px;
}

.ulnav3 li {
    border-bottom: none;
}

.ser_s3 {
    padding: 80px 90px 80px 90px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.tt3 {
    margin: 45px 0 25px 0;
    font-size: 18px;
    color: rgba(0, 0, 0, .5);
}

.tt4 {
    font-size: 25px;
    font-weight: bold;
    color: #baa173;
}

.ser_s3 ul {
    height: auto;
    overflow: hidden;
}

.ser_s3 li {
    float: left;
    width: 45%;
    margin-right: 10%;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, .4);
    padding: 45px 55px;
}

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

.ser_s3 li:last-child {
    margin-right: 0;
}

.ser_s3 li h3 {
    font-size: 20px;
}

.ser_s3 li span {
    display: block;
    width: 40px;
    height: 3px;
    margin: 12px 0 30px 0;
    background: #baa173;
}

.ser_s3 li p {
    color: rgba(0, 0, 0, .6);
    font-size: 15px;
}


/*-----------------------产品中心-----------------------*/

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

a.hvr-ripple-out {
    font-size: 14px;
    margin-top: 35px;
    font-family: '幼圆';
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #baa173;
    color: #fff;
    width: 150px;
    line-height: 35px;
    height: 35px;
    text-decoration: none;
    margin-top: 50px;
}

a.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #baa173 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

a.hvr-ripple-out:hover:before,
a.hvr-ripple-out:focus:before,
a.hvr-ripple-out:active:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
}

.hvr-ripple-out {
    text-align: center;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #baa173;
    color: #fff;
    width: 150px;
    line-height: 35px;
    height: 35px;
    text-decoration: none;
    margin-top: 20px;
}

.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #baa173 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
}

.prosec .container {}

.proul li {
    margin-bottom: 50px;
    background: #fff;
    box-shadow: 0 0px 29px -1px grey;
}

.proul li a {
    display: block;
    position: relative;
}

.proul li .imgbox {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.proul li .imgbox img {
    width: 55%;
    vertical-align: top;
    transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
}

.proul li:hover .imgbox img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

.proul li h3 {
    font-size: 18px;
    font-weight: bold;
}

.proul li span {
    display: inline-block;
    width: 55px;
    height: 3px;
    background: #baa173;
    margin: 15px 0 25px 0;
}

.protxt {
    background: #fff;
    transition: .3s ease-in-out;
}

.proul li img {
    display: inline-block;
}

.protxt .promain>div {
    margin-bottom: 15px;
}

.proul li:nth-child(even) .imgbox {
    text-align: right;
}

.proul li:hover {
    background: #baa173;
}

.proul li:hover .protxt {
    background: #baa173;
}

.proul li:hover .hvr-ripple-out {
    background: #fff;
}

.proul li:hover h3 {
    color: #fff;
}

.proul li:hover span {
    background: #fff;
}

.proul li:hover .hvr-ripple-out:before {
    border: #fff solid 6px;
}

.proul li:hover .hvr-ripple-out {
    color: #baa173;
}


/*------------------关于我们----------------------*/

.absec1 {
    padding: 100px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background: url(../images/aboutbg.png);
}

.absec1 .container {
    background: #fff;
    box-shadow: 0 0px 29px -1px grey;
    padding: 50px 5%;
    position: relative;
}

.usimg {
    position: relative;
    z-index: 1;
    text-align: right;
    overflow: hidden;
}

.usimg .aimg {
    width: 50%;
}

.usimg img {
    -webkit-filter: grayscale(0);
    transition: .3s ease-in-out;
}

.aboutxt {
    height: calc(100% - 83px);
    margin-top: 30px;
    overflow-y: auto;
    padding-right: 20px;
}

.aboutxt p {
    text-indent: 20px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
}


/* 设置滚动条的样式 */

.aboutxt::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}


/* 滚动槽 */

.aboutxt::-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 5px;
}


/* 滚动条滑块 */

.aboutxt::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #baa173;
}

.aboutxt::-webkit-scrollbar-thumb:window-inactive {
    background: #baa173;
}

.absec3 {
    padding: 100px 0;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background: url(../images/hbg.jpg);
}

.honul {
    height: auto;
    overflow: hidden;
    margin: 80px 0 40px 0;
}

.honul li {
    float: left;
    margin-left: 6%;
    width: 47%;
    position: relative;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, .3);
    padding: 40px 25px 40px 130px;
    margin-bottom: 30px;
    height: 320px;
    transition: .3s ease-in-out;
}

.honul li:nth-child(2N+1) {
    margin-left: 0;
}

.hnum {
    font-size: 50px;
    color: #baa173;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 130px;
    text-align: center
}

.htxt h3 {
    font-size: 20px;
    font-weight: bold;
}

.htxt span {
    display: inline-block;
    width: 40px;
    height: 3px;
    background: #baa173;
    margin: 20px 0 30px 0;
}

.htxt p {
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, .7);
    height: 150px;
    display: block;
    overflow-y: auto;
}


/* 设置滚动条的样式 */

.htxt p::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}


/* 滚动槽 */

.htxt p::-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 5px;
}


/* 滚动条滑块 */

.htxt p::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #baa173;
}

.htxt p::-webkit-scrollbar-thumb:window-inactive {
    background: #baa173;
}

.abjj {
    padding: 60px 0;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background: url(//cdn.xypt.top/6c32ade8/21/01/936c15aad9fb74dc7a4e7ec49bd227182a1617d0.jpg);
}
.abjj .company img{max-width: 100%;
    height: auto !important;
    width: auto !important;}
.ab1 {
    padding: 100px 0;
    text-align: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background: url(//cdn.xypt.top/6c32ade8/21/01/1baf833e88c6cbaee8f30ef913be5199e2d213ce.jpg);
}

.ab1 h2 {
    font-size: 50px;
    color: #333;
    margin: 30px 0 40px 0;
}

.ab1 p {
    color: #333;
    font-size: 16px;
    line-height: 2;
}

.ab1 span {
    display: inline-block;
    width: 2px;
    height: 80px;
    background: #333;
    margin: 30px 0;
}

.company {
    background: rgba(255, 255, 255, 1);
    padding: 45px 5%;
    width: 70%;
    box-shadow: 0 0px 29px -1px grey;
    margin-top: -70px;
    
}

.company p {
    font-size: 15px;
    line-height: 3;
    margin-bottom: 10px;
    /*text-indent: 20px;*/
}

.honul li:hover {
    cursor: pointer;
    background: rgba(186, 161, 115, .5);
}

.absec4 {
    padding: 100px 0;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background: url(../images/aboutbg.png);
}

.absec4 .container {
    width: 78%;
}

.ulxx {
    margin: 90px 0 40px 0;
}

.ulxx li {
    position: relative;
    background: #fff;
}

.ulxx li .imgbox {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.ulxx li .imgbox img {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
}

.ulxx li:hover .imgbox img {
    transform: scale(1.1);
}

.brandt {
    border-bottom: 1px solid #ccc;
    line-height: 65px;
    color: rgba(186, 161, 115, .5);
    font-size: 20px;
}

.ulxx li .imgtxt {
    padding: 45px 40px;
    width: 50%;
}

._brand {
    margin-top: 30px;
    height: calc(100% - 96px);
    overflow-y: auto;
}

._brand h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

._brand p {
    margin-bottom: 5px;
    font-size: 14px;
}


/* 设置滚动条的样式 */

._brand::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}


/* 滚动槽 */

._brand::-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 5px;
}


/* 滚动条滑块 */

._brand::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #baa173;
}

._brand::-webkit-scrollbar-thumb:window-inactive {
    background: #baa173;
}

.brand {
    width: 100%;
    position: relative;
    background: #fff;
    margin-top: 90px;
}

.brandimg {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.brandimg img {
    width: 50%;
    vertical-align: top;
    transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
}

.brandimg:hover img {
    transform: scale(1.1);
}

.absec5 {
    padding: 100px 0;
}

.absec5 .container {
    width: 78%;
}

.dsztxt h3 {
    font-size: 22px;
    font-weight: bold;
}

.dsztxt span {
    display: inline-block;
    width: 65px;
    height: 2px;
    background: #baa173;
    margin: 20px 0 50px 0;
}

.dsztxt p {
    font-size: 15px;
    line-height: 25px;
}

.tdsec {
    padding: 100px 0 50px 0;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background: url(../images/joinbg1.jpg);
}

.tdsec .container {
    width: 78%;
}

.tdsec ul {
    height;
    auto;
    overflow: hidden;
}

.tdsec li {
    float: left;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background: rgba(255, 255, 255, .8);
    height: 330px;
    padding: 20px 20px;
    border-bottom: 2px solid #baa173;
    margin-left: 2%;
    width: 23.5%;
    margin-bottom: 50px;
}

.tdsec li:nth-child(4N+1) {
    margin-left: 0;
}

._bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    right: 0;
    top: 100%;
    z-index: 1;
    background: rgba(186, 161, 115, .8);
    transition: .3s ease-in-out;
}

.tdsec li:hover ._bg {
    top: 0;
}

.td_txt {
    position: relative;
    z-index: 2;
}

.td_txt {
    padding: 45px 25px;
}

.td_txt h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    transition: .3s ease-in-out;
}

.td_txt p {
    font-size: 15px;
    transition: .3s ease-in-out;
}

.tdsec li:hover h3 {
    color: #fff;
}

.tdsec li:hover p {
    color: #fff;
}

.azsec {
    padding: 100px 0 50px 0;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background: url(../images/azbg.jpg);
}

.azt {
    text-align: center;
}

.azt h3 {
    font-size: 25px;
}

.azt p {
    font-size: 15px;
}

.azul {
    height: auto;
    overflow: hidden;
    margin-top: 80px;
    margin-bottom: 40px;
    padding: 20px;
}

.azul li {
    cursor: pointer;
    float: left;
    margin-left: 4%;
    width: 30.66%;
    position: relative;
    box-shadow: 0 0px 29px -1px grey;
    overflow: hidden;
}

.azul li:first-child {
    margin-left: 0;
}

.azsec .container {
    width: 78%;
}

._an {
    position: relative;
    z-index: 1;
    background: #fff;
}

._an_t {
    padding: 40px 20px;
    text-align: center;
}

._an_t h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px
}

._an_t p {
    font-size: 20px;
}

._an_img {
    overflow: hidden;
}

._an_img img {
    width: 100%;
    transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
}

.azul li:hover ._an_img img {
    transform: scale(1.1);
}

._ao {
    z-index: 3;
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    width: 100%;
    height: 100%;
    background: #baa173;
    transition: .3s ease-in-out;
    opacity: 0;
    padding: 45px 65px;
    text-align: center;
}

.azul li:hover ._ao {
    top: 0;
    opacity: 1;
}

._ao h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px
}

._ao span {
    display: inline-block;
    font-size: 20px;
    margin-bottom: 35px;
}

._ao p {
    font-size: 17px;
    line-height: 25px;
}

._ao h2 {
    position: relative;
    border: 1px solid #000;
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    text-align: center;
    margin-bottom: 20px
}

._ao h2 img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    margin-left: -27px;
}

.azt span {
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #baa173;
    margin: 10px 0 25px 0;
}

.sale {
    height: auto;
    overflow: hidden;
    margin: 80px 0 0 0;
}

.sale li {
    cursor: pointer;
    float: left;
    margin-left: 4%;
    width: 30.66%;
    position: relative;
    margin-bottom: 35px;
    overflow: hidden;
}

.sale li img {
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
}

.sale li .etxt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 18px;
    background: rgba(186, 161, 115, .6);
    height: 50px;
    line-height: 50px;
    z-index: 3;
    color: #fff;
}

.sale li:nth-child(3N+1) {
    margin-left: 0;
}

.sale li:hover img {
    transform: scale(1.1);
}

.pny {
    padding: 100px 0;
}

.pny .container {
    width: 78%;
    height: auto;
    overflow: hidden;
}

.newbd img {
    max-width: 100%;
    height: auto !important;
}

.pagespan {
    color: #333;
    display: block;
    line-height: 25px;
    font-size: 18px;
}

.p_left {
    float: left;
    width: 55%;
    height: auto;
    overflow: hidden;
}

.p_left img {
    width: 100%;
}

.p_right {
    margin-left: 60%;
}

.p_right h1 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}

.p_right li {
    margin-bottom: 10px;
    position: relative;
    color: rgb(104, 104, 104);
    list-style: none;
    padding-left: 75px;
    font-size: 15px;
    min-height: 22px;
}

.p_right li span {
    display: inline-block;
    width: 75px;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
}

.p_right li img {
    width: 100px;
}

.p_right .btns {
    margin-top: 20px;
    padding-top: 20px;
    overflow: hidden;
    border-top: 1px dashed #aaaaaa;
}

.p_right .btns a {
    margin-bottom: 8px;
    float: left;
    display: block;
    height: 41px;
    line-height: 39px;
    color: #fff;
    text-align: center;
    background-color: rgb(186, 161, 115);
    border: 1px solid rgb(186, 161, 115);
}

.p_right .btns a.a1 {
    width: 49%;
}

.p_right .btns a.a2 {
    width: 49%;
    margin-left: 2%;
}

.p_right .btns a.a3 {
    width: 100%;
}

.p_right .btns a:hover {
    background: rgba(186, 161, 115, .7);
}

.tit8 {
    height: 42px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    font-size: 20px;
    margin-top: 80px;
    margin-bottom: 80px
}

.tit8 span {
    margin: 1px;
    padding: 0 30px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 14px;
    background-color: rgba(186, 161, 115, 1);
}

.detail img {
    max-width: 100%;
    margin-bottom: 15px;
}

.p_main {
    height: auto;
    overflow: hidden;
}


/*---------------------------高端定制---------------------------*/

.section_gd {
    position: relative;
}

.section_gd>img {
    position: relative;
    z-index: 1;
    width: 100%;
}

.section_gd .container {
    position: absolute;
    left: 5%;
    top: 0;
    right: 5%;
    bottom: 0;
    z-index: 3;
}

.gd_txt h3 {
    font-size: 25px;
}

.gd_txt span {
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #baa173;
    margin: 10px 0 25px 0;
}

.gd_txt p {
    font-size: 14px;
    color: #333;
    line-height: 25px;
}

.gd_txt1 h3 {
    color: #fff;
}

.gd_txt1 p {
    color: #fff;
}

.gd_txt2 h3 {
    color: #fff;
}

.gd_txt2 p {
    color: #fff;
}

.gd_txt3 h3 {
    color: #333;
}

.gd_txt3 p {
    color: #333;
}

.gd_txt4 h3 {
    color: #fff;
}

.gd_txt4 p {
    color: #fff;
}

.gd_txt4 span {
    background: #fff;
}

.gd {
    padding: 100px 0;
}

.gd ul {
    padding-top: 50px;
    height: auto;
    overflow: hidden;
}

.gd li {
    margin-bottom: 50px;
    float: left;
    margin-left: 4%;
    width: 48%;
}

.gd li:nth-child(2N+1) {
    margin-left: 0;
}

.gd li img {
    width: 100%;
}


/*-----------------------------------------辅助产品------------------------------------------*/

.fzul li {
    margin-bottom: 30px;
}

.fzul .brand_box {
    background: rgba(255, 255, 255, .8);
}

.fzul li h5 {
    display: block;
    margin-left: auto;
    margin-right: auto width: 35px;
    height: 35px;
    background: url(../images/more.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.fzul li:nth-child(4N+1) {
    margin-left: 0;
}

.newleft video {
    width: 100%;
}


/*-----------------------------------------品牌历程------------------------------------------*/

.history_box {
    position: relative;
    margin-top: 120px;
    padding-top: 180px;
}

.history_line {
    position: absolute;
    left: 50%;
    width: 2px;
    height: 100%;
    background-color: #bebebe;
    top: 40px;
    transform: translateX(-50%);
}

.history_box .years {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/year.png) no-repeat scroll left top;
    width: 40px;
    height: 40px;
    top: 0;
}

.history_box ul {
    height: auto;
    overflow: hidden;
}

.history_box li {
    position: relative;
    height: auto;
    overflow: hidden;
}

.history_box li:nth-child(odd) .histxt {
    float: left;
    background-color: #fff;
    padding: 40px;
    display: block;
    color: #676767;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    width: 44%;
}

.history_box li h3 {
    font-size: 26px;
    font-weight: bold;
    color: #baa173;
    margin-bottom: 10px;
}

.history_box li p {
    color: #999;
    font-size: 15px;
}

.history_box li:nth-child(even) .histxt .sj {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 40px solid #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
}

.history_box li img {
    max-width: 100%;
    margin-top: 15px;
}

.cpmore {
    text-decoration: underline;
}

.zdxx li {
    float: left;
    margin-left: 2%;
    width: calc(96% / 3);
    cursor: pointer;
}

.zdxx li:nth-child(3N+1) {
    margin-left: 0 !important;
}

.zdxx li:nth-child(4N+1) {
    margin-left: 2%;
}

.zdxx {
    margin-bottom: 50px;
}


/*----------------技术---------------------*/

.techul {
    margin: 80px 0 50px 0;
    background: #fff;
    position: relative;
    z-index: 2;
    height: auto;
    overflow: hidden;
}

.techul li {
    width: calc(100%/3);
    float: left;
}

.techul li:nth-child(even) {
    background: #f0f0f0;
}

.techul li>div {
    padding: 55px 40px;
}

.techul li {
    height: 400px;
}

.techul li h2 {
    font-size: 18px;
    color: #baa173;
    margin-bottom: 30px;
}

.jyxt {
    position: relative;
    z-index: 2;
    height: auto;
    overflow: hidden;
    margin: 80px 0 50px 0;
}

.jyxt li {
    cursor: pointer;
    float: left;
    margin-left: 2%;
    background: #f0f0f0;
    width: calc(94% / 4);
    position: relative;
    height: 250px;
}

.jyxt .d_no {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 2;
    transition: .56s;
}

.jyxt .d_no img {
    margin-bottom: 25px;
}

.jyxt .d_on {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: #baa173;
    opacity: 0;
    color: #fff;
    transition: .56s;
}

.jyxt .d_on div {
    padding: 0 40px;
    width: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 25px;
}

.jyxt li:hover .d_on {
    opacity: 1;
}

.jyxt li:hover .d_no {
    opacity: 0;
}

.jyxt li:nth-child(1) {
    margin-left: 0;
}

.jyxt li h3 {
    font-size: 18px;
}

.ulxx p {
    font-size: 16px;
    line-height: 25px;
}


/*-----------------首页产品-------------------*/

.en {
    font-family: Arial;
}

.ico_t {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ico_t05 {
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}


/*.pro_fl .pro_fl_box ul{width:1349px;margin:0 auto;}*/

.pro_fl .pro_fl_box li {
    float: left;
    width: 11.66%;
    height: 481px;
    overflow: hidden;
    cursor: pointer;
}

.pro_fl .pro_fl_box li.cur {
    width: 30%;
}

.pro_fl .pro_fl_box .pro_fl_list {
    background-position: right top;
    background-repeat: no-repeat;
}

.pro_fl .pro_fl_box li:last-child {
    float: right;
}

.pro_fl .pro_fl_box li ._list_title02 {
    display: none;
    height: 390px;
}

.pro_fl .pro_fl_box li ._list_title01 {
    display: block;
    font-size: 25px;
    color: #fff;
    text-align: center;
    padding: 188px 0px;
}

.pro_fl .pro_fl_box li:nth-child(1) ._list_title01 {
    background: rgba(219, 162, 50, .7);
}

.pro_fl .pro_fl_box li:nth-child(2) ._list_title01 {
    background: rgba(0, 0, 0, .7);
}

.pro_fl .pro_fl_box li:nth-child(3) ._list_title01 {
    background: rgba(80, 129, 80, .7);
}

.pro_fl .pro_fl_box li:nth-child(4) ._list_title01 {
    background: rgba(77, 144, 232, .7);
}

.pro_fl .pro_fl_box li:nth-child(5) ._list_title01 {
    background: rgba(185, 90, 98, .7);
}

.pro_fl .pro_fl_box li:nth-child(6) ._list_title01 {
    background: rgba(186, 161, 115, .7);
}

.pro_fl .pro_fl_box li:nth-child(7) ._list_title01 {
    background: rgba(142, 93, 72, .7);
}

.pro_fl .pro_fl_box li:nth-child(1).cur ._list_title02 {
    background: rgba(219, 162, 50, .7);
}

.pro_fl .pro_fl_box li:nth-child(2).cur ._list_title02 {
    background: rgba(0, 0, 0, .7);
}

.pro_fl .pro_fl_box li:nth-child(3).cur ._list_title02 {
    background: rgba(80, 129, 80, .7);
}

.pro_fl .pro_fl_box li:nth-child(4).cur ._list_title02 {
    background: rgba(77, 144, 232, .7);
}

.pro_fl .pro_fl_box li:nth-child(5).cur ._list_title02 {
    background: rgba(185, 90, 98, .7);
}

.pro_fl .pro_fl_box li:nth-child(6).cur ._list_title02 {
    background: rgba(186, 161, 115, .7);
}

.pro_fl .pro_fl_box li:nth-child(7).cur ._list_title02 {
    background: rgba(142, 93, 72, .7);
}

.pro_fl .pro_fl_box li ._list_title01 ._title {
    line-height: 26px;
    margin-bottom: 80px;
    font-size: 22px;
}

.pro_fl .pro_fl_box li ._list_title01 ._title_ico {
    width: 40px;
    height: 40px;
    background: url(../images/right_arr.png) no-repeat center;
    margin: 0 auto;
}

._l_ico_title {
    font-size: 18px;
}

.pro_fl .pro_fl_box li.cur ._list_title01 {
    display: none;
}

.pro_fl .pro_fl_box li.cur .pro_fl_list {
    padding: 45px;
}

.pro_fl .pro_fl_box li.cur ._list_title02 {
    color: #fff;
    padding: 64px 74px 78px 42px;
    display: block;
}

.pro_fl .pro_fl_box li.cur ._list_title02 ._list_title02_box {
    width: 100%;
    overflow: hidden;
}

.pro_fl .pro_fl_box li ._list_title02 ._title02_l {
    width: 40%;
    text-align: center;
    font-size: 25px;
    float: left
}

.pro_fl .pro_fl_box li ._list_title02 ._title02_l ._l_ico {
    width: 80px;
    height: 80px;
    margin: 50px auto 20px;
}

.pro_fl .pro_fl_box li ._list_title02 ._title02_r {
    width: 55%;
    font-size: 13px;
    line-height: 24px;
    float: left;
    margin-left: 5%;
}

.pro_fl .pro_fl_box li ._list_title02 ._title02_r ._r_text {
    height: 100px;
    overflow: hidden;
    margin-bottom: 40px;
}

.pro_fl .pro_fl_box li ._list_title02 ._title02_r ._r_more {
    display: block;
    width: 118px;
    height: 37px;
    border: 1px solid #fff;
    line-height: 37px;
    text-align: center;
}

.pro_fl .pro_fl_box li ._list_title02 ._title02_r ._r_more:hover {
    color: #fff;
}

.pro_fl .pro_fl_box li ._list_title02 ._title02_l ._l_ico img {
    width: 100%;
    ;
}

.pro_home .pro_fl {
    margin-bottom: 90px;
}

.pro_home .pro_hot {
    margin-bottom: 80px;
}

.pro_home .pro_hot_hd {
    text-align: center;
    margin-bottom: 55px;
}

.pro_home .pro_hot_hd ._hot_hd_title {
    font-size: 45px;
    color: #1d1d1d;
    margin-bottom: 20px;
}

.pro_home .pro_hot_hd ._hot_hd_text {
    padding: 0px 234px;
    font-size: 14px;
    color: #4b4b4b;
    line-height: 24px;
}

.pro_home .pro_hot_bd {
    position: relative;
}

.pro_home .pro_hot_bd .pro_list_box {
    height: 490px;
    overflow: hidden;
}

._r_more {
    color: #fff;
    text-decoration: none;
}

.pro_fl {
    margin-bottom: 80px;
    height: 500px;
}

.yzbox {
    display: none;
    position: fixed;
    z-index: 99999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .7)
}

.yzbd {
    width: 1040px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -520px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.yzclose {
    position: absolute;
    right: -45px;
    top: -2px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    margin-top: 2.5px;
    background: url(../images/myclose.png);
}

.yzmain {
    height: 100%;
    width: 100%;
    padding: 30px;
}

.yzmain iframe {
    width: 100%;
    min-height: 25px;
}

.yztable {
    margin: 0 auto;
    height: auto;
    border: 1px solid #D3D8F7;
}

.yztable tr td {
    font-weight: normal;
    border-left: 1px solid #D3D8F7;
    padding: 10px 6px;
}

.yztable tr>td:first-child {
    border-left: none;
}

.yztable tr:nth-child(1) {
    background: #EBECFE;
}

.yztable tr:nth-child(1) td {
    font-size: 16px;
}

.yztable tr:nth-child(2) td {
    font-size: 14px;
}

.yztable tr:nth-child(2) {
    background: #fff;
}

.yztable1 {
    height: auto;
    border: 1px solid #D3D8F7;
}

.yztable1 tr td:first-child {
    background: #EBECFE;
    font-weight: bold;
    font-size: 14px;
}

.yztable1 tr td:last-child {
    background: #fff;
    border-left: none;
    font-size: 13px;
}

.yztable1 tr td {
    font-weight: normal;
    border-left: 1px solid #D3D8F7;
    padding: 5px 10px 5px 15px;
}

.yztable1 tr {
    border-bottom: 1px solid #D3D8F7;
}

.yztable1 tr:last-child {
    border-bottom: none;
}

.yztable1 tr td {
    border-left: 1px solid #D3D8F7;
}

.yztable1 tr td:first-child {
    border-left: none;
}

.ser_s3 .sbox {
    height: auto;
    overflow: hidden;
    margin-top: 80px;
}

.ser_s3 .sbox li {
    position: relative;
    margin-bottom: 30px;
    width: 100% !important;
}

.ser_s3 .sbox li .simg {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.ser_s3 .sbox li .simg img {
    width: 100%;
    display: inline-block;
    width: 55%;
    vertical-align: top;
    transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
}

.ser_s3 .sbox li h3 {
    font-size: 20px;
}

.ser_s3 .sbox li span {
    display: block;
    width: 40px;
    height: 3px;
    margin: 12px 0 50px 0;
    background: #baa173;
}

.ser_s3 .sbox li .stxt {
    background: #fff;
    padding: 70px 55px;
    box-shadow: 0 0px 29px -1px grey;
}

.ser_s3 .sbox li:nth-child(2) {
    margin-bottom: 0;
}

.ul_7.t_center li {
    width: auto;
    padding: 0 40px;
    position: relative;
}


.ul_7.t_center .xypg-left-subnav{
    position: absolute;
    left: 0;
    bottom: 100px;
    width: 100%;
    padding: 10px 10px;
    background: rgba(0, 0, 0, .2);
    filter: alpha(Opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
.ul_7.t_center .xypg-left-subnav a{
     display: block;
    font-size: 14px;
    line-height: 1.7;
    line-height: normal;
    padding: 10px 0;
    color: #ccc;
    height:auto;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
.ul_7.t_center .xypg-left-subnav a:hover{
    color: #baa173;
}
.ul_7.t_center li:hover .xypg-left-subnav{
    filter: alpha(Opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}



@media (max-width: 1500px) {
    .tdsec li {
        height: 350px
    }
    .tdsec li {
        padding: 10px
    }
    .td_txt {
        padding: 25px;
    }
    .techul li>div {
        padding: 40px 35px;
    }
    .techul li {
        height: 440px;
    }
}

@media (min-width: 1441px) {
    .new_ul li .newpic img,
    .hm-brand .brand-info .b-i_pic img {
        height: 265px
    }
}

@media (max-width: 1440px) {
    .new_ul li .newpic img,
    .hm-brand .brand-info .b-i_pic img {
        height: 185px
    }
}

@media (max-width: 1300px) {
    .ul_7.t_center li {
        padding: 0 25px;
    }
}

@media (max-width: 640px) {
    .new_ul li .newpic img,
    .hm-brand .brand-info .b-i_pic img {
        height: auto
    }
    .zdxx li:nth-child(4n+1) {
        margin-left: 2% !important;
    }
    .zdxx li:nth-child(3n+1) {
        margin-left: 2% !important;
    }
    .zdxx li:nth-child(2n+1) {
        margin-left: 0 !important;
    }
    .zdxx {
        margin-bottom: 30px;
    }
    .techul li {
        width: 100%;
        height: auto;
    }
    .techul li>div {
        padding: 25px 15px;
    }
    .techul li h2 {
        font-size: 17px;
        margin-bottom: 15px
    }
    .techul {
        margin: 30px 0;
    }
    .jyxt li {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 15px;
        height: 150px;
    }
    .jyxt .d_no img {
        margin-bottom: 15px;
    }
    .ulxx p {
        font-size: 14px;
        line-height: 20px;
    }
    .yzbd {
        width: 98%;
        margin-left: -49%;
    }
    .yzclose {
        right: 0;
        top: -45px;
    }
    .jyxt li h3 {
        font-size: 16px;
    }
}