@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0; padding:0; list-style:none; text-decoration:none;}
i,em{font-style:normal;}
input, select{vertical-align:middle; font-family:"����";}
a{color:#333; text-decoration:none;}
a:hover{text-decoration:none; }
a img{border:0 none;}
a, input, textarea{outline:none;}
input:focus, select:focus, textarea:focus{color:#666 !important;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
.tl li{white-space:nowrap; overflow:hidden;}
.fl{float:left;}
.fr{float:right; color:#C0A20E;}
.clear{clear:both;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.dian{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pa{
	position: absolute;
}
.disnone{display: none;}

html{-webkit-text-size-adjust: none;-webkit-text-size-adjust: 100%;}
body{font-family:"microsoft yahei"; color:#333;}

body,html{
	width: 100%;
	height: 100%;
}
.swiper-container{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.swiper-slide1{
	overflow: hidden;
}
.swiper-slide{
	position: relative;
}
.who{
	top: 180px;
	left: 20px;
}
.who-div1 p{
	font-size: 32px;
	color: #231815;
	margin-top: 20px;
}
.who-div1 p:last-child{
	font-weight: bold;
}
.who-div2{
	font-size: 60px;
	color: #231815;
	font-weight: bold;
	margin-left: 20px;
}
.what{
	left: 20px;
	top: 72%;
	font-size: 32px;
	color: #fff;
	letter-spacing: 4px;
	line-height: 55px;
}
.what-div1 i{
	font-size: 46px;
	color: #f1d037;
}
.what-div2{
	margin-top: 20px;
}
@-webkit-keyframes start {
    0%,
    30% {
        opacity: 0;
        -webkit-transform: translate(0, 10px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, -8px);
    }
}

@-moz-keyframes start {
    0%,
    30% {
        opacity: 0;
        -moz-transform: translate(0, 10px);
    }
    60% {
        opacity: 1;
        -moz-transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        -moz-transform: translate(0, -8px);
    }
}

@keyframes start {
    0%,
    30% {
        opacity: 0;
        transform: translate(0, -8px);
    }
    60% {
        opacity: 1;
        transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        transform: translate(0, -8px);
    }
}
.arrow {
    position: absolute;
    z-index: 999;
    top: auto;
    right: auto;
    left: 50%;
    bottom: 2%;
	margin-left:-30px;
    width: auto;
    height: auto;
    margin-top: 0;
    animation: start 1.2s infinite;
    -o-animation: start 1.2s infinite ease-in-out;
    -moz-animation: start 1.2s infinite ease-in-out;
    -webkit-animation: start 1.2s infinite ;
}
.swiper-container-scrollbar .swiper-slide {
	height: auto !important;
}
.zlimg1{
	padding-top: 30px;
	text-align: center;
}
.main{
	padding: 60px 30px 40px 30px;
}
.people{
	width: 100%;
	height: 290px;
	position: relative;
	background: url(../images/zl2.png) no-repeat;
}
.people-lf{
	float: left;
	width: 330px;
	margin-left: 45px;
	position: relative;
}
.eng{
	width: 240px;
	height: 40px;
	background: #f1d037;
	font-size: 32px;
	color: #27313d;
	text-align: center;
	line-height: 40px;
	margin-top: 30px;
}
.hanzi{
	font-size: 110px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	margin-top: 20px;
}
.college{
	width: 100%;
	height: 42px;
	line-height: 40px;
	box-sizing: border-box;
	border: 1px solid #fff;
	font-size: 32px;
	color: #fff;
	text-align: center;
	margin-top: 25px;
}
.zbzr{
	position: absolute;
	top: 135px;
	left: -15px;
	width: 160px;
	height: 40px;
	background: #f1d037;
	font-size: 32px;
	color: #27313d;
	text-align: center;
	line-height: 40px;
}
.people-lr{
	float: left;
	width: 240px;
	height: 250px;
	background: #f1d037;
	line-height: 250px;
	text-align: center;
	margin-top: 20px;
	margin-left: 50px;
}
.people-lr img{
	vertical-align: middle;
}
.desc{
	font-size: 28px;
	color: #27313D;
	line-height: 52px;
	text-indent: 2em;
	text-align: justify;
	margin-top: 45px;
}
.lm{
	text-align: center;
	margin-top: 50px;
	position: relative;
}
.lm-word{
	position: absolute;
    right: -11px;
    bottom: 30px;
    width: 308px;
    height: 66px;
    background: url(../images/zl5.png) no-repeat;
    font-size: 24px;
    color: #27313D;
    line-height: 78px;
    text-align: center;
    z-index: 10;
}
.new-gk{
	margin-top: 60px;
}
.icon{
	margin-top: 15px;
}
.gk-word{
	width: 570px;
	background: #eeeff0;
	font-size: 30px;
	color: ;
	line-height: 50px;
	box-sizing: border-box;
	text-align: justify;
	padding: 20px 20px 30px 20px;
	border-radius: 10px;
}
.gk-word p+p{
	margin-top: 40px;
}
.bottom{
	width: 100%;
	background: #f0f1f2;
	padding: 40px 30px 60px 30px;
}
.bottom-mid{
	line-height: 155px;
	margin-left: 75px;
}
.bottom-mid img{
	vertical-align: middle;
}
.bottom-lr{
	margin-left: 75px;
	margin-top: 10px;
}
.saoma>div{
	float: left;
	width: 20px;
	font-size: 20px;
	color: #27313d;
	line-height: 22px;
	margin-left: 10px;
}
.footer{
	width: 100%;
	height: 100px;
	font-size: 24px;
	color: #ffffff;
	line-height: 100px;
	text-align: center;
	background: #27313d;
}