@charset "utf-8";
@import url('../../../common/statics/css/font-awesome.min.css');

/*-----------------------------*/
body{line-height: 1.5;font-family:"Microsoft YaHei",Arial;font-size:14px;color:#333; }
a:hover{text-decoration:underline;}
a{text-decoration: none;}

.fa{margin-left:5px;}
.element .style{width:123px;}

.navbox{width:100%; height:68px; position: relative; top: 23px;}
.nav-wrap{width: 1198px; height: 64px; margin:0 auto; padding: 2px; background: linear-gradient(90deg, #2a3057 0%, #2c6eb7 100%);}
.nav{height:62px; width: 1188px; padding: 0 4px; line-height:62px; border: 1px solid #74a0d4;}
.nav li{float:left; position:relative; height: 62px;}
.nav li:first-child{margin-left: 20px;}
.nav li::after{content:""; position:absolute; left:0; right:0; top:62px; height:6px;}
.nav li .A1{position: relative; color:#feffff; display:block; font-size:16px; text-align:center; height:62px; font-weight:normal; overflow:hidden; z-index: 2; padding:0 16px;}
.nav li .shade{display:none;position:absolute;top:0;left:0%;width:100%;height:62px;background-color:#2b3058;transform:skewX(-15deg);z-index:1;}
.nav li.active .A1,
.nav li:hover .A1{text-decoration: none;}
.nav li.active .shade,
.nav li:hover .shade{display:block;}
.nav li:hover p{display:block;}
.nav li p{display:none; position:absolute; top:65px; left:-8%; height:44px; line-height:44px; z-index:3; white-space:nowrap; right: unset !important;}
.nav li p::before{content:""; position:absolute; inset:0; background:linear-gradient(90deg,#2a3158 0%,#2c6db6 100%); transform:skewX(-15deg); transform-origin:left top; z-index:0;}
.nav li p a{height:44px; line-height:44px; display:inline-block; color:#ffffff; font-size:14px; background-color:transparent; white-space:nowrap; margin-right: 20px; position:relative; z-index:1;}
.nav li p a:first-child{margin-left: 20px;}
.nav li p a:hover{color:#a8d1ff; text-decoration: none;}
.nav li p a:hover::after{content:""; position:absolute; width:15px; height:1px; bottom: 10px; left: 50%; transform: translateX(-50%); background-color: #a8d1ff;}

.xq{font-size: 14px; line-height: 22px; margin-left: 7px;}
img[src=""] {display: none;}

.column_nav{position:relative; height: 24px;}
.column_nav .name_ch{float:left; font-size: 24px; color: #363638; font-weight: bold; line-height:24px;}
.section2 .column_nav .name_ch{color: #000000}
.column_nav .more{float:right; font-size:14px; color:#3e4850; padding-right: 20px; background:url(../images/more.png) no-repeat center right;}

.list .list_desc h3 a {color: #333333; font-size: 16px; font-weight: bold; line-height: 24px; float: left;  text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.list .list_desc h3 a:hover{color:#2c6eb7 !important;}
.list .list_type li{height: 38px; line-height: 38px; background: url(../images/dot.png) no-repeat left center; }
.list .list_type li a{color:#333333; font-size: 16px; line-height: 38px; margin-left: 15px; width: 80%;}
.list .list_type li:hover a{color:#2c6eb7 !important;}
.list .list_time span{right:0; color:#999999; font-size:14px; line-height: 38px;}

#banner{height: 468px; width: 100%; top: -55px; position: relative;  margin: 0 auto; }
.__area_9 {width: 100%; height: 100%;}
.__area_9 .banner_img {width: 100% !important; height: 100% !important;}
.__area_9 .banner_img ul{width: 100% !important; height: 100% !important;}
.__area_9 .banner_img ul li{width: 100% !important; height: 100% !important;}
.__area_9 .banner_img ul li a{width: 100% !important; height: 100% !important;}
.__area_9 .banner_img ul li a img{width: 100% !important; height: 100% !important;}

.section1{position: relative; height: 100%; top: -55px;}
.section2{height: 350px; margin-top: -15px;}
.section34{height: 587px; width: 100%; margin-top: 30px; background-color: #f6f6f7;} 
.section3{height: 225px; margin-top: 38px;}
.section4{height: 255px; margin-top: 36px;}
.section5{height: 239px; margin-top: 22px;}

.__area_1{height: 183px; width: 500px;position: absolute; left: 0px; bottom: 20px;  background: url(../images/area1_bj.png) no-repeat center;}
.__area_1 .info{height: 133px; width: 450px; padding: 25px 26px 0 25px; color: #ffffff;}
.__area_1 .info .column_nav span{font-size: 24px; color: #ffffff; font-weight: bold; line-height:24px;}
.__area_1 .info p{margin-top: 10px; font-size: 14px; line-height: 28px;}
.__area_1  .info .xq {color: #7fa9e1 !important;}


.__area_2{height: 100%; width: 738px; float:left}
.__area_2 .column_nav {margin-bottom: 22px;}
.__area_2 .list .list_desc{background: url(../images/area2_desc_bj.png) no-repeat left center; height: 104px; width: calc(100% - 255px); padding-left: 255px; position: relative;}
.__area_2 .list .list_desc img {position: absolute; width: 242px; height: 104px; left: 0; display: block;}
.__area_2 .list .list_desc h3 a{width: 80%;}
.__area_2 .list .list_desc h3 span{color: #999999; font-size: 14px; line-height: 24px; float: right;}
.__area_2 .list .list_desc p .zy{ width: 58px;display: inline-block; text-align: center; background: url(../images/area2_zy.png) no-repeat center; color: #ffffff;}
.__area_2 .list .list_desc p {margin-top: 8px; color: #999999; font-size: 14px; line-height: 26px; max-height: 78px; text-overflow: ellipsis; overflow: hidden;}
.__area_2 .list .list_desc .xq {color: #2362d3 !important;}
.__area_2 .list .list_type{margin-top: 16px;}


.__area_3{height: 100%; width: 397px; float:right;}
.__area_3 .column_nav {margin-bottom: 33px;}
.__area_3 .list .list_desc h3 a{width: 90%;}
.__area_3 .list .list_desc p{position: relative; height: 72px; width: calc(100% - 65px);  background-color: #ecf3ff; margin-top: 14px; padding: 6px 50px 5px 15px;}
.__area_3 .list .list_desc p span{line-height: 24px; width: 70%; display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.__area_3 .list .list_desc p .xq{position: absolute; right: 65px; bottom: 7px;}
.__area_3 .list .list_type{margin-top: 26px;}
	
.__area_4{height: 100%; width: 738px; float:left;}
.__area_4 .list .list_type{margin-top: 10px;}


.__area_5{height: 100%; width: 398px; float:right;}
.__area_5 .list .list_type{margin-top: 7px;}


.__area_6{height: 253px; width: 374px; float:left; padding-left: 209px; border:1px solid #e4e4e4; position: relative; background: url(../images/area6_bj.png) no-repeat left;}
.__area_6 img {position: absolute; width: 188px; height: 253px; left: 0; top: 0;}
.__area_6 .column_nav {margin-top: 20px; margin-bottom: 13px;}
.__area_6 .column_nav .more{margin-right: 10px;}

.__area_7{height: 253px; width: 374px; float:right; padding-left: 209px;  border:1px solid #e4e4e4; position: relative; background: url(../images/area7_bj.png) no-repeat left;}
.__area_7 img {position: absolute; width: 188px; height: 253px; left: 0; top: 0;}
.__area_7 .column_nav {margin-top: 20px; margin-bottom: 13px;}
.__area_7 .column_nav .more{margin-right: 10px;}

.__area_8{height:195px;}
.__area_8 .column_nav {margin-top: 9px; margin-bottom: 13px;}
.__area_8 .teacherbox{height:150px; padding: 15px 109px 24px;   position: relative;}
.__area_8 .prev{position: absolute; left: 0; top: 54px; width: 25px; height: 55px; background: url(../images/left_.png) no-repeat center; cursor: pointer;}
.__area_8 .prev:hover{background: url(../images/left.png) no-repeat center;}
.__area_8 .next{position: absolute; right: 0; top: 54px; width: 25px; height: 55px; background: url(../images/right_.png) no-repeat center; cursor: pointer;}
.__area_8 .next:hover{background: url(../images/right.png) no-repeat center;;}

.__area_8 #index_user{position:absolute; overflow:hidden;}
.__area_8 #index_user ul{position:absolute; left:0; top:0; height:150px; overflow:hidden; padding:0;}
.__area_8 #index_user ul li{width:97px; height:150px; margin-right: 70px; line-height:32px; list-style-type: none; position: relative; overflow:hidden;}
.__area_8 #index_user ul li .img {width:97px; height:120px;}
.__area_8 #index_user ul li img{width:97px; height:120px;}
.__area_8 #index_user ul li p{color:#333333; line-height:24px; height:30px; line-height: 30px; position:relative; text-align:center;}
.__area_8 #index_user ul li:hover img{width:95px; height:118px; border: 1px solid #2c6eb7;} 
.__area_8 #index_user ul li:hover p{color:#2c6eb7; }
.__area_8 #index_user ul li:hover a{text-decoration: none;}

/*footer*/
.index-page .footer-brace{margin: 0;}
.footer{background:#2b3056; color:#ededed;}
.footer .infooter,
.footer .infooter a{color: #ededed;}