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

.layout{ width:1440px; margin:0 auto;}

/*=================导航=================*/
.header {background-color: #fff;width: 100%;height: 100px; clear: both;}
.header .logo {float: left;margin-top: 29px; width: 30%;}

.header_nav {float: left; height: 100px;width: 50%;}
.header_nav ul {width: 100%;margin-top:36px;}

.header_nav .nav_item {float: left;width: 16.5%;text-align: center;position: relative; z-index: 1000;}
.header_nav .nav_item a {display: block; font-size: 16px;font-weight: 400;color: #333;line-height: 33px;}
.header_nav .nav_item a:hover{color: #fff;}
.nav_item .nav_itema{ display: block;}
.header_nav .nav_item_sub { display: none; font-size:14px; z-index: 1000; left:0; overflow: hidden; width: 100%;}
.hover .nav_itema { background:#FA1E46; color:#FFF;}
.hover .nav_item_sub a{ text-align:center; background: #FA1E46; color:#fff; text-decoration: none; font-size:14px; height:33px; line-height:33px; border-bottom:1px #aec7d8 solid; opacity:0.9;}
.hover .nav_item_sub a:hover{ background: #FA1E46; color:#FFF; opacity:0.6;}


/*================= banne===================*/

.g-banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.g-banner .slideBox .hd{ height:16px; overflow:hidden; position:absolute; width:100%; bottom:20px;  z-index:1; text-align:center;}
.g-banner .slideBox .hd ul{ overflow:hidden; zoom:1;  }

.g-banner .slideBox .hd ul li{  margin:0px 10px;  width:50px; height:6px; color:#FFF; cursor:pointer; display:inline-block; text-align:center; line-height:90px; overflow:hidden;  background:#FFF;}
.g-banner .slideBox .hd ul li.on{ background:#FA1E46 !important; color:#fff;}
.g-banner .slideBox .bd{ position:relative; height:419px; z-index:0;   }
.g-banner .slideBox .bd li{ zoom:1; vertical-align:middle;height:auto; position:relative;overflow:hidden;}
.g-banner .slideBox .bd img{ width:100%; height:420px; display:block; position:relative;}


.g-banner .prev{ background:url(../images/left.png) no-repeat; width:49px; height:49px; position:absolute; top:45%; z-index:999; border:none; font-size:0; left:90px; outline:none;}

.g-banner .next{ background:url(../images/right.png) no-repeat; width:49px; height:49px; position:absolute; top:45%; z-index:999; border:none; font-size:0; right:90px; outline:none;}
.fixed_bg {position: absolute;bottom: 0;height: 420px;background:url(../images/tucen.png) no-repeat;background-size: cover; width: 100%; ;z-index: 998;opacity: 0.9;}
.fix_title {position: relative;top: 112px;left: 170px;}
.fix_title span {font-size: 24px;color: #FFFFFF;line-height: 60px;}
.fix_title h2 {font-size: 38px;color: #FFFFFF;line-height: 70px;}


.english {float: left;margin-left: 40px;width: 45px;padding-top:7px;height: 45px; }
.english a{margin:0px !important;}
.nav_r_a{float: left;}

.sou{ width:277px; float:right; position:relative; margin-top:35px;border: 1px solid #999;border-radius: 24px;}
.inputBox_02{ width:230px; height:36px; float:left; border:0;color:#999999;font-size:100%; text-indent:15px; line-height:34px;border-radius: 24px;}
.searchBox_01{ background:url(../images/btn_03.png) no-repeat; width:46px; height:36px; overflow:hidden; border:none;margin:0px; cursor:pointer; float:left;position: absolute;}
select:focus{outline: none;}
input:focus{outline: none;}
/* 主体 */
.titile {/* padding-top: 30px;padding-bottom: 30px; */}
.titile img {position: relative;top: 4px; padding-right:10px;}
.titile h4{display: inline-block;font-size: 24px;font-weight: bold;color: #333333;line-height: 22px;}
.titile span {font-size: 14px;color: #666666;line-height: 22px;}
.more {display: inline-block;float: right;font-size: 14px;color: #777777; position: relative;top: 7px;right: 15px;line-height: 22px;}

.xxgkml_home {padding-top: 46px;}

.xxgkml_cen {width: 100%; overflow:hidden;padding: 30px 0;}
.xxgkml_cen ul {margin: 0 -52px 0 0;zoom: 1;}
.xxgkml_cen li {float: left;width: 290px;height: 194px; text-align:center;border-radius: 6px;transition: all 0.5s linear;}
.xxgkml_cen li:hover{}
.xxgkml_cen li a {overflow:hidden;display:block;  width:100%; }
.xxgkml_cen li div {margin-top: 22px;display: inline-block;height: 110px;width: 110px;border: none;}
.xxgkml_cen li a span {display:block; font-size: 16px;color: #333333;line-height: 20px;padding: 14px 24px 0 26px;transition: all 0.5s linear;}
.xxgkml_cen li a span:hover{ transform: translate(10px, 0px); color:#f9ae31;}

.bg1{background: url(../images/mlbg1.png);}
.bg2{background: url(../images/mlbg2.png);}
.bg3{background: url(../images/mlbg3.png);}
.bg4{background: url(../images/mlbg4.png);}
.bg5{background: url(../images/mlbg5.png);}
.bg6{background: url(../images/mlbg6.png);}
.bg7{background: url(../images/mlbg7.png);}
.bg8{background: url(../images/mlbg8.png);}
.bg9{background: url(../images/mlbg9.png);}
.bg10{background: url(../images/mlbg10.png);}

.bg_img1{background: url(../images/11.png);}
.bg_img2{background: url(../images/22.png);}
.bg_img3{background: url(../images/33.png);}
.bg_img4{background: url(../images/44.png);}
.bg_img5{background: url(../images/55.png);}
.bg_img6{background: url(../images/66.png);}
.bg_img7{background: url(../images/77.png);}
.bg_img8{background: url(../images/88.png);}
.bg_img9{background: url(../images/99.png);}
.bg_img10{background: url(../images/10.png);}

.footer {width: 100%;background: #FA1E46;height: 80px;}
.footer p{display: block; font-size: 14px;color: #FFFFFF;line-height: 30px;text-align: center;padding-top: 25px;}

/* 右侧电梯导航 */
.fix_box {    position: fixed;    top: 50%;     right: 0;    z-index: 9993;    background: none;    box-shadow: none;}
.fix_box ul{    width: 62px;     background: #fffff;    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.10);    margin-top: 15px;}
.fix_box li{    width: 62px;    height:66px; text-align:center; margin-bottom:1px; background:#FA1E46; position:relative; background-size:100%;}
.fix_box li a {    width: 62px;    height: 66px;    display: block; text-align: center;    font-size: 10px;    line-height: 12px;    position: relative;    color: #000000;}
/* .fix_box li:hover{ background:#FA1E46;} */
.fix_box li a img { padding-top:15px;}
.fix_box li  span {width: 100%; line-height: 0px; height: 10px; padding-top: 11px; display:block; color:#FFF;}



.show_hotline {    display: none;    width: 135px;    height: 80px;    position: absolute;    left: -155px;    top: -3px;    z-index: 999;    background-color: #fff;}
.show_appdownload {    
	display: none;
    width: 130px;
    height: 130px;
    position: absolute;
    left: -160px;
    top: -30px;
    z-index: 999;
    text-align: center;}
.dtsjx {    width: 45px;
    height: 45px;
    background: url(../images/jt2.png) no-repeat;
    position: absolute;
    top: 45px;
    left: 130px;}
.show_hotline_txt {     overflow: hidden;
    width: 100%;
    height: 100%;
        box-shadow: 0px 0px 4px 4px #00000026;
    border: 10px solid #ffffff;
    border-radius: 11px;}
.show_hotline_txt img{  width:110px;    height:110px; }




@media screen and (max-width: 1440px) {
	.fix_box {display: none;}
}

.list_banner{ width:100%; background:url(../images/list_banner_02.jpg) top center no-repeat; height:210px;}
.kr { position: relative; height: 210px;}
.list_banner h4{ text-align:center; color:#ffffff; font-size:30px; padding-top:70px;}
.list_banner h4 img{ vertical-align: middle; padding-right:20px;}
.list_banner p{     text-align: center;color: #FFF;font-size: 16px;padding-top: 15px;}
.page p{ display:block;}
.page h4{ padding-top:40px;}
.more_pad{ display:none; float:right; color:#666666; padding-top:30px;}
.more_pad a{ color:#666666; font-size:14px;}
.menu{ width:100%; height:50px; position:absolute; bottom:4px;}
.menu ul{ overflow: hidden;white-space: nowrap;text-align: center;}
.menu ul li{ width:190px; height:50px; display:inline-block; background:#fd3f62; margin-right:12px;}
.menu ul li a{ display:block; color:#FFF; line-height:50px; font-size:16px; text-align:center;}
.menu ul .on a{ background:#f4f4f5; color:#444444; border-top:4px #ffba00 solid;}
.menu ul li a:hover{ background:#f4f4f5; color:#444444; border-top:4px #ffba00 solid;}
.dj .menu ul li{ background:#e42e30;}
.header_blong_list{ width:100%; background:#f1f5f7; overflow:hidden; padding:30px 0;}
.main-right {
	width:100%;
    position: relative;
    padding: 20px 30px;
	background: #fff;
	box-shadow: 0px 0px 8px 3px #f0f0f0;
	overflow:hidden;
    min-height:400px;
}

.dj_bj{
	background:url(../images/dj_bj_03.jpg) #fffefe bottom center no-repeat;
}
/*标题和位置导航*/
.sp-title {
  width: 100%;
  height: 74px;
  border-bottom: 1px solid #e3e3e3;
}
.sp-title-lf h1 {
  position: relative;
  font-weight: normal;
  height: 74px;
  line-height: 74px;
  font-size: 26px;
  color: #fb1e47;
}

.djyd .sp-title-lf h1{
	color:#fb1e47;
}

.djyd .sp-title-lf h1 img{
	vertical-align: middle; 
	padding-right:12px;
}

.sp-title-lf h1:before {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 3px;
  background-color: #fb1e47;
}

.djyd .sp-title-lf h1:before{
	background-color: #ba1d1e;
}
.sp-title-rig {
  line-height: 74px;
}
.sp-title-rig a{
	color: #666;
}
.sp-title-rig > div {
  display: inline-block;
  vertical-align: top;
}

.right-nr {
	width:100%;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:50px;
}

.data-list {    
    padding-bottom: 30px;   
}

.data-list li {
	height:62px;
	font-size: 16px;
	line-height: 62px;
	border-bottom: 1px dashed #B2B2B2;   
}


ul.data-list > li > a {
    color: #333333;
    font-size: 18px;
    float: left;
    padding-left: 10px;
    width:80%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-overflow: ellipsis;/* ie/safari */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;

}

.data-list li a:hover {
    color: #bd1a21;
    text-decoration: none;
}

.data-list li span {
    font-size: 16px;
    color: #fb1e47;
    float: right;
}
/** page: 单 页 文 章 ****************************************************/
.artice_right{
	width:70%;
	overflow:hidden;
	float:left;
}

.artice_page{
	width:100%;
	overflow:hidden;
}

.sp-article {
  padding: 10px 0 30px 0;

}
.spa-head {
  width: 100%;
  padding: 16px 0;
}
/*描述性内容，一般是时间/栏目/作者/浏览人数*/
.spa-desc {
  width: 100%;
  text-align: center;
  line-height: 27px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #cccccc;
  color:#999999;
  padding-top:10px;
}
.sp-article h1 {
  width: 100%;
  text-align: center;
  line-height: 36px;
  font-size: 26px;
  color: #333333;
}

.sp-article h4{
  width: 100%;
  text-align: center;
  font-size: 34px;
  color: #333333;
}

.sp-content{
  color: #444444;
  line-height: 28px;
  font-size: 16px;
}
.sp-content hr {
  border: none;
  margin-bottom: 20px;
}

.sp-content img{
	max-width:100%;
}

.page_contact{
	width:86%;
	margin:0 auto;
	padding:30px 0;
	color: #444444;
    line-height: 28px;
    font-size: 16px;
}

.page_contact img{
	max-width:100%;
}

.sp-content img{
	max-width:100%;
}

.artice_left{
	width:25%;
	float:right;
	padding-top:30px;
}

.artice_right_top{
	border-bottom:1px #ececec solid;
	overflow:hidden;
	width:100%;
}

.artice_right_top h1{
	border-bottom:2px #fb1e47 solid;
	color:#fb1e47;
	font-size:20px;
	padding-bottom:16px;
	float:left;
}

.artice_cen{
	border-left:1px #ececec solid;
	width:100%;
	margin-top:30px;
}

.artice_cen ul li{
	padding-left:15px;
	position:relative;
	margin-bottom:30px;
}

.artice_cen ul li span{
	display:block;
	font-size:14px;
	color:#fb1e47;
	
}

.artice_cen ul li a{
	font-size:16px;
	color:#333333;
	line-height:24px;
	padding-top:10px;
	display:block;
}

.artice_cen ul li a:hover{
	color:#ffba00;
}

.artice_cen ul li i{
	background:url(../images/eve_03.jpg) no-repeat;
	width:9px;
	height:9px;
	position:absolute;
	top:3px;
	left:-5px;
}

/****************** 图片信息列表 ********************/
.sp_list{
	width:100%;
	overflow:hidden;
}
.sp_list ul li{
	width:100%;
	overflow:hidden;
	padding-bottom:20px;
	border-bottom:1px #e3e3e3 dashed;
	margin-top:30px;
}
.sp_list .sp_img{
	float:left;
	width:186px;
	height:128px;
	margin-right:20px;
	overflow:hidden;
}
.sp_list .sp_img img{
	width:100%;
	height:100%;
	transition: all 1s ease-out;
}
.sp_list .sp_img img:hover{
	transform: scale(1.3);
}

.sp_list .sp_nav a{
	display:block;
	color:#333333;
	font-size:18px;
}

.sp_list .sp_nav a:hover{
	color:#ffba00;
}

.sp_list .sp_nav p{
	display:block;
	color:#666666;
	padding-top:18px;
	font-size:14px;
	padding-bottom:20px;
	line-height:24px;
}
.sp_null{
	overflow:hidden;
}
.sp_null .sj{
	float:left;
	background:url(../images/sj_03.jpg) left no-repeat;
	color:#999999;
	padding-left:30px;
	height:17px;
}
.sp_null .hits{
	float:left;
	background:url(../images/yj_03.jpg) left no-repeat;
	color:#999999;
	padding-left:30px;
	margin-left:20px;
}


/****************** 教师风采 ********************/
.sp-jsfc{
	width:100%;
	overflow:hidden;
	padding-bottom:30px;
}

.sp-jsfc ul{
	margin:0 -35px 0 0;
	zoom:1;
}

.sp-jsfc ul li{
	width:200px;
	float:left;
	position:relative;
	padding-bottom:23px;
	margin-right:35px;
	margin-top:37px;
}

.sp-jsfc .js_img{
	width:100%;
	height:270px;
	overflow:hidden;
}

.sp-jsfc .js_img img{
	width:100%;
	height:100%;
	transition: all 1s ease-out;
}
.sp-jsfc .js_img img:hover{
	transform: scale(1.3);
}

.sp-jsfc ul li span{
	width:80%;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	color:#444444;
	font-size:16px;
	text-align:center;
	background:#FFF;
	box-shadow: 0px 1px 4px 3px #f0f0f0;
	padding:10px 0;
}


/****************** 图片新闻 ********************/
.sp-tpxw{
	width:100%;
	overflow:hidden;
	padding-bottom:30px;
}


.sp-tpxw ul li{
	width:31%;
	float:left;
	position:relative;
	padding-bottom:85px;
	margin-top:30px;
	margin-left:1.1%;
	margin-right:1.2%;
}

.sp-tpxw .po_img{
	width:100%;
	height:220px;
	overflow:hidden;
}

.sp-tpxw .po_img img{
	width:100%;
	height:100%;
	transition: all 1s ease-out;
}
.sp-tpxw .po_img img:hover{
	transform: scale(1.3);
}

.sp-tpxw ul li .po_nav{
	width:80%;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	background:#FFF;
	box-shadow: 0px 1px 4px 3px #f0f0f0;
	padding:10px 0;
}

.sp-tpxw ul li .po_nav span{
	color:#333333;
	font-size:16px;
	font-weight:bold;
	padding:15px 15px 0 15px;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow: ellipsis;
	display:block;
}

.sp-tpxw ul li .po_nav p{
	color:#999999;
	font-size:14px;
	padding:10px 15px;
	display:block;
}