body{padding: 0;}
a:focus,a:hover{outline:none;text-decoration:none !important;}
p{margin-bottom: 0;}
@media screen and (orientation: portrait){
	/*全局*/
	.lay-5{width: 100%;}
	.lay-7{top:0;}
	
	.msheader{position: fixed;min-width: 100%;padding: 0 20px;}
	.msheader .logo-link font{font-size: 1.5rem;}
	.msheader-content{width: 100%;}
	.msheader ul{display: none;padding: 0;}
	.msheader .menu-mobile{display: block;}
	.nav-mobile{display: none;width: 100%;position: absolute;right: 0;z-index: 9999;height: 1000px;}
	.nav-mobile ul{display: block;width: 100%;}
	.nav-mobile ul li{float: none;width: 100%;}
	.nav-mobile ul li a{width: 100%;text-align: left;background: rgba(17, 37, 76,.98);line-height: 60px;border: 0;color: #FFF !important;}
	.nav-mobile ul li p{background: #0a1b3e;line-height: 30px;}
	.nav-mobile ul li p a{display: inline;width: auto;white-space: nowrap;padding: 5px;margin: 5px;line-height: 36px;}
	.bottom{display: none;}
	.bottom.bottom-phone{display: block !important;padding: 1rem 0;}
	.bottom p,.bottom p a{font-size: .8rem;}
	.bottom-c a{color: #FFF;}
	
	.swiper-slide{background-position: center !important;background-size: cover !important;overflow: hidden;}
	.ms-action{height: 350px;}
	.swiper-cont{width: 100%;padding: 4rem 0;}
	.swiper-cont h2{font-size: 1.5rem;padding: 2rem;padding-bottom: 1rem;text-align: center;}
	.swiper-cont p:first-of-type{font-size: 1rem;padding: 1rem 2rem;overflow: hidden;max-height: 65px;}
	
	/*首页*/
	.ms-section{padding:0 0 40px 0;}
	.section1,.section2{font-size: 1rem;}
	.section1 h2,.section2 h2{clear: both;position: static;margin: 1rem 0;padding: 1rem;background: url(../images/new/title-st.png) no-repeat center center;text-align: center;}
	.section2 .lay-5 .ms-chara{background: none !important;}
	.ms-chara{float: none;width: 320px;height: auto !important;position: inherit !important;top: 0 !important;left: 0 !important;padding: 1rem .6rem !important;}
	.ms-chara .lay-3,.ms-chara .lay-7{float: none;width: 100%;text-align: center;}
	.ms-chara .lay-3 img{width: auto;height: 140px;}
	.ms-chara h4{font-size: 1rem;padding: .6rem;margin: 0 0 0 1rem;}
	.ms-chara p{font-size: .8rem;padding: .6rem;margin: 1rem ;border: 1px solid #b2d3f7;border-radius: 2px;}
	.section2 .mstab{display: none;}
	.section2 .ms-hidden{display: block;}
	
	/*开发方*/
	.dev-why,.dev-what{height: auto;}
	.dev-what{position: relative;background-repeat: repeat;background-position: right;text-align: center;}
	.dev-wcon{width: 350px;padding: 2rem 0;}
	.dev-why h2, .dev-what h2, .dev-paas h2{width: 100%;padding: 0 2rem;font-size: 1.8rem;text-align: center;}
	.dev-why ul li{width: 100%;}
	.robot{position: static; top: 0; left: 0; margin-left: 0; width: 350px;margin-top: 10rem;padding: 2rem 5rem;}
	.dev-what h2{position: absolute;top: 2rem;left: 0;width: 100%;}
	.dev-what ul li{float: none;width: 100%;padding: 2rem;}
	.dev-paas ul li{float: none;width: auto ;margin: 2rem;}
	.dev-paas ul li:nth-of-type(4n+4){margin-right: 2rem;}
	
	/*需求方*/
	.req-what{position: relative;height: auto;padding-top: 25rem;background-position: center 10rem;background-size: 370px;}
	.req-wcon{width: 350px;padding-top: 2rem;}
	.req-what ul li{float: none;width: 100%;height: auto;margin: 0 auto;padding: 2rem;}
	.req-what ul li:last-child{margin: 0 auto;}
	.req-what ul li h4{text-align: center;font-size: 1.6rem;margin: 1rem;}
	.req-what ul li p{font-size: 1rem;line-height: 2;}
	.req-what ul li h2{position: absolute;top: 2rem;left: 0;width: 100%;font-size: 2rem;padding: 0 1rem;text-align: center;}
	.req-cp{width: 100%;height: auto;background-repeat: repeat;}
	.req-cp .req-wcon{padding-top: 0;}
	.req-cp ul{padding: 0;}
	.req-cp ul li:nth-of-type(n){float: none;width: 100%;margin: 1rem 0;padding: 0;text-align: center;}
	.req-cp ul li:nth-of-type(1){margin-top: 0;background: none;}
	.req-cp ul li img{width: 100%;padding: 0 1rem;}
	.req-cp ul li h2{width: 100%;padding: 2rem 0;height: auto;}
	
	/*解决方案*/
	.solution,.solution-i,.solution-c{width: 100%;}
	.solution{margin: 0;margin: 1rem auto;}
	.solution-i,.solution-c{height: auto;margin: 0;padding: 1rem;}
	.solution-c h4{font-size: 1rem;}
	.solution-c p{font-size: .9rem;}
	
	.back{bottom: 1%;right: 1%;opacity: .8;background-size: 60%;}
	.back:hover{background-size: 60%;}
	.sideTools{display: none;}
	
	/*联系我们*/
	.contactus{width: 100%;}
	.contact_box{display: none;}
	.regBox{width: 100%;}
	
	/*hamburger*/
	svg { height: 60px; position: absolute; width:60px;right: 0;padding: 5px;}
	.plate { height: 60px; width: 60px; }
	.burger { filter: url(#gooeyness); background: url(../images/burger.png) no-repeat center center;background-size: 42%;}
	.x { transform: scale(0);-webkit-transform: scale(0);transition: transform 400ms; -webkit-transition: transform 400ms;}
	.line {fill: #FFF;background: #FFF;color: #FFF; stroke: #FFF; stroke-width: 6px; stroke-linecap: round; stroke-linejoin: round; transform-origin: 50%; transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms; }
	.x .line { stroke-width: 5.5px; }
	.plate .x { transition: transform 400ms;-webkit-transition: transform 400ms;}
	.plate .line { transform-origin: 50%;-webkit-transform-origin: 50%; transition: transform 400ms 100ms;-webkit-transition: transform 400ms 100ms;}
	.active.plate .line { transition: transform 400ms; -webkit-transition: transform 400ms;}
	.active.plate .line1 { transform: translateX(18px) translateY(-3px) rotate(-45deg) scale(0);-webkit-transform: translateX(18px) translateY(-3px) rotate(-45deg) scale(0);}
	.active.plate .line2 { transform: translateX(-18px) translateY(-3px) rotate(45deg) scale(0); -webkit-transform: translateX(-18px) translateY(-3px) rotate(45deg) scale(0);}
	.active.plate .line3 { transform: translateY(0px) rotate(45deg) scale(0);-webkit-transform: translateY(0px) rotate(45deg) scale(0);}
	.active.plate .line4 { transform: translateY(0px) rotate(-45deg) scale(0); -webkit-transform: translateY(0px) rotate(-45deg) scale(0);}
	.active.plate .line5 { transform: translateX(18px) translateY(3px) rotate(45deg) scale(0); -webkit-transform: translateX(18px) translateY(3px) rotate(45deg) scale(0);}
	.active.plate .line6 { transform: translateX(-18px) translateY(3px) rotate(-45deg) scale(0); -webkit-transform: translateX(-18px) translateY(3px) rotate(-45deg) scale(0);}
	.active.plate .x { transition: transform 400ms 100ms; transform: scale(1);-webkit-transition: transform 400ms 100ms; transform: scale(1);}
}

/*横屏*/
@media screen and (orientation: landscape) and (max-device-width: 1024px){
	/*全局*/
	.lay-5{width: 100%;}
	.lay-7{top:0;}
	
	.msheader{position: fixed;min-width: 100%;padding: 0 20px;}
	.msheader .logo-link font{font-size: 1.5rem;}
	.msheader-content{width: 100%;}
	.msheader ul{display: none;padding: 0;}
	.msheader .menu-mobile{display: block;}
	.nav-mobile{display: none;width: 100%;position: absolute;right: 0;z-index: 9999;height: 1000px;}
	.nav-mobile ul{display: block;width: 100%;}
	.nav-mobile ul li{float: none;width: 100%;}
	.nav-mobile ul li a{width: 100%;text-align: left;background: rgba(17, 37, 76,.98);line-height: 60px;border: 0;color: #FFF !important;}
	.nav-mobile ul li p{background: #0a1b3e;line-height: 30px;}
	.nav-mobile ul li p a{display: inline;width: auto;white-space: nowrap;padding: 5px;margin: 5px;line-height: 36px;}
	.bottom{display: none;}
	.bottom.bottom-phone{display: block !important;padding: 1rem 0;}
	.bottom p,.bottom p a{font-size: .8rem;}
	.bottom-c a{color: #FFF;}
	
	.swiper-slide{background-position: center !important;background-size: cover !important;overflow: hidden;}
	.ms-action{height: 350px;}
	.swiper-cont{width: 100%;padding: 4rem 0;}
	.swiper-cont h2{font-size: 1.5rem;padding: 2rem;padding-bottom: 1rem;text-align: center;}
	.swiper-cont p:first-of-type{font-size: 1rem;padding: 1rem 2rem;overflow: hidden;max-height: 65px;}
	
	/*首页*/
	.ms-section{padding:0 0 40px 0;}
	.section1,.section2{font-size: 1rem;}
	.section1 h2,.section2 h2{clear: both;position: static;margin: 1rem 0;padding: 1rem;background: url(../images/new/title-st.png) no-repeat center center;text-align: center;}
	.section2 .lay-5 .ms-chara{background: none !important;}
	.ms-chara{float: none;width: 350px;height: auto !important;position: inherit !important;top: 0 !important;left: 0 !important;padding: 1rem .6rem !important;}
	.ms-chara .lay-3,.ms-chara .lay-7{float: none;width: 100%;text-align: center;}
	.ms-chara .lay-3 img{width: auto;height: 140px;}
	.ms-chara h4{font-size: 1rem;padding: .6rem;margin: 0 0 0 1rem;}
	.ms-chara p{font-size: .8rem;padding: .6rem;margin: 1rem 0 1rem 1rem;border: 1px solid #b2d3f7;border-radius: 2px;}
	.section2 .mstab{display: none;}
	.section2 .ms-hidden{display: block;}
	
	/*开发方*/
	.dev-why,.dev-what{height: auto;}
	.dev-what{position: relative;background-repeat: repeat;background-position: right;text-align: center;}
	.dev-wcon{width: 350px;padding: 2rem 0;}
	.dev-why h2, .dev-what h2, .dev-paas h2{width: 100%;padding: 0 2rem;font-size: 1.8rem;text-align: center;}
	.dev-why ul li{width: 100%;}
	.robot{position: static; top: 0; left: 0; margin-left: 0; width: 350px;margin-top: 10rem;padding: 2rem 5rem;}
	.dev-what h2{position: absolute;top: 2rem;left: 0;width: 100%;}
	.dev-what ul li{float: none;width: 100%;padding: 2rem;}
	.dev-paas ul li{float: none;width: auto ;margin: 2rem;}
	.dev-paas ul li:nth-of-type(4n+4){margin-right: 2rem;}
	
	/*需求方*/
	.req-what{position: relative;height: auto;padding-top: 25rem;background-position: center 10rem;background-size: 370px;}
	.req-wcon{width: 350px;padding-top: 2rem;}
	.req-what ul li{float: none;width: 100%;height: auto;margin: 0 auto;padding: 2rem;}
	.req-what ul li:last-child{margin: 0 auto;}
	.req-what ul li h4{text-align: center;font-size: 1.6rem;margin: 1rem;}
	.req-what ul li p{font-size: 1rem;line-height: 2;}
	.req-what ul li h2{position: absolute;top: 2rem;left: 0;width: 100%;font-size: 2rem;padding: 0 1rem;text-align: center;}
	.req-cp{width: 100%;height: auto;background-repeat: repeat;}
	.req-cp .req-wcon{padding-top: 0;}
	.req-cp ul{padding: 0;}
	.req-cp ul li:nth-of-type(n){float: none;width: 100%;margin: 1rem 0;padding: 0;text-align: center;}
	.req-cp ul li:nth-of-type(1){margin-top: 0;background: none;}
	.req-cp ul li img{width: 100%;padding: 0 1rem;}
	.req-cp ul li h2{width: 100%;padding: 2rem 0;height: auto;}
	
	/*解决方案*/
	.solution,.solution-i,.solution-c{width: 100%;}
	.solution{margin: 0;margin: 1rem auto;}
	.solution-i,.solution-c{height: auto;margin: 0;padding: 1rem;}
	.solution-c h4{font-size: 1rem;}
	.solution-c p{font-size: .9rem;}
	
	.back{bottom: 1%;right: 1%;opacity: .8;background-size: 60%;}
	.back:hover{background-size: 60%;}
	.sideTools{display: none;}
	
	/*联系我们*/
	.contactus{width: 100%;}
	.contact_box{top:-270px;right: 50%;margin-right: -202px;}
	
	/*hamburger*/
	svg { height: 60px; position: absolute; width:60px;right: 0;padding: 5px;}
	.plate { height: 60px; width: 60px; }
	.burger { filter: url(#gooeyness); background: url(../images/burger.png) no-repeat center center;background-size: 42%;}
	.x { transform: scale(0);-webkit-transform: scale(0);transition: transform 400ms; -webkit-transition: transform 400ms;}
	.line {fill: #FFF;background: #FFF;color: #FFF; stroke: #FFF; stroke-width: 6px; stroke-linecap: round; stroke-linejoin: round; transform-origin: 50%; transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms; }
	.x .line { stroke-width: 5.5px; }
	.plate .x { transition: transform 400ms;-webkit-transition: transform 400ms;}
	.plate .line { transform-origin: 50%;-webkit-transform-origin: 50%; transition: transform 400ms 100ms;-webkit-transition: transform 400ms 100ms;}
	.active.plate .line { transition: transform 400ms; -webkit-transition: transform 400ms;}
	.active.plate .line1 { transform: translateX(18px) translateY(-3px) rotate(-45deg) scale(0);-webkit-transform: translateX(18px) translateY(-3px) rotate(-45deg) scale(0);}
	.active.plate .line2 { transform: translateX(-18px) translateY(-3px) rotate(45deg) scale(0); -webkit-transform: translateX(-18px) translateY(-3px) rotate(45deg) scale(0);}
	.active.plate .line3 { transform: translateY(0px) rotate(45deg) scale(0);-webkit-transform: translateY(0px) rotate(45deg) scale(0);}
	.active.plate .line4 { transform: translateY(0px) rotate(-45deg) scale(0); -webkit-transform: translateY(0px) rotate(-45deg) scale(0);}
	.active.plate .line5 { transform: translateX(18px) translateY(3px) rotate(45deg) scale(0); -webkit-transform: translateX(18px) translateY(3px) rotate(45deg) scale(0);}
	.active.plate .line6 { transform: translateX(-18px) translateY(3px) rotate(-45deg) scale(0); -webkit-transform: translateX(-18px) translateY(3px) rotate(-45deg) scale(0);}
	.active.plate .x { transition: transform 400ms 100ms; transform: scale(1);-webkit-transition: transform 400ms 100ms; transform: scale(1);}
}