body{
	height:100%;
	width:100%;
	overflow-x:hidden;
	margin-bottom:1.3rem;
	
}

body #wrapper {
    padding-bottom: 0
}

body #pages-container {
    padding-bottom: 0;
    background:url(../images/i_head.jpg)no-repeat;
    background-size: 100% 30%;
    height: 100%;
	overflow-y:scroll;
	overflow-x:hidden;
	padding-bottom: 1.5rem;
	touch-action: pan-y;
}
body .pagetitle{
    height:6vh;
    width: 100%;
    color:#fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 6vh;
}
body .border-top {
    border-top: 0 solid #F8FAFC;
    border-width: .21333333rem
}

body .padding-bottom {
    padding-bottom: .26666667rem
}

body .swiper-container {
    width: 100%;
}

body .banner {
    padding-top: .21333333rem;
    padding-bottom: .21333333rem;
    height: 29vh;
    box-sizing: border-box;
}

body .banner .banner-item {
    width: 90.6%;
    margin-left: .08rem;
    margin-right: .08rem
}

body .banner .banner-item img {
    display: block;
    width: 100%;
    height: 4.09333333rem;
    border-radius: .32rem
}

body .banner .swiper-slide-prev img,
body .banner .swiper-slide-next img {
    margin-top: 0;
    border-radius: .256rem;
    animation: bannerHeight .5s forwards
}

body .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    opacity: .4;
    background-color: #fff;
    width: .16rem;
    height: .16rem;
    margin-left: .08rem;
    margin-right: .08rem
}

body .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    opacity: 1
}

@keyframes bannerHeight {
    from {
        height: 4.09333333rem
    }
    to {
        height: 4.09333333rem
    }
}

@keyframes showLiveTopEntrance {
    from {
        top: 0rem
    }
    to {
        top: 2.66666667rem
    }
}



body .listone{
    width: 100%;
    min-height: 3.2rem;
	max-width: 100%;
}
body .listone ul{
	min-height: 3.2rem;
    max-width: 10rem;
    margin: 0 auto;
}
body .listone ul li{
    float: left;
    width: 2rem;
    height: 2rem;
    list-style: none;
	margin-left: .28rem;
    margin-right: .2rem;
    text-align: center;
    font: .4rem "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;
}
body .listone ul li img{
    width:100%;
	height:100%;
}
body .listtwo{
    width: 100%;
	max-width: 100%;
	min-height: 40vh;
	background:#fff;
}
body .listtwo ul{
    width: 100%;
    margin: 0 .4rem;
}
body .listtwo ul{
	
}
body .listtwo ul li{
    float: left;
    list-style: none;
    width: 4.5rem;
    height: 3.5rem;
    background-color:#ffffff00;
    border: 0px solid #2B333B;
	margin-right: 0.2rem;
    margin-bottom: 0.4rem;
	border-radius: 0.3rem;
}
body .listtwo ul li img{
	width:100%;
	height:100%;
	border-radius: 0.3rem;
}
body .project{
	width:90%;
	height:.8rem;
	margin:.5rem auto;
	line-height: .8rem;
}
body .project .pro-title{
	float:left;
	font-size:18px;
	background:url(../images/title-bg.jpg)no-repeat;
	background-size: 100%;
	background-position:bottom;
	background-position-x: left;
	font-weight: 600;
}
body .project .pro-more{
	float:right;
	background:url(../images/more.jpg)no-repeat;
	background-size: 25%;
    width: 1.3rem;
    background-position: right;
	font-weight: 600;
	font-size:.4rem;
}
body .project .pro-more a{
	text-decoration:none;
	color:#2B333B;
}




body .listthree{
    width: 100%;
	max-width: 100%;
	clear:both;
}
body .listthree ul{
    width: 100%;

    margin: 0 .4rem;
}

body .listthree ul li{
   list-style:none;
   width:4.5rem;

   display: inline-block;
}
body .listthree ul li img{
	width:100%;
	height:2.5rem;
	border-radius: 0.3rem;
}
body .course{
	width:90%;
	height:.8rem;
	margin:.5rem auto;
	line-height: .8rem;
}
body .course .pro-title{
	float:left;
	font-size:18px;
	background:url(../images/title-bg.jpg)no-repeat;
	background-size: 100%;
	background-position:bottom;
	background-position-x: left;
	font-weight: 600;
}
body .course .pro-more{
	float:right;
	background:url(../images/more.jpg)no-repeat;
	background-size: 25%;
    width: 1.3rem;
    background-position: right;
	font-weight: 600;
	font-size:.4rem;
}
body .course .pro-more a{
	text-decoration:none;
	color:#2B333B;
}





body .listfour{
    width: 100%;
	max-width: 100%;
	background:#f3f3f37a;
}
body .listfour ul{
    width: 95%;
    height: 100%;
	margin:0 auto;
}

body .listfour ul li{
   list-style:none;
   width:4.5rem;
   height:80px;
   font-size:16px;
   width:90%;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.03);
   line-height: 80px;
   padding: 0 .5rem;
   border-radius: 10px;
   box-shadow: -4px 4px 8px #9090904f;
   border: 1.2px solid #dedede;
}
body .listfour ul a{
	text-decoration:none;
	color:#2B333B;
}
body .listfour ul li img{
	width:60px;
	height:60px;
	border-radius: 10px;
	float: right;
	margin-top:10px;
}
body .downcenter{
	width:90%;
	height:.8rem;
	margin:.5rem auto;
	line-height: .8rem;
}
body .downcenter .pro-title{
	float:left;
	font-size:18px;
	background:url(../images/title-bg.jpg)no-repeat;
	background-size: 100%;
	background-position:bottom;
	background-position-x: left;
	font-weight: 600;
}
body .downcenter .pro-more{
	float:right;
	background:url(../images/more.jpg)no-repeat;
	background-size: 25%;
    width: 1.3rem;
    background-position: right;
	font-weight: 600;
	font-size:.4rem;
}
body .downcenter .pro-more a{
	text-decoration:none;
	color:#2B333B;
}