@charset "utf-8";
/* 轮播 */
.banner {
	position: relative;
	background: #020612;
	height: 400px;
}

.banner ul {
	list-style: none;
	background-color: #020612;
}

.banner ul li {
	position: absolute;
	width: 100%;
	height: 400px;
	left: 0;
	top: 0;
	display: none;
}

.banner ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.banner span {
	width: 60px;
	height: 60px;
	position: absolute;
	cursor: pointer;
	top: 145px;
}

.banner .btns {
	width: 1200px;
	background-color: #fff;
	margin: 0 auto;
	position: relative;
}

.banner .leftBtn {
	background: url(../../images/banner-l-btn.png);
	left: 6%;
}

.banner .rightBtn {
	background: url(../../images/banner-r-btn.png);
	right: 6%;
}

.banner .leftBtn,.banner .rightBtn {
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	top: 150px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.6;
}

.banner .leftBtn:hover,.banner .rightBtn:hover {
	opacity: 1;
}
/* floor */
.s-floor-top{
	padding-top:45px;
	text-align: center;
}
.s-floor-title{
	font-size:24px;
	color:#333;
}
.s-floor-subtitle{
	margin-top:20px;
	font-size:16px;
	color:#999;
}
.s-floor-cell{
	margin-top:30px;
}
.s-floor-cell ul{
	overflow: hidden;
}
.s-floor-cell li{
	float:left;
	width:300px;
	text-align: center;
	font-size:16px;
	color:#333;
	cursor:pointer;
	line-height: 48px;
}
.s-floor-cell li.jump{
	color:#e85744;
}
.s-floor-cell li img{
	display: inline-block;
	vertical-align: middle;
}
.s-floor-drop{
	background: #f5f5f6;
	display: none;
}
.drop-active{
	display: block;
}
.s-floor-drop ul{
	overflow: hidden;
	padding-top:20px;
	padding-bottom:42px;
	margin-left:-56px;
}
.s-floor-drop ul li{
	float:left;
	padding:18px;
	margin-top:2px;
}
.s-floor-drop{
	overflow:hidden;
}
.s-drop-l{
	width:400px;
	float:left;
	margin-top:35px;
}
.s-drop-r{
	float:right;
	width:800px;
}
.s-l-title{
	font-size:18px;
	color:#333;
	padding-bottom:15px;
}
.s-l-des{
	font-size:12px;
	color:#9b9ea0;
	padding-bottom:18px;
}
.s-drop-item{
	margin-bottom:40px;
}
.s-drop-item a{
	display:block;
	text-align:center;
	width:96px;
	line-height: 28px;
	font-size:12px;
	color:#333;
	border:1px solid #797e81;
}
.channel-new-icon{
	position:relative;
	right:-2px;
	top:-6px;
	display:inline-block;
	width:30px;
	height:13px;
	background: url("../../images/channelPage/channel_new_icon.png") no-repeat;
}
.s-drop-r-list li{
	width:336px;
	padding:15px 20px;
	line-height: 18px;
	text-align: left;
	font-size:14px;
	overflow:hidden;
	margin-left:56px;
}
.s-drop-r-list .s-r-des{
	color:#9b9ea0;
	font-size:12px;
}
.s-drop-r-main{
	float:left;
}
.s-drop-r-todetail{
	display:none;
	width:10px;
	height:36px;
	float:right;
	background: url("../../images/channelPage/channel_next_icon.png") no-repeat center;
}
/* floor two */
.s-floor-two{
	overflow:hidden;
	height:595px;
	background: url("../../images/channelPage/s_floo2_bg.png") center;
}
.s-floor-tl{
	float:left;
	width:230px;
	height:595px;
	background: #000;
	color:#fff;
	padding-top:22px;
}
.s-floor-tl li{
	padding:0 15px;
	transition: all .3s linear;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
}
.s-floor-tl-item{
	padding:20px 15px;
	border-bottom:1px solid #161718;
	height:52px;
}
.s-floor-tl .nav-active .s-floor-tl-item{
	border:0;
}
.s-floor-tl .nav-title{
	font-size:16px;
	cursor: pointer;
}
.s-floor-tl .nav-subtitle{
	font-size:14px;
	margin-top:12px;
	opacity:0.52;
	filter:aplha(opacity=52);
}

.s-floor-tl .no-border{
	border:0;
}
.s-floor-tl .nav-active{
	background: #e85744;
	padding-left:30px;
}
.s-floor-tr{
	float:left;
	width:810px;
	padding-left:160px;
	padding-top:80px;
	color:#fff;
}
.two-top-title{
	color:#fefefe;
	font-size:22px;
	line-height: 22px;
}
.s-floor-tr p{
	margin-top:25px;
	color:#c2c2c2;
	font-size:14px;
	line-height:25px;
}
.s-floor-two-top a{
	display: block;
	width:154px;
	height:34px;
	line-height: 34px;
	text-align: center;
	font-size:14px;
	color:#adaeaf;
	border:1px solid #7c7d7e;
	margin-top:45px;
}
.s-floor-two-top a:hover{
	color:#fff;
	background:#e85744;
	border-color:#e85744;
}
.s-floor-two-bottom{
	margin-top:100px;
}
.other-solutions{
	font-size:18px;
	color:#fefefe;
}
.s-floor-two-list{
	overflow:hidden;
	margin-left:-42px;
}
.s-floor-two-list li{
	float:left;
	margin-top:30px;
	height:36px;
	line-height: 34px;
	text-align: center;
	background: #222324;
	font-size:12px;
	color:#adaeaf;
	margin-left:42px;
}
.s-floor-two-list li a{
	width:148px;
	height:34px;
	display:block;
	border:1px solid #7c7d7e;
	color:#adaeaf;
	line-height: 34px;
	font-size:12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px
}
.s-floor-two-list li a:hover{
	color:#fff;
	background:#e85744;
	border-color:#e85744;
}
/*floor three*/
.s-floor-three{
	background: #f5f5f6;
	overflow:hidden;
	padding-bottom: 64px;
}
.s-three-box{
	background: #fff;
	margin-top:32px;
	padding:4px 22px;
	overflow: hidden;
}
.cloud-education{
	float:left;
	width:400px;
	padding:24px 0;
	text-align: center;
	font-size:20px;
	color:#333;
	cursor:pointer;
}
.cloud-medical{
	float:right;
	width:400px;
	padding:24px 0;
	text-align: center;
	font-size:20px;
	color:#333;
	margin-right:20px;
	cursor:pointer;
}
.three-nav{
	overflow:hidden;
	border-bottom:1px solid #eaeaea;
}
.s-three-box .slider{
	width:400px;
	border-top:2px solid #e85744;
	position:relative;
	top:-2px;
	left:0;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
}

.s-three-center{
	overflow:hidden;
}
.s-three-center-l{
	position:relative;
	float:left;
	padding-left: 100px;
	margin-top:40px;
}
.s-three-center-l .center-title{
	font-size:22px;
	color:#333;
}
.s-three-center-r{
	float:left;
}
.s-three-center-l p{
	width:580px;
	margin-top:22px;
	font-size:14px;
	color:#666;
	line-height:28px;
}
.s-three-center-l a{
	display:block;
	width:156px;
	height:34px;
	line-height: 34px;
	text-align: center;
	font-size:14px;
	color:#333;
	margin-top:32px;
	border:1px solid #999;
}
.s-three-center-l a:hover{
	color:#fff;
	background:#e85744;
	border-color:#e85744;
}
.s-three-center-r{
	margin-top:32px;
	margin-left:82px;
}
.s-three-center-r img{
	width:255px;
	height: 154px;
}

.s-three-bottom{
	margin-top:80px;
	padding-bottom:45px;
}
.s-three-bottom ul{
	overflow:hidden;
}
.s-three-bottom li{
	float:left;
	width:336px;
	overflow:hidden;
	padding-left:48px;
}
.s-three-bottom-l{
	float:left;
	margin-right:12px;
}
.s-three-bottom-l img{
	width:106px;
	height:65px;
}
.s-three-bottom-r{
	float:left;
	font-size:15px;
	color:#333;
}
.s-three-bottom-r a{
	display:block;
	padding-top:10px;
	font-size:14px;
	color:#666;
}
.main-title-style{
	display: block;
	width: 13em;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}
.s-three-bottom-r a:hover{
	color:#e85744;
}
/* floor four */
.s-floor-four-main{
	margin-top:100px;
}
.fine-solution-list{
	padding-left:1px;
}
.fine-solution-top{
	text-align: center;
	border-bottom:1px solid #eaeaea;
	padding-bottom:28px;
}
.fine-shop-name{
	font-size:16px;
	color:#666;
}
.fine-solution-top a{
	display: inline-block;
	color:#333;
	font-size:12px;
	padding:8px 24px;
	text-align: center;
	border:1px solid #999;
	margin-top:18px;
}
.fine-solution-content .cell-hide{
	margin-top:38px;
	font-size:14px;
	color:#333;
}
.fine-solution-list li{
	position:relative;
	top:0;
	float:left;
	width:236px;
	border:1px solid #eaeaea;
	padding:30px 25px;
	margin-left:-1px;
	-webkit-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);
	-moz-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);
	-ms-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);
	-o-transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);
	transition: top 0.4s cubic-bezier(0.28, -0.01, 0.41, 1);
}
.fine-solution-list li.active{
	position:relative;
	top:-70px;
	float:left;
	width:352px;
	border:1px solid #eaeaea;
	padding:0;
	margin-left:-20px;
	background: #fff;
	box-shadow: 0 0 20px #b7b7b7;
}
.fine-solution-list li.clearn{
	clear:both;
	float:inherit;
	padding:0;
	border:0;
}
.fine-solution-show{
	height:526px;
	background: #fff;
	position: relative;
	z-index: 9;
}
.fine-solution-top-show{
	background: #1e1e28;
	text-align: center;
	padding-top:15px;
	padding-bottom:12px;
}
.fine-solution-top-show .fine-shop-name{
	color:#fff;
}
.fine-solution-top-show a{
	display: inline-block;
	color:#fff;
	font-size:12px;
	padding:8px 24px;
	text-align: center;
	border:1px solid #797e81;
	margin-top:18px;
}
.fine-solution-top-show a:hover{
	color:#fff;
	background:#e85744;
	border-color:#e85744;
}
.fine-solution-show .cell{
	position:relative;
	padding:20px 0;
	overflow:hidden;
	border-bottom:1px solid #eaeaea;
	margin:0 25px;
	z-index:9999;
	background: #fff;
}
.fine-solution-show .cell-active{
	padding:20px 25px;
	overflow:hidden;
	border-bottom:1px solid #eaeaea;
	background: #f9f9f9;
}
.fine-solution-show .cell-l{
	float:left;
	font-size:14px;
	width:195px;
	overflow:hidden;
}
.fine-solution-show .cell-l .cell_title{
	width:195px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.fine-solution-show .cell-r{
	float:right;
	text-align: center;
}
.fine-solution-show .cell-l p{
	width:195px;
	font-size:12px;
	color:#999;
	line-height: 21px;
	margin-top:6px;
	height:40px;
	overflow: hidden;
}
.fine-solution-show .cell-r a{
	display: inline-block;
	color: #333;
	font-size: 12px;
	padding: 8px 24px;
	text-align: center;
	border: 1px solid #999;
	margin-top: 12px
}
.fine-solution-show .cell-r a:hover{
	color:#fff;
	background:#e85744;
	border-color:#e85744;
}
.cell-opacity-show{
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.cell-opacity-hide{
	opacity:0;
	filter:alpha(opacity=0);
}
.cell-opacity-hide{
	position:absolute;
	top:0;
	left:0;
}
.s-floor-last p{
	text-align: center;
	font-size: 22px;
	color:#333;
	line-height: 130px;
	background: #f2f2f2;
	height:130px;
}
.s-floor-last span{
	font-size: 30px;
}
.s-floor-cell .slider{
	position: relative;
	left: 0;
	top: 0;
	border-top:2px solid #e85744;
	width:300px;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
}
.s-three-medical{
	padding-left:100px;
	margin-top:62px;
	padding-bottom:35px;
}
.s-three-center-l .s-three-medical-btn{
	position:absolute;
	right:-350px;
	top:20px;
	display: block;
	width:156px;
	height:36px;
	background: #e9e9e9;
	color:#666;
	font-size:14px;
	border:none;
}
.s-three-center-l .s-three-medical-btn:hover{
	background: #e9e9e9;
	color:#666;
}
.subtitle-length{
	display: block;
	width: 27em;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.maintitle-length{
	display: block;
	width: 37em;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 22px;
}