@charset "utf-8";
/* CSS Document */

.pl_service4{display:none;}
.click_kf {
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(0%);
    z-index: 10;
    width: 35px;
    background-color: #004098;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    font-size: 15px;
    padding: 10px;
    line-height: 1;
    background-position: center 15px;
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-bottom: 20px;
    cursor: pointer;
    transition: all ease .3s;
    writing-mode: vertical-rl;
}

.open_this {
    position: fixed;
    right: -260px;
    /* background: #fff; */
    /* box-shadow: 0px 2px 5px rgb(0 0 0 / 10%); */
    padding: 15px;
    /* width: 260px !important; */
    border-radius: 10px;
    /* border: 1px solid rgb(0 0 0 / 3%); */
    top: 0px;
    transform: translateY(0%);
    z-index: 10;
    transition: all ease .3s;
}

.open_this.cur {
    right: 0px;
}

.click_kf.hidethis {
    right: -40px;
}

.close_this {
    position: absolute;
    right: 22px;
    top: -32px;
    width: 20px;
    cursor: pointer;
}


#c_static_001-16600333407270 .e_magnifier-1 .magnifier-container {
    overflow: hidden;
    position: relative;
    height: auto !important;
    border: 1px solid #ddd;
}
#c_product_list_028-1663152141677 .e_container-9{position:absolute;bottom:0px;transition: all ease .3s;}
#c_product_list_028-1663152141677 .e_container-3 .p_item:hover .e_container-9{
	transform: translateY(0px);
	padding-bottom: 30px;background:#004098;
	transition: all ease .3s;
	}

#c_product_list_028-1663152141677 .e_container-10{display:none;}

#c_product_list_028-1663152141677 .e_container-3 .p_item:hover .e_container-10{display:flex;}
#c_product_list_028-1663152141677 .e_container-3 .p_item:hover p,#c_product_list_028-1663152141677 .e_container-3 .p_item:hover .e_richText-7{
color:#fff;
	}





#c_product_list_028-16645165666890 .e_container-9{position:absolute;bottom:0px;transition: all ease .3s;}
#c_product_list_028-16645165666890 .e_container-3 .p_item:hover .e_container-9{
	transform: translateY(0px);
	padding-bottom: 30px;background:#004098;
	transition: all ease .3s;
	}

#c_product_list_028-16645165666890 .e_container-10{display:none;}

#c_product_list_028-16645165666890 .e_container-3 .p_item:hover .e_container-10{display:flex;}
#c_product_list_028-16645165666890 .e_container-3 .p_item:hover p,#c_product_list_028-16645165666890 .e_container-3 .p_item:hover .e_richText-7{
color:#fff;
	}




  #c_grid-16595757812420 > .p_gridbox > .p_gridCell:nth-child(2n + 1) {
   position: sticky; 
    top: 140px; 
}

@media only screen and (max-width: 1360px)  and (min-width: 1024px) {
/*-
#c_grid-16595167228490,#c_product_detail_056-1659608698691 .e_container-13,#c_product_detail_056-1659608698691 .e_container-23,#c_product_list_130-1663153996245 .e_text-8,#c_product_list_130-1663153996245 .e_loop-1,#c_download_list_018-16600326136470 .e_text-14,#c_download_list_018-16600326136470 .e_loop-15,#c_grid-1660033288953,#c_download_list_018-16600338457970 .e_text-14,#c_download_list_018-16600338457970 .e_loop-15{width:84%;}
  -*/
  #c_static_001_P_1503-1661161315536 .e_bottomNav-22 .p_level1Item:nth-child(1){width:20%;}
  #c_static_001_P_1503-1661161315536 .e_bottomNav-22 .p_level1Item{    padding: 0 60px 0px 0px;}

}




@media only screen and (max-width: 768px) {
  


	#c_grid-16595757812420 > .p_gridbox > .p_gridCell:nth-child(2n + 1){
    position: inherit !important;
    top: inherit !important;
    }

	
  .wyz{display:none;}

  .nyactive >div  a{
background:#004098 !important;
	
}	
.nyactive >div {
background:#004098 !important;
	
}
	
.nyactive a {
	color: #fff;
	font-weight: bold;
}

}



@media only screen and (min-width: 769px) {
  .pl_service2{display:none;}
	#c_product_list_028-1663152141677 .e_container-3{max-height:425px;}
.nyactive >div {

	
}
	
	 .e_container-25:hover a {
    color: #004098 !important;
    font-weight: bold;
}
	
 .e_container-25:hover .e_text-26 a:before {

    background: #004098 !important;
 
}
	
	
.nyactive a {
	color: #004098;
	font-weight: bold;
}

.nyactive .e_text-26 a:before {
    width: 80% !important;
    margin-left: -40%;
    background: #004098;
    z-index: 0;
}

	

}






#c_static_483-1659164329995 .e_container-8,#c_static_483-1659164329995 .e_container-13,#c_static_483-1659164329995 .e_container-18,#c_static_483-1659164329995 .e_container-44,#c_static_483-1659164329995 .e_container-49,#c_static_483-1659164329995 .e_container-54{
box-shadow: 0 0 20px 0px #0000000a;

}
.page_a.current {
	background: #333 !important;
	color: #fff;
}

#c_static_001_P_4358-1659160741474 .e_bottomNav-2 .p_level1Item:nth-child(1),#c_static_001_P_4358-1659160741474 .e_bottomNav-2 .p_level1Item:nth-child(4),#c_static_001_P_4358-1659160741474 .e_bottomNav-2 .p_level1Item:nth-child(6),#c_static_001_P_4358-1659160741474 .e_bottomNav-2 .p_level1Item:nth-child(7),#c_static_001_P_4358-1659160741474 .e_bottomNav-2 .p_level1Item:nth-child(8){display:none;}

@-webkit-keyframes scaleUpDown {
from {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleUpDown {
from {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}

.wyz {
	position: fixed;
	right: 0px;
	top: 68%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 50px 0;
	border-right: 0px solid #20b09f;
	height: 482px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 99;
}
.wyz-form.cur {
	width: 200px;
	opacity: 1;
}
.wyz .transition {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
}
.wyz .wyz-title {
	background-color: rgba(32, 176, 159, .8);
	color: #fff;
	padding: 15px 20px 0;
	white-space: nowrap;
	position: relative;
}
.wyz .wyz-title .cf-close {
	position: absolute;
	left: 166px;
	top: 0;
	padding: 10px;
}
.wyz-item-block {
	position: absolute;
	right: 0;
	width: 70px;
	height: 70px;
	background-color: #004098;
	border: 0px solid #d02038;
	border-right: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wyz-item-block:nth-child(1) {
	top: 0px;
}
.wyz-item-block:nth-child(2) {
	top: 72px;
}
.wyz-item-block:nth-child(3) {
	top: 144px;
}
.wyz-item-block:nth-child(4) {
	top: 216px;
}
.wyz-item-block:nth-child(5) {
	top: 362px;
}
.wyz-item {
	width: 100%;
	height: 100%;
}
.wyz-item-p {
	color: #fff;
	font-size: 12px;
	margin-top: 5px;
}
.wyz-item-in {
	height: 100%;
	display: none;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.wyz-item-in-p {
	color: #fff;
	text-align: center;
	line-height: 68px;
	height: 68px;
	white-space: nowrap;
}
.wyz-in.cur {
	width: 156px;
	background-color: transparent;
}
.wyz-in.cur .wyz-item-in {
	width: 100%;
	display: block;
}
.wyz-in.cur .wyz-item {
	display: none;
}
.wyz-in:before {
	content: "";
	background-color: #004098;
	position: absolute;
	height: 100%;
	width: 0;
	-webkit-transition: all .8s ease;
	-o-transition: all .8s ease;
	-moz-transition: all .8s ease;
	transition: all .8s ease;
}
.wyz-in.cur:before {
	width: 100%;
}
.wyz-item-block.wyz-top {
	display: none;
	cursor: pointer;
	width: 46px;
	height: 46px;
	top: 480px;
}
.wyz-item-block.wyz-top .wyz-item-p {
	font-size: 14px;
	margin-top: 0;
}
.wyz-in.wyz-search.cur {
	border-left: none;
}
.wyz-form {
	position: absolute;
	width: 0;
	right: 156px;
	bottom: -1px;
	z-index: 999;
	overflow: hidden;
	opacity: 0;
}
.wyz-form .cf-form {
	background-color: rgba(32, 176, 159, .8);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 20px 20px;
	border-bottom: 1px solid #20b09f;
}
.wyz-form .cf-form-item {
	margin-bottom: 10px;
	font-size: 0;
	white-space: nowrap;
}
.wyz-form .cf-form-item:last-of-type {
	margin: 0;
}
.wyz-form input {
	padding: 0 8px;
	margin: 0;
	border: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 160px;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	background-color: #fff;
}
.wyz-form .verify {
	width: 86px;
	margin-right: 5px;
}
.wyz-form .submit {
	width: 160px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
}
.wyz-qr-show {
	display: none;
	position: absolute;
	z-index: 1;
	border: 0px solid rgba(32, 176, 159, .8);
	left: -160px;
	top: -78px;
}
.flex-col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.wyz-qr-show img {
	width: 153px !important;
}



@media screen and (min-width: 769px) {
.cpbg {
	border-bottom: #fff 1px solid;
	border-right: #fff 1px solid;
	margin-bottom: 15px;
}
.cpbg TR:hover{background: rgba(214,3,26,1) !important;} 
	
	.cpbg TR:hover TD{color:#fff;}
.cpbg TR TD:nth-child(1) {
	width: 26%;
}
.cpbg TR TD {
	text-align: center;
	border-left: #fff 1px solid;
	line-height: 3.2;
	font-size: 14px;
	border-top: #fff 1px solid;
	/* padding-top: 10px; */
	/* padding: 10px 20px; */
	/* padding-bottom: 10px; */
	color: #333;
}
.cpbg TD p {
	text-align: center;
	line-height: 2.2;
	font-size: 14px;
	color: #333;
	padding: 0 !important;
}
.cpbg .bt {
	background-color: #ff4f51;
	color: #fff ! important;
	font-weight: bold;
}
.cpbg .bt p {
	background-color: #ff4f51;
	color: #fff !important;
	font-weight: bold;
}
.cpbg TR.bg TD {
	color: #fff !important;
}
.cpbg tr:nth-child(1) td{color:#fff !important;font-size: 18px;font-weight: bold;}
.cpbg tr:nth-child(1) {
	background-color: #004098 !important;
}
.cpbg tr:nth-child(odd) {
	background-color: #eaeaea;
}
.cpbg tr:nth-child(even) {
	background-color: #f8f8f8;
}
}

@media screen and (max-width: 768px) {
.cpbg tr:nth-child(1) {
	background-color: #004098 !important;
}
.cpbg tr:nth-child(odd) {
	background-color: #eaeaea;
}
.cpbg tr:nth-child(even) {
	background-color: #f8f8f8;
}
.cpbg TR {
	padding: 0px !important;
	line-height: 1.4;
}
.cpbg TD {
	border-left: #fff 1px solid;
	border-top: #fff 1px solid;
	text-align: center;
	line-height: 24px !important;
	font-size: 12px !important;
	color: #333;
	word-wrap: break-word;
	word-break: normal;
}
	.cpbg TR:hover{background:rgba(214,3,26,1);} 
		.cpbg TR:hover TD{color:#fff;}
.cpbg TR TD:nth-child(1) {
	width: 34%;
}
}