@charset "utf-8";

/*-----------------------------*/
body{line-height: 1.5;font-family:"Microsoft YaHei",Arial;font-size:14px;color:#333; }
.index-page{background: url(../images/bj.png) no-repeat center 144px;}
a:hover{text-decoration:underline;}
a{text-decoration: none;}
.logo_wrap{height: 93px;}
.logo_wrap .logo{line-height: 78px;}

.navbox{width:100%; height: 62px; background-color: #0e326e;}
.nav {height:100%; margin:0 auto;}
.nav li{float:left; position:relative; height: 62px; line-height:62px; width: 108px; }
.nav li .A1{color: #ffffff; display:block; font-size:16px; white-space: nowrap; text-align:center; font-weight:normal; word-wrap: break-word; text-decoration: none;}
.nav li.active .A1
,.nav li .A1:hover
,.nav li:hover > a{background: #bfae93;}
.nav li:hover p{display:block;}
.nav li:first-child{width: 114px;}

.nav li p{display:none; position:relative; top: 0; padding-top: 14px; background: url(../images/sj.png) no-repeat center top; }
.nav li p a{box-shadow: 0 0 0 6px #bfae93; margin: 0 auto; font-size:14px; line-height:34px; color:#fff; display: block; white-space: nowrap; text-align:center; background-color: #bfae93; height: 34px; margin-bottom: 5px; width: 94px; border: 1px solid #bfae93;}
.nav li p a:hover {text-decoration:none; border: 1px solid #d6c6ad; background-color: #ad9673; box-shadow: 0 0 0 6px #bfae93,0 0 6px 0 #7b6039 inset; font-weight: bold;}

.column_nav{height: 60px; line-height: 60px; width: 100%;}
.column_nav .ch{margin-left: 20px; font-size: 20px; font-weight: bold; color: #ffffff;}
.column_nav .en{margin-left: 5px; font-size: 14px; color: #9fc4ff; position: relative; top: 2px;}
.column_nav .more{float:right; margin-top: 19px; font-size: 12px; color: #ffffff; background-color: #4473be; display: inline-block; height: 24px; width: 52px; line-height: 24px; text-align: center;border-radius: 3px;}

.list{padding: 16px 17px 15px 3px;}
.list .list_type li{height: 38px; line-height: 38px; width: 100%; padding-left: 20px;}
.list .list_type li .d{display: inline-block; height: 9px; width: 9px; position: absolute; top: 13px; left: 0; background: url(../images/icon.png) no-repeat center top;}
.list .list_type li a{font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis;}

.list_desc{padding: 4px 0 0 27px;} 
.list_desc .title{ width: calc(100% - 102px); height: 26px; line-height: 26px; font-size: 16px; font-weight: bold; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;}
.list_desc span{width: 100%; font-size: 14px; color: #1ba87d; position: relative; top: -8px; right: -9px;}
.list_desc p{height: 48px; line-height: 24px; font-size: 14px;  color: #333333; overflow: hidden; text-overflow: ellipsis;}
.list_desc .xq{font-size:14px; color:#0e326e; font-weight: bold; margin-left: 5px;}
.list_time li span{font-size: 14px; color: #666666; right: 13px;}


.section1 {height:362px; width:100%; margin-top: 24px; position: relative;}
.section2 {height:342px; width:100%; }
.section3 {height:266px; width:100%; margin-top: 30px;}
.section4 {height:252px; width:100%; margin-top: 18px; margin-bottom: 26px;}

.__area_1 {height:362px; width: 1200px; background-color: #afb6c0;}
.__area_1 .banner_img{height:362px; width:100%;}
.__area_1 .banner_img ul{position:relative; overflow:hidden;}
.__area_1 .banner_img ul li{ position:absolute; left:0;display: none;}
.__area_1 .banner_img ul li img{height:362px; width:1200px; vertical-align: middle;}

.__area_2{height:173px; width: 484px; background: url(../images/lm_bj.png) no-repeat; position: absolute; left: 0; bottom: 0;}
.__area_2 .column_nav{height: 48px; line-height: 48px; width: 100%; background: none; text-align: center; position: relative;}
.__area_2 .column_nav .ch{font-size: 20px; font-weight: bold; color: #ffffff; position: absolute;left: 345px; top: -3px;}
.__area_2 .column_nav .more{position: absolute; right: 22px; font-size: 12px; color: #752526; position: absolute;     right: 8px;bottom: -3px;
height: 20px;line-height: 20px;}
.__area_2 .info{padding: 18px 16px 23px 26px; height: 126px;}
.__area_2 .info span{height: 32px; line-height: 32px; font-size: 16px; font-weight: bold; color: #dfc08e;}
.__area_2 .info p{line-height: 24px; color: #ffffff; font-size: 14px;}
.__area_2 .info a{position: absolute; left: 26px; bottom: 23px; color: #dfc08e; font-size: 12px;}


.__area_3 {height:332px; width: 812px; float: left; margin-top: 10px;}
.__area_3 .column_nav .ch{font-size: 24px; color: #313131; margin-left: 0;}
.__area_3 .column_nav .en{color: #cfcfcf; }
.__area_3 .column_nav .more{background-color: #a6906e; margin-top: 29px; margin-right: 27px;}
.__area_3 .list{padding-top: 14px;}

.__area_4 {height:332px; width: 363px; float: right; margin-top: 10px; background: url(../images/lm_1.png) no-repeat center 60px;}.__area_3 {height:332px; width: 812px; float: left; margin-top: 10px;}
.__area_4 .column_nav .ch{font-size: 24px; color: #313131; margin-left: 0;}
.__area_4 .column_nav .en{color: #cfcfcf; }
.__area_4 .column_nav .more{background-color: #a6906e; }
.__area_4 .list{margin-top: 90px; padding: 0;}

.__area_5 {height:266px; width: 393px; float: left; margin-right: 25px;}
.__area_5 .column_nav{background: url(../images/t_1.png) no-repeat center top;}
.__area_5 .list .list_type li a{width: 70%;}

.__area_6 {height:266px; width: 393px; float: left; margin-right: 26px;}
.__area_6 .column_nav{background: url(../images/t_1.png) no-repeat center top;}

.__area_7 {height:266px; width: 363px; float: right;}
.__area_7 .column_nav{background: url(../images/t_2.png) no-repeat center top;}

.__area_8{height:100%; width:100%;}

.__area_8 .column_nav .ch{font-size: 24px; color: #313131; margin-left: 0;}
.__area_8 .column_nav .en{color: #cfcfcf; }
.__area_8 .column_nav .more{background-color: #a6906e;}
.__area_8 .teacherbox{height: 180px; padding: 11px 102px 0; position: relative;}
.__area_8 .teacherbox .prev,.__area_8 .teacherbox .next{height: 30px; width: 16px; position: absolute; top: 94px;cursor: pointer;}
.__area_8 .teacherbox .prev{background: url(../images/left.png) no-repeat; left: 31px;}
.__area_8 .teacherbox .prev:hover{background: url(../images/right1.png) no-repeat; transform: rotate(180deg);}
.__area_8 .teacherbox .next{background: url(../images/left.png) no-repeat right; transform: rotate(180deg); right: 31px;}
.__area_8 .teacherbox .next:hover{background: url(../images/right1.png) no-repeat;transform:rotate(0)}
.__area_8 #index_user{float: left; height: 180px; width: 996px; position: relative; overflow: hidden;}
.__area_8 ul{height: 100%; width: 100%;}
.__area_8 ul li {float:left; overflow:hidden; height:180px; width:120px; margin-right: 50px;}
.__area_8 ul li a {display:inline-block; height: 180px; width:120px;}
.__area_8 ul li a div{height: 148px; width: 118px; border: 1px solid #c2c2c2; box-shadow: 0 0 0 3px #ffffff inset;}
.__area_8 ul li a img{height: 142px; width: 112px; margin: 3px;}
.__area_8 ul li p{line-height: 30px; color: #333333; font-size: 14px; text-align: center;}
.__area_8 ul li a:hover{color: #333333; text-decoration: none; }
.__area_8 ul li a:hover div{border: 1px solid #0e326e;}
.__area_8 ul li a:hover p{background-color: #0e326e; color: #fff;}

body.index-page .footer-brace{margin: 0;}
.footer-brace{height: 97px;}
.footer{height: 97px; background-color: #232323; }
.infooter{padding: 26px 0;}
.infooter .infooter-line{color: #666666;}
.infooter .infooter-line a{color: #666666;}