/*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*/
.main .m-banner{display:none;width: 100%;height:2.5rem;}
.main .m-banner li{float: left;width: 33.33%; height: 2.8rem;line-height: 2.8rem;text-align: center;background:#244581;border:1px solid #AEEEEE;}
.main .m-banner li a{color: #ddd;font:600 13px/2.8rem 'Microsoft YaHei';}
.m-content-two .m-more-box1{position:absolute;right:5%;bottom:25%;}
.m-content-two .m-more-box1 a{font-size: 0.8rem;}
.m-content-three .m-more-box2{position:absolute;left:12%;bottom:27%;}
.m-content-three .m-more-box2 a{font-size: 0.8rem;}
/*=====================================*/

/*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;}
.main .m-banner{display: block;}
.index .title h4{font-size:13px;margin:10px auto; line-height: 30px; padding: 0 10px;}
.index .title2 h4{font-size:13px;margin:10px auto; line-height: 30px;}
.index .title h2{font-size:15px;margin:15px auto;}
.main-content .case{width: 100%;margin:0 auto;}
.case .case-box{width:90%;margin:0 auto 2rem;}
.index .case li{margin-right:5%;width:30%;text-align:center;}
.index .case li:last-child{margin-right:0;}
.index .case li>a>img{width:100%;height:100%;margin-bottom:15px;}
.index .case li>a>h3{font-size: 14px;width:100%;margin-bottom:10px;color: #000;}
.index .case li>a>p{width:100%;color: #000;font-size: 0.8rem;}
.index .main-content-last{width:100%;margin:0 auto;}
.index .more{margin-right: 2.5rem;color: #1f8bc9;font-size: 16px;font-family: "Microsoft YaHei"; text-align: center;}
/*=====================================*/

/*footer*/
.footer .m-footer-top{display: block;}
.footer .footer-top{display: none;}
/*=====================================*/
.index .main-content-one, .index .main-content-two, .index .main-content-three .content-three{width:98%;height: 220px; }
.index .main-content-two .content-two, .index .main-content-three{ width: 100%;}
.index .main-content-three{ height: 210px;}
.index .content-one{padding:20px 0 0;}
.index .content-one .content-one-one{float:left; width: 25%;height: 190px; box-sizing: border-box; padding-top: 55px; text-align: center; background: url(../images/vc-b.jpg) no-repeat -54px 0; background-size:600px 162px;}
.index .content-one .content-one-two{float:left; width: 25%;height: 190px; box-sizing: border-box; padding-top: 55px; text-align: center; background: url(../images/vc-b.jpg) no-repeat -184px 0; background-size:600px 162px;}
.index .content-one .content-one-three{float:left; width: 25%;height: 190px; box-sizing: border-box; padding-top: 55px; text-align: center; background: url(../images/vc-b.jpg) no-repeat -323px 0; background-size:600px 162px;}
.index .content-one .content-one-four{float:left; width: 25%;height: 190px; box-sizing: border-box; padding-top: 55px; text-align: center; background: url(../images/vc-b.jpg) no-repeat -458px 0; background-size:600px 162px;}
.index .content-two .content-two-one{float:left; width:33%;height: 150px; box-sizing: border-box; padding-top: 55px; background: url(../images/vc-c.jpg) no-repeat -41px 0; background-size:600px 171px;}
.index .content-two .content-two-two{float:left; width: 33%;height: 150px; box-sizing: border-box; padding-top: 55px; background: url(../images/vc-c.jpg) no-repeat -237px 0; background-size:600px 171px;}
.index .content-two .content-two-three{float:left; width: 33%;height: 150px; box-sizing: border-box; padding-top: 55px; background: url(../images/vc-c.jpg) no-repeat -436px 0; background-size:600px 171px;}
.index .content-three .content-three-one{float:left; width:33%;height: 150px; box-sizing: border-box; padding-top: 55px; background: url(../images/vc-d.jpg) no-repeat -41px 0; background-size:600px 169px;}
.index .content-three .content-three-two{float:left; width: 33%;height: 150px; box-sizing: border-box; padding-top: 55px; background: url(../images/vc-d.jpg) no-repeat -237px 0; background-size:600px 169px;}
.index .content-three .content-three-three{float:left; width: 33%;height: 150px; box-sizing: border-box; padding-top: 55px; background: url(../images/vc-d.jpg) no-repeat -436px 0; background-size:600px 169px;}
.index .content-one h4, .index .content-two h4, .index .content-three h4{font-weight:600; font-size: 13px; margin:0 0 10px;}
.index .content-one p, .index .content-two p, .index .content-three p{font-size: 12px; line-height: 20px;}
.index .content-two .in-more-box, .index .content-three .in-more-box2{ width: 100%; height: auto; text-align: center; position: initial; right: auto; bottom: auto; padding-top:160px;}
.index .content-two .in-more-box span{ bottom: auto; position: initial; right: auto;}
.index .content-two .in-more-box span a, .index .content-three .in-more-box2 span a{font-size: 13px;}
.index .content-three .in-more-box2 span{ left: 128px; bottom: 25px}
.index .more a{ font-size:13px}