/*banners*/
.banner{
	position: relative;
	width: 100%;
	    height: 476px;
		margin-top:100px;
}
.banner img{
	top: 0;
	    left: 50%;
	    margin-left: -960px;
	    width: 1920px;
	    height: 100%;
	    display: block;
	    position: absolute;
	    transition: 0.2s;
}
.course_nav .tab_top {
	background: url("/zhuzhan/220824/image/about/banner.png") no-repeat top center;
	width: 100%;
	background-size: auto;
	height: 400px;
	overflow: hidden;
	/* margin-top: 100px; */
}
.course_nav .tab_top>span h1{
	font-size: 72px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
	line-height:100px;
	text-align:center;
	margin-top:130px;
}
.course_nav .tab_top>span p{
font-size: 24px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #FFFFFF;
line-height: 28px;
letter-spacing: 4px;
text-align:center;
}
.course_nav .tab_top>span p i{
	font-style: normal;
	color:#F77421;
}
/*动态*/
.dynamic_state {
	margin: 0px auto 0;
	width: 1200px;
	height: 585px;
	overflow: hidden;
}

.dynamic_state .state_nav {
	margin: 60px auto 41px;
	text-align: center;
	overflow: hidden;
}

.dynamic_state .state_nav h5 {
	font-size: 36px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #000000;
	line-height: 42px;
	-webkit-background-clip: text;
	margin: 0;
}

.swiper-container1 {
	width: 680px;
}

.swiper-button-prev {
	background-image: url(/zhuzhan/220824/image/left1.png) !important;
	right: 57px !important;
	left: auto !important;
	background-size: 80% !important;
}

.swiper-button-next {
	background-image: url(/zhuzhan/220824/image/right1.png) !important;
	right: 27px !important;
	left: auto;
	background-size: 80% !important;
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 337px !important;
	width: 32px !important;
	height: 32px !important;
	margin-top: -5px !important;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #214BF7;
}

.dynamic_modal div:first-child {
	float: left;
	position: relative;
	width: 582px;
	/* height: 370px; */
	height: 382px;
	border-radius: 10px;
	/* overflow:hidden; */
}

.dynamic_modal div:first-child h4 i {
	float: left;
	position: relative;
}

.dynamic_modal div:first-child>p {
	font-size: 22px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
	line-height: 22px;
	margin-bottom: 23px;
	text-indent: 10px;
}

.dynamic_modal div:first-child .swiper-slide a>div>img {
	width: 582px;
	opacity: 1;
	border-radius: 10px;
	display: block;
}

.dynamic_modal div:first-child .swiper-slide span {
	width: 592px;
	height: 70px;
	background: rgba(33, 75, 247, 0.5);
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	/* display: none; */
	display: block;
	border-radius: 0 0 10px 10px;
	bottom: 0;
	z-index: 999;
	position: absolute;
	font-size: 18px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 60px;
	text-indent: 52px;
	position: absolute;
}

.dynamic_modal div:first-child .swiper-slide span>p {
	width: 446px;
	font-size: 14px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 16px;
	margin: 14px 0 0 24px;
	white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
}

.dynamic_modal div:first-child .swiper-slide span>div {
	margin: 6px 0 0 22px;
}

.dynamic_modal div:first-child .swiper-slide span>div img {
	float: left;
	margin-right: 4px;
}

.dynamic_modal div:first-child .swiper-slide span>div p {
	font-size: 16px;
	height: 15px;
	line-height: 18px;
	margin: 0;
	float: left;
	color: #fff;
}

.dynamic_modal div:first-child .swiper-slide span>img {
	position: absolute;
	width: 15px;
	height: 19px;
	top: 21px;
	left: 26px;
}

.dynamic_modal .state_list {
	float: left;
	margin-left: 36px;
	height: 370px;
}

.dynamic_modal .state_list span span {
	width: 98px;
	height: 25px;
	/* line-height:25px; */
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	border: 1px solid #214BF7;
	display: block;
	float: right;
	padding-left: 13px;
	margin-right: 39px;
	color: #214BF7;
}

.dynamic_modal .state_list span span:hover {
	background: #214BF7;
	color: #FFFFFF;
}

.dynamic_modal .state_list span span h5 {
	font-size: 16px;
	line-height: 21px;
	font-family: Resource Han Rounded J-Normal, Resource Han Rounded J;
	font-weight: 400;
	margin: 0;
}

.dynamic_modal .state_list span span img {
	margin-left: 8px;
}

.dynamic_modal .state_list ul li {
	margin-left: 32px;
}

.dynamic_modal .state_list ul li:first-child>p {
	margin-top: 11px;
}

.dynamic_modal .state_list ul li p {
	margin-bottom: 33px;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 27px;
}

.dynamic_modal .state_list ul li p i {
	font-style: normal;
	margin-right: 8px;
}

.dynamic_modal .state_list ul li span {
	display: none;
}

.dynamic_modal .state_list ul li span>p {
	float: left;
	font-size: 14px;
	font-family: OPPOSans-Regular, OPPOSans;
	font-weight: 400;
	color: #999999;
	line-height: 20px;
	margin-left: 6px;
}

.dynamic_modal .state_list ul li span img {
	float: left;
	margin-left: 1px;
}

.dynamic_modal .state_list ul li.on span {
	display: block;
}

.dynamic_modal .state_list ul li:first-child.on {
	/* margin-top: 0px; */
}

.dynamic_modal .state_list ul li.on {
	display: block;
	width: 572px;
	height: 80px;
	background: #FFFFFF;
	box-shadow: 0px 7px 20px 1px rgba(115, 152, 255, 0.15);
	border-radius: 10px;
	opacity: 1;
	overflow: hidden;
	margin-top:0px;
	margin-bottom: 16px;
	margin-left: 0;
	position: relative;
	transition: width 0.2s ease-in-out 0s;

}

.dynamic_modal .state_list ul li.on::after {
	content: "";
	display: block;
	display: block;
	width: 35px;
	height: 25px;
	background: url(/zhuzhan/220824/image/icon_y.png) no-repeat center;
	margin-bottom: 100px;
	position: absolute;
	top: 0px;
	right: 0;
}

.dynamic_modal .state_list ul li.on a>p {
	font-size: 16px;
	font-family: Resource Han Rounded J-Bold, Resource Han Rounded J;
	font-weight: bold;
	color: #214BF7;
	line-height: 19px;
	-webkit-background-clip: text;
	margin-left: 32px;
	margin-top: 18px;
	margin-bottom: 10px;
}

.dynamic_modal .state_list ul li.on span {
	width: 346px;
	font-size: 14px;
	font-family: Resource Han Rounded J-Normal, Resource Han Rounded J;
	font-weight: 400;
	color: #999999;
	line-height: 24px;
	-webkit-background-clip: text;
	margin-left: 44px;
}

/*slogan*/
.slogan {
	width: 100%;
	height: 572px;
	background: #FFFFFF;
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	overflow: hidden;
}

.slogan>h5 {
	font-size: 36px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 42px;
	text-align: center;
	margin: 50px 0 20px 0px;
}

.slogan>div {
	width: 1200px;
	margin: 0 auto;
}

.slogan>div>img {
	margin: 0 auto;
	display: block;
	/* width:723px;
	height:301px; */
}

.slogan>div>div {
	/* overflow:hidden; */
}

.slogan>div>div>div {
	float: left;
	position: relative;
	background: rgba(226, 232, 255, 0.41);
}

.slogan>div>div>div>div {
	margin-top: 20px;
	margin-left: 17px;
}

.slogan>div>div>div>span {
	position: absolute;
	right: 8px;
	bottom: 0;
	font-size: 96px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: rgba(223, 232, 255, 0.73);
	line-height: 113px;
	z-index: 1;
}

.slogan>div>div>div:hover {
	background: #fff;
}

.slogan>div>div>div:hover>span {
	color: #F0F4FF;
}

.slogan>div>div>div:nth-child(1) {
	width: 380px;
	height: 228px;
	opacity: 1;
	border: 1px solid #214BF7;
	margin-right: 27px;
	margin-top: -60px;
}

.slogan>div>div>div:nth-child(2) {
	width: 380px;
	height: 201px;
	opacity: 1;
	border: 1px solid #214BF7;
	margin-right: 27px;
	margin-top: -33px;
}

.slogan>div>div>div:nth-child(3) {
	width: 380px;
	height: 168px;
	opacity: 1;
	border: 1px solid #214BF7;
}

.slogan>div>div>div i {
	font-style: normal;
	width: 17px;
	height: 17px;
	background: #F77421;
	border-radius: 15px;
	display: block;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 17px;
	text-align: center;
	float: left;
}

.slogan>div>div>div h5 {
	width: 308px;
	font-size: 14px;
	font-family: Source Han Sans CN-Bold;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	float: left;
	margin: 0 0 0px 11px;
}

.slogan>div>div>div>div:nth-child(3) h5 {
	position: absolute;
	z-index: 999;
	left: 32px;
}

.slogan>div>div>div:nth-child(3)>div:nth-child(2) h5 {
	position: absolute;
	z-index: 999;
	left: 32px;
}

.slogan>div>div>div h5 p {
	font-family: Source Han Sans CN;
	display: inline;
	line-height: 20px;
}

/*流程*/
.serve {
	margin: 0 auto;
}

.serve span {
	overflow: hidden;
}

.serve>span h5 {
	font-size: 36px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #000000;
	line-height: 54px;
	text-align: center;
	margin:40px auto 40px;
}

.serve_list {
	width: 1200px;
	height: 100%;
	z-index: 999;
	margin:0px auto 0px;
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
}

.serve_list>div {
	float: left;
}

.serve_list>div:first-child {
	width: 719px;
	    height: 462px;
	    background: #fff;
	    border-radius: 10px 0 0 10px;
}

.serve_list>div .videos {
/*	width: 640px;*/
	width: 595px;
	    height: 410px;
	    /* background: rgba(51, 51, 51, 0.63); */
	    border-radius: 10px 10px 10px 10px;
	    opacity: 1;
	    margin: 0;
	    overflow: hidden;
	    margin: 26px;
}
.serve_list>div .videos .ccH5Poster img {
    width: 100%;
    height: 100%;
}
.serve_list>div .ccH5Poster {
    background:none;
}
.serve_list>div .ccH5playerBox{
	 background:none;
}
.serve_list>div .ccH5playerBox video{
	  background:none;
	  width: 114%;
	      height: 100%;
	      margin-left: -50px;
}
.serve_list>div:last-child {
	width: 481px;
	    height: 462px;
	    /* padding-left: 39px; */
	    background: #fff;
	    border-radius: 0px 10px 10px 0;
}

.serve_list>div:last-child>span {
	/* background: url(/zhuzhan/220824/image/about/icon.png) no-repeat top left; */
	/* background-size:100%; */
	height: 52px;
	line-height: 77px;
	display: block;
	font-size: 22px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
	margin-top:10px;
}

.serve_list>div:last-child>i {
	width: 30px;
	height: 2px;
	background: #214BF7;
	border-radius: 0px 0px 0px 0px;
	margin-top: 16px;
	display: block;
}

.serve_list>div:last-child>p {
	width: 467px;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 21px;
	margin-top: 16px;
	margin-bottom: 20px;
}

.serve_list>div:last-child>div {
	/* 	width:407px; */
	margin-bottom: 15px;
}

.serve_list>div:last-child>div img {
	float: left;
}

.serve_list>div:last-child>div p {
	float: left;
	width: 430px;
	height: 39px;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 21px;
	margin-left: 12px;
}

.serve_list>div:last-child>a {
	width: 154px;
	height: 36px;
	border-radius: 6px 6px 6px 6px;
	opacity: 1;
	border: 1px solid #214BF7;
	display: block;
	margin-top:30px;
}
.serve_list>div:last-child>a:hover{
	background: #214BF7;
	color:#fff;
}
.serve_list>div:last-child>a:hover p{
	color:#fff;
}
.serve_list>div:last-child>a p {
	width: 84px;
	height: 100%;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #214BF7;
	line-height: 36px;
	float: left;
	margin-left: 21px;
}

.serve_list>div:last-child>a img {
	display: block;
	float: left;
	margin: 12px 0 0 12px;
}

.bottom_modle {
	background: url(/zhuzhan/220824/image/about/gydn-bj.png) no-repeat;
	/* 	background-size:100%; */
	width: 100%;
	height: 400px;
	margin-top: -100px;
	/* overflow:hidden; */
}

.bottom_modle>div {
	width: 1200px;
	margin: 0px auto;
}

.bottom_modle>div>div {
	float: left;
	width: 300px;
	height: 300px;
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	padding-top: 53px;
}

.bottom_modle>div>div img {
	display: block;
	margin: 0 auto;
}

.bottom_modle>div>div h5 {
	font-size: 48px;
	font-family: Impact-Regular, Impact !important;
	font-weight: 400;
	color: #214BF7;
	line-height: 56px;
	text-align: center;
	margin: 23px auto 4px;
}

.bottom_modle>div>div h5 i {
	font-size: 48px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #214BF7;
	line-height: 56px;
	font-style: normal;
	/* 	text-align:center; */
}

.bottom_modle>div>div p {
	font-size: 18px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 21px;
	text-align: center;
}

/*公益*/
.public_benefit {
	margin: 0px auto 0;
	width: 1200px;
	overflow: hidden;
}

.state_nav {
	margin: 0px auto 41px;
	text-align: center;
}

.state_nav h5 {
	font-size: 36px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #000000;
	line-height: 42px;
	-webkit-background-clip: text;
	margin: 81px 0 41px 0;
}

.public_modal {
	/* margin-bottom: 33px; */
}

.mySwiper {
	width: 1200px;
	height: 280px;
	background: #FFFFFF;
	box-shadow: 0px 7px 20px 1px rgba(115,152,255,0.1500);
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
}

.public_modal div:first-child h4 i {
	float: left;
	position: relative;
}

.public_modal div:first-child>p {
	font-size: 22px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
	line-height: 22px;
	margin-bottom: 23px;
	text-indent: 10px;
}

.public_modal div:first-child .swiper-slide>div {
	width: 380px;
	    height: 220px;
	    float: left;
	    overflow: hidden;
	    border-radius: 15px;
	    margin: 30px 0 0 30px;
}

.public_modal div:first-child .swiper-slide>div>img {
	width:100%;
	border-radius: 10px 0 0 10px;
	display: block;
}

.public_modal div:first-child .swiper-slide>span {
	width:765px;
	height:220px;
	background: #fff;
	border-radius: 0 10px 10px 0px;
	z-index: 999;
	font-size: 18px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 60px;
	float: left;
	padding-left: 56px;
}
.public_modal div:first-child .swiper-slide>span>div{
	display:flex;
}
.public_modal div:first-child .swiper-slide>span>div h5 {
	font-size: 22px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 33px;
	margin: 35px 0 0 0;
}

.public_modal div:first-child .swiper-slide>span>div h6 {
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 24px;
	margin: 42px 0 17px 10px;
}

.public_modal div:first-child .swiper-slide>span>span {
	width: 26px;
	height: 4px;
	background: #214BF7;
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	display: block;
	margin-top:5px;
}

.public_modal div:first-child .swiper-slide span>p {
	width: 666px;
	    height: 84px;
	    font-size: 14px;
	    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	    font-weight: 400;
	    color: #666666;
	    line-height: 22px;
	    margin-top: 15px;
	    overflow: hidden;
}

.public_modal div:first-child .swiper-slide span>a {
	display: block;
	width: 154px;
	height: 36px;
	border-radius: 6px 6px 6px 6px;
	opacity: 1;
	border: 1px solid #214BF7;
	margin-top:24px;
}

.public_modal div:first-child .swiper-slide span>a p {
	height: 36px;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #214BF7;
	line-height: 34px;
	float: left;
	margin-left: 21px;
}

.public_modal div:first-child .swiper-slide span>a img {
	float: left;
	margin: 11px 0 0 12px;
}

.public_modal .swiper-button-prev1 {
	background-image: url(/zhuzhan/220824/image/left1.png) !important;
	right:68px !important;
	left: auto !important;
	background-size: 80% !important;
}

.public_modal .swiper-button-next1 {
	background-image: url(/zhuzhan/220824/image/right1.png) !important;
	right:36px !important;
	left: auto;
	background-size: 80% !important;
}

.public_modal .swiper-button-next1,
.public_modal .swiper-button-prev1 {
	position: absolute;
	top: 32px !important;
	width: 32px !important;
	height: 32px !important;
	margin-top: -5px !important;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #214BF7;
}

.public_modal .swiper-button-next1.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

.public_modal div:first-child .swiper-slide span>div img {
	float: left;
}

.public_modal div:first-child .swiper-slide span>div p {
	font-size: 16px;
	height: 15px;
	line-height: 15px;
	margin: 0;
	float: left;
	color: #fff;
}

.public_modal div:first-child .swiper-slide span>img {
	position: absolute;
	width: 15px;
	height: 19px;
	top: 21px;
	left: 26px;
}

.public_modal .public_list {
	margin-top:40px;
}

.public_modal .public_list span span {
	width: 98px;
	height: 25px;
	/* line-height:25px; */
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	border: 1px solid #214BF7;
	display: block;
	float: right;
	padding-left: 13px;
	margin-right: 39px;
	color: #214BF7;
}

.public_modal .public_list span span:hover {
	background: #214BF7;
	color: #FFFFFF;
}

.public_modal .public_list span span h5 {
	font-size: 16px;
	line-height: 21px;
	font-family: Resource Han Rounded J-Normal, Resource Han Rounded J;
	font-weight: 400;
	margin: 0;
}

.public_modal .public_list span span img {
	margin-left: 8px;
}

.public_modal .public_list ul {
	margin: 0;
}

.public_modal .public_list ul li h4 {
	height: 33px;
	font-size: 22px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 26px;
	margin: 0;
}

.public_modal .public_list ul li p {
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 19px;
	margin-top: 2px;
}

.public_modal .public_list ul li {
	display: block;
	width: 280px;
	height: 80px;
	background: #FFFFFF;
	box-shadow: 0px 7px 20px 1px rgba(115,152,255,0.1500);
	border-radius: 10px 10px 10px 10px;
	overflow: hidden;
	margin-bottom: 27px;
	margin-right: 26px;
	position: relative;
	float: left;
}

.public_modal .public_list ul li:last-child {
	margin-right: 0;
}
.public_modal .public_list ul li.on h4 {
	color:#FFFFFF;
}
.public_modal .public_list ul li.on {
background: #214BF7;
box-shadow: 0px 7px 20px 1px rgba(115,152,255,0.1500);
color:#FFFFFF;
}

.public_modal .public_list ul li div {
	float: left;
	margin:25px 0 0 21px;
}

.public_modal .public_list ul li span {
	margin:15px 0 0 30px;
	float: left;
	display: block;
}

/*品质*/
.quality {
	position: relative;
	width: 1200px;
	padding-bottom: 60px;
	margin: 0 auto;
}

.quality span {
	overflow: hidden;
}

.quality>span h5 {
	font-size: 36px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #000000;
	line-height: 54px;
	text-align: center;
	margin: 59px 0 0 0;
}

.quality_list {
	margin-top: 40px;
}

.quality_list>div {
	width: 280px;
	height: 340px;
	background: #FFFFFF;
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	float: left;
	margin-right: 26px;
	position: relative;
	overflow: hidden;
}

@keyframes dh1 {
	0% {
		right: -150px;
	}

	100% {
		right: 0px;
	}
}

@-webkit-keyframes dh1

/* Safari 与 Chrome */
	{
	0% {
		right: -150px;
	}

	100% {
		right: 0px;
	}
}

@keyframes dh {
	0% {
		right: -150px;
	}

	100% {
		right: 22px;
	}
}

@-webkit-keyframes dh

/* Safari 与 Chrome */
	{
	0% {
		right: -150px;
	}

	100% {
		right: 22px;
	}
}

.quality_list>div:last-child {
	margin-right: 0;
}

/* .quality_list>div:hover {
	box-shadow: 0px 20px 28px 1px rgba(115, 152, 255, 0.15);
	border-radius: 10px 10px 10px 10px;
} */

.quality_list>div h5 {
	width: 127px;
	height: 18px;
	background: linear-gradient(82deg, #F77421 0%, rgba(247, 116, 33, 0) 100%);
	font-size: 28px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 6px;
	margin: 47px 0 0 24px;
}

.quality_list>div:first-child h5 {
	background: linear-gradient(82deg, #F77421 0%, rgba(247, 116, 33, 0) 100%);
}

.quality_list>div:nth-child(2) h5 {

	background: linear-gradient(82deg, #75CD88 0%, rgba(143, 203, 153, 0) 100%);
}

.quality_list>div:nth-child(3) h5 {

	background: linear-gradient(82deg, #69E4FF 0%, rgba(105, 228, 255, 0) 100%);
}

.quality_list>div:nth-child(4) h5 {

	background: linear-gradient(82deg, #5476FF 0%, rgba(84, 118, 255, 0) 100%);
}

.quality_list>div>p {
	width: 228px;
	height: 38px;
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 22px;
	margin: 32px 0 0 24px;
}

.quality_list>div>div {
	width: 100%;
}

.animat {
	animation: dh 2s;
	-webkit-animation: dh 2s;
}

.animat1 {
	animation: dh1 2s;
	-webkit-animation: dh1 2s;
}

.quality_list>div>div>img:first-child {
	position: absolute;
	bottom: 28px;
	right: 22px;
}

.quality_list>div>div>img:last-child {
	position: absolute;
	bottom: 12px;
	right: 0px;
}

.quality_list>div>div p {
	width: 232px;
	height: 105px;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
	margin: 15px 0 0 24px;
	position: absolute;
	z-index: 999;
}

/*理念*/
.idea {
	background: url(/zhuzhan/220824/image/about/jiaoxue-bj.png) no-repeat;
	width: 100%;
	height: 818px;
	overflow: hidden;
}

.idea>span>h5 {
	font-size: 36px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 42px;
	text-align: center;
	margin: 51px 0 40px 0;
}

.idea .idea_list {
	width: 1200px;
	margin: 0 auto;
}

.idea .idea_list>div {
	width: 384px;
	height: 185px;
	background: rgba(8, 72, 238, 0.5);
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	float: left;
	margin-bottom: 23px;
	position: relative;
	overflow: hidden;
}

.idea .idea_list>div>div:first-child {
	margin: 29px 0px 0 28px;
}

.idea .idea_list>div>div img {
	float: left;
}

.idea .idea_list>div>div h4 {
	float: left;
	height: 33px;
	font-size: 22px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 40px;
	margin: 0 0 0 14px;
}

.idea .idea_list>div>div p {
	width: 328px;
	height: 103px;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 22px;
	margin: 13px 0 0 28px;
}

.idea .idea_list>div>span {
	position: absolute;
	font-size: 77px;
	font-family: Arial-Bold, Arial;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.14);
	line-height: 90px;
	display: block;
	top: -33px;
	right: 10px;
}

.idea .idea_list>div.on>span {
	color: rgba(33, 75, 247, 0.14);
}

.idea .idea_list>div.on>div h4 {
	color: #333333;
}

.idea .idea_list>div.on>div p {
	color: #666666;
}

.idea .idea_list>div:nth-child(2) {
	margin: 0 24px 0 24px;
}

.idea .idea_list>div:nth-child(5) {
	margin: 0 24px 0 24px;
}

.idea .idea_list>div:nth-child(8) {
	margin: 0 24px 0 24px;
}

.idea .idea_list>div.on {
	background: #FFFFFF;
}

.idea .idea_list>div.on>div img:nth-child(1) {
	display: none;
}

.idea .idea_list>div.on>div img:nth-child(2) {
	display: block;
}

.idea .idea_list>div>div img:nth-child(2) {
	display: none;
}

/*历程*/
.our_course {
	height: 685px;
	overflow: hidden;
}

.our_course>span {
	font-size: 36px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 42px;
	text-align: center;
	display: block;
	margin: 60px auto 54px;
}

.our_course .bordered {
	border: 1px dashed #C4C4C4;
	position: absolute;
	top: 188px;
	z-index: -1;
	width: 100%;
}

.our_course .swiper-container2 {
	height: 517px;
}

.our_course .swiper-slide {
	text-align: center;
	width: 320px;
	height: 370px;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	transition: 0.2s;
	padding-top: 92px;
}

.our_course .swiper-slide h5 {
	font-size: 22px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
	line-height: 26px;
	text-align: center;
}

.our_course .swiper-slide p {
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 16px;
	margin-top: 28px;
}

.our_course .swiper-slide.swiper-slide-active p {
	margin-top: 19px;
	line-height: 22px;
}

.our_course .swiper-slide span p:last-child {
	display: none;
}

.our_course .swiper-slide.swiper-slide-active span p:first-child {
	display: none;
}

.our_course .swiper-slide.swiper-slide-active span p:last-child {
	display: block;
	width: 268px;
	margin: 19px auto 0;
}

/* .our_course .swiper-slide a::after {
	content: "";
	width: 440px;
	height: 320px;
	background: linear-gradient(90deg, rgba(51, 51, 51, 0.69) 0%, rgba(51, 51, 51, 0.47) 100%);
	border-radius: 10px 10px 10px 10px;
	opacity: 0.2;
	display: block;
	position: absolute;
	top: 0;
}

.our_course .swiper-slide-active a::after {
	content: "";
	width: 440px;
	height: 320px;
	background: none;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	display: block;
	position: absolute;
	top: 0;
} */

.our_course .swiper-slide>a>div>img {
	display: block;
	margin: 0 auto;
}

.our_course .swiper-slide>a>div>img:first-child {
	margin-top: 30px;
	display: block;
}

.our_course .swiper-slide>a>div>img:last-child {
	display: none;
}

.our_course .swiper-slide.swiper-slide-active>a>div>img:last-child {
	display: block;
	margin-top: 19px;
}

.our_course .swiper-slide.swiper-slide-active>a>div>img:first-child {
	display: none;
}

/* .open_class .swiper-slide a:hover{
	opacity:.6;
	}	 */
.our_course .swiper-slide-active {
	opacity: 1;
	position: relative;
}

.our_course .swiper-slide-active {
	width: 320px;
	height: 370px;
	background: #FFFFFF;
	box-shadow: 0px 7px 20px 1px rgba(115, 152, 255, 0.15);
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	line-height: 53px;
	border-radius: 0px 0px 5px 5px;
	opacity: 1;
	font-size: 20px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	text-align: center;
	color: #333333;
	display: block;
	padding-top: 54px;
}

/* .our_course .swiper-slide-active span {
	width: 440px;
	height: 53px;
	line-height: 53px;
	background: #FFFFFF;
	border-radius: 0px 0px 5px 5px;
	opacity: 1;
	font-size: 20px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	text-align: center;
	color: #333333;
	display: block;
	position: absolute;
	bottom: 0;
	display: block;
	box-shadow: 0px 20px 28px 1px rgba(115, 152, 255, 0.15);
} */

.our_course .swiper-button-prev2 {
	background-image: url(/zhuzhan/220824/image/left1.png) !important;
	top: 429px !important;
	right: 0px !important;
	left: 0 !important;
	transform: translateX(-15px);
	margin: auto;
	background-size: 80% !important;
}

.our_course .swiper-button-next2 {
	background-image: url(/zhuzhan/220824/image/right1.png) !important;
	top: 429px !important;
	right: 0px !important;
	left: 0;
	transform: translateX(15px);
	margin: auto;
	background-size: 80% !important;
}

.swiper-button-next2,
.swiper-button-prev2 {
	position: absolute;
	top: 326px !important;
	width: 32px !important;
	height: 32px !important;
	margin-top: -5px !important;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #214BF7;
}

.swiper-button-next2.swiper-button-disabled,
.swiper-button-prev2.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

/* .idea .idea_list>div:nth-child(2n){
	margin-right:24px;
} */
/*成就*/
.fulfill {
	position: relative;
	height: 575px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}

.fulfill span {
	overflow: hidden;
}

.fulfill>span h5 {
	font-size: 36px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #000000;
	line-height: 54px;
	text-align: center;
	margin: 59px 0 0 0;
}

.fulfill_list {
	width: 1200px;
	margin: 40px auto 0;
}

.fulfill_list>div>div {
	width: 280px;
	height: 320px;
	background: linear-gradient(121deg, #F5F7FF 0%, rgba(241, 244, 255, 0.4) 100%);
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	float: left;
	margin-right: 26px;
	position: relative;
	overflow: hidden;
	padding-left: 23px;
}

.fulfill_list>div>div:last-child {
	margin-right: 0;
}

.fulfill_list>div>div>h5 {
	font-size: 36px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
	line-height: 42px;
	margin: 54px 0 0 0;
}

.fulfill_list>div>div>p {
	height: 26px;
	font-size: 20px;
	font-family: OPPOSans-Regular, OPPOSans;
	font-weight: 400;
	color: #999999;
	line-height: 23px;
}

.fulfill_list>div>div>div>img {
	position: absolute;
	top: 0px;
	right: 0px;
}

.fulfill_list>div>div>div>img:first-child {
	position: absolute;
	top: 0px;
	right: 0px;
}

.fulfill_list>div>div>div>img:last-child {
	display: none;
}

.fulfill_list>div>div.on>div>img:last-child {
	display: block;
}

.fulfill_list>div>div>div {
	margin-top: 38px;
}

.fulfill_list>div>div>div h5 {
	font-size: 36px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 42px;
	float: left;
}

.fulfill_list>div>div>div h5 i {
	font-style: normal;
	font-size: 48px;
	font-family: OPPOSans-Heavy, OPPOSans;
	font-weight: 800;
	color: #F77421;
	line-height: 56px;
}

.fulfill_list>div>div>div p {
	float: left;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 19px;
	margin-top: 43px;
}

.fulfill_list>div>div>span {
	width: 127px;
	height: 24px;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 19px;
}

.fulfill_list>p {
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #999999;
	line-height: 19px;
	margin-top: 40px;
	float: right;
	margin-right: 8px;
}

/*荣誉*/
.part>span {
	font-size: 36px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 42px;
	text-align: center;
	display: block;
	margin:70px 0 42px 0;
}

.zhiye_c {
	width: 1200px;
	margin: 0 auto;
}

.zhiyefz_list * {
	box-sizing: border-box;
}

.zhiyefz_list {
	margin-top: 20px;
}

.zhiyefz_item1 {
	position: relative;
}

.zhiyefz_item1 span {
	width: 460px;
	height: 70px;
	background: rgba(33, 75, 247, 0.8);
	opacity: 1;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 0px 0px 10px 10px;
	display: none;
}

.zhiyefz_item1 span.on {
	display: block;
}

.zhiyefz_item1 span p {
	height: 70px;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 24px;
	text-align: center;
	margin-top: 12px;
}

.zhiyefz_list .zhiyefz_item a img {
	width: 100%;
	height: auto;
}

.zhiyefz_list .zhiyefz_item1 {
	width: 460px;
	height: 343px;
	float: left;
	padding-bottom: 1px;
}

.zhiyefz_list .zhiyefz_item1 img {
	border-radius: 10px 10px 10px 10px;
}

.zhiyefz_list .zhiyefz_item2 {
	width: 720px;
	float: left;
	display: block;
	margin-left: 20px;
}

/* .zhiyefz_list .zhiyefz_item2>div:nth-child(odd){
	margin:0 4px 4px 4px;
} */
/* .zhiyefz_list .zhiyefz_item2>div:nth-child(3){
	margin:0 0px 4px 4px;
} */
.zhiyefz_list .zhiyefz_item2 .zhiyefz_img {
	width: 220px;
	height: 165px;
	float: left;
	position: relative;
}

.zhiyefz_list .zhiyefz_item2 .zhiyefz_img:nth-child(1) {
	margin: 0 0px 13px 0px;
}

.zhiyefz_list .zhiyefz_item2 .zhiyefz_img:nth-child(2) {
	margin: 0 10px 13px 10px;
}

.zhiyefz_list .zhiyefz_item2 .zhiyefz_img:nth-child(3) {
	margin: 0 0px 13px 0px;
}

.zhiyefz_list .zhiyefz_item2 .zhiyefz_img:nth-child(5) {
	margin: 0 10px 0 10px;
}

.zhiyefz_img span {
	position: absolute;
	width: 220px;
	height: 50px;

	background: rgba(33, 75, 247, 0.8);
	border-radius: 0px 0px 10px 10px;
	display: block;
	bottom: 0;
	/* text-align: right; */
	line-height: 50px;
	display: none;
}

.zhiyefz_img span.on {
	display: block;
}

.zhiyefz_img span p {
	width: 220px;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 23px;
	text-align: center;
	margin: 0 auto;
}

.zhiyefz_img span img {
	display: block;
	float: right;
	margin: 19px 26px 0;
}

/*移动*/
.wrap_m {
	width: 7.5rem;
	margin: 0 auto;
	background-color: #F6F7FB;
}

.header_m {
	width: 7.5rem;
	display: flex;
	justify-content: space-around;
}

.header_m img:nth-child(1) {
	width: 0.5rem;
	height: 0.5rem;
	opacity: 1;
	margin-top: 0.20rem;
	margin-left: -0.4rem;
}

.header_m img:nth-child(2) {
	width: 2.7rem;
	height: 0.89rem;
	opacity: 1;
}

.header_m img:nth-child(3) {
	width: 0.5rem;
	height: 0.5rem;
	opacity: 1;
	margin-top: 0.20rem;
	margin-right: -0.6rem;
}

.top_banner {
	width: 7.5rem;
	position: relative;
}

.top_banner img {
	width: 100%;
}

/*课程导航*/
.sidenavs {
	background-color: #FFFFFF;
	overflow: hidden;
	width: 7.5rem;
	height: 100%;
	margin-left: auto;
	top: 0;
	left: 0;
	height: 100%;
	position: fixed;
	overflow: auto;
	display: block;
	z-index: 9999999;
	box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
	transform: translate(-7.6rem, 0);
	transition: transform .3s;
}

.sidenavs.show {
	transform: translate(0, 0);
}

.sidenavs i {
	background: url(/zhuzhan/220824/image/m/x.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0.30rem;
	display: block;
	width: 0.32rem;
	height: 0.32rem;
	top: 0.20rem;
}

.sidenavs>h5 {
	font-size: 0.32rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 0.32rem;
	text-align: center;
	margin: 0.28rem 0 0.24rem;
}

.sidenavs>div span {
	text-align: center;
	display: block;
	width: 7rem;
	height: 0.7rem;
	line-height: 0.7rem;
	margin: 0 auto;
	font-size: 0.3rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
}

.sidenavs>div:nth-child(2) span {
	background: url(/zhuzhan/220824/image/m/kaifa.png) no-repeat center;
	background-size: 100%;
	color: #214BF7;
}

.sidenavs>div:nth-child(3) span {
	background: url(/zhuzhan/220824/image/m/sj.png) no-repeat center;
	background-size: 100%;
	color: #F7216E;
}

.sidenavs>div:nth-child(4) span {
	background: url(/zhuzhan/220824/image/m/yys.png) no-repeat center;
	background-size: 100%;
	color: #8C5009;
}

.sidenavs>div ul {
	width: 7rem;
	margin: 0.30rem auto 0.08rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sidenavs>div ul li {
	width: 2.18rem;
	height: 0.6rem;
	line-height: 0.6rem;
	background: #F6F7FB;
	border-radius: 0.15rem;
	opacity: 1;
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Normal, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	margin-bottom: 0.22rem;
	text-align: center;
}

.sidenavs>span {
	width: 7rem;
	height: 1.38rem;
	background: #F6F7FB;
	border-radius: 0.1rem;
	opacity: 1;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}

.sidenavs>span div {
	display: flex;
}

.sidenavs>span div p {
	margin: 0 0 0 0.20rem;
}

.sidenavs>span div:nth-child(1) {
	margin: 0.30rem 0 0.22rem 0.30rem;
}

.sidenavs>span div:nth-child(2) {
	margin: 0rem 0 0rem 0.30rem;
}

.sidenavs>span div img {
	width: 0.30rem;
	height: 0.30rem;
}

.sidenavs>span div p {
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Normal, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 0.26rem;
}

#list-top-m {
	position: fixed;
	top: 1.45rem;
	left: 0;
	right: 0;
	z-index: 999
}

/* top*/
.banner_list {
	width: 6.9rem;
	height: 4.1rem;
	background: #FFFFFF;
	box-shadow: 0px 0.2rem 0.28rem 0.01rem rgba(115, 152, 255, 0.15);
	border-radius: 0.2rem;
	opacity: 1;
	display: flex;
	justify-content: space-around;
	margin: -0.70rem auto 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 999;
}

.banner_list .onshows {
	display: none;
}

/* .banner_list .onshows.on {
	display:none;
} */
.banner_list .tap_navs {
	width: 3rem;
	border-radius: 0.2rem;
	opacity: 1;
	margin: 0.31rem 0rem 0 0.39rem;
	justify-content: space-between;
	border-radius: 0.15rem;
	opacity: 1;
	display: flex;
}

.banner_list .tap_navs>div>div {
	display: flex;
	line-height: 0.7rem;
	width: 1.99rem;
}

.banner_list .tap_navs>div:nth-child(2) img {
	width: 0.30rem;
	height: 0.30rem;
	opacity: 1;
}

.banner_list .tap_navs>div:nth-child(2) img:nth-child(1) {
	display: none;
}

.banner_list .tap_navs>div.on:nth-child(2) img:nth-child(1) {
	display: block;
}

.banner_list .tap_navs>div.on:nth-child(2) img:nth-child(2) {
	display: none;
}

.banner_list .tap_navs>div img.left_icon {
	width: 0.4rem;
	height: 0.4rem;
	margin-left: 0.18rem;
	margin-top: 0.19rem;
}

.banner_list .tap_navs h5 {
	font-size: 0.64rem;
	font-family: Impact-Regular, Impact !important;
	font-weight: 400;
	color: #214BF7;
	line-height: 0.77rem;
	margin: 0;
}

.banner_list .tap_navs i {
	font-style: normal;
	font-size: 0.50rem;
	font-family: Source Han Sans CN-Heavy, Source Han Sans CN;
	font-weight: 800;
	color: #214BF7;
	line-height: 0.77rem;
}

.banner_list .tap_navs p {
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	margin-top: 0.07rem;
	text-align: left;
}

.banner_list .tap_navs img {
	width: 0.80rem;
	height: 0.80rem;
}

.banner_list .tap_navs h5.on {
	color: #214BF7;
}

.banner_list ul {
	width: 6.7rem;
	margin: 0.22rem auto 0.22rem !important;
	display: flex;
	flex-wrap: wrap;
}

.banner_list ul li {
	/* margin-bottom:0.20rem; */
	/* margin-left: 0.20rem; */
	width: 3.30rem;
	height: 1.90rem;
	border-right: 0.01rem solid #DEE7FF;
	border-bottom: 0.01rem solid #DEE7FF;
}

.banner_list ul li:nth-child(2) {
	border-right: 0rem solid #000000;
}

.banner_list ul li:nth-child(3) {
	border-bottom: 0rem solid #000000;
}

.banner_list ul li:nth-child(4) {
	border-bottom: 0rem solid #000000;
	border-right: 0rem solid #000000;
}

.banner_list ul li .content {
	position: absolute;
	height: 3.7rem;
	width: 6.9rem;
	background: rgba(255, 255, 255, 1);
	border-radius: 0.2rem;
	opacity: 1;
	margin: 0rem auto 0;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	display: flex;
	flex-wrap: wrap;
	left: 0;
	justify-content: space-between;
	padding: 0 0.25rem 0 0.25rem;
}

.banner_list ul li .content:after {
	content: "";
	height: 0.62rem;
	width: 2rem;
}

.banner_list ul li .content a {
	margin-top: 0.3rem;
	height: 0.62rem;
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 0.62rem;
	margin-bottom: 0;
	display: block;
	width: 2rem;
	border-radius: 0.1rem;
	opacity: 1;
	border: 0.01rem solid #DEE7FF;
	text-align: center;
}

/*关于达内*/
.news_trends {
	margin: 4.1rem auto 0;
}

.news_trends>h5 {
	font-size: 0.4rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #000000;
	line-height: 0.47rem;
	text-align: center;
	margin: 0 0 0.45rem 0;
}
.news_trends .ccH5Poster img{
	width:100%;
}
.news_trends>div {
	width: 6.9rem;
	min-height: 6.1rem;
	background: #FFFFFF;
	box-shadow: 0px 7px 20px 1px rgba(115, 152, 255, 0.15);
	border-radius: 20px 20px 20px 20px;
	opacity: 1;
	margin: 0 auto;
}

.news_trends>div>span {
	width: 6.9rem;
	height: 3.77rem;
	margin: 0 auto;
	position: relative;
	display: block;
}

.news_trends>div>span .videos {
	width: 6.9rem;
	height: 3.77rem;
	margin: 0 auto;
	display: block;
	border-radius: 0.1rem;
	overflow: hidden;
}
.news_trends>div>span .ccH5Poster {
    background:none;
}
.news_trends>div>span .ccH5playerBox{
	 background:none;
}
.news_trends>div>span .ccH5playerBox video{
	  background:none;
	  }
.news_trends>div>span .ccH5Poster{
	background:none;
}
.news_trends>div>span span:nth-child(2) {
	width: 6.9rem;
	height: 0.66rem;
	background: rgba(57, 57, 57, 0.5);
	border-radius: 0px 0rem 0.1rem 0.1rem;
	opacity: 1;
	display: block;
	position: absolute;
	bottom: 0;
	font-size: 0.24rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.66rem;
	text-indent: 0.3rem;
}

.news_trends>div>span img:nth-child(3) {
	width: 0.88rem;
	height: 0.88rem;
	opacity: 0.8;
	position: absolute;
	top: 0;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
}

.news_trends>div>div>p {
	width: 6.28rem;
	height: 1.7rem;
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 0.44rem;
	margin: 0.3rem auto 0;
	text-indent: 0.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.news_trends>div>img {
	widows: 0.30rem;
	height: 0.30rem;
	margin: 0.22rem auto 0;
	display: block;
}
/*品质*/
.quality_m {
	position: relative;
	width:7.5rem;
	padding-bottom:0.3rem;
	margin: 0 auto;
}

.quality_m span {
	overflow: hidden;
}

.quality_m>span h5 {
	font-size: 0.4rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.47rem;
	text-align: center;
	margin:0.7rem 0 0 0;
}

.quality_lists {
	width:6.90rem;
	margin:0.40rem auto 0;
}

.quality_lists>div {
	width:3.30rem;
	height: 3.10rem;
	background: #FFFFFF;
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	float: left;
	margin-right:0.29rem;
	position: relative;
	overflow: hidden;
}

@keyframes dh1 {
	0% {
		right: -150px;
	}

	100% {
		right: 0px;
	}
}

@-webkit-keyframes dh1

/* Safari 与 Chrome */
	{
	0% {
		right: -150px;
	}

	100% {
		right: 0px;
	}
}

@keyframes dh {
	0% {
		right: -150px;
	}

	100% {
		right: 22px;
	}
}

@-webkit-keyframes dh

/* Safari 与 Chrome */
	{
	0% {
		right: -150px;
	}

	100% {
		right: 22px;
	}
}
.quality_lists>div:nth-child(2) {
	margin-right: 0;
}
.quality_lists>div:nth-child(3) {
	margin-top:0.30rem;
}
.quality_lists>div:last-child {
	margin-right: 0;
	margin-top:0.30rem;
}

/* .quality_list>div:hover {
	box-shadow: 0px 20px 28px 1px rgba(115, 152, 255, 0.15);
	border-radius: 10px 10px 10px 10px;
} */

.quality_lists>div h5 {
	width: 1.8rem;
	height: 0.14rem;
	background: linear-gradient(82deg, #F77421 0%, rgba(247, 116, 33, 0) 100%);
	font-size:0.36rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height:0;
	margin: 0.57rem 0 0 0.24rem;
}

.quality_lists>div:first-child h5 {
	background: linear-gradient(82deg, #F77421 0%, rgba(247, 116, 33, 0) 100%);
}

.quality_lists>div:nth-child(2) h5 {

	background: linear-gradient(82deg, #75CD88 0%, rgba(143, 203, 153, 0) 100%);
}

.quality_lists>div:nth-child(3) h5 {

	background: linear-gradient(82deg, #69E4FF 0%, rgba(105, 228, 255, 0) 100%);
}

.quality_lists>div:nth-child(4) h5 {

	background: linear-gradient(82deg, #5476FF 0%, rgba(84, 118, 255, 0) 100%);
}

.quality_lists>div>p {
	font-size: 0.24rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 0.34rem;
	margin:0.25rem 0 0 0.24rem;
}
.animat {
	animation: dh 2s;
	-webkit-animation: dh 2s;
}

.animat1 {
	animation: dh1 2s;
	-webkit-animation: dh1 2s;
}

.quality_lists>div>div>img:first-child {
	width:2.35rem;
	height: 0.18rem;
	position: absolute;
	bottom:0.33rem;
	right:0.71rem;
}

.quality_lists>div>div>img:last-child {
	width:1.40rem;
	height:1.53rem;
	position: absolute;
	bottom:0.12rem;
	right: 0px;
}
/*理念*/
.idea_m {
	width: 100%;
	overflow: hidden;
	background-color:#fff;
	/* padding-bottom:0.49rem; */
}

.idea_m>span>h5 {
	font-size: 0.4rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.47rem;
	text-align: center;
	margin: 0.51rem 0 0.4rem 0;
}

.idea_m .idea_lists {
	width:6.9rem;
	margin: 0 auto;
	display:flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}

.idea_m .idea_lists>div {
	width: 2.1rem;
	height: 2.1rem;
	background: linear-gradient(121deg, #F5F7FF 0%, rgba(241, 244, 255, 0.4) 100%);
	border-radius: 0.2rem;
	opacity: 1;
	overflow: hidden;
	position:relative;
	margin-bottom:0.30rem;
}

.idea_m .idea_lists>div>div:first-child {
	margin:0.33rem 0px 0 0.28rem;
}
.idea_m .idea_lists>div>div:first-child img{
	width: 0.5rem;
	    height: 0.5rem;
}
.idea_m .idea_lists>div>div h4 {
	font-size: 0.3rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.36rem;
	margin: 0.22rem 0 0 0rem;
}
.idea_m .idea_lists>div>span {
	position: absolute;
	font-size: 0.77rem;
	font-family: Arial-Bold, Arial;
	font-weight: bold;
	color: rgba(33, 75, 247, 0.14);
	line-height: 0.9rem;
	display: block;
	top: -0.33rem;
	right: 0.1rem;
}
.idea_m .idea_lists>div.on>div h4 {
	color: #333333;
}

.idea_m .idea_lists>div.on>div p {
	color: #666666;
}
.idea_m .idea_lists>div:nth-child(2) {
	margin: 0 0.30rem 0 0.30rem
}

.idea_m .idea_lists>div:nth-child(5) {
	margin: 0 0.30rem 0 0.30rem
}

.idea_m .idea_lists>div:nth-child(8) {
	margin: 0 0.30rem 0 0.30rem
}
/*历程 m*/
.our_course_m {
	height:10.94rem;
	overflow: hidden;
	position:relative;
}
.our_course_m .bgb {
	width:7.5rem;
	height:7.65rem;
	background-color:#214BF7;
	position:absolute;
	top:0;
	z-index:0;
}
.our_course_m>span {
	font-size: 0.4rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
	z-index:999;
	position:absolute;
	top:0.70rem;
	left:0;
	right:0;
	margin: 0 auto 0.44rem;
	text-align:center;
	display:block;
}
.our_course_m .swiper-container-m3 {
	height:10.5rem;
}

.our_course_m .swiper-slide {
	text-align: center;
	width:1.45rem;
	height:;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	transition: 0.2s;
	padding-top: 92px;
}

.our_course_m .swiper-slide h5 {
	font-size: 0.3rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 0.35rem;
	text-align: center;
}

.our_course_m .swiper-slide p {
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 16px;
	margin-top: 28px;
}

.our_course_m .swiper-slide.swiper-slide-active p {
	margin-top: 19px;
	line-height: 22px;
}
.our_course_m .swiper-slide a>h5:nth-child(1) {
	display: block;
	padding-top: 0.4rem;
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.62);
	line-height: 0.3rem;
}
.our_course_m .swiper-slide a>h5:nth-child(2) {
	display: none;
}
.our_course_m .swiper-slide.swiper-slide-active a>h5:nth-child(2) {
	display: block;
}
.our_course_m .swiper-slide.swiper-slide-active a>h5:nth-child(1) {
	display: none;
}
.our_course_m .swiper-slide span p:last-child {
	display: none;
}

.our_course_m .swiper-slide.swiper-slide-active span p:first-child {
	display: none;
}
.our_course_m .swiper-slide span{
	display: none;
	width: 6.9rem;
	height: 6.3rem;
	background: #FFFFFF;
	box-shadow: 0px 0.07rem 0.2rem 0.01rem rgba(115, 152, 255, 0.15);
	border-radius: 0.2rem;
	opacity: 1;
	transform:translateX(-2.75rem);
	margin-top:0.30rem;
}
.our_course_m .swiper-slide span img{
	margin-top:0.45rem;
	width: 6.18rem;
	height: 2.9rem;
	border-radius: 0.06rem;
	opacity: 1;
}
.our_course_m .swiper-slide.swiper-slide-active span {
	display: block;
}
.our_course_m .swiper-slide.swiper-slide-active span p:last-child {
	display: block;
	width: 6.18rem;
	margin: 0.30rem auto 0;
	text-align:left;
}
.our_course_m .swiper-slide>a>div>img {
	display: block;
	margin: 0rem auto 0;
}

.our_course_m .swiper-slide>a>div>img:first-child {
	/* margin-top: 0.6rem; */
	    display: block;
	    width: 0.6rem;
	    height: 0.6rem;
}

.our_course_m .swiper-slide>a>div>img:last-child {
	display: none;
}

.our_course_m .swiper-slide.swiper-slide-active>a>div>img:last-child {
	display: block;
	margin-top: 19px;
}

.our_course_m .swiper-slide.swiper-slide-active>a>div>img:first-child {
	display: none;
}

/* .open_class .swiper-slide a:hover{
	opacity:.6;
	}	 */
.our_course_m .swiper-slide-active {
	opacity: 1;
	position: relative;
}

.our_course_m.swiper-slide-active {
	width: 320px;
	height: 370px;
	background: #FFFFFF;
	box-shadow: 0px 7px 20px 1px rgba(115, 152, 255, 0.15);
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	line-height: 53px;
	border-radius: 0px 0px 5px 5px;
	opacity: 1;
	font-size: 20px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	text-align: center;
	color: #333333;
	display: block;
	padding-top: 54px;
}
.our_course_m .swiper-button-prev4 {
	background-image: url(/zhuzhan/220824/image/left1.png) !important;
	right: 0px !important;
	left: 0 !important;
	transform: translateX(-15px);
	margin: auto;
	background-size: 50% !important;
}

.our_course_m .swiper-button-next4 {
	background-image: url(/zhuzhan/220824/image/right1.png) !important;
	right: 0px !important;
	left: 0;
	transform: translateX(15px);
	margin: auto;
	background-size: 50% !important;
}

.swiper-button-next4,
.swiper-button-prev4 {
	position: absolute;
	bottom: 0.45rem !important;
	width: 0.60rem !important;
	height: 0.60rem !important;
	margin-top: -0.05rem !important;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #214BF7;
}

.swiper-button-next4.swiper-button-disabled,
.swiper-button-prev4.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}
.our_course_m .bordered {
	border: 0.01rem dashed #C4C4C4;
	position: absolute;
	top:3.18rem;
	z-index: -1;
	width: 100%;
}
/*职场*/
.honor_m {
	margin-top: 0.50rem;
	position: relative;
}

.honor_m>span {
	display: block;
	width: 7.5rem;
	overflow: hidden;
}

.honor_m>span h5 {
	font-size: 0.4rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #000000;
	line-height: 0.47rem;
	text-align: center;
	margin: 0 0 0.7rem 0;
}

.honor_m>span p {
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 0.3rem;
	text-align: center;
}

.honor_m .swiper-container {
	border-radius: 0.15rem;
	overflow: hidden;
	height:5.13rem;
}

.honor_m .swiper-container .swiper-slide {
	width: 4.60rem;
	height:3.43rem;
	border-radius: 0.15rem;
	overflow: hidden;
	background: #FFFFFF;
	box-shadow: 0px 0.2rem 0.28rem 0.01rem rgba(115, 152, 255, 0.15);
	border-radius: 0.2rem;
	opacity: 1;
	position:relative;
}

.honor_m .swiper-container .swiper-slide p {
width: 4.60rem;
	height:0.81rem;
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	background-color:#214BF7;
	color: #fff;
	line-height: 0.31rem;
	padding-top: 0.11rem;
	text-align:center;
	margin: 0rem auto;
	position:absolute;
	bottom:0;
}

.honor_m .swiper-container .swiper-slide img {
width: 4.60rem;
	height:3.43rem;
	margin: 0 auto;
	display: block;
}
.honor_m .swiper-button-prev3 {
	background-image: url(/zhuzhan/220824/image/left1.png) !important;
	right: 0px !important;
	left: 0 !important;
	transform: translateX(-15px);
	margin: auto;
	background-size: 50% !important;
}

.honor_m .swiper-button-next3 {
	background-image: url(/zhuzhan/220824/image/right1.png) !important;
	right: 0px !important;
	left: 0;
	transform: translateX(15px);
	margin: auto;
	background-size: 50% !important;
}

.swiper-button-next3,
.swiper-button-prev3 {
	position: absolute;
	top:3.9rem !important;
	width:0.6rem !important;
	height:0.6rem !important;
	margin-top: -0.05rem !important;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #214BF7;
}

.swiper-button-next3.swiper-button-disabled,
.swiper-button-prev3.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}
/*成就 m*/
.fulfill_m {
	position: relative;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}

.fulfill_m span {
	overflow: hidden;
}

.fulfill_m>span h5 {
	font-size: 0.4rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	text-align: center;
	/* margin: 0.59rem 0 0 0; */
	margin: 0.2rem 0 0.5rem 0;
}

.fulfill_lists {
	width: 7.5rem;
	margin: 0 auto 0;
}
.fulfill_lists>div{
	display:flex;
	flex-wrap:wrap;
	width:6.9rem;
	margin:0 auto;
}
.fulfill_lists>div>div {
	width: 3.3rem;
	height: 3.2rem;
	background: linear-gradient(121deg, #F5F7FF 0%, rgba(241, 244, 255, 0.4) 100%);
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	position: relative;
	overflow: hidden;
	padding-left:0.23rem;
}
.fulfill_lists>div>div:nth-child(even) {
	margin-left:0.30rem;	
}
.fulfill_lists>div>div:nth-child(3) {
	margin-top:0.30rem;	
}
.fulfill_lists>div>div:last-child {
	margin-top: 0.30rem;
}

.fulfill_lists>div>div>h5 {
	font-size: 0.36rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
	margin:0.54rem auto 0.1rem;
}

.fulfill_lists>div>div>p {
	font-size: 0.2rem;
	font-family: OPPOSans-Regular, OPPOSans;
	font-weight: 400;
	color: #999999;
	line-height: 0.23rem;
}

.fulfill_lists>div>div>div>img {
	position: absolute;
	top: 0px;
	right: 0px;
	width:1rem;
	height:0.90rem;
}

.fulfill_lists>div>div>div>img:first-child {
	position: absolute;
	top: 0px;
	right: 0px;
}

.fulfill_lists>div>div>div>img:last-child {
	display: none;
}

.fulfill_lists>div>div.on>div>img:last-child {
	display: block;
}

.fulfill_lists>div>div>div {
	margin-top:0.50rem;
	display:flex;
}

.fulfill_lists>div>div>div h5 {
	font-size: 0.36rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	margin:0;
}

.fulfill_lists>div>div>div h5 i {
	font-style: normal;
	font-size: 0.48rem;
	font-family: OPPOSans-Heavy, OPPOSans;
	font-weight: 800;
	color: #F77421;
}

.fulfill_lists>div>div>div p {
	font-size:0.26rem;
	height:0.50rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height:0.80rem;
	margin:0 0 0 0.15rem;
}

.fulfill_lists>div>div>span {
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	margin-top:0.2rem;
	display:block;
}

.fulfill_lists>p {
	font-size: 0.2rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #999999;
	line-height: 0.23rem;
	margin:0.30rem 0 0.40rem 0.27rem;
}

/*公益*/
.pa {
	margin-top: 0.90rem;
	position: relative;
}
.cooperation_pomp{
	width:;
}
.cooperation_pomp>span {
	display: block;
	width: 7.5rem;
	overflow: hidden;
}

.cooperation_pomp>span h5 {
	font-size: 0.4rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #000000;
	line-height: 0.47rem;
	text-align: center;
	margin: 0.54rem 0 0.54rem 0;
}

.cooperation_pomp>span p {
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 0.3rem;
	text-align: center;
}

.cooperation_pomp .swiper-container {
	border-radius: 0.15rem;
	overflow: hidden;
	padding-bottom:0.8rem;
}
.cooperation_pomp .swiper-container .swiper-slide:first-child{
	margin-left:0.30rem;
}
.cooperation_pomp .swiper-container .swiper-slide {
	width: 4.4rem;
	height: 5.77rem;
	background: #FFFFFF;
	box-shadow: 0px 0.07rem 0.2rem 0.01rem rgba(115,152,255,0.1500);
	border-radius: 0.2rem;
	opacity: 1;
}

.cooperation_pomp .swiper-container .swiper-slide p {
	width: 3.8rem;
	height: 1.24rem;
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 0.39rem;
	margin: 0.34rem auto 0.30rem;
}

.cooperation_pomp .swiper-container .swiper-slide a>img {
	width: 3.8rem;
	height:2.20rem;
	margin: 0.30rem auto 0.08rem;
	display: block;
}
.cooperation_pomp .swiper-container .swiper-slide a>div{
	width: 3.8rem;
		margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.cooperation_pomp .swiper-container .swiper-slide a>div img{
	width: 0.8rem;
	    height: 0.8rem;
	    margin-top: 0.2rem;
}
.cooperation_pomp .swiper-container .swiper-slide a>div div h5{
	font-size: 0.3rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.35rem;
}
.cooperation_pomp .swiper-container .swiper-slide a>div div h6{
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 0.39rem;
}
.cooperation_pomp .swiper-container .swiper-slide a>div div span{
	width: 0.36rem;
	height: 0.06rem;
	background: #214BF7;
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	display:block;
}
.cooperation_pomp .swiper-container .swiper-pagination {
	height: 0.3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 0.1rem;
}

.cooperation_pomp .swiper-container {
	--swiper-theme-color: #ff6600;
	--swiper-pagination-color: #00ff33;
	/* 两种都可以 */
}

.cooperation_pomp .swiper-pagination-bullet {
	width: 0.32rem;
	height: 0.08rem;
	display: inline-block;
	border-radius: 0.5rem;
	background: #C3CFFF;
	opacity: 1;
}

.cooperation_pomp .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: #214BF7;
}

.Giant_list_m {
	width: 7.5rem;
	margin: 0rem auto 0.39rem;
}

.Giant_list_m ul::-webkit-scrollbar {
	display: none
}

.Giant_list_m ul {
	width:6.9rem;
	margin-top: 0.5rem;
	border-radius: 0.1rem;
	overflow-x: scroll;
	overflow-y: hidden;
	/*解决ios上滑动不流畅*/
	-webkit-overflow-scrolling: touch;
	margin: 0 0 0 0.30rem;
	display: flex;
	justify-content: space-between;
	height: 0.73rem;
}

.Giant_list_m ul li {
	width: 1.6rem;
	height: 0.7rem;
	line-height: 0.7rem;
	background: #FFFFFF;
	border-radius: 0.2rem;
	opacity: 1;
	border: 0.03rem solid #214BF7;
	margin-right: 0.17rem;
	/* 	box-shadow: 0px 20px 28px 1px rgba(115, 152, 255, 0.15); */
}

.Giant_list_m ul li:last-child {
	margin-right: 0px;
}

.Giant_list_m ul li.on {
	opacity: 1;
	background: #214BF7;
	color: #FFFFFF;
}

.Giant_list_m ul li h5 {
	height: 0.7rem;
	text-align: center;
	font-size: 0.3rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 0.7rem;
	display: block;
	margin: 0;
}

.Giant_list_m ul li.on h5 {
	color: #fff;
}

/*foots*/
.content {
	display: none;
}

.tabbar {
	background: #214BF7;
	overflow: hidden;
}

.tap_nav {
	width: 6.9rem;
	height: 0.8rem;
	background: #FFFFFF;
	border-radius: 0.2rem;
	opacity: 1;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
}

.tap_nav>div {
	display: flex;
	line-height: 0.8rem;
}

.tap_nav>div:nth-child(2) {
	height: 0.32rem;
	opacity: 1;
	margin: 0.26rem 0.4rem 0 0;
}

.tap_nav>div:nth-child(2) img {
	width: 0.36rem;
	height: 0.36rem;
	opacity: 1;
}

.tap_nav>div:nth-child(2) img:nth-child(1) {
	display: none;
}

.tap_nav>div img.left_icon {
	width: 0.4rem;
	height: 0.4rem;
	margin-left: 0.18rem;
	margin-top: 0.19rem;
}

.tap_nav h5 {
	font-size: 0.32rem;
	height: 0.8rem;
	line-height: 0.8rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	margin: 0 0 0 0.17rem;
}

.tabbar ul {
	margin: 0.3rem 0 0.33rem !important;
}

.tabbar ul li {
	margin-bottom: 0.20rem;
}

.tabbar ul li .content {
	width: 6.9rem;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 0.2rem;
	opacity: 1;
	margin: -0.3rem auto 0;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

.tabbar ul li .content a {
	margin-top: 0.3rem;
	margin-left: 0.68rem;
	height: 0.42rem;
	font-size: 0.28rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.42rem;
	margin-bottom: 0;
	display: block;
}

/*底部*/
.footer_m div:nth-child(1) {
	display: flex;
	width: 6.9rem;
	height: 1rem;
	line-height: 1rem;
	opacity: 1;
	border-bottom: 0.01rem dashed #999999;
	margin: 0 auto;
}

.footer_m div:nth-child(1) img {
	width: 0.35rem;
	height: 0.35rem;
	display: block;
	margin: 0.32rem 0 0 1.74rem;
}

.footer_m div:nth-child(1) p {
	font-size: 0.28rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	margin-left: 0.17rem;
}

.footer_m div:nth-child(2) {
	width: 6.9rem;
	opacity: 1;
	border-bottom: 0.01rem dashed #999999;
	margin: 0.23rem auto 0.02rem;
	text-align: center;
}

.footer_m div:nth-child(2) p {
	font-size: 0.24rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #999999;
}

.footer_m div:nth-child(3) {
	height: 1.07rem;
	line-height: 1.07rem;
}

.footer_m div:nth-child(3) p {
	height: 0.41rem;
	font-size: 0.24rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #999999;
	text-align: center;
}