@charset "utf-8";
.banner{width: 100%;}
.banner img{width:100%;}

/*20240304修改*/
.wraper .page.p1{padding: 38px 0 0;margin-bottom: 0;}
.wraper .page.p1 .p1-box{width:1200px;margin:0 auto;padding-top: 60px;}
.wraper .page.p1 .p1-box ol{flex-wrap:wrap;width: 100%;}
.wraper .page.p1 .p1-box ol li{width: 32%;position: relative;margin-bottom: 25px;border-radius: 18px;
background: linear-gradient(180deg, rgba(228, 233, 245, 1) 0%, rgba(255, 250, 243, 0) 100%);
box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);}
.wraper .page.p1 .p1-box ol li dl{width:70%;margin:25px auto 0;flex-wrap:wrap;text-align: center;line-height: 35px;font-size: 16px;margin-top: -60px;}
.wraper .page.p1 .p1-box ol li dl dt{width: 100%;}
.wraper .page.p1 .p1-box ol li dl dt h2{font-size: 20px;font-weight: bold;line-height: 60px;}
.wraper .page.p1 .p1-box ol li dl dt img{border:2px solid #184392;border-radius: 50%;width: 117px;}
.wraper .page.p1 .p1-box ol li dl dd{width: 50%;text-align: center;margin-bottom: 15px;line-height: 45px;font-size: 20px;}
.wraper .page.p1 .p1-box ol li dl dd:nth-child(6){width: 100%;}
.wraper .page.p1 .p1-box ol li dl dd span{display: block;width:150px;font-size: 18px;color:#fff;border-radius: 5px;background: linear-gradient(90deg, rgba(137, 169, 214, 1) 0%, rgba(55, 93, 162, 1) 100%);}
.wraper .page.p1 .p1-box ol li dl dd a{color: #184392;font-size: 16px;text-decoration: underline;}
.wraper .page.p1 .p1-box ol li dl dd a:hover{color: #FFB300;}
/*20240304修改*/

.wraper .page.p1 .p1-box2{position: relative;}
.wraper .page.p1 .p1-box2 .p1-box2-content{width:94%;margin:60px auto;border-radius: 18px;background: linear-gradient(180deg, rgba(228, 233, 245, 1) 0%, rgba(255, 250, 243, 0) 100%);box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);}
.wraper .page.p1 .p1-box2 dl{width:70%;margin:25px auto 0;flex-wrap:wrap;text-align: center;line-height: 35px;font-size: 16px;margin-top: -60px;}
.wraper .page.p1 .p1-box2 dl dt{width: 100%;}
.wraper .page.p1 .p1-box2 dl dt h2{font-size: 20px;font-weight: bold;line-height: 60px;}
.wraper .page.p1 .p1-box2 dl dt img{border:2px solid #184392;border-radius: 50%;width: 117px;}
.wraper .page.p1 .p1-box2 dl dd{width: 50%;text-align: center;margin-bottom: 15px;line-height: 45px;font-size: 20px;}
.wraper .page.p1 .p1-box2 dl dd:nth-child(6){width: 100%;}
.wraper .page.p1 .p1-box2 dl dd span{display: block;width:150px;font-size: 18px;color:#fff;border-radius: 5px;background: linear-gradient(90deg, rgba(137, 169, 214, 1) 0%, rgba(55, 93, 162, 1) 100%);}
.wraper .page.p1 .p1-box2 dl dd a{color: #184392;font-size: 16px;text-decoration: underline;}
.wraper .page.p1 .p1-box2 dl dd a:hover{color: #FFB300;}

.wraper .page.p1 .swiper-container {width: 100%;height: 100%;}
.wraper .page.p1 .swiper-slide {text-align: center;font-size: 18px;background: #fff;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;}
.swiper-button-prev{left:1%;}
.swiper-button-next{right:1%;}

.wraper .page.p1 .tabBox .hd{font-size:18px;margin-bottom: 30px;}
.wraper .page.p1 .tabBox .hd ul{ overflow:hidden;box-shadow: 1px 1px 5px #ccc;border-radius: 15px;}
.wraper .page.p1 .tabBox .hd ul li{width: 20%;color:#515151;text-align: center;line-height: 72px;font-size: 18px;}
.wraper .page.p1 .tabBox .hd ul .on{background: url(../images/cgal/p1_bg_1.png) repeat-y left top #375da2;border-radius: 15px;overflow: hidden;}
.wraper .page.p1 .tabBox .hd ul .on a{ display:block;color:#FFF;font-weight: bold;}
.wraper .page.p1 .tabBox .bd ul{}
.wraper .page.p1 .tabBox .bd li{}

.wraper .page.p1 .tabs{font-size:18px;margin-bottom: 30px;text-align: center;}
.wraper .page.p1 .tabs a{display:inline-block;overflow:hidden;box-shadow: 1px 1px 5px #ccc;border-radius:5px;}
.wraper .page.p1 .tabs a{width: 18%;color:#515151;text-align: center;line-height: 35px;font-size: 0.85em;}
.wraper .page.p1 .tabs a.active{background: url(../images/cgal/p1_bg_1.png) repeat-y left top #375da2;border-radius: 5px;overflow: hidden;}
.wraper .page.p1 .tabs a.active{ display:inline-block;color:#FFF;font-weight: bold;}

.model{display:none;width: 65%;height: 600px;margin:0 auto;background:url(../images/cgal/p1_bg_3.png) no-repeat  left top;position:fixed;left:0%;right:0;top:54%;/* margin-left:-586px; */margin-top:-300px;z-index: 9999;border-radius: 20px;box-shadow: 5px 5px 15px #333;background-size: cover;}
.model .model-box{border-radius: 10px;background: rgba(255, 255, 255, 0.8);margin: 70px 55px 55px;}
.model .model-left{width: 35%;background: url(../images/cgal/p1_bg_4.png) no-repeat right 80px;}
.model .model-left dl{margin:25px auto 0;flex-wrap:wrap;text-align: center;line-height: 35px;font-size: 16px;width: 85%;margin-top: 70px;}
.model .model-left dl dt{width: 100%;}
.model .model-left dl dt h2{font-size: 18px;font-weight: bold;line-height: 60px;}
.model .model-left dl dt img{border:2px solid #184392;border-radius: 50%;width:117px}
.model .model-left dl dd{width: 40%;text-align: center;margin-bottom: 15px;line-height: 45px;}
.model .model-left dl dd:nth-child(odd){width: 60%;}
.model .model-left dl dd:nth-child(6){width: 100%;}
.model .model-left dl dd span{display: block;width:130px;background: url(../images/cgal/p1_bg_1.png) repeat-y left top #375da2;padding: 3px 0;border-radius: 10px;color: #fff;line-height: 35px;background: #1B4898;}
.model .model-left dl dd a{color: #fff;background: #ff5733;color: #fff;padding: 10px 25px;border-radius: 10px;}
.model .model-left dl dd a:hover{color: #fff;}
.model .model-right{width: 65%;padding: 25px;  text-align: center;padding-top: 30px;display: flex; align-items: center; justify-content: center;}
.model .model-right img{width: auto; max-height: 400px;border:3px solid #1B4898;border-radius: 15px; }

.opacity{display:none;width: 100%;height: 100%;opacity: 0.65;background: #333;position:fixed;left:0;top:0;z-index: 999;}
.model .close{width: 34px;height: 34px;position: absolute;right:50px;top:20px;z-index: 99999;background: url(../images/cgal/p1_ico_close.png) no-repeat;cursor: pointer;opacity: 0.65;}
.model .close:hover{opacity: 1;}
.wraper .page.p1 .p1-box ol{flex-wrap:wrap;width: 100%;}
.wraper .page.p1 .p1-box ol li{width: 32%;position: relative;margin-bottom: 100px;border-radius: 18px;background: linear-gradient(0deg, rgba(228, 233, 245, 1) 0%, rgba(255, 250, 243, 0) 100%);box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);}

.wraper .page.p2{margin-bottom: 58px;}
.wraper .page.p2 .p2-box{}
.wraper .page.p2 .p2-box ul{width: 100%;flex-wrap:wrap;}
.wraper .page.p2 .p2-box li{width: 24%;flex-wrap:wrap;border: 1px solid #375da2;margin-bottom: 15px;border-radius: 1px;background: rgba(255, 255, 255, 1);box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);}
.wraper .page.p2 .p2-box li:hover{cursor: pointer;}
.wraper .page.p2 .p2-box li h2{line-height: 55px;text-align: center;font-size: 20px;}
.wraper .page.p2 .p2-box li h2 strong{}
.p3_lb{
	position: relative;
	width: 100%;
	height: 510px;
	overflow: hidden;
}
.p3_lb>div{
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0;
    padding: 0;
     
}
/*20240304修改*/
.wraper .page.p3{width:100%;margin-bottom: 8px;background: linear-gradient(0deg, rgba(227, 242, 252, 1) 0%, rgba(255, 250, 243, 0) 100%);padding-bottom: 50px;margin-bottom: 0;}
.wraper .page.p3 .subject{margin-bottom: 10px;padding-bottom: 0;}
.wraper .page.p3 .subject h5{margin-bottom: 39px;}
.wraper .page.p3 .p3-content{width:94%;max-width: 1200px; margin:0 auto;padding: 45px 15px 20px;border-radius: 18px;background: rgba(255, 255, 255, 1);box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25); box-sizing: border-box;}
.wraper .page.p3 .p3-box{width: 100%;margin:0 auto;/*border-radius: 18px;*/background: rgba(255, 255, 255, 1);/*box-shadow: 0px 3px 8px  rgba(0, 0, 0, 0.24);*/overflow: hidden;}
.wraper .page.p3 .p3-box .info{text-align: center;padding: 10px 0;border-radius: 6px 6px 0 0; background: #F9FAFD;}
.wraper .page.p3 .p3-box .info p{width:80%;margin:0 auto;font-size: 18px;line-height: 40px;font-weight: bold;}
.wraper .page.p3 .p3-box .info p strong{color: #FF5733;}
/*.wraper .page.p3 .p3-box .p3-box-content{margin: 15px;}*/
.wraper .page.p3 .p3-box dl{width: 100%;flex-wrap:wrap;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 5%, rgba(229, 234, 245, 1) 80%);border: 1px solid rgba(229, 229, 229, 1);}
.wraper .page.p3 .p3-box dl dt{background: #fbb24e;line-height: 60px;color: #fff;text-align: center;font-weight: bold;font-size: 20px;}
.wraper .page.p3 .p3-box dl dt div.head{width: 20%;}
.wraper .page.p3 .p3-box dl dt div.head:nth-child(5){width: 60%;}
.wraper .page.p3 .p3-box dl dd{text-align: center;border: 1px solid #e5e5e5;border-top:0;padding: 0;font-size: 16px;position: relative;}
.wraper .page.p3 .p3-box dl dd:hover{}
.wraper .page.p3 .p3-box dl dd div.column{width: 20%;position: relative;line-height: 50px;}
.wraper .page.p3 .p3-box dl dd div.column:nth-child(5){width: 60%;}
.wraper .page.p3 .p3-box dl dd div.column a{display: none;position: absolute;left:15%;top:12px;z-index: 9999;width: 70%;line-height: 35px;border-radius: 5px;background: linear-gradient(90deg, #89A9D6 0%, #375DA2 100%);color: #fff;font-size: 18px;}
.wraper .page.p3 .p3-box dl dd div.column p{width:98%;margin:0 auto;line-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
/*.wraper .page.p3 .p3-box dl dd div.column.mul p{line-height: 25px;padding: 5px 0;}*/
.wraper .page.p3 .p3-box dl dd div.vague{display:none;position: absolute;left:0;top:0;z-index: 999;width: 100%;height: 60px;}
.wraper .page.p3 .p3-box dl dd:hover div.column span{display: block;}
.wraper .page.p3 .p3-box dl dd:hover div.column a{display: none;}
.wraper .page.p3 .p3-box dl dd:hover div.vague{display: none;backdrop-filter: blur(3px);}
.wraper.cgal{padding-bottom: 0;}
.wraper .page.p2{margin-top: -65px}


/*20240304修改*/

@media screen and (min-width:641px) and (max-width:1170px) {
	.wraper .page.p1 .tabBox{width: 94%;margin: 0 auto;}
	.wraper .page.p1 .p1-box{width: 100%;}
	.wraper .page.p1 .p1-box ol li{width: 49%;}
	.wraper .page.p1 .tabBox.pc{display: block;}
	.wraper .page.p1 .p1-box2.mobile{display: none;}
	.wraper .page.p2{margin-top: -0px}
	
	.wraper .page.p2 .p2-box{width: 94%;margin: 0 auto;}
	.wraper .page.p2 .p2-box li{width: 49%;}

	.wraper .subject h5{font-size: 1.2em;}
	.wraper .page.p3 .subject p{font-size: 1.2em;}
	.wraper .page.p3 .p3-box{width: 100%;margin: 0 auto;overflow: auto;}
	.wraper .page.p3 .p3-box .p3-box-content{width: 100%;}
	.wraper .page.p3 .p3-box dl dd div.vague{height: 100%;}
	.wraper .page.p3 .p3-box dl dd div.column{font-size: 1.2em;}
	.wraper .page.p3 .p3-box dl dd div.column:nth-child(4){width: 25%;}
	.wraper .page.p3 .p3-box dl dd div.column p{line-height: 25px;padding: 5px 0;}
	.wraper .page.p3 .p3-box dl dd:hover div.column a{display: none;}
	.wraper .page.p3 .p3-box dl dd div.vague a{opacity: 1;position: absolute;left:43%;top:22%;z-index: 9999;width: 120px;line-height: 35px;border-radius: 5px;background: linear-gradient(90deg, #89A9D6 0%, #375DA2 100%);color: #fff;font-size: 18px;}

	.model{width: 90%;height:520px;left:0;right: 0;}
	.model .model-left{width: 40%;background: url(../images/cgal/p1_bg_4.png) no-repeat right 44px;}
	.model .model-left dl{width:90%;margin-top: 23px;}
	.model .model-left dl dd span{width: 120px;}
	.model .model-right{ width: 55%;}
	.model .model-right img{width: 100%; height: auto;}
}
@media screen and (min-width:1170px) and (max-width:1400px) {
.model{display:none;width: 85%;height: 600px;margin:0 auto;background:url(../images/cgal/p1_bg_3.png) no-repeat  left top;position:fixed;left:0%;right:0;top:54%;/* margin-left:-586px; */margin-top:-300px;z-index: 9999;border-radius: 20px;box-shadow: 5px 5px 15px #333;background-size: cover;}
.model .model-left{width: 35%;}
}
@media screen and (width:1024px) {
.model .model-left{width: 36%;}
}
@media screen and (max-width:640px) {
	.banner{width: 100%;}
	.banner img{width:100%;}

    .wraper .page.p1{padding: 15px 0 0px;margin-bottom: 0px;}
    .wraper .page.p1 .tabBox{width: 94%;margin: 0 auto;}
	.wraper .page.p1 .p1-box{width: 100%;}
	.wraper .page.p1 .p1-box ol li{width: 100%;}
	.wraper .page.p1 .p1-box2 .p1-box2-content{margin-bottom: 30px;}
	.wraper .page.p1 .swiper-button-next, .swiper-button-prev {top:55%;}

	.wraper .page.p2{margin-bottom: 30px;}
	.wraper .page.p2 .p2-box{width: 94%;margin: 0 auto;}
	.wraper .page.p2 .p2-box li{width: 49%;}
	.wraper .page.p2 .p2-box li h2{font-size: 0.85em;}
	.wraper .page.p2 .p2-box li img{width: 94%;}

	.wraper .page.p3 .p3-content{width: 80%;margin: 0 auto;padding: 15px;}
	.wraper .subject h5{font-size: 1.2em;}
	.wraper .page.p3 .subject p{font-size: 1.2em;}
	.wraper .page.p3 .p3-box{width: 98%;margin: 0 auto;overflow: auto;}
	.wraper .page.p3 .p3-box .p3-box-content{width: 100%;margin: 0;}
	.wraper .page.p3 .p3-box dl dt div.head.pc{width: 0%;}
	.wraper .page.p3 .p3-box dl dt div.head:nth-child(1){width: 15%;}
	.wraper .page.p3 .p3-box dl dt div.head:nth-child(2){width: 25%;}
	.wraper .page.p3 .p3-box dl dd div.vague{height: 100%;}
	.wraper .page.p3 .p3-box dl dd div.column{font-size:3.25vw;line-height: 10vw; padding: 1vw 0;}
	.wraper .page.p3 .p3-box dl dd div.column:nth-child(1){width: 15%;}
	.wraper .page.p3 .p3-box dl dd div.column:nth-child(2){width: 25%;}
	.wraper .page.p3 .p3-box dl dd div.column.pc{width: 0%;}
	.wraper .page.p3 .p3-box dl dd div.column p{line-height: 5vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.wraper .page.p3 .p3-box dl dd div.vague a{opacity: 1;position: absolute;left:35%;top:35%;z-index: 9999;width: 120px;line-height: 35px;border-radius: 5px;background: linear-gradient(90deg, #89A9D6 0%, #375DA2 100%);color: #fff;font-size: 18px;}

	.model{width: 90%;height:auto;top:50%;left:0%;right:0;background-size: cover;z-index: 9999999;}
	.model .model-box{flex-wrap: wrap;margin:15px;}
	.model .model-left{width: 100%;background: url(../images/cgal/p1_bg_4.png) no-repeat right 120px;}
	.model .model-left dl{width:90%;margin-top: 60px;}
	.model .model-left dl dd span{width: 120px;}
	.model .model-right{width: 100%;padding-top: 0;}
	.model .model-right img{width: 100%;}
	.model .close{top:30px;right:30px;}
}
/* 新增 */
.subtitle{background: #f9fafd;}
.subtitle p{font-size: 16px;line-height: 28px;font-weight: bold;margin-bottom: 10px;}
.subtitle  p strong{color: #FF5733;font-weight: bold;font-size: 18px;}
.wraper .page.p1 .subject{margin-top: 0px;}

@media screen and (min-width:640px) {
	.wraper .page.p1 .tabBox .hd{font-size: 14px;}
	
}

@media screen and (max-width:500px) {
	.wraper .page.p1 .tabBox .hd{font-size: 14px;}
	.model .model-left dl{margin-top: 20px;}
	.model{top: 57%;}
	.wraper .page.p1 .subject {
	  margin: 10vw 0;
	}
	.wraper .page.p1 {
	    padding: 0;
	    margin-bottom: 0px;
	}
	.wraper .page.p1 .tabs a{line-height: 2.5;font-size: 3.6vw;}
	.wraper .page.p1 .p1-box2 dl dt h2{font-size: 4vw;margin-bottom: 5px;}
	.wraper .page.p1 .p1-box2 dl dd{line-height: 2.2;font-size: 3.8vw;}
	.wraper .page.p1 .p1-box2 dl{width: 100%; box-sizing: border-box; padding: 0 5%;}
	.wraper .page.p1 .p1-box2 dl dd:nth-child(even){width: 40%;}
	.wraper .page.p1 .p1-box2 dl{justify-content: center;}
	.wraper .page.p1 .p1-box2 dl dd span{width: 90%;}
	.wraper .page.p1 .p1-box2 dl dt img{    width: 109px;}
	.wraper .page.p1 .p1-box2 .p1-box2-content{margin-bottom: ;}
	.wraper .page.p1 .p1-box2 dl dd span{font-size: 3.6vw;}
	.wraper .page.p2{margin-top: -6vw;    margin-bottom: 0;}
	.wraper .page.p3 .p3-box .info{display: none;}
	.wraper .page.p3 .p3-content{width: 95%;background:none;box-shadow: unset; padding: 0;}
	.wraper .page.p3 .p3-box{width: 100%; background: #fff;}
	.wraper .page.p3 .p3-box dl dd{border-width: 0 0 1px 0;}
	.wraper .page.p3 .p3-box dl{background: #fff;}
/*	.wraper .page.p3 .p3-box dl dd div.column p{line-height:6vw;font-size: 3.6vw; text-align: center;}*/
	.wraper .page.p3 .p3-box dl dt{font-size: 3.6vw; line-height: 10vw;}
	.wraper .page.p3 .subject{margin:10vw 0;padding-bottom: 0;}
	.wraper .page.p3 .subject h5{font-size: 3.8vw;}
	.wraper .subject{margin:10vw 0}
	.wraper .subject h2{padding-bottom: 0px;font-size: 5.4vw;padding-top: 0;}
	.wraper .subject span.line{top: 5px;}
	
	.model .model-left dl dt img{width: 79px;}
	.model .model-right img{height: auto;}
	.model .model-left dl dd span{font-size: 3.8vw; line-height: 2;}
	.model .model-left dl dd{margin-bottom: 0;}
	
	.wraper .page.p2 .p2-box li img{width: 100%;}
	
}