html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1;font:0.875em/1.5 Arial,Verdana,Sans-serif;color:#333}img{vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}a{text-decoration:none;-webkit-transition:.25s;transition:.25s;color:#333}a:hover,a:focus{text-decoration:none;color:#333}a:focus{outline:0}.z{float:left}.y{float:right}.cl:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}.cl{zoom:1}.f12{font-size:0.75em}.f14{font-size:0.875em}.f16{font-size:1em}.f18{font-size:1.125em}.f20{font-size:1.10em}.f23{font-size:1.45em}.f24{font-size:1.5em}.f25{font-size:1.6em}.f30{font-size:1.8em}.f40{font-size:2.45em}
.bgfff{background-color:#fff;}.bgxo{ background-color:#eeeff3;}.bgf33{ background-color:#f33;}
.bgf5{background-color:#f5f5f5}.bgf0{background-color:#000}.bgf3{background-color:#333}.bg555{background-color:#555}.bgea{background-color:#eaeaea}
.cfff,.cfff a,.cfff a:hover{color:#FFF}.cf33,.cf33 a,.cf33 a:hover{color:#F33}.c690{color:#690}.cccc{color:#ccc}.c000{color:#000}.c000 a{color:#06F}h1.c000 a{color:#000}.c999,.c999 a,.c999 a:hover{color:#999}.c555{color:#555; text-align:center; margin-top:-5px}.c555 a{color:#555}.c555 a:hover{color:#f33}.cf30,.red,.cf30 a,.red a{color:#f66}#color,#color h1,#color h3,#color li,#color div,#color .xobannerifno a{color:#fff}.radius2{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}.radius4{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.fn{font-weight:normal;font-style:normal}.w350{width:350px}.pipe{color:#ddd;padding:0 5px}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.ml10{margin-left:10px}.ml20{margin-left:20px}.mr5,.m-r5{margin-right:5px}.mr10,.m-r10{margin-right:10px}.mr15{margin-right:15px!important}.mr20{margin-right:20px}.m-r20{margin-right:20px!important}.mr30{margin-right:30px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px}.mb5{margin-bottom:0px; text-align:center}.m-b10,.mbm{margin-bottom:5px!important}.mb10{margin-bottom:10px}.m-b10,.mbm{margin-bottom:10px!important}.mb20{margin-bottom:20px}.m-b20,.mbw{margin-bottom:20px!important}.mb30{margin-bottom:30px}.mb50{margin-bottom:50px}.mt10,.m-t10{margin-top:10px!important}.mt15,.m-t15{margin-top:15px!important}.mt20,.m-t20,.mtw{margin-top:20px!important}.mt30{margin-top:30px}.mt50{margin-top:30px}.mtb30{margin:30px auto}.mtb50{margin:50px auto}.pt10{padding-top:10px}.pt20{padding-top:20px}.pt50{padding-top:50px}.pt40{padding-top:40px}.pt30{padding-top:30px}.p-t20{padding-top:20px!important}.p-b10{padding-bottom:10px!important}.p-b20{padding-bottom:20px!important}.p-b50{padding-bottom:50px!important}.p-r30{padding-right:30px!important}.p-r20{padding-right:20px!important}.p-l30{padding-left:30px!important}.p-tb15{padding:15px 0}.ptb20{padding:20px 0}.ptb30{padding:30px 0}.ptb50{padding:50px 0}.p5{padding:5px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.p30{padding:30px}.p50{padding:50px}.b1d{border:1px solid #ddd}.b-t-1c{border-top:1px solid #ccc}.b-b-1d{border-bottom:1px dotted #ddd;margin-bottom:10px!important}.b-b-3c{border-bottom:3px solid #ccc;margin-bottom:20px!important}.b-b-1c{border-bottom:1px solid #ccc;margin-bottom:20px!important}.b_t1c{border-top:1px solid #ccc}.b_t5c{border-top:5px solid #ccc}.btn{border:0;font-size:14px;font-weight:normal;line-height:1.4;padding:8px 23px;-webkit-font-smoothing:subpixel-antialiased;-webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;transition:border .25s linear,color .25s linear,background-color .25s linear}.btn:hover,.btn:focus{outline:0;color:#fff}.btn:active,.btn.active{outline:0;-webkit-box-shadow:none;box-shadow:none}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{background-color:#f33;color:rgba(255,255,255,0.75);opacity:.7;filter:alpha(opacity=70)}.btn>[class^="fui-"]{margin:0 1px;position:relative;line-height:1;top:1px}.btn-danger{color:#fff;background-color:#f33; border:1px solid #f33; display:inline-block;}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#e31717;border-color:#e31717}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background:#c44133;border-color:#c44133}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#e74c3c;border-color:#e74c3c}.btn-x{color:#f33;border:1px solid #f33}.btn-x:hover,.btn-x:focus,.btn-x:active,.btn-x.active,.open .dropdown-toggle.btn-x{color:#e74c3c;border:1px solid #e74c3c}.btn-x:active,.btn-x.active,.open .dropdown-toggle.btn-x{color:#c1392b;border:1px solid #c1392b}.btn-x.disabled,.btn-x[disabled],fieldset[disabled] .btn-x,.btn-x.disabled:hover,.btn-x[disabled]:hover,fieldset[disabled] .btn-x:hover,.btn-x.disabled:focus,.btn-x[disabled]:focus,fieldset[disabled] .btn-x:focus,.btn-x.disabled:active,.btn-x[disabled]:active,fieldset[disabled] .btn-x:active,.btn-x.disabled.active,.btn-x[disabled].active,fieldset[disabled] .btn-x.active{color:#c1392b;border:1px solid #c1392b}.btn-0{color:#000;border:1px solid #000}.btn-0:hover,.btn-0:focus,.btn-0:active,.btn-0.active,.open .dropdown-toggle.btn-0{color:#f33;border:1px solid #f33}.btn-0:active,.btn-0.active,.open .dropdown-toggle.btn-0{color:#f33;border:1px solid #f33}.btn-0.disabled,.btn-0[disabled],fieldset[disabled] .btn-0,.btn-0.disabled:hover,.btn-0[disabled]:hover,fieldset[disabled] .btn-0:hover,.btn-0.disabled:focus,.btn-0[disabled]:focus,fieldset[disabled] .btn-0:focus,.btn-0.disabled:active,.btn-0[disabled]:active,fieldset[disabled] .btn-0:active,.btn-0.disabled.active,.btn-0[disabled].active,fieldset[disabled] .btn-0.active{color:#f33;border:1px solid #f33}.btn-f{color:#fff;border:1px solid #fff}.btn-f:hover,.btn-f:focus,.btn-f:active,.btn-f.active,.open .dropdown-toggle.btn-f{color:#ddd;border:1px solid #ddd}.btn-f:active,.btn-f.active,.open .dropdown-toggle.btn-f{color:#ddd;border:1px solid #ddd}.btn-f.disabled,.btn-f[disabled],fieldset[disabled] .btn-f,.btn-f.disabled:hover,.btn-f[disabled]:hover,fieldset[disabled] .btn-f:hover,.btn-f.disabled:focus,.btn-f[disabled]:focus,fieldset[disabled] .btn-f:focus,.btn-f.disabled:active,.btn-f[disabled]:active,fieldset[disabled] .btn-f:active,.btn-f.disabled.active,.btn-f[disabled].active,fieldset[disabled] .btn-f.active{color:#ddd;border:1px solid #ddd}.btn-primary{color:#fff;background-color:#1abc9c}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#48c9b0;border-color:#48c9b0}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background:#16a085;border-color:#16a085}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#1abc9c;border-color:#1abc9c}.btn-tip{padding-left:10px;font-size:92%}.btnp a{font-size:18px;padding:13px 43px}.btnp i{margin-right:20px}
html,body{ background-color:#FFF;}#time span{ color:#f33;}
.wp{ width:100%!important; margin:0 auto;overflow:hidden;position:relative; background-color:#FFF;}
.wp img{ width:100%; height: auto;}
.wap_photo,.wap_videoli{width:100%}.wap_photo li,.wap_videoli li{width:40%;float:left;text-align:center;padding:5% 5% 0 5%}
.wap_photo li p,.wap_videoli li p{font-size:80%;color:#999}.wap_photo img,.wap_videoli img{width:100%}.wap_videoli li{height:100px}
.pos{font-size:14px; color:#FFF;}
.pos a{color:#555;font-size:14px;padding:0 3px}
.home{height:23px;text-align:right;line-height:23px;font-size:14px}
.home img{height:100%}
.home a{color:#F33}
/*index*/
.bx-wrapper{ margin:0;}
#slider-course{ background-color:#eaeaea;}
#slider-course .bx-wrapper .bx-pager, #slider-course .bx-wrapper .bx-controls-auto{ bottom:5px;}
#slider-course h3{font-size:18px; line-height:180%;}
#slider-course p{ font-size:14px;}
.bx-wrapper .bx-caption{ background:none; bottom:-60px; text-align:center;}
.bx-wrapper .bx-caption span{ color:#333; padding:0 20px; font-family:arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;}
.bx-wrapper .bx-pager.bx-default-pager a{ width:8px; height:8px;}
.wapbtn{ margin:20px 0 20px 0;}
.wapbtn a{ padding:7px 30px; font-size:14px;}
.course{ position:relative; width:100%;}
.course div{ position:absolute; left:0; right:0; top:0; bottom:0;}
.course div h3{ font-size:18px;}
.footmenu{}
.footmenu li{ line-height:50px; font-size:18px;display:block;border-bottom:1px solid #ddd;padding:0 20px;}
.footmenu li a{ line-height:50px;display:block; }
.footmenu li span{ font-size:13px; float:right; color:#999;}
.footmenu1 li{ float:left; width:50%; text-align:center;}
.footmenu1 li i{ display:block; font-size:40px; margin-bottom:10px;}
.footmenu1 strong{display:block; font-size:16px;}
.footmenu1 span{display:block; font-size:12px; color:#999; line-height:23px;}
.footmenu1 li a{ display:block; float:left; width:100%; padding:30px 0;text-align:center;}
.wap_listli{ padding:15px;}
.wap_listli li{ display:block; clear:both; padding:10px 0; float:left; width:100%; border-top:1px solid #ddd;}
.wap_listli li img{ float:left; margin-right:10px;}
.wap_listli li p{ font-size:14px;}
.wap_listli li p span{ display:block; font-size:12px; color:#999;}
.listli{ padding:15px;border-bottom:1px solid #eee;}
.listli li{float:left; width:100%; border-top:1px solid #eee; padding:10px 0 10px 0;}
.listli li img{ width:25%; float:left; margin-right:15px;}
.listli li p{ font-size:1.15em;}
.listli li p span{font-size:0.75em; color:#999; padding-top:5px; display:block;}
.fanglistli{ padding:3%;}
.fanglistli li{display:inline-block; width:33.3%; float:left; text-align:center;}
.fanglistli li a p{ font-size:12px; color:#999; line-height:30px;}
.photoli{}
.photoli li{ width:29%; float:left; position:relative; margin-left:3.2%; text-align:center; margin-bottom: 20px;}
.photoli li h3{ padding-top:5px; font-size:1.2em;}
.photoli li img{ width:100%;display:block;}
.photoli li p{ text-align:center; font-size:0.8em;display:block; height:38px; line-height:38px; color:#555;}
.photolizt{ padding:10px;}
.photolizt li{ width:33.333%; float:left; position:relative; padding:5px; text-align:center;box-sizing:border-box;}
.photolizt li img{ width:100%;display:block; margin-bottom: 8px;}
.photolizt li p{ text-align:left; display:block;overflow:hidden; color:#666; margin-bottom: 10px; font-size: 0.9em;}
.photolijob{}
.photolijob li{ width:29%; float:left; position:relative; margin-left:3.2%; text-align:center;}
.photolijob li h3{ padding-top:10px; font-size:1em;}
.photolijob li img{ width:100%;display:block;}
.photolijob li p{ text-align:center; font-size:0.8em;display:block;height:38px; overflow:hidden; color:#666; margin-bottom:10px;}
.photolijob li p span{ display:block; line-height:16px; height:16px; overflow:hidden;}
.photo3li{}
.photo3li li{ width:30%; float:left; position:relative; margin-left:2.5%; overflow:hidden;}
.photo3li li img{ width:100%;display:block;}
.photo3li li p{ text-align:center; font-size:12px;display:block; height:38px; line-height:38px; overflow:hidden;}
.photo3li li a p{ color:#999;}
.courseli{padding:15px;}
.courseli li{display:block; clear:both; padding:10px 0; float:left; width:100%;}
.courseli li img{ float:left;margin-right:10px;}
.courseli li p{font-size:14px;}
.courseli li p span{ display:block;}
.wapcourseli{ padding: 15px; font-size: 16px;}
.wapcourseli li{ width: 100%; display: block; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 15px;}
.wapcourseli img{ float: left; margin-right: 15px; width:40%;}
.wapcourseli h3{ margin-bottom:3px;font-size:16px;}
.wapcourseli span.rmb{ color: #f33; font-size: 18px; font-weight: bold;}
.wapcourseli span.xueq{ color: #666; font-size: 14px;}
.contactli{ padding:15px;}
.contactli li{display:block; clear:both; width:100%; border-bottom:1px solid #eee;line-height:45px; position:relative; float:left;}
.contactli li a{display:block;float:left; width:100%;}
.contactli li i{ position:absolute; right:0; top:15px; color:#CCC;}
.categoryli{}
.categoryli li{width:100%;float:left; overflow:hidden;border-bottom:1px solid #ddd; display:block; float:left;background: url(../../images/wap/g.png) no-repeat 98% center;}
.categoryli li a{ display:block; padding:10px 0px; float:left; width:100%; line-height:23px; height:23px; font-size:16px;}
#pages{text-align:center;padding:30px 20px 60px 20px;font-size:16px}
#pages a{background-color:#f1f1f1;border:1px solid #eee;display:inline-block;padding:5px 10px; margin-bottom:10px;}
#pages a.a1{border:1px solid #f33;background-color:#f33;color:#fff}
#pages a:hover{border:1px solid #ddd;-webkit-box-shadow:0 1px 1px #eee;-moz-box-shadow:0 1px 1px #eee;box-shadow:0 1px 1px #eee}
#pages a.a1:hover{border:1px solid #ce3300;-webkit-box-shadow:0 1px 1px #f9ede9;-moz-box-shadow:0 1px 1px #f9ede9;box-shadow:0 1px 1px #f9ede9}
#pages span{padding:10px 15px;color:#999}
.indexmenu{ padding:15px 0px;border-bottom:1px solid #dadbdf;}
.indexmenu li{ line-height:50px; font-size:18px;display:block;padding:0 30px; border-bottom:1px solid #f5f5f5;}
.indexmenu li a{ line-height:50px;display:block; }
.indexmenu li span{ font-size:13px; float:right; color:#999;}
#wapfoot{ padding:25px 0 30px 0; background-color:#262528;}
#sns{ padding: 20px 0;}
#sns a{background: url(../../images/x5/wap/sns.png) no-repeat;display:inline-block; background-repeat:no-repeat; width:35px; height:0px; overflow:hidden; padding-top:35px; margin:0 15px; background-size: auto 100%;}
#sns a:nth-child(1){background-position:0px 0px;}
#sns a:nth-child(2){background-position:-35px 0px;}
#sns a:nth-child(3){background-position:-70px 0px;}
#sns a:nth-child(4){background-position:-105px 0px;}
.footnav{ padding:20px;}
.footnav li a{ color: #fff; display: block; border-bottom: 1px solid #555; padding: 10px 0;}
/*2016*/
#banner2016{ background-color:#000;}
#banner2016 img{ width: 100%; height: auto;}
#menu2016{ font-size:1em; position:relative; padding-right:35px;padding-top:2px; background-color:#262528;}
#menu2016 ul li{ text-align:center; width:auto; border-right:1px solid #363538;}
#menu2016 ul li a{padding:0.5em 1em; display:inline-block; color:#fff;}
#menu2016 ul li a.cur{ color:#f33; border-bottom:2px solid #f33;}
#menu22016{ font-size:14px; background-color: #fff; margin-bottom: 0px;}
#menu22016 ul li{ text-align:center; width:auto;}
#menu22016 ul li a{padding:10px 10px 8px 10px; display:inline-block; color: #666; margin-left:5px;}
#menu22016 ul li a.cur{ background-color: #fff; font-weight: bold; border-bottom: 2px solid #666;}
#lianxi{ position:absolute;right:0;top:0; width:39px; height:39px; color:#fff; background-color:#343236;z-index:100; line-height:39px; text-align:center; font-size:1.3em;margin-left:10px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 1); box-shadow:0 0 10px rgba(0, 0, 0, 1); }
#lianxi a{ display:block; color:#fff; font-size:1.1em;}
.h32016box{font-size:1.2em;color:#333;padding:15px 15px 10px 15px;}
.h32016{ float:left;border-left:3px solid #f33; padding-left:10px; word-spacing:8px; letter-spacing: 1px; font-weight: normal;}
.h32016p{ float:right; font-size:0.8em; color:#555; padding-top:3px;}
.ulnews{ padding:10px 0;}
.ulnews li{ padding:8px 15px; font-size:1.15em;}
.ulnews li p{}
.ulnews li em{ font-style:normal; font-size:0.8em; color:#777;}
.ulnews img{ width:70px; height:70px; float:left; margin-right:10px;}
.indexcourse{float:left; width:50%; text-align:left; background-color:#fff; padding-bottom:10px;}
.indexcourse img{width:100%;}
.indexcourse h3{padding:10px 0 0 15px; font-size:1.15em; margin-bottom:5px;}
.indexcourse p{padding:0 0 0px 15px; font-size:0.85em; line-height:0.9em}
.indexcourse em{padding:0 0 10px 15px; font-size:0.7em; color:#999; font-style:normal; line-height:0.8em;}
.indexcourse a,.indexcourse a:hover{ color:#000;}
.ulvideo{ padding:15px;}
.ulvideo li{font-size:0.9em; position:relative; float:left; width:110px; margin-right:15px; color:#666;}
.ulvideo li .mask{ position:absolute;background-color:rgba(34,34,44,0.3); color:#fff; width:110px; height:110px; font-size:1.2em; text-align:center; top:0; left:0;}
.ulvideo li .mask i{display:block; margin:30px auto 10px auto;background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-play.png) no-repeat center center;background-size:70%; width: 45px; height: 45px;}
.ulvideo li .mask em{font-style:normal; font-size:0.75em; display:block;}
.ulvideo img{ width:110px; height:110px; margin-bottom:5px;}
.ulzt{ padding-top:15px;padding-left: 15px;padding-right: 15px;}
.ulzt li{font-size:0.9em; position:relative; float:left; width:110px; padding-right:15px; color:#666;}
.ulzt img{ width:110px; height:110px; margin-bottom:5px;}
.ulzt li em{ font-style:normal; font-size:0.8em; color:#888;}
.ulshi{ padding:15px;}
.ulshi li{font-size:0.9em; position:relative; float:left; width:110px; padding-right:15px; color:#666;}
.ulshi img{ width:110px; height:149px; margin-bottom:5px;}
.ulshi li em{ font-style:normal; font-size:0.8em; color:#888;}
.qq a{ font-size:1.2em;}
#waptz{ padding:15px;}
.telmenu li{ width:33.33%; float:left; text-align: center; }
.telmenu li a{color:#fff; display:block;border-left: 1px solid #444;}
.telmenu li:nth-child(1) a{border-left: 0px solid #f66;}
.telmenu li a span{ display:block; font-size:0.65em; color:#999;}
.telmenu li a i{display:block; width: 40px; height: 40px; margin: 0 auto;}
.telmenu li a i.fa-phone{background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-call.png) no-repeat center center;background-size:60%;}
.telmenu li a i.fa-comment{background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-qq.png) no-repeat center center;background-size:60%;}
.telmenu li a i.fa-weixin{background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-wx.png) no-repeat center center;background-size:80%;}
#banner2016 .gaokao{ position:absolute; right:10px; bottom:10px; z-index:9999; width:25%; height:auto;}
#SOHUCS #SOHU_MAIN .module-mobile-cmt-list .list-footer-wrapper-wap .cy-logo{ display:none;}
#showqq{position:fixed; bottom:0px; left:0px; z-index:2000000000;}
.wpa-container {display: inline-block;*zoom: 1;*display: inline;position: relative;width: 100%;height: 65px;line-height: 63px;}.theme-1 {background: #fff;}.theme-2 {background-color: rgba(0, 0, 0, 0.8);}.theme-3 {background: #f0f0f0;}.wpa-container.middle {background: transparent!important;}.avatar {width: 50px;height: 50px;border-radius: 50%;vertical-align: middle;margin-left: 15px;}.has-avatar .avatar {display: inline-block;*zoom: 1;*display: inline;}.has-avatar .texts, .closable .texts {margin-left: 9px;}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {.has-avatar .texts, .closable .texts {margin-left: 9px;}}@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {.has-avatar .texts, .closable .texts {margin-left: 15px;}}.closable .avatar {margin-left: 9px;}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {.closable .avatar {margin-left:10px;}}@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {.closable .avatar {margin-left:15px;}}.closable .icon-close {display: inline-block;*zoom: 1;*display: inline;}.middle.closable .icon-close {display:none;}
.action .icon {position:relative; top: 15px;display: none;}
.action .icon.icon-qq {display: inline-block;*zoom: 1;*display: inline;width:22px;height: 26px;vertical-align: middle;background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-qq.png) no-repeat;background-size:22px 26px;}
.action .icon.icon-im {display: inline-block;*zoom: 1;*display: inline;width: 26px;height: 26px;vertical-align: middle;background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-im.png) no-repeat;background-size:26px 26px;}
.action .icon.icon-call {display: inline-block;*zoom: 1;*display: inline;width: 25px;height: 26px;vertical-align: middle;background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-call.png) no-repeat;background-size:25px 26px;}
.icon-close {display: none;width: 10px;height: 10px;vertical-align: middle;background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-close.png) no-repeat;margin-left: 10px;background-size:10px 10px;}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {.icon-close {margin-left:10px;}}@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {.icon-close {margin-left:15px;}}.theme-2 .icon-close {background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-close.png) no-repeat;background-size:10px 10px;}.texts {display: inline-block;*zoom: 1;*display: inline;vertical-align: middle;line-height: 20px;margin-top: -2px;margin-left: 15px;}.title {font-size: 17px;color: #000;word-break: break-all;word-wrap:break-word;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}.signature {font-size: 14px;color: #777;word-break: break-all;word-wrap:break-word;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position:relative;top: 3px;}.theme-2 .title, .theme-2 .signature {color: #fff;}.middle .title {color: #000!important;}.middle .signature {color: #999!important;}.spliter { float:right;display:block;*zoom: 1;*display: inline;vertical-align: middle;height:65px;width: 1px;background: #d6d6d6; }.spliter.spliter-long {height: 40px;}.theme-2 .spliter {background: #565656;}.middle .spliter {background: #d6d6d6!important;}
.actions {display: inline-block;*zoom: 1;*display: inline;vertical-align: middle;position: absolute;right: 0;top: 0;height: 65px;}
.actions span.icon {cursor: pointer;}.btnText {font-size: 11px;color: #777;display: none;}.theme-2 .btnText, .theme-2 .title, .theme-2 .signature {color: #fff;}.middle .btnText {color: #777!important;}
.action { float:right;margin-top:0px;display:block;*zoom: 1;*display: inline;vertical-align: middle;text-align: center;line-height:30px;position: relative;width: 50px;height: 65px;}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {.action {width: 60px;}}@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {.action {width: 60px;}}.has-btnText .action {width: 75px;}.has-btnText .action .icon {top: 14px;}.action.no-action2 {display:none;}.has-btnText .action .btnText {display: inline-block;*zoom: 1;*display: inline;position: relative;top: 15px;word-break: break-all;word-wrap:break-word;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.listvideo{ width: 100%; padding: 20px 0;}
.listvideo li{display:inline-block; width: 45.5%; float: left; margin-left: 3%; margin-bottom:30px;}
.listvideo li img{ display: block;}
.listvideo li a{ line-height:18px; font-size: 14px;}
.listvideo p{height: 36px; overflow: hidden; display: block;}
.listvideoimg{position: relative;margin-bottom: 10px;}
.listvideotime{ position: absolute; right: 0px; bottom: 0px; text-align: center; width: 50px; font-style: normal; font-size: 12px;color: #fff;
background-color:rgba(0,0,0,.6);}
.wxline{display: inline-block;
position: relative;
width: 100%;
height: 70px;
line-height: 68px;
background: transparent;
border-top: 1px solid #ddd;}
.wxline img{ width:50px; height: 50px;}
.wxline .button{top: 19px;
padding: 6px 12px;
font-size: 14px;
height: 18px;
line-height: 18px;color: #00a5e0!important;
border-color: #00a5e0!important;
display: inline-block;
text-decoration: none;
color: #00a5e0;
text-align: center;
border-radius: 5px;
border: 1px solid #00a5e0;
position: absolute;
right: 15px;}
.iconadd{display: inline-block;
width: 9px;
height: 9px;
background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-add.png) no-repeat;
margin-right: 5px;
background-size: 9px 9px;}
.iconqq{display: inline-block;
width: 12px;
height: 12px;
background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-qq.png) no-repeat;
margin-right: 5px;
background-size: 12px 12px;}
.iconcall{display: inline-block;
width: 9px;
height: 9px;
background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-call.png) no-repeat;
margin-right: 5px;
background-size: 9px 9px;}
.amonita{ padding: 30px 0; background: #222;color: #fff;}
.amonita a{ color: #fff;}
.amonita h3{ border-left:4px solid #f30; padding-left:16px; font-size:20px; margin-left: 15px; margin-bottom:15px;}
.amonita p{ padding-left: 20px; margin-left: 15px;}
.amonita .wapbtn a{ font-size: 18px;}
.amonitaul{border-bottom: 1px solid #333; padding: 10px 0 0 0;}
.amonitaul a{color: #ccc;}
.amonitaul li{ border-top: 1px solid #333; line-height:38px; font-size: 16px;background: url(../../images/wap/g.png) no-repeat 95% center;}
.amonitaul li a{ display: block; padding-left:35px; font-weight: bold;}
/*beijing*/
.city{ background: #999; color: #fff; padding: 2px 5px; margin-right:2px; font-size:12px; border-radius:10px;height:12px; line-height:12px; display: inline-block;}
.xogo{background: #666; display: inline-block; padding: 0px 23px; color: #fff; height: 32px; line-height: 32px;}
.pipe{ padding: 0 3px;}
.kch3{ text-align: center; text-transform: uppercase; font-size:16px; padding:20px; font-weight: normal;}
.kch3 i{ margin-left: 5px;}
/*.kcbox{ float: left;width: 50%; padding-bottom:10px; position: relative; height:268px}*/
.kcbox{ float: left;width: 50%; padding-bottom:10px; position:relative; ; background: }
.kchot{ position: absolute; left:0px; top:0px; background: #f66; color: #fff; display: inline-block; padding:1px 10px 0 10px; font-size: 10px;height: 20px; line-height: 20px;}
.kcboxbg .kcbox:nth-child(2) img,.kcboxbg .kcbox:nth-child(4) img{border-left: 1px solid #fff;}
.kcboxbg .kcbox:nth-child(2) .kchot,.kcboxbg .kcbox:nth-child(4) .kchot{left:1px;}
/*.kctext{ padding:15px 10px 10px 10px; line-height:125%;}*/
/*.kctext{ padding:15px 10px 10px 10px; }*/
.kctext{ padding-top:6px; padding-right:15px ; padding-left:15px }
.kcli{}
.kcli li{width:100%;float:left; overflow:hidden;border-bottom:1px solid #ddd; display:block;}
.kcli li a{ display: inline-block; padding:10px 0px; line-height:23px; height:23px; font-size:14px;}
.kcli li span{ display: inline-block;}
.kcli li span:nth-child(1){ width:150px; font-weight: bold;}
.kcli li span:nth-child(2){ width: 40px;}
.kcli li span:nth-child(3){ width: 60px;}
.kcli li span:nth-child(4){ width: 60px;}
.kcmore{ padding: 10px 15px 0px 15px;}
.kcmore a{ display: block; font-size: 1.1em;}
.kcmore a span{ float: right; }
.kcmore a img{ width: 23px; height: 23px;}
/*wapkc*//*wapkc*//*wapkc*//*wapkc*//*wapkc*/
.wapkcbox{ background: #fff; margin-bottom: 10px; padding-bottom: 10px;}
.wapkcboxtt{ padding: 15px 20px 10px 20px; border-bottom: 1px solid #ddd; margin-bottom: 5px; font-size: 1.25em; text-align: center;}
/*顶部返回*/
#back-to-topbg{position: fixed;z-index: 999; width: 100%; height: 45px; background: #fff;-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 5px rgba(0, 0, 0, .2); box-shadow:0 0 5px rgba(0, 0, 0, .2);}
#back-to-topbg p{height: 45px; display: inline-block;}
p.back-to-courseli{ width: 50px; font-size: 1.25em; line-height: 45px; text-align: center;}
#topnavul{ position:absolute; right:0; top:0;}
#topnavul li{display: inline-block;}
#topnavul a{ display:block;line-height:45px;padding:0 8px;height: 45px;}
#topnavul a.current{ color: #f66; border-bottom: 1px solid #f66;}
.wapbackpng{ width: 1.2em; height: 1.2em;}
span#changyan_count_unit{font-size:0.8em; padding-left: 2px;}
/*浮动咨询支付*/
#paybox{ position: fixed; bottom: 0; left: 0; right: 0; height:50px; background: #fff; z-index: 99; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 5px rgba(0, 0, 0, .2); box-shadow:0 0 5px rgba(0, 0, 0, .2); }
#paybox div{ display: inline-block; float: left;height: 50px; text-align: center; line-height: 50px;}
#paybox div a{display: block;font-size:0.98em;color: #fff; }
#paybox .tel{width:30%;background:#333;}
#paybox .tel a{ border-right: 1px solid #444;}
#paybox .qq{width:30%;background:#333;}
#paybox .pay{ width:40%; background: #f66;}
#paybox .pay a{ color: #fff;font-size: 1.05em;}
#paybox .pay a i{ font-style: normal;font-size: 0.8em;}
#paybox .pay a span{ font-size: 1.2em;}
#paybox .icon-qq,#paybox .icon-im,#paybox .icon-call{ margin-right:8px;}
#paybox .icon-qq {display: inline-block;*zoom: 1;*display: inline;width:19px;height: 23px;vertical-align: middle;background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-qq.png) no-repeat;background-size:100%;}
#paybox .icon-im {display: inline-block;*zoom: 1;*display: inline;width: 23px;height: 23px;vertical-align: middle;background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-im.png) no-repeat;background-size:100%;}
#paybox .icon-call {display: inline-block;*zoom: 1;*display: inline;width: 23px;height: 24px;vertical-align: middle;background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-call.png) no-repeat;background-size:100%;}
/*遮罩层*/
#wappay {position:fixed;background-color: rgba(0, 0, 0, 0.6);left: 0;top: 0;width: 100%;height: 100%;z-index: 999;display: flex;align-items:center;justify-content:center;transfrom:translate(0,0,0)}
/*paydiv*/
.wappaybox{ background: #fff; width: 100%; height: 100%;background-color:#fbf9fe;}
.wappaybox-tt{ line-height:45px; text-align: center; border-bottom: 1px solid #ddd;height: 45px;}
.wappaybox-tt .wappayboxcolse{position: absolute; left: 0; top: 0; height: 45px; width: 50px; text-align: center; display: block;}
.wappaybox-tt h3{ font-size: 1.2em; font-weight: normal;}
.wappaybox-img{ background: #fff;}
.wappaybox-main{}
.join-form-input{ padding:0; margin:0; border-bottom: 1px solid #eee; overflow:hidden;}
.join-form-input label{ width:100%;height:35px;line-height:35px; display:block;}
.join-form-input span{ width:70px; display:inline-block;height:35px;line-height:35px;}
.weui-input{min-width:150px;border:0;outline:0;-webkit-appearance:none;-webkit-box-flex:1; -webkit-rtl-ordering: logical;
letter-spacing: normal;
word-spacing: normal;background-color:transparent;font-size:inherit;color:inherit;height:35px;overflow:hidden;display:inline-block;}
input.payType[type="radio"] {display:none;}
input.payType[type="radio"] + i {border-radius:20px; width: 20px; height: 20px; display: inline-block; border: 1px solid #eee; color: #fff;font-size:16px; float: right; position: relative;} input.payType[type="radio"] + i img{ position: absolute;top:0; left: 0;}
input.payType[type="radio"]:checked + i {background:#09bb07;}
input.payType[type="radio"]:disabled + i {border-color:#ccc;}
.join-form-inputradio label{ display: block; border-bottom: 1px solid #eee; padding:8px 0; line-height: 25px; height: 25px;}
.join-form-inputradio label span{ display: inline-block;height: 25px; float: left;}
.wxpayi,.alipayi{background: url(https://www.dlmonita.com/statics/images/x5/wap/alipay.png) no-repeat;background-size:100%; display: inline-block; width: 25px; height: 25px; margin-right: 10px;}
.wxpayi{background: url(https://www.dlmonita.com/statics/images/x5/wap/wepay.png) no-repeat;background-size:100%;}
.weui-btn{position:relative;display:block;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;box-sizing:border-box;font-size:18px;text-align:center;text-decoration:none;color:#fff;line-height:2.55555556;border-radius:5px;-webkit-tap-highlight-color:transparent;overflow:hidden;background-color:#179b16;border: 1px solid transparent; width: 100%;}
.tydiv{ padding: 10px 20px; line-height: 33px;}
.tydiv a{ text-decoration: underline;}
.tydiv input[type="checkbox" i]{ margin: 0;}
/*bannerinfo*/
#wapkcbanner{ position: relative;}
#wapkcbanner img.wapkcbannerimg{ width: 100%; height: auto;}
#wapkcbanner .wapbackpng,#wapkcbanner h1,#wapkcbanner h3,#wapkcbanner .kchot{ position: absolute; z-index: 11; left: 20px;color: #fff;}
#wapkcbanner .wapbackpng{ top: 20px;font-size: 1.5em;}
img.wapbackpng{ width: 25px; height: 25px;}
#wapkcbanner .kchot{ bottom:80px; top: auto; font-size:1em; padding: 3px 15px;}
#wapkcbanner h1{bottom: 35px; font-size: 1.5em;}
#wapkcbanner h3{bottom: 20px;font-size: 0.8em; font-weight: normal;}
#wapkcbanner .wapkcbannerbg{position: absolute; z-index: 10;top:70%; bottom: 0; width: 100%; right: 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.5));
background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.5));
background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.5)); }
#wapkcinfo{ background: #f66; padding: 1.8em 0; text-align: center; color: #fff;}
#wapkcinfo li{ width: 33%; display: inline-block; float: left;}
#wapkcinfo li p{border-right: 1px solid #ffa6a6;}
#wapkcinfo li:nth-child(3) p{ border-right: 0px;}
#wapkcinfo li p strong{ display: block; font-size: 1.4em;}
#wapkcinfo li p span{display: block;}
#wapkcnum{ background-color: #333; color: #ccc; font-size: 1em; padding: 15px 20px; line-height: 1.6em;}
#wapkctag{padding: 25px 20px 15px 20px;}
#wapkctag span{ display: inline-block; padding: 2px 10px 0 10px; border: 1px solid #ccc; margin:0px 5px 8px 0px; color: #666;border-radius:5px; line-height: 23px; height: 23px;}
#wapkcyoushi{ padding:15px 20px; background: #fff; border-bottom: 1px solid #eee;}
/*教学大纲*/
#wapkcdagang h3{ padding: 30px; text-align: center; font-size: 1.25em; color: #666;}
.wapkcdagang dl{ width: 50%; display: block;box-sizing: border-box; padding-bottom: 30px;}
.wapkcdagang dl:nth-child(1){float: left; padding-right: 0.05em;}
.wapkcdagang dl:nth-child(2){float: right; padding-left: 0.05em;}
#wapkcdagang .wapkcdagang dl img{ display: block; width: 100%; float: left; margin-bottom: 20px; height: auto;}
.wapkcdagang dl dt span{ font-weight: bold; font-size: 1.15em; padding-left: 20px; display: block; padding-bottom: 5px;}
.wapkcdagang dl dd{ padding: 0 20px 0 20px;}
/*duoshuo*/
#SOHUCS #SOHU_MAIN .module-mobile-cmt-header .mobile-header-head{ padding: 0.5em 20px;}
#SOHUCS #SOHU_MAIN .module-mobile-cmt-header .comment-textarea{padding: 0em 20px 0em 20px;}
#SOHUCS #SOHU_MAIN .module-mobile-cmt-list{ padding: 20px;}
/*课程介绍*/
.wapkcboxli{ padding: 0px 20px 20px 20px;}
.wapkcboxli h3{padding-bottom: 10px;}
/*费用明细*/
.kcfeiyong a{ text-decoration: underline;}
.kcfeiyong{ padding:20px;}
.kcfeiyong dl{ padding-bottom:20px;}
.kcfeiyong dl dt{ font-weight: bold; margin-bottom: 5px;font-size: 1.1em; padding:0;}
.kcfeiyong dl dd{ display:block; padding:8px 0; border-top: 1px dotted #ddd;}
.kcfeiyong dl dd img{opacity:0.7; height:25px; width:25px; }
.kcfeiyong dl dd p{padding:10px; border: 1px solid #ccc; border-radius:47px; margin-right: 15px;}
.kcfeiyong dl dd strong{ display: block;}
/*报名须知*/
.kcxuzhi a{ text-decoration: underline;}
.kcxuzhi{ padding:20px;}
.kcxuzhi dl{ padding-bottom:20px;}
.kcxuzhi dl dt{ font-weight: bold;padding: 0 0 10px 0;}
.kcxuzhi dl dd{ display:block; color: #666;}
/*二级栏目导航*/
.catnameli{ padding:10px 15px; text-align: center;}
.catnameli li{ width: 33.333%; display:block; box-sizing: border-box; float: left; position: relative; padding: 0 5px; margin-bottom: 15px; }
.catnameli li img{ width: 100%; height: auto; border-radius:2px;}
.catnameli li p{font-size:1.05em; padding:10px; line-height: 110%; position: absolute;display: flex; justify-content: center; align-items: center; bottom: 0px; right:5px; left:5px; border-radius:2px; font-weight: bold; color: #fff; top:0px;
background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.7));
background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.7));
background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.7));}
.p4030{ padding: 40px 30px;}
.p40300{ padding: 40px 30px 0 30px;}
.line{ display: inline-block; width:35px; height:3px; background: #f66; margin: 20px 0;}
.axogo{ font-size:1.1em; border: 2px solid #555; color: #555; padding: 5px 20px; display:inline-block; font-weight: bold; margin:40px 0;}
.bg333{ background: #333; color: #ccc;}
.bg333 .axogo{border: 2px solid #ccc; color: #ccc;}.bg333 .axogo a{color: #ccc;}
.iconfont-caret-right:before{content:"\e6c1"}
/*menu*/
#waptop{ height: 48px;}
#waptop #waptopbg{ width: auto;}
/*menu-bg*/
/*menu-2-logo*/
/*menu-3-qq*/
#qq {position: fixed; top: 0px; right: 0px; color: #fff;-webkit-transition-duration: 0.5s; transition-duration: 0.5s;z-index: 91;content: "";}
.nav-open #qq { right:-100px;}
.actions {display: inline-block;*zoom: 1;*display: inline;vertical-align: middle;position: absolute;right: 0;top: 0;height:48px; width: 100px;}
.actions a {display: block;float: right;padding: 10px; text-align: center;}
.icon-qq {display: inline-block;*zoom: 1;*display: inline;width:22px;height: 26px;vertical-align: middle;
background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-qq.png) no-repeat center center;background-size:80%;}
.icon-im {display: inline-block;*zoom: 1;*display: inline;width: 26px;height: 26px;vertical-align: middle;
background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-im.png) no-repeat center center;background-size:90%;}
.icon-call {display: inline-block;*zoom: 1;*display: inline;width: 25px;height: 26px;vertical-align: middle;
background: url(https://www.dlmonita.com/statics/images/x5/wap/icon-call2.png) no-repeat center center;background-size:80%;}
/*wapsq*/
#wapSQmain{width:90%;background: #fff; display: none; position: fixed; bottom: 20px; left: 50%; margin-left:-45%; margin-top: -30px; border-radius: 6px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); text-align: center; z-index: 999;}
#wapSQmain .guanbi{width:30px; height:30px; position: absolute; top: -15px; right: -15px; z-index: 10; background: url(https://www.dlmonita.com/statics/images/x5/wap/guanbi.png) no-repeat center center; background-size: auto 100%; }
#sqdiv{ position: relative; padding-top: 20px;}
.sqtt{ font-size: 20px; line-height:35px; font-weight: normal;}
.sqtext{ padding-bottom: 20px; color: #666;}
.sqlink{ background-color:#00a5e0!important; height: 50px; color: #fff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
white-space: nowrap; line-height:50px; }
.sqlink a,.sqlink a:link{display: block; color: #fff; text-decoration: none;font-size: 18px;}
.sqlink span{ display: inline-block; width: 25px; height: 25px; vertical-align: middle;
background: url(https://www.dlmonita.com/statics/images/x5/wap/sqlink.png) no-repeat top center;
background-size: 90%; margin-right: 10px;}
.sqi{ position: absolute;width: 88px;background: url(https://www.dlmonita.com/statics/images/x5/wap/sqi.png) no-repeat center center;
height: 76px; top: 0; left: 0;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1;font:0.875em/1.5 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;color:#333}img{vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}a{text-decoration:none;-webkit-transition:.25s;transition:.25s;color:#333}a:hover,a:focus{text-decoration:none;color:#333}a:focus{outline:0}.z{float:left}.y{float:right}.cl:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}.cl{zoom:1}.f12{font-size:0.75em}.f14{font-size:0.875em}.f16{font-size:1em}.f18{font-size:1.125em}.f20{font-size:1.10em}.f23{font-size:1.45em}.f24{font-size:1.5em}.f25{font-size:1.6em}.f30{font-size:1.8em}.f40{font-size:2.45em}
#logo img{ width:90px; margin-left:-34px; width:177px; height:28px; margin-top:-4px}
.action .icon {position:relative; top: 15px;display: none;}
.action .icon.icon-call {display: inline-block;*zoom: 1;*display: inline;width: 25px;height: 26px;vertical-align: middle;background: url(./icon-call.png) no-repeat;background-size:25px 26px; margin-top:-19px; margin-left:16px}
.actions {display: inline-block;*zoom: 1;*display: inline;vertical-align: middle;position: absolute;right: 0;top: 0;height: 65px;}
.actions span.icon {cursor: pointer;}.btnText {font-size: 11px;color: #777;display: none;}.theme-2 .btnText, .theme-2 .title, .theme-2 .signature {color: #fff;}.middle .btnText {color: #777!important;}
.action { float:right;margin-top:0px;display:block;*zoom: 1;*display: inline;vertical-align: middle;text-align: center;line-height:30px;position: relative;width: 50px;height: 65px;}
#waptop .actions{ width: 100px; height: 48px;}
#waptop .action{width: 48px; height: 48px;}
#waptop .action .icon{ top: 6px;}
#waptop .action .icon.icon-call{ width: 22px; height: 23px;background-size:22px 23px;}
.nav-toggle {
width: 100%;
position: fixed;
height: 48px;
z-index: 999999999; background:#222
}
.nav-toggle:before {
width: 100%;
height: 48px;
background-color: #000000;
content: "";
position: fixed;
top: 0;
left: 0;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: swing;
transition-timing-function: swing;
z-index: 999999999;
}
.nav-open .nav-toggle:before {
width: 31%;
height:100%;
background-color: #000000;
opacity: 1;
z-index: 999999999;
}
#nav-icon{ height: 48px; width:58px; display: block; z-index:999999999; position: absolute; top: 0; left: 40px; }
.nav-toggle .nav-icon {width:25px;height:3px;background-color: white; position: fixed;top:23px;left: 15px;-webkit-transition-duration: 0.5s; transition-duration: 0.5s;transiting-timing-function: swing;z-index: 999999999;}
.nav-open .nav-toggle .nav-icon {width:0;z-index: 999999999;}
.cctv{ position:fixed!important;top:23px;left: 45px;-webkit-transition-duration: 0.5s; transition-duration: 0.5s;transiting-timing-function: ;z-index: 999999999;}
.nav-toggle .nav-icon:before,
.nav-toggle .nav-icon:after {
width:25px;
height: 3px;
background-color: white;
content: "";
position: absolute;
left: 0;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: swing;
transition-timing-function: swing;
z-index: 999999999;
}
.nav-toggle .nav-icon:before {top: -7px;}
.nav-open .nav-toggle .nav-icon:before {-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg); margin-left:0px}
.nav-toggle .nav-icon:after {top: 7px;}
.nav-open .nav-toggle .nav-icon:after {-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);margin-left:0px}
.nav-toggle #logo {
position: fixed;
color: #fff;
width: 100px;
text-align: center;
top: 13px;
left: 50%;
margin-left: -50px;
z-index: 999999999;
}
.nav-toggle #sb {
position: fixed;
color: #fff;
width: 100px;
text-align: center;
top: 13px;
left: 50%;
margin-left: -50px;
z-index: 999999999;
}
.nav-toggle {
position: fixed; background:#000000
}
.nav-toggle #qq {
position: absolute;
top: 0px;
right: 0px;
color: #fff;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: swing;
transition-timing-function: swing;
z-index: 999999999;
}
.nav-open .nav-toggle #qq { right:-100px;}
.nav1 {
position: fixed;
top: 48px;
left: 0;
width: 100%;
height: 100%;
-webkit-transition-duration: .5s;
transition-duration: .5s;
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
z-index: -1; background-color: #000000
}
.nav-open .nav1 {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
z-index: 9999999998
}
.nav1 ul{ text-align:center; width:84%;margin: auto }
.nav1 ul li {list-style: none; }
.nav1 ul li a {
display: block;
padding: 4px 0;; padding-left:20px;
text-align: left;
color: white;
text-decoration: none;
font-size: 16px; height:23px; line-height:23px;
border-bottom: 1px solid #333333 ;background-color: #000000
}
.nav1 ul:hover li a {
opacity: 0.5;
}
.nav1 ul:hover li:hover a {
opacity: 1;
}
.nav-open .nav1 ul li{opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition:opacity 400ms ease,-webkit-transform 400ms ease;transition:opacity 400ms ease,-webkit-transform 400ms ease;-o-transition:transform 400ms ease,opacity 400ms ease;transition:transform 400ms ease,opacity 400ms ease;transition:transform 400ms ease,opacity 400ms ease,-webkit-transform 400ms ease}
.nav-open .nav1 ul li:nth-child(1){transition-delay:.1s;-webkit-transition-delay:.1s}
.nav-open .nav1 ul li:nth-child(2){transition-delay:.15s;-webkit-transition-delay:.15s}
.nav-open .nav1 ul li:nth-child(3){transition-delay:.2s;-webkit-transition-delay:.2s}
.nav-open .nav1 ul li:nth-child(4){transition-delay:.25s;-webkit-transition-delay:.25s}
.nav-open .nav1 ul li:nth-child(5){transition-delay:.3s;-webkit-transition-delay:.3s}
.nav-open .nav1 ul li:nth-child(6){transition-delay:.35s;-webkit-transition-delay:.35s}
.nav-open .nav1 ul li:nth-child(7){transition-delay:.4s;-webkit-transition-delay:.4s}
.nav-open .nav1 ul li:nth-child(8){transition-delay:.45s;-webkit-transition-delay:.45s}
.nav-open .nav1 ul li:nth-child(9){transition-delay:.5s;-webkit-transition-delay:.5s}
.nav-open .nav1 ul li:nth-child(10){transition-delay:.55s;-webkit-transition-delay:.55s}
.nav-open .nav1 ul li:nth-child(11){transition-delay:.6s;-webkit-transition-delay:.6s}
.nav-open .nav1 ul li:nth-child(12){transition-delay:.65s;-webkit-transition-delay:.65s}
.nav-open .nav1 ul li:nth-child(13){transition-delay:.7s;-webkit-transition-delay:.7s}
.nav-open .nav1 ul li:nth-child(14){transition-delay:.75s;-webkit-transition-delay:.75s}
.nav-open .nav1 ul li:nth-child(15){transition-delay:.8s;-webkit-transition-delay:.8s}
.nav-open .nav1 ul li:nth-child(16){transition-delay:.8s;-webkit-transition-delay:.85s}
.nav1 ul li{list-style:none;width:100%;opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}