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



.ys-case {
	width:100%;
	min-width:1200px;
	height:80px;
	border-bottom:solid 1px #e6e6e6;
	margin-bottom:35px;
}
.ys-case .case-menu {
	width:1200px;
	height:80px;
	margin:0px auto;
	overflow:hidden;
	text-align:center;
}
.ys-case .case-menu li {
	width:170px;
	height:80px;
	text-align:center;
	display:inline-block;
	margin:0px auto;
	line-height:80px;
	background:url(../images/li-bg.png) no-repeat right center;
}
.ys-case .case-menu li a {
	font-size:14px;
	color:#262626;
}
.ys-case .case-menu li a:hover {
	color:#00a7ed;
}
.ys-case .case-menu li.selected {
	border-bottom:solid 1px #00a7ed;
	position:relative;
	top:0px;
}
.ys-case .case-menu li.selected a {
	color:#00a7ed;
}
.ys-case .case-menu li:last-child {
	background:none;
}
.ys-tips-main {
	width:1200px;
	height:44px;
	margin:0px auto 35px auto;
	overflow:hidden;
	display:none;
}
.ys-tips {
	width:1145px;
	height:43px;
	border-top:dotted 1px #ccc;
	margin:0px;
	overflow:hidden;
	line-height:43px;
	color:#666;
	background-color:#f5f5f5;
	float:left;
}
.ys-tips span {
	margin:0 5px 0 10px;
}
.ys-tips a {
	color:#666;
}
.ys-tips a:hover {
	color:#00a7ed;
}
.ys-picture {
	width:42px;
	height:42px;
	text-align:center;
	line-height:45px;
	float:right;
	background:#f5f5f5;
	color:#666;
	border:dotted 1px #ccc;
	border-radius:2px;
	font-size:15px;
	margin-right:2px;
}
.ys-picture:hover {
	color:#fff;
	background:#00a7ed;
	border:solid 1px #00a7ed;
}
.ys-casediv {
	width:100%;
	min-width:1200px;
	min-height:675px;
	margin:0px auto 35px auto;
	overflow:hidden;
}
.ys-casediv .case {
	width:1200px;
	height:auto;
	margin:0px auto;
	overflow:hidden;
}
.ys-casediv dl.casediv {
	width:375px;
	height:430px;
	float:left;
	overflow:hidden;
	margin:0 36px 20px 0;
}
 .ys-casediv dl.casediv:nth-child(3n) {
 margin-right:0;
}
.ys-casediv dl.casediv dt {
	height:344px;
	width:375px;
	overflow:hidden;
	background:#fed9e1;
}
.ys-casediv dl.casediv dd.case-title {
	height:40px;
	line-height:48px;
	width:330px;
	overflow:hidden;
	margin:0px auto;
	font-size:14px;
}
.ys-casediv dl.casediv dd.case-title a {
	color:#333;
}
/*
 * @author 日照云生网络(www.rzyunsheng.com)
 */
.ys-casediv dl.casediv dd.case-title a:hover {
	color:#00a7ed;
}
.ys-casediv dl.casediv dd.case-tags {
	height:30px;
	line-height:20px;
	width:330px;
	overflow:hidden;
	margin:0px auto;
	color:#989898;
}
.ys-casediv .case-no {
	line-height:550px;
	text-align:center;
	font-size:25px;
	color:#666;
}
/* item style */



.ys-item-banner {
	width:100%;
	min-width:1200px;
	height:649px;
	background:url(../images/bg/item-bg.png) no-repeat top center;
}
.ys-itembanner-main {
	width:1200px;
	height:649px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
}
.ys-itembanner-main .ys-arrow-left-w {
	width:60px;
	height:60px;
	background:url(../images/arrow-icon-w.png) no-repeat top center;
	cursor:pointer;
	position:absolute;
	top:290px;
	z-index:3;
}
.ys-itembanner-main .ys-arrow-right-w {
	width:60px;
	height:60px;
	background:url(../images/arrow-icon-w.png) no-repeat bottom center;
	cursor:pointer;
	position:absolute;
	top:290px;
	right:0;
	z-index:3;
}
.ys-itembanner-main .ys-arrow-left-b {
	width:60px;
	height:60px;
	background:url(../images/arrow-icon-b.png) no-repeat top center;
	cursor:pointer;
	position:absolute;
	top:290px;
	z-index:3;
}
.ys-itembanner-main .ys-arrow-right-b {
	width:60px;
	height:60px;
	background:url(../images/arrow-icon-b.png) no-repeat bottom center;
	cursor:pointer;
	position:absolute;
	top:290px;
	right:0;
	z-index:3;
}
.phone-view {
	width:328px;
	height:545px;
	margin:105px auto 0px auto;
	background:url(../images/phone2.png) no-repeat top center;
	overflow:hidden;
	z-index:0;
	position:relative;
}
.phone-main {
	width:314px;
	height:480px;
	background:#fff;
	margin:64px auto 0px auto;
	overflow:hidden;
}
.ys-item-intro {
	width:100%;
	min-width:1200px;
	height:105px;
}
.ys-item-intromain {
	width:1200px;
	height:105px;
	margin:0px auto;
	position:relative;
}
.case-logo {
	float:left;
	height:105px;
	width:auto;
	margin-right:15px;
}
.case-logo img {
	margin:21px auto 0px auto;
}
.case-view {
	width:170px;
	height:55px;
	line-height:55px;
	text-align:center;
	font-size:18px;
	float:right;
	border-radius:4px;
	margin:25px auto 0px 0;
}
.case-left {
	width:770px;
	float:left;
}
.case-left .case-topic {
	font-size:18px;
	color:#000000;
	height:30px;
	line-height:30px;
	margin-top:24px;
}
.case-left .case-intro {
	color:#666;
	line-height:20px;
	margin-top:4px;
}
.case-qrcode {
	width:170px;
	height:170px;
	border:solid 1px #ddd;
	position:absolute;
	right:0;
	bottom:85px;
	background:#fff;
	border-radius:4px;
}
.case-qrcode img {
	width:160px;
	height:160px;
	margin:5px auto;
	display:block;
	overflow:hidden;
}
.ys-item-article {
	width:100%;
	min-width:1200px;
	height:auto;
	overflow:hidden;
	background:#f2f2f2;
}
.ys-item-article-main {
	width:1200px;
	min-height:430px;
	margin:0px auto;
	padding-bottom:70px;
}
.ys-item-article-main .item-title {
	line-height:50px;
	font-size:25px;
	margin-top:50px;
	text-align:center;
}
.ys-item-article-main .item-font {
	text-align:center;
	color:#999;
	font-size:14px;
}
.item-content {
	width:98%;
	height:auto;
	margin:33px auto;
}
.item-content p {
	line-height:220%;
	font-size:14px;
	color:#666;
}
.item-content img {
	display:block;
	margin:5px auto;
	overflow:hidden;
}
/*
 * @author 日照云生网络(www.rzyunsheng.com)
 */