@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)
 */
.corp-news {
	background: #ffffff;
	padding: 100px 0;
	font-family: "Microsoft YaHei", Arial;
}

.corp-news-inner {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	gap: 70px;
}

/* 左侧 */
.corp-news-left {
	width: 360px;
}

/* 标题区 */
.corp-news-title-box {
	position: relative;
	padding-left: 18px;
	margin-bottom: 30px;
}

.corp-news-title-box::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 4px;
	height: 60px;
	background: #0097e0;
}

.corp-news-sub {
	font-size: 12px;
	color: #F88C16;
	letter-spacing: 1px;
}

.corp-news-title-box h2 {
	font-size: 28px;
	color: #111;
	margin: 6px 0;
}

.corp-news-title-box p {
	font-size: 14px;
	color: #666;
	margin-bottom: 10px;
}

/* 查看更多按钮 */
.corp-news-more {
	display: inline-block;
	font-size: 16px;
	padding: 12px 26px;
	border: 1px solid #1a73e8;
	color: #1a73e8;
	text-decoration: none;
	border-radius: 30px;
	transition: all .3s;
	margin-bottom: 30px;
}

.corp-news-more:hover {
	background: #1a73e8;
	color: #fff;
}

/* ===== 右侧新闻列表样式 ===== */

.corp-news-right {
	flex: 1;
}

.corp-news-item {
	display: flex;
	align-items: center;
	padding: 22px 16px;
	margin-bottom: 18px;
	text-decoration: none;
	transition: all .3s ease;
	position: relative;
	border-radius: 10px;
	background: #ffffff;
	border: 1px solid #f5f5f5;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
}

/* 左侧装饰条 */
.corp-news-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 5px;
	height: 0;
	background: #0097e0;
	transition: all .3s;
	transform: translateY(-50%);
}

.corp-news-item:hover {
	transform: translateX(6px) scale(1.01);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
}

.corp-news-item:hover::before {
	height: 60%;
}

.news-date {
	width: 90px;
	text-align: center;
	color: #999;
	border-right: 1px solid #f0f3f7;
	margin-right: 20px;
}

.news-date strong {
	display: block;
	font-size: 22px;
	color: #222;
}

/* ===== 关键修复：保证文字区域正常 ===== */
.news-info {
	flex: 1;
}

.news-info h3 {
	font-size: 17px;
	color: #1e1e1e;
	margin-bottom: 10px;
}

.news-info p {
	font-size: 14px;
	color: #666;
}

/* ===== 轮播样式 ===== */

.corp-banner {
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	border-radius: 10px;
	margin-top: 20px;
	border: 1px solid #f0f0f0;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
}

.corp-banner-list {
	display: flex;
	height: 100%;
	transition: all .5s ease;
}

.corp-banner-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	flex-shrink: 0;

	pointer-events: none;
	user-drag: none;
	-webkit-user-drag: none;
}

/* 左右按钮 */
.corp-banner-prev,
.corp-banner-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	cursor: pointer;
	opacity: 0;
	transition: all .3s;
}

.corp-banner:hover .corp-banner-prev,
.corp-banner:hover .corp-banner-next {
	opacity: 1;
}

.corp-banner-prev {
	left: 10px;
}

.corp-banner-next {
	right: 10px;
}

/* 圆点 - 放在图片下方 */
.corp-banner-dots {
	margin-top: 10px;
	text-align: center;
}

.corp-banner-dots span {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #ddd;
	border-radius: 50%;
	margin: 0 4px;
	cursor: pointer;
}

.corp-banner-dots .active {
	background: #1a73e8;
}