@charset "utf-8";
/* 基础样式，重置样式 */
*{ margin:0; padding:0; -webkit-tap-highlight-color:transparent; -moz-tap-highlight-color:transparent; -o-tap-highlight-color:transparent; -ms-tap-highlight-color:transparent; tap-highlight-color:transparent; outline:0;}
body{ max-width:720px; margin:0 auto;}
a{ color:#666; text-decoration:none;}
ul,li{ list-style: none;}
img{ max-width:100%;}	
		
/* 首页样式 */
@keyframes index{
	from{ left:100%;}
	to{left:60%;}
}
@keyframes bac{
	from{ left:60%;}
	to{left:100%;}
}
.g-top{ /* overflow: hidden; */ min-height:200px; background:url(../images/banner_03.jpg) no-repeat center top; background-size:cover; position: relative;}
.g-top::after{ content: ''; display: block; width:100%; height:100%; background:rgba(0,0,0,.7); position: absolute; left:0; top:0;}
.m-top-1{ position: relative; z-index: 2;}
.m-meu-1{ position: absolute; cursor: pointer; z-index: 100; right: 0; top:0; width:46px; height:46px;}
.m-meu-1 span{ position: absolute; background:#cccccc; width:32px; height:2px; border-radius:1px; left:50%; margin-left:-15px; top:12px; transition:all 1s ease;}
.m-meu-1 span:nth-child(2){ top:21px;}
.m-meu-1 span:nth-child(3){ top:30px;}
/* .m-meu-2{ position: fixed; z-index: 99; width:100%; height:100%; overflow-y:auto; background:rgba(255,255,255,.9); display: none; left:100%;} */
.m-meu-2{ position: absolute; left:100%; top:0; width:40%; box-shadow:3px 1px 8px 0px #d0d0d0; border-radius:0 0 0 32px; z-index: 99;/*  overflow-y:auto; */ background:rgba(255,255,255,.9); display: none;}
.m-meu-2 ul{ padding-top:22px; padding-bottom:25px;}
.m-meu-2 ol{ height:0; overflow: hidden; transition:height .5s ease;}
.f-new + ol{ height: 176px;;}
.m-meu-2 ul li{ /* margin-left:12px; */ border-bottom: 2px solid #efefef;}
.m-meu-2 ul > li a{ display: block; text-indent:-10px; text-align: center; line-height:40px; color:#333; font-size:16px; position: relative; border-bottom: 2px solid transparent;}
.m-meu-2 ul > li a[href='javascript:void(0)']::after{ content: ''; width:12px; height:12px; border-bottom:1px solid #333; border-left:1px solid #333; position: absolute; right:16px; top:10px; transform:rotate(-45deg); transition:all .5s ease;}
.m-meu-2 ul > li .f-new{ border-bottom:2px solid #d6d6d6;}
.m-meu-2 ul > li .f-new[href='javascript:void(0)']::after{ transform:rotate(135deg); top:18px;}
.m-meu-2 ol{ overflow: hidden;}
.m-meu-2 ol li a{ display: block; text-align: center; color: #ff8900; line-height:40px; font-size:14px;}
.m-meu-2 ol li:last-child{ border-bottom:none;}
/* .m-meu-2 ol li:last-child{ border-bottom-color:#d6d6d6;} */
.g-meu{ animation:index .5s ease forwards;}
.g-bac{ animation:bac .5s ease forwards;}
.g-clo span:nth-child(2){ display: none;}
.g-clo span:nth-child(1){ transform:translate(0px,12px) rotate(45deg);}
.g-clo span:nth-child(3){ transform:translate(-1px,-7px) rotate(-45deg);}
.m-top-2{ position: relative; z-index: 1; padding-top:100px; margin-bottom: 36px;}
.m-top-2 img{ width:60%; display: block; margin:0 auto;}
.m-top-3{ overflow: hidden; padding:0 2% 52px; position: relative; z-index: 1;}
.m-top-3 ul li{ width:33.33%; float: left; text-align: center;}
.m-top-3 ul li p{ margin-bottom:12px; background:url(../images/border.png) no-repeat center center; background-size:cover; width:50px; height:50px; line-height:50px; margin:0 auto; color:#ee8313; font-weight: bold; text-align: center;}
.m-top-3 ul li span{ color:#fff; font-size:10px; line-height:28px;}
.g-flo{ background:linear-gradient(to bottom,#1640cd,#1f80f2); padding:0 2% 20px; overflow: hidden;}
.m-flo-1{ padding:26px 0 36px; text-align: center; color:#fff;}
.m-flo-1 h2{ font-size:18px; font-weight: normal; line-height:28px;}
.m-flo-1 p{ font-size:10px;}
.m-flo-2 img{ display: block;}
.g-six{ background:#f5f9ff; overflow: hidden; padding:45px 0;}
.m-six-1{ padding-bottom: 32px; text-align: center;}
.m-six-1 h2{ font-size:18px; color: #333333; font-weight: normal; line-height:28px;}
.m-six-1 p{ font-size:10px; color: #999999;}
.m-six-2{ padding:0 2%;}
.m-six-2 ul li{ width:33.33%; float: left; text-align: center;}
.m-six-2 ul li span{ display: block; border-radius:50%; width: 60px; height:60px; background:#fff; margin:0 auto; overflow: hidden;}
.m-six-2 ul li img{ width:42px; display: block; margin:9px auto;}
.m-six-2 p{ color: #303339; font-size: 12px; line-height: 18px; padding:8px 0;}
.g-ext{ overflow: hidden; padding:45px 0;}
.g-fou{ overflow: hidden; padding:45px 0; background:url(../images/bag_03.png) no-repeat center top; background-size:cover;}
.m-fou-2{ overflow: hidden; padding:0 3%;}
.m-fou-2 ul li{ float: left; width:40%; margin:0 5% 20px; position:relative; overflow: hidden; padding-bottom:11%;}
.m-fou-2 ul li img{ display: block; position: absolute;}
.g-pri{ padding:45px 0; overflow: hidden;}
.m-pri{ overflow: hidden;}
.m-pri-1{ padding:0 5%;}
.m-pri-1 ul{ overflow-x:auto; white-space: nowrap; margin-bottom:30px;}
.m-pri-1 ul li{ display: inline-block; width:25%; cursor: pointer; text-align: center; border-bottom:2.5px solid transparent;}
.m-pri-1 ul .z-pri{ border-bottom-color:#3076ee;}
.m-pri-1 img{ width:46px; display: block; margin:0 auto;}
.m-pri-1 p{ color: #333333; font-size:10px; line-height:18px; padding-bottom:4px;}
.m-pri-1 .z-pri p{ color: #3145cc;}
.m-pri-0{ display: none; overflow: hidden;}
.m-wrp{ display: -webkit-flex; display: flex; flex-flow:nowrap; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content:space-between;}
.m-pri-0 img{ flex-shrink:1; -webkit-flex-shrink:1; width:49%;}
.m-edi{ overflow: hidden; flex-shrink:1; -webkit-flex-shrink: 1; width:48%; color: #333333; font-size:10px;}
.m-edi > h2{ color: #333333; font-size:14px; line-height:20px; /* margin-top:5px; */ margin-bottom: 5px;}
.m-edi p{ line-height:16px;}
.m-pri-2{ padding:0 5%;}
.m-pri-2 .m-pri-0:first-child{ display: block;}
.g-con{ padding:45px 0; overflow: hidden; background:url(../images/contact_03.png) no-repeat center top; background-size:cover; color: #fff; text-align: center;}
.g-con h2{ font-size:16px; line-height:32px; font-weight: normal;}
.g-con p{ font-size:26px;}
.g-lin{ border-bottom: 1px solid #d2d2d2; padding:15px 4%;}
.g-lin::after,.m-lin-2::after{ content: ''; display: block; width:0; height:0; visibility: hidden; clear: both;}
.m-lin-1{ float: left;}
.m-lin-1 a{ color: #333333; font-size: 12px; display: inline-block; padding:0 4px; line-height:24px; margin:0 3px;}
.m-lin-2{ float:right;}
.m-lin-2 ul li{ float: left; position: relative; width:24px; height:24px; margin:0 5px;}
.g-cha{ position: absolute; left:-51px; top:-150px; width:100px; background:#fff; color:#333; font-size: 10px; border-bottom:1px solid #333; line-height: 20px; padding:10px 10px 5px; text-align: center; display: none;}
.g-cha img{ width:100px; display: block;}
.g-cha::after{ content: ''; position: absolute; width:10px; height:10px; border-left:1px solid #333; border-top:1px solid #333; transform:rotate(-135deg); background:#fff; left:57px; top:130px;}
.g-fot{ border-bottom: 40px solid #000000; overflow: hidden; padding: 20px 4%;}
.m-fot-1{ float: left; width:70%;}
.u-fot{ width:29.33%; float: left; margin:0 2%;}
.u-fot h2{ color: #000000; font-weight: normal; font-size:14px; margin-bottom: 5px;}
.u-fot a{ color: #666666; font-size: 10px; line-height: 20px;}
.m-fot-2{ float: right; width:30%; text-align: center;}
.m-fot-2 h2{  color: #9e9e9e; font-size:12px; margin-bottom:15px; margin-top:1px; font-weight: normal;}
.m-fot-2 img{ display: block; width:80%; margin:0 auto; border: 1px solid #fff;}

/* 客户案例 */
.g-cas{/* overflow: hidden; */ min-height:168px; background:url(../images/caseBg.png) no-repeat center top; background-size:cover; position: relative;}
.m-cat-2{ position: relative; z-index: 1; padding-top:82px; padding-bottom: 36px;}
.m-cat-2 img{ width:70%; display: block; margin:0 auto;}
.g-lis{ overflow: hidden; padding:45px 0;}
.m-cas{ padding:0 2%;}
.m-cas-1{ position: relative;}
.m-cas::after{ content: ''; display: block; width:0; height:0; visibility: hidden; clear: both;}
.m-cas-1::before{ content:''; width:34px; background:#fff; left:0; top:0; position: absolute; height:100%;}
.m-cas-1::after{ content:''; width:34px; background:#fff; right:0; top:0; position: absolute; height:100%;}
@keyframes forback{
	from{ left:3px}
	to{ left:9px}
}
@keyframes backfor{
	from{ right:3px}
	to{ right:9px}
}
.f-pre{ position: absolute; width:34px; height:100%; cursor: pointer; left:0; top:0; z-index: 1;}
.f-nex{ position: absolute; width:34px; height:100%; cursor: pointer; right:0; top:0; z-index: 1;}
.f-pre i{ position: absolute; width:18px; height:18px; border-left:2px solid #d2d2d2; border-bottom:2px solid #d2d2d2; transform:rotate(45deg); left:7px; top:50%; margin-top:-10px; animation:forback 2s linear forwards alternate infinite; z-index: 1;}
.f-nex i{ position: absolute; width:18px; height:18px; border-left:2px solid #d2d2d2; border-bottom:2px solid #d2d2d2; transform:rotate(-135deg); right:7px; animation:backfor 2s linear forwards alternate infinite; z-index: 1; top:50%; margin-top:-10px;}
.m-cas-1 ul{ overflow-x:auto; transition:all .5s ease; padding:0 34px; white-space: nowrap;}
.m-cas-1 ul li{ display: inline-block; width:23%; margin:0 1%; cursor: pointer;}
.m-cas-1 ul li img{ display: block;}
.m-cas-1 ul li.z-cas{ box-shadow:1px 3px 9px 0px #d6d4d4;}
.m-cas-3{ display: none; padding:0 2%; color: #333333; font-size:12px; line-height:20px; text-align: justify;}
.m-cas-2 .m-cas-3:first-child{ display: block;}
.m-cas-3 h2{ color: #333333; font-size:16px; font-weight: normal; line-height:22px; padding:26px 0 15px;}
.g-mor{ background:#f7f8fc; padding:45px 0; overflow: hidden;}

/* 疑难解答 */
.g-pro{ overflow: hidden; padding:45px 0 25px;}
.m-pro{ padding:0 2%;}
.m-pro ul li{ box-shadow:0px 6px 16px 0px #f1f1f1; border-radius:6px; padding:28px 2% 26px; margin-bottom: 16px;}
.m-pro-1{ overflow: hidden; margin-bottom: 12px;}
.m-pro-1 span{ float: left; background:#3076ee; width:30px; height:30px; border-radius:50%; color: #fff; text-align: center; line-height:30px; font-size:14px; margin-right:8px;}
.m-pro-1 div{ overflow: hidden;}
.m-pro-1 h5{ color: #333333; font-size:16px;}
.m-pro-1 p{ color: #707277; font-size:12px; line-height: 16px; margin-top:3px;}	
.m-pro-2{ overflow: hidden;}
.m-pro-3{ overflow: hidden; margin-bottom: 5px;}
.m-pro-3 span{ color: #fff; font-style: italic; width:42px; height:20px; text-align: center; font-size:12px; position: relative; float: left; line-height:20px; margin-right:12px; text-indent:6px;}
.m-pro-3 span::before{ content: ''; position: absolute; width:42px; height:20px; transform:skew(-20deg); background:#f8ae2c; z-index: -1; left:5px;}
.m-pro-3 h5{ overflow: hidden; color: #333; font-size:14px; line-height: 20px;}
.m-pro-4{ color: #707277; font-size:12px; line-height: 16px;}

/* 基础管理阶段 */
.g-bas{ min-height:280px; background:url(../images/manage_03.png) no-repeat center top; background-size:cover; position: relative;}
.g-bas::after{ content: ''; display: block; width:100%; height:100%; background:rgba(0,0,0,.7); position: absolute; left:0; top:0;}
.m-bas{ overflow: hidden; position: relative; z-index: 1; text-align: center; padding:96px 0 0;}
.m-bas-1{ color: #ff8900; font-size:20px; line-height: 42px; margin-bottom: 2px;}
.m-bas-2{ background:rgba(0,0,0,.47); display: inline-block; padding:15px 24px; width:62%;}
.m-bas-2 img{ display: block;}
.g-flc img{ display: block;}
.g-det{ padding:45px 0; overflow: hidden;}
.m-det{ overflow: hidden; padding:0 5%; margin-top:15px;}
.m-det ul li{ margin-bottom: 60px;}
.m-det ul li:last-child{ margin-bottom:0;}
.m-det img{ display: block;}
.m-det h2{ margin-top:18px; font-weight: normal; margin-bottom: 5px; color: #000000; font-size:16px; line-height: 42px;}
.m-det p{ color: #666666; font-size:12px; line-height:22px; text-align: justify;}

/* 优势管理阶段 */
.g-che{ padding: 45px 2.3%; background:#f6f9fd;}
.g-che + .g-che{ background:#fff;}
.m-che img{ display: block; margin:0 auto 25px;}
.g-che .m-det h2{ margin-top:26px; margin-bottom: 0; line-height:30px;}

/* 全面管理阶段 */
.g-doa{ padding:45px 0; overflow: hidden;}
.m-doa{ overflow: hidden; padding:0 20px;}
.m-doa ul li{ margin-top:20px;}
.m-doa ul li:first-child{ margin-top:0;}
.m-doa h2{ overflow: hidden; white-space: nowrap; font-weight:normal; font-size:14px; margin-bottom: 6px;}
.m-doa span{ display: inline-block; background:#3076ee; color:#fff; width:20px; height:20px; text-align: center; line-height:20px; margin-right:5px; border-radius:1.5px; vertical-align: top;}
.m-doa i{ font-style: normal; color: #000000; display: inline-block; vertical-align: top; overflow: hidden; line-height:20px; white-space: pre-wrap; font-weight: bold;}
.m-doa p{ color: #666666; font-size:12px; line-height:18px;}
.g-imp{ overflow: hidden; padding:45px 0; background:#f6f9fd;}
.g-imp .m-det{ overflow: visible;}
.g-imp img{ margin:-39px 0 30px;}

/* 战略实践阶段 */
.g-doe{ overflow: hidden; padding:45px 0;}
/* .m-doe img{ width:50%; float:left;} */
.m-doe img{ float: left; width:50%; margin-right:8px;}
.m-doe-0{ overflow: hidden; margin-top:2px;}
.m-doe{ overflow: hidden; padding:0 2%; margin-bottom: -8px; color: #333333; font-size:10px; line-height:16px; text-align: justify;}
.m-doe-1{ padding-top:5px; overflow: hidden; clear: both;}
.m-doe b{ font-size:11px;}
.m-doe ul{ overflow: hidden; width:100%; padding-top:3px;}
.m-doe ul li{ color: #999999; font-size:10px; line-height:16px;/* padding-top:2px; padding-bottom:2px; */ position: relative; padding-left:10px;}
.m-doe ul li::before{ content: ''; background:#3076ee; position: absolute; left:0; top:8px; width:5px; height:5px; border-radius:50%;}
.m-dow{ overflow: hidden; clear: both;}
.g-foa{ overflow: hidden; padding:45px 10px 45px; background:#f6f9fd;}
.m-foa{ padding:0 10px;}
.m-foa h5{ color: #333333; font-size:10px; padding-bottom: 14px; line-height:18px; font-weight: normal; text-align: justify;}
.m-foa ul{ overflow: hidden;}
.m-foa ul li{ margin-top:20px; overflow: hidden; width:50%; padding-right:18px; float: left; position: relative; padding-left:18px; box-sizing:border-box; -webkit-box-sizing:border-box; min-height:71px;}
.m-foa ul li::before{ content: ''; position: absolute; left:0; top:7px; width: 6px; height:6px; background:#3076ee;}
.m-foa h2{ color: #3076ee; font-size:14px; line-height:20px; margin-bottom: 3px;}
.m-foa p{ color: #666666; font-size:12px; line-height: 16px;}
.g-rit{ overflow: hidden; padding:45px 0 0;}
.m-rit{ margin-right:2%; margin-bottom:0px; overflow: hidden; position: relative;}
.m-rit-1{ width:67%; overflow: hidden;}
.m-rit-3{ color: #666666; font-size: 12px; line-height:18px; padding:10px 10px 22px 18px;}
.m-rit-2{ width:33%; position: absolute; right:0; top:0; height:100%; background:url(../images/rit.png) no-repeat right top; background-size:auto 100%;}
.m-rit-4{ background:#f6f9fd; padding:22px 18px 24px; margin-top:8px;}
.m-rit-4 h2{ color: #000000; font-size:14px; margin-bottom: 6px;}
.m-rit-4 p{ position: relative; color: #666666; font-size:12px; line-height:16px; padding-top:3px; padding-bottom:1px; padding-left:10px;}
.m-rit-4 p::before{ content: ''; display: block; width:5px; height:5px; background:#3076ee; position: absolute; left:0; top:9.5px;}