@charset "utf-8";

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

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 {
	width:100%; min-width:1200px;

    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 #2865f1;

    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;
	width:212px; height:165px;
	overflow-y:auto;

}

.productMain .box1 .left-box ul::-webkit-scrollbar {
  width: 1px;
  border-radius: 1px;
  height: 1px;
  background: none;
}
.productMain .box1 .left-box ul::-webkit-scrollbar-track {
  border-radius: 1px;
  width: 1px !important;
  background-color:#2865f1;
}
.productMain .box1 .left-box ul::-webkit-scrollbar-thumb {
  width: 5px;
  height: 1px;
  border-radius: 1px;
  background-color: red;
}
.productMain .box1 > ul > li:hover .left-box ul::-webkit-scrollbar-track {
  background-color:#fff;
}


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

    /*margin-top: 15px;*/

}

.productMain .box1 .left-box ul li {
	width:125px; float:left;
	height:35px; line-height:35px;
    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: #d2d2d2;

    content: "";

}

.productMain .box1 {

    /*padding-top: 30px;*/

}

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

    color: #2865f1;

}



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

    background-color: #2865f1;

}

.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: #2865f1;

    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: #2865f1;

    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: #2865f1;

    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;

}



.productMain .box1 .right-box .img-box .zc_div{width:94%; padding:0px 3%; height:42px; line-height:42px; overflow:hidden; color:#fff; font-size:14px; position:absolute; left:0px; bottom:0px; background:url(../images/zc_001.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;}*/
.productMain .box1 > ul > li:hover{ background-color:#2865f1;}
.productMain .box1 > ul > li:hover .left-box ul li{ color:#fff;}
.productMain .box1 > ul > li:hover .left-box ul li:before{ background-color:#fff;}
.productMain .box1 > ul > li:hover .left-box ul li.active:before{ background-color:#58fff9;}
.productMain .box1 > ul > li:hover .left-box ul li.active{ color:#58fff9;}
.productMain .box1 > ul > li:hover .left-box ul li:hover{ color:#58fff9}
.productMain .box1 > ul > li:hover .left-box ul li:hover:before{ background-color:#58fff9;}

@media screen and (max-width: 1200px) {
.productMain .box1 > ul > li{
	
     margin-left: 0px;
     margin-left:0px; 
    padding-left: -webkit-calc(50vw - 550px);
    padding-left: calc(50vw - 550px);
    
}
}