.notes_box{ margin-bottom: 20px; } .notes_box .base{ position: relative; } .notes_box h2{ margin-bottom: 25px; font-size: 24px; color: #514f50; position: relative; } .notes_box h2:after{ position: absolute; width: 110px; height: 4px; background-color: #3b80db; bottom: -15px; left: 0; content: ""; } .zjt_prevbtn,.zjt_nextbtn{ display: block; position: absolute; cursor: pointer; width:40px; height:32px; color: #3688ff; border:1px solid #b9b9b9; text-align: center; line-height: 32px; font-size: 18px; top:0px; right: 5px; } .zjt_prevbtn{ right: 46px; } .zjt_container{ width:1200px; height: 314px; position: relative; } .zjt-leftlogo{ float: left; width: 107px; height: 314px; background-color: #1f2024; margin-right: 12px; text-align: center; } .zjt-leftlogo li{ margin: 15px 0px; cursor: pointer; } .zjt-leftlogo li:nth-child(1), .zjt-leftlogo li:nth-child(2){ position: relative; top: 5px; } .zjt-right{ width: 960px; float: left; position: relative; overflow: hidden; height: 350px; } .zjt-list{ position: relative; overflow: hidden; height: 100%; } .zjt-list ul{ width: 9999px; height: 100%; position: absolute; left: 0; top: 0; } .zjt-list li{ float: left; width: 180px; margin-right: 13px; height: 100%; background-color: #e7e7e7; box-sizing: border-box; padding-top: 7px; } .zjt-list li>div:nth-child(1){ width: 100%; margin: 0 auto; position: relative; margin-bottom: 3px; height: 201px; overflow: hidden; } .zjt-list li>div:nth-child(1) p{ position: absolute; width: 95%; height: 255px; top: 3px; left: 3px; } .zjt-list li>div:nth-child(2){ height: 50px; text-align: center; line-height: 50px; width: 100%; } .zjt-list li>div:nth-child(2) img{ vertical-align: middle; } .zjt-list li>h3{ font-size: 18px; line-height: 35px; text-align: center; color: #666666; } .zjt-list li>h3:nth-of-type(1){ color: #666666; font-weight: bold; margin-top: 15px; } .zjt-list li>h3:nth-of-type(2){ color: #666666!important; font-size: 14px; } .zjt-list li>p{ font-size: 14px!important; line-height: 24px!important; color: #666666; text-align: center; } .zjt-list li>p strong{ font-size: 14px!important; line-height: 24px!important; color: #333; font-weight: normal; } .zjt-list li>p span{ color: #3688ff; } .zjt-desc{ position: absolute; width: 100%; height: 100%; background-color:#04033a; top: 0; left: 0; color: #a5a5a5; font-size: 14px; line-height: 24px; top: 314px; left: 0; opacity: 0; -webkit-transition: .8s all ease; -moz-transition: .8s all ease; -ms-transition: .8s all ease; -o-transition: .8s all ease; transition: .8s all ease; border-radius: 8px; } .zjt-desc.active{ top: 0; left: 0; opacity: 1; } .zjt-desc-left, .zjt-desc-cent, .zjt-desc-right{ float: left; } .zjt-desc-left{ width: 162px; padding-bottom: 8px; position: relative; margin-left: 52px; margin-top: 31px; margin-right: 69px; } .zjt-desc-left:after{ position: absolute; width: 40px; height: 4px; background-color: #45edf7; bottom: -4px; left: 0; content: ""; } .zjt-desc-left:before{ position: absolute; width: 20px; height: 15px; background-image: url(http://www.qfedu.com/images/zjt_20170721/zjt-ico-01.png); top: -13px; left: -30px; content: ""; } .zjt-desc-left h3{ font-size: 16px; line-height: 34px; color: #45edf7; } .zjt-desc-cent{ width: 157px; margin-top: 47px; margin-right: 92px; } .zjt-desc-cent>div:nth-child(1){ width: 125px; height: 125px; position: relative; margin: 0 auto; margin-bottom: 26px; } .zjt-desc-cent>div:nth-child(1) p{ position: absolute; width: 245px; height: 172px; top: -25px; left: -28px; background-image: url(http://www.qfedu.com/images/zjt_20170721/zjt-pic-bg.png); } .zjt-desc-cent>div:nth-child(1) img{ position: relative; width:100%; height:100%; border-radius: 50%; } .zjt-desc-cent>p{ font-size: 16px; line-height: 24px; color: #fff; text-align: center; } .zjt-desc-cent>h3{ font-size: 16px; line-height: 24px; color: #45edf7; font-weight: bold; margin-bottom: 8px; text-align: center; } .zjt-desc-cent>div:last-child{ width: 157px; height: 30px; } .zjt-desc-cent>div:last-child>div{ width: 50px; float: left; height: 30px; text-align: center; background-color: #fff; } .zjt-desc-cent>div:last-child>div img{ vertical-align: middle; width: 80%; } .zjt-desc-cent>div:last-child>p{ float: left; width: 107px; background-color: #7d1bf9; text-align: center; font-size: 16px; line-height: 30px; color: #fff; } .zjt-desc-right{ width: 416px; box-sizing: border-box; padding: 0 17px; position: relative; margin-top: 30px; } .zjt-desc-right:after{ position: absolute; width: 100%; height: 20px; background-image: url(http://www.qfedu.com/images/zjt_20170721/zjt-desc-border-top.png); top: -13px; left: 0; content: ""; -webkit-background-size: 100% 20px; background-size: 100% 20px; } .zjt-desc-right:before{ position: absolute; width: 100%; height: 20px; background-image: url(http://www.qfedu.com/images/zjt_20170721/zjt-desc-border-bot.png); bottom: -13px; left: 0; content: ""; -webkit-background-size: 100% 20px; background-size: 100% 20px; } .zjt-desc-right p:first-child{ margin-bottom: 5px; } .zjt-desc-right span{ color: #45edf7; } .about-bg{zoom:1; height:237px;} .about-bg dl{ float:left;width:250px;line-height:28px;border-right:1px solid #0147A6; height:237px;} .about-bg dl.groove {outline-style: groove} .about-bg dt{padding:0 0 2px;font-size:18px;color:#BECFE1;text-align: center;margin-top: 20px;} .about-bg dd{ margin:0;text-align: center;line-height: 35px;} .about-bg a{ color:#BECFE1;} .about-bg .rss-dd{position:relative;} .about-bg .rss-dd dd{padding:0 0 0 21px;} .about-bg .rss-dd dd.rss3, .about-bg .rss-dd dd.rss4{position:absolute;} .about-bg .rss3 img, .about-bg .rss4 img{display: none;} .about-bg .rss-dd dd.rss3 {z-index: 3;} .about-bg .rss-dd dd.rss4 {top: 142px; z-index:2;} .footer{padding:15px 20px;line-height:38px; color:#737373;zoom:1; overflow:hidden;} .footer span{ float:left;margin:0 15px 0 0;_display:inline;} .footer .baidu{margin:0 6px 0 30px} .footer .baidu2{margin:8px 5px 0 0} .wrap { width: 1200px; text-align: left; margin: 0 auto; } .erwei{ float: left; margin-left: 100px; padding-top: 20px; color:#BECFE1; } .erwei img{ display: inline-block; } .erwei .dh ul{ display: inline-block; line-height: 30px; } .erwei .dh ul li:nth-child(1){ font-size: 16px; } .erwei .dh ul li:nth-child(2){ font-size: 24px; font-weight: lighter; } .erwei .erweima ul li{ margin-top: 20px; float: left; margin-right: 50px; } .erwei .erweima ul li img{ width:100px; } .erwei .erweima span{ display: block; line-height: 25px; text-align: center; font-size: 14px; } .copy{ width:100%; height:40px; background: #1F1F1F; } .copy>div{ width:610px; margin:0 auto; color:#BECFE1; line-height: 40px; text-align: center; font-size: 13px; }