.wd{width:1200px; margin:0 auto;}

[class*=ico] {vertical-align: middle;display: inline-block;}
.main-xiaoqu{width:100%;}
.main-xiaoqu>.areas{/*background: #f5f5fa;*/ margin-top:70px; }
.select-area{width:1200px; margin:0 auto; }
.select{display: table;width: 1200px;background: #f7f7f7;padding-top:10px; padding-bottom:8px;}
.select ul li{width:1200px;float: left;border-top: 1px solid #e6e6ea;padding: 15px 0;}
.select ul li:first-child{border-top: none;}
.select b{float: left;width: 110px;text-align: left;font-size: 16px;font-weight: normal;line-height: 30px;color: #282829;padding-top:10px; text-indent: 50px;}
/*
.select .fl{width:1000px; float: left; padding: 10px 0;}
.select .fl span{float: left;float: left;padding: 0px 10px;height: 30px;line-height: 30px;text-align: center;-webkit-border-radius: 5px;border-radius: 5px;font-size: 14px;margin-left: 8px;cursor: pointer;}
.select .fl>span>a{border-radius: 15px;}
.select .fl span.acti,.select .fl span:hover{background: #ffba3a;color: #fff;}
.select .fl span a:hover{color:#fff;}
.select .fl span a{display: block;width: 100%;color: #282829;font-size: 16px;}
.select .fl span.acti a{color: #fff;}
*/

.select .fl{width:1000px; float: left; padding: 10px 0;}
.select .fl span{float: left;float: left;padding: 0px 10px;height: 30px;line-height: 30px;text-align: center;-webkit-border-radius: 5px;border-radius: 5px;font-size: 14px;cursor: pointer;}
.select .fl>span>a{border-radius: 15px;}
.acti,.select .fl span a{padding: 0px 5px;}
.select .fl span a:hover{background: #f63232;color: #fff;border-radius: 4px;}

.select .fl span a{display: block;width: 100%;color: #282829;font-size: 16px;padding: 0px 5px;}
.select .fl span a.acti{background: #f63232;color: #fff; border-radius: 4px;}


.xq-conts{width: 1200px; margin:0 auto; margin-top: 40px;}
.map-pic{margin-top: 40px;}
.allmap{width: 1200px;height: 625px;overflow: hidden;margin: 0px;position: relative;z-index: 0;background-color: rgb(243, 241, 236); color: rgb(0, 0, 0);text-align: left; margin:0 auto;}

.school-list{display: table; width: 100%; color: #282829; }
.school-list>ul>li{width: 100%; margin-top: 60px; float: left; }
.school-list>ul>li .text{float: left; width: 588px; padding-top: 10px;}
.school-list>ul>li .text h1{width: 100%;font-size: 28px;color: #ff4a4a;position: relative;padding-bottom: 15px;font-weight: normal;margin-bottom: 10px;margin-bottom: 25px;float: left;}
.school-list>ul>li .text h1:after{content: '';position: absolute;width: 60px;height: 4px;background: #ffba3a;bottom: 0;left: 0;}
.school-list>ul>li .text p{font-size:16px; margin-top:25px; color: #282829; display: block;}
.school-list>ul>li .text p i.ico-i1{ background: url("../images/school-icon1.png") center no-repeat; }
.school-list>ul>li .text p i{width: 37px;height: 37px;margin-right: 13px;margin-top: -4px;}
.school-list>ul>li .text p i.ico-i2{background: url(../images/school-icon2.png) center no-repeat;}
.school-list>ul>li .text p i.ico-i3{background: url(../images/school-icon3.png) center no-repeat;}
.school-list>ul>li .text p i.ico-i4{background: url(../images/school-icon4.png) center no-repeat;}
.school-list>ul>li .text p.wx{width: 50px; display: block;float: left; margin-top:50px;}
.wxzx{padding-top: 30px !important;}
.wxzx a.a1{background: #ff4a4a; color: #fff !important;}
.wxzx a.a1:hover{background: #ff4a4a !important; color: #fff !important; border-color:#ff4a4a !important;}
.wxzx a.a2{color: #ff4a4a !important; border-color:#ff4a4a !important;}
.wxzx a.a2:hover{background: #fff !important; border-color:#ff4a4a !important;}

.code{margin-top: 30px; }
.code>.pic{width: 120px; height: 120px;float: left; padding:0px; margin-left: 10px; border: 1px solid #e6e6e6; }
.code>b{margin-top:35px;float: left;margin-left: 20px;font-size: 16px; color: #666; font-weight: normal;line-height: 1.6;}

.code>.pic img{width: 100%;}

.school-list ul li .text .online{width:100%; padding-top:40px;margin-top: 36px;float: left;border-top:2px solid #f7f7f7;}
.school-list ul li .text .online a{width: 175px; height: 45px;border: 2px solid #000;float: left;margin-left: 30px;text-align: center; -webkit-border-radius: 60px;border-radius: 60px;line-height: 46px;font-size: 20px;}
.school-list ul li .text .online a.a1{border-color: #ff4a4a; color: #ff4a4a; }
.school-list ul li .text .online a.a1:hover{background: #ff4a4a;color: #fff; border-color: #ff4a4a;}

.school-list ul li .text .online a.a2{border-color: #f7a918; color: #f7a918;}
.school-list ul li .text .online a.a2:hover{background: #f7a918; color: #fff}

.school-list ul li .text .online a:nth-of-type(1) {margin-left: 0;}
.school-list ul li .pict{float: right; width: 510px; height: 400px;}
.school-list ul li .pict img{border-radius: 15px;border: 2px solid #f0f0f0; float: right;}

.school-article{margin-top: 40px;display: table;width: 100%;}
.school-article .box{float: left;width: 100%; margin-top: 64px;}
.school-article .box .text{float: left;width: 588px;}
.school-jianjie{width: 1200px;margin-top: 80px;clear: both; float: left;}
.school-jianjie h2, .school-hj h2, .school-park h2{font-size: 22px; color: #333; padding-bottom: 22px; position: relative;display: block; font-weight: normal; clear: both;}
.jianjie-info{text-indent: 24px; font-size: 16px; color: #282829; line-height: 30px; padding-top:20px; text-align:justify;}

.school-park{width:1200px; margin-top:40px; float: left; margin-bottom: 80px;}
.park-conts{width:1200px; padding-top:20px;}

.pages{text-align: center;margin-top: 80px;display: table;width: 100%;padding-bottom: 64px; font-size: 18px; color: #999 !important;}
.pages a {display: inline-block;font-size: 18px;color:#999;margin: 0 5px;padding: 0 5px;}
.pages .curr {width:26px;height: 26px;line-height: 26px;background: #ff4a4a;-webkit-border-radius: 4px;border-radius: 50%;color: #fff;margin: 0px 5px 2px; display:inline-block; font-size: 16px; text-align: center;}

.school-jianjie h2{font-size: 22px;border-bottom: 2px solid #f0f0f0;padding-bottom: 15px;position: relative;}
.school-park h2{font-size: 22px;border-bottom: 2px solid #f0f0f0;padding-bottom: 15px;position: relative;}
.school-hj{width:1200px; margin:30px 0; float: left;}
.school-hj h2{font-size: 22px;border-bottom: 2px solid #f0f0f0;padding-bottom: 15px;position: relative;}
.school-hj ul{width:1200px; margin-top:30px;}
.school-hj ul li{width:384px; height:288px; float: left; margin:0 24px 30px 0; border-radius: 5px;}
.school-hj ul li:nth-child(3n){margin-right: 0px;}
.school-hj ul li img{width:100%; border-radius: 5px;}

.school-jianjie h2:after {content: '';position: absolute;width: 60px;height: 4px;bottom: -2px;background: #ffba3a;left: 0;}
.school-park h2:after {content: '';position: absolute;width: 60px;height: 4px;bottom: -2px;background: #ffba3a;left: 0;}
.school-hj h2:after {content: '';position: absolute;width: 60px;height: 4px;bottom: -2px;background: #ffba3a;left: 0;}

.school-list .pict #allmap{border-radius: 15px; border:4px solid #f0f0f0;}
#allmap img{max-width: inherit;}
.map-pic #allmap{border-radius: 8px;}

.alert-pict{z-index: 3; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: block; visibility: hidden;}
.alert-pict .layout{width: 1000px; margin: 0 auto; position: relative;}
.alert-pict .layout .close{position: absolute; z-index: 2; right: 100px; cursor: pointer; top: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer;}
.alert-pict .layout .close:hover{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.alert-pict .layout .pos{z-index: 3; position: absolute; top: 30%; cursor: pointer; outline: none;}
.alert-pict .layout .pos.prev{left: -100px;}
.alert-pict .layout .pos.next{right: -100px;}
.alert-pict .scroll-pic{height: 750px; margin-top: 120px; overflow: hidden;}
.alert-pict .scroll-pic ul{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.alert-pict .scroll-pic ul li{width: 1000px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0;}
.alert-pict .text{margin-top: 30px; text-align: center;}
.alert-pict .text .can{color: #fff; display: inline-block; margin-left: 10px;}
.alert-pict .text span{font-size: 16px; color: #fff;}
.alert-pict .small{text-align: center; margin-top: 21px;}
.alert-pict .small span{display: inline-block; width: 100px; height: 75px; overflow: hidden; position: relative; cursor: pointer;}
.alert-pict .small span.acti:after{display: none;}
.alert-pict .small span:after{content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.6); left: 0; top: 0;}
.alert-pict .small span img{width: 100%;}