/** reset **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0; }
body,button, input, select, textarea{font: 14px/1.5 PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif; color: #2B313F;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
em{font-style:normal;}
ul, ol{list-style: none;}
*{box-sizing: border-box;}
a{text-decoration: none;color:#2B313F;}
a:hover{text-decoration: none;
		color:#025EAC;
		-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
}
img{border:0px;  outline-width:0px;  vertical-align:top;}
.w1360 { width:1360px; margin:0 auto;}
p {text-align: justify;}

.mb {display: none;}
.fnt50 {font-size: 50px;}
.fnt40 {font-size: 40px;}
.fnt32 {font-size: 32px;}
.fnt30 {font-size: 30px;}
.fnt24 {font-size: 24px;}
.fnt22 {font-size: 22px;}
.fnt20 {font-size: 20px;}
.fnt18 {font-size: 18px;}
.fnt16 {font-size: 16px;}
@media screen and (max-width:1600px) {
  .w1360 { width: 82%;}
	.fnt50 {font-size: 42px;}
	.fnt40 {font-size: 38px;}
  .fnt32 {font-size: 30px;}
	.fnt30 {font-size: 28px;}
}
@media screen and (max-width:1440px) {
  .w1360 { width: 80%;}
	.fnt50 {font-size: 40px;}
	.fnt40 {font-size: 32px;}
  .fnt32 {font-size: 28px;}
	.fnt30 {font-size: 26px;}
  .fnt24 {font-size: 20px;}
	.fnt22 {font-size: 20px;}
	.fnt20 {font-size: 18px;}
	.fnt16 {font-size: 16px;}
	
}
@media screen and (max-width:1280px) {
	.w1360 { width: 82%;}
	.fnt50 {font-size: 38px;}
	.fnt40 {font-size: 30px;}
  .fnt32 {font-size: 24px;}
	.fnt30 {font-size: 22px;}
  .fnt24 {font-size: 20px;}
	.fnt22 {font-size: 18px;}
	.fnt20 {font-size: 16px;}
  .fnt18 {font-size: 16px;}
	.fnt16 {font-size: 14px;}
}
@media screen and (max-width:1024px) {
	.w1360 { width: calc(100% - 40px); margin: 0 20px;}
	.fnt50 {font-size: 32px;}
	.fnt40 {font-size: 26px;}
  .fnt32 {font-size: 22px;}
	.fnt30 {font-size: 20px;}
  .fnt24 {font-size: 18px;}
  .pc {display: none;}
  .mb {display: block;}
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-pack-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-pack-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: pace-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-wrap {
  flex-flow: wrap
}

.flex-column {
  flex-flow: column
}
/* 视频弹窗 */
#videoPopup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;

  .video-box {
    width: 1360px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }

  .video-box video {
    width: 100%;
  }

  .close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

    span {
      display: block;
      color: #fff;
    }
  }
}
@media screen and (max-width:1440px) {
  #videoPopup .video-box {
    width: 80%;
  }
}

@media screen and (max-width:1024px) {
  #videoPopup .video-box {
    width: 80%;
  }

  #videoPopup .close {
    width: 26px;
    height: 26px;
  }
}

@media screen and (max-width:768px) {
  #videoPopup .video-box {
    width: calc(100% - 40px);
    position: absolute;
  }
}

/* 默认按钮 */
.btn-normal {
  display: inline-block; padding: 10px 20px;  border: 2px solid #025EAC; border-radius: 5px; line-height: 20px;
  color: #000; transition: all 1s; font-size: 16px;
}
.btn-normal:hover {
  background: #025EAC; color: #fff;
}

.btn-arrow {
  color: #025EAC; display: inline-flex; align-items: center; gap: 10px;
}
.btn-arrow::after {
  content: ''; display: inline-block; width: 14px; height: 12px; background: url(../img/icon_go_arrow_blue.svg) no-repeat; flex-shrink: 0; transition: all .3s; 
}
.btn-arrow:hover::after {
  transform: translateX(20%);
}
.swiper-pagination { text-align: center;}
.swiper-pagination .swiper-pagination-bullet {
  width: 25px; height: 3px; opacity: 1; background: #C4D5E5; border-radius: 0; margin: 0 2.5px;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: #025EAC;
}

/*Plugin CSS*/
.str_wrap {
  overflow: hidden;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  /* background:#f6f6f6; */
  white-space: nowrap;
}
.str_wrap.str_active {
  /* background:#f1f1f1; */
}
.str_move {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
}
.str_move_clone {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 100%;
  top: 0;
}
.str_vertical .str_move_clone {
  left: 0;
  top: 100%;
}
.str_down .str_move_clone {
  left: 0;
  bottom: 100%;
}
.str_vertical .str_move,
.str_down .str_move {
  white-space: normal;
  width: 100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move {
  cursor: inherit;
}
.str_wrap img {
  max-width: none !important;
}

@media screen and (max-width:1200px ){
  .btn-normal {
    padding: 6px 12px;
  }
}