a:active, a:hover { color: #ff8d00 !important; }
body { width: 100%; height: auto; background: url(http://education.news.cn/zt/2018gk/images/banner.png) 50% 0 no-repeat; }
.content { width: 1100px; height: auto; margin: 0 auto; }
.part1 { width: 100%; height: 480px; overflow: hidden; margin-top: 597px; }
.jj_left { width: 600px; height: auto; }
.focusBox3 { width: 600px; height: 380px; position: relative; }
.focusBox3:hover .arrow-left { background: url(http://www.xinhuanet.com/global/img/iconBtn/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 180px; width: 17px; height: 30px; z-index: 2 }
.focusBox3:hover .arrow-right { background: url(http://www.xinhuanet.com/global/img/iconBtn/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 180px; width: 17px; height: 30px; z-index: 2 }
.focusBox3 .swiper-container { width: 600px; height: 380px; }
.swiper-slide { position: relative; }
.focusBox3 .swiper-container.swiper-wrapper .swiper-slide img { width: 600px; height: 380px; }
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; opacity: 0.6; background: #000; z-index: 0 }
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .title { position: absolute; left: 2%; bottom: 0; font-size: 16px; width: 96%; height: 35px; line-height: 35px; color: #fff; overflow: hidden; z-index: 1; }
.focusBox3 .swiper-container .swiper-wrapper .swiper-slide .title a { color: #fff; }
.focusBox3 .pagination { position: absolute; right: 10px; text-align: right; bottom: 5px; width: 18%; z-index: 2; }
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; margin: 0 3px; cursor: pointer; }
.swiper-active-switch { background: #fff; }
.time { width: 600px; height: 70px; margin-top: 30px; }
.jj_right { width: 460px; height: auto; }
.jj_right .tit_box { width: 100%; height: 195px; overflow: hidden; margin-top: 90px; }
.jj_right .title { font-size: 22px; color: #000; border-bottom: 1px solid #000; padding-bottom: 28px; line-height: 30px; }
.jj_right .title a { color: #000; }
.jj_right .txt { font-size: 16px; color: #333; line-height: 30px; margin-top: 20px; }
.jj_list { width: 100%; height: auto; overflow: hidden; margin-top: 25px; }
.jj_list li { height: 24px; overflow: hidden; font-size: 18px; color: #000; position: relative; padding-left: 15px; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; }
.jj_list li:before { content: ""; width: 2px; height: 2px; background: #000; position: absolute; left: 0; top: 10px; }
.jj_list li a { color: #000; }
.part2 { width: 100%; height: 201px; overflow: hidden; margin-top: 60px; }
.part2_left { width: 285px; height: auto; }
.part2_list li { height: 21px; font-size: 16px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.part2_list li + li { margin-top: 9px; }
.part2_list li a { color: #000; }
.part2_mid { width: 290px; height: auto; margin-left: 30px; }
.part2_mid img { width: 100%; height: auto; }
.part2_right { width: 458px; height: auto; }
.kt_box { width: 100%; height: 91px; overflow: hidden; }
.kt_box .tit { font-size: 20px; color: #000; position: relative; }
.kt_box .tit span { position: absolute; top: 0; left: 0; width: 59px; height: 49px; display: inline-block; }
.kt_box .tit h2 { font-size: 20px; color: #000; padding-top: 24px; padding-left: 80px; }
.kt_box .tit h2 a { color: #000; }
.kt_box .txt { font-size: 16px; color: #484848; margin-top: 15px; }
.h30 { margin-top: 24px; }
.dh_box { width: 100%; height: auto; overflow: hidden; margin: 50px 0 35px 0; }
.part3 { width: 100%; height: auto; overflow: hidden; }
.part3_left { width: 490px; height: auto; overflow: hidden; }
.part3_list li { font-size: 20px; color: #000; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.part3_list li a { color: #000; }
.part3_list li span { height: 32px; border-radius: 25px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#448aff+0,4b98fa+19,52a6f5+40,55adf3+66,58b2f1+100 */ background: #448aff; /* Old browsers */ background: -moz-linear-gradient(left, #448aff 0%, #4b98fa 19%, #52a6f5 40%, #55adf3 66%, #58b2f1 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #448aff 0%, #4b98fa 19%, #52a6f5 40%, #55adf3 66%, #58b2f1 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #448aff 0%, #4b98fa 19%, #52a6f5 40%, #55adf3 66%, #58b2f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#448aff', endColorstr='#58b2f1', GradientType=1 ); /* IE6-9 */
padding: 3px 32px; text-align: center; color: #fff; font-size: 20px; margin-right: 15px; }
.part3_list li + li { margin-top: 30px; }
.part4 { width: 100%; height: 470px; overflow: hidden; }
.part4_left { width: 600px; height: auto; }
.part4_list li { border-bottom: 1px solid #000; padding-bottom: 30px; }
.part4_list li h2 { height: 27px; font-size: 24px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.part4_list li h2 a { color: #000; }
.part4_list p { font-size: 16px; color: #333; line-height: 25px; height: 50px; overflow: hidden; margin-top: 25px; }
.part4_list li + li { margin-top: 35px; }
.part4_right { width: 460px; height: auto; }
.part4_list2 { list-style: none; }
.part4_list2 li { float: left; width: 218px; height: 290px; }
.part4_list2 li + li { margin-left: 23px; }
.part4_list3 { width: 100%; height: auto; overflow: hidden; margin-top: 25px; }
.part4_list3 li { height: 24px; overflow: hidden; font-size: 18px; color: #000; position: relative; padding-left: 15px; text-overflow: ellipsis; white-space: nowrap; margin-top: 15px; }
.part4_list3 li:before { content: ""; width: 2px; height: 2px; background: #000; position: absolute; left: 0; top: 10px; }
.part4_list3 li a { color: #000; }
.part5 { width: 100%; height: 407px; overflow: hidden; }
.focusBox4 { width: 1100px; height: 355px; position: relative; }
.focusBox4 .swiper-container { width: 1100px; height: 355px; }
.focusBox4 .swiper-slide { position: relative; }
.focusBox4 .pagination { position: absolute; right: 0; text-align: center; bottom: -40px; width: 100%; z-index: 2; }
.focusBox4 .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #c7ddff; margin: 0 3px; cursor: pointer; }
.focusBox4 .swiper-active-switch { background: #468efe; }
.part5_list { list-style: none; overflow: hidden; margin-bottom: 28px; }
.part5_list li { width: 260px; height: 160px; float: left; position: relative; }
.part5_list li .tit { position: absolute; left: 2%; bottom: 0; font-size: 16px; width: 96%; height: 30px; line-height: 30px; color: #fff; overflow: hidden; z-index: 1; text-align: center; }
.part5_list li .tit a { color: #fff; }
.part5_list li .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; opacity: 0.6; background: #000; z-index: 0 }
.part5 .swiper-slide{overflow:hidden;}
.part5_list{margin-bottom: 0;width: 105%;overflow:hidden;}
.part5_list li{margin-right: 20px;margin-bottom: 15px;}
.part6 { width: 100%; height: 600px; overflow: hidden; }
.focusBox5 { width: 1100px; height: 600px; position: relative; }
.focusBox5 .swiper-container { width: 1100px; height: 600px; }
.focusBox5 .swiper-slide { position: relative; }
.focusBox5 .pagination { position: absolute; right: 0; text-align: center; bottom: 10px; width: 100%; z-index: 2; }
.focusBox5 .swiper-pagination-switch { display: inline-block; width: 20px; height: 20px; border-radius: 10px; background: #9c9b9b; margin: 0 8px; cursor: pointer; }
.focusBox5 .swiper-active-switch { background: #fff; }
.footer { width: 100% !important; height: 122px; background: url(http://education.news.cn/zt/2018gk/images/footer_bg.png) repeat-x; padding: 200px 0 0 0; color: #fff; }
.footer p { line-height: 20px; font-size: 14px; text-align: center; line-height: 30px; }
.nav_box { width: 161px; height: 282px; position: fixed; right: 50%; top: 600px; margin-right: -765px; z-index: 100; }
.nav_list li { width: 156px; height: 46px; background: #597dcb; cursor: pointer; border: 2px solid #82cef2; font-size: 20px; color: #fff; line-height: 46px; line-height: 46px; text-align: center; }
.nav_list li a { color: #fff; }
.nav_list li:hover { background: #6ca1c6; }
.nav_list li + li { margin-top: 8px; }