body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    font-family: PingFangSC-Semibold, sans-serif;
	background-color: #f7f9ff;

}

table,td,tr,img,ul,li,h1,h2,p,object,param,embed {
    margin: 0;
    padding: 0;
    border: 0;
}

img {
    border: 0;
}

ul,li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #fff;
}

a:hover {
    text-decoration: none;
}

.clear {
    clear: both;
}

.clearfix {
    zoom:1;}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.w1200{
	width: 1200px;
	margin: auto;
}
/*头部*/
.header {
	background-color: #292f36;
	height:52px;
	line-height: 52px;
    width:100%;
	margin:0 auto; 
	text-align:center; 
}

.header--fixed {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	top: 0
}
a{text-decoration: none;}
.top_head{width:100%; height:52px; line-height:52px; font-size:14px; margin:0 auto; text-align:center; background:#333; position:fixed; left:0; top:0; z-index:99999; overflow: hidden; color: #fff;}
.top_main{display: flex; flex-flow: row nowrap; justify-content: space-around;}
.top_right a{color: #fff;margin:0 5px;}
.top_right a:hover{ text-decoration:underline; color: #fff;}
.footer{
		width:100%;
		height: 180px;
		background: #333;
		
	}
	.footer_main{
		width:980px;
		height:inherit;
		margin: 0 auto;
		color: #fff;
		font-size: 14px;
	}
    .footer_nav a{color: #fff;
            text-decoration: none;
        }
        a:hover{
            color: #fff;
            text-decoration:underline;}
	.footer_nav{padding-top: 20px;}
	.footer_bottom p{text-align: left;line-height: 26px;}
	.footer_bottom{position: relative;}
	.footer_bottom .text{margin-left:46px; letter-spacing: 1px;}
	.footer{
			width:100%;
			height: 180px;
			background: #333;
			
		}
		.footer_main{
			width:980px;
			height:inherit;
			margin: 0 auto;
			color: #fff;
			font-size: 14px;
		}
	    .footer_nav a{color: #fff;
	            text-decoration: none;
	        }
	        a:hover{
	            color: #fff;
	            text-decoration:underline;}
		.footer_nav{padding-top: 20px;}
		.footer_bottom p{text-align: left;line-height: 26px;}
		.footer_bottom{position: relative;}
		.footer_bottom .text{margin-left:46px; letter-spacing: 1px;}
		.main_m {
		    width: 1200px;
		    height: 100%;
		    margin: 0 auto;
		    text-align: center;

		}
		.banner1{
			height: 702px;
			background: url(../img/banner1.jpg)no-repeat center;
			position: relative;
		}
		.banner1 .yuyue {
		    width: 860px;
		    margin-left: 30px;
		    position: absolute;
			bottom: 47px;
		}
		
		.banner1 .top_yuyue_form {
		    width: 100%;
		    height: auto;
		    margin: 11px auto 40px auto;
		}
		
		.banner1 .top_yuyue_form .textinput {
		    width: 140px;
		    height: 40px;
		    margin-bottom: 15px;
		    margin-right: 10px;
		    font-size: 16px;
		    padding-left: 5px;
		    float: left;
		    outline: none;
		}
		
		.banner1 .top_yuyue_form .btnon {
		    position: absolute;
		    outline: none;
		    width: 170px;
		    height: 45px;
		    border: 2px solid #e0e0e0;
		    background: #e44e00;
		    font-size: 16px;
		    color: #fff;
		    cursor: pointer;
		    right: 125px;
		    top: 10px;
		    font-weight: bold;
		}
		
		.banner1 .top_yuyue_form .form-group {
		    width: 27%;
		    float: left;
		}
		
		.banner1 .top_yuyue_form .yzmcode {
		    width: 55%;
		    height: 40px;
		    font-size: 14px;
		    float: left;
		}
		
		.banner1 .top_yuyue_form .codetxt {
		    width: 40%;
		    background: #dadada;
		    outline: none;
		    height: 45px;
		    cursor: pointer;
		    font-size: 14px;
		    border: 0;
		}
		
		.banner1 .top_yuyue {
		    width: 300px;
		    height: 165px;
		    top: 190px;
		    right: 135px;
		    position: absolute;
		}
		
		.banner1 .top_yuyue_form1 {
		    width: 80%;
		    height: auto;
		    margin: 20px auto 0 auto;
		}
		
		.banner1 .top_yuyue_form1 .textinput {
		    width: 97%;
		    height: 35px;
		    margin-bottom: 15px;
		    font-size: 16px;
		    padding-left: 5px;
		}
		
		.banner1 .top_yuyue_form1 .btnon {
		    outline: none;
		    border: 0;
		    width: 100%;
		    height: 35px;
		    background: #e44e00;
		    font-size: 16px;
		    color: #fff;
		    cursor: pointer;
		}
		
		.banner1 .top_yuyue_form1 .form-group {
		    width: 100%;
		    margin-bottom: 15px;
		}
		
		.banner1 .top_yuyue_form1 .yzmcode {
		    width: 55%;
		    height: 31px;
		    font-size: 14px;
		    float: left;
		}
		
		.banner1 .top_yuyue_form1 .codetxt {
		    width: 40%;
		    background: #f0f0f0;
		    outline: none;
		    height: 35px;
		    cursor: pointer;
		    font-size: 14px;
		}
		.banner2{
			height: 262px;
			background: url(../img/banner2.jpg) no-repeat center;
		}
		.banner2_count .slogan{
			float: left;
			margin: 40px 0px 0px 370px;
			text-align: left;
		}
		.banner2_count .slogan p:nth-child(1),
		.banner2_count .slogan p:nth-child(2)
		{
			font-size: 24px;
			font-weight: 600;
			background: linear-gradient(90deg, #f4e9d7, #d5ae80);
			-webkit-background-clip: text;
			color: transparent;
			line-height: 40px;
		}
		.banner2_count .slogan p:nth-child(3),
		.banner2_count .slogan p:nth-child(4){
			font-size: 18px;
			color: #fff;
		}
		.banner2_count .question{
			float: left;
			margin: 14px 0px 0px 55px;
		}
		.banner2_count .question p{
			font-size: 22px;
			color: #333;
			line-height: 65px;
		}
		.banner2_count .question p span{
			font-size: 30px;
			color: #162345;
			font-weight: 600;
		}
		.banner3{
			height: 727px;
			background: url(../img/class_bg.jpg)no-repeat center;
		}
		.banner3 .banner3_count img{
			margin-top: 40px;
		}
		.main_mkc{
		    background: url( "../img/kcbg.png") no-repeat center;
		    margin: 0 auto;
		    text-align: center;
		    width: 1200px;
		    height: 560px;
			margin-top:30px ;
		}
		.stu{width: 1200px; overflow: hidden; padding-top: 59px;}
		.select{
		    width:197px;
		    height: 564px;
		    float: left;
		}
		.stu ul{
		    width:265px;
		    margin: -60px auto;
		    /* background: #fafafa; */
		}
		.stu ul li{
		    float: left;
		    width:280px;
		    height: 84px;
		    text-align: center;
		    font-size: 22px;
		    margin-left: -35px;
		    margin-bottom: 5px;
		    color: #fff;
		    font-weight: 900;
		    line-height: 30px;
		    cursor: pointer;
		    padding-top: 25px;
		}
		.select .selected{background: url("../img/but_select.png") no-repeat center; color: #6c3906;}
		
		.school{
		    width: 780px;
		    height: 560px;
		    float: left;
		    position:relative;
		}
		.school div{
		    width: 780px;
		    margin:  0 auto;
		    display: none;
		}
		.school div img{
		    width: 100%;
		}
		.school .active{
		    display: block;
		}
		
		.school .kcnr{ text-align: left; margin-top:40px;margin-left: 50px;}
		.school .kcnr h3{color: #db545a; font-size: 22px; line-height: 30px; margin: 8px 0;}
		.school .kcnr p{width: 845px; font-size: 22px; font-weight: 100; margin-bottom: 10px; line-height: 35px;}
		.school .kcnr .kcsh{font-weight: bold;  padding-bottom: 10px; border-bottom: 1px solid #918c89;}
		.school .kcnr a{cursor: pointer; position: absolute; display: block; font-size: 22px; line-height: 70px; text-align: center;}
		.school .kcnr .zx1{width: 270px; height: 70px; bottom:-5px; right: 205px; background: #cd161b; color: #fff; border-radius: 40px 0 0 0;}
		.school .kcnr .zx2{width: 210px; height: 70px; bottom:-5px; right: -5px;  background: #c29f65; color: #000;}
		
		.banner4{
			height: 397px;
			background: url(../img/feature_bg.jpg) no-repeat center;
		}
		.banner4 img{
			margin-top: 50px;
		}
		.feature_count{
			margin-top: 40px;
		}
		.feature_count .item1{
			float: left;
		}
		.feature_count .item2,.feature_count .item3{
			float: left;
			margin-left: 13px;
		}
		.feature_count .item4{
			float: right;
		}
		.feature_count .common{
			width: 290px;
			height: 162px;
			background-image: linear-gradient(to bottom, #f4e9d7, #cca77a);
			border-radius: 12px;
		}
		.feature_count .common>div{
			width: 200px;
			height: 42px;
			background: url(../img/tit_bg.png) no-repeat center;
			margin-top: 20px;
		}
		.feature_count .common>div>h3{
			font-size: 24px;
			font-weight: 600;
			color: #d5b68f;
			line-height: 40px;
			text-align: left;
			margin-left: 10px;
		}
		.feature_count .common p{
			width: 258px;
			font-size: 18px;
			color: #333;
			margin:10px 0px 0px 10px;
		}
		.feature_count .common a{
			display: block;
			width: 173px;
			height: 40px;
			background-color: #b40a00;
			color: #fff;
			line-height:34px;
			font-size: 24px;
			font-weight: 600;
			border-radius: 40px;
			margin: auto;
			margin-top: 23px;
			cursor: pointer;
		}
		.feature_count .common a:hover{
			text-decoration: none;
		}
		.banner5{
			height: 309px;
			background: url(../img/banner3.jpg)no-repeat center;
		}
		.banner6{
			position: relative;
			height: 536px;
			background: url(../img/banner4.jpg)no-repeat center;
		}
		.banner7{
			height: 92px;
			background: url(../img/banner5.jpg)no-repeat center;
		}
		.main_m .swiper-scrobb .gallery-top {height:auto; width: 100%;}
		.main_m .swiper-scrobb .gallery-thumbs2{ font-size: 14px; }
		.main_m .swiper-scrobb .gallery-thumbs .swiper-wrapper{display: flex; flex-flow: row nowrap; justify-content: left;}
		.main_m .swiper-scrobb .gallery-thumbs .swiper-slide {height: 100%; opacity: 0.4; text-align: center; border: 0.01rem solid #898989; color: #000; padding: 0.2rem 0.1rem ; border-radius: 0.1rem; font-weight: bold;}
		.main_m  .swiper-scrobb .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; font-weight: bold; background: #224a8f; color: #fff;}
		.banner8{
			width: 100%;
			height: 354px;
			background-color: #162345;
			margin-top: 30px;
			overflow: hidden;
		}
		.banner8 .introduce_count{
			padding: 14px;
			box-sizing: border-box;
			border-radius: 12px;
			background-color: #fff;
			margin-top: 44px;
		}
		.banner8 .introduce_count div:nth-child(1){
			float: left;
		}
		.banner8 .introduce_count div:nth-child(2){
			float: left;
			text-align: left;
			font-size: 20px;
			color: #333;
			line-height: 30px;
			margin: 30px 0px 0px 30px;
			
		}
		.banner9{
			margin: 50px 0px;
		}