/* 字体引入 */
/* 中文 */
 
 
@font-face {
  font-family: 'ff400';
  src: url('../font/SourceHanSansCN-Regular.ttf');
}
 
  
/* 初始化默认字体 */
html,
body {
  position: relative;
  font-family: 'ff400',"PingFang SC", Helvetica, "Microsoft YaHei", arial, sans-serif;
  font-size: 14px;
  color: rgb(6, 22, 31);
  min-width: 1300px;
  overflow-x: hidden;
}

input,
textarea {
 resize:none
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
 -webkit-appearance:none
}
.flex {
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex
}
.f_direction_column {
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;
 -webkit-flex-direction:column;
 flex-direction:column
}
.f_direction_row {
 -webkit-flex-direction:row;
 -moz-flex-direction:row;
 -ms-flex-direction:row;
 -o-flex-direction:row;
 flex-direction:row
}
.f_direction_row_reverse {
 -webkit-flex-direction:row-reverse;
 -moz-flex-direction:row-reverse;
 -ms-flex-direction:row-reverse;
 -o-flex-direction:row-reverse;
 flex-direction:row-reverse
}
.f_column {
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;
 -webkit-flex-direction:column;
 flex-direction:column
}
.f_column_right {
 -webkit-box-orient:vertical;
 -ms-flex-direction:column-reverse;
 -webkit-flex-direction:column-reverse;
 flex-direction:column-reverse
}
.f_row {
 -webkit-flex-direction:row;
 -moz-flex-direction:row;
 -ms-flex-direction:row;
 -o-flex-direction:row;
 flex-direction:row
}
.f_row_right {
 -webkit-flex-direction:row-reverse;
 -moz-flex-direction:row-reverse;
 -ms-flex-direction:row-reverse;
 -o-flex-direction:row-reverse;
 flex-direction:row-reverse
}
.j_center {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center
}
.j_end {
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 -webkit-justify-content:flex-end;
 justify-content:flex-end
}
.j_start {
 -webkit-box-pack:start;
 -ms-flex-pack:start;
 -webkit-justify-content:flex-start;
 justify-content:flex-start
}
.j_justify {
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 -webkit-justify-content:space-between;
 justify-content:space-between
}
.j_around {
 -moz-justify-content:space-around;
 -webkit-justify-content:space-around;
 justify-content:space-around
}
.a_start {
 -webkit-box-align:start;
 -ms-flex-align:start;
 -webkit-align-items:flex-start;
 align-items:flex-start
}
.a_end {
 -webkit-box-align:end;
 -ms-flex-align:end;
 -webkit-align-items:flex-end;
 align-items:flex-end
}
.a_center {
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center
}
.a_baseline {
 -webkit-box-align:baseline;
 -ms-flex-align:baseline;
 -webkit-align-items:baseline;
 align-items:baseline
}
.a_stretch {
 -webkit-box-align:stretch;
 -ms-flex-align:stretch;
 -webkit-align-items:stretch;
 align-items:stretch
}
.dh {
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 transition:all .3s linear
}
.flex_wrap {
 flex-wrap:wrap;
 -ms-flex-wrap:wrap
}
.letterBig {
 text-transform:uppercase
}
.pb {
 width:100%;
 height:0;
 padding-bottom:100%;
 position:relative
}
.ab {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 font-size:0;
 text-align:center
}
.abImg {
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%, -50%);
 -ms-transform:translate(-50%, -50%);
 -moz-transform:translate(-50%, -50%)
}
.xzx {
 transform:rotateX(180deg);
 -ms-transform:rotateX(180deg);
 -moz-transform:rotateX(180deg);
 -webkit-transform:rotateX(180deg);
 -o-transform:rotateX(180deg)
}
.xzy {
 transform:rotateY(180deg);
 -ms-transform:rotateY(180deg);
 -moz-transform:rotateY(180deg);
 -webkit-transform:rotateY(180deg);
 -o-transform:rotateY(180deg)
}
.w1800 {
 width:100%;
 max-width:1920px;
 margin:0 auto;
 padding:0 60px
}
.w1680 {
 width:100%;
 max-width:1680px;
 margin:0 auto
}
.w1600 {
 width:100%;
 max-width:1600px;
 margin:0 auto
}
.w1560 {
 width:100%;
 max-width:1560px;
 margin:0 auto
}
.w1440 {
 width:100%;
 max-width:1440px;
 margin:0 auto
}
.w1400,
.wrap {
 width:100%;
 max-width:1400px;
 margin:0 auto
}
.w1350,
.wrap {
 width:100%;
 max-width:1350px;
 margin:0 auto
}
.w1280 {
 width:100%;
 max-width:1280px;
 margin:0 auto
}
.w1200 {
 width:100%;
 max-width:1200px;
 margin:0 auto
}
.font300 {
 font-size:300px
}
@media (max-width:1600px) {
 .font300 {
  font-size:280px
 }
}
@media (max-width:1560px) {
 .font300 {
  font-size:260px
 }
}
@media (max-width:1470px) {
 .font300 {
  font-size:240px
 }
}
@media (max-width:1366px) {
 .font300 {
  font-size:220px
 }
}
@media (max-width:1200px) {
 .font300 {
  font-size:200px
 }
}
@media (max-width:1024px) {
 .font300 {
  font-size:180px
 }
}
@media (max-width:768px) {
 .font300 {
  font-size:160px
 }
}
@media (max-width:480px) {
 .font300 {
  font-size:140px
 }
}
@media (max-width:360px) {
 .font300 {
  font-size:120px
 }
}
.font150 {
 font-size:150px
}
@media (max-width:1600px) {
 .font150 {
  font-size:140px
 }
}
@media (max-width:1560px) {
 .font150 {
  font-size:130px
 }
}
@media (max-width:1470px) {
 .font150 {
  font-size:120px
 }
}
@media (max-width:1366px) {
 .font150 {
  font-size:110px
 }
}
@media (max-width:1200px) {
 .font150 {
  font-size:100px
 }
}
@media (max-width:1024px) {
 .font150 {
  font-size:90px
 }
}
@media (max-width:768px) {
 .font150 {
  font-size:64px
 }
}
@media (max-width:480px) {
 .font150 {
  font-size:50px
 }
}
@media (max-width:360px) {
 .font150 {
  font-size:40px
 }
}
.font140 {
 font-size:140px
}
@media (max-width:1600px) {
 .font140 {
  font-size:130px
 }
}
@media (max-width:1560px) {
 .font140 {
  font-size:120px
 }
}
@media (max-width:1470px) {
 .font140 {
  font-size:110px
 }
}
@media (max-width:1366px) {
 .font140 {
  font-size:100px
 }
}
@media (max-width:1200px) {
 .font140 {
  font-size:90px
 }
}
@media (max-width:1024px) {
 .font140 {
  font-size:80px
 }
}
@media (max-width:768px) {
 .font140 {
  font-size:54px
 }
}
@media (max-width:480px) {
 .font140 {
  font-size:40px
 }
}
@media (max-width:360px) {
 .font140 {
  font-size:30px
 }
}
.font80 {
 font-size:80px
}
@media (max-width:1600px) {
 .font80 {
  font-size:62px
 }
}
@media (max-width:1470px) {
 .font80 {
  font-size:52px
 }
}
@media (max-width:1024px) {
 .font80 {
  font-size:42px
 }
}
@media (max-width:768px) {
 .font80 {
  font-size:32px
 }
}
.font72 {
 font-size:72px
}
@media (max-width:1600px) {
 .font72 {
  font-size:62px
 }
}
@media (max-width:1470px) {
 .font72 {
  font-size:52px
 }
}
@media (max-width:1024px) {
 .font72 {
  font-size:42px
 }
}
@media (max-width:768px) {
 .font72 {
  font-size:32px
 }
}
.font60 {
 font-size:60px
}
@media (max-width:1600px) {
 .font60 {
  font-size:40px
 }
}
@media (max-width:1470px) {
 .font60 {
  font-size:38px
 }
}
@media (max-width:1024px) {
 .font60 {
  font-size:36px
 }
}
@media (max-width:768px) {
 .font60 {
  font-size:28px
 }
}
.font50 {
 font-size:50px
}
@media (max-width:1600px) {
 .font50 {
  font-size:46px
 }
}
@media (max-width:1470px) {
 .font50 {
  font-size:39px
 }
}
@media (max-width:1024px) {
 .font50 {
  font-size:33px
 }
}
@media (max-width:768px) {
 .font50 {
  font-size:27px
 }
}
.font48 {
 font-size:48px
}
@media (max-width:1600px) {
 .font48 {
  font-size:40px
 }
}
@media (max-width:1470px) {
 .font48 {
  font-size:39px
 }
}
@media (max-width:1024px) {
 .font48 {
  font-size:33px
 }
}
@media (max-width:768px) {
 .font48 {
  font-size:25px
 }
}
.font46 {
 font-size:46px
}
@media (max-width:1600px) {
 .font46 {
  font-size:43px
 }
}
@media (max-width:1470px) {
 .font46 {
  font-size:36px
 }
}
@media (max-width:1024px) {
 .font46 {
  font-size:30px
 }
}
@media (max-width:768px) {
 .font46 {
  font-size:27px
 }
}
.font44 {
 font-size:44px
}
@media (max-width:1600px) {
 .font44 {
  font-size:42px
 }
}
@media (max-width:1470px) {
 .font44 {
  font-size:38px
 }
}
@media (max-width:1024px) {
 .font44 {
  font-size:32px
 }
}
@media (max-width:768px) {
 .font44 {
  font-size:26px
 }
}
.font42 {
 font-size:42px
}
@media (max-width:1600px) {
 .font42 {
  font-size:40px
 }
}
@media (max-width:1470px) {
 .font42 {
  font-size:36px
 }
}
@media (max-width:1024px) {
 .font42 {
  font-size:30px
 }
}
@media (max-width:768px) {
 .font42 {
  font-size:24px
 }
}
.font40 {
 font-size:40px
}
@media (max-width:1600px) {
 .font40 {
  font-size:38px
 }
}
@media (max-width:1470px) {
 .font40 {
  font-size:33px
 }
}
@media (max-width:1024px) {
 .font40 {
  font-size:29px
 }
}
@media (max-width:768px) {
 .font40 {
  font-size:24px
 }
}
.font36 {
 font-size:36px
}
@media (max-width:1600px) {
 .font36 {
  font-size:32px
 }
}
@media (max-width:1470px) {
 .font36 {
  font-size:28px
 }
}
@media (max-width:1024px) {
 .font36 {
  font-size:24px
 }
}
@media (max-width:768px) {
 .font36 {
  font-size:20px
 }
}
.font32 {
 font-size:32px
}
@media (max-width:1600px) {
 .font32 {
  font-size:24px
 }
}
@media (max-width:1470px) {
 .font32 {
  font-size:24px
 }
}
@media (max-width:1024px) {
 .font32 {
  font-size:22px
 }
}
@media (max-width:768px) {
 .font32 {
  font-size:20px
 }
}
.font30 {
 font-size:30px
}
@media (max-width:1600px) {
 .font30 {
  font-size:26px
 }
}
@media (max-width:1470px) {
 .font30 {
  font-size:22px
 }
}
@media (max-width:1024px) {
 .font30 {
  font-size:20px
 }
}
@media (max-width:768px) {
 .font30 {
  font-size:18px
 }
}
.font28 {
 font-size:28px
}
@media (max-width:1600px) {
 .font28 {
  font-size:24px
 }
}
@media (max-width:1470px) {
 .font28 {
  font-size:20px
 }
}
@media (max-width:1024px) {
 .font28 {
  font-size:18px
 }
}
@media (max-width:768px) {
 .font28 {
  font-size:16px
 }
}
.font26 {
 font-size:26px
}
@media (max-width:1600px) {
 .font26 {
  font-size:23px
 }
}
@media (max-width:1470px) {
 .font26 {
  font-size:21px
 }
}
@media (max-width:1024px) {
 .font26 {
  font-size:19px
 }
}
@media (max-width:768px) {
 .font26 {
  font-size:16px
 }
}
.font24 {
 font-size:24px
}
@media (max-width:1600px) {
 .font24 {
  font-size:18px
 }
}
@media (max-width:1470px) {
 .font24 {
  font-size:16px
 }
}
@media (max-width:1024px) {
 .font24 {
  font-size:15px
 }
}
@media (max-width:768px) {
 .font24 {
  font-size:14px
 }
}
.font22 {
 font-size:22px
}
@media (max-width:1600px) {
 .font22 {
  font-size:18px
 }
}
@media (max-width:1470px) {
 .font22 {
  font-size:16px
 }
}
@media (max-width:1024px) {
 .font22 {
  font-size:14px
 }
}
@media (max-width:768px) {
 .font22 {
  font-size:12px
 }
}
.font20 {
 font-size:20px
}
@media (max-width:1600px) {
 .font20 {
  font-size:15px
 }
}
@media (max-width:1470px) {
 .font20 {
  font-size:14px
 }
}
@media (max-width:1024px) {
 .font20 {
  font-size:12px
 }
}
.font18 {
 font-size:18px
}
@media (max-width:1600px) {
 .font18 {
  font-size:16px
 }
}
@media (max-width:1470px) {
 .font18 {
  font-size:13px
 }
}
@media (max-width:768px) {
 .font18 {
  font-size:12px
 }
}
.font16 {
 font-size:16px
}
@media (max-width:1600px) {
 .font16 {
  font-size:14px
 }
}
@media (max-width:768px) {
 .font16 {
  font-size:12px
 }
}
.font14 {
 font-size:14px
}
@media (max-width:1470px) {
 .font14 {
  font-size:12px
 }
}
@media (max-width:768px) {
 .font14 {
  font-size:12px
 }
}
.font12 {
 font-size:12px
}
@media (max-width:1800px) {
 .w1680 {
  max-width:100%;
  padding:0 60px
 }
}
@media (max-width:1720px) {
 .w1600 {
  max-width:100%;
  padding:0 60px
 }
}
@media (max-width:1680px) {
 .w1560 {
  max-width:100%;
  padding:0 60px
 }
}
@media (max-width:1560px) {
 .w1440 {
  max-width:100%;
  padding:0 60px
 }
}
@media (max-width:1520px) {
 .w1400,
 .wrap {
  max-width:100%;
  padding:0 60px
 }
}
@media (max-width:1470px) {
 .w1350,
 .wrap {
  max-width:100%;
  padding:0 60px
 }
}
@media (max-width:1400px) {
 .w1280 {
  padding:0 60px
 }
}
@media (max-width:1320px) {
 .w1200 {
  max-width:100%;
  padding:0 60px
 }
}
@media (max-width:1024px) {
 .w1800,
 .w1680,
 .w1560,
 .w1400,
 .w1350,
 .wrap,
 .w1440,
 .w1600,
 .w1280,
 .w1200 {
  padding:0 30px
 }
}
@media (max-width:990px) {
 .w1800,
 .w1680,
 .w1560,
 .w1400,
 .w1350,
 .wrap,
 .w1440,
 .w1600,
 .w1280,
 .w1200 {
  padding:0 20px
 }
 .pc {
  display:none !important
 }
 .wap,
 .mobile {
  display:block !important
 }
}
.content {
 width:1260px;
 margin:0 auto
}
@media (max-width:1470px) {
 .content {
  width:1100px !important
 }
}
@media (max-width:1280px) {
 .content {
  width:auto !important;
  padding:0 40px;
  margin:0 auto
 }
}
@media (max-width:768px) {
 .content {
  padding:0 17.5px
 }
}
.pc {
 display:block
}
.wap,
.mobile {
 display:none
}
.radius_16 {
 border-radius:16px
}
@media (max-width:1600px) {
 .radius_16 {
  border-radius:14px
 }
}
@media (max-width:1366px) {
 .radius_16 {
  border-radius:12px
 }
}
@media (max-width:1024px) {
 .radius_16 {
  border-radius:10px
 }
}
@media (max-width:768px) {
 .radius_16 {
  border-radius:8px
 }
}
@keyframes run {
 0% {
  transform:rotate(0deg)
 }
 100% {
  transform:rotate(360deg)
 }
}
@keyframes run2 {
 0% {
  transform:rotate(0deg)
 }
 100% {
  transform:rotate(-360deg)
 }
}
@keyframes tran_run {
 0% {
  transform:translate(-50%, -50%) rotate(0deg)
 }
 100% {
  transform:translate(-50%, -50%) rotate(360deg)
 }
}
@keyframes tran_run2 {
 0% {
  transform:translate(-50%, -50%) rotate(0deg)
 }
 100% {
  transform:translate(-50%, -50%) rotate(-360deg)
 }
}
@keyframes tran_boost {
 0% {
  transform:scale(0);
  opacity:1
 }
 100% {
  transform:scale(1);
  opacity:.3
 }
}
.videotape {
 position:fixed;
 width:100%;
 height:100%;
 left:0;
 top:0;
 background:rgba(0,0,0,0.55);
 z-index:9998;
 display:none
}
.videotex {
 position:fixed;
 width:1400px;
 max-width:calc(100% - 100px);
 height:auto;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%);
 z-index:9999;
 display:none
}
.videotex video {
 width:100%;
 object-fit:fill
}
.videotex .close {
 width:40px;
 height:40px;
 border-radius:50%;
 background:#fff;
 position:absolute;
 right:-20px;
 top:-20px;
 z-index:9;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 font-size:30px;
 color:#0c327f;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 transition:all .3s linear
}
.videotex .close:hover {
 transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 -o-transform:rotate(180deg);
 background:#0c327f;
 color:#fff
}
.videotex .video {
 width:100%;
 height:0;
 padding-bottom:56.25%;
 position:relative
}
.videotex .video video,
.videotex .video iframe {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 font-size:0;
 text-align:center;
 object-fit:fill
}
@media (max-width:1440px) {
 .videotex {
  max-width:70%
 }
}
@media (max-width:768px) {
 .videotex {
  width:100%;
  max-width:100%
 }
 .videotex .close {
  right:0;
  top:-40px
 }
}
.selfForm .zs {
 font-size:12px;
 position:relative;
 padding-right:15px;
 cursor:pointer;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center
}
.selfForm .zs::before {
 position:absolute;
 content:"\e602";
 font-family:"iconfont";
 right:0;
 font-size:8px;
 transform:rotateX(180deg);
 -ms-transform:rotateX(180deg);
 -moz-transform:rotateX(180deg);
 -webkit-transform:rotateX(180deg);
 -o-transform:rotateX(180deg);
 color:#555555
}
.selfForm .xl {
 display:none
}
.header_nbsp {
 widows:100%;
 height:100px
}
@media (max-width:1366px) {
 .header_nbsp {
  height:80px
 }
}
@media (max-width:990px) {
 .header_nbsp {
  display:none
 }
}
.activeShow {
 transform:translateX(100%)
}
.m_header_box {
 width:100%;
 height:auto;
 display:none;
 position:fixed;
 top:0;
 left:0;
 z-index:999999;
 box-shadow:0 1px 0 #eee
}
.m_header_box .header_title {
 width:100%;
 height:60px;
 padding:0 20px;
 position:relative;
 background:#fff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 -webkit-justify-content:space-between;
 justify-content:space-between;
 overflow:hidden
}
.m_header_box .header_title .logo {
 width:auto;
 height:100%;
 overflow:hidden
}
.m_header_box .header_title .logo a {
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 width:100%;
 height:100%
}
.m_header_box .header_title .logo img {
 max-height:30px
}
.m_header_box .header_title .column {
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex
}
.m_header_box .header_title .menu_btn {
 width:30px;
 height:30px;
 position:relative;
 overflow:hidden;
 cursor:pointer
}
.m_header_box .header_title .menu_btn::after,
.m_header_box .header_title .menu_btn::before,
.m_header_box .header_title .menu_btn i {
 width:70%;
 height:2px;
 display:block;
 background:#000;
 position:absolute;
 top:50%;
 left:50%;
 margin:-1px 0 0 -35%;
 transform-origin:center;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 transition:all .3s linear
}
.m_header_box .header_title .menu_btn::before {
 content:'';
 margin-top:-8px
}
.m_header_box .header_title .menu_btn::after {
 content:'';
 margin-top:6px
}
.m_header_box .header_title .menu_btn.active i {
 opacity:0
}
.m_header_box .header_title .menu_btn.active::before {
 margin-top:-1px;
 transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 border-radius:5px;
 background:#0c327f
}
.m_header_box .header_title .menu_btn.active::after {
 margin-top:-1px;
 transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
 border-radius:5px;
 background:#0c327f
}
.m_header_box .header_title .head_btn {
 width:auto;
 height:30px;
 margin-right:20px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 transition:all .3s linear;
 cursor:pointer;
 overflow:hidden
}
.m_header_box .header_title .head_btn .icon {
 max-width:14px;
 height:14px;
 font-size:0;
 margin-right:5px;
 filter:invert(1);
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 transition:all .3s linear
}
.m_header_box .header_title .head_btn .link {
 line-height:1;
 font-size:12px;
 color:#000;
 margin-top:3px
}
.m_header_box .header_title .head_btn .link span {
 opacity:.6
}
.m_header_box .header_title .head_btn .link a {
 color:#000;
 opacity:.6;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 transition:all .3s linear
}
.m_header_box .header_title .head_btn .link a:hover {
 opacity:1
}
.m_header_box .header_title .head_btn:hover .icon {
 filter:invert(1)
}
.m_header_box .header_title .head_btn:hover .link {
 color:#000
}
.m_header_box .header_title .head_btn:hover .link a,
.m_header_box .header_title .head_btn:hover .link span {
 color:#000
}
.m_header_box .header_body {
 width:100%;
 height:calc(100vh - 60px);
 background:#f7f7f7;
 display:none;
 overflow:hidden
}
.m_header_box .header_body .menu_info {
 width:100%;
 height:100%;
 padding:0 0 20px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-orient:vertical;
 -ms-flex-direction:column;
 -webkit-flex-direction:column;
 flex-direction:column;
 overflow:hidden
}
.m_header_box .header_body .menu_nav {
 width:100%;
 height:auto;
 flex:1;
 padding:20px;
 overflow:hidden;
 overflow-y:auto
}
.m_header_box .header_body .menu_nav ul {
 margin:0;
 padding:0
}
.m_header_box .header_body .menu_nav ul li {
 width:100%;
 height:auto;
 border-bottom:1px solid rgba(0,0,0,0.03);
 overflow:hidden
}
.m_header_box .header_body .menu_nav ul li .one {
 width:100%;
 height:auto;
 position:relative;
 z-index:1;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 -webkit-justify-content:space-between;
 justify-content:space-between;
 overflow:hidden
}
.m_header_box .header_body .menu_nav ul li .one a {
 padding:15px 0;
 display:block;
 font-size:14px;
 color:#282f36;
 line-height:1;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 transition:all .3s linear;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 position:relative
}
.m_header_box .header_body .menu_nav ul li .one a .subtitle {
 font-size:14px;
 margin-right:10px
}
.m_header_box .header_body .menu_nav ul li .one a .title {
 font-size:14px
}
.m_header_box .header_body .menu_nav ul li .one .icon {
 width:20px;
 height:20px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 margin-top:-10px;
 position:absolute;
 right:0;
 top:50%;
 font-size:0;
 color:#282f36;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 transition:all .3s linear
}
.m_header_box .header_body .menu_nav ul li .one .icon i {
 font-size:8px
}
.m_header_box .header_body .menu_nav ul li .one.active a {
 color:#0c327f
}
.m_header_box .header_body .menu_nav ul li .one.active .icon {
 color:#0c327f
}
.m_header_box .header_body .menu_nav ul li .one.active.is_active .icon {
 transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 -moz-transform:rotate(90deg);
 -webkit-transform:rotate(90deg);
 -o-transform:rotate(90deg)
}
.m_header_box .header_body .menu_nav ul li ul {
 border-top:1px solid #0c327f;
 display:none
}
.m_header_box .header_body .menu_nav ul li ul li {
 border:0;
 margin:15px 0
}
.m_header_box .header_body .menu_nav ul li ul li a {
 font-size:13px;
 padding:0 0 0 20px;
 color:#333;
 position:relative
}
.m_header_box .header_body .menu_nav ul li ul li a .icon {
 width:16px;
 height:16px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 position:absolute;
 left:0;
 top:50%;
 margin-top:-8px;
 color:#333
}
.m_header_box .header_body .menu_nav ul li ul li a .icon i {
 font-size:8px
}
.m_header_box .header_body .menu_nav ul li ul li a.active {
 color:#0c327f
}
.m_header_box .header_body .menu_nav ul li ul li a.active .icon {
 color:#0c327f
}
.m_header_box .header_body .menu_nav ul li ul li ul {
 border:0;
 display:none
}
.m_header_box .header_body .menu_nav ul li ul li ul li a {
 padding:10px 0 10px 35px;
 font-size:12px;
 color:#999
}
.m_header_box .header_body .menu_nav ul li ul li ul li a:before {
 content:'';
 width:5px;
 height:1px;
 background:#999;
 position:absolute;
 top:50%;
 left:20px;
 margin-top:-1.5px;
 z-index:1
}
.m_header_box .header_body .menu_nav ul li ul li ul li a.active:before {
 background:#0c327f
}
.m_header_box .header_body .menu_form {
 width:100%;
 height:auto;
 margin-top:20px;
 padding:0 20px;
 overflow:hidden
}
.m_header_box .header_body .menu_form .center {
 width:100%;
 height:50px;
 background:#fff;
 overflow:hidden
}
.m_header_box .header_body .menu_form .center form {
 width:100%;
 height:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 overflow:hidden;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center
}
.m_header_box .header_body .menu_form .center form input {
 flex:1;
 height:100%;
 padding:0 15px;
 font-size:14px;
 color:#282f36;
 border:0
}
.m_header_box .header_body .menu_form .center form button {
 width:70px
}
.m_header_box .header_body .menu_form .center form button i {
 font-size:18px
}
.m_header_box .header_body .menu_lang {
 width:100%;
 height:auto;
 margin-top:40px;
 padding:0 20px;
 font-size:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 overflow:hidden
}
.m_header_box .header_body .menu_lang .one {
 width:auto;
 height:36px;
 margin-right:10px;
 overflow:hidden
}
.m_header_box .header_body .menu_lang .one a {
 width:100%;
 height:100%;
 padding:0 1em;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 background:#fff;
 border-radius:50px;
 font-size:12px;
 color:#282f36
}
.m_header_box .header_body .menu_lang .one a.active {
 background:#0c327f;
 color:#fff
}
@media (max-width:990px) {
 .m_header_box {
  display:block
 }
}
.m_header_nbsp {
 width:100%;
 height:60px;
 display:none;
 overflow:hidden
}
@media (max-width:990px) {
 .m_header_nbsp {
  display:block
 }
}
.idx_title .title {
 font-size:48px;
 color:#000;
 line-height:1;
 font-family:"Bahnschrift"
}
@media (max-width:1600px) {
 .idx_title .title {
  font-size:40px
 }
}
@media (max-width:1470px) {
 .idx_title .title {
  font-size:39px
 }
}
@media (max-width:1024px) {
 .idx_title .title {
  font-size:33px
 }
}
@media (max-width:768px) {
 .idx_title .title {
  font-size:25px
 }
}
.idx_title .subtitle {
 font-size:24px;
 color:#000;
 margin-top:min(3.38541667vw, 65px);
 margin-bottom:min(2.08333333vw, 40px)
}
@media (max-width:1600px) {
 .idx_title .subtitle {
  font-size:18px
 }
}
@media (max-width:1470px) {
 .idx_title .subtitle {
  font-size:16px
 }
}
@media (max-width:1024px) {
 .idx_title .subtitle {
  font-size:15px
 }
}
@media (max-width:768px) {
 .idx_title .subtitle {
  font-size:14px
 }
}
@media (max-width:1024px) {
 .idx_title .subtitle {
  margin-top:32.5px
 }
}
@media (max-width:1024px) {
 .idx_title .subtitle {
  margin-bottom:20px
 }
}
.idx_title .content {
 font-size:16px;
 line-height:1.875;
 color:#666666
}
@media (max-width:1600px) {
 .idx_title .content {
  font-size:14px
 }
}
@media (max-width:768px) {
 .idx_title .content {
  font-size:12px
 }
}
@media (max-width:768px) {
 .idx_title .subtitle {
  margin-top:20px !important;
  margin-bottom:10px !important
 }
}
.pushButton {
 width:160px;
 height:50px;
 border-radius:40px;
 border:1px solid #0c327f;
 font-size:14px;
 color:#0c327f
}
@media (max-width:1470px) {
 .pushButton {
  font-size:12px
 }
}
@media (max-width:768px) {
 .pushButton {
  font-size:12px
 }
}
.pushButton i {
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 margin-left:19px;
 font-size:22px
}
.pushButton a {
 font-size:14px
}
@media (max-width:1470px) {
 .pushButton a {
  font-size:12px
 }
}
@media (max-width:768px) {
 .pushButton a {
  font-size:12px
 }
}
@media (max-width:1150px) {
 .pushButton {
  width:145px;
  height:40px
 }
}
@media (max-width:990px) {
 .pushButton {
  width:125px !important;
  height:35px !important
 }
 .pushButton i {
  display:none
 }
}
.pageButton {
 width:160px;
 height:50px;
 border-radius:40px;
 border:1px solid #e5e5e5;
 font-size:16px;
 color:#000
}
@media (max-width:1600px) {
 .pageButton {
  font-size:14px
 }
}
@media (max-width:768px) {
 .pageButton {
  font-size:12px
 }
}
.pageButton i {
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 margin-left:19px;
 font-size:22px
}
.pageButton a {
 font-size:14px
}
@media (max-width:1470px) {
 .pageButton a {
  font-size:12px
 }
}
@media (max-width:768px) {
 .pageButton a {
  font-size:12px
 }
}
@media (max-width:1150px) {
 .pageButton {
  width:145px;
  height:40px
 }
}
@media (max-width:990px) {
 .pageButton {
  width:125px !important;
  height:35px !important
 }
 .pageButton i {
  display:none
 }
}
.pageButton2 {
 width:160px;
 height:50px;
 border-radius:40px;
 border:1px solid #1f3b21;
 font-size:16px;
 color:#1f3b21
}
@media (max-width:1600px) {
 .pageButton2 {
  font-size:14px
 }
}
@media (max-width:768px) {
 .pageButton2 {
  font-size:12px
 }
}
.pageButton2 i {
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 margin-left:19px;
 font-size:22px
}
.pageButton2 a {
 font-size:14px
}
@media (max-width:1470px) {
 .pageButton2 a {
  font-size:12px
 }
}
@media (max-width:768px) {
 .pageButton2 a {
  font-size:12px
 }
}
@media (max-width:1150px) {
 .pageButton2 {
  width:145px;
  height:40px
 }
}
@media (max-width:990px) {
 .pageButton2 {
  width:125px !important;
  height:35px !important
 }
 .pageButton2 i {
  display:none
 }
}
.allMeun {
 position:fixed;
 top:0;
 right:0;
 width:100%;
 padding:2% 5%;
 height:100%;
 z-index:9999999;
 background:#000a19;
 transition:all .8s;
 overflow:hidden
}
.allMeun ul {
 margin-left:10%
}
.allMeun ul a {
 color:white;
 font-size:48px;
 font-weight:900;
 margin:1% 0;
 display:block;
 transition:all .3s
}
@media (max-width:1600px) {
 .allMeun ul a {
  font-size:40px
 }
}
@media (max-width:1470px) {
 .allMeun ul a {
  font-size:39px
 }
}
@media (max-width:1024px) {
 .allMeun ul a {
  font-size:33px
 }
}
@media (max-width:768px) {
 .allMeun ul a {
  font-size:25px
 }
}
.allMeun ul a:hover {
 color:#e77f2a
}
@media (max-width:768px) {
 .allMeun ul a {
  font-size:30px
 }
}
@media (max-width:768px) and (max-width:1600px) {
 .allMeun ul a {
  font-size:26px
 }
}
@media (max-width:768px) and (max-width:1470px) {
 .allMeun ul a {
  font-size:22px
 }
}
@media (max-width:768px) and (max-width:1024px) {
 .allMeun ul a {
  font-size:20px
 }
}
@media (max-width:768px) and (max-width:768px) {
 .allMeun ul a {
  font-size:18px
 }
}
.allMeun .close {
 color:white;
 position:absolute;
 top:5%;
 right:5%;
 font-size:30px;
 cursor:pointer
}
@media (max-width:1600px) {
 .allMeun .close {
  font-size:26px
 }
}
@media (max-width:1470px) {
 .allMeun .close {
  font-size:22px
 }
}
@media (max-width:1024px) {
 .allMeun .close {
  font-size:20px
 }
}
@media (max-width:768px) {
 .allMeun .close {
  font-size:18px
 }
}
.pager_in {
 width:100%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 margin-top:min(3.125vw, 60px);
 grid-gap:3px
}
@media (max-width:1024px) {
 .pager_in {
  margin-top:30px
 }
}
.pager_in .it {
 width:47px;
 height:35px;
 border-radius:10px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 cursor:pointer;
 font-size:18px;
 color:#000
}
@media (max-width:1600px) {
 .pager_in .it {
  font-size:16px
 }
}
@media (max-width:1470px) {
 .pager_in .it {
  font-size:13px
 }
}
@media (max-width:768px) {
 .pager_in .it {
  font-size:12px
 }
}
.pager_in .it:hover,
.pager_in .it.active {
 background:#0c327f;
 color:white;
 transition:all .5s
}
.pager_in .pagination-prev {
 width:100%;
 height:100%;
 background:url(https://www.cnsszn.com/wstmart/home/view/default/images/contact/pagination-prev.svg) no-repeat center;
 display:block
}
.pager_in .pagination-prev:hover {
 background:url(https://www.cnsszn.com/wstmart/home/view/default/images/contact/-pagination-prev.svg) no-repeat center
}
.pager_in .pagination-next {
 width:100%;
 height:100%;
 background:url(https://www.cnsszn.com/wstmart/home/view/default/images/contact/pagination-next.svg) no-repeat center;
 display:block
}
.pager_in .pagination-next:hover {
 background:url(https://www.cnsszn.com/wstmart/home/view/default/images/contact/-pagination-next.svg) no-repeat center
}
.videomark {
 position:fixed;
 width:100%;
 height:100%;
 left:0;
 top:0;
 background:rgba(0,0,0,0.55);
 z-index:9998;
 display:none
}
.videobox {
 position:fixed;
 width:1400px;
 max-width:calc(100% - 100px);
 height:auto;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%);
 z-index:9999;
 display:none
}
.videobox video {
 width:100%;
 object-fit:fill
}
.videobox .close {
 width:40px;
 height:40px;
 border-radius:50%;
 background:#fff;
 position:absolute;
 right:-20px;
 top:-20px;
 z-index:9;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center;
 font-size:30px;
 color:#0c327f;
 -webkit-transition:all .3s linear;
 -o-transition:all .3s linear;
 transition:all .3s linear
}
.videobox .close:hover {
 transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 -o-transform:rotate(180deg);
 background:#0c327f;
 color:#fff
}
.videobox .video {
 width:100%;
 height:0;
 padding-bottom:56.25%;
 position:relative
}
.videobox .video video,
.videobox .video iframe {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 font-size:0;
 text-align:center;
 object-fit:fill
}
@media (max-width:1440px) {
 .videobox {
  max-width:70%
 }
}
@media (max-width:768px) {
 .videobox {
  width:100%;
  max-width:100%
 }
 .videobox .close {
  right:0;
  top:-40px
 }
}
/*# sourceMappingURL=./common.min.css.map */