* {  margin: 0;  padding: 0;  outline: none;}
*:not(input,textarea) {  -webkit-touch-callout: inherit;  -webkit-user-select: auto;}
html, body {
    font-size: calc(100vw/2000*100) !important;
    background-color: #fff;
}
/* html{min-width: 1200px;} */
body {  width: 100%;  -webkit-touch-callout: inherit ;  -webkit-user-select: auto ;}
a { color: #1d1d1d; text-decoration: none;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {  text-decoration: none;}
table {border-collapse:collapse;border-spacing:0; outline: 0;}
button,input,select,textarea {  font-size: 100%;  margin: 0;  padding: 0;  outline: none;}
button{-webkit-appearance: none;appearance:none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color: #999;  }
::-moz-placeholder { /* Mozilla Firefox 19+ */    color: #999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {    color: #666;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {    color: #666;}
textarea{-webkit-appearance: none;appearance:none;  resize: none;  outline: none; }
ul,ol,li {  list-style: none;}
/* h1,h2,h3,h4,h5,h6,em{font-weight:normal; }  */
.cb{clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;}
.misafl{float:left; }
.misafr{float:right;}
/*�����*/

/*���*/
:root{
    --hover:#0a5ec1;
    --main-color:#0a5ec1;
    --color:#0a5ec1;
    --h-color:#0a5ec1;
    --linear-gradient: linear-gradient(to top right,#0a5ec1,#65b5da);
    --linear-gradient-g: linear-gradient(135deg,#0a5ec1,#65b5da);
    --main:#0a5ec1;
    --fz30:2.1rem;
    --fz25:1.6rem;
    --fz20:1.45rem;
    --fz18:1.35rem;
    --fz16:1.15rem;
    --fz15:1.15rem;
    --fz14:1.05rem;
    --lh25:1.6rem;
    --lh40:2.9rem;
    --lh30:2.2rem;
    --lh20:1.45rem;
}
a:hover{
    color: var(--h-color) !important;
}
body,a{ color: #323232;}
@media screen and (max-width:600px) {
  :root{
    --main:#5c93e5;
    --fz30:2.1rem;
    --fz25:1.6rem;
    --fz20:1.45rem;
    --fz18:1.35rem;
    --fz16:1.25rem;
    --fz15:1.25rem;
    --fz14:1.05rem;
    --lh25:1.6rem;
    --lh40:2.9rem;
    --lh30:2.2rem;
    --lh20:1.45rem;

}
}
.imgblock{display: block;}
.w100{width: 100%;}
.flex{display: flex;}
.flex-jcsb{justify-content: space-between;}
.jc-right{justify-content: flex-end;}
.jc-center{justify-content: center;}
.ai-center{align-items: center;}
.f-left{float: left;}
.f-right{float: right;}
.fz-16{font-size: var(--fz16);}
.c-5b5b5b{color: #5b5b5b;}
.h30{height: 30px;}
.h20{height: 20px;}
.GdTime05{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.wline1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.wline2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.wline3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.wline4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.wline6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.flex-wrap{flex-wrap: wrap;}
.mtop8{margin-top: 8%;}
.mt20{
    margin-top: 20px;
}
.none{display: none;}
.fixed{position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.flex1{
    flex: 1;
}
.radius4{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	overflow: hidden;
}
.radius20{
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	overflow: hidden;
}
.radius10{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
}
.coverImg{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
a{
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}
section{
    font-size: .16rem;
}
.dw_relative{
    position: relative;
}
.color-fff{
    color: #fff !important;
}
.show,.block{
    display: block;
}
.hide{
    display: none;
}
.c-main{color: var(--main);}
.c-7a{color: #7a7a7a;}
.text-left{text-align: left;}
.alert {
    position: fixed;
    padding: .2rem .4rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100000;
    color: #fff;
    text-align: center;
    line-height: .6rem;
    font-size: .3rem;
    display: none;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    z-index: 3000;
}
.error-msg {
    position: absolute;
    top: 50%;
    right: .2rem;
    transform: translateY(-50%);
    display: block;
    font-size: .16rem;
    color: red;
}
input.input_focus {
    border: 1px solid red !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}
@keyframes iconScale2 {
    from {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      opacity: 1;
    }
    to {
      transform: scale(1.9);
      -webkit-transform: scale(1.9);
      -moz-transform: scale(1.9);
      -ms-transform: scale(1.9);
      -o-transform: scale(1.9);
      opacity: 0;
    }
  }
  @keyframes iconScale {
    from {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      opacity: 1;
    }
    to {
      transform: scale(1.6);
      -webkit-transform: scale(1.6);
      -moz-transform: scale(1.6);
      -ms-transform: scale(1.6);
      -o-transform: scale(1.6);
      opacity: 0;
    }
  }
  @keyframes iconScale3 {
    from {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      opacity: 0.5;
    }
    to {
      transform: scale(1.6);
      -webkit-transform: scale(1.6);
      -moz-transform: scale(1.6);
      -ms-transform: scale(1.6);
      -o-transform: scale(1.6);
      opacity: 0;
    }
  }
  @-webkit-keyframes left {
    0% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    100% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }
  @keyframes left {
    0% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    100% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }
  @-webkit-keyframes right {
    0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    100% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
  }
  @keyframes right {
    0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    100% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
  }
  @-webkit-keyframes top {
    0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
    }
    100% {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
  }
  @keyframes top {
    0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
    }
    100% {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
  }
  @-webkit-keyframes bottom {
    0% {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
    100% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
    }
  }
  @keyframes bottom {
    0% {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
    100% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
    }
  }

  
.icon_video{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  width: .8rem;
  height: .8rem;
  display: block;
  background: url(../images/icon_videobtn.png) no-repeat center;
  background-size: 100%;
}


.icon_video:hover{
  cursor: pointer;
}
.icon_video::before {
  position: absolute;
  border-radius: 50%;
  content: '';
  width: .8rem;
  height: .8rem;
  background: rgba(255, 255, 255, 0.5);
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: water 1.5s linear infinite;
  animation: water 1.5s linear infinite;
}
.icon_video.i_v2{
  background: url(../images/icon_paly_2.png) no-repeat center;
  background-size: 100%;
}
.icon_video.i_v2::before{
  background: rgba(0, 0, 0, 0.5);

}
@keyframes water {
  0% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
  }
}
@-moz-keyframes water {
  0% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
  }
}

@-webkit-keyframes water {
  0% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
  }
}

@-o-keyframes water {
  0% {
    opacity: 0.5;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
  }
}

@keyframes myfirst
{
	from {top:20px;opacity: 0;}
	to {top:0;opacity: 1;}
}

.animation-phone{
  animation: scaleDraw 5s ease-in-out infinite;
}
@keyframes scaleDraw {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
}
.before_bg::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .2);
}
.shadow{
  box-shadow: 0 0 .2rem rgba(24, 33, 46, 0.11);
}
.ptb80{
  padding:  .8rem 0;
}
.bg_f3f5f9{background: #f3f5f9;}
@font-face {
  font-family: "SourceHanSerifCN-Bold";
  src: url("../font/SourceHanSerifCN-Bold.ttf");
}
@font-face {
  font-family: "Barlow-Black";
  src: url("../font/Barlow-Black.ttf");
}

.main{
  width: 15rem;margin: auto;
  /* background-color: #7a7a7a; */
}
.block_imp{
  display: block !important;
}