.primary-btn {
  position: relative;
  width: 82.66667vw;
  height: 9.33333vw;
  margin: 0 auto;
  text-align: center;
  line-height: 9.33333vw;
  border-radius: 4.66667vw;
  background-image: linear-gradient(90deg, #df073a, #f0582a);
  color: #fff;
  overflow: hidden;
}

@keyframes btn {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: .7;
  }
  25% {
    transform: translate(-50%, -50%) scale(5);
    opacity: .2;
  }
  50% {
    transform: translate(-50%, -50%) scale(10);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(20);
    opacity: 0;
  }
}

.section {
  padding: 2vw 0;
  box-sizing: border-box;
}


body{
  margin: 0;
}

img {
  width: 100%;
  margin: 0 auto;
}

.primary-btn a{
text-decoration: none;
-webkit-tap-highlight-color:rgba(255,0,0,0); 
color:#fff; 
display: block; 
font-size:1em
}

  a,button,input{
  text-decoration: none;
  -webkit-tap-highlight-color:rgba(255,0,0,0); 
  color:#000; 
  display: block; 
  font-size:1em
  }

.tites{
  text-align: center;
  position: relative;
}
.tites h2{
  margin: 0;
  font-size:5.666vw;
  color: #d05a04;
  font-weight: bold;
}
.tites h3{
  margin: 0;
  color: #000;
  font-weight: 500;
}

.tites .line {
  height: 0.93333vw;
  width: 12vw;
  margin: 2.13333vw auto;
  background: url(./imgs/cr.png) center center no-repeat;
  background-size: 100% 100%;
}

.footer{
  padding:2vw 0 0;
}



.banner{
  position: relative;
  z-index: 1;
  padding: 0;
}

ul{
  list-style-type: none;
  padding-left: 2vw;
}


.sec1{
  padding: 2vw;
  text-align: center;
}

.sec1 p,
.sec2 p,
.sec5 p{
  margin: 1vw;
  letter-spacing: 1px;
}

.sec1 p span,
.sec2 p span,
.sec5 p span{
  font-weight: bold;
  color: #ea4647;
}

.sec1 h4,
.sec2 h4,
.sec5 h4{
  margin: 1vw;
  font-size: 4.666vw;
  font-style: italic;
  letter-spacing: 1px;
  color: #ea4647;
}

.sec2{
  padding: 2vw;
  text-align: center;
}

.sec3{
  margin: 4vw 0;
  padding: 2vw;
  background-color: #f8f8f8;
}

.sec3 p{
  margin: 1vw 0;
}

.sec4 .kc_date,
.sec7 .kc_date{
  margin: 3vw 0;
  text-align: center;
  box-shadow: 1px 1px 7px 1px #e9e9e9;
  border-radius: 10px;
}

.sec4 .kc_date_tit{
  padding: 1vw 0;
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  background-color: #eeaf3b;
  font-weight: 600;
}

.sec4 .kc_date_7,
.sec4 .kc_date_8{
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  align-items: center;
}

.sec4 .kc_date_7,
.sec7 .kc_date_7{
  border-bottom: 1px solid #d5d5d5;
}

.sec4 .kc_date_7 h4,
.sec4 .kc_date_8 h4{
  color:#eeaf3b;
  font-weight: 600;
  letter-spacing: 1px;
}

.sec5{
  margin: 4vw 0;
  text-align: center;
}


.sec6{
  margin: 4vw 0;
  padding: 2vw 0;
  background-color: #f8f8f8;
}

.sec6 .con_tent{
  margin: 2vw 0;
  display: grid;
  grid-template-columns: 47% 47%;
  grid-column-gap: 3vw;
  justify-content: center;
}

.sec6 dl{
  padding: 2vw 0;
  background: none;
  position: relative;
  margin: 0;
}


.sec6 dt{
  padding: 2vw 0;
  font-weight: bold;
  font-size: 4.666vw;
}

.sec6 dl dt span{
  padding: 0 2vw;
  background-color: #eeaf3b;
  color: #fff;
  letter-spacing: 1px;
}

.sec6 dd{
  margin-left: 0;
}


.sec7 .kc_date_tit{
  padding: 1vw 0;
  display: grid;
  grid-template-columns: 33% 33% 33% ;
  background-color: #eeaf3b;
  font-weight: 600;
}

.sec7 .kc_date_7,
.sec7 .kc_date_8{
  display: grid;
  grid-template-columns: 33% 33% 33% ;
  align-items: center;
}