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

.bg_f6{ background:#f6f7fa}

.n_stitle{ text-align:center;}
.n_stitle .big{ font-size:34px; color:#333333; line-height:50px;}
.n_stitle .small{ font-size:16px; color:#999999; line-height:26px;}


/*.n_solution_banner .fullSlide .bd li .pic{ width:481px; height:338px; margin-top:-168px; margin-left:50px;}*/
.n_solution_banner .fullSlide .bd li,.n_solution_banner .fullSlide,.n_solution_banner .fullSlide .bd li .bg{ height:506px;}


.yln_wisdom{ padding-top:52px; padding-bottom:88px;}
.yln_wisdom .wisdom_cont{ width:1029px; height:308px; background:#fcfdfe; margin:0 auto; margin-top:51px; padding:40px 34px 55px 34px;}
.yln_wisdom .wisdom_cont .w_info{ width:448px; margin-right:35px;}
.yln_wisdom .wisdom_cont .w_info .title{ font-size:28px; color:#333; padding-top:13px; padding-bottom:15px;}
.yln_wisdom .wisdom_cont .w_info ul li{ width:167px; height:40px; border:1px solid #f5f5f5;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px; padding:4px 5px; float:left; margin-right:45px; margin-top:30px;}
.yln_wisdom .wisdom_cont .w_info ul li .text{ line-height:40px; color:#333333; font-size:16px; margin-left:15px;}


.yln_upgrade{ padding-top:52px; padding-bottom:60px;}
.yln_upgrade .cont_w{ margin-top:82px; position:relative;}
.yln_upgrade .cont_w .n_pic{ margin-left:170px;}
.yln_upgrade .cont_w .n_fex{ position:absolute; font-size:0;}
.yln_upgrade .cont_w .n_fex .icon{ vertical-align:middle; color:#fff; width:83px; height:83px; text-align:center; line-height:83px; position:relative; -webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;background:rgba(1,187,247, 0.16) none repeat scroll 0 0 !important;filter:Alpha(opacity=16); background:#01bbf7; font-size:16px; font-weight:bold;}
.yln_upgrade .cont_w .n_fex .icon:after{ content:''; position:absolute; z-index:-1; top:50%; left:50%; margin-left:-27px; margin-top:-27px; width:54px; height:54px;background:#01bbf7;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;}
.yln_upgrade .cont_w .n_fex .text{ color:#333333; font-size:14px; line-height:19px; vertical-align:middle; margin-left:15px;}
.yln_upgrade .cont_w .n_fex.f1{ top:-33px; left:359px;}
.yln_upgrade .cont_w .n_fex.f2{ right:83px; top:100px;}
.yln_upgrade .cont_w .n_fex.f3 .icon{ width:45px; height:73px; line-height:normal; padding:28px 28px 0;}
.yln_upgrade .cont_w .n_fex.f3 .icon:after{ width:70px; height:70px;margin-left:-35px; margin-top:-35px;}
.yln_upgrade .cont_w .n_fex.f3 .text{ text-align:right; margin-left:0; margin-right:15px;}
.yln_upgrade .cont_w .n_fex.f3{ bottom:90px; left:21px;}



.yln_value{ text-align:center; padding-top:52px; padding-bottom:80px;}
.yln_value .value_cont ul{ font-size:0; margin-top:80px;}
.yln_value .value_cont ul li{ width:343px; background:#fff; height:380px; margin:0 43px;}
.yln_value .value_cont ul li .icon{ padding-top:45px;}
.yln_value .value_cont ul li .title{ color:#333333; font-size:18px; font-weight:bold; line-height:36px; padding-top:48px;}
.yln_value .value_cont ul li .text{ color:#333333; font-size:14px; line-height:23px; padding-top:10px;}


/*
.yln_system{ height:789px; position:relative; background:#2b3042;}
.yln_system .s_bg{ position:absolute;height:789px; width:100%; top:0;filter:alpha(opacity=12);-moz-opacity:0.12;opacity: 0.12; z-index:1;}
.yln_system .n_stitle{ padding-top:56px; padding-bottom:26px;}
.yln_system .n_stitle p{ color:#fff;}
.yln_system .n_stitle .small{ color:#7a8591;}
.yln_system .system_cont{ position:relative; z-index:2; width:1140px; margin:0 auto;}
.yln_system .system_cont .s_hd{background:rgba(26,32,54, 0.36) none repeat scroll 0 0 !important;filter:Alpha(opacity=36); background:#1a2036; text-align:center; padding:39px 0; }
.yln_system .system_cont .s_hd ul{font-size:0;}
.yln_system .system_cont .s_hd li{font-size:0; text-align:left; margin:0 40px; cursor:pointer;}
.yln_system .system_cont .s_hd li span{ vertical-align:middle; color:#fff;}
.yln_system .system_cont .s_hd li span .title{ font-size:18px; font-weight:bold;}
.yln_system .system_cont .s_hd li span .text{ font-size:12px; color:#999; padding-top:3px;}
.yln_system .system_cont .s_hd li span.info{ margin-left:15px;}
.yln_system .system_cont .s_hd li .icon{ width:70px; height:70px; overflow:hidden; position:relative;}
.yln_system .system_cont .s_hd li .icon img{ position:absolute; top:0; left:0;}
.yln_system .system_cont .s_hd li .icon img.colour{filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;}
.yln_system .system_cont .s_hd li.on img.colour{filter:alpha(opacity=1);-moz-opacity:1;opacity: 1;}
.yln_system .system_cont .s_hd li.on img.back{filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;}
.yln_system .system_cont .s_hd li.on p{ color:#05b1ea;}

.yln_system .system_cont .s_bd{ width:1000px; margin:0 auto; margin-top:50px;}
.yln_system .system_cont .s_bd .item {margin-bottom: 17px;}
.yln_system .system_cont .s_bd .item .title{ font-size:30px; color:#fff; font-weight:bold; line-height:40px; overflow:hidden;}
.yln_system .system_cont .s_bd .item .title .icon{ vertical-align:middle; margin-right:10px; margin-top:-7px;}
.yln_system .system_cont .s_bd .item .text{color:#c8c8c8;line-height:36px;font-size:14px;padding-top:9px;width: 432px;height: 81px;overflow: hidden;}

.yln_system .system_cont .s_bd .item .text .icon{ vertical-align:middle; margin-right:10px;}
.yln_system .system_cont .s_bd .item .text span{ margin-right:45px; margin-top:5px; margin-left:5px;}
.yln_system .system_cont .s_bd .btns a{ display:block; width:128px; border:1px solid #fff; line-height:38px; text-align:center; font-size:14px; color:#fff; margin-right:46px; -webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.yln_system .system_cont .s_bd .btns a.new{ background:#05b1ea; border-color:#05b1ea;}

.yln_scene{padding-bottom:100px; padding-top:50px;}
.yln_scene .scene_cont{ width:1240px; margin-top:70px;}
.yln_scene .scene_cont .li{ float:left; width:250px; height:373px; background:#fff; margin-right:40px; padding:10px;}
.yln_scene .scene_cont li .pic{ width:250px; height:150px; overflow:hidden; position:relative; background:#05b1ea;}
.yln_scene .scene_cont li .pic .icon{ position:absolute; top:50%; left:50%; margin-top:-35px; margin-left:-40px;}
.yln_scene .scene_cont li .pic .bg{filter:alpha(opacity=5);-moz-opacity:0.05;opacity: 0.05;}
.yln_scene .scene_cont li .title{ text-align:center; font-size:26px; line-height:36px; color:#333; padding-top:23px; padding-bottom:16px;}

.yln_scene .scene_cont li .list li{ float:left; font-size:16px; line-height:36px; color:#666666; background:url(../../images/new_yali/solution/new_solution/n_icon23.png) left center no-repeat; padding-left:20px; margin-bottom:7px; margin-left:15px; margin-right:18px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; width:70px;}

.yln_scene .scene_cont li:hover .icon{margin-top:-150px;}
.yln_scene .scene_cont li:hover .bg{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} */


.yln_system{ height:789px; position:relative; background:#2b3042;}
.yln_system .s_bg{ position:absolute;height:789px; width:100%; top:0;filter:alpha(opacity=12);-moz-opacity:0.12;opacity: 0.12; z-index:1;}
.yln_system .n_stitle{ padding-top:56px; padding-bottom:26px;}
.yln_system .n_stitle p{ color:#fff;}
.yln_system .n_stitle .small{ color:#7a8591;}
.yln_system .system_cont{ position:relative; z-index:2; width:1140px; margin:0 auto;}

.yln_system .system_cont .s_bd{margin-top:62px;}
.yln_system .system_cont .s_bd .right{ width:680px; margin-right:-130px; margin-top:30px;}
.yln_system .system_cont .s_bd .right ul li{ width:240px; float:left; margin-right:100px; font-size:0; margin-bottom:68px;}
.yln_system .system_cont .s_bd .right ul li span{ vertical-align:middle;}
.yln_system .system_cont .s_bd .right ul li .info{ margin-left:17px;}
.yln_system .system_cont .s_bd .right ul li .info .top{ color:#f6f7fa; font-size:18px; font-weight:bold; line-height:26px;}
.yln_system .system_cont .s_bd .right ul li .info .bottom{ color:#f6f7fa; font-size:14px; filter:alpha(opacity=68);-moz-opacity:0.68;opacity: 0.68; line-height:23px;}
.yln_system .system_cont .s_bd .btns{ margin-top:32px; text-align:center; font-size:0;}
.yln_system .system_cont .s_bd .btns a{ width:128px; border:1px solid #fff; line-height:38px; text-align:center; font-size:14px; color:#fff; margin-right:46px; -webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.yln_system .system_cont .s_bd .btns a.new{ background:#05b1ea; border-color:#05b1ea;}

.yln_scene{padding-top:50px;}
.yln_scene .scene_cont{ width:1320px; margin:0 auto; margin-left:-60px; padding-bottom: 57px; margin-top:-21px; }
.yln_scene .scene_cont ul{ text-align:center;font-size:0;}
.yln_scene .scene_cont ul li{ width:264px; display:inline-block;*display:inline; *zoom:1; text-align:center;vertical-align:top; position:relative; z-index:1; padding-top: 217px; overflow:hidden;}
.yln_scene .scene_cont ul li .icon{width:144px; height:144px; position:absolute; top: 73px; left:60px; z-index:1; }
.yln_scene .scene_cont ul li .icon img{width:144px; height:144px; position:relative; z-index:1; background-color:#f6f7fa; }
.yln_scene .scene_cont ul li .icon .biu{ position:absolute; z-index:-1; width:288px; height:288px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; background:#2a97f7;filter:alpha(Opacity=9);-moz-opacity:0.09;opacity:0.09;transform:scale3d(0.5, 0.5, 0.5);-webkit-transform:scale3d(0.5, 0.5, 0.5);left:-72px; top:-72px; }
.yln_scene .scene_cont ul li .icon:hover .biu{z-index:2;animation: point3 0.7s forwards;-moz-animation: point3 0.7s forwards;-webkit-animation: point3 0.7s forwards;-o-animation:point3 0.7s forwards;}
.yln_scene .scene_cont ul li .title{ color:#595961; font-size:17px; padding-top:25px; position:relative; z-index:999;}



/*开发流程*/
.yls_steplist{ padding-top:58px; padding-bottom:74px;}
.yls_steplist .steplist_cont{ margin-left:24px; margin-top:119px;}
.yls_steplist .steplist_cont li{ float:left; text-align:center; width:200px; height:242px; background:#fff; margin-right:30px; border:1px solid #eeeeee;}
.yls_steplist .steplist_cont li .img{ margin-top:29px;}
.yls_steplist .steplist_cont li .line{ background:#49cff9;filter:alpha(Opacity=46);-moz-opacity:0.46;opacity:0.46; width:33px; height:2px; margin:0 auto; margin-top:28px;}
.yls_steplist .steplist_cont li .text{ color:#333333; font-size:16px; padding-top:29px;}
.yls_steplist .steplist_cont .show_pic{ margin-right:12px; margin-top:-61px;}

.yls_steplist .steplist_cont li .img img{
-o-transform: perspective(800px) rotateY(0deg);
-webkit-transform: perspective(800px) rotateY(0deg);
-ms-transform: perspective(800px) rotateY(0deg);
transform: perspective(800px) rotateY(0deg);
-o-transition: transform 500ms ease-in-out;
-ms-transition: transform 500ms ease-in-out;
-webkit-transition: transform 500ms ease-in-out;
transition: transform 500ms ease-in-out;
}
.yls_steplist .steplist_cont li:hover .img img{
-o-transform: perspective(800px) rotateY(360deg);
-ms-transform: perspective(800px) rotateY(360deg);
-moz-transform: perspective(800px) rotateY(360deg);
-webkit-transform: perspective(800px) rotateY(360deg);
transform: perspective(800px) rotateY(360deg);
}
.yln_upgrade .cont_w_h5{
	display: none;
}
@media screen and (max-width:1200px) {
	.n_stitle .big{
		font-size: 20px;
		line-height: 1.2;
	}
	.n_stitle .small, .yln_wisdom .wisdom_cont .w_info .title{
		font-size: 13px;
	}
	.n_stitle .small{
		width: 90%;
		margin: 0 auto;
		margin-top: 10px;
		line-height: 1.2;
	}
	.yln_wisdom{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.yln_wisdom .wisdom_cont .w_info .title{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.yln_wisdom .wisdom_cont{
		width: 98%;
		height: auto;
		padding-left: 2%;
		padding-right: 0;
		padding-bottom: 0px;
		padding-top: 20px;
		margin-top: 0;
		background-color: #f6f7fa;
	}
	.yln_wisdom .wisdom_cont .w_pic.f_l{
		width: 32%;
		margin-top: 40px;
	}
	.yln_wisdom .wisdom_cont .icon.f_l{
		width: 40px;
		height: 40px;
	}
	
	.yln_wisdom .wisdom_cont .text.f_l{
		width:60%;
	}
	.yln_wisdom .wisdom_cont .w_info{
		width: 65%;
		margin-right: 0;
	}
	.yln_wisdom .wisdom_cont .w_pic>img, .yln_wisdom .wisdom_cont .icon.f_l img{
		width: 100%;
		height: auto;
	}
	.yln_wisdom .wisdom_cont .w_info ul li{
		overflow: hidden;
		width: 42%;
		margin-right: 2%;
		margin-top: 10px;
		height: 40px;
		background-color: #fff;
	}
	.yln_wisdom .wisdom_cont .w_info ul li .text{
		margin-left:5px;
		font-size: 14px;
		line-height: 40px;
	}
	.yln_upgrade, .yln_value, .yln_system .n_stitle{
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.yln_upgrade .cont_w{
		display: none;
	}
	.yln_upgrade .cont_w_h5{
		display: block;
		margin-top: 20px;
	}
	.yln_upgrade .cont_w_h5 img{
		width: 100%;
	}
	.yln_value .value_cont ul{
		margin-top: 20px;
	}
	.yln_value .value_cont ul li{
		width: 29%;
		margin: 0 1%;
		padding-bottom: 20px;
		height: auto;
	}
	.yln_value .value_cont ul li .icon{
		padding-top: 20px;
		width: 60%;
		height: auto;
		margin: 0 auto;
	}
	.yln_value .value_cont ul li .icon img{
		width: 100%;
		height: auto;
	}
	.yln_value .value_cont ul li .title{
		font-size: 14px;
		padding: 10px 10px 0 10px;
		line-height: 1.2;
	}
	.yln_value .value_cont ul li .text {
    display: none;
	}
	.yln_system{
		height: auto;
		padding-bottom: 20px;
	}
	.yln_system .s_bg{
		height: 500px;
	}
	.yln_system .system_cont{
		width: 100%;
	}
	.yln_system .system_cont .s_bd{
		margin-top: 0;
	}
	.yln_system .system_cont .s_bd .left img{
		width: 90%;
		height: auto;
		margin: 20px 5%;
	}
	.yln_system .system_cont .s_bd .right, .yln_system .system_cont .s_bd .left{
		width: 90%;
		margin: 0 5%;
	}
	.yln_system .system_cont .s_bd .right ul li{
		width:45%;
		margin-right: 5%;
		margin-bottom: 20px;
	}
	.yln_system .system_cont .s_bd .right ul li .info .top{
		font-size: 14px;
	}
	.yln_system .system_cont .s_bd .right ul li .info .bottom{
		display: none;
	}
	.yln_system .system_cont .s_bd .btns{
		margin-top: 0;
	}
	.yln_system .system_cont .s_bd .btns a{
		width: 40%;
		margin-right: 5%;
	}
	.yln_system .system_cont .s_bd .btns a:last-child{
		margin-right: 0;
	}
	.yln_scene{
		padding-top: 20px;
		overflow: hidden;
	}
	.yln_scene .scene_cont{
		width: 100%;
		margin: 20px 0;
		padding-bottom: 0;
	}
	.yln_scene .scene_cont ul li{
		width: 18%;
		margin: 0 1%;
		padding-top: 100px;
		margin-bottom: 15px;
	}
	.yln_scene .scene_cont ul li .icon {
	    width: 100%;
	    height: 50px;
	    top: 0;
	    left: 0;
	}
	.yln_scene .scene_cont ul li .icon img{
		width: 100px;
		height: 100px;
	}
	.yln_scene .scene_cont ul li .icon .biu, .yls_steplist{
		display: none;
	}
	.yln_scene .scene_cont ul li .title {
    	font-size: 12px;
    	padding-top: 10px;
	}
}

@media screen and (max-width:600px) {
	.yln_wisdom .wisdom_cont .icon.f_l {
	    width: 30px;
	    height: 30px;
	}
	.yln_wisdom .wisdom_cont .w_info ul li{
		height: 30px;
	}
	.yln_wisdom .wisdom_cont .w_info ul li .text {
	    line-height: 30px;
	    font-size: 10px;
	}
	.yln_scene .scene_cont ul li .icon img{
		width: 60px;
		height: 60px;
	}
	.yln_scene .scene_cont ul li{
		padding-top: 60px;
	}
}
@media screen and (max-width:320px) {
	.yln_wisdom .wisdom_cont .icon.f_l {
	    width: 20px;
	    height: 20px;
	}
	.yln_wisdom .wisdom_cont .w_info ul li{
		height: 20px;
	}
	.yln_wisdom .wisdom_cont .w_info ul li .text {
	    line-height: 20px;
	}
}