/** 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 'PingFangjt','Microsoft Yahei',tahoma, Srial, helvetica, sans-serif;}
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:#333;}
a:hover{text-decoration: none;
		color:#355387;
		-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;}

.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: 22px;}
	.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;}
}

/* PingFangjt */
/*@font-face {*/
/*  font-family: "PingFangjt";*/
/*  src: url("../fonts/PingFangjt.ttf") format("truetype");*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*}*/

.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;
  }
}