@media (min-width:1201px) {
    * {
        font-size: 0rem;
    }
}

/* .header {
    visibility: visible !important;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUps;
    animation-name: fadeInUps;
} */


@media (min-width:1201px) {
    .header .top {
        transition: all 0.5s;
        height: 250px;
        overflow: hidden;
    }

    .header_page .top {
        transition: all 0.5s;
        height: 0px;
    }
}

.header2 {
    display: none;
    background-color: #ffffff;
}

.header2.on {
    background-color: transparent;
}

.header2.on .nav a {
    color: #ffffff;
}

.header2.on .former {
    display: block;
}

.header2.on .back {
    display: none;
}


/* .sbanner{position: relative;height: 675px;background-color: #cccccc;z-index: 0;} */

.sbanner {}

.sbanner::after {
    display: none;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    z-index: 2;
    left: 0;
    width: 100%;
    content: '';
    position: absolute;
    top: 0;
    background-color: #1f1f1f;
    z-index: 99;
}

.sbanner.active::after {
    -webkit-animation: img_show .8s cubic-bezier(.04, .435, .315, .9);
    animation: img_show .8s cubic-bezier(.04, .435, .315, .9);
}

.sbanner p {
    height: 705px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    visibility: hidden;
    transition-delay: 0.2s;
    z-index: 0;
}

/* .sbanner.active{z-index: -1;} */
.sbanner.active p {
    visibility: visible;
}

.sbanner p img {
    height: 100%;
    display: block;
}

.sbanner .sbanner_word {
    position: absolute;
    top: 49%;
    left: 50%;
    text-align: center;
}

.sbanner .sbanner_word h5 {
    font-size: 50px;
    color: #ffffff;
    font-weight: bold;
}

.sbanner .sbanner_word span {
    font-size: 30px;
    color: #ffffff;
    display: block;
}

.subTitM {
    background-color: #fff;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    border-bottom: 1px solid #e0e0e0;
}

.subTit {
    padding: 38px 0;
    margin: 0 auto;
}

.subTit a {
    line-height: 24px;
    padding: 0 20px;
    font-size: 18px;
    color: #333333;
    display: block;
    float: left;
    border-right: 1px solid #b5b5b5;
    white-space: nowrap;
}

.subTit a:nth-last-child(1) {
    border: 0;
}

.subTit a:hover,
.subTit a.on,
.subTit a.hov {
    color: #e60c0c;
}

.sAbout {
    background-color: #fff;
    padding-top: 80px;
    position: relative;
}

.sAbout .w1400 {
    position: relative;
}

.word {
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 0;
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.word p {
    color: #fbfbfb;
    font-size: 586px;
    font-family: 'Butler';
    height: 100%;
    line-height: 600px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 20%;
    transition-timing-function: linear;
    transition-duration: 0.5s;
    white-space: nowrap;
}

.sAboutIn {
    padding-top: 34px;
}

.sAboutIn img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/* .sAboutIn.active{height: 1360px;} */
.sAboutIn .zzimg {
    position: relative;
    width: 93.71%;
    margin: 0 auto;
}

.sAboutIn .zzimg .z {
    position: absolute;
}

.sAboutIn .zzimg .z11 {
    top: 0;
    left: 0;
    width: 17.225%;
    z-index: 1;
}

.sAboutIn .zzimg .z12 {
    top: 5.288%;
    left: 0%;
    width: 17.225%;
    z-index: 1;
}

.sAboutIn .zzimg .z1 {
    top: 10.577%;
    left: 0;
    width: 17.225%;
    z-index: 1;
}

.sAboutIn .zzimg .z13 {
    top: 15.866%;
    left: 0%;
    width: 17.225%;
    z-index: 1;
}

.sAboutIn .zzimg .z2 {
    top: 3.269%;
    left: 8.57%;
    height: 0;
    width: 1px;
}

.sAboutIn .zzimg .z5 {
    top: 22.696%;
    left: 7.89%;
    width: 1.35%;
    transition-delay: 1s;
    z-index: 1;
}

.sAboutIn .zzimg .z3 {
    top: 64.19%;
    left: 8.503%;
    width: 0;
}

.sAboutIn .zzimg .z4 {
    top: 63%;
    left: 13.653%;
    /* width: 82.745%; */
    width: 90.77%;
}

.sAboutIn .zzimg .z6 {
    top: 23.2%;
    left: 8.49%;
    width: 0;
    height: 1px;
}

.sAboutIn .zzimg .z7 {
    top: 22.7%;
    left: 13.653%;
    width: 30.1575%;
}

.sAboutIn .zzimg .z8 {
    top: 22.7%;
    left: 47.788%;
    width: 12.753%;
}

.sAboutIn .zzimg .z9 {
    top: 22.7%;
    left: 60.3%;
    width: 45.93%;
}

.sAboutIn .zzimg .z10 {
    top: 63.7%;
    left: 7.89%;
    width: 1.35%;
}







.coll .word {
    top: 16%;
}

/* .coll .word p{font-size: 320px;} */
.bread {
    padding-top: 50px;
    padding-bottom: 50px;
}

.bread a {
    font-size: 16px;
    color: #333333;
    display: block;
    float: left;
}

.bread em {
    float: left;
    display: block;
    font-size: 16px;
    color: #333333;
    padding: 0 12px;
}

.bread a:nth-last-child(1) {
    color: #e60c0c;
}

.bread a:hover {
    color: #e60c0c;
}

.breadTop {
    padding-bottom: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.breadTop .w1400 {
    padding: 0 0.3%;
}

.breadTop a {
    font-size: 16px;
    color: #ffffff;
    display: block;
    float: left;
}

.breadTop em {
    float: left;
    display: block;
    font-size: 16px;
    color: #ffffff;
    padding: 0 12px;
}

.breadTop a:nth-last-child(1) {
    color: #ffffff;
}

.breadTop a:hover {
    color: #e60c0c;
}

.header3 {
    display: none;
}

.header3.cur {
    display: block;
}

.subTitMo {}

.subTitMo .subCon {
    background-color: #fff;
    padding: 0rem 0.43rem 0.6rem;
    display: none;
}

.subTitMo .subCon a {
    font-size: 0.28rem;
    margin: 0 0.1rem;
    color: #333333;
    display: block;
    line-height: 0.78rem;
    border-bottom: 1px solid #b5b5b5;
}

/* .subTitMo .subCon a.cur{border-bottom: 1px solid #b5b5b5;} */
.subTitM.cur .subTit a,
.building.cur .showType {
    animation-delay: 0.2s;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.subTitM.cur .subTit a:nth-child(2) {
    animation-delay: 0.3s;
}

.subTitM.cur .subTit a:nth-child(3) {
    animation-delay: 0.4s;
}

.subTitM.cur .subTit a:nth-child(4) {
    animation-delay: 0.5s;
}

.subTitM.cur .subTit a:nth-child(5) {
    animation-delay: 0.6s;
}

.subTitM.cur .subTit a:nth-child(6) {
    animation-delay: 0.7s;
}

.subTitM.cur .subTit a:nth-child(7) {
    animation-delay: 0.8s;
}

.subTitM.cur .subTit a:nth-child(8) {
    animation-delay: 0.9s;
}

.subTitM.cur .subTit a:nth-child(9) {
    animation-delay: 1s;
}

.subTitM.cur .subTit a:nth-child(10) {
    animation-delay: 1.1s;
}

.subTitM.cur .subTit a:nth-child(11),
.building.cur .showType {
    animation-delay: 1.2s;
}

.subTitM.cur .subTit a:nth-child(12) {
    animation-delay: 1.3s;
}

.subTitM.cur .subTit a:nth-child(13) {
    animation-delay: 1.4s;
}

.building.cur .buildFilter {
    animation-delay: 1.3s;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.subTitM.cur {
    position: fixed;
    top: 90px;
}



.subTitMo {
    display: none;
}

.sTech {
    padding-top: 80px;
    background-color: #fff;
    position: relative;
}

.sTech .sTechIn {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 30px;
    position: relative;
    z-index: 0;
}

.sTech .tabTit {
    padding: 0 24px;
    border-bottom: 1px solid #eaeaea;
    padding-left: 49px;
}

.sTech .tabTit p {
    font-size: 20px;
    color: #333333;
    float: left;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
}

.sTech .tabTit p:nth-child(1) {
    width: 7.142%;
}

.sTech .tabTit p:nth-child(2) {
    width: 19.071%;
}

.sTech .tabTit p:nth-child(3) {
    width: 18.785%;
}

.sTech .tabTit p:nth-child(4) {
    width: 54.86%;
    text-align: left;
    padding-left: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sTech_con {
    padding: 0 24px;
}

.sTech_con {
    padding-top: 30px;
}

.sTech_con .tecBox {}

.sTech_con .techList {
    height: 1500px;
    padding-right: 30px;
    padding-left: 25px;
}

.sTech_con .techList p {
    font-size: 16px;
    color: #5f636a;
    display: block;
    float: left;
    line-height: 80px;
    text-align: center;
}

.sTech_con .techList p:nth-child(1) {
    width: 7.142%;
}

.sTech_con .techList p:nth-child(2) {
    width: 19.071%;
}

.sTech_con .techList p:nth-child(3) {
    width: 18.785%;
}

.sTech_con .techList p:nth-child(4) {
    width: 54.86%;
    text-align: left;
    padding-left: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sTech_con .techList .item {
    background-color: #f5f5f5;
    display: block;
    transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
    position: relative;
    z-index: 0;
}

.sTech_con .techList .item:nth-child(2n) {
    background-color: #fff;
}

.sTech_con.other .techList .item:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    z-index: 1;
}

.nicescroll-cursors {
    margin-right: -2px;
}

.nicescroll-rails {
    width: 1px !important;
    z-index: 3 !important;
}

.project2 {
    padding: 24px 24px 30px;
}

.tit03 {
    color: #333333;
}

.tit03 p {
    font-size: 28px;
    margin-bottom: 10px;
}

.tit03 p em {
    color: #d20a10;
}

.tit03 span {
    font-size: 16px;
    display: block;
}

.project2 .proL {
    padding-left: 30px;
    padding-top: 48px;
    background: url(../images/icon/icon19.png) left 5px no-repeat;
}

.project2 .proR {
    width: calc(100% - 250px)
}

.project2_in {
    padding: 42px 0;
}

.project2_in a {
    display: block;
    font-size: 16px;
    color: #333333;
    line-height: 34px;
    padding: 50px 0;
    border-bottom: 1px solid #d1d1d1;
    display: block;
    transition: background 0.5s;
    position: relative;
}

.project2_in a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #d20a10;
    transition-duration: 0.5s;
    width: 0;
}

.project2_in a em {
    display: inline-block;
    padding-left: 0;
    transition-duration: 0.5s;
    position: relative;
    z-index: 2;
}

.project2_ins {
    height: 1000px;
    padding-right: 34px;
}

.project2_in a:hover {
    /*background-color: #d20a10;*/
    color: #ffffff;
    padding-left: 40px;
}

.project2_in a:hover::after {
    width: 100%;
}

.project2_in a:hover em {
    padding-left: 40px;
}

.standard {}

.standard {}

.sTech .standard .tabTit p:nth-child(1) {
    width: 20.142%;
}

.sTech .standard .tabTit p:nth-child(2) {
    width: 79.071%;
    text-align: left;
    padding-left: 70px;
}

.standard .sTech_con .techList p:nth-child(1) {
    width: 20.142%;
}

.standard .sTech_con .techList p:nth-child(2) {
    width: 79.071%;
    text-align: left;
    padding-left: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.honor {}

.honor .proL {
    padding-left: 66px;
    padding-top: 48px;
    background: url(../images/icon/icon20.png) 32px top no-repeat;
    background-size: auto 100%;
}

.honorIn {
    width: calc(100% - 250px)
}

.honor .sTechIn {
    padding-top: 50px;
}

.honor .sTech_con {
    padding-left: 0;
}

.honor .tabTit p,
.honor .techList p {
    text-align: left;
}

.honor .tabTit p:nth-child(1) {
    width: calc(48.247% - 40px);
    padding-left: 40px;
}

.honor .tabTit p:nth-child(2) {
    width: 50.071%;
}

.honor .techList p {
    line-height: 30px;
}

.honor .techList p:nth-child(1) {
    width: 37.247%;
    padding: 0 40px;
}

.honor .techList p:nth-child(2) {
    width: 50.071%;
}

.honor .techList {
    height: 540px;
    padding-left: 50px
}

.honor .sTech_con .techList .item {
    padding: 40px 0;
    position: relative;
    z-index: 0;
    transition: -webkit-transform 0.35s ease-out;
    transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* .honor .sTech_con .techList .item:hover{transform: scaleX(1.1);} */
.honor .tabTit {
    padding: 0;
    margin-right: 56px;
    margin-left: 25px
}

.honor2 {
    padding-top: 70px;
}

.honor2 .proL {
    background-image: url(../images/icon/icon21.png);
}

.honor2 .tit03 span {
    max-width: 183px
}

.college01 {
    padding-bottom: 128px;
    background: url(../images/page/p7.png) 15% 90% no-repeat;
}

.college01 .college01_l {
    width: 54.871%;
    padding: 0 160px 40px 64px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.college01 .college01_r {
    width: 44.971%;
    background-color: #f4f4f4;
    margin-top: 106px;
    position: relative;
}

.college01 h5 {
    font-size: 28px;
    color: #333333;
    margin-bottom: 6px;
    margin-top: 40px;
}

.college01 h5 em {
    color: #e50000;
}

.college01 span {
    font-size: 16px;
    color: #333333;
    display: block;
    margin-bottom: 26px;
}

.college01 p {
    font-size: 16px;
    color: #5f636a;
    line-height: 30px;
}

.college01 .college01_r img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    padding: 105px 0;
}

.college02 {
    position: relative;
    padding-bottom: 119px;
    background: url(../images/page/p7.png) 85% 93% no-repeat;
}

.college02 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 7.395%);
    background-color: #f4f4f4;
    height: 100px;
    z-index: 0;
    height: 350px;
}

.college02 .w1400 {
    position: relative;
    z-index: 1;
}

.tit04 {
    text-align: center;
    padding-top: 76px;
}

.tit04 h5 {
    font-size: 28px;
    color: #333333;
    margin-bottom: 6px;
}

.tit04 h5 em {
    color: #e50000;
}

.tit04 span {
    font-size: 16px;
    color: #333333;
    display: block;
    margin-bottom: 40px;
}

.college02 .college02_in01 {
    width: 47.428%;
    position: relative;
}

.college02 .college02_in01 img {
    display: block;
    width: 100%;
}

.college02 .college02_in02 {
    background-color: #fff;
    padding: 0 90px 0 100px;
    width: 52.114%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
}

.college02 .college02_in02 .item {
    margin-top: 50px;
}

.college02 .college02_in02 .item:nth-child(1) {
    margin-top: 0;
}

.college02 .college02_in02 .iteml {
    width: 21px;
}

.college02 .college02_in02 .itemr {
    width: calc(100% - 21px);
    padding-left: 20px;
}

.college02 .college02_in02 .iteml p {
    font-size: 18px;
    color: #ea3a3a;
    border-bottom: 2px solid #ea3a3a;
    font-family: 'Arial';
}

.college02 .college02_in02 .itemr p {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
}

.college02 .college02_in02 .itemr span {
    font-size: 16px;
    color: #5f636a;
    display: block;
    line-height: 30px;
}

.college02 .college02_in02 .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 190px);
}

.college03 {
    padding-bottom: 118px;
    background: url(../images/page/p7.png) left 90% no-repeat;
}

.college03 .college03In {
    width: 90.052%;
    background-color: #f4f4f4;
    padding-left: 110px;
}

.college03 .tit04 {
    padding-left: 10.45%;
    text-align: left;
}

.college03 .c3 {
    padding-bottom: 120px;
}

.college03 .c3 .swiper-slide {
    width: 26.73%;
    margin-right: 38px;
}

.college03 .c3 .swiper-slide a {
    display: block;
}

.college03 .c3 .swiper-slide img {
    display: block;
    width: 100%;
    transition-duration: 0.5s;
}

.college03 .c3 .text {
    position: relative;
    margin-top: 18px;
}

.college03 .c3 .text p {
    font-size: 16px;
    color: #333333;
    padding-left: 35px;
    line-height: 30px;
    transition-duration: 0.5s;
    float: left;
}

.college03 .c3 .text span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 1px;
    background-color: #b5b5b5;
    transition-duration: 0.5s;
    z-index: -1;
}

.college03 .c3 .swiper-button-next,
.college03 .c3 .swiper-button-prev {
    bottom: 56px;
    top: auto;
    width: 22px;
    height: 22px;
}

.college03 .c3 .swiper-button-next {
    right: 16%;
    background: url(../images/icon/icon23.png) center no-repeat;
}

.college03 .c3 .swiper-button-prev {
    right: 19%;
    left: auto;
    background: url(../images/icon/icon22.png) center no-repeat;
}

.college03 .c3 .swiper-button-next:hover {
    background-image: url(../images/icon/icon23_s.png);
}

.college03 .c3 .swiper-button-prev:hover {
    background-image: url(../images/icon/icon22_s.png);
}

.college03 .c3 .swiper-slide a:hover .text p {
    padding-left: 20px;
}

.college03 .c3 .swiper-slide a:hover .text span {
    width: 100px;
}

.college04 .proL {
    padding-top: 23px;
    background: url(../images/icon/icon44.png) 32px 0 no-repeat;
}

.college04 .tabTit p {
    font-size: 20px;
    color: #333333;
    float: left;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
}

.college04 .tabTit p:nth-child(1) {
    width: 11.34%;
}

.college04 .tabTit p:nth-child(2) {
    width: 49.938%;
    text-align: left;
    padding-left: 18%;
}

.college04 .tabTit p:nth-child(3) {
    width: 20.309%;
    text-align: left;
}

.college04 .techList p:nth-child(1) {
    width: 7.34%;
    text-align: center;
    padding: 0 0 0 40px;
}

.college04 .techList p:nth-child(2) {
    width: 45.938%;
    text-align: left;
    padding-left: 18%;
    padding-right: 4%;
}

.college04 .techList p:nth-child(3) {
    width: 19.309%;
    text-align: left;
}

.honor .sTech_con .techList .item:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    z-index: 2;
}

.college04 .honor1 .techList {
    height: 795px;
    padding-left: 25px;
}

.college04 .sTechIn {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 70px;
}

.college04 .honorIn {
    position: relative;
}

.college01 .college01_r img,
.college02 .college02_in01 img {
    opacity: 0;
    -webkit-transition: all .1s cubic-bezier(.04, .435, .315, .9) .4s;
    transition: all .1s cubic-bezier(.04, .435, .315, .9) .4s;
}

.college01 .college01_r::after,
.college02 .college02_in01::after,
.college03 .coll03_swiper .swiper-slide::after {
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    z-index: 2;
    left: 0;
    width: 100%;
    content: '';
    position: absolute;
    top: 0;
    background-color: #1f1f1f;
}

.college01 .college01_r.active::after,
.college02 .college02_in01.active::after,
.college03 .coll03_swiper.active .swiper-slide::after {
    -webkit-animation: img_show .8s cubic-bezier(.04, .435, .315, .9);
    animation: img_show .8s cubic-bezier(.04, .435, .315, .9);
}

.college01 .college01_r.active img,
.college02 .college02_in01.active img {
    opacity: 1;
}

.circleBymouse {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #d20a10;
    z-index: 999;
    transform: scale(0);
}

.college03 .coll03_swiper {
    opacity: 0;
    transition-duration: 0.5s;
}

.college03 .coll03_swiper.active {
    opacity: 1;
}

.college03 .c3 .swiper-slide a .img {
    width: 100%;
    overflow: hidden;
}

/* .college03 .c3 .swiper-slide a:hover img */
.college03 .c3 .swiper-slide a:hover img {
    transform: scale(1.08);
}



/* .partner .tit h5{visibility: visible;} */
.partner .tit h5 {
    color: #e50000;
}

.partner .part01 {
    padding-bottom: 72px;
}

.partner .part011 {
    background: url(../images/page/p11.png) center no-repeat;
    padding: 46px 0;
    background-size: 100% 100%;
}

/* .partner .part011s{visibility: hidden;} */
.partner .part011 a {
    display: block;
    width: 20%;
    float: left;
    height: 186px;
    position: relative;
    transition: transform 0.5s;
}

.partner .part011 a img {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
}

.partner .part011 a:hover {
    transform: scale(1.2);
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.part011_m {}

.part011_m .swiper-slide {}

.part011_m .swiper-slide a {
    display: block;
    width: 50%;
    float: left;
    height: 2.28rem;
    position: relative;
}

.part011_m .swiper-slide a img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
}

.part02 {
    background-color: #fafafa;
    padding-top: 40px;
}

/* .part02 .gallery-thumbs{width: 580px;} */
.part02 .gallery-thumbs {
    margin-bottom: 72px;
}

.part02 .gallery-thumbs .swiper-slide {
    padding: 0 30px;
    width: auto;
    border-left: 1px solid #b5b5b5;
    cursor: pointer;
}

.part02 .gallery-thumbs .swiper-slide:nth-child(1) {
    padding-left: 0;
    border: 0;
}

.part02 .gallery-thumbs p {
    font-size: 20px;
    color: #5f636a;
    line-height: 28px;
}

.part02 .gallery-top {}

.part02 .gallery-top a {
    display: block;
    font-size: 18px;
    color: #333333;
    float: left;
    width: 168px;
    text-align: left;
    line-height: 30px;
    margin-bottom: 56px;
    cursor: context-menu;
}

.part02 .gallery-top a span {
    display: inline-block;
    transition-duration: 0.5s;
    position: relative;
}

.part02 .gallery-top a span em {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 1px;
    width: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    transition-duration: 0.5s;
    background-color: #d20a10;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
}

.part02 .gallery-top a:hover span em {
    width: 100%;
}

/* .part02 .gallery-top a:hover span{border-bottom: 1px solid #d20a10;} */
.part02 .gallery-thumbs p:hover {
    color: #d20a10;
}

.part02 .gallery-thumbs .swiper-slide.cur p {
    color: #d20a10;
}

/* 品牌 */
.brands {
    background-color: #fff;
    position: relative;
    padding-top: 1px;
}

.brands .ttNews {
    padding: 0 0.3%;
    padding-top: 80px;
}

.brands .ttTop {
    background-color: #fafafa;
    padding: 38px 128px;
    display: block;
}

.brands .ttTop h5 {
    font-size: 24px;
    color: #d20a10;
    text-align: center;
    margin-bottom: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.brands .ttTop h5 em {
    display: inline-block;
    width: 93px;
    height: 37px;
    line-height: 37px;
    font-size: 20px;
    color: #ffffff;
    background: url(../images/page/p23.png) center no-repeat;
    background-size: 100% auto;
    text-align: center;
}

.brands .ttTop p {
    font-size: 16px;
    color: #5f636a;
    line-height: 36px;
    text-indent: 2em;
}

.brands .ttBottom {
    padding-top: 42px;
}

.brands .ttBottom .ttBottomL {
    width: 68.428%;
    position: relative;
}

.brands .ttBottom .ttBottomL .brandSlide {
    height: 100%;
}

.brands .ttBottomL a {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 100%;
    overflow: hidden;
}

.brands .ttBottomL a img {
    display: block;
    transition-duration: 0.5s;
    width: 100%;
}

.brands .ttBottomL a:hover img {
    transform: scale(1.08);
}

.brands .ttBottomL a>p {
    line-height: 64px;
    padding: 0 30px;
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(../images/page/p25.png) center left repeat-x;
    background-size: auto 100%;
}

.brands .ttBottomL .slidePage {
    position: absolute;
    bottom: 0;
    right: 50px;
    z-index: 2;
}

.brands .ttBottomL .slidePage p {
    line-height: 64px;
    color: #ffffff;
    float: left;
    font-size: 16px;
    background: none;
}

.brands .ttBottomL .slidePage .cur {
    font-size: 20px;
}

.brands .ttBottomL .slidePage .totals {
    font-size: 16px;
}

.brands .ttBottomL .swiper-button-next,
.brands .ttBottomL .swiper-button-prev {
    width: 7px;
    height: 14px;
    bottom: 24px;
    top: auto;
}

.brands .ttBottomL .swiper-button-next {
    background: url(../images/page/p26.png) center no-repeat;
    right: 30px;
}

.brands .ttBottomL .swiper-button-prev {
    background: url(../images/page/p27.png) center no-repeat;
    right: 113px;
    left: auto;
}

.brands .ttBottomr {
    width: 30.5%;
}

.brands .ttBottomr a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.brands .ttBottomr a img {
    display: block;
    width: 100%;
    transition-duration: 0.5s;
}

.brands .ttBottomr a p {
    font-size: 16px;
    color: #ffffff;
    line-height: 58px;
    background: url(../images/page/p25.png) left center repeat-x;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 22px;
}

.brands .ttBottomr .ttBottomr2 {
    margin-top: 6%;
}

.brands .ttBottomr a:hover img {
    transform: scale(1.08);
}

.brands .newsList {
    margin-top: 60px;
}

.brands .newsList .waterfull ul li {
    float: left;
    /* width: 32.736%;
    margin: 0 0.3% 28px 0.3%; */
    margin-bottom: 30px;
    width: 33%;
}

/* .brands .newsList .waterfull ul li:nth-child(1){margin-left: 0;} */
.newsList .grid-sizer {
    width: 32.5%;
}

.newsList .gutter-sizer {
    width: 1.2%;
}

.brands .newsList .waterfull ul li a {
    position: relative;
    display: block;
    width: 96%;
    background: #fff;
    border-bottom: #f3f3f3 1px solid;
    border-top: #f3f3f3 1px solid;
    
}

.brands .newsList .waterfull ul li .pic {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.brands .newsList .waterfull ul li .pic img {
    width: 100%;
    display: block;
    transition-duration: 0.5s;
}

.brands .newsList .waterfull ul a:hover .pic img {
    transform: scale(1.08);
}

.brands .newsList .waterfull ul li .description {
    display: block;
    padding: 0 8px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #444;
}

.brands .newsList .waterfull ul li .text {
    margin: 0 auto;
    width: 90%;
}

.brands .newsList .waterfull ul li .text b {
    display: block;
    margin: 20px auto;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
}

.brands .newsList .waterfull ul li .text p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -ms-box;
    -ms-line-clamp: 2;
    -ms-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -o-box;
    -o-line-clamp: 2;
    -o-box-orient: vertical;
}

.brands .newsList .waterfull ul li .text .b {
    padding: 20px 0 15px;
    line-height: 22px;
    font-family: "Arial";
}

.brands .newsList .waterfull ul li .text i {
    float: right;
    font-size: 14px;
    color: #bababb;
    font-weight: bold;
}

/* .brands .waterfull ul li .text span{float: left;font-size: 18px;color: #333;font-weight: bold;} */
.brands .newsList .waterfull ul li .text em {
    float: left;
    font-size: 12px;
    color: #666;
    font-weight: 900;
    line-height: 26px;
}

.brands .newsList .waterfull ul li .lie {
    transition: all 0.5s;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0%;
    height: 2px;
}

.brands .newsList .waterfull ul li:hover a {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}

.brands .newsList .waterfull ul li:hover .lie {
    transition: all 0.5s;
    width: 96%;
    background: #d20a10;
}

.brands .newsList .waterfull ul li:hover .text i,
.brands .waterfull ul li:hover .text b {
    color: #d20a10;
}

.brands .more {
    padding: 60px 0 0;
    width: 100%;
    font-size: 18px;
    color: #666;
    text-align: center;
    cursor: pointer;
}

.brands .more p {
    text-indent: 0;
    background: none;
}

.brands .more .icon {
    margin: 0 auto;
    width: 300px;
    height: 53px;
    text-indent: -99999px;
    background: url(../images/page/p33.png) center no-repeat;
    display: none;
}

.brands .newsList .waterfull ul li .text span {
    font-size: 16px;
    color: #666666;
    font-weight: bold;
}

.profile .tit h5 {
    color: #e50000;
    visibility: visible;
}

.profile .profile01 .item {}

.profile .profile01 .item .iteml>p {
    font-size: 16px;
    color: #5f636a;
    line-height: 35px;
    margin-bottom: 33px;
}

.profile .profile01 .iteml {
    width: 620px;
    padding-left: 62px;
    padding-top: 20px;
}

.profile .profile01 .itemr {
    width: 39%;
    height: 520px;
    position: relative;
    margin-left: 97px;
}

.profile .profile01 .itemr .pimg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 112.6%;
    height: 100%;
    overflow: hidden;
    background: url(../images/page/pc_about1.jpg) center left no-repeat;
    background-size: auto 100%;
    transition-duration: 0.5s;
}

/* .profile .itemr .pimg img{display: block;height: 100%;} */
.profile .profile01 .item2 {
    margin-top: 50px;
}

.profile .profile01 .item2 .itemr {
    margin-left: 0;
    margin-right: 97px;
}

.profile .profile01 .item2 .iteml {
    padding-left: 0;
    padding-right: 160px;
    width: 680px;
    padding-top: 130px;
}

.profile .profile01 .item2 .itemr .pimg {
    right: 0;
    left: auto;
    background: url(../images/page/pc_about2.jpg) center right no-repeat;
    background-size: auto 100%;
}

.profile .profile01 .item3 {
    margin-top: 50px;
}

.profile .profile01 .item3 .iteml {
    padding-top: 90px;
}

.profile .profile01 .item3 .itemr {
    width: 36.714%;
    height: 476px;
}

.profile .profile01 .item3 .itemr .pimg {
    width: 100%;
    background: url(../images/page/pc_about3.jpg) center right no-repeat;
    background-size: auto 100%;
    width: 100%
}

.profile02 {
    padding-top: 130px;
}

.profile02 .w1400 {
    padding: 0 78px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    padding-top: 70px;
}

.profile02 .profile02_t {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 62px;
}

.profile02 .tit05 h5 {
    font-size: 28px;
    color: #d20a10;
    margin-bottom: 7px;
}

.profile02 .tit05 h5 em {
    color: #333333;
}

.profile02 .tit05 span {
    display: block;
    font-size: 16px;
    color: #333333;
    margin-bottom: 65px;
}

.profile02 .profile02_t h6 {
    font-size: 24px;
    color: #333333;
    font-weight: 400;
    padding-bottom: 14px;
}

.profile02 .profile02_t p {
    font-size: 20px;
    color: #5f636a;
    line-height: 34px;
}

.profile02 .profile02_t p i {
    color: #d20a10;
}

.profile02 .profile02_t .item1 {
    width: 60.256%;
    float: left;
}

.profile02 .profile02_t .item2 {
    width: 31.201%;
    float: right;
}

.profile02 .profile02_z {
    padding-bottom: 62px;
    border-bottom: 1px solid #eaeaea;
}

.profile02 .profile02_z .tit05 span {
    margin-bottom: 30px;
}

.profile02 .profile02_z ul li {
    float: left;
    margin-right: 8.98%;
    width: 18.26%;
    width: 21.801%;
    margin-right: 4.14%;
}

.profile02 .profile02_z ul li.li4 {
    margin-right: 0;
}

.profile02 .profile02_z ul em {
    display: block;
    width: 100%;
    height: 133px;
    transition-duration: 0.5s;
}

.profile02 .profile02_z ul p {
    font-size: 22px;
    color: #333;
}

.profile02 .profile02_z ul li:hover p {
    color: #d20a10;
}

.profile02 .profile02_z ul li.li1 em {
    background: url(../images/0508/icon_1.png) left center no-repeat;
    width: 59px;
}

.profile02 .profile02_z ul li.li2 em {
    background: url(../images/0508/icon_2.png) left center no-repeat;
    width: 62px;
}

.profile02 .profile02_z ul li.li3 em {
    background: url(../images/0508/icon_3.png) left center no-repeat;
    width: 44px;
}

.profile02 .profile02_z ul li.li4 em {
    background: url(../images/0508/icon_4.png) left center no-repeat;
    width: 56px;
}

.profile02 .profile02_z ul li.li1:hover em {
    background: url(../images/0508/icon_1s.png) right center no-repeat;
    transform: rotateY(180deg);
}

.profile02 .profile02_z ul li.li2:hover em {
    background: url(../images/0508/icon_2s.png) right center no-repeat;
    transform: rotateY(180deg);
}

.profile02 .profile02_z ul li.li3:hover em {
    background: url(../images/0508/icon_3s.png) right center no-repeat;
    transform: rotateY(180deg);
}

.profile02 .profile02_z ul li.li4:hover em {
    background: url(../images/0508/icon_4s.png) right center no-repeat;
    transform: rotateY(180deg);
}

@media(max-width:1201px) {
    .profile02 .profile02_z {
        padding-bottom: 0.54rem;
    }

    .profile02 .profile02_z .tit05 span {
        margin-bottom: 0.26rem;
    }

    .profile02 .profile02_z ul li {
        margin: 0 0 0.43rem 0;
        width: 43.9%;
    }

    .profile02 .profile02_z ul li.li1,
    .profile02 .profile02_z ul li.li3 {
        margin-right: 6.1%;
    }

    .profile02 .profile02_z ul em {
        height: 1.5rem;
    }

    .profile02 .profile02_z ul p {
        margin-top: 0.06rem;
        font-size: 0.32rem;
        line-height: 0.3rem;
        text-align: center;
    }

    .profile02 .profile02_z ul li.li1 em {
        background: url(../images/0508/m/icon_1.png) center no-repeat;
        background-size: 0.82rem auto;
        width: 100%;
    }

    .profile02 .profile02_z ul li.li2 em {
        background: url(../images/0508/m/icon_2.png) center no-repeat;
        background-size: 0.86rem auto;
        width: 100%;
    }

    .profile02 .profile02_z ul li.li3 em {
        background: url(../images/0508/m/icon_3.png) center no-repeat;
        background-size: 0.61rem auto;
        width: 100%;
    }

    .profile02 .profile02_z ul li.li4 em {
        background: url(../images/0508/m/icon_4.png) center no-repeat;
        background-size: 0.8rem auto;
        width: 100%;
    }

    .profile02 .profile02_z ul li.li1:hover em {
        background: url(../images/0508/m/icon_1s.png) center no-repeat;
        background-size: 0.82rem auto;
    }

    .profile02 .profile02_z ul li.li2:hover em {
        background: url(../images/0508/m/icon_2s.png) center no-repeat;
        background-size: 0.86rem auto;
    }

    .profile02 .profile02_z ul li.li3:hover em {
        background: url(../images/0508/m/icon_3s.png) center no-repeat;
        background-size: 0.61rem auto;
    }

    .profile02 .profile02_z ul li.li4:hover em {
        background: url(../images/0508/m/icon_4s.png) center no-repeat;
        background-size: 0.8rem auto;
    }

}

.profile02 .profile02_b {
    padding-top: 60px;
}

.profile02_bCon .item {
    width: 21.801%;
    float: left;
    margin-right: 4.14%;
    padding-bottom: 86px;
}

.profile02_bCon .item:nth-child(4) {
    margin-right: 0;
}

.profile02_bCon p {
    font-size: 22px;
    color: #333333;
    padding-bottom: 24px;
    transition-duration: 0.5s;
}

.profile02_bCon span {
    font-size: 14px;
    color: #5f636a;
    display: block;
}

.profile02_bCon em {
    display: block;
    width: 100%;
    height: 100px;
    transition-duration: 0.5s;
}

.profile02_bCon .item:nth-child(1) em {
    background: url(../images/page/p37.png) left top no-repeat;
}

.profile02_bCon .item:nth-child(2) em {
    background: url(../images/page/p38.png) left top no-repeat;
}

.profile02_bCon .item:nth-child(3) em {
    background: url(../images/page/p39.png) left top no-repeat;
}

.profile02_bCon .item:nth-child(4) em {
    background: url(../images/page/p40.png) left top no-repeat;
}

/* .profile02_bCon .item:hover em{margin-top: 10px;} */
.profile02_bCon .item:nth-child(1):hover em {
    background-image: url(../images/page/p37_s.png);
}

.profile02_bCon .item:nth-child(2):hover em {
    background-image: url(../images/page/p38_s.png);
}

.profile02_bCon .item:nth-child(3):hover em {
    background-image: url(../images/page/p39_s.png);
}

.profile02_bCon .item:nth-child(4):hover em {
    background-image: url(../images/page/p40_s.png);
}

.profile02_bCon .item:hover p {
    color: #d20a10;
}

.profile03 {
    padding-top: 120px;
}

.profile03 .w1400 {
    overflow: hidden;
}

.profile03 .profile03Con {
    width: 100%;
    height: 452px;
    overflow: hidden;
}

.profile03Con .profile03In .item {
    float: left;
    width: 13.72%;
    position: relative;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    height: 450px;
    margin-right: 10px;
    overflow: hidden;
}

.profile03Con .profile03In .item:nth-last-child(1) {
    margin-right: 0;
}

.profile03Con .profile03In .item img {
    display: block;
    height: 100%;
}
.profile03Con .profile03In .item .miniImg{
    height: 450px;
}
.profile03Con .profile03In .item .bigImg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 591px;
    z-index: -1;
    overflow: hidden;
    transition-delay: 0.3s;
}

.profile03Con .profile03In .item .bigImg img {
    height: 100%;
    width: auto;
    display: block;
}

.profile03Con .profile03In .item:hover,
.profile03Con .profile03In .item.on {
    width: 42.214%;
}

.profile03Con .profile03In .item:hover>.miniImg,
.profile03Con .profile03In .item.on>.miniImg {
    visibility: hidden;
}

.profile03Con .profile03In .item:hover>.bigImg,
.profile03Con .profile03In .item.on>.bigImg {
    z-index: 2;
}

.profile03Con .swiper-button-next,
.profile03Con .swiper-button-prev {
    top: -60px;
    width: 37px;
    height: 37px;
    background-color: #e6e6e6;
    transition-duration: 0.5s;
}

.profile03Con .swiper-button-next {
    background: #e6e6e6 url(../images/icon/icon37.png) center no-repeat;
    right: 0;
}

.profile03Con .swiper-button-prev {
    background: #e6e6e6 url(../images/icon/icon38.png) center no-repeat;
    right: 37px;
    left: auto;
}

.profile03Con .swiper-button-next:hover,
.profile03Con .swiper-button-prev:hover {
    background-color: #c7161d;
}

.profile03Con .swiper-container {
    overflow: unset;
}






.profile04 {
    padding-top: 154px;
}

.profile04 .item {
    display: block;
    width: 30.642%;
    margin-right: 4%;
    position: relative;
    float: left;
}

.profile04 .item:nth-last-child(1) {
    margin-right: 0;
}

.profile04 .item img {
    display: block;
    width: 100%;
}

.profile04 .item .itemIn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 32px;
    transition-duration: 0.5s;
}

.profile04 .item p {
    font-size: 26px;
    color: #ffffff;
    line-height: 80px;
}

.profile04 .item span {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    transition-duration: 0.5s;
    height: 0;
    display: block;
}

.profile04 .item:hover .itemIn {
    background-color: #fff;
}

.profile04 .item:hover p {
    color: #333333;
}

.profile04 .item:hover span {
    height: 48px;
    margin-bottom: 28px;
}

.profile .profile01 .itemr .pimg::after {
    content: "";
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background-color: #fff;
    top: -5px;
    left: -5px;
    -webkit-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.405, 0.005, 0, 1);
    transition: -webkit-transform 1s cubic-bezier(0.405, 0.005, 0, 1);
    transition: transform 1s cubic-bezier(0.405, 0.005, 0, 1);
    transition: transform 1s cubic-bezier(0.405, 0.005, 0, 1), -webkit-transform 1s cubic-bezier(0.405, 0.005, 0, 1);
}

.profile .profile01 .item.active .itemr .pimg::after {
    -webkit-transform: scaleY(0) translateZ(0);
    transform: scaleY(0) translateZ(0);
}


.service_pro01 {
    background-color: #f6f6f6;
    padding-top: 98px;
}

.service_banner {
    width: 89.01%;
    margin: 0 auto;
    position: relative;
    background-color: #ddd;
}

.service_banner::after {
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    z-index: 2;
    left: 0;
    width: 100%;
    content: '';
    position: absolute;
    top: 0;
    background-color: #1f1f1f;
    z-index: 99;
}

.service_banner.active::after {
    -webkit-animation: img_show .8s cubic-bezier(.04, .435, .315, .9);
    animation: img_show .8s cubic-bezier(.04, .435, .315, .9);
}

.service_banner .service01 {
    visibility: hidden;
    transition-delay: 0.2s;
}

.service_banner.active .service01 {
    visibility: visible;
}

.service_banner.active .service01 .swiper-slide {
    width: 100%;
}

.service_banner.active .service01 img {
    display: block;
    width: 100%;
}

.service_banner.active .service01 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/page/p106.png) center bottom no-repeat;
    background-size: 100% auto;
}

.service_banner .swiper-pagination-bullet {
    width: auto;
    height: auto;
    background-color: transparent;
    font-size: 16px;
    color: #ffffff;
    padding-left: 28px;
}

.service_banner .swiper-pagination-bullet i {
    float: left;
}

.service_banner .swiper-pagination-bullet em {
    width: 0;
    display: block;
    height: 1px;
    background-color: #fff;
    float: left;
    margin-top: 14px;
    margin-left: 22px;
}

.service_banner .swiper-pagination {
    text-align: left;
    bottom: 30px
}

.service_banner .swiper-pagination-bullet-active em {
    width: 142px;
    transition-duration: 3s;
}

.service_banner .swiper-button-next,
.service_banner .swiper-button-prev {
    width: 20px;
    height: 40px;
    margin-top: 0;
    top: 0;
    height: 100%;
    width: 55px;
}

.service_banner .swiper-button-next {
    background: url(../images/page/p51.png) center no-repeat;
    background-size: 100% auto;
    right: 0;
    background-size: 20px auto;
}

.service_banner .swiper-button-prev {
    background: url(../images/page/p50.png) center no-repeat;
    background-size: 100% auto;
    left: 0;
    background-size: 20px auto;
}

.service_pro01In {
    width: 89.01%;
    margin: 0 auto;
    padding-bottom: 72px;
    padding-top: 80px;
}

.service_pro01In .itemBig {
    float: left;
    padding-left: 30px;
    max-width: 30%;
}

.service_pro01In .itemBig em {
    width: 61px;
    height: 1px;
    background-color: #6d6d6e;
    display: block;
    margin-bottom: 38px;
}

.service_pro01In .itemBig h5 {
    font-size: 18px;
    color: #333333;
    margin-bottom: 15px;
}

.service_pro01In .itemBig b {
    font-size: 24px;
    color: rgba(51, 51, 51, 0.15);
    font-family: 'Arial';
    display: block;
    font-weight: 800;
}

.service_pro01In .item {
    float: left;
    padding-top: 40px;
    margin-left: 42px;
}

.service_pro01In .item p {
    font-size: 14px;
    color: #5f636a;
}

.service_pro01In .item p i {
    font-size: 14px;
    color: rgba(51, 51, 51, 0.15);
    font-weight: 800;
    font-family: 'Arial';
    text-transform: uppercase
}

.service_pro01In .item b {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    display: block;
    margin-top: 3px;
}

.service_pro02 {
    margin-top: 80px;
}

.service_pro .tit h5 {
    color: #e50000;
}

.service_pro .tit h5 em {
    background-color: #e50000;
}

.service_pro02 .service_pro02_l {
    width: 57.928%;
}

.service_pro02 .service_pro02_l .text {
    font-size: 16px;
    color: #5f636a;
    line-height: 30px;
}

.service_pro02 .service_pro02_l p,
.service_pro02 .service_pro02_l a,
.service_pro02 .service_pro02_l span,
.service_pro02 .service_pro02_l em,
.service_pro02 .service_pro02_l i {
    font-size: 16px;
    color: #5f636a;
    line-height: 30px;
}

.service_pro02 .service_pro02_l .tit p {
    font-size: 22px;
    color: #b5b5b5;
    vertical-align: sub;
}

.service_pro02 .service_pro02_l .tit span {
    font-size: 36px;
    color: #333333;
    font-weight: bold;
}

.service_pro02 .service_pro02_r {
    width: 37.857%;
    padding-left: 50px;
}

.service_pro02 .service02slide {
    padding-bottom: 38px;
}

.service_pro02 .service02slide a {
    display: block;
    padding: 27px 31px;
    margin-bottom: 15px;
    transition: background 0.5s;
}

.service_pro02 .service02slide .majorL {
    width: 135px;
    height: 135px;
    overflow: hidden;
}

.service_pro02 .service02slide .majorL img {
    display: block;
    max-width: 100%;
}

.service_pro02 .service02slide .majorr {
    position: relative;
    height: 135px;
    width: calc(100% - 135px);
}

.service_pro02 .majorrIn {
    padding-left: 20px;
    position: absolute;
    top: 50%;
    left: 0;
}

.service_pro02 .majorrIn h5 {
    font-size: 22px;
    color: #333333;
    margin-bottom: 8px;
}

.service_pro02 .majorrIn p {
    font-size: 14px;
    color: #e50000;
}

.service02slide .swiper-button-next,
.service02slide .swiper-button-prev {
    width: 37px;
    height: 37px;
    background-color: #e6e6e6;
    bottom: 0;
    top: auto;
    margin-top: 0;
    transition-duration: 0.5s;
}

.service02slide .swiper-button-next {
    background: #e6e6e6 url(../images/icon/icon37.png) center no-repeat;
    right: 0;
}

.service02slide .swiper-button-prev {
    background: #e6e6e6 url(../images/icon/icon38.png) center no-repeat;
    right: 37px;
    left: auto;
}

.service02slide .swiper-button-next:hover,
.service02slide .swiper-button-prev:hover {
    background-color: #c7161d;
}

.service_pro02 .service02slide a:hover {
    background-color: #f6f6f6;
}

.service_pro03 {
    background: #fafafa url(../images/page/p56.jpg) center no-repeat;
    background-size: 100% 100%;
    margin-top: 90px;
    padding-top: 90px;
    padding-bottom: 70px;
}

.service_pro03 ul li {}

.service_pro03 ul li a {
    display: block;
    position: relative;
    padding-left: 80px;
}

.service_pro03 ul li p {
    font-size: 16px;
    color: #5f636a;
    transition-duration: 0.5s;
    line-height: 42px;
}

.service_pro03 ul li span {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 20px;
    background-color: #c9c9c9;
    transition-duration: 0.5s;
}

.service_pro03 ul li a:hover span {
    width: 57px;
    background-color: #f0ccce;
}

.service_pro03 ul li a:hover p {
    color: #e50000;
}

.service_pro04 {
    padding-top: 32px;
}

.service_pro04 .pro_con {}

.service_pro04 .pro_con .item {
    display: block;
    width: 32%;
    position: relative;
    overflow: hidden;
    float: left;
    margin-left: 2%;
}

.service_pro04 .pro_con .item:nth-child(1) {
    margin-left: 0;
}

.service_pro04 .pro_con .item img {
    display: block;
    width: 100%;
}

.service_pro04 .pro_con .item>p {
    font-size: 16px;
    color: #ffffff;
    line-height: 56px;
    padding: 0 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.service_pro04 .pro_con .desc {
    text-align: center;
    width: 90%;
    height: 90%;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 14.875% 64px 0;
    overflow: hidden;
    transition-duration: 0.5s;
    -webkit-transform: scale(0) translate(-50%, -50%);
    -ms-transform: scale(0) translate(-50%, -50%);
    -moz-transform: scale(0) translate(-50%, -50%);
    -o-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
    transform-origin: left top;
}

.service_pro04 .pro_con .desc h5 {
    visibility: hidden;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 20px;
}

.service_pro04 .pro_con .desc p {
    visibility: hidden;
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
    margin-bottom: 25px;
}

.service_pro04 .pro_con .desc span {
    visibility: hidden;
    font-size: 12px;
    color: #ffffff;
    display: block;
    line-height: 24px;
    border-bottom: 1px solid #ffffff;
    width: 48px;
    margin: 0 auto;
}

.service_pro04 .pro_con .item:hover>p {
    display: none;
}

.service_pro04 .pro_con .item:hover .desc {
    -webkit-transform: scale(0) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    -moz-transform: scale(1) translate(-50%, -50%);
    -o-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.service_pro04 .pro_con .item:hover .desc h5,
.service_pro04 .pro_con .item:hover .desc p,
.service_pro04 .pro_con .item:hover .desc span {
    visibility: visible;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.service_pro04 .pro_con .item:hover .desc h5 {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}

.service_pro04 .pro_con .item:hover .desc p {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}

.service_pro04 .pro_con .item:hover .desc span {
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
}


.bookList {
    margin-top: 60px;
}

.bookList .item {}

.bookList .item a {
    display: block;
}

.brands .bookList ul li {
    width: 22%;
    margin: 0 1.5% 28px 1.5%;
}

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

.brands .bookList .grid-sizer {
    width: 21.547%;
}

.brands .bookList .gutter-sizer {
    width: 4.628%;
}

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

.brands .bookList ul li img {
    display: block;
    width: 100%;
    transition-duration: 0.5s;
}

.brands .bookList ul a:hover img {
    transform: scale(1.08);
}

.brands .bookList .text {}

.brands .bookList .text b {
    font-size: 22px;
    color: #333333;
    margin: 24px 0 12px 0;
    display: block;
    font-weight: 400;
    transition-duration: 0.5s;
}

.brands .bookList .text p {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
}

.brands .bookList .text .desc {
    display: none;
}

.brands .bookList .pic {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.brands .bookList .pic .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

/* .book .w1400{position: relative;} */
.brands .mask {
    display: none;
    position: fixed;
    top: 20%;
    left: 50%;
    background-color: rgba(51, 51, 51, 0.9);
    z-index: 10;
    width: calc(1400px * 0.97);
}

.brands .mask .panel {
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 50px 60px;
}

.brands .mask .panel img {
    display: block;
}

.brands .mask .bkRight {
    width: 70%;
    padding-top: 66px;
}

.brands .mask .bkRight h5 {
    font-size: 22px;
    color: #ffffff;
    padding-bottom: 28px;
}

.brands .mask .bkRight p {
    font-size: 18px;
    color: #ffffff;
    line-height: 30px;
    margin-bottom: 10px;
}

.brands .mask .clo {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 29px;
    height: 29px;
    background: url(../images/page/p65.png) center no-repeat;
    cursor: pointer;
    z-index: 2;
}

.videoList {
    padding-top: 80px;
}

.videoList .item {
    width: 31.4285%;
    margin: 0 0.93% 0 0.93%;
    padding: 0;
}

.videoList .grid-sizer {
    width: 31.4285%;
}

.videoList .gutter-sizer {
    width: 40px;
}

.videoList .item:nth-child(3n) {
    margin-right: 0;
}

.videoList .text p {
    font-size: 20px;
    color: #333333;
    line-height: 80px;
    margin-bottom: 20px;
    transition-duration: 0.5s;
}

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

.videoList .pic p {
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    line-height: 48px;
    bottom: 0;
    right: 18px;
}

.videoList .pic em {
    transform-origin: top left;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    background: url(../images/page/p67.png) center no-repeat;
    background-size: 100% auto;
    transition-duration: 0.5s;
    -webkit-transform: scale(0) translate(-50%, -50%);
    -ms-transform: scale(0) translate(-50%, -50%);
    -moz-transform: scale(0) translate(-50%, -50%);
    -o-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
}

.videoList .pic .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.6;
    transition-duration: 0.5s;
}

.videoList .item:hover .bg {
    opacity: 0.2;
}

.videoList .item:hover .pic em {
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    -moz-transform: scale(1) translate(-50%, -50%);
    -o-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
}

.videoList .item:hover .text p {
    color: #d20a10;
}

.video .mask {
    position: fixed;
    top: 20%;
    left: 50%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 10;
    width: calc(1400px - 2.9%);
}

.video .mask .panel {
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 50px 60px;
}

.video .mask .panel img {
    display: block;
}

.video .mask .bkRight {
    width: 70%;
    padding-top: 66px;
}

.video .mask .bkRight h5 {
    font-size: 22px;
    color: #ffffff;
    padding-bottom: 28px;
}

.video .mask .bkRight p {
    font-size: 18px;
    color: #ffffff;
    line-height: 30px;
    margin-bottom: 10px;
}

.video .mask .clo {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 29px;
    height: 29px;
    background: url(../images/page/p65.png) center no-repeat;
    cursor: pointer;
    z-index: 2;
}

.brands .medias {
    padding-top: 0;
}

.brands .medias .waterfull ul li {
    border-top: 0;
    padding-bottom: 12px;
}

.brands .medias .waterfull ul li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.newsDetail {
    padding-top: 80px;
}

.newsDetail .newsDetail_l {
    width: 65%;
}

.newsDetail .newsDetail_r {

    width: 30.571%;
}

.newsDetail .newsDetail_l .newsTit {
    padding-bottom: 63px;
}

.newsDetail .newsDetail_l .newsTit h5 {
    font-size: 32px;
    color: #333333;
    text-align: left;
    font-weight: 400;
}

.newsDetail .newsDetail_l .opr {
    padding-top: 20px;
}

.newsDetail .newsDetail_l .opr .opr_l {
    padding-left: 7px;
}

.newsDetail .newsDetail_l .opr .opr_l span {
    font-size: 14px;
    color: #b5b5b5;
    padding-left: 17px;
    background: url(../images/icon/icon24.png) center left no-repeat;
    display: block;
    float: left;
}

.newsDetail .newsDetail_l .opr .opr_l span:nth-child(2) {
    padding-left: 22px;
    background: url(../images/icon/icon25.png) center left no-repeat;
    margin-left: 27px;
}

.newsDetail .newsDetail_l .opr .opr_r {}

.newsDetail .newsDetail_l .opr .opr_r em {
    display: block;
    float: left;
    width: 39px;
    height: 21px;
    border-right: 1px solid #c6c6c6;
    cursor: pointer;
}

.newsDetail .newsDetail_l .opr .opr_r .small {
    background: url(../images/icon/icon26.png) center no-repeat;
}

.newsDetail .newsDetail_l .opr .opr_r .middle {
    background: url(../images/icon/icon27.png) center no-repeat;
}

.newsDetail .newsDetail_l .opr .opr_r .big {
    background: url(../images/icon/icon28.png) center no-repeat;
}

.newsDetail .newsDetail_l .opr .opr_r .share {
    width: 25px;
    height: 21px;
    background: url(../images/icon/icon29.png) center right no-repeat;
    float: left;
    cursor: pointer;
}

.newsDetail .newsDetail_l .opr .opr_r .small:hover,
.newsDetail .newsDetail_l .opr .opr_r .small.on {
    background-image: url(../images/icon/icon26_s.png);
}

.newsDetail .newsDetail_l .opr .opr_r .middle:hover,
.newsDetail .newsDetail_l .opr .opr_r .middle.on {
    background-image: url(../images/icon/icon27_s.png);
}

.newsDetail .newsDetail_l .opr .opr_r .big:hover,
.newsDetail .newsDetail_l .opr .opr_r .big.on {
    background-image: url(../images/icon/icon28_s.png);
}

.newsDetail .newsDetail_l table {
    border-bottom: #ccc 1px solid;
    border-right: #ccc 1px solid;
}

.newsDetail .newsDetail_l td {
    border-top: #ccc 1px solid;
    border-left: #ccc 1px solid;
}

.newsDetail .newsDetail_l td p {
    margin-bottom: 0;
    padding: 10px;
}

.newsDetail .newsDetail_lCon {
    font-size: 16px;
}

.newsDetail .newsDetail_lCon p {
    font-size: 16px;
    color: #5f636a;
    margin-bottom: 30px;
    /*line-height: 1.478;*/
}

.newsDetail .newsDetail_lCon p a {
    font-size: 16px;
    color: #5f636a;
    margin-bottom: 30px;
    /*line-height: 1.478;*/
}

.newsDetail .newsDetail_lCon p img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    line-height: 30px;
}

.newsDetail .newsDetail_r h5 {
    font-size: 24px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 32px;
}

.newsDetail .newsDetail_r li {
    margin-bottom: 26px;
}

.newsDetail .newsDetail_r a {
    display: block;
}

.newsDetail .newsDetail_r span {
    display: block;
    font-size: 14px;
    color: #b5b5b5;
}

.newsDetail .newsDetail_r p {
    font-size: 16px;
    color: #333333;
    transition-duration: 0.5s;
}

.newsDetail .newsDetail_r a:hover p {
    color: #d20a10;
}

.brands .newsOpr {
    position: relative;
    padding: 18px 20px;
    border-bottom: 1px solid #e9e9e9;
    margin-top: 42px;
}

.brands .newsOpr a {
    font-size: 16px;
    color: #5f636a;
    line-height: 30px;
    display: block;
    transition-duration: 0.5s;
    width: 45%;
}

.brands .newsOpr .toList {
    width: 26px;
    height: 30px;
    background: url(../images/icon/icon30.png) center no-repeat;
    margin: 0 auto;
    position: absolute;
    top: 18px;
    left: 50%;
    margin-left: -13px;
}

.brands .newsOpr .preNews {
    padding-left: 28px;
    background: url(../images/icon/icon31.png) center left no-repeat;
}

.brands .newsOpr .nextNews {
    padding-right: 28px;
    background: url(../images/icon/icon32.png) center right no-repeat;
    text-align: right;
}

.brands .newsOpr a:hover {
    color: #d20a10;
}

.brands .newsOpr .preNews:hover {
    background-image: url(../images/icon/icon31_s.png);
}

.brands .newsOpr .nextNews:hover {
    background-image: url(../images/icon/icon32_s.png);
}

.brands .newsOpr .toList:hover {
    background-image: url(../images/icon/icon30_s.png);
}

.newsDetail .newsDetail_r.on {
    position: fixed;
    top: 125px;
    right: 5.2%;
    bottom: auto;
    width: 25%;
}

.newsDetail .newsDetail_r.bot {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
}

.newsDetail .newsDetail_r.on2 {
    position: absolute;
    top: 125px;
    right: 0%;
    bottom: auto;
}

.people {
    padding-top: 80px;
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.peopleList .item {
    width: 31.928%;
    margin: 0 0.7% 60px 0.7%;
}

.peopleList .list {
    height: 0;
    overflow: hidden;
}

.peopleList .list:nth-child(1) {
    height: auto;
}

.peopleList .grid-sizer {
    width: 31.928%;
}

.peopleList .gutter-sizer {
    width: 30px;
}

.peopleList .item img {
    display: block;
    width: 100%;
}

.peopleList .item .pic {
    position: relative;
    overflow: hidden;
}

.peopleList .item .bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.peopleList .item:nth-child(3n) {
    margin-right: 0;
}

.peopleList .item .text {
    padding-top: 35px;
}

.peopleList .item .text b {
    font-size: 26px;
    color: #d20a10;
    display: block;
    padding-bottom: 10px;
}

.peopleList .item .text p {
    font-size: 16px;
    color: #333333;
    height: 24px;
}

.peopleList .item .imgHover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    -moz-transform: scale(1.06);
    opacity: 0;
    transition: all 0.4s;
    visibility: hidden;
}

.peopleList .item a .imgOri {
    opacity: 1;
    transition: all 0.5s;
    visibility: inherit;
}

.peopleList .item a:hover .imgHover {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    transition: all 0.4s;
    visibility: inherit;
}

.peopleList .item a:hover .imgOri {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}




.joinUs {
    background-color: #fafafa;
}

.joinUs .w1400 {
    position: relative;
}

.joinUs .tit04 {
    text-align: left;
}

.joinUs .joinUsCon {
    padding-bottom: 100px;
}

.joinUs .joinUsCon .joinUs_l {
    width: 47.285%;
}

.joinUs .joinUsCon p {
    font-size: 18px;
    color: #333333;
    line-height: 36px;
}

.joinUs .joinUsCon .joinUs_r {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -36px;
}

.joinUs .joinUsCon .joinUs_r a {
    font-size: 18px;
    color: #e50000;
    width: 226px;
    height: 58px;
    line-height: 58px;
    border: 1px solid #e50000;
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.joinUs .joinUsCon .joinUs_r a::after {
    -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1);
    transition: all .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    height: 100%;
    left: -35%;
    top: 0;
    -webkit-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 0;
    background: #e50000;
    content: '';
    position: absolute;
    z-index: 0;
}

.joinUs .joinUsCon .joinUs_r a em {
    display: block;
    position: relative;
    z-index: 1;
}

.joinUs .joinUsCon .joinUs_r a:hover::after {
    height: 100%;
    width: 135%;
}

.joinUs .joinUsCon .joinUs_r a:hover {
    color: #ffffff;
}

/* .peopleList .item a:hover .imgHover{display: block;}
.peopleList .item a:hover .imgOri{display: none;} */
.people .more {
    padding: 60px 0 0;
    width: 100%;
    font-size: 18px;
    color: #666;
    text-align: center;
    cursor: pointer;
}

.people .more p {
    text-indent: 0;
    background: none;
}

.people .more .icon {
    margin: 0 auto;
    width: 300px;
    height: 53px;
    text-indent: -99999px;
    background: url(../images/page/p33.png) center no-repeat;
}

.personnel {
    padding-top: 0;
}

.personnel .personnel01 {
    background-color: #f3f3f3;
    padding-top: 44px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    min-height: 190px;
}

.personnel .personnel01 .item {
    width: 45.571%;
    padding-bottom: 50px;
}

.personnel .personnel01 .item h5 {
    font-size: 30px;
    color: #333333;
    margin-bottom: 25px;
}

.personnel .personnel01 .item p {
    font-size: 18px;
    color: #d20a10;
}

.personnel .personnel01 .item span {
    font-size: 16px;
    color: #d20a10;
    display: block;
    margin-bottom: 12px;
    padding-top: 12px;
}

.personnel .personnel01 .item b {
    font-size: 16px;
    color: #333333;
    display: block;
    font-weight: 400;
}

.personnel02 {
    position: relative;
    padding-bottom: 90px;
}

.personnel02_l {
    width: 37%;
    margin-top: -60px;
}

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

.personnel02_r {
    width: 53.2428%;
    padding-right: 12.225%;
    padding-top: 80px;
}

.personnel02_r h6 {
    font-size: 16px;
    color: #d20a10;
    padding-bottom: 20px;
}

.personnel02_r p {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    line-height: 24px;
}

.personnel02_r span {
    font-size: 16px;
    color: #333333;
    display: block;
    line-height: 28px;
}

.personnel02_r .item {
    margin-top: 42px;
}

.personnel02_r .item:nth-child(1) {
    margin-top: 0;
}
.personnel02 .peopOpr{
     display: none;
}
.personnel02 .prevPeo,
.personnel02 .nextPeo {
    display: inline-block;
    padding-left: 75px;
    height: 170px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.prevPeo {
    position: absolute;
    top: 150px;
    right: -170px;
    opacity: 0.5;
    transition: right 0.5s;
}

.nextPeo {
    position: absolute;
    top: 340px;
    right: -170px;
    opacity: 0.5;
    transition: right 0.5s;
}

.personnel02 .prevPeo .img,
.personnel02 .nextPeo .img {
    width: 170px;
    height: 170px;
    overflow: hidden;
}

.personnel02 .prevPeo p,
.personnel02 .nextPeo p {
    font-size: 24px;
    color: #333333;
    width: 25px;
    padding-left: 23px;
    background: url(../images/icon/icon33.png) center left no-repeat;
    margin-right: 30px;
    position: absolute;
    top: 50%;
    left: 0;
}

.personnel02 .nextPeo p {
    background-image: url(../images/icon/icon34.png);
}

/* .personnel02 .prevPeo .img,.personnel02 .nextPeo .img{width: 0;transition-duration: 0.5s;overflow: hidden;} */
.personnel02 .prevPeo .img img,
.personnel02 .nextPeo .img img {
    display: block;
    height: 100%;
    width: auto;
}

.personnel02 .prevPeo {
    margin-bottom: 20px;
}

.prevPeo:hover,
.nextPeo:hover {
    opacity: 1;
    right: 0;
}

.personnel02 .prevPeo:hover .img {
    width: 170px;
}

.personnel02 .nextPeo:hover .img {
    width: 170px;
}

.personnel02 .prevPeo.noPages:hover {
    right: -170px;
}

.personnel02 .nextPeo.noPages:hover {
    right: -170px;
}

.personnel02 .prevPeo.noPages:hover .img {
    width: 170px;
}

.personnel02 .nextPeo.noPages:hover .img {
    width: 170px;
}

/* .personnel02 .prevPeo:hover{width: 245px;} */
.personnel03 {
    background-color: #fafafa;
    padding-top: 56px;
}

.personnel .tit h5 {
    color: #e50000;
}

.personnel03_con {
    position: relative;
}

.personnel03_con .tabs {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.personnel03_con .tabs p {
    font-size: 20px;
    color: #666666;
    width: 170px;
    text-align: right;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;
}

.personnel03_con .tabs p em {
    display: none;
    width: 28px;
    height: 1px;
    background-color: #e50000;
    position: absolute;
    top: 50%;
    left: 0;
}

.personnel03_con .tabs p.on,
.personnel03_con .tabs p:hover {
    color: #d20a10;
}

.personnel03_con .tabs p.on em {
    display: block;
}

.personnel03_honor {
    padding-top: 22px;
    padding-bottom: 72px;
}

.personnel03_honor a {
    display: block;
    position: relative;
    padding-left: 83px;
    line-height: 30px;
    margin-bottom: 12px;
    cursor: default;
}

.personnel03_honor a p {
    font-size: 16px;
    color: #5f636a;
    line-height: 30px;
    transition-duration: 0.5s;
}

.personnel03_honor a span {
    width: 20px;
    height: 1px;
    display: block;
    background-color: #c9c9c9;
    position: absolute;
    top: 50%;
    left: 0;
    transition-duration: 0.5s;
}

.personnel03_honor a:hover p {
    color: #d51a20;
}

.personnel03_honor a:hover span {
    width: 57px;
    background-color: #f0ccce;
}

.personnel03_honor .tabCon1 {
    display: none;
    width: 86%;
}

.personnel03_honor .tabCon1.on {
    display: block;
}

.personnel04 {
    padding-top: 50px;
    padding-bottom: 90px;
}

.personnel04 .w1400 {
    overflow: hidden;
    position: relative;
}

.personnel04_con .swiper-slide {
    overflow: hidden;
}

.personnel04_con .swiper-slide>div {
    margin-right: 1.138%;
    width: 32.571%;
    position: relative;
    height: 100%;
}

.personnel04_con .swiper-slide>div:nth-last-child(1) {
    margin-right: 0;
}

.personnel04_con a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.personnel04_con a img {
    display: block;
    width: 100%;
    min-height: 100%;
}

.personnel04_con .s1 a {
    overflow: hidden;
}

.personnel04_con .s1 .bot {
    position: absolute;
    bottom: 0;
    left: 0;
}

.personnel04_con .s2 {
    width: 100%;
    /*height: 100%;*/
    overflow: hidden;
}

/* .personnel04_con .featured-categories-container .slider-nav-container{right: 0;} */
.personnel04_con .serText {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 92%;
    padding: 0 4%;
    z-index: 2;
    padding-bottom: 13px;
    transition-duration: 0.5s;
    background: url(../images/icon/personnel04_con_bac.png) left bottom no-repeat;
    background-size: 100% 100%;
}

.personnel04_con .serText h6 {
    font-size: 20px;
    color: #ffffff;
    font-weight: 400;
    line-height: 24px;
}

.personnel04_con .serText p {
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
}

.personnel04_con .serText2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    transition-duration: 0.5s;
    opacity: 0;
    transition-duration: 0.5s;
}

.personnel04_con .serText2In {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
}

.personnel04_con .serText2 h6 {
    font-size: 20px;
    color: #333333;
    font-weight: 400;
    padding-bottom: 4px;
    margin-bottom: 10px;
    text-align: center;
}

.personnel04_con .serText2 p {
    font-size: 16px;
    color: #333333;
    padding-bottom: 20px;
    text-align: center;
}

.personnel04_con .serText2 span {
    width: 40px;
    height: 2px;
    background-color: #c6312d;
    display: block;
    margin-top: 8px;
    margin: 0 auto;
}

.personnel04_con .swiper-slide a:hover .serText2 {
    opacity: 1;
}

.personnel04_con .swiper-slide a:hover .serText2In {
    visibility: visible;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp3;
    animation-name: fadeInUp3;
}

.personnel04_con .swiper-slide a:hover .serText {
    background-color: #fff;
    display: none;
}

.personnel04_con .swiper-container {
    overflow: unset;
    height: 100%;
}

.personnel04_con .swiper-button-next,
.personnel04_con .swiper-button-prev {
    top: -60px;
    width: 37px;
    height: 37px;
    background-color: #e6e6e6;
    transition-duration: 0.5s;
}

.personnel04_con .swiper-button-next {
    background: #e6e6e6 url(../images/icon/icon37.png) center no-repeat;
    right: 0;
}

.personnel04_con .swiper-button-prev {
    background: #e6e6e6 url(../images/icon/icon38.png) center no-repeat;
    right: 37px;
    left: auto;
}

.personnel04_con .swiper-button-next:hover,
.personnel04_con .swiper-button-prev:hover {
    background-color: #c7161d;
}

.personnel04_con .p5 {
    position: absolute;
    visibility: hidden;
}

.personnel05 {
    background-color: #fafafa;
    padding-top: 50px;
}

.personnel05_con {
    padding-bottom: 80px;
    position: relative;
}

.personnel05_con .p6 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    visibility: hidden;
    z-index: -1;
    background-color: #fafafa;
    opacity: 0;
}

.personnel05_con .p7 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    visibility: hidden;
    z-index: -1;
    background-color: #fafafa;
}

.personnel05_con .swiper-slide {
    border-right: 1px solid #e1e2e3;
    width: 33.5714%;
    padding-top: 44px;
}

.personnel05_con a {
    display: block;
    padding-left: 100px;
    padding-bottom: 18px;
}

.personnel05_con a h6 {
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 24px;
    transition-duration: 0.5s;
    height: 60px;
}

.personnel05_con a p {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}

.personnel05_con a span {
    font-size: 16px;
    color: #333333;
    display: block;
    line-height: 30px;
}

.personnel05_con a>div {
    margin-top: 30px;
    width: 237px;
    height: auto;
    overflow: hidden;
}

.personnel05_con a>div img {
    display: block;
    max-width: 100%;
    transition-duration: 0.5s;
}

.personnel05_con a em {
    display: block;
    font-size: 14px;
    color: #d20a10;
    width: 56px;
    line-height: 27px;
    margin-left: 6px;
    margin-top: 26px;
    position: relative;
}

.personnel05_con a em i {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background-color: #d20a10;
    transition-duration: 0.5s;
}

.personnel05_con a:hover em i {
    width: 100%;
}

.personnel05_con a:hover h6 {
    color: #d20a10;
}

.personnel05_con a:hover>div img {
    transform: scale(1.08);
}

.personnel05_con .swiper-button-next,
.personnel05_con .swiper-button-prev {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    opacity: 1;
    ;
}

.personnel05_con .swiper-button-next {
    background: #ffffff url(../images/icon/icon23.png) center no-repeat;
}

.personnel05_con .swiper-button-prev {
    background: #ffffff url(../images/icon/icon22.png) center no-repeat;
}

.personnel05_con .swiper-button-disabled {
    opacity: 0;
}

.personnel05 .w1400 {
    position: relative;
}

.personnel05 .mask {
    display: none;
    position: absolute;
    top: 20%;
    left: 50%;
    background-color: rgba(51, 51, 51, 0.9);
    z-index: 10;
    width: calc(1400px - 2.553%);
}

.personnel05 .mask .panel {
    background-color: transparent;
    padding: 50px 60px;
    width: 100%;
}

.personnel05 .mask .panel img {
    display: block;
}

.personnel05 .mask .bkRight {
    width: 70%;
    padding-top: 66px;
}

.personnel05 .mask .bkRight h5 {
    font-size: 22px;
    color: #ffffff;
    padding-bottom: 28px;
}

.personnel05 .mask .bkRight p {
    font-size: 18px;
    color: #ffffff;
    line-height: 30px;
    margin-bottom: 10px;
}

.personnel05 .mask .clo {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 29px;
    height: 29px;
    background: url(../images/page/p65.png) center no-repeat;
    cursor: pointer;
    z-index: 2;
}

.personnel05_con a .desc {
    display: none;
}

.personnel06 {
    display: none;
    padding: 50px 0;
}

.personnel06_con {
    padding: 0 22px;
}

.personnel06_con a {
    font-size: 18px;
    color: #333333;
    float: left;
    width: 9.785%;
    margin-bottom: 14px;
    font-weight: bold;
    transition-duration: 0.5s;
}

.personnel06_con a em {
    display: inline-block;
    line-height: 34px;
    border-bottom: 1px solid transparent;
}

.personnel06_con a:hover {
    color: #d20a10;
}

.personnel06_con a:hover em {
    border-color: #d20a10;
}

.personnel07 {
    background-color: #ffffff;
}

.results {
    padding-top:0;
}

.results .results_t {
    padding-top: 60px;
}

.results .searchBoxs {
    position: relative;
}

.results .results_t input {
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #d20a10;
    padding-left: 22px;
    font-size: 18px;
    color: #333333;
}

.results .searchBoxs em {
    width: 25px;
    height: 70px;
    background: url(../images/icon/icon17.png) center no-repeat;
    position: absolute;
    top: 0;
    right: 25px;
}

.results .results_t p {
    font-size: 16px;
    color: #333333;
    padding: 42px 0;
    line-height: 1;
}

.results .results_t p i {
    color: #d20a10;
}

.searchTit {
    background-color: #fff;
    width: 100%;
}

.searchSubTit {
    padding: 38px 0;
    margin: 0 auto;
}

.searchSubTit a {
    line-height: 24px;
    padding: 0 20px;
    font-size: 18px;
    color: #333333;
    display: block;
    float: left;
    border-right: 1px solid #b5b5b5;
    white-space: nowrap;
}

.searchSubTit a:nth-last-child(1) {
    border: 0;
}

.searchSubTit a:hover,
.searchSubTit a.on {
    color: #e60c0c;
}

.results_con {
    padding-top: 52px;
    min-height: 40vh;
}

.results_con li {
    width: 100%;
}

.results_con .grid-sizer {
    width: 100%;
}

.results_con a {
    display: block;
    margin-bottom: 100px;
}

.results_con a h5 {
    font-size: 24px;
    color: #333333;
    font-weight: 400;
    line-height: 1;
    transition-duration: 0.5s;
}

.results_con a h6 {
    margin: 20px 0;
}

.results_con a h6 em {
    font-size: 16px;
    color: #b5b5b5;
    float: left;
    font-weight: 400;
    line-height: 1;
}

.results_con a h6 em:nth-child(1) {
    margin-right: 24px;
}

.results_con a p {
    font-size: 14px;
    color: #5f636a;
    line-height: 1.7;
    transition-duration: 0.5s;
}

.results_con a i {
    color: #e60c0c;
}

.results_con a:hover h5 {
    color: #d20a10;
}

.results_con a:hover p {
    color: #333333;
}

.results_con .more {
    padding: 60px 0 0;
    width: 100%;
    font-size: 18px;
    color: #666;
    text-align: center;
    cursor: pointer;
}

.results_con .more p {
    text-indent: 0;
    background: none;
}

.results_con .more .icon {
    margin: 0 auto;
    width: 300px;
    height: 53px;
    text-indent: -99999px;
    background: url(../images/page/p33.png) center no-repeat;
}

.searchTit .searchSubTitMo .subCon {
    background-color: #fff;
    padding: 0 0.43rem 0.2rem;
    display: none;
}

.searchTit .searchSubTitMo .subCon a {
    font-size: 0.34rem;
    margin: 0 0.1rem;
    color: #333333;
    display: block;
    line-height: 0.78rem;
}

.searchTit .searchSubTitMo .subCon a.cur {
    border-bottom: 1px solid #b5b5b5;
}

/* .searchTit .m_searchSubTit{box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);} */
.searchTit .m_searchSubTit .subTop {
    line-height: 1.2rem;
    height: 1.2rem;
}

.searchTit .m_searchSubTit p {
    padding-left: 0.2rem;
    line-height: 1.2rem;
    font-size: 0.34rem;
    color: #d40000;
    float: left;
}

.searchTit .m_searchSubTit em {
    display: block;
    width: 0.27rem;
    height: 1.2rem;
    background: url(../images/mobile/icon/i4.png) center no-repeat;
    background-size: 0.27rem auto;
    float: right;
    transition-duration: 0.5s;
    margin-right: 0.2rem;
}

/* .building .subTit a{display: inline-block;float: none;} */
.buildFilter {}

.buildFilter a {
    font-size: 16px;
    color: #5f636a;
    display: block;
    float: left;
    margin: 0 9px;
    line-height: 56px;
}

.buildings {
    background-color: #fff;
    padding-top: 80px;
    position: relative;
    z-index: 1;
}

/*.building .subTit{border-bottom: 1px solid #e5e5e5;}*/
.buildings .oprs {
    padding-bottom: 25px;
    padding-left: 0.6%;
}

.buildings .showType {}

.buildings .showType p {
    font-size: 14px;
    color: #333333;
    float: left;
    padding-left: 28px;
    cursor: pointer;
}

.buildings .showType .forPic {
    background: url(../images/icon/icon39.png) center left no-repeat;
}

.buildings .showType .forList {
    margin-left: 20px;
    margin-right: 10px;
    background: url(../images/icon/icon40.png) center left no-repeat;
}

.buildings .showType p.on {
    color: #d20a10;
}

.buildings .showType .forPic.on {
    background-image: url(../images/icon/icon39_s.png);
}

.buildings .showType .forList.on {
    background-image: url(../images/icon/icon40_s.png);
}

.buildings .buildFilter_r {}

.buildings .buildFilter_r input {
    width: 80px;
    padding-left: 10px;
    font-size: 14px;
    color: #5f636a;
    background: url(../images/icon/icon41.png) 76px center no-repeat;
    height: 26px;
    display: block;
    padding-left: 10px;
}

.buildings .buildFilter_r input.on {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.buildings .buildFilter_r input::-webkit-input-placeholder {
    color: #333333;
}

.buildings .buildFilter_r input:-moz-placeholder {
    color: #333333;
}

.buildings .buildFilter_r input::-moz-placeholder {
    color: #333333;
}

.buildings .buildFilter_r input:-ms-input-placeholder {
    color: #333333;
}

.building .buildFilter_l {
    margin: 0 auto;
    display: none;
}

.building .buildFilter_l.cur {
    display: block;
}

.buildFilter a:hover,
.buildFilter a.on {
    color: #d20a10;
}

.buildings .buildFilter_r .area {
    width: 135px;
    position: relative;
}

.buildings .buildFilter_r .area.on {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.buildings .buildFilter_r .area p {
    font-size: 14px;
    color: #333333;
    line-height: 26px;
    padding-left: 21px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 18px;
}

.buildings .buildFilter_r .area>p {
    padding-left: 18px;
    background: url(../images/icon/icon41.png) 115px center no-repeat;
}

.buildings .buildFilter_r .area_con {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.buildings .buildFilter_r .area>p.on {
    color: #d20a10;
    background-image: url(../images/icon/icon42.png);
}

.buildings .buildFilter_r .area_con p:hover,
.buildings .buildFilter_r .area_con p.cur {
    background: #d20a10 url(../images/icon/icon43.png) 60px center no-repeat;
    color: #ffffff;
}

.buildings .waterfull1 {}

.buildings .waterfull1 li {
    margin-bottom: 30px;
}

.buildings .waterfull1 .item {
    width: 49.9%;
    float: left;
    height: 162px;
}

.buildings .waterfull1 .item a {
    display: block;
    position: relative;
}

.buildings .waterfull1 .item a .pic {
    width: 216px;
    height: 162px;
    overflow: hidden;
}

.buildings .waterfull1 .item a .pic img {
    display: block;
    width: 100%;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.buildings .waterfull1 .item a:hover .pic img {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -o-transform: scale(1.08);
}

.buildings .waterfull1 .item .text {
    position: relative;
    width: 60%;
    padding: 0 28px;
    height: 162px;
}

.buildings .waterfull1 .item .textIn {
    position: absolute;
    top: 50%;
    left: 28px;
    max-width: 100%;
}

.buildings .waterfull1 .item .textIn b {
    font-size: 20px;
    color: #333333;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}

.buildings .waterfull1 .item .textIn p {
    font-size: 16px;
    color: #333333;
}

.buildings .more1 {
    padding: 60px 0 0;
    width: 100%;
    font-size: 18px;
    color: #666;
    text-align: center;
    cursor: pointer;
}

.buildings .more1 p {
    text-indent: 0;
    background: none;
}

.buildings .more1 .icon {
    margin: 0 auto;
    width: 300px;
    height: 53px;
    text-indent: -99999px;
    background: url(../images/page/p33.png) center no-repeat;
}

.buildings .lists {
    overflow: hidden;
    height: 0;
}

.buildings .waterfull2 .item {
    position: relative;
    width: 32.2%;
    overflow: hidden;
    margin: 0 0.5% 11px 0.5%;
}

.buildings .waterfull2 .item:nth-child(3n) {
    margin-right: 0;
}

.buildings .waterfull2 .item a {
    display: block;
}

.buildings .waterfull2 .item img {
    display: block;
    width: 100%;
}

.buildings .waterfull2 .item .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/page/p105.png) center bottom no-repeat;
    background-size: 100% auto;
}

.buildings .waterfull2 .text {
    position: absolute;
    bottom: -76px;
    left: 0;
    width: 100%;
    padding: 0 27px;
    padding-top: 26px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s;
    /* Safari and Chrome */
    -o-transition: all 0.5s;
    /* Opera */
}

.buildings .waterfull2 .text b {
    font-size: 20px;
    color: #ffffff;
    font-weight: 400;
    display: block;
    line-height: 24px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s;
    /* Safari and Chrome */
    -o-transition: all 0.5s;
    /* Opera */
    margin-bottom: 10px;
}

.buildings .waterfull2 .text p {
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
    margin-bottom: 29px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s;
    /* Safari and Chrome */
    -o-transition: all 0.5s;
    /* Opera */
}

.buildings .waterfull2 .text span {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    margin-bottom: 28px;
    height: 48px;
}

.buildings .waterfull2 .item a:hover .text {
    background-color: #fff;
    bottom: 0;
}

.buildings .waterfull2 .item a:hover .text b,
.buildings .waterfull2 .item a:hover .text p {
    color: #333333;
}

.buildings .more2 {
    padding: 60px 0 0;
    width: 100%;
    font-size: 18px;
    color: #666;
    text-align: center;
    cursor: pointer;
}

.buildings .more2 p {
    text-indent: 0;
    background: none;
}

.buildings .more2 .icon {
    margin: 0 auto;
    width: 300px;
    height: 53px;
    text-indent: -99999px;
    background: url(../images/page/p33.png) center no-repeat;
}

.buildings .pics {
    height: auto;
    overflow: hidden;
}

.buildings .waterfull1 .gutter-sizer1 {
    width: 0;
}

.buildings .waterfull1 .grid-sizer1 {
    width: 50%;
}

.buildings .waterfull2 .gutter-sizer2 {
    width: 11px;
}

.buildings .waterfull2 .grid-sizer2 {
    width: 32.485%;
}

.mouse_pointer {
    pointer-events: none;
    z-index: 200;
    position: fixed;
    left: -50px;
    top: -50px;
    width: 100px;
    height: 100px;
}

.mouse_pointerBody {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0px;
    height: 0px;
    background: transparent;
    border-radius: 100%;
    border: 1px solid transparent;
    transition: width 0.5s ease, height 0.5s ease, background-color 0.5s ease 0.5s;
}

.mouse_pointer.is-big .mouse_pointerBody {
    background: #d20a10;
    border-color: #d20a10;
    width: 75px;
    height: 75px;
    background: none;
    transition: width 0.5s ease, height 0.5s ease, background-color 0.01s ease 0s;
}

.nicescroll-cursors {
    width: 3px !important;
}

.noPage {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.noPage img {
    display: block;
    margin: 0 auto;
    width: 37.083%;
}

.noPage a {
    display: block;
}

.noPage .noLogo {
    width: 24.541%;
    margin-top: 62px;
    margin-left: 60px;
}

.noPage .noLogo img {
    width: 100%;
    display: block;
}

.noPage p {
    font-size: 26px;
    color: #5f636a;
    text-align: center;
    margin-top: 40px;
}

.noPage .backs {
    text-align: center;
}

.noPage .backs a {
    font-size: 16px;
    color: #d20a10;
    height: 50px;
    line-height: 50px;
    width: 170px;
    border: 1px solid #d20a10;
    border-radius: 8px;
    text-align: center;
    display: inline-block;
    transition: background 0.5s;
}

.noPage .backs a:hover {
    color: #ffffff;
    background-color: #d20a10;
}

.noPage .bottoms {
    position: relative;
}

.noPage .bottoms .boIn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin-top: -50px;
}

.videoDetail {}

.videoDetail .newsDetail_l {
    width: 100%;
}

.videoDetail .newsDetail .newsDetail_l .opr .opr_l .share {
    width: 25px;
    height: 32px;
    background: url(../images/icon/icon29.png) center right no-repeat;
    float: left;
    cursor: pointer;
}

.videoDetail .newsDetail_l .opr {
    padding-top: 0;
}

.videoDetail .newsDetail_l .newsTit h5 {
    line-height: 1;
}

.videoDetail .newsDetail_l .opr .opr_l span {
    line-height: 32px;
}

.videoDetail video {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 60px;
}

.videoDetail .newsDetail_lCon {
    position: relative;
}

.videoDetail .newsDetail_lCon em {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 151px;
    height: 151px;
    background: url(../images/page/p67.png) center no-repeat;
    background-size: 100% auto;
    z-index: 3;
    cursor: pointer;
}

.service_pro04 .pro_con .item .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/page/p105.png) center bottom no-repeat;
    background-size: 100% auto;
}

/* 10.29 */
.buildings .waterfull2 .noPic {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}

.buildings .waterfull2 .noPic .text {
    position: static;
}

.buildings .waterfull2 .noPic .text p {
    color: #333333;
}

.buildings .waterfull2 .noPic .text b {
    color: #333333;
    transition: fontWeight 0.5s;
}

.buildings .waterfull2 .noPic a:hover .text b {
    font-weight: bold;
}

.buildings .waterfull1 .noPic .text {
    width: 100%;
    padding-left: 0;
}

.buildings .waterfull1 .noPic .textIn {
    left: 0;
}

.noPicDetail .service_pro01 {
    padding-top: 0;
}

.service_pro04 .pro_con .noPic {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
}

.service_pro04 .pro_con .noPic .desc,
.service_pro04 .pro_con .noPic:hover .desc {
    width: 100%;
    height: 100%;
    position: static;
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    -moz-transform: scale(1) translate(0, 0);
    -o-transform: scale(1) translate(0, 0);
    background-color: transparent;
    text-align: left;
    padding: 6.875% 27px;
    animation: unset;
    -webkit-animation: unset;
}

.service_pro04 .pro_con .noPic .desc h5 {
    visibility: visible;
    color: #333333;
}

.service_pro04 .pro_con .noPic .desc p {
    visibility: visible;
    color: #333333;
}

.service_pro04 .pro_con .noPic .desc span {
    visibility: visible;
    color: #333333;
    width: 100%;
}

.service_pro04 .pro_con .noPic:hover .desc h5,
.service_pro04 .pro_con .noPic:hover .desc p,
.service_pro04 .pro_con .noPic:hover .desc span {
    animation: unset;
    -webkit-animation: unset;
    animation-duration: 0s;
    transition: color 0.5s;
}

.service_pro04 .pro_con .noPic:hover .desc h5 {
    color: #d20a10;
}

/* 分享 */
.shares {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 20px 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 290px;
    height: 100px;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background-color: #ffffff;
}

.shares .tit {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
}

.shares .tit em {
    position: absolute;
    top: 0;
    right: 10px;
    width: 18px;
    height: 18px;
    background: url(../images/share.png) center no-repeat;
    background-size: 100% auto;
    cursor: pointer;
}

.shares .tit p {
    font-size: 18px;
    color: #d4000c;
    font-weight: bold;
    padding-left: 8px;
}

.shares .social-share {
    text-align: center;
}

.shares .social-share a {
    margin: 0 18px;
}


/* 1210 */
.personnel05 .tabs {
    position: absolute;
    top: 36px;
    right: 0;
    z-index: 2;
}

.personnel05 .tabs p {
    font-size: 20px;
    color: #666666;
    width: 126px;
    text-align: right;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;
}

.personnel05 .tabs p em {
    display: none;
    width: 28px;
    height: 1px;
    background-color: #e50000;
    position: absolute;
    top: 50%;
    left: 0;
}

.personnel05 .tabs p.on,
.personnel05 .tabs p:hover {
    color: #d20a10;
}

.personnel05 .tabs p.on em {
    display: block;
}

.personnel05_con a {
    padding: 0 100px;
}

.personnel05_con a>div {
    width: auto;
}

.personnel05_con .swiper-slide {
    width: 33.333%;
}

.personnel05_con .swiper-slide:nth-last-child(1) {
    border: 0;
}

.personnel05_con a .img p {
    line-height: 24px;
}

/*.personnel05_con .p7{position: absolute;top: 0;left: 0;z-index: -10;opacity: 0;background-color: #fafafa;width:100%;height:100%;}*/
.personnel05_con .p7.on {
    visibility: visible;
    z-index: 2;
}

.personnel05_con .p6.on {
    visibility: visible;
    z-index: 2;
    opacity: 1;
}

.personnel05_con .p7 a {
    display: block;
    position: relative;
    padding-left: 83px;
    line-height: 30px;
    margin-bottom: 12px;
}

.personnel05_con .p7 a p {
    font-size: 16px;
    color: #5f636a;
    line-height: 30px;
    transition-duration: 0.5s;
}

.personnel05_con .p7 a span {
    width: 20px;
    height: 1px;
    display: block;
    background-color: #c9c9c9;
    position: absolute;
    top: 50%;
    left: 0;
    transition-duration: 0.5s;
}

.personnel05_con .p7 a:hover p {
    color: #d51a20;
}

.personnel05_con .p7 a:hover span {
    width: 57px;
    background-color: #f0ccce;
}

/* 荣誉资质20200722 */
.qualifications {
    padding-bottom: 62px;
}

.qualifications .w1400 {
    position: relative;
}

/* .qualifications .imgs{padding: 47px;} */
.qualifications .imgs {
    width: 100%;
    height: 458px;
    position: relative;
}

.qualifications .imgs img {
    display: block;
    max-height: 458px;
    max-width: 586px;
    background: url(https://design.citic/themes/simpleboot3/public/assets/images/20200722/d2.png) center no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.qualifications .text {
    font-size: 24px;
    color: #333333;
    text-align: center;
    margin-top: 65px;
}

.qualifications .swiper-button-next,
.qualifications .swiper-button-prev {
    bottom: 91px;
    width: 51px;
    height: 51px;
    top: auto;
}

.qualifications .swiper-button-prev {
    background: #e6e6e6 url(../images/20200722/d4.png) center no-repeat;
}

.qualifications .swiper-button-next {
    background: #e6e6e6 url(../images/20200722/d5.png) center no-repeat;
}

.qualifications .swiper-button-prev:hover,
.qualifications .swiper-button-next:hover {
    background-color: #c7161d;
}

.qualifications .swPage {
    position: absolute;
    top: 182px;
    right: 0;
    width: 64px;
    text-align: center;
}

.qualifications .swPage b {
    font-size: 24px;
    color: #d20a10;
    display: block;
    line-height: 1;
}

.qualifications .swPage i {
    font-size: 24px;
    color: #c3c3c3;
    display: block;
    line-height: 1;
    margin: 17px 0;
}

.qualifications .swPage span {
    font-size: 18px;
    color: #c3c3c3;
    display: block;
    line-height: 1;
}

.qualifications .mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
}

.qualifications .w1400 {
    height: 100%;
}

.qualifications .panel {
    width: 100%;
    max-width: 1400px;
    height: 840px;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 50%;
    left: 0;

}

.qualifications .panel em {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 29px;
    height: 29px;
    background: url(../images/page/p65.png) center no-repeat;
    cursor: pointer;
}

.qualifications .panel img {
    max-width: 65.14%;
    max-height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}






.profile .profile01 .item .iteml>p,
.profile .profile01 .item .tit h5,
.profile02 .profile02_t .item2,
.profile02 .profile02_t .item1,
.profile02 .profile02_b,
.profile02 .profile02_z,
.profile03,
.profile04 .item,
.sbanner .sbanner_word h5,
.sbanner .sbanner_word span,
/* .college01 .item h5,
.college01 .item span,
.college01 .item p, */
.college01 .college01_l .item,
/* .college03 .college03In, */
.college03 .tit04,
.partner .part01 .part011,
.partner .part02 .part021,
.service_pro01In .itemBig,
.service_pro01In .item,
.service_pro02 .service_pro02_l>p,
.service_pro02 .tit h5,
.service_pro02 .service_pro02_l .text,
.service_pro02 .service02slide,
.service_pro03 ul,
.service_pro04 .pro_con,
.college02 .tit04,
.college02 .college02_in02 .item,
.college02 .college02_in02,
/* .buildings, */
.brands .ttTop,
.brands .ttBottom,
.brands .newsList,
.bookList,
.videoList,
.personnel .personnel01 .item,
.personnel02,
.personnel03,
.personnel04 .personnel04_con,
.personnel05_con,
.personnel06_con,
.peopleList,
.joinUs .tit04,
.joinUs .joinUsCon,
.sAboutIn .zzimg .z,
.peopleList .list1,
.peopleList .list2,
.peopleList .list3 {
    visibility: hidden;
}

/* .profile .profile01 .tit h5{visibility: visible; -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; } */
.profile .profile01 .item.active .iteml>p,
.profile .profile01 .item.active .tit h5,
.profile02 .profile02_t .item1.active,
.profile02 .profile02_t .item2.active,
.profile02 .profile02_b.active,
.profile02 .profile02_z.active,
.profile03.active,
.profile04.active .item,
.college01.active .item h5,
.college01.active .item span,
.college01.active .item p,
.college01 .college01_l .item.active:nth-child(1),
.college01 .college01_l .item.active:nth-child(2),
.college01 .college01_l .item.active:nth-child(3),
.college03 .tit04.active,
.partner .part01.active .part011,
.partner .part02.active .part021,
.partner .part01.active .tit h5,
.partner .part02.active .tit h5,
.service_pro01In.active .itemBig,
.service_pro01In.active .item,
.service_pro02.active .service_pro02_l>p,
.service_pro02.active .tit h5,
.service_pro02.active .service_pro02_l .text,
.service_pro02.active .service02slide,
.service_pro03.active ul,
.service_pro03.active .tit h5,
.service_pro04.active .pro_con,
.service_pro04.active .tit h5,
.college02 .tit04.active,
.college02 .college02_in02.active .item,
.college02 .college02_in02.active,
.buildings.active,
.brands .ttTop.active,
.brands .ttBottom.active,
.brands .newsList.active,
.bookList.active,
.personnel04.active .personnel04_con,
.personnel03.active,
.videoList.active,
.personnel05_con.active,
.personnel06_con.active,
.joinUs.active,
.peopleList.active,
.sAboutIn .zzimg .z11.active,
.sAboutIn .zzimg .z12.active,
.sAboutIn .zzimg .z1.active,
.sAboutIn .zzimg .z13.active,
.sAboutIn .zzimg .z4.active,
.sAboutIn .zzimg .z7.active,
.sAboutIn .zzimg .z8.active,
.sAboutIn .zzimg .z9.active,
.joinUs.active .tit04,
.joinUs.active .joinUsCon,
.peopleList .list1.active,
.peopleList .list2.active,
.peopleList .list3.active {
    visibility: visible;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUps;
    animation-name: fadeInUps;
}

.sbanner.active .sbanner_word h5,
.sbanner.active .sbanner_word span {
    visibility: visible;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2;
}

.profile .profile01 .item.active .iteml>p {
    -webkit-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.profile02 .profile02_t .item2.active,
.joinUs.active .joinUsCon {
    -webkit-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.profile04.active .item:nth-child(2) {
    -webkit-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.profile04.active .item:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.sbanner.active .sbanner_word h5 {
    -webkit-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -moz-animation-delay: 1s;
    animation-delay: 0.6s;
}

.sbanner.active .sbanner_word span {
    -webkit-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.partner .part01.active .part011,
.partner .part02.active .part021,
.college02 .college02_in02.active .item:nth-child(1) {
    -webkit-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.service_pro01In.active .item:nth-child(2) {
    -webkit-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.service_pro01In.active .item:nth-child(3),
.college02 .college02_in02.active .item:nth-child(2) {
    -webkit-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.service_pro01In.active .item:nth-child(4) {
    -webkit-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.service_pro01In.active .item:nth-child(5) {
    -webkit-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.service_pro01In.active .item:nth-child(6) {
    -webkit-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.service_pro01In.active .item:nth-child(7) {
    -webkit-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.service_pro01In.active .item:nth-child(8) {
    -webkit-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.service_pro01In.active .item:nth-child(9) {
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

.service_pro01In.active .item:nth-child(10) {
    -webkit-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.service_pro01In.active .item:nth-child(11) {
    -webkit-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.service_pro02.active .service_pro02_l>p,
.service_pro02.active .service02slide,
.service_pro02.active .service_pro02_l .text,
.service_pro03.active ul,
.service_pro04.active .pro_con {
    -webkit-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}


.personnel .personnel01 .item.active,
.personnel02.active,
.personnel03.active .tit h5,
.personnel05 .tit.active h5,
.personnel04.active .tit h5,
.personnel06 .tit.active h5 {
    visibility: visible;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

/* .personnel .personnel01 .item:nth-child(2).active{-webkit-animation-delay: 0.3s;-o-animation-delay: 0.3s;-moz-animation-delay: 0.3s;animation-delay: 0.3s;} */


.sAboutIn .zzimg .z2.active {
    height: 60.97%;
    visibility: visible;
    transition-duration: 1s;
    transition-delay: 0.5s;
}

.sAboutIn .zzimg .z5.active {
    visibility: visible;
}

.sAboutIn .zzimg .z3.active {
    width: 53.36%;
    visibility: visible;
    transition-delay: 1.1s;
    transition-duration: 1s;
}

.sAboutIn .zzimg .z4.active {
    animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    animation-duration: 0.9s;
}

.sAboutIn .zzimg .z10.active {
    visibility: visible;
}

.sAboutIn .zzimg .z6.active {
    visibility: visible;
    width: 70.344%;
    transition-duration: 1.5s;
}

.sAboutIn .zzimg .z7.active {
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
}

.sAboutIn .zzimg .z8.active {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}

.sAboutIn .zzimg .z9.active {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}

/* 20191115 */
.buildings .buildFilter_r .inp p {
    font-size: 14px;
    color: #333333;
    line-height: 26px;
    padding-left: 21px;
    cursor: pointer;
}

.buildings .buildFilter_r .inp {
    width: 135px;
    position: relative;
}

.buildings .buildFilter_r .inp>p {
    transition-delay: 0.4s;
    position: relative;
    padding-left: 18px;
    background: url(../images/icon/icon41.png) 120px center no-repeat;
    z-index: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 18px;
}

.buildings .buildFilter_r .timeCon {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
    z-index: 1;
    height: 0;
    overflow: hidden;
    transition: height 0.5s;

}

.buildings .buildFilter_r .timeCon.cur {
    height: 360px;
}

.buildings .buildFilter_r .timeCon .time {
    padding: 40px 28px 10px 28px;
    box-sizing: border-box;

}

.timeSub {
    margin: 0 auto;
    width: 60px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #d20a10;
    font-size: 13px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.areaSub {
    margin: 0 auto;
    width: 60px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #d20a10;
    font-size: 13px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* .buildings .buildFilter_r .area p {
    font-size: 14px;
    color: #333333;
    line-height: 26px;
    padding-left: 21px;
} */
.buildings .buildFilter_r .timeConIn {
    width: 136px;
}

.buildings .buildFilter_r .inp>p.on {
    transition-delay: 0s;
    z-index: 2;
    color: #d20a10;
    background-image: url(../images/icon/icon42.png);
}

.buildings .buildFilter_r .timeConIn p:hover,
.buildings .buildFilter_r .timeConIn p.cur {
    background: #d20a10 url(../images/icon/icon43.png) 91% center no-repeat;
    color: #ffffff;
}

.results .searchBoxs i {
    display: none;
    width: 15px;
    height: 70px;
    background: url(../images/icon/icon6s.png) center no-repeat;
    background-size: 15px auto;
    position: absolute;
    top: 0;
    right: 80px;
    cursor: pointer;
}




/* 20191115 */



@media (max-width:1501px) {
    .w1400 {
        width: 90%;
    }

    .buildFilter a {
        margin: 0 6px;
        font-size: 15px;
    }

    .subTit a {
        padding: 0 16px;
        font-size: 17px;
    }

    .profile .profile01 .item2 .itemr {
        margin-right: 80px;
    }

    .brands .newsList .waterfull ul li {
        /* width: 32.731%; */
        width: 33%;
    }

    .peopleList .item {
        width: 31.879%;
    }

    .brands .bookList ul li {
        width: 21.447%;
    }

    .profile03Con .profile03In .item {
        width: 13.65%;
    }

    .buildings .waterfull2 .item {
        width: 32%;
    }
}

@media (max-width:1460px) {

    .buildings .waterfull2 .item {
        width: 31.8%;
    }
}

@media (max-width:1401px) {
    .profile .profile01 .itemr {
        width: 33%;
    }

    

    .subTit a {
        font-size: 16px;
        padding: 0 12px;
    }

    .buildFilter a {
        font-size: 14px;
        padding: 0 4px;
    }

    .building .buildFilter_r .area {
        width: 84px;
        margin-left: 5px;
    }

    .building .buildFilter_r input {
        width: 73px;
    }

    .buildFilter a {
        font-size: 14px;
        margin: 0 4px;
        padding: 0;
    }

    .building .buildFilter_r .area>p {
        background-position: 70px center;
        padding-left: 2px;
    }

    .brands .bookList ul li {
        width: 21.442%;
    }

    .buildings .waterfull2 .item {
        width: 32.2%;
    }

    /* .buildings .waterfull1 .item .text{width: 55%;} */
    .brands .mask {
        width: calc(89.3% - 2.553%)
    }

    .profile .profile01 .item2 .itemr {
        margin-right: 40px;
    }

    .profile .profile01 .item3 .itemr {
        margin-left: 52px;
    }

    .peopleList .item {
        width: 31.828%;
    }

    .brands .newsList .waterfull ul li {
        /* width: 32.732%; */
        width: 33%;
    }

    .profile03Con .profile03In .item {
        width: 13.58%;
    }

}

@media (max-width:1390px) {

    .buildings .waterfull2 .item {
        width: 32%;
    }
}

@media (max-width:1301px) {
    .brands .bookList ul li {
        width: 21.474%;
    }

    .brands .newsList .waterfull ul li {
        width: 32.632%
    }

    .brands .bookList ul li {
        width: 21.462%;
    }

    .profile03Con .profile03In .item {
        width: 13.52%;
    }

    .buildings .waterfull2 .item {
        width: 32.2%;
    }

}

@media (max-width:1250px) {

    .buildings .waterfull2 .item {
        width: 31.6%;
    }
}

@media (max-width:1235px) {

    .buildings .waterfull2 .item {
        width: 31.5%;
    }
}

.m_filtersCon {
    display: none;
}

@media (max-width:1201px) {
    body {
        width: 100%;
        overflow-x: hidden;
        background-color: #fff;
    }
    .sbanner {
        /* height: 100vh;
        z-index: -1; */
    }

    .sbanner {}

    .sbanner p {
        height: 100%;
        width: 100vw;
        z-index: -1;
    }

    .sbanner p img {
        height: 100%;
        width: 100%;
    }

    .word p {
        line-height: 12rem;
    }

    /* .m_subTit{box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);} */
    .m_subTit .subTop {
        line-height: 1.2rem;
        height: 1.2rem;
        border-bottom: 1px solid #b5b5b5;
    }

    .m_subTit .subTop.cur {
        border: 0;
    }

    .m_subTit p {
        padding-left: 0.2rem;
        line-height: 1.2rem;
        font-size: 0.34rem;
        color: #d40000;
        float: left;
    }

    .m_subTit em {
        display: block;
        width: 0.27rem;
        height: 1.2rem;
        background: url(../images/mobile/icon/i4.png) center no-repeat;
        background-size: 0.27rem auto;
        float: right;
        transition-duration: 0.5s;
        margin-right: 0.2rem;
    }

    .sAbout .sAboutIn {
        padding-top: 0.9rem;
        height: auto;
    }

    .bread a {
        font-size: 0.26rem;
    }

    .bread em {
        font-size: 0.26rem;
    }

    .bread {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .header2,
    .header3 {
        display: none !important;
    }

    .header {
        display: block;
        width: 100vw;
    }

    .sbanner .sbanner_word h5 {
        font-size: 0.5rem;
    }

    .sbanner .sbanner_word span {
        font-size: 0.3rem;
    }

    .subTitM {
        display: none;
    }

    .subTitMo {
        background-color: #fff;
        /* position: absolute;
        top: 101vh;
        left: 0; */
        position: relative;
        margin-top: 0.2rem;
        width: 100vw;
        z-index: 4;
        display: block;
    }

    .m_subTit .cur em {
        transform: rotate(180deg);
    }

    .subTitMo.on {
        position: fixed;
        border-top: 1px solid #cccccc;
        top: 1.6rem;
    }

    .sTech {
        padding-top: 0.6rem;
    }

    .sTech_con_mo {
        padding: 0.35rem 0.1rem 0.35rem 0.3rem;
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
        position: relative;
        z-index: 0;
        background-color: #fff;
    }

    .tech_mo_in {
        height: 10rem;
    }

    .sTech_con_mo .item {
        padding: 0.3rem;
        display: block;
        position: relative;
        overflow: hidden;
        background-color: #f5f5f5;
        margin-right: 0.4rem;
    }

    .sTech_con_mo .item:nth-child(2n) {
        background-color: #fff;
    }

    .sTech_con_mo .item p {
        font-size: 0.3rem;
        color: #333333;
        line-height: 1;
        margin-bottom: 0.1rem;
    }

    .sTech_con_mo .item span {
        font-size: 0.28rem;
        color: #60626a;
        display: block;
        line-height: 0.5rem;
    }

    .sTech_con_mo .item>div {
        float: left;
    }

    .sTech_con_mo .item>div:nth-child(1) {
        width: 53.84%;
    }

    .sTech_con_mo .item>div:nth-child(2) {
        width: 28.86%;
        float: right;
    }

    .sTech_con_mo .item>div:nth-child(3) {
        width: 100%;
        margin-top: 0.2rem;
    }

    .sTech_con_mo .item em {
        font-size: 3rem;
        color: rgba(51, 51, 51, 0.03);
        position: absolute;
        bottom: -0.2rem;
        right: 0.08rem;
        height: 2.5rem;
        line-height: 2.5rem;
    }

    .project2 {
        padding: 0.4rem 0.26rem;
    }

    .project2 .proL {
        width: 100%;
        background-size: 1.27rem auto;
        padding-top: 0.18rem;
        padding-left: 0.34rem;
        background-position: left top;
        padding-bottom: 0.25rem;
    }

    .tit03 p {
        font-size: 0.36rem;
        margin-bottom: 0.05rem;
    }

    .tit03 span {
        font-size: 0.24rem;
        height: 0.3rem;
        line-height: 0.3rem;
    }

    .project2 .proR {
        width: 100%;
    }

    .project2_in a {
        font-size: 0.24rem;
        line-height: 0.32rem;
        padding: 0.55rem 0;
    }

    .project2_ins {
        padding-right: 0.4rem;
    }

    .standard_mo .tech_mo_in .item>div {
        width: 100%;
    }

    .standard_mo .tech_mo_in .item>div:nth-child(1) {
        margin-bottom: 0.2rem;
    }

    .honor .proL {
        width: 100%;
        background-size: 1.27rem auto;
        padding-top: 0.18rem;
        padding-left: 0.34rem;
        background-position: left top;
        padding-bottom: 0.4rem;
    }

    .honor .tech_mo_in {
        height: 10rem;
        width: 100%;
    }

    .honor .tech_mo_in .item>div {
        width: 100%;
    }

    .honor .tech_mo_in .item>div:nth-child(1) {
        margin-bottom: 0.25rem;
    }

    .honor2_m {
        padding-top: 0.7rem;
    }

    .honor2_m .proL {
        background-image: url(../images/icon/icon21.png);
        background-size: 0.96rem auto;
    }

    .college01 .college01_l {
        width: 100%;
        padding: 0 0.6rem 0.6rem;
        position: relative;
        z-index: 1;
        background-color: #fff;
    }

    .college01 .college01_r {
        width: 100%;
        margin-top: 0;
        margin-left: -4.0665%;
        width: 100vw;
        margin-top: -0.44rem;
    }

    .college01 h5 {
        font-size: 0.36rem;
        margin-top: 0.4rem;
        margin-bottom: 0.1rem;
    }

    .college01 span {
        font-size: 0.24rem;
        margin-bottom: 0.2rem;
    }

    .college01 p {
        font-size: 0.28rem;
        line-height: 0.44rem;
    }

    .college01 .college01_r img {
        width: 60.5333%;
        padding: 1.38rem 0 0.77rem;
    }

    .college01 {
        padding-top: 0.4rem;
        padding-bottom: 1.24rem;
        overflow: hidden;
        background-position: 15% 97%;
    }

    .college02 .bg {
        width: 100%;
    }

    .tit04 h5 {
        font-size: 0.36rem;
        margin-bottom: 0;
    }

    .tit04 span {
        font-size: 0.24rem;
        margin-bottom: 0.6rem;
    }

    .tit04 {
        padding-top: 0.7rem;
    }

    .college02 .college02_in01 {
        width: 100%;
    }

    .college02 .college02_in02 {
        width: 100%;
        padding: 0 0.46rem;
    }

    .college02 .college02_in02 .iteml p {
        font-size: 0.32rem;
    }

    .college02 .college02_in02 .itemr p {
        font-size: 0.32rem;
        line-height: 0.4rem;
    }

    .college02 .college02_in02 .itemr span {
        font-size: 0.28rem;
        line-height: 0.35rem;
    }

    .college02 .college02_in02 .inner {
        width: calc(100% - 0.92rem)
    }

    .college02 .college02_in02 .itemr {
        padding-left: 0.2rem;
        width: 90%;
    }

    .college02 .college02_in02 .iteml {
        width: auto;
    }

    .college03 .college03In {
        width: 100%;
        padding-left: 4%;
    }

    .college03 .tit04 {
        padding-left: 4%;
    }

    .college03 .c3 .swiper-slide {
        width: 59.2%;
        margin-right: 0.38rem;
    }

    .college03 .c3 .text {
        margin-top: 0.24rem;
    }

    .college03 .c3 .text p {
        font-size: 0.28rem;
        padding-left: 0.37rem;
        line-height: 0.4rem;
    }

    .college03 .c3 .text span {
        width: 0.2rem;
    }

    .college03 .c3 {
        padding-bottom: 1.3rem;
    }

    .college03 .c3 .swiper-button-next,
    .college03 .c3 .swiper-button-prev {
        bottom: 0.5rem;
        width: 0.32rem;
        height: 0.34rem;
        background-size: 100% auto;
    }

    .college03 .c3 .swiper-button-next {
        right: 4%;
    }

    .college03 .c3 .swiper-button-prev {
        right: 14%;
    }

    .college02 {
        padding-bottom: 1.24rem;
        background-position: 85% 96%;
    }

    .college03 {
        padding-bottom: 1.24rem;
    }

    .college03 .coll03_swiper {
        padding-left: 4%;
    }

    .college04 .proL {
        background-size: 0.8rem auto;
        padding-left: 0;
        background-position: left 0.15rem;
    }

    .part02 {
        padding-top: 0.4rem;
        padding-bottom: 0.6rem;
    }

    .part02 .gallery-thumbs p {
        font-size: 0.32rem;
        line-height: 0.36rem;
        padding: 0 0.49rem;
    }

    .part02 .gallery-thumbs .swiper-slide {
        line-height: 0.36rem;
        padding: 0;
    }

    .part02 .gallery-thumbs .swiper-slide:nth-child(1) p {
        padding-left: 0;
    }

    .part02 .gallery-top a {
        font-size: 0.25rem;
        width: 1.72rem;
        line-height: 0.36rem;
        margin-bottom: 0.48rem;
    }

    .part02 .gallery-thumbs {
        margin-bottom: 0.87rem;
    }

    .brands .ttTop {
        padding: 0.44rem 0.38rem;
    }

    .brands .ttTop h5 {
        font-size: 0.36rem;
        margin-bottom: 0.28rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -ms-box;
        -ms-line-clamp: 2;
        -ms-box-orient: vertical;
        display: -moz-box;
        -moz-line-clamp: 2;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -o-box;
        -o-line-clamp: 2;
        -o-box-orient: vertical;
        white-space: unset;
    }

    .brands .ttTop h5 em {
        font-size: 0.28rem;
        width: 0.94rem;
        height: 0.43rem;
        line-height: 0.43rem;
    }

    .brands .ttTop p {
        line-height: 0.43rem;
        font-size: 0.28rem;
        height: 0.86rem;
    }

    .brands .ttBottom {
        display: none;
    }

    .brands .ttBottom .ttBottomL {
        width: 100%;
    }

    .brands .ttBottomL a {
        height: auto;
    }

    .brands .ttBottom {
        padding-top: 0.6rem;
    }

    .brands .ttBottomr {
        width: 100%;
        margin-top: 0.12rem;
    }

    .brands .ttBottomr a {
        width: 49.2%;
        float: left;
    }

    .brands .ttBottomr .ttBottomr2 {
        float: right;
        margin-top: 0;
    }

    .brands .ttBottomL a>p {
        font-size: 0.28rem;
        line-height: 0.78rem;
    }

    .brands .ttBottomL .swiper-button-next,
    .brands .ttBottomL .swiper-button-prev {
        display: none;
    }

    .brands .ttBottomL .slidePage {
        right: 0.1rem;
    }

    .brands .ttBottomL .slidePage p {
        font-size: 0.24rem;
        line-height: 0.78rem;
    }

    .brands .ttBottomL .slidePage .totals {
        font-size: 0.24rem;
    }

    .brands .ttBottomL .slidePage .cur {
        font-size: 0.3rem;
    }

    .brands .ttBottomr a p {
        font-size: 0.28rem;
        line-height: 0.84rem;
    }

    .brands .newsList {
        margin-top: 0;
    }

    .brands .newsList .waterfull ul li {
        width: 100%;
    }

    .brands .newsList .waterfull ul li .text b {
        font-size: 0.32rem;
        line-height: 0.4rem;
        margin-top: 0.5rem;
        margin-bottom: 0.2rem;
    }

    .brands .newsList .waterfull ul li .text p {
        font-size: 0.28rem;
        line-height: 0.4rem;
    }

    .brands .newsList .waterfull ul li .text span {
        font-size: 0.24rem;
    }

    .brands .newsList .waterfull ul li .text i {
        font-size: 0.24rem;
    }

    .brands .newsList .waterfull ul li .text .b {
        padding: 0.3rem 0 0.4rem;
        line-height: 0.2rem;
    }

    .profile .profile01 .w1400 {
        width: 100%;
    }

    .profile .profile01 .iteml {
        width: 100%;
        padding: 0 4%;
    }

    .profile .profile01 .item .iteml>p {
        font-size: 0.28rem;
        line-height: 0.42rem;
        margin-bottom: 0.43rem;
    }

    .profile .profile01 .itemr {
        width: 100%;
        margin-left: 0;
        height: 5.21rem;
    }

    .profile .profile01 .itemr .pimg {
        width: 100%;
        background-size: 100% auto;
        height: 5.21rem;
    }

    .profile .profile01 .item2 .iteml {
        padding: 0 4%;
        width: 100%;
    }

    .profile .profile01 .item2 .itemr {
        margin: 0;
        margin-top: 0.27rem;
    }

    .profile .profile01 .item2 .itemr .pimg {
        background-size: 100% auto;
    }

    .profile .profile01 .item2 .itemr {
        height: 7rem;
    }

    .profile .profile01 .item2 .itemr .pimg {
        height: 7rem;
    }

    .profile .profile01 .item3 .itemr {
        width: 100%;
        height: 6.95rem;
        margin-top: 0.27rem;
        margin-left: 0;
    }

    .profile .profile01 .item3 .itemr .pimg {
        width: 100%;
        background-size: 100% auto;
        height: 6.95rem;
    }

    .profile .profile01 .item2 {
        margin-top: 0.7rem;
    }

    .profile .profile01 .item3 .iteml {
        padding-top: 0;
    }

    .profile .profile01 .item3 {
        margin-top: 0.7rem;
    }

    .profile02 {
        padding-top: 0.9rem;
    }

    .profile02 .w1400 {
        padding: 1px 0.46rem 0;
    }

    .profile02 .profile02_t .item1 {
        width: 100%;
    }

    .profile02 .tit05 h5 {
        font-size: 0.36rem;
        margin-top: 0.85rem;
    }

    .profile02 .tit05 span {
        font-size: 0.24rem;
        margin-bottom: 0.56rem;
    }

    .profile02 .profile02_t h6 {
        font-size: 0.3rem;
        padding-bottom: 0.1rem;
    }

    .profile02 .profile02_t p {
        font-size: 0.28rem;
        line-height: 0.41rem;
    }

    .profile02 .profile02_t .item2 {
        width: 100%;
    }

    .profile02 .profile02_t {
        padding-bottom: 0.6rem;
    }

    .profile02_bCon .item {
        width: 100%;
        margin: 0;
        padding-bottom: 0.58rem;
    }

    .profile02_bCon p {
        font-size: 0.32rem;
        padding-bottom: 0.22rem;
    }

    .profile02_bCon span {
        font-size: 0.28rem;
        line-height: 0.42rem;
    }

    .profile02_bCon em {
        height: 1.2rem;
        background-size: auto 0.81rem;
    }

    .profile02_bCon .item:nth-child(1) em {
        background-size: auto 0.81rem;
    }

    .profile02_bCon .item:nth-child(2) em {
        background-size: auto 0.81rem;
    }

    .profile02_bCon .item:nth-child(3) em {
        background-size: auto 0.81rem;
    }

    .profile02_bCon .item:nth-child(4) em {
        background-size: auto 0.81rem;
    }

    .profile02 .profile02_b {
        padding-bottom: 0.62rem;
        padding-top: 0;
    }

    .profile03 {
        padding-top: 0.4rem;
    }

    .profile03 .profile03Con {
        width: 100%;
    }

    .profile03Con .profile03In .item {
        width: 48%;
    }

    .profile03Con .swiper-button-next,
    .profile03Con .swiper-button-prev {
        top: 1rem;
    }

    .profile03Con .swiper-container {
        padding-bottom: 0.9rem;
    }

    /* .profile03 .profile03Con a{width: 45vw;height: 4.51rem;margin-right: 5px;}
    .profile03 .profile03Con .profile03In a:hover, .profile03 .profile03Con .profile03In a.on{width: 45vw;}
    .profile03 .profile03Con a img{width: 100%;height: auto;} */
    .profile04 {
        padding-top: 0;
    }

    .profile04 .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.39rem;
    }

    .profile04 .item .itemIn {
        padding: 0 0.3rem;
    }

    .profile04 .item p {
        font-size: 0.32rem;
        line-height: 0.9rem;
    }

    .service_pro01 {
        padding-top: 0.6rem;
    }

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

    .service_banner {
        width: 92%;
    }

    .service_banner .swiper-button-next,
    .service_banner .swiper-button-prev {
        width: 0.55rem;
        height: 100%;
        margin-top: 0;
    }

    .service_banner .swiper-button-next {
        right: 0;
        background-size: 0.2rem auto;
    }

    .service_banner .swiper-button-prev {
        left: 0;
        background-size: 0.2rem auto;
    }

    .service_pro01In {
        width: 92%;
        padding-bottom: 0.6rem;
        padding-top: 0;
    }

    .service_pro01In .itemBig {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .service_pro01In .itemBig {
        padding-top: 0.53rem;
        padding-left: 0.3rem;
    }

    .service_pro01In .itemBig em {
        width: 0.96rem;
        margin-bottom: 0.35rem;
    }

    .service_pro01In .itemBig h5 {
        margin-bottom: 0;
        font-size: 0.32rem;
    }

    .service_pro01In .itemBig b {
        font-size: 0.28rem;
    }

    .service_pro01In .item {
        margin-left: 0.3rem;
        padding-top: 0.5rem;
        width: 93%;
    }

    .service_pro01In .item p {
        font-size: 0.26rem;
        line-height: 1.5;
    }

    .service_pro01In .item p i {
        font-size: 0.26rem;
    }

    .service_pro01In .item b {
        font-size: 0.28rem;
    }

    .service_pro02 {
        margin-top: 0rem;
    }

    .service_pro02 .service_pro02_l {
        width: 100%;
    }

    .service_pro02 .service_pro02_l p {
        font-size: 0.28rem;
        line-height: 0.42rem;
        margin-bottom: 0.23rem;
    }

    .service_pro02 .service_pro02_l .tit span {
        font-size: 0.4rem;
    }

    .service_pro02 .service_pro02_l .tit p {
        font-size: 0.22rem;
    }

    .service_pro02 .service_pro02_l p,
    .service_pro02 .service_pro02_l a,
    .service_pro02 .service_pro02_l span,
    .service_pro02 .service_pro02_l em,
    .service_pro02 .service_pro02_l i {
        font-size: 0.28rem;
        line-height: 0.42rem;
        margin-bottom: 0.23rem;
    }

    .service_pro02 .service_pro02_r {
        width: 100%;
        padding: 0;
    }

    .service_pro02 .service02slide a {
        padding: 0.41rem 0.45rem;
    }

    .service_pro02 .service02slide .majorL {
        width: 1.95rem;
        height: 1.95rem;
    }

    .service_pro02 .service02slide .majorr {
        height: 1.95rem;
    }

    .service_pro02 .service02slide .majorL img {
        width: 100%;
    }

    .service_pro02 .majorrIn h5 {
        font-size: 0.32rem;
        margin-bottom: 0;
    }

    .service_pro02 .majorrIn p {
        font-size: 0.28rem;
    }

    .service02slide .swiper-button-next,
    .service02slide .swiper-button-prev {
        width: 0.7rem;
        height: 0.7rem;
        background-size: 0.15rem 0.2rem;
    }

    .service02slide .swiper-button-prev {
        right: 0.7rem;
    }

    .service_pro03 {
        padding-top: 0;
        margin-top: 0.8rem;
        padding-bottom: 0.6rem;
        background-size: auto 100%;
        background-position: 70% center;
    }

    .service_pro03 ul li a {
        padding-left: 0;
    }

    .service_pro03 ul li span {
        display: none;
    }

    .service_pro03 ul li p {
        font-size: 0.28rem;
        line-height: 0.45rem;
    }

    .service_pro03 ul li {
        margin-bottom: 0.16rem;
    }

    .service_pro04 {
        padding-top: 0;
    }

    .service_pro04 .pro_con .item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0.3rem;
    }

    .service_pro04 .pro_con .item>p {
        font-size: 0.28rem;
        line-height: 0.35rem;
        bottom: 0.35rem;
    }

    .brands {
        padding-top: 0.6rem;
    }

    .brands .bookList ul li {
        width: 100%;
        margin: 0;
        margin-bottom: 0.62rem;
    }

    .brands .bookList ul li img {
        width: 100%;
    }

    .bookList {
        margin-top: 0;
        padding: 0 4%;
    }

    .brands .ttNews {
        padding: 0;
        padding-bottom: 0.6rem;
    }

    .brands .bookList .text b {
        font-size: 0.3rem;
        margin: 0.35rem 0 0.14rem;
    }

    .brands .bookList .text p {
        font-size: 0.28rem;
        line-height: 1.35;
    }

    .brands .mask {
        width: 100%;
        height: 100vh;
        top: 0;
        z-index: 999;
    }

    .brands .mask .panel .bkLeft {
        width: 100%;
    }

    .brands .mask .panel img {
        height: 4rem;
        margin: 0 auto;
    }

    .brands .mask .bkRight {
        width: 100%;
        padding: 0 4%;
        padding-top: 0.7rem;
    }

    .brands .mask .bkRight h5 {
        font-size: 0.3rem;
        padding-bottom: 0.4rem;
    }

    .brands .mask .bkRight p {
        font-size: 0.24rem;
        line-height: 0.42rem;
    }

    .brands .mask .clo {
        width: 0.4rem;
        height: 0.4rem;
        background-size: 100% auto;
    }

    .videoList .item {
        width: 100%;
        margin-right: 0;
    }

    .videoList .item a {
        display: block;
    }

    .videoList .item a img {
        display: block;
        width: 100%;
    }

    .videoList .pic p {
        font-size: 0.24rem;
        line-height: 0.57rem;
        right: 0.2rem;
    }

    .videoList .pic em {
        width: 2.43rem;
        height: 2.43rem;
    }

    .videoList .text p {
        font-size: 0.28rem;
        line-height: 0.85rem;
        margin-bottom: 0.2rem;
    }

    .brands .medias .waterfull ul li {
        padding-bottom: 0;
    }

    .newsDetail {
        padding-top: 0;
    }

    .newsDetail .newsDetail_l {
        width: 100%;
    }

    .newsDetail .newsDetail_r {
        width: 100%;
    }

    .newsDetail .newsDetail_l .opr .opr_r em {
        display: none;
    }

    .newsDetail .newsDetail_l .newsTit h5 {
        font-size: 0.38rem;
    }

    .newsDetail .newsDetail_l .opr .opr_l {
        padding-left: 0;
    }

    .newsDetail .newsDetail_l .opr .opr_l span {
        font-size: 0.28rem;
        line-height: 0.3rem;
    }

    .newsDetail .newsDetail_l .opr .opr_l span:nth-child(1) {
        background-size: 0.18rem;
        padding-left: 0.26rem;
    }

    .newsDetail .newsDetail_l .opr .opr_l span:nth-child(2) {
        background-size: 0.28rem auto;
        margin-left: 0.37rem;
        padding-left: 0.38rem;
    }

    .newsDetail .newsDetail_l .opr .opr_r .share {
        width: 0.26rem;
        background-size: 100% auto;
        height: 0.3rem;
    }

    .newsDetail .newsDetail_l .opr {
        padding-top: 0.3rem;
    }

    .newsDetail .newsDetail_l .newsTit {
        padding-bottom: 0.58rem;
    }

    .newsDetail .newsDetail_lCon p {
        font-size: 0.28rem;
        line-height: 0.42rem;
        margin-bottom: 0.3rem;
    }

    .videoDetail video {
        margin-bottom: 0.5rem;
    }

    .brands .newsOpr .toList {
        display: none;
    }

    .newsDetail .newsDetail_r {
        margin-top: 0;
        display: none;
    }

    .newsDetail .newsDetail_r h5 {
        font-size: 0.38rem;
        margin-bottom: 0.3rem;
    }

    .newsDetail .newsDetail_r span {
        font-size: 0.26rem;
    }

    .newsDetail .newsDetail_r p {
        font-size: 0.28rem;
    }

    .newsDetail .newsDetail_r li {
        margin-bottom: 0.4rem;
    }

    .brands .newsOpr {
        padding: 0;
        margin-top: 0rem;
        padding-bottom: 0.28rem;
    }

    .brands .newsOpr a {
        font-size: 0.28rem;
        width: 100%;
        line-height: 0.64rem;
    }

    .brands .newsOpr .preNews {
        padding-left: 0.48rem;
        background-position: 0.23rem center;
        background-size: 0.11rem auto;
    }

    .brands .newsOpr .nextNews {
        padding-left: 0.48rem;
        padding-right: 0;
        background-position: 0.23rem center;
        background-size: 0.11rem auto;
        text-align: left;
    }

    .people {
        padding-top: 0.6rem;
    }

    .peopleList .item {
        width: 100%;
        margin: 0;
        margin-bottom: 0.7rem;
    }

    .peopleList .item .text {
        padding-top: 0.4rem;
    }

    .peopleList .item .text b {
        font-size: 0.36rem;
        padding-bottom: 0.15rem;
    }

    .peopleList .item .text p {
        font-size: 0.28rem;
    }

    .joinUs .joinUsCon {
        padding-bottom: 0.92rem;
    }

    .joinUs .joinUsCon .joinUs_l {
        width: 100%;
    }

    .joinUs .joinUsCon p {
        font-size: 0.28rem;
        line-height: 0.42rem;
    }

    .joinUs .joinUsCon .joinUs_r {
        width: 100%;
        position: static;
        margin-top: 0;
    }

    .joinUs .joinUsCon .joinUs_r a {
        width: 2.6rem;
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.28rem;
        margin-top: 0.4rem;
    }


    .personnel {
        padding-top: 0rem;
        padding-bottom: 0;
    }

    .personnel .personnel01 {
        padding-top: 0.7rem;
        box-shadow: none;
        background-color: transparent;
    }

    .personnel .personnel01 .item {
        width: 100%;
        padding-bottom: 0.5rem;
    }

    .personnel .personnel01 .item h5 {
        font-size: 0.36rem;
        margin-bottom: 0.38rem;
    }

    .personnel .personnel01 .item p {
        font-size: 0.28rem;
    }

    .personnel .personnel01 .item span {
        font-size: 0.3rem;
    }

    .personnel .personnel01 .item b {
        font-size: 0.28rem;
        line-height: 0.42rem;
    }

    .personnel02 {
        padding-bottom: 0;
    }

    .personnel02_l {
        width: 100%;
        margin-top: 0;
    }

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

    .personnel02_r h6 {
        font-size: 0.3rem;
    }

    .personnel02_r p {
        font-size: 0.28rem;
        line-height: 0.42rem;
    }

    .personnel02_r span {
        font-size: 0.28rem;
        line-height: 0.42rem;
    }

    .personnel02_r .item {
        margin-top: 0.4rem;
    }

    .personnel02_r .item:nth-child(1) {
        margin-top: 0.5rem;
    }

    .personnel02 .prevPeo {
        margin-right: 0.4rem;
    }

    .personnel02 .prevPeo,
    .personnel02 .nextPeo {
        position: static;
        width: 2.35rem;
        opacity: 1;
        padding-left: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        margin-bottom: 1.03rem;
        vertical-align: middle;
        height: auto;
    }

    .personnel02 .prevPeo p,
    .personnel02 .nextPeo p {
        width: 100%;
        position: static;
        font-size: 0.28rem;
        line-height: 0.96rem;
        padding: 0;
    }

    .personnel02 .prevPeo .img,
    .personnel02 .nextPeo .img {
        width: 2.35rem;
        height: 2.35rem;
    }

    .personnel02 .prevPeo p {
        background: url(../images/icon/icon35.png) left top no-repeat;
        background-size: 0.31rem 0.19rem;
    }

    .personnel02 .nextPeo p {
        background: url(../images/icon/icon36.png) right top no-repeat;
        background-size: 0.31rem 0.19rem;
        text-align: right;
    }

    .personnel02 .peopOpr {
        margin-left: 4%;
        margin-top: 0.5rem;
    }

    .personnel03 {
        padding-top: 0;
    }

    .personnel03_con .tabs {
        position: static;
    }

    .personnel03_con .tabs p {
        float: left;
        width: auto;
        font-size: 0.3rem;
        padding-right: 0.31rem;
        margin-right: 0.4rem;
        margin-bottom: 0;
    }

    .personnel03_con .tabs p em {
        width: 0.2rem;
        right: 0;
        left: auto;
    }

    .personnel03_honor .tabCon1 {
        width: 100%;
    }

    .personnel03_honor a {
        padding-left: 0;
        margin-bottom: 0.42rem;
    }

    .personnel03_honor a p {
        font-size: 0.28rem;
        line-height: 0.42rem;
    }

    .personnel03_honor a span {
        display: none;
    }

    .personnel03_honor {
        padding-top: 0.48rem;
        padding-bottom: 0.1rem;
    }

    .personnel04_con .serText {
        padding: 0 4% 0.18rem;
        width: 100%;
        background: url(../images/icon/bac_2.png) left bottom no-repeat;
        background-size: 100% 1.41rem;
    }

    .personnel04_con .serText h6 {
        font-size: 0.32rem;
        line-height: 0.4rem;
        height: 0.8rem;
    }

    .personnel04_con .serText p {
        font-size: 0.28rem;
        line-height: 0.43rem;
    }

    .personnel04_con .m_bot {
        margin-top: 0.2rem;
    }

    .personnel04 {
        padding: 0;
    }

    .personnel04 .w1400 {
        padding-bottom: 1.84rem;
    }

    .personnel04_con .swiper-button-next,
    .personnel04_con .swiper-button-prev {
        bottom: -1rem;
        top: auto;
    }

    .personnel04_con .p5 {
        position: relative;
        visibility: visible;
    }

    .personnel04_con .p4 {
        position: absolute;
        visibility: hidden;
    }

    .personnel05 {
        padding-top: 0;
    }

    .personnel05_con .swiper-slide {
        width: 100%;
        border: 0;
    }

    .personnel05_con a {
        padding: 0 0.8rem;
    }

    .personnel05_con a h6 {
        font-size: 0.32rem;
        line-height: 0.5rem;
        margin-bottom: 0.26rem;
    }

    .personnel05_con a p {
        font-size: 0.28rem;
        line-height: 0.44rem;
    }

    .personnel05_con a span {
        font-size: 0.28rem;
        line-height: 0.44rem;
    }

    .personnel05_con a>div {
        margin-top: 0.3rem;
        width: 100%;
        height: auto;
    }

    .personnel05_con a>div img {
        width: 100%;
    }

    .personnel05_con a em {
        font-size: 0.26rem;
        line-height: 0.44rem;
        width: auto;
        margin-top: 0.18rem;
        display: inline-block;
    }

    .personnel05_con {
        padding-bottom: 0.94rem;
        min-height: 11rem;
    }

    .personnel05 .mask {
        width: 100%;
        height: 100vh;
        top: 0;
        z-index: 999;
        position: fixed;
    }

    .personnel05 .mask .panel {
        padding: 0.5rem 0.6rem;
    }

    .personnel05 .mask .panel .bkLeft {
        width: 100%;
    }

    .personnel05 .mask .panel img {
        height: 4rem;
        margin: 0 auto;
    }

    .personnel05 .mask .bkRight {
        width: 100%;
        padding: 0 4%;
        padding-top: 0.7rem;
    }

    .personnel05 .mask .bkRight h5 {
        font-size: 0.3rem;
        padding-bottom: 0.4rem;
    }

    .personnel05 .mask .bkRight p {
        font-size: 0.24rem;
        line-height: 0.42rem;
    }

    .personnel05 .mask .clo {
        width: 0.4rem;
        height: 0.4rem;
        background-size: 100% auto;
    }

    .personnel05_con .p7 a {
        padding: 0;
        margin-bottom: 0.42rem;
    }

    .personnel05_con .p7 a p {
        font-size: 0.28rem;
        line-height: 0.42rem;
    }

    .personnel05_con .p7 a span {
        display: none;
    }

    .personnel06 {
        padding-top: 0;
    }

    .personnel06_con {
        padding: 0 0.32rem;
    }

    .personnel06_con a {
        font-size: 0.28rem;
        width: 1.56rem;
        margin-bottom: 0.74rem;
    }

    .personnel06_con a em {
        line-height: 0.3rem;
    }

    .results {
        padding-top: 0rem;

    }

    .results_con {
        min-height: 50vh;
    }

    .results .results_t {
        padding-top: 0.5rem;
    }

    .results .results_t input {
        height: 0.8rem;
        font-size: 0.28rem;
        border-radius: 0;
    }

    .results .searchBoxs em {
        height: 0.8rem;
        width: 0.37rem;
        background-size: 100% auto;
    }

    .results .results_t p {
        font-size: 0.26rem;
        padding: 0.32rem 0;
    }

    .searchTit .searchSubTitMo .subCon {
        background-color: #fff;
        padding: 0.35rem 0.43rem 0.3rem;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 1;
    }

    .searchTit .m_searchSubTit {
        position: relative;
    }

    .searchTit .searchSubTitMo .subCon a {
        font-size: 0.28rem;
        margin: 0 0.1rem;
        color: #333333;
        display: block;
        line-height: 0.78rem;
        border-bottom: 1px solid #b5b5b5;
    }

    /* .searchTit .searchSubTitMo .subCon a.cur{border-bottom: 1px solid #b5b5b5;} */
    /* .searchTit .m_searchSubTit{box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);} */
    .searchTit .m_searchSubTit .subTop {
        line-height: 1.2rem;
        height: 1.2rem;
        border-bottom: 1px solid #b5b5b5;
    }

    .searchTit .m_searchSubTit p {
        padding: 0;
        padding-left: 0.2rem;
        line-height: 1.2rem;
        font-size: 0.34rem;
        color: #d40000;
        float: left;
    }

    .searchTit .m_searchSubTit em {
        display: block;
        width: 0.27rem;
        height: 1.2rem;
        background: url(../images/mobile/icon/i4.png) center no-repeat;
        background-size: 0.27rem auto;
        float: right;
        transition-duration: 0.5s;
        margin-right: 0.2rem;
    }

    .searchTit .m_searchSubTit .cur em {
        transform: rotate(180deg);
    }

    .results_con a h5 {
        font-size: 0.32rem;
    }

    .results_con a h6 em {
        font-size: 0.26rem;
    }

    .results_con a p {
        font-size: 0.28rem;
        line-height: 1.5;
    }

    .results_con a h6 em:nth-child(1) {
        margin-right: 0.3rem;
    }

    .results_con a h6 {
        margin: 0.2rem 0;
    }

    .results_con a {
        margin-bottom: 0.88rem;
    }

    /* .results_con li{margin-bottom: 0.3rem;} */
    .results_con {
        padding-top: 0.44rem;
    }
    .results_con .more{
        font-size: 0.3rem;
    }
    .m_building {}

    .m_building .m_subTits {
        width: 63.478%;
    }

    .m_building .m_filters {
        padding-left: 0.09rem;
        position: relative;
    }

    .m_building .m_filters p {
        font-size: 0.32rem;
        color: #333333;
        float: left;
        height: 1.2rem;
        line-height: 1.2rem;
    }

    .m_building .m_filters .changeState {
        width: 0.41rem;
        background: url(../images/icon/icon39.png) center no-repeat;
        background-size: 100% auto;
        margin-right: 0.31rem;
    }

    .m_building .m_filters .goFilter {
        margin-left: 0.31rem;
    }

    .m_building .m_filters em {
        width: 1px;
        height: 0.54rem;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -0.27rem;
        background-color: #e0e0e0;
    }

    .m_filtersCon {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 20;
    }

    .m_filtersConIn {
        width: 78.8%;
        height: 100vh;
        background-color: #ffffff;
        position: absolute;
        top: 0;
        right: 0;
        overflow-y: auto;
    }

    .m_filtersConIn h6 {
        padding: 0 4.06%;
        font-size: 0.26rem;
        color: #323232;
        line-height: 0.85rem;
        padding-top: 0.18rem;
    }

    .m_filtersConIn .item {
        padding: 0 4.06%;
        border-bottom: 1px solid #cfcfcf;
        padding-bottom: 0.24rem;
    }

    .m_filtersConIn a {
        display: block;
        font-size: 0.26rem;
        color: #323232;
        width: 31.416%;
        line-height: 0.76rem;
        text-align: center;
        float: left;
        margin-right: 2.798%;
        background-color: #f8f8f8;
        margin-bottom: 0.15rem;
    }

    .m_filtersConIn a.on {
        color: #ea0000;
        background-color: #ffecee;
    }

    .m_filtersConIn a:nth-child(3n) {
        margin-right: 0;
    }

    #start {
        width: 100%;
        height: 0.6rem;
        border: 1px solid #cccccc;
        font-size: 0.26rem;
        padding-left: 0.2rem;
    }

    .m_filtersCon .confirms {
        font-size: 0.26rem;
        color: #ffffff;
        display: block;
        width: 1.7rem;
        line-height: 0.76rem;
        background-color: #ea0000;
        float: right;
        margin-top: 0.5rem;
    }

    .m_filtersConIn .item:nth-last-child(2) {
        border: 0;
    }

    .buildings {
        padding-top: 0.6rem;
    }

    .buildings .waterfull1 .item {
        width: 100%;
        margin-bottom: 0.3rem;
        height: 1.62rem;
    }

    .buildings .waterfull1 .item .textIn b {
        font-size: 0.32rem;
        line-height: 1.2;
        max-height: 0.8rem;
        margin-bottom: 0.1rem;
    }

    .buildings .waterfull1 .item .textIn p {
        font-size: 0.28rem;
    }

    .buildings .waterfull1 .item a .pic {
        width: 31.3%;
        height: 1.64rem;
    }

    .buildings .waterfull1 .item .pic img {
        width: 100%;
    }

    .buildings .waterfull1 .item .text {
        height: 1.62rem;
        padding: 0 0 0 0.2rem;
    }

    .buildings .waterfull1 .item .textIn {
        left: 0.2rem;
    }

    .buildings .waterfull2 .item {
        width: 100%;
        margin: 0;
        margin-bottom: 0.3rem;
    }

    .buildings .waterfull2 .text b {
        font-size: 0.32rem;
        line-height: 0.43rem;
        margin-bottom: 0.1rem;
    }

    .buildings .waterfull2 .text p {
        font-size: 0.28rem;
        line-height: 0.44rem;
        margin-bottom: 0.35rem;
    }

    .buildings .waterfull1 .grid-sizer1 {
        width: 100%;
    }

    .buildings .waterfull2 .gutter-sizer2 {
        width: 0px;
    }

    .buildings .waterfull2 .grid-sizer2 {
        width: 100%;
    }

    /* .grid-sizer{width: 50%;} */
    .mouse_pointer {
        display: none;
    }

    .sAbout {
        padding-top: 0;
    }

    .profile03Con .profile03In .item:hover {
        width: 48%;
    }

    .profile03Con .profile03In .item:hover>.miniImg {
        visibility: visible;
    }

    .profile03Con .profile03In .item:hover>.bigImg {
        z-index: -1;
    }

    .noPage .noLogo {
        width: 59.866%;
        margin-left: 0.5rem;
        margin-top: 0.6rem;
    }

    .noPage p {
        font-size: 0.36rem;
    }

    .noPage img {
        width: 92%;
    }

    .noPage .backs a {
        font-size: 0.28rem;
        width: 1.9rem;
        line-height: 0.68rem;
        height: 0.68rem;
    }

    .videoDetail .newsDetail_l .opr {
        width: 100%;
    }

    .videoDetail .newsDetail_l .newsTit h5 {
        width: 100%;
    }

    .videoDetail .newsDetail .newsDetail_l .opr .opr_l .share {
        width: 0.26rem;
        background-size: 100% auto;
        height: 0.3rem;
        float: right;
        padding-left: 0;
    }

    .videoDetail .newsDetail_lCon em {
        width: 1.5rem;
        height: 1.5rem;
    }

    .buildings .waterfull2 .item a:hover .text {
        bottom: -76px;
        background-color: transparent;
    }

    .buildings .waterfull2 .item a:hover .text b,
    .buildings .waterfull2 .item a:hover .text p {
        color: #ffffff;
    }

    .m_building.subTitMo .w1400 {
        border-bottom: 1px solid #b5b5b5;
    }

    .breadTop a {
        font-size: 0.26rem;
    }

    .breadTop em {
        font-size: 0.26rem;
    }

    .breadTop {
        padding-top: 0.8rem;
        padding-bottom: 0.2rem;
    }

    .project2_in {
        padding: 0;
    }

    .newsDetail .newsDetail_r.on2 {
        position: static;
    }

    .videoList .item:hover .bg {
        opacity: 0.6;
    }

    .videoList .item:hover .pic em {
        transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
    }

    .people .more {
        padding: 0.2rem 0 0;
    }

    .service_pro04 .pro_con .item:hover .desc {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    .service_pro04 .pro_con .item:hover>p {
        display: block;
    }

    /* 10.29 */
    .buildings .waterfull2 .item {
        width: 99.6%;
    }

    .buildings .waterfull2 .noPic {
        box-shadow: 0.1rem 0.1rem 0.05rem rgba(0, 0, 0, 0.03);
    }

    .buildings .waterfull1 .noPic .textIn {
        left: 0;
    }

    /* 20191115 */
    .m_filtersConIn .item {
        position: relative;
    }

    .m_filtersConIn .item .timeCon {
        width: 100%;
        z-index: 2;
        background-color: #fff;
    }

    .m_filtersConIn .item .timeCon p {
        font-size: 0.26rem;
        color: #323232;
        line-height: 0.76rem;
        text-align: center;
        margin-right: 2.798%;
        background-color: #f8f8f8;
        margin-bottom: 0.15rem;
        width: 30.216%;
        float: left;
    }

    .results .searchBoxs i {
        height: 0.8rem;
        width: 0.25rem;
        background-size: 100% auto;
        right: 1.3rem;
    }

    .m_filtersConIn .item .timeCon p.on {
        color: #ea0000;
        background-color: #ffecee;
    }

    /* 20191115 */
    /* 1210 */
    .personnel05_con .p7 {
        top: 0.6rem;
        width: 100%;

    }

    .personnel05 .tabs {
        position: static;
    }

    .personnel05 .tabs p {
        float: left;
        width: auto;
        font-size: 0.3rem;
        padding-right: 0.31rem;
        margin-right: 0.4rem;
        margin-bottom: 0;
    }

    .personnel05 .tabs p em {
        width: 0.2rem;
        right: 0;
        left: auto;
    }

    /* 20200722 */
    .qualifications .imgs {
        width: 100%;
        height: 5.27rem;
        position: relative;
    }

    .qualifications .imgs img {
        max-width: 74.492%;
        max-height: 5.27rem;
        position: absolute;
    }

    .qualifications .swPage {
        display: none;
    }

    .qualifications .swiper-button-next,
    .qualifications .swiper-button-prev {
        width: 0.71rem;
        height: 0.71rem;
        background-size: auto 0.29rem;
        top: 2.6rem;
        bottom: auto;
    }

    .qualifications .swiper-button-next {
        right: 0;
        left: auto;
    }

    .qualifications .swiper-button-prev {
        left: 0;
        right: auto;
    }

    .qualifications .text {
        font-size: 0.3rem;
        margin-top: 0.52rem;
    }

    .qualifications .mask {
        height: 100vh;
        width: 100vw;
    }

    .qualifications .w1400 {
        position: unset;
    }

    .qualifications .panel {
        height: 100%;
    }

    .qualifications .panel img {
        max-width: 88.14%;
    }

    .qualifications {
        padding-top: 0.78rem;
        padding-bottom: 0;
    }

    .qualifications .swiper-button-prev:hover,
    .qualifications .swiper-button-next:hover {
        background-color: #e6e6e6;
    }

    /* 20200722 */
}

.subTitMo .subCon a,
.searchTit .searchSubTitMo .subCon a {
    visibility: hidden;
}

.subTitMo .subCon.on a,
.searchTit .searchSubTitMo .subCon a {
    visibility: visible;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.subTitMo .subCon.on a:nth-child(1),
.searchTit .searchSubTitMo .subCon a:nth-child(1) {
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}

.subTitMo .subCon.on a:nth-child(2),
.searchTit .searchSubTitMo .subCon a:nth-child(2) {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}

.subTitMo .subCon.on a:nth-child(3),
.searchTit .searchSubTitMo .subCon a:nth-child(3) {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}

.subTitMo .subCon.on a:nth-child(4),
.searchTit .searchSubTitMo .subCon a:nth-child(4) {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}

.subTitMo .subCon.on a:nth-child(5),
.searchTit .searchSubTitMo .subCon a:nth-child(5) {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}

.subTitMo .subCon.on a:nth-child(6),
.searchTit .searchSubTitMo .subCon a:nth-child(6) {
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
}

.subTitMo .subCon.on a:nth-child(7),
.searchTit .searchSubTitMo .subCon a:nth-child(7) {
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
}

.subTitMo .subCon.on a:nth-child(8),
.searchTit .searchSubTitMo .subCon a:nth-child(8) {
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
}

.subTitMo .subCon.on a:nth-child(9),
.searchTit .searchSubTitMo .subCon a:nth-child(9) {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.subTitMo .subCon.on a:nth-child(10),
.searchTit .searchSubTitMo .subCon a:nth-child(10) {
    animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
}

.subTitMo .subCons {
    display: none;
    width: 100vw;
    position: absolute;
    left: 0;
    background-color: #fff;
    padding: 0 4%;
    padding-bottom: 1rem;
    height: 79vh;
    overflow-y: scroll;
}

.subTitMo .subCons h6 {
    font-size: 0.34rem;
    color: #d20a10;
    font-weight: bold;
    margin: 0.3rem 0;
}

.subTitMo .subCons a {
    display: block;
    font-size: 0.26rem;
    color: #323232;
    width: 31.416%;
    line-height: 0.76rem;
    text-align: center;
    float: left;
    margin-right: 2.798%;
    background-color: #f8f8f8;
    margin-bottom: 0.15rem;
}

.subTitMo .subCons a:nth-child(3n) {
    margin-right: 0;
}

.subTitMo .subsec .item {
    display: none;
}

.subTitMo .subsec .item.cur {
    display: block;
}

.subTitMo .subIn1 a.on,
.subTitMo .subIn2 a.on {
    color: #d20a10;
    background-color: #ffecee;
}

.subTitMo .m_subTits .subCons .filterConf {
    font-size: 0.3rem;
    color: #ffffff;
    display: block;
    width: 2.4rem;
    line-height: 0.76rem;
    background-color: #ea0000;
    margin: 0.5rem auto;
    float: unset;
}

.m_building .m_subTits .subTops {
    line-height: 1.2rem;
    height: 1.2rem;
}

.m_building .m_subTits .subTops.cur {
    border: 0;
}

.m_building .m_subTits p {
    padding-left: 0.2rem;
    line-height: 1.2rem;
    font-size: 0.34rem;
    color: #d40000;
    float: left;
}

.m_building .m_subTits em {
    display: block;
    width: 0.27rem;
    height: 1.2rem;
    background: url(../images/mobile/icon/i4.png) center no-repeat;
    background-size: 0.27rem auto;
    float: right;
    transition-duration: 0.5s;
    margin-right: 0.2rem;
}

.m_building .m_subTits .cur em {
    transform: rotate(180deg);
}

.mobileSelect .content {
    min-height: 20vh;
}

/* .mobileSelect-show .content{}} */