/*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*/
.banner .m-banner{display: none;}
.banner .m-banner{display:none;width: 100%;height:2.5rem;}
.banner .m-banner li{float: left;width: 25%; height: 2.8rem;line-height: 2.8rem;text-align: center;background:#244581;border:1px solid #AEEEEE;}
.banner .m-banner li a{color: #ddd;font:600 1rem/2.8rem 'Microsoft YaHei';}
.main-content .m-content-one{display: none;}
.main-content .m-content-two{display: none;}
.main-content .m-content-three{display: none;}
/*=====================================*/

/*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*/
.banner .banner-box{display: none;}
.banner .m-banner{display: block;}
.index .title{margin:1rem auto;}
.index .title2{margin:1rem auto;}
.index .title3{margin:1rem auto 4rem;}
.index .title h3{font-size: 1.5rem;}
.index .title2 h3{font-size: 1.5rem;}
.index .title3 h3{font-size: 1.5rem;}
.index .title h4{font-size: 1rem;margin:0 auto 2.5rem;}
.index .title2 h4{font-size: 1rem;margin:0 auto 2.5rem;}
.main-content .m-content-one{display: block;position: relative;}
.m-content-one a{position: absolute;top:65%;left:8%;font-size: 0.8rem;}
.main-content .m-content-two{position: relative;width: 100%;height: 100%;}
.m-content-two .check{position: absolute;top:3%;left:2%;width:96%;height: 3rem;background:#244581;}
.m-content-two .check .check01{width: 25%;height: 100%;border-right:1px solid #ddd;}
.m-content-two .check .check02{width: 25%;height: 100%;border-right:1px solid #ddd;}
.m-content-two .check .check03{width: 25%;height: 100%;border-right:1px solid #ddd;}
.m-content-two .check .check04{width: 25%;height: 100%;border-right:1px solid #ddd;}
.m-content-two .check a{width:100%;height: 100%;color:#ddd;line-height:3rem;text-align: center;font-weight:600;}
.main-content .main-content-one{display: none;}
.main-content .m-content-two{display: block;}
.main-content .main-content-two{display: none;}
.main-content .m-content-three{display: block;}
.main-content .main-content-three{display: none;}
.m-content-three{width: 100%;height:100%;text-align: center;}
.m-content-three p{color: #6bb4f5;margin:2rem auto 0;}
/*=====================================*/

/*footer*/
.footer .m-footer-top{display: block;}
.footer .footer-top{display: none;}
/*=====================================*/
}