@charset "utf-8";
.center{width: 1200px;margin: 0 auto;overflow: hidden;}

[class^="banner-li"]{background-size: cover;}
[class^="shenzhen_"]{background-size: cover;}
[class^="beijing_"]{background-size: cover;}
[class^="shanghai_"]{background-size: cover;}

.banner-li1{background: url(/static/images/2/o1cn01ywgmog1fi5ugnnnai_!!411980463.jpg) no-repeat center center;}
.banner-li2{background: url(/static/images/2/o1cn01kscmlb1fi5utmo70a_!!411980463.jpg) no-repeat center center;}
.banner-li3{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.banner-li4{background: url(/static/images/2/o1cn01iind071fi5uhee9g6_!!411980463.jpg) no-repeat center center;}

.shenzhen_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.shenzhen_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.shenzhen_3{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.shenzhen_4{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.beijing_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.beijing_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.beijing_3{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.beijing_4{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.shanghai_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.shanghai_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.shanghai_3{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.shanghai_4{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.foshan_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.foshan_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.foshan_3{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.foshan_4{background: url(/static/images/2/mylogo.jpg) no-repeat center center;}
.chengdu_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.dongguan_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.zhuhai_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.zhuhai_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.wuhan_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.wuhan_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.cq_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.cq_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.ty_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.ty_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.nc_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.nc_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.sy_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.xa_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.xa_3{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.nb_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.jm_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.jn_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.zz_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.tj_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.tj_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.hf_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.hf_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.xintong_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.tianhu{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.hanzhou_2{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.meilian{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.shaoyang{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.xsj{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.qz{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.fz{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.xlc{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.tz_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.jx_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.cd_1{background: url(/static/images/2/mylogo.jpg) no-repeat center center;background-size: cover;}
.banner{height: 445px;position: relative;margin-top: 50px;}
.banner .banner-pic{width:100%;height: 445px;position:relative;}
.banner .banner-pic ul li{width:100%;height: 445px;position:absolute;left:0;top:0;}
.banner .banner-pic ul li img{width: 100%;}
.banner .banner-pic ul li.active{z-index: 2;}
.banner .num_tab{height:30px;position:absolute;bottom:0;left:50%;z-index: 3;}
.banner .num_tab ul li{float:left;width:35px;height:5px;margin:0 10px;border-radius: 4px;background:white;color:black;}
.banner .num_tab ul li:hover{cursor: pointer;}
.banner .num_tab ul li.blue{background:#ff6400;}
.banner .banner-pic ul li a {display: block;width: 100%;height: 100%;}
.banner a.banner_left {left: 12%;}
.banner a.banner_right {right: 12%;}
.banner .banner_left, .banner_right {clear: both;position: absolute;top: 45%;display: none;z-index:77;}
.banner:hover .banner_left{display: block;}
.banner:hover .banner_right{display: block;}
.sanjia1{display: block;width: 0;height: 0;border-width: 28px 28px 28px 0;border-style: solid;border-color: transparent rgba(0,0,0,.5) transparent transparent;opacity: 0.6;}
.sanjia2{border-width: 28px 0 28px 28px;display: block;width: 0;height: 0;border-style: solid;border-color: transparent transparent transparent rgba(0,0,0,.5);opacity: 0.6;}
.sanjia2:hover {opacity: 1;cursor: pointer;}
.sanjia1:hover {opacity: 1;cursor: pointer;}
.navigation{position: absolute;top: 153px;}
/*共有标题样式*/
.i-title{padding-bottom: 35px;text-align: center;width: 1200px;}
.i-title h2{display: inline-block;margin: 0 12px; font-size: 24px;letter-spacing: 1px;text-shadow: 1px 0px 1px rgba(32, 28, 28, 0.83); color: #000;font-weight: bold;}
.i-title div .line{display: inline-block;vertical-align: middle;margin-top: -4px; width: 30px;}
.i-title > p{text-align: center;font-size: 16px;line-height: 30px;}
.i-title #t-yellow .line{border-top: 2px solid #FF5A00;box-shadow: 1px 1px #FF5A00;}
.i-title p.p-yellow{color: #FF5A00;}
.i-title #t-blue .line{border-top: 2px solid #ff6400;box-shadow: 1px 1px #ff6400;}
.i-title p.p-blue{color: #ff6400;}
.i-title #t-green .line{border-top: 2px solid #07C580;box-shadow: 1px 1px #07C580;}
.i-title p.p-green{color: #07C580;}
.i-title #t-navy .line{border-top: 2px solid #05BCC3;box-shadow: 1px 1px #05BCC3;}
.i-title p.p-navy{color: #05BCC3;}
.i-title #t-red .line{border-top: 2px solid #F64D71;box-shadow: 1px 1px #F64D71;}
.i-title p.p-red{color: #F64D71;}
.i-title #t-yellow .line{border-top: 2px solid #F77A36;box-shadow: 1px 1px #F77A36;}
.i-title p.p-yellow{color: #F77A36;}
/*热门课程*/
.hot-class{padding-top: 18px;margin-bottom: 50px;}
.hot-class-loop{position: relative;}
.hot-ul{}
.hot-class-loop-ul{overflow: hidden;height: 360px;width: 1200px;}
.hot-ul li{float: left;width: 380px;height: 360px;margin-left: 15px;border-radius: 2px; border: 1px solid #ccc; overflow: hidden;}
.hot-ul li img{-webkit-transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;transition: opacity .2s ease-in-out;}
.hot-ul li:hover{border-bottom: 2px solid #ff6400;}
.hot-ul li:hover img{opacity: .8;filter: alpha(opacity=80);}
.hot-ul .hot-img{height: 222px;border-bottom: 2px solid #ff6400;overflow: hidden;}
.hot-ul div p.text{color: #606060; margin-bottom: 25px;white-space: nowrap; text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;}
.hot-ul div p.title{font-size: 20px;color: #000;line-height: 40px;margin-top: 5px; margin-bottom: 16px;font-weight: bold;text-align: center;}
.hot-ul .hot-icon span{color: #898989;}
.hot-ul .hot-icon span .iconfont{font-size: 20px;margin-right: 2px;}
.hot-ul .hot-icon span em{font-style: normal;font-weight: bold; margin-right: 1px;}
.hot-ul .hot-icon span.fl .iconfont{color: #ff6400;}
.hot-ul .hot-icon span.fr .iconfont{color: #F55B6D;}  
.hot-pannel{position: absolute;top: 57%;content: '';font-weight: normal;width: 30px;height: 30px;border-right: 2px solid #B4B4B4;border-top: 2px solid #B4B4B4;}
.hot-l{left: -30px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);}
.hot-r{right: -30px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
/*最新文章学校*/
.last-n-s{margin-bottom: 20px;}
.last-n-s > div{float: left;}
.last-n-s .tab-choose{width: 120px;height: 92px;background-color: #F1F1F1;margin-top: 35px;}
.last-n-s .tab-choose p{position: relative;height: 92px;text-align: center;line-height: 92px;font-size: 18px;color: #616161;font-weight: bold;}
.last-n-s .tab-choose p:hover{cursor: pointer;}
.last-n-s .tab-choose p.active{color: #fff;background-color: #F66913;}
.last-n-s .tab-choose p.active:after{position: absolute;content: '';right: -12px;top: 16px;width: 0;height: 0;border-top:8px solid transparent;border-bottom:4px solid transparent;border-left:12px solid #F66913;}
.last-n-s .tab-item{width: 1060px;margin-left: 20px;overflow: hidden;height: 90px;margin-top: 45px;}
.last-n-s .tab-item ul{padding-left: 45px;height: 90px;width: 100%;}
.last-n-s .tab-item ul li{float: left;width: 30.333%;position: relative;padding-left: 10px; margin-left: 1%;margin-right: 1%; color: #7D7D7D; text-align: left;margin-bottom: 25px;white-space: nowrap; text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;}
.last-n-s .tab-item ul li:not(.hot-li):before{content: '';position: absolute;width: 3px;height: 3px;background-color: #ccc;border: 1px solid #ccc;top: 45%;left: 0;border-radius: 35%;}
.last-n-s .tab-item ul li:hover{color: #F66913;}
.last-n-s .tab-item ul .hot-li{padding-left: 30px; background: url("/static/images/2/hot.gif") no-repeat;}
.last-n-s .tab-item ul a:hover{color: #F66913;}
/*课程频道*/
.all-class img{transition: all 0.6s ease-out !important;-moz-transition:all 0.6s ease-out !important;-webkit-transition: all 0.6s ease-out !important;}
.all-class img:hover{transform: scale(1.10);-webkit-transform: scale(1.10);-moz-transform: scale(1.10);}
.common-nav{width: 1200px;padding:4px 0 8px 0;padding-bottom: -18px; border-top: 3px solid #e3e7ec;font-size: 0;}
.common-nav > a{display: inline-block;font-size: 18px;margin: 12px 10px 14px 0;padding: 2px 8px;color: #474545;}
.common-nav > a.active{color: #fff;border-radius: 15px;}
.common-nav > a:not(.active):hover{color: red;}
.common-nav > a.about_channel{color:#A5A5BB;}
.common-nav > a.about_channel:hover{color:#333;background-color:white !important}
.channel-1{padding-top: 35px;}	
.channel-2{background-color: #fff;padding-top: 35px;}		
.w-channel-nav > a.active{color: #ff6400;}
.j-channel-nav > a.active{color: #ff6400;}
.z-channel-nav > a.active{color: #ff6400;}
.x-channel-nav > a.active{color: #ff6400;}
.c-channel-nav > a.active{color: #ff6400;}
.g-channel-nav > a.active{color: #ff6400;}
.nav-content{width: 1215px;padding: 20px 0 18px 0;}
.nav-content ul li{float: left;width: 390px;height: 372px;margin-right: 15px;margin-bottom: 15px;border-radius: 2px;background-color: #fff; border: 1px solid #EEEAEA; overflow: hidden;}
.nav-content ul li img{-webkit-transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;transition: opacity .2s ease-in-out;width: 100%;display: block;margin: 0 auto;}
.nav-content ul li:hover{box-shadow: 0 4px 4px #ccc;}
.nav-content ul li:hover img{opacity: .8;filter: alpha(opacity=80);}
.nav-content ul .content-img{height: 242px;overflow: hidden;}
.nav-content ul div p{line-height: 30px;margin-top: 5px; margin-bottom: 15px;text-align: left;white-space: nowrap; text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;}
.nav-content ul div p a{font-size: 16px;color: #000;}
.nav-content ul .content-em{margin-bottom: 22px;}
.nav-content ul .content-em span{font-size: 16px;color: #7D7D7D;white-space: nowrap; text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;}
.nav-content ul .content-em span em{font-style: normal;}
.nav-content ul .content-em span a{font-style: normal;color: #7D7D7D !important;}
.nav-content ul .content-em span a:hover{color: #F82F55 !important;}
.nav-content ul .content-em span.fl{width: 70%;}
.nav-content ul .content-em span.fr{width: 30%;text-align: right;}
.nav-content ul .content-icon span{color: #898989;}
.nav-content ul .content-icon span .iconfont{font-size: 24px;vertical-align: middle;}
.nav-content ul .content-icon span.fl{color: #F82F55;}
.nav-content ul .content-icon span em{font-style: normal;}
.nav-content ul .content-icon span.fl .iconfont{color: #F82F55;}
.nav-content ul .content-icon span.fr .iconfont{color: #F86E23;}  
/*频道资讯*/
.channel-news{padding-top: 10px;padding-bottom: 50px;border-top: 1px solid #ccc;}
.channel-news > div{float: left;width: 600px;height: 176px;overflow: hidden;}
.channel-news .channel-l{position: relative;border-right: 2px solid #fff;background-color: #ff6400;padding: 34px 36px;}
.channel-news .channel-l .channel-ul{height: 102px;width: 520px;overflow: hidden;}
.channel-news .channel-l .channel-ul li img{width:100%;display:block;}
.channel-news .channel-r{border-left: 2px solid #fff;background-color: #F77A36;}
.channel-news .channel-l ul{height: 102px;width: 520px;}
.channel-news .channel-l ul li{float: left;width: 164px; margin-right: 14px;height: 102px;margin-right:9px\0;}
.channel-news .channel-l ul li:nth-child(3){margin-right: 0;}
.channel-news .channel-l ul li a{position: relative;display: block;height: 100%;overflow: hidden;}
.channel-news .channel-l ul li a p{position: absolute;bottom: 0;display: none; width: 100%;height: 28px;background: rgba(0,0,0,.5);color: #fff;text-align: center;font-size: 16px;line-height: 28px;}
.channel-news .channel-l ul li:hover p{display: block;}
.channel-news .channel-l ul li:hover{border: 1px solid #fff;}
.channel-news .channel-l .hot-pannel{width: 20px;height: 20px;top: 44%;border-color: #fff;}
.channel-news .channel-l .hot-l{left: 15px;}
.channel-news .channel-l .hot-r{right: 15px;}
.channel-news .channel-r ul{padding: 19px 0px 10px 27px;}
.channel-news .channel-r ul li{float: left;position: relative; width: 50%;padding-right: 20px;padding-left: 12px; color: #fff;line-height: 33px;font-size: 16px;white-space: nowrap; text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;/* list-style: square;list-style-position:inside;*/}
.channel-news .channel-r ul li:hover{text-decoration: underline;}
.channel-news .channel-r ul li:before{content: '';position: absolute;width: 3px;height: 3px;background-color: #fff; border: 1px solid #fff;top: 45%;left: 1px;}
/*全国分站*/
.station{background-color: #F7F9FA;}
.friend{background-color: #fff;border-top: 1px solid #ccc;}
.h-title{text-align: left;color: #000;padding: 20px 0 28px 0;}
.h-title .title-strong{font-size: 24px;font-weight: bold;}
.h-title .title-span{font-size: 16px;color: #626262;display: inline-block;margin-left: 5px;}
.station-items{padding-bottom: 40px;}
.station-items .station-items-l{width: 1200px;overflow: hidden;padding-top: 20px;}
.station-items .station-items-l ul li{float: left;padding: 1px 7px;}
.station-items #link li{margin-right: 28px !important;}
.station-items .station-items-l ul li a{display: inline-block;height: 100%;font-size: 14px;color: #9d9d9d;}
.station-items .station-items-l ul li a:hover{color: red;}
.station-items .station-items-l ul li:not(.active) a:hover{text-decoration: underline;}
.station-items .station-items-l ul li.active{background-color: #ff6400;border-radius: 20px;}
.station-items .station-items-l ul li.active a{color: #fff;}
.station-items .station-items-choose{width: 90px;height: 35px;text-align: center;margin-top: 6px;}
.station-items .station-items-choose:hover{cursor: pointer;}
.station-items .station-items-choose span{font-size: 14px;color: #A0A0A0;position: relative;}
.station-items .station-items-choose span.show-all:after{position: absolute;top: 100%;left: 50%;margin-left: -4px;content: '';width: 8px;height: 8px;border-left: 2px solid #B4B4B4;border-top: 2px solid #B4B4B4;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);}
.station-items .station-items-choose span.hide-part:before{position: absolute;top: -50%;left: 50%;margin-left: -4px;content: '';width: 8px;height: 8px;border-left: 2px solid #B4B4B4;border-top: 2px solid #B4B4B4;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.hid{height: 0px;display: none;}
/*服务*/
.service-msg{padding: 56px 50px 85px 50px;}
.service-msg .service{width: 525px;float: left;}
.service-msg .message{width: 575px;float: left;}
.service-msg .service-msg-title{margin-bottom: 28px;}
.service-msg .service-msg-title strong{font-size: 24px;color: #ff6400;font-weight: bold;line-height: 40px;}
.service-msg .service-msg-title hr{width: 50px;border-top: 3px solid #ff6400;margin-left: 0;}
.service .service-p{font-size: 30px;color: #000;font-weight: bold;}
.service .service-p .iconfont{font-size: 55px;color: #FF5400;vertical-align: middle;margin-right: 12px;}
.service .contact-box{text-align: center;width: 340px;height: 322px;border:1px solid #FF5400;margin-left: 0;margin-top: 16px;}
.service .contact-box .iconfont{display: block; font-size: 109px;color: #FF5400;text-align: center;padding: 30px 0 15px 0;}
.service .contact-box p{text-align: center;line-height: 30px;font-size: 16px; color: #565656;}
.service .contact-box a.exchange{display: inline-block; width: 170px;height: 46px;margin-top: 32px;border: 1px solid #FF5400;border-radius: 3px; font-size: 20px;font-weight: bold;color: #FF5400; line-height: 43px; text-align: center;}
/*留言*/
[class^="div-"]{float: left;margin-bottom: 30px;}
[class^="div-3-"]{margin-bottom: 15px !important;}
.mes-main div p{float: left;text-align: center;color: #000;}
.mes-main div p span{vertical-align: middle;color: red;}
.mes-main div input{float: right;padding-left: 15px;cursor: pointer;}
.mes-main .div-1{width: 285px;}
.mes-main .div-1 p{width: 88px;font-size: 18px;line-height: 35px;overflow: hidden;}
.mes-main .div-1 input{width: 190px;height: 35px;overflow: hidden;border: 1px solid #ccc;border-radius: 20px;margin-right: 5px;}
.mes-main .div-2{width: 575px;}
.mes-main .div-2 p{width: 80px;font-size: 18px;line-height: 35px;overflow: hidden;}		
.mes-main .div-2 textarea{float: left;margin-left: 5px; width: 475px;height: 160px;resize: none;padding: 15px; border: 1px solid #ccc;border-radius: 20px;}
.mes-main .div-3{width: 575px;margin-bottom: 0 !important;}
.mes-main .div-3 div{float: left;height: 35px;}
.mes-main .div-3-1{width: 215px;}
.mes-main .div-3-1 p{float: left;width: 80px;font-size: 18px;line-height: 35px;overflow: hidden;}
.mes-main .div-3-1 input{width: 135px;height: 35px;overflow: hidden;border: 1px solid #ccc;border-radius: 20px;}
.mes-main .div-3-2{width: 100px;height: 35px;}
.mes-main .div-3-2 img{width: 80%;height: 100%;cursor: pointer;}
.mes-main .div-3-3{width: 115px;float: right !important;}
.mes-main .div-3-3 input{height: 35px;width: 100%;background-color: #FF5400;color: #fff;font-size: 18px;line-height: 32px;text-align: center;border-radius: 25px;}
.mes-main .tip{color: #7A7A7A;}
.mes-main .tip strong{color: #F66913;}
/*首页尾部样式*/
.qinxue-footer{height: 86px;background-color: #FAFAFA;text-align: center;}
.qinxue-footer .qinxue-p{padding: 12px 0;}
.qinxue-footer .qx-p1,.qinxue-footer .qx-p2{font-size: 14px;color: #8B8B8B;line-height: 30px;}
.qinxue-footer .qx-p1 a{color: #8B8B8B;padding: 0px 10px;}
.qinxue-footer .qx-p1 a:hover{text-decoration: underline;}
.qinxue-footer .qx-p2 img{display: inline-block !important;}
/*侧边栏样式*/
.stairs-leader{position: fixed;display: none;top: 210px;left:0px;background-color: #fff;width: 114px;height: auto;z-index: 5;border: 1px solid #ccc;}
.stairs-leader .stairs-ul{height: auto;}
.stairs-leader .stairs-ul li{height: 51.333px;line-height: 51.333px;}
.stairs-leader .stairs-ul li a{display: block;text-align: center;font-size: 16px;color: #565656;width: 78%;border-bottom: 1px dotted #ccc;margin: 0 auto;}
.stairs-leader .stairs-ul li a .iconfont{font-size: 20px;color: #565656;margin-right: 3px;}
.stairs-leader .stairs-ul li.active{background-color: #F86E23;}
.stairs-leader .stairs-ul li.active a{color: #fff;border-bottom: none !important;}
.stairs-leader .stairs-ul li.active .iconfont{color: #fff;}
.stairs-leader .back-top{position: relative;height: 45px;width: 100%; background-color: #DBDBDB;text-align: center;padding-top: 4px;cursor: pointer;}
.stairs-leader .back-top:after{position: absolute;top: 75%;left: 50%;margin-left: -4px;content: '';width: 8px;height: 8px;border-right: 2px solid #565656;border-bottom: 2px solid #565656;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);}
@media screen and (min-width:1680px){
.stairs-leader{position: fixed;display: none;top: 210px;left: 150px !important;background-color: #fff;width: 114px;height: auto;z-index: 5;border: 1px solid #ccc;}
}
/*底部录名单样式*/
.foot_form{width: 100%;}
.foot_form .input_text{width: 178px;color: rgb(136, 136, 136); padding:5px 20px;line-height: 27px;height: 38px;border: 1px solid #eeeeee;font-size: 14px;float: left;margin-right: 24px;}
.form_btn{cursor: pointer;width: 124px;height: 39px;float: right;font-size: 18px;line-height: 39px;text-align: center;background: #f0552f;border: none;color: #fff;}
.foot_close{width: 20px;height: 20px;background: url(/static/images/2/xx.png) center center no-repeat;position: absolute;right: 20px;top: 20px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.foot_close:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.fixed-bottom{position: fixed;display: none; height: 120px;width: 100%; background: rgba(0,0,0,.8);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);left: 0;bottom: 0;}
.fixed-bottom p{font-size: 14px;color: #fff;line-height: 64px;}
.fixed-bottom p span{font-size: 24px;color: #f0552f;font-weight: 700;}	
.input_text img{display: block;width: 78px;height: 38px;margin-left: -30px;margin-top: -6px;}
/*用户位置*/
#inclued{display: none;width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.5);z-index: 500;top: 0;left: 0;}
.location_cities{box-shadow: 0 0 5px #fff;z-index: 520; background-color: #fff; position: absolute;top: 50%;left: 38%;height: auto; width: 905px;margin-top: -325px;margin-left: -210px;padding-bottom: 24px;}
.title_top{position: relative; background-color: #ff6400;height: 46px;line-height: 46px;width: 100%;color: #fff; font-size: 22px;font-weight: normal;text-align: center;}
.title_top span#close_tan{
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	
-moz-transform:rotate(45deg); 	
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); 			
position: absolute;right: 12px;top: -4px;font-size: 35px;color: #fff;}
.title_top span#close_tan:hover{cursor: pointer;}
.guess{width: 100%;padding:6px 20px;height: 40px;line-height: 40px;text-align: left;font-size: 16px;color: #ff6400;}
.guess a.sure_city{color: white;background: #ff6400;font-family: "微软雅黑";margin-left: 10px;padding: 2px 5px;}
.label_hide{margin-left: 10px;font-size: 14px;color: #333;}
.guess .iconfont{font-size: 20px;margin: 0 5px;}
.guess .default_city{margin-left: 5px;background: none;color: #ff6400;cursor: pointer;}
.tan_ul{width: 100%;padding:15px 20px;}
.tan_ul ul{width: 100%;height: auto; border-top: 1px solid #CCC;padding: 6px 2px;border-bottom: 1px solid #CCC;}
.tan_ul ul li{padding-left: 8px; margin: 4px 0; float: left;width: 50%;height: 24px;font-size: 14px;    line-height: 24px;text-align: left;}
.tan_ul ul li span{font-size: 16px;color: #ff6400;margin-right: 8px;}
.tan_ul ul li a{font-size: 14px;margin: 0 2px;line-height: 24px;padding: 2px 3px;}
.tan_ul ul li a.active{background: #ff6400;color: #fff;border-radius: 3px;}

.city_zixun{width: 100%;padding-bottom: 50px;padding-top: 50px;}
.city_zixun >.width_main{}
.city_zixun >.width_main >.city_zixun_tab{}
.city_zixun >.width_main >.city_zixun_tab >ul{}
.city_zixun >.width_main >.city_zixun_tab >ul >li{float: left;width: 280px;margin-right: 20px; display: block;padding-bottom: 10px;border-bottom: 1px solid #efefef;}
.city_zixun >.width_main >.city_zixun_tab >ul >li >span{font-size: 18px;color: #2c2c2c;font-weight: bold;display: block;padding-left: 15px;line-height: 15px; border-left: 3px solid #ff6400;}
.city_zixun >.width_main >.city_zixun_con >ul{float: left;width: 25%;padding: 20px 0px;padding-right: 20px;padding-top: 0px;}
.city_zixun >.width_main >.city_zixun_con >ul >span{display: block;padding-bottom: 15px;border-bottom: 1px solid #efefef;}
.city_zixun >.width_main >.city_zixun_con >ul >span >label{font-size: 18px;color: #2c2c2c;font-weight: bold;display: block;padding-left: 15px;line-height: 15px; border-left: 3px solid #ff6400;}
.city_zixun >.width_main >.city_zixun_con >ul >li{padding-top: 15px;}
.city_zixun >.width_main >.city_zixun_con >ul >li >a >span >label{position: absolute;right: 0px; font-size: 12px; -webkit-transform-origin-x: 0;-webkit-transform: scale(0.90);}
.city_zixun >.width_main >.city_zixun_con >ul >li >a{display: block;}
.city_zixun >.width_main >.city_zixun_con >ul >li >a >i{display: none;width: 100%;height: 150px;overflow: hidden;margin-bottom: 10px;}
.city_zixun >.width_main >.city_zixun_con >ul >li >a >img{display: block;width: 100%;height: auto;}
.city_zixun >.width_main >.city_zixun_con >ul >li >a >span{display: block;width: 100%;text-align: left;font-size: 14px;color: #7c7c7c;padding-left: 10px;padding-right: 46px;position: relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.city_zixun >.width_main >.city_zixun_con >ul >li >a >span:before{content: "";display: block;width: 3px;height: 3px;background: #7c7c7c;position: absolute;top: 8px;left: 0px;border-radius: 3px;}
.city_zixun >.width_main >.city_zixun_con >ul >li:hover >a >span{color: red;}
.city_zixun >.width_main >.city_zixun_con >ul >li:hover >a >span:before{background: red;}
.city_zixun >.width_main >.city_zixun_con >ul >a >li{padding-top: 15px;}
.city_zixun >.width_main >.city_zixun_con >ul >a >li{display: block;}
.city_zixun >.width_main >.city_zixun_con >ul >a >li{display: none;width: 100%;height: 150px;overflow: hidden;}
.city_zixun >.width_main >.city_zixun_con >ul >a >li{display: block;width: 100%;height: auto;}
.city_zixun >.width_main >.city_zixun_con >ul >a >li{display: block;width: 100%;text-align: left;font-size: 14px;color: #7c7c7c;padding-left: 10px;position: relative;}
.city_zixun >.width_main >.city_zixun_con >ul >a >li >span:before{content: "";display: block;width: 3px;height: 3px;background: #7c7c7c;position: absolute;top: 8px;left: 0px;border-radius: 3px;}
.city_zixun >.width_main >.city_zixun_con >ul >a >li:hover >span{color: red;}
.city_zixun >.width_main >.city_zixun_con >ul >a >li:hover >span:before{background: red;}
.class-list-foot_box{background-color: #f7f9fa;padding-top: 30px;}
.class-list-foot{margin-top: 20px;padding-bottom: 0px;}
.foot-link{font-size: 0;border-bottom: 1px solid lightgray;}
.foot-link li{display:inline-block;cursor: pointer; width: auto;height: 36px;font-size: 20px;font-weight: bold;color: #6F6F6F;margin-right: 35px;}
.foot-link li.on{color: #000;border-bottom: 2px solid #000;}
.foot-link li .iconfont{font-size: 18px;margin-right: 5px;}
.foot-link-content ul li a{text-align: center;display: block;height: 100%;font-size: 16px;color: #585858;border: 1px solid #f7f9fa;}
.foot-link-content ul li:hover{}
.foot-link-content >ul.dis_none{display: none;}
/*ul li:hover a{color: #fff;}*/
.foot-link1{font-size: 0;border-bottom: 1px solid lightgray;}
.foot-link1 li{display:inline-block;cursor: pointer; width: auto;height: 36px;font-size: 20px;font-weight: bold;color: #6F6F6F;margin-right: 35px;}
.foot-link1 li .iconfont{font-size: 25px;margin-right: 5px;}
.foot-link1 li span{padding-left: 5px;}
.foot-link-content ul{padding-top: 10px;height: auto !important;}
.foot-link-content ul li{width: auto;}
.foot-link1-content ul li{display: inline-block;margin-top: 27px;height: 30px;border: 1px solid #585858;margin-left: 20px;min-width: 125px;padding: 0 10px;line-height: 28px;border-radius: 15px;}
.foot-link1-content ul li a{text-align: center;display: block;height: 100%;font-size: 16px;color: #585858;}
.foot-link1-content ul li:hover{background-color: #FF5400;border: 1px solid #fff;}
.foot-link1-content ul li:hover a{color: #fff;}
.class-list-foot_box .station-items .station-items-l{padding-top: 0px !important;}
.class-list-foot_box .station-items{padding-bottom: 0px;}
.index_tit{text-align: center;width: 100%;margin-bottom: 30px;}
.index_tit >span{font-size: 30px;}
.index_tit >p{font-size: 16px;color: #afb7bd;padding-top: 5px;}

.index_box{padding-top: 15px;background-color: #F4F4F4;}
.index_box >.center{background: #FFF;}
.index_box >.center >.nav{width: 100%;overflow: hidden;padding-top: 25px;margin-top: 40px;border-top: 3px solid #e3e7ec;}
.index_box >.center >.nav >ul{}
.index_box >.center >.nav >ul >li{float: left;padding: 0px 10px;margin-bottom: 30px;}
.index_box >.center >.nav >ul >li >a{display: block;color: #4f545a;font-size: 16px;}
.index_box >.center >.nav >ul >li >a:hover{color: #ff6400;}
.index_box >.center >ul{}
.index_box >.center >ul >li{float: left;width: 25%;padding: 10px;height: 290px;overflow: hidden;	}
.index_box >.center >ul >li:hover >.con{
	-webkit-box-shadow: 1px 1px 2px 1px #cccccc;
	-moz-box-shadow: 1px 1px 2px 1px #cccccc;
	box-shadow: 1px 1px 2px 1px #cccccc;
}
.index_box >.center >ul >li >.con{padding-bottom: 20px;overflow: hidden;}
.index_box >.center >ul >li >.con >.img{width: 100%;display: block;position: relative;height: 172px;}
.index_box >.center >ul >li >.con >.img >img{width: 100%;transition: all 0.6s;}
.index_box >.center >ul >li >.con >.img >img:hover{transform:scale(1.10);-moz-transform:scale(1.10);-webkit-transform:scale(1.10);-o-transform:scale(1.10);}
.index_box >.center >ul >li >.con >.img >.gzl{position: absolute;bottom: -2px;left: 0px;width: 100%;line-height: 30px;color: white;font-size: 14px;
	background-image:-o-linear-gradient(to top,rgba(0,0,0,0.5),rgba(255,255,255,0));
	background-image:-ms-linear-gradient(to top,rgba(0,0,0,0.5),rgba(255,255,255,0));
	background-image:-moz-linear-gradient(to top,rgba(0,0,0,0.5),rgba(255,255,255,0));
	background-image:-webkit-linear-gradient(to top,rgba(0,0,0,0.5),rgba(255,255,255,0));
	background-image:linear-gradient(to top,rgba(0,0,0,0.7),rgba(255,255,255,0));
}
.index_box >.center >ul >li >.con >.img >.gzl >span{float: left;width: 50%;}
.index_box >.center >ul >li >.con >.img >.gzl >span.span01{padding-left: 5px;}
.index_box >.center >ul >li >.con >.img >.gzl >span.span02{padding-right: 5px;text-align: right;}
.index_box >.center >ul >li >.con >.text{padding-left: 5px;}
.index_box >.center >ul >li >.con >.text >a{display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    width: 90%;}
.index_box >.center >ul >li >.con >.text >a:hover{color: #ff6400;}
.index_box >.center >ul >li >.con >.text >ul{}
.index_box >.center >ul >li >.con >.text >ul >li{float: left;}
.index_box >.center >ul >li >.con >.text >ul >li.school{width: 60%;}
.index_box >.center >ul >li >.con >.text >ul >li.jxd{width: 40%;text-align: right;color: #97a2af;}
.index_box >.center >ul >li >.con >.text >ul >li >a{color: #97a2af;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;}
.index_box >.center >ul >li >.con >.text >ul >li >a:hover{color: #ff6248;}

.jt_nav{position: fixed;display: none;top: 210px;left: 50%;margin-left: -671px; 
background: -webkit-linear-gradient(#009688,#00BCD4);
background: -o-linear-gradient(#009688,#00BCD4);
background: -moz-linear-gradient(#009688,#00BCD4);
background: linear-gradient(#009688,#00BCD4);
width: 50px;height: auto;z-index: 5;border-radius: 5px;overflow: hidden;}
.jt_nav .jt_nav-ul{height: auto;}
.jt_nav .jt_nav-ul li{height: 60px;padding-top: 10px;}
.jt_nav .jt_nav-ul li.blue:hover{background: #ff6400;}
.jt_nav .jt_nav-ul li.red:hover{background: #ff665a;}
.jt_nav .jt_nav-ul li.blue.active{background: #00cae4;}
.jt_nav .jt_nav-ul li.red.active{background: #00cae4;}
.jt_nav .jt_nav-ul li a{display: block;text-align: center;font-size: 14px;color: #fff;width: 78%;border-bottom: 1px dotted #ccc;margin: 0 auto;padding-bottom: 12px;}
.jt_nav .jt_nav-ul li a .iconfont{font-size: 20px;color: #565656;margin-right: 3px;}
.jt_nav .jt_nav-ul li.active{background: #00cae4;}
.jt_nav .jt_nav-ul li.active a{color: #fff;border-bottom: none !important;}
.jt_nav .jt_nav-ul li.active .iconfont{color: #fff;}
.jt_nav .back-top{position: relative;width: 100%; background-color: #006e79;text-align: center;padding-top: 4px;cursor: pointer;color: #fff;padding-bottom: 10px;}
.jt_nav .back-top >span{display: block;line-height: 14px;}
@media screen and (max-width: 1360px){.stairs-leader{left: 0;margin-left: 0px;}}

  .yh-floor {
    margin-bottom: 20px;
    padding: 20px 0px;
    margin: 0 auto;
    overflow: hidden;
	background: #F4F4F4;
  }
  .yh-floor > .shop-top {
    width: 1200px;
    border-bottom: 1px solid #f4f4f4;
   padding: 20px 30px;
   padding-left: 339px;
   height: 70px;    margin: auto;
    background: #FFF;
   position: relative;
  }
  .yh-floor > .shop-top > .top-title {
    float: left;
    font-size: 20px;
    font-family: MicrosoftYaHei-Bold;

    color: #333333;
    position: absolute;
    left: 30px;
  }
  .yh-floor > .shop-top > .top-title span{
    font-weight: bold;font-size: 20px;
  }
  .yh-floor > .shop-top > .top-title > .emm {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #999999;
    margin-left: 12px;
  }
  .yh-floor > .shop-top > .top-right {
    width: 81px;
    height: 22px;
    background: #c17931;
    border-radius: 2px;
    display: inline-block;
    margin-top: 15px;
    float: right;
  }
  .yh-floor > .shop-top > .top-right > a {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 22px;
    color: #ffffff;
  }
  .yh-floor > .shop-top > .top-t {
     position: relative;
    padding-top: 3px;
    width: 100%;

  }
  .yh-floor > .shop-top > .top-t > li {
    float: left;
    cursor: pointer;
    padding-bottom: 11px;
    margin-right: 32px;
    font-size:16px;
  }
  .yh-floor > .shop-top > .top-t > li:last-child{
      right: 31px;
      margin-right: 0px;
      position: absolute;
     float: none;
     
  }
  .yh-floor > .shop-top > .top-t > li:last-child a{
      color: #333333;
      font-size: 16px;
   
      vertical-align: top;
  }
  .yh-floor > .shop-top > .top-t > li:last-child a i{
      font-size: 25px;
      top: -3px;
      right: -30px;
     position: absolute;
  }
  .yh-floor > .shop-top > .top-t > li.select{
    color: #15BB61;
    font-weight: 700;
    
  }
  .yh-floor > .shop-top > .top-t > li:hover {
    color: #15BB61;
    font-weight: 700;
    
  }
  .yh-floor > .shop-bottom {
    margin-top: 30px;width:1200px;
    padding: 0 30px;
	    margin: auto;
    background: #FFF;height: 520px;
  
  }
  .yh-floor > .shop-bottom > .bl {
    float: left;
  }
  .yh-floor > .shop-bottom > .bl > .bl-img {
    width:217px;
    height:492px;
  }
  .yh-floor > .shop-bottom > .bl > .bl-img > a{
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .yh-floor > .shop-bottom > .bl > .bl-img > a > img {
    width: 100%;
    height: 100%;
  }
  
  .yh-floor > .shop-bottom > .br {
    float: left;
    margin-left: 0px;
    width: 874px;
  }
  .yh-floor > .shop-bottom > .br > .br-title{    margin-top: 15px;}
  .yh-floor > .shop-bottom > .br > .br-title > h4 {
    border-left: 4px solid #15bb61;
    padding-left: 9px;
    line-height: 20px;
    margin: 0px;
    margin-bottom: 15px;
    font-weight:700; 
    -ms-line-height: 35px;
  }
  .yh-floor > .shop-bottom > .br > .br-title > a {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #333333;
    margin-top: 9px;
    margin-right: 2px;
  }
  .yh-floor > .shop-bottom > .br > .br-title > a:hover {
    color: #0DB159;
  }
  .yh-floor > .shop-bottom > .br > ul li {
    float: left;
    padding: 9px;
    padding-bottom: 7px;
    margin-right: 20px;
    margin-bottom: 38px;
    width:198px;
    height:207px;
    border-radius: 7px;
  }
  .yh-floor > .shop-bottom > .br > ul li:hover{
      transition: all 0.3s linear;
      border-radius: 7px;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
  }
  .yh-floor > .shop-bottom > .br > ul li:nth-child(3n) {
    
  }
  .yh-floor > .shop-bottom > .br > ul li:nth-child(n+4) {
    
  }
  .yh-floor > .shop-bottom > .br > ul li > a {
    display: inline-block;
    width: 100%;
  }
  .yh-floor > .shop-bottom > .br > ul li > a:hover {
    color: #fff;
    text-decoration: none;
  }
  .yh-floor > .shop-bottom > .br > ul li > a > .br-img {
    width:178px;
    height:132px;
    position: relative;
    overflow: hidden;
  }
  .yh-floor > .shop-bottom > .br > ul li > a > .br-img > img {
    width: 178px;

  }
  .yh-floor > .shop-bottom > .br > ul li > a > .br-img > .bottom_zhe {
    width: 100%;
    height: 20px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0px;
    padding-top: 2px;
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 12px;
  }
  .yh-floor > .shop-bottom > .br > ul li > a > .br-text {
    color: #333333;
    margin-top: 7px;
  }
  .yh-floor > .shop-bottom > .br > ul li > a > .br-text > p {
    color: #333333;
    font-size: 12px;
  }
  .yh-floor > .shop-bottom > .br > ul li > a > .br-text >.labels{
    margin-top: 5px;
  }
  .yh-floor > .shop-bottom > .br > ul li > a > .br-text >.labels>span{
      color: #009143;
      display:inline-block;
      font-size: 12px;
      position: relative;
      margin-right: 6px;
      left: -3px;
  }
  .yh-floor > .shop-bottom > .br > ul li > a > .br-text >.labels>span i{
      font-size: 14px;
      position: relative;
      top: 1px;
      margin-right: 4px;
  }
  .yh-floor > .shop-bottom > .br > ul li > a > .br-text >.labels>span:nth-child(2){
     color: #8DBF65;
  }
  .yh-floor > .shop-bottom > .br > ul li > a > .br-text >.labels>span:nth-child(3){
    color: #82C5C7;
 }
 .yh-floor > .shop-bottom > .br > ul li > a > .br-text >.bottom{
     margin-top: 8px;
 }
 .yh-floor > .shop-bottom > .br > ul li > a > .br-text >.bottom .fl{
     color: #EC6535;
     font-size: 16px;
     
 }
 .yh-floor > .shop-bottom > .br > ul li > a > .br-text >.bottom .fl>i{
   font-size: 12px;
 }
 .yh-floor > .shop-bottom > .br > ul li > a > .br-text >.bottom .fr{
     color: #999999;
     font-size: 12px;
     margin-top: 3px;
    
 }
  
  .yh-floor > .shop-bottom > .shop-news {
    float: right;
   
    width: 237px;
  }
  .yh-floor > .shop-bottom > .shop-news > .shop-new-top > .news-title {
  margin-bottom: 20px;
    position: relative;
  }
  .yh-floor > .shop-bottom > .shop-news > .shop-new-top > .news-title > h4 {
    padding-left: 6px;
    border-left: 4px solid #15bb61;
    margin: 0px;
    font-weight: 700;
    color: #333333; 
    line-height: 19px;

  }
  .yh-floor > .shop-bottom > .shop-news > .shop-new-top > .news-title >a{
      color: #333333;
      position: relative;
      top: -1px;
      font-size: 14px;
  }
  .yh-floor > .shop-bottom > .shop-news > .shop-new-top .hot_shop .item  {
    width: 100%;
    height: 95px;
    overflow: hidden;
    position: relative;
    margin-bottom: 11px;    text-align: center;
  }
  .yh-floor > .shop-bottom > .shop-news > .shop-new-top .hot_shop .item  img{
      width: 192px;
      height: 80px;
      position: relative;

  }
  .yh-floor > .shop-bottom > .shop-news > .shop-new-top .hot_shop .item .bottom_zhe{
      padding-top:3px;
      padding-left: 10px;
      padding-right: 79px;
      overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0px;
    font-size: 14px;
    color: #fff;
    width:100%;
    height:24px;

  }
.yh-floor > .shop-bottom > .shop-news > .shop-news-bottom {
    margin-top:24px;
  }
  .yh-floor > .shop-bottom > .shop-news > .shop-news-bottom > ul li{
    position: relative;
    padding-left: 5px;
    margin-bottom: 5px;

  }
  .yh-floor > .shop-bottom > .shop-news > .shop-news-bottom > ul li:last-child{
    margin-bottom: 0px;
  }
  .yh-floor > .shop-bottom > .shop-news > .shop-news-bottom > ul li > a {
    color: #3a3a3a;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 226px;
    display: inline-block;
  }
  .yh-floor > .shop-bottom > .shop-news > .shop-news-bottom > ul li > a:hover {
    color: #0DB159;
  }
  .yh-floor > .shop-bottom > .shop-news > .shop-news-bottom > ul li  > span {
   position: absolute;
    color: #009143;
    left: -13px;
    font-size: 30px;
    top: -8px;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform-origin: center center;

  }
  #case > .bottom-img{
    position:relative;
    
  }
  #case > .bottom-img  > .swiper-container_bs{
   width: 1060px;
    padding-top:65px;
    padding-bottom: 45px; 
   padding-left: 10px;
    
  }
  
  #case > .bottom-img >.swiper-button-next,#case > .bottom-img >.swiper-button-prev{
    background-image: none;
    color: #999999;
    outline: none;
    font-size:20px;
     line-height: 44px;
  }
  
  #case > .bottom-img  > .swiper-container_bs > .swiper-wrapper > .swiper-slide{
      width: 110px;
      height: 110px;
      box-shadow:0px 2px 6px 2px rgba(229,229,229,0.59);
      border-radius:50%;
      margin-right: 43px;
      overflow: hidden;
  }
  #case > .bottom-img  > .swiper-container_bs > .swiper-wrapper > .swiper-slide> img{
    width: 100%;
    height: 100%;
    overflow: hidden;
   
    
  }
  #case > .bottom-img  > .swiper-container_bs > .swiper-wrapper > .swiper-slide.select_img{
    transition: all 0.3s linear;
    transform:scale(1.2)
  }
 
  #case > .bottom-text > .show_img{
    display: none;
    text-align: center;
  }
  #nav-li {
    float: left;
    height: 496px;
    background-color: #fff;
    border: 1px solid #15BB61;
  }
  #nav-li > li {
    width: 181px;
    height: 124px;
    padding-left: 10px;
    line-height: 2px;
    border-top: 1px solid #e6e6e6;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #5a3232;
    position: relative;
  }
  #nav-li > li:first-child {
    border-top: 0px;
  }
  #nav-li > li > div {
    height: 62px;
  }
  #nav-li > li > div > .f-img {
    margin-right: 5px;
    display: inline-block;
    width: 37px;
    height: 36px;
    background-image: url("/static/images/2/ziti.png");
    background-repeat: no-repeat;
    position: relative;
    top: 10px;
  }
  #nav-li > li > div > .f {
    float: right;
    margin-top: 24px;
    margin-right: 8px;
    color: #666666;
  }
  #nav-li > li > .tuozhan {
    padding-right: 8px;
  }
  #nav-li > li > .tuozhan > span {
    margin-left: 5px;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 18px;
    display: inline-block;
    margin-right: 26px;
  }
  #nav-li .active {
    background-color: #15BB61;
    color: #fff;
  }