@charset "utf-8";

*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
html{ background:#fff; }
body{ background: #fff;  -webkit-text-size-adjust:none; -ms-text-size-adjust: none; -moz-text-size-adjust: none;overflow-x:hidden;}
html,body{ max-width:750px; width: 100%; color:#3C3C3C; font:0.45rem/1.4 "微软雅黑",Arial; -webkit-text-size-adjust:none; margin:0px auto; padding:0px;  }
html.on,
body.on{ overflow: hidden;}

input::-webkit-input-placeholder { /* WebKit browsers */ color:#808080;}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#808080;}
input::-ms-placeholder { /* Mozilla Firefox 19+ */ color:#808080; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#808080; }
input::-ms-input-placeholder { /* Internet Explorer 10+ */ color:#808080;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input{ outline: none;}
input{  font-family: "微软雅黑"; }

li{ list-style:none;}
a{ text-decoration:none; color:#666; border:none; blr:expression(this.onFocus=this.blur());}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none;}
img{ border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}
em,i{ font-style:normal;}
#border{ border:none;}
img{ vertical-align:middle; max-width:100%;}
.wrapper{ margin: 0 0.6rem;}
.bgff{ background: #fff !important;}



.over2{ display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.over3{ display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.swiper-slide:not(.swiper-slide-active){ transform: scale(0.8);}


/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-black-webfont';
    src: url('../fonts/dincond-black-webfont.eot');
	src: url('../fonts/dincond-black-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-black-webfont.woff2') format('woff2'),
	url('../fonts/dincond-black-webfont.woff') format('woff'),
	url('../fonts/dincond-black-webfont.ttf') format('truetype'),
	url('../fonts/dincond-black-webfont.svg#dincond-black-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-bold-webfont';
    src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-bold-webfont.woff2') format('woff2'),
	url('../fonts/dincond-bold-webfont.woff') format('woff'),
	url('../fonts/dincond-bold-webfont.ttf') format('truetype'),
	url('../fonts/dincond-bold-webfont.svg#dincond-bold-webfont') format('svg');
}









	
/* index */
	.fixedbg{ overflow: hidden; }
	.index{ background: url(../images/indexbg.jpg) no-repeat top center / 100% 100%; }
	.index .wrapper{ margin:0 1.8rem;}
	.index1{ width: 4.5rem; margin: 1.4rem 0 0.9rem;}
	.index2{ width: 8.82rem;}
	.index3{ width: 8rem; margin: 0.5rem 0;}
	.index4{ width: 7.8rem;}
	.index5{ position: relative; z-index: 2; display: flex; justify-content: space-between; margin-top: 1.6rem;}
	.index5 a{ display: block; width: 5.2rem; height: 1.6rem;}
	.index7{  position: relative; z-index: 1; width: 14rem; height: 8.44rem; margin: auto; margin-top: -0.8rem; }
	.index7 p{ position: absolute; left: 0; top: 2.45rem; width: 100%; text-align: center; font-size: 0.4rem; color: #c7c8d7; letter-spacing: 0.67rem;
		 padding-left: 0.5rem;
	}



/* 理念   */
	.chuanTbg{ background: url(../images/bg2.jpg) no-repeat top center / 100% 100%;}
	.Imgbg{  height: 12.6rem; display: flex; justify-content: flex-end; background: url(../images/gsImgbg.png) no-repeat right top / 12rem auto; }
	.ImgPost{ position: relative;  width: 12rem; overflow: hidden; }
	.ImgPost>img{ border-bottom-left-radius: 1.5rem; }
	.Imgbg img{ height: 11.6rem; width: 12rem;}
	.Imgbg p{ position: absolute; left: -3rem; top: 4.1rem; width: 9.2rem;}
	.Imgbg p img{ width: 100%; height: 100%;}
	
	.mar55{ margin: 0 1.1rem;}
	
	.Imgtop{ height: 1.92rem; margin: 0.2rem 0 1.6rem;}
	.ImgA a{display: block; font-size: 0.6rem; color: #333985; height: 2.42rem; line-height: 2rem; text-align: center; letter-spacing: 0.2rem; 
		background: url(../images/gsjj2.png) no-repeat center / 100% 100%; margin-top: 0.7rem; font-weight: bold; font-family: "微软雅黑 Light";
	}
	.open{ display: none; position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; max-width: 750px; overflow: hidden; background: rgba(51,57,133,.8); 	margin: auto;
	}
	.openStar{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 10.8rem; height: 12.6rem;  margin: auto; border-radius: 0.5rem; overflow: hidden;
		background: #fff url(../images/openbg.jpg) no-repeat right bottom / 100% auto; padding: 0 0.8rem;
	}
	.openTit{ position: relative; text-align: center; padding: 0.7rem 0 0.6rem; border-bottom: 1px solid #e9e9e9;}
	.openTit p img{ height: 0.42rem;}
	.openTit span{ display: block; font-size: 0.6rem; line-height: 0.9rem; color: #90939e; letter-spacing: 0.3rem;font-weight: bold; font-family: "微软雅黑 Light";}
	.openTit i{ position: absolute; right: 0; top: 0.7rem; z-index: 2; width: 0.52rem; height: 0.52rem;}
	.ctBtn { margin-top: 1.2rem;}
	.ctBtn a{ display: block; display: flex; justify-content: center; line-height: 1.6rem; letter-spacing: 0.2rem;font-size: 0.48rem; color: #333985; 
		background: url(../images/openabg.png) no-repeat center / 100% 100%; height: 2.34rem; margin-top: 0.2rem;
	}





/* 团队  */
	.Three{ display: flex;justify-content: flex-end; background: url(../images/threebg.jpg) no-repeat top center / 100% 100%;  }
	.hrex{ width: 7.5rem;}
	.hrTop{ height: 9.22rem; background: url(../images/threImgbg.png) no-repeat center / 100% 100%;}
	.hrTop img{ height: 9.02rem; border-bottom-left-radius: 1rem;}
	.hrList{ margin-top: 1rem;}
	.hrList li{ width: 6.44rem; height: 4.54rem; background: url(../images/hrbg.png) no-repeat center / 100% 100%; padding: 0.64rem; margin-bottom: 0.5rem; }
	.hrList li img{ height: 1.36rem;}
	.hrList li p{ font-size: 0.56rem; color: #333985; font-weight: bold; font-family: "微软雅黑 Light"; line-height: 1.1rem;}




/* 名师团队   */
	.fourbg{ background: #f8f6eb;}
	.fbox{ padding: 1.1rem;}
	.Ftop{ text-align: center; margin-bottom: 0.6rem;}
	.Ftop img{ height: 0.56rem;}
	.Ftop p{ letter-spacing: 0.2rem; font-size: 0.6rem; line-height: 1rem; color: #90939e; font-weight: bold; font-family: "微软雅黑 Light"; }
	.nTit ul{ display: flex; justify-content: space-between;}
	.fouTit li{ width: 4.04rem; height: 1.6rem; background: url(../images/fourbg.png) no-repeat center / 100% 100%; padding: 0 0.2rem;}
	.fouTit li a{ display: flex; height: 1.2rem; align-items: center;}
	.fouTit li span{ width: 0.88rem; height: 0.88rem; display: flex; justify-content: center; align-items: center; color: #333985; font-size: 0.48rem;
	 	font-family: 'Impact'; border-radius: 50%; background: #fcd800;
	 }
	.fouTit li p{ font-size: 0.48rem; color: #333985; letter-spacing: 0.1rem; font-weight: bold; font-family: "微软雅黑 Light"; margin-left: 0.3rem;}
	.fouTit li.active{ background-image: url(../images/fourbg1.png);}
	.fouTit li.active p{ color: #fff;}


	.sensi{ margin-top: 0.9rem; position: relative; z-index: 1;}
	.sensi:after{ content: ''; position: absolute; z-index: -1; left: 0.25rem; top: 0; width: 3px; height: 100%;
		 background: url(../images/libe.png) repeat-y center / 100%;
	}
	.sensi li{ position: relative; padding-left: 0.6rem;  margin-bottom: 0.7rem;}
	.sensi li:after{ content: ''; position: absolute; left: 0; top: 0; width: 0.6rem; height: 0.6rem; background: url(../images/liaf.png) no-repeat center / 100%;}
	.sensi li a{ display: block; padding: 0.2rem 0.8rem 0.3rem 0.2rem; background: #fff url(../images/foutlibg.jpg) no-repeat right top / 3.4rem auto;   
	 border-radius: 0.4rem;  border-top-left-radius: 1.8rem; box-shadow: 0px 5px 10px rgba(84,74,14,.3);}
	.sensi dl{ display: flex;}
	.sensi dt{ width: 3.2rem; height: 3.2rem; border-radius: 50%; border: 0.12rem solid #333985; overflow: hidden; margin-right: 0.4rem;}
	.sensi dt img{ border-radius: 50%; border: 0.06rem solid #f6d303;}
	.sensi dd{ width: 7.5rem; border-bottom: 0.06rem solid #f4f4f4;}
	.sensi dd div{ margin-top: 1rem;}
	.sensi dd i{ display: inline-block; font-weight: bold; font-family: "微软雅黑 Light"; font-size: 0.8rem; color: #333; }
	.sensi dd em{ display: inline-block; font-size: 0.4rem; color: #333; font-family: arial;}
	
	.namejs{ display: flex; margin: 0.3rem 0 0;}
	.namejs img{ width: 0.6rem ; margin-right: 0.1rem;}
	.namejs .span1{ display: flex;align-items: center; width: 2.2rem; height: 0.66rem;  font-size: 0.4rem; color: #333985; font-weight: bold;
	 	font-family: "微软雅黑 Light"; margin-left: 0.3rem;
	}
	.namejs .over2{ width: 9.1rem; font-size: 0.4rem; color: #333985; line-height: 0.6rem;}





/* 校园环境   */
	.five{ background: url(../images/fivebg.jpg) no-repeat top center / 100% 100%; }
	.fimg{ height: 2.5rem; margin-left: 1.7rem; margin-bottom: 0.7rem; margin-top: 2.2rem;}
	.fimg img{ height: 100%;}

	.fli{ margin-left: 1.7rem; }
	.fli li{ padding-left: 4.7rem; height: 3.02rem; width: 9.44rem; margin-bottom: 0.2rem; }
	.fli li a{ display: block; font-size: 0.6rem; color: #333985; font-weight: bold; font-family: "微软雅黑 Light"; letter-spacing: 0.25rem; line-height: 3.2rem; }
	.fli li:nth-child(1){ background: url(../images/five03.png) no-repeat center / 100% 100%;}	
	.fli li:nth-child(2){ background: url(../images/five02.png) no-repeat center / 100% 100%;}	
	
	
	.fiveswiper{ height: 12rem; margin-left: -1.7rem; margin-top: 1rem; margin-bottom: 0.7rem;}
	.fiveswiper li{  transition: 300ms; height: 6.4rem; width: 6rem; overflow: hidden;border-radius: 0.4rem; margin-top: 2.8rem; }
	.fiveswiper li img{border-radius: 0.4rem;  width: 100%;}
	.fiveswiper li.swiper-slide-active { height: 11.9rem; margin: 0; padding-bottom: 0.7rem;}
	.fiveswiper li.swiper-slide-active img{ height: 100%;}
	.fiveswiper li.swiper-slide-active:after{ content: ''; position: absolute; bottom: 0rem; left: 0; right: 0; margin: auto;  width: 100%; height: 2.1rem; 
		background: url(../images/fiimgbg.png) no-repeat center / cover;
	}
	.wenzi{ display: block; text-align: center;font-size: 0.4rem; color: #c7c8d7; letter-spacing: 0.75rem; padding-left: 0.5rem;
		 font-weight: 100;
	}
	
	
	
	
	

/* 校园动态   */
	.sixbg{ background: #f8f6eb;}
	.sixbg .fbox{ background: #fff; height: 6.6rem;  box-shadow: 0 2px 10px rgba(84,74,14,.3); }
	.sixTit li{ position: relative; z-index: 1; width: 2.9rem;   }
	.sixTit li:after{ content: ''; position: absolute; z-index: -1; width: 2.94rem; height: 1.44rem; left: 0; right: 0; bottom: -0.5rem;  margin: auto;
		background:url(../images/libg.png) no-repeat center / 100%; 
	}
	.sixTit li div{ display: flex; justify-content: flex-end; align-items: flex-end; width: 2.9rem; height: 2.6rem; border: 0.06rem solid #333985;
		 border-radius: 0.4rem;  background: #fff;
	}
	.sixTit li img{ width: 2.04rem; vertical-align: bottom;}
	.sixTit li p{ position: absolute; bottom: 0.18rem; font-size: 0.48rem; color: #999; line-height: 0.52rem; width: 100%; text-align: center;}
	.sixTit li.active div{ background: url(../images/divbg.png) no-repeat center / cover; border: none;}
	.sixTit li.active p{ color: #fff;}
	/*瀑布流*/
	.container{ max-width: 13.8rem; margin: 0rem auto;overflow-x: hidden; padding: 0.7rem 0 0.2rem;}
	.fall-box{  width: 100%; }
	.fall-box .item{ position: relative;  width: calc((100% - 15px)/2); margin-bottom: 0.5rem;  border-radius: 0.4rem; background: #fff;
	 	box-shadow: 0 2px 10px rgba(84,74,14,.3);
	 } 
	.fall-box .item span{ display: block; position: absolute; right: .2rem; bottom: 2rem; z-index: 1; width: 1rem;}
	.fall-box .item-img{width:100% ;display: block;}
	.fall-box .item dl{ padding: 0.3rem 0.4rem}
	.fall-box .item dl dt{ color: #333; font-size: 0.4rem; margin-bottom: .1rem; }
	.fall-box .item dl dd{ color: #fcd800; font-size: 0.4rem; font-family: arial;}
	



/* 教育科研  */
	.seve{ background: url(../images/bg7.jpg) no-repeat top center / 100% 100%; }
	.sevli{ position: fixed; width: 12.2rem; height: 12.2rem; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
	.sevli>div{ display: flex; justify-content: center; align-items: center;  position: absolute; width: 5.48rem; height: 5.48rem; text-align: center;  
		background: url(../images/sevbg.png) no-repeat center / 100% 100%;
	}
	.sevli .seli1{ left: 0; top: 3.35rem;}
	.sevli .seli2{ left: 0; right: 0; top: 0rem; margin: auto;}
	.sevli .seli3{ right: 0; top: 3.35rem;}
	.sevli .seli4{ left: 0; right: 0; bottom: 0; margin: auto;}
	.sevli img{ height: 0.76rem;}
	.sevli p{ font-size: 0.6rem; color: #333985; font-weight: bold; font-family: "微软雅黑 Light"; line-height: 1rem;}
	




/* 教学成果   */
	.night{ background: url(../images/nightbg.jpg) no-repeat top center / 100% 100%; }
	.niTit{ position: relative; text-align: center; margin-bottom: 0.8rem;}
	.niTit .nitbg img{ height: 9.94rem;}
	.niTit .img{ position: absolute; bottom: 2.5rem; width: 100%; text-align: center;}
	.niTit .img img{ height: 1.14rem;}
	.niTit .img p{ font-size: 0.6rem; color: #333; font-weight: bold; font-family: "微软雅黑 Light"; line-height: 1rem; letter-spacing: 0.1rem; padding-left: 0.1rem;}
	
	.pass{ position: relative; height: 11.6rem;}
	.Patslide{ position: absolute; left: 0; top: 0; width: 100%; z-index: 1; opacity: 0; transition: 0.5s;}
	.Patslide ul li{ transition: 200ms;}
	.Patslide ul li a{ display: flex; justify-content: center; align-items: center; background: url(../images/Pebg.png) no-repeat center / 100% 100%; 
		padding: 0.2rem 0.35rem 0.65rem;
	}
	.Patslide ul li img{ width: 7.6rem; height: 10.66rem;}
	.Patslide ul li.swiper-slide-active a{ background: url(../images/Acbg.png) no-repeat center / 100% 100%; padding: 0.25rem 0.24rem 0.64rem;}
	.Patslide.on{ opacity: 1; z-index: 5;}
	
	.Nati{ margin: 0.3rem 1.4rem 0;}
	.Nati ul{ display: flex; justify-content:space-between;}
	.Nati li{ width: 2.88rem; height: 3.54rem; background: url(../images/naiconB.png) no-repeat center / 100% 100%; text-align: center;}
	.Nati li div{ height: 0.5rem; line-height: 0.6rem; margin-top: 0.82rem;}
	.Nati li div img{ height: 0.2rem;}
	.Nati li p{ font-size: 0.48rem; color: #333;font-weight: bold; font-family: "微软雅黑 Light";  }
	.Nati li.on{ background-image: url(../images/naiconA.png);}







/* 教育研究  */
	.eight{ background: url(../images/teachbg.jpg) no-repeat top center / 100% 100%; }
	.eigTop{ padding:1rem 1.1rem;}
	.eigTop{ text-align: center; margin-bottom: 0.6rem;}
	.eigTop img{ height: 0.74rem;}
	.eigTop p{ letter-spacing: 0.2rem; font-size: 0.6rem; line-height: 1rem; color: #333; font-weight: bold; font-family: "微软雅黑 Light"; }
	
	.teacImg { text-align: center; margin-top: 1.4rem;}
	.teacImg img{ text-align: center; height: 1.56rem;}
	
	.class{ padding: 0 0.96rem; margin-top: 2rem;}
	.class ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
	.class li{ width: 6.04rem; height: 3.24rem; margin-bottom: 0.6rem;}




/* 实践课程   */
	.ten{ background: url(../images/schbg.jpg) no-repeat top center / 100% 100%; }
	.ten h5{ display: block; line-height: 2.4rem; text-align: center;font-size: 0.4rem; color: #c7c8d7; letter-spacing: 0.75rem; padding-left: 0.5rem; font-weight: 100;}

	.schole{ display: flex; justify-content: space-between; padding:0 1.5rem 0 1.7rem; margin-top: 4.5rem;}
	.scle .le1 img{ width: 4.5rem; margin-bottom: 3.6rem;}
	.scle .le2 img{ width: 3.84rem;}

	.scht li{ width: 5.56rem; height: 7.72rem; padding: 0.7rem 0.6rem; margin-bottom: 0.8rem;}
	.scht li img{ height: 0.84rem; }
	.scht li:nth-child(1){ background: url(../images/scholi2.png) no-repeat center / 100% 100%;}
	.scht li:nth-child(2){ background: url(../images/scholi1.png) no-repeat center / 100% 100%;}
	.scht li p{ font-size: 0.56rem; color: #333985; font-weight: bold; font-family: "微软雅黑 Light"; line-height: 1.1rem; letter-spacing: 0.2rem;}




/* 特色课程   */
	.elev{ background: url(../images/elevbg.jpg) no-repeat top center / 100% 100%; }
	.elevTit{ text-align: center; margin-top: 2.9rem;}
	.elevTit img{ height: 1.84rem; }

	.elevli ul{ display: flex; justify-content: space-between; padding:  0 1rem; margin-top: 4.8rem;}
	.elevli li{ width: 4.24rem; padding-left: 0.62rem; }
	.elevli li:nth-child(1){ height: 6.34rem; background: url(../images/elevbg1.png) no-repeat center / 100% 100%; padding-top: 3.9rem;}
	.elevli li:nth-child(2){ height: 4.62rem; background: url(../images/elevbg2.png) no-repeat center / 100% 100%; padding-top: 2.2rem;}
	.elevli li:nth-child(3){ height: 3.8rem; background: url(../images/elevbg3.png) no-repeat center / 100% 100%;  padding-top: 1.4rem;}
	.elevli li img{ height: 0.82rem;}
	.elevli li p{ font-size: 0.56rem; color: #333985; font-weight: bold; font-family: "微软雅黑 Light"; letter-spacing: 2px; line-height: 0.8rem;}




/* 招生介绍   */
	.stber{ background: url(../images/stberbg.jpg) no-repeat top center / 100% 100%;  }
	.sber{ position: fixed; top: 6.02rem; right: 0; left: 0;width: 10.66rem; height: 11.05rem; margin: auto;}
	.sber .stb{ position: absolute; width: 3.68rem; height: 3.68rem; border-radius: 50%;}
	.sber .ber3{ right: 0; top: 0; }
	.sber .ber2{ left: 0; right: 0; top: 3.7rem;  margin: auto;}
	.sber .ber1{ left: 0; bottom: 0; }







.eve{ background: #f8f6eb; padding: 0.4rem;}
.nylist{ background: #fff; padding:1rem 0.5rem 2rem; font-size: 0.48rem; color: #424243; line-height: 0.8rem;}
.nylist dl{ text-align: center;}
.nylist dt{ font-size: 0.8rem; color: #222; line-height: 1rem;}
.nylist dd{ color: #b3b3b3; margin-bottom: 0.7rem;} 
.ingfix{ position: fixed; bottom: 0; left: 0; right: 0; margin: auto; max-width: 750px; height: 2.6rem;}
.ingfix img{ height: 100%;}