@charset "UTF-8";
@import "../layui/css/layui.css";
@import "../css/public.css";
@import "../css/canvi.css";
@import "../css/swiper.min.css";
/*banner*/
.header-swiper {
	width: 100%;
	height: 700px;
}

.header-swiper img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*banner end*/
/*通知公告 乘客服务*/
.notice-layout {
	height: 170px;
	background: url("../images/345.png") no-repeat center bottom, #FFFFFF;
	margin-top: -92px;
	position: relative;
	z-index: 99;
	box-shadow: 0px 4px 10px 0px rgba(13, 62, 135, 0.16);
	border-radius: 10px;
	box-sizing: border-box;
	padding: 40px 48px;
	display: flex;
	justify-content: space-between;
}

.not_card {
	width: 620px;
	height: 62px;
	display: flex;
	align-items: center;
}

.not_card p {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}

.not_card p i {
	font-size: 20px;
	color: #399D33;
}

.not_card .swiper-container {
	width: calc(100% - 110px);
	height: 100%;
	background: rgba(13, 62, 135, 0.1);
	border-radius: 10px;
}

.not_card .swiper-container a {
	font-size: 16px;
	color: #333333;
	line-height: 62px;
	display: inline-block;
	padding: 0 18px;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
}

/*通知公告 乘客服务 end*/
/*关于我们*/
.about-us {
	box-sizing: border-box;
	height: auto;
	width: 100%;
	padding: 123px 0 189px;
}

.about-layout {
	display: flex;
	justify-content: space-between;
}

.about-left {
	width: calc(100% - 663px);
	box-sizing: border-box;
	padding-right: 80px;
}

.about-left .brief {
	line-height: 36px;
	font-size: 16px;
	color: #333333;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	height: 180px;
	margin: 45px 0;
}

.about-title {
	display: inline-block;
}

.about-title h4 {
	font-size: 36px;
	color: #333333;
	font-weight: bold;
}

.about-title h4 span {
	color: #399D33;
}

.about-title p {
	font-size: 20px;
	color: #666666;
	text-transform: uppercase;
	box-sizing: border-box;
	padding-bottom: 11px;
	position: relative;
	margin-top: 4px;
}

.about-title p:after {
	content: "";
	width: 44px;
	height: 2px;
	display: inline-block;
	position: absolute;
	background: #399D33;
	left: 0;
	bottom: 0;
}

.about-list {
	display: flex;
	justify-content: space-between;
}

.about-list li {
	width: 84px;
	height: 84px;
	box-sizing: border-box;
	border: 1px solid #399D33;
	border-radius: 10px;
	transition: all 0.3s ease-in-out 0s;
}

.about-list li:hover {
	background: #399D33;
}

.about-list li:hover p, .about-list li:hover i {
	color: #FFFFFF;
}

.about-list a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	flex-direction: column;
}

.about-list i {
	font-size: 24px;
	color: #399D33;
}

.about-list .icon-lianxi {
	font-size: 30px;
}

.about-list p {
	font-size: 16px;
	color: #333333;
	margin-top: 5px;
}

.about-right {
	width: 663px;
	height: 439px;
	border-radius: 10px;
	overflow: hidden;
}

.about-right img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

/*关于我们 end*/
/*公共栏目标题样式*/
.plate_title {
	display: flex;
	justify-content: space-between;
	height: 85px;
	align-items: flex-end;
}

.plate_left {
	box-sizing: border-box;
	display: flex;
	align-items: flex-end;
	margin-bottom: 11px;
}

.plate_left h4 {
	font-size: 48px;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	padding-left: 19px;
	z-index: 1;
}

.plate_left h4:before {
	content: "";
	width: 85px;
	height: 85px;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	background: #399D33;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
}

.plate_left h4:after {
	content: "";
	width: 9px;
	height: 9px;
	display: inline-block;
	position: absolute;
	background: #FFFFFF;
	border-radius: 50%;
	left: 50%;
	top: -10px;
	transform: translateX(-50%);
}

.plate_left span {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 28px;
	display: inline-block;
	margin-left: 28px;
}

.plate_more {
	display: inline-block;
	width: 90px;
	height: 34px;
	border-radius: 40px;
	box-sizing: border-box;
	text-align: center;
	line-height: 34px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	margin-bottom: 8px;
}

/*公共栏目标题样式 end*/
/*公交文化*/
.culture {
	width: 100%;
	min-height: 602px;
	box-sizing: border-box;
	padding: 55px 0 0;
	background: url("../images/culture-bg.png") no-repeat center top;
}

/*作废*/
/*.culture-layout {
    display: flex;
    justify-content: space-between;
    margin-top: 56px;
    position: relative;
}

.culture-left {
    border-radius: 80px 10px 10px 80px;
    background: $fColor;
    box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.16);
    height: 355px;
    height: auto;
    box-sizing: border-box;
    padding: 11px 113px 85px 42px;

    li {
        width: 200px;
        height: 60px;
        border-radius: 10px;
        box-sizing: border-box;
        border: 1px solid #FFFFFF;
        margin-top: 58px;
        text-align: center;
        line-height: 60px;
        font-size: 16px;
        color: #FFFFFF;
        transition: all .3s ease-in-out 0s;
        cursor: pointer;

        &:hover, &.active {
            background: #FFFFFF;
            color: #333333;
        }
    }
}

.culture-right {
    width: 1116px;
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.16);
    border-radius: 80px;
    position: absolute;
    right: 0;
    top: 0;
}

.culture-card {
    display: none;
    box-sizing: border-box;
    height: 100%;

    &.active {
        display: block;
    }
}

!*关于我们*!
.aboutUs {
    padding: 110px 80px;

    .brief {
        font-size: 16px;
        line-height: 36px;
        color: #333333;
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        height: 180px;
        margin: 52px 0;
    }

    .about-list {
        justify-content: flex-start;

        li {
            width: 84px;
            height: 84px;
            margin-right: 77px;

            &:last-child {
                margin-right: 0;
            }
        }
    }
}

!*关于我们 end*!
!*员工风采*!
.elegant {
    padding: 50px 70px;
    position: relative;

    &:after {
        width: 102px;
        height: 102px;
        content: "";
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: url("../images/center_tb.png") no-repeat center center;
    }
}

.elegant-list {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;

    li {
        width: 477px;
        height: 283px;
        box-sizing: border-box;
        padding: 14px;
        background: #FFFFFF;
        box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.15);
        border-radius: 10px;
        overflow: hidden;

        &:hover {
            img {
                transform: scale(1.05);
            }
        }
    }

    a {
        display: inline-block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 10px;
    }

    img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: all .5s ease-in-out 0s;
    }
}

!*员工风采 end*!
!*优秀团队*!

.team-swiper {
    width: 100%;
    height: 100%;
    padding: 80px 47px;
    box-sizing: border-box;

    a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    img {
        width: 100%;
        max-height: 436px;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 20px;
    }

    .team-info {
        width: 652px;
        height: 182px;
        border-radius: 20px;
        box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.15);
        background: #FFFFFF;
        position: absolute;
        right: 0;
        z-index: 99;
        bottom: 0;
        padding: 30px 45px;
        box-sizing: border-box;

        p {
            font-size: 16px;
            line-height: 30px;
            color: #333333;
            display: -webkit-box;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            height: 120px;
        }
    }

    .team-btn {
        width: 98px;
        height: 23px;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: space-between;
        bottom: 120px;
        left: 146px;

        .team-button-prev,
        .team-button-next {
            position: initial;
            margin: 0;
            left: auto;
            right: 0;
            width: 44px;
            height: 23px;
        }

        .team-button-prev {
            background: url("../images/team_btn.png") no-repeat left center;
        }

        .team-button-next {
            background: url("../images/team_btn.png") no-repeat right center;
        }
    }
}

!*优秀团队 end*!

!*公交党建*!
.transit {
    height: 100%;
    background: url("../images/transit-bg.png") no-repeat center bottom;
    box-sizing: border-box;
    padding: 110px 42px 66px 42px;
}

.transit-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
    align-content: space-between;

    li {
        height: 143px;
        width: calc(100% / 2 - 17.5px);
        background: #FFFFFF;
        box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.22);
        border-radius: 10px;

        &:hover {
            .transit-time {
                p {
                    color: $mColor;
                }
            }

            .transit-text {
                h4 {
                    color: $mColor;
                }
            }
        }
    }

    a {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
    }

    .transit-time {
        width: 106px;
        text-align: center;
        position: relative;

        p {
            font-size: 30px;
            font-weight: bold;
            color: #333333;
            transition: all .3s ease-in-out 0s;
            margin-bottom: 8px;
        }

        span {
            font-size: 14px;
            color: #999999;
        }

        &:after {
            content: "";
            width: 1px;
            height: 29px;
            display: inline-block;
            position: absolute;
            background: #D8D8D8;
            top: 50%;
            transform: translateY(-50%);
            right: 0;
        }
    }

    .transit-text {
        width: calc(100% - 106px);
        box-sizing: border-box;
        padding: 0 10px 0 18px;

        h4 {
            font-size: 18px;
            font-weight: bold;
            color: #333333;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            transition: all .3s ease-in-out 0s;
        }

        p {
            font-size: 14px;
            line-height: 24px;
            color: #666666;
            display: -webkit-box;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            height: 48px;
            margin-top: 9px;
        }
    }
}

!*公交党建 end*!

!*宣传视频*!
.disseminate {
    padding: 69px 93px 33px;
}

.disseminate-swiper {
    a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .disseminate-img {
        width: 100%;
        max-height: 432px;
        height: 100%;
        position: relative;

        img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
        }

        &:before {
            content: "";
            width: 69px;
            height: 69px;
            display: inline-block;
            position: absolute;
            background: url("../images/video-play.png") no-repeat center center;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
    }

    p {
        width: 814px;
        margin: 31px auto 20px;
        font-size: 16px;
        line-height: 30px;
        color: #333333;
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 60px;
        word-break: keep-all;
    }

    .disseminate-btn {
        width: 152px;
        height: 36px;
        margin: 0 auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .disseminate-button-prev,
        .disseminate-button-next {
            position: initial;
            margin-top: 0;
            left: auto;
            right: auto;
            width: 66px;
            height: 36px;
        }

        .disseminate-button-prev {
            background: url("../images/disseminate_btn.png") no-repeat left center;
        }

        .disseminate-button-next {
            background: url("../images/disseminate_btn.png") no-repeat right center;
        }
    }
}

!*宣传视频 end*!*/
/*作废 end*/
.culture-list {
	display: flex;
	justify-content: space-between;
	height: 260px;
	margin-top: 80px;
}

.culture-list li {
	width: calc(50% - 30px);
	height: 100%;
}

.culture-list .about-item {
	background-color: rgb(10, 72, 165);
}

.culture-list .about-item i {
	font-size: 50px;
}

.culture-list .staff-item, .culture-list .transit-item {
	background-color: #FFFFFF;
}

.culture-list .staff-item div, .culture-list .transit-item div {
	background-color: rgb(10, 72, 165);
}

.culture-list .staff-item span, .culture-list .transit-item span {
	color: rgb(10, 72, 165);
}

.culture-list .team-item {
	background-color: #267CC6;
}

.culture-list .video-item {
	background-color: #5096D5;
}

.culture-list a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	flex-direction: column;
}

.culture-list div {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	text-align: center;
	line-height: 80px;
}

.culture-list div i {
	font-size: 40px;
	color: #FFFFFF;
}

.culture-list span {
	font-size: 26px;
	color: #FFFFFF;
	display: inline-block;
	margin-top: 25px;
}

/*公交文化 end*/
/*公交新闻*/
.transit-news {
	box-sizing: border-box;
	padding: 140px 0 213px;
}

.news-wrapper .plate_left h4 {
	color: #333333;
}

.news-wrapper .plate_left h4:after {
	background: rgb(10, 72, 165);
}

.news-wrapper .plate_left span {
	color: #666666;
}

.news-layout {
	margin-top: 52px;
	display: flex;
	justify-content: space-between;
}

.news-left {
	width: 690px;
	height: 457px;
}

.news-swiper {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.news-swiper a {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}

.news-swiper img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.news-swiper p {
	position: absolute;
	height: 67px;
	width: 100%;
	left: 0;
	bottom: 0;
	background: rgba(10, 72, 165, 0.44);
	line-height: 67px;
	padding: 0 44px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 18px;
	color: #FFFFFF;
	box-sizing: border-box;
}

.news-right {
	width: calc(100% - 690px - 24px);
	box-sizing: border-box;
}

.news-right li {
	height: 33.3333333333%;
	border-bottom: 1px dashed #D8D8D8;
	box-sizing: border-box;
	padding-top: 20px;
	padding-left: 16px;
	position: relative;
}

.news-right li:last-child {
	border-bottom: none;
}

.news-right li:before {
	content: "";
	width: 6px;
	height: 6px;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	background: #B9B9B9;
	left: 0;
	top: 28px;
	transition: all 0.3s ease-in-out 0s;
}

.news-right li:hover:before {
	background: rgb(10, 72, 165);
}

.news-right li:hover h4 {
	color: rgb(10, 72, 165);
}

.news-right a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.news-right h4 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: all 0.3s ease-in-out 0s;
}

.news-right p {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 48px;
	margin: 10px 0 12px;
}

.news-right .news-time {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.news-right .news-time span {
	font-size: 14px;
	color: #666666;
}

.news-right .news-time i {
	color: #666666;
}

.news-right .news-time .icon-shijian {
	display: inline-block;
	font-size: 16px;
	margin-right: 10px;
}

.news-right .news-time .icon-jinrujiantou {
	display: inline-block;
	font-size: 28px;
}

/*公交新闻 end*/
/*党的建设*/
.party-wrapper {
	padding: 142px 0 0;
}

.construct-layout {
	display: flex;
	justify-content: space-between;
	margin-top: 44px;
}

.construct-left {
	width: 456px;
	height: auto;
	display: inline-block;
}

.construct-left img {
	width: 100%;
	max-height: 242px;
	height: auto;
	display: block;
	object-fit: cover;
}

.construct-left h4 {
	font-size: 16px;
	color: #333333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 34px;
	transition: all 0.3s ease-in-out 0s;
	font-weight: bold;
}

.construct-left p {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	text-indent: 1em;
	height: 72px;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin: 26px 0 33px;
}

.construct-left span {
	font-size: 14px;
	line-height: 24px;
	color: #999999;
}

.construct-left i {
	display: inline-block;
	font-size: 20px;
	color: #999999;
	margin-left: 18px;
	transition: all 0.3s ease-in-out 0s;
}

.construct-left:hover h4 {
	color: rgb(10, 72, 165);
}

.construct-left:hover i {
	transform: translateX(10px);
}

.construct-right {
	width: calc(100% - 456px);
	height: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: space-between;
	box-sizing: border-box;
	padding-left: 65px;
}

.construct-right li {
	width: calc(50% - 19px);
	height: 128px;
	box-sizing: border-box;
	border: 1px solid #F1F1F1;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.3s ease-in-out 0s;
}

.construct-right li:hover {
	box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.17);
}

.construct-right a {
	display: flex;
	height: 100%;
	align-items: center;
	box-sizing: border-box;
	padding: 30px 34px 20px 19px;
}

.construct-time {
	width: 56px;
	text-align: center;
}

.construct-time p {
	font-size: 30px;
	font-weight: bold;
	color: #666666;
}

.construct-time span {
	font-size: 14px;
	color: #999999;
}

.construct-text {
	width: calc(100% - 56px);
	box-sizing: border-box;
	padding-left: 36px;
}

.construct-text h4 {
	font-size: 16px;
	line-height: 24px;
	color: #333333;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.construct-text p {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 48px;
	margin-top: 6px;
}

/*党的建设 end*/
/*商务信息*/
.business {
	box-sizing: border-box;
	padding: 56px 0 0;
	background: url("../images/business-bg.png") no-repeat center top;
}

.business-wrapper .plate_title {
	justify-content: center;
}

.business-tabs {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.business-tabs li {
	width: 178px;
	height: 67px;
	text-align: center;
	line-height: 67px;
	font-size: 16px;
	color: #FFFFFF;
	border-radius: 20px;
	box-sizing: border-box;
	border: 1px solid #399D33;
	margin-right: 40px;
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
}

.business-tabs li:last-child {
	margin-right: 0;
}

.business-tabs li:first-child {
	border-radius: 70px 20px 20px 20px;
}

.business-tabs li:last-child {
	border-radius: 20px 70px 20px 20px;
}

.business-tabs li:hover, .business-tabs li.active {
	background: #399D33;
}

.business-tabs a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
}

.business-cont {
	height: 460px;
	width: 100%;
	margin: 54px 0 50px;
}

.business-card {
	display: none;
	height: 100%;
	width: 100%;
}

.business-card.active {
	display: flex;
}

/*招标信息*/
.bidding {
	justify-content: space-between;
}

.bidding li {
	width: 448px;
	background: #FFFFFF;
	box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.15);
	border-radius: 10px;
}

.bidding li:hover h4 {
	color: rgb(10, 72, 165);
}

.bidding a {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 44px;
}

.bidding h4 {
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	color: #333333;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 56px;
	transition: all 0.3s ease-in-out 0s;
}

.bidding p {
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 84px;
	margin: 20px 0 30px;
}

.bidding .bidding-time {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bidding .bidding-time span {
	font-size: 14px;
	color: #999999;
}

.bidding .bidding-time i {
	font-size: 28px;
	color: #999999;
}

/*招标信息 end*/
/*资产公司业务*/
.asset {
	justify-content: space-between;
}

.asset li {
	width: 435px;
	height: 100%;
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.17);
}

.asset li:hover h4 {
	color: rgb(10, 72, 165);
}

.asset a {
	display: inline-block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 73px 46px 72px 28px;
}

.asset h4 {
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	color: #333333;
	transition: all 0.3s ease-in-out 0s;
}

.asset p {
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	height: 112px;
	margin: 60px 0 30px;
}

.asset span {
	font-size: 14px;
	color: #999999;
}

.asset .asset-jt {
	width: 74px;
	height: 26px;
	border-radius: 30px;
	background: rgb(10, 72, 165);
	margin-top: 45px;
	text-align: center;
	line-height: 26px;
}

.asset .asset-jt i {
	font-size: 28px;
	color: #FFFFFF;
}

/*资产公司业务 end*/
/*快运巴士业务*/
.expressBus {
	justify-content: space-between;
}

.expressBus li {
	width: 676px;
	height: 423px;
	background: #FFFFFF;
	box-sizing: border-box;
	padding: 24px 30px 0;
	border-radius: 10px;
	box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.17);
}

.expressBus a {
	display: inline-block;
	width: 100%;
	height: 437px;
	border-radius: 10px;
	box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.17);
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	padding: 96px 50px;
}

.expressBus a:before {
	content: "";
	width: 222px;
	height: 222px;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	top: -63px;
	left: -74px;
}

.expressBus a.transit {
	background: url("../images/gjdz.png") no-repeat right bottom, rgb(10, 72, 165);
}

.expressBus a.throughTrain {
	background: url("../images/jqztc.png") no-repeat right bottom, rgb(10, 72, 165);
}

.expressBus h4 {
	font-size: 48px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 23px;
}

/*快运巴士业务 end*/
.business-more {
	text-align: center;
}

.business-more a {
	display: none;
	width: 250px;
	height: 65px;
	border-radius: 10px;
	box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.38);
	background: rgb(10, 72, 165);
	text-align: center;
	line-height: 65px;
	font-size: 18px;
	color: #FFFFFF;
}

.business-more a.active {
	display: inline-block;
}

/*汽修公司业务*/
.autoRepair {
	justify-content: space-between;
}

.autoRepair > li {
	width: 435px;
	height: 100%;
	box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.17);
	background: #FFFFFF;
	border-radius: 10px;
	overflow: hidden;
}

.autoRepair .rep_t {
	width: 100%;
	height: 217px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.autoRepair .rep_t img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.autoRepair .rep_t p {
	position: absolute;
	bottom: 0;
	width: 303px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	height: 49px;
	line-height: 49px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 10px 10px 0px 0px;
	font-size: 16px;
	color: #FFFFFF;
}

.rep_list {
	width: 100%;
	height: 243px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 34px 14px 40px;
	align-content: space-between;
}

.rep_list li {
	width: 196px;
	height: 70px;
	background: linear-gradient(90deg, rgba(10, 72, 165, 0.13) 2%, rgba(216, 216, 216, 0) 100%);
}

.rep_list li:hover span {
	font-weight: bold;
}

.rep_list a {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

.rep_list i {
	font-size: 20px;
	color: rgb(10, 72, 165);
}

.rep_list span {
	font-size: 16px;
	color: rgb(10, 72, 165);
	display: inline-block;
	margin-left: 9px;
}

/*汽修公司业务 end*/
/*商务信息 end*/
/*人才招聘*/
.talent-wrapper {
	margin-top: 106px;
}

.talent-wrapper .plate_title {
	justify-content: center;
}

.talent-wrapper .plate_title .plate_left h4 {
	color: #333333;
}

.talent-wrapper .plate_title .plate_left h4:after {
	background: rgb(10, 72, 165);
}

.talent-wrapper .plate_title .plate_left span {
	color: #666666;
}

.talent-tabs {
	display: flex;
	justify-content: center;
	margin-top: 53px;
}

.talent-tabs li {
	width: 180px;
	height: 58px;
	box-sizing: border-box;
	border: 1px solid #e4e4e4;
	border-radius: 60px;
	margin-right: 30px;
	text-align: center;
	line-height: 58px;
	font-size: 16px;
	color: #333333;
	cursor: pointer;
}

.talent-tabs li:last-child {
	margin-right: 0;
}

.talent-tabs li.active, .talent-tabs li:hover {
	background: #0A48A5;
	color: #FFFFFF;
}

.business-more {
	text-align: center;
}

.business-more a {
	display: none;
	width: 249px;
	height: 65px;
	border-radius: 10px;
	font-size: 18px;
	color: #FFFFFF;
	background: rgb(10, 72, 165);
	box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.38);
	line-height: 65px;
}

.business-more a.active {
	display: inline-block;
}

.business-list {
	display: none;
	justify-content: space-between;
	margin: 43px 0 50px;
}

.business-list.active {
	display: flex;
}

.business-list li {
	width: 435px;
	height: 341px;
	background: #FFFFFF;
	box-sizing: border-box;
	padding: 61px 37px;
	overflow: hidden;
	box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.15);
	border-radius: 10px;
}

.business-list li:hover {
	/*            p {
					&:before {
						background: $mColor;
					}
				}*/
}

.business-list li:hover h4 {
	color: rgb(10, 72, 165);
}

.business-list a {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.business-list h4 {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 46px;
	transition: all 0.3s ease-in-out 0s;
}

.business-list p {
	font-size: 16px;
	line-height: 26px;
	color: #666666;
	box-sizing: border-box;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	position: relative;
	/*        &:before {
				content: "";
				width: 10px;
				height: 10px;
				display: inline-block;
				position: absolute;
				border-radius: 50%;
				background: rgba(10, 72, 165, 0.54);
				left: 0;
				top: 24px;
				transition: all .3s ease-in-out 0s;
			}*/
}

.business-list span {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #999999;
	box-sizing: border-box;
	padding-right: 45px;
}

.business-list span i {
	font-size: 28px;
}

/*人才招聘 end*/
/*员工专区*/
.employee {
	box-sizing: border-box;
	padding: 78px 0 180px;
}

.employee .plate_title .plate_left h4 {
	color: #333333;
}

.employee .plate_title .plate_left h4:after {
	background: rgb(10, 72, 165);
}

.employee .plate_title .plate_left span {
	color: #666666;
}

.employee .plate_title .plate_more {
	border-color: #999999;
	color: #999999;
}

.employee-layout {
	display: flex;
	justify-content: space-between;
	margin-top: 42px;
}

.employee-left {
	width: 691px;
	height: auto;
}

.employee-left li {
	height: 224px;
	border-radius: 10px;
	box-shadow: 0 4px 20px 0 rgba(10, 72, 165, 0.14);
	margin-bottom: 20px;
}

.employee-left li:last-child {
	margin-bottom: 0;
}

.employee-left a {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 23px 20px;
}

.employee-left img {
	width: 274px;
	height: 178px;
	display: block;
	object-fit: cover;
}

.employee-left .employee_fr_text {
	width: calc(100% - 274px);
	box-sizing: border-box;
	padding-left: 22px;
}

.employee-left .employee_fr_text h4 {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.employee-left .employee_fr_text p {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 48px;
	margin: 12px 0 36px;
}

.employee-left .employee_fr_time {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.employee-left .employee_fr_time div {
	width: 41px;
	height: 21px;
	border-radius: 3px;
	background: rgb(10, 72, 165);
	text-align: center;
	line-height: 21px;
}

.employee-left .employee_fr_time div i {
	color: #FFFFFF;
	font-size: 14px;
}

.employee-left .employee_fr_time span {
	font-size: 14px;
	color: #999999;
}

.employee-right {
	width: 691px;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.employee-right li {
	height: 143px;
	border-radius: 10px;
	box-shadow: 0px 4px 20px 0px rgba(10, 72, 165, 0.14);
}

.employee-right li:hover .employee_ri_time p, .employee-right li:hover .employee_ri_time span {
	color: rgb(10, 72, 165);
}

.employee-right li:hover .employee_ri_text h4 {
	color: rgb(10, 72, 165);
}

.employee-right a {
	display: flex;
	align-items: center;
	height: 100%;
}

.employee-right .employee_ri_time {
	width: 106px;
	height: auto;
	text-align: center;
	position: relative;
}

.employee-right .employee_ri_time p {
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	transition: all 0.3s ease-in-out 0s;
}

.employee-right .employee_ri_time span {
	font-size: 14px;
	color: #999999;
	transition: all 0.3s ease-in-out 0s;
}

.employee-right .employee_ri_time:after {
	content: "";
	width: 1px;
	height: 29px;
	display: inline-block;
	position: absolute;
	background: #D8D8D8;
	right: 0;
	top: 50%;
	transform: translateX(-50%);
}

.employee-right .employee_ri_text {
	width: calc(100% - 106px);
	box-sizing: border-box;
	padding: 0 39px 0 18px;
}

.employee-right .employee_ri_text h4 {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: all 0.3s ease-in-out 0s;
}

.employee-right .employee_ri_text p {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 48px;
	margin-top: 9px;
}

/*员工专区 end*/
/*在线留言 网络投票*/
.leaveMsg {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 68px 0;
	background: url("../images/leaveMsgBg.png") repeat center top;
}

.leave-layout {
	display: flex;
	justify-content: space-between;
}

.leave-layout .leave-title {
	display: flex;
	align-items: center;
	max-width: 200px;
	margin-bottom: 50px;
}

.leave-layout .leave-title h4 {
	display: inline-block;
	color: #FFFFFF;
	font-size: 28px;
	margin-left: 22px;
}

.leave-left {
	width: 655px;
	height: auto;
}

.leave-left .leave-form-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.leave-left label i {
	font-size: 20px;
	color: #FFFFFF;
}

.leave-left .leave-input-inline {
	max-width: 300px;
	width: 100%;
	height: 70px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 23px;
}

.leave-left .leave-input-inline .layui-form-select {
	width: calc(100% - 32px);
}

.leave-left .leave-input-inline input {
	width: calc(100% - 32px);
	background: transparent;
	border: none;
	outline: none;
	font-size: 16px;
	color: #FFFFFF;
	padding: 0;
}

.leave-left .leave-input-inline input:focus {
	border: none;
	outline: none;
}

.leave-left .leave-input-inline input::placeholder {
	font-size: 16px;
	color: #FFFFFF;
}

.leave-left .leave-input-inline .layui-form-select dl dd.layui-this {
	background: rgb(10, 72, 165);
}

.leave-left .leave-input-block {
	width: calc(100% - 32px);
}

.leave-left .leave-form-text {
	padding: 38px 23px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.leave-left .leave-form-text .layui-textarea {
	background: transparent;
	border: none;
	outline: none;
	font-size: 16px;
	color: #FFFFFF;
	padding: 0;
}

.leave-left .leave-form-text .layui-textarea::placeholder {
	color: #FFFFFF;
}

.leave-left .leave-btn {
	width: 120px;
	height: 55px;
	background: rgb(10, 72, 165);
	border-radius: 10px;
	color: #FFFFFF;
	font-size: 20px;
	border: none;
	cursor: pointer;
}

.leave-right {
	width: 651px;
	height: auto;
}

.vote-cont {
	display: flex;
	justify-content: space-between;
	height: 432px;
}

.vote-cont .vote-swiper {
	width: 557px;
	height: auto;
	margin: 0;
}

.vote-cont .vote-swiper a {
	display: inline-block;
	width: 100%;
	height: 120px;
	background: #FFFFFF;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 25px;
}

.vote-cont .vote-swiper a:hover h4 {
	color: rgb(10, 72, 165);
	font-weight: bold;
}

.vote-cont .vote-swiper h4 {
	box-sizing: border-box;
	padding-bottom: 17px;
	border-bottom: 1px dashed #D8D8D8;
	padding-left: 18px;
	position: relative;
	font-size: 16px;
	color: #333333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.vote-cont .vote-swiper h4:before {
	width: 4px;
	height: 20px;
	content: "";
	display: inline-block;
	position: absolute;
	border-radius: 10px;
	background: rgb(10, 72, 165);
	left: 0;
	top: 0;
}

.vote-cont .vote-swiper p {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 13px;
}

.vote-cont .vote-swiper p span {
	font-size: 14px;
	color: #999999;
}

.vote-cont .vote-swiper p i {
	font-size: 16px;
	color: #999999;
}

.vote-cont .vote-btn {
	width: 41px;
	height: 108px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-self: center;
}

.vote-cont .vote-btn .vote-button-prev,
.vote-cont .vote-btn .vote-button-next {
	position: relative;
	width: 41px;
	height: 44px;
	margin: 0;
	left: auto;
	right: auto;
	top: 0;
}

.vote-cont .vote-btn .vote-button-prev {
	background: url("../images/vote-btn-img.png") no-repeat center top;
}

.vote-cont .vote-btn .vote-button-next {
	background: url("../images/vote-btn-img.png") no-repeat center bottom;
}

/* 新增css */
.icon-title {
	display: inline-block;
	width: 20px;
	height: 17px;
	background: url(../images/icon-title.png) no-repeat center;
}

/* 新增css end */
/*在线留言 网络投票 end*/
.friendlyLinks {
	width: 100%;
	min-height: 80px;
	background: #31363E;
	box-sizing: border-box;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.19);
	line-height: 80px;
}

.f_wr {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.f_wr span {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	box-sizing: border-box;
	padding-right: 15px;
}

.f_wr span:after {
	content: "";
	width: 1px;
	height: 14px;
	display: inline-block;
	position: absolute;
	background: #FFFFFF;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.f_wr a {
	display: inline-block;
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 40px;
}

@media screen and (max-width: 1400px) {
	.header-swiper {
		height: 487px;
	}

	.not_card, .employee-left, .employee-right, .leave-left, .leave-right {
		width: 49%;
	}

	.culture-right {
		width: 990px;
	}

	.elegant-list li, .expressBus li, .rep_list li {
		width: calc(50% - 10px);
	}

	.bidding li, .asset li {
		width: calc(33.3333333333% - 10px);
	}

	.autoRepair > li {
		width: calc(33.3333333333% - 10px);
	}

	.business-list li {
		width: calc(33.3333333333% - 10px);
		box-shadow: 0px 4px 10px 0px rgba(10, 72, 165, 0.15);
		background-image: none;
	}
}

@media screen and (max-width: 1280px) {
	.employee-right {
		width: 40%;
	}

	.employee-left {
		width: 58%;
	}

	.about-right, .about-left {
		width: 49%;
	}

	.about-left {
		padding-right: 20px;
	}

	.culture-right {
		width: 860px;
	}

	.elegant {
		padding: 50px 30px;
	}

	.team-swiper .team-btn {
		left: 105px;
	}

	.team-swiper .team-info {
		width: 525px;
	}

	.vote-cont .vote-swiper {
		width: 500px;
	}

	.leave-left .leave-input-inline {
		width: 48%;
	}
}

@media screen and (max-width: 1152px) {
	.culture-right {
		width: 750px;
	}

	.aboutUs {
		padding: 110px 40px;
	}

	.team-swiper .team-btn {
		left: 55px;
	}

	.vote-cont .vote-swiper {
		width: 435px;
	}
}

@media screen and (max-width: 1024px) {
	.header-swiper {
		height: 352px;
	}

	.about-us {
		padding: 60px 0;
	}

	.about-layout {
		flex-direction: column;
	}

	.about-left {
		width: 100%;
	}

	.about-right {
		width: 100%;
		margin-top: 40px;
		max-height: 439px;
		height: auto;
	}

	.culture-layout {
		flex-direction: column;
	}

	.culture-left {
		display: flex;
		justify-content: space-between;
		border-radius: 10px;
		padding: 20px;
	}

	.culture-left li {
		margin: 10px 0;
		width: calc(20% - 10px);
	}

	.culture-right {
		position: relative;
		width: 100%;
		border-radius: 10px;
		margin-top: 30px;
	}

	.aboutUs {
		padding: 30px;
	}

	.aboutUs .brief {
		margin: 15px 0;
	}

	.elegant-list li {
		height: 220px;
		margin-bottom: 20px;
	}

	.team-swiper {
		padding: 30px;
	}

	.team-swiper .team-info {
		position: relative;
		float: right;
	}

	.transit {
		padding: 30px;
	}

	.transit li {
		margin-bottom: 20px;
	}

	.news-layout {
		flex-direction: column;
	}

	.news-left {
		width: 100%;
	}

	.transit-news, .employee {
		padding: 60px 0;
	}

	.news-right {
		width: 100%;
		margin-top: 20px;
	}

	.news-right li {
		box-sizing: border-box;
		padding-bottom: 20px;
	}

	.business-cont {
		height: auto;
		margin-top: 20px;
	}

	.business-card {
		flex-direction: column;
	}

	.bidding li, .asset li {
		width: 100%;
		margin-top: 20px;
	}

	.asset a {
		padding: 30px;
	}

	.asset p {
		margin: 20px 0;
	}

	.expressBus li {
		width: 100%;
		margin-top: 20px;
		padding-bottom: 24px;
	}

	.expressBus a {
		height: 100%;
	}

	.autoRepair > li {
		width: 100%;
		margin-top: 20px;
	}

	.autoRepair .rep_t p {
		width: 94%;
	}

	.notice-layout {
		margin-top: 0;
	}

	.employee-layout {
		flex-direction: column;
	}

	.employee-left, .employee-right {
		width: 100%;
	}

	.employee-right li {
		margin-top: 20px;
	}

	.leave-layout {
		flex-direction: column;
	}

	.leave-left, .leave-right {
		width: 100%;
	}

	.leave-right {
		margin-top: 50px;
	}

	.vote-cont .vote-swiper {
		width: 90%;
	}

	.business-list {
		flex-direction: column;
	}

	.business-list li {
		width: 100%;
		margin-bottom: 20px;
	}

	.culture-list {
		flex-wrap: wrap;
		height: auto;
	}

	.culture-list li {
		width: 50%;
		height: 260px;
		box-shadow: 0px 4px 20px 0px rgba(10, 72, 165, 0.14);
	}

	.construct-layout {
		flex-direction: column;
	}

	.construct-left {
		width: 100%;
	}

	.construct-left img {
		max-height: 424px;
		height: auto;
	}

	.construct-right {
		width: 100%;
		padding-left: 0;
	}

	.construct-right li {
		margin-top: 20px;
	}
}

@media screen and (max-width: 800px) {
	.notice-layout {
		flex-direction: column;
		padding: 40px 48px 60px;
		height: auto;
	}

	.not_card {
		width: 100%;
	}

	.notice-right {
		margin-top: 20px;
	}

	.aboutUs .about-list {
		justify-content: space-between;
	}

	.aboutUs .about-list li {
		margin-right: 0;
	}
}

@media screen and (max-width: 750px) {
	.team-swiper .team-info {
		width: 100%;
		float: none;
	}

	.team-swiper .team-btn {
		position: initial;
		margin-top: 20px;
		float: right;
	}

	.disseminate {
		padding: 30px;
	}

	.elegant:after {
		display: none;
	}

	.elegant-list {
		flex-direction: column;
	}

	.elegant-list li {
		width: 100%;
		max-height: 341px;
		height: auto;
	}

	.transit-list {
		flex-direction: column;
	}

	.transit-list li {
		width: 100%;
	}

	.news-left {
		max-height: 432px;
		height: 100%;
	}

	.business-tabs li {
		width: 16.6666666667%;
		margin-right: 10px;
	}

	.business-tabs li:first-child, .business-tabs li:last-child {
		border-radius: 20px;
	}

	.plate_title {
		flex-direction: column;
		align-items: flex-start;
		height: auto;
	}

	.plate_more {
		align-self: flex-end;
		margin-top: 20px;
	}

	.expressBus li {
		height: auto;
	}

	.expressBus a {
		padding: 20px;
	}
}

@media screen and (max-width: 616px) {
	.business-tabs {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.business-tabs li {
		width: calc(33.3333333333% - 10px);
		margin-bottom: 10px;
		margin-right: 0;
	}

	.construct-right li {
		width: 100%;
	}
}

@media screen and (max-width: 515px) {
	.header-swiper {
		height: 270px;
	}

	.employee-left img {
		display: none;
	}

	.employee-left .employee_fr_text {
		width: 100%;
	}

	.employee-left li {
		height: 186px;
	}

	.news-left {
		max-height: 323px;
	}

	.business-more a {
		width: 165px;
	}

	.culture-left {
		flex-wrap: wrap;
		position: relative;
	}

	.culture-left:after {
		content: "";
		width: calc(33.3333333333% - 10px);
		height: 1px;
		display: inline-block;
	}

	.culture-left li {
		width: calc(33.3333333333% - 10px);
	}

	.about-list li {
		width: calc(25% - 10px);
	}

	.business-tabs {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.business-tabs li {
		width: calc(50% - 10px);
		margin-right: 0;
		margin-bottom: 20px;
	}

	.business-tabs li:first-child, .business-tabs li:last-child {
		border-radius: 20px;
	}

	.business-cont {
		margin-top: 0;
	}

	.expressBus h4 {
		font-size: 34px;
	}

	.expressBus a.transit, .expressBus a.throughTrain {
		background-image: none;
	}

	.plate_left h4 {
		font-size: 36px;
	}

	.plate_left span {
		display: none;
	}

	.leave-left .leave-form-item {
		flex-direction: column;
		margin-bottom: 0;
	}

	.leave-left .leave-input-inline {
		margin-bottom: 20px;
		width: 100%;
		max-width: 100%;
	}

	.leave-left .leave-btn {
		margin-top: 20px;
	}

	.vote-cont {
		flex-direction: column;
		height: 228px;
	}

	.vote-cont .vote-btn {
		transform: rotate(-90deg);
	}

	.news-swiper p {
		padding: 0 10px;
	}

	.notice-layout {
		padding: 20px 20px 60px;
	}

	.culture-list li {
		height: 190px;
	}
}

@media screen and (max-width: 450px) {
	.culture-list {
		margin-top: 35px;
	}

	.culture-list li {
		width: 100%;
	}
}

@media screen and (max-width: 414px) {
	.about-list, .aboutUs .about-list {
		flex-wrap: wrap;
	}

	.about-list li, .aboutUs .about-list li {
		width: calc(50% - 10px);
		margin-bottom: 20px;
	}
}