@charset "utf-8";
/* CSS Document */
/*dinghong mobile 20210512*/



@media screen and (max-width: 767px){
    #top {height: auto; background-position: top center;}
    #top .logo img{margin-top:-3px; width:66%;}
    #top .pic{margin: 0;}
    #top .pic img{width:95%; margin-bottom: 10px;}
    #body .title{margin: 0 auto 10px;background-size: 80%;background-position: center;font-size: 30px;line-height: 71px;}
    #body .about{background:url(../images/about_bg.png); border-radius: 10px; width: 96%;height: auto; margin: 10px 2%;}
    #body .about .pic{background: #62ac8f; border-radius: 6px; padding:6px; float: left; margin:10px 2%;}
    #body .about .pic img{width:100%; height: auto;float: left;}
    #body .about .info{width:92%; height: auto; margin: 0 4%;padding: 10px 0;}
    #body .bg01{background: url(../images/bg01.png) no-repeat center; height:auto;}
    #body .bg02{background: url(../images/bg02.png) no-repeat center; height: auto;}
    #body .bg03{background: url(../images/bg03.png) no-repeat top center; height: auto;}
    .font20{font-size: 0.8em;    }
    .w1200{width:100%;}

    #body .picList li{ width:94%; margin:3%; border-radius: 10px; background:#47a26d; height: auto; padding:10px; } 
    #body .picList .pic img{ width:100%; height:auto; border:1px solid #fff; } 
    #body .picList .title{width: auto;}
    #body .leftLoop{ overflow:hidden; position:relative; padding:15px;  } 
    #body .leftLoop .bd ul li{ margin:10 2%; text-align:center; float:left;display:_inline;  } 
    #body .leftLoop .hd{ overflow:hidden;  height:30px; margin: 20px 36%;width: 100px;} 

    .web{display: none}
    .mobile{display: block;}

    /*school_list*/
    #body .infoList{width:96%; margin: 0 2%;}
    #body .infoList li{line-height:34px; border-right:0; border-bottom:1px solid #d1e7d8; width:100%;float: left; padding:10px 0 20px; margin:10px 0 0;} 
    #body .infoList li .pic{ text-align:center; line-height:0px; margin:0 10px 0 0; float: left;} 
    #body .infoList li .pic img{ width:117px; height:80px; border:3px solid #72b592; } 
    #body .infoList li .title{ line-height:24px; background: none; font-size: 19px; margin: 0;text-align: left;height: auto;width: auto;} 
    #body .infoList li .title a{color:#0a873e;   } 
    #body .infoList li .info{margin: 13px 0 11px 10px; font-size: 16px; height: 38px;overflow: hidden;line-height: 20px;}
    #body .slideTxtBox{ width:100%; text-align:left; margin: 10px 0 0 0; float: left;  } 
    #body .slideTxtBox .hd{width:96%; line-height:47px; padding:0 2%; position:relative; font-size: 19px; text-align: center; } 
    #body .slideTxtBox .hd ul{ float:left; position:absolute; width: 100%;} 
    #body .slideTxtBox .hd ul li{ float:left; width:23.3%; text-align: center; height: 48px; margin: 0 1% 5px 0; border-radius: 10px; background: #ddedde;  } 
    #body .slideTxtBox .hd ul li.on{ background:#178846; cursor:pointer;} 
    #body .slideTxtBox .hd ul li.on a {color: #fff; } 
    #body .slideTxtBox .bd{ /*! padding:0; */ float: right;  width: 100%;} 
    #body .slideTxtBox .bd ul{ padding:0; width:100%;} 
    #body .slideTxtBox .tempWrap{margin: 109px 1% 0;}

	.footer_bot{ width:90%; margin:0 auto; position:relative; }
	.footer p{ width:90%; margin:0 auto; text-align:center; }
	.footer_bot a.dzjg_ico{display: none;}
	.footer_bot a.jcjcjcjc{display: none;}
    .footer{display:none;}
    .mobile_footer{ width:92%; padding:30px 4%; background:url(../images/footer_bg.jpg) top center; color:#fff; float: left; margin:30px 0 0; display: block; }
    .mobile_footer a{color:#fff;}
    
}