pre{ font-size: 12px; background-color: #eee; border: 1px solid #ccc; padding: 5px; max-width: 100%; border-radius: 5px; margin-top: 20px; margin-bottom: 20px;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;border-left-width:4px; line-height:25px;}

.topbanner{ height:35px;line-height:35px; background-color:#eee;}
.topbanner a{color:#999;}
.logosearch{height:110px; padding-top:5px;}
.logosearch .logo{ float: left;}
.logosearch .logo img{ max-height: 100px;}
/*搜索框*/
.logosearch .search{ border: 1px solid #e7e7eb; height:30px; margin-top:30px;}
.logosearch .search select{ border: 0; border-right: 1px solid #e7e7eb; padding:0 30px 0 10px; height:30px;appearance:none;-moz-appearance:none;-webkit-appearance:none; background: url("../images/searcharrow.png") no-repeat scroll right center transparent;}
.logosearch .search select option{border: 0;}
.logosearch .search input{ border: 0; height:30px; line-height:30px; text-indent: 10px; width:200px;}
.logosearch .search button{ border: 0; height:30px; line-height:30px; padding: 0 20px; background-color: #FF6C39; color:#fff;}

/*顶部导航菜单*/
.dswnav {width:100%;background:#379be9;height:60px;line-height:60px;font-size:14px;z-index:999;}
.dswnav .navsun {width:1200px;margin:0 auto;position:relative;z-index:20;}
.dswnav .navsun .logo{position:absolute;left:0;top:7px;}
.dswnav .navsun .logo img{max-height:60px; max-width:280px;}
.dswnav #l {width:150px;position:absolute;left:0;top:0;z-index:20}
.dswnav #l .lt {display:block;width:150px;height:60px;background-color:rgba(8,19,82,.21);cursor:pointer}
.dswnav #l .lt span {font-size:14px;color:#fff;margin-left:26px}
.dswnav #l .lt a {color:#fff;padding-left:20px}
.dswnav #l .lt b {display:block;width:20px;height:20px;position:absolute;right:10px;top:20px;background:url(../images/arrow.png) no-repeat 0 0}
.dswnav #l nav {display:none;width:100%;height:auto;position:absolute;left:0;top:60px;background-color:#202e80;z-index:999}
.dswnav #l nav .item {width:100%;height:60px;line-height:60px;border-bottom:1px solid rgba(246,246,246,.2);float:left}
.dswnav #l nav .item h3 {width:100%;text-indent:10px;position:absolute;font-weight:400}
.dswnav #l nav .item h3 a {display:block;color:#fff;text-decoration:none}
.dswnav #l nav .item h3 a:hover {background-color:#fff;color:#000}
.dswnav #l nav .item .list {display:none;width:660px;height:360px;padding:10px;background:#fff;position:absolute;left:150px;top:0;z-index:25;box-sizing:border-box}
.dswnav #l nav .item .list div {width:30px;height:30px;margin-left:35%}
.dswnav #l nav .on h3 {z-index:40}
.dswnav #l nav .on h3 a {background:#fff;color:#000}
.dswnav #l.on .lt b {background:url(../images/arrow.png) no-repeat 0 -20px}
.dswnav #l.on nav {display:block;box-sizing:border-box}
.dswnav #l.on nav .on .list {display:block}
.dswnav .list dl {float:left;width:100px;text-align:center;overflow:hidden}
.dswnav .list dl:hover {background:#fff;box-shadow:2px 3px 9px 0 rgba(134,134,134,.18);border-radius:8px}
.dswnav .list dl dt {padding-top:10px;height:30px;font-size:25px}
.dswnav .list dl dt img {width:30px;height:30px}
.dswnav .list dl dd {overflow:hidden;word-break:normal}
.dswnav #r {float:right}
.dswnav #r li {float:left}
.dswnav #r li img {vertical-align:middle}
.dswnav #r li a {display:block;color:#fff;height:60px;line-height:60px;padding:0 20px;font-size:14px}
.dswnav #r li a:hover {color:#fff;background:#47bdf4}
.dswnav #r li .active {color:#fff;background:rgba(8,19,82,.5)}

/*焦点图*/
.slide-main{height:auto;position:relative;}
.slide-main .prev,.slide-main .next{display:block;width:44px;height:44px;position:absolute;top:50%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none; margin-top: -22px;z-index:9;}
.slide-main .prev{left:8%;}
.slide-main .next{right:8%;}
.slide-main .prev:hover,.slide-main .next:hover,.slide-main .nav-main a:hover,.slide-main .nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide-main .slide-box,.slide{width:100%;overflow:hidden;display:block;}
@media screen and (max-width:1920px){
	.slide-main .slide-box,.slide{height:400px;}
}
@media screen and (max-width:1680px){
	.slide-main .slide-box,.slide{height:350px;}
}
@media screen and (max-width:1300px){
	.slide-main .slide-box,.slide{height:320px;}
}
@media screen and (max-width:1000px){
	.slide-main .slide-box,.slide{height:280px;}
}
@media screen and (max-width:800px){
	.slide-main .slide-box,.slide{height:220px;}
}
@media screen and (max-width:680px){
	.slide-main .slide-box,.slide{height:200px;}
}
@media screen and (max-width:480px){
	.slide-main .slide-box,.slide{height:150px;}
}
@media screen and (max-width:300px){
	.slide-main .slide-box,.slide{height:95px;}
}
.slide-main .slide-box{position:relative;}
.slide-main .slide{display:none;position:relative;position:absolute;z-index:8;}
.slide-main .slide a{max-width:100%;max-height:100%;display:block;cursor:pointer;}
.slide-main .slide a img{max-width: 100%; max-height:100%;}
.slide-main .item{width:100%;height:10px;display:block;position:absolute;z-index:9;bottom:25%;left:0;text-align:center;}
.slide-main .item a{width:20px;height:20px; border-radius:20px; display:inline-block;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.slide-main .item a.cur{background:#fff;}

/*面包屑导航*/
.position{ height:80px; border-bottom: 1px solid #FF6C39;font-size: 18px; color: #FF6C39; margin-bottom:20px;}
.position .left{width:250px;  padding-top:35px; font-size: 30px; color: #FF6C39; letter-spacing: 1.5px; text-align: justify;}
.position .right{ padding-top:50px; color:#6A6A6A;font-size:14px;}
.position ul li{ float: left; padding-right:10px;}
.position li a{font-size:14px; color: #FF6C39; text-align: left; }
.position li .active{color:#18a4fd;}
.position .right a{color:#6A6A6A;}

.hometitle{ border-bottom:1px solid #FF6C39; padding-top:20px; margin-bottom:20px;}
.hometitle .left{font-size:30px; color: #FF6C39;}
/*分类*/
.category .left{ width: 850px;}
.category .left .list{  padding:20px 0; border-bottom: 1px solid #EBEBEB; margin-bottom:20px;}
.category .left .list .time{ width:200px; height:130px; background-color: #FF6C39; color: #FFF;}
.category .left .list .time img{ width:200px; height:130px; }
.category .left .list .time dt{ height:80px; line-height:80px; font-size:50px;}
.category .left .list .time dd{ font-size:30px;}
.category .left .list .art{ width:620px; padding-left: 20px;}
.category .left .list .art dt{ font-size: 16px; color: #333; height:38px; line-height:38px;}
.category .left .list .art dt span{ color:#999; padding-right:5px; }
.category .left .list .art dd{ color: #666; line-height:24px;}
.category .right{width:300px; overflow:hidden;}
/*文章详情*/
.article .left{ width:880px; height:auto; border: 1px solid #FF6C39; overflow: hidden; padding:20px; box-sizing: border-box;}
.article .left img{ max-width: 100%; }
.article .right{width: 300px; overflow:hidden;}
.article .right dd{overflow:hidden;}
.article h1{ height:60px; line-height:60px;}
.article .content{ font-size: 16px;line-height: 24px; color: #333;text-align: justify;}
.article .content pre{ font-size:15px; background-color:#eee; border:2px solid #ccc; padding:10px; max-width:100%; border-radius:10px; margin:20px 0;}
.article .content img{max-width: 100%;}
.article .shengming{color:#ccc;height:80px;line-height:80px;}
.article .prenext{ padding:20px 0; }
.article .prenext li{height:28px; line-height:28px;}
.article .prenext li a{color: #FF6C39;}
/*课程*/
.course{margin-top:20px;}
.course .suncat{margin-bottom:20px;}
.course .suncat ul li{float:left; padding-right:20px;}
.course .suncat ul li a{padding:10px;display:block;border:1px solid #ccc;border-radius:5px;}
.course .suncat ul li a.active{background-color:#ccc;}
.course .list section{padding-top:35px; border-bottom: 1px solid #FF6C39;font-size: 18px; color: #FF6C39; margin-bottom:20px;}
.course .list section a{color: #FF6C39;}
.course .list section a:hover{box-shadow: 2px 2px 10px #ccc;}
.course .list aside{float:left; width:285px; height:285px; box-shadow: 2px 2px 10px #ccc; margin-right:20px; margin-bottom:20px; box-sizing:border-box;transform:translate(0,0);transition:transform 0.2s;}
.course .list aside:nth-child(4n+2){margin-right:0px;}
.course .list aside:hover{transform:translate(0,-10px);transition:transform 0.2s;}
.course .list aside img{width:285px; height:170px;}
.course .list aside p{font-size:16px;height:80px; padding:0 10px;}
.course .list aside div{padding:0 10px 10px 10px;}
.course .list aside span{font-size:12px;}
.course .indexlist{float:left; width:285px; height:285px; box-shadow: 2px 2px 10px #ccc; margin-right:20px; margin-bottom:20px; box-sizing:border-box;transform:translate(0,0);transition:transform 0.2s;}
.course .indexlist:nth-child(4n){margin-right:0px;}
.course .indexlist:hover{transform:translate(0,-10px);transition:transform 0.2s;}
.course .indexlist img{width:285px; height:170px;}
.course .indexlist p{font-size:16px;height:80px; padding:0 10px;}
.course .indexlist div{padding:0 10px 10px 10px;}
.course .indexlist span{font-size:12px;}
/*分类常见问题文章列表*/
.catart .list{ height:auto; overflow:auto; border-bottom:1px dashed #999; padding:20px 0; }
.catart .list dl{float:left; width:160px; height:90px; text-align:center; background-color:#379be9;color:#fff;}
.catart .list dl dt{font-size:35px; font-weight:bold;padding-top:10px;}
.catart .list dl dd{font-size:16px;}
.catart .list section{float:left; width:1000px; margin-left:40px;}
.catart .list section a{font-size:20px; color:#379be9; height:50px; }
.catart .list section p{ font-size:14px; color:#bbb; }

.ketitle{background-color:#ccc; padding-top:20px;}
.ketitle .wpx{ background-color:#fff; padding:20px; box-sizing:border-box;}
.ketitle .left{ width:530px;}
.ketitle .left img{max-width:100%;}
.ketitle .right{width:610px;}
.ketitle .right h1{ height:55px; line-height:55px; color:#333; }
.ketitle .right p{line-height:25px; color:#ccc; }
.ketitle .right .price{height:60px; line-height:60px; font-size:14px; background-color:#eee; color:#333; text-indent:10px }
.ketitle .right .price span{color:#44cef6; padding-right:20px;}
.ketitle .right .baomingshu{height:45px; line-height:45px; color:#333;}
.ketitle .right .button{margin-top:20px; text-align:center; font-size:16px; width:150px; height:50px; line-height:50px; background-color:#44cef6; color:#fff; border-radius:5px; }
.ketitle .right .button a{color:#fff;}
.kecontent{background-color:#ccc; padding-top:20px;}
.kecontent .left{width:920px; background-color:#fff;}
.kecontent .left .title{height:50px; line-height:50px; border-bottom:1px solid #ccc;text-indent:20px; padding-right:10px;}
.kecontent .left .content{ padding:10px; font-size:16px;}
.kecontent .left .content p{line-height:28px;}
.kecontent .left img{max-width: 100%;}
.kecontent .right{width:260px;}
.kecontent .right .title{height:50px; line-height:50px; border-bottom:1px solid #ccc;text-indent:20px; background-color:#fff;}
.kecontent .right img{max-width: 100%; border-radius:5px;}
.kecontent .right .content{font-size:16px;padding:20px; text-align:center; background-color:#fff; margin-bottom:30px;}
/*老师列表页*/
.teacher-wrapper{padding-top: 70px;}
.teacher-wrapper .teacherTitle{vertical-align: middle;margin-bottom: 50px;}
.teacher-wrapper .teacherTitle{font-size:20px;color:rgba(255,90,0,1);}
.teacher-wrapper .teacherTitle img{margin-right: 10px;}
.teacher-list .item{width:288px;margin-left: 16px;margin-bottom: 50px;}
.teacher-list .item:nth-of-type(4n+1){margin-left: 0;}
.teacher-list .item img{width:100%;margin-bottom: 10px;}
.teacher-list .item h2{font-size:24px;color:rgba(0,0,0,1);margin-bottom: 8px;text-align: center;}
.teacher-list .item p{font-size:16px;color:rgba(100,100,100,1);margin-bottom: 34px;text-align: center;}
.teacher-list .item .item-js{padding:0 15px;box-sizing: border-box;font-size:14px;color:rgba(38,38,38,1);}
/*老师详情*/
.banner-xq{max-width:1920px;width:100%;height:527px;background: url(../images/xq.png) no-repeat;background-size:cover;position: relative;}
.banner-xq .teacher-xx{position:absolute;top:0;left:0;right:0;bottom:0;margin:35px auto;width:323px;text-align: center;}
.banner-xq .teacher-xx img{max-width:261px;margin-bottom: 15px;}
.banner-xq .teacher-xx .circular img{border-radius: 50%;width:261px;height:261px;overflow: hidden;}
.banner-xq .teacher-xx h2{font-size: 40px;color:#fff;font-weight: 600;margin-bottom: 15px;text-align: center;}
.banner-xq .teacher-xx p{font-size:16px;color:rgba(254,254,254,1);margin-bottom: 50px;text-align: center;}
.banner-xq .teacher-xx a{width:323px;height:52px;display: block;}

.commonTitle{font-size:20px;color:rgba(255,90,0,1);margin-bottom: 20px;}
.commonTitle img{margin-right: 15px;}
.brief-introduction{padding:100px 20px;box-sizing: border-box;}
.brief-introduction .introduction .left{width:529px;}
.brief-introduction .introduction .left img{width:100%;}
.brief-introduction .introduction .right{width:559px;font-size:18px;font-weight:400;line-height:37px;color:rgba(0,0,0,1);}

.curriculum{padding:20px 20px 40px;box-sizing: border-box;background:rgba(246,246,246,1);}
.curriculum .curriculum-list .item{width:559px;margin-left: 37px;margin-bottom: 40px;}
.curriculum .curriculum-list .item:nth-of-type(2n+1){margin-left: 0}
.curriculum .curriculum-list .item img{width:560px; height:340px; margin-bottom: 10px;}
.curriculum .curriculum-list .item h3{font-size:16px;color:rgba(43,43,43,1);margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.curriculum .curriculum-list .item p{font-size:14px;}
.curriculum .curriculum-list .item p span.left{color:rgba(255,117,42,1);}
.curriculum .curriculum-list .item p span.right{color:rgba(88,88,87,1);}

.hot{padding:80px 0;}
.hot .hot-teacher .item{width:247px;padding:10px 20px 20px;box-sizing: border-box;margin-left: 40px;}
.hot .hot-teacher .item:nth-of-type(4n+1){margin-left: 0;}
.hot .hot-teacher .item .itemImg{text-align: center;}
.hot .hot-teacher .item .itemImg img{width:103px;border-radius: 50%;}
.hot .hot-teacher .item h4{font-size:16px;color:rgba(0,0,0,1);margin-bottom: 5px;text-align: center;}
.hot .hot-teacher .item p{font-size:12px;color:rgba(106,105,105,1);text-align: center;}
.hot .hot-teacher .item .detail{font-size:12px;color:rgba(106,105,105,1);}

/*结算*/
.cart table{ width:100%;border:1px solid #eee; border-bottom: 0;}
.cart table thead tr td{ text-align:center; background-color:#eee; color:#6A6A6A; height:50px; line-height:50px; font-size:15px; font-weight:bold; white-space:nowrap;border:0;}
.cart table tbody{background: #FFFFFF; border:1px solid #eee;}
.cart table tbody tr{border:1px solid #eee;}
.cart table tbody tr td{ text-align:center; white-space:nowrap; color:#555555;border:0;}
.cart table img{ max-height:350px; max-width: 600px; padding:10px; }
.cart .jiesuan{height: 50px; line-height: 50px; background: #FDF5F4;}
.cart .jiesuan a{ width: 140px; height: 50px; line-height: 50px; text-align: center;font-size: 20px; color: #FFFFFF; display:block; background: #FF6C39; }
/*搜索页*/
.search_index{ width:700px; padding-top:100px; margin:auto;}
.search_index .title{ font-size: 50px; height:60px; line-height:60px; text-align: center;}

/*tag标签*/
.tags h2{width:100%; height:38px; line-height:38px;color:#333; border-bottom:#ff8400 solid 2px; margin-top:15px; font-size: 20px;}
.tags ul{line-height: 35px;}
.tags ul li{float: left;}
.tags ul li a{color:#666; font-size: 16px; padding-right:20px;}
.tags h3{font-size:20px; height: 60px; line-height: 60px; color:#666;}
.tags h3 strong{color: #333;}
.tags section{ margin-bottom: 20px; background-color:#eee; padding:20px; box-sizing: border-box; border-radius:5px;}
.tags section .left{width:200px; overflow: hidden;}
.tags section .right{width:940px;}
.tags section img{max-width: 200px;}
.tags section dt{height:38px; border-bottom:dashed 1px #666;}
.tags section dt a{font-size: 20px;}
.tags section dd{ padding-top: 10px; line-height:25px;}

/*栏目导航区域*/
.NavDL{ padding-bottom:20px; margin-bottom:30px;background: #FFFFFF; border: 1px solid #FF6C39; }
.NavDL dt{height:60px; font-size: 20px; letter-spacing: 1.83px;line-height:60px; background-color: #FF6C39; text-indent: 20px; color:#FFF;}
.NavDL dd{height: 38px; line-height:38px; border-bottom: 1px dashed rgba(255,108,57,0.3); font-size: 16px; color: #373737; text-indent:10px;}
.NavDL dd a{ color:#373737;}

.NavCourse{ padding-bottom:20px; margin-bottom:30px;background: #FFFFFF; border: 1px solid #FF6C39; }
.NavCourse dt{height:60px; font-size: 20px; letter-spacing: 1.83px;line-height:60px; background-color: #FF6C39; text-indent: 20px; color:#FFF;}
.NavCourse dd{ width:220px; height:170px; margin:0 auto; border-bottom: 1px dashed rgba(255,108,57,0.3); font-size:16px; color: #373737; padding-top:20px;}
.NavCourse dd a{color:#373737;}
.NavCourse dd p{height:35px;line-height:35px;}
.NavCourse dd img{max-width:100%; max-height:135px;}
/*友情链接*/
.friendlink{ margin-top: 50px; }
.friendlink dt{ height: 45px; color:#4e8ea7; line-height: 45px; font-size: 18px; border-bottom:1px #999 solid; }
.friendlink dd{ height: 45px; line-height: 45px; }
/*底部*/
footer{ background-color:#fff; padding:20px 0; margin-top: 40px; border-top:3px solid #379be9}
footer .footmenu{ float: left; color:#333;padding-bottom:20px;}
footer .footmenu dl{ float: left; padding:0 30px; }
footer .footmenu dl dt{ font-weight: bold; font-size: 16px; line-height:50px;}
footer .footmenu dl dd{line-height: 22px;}
footer .footmenu a{color: #333;}
footer .right .foottel{padding-right:60px; color:#333;}
footer .right .foottel dl dt{font-size: 27px; border-bottom:1px dotted #666;}
footer .right .foottel dl dd{font-size: 14px; line-height:25px;}
footer .right .footimg img{ max-width:150px; }
footer .right .footimg p{text-align:center; color: #333;}
.copyright{margin-top:30px; height:50px; line-height:50px; background-color: #1B1B1B; color: #fff; text-align:center;}
.copyright a{color: #fff;}