@charset "utf-8";
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.dede_pages {

	text-align: center;

	display: block;

	width: 100%;

	max-width: 800px;

	margin: 0px auto 20px;

	overflow: hidden;

}

.dede_pages ul {

	padding: 9px 0px 9px 16px;

	text-align: center;

}

.dede_pages ul li {

	float: left;

	font-family: Tahoma;

	line-height: 28px;

	margin-right: 6px;

	padding: 0px 8px;

	list-style: none;

	border: 1px solid #ccc;

}

.dede_pages ul li select {

	height: 28px;

	width: 50px;

	line-height: 28px;

	text-align: center;

}

.dede_pages ul li a {

	float: left;

	color: #555;

	display: block;

	padding: 0px 8px;

	line-height: 28px;

}

.dede_pages ul li a:hover {

	color: #690;

	text-decoration: none;

	line-height: 28px;

	padding: 0px 8px;

}

.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {

	background-color: #F8F8F8;

	padding: 0px 8px 0px;

	font-weight: bold;

}

.dede_pages .pageinfo {

	line-height: 28px;

	padding: 12px 10px 12px 16px;

	color: #999;

}

.dede_pages .pageinfo strong {

	color: #555;

	font-weight: normal;

	margin: 0px 2px;

}

/* 中英文切换 */

.language {

	position: absolute;

	right: 10%;

	top: 25px;

	font-size: 12px;

	z-index: 100;

}

.language a {

	margin-left: 15px;

}

.language .language-ico {

	padding: 0 0 0 20px;

	background-repeat: no-repeat;

	background-position: left center;

}
.nycp{ overflow:hidden;}
.cp_t{ margin:30px auto; overflow:hidden; text-align:center;}
.cp_t p{ font-size:24px; font-weight:bold; color:#333; line-height:60px;}
.cp_t b{ height:3px;width:50px; background:#039; display:block; margin:0 auto;}
.cp_t span{ font-size:14px; color:#666; line-height:24px; padding-top:10px; display:block;}
.nycp_01{ background:#f5f5f5; padding:0 50px 10px 0; overflow:hidden;}
.nycp_01 .cp_nr{width:1300px; margin:0 auto;}
.nycp_02{ overflow:hidden;width:1300px; margin:0 auto 10px auto;}
.cp_a{ text-align:center; line-height:100px; font-size:16px;}

/*主导航菜单*/
.ys_menu{width:780px; float:right; z-index:9999; height:80px;}
#nav-menu{height:80px; margin-left:20px;}
#nav-menu .container{position:relative;z-index:99;}
#nav-menu .menu li{position:relative;float:left;display:inline;font-size:14px; line-height:80px;}
.menu_line{width:2px; background:url(../images/menu_line.jpg) no-repeat; height:39px;}
#nav-menu .menu li a.xialaguang{display:inline-block;color:#fff;font-family:"微软雅黑";font-size:16px; line-height:80px; width:80px; margin:0 10px;text-align:center;}
#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{color:#f00; border-bottom:3px solid #c70000;display:block;line-height:80px; height:77px;}
#nav-menu .menu ul.children{display:none;position:absolute;width:300px; height:auto;top:80px;background:#333; color:#000;border-top:0;line-height:normal; z-index:9999;}
#nav-menu .menu ul.children dl{ float:left;width:120px; padding-left:10px;}
#nav-menu .menu ul.children span{ float:right; padding:20px;}
#nav-menu .menu ul.children span img{width:120px; height:120px;}
#nav-menu .menu ul.children li{padding:0px;width:120px;font-size:14px;border-bottom:1px solid #666;}
#nav-menu .menu ul.children li h3{display:block; width:100%;}
#nav-menu .menu ul.children li a{width:100%;line-height:38px;overflow:hidden;display:block;color:#fff; font-family:"微软雅黑";text-align:center;text-decoration:none; font-size:14px;}
#nav-menu .menu ul.children li a:hover{text-decoration:none; color:#f00;}

.jsfw_t{ overflow:hidden; height:405px; margin-bottom:20px; background:#f5f5f5; padding-right:30px;}
.jsfw_t img{ float:left; padding-right:30px;}
.jsfw_t ul p{ font-size:22px;display:block; color:#1e1e1e; line-height:76px; padding-top:20px;}
.jsfw_t ul span a{ color:#fff; font-size:12px; display:inline-block;background:#0151b0; text-align:center;width:70px; height:22px;-moz-border-radius:12px; -webkit-border-radius:12px;border-radius:12px; line-height:22px;}
.jsfw_t ul dl{ color:#8b8b8b; font-size:14px; line-height:28px; margin-bottom:20px;}

.team_box{ overflow:hidden;}

section.business { margin-top:60px; margin-bottom:60px;
}

.business .box2 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.business .box2 ul.items {
	margin: 0 auto;

}

.business .box2 ul.items li {
	width: 280px;
	height: 300px;
	margin: 0 8px;
	background: url(../images/bg_green.png) no-repeat 0px 400px;
	overflow: hidden;
	display: inline-block;
}

.business .box2 ul.items li i {
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 43px;
	height: 69px;
}

.business .box2 ul.items li.pc i {
	width: 69px;
	background: url(../images/words.png) no-repeat -245px -357px;
}

.business .box2 ul.items li.mobi i {
	width: 64px;
	background: url(../images/words.png) no-repeat -416px -291px;
}

.business .box2 ul.items li.sys i {
	width: 76px;
	background: url(../images/words.png) no-repeat -415px -362px;
}

.business .box2 ul.items li.app i {
	width: 74px;
	background: url(../images/words.png) no-repeat -244px -439px;
}

.business .box2 ul.items li.host i {
	width: 79px;
	background: url(../images/words.png) no-repeat -420px -439px;
}

.business .box2 ul.items li u {
	display: block;
	position: absolute;
	width: 156px;
	height: 156px;
	margin-left:60px;
	background: url(../images/words.png) no-repeat 0px -363px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}

.business .box2 ul.items li u.cl {
	clip: rect(0px,156px,-10px,78px);
}

.business.active .box2 ul.items li u.cl {
	clip: rect(0px,156px,156px,78px);
}

.business .box2 ul.items li u.cr {
	clip: rect(156px,78px,156px,0px);
}

.business.active .box2 ul.items li u.cr {
	clip: rect(0px,78px,156px,0px);
}

.business .box2 ul.items li strong {
	display: block;
	margin-top: 70px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

.business .box2 ul.items li p {
	position: relative;
	top: 200px;
	color: White;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

.business .box2 ul.items li:hover {
	background-position: 0px 0px;
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}

.business .box2 ul.items li:hover i {
	-webkit-transition: all .5s ease-in-out .4s;
	-moz-transition: all .5s ease-in-out .4s;
	-ms-transition: all .5s ease-in-out .4s;
	-o-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}

.business .box2 ul.items li.pc:hover i {
	background: url(../images/words.png) no-repeat -168px -357px;
}

.business .box2 ul.items li.mobi:hover i {
	background: url(../images/words.png) no-repeat -337px -291px;
}

.business .box2 ul.items li.sys:hover i {
	background: url(../images/words.png) no-repeat -327px -362px;
}

.business .box2 ul.items li.app:hover i {
	background: url(../images/words.png) no-repeat -164px -439px;
}

.business .box2 ul.items li.host:hover i {
	background: url(../images/words.png) no-repeat -335px -439px;
}

.business .box2 ul.items li:hover u.cl {
	clip: rect(0px,156px,-10px,78px);
}

.business .box2 ul.items li:hover u.cr {
	clip: rect(156px,78px,156px,0px);
}

.business .box2 ul.items li:hover strong {
	color: White;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}

.business .box2 ul.items li:hover p {
	top: 20px;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;
}

.business .box2 label {
	display: block;
	margin: 0 auto;
	margin-top: -40px;
	width: 297px;
	height: 21px;
	background: url(../images/words.png) no-repeat 0px -333px;
}

section.cases {
	background: url(../images/wallpaper3.jpg);
}



	.box{width:22%; float:left; margin-right:4%;
		text-align: center;
		overflow: hidden;
		position: relative;
	}
	.box:last-child{ margin-right:0;}
	
	.box:before{
		content: "";
		width: 0;
		height: 100%;
		background: #000;
		padding: 14px 18px;
		position: absolute;
		top: 0;
		left: 50%;
		opacity: 0;
		transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
	}
	.box:hover:before{
		width: 100%;
		left: 0;
		opacity: 0.5;
	}
	.box img{
		width: 100%;
		height: auto;
	}
	.box .box-content{
		width:90%;
		padding:5% 5%;
		color: #fff;
		position: absolute;
		top: 38%;
		left: 0;
	}
	.box .title{
		font-size: 25px;
		font-weight: 600;
		line-height: 30px;
		text-transform: uppercase;
		margin: 0;
		opacity: 0;
		transition: all 0.5s ease 0s;
	}
	.box .post{
		font-size: 14px; line-height:24px;
		text-transform: capitalize;
		opacity: 0;
		transition: all 0.5s ease 0s;
	}
	.box:hover .title,
	.box:hover .post{
		opacity: 1;
		transition-delay: 0.7s;
	}
	.box .icon{
		padding: 0;
		margin: 0;
		list-style: none;
		margin-top: 15px;
	}
	.box .icon li{
		display: inline-block;
	}
	.box .icon li a{
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 50%;
		background: #f74e55;
		font-size: 20px;
		font-weight: 700;
		color: #fff;
		margin-right: 5px;
		opacity: 0;
		transform: translateY(50px);
		transition: all 0.5s ease 0s;
	}
	.box:hover .icon li a{
		opacity: 1;
		transform: translateY(0px);
		transition-delay: 0.5s;
	}
	.box:hover .icon li:last-child a{
		transition-delay: 0.8s;
	}
	@media only screen and (max-width:990px){
		.box{ margin-bottom: 30px; }
	}


	.box1{width:22%; float:left; margin-right:4%;
		text-align: center;
		overflow: hidden;
		position: relative;
	}
	.box1:last-child{ margin-right:0;}
	.box1:after{
		content: "";
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 69%, rgba(0, 0, 0, 0.76) 100%);
		position: absolute;
		top: 0;
		left: 0;
		transition: all 0.5s ease 0s;
	}
	.box1:hover:after{
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.09) 11%, rgba(0, 0, 0, 0.12) 13%, rgba(0, 0, 0, 0.19) 20%, rgba(0, 0, 0, 0.29) 28%, rgba(0, 0, 0, 0.29) 29%, rgba(0, 0, 0, 0.42) 38%, rgba(0, 0, 0, 0.46) 43%, rgba(0, 0, 0, 0.53) 47%, rgba(0, 0, 0, 0.75) 69%, rgba(0, 0, 0, 0.87) 84%, rgba(0, 0, 0, 0.98) 99%, rgba(0, 0, 0, 0.94) 100%);
	}
	.box1 img{
		width: 100%;
		height: auto;
	}
	.box1 .box-content{
		width: 90%;
		margin-bottom: -20px;
		position: absolute;
		bottom: 0; padding:0 5%;
		left: 0;
		z-index: 1;
	}
	.box1 .title{
		font-size: 22px; color:#fff;
		font-weight: 700;
		text-transform: uppercase;
		margin: 0 0 10px 0;
		transform: translateY(145px);
		transition: all 0.4s cubic-bezier(0.13, 0.62, 0.81, 0.91) 0s;
	}
	.box1 .post{
		display: block;
		padding: 8px 0;
		font-size: 15px; color:#fff;
		transform: translateY(145px);
		transition: all 0.4s cubic-bezier(0.13, 0.62, 0.81, 0.91) 0s;
	}
	.box1:hover .title,
	.box1:hover .post{
		transform: translateY(0);
	}
	.box1 .social{
		list-style: none;
		padding: 0 0 5px 0;
		margin: 40px 0 25px;
		opacity: 0;
		position: relative;
		transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
		transition: all 0.6s cubic-bezier(0, 0, 0.58, 1) 0s;
	}
	.box1:hover .social{
		opacity: 1;
		transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
	.box1 .social:before{
		content: "";
		width: 50px;
		height: 2px;
		background: #fff;
		margin: 0 auto;
		position: absolute;
		top: -23px;
		left: 0;
		right: 0;
	}
	.box1 .social li{
		display: inline-block;
	}
	.box1 .social li a{
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 50%;
		background: #f74e55;
		font-size: 20px;
		color: #fff;
		margin-right: 10px;
		transition: all 0.3s ease 0s;
	}
	.box1 .social li a:hover{
		background: #bea041;
	}
	.box1 .social li:last-child a{
		margin-right: 0;
	}
	@media only screen and (max-width:990px){
		.box1{ margin-bottom: 30px; }
	}
	
	
	

/*内页新闻*/
.information-box {
    padding: 40px 0 40px;
    color: #fff;
    background-size: 100% 100%;
}

.information-con {
    width: 1300px;
    margin: 0 auto;
}

.information-main {
    background: #fff;
}

.information-main-fl {
    width: 524px;
    overflow: hidden;
    float: left;
    height: 374px;
    position: relative;
}

.information-main-fr {
    width:776px;
    overflow: hidden;
    float: right;
    height: 384px;
}

.prev {
    display: block;
    position: absolute;
    z-index: 1;
    top: 45%;
    margin-top: -30px;
    left: 10%;
    z-index: 1;
    width: 40px;
    height: 60px;
    background: url(../style/images/icon-arrow.png) -126px -137px no-repeat;
    cursor: pointer;
}

.next {
    display: block;
    position: absolute;
    left: auto;
    right: 10%;
    top: 45%;
    margin-top: -30px;
    z-index: 1;
    width: 40px;
    height: 60px;
    background: url(../style/images/sign_in.png) no-repeat;
    cursor: pointer;
}

.information-main-back {
    background: #000;
    filter: Alpha(opacity=70);
    opacity: 0.7;
    position: absolute;
    z-index: 1;
    height: 60px;
    bottom: 0;
    width: 523px;
}

.information-main-text {
	height:60px;
	overflow:hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 523px;
    line-height: 60px;
    display: block;
    z-index: 2;
    text-align: left;
    margin-top: -20px;
    font-size: 18px;
    color: #fff;
}

.main-btn {
    padding: 10px 17px;
    margin-top: 11px;
    border: 1px solid #7d7d7d;
    line-height: 1;
    color: #fff;
    border: 1px solid #ddd;
    float: right;
    font-size: 16px;
}

.information-main-fl .bd ul li {
    position: relative;
}

.information-main-fr .hd ul {
    font-size: 16px;
}

.information-main-fr .hd ul li {
    float: left;
    cursor: pointer;
    list-style: none; font-size:18px;
    height: 60px;
    line-height: 60px;
    color: #666;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-top: 0;
    width: 175px;
    border-left: 0;
}

.information-main-fr .hd ul .on {
    color: #0151b0;
    border-top: 4px solid #0151b0;
    height: 57px;
    border-bottom: 0;
    line-height: 52px;
}

.information-main-fr .bd ul {
    color: #333;
    padding: 0 24px 0 32px;
}

.information-main-fr .bd ul li {
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 50px;
    text-align: left;
    list-style-type: disc;
}

.information-main-fr .bd ul li span {
	font-size:14px;
    float: right;
}

.information-main-fr .bd ul li a {
	font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 525px;
    float: left;
}

.information-main-fr .bd ul li a:hover {
    color: #0151b0;
}

.information-more {
    cursor: pointer;
    color: #f7a302;
    text-align: center;
    line-height: 34px;
    margin-top: 12px;
    font-size: 14px;
}

.information-more a {
    cursor: pointer;
    color: #f7a302;
    text-align: center;
    line-height: 34px;
    margin-top: 12px;
}

.information-more a:hover {
    color: #ff5e00;
}
.xwxw_e{}
.xwxw_e ul li{width:300px; float:left; margin:10px 32px 10px 0;}
.xwxw_e ul li:nth-child(4n){ margin-right:0;}
.xwxw_e ul li img{width:300px; height:225px;}
.xwxw_e ul li p{ font-size:16px; color:#333; line-height:38px; padding-top:10px;}
.xwxw_e ul li span{ font-size:14px; color:#999; line-height:20px;}