@charset "utf-8";
/* CSS Document */
/*2022.08.30*/

.fl{
	float: left;
}
.fr{
	float: right;
}
.pad0{
	padding-top: 0;
}
.jiagou{
	margin-bottom: 20px;
	
}
.jiagou p{
	margin-bottom: 0;
}
.hui-top h4{
	font-size: 32px;
	color: #333;
	margin: 40px 0;
}

.hui-box{
	margin-bottom: 10px;
	
}
.hui-ptop{
	padding-bottom: 30px;
	border-bottom: 1px solid #e8f0f6;
	
}
.hui-xbox{
	background: #fff;
	border: 2px solid #3e89bd;
	position: absolute;
	right: 0px;
	bottom: 0px;transition: all 0.8s;
	width: 66%;
	padding: 48px 75px 40px;
	cursor: pointer;
}

.hui-xbox .hui-pbot ul li{
	width: 50%;
	float: left;
	margin-top: 30px;
}
.hui-xbox ul{
	overflow: hidden;
	margin-bottom: 0;
}
.hui-xbox ul li span{
	display: block;
	font-size: 22px;
	color: #3e89bd;
	font-weight: lighter;
}
.hui-xbox ul li p{
	font-size: 18px;
	color: #000;
	font-weight: lighter;
	margin-top: 10px;
	
}
.hui-xbox:hover{
	background: #3e89bd;
	transition: all 0.8s;
}
.hui-xbox:hover ul li span{
	color: #fff;transition: all 0.8s;
}
.hui-xbox:hover ul li p{
	color: #fff;transition: all 0.8s;
}

.hui-ptop ul li{
  display:none;
}

.hui-ptop ul li.hui1_1{
  display: block;
}

.hui-pbot ul li.hui1_1{
  display:none;
}


/**/
.school-about{
	
}

.aboutt-one{
	
}
.about-onecontop h3{
	font-size: 30px;
	color: #154697;
	margin-bottom: 25px;
	
}
.about-onecontop p{
	font-size: 18px;
	color: #000;
	line-height: 31px;
}
.about-oneconbot{
	padding-bottom: 120px;
	margin-top: 50px;
}
.about-oneconbot ul li{
	float: left;
	position: relative;
	text-align: center;
	width: 23.3%;
	margin-right: 2%;
	transition: all 0.8s;
}
.about-oneconbot ul li:last-child{
	margin-right: 0;
	
}


.about-oneconbot ul li .libg{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.65));
	
}
.about-oneconbot ul li span{
	display: block;
	font-size: 36px;
	color: #fff;
	position: absolute;
	left: 0px;
	bottom: 80px;transition: all 0.8s;
	width: 100%;
}
.about-oneconbot ul li p{
	margin: 0;
	font-size: 18px;
	color: #fff;transition: all 0.8s;
	position: absolute;
	left: 0px;
	bottom: 40px;
	width: 100%;
	
}
.about-oneconbot ul li:hover{
	opacity: 0.8;
	cursor: pointer;
	transition: all 0.8s;
}
.about-oneconbot ul li:hover p{
	bottom: 50px;transition: all 0.8s;
}
.about-oneconbot ul li:hover span{
	bottom: 90px;transition: all 0.8s;
}

.aboutt-two{
	background: url(/_upload/tpl/0e/38/3640/template3640/images/abtwobg.jpg) no-repeat center center;
	background-size: cover;
	min-height: 200px;
	padding: 75px 0;
}
.aboutt-three{
	background: #fff;
	
	min-height: 200px;
	padding: 75px 0;
}
.aboutt-four{
	background: url(/_upload/tpl/0e/38/3640/template3640/images/abfourbg.jpg) no-repeat center center;
	background-size: cover;
	min-height: 200px;
	padding: 75px 0;
	padding-top: 150px;
}

.ab-ttop{
	
}
.ab-ttop h3{
	font-size: 36px;
	color: #fff;
	font-weight:lighter;
	display: inline-block;
	border-bottom: 4px solid #fff;
	padding-bottom: 15px;
	
}
.ab-ttop h4{
	font-size: 26px;
	color: #fff;
	font-weight:lighter;
	margin: 25px 0;
}
.ab-ttop p{
	font-size: 18px;
	color: #fff;
	line-height: 34px;
	
}

.ab-ttop2 h3{
	color: #000;
	border-bottom: 4px solid #3e89bd;
}
.ab-ttop2 h4{
	color: #113a7d;
}
.ab-ttop2 p{
	color: #000;
}


.ab-thcon{
	margin-top: 25px;
	
	background: #3e89bd;
box-shadow: 0px 25px 47px -17px rgb(0,0,0,0.34);
}
.ab-thimg{
	padding-left: 0;
}

.ab-thtt{
	padding: 45px 40px 30px;
	
}
.ab-thtt h4{
	font-size: 42px;
	color: #fff;
	margin-bottom: 25px;
	
}
.ab-thtt .ab-ul{
	
}
.ab-thtt .ab-ul ul{
	
}
.ab-thtt .ab-ul ul li{
	float: left;
	width: 50%;
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	margin: 5px 0;
	padding-left: 21px;
	background: url(/_upload/tpl/0e/38/3640/template3640/images/bai.png) no-repeat left 10px;
	
}

.ab-ul a{
	position: absolute;
	right: 15%;
	bottom: 0px;
	cursor: auto;
}
.ab-ul a i{
	width: 10px;
	height: 10px;
    border-radius: 15px;
     background: #5b9bc7;
     display:inline-block;
     margin: 0 3px;
     
}



.sub-con{
padding-top:25px;
	
}
.sub-con .row{
	margin-bottom: 1px;
	margin: 0;
}
.pad0{
	padding: 0;
	
}
.sub-oneli1  .sub-zhe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;padding: 50px 25px 20px;
	background: #51a8e5;
}

.sub-con span{
	font-size: 46px;
	line-height: 1.2;
	margin: 0;
	color: #fff;
}
.sub-con p{
	font-size: 20px;
	color: #fff;
	position: absolute;
	margin-bottom: 0;
	bottom: 52px;
	
}



.sub-oneli1,.sub-oneli2,.sub-oneli3,.sub-oneli4{
	min-height: 205px;
	transition: all 1s;
}
.sub-oneli1:hover,.sub-oneli2:hover,.sub-oneli3:hover,.sub-oneli4:hover{
	opacity: 0.8;
	transition: all 1s;
}
.sub-oneli1:hover i,.sub-oneli3:hover i,.sub-oneli4:hover i{
	bottom: 32px;
	transition: all 0.8s;
}





.sub-tworight{
	
}
.sub-tworight ul {
	padding: 0;
	margin: 0;
	
}
.sub-tworight ul li{
	min-height: 205px;
	float: left;
	width: 50%;
	
	transition: all 0.8s;
}
.sub-tworight ul li:first-child{
	line-height: 200px;
	text-align: center;
}
.sub-tworight ul li:hover{
	opacity: 0.8;
	transition: all 0.8s;
}









.ab-ful{
	margin-top:40px;
	
}
.ab-ful ul li{
	margin-bottom: 30px;
	
}
.ab-ful ul li .li-img{
	
}
.ab-ful ul li .li-tt{
	padding-left: 30px;
	width: 50%;
	
}
.ab-ful ul li .li-tt p{
	color: #fff;
	line-height: 31px;
	font-size: 18px;
	margin-bottom: 0px;
}

/*六边形*/

.liubian{
	position: absolute;
	right: 0;
	top: -90px;
}
.liubian .p {
	position: relative;
	width: 113px;
	height: 197px;
	margin: 10px auto;
	background: #4595cf;
	font-size: 20px;
	color: #fff;
	text-align: center;
	/*line-height: 197px;*/
	/*display: inline-block;*/
	box-shadow:20px 31px 71px -3px rgb(0 0 0 / 74%);
	transition: all 0.8s;
}

.liubian .p:before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	right: 113px;
    border-width: 98.3px 65px;
	border-style: solid;
	border-color: transparent #4595cf transparent transparent;
}

.p:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	left: 113px;
	 border-width: 98.3px 65px;
	border-style: solid;
	border-color: transparent transparent transparent #4595cf;
	top: 0;
}
.liubian  p span{
	position: absolute;
	left: 0px;
	top: 38%;
	width: 100%;
	text-align: center;
	
}
.liubian  p.p2,.liubian  p.p7,.liubian  p.p8,.liubian  p.p5{
	color: #4595cf;
	background:#fff;
}

.liubian  p.p2:after,.liubian  p.p7:after,.liubian  p.p8:after,.liubian  p.p5:after{
	border-color: transparent transparent transparent #fff;
}
.liubian  p.p2:before,.liubian  p.p7:before,.liubian  p.p8:before,.liubian  p.p5:before{
	border-color: transparent #fff transparent transparent;
}
.liubian  p.p1{
	position: absolute;
	right: 562px;
	top: -110px;
	
}
.liubian p:hover{
	opacity: 0.8;
	cursor: pointer;
	transition: all 0.8s;
}
.liubian  p.p2{
	
	position: absolute;
	right: 377px;
    top: -7px;
}
.liubian  p.p3{
	position: absolute;
	right: 0px;
	top: -10px;
	
}
.liubian  p.p4{
	position: absolute;
	position: absolute;
	right: 190px;
	top: -110px;
	
}
.liubian  p.p5{
	position: absolute;
	right: 0px;
	top: 198px;
	
}
.liubian  p.p6{
	position: absolute;
	right: 0px;
	top: 407px;
	
}
.liubian  p.p7{
	position: absolute;
	right: 190px;
    top: 97px;
	
}

.liubian  p.p8{
	position: absolute;
	right: 187px;
    top: 301px;
	
}
.liubian  p.p9{
	position: absolute;
	right: 377px;
    top: 202px;
	
}

/*历史沿革 history*/
.school-history{
	 background: url(/_upload/tpl/0e/38/3640/template3640/images/hisbg.jpg) no-repeat center center;
	 background-size: cover;
	 padding-bottom: 70px;
}

.bxx{
	background: #bcd6e8;
            height: 2px;
            margin-top: 30px;
}
.process-content{
	margin-top: -35px;
    position: relative;
}
        /* 发展历程时间轴 */
        .process-timeline:after {
            /*background: #bcd6e8;
            height: 2px;*/
           
        }
.process-timeline:after{
	/*top: 40px;*/
	
}
        .process-timeline {
            /*height: 350px;*/ padding-top: 40px;
            height: auto;
            
        }
.process-timeline .process-body{
	margin-top: -20px;
	overflow: hidden;
	
}
            .process-timeline .process-row {
                /*height: 350px;*/
                cursor: grabbing;
                height: auto;
                padding-top: 68px;
                width: 260px;
                padding-right: 30px;
            }

        .d1 {
            width: 60px;
            height: 70px;
            background: url(/_upload/tpl/0e/38/3640/template3640/images/dian1.png);
            position: absolute;
            top: -20px;
            left: 5px;
            z-index: 1;
        }

        .process-row:nth-child(even) .d1 {
            /*background: url(/Assets/images/ding2.png);
            top: 163px;
            left: 35px;*/
        }

        .process-row .cetxt {
            /*position: absolute;
            top: 195px;
            left: 10px;*/
        }

        .process-row:nth-child(even) .cetxt {
            /*top: 36px;
            left: 10px;*/
        }

        .process-row .cetxt ul li {
          
        }
         .process-row .cetxt ul li:last-child i{
         	display: none;
         	
         }
 .process-row .cetxt ul li span{
          font-size: 24px;
          color: #3e89bd;
          display: block;
          font-weight: lighter;
          margin-bottom: 15px;
          
          
}
 .process-row .cetxt ul li p{
  font-size: 18px;
  color: #333;
  line-height:32px;
  margin: 0;
}
    

        /* end */






@media (min-width: 1200px) {
	
	
	
	
	
}

@media (max-width: 1500px) {
	
.sub-oneli1, .sub-oneli2, .sub-oneli3, .sub-oneli4{
	height: 205px;
	min-height: auto;
	
}	
.sub-tworight ul li{
	height: 205px;
	min-height: auto;
	
}

.sub-tworight ul li .sub-oneli1{
	height: 205px;
}


.sub-con span{
	font-size: 50px;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
@media (max-width: 1480px) {
	.sub-oneli1, .sub-oneli2, .sub-oneli3, .sub-oneli4{
		height: 196px;
		min-height: auto;
		
	}
.sub-tworight ul li{
	height: 194px;
	
}	




	
	
	
	
	
	
	
	
	
	
	
	
}




@media (max-width: 1440px) {
	
	.sub-con .row1{
		height: 190px;
		overflow: hidden;
		
	}
.sub-tworight ul li:first-child{
	line-height: initial;
}	
.sub-tworight ul li{
	height: 178px;
	
}	
.sub-tworight ul li .sub-oneli1 {
    height: 189px;
}
.sub-tworight ul li:nth-child(3){
	margin-top: 13px;
}
.sub-tworight ul li:nth-child(4){
	margin-top: 13px;
}	
.sub-tworight ul li img{
	width: 100%;

}		
	.sub-con p{
		font-size: 18px;
		
	}
	
	
	
	
	
	
	
	
	
}
@media (max-width: 1365px) {
	
	.sub-con .row1 img{
		height: 250px;
		width: 100%;
	}
.sub-twoimg img{
	height:364px;
	width: 100%;
}	
.sub-tworight ul li{
	height: 178px;
	
}	
.sub-tworight ul li:nth-child(3){
	margin-top: 0px;
}
.sub-tworight ul li:nth-child(4){
	margin-top: 0px;
}	

	
	
	
	
	
}




@media (max-width: 1400px) {
	
	.ab-ttop2 h3{
		font-size: 40px;
	}
.ab-ttop p{
	font-size: 20px;
	
}	
.ab-ttop h4{
	font-size: 32px;
	
}	
	.about-onecontop h3{
		font-size: 32px;
		
	}
.about-onecontop p{
	font-size: 18px;
	
}	
	.about-oneconbot ul li span{
		font-size: 38px;
}
	
	
	
	
	
	
.ab-ful ul li .li-tt{
	width: 48%;
}	
	
	
	
	

	
	
	
}



@media (max-width: 1300px) {
	
	.hui-xbox{
		padding: 40px 40px 20px;
	}
.hui-xbox .hui-pbot ul li{
	
	
}	
	
.sub-con img{
	height: auto;
}
.sub-oneli1, .sub-oneli2, .sub-oneli3, .sub-oneli4{
	min-height: 154px;
}
.sub-tworight ul li{
	min-height: 156px;
	height: auto;
}
.sub-tworight ul li .sub-oneli1 {
    height: 141px;
}
.sub-tworight ul li:first-child {
    
 
}
.sub-con img{
	height: 154px;
	width: 100%;
}

.sub-twoimg img{
	height: 308px;
	width: 100%;
	
}
.sub-con span{
	font-size: 40px;
	
}
.sub-oneli1 .sub-zhe{
	padding-top: 30px;
	
}

.sub-con p{
	font-size: 20px;
	
}


.liubian .p{
	width: 100px;
	
}
.liubian .p:before{
	right: 100px;
	
}
.liubian .p:after{
	left: 100px;
}

.liubian  p.p1{
	position: absolute;
	right: 532px;
	
	
}

.liubian  p.p2{
	
	position: absolute;
	right: 357px;
  
}

.liubian  p.p4{
	position: absolute;
	position: absolute;
	right: 180px;

	
}

.liubian  p.p6{
	position: absolute;
	right: 0px;
	top: 407px;
	
}
.liubian  p.p7{

	right: 180px;

	
}

.liubian  p.p8{
	position: absolute;
	right: 177px;

	
}
.liubian  p.p9{
	position: absolute;
	right: 357px;

	
}
.ab-thtt h4{
	font-size: 40px;
	
}
.ab-ul a{
	display: block;
	text-align: right;
	position: relative;
	right: auto;
	bottom: auto;
	
}







	
	
}
@media (max-width: 1200px) {
	/*中等屏幕设备 桌面*/
.hui-xbox ul li p{
	margin-bottom: 0;
}
.hui-xbox ul li{
	margin-top: 20px;
}
.hui-xbox ul li span{
	font-size: 20px;
	
}
.hui-xbox{
	padding-top: 10px;
}
.hui-xbox ul li p{
	font-size: 16px;
	
}
.hui-top h4{
	font-size: 28px;
	margin: 30px 0;
}
.hui-xbox {
    padding: 10px 30px 30px;
}


.ab-ful ul li .li-tt p{
	font-size: 18px;
	line-height: 30px;
	
}
.ab-ful ul li .li-tt {
    padding-left: 15px;
    
}
.ab-thimg{
	text-align: center;
	padding-top: 20px;
	padding-left: 15px;
}
.ab-thtt h4{
	font-size: 30px;
	
}
.ab-thtt{
	padding: 30px;
	
}

.liubian{
	position: relative;
	right: auto;
	top: auto;
	
}
.liubian p.p{
	position: relative !important;
	left: auto;
	right: auto;
	top: auto;
	display: block;
	float: left;
	width: auto;
	padding: 0 30px;
	height: auto;
	margin: 10px;
	
}
.liubian p span{
	display: block;
	position: relative;
	left: auto;
	top: auto;
	line-height: 50px;
	
}
.ab-ful ul li .li-tt{
	width: 88%;
	
}
.liubian p.p:before{
	content: none;
}
.liubian p.p:after{
	content: none;
}
.aboutt-four{
	padding: 40px 0;
}
.ab-ttop h3{
	font-size: 28px;
	
}
.about-onecontop h3{
	font-size: 28px;
	
}
.about-oneconbot ul li p{
	font-size: 16px;
	
}
.ab-ttop h4{
	font-size: 26px;
	
}
.about-oneconbot ul li span{
	font-size: 32px;
	
}
.about-onecontop p{
	font-size: 18px;
	
}
.about-oneconbot ul li{
	width: 24%;
	margin-right: 1%;
}
.ab-ttop p{
	font-size: 18px;
	
}

.ab-thtt .ab-ul ul li{
	font-size: 18px;
	
}
.sub-con .row1{
	overflow: inherit;
}
.sub-con span{
	font-size: 30px;
	
}
.process-row .cetxt ul li span{
	font-size: 20px;
	margin-bottom: 5px;
	
}
.process-row .cetxt ul li p{
	font-size: 16px;
	line-height: 30px;
	
}







}

@media (max-width: 1101px) {
	.hui-xbox{
		width: 70%;
	}
	
	
.ab-thtt h4{
	font-size: 20px;
	
}	
	
	
	
	
	
}


@media (max-width: 991px) {
	/*小屏幕设备 平板*/
.hui-xbox .hui-pbot ul li{
	width: 100%;
	float: none;
	margin-top: 10px;
	
}
.hui-xbox ul li span{
	font-size: 16px;
	font-weight: bold;
}
.hui-xbox{
	padding: 10px 25px 30px;
	
	width: 66%;
}
.hui-top h4{
	font-size: 26px;
}

.hui-pbot{
	margin-top: 10px;
}
.hui-ptop{
	padding-bottom: 20px;
	
}


.liubian p.p{
	font-size: 16px;
	
}
.dd1{
	width: 100%;
}
.about-onecontop h3{
	font-size: 20px;
	margin-bottom: 20px;
	
}
.about-onecontop p{
	font-size: 16px;
	line-height: 35px;
}
.about-oneconbot ul li span{
	font-size: 22px;
	
}
.ab-ttop h4{
	font-size: 22px;
	margin: 10px 0;
}
.about-oneconbot ul li p{
	padding: 0 10px;
	bottom: 30px;
}
.about-oneconbot{
	padding-bottom: 80px;
	
}
.ab-ttop h3{
	font-size: 24px;
	
}
.ab-ttop p{
	font-size: 16px;
	line-height: 30px;
	
}
.aboutt-three{
	padding: 50px 0 ;
}
.sub-con p{
	font-size: 18px;
	
}
.sub-oneli1 .sub-zhe{
	padding: 30px 10px;
}
.process-timeline .process-row{
	padding-top: 56px;
}
.process-row .cetxt ul li span{
	font-size: 18px;
	
}
.process-row .cetxt ul li p{
	font-size: 14px;
	line-height: 25px;
	
}




}

@media (max-width:767px) {
	/*小屏幕*/
.hui-xbox{
	position: relative;
	right: auto;
	left: 5%;
	bottom: auto;
	width: 90%;
	margin-top: -100px;
	padding:0px 15px 25px;
	
}

.hui-top h4{
	font-size: 18px;
	margin: 15px 0;
}

.about-oneconbot ul li{
	width: 48%;
	margin-right: 2%;
	margin-bottom: 30px;
}

.ab-ttop h4{
	font-size: 18px;
}

.about-oneconbot{
	padding-bottom: 30px;
}

.aboutt-two{
	padding: 30px 0;
}
.ab-ttop h3{
	font-size: 20px;
	
}

.aboutt-three{
	padding: 30px 0 ;
}
.ab-thtt .ab-ul ul li{
	font-size: 16px;
	width: 100%;
	float: none;
	
}
.ab-thtt h4{
	font-size: 18px;
	margin-bottom: 5px;
	
}
.ab-ful ul li .li-img{
	width: 40px;
}
.ab-ful ul li .li-tt{
	width: calc(100% - 50px);
}
.ab-ful ul li .li-tt p{
	font-size: 16px;
	line-height: 28px;
	
}
.ab-ful ul li{
	margin-bottom: 20px;
	
}
.liubian .p{
	box-shadow: 20px 31px 571px -3px rgb(0 0 0 / 44%);
}
.sub-con .row1{
	height: auto;
}
.sub-con p{
	font-size: 14px;
	
}
.sub-con span{
	font-size: 26px;
}
.sub-con .row1 img{
	height: auto;
	
}
.sub-oneli1 .sub-zhe {
    padding: 20px 10px;
}
.sub-oneli1, .sub-oneli2, .sub-oneli3, .sub-oneli4{
	height: 115px;
	min-height: auto;
	
}
.sub-con img{
	
	
}
.sub-tworight ul li{
	min-height: auto;
}
.sub-con img{
	height: auto;
}
.sub-tworight ul li img{
	height: 141px;
}
.liubian p.p{
	float: none;
}




	
}