@media (min-width: 800px){
.tqedu-channel{ padding-left:0;}
.tqedu-channel-more .ico_text_map {
    float: left;
    display: inline-block;
    margin-right: 5px;
	font-size:18px;
}

.written .tab_menu{ float: left; width:130px; background:#000; display:table-cell;overflow-y:scroll;}
.written .tab_menu ul{ margin:0; padding:0; list-style:none;}
.written .tab_menu li{float:left; cursor:pointer; font-size: 14px; background-color:#000;}
.written .tab_menu li a{display:block;padding: 10px 12px;color:#fff;}
.written .tab_menu li a:hover{ background:#2b75d8; color:#fff;}
.written .tab_menu li:nth-child(even){ margin-right:0px ; }
.written .tab_menu li.current{background:#2b75d8; color:#fff }
.demo2{ display:table}
.written .tab_box .hide{display:none;}
.written .tab_box{ float:left; display:table-cell;}

.main-wrapper {margin-bottom: 0;}
.map-style{ width:100%; overflow:hidden; position:relative;}
.map-area{ position:absolute; top:65px; left:0; z-index:10;}
	
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 10px;  /*滚动条宽度*/
    height: 16px;  /*滚动条高度*/
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    background: rgba(0, 0, 0, 0.7)!important;
    filter: Alpha(opacity=70);
    background: #000;/*滚动条的背景颜色*/  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #666;  /*滚动条的背景颜色*/
}
.map-area-list{ display:block; background:#fff; }
.map-menu{ float:left; background:#fff; width:200px;overflow-y:scroll;}
.map-menu li{ display:block; border-bottom:1px solid #f0f0f0;}
.map-menu li a{ display:block; padding:15px 0; }

.map-menu li a h2{ font-size:16px; color:#333; padding:0 20px;}
.map-menu li a p{ font-size:12px; color:#666; padding:0 20px;}
.map-menu li a:hover{ background:#f0f0f0; }
.map-menu li a.curr{ background:#2b75d8; color:#fff; }
.map-menu li a.curr h2,.map-menu li a.curr p{ color:#fff;}

.map-allinfo{ width:250px; height:auto; display:none;}
.BMap_bubble_content h3{ font-size:16px; line-height:30px; border-bottom:1px solid #f0f0f0; margin-bottom:10px; color:#333;}
.BMap_bubble_content p{ font-size:12px; line-height:25px; border-bottom:1px solid #f0f0f0; margin-bottom:10px; color:#666;}


/*轮番开始*/
.slideshow {
	float:left;
  max-width: 300px;
  background:#fff;
}
.slideshow img{ width:100%; height:auto;}
.pc{ display:block;}
.phone{ display:none}
}


@media (max-width: 800px){
.tqedu-head{ display:none;}
.written .tab_menu { height: 110px !important; overflow: auto;}


.written .tab_menu ul{ margin:0; padding:0; list-style:none;}
.written .tab_menu li{float:left; cursor:pointer; font-size: 14px; background-color:#000;}
.written .tab_menu li a{ display:block; padding:10px 15px; color:#fff;}
.written .tab_menu li a:hover{ background:#2b75d8; color:#fff;}
.written .tab_menu li:nth-child(even){ margin-right:0px ; }
.written .tab_menu li.current{background:#2b75d8; color:#fff }
.demo2{ display:table; width:100%; background: #000;}
.written .tab_box .hide{display:none;}
.written .tab_box{ float:left; display:table-cell; width:100%;}

.main-wrapper {margin-bottom: 0;}
.map-style{ width:100%; overflow:hidden; position:relative;}
.map-area{ position:absolute; top:0; left:0; z-index:10; width:100%; background: #000;}
	
::-webkit-scrollbar  
{  
    width: 1px;  
    height: 16px;  
}  
  
::-webkit-scrollbar-track  
{  
    background: rgba(0, 0, 0, 0.7)!important;
    filter: Alpha(opacity=70);
    background: #000;
}  
  

::-webkit-scrollbar-thumb  
{  
    border-radius: 1px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #666;  
}
.map-area-list{ background:#fff; }
.map-menu{ float:left; margin-top:0; background:#fff; width:100%; height:auto;overflow-y:scroll; display:none;}
.map-menu li{ display:block; border-bottom:1px solid #f0f0f0;}
.map-menu li a{ display:block; padding:15px 0; }

.map-menu li a h2{ font-size:16px; color:#333; padding:0 20px;}
.map-menu li a p{ font-size:12px; color:#666; padding:0 20px;}
.map-menu li a:hover{ background:#f0f0f0; }
.map-menu li a.curr{ background:#2b75d8; color:#fff; }
.map-menu li a.curr h2,.map-menu li a.curr p{ color:#fff;}

.map-allinfo{ width:250px; height:auto; display:none;}
.BMap_bubble_content h3{ font-size:16px; line-height:30px; border-bottom:1px solid #f0f0f0; margin-bottom:10px; color:#333;}
.BMap_bubble_content p{ font-size:12px; line-height:25px; border-bottom:1px solid #f0f0f0; margin-bottom:10px; color:#666;}


/*�ַ���ʼ*/
.slideshow {
  display:none;
}
.slideshow img{ width:100%; height:auto;}

#footer{ display:none;}
.pc{ display:none;}
.phone{ display:block}

.article-head {
    padding: 20px;
    overflow: hidden;
	position:relative;
	z-index: 999999;
}
.article-head h2 {
    color: #333333;
    font-size: 24px;
    font-weight: normal;
    display: inline-block;
}
.article-subtitle {
    display: block;
	color:#666;
    overflow: hidden;
}

.article-head a.meanmenu-reveal {
	display:block;
	color: #fff;
	font-size: 12px;
	padding: 5px;
	border: 1px solid #2b75d8;
	height: auto;
	width: auto;
	border-radius: 4px;
	background: #2b75d8;
}


.mobile-inner-header-icon {
    color: #ffffff;
    /* height: 44px; */
    font-size: 18px;
    width: 51px;
    top: 30px;
    right:20px;
    position:absolute;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}
.mobile-inner-header-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: rgba(0,0,0,1);
}

.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}
	


@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	



@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}
}