/*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 .title h4{font-size:1rem;margin:0 auto;padding-top: 2rem;}
.index .main-content .content-box{margin:0 auto;width: 100%;}
.index .content-box li{float: left;width: 32%;height: 160px;margin-right:2%;margin-top:30px;border:1px solid #469fff;}
.index .content-box li .img-top{width: 100.1%;height:30%;position: relative;background: url('../images/定制背景图.jpg') no-repeat top center;background-size: 100%;}
.index .content-box li:last-child{margin-right:0;}
.index .img-top h4{width: 100%;height: 100%;text-align:center;font:600 14px/14px 'Microsoft YaHei';color: #fff;}
.index .content-box li .img-bottom{width: 100%;height: 70%;margin:-10px auto;position: relative;text-align:center;}
.index .img-bottom p{font:500 14px/14px 'Microsoft YaHei';}
.index .main-content .content-bottom{width: 100%;height: 100%;margin:1.5rem auto 0;}
.index .main-content .content-bottom p{color:#469fff;text-align:center;font:500 13px/15px 'Microsoft YaHei';}
.main-content .line-img img{border-top:1px dashed #469fff}
.main-content a:last-child{margin:0 auto;width: 155px;height: 50px;border-radius: 15px;line-height: 50px;font-size: 30px;font-family: 'Microsoft YaHei';letter-spacing: 3px;text-align:center;color: #fff;background: -webkit-linear-gradient(left, #3994f0 , #204cc7); background: -o-linear-gradient(right, #3994f0, #204cc7); background: -moz-linear-gradient(right, #3994f0, #204cc7); background: linear-gradient(to right,#3994f0,#204cc7);}
.main-content a:hover{cursor: pointer;background: -webkit-linear-gradient(right, #3994f0 , #204cc7); background: -o-linear-gradient(left, #3994f0, #204cc7); background: -moz-linear-gradient(left, #3994f0, #204cc7); background: linear-gradient(to left,#3994f0,#204cc7);}
/*=====================================*/

/*footer*/
.footer .m-footer-top{display: block;}
.footer .footer-top{display: none;}
/*=====================================*/
}