/*header*/
.m-nav{width: 100%;height: 3.75rem;background-color:#244581;top:0;left:0;right: 0;display: none;position:fixed;z-index:1;}
.m-nav .m-nav-logo{height: 3.75rem;width: 100%;}
.m-nav .m-nav-logo img{margin:0.75rem 0 0 0.6rem;}
.m-nav .small-menu{width:12.5rem;height:3.75rem;position: fixed;display:block;right:0;}
.small-menu .open{display:inline-block;position:absolute;width:30px;height:30px;top:0.9rem;right: 0.9rem; background: url(../images/icons/more.png) no-repeat;background-size:cover;}
.small-menu .close{position:absolute;top:0.9rem;left:0.9rem; width:30px;height:30px;background: url(../images/icons/close.png) no-repeat;background-size:cover;}
.small-menu .ms-cont{position: absolute;top:0;right:0;width: 150px;overflow-y: auto;box-sizing: border-box;padding: 0 20px;background: #f0f0f0;box-shadow: inset 10px 0 10px #ddd;text-align: center;}
.small-menu .ms-cont li{height: auto;width: 100%;border-bottom:1px solid #dcdcdc;}
.small-menu .ms-cont li a{font:500 0.8rem/4rem 'Microsoft YaHei';color:#000;}
/*=====================================*/

/*main*/

/*=====================================*/

/*footer*/
.footer .m-footer-top{width: 100%;height: 100%;margin:0 auto;text-align: center; display: none;}
.footer .m-footer-top img{margin:1.2rem auto 0;}
/*=====================================*/
@media screen and (max-width: 640px) and (min-width: 320px) {
/*header*/
.main{margin-top:3.75rem;}
.index .nav-box{display: none;}
.m-nav{display: block;}
/*=====================================*/

/*main*/
.index .main-content{margin:0 auto;width: 100%;}
.index .main-content .content-box{margin:2rem auto;width:98%;}
.index .content-box li{float: left;width: 32%;margin-right:2%;}
.index .content-box ul>li:last-child{margin-right: 0;}
.index .content-box li .img-top{width: 100%;height: 100%;position: relative;}
.index .content-box li .img-top img{width: 100%;height: 100%;display: block;}
.index .content-box li .img-top>.img-top-bg{position: absolute;bottom: 0;left: 0;right: 0;text-align:center;line-height: 100%;width: 100%;height: 1.8rem;color: #fff;background:rgba(0,0,0,0.8);}
.index .content-box ul{margin-top:1.5rem;}
.index .content-box li .img-top>.img-top-bg h4{font:500 0.9rem/1.8rem 'Microsoft YaHei';overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index .content-box li .img-bottom img{float: left;margin-top: 6px;margin-left: 2%;width: 2rem;height:2rem;border-radius: 50%;}
.index .content-box li .img-bottom>span{float: left;margin-top:0;margin-left:0;height:2rem;width: 100%;line-height: 5px;}
.index .content-box li .img-bottom>.img-bottom-bg h5{font: 500 0.9rem/0.9rem "Microsoft YaHei"; font-weight: bold;color: #000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index .content-box li .img-bottom>.img-bottom-bg p{font: 500 0.5rem/0.9rem "Microsoft YaHei"; color: #000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*====================================*/

/*footer*/
.index .footer{margin-top: 40px;background-color: #244581;}
.footer .m-footer-top{display: block;}
.footer .footer-top{display: none;}
/*=====================================*/
}