@charset"utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

ol,
ul {
    list-style: none;
}

th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input,
textarea,
select {
    *font-size: 100%;
    outline: none;
    background-color: transparent;
    border: none;
}

a {
    text-decoration: none;
}

i {
    vertical-align: middle;
    font-style: normal;
}

body {
    font: 14px/1.5 "Microsoft YaHei", tahoma, arial, 'Hiragino Sans GB', "\5b8b\4f53", sans-serif;
    color: #3c3c3c;
    overflow-x: hidden;
    background: #f4f4f4;
}

img {
    vertical-align: middle;
}

.clearfix:after {
    display: block;
    content: "";
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.bt1c {
    border-top: 1px solid #ccc;
}

.mb100 {
    margin-bottom: 100px;
}

.w1000,
.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.mt75p {
    margin-top: 75px;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.pubh2 em,
.pubh2 span {
    vertical-align: top;
    display: inline-block;
}

.pubh2 em {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    color: #cac8c6;
    font-style: normal;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: 38px;
}

.pubh2 span {
    color: #ed6d00;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 5px;
    display: block;
    padding-top: 10px;
}

.pubh2f span {
    color: #fff;
}

.pubmore {
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    width: 120px;
    line-height: 36px;
    height: 36px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0 14px;
    position: relative;
}

.pubmore i {
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 12px;
    top: 0;
    background: url(../images/more-c.png) center no-repeat;
    width: 14px;
}

.pagebanner {
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    position: relative;
}

.pagebanner video {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}

.pubpage {
    text-align: center;
    display: none;
}

/*小导航*/
#c_top_wr .til {
    height: 90px;
    border-bottom: 1px solid #ececec;
}

#c_top_wr {
    position: relative;
    z-index: 5;
}

#c_top_wr .t_ban {
    height: 187px;
    background: no-repeat center 80px;
    background-attachment: fixed;
}

#c_top_wr .t_ban .h1 {
    float: right;
    text-align: right;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    opacity: .3;
    filter: alpha(opacity=30);
    text-align: right;
    letter-spacing: 9px;
    margin-bottom: 20px;
    margin-right: -8px;
}

#c_top_wr .t_ban .w1200 {
    padding: 50px 0 0;
}

#c_top_wr .t_ban .h2 {
    float: right;
    text-align: right;
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    opacity: .4;
    filter: alpha(opacity=40);
    text-align: right;
    letter-spacing: -2px;
    font-family: "RUBIK-REGULAR-WEBFONT";
}

#c_top_wr .til {
    height: 90px;
    border-bottom: 1px solid #ececec;
}

#c_top_wr .til h1 {
    float: left;
    font-size: 48px;
    color: #d9d7d5;
    line-height: 90px;
    font-family: "RUBIK-REGULAR-WEBFONT";
    font-weight: normal;
}

#c_top_wr .til,
#c_top_wr .til h1,
#c_top_wr .curr_wr,
#c_top_wr .curr_wr .crm {
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
}

#c_top_wr .til .sub_nav {
    position: relative;
    float: right;
    width: 820px;
}

#c_top_wr .til .sub_nav .ul {
    font-size: 0;
    letter-spacing: -4px;
    text-align: right;
}

#c_top_wr .til .sub_nav a {
    display: inline-block;
    font-size: 14px;
    line-height: 90px;
    letter-spacing: normal;
    color: #726f6b;
    margin-left: 30px;
    font-weight: bold;
}

#c_top_wr .til .sub_nav .sub_slider {
    position: absolute;
    bottom: -1px;
    height: 2px;
    /* width:50px;*/
    background: #f90;
}

#c_top_wr .til .sub_nav a.on {
    color: #f90;
}

#c_top_wr .w1200 {
    position: relative;
}

/*#c_top_wr .curr_wr{position:absolute; left:0; bottom:0; height:110px; width:100%;}*/
#c_top_wr .crm {
    position: absolute;
    top: 0;
    height: 90px;
    line-height: 90px;
    /* margin-left:-40px;*/
    width: 370px;
    font-size: 0;
    letter-spacing: -4px;
}

#c_top_wr .crm-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("../images/crm-icon.png") no-repeat left bottom;
    letter-spacing: normal;
}

#c_top_wr .crm a {
    display: inline;
    background: url("../images/crm-arr-icon.png") no-repeat 15px center;
    padding-left: 30px;
    font-size: 14px;
    color: #929292;
    letter-spacing: normal;
    font-weight: bold;
}

.c_w_l,
.c_w_r {
    padding-top: 80px;
}

.c_w_l {
    float: left;
    position: relative;
    width: 400px;
    border-right: 1px solid #ececec;
    padding-bottom: 20px;
}

.c_w_l:after {
    position: absolute;
    top: 240px;
    left: -40px;
    content: " ";
    display: block;
    width: 9px;
    height: 48px;
    background: url("../images/icon_adorn1.png") no-repeat center;
    display: none;
}

.c_w_r {
    float: right;
    width: 800px;
    padding-left: 40px;
}

.c_brief_box .h1 {
    font-size: 24px;
    color: #ff9000;
    line-height: 24px;
    letter-spacing: 10px;
    margin-bottom: 7px;
}

.c_brief_box .h2 {
    font-size: 32px;
    color: #cbc9c7;
    line-height: 36px;
    font-family: "RUBIK-REGULAR-WEBFONT";
    margin-bottom: 24px;
    letter-spacing: -1px;
}

.c_brief_box p {
    margin-bottom: 24px;
}

.c_brief_box strong {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #f90;
}

.c_top_lump {
    padding-top: 80px;
}

.c_p:after {
    display: block;
    height: 0;
    clear: both;
    content: "\200B";
}

.c_p em {
    float: left;
}

.c_p strong {
    float: right;
}

body.start #c_top_wr .til,
body.start #c_top_wr .crm {
    height: 80px;
}

body.start #c_top_wr .til h1,
body.start #c_top_wr .til .sub_nav a,
body.start #c_top_wr .crm {
    line-height: 80px;
}



.pubtable {
    display: table;
    width: 100%;
}

.pubtd {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #efefef;
}

.pubh4 {
    font-size: 20px;
    color: #ef8022;
}

.pubtab2 {
    margin-top: 20px;
}

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

.pubtab2 table td {
    border: 1px solid #efefef;
    padding: 5px;
}





.pubmore {
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    width: 120px;
    line-height: 36px;
    height: 36px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0 14px;
    position: relative;
    text-align: left;
}

.pubmore i {
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 12px;
    top: 0;
    background: url(../images/more-c.png) center no-repeat;
    width: 14px;
}

.pubmore span {
    position: relative;
    left: 0;
}

.pubmore:hover {
    background: #ed6d00;
    border-color: #ed6d00;
    color: #fff;
}

.pubmore:hover span {
    left: 10px;
}

.pubmore:hover i {
    right: 22px;
}


.noticemore {
    margin-top: 50px;
}

.noticemore a {
    width: 160px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
}

.noticemore a:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 100%;
    top: 100%;
    background: #ef8022;
}

.noticemore span {
    position: relative;
    z-index: 5;
}

.noticemoref a {
    color: #888;
    border-color: #888;
}

.noticemore a:hover,
.noticemore a.on {
    color: #fff;
    border-color: #ef8022;
}

.noticemore a.on:before,
.noticemore a:hover:before {
    top: 0;
}




@-webkit-keyframes aaab {
    0% {
        height: 0%;
    }

    100% {
        height: 50%;
    }
}

@-moz-keyframes aaab {
    0% {
        height: 0%;
    }

    100% {
        height: 50%;
    }
}

@keyframes aaab {
    0% {
        height: 0%;
    }

    100% {
        height: 50%;
    }
}

@-webkit-keyframes aaac {
    0% {
        width: 0%;
    }

    100% {
        width: 50%;
    }
}

@-moz-keyframes aaac {
    0% {
        width: 0%;
    }

    100% {
        width: 50%;
    }
}

@keyframes aaac {
    0% {
        width: 0%;
    }

    100% {
        width: 50%;
    }
}

.s_wrapper {
    position: relative;
    width: 120px;
    height: 120px;
    overflow: hidden;
    display: inline-block;
}

.s_wrapper:after {
    position: absolute;
    width: 112px;
    height: 112px;
    left: 3px;
    top: 3px;
    border: 1px solid #fff;
    content: '';
    border-radius: 50%;
}

.s_circle {
    box-shadow: 0 0 8px rgba(204, 204, 204, 0.1);
    -webkit-box-shadow: 0 0 8px rgba(204, 204, 204, 0.1);
    -moz-box-shadow: 0 0 8px rgba(204, 204, 204, 0.1);
    width: 50%;
    position: absolute;
    overflow: hidden;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.s_circle:before {
    position: absolute;
    content: '';
    width: 114px;
    height: 114px;
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.aboutbr .s_wrapper:before {
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 85% auto;
}

.aboutbra1 .s_wrapper:before {
    background-image: url(../images/aboutbra01.png);
}

.aboutbra2 .s_wrapper:before {
    background-image: url(../images/aboutbra02.png);
}

.aboutbra3 .s_wrapper:before {
    background-image: url(../images/aboutbra03.png);
}

.aboutbra4 .s_wrapper:before {
    background-image: url(../images/aboutbra04.png);
}

.s_circle1 {
    left: 0;
    top: 0;
    height: 50%;
    width: 0;
}

.s_circle2 {
    right: 0;
    top: 0;
}

.s_circle3 {
    right: 50%;
    bottom: 0;
}

.s_circle4 {
    top: 50%;
    right: 0;
}

.s_circle1:before {
    left: 0;
    top: 0;
}

.s_circle2:before {
    left: -60px;
    top: 0;
}

.s_circle3:before {
    bottom: 0;
    left: 0;
}

.s_circle4:before {
    left: -60px;
    top: -60px;
}

.active .s_circle2 {
    animation: aaab 1s linear forwards;
    -webkit-animation: aaab 1s linear forwards;
    -moz-animation: aaab 1s linear forwards;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
}

.active .s_circle4 {
    animation: aaab 1s linear forwards;
    -webkit-animation: aaab 1s linear forwards;
    -moz-animation: aaab 1s linear forwards;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
}

.active .s_circle3 {
    animation: aaab 1s linear forwards;
    -webkit-animation: aaab 1s linear forwards;
    -moz-animation: aaab 1s linear forwards;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
}

.active .s_circle1 {
    animation: aaac 1s linear forwards;
    -webkit-animation: aaac 1s linear forwards;
    -moz-animation: aaac 1s linear forwards;
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
}

.bslider3img img,
.b2slider2m img,
.bslider3imgbg,
.btpage5mqtawz,
.bslider5 img,
.btpage4mimg,
.btpage4mbg,
.b2slider1 span,
.b2slider1 em,
.btnav li:before,
.pub2b span,
.slider1tre a,
.btpage4a,
.btpage5b a,
.btpage4a i,
.btpage4a img,
.btpage4desc h2,
.puba,
.puba i,
.puba span,
.btlogo img,
.btnav a,
.homepage span,
.homepage span:before,
.homepage span:after,
.btpage2p2,
.btpage2desc,
.btpage2bg,
.btpage2sm img {
    transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -moz-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.promainrdesc .p_ico1 {
    transition-delay: 0.2s;
}

.promainrdesc .p_ico2 {
    transition-delay: 0.3s;
}

.promainrdesc .p_ico3 {
    transition-delay: 0.4s;
}

.yywap {
    padding: 10px 5%;
    box-sizing: inherit !important;
    text-align: right;
}

.yywap a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
}

.yywap em {
    padding: 0 10px;
    font-size: 12px;
    font-style: normal;
}

.onebbn .opagination {
    width: 8px;
    height: 54px;
}

.opagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    -webkit-opacity: 1;
    margin: 10px 0 !important;
    float: left;
    width: 100%;
    text-align: center;
}

.opagination .swiper-pagination-bullet-active {
    background: #b7955c;
}

.onebbn {
    right: 50%;
    margin-right: -580px;
}

.bobtn {
    display: none;
}

.btsearch {
    display: none;
}

.btnav:before {
    display: none;
}

.mean-container {
    background: #fff;
}


.conmap {
    background: none;
    position: relative;
}

.BMap_pop,
.BMap_shadow,
.BMapLabel {}

.BMap_Marker {
    animation: sxdd 1s linear 1s infinite alternate both running;
}

.BMap_Marker img {
    width: 20px;
}

#dituContent {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.iw_poi_title {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap
}

.iw_poi_content {
    font: 12px arial, sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}


.slider1img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: 4s;
    transition: 4s;
}

.slider1img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    display: none;
}

.cz_footer {
    display: none;
}

.more a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.97, 0, 0.63, 1);
    transition: -webkit-transform 0.9s cubic-bezier(0.97, 0, 0.63, 1);
    transition: transform 0.9s cubic-bezier(0.97, 0, 0.63, 1);
    transition: transform 0.9s cubic-bezier(0.97, 0, 0.63, 1),
        -webkit-transform 0.9s cubic-bezier(0.97, 0, 0.63, 1);
}

.more.text-r {
    text-align: right;
}

.more.type2 a {
    color: #010101;
}

.more-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.more-text:after {
    content: "";
    margin-right: 7.5px;
    margin-left: 7.5px;
    width: 0;
    height: 1px;
    display: block;
    background-color: currentColor;
    -webkit-transition: width .4s cubic-bezier(0.25, 1, 0.25, 1);
    transition: width .4s cubic-bezier(0.25, 1, 0.25, 1);
}

.more-circle {
    width: 40px;
    height: 40px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1px solid currentColor;
    border-radius: 50%;

}

.more-circle:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
    background-color: currentColor;
    -webkit-transition: background-color 0.9s cubic-bezier(0.97, 0, 0.63, 1), -webkit-transform .4s cubic-bezier(0.25, 1, 0.25, 1);
    transition: background-color 0.9s cubic-bezier(0.97, 0, 0.63, 1), -webkit-transform .4s cubic-bezier(0.25, 1, 0.25, 1);
    transition: transform .4s cubic-bezier(0.25, 1, 0.25, 1), background-color 0.9s cubic-bezier(0.97, 0, 0.63, 1);
    transition: transform .4s cubic-bezier(0.25, 1, 0.25, 1), background-color 0.9s cubic-bezier(0.97, 0, 0.63, 1), -webkit-transform .4s cubic-bezier(0.25, 1, 0.25, 1);
}

.more-icon {
    width: 6px;
    height: 10px;
    position: relative;
    z-index: 1;
    -webkit-transition: color .4s cubic-bezier(0.25, 1, 0.25, 1), opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: color .4s cubic-bezier(0.25, 1, 0.25, 1), opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: color .4s cubic-bezier(0.25, 1, 0.25, 1), transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    transition: color .4s cubic-bezier(0.25, 1, 0.25, 1), transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.more-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.more a:hover .more-text:after {
    width: 20px;
}

.more a:hover .more-circle:after {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}

.more a:hover .more-icon {
    color: #097ae4;
}

.more.type2 a:hover .more-icon {
    color: #fff;
}






.ppubmore {
    display: inline-block;
    cursor: pointer;
}

.ppubmore span,
.ppubmore i {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    z-index: 26;
}

.ppubmore span:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 1px;
    background: #d6d6d6;
    top: 43px;
}

.ppubmore i {
    margin-left: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.ppubmore i:before,
.ppubmore i:after {
    position: absolute;
    content: '';
}

.ppubmore i:before {
    background: url(../images/icon5.png) center no-repeat;
}

.ppubmore i:after {
    background: url(../images/icon11_1.png) center no-repeat;
    left: 0;
}

.ppubmore:hover i:before,
.ppubmore i:after {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}

.ppubmore:hover i:after {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}


/*首页*/


.pagehomea {
    display: block;
    text-align: left;
    margin-top: 60px;
    width: 160px;
}

.pagehomea span {
    font-style: normal;
}

.pagehomea span,
.pagehomea i {
    font-size: 14px;
    color: #fff;
}

.pagehomea i {
    width: 38px;
    height: 38px;
    border: 1px solid #fff;
    margin-left: 20px;
}

.pagehomea span:before {
    background: rgba(255, 255, 255, 0.3);
    top: 20px;
}

.pagehomea i:before,
.pagehomea i:after {
    width: 12px;
    height: 12px;
    top: 13px;
}

.pagehomea i:before {
    left: 13px;
}

.pagehomea i:after {
    left: 0;
}

.pagehomea:hover i:after {
    left: 13px;
}

.pagehomea:hover i:before {
    left: 16px;
}

.pagehomea:hover i {
    border-color: #b7955c;
}

.pagehomea:hover span {
    color: #b7955c;
}

.pagehomea:hover span:before {
    top: 22px;
    background: #b7955c;
}

.pagehomea i:before {
    background: url(../images/icon11.png) center no-repeat;
}


/*关于*/
.pageaboutp1,
.pageaboutp2 {
    max-width: 580px;
    text-align: justify;
}

.pageaboutp2 {
    margin-top: 20px;
    height: 65px;
}

.pageaboutp22 {
    width: 380px;
    color: #000;
    margin-left: 20px;
    height: 100%;
}

.pageaboutimg {
    width: 50%;
    max-width: 660px;
    position: absolute;
    top: 14%;
    right: -210px;
}



.pageabout {
    color: #6e6e6e;
    font-size: 40px;
    line-height: 55px;
}

.pageaboutp3 {
    margin-top: 40px;
    text-align: left;
}

.pageaboutp3 span,
.pageaboutp3 i {
    font-size: 16px;
    color: #1b1b1b;
}

.pageaboutp3 i {
    width: 38px;
    height: 38px;
    border: 1px solid #1b1b1b;
}

.pageaboutp3 i:before,
.pageaboutp3 i:after {
    width: 12px;
    height: 12px;
    top: 13px;
}

.pageaboutp3 i:before {
    left: 13px;
}

.pageaboutp3:hover i:after {
    left: 13px;
}

.pageaboutp3:hover i:before {
    left: 26px;
}

.pageaboutp3:hover i {
    border-color: #b7955c;
}

.pageaboutp3:hover span {
    color: #b7955c;
}

.pageaboutp3:hover span:before {
    top: 48px;
    background: #b7955c;
}

.pageaboutp3 .ppubmore span:before {
    display: none;
}

.btpage2img {
    position: absolute;
    width: 50%;
    max-width: 660px;
    top: 30%;
    right: -210px;
}

.pageaboutp4 {
    margin-top: 100px;
}

.pageaboutp4 li {
    display: inline-block;
    float: left;
    margin: 0;
    color: #333333;
    font-size: 16px;
    line-height: 40px;
    margin-right: 180px;
}

.pageaboutp4 h4 {
    color: #b7955c;
    font-size: 60px;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    position: relative;
    line-height: 62px;
}

.pageaboutp4 i {
    font-weight: bold;
    position: absolute;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    right: -20px;
    top: -24px;
}

.pageaboutp4 .m2 {
    width: 20px;
    height: 20px;
    background: url(../images/pmd.png) center no-repeat;
    background-size: 15px auto;
    display: block;
    top: -5px;
    right: -25px;
}

.pageaboutp4 .w2 {
    width: 230px;
}


/*案例*/
.btpage3p {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

.pagecase {
    height: 100%;
}

.pagecasebtn {
    position: absolute;
    width: 38px;
    height: 38px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 22;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
}

.pagecasebtn i {
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    left: 13px;
    top: 13px;
}

.pagecase-prev i {
    background: url(../images/icon4.png) center no-repeat;
}

.pagecase-next i {
    background: url(../images/icon1.png) center no-repeat;
}

.pagecase-prev {
    left: 0;
}

.pagecase-next {
    right: 0;
}

.pagecase .pagecasebtn {
    opacity: 0.7;
    -webkit-opacity: 0.7;
}

.pagecase .pagecasebtn:hover {
    opacity: 1;
    -webkit-opacity: 1;
}

.pagecase .pagecase-prev {
    left: 50px;
}

.pagecase .pagecase-next {
    right: 50px;
}

.pagecasenav {
    width: 170px !important;
    position: absolute;
    left: auto !important;
    right: 40px;
    height: auto !important;
    bottom: auto !important;
    font-size: 14px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 8;
    text-align: right !important;
}

.pagecasenav span {
    position: relative;
    float: left;
    color: #fff;
    margin: 0 !important;
    width: 140px !important;
    padding-right: 30px;
    background: none;
    border: none;
    height: auto !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    line-height: 20px;
    opacity: 1 !important;
    -webkit-opacity: 1 !important;
    margin: 18px 0 !important;
    letter-spacing: 1px;
}

.pagecase .pagecasenav span {
    text-align: center;
}

.pagecasenav span:before,
.pagecasenav span:after {
    position: absolute;
    content: '';
    border-radius: 50%;
    -webkit-border-radius: 50%;
    top: 50%;
}

.pagecasenav span:before {
    right: 4px;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background: #fff;
}

.pagecasenav span:after {
    right: 0;
    margin-top: -9px;
    width: 16px;
    height: 16px;
    border: 1px solid #b7955c;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}

.pagecasenav span.swiper-pagination-bullet-active:before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    right: 3px;
}

.pagecasenav span.swiper-pagination-bullet-active:after {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}

.pagecasenav span.swiper-pagination-bullet-active {
    background: none;
    color: #b7955c;
}

.pagecasetxt {
    position: relative;
    z-index: 23;
    height: 100%;
    color: #fff;
}

.pagecasebg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
}

.pagecasebg {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .85)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .85), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .85), transparent);
    padding: 80px 30% 80px;
    box-sizing: border-box;
}

.pagecaseimg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.swiper-slide-active .pagecaseimg {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transition: all 4s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -webkit-transition: all 4s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.pagecaseh5 {
    font-size: 28px;
    line-height: 1;
    text-align: justify;
}

.pagecaseh2 {
    font-size: 32px;
    margin-top: 20px;
    line-height: 1.2;
    max-width: 456px;
    text-align: justify;
    color: #b09a62;
}

.pagecaseen {
    text-transform: uppercase;
    text-align: left;
    margin-top: 5px;
}

.pageaboutp3 {
    margin-top: 55px;
    text-align: justify;
    width: 120px;
}

.pagecasea {
    display: block;
    text-align: left;
    margin-top: 20px;
}

.pagecasea span {
    font-style: oblique;
}

.pagecasea span,
.pagecasea i {
    font-size: 14px;
    color: #fff;
}

.pagecasea i {
    width: 38px;
    height: 38px;
    border: 1px solid #fff;
}

.pagecasea span:before {
    background: rgba(255, 255, 255, 0.3);
    top: 20px;
}

.pagecasea i:before,
.pagecasea i:after {
    width: 12px;
    height: 12px;
    top: 13px;
}

.pagecasea i:before {
    left: 13px;
}

.pagecasea i:after {
    left: 0;
}

.pagecasea:hover i:after {
    left: 13px;
}

.pagecasea:hover i:before {
    left: 16px;
}

.pagecasea:hover i {
    border-color: #b7955c;
}

.pagecasea:hover span {
    color: #b7955c;
}

.pagecasea:hover span:before {
    top: 22px;
    background: #b7955c;
}

.pagecasea i:before {
    background: url(../images/icon11.png) center no-repeat;
}

.pagecaseimg:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    left: 0;
    top: 0;
    z-index: 5;
    background: url(../images/casebga.png) center no-repeat;
    background-size: 100% 100%;
    display: none;
}

.pagecasewza {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: 10%;
}

.pagecaseh2,
.pagecaseen,
.pagecasea {
    position: relative;
    opacity: 0;
    -webkit-opacity: 0;
}

.pagecaseh2 {
    left: 100px;
}

.pagecaseen {
    left: 150px;
}

.pagecasea {
    left: 300px;
}

.swiper-slide-active .pagecaseh2,
.swiper-slide-active .pagecaseen,
.swiper-slide-active .pagecasea {
    left: 0;
    opacity: 1;
    -webkit-opacity: 1;
}



/*新闻*/


.pagenew img {
    max-width: 100%;
}

.pagenew {
    height: 100%;
    background: #000;
    position: relative;
}

.pagenewl,
.pagenewr {
    box-sizing: border-box;
    height: 100%;
    width: 50%;
    position: relative;
}

.pagenewrm {
    box-sizing: border-box;
    height: 50%;
    width: 100%;
    position: relative;
}

.pagenewrm1 {
    border-top: 1px solid #818181;
}

.pagenewltxt {
    position: absolute;
    width: 60%;
    max-width: 630px;
    color: #fff;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
}

.pagenewlimg {
    width: 68%;
    max-width: 430px;
    margin: 0 auto;
}

.pagenewlimga {
    position: relative;
}

.pagenewlimgbg,
.pagenewrbg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    background: #000;
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
}

.pagenewldesc h2 {
    font-size: 24px;
    line-height: 35px;
    color: #b7955c;
    max-width: 300px;
    padding-top: 40px;
    text-align: left;
}

.pagenewldesc {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 12;
}

.pagenewldesc p {
    font-size: 16px;
    margin-top: 30px;
}

.pagenewlimgp1 {
    position: absolute;
    font-weight: bold;
    font-size: 14px;
    bottom: 15px;
    right: 20px;
    z-index: 12;
    text-align: left;
}

.pagenewlimgp1 span {
    display: block;
}


.pagenewra {
    display: block;
    position: absolute;
    left: 60px;
    top: 60px;
    right: 60px;
    bottom: 60px;
}

.pagenewrimg {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 475px;
}

.pagenewrtxt {
    width: 100%;
    max-width: 300px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.pagenewrtxt1 {
    top: 0;
    bottom: auto;
}

.pagenewrtxt {
    color: #fff;
    font-size: 20px;
}

.pagenewrtxt h2 {
    margin-top: 15px;
    text-align: left;
}

.pagenewrtxt p {
    font-size: 16px;
    text-align: left;
}

.pagenewrimg {
    opacity: 0;
    -webkit-opacity: 0;
    overflow: hidden;
}

.pagenewrimg img {
    transform: scaleY(1.12);
    -webkit-transform: scaleY(1.12);
}

.pagenewrimg {
    transition: all 477ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transition: all 477ms cubic-bezier(0.16, 0.01, 0.77, 1);
}

.pagenewrimg img {
    transition: all 377ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transition: all 377ms cubic-bezier(0.16, 0.01, 0.77, 1);
}

.pagenewra:hover .pagenewrimg {
    opacity: 1;
    -webkit-opacity: 1;
}

.pagenewra:hover .pagenewrimg img {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
}

.pagenew:hover .homepost {
    opacity: 0.3;
    -webkit-opacity: 0.3;
}

.pagenew:hover .homepost-first {
    opacity: 0.5;
    -webkit-opacity: 0.5;
}

.pagenew:hover .pagenewra:hover {
    opacity: 1;
    -webkit-opacity: 1;
}

.pagenew:hover .pagenewltxt:hover {
    opacity: 1;
    -webkit-opacity: 1;
}

.pagenew:hover .pagenewltxt:hover h2 {
    color: #fff;
}

.pagenewrtxt h2,
.homepost {
    transition: all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transition: all 277ms cubic-bezier(0.16, 0.01, 0.77, 1);
}

.pagenewlmore {
    position: absolute;
    bottom: 8%;
    padding: 12px 50px;
    background: #333;
    left: 50%;
    margin-left: -96px;
    z-index: 66;
    font-size: 16px;
    letter-spacing: 2px;
}

.pagenewlmore span {
    color: #fff;
}

.pagenewlmore:after {
    background-color: #fff;
}

.pagenewlmore:hover span {
    color: #000;
}

.ydx {
    position: absolute;
    width: 1px;
    background: #818181;
    top: 0;
    height: 0;
    left: 50%;
    transition: all 800ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transition: all 800ms cubic-bezier(0.16, 0.01, 0.77, 1);
}

.pagenewon .ydx {
    height: 100%;
}

.pnewf2 {
    width: 80%;
    min-width: 1200px;
    padding-bottom: 50px;
    height: 410px;
    overflow: hidden;
}

.swiper-wrapper {}

.pnewf2m {
    float: left;
    width: 32%;
    margin-right: 2%;
    background: #fff;
}

.pnewf2m {
    width: 404px;
    margin-right: 0;
}

.pnewf2ma {
    margin-right: 20px;
}

.pnewf2mimg {
    overflow: hidden;
}

.pnewf2mimg img {
    width: 100%;
}

.pnewf2mtxt {
    padding: 20px;
    text-align: left;
}

.pnewf2mp1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    color: #333;
}

.pnewf2mp2 {
    color: #666;
    font-size: 13px;
    line-height: 22px;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 10px;
}

.pnewf2mp3 {
    font-size: 12px;
    color: #999;
    margin-top: 15px;
}

.pnewf2ma {
    display: block;
    vertical-align: top;
}

.pnewf2ma:hover img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
}

.pnewf2ma:hover {
    box-shadow: 0 3px 15px rgba(153, 153, 153, 0.15);
    -webkit-box-shadow: 0 3px 15px rgba(153, 153, 153, 0.15);
}

.pnewf2ma:hover .pnewf2mp1 {
    color: #b7955c;
}

.swiper-container-horizontal>.swiper-scrollbar {
    width: 100%;
    left: 0;
}

.pnewf2 .swiper-scrollbar {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    margin-top: 70px;
    background: none;
    height: 4px;
}

.pnewf2 .swiper-scrollbar:before {
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 1px;
    content: '';
    background: #a8a8a8;
}

.pnewf2 .swiper-scrollbar-drag {
    background: #7d7a79;
}

.pnewf2ma,
.pnewf2ma img,
.pnewf2mp1 {
    transition: all 800ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transition: all 800ms cubic-bezier(0.16, 0.01, 0.77, 1);
}




/*底部*/

.pagefooter {
    background: #ebebeb;
    padding-top: 70px;
    line-height: 24px;
    padding-bottom: 20px;
}

.pagefooter,
.pagefooter a {
    color: #000;
}

.pagefooter h4 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    padding-bottom: 20px;
}

.pagefooterb p {
    margin-bottom: 25px;
}

.pagefooterbbp1 {
    font-size: 16px;
    line-height: 32px;
    color: #000;
}

.pagefooterbbp2 span {
    color: #000;
    font-weight: bold;
    padding-right: 15px;
}

.pagefooterbbp2 em {
    font-style: normal;
}

.pagefooterbb {
    margin-left: 80px;
}

.pagefootera {
    position: relative;
    line-height: 31px;
    text-align: right;
    margin-bottom: 30px;
}

.pagefootera img {
    height: 31px;
}

.pagefootera:before {
    position: absolute;
    left: 0;
    height: 1px;
    background: #bebebe;
    width: 100%;
    top: 16px;
    content: '';
}

.pagefootera span {
    display: inline-block;
    background: #ebebeb;
    padding-left: 22px;
    position: relative;
    z-index: 6;
    top: 1px;
}


.pagefooterbcp1 {
    position: relative;
    padding-top: 38px;
    padding-right: 0;
}

.sjt {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 14px;
    background: url(../images/sjt.svg) center no-repeat;
    background-size: auto 55px;
    width: 40px;
    height: 70px;
}

.pagefooterbcp1 a {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 40px;
    position: relative;
}

.face {
    background: url(../fonts/facebook.svg) center no-repeat;
    background-size: auto 20px;
}

.linke {
    background: url(../fonts/linkedin.svg) center no-repeat;
    background-size: auto 20px;
}

.sina {
    background: url(../fonts/sina.svg) center no-repeat;
    background-size: auto 20px;
}

.pagefooterbcp1 a:before,
.pagefooterbcp1 a:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.pagefooterbcp1 a:after,
.pagefooterbcp1 a:hover:before {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}

.pagefooterbcp1 a:hover:after {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}

.weixin:before {
    background: url(../images/weixin.png) center no-repeat;
}

.qq:before {
    background: url(../images/qq.png) center no-repeat;
}

.weixin:after {
    background: url(../images/weixin1.png) center no-repeat;
}

.qq:after {
    background: url(../images/qq1.png) center no-repeat;
}

.pagefooterbcp1 a.qq:before,
.pagefooterbcp1 a.qq:after {
    background-size: 30px auto;
}

.pagefooterbcp1 a.weixin:before,
.pagefooterbcp1 a.weixin:after {
    background-size: 36px auto;
}

.pagefooterbcp1 a:before,
.pagefooterbcp1 a:after {
    transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -moz-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.weixin span {
    display: block;
    overflow: hidden;
    text-indent: -999999999px;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 6;
}

.weixin img {
    position: absolute;
    width: 100px;
    left: -110px;
    top: -34px;
    display: none;
}

.pagefooterbc {
    text-align: right;
}

.pagefooterbcp2 a {
    display: inline-block;
    margin-left: 25px;
}

.pagefooterbbp21 {
    padding-top: 8px;
}

.pagefooterbcp2 {
    padding-top: 40px;
}

.pagefooterba3 {
    padding-top: 0;
}

.pagefooterba3 a {
    display: inline-block;
    border: 2px solid #000;
    text-align: center;
    padding: 15px 50px;
    font-size: 16px;
}

.pagefooterb {
    padding-bottom: 10px;
    border-bottom: 1px solid #bebebe;
}






/*底部*/
.pagelogo {
    position: relative;
    padding-top: 92px;
    background: #f1f1f1;
}

.pagelogoslider {
    margin-top: -56px;
    top: 50%;
}

.pagelogomimg {
    width: 100%;
    height: 112px;
    position: relative;
}

.pagelogomimg img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 100%;
}

.pagelogom {
    text-align: center;
}

.pagelogomimg .img1,
.pagelogomimg:hover .img2 {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}

.pagelogomimg .img1 {
    top: -100%;
}

.pagelogomimg:hover .img1 {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    top: 0;
}

.pagelogomimg:hover .img2 {
    top: 100%;
}


@media (max-width: 1600px) {
    .pageaboutp4 li {
        margin-left: 0;
        margin-right: 80px;
    }

}

@media (max-width: 1440px) {
    .pagefooter {
        padding-top: 40px;
        padding-bottom: 15px;
    }

    .pagefooterb {
        padding-bottom: 0;
    }

}

@media (max-width: 1366px) {
    .pagefooter {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .pagefooterb {
        padding-bottom: 0;
    }

    .pagelogomimg {
        height: 80px;
    }

    .pagelogoslider {
        margin-top: -40px;
    }

    .pagefooterba3 a {
        padding: 8px 35px;
    }

    .pagefootera {
        margin-bottom: 15px;
    }

}

.pagelogo img {
    transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -moz-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.pagelogo img,
.btpage4mtxt span:before,
.btpage4mtxt span:after,
.btpage4m {
    transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -webkit-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -moz-transition: all 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.btpage4mtxt,
.ppubmore,
.ppubmore i,
.ppubmore span,
.ppubmore i:before,
.ppubmore i:after,
.pagesbtn:before,
.pagesbtn:after,
#pagesnavs a:before,
#pagesnavs a:after {
    transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -moz-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.nav-wrap {
    padding-bottom: 5px;
}

.pagecaseh2,
.pagecaseen,
.pagecasea {
    transition: all 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -webkit-transition: all 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.pagecaseh2 {
    transition-delay: 0.2s;
}

.pagecaseen {
    transition-delay: 0.4s;
    letter-spacing: 3px;
}

.pagecasea,
.ydx {
    transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
}

.ydx {
    transition-delay: 0.01s;
    -webkit-transition-delay: 0.01s;
}

.slider1txt1 {
    position: absolute;
    top: auto;
    left: 50%;
    margin-left: -600px;
    bottom: 10%;
}

.erping {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10%;
    z-index: 666;
}

.slider1h3 {
    font-size: 30px;
    padding-bottom: 10px;
}

.slider1p1 {
    font-size: 12px;
}

.slider1h3,
.pagecaseh2,
.btpage4mtxt p {
    font-size: 26px;
    line-height: 40px;
}

.slider1p1,
.pagecaseen,
.btpage4mtxt span {
    font-size: 12px;
    line-height: 22px;
}

.nylogo {
    top: 0;
    height: auto !important;
}

.nylogo,
.pabouta,
.paboutb,
.paboutc {
    padding: 60px 0;
}

.nylogo .pagelogoslider {
    margin: 0 auto;
    top: 0;
}

.paboutaimg {
    width: 520px;
}

.paboutatxt {
    width: 625px;
}

.paboutatxt p {}

.paboutatxt {}

.history-big {
    position: relative;
}

.historg-line {
    position: absolute;
    left: 0;
    top: 165px;
    z-index: 8;
    height: 1px;
    width: 100%;
    background: #e2e5e6;
}

.d-history {
    z-index: 120;
    width: 1300px;
    padding: 20px 10px;
}

.d-history .swiper-slide {
    height: 283px;
    height: 289px;
}

.d-history-txt {
    padding: 0 28px;
    text-align: center;
    height: 100%;
    position: relative;
}

.d-history-date {
    font-size: 24px;
    color: #333333;
    padding-top: 90px;
    padding-bottom: 15px;
    text-align: center;
    line-height: 24px;
}

.d-history-date span {
    display: block;
    font-size: 12px;
    position: relative;
    top: -2px;
}

.d-history-desc {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-top: 40px;
}

.d-history-dot {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 50%;
    top: 50%;
    margin-top: 2px;
    margin-left: -4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid #595757;
    background: #595757;
}

.d-history .swiper-slide:hover .d-history-txt {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
    background: #ffffff;
}

.hisory-prev,
.hisory-next,
.logosilder-prev,
.logosilder-next {
    position: absolute;
    cursor: pointer;
    width: 36px;
    height: 36px;
    top: 153px;
}

.hisory-prev {
    left: -42px;
}

.hisory-next {
    right: -42px;
}

.hisory-prev {
    background: url(../images/fzlcobtn1.png) center center no-repeat;
}

.hisory-next {
    background: url(../images/fzlcobtn3.png) center center no-repeat;
}

.hisory-next:hover {
    background: url(../images/fzlcobtn4.png) center center no-repeat;
}

.hisory-prev:hover {
    background: url(../images/fzlcobtn2.png) center center no-repeat;
}

.d-history .swiper-slide:hover .d-history-date {
    transform: translateY(-12px);
    color: #1e865a;
}

.d-history .swiper-slide:hover .d-history-desc {
    transform: translateY(12px);
}

.d-history .swiper-slide:hover .d-history-dot {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    border: 1px solid #1e865a;
    background: #fff;
}

.d-history-date,
.d-history .swiper-slide,
.d-history-desc,
.d-history-dot,
.hisory-prev,
.hisory-next,
.logosilder-prev,
.logosilder-next,
.d-history-txt {
    transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -webkit-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
    -moz-transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
}

.history-a {
    margin: 0;
    border-top: 1px solid #d8d8d8;
    padding-top: 40px;
}

.historg-line {
    background: url(../images/xiants.png) left bottom repeat-x;
    height: 6px;
    border-bottom: 1px solid #d4d6d6;
}



.ppubh3 {
    border-left: 6px solid #1e865a;
}

.ppubh3 span,
.ppubh3 em {
    display: block;
    vertical-align: top;
    font-size: 26px;
    line-height: 28px;
    padding-left: 8px;
}

.ppubh3 em {
    font-size: 16px;
    line-height: 18px;
    padding-top: 5px;
}

.ppubh31 span {
    font-size: 20px;
    line-height: 22px;
}

.ppubh31 em {
    font-size: 14px;
    line-height: 16px;
    color: #333;
    font-style: normal;
}

.paboutb {
    background: #fafafa;
}


.paboutcm {
    width: 550px;
    box-shadow: 0 4px 10px rgba(153, 153, 153, 0.1);
    -webkit-box-shadow: 0 4px 10px rgba(153, 153, 153, 0.1);
}

.paboutctxt {
    padding: 20px 30px;
}

.paboutcslider {
    margin-top: 20px;
    height: 320px;
}

.paboutcslider a {
    color: #333;
    display: block;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    padding-left: 10px;
    position: relative;
}

.paboutcslider a:hover {
    color: #1e865a;
}

.paboutcslider a:before {
    width: 4px;
    height: 8px;
    background: #1e865a;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    content: '';
    left: 0;
    top: 6px;
    position: absolute;
}

.paboutcslider .swiper-slide {
    margin-top: 5px !important;
    height: 40px;
}

.paboutcpage {
    margin-top: 10px;
}

.paboutcpage span {
    width: 10px;
    position: relative;
    height: 10px;
    margin: 0;
    padding: 0;
    margin: 0 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #333333;
}

.paboutcpage span:before {
    left: -4px;
    top: -4px;
    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    border: 2px solid #1e865a;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: 0;
    -webkit-opacity: 0;
}

.paboutcpage .swiper-pagination-bullet-active {
    background: #1e865a;
}

.paboutcpage .swiper-pagination-bullet-active:before {
    opacity: 1;
    -webkit-opacity: 1;
}

.paboutcpage {
    text-align: center;
}

.paboutd {
    background-position: center;
    background-repeat: no-repeat;
    height: 690px;
    padding-top: 110px;
}

.paboutdimg {
    width: 720px;
    height: 580px;
    position: relative;
}

.paboutdm {
    display: block;
    line-height: 25px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #bebdbc;
}

.paboutdm:last-child {
    margin-bottom: 0;
    border: none;
    padding-bottom: 0;
}

.paboutdm p {
    height: 25px;
    overflow: hidden;
    color: #333;
}

.paboutdm p.xmmc_p {
    height: inherit;
}

.paboutdtxt {
    background: rgba(255, 255, 255, 0.9);
    margin-top: 20px;
    width: 400px;
    padding: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.paboutdthumb {
    width: 155px;
    height: 102px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

.paboutddesc {
    width: 190px;
}

.casescroll {
    height: 420px;
}

.casescroll .swiper-slide {
    height: auto;
}

.casescroll ul {
    padding-right: 30px;
}

.paboutdi {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.dzloadi {
    display: inline-block;
    width: 18px;
    height: 24px;
    background: url(../images/dzload.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.dzloadi {}

.a {
    background: url(../images/dzload.png) center no-repeat;
    width: 18px;
    height: 24px;
}

.pagebanner {}

.pagefooterc {
    padding-top: 20px;
}

.pagefooterc,
.pagefooterc a {
    display: inline-block;
    margin-right: 10px;
}

.pagefooterc a {
    color: #666;
}

.mCSB_container {
    height: 100%;
}

.pnewf2m {
    background: none;
}

.pnewf2ma {
    background: #fff;
}

.pnewf2 {
    padding-bottom: 0;
    opacity: 0;
    -webkit-opacity: 0;
    top: 80px;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    position: relative;
}

.pnewf2on {
    opacity: 1;
    -webkit-opacity: 1;
    top: 0;
    transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 16px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer:before {
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 7px;
    content: '';
    background: #a8a8a8;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    height: 4px;
    background: #7d7a79;
    margin-top: 6px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    top: 0;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    display: none;
}



.pubnav {
    background: #fdfdfd;
    border-bottom: 1px solid #e0e0e0;
}

.pubnavm {
    line-height: 70px;
    height: 70px;
    overflow: hidden;
}

.pubnav a,
.pubnav em,
.pubnav span {
    float: left;
    color: #333;
    font-size: 13px;
    height: 100%;
}

.pubnav em {
    background: url(../images/jiajiaa.png) left 26px no-repeat;
    background-size: 100% auto;
    width: 20px;
}

.pubnavl,
.pubnavr {
    height: 100%;
}

.pubnavr a.on,
.pubnavr a:hover {
    color: #1e865a;
}

.pubnavr a {
    display: inline-block;
    margin-left: 30px;
}

.pubnavr {
    text-align: right;
}

.contacta {
    padding: 60px 0;
}

.contactam {
    margin-top: 40px;
    overflow: hidden;
}

.contactam input,
.contactam textarea {
    background: none;
    border: none;
}

.contactam .otxt,
.contactam .otext,
.contactam .obtn {
    line-height: 24px;
    padding: 10px;
    border: 1px solid #999999;
}

.contactam .otxt {
    height: 24px;
    width: 335px;
    float: left;
    margin-right: 64px;
}

.contactam .otxt3 {
    margin-right: 0;
}

.contactam .otext {
    width: 1177px;
    resize: none;
}

.contactam .obtn {
    width: 110px;
    text-align: center;
    font-size: 14px;
    color: #666;
    letter-spacing: 3px;
    cursor: pointer;
}


.conmap {
    background: url(../images/conmap.jpg) center no-repeat;
    height: 685px;
}

.conmapm {
    position: relative;
    height: 100%;
}

.conmaptxt {
    position: absolute;
    right: 50%;
    margin-right: -600px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: #fff;
    padding: 80px 50px;
    color: #666666;
}

.conmapp1 {
    font-weight: bold;
    font-size: 16px;
    color: #333;
    padding-bottom: 10px;
}

.conmapp {
    margin-top: 15px;
    line-height: 22px;
    padding-left: 28px;
}

.conmapp2 {
    background: url(../images/mapicon1.png) left center no-repeat;
}

.conmapp3 {
    background: url(../images/mapicon2.png) left center no-repeat;
}

.conmapp4 {
    background: url(../images/mapicon3.png) left center no-repeat;
}

.conmapp5 {
    background: url(../images/mapicon4.png) left center no-repeat;
}

.conmapp6 {
    background: url(../images/mapicon5.png) left center no-repeat;
}

.gallery-top {
    height: 100%;
}

.smallpic {
    position: absolute;
    width: 880px;
    left: 50%;
    margin-left: -485px;
    padding: 0 45px;
    z-index: 66;
    height: 102px;
    bottom: 50px;
    right: 0;
}

.smallpicprev {
    left: -45px;
}

.smallpicnext {
    right: -45px;
}

.smallpicnext {
    background: url(../images/smallpicnext.png) center no-repeat;
    right: 0;
}

.smallpicprev {
    background: url(../images/smallpicprev.png) center no-repeat;
    left: 0;
}

.gallery-thumbs {
    height: 100%;
}

.smallpicprev,
.smallpicnext {
    width: 12px;
    height: 21px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 10;
}

.gallery-top .swiper-slide,
.smallpicimg {
    background-size: cover;
    background-position: center center;
}

.smallpicimg {
    position: absolute;
    width: 146px;
    height: 100px;
    left: 0;
    top: 0;
}

.gallery-top .swiper-slide:before,
.gallery-thumbs .swiper-slide:before {
    z-index: 6;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

.gallery-thumbs .swiper-slide:before {
    width: 146px;
    height: 100px;
    left: 1px;
    top: 1px;
}

.gallery-thumbs .swiper-slide-thumb-active .smallpicimg {
    border: 1px solid rgba(255, 255, 255, 1);
}

.gallery-thumbs .swiper-slide-thumb-active:before {
    opacity: 0;
    -webkit-opacity: 0;
}

.smallpic .swiper-button-disabled {
    opacity: 0.7;
    -webkit-opacity: 0.7;
}

.casedmore {
    width: 235px;
    position: absolute;
    z-index: 8;
    overflow: hidden;
    right: 2%;
    bottom: 87px;
}

.casedmore a {
    height: 28px;
    line-height: 28px;
    color: #fff;
    font-size: 16px;
}

.cback {
    float: left;
    padding-right: 40px;
    background: url(../images/sygcase.png) right center no-repeat;
}

.cnext {
    float: right;
    padding-left: 40px;
    background: url(../images/xygcase.png) left center no-repeat;
}

.casetxtd {
    left: 0;
    top: 0;
    padding: 0 50px;
    background: rgba(0, 0, 0, 0.55);
    z-index: 10;
    height: 100%;
    position: absolute;
    color: #fff;
}

.casetxtdh2 {
    font-size: 20px;
    padding-bottom: 20px;
}

.casetxtddesc {
    line-height: 22px;
    text-align: justify;
    height: 308px;
    overflow: hidden;
}

.casetxtddesc {
    margin-top: 20px;
}

.casetxtdp {
    line-height: 28px;
}

.casetxtdm {
    position: absolute;
    top: 50%;
    left: 45px;
    margin-top: -215px;
}

.casetxtd,
.casetxtdm {
    width: 280px;
}

.casetxtdm .mCSB_container {
    height: auto;
}



.casetxtd .mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 0;
}

.casetxtd .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background: #eee;
    width: 1px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.casetxtd .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #bfbfbf;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    width: 1px;
    left: 1px;
}

.casetxtd .mCSB_scrollTools .mCSB_dragger {
    height: 25px;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.casetxtdm .mCSB_scrollTools {
    width: 3px;
    opacity: 1;
    -webkit-opacity: 1;
}

.casetxtdm .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    margin-left: 0;
    margin-right: 0;
}

.casetxtdm .mCSB_inside>.mCSB_container {
    margin-right: 20px;
}

.casetxtbtn {
    position: absolute;
    width: 20px;
    padding-right: 20px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    height: 36px;
    right: 0;
    top: 50%;
    margin-top: -25px;
}

.casetxtbtn i {
    position: absolute;
    background: url(../images/xyg.png) center no-repeat;
    width: 8px;
    height: 100%;
    right: 8px;
    top: 0;
    background-size: 100% auto;
}

.casetxtd {
    left: -335px;
    opacity: 0.8
}

.casetxtdon {
    left: 0;
    opacity: 1;
}

.casetxtdon .casetxtbtn span {
    opacity: 0;
}

.casetxtdon .casetxtbtn i {
    transform: scaleX(-1);
}

.casetxtbtn,
.casetxtbtn i,
.casetxtbtn span,
.casetxtd {
    transition: all 0.7s ease;
}

.casephotos {
    height: auto;
}

.casephotos {
    width: 1260px;
    margin: 0 auto;
    padding-top: 50px;
    position: relative;
}

.casephotos ul {
    width: 100%;
}


.photo:hover img {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
}

.photo {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.photo:hover .title {
    bottom: 0;
    opacity: 1;
    -webkit-opacity: 1;
}

.photo .title {
    position: relative;
    line-height: 40px;
    width: 100%;
    box-sizing: border-box;
    left: 155px;
    color: #fff;
    z-index: 8;
    opacity: 0;
    top: -205px;
}

.photo:hover:before,
.photo img,
.photo .title {
    transition: all 0.4s ease;
}

.photo:hover:before {
    opacity: 1;
    -webkit-opacity: 1;
}







.casephotos .pagehomea {
    margin: 0;
    width: auto;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
}

.photo img {
    width: 400px;
    height: 400px;
}

.newmainl {
    width: 1200px;
}

.newmaindate {
    font-size: 13px;
    color: #666;
}

.newmainimg {
    overflow: hidden;
}

.newmainimg img {
    max-width: 100%;
}

.newmaintit {
    display: block;
    font-size: 16px;
    color: #222;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.newmainlcent li {
    padding: 30px;
    position: relative;
    margin-top: 40px;
}

.newmaindesc {
    color: #333;
    margin-top: 8px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    padding-right: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.newmainimg1 {
    width: 250px;
}

.newmaintxta1 {
    width: 420px;
}

.newmain .ppubmore {
    width: 120px;
    position: absolute;
    margin: 0;
    right: 30px;
    bottom: 30px;
}

.newmain .pagehomea i:before {
    background-image: url(../images/icon5.png);
    
}

.newmain .pagehomea i {
    border-color: #333;
}

.newmain .pagehomea:hover i:before {
    background-image: url(../images/icon5-1.png);
    opacity: 1 !important;
}
.newmain .pagehomea:hover i {
    border-color: #1e865a;
}
.newmain .pagehomea span {
    overflow: hidden;
    opacity: 0;
    -webkit-opacity: 0;
}

.newmainlcent li:hover a {
    color: #1e865a;
}

.newmainlcent li:hover img {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
}

.newmainltop:hover img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
}

.newmainlcent li:hover {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
}

.newmainlcent li,
.newmainlcent a,
.newmainlcent img,
.newmainrm a,
.newmainltop img {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.newmaintxta2 {
    padding: 30px;
    position: relative;
}

.newmainltop,
.newmainlcent li {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.newmaintxta2 .newmaindesc {
    padding-right: 80px;
}

.newmainltop:hover {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
}

.newmainltop:hover .newmaintit {
    color: #1e865a;
}

.newmainimg {
    display: block;
    overflow: hidden;
}

.newmainr {
    width: 370px;
}

.newmainr h3 {
    font-size: 20px;
}

.newmainr h3 span {
    border-left: 5px solid #1e865a;
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
}

.newmainrm li a {
    color: #222;
}

.newmainrm li {
    line-height: 35px;
    padding-left: 15px;
    position: relative;
}

.newmainrm li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 14px;
    width: 4px;
    height: 8px;
    background: #1e865a;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.newmainrm li:hover a {
    color: #1e865a;
}

.newmainrm {
    padding: 10px 0;
    border: 1px dashed #cccccc;
    border-left: none;
    border-right: none;
    margin-top: 15px;
}

.newmain {
    /* padding-top: 60px; */
}


.new-d-h2 {
    text-align: center;
    font-size: 16px;
    color: #222;
}

.new-d-date {
    text-align: center;
    padding-top: 10px;
    font-size: 13px;
    color: #999;
}

.new-d-txt {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 60px;
    line-height: 24px;
}

.new-d-txt p {
    padding-bottom: 10px;
}

.new-d-txt img {
    max-width: 100%;
}

.new-d-share {
    padding: 20px 0;
    text-align: right;
}

.new-d-share a {
    float: none;
    margin: 0;
    margin-left: 20px;
}

.new-d-share a {
    width: 30px;
}

.new-d-share span,
.new-d-share a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    vertical-align: top;
}

.share1 {
    background: url(../images/share1.png) center no-repeat;
}

.share2 {
    background: url(../images/share2.png) center no-repeat;
}

.share3 {
    background: url(../images/share3.png) center no-repeat;
}

.new-footer {
    padding-bottom: 70px;
}

.newback,
.newprev,
.newnext {
    display: inline-block;
    width: 110px;
    color: #333;
    height: 34px;
    line-height: 34px;
    background: #eeeeee;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
}

.new-footer span {
    display: inline-block;
    vertical-align: top;
    height: 34px;
}

.newprev,
.newnext {
    margin-left: 30px;
}

.newprev span {
    padding-left: 15px;
    background: url(../images/otherpage2.png) left center no-repeat;
}

.newnext span {
    padding-right: 15px;
    background: url(../images/otherpage1.png) right center no-repeat;
}

.newback span {
    padding-left: 15px;
    background: url(../images/otherpage2.png) left center no-repeat;
}

.teammainm {
    padding: 0 37px;
}

.teammainmaimg {
    background: url(../images/teammainbg.jpg) center bottom no-repeat;
    height: 320px;
    padding-top: 56px;
    position: relative;
}

.lead_pc {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 370px;
}

.teammimgtxt {
    right: 60px;
    top: 130px;
    width: 580px;
    position: absolute;
}

.teammimgh2 {
    font-size: 20px;
    color: #333333;
    font-weight: 600;
    padding-bottom: 5px;
}

.teammimgh3 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 12px;
}

.teammimgp1 {
    padding-bottom: 12px;
    border-bottom: 1px dashed #999999;
}

.teammimgp2 {
    padding-top: 10px;
}

.tmmath3 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.tmmatm div {
    color: #666;
}

.tmmatm h5 a {
    color: #333;
    position: relative;
    left: -5px;
}

.tmmatm h5 {
    padding-bottom: 5px;
}

.tmmatm {
    color: #666;
}

.tmmatm li {
    padding: 10px 0;
    line-height: 26px;
}

.teammainmatxt {
    padding: 0 25px;
    padding-top: 20px;
    padding-bottom: 40px;
}

.teammain {
    padding-top: 60px;
}

.tmmatm1 {
    overflow: hidden;
}

.tmmatm1 li {
    float: left;
    width: 47%;
    padding-right: 3%;
}

.teammainb {
    background: #fafafa;
    padding-top: 60px;
    margin-top: 20px;
}

.tmbh4 {
    font-size: 20px;
    font-weight: 600;
}

.tmbdesc {
    padding-top: 20px;
}

.tmblist {
    overflow: hidden;
    padding-bottom: 60px;
}

.tmblist li {
    float: left;
    position: relative;
    width: 23%;
    margin: 0 1%;
    margin-top: 2%;
}

.tmblist li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    transform: scale(0.8);
    width: 100%;
    height: 100%;
    z-index: 5;
    background: #000;
    opacity: 0;
    -webkit-opacity: 0;
}

.tmblist img {
    width: 100%;
}

.tmblist {
    width: 78%;
    margin: 0 auto;
    min-width: 1200px;
}

.tmblist p {
    position: absolute;
    color: #fff;
    z-index: 8;
    line-height: 26px;
    font-size: 16px;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    left: 0;
    top: 50%;
    opacity: 0;
    -webkit-opacity: 0;
}

.tmblist span {
    display: block;
    font-size: 14px;
}

.tmblist li:hover:before {
    opacity: 0.6;
    -webkit-opacity: 0.6;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.tmblist li:hover p {
    opacity: 1;
    -webkit-opacity: 1;
    margin-top: -26px;
}

.tmblist li:before,
.tmblist p {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.chmah3,
.chmbh3 {
    font-size: 26px;
}

.chmah3 {
    padding-bottom: 5px;
}

.cehuamaina {
    text-align: center;
    padding: 60px 0;
}

.chmap2 {
    padding: 0 80px;
    color: #666;
}

.chmap2,
.chmap1 {
    padding-top: 8px;
}

.cehuamainb {
    height: 645px;
    position: relative;
    background: url(../images/cehuamainb.jpg) center no-repeat;
}

.cehuamainbm {
    width: 1200px;
    padding: 10px;
    position: absolute;
    right: 50px;
    top: 60px;
}

.chsliderai {
    width: 75px;
    height: 65px;
    display: block;
}

.chsliderai1 {
    background: url(../images/f_icon1.png) 10px center no-repeat;
}

.chsliderai2 {
    background: url(../images/f_icon2.png) 10px center no-repeat;
}

.chsliderai3 {
    background: url(../images/f_icon3.png) 10px center no-repeat;
}

.chsliderai4 {
    background: url(../images/f_icon4.png) 10px center no-repeat;
}

.chsliderah4 {
    font-size: 16px;
    padding-top: 35px;
}

.chslideradd {
    padding-top: 10px;
}

.chslideradd dd {
    color: #666;
}

.chslideradd dd {
    position: relative;
}

.chslideradd dd:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #1e865a;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    left: 0;
    top: 9px;
}

.chsliderah4,
.chslideradd dd {
    padding-left: 10px;
}

.chslideratxt {
    background: #fbfcfc;
    padding: 65px 40px;
    padding-bottom: 0;
    height: 360px;
}

.chslidera {
    margin-top: 45px;
}

.chmbh3 {
    line-height: 34px;
    border-left: 4px solid #1e865a;
    padding-left: 10px;
}

.chslideratxt:hover {
    background: #fff;
    box-shadow: 0 5px 15px rgba(102, 102, 102, 0.15);
    -webkit-box-shadow: 0 5px 15px rgba(102, 102, 102, 0.15);
}

.chslideratxt:hover .chsliderai1 {
    background-image: url(../images/f_icon1_1.png);
}

.chslideratxt:hover .chsliderai2 {
    background-image: url(../images/f_icon2_1.png);
}

.chslideratxt:hover .chsliderai3 {
    background-image: url(../images/f_icon3_1.png);
}

.chslideratxt:hover .chsliderai4 {
    background-image: url(../images/f_icon4_1.png);
}

.zzjgou {
    text-align: center;
    padding: 60px 0;
}

.teammainmaimg1 {
    background: none;
    height: auto;
}

.teammimgtxt1 {
    position: relative;
    top: 0;
    right: 0;
    padding-top: 60px;
}

.teammainmaimg1 {
    padding-top: 0;
}

.teammimgimg1 {
    padding-top: 55px;
    padding-bottom: 40px;
    position: relative;
}

.teammimgimg1 img {
    position: relative;
    z-index: 6;
}

.teammimgimg1:before {
    position: absolute;
    content: '';
    left: 105px;
    top: 0;
    width: 340px;
    height: 540px;
    background: #ededed;
}

.teammimgimg1:after {
    position: absolute;
    border: 4px solid #1e865a;
    z-index: 2;
    content: '';
    left: 88px;
    top: 22px;
    width: 325px;
    height: 615px;
    position: absolute;
}

.chgws {
    padding: 60px 0;
    background: #fafafa;
}

.tmmath31 {
    padding-top: 20px;
}

.teammainmatxt1 {
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px;
}

.fwmainaslider {
    height: 410px
}

.fwmainaslider .swiper-slide,
.fwmainbslider .swiper-slide,
.paboutcslider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.fwmainaslider .swiper-slide,
.fwmainbslider .swiper-slide {
    height: 190px;
    padding-top: 10px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.cehuamaina1 {
    padding-bottom: 30px;
}

.fwmainam {
    text-align: center;
    display: inline-block;
    line-height: 22px;
}

.fwmainam h4 {
    font-size: 16px;
    font-weight: bold;
    padding-top: 15px;
}

.fwmainam p {
    color: #666;
    padding-top: 5px;
    font-size: 13px;
}

.fwmainam i {
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.fwmainam i {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.fwmainam:hover i {
    border: 1px solid #fff;
    box-shadow: 0 2px 20px rgba(102, 102, 102, 0.1);
}

.fwmainb {
    padding: 60px 0;
}

.fwmainbslider {
    height: 370px;
    margin-top: 25px;
}

.fwmainbslider .swiper-slide {
    height: 155px;
    padding: 15px 0;
}

.fwmainbm i {
    display: inline-block;
    height: 50px;
    width: 80px;
}

.fwmainbm {
    display: inline-block;
    width: 150px;
    padding: 25px;
    height: 105px;
    color: #666;
}

.fwmainbm h4 {
    margin-top: 12px;
}

.fwmainbm p {
    height: 44px;
    line-height: 22px;
}

.fwmainbm {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.fwmainbm:hover {
    box-shadow: 0 2px 20px rgba(102, 102, 102, 0.1);
    -webkit-box-shadow: 0 2px 20px rgba(102, 102, 102, 0.1);
}

.fwmaina {
    padding-bottom: 60px;
}

.fwmainc {
    background: #fafafa;
    padding: 60px 0;
}

.fwmaincimg {
    padding-top: 30px;
}

.fmcslider {
    background: url(../images/fmcslider.png) center no-repeat;
    height: 473px;
}

.fmcslider .swiper-slide {
    width: 115px;
    height: 115px;
    text-align: center;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 15px rgba(102, 102, 102, 0.1);
    -webkit-box-shadow: 0 0 15px rgba(102, 102, 102, 0.1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}

.fmcsliderm {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.fmcsliderm {
    color: #666;
}

.fmcsliderm span {
    display: block;
    vertical-align: top;
    line-height: 16px;
}

.fmcsliderm p {
    margin-top: 10px;
}

.fmcsliderm i {
    color: #1e865a;
    font-weight: bold;
    font-size: 18px;
}

.fcsm1 {
    left: 175px;
    top: 18px;
}

.fcsm2 {
    left: 422px;
    top: 18px;
}

.fcsm3 {
    left: 676px;
    top: 18px;
}

.fcsm4 {
    left: 930px;
    top: 18px;
}

.fcsm5 {
    left: 1054px;
    top: 180px;
}

.fcsm6 {
    left: 806px;
    top: 180px;
}

.fcsm7 {
    left: 550px;
    top: 180px;
}

.fcsm8 {
    left: 295px;
    top: 180px;
}

.fcsm9 {
    left: 42px;
    top: 180px;
}

.fcsm10 {
    left: 175px;
    top: 338px;
}

.fcsm11 {
    left: 422px;
    top: 338px;
}

.fcsm12 {
    left: 678px;
    top: 338px;
}

.fcsm13 {
    left: 935px;
    top: 338px;
}

.fmcslider .swiper-slide:hover {
    box-shadow: 0 2px 20px rgba(102, 102, 102, 0.2);
    -webkit-box-shadow: 0 2px 20px rgba(102, 102, 102, 0.2);
}

.fwmainc .chmbh3,
.fwmainb .chmbh3 {
    margin-left: 0;
}

.fwmaindm i {
    width: 100px;
    height: 100px;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0 0 15px rgba(102, 102, 102, 0.1);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.fwmaindm {
    font-size: 16px;
    color: #333;
    display: inline-block;
}

.fwmaind {
    background: #fafafa;
    padding: 60px 0;
}

.fwmaindslider {
    text-align: center;
    padding: 10px 0;
    margin-top: 50px;
}

.fwmaindslider .swiper-slide:before {
    position: absolute;
    content: '';
    right: -12px;
    background: url(../images/jtaaa.png) center no-repeat;
    width: 18px;
    height: 30px;
    top: 36px;
}

.fwmaindslider .swiper-slide:last-child:before {
    display: none;
}

.fwmaindm p {
    margin-top: 15px;
}

.fwmaindm:hover i {
    box-shadow: 0 2px 20px rgba(102, 102, 102, 0.2);
    -webkit-box-shadow: 0 2px 20px rgba(102, 102, 102, 0.2);
}

.fsi1 {
    background: url(../images/fsi1.png) center no-repeat;
}

.fsi2 {
    background: url(../images/fsi2.png) center no-repeat;
}

.fsi3 {
    background: url(../images/fsi3.png) center no-repeat;
}

.fsi4 {
    background: url(../images/fsi4.png) center no-repeat;
}

.fsi5 {
    background: url(../images/fsi5.png) center no-repeat;
}

.fsi6 {
    background: url(../images/fsi6.png) center no-repeat;
}

.fsi7 {
    background: url(../images/fsi7.png) center no-repeat;
}

.fsi8 {
    background: url(../images/fsi8.png) center no-repeat;
}

.fsi9 {
    background: url(../images/fsi9.png) center no-repeat;
}

.fsi10 {
    background: url(../images/fsi10.png) center no-repeat;
}

.fsi11 {
    background: url(../images/fsi11.png) center no-repeat;
}

.fsi12 {
    background: url(../images/fsi12.png) center no-repeat;
}

.fsi13 {
    background: url(../images/fsi13.png) center no-repeat;
}

.fsi14 {
    background: url(../images/fsi14.png) center no-repeat;
}

.fsi15 {
    background: url(../images/fsi15.png) center no-repeat;
}

.fsi16 {
    background: url(../images/fsi16.png) center no-repeat;
}

.fsi17 {
    background: url(../images/fsi17.png) center no-repeat #fff;
}

.fsi18 {
    background: url(../images/fsi18.png) center no-repeat #fff;
}

.fsi19 {
    background: url(../images/fsi19.png) center no-repeat #fff;
}

.fsi20 {
    background: url(../images/fsi20.png) center no-repeat #fff;
}

.fsi21 {
    background: url(../images/fsi21.png) center no-repeat #fff;
}

.fsi22 {
    background: url(../images/fsi22.png) center no-repeat #fff;
}

.btpage5m,
.pnewf2 {
    margin: inherit;
}

.nav_item .sp1,
.nav_item .sp3 {
    display: none;
}

.nav_item .sp3 {
    display: inline-block;
}

@-webkit-keyframes sxdd {
    0% {
        -webkit-transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(8px);
    }
}

@keyframes sxdd {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(8px);
    }
}

.dzloadi {
    animation: sxdd 1s linear 1s infinite alternate both running;
}

.dzloadi {
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
}

.dzloadi1 {
    left: 345px;
    top: 354px;
    animation-delay: 0.1s
}

.dzloadi2 {
    left: 413px;
    top: 414px;
    animation-delay: 0.3s
}

.dzloadi3 {
    left: 438px;
    top: 453px;
    animation-delay: 0.2s
}

.dzloadi4 {
    left: 475px;
    top: 390px;
    animation-delay: 0.6s
}

.dzloadi5 {
    left: 527px;
    top: 390px;
    animation-delay: 0.7s
}

.dzloadi6 {
    left: 551px;
    top: 326px;
    animation-delay: 0.3s
}

.dzloadi7 {
    left: 573px;
    top: 292px;
    animation-delay: 0.4s
}

.dzloadi8 {
    left: 590px;
    top: 363px;
    animation-delay: 0.1s
}

.dzloadi9 {
    left: 595px;
    top: 328px;
    animation-delay: 0.5s
}

.dzloadi10 {
    left: 427px;
    top: 191px;
    animation-delay: 0.8s
}

.dzloadi11 {
    left: 457px;
    top: 529px;
    animation-delay: 0.5s
}

.dzloadi12 {
    left: 241px;
    top: 494px;
    animation-delay: 0.2s
}

.dzloadi13 {
    left: 509px;
    top: 226px;
    animation-delay: 0.7s
}

.dzloadi14 {
    left: 474px;
    top: 236px;
    animation-delay: 0.4s
}

/*北京*/
.dzloadi15 {
    left: 527px;
    top: 186px;
    animation-delay: 0.1s
}

.m_footer {
    display: none;
    background: #3c3c3c
}

.m-footer-logo {
    text-align: center;
    padding: 24px 0;
    padding-bottom: 24px;
    padding-bottom: 0;
}

.m-footer-logo img {
    height: 30px;
}

.m-copy {
    padding: 15px;
    text-align: center;
}

.m-copy,
.m-copy a {
    color: #999;
    font-size: 12px;
}

.paboutdthumb img {
    width: inherit;
    height: 100%;
}

@media screen and (max-width: 1920px) {
    .pnewf2 {
        width: 1600px;
        height: 440px;
    }

    .pnewf2m {
        width: 406px;
        margin-right: 0;
    }

    .pnewf2ma {
        margin-right: 20px;
    }

    .smallpic {
        width: 700px;
        margin-left: -350px;
    }
}

@media screen and (max-width: 1680px) {
    .pnewf2 {
        width: 1400px;
        height: 408px;
    }

    .pnewf2m {
        width: 356px;
        margin-right: 0;
    }

    .pnewf2ma {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1600px) {
    .smallpic {
        width: 700px;
        margin-left: -350px;
    }
}

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

    .pnewf2m {
        width: 407px;
        margin-right: 0;
    }

    .pnewf2ma {
        margin-right: 20px;
    }

    .smallpic {
        width: 500px;
        margin-left: -250px;
    }
}

@media screen and (max-width: 1100px) {
    .smallpic {
        width: 350px;
        margin-left: -175px;
    }
}


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

    body,
    html {
        height: inherit;
    }

    body {
        padding-bottom: 45px;
    }

    .paboutdimg {
        padding-top: 20px;
    }

    .conmap {
        background: #fff;
    }

    .pagefooter {
        display: none;
    }

    .pagebanner {
        background-size: cover;
        background-attachment: inherit;
    }

    .mean-container .mean-bar {
        height: 42px;
    }

    .mean-container a.meanmenu-reveal {
        top: 1px;
    }

    .m_logo {
        top: 13px;
    }

    header {
        display: none;
    }

    .m_footer {
        display: block;
        margin-bottom: 0;
    }

    .w1000,
    .w1200 {
        width: 100%;
        box-sizing: border-box;
    }

    .homebanner,
    .homebanner .mainbox {
        height: 650px;
    }

    .homebanner {
        position: relative;
        z-index: 6;
        height: 650px;
    }

    .homebanner,
    .homebanner a {
        color: #fff;
    }

    .homebannertxt {
        padding-top: 0;
        position: relative;
        z-index: 10;
    }

    .homebannerp1 {
        font-size: 16px;
        margin-top: 20px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }

    .homebannerp2 {
        font-size: 20px;
    }

    .swiper-img {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 8;
        left: 0;
        top: 0;
    }

    .mainbox {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    @-moz-keyframes zoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale(1.05);
        }

        100% {
            opacity: 1;
            -moz-transform: scale(1.01);
        }
    }

    @-webkit-keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(1.05);
        }

        100% {
            opacity: 1;
            -webkit-transform: scale(1.01);
        }
    }

    @keyframes zoomIn {
        0% {
            transform: scale(1.05);
        }

        100% {
            transform: scale(1.01);
        }
    }

    .scrolldown {
        width: 78px;
        position: absolute;
        bottom: 0;
        z-index: 66;
        left: 50%;
        margin-left: -36px;
        cursor: pointer;
    }

    .zoomIn {
        -o-animation-name: zoomIn;
        -moz-animation-name: zoomIn;
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
    }

    .swiper-img {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-transition: 3s;
        transition: 3s;
    }

    .wap_show {
        display: block;
    }

    .ppubh3 {
        border-width: 3px;
    }

    .pabouta,
    .paboutb,
    .paboutctxt,
    .paboutd,
    .cehuamaina,
    .cehuamainbm,
    .chgws,
    .teammainb,
    .newmainm,
    .contacta,
    .conmap,
    .fwmaina,
    .fwmainc,
    .fwmainb,
    .fwmaind,
    .casetxtd,
    .casedmore,
    .case_m,
    .casenavm,
    .new-footer {
        width: 100%;
        padding-left: 4%;
        padding-right: 4%;
        box-sizing: border-box;
    }

    .nylogo,
    .pabouta,
    .paboutb,
    .paboutc,
    .paboutd,
    .cehuamaina,
    .cehuamainbm,
    .chgws,
    .teammainb,
    .newmain,
    .contacta,
    .conmap,
    .fwmaina,
    .fwmainc,
    .fwmainb,
    .fwmaind,
    .casetxtd,
    .casedmore,
    .case_m,
    .casenavm,
    .new-footer {
        padding-top: 30px;
        padding-bottom: 30px;
    }


    .home-pagination .swiper-pagination-bullet {
        width: 38px;
        height: 4px;
    }

    .home-pagination span:before {
        background: #ed6d00;
    }

    .homebanner .swiper-slide-active .swiper-img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .homebanner .swiper-slide {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .homebannertxt {
        padding: 0 4%;
    }

    .mt40p {
        margin-top: 30px;
    }

    .m_pubi {
        display: inline-block;
        font-size: 12px;
        color: #333;
        border-left: 3px solid #b7955c;
        line-height: 20px;
        padding-left: 5px;
    }

    .pubmpage {
        width: 100%;
        text-align: center;
    }

    .pubmpage span {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 2px;
        background: #fff;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        opacity: 1;
        -webkit-opacity: 1;
    }

    .pubmpage .swiper-pagination-bullet-active {
        background: #b7955c;
    }

    .mindex_casea {
        background: #fcfcfc;
        display: block;
    }

    .mindex_casetxt {
        padding: 20px;
        line-height: 24px;
    }

    .mindex_casetxt h4 {
        font-size: 16px;
        color: #333;
        padding-top: 15px;
        height: 24px;
        overflow: hidden;
    }

    .mindex_casetxt p {
        color: #666;
        padding-top: 0;
        text-transform: uppercase;
        font-size: 12px;
        height: 24px;
        overflow: hidden;
    }

    .mcpage {
        position: absolute;
        left: 0;
        bottom: 135px !important;
        z-index: 66;
    }

    .mfpage {
        bottom: 175px !important;
    }

    .mindex_service a {
        display: block;
        vertical-align: top;
        position: relative;
        margin-bottom: 20px;
        color: #fff;
        text-align: center;
    }

    .mindex_service a {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .mindex_service h2 {
        font-size: 20px;
    }

    .mindex_service p {
        text-transform: uppercase;
    }

    .mindex_service img {
        width: 100%;
        vertical-align: top;
    }

    .msindextxt {
        position: absolute;
        width: 100%;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        z-index: 6;
    }

    .mindex_new .mindex_casetxt p {
        height: 40px;
        line-height: 20px;
        padding-top: 5px;
    }

    .mmpage {
        position: absolute;
        left: 0;
        bottom: 155px !important;
        z-index: 66;
    }

    .pagelogoslider {
        margin: 0;
        top: 0;
        padding: 40px 0;
    }

    .pagelogomimg {
        height: 60px;
    }

    .ppubh3 span,
    .chmah3,
    .chmbh3,
    .m_pubi {
        font-size: 20px;
    }

    .ppubh3 em {
        font-style: normal;
        font-size: 14px;
    }

    .paboutaimg {
        display: none;
    }

    .paboutatxt {
        width: 100%;
        padding-top: 0;
    }

    .paboutatxt p {
        margin: 0;
        margin-top: 12px;
    }

    .d-history {
        width: 100%;
        padding: 0;
    }

    .historg-line {
        display: none;
    }

    .d-history .swiper-slide,
    .d-history-txt {
        height: auto;
    }

    .d-history-txt {
        padding: 0 40px;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .d-history-date {
        padding: 0;
    }

    .d-history-desc {
        margin-top: 30px;
    }

    .hspage {
        display: none;
    }

    .d-history .d-history-txt,
    .d-history .swiper-slide:hover .d-history-txt {
        box-shadow: none;
        -webkit-box-shadow: none;
        background: #ffffff;
    }

    .d-history .d-history-date,
    .d-history .swiper-slide:hover .d-history-date {
        transform: translateY(0);
        color: #1e865a;
    }

    .d-history .d-history-desc,
    .d-history .swiper-slide:hover .d-history-desc {
        transform: translateY(0);
    }

    .d-history .d-history-dot {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        border: 1px solid #1e865a;
        background: #fff;
    }

    .d-history-date,
    .d-history-date span {
        font-size: 18px;
        display: inline-block;
        top: 0;
    }

    .d-history-dot {
        top: 65px;
        margin-top: 0;
    }

    .history-big .pubmpage span {
        background: #ccc;
    }

    .history-big .pubmpage .swiper-pagination-bullet-active {
        background: #1e865a;
    }

    .d-history {
        margin-top: 20px;
    }

    .dhistorybtn {
        margin-top: 10px;
    }

    .paboutc {
        padding-top: 0;
    }

    .paboutcm {
        width: 100%;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .paboutctxt {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .paboutcm img {
        width: 100%;
    }

    .paboutd {
        background: #fafafa !important;
    }

    .paboutdimg img {
        display: none;
    }

    .paboutcm.fr .paboutctxt {
        padding-bottom: 0;
    }

    .paboutdimg,
    .paboutdi {
        position: relative;
        width: 100%;
        height: auto;
    }

    .paboutdi {
        overflow: hidden;
    }

    .dzloadi {
        position: relative;
        margin-bottom: 10px;
        margin-right: 10px;
        padding: 3px 20px;
        float: left;
        left: 0;
        top: 0;
        color: #333;
        text-indent: 0;
        background: none;
        width: auto;
        animation: none;
        background: #fff;
    }

    .paboutd {
        height: auto;
    }

    .paboutdtxt {
        width: 100%;
        padding: 0;
        background: none;
    }

    .casescroll ul {
        padding: 0;
    }

    .paboutdm {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
        background: #fff;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        overflow: hidden;
    }

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

    .paboutdthumb img {
        width: 100%;
    }

    .paboutddesc {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }

    .casescroll {
        height: auto;
    }

    .case_pc {
        display: none;
    }

    .casescrollpage {
        margin-top: 20px;
    }

    .casescroll .swiper-scrollbar {
        display: none;
    }

    .nylogo,
    .pubnav {
        display: none;
    }

    .chmap2,
    .chmap1 {
        padding-left: 0;
        padding-right: 0;
        text-align: justify;
    }

    .cehuamainb {
        height: auto;
    }

    .cehuamainbm {
        position: relative;
        left: 0;
        top: 0;
    }

    .chslidera {
        margin-top: 25px;
    }

    .chslideratxt {
        text-align: center;
        height: auto;
    }

    .chsliderai {
        display: inline-block;
        height: 45px;
        background-size: auto 100%;
        background-position: center;
    }

    .chsliderah4 {
        font-size: 18px;
        margin-top: 20px;
    }

    .chsliderah4,
    .chslideradd dd {
        padding: 0;
    }

    .chslideradd dd:before {
        display: none;
    }

    .chslideratxt {
        padding: 40px;
    }

    .chslideratxt {
        background: #fff;
    }

    .chsliderai1 {
        background-image: url(../images/f_icon1_1.png);
    }

    .chsliderai2 {
        background-image: url(../images/f_icon2_1.png);
    }

    .chsliderai3 {
        background-image: url(../images/f_icon3_1.png);
    }

    .chsliderai4 {
        background-image: url(../images/f_icon4_1.png);
    }

    .chsliderapage {
        margin-top: 15px;
    }

    .chsliderapage span {
        margin: 0 4px;
    }

    .zzjgou {
        display: none;
    }

    .zzjgou img {
        width: 100%;
    }

    .teammainm {
        padding: 0;
    }

    .teammimgimg1:before,
    .teammimgimg1:after {
        display: none;
    }

    .teammimgimg1 {
        padding: 0;
    }

    .teammimgimg1 img,
    .teammimgimg1 {
        width: 100%;
    }

    .teammimgtxt1 {
        padding: 0;
        width: 100%;
    }

    .teammimgh2 {
        font-size: 18px;
    }

    .teammainmaimg {
        padding: 0;
        height: auto;
        background-position: left top;
        background-size: auto 295px;
    }

    .lead_pc {
        position: relative;
        height: 275px;
        padding-top: 20px;
    }

    .teammimgtxt {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        padding: 20px 4%;
        box-sizing: border-box;
    }

    .teammainmatxt {
        padding-top: 0;
        padding-left: 4%;
        padding-right: 4%;
    }

    .tmmatm li {
        line-height: inherit;
    }

    .tmmatm1 li {
        width: 100%;
        margin: 0;
    }

    .teammainb {
        margin-top: 0;
    }

    .tmblist {
        min-width: inherit;
        width: 100%;
    }

    .tmblist li {
        width: 48%;
        margin: 0;
        margin-right: 4%;
        margin-top: 4%;
    }

    .tmblist li:nth-child(even) {
        margin-right: 0;
    }

    .fr.teammimgtxt1 {
        padding-bottom: 0;
    }

    .teammainmatxt1,
    .teammimgtxt1 {
        padding-left: 0;
        padding-right: 0;
    }

    .teammainmatxt.teammainmatxt1 {
        padding-bottom: 0;
    }

    .newmainl,
    .newmainr,
    .newmainimg1,
    .newmaintxta {
        width: 100%;
    }

    .newmain {
        background: #fcfcfc;
    }

    .newmainltop {
        background: #fff;
    }

    .newmainlcent li {
        padding: 0;
        background: #fff;
        position: relative;
        margin: 0;
        box-sizing: border-box;
        box-shadow: none;
        -webkit-box-shadow: none;
        margin-bottom: 4%;
    }

    .newmainimg1 {
        width: 30%;
    }

    .newmaintxta1 {
        width: 63%;
    }

    .newmaindesc {
        display: none;
    }

    .newmain .ppubmore,
    .newmainr {
        display: none;
    }

    .newmaintit {
        padding-top: 5px;
        overflow: hidden;
    }

    .newmaintxta1 {
        position: absolute;
        margin-left: 34%;
        top: 50%;
        transform: translateY(-50%);
    }

    .newmaintxta2 {
        padding: 20px;
        box-sizing: border-box;
    }

    .newmainlcent {
        margin-top: 4%;
    }

    .new-d-txt img {
        max-width: 100%;
    }

    .new-d-txt {
        padding-bottom: 40px;
    }

    .new-footer .fl {
        display: none;
    }

    .new-footer .fr {
        width: 100%;
    }

    .newprev,
    .newnext {
        margin: 0;
    }

    .newprev {
        float: left;
    }

    .new-footer {
        margin-top: 10px;
        padding-bottom: 0;
    }

    .newnext {
        float: right;
    }

    .contactam .otxt,
    .contactam .otext {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        height: 46px;
        vertical-align: top;
    }

    .contactam .otext {
        height: 92px;
    }

    .contactam .obtn {
        padding: 6px;
        margin-top: 15px;
    }

    .contactam {
        margin: 0;
    }

    .contactam .otxt,
    .contactam .otext {
        margin-top: 15px;
    }

    .contacta {
        background: #fafafa;
    }

    #dituContent {
        display: none;
    }

    .conmap {
        height: auto;
    }

    .conmaptxt {
        position: relative;
        margin: 0;
        right: auto;
        padding: 0;
        top: 0;
        transform: none;
        height: auto;
    }

    .conmapp1 {
        padding: 0;
        margin: 0;
    }

    .fwmaincimg img {
        max-width: 100%;
    }

    .fwmaina,
    .fwmainb {
        background: #fafafa;
    }

    .fwmainam i {
        width: 80px;
        height: 80px;
        background-size: auto 35px;
    }

    .fwmainaslider .swiper-slide,
    .fwmainaslider {
        height: auto;
    }

    .fwmainaslider .swiper-slide {
        padding-top: 0;
    }

    .fwmainapage {
        padding-top: 15px;
    }

    .fwmainapage span {
        background: #ccc;
    }

    .fwmainc {
        background: #fff;
    }

    .fwmainbslider {
        height: auto;
    }

    .fwmainbslider .swiper-slide {
        height: auto;
        padding: 0;
    }

    .fwmainbm {
        background: #fff;
        height: auto;
    }

    .fwmainbm i {
        background-size: auto 35px;
    }

    .fwmainbpage {
        padding-top: 15px;
    }

    .fwmainbpage span {
        background: #ccc;
    }

    .fwmaind {
        background: #fff;
    }

    .fwmaindslider .swiper-slide:before {
        display: none;
    }

    .fwmaindpage {
        padding-top: 15px;
    }

    .fwmaindpage span {
        background: #ccc;
    }

    .conmapp6 {
        background-position: left 4px;
    }

    .pagebanner {
        margin-top: 50px;
    }

    .gallery-top {
        height: auto;
        background: #000;
        margin-top: 50px;
    }

    .gallery-top img {
        max-width: 100%;
    }

    .gallery-top .swiper-slide {
        background: none !important;
    }

    .smallpic {
        position: relative;
        width: 100%;
        background: #fff;
        margin: 0;
        padding: 0;
        left: auto;
        bottom: auto;
        box-sizing: border-box;
        padding: 0 50px;
        padding-bottom: 0;
    }

    .smallpicimg {
        width: 50px;
        height: 50px;
    }

    .smallpic {
        height: 90px;
    }

    .smallpic .swiper-slide {
        width: 50px;
        border-radius: 5px;
        overflow: hidden;
    }

    .gallery-thumbs .swiper-slide:before {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .gallery-thumbs .swiper-slide-thumb-active .smallpicimg,
    .gallery-thumbs .smallpicimg {
        border: none;
    }

    .smallpicprev,
    .smallpicnext {
        display: none;
    }

    .casedmore {
        position: relative;
        width: 100%;
        right: auto;
        bottom: auto;
        padding-top: 30px;
    }

    .casedmore a {
        color: #333;
        background: none;
    }

    .casetxtd {
        border-bottom: 1px solid #eee;
    }

    .casetxtddesc {
        height: auto;
    }

    .case_m img {
        max-width: 100%;
    }

    .case_m .pagehomea {
        margin: 0;
        width: auto;
        display: inline-block;
        position: absolute;
        width: 30px;
        right: 0;
        top: 14px;
        margin: 0;
    }

    .case_m .pagehomea i:before {
        background: url(../images/icon5.png) center no-repeat;
        background-size: 10px auto;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .case_m .pagehomea i {
        margin: 0;
        border-color: #333;
        width: 28px;
        height: 28px;
    }

    .case_m .pagehomea span {
        display: none;
    }

    .case_m .title {
        line-height: 20px;
        padding: 20px 0;
        font-size: 16px;
        color: #333;
        padding-left: 35px;
        position: relative;
    }

    .case_m .title:before {
        position: absolute;
        width: 25px;
        height: 1px;
        background: #ccc;
        content: '';
        left: 0;
        top: 29px;
    }

    .case_mphoto {
        display: block;
        position: relative;
        padding-bottom: 10px;
    }

    .case_m .pagenum {
        padding-top: 0;
    }

    .casenavm {
        display: block;
    }

    .pubnavr {
        height: auto;
    }

    .pubnavm {
        height: auto;
        line-height: 30px;
    }

    .casenavm {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .casenavm a {
        height: auto;
        margin: 0;
        font-size: 14px;
        margin-right: 20px;
    }

    #large-header {
        display: none;
    }

    .fmcslider {
        height: auto;
        background: none;
        padding: 5px;
    }

    .fmcslider .swiper-slide {
        left: 0;
        top: 0;
        position: relative;
        box-shadow: 0 0 5px rgba(102, 102, 102, 0.1);
        -webkit-box-shadow: 0 0 5px rgba(102, 102, 102, 0.1);
    }

    .fwmaincpage span {
        background: #ccc;
    }

    .fwmaincpage {
        padding-top: 15px;
    }

    .casetxtd {
        position: relative;
        height: auto;
        opacity: 1;
        left: 0;
        background: #FFF;
        color: #333;
    }

    .casetxtbtn {
        display: none;
    }

    .casetxtdm {
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        width: 100%;
    }


    .homebannerp1,
    .homebannerp2 {
        text-align: left;
        margin: 0;
    }

    .homebannerp1 {
        margin-top: 0;
    }

    .homebannerp2 {
        padding-bottom: 15px;
        margin-bottom: 15px;
        position: relative;
    }

    .homebannerp2:before {
        position: absolute;
        width: 90px;
        height: 1px;
        background: #fff;
        left: 0;
        bottom: 0;
        content: '';
    }

    .scrolldown {
        display: none;
    }

    .homenums {
        position: absolute;
        width: 100%;
        z-index: 6;
    }

    .homebannertxt {
        position: absolute;
        left: 0;
        bottom: 5%;
        opacity: 0;
        -webkit-opacity: 0;
        transition: all 0.7s ease;
        -webkit-transition: all 0.7s ease;
    }

    .swiper-slide-active .homebannertxt {
        opacity: 1;
        -webkit-opacity: 1;
        bottom: 10%;
    }

    .mean-container .mean-nav ul li a.mean-expand {
        border: none !important;
        background: none !important;
    }

    .mean-container .mean-nav ul li a.mean-expand {
        line-height: 32px;
    }

    .pagenum {
        padding: 0;
        padding-top: 20px;
    }

    .pagenum a {
        display: none;
    }

    .pagenum .prev,
    .pagenum .next {
        display: inline-block;
    }

    .teammain {
        padding-top: 40px;
    }

    .tmblist {
        padding-bottom: 0;
    }

    .casescrollpage span {
        background: #ccc;
    }

    .smallpic {
        background: #fff;
    }

    .smallpic {
        height: 70px;
        padding-top: 20px;
    }

    .smallpic .swiper-slide {
        height: 50px;
        width: 80px;
    }

    .smallpicimg {
        width: 100%;
    }

    .new-footer2 {
        margin-top: 0;
        padding-bottom: 30px;
    }

    .wap_hide {
        display: none;
    }

    .pagination,
    .new-d-share {
        padding-bottom: 0;
    }

    .pagination a {
        display: none !important;
    }

    .pagination .prev,
    .pagination .next {
        display: inline-block !important;
        vertical-align: top;
    }

    .pagination {
        margin: 0 auto !important;
        height: 35px;
    }

    .newmainm .new-footer {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .teammimgh3,
    .tmmath3 {
        font-size: 16px;
    }

    .cehuamaina1 .chmap1,
    .cehuamaina1 .chmap2 {
        text-align: center;
    }

    .fwmaindslider {
        margin-top: 20px;
    }

    .teammainmatxt {
        padding-bottom: 20px;
    }

    .new-d-txt {
        padding-bottom: 30px;
    }

    .mindex_casetxt h4 {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .mindex_new .mindex_casetxt p {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .mcslider .swiper-slide {
        background: #fcfcfc;
    }

    .mymore {
        display: block;
        padding: 0 20px;
        padding-bottom: 20px;
        color: #222;
    }

    .mymore span {
        background: url(../images/otherpage1.png) center right no-repeat;
        display: inline-block;
        padding-right: 10px;
    }

    .pagefooterbcp1 a:after {
        opacity: 1;
    }

    .pagefooterbcp1 a:before {
        opacity: 0;
    }

    .pagefooterbcp1 {
        padding-top: 0;
        text-align: center;
        padding-top: 20px;
    }

    .pagefooterbcp1 a.qq:after {
        background-size: 20px auto;
    }

    .pagefooterbcp1 a.weixin:after {
        background-size: 24px auto;
    }

    .pagefooterbcp1 a {
        width: 35px;
        height: 35px;
        margin: 0 2px;
        float: none;
    }

    .m-footer-logo {
        padding: 12px 0;
        padding-bottom: 0;
        padding-top: 20px;
    }

    .weixin img {
        top: -100px;
        left: -36px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }

    .pagefooterbcp1 a,
    .weixin img {
        z-index: 10;
    }

}

.swiper-lazy-preloader {
    border-color: #1e865a;
}

.footfo4 {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 8888;
    background: #fff;
    padding: 10px 0;
}

.footfo4 a {
    float: left;
    width: 20%;
    margin: 0 2.5%;
    text-align: center;
    display: inline-block;
}

.footfo4 span,
.footfo4 i {
    vertical-align: top;
}

.footfo4 span {
    display: block;
    font-size: 12px;
    color: #fff;
    display: none;
}

.footfo4 i {
    width: 25px;
    height: 25px;
    display: inline-block;
}

.ff41 {
    background: url(../images/dbicon1.png) center no-repeat;
    background-size: 20px auto;
}

.ff42 {
    background: url(../images/dbicon2.png) center no-repeat;
    background-size: 20px auto;
}

.ff43 {
    background: url(../images/dbicon3.png) center no-repeat;
    background-size: 20px auto;
}

.ff44 {
    background: url(../images/dbicon4.png) center no-repeat;
    background-size: 20px auto;
}

.ty-banner-1 {
    margin-top: -165px;
    overflow: hidden;
    line-height: 0;
    text-align: center;
}

.ty-banner-1 img {
    width: 100%;
}

.p1-search-1 {
    background: #f2f2f2;
    height: 82px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    font-size: 14px;
}

.p1-search-1 p {
    color: #444;
    line-height: 82px;
}

.p1-search-1 a {
    color: #444;
    display: inline-block;
    margin-right: 15px;
}

.p1-search-1-inp {
    width: 270px;
    height: 30px;
    border-radius: 20px;
    background: #fff;
    padding-left: 10px;
    margin-top: 28px;
}

.p1-search-1-inp input {
    border: 0;
}

.yssy {
    width: 1200px;
    margin: 0 auto;
}

.p1-search-1-inp1 {
    width: 224px;
    height: 30px;
    line-height: 30px;
    color: #a9a9a9;
    float: left;
}

.p1-search-1-inp2 {
    width: 30px;
    height: 30px;
    background: url(../images/viskins-p1.png) no-repeat -258px -936px;
    float: right;
    cursor: pointer;
}


.p12-curmbs-1 {
    font-size: 14px;
    border-bottom: 1px dashed #dcdcdc;
}

.p12-curblock {
    display: none;
}

.p12-curmbs-1 b {
    border-left: 10px solid #27d796;
    font-weight: normal;
    padding-left: 8px;
}

.p12-curmbs-1 i {
    font-style: normal;
}

.p12-curmbs-1 span {
    font-family: '宋体';
    padding: 0 5px;
    height: 46px;
    line-height: 46px;
}

.plc {
    width: 1200px;
    margin: 0 auto 15px;
}


.tl-fdh-02 {
    height: 55px;
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto 20px;
}

.tl-fdh-02 li {
    width: 24.93%;
    height: 55px;
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    float: left;
    border-right: 1px solid #e8e5e5;
    background: #f4f4f4;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tl-fdh-02 li:last-child {
    border-right: none;
}

.tl-fdh-02 li a {
    display: block;
    height: 55px;
    color: #a8a8a8;
}

.tl-fdh-02 li.sidenavcur,
.tl-fdh-02 li:hover {
    background: url(../images/p16-icon6.png) no-repeat bottom center #1e865a;
    border-color: #1e865a;
}

.tl-fdh-02 li.sidenavcur a,
.tl-fdh-02 li:hover a {
    color: #fff;
}


.p12-aboutinfo-1 {
    display: inline-block;
    width: 100%;
    background: #fff;
    margin-bottom: 38px;
}

.p12-aboutinfo-1-tit {
    height: 114px;
    line-height: 114px;
    font-size: 30px;
    text-align: center;
    color: #4b4a4a;
}

.p12-aboutinfo-1-tit span {
    font-size: 22px;
    color: #aaa;
}

/*.p12-aboutinfo-1-nr{padding:0 20px 20px;}*/

.k12-gl-gslb-3nf1-1-01-left dl {
    width: 24%;
    float: left;
    background: #f0f0f0;
    margin: 0 1.3% 13px 0
}

.k12-gl-gslb-3nf1-1-01-left dl:nth-child(4n) {
    margin-right: 0;
}

.k12-gl-gslb-3nf1-1-01-left dt {
    border: 1px solid #e5e5e5;
    padding: 10px 9px;
    background: #fff;
}

.k12-gl-gslb-3nf1-1-01-left dt img {
    display: block;
    width: 100%;
}

.k12-gl-gslb-3nf1-1-01-left dd {
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f0f0f0;
}

.k12-gl-gslb-3nf1-1-01-left dd a {
    color: #4b4a4a;
}

.p12-curmbs-1 {
    font-size: 14px;
    border-bottom: 1px dashed #dcdcdc;
    display: none;
}

.p12-curblock {
    display: none;
}

.p12-curmbs-1 b {
    border-left: 10px solid #27d796;
    font-weight: normal;
    padding-left: 8px;
}

.p12-curmbs-1 i {
    font-style: normal;
}

.p12-curmbs-1 span {
    font-family: '宋体';
    padding: 0 5px;
    height: 46px;
    line-height: 46px;
}


.p12-sitemap-1-xml {
    height: 30px;
    line-height: 30px;
    text-align: right;
}

.p12-sitemap-1-tit {
    height: 46px;
    font-size: 26px;
    line-height: 46px;
    color: #fff;
    clear: both;
}

.p12-sitemap-1-tit p {
    display: inline-block;
    padding: 0 30px;
    text-align: center;
    background: #1e865a;
}

.p12-sitemap-1-tit a {
    color: #fff;
}

.p12-sitemap-1 ul {
    padding-top: 15px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 40px;
}

.p12-sitemap-1 li {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
    width: 16.66%;
    float: left;
    overflow: hidden;
    position: relative;
    top: 1px;
}

.p4-order-form-1 {
    overflow: hidden;
}

.p4-order-form-1 .p4-titlel-1 {
    width: 145px;
    height: 46px;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background: #27d796;

}

.p4-order-form-1-con {
    border: 1px solid #bbb;
    background: url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;
    padding: 40px 15%;
}

.p4-order-form-1-con li p {
    padding-left: 130px;
    color: #999;
    font-size: 12px;
}

.p4-order-form-1-con li {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 35px;
    color: #666;
    overflow: hidden;
}

.p4-order-form-1-con li span {
    font-weight: bold;
    color: #666;
}

.p4-order-form-1-con li b {
    color: #f00;
}

.p4-order-form-1-con li .row-hd {
    color: #666;
}

.timenum {
    padding-left: 95px;
}

.p4-order-form-1-con li p {
    clear: both;
}

.p4-order-form-1-con label {
    display: inline-block;
    width: 120px;
    color: #666;
    vertical-align: top;
    text-align: right;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
}

#code_gg {
    width: 80px;
    margin-right: 10px;
    outline: none;
    padding-left: 10px;
    border: 1px solid #eee;
    height: 33px;
    line-height: 32px;
    color: #666;
}


.p4-order-form-1-con .inputs,
.p4-order-form-1-con li select {
    width: 73%;
    margin-right: 10px;
    outline: none;
    padding-left: 10px;
    border: 1px solid #eee;
    height: 33px;
    line-height: 32px;
    color: #666;
    box-sizing: border-box;
    /*float: left;*/
}

.p4-order-form-1-con .radioandcheck {
    vertical-align: middle;
}

.p4-order-form-1-con .err {
    border: 1px solid #c00;
}

.p4-order-form-1-con .p4-order-form-1-t1 {
    width: 100%;
}

.p4-order-form-1-t1 textarea {
    width: 73%;
    height: 102px;
    line-height: 24px;
    border: 1px solid #eee;
    outline: none;
    resize: none;
    overflow: auto;
    margin-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

.p4-order-form-1-con .p4-order-form-1-t2 {
    width: 100%;
}

.p4-order-form-1-t2 input {
    width: 150px;
    vertical-align: top;
}

.p4-order-form-1-t2 span {
    width: 153px;
    height: 25px;
}

.p4-order-form-1-con .p4-order-form-1-t3 {
    padding-left: 120px;
}

.p4-order-form-1-con .p4-order-form-1-t3 input {
    width: 80px;
    height: 30px;
    border: 0;
    text-align: center;
    margin-right: 30px;
    color: #fff;
    padding-left: 0;
    cursor: pointer;
}

.p4-order-form-1-con .p4-order-form-1-b1 {
    background: #1e865a;
}

.p4-order-form-1-con .p4-order-form-1-b2 {
    background: #767676;
}

.p4-order-form-1-con .p4-order-form-1-t4 {
    overflow: auto;
    height: auto;
    min-height: 35px;
    width: 100%
}

.p4-order-form-1-con .p4-order-form-1-t4 input {
    vertical-align: middle;
    width: 14px;
    margin: 0 10px;
}