@charset "utf-8";
/* CSS Document */

/*网校案例开始*/
.head-title{


top: 0;


left: 0;


right: 0;
}
.content{


padding: 65px 0;


background-color: #FAFAFA;
}
.w1200{


width: 1200px;


margin: 0 auto;
}
.f{


display: flex;
}
.top{


width: 100%;


height:380px;


background-image:url("../images/successcase/bj.png");
 }
.top .t{


width: 100%;


padding: 70px 0 72px 0;


/*border-bottom:1px solid #6cc5af ;*/
}
.top .t h1{


font-size:60px;


font-family:Source Han Sans CN;


font-weight:200;


color:rgba(255,255,255,1);
}
.top .t h3{


font-size:26px;


font-family:Source Han Sans CN;


font-weight:300;


line-height:44px;


color:rgba(255,255,255,1);
}
.top .desc{


padding: 29px 0 29px 0;


font-size:16px;


font-family:Source Han Sans CN;


font-weight:200;


line-height: 24px;


color:rgba(255,254,254,1);
}
.btns{


display: flex;
 }
.btns a{


display: block;


width:197px;


height:61px;


line-height: 61px;


text-align: center;


background:rgba(255,255,255,1);


border-radius:13px;


font-size:18px;


font-family:Microsoft YaHei;


font-weight:400;


color:rgba(62,178,150,1);
}
.btns a:last-child{


margin-left: 20px;


display: block;


width:193px;


height:57px;


line-height: 57px;


background-color: rgba(62,178,150,1);


border:2px solid rgba(255,255,255,1);


border-radius:13px;


font-size:18px;


font-family:Microsoft YaHei;


font-weight:300;


color:rgba(255,255,255,1);
}
.top .b{


/*margin-top: 96px;*/


width: 100%;


display: flex;


justify-content: center;


align-items: center;
}
.top .b img{


width: 77px;


height: 77px;
}
.middle{


width: 100%;


padding-top: 60px;


background-color: #FAFAFA;
}
.middle .l{


width: 240px;


background-color: #fff;


box-shadow:0px 0px 20px rgba(0,0,0,0.05);
}
.middle .l .title{


height:56px;


line-height: 56px;


background:rgba(62,178,150,1);


font-size:20px;


font-family:Microsoft YaHei;


font-weight:400;


color:rgba(255,255,255,1);


text-align: center;
}
.middle .l ul li{


height: 56px;


line-height: 56px;


font-size:16px;


font-family:Microsoft YaHei;


font-weight:400;


color:rgba(102,102,102,1);


cursor: pointer;


padding-left: 30px;
}
.middle .l ul li:hover{


font-size:16px;


font-family:Microsoft YaHei;


font-weight:400;


color:rgba(62,178,150,1);
}
.middle .r{


/*width: 848px;*/


margin-left: 30px;
}
.r .item{


display: flex;


background:rgba(255,255,255,1);


padding: 30px 20px 26px 31px;


border-bottom: 1px solid #F0F0F0;
}
.r .item .left{


width:218px;


height:132px;


background:rgba(255,255,255,1);


border:1px solid rgba(240,240,240,1);
}
.r .item .left img{


width:218px;


height:132px;
}
.r .item .right{


margin-left: 14px;
		width:100%;
}
.r .item .right h3{


font-size:18px;


font-family:Microsoft YaHei;


font-weight:400;


color:rgba(51,51,51,1);
}
.r .item .right p{


font-size:14px;


font-family:Microsoft YaHei;


font-weight:400;


line-height:26px;


color:rgba(102,102,102,1);
}
.r .item .right p span{


text-decoration:underline;
}
.r .item .right .buttons{


display: flex;
}
.r .item .right .buttons a{


display: block;


padding: 6px 13px;


text-align: center;


background:rgba(255,255,255,1);


border:1px solid rgba(204,204,204,1);


opacity:1;


border-radius:12px;
}
.r .item .right .buttons a:last-child{


margin-left: 12px;
}
.r .item .right .buttons a:nth-child(2){
	margin-left:12px;
}
.r .item .right .bt{


display: flex;


justify-content: flex-end;
}
.r .item .right .bt a{
		font-size:12px;
		font-family:Microsoft YaHei;
		font-weight:400;
		color:rgba(97,97,97,1);
		text-decoration:underline;
}
.r .item .right .bt a:last-child{
		color:rgba(62,178,150,1);
		margin-left: 20px;
		text-decoration:none;
}
.layui-tab-item{
		display: none;
}
/*  ttop*/
.r{


width:848px;


background:rgba(255,255,255,1);
}
.middle .r>.ttop{


border-bottom: 1px solid #F0F0F0;


display: flex;


padding: 36px 0 42px 30px;
}
.r .ttop .left{


width: 218px;


height: 132px;
}
.r .ttop .left img{


width: 218px;


height: 132px;
}
.r .ttop .right{


margin-left: 14px;
}
.r .ttop .right h3{


font-size:18px;


font-family:Microsoft YaHei;


font-weight:400;


color:rgba(51,51,51,1);


margin-bottom: 35px;
}
.r .ttop .right p{


font-size:14px;


font-family:Microsoft YaHei;


font-weight:400;


color:rgba(102,102,102,1);
}
.r .ttop .right p a{


color:rgba(102,102,102,1);
}
.r .desc{


border-bottom: 1px solid #F0F0F0;


padding: 40px 30px 30px 30px;
}
.title{


font-size:16px;


font-family:Microsoft YaHei;


font-weight:bold;


color:rgba(102,102,102,1);
}
.title .green{


display: inline-block;


width:3px;


height:14px;


background:rgba(62,178,150,1);


margin-right: 5px;
}
.desc .f{


margin-top: 20px;


font-size:14px;


font-family:Microsoft YaHei;


font-weight:400;


line-height:22px;


color:rgba(102,102,102,1);


text-align: justify;
}
.show{


padding:40px 30px ;
}
.swiper-container{


padding: 40px 0;


position: relative;
}
.swiperbox{


position: absolute;


background: url("../images/successcase/phone.png") no-repeat;


background-size: cover;


width: 274px;


height: 556px;


z-index: 2;


top: 50%;


left: 49.5%;


transform: translate(-50%, -50%);
}
.swiper-slide {


width: 244px;
}

.swiper-slide img{


width: 244px;
}
.swiper-slide-active,.swiper-slide-duplicate-active {


-webkit-transform: scale(1);


transform: scale(1);
}
.swiper-slide-prev{


-webkit-transform: scale(0.9);


transform: scale(0.9);


width: 244px;


height: 524px;


opacity: .5;
 }
.swiper-slide-next{


-webkit-transform: scale(0.9);


transform: scale(0.9);


width: 244px;


height: 524px;


opacity: .5;
}


.layui-show{
		display: block;
}
.layui-this{
		color:rgba(62,178,150,1) !important;
		position: relative;
}
.layui-this:before{


position: absolute;


top: 0;


left: 0;


content: '';


display: inline-block;


width: 3px;


height: 56px;


background-color: rgba(62,178,150,1) ;
}