@charset "utf-8";
/*elment*/
.el-card[size=small] .el-card__header{padding:12px}
.el-card[size=small] .el-card__body{padding:12px}
/*layui*/
.bigImg{position: relative; overflow: hidden; width: 100%;}
.bigImg img{position: absolute; top: 0; left: 50%;width:1920px;max-width:1920px; height:100%; margin-left: -960px;}
.bigImg div{z-index:999;position: relative;width:1200px;margin:0 auto;text-align:center;color:white}
.bigImg div.left{text-align:left;}
.bigImg div h2{font-size:42px;margin:160px 0 20px 0;}
.bigImg div p{font-size:16px;line-height:24px}
/*layui*/
.layui-btn,.layui-edge,.layui-inline,img{vertical-align:middle;}
blockquote, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul{margin:0;padding:0}
/*layui-header*/
.layui-header{background:#fff;z-index:1008;height:60px;position:fixed;top:0;left:0;width:100%;box-shadow:0 5px 20px 0 rgba(0,0,0,.3);}
.layui-nav{position:relative;padding:0 20px;border-radius:2px;box-sizing:border-box}
.layui-nav .layui-nav-item{position:relative;display:inline-block;vertical-align:middle;}
.layui-nav .layui-nav-item>a,.layui-nav .layui-nav-item>div>a{line-height:60px;font-size:14px;display:block;padding:0 12px;font-size:16px;transition:all .3s;-webkit-transition:all .3s}
/*公共类 3574DB FD7160*/
body{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;font-size:14px;padding:0;margin:0 auto}
body.fixedTop{padding-top:60px;}
img{max-width:100%}
a{color:#333;text-decoration:none;}
a:hover{color:#2D8CF0;cursor:pointer}
[v-cloak]{display: none;}
.bgfff{background:#fff}
.bgf7{background:#f7f7f7}
.logo{width:180px;line-height:0px;margin:9px 40px 0px 0px;vertical-align:middle;}.logo>a{display:block;width:100%;padding-left:0px;font-size:22px;}
.disabled{cursor:not-allowed;}.disabled a{cursor:not-allowed;}
.required:before{content:'*';color:red}
.navmoreHide .layui-nav-more{display:none;}
.avatar{width:32px;height:32px;border-radius:50%;margin-right:5px;}
.bold{font-weight:bold}
.xs{font-size:12px;}.lg{font-size:16px;}.ixs{font-size:12px!important;}.ilg{font-size:16px!important;}
.exs{font-size:0.9em!important;}.elg{font-size:1.1em!important;}
.block,.ablock,.ablock>a{display:block;}.inline{display:inline;}.fleft{float:left;}.fright{float:right;}.hide{display:none;}.red{color:red;}.blue{color:blue;}.green{color:green;}.orange{color:orange;}.white{color:white;}.center{text-align:center;}.right{text-align:right;}.bordernone{border:none;}.border{border:1px solid;}
.iblock{display:block!important;}.iinline{display:inline!important;}.ifleft{float:left!important;}.ifright{float:right!important;}.ired{color:red!important;}.iblue{color:blue!important;}.ibold{font-weight:bold!important;}.icenter{text-align:center!important;}.iright{text-align:right!important;}
.p0{padding:0px}.p1{padding:1px}.p2{padding:2px}.p3{padding:3px}.p4{padding:4px}.p5{padding:5px}.p6{padding:6px}.p7{padding:7px}.p8{padding:8px}.p9{padding:9px}.p10{padding:10px}.p11{padding:11px}.p12{padding:12px}.p13{padding:13px}.p14{padding:14px}.p15{padding:15px}.p16{padding:16px}.p17{padding:17px}.p18{padding:18px}.p19{padding:19px}.p20{padding:20px}.p21{padding:21px}.p22{padding:22px}.p23{padding:23px}.p24{padding:24px}.p25{padding:25px}.p26{padding:26px}.p27{padding:27px}.p28{padding:28px}.p29{padding:29px}.p30{padding:30px}.p35{padding:35px}.p40{padding:40px}.p45{padding:45px}.p50{padding:50px}
.pw1{padding:0 1px}.pw2{padding:0 2px}.pw3{padding:0 3px}.pw4{padding:0 4px}.pw5{padding:0 5px}.pw6{padding:0 6px}.pw7{padding:0 7px}.pw8{padding:0 8px}.pw9{padding:0 9px}.pw10{padding:0 10px}.pw11{padding:0 11px}.pw12{padding:0 12px}.pw13{padding:0 13px}.pw14{padding:0 14px}.pw15{padding:0 15px}.pw16{padding:0 16px}.pw17{padding:0 17px}.pw18{padding:0 18px}.pw19{padding:0 19px}.pw20{padding:0 20px}.pw21{padding:0 21px}.pw22{padding:0 22px}.pw23{padding:0 23px}.pw24{padding:0 24px}.pw25{padding:0 25px}.pw26{padding:0 26px}.pw27{padding:0 27px}.pw28{padding:0 28px}.pw29{padding:0 29px}.pw30{padding:0 30px}.pw35{padding:0 35px}.pw40{padding:0 40px}.pw45{padding:0 45px}.pw50{padding:0 50px}
.ph1{padding:1px 0}.ph2{padding:2px 0}.ph3{padding:3px 0}.ph4{padding:4px 0}.ph5{padding:5px 0}.ph6{padding:6px 0}.ph7{padding:7px 0}.ph8{padding:8px 0}.ph9{padding:9px 0}.ph10{padding:10px 0}.ph11{padding:11px 0}.ph12{padding:12px 0}.ph13{padding:13px 0}.ph14{padding:14px 0}.ph15{padding:15px 0}.ph16{padding:16px 0}.ph17{padding:17px 0}.ph18{padding:18px 0}.ph19{padding:19px 0}.ph20{padding:20px 0}.ph21{padding:21px 0}.ph22{padding:22px 0}.ph23{padding:23px 0}.ph24{padding:24px 0}.ph25{padding:25px 0}.ph26{padding:26px 0}.ph27{padding:27px 0}.ph28{padding:28px 0}.ph29{padding:29px 0}.ph30{padding:30px 0}.ph35{padding:35px 0}.ph40{padding:40px 0}.ph45{padding:45px 0}.ph50{padding:50px 0}
.m1{margin:1px}.m2{margin:2px}.m3{margin:3px}.m4{margin:4px}.m5{margin:5px}.m6{margin:6px}.m7{margin:7px}.m8{margin:8px}.m9{margin:9px}.m10{margin:10px}.m11{margin:11px}.m12{margin:12px}.m13{margin:13px}.m14{margin:14px}.m15{margin:15px}.m16{margin:16px}.m17{margin:17px}.m18{margin:18px}.m19{margin:19px}.m20{margin:20px}.m21{margin:21px}.m22{margin:22px}.m23{margin:23px}.m24{margin:24px}.m25{margin:25px}.m26{margin:26px}.m27{margin:27px}.m28{margin:28px}.m29{margin:29px}.m30{margin:30px}.m35{margin:35px}.m40{margin:40px}.m45{margin:45px}.m50{margin:50px}
.mw1{margin:0 1px}.mw2{margin:0 2px}.mw3{margin:0 3px}.mw4{margin:0 4px}.mw5{margin:0 5px}.mw6{margin:0 6px}.mw7{margin:0 7px}.mw8{margin:0 8px}.mw9{margin:0 9px}.mw10{margin:0 10px}.mw11{margin:0 11px}.mw12{margin:0 12px}.mw13{margin:0 13px}.mw14{margin:0 14px}.mw15{margin:0 15px}.mw16{margin:0 16px}.mw17{margin:0 17px}.mw18{margin:0 18px}.mw19{margin:0 19px}.mw20{margin:0 20px}.mw21{margin:0 21px}.mw22{margin:0 22px}.mw23{margin:0 23px}.mw24{margin:0 24px}.mw25{margin:0 25px}.mw26{margin:0 26px}.mw27{margin:0 27px}.mw28{margin:0 28px}.mw29{margin:0 29px}.mw30{margin:0 30px}.mw35{margin:0 35px}.mw40{margin:0 40px}.mw45{margin:0 45px}.mw50{margin:0 50px}
.mh1{margin:1px 0}.mh2{margin:2px 0}.mh3{margin:3px 0}.mh4{margin:4px 0}.mh5{margin:5px 0}.mh6{margin:6px 0}.mh7{margin:7px 0}.mh8{margin:8px 0}.mh9{margin:9px 0}.mh10{margin:10px 0}.mh11{margin:11px 0}.mh12{margin:12px 0}.mh13{margin:13px 0}.mh14{margin:14px 0}.mh15{margin:15px 0}.mh16{margin:16px 0}.mh17{margin:17px 0}.mh18{margin:18px 0}.mh19{margin:19px 0}.mh20{margin:20px 0}.mh21{margin:21px 0}.mh22{margin:22px 0}.mh23{margin:23px 0}.mh24{margin:24px 0}.mh25{margin:25px 0}.mh26{margin:26px 0}.mh27{margin:27px 0}.mh28{margin:28px 0}.mh29{margin:29px 0}.mh30{margin:30px 0}.mh35{margin:35px 0}.mh40{margin:40px 0}.mh45{margin:45px 0}.mh50{margin:50px 0}
.w10{width:10px!important}.w20{width:20px!important}.w30{width:30px!important}.w40{width:40px!important}.w50{width:50px!important}.w60{width:60px!important}.w70{width:70px!important}.w80{width:80px!important}.w90{width:90px!important}.w100{width:100px!important}.w110{width:110px!important}.w120{width:120px!important}.w130{width:130px!important}.w140{width:140px!important}.w150{width:150px!important}.w160{width:160px!important}.w170{width:170px!important}.w180{width:180px!important}.w190{width:190px!important}.w200{width:200px!important}.w210{width:210px!important}.w220{width:220px!important}.w230{width:230px!important}.w240{width:240px!important}.w250{width:250px!important}.w260{width:260px!important}.w270{width:270px!important}.w280{width:280px!important}.w290{width:290px!important}.w300{width:300px!important}.w350{width:350px!important}.w400{width:400px!important}.w450{width:450px!important}.w500{width:500px!important}.w600{width:600px!important}.w700{width:700px!important}.w800{width:800px!important}.w900{width:900px!important}
.txtWrap{width:1200px;margin:0 auto}
.boxShadow{border:1px solid #f0f2f5;border-radius:9px;box-shadow:0 8px 24px -4px rgba(16,24,40,.08);}

.boxShadow .el-tabs__item {
  font-size: 16px;
}

.boxShadow .news-list{
  padding-left: 15px;
  font-size: 14px;
  color: #ccc;
}

.boxShadow .news-item {
  margin-bottom: 15px;
}

.boxShadow .news-item a{
  color: #333;
}

.href{display:block;padding:4px 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*certWrap*/
.certWrap .certTitle{line-height:30px;color:#22242e; font-size: 22px; font-weight:bold; margin:24px 0 9px 0; justify-content: space-between;}
.certWrap h3{font-size: 18px;line-height: 24px;color: #383d41;font-weight: bold;}
.certWrap p.about{font-size: 16px;line-height:24px;text-indent:2em;margin:9px 0;}
.certWrap p{font-size: 14px;line-height:24px;text-indent:2em;}
.certWrap .certItem{display:flex;}
.certWrap .certItem .img{width:300px}
.certWrap .certItem .box{flex:1;height:auto;margin-left:20px;border-top:3px solid #409EFF;background:#fff;padding:10px 30px}
.certWrap .certItem .box .btn{display: block;width: 212px;height:48px; background: #409EFF; text-align: center; font-size: 18px; color: #fff; line-height: 48px; text-decoration: none; margin: 20px auto 0;}
/*dropMenu*/
.dropMenu{overflow:hidden;padding:5px 5px 0px 5px}
.dropMenu h2 {font-size:18px;font-weight: bold; color: #D6B16B; width: 420px; border-bottom: 1px solid #EEEEEE; padding-bottom:9px; position: relative; left: 10px;margin-top:9px}
.dropMenu h2::before{content:""; display:inline-block; width: 2px; height:20px; background: #D6B16B; position: relative; top: 4px; right: 10px}
.dropMenu dl{display:flex;margin:9px}
.dropMenu dt{width:92px;height:28px;text-align:center;background:#EEEEEE;border-radius:2px;font-size:16px;line-height: 28px;color:#333333;font-weight:bold}
.dropMenu dd{flex:1}
.dropMenu a {display:inline-block;margin-left:1em;padding:0.3em 0;}
/*jobMatrix*/
.jobMatrix dl{display:flex;margin:15px 0 }
.jobMatrix dt{width:140px;height:28px;font-size:16px;color:#333333;}
.jobMatrix dd{flex:1}
.jobMatrix a{display:inline-block;width:140px;font-size:14px;text-align:center;padding:9px 0;margin:-9px 9px 18px 0;border:1px solid #DDE0E7}
.jobMatrix a:hover{background:#EcF5FF;border:1px solid #C6DFFA}
/*courseType*/
.courseType{border: 1px solid #eee;background-color: #F5f5f5;background-color:#e3e3e3;line-height:43px}
.courseType b{height: 43px;margin: 0px 7px;border-top: 2px solid #e3e3e3;padding: 0px 3px;;}
.courseType a{display:inline-block;height:43px;min-width:50px;margin: 0px 7px;border-top: 2px solid #e3e3e3;padding: 0px 9px;text-align:center;}
.courseType a.active{color:#337ab7; border-top: 2px solid #337ab7;background-color: #f5f5f5;}
.sortWarp{border: 1px solid #eee;background-color: #F5f5f5;}
.sortWarp>.firstSort{background-color: #e3e3e3;min-height: 43px;}
.sortWarp>.firstSort>li{float: left;height: 43px;margin: 0px 7px;border-top: 2px solid #e3e3e3;padding: 0px 3px;;}
.sortWarp>.firstSort>.active{color: #337ab7; border-top: 2px solid #337ab7;background-color: #f5f5f5;padding: 0px 10px;}
.sortWarp>.firstSort>.active>a{color: #337ab7;}
/*courseLesson*/
.teacherDescribe{max-height:100px;overflow: hidden;text-overflow: ellipsis;
font-size: 14px;}
/*courseDetail*/
.courseDetail{margin:24px auto;border-radius:9px; border: 1px solid #f0f2f5; background: #fff; box-shadow: 0 8px 24px -4px rgba(16,24,40,.08); overflow: hidden; display: flex; justify-content: space-between }
.courseDetail h2{border-bottom:1px solid #ccc;padding-bottom:9px;color: #22242e; font-size: 28px; font-weight: 600; line-height: 40px; margin-bottom: 9px;}
.courseDetail h3{color: #22242e; font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 9px;;}
.courseDetail h3 img{width:20px;border-radius:50%;margin:3px 9px 7px 9px}
.courseDetail .tool{margin:60px 0px 0px 0px}
.courseDetail .tool .vedio{background:#29adff;color:white;display: inline-block; margin-right: 25px; width: 120px; height: 40px; line-height: 38px; border-radius: 3px; font-size: 16px; border: 1px solid transparent; text-align: center; text-decoration: none;}
.courseDetail .tool .shicao{ color: #29adff; border:1px solid #29adff;display: inline-block; margin-right: 25px; width: 120px; height: 40px; line-height: 38px; border-radius: 3px; font-size: 16px; text-align: center; text-decoration: none;}

/*teacher*/
.teacherBanner{height:360px;background: url(https://qishan-lwj.oss-cn-hangzhou.aliyuncs.com/img/teacherBanner.png) no-repeat center center;background-size:cover;}
.teacherItem{margin:30px auto 40px auto; width:960px;border-radius: 24px; border: 1px solid #f0f2f5; background: #fff; box-shadow: 0 8px 24px -4px rgba(16,24,40,.08); overflow: hidden; display: flex; justify-content: space-between }
.teacherItem h2{color: #22242e; font-size: 28px; font-weight: 600; line-height: 40px; margin-bottom: 9px;}
.teacherItem h3{color: #22242e; font-size: 18px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 9px;;}
.teacherItem p{color: #323e54; font-size: 15px; font-weight: 400; line-height: 150%; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.teacherItem h4{color: #22242e; font-size: 16px; font-weight: 600; line-height: 22px; margin-bottom: 16px; }
.teacherItem dt{color: #22242e; font-size: 16px; font-weight: 600; line-height: 27px; margin:20px 0 9px;}
.teacherItem dd{height: 20px; line-height: 20px; margin-bottom: 8px; color: #323e54; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHLSURBVHgB7ZgxS0JRFMf/5z3LjILAqVBwyiVosKm1NYKCzMbWpqAvUF8g+ghFg2ZL4BeoqSXCcGtyaGpyiEDKdzu3/dznfb77FHs/kCec8/Tnfe/8vQqkTDk0TNPejVr2fZTUAFnEAPnoI4POXZU+Q3vDGvabquINUIELCM+3NXoxtXimolM5jcLGQUOtmVqMgpkfrMIxHqHCCzEr1qXCTl2tBIRFOCYIkM32kZfqomCOsICE+J6RF8J4iSeBDCxRQIHvmy1EQCm88qFtc461IHOkJREBPq9MrgWJ0OaVyCECLPcES+xXUKHFb9RCQkz8kKSCo2J/D3rYVgE2pTIP0RcCXEAfY8A+B1mOJfKGljx/iAIP0xtiwD5mgCY/1sUGhXfOu1jkNFGCWuegVdiOQjrFo5IKjsr0BDVxtnEGFuEA3vZ3pFqooN77cTBXOVrKw/2KjsQjhK2YUfBvY0o45afzGBNh9+AxjVFOIwoOFIoh37mJIAp6avxyGlmQ8IGE8IGuVBMF5+Z4Q0DowT3dxiE9SEVR8GqXejzG53AMKVyb6sYp5r/GLsmhpH5tXr0zYw+GoFZXJZ7qE57qJcQAh37PJ9ybLm3Kv+EXtkNrpdFB+w8AAAAASUVORK5CYII=) no-repeat 0; background-size: 20px 20px; padding-left: 26px;}
.teacherItem .tag{margin:8px 2px}
.teacherItem .course{margin:8px 2px}
/*xlist*/
.shadowTop{box-shadow: 1px 0 0 0 rgba(0,0,0,.1);}
.shadowBottom{box-shadow: 0 1px 0 0 rgba(0,0,0,.1);}
.bg{background:linear-gradient(to bottom, #f9f9f9, #fafafa)}
.linear{background:linear-gradient(to bottom, #EAF6FF, #f9f9f9)}
.xlist{width:101%;clear:both;box-sizing:border-box;}
.xlist a{position:relative;box-sizing:border-box;float:left;width:18%;padding-right:1%;margin-bottom:1%;}
.xlist a:first-child{width:46%;}
.xlist p{font-size:14px;border:1px solid #ececec;border-top:0;height:30px;overflow:hidden;position:relative;line-height:30px;padding:0 5px}
.xlist a:first-child p{position: absolute; bottom: 0; left: 0; right: 12px; line-height: 30px; font-size: 16px; color: #fff; background-color: rgba(0, 0, 0, .4);}
/*alist*/
.alist{display:flex;width:101.5%;flex-wrap: wrap;}
.alist a{box-sizing:border-box;display:inline-block;flex: 0 0 20%;padding-right:1.5%;margin-bottom:15px}
.alist p{font-size:15px;border:1px solid #ececec;border-top:0;height:30px;overflow:hidden;position:relative;height:40px;line-height:40px;padding:0 9px}
.alist p.btn{display:block;text-align:center;font-size:16px}
.alist a:hover p.btn{background:#2e8bff;color:#fff;}
.alist p.price{height:50px;line-height:50px;}
.alist p.price b{color:red;padding:0 5px;display:inline-block;width:60%}
.alist p.price del{color:#ccc;display:inline-block;width:35%;text-align:right;text-decoration:line-through;}
.alist p.price span{position:absolute; bottom:-50px;left:0; right:0;height:50px; background:#ff3e2e; display:block; text-align:center; color:#fff; font-size:16px;z-index:99}
.alist a:hover p.price span{bottom:0}
.alist.a4 a{display:inline-block;flex: 0 0 25%;}
/*live*/
.liveItem{border-radius: 24px; border: 1px solid #f0f2f5; background: #fff; box-shadow: 0 8px 24px -4px rgba(16,24,40,.08); overflow: hidden;}
/*classify*/
.classify{display:flex;margin:9px 20px}
.classify b{display:inline-block; width: 96px;height: 40px; line-height: 40px; color: #313d54; font-weight: 600; font-size: 15px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACRSURBVHgBhY+9DYMwEEbvLh6AUdJFyQ5E6QM7wASYDdgAJETtAlFTUVCxCi0FHIbKIBu+wrb0nu8H4C65GrxS9T8XJ0GTRMGqqvvEKpCYC32PDCxtEm5H1XRPXh6tfnoIKP/+Kz0IVxKa5WwSnnuaEvASE9yEXL/1Vmnw/WTogqH/ltY1TbgLV3CfgWeKXHDLCgTBWSpWNljjAAAAAElFTkSuQmCC) no-repeat 92%; background-size: 4px 7px }
.classify span{flex:1}
.classify a{width:90px;height: 24px; line-height: 24px; display: inline-block; vertical-align: middle; margin: 8px 0px; padding: 0 8px; }
.classify a.active{ color:#127eff; background: #edf8ff; border-radius: 4px; font-weight: 500; }
.courseTitle{line-height: 30px;color:#22242e; font-size: 22px; font-weight: 500; margin:36px 0 24px 0; justify-content: space-between;}
.courseTitle b{color:#127eff;padding:5px}
.courseTitle small{color:#aaa;font-size:14px;padding:0 9px}
.courseTitle a{float:right;font-size:14px;;margin:9px 0 0 0}
.courseFilter a{margin-right: 32px; font-size: 14px; line-height: 22px; cursor:pointer;}
.courseFilter a.active{color:#127eff}
.courseFilter a i:before{content: ""; border: 4px solid transparent; border-bottom-color: #c5d0d3; position: absolute; right: 0; top: -2px;}
.courseFilter a i:after{ content: ""; border: 4px solid transparent; border-top-color: #c5d0d3; position: absolute; right: 0; bottom: -1px; }
/*askList*/
.askList{position:relative;padding:9px 5px 12px 5px;border-bottom:1px dotted #eee;}
.askList .title{font-size:16px;max-width:90%;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.askList .title:before{content:'已答';padding:3px;margin-right:6px;font-size:12px;background-color:red;color:#fff;border-radius:2px;}
.askList .reply{font-size:14px;line-height:22px;padding:9px 0 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.askList .reply:before{content:'答：';font-weight:bold;}
/*liveItem*/
.liveItem dl{display:flex;height:100px;}
.liveItem dt{width:100px;text-align:center;color:#9ea7b0;}
.liveItem dt img{width:72px;height:72px;border-radius:50%;margin-bottom:5px;}
.liveItem dd{flex:1;}
.liveItem .time{margin-top:9px;color:#ff7745;}.liveItem .time i{margin-right:3px;color:#ff7745;}
.liveItem .title{margin:9px 0;font-size:16px;color:#04253C;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.liveItem .tool a{color:gray;display:inline-block;width:48%;}
/*courseList*/
.courseList{width:100%;position:relative;overflow:hidden;}
.courseList img{width:100%;transition:all 0.6s;max-height:160px;}
.courseList:hover img{transform:scale(1.02);}
.courseList h4{font-size:16px;padding:7px 0px 12px 2px;}
.courseList h4 span{font-size:14px;float:right;}
.courseList p{background-color:rgba(0,0,0,0.4);bottom:40px;left:0;position:absolute;text-align:center;width:100%;z-index:99;}
.courseList:hover p{visibility:visible;}
.courseList p a{font-size:14px;padding:4px 18px;color:white;display:inline-block;}
.courseList>span{z-index:9;position:absolute;top:0;left:0;padding:3px 9px 3px 5px;color:#fff;font-size:12px;background-color:#e85308;border-radius:0px 0px 37px 0px;}
.more a{padding:5px}
/*types*/
.types-title{height:36px;background:url('https://qishan-lwj.oss-cn-hangzhou.aliyuncs.com/base/title_bg.png') no-repeat 0px 0px;background-size:16%;padding-left:180px;margin:24px 0;display:flex;align-items:center;justify-content: space-between;}
.types-title .menu li{position:relative;padding:0 14px;margin:0;float:left;font-size:14px;line-height:30px;cursor:pointer;color:#545c63;transition:all .2s}
.types-title .menu li:hover{color:#5FB878}
.types-title .menu li.active{color:#5FB878;font-weight:700}
.types-title .menu li.active:after{content:'';position:absolute;left:50%;bottom:0;margin-left:-.7em;width:1.4em;height:2px;border-radius:100px;background-color:#5FB878}
.types-title .more{line-height:36px;color:#6d7278;transition:all .2s;display:flex;}
/*chinaMap*/
.cls-1,.cls-3,.cls-4 {fill: #d8dfeb;}
.cls-2 {fill: #231815;}
.cls-3,.cls-4,.cls-5 {stroke: #ffffff;stroke-width: 1px;}
.cls-3 {stroke-miterlimit: 10;}
.cls-4,.cls-5 {stroke-miterlimit: 22.93;}
.cls-5 {fill: none;stroke: #fff;stroke-width: 1px;}
/*bg*/
.bgff{background:#fff}
.bgf7{background:#f7f7f7}
.bgline{background:linear-gradient(to bottom,#EAF6FF,#FFFFFF)}
/*home*/
.homeTop{height:240px}
.homeTop img{vertical-align:center}
.homeStandard{min-height:620px;background-color: #F6F6F6;}
.homeStandard>div{margin:auto;text-align:center}
.homeStandard h3{font-size:32px;font-weight:bold;padding:40px 0 0 0;}
.homeStandard small{font-size:14px;color:#aaa}
.homeStandard p{margin:10px auto 30px auto;line-height:22px}
.homeStandard img{max-width:94%;margin:0 auto}
.homeStandard a{font-size:16px;background:#2D8CF0;color:white;border-radius:20px;padding:6px 30px;margin-top:28px;display:inline-block}
.iconItem{display:inline-block;text-align:center;width:25%;height:44%;vertical-align:top;}
.iconItem h3{font-size:22px;line-height:1.2;font-weight:bold;margin:5px auto 12px auto;color:#2D8CF0}
.iconItem img{margin:auto;width:96px;}
.iconItem .link a{display:inline-block;width:43%;height:28px;line-height:26px;color: #2D8CF0;margin:1%;border: 1px solid #2D8CF0; border-radius: 100px;}
.iconItem .link a:hover{background:#2D8CF0;color:white}
.iconItem .link,.iconItem:hover img{display:none;transition:transform 0.3s ease;}
.iconItem:hover .link{display:block;transition: opacity 0.5s ease;}

/*悬浮层*/
.popover{position:relative;display:inline-block;}
.popover>.popoverTxt{display:none;width:1200px;border:1px solid #D8DCE5;max-height:600px;overflow:hidden;box-sizing: border-box; margin: 0 auto; z-index: 9999; background-color: #fff; position: fixed; top: 60px;transform: translate(-50%, 0); left: 50%;}
.popover:hover .popoverTxt,.popover.active .popoverTxt{display:block;}

/*footer*/
#footer{background:#36393e;color:#c1c1c1;width:100%;height:auto;box-shadow:0 -1px 0 rgba(0,0,0,.1);}
.footer-content .footer-logo,.footer-text,.footer-link{float:left;}
.footer-content{padding:30px 0 20px;width:1200px;margin:auto}
.footer-link{padding:0 50px;border-left:1px solid #34302f;border-right:1px solid #34302f;}
.footer-link dl{float:left;width:156px;line-height:1;}
.footer-link dt{color:#fff;font-size:16px;}
.footer-link dd{margin-top:15px;}
.footer-link dd a{color:#bbb;font-size:14px;}
.footer-link dd a:hover{color:#5FB878;}
.footer-mp a{float:left;display:block;position:relative;margin-right:38px;}
.footer-mp a span{display:block;background:url(../img/hot-icon.png?v=1.4) no-repeat 0 0;width:40px;height:40px;}
#footer .footer-copyright{clear:both;text-align:center;line-height:30px;font-size:12px;color:#808080;padding-top:36px;}
#footer .footer-copyright a,#footer .footer-copyright span{display:inline-block;color:#808080;margin:0 14px;}
#footer .links{width:1200px;height:45px;margin:0 auto;position:relative;}
#footer .links .bd{width:1140px;margin:0 auto;overflow:hidden;padding-top:5px;}
#footer .links li{display:inline-block;width:90px;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;margin:0 25px;line-height:45px;text-align:center;}

@media screen and (min-width:1440px){
.homeTop{height:240px}
.homeStandard h3{padding:50px 0 0 0;}
.homeStandard a{font-size:22px;margin-top:40px;}
}

/* 版心 */
.container-wrapper {
  width: 1200px;
  margin: 0 auto;
}

/* .el-carousel__container {
  height: 100% !important;
} */
 
img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

.home-list{
  width: 1180px;
  margin: 0 auto 20px;
  justify-content: space-between;
}

.home-item{
  width: 280px;
  height: 129px;
  border: 2px solid #EBEBEB;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}

.home-item:hover {
  transform: translate(0,-3px);
}

.home-item .title{
  font-size: 14px;
  color: #999;
}

.home-item .content{
  font-size: 16px;
  color: #333;
}

/* .banner-wrapper{
  position: relative;
  overflow: hidden;
}

.banner-wrapper .banner-image{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
} */

.img-wrapper {
  width: 1920px;
  height: 600px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.top-wrapper {
  height: 500px;
  background: url("https://qishan-lwj.oss-cn-hangzhou.aliyuncs.com/img/sdjsrc-01.png") no-repeat center;
  background-size: cover;
}

.top-wrapper.pack {
  background-image: url("https://qishan-lwj.oss-cn-hangzhou.aliyuncs.com/img/ldpk-01.png");
}

.top-wrapper.evtol {
  background-image: url("https://qishan-lwj.oss-cn-hangzhou.aliyuncs.com/img/dkjj-01.png");
}

.top-wrapper .logo-wrapper {
  text-align:center;
  padding-top: 98px;
}

.top-wrapper .title {
  padding-top: 22px;
  color: #fff;
  font-size: 42px;
  font-weight: bold;
  text-align: center;
}

.top-wrapper .sub-title {
  padding-top: 18px;
  font-size: 22px;
  text-align: center;
  color: #fff;
}

.top-wrapper .btn-list{
  margin: 27px auto 0;
  /* width: 518px; */
  display: flex;
  justify-content: center;
}

.top-wrapper .btn-item {
  font-size: 18px;
  color: #fff;
  height: 35px;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, .4);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  border: 1px solid #000;
}

.top-wrapper .btn-item:nth-child(2) {
  margin: 0 20px;
}

.top-wrapper .btn-item .btn-text {
  margin-left: 10px;
}

.sigi-up .el-form-item__label{
  color: #fff;
}

.phone-number {
  text-align:center;
  margin-top:36px;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
}

.bottom-bg-wrapper{
  height: 717px;
  background: url("https://qishan-lwj.oss-cn-hangzhou.aliyuncs.com/img/bottom-bg.png") no-repeat center;
  /* background-size: contain; */
}

.bottom-bg-wrapper .title {
  padding: 40px 0 20px;
  color:#fff;
  font-size: 36px;
  text-align: center;
}