@charset "utf-8";
/* CSS Document */

@media screen and (max-width:720px){
	

	.top-banner{background: url(http://www.315online.com/statics/images/2020web315/bg_mobile.jpg) 50% 50% no-repeat; height:300px; }
	.banner1{background: url(http://www.315online.com/statics/images/2020web315/banner1_mobile.jpg) 50% 0 no-repeat;height:180px; width:100%; }
	.banner2{background: url(http://www.315online.com/statics/images/2020web315/banner2_mobile.jpg) 50% 0 no-repeat;height:180px; width:100%; }
	
	.menu {display:none;}
	.wrap {width:100%;display: -webkit-flex; display: flex;flex-wrap:wrap;height:auto;}
	.wrap .left,.wrap .right,.wrap .center{width:100%;height:auto;order:2;}
	.wrap .right{order:0;}
	.wrap .center{order:1; margin-left:0;}
	.wrap .right ul li {width:50%!important;}
	.wrap .right .bd{width:100%;}
	.wrap .right .bt{width:100%;}
	
	.wrap .left .focus{margin:20px 0;}
	.wrap .center .bd,.wrap .center .hd{
		width:-moz-calc(100% - (20px) * 1 )!important;
		width:-webkit-calc(100% - (20px) * 1 )!important;
		width:calc(100% - (20px) * 1 )!important;
	}
	
	.focus{width:100%; height:auto;}
	.focus .btns{display:none;}
	.focus #pic{width:100%; height:auto;}
	.focus #txt{width:100%;}
	.focus #tip{width:100%;}
	.focus .tip-bg{width:100%;}
	.wrap .center h2 a,.wrap .center .bd a {}

	.box,.box .res,.box .hd,.box .bd,.box .list .hd,.box .list .bd{width:100%;background:#fff;}
	.box .res .bd{width:100%; padding: 0 15px;}
	.box .res p {padding: 25px;}
	

	.box .list ,.box .list .bd ul,.box .list .bd ul li,.box .list .bd ul li  a {width:100%;}
	.box .list .bd ul li{height:auto;}
	.box .list .bd ul li a{width: 90%;width:-moz-calc(100% - (60px + 5px) * 1); width:-webkit-calc(100% - (60px + 5px) * 1); width: calc(100% - (60px + 5px) * 1);}
	.box .list .bd ul li .date{width:60px;}
	.box .message{width:100%;}
	.box .message .bd{padding:25px;}	
	.box .message .bd ul,.message .bd ul li {width:100%;}
	.box .message .bd ul li{height:auto!important;}
	.box .left {display:none;}
	.box .right .bd ,.box .right .bd ul li{width:100%;} 
	.box .right .bd ul li h4{width: 220px;width:-moz-calc(100% - (140px + 5px) * 1); width:-webkit-calc(100% - (140px + 5px) * 1); width: calc(100% - (140px + 5px) * 1);}
	 
	.picScroll .tempWrap {width:100%!important;overflow:hidden;}
	
	.box .com{width:100%;}
	.box .com .bd ul li {width:100%; margin: 0;}	
	.box .com .bd ul li .left{display:none;}	
	.box .com .bd ul li .right {width:100%; padding:20px; margin-left:0; }
	.box .com .media-left{display:none;}
	
	.box .com1{width:100%;}
	.box .com1 .bd ul li {width:100%; margin: 0;}
	
.box .company .minglu{ margin:10px 0; float:none;}
.box .company .minglu a{padding:10px 82px;}
.box .company .minglu_logo a{padding:10px 20px;}
	
	.box .logo-wall ul li{margin:20px 15px;}
	.box .promise .top{padding:20px;}
	.box .promise .top img{max-width:90%;}
	
	video{width:100%;}

	.bline {width:100%;}
}	
@media screen and (max-width:432px){
		.wrap .right ul li {width:100%!important;}
}