body{font-size: 14px;font-family:"Source Han Sans", "source-han-sans-simplified-c",Arial,"Microsoft YaHei","微软雅黑","宋体",STHeiti,SimSun,"sans-serif";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing: antialiased;}
*{padding: 0;margin: 0;}
a{text-decoration: none;color: #1e272e;}
a:hover{text-decoration: none;color: #267bfb;}
/* 安卓浏览器去除点击黄色框 */
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/*声明元素为块级*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/*内嵌元素弹性布局*/
video,embed,object,iframe {width: 100%;height: auto;}

/*video标签禁止下载 全屏按钮*/
video::-internal-media-controls-download-button{display:none!important;}
video::-webkit-media-controls-enclosure{overflow:hidden!important;}
video::-webkit-media-controls-panel{width: calc(100% + 30px)!important;}
video::-webkit-media-controls-fullscreen-button {display: none!important;}

/*顶部*/
.top{width: 100%;height: 34px;background: #267bfb;overflow: hidden;box-sizing: border-box;}
.top .con{width: 1200px;margin: 0px auto;font-size: 14px;line-height: 34px;color: #FFF;}
.top .con p{float: left;}
.top .con ul{float: right;}
.top .con ul li:nth-child(1){background: url(../images/top_2.png) no-repeat 0px 5px;background-size: 24px;padding-left: 24px;}
.top .con ul li:nth-child(1) a{color: #FFF;}
.top .con ul li:nth-child(1) a:hover{text-decoration: underline;}
/*头部导航*/
.head{width: 1200px;margin: 0 auto;overflow: hidden;box-sizing: border-box;}
.head .shang{float: left;width: 100%;height:120px;margin:24px 0 6px 0}
.head .shang .logo{float: left;}
.head .shang .logo img{float: left;width:auto;height:100px;}
.head .shang .nav_zs{float:right;width:200px;height:113px;margin:0 40px 0 0}
.head .nav{float: left;margin-top:5px;height: 40px;}
.head .nav a{float: left;font-size: 18px;height: auto;line-height: 1.4;color: #FFF;padding: 0 8px;margin: 0 5px;text-decoration: none;}
.head .nav a:hover{border-bottom: #ffd428 4px solid;}
/*.head .nav a:nth-child(8){color:#ffdc5f}*/
.head .jtbm{float: right;margin-top:0px;}
.head .jtbm a{box-sizing:unset}
.head .jtbm a:nth-child(1){display:inline-block;float: left;font-size: 18px;font-weight: bold;color: #267bfb;line-height: 20px;border-radius: 100px;background: #FFF url(../images/grbm.png) no-repeat 18px center;background-size: 24px;padding: 8px 5px 8px 46px;margin-right: 10px;}
.head .jtbm a:nth-child(2){display:inline-block;float: left;font-size: 18px;font-weight: bold;color: #267bfb;line-height: 20px;border-radius: 100px;background: #FFF url(../images/jtbm.png) no-repeat 18px center;background-size: 32px;padding: 8px 5px 8px 46px;}
.head .jtbm a:nth-child(1):hover{background: #f5f5f5 url(../images/grbm.png) no-repeat 18px center;background-size: 24px;box-shadow: 0 0 5px #FFF;}
.head .jtbm a:nth-child(2):hover{background: #f5f5f5 url(../images/jtbm.png) no-repeat 18px center;background-size: 32px;box-shadow: 0 0 5px #FFF;}
.mid{margin: 0px auto;width: 100%;max-width:1200px;box-sizing: border-box;background: #fff;overflow: hidden;border-radius: 20px 20px 0 0;padding: 20px;}
.midtm{background:#ffffff69!important;}
.xuxyz{padding:20px;}

/*师资力量*/
.tearch-image{width:100%;height:320px;margin:0 auto;}
.tearch-image dl{width: 15%;float: left; border: 1px solid #ddd; margin-right:1.7%; margin-bottom: 20px; border-radius: 5px;overflow: hidden;}
.tearch-image dl:nth-child(6n+1){margin-right:0;}
.tearch-image dl img{width:100%;height:180px;overflow:hidden;display:block;}
.tearch-image dl h4{font-size:16px;text-align:center;background:#ddd;color:#000;padding: 10px 0;height:55px;}
.tearch-image dl h4:hover{background:#267bfb;color:#fff;}
.tearch-image dl h4 em{font-size: 14px; display: block; font-style: normal; font-weight: 300; line-height: 1.6; color: #000;}
.tearch-image .tit{width:100%;margin:0 auto;height:40px;line-height:40px;}
.tearch-image .tit h3{float:left;display:inline-block;font-size: 22px; line-height: 100%; height: 30px; border-bottom: #267bfb 2px solid;}
.tearch-image .tit a{float: right; text-align: right; font-size: 14px; line-height: 1.4; background: #267bfb; color: #fff; padding: 3px 10px; border-radius: 15px;}
.teacherimg{width:auto;display:block!important;margin:0 auto!important;max-width:250px!important;}
.teacherlist{margin:0 auto;width:100%;max-width:830px;}
.teacherlist .tit{float: left; font-size: 24px; line-height: 100%; margin-bottom: 20px; border-bottom: #267bfb 4px solid; padding-bottom: 10px; font-family: "微软雅黑"; font-weight: bold;}
.teacherlist ul{float: left; width: 100%;}
.teacherlist ul li{float: left; width: 100%; margin-bottom: 10px; border-bottom: 1px dashed #ddd; padding-bottom: 10px;}
.teacherlist ul li a{float: left; font-size: 16px; line-height: 1.6; width: 100%;display: block; margin-bottom: 10px;}
.teacherlist ul li p{font-size:14px;color:#888;line-height:1.6;word-break: break-word;}

/*页尾*/
.foot{float: left;width: 100%;background: #636e72;overflow: hidden;color:#fff;}
.foot .con{width: 1200px;margin: 0px auto;text-align:center;height:auto;line-height:1.6;}
.foot .con a{color:#fff!important;}
.foot .con p{display:block;text-align:center;width:100%;font-size: 14px;line-height: 1.6;color: #CCC;}
.foot .con p a{color: #fff;margin-right: 10px;}
.foot .con img{float: right;width:600px;height:auto;margin-top:40px;}
.footnav{display:none;}

.ysred{color:#fff!important;background: #f44336!important;}
.ysred:hover{border:1px solid #f44336;}
.btn-back a{color:#fff!important;}
.wyxw{width: 100px!important;padding: 8px 10px!important;min-width: 100px;margin-left: 20px;}
.text-jxxx a{background: #267bfb;color: #fff;padding: 5px 9px;border-radius: 3px;display: inline-block;width: 90px;text-align: center;}
.text-jxxx .kclb{background: #8BC34A;color: #fff;padding: 5px 9px;border-radius: 3px;display: inline-block;width: 90px;text-align: center;}
/*浏览器滚动条2*/
::-webkit-scrollbar{width:2px;height:5px;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius: 4px;}
::-webkit-scrollbar-thumb{-webkit-border-radius: 4px;background: #ddd;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:hover{background: #ccc;}
::-webkit-scrollbar-thumb:active{background: #999;}
::-webkit-scrollbar-thumb:window-inactive{background: rgba(255,0,0,0.4);}
.text-success a{background: #267bfb;color: #fff;padding: 5px 9px;border-radius: 3px;display: inline-block;width: 90px;height:32px;line-height:1.2;text-align: center;}
.text-success a:hover{background:#f44336;}
.text-success .kclx{background: #8BC34A;color: #fff;padding: 5px 9px;border-radius: 3px;display: inline-block;width: 90px;text-align: center;}
.kclb{background: #d2d6de;color: #fff;padding: 5px 9px;border-radius: 3px;display: inline-block;width: 90px;text-align: center;}
.ke-insertfile{color: #fff;background: #ff0000;padding: 5px;}
.ke-insertfile:hover{color:#fff100;}
.table tr td{border-top:1px solid #999!important;}

.container{box-sizing:border-box;padding-left:0px!important;padding-right:0px!important;}
.panel{border:0!important;margin-bottom:10px!important;}
main.content{padding-top:10px!important;}
.course-filter{border-radius:15px!important;}
.filter-bar{border-radius:15px!important;}
.list-group-heading{font-size:16px;}
.list-group-heading h4 img{margin:15px 0;border-radius:10%!important;}

.btn-smslogin{display: inline-block; background: #007bff; color: #fff; padding: 2px 3px;height:25px;}
.btn-accountlogin{display: inline-block; background: #007bff; color: #fff; padding: 2px 3px;height:25px;}
.btn-forgot{display: inline-block; background: #18bc9c; color: #fff; padding: 2px 3px;height:25px;}
.btn-smslogin:hover{color:#fff;}
.btn-accountlogin:hover{color:#fff;}
.btn-forgot:hover{color:#fff;}

.coursesearch input{width:60%;max-width:185px;height:27px;border: 1px solid #ddd;padding: 0 3px;}
.coursesearch .btn{height:30px!important;line-height:1!important;margin-left:3px;}
/* ipad横屏 */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
/* 
一排3个 width:31.5%;margin-right:20px;
一排4个 width:24%;margin-right:10px;
*/	
}
/* ipad竖屏 */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){

/*师资力量*/
.tearch-image{width:100%;height:320px;margin:0 auto;}
.tearch-image dl{width: 23%!important; float: left; border: 1px solid #ddd; margin-right:12px; margin-bottom: 20px; border-radius: 5px;overflow: hidden;}
.tearch-image dl:nth-child(4n+1){margin-right:0px!important;}
.tearch-image dl img{width:100%;height:100%;overflow:hidden;display:block;}
.tearch-image dl h4{font-size:16px;text-align:center;background:#ddd;color:#000;padding: 10px 0;font-weight:500;}
.tearch-image dl h4 em{font-size: 12px; display: block; font-style: normal; font-weight: 300; line-height: 1.6; color: #000;}
.tearch-image dl h4:hover{background:#267bfb;color:#fff;}
.tearch-image .tit{width:100%;margin:0 auto;height:40px;line-height:40px;}
.tearch-image .tit h3{float:left;display:inline-block;font-size: 18px; line-height: 100%; height: 30px; border-bottom: #267bfb 2px solid;}
.tearch-image .tit a{float: right; text-align: right; font-size: 14px; line-height: 1.4; background: #267bfb; color: #fff; padding: 3px 10px; border-radius: 15px;}
}


@media(max-width:1024px){
/*顶部*/
.top{width:96%;padding:0 2%;height: 34px;background: #267bfb;overflow: hidden;}
.top .con{width: 100%;margin: 0px auto;font-size: 14px;line-height: 34px;color: #FFF;}
.top .con p{float: left;}
.top .con ul{float: right;}
.top .con ul li:nth-child(1){background: url(../images/top_2.png) no-repeat 0px 5px;background-size: 24px;padding-left: 24px;}
.top .con ul li:nth-child(1) a{color: #FFF;}
.top .con ul li:nth-child(1) a:hover{text-decoration: underline;}
/*头部导航*/
.head{width: 96%;padding:0 2%;margin: 0px auto;overflow: hidden;}
.head .shang{float: left;width: 100%;height:120px;margin:24px 0 15px 0}
.head .shang .logo{float: left;}
.head .shang .logo img{float: left;width:100%;height:auto;margin-top:0px;}
.head .shang .nav_zs{float:right;width:200px;height:113px;margin:0px 0px 0px 0px}
.head .nav{float: left;margin-top: 10px;height: 40px;}
.head .nav a{float: left;font-size: 16px;height: 36px;line-height: 100%;color: #FFF;padding: 0 4px;margin: 0 4px;}
.head .nav a:hover{border-bottom: #ffd428 4px solid;}
.head .jtbm{float: right;margin-top:0px;}
.head .jtbm a:nth-child(1){float: left;width:80px;font-size: 14px;font-weight: bold;color: #267bfb;line-height: 20px;border-radius: 100px;background: #FFF url(../images/grbm.png) no-repeat 18px center;background-size: 24px;padding: 8px 0px 8px 46px;margin-right: 10px;}
.head .jtbm a:nth-child(2){float: left;width:80px;font-size: 14px;font-weight: bold;color: #267bfb;line-height: 20px;border-radius: 100px;background: #FFF url(../images/jtbm.png) no-repeat 18px center;background-size: 32px;padding: 8px 0px 8px 46px;}
.head .jtbm a:nth-child(1):hover{background: #f5f5f5 url(../images/grbm.png) no-repeat 18px center;background-size: 24px;box-shadow: 0 0 5px #FFF;}
.head .jtbm a:nth-child(2):hover{background: #f5f5f5 url(../images/jtbm.png) no-repeat 18px center;background-size: 32px;box-shadow: 0 0 5px #FFF;}
.mid{margin: 0px auto;width:96%;background: #FFF;overflow: hidden;border-radius: 20px 20px 0 0;padding: 2%;}
/*页尾*/
.foot{float: left;width: 100%;padding: 30px 0;background: #636e72;overflow: hidden;}
.foot .con{width: 96%;padding:0 2%;margin: 0px auto;}
.foot .con p{float: left;font-size: 14px;line-height: 180%;color: #CCC;}
.foot .con p a{color: #CCC;margin-right: 10px;}
.foot .con img{float: right;width:600px;height:auto;margin-top:40px;}

}


@media (max-width:767px){
body{background-size: 200%;max-width: 100%;overflow-x: hidden;padding-top:0px!important;}
.container {padding-right: 15px!important;padding-left: 15px!important;}
/*顶部*/
.top{width: 100%;height:30px;background:rgb(0 0 0 / 0%);overflow: hidden;position:relative;display:none;}
.top .con{width: 100%;float:left;overflow:hidden}
.top .con p{display: inline-block;}
.top .con ul{display: none;}
/*头部导航*/
.head{width: 96%;padding:0 0;overflow: hidden;height:auto;}
.head .shang{width: 100%;height:auto;margin-top: 15px;overflow:hidden}
.head .shang .logo{float: left;position: inherit;z-index: 1;top:5px;left: 10px;}
.head .shang .logo img{float: left;width:100%;max-width:230px;height: auto;margin-top:0px}
.head .shang .nav_zs{display:block;width:auto;height:50px;}
.head .nav{width: 100%; height: auto; margin: 0 auto; margin-top: 5px; margin-bottom:15px; overflow: hidden; float: none;box-sizing: border-box;}
.head .nav a{box-sizing: border-box;display:inline-block;float: left;width: 30%;font-size: 16px;height: 32px;line-height: 2;font-weight: 400;text-align: center;color: #fff;padding: 0px;margin: 3px 1.6%;text-shadow: 0 0 5px #000;overflow: hidden;border: 1px solid #fff;border-radius:5px;}
.head .nav a:hover{border-bottom: #ffd428 1px solid;color:#fff100;}
.head .nav a:active{border-bottom: #ffd428 1px solid;color:#fff100;font-weight:bold;}
.head .nav a:nth-child(8){color:#fff}
.head .nav a:nth-child(1){display: inline-block;}
.head .nav strong{font-weight:300;color:#fff;}
.head .jtbm{float: left;width: 100%;height:70px;text-align: center;overflow: hidden;margin-bottom:10px;box-sizing: border-box;}
.head .jtbm a:nth-child(1){float: none;width: 90px;margin: 0px auto;margin-right: 15px;margin-top: 15px;font-size: 16px;font-weight: bold;color: #267bfb;line-height: 20px;border-radius: 100px;background: #FFF url(../images/grbm.png) no-repeat 10px center;background-size: 28px;padding: 10px 6px 10px 36px;overflow: hidden;display: inline-block;box-shadow: 0 0 5px #95a5a6;}
.head .jtbm a:nth-child(2){float: none;width: 90px;margin: 0px auto;margin-left: 15px;margin-top: 15px;font-size: 16px;font-weight: bold;color: #267bfb;line-height: 20px;border-radius: 100px;background: #FFF url(../images/jtbm.png) no-repeat 10px center;background-size: 36px;padding: 10px 6px 10px 36px;overflow: hidden;display: inline-block;box-shadow: 0 0 5px #95a5a6;}
.head .jtbm a:hover{background: #f5f5f5 url(../images/jtbm.png) no-repeat 18px center;box-shadow: 0 0 10px #2c3e50;}
.mid{float: none;width: 96%;padding: 2%;margin:0 2%;background: #FFF;overflow: hidden;border-radius: 10px 10px 0 0;box-sizing: border-box;}
main.content{padding:0 0 15px 0!important;padding-top:0px!important;box-sizing: border-box;}
.main-header .title{font-size:16px;}
.body-item .main-header .handle .time{border:0!important;}

/*师资力量*/
.tearch-image{width:100%;height:320px;margin:0 auto;}
.tearch-image dl{width: 47%; float: left; border: 1px solid #ddd; margin-right:12px; margin-bottom: 20px; border-radius: 5px;overflow: hidden;}
.tearch-image dl:nth-child(2n+1){margin-right:0px;}
.tearch-image dl img{width:100%;height:100%;overflow:hidden;display:block;}
.tearch-image dl h4{font-size:16px;text-align:center;background:#ddd;color:#000;padding: 10px 0;font-weight:500;}
.tearch-image dl h4 em{font-size: 12px; display: block; font-style: normal; font-weight: 300; line-height: 1.6; color: #000;}
.tearch-image dl h4:hover{background:#267bfb;color:#fff;}
.tearch-image .tit{width:100%;margin:0 auto;height:40px;line-height:40px;}
.tearch-image .tit h3{float:left;display:inline-block;font-size: 18px; line-height: 100%; height: 30px; border-bottom: #267bfb 2px solid;}
.tearch-image .tit a{float: right; text-align: right; font-size: 14px; line-height: 1.4; background: #267bfb; color: #fff; padding: 3px 10px; border-radius: 15px;}

/*页尾*/
.foot{float: left;width: 100%;height: auto;padding:2%;background: #636e72;overflow: hidden;margin-bottom:50px;box-sizing: border-box;}
.foot .con{float:left;width: 100%!important;overflow:hidden}
.foot .con p{float: left;font-size: 12px;line-height: 180%;color: #fff!important;}
.foot .con p a{color: #fff!important;}
.foot .con a span{color:#fff;font-size:14px;}
.foot .con img{display: none;}
.footnav{position: fixed; bottom: 0px;left:0px; width: 100%; height:50px;margin: 0 auto; display: block;z-index:9999;box-sizing: border-box;}
.footnav a{width:25%;float:left;display:inline-block;height:50px;line-height:50px;font-size:16px;text-align:center;background:#267bfb;color:#fff;}
.sidenav .list-group .list-group-item{border:1px solid #ddd!important;border-left:1px solid #ddd!important;}
.sidenav{height:auto;min-height:200px;}
.product-list .product-item img{width:120px;}
.list-group-heading h4 img{margin:15px 0;width:70px;border-radius:50%!important;}
.sidenav{top:0!important;}
}