/*------------------------
20160630-改版
-------------------------*/
.banner-mwrap{width:100%; margin:0 auto; position:relative;}
.banner-mwrap::after{ content:""; display:block; clear:both;}
.banner-mbd{ width:100%;}
.sidebar-mbd,.slider-mbd,.access-mbd{height: 390px;}
.access-mbd{padding:20px 0; box-sizing:border-box; height:325px;}

/*--左侧导航区域--*/
.ch-height dd{padding: 14px 10px;}
.sidebar-mbd{width:220px;background:#fff; float:left;position: relative;z-index:990;border: 1px solid #eee; border-right:none;}
.sidebar-mbd dt h1{height:40px;background:#4eabf4;color:#fff;font-weight:normal;line-height:40px;padding-left:12px;}
.sidebar-mbd dt h1 .more-ico{width:14px;height:14px;background: url(../image/top-footer-img.png) no-repeat -210px -22px;display:inline-block;margin: 12px 10px 0 0;vertical-align: top;}
.sidebar-mbd dd{width:200px;display:block;float:left;border-bottom: 1px solid #eee;cursor:pointer;}
.sidebar-mbd dd.sidebar-nav:hover{/*webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s; */border:2px solid #4EABF4;margin:-2px;border-right:2px solid #fff;z-index: 10;}
.sidebar-mbd dd:hover .m-arr{ background: url(../image/top-footer-img.png) no-repeat -235px 0 }
.sidebar-mbd dd:hover .sidebar-item{display:block;z-index: -1;}
.sidebar-mbd .sidebar-item{width: 686px;padding: 30px;height: 286px;display:none;background:#fff;position: absolute;top: 40px;left:220px;border:2px solid #4EABF4;}
.sidebar-mbd dd:last-child{ border-bottom:none;}
.sidebar-mbd .link-first{position:relative; margin-bottom:5px;}
.sidebar-mbd .link-first a{font-size:14px;color: #333;text-decoration:none;}
.sidebar-mbd .link-first a:hover{ text-decoration:underline;}
.sidebar-mbd .link-first .m-arr{ width:12px; height:11px; background: url(../image/top-footer-img.png) no-repeat -238px 0;  display:block; position:absolute; right:5px; top:5px;webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;}
.sidebar-mbd .hot_link a{ color:#999999; font-size:12px; text-decoration:none; margin-right:5px;}
.sidebar-mbd .hot_link a:hover{ color:#4eabf4; text-decoration:underline;}

.s-couse-title { border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:25px; position:relative;}
.s-couse-title h3{ font-size:16px; font-weight:normal; color:#333;}
.s-couse-title h3 i{ width:20px; height:23px; color:#fff; display:inline-block; background: url(../image/top-footer-img.png) no-repeat; vertical-align:middle; margin-right:15px; text-align:center}
.s-couse-title i.level-ico-1{ background-position:0 -50px;}
.s-couse-title i.level-ico-2{ background-position:-21px -50px;}
.s-couse-title i.level-ico-3{ background-position:-42px -50px;}
.s-couse-title i.level-ico-4{ background-position:-63px -50px;}
.s-couse-title i.level-ico-5{ background-position:-84px -50px;}
.s-couse-title i.level-ico-6{ background-position:-105px -50px;}
.s-couse-title i.level-ico-7{ background-position:-126px -50px;}
.s-couse-title .full-level{ position:absolute; right:0; top:5px;}
.s-couse-title .full-level i{ width:6px; height:10px; color:#fff; display:inline-block; background: url(../image/top-footer-img.png) no-repeat -195px -23px; vertical-align:middle;}
.s-couse-title .full-level:hover{ color:#f46027;}

.list-group-con{}
.s-list-item{ float:left; width:420px;}
.s-list-item li{ width:170px; margin-right:40px; float: left; font-size:12px; color:#999; margin-bottom:30px;}
.s-list-item li a{ display:inline-block; background: url(../image/top-footer-img.png) no-repeat -270px -45px; padding-left:15px;}
.s-list-item li a.hot-text h4{ color:#f46027;}
.s-list-item li a:hover.hot-text h4{ color:#f46027; text-decoration:underline;}
.s-list-item li h4{ font-size:14px; color:#333; margin-bottom:3px;height:16px;}
.s-list-item li a:hover h4{ color:#2095f2; text-decoration:underline; }
.s-list-item .hot-ico{ width:28px; height:13px; display:inline-block; vertical-align:top; background:url(../image/top-footer-img.png) no-repeat -160px -23px;}
.course-ban{ float:right; margin-top:20px;}

/*--new banner--*/
.slider-mbd{ width:100%;z-index:999}
.slider-mbd .carousel{position: relative}
.carousel-banner{position: relative; width:100%; overflow: hidden; height:390px;}
.carousel-banner>.item{position: relative; display: none; -webkit-transition: .6s ease-in-out left; height:390px; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left}
.carousel-banner>.item>a>img,.carousel-banner>.item>img{line-height: 1; height:100%; width:100%;}
.carousel-banner>.active,.carousel-banner>.next,.carousel-banner>.prev{display: block}
.carousel-banner>.active{left: 0}
.carousel-banner>.next,.carousel-banner>.prev{position: absolute; top: 0; width: 100%}
.carousel-banner>.next{left: 100%}
.carousel-banner>.prev{left: -100%}
.carousel-banner>.next.left,.carousel-banner>.prev.right{left: 0}
.carousel-banner>.active.left{left: -100%}
.carousel-banner>.active.right{left: 100%}

.slider-mbd .carousel-control{position: absolute; top: 0; left: 0; bottom: 0; width: 15%; font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); z-index:99;}
.slider-mbd .carousel-control.left{width: 45px; height: 70px; top:170px; background: url(../image/arrow_pic.png) no-repeat -90px 0 ;}
.slider-mbd .carousel-control.left:hover{background: url(../image/arrow_pic.png) no-repeat -90px 0;}
.slider-mbd .carousel-control.right{width:45px; height:70px; left: auto; top:170px; right: 0; background:url(../image/arrow_pic.png) no-repeat -135px 0px;}
.slider-mbd .carousel-control.right:hover{background:url(../image/arrow_pic.png) no-repeat -135px 0px;}
.slider-mbd .carousel-indicators{position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none}
.slider-mbd .carousel-indicators li{display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0,0,0,0); border: 1px solid #fff; border-radius: 10px}
.slider-mbd .carousel-indicators .active{width: 12px; height: 12px; margin: 0; background-color: #fff}


/*--my--*/
.deng{ padding:0 20px;}
.ming,.tel,.yzm{ margin-bottom:5px; height:30px;}
.yzm #btn{ width:102px; height:30px; line-height:30px; background:#fe7407; border:1px solid #fe7407; color:#fff; text-align:center; display:block; float:right; border-radius:3px;}
.tel input{ width:217px; margin-bottom:5px;}
.ming select{ margin-left:5px; width:100px;}
.ming input,.ming select,.tel input,.yzm input{ font-size:12px;padding-left:5px; height:28px; line-height:28px; border:1px solid #d9d9d9; background:#fff; color:#999; font-family:"micfosoft yahei"; outline:none;}
.zhuce{ width:100%; height:30px; line-height:30px; background:#f84e41; color:#fff; font-size:16px; margin-bottom:10px;text-align:center; border:0; border-radius:5px; font-family:"microsoft yahei"; margin-top:5px;}
.access-mbd_con{position: absolute;
    top: 0;
    left: 50%;
    margin-left: 300px;
    z-index: 0;}
.access-mbd{ float:right;background-color: rgba(56, 61, 72, 0.89);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#25000000, endColorstr=#25000000); height:360px;   width:285px; margin-right:20px;z-index:99; margin-top:14px; border-radius:5px;border-left:none; color:#FFF;}
.access-con { text-align:center; padding:10px 20px;}
.access-mbd .h3{ font-size:18px; color:#fff; margin-bottom:10px; color:#ffa704; text-align:center; padding:0 5px; box-sizing:border-box;}
.access-mbd .h3 span{max-width:60%; height:40px; overflow:hidden; color:#fff;}
.access-con a.myname{ color:#FFF;}
.access-con a:hover.myname{ text-decoration:underline;}
.access-con a.myclass{ display:inline-block;height:32px; line-height:32px; border-radius:3px; color:#fff; background:#4eabf4; padding:0 22px;}
.access-con a.myclass:hover{ background:#38a0f4;}
input[placeholder]{ font-family:"microsoft yahei"}
select option {font-family:微软雅黑;}
.access-tool li{float:left;width:30%;margin-right:5%;text-align:center;padding-top: 0;padding-bottom: 0;box-sizing:border-box;color:#999;background:#fff;margin-bottom:10px;box-sizing:border-box;border-radius:5px;height: 64px;overflow: hidden;position: relative;}
.access-tool li a{ color:#999;}
.access-tool li:nth-child(1){ background:url(../image/bannericon1.png) 0px 51px ;}
.access-tool li:nth-child(2){ background:url(../image/bannericon2.png) 0px 51px ;}
.access-tool li:nth-child(3){ background:url(../image/bannericon3.png) 0px 51px ;}
.access-tool li.on:nth-child(1){ background:url(../image/bannericon1.png) #ffa704 0px -13px ;color:#fff;}
.access-tool li.on:nth-child(2){ background:url(../image/bannericon2.png) #ffa704 0px -13px ;color:#fff;}
.access-tool li.on:nth-child(3){ background:url(../image/bannericon3.png) #ffa704 0px -13px ;color:#fff;}
.inputbox{ width:50%; float:left;}
.access-tool li:last-child{ margin-right:0;}
.access-tool li.on{ background:#ffa704; color:#fff;}
.access-tool li:hover{ background:#ffa704; color:#fff;}
.access-tool li:hover:nth-child(1){ background:url(../image/bannericon1.png) #ffa704 0px -13px ;color:#fff;}
.access-tool li:hover:nth-child(2){ background:url(../image/bannericon2.png) #ffa704 0px -13px ;color:#fff;}
.access-tool li:hover:nth-child(3){ background:url(../image/bannericon3.png) #ffa704 0px -13px ;color:#fff;}

.access-tool li a{color:#999;display: block; width:100%; height:100%;}
.access-tool li a p{position: absolute;left: 50%;bottom: 8px;margin-left: -26px;}
.access-tool li:hover a{ color:#fff;}
.access-tool li i{ display:block; width:32px; height:32px; margin:0 auto 5px auto; background: url(../image/index_image.png) no-repeat;}
.access-tool li i.tool-ico1{ background-position:-128px -144px;}
.access-tool li i.tool-ico2{ background-position:-160px -144px;}
.access-tool li i.tool-ico3{ background-position:-192px -144px;}
.access-tool li i.tool-ico4{ background-position:-225px -144px;}
.access-tool li i.class-down{ background-position:-259px -144px;}

.follow-us{ float: left; text-align:center; font-size:12px; position: relative; cursor:pointer;}
.follow-us:hover .big-picture{ display:block;}
.follow-us .big-picture{ position:absolute;bottom:0px; display:none; background:#fff;}
.follow-us .s-pic{ max-width:86px; max-height:86px;}
.follow-us .b-pic{ max-width:210px;}
.follow-text{ float:left; width:129px; line-height:18px; font-size:12px; margin-left:10px; margin-top:5px;}
.follow-text h2{ margin-bottom:5px;}
.follow-text h2,.follow-text p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content{ position:relative}
.content .follow-mbd{ position:absolute; top:0; left:0; }

.follow-as{ text-align:center; font-size:12px; position: relative; cursor:pointer;}
.follow-as:hover .big-picture{ display:block;}
.follow-as .big-picture{ position:absolute;bottom:0px; display:none; background:#fff;}
.follow-as .s-pic{ max-width:86px; max-height:86px;}
.follow-as .b-pic{ max-width:210px;}


/*--活动banner--*/
.sban-mbd::after{ content:""; display:block; clear:both;}
.sban-mbd li{ float:left; width:25%; border-right:1px solid #fff; box-sizing:border-box; position:relative; background:#f5f5f5;}
.sban-mbd li a{ display:block;}
.sban-mbd li a:hover h3{ color:#ff424c;}
.sban-slogan h3{ font-size:20px; color:#333; margin-bottom:8px;}
.sban-slogan p{ margin-bottom:15px;}
.sban-slogan{ position:absolute; left:25px; top:20px;}
.sban-slogan .hd-tag{ border:1px solid #ff6d85; color:#ff6d85; padding:2px 4px; display: inline-block;}
.sban-slogan .pl-ico{ width:8px; height:10px; vertical-align:top; background: url(../image/top-footer-img.png) no-repeat -235px -24px; display:inline-block; margin:3px;}

.mtitle{ border-bottom:1px solid #4eabf4; margin-bottom:20px;}
.mtitle h1{ font-size:24px; color:#333;}
.mtitle h1 strong{ font-size:24px; color:#333;}

.ctab { text-align:center; margin-top:-20px; margin-bottom:-1px; float:right; border:1px solid #eee; border-bottom:none;}
.ctab ul{ border:1px solid #ddd; border-right:none; display:inline-block; border-radius:3px;}
.ctab li{ display:inline-block;float:left;position:relative;}
.ctab li a{ display:inline-block; height:30px; line-height:30px; padding:0 15px; border-right:1px solid #eee; color:#333; background:#fff; }
.ctab li:last-child a{ border-right:none;}
.ctab li a:hover{ color:#06C;}
.ctab li.active a{color:#333; border:1px solid #65b7f9; border-bottom:none; border-top:3px solid #65b7f9;}
.ctab li.active i{ width:12px; height:6px; display:inline-block; position: absolute; left:45%; bottom:-6px; }

.m-bd{ height:238px; overflow:hidden;}
.m-lban{ float:left; width:218px;}
.m-ccon{ float:left; width:982px;}
.m-rbd{ float:right; width:233px;}
.m-rbdcy{ float:left; width:233px; margin-right:15px; background:#f8f8f8; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; height:420px; overflow:hidden;}
.m-rbd::after{ content:""; display:block; clear:both;}



.card-item {float:left;width: 228px;background:#fff;margin-bottom:10px;border:1px solid #eee;margin-left: 15px;height:235px;}
.card-item .cs-image{position:relative;}
.card-item .cs-image a{width:100%;height: 130px;overflow:hidden;display:block;}
.card-item .cs-image a img{ max-width:100%; min-height:165px;background-position: center;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;}
.card-item .cs-image a:hover img  {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);}
.card-item .cs-image i{ width:26px; height:30px; line-height:28px; text-align:center; color:#fff; display:inline-block; background: url(../image/index_image.png) no-repeat 0 -106px; position:absolute; bottom:-11px; left:15px;}
.card-item .cs-detail{margin-bottom:15px; padding:12px 15px 0 15px;}
.card-item .cs-title{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.card-item .cs-title a{ color:#333;}
.card-item .cs-title a:hover{ text-decoration:underline;} 
.card-item .date-time{ color:#888; margin-bottom:10px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.card-item .view-btn a{display: inline-block;height:26px;line-height:26px;padding:0 10px;}
.card-item .view-btn a.tk-btn{ border-radius:3px; background:#2095f2; color:#fff;}
.card-item .view-btn a.tk-btn:hover{ background:#0d7dd6;}
.card-item .view-btn a.td-btn{ border-radius:3px; background:#ff424c; color:#fff;}
.card-item .view-btn a.td-btn:hover{ background:#ff424c;}
.card-item .view-btn a.xq-btn{ color:#333;}
.card-item .view-btn a.xq-btn i{ width:10px; height:12px; background:url(../image/index_image.png) no-repeat right -58px; display:inline-block; margin-left:5px; vertical-align:middle;}
.card-item .view-btn a:hover.xq-btn{ border:1px solid #ddd; border-radius:3px; margin:-1px; color:#e7572a;}

.comment-mbd{background:#fff;position: relative; height:485px;}
.comment-mbdcy{background:#f8f8f8;}
.commentbar{ overflow:hidden;}

.comment-mbd .commert_h1{text-indent:2em; padding:10px 0; margin-bottom:20px; border-bottom:1px solid rgba(7,17,27,.06)}
.comment-mbd h2{ font-size:18px; color:#333; border-left:5px solid #28bd9f; }
.comment-mbd h2 span{ font-size:12px; color:#999; margin-left:5px}
.comment-mbd li{float:left;background:url(../image/phont_line.png)  repeat-y 25px 0;padding-bottom: 15px;margin-bottom: 22px;border-bottom: 1px solid #eee;}
.comment-mbd li:last-child{ border-bottom:none;}
.comment-mbd .photo{float:left;width: 28px;height:28px;border-radius: 50%;border:3px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);background: #fff;cursor:pointer;overflow: hidden;}
.comment-mbd .photo img{ max-width:100%;}
.comment-mbd .comment{float:left;width: 180px;margin-left:6px;font-size:12px;}
.comment-mbd .comment .info{background:#fff;border-radius:4px;float:left;position:relative;}
.comment-mbd .comment .info .larrow{ position:absolute; width:14px; height:20px;}
.comment-mbd .comment .info span{ line-height:20px;display:block;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.comment-mbd .comment .naclass{margin-bottom:5px; color:#999; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.comment-mbd .comment .naclass span{ margin:0 2px;}
.comment-mbd .comment .naclass a.name{font-weight:bold;color:#28bd9f;}
.comment-mbd .comment .naclass a.course{ text-decoration:underline;}
.comment-mbd .comment .pingfen{ float: right;}
.comment-mbd .comment .name{ float: left;}
.comment-mbd .comment .pingfen span{ font-weight:bold; color:#e81a41;font-size:14px;}

.comment-more a{display:block; border:1px solid #eee; border-radius:3px;-webkit-transition: 0.25s;transition: 0.25s; height:35px; text-align:center; line-height:35px; font-size:14px; }