html {
	font-size: calc(100vw/192);
}

body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;

}

#a标签去下划线 a {
	text-decoration: none
}

#app.pc {
	text-align: center;
	/* font-size: 5rem; */
	width: 100%;
}

header {
	width: 100%;
	height: 98rem;
	margin: 0;
}

.head {
	padding-top: 0;
	margin-top: 0;
	/*background-image: url("../img/head-bg.webp");*/
	background-color: rgba(0,0,0,0.4);
	width: 100%;
	height: 97rem;
	/*background-repeat:no-repeat;*/
	background-size: 100%,100%;
}

.head_img {
	width: 15rem;
	height: 3rem;
	margin-top: 3.5rem;
	margin-left: 20rem;
	float: left;
	background-image: url("../img/LOGO.svg");
	background-size: 100%,100%;
}

.head a span {
	font-size: 1rem;
}

.head ul {
	list-style: none;
	/* 将默认的列表符号去掉 */
	color: #FFFFFF;
	font-size:1.8rem;
	margin-top: 0rem;
	float: right;
	margin-right: 20rem;
}

.head ul li {
	display: inline;
	line-height: 11rem;
	padding-right: 5rem;
}

.head ul li a{
	color: #FFFFFF;
}
.sloganimg {
	margin-top: 25rem;
	width: 100rem;
}
.ensloganimg{
	width: 50rem;
}

.foot {
	width: 100%;
	margin-top: 8rem;
}

.foot div {
	margin-bottom: 2rem;
}

.fontqy {
	color: #1565D8;
	font-size: 2rem;
	margin: auto;
}


.fontrh {
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #5A7184;
}
.fontrhs{
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #5A7184;
	margin-left:1rem;
}
.fontys {
	padding-top: 5rem;
}

.fontys img {
	width: 46rem;
	height: 60rem;
}

.fontys ul li {
	list-style: none;
	padding-top: 3rem;
}

.fontys ul li span {
	margin-left: 3rem;
	font-size: 2rem;
	padding-right: 20rem;
}

.fontys ul li img {
	padding-right: 9rem;
}

.foots {
	margin-top: 1.8rem;
	margin-bottom: 2rem;
}

.foots div {
	padding-bottom: 2rem;
}

.System_div {
	width: 128rem;
	height: 60rem;
	margin: auto;
	margin-top: 3rem;
}

.System_ONE {
	width: 128rem;
	height: 26rem;
	margin: auto;
}

.Systemxt {
	width: 25.8rem;
	height: 25.5rem;
	float: left;
	margin: auto;
	margin-left: 4.5rem;
	margin-top: 1rem;
	border: 2px solid #E5EAF4;
	border-radius: 10px;
}

.System_TOW {
	width: 128rem;
	height: 23rem;
	margin-top: 2.5rem;
}

.System_Img {
	width: 6.8rem;
	height: 6.8rem;
	margin: auto;
	margin-top: 3rem;
}

.System_h2 {
	font-size: 2rem;
	color: #183B56;
	float: bottom;
	padding-top: 1.8rem;
}

.System_span {
	font-size: 1.3rem;
	color: #5A7184;
}

.Movies_div {
	width: 128rem;
	margin: auto;
}

.Movies_cen {
	width: 128rem;
	height: 50rem;
	margin: auto;
}

.Movies_ex {
	width: 35rem;
	height: 26rem;
	float: left;
	background-image: url("../img/00/0006.webp");
	border-radius: 1rem;
	margin-top: 5rem;
	background-repeat: no-repeat;
	background-size:100%,100%;
}

.Movies_ex1 {
	width: 35rem;
	height: 26rem;
	float: left;
	background-image: url("../img/00/0007.webp");
	background-size:100%,100%;
	border-radius: 1rem;
	margin-top: 5rem;
	background-repeat: no-repeat;
}

.Movies_ex3 {
	width:35rem;
	height:26rem;
	float: left;
	background-image: url("../img/00/0008.webp");
	border-radius: 1rem;
	margin-top: 5rem;
	background-repeat: no-repeat;
	background-size:100%,100%;
}

.Movies_s {
	background-color: #1565D8;
	float:right;
	margin-right: 3rem;
	margin-top: -2rem;
	border-radius: 5px;
	width: 5rem;
	height: 5rem;
}

.Movies_s1 {
	font-size: 3rem;
	line-height: 5rem;
	color: #ffffff;
}

.Movies_ONE {
	width: 0.5rem;
	height: 2rem;
	background-color: #1565D8;
	float: left;
	margin-top: 2rem;
}

.Movies_dx {
	width: 33rem;
	height: 10rem;
	margin-left: 1rem;
	margin-top: 28rem;
}

.Movies_h {
	font-size: 2rem;
	width: 10rem;
	color: #183B56;
	text-align: left;
	margin-bottom: 1rem;
}
.Movies_dc {
	width: 35rem;
	height: 50rem;
	margin-left: 5.5rem;
	float: left;
}
.Movies_span div{
	color: #5A7184;
	font-size: 1.4rem;
}
.Movies_span {
	width: 95%;
	margin-left: 2rem;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	margin-top: 1rem;
	font-size: 1.3rem;
	color: #5A7184;
	text-align: left;
}

.findclass {
	width: 128rem;
	height: 50rem;
	margin: auto;
	margin-top: 3rem;
	margin-bottom: 6rem;
}

.myclass {
	height: 100%;
	width: 25%;
	float: left;
	margin-left: 5rem;
}

.myclass_title {
	width: 100%;
	height: 10%;
	line-height: 5rem;
	font-size: 1.6rem;
	text-align: center;
	margin-top: 3%;
}

.myclass_img {
	width: 100%;
	height: 86%;
	border-radius: 1.5rem;
	margin-top: 5%;
}

.myclassright{
	margin-left: 11.2rem;

}



.ok {
	height: 2rem;
	width: 2rem;
	float: left;
	margin-left: 2rem;
	margin-top: 1.5rem;
}

.myclass_title_text {
	width: 85%;
	height: 5rem;
	float: left;
	line-height: 5rem;
	margin-left: 0.5rem;
	color: #183B56;
	font-size: 1.5rem;
}

.myclass_img1 {
	background-image: url('../img/1.webp');
	background-size: 100%, 100%;
	word-wrap: break-word;
	word-break: break-all;
}

.myclass_img2 {
	background-image: url('../img/2.webp');
	background-size: 100%, 100%;
	word-wrap: break-word;
	word-break: break-all;
}

.myclass_img3 {
	background-image: url('../img/3.webp');
	background-size: 100%, 100%;
	word-wrap: break-word;
	word-break: break-all;
}

.myclass_img_title {
	color: #fff;
	font-size: 2.5rem;
	margin-top: 27rem;
	float: left;
	margin-left: 4rem;
}

.myclass_img_text {
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.6rem;
	margin-top: 1rem;
	float: left;
	margin-left: 4rem;
	line-height: 2.5rem;
	text-align: left;
}

.myclass_img_a {
	text-align: left;
	width: 80%;
	color: #36B37E;
	font-size: 1.5rem;
	margin-top: 1rem;
	float: left;
	margin-left: 4rem;
	line-height: 100%;
	height:3rem;
}
.myclass_img_a>span{
	float: left;
	line-height: 3rem;
}
.jiantou>svg{
	margin-top: 0.5rem;
	height: 1.7rem;
	width: 1.7rem;
}
.swiper-container {
	width: 100%;
	height: 27rem;
	margin: 2rem auto;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.append-buttons {
	text-align: center;
	margin-top: 20px;
}

.append-buttons a {
	display: inline-block;
	border: 1px solid #007aff;
	color: #007aff;
	text-decoration: none;
	padding: 4px 10px;
	border-radius: 4px;
	margin: 0 10px;
	font-size: 13px;
}



#case {
	height: 51rem;
}

#casetop {
	height: 11rem;
	width: 100%;
}

#casetitle {
	font-size: 3.6rem;
	width: 20rem;
	padding-top: 4rem;
	padding-left: 34rem;
}

.case_bg {
	width: 100%;
	height: 27rem;
	background-repeat:repeat;
	background-size: 100% 100%;
	border-radius: 1rem;
}
#case_bg1{
	background-image: url('../img/00/0001.webp');
}
#case_bg2{
	background-image: url('../img/00/0002.webp');
}
#case_bg3{
	background-image: url('../img/00/0003.webp');
}
#case_bg4{
	background-image: url('../img/00/0004.webp');
}
#case_bg5{
	background-image: url('../img/00/0005.webp');
}
.case_bg_mengban{
	width: 100%;
	height: 50%;
	background-image: linear-gradient(rgba(25,60,87,0), rgba(24,59,86,0.8));
	border-radius: 2rem;
	/*background-size: 100% 100%;*/
	margin-top: 34%;
}

/*前进后退颜色*/
.swiper-container {
	--swiper-navigation-color: #ffffff;
	/* 单独设置按钮颜色 */
}

.case_bg_texts {
	width: 86%;
	height: 100%;
	margin:auto;
	/*background-color: red;*/
}

.case_text_text {
	width: 60%;
	float: left;
	color: #ffffff;
	margin-top: 4rem;
	text-align: left;
}

.case_text_title {
	font-weight: 600;
	font-size: 1.8rem;
}

.case_text_1 {
	font-size: 1.4rem;
}

.case_text_but {
	float: right;
	width: 13rem;
	height: 4.5rem;
	color: #1565D8;
	background-color: #ffffff;
	line-height: 4.5rem;
	font-weight: 800;
	border-radius: 5rem;
	margin-top: 5.8rem;
	font-size: 1.5rem;
}

.wrapper {
	width: 100%;
	height: 38rem;
	position: relative;
	margin: 4rem auto 0;
	/*background: #ccc;*/
	overflow: hidden;
	margin-bottom: 3rem;
}


.box {
	width: 40rem;
	height: 38rem;
	position: absolute;
	/*background: red;*/
	font-size: 2.5rem;
	line-height: 38rem;
	text-align: center;
}

.box:nth-child(odd) {
	/*background: #000000;*/
}

.box:nth-child(even) {
	/*background: red;*/
}

.boxes {
	position: relative;
	left: -40rem;
}

.box1 {
	font-size: 0;
	width: 100%;
	height: 100%;
}

.boximg1 {
	width: 96%;
	height: 66%;
	border-radius: 1rem;
	margin-left: 2%;
}

.boximg2 {
	width: 46%;
	height: 30%;
	border-radius: 1rem;
	float: left;
	margin-top: 4%;
	margin-left: 2%;
}

.boximg3 {
	width: 46%;
	height: 30%;
	border-radius: 1rem;
	float: right;
	margin-top: 4%;
	margin-right: 2%;
}

.boximg4 {
	width: 46%;
	height: 30%;
	border-radius: 1rem;
	float: left;
	margin-left: 2%;
}

.boximg5 {
	width: 46%;
	height: 30%;
	border-radius: 1rem;
	float: right;
	margin-right: 2%;
}

.boximg6 {
	width: 46%;
	height: 66%;
	border-radius: 1rem;
	float: left;
	margin-top: 4%;
	margin-left: 2%;
}

.boximg7 {
	width: 46%;
	height: 66%;
	border-radius: 1rem;
	float: right;
	margin-top: 4%;
	margin-right: 2%;
}

.boximg8 {
	width: 96%;
	height: 30%;
	border-radius: 1rem;
	float: left;
	margin-left: 2%;
}

.boximg9 {
	width: 96%;
	height: 66%;
	border-radius: 1rem;
	float: left;
	margin-left: 2%;
	margin-top: 4%;
}

.boximg10 {
	width: 46%;
	height: 100%;
	border-radius: 1rem;
	float: left;
	margin-left: 2%;
}

.boximg11 {
	width: 46%;
	height: 100%;
	border-radius: 1rem;
	float: right;
	margin-right: 2%;
}

.box img {
	width: 100%;
	height: 100%;
	border-radius: 1rem;
	vertical-align: top;
}

.fontqu {
	font-size: 5rem;
	color: #1565D8;
}

.fontcsr {
	font-size: 1.8rem;
	line-height: 3.8rem;
	color: #183B56;
	font-weight: 700;
}
.buts {

	width: 50%;
	height: 3rem;
	margin: auto;
	margin-top: 1.8rem;
}

.buts button {
	width: 12rem;
	color: #5A7184;
	height: 3.8rem;
	margin-left: 1rem;
	background-color: #fff;
	border-radius: 5rem;
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 100%;
	border: 0.2rem solid #707070;
	outline: none;
}

.buts button:hover {
	color: #F54040;
	border-color: #F54040;
}

.myclass_mengban{
	width: 100%;height: 100%;
	background-image: linear-gradient(rgba(24,59,86,0.3), rgba(21,37,50,1));
	background-size: 100% 200%;
	border-radius: 1.5rem;
}

#video{
	width: 100%;
	right: 0;
	z-index: -999;
	position: absolute;
}
.foot_title{
	height: 5rem;
}



.slide_tips {
        display: block;
        width: 6rem;
        height: 5.7rem;
        position: relative;
        left: 50%;
        margin-left: -1.5rem;
        bottom: -28rem;
        z-index: 2;
    }
    .slide_tips .s_line {
        display: block;
        width: 0.2rem;
        height: 3.2rem;
        border-radius: 2px;
        position: absolute;
        left: 50%;
        margin-left: -0.1rem;
        top: 0px;
        background: #fff;
    }
    .slide_tips .s_line {
        animation: a_banner_s_line 3s 0.3s linear both infinite;
        -webkit-animation: a_banner_s_line 3s 0.3s linear both infinite;
        -ms-animation: a_banner_s_line 3s 0.3s linear both infinite;
        -moz-animation: a_banner_s_line 3s 0.3s linear both infinite;
        -o-animation: a_banner_s_line 3s 0.3s linear both infinite;
    }
    .slide_tips .txt {
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        text-align: center;
        bottom: 0px;
        font-size: 1.2rem;
        letter-spacing: 0.2rem;
        color: #fff;
    }
     @keyframes a_banner_s_line {
    0%{ transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
    20%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
    30%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 0;}
    31%{ transform:scale(1,0.01);-webkit-transform:scale(1,0.01);-ms-transform:scale(1,0.01);-moz-transform:scale(1,0.01);-o-transform:scale(1,0.01); transform-origin:50% 0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0; opacity: 0;}
    50%{  transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0; opacity: 1;}
    100%{  transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1); transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%; opacity: 1;}
 }

 .head ul li a:hover{
	 font-weight:700;
 }
 a:active {
	color: ##1565D8;
}
.Tail_a:hover{
	color:#FFFFFF;
}
.Systemxt:hover{
	border:2px solid #fff;
	box-shadow: 0px 0px 7px 7px rgba(0,0,0,0.05) ;//边框阴影
}
.mychange {
        -webkit-animation: myjs 0.5s linear both;
    }
.deletemychange{
	-webkit-animation: deletemyjs 0.5s linear both;
}
@keyframes deletemyjs {
    0% {
		background-position: 0% 50%;
	}
	100% {
		background-position: 0% 0%;
	}
 }
 @keyframes myjs {
    0% {
		background-position: 0% 0%;
	}
	100% {
		background-position: 0% 50%;
	}
 }

.myclass_img_a>span:hover{
	cursor: pointer;
}