/*------- 通用 ------




button, input, optgroup, select, textarea {
	font-family:'Poppins-Light' !important;
}
* {
	font-family:'Poppins-Light';
	word-break: keep-all !important;
	word-wrap: break-word !important;
}
@font-face {
 font-family: "Poppins";
 src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2023111020264463852/cms/file/10d55fef-420b-46ea-8861-f71a5ed7b7c1.otf);
}
 @font-face {
 font-family: "Poppins-Bold";
 src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2023111020264463852/cms/file/066666e6-d8c4-42a7-9313-1cb59a2e0656.otf);
}

 @font-face {
 font-family: "Poppins-Light";
 src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2023111020264463852/cms/file/9b06c5fe-74e8-409c-b4a3-69755b40d4b5.otf);
}

*/


/*------- 通用 ------*/




/*

button, input, optgroup, select, textarea {
	font-family:'LamaSans-Regular' !important;
}


* {

   font-family:'LamaSans-Regular',arial, \5b8b\4f53, helvetica, sans-serif;
     word-break: keep-all !important;
    word-wrap: break-word !important;
}
@font-face {
    font-family: "LamaSans-Regular";
    src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2022042922241237603/cms/file/fe2f3ef5-bc81-4706-91e8-366d318e81ea.ttf);
}

*/

 @font-face {
 font-family: "CaslonRH-Thin";
 src: url(https://omo-oss-file.thefastfile.com/portal-saas/new2023111020264463852/cms/file/a7c8640e-b2bf-4149-8ca6-c126af10a727.otf);
}


 /*------- 通用 ------*/


 
:root {
 --swiper-theme-color: #d2ac67 !important;
 --swiper-navigation-size: 44px;
}






/*------- 通用 -------*/


/*------- 电脑 -------*/

@media screen and (min-width: 768px) {
 H1 {
 font-size: 36px !important;
 font-family:'CaslonRH-Thin' !important;
}
 H2 {
 font-size: 28px;

}
 H3 {
 font-size: 24px;
 font-weight: bold;
}
 .pl_service4 .service_icon .icon {
}
}


/*------- 电脑 -------*/




/*------- 手机 -------*/
@media screen and (max-width: 768px) {
 H1 {
 font-size: 24px;
 font-family:'CaslonRH-Thin' !important;
}
 H2 {
 font-size: 22px;

}
 H3 {
 font-size: 18px;
 font-weight: bold;
}
}



/*------- 手机 -------*/




@keyframes scroll-icon {
0% {
 -webkit-transform:translateY(-12px);
 transform: translateY(-12px);
 opacity: 0;
}
 30%, 70% {
 opacity: 1;
}
 100% {
 -webkit-transform: translateY(12px);
 transform: translateY(12px);
 opacity: 0;
};
}

* {
	margin: 0;
	padding: 0;
}
.reset_style, body {
	word-break: normal;
}

a {
transition:all .3s;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
.NavList_a1 a {
	line-height:30px !important;
	color: #333 !important;
}
.NavList_a1 a:hover {
	color:#e62129 !important;
}
.NavList_a1 a:hover:before {
	background-color:#e62129 !important;
	height: 1px !important;
}
.bot-icons {
	height:33px;
}
.bot-icons li {
	float:left;
	width: 33px;
	height: 33px;
	position:relative;
	margin-right: 15px;
}
.bot-icons li a {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	width:100%;
	height:100%;
}
.bot-icons li i.DZiconfont {
	display: flex;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 1px #fff solid;
	justify-content: center;
	align-items: center;
}
.bot-icons li i.DZiconfont svg {
	width: 60%;
	margin: 0;
	fill: #fff;
}
.bot-icons li i.DZiconfont svg * {
	fill: #fff;
}
.show-conts {
	position:absolute;
	bottom: 50px;
	left:50%;
	padding:5px;
	border-radius:8px;
	background:#848484;
transition:all .4s;
	transform:translate(-50%, 10px);
	opacity:0;
	visibility:hidden;
}
.show-conts:before {
	content:'';
	position:absolute;
	bottom: -16px;
	left:50%;
	transform:translateX(-50%);
	width:8px;
	height:8px;
	border:8px solid;
	border-color: #848484 transparent transparent;
}
.show-conts span {
	white-space:nowrap;
	color:#fff;
	font-size:12px;
}
.bot-icons li.on .show-conts {
	opacity:1;
	transform:translate(-50%, 0);
	visibility:visible;
}
 @media only screen and (min-width: 769px) {
 .subpage_ad {
}
}

    
.newBox .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 0px;
	z-index: 50;
	margin: 2px 0px;
	height: 1px;
	background: #aaa;
	width: 98%;
}
.newBox .swiper-scrollbar:before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	width: 1px;
	height: 6px;
	background-color: #babbba;
}
.newBox .swiper-scrollbar:after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	width: 1px;
	height: 6px;
	right: 0px;
	background-color: #babbba;
}
.newBox .swiper-scrollbar-drag {
	height: 3px;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0px;
	top: -1px;
}
.newBox .swiper-container {
	overflow: initial !important;
}
.newBox .container {
	width: 100%;
	max-width: 1560px;
	padding-left: 0;
	padding-right: 0;
}
.newBox {
	position: relative;
	margin: 20px 0;
	overflow: hidden;
}
 .newBox::after {
 content: "";
 position: absolute;
 width: 100%;
 height: 1px;
 left: 0px;
 top: 7px;
 bottom: auto;
 margin: auto;
 background: #aaa;
}
.newBox .swiper-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	width: 42px;
	height: 42px;
	line-height: 42px;
	font-size: 40px;
	text-align: center;
	outline: none;
	transition: 0.3s;
	z-index: 999;
}
.newBox .btn-prev {
	left: 50px;
	display: none;
}
.newBox .btn-next {
	right: 50px;
	display: none;
}
.newBox .content {
	position: relative;
	display: flex;
}
.newBox .left {
	position: relative;
	flex: 0 0 17px;
}
.newBox .left .cir {
	position: absolute;
	width: 16px;
	height: 16px;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 50%;
	left: 0px;
	top: 0px;
	bottom: auto;
	margin: auto;
}
.newBox .left .cir:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #aaa;
}
.newBox .left .line {
	position: absolute;
	display: block;
	width: 1px;
	height: 100px;
	background: #aaa;
	left: 0px;
	right: 0px;
	top: 25px;
	margin: auto;
}
.newBox .right {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0 30px;
	flex-direction: column;
	display: flex;
}
.newBox .right .imgBox {
	overflow: hidden;
	height: 210px;
	margin: 0px;
}
.newBox .right .info {
	width: 100%;
	margin-top: 20px;
}
.newBox .right .info .time {
	font-size: 24px;
	color: #373c41;
	font-weight: bold;
	margin: 30px 0 15px;
}
.newBox .summary {
	font-size: 16px;
	line-height: 1.5;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.newBox .js_thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
 @media only screen and (max-width: 768px) {
 .newBox .right .imgBox {
 overflow: hidden;
 height: 135px;
 margin: 0;
}
 .newBox .left .line {
 position: absolute;
 display: block;
 width: 1px;
 height: 80px;
 background: #aaa;
 left: 0px;
 right: 0px;
 top: 25px;
 margin: auto;
}
 .newBox .wyz-new-container {
 margin: 0;
}
 .newBox .right {
 position: static;
 padding: 0 0 25px;
 width: 100%;
 flex-wrap: wrap;
}
 .newBox .right .info {
 margin-top: 20px;
 margin-bottom: 20px;
}
 .newBox .right .info .time {
 margin: 10px 0;
 font-size: 16px;
}
 .newBox .btn-prev {
 left: 0;
 display: none;
}
 .newBox .btn-next {
 right: 0;
 display: none;
}
 .newBox .swiper-pagination {
 position: absolute;
 text-align: center;
 transition: .3s opacity;
 transform: translate3d(0, 0, 0);
 z-index: 10;
}
 .newBox .swiper-pagination-fraction {
 bottom: 10px;
 left: 0;
 width: 100%;
}
}
 @media only screen and (min-width: 769px) {
 .newBox .swiper-slide:nth-child(even) .right {
 align-items: flex-end;
}
 .newBox .content {
 height: 300px;
}
 .newBox .swiper-pagination {
 display: none;
}
}
