/*banner*/ /*头部*/ .logo { float: left; margin-top:20px; } .logo img{ width:161px;} .logo a { display: block; width: 175px; height:80px; } .header-search .city { float: left; margin-top:6px; margin-left:80px; } .header-search .city-name { margin-bottom: 5px; } .header-search .city-toggle { padding: 2px 6px; border: 1px solid #e7e7e7; color: #999; font-size: 12px; line-height: 16px; *zoom: 1; } .header-search .city-toggle:hover { color: #d6000b; } .header-search .search { float: left; margin:24px 0 0 10px; margin-left:20px; } .search-txt { float: left; width: 260px; height: 42px; padding: 11px 15px; border: 0; border: 2px solid #d6000b; font: 14px/20px "microsoft yahei",simsun; color: #b5b5b5; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .search-txt:focus { color: #666; } .search-btn { float: left; width: 88px; height: 42px; border: 0; background-color: #d6000b; color: #fff; font: 18px/42px "microsoft yahei",simsun; outline: none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .search-btn:hover { background-color: #d6000b; } .service{float:right;line-height:23px; margin-top:20px;} .service dl dt{ width:60px; float:left;} .service dl dd{ float:left;} .service dl dd span{ font-size:16px; color:#515151;} .service dl dd span em{font-size:20px; font-style:normal; color:#227fc2;} .service i{font-size: 23px;color: #d6000b;} .service .link { display: inline-block; vertical-align: middle; *zoom: 1; text-align: center; font-size: 12px; color: #626262; *cursor: pointer; font-size:25px; font-weight:bold; } /*大首页*/ .citysite{ width:420px;margin-top:22px;} .citysite ul{ width:294px; height: 48px; overflow: hidden;} .citysite ul li{ float:left;} .citysite ul li a{ height:24px;overflow: hidden; line-height:22px ;float:left; display: inline-block; text-align:left; margin:2px 7px; } .citysite .current{width: 126px;height: 56px;overflow: hidden;text-align: center; line-height:56px; font-size:14px;} .citysite .current .lanzi{ font-size:20px;color: #d6000b;} .citysite .current .lanzi:hover{ color: #d6000b;} .cityz-index{ position:relative; z-index:4;} .shouqi{ width:80px; height:24px; line-height:24px; float:right; cursor:pointer; display:block; background: no-repeat 0 0; position:relative; z-index:1004;} .morecity_zi{ background-color:#fff; border:solid 1px #f1f1f1; padding:10px; width:110px; float:right; margin-top:-1px;} .morecity_zi a{ float:left; width:42px; height:24px; line-height:24px;display:inline; text-align:center; margin:2px 6px; border:none; } /*导航条*/ .ul_1{width: 100%; height:45px; overflow:hidden;zoom:1; background:#d6000b;line-height:45px;display: block;} .ul_1 li{ margin-right:9px; float:left; width:90px; text-align:center; } .ul_1 .li_2{background:none;} .ul_1 li a,.ul_1 li a:hover{ color:#fff; font-size:16px;} .ul_1 .li_2{ background:#fff;} .ul_1 .li_2 a{ color:#d6000b;} .ul_1 .li_2 a:hover{ color:#d6000b;} /*全站首页文章推荐*/ .index-event {margin-top: 30px;} .sub_title {margin-bottom: 20px;} .sub_title h2 {display: inline-block;font-weight: normal;font-size: 24px; font-weight:bold; color: #222;margin-left: 3px; padding-left:20px;position: relative; } .sub_title h2:before {content: "";height: 80%;width: 6px;background-color: #fa5111;left: 0;top: 12%;position: absolute;} .sub_title p {display: inline-block;font-size: 16px;color: #999;} .eventlist > ul > li > div {width: 100%;height: 166px;padding-top: 53px;box-sizing: border-box;position: relative;} .eventlist > ul > li > div .image {position: absolute;width: 100%;height: 100%;overflow: hidden;top: 0;left: 0;} .eventlist > ul > li > div .image img {width: 100%;} .eventlist > ul > li > div .title {position: relative;z-index: 2;width: 230px;height: 57px;line-height: 57px;line-height: 62px\0;color: #fff;font-size: 24px;text-align: center;background-color: rgba(255,255,255,0.2);margin: 0 auto;} .eventlist > ul > li {float: left;width: 283px; margin-right: 22px;background-color: #fff;} .eventlist > ul > li:last-child { margin-right: 0;} .eventlist > ul > li ul {padding: 4px 15px 10px 15px;} .eventlist > ul > li ul li a {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;line-height: 24px;margin: 10px 0;} .eventlist > ul > li ul li a i {color: #004498;font-style: italic;} /*整站首页*/ .base_box>.tit>a.zx {display: inline-block;width: 90px;height: 24px;line-height: 22px;position: relative;top: 5px;border: 1px solid #fa5111;font-size: 14px;text-align: center;color: #fa5111;border-radius: 6px;margin-left: 30px;float: right;cursor: pointer;} .base_box>.tit>a:hover {color: #fa5111;} .base_box > .tit > a.zx:hover {background-color: #fa5111;color: #fff;} .index_box{background-color: #f9f9f9;} .index_box1{margin-top: 30px;margin-bottom: 30px;} .index_box1>.center{background-color: #fff;padding: 30px 30px 10px 30px;} .index_box1>.center>.i_l{padding: 0;width: 890px;padding-right: 38px;position: relative;float: left;} .index_box1>.center>.i_l:after{content: "";width: 1px;background-color: #f8f8f8;height: 96%;position: absolute;right: 0;top: 0;} .index_box1>.center>.i_l>.tab>ul>li{display:block;margin-right: 24px;margin-bottom: 18px;transition: all 0.3s linear;width: 100px;border: 1px solid #f3f3f3;border-radius:5px ;text-align: center;float: left;} .index_box1>.center>.i_l>.tab>ul>li:nth-child(7n){margin-right: 0;} .index_box1>.center>.i_l>.tab>ul>li>a{font-size:14px;color: #666;padding: 5px 0;display: block;} .index_box1>.center>.i_l>.tab>ul>li.active>a{border-bottom: 2px solid #fa5111;color: #fa5111;} .index_box1>.center>.i_l>.tab>ul>li:hover{border: 1px solid #fa5111;} .index_box1>.center>.i_l>.tab>ul>li:hover>a{color:#fa5111;;} .index_box1>.center>.i_l>.box{margin-top: 15px;min-height: 556px;} .index_box1>.center>.i_l>.box>ul{width: 888px;display: none;} .index_box1>.center>.i_l>.box>ul.active{display: block;} .index_box1>.center>.i_l>.box>ul>li{width: 260px;height: 245px;border: 1px solid #f3f3f3;border-radius:5px ;margin-right: 36px;float: left;margin-bottom: 30px;} .index_box1>.center>.i_l>.box>ul>li>a{display: block;height: 100%;} .index_box1>.center>.i_l>.box>ul>li>a>.img{margin: 10px 0;position: relative;overflow: hidden;text-align: center;} .index_box1>.center>.i_l>.box>ul>li>a>.img>p{position: absolute;width: 100%;height: 28px;line-height: 28px;background: rgba(0,0,0,0.6);bottom: 0;left: 0;padding:0 10px;} .index_box1>.center>.i_l>.box>ul>li>a>.img>p>span{color: #fff;} .index_box1>.center>.i_l>.box>ul>li>a>.img>p>span.f_r{float: right;} .index_box1>.center>.i_l>.box>ul>li>a>.ms{padding: 14px 13px;} .index_box1>.center>.i_l>.box>ul>li>a>.ms>span{display: block;font-size: 16px;color: #333333;font-weight: bold;margin-bottom: 8px;} .index_box1>.center>.i_l>.box>ul>li>a>.ms>span:hover{color:#fa5111;} .index_box1>.center>.i_l>.box>ul>li>a>.ms>div>span{font-size: 12px;color: #999999;max-height: 60px;overflow: hidden;display: block;line-height: 20px;} .index_box1>.center>.i_l>.box>ul>li>a>.ms>div>span.f_r{float: right;color: #fa5111;position: relative;} .index_box1>.center>.i_l>.box>ul>li>a>.ms>div>span.f_r>i{display: inline-block;width: 18px;height: 20px;background: no-repeat center center;vertical-align: -5px;vertical-align: middle\0;} .index_box1>.center>.i_l>.box>ul>li>a>.ms>div>span.f_r>span{display: inline-block;width: 30px;height: 18px;line-height: 18px;color: #fff;background-color: #fa5111;text-align: center;border-radius:5px ;} .index_box1>.center>.i_l>.box>ul>li>a>.ms>div>span.f_r>span>i{font-size: 12px;font-weight: bold;font-style: italic;margin-right: 3px;} .index_box1>.center>.i_l>.box>ul>li>a>.ms>div>span.f_r>p{width: 128px;height: 24px;line-height: 24px;box-shadow: 0 0 18px rgba(0,0,0,0.1);background-color: #fff;border-radius:5px ;position: absolute;bottom: -27px;left: -15px;text-align: center;color:#999999;display:none;;} .index_box1>.center>.i_l>.box>ul>li>a>.ms>div>span.f_r>p:before{content: "";border: 8px solid transparent;border-bottom:8px solid #ffffff;position: absolute;top: -16px;left: 54px;} .index_box1>.center>.i_l>.box>ul>li:hover{border:1px solid #ffa17e;} .index_box1>.center>.i_l>.box>ul>li>a>.ms>div>span.f_r:hover>p{display: block;} .index_box1>.center>.i_r{width: 250px;float: left;padding-left:30px;} .index_box3{margin-top: 30px;margin-bottom: 30px;} .index_box3>.center{background-color: #fff;padding: 30px 30px 10px 30px;} .index_box3>.center>.i_l{padding: 0;width: 890px;padding-right: 38px;position: relative;float: left;} .index_box3>.center>.i_l:after{content: "";width: 1px;background-color: #f8f8f8;height: 96%;position: absolute;right: 0;top: 0;} .index_box3>.center>.i_l>.tab>ul>li{display: block;margin-right: 24px;margin-bottom: 18px;transition: all 0.3s linear;width: 100px;text-align: center;border: 1px solid #f3f3f3;border-radius:5px;float: left;height: 28px;line-height: 20px;overflow: hidden;} .index_box3>.center>.i_l>.tab>ul>li:hover{border: 1px solid #fa5111;} .index_box3>.center>.i_l>.tab>ul>li:hover>a{color:#fa5111;;} .index_box3>.center>.i_l>.tab>ul>li:nth-child(7n){margin-right: 0;} .index_box3>.center>.i_l>.tab>ul>li>a{font-size:14px;color: #666;padding: 5px 0;display: block;} .index_box3>.center>.i_l>.tab>ul>li.active>a{border-bottom: 2px solid #fa5111;color: #fa5111;} .index_box3>.center>.i_l>.box{margin-top: 15px;} .index_box3>.center>.i_l>.box>ul{width: 888px;display: none;} .index_box3>.center>.i_l>.box>ul.active{display: block;} .index_box3>.center>.i_l>.box>ul>li{width: 260px;height: 282px;border: 1px solid #f3f3f3;border-radius:5px ;margin-right: 36px;float: left;margin-bottom: 30px;} .index_box3>.center>.i_l>.box>ul>li{display: block;} .index_box3>.center>.i_l>.box>ul>li>.img img{width: 100%;height: 172px;overflow: hidden;position: relative;display: block;} .index_box3>.center>.i_l>.box>ul>li>.img>p{position: absolute;width: 100%;height: 28px;line-height: 28px;background: rgba(0,0,0,0.6);bottom: 0;left: 0;padding:0 10px;} .index_box3>.center>.i_l>.box>ul>li>.img>p>span{color: #fff;} .index_box3>.center>.i_l>.box>ul>li>.img>p>span.f_r{float: right;} .index_box3>.center>.i_l>.box>ul>li>.ms{padding: 15px 13px;} .index_box3>.center>.i_l>.box>ul>li>.ms>a{display: block;font-size: 16px;color: #333333;font-weight: bold;margin-bottom: 15px;} .index_box3>.center>.i_l>.box>ul>li>.ms>a:hover{color: #fa5111;} .index_box3>.center>.i_l>.box>ul>li>.ms>p{color: #666666;font-size: 14px;display: block;margin-bottom: 15px;} .index_box3>.center>.i_l>.box>ul>li>.ms>p>a{color: #666666;font-size: 14px;display: block;margin-bottom: 15px;} .index_box3>.center>.i_l>.box>ul>li>.ms>p>a:hover{color: #fa5111;} .index_box3>.center>.i_l>.box>ul>li>.ms>div>span{font-size: 14px;color: #999999;} .index_box3>.center>.i_l>.box>ul>li>.ms>div>span>b{font-weight: bold;color: #fa5111;font-size: 16px;} .index_box3>.center>.i_l>.box>ul>li>.ms>div>span.f_r{float: right;color: #999999;position: relative;} .index_box3>.center>.i_l>.box>ul>li:hover{border:1px solid #ffa17e;} .index_box3>.center>.i_r{width: 250px;float: left;padding-left:30px;} .index_box4{margin-bottom: 30px;} .index_box4>.center>.i_l{width: 578px;margin-right:22px;float: left;padding-bottom: 10px;height: 412px;border-radius:5px;} .index_box4>.center>.i_r{width: 600px;float: left;height: 412px;border-radius:5px;} .index_box4>.center>.i_l>ul>li{border-bottom: 1px dashed #e5e5e5;padding-bottom: 15px;margin-bottom: 20px;} .index_box4>.center>.i_l>ul>li:last-child{border-bottom: none;} .index_box4>.center>.i_l>ul>li:nth-child(5){border-bottom: none;} .index_box4>.center>.i_l>ul>li>a{font-size: 16px;color: #333333;font-weight: bold;display: block;margin-bottom: 10px;} .index_box4>.center>.i_l>ul>li>p{margin-bottom: 12px;} .index_box4>.center>.i_l>ul>li>p>span{font-size:12px;color: #999999;margin-right: 10px;} .index_box4>.center>.i_l>ul>li>p>span.item1{background-color: #fff2ee;display: inline-block;width: 64px;height: 18px;line-height: 18px;text-align: center;border-radius:5px;color: #ff7845;font-size: 12px;margin-right: 15px;} .index_box4>.center>.i_l>ul>li>div{color: #666666;line-height: 24px;} .index_box4>.center>.i_l>ul>li>div>a{color: #f7936c;} .index_box4>.center>.i_l>ul.school>li{width:251px;margin-right: 16px;float: left;height: 100px;} .index_box4>.center>.i_l>ul.school>li:nth-child(2n){margin-right: 0;} .index_box4>.center>.i_l>ul.school>li{display: flex;flex-flow: wrap row;} .index_box4>.center>.i_l>ul.school>li>.img{width: 40%;margin-right: 4%;height: 62px;} .index_box4>.center>.i_l>ul.school>li>.txt{width: 56%;position: relative;height: 66px;line-height: 20px;} .index_box4>.center>.i_l>ul.school>li>.txt>.tit{font-size: 14px;color: #000;line-height: 20px;} .index_box4>.center>.i_l>ul.school>li>.txt>a:hover{color: #fa5111;} .index_box4>.center>.i_l>ul.school>li>.txt>.jg{position: absolute;bottom: 0;font-weight: normal;color: #999999;font-size: 12px;display: block;left: 0} .index_box4>.center>.i_r{position: relative;} .index_box4>.center>.i_r>.swiper-container{margin-top: 40px;} .index_box4>.center>.i_r>.swiper-container>.swiper-wrapper>.swiper-slide{width: 180px;height: 230px;padding: 3px;} .index_box4>.center>.i_r>.swiper-container>.swiper-wrapper>.swiper-slide>a{display: block;height: 100%;padding: 17px;} .index_box4>.center>.i_r>.swiper-container>.swiper-wrapper>.swiper-slide>a>.img{width: 100px;height: 100px;margin: 0 auto;overflow: hidden;border-radius:50%;} .index_box4>.center>.i_r>.swiper-container>.swiper-wrapper>.swiper-slide>a>.img>img{display: block;margin: 0 auto;width: 100%;} .index_box4>.center>.i_r>.swiper-container>.swiper-wrapper>.swiper-slide>a>span{font-size: 16px;color: #333333;text-align: center;display: block;margin: 15px 0;} .index_box4>.center>.i_r>.swiper-container>.swiper-wrapper>.swiper-slide>a>p{color: #999999;font-size:14px;text-align: center;line-height: 20px;} .index_box4>.center>.i_r>.swiper-container>.swiper-wrapper>.swiper-slide:hover>a{box-shadow: 0 0 3px rgba(0,0,0,0.1); } .index_box4>.center>.i_r>.arrow{width: 30px;height: 30px;position: absolute;line-height: 30px;top: 47%;cursor: pointer;} .index_box4>.center>.i_r>.arrow:after{font-size: 30px;color: #cdcdcd;} .index_box4>.center>.i_r>.arrow:hover:after{color: #000000;} .index_box4>.center>.i_r>.arrow.prev{left: 0;} .index_box4>.center>.i_r>.arrow.next{right: 0;} .index_box4>.center>.wd>ul>li{border-bottom: 1px dashed #e5e5e5;padding-bottom: 10px;margin-bottom: 10px;} .index_box4>.center>.wd>ul>li:nth-child(3n 1){border-bottom:none;} .index_box4>.center>.wd>ul>li>a{font-size: 16px;color: #333333;font-weight: bold;display: block;margin-bottom: 10px;} .index_box4>.center>.wd>ul>li>a:hover{color:#fa5111;} .index_box4>.center>.wd>ul>li>p{margin-bottom: 12px;} .index_box4>.center>.wd>ul>li>p>span{font-size:12px;color: #999999;margin-right: 10px; font-family:arial;} .index_box4>.center>.wd>ul>li>p>span.item1{background-color: #fff2ee;display: inline-block;height: 18px;line-height: 18px;text-align: center;border-radius:5px;color: #ff7845;font-size: 12px;margin-right: 15px;padding: 0 5px;} .index_box4>.center>.wd>ul>li>div{color: #666666;line-height: 24px;} .index_box4>.center>.wd>ul>li>div>a{color: #f7936c;} .index_box4>.center>.wd>ul>li:nth-child(n 3){display: none;} .index_box4>.center>div>.slider{width: 100%;height: 20px;text-align: center;margin-top: 30px;} .index_box4>.center>div>.slider>span{display: inline-block;margin: 0 5px;background-color: #f9f9f9;border-radius:50%;width: 10px;height: 10px;cursor: pointer;} .index_box4>.center>div>.slider>span.active{background-color: #f8936c;} /*首页衍生新闻*/ .daily-list {margin: 20px auto 20px;padding-bottom: 20px; background:#fff;} .daily-list dl {float: left;width: 47%;margin: 20px 1.5% 0;} .daily-list dl dt {float: left;width: 36%;margin-top: 5px;border-radius: 4px;overflow: hidden;} .daily-list dl dt a {display: block;width: 100%;overflow: hidden;text-align: center;background: #fff !important;} .daily-list dl dt a img{ } .daily-list dl dd {float: right;width: 60%;margin-top: 10px;} .daily-list dl dd > a {display: block;height: 28px;font-size: 18px;font-weight: bold;line-height: 28px;color: #000;overflow: hidden;margin-bottom: 10px;background: #fff !important;} .daily-list dl dd p {font-size: 14px;margin-bottom: 5px;} .daily-list dl dd p.h60{line-height: 25px; font-size: 14px;font-weight: 400 !important;color: #83878b;} .daily-list dl dd p a {font-size: 14px;color: #999;border-radius: 3px;margin-right: 7px;height: auto;background: #fff !important;} .daily-list dl dd p .browse-volume {float: right;color: #a4aab2;font-family: 14px;margin-left: 5px;background: no-repeat left center;padding-left: 20px;} /*首页衍生内容*/ .cslist .item {display: block;float: left;width: 25%;box-sizing:border-box;height: auto;padding-right:15px;margin-top: 15px;border-bottom:none;} .cslist .item:nth-child(4n){ padding-right:0;} .cslist .item a {display: block;margin: 0 auto;width: 99%;background: #fff;border: solid 1px #eee;} .cslist .item a img {display: block;width: 100%;} .cslist .item a span {display: block;padding:0 12px;letter-spacing:1.5px;} .cslist .item a span b {display: block;line-height:38px;font-size:16px;color: #414141;height: 38px;overflow: hidden;} .cslist .item a span .des {display: block;line-height:20px;font-size: 12px;color: #666;font-style: normal;height:40px;overflow: hidden;} .cslist .item a span .remark {display: block;line-height: 40px;font-size: 12px;font-style: normal;} .cslist .item a span .remark .pay {float: left;color: #999;font-style: normal;letter-spacing: 0;} .cslist .item a span .remark .re {float: right;color: #999;font-style: normal;} /*首页机构*/ .tuijian{width:1200px;min-height:210px;border-left:1px #dedede solid;border-top:1px #dedede solid;margin:20px auto;} .tuijian dl{ width:20%; box-sizing:border-box; background:#fff; float:left; padding:20px; border-bottom:1px #dedede solid; border-right:1px #dedede solid; } .tuijian dl dt a{display: flex;justify-content: center;align-items: center; } .tuijian dl dt img{ max-width:100%;height:85px;} .tuijian dl dd { width: 100%;} .tuijian dl dd h2{ width: 100%; display:inline-block;font-size:18px; height:40px; text-align: center;width:100%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:40px; color:#333; } .tuijian dl dd p{ overflow:hidden; display:inline-block; color:#999; line-height:22px; font-size:14px; letter-spacing: 1px; height:44px;} /*首页课程‹*/ .shkc_box{ width:100%;clear: both; margin-top: 15px;} .shkc_box>ul>li{width: 275px;height: 290px;border: 1px solid #f3f3f3;border-radius:5px;float: left;margin:0 13.3px 0 0;margin-bottom: 20px;} .shkc_box>ul>li:nth-child(4n){ margin-right:0;} .shkc_box>ul>li>a>.img{height: 167px; overflow: hidden;} .shkc_box>ul>li>a>.img img{ width: 100%; height: 167px;} .shkc_box>ul>li:hover{border: 1px solid #fb7441;} .shkc_box>ul>li:hover>a>.txt>span{color: #333;} .shkc_box>ul>li>a>.txt{padding:18px 15px;} .shkc_box>ul>li>a>.txt>span{font-size: 16px;font-weight: bold;color: #333333;display: block;margin-bottom:10px;} .shkc_box>ul>li>a>.txt>p{margin-bottom: 15px;max-height: 20px;line-height: 20px;overflow: hidden;} .shkc_box>ul>li>a>.txt>p>span{font-size: 14px;color: #666666;} .shkc_box>ul>li>a>.txt>p.prise{font-size: 14px;color: #999999;} .shkc_box>ul>li>a>.txt>p.prise>b{color: #fa5111;font-size: 16px;font-weight: bold;}