*{font-family: "苹方" !important;}
/* 公共部分 */
.appIn{width: 1200px;height: auto;margin: 0 auto;}
/*//公共模块标题头部*/
.public{width: 100%;height: auto;float:left;text-align: center;}
.public h3{font-size: 40px;color: #EC3E4B}
.public p{font-size: 60px;color: rgba(51,51,51,0.5);font-weight: 200;position: relative;padding-bottom: 10px;}
.public p:before{content: '';width:80px;height: 5px;background:#EC3E4B;display: block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);  }

.stickytop{width: 100%;height: auto;float: left;padding: 23px 0;background: rgba(0,0,0,0.2);  position: fixed;  top: 0;z-index: 1}
.banner{width: 100%;height: auto;float: left;position: relative}

.banner img{width: min-content;height: auto;margin-bottom: 10px;}
.banner>img{width: 100%;max-width: 100%;}
.banner .bottom_bannerico{text-align: center;position: absolute;bottom: 31px;left: 50%;transform: translateX(-50%);width: 100%;height: auto;float: left}
.banner .icolist{position: relative;margin-bottom: 31px;}
.banner .icolist .Ico{position: relative;width: 18px;height: 18px; border-bottom:2px solid #fff;border-right:2px solid #fff;transform: rotate(45deg);margin:  0 auto;}
 /*animation:arrow-load 2s infinite; */
.banner .icolist .Ico:nth-of-type(1){top: -3px;  animation: highlight 2s infinite; /* 无限循环动画 */}
.banner .icolist .Ico:nth-of-type(2){   animation: highlight1 2s infinite;
  animation-delay: 0.5s; /* 延迟0.5秒开始动画 */}
.banner .icolist .Ico:nth-of-type(3){bottom: -3px;animation: highlight2 2s infinite;
  animation-delay: 1s; /* 延迟1秒开始动画 */}


@keyframes highlight {
  0% {opacity: 1} /* 暗色 */
  50% {
	  opacity: 0.5;

  } /* 中间色 */
  100% {
	 opacity: 0;

  } /* 高亮色 */
}

@keyframes highlight1 {
  0% {opacity: 0.5} /* 暗色 */
  50% {
    opacity: 0.2;

  } /* 中间色 */
  100% {
    opacity: 0;

  } /* 高亮色 */
}
@keyframes highlight2 {
  0% {opacity: 0.2} /* 暗色 */
  50% {
    opacity: 0.1;

  } /* 中间色 */
  100% {
    opacity: 0;

  } /* 高亮色 */
}

/* 公共部分 */


/* 内容部分 */
#mainN1{width: 100%;height: auto;float: left;background: url("../images/mainN1_bg.png") no-repeat center top;background-size:100%;padding-bottom: 92px; }
#mainN1 .mainN1T{width: 100%;height: auto;float: left;margin: 101px 0 80px 0;}

#mainN1 .mainN1M{width: 100%;height: auto;float: left}
#mainN1 .mainN1M .mytitle{width: 100%;height: auto;float: left;    text-align: center;}
#mainN1 .mainN1M span{font-size: 24px;line-height: 40px;text-align: center;}


#mainN2{width: 100%;height: auto;float: left;background: url("../images/mainN2_bg.png") no-repeat center top;background-size: 100% 100%;padding-bottom: 64px;}
#mainN2 .mainN2T{width: 100%;height: auto;float: left;margin: 80px 0 82px 0;}
#mainN2 .mainN2T h3{color: #fff}
#mainN2 .mainN2T p{color: rgba(255,255,255,0.8)}
#mainN2 .mainN2T p:before{content: '';width:80px;height: 5px;background:#fff;display: block;position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%);  }


#mainN2 .mainN2M{width: 100%;height: auto;float: left;}
#mainN2 .mainN2M ul{width: 100%;height: auto;float: left;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center}

#mainN2 .mainN2M ul li{width: 100%;height: auto;float: left;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;text-align: center;padding:80px 0;margin-right: 53px;position: relative;cursor: pointer }
#mainN2 .mainN2M ul li:last-child{margin-right: 0}


#mainN2 .mainN2M ul li .liT{width: 100%;height: auto;float: left;}

#mainN2 .mainN2M ul li .liT h3{font-size: 36px;color: #fff;margin-top: 20px;}
#mainN2 .mainN2M ul li .liT.cur{visibility: hidden}
#mainN2 .mainN2M ul li:nth-of-type(1){background: url("../images/mainN2M_LiN1.png") no-repeat center center;background-size: 100% 100%;}
#mainN2 .mainN2M ul li:nth-of-type(2){background: url("../images/mainN2M_LiN2.png") no-repeat center center;background-size: 100% 100%;}
#mainN2 .mainN2M ul li:nth-of-type(3){background: url("../images/mainN2M_LiN3.png") no-repeat center center;background-size: 100% 100%;}
#mainN2 .mainN2M ul li:nth-of-type(4){background: url("../images/mainN2M_LiN4.png") no-repeat center center;background-size: 100% 100%;}



#mainN2 .mainN2M ul li .li_float{width: 100%;height: 100%;float: left;color: #fff;position: absolute;top: 0;left: 0;background:rgba(236,62,75,0.9);display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;flex-wrap: wrap;text-align: center;border-radius: 10px;opacity: 0}
#mainN2 .mainN2M ul li .li_float.cur{opacity: 1}
#mainN2 .mainN2M ul li .item{width: 100%;height: auto;float: left}
#mainN2 .mainN2M ul li .li_float span{font-size: 36px;display: block;margin-bottom: 40px;}
#mainN2 .mainN2M ul li .li_float p{font-size: 20px;}


#mainN3{width: 100%;height: auto;float: left;background: url("../images/mainN3_bg.png") no-repeat center top;background-size:100% 100%;}

#mainN3 .mainN3T{width: 100%;height: auto;float: left;margin: 100px 0 80px 0;}
#mainN3 .mainN3M{width: 100%;height: auto;float: left;margin-bottom: 81px;}

#mainN3 .mainN3M ul{width: 100%;height: auto;float: left;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;text-align: center;flex-wrap: wrap}
#mainN3 .mainN3M ul li{width:calc(25% - 40px);height: auto;float: left;margin:0 40px 52px 0;background: #fff;box-shadow: 0px 5px 10px 0px rgba(236,62,75,0.15); border-radius: 10px;}
#mainN3 .mainN3M ul li:nth-of-type(4n){margin-right: 0}
#mainN3 .mainN3M ul li .img{margin: 25px 0;}

#mainN3 .mainN3M ul li p{background: #EC3E4B;font-size: 24px;border-radius: 10px;color: #fff;padding: 5px 0;}



#footer{width: 100%;height: auto;float: left;background: url("../images/mainN4_bg.png") no-repeat center top;background-size: 100% 100%;}
#footer .footerL{width: auto;height: auto;float: left;margin: 80px 0 58px 0;}
#footer .footerLT{width: 100%;height: auto;float: left;text-align: left;margin-bottom: 44px;}
#footer .footerLT h3{color: #fff}
#footer .footerLT p{color: rgba(255,255,255,0.5);}
#footer .footerLT p:before{content: '';width:80px;height: 5px;background:#fff;display: block;position: absolute;bottom: 0;left: 0;transform: translateX(0);  }

#footer .footerLM{width: 100%;height: auto;float: left;}


#footer .footerLM p{font-size: 20px;color: #fff;line-height: 40px;}


/* 内容部分 */


/* 标题特效 */
.title_effect{width: 100%;height: auto;float: left;}
.title_effect span{padding-bottom: 5px;background: linear-gradient(to right, #ec6b5f, #61c554) no-repeat;background-size: 0 2px; background-position: right bottom;transition:background-size 2s;}
.title_effect:hover span{background-size: 100% 2px;background-position: left bottom;}