.banner{}
.banner a{display: block;position: relative;}
.banner .slick-dots{z-index: 9;bottom: 2rem;}
.banner .slick-dots li{border: 1px solid #fff;border-radius: 50%;width: 13px;height: 13px;}
.banner .slick-dots li.slick-active{background: #fff;}
.banner p{font-size: 20px;color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.banner .con{position: absolute;left: 250px;bottom: 3rem;z-index: 9;background: rgba(0, 0, 0, 0.2);padding: 1rem;}
@media screen and (max-width: 1024px) {
	.banner .con{left: 0;bottom: 0;}
	.banner .slick-dots{bottom: 3rem;}

}

.section1 {
	padding: 50px 0;
	background-color: #f4f4f4;
}

.sect1 {
	overflow: hidden;
	display: flex;justify-content: space-between;
	flex-wrap: wrap;
}

.sect1-l {
	width: 48.57%;
	float: left;
	padding: 22px 0;
	background: #fff;
}

.sect1-lk {
	position: relative;
	z-index: 1;
}
.sect1-lk .title{padding-right: 40px;}



.sect1-r {
	float: right;
	width: 48.57%;
	background: #fff;
	padding: 22px 0;
}
.sect1-r .title{padding-right: 40px;}
.title {
	position: relative;
	z-index: 2;
}

.title::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.title>a {
	display: block;
	line-height: 50px;
	font-size: 14px;
	color: #333333;
	float: right;
}

.title>p {
	float: left;
	padding: 9.5px 28px;
	font-size: 28px;
	color: #ffffff;
	background-color: #0e5ea3;
	border-radius: 15px 15px 0 0;
}

.lb-text {
	float: left;
	padding: 30px;
	box-sizing: border-box;
	margin-right: 450px;
	min-height: 300px;
}

.sect1-m div a {
	display: block;
	overflow: hidden;
	position: relative;
}

.sect1-m div a .lb img {
	transition: all 0.6s;
	width: 100%;
	height: 100%;
}

.sect1-m div a:hover .lb img {
	transform: scale(1.1);
}

.sect1-m>div>a>div:last-child {
	overflow: hidden;
}

.lb-text>h2 {
	font-size: 18px;
	font-weight: normal;
	height: 72px;
	color: #0e5ea3;
	line-height: 36px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lb-text>p {
	font-size: 14px;
	line-height: 30px;
	height: 60px;
	color: #666666;
	margin: 15px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lb-text>span {
	font-size: 14px;
	padding-left: 50px;
	color: #666666;
	display: inline-block;
	background: url("../image/icon-look.png") no-repeat left center;
}

.sect1-m {
	position: relative;
	overflow: hidden;
	min-height: 300px;
}

.sect1-m>.slick-prev {
	top: inherit;
	left: inherit;
	right: 560px;
	bottom: 40px;
	width: 60px;
	height: 30px;
	border: solid 1px #bfbfbf;
	background: url("../image/left.png") no-repeat center center;
	z-index: 888;
	transform: translateX(0) translateY(0);
}

.sect1-m>.slick-next {
	top: inherit;
	bottom: 40px;
	width: 60px;
	right: 490px;
	height: 30px;
	border: solid 1px #bfbfbf;
	background: url("../image/right.png") no-repeat center center;
	z-index: 888;
	transform: translateX(0) translateY(0);
}
.sect1-b{padding: 0 40px;}
.sect1-b>ul {
	margin-top: 30px;
}

.sect1-b>ul>li {
	float: left;
}

.sect1-b>ul>li>a {
	display: block;
	position: relative;
	margin: 0;
	border-bottom: 1px dashed #dddddd;
	padding: 14px 0;
}
.sect1-b>ul>li>a::after{content: '';display: block;clear: both;}
.sect1-b>ul>li:first-child>a{padding-top: 0;}
.sect1-b>ul>li:last-child>a{border-bottom: 0;}

.sect1-b>ul>li .lb{position: relative;float: left;width: 160px;height: 110px;}
.sect1-b>ul>li .lb-text{float: right;margin: 0;width: calc(100% - 160px);padding-top: 0;margin-top: -4px;padding-left: 25px;min-height: unset;padding-bottom: 0;padding-right: 0;}
.sect1-b>ul>li .lb-text h2{line-height: 30px;height: 60px;color: #333333;}
.sect1-b>ul>li .lb-text p{font-size: 14px;line-height: 22px;color: #666666;margin-top: 10px;height: 44px;margin-bottom: 0;}
.sect1-b>ul>li .lb img{width:100%}
.sect1-b>ul>li:hover .lb-text h2{color: #0e5ea3;font-weight: bold;}



.sect1-r>ul{padding: 0 40px;}
.sect1-r>ul>li>a {
	display: flex;
	position: relative;
	overflow: hidden;
	justify-content: space-between;
	align-items: center;
	height: 56px;
	padding: 18px 0;
	border-bottom: 1px solid #e5e5e5;
}


.sect1-r>ul>li {
	overflow: hidden;
}

.tz-time {
	float: left;
	width: 70px;
}

.tz-text {
	width: calc(100% - 70px);
	overflow: hidden;
	padding-left: 23px;
}

.tz-time>p {
	font-size: 18px;
	color: #fff;
	background: #0e5ea3;
	text-align: center;
	line-height: 30px;
	height: 30px;
}

.tz-time>span {
	font-size: 14px;
	color: #666666;
	background: #f4f4f4;
	display: block;
	text-align: center;
	line-height: 26px;
	height: 26px;
}

.tz-text>p {
	max-height: 60px;
	font-size: 16px;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333333;
}



.sect1-r>ul {
	z-index: 1;
}

.sectino2 {
	padding: 50px 0;
	overflow: hidden;
}

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

.sect2-l {
	margin-right: 222px;
}

.title1 {
	/* overflow: hidden; */
	float: left;
	width: 168px;
}

.title1>p {
	font-size: 28px;
	color: #ffffff;
	padding: 31.5px 28px;
	background-color: #0e5ea3;
	margin-bottom: 52px;
}

.title1>a {
	display: block;
}

.title1>a>span {
	padding: 12px 80px 12px 20px;
	display: block;
	font-size: 14px;
	color: #666666;
	border: solid 1px #cccccc;
	margin-left: 19px;
	margin-right: 19px;
	background: url("../image/right.png") no-repeat 80% center;
	margin-bottom: 10px;
}

.sect2-t {
	overflow: hidden;
}

.sect2-t>ul {
	float: left;
	width: calc(100% - 168px);
	overflow: hidden;
	margin-top: -20px;
}

.sect2-t>ul>li {
	width: 33.333%;
	float: left;
	margin-top: 20px;
}

.sect2-t>ul>li>a {
	display: block;
	border: solid 1px #e5e5e5;
	box-sizing: border-box;
	margin-left: 30px;
	padding: 25px 20px;
}

.sect2-t>ul>li>a>p {
	height: 50px;
	font-size: 16px;
	color: #333333;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.sect2-b {
	overflow: hidden;
	margin-top: 30px;
}

.sect2-b>ul {
	float: left;
	width: calc(100% - 168px);
	overflow: hidden;
	margin-top: -20px;
}

.sect2-b>ul>li {
	width: 33.333%;
	float: left;
	margin-top: 20px;
}

.sect2-b>ul>li>a {
	display: block;
	padding: 25px 20px;
	margin-left: 30px;
	border: solid 1px #e5e5e5;
	box-sizing: border-box;
}

.sect2-b>ul>li>a>p {
	font-size: 14px;
	letter-spacing: 0px;
	color: #666666;
	background: url("../image/time.png") no-repeat left center;
	padding-left: 20px;
	margin-bottom: 8px;
}

.sect2-b>ul>li>a>span {
	height: 21px;
	font-size: 16px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.sect2-r {
	position: absolute;
	right: 0;
	top: 0;
	width: 192px;
}

.sect2-r>ul>li {
	text-align: center;
	transition: all 0.3s;
}

.sect2-r>ul>li>a {
	display: block;
	padding: 27.5px 14px;
	overflow: hidden;
}

.sect2-r>ul>li:nth-child(1) {
	background-color: #e6a535;
}

.sect2-r>ul>li:nth-child(2) {
	background-color: #3fb3eb;
	margin: 21px 0;
}

.sect2-r>ul>li:nth-child(3) {
	background-color: #78bf59;
}

.sect2-r>ul>li:hover {
	background-color: #0e5ea3;
}

.sect2-r>ul>li>a>p {
	margin-top: 15px;
	font-size: 18px;
	color: #ffffff;
}

.section3 {
	padding: 50px 0;
	background: url(../image/p3_bg.jpg) no-repeat bottom center;
	background-size: cover;
}

.sect3-l {
	float: left;
	width: 65.9%;
}

.title2 {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
}

.title2>p {
	font-size: 24px;
	padding: 9.5px 36px;
	float: left;
	color: #ffffff;
	background-color: #0e5ea3;
	border-radius: 15px 15px 0 0;
}

.title2>a {
	font-size: 14px;
	line-height: 50px;
	float: right;
	color: #333333;
}

.sect3 {
	overflow: hidden;

	display: flex;justify-content: space-between;flex-wrap: wrap;
	margin-bottom: 50px !important;
}

.sect3-l>ul {
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px;
}

.sect3-l>ul>li {
	position: relative;
	float: left;
	width: 50%;
	overflow: hidden;
	margin-top: 30px;
}

.sect3-l>ul>li>a {
	display: block;
	margin: 0 15px;
	padding: 20px;
	box-sizing: border-box;
	background-color: #ffffff;
}

.sect3-l>ul>li>a::after {
	content: '';
	left: 50px;
	top: 0;
	position: absolute;
	width: 80px;
	height: 3px;
	background-color: #006db8;
}

.xq-img {
	float: left;
}

.xq-text {
	overflow: hidden;
	padding-left: 20px;
}

.xq-text>p {
	height: 60px;
	font-size: 15px;
	line-height: 30px;
	color: #303030;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.xq-text>span {
	font-size: 14px;
	background: url("../image/rl.png") no-repeat left center;
	padding-left: 25px;
	line-height: 30px;
	color: #999999;
}



.sect3-r {
	width: 31.06%;
	float: right;
}

.sect3-r .title2>p{background: #ffffff;color: #333333;border: 1px solid #e5e5e5;    padding: 9.5px 13px;border-radius: 15px 15px 0 0;cursor: pointer;border-bottom: 0 solid #000;}
.sect3-r .title2>p.on{background: #0e5ea3;color: #fff;}

.sect3-r .title2>a{display: none;}
.sect3-r .title2>a.on{display: block;}

.sect3-r>ul {
	margin-top: 15px;
	display: none;
}
.sect3-r>ul.on{display: block;}

.sect3-r>ul>li {
	line-height: 50px;
	position: relative;
	background: url("../image/news_d1.png") no-repeat left center;
	border-bottom: 1px dashed #dddddd;
}

.sect3-r>ul>li>a>p {
	margin-left: 15px;
	margin-right: 90px;
	font-size: 16px;
	line-height: 50px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sect3-r>ul>li>a>span {
	position: absolute;
	right: 0;
	font-size: 14px;
	color: #999999;
	top: 50%;
	transform: translateY(-50%);
}

.section4 {
	padding: 50px 0 90px 0;
}

.sect4>ul {
	margin-top: 50px;
}

.sect4>ul>li {
	width: 23.48%;
	padding: 4px;
	position: relative;
}

.sect4>ul>li>a {
	position: relative;
	display: block;
}

.fc-text {
	width: 80%;
	z-index: 99999;
	position: absolute;
	bottom: 20px;
	left: 4px;
	background-color: rgba(0, 0, 0, .7);
	border-radius: 5px;
}

.fc-lb>a>div:first-child {
	padding-top: 70.46%;
	position: relative;
	overflow: hidden;
}

.fc-text>p {
	font-size: 16px;
	line-height: 45px;
	color: #ffffff;
	padding-left: 18px;
}

.sect4 .slick-dots {
	bottom: -40px;
}

.sect4 .slick-dots>li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: solid 1px #0e5ea3;
}

.sect4 .slick-dots>.slick-active {
	background-color: #0e5ea3;
}

.sect4 .slick-list {
	margin-left: -15px;
	margin-right: -15px;
}

.section5 {
	padding: 50px 0;
	background-color: #f4f4f4;
}

.sect5>ul {
	margin-top: 40px;
}

.sect5 ul li {
	text-align: center;
}

.sect5 ul li a {
	display: block;
}



.yqlj {
	height: 120px;
	width: 120px;
	border-radius: 50%;
	background-color: #ffffff;
	position: relative;
	text-align: center;
	margin: 10px auto;
}

.yqlj>img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.3s;
}

.sect5 ul li a:hover .yqlj>img {
	animation: icon-yh 0.6s linear;
}

.sect5 ul li a p {
	width: 120px;
	font-size: 18px;
	color: #333333;
	margin: 15px auto;
}

.sect6{}
.sect6 .title2{border-bottom: 0 solid #000;position: relative;}
.sect6 .title2::after{content: '';display: block;width: 100%;height: 2px;background: #cfdfed;position: absolute;bottom: 0;left: 0;z-index: 1;}
.sect6 .title2 p{position: relative;z-index: 3;}

.sect6 ul{display: flex;flex-wrap: wrap;padding: 4px 0;margin-bottom: 15px;}
.sect6 ul li{width: calc(12.5% - 10px);margin-left: 10px;padding: 1px 0;}
.sect6 ul li a{font-size: 16px;color: #333333;line-height: 2.28rem;transition: 0.4s;}
.sect6 ul li a:hover{color: #0e5ea3;font-weight: bold;}


.fc-lb {
	width: 25%;
}

.fc-lb>a {
	display: block;
	margin: 0 15px;
	position: relative;
	padding: 4px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.fc-lb>a div img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	transition: all 0.5s;
}

.fc-lb>a:hover div img {
	transform: scale(1.1);
}

.lb {
	overflow: hidden;
	position: absolute;
	right: 0;
	/*bottom: 0;*/
	width: 450px;
	height: 300px;
}

.sect1-b {
	overflow: hidden;
}

.sect2-r>ul {
	overflow: hidden;
}

.sect1-b>ul>li:hover a>span {
	color: #0e5ea3;
}

.sect1-r>ul>li:hover .tz-text p {
	color: #0e5ea3;
	font-weight: bold;
}



.sect1-m>.slick-prev:hover {
	background: #207ca3 url("../image/right-ho.png") no-repeat center center;
}

.sect1-m>.slick-next:hover {
	background: #207ca3 url("../image/left-ho.png") no-repeat center center;
}

.sect2-t>ul>li>a:hover {
	background-color: #0e5ea3;
}

.sect2-t>ul>li>a:hover p {
	color: white;
}

.sect2-b>ul>li>a:hover {
	background-color: #0e5ea3;
}

.sect2-b>ul>li>a:hover p {
	color: white;
	background: url("../image/time-ho.png") no-repeat left center;
}

.sect2-b>ul>li>a:hover span {
	color: white;
}

.title>a:hover {
	color: #0e5ea3;
}

.title1>a>span:hover {
	color: #ffffff;
	background: #0e5ea3 url("../image/left-ho.png") no-repeat 80% center;
}

.title2>a:hover {
	color: #0e5ea3;
}

.sect3-l>ul>li>a:hover {
	background-color: #0e5ea3;
}

.sect3-l>ul>li:hover a p {
	color: #ffffff;
}

.sect3-l>ul>li:hover a span {
	color: #ffffff;
	background: url("../image/rl-ho.png") no-repeat left center;
}

.sect3-r>ul>li:hover a p {
	color: #0e5ea3;
}

.sect5 ul li:hover .yqlj {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.sect5 ul li:hover a p {
	color: #0e5ea3;
}

.sect1-m>div:hover a>.lb-text>h2 {
	text-decoration: underline;
}

.sect1-m>div:hover a>.lb-text>span {
	color: #0e5ea3;
}

@media screen and (max-width: 1320px) {
	.title1>a>span {
		padding: 12px 35px 12px 20px;
	}

	.sect1 {
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

@media screen and (max-width: 1200px) {
	.sect1-m>.slick-prev {
		right: 510px;
	}

	.sect1-m>.slick-next {
		right: 440px;
	}

	.lb {
		width: 400px;
		height: 266px;
	}

	.sect1-m,
	.lb-text {
		min-height: 266px;
	}

	.lb-text {
		padding: 25px;
		margin-right: 400px;
	}

	.lb-text>h2 {
		line-height: 30px;
		height: 60px;
	}

	.lb-text>p {
		line-height: 26px;
		height: 52px;
		margin: 10px 0;
	}

	.sect1-r>ul>li {
		margin-top: 14px;
	}
}

@media screen and (max-width: 1024px) {
	.sect1-b>ul {
		margin-top: 15px;
	}

	.sect2-b>ul {
		float: none;
		width: auto;
		margin-left: -30px;
		margin-top: 0;
	}

	.sect2-t>ul {
		float: none;
		width: auto;
		margin-left: -30px;
		margin-top: 0;
	}

	.title1>a>span {
		margin-right: 0;
		padding: 5px 35px 5px 20px;
	}

	.yqlj {
		width: 90px;
		height: 90px;
	}

	.sect5 ul li a p {
		font-size: 15px;
		width: 90px;
	}

	.section1 {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.sectino2 {
		padding: 20px 0;
	}

	.section3 {
		padding: 20px 0;
	}

	.section4 {
		padding-top: 20px;
		padding-bottom: 50px;
	}

	.section5 {
		padding: 20px 0;
	}

	.sect1-l {
		float: none;
		width: 100%;
	}

	.sect1-r {
		float: none;
		width: 100%;
		margin-top: 15px;
		position: relative;
		z-index: 1;
	}



	.sect1-r>ul {
	}

	.sect1-r>ul>li:last-child {
		padding-bottom: 15px;
	}

	.tz-time {
		padding-left: 0;
	}

	.tz-text {
		padding-left: 35px;
		padding-right: 0;
	}

	.sect1-r>ul>li>a::after {
		left: 68px;
	}

	.sect2-l {
		margin-right: 0;
	}

	.sect2-r {
		position: static;
		width: auto;
	}

	.sect2-r>ul {
		margin-left: -1.5%;
		margin-right: -1.5%;
		margin-top: 20px;
	}

	.sect2-r>ul>li {
		float: left;
		width: 30.333%;
		margin: 0 1.5% !important;
	}

	.sect4 .slick-dots>li {
		width: 8px;
		height: 8px;
	}

	.lb-text>p {
		margin: 10px 0;
	}

	.lb-text>h2 {
		line-height: 30px;
	}

	.title1 {
		float: none;
		width: auto;
		overflow: hidden;
	}

	.title>p {
		padding: 7px 20px;
		font-size: 26px;
	}

	.title1>p {
		font-size: 26px;
		float: left;
		padding: 12px 20px;
		margin-bottom: 0;
	}

	.title1>a {
		float: right;
		margin-top: 14px;
	}

	.sect3-l {
		float: none;
		width: auto;
	}

	.sect3-r {
		padding-top: 30px;
		float: none;
		width: auto;
	}

	.sect4 .slick-dots {
		bottom: -20px;
	}

	.sect2-r>ul>li>a {
		padding: 25px 14px;
	}

	.sect2-r>ul>li>a>p {
		margin-top: 10px;
	}

	.sect1-b>ul>li>a>span:first-child {
		line-height: 45px;
	}

	.fc-lb>a {
		display: block;
		margin: 0 20px;
	}
}

@media screen and (max-width: 768px) {
	.title>p{font-size: 22px;}
	.title2>p{font-size: 22px;}

	.sect1-r>ul {
		padding: 0 10px;
	}
	.sect6 ul li{
		width: calc(50% - 10px);
	}

	.sect3-l>ul>li:nth-child(odd) {
		margin-right: 0;
	}

	.sect1-b>ul:first-child {
		float: none;
		width: auto;
	}

	.sect1-b>ul:last-child {
		float: none;
		width: auto;
	}

	.lb {
		width: 100%;
		position: relative;
		height: auto;
	}

	.sect1-b>ul>li .lb{width: 90px;height: 60px;}
	.sect1-b>ul>li .lb-text{width: calc(100% - 90px);}
	.sect1-b{padding: 0 10px;}
	.sect1-b>ul>li .lb-text h2{font-size: 16px;line-height: 24px;height: 48px;}

	.sect1-lk .title{padding-right: 10px;}

	.lb>img {
		width: 100%;
	}

	.sect1-lk {
		padding-bottom: 5px;
	}


	.sect1-lk:after {
		left: -15px;
		right: -15px;
	}

	.lb-text>h2 {
		height: auto;
	}

	.lb-text {
		float: none;
		width: auto;
		margin-right: 0;
		padding: 20px;
	}

	.lb-text>p {
		height: auto;
		max-height: 52px;
	}

	.sect1-m,
	.lb-text {
		min-height: auto;
		padding: 20px 0;
		padding-bottom: 30px;

	}

	.sect1-m>.slick-prev {
		top: inherit;
		bottom: 10px;
		right: inherit;
		left: 0;

	}

	.sect1-m>.slick-next {
		top: inherit;
		bottom: 10px;
		right: inherit;
		left: 80px;
	}

	.sect2-t>ul,
	.sect2-b>ul {
		margin-left: -20px;
	}

	.sect2-t>ul>li>a,
	.sect2-b>ul>li>a {
		margin-left: 20px;
		padding: 20px;
	}

	.sect2-t>ul>li,
	.sect2-b>ul>li {
		width: 50%;
	}

	.sect3-l>ul>li {
		width: 100%;
	}

	.sect2-r>ul>li>a>img {
		max-height: 35px;
	}

	.sect2-r>ul>li>a>p {
		font-size: 16px;
	}

}

@media screen and (max-width: 640px) {
	.sect2-r>ul>li {
		float: none;
		width: auto;
	}

	.sect1-b>ul>li {
		float: none;
		width: auto;
	}
}

@media screen and (max-width: 480px) {
	.sect2-t>ul>li {
		width: 100%;
	}

	.sect2-b>ul>li {
		width: 100%;
	}

	.sect2-r>ul>li {
		width: 100% !important;
	}

	.sect2-r>ul>li>a {
		padding: 15px;
	}

	.sect2-t>ul>li>a>p {
		height: auto;
		max-height: 50px;
	}
}


.part1{margin-top: 167px;padding: 0;margin-bottom: 0;}
.p1_lb{position: relative;}
.p1_lb .swiper-slide{}
.p1_lb a{display: block;}
.p1_lb a .img{width: 100%;padding-bottom: 29.45%;}
.p1_lb a .img img{transform: rotate(0) !important;}


.p1_lb .swiper-pagination{position: absolute;bottom: 38px;left: 0;width: 100%;z-index: 5;}
.p1_lb .swiper-pagination span{width: 12px;height: 12px;background: none;border: 1px solid #fff;border-radius: 50%;opacity: 1;margin: 0 12px !important;}
.p1_lb .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;}


.p1_lb .slick-dots{position: absolute;bottom: 38px;left: 0;width: 100%;z-index: 5;display: flex !important;
    justify-content: center;}
.p1_lb .slick-dots li{width: 12px;height: 12px;background: none;border: 1px solid #fff;border-radius: 50%;opacity: 1;margin: 0 12px !important;}
.p1_lb .slick-dots li.slick-active{/* background: #fff; */}

.p1_lb .slick-dots li button{display:none;}

.p1_lb .slick-arrow{display:none !important;}


@media (max-width:1024px) {

    .p1_lb .slick-dots{bottom: 10px;}
}
@media (max-width:650px) {
    .p1_lb .slick-dots li{width: 10px;height: 10px;margin: 0 8px !important;}
}
.slick-prev {
    left: 0;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: 0;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: 0;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}


/* Dots */

.slick-dots {
    position: absolute;
    bottom: 16.5px;
    right: 10px;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 10px 0 0;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size:0;
    display: block;
    width: 7px;
    height: 7px;
	border-radius: 50%;
    cursor: pointer;
    color: #333;
    outline: none;
    background: none;
	border: 1px solid #fff;
	box-sizing: border-box;
}
.slick-dots li.slick-active button{
	background: #fff;
    color: #fff;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slider-container { 
  position: relative; 
  width: 800px; 
  height: 300px; 
  margin: 0 auto; 
  overflow: hidden; 
} 
 
.slider { 
  display: flex; 
  width: 300%; 
  transition: transform 0.5s ease-in-out; 
} 
 
.slider img { 
  width: 33.333%; 
  height: 300px; 
  object-fit: cover; 
} 
 
.dots { 
  position: absolute; 
  bottom: 10px; 
  left: 50%; 
  transform: translateX(-50%); 
  display: flex; 
  list-style: none; 
  margin: 0; 
  padding: 0; 
} 
 
.dots li { 
  width: 10px; 
  height: 10px; 
  border-radius: 50%; 
  background-color: rgba(255, 255, 255, 0.5); 
  margin: 0 5px; 
  cursor: pointer; 
} 
 
.dots li.active  { 
  background-color: #fff; 
}