@charset "utf-8";
@font-face {
    font-family: 'OH';
    src: url("../font/OPPOSans-H.ttf");
}

@font-face {
    font-family: 'OB';
    src: url("../font/OPPOSans-B.ttf");
}

@font-face {
    font-family: 'INT';
    src: url("../font/Inter.ttf");
}

.over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scale {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.jce {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
}

.jsb {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
}

.jst {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
}

.jed {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    flex-wrap: wrap;
}


/*轮播*/

.banner {
    max-width: 1920px;
    margin: 0 auto;
}

.banner li img {
    width: 100%;
    display: block;
}

.banner .content {
    position: absolute;
    height: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    z-index: 10;
}

.banner .banner-con {
    position: absolute;
    right: 0;
    bottom: 4.55rem;
    z-index: 1;
}

.banner .banner-btn-prev,
.banner .banner-btn-next {
    width: 3.55rem;
    height: 3.55rem;
    border: 1px solid #d3cfce;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    margin: 0 0 0.75rem auto;
}

.banner .banner-btn-prev img,
.banner .banner-btn-next img {
    width: 7.1rem;
    height: 3.55rem;
    display: block;
}

.banner .banner-btn-prev:hover img,
.banner .banner-btn-next:hover img {
    transform: translateX(-3.55rem);
    -webkit-transform: translateX(-3.55rem);
    -ms-transform: translateX(-3.55rem);
    -moz-transform: translateX(-3.55rem);
}

.banner .banner-paging {
    padding-top: 13.3rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
}

.banner .banner-paging .swiper-pagination-bullet {
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    margin: 0 0 0 0.5rem;
    background-color: #fff;
    cursor: pointer;
    opacity: 1;
}

.banner .banner-paging .swiper-pagination-bullet-active {
    background-color: #f0a025;
}


/*标题*/

.title {
    text-align: center;
}

.title span {
    display: block;
    height: 4rem;
    line-height: 4rem;
    font-size: 2.8rem;
    color: #322e30;
    font-weight: bold;
}

.title a {
    color: #322e30;
}

.title em {
    display: block;
    height: 1.9rem;
    line-height: 1.9rem;
    font-size: 1rem;
    color: #686465;
}


/*引子*/

.guide {
    padding: 3.95rem 0 4.7rem;
    background: #f7f5f4;
    max-width: 1920px;
    margin: 0 auto;
}

.guide .guide-con {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
}

.guide .guide-left {
    width: 20.75%;
    padding-top: 3.15rem;
}

.guide .guide-left h2 {
    display: inline-block;
    height: 7.2rem;
    margin-bottom: 1.8rem;
    position: relative;
}

.guide .guide-left h2:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0.2rem;
    height: 0.25rem;
    background: #f0a025;
    bottom: 0.35rem;
    z-index: 0;
}

.guide .guide-left h2 span {
    display: block;
    height: 3.6rem;
    line-height: 3.6rem;
    font-size: 3rem;
    font-weight: bold;
    color: #322e30;
    position: relative;
    z-index: 1;
}

.guide .guide-left .guide-desc {
    line-height: 1.5rem;
    font-size: 0.8rem;
    color: #686465;
    text-align: justify;
}

.guide .guide-pic {
    width: 74.5%;
    position: relative;
}

.guide .guide-pic img {
    width: 100%;
    display: block;
}

.guide .guide-pic .guide-pic-btn {
    position: absolute;
    width: 3.95rem;
    height: 3.95rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
}

.guide .guide-pic .guide-pic-btn img {
    display: block;
    width: 3.95rem;
    height: 3.95rem;
}

.guide .guide-list {
    padding-top: 1.85rem;
}

.guide .guide-list ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
}

.guide .guide-list li {
    max-width: 25%;
}

.guide .guide-list li h3 {
    display: inline-block;
    height: 4.5rem;
    line-height: 4.5rem;
    padding-right: 0.75rem;
    margin-bottom: 0.25rem;
    position: relative;
}

.guide .guide-list li h3 b {
    display: block;
    height: 4.5rem;
    font-size: 4.23rem;
    font-family: "OB";
    color: #322e30;
}

.guide .guide-list li h3 sup,
.guide .guide-list li h3 sub {
    position: absolute;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.8rem;
    color: #ffffff;
    background: #f0a025;
    border-radius: 0.25rem;
    padding: 0 0.3rem;
    right: 0;
    bottom: 0.35rem;
    z-index: 1;
}

.guide .guide-list li h3 sub {
    width: 1rem;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    right: 0.2rem;
}

.guide .guide-list li p {
    line-height: 1.2rem;
    font-size: 0.8rem;
    color: #686465;
}

.guide .guide-list li p span {
    display: block;
}

.guide .guide-list li:nth-of-type(1) h3 {
    padding-right: 0;
}

.guide .guide-list li:nth-of-type(2) h3 b {
    color: #f0a025;
}

.guide .guide-list li:nth-of-type(2) h3 sup {
    background: #322e30;
}


/*产品*/

.product {
  padding: 4.4rem 0 0;
  max-width: 1920px;
  margin: 0 auto;
}
.product .title {
  margin-bottom: 1.6rem;
}
.product .pro-list {
  position: relative;
}
.product .pro-list .pro-btn {
  position: absolute;
  right: 15.83334%;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  z-index: 10;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.product .pro-list .pro-btn.left {
  left: 15.83334%;
  right: auto;
}
.product .pro-list .pro-btn-prev,
.product .pro-list .pro-btn-next {
  width: 3.1rem;
  height: 3.1rem;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.product .pro-list .pro-btn-prev.pro-btn-prev,
.product .pro-list .pro-btn-next.pro-btn-prev {
  margin-bottom: 0.35rem;
}
.product .pro-list .pro-btn-prev img,
.product .pro-list .pro-btn-next img {
  width: 6.2rem;
  height: 3.1rem;
  display: block;
}
.product .pro-list .pro-btn-prev:hover,
.product .pro-list .pro-btn-next:hover {
  background: #f0a025;
}
.product .pro-list .pro-btn-prev:hover img,
.product .pro-list .pro-btn-next:hover img {
  transform: translateX(-3.1rem);
  -webkit-transform: translateX(-3.1rem);
  -ms-transform: translateX(-3.1rem);
  -moz-transform: translateX(-3.1rem);
}
.product .pro-list .pro-ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.product .pro-list .pro-ul li {
  width: 17.44791%;
  height: 766px;
  position: relative;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -moz-transition: all 0.8s;
}
.product .pro-list .pro-ul li:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  opacity: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.product .pro-list .pro-ul li h3 {
  position: absolute;
  left: 3.5rem;
  top: 4.65rem;
  z-index: 2;
  opacity: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.product .pro-list .pro-ul li h3 em {
  display: block;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.9rem;
  color: #f0a025;
  margin-bottom: 0.9rem;
}
.product .pro-list .pro-ul li h3 span {
  display: block;
  height: 6rem;
  line-height: 3rem;
  font-size: 2.4rem;
  color: #fff;
  font-weight: bold;
}
.product .pro-list .pro-ul li .pro-txt {
  position: absolute;
  left: 10.11%;
  right: 4.9243%;
  bottom: 1.55rem;
  background: #fff;
  z-index: 1;
  display: none;
}
.product .pro-list .pro-ul li .con {
  padding: 1.3rem 10rem 1.3rem 1.4rem;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
}
.product .pro-list .pro-ul li .con h4 {
  max-width: 5rem;
  margin-right: 1.1rem;
}
.product .pro-list .pro-ul li .con h4 a {
  display: block;
  font-size: 1.2rem;
  color: #353133;
  font-weight: bold;
}
.product .pro-list .pro-ul li .con h4 a span {
  display: block;
  line-height: 1.5rem;
}
.product .pro-list .pro-ul li .con .desc {
  padding-left: 0.85rem;
  width: 67.1642%;
  line-height: 1.5rem;
  font-size: 0.8rem;
  color: #686465;
  text-align: justify;
  position: relative;
  box-sizing: border-box;
}
.product .pro-list .pro-ul li .con .desc:before {
  content: "";
  position: absolute;
  width: 1px;
  top: 0.2rem;
  bottom: 0.15rem;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.product .pro-list .pro-ul li .con .more {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  z-index: 1;
}
.product .pro-list .pro-ul li .con .more a {
  display: block;
  width: 7.8rem;
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: 0.8rem;
  color: #ffffff;
  text-align: center;
  background: #f0a025;
}
.product .pro-list .pro-ul li.cur {
  width: 82.5%;
}
.product .pro-list .pro-ul li.cur:after,
.product .pro-list .pro-ul li.cur h3 {
  z-index: 0;
  opacity: 0;
}
.product .pro-list .pro-ul li.cur .pro-txt {
  display: block;
}

/*案例*/

.case {
    padding: 6.5rem 0 5rem;
    max-width: 1920px;
    margin: 0 auto;
}

.case .case-tab {
    padding: 1.55rem 0 1.5rem;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
}

.case .case-tab li {
    margin: 0 0.6rem;
    border: 1px solid rgba(39, 36, 38, 0.1);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.case .case-tab li a {
    display: block;
    width: 7.7rem;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 0.9rem;
    color: #686465;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.case .case-tab li.cur,
.case .case-tab li:hover {
    background: #f0a025;
    border-color: #f0a025;
}

.case .case-tab li.cur a,
.case .case-tab li:hover a {
    color: #ffffff;
    font-weight: bold;
}

.case .case-list {
    position: relative;
}
.case .case-list .swiper-slide-active .swiper-slide {
  pointer-events: auto;
}
.case .case-list .case-btn-prev,
.case .case-list .case-btn-next {
    position: absolute;
    width: 3.1rem;
    height: 3.1rem;
    background: #fff;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    z-index: 10;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

.case .case-list .case-btn-prev img,
.case .case-list .case-btn-next img {
    width: 6.2rem;
    height: 3.1rem;
    display: block;
}

.case .case-list .case-btn-prev:hover,
.case .case-list .case-btn-next:hover {
    background: #f0a025;
}

.case .case-list .case-btn-prev:hover img,
.case .case-list .case-btn-next:hover img {
    transform: translateX(-3.1rem);
    -webkit-transform: translateX(-3.1rem);
    -ms-transform: translateX(-3.1rem);
    -moz-transform: translateX(-3.1rem);
}

.case .case-list .case-btn-prev.case-btn-prev,
.case .case-list .case-btn-next.case-btn-prev {
    left: 16.25%;
}

.case .case-list .case-btn-prev.case-btn-next,
.case .case-list .case-btn-next.case-btn-next {
    right: 16.25%;
}

.case .case-list dl {
    width: 63.3334%;
    position: relative;
}

.case .case-list dl dt {
    overflow: hidden;
    position: relative;
}

/*.case .case-list dl dt:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    background: rgba(0, 0, 0, 0.5);*/
/*    z-index: 1;*/
/*}*/

.case .case-list dl dt img {
    display: block;
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.case .case-list dl dt .vr-wrap{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000;z-index: 5;overflow: hidden;}
.case .case-list dl dd {
    position: absolute;
    padding: 0.45rem;
    background: rgba(255, 255, 255, 0.52);
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 1;
}

.case .case-list dl dd:before {
    content: '';
    position: absolute;
    -webkit-box-shadow: inset #fff 0 0 2rem;
    box-shadow: inset #fff 0 0 2rem;
    border-radius: 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    animation: warn2 2s ease-out 0.1s infinite;
    z-index: -1;
}

.case .case-list dl dd:after {
    content: '';
    position: absolute;
    -webkit-box-shadow: inset #fff 0 0 2rem;
    box-shadow: inset #fff 0 0 2rem;
    border-radius: 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    animation: warn 2s ease-out 1.1s infinite;
    z-index: -1;
}

.case .case-list dl dd .case-btn-vr {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 4.4rem;
    height: 4.4rem;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

.case .case-list dl dd .case-btn-vr img {
    width: 1.1rem;
    height: 0.65rem;
    display: block;
    margin-top: -1px;
}

.case .case-list dl dd .case-btn-vr span {
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.7rem;
    color: #2d2924;
    padding-left: 0.2rem;
}

.case .case-list .swiper-slide-active dt:after {
    display: none;
}

.case .case-Key {
    padding-top: 1rem;
}

.case .case-Key p {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 1.25rem 0 9.1rem;
    height: 2.5rem;
    line-height: 2.5rem;
    background: #f8f6f6;
    position: relative;
}

.case .case-Key p span {
    position: absolute;
    display: block;
    height: 2.5rem;
    font-size: 0.9rem;
    color: #433f41;
    left: 1.7rem;
    top: 0;
    z-index: 1;
}

.case .case-Key p a {
    display: block;
    height: 2.5rem;
    font-size: 0.8rem;
    color: #908c8c;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.case .case-Key p a:hover {
    color: #f0a025;
}

.case .case-Key p em {
    display: block;
    width: 1px;
    height: 2.5rem;
    position: relative;
}

.case .case-Key p em:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 0.65rem;
    background: #e9e7e6;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    z-index: 1;
}


/*留言*/

.form {
    padding: 0 0 5rem;
    max-width: 1920px;
    margin: 0 auto;
}

.form .pic img {
    width: 100%;
    display: block;
}

.form .form-con {
    position: absolute;
    width: 87.1875%;
    top: 4.55rem;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    z-index: 1;
}

.form .form-con .con-list {
    padding: 0 0 0.75rem;
}

.form .form-con .con-left {
    float: left;
    max-width: 50%;
}

.form .form-con .con-left h2 {
    height: 2rem;
    line-height: 2rem;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 1.05rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    margin-bottom: 1.35rem;
}

.form .form-con .con-left h2 span {
    display: block;
    height: 2rem;
    font-size: 1.15rem;
    color: #f0a025;
    font-weight: bold;
    margin-right: 1.45rem;
    padding-left: 1.7rem;
    background: url(../images/form-icon01.png) no-repeat left center;
    background-size: 1.3rem 1.3rem;
}

.form .form-con .con-left h2 span:last-of-type {
    margin-right: 0;
}

.form .form-con .con-left p {
    height: 2rem;
    line-height: 2rem;
    font-size: 1.2rem;
    color: #ffffff;
    text-align: justify;
    letter-spacing: 0.18rem;
}

.form .form-con .con-right {
    float: right;
    max-width: 40%;
}

.form .form-con .con-right .code {
    margin-top: 0.25rem;
    padding-right: 2.1rem;
    position: relative;
}

.form .form-con .con-right .code p {
    padding: 0.5rem;
    background: #fff;
    border-radius: 0.45rem;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.form .form-con .con-right .code p img {
    width: 5.5rem;
    height: 5.5rem;
    display: block;
}

.form .form-con .con-right .code span {
    position: absolute;
    width: 1.1rem;
    font-size: 0.8rem;
    line-height: 102%;
    text-align: center;
    color: #ffffff;
    padding: 0.3rem 0.55rem 0 0.6rem;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid rgba(255, 255, 255, 0.48);
    border-radius: 0.25rem;
    z-index: 1;
}

.form .form-con ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.form .form-con li {
  width: 18.06452%;
  padding-left: 2.25rem;
  height: 2.1rem;
  line-height: 2.1rem;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
}
.form .form-con li span, .form .form-con li p{display: none;}
.form .form-con li label {
  position: absolute;
  height: 2.1rem;
  font-size: 0.8rem;
  color: #f7f5f4;
  left: 0;
  top: 0;
}
.form .form-con li input {
  display: block;
  width: 100%;
  height: 2rem;
  font-size: 0.8rem;
  color: #f7f5f4;
  padding: 0 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: none;
  outline: none;
}
.form .form-con li input::placeholder {
  color: #fff;
}
.form .form-con li input::-webkiat-placeholder {
  color: #fff;
}
.form .form-con li input::-moz-placeholder {
  color: #fff;
}
.form .form-con li input::-ms-placeholder {
  color: #fff;
}
.form .form-con li.addr {
  padding-left: 0;
  /*padding-right: 1.95rem;*/
  width: 20.7886%;
}
.form .form-con li.addr input {
  padding: 0 1rem;
  /*border-right: 0;*/
}
.form .form-con li.addr .select {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.95rem;
  height: 2.1rem;
}
.form .form-con li.addr .select .select-btn {
  height: 2.1rem;
  background: #f0a025 url(../images/form-btn-icon01.png) no-repeat center;
  background-size: 0.5rem 0.25rem;
  cursor: pointer;
  position: relative;
}
.form .form-con .submit {
  float: left;
  height: 2.1rem;
}
.form .form-con .submit .form-btn-submit,
.form .form-con .submit .form-btn-reset {
  display: block;
  background: #f0a025;
  width: 8.75rem;
  height: 2.1rem;
  line-height: 2.1rem;
  font-size: 0.8rem;
  color: #f7f5f4;
  text-align: center;
  cursor: pointer;
}
.form .form-con .submit .form-btn-reset {
  display: none;
}
/*视频*/

.video {
    padding: 4.4rem 0 5rem;
    background: #f7f5f4;
    max-width: 1920px;
    margin: 0 auto;
}

.video .video-tab {
    padding: 1.35rem 0 1.5rem;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
}

.video .video-tab li {
    margin: 0 0.35rem;
    border: 1px solid rgba(39, 36, 38, 0.1);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.video .video-tab li a {
    display: block;
    width: 7.7rem;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 0.9rem;
    color: #322e30;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.video .video-tab li.cur,
.video .video-tab li:hover {
    background: #f0a025;
    border-color: #f0a025;
}

.video .video-tab li.cur a,
.video .video-tab li:hover a {
    color: #ffffff;
}

.video .video-list {
    position: relative;
}
.video .video-list .swiper-slide-active .swiper-slide {
  pointer-events: auto;
}
.video .video-list .video-btn-prev,
.video .video-list .video-btn-next {
    position: absolute;
    width: 3.1rem;
    height: 3.1rem;
    background: #fff;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    z-index: 10;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

.video .video-list .video-btn-prev img,
.video .video-list .video-btn-next img {
    width: 6.2rem;
    height: 3.1rem;
    display: block;
}

.video .video-list .video-btn-prev:hover,
.video .video-list .video-btn-next:hover {
    background: #f0a025;
}

.video .video-list .video-btn-prev:hover img,
.video .video-list .video-btn-next:hover img {
    transform: translateX(-3.1rem);
    -webkit-transform: translateX(-3.1rem);
    -ms-transform: translateX(-3.1rem);
    -moz-transform: translateX(-3.1rem);
}

.video .video-list .video-btn-prev.video-btn-prev,
.video .video-list .video-btn-next.video-btn-prev {
    left: -6.125%;
}

.video .video-list .video-btn-prev.video-btn-next,
.video .video-list .video-btn-next.video-btn-next {
    right: -6.125%;
}

.video .video-list dl {
  width: 23.875%;
}
.video .video-list dl dt {
  border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
}
.video .video-list dl dt img {
  width: 100%;
  display: block;
}
.video .video-list dl dt:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.video .video-list dl dt .video-wrap,.vr-wrap{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000;z-index: 2;overflow: hidden;}
.video .video-list dl dd {
  position: absolute;
  background: #fff;
  padding: 0.8rem 1.75rem 0.8rem 3.75rem;
  border-radius: 1.9rem;
  left: 1.5rem;
  right: 1.5rem;
  bottom: 1.9rem;
  z-index: 1;
}
.video .video-list dl dd i {
  position: absolute;
  width: 2.6rem;
  height: 2.6rem;
  background: #f0a025;
  border-radius: 50%;
  left: 0.4rem;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  z-index: 1;
  overflow: hidden;
}
.video .video-list dl dd i img {
  width: 2.6rem;
  height: 5.2rem;
  display: block;
}
.video .video-list dl dd h3 a{
  line-height: 1.1rem;
  height: 2.2rem;
  font-size: 0.8rem;
  color: #686465;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.video .video-list dl:hover dt:after {
  display: none;
}
.video .video-list dl:hover dd {
  background: #f0a025;
}
.video .video-list dl:hover dd i {
  background: #fff;
}
.video .video-list dl:hover dd i img {
  transform: translateY(-2.6rem);
  -webkit-transform: translateY(-2.6rem);
  -ms-transform: translateY(-2.6rem);
  -moz-transform: translateY(-2.6rem);
}
.video .video-list dl:hover dd h3 a {
  color: #fff;
}


/*优势*/

.yos {
    padding: 4.4rem 0 0;
    max-width: 1920px;
    margin: 0 auto;
}

.yos .title {
    margin-bottom: 1.05rem;
}

.yos .yos-list {
    position: relative;
}

.yos .yos-list .yos-tab {
    position: absolute;
    width: 20.41667%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    z-index: 10;
}

.yos .yos-list .yos-tab li {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    height: 4.35rem;
    line-height: 4.35rem;
    padding: 0 15.81633% 0 40.81633%;
    margin-bottom: 0.2rem;
}

.yos .yos-list .yos-tab li:last-of-type {
    margin-bottom: 0;
}

.yos .yos-list .yos-tab li h3 {
    height: 4.35rem;
    line-height: 4.35rem;
    font-size: 1.2rem;
    color: #ffffff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.yos .yos-list .yos-tab li i {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    opacity: 0;
}

.yos .yos-list .yos-tab li i img {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}

.yos .yos-list .yos-tab li.cur,
.yos .yos-list .yos-tab li:hover {
    background: #f0a025;
}

.yos .yos-list .yos-tab li.cur h3,
.yos .yos-list .yos-tab li:hover h3 {
    font-weight: bold;
}

.yos .yos-list .yos-tab li.cur i,
.yos .yos-list .yos-tab li:hover i {
    opacity: 1;
}

.yos .yos-list .list-pic img {
    display: block;
    width: 100%;
}

.yos .yos-list .list-txt {
    right: 0;
    bottom: 0;
    padding: 3rem 5.25rem 3.7rem;
    position: absolute;
    width: 21.875%;
    background: #f0a025;
    border-radius: 4rem 0 0 0;
    z-index: 1;
}

.yos .yos-list .list-txt h4 {
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.5rem;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0.65rem;
}

.yos .yos-list .list-txt .desc {
    line-height: 1.3rem;
    height: 2.6rem;
    font-size: 0.8rem;
    color: #ffffff;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


/*团队*/

.team {
    padding: 4.4rem 0 5rem;
    background: #f7f5f4;
    max-width: 1920px;
    margin: 0 auto;
}

.team .title {
    margin-bottom: 1.1rem;
}

.team .team-list {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
}

.team .team-list dl {
    width: 19.125%;
    margin-right: 1.09375%;
    background: #fff;
    border-radius: 0 0 0.5rem 0.5rem;
    overflow: hidden;
    box-shadow: 0 0.5rem 0.75rem rgba(50, 43, 52, 0.1);
}

.team .team-list dl:nth-of-type(5n) {
    margin-right: 0;
}

.team .team-list dl dt {
    border-radius: 0.5rem 0.5rem 0 0;
    overflow: hidden;
    position: relative;
}

.team .team-list dl dt a img {
    display: block;
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.team .team-list dl dt span {
    position: absolute;
    width: 2.15rem;
    height: 6.35rem;
    padding-top: 0.5rem;
    line-height: 110%;
    font-size: 1.3rem;
    color: #ffffff;
    text-align: center;
    background: url(../images/team-name-icon01.png) no-repeat center top;
    background-size: 100% 100%;
    right: 1.4rem;
    top: 2.9rem;
    z-index: 1;
}

.team .team-list dl dd {
    padding: 1.05rem 1rem;
    position: relative;
}

.team .team-list dl dd h3 {
    position: absolute;
    left: 0;
    top: -3rem;
    z-index: 2;
    background: #f0a025;
    max-width: 75%;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.3rem;
    color: #ffffff;
    font-weight: bold;
    padding: 0 0.55rem 0 0.85rem;
}

.team .team-list dl dd h3:after {
    content: "";
    position: absolute;
    right: -2.9rem;
    top: 0;
    width: 2.9rem;
    height: 3rem;
    background: url(../images/team-name-icon02.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 1;
}

.team .team-list dl dd .desc {
    line-height: 1.2rem;
    height: 8.4rem;
    font-size: 0.8rem;
    color: #686465;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}

.team .team-list dl dd .desc p {
    line-height: 1.2rem;
    font-size: 0.8rem;
    color: #686465;
}

.team .team-list dl dd .more {
    padding-top: 0.65rem;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
}

.team .team-list dl dd .more a {
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.8rem;
    color: #686465;
    padding-right: 1.5rem;
    position: relative;
}

.team .team-list dl dd .more a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    width: 0.85rem;
    height: 0.85rem;
    background: url(../images/team-more-icon01.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 1;
}

.team .team-list dl:hover dt a img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.team .team-list dl:hover dd .more a {
    color: #f0a025;
}

.team .team-list dl:hover dd .more a:after {
    background-image: url(../images/team-more-icon02.png);
}


/*客户*/

.client {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

.client .pic img {
    width: 100%;
    display: block;
}

.client .client-con {
    position: absolute;
    height: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 1;
}

.client .txt {
    position: absolute;
    width: 43.125%;
    background: #f0a025;
    border-radius: 1.25rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 1;
    overflow: hidden;
}

.client .txt:after {
    content: "";
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 1rem;
    overflow: hidden;
    z-index: 1;
}

.client .txt .con {
    padding: 2.2rem 2rem 2.1rem;
    position: relative;
    z-index: 2;
}

.client .txt h2 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.3rem;
}

.client .txt h2 span {
    display: block;
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 2.4rem;
    color: #ffffff;
}

.client .txt h2 a {
    color: #ffffff;
}

.client .txt .desc {
    line-height: 1.5rem;
    font-size: 0.9rem;
    color: #ffffff;
    text-align: center;
}

.client .txt .more {
    padding-top: 1rem;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
}

.client .txt .more a {
    display: block;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.9rem;
    color: #ffffff;
    border: 1px solid #fff;
    border-radius: 1rem;
    padding: 0 2.7rem 0 1.1rem;
    position: relative;
}

.client .txt .more a:after {
    content: "";
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translate(0, -49%);
    -webkit-transform: translate(0, -49%);
    -ms-transform: translate(0, -49%);
    -moz-transform: translate(0, -49%);
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/client-more-icon01.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 1;
}

.client .txt .more .client-video-btn {
    display: block;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.9rem;
    color: #333;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 1rem;
    padding: 0 1.1rem 0 2.7rem;
    position: relative;
    margin-left: 1rem;
    cursor: pointer;
}

.client .txt .more .client-video-btn:after {
    content: "";
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translate(0, -49%);
    -webkit-transform: translate(0, -49%);
    -ms-transform: translate(0, -49%);
    -moz-transform: translate(0, -49%);
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/client-video-btn.png) no-repeat center;
    background-size: 0.9rem auto;
    z-index: 1;
}


/*新闻*/

.news {
    padding: 4.3rem 0 4.5rem;
    max-width: 1920px;
    margin: 0 auto;
}

.news .news-con {
    padding: 0.85rem 0 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
}

.news .news-con h3 {
    height: 2rem;
    line-height: 2rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1rem;
}

.news .news-con h3 a {
    display: block;
    height: 2rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #322e30;
}

.news .news-left {
    width: 66.5%;
}

.news .news-left .left-list {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 1.15rem;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
}

.news .news-left .list-fl {
    width: 43.70301%;
}

.news .news-left .list-fl dl dt {
    overflow: hidden;
}

.news .news-left .list-fl dl dt a img {
    display: block;
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.news .news-left .list-fl dl dd {
    padding: 1.45rem 0 1.4rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.news .news-left .list-fl dl dd .date {
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: 0.8rem;
    color: #adadad;
    font-family: "INT";
    margin-bottom: 0.55rem;
}

.news .news-left .list-fl dl dd h4 {
    height: 2rem;
    font-weight: bold;
    margin-bottom: 0.65rem;
}

.news .news-left .list-fl dl dd h4 a {
    display: inline-block;
    max-width: 100%;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.0rem;
    color: #f0a025;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news .news-left .list-fl dl dd .desc {
    line-height: 1.5rem;
    height: 4.5rem;
    font-size: 0.8rem;
    color: #686465;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news .news-left .list-fl dl:hover dt a img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.news .news-left .list-fl ul {
    padding: 1.1rem 0 1.3rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.news .news-left .list-fl ul li h4 {
    height: 2.1rem;
    line-height: 2.1rem;
    padding-left: 1.3rem;
    position: relative;
}

.news .news-left .list-fl ul li h4:before {
    content: "";
    position: absolute;
    width: 0.25rem;
    height: 0.25rem;
    background: #686465;
    left: 0.35rem;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    z-index: 1;
    border-radius: 50%;
}

.news .news-left .list-fl ul li h4 a {
    display: inline-block;
    max-width: 100%;
    height: 2.1rem;
    font-size: 0.8rem;
    color: #686465;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.news .news-left .list-fl ul li h4 a:hover {
    color: #f0a025;
}

.news .news-left .list-fr {
    width: 49.6241%;
}

.news .news-left .list-fr dl {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 1.45rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 1.45rem;
}

.news .news-left .list-fr dl:last-of-type {
    margin-bottom: 0;
}

.news .news-left .list-fr dl dt {
    width: 39.0152%;
    overflow: hidden;
}

.news .news-left .list-fr dl dt a img {
    width: 100%;
    display: block;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.news .news-left .list-fr dl dd {
    width: 54.16667%;
    padding-top: 0.45rem;
}

.news .news-left .list-fr dl dd h4 {
    margin-bottom: 0.7rem;
}

.news .news-left .list-fr dl dd h4 a {
    display: block;
    line-height: 1.5rem;
    height: 3rem;
    font-size: 1.0rem;
    color: #322e30;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.news .news-left .list-fr dl dd .date {
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.8rem;
    color: #adadad;
    font-family: "INT";
}

.news .news-left .list-fr dl:hover dt a img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.news .news-left .list-fr dl:hover dd h4 a {
    color: #f0a025;
}

.news .news-right {
    width: 29.125%;
    position: relative;
}

.news .news-right:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7f5f4;
    height: 20rem;
    z-index: 0;
}

.news .news-right h3 {
    margin-bottom: 1.15rem;
}

.news .news-right .right-list {
    padding: 2rem 2.2rem 2.6rem;
    background: #f7f5f4;
    position: relative;
    z-index: 1;
}

.news .news-right li {
    padding-left: 1.3rem;
    padding-bottom: 1.7rem;
    margin-bottom: 1.55rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}

.news .news-right li:before {
    content: "";
    position: absolute;
    width: 0.45rem;
    height: 0.45rem;
    background: #7d7470;
    left: 0;
    top: 0.8rem;
    z-index: 1;
    border-radius: 50%;
}

.news .news-right li:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}

.news .news-right li h4 {
    height: 2rem;
    line-height: 2rem;
    margin-bottom: 0.2rem;
}

.news .news-right li h4 a {
    display: inline-block;
    max-width: 100%;
    height: 2rem;
    font-size: 1.0rem;
    color: #322e30;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.news .news-right li h4 a:hover {
    color: #f0a025;
}

.news .news-right li .desc {
    line-height: 1.4rem;
    height: 2.8rem;
    font-size: 0.8rem;
    color: #686465;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


/*关于*/

.about {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.about .about-pic img {
    display: block;
    width: 100%;
}

.about .about-con {
    padding: 2.6rem 2.1875% 2.2rem;
    background: #fff;
    margin: -10rem auto 0;
    position: relative;
    z-index: 1;
}

.about .about-con .desc {
    padding-top: 0.7rem;
    line-height: 1.4rem;
    font-size: 0.8rem;
    color: #504b4d;
    text-align: center;
}

.about .about-con .desc a {
    color: #504b4d;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.about .about-con .desc a:hover {
    color: #f0a025;
}


/*活动*/

.activity {
    padding: 0 0 5rem;
    max-width: 1920px;
    margin: 0 auto;
}

.activity h2 {
    height: 2.5rem;
    line-height: 2.5rem;
    position: relative;
    z-index: 1;
}

.activity h2:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    height: 1px;
    background: rgba(0, 0, 0, 0.05);
    z-index: 0;
}

.activity h2 span {
    display: inline-block;
    height: 2.5rem;
    font-size: 1.3rem;
    color: #322e30;
    font-weight: bold;
    background: #fff;
    padding-right: 1rem;
    position: relative;
    z-index: 1;
}

.activity h2 a {
    color: #322e30;
}

.activity .activity-list {
    padding-top: 0.85rem;
    position: relative;
    z-index: 2;
}

.activity .activity-list .activity-btn {
    position: absolute;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    background: #fff;
    padding-left: 1.1rem;
    right: 0;
    top: -2.4rem;
    z-index: 2;
}

.activity .activity-list .activity-btn .activity-btn-prev,
.activity .activity-list .activity-btn .activity-btn-next {
    width: 2rem;
    height: 2rem;
    border: 1px solid #3e3839;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

.activity .activity-list .activity-btn .activity-btn-prev.activity-btn-next,
.activity .activity-list .activity-btn .activity-btn-next.activity-btn-next {
    margin-left: 0.5rem;
}

.activity .activity-list .activity-btn .activity-btn-prev img,
.activity .activity-list .activity-btn .activity-btn-next img {
    width: 4rem;
    height: 2rem;
    display: block;
}

.activity .activity-list .activity-btn .activity-btn-prev.activity-btn-prev:hover,
.activity .activity-list .activity-btn .activity-btn-next.activity-btn-prev:hover {
    border-color: #f0a025;
}

.activity .activity-list .activity-btn .activity-btn-prev.activity-btn-prev:hover img,
.activity .activity-list .activity-btn .activity-btn-next.activity-btn-prev:hover img {
    transform: translateX(-2rem);
    -webkit-transform: translateX(-2rem);
    -ms-transform: translateX(-2rem);
    -moz-transform: translateX(-2rem);
}

.activity .activity-list .activity-btn .activity-btn-prev.activity-btn-next:hover,
.activity .activity-list .activity-btn .activity-btn-next.activity-btn-next:hover {
    border-color: #f0a025;
}

.activity .activity-list .activity-btn .activity-btn-prev.activity-btn-next:hover img,
.activity .activity-list .activity-btn .activity-btn-next.activity-btn-next:hover img {
    transform: translateX(-2rem);
    -webkit-transform: translateX(-2rem);
    -ms-transform: translateX(-2rem);
    -moz-transform: translateX(-2rem);
}

.activity .activity-list dl {
    width: 18.5%;
    position: relative;
    z-index: 1;
}

.activity .activity-list dl:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #f0a025;
    z-index: 2;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.activity .activity-list dl dt {
    border-radius: 1.25rem;
  overflow: hidden;
  position: relative;
}

.activity .activity-list dl dt a img {
    width: 100%;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.activity .activity-list dl dt .video-wrap,.vr-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  z-index: 1;
  overflow: hidden;
}
.activity .activity-list dl dd {
    padding: 0.75rem 2rem 0.95rem 0;
    border-bottom: 1px solid #f4f2f1;
    position: relative;
    z-index: 1;
}

.activity .activity-list dl dd .activitya-video-btn {
    position: absolute;
    padding: 0.25rem;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    right: 0.9rem;
    top: -1.2rem;
    z-index: 1;
    cursor: pointer;
}

.activity .activity-list dl dd .activitya-video-btn span {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 1.75rem;
    height: 1.75rem;
    background: #f0a025;
    border-radius: 50%;
    overflow: hidden;
}

.activity .activity-list dl dd .activitya-video-btn img {
    width: 0.4rem;
    height: 0.45rem;
    display: block;
}

.activity .activity-list dl dd h3 {
    height: 2rem;
    line-height: 2rem;
    margin-bottom: 0.4rem;
}

.activity .activity-list dl dd h3 a {
    display: block;
    height: 2rem;
    font-size: 1rem;
    color: #322e30;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.activity .activity-list dl dd .desc {
    height: 3rem;
    line-height: 1.5rem;
    font-size: 0.8rem;
    color: #7c797a;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 1.25rem;
}

.activity .activity-list dl dd .date {
    height: 1.5rem;
    font-size: 0.7rem;
    color: rgba(39, 36, 38, 0.22);
}

.activity .activity-list dl:hover:after {
    width: 100%;
}

.activity .activity-list dl:hover dt a img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.activity .activity-list dl:hover dd h3 a {
    color: #f0a025;
}


/*友情链接*/

.link {
    max-width: 1920px;
    margin: 0 auto;
}

.link p {
    padding: 0.75rem 0;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    flex-wrap: wrap;
    height: 1.5rem;
    font-size: 0.7rem;
}

.link p em {
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    color: rgba(39, 35, 35, 0.5);
    margin-right: 0.9rem;
}

.link p a {
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    color: rgba(39, 35, 35, 0.5);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    margin-right: 2.5rem;
}

.link p a:last-of-type {
    margin-right: 0;
}

.link p a:hover {
    color: #f0a025;
}


/*动画*/

@keyframes warn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    5% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}


/*媒体查询*/

html {
    font-size: 12px;
    -webkit-text-size-adjust: none;
}

@media screen and (min-width: 1200px) {
    html {
        font-size: 12.5px;
    }
}

@media screen and (min-width: 1280px) {
    html {
        font-size: 13.33333px;
    }
}

@media screen and (min-width: 1366px) {
    html {
        font-size: 14.22916px;
    }
}

@media screen and (min-width: 1440px) {
    html {
        font-size: 15px;
    }
}

@media screen and (min-width: 1600px) {
    html {
        font-size: 16.66666px;
    }
}

@media screen and (min-width: 1760px) {
    html {
        font-size: 18.33px;
    }
}

@media screen and (min-width: 1800px) {
    html {
        font-size: 18.75px;
    }
}

@media screen and (min-width: 1920px) {
    html {
        font-size: 20px;
    }
}