html,body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
html {
    font-size: 71.4%;
}
body {
    font-size: 1.4rem;
    font-family: 'Microsoft YaHei';
}

.pageContainer {
    width: 100%;
}
.mobilePage {
    max-width: 39rem;
    margin: 0 auto;
}

header.header {
    height: 13.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
header.header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    width: 23%;
    max-width: 32.6rem;
    height: 9rem;
    background: url('../images/LOGO@3x.png') no-repeat center center / contain;
}

.navBlock {

}
.navBlock .navBtn,
.navBlock .close{
    display: none;
}

.navList {
    display: flex;
    align-items: center;
    font-size: 2.4rem;
    padding-top: 3.5rem;
}
.navList .navItem {
    position: relative;
    z-index: 99;
}
.navList .navItem a{
    cursor: pointer;
    display: block;
    padding: 0.5rem 0;
    width: 17rem;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-family: Source Han Sans CN;
    font-weight: bold;
    transition: all ease .2s;
}
.navList .navItem.active a,
.navList .navItem a:hover {
    color: #BA9F60;
}
.navList .navItem .subNav {
    display: none;
    position: absolute;
    top: 100%;
    background-color: rgba(255,255,255,.8);
}
.navList .navItem:hover .subNav {
    display: block;
}
.navList .navItem .subNav a {
    font-size: 2.2rem;
    padding: 1rem 0;
    border-bottom: 1px solid #ddd;
}

footer.footer {
    height: 10rem;
    background-color: #333;
    color: #a3998c;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 1rem;
}

footer.footer a{
    text-decoration: none;
    color: #a3998c;
}



.more{
    width: 15.5rem;
    height: 5rem;
    background-color: #c34b2d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 3.6rem;
    text-decoration: none;
}
.more::after{
    display: block;
    content: '';
    width: 1.1rem;
    height: 1.3rem;
    background: url("../images/sjx.png") no-repeat center center / contain;
    margin-left: 3.8rem;
}

.loading {
    pading: 2rem;
    font-size: 2rem;
    color: #999;
    text-align: center;
}


/* 首页 */
.ourServices {
    position: relative;
    padding: 14.4rem 0 23.3rem;
}

.ourServices .rightBlock {
    position: absolute;
    right: 0;
    top: 4rem;
    z-index: 1;
    width: 55%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.ourServices .titleCn {
    position: relative;
    color: #BA9F60;
    font-family: Source Han Sans CN;
    font-size: 3.8rem;
    line-height: 5.5rem;
    padding-top: 3.2rem;
    margin-bottom: 12.2rem;
}
.ourServices .titleCn::before {
    display: block;
    content: '';
    width: 3.3rem;
    height: .6rem;
    background-color: #ba9f60;
    position: absolute;
    right: 0;
    top: 0;
}
.ourServices .titleEng {
    font-size: 3.8rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 5.5rem;
    text-align: right;
}
.ourServices .img {
    width: 100%;
}

.ourServices .title {
    font-size: 3.4rem;
    font-family: Segoe UI Emoji;
    font-weight: 400;
    color: #333333;
    line-height: 5.6rem;
    margin-bottom: 3.8rem;
}

.ourServices .add {
    width: 4.6rem;
    height: 4.6rem;
    background: url("../images/+@3x.png") no-repeat center center / contain;
    margin-bottom: 8.6rem;
}

.ourServices .content {
    width: 55%;
    padding: 9rem 11.7rem;
    background-color: #696969;
    font-size: 1.8rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #AEAEAE;
    line-height: 3.6rem;
}
.ourServices .content h3{
    position: relative;
    font-size: 3.8rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 4.9rem;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
}
.ourServices .content h3::after{
    display: block;
    content: '';
    width: 1.6rem;
    height: .9rem;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.ourServices .content h4{
    font-size: 2.6rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #AEAEAE;
    line-height: 3.4rem;
    margin-bottom: 7.9rem;
}
.ourServices .content .desc{
    max-width: 31.3rem;
    margin-bottom: 4.1rem;
}


.factoryIntroduce {
    position: relative;
    padding-bottom: 45rem;
}

.factoryIntroduce .img {
    width: 65%;
    /*transform: translateX(-18rem);*/
}
.factoryIntroduce .content {
    position: absolute;
    /*right: 9.9rem;*/
    right: 0;
    top: 12.5rem;
    width: 30%;
    font-family: Source Han Sans CN;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.factoryIntroduce .content h4 {
    font-size: 2.6rem;
    font-weight: 400;
    color: #AEAEAE;
    line-height: 3.4rem;
    margin-bottom: 7.3rem;
}

.factoryIntroduce .content h3 {
    position: relative;
    font-size: 5rem;
    font-weight: 400;
    color: #696969;
    line-height: 8.0rem;
    padding-bottom: 4.9rem;
    margin-bottom: 9.2rem;
    text-align: right;
}
.factoryIntroduce .content h3 span {
    display: block;
    font-weight: 600;
    color: #BA9F60;
}
.factoryIntroduce .content h3::after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.6rem;
    height: .9rem;
    background-color: #ba9f60;
}

.factoryIntroduce .content .desc {
    font-size: 1.6rem;
    font-weight: 400;
    color: #8D8C8C;
    line-height: 3.5rem;
    margin-bottom: 8rem;
}


.productIntroduction {
    display: flex;
    justify-content: space-between;
    padding-bottom: 31.3rem;
}

.productIntroduction .content {
    width: 33.5%;
    font-family: Source Han Sans CN;
}


.productIntroduction h3 {
    font-size: 5.8rem;
    font-weight: bold;
    color: #BA9F60;
    line-height: 4.9rem;
    padding-bottom: 6rem;
    margin-bottom: 5.6rem;
}
.productIntroduction h3::after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.6rem;
    height: .9rem;
    background-color: #ba9f60;
}

.productIntroduction h4 {
    font-size: 2.6rem;
    font-weight: 400;
    color: #AEAEAE;
    line-height: 3.4rem;
    margin-bottom: 5.4rem;
}

.productIntroduction .desc {
    font-size: 1.6rem;
    font-weight: 400;
    color: #8D8C8C;
    line-height: 3.5rem;
}

.productIntroduction .more {
    margin-top: 7.5rem;
}


.productIntroduction .img {
    width: 55%;
}



.homeVideo {
    position: relative;
    user-select: none;
    width: 100%;
    height: 0;
    padding-top: 33.49%;
    background: url("../images/videoBg.png") no-repeat center center /contain;
    margin-bottom: 14.7rem;
}
.homeVideo .content {
    position: absolute;
    left: 39.58%;
    top: 1.875vw;
    width: 41.67%;
    height: 0;
    padding-top: 23.4375%;
}
.homeVideo .content .videoBox {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.homeVideo .content .videoBox .play {
    width: 13rem;
    height: 13rem;
    background: url("../images/play.png") no-repeat center center / contain;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
    transition: opacity ease-in-out .2s;
}
.homeVideo .content .videoBox .play.hide {
    opacity: 0;
}
.homeVideo .content video,
.homeVideo .content img {
    width: 100%;
    height: 100%;
}
/*隐藏进度条*/
.homeVideo .content video::-webkit-media-controls-timeline { display: none;}
/*隐藏全屏按钮*/
.homeVideo .content video::-webkit-media-controls-fullscreen-button{ display: none; }
/*隐藏播放按钮*/
.homeVideo .content video::-webkit-media-controls-play-button { display: none; }
/*观看的当前时间*/
.homeVideo .content video::-webkit-media-controls-current-time-display{ display: none; }
/*剩余时间*/
.homeVideo .content video::-webkit-media-controls-time-remaining-display { display: none; }
/*音量按钮*/
.homeVideo .content video::-webkit-media-controls-mute-button { display: none; }
.homeVideo .content video::-webkit-media-controls-toggle-closed-captions-button { display: none; }


.aboutUs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10rem;
    padding: 5rem 0;
    background: url("../images/aboutUs.jpg") no-repeat 0 center / auto 90%;
    border-bottom: 1px solid #696969;
}

.aboutUs .titleBlock {
    display: none;
}

.aboutUs .left {
    width: 32.47%;
    margin-left: 20.38%;
    font-size: 2.2rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #8D8C8C;
    line-height: 3.6rem;
}

.aboutUs .left .content {
    padding-bottom: 3rem;
}

.aboutUs .left .aboutItem {
    min-height: 4.7rem;
    font-size: 1.8rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #AEAEAE;
    line-height: 3.3rem;
    margin-top: 4.4rem;
    padding-left: 6rem;
    background-position: 0 center;
    background-size: 4.7rem auto;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.aboutUs .left .aboutItem.phone {
    background-image: url("../images/phone.jpg");
}
.aboutUs .left .aboutItem.address {
    background-image: url("../images/address.jpg");
}

.aboutUs .right {
    width: 43.5%;
}

.aboutUs .right img{
    width: 100%;
    height: auto;
}

/* 质保查询 */
.warrantyContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 62.4%;
    background: url("../images/warrantyBg.jpg") no-repeat center 0 / contain;
}
.warrantyContainer .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 11.09vw;
    margin: auto;
    padding: 10rem;
    width: 53.39%;
    height: 33.54vw;
    background: url("../images/1x1-zhibao.png");
    text-align: center;
}
.warrantyContainer .content h1 {
    font-size: 8rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    margin-bottom: 5.6rem;
}
.warrantyContainer .content input {
    width: 100%;
    height: 5.2rem;
    font-size: 2.6rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    opacity: 0.75;
    border: none;
    border-bottom: 1px solid #f4f4f4;
    background-color: transparent;
}
.warrantyContainer .content button {
    width: 23.2rem;
    height: 7.7rem;
    background-color: #4c4c4c;
    border-radius: 3.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.2rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    margin: 10.6rem auto 0;
    border: none;
}

.warrantyModel {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999;
    margin: auto;
    background-color: rgba(70, 70, 70, 0);
    transition: all ease-in-out .3s;
}
.warrantyModel .content{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 53.39%;
    height: 80vh;
    background: #f7f7f7;
    overflow: hidden;
    opacity: 0;
    transform: scale(0.8);
    transition: all ease-in-out .3s;
}
.warrantyModel.in {
    background-color: rgba(70, 70, 70, .7);
}
.warrantyModel.in .content{
    opacity: 1;
    transform: scale(1);
}
.warrantyModel .contentWrap{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.warrantyModel .contentWrap::-webkit-scrollbar {
    width: 4px;
}
.warrantyModel .contentWrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.2);
}
.warrantyModel .contentWrap::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.warrantyModel .close{
    width: 7.4rem;
    height: 7.4rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/close.png") no-repeat center center / 2.8rem 2.8rem;
    cursor: pointer;
}
.warrantyModel .header,
.detailPage .header{
    height: 9.7rem;
    background-color: #F0F0F0;
    padding-left: 4.3rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 3.3rem;
    font-size: 3.0rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #606266;
    line-height: 4.9rem;
}
.warrantyModel .item,
.detailPage .item{
    display: flex;
    align-items: center;
    margin-bottom: 3.9rem;
}
.warrantyModel .item .label,
.detailPage .item .label{
    width: 25%;
    flex-shrink: 0;
    text-align: right;
    padding-right: 1.5rem;
    font-size: 2.4rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #606266;
    line-height: 4.9rem;
}
.warrantyModel .item .value,
.detailPage .item .value{
    font-size: 2.4rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #606266;
    line-height: 4.9rem;
}


/* 登录 */
.loginPageContainer {
    width: 100%;
    height: 100%;
    background: url("../images/login_bg.jpg") no-repeat center center / cover;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.loginPageContainer .left {
    width: 50%;
    margin-left: 15%;
    font-size: 2.6rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFD;
    line-height: 3.5rem;
}
.loginPageContainer .left h1 {
    font-size: 3.2rem;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #FFFFFD;
    line-height: 2.3rem;
    margin-bottom: 34rem;
}
.loginPageContainer .left h2 {
    font-size: 4.0rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFD;
    line-height: 7.5rem;
    text-shadow: .3rem .2rem .3rem rgba(80,80,80,0.73);
    margin-bottom: 4.5rem;
}

.loginPageContainer .right {
    width: 25.5%;
    margin-right: 8%;
}

.loginPageContainer .right h1{
    font-size: 3.4rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 2.3rem;
    margin-bottom: 9rem;
}

.loginPageContainer .right .form{
}

.loginPageContainer .right .formItem{
    margin-bottom: 3.6rem;
}

.loginPageContainer .right .formItem label{
    display: block;
    font-size: 1.8rem;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 2.3rem;
}

.loginPageContainer .right .formItem input{
    display: block;
    width: 100%;
    border: none;
    border-bottom: .2rem solid #FFFFFF;
    height: 6.0rem;
    font-size: 1.8rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #696969;
    line-height: 2.3rem;
    background-color: transparent;
}

.loginPageContainer .right .remember{
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 2.3rem;
}

.loginPageContainer .right .remember input{
    margin-right: .4rem;
    background-color: transparent;
}

.loginPageContainer .right .btn{
    width: 21.0rem;
    height: 6.7rem;
    background-color: #ba9f60;
    border-radius: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.0rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 2.3rem;
    margin-top: 4.5rem;
}

.loginPageContainer .right .goHome{
    margin-top: 3rem;
}
.loginPageContainer .right .goHome a {
    font-size: 2rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #666;
    line-height: 3rem;
}


/* 产品介绍 */
.productBanner img {
    width: 100%;
}

.productTitle {
    margin-top: 10rem;
    margin-bottom: 8rem;
    padding-bottom: 2rem;
    position: relative;
    text-align: center;
}
.productTitle::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: '';
    height: .4rem;
    width: 16.1rem;
    background-color: #E5E5E5;
}
.productTitle h1 {
    font-size: 7.6rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    line-height: 11.4rem;
}
.productTitle .titleEng {
    font-size: 2.0rem;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: rgba(0,0,0,0.85);
    line-height: 3.0rem;
}

.productList {
    margin-bottom: 4rem;
}

.productList .productItem {
    position: relative;
    margin-bottom: 8rem;
}

.productItem .img{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.productItem .content{
    position: relative;
    width: 58%;
    margin-left: 42%;
    padding: 4.1rem 3.0rem;
    background-color: rgba(0,0,0,.6);
}

.productItem .contentItem{
    font-size: 2.8rem;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    color: #fff;
    line-height: 3.6rem;
    display: flex;
    align-items: flex-start;
    margin-bottom: 4rem;
}

.productItem .contentItem .label{
    flex-shrink: 0;
    width: 12%;
    font-size: 2.6rem;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #b1b1b1;
    line-height: 3.9rem;
}

.productItem .contentItem .value{
}

.productItem .contentItem .value.list{
    display: flex;
    flex-wrap: wrap-reverse;
    margin-bottom: 1.8rem;
}
.productItem .contentItem .value.list div{
    width: 50%;
    flex-shrink: 0;
    margin-bottom: 1.8rem;
}


/* 产品特色 */
.productCharacteristics {
    background-color: #f5f5f5;
    padding: 5.5rem 0;
}
.productCharacteristics img {
    width: 100%;
}

.productCharacteristicsList {
    margin-bottom: 12rem;
}

.productCharacteristicsList .item {
    text-align: center;
}
.productCharacteristicsList .item h1 {
    font-size: 5.0rem;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    line-height: 2.4rem;
    margin: 8rem 0 5rem;
}
.productCharacteristicsList .item .desc {
    font-size: 2.0rem;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: rgba(0,0,0,0.5);
    line-height: 4.0rem;
    margin-bottom: 6rem;
}
.productCharacteristicsList .item .desc p {
    padding: 0;
    margin: 0;
}
.productCharacteristicsList .item .img img{
    width: 100%;
}


/* 关于我们 */
.aboutBanner img {
    width: 100%;
}

.aboutTitle {
    margin-top: 10rem;
    margin-bottom: 8rem;
    padding-bottom: 2rem;
    position: relative;
    text-align: center;
}
.aboutTitle::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: '';
    height: .4rem;
    width: 16.1rem;
    background-color: #E5E5E5;
}
.aboutTitle h1 {
    font-size: 7.2rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    line-height: 11.4rem;
    color: #81796A;
}
.aboutTitle h2 {
    font-size: 2.2rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}
.aboutTitle .titleEng {
    font-size: 2.2rem;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #333;
    line-height: 3.0rem;
}

.aboutContent {
    font-size: 2.0rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #81796A;
    line-height: 3.5rem;
    text-align: center;
    margin-bottom: 6.3rem;
}


.aboutContainer2 {
    padding: 6rem 0;
    background-color: #DADADA;
}

.aboutContainer2 .content{
    position: relative;
}
.aboutContainer2 .content img{
    width: 100%;
    height: auto;
}

.aboutContainer2 .content .html{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background-color: rgba(105, 105, 105, .73);
    padding: 5rem;
    font-size: 1.8rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
}

.aboutContainer2 .content .html.brand{
    left: 0;
    right: auto;
}

.aboutContainer2 .content .html p{
    margin-bottom: 3rem;
}


/* 联系我们 */

.contactBanner img {
    width: 100%;
}
.contactContainer {
    position: relative;
}
.contactContainer .wechat {
    z-index: 9999;
    position: absolute;
    top: 15rem;
    right: 5rem;
    width: 9rem;
    height: 11rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1.6rem;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    line-height: 2.4rem;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: .1rem .1rem .5rem rgba(0,0,0,.1);
    cursor: pointer;
}
.contactContainer .wechat img {
    width: 6rem;
    height: auto;
    margin-bottom: .2rem;
}
.contactContainer .wechatQrCode {
    z-index: 9998;
    position: absolute;
    top: 15rem;
    right: 16rem;
    width: 33rem;
    height: 41rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: .2rem .2rem .8rem rgba(0,0,0,.15);
    opacity: 0;
    transform: scale(.5) translateX(8rem);
    transform-origin: right top;
    transition: all ease-in-out .3s;
}
.contactContainer .wechatQrCode.show {
    opacity: 1;
    transform: scale(1) translateY(0);
}
.contactContainer .wechatQrCode .close {
    width: 26.3rem;
    height: 2.4rem;
    text-align: right;
    margin-top: 2.7rem;
}
.contactContainer .wechatQrCode .close span {
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    background: url("../images/wechat-close.png") no-repeat right center / contain;
    cursor: pointer;
}
.contactContainer .wechatQrCode .qrcode {
    display: inline-block;
    margin: 1.8rem auto 3rem;
}
.contactContainer .wechatQrCode .qrcode img {
    max-width: 26.3rem;
    max-height: 26.3rem;
}
.contactContainer .wechatQrCode .title {
    text-align: center;
    font-size: 2.4rem;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: rgba(0,0,0,0.85);
    line-height: 3.6rem;
}

.contactTitle {
    margin-top: 10rem;
    margin-bottom: 8rem;
    padding-bottom: 2rem;
    position: relative;
    text-align: center;
}
.contactTitle::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: '';
    height: .4rem;
    width: 16.1rem;
    background-color: #E5E5E5;
}
.contactTitle h1 {
    font-size: 7.2rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    line-height: 11.4rem;
    color: #81796A;
}
.contactTitle h2 {
    font-size: 2.2rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}
.contactTitle .titleEng {
    font-size: 2.2rem;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #333;
    line-height: 3.0rem;
}

.contactContent {
    font-size: 2.0rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #81796A;
    line-height: 3.5rem;
    text-align: center;
    margin-bottom: 6.3rem;
}
.contactContent2 {
    color: #333;
}
.contactImg img {
    width: 100%;
}

.contactAddress {
    background: url("../images/contact_p2.jpg") no-repeat center center / cover;
    margin-top: 12.9rem;
    padding: 12rem 0;
}
.contactAddress .content {
    padding: 0 8rem;
}

.contactAddress .content h1 {
    font-size: 4.6rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    margin-bottom: 6rem;
}

.contactAddress .detail {
    display: flex;
}
.contactAddress .detail .left {
    width: 38rem;
    border-right: 1px solid #cfcfd1;
}
.contactAddress .detail .left .item {
    margin-bottom: 2.7rem;
}
.contactAddress .detail .left .item .label{
    font-size: 1.6rem;
    font-family: Source Han Sans CN;
    color: #616161;
    line-height: 3.4rem;
}
.contactAddress .detail .left .item .value{
    font-size: 2.4rem;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #222222;
    line-height: 3.4rem;
    word-wrap: break-word;
}
.contactAddress .detail .right{
    font-size: 2.0rem;
    font-family: Source Han Sans CN;
    color: #555555;
    line-height: 3.4rem;
    padding-left: 10rem;
}


/* 服务与支持 */
.serviceBanner img {
    width: 100%;
}

.serviceContainer {
    margin-top: 5.3rem;
    display: flex;
    align-items: flex-start;
}

.serviceContainer .left {
    width: 26%;
    flex-shrink: 0;
}
.serviceContainer .left .head {
    height: 10rem;
    background-color: #f7f7f7;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding-right: 2.2rem;
}
.serviceContainer .left .eng {
    font-size: 2.4rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #B3B1A4;
    line-height: 2.6rem;
    margin-bottom: 1rem;
}
.serviceContainer .left .cn {
    font-size: 2.4rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #81796A;
    line-height: 2.6rem;
}
.serviceContainer .left .img {
    width: 100%;
}
.serviceContainer .left .img img {
    width: 100%;
}

.serviceContainer .right {
    width: 74%;
    padding-left: 1.8rem;
}
.serviceContainer .right .head {
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.serviceContainer .right .serviceNav {
    height: 10rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.serviceContainer .right .serviceNav li {
    list-style: none;
    padding-left: 4.7rem;
}
.serviceContainer .right .serviceNav li:first-child {
    background: url("../images/service_arraw.jpg") no-repeat 2.4rem center / .9rem auto;
    margin-bottom: 1.3rem;
}
.serviceContainer .right .serviceNav li a {
    font-size: 2.0rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #81796A;
    line-height: 2.4rem;
    text-decoration: none;
}
.serviceContainer .right .btns {
    display: flex;
    align-items: center;
}
.serviceContainer .right .myClients {
    width: 17.9rem;
    height: 6.3rem;
}
.serviceContainer .right .myClients a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 2.4rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 6.0rem;
    background: #d6c5a0 url("../images/user.png") no-repeat 1.9rem center / 3.6rem auto;
    padding-left: 6.4rem;
    border-radius: .6rem;
    text-decoration: none;
}
.serviceContainer .right .logout {
    width: 17.9rem;
    height: 6.3rem;
    margin-left: .6rem;
}
.serviceContainer .right .logout a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 2.4rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 6.0rem;
    background: #d6c5a0 url("../images/logout.png") no-repeat 1.9rem center / 3.6rem auto;
    padding-left: 6.4rem;
    border-radius: .6rem;
    text-decoration: none;
}
.serviceContainer .right .filter {
    display: flex;
    align-items: center;
    height: 10rem;
    background-color: #f0f0f0;
}
.serviceContainer .right .filter .item {
    margin: 0 2.8rem;
}
.serviceContainer .right .filter .item label {
    font-size: 2.4rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #606266;
    line-height: 4.9rem;
    margin-right: 2.2rem;
}
.serviceContainer .right .filter .item select {
    width: 24rem;
    height: 6rem;
    border: 1px solid #ddd;
    padding-left: 1rem;
    font-size: 1.8rem;
    color: #333;
    /*将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: #fff url(../images/select_arraw.png) no-repeat scroll right 1.2rem center;

}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.serviceContainer .right .filter .item select::-ms-expand {
    display: none;
}

.serviceContainer .right .filter .item select::placeholder {
    font-size: 2.4rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #C1C4CC;
    line-height: 4.9rem;
}
.serviceContainer .right .filter .item button {
    width: 10.5rem;
    height: 6rem;
    background-color: #BA9F60;
    border: 1px solid #BA9F60;
    border-radius: 0.6rem;
    color: #fff;
    font-size: 2.0rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.serviceContainer .right .map {}
.serviceContainer .right .map img {
    width: 100%;
}

.serviceList {
    background-color: #f7f7f7;
    padding: 2.2rem 1.2rem;
}
.serviceList .listItem {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 1.4rem 1.8rem;
    background-color: #fff;
    margin-bottom: 1.6rem;
}
.serviceList .listItem .logo{
    width: 22rem;
    height: 15.5rem;
    flex-shrink: 0;
}
.serviceList .listItem .logo img{
    width: 100%;
    height: 100%;
}
.serviceList .listItem .content{
    width: 100%;
    height: 100%;
    margin-left: 3.8rem;
}
.serviceList .listItem .content .item{
    margin-bottom: 1.8rem;
}
.serviceList .listItem .content .item .label{
    font-size: 1.4rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #BA9F60;
    line-height: 1.6rem;
    margin-bottom: 1rem;
}
.serviceList .listItem .content .item .value{
    font-size: 2.8rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
    line-height: 1.6rem;
}
.serviceList .listItem .content .item .value2{
    font-size: 1.6rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #666666;
    line-height: 2.4rem;
}
.serviceList .listItem .numberBlock{
    position: absolute;
    right: 0;
    bottom: 1.7rem;
    font-size: 1.4rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #BA9F60;
    line-height: 1.6rem;
    padding: .6rem 2.6rem .6rem 1.1rem;
    border: 1px solid #BA9F60;
    border-right: none;
}


.pageBanner img {
    width: 100%;
}

.pageTitle {
    margin-top: 10rem;
    margin-bottom: 8rem;
    padding-bottom: 2rem;
    position: relative;
    text-align: center;
}
.pageTitle::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    content: '';
    height: .4rem;
    width: 16.1rem;
    background-color: #E5E5E5;
}
.pageTitle h1 {
    font-size: 7.6rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    line-height: 11.4rem;
}
.pageTitle h3 {
    font-size: 4rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    line-height: 11.4rem;
}
.pageTitle .titleEng {
    font-size: 2.0rem;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: rgba(0,0,0,0.85);
    line-height: 3.0rem;
}
.pageContent {
    padding: 20px 0;
    font-size: 2rem;
}