.pv-slideBox { /* min-width: 960px; */ height: 425px; margin: 0 auto; position: relative; } .pv-slideBox ul.slide-list { width: 100%; height: 425px; } .pv-slideBox ul.slide-list li { list-style: none; width: 100%; height: 100%; float: left; } .pv-slideBox ul.slide-list li a img{ width: 100%; height: 100%; } .pv-slideBox ul.pv-slideBox-page { display: inline; top: auto; z-index: 9999; margin: 0; bottom: 20px; left: 50%; right: auto; height: 20px; padding: 0 20px; background: rgba(0, 0, 0, 0.2); border-radius: 25px; } .pv-slideBox ul.pv-slideBox-page li { display: inline-block; color: #e54813; cursor: pointer; list-style: none; border: 0; border-radius: 50%; float: left; font-size: 0; height: 10px; line-height: 0; margin: 5px; opacity: 1 !important; padding: 0; position: relative; width: 10px; } .pv-slideBox ul.pv-slideBox-page li { background: #FFF; } .pv-slideBox ul li.pv-slideBox-current-page { background: #f15050; } .bdqn_hotSpot { position: relative; z-index: 2; } .bdqn_hotSpot .hotSpot_box { width: 237px; height: 425px; background:rgba(255,255,255,0.2); position: absolute; left: 0; top: 0; } .bdqn_hotSpot .hotSpot_box li { height:138px; line-height: 138px; border-bottom: 3px solid rgba(0,0,0,.3); } .bdqn_hotSpot .hotSpot_box li:nth-child(3){ border: none; } /*.bdqn_hotSpot .hotSpot_box li:hover { background: #010307; }*/ .hotSpot_box li .school-title1{ background: url(http://www.zhaolongedu.com/templets/zl/images/school-01.png) center center no-repeat; } .hotSpot_box li .school-title1:hover{ background: url(http://www.zhaolongedu.com/templets/zl/images/school-hover01.png) center center no-repeat; } .hotSpot_box li .school-title2{ background: url(http://www.zhaolongedu.com/templets/zl/images/school-02.png) center center no-repeat; } .hotSpot_box li .school-title2:hover{ background: url(http://www.zhaolongedu.com/templets/zl/images/school-hover02.png) center center no-repeat; } .hotSpot_box li .school-title3{ background: url(http://www.zhaolongedu.com/templets/zl/images/school-03.png) center center no-repeat; } .hotSpot_box li .school-title3:hover{ background: url(http://www.zhaolongedu.com/templets/zl/images/school-hover03.png) center center no-repeat; } .hot-button a:before { content: ''!important; } .bdqn_hotSpot .hotSpot_box li .hot_content { border:1px solid gray; position: absolute; font-size: 14px; width: 470px; height: 423px; padding: 0 10px 0 20px; left: 237px; top: 0; background: #fff; z-index: -1; display: none; } .bdqn_hotSpot .hotSpot_box li .hot_content h2{ padding: 10px 0 ; font-size: 20px; font-weight: bold; text-align: center; height: 35px; line-height: 55px; } .bdqn_hotSpot .hotSpot_box li .hot_content p{ font-size: 15px; line-height: 26px; } .hot-button{ width: 400px; height: 40px; margin: 20px auto 10px;} .hot-button a{ width: 120px!important; height: 40px; line-height: 40px; display: inline-block;border: 2px solid orangered; float: left; border-radius: 8px;background: orange;color: white!important;font-size: 15px!important;} .ul-box{ width: 470px; height: 150px;margin-top: 10px; } .ul-box .ul-big-box{ width: 135px!important; float: left; height: 130px!important; margin: 10px; border: none!important; } .ul-box-pic{ width:135px ; height: 100px; text-align: center; } .ul-box-pic img{ margin-top: 20px; } .ul-box-pic{ text-align: center; width: 135px; } .course_good { margin: 30px auto; border: 1px solid #dddddd; height: 100px; box-sizing: border-box; } .course_goodList { float: left; padding: 28px 0 23px 24px; } .course_goodList dt { float: left; vertical-align: middle; width: 40px; height: 40px; transition: .5s; background: url("../images/sprite.png") no-repeat; } .course_goodList dd { float: left; margin-left: 30px; border-right: 1px solid #dcdcdc; padding-right: 30px; } .course_goodList dd a { display: block; } .course_goodList dd a h3 { font-size: 16px; color: #2a2a2a; } .course_goodList dd a span { display: block; color: #b2b2b2; font-size: 14px; margin-top: 10px; } .bdqn_hotSpot { position: relative; z-index: 2; } .bdqn_hotSpot .hotSpot_box { width: 237px; height: 425px; background: rgba(4, 10, 23, 0.8); position: absolute; left: 0; top: 0; } .bdqn_hotSpot .hotSpot_box li { height: 60px; line-height: 60px; border-bottom: 1px solid #1a1c1e; } .bdqn_hotSpot .hotSpot_box li:hover { background: #010307; } .bdqn_hotSpot .hotSpot_box li a { color: #fff; font-size: 14px; padding-left: 48px; display: block; position: relative; } .bdqn_hotSpot .hotSpot_box li a:before { content: '>'; position: absolute; right: 30px; } .bdqn_hotSpot .hotSpot_box li .hot_content { position: absolute; font-size: 14px; width: 470px; height: 423px; border: 1px solid #096; padding: 0 10px 0 20px; left: 237px; top: 0; background: #fff; z-index: -1; display: none; } .bdqn_hotSpot .hotSpot_box li .hot_content dl{ padding-top: 10px; } .bdqn_hotSpot .hotSpot_box li .hot_content dl dt{ width: 460px; height: 230px; } .bdqn_hotSpot .hotSpot_box li .hot_content dl dd.col{ color: #2ebaff; font-size: 18px; font-weight: bold; margin-top: 25px; } .bdqn_hotSpot .hotSpot_box li .hot_content dl dd.gary{ color: #414141; line-height: 26px; font-size: 14px; } .bdqn_hotSpot .hotSpot_box li .hot_content dl dd a{ width: 110px; height: 30px; background: #ff5353; color: #fff; line-height: 30px; font-size: 14px; text-align: center; display: block; position: absolute; bottom: 15px; right: 40px; padding-left: 0; }