.nav_logo {
	overflow: hidden;
	height: 80px;
	background: #fff;
	padding-top: 20px;
}

.logo {
	float: left;
	width: 190px;
	height: 42px;
}

.logo img {
	width: 100%;
}

.gao_zhuan {
	width: 153px;
	height: 106px;
}


/*搜索框*/

.nav_logo .search {
	float: right;
}

form {
	position: relative;
	width: 470px;
	margin: 0 auto;
}

input,
button {
	border: none;
	outline: none;
}

.search {
	float: right;
}

#searchform {
	display: block;
	float: left;
}

.inp_srh {
	border: 1px solid #e8e8ed;
	float: left;
	background: #f5f6f7;
	display: inline;
	border-radius: 0;
	height: 38px;
	width: 380px;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 10px 0 0 10px;
}

.btn_srh {
	display: inline-block;
	width: 65px;
	height: 42px;
	background: url(http://www.bolan.rexun.cn/static/img/ico_search.png) no-repeat center center;
	background-size: 40%;
	vertical-align: middle;
	position: relative;
	top: 0;
	background-color: #015cb5;
	border-radius: 0 10px 10px 0;
	cursor: pointer;
}

.w1380 {
	width: 1200px;
	margin: auto;
}

input::-webkit-input-placeholder {
	color: #999;
	font-size: 14px;
}

input::-moz-placeholder {
	color: #999;
	font-size: 14px;
}

input:-moz-placeholder {
	color: #999;
	font-size: 14px;
}

input:-ms-input-placeholder {
	color: #999;
	font-size: 14px;
}


/*=====*/

.header {
	width: 100%;
	display: inline-block;
	background: #015cb5;
}

.nav ul.cons {
	list-style: none;
	margin: 0;
	overflow: hidden;
}

.nav ul.cons li {
	float: left;
}

.nav ul.cons li a {
	display: inline-block;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 16px;
	transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
}

.nav ul.cons li:hover a {
	text-decoration: none;
	color: #015cb5;
	background: #fff;
	border: 1px solid #015cb5;
}

.nav ul.cons li.active a {
	background: #fff;
	color: #015cb5;
	box-sizing: border-box;
	border: 1px solid #015cb5;
}

.ti,
.ti2 {
	text-align: center;
}

.ti img {
	/*width:320px;*/
	height: 75px;
	/*60*/
}

.ti2 img {
	width: 370px;
}

.ti-more {
	width: 51px!important;
	margin-top: 3px;
	height: 23px!important;
}

.ti-jujiao-link,
.ti-shizheng-link,
.ti-huodong-link,
.ti-keyan-link,
.ti-xueyuan-link,
.ti-wenjian-link,
.ti-tongzhi-link,
.ti-lianjie-link {
	font-size: 24px;
	text-align: center;
	display: inline-block;
	width: 100%;
	margin: 40px 0 20px;
	font-family: fangsong !important;
	color: #015cb5;
	font-weight: bold;
}

.ti-xueyuan-link {
	width: 290px;
	height: 75px;
	margin-bottom: 30px;
}

.ti-wenjian-link {
	width: 290px;
}

.fill {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
}

.fill img {
	width: 100%;
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
}

.fill_2 {
	background-position: center;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: '微软雅黑'!important;
}

.carousel-inner {
	height: 100%;
}

.carousel-caption-2 {
	position: absolute;
	bottom: 0px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(http://www.bolan.rexun.cn/static/img/mask1.png) 0 bottom repeat-x;
	/*overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/*-webkit-line-clamp: 2;*/
	padding-left: 15px;
	padding-right: 15px;
}

.carousel-caption-2 h6 {
	font-size: 14px!important;
}

.info-box-content a:hover span {
	color: #015cb5;
}

.info-box-content span,
.info-box-content a span {
	font-size: 22px;
	line-height: 40px;
	color: #000;
}

.new-r li {
	font-size: 15px;
	height: 38px;
	overflow: hidden;
	line-height: 38px;
}

.new-r li>a:hover {
	color: #015cb5;
}

.new-r li>a {
	color: #000;
}

.shizheng_li a {
	font-size: 16px;
	border-bottom: none;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	margin-bottom: 10px;
	color: #333;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.top_news_1,
.top_news_2 {
	margin-bottom: 24px;
}

.yaowen_ti {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

.yaowen_ti_1 {
	width: 52px;
	float: left;
	margin-right: 14px;
}

.yaowen_ti_2 {
	width: 96px;
}

.news_more {
	float: right;
	position: relative;
	top: 15px;
	right: 12px;
	font-size: 12px;
	font-style: italic;
	color: #807e7e;
	font-family: Arial!important;
}

.box_content {
	margin-top: 15px;
}

.notice-left li,
.notice-right li {
	margin-bottom: 36px;
	overflow: hidden;
}

.notice-left li a,
.notice-right li a {
	display: block;
}

.date {
	width: 77px;
	background: #1167BB;
	text-align: center;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: 20px;
	background: url('http://www.bolan.rexun.cn/static/img/tzgg_bj2.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

.date b {
	font-size: 16px;
}

.date span {
	font-size: 12px;
	padding-bottom: 7px;
	display: inline-block;
}

.noticeInf {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.noticeInf:hover h4 {
	color: #015cb5;
}

.noticeInf h4 {
	color: #333333;
	font-size: 16px;
	line-height: 24px;
}

.notice-des {
	color: red;
	background-color: yellow;
	position: absolute;
	bottom: 0px;
	font-size: 14px;
}

.zhuanti-con {
	padding: 20px 0;
	margin-top: 70px;
	background: url('http://www.bolan.rexun.cn/static/img/bg01.jpg');
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-repeat: cover;
}

.zhuanti-pic {
	width: 24%;
	float: left;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	height: 160px;
	overflow: hidden;
}

.stu-act-des,
.stu-act-des a div {
	font-size: 14px;
	color: #666;
	line-height: 26px;
}

.stu-act-des a:hover div {
	color: #015cb5;
}

.card-li {
	padding: 15px 0 0 0;
}

.card-li * {
	max-width: 100%;
}

.card-li:before {
	content: "";
	width: 15px;
	height: 15px;
	background-image: url('http://www.bolan.rexun.cn/static/img/cloud.png');
	background-size: cover;
	display: inline-block;
	float: left;
	margin: 8px 10px 0 0;
}

.card-title {
	display: block;
	color: #000;
}

.card-title h3 {
	font-size: 15px;
	line-height: 1.8;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.card-title h3 span {
	font-size: 12px;
	color: #808080;
	float: right;
	padding-right: 10px;
	margin-top: 5px;
}

.card-title:hover h3 {
	color: #015cb5;
}

.card-title+p {
	margin: 0 0 15px 0;
}

.card-title {
	font-size: 24px;
	margin-bottom: 10px;
}

.keyan-card {
	/* border:1px solid #666; */
	border-top: none;
	height: 180px;
}

.keyan-card-2 {
	height: 340px;
	/* border:1px solid #666; */
}

.keyan-li_bj {
	overflow: hidden;
	/*background: url('http://www.bolan.rexun.cn/static/img/tmp/zdjb.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px #ddd;
}

.keyan-li {
	float: left;
}

.keyan-li,
.keyan-li img {
	width: 100%;
}

.keyan-li img {
	height: 160px;
}

.keyan-img {
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: 50%!important;
	height: 160px;
}

.keyan-ti {
	margin: 15px 0;
	font-size: 16px;
	line-height: 25px;
}

.keyan-ti a {
	color: black;
}

.keyan-card-ti {
	margin: 0 5px;
	border-bottom: 1px solid #999;
	overflow: hidden;
}

.keyan-card-ti a {
	display: inline-block;
	margin: 10px 0;
}

.keyan-des-1 a {
	color: #999;
}

.keyan-ti a:hover,
.keyan-des-1 a:hover {
	color: #015cb5;
}

.keyan-des-1 {
	padding: 0px 5px 5px 5px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.keyan-time {
	font-size: 12px;
	color: #666;
	padding: 0px 5px 15px 5px;
}

.keyan-card-time {
	padding-top: 15px;
}

.video-con {
	padding: 40px 0 80px 0;
	margin-top: 100px;
	background: url('http://www.bolan.rexun.cn/static/img/bg02.jpg');
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-repeat: cover;
}

.video-box-thumb {
	width: 100%;
	height: 100%;
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-repeat: cover;
}

.video-box-thumb img {
	display: block;
	width: 100px;
	top: 50%;
	position: absolute;
	margin-top: -50px;
	left: 50%;
	margin-left: -50px;
}

.video-box-content {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.video-box-content span,
.video-box-content a span {
	font-size: 22px;
	color: #ddd;
}

.video-box-content a:hover span {
	color: #015cb5;
}

.video-box-content h6 {
	font-stretch: expanded;
	color: #015cb5;
	font-family: zhumo!important;
	font-size: 20px;
	margin-left: 10px;
}

.video-box-content p {
	font-size: 14px;
	color: #aaa;
	line-height: 26px;
	padding-top: 20px;
}

.video-indicat {
	bottom: auto!important;
	margin-left: 0;
	margin-top: 40px;
}

.carousel-indicators li {
	height: 5px;
	border-radius: 3px;
}

.coll-card {
	margin-top: 40px;
}

.coll-card a {
	color: #000;
}

.coll-card:hover>a img {
	transform: scale(1.5, 1.5);
	-ms-transform: scale(1.5, 1.5);
	/* IE 9 */
	-moz-transform: scale(1.5, 1.5);
	/* Firefox */
	-webkit-transform: scale(1.5, 1.5);
	/* Safari 和 Chrome */
	-o-transform: scale(1.5, 1.5);
	transition: .5s transform;
	-moz-transition: .5s transform;
	-webkit-transition: .5s transform;
	-o-transition: .5s transform;
}

.coll-card img {
	width: 100%;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transition: .5s transform;
	-moz-transition: .5s transform;
	-webkit-transition: .5s transform;
	-o-transition: .5s transform;
}

.coll-ti {
	width: 100%;
	background-color: #f6f6f6;
	font-size: 16px;
	padding: 15px 20px;
	height: 100px;
}

.coll-ti p {
	font-size: 12px;
	line-height: 20px;
	padding-top: 4px;
}

.art-ti {
	font-size: 24px!important;
}

.art-des {
	font-size: 14px;
}

.art-des a:hover {
	color: #015cb5;
}

.art-des a {
	color: #8C8C8C;
}

.col_img .carousel-inner {
	box-shadow: 3px 3px 5px #888;
}

.col-img-width {
	/*background: url('http://www.bolan.rexun.cn/static/img/tmp/xywh.png');*/
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 12px;
	padding-bottom: 12px;
}

.img_box_width {
	/*background: url('http://www.bolan.rexun.cn/static/img/tmp/xywh.png');*/
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 12px;
	padding-bottom: 12px;
}

h6 {
	font-size: 14px;
	font-family: "微软雅黑";
}

@media screen and (max-width:400px) {
	.ti-wenjian-link {
		width: 260px!important;
	}
}

@media (min-width: 576px) {
	h6 {
		font-size: 12px;
	}
	.shizheng_li {
		margin-bottom: 0px;
	}
}

@media (min-width: 768px) {
	h6 {
		font-size: 14px;
	}
}

.pop_load {
	display: inline-block;
	position: absolute;
	top: 35%;
	left: 50%;
	margin-left: -54px;
	text-align: center;
}

.pop_load img {
	-webkit-animation: poplogo 0.5s infinite alternate;
	animation: poplogo 0.5s infinite alternate;
}

.pop_load:after {
	content: "";
	width: 40px;
	height: 3px;
	background: #000;
	margin-left: 0px;
	filter: blur(3px);
	z-index: 100;
	display: inline-block;
	top: -50px;
	position: relative;
	border-radius: 50%;
	-webkit-animation: shadow 0.5s infinite alternate;
	animation: shadow 0.5s infinite alternate;
}

.pop_load .load_word {
	margin-top: 15px;
	font-size: 14px;
	color: #015cb5;
}

@-webkit-keyframes poplogo {
	0% {
		-webkit-transform: translateY(-40px);
	}
	100% {
		-webkit-transform: translateY(0px);
	}
}

@keyframes poplogo {
	0% {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@-webkit-keyframes shadow {
	0% {
		-webkit-transform: scale(1, 1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2, 1.2);
		opacity: 0.5;
	}
}

@keyframes shadow {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		opacity: 0.7;
	}
}

.yqlj_tb .yqlj_td {
	margin: 15px;
	padding-bottom: 4px;
	border-bottom: 1px dashed #aaa;
}

.yqlj_tb a h3:hover {
	color: #015cb5
}

#carouselExampleIndicators3 {
	border: 1px solid #ddd;
	box-shadow: 3px 3px 5px #888;
}

.shutter {
	overflow: hidden;
	position: relative;
}

.shutter-img {
	z-index: 1;
}

.shutter-img,
.shutter-img a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.shutter-img a {
	cursor: default;
}

.shutter-img a>img {
	width: 100%;
	height: 100%;
}

.shutter-img .created {
	overflow: hidden;
	position: absolute;
	z-index: 20;
}

.swiper-slide {
	width: 600px;
	height: 330px;
}

.swiper-slide img {
	width: 100%;
	height: 100%;
}

.swiper2 {
	position: relative;
	height: 300px;
}

.swiper2 .swiper-slide {
	height: 260px;
}

.swiper2 .swiper-slide p {
	display: none;
	position: absolute;
}

.swiper2 .swiper-slide-active p {
	display: block !important;
	text-align: center;
	font-size: 18px;
	color: #ddd;
	width: 100%;
	padding: 15px 0;
	height: 40px;
}

.banner_page {
	margin: 20px auto;
	left: 0;
	right: 0;
}

.banner_page span {
	margin: 0 10px;
}

h2 {
	text-align: center;
}

.swiper-pagination-bullet-active {
	width: 16px;
	border-radius: 8px;
}

.shipin_tu {
	background-size: contain;
	height: 280px;
	background-repeat: no-repeat;
	background-position: center;
}

.shipin_tu img {
	width: 100%;
	height: 100%;
}

.swiper-pagination-bullet-active {
	background: white;
	outline: none;
}

.shipin_ti {
	text-align: center;
	margin: 10px 0 40px 0;
}

.shipin_cnt_ti {
	text-align: center;
	font-size: 18px;
	color: #ddd;
	padding: 16px 30px 0 30px;
	height: 40px;
	overflow: hidden;
}

.shipin_bofang {
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	background: red;
}

.shipin_bofang img {
	width: 64px;
	margin-top: 108px;
}

.link_a {
	display: flex;
}

.link_a .link_logo {
	width: 26px;
	height: 26px;
}

.link_a .link_word {
	margin-left: 5px;
	margin-top: 3px;
}

.line_left {
	float: left;
}

.rczp_tb img {
	width: 15px;
	height: 15px;
	margin-top: 12px;
	float: left;
}

.rczp_tb a h3 {
	color: #000;
	font-size: 16px;
}

.rczp_tb a h3:hover {
	color: #015cb5
}

.rczp_tb a span {
	float: right;
	font-size: 12px;
	color: #808080;
	font-weight: normal;
	padding-top: 5px;
}

.rczp_td {
	margin-bottom: 30px;
	padding-bottom: 4px;
	border-bottom: 1px dashed #aaa;
	box-sizing: border-box;
}

.rczp_td:before {
	content: "";
	width: 15px;
	height: 15px;
	background-image: url('http://www.bolan.rexun.cn/static/img/cloud.png');
	background-size: cover;
	display: inline-block;
	float: left;
	margin: 8px 20px 0 0;
}

.rczp_td {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 768px) {
	.rczp_td {
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		max-width: 45%;
	}
}

.colTop {
	margin-bottom: 40px
}

.carousel-caption-3 {
	position: absolute;
	width: 200px;
	right: 15%;
	top: 17%;
}

.coll-card img {
	height: 100%;
	width: auto;
}

.coll-card {
	margin-top: 0px!important;
}

#loader-wrapper,
#loader-wrapper-3,
.loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1031;
	background-color: #F2F2F2;
}

#loader {
	display: inline-block;
	position: relative;
	top: 50%;
	left: 50%;
	margin: -58px 0 0 -56px;
	text-align: center;
}

#loader img {
	-webkit-animation: rotateplane 3s infinite linear;
	animation: rotateplane 3s infinite linear;
}

#loader .load_word {
	margin-top: 15px;
	font-size: 16px;
	color: #000;
}

@-webkit-keyframes rotateplane {
	0% {
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}
	20% {
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}
	40% {
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(360deg)
	}
	60% {
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(360deg)
	}
	80% {
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}
	100% {
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}
}

@keyframes rotateplane {
	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}
	20% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}
	40% {
		transform: perspective(120px) rotateX(0deg) rotateY(360deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(360deg)
	}
	60% {
		transform: perspective(120px) rotateX(0deg) rotateY(360deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(360deg)
	}
	80% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}
	100% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}
}


/* Izmir - ImageHover CSS LIbrary
  ----------------------------- */

.c4-izmir {
	--text-color: #ffffff;
	--primary-color: #00B4DB;
	--secondary-color: #0083B0;
	--padding: 1em;
	--transition-duration: 600ms;
	--border-margin: 15px;
	--border-width: 3px;
	--border-color: #ffffff;
	--border-radius: 3px;
	--image-opacity: 0.25;
	display: inline-flex;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0;
	padding: 0;
	color: #ffffff;
	color: var(--text-color);
	border-radius: 3px;
	border-radius: var(--border-radius);
}

.c4-izmir:before,
.c4-izmir:after,
.c4-izmir *,
.c4-izmir *:before,
.c4-izmir *:after {
	box-sizing: border-box;
	transition: all 600ms ease;
	transition: all var(--transition-duration) ease;
}

.c4-izmir figcaption {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 1em;
	padding: var(--padding);
	width: 100%;
	z-index: 1;
}

.c4-izmir img {
	width: 100%;
	height: 100%;
}

.c4-izmir h1,
.c4-izmir h2,
.c4-izmir h3,
.c4-izmir h4,
.c4-izmir h5,
.c4-izmir h6,
.c4-izmir p {
	margin-top: 0;
	color: #ffffff;
	color: var(--text-color);
}

.c4-izmir h1:last-child,
.c4-izmir h2:last-child,
.c4-izmir h3:last-child,
.c4-izmir h4:last-child,
.c4-izmir h5:last-child,
.c4-izmir h6:last-child,
.c4-izmir p:last-child {
	margin-bottom: 0;
}


/* c4-border-*
   ----------------------------- */

[class^='c4-border']:before,
[class^='c4-border']:after,
[class^='c4-border'] figcaption:before,
[class^='c4-border'] figcaption:after,
[class*=' c4-border']:before,
[class*=' c4-border']:after,
[class*=' c4-border'] figcaption:before,
[class*=' c4-border'] figcaption:after {
	background-color: #ffffff;
	background-color: var(--border-color);
	position: absolute;
	content: '';
}

[class^='c4-border']:before,
[class^='c4-border']:after,
[class*=' c4-border']:before,
[class*=' c4-border']:after {
	z-index: 1;
	height: 3px;
	height: var(--border-width);
	left: 15px;
	left: var(--border-margin);
	right: 15px;
	right: var(--border-margin);
	transform: scaleX(0);
}

[class^='c4-border']:before,
[class*=' c4-border']:before {
	top: 15px;
	top: var(--border-margin);
}

[class^='c4-border']:after,
[class*=' c4-border']:after {
	bottom: 15px;
	bottom: var(--border-margin);
}

[class^='c4-border'] figcaption,
[class*=' c4-border'] figcaption {
	z-index: 3;
}

[class^='c4-border'] figcaption:before,
[class^='c4-border'] figcaption:after,
[class*=' c4-border'] figcaption:before,
[class*=' c4-border'] figcaption:after {
	z-index: -1;
	width: 3px;
	width: var(--border-width);
	top: 15px;
	top: var(--border-margin);
	bottom: 15px;
	bottom: var(--border-margin);
	transform: scaleY(0);
}

[class^='c4-border'] figcaption:before,
[class*=' c4-border'] figcaption:before {
	left: 15px;
	left: var(--border-margin);
}

[class^='c4-border'] figcaption:after,
[class*=' c4-border'] figcaption:after {
	right: 15px;
	right: var(--border-margin);
}

[class^='c4-border'].hover:before,
[class^='c4-border'].hover:after,
[class^='c4-border'].hover figcaption:before,
[class^='c4-border'].hover figcaption:after,
[class^='c4-border']:hover:before,
[class^='c4-border']:hover:after,
[class^='c4-border']:hover figcaption:before,
[class^='c4-border']:hover figcaption:after,
[class^='c4-border']:focus:before,
[class^='c4-border']:focus:after,
[class^='c4-border']:focus figcaption:before,
[class^='c4-border']:focus figcaption:after,
 :focus>[class^='c4-border']:before,
 :focus>[class^='c4-border']:after,
:focus>[class^='c4-border'] figcaption:before,
:focus>[class^='c4-border'] figcaption:after,
[class*=' c4-border'].hover:before,
[class*=' c4-border'].hover:after,
[class*=' c4-border'].hover figcaption:before,
[class*=' c4-border'].hover figcaption:after,
[class*=' c4-border']:hover:before,
[class*=' c4-border']:hover:after,
[class*=' c4-border']:hover figcaption:before,
[class*=' c4-border']:hover figcaption:after,
[class*=' c4-border']:focus:before,
[class*=' c4-border']:focus:after,
[class*=' c4-border']:focus figcaption:before,
[class*=' c4-border']:focus figcaption:after,
 :focus>[class*=' c4-border']:before,
 :focus>[class*=' c4-border']:after,
:focus>[class*=' c4-border'] figcaption:before,
:focus>[class*=' c4-border'] figcaption:after {
	transform: scale(1);
}


/* c4-border-center
  ----------------------------- */


/* c4-border-vert
  ----------------------------- */

.c4-border-vert:before,
.c4-border-vert:after {
	transition-duration: 0s;
}

.c4-border-vert.hover:before,
.c4-border-vert.hover:after,
.c4-border-vert:hover:before,
.c4-border-vert:hover:after,
.c4-border-vert:focus:before,
.c4-border-vert:focus:after,
 :focus>.c4-border-vert:before,
 :focus>.c4-border-vert:after {
	transition-delay: 480ms;
}


/* c4-border-horiz
  ----------------------------- */

.c4-border-horiz figcaption:before,
.c4-border-horiz figcaption:after {
	transition-duration: 0s;
}

.c4-border-horiz.hover figcaption:before,
.c4-border-horiz.hover figcaption:after,
.c4-border-horiz:hover figcaption:before,
.c4-border-horiz:hover figcaption:after,
.c4-border-horiz:focus figcaption:before,
.c4-border-horiz:focus figcaption:after,
 :focus>.c4-border-horiz figcaption:before,
 :focus>.c4-border-horiz figcaption:after {
	transition-delay: 480ms;
}


/* c4-border-bottom
  ----------------------------- */

.c4-border-bottom:after {
	transition-delay: 480ms;
}

.c4-border-bottom:before,
.c4-border-bottom:after {
	transition-duration: 0s;
}

.c4-border-bottom figcaption:before,
.c4-border-bottom figcaption:after {
	transform-origin: 100% 100%;
}

.c4-border-bottom.hover:before,
.c4-border-bottom:hover:before,
.c4-border-bottom:focus:before,
 :focus>.c4-border-bottom:before {
	transition-delay: 480ms;
}

.c4-border-bottom.hover:after,
.c4-border-bottom:hover:after,
.c4-border-bottom:focus:after,
 :focus>.c4-border-bottom:after {
	transition-delay: 0s;
}


/* c4-border-top
  ----------------------------- */

.c4-border-top:before {
	transition-delay: 480ms;
}

.c4-border-top:before,
.c4-border-top:after {
	transition-duration: 0s;
}

.c4-border-top figcaption:before,
.c4-border-top figcaption:after {
	transform-origin: 0 0;
}

.c4-border-top.hover:after,
.c4-border-top:hover:after,
.c4-border-top:focus:after,
 :focus>.c4-border-top:after {
	transition-delay: 480ms;
}

.c4-border-top.hover:before,
.c4-border-top:hover:before,
.c4-border-top:focus:before,
 :focus>.c4-border-top:before {
	transition-delay: 0s;
}


/* c4-border-right
  ----------------------------- */

.c4-border-right:before,
.c4-border-right:after {
	transform-origin: 100% 100%;
}

.c4-border-right figcaption:after {
	transition-delay: 480ms;
}

.c4-border-right figcaption:before,
.c4-border-right figcaption:after {
	transition-duration: 0s;
}

.c4-border-right.hover figcaption:before,
.c4-border-right:hover figcaption:before,
.c4-border-right:focus figcaption:before,
 :focus>.c4-border-right figcaption:before {
	transition-delay: 480ms;
}

.c4-border-right.hover figcaption:after,
.c4-border-right:hover figcaption:after,
.c4-border-right:focus figcaption:after,
 :focus>.c4-border-right figcaption:after {
	transition-delay: 0s;
}


/* c4-border-left
  ----------------------------- */

.c4-border-left:before,
.c4-border-left:after {
	transform-origin: 0 0;
}

.c4-border-left figcaption:before {
	transition-delay: 480ms;
}

.c4-border-left figcaption:before,
.c4-border-left figcaption:after {
	transition-duration: 0s;
}

.c4-border-left.hover figcaption:after,
.c4-border-left:hover figcaption:after,
.c4-border-left:focus figcaption:after,
 :focus>.c4-border-left figcaption:after {
	transition-delay: 480ms;
}

.c4-border-left.hover figcaption:before,
.c4-border-left:hover figcaption:before,
.c4-border-left:focus figcaption:before,
 :focus>.c4-border-left figcaption:before {
	transition-delay: 0s;
}


/* c4-border-corners-1
  ----------------------------- */

.c4-border-corners-1:before,
.c4-border-corners-1 figcaption:before {
	transform-origin: 0 0;
}

.c4-border-corners-1:after,
.c4-border-corners-1 figcaption:after {
	transform-origin: 100% 100%;
}


/* c4-border-corners-2
  ----------------------------- */

.c4-border-corners-2:before,
.c4-border-corners-2 figcaption:before {
	transform-origin: 100% 100%;
}

.c4-border-corners-2:after,
.c4-border-corners-2 figcaption:after {
	transform-origin: 0 0;
}


/* c4-border-top-left
  ----------------------------- */

.c4-border-top-left:before,
.c4-border-top-left:after,
.c4-border-top-left figcaption:before,
.c4-border-top-left figcaption:after {
	transform-origin: 0 0;
}

.c4-border-top-left:before {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}

.c4-border-top-left:after {
	transition-delay: 0s;
}

.c4-border-top-left figcaption:before {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}

.c4-border-top-left figcaption:after {
	transition-delay: 0s;
}

.c4-border-top-left.hover:before,
.c4-border-top-left:hover:before,
.c4-border-top-left:focus:before,
 :focus>.c4-border-top-left:before {
	transition-delay: 0s;
}

.c4-border-top-left.hover:after,
.c4-border-top-left:hover:after,
.c4-border-top-left:focus:after,
 :focus>.c4-border-top-left:after {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}

.c4-border-top-left.hover figcaption:before,
.c4-border-top-left:hover figcaption:before,
.c4-border-top-left:focus figcaption:before,
 :focus>.c4-border-top-left figcaption:before {
	transition-delay: 0s;
}

.c4-border-top-left.hover figcaption:after,
.c4-border-top-left:hover figcaption:after,
.c4-border-top-left:focus figcaption:after,
 :focus>.c4-border-top-left figcaption:after {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}


/* c4-border-top-right
  ----------------------------- */

.c4-border-top-right:before,
.c4-border-top-right:after,
.c4-border-top-right figcaption:before,
.c4-border-top-right figcaption:after {
	transform-origin: 100% 0%;
}

.c4-border-top-right:before {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}

.c4-border-top-right:after {
	transition-delay: 0s;
}

.c4-border-top-right figcaption:before {
	transition-delay: 0s;
}

.c4-border-top-right figcaption:after {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}

.c4-border-top-right.hover:before,
.c4-border-top-right:hover:before,
.c4-border-top-right:focus:before,
 :focus>.c4-border-top-right:before {
	transition-delay: 0s;
}

.c4-border-top-right.hover:after,
.c4-border-top-right:hover:after,
.c4-border-top-right:focus:after,
 :focus>.c4-border-top-right:after {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}

.c4-border-top-right.hover figcaption:before,
.c4-border-top-right:hover figcaption:before,
.c4-border-top-right:focus figcaption:before,
 :focus>.c4-border-top-right figcaption:before {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}

.c4-border-top-right.hover figcaption:after,
.c4-border-top-right:hover figcaption:after,
.c4-border-top-right:focus figcaption:after,
 :focus>.c4-border-top-right figcaption:after {
	transition-delay: 0s;
}


/* c4-border-bottom-left
  ----------------------------- */

.c4-border-bottom-left:before,
.c4-border-bottom-left:after,
.c4-border-bottom-left figcaption:before,
.c4-border-bottom-left figcaption:after {
	transform-origin: 0 100%;
}

.c4-border-bottom-left:before {
	transition-delay: 0s;
}

.c4-border-bottom-left:after {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}

.c4-border-bottom-left figcaption:before {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}

.c4-border-bottom-left figcaption:after {
	transition-delay: 0s;
}

.c4-border-bottom-left.hover:before,
.c4-border-bottom-left:hover:before,
.c4-border-bottom-left:focus:before,
 :focus>.c4-border-bottom-left:before {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}

.c4-border-bottom-left.hover:after,
.c4-border-bottom-left:hover:after,
.c4-border-bottom-left:focus:after,
 :focus>.c4-border-bottom-left:after {
	transition-delay: 0s;
}

.c4-border-bottom-left.hover figcaption:before,
.c4-border-bottom-left:hover figcaption:before,
.c4-border-bottom-left:focus figcaption:before,
 :focus>.c4-border-bottom-left figcaption:before {
	transition-delay: 0s;
}

.c4-border-bottom-left.hover figcaption:after,
.c4-border-bottom-left:hover figcaption:after,
.c4-border-bottom-left:focus figcaption:after,
 :focus>.c4-border-bottom-left figcaption:after {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}


/* c4-border-bottom-right
  ----------------------------- */

.c4-border-bottom-right:before,
.c4-border-bottom-right:after,
.c4-border-bottom-right figcaption:before,
.c4-border-bottom-right figcaption:after {
	transform-origin: 100% 100%;
}

.c4-border-bottom-right:before {
	transition-delay: 0s;
}

.c4-border-bottom-right:after {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}

.c4-border-bottom-right figcaption:before {
	transition-delay: 0s;
}

.c4-border-bottom-right figcaption:after {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}

.c4-border-bottom-right.hover:before,
.c4-border-bottom-right:hover:before,
.c4-border-bottom-right:focus:before,
 :focus>.c4-border-bottom-right:before {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}

.c4-border-bottom-right.hover:after,
.c4-border-bottom-right:hover:after,
.c4-border-bottom-right:focus:after,
 :focus>.c4-border-bottom-right:after {
	transition-delay: 0s;
}

.c4-border-bottom-right.hover figcaption:before,
.c4-border-bottom-right:hover figcaption:before,
.c4-border-bottom-right:focus figcaption:before,
 :focus>.c4-border-bottom-right figcaption:before {
	transition-delay: 480ms;
	transition-delay: calc(var(--transition-duration) / 1.25);
}

.c4-border-bottom-right.hover figcaption:after,
.c4-border-bottom-right:hover figcaption:after,
.c4-border-bottom-right:focus figcaption:after,
 :focus>.c4-border-bottom-right figcaption:after {
	transition-delay: 0s;
}


/* c4-border-cc-1
  ----------------------------- */

.c4-border-cc-1:before,
.c4-border-cc-1:after,
.c4-border-cc-1 figcaption:before,
.c4-border-cc-1 figcaption:after {
	transition-duration: 300ms;
}

.c4-border-cc-1:before,
.c4-border-cc-1 figcaption:after {
	transform-origin: 0 0;
}

.c4-border-cc-1:after,
.c4-border-cc-1 figcaption:before {
	transform-origin: 100% 100%;
}

.c4-border-cc-1:before {
	transition-delay: 600ms;
}

.c4-border-cc-1:after {
	transition-delay: 0s;
}

.c4-border-cc-1 figcaption:before {
	transition-delay: 900ms;
}

.c4-border-cc-1 figcaption:after {
	transition-delay: 300ms;
}

.c4-border-cc-1.hover:before,
.c4-border-cc-1:hover:before,
.c4-border-cc-1:focus:before,
 :focus>.c4-border-cc-1:before {
	transition-delay: 300ms;
}

.c4-border-cc-1.hover:after,
.c4-border-cc-1:hover:after,
.c4-border-cc-1:focus:after,
 :focus>.c4-border-cc-1:after {
	transition-delay: 900ms;
}

.c4-border-cc-1.hover figcaption:before,
.c4-border-cc-1:hover figcaption:before,
.c4-border-cc-1:focus figcaption:before,
 :focus>.c4-border-cc-1 figcaption:before {
	transition-delay: 0s;
}

.c4-border-cc-1.hover figcaption:after,
.c4-border-cc-1:hover figcaption:after,
.c4-border-cc-1:focus figcaption:after,
 :focus>.c4-border-cc-1 figcaption:after {
	transition-delay: 600ms;
}


/* c4-border-ccc-1
  ----------------------------- */

.c4-border-ccc-1:before,
.c4-border-ccc-1:after,
.c4-border-ccc-1 figcaption:before,
.c4-border-ccc-1 figcaption:after {
	transition-duration: 400ms;
}

.c4-border-ccc-1:before,
.c4-border-ccc-1 figcaption:after {
	transform-origin: 100% 100%;
}

.c4-border-ccc-1:after,
.c4-border-ccc-1 figcaption:before {
	transform-origin: 0 0;
}

.c4-border-ccc-1:before {
	transition-delay: 0s;
}

.c4-border-ccc-1:after {
	transition-delay: 600ms;
}

.c4-border-ccc-1 figcaption:before {
	transition-delay: 900ms;
}

.c4-border-ccc-1 figcaption:after {
	transition-delay: 300ms;
}

.c4-border-ccc-1.hover:before,
.c4-border-ccc-1:hover:before,
.c4-border-ccc-1:focus:before,
 :focus>.c4-border-ccc-1:before {
	transition-delay: 900ms;
}

.c4-border-ccc-1.hover:after,
.c4-border-ccc-1:hover:after,
.c4-border-ccc-1:focus:after,
 :focus>.c4-border-ccc-1:after {
	transition-delay: 300ms;
}

.c4-border-ccc-1.hover figcaption:before,
.c4-border-ccc-1:hover figcaption:before,
.c4-border-ccc-1:focus figcaption:before,
 :focus>.c4-border-ccc-1 figcaption:before {
	transition-delay: 0s;
}

.c4-border-ccc-1.hover figcaption:after,
.c4-border-ccc-1:hover figcaption:after,
.c4-border-ccc-1:focus figcaption:after,
 :focus>.c4-border-ccc-1 figcaption:after {
	transition-delay: 600ms;
}


/* c4-border-cc-2
  ----------------------------- */

.c4-border-cc-2:before,
.c4-border-cc-2 figcaption:after {
	transform-origin: 0 0;
}

.c4-border-cc-2:after,
.c4-border-cc-2 figcaption:before {
	transform-origin: 100% 100%;
}


/* c4-border-ccc-2
  ----------------------------- */

.c4-border-ccc-2:before,
.c4-border-ccc-2 figcaption:after {
	transform-origin: 100% 100%;
}

.c4-border-ccc-2:after,
.c4-border-ccc-2 figcaption:before {
	transform-origin: 0 0;
}


/* c4-border-cc-3
  ----------------------------- */

.c4-border-cc-3:before,
.c4-border-cc-3 figcaption:after {
	transform-origin: 0 0;
}

.c4-border-cc-3:after,
.c4-border-cc-3 figcaption:before {
	transform-origin: 100% 100%;
}

.c4-border-cc-3:before {
	right: 33px;
	right: calc(var(--border-margin) + var(--border-margin) + var(--border-width));
	left: 0;
}

.c4-border-cc-3:after {
	left: 33px;
	left: calc(var(--border-margin) + var(--border-margin) + var(--border-width));
	right: 0;
}

.c4-border-cc-3 figcaption:before {
	top: 33px;
	top: calc(var(--border-margin) + var(--border-margin) + var(--border-width));
	bottom: 0;
}

.c4-border-cc-3 figcaption:after {
	bottom: 33px;
	bottom: calc(var(--border-margin) + var(--border-margin) + var(--border-width));
	top: 0;
}


/* c4-border-ccc-3
  ----------------------------- */

.c4-border-ccc-3:before,
.c4-border-ccc-3 figcaption:after {
	transform-origin: 100% 100%;
}

.c4-border-ccc-3:after,
.c4-border-ccc-3 figcaption:before {
	transform-origin: 0 0;
}

.c4-border-ccc-3:before {
	left: 33px;
	left: calc(var(--border-margin) + var(--border-margin) + var(--border-width));
	right: 0;
}

.c4-border-ccc-3:after {
	right: 33px;
	right: calc(var(--border-margin) + var(--border-margin) + var(--border-width));
	left: 0;
}

.c4-border-ccc-3 figcaption:before {
	bottom: 33px;
	bottom: calc(var(--border-margin) + var(--border-margin) + var(--border-width));
	top: 0;
}

.c4-border-ccc-3 figcaption:after {
	top: 33px;
	top: calc(var(--border-margin) + var(--border-margin) + var(--border-width));
	bottom: 0;
}


/* c4-border-fade
  ----------------------------- */

.c4-border-fade:before,
.c4-border-fade:after,
.c4-border-fade figcaption:before,
.c4-border-fade figcaption:after {
	transform: scale(1);
	opacity: 0;
}

.c4-border-fade.hover:before,
.c4-border-fade.hover:after,
.c4-border-fade.hover figcaption:before,
.c4-border-fade.hover figcaption:after,
.c4-border-fade:hover:before,
.c4-border-fade:hover:after,
.c4-border-fade:hover figcaption:before,
.c4-border-fade:hover figcaption:after,
.c4-border-fade:focus:before,
.c4-border-fade:focus:after,
.c4-border-fade:focus figcaption:before,
.c4-border-fade:focus figcaption:after,
 :focus>.c4-border-fade:before,
 :focus>.c4-border-fade:after,
:focus>.c4-border-fade figcaption:before,
:focus>.c4-border-fade figcaption:after {
	opacity: 1;
}

.c4-image-zoom-in.hover img,
.c4-image-zoom-in:hover img,
.c4-image-zoom-in:focus img,
 :focus>.c4-image-zoom-in img {
	transform: scale(1.25);
}

.c4-image-zoom-out img {
	transform: scale(1.25);
}

.c4-image-zoom-out.hover img,
.c4-image-zoom-out:hover img,
.c4-image-zoom-out:focus img,
 :focus>.c4-image-zoom-out img {
	transform: scale(1);
}

.c4-image-pan-up img {
	transform-origin: top;
	transform: scale(1.2) translate(0, 0);
}

.c4-image-pan-up.hover img,
.c4-image-pan-up:hover img,
.c4-image-pan-up:focus img,
 :focus>.c4-image-pan-up img {
	transform: scale(1.2) translate(0, -15%);
}

.c4-image-pan-down img {
	transform-origin: bottom;
	transform: scale(1.2) translate(0, 0);
}

.c4-image-pan-down:hover img,
.c4-image-pan-down:focus img,
 :focus>.c4-image-pan-down img {
	transform: scale(1.2) translate(0, 15%);
}

.c4-image-pan-left img {
	transform-origin: left;
	transform: scale(1.2) translate(0, 0);
}

.c4-image-pan-left.hover img,
.c4-image-pan-left:hover img,
.c4-image-pan-left:focus img,
 :focus>.c4-image-pan-left img {
	transform: scale(1.2) translate(-15%, 0);
}

.c4-image-pan-right img {
	transform-origin: right;
	transform: scale(1.2) translate(0, 0);
}

.c4-image-pan-right.hover img,
.c4-image-pan-right:hover img,
.c4-image-pan-right:focus img,
 :focus>.c4-image-pan-right img {
	transform: scale(1.2) translate(15%, 0);
}

.c4-image-blur.hover img,
.c4-image-blur:hover img,
.c4-image-blur:focus img,
 :focus>.c4-image-blur img {
	filter: blur(4px);
	transform: scale(1.1);
}

.c4-image-rotate-left img {
	transform: scale(1.1) translate(0, 0);
}

.c4-image-rotate-left.hover img,
.c4-image-rotate-left:hover img,
.c4-image-rotate-left:focus img,
 :focus>.c4-image-rotate-left img {
	transform: scale(1.3) rotate(-15deg);
}

.c4-image-rotate-right img {
	transform: scale(1.1) translate(0, 0);
}

.c4-image-rotate-right.hover img,
.c4-image-rotate-right:hover img,
.c4-image-rotate-right:focus img,
 :focus>.c4-image-rotate-right img {
	transform: scale(1.3) rotate(15deg);
}

.c4-delay-100,
.c4-delay-100>* {
	transition-delay: 100ms;
}

.c4-delay-200,
.c4-delay-200>* {
	transition-delay: 200ms;
}

.c4-delay-300,
.c4-delay-300>* {
	transition-delay: 300ms;
}

.c4-delay-400,
.c4-delay-400>* {
	transition-delay: 400ms;
}

.c4-delay-500,
.c4-delay-500>* {
	transition-delay: 500ms;
}

.c4-delay-600,
.c4-delay-600>* {
	transition-delay: 600ms;
}

.c4-delay-700,
.c4-delay-700>* {
	transition-delay: 700ms;
}

.c4-delay-800,
.c4-delay-800>* {
	transition-delay: 800ms;
}

.c4-delay-900,
.c4-delay-900>* {
	transition-delay: 900ms;
}

.c4-delay-1000,
.c4-delay-1000>* {
	transition-delay: 1000ms;
}

[class^='c4-fade'],
[class*=' c4-fade'],
[class^='c4-reveal'],
[class*=' c4-reveal'],
[class^='c4-rotate'],
[class*=' c4-rotate'] {
	display: inline-block;
}

[class^='c4-fade']>*,
[class*=' c4-fade']>*,
[class^='c4-reveal']>*,
[class*=' c4-reveal']>*,
[class^='c4-rotate']>*,
[class*=' c4-rotate']>* {
	display: inline-block;
}

[class^='c4-fade']>*:last-child,
[class*=' c4-fade']>*:last-child,
[class^='c4-reveal']>*:last-child,
[class*=' c4-reveal']>*:last-child,
[class^='c4-rotate']>*:last-child,
[class*=' c4-rotate']>*:last-child {
	margin-bottom: 0;
}

[class^='c4-reveal'],
[class*=' c4-reveal'],
[class^='c4-rotate'],
[class*=' c4-rotate'] {
	overflow: hidden;
	opacity: 1;
}

[class^='c4-fade'],
[class*=' c4-fade'] {
	opacity: 0;
}

.c4-izmir.hover [class^='c4-fade'],
.c4-izmir.hover [class*=' c4-fade'],
.c4-izmir:hover [class^='c4-fade'],
.c4-izmir:hover [class*=' c4-fade'],
.c4-izmir:focus [class^='c4-fade'],
.c4-izmir:focus [class*=' c4-fade'],
 :focus>.c4-izmir [class^='c4-fade'],
:focus>.c4-izmir [class*=' c4-fade'] {
	opacity: 1;
	transform: translate(0);
}

.c4-izmir.hover [class^='c4-reveal'],
.c4-izmir.hover [class*=' c4-reveal'],
.c4-izmir.hover [class^='c4-rotate'],
.c4-izmir.hover [class*=' c4-rotate'],
.c4-izmir:hover [class^='c4-reveal'],
.c4-izmir:hover [class*=' c4-reveal'],
.c4-izmir:hover [class^='c4-rotate'],
.c4-izmir:hover [class*=' c4-rotate'],
.c4-izmir:focus [class^='c4-reveal'],
.c4-izmir:focus [class*=' c4-reveal'],
.c4-izmir:focus [class^='c4-rotate'],
.c4-izmir:focus [class*=' c4-rotate'],
 :focus>.c4-izmir [class^='c4-reveal'],
:focus>.c4-izmir [class*=' c4-reveal'],
:focus>.c4-izmir [class^='c4-rotate'],
:focus>.c4-izmir [class*=' c4-rotate'] {
	opacity: 1;
}

.c4-izmir.hover [class^='c4-reveal']>*,
.c4-izmir.hover [class*=' c4-reveal']>*,
.c4-izmir.hover [class^='c4-rotate']>*,
.c4-izmir.hover [class*=' c4-rotate']>*,
.c4-izmir:hover [class^='c4-reveal']>*,
.c4-izmir:hover [class*=' c4-reveal']>*,
.c4-izmir:hover [class^='c4-rotate']>*,
.c4-izmir:hover [class*=' c4-rotate']>*,
.c4-izmir:focus [class^='c4-reveal']>*,
.c4-izmir:focus [class*=' c4-reveal']>*,
.c4-izmir:focus [class^='c4-rotate']>*,
.c4-izmir:focus [class*=' c4-rotate']>*,
 :focus>.c4-izmir [class^='c4-reveal']>*,
 :focus>.c4-izmir [class*=' c4-reveal']>*,
 :focus>.c4-izmir [class^='c4-rotate']>*,
 :focus>.c4-izmir [class*=' c4-rotate']>* {
	transform: translate(0) rotate(0deg);
}

.c4-fade-up {
	transform: translateY(1.5rem);
}

.c4-fade-down {
	transform: translateY(-1.5rem);
}

.c4-fade-left {
	transform: translateX(1.5rem);
}

.c4-fade-right {
	transform: translateX(-1.5rem);
}

.c4-reveal-up>* {
	transform: translateY(100%);
}

.c4-reveal-down>* {
	transform: translateY(-100%);
}

.c4-reveal-left>* {
	transform: translateX(100%);
}

.c4-reveal-right>* {
	transform: translateX(-100%);
}

.c4-rotate-up-right>* {
	transform-origin: bottom left;
	transform: rotate(90deg);
}

.c4-rotate-up-left>* {
	transform-origin: bottom right;
	transform: rotate(-90deg);
}

.c4-rotate-down-right>* {
	transform-origin: top left;
	transform: rotate(-90deg);
}

.c4-rotate-down-left>* {
	transform-origin: top right;
	transform: rotate(90deg);
}

.c4-gradient-top {
	background-image: linear-gradient(180deg, #00B4DB 0%, #0083B0 100%);
	background-image: linear-gradient(180deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.c4-gradient-left {
	background-image: linear-gradient(90deg, #00B4DB 0%, #0083B0 100%);
	background-image: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.c4-gradient-right {
	background-image: linear-gradient(270deg, #00B4DB 0%, #0083B0 100%);
	background-image: linear-gradient(270deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.c4-gradient-bottom {
	background-image: linear-gradient(0deg, #00B4DB 0%, #0083B0 100%);
	background-image: linear-gradient(0deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.c4-gradient-top-left {
	background-image: linear-gradient(135deg, #00B4DB 0%, #0083B0 100%);
	background-image: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.c4-gradient-top-right {
	background-image: linear-gradient(225deg, #00B4DB 0%, #0083B0 100%);
	background-image: linear-gradient(225deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.c4-gradient-bottom-left {
	background-image: linear-gradient(45deg, #00B4DB 0%, #0083B0 100%);
	background-image: linear-gradient(45deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.c4-gradient-bottom-right {
	background-image: linear-gradient(315deg, #00B4DB 0%, #0083B0 100%);
	background-image: linear-gradient(315deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.c4-izmir .c4-layout-top-left {
	justify-content: flex-start;
	align-items: flex-start;
	text-align: left;
}

.c4-izmir .c4-layout-top-center {
	justify-content: flex-start;
}

.c4-izmir .c4-layout-top-right {
	justify-content: flex-start;
	align-items: flex-end;
	text-align: right;
}

.c4-izmir .c4-layout-center-left {
	align-items: flex-start;
	text-align: left;
}

.c4-izmir .c4-layout-center-right {
	align-items: flex-end;
	text-align: right;
}

.c4-izmir .c4-layout-bottom-left {
	justify-content: flex-end;
	align-items: flex-start;
	text-align: left;
}

.c4-izmir .c4-layout-bottom-center {
	justify-content: flex-end;
}

.c4-izmir .c4-layout-bottom-right {
	justify-content: flex-end;
	align-items: flex-end;
	text-align: right;
}

.c4-izmir {
	background-color: #00B4DB;
	background-color: var(--primary-color);
}

.c4-izmir figcaption {
	padding: 2em;
	padding: calc(var(--padding) * 2);
}

.c4-izmir figcaption>* {
	opacity: 0;
}

.c4-izmir.hover>img,
.c4-izmir:hover>img,
.c4-izmir:focus>img,
 :focus>.c4-izmir>img {
	opacity: 0.25;
	opacity: var(--image-opacity);
}

.c4-izmir.hover figcaption>*,
.c4-izmir:hover figcaption>*,
.c4-izmir:focus figcaption>*,
 :focus>.c4-izmir figcaption>* {
	opacity: 1;
}


/*# sourceMappingURL=izmir.css.map */

.zhuanti-word {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: none;
	font-size: 18px;
}

.zhuanti-word span {
	display: inline-block;
	height: 70px;
}

.c4-izmir:hover .zhuanti-word {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
}

.reversal {
	position: relative;
	height: 350px;
}

.face,
.back {
	width: 100%;
	position: absolute;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	transition: transform .9s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

.face {
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}

.back {
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg)
}

.bottom_item {
	float: left;
	width: 12.5%;
	height: auto;
	padding-top: 12px;
}

#list_box_height {
	width: 95%;
	margin: 0px auto;
	padding-top: 70px;
	padding-bottom: 80px;
	border-bottom: 1px dashed #888888;
}

.boxFoot {
	width: 100%;
	background-color: #eee;
	padding-bottom: 15px;
}

.i_img {
	position: relative;
	width: 99px;
	height: 99px;
	line-height: 96px;
	text-align: center;
	margin: 12px auto 0;
	border-radius: 100%;
	z-index: 1;
	background: url('http://www.bolan.rexun.cn/static/img/zd_xb.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}


/* .iconBj{
    position: absolute;
    top:25%;
    left:25%;
    width:48px;
    height:48px;
    background-repeat: no-repeat;
    background-size: cover;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: transform .9s;

} */


/*.i_img .iconBj{
    background-image:url("../http://www.bolan.rexun.cn/static/img/type-icons/d_z.png");
}*/


/* .bottom_item:hover .i_img1{
    transform: rotate(360deg);
} */

.i_img1 {
	position: relative;
	width: 99px;
	height: 99px;
	line-height: 99px;
	text-align: center;
	margin: 12px auto 0;
	background: url('http://www.bolan.rexun.cn/static/img/xn_ao.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	/* border-radius: 100%; */
	/* border:1px solid #27649c;
    z-index:1;*/
}


/* .i_img1 .iconBj{
    background-image:url("../http://www.bolan.rexun.cn/static/img/type-icons/x_n.png");
} */

.i_img2 {
	position: relative;
	width: 99px;
	height: 99px;
	line-height: 96px;
	margin: 12px auto 0;
	text-align: center;
	border-radius: 100%;
	z-index: 1;
	background: url('http://www.bolan.rexun.cn/static/img/qt_zx.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}


/* .i_img2 .iconBj{
    width:60px;
    height:60px;
    top:15%;
    left:19%;
    background-image:url("../http://www.bolan.rexun.cn/static/img/type-icons/x_b.png");
} */

.i_img3 {
	position: relative;
	width: 99px;
	height: 99px;
	line-height: 96px;
	margin: 12px auto 0;
	text-align: center;
	border-radius: 100%;
	background: url('http://www.bolan.rexun.cn/static/img/dz_xx.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 1;
}


/* .i_img3 .iconBj{
    background-image:url("../http://www.bolan.rexun.cn/static/img/type-icons/x_x.png");
} */

.i_img4 {
	position: relative;
	width: 99px;
	height: 99px;
	margin: 12px auto 0;
	background: url('http://www.bolan.rexun.cn/static/img/zs_jy.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.i_img5 {
	position: relative;
	width: 99px;
	height: 99px;
	line-height: 96px;
	margin: 12px auto 0;
	text-align: center;
	border-radius: 100%;
	background: url('http://www.bolan.rexun.cn/static/img/jw_xt.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 1;
}


/* .i_img5 .iconBj{
  background-image: url("../http://www.bolan.rexun.cn/static/img/type-icons/j_w.png");
  background-position: center;
} */

.i_img6 {
	position: relative;
	width: 99px;
	height: 99px;
	line-height: 96px;
	text-align: center;
	margin: 12px auto 0;
	border-radius: 100%;
	background: url('http://www.bolan.rexun.cn/static/img/kygl_xt.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 1;
}


/* .i_img6 .iconBj{
    background-image: url("../http://www.bolan.rexun.cn/static/img/type-icons/g_k.png");
  } */

.i_img7 {
	position: relative;
	width: 99px;
	height: 99px;
	line-height: 96px;
	text-align: center;
	margin: 12px auto 0;
	border-radius: 100%;
	background: url('http://www.bolan.rexun.cn/static/img/jy.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 1;
}


/* .i_img7 .iconBj{
    background-image: url("../http://www.bolan.rexun.cn/static/img/type-icons/j_y.png");
  } */

.btnh1 {
	text-align: center;
	font-size: 18px;
	margin-top: 14px;
	font-weight: normal;
}

.btnh1 a {
	color: #27649c;
}


/* .bottom_item:hover .i_img{
    background-color:#27649c;
} */

.bottom_item:hover .i_img {
	background-image: url("http://www.bolan.rexun.cn/static/img/zd_xb_hover.png");
}

.bottom_item:hover .i_img1 {
	background-image: url("http://www.bolan.rexun.cn/static/img/xn_ao_hover.png");
}


/* .bottom_item:hover .i_img1 .iconBj{
    background-image: url("../http://www.bolan.rexun.cn/static/img/type-icons/x_n_hover.png");
 }  */


/* .bottom_item:hover .i_img2{
    background-color: #27649c;
} */

.bottom_item:hover .i_img2 {
	background-image: url("http://www.bolan.rexun.cn/static/img/qt_zx_hover.png");
}


/* .bottom_item:hover .i_img3{
    background-color: #27649c;
} */

.bottom_item:hover .i_img3 {
	background-image: url("http://www.bolan.rexun.cn/static/img/dz_xx_hover.png");
}

.bottom_item:hover .i_img4 {
	height: 48px;
	width: 48px;
	z-index: 11;
	background-image: url("http://www.bolan.rexun.cn/static/img/zs_jy_hover.png");
	animation: change_kx 0.3s forwards;
}

.bottom_item:hover .b_list {
	margin-top: -50px;
	display: block;
	opacity: 1;
}


/* .bottom_item:hover .i_img5{
    background-color: #27649c;
} */

.bottom_item:hover .i_img5 {
	background-image: url("http://www.bolan.rexun.cn/static/img/jw_xt_hover.png");
}


/* .bottom_item:hover .i_img6{
    background-color: #27649c;
} */

.bottom_item:hover .i_img6 {
	background-image: url("http://www.bolan.rexun.cn/static/img/kygl_xt_hover.png");
}


/* .bottom_item:hover .i_img7{
    background-color: #27649c;
} */

.bottom_item:hover .i_img7 {
	background-image: url("http://www.bolan.rexun.cn/static/img/jy_hover.png");
}

.bottom_item:hover .btnh1 a {
	color: #015cb5
}

.bottom_item .b_list {
	position: relative;
	margin-top: -50px;
	display: none;
	opacity: 0;
}

.bottom_item .b_list li {
	text-align: center;
	background: #ffffff;
	padding-bottom: 10px;
	padding-top: 20px;
	font-size: 16px;
	font-family: "微软雅黑";
}

.padTop {
	padding-top: 40px!important;
}

.bottom_item .b_list li a {
	color: #000000
}

.bottom_item .b_list li:hover a {
	color: #015cb5
}

@media (min-width:768px) {
	.reversal:hover .back {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	.reversal:hover .face {
		-webkit-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
	}
}

.box_all {
	padding-top: 30px;
}

.box_left {
	width: 850px;
}

.box_right {
	width: 300px;
}

.box_left>h3 {
	font-size: 16px;
	color: #333333;
	border-bottom: 2px solid #015cb5;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.box_left .list_sider li {
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px solid #efefef;
}

.clear {
	clear: both;
}

.xiangguan_mi li {
	padding: 15px 0;
	border-bottom: 1px solid #efefef;
}

.xiangguan_mi div {
	padding: 0;
}

.xiangguan_mi1 {
	text-align: center;
	width: 62px;
	float: left;
}

.xiangguan_mi2 {
	float: left;
	width: 740px;
}

.xiangguan_mi1 h3 {
	font-size: 30px;
	color: #015cb5;
	font-weight: bold;
}

.xiangguan_mi1 h4 {
	font-size: 14px;
	color: #015cb5;
	font-weight: normal;
}

.xiangguan_mi2 {
	padding-left: 15px!important;
}

.xiangguan_mi2 h3 {
	font-size: 18px;
	color: #333333;
	margin-bottom: 5px;
	line-height: 30px;
	font-weight: normal;
	font-family: 'Micorsoft YaHei', '微软雅黑', MSYH, \5b8b\4f53, sans-serif, ZZGFLQ;
}

.xiangguan_mi2 p {
	font-size: 12px;
	color: #333333;
	line-height: 21px;
}

.news_main .news_ti {
	font-size: 20px;
	margin-bottom: 8px;
	line-height: 28px;
	font-weight: normal;
	text-align: center;
	color: #000;
}

.news_main .news_sub_ti {
	margin-bottom: 14px;
	color: #555;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}

.news_main .news_time {
	margin-bottom: 20px;
	text-indent: 0;
	text-align: center;
	font-size: 15px;
	font-family: '微软雅黑';
	line-height: 24px;
	font-weight: normal;
}

.news_info {
	text-align: right;
	margin: 20px 0;
	font-size: 15px;
	font-family: '微软雅黑';
	line-height: 24px;
	font-weight: normal;
	color: #333333;
}

.news_cnt {
	color: #333333;
	font-size: 15px;
	line-height: 24px;
}

.news_cnt p,
.news_cnt section,
.news_cnt div .news_cnt h1,
.news_cnt h2,
.news_cnt h3,
.news_cnt h4,
.news_cnt h5,
.news_cnt h6 {
	color: #333333;
	margin: 0 0 15px 0;
	text-indent: 2em;
	max-width: 100%;
}

.news_cnt p,
.news_cnt section,
.news_cnt span,
.news_cnt p span .news_cnt h1,
.news_cnt h2,
.news_cnt h3,
.news_cnt h4,
.news_cnt h5,
.news_cnt h6,
.news_cnt div {
	font-size: 15px!important;
	font-family: '微软雅黑'!important;
	line-height: 24px!important;
}

.news_cnt img,
.news_cnt audio,
.news_cnt video {
	max-width: 100%;
}

.news_cnt table[align="center"] {
	margin: 0 auto!important;
}

.news_cnt table {
	max-width: 100%;
}

.news_cnt table p {
	margin: 10px 0;
	text-indent: 0em!important;
}

.news_cnt table {
	border: 1px solid #000
}

.news_cnt table tr,
.news-cnt table tr td {
	border: 1px solid #000
}

.hang1 div {
	padding: 0;
}

.hang1 img {
	width: 25px;
	height: 25px;
	vertical-align: middle;
}

.hang1 span {
	font-size: 18px;
	margin-left: 10px;
	vertical-align: middle;
}

.hang1 a {
	float: right;
	color: #999999;
}

.hang2 {
	margin-top: 20px;
}

.hang2 ul li img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 230px;
}

.hang2 ul li p {
	color: #333;
	padding: 10px 0 20px 0;
}

.hang2 ul li:last-child p {
	padding-bottom: 0;
}

.hang3 {
	border-bottom: 2px solid #015cb5;
	padding-bottom: 3px;
	margin: 30px 0 15px 0;
}

.hang4 {
	margin-bottom: 30px;
}

.hang4 ul {
	margin: 0px;
}

.hang4 ul li {
	list-style: none;
	padding: 5px 0px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #337ab7!important;
}

.hang4 ul li a {
	color: #333333;
	font-size: 15px;
}

.hang4 ul li a i {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-style: normal;
	font-family: "微软雅黑";
	font-weight: bold;
	color: #ffffff;
	font-size: 13px;
	margin-right: 5px;
	text-align: center;
	background-color: #aaa;
}

.video_ti {
	text-align: center;
	margin-top: 10px;
	color: #333333;
}

.hot_ti_item {
	float: left;
}

.hang4q {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
}

.hang4q img {
	vertical-align: middle;
}

.hang4q span {
	width: 160px;
	font-size: 18px;
	color: #a7a7a7;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hang4w {
	float: left;
}

.hang4w p {
	float: right;
	color: #a7a7a7;
	font-size: 16px;
}

.slider_left .rczp_td {
	height: 86px;
}