* {margin:0;padding:0}
h1,h2,h3,h4,h5{font-weight: 500;}
li{list-style: none;}
a{text-decoration: none;color:#6e6e6e;}
img{
    border:none;vertical-align: top;
}

.clearfix:after,.col-extra:after,.col-sub:after,.layout:after,.main-wrap:after,.tb-module:after {
    content:'';display:block;height:0;clear:both;
}
.clearfix,.col-extra,.col-sub,.layout,.main-wrap,.tb-module {
    *zoom:1
}
li.last-child{
    margin-right:0;
}
.layout {width:1200px;margin-left:auto;margin-right:auto}

.layout-grid-0 {width:100%;overflow: hidden;}
.site-nav .site-nav-bd {width:1190px!important}

.layout-grid-0 .body{
    height:540px;background: url("/images/edu/bg.png") no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;
}
.grid-0 .container h2{
    color:#ffffff;font-size:30px;padding:44px 0 30px 0;text-align: center;
}
.grid-0 .container p{
    color:#ffffff;font-size:32px;text-align: center;
}
.grid-1 .container h2,.grid-1 .container p,.grid-1 .container h3,.grid-3 .title p,.grid-4 .title p{
    color:#222222;text-align: center;
}
.grid-1 .container h2,.grid-3 .title h2,.grid-4 .title h2{
    font-size:24px;padding:54px 0 10px 0;text-align:center;color:#000;
}
.layout-grid-0 .container h3{
    color:#ffffff;text-align: center;
}

.grid-0 .container p,.grid-3 .title p,.grid-4 .title p{
    font-size:16px;margin:15px 0 25px;
}
.layout-grid-1 .container p{
    font-size:14px;margin-bottom: 50px;color:#383e4b;
}
.layout-grid-0 .container .content{
    width:1200px;
}
.layout-grid-0 .container .content li{
    width:300px;float: left;height:400px;overflow: hidden;
}

.container .content .item-content{
    position:absolute;left:0;top:130px;  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);text-align: center;
}

.container .content a{

}
.container .content .item-con{display: block;
    position: relative;}
.container .content .mask{
    position:absolute;top:0;left:0;width:100%;height:100%;
}
.container .content .mask .bg{
    position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0;  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);background:#161A1D;opacity: 0.55;
    filter: alpha(opacity=60);  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
}
.container .content .mask .bg.other-bg{
    background:#161A1D;opacity: 0.85;filter: alpha(opacity=85);
}



.container .content li:hover .item-content{
    top:30px;
}
.mask .item-content h3{
    font-size:20px;line-height:45px;
}
.mask .item-content h4{font-size:16px;line-height:18px;color:#ccc;margin-bottom:12px;}
.mask .item-content p{
    height:88px;opacity: 0; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);padding:0 30px;filter: alpha(opacity=0);  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));    text-align: left;
}
.container .content li:hover .des{
    opacity: 1;filter: alpha(opacity=100);  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));height:88px;text-align:left;
}

.mask .item-content .item-link {
    display: inline-block; width: 94px;  height: 40px;  line-height: 40px;  font-size: 14px;  color: #fff;  text-decoration: none;  margin-top: 62px; background:rgb(89,102,157);text-align: center;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.mask .item-content .item-link:hover{
   color: #26346c;    margin-top: 62px; background:#fff;text-align: center;
}
/*社交电商引流*/
.grid-1{
    width:1200px;margin:0 auto;
}
.grid-1 .title{
    margin-bottom:30px;margin-top:35px;
}
.grid-1 .title h2,.plan .title h2{
    text-align: center;font-size:24px;line-height:70px;
}
.grid-1 .title p,.plan .title p{
    text-align: center;font-size:16px;line-height:20px;color:#6e6e6e;
}
.grid-1 .contact{
    height:240px;margin-top:50px;
}
.grid-1 .contact li{
    float:left;width:100px;margin-right:29px;perspective: 400px;
}
.grid-1 .contact .item{
    transition:all 0.5s;-webkit-transition:all 0.5s;
}
.grid-1 .contact .item a{
    display:block;line-height:30px;border:1px solid #0a6dee;text-align:center;border-radius:5px;margin-top:20px;
    transition:all 0.2s ease-in;opacity:0;cursor: pointer;filter:alpha(opacity=0);
}
.grid-1 .contact li:hover .item{
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);;
}
.grid-1 .contact li:hover a{
    opacity:1;filter:alpha(opacity=100);
}
.grid-1 .contact li:last-child{
    margin-right:0;
}
.grid-1 .contact .p1{
    font-size:14px;text-align: center;line-height: 38px;font-weight: 600;
}
.grid-1 .contact .p2{
    font-size:12px;line-height: 20px;color:#6E6E6E;height:80px;
}
.grid-1 .contact img{
    width:100px;height:100px;
}
/*解决方案*/
.plan{
    width:1200px;margin:40px auto;
}
.plan li{
    float: left;width:232px;margin-right:10px;
}
.plan .plan-list{
    height:270px;
}
.plan .plan-list li{
    position:relative;overflow:hidden;
}

.plan-list .bg{
    width:101%;height:100%;position:absolute;top:250px;left:0;background:#0a6dee;transition:0.5s;-webkit-transition:0.5s;
}
.plan-list .bg h2{
    text-align:center;font-size:18px;color:#fff;line-height:55px;
}
.plan-list .bg p{
    color:#fff;padding:10px;line-height: 22px;
}
.plan-list .bg span{
    position:absolute;width:85px;height:35px;border-radius:5px;bottom:20px;left:50%;margin-left:-42.5px;background:#fff;color:#0a6dee;text-align: center;line-height:35px;cursor: pointer;
}
.plan-list li:hover .bg{
    top:0;
}
.plan-list li:hover h3{
    color:#343434;
}
.plan .plan-list h3{
    height:72px;line-height:72px;background:#343434;text-align:center;color:#fff;
}
.plan li:last-child{
    margin-right:0;
}
.plan .title{
    margin-bottom:45px;
}

/*service*/
.grid-2 .service{
    margin: 15px auto;  overflow: hidden;  position: relative;background:url("/images/edu/service-bg.png") no-repeat;
    height:140px;
}
.grid-2 .service p{
    text-align:center;line-height: 140px;color:#fff;font-size:16px;
}
.grid-2 .service p strong{
    color:#fb642d;font-size:42px;font-weight: normal;display:inline-block;margin:0 30px;
}
.grid-2 .service img{width:100%;height:100%}
/*客户案例*/
.grid-3{
    /*margin-top:30px;*/
}
.grid-3 .case{
    padding-bottom: 58px;
}
.footer {
    background: #06141e!important;
}
.side-menu .li1 p{
    background:url(/images/edu/phone2_1.png)no-repeat!important;
}
.side-menu .free-phone p{
    background:url(/images/edu/mian-bg_1.png)no-repeat!important;
}
.grid-3 .case-list li{
    width:218px;height:200px;float: left;border:1px solid #f2f2f2;margin-top:20px;margin-right:20px;text-align: center;overflow: hidden;position: relative;padding-bottom:20px;
}
.grid-3 .case-list li a{
    cursor: default;
}
.grid-3 .case-list li:hover{
   box-shadow: 0 2px 20px  #e6e5e5;
}
.grid-3 .case-list li img{
    transition: all 0.3s ease-in;
}

.grid-3 li.last,.grid-4 .partner li.last{
    margin-right:0;
}
.grid-3 .title p a{
    color:#25497d;margin-left:25px;
}

/*合作伙伴*/
.grid-4{
    background: #f0f4f8;padding-bottom:78px;
}
.grid-4 .partner li{
    float: left;margin-right:35px;width:210px;height:65px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.grid-4 .partner li.list1{
   background: url("/images/edu/0.png") no-repeat;
}
.grid-4 .partner li.list2{
    background: url("/images/edu/1.png") no-repeat;
}
.grid-4 .partner li.list3{
    background: url("/images/edu/2.png") no-repeat;
}
.grid-4 .partner li.list4{
    background: url("/images/edu/3.png") no-repeat;
}.grid-4 .partner li.list5{
     background: url("/images/edu/4.png") no-repeat;
 }

.grid-4 .list{
    margin-top:40px;
}
.grid-5{}
.free{
    margin-top: 15px;overflow: hidden;position: relative;min-height:272px;background-size:100%;width:100%;max-width: 1920px;
}

.grid-5 .free div{
    position: absolute;
    left: 45%;
    top: 66%;
    width: 10%;
    height: 10%;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    overflow: hidden;
    min-height: 30px;
}
.grid-5 .free img{width:100%;height:100%}

/*   */
.grid-6 .open{
    /*margin: auto;overflow: hidden;margin-left: -960px;left: 50%;position: relative;*/
    margin: auto;overflow: hidden;position: relative;background: url("/images/edu/background2.png") center no-repeat;
    height:180px;
}
.grid-6 .open h2{
    color:#fff;text-align: center;font-size:32px;line-height:80px;margin-top:20px;
}
.grid-6 .open img{width:100%;height:100%}
.grid-6 .open div{
position: absolute;  left: 46%;  top: 60%;  width: 7%;  height: 40px;  text-align: center;  line-height: 40px;  border-radius: 5px;  overflow: hidden;  min-height: 40px;
}

.grid-6 .open div a{
   color:#3856ea;right:0;bottom:0;position:absolute;top:0;left:0;background: #ffffff;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);font-size:18px;
}
.grid-6 .open div a:hover{
    background: #3856ea;color:#ffffff;
}

.edu-one{
    width: 100%;
    height: 670px;
    background: #ffffff;
}
.edu-one h2{
    width: 100%;
    font-size:28px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(34,34,34,1);
    line-height:28px;
    padding-top: 60px;
    box-sizing: border-box;
    margin: 0 auto 20px;
    text-align: center;
    padding-bottom: 40px;
}
.edu-one h3{
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(102,102,102,1);
    line-height:16px;
    margin-bottom: 36px;
    text-align: center;
}
.edu-one-con{
    width: 100%;
    height: 100%;
}
.edu-one-1{
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.edu-one-1:nth-of-type(2n+1){
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 115px;
}
.edu-one-list{
    width: 208.33px;
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:43px 25px 0;
    box-sizing: border-box;
    background: url("/images/edu/m1-bg.png");
    background-size: 100%;
}
.edu-one-img{
    width: 72px;
    height: 72px;
}
.edu-one-title{
    margin: 22px 0 17px;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(33,33,33,1);
    line-height:18px
}
.edu-one-dis{
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(33,33,33,1);
    line-height:20px;
    text-align: center;
}
.huan{
    width: 32px;
    height: 32px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(221,221,221,1);
    border-radius:50%;
    margin-top: 11px;
}
.huan:after{
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background:rgba(221,221,221,1);
    border-radius:50%;
    position: relative;
    top: 7px;
    left: 7px;
}
.hovers:after{
    background: #3131ED;
    z-index: 10;
}
.edu-one-line{
    position: absolute;
    top: 427px;
}
.edu-one-line .edu-one-img{
    width: 100%;
    height: 100%;
}
/* edu-two */
.edu-two{
    width: 100%;
    min-height: 640px;
    background: url(/images/edu/bg-two.jpg) no-repeat center center;
}
.edu-two h2{
    font-size:28px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:28px;
    text-align: center;
    padding-top: 61px;
    box-sizing: border-box;
    margin-bottom: 71px;
}
.edu-two-con{
    float: left;
    width: 60%;
    height: 100%;
    padding-left: 100px;
    box-sizing: border-box;
}
.edu-two-main-img{
    float: left;
    width: 40%;
    height: 100%;
    text-align: center;
    margin-top: -30px;
}

.edu-two-main-img img{
    width: 230px;
    height: 480px;
}

.edu-two-list{
    display: flex;
    align-items: center;
    margin-bottom: 47px;
}
.des p:nth-child(1){
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:18px;
    margin-bottom: 10px;
}
.des p:nth-child(2){
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(255,255,255,1);
    line-height:14px;
}
.des{
    margin-left: 9px;
}
.edu-three{
    width: 100%;
    height: 685px;
    background: #ffffff;
}

.edu-four{
    width: 100%;
    height: 550px;
}

.edu-four h2{
    font-size:28px;
    font-family:Microsoft YaHei;
    font-weight:400;
    line-height:28px;
    text-align: center;
    padding-top: 60px;
    box-sizing: border-box;
    margin-bottom: 40px;
    color: rgba(34,34,34,1);
}

.edu-four-1{
    margin: 25px;
    float: left;
}

.edu-four-des{
    float: left;
    width: 300px;
    text-align: center;
}

.edu-four-des p{
    font-size: 14px;
    padding: 5px 40px;
}

.edu-four-des p strong{
    font-size: 16px;
    font-weight: bold;
}

.edu-four-2{
    margin: 25px;
    float: left;
}

.edu-five{
    width: 100%;
    height: 300px;
}

.edu-five h2{
    font-size:28px;
    font-family:Microsoft YaHei;
    font-weight:500;
    line-height:28px;
    text-align: center;
    padding-top: 80px;
    box-sizing: border-box;
    margin-bottom: 40px;
    color: rgba(34,34,34,1);
}

.edu-five-1{
    margin: 25px;
    float: left;
}

.edu-five-des{
    float: left;
    width: 300px;
}

.edu-five-des img{
    float: left;
    width: 50px;
    height: 50px;
    padding: 5px 10px;
}

.edu-five-des-text{
    float: left;
    width: 200px;
    padding: 5px 15px;
    
}

.edu-six{
    background: url(/images/edu/background2.png) center no-repeat;
    height: 160px;
    text-align: center;
}

.edu-six p{
    color: #fff;
    padding-top: 30px;
}

.edu-six-title{
    font-size: 20px;
    padding-top: 60px;
}

.edu-six p a{
    border-radius: 6px;
    padding:5px 15px;
    background: #fff;
    color: gray;
    font-size: 16px;
}

.edu-six p a:hover{
    border-radius: 6px;
    padding:5px 15px;
    background:red;
    color: #fff;
    font-size: 16px;
}

.edu-three h2{
    font-size:28px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(34,34,34,1);
    line-height:28px;
    text-align: center;
    padding-top: 81px;
    box-sizing: border-box;
}
.edu-three-con{
    padding-left: 50px;
    margin-top: 25px;
    padding-right: 50px;
}
.edu-three-img1{
    width: 472px;
    height: 445px;
    float: left;
    /*margin-right: 161px;*/
}
.edu-three-r{
    padding-top: 40px;
    box-sizing: border-box;
}
.edu-three-list{
    float: left;
    padding-left: 138px;
    width: 540px;
    display: flex;
    margin-bottom: 36px;
    align-items: center;
}
.edu-three-img{
    margin-right: 15px;
    width: 44px;
    height: 44px;
}
.edu-three-des p:nth-child(1){
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(34,34,34,1);
    line-height:42px;
}
.edu-three-des p:nth-child(2){
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:300;
    color:rgba(34,34,34,1);
    line-height:28px;
}
.zhi4{
    width: 100%;
    min-height: 640px;
    background: url(/images/edu/bg-two.jpg) no-repeat center center;
}
.zhi4-con{
    margin-top: 30px;
}

.wrap,
.wrapper {
    width: 1250px;
    margin: 0 auto;
    font-size: 14px;
    position: relative;
}

.banner {
				height: 526px;
				background: url(/images/edu/edu-banner.jpg)no-repeat center center;
			}

			.tile {
				font-size: 27px !important;
				text-align: center;
			}

			.m6 {
				height: 579px;
				background: #fff;
			}

			.m6x {
				text-align: center;
				width: 1200px;
				position: relative;
				margin: 0 auto;
				padding-top: 81px;
			}

			.m6x h1 {
				font-size: 27px;
				margin-bottom: 32px;
			}

			.m6x h2 {
				font-size: 14px;
				margin-bottom: 44px;
			}

			.box {
				position: relative;
				width: 1070px;
				overflow: hidden;
				height: 367px;
				left: 70px;
				/* box-shadow: 1px 0 24px 1px rgba(0,0,0,0.1); */
			}

			.Left {
				position: absolute;
				left: 0px;
				top: 62%;
				font-size: 40px;
				font-family: Simsun;
				height: 31px;
				color: #398AEF;
				line-height: 31px;
				font-weight: bold;
				z-index: 10;
				user-select: none;
				cursor: pointer;
				width: 64px;
				height: 64px;
			}

			.Right {
				position: absolute;
				right: 0px;
				top: 62%;
				font-size: 40px;
				font-family: Simsun;
				height: 31px;
				color: #398AEF;
				line-height: 31px;
				font-weight: bold;
				z-index: 10;
				user-select: none;
				cursor: pointer;
				width: 64px;
				height: 64px;
			}

			.list {
				width: 4800px;
				/*height: 367px;*/
				overflow: hidden;
				position: relative;
				transition: 1s;
				transition-timing-function: linear
			}

			.libox {
				width: 1200px;
				float: left;
				height: 367px;
				transition: 1s;
				cursor: pointer;
				background: #fff;
				transition-timing-function: linear;
			}

			.libox>ul img {
				width: 100%;
				height: 100%;
				margin-right: 20px;
			}

			.libox ul {
				float: left;
				width: 416px;
				height: 367px;
				overflow: hidden;
			}

			.tad {
				font-size: 16px !important;
				font-weight: bold;
			}

			.libox ol {
				width: 516px;
				float: left;
				height: 367px;
				/* padding:17px 31px 52px 43px; */
				margin-left: 42px;
				box-sizing: border-box;
			}

			.libox ol li {
				text-align: left;
			}

			.case {
				background: url("/images/edu/bgm.jpg");
			}

			.min-case {
				width: 1118px;
				margin: 0 auto;
				padding: 0 41px;
				padding-top: 52px;
			}

			.min-case h1 {
				margin-bottom: 22px;
			}

			.min-case p {
				padding-bottom: 64px;
				text-align: center;
				font-size: 14px;
			}

			.min-case dl {
				position: relative;
				display: inline-block;
				background: #fff;
				width: 540px;
				height: 403px;
				vertical-align: middle;
				margin-bottom: 21px;
				overflow: hidden;
				margin-right: 34px;
				padding-bottom: 19px;
				box-shadow: 1px 1px 35px 1px rgba(0, 0, 0, 0.1);
			}

			.min-case dl:hover dd:last-child {
				bottom: 0;
			}

			.min-case dl:nth-child(2n) {
				margin-right: 0;
			}

			.min-case dl dt {
				margin-bottom: 22px;
			}

			.min-case dl dd {
				padding-left: 18px;
				color: #010101;
			}

			.min-case dl dd:nth-of-type(1) {
				font-size: 23px;
				font-weight: bold;
				color: #000;
			}

			.min-case dl dd:nth-of-type(2) {
				padding: 26px 0 14px 18px;
			}

			.min-case dl dd span {
				color: #666;
				margin-left: 26px;
			}

			.min-case dl dd span img {
				margin-right: 9px;
				vertical-align: bottom;
			}

			.min-case dl dd:last-child {
				position: absolute;
				bottom: -152px;
				left: 0;
				height: 75px;
				background: #096FFF;
				color: #fff;
				line-height: 23px;
				padding: 31px 28px 46px 20px;
				transition-timing-function: linear;
				transition: 0.5s;

			}

			.min-case dl dd:last-child p {
				width: 492px;
				text-align: left;
				height: 68px;
				padding: 0;
			}

			/*.zixun {*/
			/*	width: 1200px;*/
			/*	margin: 0 auto;*/
				/*padding: 97px 0;*/
			/*	text-align: center;*/
			/*	font-size: 16px;*/
			/*}*/

			.zixun a:first-child {
				background: #FFC231;
				color: #fff;
				display: inline-block;
				text-align: center;
				width: 230px;
				height: 49px;
				line-height: 49px;
				border-radius: 25px;
				margin-right: 40px;
			}

			.zixun a:last-child {
				background: #3091FF;
				color: #fff;
				display: inline-block;
				text-align: center;
				width: 230px;
				height: 49px;
				line-height: 49px;
				border-radius: 25px;
			}

			.btn_list {
				position: absolute;
				width: 454px;
				right: 86px;
				bottom: 26px;
				height: 10px;
				z-index: 10;
				cursor: pointer;
			}

			.btn_list span {
				display: inline-block;
				width: 58px;
				height: 4px;
				background: #b6d8f7;
				margin: 0 1px;
				cursor: pointer;
			}

			.btn_list span:first-child {
				background: #078afe;
			}

			.btn_list span:hover {
				background: #078afe;
			}
			.banner-text{
			    margin: 0 auto;
			    width: 1250px;
			    color: #000E45;
			    padding-top: 80px;
			}
			
			.banner-text p strong{
			    font-size: 48px;
			}
			
			.banner-text h2{
			    font-size: 36px;
			    font-weight:bolder;
			}
			
			.banner-text p{
			    font-size: 24px;
			    padding-top: 50px;
			}
			.banner-text p a{
			    color: #000;
			    background: #fff;
			    padding: 5px 15px;
			    border-radius:5px;
			    font-size: 18px;
			}
			.banner-text p a:hover{
			    color: #fff;
			    background: red;
			    padding: 5px 15px;
			    border-radius:5px;
			}