﻿/**首页**/
@media screen and (max-width: 1200px){
	.w1200{ width:98%; margin:0 auto;}
	.activity .next,.activity .next{
		display: none;
	}
}
@media screen and (min-width:1100px) and (max-width: 1200px){
	.headR .nav li a{
		display: block;
		color: #666;
		padding-left: 6px;
	}
}
@media screen and (min-width:1024px) and (max-width: 1100px){
	.headL {
		width: 33%;
	}
	.headL .logo img{
		width: 100%;
		margin-top: 8px;
	}
	.headR .nav li a{
		display: block;
		color: #666;
		padding-left: 6px;
	}
}
@media screen and (min-width:767px) and (max-width: 1024px){
	.headerWrap_wc{
		height: 150px;
		box-shadow: 3px 3px 6px #ccc;
	}
	.headL {
		float: none;
	}
	.headR {
		float: none;
	}
	.headR .nav{
		width: 100%;
	}
	.headR .nav li{
		line-height: 60px;
	}
	.headR .nav li a{
		padding-left: 0px;
		padding-right: 28px;
	}
	.headR .nav li:last-child a{
		padding-right: 0;
	}
	#btn_prev{background:url(../img/left.png) no-repeat left top;left:0;}
	#btn_next{background:url(../img/right.png) no-repeat right top;right:0;} 
	.tab_box .list li .list_wen {
	    width: 82%;
	}
	.activity .act_com1{
		display: none;
	}
	.activity .act_com2{
		display: block;
	}
	.activity .Img li {
		width:22%; 
		float: left;
		cursor:pointer;
		padding: 0.5%;
		margin: 5px 0;
		margin-right: 2.66%;
	}
	.activity .Img li:last-child{
		margin-right: 0;
		float: right;
	}
	.footL .footjs{
		margin-left: 10px;
	}
	.footR .Input{
		width: 240px;
	}
	.footR .Search{
		width: 60px;
		margin-left: 6px;
	}
	.teach_ul li .teach_in p{
		margin-top: 0px;
	}
}
@media screen and (min-width:767px) and (max-width: 900px){
	.tab_box .list li{
		width: 100%;
	}
	.tab_box .list li .list_wen {
	    width: 91%;
	}
	.footR .Input{
		width: 220px;
	}
}
@media screen and (min-width:767px) and (max-width: 860px){
	.headR .nav li a{
		padding-left: 0px;
		padding-right: 24px;
	}
}
@media screen and (min-width:320px) and (max-width: 767px){
	.headerWrap_wc{
		z-index: initial;
	}
	.navtel{
		display: block;
	}
	.main_image {
		height:340px;  
	}
	.main_image ul {
		height:340px; 
	}
	.main_image li .img_1 {background: url(../temp/banner3.jpg) center top no-repeat}
	.main_image li .img_2 {background: url(../temp/banner3.jpg) center top no-repeat}
	.main_image li .img_3 {background: url(../temp/banner3.jpg) center top no-repeat}
	#btn_prev{background:url(../img/left.png) no-repeat left top;left:0;}
	#btn_next{background:url(../img/right.png) no-repeat right top;right:0;} 
	.news_list{
		padding: 0 6px;
	}
	.tab_box .list li{
		width: 100%;
	}
	.tab_box .list li .list_wen {
	    width: 90%;
	}
	.activity .act_com1{
		display: none;
	}
	.activity .act_com2{
		display: block;
	}
	.activity .Img li { 
		width:42%; 
		margin: 0 2%;
		margin-bottom: 16px;
	}
	.activity .Img li:nth-child(2n){
		float: right;
	}
	.links{
		width: 48%;
	}
	.links:nth-child(2n){
		float: right;
		margin-right: 0;
	}
	.footL {
		float: none;
		width: 98%;
		margin: 0 auto;
	}
	.footL .logof{
		display: block;
		width: 16%;
	}
	.footL .logof img{
		width: 100%;
	}
	.footL .footjs{
		margin-left: 6px;
		width: 82%;
		margin-top: 10px;
	}
	.footR {
		float: none;
		width: 96%;
		margin: 0 auto;
		margin-top: 10px;
	}
	.footR .Input{
		width: 75%;
	}
	.footR .Search{
		width: 20%;
		margin-left: 4%;
	}
}
@media screen and (min-width:490px) and (max-width: 620px){
	.headerWrap_wc{
		z-index: initial;
		height: 90px;
	}
	.logosmall{
		width: 70%;
		line-height: 90px;
		margin-top: 0;
	}
	.logosmall img{
		width: 100%;
		vertical-align: middle;
	}
	.mm-menu-toggle{
		margin-top: 26px;
		background-size: 90%;
	}
	.tab_box .list li .list_wen {
	    width: 86%;
	}
}
@media screen and (max-width: 490px){
	.headerWrap_wc{
		z-index: initial;
		height: 80px;
	}
	.logosmall{
		width: 76%;
		line-height: 80px;
		margin-top: 0;
	}
	.logosmall img{
		width: 100%;
		vertical-align: middle;
	}
	.mm-menu-toggle{
		margin-top: 20px;
		background-size: 64%;
	}
	.main_image {
		height:280px;  
	}
	.main_image ul {
		height:280px; 
	}
	.main_image li .img_1 {background: url(../temp/banner4.jpg) center top no-repeat;background-size: 150%;}
	.main_image li .img_2 {background: url(../temp/banner4.jpg) center top no-repeat;background-size: 150%;}
	.main_image li .img_3 {background: url(../temp/banner4.jpg) center top no-repeat;background-size: 150%;}
	#tab .tab_menu li{
		font-size: 16px;
		margin-right: 8px;
	}
	#tab .tab_menu li:last-child{
		margin-right: 0;
	}
	.tab_box .list li .list_wen {
	    width: 80%;
	}
	.activity .Img li { 
		width:90%; 
		margin: 0 auto;
		margin-bottom: 16px;
		float: none;
	}
	.activity .Img li:nth-child(2n){
		float: none;
	}
	.links{
		width: 90%;
		margin: 0 auto;
		float: none;
	}
	.links:nth-child(2n){
		float: none;
		margin: 0 auto;
	}
	.footL .logof{
		display: block;
		margin-top: 20px;
		width: 18%;
	}
	.footL .logof img{
		width: 100%;
	}
	.footL .footjs{
		width: 80%;
		margin-left: 2%;
	}
}
@media screen and (max-width: 414px){
	.main_image {
		height:240px; 
	}
	.main_image ul {
		height:240px; 
	}
	.main_image li .img_1 {background: url(../temp/banner4.jpg) center top no-repeat;background-size: 150%;}
	.main_image li .img_2 {background: url(../temp/banner4.jpg) center top no-repeat;background-size: 150%;}
	.main_image li .img_3 {background: url(../temp/banner4.jpg) center top no-repeat;background-size: 150%;}
}
@media screen and (max-width: 375px){
	.mm-menu {
	    width: 50%;
	}
	.mm-menu1 {
	    width: 70%;
	}
	.main_image {
		height:200px; 
	}
	.main_image ul {
		height:200px; 
	}
	.main_image li .img_1 {background: url(../temp/banner4.jpg) center top no-repeat;background-size: 150%;}
	.main_image li .img_2 {background: url(../temp/banner4.jpg) center top no-repeat;background-size: 150%;}
	.main_image li .img_3 {background: url(../temp/banner4.jpg) center top no-repeat;background-size: 150%;}
}

/**内页主体部分**/
@media only screen and (min-width: 767px) and (max-width: 1024px) {
	.contain .ma-bom .bo-le{
		width: 87%;
	}
	.list li .list_wen {
	    width: 91.5%;
	}
}
@media only screen and (min-width: 767px) and (max-width: 950px) {
	.list li .list_wen {
	    width: 90%;
	}
}
@media screen and (min-width:320px) and (max-width: 767px){
	.Ban img{
		height: 240px;
	}
	.teachL{
		width: 100%;
		float: none;
		position: relative;
		margin-bottom: 20px;
	}
	.teachL h2{
		display: none;
	}
	.teachL .tea_menu{
		display: block;
	}
	.teachL .teachl_con{
		display: none;
		position: absolute;
	}
	.teachR{
		width: 99%;
		margin: 0 auto;
		float: none;
	}
	.contain{
		width: 98%;
		padding: 24px 1% 20px;
	}
	.pages .upload {
	    display: block;
	}
	.pages img {
	    display: none;
	}
	.list li .list_wen{
		width: 90%;
	}
	.teach_ul2{
		padding: 0 10px;
	}
	.teach_ul2 li{
		padding: 20px 0;
		text-align: center;
		width: 49%;
		float: left;
		margin-right: 2%;
	}
	.teach_ul2 li:nth-child(2n){
		margin-right: 0;
	}
	.teach_ul li .teach_in p{
		margin-top: 0px;
	}
	.contain .ma-bom .bo-le{
		width: 88%;
	}
}
@media screen and (max-width: 640px){
	.Ban img{
		height: 220px;
	}
	.list li .list_wen{
		width: 86%;
	}
	.list li .list_wen p{
		margin-top: 6px;
	}
	.contain .ma-bom .bo-le{
		width: 82%;
	}
}
@media screen and (max-width: 490px){
	.Ban img{
		height: 200px;
	}
	.list li .list_wen{
		width: 82%;
	}
	.list li .list_wen .l_tit .tit{
		width: 90%;
	}
	.teach_ul li .teach_img {
		width: 80%;
		float: none;
		margin: 0 auto;
	}
	.teach_ul li .teach_in{
		width: 100%;
		margin-top: 12px;
	}
	.teach_ul li .teach_in h3 a{
		font-size: 16px;
	}
	.teach_ul li .teach_in p{
		margin-top: 4px;
	}
	.contain .ma-bom .bo-le{
		width: 80%;
	}
}
@media screen and (max-width: 375px){
	.Ban img{
		height: 180px;
	}
	.list li .list_wen{
		width: 79%;
	}
	.contain .ma-bom .bo-le{
		width: 78%;
	}
}
@media screen and (max-width: 320px){
	.list li .list_wen{
		width: 76%;
	}
}