adicn/statics/my/placecss/place.css

@charset "utf-8";

.width1200{width:1200px;margin: 0 auto;position: relative;}

body,

html {

    background-color: #fff;

   /* font-family: "Source Han Sans CN", "PingFang SC", helvetica,

        "Hiragino Sans GB", "Microsoft YaHei", sans-serif;*/

}

/*.productMain{width:100%; overflow-x:hidden;}*/

.productMain .box1 .swiper-container{

    display: none;

}




.productMain .swiper-pagination {

    text-align: center;

    margin-top: 20px;

    width: 100%;

    position: relative;

}

.productMain .swiper-pagination-bullet {

    width: 13px;

    height: 13px;

    opacity: 1;

    background-color: #ccc6ad;

}

.productMain .swiper-pagination-bullet + .swiper-pagination-bullet {

    margin-left: 20px;

}

.productMain .swiper-pagination-bullet-active {

    background-color: #e1c880;

}

.productMain .box1 > ul > li {

    padding: 70px 0;

    margin-left: -webkit-calc(-50vw + 600px);

    margin-left: calc(-50vw + 600px);

    width: 100vw;

    padding-left: -webkit-calc(50vw - 600px);

    padding-left: calc(50vw - 600px);

    -webkit-transition: background-color 300ms;

    -o-transition: background-color 300ms;

    transition: background-color 300ms;

    position: relative;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

}

.scroll-x {

    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);

    transition: -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);

    -o-transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);

    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);

    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);

    will-change: transform;

}



.inline-box {

    font-size: 0;

    -webkit-text-size-adjust: none;

    white-space: nowrap;

}

.inline-box > * {

    display: inline-block;

    font-size: 14px;

    white-space: normal;

    vertical-align: top;

}

.productMain .box1 .common.title {

    font-size: 14px;

    font-family:Arial, Helvetica, sans-serif;

    color: #999999;

    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.productMain .box1 .common.title .CN {

    font-size: 30px;

    color: #333333;

    font-family: "微软雅黑";

    margin-bottom: 10px;

}

.productMain .box1 .left-box {

    width: 375px;

}

.productMain .box1 .right-box {

    width: -webkit-calc(100% - 375px);

    width: calc(100% - 375px);

    overflow: hidden;

}

.productMain .box1 .right-box::-webkit-scrollbar {

    display: none;

}

.productMain .box1 .right-box .img-box,

.img-box.common {

    position: relative;

    opacity: 0.2;

    -webkit-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1);

    -o-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1);

    transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1);

    will-change: opacity;

}
.productMain .box1  .inline-box:hover .common.title{ color:#fff;}
.productMain .box1 .inline-box:hover .common.title .CN{ color:#fff;}

.productMain .box1 .right-box .img-box.active,

.img-box.common.active {

    opacity: 1;

}

.productMain .box1 .right-box .img-box::before,

.img-box.common::before {

    content: "";

    display: block;
	width:100%;
	height:100%;
    /*width: -webkit-calc(100% - 6px);

    width: calc(100% - 6px);

    height: -webkit-calc(100% - 6px);

    height: calc(100% - 6px);
*/
    border: 3px solid #dac17c;

    position: absolute;

    left: 0;

    top: 0;

}

.productMain .box1 .right-box .img-box + .img-box {

    margin-left: 20px;

}

.productMain .box1 .left-box ul {

    /* position: absolute; */

    font-size: 16px;

    color: rgba(0, 0, 0, 0.72);

    line-height: 30px;

    margin-top: 50px;

}

.productMain .box1 .left-box ul li + li {

    margin-top: 15px;

}

.productMain .box1 .left-box ul li {

    cursor: pointer;

    padding-left: 25px;

    position: relative;

}

.widthSome {

    width: -webkit-calc(50% + 600px);

    width: calc(50% + 600px);

    position: relative;

    margin-left: auto;

    margin-right: 0;

    padding-left: 70px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

}

.productMain .box1 .left-box ul li::before {

    position: absolute;

    width: 9px;

    height: 9px;

    -webkit-border-radius: 50%;

            border-radius: 50%;

    left: 0;

    top: 50%;

    margin-top: -5px;

    background-color: #9e9a8a;

    content: "";

}

.productMain .box1 {

    /*padding-top: 30px;*/

}

.productMain .box1 .left-box ul li.active {

    color: #dac17c;

}

.productMain .box1 .left-box ul li.active::before {

    background-color: #dac17c;

}

.productMain .box1 + .BtnReturn {

    margin-top: 80px;

}






.info.common {

    line-height: 38px;

    padding-left: 28px;

    border-left: 6px solid #aa2516;

    font-size: 24px;

    color: #2a2a2a;

    margin-top: 28px;

}

#team .box1 .swiper-slide,

#team .box2 .swiper-slide {

    width: auto;

    opacity: 0.2;

    -webkit-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1);

    -o-transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1);

    transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1);

    will-change: opacity;

}

#team .box1 .swiper-slide.swiper-slide-active,

#team .box2 .swiper-slide.swiper-slide-active {

    opacity: 1;

}

#team .box + .box {

    margin-top: 100px;

}

#team .box3__ {

    width: 1200px;

    position: relative;

    text-align: center;

    margin-top: 80px;

}

#team .box3__ .swiper-slide {

    opacity: 1;

}

#team .box3__ .swiper-container img {

    display: inline-block;

    max-width: 100%;

}

#team .control {

    position: absolute;

    width: 54px;

    top: 50%;

    margin-top: -27px;

    margin-left: -90px;

    cursor: pointer;

    outline: none;

}

#team .control.c-right {

    right: 0;

    margin-left: 0;

    margin-right: -90px;

}

#team .control img {

    width: 100%;

}

#team .skill {

    position: absolute;

    width: 240px;

    height: 330px;

    top: 40px;

    right: 90px;

    border: 1px solid #aa2516;

    background-position: center center;

    background-repeat: no-repeat;

    background-image: url(../images/Skills.png);

}

.map {

    position: relative;

}

.map > img {

    opacity: 0;

    pointer-events: none;

}

#site .con-box {

    margin-top: 50px;

    width: 100%;

    padding-bottom: 80px;

}

#map3 {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}

/* #team .box44 .box-wrapper {

  width: 1445px;

} */

#team .box44 .swiper-slide {

    width: auto;

    opacity: 0.2;

}

.aboutMain .box2 .inline-box > div:first-of-type {

    font-size: 17px;

    width: -webkit-calc(100% - 474px);

    width: calc(100% - 474px);

    padding-right: 60px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    line-height: 1.8;

}

#team .box44 .swiper-slide.swiper-slide-active {

    opacity: 1;

}

#team .box44 .swiper-slide img {

    width: 100%;

}



.swiper-scrollbar {

    height: 7px;

    color: transparent;

}

/* .newstMain {

  padding-top: 230px;

  padding-bottom: 300px;

} */

.common-main {

    padding-top: 230px;

    padding-bottom: 300px;

}

.newstMain .img-box.common {

    opacity: 1;

    overflow: hidden;

    position: relative;

    float: left;

    margin-top: 50px;

}

.newstMain .img-box.common::before {

    z-index: 5;

}

.clearfix::after {

    content: "";

    display: table;

    clear: both;

}

.aboutMain .box5 .item .tt {

    font-size: 30px;

}

.aboutMain .box5 .item:last-of-type .iconfont {

    display: inline-block;

    width: 72px;

    height: 72px;

    -webkit-border-radius: 50%;

            border-radius: 50%;

    background-color: #c50819;

    color: #fff;

    line-height: 72px;

    text-align: center;

    font-size: 44px;

    margin-right: 15px;

}

.aboutMain .box5 .item:last-of-type span {

    display: block;

    font-size: 20px;

    line-height: 1;

    margin-top: 6px;

}

.aboutMain .box5 .item:last-of-type > * {

    vertical-align: bottom;

}

.aboutMain .box5 .item:last-of-type span:last-of-type {

    color: #c50819;

    font-size: 36px;

}

.aboutMain .box5 .item:last-of-type img {

    margin-left: 50px;

    margin-bottom: -20px;

}

.aboutMain .box5 .item:last-of-type {

    padding-left: 20px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    padding-top: 20px;

}

.aboutMain .box5 .item p {

    font-size: 18px;

}

.aboutMain .box5 .item p.en {

    opacity: 0.6;

    font-size: 12px;

}

.aboutMain .box5 .item:first-of-type {

    padding-left: 30px;

    padding-top: 20px;

}

.aboutMain .box6 {

    margin-top: 110px;

}

.aboutMain .box6 .tt {

    font-size: 30px;

}

.newstMain .img-box.common .text-cover {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.67);

    padding: 22px 50px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

}

.text-cover * {

    color: #fff !important;

}

.newstMain .news-list {

    clear: both;

    width: 100%;

    max-width: 1230px;

    padding-top: 1px;

}

.newstMain .news-list li {

    margin-top: 45px;

    position: relative;

}

.newstMain .news-list li:nth-child(2n)::before {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: #000;

    z-index: 1;

    opacity: 0.03;

    content: "";

    -webkit-transform: scale(1.03, 1.2);

        -ms-transform: scale(1.03, 1.2);

            transform: scale(1.03, 1.2);

    pointer-events: none;

}

.newstMain .news-list li .left-item {

    width: 395px;

    overflow: hidden;

}

.newstMain .news-list li .right-item {

    width: -webkit-calc(100% - 395px);

    width: calc(100% - 395px);

    padding: 0 30px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    height: 232px;

}

.newstMain .news-title {

    font-size: 24px;

    color: #2a2a2a;

    overflow: hidden;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

       text-overflow: ellipsis;

}

.newstMain .img-box.common .news-c {

    -webkit-line-clamp: 2;

}

.newstMain .titme {

    color: #2a2a2a;

    margin-top: 5px;

    margin-bottom: 10px;

}

.newstMain .news-c {

    font-size: 16px;

    color: #2a2a2a;

    opacity: 0.7;

    overflow: hidden;

    -o-text-overflow: ellipsis;

       text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.newstMain .more {

    position: absolute;

    width: 85px;

    line-height: 28px;

    background-color: #af2718;

    color: #fff;

    padding: 0 10px;

    text-transform: uppercase;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    bottom: 0;

}

.newstMain .more span {

    margin-left: 7px;

}

.teamtMain .img-box.common:hover {

    opacity: 1;

}



.newstMain .loadmore {

    clear: both;

    cursor: pointer;

    color: #fff;

    line-height: 1;

    background-color: #2d2d2d;

    padding: 20px 35px;

    width: 228px;

    line-height: 1;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    position: relative;

    left: 420px;

    margin-top: 90px;

}

.newstMain .loadmore p {

    font-size: 18px;

    position: relative;

}

.newstMain .loadmore p:last-of-type {

    margin-left: 40px;

    font-size: 22px;

    opacity: 0.7;

}

/* .newstMain .loadmore p:last-of-type::before{

  content: '';

  display: block;

  position: absolute;

  width: 22px;

  height: 22px;

  border: 1px solid #fff;

  left: -6px;

  top: -1px;

} */

.jointMain .box1 ul {

    width: 710px;

    margin-right: 170px;

    font-size: 18px;

    color: #000;

}

.jointMain .box1 > .inline-box {

    padding-top: 50px;

}

.jointMain .box1 ul li .wapper p {

    font-size: 18px;

}

.jointMain .box1 ul li .wapper {

    width: -webkit-calc(100% - 60px);

    width: calc(100% - 60px);

}

.jointMain .box1 ul li .wapper .title- {

    font-size: 24px;

    color: #9d8159;

    line-height: 36px;

    margin-bottom: 10px;

}

#news .box1 {

    min-height: 80vh;

}

.jointMain .box1 ul li .iconfont {

    font-size: 36px;

    line-height: 1;

    color: #9d8159;

    margin-right: 24px;

}

.jointMain .box1 ul li + li {

    margin-top: 47px;

}

.cont {

    position: absolute;

    top: 60px;

    right: 9.2%;

}

.cont .swiper-r {

    margin-left: 70px;

}

.cont .swiper-c {

    cursor: pointer;

    outline: none;

}

.jointMain .box2 {

    position: relative;

    margin-top: 138px;

}

.jointMain .box2 .swiper-container {

    margin-top: 60px;

}

.cont img {

    width: 54px;

}

.jointMain .box2 .no {

    display: block;

    width: 75px;

    line-height: 75px;

    background-color: #af2718;

    color: #fff;

    font-style: italic;

    font-size: 30px;

    text-align: center;

}

.jointMain .box2 .swiper-slide {

    width: 488px;

    opacity: 0.5;

}

.jointMain .box2 .swiper-slide.swiper-slide-active,

.jointMain .box2 .swiper-slide.swiper-slide-next {

    opacity: 1;

}

.jointMain .box2 .swiper-slide > div:first-child {

    background-color: #fbf3d4;

    color: #636363;

    font-size: 20px;

}

.jointMain .box2 .t-h {

    -webkit-writing-mode: tb;

        -ms-writing-mode: tb;

            writing-mode: tb;

            -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl;

    -webkit-writing-mode: tb-rl;

    writing-mode: tb-rl;

    width: 75px;

    line-height: 75px;

    height: 227px;

    text-align: center;

}

.jointMain .box3 .swiper-container {

    max-width: 1348px;

    margin-left: 0;

    margin-top: 50px;

}

.jointMain .box3 {

    position: relative;

    margin-top: 110px;

}

.jointMain .box3 .img-box.common {

    opacity: 1;

}

.swiper-button-disabled {

    opacity: 0;

    -webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1);

    -o-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1);

    transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1);

}

.jointMain .box3 ul li {

    width: 50%;

    font-size: 18px;

    color: #3c3c3c;

    padding-right: 45px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

}

.jointMain .box3 ul {

    max-width: 1348px;

    white-space: normal;

}

.jointMain .box3 ul li:nth-child(even) {

    padding-right: 0;

    padding-left: 45px;

}

.jointMain .box3 ul li .title {

    font-size: 24px;

    color: #9d8159;

    line-height: 1;

    position: relative;

}

.jointMain .box3 ul li p:last-of-type {

    padding-left: 30px;

    margin-top: 10px;

}

.jointMain .box3 ul li {

    margin-top: 50px;

}

.jointMain .box3 ul li .title span {

    width: 30px;

    display: inline-block;

    height: 24px;

    vertical-align: top;

    background-image: url(../images/dot.png);

    background-position: center center;

    background-repeat: no-repeat;

}

.storeMain .box1 {

    position: relative;

}

.storeMain .box1 .swiper-container {

    margin-top: 25px;

}

.storeMain .box1 .swiper-slide-active .img-box.common {

    opacity: 1;

}

.storeMain .box1 .t-title {

    margin-bottom: 50px;

}

.storeMain .box1 .swiper-slide {

    width: auto;

}

.storeMain .box1 .text-box {

    background-color: #fbf3d4;

    padding: 25px 40px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    font-size: 16px;

    color: #7f7f7f;

    position: relative;

}

.storeMain .box1 .text-box .title {

    font-size: 24px;

    color: #aa2516;

}

.storeMain .box1 .text-box span {

    color: #bd9e57;

}

.storeMain .box1 .text-box .iconfont {

    font-size: 22px;

    vertical-align: middle;

    margin-right: 5px;

}

.storeMain .box1 .text-box .iconfont + span {

    margin-right: 5px;

}

.storeMain .box1 .text-box .pag {

    position: absolute;

    font-size: 26px;

    right: 40px;

    bottom: 25px;

    line-height: 1;

    font-style: italic;

    font-family: "宋体";

}

.storeMain .box1 .text-box .pag span:last-of-type {

    font-size: 36px;

    vertical-align: sub;

}

.storeMain .box1 .text-box .pag span:first-of-type {

    font-size: 78px;

    vertical-align: sub;

    color: #aa2516;

    margin-right: 5px;

}

.storeMain .map-c {

    width: 530px;

    margin-left: 30px;

}

.storeMain .map-c .input-box {

    height: 56px;

    background-color: #fff;

    -webkit-border-radius: 56px;

            border-radius: 56px;

    overflow: hidden;

    position: relative;

    margin-bottom: 43px;

}

.storeMain .map-c .input-box input {

    padding-left: 30px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    height: 56px;

    border: none;

    outline: none;

    font-size: 18px;

    width: 430px;

}

.storeMain .map-c .input-box .search {

    line-height: 56px;

    width: 94px;

    right: 0;

    font-size: 32px;

    text-align: center;

    background-color: #ffca3b;

    position: absolute;

    cursor: pointer;

    z-index: 8;

}

.storeMain .result {

    width: 100%;

    background-color: #fbf3d4;

}

.storeMain .result .cityname {

    font-size: 24px;

    color: #fff;

    background-color: #b80e14;

    padding-left: 50px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    line-height: 80px;

}

.result-list {

    padding: 40px 50px 60px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    font-size: 16px;

    height: 400px;

    overflow: hidden;

}

.result-list .scroll-wrapper {

    height: 100%;

    position: relative;

    width: 100%;

    overflow-y: auto;

}

.result-list div + div {

    margin-top: 15px;

}

/* .result-list div p:last-of-type{

  font-size: 14px;

  opacity: 0.8;

} */

.storeMain .box3 .c-c {

    font-size: 18px;

    opacity: 0.8;

    line-height: 24px;

    margin-top: 20px;

    margin-bottom: 55px;

}

.storeMain .box3 .swiper-slide {

    width: auto;

    opacity: 0.4;

}

.storeMain .box3 .swiper-slide.swiper-slide-active {

    opacity: 1;

}

.swiper-scrollbar {

    background: transparent;

    position: relative;

    margin-top: 45px;

    display: none;

}

.swiper-scrollbar::before {

    background-color: #c1a259;

    width: 100%;

    left: 0;

    top: 3px;

    position: absolute;

    display: block;

    content: "";

    height: 1px;

}

.swiper-scrollbar-drag {

    background: #aa2516;

    cursor: pointer;

}

#about .widthSome {

    max-width: 1460px;

    padding-left: 0;

    margin: 0 auto;

}



.aboutMain .t-title {

    margin-bottom: 50px;

}

.common-main.aboutMain {

    padding-top: 110px;

}

.aboutMain .box {

    max-width: 1460px;

    text-align: justify;

    font-size: 18px;

}

.aboutMain .box1 .c-title {

    font-size: 30px;

    color: #3c3c3c;

}

.aboutMain .box1 .img-box {

    margin-bottom: 50px;

}

.aboutMain .box1 .comp {

    margin-top: 40px;

    line-height: 1.7;

}

.aboutMain .box2 {

    margin-top: 120px;

}

.aboutMain .box2 p + p {

    margin-top: 35px;

}

.aboutMain .box3 {

    margin-top: 180px;

}



.aboutMain .box3 .right- {

    height: 395px;

    position: relative;

    margin-left: 80px;

}

.aboutMain .box3 .right- .ub {

    position: absolute;

    left: 0;

    top: -112px;

    outline: none;

    cursor: pointer;

}

.video-box {

    position: relative;

    background-color: #000;

}

.video-box::before {

    width: 100%;

    height: 100px;

    content: "";

    display: block;

    position: absolute;

    background-image: url(../images/wave.png);

    background-position: center bottom;

    left: 0;

    bottom: -2px;

    z-index: 6;

    background-repeat: repeat-x;

}

.aboutMain .common-main,

#store .common-main {

    padding-top: 120px;

}

.video-box > img {

    opacity: 0.5;

    width: 100%;

}

header .n_box nav .sel i {

    position: relative;

    line-height: 22px;

    display: inline-block;

    color: #aa2516;

    font-size: 20px;

    vertical-align: top;

    font-style: normal;

}

header .n_box nav .sel i:last-of-type {

    width: auto;

    padding: 0 5px;

}

header .n_box nav .sel {

    vertical-align: super;

}

header .n_box nav .sel i:last-of-type:hover ul {

    visibility: visible;

}

header .n_box nav .sel i ul {

    position: absolute;

    top: 0;

    width: 50px;

    left: 50%;

    margin-left: -25px;

    background-color: #aa2516;

    line-height: 30px;

    top: -5px;

    color: #fff;

    visibility: hidden;

}

header .n_box nav .sel i ul li + li {

    border-top: 1px solid rgba(255, 255, 255, 0.7);

}

.video-box .playbtn {

    display: inline-block;

    margin-top: 45px;

    cursor: pointer;

}



.video-box .center {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

    text-align: center;

}

.video-box .center img {

    max-width: 100%;

}

.aboutMain .box3 .right- .ub.swiper-button-disabled {

    opacity: 0.2;

}

.aboutMain .box3 .right- .ub.bo {

    top: auto;

    bottom: -112px;

}

.aboutMain .box4 {

    margin-top: 240px;

}

.aboutMain .box4 .sp-box {

    position: relative;

    margin-top: 60px;

}

.aboutMain .box4 .swiper-slide {

    background-color: #fff;

    color: #6e6e6e;

}

.bg {

    background-image: url(../images/bgc.jpg);

}

.aboutMain .box4 .name {

    background-color: #c6a760;

    color: #fff;

    line-height: 80px;

    padding-left: 22px;

    font-size: 24px;

    padding-right: 22px;

    overflow: hidden;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

       text-overflow: ellipsis;

}

.aboutMain .box4 .age,

.aboutMain .box4 .addr {

    font-size: 20px;

    color: #3c3c3c;

}

.aboutMain .box4 .addr {

    border-bottom: 1px solid #999;

    padding-bottom: 15px;

}

.aboutMain .box4 .s-box {

    padding: 24px;

    font-size: 14px;

}

.aboutMain .box4 .s-box .s-y {

    margin-top: 15px;

    line-height: 1.8;

    height: 350px;

    overflow: auto;

    padding-right: 15px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

}

.aboutMain .box .cont {

    top: -114px;

}

.aboutMain .box4 a {

    display: block;

    font-size: 18px;

    text-align: center;

    line-height: 38px;

    width: 132px;

    background-color: #c6a760;

    color: #fff;

    margin-top: 38px;

}

.aboutMain .box5 {

    margin-top: 150px;

}

.aboutMain .box5 .t-title {

    margin-bottom: 20px;

}

.aboutMain .box5 .c-c {

    margin-bottom: 60px;

}

.aboutMain .box5 .item {

    border: 4px solid #c6a760;

    background-color: #fff;

    height: 186px;

    width: 558px;

    color: #000;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

}

.aboutMain .box5 .item + .item {

    margin-top: 17px;

}

.aboutMain .box5 .left {

    margin-right: 30px;

}

.aboutMain .box5 .item .tt {

    font-size: 30px;

}

.aboutMain .box5 .item p {

    font-size: 18px;

}

.aboutMain .box5 .item p.en {

    opacity: 0.6;

    font-size: 12px;

}

.aboutMain .box5 .item:first-of-type {

    padding-left: 30px;

    padding-top: 20px;

}

.aboutMain .box6 {

    margin-top: 110px;

}

.aboutMain .box6 .tt {

    font-size: 30px;

    margin-bottom: 50px;

}

.aboutMain .box6 .input-box {

    border: 2px solid #c6a760;

    height: 56px;

    width: 562px;

}

.aboutMain .box6 .input-box + .input-box {

    margin-top: 43px;

}

.aboutMain .box6 .input-box input {

    width: 100%;

    background: transparent;

    font-size: 18px;

    height: 56px;

    padding-left: 24px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    border: none;

    outline: none;

}

.aboutMain .box6 textarea {

    resize: none;

    border: 2px solid #c6a760;

    background: transparent;

    height: 266px;

    width: 870px;

    margin-left: 30px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    padding: 15px;

    outline: none;

    max-width: 100%;

    font-family: inherit;

    font-size: 16px;

}

.aboutMain .box6 button {

    width: 132px;

    height: 50px;

    border: none;

    display: block;

    margin-left: 30px;

    margin-top: 30px;

    background-color: #c6a760;

    color: #fff;

    font-size: 24px;

    outline: none;

    position: relative;

    cursor: pointer;

}

.caip .inline-box > * {

    white-space: nowrap;

}

.aboutMain .box6 button::before {

    width: 144px;

    height: 62px;

    border: 1px solid #c6a760;

    position: absolute;

    display: block;

    content: "";

    left: -7px;

    top: -7px;

}

.aboutMain .box6 .input-box p {

    color: #af2718;

    margin-top: 5px;

    opacity: 0;

}

.aboutMain .box6 .input-box .err + p {

    opacity: 1;

}

.newstMain .news-list li .left-item img {

    width: 100%;

}

.mobile {

    display: none;

}

.caip .c li.ri .c-title {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -webkit-flex-direction: row-reverse;

        -ms-flex-direction: row-reverse;

            flex-direction: row-reverse;

    -webkit-box-align: center;

    -webkit-align-items: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

        -ms-flex-pack: end;

            justify-content: flex-end;

}

.caip .c li {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

        -ms-flex-pack: start;

            justify-content: flex-start;

}

.recommendMain .inline-box .fl {

    float: none;

    width: 363px;

    margin-left: -webkit-calc((100% - 1089px) / 2);

    margin-left: calc((100% - 1089px) / 2);

}

.recommendMain .inline-box .fl:nth-child(3n + 1) {

    margin-left: 0;

}

.recommendMain .inline-box {

    clear: both;

    white-space: normal;

}

.aboutMain .box3 .left- .swiper-container {

    position: absolute;

    height: 100%;

    width: -webkit-calc(100% - 18px);

    width: calc(100% - 18px);

    left: 0;

    top: 0;

}

.aboutMain .box3 .left- .swiper-container .swiper-slide {

    background-position: center center;

    -webkit-background-size: contain;

            background-size: contain;

    background-repeat: no-repeat;

}

.aboutMain .box3 .left- img {

    position: relative;

    z-index: 5;

}

.aboutMain .box3 .left- {

    position: relative;

}

.aboutMain .box3 .right- .swiper-container {

    height: 100%;

    cursor: auto;

}

.aboutMain .box3 .right- .swiper-container .swiper-slide {

    height: 34px;

    line-height: 34px;

    font-size: 16px;

    opacity: 0.5;

    background: transparent;

}

.swiper-container {

    cursor: all-scroll;

}

.aboutMain .box3 .right- .swiper-container .swiper-slide.swiper-slide-active {

    font-size: 20px;

    opacity: 1;

    color: #c6a760;

}

.aboutMain .box3 .right- .swiper-container .swiper-slide.swiper-slide-prev,

.aboutMain .box3 .right- .swiper-container .swiper-slide.swiper-slide-next {

    font-size: 18px;

    opacity: 0.8;

}

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

    header .n_box nav a {

        padding: 0 1.8%;

    }

    .join .j-con div:first-of-type {

        -webkit-transform: scale(0.9);

            -ms-transform: scale(0.9);

                transform: scale(0.9);

    }

    .recommendMain .inline-box .fl {

        width: -webkit-calc(33% - 20px);

        width: calc(33% - 20px);

        margin-left: 30px;

    }

    #minBanner .PlateTitle {

        height: 70px;

    }

    #minBanner .tabTitle .title {

        font-size: 40px;

    }

    .productMain .box1 .common.title .CN {

        font-size: 34px;

    }

    .teamtMain .box1 .swiper-container img,

    .teamtMain .box2 .swiper-container img,

    #team .box44 .swiper-slide img {

        width: 900px;

    }

    #map3 {

        margin-left: -40px;

    }

    .caip .c-img {

        top: -236px;

    }

    .caip .a li img {

        width: 200px;

    }

    .caip {

        padding-top: 86px;

        min-height: 890px;

    }

    .caip .c-con {

        margin-top: 48px;

        -webkit-transform: scale(0.8);

            -ms-transform: scale(0.8);

                transform: scale(0.8);

    }

    #team .box3__,

    .jointMain .box3 {

        width: 1000px;

        margin-left: 0;

    }

    .jointMain .box3 .swiper-container img {

        width: 100%;

    }

    .caip .c-t img {

        width: 800px;

    }

    .teamtMain .box3 .swiper-container img {

        width: 240px;

    }

    .widthSome {

        width: -webkit-calc(50% + 450px);

        width: calc(50% + 450px);

        padding-left: 20px;

    }

    .storeMain .box1 .img-box.common img {

        width: 800px;

    }

    .mobile {

        display: block;

    }

    .common-main.aboutMain {

        padding-top: 80px;

    }

    footer .center .r li {

        width: 100px;

        height: 90px;

    }

    .aboutMain .LTitle img {

        width: 60px;

    }

    #about .widthSome {

        -webkit-box-sizing: border-box;

                box-sizing: border-box;

    }

    #about .box1 .img-box img {

        width: 100%;

    }

    .aboutMain .box {

        font-size: 16px;

    }

    .aboutMain .box1 .c-title {

        font-size: 26px;

    }

    .jointMain .box1 ul li .wapper .title- {

        font-size: 20px;

        line-height: 30px;

    }

    /* .jointMain .box1 .img-box img{

    width: 300px;

  } */

    .jointMain .box1 ul li .wapper p,

    .jointMain .box3 ul li {

        font-size: 16px;

    }

    .jointMain .box3 ul li .title span {

        height: 20px;

        background-position: left center;

        -webkit-background-size: contain;

                background-size: contain;

    }

    .jointMain .box3 ul li .title {

        font-size: 20px;

    }

    .jointMain .box1 ul li .iconfont {

        font-size: 30px;

        margin-right: 16px;

    }

    footer .center .l .add,

    footer .center .l a {

        font-size: 16px;

    }

    .LTitle img {

        width: 100px;

    }

    .jointMain .box1 ul {

        width: 600px;

    }

    .map > img {

        width: 650px;

    }

    .LTitle ul {

        font-size: 18px;

    }

    .LTitle ul li {

        min-height: 130px;

    }

    .LTitle ul li + li {

        margin-top: 25px;

    }

    .aboutMain .box2 .inline-box img {

        float: right;

        width: 350px;

        margin-left: 20px;

        margin-bottom: 10px;

    }

    .aboutMain .box5 .left {

        margin-right: 0;

        width: 100%;

        font-size: 0;

        -webkit-text-size-adjust: none;

    }

    .aboutMain .box5 .right {

        width: 100%;

        margin-top: 20px;

    }

    .aboutMain .box5 .right img {

        width: 100%;

    }

    .aboutMain .box6 .left,

    .aboutMain .box6 .right {

        width: -webkit-calc(50% - 15px);

        width: calc(50% - 15px);

    }

    .aboutMain .box6 .right {

        margin-left: 30px;

    }

    .aboutMain .box6 textarea {

        width: 100%;

        margin-left: 0;

    }

    .aboutMain .box6 .input-box {

        width: 100%;

    }

    .aboutMain .box6 button {

        margin-left: 9px;

    }

    .common-main {

        padding-bottom: 250px;

    }

    .aboutMain .box5 .item {

        display: inline-block;

        margin-top: 0;

        width: -webkit-calc(50% - 10px);

        width: calc(50% - 10px);

        vertical-align: top;

    }

    .aboutMain .box5 .item + .item {

        margin-top: 0;

        margin-left: 20px;

    }

    .aboutMain .box5 .item p {

        font-size: 16px;

    }

    .aboutMain .box5 > .inline-box {

        white-space: normal;

    }

    .aboutMain .box5 .item:last-of-type .iconfont {

        width: 60px;

        height: 60px;

        line-height: 60px;

        font-size: 30px;

    }

    .aboutMain .box5 .item p.en {

        padding-right: 20px;

    }

    .aboutMain .box5 .item:last-of-type img {

        margin-left: 35px;

    }

    .aboutMain .box5 .item:last-of-type span:last-of-type {

        font-size: 30px;

    }

    .aboutMain .box2 .inline-box > div:first-of-type {

        width: 100%;

        padding-right: 0;

        font-size: 16px;

    }

    .aboutMain .box5 .item .tt {

        font-size: 25px;

        margin-bottom: 5px;

    }

    .aboutMain .box3 .right- {

        height: 315px;

    }

    .aboutMain .box3 .right- {

        margin-left: 40px;

    }

    .aboutMain .box3 .left- img {

        width: 550px;

    }

    .aboutMain .box2 .csr {

        display: none;

    }

    .width1200 {

        width: 1100px;

    }

    .storeMain .map-c {

        width: 400px;

        position: absolute;

    }

    .storeMain .map-c .input-box .search {

        font-size: 26px;

        width: 70px;

        -webkit-border-top-right-radius: 56px;

                border-top-right-radius: 56px;

        -webkit-border-bottom-right-radius: 56px;

                border-bottom-right-radius: 56px;

    }

    .storeMain .box3 .swiper-slide img {

        width: 800px;

    }

    .newstMain .news-list {

        width: 1000px;

    }

    .newstMain .img-box.common img {

        width: 1000px;

    }

    .newstMain .news-list li .right-item {

        padding-right: 0;

        text-align: justify;

    }

    .result-list {

        padding: 34px 34px 50px;

    }

    .storeMain .result .cityname {

        font-size: 20px;

        line-height: 65px;

        padding-left: 34px;

    }



    #minBanner .Title_Plate img {

        width: 140px;

    }

    .LTitle {

        left: -230px;

    }

    .storeMain .map-c .input-box {

        margin-bottom: 30px;

    }

    .productMain .box1 .right-box .img-box img {

        width: 700px;

    }

    .banner .bottom {

        bottom: -18px;

    }

    .banner .logos {

        left: 5%;

    }

    .productMain .box1 > ul > li {

        margin-left: -webkit-calc(-50vw + 550px);

        margin-left: calc(-50vw + 550px);

        padding-left: -webkit-calc(50vw - 550px);

        padding-left: calc(50vw - 550px);

    }



    .recommendMain .box1,

    .recommendMain .box2 {

        width: -webkit-calc(50% - 30px);

        width: calc(50% - 30px);

    }



    .recommendMain .minBox .title {

        font-size: 26px;

        line-height: 48px;

    }

    #minBanner .tabTitle .en {

        font-size: 50px;

        letter-spacing: 5px;

        margin-top: 10px;

    }



    #swipers {

        padding-bottom: 70px;

    }

    .join .j-con img {

        max-width: 1100px;

    }

    .join .j-con .list a:first-child:after,

    .join .j-con .list a:last-of-type:before {

        width: 360px;

        height: 20px;

    }

    .join .j-con a.imgs.imgsd .clip {

        width: 1100px;

    }

    .join .j-con a.imgs.imgsd img {

        clip: rect(0, 550px, 1000px, 550px);

    }

    .join .j-con img {

        margin-top: 180px;

    }

    .news .t-img {

        display: none;

    }

    .team {

        background: url(../images/bg3jpg.jpg) no-repeat center center;

        -webkit-background-size: cover;

                background-size: cover;

        min-height: 850px;

    }

    .news {

        background: url(../images/bg4.jpg) no-repeat center center;

        -webkit-background-size: cover;

                background-size: cover;

        min-height: 1000px;

    }

    .store .s-title {

        margin-top: 20px;

        opacity: 0;

        -webkit-transition: opacity 1s ease;

        -o-transition: opacity 1s ease;

        transition: opacity 1s ease;

    }

    .team .t-con .img {

        margin-top: 0;

    }

    .news .t-con .img {

        margin-top: 25px;

    }

    .news .t-con .img {

        margin-bottom: 80px;

    }



    .banner ul li {

        background-position: left center;

    }

    header .n_box nav a.active .i,

    header .n_box nav a.active .i1,

    header .n_box nav a:hover .i,

    header .n_box nav a:hover .i1 {

        width: 20px;

    }

    header .n_box nav a .line .i {

        left: 15px;

    }

    header .n_box nav a .line .i1 {

        right: 15px;

    }

    header .n_box nav a:after {

        left: -12px;

    }

}

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

    header .n_box nav a {

        padding: 0 1.6%;

    }

    .store .s-title {

        margin-top: 10px;

    }

    #map3{

        margin-left: -90px;

    }

    .storeMain .map-c{

        margin-left: 0;

        right: 50px;

    }

    .banner ul li {

        background-position: center center;

    }



    .team .t-con .img {

        margin-top: -5px;

    }

    .news .t-con .img {

        margin-top: 25px;

    }



    .banner .bottom {

        bottom: 0;

    }

    .banner .logos {

        left: 5%;

    }

    .caip {

        min-height: 830px;

    }

    .caip .c-con {

        margin-top: 15px;

    }

    .store .s-con ul li {

        width: 30%;

    }

    .store .s-con ul li + li {

        margin-left: 5%;

    }

    .join .j-con {

        max-width: 1100px;

        margin: 0 auto;

    }

    .join .j-con div:first-of-type {

        -webkit-transform: scale(1);

            -ms-transform: scale(1);

                transform: scale(1);

    }

    .join .j-con .inline-box div {

        width: 50%;

    }

    .join .j-con img {

        max-width: 100%;

    }

    .news {

        min-height: 800px;

    }

    .news .t-con ul h2 {

        font-size: 16px;

        margin-bottom: 2px;

        margin-top: 10px;

    }

    footer .center .l .add,

    footer .center .l a {

        font-size: 14px;

    }

    .news .t-con ul li {

        width: 32%;

        margin-right: 2%;

    }

    .news .t-con ul {

        max-width: 1100px;

    }

    .news .t-con ul p {

        font-size: 13px;

        font-weight: 400;

        text-align: left;

        margin-top: 5px;

        height: 60px;

        overflow: hidden;

        line-height: 20px;

    }

    footer .center {

        padding-top: 80px;

    }

    .join .j-con .w1200 > img {

        width: 300px;

    }

    .join .j-con .lll {

        width: 43px;

    }

    .widthSome {

        width: -webkit-calc(50% + 400px);

        width: calc(50% + 400px);

    }

    .aboutMain .common-main,

    #store .common-main {

        padding-top: 100px;

    }

    #store .LTitle {

        top: 100px;

    }

    .result-list {

        padding: 20px;

        font-size: 14px;

        height: 310px;

    }

    #minBanner .tabTitle .icon_arrow {

        width: 40px;

        height: 40px;

        -webkit-background-size: cover;

                background-size: cover;

    }

}

@media screen and (min-width: 1300px) {

    .productMain .box1 .left-box ul li:hover {

        color: #dac17c;

    }

    .productMain .box1 .left-box ul li:hover::before {

        background-color: #dac17c;

    }

    .productMain .box1 > ul > li:hover .left-box ul li:hover::before,

    .productMain .box1 > ul > li:hover .left-box ul li.active::before {

        background-color: #dac17c;

    }

    .productMain .box1 > ul > li:hover .left-box ul li::before {

        background-color: #fff;

    }

    #team .swiper-slide:hover {

        opacity: 1;

    }

    .productMain .box1 > ul > li:hover {

        background-color: #af2718;

    }

    .productMain .box1 > ul > li:hover .common.title .CN {

        color: #e1c880;

    }

    .productMain .box1 > ul > li:hover .left-box ul {

        color: #fff;

    }

    .news .t-con ul li:hover .icon img {

        -webkit-transform: scale(1.1);

            -ms-transform: scale(1.1);

                transform: scale(1.1);

    }

}



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

    footer .top nav {

        padding: 0 3vw;

    }

    footer .center {

        padding-left: 3vw;

        padding-right: 3vw;

    }

    .store .s-title,

    .store p,

    .join .j-con .list,

    .team .t-con .img,

    .team .t-con p {

        opacity: 1;

    }

}

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

    #main {

        height: auto;

        -webkit-transition: all 500ms;

        -o-transition: all 500ms;

        transition: all 500ms;

        width: 100vw;

        overflow-x: hidden;

    }

    .team .t-img {

        display: none;

    }

    .team {

        background-image: url(../images/bg2.jpg);

        min-height: auto;

        padding: 100px 0;

        -webkit-text-size-adjust: none;

        line-height: 1;

        font-size: 0;

    }

    .timgs .tbox {

        width: 100%;

    }

    .timg {

        width: 100%;

    }

    .join .j-con {

        width: 90vw;

    }

    .timgs {

        width: 90vw;

    }

    .team .t-con {

        position: relative;

        height: auto;

    }

    .join .j-con .lll {

        width: 3vw;

    }

    .join .j-con .left .lll {

        bottom: 17px;

    }

    .width1200 {

        width: 100%;

    }

    #minBanner .PlateTitle {

        display: none;

    }

    .join {

        min-height: auto;

        padding: 100px 0;

        top: 0;

        -webkit-text-size-adjust: none;

        line-height: 1;

        font-size: 0;

    }

    #product {

        padding: 3vw;

    }

    .productMain .box1 > ul > li {

        margin-left: 0;

        padding-left: 0;

    }

    .news .t-con ul .icon img {

        width: 100%;

    }

    .news .t-con ul span {

        font-size: 14px;

    }

    footer {

        background-image: url(../images/bg2.jpg);

        background-color: transparent;

    }

    .news {

        padding: 100px 3vw;

    }

    footer .top {

        top: 0;

        position: relative;

    }

    footer .center {

        background-color: #191919;

    }

    .join .j-con img {

        margin-top: 0;

    }

    .store .t-img {

        display: none;

    }

    header .n_box {

        display: none;

    }

    .m-header {

        display: block;

    }

    .menubtn {

        background-color: #af2718;

        width: 60px;

        height: 60px;

        position: relative;

        padding-left: 12px;

        padding-top: 16px;

        -webkit-box-sizing: border-box;

                box-sizing: border-box;

        z-index: 8;

        display: block;

        margin-left: auto;

        margin-right: 0;

    }

    header {

        width: 60px;

        height: 60px;

        -webkit-transition: all 500ms;

        -o-transition: all 500ms;

        transition: all 500ms;

        left: auto;

        right: 0;

    }

    .m-h-cover {

        width: 40vw;

        height: 100vh;

        background-color: #fff;

        position: absolute;

        left: 60px;

        top: 0;



        -webkit-box-sizing: border-box;



                box-sizing: border-box;

    }

    .menubtn span {

        display: block;

        width: 36px;

        height: 4px;

        background-color: #fff;

        position: absolute;

        top: 0;

        left: 12px;

        -webkit-transition: all 500ms;

        -o-transition: all 500ms;

        transition: all 500ms;

    }

    .menubtn span:nth-child(1) {

        -webkit-transform: rotate(0);

            -ms-transform: rotate(0);

                transform: rotate(0);

        top: 16px;

    }

    .menubtn span:nth-child(2) {

        -webkit-transform: scaleX(1);

            -ms-transform: scaleX(1);

                transform: scaleX(1);

        top: 28px;

    }

    .menubtn span:nth-child(3) {

        -webkit-transform: rotate(0);

            -ms-transform: rotate(0);

                transform: rotate(0);

        top: 40px;

    }

    .menubtn.active span:nth-child(1) {

        -webkit-transform: rotate(45deg);

            -ms-transform: rotate(45deg);

                transform: rotate(45deg);

        top: 28px;

    }

    .menubtn.active span:nth-child(2) {

        -webkit-transform: scaleX(0);

            -ms-transform: scaleX(0);

                transform: scaleX(0);

    }

    .menubtn.active span:nth-child(3) {

        -webkit-transform: rotate(-45deg);

            -ms-transform: rotate(-45deg);

                transform: rotate(-45deg);

        top: 28px;

    }

    .mopen #main {

        -webkit-transform: translateX(-40vw);

            -ms-transform: translateX(-40vw);

                transform: translateX(-40vw);

    }

    .mopen header {

        right: 40vw;

    }

    .m-cover {

        position: absolute;

        width: 100vw;

        height: 100vh;

        left: -webkit-calc(-100vw + 60px);

        left: calc(-100vw + 60px);

        top: 0;

        background-color: rgba(0, 0, 0, 0.8);

        opacity: 0;

        visibility: hidden;

        -webkit-transition: all 500ms;

        -o-transition: all 500ms;

        transition: all 500ms;

    }

    .mopen .m-cover {

        opacity: 1;

        visibility: visible;

    }

    .m-logo {

        display: block;

        margin-bottom: 5vw;

        text-align: center;

        position: relative;

    }

    .m-logo img {

        width: 22vw;

        display: inline-block;

    }

    .m-h-cover ul {

        width: 80%;

        display: block;

        -webkit-box-sizing: border-box;

                box-sizing: border-box;

        margin-left: 10%;

        position: relative;

    }

    .m-h-cover {

        padding-top: 5vw;

        -webkit-box-sizing: border-box;

                box-sizing: border-box;

        font-size: 14px;

        height: 100vh;

        overflow: auto;

    }

    .m-h-cover ul.active li:first-of-type {

        color: #b80e14;

        margin-bottom: 10px;

    }

    .m-h-cover ul.active li {

        display: block;

    }

    .m-h-cover ul.active li:last-of-type {

        margin-bottom: 20px;

        border-bottom: 1px dashed #b80e14;

        padding-bottom: 10px;

    }

    .m-h-cover ul li:first-of-type {

        padding-left: 0;

        font-size: 18px;

        letter-spacing: 4px;

        border-bottom: 1px solid #b80e14;

        padding-bottom: 20px;

        line-height: 1;

        display: block;

        padding-top: 20px;

    }

    .m-h-cover ul li {

        text-align: center;

        line-height: 30px;

        display: none;

    }

    .common-main .LTitle {

        display: none;

    }

    .widthSome.common-main,

    .common-main,

    .widthSome {

        padding-top: 5vw;

        width: 100vw;

        -webkit-box-sizing: border-box;

                box-sizing: border-box;

        padding: 5vw 3vw 200px;

    }

    .newstMain .img-box.common {

        width: 100%;

    }

    .newstMain .news-list {

        width: 100%;

    }

    #newd .right {

        width: 100%;

        margin-left: 0;

        margin-top: 50px;

        display: block;

    }

    #newd .left {

        width: 100%;

    }

    .aboutMain .common-main,

    #store .common-main {

        padding-top: 5vw;

    }

    .storeMain .map-c {

        margin-left: 0;

        right: 3vw;

    }

    .videocover .box {

        width: 80vw;

    }

    #team .box44 .swiper-slide,

    #team .box1 .swiper-slide,

    #team .box2 .swiper-slide,

    .storeMain .box1 .swiper-slide,

    .storeMain .box3 .swiper-slide {

        width: 70vw;

    }

    #team .box44 .swiper-slide img,

    #team .box2 .swiper-slide img,

    .teamtMain .box1 .swiper-container img,

    .storeMain .box1 .img-box.common img,

    .storeMain .box3 .swiper-slide img {

        width: 100%;

    }

    .teamtMain .box2 .box-wrapper .swiper-container img {

        width: 100%;

    }

    .jointMain .box1 ul {

        margin-right: 70px;

    }

    #team .box3__,

    .jointMain .box3 {

        width: 100%;

    }

    #about .widthSome {

        padding-left: 3vw;

    }

    .videocover .box {

        max-width: 80vw;

    }

    .storeMain .box1 .text-box .pag span:first-of-type {

        font-size: 54px;

    }

    .t-title {

        display: none;

    }

    .m-title {

        display: block;

        margin-bottom: 30px;

        padding-top: 30px;

    }

    .m-title p {

        color: #b5b5b5;

        font-size: 26px;

        font-weight: 700;

        text-transform: uppercase;

        line-height: 1;

    }

    .m-title p:nth-child(1) {

        color: #aa2516;

        margin-bottom: 8px;

    }

    .m-title p:nth-child(1) span {

        color: #bd9e57;

        font-size: 34px;

    }

    .m-title p:nth-child(2) {

        font-size: 24px;

        margin-top: 0 !important;

        opacity: 0.8;

    }

    .m-title p:nth-child(3) {

        font-size: 40px;

        margin-top: 10px;

        opacity: 0.7;

    }

    .banner .logos {

        display: none;

    }

    .banner .bottom img {

        display: none;

    }

    .banner ul li {

        -webkit-background-size: contain;

                background-size: contain;

    }

    .caip .c-img {

        display: none;

    }

    .caip {

        background-image: url(../images/cpbg1.png);

        background-position: center bottom;

    }

    .banner {

        height: 55vw;

    }

    .caip {

        height: 888px;

    }

    .store {

        background-image: url(../images/bg2.jpg);

    }

    .store .s-con {

        position: relative;

    }

    .productMain .box1 .right-box .img-box img {

        width: 70vw;

    }

    .productMain .box1 .left-box {

        width: 27vw;

    }

    .productMain .box1 .right-box {

        width: 70vw;

    }

    footer .end .txt {

        padding-left: 3vw;

    }

    .recommendMain {

        padding-left: 3vw;

        padding-right: 3vw;

        -webkit-box-sizing: border-box;

                box-sizing: border-box;

    }

    .storeMain .box1 .text-box {

        padding: 15px 25px;

    }

    .storeMain .box1 .text-box .title {

        font-size: 20px;

        margin-bottom: 5px;

    }

    .storeMain .box1 .text-box {

        font-size: 14px;

    }

    .storeMain .box1 .text-box .iconfont {

        font-size: 20px;

    }

    .storeMain .map-c .input-box .search {

        font-size: 24px;

        line-height: 45px;

    }

    .storeMain .map-c .input-box input {

        height: 45px;

    }

    .storeMain .map-c .input-box {

        height: 45px;

    }

    .newstMain .img-box.common img {

        width: 100%;

    }

    .newstMain .img-box.common .text-cover {

        padding: 22px 30px;

    }

    .newstMain .news-title {

        font-size: 20px;

    }

    .newstMain .titme {

        opacity: 0.8;

    }

    #team .box3__ .swiper-slide img {

        width: 70%;

    }

    .jointMain .box2 .no {

        width: 50px;

        line-height: 50px;

        font-size: 22px;

    }

    .jointMain .box2 .swiper-slide img {

        width: 100%;

    }

    .jointMain .box2 .t-h {

        width: 50px;

        line-height: 50px;

        font-size: 18px;

    }

    .jointMain .box2 .swiper-slide {

        background-color: #fbf3d4;

    }

    .jointMain .box2 .swiper-slide .img-box {

        width: -webkit-calc(100% - 50px);

        width: calc(100% - 50px);

    }

    .cont {

        top: 40px;

    }

    .aboutMain .box1 .c-title {

        font-size: 22px;

    }

    .aboutMain .box1 .comp {

        margin-top: 30px;

    }

    .aboutMain .box2 p + p {

        margin-top: 30px;

    }

    .aboutMain .box5 .c-c {

        margin-bottom: 30px;

    }

}
@media screen and (max-width: 1000px){
	.productMain .box1  .inline-box:hover .common.title{ color:#999999;}
.productMain .box1 .inline-box:hover .common.title .CN{ color:#333333;}

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

    .aboutMain .box2 .inline-box > div:first-of-type {

        font-size: 14px;

    }

    .productMain .box1 .swiper-container{

        display: block;

    }

    .aboutMain .box {

        font-size: 14px;

    }

    .aboutMain .box1 .c-title {

        font-size: 20px;

    }

    .aboutMain .box2 .inline-box img {

        width: 240px;

    }

    .aboutMain .box3 {

        margin-top: 100px;

    }

    .aboutMain .box3 .inline-box {

        display: none;

    }

    .m-banner {

        display: block;

    }

    .m-banner .swiper-slide {

        width: 70vw;

    }

    .m-banner .swiper-slide img {

        width: 100%;

    }

    .m-banner .swiper-slide p {

        font-size: 18px;

        text-align: center;

        line-height: 50px;

        background-color: #d6bd7a;

        color: #c50819;

    }

    .m-banner .swiper-slide .img-box {

        border: 5px solid #d6bd7a;

        -webkit-box-sizing: border-box;

                box-sizing: border-box;

        border-bottom: none;

    }

    .aboutMain .box4 {

        margin-top: 100px;

    }

    .aboutMain .box5 .item {

        width: 100%;

        background-color: transparent;

    }

    .aboutMain .box5 .item + .item {

        margin-left: 0;

        margin-top: 20px;

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-justify-content: space-around;

            -ms-flex-pack: distribute;

                justify-content: space-around;

        -webkit-box-align: center;

        -webkit-align-items: center;

            -ms-flex-align: center;

                align-items: center;

        padding: 0;

    }

    .aboutMain .box5 .item:last-of-type img {

        margin: 0;

    }

    .aboutMain .box6 .inline-box {

        white-space: normal;

    }

    .aboutMain .box6 .left,

    .aboutMain .box6 .right {

        width: 100%;

    }

    .aboutMain .box6 .right {

        margin-left: 0;

        margin-top: 30px;

    }

    .aboutMain .box6 .input-box + .input-box {

        margin-top: 30px;

    }

    footer .top {

        display: none;

    }

    footer .center {

        padding: 5vw 3vw 3vw;
		width: 100%;

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

            -ms-flex-direction: column;

                flex-direction: column;

        -webkit-box-align: center;

        -webkit-align-items: center;

            -ms-flex-align: center;

                align-items: center;

        text-align: center;

    }

    footer .center img {

        display: inline-block;

        width: 200px;

    }

    footer .center .l {

        margin-bottom: 30px;

    }

    footer .center .r ul {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

    }

    footer .center .r ul li {

        height: auto;

    }

    footer .center .r ul li:first-of-type{

        margin-left: 0;

    }

    footer .center .r ul li p {

        margin-top: 4px;

    }

    .caip .c-con {

        -webkit-transform: scale(0.65);

            -ms-transform: scale(0.65);

                transform: scale(0.65);

    }

    .store .s-con ul li + li {

        margin-left: 2vw;

    }

    .store .s-con ul {

        padding: 0 3vw;

    }

    .store .s-con ul li {

        width: 30vw;

    }

    .store .s-con ul li p.type {

        width: 100%;

    }

    .store .s-con ul li .img-box {

        margin-bottom: 0;

    }

    .btns a {

        width: 190px;

        height: 40px;

        line-height: 40px;

    }

    .btns {

        width: 200px;

        height: 50px;

        font-size: 16px;

    }

    .btns a:after {

        right: 10px;

        height: 16px;

        -webkit-background-size: contain;

                background-size: contain;

        margin-top: -8px;

    }

    .btns a {

        text-indent: 10px;

    }

    .join .j-con .w1200 > img {

        width: 200px;

    }

    .join .j-con .right .lll {

        top: 2vw;

    }

    .join .j-con .left .lll {

        bottom: 1.8vw;

    }

    .join .j-con .list a {

        width: 60px;

        height: 60px;

    }

    .timgs .tbox {

        position: relative;

        left: 0;

        top: 0;

        -webkit-transform: none;

            -ms-transform: none;

                transform: none;

    }

    .timgs {

        height: auto;

        margin-bottom: 40px;

    }

    .news .t-con ul p {

        height: 40px;

        font-size: 12px;

    }

    .RP .video {

        width: 450px;

        height: 250px;

    }

    #minBanner .panda {

        display: none;

    }

    #minBanner .Title_Plate img {

        width: 100px;

    }

    .productMain .swiper-pagination {

        margin-top: 10px;

    }

    .productMain .box1 .right-box {

        display: none;

    }

    .productMain .box1 .left-box {

        width: 100%;

    }

    .productMain .box1 .left-box ul {

        display: none;

    }

    .productMain .box1 .left-box .swiper-slide img {
		float:left;

        width: 100%;

    }

    .productMain .box1 .left-box .swiper-slide {

        width: 70vw;

    }

    .productMain .box1 > ul > li {

        width: 100%;

        padding: 20px 0;

    }

    .productMain .box1 .common.title {

        text-align: center;

    }

    .productMain .box1 .swiper-container {

        margin-top: 5vw;

    }

    .productMain .box1 .swiper-container p {

        text-align: center;

        font-size: 15px;

        line-height: 40px;

        color: #fff;

        background-color: rgba(0, 0, 0, 0.72);

    }

    .productMain .box1 .common.title .CN {

        font-size: 30px;

    }

    .BtnReturn {

        display: none;

    }

    .productMain .box0 .swiper-container {

        margin-top: 50px;

    }

    .PlateTitle {

        margin-top: 80px;

    }

    .PlateTitle img {

        width: 50vw;

    }

    #recommend {

        padding-bottom: 0;

    }

    .recommendMain .inline-box .fl {

        width: 30vw;

        margin-left: 2vw;

    }

    .recommendMain .box1,

    .recommendMain .box2 {

        width: 45vw;

    }

    .recommendMain .box {

        margin-bottom: 4vw;

    }

    .recommendMain .minBox .title {

        font-size: 22px;

        line-height: 40px;

    }

    .recommendMain .minBox .details {

        font-size: 14px;

    }

    .recommendMain .box0 .title {

        width: 120px;

    }

    .cont .swiper-c {

        display: none;

    }

    .map {

        display: block;

        height: 100vw;

    }

    #map3{

        margin-left: 0;

    }

    .storeMain .map-c {

        position: relative;

        width: 100%;

        right: 0;

    }

    .storeMain .box2 {

        margin-bottom: 60px;

    }

    .storeMain .box3 .c-c {

        font-size: 16px;

        margin-bottom: 20px;

    }

    .widthSome.common-main,

    .common-main,

    .widthSome {

        padding-bottom: 10vw;

    }

    .newstMain .img-box.common .text-cover {

        padding: 2vw 3vw;

    }

    .newstMain .news-title {

        font-size: 18px;

    }

    .newstMain .news-list li .left-item {

        width: 40vw;

    }

    .newstMain .news-list li .right-item {

        width: 54vw;

        height: auto;

    }

    .newstMain .loadmore {

        width: 200px;

        left: 50%;

        margin-left: -100px;

        padding: 2vw 3vw;

    }

    .newstMain .loadmore p {

        font-size: 16px;

    }

    .newstMain .more {

        font-size: 12px;

    }

    .newstMain .img-box.common {

        margin-top: 0;

    }

    #team .c-c {

        width: 100%;

        font-size: 16px;

    }

    #team .box-wrapper {

        margin-top: 20px;

    }

    .info.common {

        padding-left: 15px;

        font-size: 20px;

    }

    #team .box + .box {

        margin-top: 60px;

    }

    #team .control {

        display: none;

    }

    .m-title p:nth-child(1) span {

        font-size: 30px;

    }

    .m-title p {

        font-size: 24px;

    }

    .m-title p:nth-child(2) {

        font-size: 20px;

    }

    .jointMain .box1 .img-box {

        display: none;

    }

    .jointMain .box1 ul {

        width: 100%;

        margin-right: 0;

    }

    .jointMain .box1 > .inline-box {

        padding-top: 10px;

    }

    .jointMain .box1 ul li + li {

        margin-top: 30px;

    }

    .jointMain .box2 {

        margin-top: 60px;

    }

    .jointMain .box2 .swiper-slide {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -webkit-flex-direction: column-reverse;

            -ms-flex-direction: column-reverse;

                flex-direction: column-reverse;

    }

    .jointMain .box2 .swiper-slide .img-box {

        width: 100%;

    }

    .jointMain .box2 .swiper-slide > div:first-child {

        height: 50px;

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

    }

    .jointMain .box2 .t-h {

        -webkit-writing-mode: unset;

            -ms-writing-mode: unset;

                writing-mode: unset;

        width: auto;

        padding-left: 20px;

        font-size: 16px;

    }

    .jointMain .box3 ul li:nth-child(even) {

        padding-left: 0;

    }

    .jointMain .box3 ul li {

        width: 100%;

        padding-right: 0;

        margin-top: 30px;

    }

    .jointMain .box3 .swiper-container,

    .jointMain .box2 .swiper-container {

        margin-top: 0;

    }

    .aboutMain .box6 button {

        width: 108px;

        height: 40px;

        font-size: 18px;

    }

    .aboutMain .box6 button::before {

        width: 120px;

        height: 52px;

    }

    #about .video-box .center {

        width: 300px;

    }

    #about .video-box .center img:last-of-type {

        width: 50px;

        margin-top: 20px;

    }

}

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

    .menubtn span:nth-child(3) {

        top: 33px;

    }
    .friend_links{
        display: none;
    }

    .menubtn span:nth-child(2) {

        top: 23px;

    }

    .menubtn span:nth-child(1) {

        top: 13px;

    }

    .menubtn span {

        width: 32px;

        left: 9px;

        height: 3px;

    }

    .menubtn.active span:nth-child(1),

    .menubtn.active span:nth-child(3) {

        top: 23px;

    }

    header {

        width: 100vw;

        height: 65px;

        background-color: transparent;

        background-image: none;

    }

    .menubtn{

        width: 50px;

        background-color: transparent;

    }

    .menubtn span{

        background-color: #af2718;

    }

    .m-header{

        width: 100%;

        height: 100vh;

        position: absolute;

        top: 0;

        left: 0;

        -webkit-transform: translateY(-110%);

            -ms-transform: translateY(-110%);

                transform: translateY(-110%);

        -webkit-transition: all 500ms;

        -o-transition: all 500ms;

        transition: all 500ms;

        background-image: url(../images/mbg1.jpg);

    }

    .m-b{

        position: relative;

        left: 0;

        bottom: 0;

        width: 100%;

        text-align: center;

        margin-top: 10vw;

        border-top: 1px solid rgba(0, 0, 0, 0.1);

        color: #b82419;

        padding-top: 10vw;

    }

    .m-b a{

        color: inherit;

        font-size: 18px;

        text-transform: uppercase;

        display: block;

    }

    .m-b a:first-of-type{

        font-size: 30px;

        margin-bottom: 10px;

    }

    .m-b a span{

        display: inline-block;

        width: 18px;

        height: 20px;

        vertical-align: text-bottom;

        background-image: url(../images/diqiu.png);

        -webkit-background-size: contain;

                background-size: contain;

        background-repeat: no-repeat;

        background-position: center center;

        margin-right: 10px;

    }

    .m-b a:last-of-type{

        line-height: 20px;

    }

    .m-h-d{

        position: absolute;

        width: 100%;

        left: 0;

        top: 0;

        height: 70px;

        z-index: 6;

        background-image: url(../images/nav_bg.png);

        background-position: left bottom;

        -webkit-background-size: cover;

                background-size: cover;

    }

    .m-h-cover ul.active li:last-of-type{

        padding-bottom: 0;

        margin-bottom: 10px;

    }

    .mopen .m-header{

        -webkit-transform: translateY(0);

            -ms-transform: translateY(0);

                transform: translateY(0);

    }

    .m-h-cover ul.active li.mi{

        margin-bottom: 0;

    }

    .mopen header {

        right: 0;

    }

    .m-cover {

        left: 0;

    }

    .m-h-cover {

        width: 100vw;

        left: 0;

        background-image: url(../images/mbg1.jpg);

        -webkit-background-size: cover;

                background-size: cover;

        padding-top: 70px;

    }

    .mopen #main {

        -webkit-transform: translateX(0);

            -ms-transform: translateX(0);

                transform: translateX(0);

    }

    .m-h-cover ul{

        text-align: center;

    }

    .m-h-cover ul li:first-of-type{

        border: none;

        font-size: 20px;

        letter-spacing: 0;

        width: 100%;

        padding: 15px 0;

    }

    .m-h-cover ul.active li{

        display: inline-block;

    }

    .m-h-cover ul.active li{

        color: #b80e14;

    }

    .m-h-cover ul li:nth-child(n + 3){

        margin-left: 7vw;

    }

    .m-h-cover ul li:nth-child(n + 3)::before{

        content: '';

        position: absolute;

        width: 1px;

        height: 14px;

        background-color: #b80e14;

        left: -3.5vw;

        top: 50%;

        margin-top: -7px;

    }

    .m-h-cover ul li{

        position: relative;

        font-size: 16px;

    }

    .m-h-cover ul li a{

        color: inherit;

    }

    .m-h-cover ul.active li:last-of-type{

        border: none;

    }

    #main{

        padding-top: 50px;

        padding-bottom: 60px;

    }

    .newstMain .news-list li:nth-child(2n)::before{

        display: none;

    }

    .banner {

        height: -webkit-calc(100vh - 60px);

        height: calc(100vh - 60px);

    }

    .banner ul li.active{

        -webkit-transform: scale(1);

            -ms-transform: scale(1);

                transform: scale(1);

        -webkit-background-size: cover;

                background-size: cover;

        background-position: left -10vw;

    }

    .caip{

        padding-top: 50px;

    }

    .caip .c-t img{

        -webkit-transform: scale(1.4);

            -ms-transform: scale(1.4);

                transform: scale(1.4);

    }

    .store .s-title img{

        width: 100%;

    }

    .store .s-title{

        width: 80px;

    }

    .store p,.team .t-con p{

        font-size: 14px;

    }

    .store .s-con{

        padding: 50px 0;

    }

    .store .s-con ul{

        margin: 20px 0 40px;

    }

    .store .s-con ul{

        white-space: normal;

    }

    .store .s-con ul li {

        width: 100%;

    }

    .store .s-con ul li + li{

        margin-left: 0;

        margin-top: 20px;

    }

    .join .j-con{

        width: 98vw;

    }

    .join .j-con .w1200 > img{

        width: 100px;

        bottom: -35px;

    }

    .join{

        padding: 60px 0;

    }

    .join .j-con .list{

        margin-top: 70px;

    }

    .join .j-con .list a{

        width: 50px;

        height: 50px;

    }

    .join .j-con .list a:first-child:after, .join .j-con .list a:last-of-type:before{

        right: 80px;

    }

    .join .j-con .list a:last-of-type:before{

        left: 80px;

    }

    .team{

        padding: 60px 0;

    }

    .team .t-con .img{

        width: 80px;

    }

    .timgs{

        width: 98vw;

    }

    .news{

        padding: 3vw;

    }

    .news .t-con .img{

        width: 140px;

        margin-bottom: 20px;

    }

    .news .t-con ul li{

        width: 100%;

        margin-right: 0;

    }

    .news .t-con ul span{

        display: none;

    }

    .news .t-con ul li + li{

        margin-top: 3vw;

    }

    footer .center .l a{

        display: block;

    }

    #minBanner .m-title{

        height: 50vh;

        padding-top: 0;

        margin-bottom: 0;

        width: auto!important;

        position: relative;

        left: 50%;

        -webkit-transform: translateX(-50%);

            -ms-transform: translateX(-50%);

                transform: translateX(-50%);

    }

    .RP .video{

        position: relative;

        width: 90vw;

        height: 50vw;

        -webkit-background-size: cover;

                background-size: cover;

    }

    .productMain{

        padding-top: 5vw;

    }

    #product .video,.RP .video{

        top: -15vw;

    }

    .PlateTitle{

        margin-top: 0;

    }

    .productMain .box0 .swiper-container{

        margin-top: 3vw;

    }

    .productMain .box1 .common.title .CN{

        font-size: 18px;

        margin-bottom: 5px;

    }

    .productMain .box1 .left-box .swiper-slide,#team .box44 .swiper-slide, #team .box1 .swiper-slide, #team .box2 .swiper-slide, .storeMain .box1 .swiper-slide, .storeMain .box3 .swiper-slide{

        width: 80vw;

    }

    .productMain .box1 .swiper-container p{

        font-size: 13px;

    }

    .RP .icon_play{

        width: 50px;

        height: 50px;

        -webkit-background-size: cover;

                background-size: cover;

    }

    .recommendMain{

        padding-top: 20px;

    }

    .recommendMain .box0 .title{

        width: 90px;

    }

    .recommendMain .box0 .details{

        font-size: 14px;

    }

    .recommendMain .box0 .details img{

        margin-top: 15px;

    }

    .recommendMain .box1, .recommendMain .box2,.recommendMain .inline-box .fl{

        width: 100%;

        margin-left: 0;

    }



    .storeMain .box1 .text-box{

        padding:2vw 3vw;

        font-size: 12px;

    }

    .storeMain .box1 .text-box .title{

        font-size: 15px;

        margin-bottom: 0;

    }

    .storeMain .box1 .text-box .iconfont{

        display: none;

    }

    .storeMain .box1 .text-box .pag{

        font-size: 18px;

        right: 20px;

        bottom: 15px;

    }

    .storeMain .box1 .text-box .pag span:last-of-type{

        font-size: 22px;

    }

    .storeMain .box1 .text-box .pag span:first-of-type{

        font-size: 40px;

    }

   

    .aboutMain .box4 a{

        width: 120px;

        font-size: 16px;

    }

    ::-webkit-scrollbar{

        width: 4px;

    }

    .aboutMain .box{

        margin-top: 30px;

    }


    .productMain .box0 .swiper-container img{

        width: auto;

        height: 50vw;

    }

    .productMain .box0 .swiper-container .swiper-slide{

        width: auto;

    }



    .aboutMain .box1{

        margin-top: 0;

    }
  

}

.productMain .box1 .right-box .img-box .zc_div{width:100%; padding:3%; line-height:1.6; overflow:hidden; color:#fff; font-size:14px; position:absolute; left:0px; bottom:0px; background:url(../images/tb_026.png) repeat; font-weight:normal !important; filter:alpha(opacity=0);   -moz-opacity:0;   -khtml-opacity: 0;   opacity: 0;transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.productMain .box1 .right-box .img-box.active .zc_div{filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity:1;   opacity:1;}
/*.inline-box:hover{ background-color:#8d1a0f;}*/