@charset "UTF-8";

.hoverable_txt {
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
  background-image: linear-gradient(to right, #fff, #fff);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 0 1px;
  -webkit-transition: background-size 0.35s;
  transition: background-size 0.35s;
}
@media screen and (orientation: landscape) {
  .hoverable:hover .hoverable_txt {
    background-position: left bottom;
    background-size: 100% 1px;
  }
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
li,
ol,
p,
ul {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style-type: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
html {
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: auto;
  margin: auto;
  font-size: 100px;
  overflow-x: hidden;
}
body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family:"思源黑体";
  font-size: 16px;
  width: 100%;
  background: #fff;
  color: #333;
  line-height: 1.5;
  min-height: 100vh;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
a {text-decoration: none;outline: none;}
a:hover {text-decoration: none;outline: none;}

.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.left {float: left;}
.right {float: right;}
.center {margin-left: auto;margin-right: auto;}
.inleft {text-align: left;}
.inright {text-align: right;}
.incenter {text-align: center;}

.circle {border-radius: 50%;}
.flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex_item {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.row {width: 87.5%;max-width: 1600px;margin: 0 auto;}
.mg0 {margin: 0 auto;}
.lump {display: block;}
.hidden {overflow: hidden;}
.grid {display: grid;}
.f-48 {font-size: 48px;}
.f-34 {font-size: 34px;}
.f-28 {font-size: 28px;}
.f-26 {font-size: 26px;}
.f-24 {font-size: 24px;}
.f-22 {font-size: 22px;}
.f-20 {font-size: 20px;}
.f-18 {font-size: 18px;}
.f-16 {font-size: 16px;}
.f-14 {font-size: 14px;}
.f-12 {font-size: 12px;}
@media screen and (max-width: 1760px) {
  html {font-size: 91.67px;}
}
@media screen and (max-width: 1600px) {
  html {font-size: 83.33px;}
  body {font-size: 15px;}
  .f-48 {font-size: 44px;}
  .f-34 {font-size: 30px;}
  .f-26 {font-size: 22px;}
  .f-24 {font-size: 20px;}
  .f-22 {font-size: 18px;}
  .f-20 {font-size: 18px;}
  .f-18 {font-size: 18px;}
  .f-16 {font-size: 15px;}
  .f-14 {font-size: 14px;}
  .f-12 {font-size: 12px;}
}
@media screen and (max-width: 1440px) {
  html {font-size: 75px;}
  body {font-size: 14px;}
  .f-48 {font-size: 42px;}
  .f-34 {font-size: 28px;}
  .f-26 {font-size: 20px;}
  .f-24 {font-size: 18px;}
  .f-22 {font-size: 18px;}
  .f-20 {font-size: 16px;}
  .f-18 {font-size: 15px;}
  .f-16 {font-size: 14px;}
  .f-14 {font-size: 13px;}
  .f-12 {font-size: 12px;}
}
@media screen and (max-width: 1280px) {
  html {font-size: 65px;}
  body {font-size: 13px;}
  .f-48 {font-size: 42px;}
  .f_34 {font-size: 29px;}
  .f-26 {font-size: 18px;}
  .f-24 {font-size: 16px;}
  .f-22 {font-size: 16px;}
  .f-20 {font-size: 14px;}
  .f-18 {font-size: 13px;}
  .f-16 {font-size: 13px;}
  .f-14 {font-size: 12px;}
  .f-12 {font-size: 12px;}
}
@media screen and (max-width: 768px) {
  html {font-size: 50px;}
  body {font-size: 14px;}
  .f-48 {font-size: 42px;}
  .f-34 {font-size: 28px;}
  .f-26 {font-size: 18px;}
  .f-24 {font-size: 18px;}
  .f-22 {font-size: 16px;}
  .f-20 {font-size: 15px;}
  .f-18 {font-size: 14px;}
  .f-16 {font-size: 14px;}
  .f-14 {font-size: 12px;}
  .f-12 {font-size: 12px;}
}
 


.v1 .banner {width: 100%;height: 100vh;overflow: hidden;position: relative;background: #000;}
.v1 .banner:before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0; z-index:2;}
.v1 .banner video{width: 100%; z-index:1;}




.v2 {position: relative;padding: 1.1rem 0; background:url(v2.jpg) no-repeat;}
.v2 .group {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.v2 .group .info .top .h6 {font-weight: 600;}
.v2 .group .info .top .h3 {font-size: 0.32rem;font-weight: 600;margin-top: 0.15rem;}
.v2 .group .info .top .h3 span {font-weight: lighter;color: #0045A8;}
.v2 .group .info .tit {margin-top: 0.8rem;}
.v2 .group .info .tit .h5 span {color: #0045A8;}
.v2 .group .info .tit .h4 {font-size: 0.28rem;font-weight: 600;line-height: 1.8;}
.v2 .group .info .txt {color: #666;line-height: 1.8;margin-top: 0.3rem;}
.v2 .group .info .btn {-webkit-column-gap: 0.6rem;-moz-column-gap: 0.6rem;column-gap: 0.6rem;margin-top: 1.25rem;}
.v2 .group .series {-ms-flex-negative: 0;flex-shrink: 0;width:55%;position: relative;}
.v2 .group .series .mask {position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;z-index: 3;display: none;}
.v2 .group .series .pic {width: 100%;padding-bottom: 57.14285714%;position: relative;z-index: 2;}
.v2 .group .series .pic img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;}
.v2 .group .series .enBg {position: absolute;inset: 0;z-index: 1;display: none;}
.v2 .group .series {position: relative;}
.v2 .group .series .en_bg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.v2 .group .series .en_bg img {width: 100%;height: 100%;}




.v4 {padding-top: 0.8rem;padding-bottom: 0.7rem;position: relative; background:url(v4.jpg) no-repeat;}
.v4 .group {grid-template-columns: repeat(5, minmax(0, 1fr));grid-gap: 0.45rem;margin-top: 0.7rem;}
.v4 .group .item {position: relative;text-align: center;}
.v4 .group .item .txt {background-color: #fff;border-radius: 0.1rem;}
.v4 .group .item .txt .pic {position: relative;width: 100%; overflow: hidden;background: #e5e5e5;border-top-left-radius: 0.1rem;border-top-right-radius: 0.1rem;z-index: 1;}
.v4 .group .item .txt .pic img{ width: 100%;z-index: 1; }
.v4 .group .item .txt .text {padding: 0.25rem 0;}
.v4 .group .item .txt .text .tit {color: #333;}

.v4 .group a:before{content:"";display:none;width:100%;height:100%;background:rgba(0, 75, 183, 0.175);position:absolute;top:0left:0;z-index: 3;}
.v4 .group a:hover:before {display:block;}


.v4 .btn {margin-top: 0.7rem;}

.v5 {padding-top: 0.3rem;padding-bottom: 0.8rem;overflow: hidden;}
.v5 .enbg {height: 1.07rem;}
.v5 .enbg img {height: 100%;}
.v5 .group {grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: 0 0.96rem;margin-top: 0.4rem;}
.v5 .group .item .tit {padding-left: 0.4rem;}
.v5 .group .item .tit a {font-size: 0.32rem;font-weight: 600;color: #333;}
.v5 .group .item .topping {position: relative;margin-top: 0.3rem;border-radius: 0.1rem;overflow: hidden;box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.075);}

.v5 .group .item .topping::after{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 66.71%, rgba(0, 0, 0, 0.63) 100%);}
.v5 .group .item .topping .pic {width: 100%;position: relative;background-color: #e5e5e5;-webkit-transition: -webkit-transform 0.6s;transition: -webkit-transform 0.6s;
  transition: transform 0.6s;transition: transform 0.6s, -webkit-transform 0.6s;}
.v5 .group .item .topping .info {position: absolute;bottom: 0;left: 0;right: 0;padding: 0.4rem;color: #fff;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;z-index: 7;}
.v5 .group .item .topping .info .text .name {font-weight: 600;}
.v5 .group .item .topping .info .text .txt {font-weight: lighter;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 0.12rem;}
.v5 .list {margin-top: 0.75rem;}
.v5 .list div {-webkit-column-gap: 0.42rem;-moz-column-gap: 0.42rem;column-gap: 0.42rem;}

 
.v5 .list div .item {white-space: nowrap;width: auto;padding: 24px 31px;border-radius: 0.1rem;background-color: #F8F8F8;color: #333;-webkit-transition: color 0.35s;transition: color 0.35s;}

.v5 .v5_swiper {position: relative; margin-top:90px;}
.v5 .swiper-container .swiper-wrapper .swiper-slide {padding: 24px 31px;background: #F8F8F8;color: #333;}
.v5 .swiper-container .swiper-wrapper .swiper-slide a{ font-size:18px;color: #333;}




 
 

.v6 {padding-top: 1rem;padding-bottom: 0.6rem;position: relative; background:url(v6.png) bottom no-repeat;}
.v6 .mbg img {-o-object-position: top;object-position: top;}
.v6 .group {position: relative;z-index: 5;margin-bottom: 50px;grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: 0 1.5rem;}
.v6 .group .history .top {font-size: 0.8rem;font-weight: lighter;color: #0045A8;line-height: 1.2;}
.v6 .group .history .top span {font-weight: 600;}
.v6 .group .history .list {margin-top: 0.4rem;position: relative;}
.v6 .group .history .list .item {-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: absolute;top: 0;left: 0;pointer-events: none;}
.v6 .group .history .list .item .year {padding-right: 0.2rem;font-weight: 600;}
.v6 .group .history .list .item .text {padding-left: 0.25rem;position: relative;}
.v6 .group .history .list .item .text::before {content: "";position: absolute;left: 0;top: 50%;width: 1px;background-color: #999;-webkit-transform: translateY(-50%) rotate(-15deg);
	transform: translateY(-50%) rotate(-15deg);height: 0.22rem;}
.v6 .group .history .list .item .text p {margin-top: 5px;}
.v6 .group .history .list .item .text p:first-of-type {margin-top: 0;}
.v6 .group .info .mtit .crude {margin-top: 0;}
.v6 .group .info .text {color: #888;line-height: 1.8;margin-top: 0.4rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;max-height: 3.6em;}
.v6 .group .info .btn {margin-top: 0.45rem;}
.v6 .view {margin-top: -1rem;pointer-events: none;width: 100%;padding-bottom: 26.38164755%;position: relative;}
.v6 .view .lines {position: absolute;left: 10.9896vw !important;top: 1.1458vw !important;width: 82.8646vw;height: 16.5104vw;inset: 0;z-index: 2;}
.v6 .view .lines .odd {opacity: 0.51;pointer-events: auto;cursor: pointer;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.v6 .view .lines .odd circle {-webkit-transition: fill-opacity 0.35s, fill 0.35s;transition: fill-opacity 0.35s, fill 0.35s;}
.v6 .view .lines .odd .cr1 {fill: #B3B3B3;fill-opacity: 0.31;}
.v6 .view .lines .odd .cr2 {fill: #7D7D7D;}
.v6 .view .lines .odd.active {opacity: 1;}
.v6 .view .lines .odd.active circle {fill: #0045A8;}
.v6 .view .lines .odd.active circle.cr1 {fill-opacity: 0.22;}
.v6 .v6Swr {margin-top: -0.2rem;}
.v6 .v6Swr .item {width: 100%;height: 0.84rem;position: relative;}
.v6 .v6Swr .item img {-o-object-fit: contain;object-fit: contain;}
@media screen and (orientation: landscape) {
	.v1 .banner .bannerNav span:hover::before {opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);}
	.v3 .v3Swr .item:hover {color: #0045A8;}
	.v3 .v3Swr .item:hover .hoverable_txt {background-size: 100% 4px;}
	.v4 .group .item:hover .front {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  }
	.v4 .group .item:hover .back {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);}
	.v5 .group .item .topping:hover .pic {-webkit-transform: scale(1.1);transform: scale(1.1);}
	.v5 .list div .item:hover {color: #0045A8;}
	.v6 .view .lines .odd:hover {opacity: 1;}
	.v6 .view .lines .odd:hover circle {fill: #0045A8;}
	.v6 .view .lines .odd:hover circle.cr1 {fill-opacity: 0.22;}
}
@media screen and (orientation: portrait) {
	.v1 .banner {height: 70vw;}
	.v1 .banner .bannerNav {padding: 0.18rem 0.4rem;}
	.v1 .banner .bannerNav span {width: 0.2rem;height: 0.2rem;margin-left: 0.3rem;}
	.v2 .group {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.v2 .group .series {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;width: 100%;}
	.v2 .group .info {margin-top: 0.6rem;}
	.v2 .group .info .top .h3 {font-size: 22px;}
	.v2 .group .info .tit .h4 {font-size: 20px;}
	.v3 .v3Box .v3Swr .swiper-slide {width: auto;}
	.v3 .v3Box .v3Swr .swiper-slide .item {white-space: nowrap;}
	.v3 .v3Box .group {grid-template-columns: repeat(3, minmax(0, 1fr));}
	.v4 .group {grid-template-columns: 1fr;grid-gap: 0.6rem 0;}
	.v4 .group .item {-webkit-perspective: none;perspective: none;}
	.v4 .group .item .front .text {-webkit-transform: none;transform: none;padding: 0.4rem 0.35rem 0.45rem 0.35rem;}
	.v4 .group .item .front .text .tit {font-size: 20px;}
	.v5 .group {grid-template-columns: 1fr;grid-gap: 0.7rem 0;}
	.v5 .group .item .tit {padding-left: 0;}
	.v5 .group .item .tit a {font-size: 0.44rem;}
	.v5 .group .item .topping .info .text .txt {font-size: 16px;}
	.v6 .group {grid-template-columns: 1fr;}
}



.mbg {position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: -1;}
.mtit {font-size: 0.32rem;}
.mtit .fine span {color: #0045A8;}
.mtit .crude {font-weight: 600;margin-top: 0.12rem;}
.mbtn1 {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.mbtn1 span {margin-right: 0.25rem;color: #333;font-weight: 600;background-image: -webkit-gradient(linear, left top, right top, from(#333), to(#333));background-image: linear-gradient(to right, #333, #333);}
.mbtn1 .mbtn1_icon {width: 0.46rem;height: 0.46rem;position: relative;z-index: 2;overflow: hidden;background-color: #fff;border-radius: 50%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
  -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.075);box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.075);-webkit-transition: background-color 0.35s;transition: background-color 0.35s;}
.mbtn1 .mbtn1_icon::before {content: "";position: absolute;inset: 0;z-index: -1;background-color: #0045A8;border-radius: 50%;-webkit-transform: scale(0);transform: scale(0);opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: transform 0.35s, opacity 0.35s;transition: transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;}
.mbtn1 .mbtn1_icon > div {width: 200%;height: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: -webkit-transform 0.35s;transition: -webkit-transform 0.35s;
  transition: transform 0.35s;transition: transform 0.35s, -webkit-transform 0.35s;}
.mbtn1 .mbtn1_icon > div img {height: 100%;width: 50%;-o-object-fit: contain;object-fit: contain;}

.mbtn2 {border-radius: 0.6rem;height: 0.6rem;width: 2.2rem;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
	border: 1px solid #0045A8;-webkit-transition: background-color 0.35s;transition: background-color 0.35s;}
.mbtn2 > div {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;line-height: 1.4;height: 1.4em;font-weight: 600;overflow: hidden;}
.mbtn2 > div span {-webkit-transition: -webkit-transform 0.35s;transition: -webkit-transform 0.35s;transition: transform 0.35s;transition: transform 0.35s, -webkit-transform 0.35s;}
.mbtn2 > div span:first-of-type {color: #333;}
.mbtn2 > div span:last-of-type {color: #fff;}
@media screen and (orientation: landscape) {
  .mbtn1_hover:hover .mbtn1_icon {background-color: transparent;}
  .mbtn1_hover:hover .mbtn1_icon::before {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
  .mbtn1_hover:hover .mbtn1_icon > div {-webkit-transform: translateX(0%);transform: translateX(0%);}
  .mbtn2:hover {background-color: #0045A8;}
  .mbtn2:hover > div span {-webkit-transform: translateY(-100%);transform: translateY(-100%);}
}
@media screen and (orientation: portrait) {
  .mbtn1 .mbtn1_icon {width: 36px;height: 36px;}
}