﻿@charset "utf-8";
.tit h3{
	font-size: 36px;
}
img{
	vertical-align: bottom;
}

#banner{
	vertical-align: bottom;
}
#banner .banner1{
	position: relative;
	height: 569px;
	background: url(../images/banner.jpg) no-repeat center;
	background-size: cover;
}
#banner .banner1 img{
	width: 100%;
	height: auto;
}
#banner .banner1 .content{
	position: absolute;
	width:900px;
	left: 50%;
	top: 50%;
	color: #19181d;
	-o-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
#banner .banner1 h4{
	font-size: 48px;
	font-family: "方正正准黑简体","Microsoft YaHei","arial";
	font-weight: 700;
}
#banner .banner1 h3{
	font-size: 48px;
	font-family: "方正正准黑简体","Microsoft YaHei","arial";
	font-weight: 700;
	margin: 10px auto 15px;
}
#banner .banner1 h3 span{
	color: #f85729;
	display: inline-block;
	margin: 0 15px;
}
#banner .banner1 p{
	font-size: 30px;
}
#banner .banner1 p span{
	color: #f85729;
}
#banner .banner1 .btn{
	width: 270px;
	height: 60px;
	line-height: 60px;
	font-size: 32px;
	margin: 0 auto;
	margin-top: 40px;
	letter-spacing: 2px;
}
#banner .banner1 .btn .icon{
	width: 30px;
	height: 30px;
}



/*home*/
#home .tit h3 span{
	color: #f85729;
}
#home li{
	width: 220px;
	float: left;
}
#home li:first-child{
	margin-left: 80px;
}
#home li .border{
	width: 220px;
	height: 220px;
	border-radius: 50%;
	border:1px dashed #d1d1d1;
	padding: 8px;
}
#home li .timg{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
}
#home li .timg img{
	width: 100%;
	height: auto;
}
#home li p{
	font-size: 24px;
	color: #0a080e;
	margin-top:25px;
	text-align: center;
}
#home ul hr{
	float: left;
	width: 100px;
	border:none;
	border-top: 1px solid #fb9a7f;
	margin: 101px 20px 0;
}

/*student*/
#student{
	background: url(../images/bg-3.jpg) no-repeat center;
	background-size: cover;
}
#student .tit p span{
	color: #f85729;
}
#student li{
	float: left;
	width: 25%;
	padding:0 20px;
	margin-bottom: 40px;
}
#student li .cont{
	background: #f3f3f5;
	-o-box-shadow: 3px 3px 3px gray;
	-moz-box-shadow: 3px 3px 3px gray;
	-webkit-box-shadow: 3px 3px 3px gray;
	box-shadow: 3px 3px 3px gray;
	overflow: hidden;
}
#student li .img{
	width: 100%;
	height: 189px;
}
#student li .img img{
	width: 100%;
	height: auto;
}
#student li h3{
	line-height: 43px;
	font-size: 24px;
	color: #0a080e;
	background: url(../images/bg-h3.png) no-repeat center;
}
#student .caption{
	background: #ededef;
	margin: 0 16px 13px;
	padding-top: 8px;
	overflow: hidden;
	height: 96px;
}
#student .caption p{
	font-size: 18px;
	color: #666666;
	line-height: 24px;
	margin-bottom: 8px;
}
#student .caption p .money{
	font-size: 24px;
	color: #c2000c;
}
#student .btn{
	margin-top: 40px;
}
#student .from{
	font-size: 18px;
	color: #666666;
	margin: 25px auto 60px;
	text-align: center;
}

/*major*/
#major .tit p span{
	color: #f85729;
}
#major li{
	float: left;
	width: 25%;
}
#major .cont{
	width: 260px;
	height: 490px;
	margin: 0 auto;
	border: 1px solid #dde1e4;
	text-align: left;
}
#major .cont .timg{
	width: 100%;
	height: 237px;
	border-bottom: 1px solid #dde1e4;
	overflow: hidden;
}
#major .cont .timg img{
	width: 100%;
	height: auto;
	transition: all 0.3s;
	cursor: pointer;
}
#major .cont .timg img:hover{
	transform: scale(1.1);
}
#major .cont .caption{
	padding: 20px 15px 0;
}
#major .cont .caption h3{
	font-size: 20px;
	color: #0a080e;
	font-weight: 600;
}
#major .cont .caption hr{
	border:none;
	border-top: 2px solid #cbcbcb;
	width: 31px;
	margin: 10px 0 15px;
}
#major .cont .caption .content{
	font-size: 18px;
	color: #999999;
	line-height: 30px;
	height: 120px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
#major .cont .caption .content span{
	color: #f85729;
}
#major .cont .time,#major .cont .num{
	font-size: 18px;
	color: #666666;
	float: left;
	margin-top: 10px;
	width: 50%;
}
#major .cont .time span,#major .cont .num span{
	color: #f85729;
}
#major .cont .time{
	padding-left: 15px;
}
#major .btn{
	width: 200px;
}

/*what*/
#what{
	background: #e7e7e8;
	text-align: center;
}
#what .tit p span{
	color: #f85729;
}
#what .list{
	display: inline-block;
	margin-bottom: 37px;
}
#what .list li{
	width: 190px;
	height: 52px;
	line-height: 52px;
	color: #666666;
	font-size:22px;
	border:1px solid #c6c6c6;
	border-radius: 8px;
	float: left;
	margin: 0 8px;
	cursor: pointer;
}
#what .list li.on{
	background: #f85729;
	color: white;
	border:none;
}


#what .wrap ul{
	display: none;
}
#what .wrap li{
	float: left;
	width: 33.33%;
}
#what .wrap li .img{
	width: 331px;
	height: 247px;
	overflow: hidden;
	margin: 0 auto;
	border-radius: 10px;
}
#what .wrap li .img img{
	width: 100%;
	height: auto;
	transition: all 0.3s;
	cursor: pointer;
}
#what .wrap li .img img:hover{
	transform: scale(1.1);
}
#what .wrap li p{
	font-size: 24px;
	color: #0a080e;
	margin-top: 15px;
}


/*teacher*/
#teacher .tit p span{
	color: #f85729;
}
#teacher li{
	float: left;
	width: 25%;
}
#teacher li .cont{
	width: 95%;
	margin: 0 auto;
	text-align: left;
}
#teacher li .cont .img{
	width: 100%;
	height: 235px;
	overflow: hidden;
	border-radius: 8px;
	position: relative;
}
#teacher li .cont .img img{
	width: 100%;
	height: auto;
}
#teacher li .cont .img a{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 8px;
	background: rgba(1,146,223,.6);
	color: white;
	font-size: 50px;
	text-align: center;
	line-height: 220px;
	-o-transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#teacher li .cont .img:hover a{
	-o-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
}
#teacher li .cont .caption{
	padding: 0 10px;
	height: 234px;
	overflow: hidden;
}
#teacher li .cont h3{
	font-size: 24px;
	color: #0a080e;
	margin-bottom: 15px;
	margin-top: 23px;
}
#teacher li .cont h3 span{
	font-size: 16px;
	color: #999999;
}
#teacher li .cont p{
	font-size: 16px;
	color: #666666;
	line-height: 25px;
	margin-bottom: 5px;
}
#teacher .btn{
	width: 200px;
}
#teacher .swiper-button-prev,#teacher .swiper-button-next{
	top: 25%;
}


/*hood*/
#hood{
	background: #2356a9;
}
#hood .tit h3,#hood .tit p{
	color: white;
}
#hood .tit hr{
	border-color: white;
}
#hood li{
	float: left;
	position: relative;
	width: 25%;
}
#hood li .caption{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#hood li .caption h3{
	font-size: 24px;
	color: #0a080e;
	margin-top: 180px;
}
#hood li .caption p{
	font-size: 16px;
	color: #666666;
	width: 200px;
	margin: 25px auto 0;
	line-height: 25px;
}
#hood li:nth-child(even) h3{
	color: white;
}
#hood li:nth-child(even) p{
	color: white;
}


/*last*/
#last{
	background: #e7e7e8;
}
#last .tit h3 span{
	color: #f85729;
}
#last .tit p span{
	color: #f85729;
}
#last .img{
	width: 250px;
	margin: 0 auto;
	border-radius: 8px;
	overflow: hidden;
}
#last .img img{
	width: 100%;
	height: auto;
}
#last .wrap_swiper{
	padding: 0 30px;
	position: relative;
}
#last .wrap_swiper .swiper-button-prev{
	left: 0;
}
#last .wrap_swiper .swiper-button-next{
	right: 0;
}

/*together*/
#together li{
	float: left;
	width: 12.5%;
	text-align: center;
	height: 110px;
	border:1px solid #ededef;
	line-height: 110px;
}
#together li img{
	cursor: pointer;
	vertical-align: middle;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#together li img:hover{
	-o-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);	
	transform:scale(1.1);
}



/*contact*/
#contact{
	background-color: #eee;
}
input,textarea,a,button {outline:none;}
input,textarea,button {border:0 none;background:#fff;}
.flex {display:-moz-box;/* Firefox */display:-ms-flexbox;/* IE10 */display:-webkit-box;/* Safari */ display:-webkit-flex;/* Chrome,WebKit */display:box;display:flexbox;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;}
.form_box .form_main {margin-top:60px;}
.form_box .form_main div {width:580px;height:330px;}
.form_box .form_main .form_group {height:58px;margin-top:40px;}
.form_box .form_main .form_group label {width:110px;height:58px;display:block;float:left;box-sizing:border-box;line-height:58px;padding-left:36px;font-size:22px;color:#4a3d3d;}
.form_box .form_main .form_group input {width:320px;height:58px;display:block;border:0 none;border:1px solid #b8bfc4;float:left;box-sizing:border-box;padding-left:10px;font-size:22px;}
.form_box .form_main button {width:200px;height:56px;display:block;cursor:pointer;background-color:#f55d45;margin:40px auto 0;font-size:28px;color:#fff;border-radius:20px;}
.w_1200{width: 1200px;margin:0 auto;}
/* 专题导航 */
.ztdh {height:78px;border-bottom:2px solid #0858a0;background:#fff;width:100%;}
.ztpf {position:fixed;top:0;z-index:9999;}
.ztlogo {margin-top:9px;}
.ztlogo a {display:block;width:410px;height:60px;background:url(/public/images/ztlogo.jpg) no-repeat;}
.ztdaohang {margin-left:120px;}
.ztdaohang>a {width:90px;float:left;height:60px;line-height:60px;margin-top:9px;color:#0858a0;font-size:18px;text-align:center;}
.ztdaohang>a:hover {color:red;}
.z_ico {padding:10px 0;position:relative;height:100%;min-height:40px;}
.mianf {width:200px;font-size:20px;text-align:center;position:absolute;bottom:10px;bottom:10px;right:50%;margin-right:-100px;box-shadow:2px 2px 2px #888;}
.mianf>a {color:#fff;display:block;height:50px;background:#f79d10;line-height:50px;padding:0 5px;}
.mianf>a:hover {color:red;}
/* 专题导航 end*/
/*右侧漂浮*/
.zx_right {width:64px;position:fixed;right:50%;top:80px;z-index:999;margin-right:-664px;}
.zx_list {position:absolute;width:64px;position:absolute;left:0;top:0;}
.zx_list li {width:64px;position:relative;background:rgba(85,85,85,.8);margin-top:5px;text-align:center;padding-top:10px;color:#fff;cursor:pointer;}
.zx_list li:hover {background:#1659a0;}
.zx_list li:first-child {background:#1659a0;}
.zx_list li>a {color:#fff;}
.zx_list li>a img {margin:0 auto;}
.zx_erweima {width:171px;height:171px;border:4px solid #1659a0;background:url(/public/images/pf_erweima.jpg) no-repeat;position:absolute;left:-179px;top:-77px;}
.zx_tel {width:80px;right:0;overflow:hidden;}
.pf_tel_1 {width:64px;height:78px;text-align:center;/* float:right;*/position:absolute;right:0;z-index:33;}
.pf_tel_2 {width:310px;height:80px;background:#1659a0;/* float:left */position:absolute;right:64px;top:0;z-index:2;}
.pf_tel_2 input {width:200px;float:left;height:45px;line-height:45px;font-size:16px;margin-top:15px;margin-left:15px;}
.pf_tel_2 span {float:left;width:85px;height:45px;line-height:45px;background:#ff9102;color:#fff;text-align:center;font-size:16px;margin-top:15px;cursor:pointer;}
.pf_erweima {width:171px;height:171px;border:4px solid #1659a0;background:url(/images/pf_erweima.jpg) no-repeat;position:absolute;left:-179px;top:-100px;}
.hide {display:none;}
/*右侧漂浮 end*/

/*底部*/
.bot_1 {width:100%;height:210px;background:#f7f7f7;padding-top:30px;margin-top:30px;}
.bottom_1 {height:50px;}
.bottom_1 div {width:24%;float:left;padding-left:5.3%;height:50px;margin-left:4%;}
.bottom_1 div h2,.zt_bottom_2 div h2 {font-size:18px;}
.bottom_1 div p,.zt_bottom_2 div p {line-height:30px;font-size: 14px;}
.icon1 {background:url(/public/images/icon1.png) left center no-repeat;}
.icon2 {background:url(/public/images/icon2.png) left center no-repeat;}
.icon3 {background:url(/public/images/icon3.png) left center no-repeat;}
.bottom_2 {margin-top:45px;height:80px;padding:0 50px;}
.bottom_2 div {height:80px;width:150px;border:1px solid #dcdcdc;float:left;margin-right:4px;height:50px;padding:15px 0 15px 120px;font-size: 14px;}
.bottom_2 div.icon7 {margin-right:0;}
.bottom_2 div p b {background:#fa4b54;width:95px;height:30px;border-radius:5px;display:block;color:#fff;text-align:center;line-height:30px;}
.bottom_2 div p i {color:#70a7e2;font-style:normal;font-size:16px;}
.icon4 {background:url(/public/images/icon4.png) 40px center no-repeat;}
.icon5 {background:url(/public/images/icon5.png) 40px center no-repeat;}
.icon6 {background:url(/public/images/icon6.png) 40px center no-repeat;}
.icon7 {background:url(/public/images/icon7.png) 40px center no-repeat;}
.bot2 {width:100%;height:180px;padding:20px 0;background:#444;font-size: 14px}
.bot2 dl {width:90px;float:left;margin-right:115px;}
.bot2 dl:nth-child(2){width: auto !important;}
.bot2 dl dt {color:#fff;font-size:16px;border-bottom:1px solid #b2b2b2;line-height:35px;margin-bottom:10px;}
.bot2 dl dd ul li>a {line-height:26px;color:#b2b2b2}
.bot_te {float:left;width:294px;height:156px;padding:10px;border:1px solid #b2b2b2;}
.bot_te ul li {width:130px;height:40px;line-height:40px;border:1px solid #b2b2b2;margin-left:10px;}
.bot_te ul li>a {color:#b2b2b2;padding-left:50px;}