﻿﻿@charset "utf-8";
html{font-size:62.5%;}
body{margin:0px; font-size:12px; color:#333; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; cursor:default; min-width: 960px;}
*{padding:0px; margin:0px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}
input,select,button{font-size:12px; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#333; text-decoration:none;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;}
a:hover{color:#1d7ec8;}
.clear{overflow:hidden; clear:both; height:0px;}
.fl{float:left;}
.fr{float:right;}

.con{width:880px; margin:0 auto;}
.con2 { width:960px; margin:0 auto}

.top { height:35px; line-height:35px; background:#ebebeb; border-bottom:1px solid #dddddd; font-size:14px;}
.head { padding:10px 0;}
.head .logo { width:460px; float:left; margin-top:10px;}
.head .logo img { width:100%; display:block}
.head .info { float:left; padding:34px 0 0 15px; font-size:18px; color:#555}
.head .form {width: 240px;height: 30px; float:right; border:#ccc 1px solid;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; overflow:hidden; margin-top:20px;margin-top: 40px;}
.head .form .search-text {width: 180px;padding: 0 0 0 10px;line-height: 30px;background: #eee;color: #333;border: 0;height: 30px;float: left;}
.head .form .search-btn {width: 58px;background: #068cd3;border: 0;float: right;color: #fff;height: 30px;cursor: pointer;}

.nav { height:40px; background:#068cd3; margin-top:25px; width:100%}
.nav ul li { margin:0 16px; float:left; display:inline; position:relative}
.nav ul li a { color:#fff; display:block; line-height:40px; padding:0 15px; font-size:16px;}
.nav ul li .sub-menu { width:130px; top:40px; position:absolute; display:none}
.nav ul li .sub-menu a { background:#0d59b1; color:#fff; line-height:30px; font-size:14px;width: 120px;}
.nav ul li .sub-menu a:hover{ background:#068cd3;width: 120px;}
.nav ul li:hover .sub-menu { display: block;z-index:10;margin-left: -14px;}
.nav ul li a:hover { background:#0d59b1;}



.pc_ban{width:960px; height:400px; position:relative; overflow:hidden;}
.pc_ban a{width:100%; height:100%; display:block;}
.pc_ban a h1 { font-size:42px; color:#fff; margin-bottom:20px; text-align:center; margin-top:13%;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(-300px, 0, 0);-ms-transform: translate3d(-300px, 0, 0);transform: translate3d(-300px, 0, 0);}
.pc_ban a h4 { font-size:16px; color:#eee; text-align:center;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-webkit-transform: translate3d(0, 300px, 0);-ms-transform: translate3d(0, 300px, 0);transform: translate3d(0, 300px, 0);}
.pc_ban .swiper-slide-active h1{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .swiper-slide-active h4{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.pc_ban .swiper-button-prev{background:url(../images/banner-l.png) no-repeat; width:30px; height:50px; margin-top:0; left:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.pc_ban .swiper-button-next{background:url(../images/banner-r.png) no-repeat; width:30px; height:50px; margin-top:0; right:1%;
background-size:30px 50px;
-webkit-background-size:30px 50px;
-moz-background-size:30px 50px;
-ms-background-size:30px 50px;
-o-background-size:30px 50px;}
.wk {-webkit-box-shadow: 0px 0px 10px #ccc;-moz-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc; width:960px; padding:10px 50px 30px; margin:40px auto 0; overflow:hidden}
.title { padding:15px 0; text-align:center}
.title h2 { font-size: 24px; font-weight: bold;color: #068cd3;}
.m_wrap3{ padding:10px 0 0;}

.m_wrap3 .img{ float:left; width:392px;}

.m_wrap3 .conc{ float:right; width:555px; color:#333;}

.m_wrap3 .conc .p1{ font-size:16px; background:url(../images/hfl_25.jpg) bottom left no-repeat; padding-bottom:15px; margin-bottom:15px;}

.m_wrap3 .conc .p2{ line-height:25px;}

.m_wrap3 .con p{  color:#333;line-height:25px; font-size:12px;}
.sec1 { padding: 0px 0 60px; background: url('../images/bglogo.jpg') no-repeat right 60px; }

.sec1_left { width: 43.5%; position: relative; cursor:pointer; float:left}

.play_ico { display: block; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; background: url('../images/play_ico.png') no-repeat center; width: 70px; height: 70px; }

.More_btn { display: block; width: 152px; height: 40px; text-transform: uppercase; text-align: center; line-height: 40px; background: #2a4c90; color: #fff; cursor: pointer;  }

.More_btn:hover{color:#fff; background: #133271;}

.More_btn i { display: inline-block; margin-left: 10px; background: url('../images/more_arr.png') no-repeat center; width: 10px; height: 12px; vertical-align: middle; }

.sec1_right { width: 50%; float: right; }

.sec1_right .sec_tit { font-size: 23px; line-height: 1; text-transform: uppercase; margin-bottom: 10px; font-family: 'impact'; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#068cd3 }
.sec1_right .sec_tit a { color:#068cd3}

.sec1_right .sec_tit i { width: 125px; height: 2px; background: #000; display: block; margin-top:10px; margin-bottom: 20px; }

.sec1_right h4 { font-size:16px; font-weight: normal; line-height: 1; margin-bottom: 30px; }

.sec1_right ._txt { margin-bottom: 35px; line-height: 24px; font-size:14px; color:#505050 }

.sec1_right .More_btn { margin-bottom: 70px; color:#fff;}
.sec1_data_list li { float: left; width: 23%; padding-right: 2%; margin-right: 8%; border-right: 1px solid #ddd; }
.sec1_data_list li strong { font-size: 36px; font-weight: bold; line-height: 1; font-family: 'impact'; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 10px; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#253f8a), to(#5690e8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.sec1_data_list li strong.num2{margin-right:0;}
.sec1_data_list li strong.dian{margin-right:0;}
.m_wrap3 a.more{ background:url(../images/hfl_26.jpg) no-repeat; width:81px; height:24px; display:block; margin-top:40px;}

.sec1_right .more { margin-bottom: 30px;}
.more { display: inline-block;  width: 168px; font-size: 16px; text-align: center;margin-top: 10px; margin-left: 358px;}
.more_ {margin-top: 0; margin-left: 0;}
.more a { display: block; background:#068cd3;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px; color:#fff;  width: 100%; height:40px; line-height:40px; display:block; text-transform:uppercase}
.more a:hover { background:#1d7ec8}

.tzgg { padding-top:10px;}
.tzgg .w_z { width:50%; float:left}
.tzgg .tp { width:43.5%; float:right}
.aaa{ position:relative; width:100%}
.aaa .hd{ position:absolute; z-index:9999; right:10px; bottom:5px;}
.aaa .hd li{ display:inline-block; padding:3px 6px; background:#fff; color:#068cd3; font-size:14px; text-align:center; margin:0 3px;cursor:pointer;}
.aaa .hd .on{ background:#068cd3; color:#FFF;}
.aaa .bd{ width:100%; height:100%}
.aaa .bd ul{ width:100%; height:100%}
.aaa .bd ul li{ width:100%; height:100%}
.aaa .bd ul li a{ display:block; width:100%; height:100%; position:relative;}
.aaa .bd ul li img{ width:100%; height:100%;}
.aaa .bd ul li a span{ height:40px; line-height:40px; width:100%; padding-left:3%; background:#333; color:#FFF; position:absolute; left:0; bottom:0;filter: alpha(Opacity=7); opacity:.7}

.indexNewsList{ width:100%; padding:20px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}

.indexNewsList li{ height:85px; padding-left:90px; position:relative; border-bottom:#ccc 1px dashed; margin-bottom:2px; margin-top:14px}

.indexNewsList li .timeDiv{ width:66px; border-right:#eee solid 1px; height:60px; position:absolute; left:0px; top:0px; color:#777; text-align:center; background:#eee}

.indexNewsList li .timeDiv h2{ font-size:32px; text-align:center; margin-bottom:5px}

.indexNewsList li .name{ font-size:16px; height:22px; overflow:hidden; color:#333}
.indexNewsList li:hover .name {color:#068cd3;}

/*.indexNewsList li .content{ height:36px; overflow:hidden; color:#666; line-height:20px;}*/

.indexNewsList li .content{ overflow:hidden; color:#666; line-height:20px;margin-top:5px; font-size:14px; height:40px;}

.indexNewsList li:hover .timeDiv{ background:#068cd3; color:#fff}
.indexNewsList li:hover .timeDiv h2 { color:#fff}
.jxdg { padding:10px 0 0 0}
.index_newlist{ width:408px;}

.Project_nre02{ width:408px;}

.Project_nre02 dl{ width:100%; float:left; margin:0 0 13px; display: inline; /*padding:10px 0;*/ border-bottom:1px dashed #dadada;}

.Project_nre02 dt{ width:50px; height:45px; line-height:45px; float:left; text-align:center; font-size:38px; color:#d3d3d3; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

.Project_nre02 dd{ width:85%; float:right; border-left:1px solid #dadada; padding-left:15px;}

.Project_nre02 dd .Project_btst{ width:100%; float:left; font-size:15px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.Project_nre02 dd .Project_btst:hover{ color:#068cd3;}

.Project_nre02 dd .Project_time{ width:100%; float:left; font-size:12px; color:#c2c2c2; margin-top:0px;}

.Project_nre02 dl:hover dt{ color:#068cd3;-webkit-transition: all 0.4s linear -1ms;

-moz-transition: all 0.4s linear -1ms;

-ms-transition: all 0.4s linear -1ms;

-o-transition: all 0.4s linear -1ms;}

.Project_nre02 dl:hover{ padding-left:10px;

-webkit-transition: all 0.4s linear -1ms;

-moz-transition: all 0.4s linear -1ms;

-ms-transition: all 0.4s linear -1ms;

-o-transition: all 0.4s linear -1ms;}


.size1{ font-size:15px;}

.jxzl { padding:10px 0 0}
.jxzl ul li { width:200px; float:left; margin-right:21px; margin-bottom:30px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; overflow:hidden}
.jxzl ul li img { width:100%; display:block}
.jxzl ul li h3 { font-size:16px; padding:10px; background:#eee;}
.jxzl ul li:hover h3 {background:#068cd3; color:#fff}

.szdw { padding:10px 0 0}
   /*教师*/

.teacher-listdssy li{

			float: left;

			width: 23.5%;

			margin-left: 2%;

			position: relative; padding-bottom:60px;

		}
.teacher-listdssy li img { width:100%; display:block}

.teacher-listdssy li:first-child{

			margin-left: 0;

		}

		.teacher-listdssy li p{

			width: 100%;

			height:60px;

			background:rgba(0,0,0,0.8);

			position: absolute;

			bottom: 0;

			left: 0;

			color: #fff;

			overflow: hidden;

			border-top: 1px solid #1d7ec8;

			transition: all .5s;opacity:1

		}

		.teacher-listdssy li p span{

			display: block;

			text-indent: 20px;

		}

		.teacher-listdssy li p span:first-child{

			font-size: 19px;

			font-weight: bold;

			margin-top: 6px;

			color: #1d7ec8;

			transition: all .4s;

			transition-delay: .5s;

			-moz-transition-delay: .5s; /* Firefox 4 */

			-webkit-transition-delay: .5s; /* Safari 和 Chrome */

			-o-transition-delay: .5s; /* Opera */

		}

		.teacher-listdssy li p span:nth-child(2){

			font-size: 14px;

			color: #fff;

			letter-spacing: 1px;

			padding: 5px 0 8px;

		}

		.teacher-listdssy li p span:nth-child(3){

			width: 80%;

			margin: 0 auto;

			line-height: 20px;

			font-size: 14px;

			letter-spacing: 1px;

			padding-top: 5px;

			text-indent: 0;

			transition: all .5s;

		}

		.teacher-listdssy li:hover p{

			height: 100%;

			border-top: 0;opacity:1

		}

		.teacher-listdssy li:hover p span:first-child{

			margin-top: 80px;

		}

		.teacher-listdssy li:hover p span:nth-child(3){

			border-top: 1px solid #1d7ec8;

		}

.cgzs { padding:10px 0 0}
.cgzs ul li { width:164px; float:left; margin-right:10px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; border:#ccc 1px solid; padding-bottom:10px; margin-bottom:12px; text-align:center;transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}
.cgzs ul li img { width:100%; display:block}
.cgzs ul li h3 { font-size:18px; color:#333; line-height:24px; margin-top:10px}
.cgzs ul li p { line-height:24px; font-size:15px; color:#333;}
.cgzs ul li.last { margin-right:0}
.cgzs ul li:hover {-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);}
.zxgd { text-align:center; padding-top:30px;}
.zxgd a { width:168px;height:40px; line-height:40px; display: inline-block; text-align:center; color:#fff; font-size:16px; margin:0 15px; background:#1d7ec8;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;}
.zxgd a:hover { background:#1d7ec8; color:#fff}
.zlxz { padding:10px 0 0}
.zlxz ul { width:408px;}
.zlxz ul li a { display:block; line-height:40px; padding:5px 10px 0; border-bottom:#ccc 1px dashed; color:#333; font-size:14px; position:relative}
.zlxz ul li a:hover { color:#1d7ec8}
.zlxz ul li a .rq { position:absolute; right:8px; top:6px; font-size:12px; color:#999;}
.wljx { padding:8px 0 0 0}
.list-video ul {
    width: 880px; margin:0 auto
}
.list-video ul li {
    float: left;
    margin-bottom:0px;
    margin-right: 10px;
    width:208px;line-height:36px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.list-video ul li img { width:208px;}
.list-video ul li.last { margin-right:0}
.list-video ul li .a-video {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.list-video {
    text-align: center;
    color: #666; font-size:16px
}
.list-video ul li .a-video::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2) url(../images/video-cover.png) no-repeat center;
    content: "";
}

#footer{
	width: 100%;
}
.footer{
	width: 960px; margin:0px auto 0; 
	height: 180px;
}

.foot-left{
		width: 520px;
		margin-top: 60px;
		float: left;
	}
.logo_foot{
		float: left;
	}
.copy{
		font-size: 13px;
		line-height: 24px;
	}

.foot_right{
		width: 200px;
		margin-top: 74px;
		margin-right:10px;
		float: right;
	}
.foot_right p{
		font-size: 16px;
		*line-height: 22px;
	}
.foot_right a{
		font-size: 12px;
	}

.about{
		float: left;
		/* margin-left: 20px; */
	}
.friend-link{
		float: right;
		/* margin-left: 20px; */
	}

.lbym { width:880px; margin:30px auto;}
.lbym ul { overflow:hidden}
.lbym ul { width:100%}
.lbym ul li a { display:block; line-height:40px; padding:5px 10px 0; border-bottom:#ccc 1px dashed; color:#333; font-size:14px; position:relative;  padding-left:25px; background:url(../images/part11_dian.png) left center no-repeat; width:100%}
.lbym ul li a:hover { color:#1d7ec8}
.lbym ul li a .rq { position:absolute; right:10px; top:6px; font-size:12px; color:#999; width:65px;}
.page{ text-align:center; margin:30px auto;}
.page a{ height:30px; line-height:30px; display:inline-block; font-size:14px; color:#5a5a5a; border:#ccc 1px solid; margin:0 3px; padding:0 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; }
.page a:hover{ background:#1d7ec8; border:#1d7ec8 1px solid; color:#FFF;}
.page a.current{ background:#1d7ec8; border:#1d7ec8 1px solid; color:#FFF;}


.lbym1 { width:908px;margin:15px auto 0px auto; border:1px solid #dcdcdc; padding:13px 0px 13px 40px; background:url(../images/fz.png) no-repeat center left #ffffff; font-size:14px;}
.lbym1 a { font-size:14px; }


/*主体部分*/
.nmian { width:960px; margin:15px auto 0px auto;}
.nmian .left { width:250px; float:left;}
.nmian .left h2 { height:42px; line-height:42px; background:#1d7ec8; padding-left:15px; font-size:18px; color:#FFF;}
.nmian img{
 	max-width: 96%;
 	height: auto;
 }

/*快捷导航*/
.ksdh { background:#FFF; padding-bottom:1px;}
.ksdh ul { margin:10px;}
.ksdh ul li {  line-height:40px;  margin-bottom:8px; font-size:16px;}
.ksdh ul li a { font-size:16px; background:url(../images/l2.png) no-repeat center left #f5f5f5; padding-left:40px; display:block;color: #666;}
.ksdh ul li:hover a {background:url(../images/l22.png) no-repeat center left #1d7ec8; color:#FFF; display:block;}

.nmian { width:936px; background:#FFF; padding:0px 15px 15px 15px; margin-bottom:30px;}
.nmian h2 { background:url(../images/n3.jpg) no-repeat bottom left; height:50px; line-height:50px; font-size:18px;}
.nmian p { padding:15px 0px; line-height:28px; font-size:14px;}
.nmian h2 span { line-height:40px; font-size:14px; float:right; color:#666; padding-top:8px;}
.nmian h3 {font-size:28px; line-height:60px; text-align:center; color:#000; padding-top:10px;}
.nmian h4 {line-height:35px; text-align:center; font-size:14px; color:#999;}
.nmian p { line-height:28px; padding:20px 0px;}
.nmian .pian { padding-top:10px; font-size:14px; border-top:1px solid #dddddd; line-height:35px; margin-top:50px; color:#666;}
.nmian .pian a {font-size:14px; color:#666;}
.nmian .pian a:hover { color:#1d7ec8;}
.nmian .pian font { font-weight:bold;}
.nmian .fwl { text-align:right; font-size:12px; color:#999; padding-bottom:30px; }

/*翻页*/
.Pages {text-align: center;padding:0px;clear: both;margin:30px 0px 30px 0px; font-size: 14px;}
.Pages a {border:1px solid #E0E0E0;padding: 6px 13px;text-align: center;margin: 0 10px 0 0; background: #FFF;color: #666;}
.Pages a:hover {border: 1px solid #ccc;padding: 6px 13px;text-align: center;margin: 0 10px 0 0;background: #1d7ec8;color: #fff;}
.Pages .choose {border: 1px solid #1d7ec8;padding: 4px 12px 5px 12px;text-align: center;margin: 0 10px 0 0;background: #1d7ec8;color: #fff;}
.Pages .PageInfo {border: 0px solid #ccc;padding: 6px 13px;text-align: center;margin: 0 0px 0 0;background: #fff;color: #666;}