@charset "utf-8";

/*��ӆ��ʽ===============================================*/
.noscroll {
	overflow-y: hidden;
}

.faqItem {
	margin-bottom: 80px;
}

.shopdetail .prod_price .del {
	text-decoration: line-through;
}

.relatedPro {
	margin: 50px 0;
}

.relatedPro .hrTitle {
	position: relative;
	text-align: center;
}

.relatedPro .hrTitle::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: gray;
	z-index: -1;
}

.relatedPro .hrTitle span {
	padding: 0 15px;
	color: gray;
	background: #fff;
}

.relatedPro .proList.shop {
	margin-top: 50px;
}

.relatedPro #relateProSlid {
    padding-left: 57.6px;
    padding-right: 57.6px;
    overflow: visible;
}

.relatedPro #relateProSlid .item .itemImg {
    padding-bottom: 100%;
}

.relatedPro #relateProSlid .item .itemTitle {
	height: 73px;
	font-size: 16px;
	line-height: 1.5;
	overflow: hidden;
}

.relatedPro #relateProSlid .item .itemPrice {
	color: #ff5353;
}

.relatedPro #relateProSlid .item .itemPrice.del {
	color: gray;
	text-decoration: line-through;
	padding-right: .5em;
}

@media (min-width: 992px) {
	.proList .hamburger_hide {
		display: block !important;
	}
}

.proList .subBlockTitle,
.proList .shopCart,
.proList .shopCart_btn {
	text-align: center;
} 

.product .proList .subBlockTitle{text-align: left;}

.proList .shopCart_btn .itemAddCart {
    width: auto;
    height: auto;
    font-size: 16px;
    padding: 5px 25px;
    border-radius: 0;
}

.proList .shopCart_btn .itemAddFavor {
	position: absolute;
	top: -10px;
	right: 5px;
	z-index: 3;
}

.index .sectionBlock[data-block="6"] .subBlockTitle {
	position: relative;
	width: fit-content;
	color: #00bcc9;
	font-size: 22px;
	line-height: 1.5;
	padding-left: 24px;
	margin: 10px auto;
	background-image: linear-gradient(to right, #fbb040 0%, #fbb040 100%);
	background-position: left bottom;
	background-size: 100% 1px;
	background-repeat: no-repeat;
}

.index .sectionBlock[data-block="6"] .subBlockTitle::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 18px;
	height: 24px;
	background: url('../images_v4/title_head.svg') no-repeat;
}

.index .sectionBlock[data-block="6"] .subBlockTitle~p {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #58595b;
	font-size: 16px;
}

.sectionBlock[data-block="6"]{
	margin:0;
	padding:90px 0 0;
}

.line_under {
	position: relative;
	border-bottom: 2px solid #ccc;
}
.line_under::before {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 50%;
	height: 2px;
	background: #0050A3;
}
.line_under > span:first-child {
	color: #333333;
	font-size: 2.25em;
}
@media (max-width: 1440px) {
	.line_under > span:first-child {font-size: 2em;}
}
@media (max-width: 1200px) {
	.line_under > span:first-child {font-size: 1.8em;}
}
@media (max-width: 768px) {
	.line_under > span:first-child {font-size: 1.3em;}
}

.table_style01 {
    margin-top: 30px;
    overflow-x: auto;
}
.table_style01 table {
	width: 100%;
	min-width: 1000px;
	table-layout: auto;
	border-collapse: collapse;
	border: 1px solid #ccc;
	vertical-align: middle;
	word-break: normal;
}
@media (max-width: 992px) {
	.table_style01 table {
		width: 100%;
		max-width: 100%;
		min-width: auto;
	}
}
.table_style01 table thead {
	background: #e5e5e5;
}
.table_style01 table tr th,
.table_style01 table tr td {
	box-sizing: border-box;
}
.table_style01 table tr th {
	height: 60px;
	font-size: 1.3125em;
	text-align: left;
	padding: 0 15px;
}
.table_style01 table tr th:first-child {
	width: 260px;
	color: #fff;
	background: #0050A3;
}
.table_style01 table tr th:nth-child(2) {
	width: auto;
}
.table_style01 table tr th + th {
	border-right: 1px dotted #ccc;
}
.table_style01 table tbody tr:nth-child(even) {
	background: #F2F2F2;
}
.table_style01 table tr td {
	height: 55px;
	font-size: 1.125em;
	padding: 0 15px;
}
.table_style01 table tr td:first-child {
	background: #e5e5e5;
}
.table_style01 table tr td + td {
	border-right: 1px dotted #ccc;
}
@media (max-width: 992px) {
	.table_style01 table tr th {
		height: 35px;
		padding: 0 5px;
		font-size: 1em;
	}
	.table_style01 table tr th:first-child {
		width: auto;
	}
	.table_style01 table tr td {
		height: 35px;
		padding: 0 5px;
		font-size: 1em;
	}
}

.overlap3{
	background-color: #fff;
	top: 0;
	left: 0;
	padding-top:50px;
	padding-bottom:50px;
	/*background: url('../images_v4/moe_2-2.png') no-repeat;*/
}

/*.XXXContent{
	    position: absolute;
		top: 0;
		left: 0;
		
		background: url('../images_v4/moe_2.png') no-repeat;
		background-size: 100% auto;
}*/

.historyType5 {
	position: relative;
	margin: 0;
	padding: 50px 0;

	&::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 493px;
		height: 557px;
		background: url('../images_v4/moe_1.png') no-repeat;
		background-size: 100% auto;
	}

	&::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 295px;
		height: 167px;
		background: url('../images_v4/moe_3.png') no-repeat;
		background-size: 100% auto;
	}

	.timeLineSlick {
		.slick-arrow {
			background-color: unset !important;

			&.slick-disabled {
				opacity: 0;
				visibility: hidden;
			}

			div {
				position: relative;
				width: 25px;
				height: 25px;

				img {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);

					&:nth-child(2) {opacity: 0;}
				}
			}

			&:hover {
				div {
					img:nth-child(2) {opacity: 1;}
				}
			}
		}
	}
}

.listBlock4,.listBlock5{
	background: url('../images_v4/about/orgation_back.jpg') no-repeat;
	/*background-size: auto 100%;*/
}

/*.topSideMenuStyle02 ul li{
	transform:skew(-30deg);
}*/

.bgParallax:after{
	background-color:rgba(0,0,0,0.5)
}

.blockTitle{
	margin-bottom:20px;
}

.overlap4 .textBox p{
	overflow:visible;
	-webkit-line-clamp:4;
	display:block;

}

.overlap4 .BoxBorderL{
	border-left:1px #f7941e solid;
	border-top:1px #f7941e solid;
	border-bottom:1px #f7941e solid;
}

.overlap4 .textBox>div .borderL, .overlap4 .textBox>div .borderR{
	top:0px;
	width:1px;
	background-color:#f7941e;
}

.overlap4 .BoxBorderR{
	border-right:1px #f7941e solid;
	border-top:1px #f7941e solid;
	border-bottom:1px #f7941e solid;
}

.topSideMenuStyle04{
	border-bottom:1px solid #f7941e;
}


.pageTitleStyle-2 h2, .pageTitleStyle-2 span{
	color:#1E73A8;
}

.topSideMenuStyle04 ul li.active, .topSideMenuStyle04 ul li:hover{
	background-color:#f7941e;
}

.newsListType4 .item a .time_date .dateStyle{
	background-color:rgba(30,115,168,0.8);
}

.listBlock6 .item, .listBlock7 .item, .listBlock8 .item, {
	padding:28px;
	border:1px #fff solid;
	background-color:#004082;
	transform:translateY(-60px);
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
}


.listBlock8 .item .iconBox.iconBox{
	
	background-color:#002851;
}
/*.listBlock8{
	background: url('../images_v4/61136560-human_bk.jpg') no-repeat;
}*/

.lightArea .historyBox .ImgBox .deckTitle{
	position: absolute;
  top: -5px;
  font-size: 120px;
  font-weight: 700;
  color: #f2f2f2;
  line-height: 1;
}

/*.itemImg img{
	height:auto;
	width:auto;
}*/

.lightArea .historyBox .year{
	font-size: 24px;
	flex-shrink: 0;
    width: 50px;
    font-weight: 700;
    color: #ff0000;
}


.sectionBlock{
	margin:10px 0;
}

.listBlock6 .item, .listBlock7 .item, .listBlock8 .item{
	padding:25px;
}

.investors01{
	padding:100px 0;
	background:url(../images_v4/inevtors/128384637-invertors.png) center/cover no-repeat;
}

.investors02{
	padding:100px 0;
	background:url(../images_v4/inevtors/125205959-invertors.png) center/cover no-repeat;
}

.investors03{
	padding:100px 0;
	background:url(../images_v4/inevtors/56138439-invertors.png) center/cover no-repeat;
}

.investors04{
	padding:100px 0;
	background:url(../images_v4/inevtors/51266603-invertors.png) center/cover no-repeat;
}

.investors05{
	padding:100px 0;
	background:url(../images_v4/inevtors/56138439-invertors.png) center/cover no-repeat;
}

.investors06{
	padding:100px 0;
	background:url(../images_v4/inevtors/53608172-invertors.png) center/cover no-repeat;
}

.line_under:before{
	background:#f7941e;
}

a.large-btn{
	background-color:#f7941e;
}

.human_1 .parallax1 {
	padding: 100px 15px;
}

.human_1 .gnim_uoykcuf {
	padding: 100px 0;
}

.fullBlock_2c{
	background-color:#fff;
}


/*.listBlock4 .item .textBox, .listBlock5 .item .textBox {
    width: calc(100% - 10px);
}

@media screen and (max-width: 768px){
	.listBlock4 .textBox, .listBlock5 .textBox {
    width: calc(100% - 10px);}

}*/

blockquote {
    display: block;
    margin-block-start: 1.5em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 0px;
}

li {
    display: list-item;
    text-align: left;
}

.subBlockTitle_page{
	position: relative;
	width: fit-content;
	color: #00bcc9;
	font-size: 22px;
	line-height: 1.5;
	padding-left: 10px;
	margin: 10px auto;
	background-image: linear-gradient(to right, #fbb040 0%, #fbb040 100%);
	background-position: left bottom;
	background-size: 100% 1px;
	background-repeat: no-repeat;
}
.subBlockTitle_page:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: -10px;
	width: 18px;
	height: 24px;
	background: url('../images_v4/title_head.svg') no-repeat;
}

.demo{
  width: 100%;
  height: 100vh;
  background: url('../images_v4/title_head.svg') no-repeat;
}

.overlap3_service{
	background: url('../images_v4/service/130310410-filter-bg.jpg') no-repeat center;
	background-size: contain;/*20220407�D�SΞĻ��С�s��*/
}

.text-left{
	padding: 50px 0px 0px;
	margin: 10px 0px 0px;
}


.contMapStyle03{
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #fff;
}

.cont_spBlk .cont_spBlkContainer .cont_full2C{
    -webkit-box-flex: 0;
    flex: 0 0 51.25%;
    max-width: 51.25%;
    padding-right: 15px;
}

@media (min-width: 992px) {
	footer .ft_info ul li:nth-last-child(2) {margin-right: 45px;}
}
@media (max-width: 991px) {
	footer .ft_info:nth-child(1) {
		margin-bottom: 20px;
	}
	footer .ft_info ul li {
		display: block;
		text-align: center;
		margin-right: 0;
	}
}

.service_1 .sectionBlock,
.service_1 .innerBlock {
	margin: 0;
}
.service_1 .sectionBlock[data-block] {
	padding-top: 100px;
}
.service_1 .classification_menu {
	margin: 30px 0 0;
}

/* 20220825 S */
.productListStyle03 .proItem>div:nth-child(2) {
    background-color: transparent;
}
/* 20220825 E */

/* 20220907 S */
.headerStyle06.scroll .navBar .navBarContent>div.logo {
	flex: 0 0 180px;
}

.headerStyle06.scroll .navBar .navBarContent>div.navMenuContent {
	flex: 0 0 calc(100% - 180px);
}

#mbPanel .mbPanel_page .mbPanel_content, .mbPanel .mbPanel_page .mbPanel_content {
    padding-bottom: 0;
}

footer .ft_top .col-lg-2 {
	flex: 0 0 14%;
	max-width: 14%;
}

footer .ftMenu_title {
	white-space: nowrap;
}
@media (max-width: 1199px) {
	footer .ftMenu_title {
		white-space: initial;
	}
}




.listBlock4 .item, .listBlock5 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
    border-right: 1px rgba(255,255,255,0.3) solid !important; 

    /*border-bottom: 1px rgba(255,255,255,0.3) solid;*/
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    }

.listBlock4 .item .iconBox, .listBlock5 .item .iconBox {
    width: 60px;
    text-align: center;
    margin-right: -4px !important;
}

.listBlock4 .item .textBox, .listBlock5 .item .textBox {
    width: calc(100% - -90px) !important;
}
/* 20220907 E */


/* 20221103 */
@media only screen and (min-width: 992px) {
	.footerStyle04 .ft_left ul li{
		margin: 0;
		padding: 0;
		width: 15%;
		white-space: nowrap;
	}
	.footerStyle04 .ft_left ul li:nth-child(1){
		min-width: 600px;
	}
	.footerStyle04 .ft_left ul li:nth-last-child(2){
		margin: 0;
		padding: 0;
	}

}

/* @media only screen and (min-width: 1220px) {
	.footerStyle04 .ft_left {
		width: 1150px;
		margin: 0 auto;
	}
} */


/* 2025-12-03 */
.btnStyle01 {
	color: #fff;
	border-radius: 30px;
	background: linear-gradient(135deg, #19c0d6 0%, #0050A3 100%);
	padding: 5px 20px;
	margin-top: 6px;
	display: inline-block;
}
.btnStyle01:focus,
.btnStyle01:hover {
	color: #fff;
	box-shadow: 0 0 5px #19c0d6;
}