@charset "utf-8";
/* CSS Document */
.ys-banner {
	width:100%;
	min-width:1200px;
	height:auto;
	overflow:hidden;
}
.swiper-pagination-bullet {
	width:13px;
	height:13px;
	cursor:pointer;
}
.swiper-pagination-bullet-active {
	background:#fcd201;
}
.ys-wecando {
	width:100%;
	min-width:1200px;
	height:710px;
	overflow:hidden;
}
.ys-wecando .wecando {
	width:1200px;
	height:710px;
	margin:0px auto;
	overflow:hidden;
}
.ys-wecando .wecando-topic {
	text-align:center;
	margin:70px auto 0px auto;
	overflow:hidden;
}
.ys-wecando .wecando-title {
	height:50px;
	line-height:50px;
	text-align:center;
	color:#000;
	font-size:28px;
}
.ys-wecando .wecando-font {
	text-align:center;
	color:#666;
}
.ys-wecando .wecando-main {
	width:1200px;
	height:405px;
	margin:50px auto 0px auto;
	overflow:hidden;
	cursor:pointer;
}
.ys-wecando .wecando-div {
	width:300px;
	height:405px;
	float:left;
	border:solid 2px #fff;
	border-right:dashed 1px #ddd;
	overflow:hidden;
}
.ys-wecando .wecando-pic {
	width:300px;
	height:179px;
	margin:22px auto 30px auto;
	text-align:center;
	overflow:hidden;
}
.ys-wecando .wecando-pic img {
	cursor:pointer;
}
.ys-wecando .wecando-ftopic {
	width:178px;
	height:20px;
	line-height:20px;
	font-size:17px;
	text-align:center;
	color:#000;
	margin:0 auto 20px auto;
}
.ys-wecando .wecando-entopic {
	width:178px;
	text-align:center;
	line-height:180%;
	font-size:14px;
	color:#cecece;
	font-size:12px;
	margin:0 auto;
	word-wrap:break-word;
	height:20px;
	line-height:20px;
	overflow:hidden;
}
.ys-wecando .wecando-dl {
	width:150px;
	height:auto;
	margin:10px auto 0px auto;
	overflow:hidden;
}
.ys-wecando .wecando-dl dd {
	height:26px;
	line-height:26px;
	color:#666;
	font-size:13px;
}
.ys-case {
	width:100%;
	min-width:1200px;
	min-height:722px;
	overflow:hidden;
	background:#f2f2f2;
}
.ys-case .case {
	width:100%;
	min-width:1200px;
	min-height:722px;
	margin:0px auto;
	overflow:hidden;
}
.ys-case .case-topic {
	text-align:center;
	margin:70px auto 0px auto;
	overflow:hidden;
}
.ys-case .case-title {
	height:50px;
	line-height:50px;
	text-align:center;
	color:#0097e0;
	font-size:28px;
}
.ys-case .case-font {
	text-align:center;
	color:#666;
}
.ys-case .case-nav {
	width:100%;
	min-width:1200px;
	margin:0px auto;
	height:68px;
	margin:40px auto 0px auto;
	border-top:solid 1px #ddd;
}
.ys-case .case-nav ul {
	width:1200px;
	height:68px;
	margin:0px auto;
	text-align:center;
	display:block;
}
.ys-case .case-nav ul li {
	width:14%;
	height:68px;
	line-height:68px;
	text-align:center;
	display:inline-block;
	cursor:pointer;
	font-size:16px;
	color:#666;
	background:url(../images/li-bg.png) no-repeat right center;
}
.ys-case .case-nav ul li.selected {
	border-top:solid 1px #0097e0;
	top:-1px;
	position:relative;
	line-height:69px;
}
.ys-case .case-nav ul li:hover a, .ys-case .case-nav ul li.selected a {
	color:#0097e0;
}
.ys-case .case-nav ul li:last-child {
	background:none;
}
.ys-case .case-nav ul li a {
	color:#666;
}
.ys-case .case-nav ul li:hover a {
	color:#0097e0;
}
.ys-case .case-main {
	width:100%;
	min-width:1200px;
	min-height:248px;
	max-height:720px;
	margin:0px auto 20px auto;
	overflow:hidden;
}
.ys-case .case-div {
	width:25%;
	max-height:360px;
	overflow:hidden;
	float:left;
	position:relative;
}
.ys-case .case-pic {
	width:100%;
	max-height:300px;
	overflow:hidden;
	margin:0px auto;
}
.ys-case .case-name {
	width:327px;
	height:60px;
	overflow:hidden;
	background:#fff;
	text-align:center;
	font-size:15px;
	color:#000;
	line-height:60px;
}
.ys-case .case-keyword {
	width:327px;
	height:50px;
	line-height:50px;
	position:absolute;
	bottom:60px;
	background:url(../images/black80.png) repeat 0 0;
	color:#fff;
	text-align:left;
	text-indent:2em;
	overflow:hidden;
	display:none;
}
.ys-news {
	width:100%;
	min-width:1200px;
	height:783px;
	overflow:hidden;
	background:url(../images/new-bg.jpg) repeat 0 0;
}
.ys-news .news {
	width:1200px;
	height:870px;
	margin:0px auto;
	overflow:hidden;
}
.ys-news .news-topic {
	text-align:center;
	margin:70px auto 0px auto;
	overflow:hidden;
}
.ys-news .news-title {
	height:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	font-size:28px;
}
.ys-news .news-font {
	text-align:center;
	color:#fff;
}
.ys-news .news-main {
	width:1200px;
	height:640px;
	margin:10px auto 0px auto;
	overflow:hidden;
}
.ys-news .news-nav {
	width:1200px;
	height:36px;
	margin:30px auto 25px auto;
	text-align:center;
	overflow:hidden;
}
.ys-news .news-nav li {
	width:114px;
	height:34px;
	border:solid 1px #fff;
	text-align:center;
	line-height:34px;
	cursor:pointer;
	display:inline-block;
	margin-right:20px;
	font-size:16px;
	color:#fff;
	border-radius:18px;
}
.ys-news .news-nav li.selected, .ys-news .news-nav li:hover {
	background:#fdd000;
	color:#fff;
	border:solid 1px #fdd000;
}
.ys-news .news-nav li a {
	color:#fff;
}
.ys-news .news-nav li.selected a, .ys-news .news-nav li:hover a {
	color:#fff;
}
.ys-news .news-listmain {
	width:1200px;
	height:360px;
	margin:0px auto 20px auto;
	overflow:hidden;
	position:relative;
}
.ys-news .news-listmain div.loading {
	width:100%;
	height:355px;
	position:relative;
	background:rgba(255, 255, 255, .6) url(../images/load.gif) no-repeat center center;
	top:0;
	left:0;
	z-index:2;
	cursor:pointer;
	display:none;
}
.ys-news .news-list {
	width:1200px;
	height:360px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.ys-news .news-first {
	width:386px;
	height:355px;
	background:#fff;
	float:left;
	margin-right:20px;
}
.ys-news .news-first dl {
	margin:7px;
	overflow:hidden;
}
.ys-news .news-first dl dt {
	width:100%;
	height:206px;
	display:block;
	overflow:hidden;
}
/*
 * @author 日照云生网络(www.rzyunsheng.com)
 */
.ys-news .news-first dl dd.news-ftopic {
	height:50px;
	line-height:50px;
	width:330px;
	margin:0px auto;
	font-size:16px;
	color:#333;
	overflow:hidden;
}
.ys-news .news-first dl dd.news-ftopic a {
	color:#333
}
.ys-news .news-first dl dd.news-fintro {
	height:50px;
	line-height:27px;
	width:330px;
	margin:0px auto;
	color:#666;
	overflow:hidden;
}
.ys-news .news-first dl dd.news-ffoot {
	height:35px;
	line-height:35px;
	width:330px;
	margin:0px auto;
	color:#aaa;
}
.ys-news .news-first dl dd.news-ffoot span {
	margin-right:3px;
}
.ys-news .news-right {
	width:794px;
	height:357px;
	float:right;
	overflow:hidden;
}
.ys-news .news-right .news-div {
	width:386px;
	height:105px;
	background:url(../images/new-list.png) no-repeat top center;
	overflow:hidden;
	cursor:pointer;
	float:left;
	margin:0 20px 20px 0;
}
.ys-news .news-right .news-div:hover {
	background:url(../images/new-list.png) no-repeat bottom center;
}
.ys-news .news-right .news-div .news-calender {
	width:100px;
	height:106px;
	text-align:center;
	float:left;
}
.ys-news .news-right .news-div .news-calender b {
	font-size:28px;
	color:#fff;
	display:block;
	line-height:30px;
	height:30px;
	margin-top:25px;
}
.ys-news .news-right .news-div .news-calender span {
	color:#fff;
}
.ys-news .news-right .news-div .news-rmain {
	width:286px;
	float:left;
	height:106px;
	overflow:hidden;
}
.ys-news .news-right .news-div h2 {
	height:40px;
	line-height:54px;
	font-size:16px;
	font-weight:normal;
	overflow:hidden;
	width:263px;
	color:#333;
}
.ys-news .news-right .news-div p {
	height:46px;
	line-height:180%;
	overflow:hidden;
	color:#666;
	overflow:hidden;
	width:263px;
}
.ys-page {
	width:120px;
	height:50px;
	margin:0px auto 0px auto;
}
.ys-page .ys-previous {
	width:50px;
	height:50px;
	float:left;
	background:#fff url(../images/arrow-left.png) no-repeat center center;
	overflow:hidden;
	cursor:pointer;
	border-radius:2px;
	display:block;
	border:solid 1px #ddd;
}
.ys-page .ys-plist {
	width:92px;
	height:50px;
	float:left;
	background:#fff url(../images/th.png) no-repeat center center;
	overflow:hidden;
	cursor:pointer;
	border-radius:2px;
	margin-left:12px;
	display:block;
	border:solid 1px #ddd;
}
.ys-page .ys-next {
	width:50px;
	height:50px;
	float:right;
	background:#fff url(../images/arrow-right.png) no-repeat center center;
	overflow:hidden;
	cursor:pointer;
	border-radius:2px;
	display:block;
	border:solid 1px #ddd;
}
.ys-write .ys-plist:hover {
	background:#00a7ed url(../images/th-write.png) no-repeat center center;
}
.ys-write .ys-previous:hover {
	background:#00a7ed url(../images/arrow-left-white.png) no-repeat center center;
}
.ys-write .ys-next:hover {
	background:#00a7ed url(../images/arrow-right-white.png) no-repeat center center;
}
.ys-blue .ys-plist:hover {
	background:#0097e0 url(../images/th-write.png) no-repeat center center;
	border:solid 1px #0097e0;
}
.ys-blue .ys-previous:hover {
	background:#0097e0 url(../images/arrow-left-white.png) no-repeat center center;
	border:solid 1px #0097e0;
}
.ys-blue .ys-next:hover {
	background:#0097e0 url(../images/arrow-right-white.png) no-repeat center center;
	border:solid 1px #0097e0;
}
.ys-black .ys-previous {
	background:#333 url(../images/arrow-left-white.png) no-repeat center center;
}
.ys-black .ys-plist {
	background:#333 url(../images/th-write.png) no-repeat center center;
}
.ys-black .ys-next {
	background:#333 url(../images/arrow-right-white.png) no-repeat center center;
}
.ys-black .ys-previous:hover {
	background:#fdd100 url(../images/arrow-left.png) no-repeat center center;
}
.ys-black .ys-plist:hover {
	background:#fdd100 url(../images/th.png) no-repeat center center;
}
.ys-black .ys-next:hover {
	background:#fdd100 url(../images/arrow-right.png) no-repeat center center;
}
.ys-yellow .ys-previous {
	background:url(../images/arrow-left-white.png) no-repeat center center;
}
.ys-yellow .ys-plist {
	background:url(../images/th-write.png) no-repeat center center;
}
.ys-yellow .ys-next {
	background:url(../images/arrow-right-white.png) no-repeat center center;
}
.ys-yellow .ys-previous:hover {
	background-color:#fdd000;
	border:solid 1px #fdd000;
}
.ys-yellow .ys-plist:hover {
	background-color:#fdd000;
	border:solid 1px #fdd000;
}
.ys-yellow .ys-next:hover {
	background-color:#fdd000;
	border:solid 1px #fdd000;
}
.ys-casep div {
	border:none !important;
}
.ys-casep .ys-previous:hover {
	background:#0097e0 url(../images/arrow-left-white.png) no-repeat center center;
}
.ys-casep .ys-plist:hover {
	background:#0097e0 url(../images/th-write.png) no-repeat center center;
}
.ys-casep .ys-next:hover {
	background:#0097e0 url(../images/arrow-right-white.png) no-repeat center center;
}
.ys-knowledge {
	width:100%;
	min-width:1200px;
	height:815px;
	overflow:hidden;
	background:#fff;
}
.ys-knowledge .knowledge {
	width:1200px;
	height:795px;
	margin:0px auto;
	overflow:hidden;
}
.ys-knowledge .knowledge-topic {
	text-align:center;
	margin:70px auto 0px auto;
	overflow:hidden;
}
.ys-knowledge .knowledge-title {
	height:50px;
	line-height:50px;
	text-align:center;
	color:#0097e0;
	font-size:28px;
}
.ys-knowledge .knowledge-font {
	text-align:center;
	color:#666;
}
.ys-knowledge .knowledge-main {
	width:1200px;
	height:486px;
	margin:25px auto 0px auto;
	background:url(../images/knowledage-bg.png) no-repeat top center;
	overflow:hidden;
	position:relative;
}
.ys-knowledge .k-div {
	width:576px;
	height:123px;
	overflow:hidden;
	position:absolute;
	display:none;
}
.ys-knowledge .knowledge-ldiv .k-day {
	width:87px;
	height:115px;
	float:left;
	overflow:hidden;
	margin:4px auto 0 4px;
}
.ys-knowledge .knowledge-ldiv .k-right {
	width:462px;
	height:115px;
	float:left;
	margin:4px auto 0px auto;
	overflow:hidden;
}
.ys-knowledge .knowledge-rdiv .k-day {
	width:87px;
	height:115px;
	float:right;
	overflow:hidden;
	margin:4px auto 0 4px;
}
.ys-knowledge .knowledge-rdiv .k-right {
	width:462px;
	height:115px;
	float:left;
	margin:4px auto 0px 20px;
	overflow:hidden;
}
.ys-knowledge .k-day b {
	height:71px;
	width:84px;
	display:block;
	text-align:center;
	font-size:35px;
	color:#fff;
	line-height:71px;
}
.ys-knowledge .k-day span {
	height:44px;
	width:84px;
	display:block;
	text-align:center;
	font-size:12px;
	color:#999;
	line-height:44px;
}
.ys-knowledge .k-title {
	width:410px;
	height:55px;
	line-height:55px;
	font-size:16px;
	margin:0px auto;
	color:#333;
	overflow:hidden;
}
.ys-knowledge .k-intro {
	width:410px;
	height:40px;
	line-height:20px;
	font-size:12px;
	margin:0px auto;
	color:#666;
	overflow:hidden;
}
.ys-knowledge .knowledge-ldiv {
	width:576px;
	height:123px;
	background:url(../images/knowledage-divbg.png) no-repeat 0 -123px;
	cursor:pointer;
	overflow:hidden;
}
.ys-knowledge .knowledge-ldiv:hover {
	background:url(../images/knowledage-divbg.png) no-repeat 0 0;
}
.ys-knowledge .knowledge-rdiv {
	width:576px;
	height:123px;
	background:url(../images/knowledage-divbg.png) no-repeat 0 -369px;
	cursor:pointer;
	overflow:hidden;
}
.ys-knowledge .knowledge-rdiv:hover {
	background:url(../images/knowledage-divbg.png) no-repeat 0 -246px;
}
.ys-parnter {
	width:100%;
	min-width:1200px;
	height:723px;
	overflow:hidden;
	background:#f2f2f2;
}
.ys-parnter .parnter {
	width:1200px;
height:height:723px;
	margin:0px auto;
	overflow:hidden;
}
.ys-parnter .parnter-topic {
	text-align:center;
	margin:70px auto 0px auto;
	overflow:hidden;
}
.ys-parnter .parnter-title {
	height:50px;
	line-height:50px;
	text-align:center;
	color:#0097e0;
	font-size:28px;
}
.ys-parnter .parnter-font {
	text-align:center;
	color:#666;
}
.ys-parnter .parnter-table {
	width:1200px;
	height:423px;
	overflow:hidden;
	margin:45px auto 0px auto;
	cursor:pointer;
	position:relative;
}
.ys-parnter .parnter-div {
	width:144px;
	height:165px;
	position:absolute;
	left:0;
	top:0;
	background:url(../images/l-img.png) no-repeat center center;
	overflow:hidden;
	display:none;
}
.ys-parnter .parnter-div .parnter-mask {
	width:144px;
	height:165px;
	background:url(../images/logo-mask.png) no-repeat center center;
	overflow:hidden;
	display:none;
	text-align:center;
	line-height:165px;
	color:#fff;
}
.ys-parnter .parnter-div .parnter-img {
	width:144px;
	height:165px;
	background:url(../images/ll.png) no-repeat center center;
}
.ys-contact {
	width:100%;
	min-width:1200px;
	height:302px;
	background:#0097e0;
	overflow:hidden;
}
.ys-contact .contact {
	width:100%;
	height:302px;
	margin:0px auto;
	overflow:hidden;
}
.ys-contact .contact-topic {
	text-align:center;
	margin:70px auto 0px auto;
	overflow:hidden;
}
.ys-contact .contact-title {
	height:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	font-size:28px;
}
.ys-contact .contact-font {
	text-align:center;
	color:#fff;
}
.ys-contact .contact-tel {
	width:603px;
	height:90px;
	margin:15px auto 0px auto;
	text-align:center;
	cursor:pointer;
}
.ys-contact .contact-tool {
	width:100%;
	height:80px;
	line-height:80px;
	color:#fff;
	overflow:hidden;
	border-top:solid 1px #49b2e5;
	margin:50px auto 0px auto;
}
.ys-contact .contact-tool-main {
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:0px auto;
}
.ys-contact .tool-tel {
	float:left;
	margin-right:49px;
}
.ys-contact .tool-skill {
	float:left;
	margin-right:49px;
}
.ys-contact .tool-address {
	float:left;
}
.ys-contact .tool-code {
	float:right;
}
.ys-map {
	height:462px;
	width:100%;
	min-width:1200px;
	margin:0px auto;
	position:relative;
	overflow:hidden;
}
.ys-map .map {
	height:462px;
	width:100%;
	min-width:1200px;
	margin:0px auto;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.ys-map .ys-mask {
	height:462px;
	width:100%;
	min-width:1200px;
	position:absolute;
	z-index:2;
	background:url(../images/black-bg.png) repeat 0 0;
	left:0;
	top:0;
	cursor:pointer;
	overflow:hidden;
}
.ys-map .ys-more {
	width:63px;
	height:63px;
	line-height:63px;
	text-align:center;
	color:#fff;
	border-radius:50%;
	position:absolute;
	z-index:3;
	background:url(../images/black-bg.png) repeat 0 0;
	right:10px;
	top:10px;
	cursor:pointer;
	border:solid 1px #666;
	overflow:hidden;
}
.ys-map .ys-more:hover {
	background:#000;
}
.ys-links {
	width:100%;
	min-width:1200px;
	height:93px;
	background:#0097e0;
	overflow:hidden;
	border-bottom:solid 1px #49b2e5;
}
.ys-links .links {
	width:1200px;
	height:93px;
	margin:0px auto;
	overflow:hidden;
	line-height:93px;
}
.ys-links .links a {
	color:#fff;
	text-align:center;
	display:inline-block;
	margin:0 5px 0 5px;
}
.ys-links .links a:hover {
	color:#fdd000;
}
/*
 * @author 日照云生网络(www.rzyunsheng.com)
 */