@charset "utf-8";
/*-----------------------------*/
html{height: auto;min-height: 100%;}
body{line-height: 1.5;font-family:"Microsoft YaHei",Arial;font-size:14px;color:#3f3f3f; min-height: 100vh;}
:root{container-type: inline-size;}
.logo_wrap{height: 93px;}
a{transition:color .2s;}
a:hover{text-decoration: underline;}

/*nav*/
.navbox{height: 68px; width: 100%; text-align: center; background-color: #ecf4e9;}
.nav{line-height: 66px; height: 66px; width: 1200px; margin: 0 auto;  position: re lative; border-top: 2px solid #274b19; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap;}
.nav li{height:100%; position: relative; flex: 0 0 auto;}
.nav li .A1{display: block; height: 35px; padding: 0 12px; margin: 16px auto; color: #274b19; font-size: 16px; line-height: 36px; white-space: nowrap;}
.nav li.active .A1,
.nav li:hover .A1{color: #ffffff; background-color: #569c3b; border-radius: 18px; text-decoration: none;}
.nav li:hover p{display: block;}
.nav li p{display:none; position:absolute; left: 50% !important; transform:translateX(-50%);  top: 66px; font-size:14px; border-radius: 6px;  padding:6px 14px; background-color: #569c3a;}
.nav li p::before{content:""; position:absolute; top:-16px; left:50%; transform:translateX(-50%); border-width:8px; border-style:solid; border-color: transparent transparent #569c3a transparent;}
.nav li p a{height: 32px; line-height: 32px; display:block; color:#ffffff; font-size:14px;  white-space:nowrap; position: relative; padding:0 6px;}
.nav li p a:hover{background-color: transparent; background-color:#89c871; border-radius:16px;}
.nav li p a:hover{text-decoration:none; }

.xq {display: block; height: 40px; width: 105px; background: url(../images/xq_bj.png) no-repeat center; color: #ffffff ! important; font-size: 14px; line-height: 40px; padding-left: 15px;}
.xqq {color: #569c3b !important; font-size: 14px; }


.column_nav {position: relative;}
.column_nav .name_ch{font-size: 24px; font-weight: bold; color: #313131; line-height: 24px;}
.column_nav .name_en{display: block; font-size: 16px; color: #274b19; position: relative; line-height: 30px; font-weight: bold; top: 2px;}
.column_nav .name_en.right{display: inline-block; margin-left: 15px;}
.column_nav .more{font-size: 14px; color: #333333; width: 45px; right: 0; top: 0; position: absolute; background: url(../images/more.png) no-repeat center right; }

.list .list_desc h3 a:hover{color:#579d3e !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; margin-left: 20px; width: 90%;}
.list .list_type li:hover a{color:#579d3e !important;}
.list .list_time li a {width: 80%;}
.list .list_time span{right:0; color:#999999; font-size:16px; line-height: 36px;}

#banner{height: 400px; width: 100%; 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{height: 100%; position: relative; top: -305px;}
.section2{height: 388px; margin-top: 30px;}
.section3{height: 305px; margin-top: 30px;}
.section4{height: 298px; margin-top: 38px;}
.section5{height: 298px; margin: 30px 0;}

.__area_1{height: 200px; width: 755px;position: absolute; right: 0px; top: 0px; border-radius: 3px 0 0 3px; background-color: #274b19;}
.__area_1::before{content: ''; position: absolute; left: 100%; display: block; height: 100%; width: calc((100cqw - 1200px) / 2); background: rgba(255, 255, 255, .8);}
.__area_1 .info{height: 120px; width: 683px; padding: 40px 40px 0 32px;}
.__area_1 .info .column_nav span{font-size: 24px; color: #ffffff; font-weight: bold; line-height:24px;}
.__area_1 .info p{margin-top: 12px; font-size: 14px; line-height: 28px; color: #ffffff;}
.__area_1 .info p .xq {position: absolute; bottom: -18px; right: 30px; }


.__area_2{height: 100%; width: 830px; float: left; }
.__area_2 .column_nav{margin: 22px 0 19px 0;}
.__area_2 .column_nav .more {top: 2px;}
.__area_2 .list .list_desc {position: relative;}
.__area_2 .list .list_desc h3 a{font-size: 18px; font-weight: bold; color: #333333; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; display: inline-block; max-width: 80%;}
.__area_2 .list .list_desc h3 span {font-size: 14px; color: #333333; line-height: 24px; position: relative; bottom: 6px; left: 20px;}
.__area_2 .list .list_desc p {line-height: 24px; height: 52px; width: 85%; color: #666666; margin-top: 4px; text-overflow: ellipsis; white-space: normal; word-wrap: normal; overflow: hidden;}
.__area_2 .list .list_desc p .xq{position: absolute; bottom: 10px; right: 0px; }
.__area_2 .list .list_type{margin-top: 14px; border-radius: 6px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.10); padding: 14px 20px 12px 20px;}

.__area_3{height: 100%; width: 348px; float: right; background: url(../images/area3_bj.png) no-repeat center;}
.__area_3 .column_nav{margin: 22px 22px 25px 20px;}
.__area_3 .column_nav .more {top: 2px;}
.__area_3 .list .list_desc {margin: 0 20px;}
.__area_3 .list .list_desc h3 a{font-size: 16px; font-weight: bold; color: #333333; line-height: 24px; max-height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; overflow-wrap: anywhere;}
.__area_3 .list .list_desc p{position: relative; height: 73px; width: calc(100% - 65px);  margin-top: 6px; padding: 0px 50px 5px 0px;}
.__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 .xqq{position: absolute; bottom: 11px; right: 0px; }
.__area_3 .list .list_type{margin: 14px 20px 0 20px;}


.__area_4{height: 100%; width: 830px; float: left; background: url(../images/area4_bj.png) no-repeat center;}
.__area_4 .column_nav{margin: 25px 20px 14px 20px;}
.__area_4 .column_nav .more {top: 32px;}
.__area_4 .list .list_type{margin: 0px 20px;}

.__area_5{height: 100%; width: 350px; float: right; background: url(../images/area5_bj.png) no-repeat center;}
.__area_5 .column_nav{margin: 25px 22px 14px 20px;}
.__area_5 .column_nav .more {top: 32px;}
.__area_5 .list .list_type{margin: 0px 20px;}


.__area_6{height: 100%; width: 497px; float: left;  position: relative; background-color: #ffffff; border-radius: 6px; box-shadow: 0 0 12px rgba(0,0,0,0.10);}
.__area_6 .column_nav{margin: 25px 20px 14px 20px;}
.__area_6 .column_nav .more {top: 32px;}
.__area_6 .list .list_type{margin: 0px 20px;}

.__area_7{height: 100%; width: 674px; float: right; position: relative; background-color: #ffffff; border-radius: 6px; box-shadow: 0 0 12px rgba(0,0,0,0.10);} 
.__area_7 .column_nav{margin: 25px 20px 14px 20px;}
.__area_7 .column_nav .more {top: 32px;}
.__area_7 .list .list_type{margin: 0px 20px;}


.__area_8{height: 100%; width: 100%; position: relative; background-color: #ffffff; border-radius: 6px; box-shadow: 0 0 12px rgba(0,0,0,0.10); padding-top: 1px;} 
.__area_8 .column_nav{margin: 20px 20px 20px 20px;}
.__area_8 .column_nav .more {top: 32px; }
.__area_8 .teacherbox{margin: 0 20px 20px; position: relative;}
.__area_8 .prev{position: absolute; left: 8px; top: 48px; width: 36px; height: 60px; 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: 8px; top: 48px; width: 36px; height: 60px; 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{width: 1000px;height: 100%;position: relative;overflow: hidden; margin: 0 auto;}
.__area_8 ul{height: 100%;}
.__area_8 ul li{width: 115px; height: 189px; text-align: center; float: left; margin-right: 62px;}
.__area_8 ul li .img{width: 115px; height:153px; background-color: #ffffff;}
.__area_8 ul li .img img{width: 115px; height: 153px; object-fit: cover;}
.__area_8 ul li a p{color: #535353; text-decoration: none; height: 42px; line-height: 42px;}
.__area_8 ul li:hover .img img{width: 113px; height:151px; border: 1px solid #5aa13a;}
.__area_8 ul li:hover a p{color: #569c3b; font-weight: bold;}
.__area_8 ul li:hover a{text-decoration: none;}


/*footer*/
body.index-page .footer-brace{margin: 0;}
.footer{background:#274c19;}