article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block;}
audio,canvas,video {display:inline-block;}
audio:not([controls]) {display:none;height:0;}
[hidden],template {display:none;}
html {font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {margin:0;}
a {color:#353535;text-decoration:none;background:transparent;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1);}
a:focus {outline:thin dotted;}
a:active,a:hover {outline:0;}
h1 {margin:.67em 0;font-size:2em;}
abbr[title] {border-bottom:1px dotted;}
b,strong {font-weight:bold;}
dfn {font-style:italic;}
hr {height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
mark {color:#000;background:#ff0;}
code,kbd,pre,samp {font-family:monospace,serif;font-size:1em;}
pre {white-space:pre-wrap;}
q {quotes:"\201C" "\201D" "\2018" "\2019";}
small {font-size:80%;}
sub,sup {position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup {top:-.5em;}
sub {bottom:-.25em;}
img {border:0;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}
fieldset {padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0;}
legend {padding:0;border:0;}
button,input,select,textarea {margin:0;font-family:inherit;font-size:100%;}
button,inpt {line-height:normal;}
button,select {text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled] {cursor:default;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}
input[type="search"] {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner {padding:0;border:0;}
textarea {overflow:auto;vertical-align:top;}
table {border-spacing:0;border-collapse:collapse;}

body {font-family:"Helvetica Neue",Helvetica,Tahoma,Arial,'Microsoft Yahei','PingFang SC','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;font-size:13px;line-height:1.53846154;color:#353535;background-color:#fff;}

[class^="icn-"], [class*="icn-"] {  background-repeat:no-repeat; display:inline-block; *display:inline; zoom:1; vertical-align: top;}
.icn-down{width: 38px;height: 30px;margin-left: 5px;margin-top: 7px;}
.icn-h2{width: 22px;height: 21px;margin-right: 10px;margin-top: 3px;}
.icn-t01{width: 19px;height: 20px;margin-right: 10px;margin-top: 0;}

h1,h2,h3,h4,h5,h6{margin: 0;}
.aplist{font-size:0;margin: 0;padding: 0;list-style:none;}
.aplist>li{display:inline-block; *display:inline; zoom:1; vertical-align:top; width:auto;margin: 0; list-style: none;}
.aplist>li>a{display: block;outline: none;list-style: none;border: 0px}
.grid{margin: 0;padding: 0;list-style: none;}
.grid>li{margin: 0; list-style: none;}
.fl{float:left;margin-left: 50px}
.fr{float:right;}
.ind{display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.img_max img{ max-width:100%;width: 100%\9}
.ftn{font-weight: normal}
.ellips{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.clip{ white-space:nowrap; text-overflow:clip; overflow:hidden;}
.none{display: none}
.mgt5{ margin-top:5px;}
.mgt10{ margin-top:10px;}
.mgt20{ margin-top:20px;}
.mgt30{ margin-top:30px;}
.mgt40{ margin-top:40px;}
.mgb10{ margin-bottom:10px;}
.mgb20{ margin-bottom:20px;}
.mgb30{ margin-bottom:30px;}
.mgb40{ margin-bottom:40px;}
.mgb50{ margin-bottom:50px;}
.mgl10{margin-left: 10px;}
.c_6F7B85,.c_6F7B85 a,a.c_6F7B85{ color:#6f7685}
.clearfix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
.t-c{text-align:center;}
.t-l{text-align:left;}
.t-r{text-align:right;}
.aptext {overflow:hidden;}
.aptext .left,.aptext .pic{ float:left; margin-right:15px; display:inline-block;}
.aptext .text{ overflow:hidden;}
.picText{position:relative; display:block;}
.picText img{display: block;}
.picText .text{ display:block; position:absolute; left:0; bottom:0; width:100%; padding:5px 0; font-size:14px; color:#FFF; }
.picText .text em{ padding:0 5px}
.picText .text:hover{ color:#FFF}
.picText .text2{ display:block; text-align:center; font-size:14px; padding:5px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.picText.p2 .text{ font-size:12px; color:#000; background:rgba(205,205,205,0.8);  background:#ccc\9;  filter: alpha(opacity=80); text-align:left; z-index:10;}
.picText.p2 .text:hover{ color:#333}
	/*@media ( max-width : 1000px ){html{min-width: 1200px; margin: 0 auto} }*/
body{height: 100%;width: 100%;min-width: 1200px;}
.zn-row-white{background: #fff;padding: 0px 0 30px 0px;}
.zn-row-grey{background-size: cover;padding: 20px 0 20px;}
.zn-row-yellow{background-size: cover;padding: 0px 0 30px;}
.zn-row-expert{padding: 30px 0;background-size: 100% 100%;}


.zn-area{width: 1200px;margin: 0 auto;position: relative;}
.zn-area *,.zn-area *:before,.zn-area *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


.f-scale img { -moz-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s; -o-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s; transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s; }
.f-scale:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.f-up{transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.f-up:hover {transform:translate(0,-10px);    -webkit-transform:translate(0,-10px);    -moz-transform:translate(0,-10px);    -o-transform:translate(0,-10px);    -ms-transform:translate(0,-10px);box-shadow: 0 0 10px #ccc}


.zn-footer{line-height: 1.8;background: #333333;}
.zn-footer a:hover{ text-decoration: none}
.zn-footer .link{border-bottom:#A0A0A0 solid 1px;}
.zn-footer .link .aptext{width: 70%;margin: 0 auto;padding: 20px 0 15px;}
.zn-footer .link .aptext .pic{margin-right: 50px;}
.zn-footer .link .aplist{ margin-left:-30px;}
.zn-footer .link .aplist>li{ font-size:12px; margin-left:30px; position: relative; }
.zn-footer .link .aplist>li+li:after {background:#F6B652; content: "";width: 1px;height: 12px;position: absolute;top:4px; left: -16px;}
.zn-footer .link .aplist>li a{color: #F6B652}
.zn-footer .link .aplist>li a:hover{color: #fff}
.zn-footer .infor{padding: 30px 0;width: 70%;margin: 0 auto;line-height: 2;font-size: 12px; color: #fff}
.zn-footer .infor .tel .m{font-size: 18px;}
.zn-footer .infor #tel{color: white;font-size: 12px;line-height: 2}
.zn-footer .infor a{color: #fff}
#hdkj:hover{color: #F6B652}
/* .zn-footer .infor a:hover{#ddd} */
.zn-footer .copy{background: #2C2C2C;padding: 10px 0;text-align: center;color: #fff;font-size: 11px;}
.zn-footer .copy>p{margin: 5px 0;}
.zn-footer .copy>p img{margin: 0 3px;vertical-align: -1px}

.zn-headline{  margin-bottom:25px; text-align: center;margin-top: 50px }
.zn-headline>h2{display:inline-block; *display:inline; zoom:1; font-size:18px; line-height:18px; font-weight:normal; letter-spacing:1px;}
.zn-headline a.more_box{ float:right;font-size: 14px;color: #6f7c85;padding-top: 5px;}
.zn-headline a.more_box:hover{color: #666}
.zn-headline q.num{ font-size:13px;  margin-left:20px; color:#6f7c85; vertical-align:0;}

.zn-logo-wrapper{padding: 25px 0; text-align: center;background: white}
.zn-logo-wrapper .mobile-down{position: absolute;display: inline-block;top: 5px;right: 0%;border:#333 solid 0px;font-size: 14px;padding: 2px 5px;}
.zn-logo-wrapper .mobile-down:hover{color: #CF1238; border-color: #CF1238}


.zn-banner-slider {  position: relative; height:518px;background:#F6FBFF; }
.zn-banner-slider .hd{ height:10px; overflow:hidden; position:absolute; width:100%; bottom:10%; text-align:center; z-index:1; }
.zn-banner-slider .hd ul{ overflow:hidden;margin: 0;padding: 0;  }
.zn-banner-slider .hd ul li { cursor: pointer; display: inline-block;  *display:inline;
zoom: 1; width: 8px; height: 8px;border-radius: 50%; margin:0 5px; overflow: hidden; background: rgba(255,255,255,0.69);text-indent: -999em  }
.zn-banner-slider .hd ul .on { background: #FFCF40;}
.zn-banner-slider .bd { margin: 0 auto; position: relative;  overflow: hidden; }
.zn-banner-slider .bd ul { }
.zn-banner-slider .bd li { height: 518px; overflow: hidden; text-align: center; background-position: top center; background-repeat: no-repeat;background-size: contain;float: left;width: 100%;}
.zn-banner-slider .bd li a { display: block; height: 518px; }

.policy-slideBox{ width:100%;  overflow:hidden; position:relative;margin-top: 60px;}
.policy-slideBox .zn-area{height:460px;}
.policy-slideBox .hd{ height:10px; overflow:hidden; position:absolute; width:100%; bottom:10px; text-align:center; z-index:1; }
.policy-slideBox .hd ul{ overflow:hidden;  }
.policy-slideBox .hd ul li { cursor: pointer; display: inline-block;  *display:inline;
zoom: 1; width: 8px; height: 8px;border-radius: 50%; margin:0 5px; overflow: hidden; background: #CFCFCF;text-indent: -999em  }
.policy-slideBox .hd ul li.on { background: #E67322;}
.policy-slideBox .bd{ position:relative; height:100%; z-index:0;   }
.policy-slideBox .bd li{ zoom:1; vertical-align:middle; }
.policy-slideBox .bd img{ width:auto; height:415px;  display:block;  }

.zn-selectReason{overflow: hidden;}
.zn-selectReason>li{width: 1200px;text-align: center;}
.zn-selectReason>li>h2{font-size: 17px;margin: 10px 0;font-weight: normal;letter-spacing: 1px;}
.zn-selectReason>li>p{font-size: 15px;}

.zn-courseSystem{ width:100%; padding-top:20px}
.zn-courseSystem .hd{position:relative; }
.zn-courseSystem .hd .aplist{margin-left: -20px}
.zn-courseSystem .hd .aplist li{ margin-left: 20px; width: 282px; cursor:pointer; }
.zn-courseSystem .hd .box{position: relative;border-radius: 20px;height: 400px;border: 0px}
.zn-courseSystem .hd .box>img{display: block;width: 100%;height: 175px;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.zn-courseSystem .hd .box .infor{padding: 40px 25px 0; color: #fff}
.zn-courseSystem .hd .box .infor h2{font-size: 16px;text-align: center;margin-bottom: 30px;letter-spacing: 1px;}
.zn-courseSystem .hd .box .infor p{font-size: 15px;text-align: center;}
.zn-courseSystem .hd .box.b1{background: #FFA84E;}
.zn-courseSystem .hd .box.b2{background: #FF685D;}
.zn-courseSystem .hd .box.b3{background: #9670F9;}
.zn-courseSystem .hd .box.b4{background: #359DF2;}
.zn-courseSystem .hd .box span.icn{height:0;width:0;overflow: hidden;font-size: 0;line-height: 0;border-style:solid dashed dashed dashed;border-width:20px; position:absolute; left:50%; margin-left:-20px; bottom:-40px; display:none;}
/* .zn-courseSystem .hd .on .box span.icn{display: block} */
/* .zn-courseSystem .hd .box.b1 span.icn{ border-color:#FFA84E transparent transparent transparent;}
.zn-courseSystem .hd .box.b2 span.icn{ border-color:#FF685D transparent transparent transparent;}
.zn-courseSystem .hd .box.b3 span.icn{ border-color:#9670F9 transparent transparent transparent;}
.zn-courseSystem .hd .box.b4 span.icn{ border-color:#359DF2 transparent transparent transparent;} */
.zn-courseSystem .bd{padding-top: 60px;}
/* .zn-courseSystem .bd .pic{border:#FFA84B solid 0px; text-align: center;background: #FFFAE9;} */

.zn-expert-panel{padding-top: 30px;}
.zn-expert-panel .left{float: left;width: 50%}
.zn-expert-panel .right{float: right;width: 50%}
.zn-expert-panel .chief-expert{text-align: center;width: 60%;margin: 0 auto;}
.zn-expert-panel .chief-expert .avt{display: block;border-radius: 50%;width: 170px;height: 170px;margin: 20px auto 25px;}
.zn-expert-panel .chief-expert h2{font-size: 17px;font-weight: normal;margin-bottom: 20px;color: #B23486}
.zn-expert-panel .chief-expert>p{text-align: left;text-align: adjust;font-size: 15px;line-height: 1.6}

.multiple-expert{ overflow:hidden; position:relative; width:100%;   padding-bottom: 50px;  }
.multiple-expert .hd{ height:15px;  position:absolute; width:100%; bottom:10px; text-align:center; z-index:30; }
.multiple-expert .hd ul{ overflow:hidden; }
.multiple-expert .hd ul li { cursor: pointer; display: inline-block;  *display:inline;
zoom: 1; width: 8px; height: 8px;border-radius: 50%; margin:0 5px; overflow: hidden; background: #D2D2D2;text-indent: -999em  }
.multiple-expert .hd ul li.on{ background: #B32989; }
.multiple-expert .bd{ overflow:hidden; z-index:10; }
.multiple-expert .bd ul{ overflow:hidden; zoom:1; width:100%;  float:left;margin:0;padding: 0;list-style: none; }
.multiple-expert .bd ul li{margin-bottom: 50px;}
.multiple-expert .bd ul li:last-child{margin-bottom: 0}
.multiple-expert .aptext .pic{width: 110px;height: 110px;border-radius: 50%;margin-right: 20px;}
.multiple-expert .aptext h2{font-size: 17px;font-weight: normal;color: #B23486;margin-bottom: 10px;}
.multiple-expert .aptext p{font-size: 15px;line-height: 1.6;margin: 0;}

.zn-photoBox { width: 100%; position: relative;padding: 10px 0; }
.zn-photoBox .prev,.zn-photoBox .next,.zn-photoBox .prevStop,.zn-photoBox .nextStop { z-index: 30; width: 28px; height: 84px; display:block; text-indent: -9999px;position:absolute; top:50%; margin-top:-42px;  }
.zn-photoBox .prev,.zn-photoBox .prevStop{background-position: -28px 0; left:2px}
.zn-photoBox .next,.zn-photoBox .nextStop{ background-position: -28px -84px; right:4px;width: 19px; }
.zn-photoBox .prevStop{background-position: 0 0;}
.zn-photoBox .nextStop{background-position: 0 -84px; }
.zn-photoBox .hd{}
.zn-photoBox .bd{overflow: hidden;border:#37B38F solid 1px;padding: 20px 0;position: relative;z-index: 3 }
.zn-photoBox .bd .aplist{margin-left: -30px;}
.zn-photoBox .bd .aplist>li{margin-left: 30px;}
.zn-photoBox .bd .aplist>li img{width: 205px;height: 150px;}

.zn-expert-language{background: rgba(239,224,206,0.38);width: 80%;margin: 0 auto;position:relative;padding: 20px;}
.zn-expert-language .hd{ height:10px;  position:absolute; width:100%; bottom:40px; text-align:center; z-index:1; }
.zn-expert-language .hd ul{ overflow:hidden;  }
.zn-expert-language .hd ul li { cursor: pointer; display: inline-block;  *display:inline;
zoom: 1; width: 8px; height: 8px;border-radius: 50%; margin:0 5px; overflow: hidden; background: #CFCFCF;text-indent: -999em  }
.zn-expert-language .hd ul li.on { background: #E26C48;}
.zn-expert-language .bd{ position:relative;  border:#F2AE99 solid 2px;padding: 20px 20px 40px; }
.zn-expert-language .item{text-align: center;}
.zn-expert-language .item .text{text-align: adjust;font-size: 16px;line-height: 1.8;margin-bottom: 10px;}
.zn-expert-language .item .teacher{font-size: 18px;}

.zn-aboutUs{width: 70%;margin: 0 auto;padding: 30px 0;}
.zn-aboutUs .left{margin-right: 50px;}

.zn-navBox{}
.zn-navBox .item{ margin-left:-30px; }
.zn-navBox .item>li{margin-left:60px;list-style: none;position: relative;}
.zn-navBox .item a{color:#333; display:block; position:relative;height: 45px; line-height:45px; font-size:20px;text-align:center;}
.zn-navBox .item>li>a{list-style: none;outline: none;border: 0px;}
.zn-navBox .item>li>.ceping_menu{display: none;height: 75px;
	background: #f8f8f8;position: absolute;left: -16px;top: 45px;z-index: 1;;width: 100px;
	padding: 10px 0px}
/* .ceping_menu{display: none} */
.zn-navBox .item>li .ceping_menu:hover{display: block}
.zn-navBox .item>li>.ceping_menu li>a{height: 30px;line-height: 30px;font-size: 16px;cursor: pointer;}
.zn-navBox .item>li>.ceping_menu li{margin-bottom: 5px}
.zn-navBox .item>li>.ceping_menu li>a:hover{border: 0px}
/* .zn-navBox .item .active a,.zn-navBox .item a:hover,.zn-navBox .item a.active{ color:#EEA346;text-decoration:none;  border-bottom:white 0px solid} */
.zn-navBox .item a:hover{color:#EEA346;text-decoration:none;  border-bottom:#EEA346 2px solid}
.zn-navBox .item .active{color:#EEA346;text-decoration:none;  border-bottom:#EEA346 2px solid}
.zn-navBox .item .ceping_menu li a:hover{color:#EEA346;border-bottom:white 0px solid;background: white}
.zn-navBox .item>li>a{list-style: none;outline: none;border: 0px;}
.zn-logo-wrapper .zn-navBox{float: right;margin-top: -10px;}
.zn-logo-wrapper .zn-navBox{width: 719px}

.scrollup {width: 63px;height: 63px;opacity: 0.8;position: fixed;bottom: 100px;right: 15px;display: none;text-align: center;color: #fafafa;font-size: 28px;z-index: 9999;}
.scrollup:hover{opacity: 1;}



/* 他原来写的样式 */



.zn-banner {
	position: relative;
	overflow: auto;
	text-align: center;
}
.zn-banner li {
	list-style: none;
}
.zn-banner ul li {
	float: left;
}
#zn-banner { width: 100%; }
/* #zn-banner{width: 1349px;min-width: 1200px;max-width: 100%;;} */
#zn-banner .dots { position: absolute; left: 0; right: 0; bottom: 10%;display: none}
#zn-banner .
ots li {display: inline-block;width: 10px;height: 10px; margin: 0 6px;text-indent: -999em; border-radius: 50%; cursor: pointer; background: rgba(255,255,255,0.69);}
#zn-banner .dots li.active {background:#FFCF40;}
/* #zn-banner img{display: block;}  */

/*[class^="zn-w"]{font-size: 14px;display: inline-block;  *display:inline;  *zoom:1;vertical-align: top;}
.zn-main{ margin-left: -30px;font-size: 0;}
.zn-main [class^="zn-w-"]{margin-left: 30px;}*/

.zn-w-courseLeftMenu{width: 190px;float: left;}
.zn-w-courseLeftMenu>a{display: block;text-align: center;padding: 22px 0;margin-bottom: 26px;font-size: 21px;color: #fff;text-shadow: 1px 1px 1px #ddd;cursor: pointer;}
.zn-w-courseLeftMenu>a.b1{background: #efbb46;}
.zn-w-courseLeftMenu>a.b2{background: #e64c5f;}
.zn-w-courseLeftMenu>a.b3{background: #00b8ce;}
.zn-w-courseLeftMenu>a.b4{background: #d35baf;}
.zn-w-courseLeftMenu>a.b5{background: #87c25b;}
.zn-w-courseLeftMenu>a.b1:hover,.zn-w-courseLeftMenu>a.b1.active{box-shadow: 5px 5px 0 #da9c0f}
.zn-w-courseLeftMenu>a.b2:hover,.zn-w-courseLeftMenu>a.b2.active{box-shadow: 5px 5px 0 #c43244}
.zn-w-courseLeftMenu>a.b3:hover,.zn-w-courseLeftMenu>a.b3.active{box-shadow: 5px 5px 0 #0092a4}
.zn-w-courseLeftMenu>a.b4:hover,.zn-w-courseLeftMenu>a.b4.active{box-shadow: 5px 5px 0 #c33699}
.zn-w-courseLeftMenu>a.b5:hover,.zn-w-courseLeftMenu>a.b5.active{box-shadow: 5px 5px 0 #76ac4e}
.zn-w-courseList{display: inline-block;float: left;max-width: 980px;}
.zn-courseList{border:#ECECEC solid 1px;background: #F7F7F7; padding: 20px 10px;}
.zn-courseList .aplist{margin-left: -10px;margin-bottom: -10px;}
.zn-courseList li{margin-left: 10px;margin-bottom: 10px;}
.zn-courseList .picText{border:#E4E4E4 solid 1px;padding: 10px;}
.zn-courseList .picText img{width: 290px;height: 162px;}
.zn-courseList .picText .text2{text-align: left;font-size: 16px;padding: 15px 0 5px;text-overflow: ellipsis;width: 290px; }
.zn-courseList .picText:hover{background: #fff; box-shadow: 0 0 5px #ccc;}
#portamento_container { float: left; position: relative; width: 220px; }
#portamento_container #sidebar { float: left; position: absolute; }
#portamento_container #sidebar.fixed { position: fixed; }

.zn-topLine{height: 1px; font-size: 0; background:#EA893C;}
.breadcrumb {  padding: 8px 0;  margin-bottom: 20px;  list-style: none;  border-radius: 4px;  }
.breadcrumb > li {  display: inline-block;font-size: 16px; }
.breadcrumb > li + li:before {  padding: 0 5px;  color: #ccc;  content: ">\00a0";  }
.breadcrumb > .active {  color: #808080;  }

.course-slide{height: 500px;}
.course-slide .img{width: 800px;float: left;}
/* .course-slide .img img{width: 100%;height: 494px;display: block;} */
.course-slide .img a{display: block;position: relative; z-index: 10;}
.course-slide .img .bg-mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4); z-index: 12;}
.course-slide .img .bt{position: absolute;left: 50%;top: 50%;width: 236px;height: 85px;background: url(images/v-bt.png) no-repeat; z-index: 15;margin-left: -118px;margin-top: -42px;}
.course-slide .right{float: left; margin-right: 20px;width: 200px;background: #F7F7F7;padding:20px 10px 10px;height: 494px;}
.course-slide .right h2{font-size: 18px;margin-bottom: 10px;color: #008ace;font-weight: normal;padding-left: 10px;}
.course-slide .right .aptext{padding: 10px;overflow: hidden; cursor: pointer;}
.course-slide .right .aptext .pic{position: relative;}
.course-slide .right .aptext .pic img{width: 150px;height: 85px;}
.course-slide .right .aptext .pic span.time{display: block;background: rgba(0,0,0,0.6);color: #fff;padding: 3px 5px;font-size: 12px;position: absolute;bottom: 6px;left: 6px;}
.course-slide .right .aptext .text{font-size: 16px;line-height: 1.8;padding-top: 6px;}
.course-slide .right .on .aptext,.course-slide .right li:hover .aptext{background: #fff;box-shadow: 0 0 5px #ccc;color: #008ace;}

/* .zn-row-grey02{padding: 50px 0;background: #fafafa;} */
.zn-row-grey02{padding: 50px 0;}
.zn-row-grey02 .white-padding{padding: 30px  0;background: #fff;}

.course-slideTxt{overflow: hidden; }
.course-slideTxt .hd{  border-bottom:1px solid #90C4EB;  position:relative; overflow: hidden; }
.course-slideTxt .hd ul li{ float:left;  cursor:pointer;  padding-bottom: 6px; border-bottom: transparent solid 2px; color: #666; margin-right: 60px;font-size: 22px;}
.course-slideTxt .hd ul li.on{ color: #008ace;border-bottom:3px solid #008ace;  }
.course-slideTxt .bd{ padding:25px 0;  }

.zn-content-card .item.bg01{background: rgba(255,225,153,.14);padding: 20px;}
.zn-content-card .item{margin-bottom: 30px;font-size: 16px;line-height: 2}
.zn-content-card .item .title{font-size: 20px;margin-bottom: 15px; line-height: 20px;color: #008ace;font-weight: normal;}
.zn-content-card .item .t1{ }
.zn-content-card .item .t2{ line-height: 1.8;padding-left: 25px;}

a{outline: none}
#denglu>a {
    font-weight: bold;
    padding: 5px 13px;
    border-radius: 6px;
		border: 2.5px solid #ff943d;
		color: #ff943d;
		outline: none;
}



/* 注册登录模态窗样式从页面内迁移到这里 */
.hide{display: none;}
/* 整个模态窗 */
.c1{position: fixed;top:0;bottom: 0;left:0;right: 0;background: rgba(0,0,0,.5);z-index: 29;}
/* 注册登录部分 类名为：.c2  id:modal*/
.c2{background-color: #e3f5ff;position: fixed;width: 400px;height: 420px;top:30%;left: 50%;z-index: 30;margin-top: -150px;margin-left: -200px;text-align: center;}

#modal input {height: 40px;border: 0px;border-radius: 5px;}
 .forget{text-align: right;margin-right: 45px;}
 .reg>img{width: 14px;vertical-align: top}
 .reg{cursor: pointer;}
.username{
	padding-left: 30px;
	width: 270px;
	/* margin-top: 20px; */
	margin-bottom: 10px;
	background-color: #e5e5e5;
   position: relative;
}
#user_img,#pass_img{vertical-align: middle;width: 15px;position: relative;top: -3px;left: 30px;margin-right: 5px;z-index: 1000}

.password{padding-left: 30px;width: 270px;margin-bottom: 10px;background-color: #e5e5e5;position: relative;}
  /* 登录按钮 */
.login{background-color: #0099df;color: #fff;font-size: 16px;width: 300px;}
 /* 关闭按钮 */
/* .closeimg{float: right;margin-right: 20px;margin-top: 10px;width: 15px;cursor:pointer;} */
.closeimg{position: relative;top: -135px;right: -180px;;width: 15px;cursor:pointer;}
.closeimg2{position: relative;width: 15px;right: -180px;top: 10px;cursor: pointer;padding: 3px;}
/* 错误提示消息框 */
.loginmsg{color: #EEA346;font-size: 14px;}
/* 头部导航栏上的注册登录按钮 */
.user{float: right;width: 190px;margin-right: 60px}
.c2>p>.login{margin-left: 25px}


.c3{background-color: white;position: fixed;width: 400px;height: 480px;
	left: 50%;z-index: 30;margin-top: -50px;margin-left: -200px;text-align: center;}
.c3>p{margin: 0px;position: relative;}
.c3 #hqyzm{position: absolute;top: 18px;right: 48px;width: 90px;outline: none;
		   border: 1px solid #ff943d;color: #ff943d;border-radius: 5px;height: 28px
		}

.c3>p>input{margin: 10px auto}
.c3 .login{margin-left: 25px;cursor: pointer;}
.c3 .reg img{width: 14px;vertical-align: top}


#add {
	display:none;
	margin-left: 15px;
	 background-repeat:no-repeat; 
	 background-size:100% 100%;
		  position: absolute;
		  width: 100px;
		  height: 83px;
		  z-index: 3;
		  padding-top: 15px;
		  
  }
#add>a{
	    display: block;
		  color: #777777;
			font-size: 14px;
			margin-top: 6px;
			height: 18px;
		  outline: none;
			border: 0px;
			cursor: pointer;
	}
	#add>a:first-child {
    margin-top: 12px;
}
  /* #add  .lines{height:1px;border-bottom: 1px solid orange;width:80%;margin:0 auto} */
/* #add>a:first-child{margin:15px 0px 10px 0px} */
/* #add>a:last-child{margin-bottom: 15px} */
#add a:hover, #add a.active {
  color: #EEA346;
  text-decoration: none;
  border: 0px;
}

#username a{
	  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}


#add .mycourse{display: none}