:root{
	--theme-color:#253f8e;
	--transition: all 0.3s;
}
* {margin:0;padding:0;}
input{font-family: arial;}
textarea{font-family: "微软雅黑";}
input::-webkit-input-placeholder{color: #a5a5a8;font-family: arial;}
textarea::-webkit-input-placeholder{color: #a5a5a8;font-family: arial;}
body{
	font-family: arial;
  line-height: 1.5;
  font-size: 16px;
  box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:300;
}
.layui-layer-btn .layui-layer-btn0{background: var(--theme-color) !important;border-color: var(--theme-color) !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{zoom: 1;}
a{text-decoration:none;color: #000000;transition: all .3s;}
a:focus, input:focus, textarea:focus,button {outline: none;}
a:hover{color: var(--theme-color);}
#content{max-width: 1640px;margin: 0 auto;}
h1 { 
	font-size:38px;
}
h2 {
	font-size:36px;
}
h3 {
	font-size:28px;
}
h4 {
	font-size:22px;
}
h5 {
	font-size:16px;
}
h6 {
	font-size:14px;
}

p{
	font-weight:400;
	font-size:16px;
}
i{font-style: normal;}
ul{
	list-style:none;
	padding:0;
	margin:0;	
}
.fr{float: right;}
.fl{float: left;}

html::-webkit-scrollbar {
        width: 10px;     
        height: 10px;
    }
html::-webkit-scrollbar-thumb {
         -webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);
        background: var(--theme-color);
        border-radius: 5px;
    }
html::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);
        background: rgba(0,0,0,0);opacity: 0;
        border-radius: 5px;
    }
.banner-box-search-list::-webkit-scrollbar {
        width: 10px;     
        height: 10px;
    }
.banner-box-search-list::-webkit-scrollbar-thumb {
         -webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);
        background: var(--theme-color);
        border-radius: 5px;
    }
.banner-box-search-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);
        background: rgba(0,0,0,0);opacity: 0;
        border-radius: 5px;
    }
	
.animated{-webkit-animation:AniTop 1s ease-out 0.3s both;-o-animation:AniTop 1s ease-out 0.3s both;animation:AniTop 1s ease-out 0.3s both;}
.animated_right{-webkit-animation:AniRight 1s ease-out 0.3s both;-o-animation:AniRight 1s ease-out 0.3s both;animation:AniRight 1s ease-out 0.3s both;}
.animated_left{-webkit-animation:AniLeft 1s ease-out 0.3s both;-o-animation:AniLeft 1s ease-out 0.3s both;animation:AniLeft 1s ease-out 0.3s both;}
.nav-menu-show{-webkit-animation:NavMenuShow .5s;-o-animation:NavMenuShow .5s;animation:NavMenuShow .5s;display: block !important;transform:translate(-50%,0);}
.mobile-nav-show{-webkit-animation:MobileMenuShow .5s;-o-animation:MobileMenuShow .5s;animation:MobileMenuShow .5s;transform: translateX(0) !important;}
.mobile-nav-rotate{-webkit-animation:MobileMenuRotate .5s;-o-animation:MobileMenuRotate .5s;animation:MobileMenuRotate .5s;transform:rotate(90deg) !important;}
.about-mission-show{-webkit-animation:AboutMission 3s ease-out 0.3s both;-o-animation:AboutMission 3s ease-out 0.3s both;animation:AboutMission 3s ease-out 0.3s both;}
/*播放按钮*/
@-webkit-keyframes PlayScale{
  0%{transform: scale(1);}
  50%{transform: scale(1.2);}
  100% {transform: scale(1);}
}
@-webkit-keyframes PlayScales{
  0%{transform: scale(1);}
  50%{transform: scale(1.6);}
  100% {transform: scale(1);}
}
/*移动端导航箭头*/
@-webkit-keyframes MobileMenuRotate{
  0%{transform:rotate(0);}
  100% {transform:rotate(90deg);}
}
@-o-keyframes MobileMenuRotate{
  0%{transform:rotate(0);}
  100% {transform:rotate(90deg);}
}
@keyframes MobileMenuRotate{
  0%{transform:rotate(0);}
  100% {transform:rotate(90deg);}
}

/*移动端导航显示*/
@-webkit-keyframes MobileMenuShow{
  0%{transform:translateX(100%); opacity:0;}
  100% {transform:translateX(0); opacity:1;}
}
@-o-keyframes MobileMenuShow{
  0%{transform:translateX(100%); opacity:0;}
  100% {transform:translateX(0); opacity:1;}
}
@keyframes MobileMenuShow{
  0%{transform:translateX(100%); opacity:0;}
  100% {transform:translateX(0); opacity:1;}
}
/*导航下拉显示*/
@-webkit-keyframes NavMenuShow{
  0%{transform:translate(-40%,30px); opacity:0;}
  100% {transform:translate(-50%,0); opacity:1;}
}
@-o-keyframes NavMenuShow{
  0%{transform:translate(-40%,30px); opacity:0;}
  100% {transform:translate(-50%,0); opacity:1;}
}
@keyframes NavMenuShow{
  0%{transform:translate(-40%,30px); opacity:0;}
  100% {transform:translate(-50%,0); opacity:1;}
}

/*下往上效果*/
@-webkit-keyframes AniTop{
  0%{-webkit-transform:translateY(30px); opacity:0;}
  100% {-webkit-transform:translateY(0); opacity:1;}
}
@-o-keyframes AniTop{
  0%{-o-transform:translateY(30px); opacity:0;}
  100% {-o-transform:translateY(0); opacity:1;}
}
@keyframes AniTop{
  0%{transform:translateY(30px); opacity:0;}
  100% {transform:translateY(0); opacity:1;}
}
/*左往右效果*/
@-webkit-keyframes AniRight{
  0%{-webkit-transform:translateX(-30px); opacity:0;}
  100% {-webkit-transform:translateX(0); opacity:1;}
}
@-o-keyframes AniRight{
  0%{-o-transform:translateX(-30px); opacity:0;}
  100% {-o-transform:translateX(0); opacity:1;}
}
@keyframes AniRight{
  0%{transform:translateX(-30px); opacity:0;}
  100% {transform:translateX(0); opacity:1;}
}
/*右往左效果*/
@-webkit-keyframes AniLeft{
  0%{-webkit-transform:translateX(30px); opacity:0;}
  100% {-webkit-transform:translateX(0); opacity:1;}
}
@-o-keyframes AniLeft{
  0%{-o-transform:translateX(30px); opacity:0;}
  100% {-o-transform:translateX(0); opacity:1;}
}
@keyframes AniLeft{
  0%{transform:translateX(30px); opacity:0;}
  100% {transform:translateX(0); opacity:1;}
}
/*右往左效果*/
@-webkit-keyframes IndexAdv{
  0%{-webkit-transform:translate(-50%,50px); opacity:0;}
  100% {-webkit-transform:translate(-50%,0); opacity:1;}
}
@-o-keyframes IndexAdv{
  0%{-o-transform:translate(-50%,50px); opacity:0;}
  100% {-o-transform:translate(-50%,0); opacity:1;}
}
@keyframes IndexAdv{
  0%{transform:translate(-50%,50px); opacity:0;}
  100% {transform:translate(-50%,0); opacity:1;}
}
/*文字变色*/
@-webkit-keyframes AboutMission{
  0%{background-size: 0 100%;}
  100% {background-size: 100% 100%;}
}
@-o-keyframes AboutMission{
  0%{background-size: 0 100%;}
  100% {background-size: 100% 100%;}
}
@keyframes AboutMission{
  0%{background-size: 0 100%;}
  100% {background-size: 100% 100%;}
}
/*旋转*/
@keyframes rotate{
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotatex {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* 定义缩放动画 */
@keyframes scaleAnimation {
  0% {
    transform: scale(1.2); /* 初始大小 */
  }
  100% {
    transform: scale(1); /* 恢复到原始大小 */
  }
}