/*!
 * drawer v2.0.0
 * 
 * Licensed under MIT
 * Author : blivesta
 * 
 */
 
.drawer{
	margin-top:60px;
}
.drawer-main {
	position: fixed;
	top: 0;
	width: 220px;
	height: 100%;
	overflow: hidden;
    z-index:99999;
}
.drawer-left .drawer-main {
	left: -220px;
	-webkit-transition: left .4s cubic-bezier(0.19, 1, .22, 1);
	-o-transition: left .4s cubic-bezier(0.19, 1, .22, 1);
	transition: left .4s cubic-bezier(0.19, 1, .22, 1)
}
.drawer-left.drawer-open .drawer-main {
	left: 0
}
.drawer-right .drawer-main {
	right: -220px;
	-webkit-transition: right .4s cubic-bezier(0.19, 1, .22, 1);
	-o-transition: right .4s cubic-bezier(0.19, 1, .22, 1);
	transition: right .4s cubic-bezier(0.19, 1, .22, 1)
}
.drawer-right.drawer-open .drawer-main {
	right: 0
}
.drawer-overlay {
	position: relative
}
.drawer-left .drawer-overlay, .drawer-left .drawer-toggle {
	left: 0;
	-webkit-transition: left .4s cubic-bezier(0.19, 1, .22, 1);
	-o-transition: left .4s cubic-bezier(0.19, 1, .22, 1);
	transition: left .4s cubic-bezier(0.19, 1, .22, 1)
}
.drawer-left.drawer-open .drawer-overlay, .drawer-left.drawer-open .drawer-toggle {
	left: 220px
}
.drawer-right .drawer-overlay, .drawer-right .drawer-toggle {
	right: 0;
	-webkit-transition: right .4s cubic-bezier(0.19, 1, .22, 1);
	-o-transition: right .4s cubic-bezier(0.19, 1, .22, 1);
	transition: right .4s cubic-bezier(0.19, 1, .22, 1)
}
.drawer-right.drawer-open .drawer-overlay, .drawer-right.drawer-open .drawer-toggle {
	right: 220px
}
.drawer-overlay-upper {
	position: fixed;
	top: 0;
	z-index: 1100;
	display: none;
	height: 100%;
	/*background-color: #000;
	background-color: rgba(0,0,0,.5)*/
}
.drawer-left.drawer-open .drawer-overlay-upper {
	right: 0
}
.drawer-right.drawer-open .drawer-overlay-upper {
	left: 0
}
.drawer-default {
	background-color: #242733;
	-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.5);
	box-shadow: inset 0 0 0 rgba(0,0,0,.5);
	margin-top:60px;
}
.drawer-default+.drawer-overlay {
	background-color: #fff
}
.drawer-default .drawer-nav-list {
	padding: 0;
	margin: 0 0 20px 0;
	list-style: none
}
.drawer-default .drawer-nav-list li {
	display: block;
	border-bottom:1px solid #3e404c;
	height:50px; line-height:50px;
	background:url(../images/icon_right.png) right no-repeat;
	background-position:200px 20px;
	padding-left:30px;
}
.drawer-default .drawer-nav-list li a{display: block;color: #fff;font-size:16px;text-decoration:none; height:50px; overflow:hidden; padding-left:10px;}
.drawer-default .drawer-nav-list li .icon{background:url(../images/nav.png); width:30px; height:30px; float:left; margin-top:10px; margin-right:10px;}
.drawer-default .drawer-nav-list li .icon_01{background-position:0 0;}
.drawer-default .drawer-nav-list li .icon_02{background-position:0 -30px;}
.drawer-default .drawer-nav-list li .icon_03{background-position:0 -60px;}
.drawer-default .drawer-nav-list li .icon_04{background-position:0 -90px;}
.drawer-default .drawer-nav-list li .icon_05{background-position:0 -120px;}
.drawer-default .drawer-nav-list li .icon_06{background-position:0 -150px;}
.drawer-default .drawer-nav-list li .icon_07{background-position:0 -180px;}
.drawer-default .drawer-nav-list li .icon_08{background-position:0 -210px;}

.drawer-toggle {position:fixed;z-index: 1000;display: block;width: 100%;height: 60px;border: 0;background:#006EC7;top:0px;}
.drawer-toggle h2{ text-align:left; color:#fff; font-size:22px; font-weight:normal; line-height:60px; overflow:hidden}
.drawer-toggle span{position: absolute;display: block;width: 28px;height: 22px;background:url(../images/menu.png);cursor:pointer;right:15px; top:18px;}

.banner {width: 100%;position:relative;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.5;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}

/*.nav{margin-top:10px; margin-left:10px; width:100%; margin:0 auto;}
.nav ul li{  width:25%;float:left; text-align:center; margin-bottom:10px;}
.nav ul li a{display:block; font-size:20px; padding:10% 0; margin-right:10px; background:#ff5c00; color:#fff; margin-top:20px;}
.nav ul li img{ display:block; margin:0 auto; margin-bottom:10px;}
.nav ul li a.first{background:#074D8F}
.nav ul li a.second{background:#007CB8;}
.nav ul li a.three{ background:#029FD2}
.nav ul li a.last{background:#6DC6F2;}*/
.nav{margin-top:10px; margin-left:10px;}
.nav ul li{width:25%; float:left; text-align:center; margin-bottom:10px;}
.nav ul li a{display:block; font-size:14px; padding:10px 0; margin-right:10px; color:#fff; border-radius:5px;}
.nav ul li img{ display:block; margin:0 auto; margin-bottom:10px; width:50%;}
.nav ul li a.first{background:#074D8F}
.nav ul li a.second{background:#007CB8;}
.nav ul li a.three{ background:#029FD2}
.nav ul li a.last{background:#6DC6F2;}

.notice h4,.about h4,.product h4,.special h4,.contact h4,.train h4{font-size:18px; line-height:45px; color:#ffffff; background-color:#006EC7;font-weight:normal; position:relative; height:45px; overflow:hidden; padding-left:12px;}
.notice h4 a,.about h4 a,.product h4 a,.contact h4 a{background:url(../images/icon_right.png) no-repeat; width:8px; height:13px; position:absolute; top:16px; right:10px;}
.mainbody{padding-top:10px}
.mainbody .n_h4{font-size:20px; color:#ffa200; height:40px; line-height:38px; overflow:hidden; text-align:center}
.mainbody .n_h4 span{display:inline-block; padding:0 18px; text-align:center; background:#fff; color:#ffa200; position:relative; z-index:9;}
.mainbody .n_h4 hr{height:1px; background:#eee; border:0px; position:relative; margin:0 10px;  margin-top:-20px;}

.about .text{padding:10px; color:#666; line-height:26px;}

.notice_list{padding:10px 10px 0 10px;}
.notice_list li p{width:25%; float:left; margin-bottom:10px;}
.notice_list li p img{width:100%; border:1px solid #eee;}
.notice_list li .notice_text{width:75%; float:left; padding-left:10px;}
.notice_list li .notice_text span{ display:block; margin-top:10px; color:#999}
.notice_list .clear{clear:both; height:1px; background:#eee; margin-bottom:10px;}

.product_list{margin-top:10px; margin-left:10px;}
.product_list li{float:left;text-align:center;overflow:hidden; width: 49.9999%; text-align:center; margin-bottom:10px;}
.product_list li a{display:block; margin-right:10px; border:1px solid #ddd;}
.product_list li img{width:100%;}
.product_list li span{ display:block; line-height:30px; height:30px; overflow:hidden; font-size:14px; text-align:center;}
.product_list .clear{height:280px;}

.special .special_list{margin-top:15px; margin-left:15px;}
.special .special_list li{float:left;text-align:center;overflow:hidden; width:33.33333%; text-align:center; margin-bottom:15px;}
.special .special_list li a{display:block; margin-right:15px;}
.special .special_list li img{width:100%;}
.special .special_list li span{ display:block; line-height:40px; font-size:14px; text-align:center;}

.contact .text{padding:0 10px 10px 10px; color:#666; line-height:24px;}
.contact .text h6{color:#ffa200; font-size:16px; font-weight:normal; margin-top:10px; margin-bottom:5px; background:url(../images/coordinates.png) left no-repeat; padding-left:28px;}

.train .text {padding:10px 10px 10px 10px; color:#666; line-height:24px;}


.nav_list{margin-top:10px; margin-left:10px;}
.nav_list ul li{width:33.33%; float:left; text-align:center; margin-bottom:10px;}
.nav_list ul li a{display:block; font-size:14px; padding:8px 0; margin-right:10px; background:#006EC7; color:#fff; border-radius:10px;}
.nav_list ul li a:hover,.nav_list ul li a.hover{background:#ffa200;}
.xueche_list ul li{width:25%;}

.content{line-height:23px; padding-bottom:10px; color:#666}
.content .text{padding:10px;}
.content .text img{width:100%; margin:0 !important}
.content a.return{background:#ffa200; color:#fff; margin:0 auto; width:33%; margin:0 auto; display:block; line-height:35px; text-align:center; border-radius:50px; margin-top:20px; margin-bottom:10px;}
.content .news{margin-top:0px;}
.content .text form{padding-top:10px;}
.content .feedback{padding:0 10px;}

.topicTitle{font-size:22px; color:#333; font-weight:bold; text-align:center; padding:10px 0 10px 0; line-height:28px;}
.posttime{margin:10px 0; text-align:center; border-top:1px dashed #eaeaea; border-bottom:1px dashed #eaeaea; padding:8px 0}
.posttime span{color:#ffa200}
.text_con{padding:10px 0;}
.pre_next {width:280px; margin:0 auto; margin-top:20px; text-align:center; height:50px; position:relative;}
.pre_next a{background:#ffa200; padding:10px 40px 10px 40px; border-radius:50px; color:#fff; margin-left:20px;}
.pre_next a:first-child {margin-left:0px;}

.anniu{padding:10px; margin-bottom:10px; width:100%;border:1px solid #aaaaaa; box-shadow:0 1px 4px rgba(0, 0, 0, 0.2) inset; border-radius:0.6em 0.6em 0.6em 0.6em; background:linear-gradient(#F9F9F9, #EEEEEE) repeat scroll 0 0 #F9F9F9; color:#333333; font-family:'微软雅黑'}

.footer {line-height:25px; margin-bottom:75px; color:#fff; font-size:14px; text-align:center; background:#333;}
.footer ul li{width:20%; float:left; font-size:12px;}
.footer ul li a{display:block; color:#fff;}
.footer .clear{height:12px;}
.footer .copyright{background:#333; color:#fff; padding:12px 0;}

#BottomNav {background:#006EC7;z-index: 999;position: fixed;bottom: 0;left: 0;width: 100%; height:75px;}
#BottomNav ul li { float:left; text-align:center; width:25%;}
#BottomNav .icon { background:url(../images/bottomnav.png) no-repeat; display:block; margin:4px auto; width:35px; height:35px;}
#BottomNav .a {background-position:0px 0px;}
#BottomNav .b {background-position:0px -35px;}
#BottomNav .c {background-position:0px -70px;}
#BottomNav .d {background-position:0px -105px;}
#BottomNav ul li a {font:14px "微软雅黑"; color:#fff; display:block; padding:5px 0px;}
#BottomNav .last {border-right:none !important;}

.flexBox{padding-top:10px; padding-left:10px;}
.routeInfo {color: #666;}
.routeInfo span{padding-left:10px;color:#F00;}
.route-left{padding-top:10px;}
.route-right{border:1px solid #ccc;margin-top:10px;height: 300px; margin-right:10px;}
.routeDetail li {height: 30px;overflow:hidden;line-height: 30px;width: 25%;float:left;margin-bottom:10px;cursor: pointer;text-align:center;color:#fff;}
.routeDetail li a{ display:block; margin-right:10px; background:#dedede; border-radius:10px;}
.routeDetail li span{ display:none;}
.routeDetail li a.active {background:#ffa200; color:#fff;}
#allmap, .allmapBox {width: 100%;height: 100%}

.banner {width: 100%;position:relative;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.5;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}

.contact{position:relative;}
.contact .contact_top .text{width:100%;}
.contact .contact_top img{width:100%;}
.contact strong{color:#e53333; font-size:16px; line-height:30px; margin-bottom:5px; background:url(../images/coordinates2.png) left no-repeat; padding-left:28px; display:block;}
.contact table{border-collapse:collapse; width:100%;}
.contact table td{border:1px solid #ddd; padding:15px; width:50%; line-height:26px;}
.contact table td.one{background:#eee; width:308px !important;}
.contact #allmap{width:100%;height:300px; margin-top:20px; font-size:12px;}
.contact #allmap strong{color:#e53333; display:block; font-size:14px;}