@import url("bootstrap.v4.6.min.css");

*{margin: 0;padding: 0;}
body{margin: 0;padding: 0; color:#323232;}
div,form,ul,li,dl,dt,dd,img,input,span,h1,h2,h3,h4,h5,font,p{margin:0;padding:0;border:0;list-style:none;list-style-type:none;}

a,a:hover{color:#323232;text-decoration:none;}
p{margin: 0 !important;}
img{max-width:100%; display: block;}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

/* PC端头部内容开始 */
.header{height:78px;background:#323232;z-index:99;position:fixed;top: 0;left: 0;width:100%;box-shadow:0 0 10px rgba(0, 0, 0, 0.20);}
.header_con{padding:16px 15px;max-width:960px;margin:0 auto;}
.header_con span{float:right;}
.header_con span a.top_kf{width:130px;height:46px;display:block;background:url(images/kf_icon.png) no-repeat 0 0;}
.header_con span a.top_kf:hover{background:url(images/kf_icon.png) no-repeat 0 -46px;}
/* PC端头部内容结束 */

/* PC端核心内容开始 */
.banner-top{height: 78px;}

/* banner */
.banner{min-height: 616px;background: linear-gradient(to bottom,#f9deb1,#fff6e7)!important;}
.banner-wrapper{display:flex;max-width: 1200px;padding:100px 15px 0;margin: 0 auto;position: relative; z-index:8;}
.banner-text{width:690px; position: relative; padding-top:110px;font-size:52px; font-weight: bolder;   color:#ffe8b3;}

.banner-text h6{font-weight:700; display:inline-block; color: #d53d3e; font-size: 72px; padding: 0; margin: 0;}
.banner-text h4{font-weight:700; padding:0 0 15px; color: #d53d3e; font-size: 58px; }
.banner-wrapper .img{ animation: crescendo 1s alternate infinite ease-in-out;} 
.banner-wrapper .img2{ padding-top:60px;} 


@keyframes crescendo {
    0% {
        transform: scale(.97)
    }

    to {
        transform: scale(1.03)
    }
}

@keyframes itemEffact {
   0% {
    transform: scale(1);
    opacity: 0.8;
}
100% {
    transform: scale(1.25, 1.65);
    opacity: 0;
}
}


/*公共*/
.flex-around{display: flex; justify-content: space-around; align-items: center;}
.flex-center{display: flex; justify-content: center; align-items: center;}
.flex-start{display: flex; justify-content: flex-start; align-items: center;}

.container{max-width: 1180px !important;}

.part{padding: 150px 0;}
.title{ display: flex; justify-content: center; align-items: center; margin-bottom: 60px; text-align: center;}
.title h3{margin: 0 16px;font-size:48px; font-weight: bold;  line-height: 1; color: #cda24f}
.title h5{font-size:24px; color: #999; line-height: 1; }

.subdesc{ font-size:18px; margin: -34px 0 12px; text-align:center; color: #666 }
.subbtn { padding: 1rem 0 2rem }
.subbtn a{
    margin: 0 auto;
    display: block;
    opacity: .8;
    width: 200px;
    height: 48px;
    line-height: 48px;
    background: #d53d3e;
    color: #fff;
    text-align: center !important;
    font-size: 24px;
    margin: 0 auto;
    border-radius: 30px;
    cursor: pointer;
    outline: 0px;
    transition: all .4s;
}
.subbtn a:hover {
    background: #111;
}

.rulebox p {padding-bottom: .5rem}
.rulebox h5 {
    padding:1rem 0;
}
.tabelBox { text-align:center; }
.tabelBox td { border: 1px solid #ccc; padding: .2rem 0 }
.tabelBox .firstRow,
.tabelBox .secRow{ background:#FCEFCF }
.date {padding: 1rem 0}


.part2{padding: 0 0 100px;}

/* 顶部样式 */
header {
    width: 100%;
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 999;
    height: 78px;
}

header nav {
    max-width: 1200px;
    width: 100%;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header nav .logo img {
    height: 100%;
}

header nav .logo {
    padding: 16px 0;
    height: 100%;
}

.kfbox {
    position: relative;
    padding: 15px;
    width: 170px;
    height: 100%;
}
.kfbox img {
    animation: crescendo 1s alternate infinite ease-in-out; 
}

.kfbox span {
    position: absolute;
    right: 0;
    top: 0.04rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0.26rem;
    height: 0.26rem;
    font-size: 0.16rem;
    color: #FFFFFF;
    border-radius: 50%;
    background-color: #EB4B4B;
}

.copyright {
    background: #111;
    color: #fff;
    font-size: .8rem;
    text-align: center;
    padding: 1rem 0;
}



@media (max-width: 576px) {
  .banner-text { width: 100%; padding-top: 30px  }
  .banner-wrapper {
    width: 100%;
    flex-direction: column;
    text-align: center;
  }

  .banner-text h6{ font-size: 52px; }
  .banner-text h4{ font-size: 30px; }

  .title h3 {
    font-size: 32px;
  }
}