@charset "utf-8";

/*-----------------------------*/
body{line-height: 1.5;font-family:"Microsoft YaHei",Arial;font-size:14px;color:#333; }
a:hover{text-decoration:underline;}
a{text-decoration: none;}
.logo_wrap{background: none;height: 93px;}
.logo_wrap .logo{line-height: 78px;}
.en{ text-transform: uppercase; font-family: "Arial";}
.topbar{font-size: 18px;}
.topbar .product_link a, .topbar .external_link a, .topbar .product_link span{
	font-size: 18px;
}

.container{width: 1200px; margin: 0 auto;}


/* .navbox{height: 51px; width:100%; background: url(../images/nav_bj.png) no-repeat right center;} */
.navbox{height: 51px; width:100%; position: relative;}
.navbox::before{content:""; position:absolute; top:0; left:calc(50% - 600px - 73px); width:74px; height:100%; background-color:#035c6e; clip-path: polygon(100% 0, 0 100%, 100% 100%); }
.nav {height:100%; line-height:51px; margin:0 auto; position: relative; background-color:#035c6e; display: flex; justify-content: space-evenly;} 
.navbox::after{content:""; position:absolute; left: calc(50% + 600px); top:0; width:calc(50% - 600px); height:100%; background-color:#035c6e;}
.nav li{float:left; position:relative; height: 51px; width: 100%;}
.nav li .A1{position: relative; color:#ffffff; display:block; font-size:16px; text-align:center; height:51px; font-weight:normal; overflow:hidden; z-index: 2;}
.nav li .shade{display:none;position:absolute;top:0;left:0%;width:100%;height:100%;background-color:#192231;transform:skewX(-55deg);z-index:1;}
.nav li.active .shade,
.nav li:hover .shade{display:block;}
.nav li:hover p{display:block;}
.nav li.active .A1,
.nav li:hover .A1{text-decoration: none;}
.nav li p{display:none; position:absolute; left:0; height:51px; line-height:52px; white-space:nowrap; padding: 0 30px 0 10px; right: unset !important;}
.nav li p::before{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(46, 55, 69, .9) 0%, rgba(41, 41, 52, .9) 100%); transform:skewX(-55deg); transform-origin:left top;}
.nav li p a{height:51px; line-height:52px; display:inline-block; color:#ffffff; font-size:14px; background-color:transparent; white-space:nowrap; margin-right: 25px; position:relative; }
.nav li p a:last-child{margin-right: 40px;}
.nav li p a:hover{color:#5bbacd; text-decoration: none; font-weight: bold;}
.nav li p a:hover::after{content:""; position:absolute; width:15px; height:3px; bottom: 0px; left: 50%; transform: translateX(-50%) skewX(-55deg); background-color: #5bbacd;}

.column_nav{position:relative; height: 24px;}
.column_nav .ch{float:left; font-size: 24px; color: #0d0d0d; font-weight: bold; line-height:24px;}
.column_nav .en{display: inline-block; margin-left: 15px; font-size: 16px; color: #045a6b; position: relative;  line-height: 30px;}
.column_nav .more{float:right; font-size:16px; color:#045a6b}

.section2 .column_nav .ch{color: #ffffff;}
.section2 .column_nav .en{color: #5bbacd;}
.section2 .column_nav .more{color:#5bbacd}

.list_desc h3 a {color: #333333; font-size: 16px; font-weight: bold; height: 24px; line-height: 24px; float: left;  text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; width: 100%;}
.section2 .list_desc h3 a {color:#ffffff;}
.section2 .list_desc span {color:#9dd6e6; line-height: 24px; max-height: 48px;}
.list_desc .xq{font-size: 14px;  background: linear-gradient(to right, #ffa694, #ff1148); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; -moz-background-clip: text; -moz-text-fill-color: transparent; line-height: 22px; margin-left: 7px;}
.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: 75%;}
.section2 .list .list_type li a{color:#ffffff;}
.list .list_time span{right:0; color:#999999; font-size:14px; line-height: 38px;}


.banner   {height: 399px; width: 100%; background: url(../images/banner.png) no-repeat center top; background-size: cover;}
.section1 {height: 190px; width: 100%; margin-top: 23px;}
.section2 {height: 337px; width: 100%; margin-top: 47px; background: url(../images/section2_bj.png) no-repeat center;}
.section3 {height: 484px; width: 100%; margin-top: 40px; background: url(../images/section3_bj.png) no-repeat center;}
.section4 {height: 251px; width: 100%; margin-top: 36px;}
.section5 {height: 272px; width: 100%; margin-top: 34px;}


.__area_1 {height: 100%; width: 100%;}
.__area_1 .column_nav {margin-bottom: 30px;}
.__area_1 .list_desc {float: left; height: 133px; width: 405px; background: url(../images/area1_list_desc_bj.png) no-repeat left center; padding-left: 175px;}
.__area_1 .list_desc h3 span {display: block; height: 24px; width: 118px; background: url(../images/area1_list_desc_time_bj.png) no-repeat center; margin: 7px 0 18px 0; font-size: 14px; line-height: 24px; text-align: center; color: #ffffff;}
.__area_1 .list_desc h3 a {margin-bottom: 10px;}
.__area_1 .list_desc p {font-size: 14px; line-height: 24px; color: #999999; max-height: 48px; text-overflow: ellipsis; white-space: wrap; word-wrap: normal; overflow: hidden; display: inline; }
.__area_1 .list {float: right; width: 580px; position: relative; top: -8px;}

.__area_2 {height: 100%; width: 654px; float: left; padding-left: 30px;}
.__area_2 .column_nav {margin: 32px 0 23px;}
.__area_2 .list_desc span {position: relative; top: 3px;}
.__area_2 .list_desc .xq {margin-left: 15px; position: relative; top: 3px;}
.__area_2 .list {margin-top: 17px;}


.__area_3 {height: 100%; width: 474px; float: right;}
.__area_3 .column_nav {margin: 32px 0 37px;}
.__area_3 .column_nav .more {margin-right: 20px;}
.__area_3 .list {padding-left: 15px;}
.__area_3 .list_type li a {width: 90%;}


.__area_4 {height: 100%; width: 100%; margin-left: 33px; float: left;}
.__area_4 .column_nav{height: 30px; margin-top: 25px; line-height: 30px; background: url(../images/more_words.png) no-repeat 160px center;}
.__area_4 .column_nav span{color: #000000; font-size: 24px; font-weight: bold; background:none}
.__area_4 .data{height: 429px;}

.__area_5 {height: 100%; width: 684px; float: left;}
.__area_5 .list {margin-top: 26px;}

.__area_6 {height: 100%; width: 472px; float: right;}
.__area_6 .list {margin-top: 26px;}

.__area_7 {height: 100%; width: 684px; float: left;}
.__area_7 .teacherbox{height: 210px; width: 100%; }
.__area_7 .teacherbox .prev, 
.__area_7 .teacherbox .next{height: 64px; width: 49px; margin-top: 74px; display: inline-block; background-size: contain;}
.__area_7 .teacherbox .prev{float: left; margin-left: -7px; background: url(../images/left.png);}
.__area_7 .teacherbox .prev:hover{background: url(../images/left_.png);}
.__area_7 .teacherbox .next{float: right; margin-right: -7px; background: url(../images/right.png);}
.__area_7 .teacherbox .next:hover{background: url(../images/right_.png);}

.__area_7 #index_user{float: left; height: 183px; width: 574px; position: relative; overflow: hidden; margin: 27px 10px 0;}
.__area_7 ul{height: 100%; width: 100%; }
.__area_7 ul li {height: 100%; width: 115px; float:left; overflow:hidden; margin-right: 38px;}
.__area_7 ul li a {height:151px; width: 113px; border: 1px solid #d0d0d0; display:block; position: relative; text-decoration: none;}
.__area_7 ul li a img{height: 100%; width:100%;}
.__area_7 ul li p{font-size: 14px; line-height: 42px; color: #545454; text-align: center; }
.__area_7 ul li:hover a {border-color: #035c6e;}
.__area_7 ul li:hover p {color: #035c6e;}

.__area_8 {height: 100%; width: 472px; float: right;}
.__area_8 .list {margin-top: 26px;}


body.index-page .footer-brace{margin: 0;}
.footer{background:#035c6e;}