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

.wraper .page.p1{width:100%;background: linear-gradient(360deg, rgba(227, 242, 252, 1) 0%, rgba(228, 242, 252, 0) 100%);padding-bottom: 50px;margin-bottom: 55px;}
.wraper .page.p1 .subject h2{line-height: 52px;}
.wraper .page.p1 .p1-box{width:1200px;margin:0 auto;display: flex;align-items: center; flex-wrap: wrap;}
.wraper .page.p1 .p1-box ul{width:100%;flex-wrap: wrap;}
.wraper .page.p1 .p1-box ul li{width: 32%;text-align: center;}
.wraper .page.p1 .p1-box ul li img{width: 188px;}
.wraper .page.p1 .p1-box ul li h2{width:191px;line-height: 48px;margin:0 auto 9px;font-size: 20px;font-weight: 900;text-align: center;color: #fff;background: #354E9E;border-radius: 10px;}
.wraper .page.p1 .p1-box ul li p{width: 100%;line-height: 23px;font-size: 18px;color: #383838}

.wraper .page.p2{width: 100%;margin-bottom: 50px;}
.wraper .page.p2 .subject{margin-bottom: 25px;}
.wraper .page.p2 .p2-box{width: 1200px;margin:0 auto;padding: 15px 0;}
.wraper .page.p2 .p2-box ul{width:100%;flex-wrap:wrap;}
.wraper .page.p2 .p2-box ul li{width: 26%;margin-bottom: 35px;}
.wraper .page.p2 .p2-box ul li h2{line-height: 35px;font-size: 24px;margin-bottom: 14px;font-weight: bold;}
.wraper .page.p2 .p2-box ul li p{line-height: 26px;font-size: 18px;color: #808080}
.wraper .page.p2 .p2-box ul li img{width:46px;margin-bottom: 13px;}
.wraper .page.p2 .btn{margin-top: 0;padding-top: 0;}
.wraper .page.p2 .btn a{width: 210px;}

.wraper .page.p4{margin-bottom: 60px;}
.wraper .page.p4 .p4-box{}
.wraper .page.p4 .p4-box dl{width: 202px;height:144px;line-height: 30px;border-radius: 7px;background: linear-gradient(360deg, rgba(227, 242, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
box-shadow: 0px 8px 24px  rgba(149, 157, 165, 0.2);padding: 21px;position: relative;}
.wraper .page.p4 .p4-box dl dt span{color: #344A98;margin-right: 5px;}
.wraper .page.p4 .p4-box dl dd{position: relative;}
.wraper .page.p4 .p4-box dl dd img.pic{width:53px;border-radius: 50%;margin-bottom: 10px;position: relative;margin-top:-35px;border: 3px solid rgba(255, 255, 255, 1);box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);}
.wraper .page.p4 .p4-box dl dd img.arrow{width:31px;position: absolute;right:-75px;top:49%;}
.wraper .page.p4 .p4-box dl dd h2{font-size: 20px;line-height: 28px;font-weight: 900;color: #354E9E;margin-bottom: 10px;}
.wraper .page.p4 .p4-box dl dd p{color: #808080;line-height: 33px;font-size: 16px;}
.wraper .page.p4 .btn a{width: 241px;}

.wraper .page.p4-1{width: 100%;background: #F4F9FB;padding: 50px 0 30px;}
.wraper .page.p4-1 .subject{margin-bottom: 45px;}
.wraper .page.p4-1 .p4-1-box{width:1200px;height:360px;margin:0 auto;flex-wrap: wrap;position: relative;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-left{width: 642px;height:272px;border-radius: 10px;background: linear-gradient(90deg, rgba(137, 169, 214, 1) 0%, rgba(55, 93, 162, 1) 100%);box-shadow: 0px 7px 29px  rgba(100, 100, 111, 0.2);position: absolute;left:0;top:0;z-index: 9999;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-left ul{flex-wrap: wrap;padding: 32px;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-left ul li{}
.wraper .page.p4-1 .p4-1-box .p4-1-box-left ul li:nth-child(1){width: 205px;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-left ul li:nth-child(2){width: 335px;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-left h2{position: relative;margin-bottom: 75px;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-left h2 span{font-size: 20px;line-height: 36px;width: 119px;line-height: 38px;background: #FFA72B;display: inline-block;text-align: center;font-weight: 700;color: #fff;border-radius: 5px;position: absolute;left:-55px;top:10px;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-left p{font-size: 16px;line-height: 35px;color: #fff;border-bottom:1px dashed #FFFFFF}
.wraper .page.p4-1 .p4-1-box .p4-1-box-right{width: 642px;height:289px;border-radius: 10px;background: rgba(232, 232, 232, 1);box-shadow: 0px 8px 24px  rgba(149, 157, 165, 0.2);position: absolute;right:0;top:50px;z-index: 999;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-right ul{flex-wrap: wrap;padding: 32px;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-right ul li{}
.wraper .page.p4-1 .p4-1-box .p4-1-box-right ul li:nth-child(1){width: 335px;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-right ul li:nth-child(2){width: 205px;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-right h2{text-align: right;position: relative;margin-bottom: 72px;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-right h2 span{font-size: 20px;line-height: 36px;width: 119px;line-height: 38px;background: #808080;display: inline-block;text-align: center;font-weight: 700;color: #fff;border-radius: 5px;position: absolute;right:-75px;top:10px;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-right p{font-size: 16px;line-height:35px;color: #383838;text-align: right;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-right p span{border-bottom:1px dashed #383838;padding-left: 50px;padding-bottom: 5px;}
.wraper .page.p4-1 .p4-1-box img{width: 100%;border: 1px solid #FFFFFF;border-radius: 10px;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-left img.ico{position: absolute;left:560px;top:20px;width: 64px;border:0;}
.wraper .page.p4-1 .p4-1-box .p4-1-box-right img.ico{position: absolute;left:115px;top:20px;width: 47px;border:0;}

.wraper .page.p4-2{width: 100%;padding: 30px 0;}
.wraper .page.p4-2 .subject{margin-bottom: 45px;}
.wraper .page.p4-2 .p4-2-box{width:1200px;margin:0 auto;flex-wrap: wrap;position: relative;text-align: center;position: relative;}
.wraper .page.p4-2 .p4-2-box img{width: 595px;}
.wraper .page.p4-2 .p4-2-box dl.first{width: 269px;position: absolute;left:35px;top:210px;text-align: right;}
.wraper .page.p4-2 .p4-2-box dl.second{position: absolute;left:895px;top:115px;text-align: left;}
.wraper .page.p4-2 .p4-2-box dl.three{position: absolute;left:895px;top:285px;text-align: left;}
.wraper .page.p4-2 .p4-2-box dl dt{font-size: 24px;line-height: 23px;font-weight: 700;color: #354E9E;margin-bottom: 13px;}
.wraper .page.p4-2 .p4-2-box dl dd{}
.wraper .page.p4-2 .p4-2-box dl dd p{font-size: 18px;line-height: 28px;font-weight: 400;color: #808080;}

/* 轮播修改 */

.wraper .page.p5 .p5-box{}
.wraper .page.p5 .p5-box .swiper-wrapper{width: 100%;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide{width: 32.5%;height:350px;border-bottom: 4px solid #184392;padding-bottom: 15px;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .info{height: 110px;margin-bottom: 15px;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .info .info-left{width: 110px;background: url(../images/xsxz/p5_bg_1.png) no-repeat left top;position: relative;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .info .info-left img{border:1px solid rgba(52,74,152,0.58);border-radius: 50%;background: #fff;position: absolute;right:0;top:0;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .info .info-right{width: 240px;padding-top: 18px;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .info .info-right h3{font-size: 20px;line-height: 35px;font-weight: 700;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .info .info-right h3 span{color: #344a98;font-size: 15px;margin-left: 5%;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .info .info-right h5 span{display:inline-block;font-size: 16px;line-height: 31px;border-radius: 10px;background: rgba(52, 74, 152, 0.58);color: #fff;padding:0 10px;}

.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .intro{}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .intro dl{flex-wrap: wrap;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .intro dl dd{font-size: 16px;line-height: 26px;margin-bottom: 15px;text-align: justify;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .intro dl dd:nth-child(odd){width: 25%;font-weight: bold;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .intro dl dd:nth-child(even){width: 75%;color: #808080;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .intro dl dd:nth-child(2),.wraper .page.p5 .p5-box ul li .intro dl dd:nth-child(4){color: #344A98;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .intro dl dd:nth-child(4),.wraper .page.p5 .p5-box ul li .intro dl dd:nth-child(4){color: #344A98;}

.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide:hover{border-bottom: 4px solid #F09618;cursor: pointer;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide:hover .info .info-left{width: 110px;height: 110px;background: url(../images/xsxz/p5_bg_1_hover.png) no-repeat left top;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide:hover .info .info-left img{border: 1px solid rgba(255, 141, 26, 1);}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide:hover .info .info-right h3 span{color: rgba(255, 167, 43, 1);}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide:hover .info .info-right h5 span{background: rgba(255, 167, 43, 1);}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide:hover .intro dl dd:nth-child(2),.wraper .page.p5 .p5-box ul li:hover .intro dl dd:nth-child(4){color: rgba(240, 150, 24, 1)}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide:hover .intro dl dd:nth-child(4),.wraper .page.p5 .p5-box ul li:hover .intro dl dd:nth-child(4){color: rgba(240, 150, 24, 1)}

.wraper .page.p5 .p5-box .swiper-container {width: 1200px;margin: 0 auto;padding-bottom: 60px;}
/* .wraper .page.p5 .p5-box .swiper-slide {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;} */
.wraper .page.p5 .p5-box .swiper-pagination-bullet{width: 15px;height:5px;border-radius: 20px;}
.wraper .page.p5 .p5-box .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 80px;}
.wraper .page.p5 .p5-box .swiper-pagination-bullet-active{background: #184392;}

/* 结束 */

.wraper .page.p6{}
.wraper .page.p6 .p6-box{background:#EBF3FF;padding: 30px 15px 15px;border-radius: 10px;}
.wraper .page.p6 .p6-box .desc{width:97%;height:108px;margin:0 auto 30px;background:url(../images/kqccfd/p6_bg.png) no-repeat right top #89A9D6;border:1px solid #ccc;color: #fff;border-radius: 8px;}
.wraper .page.p6 .p6-box .desc p{width: 60%;line-height: 30px;font-size: 16px;margin:25px 0 0 25px}
.wraper .page.p6 .p6-box dl{width: 100%;flex-wrap:wrap;}
.wraper .page.p6 .p6-box dl dd{width: 25%;flex-wrap:wrap;margin-bottom: 25px;text-align: center;}
.wraper .page.p6 .tabBox .hd{ height:45px; line-height:45px; padding:0 10px 0; font-size:20px;position: relative;top:-2px;z-index: 9999;}
.wraper .page.p6 .tabBox .hd ul{ overflow:hidden;width: 60%;margin: 0 auto;}
.wraper .page.p6 .tabBox .hd ul li{ float:left; margin:0 10px; color:#515151;height: 50px;}
.wraper .page.p6 .tabBox .hd ul .on{background: url(../images/kqccfd/p6_bg_2.png) no-repeat center bottom;}
.wraper .page.p6 .tabBox .hd ul .on a{ display:block;color:#517BC2;font-weight: bold;}
.wraper .page.p6 .tabBox .bd ul{ padding:0 0 10px 10px;  }
.wraper .page.p6 .tabBox .bd li{}
.wraper .page.p6 .tabBox .bd a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.wraper .page.p6 .tabBox .bd li a{ color:#555;}

.wraper .page.p7{}
.wraper .page.p7 .p7-box{}
.wraper .page.p7 .p7-box ul{width: 100%;flex-wrap:wrap;}
.wraper .page.p7 .p7-box ul li{width: 48%;background: url(../images/kqccfd/p7_bg.png) repeat-y #F2F8FF;margin-bottom: 45px;justify-content:space-between;border-radius: 15px;position: relative;padding: 20px 0;}
.wraper .page.p7 .p7-box ul li dl{width: 60%;margin:0 0 0 25px;}
.wraper .page.p7 .p7-box ul li dl dt{font-size: 20px;color: #1843A7;border-bottom: 1px solid #89A9D6;margin-bottom: 15px;padding:10px 0;}
.wraper .page.p7 .p7-box ul li dl dd{width: 33.3%;float: left;line-height: 25px;}
.wraper .page.p7 .p7-box ul li dl dd a{}
.wraper .page.p7 .p7-box ul li img{position: absolute;bottom:0px;right:0px;}


.wraper .page.p8{width:100%;height: 589px;margin:0 auto 35px;background: url(../images/kqccfd/p8_bg.png) no-repeat center top;}
.wraper .page.p8 .subject{padding: 35px 0 0;margin-bottom: 35px;}
.wraper .page.p8 .subject h2{color: #fff;}
.wraper .page.p8 .subject span.line{border-bottom:1px solid #fff;}
.wraper .page.p8 .p8-box{width: 1200px;margin:0 auto;background: #fff;border-radius: 15px;}
.wraper .page.p8 .p8-box .p8-box-left{width: 30%;padding: 25px;}
.wraper .page.p8 .p8-box .p8-box-left img{width: 100%;border-radius: 15px;}
.wraper .page.p8 .p8-box .p8-box-right{width: 65%;color: #333;line-height: 38px;padding-top: 60px;}
.wraper .page.p8 .p8-box .p8-box-right .p8-box-right-box{padding: 25px;}
.wraper .page.p8 .p8-box .p8-box-right .title{border-left: 5px solid #344A98;text-indent: 1em;position: relative;left:-20px;margin-bottom: 15px;}
.wraper .page.p8 .p8-box .p8-box-right .title h5{font-size: 20px;}
.wraper .page.p8 .p8-box .p8-box-right dl{font-size: 18px;}
.wraper .page.p8 .p8-box .p8-box-right dl dt{width: 15%;}
.wraper .page.p8 .p8-box .p8-box-right dl dd{width: 85%;font-size: 18px;}
.wraper .page.p8 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 100px;}
.wraper .page.p8 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:100px;}

.wraper .page.p9{}
.wraper .page.p9 .p9-box{}
.wraper .page.p9 .p9-box ul{width: 100%;flex-wrap:wrap;}
.wraper .page.p9 .p9-box ul li{width: 32.8%;justify-content:space-between;border-radius: 10px;overflow: hidden;position: relative;}
.wraper .page.p9 .p9-box ul li img{width: 100%;}
.wraper .page.p9 .p9-box ul li a{font-size: 14px;font-weight:700;color: #184392;position: absolute;left:7%;bottom:17%;}

@media screen and (min-width:641px) and (max-width:1170px) {
	.wraper .page.p1 .p1-box{width: 95%;}
	.wraper .page.p1 .p1-box ul li p{font-size: 1.2em;text-align: left;line-height: 30px;}

	.wraper .page.p2 .p2-box{width: 95%;}

	.wraper .page.p4 .p4-box{width:95%;margin:0 auto;flex-wrap: wrap;}
	.wraper .page.p4 .p4-box dl{width: 43%;height:100px;margin-bottom: 25px;}
	.wraper .page.p4 .p4-box dl dd img.arrow{display: none;}

	.wraper .page.p4-1{padding-bottom: 90px;}
	.wraper .page.p4-1 .p4-1-box{width: 95%;height:auto;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left{position:relative;width: 100%;height: auto;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left ul{}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left ul li:nth-child(1){width: 30%;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left ul li:nth-child(2){width: 65%;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left h2{margin-bottom: 60px;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left h2 span{left: 0;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right{position: relative;width: 100%;height: auto;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right h2{margin-bottom: 50px;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right h2 span{right: 0;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right ul li:nth-child(1){width: 65%;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right ul li:nth-child(2){width: 30%;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right p span{width: 100%;display: block;padding: 0;}
	.wraper .page.p4-2 .p4-2-box{width: 100%;}
	.wraper .page.p4-2 .p4-2-box img{display: none;}
	.wraper .page.p4-2 .p4-2-box dl{margin: 0 auto 20px;}
	.wraper .page.p4-2 .p4-2-box dl.first{position: relative;left:0;top:0;width: 90%;text-align: left;}
	.wraper .page.p4-2 .p4-2-box dl.second{position: relative;left:0;top:0;width: 90%;}
	.wraper .page.p4-2 .p4-2-box dl.three{position: relative;left:0;top:0;width: 90%;}

	.wraper .page.p5 .p5-box .swiper-container{width: 100%;}
	.wraper .page.p5 .p5-box ul{width: 80%;}
	.wraper .page.p5 .p5-box ul li{width: 100%;}
	.wraper .page.p5 .p5-box ul li .info .info-left{}
	.wraper .page.p5 .p5-box ul li .info .info-right{width: 75%;}
	.wraper .page.p5 .p5-box ul li .intro dl dd:nth-child(odd){width: 15%;text-align: center;}
	.wraper .page.p5 .p5-box ul li .intro dl dd:nth-child(even){width: 85%;}

	.wraper .page.p7 .p7-box{width: 95%;margin: 0 auto;}
	.wraper .page.p7 .p7-box ul li{width: 100%;}
	.wraper .page.p7 .p7-box ul li dl{width: 70%;}
	.wraper .page.p7 .p7-box ul li img{width: 25%;}
	.wraper .page.p7 .p7-box ul li dl dd a{font-size: 1.3em;}

	.wraper .page.p9 .p9-box{width: 95%;margin: 0 auto;}
	.wraper .page.p9 .p9-box ul li{width: 100%;}
	.wraper .page.p9 .p9-box ul li img{width: 100%;margin-bottom: 25px;}
}

@media screen and (max-width:640px) {
	.banner{width: 100%;}
	.banner img{width:100%;}
  	.wraper .page.p1{margin-bottom: 0;}
  	.wraper .page.p1 .p1-box{width: 95%;}
  	.wraper .page.p1 .p1-box ul li{width: 100%;}
	.wraper .page.p1 .p1-box ul li p{font-size: 1.2em;text-align: left;line-height: 30px;}

	.wraper .page.p2{margin-bottom: 20px;}
	.wraper .page.p2 .p2-box{width: 95%;}
	.wraper .page.p2 .p2-box ul li{width: 49%;}

	.wraper .page.p4{margin-bottom:30px;}
	.wraper .page.p4 .p4-box{width:95%;margin:0 auto;flex-wrap: wrap;}
	.wraper .page.p4 .p4-box dl{width: 100%;height:100px;margin-bottom: 25px;}
	.wraper .page.p4 .p4-box dl dd img.arrow{display: none;}

	.wraper .page.p4-1{padding: 30px 0;margin-bottom: 0;}
	.wraper .page.p4-1 .p4-1-box{width: 95%;height:auto;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left{position:relative;width: 100%;height: auto;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left ul{}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left ul li:nth-child(1){width: 30%;display: none;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left ul li:nth-child(2){width: 100%;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left h2{margin-bottom: 60px;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left h2 span{left: 0;margin-bottom: 25px;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right{position: relative;width: 100%;height: auto;top:0;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right h2{margin-bottom: 50px;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right h2 span{right: 0;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right ul li:nth-child(1){width: 100%;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right ul li:nth-child(2){width: 30%;display: none;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right p span{width: 100%;display: block;padding: 0;}

	.wraper .page.p4-2{padding-bottom: 0;}
	.wraper .page.p4-2 .p4-2-box{width: 100%;}
	.wraper .page.p4-2 .p4-2-box img{display: none;}
	.wraper .page.p4-2 .p4-2-box dl{margin: 0 auto 20px;}
	.wraper .page.p4-2 .p4-2-box dl.first{position: relative;left:0;top:0;width: 90%;text-align: left;}
	.wraper .page.p4-2 .p4-2-box dl.second{position: relative;left:0;top:0;width: 90%;}
	.wraper .page.p4-2 .p4-2-box dl.three{position: relative;left:0;top:0;width: 90%;}

	.wraper .page.p5 .p5-box .swiper-container{width: 100%;}
	.wraper .page.p5 .p5-box ul{width: 95%;}
	.wraper .page.p5 .p5-box ul li{width: 100%;}
	.wraper .page.p5 .p5-box ul li .info .info-left{}
	.wraper .page.p5 .p5-box ul li .info .info-right{width: 60%;padding-top: 0;}
	.wraper .page.p5 .p5-box ul li .intro dl dd:nth-child(odd){width: 25%;text-align: center;}
	.wraper .page.p5 .p5-box ul li .intro dl dd:nth-child(even){width: 75%;}
	.wraper .page.p5 .p5-box ul li .info .info-right h5 span{font-size: 1em;}

	.wraper .page.p7{margin-bottom: 0;}
	.wraper .page.p7 .p7-box{width: 95%;margin: 0 auto;}
	.wraper .page.p7 .p7-box ul li{width: 100%;padding: 10px 10px;margin-bottom: 25px;border-radius: 5px;
background: linear-gradient(90deg, rgba(227, 242, 252, 1) 0%, rgba(242, 248, 255, 1) 100%);
box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);}
	.wraper .page.p7 .p7-box ul li dl{width: auto;margin: 0;padding: 0 15px;}	
	.wraper .page.p7 .p7-box ul li dl dt{font-size: 1.2em;}
	.wraper .page.p7 .p7-box ul li dl dd{width: 30%;}
	.wraper .page.p7 .p7-box ul li dl dd a{font-size: 1em;}
	.wraper .page.p7 .p7-box ul li img{width: 20%;}

	.wraper .page.p9{margin-bottom: 0;}
	.wraper .page.p9 .p9-box{width: 95%;margin: 0 auto;}
	.wraper .page.p9 .p9-box ul li{width: 100%;}
	.wraper .page.p9 .p9-box ul li img{width: 100%;margin-bottom: 25px;}
	.wraper .page.p9 .p9-box ul li a{font-size: 1.2em;}
}


/* 新增 */
.wraper .page.p2 .btn a{padding: 0 1%;}
.wraper .page.p4 .btn a{padding: 0 1%;}

/* 选课指导 */
@media screen and (max-width:640px) {
.wraper .page.p2 .p2-box ul li h2{font-size: 20px;}
.wraper .page.p2 .p2-box ul li p{font-size: 14px;}
.wraper .page.p5 .p5-box{width: 96%;margin: 0 auto;}
.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .info .info-right{width: 240px;}
.wraper .page.p7 .p7-box ul li dl dd{font-size: 0.9em;}
}

@media screen and (max-width:500px) {
	.wraper .page.p4 .p4-box{flex-flow: row wrap; margin-top: 7vh;}
	.wraper .page.p4 .p4-box dl{width: calc(50% - 3vw); margin: 0 1.5vw 5vh;box-shadow: 0px 4px 4px rgba(149, 157, 165, 0.2); box-sizing: border-box; height: auto;padding: 3vw 2vw;text-align: center;}
	.wraper .page.p4 .p4-box dl dd h2{font-size: 4vw;margin-bottom: 5px;}
	.wraper .page.p4 .p4-box dl dd p{line-height:  5vw;font-size: 3.5vw;}
	.wraper .page.p4 .p4-box dl dd img.pic{width: 46px;}
	.wraper .page.p2 .p2-box ul li h2{font-size: 4vw;margin-bottom: 5px; text-align: center;}
	.wraper .page.p2 .p2-box ul li p{line-height:  5vw;font-size: 3.5vw; text-align: center;}
	.wraper .page.p2 .p2-box ul li img{width: 39px;margin-bottom: 0px; display: block; margin: 0 auto 2vw;}
	.wraper .page.p2 .subject{padding-top: 0vw;}
	.wraper .subject h2{padding-bottom: 0;}
	
	.wraper .page .btn a{font-size: 3.6vw;line-height: 2.5;}
	.wraper .page.p4-1{padding: 2vw 0;}
	.wraper .page.p1 .subject h2{line-height: 7vw; font-size: 4.8vw;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left ul{padding: 2vw;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right ul{padding: 2vw;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left h2 span{font-size: 4vw;margin-bottom: 5px;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left p{line-height: 2.5;font-size: 3.5vw;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right h2 span{font-size: 4vw;margin-bottom: 5px;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-right p{line-height:  2.5;font-size: 3.5vw;}
	.wraper .page.p4-2 .p4-2-box dl dt{font-size: 4vw;margin-bottom: 5px;}
	.wraper .page.p4-2 .p4-2-box dl dd p{line-height: 5vw;font-size: 3.5vw;}
	.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .intro dl dd{line-height: 5vw;font-size: 3.5vw;margin-bottom:2vw}
	.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide{height: auto;}
	.wraper .page.p4-1 .p4-1-box .p4-1-box-left img.ico{left: 79%; top: 12px;}
	.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .info .info-right h5 span{font-size: 3.6vw;}
	.wraper .page.p5 .p5-box .swiper-wrapper .swiper-slide .info .info-left{width: 104px;}
	.wraper .page.p2 .p2-box{padding: 15px 0 0;}
	.wraper .page.p1 .p1-box ul li h2{line-height: 2; font-size: 4vw;width: 145px;}
	.wraper .page.p1 .p1-box ul li p{font-size: 3.5vw; line-height: 5vw; width: 80%; margin: 0 auto; text-align: center;}
	.wraper .page.p1 .p1-box ul li img{    width: 156px;}
	
}