.header_top{width: 100%;height: 32px; background: #f5f5f5; line-height: 32px;font-size: 12px;}
.welcome{float: left;color: #878787;}
.header_right{float:right;}
.header_con>p{display:inline-block;margin-right: 20px;color: #999;position: relative;vertical-align: 0;}
.header_con>p:after{content:"";width:1px;height: 10px;background: #bbb;position: absolute;top: 12px;right: -12px;}
.header_con>p a{color:#878787;}
.header_con>p a:hover{color:#0B6CB8;transition: 0.15s;}
.header_con>p span{display: inline-block;margin: 0 5px;}
.header_con>a{color: #878787;display: inline-block;height:32px;}
.header_con>a:hover{color:#0B6CB8;transition: 0.15s;}
.header_con a .tongzhi{display: inline-block;width: 16px;height: 16px;margin-right: 4px;}
.header_con a img{width: 100%;height: 100%;vertical-align: -2px;}
.header_con a .shouji{display: inline-block;width:16px;height:16px;margin-right: 4px;}
.header_con .shoujiduan{position: relative;display: inline-block;padding: 0 15px 0 5px;box-sizing: border-box;}
.header_con .shoujiduan:hover{background-color: #fff;}
.header_con .shoujiduan:hover .jiao{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);}
.header_con .shoujiduan:hover .code{display: block; border:1px solid #ddd;}
.code{width: 120px;height: 120px;padding: 10px;box-sizing: border-box;background: #fff;box-shadow: 0 6px 15px rgba(204,204,204,0.5);position: absolute;right:0px;display: none;z-index:3;}
.header_con a .jiao{display: inline-block;width: 6px;height: 3px;margin-left: 2px;transition: .2s-out;background: url(../images/sanjiao.png) no-repeat;
    -webkit-transition: .2s-out;-moz-transition: .2s-out;-o-transition: .2s-out;position: absolute;top:15px;right: 4px;}
.header_con a .jiao img{vertical-align: middle;}
.header_con .mystudy{display:inline-block;padding: 0 5px;box-sizing: border-box;position: relative; margin-right:10px;}
.header_con .mystudy>a{color: #878787;display: inline-block;height: 32px;}
.header_con .mystudy:hover{background-color: #fff;}
.header_con .mystudy:hover .learn_record{display: block;}
.learn_record{position:absolute;width:220px;background:#fff;z-index:4;box-shadow:0 12px 16px 0 rgba(28, 31, 33, 0.1);right:0;top:31px;display:none; border:1px solid #ddd;}
.record-tit{ padding:0 10px;}
.learn_record ul{ padding:0 10px 5px;}
.learn_record ul li{ line-height:24px;}
.learn_record ul li a{ height:24px; color:#666; display:block;}
.learn_record ul li a:hover{color:#0B6CB8;}
.learn_record ul li a .lesson-name{ float:right;}
.learn_record .more{ width:100%; display:block; height:32px; line-height:32px; text-align:center; background:#f5f5f5;}

#header{ width:100%; position:relative; background-color: #fff;}
.logo{ margin:10px 20px 10px 0; float:left;}
.logo a{ display: block;}
.logo a img{ max-width:100%;height:60px;}
.navbox{ width: 100%; height: 56px; line-height: 56px; background-color: #0B6BB6; display:block;   padding:0px; text-align:center;}
.hd-nav{ width:100%;}
.hd-nav ul li{ float:left; position:relative;}
.hd-nav ul li .nav-item a{ display:block; height:56px; font-size:16px; transition:0.4s; color:#fff; }
.hd-nav ul li .nav-item a span{padding:0 35px; } 
.hd-nav ul li .nav-item a:hover,
.hd-nav ul li.on .nav-item a{  color:#fff; } 
.hd-nav ul li .nav-item a i{ opacity: 0.5} 

.dropdown{ position:absolute; top:55px; left:0px; z-index:3; width:100%;}
.dropdown a{ display:block; width:100%; background-color:#0B6CB8; line-height:35px; color:#fff;}
.dropdown a:hover{ background-color:rgb(118,186,107); color:#fff;}
.search{ width:238px; float:right; height:38px; display:block; border:1px solid #CDCDCD; border-radius:5px; margin:35px 0 0;}
.search .input{ width:173px; padding:0 5px 0 10px; background:none; border:none; line-height:38px; float:left; outline:0;}
.search .btn{ width:50px; height:38px; background:#0B6BB7 url(../images/icon_search.png) center no-repeat; outline:0; border:none; float:right; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px;}

.navbox .w1200{ position: relative;} 
.nav-right{ position: absolute; top: 0px; right: 10px; color: #A6CFEE;}
.nav-right a{ color: #A6CFEE; padding: 0px 10px;}
.nav-right img{ padding: 0px; vertical-align: middle; padding-left: 10px;}


.banner_box{ width:100%; height:480px; position:relative; overflow: hidden;}
#banner{ width:100%; position:relative;}
#banner .img{ width:100%; height:480px; display:block;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:40px;}
.swiper-pagination-bullet{ width:19px; height:19px; background:url(../images/n_ico.png) no-repeat; opacity:1;}
.swiper-pagination-white .swiper-pagination-bullet-active{ background:url(../images/n_ico_hover.png) no-repeat;}

.bignav{min-width:200px; margin: 0 auto;position: absolute;top:40px;left: 50%;z-index:4;margin-left: -600px;}
.bignav_left{ position: relative;box-shadow: 0 0 46px rgba(0,0,0,0.03);background: rgba(255,255,255,0.99);}
.more_class{ width:100%;}
.more_class a{ display:block; background:#82D59E; width:100%; height:40px; text-align:center; line-height:40px; color:#fff;}
.activ{border-radius:0;}
.bignav_left>ul{width: 200px;position: relative;z-index:5;}
.bignav_left>ul .nav_li{ height:40px;transition: 0.1s;padding: 0px 20px;}
.bignav_left>ul .nav_li:first-child{border-radius: 10px 0 0 0;}
.bignav_left>ul .nav_li:last-child{border-radius: 0 0 0 10px;}
.bignav_left>ul .nav_li>.sers{ width:160px;}
.bignav_left>ul .nav_li>.sers>a{display: block;width:100%; padding:10px 0; line-height:20px;font-size: 15px;color: #666;transition: 0.1s; border-bottom: 1px solid rgba(0,0,0,0.06);}
.bignav_left>ul .on{background: #fff;opacity: 1;box-shadow: -15px 0 46px rgba(0,0,0,0.07);}
.bignav_left>ul .on>.sers{position: relative;width:160px;z-index:6;}
.bignav_left>ul .on>.sers>a{color: #333 !important;}
.bignav_left>ul .on>.sers>p{border-bottom: 0 !important;}
.bignav_left>ul .on>.sers>p a{color: #333;}
.bignav_left>ul .on>.sers>p a:hover{color: #f86049;}
.bignav_left>ul .nav_li:last-child a{border-bottom: 0;}
.bignav_left>ul .nav_li>.sers>a>i{display: inline-block;width: 8px;height: 12px;float: right;background: url(../images/jaios.png) center no-repeat;margin-top: 23px;}
.nav_con{ box-shadow: 0 0 46px rgba(0,0,0,0.1); position: absolute; width: 980px; background: #fff; top: 0; left:200px; min-height: 480px; padding:10px 20px 0; box-sizing: border-box; display: none; z-index: 7;}
.nav_top{ width:100%; margin:0 0 10px;}
.nav_top .n_tit{ font-size:18px; color:#0B6CB8;}
.nav_top .kecheng_jia{ padding:10px 0; border-bottom:1px solid #F5F5F5; color:#858585; line-height:25px;}
.nav_top .kecheng_jia p{ display:inline-block;}
.nav_top .kecheng_jia i{ display:inline-block; margin:0 10px;}
.nav_top .kecheng_jia p span{ color:#111;}
.nav_top .kecheng_jia p b{ width:14px; height:14px; display:inline-block; margin:0 10px 0 20px;}
.nav_top .kecheng_jia p b img{ width:100%;}
.nav_top .kecheng_jia p strong{ font-size:18px; color:#FF934C; line-height:25px; margin:0 10px 0 0;}
.nav_top .kecheng_jia p img{ margin:6px 0 0;}
.nav_text{ margin:0 0 10px;}
.c_title{ font-size:16px; margin:0 0 10px;}
.nav_text .t{ color:#666; line-height:25px;}
.nav_but{width: 100%;}
.nav_but ul li{ float:left;width:33.33%;}
.nav_but ul li .t_img{ width:80px; height:100px; margin:0 12px 0 0; float:left;}
.nav_but ul li .t_img img{ width:100%;}
.nav_but ul li p{ color:#666; font-size:12px; line-height:20px;}
.nav_but ul li h5{ font-size:16px;}
.nav_video{ position:absolute; right:0px; bottom:0px; z-index:8;}

.index_box01{ padding:40px 0; background:#f5f5f5; display: inline-block; width: 100%;}
.box01_tit{ padding:0; margin:0 0 20px;}
.box01_tit h1{ font-size: 18px; color:#656565;}
.box01_tit h1 i{ width: 28px; height: 28px; background: url("../images/index-h1-icon01.png") no-repeat center; background-size: cover; display:inline-block; vertical-align: middle;}
.box01_tit h4{ line-height:55px; font-size:20px;}
.box01_tit span{ font-size:18px; padding-left: 10px; color: #333; font-weight: bold;}


.index-slider-box{ width: 100%; height: 330px; overflow: hidden; position: relative;}
.index-slider-box .slide-title{ position: absolute; bottom: 0px; left: 0px; width: 100%;  background-color: rgba(10,106,183,0.8);}
.index-slider-box .slide-title b{ padding: 10px; font-weight: normal; color: #fff; display: inline-block;line-height: 30px;}




.index_news{ background:#fff; float:left; width:100%; padding: 20px; box-sizing: border-box; position:relative; padding-bottom: 0px; }
.box01_tab{ position:absolute; left:0px; top:5px;}
.box01_tab li{ display:inline-block; margin:0 20px 0 0;}
.box01_tab li a{ display:block; height:32px; font-size:16px; border-bottom:3px solid #fff;}
.box01_tab li.activ a{ color:#0B6CB8; border-bottom:3px solid #0B6CB8;}
.index_news .p{ width:35%; float: left; height: 330px;}
.index_news .p .swiper-slide a{ display: block; height: 330px;}

.index_news .t{ width:63%; margin-left: 2%; float: right; padding-top: 50px; position: relative;}
.list-h1{ min-height:305px;}
.list-h1 li{ float:left; width:45%; margin:5px 17px 20.5px 0px; display:inline;}
.list-h1 li .n_time{ float:left; margin:0 15px 0 0; width:58px; height:48px; background:#EFEFEF; font-size:12px; color:#767676; text-align:center;}
.list-h1 li .n_time span{ height:28px; line-height:28px; font-size:18px; color:#767676; background:#EFEFEF; display:block; font-weight: bold;}
.list-h1 li .n_text{ width:77%; float:right;}
.list-h1 li .n_tit{ font-size:16px; height:50px; overflow:hidden; margin:0;}
.list-h1 li p{ height:66px; line-height:22px; color:#666; overflow:hidden;}

.list-h1 li:hover .n_time,.list-h1 li:hover .n_time span{background:#0B6BB7; color: #fff}
.list-h1 li:hover a{ color: #0B6BB7}

.box01_right{ width:260px; float:right;}
.index_database{ width:100%; background:#fff; margin:0 0 25px;}
.index_database ul{ padding:0 20px; min-height:160px;}
.index_database ul li{ height:20px; line-height:20px; overflow:hidden; padding:0 0 0 20px; margin:0 0 10px; background:url(../images/icon01.jpg) 0 3px no-repeat;}
.edu{ width:100%;}

.index_title{ line-height:32px; margin:0 0 20px; position:relative;}
.index_title h3{ font-size:24px;}
.index_title a{ float:right; color:#999;}
.index_title a:hover{ color:#0B6CB8;}

.index_box02{ padding:0px 0 20px;}

.box02_tit{ padding:0; margin:0 0 20px;}
.box02_tit h1{ font-size: 18px; color:#656565; line-height: 180%;}
.box02_tit h1 i{ width: 28px; height: 28px; background: url("../images/index-h1-icon02.png") no-repeat center; background-size: cover; display:inline-block; vertical-align: middle;}
.box02_tit span{ font-size:18px; padding-left: 10px; color: #333; font-weight: bold; vertical-align: middle;}
.box02_tit .more{float: right;}
.box02_tit .more a{ border-radius: 100px; border:#1F1F1F solid 1px; color: #1F1F1F; display: block; padding: 0px 15px;}

.box02_tab{ position:absolute; right:0px; top:0;}
.box02_tab li{ display:inline-block; margin:0 0 0 20px;}
.box02_tab li a{ display:block; height:32px; line-height:24px; font-size:16px; border-bottom:3px solid #fff;}
.box02_tab li.activ a{ color:#0B6CB8; border-bottom:3px solid #0B6CB8;}
.index_curriculum{ width:100%;}
.index_curriculum ul{ margin-left:-10px; margin-right:-10px;}
.index_curriculum li{ float:left; width:23.2%; margin:0 10px 30px;  display:inline; overflow: hidden;}
.index_curriculum li .kc_top{ width:100%; height: 190px; height: 190px; border-radius: 5px 5px 0 0; background-size: cover; overflow: hidden;transition: transform 0.3s ease;}
.index_curriculum li .kc_top img{ width:100%; }
.index_curriculum li .kc_tit{ background-image: linear-gradient(0deg, #F3F5F7, #DEE0EF); border-radius: 0 0 5px 5px; padding: 10px 15px;}  

/*.index_curriculum li:hover .kc_top{transform: scale(1.1);}*/

.index_curriculum li h2{ font-size:16px; line-height:25px; height:25px; overflow:hidden; margin:0 0 10px;}
.index_curriculum li .cl_left{ float:left;}
.index_curriculum li .cl_left p{ display:inline-block; margin:0 12px 0 0;}
.index_curriculum li .cl_left p i{ width:14px; height:14px; display:inline-block; margin:0 5px 0 0;}
.index_curriculum li .cl_left p i img{ width:100%; vertical-align:middle;}
.index_curriculum li .cl_left p span{ font-size:12px; color:#999;}
.index_curriculum li .cl_right{ float:right;}
.index_curriculum li .cl_right a{ color:#0B6CB8;}
.index_curriculum li .cl_right span{ color: #0B6CB7;}
.index_curriculum li .cl_right i{ padding-left: 5px; vertical-align: middle;}


.index_box03{ padding-bottom:20px; background:#f5f5f5;}

.box03_tit{ padding:0; margin:0 0 20px;}
.box03_tit h1{ font-size: 18px; color:#656565; line-height: 180%;}
.box03_tit h1 i{ width: 28px; height: 28px; background: url("../images/index-h1-icon03.png") no-repeat center; background-size: cover; display:inline-block; vertical-align: middle;}
.box03_tit span{ font-size:18px; padding-left: 10px; color: #333; font-weight: bold; vertical-align: middle;}
.box03_tit .more{float: right;}
.box03_tit .more a{ border-radius: 100px; border:#1F1F1F solid 1px; color: #1F1F1F; display: block; padding: 0px 15px;}

.index_teacher{ position:relative;}
#teacher_list{ overflow: hidden;}
.teacher_con{ display:block; position:relative;  text-align:center; margin:0 10px; background:#fff url("../images/teacher_bg01.jpg") top left no-repeat;}
.teacher_con .p{padding:20px 15px 15px 15px;}
.teacher_con .p .img{ display:block; text-align:center; margin:0 0 10px;}
.teacher_con .p .img img{ width:100%;}
.teacher_con .t{ padding-bottom: 20px;}
.teacher_con .t h6{ font-size:18px; margin:0 0 5px;}
.teacher_con .t h6 i{ display: block; height: 14px; background:url("../images/teacher_bg02.jpg") right center no-repeat; margin-bottom: 10px;}
.teacher_con .t p{ color:#999;}



#product_list{ margin-left:-10px; margin-right:-10px;}

.public-prev,.public-next{ display: block; width:42px; height:42px; box-sizing:border-box; position:absolute; top:50%; margin-top:-21px; z-index:2; border-radius:100%;}
.public-prev{left:-42px;background:#0B6CB8 url(../images/prev.png) no-repeat center center;}
.public-next{right:-42px;background:#0B6CB8 url(../images/next.png) no-repeat center center;}
.public-prev.swiper-button-disabled{ background:#999 url(../images/prev.png) no-repeat center center;;}
.public-next.swiper-button-disabled{ background:#999 url(../images/next.png) no-repeat center center;;}

.index_box04{ padding:20px 0;}

.box04_tit{ padding:0; margin:0 0 20px;}
.box04_tit h1{ font-size: 18px; color:#656565; line-height: 180%;}
.box04_tit h1 i{ width: 28px; height: 28px; background: url("../images/index-h1-icon03.png") no-repeat center; background-size: cover; display:inline-block; vertical-align: middle;}
.box04_tit span{ font-size:18px; padding-left: 10px; color: #333; font-weight: bold; vertical-align: middle;}
.box04_tit .more{float: right;}
.box04_tit .more a{ border-radius: 100px; border:#1F1F1F solid 1px; color: #1F1F1F; display: block; padding: 0px 15px;}

.index_picture{ }
.index_picture li{ float:left; margin-bottom: 10px; display:inline; position:relative; height: 270px; overflow: hidden;}
.index_picture li img{ width:100%;}
.index_picture li .p{ width: 100%; height: 270px; transition: transform 0.3s ease; }
.index_picture li .cate{ position: absolute; top: 10px; left: 10px; padding: 0px 20px; height: 35px; line-height: 35px; background:rgba(227,177,122,0.8); color: #fff; text-align: center; border-radius: 5px; z-index: 8}
.index_picture li .cate.cate_704{background:rgba(227,177,122,0.8);}
.index_picture li .cate.cate_705{background:rgba(12,110,185,0.8);}
.index_picture li .cate.cate_706{background:rgba(133,0,179,0.8);}
.index_picture li .cate.cate_707{background:rgba(1,178,134,0.8);}
 
.index_picture li:hover .p{transform: scale(1.1);}


.index_picture li.p_1{ width:24%; margin-right: 1%;}
.index_picture li.p_2{ width:24%; margin-right: 1%;}
.index_picture li.p_3{ width:50%; margin: 0; margin-bottom: 10px;}
.index_picture li.p_4{ width:49%; margin-right: 1%;}
.index_picture li.p_5{ width:24%; margin-right: 1%;}
.index_picture li.p_6{ width:25%; margin: 0;}


.index_picture li.p_two p{ width:230px; margin:0 10px 15px; float:left; display:inline; position:relative;}
.index_picture li span{ position:absolute; left:0px; bottom:0px; width:100%; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; background:rgb(0,0,0,0.5)}
.index_picture li a:hover span{ background:rgb(11,108,184,0.9)}


.index_links{ padding:20px 0; }
.link_list{ }
.link_list .link{ width:23%; height:35px; line-height:35px; border:none; background:none; outline:0; margin:0 1% 0 1%; float:left; display:inline; padding:0 10px; box-sizing:border-box; color:#fff; border:#889EC5 solid 1px;}
.link_list .link option{background:#889EC5}


.footerbox{ background:#476798; padding:30px 0; line-height:30px; color:#fff; text-align:center;}
.footerbox img{ padding:10px 0px;}
.foot_menu{ margin:0 0 30px;}
.foot_menu ul li{ float:left;}
.foot_menu ul li h3{ font-size:16px; color:#fff; margin:0 0 20px;}
.foot_menu ul li span{ width:30px; height:3px; display:block; background:#fff; margin:10px 0 15px;}
.foot_menu ul li.b01{ width:410px;}
.foot_menu ul li.b02{ width:420px;}
.foot_menu ul li.b03{ width:250px;}
.foot_menu ul li.b04{ width:86px; float:right;}
.foot_menu ul li p{ line-height:25px; margin:0 0 10px; color:#D0CFCF;}
.foot_menu ul li strong{ font-size:30px; font-weight:normal; color:#fff; background:url(../images/icon9.png) left center no-repeat; padding:0 0 0 45px; margin:20px 0 5px; display:block; line-height:36px;}
.foot_menu ul li a{ display:block; color:#bbb; width:100%;}
.foot_menu ul li a:hover{ color:#fff;}
.foot_menu ul li center{ color:#666; width:86px; background:#fff; padding:0 0 5px;}
.foot_menu ul li center img{ width: 100%;}
.f_bottom{ color:#aaa; border-top:1px solid #636363; padding:20px 0 0;}
.f_bottom a{ color:#aaa;}
.f_bottom a:hover{ color:#fff;}
.f_bottom span{ padding:0 5px;}

.aside-bar{ position:fixed; left:1%; bottom:3%;background-color:#fff;width:60px;z-index:999; text-align:center; border:1px solid #eee; border-radius:30px;}
.aside-bar a{display:block; width:60px; height:68px; border-top:1px solid #eee;}
.aside-bar a:nth-child(1) {border:none;}
.aside-bar a i{ display:block; width:36px; height:36px; margin:0 auto; position:relative; top:16px; background:url(../images/fixed.png) no-repeat;}
.aside-bar i.icon01{ background-position:0 0;}
.aside-bar i.icon02{ background-position:0 -36px;}
.aside-bar i.icon03{ background-position:0 -72px;}
.aside-bar i.icon04{ background-position:0 -108px;}
.aside-bar a span{display:none; position:relative; color:#fff; background:#0B6CB8; width:40px; height:48px; padding:10px; line-height:24px;}
.aside-bar a:hover i{display: none;}
.aside-bar a:hover span {display: block;}

.main_content{ padding:30px 0; margin-top: -220px;}
.page-banner{ width: 100%; height: 220px; background-size: cover; background-position: center;}

.breadcrumb{ width:100%; margin:0 0 25px; color: #fff; background: none;}
.breadcrumb a{color: #fff;}
.breadcrumb li{ display: inline-block;}
.breadcrumb-item + .breadcrumb-item::before {
  float: left; 
  padding-right: 10px; padding-left: 0px;
  color: #fff;
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color:#fff;
}


.course-list-box{padding: 30px 25px; background: #fff; border-radius: 10px; min-height: 500px;}

.achievement-list-box{padding: 30px 25px; background: #fff; border-radius: 10px; }

.achievement_catelist{ text-align: center; margin: 20px auto; height: 60px;}
.achievement_catelist li{display: inline-block; margin-right: 20px;}
.achievement_catelist li a{padding: 10px 25px; background:#F3F5F7; font-size: 18px; border-radius:5px;}
.achievement_catelist li:hover a{background-image: linear-gradient(45deg, #59B1B2, #0B6DB8); color: #fff;}
.achievement_catelist li.active a{background-image: linear-gradient(45deg, #59B1B2, #0B6DB8); color: #fff;}

.achievement_list{ width:100%;}
.achievement_list ul{ margin-left:-10px; margin-right:-10px;}
.achievement_list li{ float:left; width:30%; margin:0 1.5% 30px 1.5%; display:inline; position: relative;}
.achievement_list li .kc_top{ width:100%; height: 210px; border-radius: 5px; background-size: cover; overflow: hidden;}
.achievement_list li .kc_top img{ width:100%; }
.achievement_list li .kc_tit{ padding: 10px 5px;}  
.achievement_list li h2{ font-size:16px; line-height:25px; height:25px; overflow:hidden; margin:0 0 10px;}

.achievement_list li .cate{ position: absolute; top: 10px; left: 10px; padding: 0px 20px; height: 35px; line-height: 35px; background:rgba(227,177,122,0.8); color: #fff; text-align: center; border-radius: 5px;}
.achievement_list li .cate.cate_704{background:rgba(227,177,122,0.8);}
.achievement_list li .cate.cate_705{background:rgba(12,110,185,0.8);}
.achievement_list li .cate.cate_706{background:rgba(133,0,179,0.8);}
.achievement_list li .cate.cate_707{background:rgba(1,178,134,0.8);}


 



.pagination{ padding: 30px 0;}
.page-link{ color: #0B6DB8; font-size: 14px;}
.page-link.active, .active > .page-link{background: #0B6DB8;}


.teacher-list-box{padding: 30px 25px; background: #fff; border-radius: 10px;}
.teacher-list-box .teacher-list{ width: 20%; display:inline-block; position:relative;  text-align:center; margin:0 10px; background:#fff;}
.teacher-list-box .teacher-list .p{padding:20px 15px 15px 15px;}
.teacher-list-box .teacher-list .p .img{ display:block; text-align:center; margin:0 0 10px;}
.teacher-list-box .teacher-list .p .img img{ width:100%;}
.teacher-list-box .teacher-list .t{ padding-bottom: 20px;}
.teacher-list-box .teacher-list .t h6{ font-size:18px; margin:0 0 5px;}
.teacher-list-box .teacher-list .t h6 i{ display: block; height: 14px; background:url("../images/teacher_bg02.jpg") right center no-repeat; margin-bottom: 10px;}
.teacher-list-box .teacher-list .t p{ color:#999;}





.course-info-box{padding: 35px 30px; background: #fff; border-radius: 10px; display: flex; }
.course-info-box .p{ width: 40%; }
.course-info-box .p img{ width: 100%;}
.course-info-box .t{width: 58%; padding-left: 2%;}
.course-info-box .t .c-title{ font-size: 28px; line-height: 200%;}
.course-info-box .t .c-note{ font-size: 16px; line-height: 180%; color: #777777; padding-bottom: 10px;}
.course-info-box .t .c-info{ font-size: 16px; line-height: 180%; color: #777777; width: 60%; }
.course-info-box .t .c-info p{ width: 47%; display: inline-block;}
.course-info-box .t .c-info b{ display: inline-block; width: 60px; font-weight: normal;}
.course-info-box .t .c-info b span{}
.course-info-box .t .c-info .add-learing{background-image: linear-gradient(45deg, #59B1B2, #0B6DB8); color: #fff; display: inline-block; padding: 8px 40px; border-radius: 100px; margin-top: 10px; margin-top: 20px;}

.course-info-box .t .c-date{ padding-bottom: 10px; color: #777777;}

.newsdetails-box{padding: 35px 30px; background: #fff; border-radius: 10px; margin-bottom:50px;}
.newsdetails-box h1{ font-size: 28px;}


.team-box{padding: 35px 30px; border-radius: 10px; margin-bottom:50px;background:#fff url("../images/team_box_bg.png") right top no-repeat;}
.team-box h1{ font-size: 22px;}


.teacher-intro{ padding: 10px;}
.teacher-intro .p{ width: 20%; display: inline-block; vertical-align: top;}
.teacher-intro .p img{ width: 100%;}
.teacher-intro .t{width: 74%; padding: 0px 3%; display: inline-block; vertical-align: top;}
.teacher-intro .t h1{ line-height: 180%; font-weight: bold; font-size: 20px; padding-bottom: 10px;}
.teacher-intro .t p{line-height: 220%; color: #6F6F6F;}
.teacher-intro .t p b{}
.teacher-intro .t span{color: #6F6F6F;}
.teacher-intro .t span i{ vertical-align: text-bottom; padding-right: 5px;}
.teacher-intro .t span i img{ width: 18px; vertical-align: middle;}
.teacher-intro .t span.mobile{ padding-right: 100px;}
.teacher-intro .t span.email{}


.teacher-overview{ padding: 30px 10px;}
.teacher-overview h1{ font-size: 18px; border-bottom: #ddd solid 1px; line-height: 200%;}
.teacher-overview h1 span{border-bottom: #0B6CB8 solid 4px; display: inline-block;}
.teacher-overview .c{ padding: 20px 0;}
.teacher-overview .c p{ line-height: 180%; font-size: 16px;}

.newsbox{ width:100%;}
.news_left{ float:left; width:72%; border-radius: 10px; overflow: hidden; }
.news_right{ float:right; width:26%; border-radius: 10px; overflow: hidden;}
.news_list{ margin:0 0 20px; background:#fff; padding: 20px;min-height: 500px;}
.news_list li{ padding:20px; border-bottom:1px solid #f5f5f5;}
.news_list h2{ width:100%; }
.news_list h2 a{ display:block; font-size:18px; font-weight: bold; line-height:28px; margin:0 0 10px;}
.news_list .d{}
.news_list .d .tag-box{float: right;}
.news_list .d span{ color:#999; display:block; background:url(../images/shijian.png) left center no-repeat; padding:0 0 0 20px; font-size:12px;}
.news_list p{ line-height:24px; color:#666; margin:0 0 10px;}

.news_list .d .tag-box .text-end{vertical-align: super}


.menu{ width:100%; background:#fff; margin:0 0 25px;}
.menu h3{ height:70px; background:url(../images/menu_bj.jpg) no-repeat; padding:0 20px; line-height:70px; font-size:24px; color:#fff; background-size: cover;}
.menu ul{ padding: 20px;}
.menu ul li{ padding-left:45px; height:55px; line-height:55px; border-bottom:1px solid #f5f5f5; font-size:16px; background:#F3F5F7 url("../images/news_arr.png") no-repeat 20px 20px; margin-bottom: 20px;}
.menu ul li.hover{color:#0B6CB8; background:#0B6DB8 url("../images/news_arr_c.png") no-repeat 20px 20px;}
.menu ul li.hover a{ color:#fff; }
.menu ul li:hover{ color:#0B6CB8; background:#0B6DB8 url("../images/news_arr_c.png") no-repeat 20px 20px;}
.menu ul li:hover a{ color:#fff; }

.news_tit{ padding:20px; border-bottom:1px solid #f5f5f5; background:#fff;}
.news_tit h2{ font-size:16px; font-weight:bold; line-height:30px; margin:0 0 10px;}
.news_tit p{ color:#999; font-size:12px;}
.news_tit span{ margin:0 20px 0 0;}
.news_tit span img{ margin:3px 5px 0 0;}
.details_text{ padding:20px; line-height:30px; border-bottom:1px solid #f5f5f5; background:#fff;}
.details_text img{ max-width:100%;}
.details_page{ padding:20px; background:#fff;}
.details_page li{ padding:0 0 10px; line-height:20px;}

.am-pagination{padding-left:0;list-style:none;color:#999;text-align:left;}
.am-pagination:after,.am-pagination:before{content:" ";display:table}
.am-pagination:after{clear:both}
.am-pagination>li{display:inline-block}
.am-pagination>li>a,.am-pagination>li>span{position:relative;display:block;padding:.5em .8em;text-decoration:none;line-height:1.2;background-color:#fff;border:1px solid #ddd;border-radius:0;margin-bottom:5px;margin-right:0px; font-size: 12px;}
.am-pagination>li:last-child>a,.am-pagination>li:last-child>span{margin-right:0}
.am-pagination>li>a:focus,.am-pagination>li>a:hover,.am-pagination>li>span:focus,.am-pagination>li>span:hover{background-color:#eee}
.am-pagination>.am-active>a,.am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover,.am-pagination>.am-active>span,.am-pagination>.am-active>span:focus,.am-pagination>.am-active>span:hover{z-index:2;color:#fff;background-color:#0B6CB8;border-color:#0B6CB8;cursor:default}
.am-pagination>.am-disabled>a,.am-pagination>.am-disabled>a:focus,.am-pagination>.am-disabled>a:hover,.am-pagination>.am-disabled>span,.am-pagination>.am-disabled>span:focus,.am-pagination>.am-disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed;pointer-events:none}
.am-pagination .am-pagination-prev{ }
.am-pagination .am-pagination-prev a{border-radius:0}
.am-pagination .am-pagination-next{ }
.am-pagination .am-pagination-next a{border-radius:0}
.am-pagination-centered{text-align:center}
.am-pagination-right{text-align:right}

.picturebox{ width:100%;}
.picture_list{ margin-left:-10px; margin-right:-10px;}
.picture_list li{ width:285px; float:left; margin:0 10px 25px; display:inline; background:#fff;}
.picture_list li .kc_top{ width:100%; height:264px; overflow:hidden;}
.picture_list li .kc_top img{ width:100%; height:100%;}
.picture_list li h2{ padding:10px; font-size:16px; height:25px; line-height:25px; overflow:hidden;}
.picture_list li p{ padding:0 10px 10px;}
.picture_list li p i{ width:14px; height:14px; display:inline-block; margin:0 5px 0 0;}
.picture_list li p i img{ width:100%; vertical-align:middle;}
.picture_list li p span{ font-size:12px; color:#999;}

.opinionbox{ background:#fff; padding:30px 20px; position:relative;}
.opinionbox h2{ font-size:24px; margin:0 0 20px;}
.opinion_list li{ margin:0 0 30px;}
.opinion_list li .o_tit{ margin:0 0 10px;}
.opinion_list li .o_tit span{ color:#FF0000;}
.opinion_list li .q_list{}
.opinion_list li .q_list{}
.opinion_list li .radio{ vertical-align:top; margin:5px 5px 0 0;}
.opinion_list li i{ margin:0 30px 0 0;}
.opinion_list li .input{ width:780px; height:40px; line-height:40px; border:1px solid #ddd; padding:0 10px; outline:none;}
.opinion_list li .textarea{ width:780px; line-height:25px; padding:10px; height:200px; border:1px solid #ddd; outline:none;}
.opinionbox .button{ width:200px; height:50px; line-height:50px; border-radius:25px; border:none; outline:none; background:#0B6CB8; font-size:20px; text-align:center; color:#fff; cursor:pointer;}
.opinionbox .goutong{ position:absolute; right:30px; top:30px; background:#f5f5f5; padding:30px; text-align:center; line-height:24px;}
.opinionbox .goutong h3{ margin:0 0 10px; font-size:16px;}

.kecheng{ background:#fff; padding:30px 0 0 20px;}
.kecheng .kc_tit{ text-align:center; margin:0 0 40px;}
.kecheng .kc_tit li{ display:inline-block; font-size:20px; padding:0 15px;}
.kecheng .kc_tit li a{ display:inline-block;}
.kecheng .kc_tit li a span{ display:block; width:35px; height:3px; background:#fff; margin:10px auto 0;}
.kecheng .kc_tit li.hover span{ background:#0B6CB8;}
.kecheng .kc_tit li.hover a{ color:#0B6CB8;}
.kecheng .kc_con{}
.kecheng .kc_con li{ float:left; width:518px; margin:0 20px 40px 0; position:relative; padding:0 0 0 52px;}
.kecheng .kc_con li i{ position:absolute; left:0px; top:0px; width:32px; height:40px; display:block; line-height:40px; text-align:center; color:#fff; background:url(../images/icon02.png) no-repeat;}
.kecheng .kc_con li .kc_img{ width:224px; float:left; margin:0 20px 0 0;}
.kecheng .kc_con li .kc_img img{ width:100%;}
.kecheng .kc_con li h2{ font-size:18px; padding:5px 0 20px;}
.kecheng .kc_con li p{ line-height:30px; color:#858585;}
.kecheng .kc_con li p span{ color:#111;}
.kecheng .kc_con li p b{ width:14px; height:14px; display:inline-block; margin:0 10px 0 0;}
.kecheng .kc_con li p b img{ width:100%;}
.kecheng .kc_con li p strong{ font-size:18px; color:#FF934C; line-height:25px; margin:0 10px 0 0;}
.kecheng .kc_con li p img{ margin:7px 0 0;}
li.one i{background:url(../images/icon02_1.png) !important;}
li.two i{background:url(../images/icon02_2.png) !important;}
li.three i{background:url(../images/icon02_3.png) !important;}

.database_top{ width:100%; height:320px; background:url(../images/img04.jpg) top center no-repeat;}
.database_teb{border-radius: 10px;box-shadow:0 2px 26px rgba(0,0,0,0.07);background: #fff;position: relative;top:-80px;padding:28px 17px;}
.database_teb ul li{float: left;transition: .35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;width:106px;text-align: center; font-size:12px;}
.database_teb ul li:last-child{margin-right: 0;}
.database_teb ul li:hover .ttedu_tect{color: #f86049;}
.database_teb ul li:hover{transform: translate3d(0,-4px,0);}
.database_teb ul li a:hover{color:#f86049;}
.database_teb .t_img{width:36px;height:36px;margin: 0 auto 10px;}
.database_teb .t_img img{width: 100%;}
.list_feilei{width: 100%;padding: 20px;box-sizing: border-box;background: #fff;margin-bottom: 20px;padding-bottom: 15px;}
.list_feilei ul li{border-bottom: 1px solid #ebeeef;padding: 8px 0 8px 0;box-sizing: border-box;}
.list_feilei ul li:first-child{padding-top: 0;}
.list_feilei ul li:last-child{border-bottom: 0;padding-bottom: 0;}
.list_feilei ul li span{float: left;font-size: 14px;color: #666;width: 7%;text-align: left;line-height: 40px;}
.lstt_navs{float: left;width: 90%;}
.lstt_navs .ones{color:#f86049;}
.lstt_navs .wy{background: rgba(242,13,13,.06);color: #f86049;border-radius: 6px;font-weight: bold;}
.lstt_navs a{float: left;color: #666;margin-right:15px;padding:10px; transition:.15s;-moz-transition: .15s;-webkit-transition: .15s;-o-transition: .15s;margin-bottom: 6px;}
.lstt_navs a:hover{background: rgba(242,13,13,.06);color: #f86049;border-radius: 6px;}
.fl_con{width: 100%;}
.fl_tab{width: 100%;height: 50px;background: #fff;padding: 0 20px;box-sizing: border-box;margin-bottom: 20px;}
.fl_tab ul{width: 100%;}
.fl_tab ul li{float: left;margin-right: 40px;line-height: 48px;}
.fl_tab ul .xiangguan{float: right;margin-right: 10px;}
.fl_tab ul .xiangguan span{font-size: 12px;color: #333;}
.fl_tab ul .xiangguan span strong{font-weight: 500;color: #f86049;}
.fl_tab ul li a{font-size: 14px;color: #757575;transition:.15s;-moz-transition: .15s;-webkit-transition: .15s;-o-transition: .15s;}
.fl_tab ul li a:hover{color: #f86049;}
.fl_tab ul li .ons{color: #f86049;font-weight: bold;}
.fl_tab ul .ttedu_se{position:relative;}
.fl_tab ul .ttedu_se input{width: 200px;height: 28px;border: 1px solid #ccc;font-size: 12px;color: #757575;padding: 0 30px 0 12px;box-sizing: border-box;}
.fl_tab ul .ttedu_se i{display: inline-block;width: 16px;height: 16px;background: url(../images/sou.png) no-repeat;position:absolute;top:17px;right: 7px;cursor: pointer;}
.wklist_top{background: #fff;padding:37px 20px 13px 20px;}
.wklist_top ul li{border-bottom: 1px solid #e3e5e9;padding-bottom: 24px;margin-bottom: 24px;box-sizing: border-box;}
.wklist_top ul li:last-child{border-bottom: 0;margin-bottom: 0;}
.ttedu_imgs{float:left;width: 63px;height: 90px;position: relative;margin-right: 19px;}
.ttedu_imgs a{display: block;}
.ttedu_imgs a img{width: 100%;height: 100%;}
.ttedu_imgs i{position: absolute;bottom: 2px;right: 1px;width: 14px;height: 16px;}
.ttedu_imgs i img{width: 100%;height: 100%;}
.ttedu_test{float:left;width: 580px;padding-top: 5px;box-sizing: border-box;margin-right: 20px;}
.ttedu_test .test_title{display: block;font-size: 14px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 10px;}
.ttedu_test .test_title:hover{color: #f86049;}
.ttedu_test p{font-size: 12px;color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 10px;}
.xz_but .xz_money{font-size: 16px;color: #ed7435;margin-right: 40px;}
.xz_but .xz_mianfei{font-size: 16px;color: #72b75a;margin-right: 40px;}
.xz_but a{font-size: 12px;color: #999;}
.xz_but a span{color: #ff5139;padding-left: 5px;box-sizing: border-box;}
.xz_but a i{display: inline-block;width: 14px;height:14px;background: url(../images/xiazai.png) no-repeat;margin:5px 5px 0 0;vertical-align:top;}
.xz_but a:hover{color: #f86049;}
.xz_but .tt_liulan{font-size: 12px;color: #999;margin-left: 20px;}
.xz_but .tt_liulan strong{color: #ff5139;padding-left: 5px; font-weight:normal;}
.xz_but .tt_liulan i{background: url(../images/liulan.png) no-repeat;display: inline-block;width: 14px;height:14px;margin:6px 5px 0 0;vertical-align:top;}
.xz_but .shijian{margin-left: 20px;margin-right: 30px;}
.xz_but .shijian i{display: inline-block;width:14px;height:14px;background: url(../images/shijian.png) no-repeat;margin:6px 5px 0 0;vertical-align:top;}
.xz_but .shijian strong{font-size: 12px;color: #999; font-weight:normal;}
.xz_but .xz_tx{font-size: 12px;color: #666;}
.ttedu_xz{float:right;width: 125px;text-align: center;padding-top: 10px;box-sizing: border-box;}
.ttedu_xz>span{font-size: 12px;display: block;color: #666;margin-bottom: 10px;}
.ttedu_xz>span strong{font-weight: 500;}
.ttedu_xz a{width: 118px;height: 34px;border: 1px solid #f86049;border-radius: 3px;text-align: center;line-height: 34px;font-size: 12px;color: #f86049;display: block;margin: 0 auto;
transition: .15s;-moz-transition: .15s;-webkit-transition: .15s;-o-transition: .15s;}
.ttedu_xz a:hover{background: #f86049;color: #fff;}

.ttedu_ziliao{width: 100%;}
.ttedu_zlleft{width: 880px;float: left;margin-right:30px;}
.ttedu_zltitle{font-size: 18px;color: #333;border-left: 4px solid #f86049;padding-left: 15px;margin: 0 0 22px 0;}
.ttedu_zltop{margin-bottom: 20px;background: #fff;padding-top: 22px;}
.ttedu_coner{padding:0 20px 10px;box-sizing: border-box;}
.ttedu_coner ul li{float: left;margin-right: 54px;margin-bottom: 24px;}
.ttedu_coner ul li:nth-child(2n){margin-right: 0;}
.zl_left{float: left;width: 63px;height: 90px;margin-right: 13px;position: relative;}
.zl_left img{width: 100%;height: 100%;}
.zl_left i{display: inline-block;width: 14px;height: 16px;position: absolute;bottom: 2px;right: 1px;}
.zl_left i img{width: 100%;height: 100%;}
.zlright{float: left;width: 312px;}
.zlright>a{font-size: 14px;color: #333;display: block;margin-bottom: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.zlright>a:hover{color: #f86049;}
.zlright p{font-size: 12px;color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 18px;}
.zl_geren span{font-size: 12px;color: #666;}
.zl_geren>i{display: inline-block;width: 1px;height: 14px;background: #e8e8e8;margin: 0 5px;vertical-align: middle;}
.zl_geren a{font-size: 12px;color: #999;}
.zl_geren a span{color: #ff5139;padding-left: 5px;box-sizing: border-box;}
.zl_geren a i{display: inline-block;width: 14px;height:14px;background: url(../images/xiazai.png) no-repeat;margin:4px 5px 0 0;vertical-align:top;}
.zl_geren a:hover{color: #f86049;}
.zl_geren .tt_liulan{font-size: 12px;color: #999;margin-left: 10px;}
.zl_geren .tt_liulan strong{color:#ff5139;padding-left:5px; font-weight:normal;}
.zl_geren .tt_liulan i{background: url(../images/liulan.png) no-repeat;display: inline-block;width: 14px;height:14px; margin:4px 5px 0 0;vertical-align:top;}
.zl_jiage{color: #fe6a1a;}
.zlrights p{margin-bottom: 10px;}
.ttedu_zlright{width:290px;background: #fff;float: left;padding-top: 22px;}
.zllist{padding: 0 20px;b}
.zllist ul li{margin-bottom:24px;}
.zl_img{float: left;width: 63px;height: 90px;position: relative;margin-right: 10px;}
.zl_img img{width: 100%;height: 100%;}
.zl_img i{display: inline-block;width: 14px;height: 16px;position: absolute;bottom: 2px;right: 1px;}
.zl_text{float: left;width: 167px;padding-top: 5px;}
.zl_text a{display: block;font-size: 14px;color: #333;margin-bottom: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.zl_text a:hover{color: #f86049;}
.zl_text span{font-size: 12px;color: #666;}
.zl_text span i{display: inline-block;width: 20px;height: 20px;border-radius: 50%;margin-right: 4px;}
.zl_text span i img{width: 100%;height: 100%;border-radius: 50%;vertical-align: middle;}
.ziliao_tu{ margin:30px 0;}
.ziliao_tu ul{ margin-left:-13px; margin-right:-13px;}
.ziliao_tu ul li{ width:280px; float:left; margin:0 13px; display:inline;}
.ziliao_tu ul li img{ width:100%;}

.database_biaoti{background: #fff;position:relative;padding: 32px 20px; margin:0 0 20px;}
.database_biaoti h2{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 10px;}
.database_biaoti h2 i{display: inline-block;width: 21px;height: 23px; margin:0 10px 0 0;}
.database_biaoti h2 i img{width: 100%;margin:8px 0 0;}
.database_jia{padding-left: 30px;box-sizing: border-box;}
.database_jia .tt_money{font-size: 16px;color: #ed7435;margin-right: 35px;}
.database_jia a{font-size: 12px;color: #999;}
.database_jia a span{color: #ff5139;padding-left: 5px;box-sizing: border-box;}
.database_jia a i{display: inline-block;width: 14px;height:14px;background: url(../images/xiazai.png) no-repeat;margin:6px 5px 0 0;vertical-align:top;}
.database_jia a:hover{color: #f86049;}
.database_jia .tt_liulan{font-size: 12px;color: #999;margin-left: 20px;}
.database_jia .tt_liulan strong{color: #ff5139;padding-left: 5px;box-sizing: border-box;font-weight: 500;}
.database_jia .tt_liulan i{background: url(../images/liulan.png) no-repeat;display: inline-block;width: 14px;height:14px;margin:6px 5px 0 0;vertical-align:top;}
.database_jia .shijian{margin-left: 25px;}
.database_jia .shijian i{display: inline-block;width:14px;height:14px;background: url(../images/shijian.png) no-repeat;margin:6px 5px 0 0;vertical-align:top;}
.database_jia .shijian strong{font-size: 12px;color: #999;font-weight: 500;}
.ttedu_wktext{width: 100%;}
.ttedu_wkleft{float:left;width: 880px;margin-right: 20px;}
.database_details{width: 100%;background: #fff;padding: 45px;box-sizing: border-box;margin-bottom: 20px; min-height:840px;line-height: 25px;}
.database_details img{ max-width:100%;}
.wz_gmai{width: 100%;background: #fff;height: 50px;}
.wz_left{float: left;width: 720px;line-height: 50px;padding: 0 40px 0 20px;box-sizing: border-box;}
.wzs{float:left;}
.wzzan{font-size: 14px;color: #666;margin-right: 40px;}
.wzzan:hover{color:#f86049;}
.wzzan i{display: inline-block;width: 15px;height: 14px;background: url(../images/wzzan.png) no-repeat;margin-right: 5px;vertical-align: -1px;}
.wzzan:hover i{background: url(../images/wzzan1.png) no-repeat;}
.wzsc{font-size: 14px;color:#666;}
.wzsc:hover{color: #f86049;}
.wzsc i{display: inline-block;width: 14px;height: 14px;background: url(../images/wzsc1.png) no-repeat;margin-right: 5px;vertical-align: -1px;}
.wzsc:hover i{background: url(../images/wzsc.png) no-repeat;}
.wzsc.active{color: #f86049;}
.wzsc.active i{background: url(../images/wzsc.png) no-repeat;}
.wz_jiage{float:right;}
.wz_jiage span{font-size: 14px;color: #f86049;}
.wz_right{float: right;width: 160px;height: 50px;}
.wz_right a{width: 160px;height: 50px;background: #f86049;text-align: center;line-height: 50px;font-size: 14px;color: #fff;display: block;}
.wz_right a:hover{opacity: 0.8;}
.ttedu_wkright{float:right;width:290px;}
.jingpin{background: #fff;padding-top: 22px;box-sizing: border-box;margin-top: 20px;padding-bottom: 1px;}

.laoshi{width: 100%;background: #fff;padding: 32px 20px 24px 20px;box-sizing: border-box;margin-bottom: 10px;}
.ls_left{float: left;width: 60px;height: 60px;margin-right: 15px;}
.ls_left a img{width: 100%;height: 100%;}
.ls_right{float: left;width:67%;}
.ls_right .name{margin-bottom: 8px;}
.ls_right .name .xingm{font-size: 16px;color: #212121;transition:.15s;-moz-transition: .15s;-webkit-transition: .15s;-o-transition: .15s;}
.ls_right .name .xingm:hover{color: #f86049;}
.ls_right .name .sixin{display: inline-block;font-size: 12px;color: #fff;padding: 2px 9px;box-sizing: border-box;border-radius: 2px;background: #d1d5d7;margin-left: 7px;
    transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;vertical-align: 1px;}
.ls_right .name .sixin:hover{background: #f86049;}
.bq .lsul{font-size: 14px;color: #666;padding: 2px 14px;border-radius: 25px;box-sizing: border-box;background: #f5f7fb;float: left;}
.hp{width: 100%;margin: 24px auto;}
.hp ul li{float: left;width: 33.3%;position: relative;}
.hp ul li:before{content: '';width: 1px;height: 40px;background: #eef0f3;position: absolute;top: 0;left: 0;}
.hp ul li:first-child:before{display: none;}
.hp ul li .num{font-size: 20px;color: #f86049;text-align: center;}
.hp ul li .text{font-size: 14px;color: #666;text-align: center;}
.jinru a{display: inline-block;width:109px;height: 36px;border: 1px solid #e7eaeb;border-radius: 3px;font-size: 14px;color: #999;text-align: center;line-height: 36px;
    transition:.15s;-moz-transition: .15s;-webkit-transition: .15s;-o-transition: .15s;}
.jinru a i{display: inline-block;transition:.15s;-moz-transition: .15s;-webkit-transition: .15s;-o-transition: .15s;margin-right: 6px;}
.jinru a:hover{color: #f86049;border-color: #f86049;}
.jinru .jrzy{margin-right: 12px;}
.jinru .jrzy i{width: 17px;height: 16px;background: url(../images/zhuye.png) no-repeat;vertical-align: -2px;}
.jinru .jrzy:hover i{background: url(../images/zhuye1.png) no-repeat;}
.jinru .gz i{width: 19px;height: 16px;background: url(../images/gaunzhu.png) no-repeat;vertical-align: -4px;}
.jinru .gz:hover i{background: url(../images/gaunzhu1.png) no-repeat;}
.jinru .gzs i{background: url(../images/gaunzhu1.png) no-repeat}


.curriculum_top{ padding:30px 20px; background:#fff; border-radius: 10px; display: inline-block; width: 100%; box-sizing: border-box;}
.curriculum_tit{ margin:0 0 15px;}
.curriculum_tit h2{ font-size:20px; float:left;}
.curriculum_tit .kc_jb{ float:right; color:#fff; cursor: pointer; background-color: #0B6BB7; border-radius: 5px; padding: 5px 10px;}
.curriculum_tit .kc_jb span{ color:#fff; display: inline-block; vertical-align: middle;}
.curriculum_tit .kc_jb i{ display: inline-block; vertical-align: middle; width: 22px; height: 22px;   }
.curriculum_tit .kc_jb i.icon-iconfonti2-copy{ width: 16px; height: 16px; display: inline-block; transition: transform 0.1s ease-in-out; vertical-align: middle; font-size: 14px;}
.curriculum_tit .kc_jb.cshow i.icon-iconfonti2-copy{  transition: transform 0.1s ease-in-out;transform-origin: 50% 50%; transform: rotate(90deg);}
 


.curriculum_style{ margin:0 0 20px; position: relative; overflow: hidden; }
.tc_video{ width:100%; position:relative; overflow: hidden; }
.tc_video video{width:100%; }
.tc_video img{ width:100%;}
.play-btn{ position:absolute; width:96px; height:96px; cursor:pointer; left:50%; top:50%; margin-left:-48px; margin-top:-48px; background:url(../images/icon05.png) no-repeat;}
.video_list{ width:290px; height:490px; position: absolute; top: 0px; right: -290px; background:rgba(0,0,0,0.8); overflow-y: scroll; overflow-x: hidden; transition: all 0.25s linear 0s;}
 
.video_list.cshow{right: 0px; transition: all 0.25s linear 0s;}

.video_list ul{padding: 0;}
.video_list li{ padding:10px 20px; line-height:180%; font-size:16px; color: #ddd}
.video_list li a{color: #ddd}
.video_list li span{ float:right;font-family:'fangsong';}
.video_list li.hover{ background:#0B6CB8;}
.video_list li.hover a{ color:#fff;}
.curriculum_rs .cu_jia{ float:left;}
.curriculum_rs .cu_jia p{ display:inline-block; margin:0 30px 0 0;}
.curriculum_rs .cu_jia p i{ display:inline-block; margin:0 10px;}
.curriculum_rs .cu_jia p span{ color:#111;}
.curriculum_rs .cu_jia p b{ width:14px; height:14px; display:inline-block; margin:0 10px 0 0;}
.curriculum_rs .cu_jia p b img{ width:100%;}
.curriculum_rs .cu_jia p strong{ font-size:18px; color:#FF934C; line-height:25px; margin:0 10px 0 0;}
.curriculum_rs .cu_jia p img{ margin:4px 0 0;}
.cu_share{ float:right; line-height:25px;}
.cu_share .sc{ float:left; margin:0 30px 0 0;}
.cu_share .sc i{ width:18px; height:18px; display:inline-block; background:url(../images/shoucang.png) no-repeat; vertical-align:top; margin:2px 5px 0 0;}
.cu_share .sc:hover i, .cu_share .sc.hover i{ background:url(../images/shoucang1.png) no-repeat;}
.cu_share .sc:hover, .cu_share .sc.hover{color:#f86049;}
.cu_share .fx{ float:right;}
.cu_share .fx i{ width:18px; height:18px; display:inline-block; background:url(../images/fenxiang.png) no-repeat; vertical-align:top; margin:2px 5px 0 0;}
.fx_list{ display:inline-block;}
.fx_list a{ display:inline-block; width:25px; height:25px; margin:0 0 0 10px;}

.curriculum_con{ width:70%; float:left;   margin:30px 0 0;}
.c_tab{ border-bottom:1px solid #DDDDDD;}

.c_tab h2 {
    font-size: 18px;
    line-height: 56px;
    padding-left: 5px; padding-top: 10px; font-weight: bold;
}

.c_tab li{ float:left; padding:27px 0px 0; font-size:16px;}
.c_tab li a{ display:block; height:42px; position:relative;}
.c_tab li.activ a{ color:#0B6CB8;}
.c_tab li a b{ position:absolute; bottom:0px; left:0; width:100%; height:4px; background:#fff; display:block; margin:0;}
.c_tab li.activ a b{ background:#0B6CB8;}
.c_tab li a span{ position:absolute; top:-7px; font-size:12px; color:#999;}
.curriculum_con .c_tab li{ padding:16px 25px 0;}
.kc_tabcon{ padding: 20px 0;} 
.kc_tabcon>div{  }
.kc_one h3{ height:50px; line-height:50px; padding:0 20px; background:#f5f5f5; margin:0 0 20px; font-size:16px;}
.kc_team{  margin:0 0 20px;} 
.kc_team li{ float:left; width: 28%; margin: 15px;}
.kc_team li h4{ font-size: 16px; line-height: 160%;}
.kc_team li .t_img{ width:80px; float:left; margin:0 8px 0 0;}
.kc_team li .t_img img{ width: 100%;}
.kc_team li p{ font-size:12px; line-height:180%; color:#666;}
.kc_text{ line-height:30px;}
.kc_text h3{ font-size:16px; margin:0 0 10px;}
.kc_jie{ line-height:30px; color:#666;}
.kclb{ margin-bottom: 20px;}
.kclb h4{font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 20px;}
.kclb h4 a{font-size: 16px;color: #212121;}
.kclb ul li{width: 100%;height: 50px;background: #f5f7fb;line-height: 50px;padding: 0 14px;box-sizing: border-box;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 12px;
    border-radius: 3px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.kclb ul li:hover{background-color: #ebeef5;}
.kclb ul li:hover .kc_title{color: #0B6CB8;}
.kclb ul li:hover .xuexi{display: block;}
.kclb ul li:hover .kc_title i{background: url(../images/bf1.png) no-repeat;background-size: 100% 100%;}
.kclb ul li .kc_title{float:left;font-size: 14px;color:#212121;display: inline-block;width: 85%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:.1s;-moz-transition: .1s;-webkit-transition: .1s;-o-transition: .1s;}
.kclb ul li .xuexi{float: right;border-radius: 25px;font-size: 12px;color: #fff;background:#0B6CB8;width: 74px;height: 24px;text-align: center; line-height: 24px;margin-top: 13px;display: none;transition:.15s;-moz-transition: .15s;-webkit-transition: .15s;-o-transition: .15s;display: none;}
.kclb ul li .xuexi:hover{opacity: 0.8;}
.kclb ul li .kc_title i{display: inline-block;width: 20px;height: 20px;margin-right: 14px;background: url(../images/bf.png) no-repeat;background-size: 100% 100%;vertical-align: -5px;}
.kc_tw{width: 100%;margin-bottom: 15px; display:none;}
.kc_tw textarea{width: 100%;height: 130px;border: 1px solid #ccc;resize: none; outline:none;padding:15px;margin-bottom: 20px; line-height:25px; box-sizing:border-box;}
.kc_tw button{color: #fff;border-radius: 3px;background: #0B6CB8;border: 0;outline: none;width:120px;height: 36px;text-align: center;line-height: 36px;transition: .2s;-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;}
.kc_tw button:hover{opacity: 0.8;}

.curriculum_right{ width:28%; float:right;}
.c_box01{ background:#fff; margin:30px 0 0; border-radius: 10px; padding: 0px 20px;}
.c_news{ padding:10px 20px;}
.c_news li{ height:36px; line-height:36px; list-style: disc; overflow: hidden;}
.c_news li span{ float:right; color:#999;}
.ziyuan_list{ padding:20px;}
.ziyuan_list p{ margin:0 0 1px;}
.ziyuan_list p a{ display:block; padding:0 20px; background:#f5f5f5; height:50px; line-height:50px; overflow:hidden;}
.ziyuan_list p a span{ float:right; color:#999;}
.ziyuan_list p a:hover{ background:#0B6CB8; color:#fff;}

.kc_notes{ margin:0 0 20px;}
.kc_notes a{cursor: pointer; border-radius: 2px; border: 1px solid #e7e7e7; background: #f5f5f5; padding: 0 6px; margin: 0 12px 7px 0; display: block; float: left; color: #666; font-size: 12px; white-space: nowrap; height: 21px; line-height: 21px;}
.kc_notes a.activ{background:#0B6CB8; color:#fff; border:1px solid #0B6CB8;}
.kc_notes a:hover{ color:#0B6CB8;}
.notesbox{ padding:15px 0 15px 70px; position:relative; border-top:1px solid #eee;}
.notesbox .n_img{ position:absolute; left:0px; top:15px; width:50px; height:50px;}
.notesbox .n_img img{ width:100%; height:100%;}
.notesbox .n_con{}
.notesbox .n_con h5{ margin:0 0 10px;}
.notesbox .n_con h5 a{ color:#0B6CB8; float:left;}
.notesbox .n_con h5 span{ float:right; font-size:12px; color:#888;}
.notesbox .n_con .t{ line-height:22px; margin:0 0 10px;}

.notes_time{}
.notes_time .shijian{ float:left; color:#888; font-size:12px; padding-top: 5px;}
.notes_time .dianzan{ float:left; color:#888; font-size:12px; padding-left: 15px; padding-top: 5px;}
.notes_time .dianzan b{ font-weight: normal;}
.notes_time ul{ float:right; font-size:12px;}
.notes_time ul li{ float:left; border:none; padding:0;}
.notes_time ul li a{ display:block; margin:0 10px;}
.notes_time ul li a i{ width:15px; height:15px; display:inline-block; margin:2px 5px 0 0; vertical-align:top;}
.notes_time ul li .tt_liulan{ cursor: pointer;}
.notes_time ul li .tt_liulan i{background: url(../images/liulan.png) no-repeat;}
.notes_time ul li .tt_dianzan i{background: url(../images/wzzan.png) no-repeat;}
.notes_time ul li .tt_pinglun i{background: url(../images/pinglun.png) no-repeat;}
.notes_time ul li .tt_shoucang i{background: url(../images/wzsc1.png) no-repeat;}
.notes_time ul li a{ color:#888;}
.notes_time ul li a:hover{color:#f86049; cursor:pointer;}
.notes_time ul li a.tt_liulan:hover{color:#888; cursor:text;}
.notes_time ul li strong{ font-weight:normal;}
.notes_time ul li .tt_dianzan:hover i, .notes_time ul li .tt_dianzan.link i{background: url(../images/wzzan1.png) no-repeat;}
.notes_time ul li .tt_shoucang:hover i, .notes_time ul li .tt_shoucang.link i{background: url(../images/wzsc.png) no-repeat;}
.notes_time ul li .tt_dianzan.link{color:#f86049;}
.notes_time ul li .tt_shoucang.link{color:#f86049;}
 
.notes_time ul li .reply{background-image: linear-gradient(45deg, #00D9A3, #00D9A3);
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px; }
.notes_time ul li .reply:hover{ color: #fff;}
.notes_time ul li .reply i{color: #fff; font-size: 12px; vertical-align: text-bottom;}
.reply_box{padding-left: 60px;}
.reply_box .reply_more{ font-size: 12px; color: #666px;}


.notes_time ul li .del{background-image: linear-gradient(45deg, #dc3545, #dc3545);
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px; }
.notes_time ul li .del:hover{ color: #fff;}
.notes_time ul li .del i{color: #fff; font-size: 16px;  line-height: 18px;}



.comment-post-box{ display: inline-block; width: 100%;}
.discuss_txt{ margin:0 0 15px; line-height:22px;}
.discuss_txt h6{ font-size:16px; margin:0 0 10px;}

.discuss_list{ display: inline-block; padding: 10px 0 10px 0; width: 100%; border-bottom:1px solid #eee;}
.discuss_list li{  padding:15px 0; }
.discuss_list li .d_cb{ margin:0 0 10px;}
.discuss_list li .d_cb .j-userimg{ display:block; width:50px; height:50px; float:left; margin:0 15px 0 0;}
.discuss_list li .d_cb .j-userimg img{ width:100%; height:100%; border-radius: 100%;}
.discuss_list li .d_cb .j-userLink{ color:#0B6CB8; float:left; margin:10px 0 0;}
.discuss_list li .d_cb .panel{ float:right; color:#888; margin:10px 0 0;}
.discuss_list .d_txt{ margin:0 0 15px; line-height:22px;}

.discuss_list li.reply{ }
.discuss_list li.reply .d_cb .j-userimg{ width:25px; height:25px; }
.discuss_list li.reply .d_cb .j-userimg img{ vertical-align: middle;}
.discuss_list li.reply .d_cb .j-userLink{ margin:0;}

.discuss_more_btn{ text-align: center; padding: 20px 0;}
.discuss_more_btn a{}

#page_loading{text-align: center; padding: 20px 0;}

.course-dt{ background: #fff; border-radius: 10px; padding:10px 25px; margin-bottom: 25px;}
.course-dt h1{ display:inline-block; width: 100%; border-bottom: #ddd solid 1px;}
.course-dt h1 b{ font-size: 18px; line-height:56px; padding-left: 5px;}
.course-dt .c_tab{ float: right; border-bottom: none;}

.course-dt .c_txt{ padding: 20px 0; font-size: 16px; line-height: 180%;}
.course-dt .c_team{ padding: 20px 0; }

.course-dt .c_experiment{ padding: 20px 0; }
.course-dt .c_experiment li{ position: relative; background-color: #f7f7f7; padding: 20px; margin-bottom: 20px; list-style: none; margin-bottom: 20px;}
.course-dt .c_experiment li i{ width: 5px; height: 22px; background-color: #00B285; position: absolute; left: 0px; top: 25px;}
.course-dt .c_experiment li .etitle{ font-size: 18px; color: #525252; line-height: 180%; width: 80%;}
.course-dt .c_experiment li .enote{font-size: 14px; color: #777777; line-height: 180%; width: 80%; padding-top:15px;}
.course-dt .c_experiment li .submit_report{background-image: linear-gradient(45deg, #00D9A3, #00D9A3); color: #fff; display: inline-block; padding: 10px 30px; border-radius: 5px; margin-top: 20px; position: absolute; right: 20px; top: 2px;}

.course_econtent{ max-width: 800px; width: 800px; height: 500px; overflow-y: scroll; min-height: 500px; font-size: 14px; line-height: 180%; padding-right: 20px; }

.course_econtent h2{ font-size: 22px; line-height: 200%; border-bottom: #ddd solid 1px; padding: 5px 0;}
.course_econtent .txt{ padding: 10px 0;}
.course_econtent .txt p{ line-height: 180%; text-indent: 2em; font-size: 14px; color: #777777;}


.course-dt .c_report{ padding: 20px 0; }
.course-dt .c_report li{ position: relative; background-color: #f7f7f7; padding: 20px; margin-bottom: 20px; list-style: none; margin-bottom: 20px;}
.course-dt .c_report li i{ width: 5px; height: 22px; background-color: #00B285; position: absolute; left: 0px; top: 25px;}
.course-dt .c_report li .etitle{ font-size: 18px; color: #525252; line-height: 180%; width: 80%;}
.course-dt .c_report li .enote{font-size: 14px; color: #777777; line-height: 180%; width: 80%; padding-top:15px;}
.course-dt .c_report li .report_list{} 
.course-dt .c_report li .report_list .re{ background-color: #fff; margin-top: 10px; padding:10px;}
.course-dt .c_report li .report_list .re b{ font-weight: normal;}
.course-dt .c_report li .report_list .re span{ float: right;}
.course-dt .c_report li .report_list .re span img{width: 22px; vertical-align: middle;}


.course_achievement_list{ width:100%;}
.course_achievement_list ul{ }
.course_achievement_list li{ float:left; width:100%; margin:20px 0 0px 0; display:inline; position: relative;}
.course_achievement_list li .kc_top{ width:100%; height: 210px; border-radius: 5px; background-size: cover; overflow: hidden;}
.course_achievement_list li .kc_top img{ width:100%; }
.course_achievement_list li .kc_tit{ padding: 10px 5px;}  
.course_achievement_list li h2{ font-size:16px; line-height:25px; height:25px; overflow:hidden; margin:0 0 10px;}

.course_achievement_list li .cate{ position: absolute; top: 10px; left: 10px; padding: 0px 20px; height: 35px; line-height: 35px; background:rgba(227,177,122,0.8); color: #fff; text-align: center; border-radius: 5px;}
.course_achievement_list li .cate.cate_704{background:rgba(227,177,122,0.8);}
.course_achievement_list li .cate.cate_705{background:rgba(12,110,185,0.8);}
.course_achievement_list li .cate.cate_706{background:rgba(133,0,179,0.8);}
.course_achievement_list li .cate.cate_707{background:rgba(1,178,134,0.8);}

.course_schedule{}
.course_schedule b{ font-weight: normal;}
.course_schedule b img{ vertical-align: middle; padding-right: 5px;}
.course_schedule .course_progress_box{ display: inline-block; width: 180px; padding-left: 5px;}

.course_video_info{ background-color: #fff; border-radius: 10px; padding: 10px 20px;}
.course_video_info .c_tab{  }
.course_video_info .c_tab li{ font-size: 18px;}

.comment-btn{background-image: linear-gradient(45deg, #59B1B2, #0B6DB8); color: #fff; display: inline-block; padding: 8px 40px; border-radius: 5px; margin-top: 10px; margin-top: 20px; border:none; float: right;}

.width_16{ width: 16px;}


.login-box{padding: 35px 30px; background:#fff url("../images/team_box_bg.png") right top no-repeat; border-radius: 10px; margin-bottom:50px; min-height: 400px;}
.login-box h1{ font-size: 22px;}
.login-form{ width: 40%; margin: 80px auto;}
.login-form .form-group{display: flex; padding: 10px 0;}
.login-form .form-group label{ width: 26%; line-height: 38px; text-align: right;}
.login-form .submit-btn{  margin-top: 10px; width: 85%; float: right;}
.login-form .submit-btn .btn{background-image: linear-gradient(45deg, #59B1B2, #0B6DB8); height: 45px; border:none;}

.article_content{ min-height: 500px; padding: 30px;}
.article_content p{ font-size: 18px; line-height: 180%;}
.article_content img{ max-width: 100%; height: auto !important;}


@media screen and (max-width: 991px) {
.w1200{ padding:0; width:100%;}

#header .navbox{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1001;background:#fff;padding:20px;transform: translateX(100%);transition: 0.4s; box-sizing:border-box;}
#header .navbox.nav-show{transition: 0.4s;transform: translateX(0);}
#header .hd-bar{display: none;}
#header .hd-nav{height: 100%;padding-top:40px;position: relative;}
#header .hd-nav .nav-close{display: block;width: 30px;height: 30px;background: url(../images/close.png);background-size: 100% 100%;top: 0;right: 0;position: absolute;}
#header .hd-nav ul{height: 100%;overflow-y: auto;}
#header .hd-nav ul li{ float: none; border-bottom: 1px solid #eee; width:100%;}
#header .hd-nav ul li .nav-item{ position: relative;}
#header .hd-nav ul li .nav-item a{ padding:0; height:50px; line-height:50px; display:block; color:#172236; border:none; margin:0;}
#header .hd-nav ul li .nav-item a:hover,
#header .hd-nav ul li.on .nav-item a{ border:none;}
#header .hd-nav ul li.on .nav-item a,
#header .hd-nav ul li .nav-item a:hover{ border:none;}
#header .hd-nav ul li .dropdown{ display:block !important; position:static;}
#header .hd-nav ul li .dropdown::before{ display: none;}
#header .hd-nav ul li .dropdown a{ background:#fff; color:#687284;}
#header .nav-btn{ position:absolute; right:15px; top:25px; display: block;width:30px;height:30px;background: url(../images/menu.png);background-size: 100% 100%; z-index:3;}



.header_top{ display:none;}
.search{ display:none;}
.logo{ margin:10px; display:inline;}
.banner_box{ height:200px;}
#banner .img{ height:200px; background-size:cover !important;}
.bignav{ display:none;}
.index_box01{ padding:0;}
.index_news{ width:100%; float:none;}
.box01_right{ display:none;}
.index_box02{ padding:10px 0;}
.index_title{ padding:0 20px; margin:0 0 15px;}
.index_curriculum ul{ margin:0 15px;}
.index_curriculum ul li{ margin:0 0 15px; width:50%; padding:0 5px; box-sizing:border-box;}
.box02_tab{ right:20px;}
.index_box03{ padding:20px 0;}
.index_teacher{ padding:0 15px;}
.public-prev{ left:0px;}
.public-next{ right:0px;}
.product_con{ margin:0 5px}
.index_box04{ padding:20px 0;}
.index_picture{ margin:0 15px;}
.index_picture li{ margin:0}
.index_picture li.p_one{ width:100%;}
.box01_tit{ margin:0 0 15px;}
.list-h1 li{ width:100%; margin:0 0 20px; padding:0 20px; box-sizing:border-box;}
.list-h1 li .n_text{ width:auto; float:none;}
.index_picture li.p_two{ width:100%;}
.index_picture li.p_two p{ width:50%; margin:0;}
.index_links{ padding:20px 0 5px;}
.link_list{ margin:0; padding:0 20px;}
.link_list .link{ width:100%; margin:0 0 15px; box-sizing:border-box;}
.aside-bar{ display:none;}
.footerbox{ padding:20px;}
.main_content{ padding:20px 0;}
.breadcrumb{ padding:0 20px; box-sizing:border-box;}
.news_left{ width:100%;}
.news_right{ display:none;}
.am-pagination{ padding:0 20px;}
.curriculum_top{ padding:15px 20px;}
.curriculum_tit h2{ float:none; margin:0 0 10px;}
.curriculum_tit .kc_jb{ float:none;}
.tc_video{ width:100%; float:none;}
.video_list{ width:100%; height:auto; float:none;}
.video_list li{ line-height:25px;}
.curriculum_rs .cu_jia{ float:none;}
.cu_share{ float:none;}
.cu_share .sc{ float:none;}
.cu_share .fx{ float:none;}
.curriculum_con{ width:100%; float:none; margin:20px 0 0;}
.curriculum_right{ width:100%; float:none;}
.c_box01{ margin:20px 0 0;}
.database_top{ height:100px; background-size:cover !important;}
.database_teb{ position:static; margin:0 0 20px; padding:10px; border-radius:0;}
.database_teb ul li{ width:33.33%; margin:0 0 15px;}
.database_biaoti{ padding:20px;}
.database_jia{ padding:0;}
.ttedu_wkleft{ float:none; width:100%; margin:0 0 20px;}
.database_details{ padding:20px; min-height:auto;}
.wz_left{ width:100%; float:none; padding:0 20px; box-sizing:border-box;}
.wz_gmai{ height:auto;}
.wz_right{ width:100%; float:none;}
.wz_right a{ width:100%;}
.ttedu_wkright{ width:100%;}
.picture_list{ margin:0 15px;}
.picture_list li{ width:48%; margin:0 1% 15px;}
.picture_list li .kc_top{ height:auto;}
.opinionbox{ padding:20px;}
.opinionbox .goutong{ position:static; margin:20px 0 0;}
.opinion_list li .input{ width:100%; box-sizing:border-box;}
.opinion_list li .textarea{ width:100%; box-sizing:border-box;}
.opinion_list li{ margin:0 0 20px;}
.kecheng{ padding:20px;}
.kecheng .kc_tit{ margin:0 0 20px;}
.kecheng .kc_con li{ width:100%; float:left; margin:0 0 20px; box-sizing:border-box; padding:0 0 0 37px;}
.kecheng .kc_con li .kc_img{ width:100%; float:none; margin:0 0 15px;}
.kecheng .kc_con li h2{ padding:0 0 10px;}



}
@media screen and (max-width: 768px) {
.logo{ width:320px;}
#header .nav-btn{ top:15px;}
}