ul{padding-left:0px;}
li{list-style:none;}
.fl{float:left;}
.fr{float:right;}

.yunyingbg{background-color:#f2f2f2;}
.con_list{margin:40px 0;}
.con_list li{width:23.5%;margin-right:2%;float:left;text-align:center;background-color:#fff;position:relative;padding:40px 25px 0 25px;text-align:center;position:relative;}
.con_list li:nth-child(4){margin-right:0%;}
.con_list li .txt,.con_list li .pic{position:relative;z-index:3;}
.con_list li .pic img{position:relative;z-index:3;}
.con_list li .txt p{font-size:18px;font-weight:bold;margin-top:20px;}
.con_list li .txt p:after{content:"";display:block;width:43px;height:3px;margin:0 auto;margin-top:20px;margin-bottom:20px;background-color:#10bddc;}
.con_list li .txt i{font-style:normal;font-size:14px;color:#666;line-height:24px;display:block;padding-bottom:40px;}
.con_list li .bgc{position:absolute;display:block;width:100%;height:7px;background-color:#10bddc;left:0px;bottom:0px;}
.con_list li:nth-child(2) .bgc{background-color:#f08282;}
.con_list li:nth-child(2) .txt p:after{background-color:#f08282;}
.con_list li:nth-child(3) .bgc{background-color:#ed9d57;}
.con_list li:nth-child(3) .txt p:after{background-color:#ed9d57;}
.con_list li:nth-child(4) .bgc{background-color:#6fddb5;}
.con_list li:nth-child(4) .txt p:after{background-color:#6fddb5;}

.con_list li:hover{cursor:pointer;}
.con_list li:hover .bgc{bottom:0px;height:100%;transition:all 0.45s;z-index:1;}
.con_list li:hover .txt p:after{background-color:#fff;}
.con_list li:hover .txt i{color:#fff;}


.server .fl,.server .fr{width:50%;}
.server p{margin-bottom:0px;}
.first{margin-top:40px;}
.third{margin-bottom:40px;}
.first .fl img,.second .fr img,.third .fl img{width:100%;}
.first .fr,.second .fl,.third .fr{padding:47px 45px 52px 55px;box-shadow:0 0 20px #e8e8e8;}
.first .fr:hover,.second .fl:hover,.third .fr:hover{background-color:rgba(16,189,220,.6);cursor:pointer;}
.step_t{margin-bottom:40px;}
.first .fr p,.second .fl p,.third .fr p{font-size:16px;color:#666;line-height:32px;}

.yunyingbg2{background:url("../../../nimg/yunying/yunying_bg.png") no-repeat center center ;background-size:cover; }
.font_f h2,.font_f{color:#fff;}
.tg_list{margin:40px 0;}
.tg_list li{width:23.5%;margin-right:2%;float:left;background-color:#fff;border-radius:5px;padding:30px;text-align:center;margin-bottom:20px;}
.tg_list li:nth-child(4n){margin-right:0%;}
.tg_list li .pic p img{transform:rotateY(0deg);transition:all 0.45s;}
.tg_list li .txt p{font-size:24px;color:#343434;}
.tg_list li .txt i{font-size:16px;color:#343434;font-style:normal;line-height:26px;display:block;}
.tg_list li:hover{cursor:pointer;}
.tg_list li:hover .pic p img{transform:rotateY(180deg);transition:all 0.45s;}
.tg_list li:hover .txt i{color:#10bddc;}


.yunyingbg3{background-color:#f7f8fa;}
.cases_list{margin:40px 0;}
.cases_list li{width:31.6%;margin-right:2.6%;float:left;}
.cases_list li:nth-child(3){margin-right:0%;}
.cases_list li p{margin-bottom:0px;}
.cases_list li .pic img{width:100%;}
.cases_list li .txt{background-color:#fff;padding:35px 30px;padding-bottom:0px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.cases_list li .txt p{font-size:18px;margin-bottom:20px;position:relative;top:0;}
.cases_list li .txt i{font-size:16px;color:#666;line-height:24px;font-style:normal;display:block;padding-bottom:20px;border-bottom:1px solid #e8e8e8;position:relative;top:0;}
.cases_list li .txt .num dl{display:inline-block;width:33%;float:left;text-align:center;margin:20px 0;}
.cases_list li .txt .num dl dt{font-size:16px;color:#3ebcc7;font-family:Arial;margin-bottom:8px;}
.cases_list li .txt .num dl dd{font-size:14px;color:#999;}
.cases_list li:hover{cursor:pointer;}
.cases_list li:hover .txt p,.cases_list li:hover .txt i{top:-2px;transition:all 0.8s;}
.cases_list li:hover .txt i{color:#00C2DE;}
.cases_list li:hover .txt .num dl dt{transform:scale(1.1);transition:all 0.45s;}


@media screen and (max-width:1200px){
	.first .fr, .second .fl, .third .fr{padding:28px;}
	.step_t {margin-bottom:20px;font-size:20px;}
	.first .fr p, .second .fl p, .third .fr p{font-size:14px;}
}


@media screen and (max-width:993px){
	.first .fr, .second .fl, .third .fr{padding:13px;}
	.step_t{margin:5px 0;font-size:16px;}
	.first .fr p, .second .fl p, .third .fr p{line-height:18px;}
}
@media screen and (max-width:768px){
	.con_list,.tg_list,.cases_list{margin:20px 0;}
	.first{margin-top:20px;}
	.third{margin-bottom:20px;}
	.con_list li:nth-child(n){width:49%;margin-right:2%;padding: 15px 12px 0 12px;}
	.con_list li:nth-child(2n){margin-right:0%;margin-bottom:15px;}
	.con_list li .txt p{font-size:16px;}
	.server .fl, .server .fr{width:100%;}
	.step_t{margin:20px 0;}
	.first .fr p, .second .fl p, .third .fr p{line-height:24px;}
	.tg_list li:nth-child(n){width:49%;margin-right:2%;padding:15px;}
	.tg_list li:nth-child(2n){margin-right:0%;}
	.tg_list li .txt p{font-size:16px;}
	.tg_list li .txt i{font-size:14px;line-height: 20px;}
	.cases_list li{width:100%;margin-bottom:20px;}
	.cases_list li .txt{ padding: 25px 10px;}
	.cases_list li .txt .num dl dd{font-size:12px;}
	.con_list li .txt p:after{margin: 15px auto}
	.con_list li .txt i{min-height: 135px}
}