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



@media screen and (max-width: 767px){
	body {background-size: 170%;}
	#body .bg02{background:#e6f2ff; height: auto;}
	#top {background-size: 194%; background-position: 50% 70px; height:350px; }
	#body .about{width:88%; margin:10px 2%; background:#5eadf4 url(../images/about_bg_mb.png) no-repeat 40% 20px; color:#fff; text-align: left; border-radius: 10px; padding:0; height: auto; padding:10px 4%; text-align: justify;}
    #body .about p{border-top: 1px solid #c8e3fb; padding:20px 2%; margin-top: 100px;}
    #body .pic_news{width:96%; margin:10px 2%; height: 250px; margin-top: 30px;}
    #body .pic_news img{width:100%; margin:0; height: auto;}
    .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
    .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right: 45%; bottom: 90px; z-index:1; }
    .slideBox .bd .news_info{width:100%; height: 40px; background:url(../images/newspic_bg.png); line-height: 60px; color:#fff; font-size: 20px; margin-top: 0px; text-align: left; padding:0 0 0 6px;position: relative; z-index:1;bottom: 46px;}
    .slideBox .bd .news_info h1{font-weight: normal; line-height: 40px; margin-left: 2%;} 
    #body .news{height: auto;}
    #body .news ul{margin:32px 0 0 20px; width:100%;}
    #body .news li{width:90%; height: auto; background: none; list-style:inside #fff; padding:0;}
    #body .pro .title h1{background-position: 50% 0px; height: 125px; width: 100%; margin:30px auto;}
    .leftLoop{position:relative; width:100%; height: 200px; margin: 20px auto;  padding: 5px 0 0 0; overflow: hidden;} 
    .leftLoop .hd{display: none;} 
    .leftLoop .bd ul li{ margin:0; text-align:center; float:left;display:_inline; width:33.3%; } 
    .leftLoop .bd{ padding:0;   margin:20px 0;z-index: 2; position: relative; width:100%;} 
    .leftLoop .bd ul li img{ width: 90%; height:90px; } 
    .picList .pic img{width: 100%; height: 100px; } 
    .picList .title01{position: relative; color:#000; line-height: 50px; font-size: 0.8em; text-align: center;}
    .font20{font-size: 0.8em;    }
    .w1200{width:100%;}
    #body .news{width: 100%; margin: 20px 0 0 0;}
    #body .news_list{width:100%; height: 300px; text-align: left; padding:0px;margin:20px 0 36px;}
    #body .news_list ul{margin:20px 0 0 0; width:100%;}
    #body .news_list li{font-size: 16px; height: auto; background-position: -17px -488px; color: #555; width:100%; padding-left:28px; float: left; margin: 10px 0 0 0;}
    #body .news_list .date{display: none}
    #body .news_list .news_pic_list li{font-size: 16px; height: 100px; color: #555; width:100%; padding-left:14px; float: left; background: none; }
    #body .news_list .news_pic_list li .pic{float: left; width:25%; height: 70px; margin-right:5%;}
	#body .news_list .news_pic_list li .pic img{float: left; width:100px; height: 70px; border-radius: 5px;}
	#body .news_list .news_pic_list li a{width:65%;}
	#body .histroy{text-align: center;}
	#body .histroy ul{width:379px; float: none; margin:0 auto;}
	#body .histroy li{width: 379px; height: auto; background: #fff; font-size: 16px; margin:10px auto; }
	#body .histroy li h2{width:90%; color:#1c1c1c; margin:30px 5% 0; font-weight: normal;}
	#body .histroy li p{width:90%; font-size: 14px; margin:20px 5%; line-height: 30px; text-align: justify;}
	.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:#065bb2; color:#fff; float: left; }
    .mobile_footer a{color:#fff;}
    
}