body, button, dd, div, dl, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, ul {
    margin: 0;
    padding: 0;
    border: 0;
}

.product-type .text {
	text-align: center;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea, [type=button], [type=submit], button {
	font-family: var(--e-global-typography-primary-font-family) !important;
	font-weight: var(--e-global-typography-primary-font-weight);
}

* {
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: var(--e-global-typography-primary-font-family);
	font-weight: var(--e-global-typography-primary-font-weight);
    background-color: #ffffff;
    overflow-x: hidden;
}

button, input, textarea,select{
   -webkit-appearance: none;
   resize: none;
   outline: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
   border: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
.none{
	display:none;
}

.online_x{
	cursor:pointer;
}
button:hover,
input[type=submit]:hover {
    cursor: pointer
}

button:focus,
input:active,
input:focus,
textarea:focus {
   /* border: 0*/
  	outline: 0 none;
  	outline-color: transparent;
}

a {
    color: #333;
    display: inline-block;
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none;
  
}

a:active {
    text-decoration: none
}
li{
	list-style: none;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1
}
@font-face{
    font-family: "BeVietnam-Bold"; 
    src: url('/wp-content/uploads/BeVietnam-Bold.ttf') format('truetype');
  	font-style: normal;
	font-weight: 700;
}

@font-face{
    font-family: "BeVietnam-Regular"; 
    src: url('/wp-content/uploads/BeVietnam-Regular.ttf') format('truetype');
  	font-style: normal;
	font-weight: 400;
}

@font-face{
    font-family: "HarmonyOS_Sans_SC_Bold"; 
    src: url('/wp-content/uploads/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
  	font-style: normal;
}

@-webkit-keyframes fadeInUpSmall{
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 4.2vw, 0);
        transform: translate3d(0, 4.2vw, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpSmall{
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 4.2vw, 0);
        transform: translate3d(0, 4.2vw, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUpSmall{
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
}

@keyframes fadeup{
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.fadeup{
    -webkit-animation-name: fadeup;
    animation-name: fadeup;
}

@keyframes faderight{
    0% {
        transform: translateX(200px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.faderight{
    -webkit-animation-name: faderight;
    animation-name: faderight;
}

@keyframes fadeleft{
    0% {
        transform: translateX(-200px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.fadeleft{
    -webkit-animation-name: fadeleft;
    animation-name: fadeleft;
}


.maincontainer{
	max-width: 1800px;
	width: 93.75%;
	margin-left: auto;
	margin-right: auto;
}
.maincontent{
	padding-top: 85px;
}


.header{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	background: #FFFFFF;
	border-bottom: #f2f2f2 solid 1px;
}
.header .box{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header .logo a img{
	max-width: ;
}
.header .wrap{
	display: flex;
	align-items: center;
}
.header .nav ul{
	display: flex;
	align-items: center;
}
.header .nav>ul>li{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 18px;
	height: 85px;
}
.header .nav ul li.spe{
	position: static;
}
.header .nav>ul>li>a{
	position: relative;
	color: #000000;
	font-size: 18px;
	line-height: 2.333333333333333;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .nav>ul>li:hover>a{
	color: #043d82;
}
.header .nav>ul>li>a:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 2px;
	background: #043d82;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .nav ul li:hover>a:before,
.header .nav ul li.on>a:before{
	width: 100%;
}
.header .head_contact{
	display: flex;
	align-items: center;
	margin-left: 12px;
}
.header .head_contact .icon{
	margin-right: 10px;
}
.header .head_contact .icon:last-child{
	margin-right: 0;
}
.header .head_contact .icon a,
.header .head_contact .icon span{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	overflow: hidden;
	background: #a3a3a3;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .head_contact .icon:hover a,
.header .head_contact .icon:hover span{
	background: #043d82;
}
.header .head_contact .icon img{
	max-width: 36.95652173913043%;
}

.header .cellBox{
	position: absolute;
	left: 0;
	top: 85px;
	width: 100%;
	background: #ffffff;
	display: none;
}
.header .second-box{
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	min-width: 180px;
	width: auto;
	text-align: center;
	padding: 18px;
	box-sizing: border-box;
	box-shadow: 0px 0px 8px rgba(4,61,130,0.1);
}
.header .second-box a{
	display: block;
	margin-bottom: 8px;
	padding: 2px 0px;
	font-size: 18px;
	color: rgba(0,0,0,0.6);
	line-height: 1.2;
	white-space: nowrap;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .second-box a:last-child{
	margin-bottom: 5px;
}
.header .second-box a:hover{
	color: #043d82;
}
.header .columnBox{
	display: flex;
	align-items: stretch;
	border-top: rgba(0,0,0,0.1) solid 1px;
}						
.header .columnBox .Level2{
	width: 24.73958333333333%;
	padding: 50px 0px;
	background: #34373c;
}
.header .columnBox .Level2 .Level2_li{
	padding-left: 12.63157894736842%;
	box-sizing: border-box;
	margin-bottom: 5px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .columnBox .Level2 .Level2_li:last-child{
	margin-bottom: 0;
}
.header .columnBox .Level2 .Level2_li:hover{
	background: #FFFFFF;
}
.header .columnBox .Level2 .Level2_li a{
	position: relative;
	display: flex;
	align-items: center;
	font-family: "BeVietnam-Bold"; 
	color: #FFFFFF;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 14.5%;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .columnBox .Level2 .Level2_li a img{
	display: inline-block;
	max-width: 33px;
	margin-right: 20px;
	-webkit-filter: grayscale(1) brightness(100);
	filter: grayscale(1) brightness(100);
}
.header .columnBox .Level2 .Level2_li:hover a{
	color: #043d82;
}
.header .columnBox .Level2 .Level2_li:hover a img{
	-webkit-filter: none;
	filter: none;
}
.header .columnBox .Level2 .Level2_li a i{
	position: absolute;
	right: 0;
	top: 0;
	width: 14.5%;
	height: 100%;
	background: url(/wp-content/uploads/icon11.png) center no-repeat;
	background-size: 9px auto;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .columnBox .Level2 .Level2_li:hover a i{
	opacity: 1;
}
.header .columnBox .Level3{
	width: 50.26041666666667%;
	box-sizing: border-box;
}
.header .columnBox .Level3 .Level3_li{
	display: none;
}
.header .columnBox .Level3 .Level3_li.active{
	display: block;
}
.header .columnBox .Level3 .Level3_li .substance{
	display: flex;
	align-items: flex-start;
	padding-top: 50px;
	padding-left: 70px;
	box-sizing: border-box;
	padding-bottom: 5%;
}

.header .uc-ajax-search-wrapper {
	padding-bottom: 20px;
	padding-left: 70px;
	justify-content: start !important;
}


.header .columnBox .Level3 .Level3_li .substance dl{
	min-width: 20.5%;
	margin-right: 3.8%;
}
.header .columnBox .Level3 .Level3_li .substance dl:last-child{
	margin-right: 0;
}
.header .columnBox .Level3 .Level3_li .substance dl dt{
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: rgba(0,0,0,0.1) solid 1px;
}
.header .columnBox .Level3 .Level3_li .substance dl dt a{
	font-family: "BeVietnam-Bold"; 
	color: #043D82;
	font-size: 20px;
	display: flex;
	align-items: center;
	min-height: 49px;
}
.header .columnBox .Level3 .Level3_li .substance dl dd a{
	color: rgba(0,0,0,0.6);
	font-size: 18px;
	line-height: 1.8;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .columnBox .Level3 .Level3_li .substance dl dd a:hover{
	color: #043D82;
}


.header .headsearch{
	display: flex;
	align-items: center;
    padding-left: 4.85%;
    margin-bottom: 4.85%;
    box-sizing: border-box;
}
.header .headsearch form{
	display: flex;
	width: 360px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 0px 25px;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 30px;
}
.header .headsearch .text{
    width: calc(100% - 30px);
    line-height: 58px;
    font-size: 18px;
    color: #333333;
    border: none;
    outline: none;
    background: none;
}
.header .headsearch .text::-webkit-input-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.header .headsearch .text:-moz-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.header .headsearch .text::-moz-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.header .headsearch .text:-ms-input-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.header .headsearch .text::-ms-input-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.header .headsearch .text::placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.header .headsearch .btns{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 30px;
    height: 58px;
    border: none;
    outline: none;
    background: none;
}
.header .envelop{
	margin-left: 40px;
}
.header .envelop ul{
	display: flex;
	align-items: flex-start;
}
.header .envelop ul li{
	margin-right: 35px;
	padding: 0;
}
.header .envelop ul li a{
	font-family: "BeVietnam-Bold"; 
	font-size: 20px;
	color: rgba(4,61,130,0.6);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.header .envelop ul li a:hover{
	color: rgba(4,61,130,1);
}
/**/
.m-nav{
	position: fixed;
	top: 70px;
	left: 0;
	width: 100%;
	height: calc(100vh - 70px);
	display: none;
	z-index: 99;
	background-color: #FFFFFF;
	overflow-y: scroll;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.m-nav ul{
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 10px;
}
.m-nav>ul{
	padding-top: 20px;
	padding-left: 5%;
    padding-right: 5%;
}
.m-nav>ul>li{
	width: 100%;
    text-align: left;
    border-bottom: #e5e5e5 solid 1px;
    box-sizing: border-box;
    list-style: none;
}
.m-nav ul li a,
.m-nav ul li .headtitle{
	display: block;
    line-height: 1.7;
    color: #000000;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.m-nav>ul>li>a,
.m-nav>ul>li>.headtitle{
	font-size: 20px;
    padding: 15px 0px;
}
.m-nav ul li:hover>a,
.m-nav ul li .headtitle.on{
	color: #043d82;
}

.m-nav ul li ul li .headtitle,
.m-nav>ul>li>ul>li>a{
	font-size: 18px;
    padding: 10px 0px;
}
.m-nav ul li .headtitle{
	position: relative;
	padding-right: 28px;
}
.m-nav>ul>li>a{
	position: relative;
}
.m-nav ul li .headtitle i,
.m-nav>ul>li>a i{
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    height: 100%;
    background: url(/wp-content/uploads/icon11a.png) center no-repeat;
    background-size: 8px auto;
    transition: all 0.4s ease;
}
.m-nav ul li .headtitle.on i{
    background: url(/wp-content/uploads/icon11.png) center no-repeat;
    background-size: 8px auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.m-nav ul li ul{
	display: none;
}
.m-nav>ul>li>ul{
	border-top: #e5e5e5 solid 1px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.m-nav ul li  ul li ul li a{
	font-size: 15px;
    padding: 8px 0px;
}
/**/
.menubtn {
	display: none;
	float: right;
	width: 40px;
	height: 70px;
	background: url(/wp-content/uploads/menu-icon1.png) center right no-repeat;
	background-size: 28px 28px;
	cursor: pointer;
}
.menubtn.on {
	background: url(/wp-content/uploads/menu-icon2.png) center right no-repeat;
	background-size: 28px 28px;
}
/**/

.size16{
	font-size: 16px;
}
.size18{
	font-size: 18px;
}
.size20{
	font-size: 20px;
}
.size22{
	font-size: 22px;
}
.size24{
	font-size: 24px;
}
.size26{
	font-size: 26px;
}
.size30{
	font-size: 30px;
}
.size32{
	font-size: 32px;
}
.size36{
	font-size: 36px;
}
.size42{
	font-size: 42px;
}
.size60{
	font-size: 60px;
}

.padt40{
	padding-top: 2.083333333333333%;
}
.padb40{
	padding-bottom: 2.083333333333333%;
}
.padt80{
	padding-top: 4.16666666666667%;
}
.padt90{
	padding-top: 4.6875%;
}
.padb90{
	padding-bottom: 4.6875%;
}
.padt110{
	padding-top: 5.729166666666667%;
}
.padb100{
	padding-bottom: 5.208333333333333%;
}
.padt136{
	padding-top: 7.083333333333333%;
}
.padb136{
	padding-bottom: 7.083333333333333%;
}
.carousel{
	position: relative;
}
.columntext{
	position: absolute;
	bottom: 10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding-left: 80px;
	box-sizing: border-box;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.columntext .swiper{
}
.columntext ul {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.columntext ul li{
	min-width: 200px;
	width: auto;
	margin-right: 30px;
	font-size: 18px;
	color: rgba(255,255,255,0.4);
	overflow: hidden;
}
.columntext ul li.on,
.columntext ul li.swiper-slide-thumb-active{
	color: #FFFFFF;
}
.columntext ul li span{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 15px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
}
.columntext ul li.on span,
.columntext ul li.swiper-slide-thumb-active span{
	padding-left: 27px;
}
.columntext ul li span i{
	position: absolute;
	left: -100%;
	top: 10%;
	width: 22px;
	height: 22px;
/* 	background: url(../images/lightning.png) center no-repeat; */
	background-size: 100% auto;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.columntext ul li.on span i,
.columntext ul li.swiper-slide-thumb-active span i{
	left: 0;
}
.columntext ul li span:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,0.4);
}
.columntext ul li span:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 1px;
	background: #FFFFFF;
}
.columntext ul li.on span:after{
	animation-name: logoimg;
	animation-duration: 4.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	-webkit-animation-name: logoimg;
    -webkit-animation-duration: 4.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
}
@-webkit-keyframes logoimg{
	0%   {width: 0%;}
	100% {width: 100%;}
}
@keyframes logoimg{
	0%   {width: 0%;}
	100% {width: 100%;}
}

.downward{
}
.downward .downIcon{
	position: relative;
	width: 23px;
	height: 32px;
	border: #FFFFFF solid 2px;
	border-radius: 10px;
	box-sizing: border-box;
}
.downward .downIcon .ic{
	position:absolute;
	left:0;
	right: 0;
	top: 6px;
	margin: auto;
	width: 2px;
	height: 7px;
	background: #FFFFFF;
	animation:wheel 1.2s infinite;
	-moz-animation:wheel 1.2s infinite;
	-webkit-animation:wheel 1.2s infinite;
}
@keyframes wheel{
	to{opacity:0;top:15px}
}
@-webkit-keyframes wheel{
	to{opacity:0;top:15px}
}

.index_banner{
	transform: translate3d(0,0,0);
	overflow: hidden;
}
.index_banner .swiper-slide{
	transform: translate3d(0,0,0);
}
.index_banner .swiper-slide a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.index_banner .swiper-slide a>img{
	width: 100%;
}
.index_banner .swiper-pagination{
	bottom: 5%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.index_banner .swiper-pagination-bullet{
	width: 36px;
    height: 4px;
    margin: 0 6px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .5);
    opacity: 1;
}
.index_banner .swiper-pagination-bullet-active{
	background: rgba(255, 255, 255, 1);
}
.mImg,
.mpic{
	display: none;
}
.bannerText{
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
	box-sizing: border-box;
	padding-left: 80px;
	min-height: 38.4180790960452%;
}
.bannerText .box{
	width: 100%;
}
.bannerText .box .text1{
	display: block;
	font-family: "BeVietnam-Bold"; 
	color: #FFFFFF;
	text-transform: capitalize;
	margin-bottom: 10px;
}
.bannerText .box h2{
	font-family: "BeVietnam-Bold"; 
	color: #FFFFFF;
	line-height: 1.4;
}
.bannerText .box .text2{
	margin-top: 10px;
/* 	font-family: "BeVietnam-Regular";  */
	color: rgba(255,255,255,0.6);
}
.bannerBtn{
	margin-top: 35px;
}
.bannerBtn span{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 50px;
	border: #FFFFFF solid 1px;
	border-radius: 5px;
	font-family: "OutfitLight"; 
	color: #FFFFFF;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.bannerBtn span i{
	display: inline-block;
	margin-left: 8px;
	width: 15px;
	height: 7px;
	background: url(../images/arrow.png) center no-repeat;
	background-size: 100% auto;
}
.bannerBtn span:hover{
	border: #00a6ca solid 1px;
	background: #00a6ca;
}
/**/
.obanner{
	position: relative;
}
.obanner>img{
	width: 100%;
}
.obanner-title{
	position: absolute;
	left: 50%; 
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.obanner-title .box{
	width: 41.11111111111111%;
	padding: 60px 40px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.1);
	box-shadow: 0 0 3px rgba(255, 255, 255, 0.5), 0px 0px 49px rgba(66, 66, 66, 0.09), 0px 0px 49px rgba(66, 66, 66, 0.09);
	backdrop-filter: blur(5.6px);
    -webkit-backdrop-filter: blur(5.6px);
    border-radius: 10px;
    overflow: hidden;
}


.obanner-title h2{
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
	line-height: 1.2;
}
.obanner-title .txt{
	margin-top: 15px;
	color: #043d82;
}

@media screen and (max-width: 1024px) {
	.obanner-title h2{
		color: #FFFFFF;
	}
	.obanner-title .txt{
		color: #FFFFFF;
	}
}

.obanner.other .obanner-title .txt{
	margin-top: 0;
	padding-bottom: 15px;
}

/*footer*/
.footer{
	padding-top: 5.625%;
	background: #f5f5f5;
}
.footer .box{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 115px;
}
.footer .footinfor{
	width: 30%;
}
.footer .footlogo a img{
	max-width: 263px;
}
.footer .footinfor .wrap{
	margin-top: 50px;
}
.footer .codebox ul{
	display: flex;
	align-self: flex-start;
	flex-wrap: wrap;
}
.footer .codebox ul li{
	margin-right: 30px;
	margin-bottom: 30px;
}
.footer .codebox ul li:last-child{
	margin-right: 0;
}
.footer .codebox ul li img{
	max-width: 131px;
}
.footer .footcontact ul li{
	margin-bottom: 15px;
}
.footer .footcontact ul li:last-child{
	margin-bottom: 0;
}
.footer .footcontact ul li .t1{
	font-size: 18px;
	color: rgba(0,0,0,0.4);
}
.footer .footcontact ul li .t2{
	font-family: "HarmonyOS_Sans_SC_Bold";
	font-size: 22px;
	color: #000000;
}

.footer .footright{
	display: flex;
	flex-direction: column;
	width: 65.55555555555556%;
}
.footer .substance{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin-bottom: 50px;
}

.footer .footshare ul{
	display: flex;
	align-items: center;
}
.footer .footshare ul li{
	margin-right: 25px;
}
.footer .footshare ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 78px;
	height: 78px; 
	border-radius: 50%;
	border: rgba(0,0,0,0.06) solid 1px;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.footer .footshare ul li:hover a{
	background: #043d82;
	border: #043d82 solid 1px;
}
.footer .footshare ul li a img{
	max-width: 26.31578947368421%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.footer .footshare ul li:hover a img{
	-webkit-filter: grayscale(1) brightness(100);
	filter: grayscale(1) brightness(100);
}

.footer .footother{
	display: flex;
	align-items: center;
}
.footer .footsearch{
    width: 320px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 0px 25px;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 30px;
}
.footer .footsearch form{
	display: flex;
	width: 100%;
}
.footer .footsearch .text{
    width: calc(100% - 30px);
    line-height: 58px;
    font-size: 18px;
    color: #333333;
    border: none;
    outline: none;
    background: none;
}
.footer .footsearch .text::-webkit-input-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.footer .footsearch .text:-moz-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.footer .footsearch .text::-moz-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.footer .footsearch .text:-ms-input-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.footer .footsearch .text::-ms-input-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.footer .footsearch .text::placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.footer .footsearch .btns{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 30px;
    height: 58px;
    border: none;
    outline: none;
    background: none;
}
.footer .footsearch .btns img{
	width: 20px;
}
.footer .footnation{
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 16px;
}
.footer .footnation .current{
	display: flex;
	align-items: center;
	cursor: pointer;
	width: 180px;
	height: 60px;
	padding-right: 20px;
	padding-left: 70px;
	background: url(/wp-content/uploads/langicon.png) left 35px center no-repeat;
	background-size: 20px auto;
	font-family: "BeVietnam-Bold";  
	font-size: 18px;
	color: #043d82;
	border: rgba(0,0,0,0.1) solid 1px;
	border-radius: 30px;
	box-sizing: border-box;
}	
.footer .footnation .current span{
	overflow: hidden;    
	text-overflow:ellipsis;    
	whitewhite-space: nowrap;
}
.footer .footnation ul{
	position: absolute;
	left: 50%;
	bottom: 60px;
	transform: translateX(-50%);
	min-width: 100%;
	padding: 10px 0px;
	background: #F5F5F5;
	display: none;
}
.footer .footnation:hover ul{
	box-shadow: 0px 0px 12px rgba(4,61,130,0.08);
}
.footer .footnation ul li a{
	display: block;
	font-family: "BeVietnam-Bold"; 
    font-size: 16px;
    color: rgba(0,0,0,0.4);
    line-height: 2;
    min-width: 90px;
    text-align: center;
    padding: 3px 20px;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.footer .footnation ul li:hover a{
	color: #043d82;
}
.footer .footnav{
	display: flex;
	align-items: flex-start;
	padding-top: 50px;
	border-top: rgba(0,0,0,0.1) solid 1px;
}
.footer .footnav .item{
	width: 22.43502824858757%;
	margin-right: 3%;
}
.footer .footnav .item:last-child{
	margin-right: 0;
}
.footer .footnav .newsletter{
	width: 26.69491525423729%;
}
.footer .footnav .subtit{
	position: relative;
	font-family: "BeVietnam-Bold"; 
	color: #000000;
	font-size: 26px;
}
.footer .footnav .subtit i{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    transition: all 0.5s;
    display: none;
}
.footer .footnav .item.on .subtit i{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.footer .footnav .subtit i::before {
    content: '';
    width: 12px;
    position: absolute;
    height: 2px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #000000;
}
.footer .footnav .subtit i::after {
    content: '';
    height: 12px;
    position: absolute;
    width: 2px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #000000;
}
.footer .footnav .item ul {
	margin-top: 15px;
}
.footer .footnav ul li a{
	font-size: 18px;
	color: rgba(0,0,0,0.6);
	line-height: 1.8;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.footer .footnav ul li a:hover{
	color: #043d82;
}
.footer .footnav .newsletter form{
	margin-top: 25px;
}
.footer .footnav .newsletter .inputbox{
	display: flex;
	width: 100%;
}
.footer .footnav .newsletter .text{
	width: calc(100% - 108px);
	height: 50px;
	color: #333333;
	font-size: 18px;
	border: rgba(0,0,0,0.1) solid 1px;
	border-right: none;
	border-radius: 5px 0px 0px 5px;
	background: none;
	outline: none;
	padding: 0px 20px;
	box-sizing: border-box;
}
.footer .footnav .newsletter .text::-webkit-input-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.footer .footnav .newsletter .text:-moz-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.footer .footnav .newsletter .text::-moz-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.footer .footnav .newsletter .text:-ms-input-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.footer .footnav .newsletter .text::-ms-input-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.footer .footnav .newsletter .text::placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(0,0,0,0.2);
}
.footer .footnav .newsletter .btns{
	width: 108px;
	height: 50px;
	color: #FFFFFF;
	font-size: 18px;
	background: #043d82;
	border: none;
	outline: none;
	border-radius: 5px;
	box-sizing: border-box;
}
.footer .footnav .newsletter .check{
	margin-top: 10px;
	font-size: 14px;
	color: rgba(0,0,0,0.6);
	line-height: 1.7;
}
.footer .footnav .newsletter .check label{
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
}
.footer .footnav .newsletter .check input{
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 8px;
	-webkit-appearance: auto;
	background-color: #f5f5f5;
} 
.footer .footnav .newsletter .check span{
	flex: 1;
}
.footer .footnav .newsletter .check a{
	display: inline;
	color: rgba(0,0,0,0.6);
}
.footer .copyright{
	display: flex;
	justify-content: space-between;
	padding: 18px 0px;
	border-top: rgba(0,0,0,0.1) solid 1px;
}
.footer .copyright,
.footer .copyright a{
	font-size: 18px;
	color: rgba(0,0,0,0.4);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.footer .copyright a:hover{
	color: #043d82;
}
.footer .copyright .support{
	margin-left: 50px;
}
.footer .copyright .support:hover a{
	color: #043d82;
}


.current_title.center{
	text-align: center;
}

.current_title.center * {
	text-align: center;
}

.current_title h1, .current_title h2, .current_title h3 {
	font-family: "BeVietnam-Bold";
	color: #043d82;
	line-height: 1.2;
}
.current_title .text{
	margin-top: 15px;
	color: rgba(0,0,0,0.6);
	line-height: 1.7;
}
.current_title.white h3,
.current_title.white .text{
	color: #FFFFFF;
}
.advertisement .current_title.white .text{
	color: rgba(255,255,255,0.6);
}
.index_product .wrap .maincontainer{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.index_product .wrap .current_title{
	width: 29.5%;
}
.control-process .current_title{
	max-width: 1065px;
	margin-left: auto;
	margin-right: auto;
}
.index_product .wrap .classtab{
	width: 54.44444444444444%;
}
.distributor_network .current_title{
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}
.classtab ul{
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
}
.classtab ul li{
	width: 30.66666666666667%;
	margin-right: 4%;
	margin-bottom: 4%;
}
.classtab ul li:nth-child(3n){
	margin-right: 0;
}
.classtab ul li span{
	position: relative;
	display: flex;
	align-items: center;
    font-family: "BeVietnam-Bold";
    color: rgba(0,0,0,0.4);
    font-size: 18px;
    padding-top: 16px;
    padding-bottom: 16px;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.classtab ul li span:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: rgba(0,0,0,0.06);
}
.classtab ul li span:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 2px;
	background: #043d82;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.classtab ul li:hover span:after,
.classtab ul li.on span:after{
	width: 100%;
}
.classtab ul li img{
	display: inline-block;
	max-width: 33px;
	margin-right: 20px;
	-webkit-filter: grayscale(1) brightness(0);
	filter: grayscale(1) brightness(0);
	opacity: 0.4;
}
.classtab ul li:hover span,
.classtab ul li.on span{
	color: #043d82;
}
.classtab ul li:hover img,
.classtab ul li.on img{
	-webkit-filter: none;
	filter: none;
	opacity: 1;
}

.index_product .box{
	position: relative;
	margin-top: 1%;
	padding-left: 3.125%;
	overflow: hidden;
	box-sizing: border-box;
}
@media screen and (min-width: 1921px){
	.index_product .box{
		padding-left: calc((100% - 1800px) / 2);
	}
}
.index_product .item{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	visibility: hidden;
	opacity: 0;	
}
.index_product .item.on{
	position: relative;
	visibility: visible;
	opacity: 1;
}
.index_product .swiper{
	position: relative;
	width: 100%;
}
.index_product .swiper .swiper-wrapper{
	align-items: stretch;
}
.index_product .swiper .swiper-wrapper .swiper-slide{
	height: auto;
}
.index_product .swiper .swiper-wrapper .swiper-slide .productli{
	height: 100%;
}
.productli{
	border-radius: 10px;
}
.productli a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 90px 0px 90px 40px;
	box-sizing: border-box;
	overflow: hidden;
}
.productli .text{
	width: 54%;
	min-height: 307px;
	padding: 35px;
	background: url(/wp-content/uploads/img4.png) center no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.index_product .swiper .swiper-wrapper .swiper-slide-active .text,
.productli a:hover .text{
	background: url(/wp-content/uploads/img4a.png) center no-repeat;
	background-size: 100% 100%;
}
.productli .text .t1{
	font-family: "BeVietnam-Bold";
	color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.index_product .swiper .swiper-wrapper .swiper-slide-active .text .t1,
.productli a:hover .text .t1{
	color: #043d82;
}
.productli .text .t2{
	margin-top: 10px;
	color: rgba(255,255,255,0.6);
	line-height: 1.5;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.index_product .swiper .swiper-wrapper .swiper-slide-active .text .t2,
.productli a:hover .text .t2{
	color: rgba(0,0,0,0.6);
}
.current-btn{
	display: flex;
	margin-top: 30px;
}
.current-btn span,
.current-btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 180px;
	height: 60px;
	font-family: "BeVietnam-Bold";
	color: #ffffff;
	border-radius: 30px;
	padding-left: 18px;
	padding-right: 30px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.1);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.search-results .product-item ul li .current-btn span,
.search-results .product-item ul li .current-btn a{
	background: none;
}
.current-btn.white span,
.current-btn.white a{
	color: #043d82;
	background: #FFFFFF;
	box-shadow: 0px 0px 14px rgba(0,0,0,0.1);
}
.current-btn.grey a,
.current-btn.grey span{
	min-width: 1px;
	height: auto;
	color: #c2c3c4;
	padding-left: 0;
}
.current-btn a:hover,
.current-btn span:hover,
.productli a:hover .text .current-btn span,
.index_product .swiper .swiper-wrapper .swiper-slide-active .productli .text .current-btn span,
.current-btn.blue a,
.current-btn.blue span{
	background: #043d82;
}
.search-results .product-item ul li:hover .current-btn span,
.search-results .product-item ul li:hover .current-btn a{
	background: #043d82;
}
.current-btn.white span:hover, .current-btn.white a:hover{
	background: #043d82;
}
.current-btn.white span:hover, 
.current-btn.white a:hover{
	color: #FFFFFF;
}
.current-btn.grey a:hover,
.current-btn.grey span:hover,
.index_new .newlist ul li:hover .current-btn.grey span{
	color: #043d82;
	background: none;
}
.current-btn span i,
.current-btn a i{
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-right: 16px;
	border-radius: 50%;
	background: #ffffff url(/wp-content/uploads/icon12a.png) center no-repeat;
	background-size: 12px auto;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.current-btn.white a i,
.current-btn.white span i{
	background: #043d82 url(/wp-content/uploads/icon12b.png) center no-repeat;
	background-size: 12px auto;
}
.obanner .current-btn.white a i,
.current-btn.white.contactbtns a i{
	background: #043d82 url(/wp-content/uploads/icon29.png) center no-repeat;
	background-size: 15px auto;
}
.obanner .current-btn.white a:hover i,
.current-btn.white.contactbtns a:hover i{
	background: #FFFFFF url(/wp-content/uploads/icon29a.png) center no-repeat;
	background-size: 15px auto;
}
.downloadlist .current-btn.white a i,
.downloadlist .current-btn.white span i{
	background: #043d82 url(/wp-content/uploads/img108.png) center no-repeat;
	background-size: 11px auto;
}
.downloadlist .current-btn.white a:hover i,
.downloadlist .current-btn.white span:hover i{
	background: #FFFFFF url(/wp-content/uploads/img108a.png) center no-repeat;
	background-size: 11px auto;
}
.current-btn.grey a i,
.current-btn.grey span i{
	background: #dadbdc url(/wp-content/uploads/icon12b.png) center no-repeat;
	background-size: 12px auto;
}
.index_new .newlist ul li:hover .current-btn.grey span i{
	background: #043d82 url(/wp-content/uploads/icon12b.png) center no-repeat;
	background-size: 12px auto;
}
.current-btn.ic1 a i,
.current-btn.ic1 span i{
	background: #dadbdc url(/wp-content/uploads/icon66.png) center no-repeat;
	background-size: 12px auto;
}
.current-btn a:hover i,
.current-btn span:hover i,
.productli a:hover .text .current-btn span i,
.index_product .swiper .swiper-wrapper .swiper-slide-active .productli .text .current-btn span i,
.current-btn.blue a i,
.current-btn.blue span i{
	background: #ffffff url(/wp-content/uploads/icon12.png) center no-repeat;
	background-size: 12px auto;
}
.current-btn.blue span:hover,
.current-btn.blue a:hover,
.index_new .mainbox:hover .current-btn.blue a{
	color: #043d82;
	background: #FFFFFF;
	box-shadow: 0px 0px 14px rgba(0,0,0,0.1);
}
.current-btn.blue span:hover i,
.current-btn.blue a:hover i,
.index_new .mainbox:hover .current-btn.blue a i{
	background: #043d82 url(/wp-content/uploads/icon12b.png) center no-repeat;
    background-size: 12px auto;
}
.product_details .current-btn.blue a i,
.product_details .current-btn.blue span i{
	background: #ffffff url(/wp-content/uploads/icon67.png) center no-repeat;
	background-size: 17px auto;
}
.product_details .current-btn.blue a:hover i,
.product_details .current-btn.blue span:hover i{
	background: #043d82 url(/wp-content/uploads/icon67a.png) center no-repeat;
	background-size: 17px auto;
}

.product_details .text {
	color: #ffffff;
}

.current-btn.ic1 a:hover i,
.current-btn.ic1 span:hover i{
	background: #ffffff url(/wp-content/uploads/icon66.png) center no-repeat;
	background-size: 12px auto;
}
.productli .img{
	width: 46%;
	overflow: hidden;
	text-align: center;
}
.productli .img img{
	max-width: 100%;
}

.index_product .manageBox{
	position: relative;
	display: flex;
	align-items: center;
	margin-top: 70px;
	padding-bottom: 60px;
	width: 96.7741935483871%;
}
.index_product .swiper-scrollbar{
	position: static;
	flex: 1;
	height: 2px;
	background: #e5e5e5;
	display: flex;
	align-items: flex-end;
}
.index_product .swiper-scrollbar-drag{
	height: 2px;
	background: #043d82;
}
.index_product .rightside{
	display: flex;
	align-items: center;
	margin-left: 60px;
}
.index_product .swiper-button-next, 
.index_product .swiper-button-prev{
	position: static;
	display: inline-block;
   	width: 54px;
   	height: 54px;
    margin-top: 0;
    -webkit-transform: none;
    transform: none;
    z-index: 10;
    cursor: pointer;
    border-radius: 50%;
}
.index_product .swiper-button-next{
	margin-left: 20px;
}
.index_product .swiper-button-next, 
.index_product .swiper-container-rtl .swiper-button-prev {
    background: #043d82 url(/wp-content/uploads/icon14a.png) center no-repeat;
    background-size: 16px auto;
}
.index_product .swiper-button-prev, 
.index_product .swiper-container-rtl .swiper-button-next {
  	background: #043d82 url(/wp-content/uploads/icon13a.png) center no-repeat;
   	background-size: 16px auto;
}
.index_product .swiper-button-next.swiper-button-disabled{
	opacity: 1;
	background: #f0f0f0 url(/wp-content/uploads/icon14.png) center no-repeat;
	background-size: 16px auto;
} 
.index_product .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
	background: #f0f0f0 url(/wp-content/uploads/icon13.png) center no-repeat;
	background-size: 16px auto;
}



.index_application .box{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	margin-top: 2.22222222222222%;
	box-shadow: 0px 0px 14px rgba(4,0,0,0.1);
	background: #fbfbfb;
	overflow: hidden;
	border-radius: 10px;
}
.index_application .box .right{
	width: 58.55555555555556%;
}
.index_application .box .left{
	width: 41.44444444444444%;
	padding-left: 5%;
	padding-right: 4%;
	box-sizing: border-box;
}
.index_application .box .swiper{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.index_application .box .right .swiper-slide a{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.index_application .box .right .swiper-slide a:before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/img6.png) left top no-repeat;
    background-size: auto 100%; 
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.index_application .box .right .swiper-slide a img{
	display: block;
	width: 100%;
}

.index_application .box .left .swiper{
	position: relative;
}
.index_application .box .left .swiper:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	border-radius: 6px;
	background: #e2e8ef;
}
.index_application .box .left .swiper ul li:before{
	content: '';
	position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 0%;
    border-radius: 6px;
	background: #043d82;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.index_application .box .left .swiper ul li.active:before{
    height: 100%;
}
.index_application .box .left .swiper ul li{
	position: relative;
	padding-left: 13.8%;
	display: flex;
	align-items: center;
	flex-wrap: wrap; 
	min-height: 120px;
	cursor: pointer;
}
.index_application .box .left .swiper ul li .t1{
	font-family: "BeVietnam-Bold"; 
	color: rgba(0,0,0,0.4);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.index_application .box .left .swiper ul li.active .t1{
	color: #043d82;
}
.index_application .box .left .swiper ul li .txt{
	display: none;
	padding-bottom: 30px;
}
.index_application .box .left .swiper ul li .t2{
	position: relative;
  	color: rgba(0,0,0,0.6);
  	margin-top: 10px;
  	-webkit-line-clamp:2;
  	display:-webkit-box;
  	-webkit-box-orient:vertical;
  	overflow: hidden;
  	text-overflow:ellipsis;
  	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.index_about{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	overflow: hidden;
}
.index_about .wrap{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.index_about .wrap .current_title{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.index_about .wrap .textbox{
	width: 70%;
	color: rgba(255,255,255,0.6);
	line-height: 1.7;
}
.index_about .box{
	position: relative;
	margin-top: 2.77777777777778%;
	overflow: hidden;
	border-radius: 10px;
}
.index_about .box .imgbox{
}
.index_about .box .imgbox .swiper{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.index_about .box .imgbox .swiper .swiper-slide{
	height: 100%;
}
.index_about .box .imgbox .swiper .swiper-slide img{
/* 	display: block; */
	width: 100%;
}
.index_about .record{
	position: absolute;
	left: 32px;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 5;
	display: flex;
	align-items: center;
}
.index_about .record ul{
}
.index_about .record ul li{
	position: relative;
	min-width: 300px;
	padding-top: 15px;
	padding-bottom: 25px;
	padding-left: 35px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.15);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 10px;
	box-shadow: 0 0 3px rgba(255,255,255,0.7), 
            0px 0px 49px rgba(66, 66, 66, 0.09),
            0px 0px 49px rgba(66, 66, 66, 0.09); 
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.index_about .record ul li:last-child{
	margin-bottom: 0;
}
.index_about .record ul li:hover,
.index_about .record ul li.on{
	background: #043d82;
	box-shadow: none;
}
.index_about .record ul li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/img9.png) right top no-repeat;
	background-size: auto 100%; 
}
.index_about .record ul li .t1{
	font-family: "BeVietnam-Bold"; 
	color: #ffffff;
	line-height: 1.2;
}
.index_about .record ul li .t2{
	margin-top: 10px;
	color: rgba(255,255,255,0.4);
}

.sliding_section .box ul{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.sliding_section .box ul li{
	position: relative;
	z-index: 5;
	width: 26.44444444444444%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.sliding_section .box ul li.on{
	width: 72.05555555555556%;
}
.sliding_section .box ul li .imgbox{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
}
.sliding_section .box ul li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	width: 82.49807247494217%;
	height: 100%;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(7.6px);
    -webkit-backdrop-filter: blur(7.6px);
    -webkit-clip-path: polygon(75% 0%, 55% 32%, 100% 100%, 0 100%, 0% 50%, 0 0);
    clip-path: polygon(75% 0%, 55% 32%, 100% 100%, 0 100%, 0% 50%, 0 0);
    border-radius: 10px;
    -webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
}
.sliding_section .box ul li.on:before{
	opacity: 1;
}
.sliding_section .box ul li .imgbox img{
	display: block;
	width: auto;
	max-width: inherit;
	height: 36.45833333333333vw;
}
.sliding_section .box ul li.on .imgbox img{
	min-width: 100%;
}
.sliding_section .box ul li .textbox{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 5;
	width: 100%;
	padding-left: 80px;
	padding-right: 60px;
	box-sizing: border-box;
}
.sliding_section .box ul li.on .textbox{
	width: 27.60416666666667vw;
}
.sliding_section .box ul li .textbox .t1{
	font-family: "BeVietnam-Bold"; 
	color: #FFFFFF;
}
.sliding_section .box ul li .textbox .t2{
	margin-top: 25px;
	color: rgba(255,255,255,0.6);
}
.sliding_section .box ul li .current-btn{
	position: absolute;
	left: 80px;
	bottom: -100%;
	opacity: 0;
	visibility: hidden;
}
.sliding_section .box ul li.on .current-btn{
	position: static;
	opacity: 1;
	visibility: visible;
}

.index_new{
}
.index_new .wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index_new .box{
	margin-top: 35px;
	padding-top: 64px;
	padding-left: 70px;
	padding-bottom: 65px;
	box-shadow: 0px 0px 14px rgba(0,0,0,0.1);
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
}
.index_new .mainbox{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index_new .mainbox .img{
	width: 49.56772334293948%;
	overflow: hidden;
	border-radius: 10px;
}
.index_new .mainbox .img a{
	position: relative;
	display: block;
	width: 100%;
}
.index_new .mainbox .img img{
	display: block;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.index_new .mainbox:hover .img img{
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}
.index_new .mainbox .img a:before{
	content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 0;
    height: 0;
    border: 40px solid #ffffff;
    border-color: transparent #ffffff #ffffff transparent;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.index_new .mainbox .text{
	width: 50.43227665706052%;
	padding-left: 6.3%;
	padding-right: 5%;
	box-sizing: border-box;
}
.index_new .t1{
	color: #1e518f;
}
.index_new .t2{
	font-family: "BeVietnam-Bold"; 
	color: #000000;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.index_new .mainbox:hover .t2{
	color: #043d82;
}
.index_new .t3{
	color: rgba(0,0,0,0.6);
	line-height: 1.7;
	margin-top: 10px;
}
.index_new .newlist{
	margin-top: 50px;
}
.index_new .newlist ul{
	display: flex;
	align-items: stretch;
}
.index_new .newlist ul li{
	position: relative;
	width: 24.25%;
	margin-right: 1%;
	padding-left: 45px;
	padding-right: 45px;
	box-sizing: border-box;
	overflow: hidden;
}
.index_new .newlist ul li:nth-child(4n){
	margin-right: 0;
}
.index_new .newlist ul li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background: #e5ebf2;
}
.index_new .newlist ul li:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 22.22222222222222%;
	background: #043d82;
}

.breadcrumb{
	padding-top: 15px;
	padding-bottom: 15px;
}
.breadcrumb.absolute{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.breadcrumb .box{
	display: flex;
	align-items: center;
}
.breadcrumb .box a,
.breadcrumb .box span{
	display: inline-block;
	font-size: 16px;
	color: rgba(0,0,0,0.2);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.breadcrumb .box span{
	margin: 0px 5px;
}
.breadcrumb.absolute .box a,
.breadcrumb.absolute .box span{
	color: rgba(255,255,255,0.2);
}
.breadcrumb .box a:hover,
.breadcrumb .box a.on{
	color: #043d82;
}
.breadcrumb.absolute .box a:hover,
.breadcrumb.absolute .box a.on{
	color: #FFFFFF;
}
/*about*/
.about{
	position: relative;
}
.about .pkcell{
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
	display: flex;
	align-items: center;
	max-width: 50%;
	height: 16.35416666666667vw;
}
.about .pkcell img{
	max-width: 100%;
	max-height: 100%;
}
.about .box{
	margin-top: 2.3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.about .box .imgbox{
	width: 55.11111111111111%;
	overflow: hidden;
	border-radius: 10px;
}
.about .box .imgbox img{
	display: block;
	width: 100%;
}
.about .box .textbox{
	color: rgba(0,0,0,0.6);
	line-height: 1.7;
	width: 44.88888888888889%;
	padding-left: 5%;
	padding-right: 1.5%;
	max-height: 520px;
	overflow-y: auto;
	box-sizing: border-box;
}

.about .box .textbox::-webkit-scrollbar {
    width: 3px; 
}
.about .box .textbox::-webkit-scrollbar-track {
    background: #e5ebf2; 
}
.about .box .textbox::-webkit-scrollbar-thumb {
    background: #043d82;
}

.about .box .textbox::-webkit-scrollbar-thumb:hover {
    background: #e5ebf2;
}
.about .wrap{
	margin-top: 5%;
	display: flex;
}
.about .wrap ul{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	width: 48.33333333333333%;
}
.about .wrap ul li{
	display: flex;
	align-items: flex-end;
	width: 46.4%;
	margin-right: 7.2%;
	margin-bottom: 5.6%;
	padding-bottom: 30px;
	border-bottom: #e5e5e5 solid 1px;
}
.about .wrap ul li:nth-child(2n){
	margin-right: 0;
}
.about .wrap ul li .size60{
	font-family: "BeVietnam-Bold";
	color: #043d82;
	line-height: 1;
	margin-right: 20px;
}
.about .wrap ul li .size24{
	color: rgba(4,61,130,0.4);
}
/**/
.about_factory .box{
	position: relative;
	margin-top: 2.34375%;
	overflow: hidden;
	border-radius: 10px;
}
.about_factory .box .videoimg img{
	display: block;
	width: 100%;
}
.about_factory .box .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 3.697916666666667vw;
}
.about_factory .box .icon img{
	display: block;
	width: 100%;
}
.bigPicLayer.indexexample{
	display: none;
	max-width: 1200px;
	width: 90%;
	height: 675px;
	position: fixed;
	z-index: 100;
	top: 40% !important;
	margin-top: -180px;
	padding: 10px;
}
.bigPicLayer.indexexample .wrap{
	display: flex;
	border-radius: 10px;
	overflow: hidden;
}
.bigPicLayer.indexexample .video-js{
	height: auto;
}
.bigPicLayer.indexexample .close {
	display: block;
	width: 38px;
	height: 38px;
	background: url(../images/closebtn.png) no-repeat;
	right: -50px;
	top: -50px;
	position: absolute;
	z-index: 12;
}
.bigPicLayer.indexexample .close em {
	width: 1px;
	height: 50px;
	background: #009690;
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -0.5px;
	top: 100%;
}
.bigPicLayer.indexexample .imgDiv {
	text-align: center;
}
.bigPicLayer.indexexample .imgDiv img {
	width: 100%;
}
.bigPicLayer.indexexample .imgDiv span {
	display: block;
	text-align: center;
	font-size: 18px;
	margin-top: 16px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
}

/**/
#Layer1 {
    position: fixed;
    background: #000000;
    top: 0;
    left: 0;
    width: 100% !important;
	z-index: 99;
}
@media screen and (max-width: 1440px) {
	.bigPicLayer.indexexample{
		display: none;
		width: 600px;
		height: 350px;
		position: fixed;
		top: 40% !important;
		margin-top: -100px;
		padding: 10px;
	}
}
@media screen and (max-width: 1004px) {
	.bigPicLayer.indexexample{
		left: 50% !important;
		margin-left: -300px;
		box-sizing: border-box;
	}
	.bigPicLayer.indexexample .imgDiv{
		height: 169px;
	}
}
@media only screen and (max-width: 767px){
	.bigPicLayer.indexexample{
		display: none;
		position: fixed;
		width: 94%;
		height: auto;
		margin-left: 0px;
		top: 35% !important;
		left: 3% !important;
	}
	.bigPicLayer.indexexample .close{
		display: block;
		width: 40px;
		height: 40px;
		right: 0;
		top: -15%;
		position: absolute;
		background-size: cover;
		z-index: 10;
	}
	
}
@media only screen and (max-width: 480px){
	.bigPicLayer.indexexample .close{
		width: 36px;
		height: 36px;
	}
}

/*Company History*/
.about_history .box{
	position: relative;
	margin-top: 2.083333333333333%;
}
.about_history .imgbox{
	position: absolute;
	right: 0;
	top: 0;
	width: 44.27083333333333%;
	height: 100%;
	overflow: hidden;
}
.about_history .imgbox .mySwiper1{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.about_history .imgbox .mySwiper1:before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(/wp-content/uploads/img18.png) center bottom 1% no-repeat;
	background-size: auto 100%;
}
.about_history .imgbox .mySwiper1 ul{
	position: relative;
	width: 100%;
	height: 100%;
}
.about_history .imgbox .mySwiper1 ul li{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
}
.about_history .imgbox .mySwiper1 ul li.on{
	position: static;
	opacity: 1;
	visibility: visible;
}
.about_history .imgbox .mySwiper1 img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about_history .box .maincontainer{
	position: relative;
	z-index: 10;
	overflow: hidden;
}


.about_history .mySwiper2{
	position: relative;
	width: 65%;
}
.about_history .mySwiper2 .year{
	width: 8.854166666666667vw;
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
	text-align: center;
	opacity: 0;
}
.about_history .mySwiper2 .text{
	position: relative;
	flex: 1;
	color: #cdd8e6;
	padding-left: 3.90625vw;
	box-sizing: border-box;
	height: 100%;
}
/**/
.about_history .box .maincontainer{
	height: 38.54166666666667vw;
}
.about_history .mySwiper2{
	overflow: hidden;
}
.about_history .mySwiper2:before{
	content: '';
	position: absolute;
	left: calc(8.854166666666667vw + 7px);
	top: 20px;
	width: 2px;
	height: 100%;
	background: #e5ebf2;
}
.about_history .mySwiper2 .slide{
	position: relative;
	display: flex;
	align-items: baseline;
	cursor: pointer;
	height: auto;
	padding-bottom: 60px;
}
.about_history .mySwiper2 .slide.on .text{
	color: #87a2c3;
}
.about_history .mySwiper2 .textbox{
	display: flex;
	align-items: baseline;
}
.about_history .mySwiper2 .slick-current .year{
	opacity: 1;
}
.about_history .mySwiper2 .slick-current:before{
	content: '';
    position: absolute;
    left: 8.854166666666667vw;
    top: 20px;
    width: 14px;
    height: 14px;
    background: #043d82;
    border-radius: 50%;
}
.about_history .mySwiper2 .slick-current:after{
	content: '';
    position: absolute;
    left: calc(8.854166666666667vw + 6px);
    top: 20px;
    width: 2px;
    height: 100%;
    background: #043d82;
}
.about_history .mySwiper2 .slick-current .text{
	color: #043d82;
}
.about_history .mySwiper2 .slick-list{
	max-height: 32vw;
	height: auto !important;
}


.about_vision .box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0px 0px 8px rgba(4,61,130,0.1);
	overflow: hidden;
	border-radius: 10px;
}
.about_vision .box .textbox{
	width: 54%;
	padding-left: 7.2%;
	box-sizing: border-box;
	overflow: hidden;
}
.about_vision .box .textbox .t1{
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
}
.about_vision .box .textbox .t2{
	margin-top: 15px;
	color: rgba(0,0,0,0.6);
}
.about_vision .box .imgbox{
	width: 42.27777777777778%;
	overflow: hidden;
}
.about_vision .box .imgbox img{
	display: block;
	width: 100%;
}

.general_section ul{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.general_section ul li{
	width: 49.4%;
	margin-right: 1.2%;
	margin-bottom: 2.5%;
}
.general_section ul li:nth-child(2n){
	margin-right: 0;
}
.general_section ul li a{
	position: relative;
	display: block;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.general_section ul li .imgbox{
	display: block;
	width: 100%;
	overflow: hidden;
}
.general_section ul li .imgbox img{
	display: block;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.general_section ul li:hover .imgbox img{
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}
.general_section ul li .textbox{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 25px;
	width: calc(100% - 60px);
	padding: 36px 160px 40px 50px;
	box-sizing: border-box;
	overflow: hidden;
	backdrop-filter: blur(12.5px);
    -webkit-backdrop-filter: blur(12.5px);
    border-radius: 10px;
    background: rgba(255,255,255,0.07);
    overflow: hidden;
    box-shadow: 0 0 3px rgba(255,255,255,0.5), 
            0px 0px 49px rgba(66, 66, 66, 0.09),
            0px 0px 49px rgba(66, 66, 66, 0.09);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.general_section ul li .textbox .t1{
	font-family: "BeVietnam-Bold"; 
	color: #ffffff;
}
.general_section ul li .textbox .t2{
	margin-top: 15px;
	color: #ffffff;
}
.general_section ul li .textbox .icon{
	position: absolute;
	right: 50px;
	top: 50px;
	width: 72px;
	height: 72px;
	border: rgba(255,255,255,0.1) solid 1px;
	border-radius: 50%;
	background: url(/wp-content/uploads/icon16.png) center no-repeat;
	background-size: 15px auto; 
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.general_section ul li:hover .textbox .icon{
	border: #043d82 solid 1px;
	background: #043d82 url(/wp-content/uploads/icon16.png) center no-repeat;
	background-size: 15px auto; 
}

/**/
.Get_in_Touch .box{
	padding: 5% 4.444444%;
	box-shadow: 0px 0px 8px rgba(4,61,130,0.1);
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
}
.Get_in_Touch .wrap{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 3%;
}
.Get_in_Touch .wrap .infor{
	width: 46.2%;
	overflow: hidden;
}
.Get_in_Touch .wrap .infor ul li{
	display: flex;
	align-items: flex-start;
	padding-top: 30px;
	margin-bottom: 30px;
	border-top: #e5ebf2 solid 1px;
}
.Get_in_Touch .wrap .infor ul li:last-child{
	margin-bottom: 0;
}
.Get_in_Touch .wrap .infor ul li .item{
	display: flex;
	flex: 1;
	padding-right: 50px;
	box-sizing: border-box;
}
.Get_in_Touch .wrap .infor ul li .item:last-child{
	padding-right: 0;
}
.Get_in_Touch .wrap .infor ul li .item .icon{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-right: 20px;
	box-sizing: border-box;
	background: #e5eaee;
}
.Get_in_Touch .wrap .infor ul li .item .icon img{
	max-width: 41.66666666666667%;
}
.Get_in_Touch .wrap .infor ul li .item .text{
	flex: 1;
}
.Get_in_Touch .wrap .infor ul li .item .text .t1{
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
}
.Get_in_Touch .wrap .infor ul li .item .text .t2{
	margin-top: 5px;
	color: rgba(0,0,0,0.6);
}

.Get_in_Touch .wrap .formBox{
	width: 48.6322188449848%;
	box-sizing: border-box;
}
.Get_in_Touch .wrap .formBox form{
	display: flex;
	flex-wrap: wrap;
}
.Get_in_Touch .wrap .formBox .inputLi{
	width: calc((100% - 5px) / 2);
	margin-right: 5px;
	margin-bottom: 5px;
	box-sizing: border-box;
}
.Get_in_Touch .wrap .formBox .inputLi:nth-child(odd){
	margin-right: 0;
}
.Get_in_Touch .wrap .formBox .inputLi input{
	width: 100%;
	height: 60px;
/* 	font-family: "BeVietnam-Regular";  */
	color: rgba(4,61,130,0.3);
	padding: 0 18px;
	outline: none;
	border: #cdd8e6 solid 1px;
	background: #FFFFFF;
	border-radius: 6px;
	box-sizing: border-box;
}
.Get_in_Touch .wrap .formBox .textareaLi{
	width: 100%;
}
.Get_in_Touch .wrap .formBox .textareaLi textarea{
	width: 100%;
	min-height: 150px;
	padding: 15px;
/* 	font-family: "BeVietnam-Regular";  */
	color: rgba(4,61,130,0.3);
	outline: none;
	border: #cdd8e6 solid 1px;
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 6px;
}
.Get_in_Touch .wrap .formBox .inputLi input::-webkit-input-placeholder{
/* 	font-family: "BeVietnam-Regular";  */
	color: rgba(4,61,130,0.3);}
.Get_in_Touch .wrap .formBox .inputLi input:-moz-placeholder{
/* 	font-family: "BeVietnam-Regular";  */
	color: rgba(4,61,130,0.3);}
.Get_in_Touch .wrap .formBox .inputLi input::-moz-placeholder{
/* 	font-family: "BeVietnam-Regular"; */
	color: rgba(4,61,130,0.3);}
.Get_in_Touch .wrap .formBox .inputLi input:-ms-input-placeholder{
/* 	font-family: "BeVietnam-Regular";  */
	color: rgba(4,61,130,0.3);}
.Get_in_Touch .wrap .formBox .textareaLi textarea::-webkit-input-placeholder{
/* 	font-family: "BeVietnam-Regular";  */
	color: rgba(4,61,130,0.3);}
.Get_in_Touch .wrap .formBox .textareaLi textarea:-moz-placeholder{
/* 	font-family: "BeVietnam-Regular";  */
	color: rgba(4,61,130,0.3);}
.Get_in_Touch .wrap .formBox .textareaLi textarea::-moz-placeholder{
/* 	font-family: "BeVietnam-Regular";  */
	color: rgba(4,61,130,0.3);}
.Get_in_Touch .wrap .formBox .textareaLi textarea:-ms-input-placeholder{
/* 	font-family: "BeVietnam-Regular";  */
	color: rgba(4,61,130,0.3);}

.Get_in_Touch .wrap .formBox .inputBtn{
	margin-top: 30px;
	width: 100%;
	background: #043d82;
	border-radius: 30px;
}
.Get_in_Touch .wrap .formBox .inputBtn input{
	width: 100%;
	height: 60px;
	color: #FFFFFF;
/* 	font-family: "BeVietnam-Regular";  */
	text-align: center;
	background: none;
	border: none;
	outline: none;
}

/*download*/
.downloadlist .box{
	margin-top: 2.34375%;
}
.downloadlist .box ul{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.downloadlist .box ul li{
	position: relative;
	width: 49.4%;
	margin-right: 1.2%;
	margin-bottom: 1.2%;
	padding: 3.2% 3.6%;
	background: url(/wp-content/uploads/img22.jpg) center no-repeat;
	background-size: cover;
	box-shadow: 0px 0px 10px rgba(4,61,130,0.1);
	box-sizing: border-box;
}
.downloadlist .box ul li:nth-child(2n){
	margin-right: 0;
}
.downloadlist .box ul li .textbox{
	width: 60%;
}
.downloadlist .box ul li .textbox .text{
	margin-top: 10px;
	margin-bottom: 30px;
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
	min-height: 70px;
}
.downloadlist .box ul li .imgbox{
	position: absolute;
	right: 7.5%;
	bottom: 0;
	width: 29.3%;
	overflow: hidden;
}
.downloadlist .box ul li .imgbox img{
	display: block;
	max-width: 100%;
	max-height: 80%;
}



.global .box{
	display: flex;
	justify-content: center;
	margin-top: 5%;
}
.global .box .mapbox{
	position: relative;
	display: inline-block;
	max-width: 100%;
}
.global .box .mapbox .imgbox{
	overflow: hidden;
}
.global .box .mapbox .imgbox img{
	max-width: 100%;
}
.global .box .mapbox .locationbox,
.global .box .mapbox .locationbox ul{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.global .box .mapbox .locationbox ul li{
	position: absolute;
}
.global .box .mapbox .locationbox ul li.a1{
	left: 16%;
    top: 16%;
}
.global .box .mapbox .locationbox ul li.a2{
    left: 18%;
    top: 29%;
}
.global .box .mapbox .locationbox ul li.a3{
	right: 20%;
    top: 45%;
}
.global .box .mapbox .locationbox ul li.a4{
	left: 27%;
    bottom: 20%;
}
.global .box .mapbox .locationbox ul li .level1 img{
	width: 31px;
}
.global .box .mapbox .locationbox ul li .sp{
	position: absolute;
	left: 50%;
	top: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #043d82;
	white-space: nowrap;
}
.global .box .mapbox .locationbox ul li .sp span{
	font-family: "BeVietnam-Bold"; 
}
.global .box .mapbox .locationbox ul li .level2{
	position: absolute;
	
	left: 50%;
	z-index: 6;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 560px;
	text-align: left;
    display: none;
   	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.global .box .mapbox .locationbox ul li.a1 .level2,
.global .box .mapbox .locationbox ul li.a2 .level2{
	top: 130%;
}
.global .box .mapbox .locationbox ul li.a3 .level2,
.global .box .mapbox .locationbox ul li.a4 .level2{
	bottom: 80%;
}
.global .box .mapbox .locationbox ul li.on .level2{
	display: flex;
}
.global .box .mapbox .locationbox ul li:hover .level2{
	display: flex;
	
}
.global .box .mapbox .locationbox ul li.a3:hover .level2,
.global .box .mapbox .locationbox ul li.a4:hover .level2{
	flex-direction: column-reverse;
}

.global .box .mapbox .locationbox ul li .wrap{
	padding: 40px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 8px rgba(4,61,130,0.1);
    border-radius: 5px;
    box-sizing: border-box;
}
.global .box .mapbox .locationbox ul li.a1 .s-triangle,
.global .box .mapbox .locationbox ul li.a2 .s-triangle{
	display: block;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 12px;
    border-color: transparent transparent  #FFFFFF transparent;
}
.global .box .mapbox .locationbox ul li.a3 .s-triangle,
.global .box .mapbox .locationbox ul li.a4 .s-triangle{
	display: block;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 12px;
    border-color: #FFFFFF transparent transparent transparent;
}
.global .box .mapbox .locationbox ul li .wrap .place{
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
	padding-bottom: 20px;
	border-bottom: #e5e5e5 solid 1px;
}
.global .box .mapbox .locationbox ul li .wrap .info{
	margin-top: 20px;
}
.global .box .mapbox .locationbox ul li .wrap .info dd{
	display: flex;
	margin-bottom: 20px;
}
.global .box .mapbox .locationbox ul li .wrap .info .icon{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	margin-right: 20px;
	box-sizing: border-box;
	border: rgba(0,0,0,0.1) solid 1px;
}
.global .box .mapbox .locationbox ul li .wrap .info .icon img{
	max-width: 41.66666666666667%;
}
.global .box .mapbox .locationbox ul li .wrap .info .text{
	flex: 1;
}
.global .box .mapbox .locationbox ul li .wrap .info .text .t1{
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
}
.global .box .mapbox .locationbox ul li .wrap .info .text .t2{
	color: rgba(0,0,0,0.6);
}



.map_area img{
	display: block;
	width: 100%;
}

.introduce .maincontainer{
	background-position: top right;
	background-size: auto 76px; 
	background-repeat: no-repeat;
}
.introduce.w8 .current_title{
	max-width: 800px;
}
.introduce.w10 .current_title{
	max-width: 1080px;
}
.distributor_benefits .box{
	margin-top: 3.05555555555556%;
}
.distributor_benefits .swiper{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.distributor_benefits .mySwiper1:before{
	content: '';
	position: absolute;
	top: 57px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 90%;
	height: 1px;
	background: #f0f0f0;
}
.distributor_benefits .mySwiper1 .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
}
.distributor_benefits .mySwiper1 .swiper-slide .item{ 
	display: inline-block;
	cursor: pointer; 
} 
.distributor_benefits .mySwiper1 .swiper-slide .item .icon{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 116px;
	height: 116px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.distributor_benefits .mySwiper1 .swiper-slide-thumb-active .item .icon{
	border: rgba(4,61,130,0.2) dashed 1px;
}
.distributor_benefits .mySwiper1 .swiper-slide .item .icon:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
	width: 82.75862068965517%;
	height: 82.75862068965517%;
	background: #f0f0f0;
	border-radius: 50%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.distributor_benefits .mySwiper1 .swiper-slide-thumb-active .item .icon:before{
	background: #043d82;
}
.distributor_benefits .mySwiper1 .swiper-slide .icon img{
	width: 27.19298245614035%;
}
.distributor_benefits .mySwiper1 .swiper-slide .icon .ic2{
	display: none;
}
.distributor_benefits .mySwiper1 .swiper-slide-thumb-active .item .icon .ic2{
	display: inline-block;
}
.distributor_benefits .mySwiper1 .swiper-slide-thumb-active .item .icon .ic1{
	display: none;
}
.distributor_benefits .mySwiper1 .swiper-slide .item .txt{
	margin-top: 15px;
	text-align: center;
	font-family: "BeVietnam-Bold"; 
	color: rgba(0,0,0,0.6);
	font-size: 16px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.distributor_benefits .mySwiper1 .swiper-slide-thumb-active .item .txt{
	color: #043d82;
}
.distributor_benefits .mySwiper2{
	margin-top: 2.3%;
}
.distributor_benefits .mySwiper2 .item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 10px;
	overflow: hidden;
	background: #fbfbfb;
}
.distributor_benefits .mySwiper2 .item .textbox{
	padding-left: 4%;
	padding-right: 3%;
	width: 41.33333333333333%;
	box-sizing: border-box;
}
.distributor_benefits .mySwiper2 .item .textbox .icon{
	margin-bottom: 20px;
}
.distributor_benefits .mySwiper2 .item .textbox .icon img{
	width: 49px;
}
.distributor_benefits .mySwiper2 .item .textbox .t1{
	font-family: "BeVietnam-Bold"; 
	color: #043D82;
}
.distributor_benefits .mySwiper2 .item .textbox .t2{
	margin-top: 10px;
	color: rgba(0,0,0,0.6);
}
.distributor_benefits .mySwiper2 .item .imgbox{
	position: relative;
	width: 58.66666666666667%;
	overflow: hidden;
}
.distributor_benefits .mySwiper2 .item .imgbox:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/img6.png) left top no-repeat;
    background-size: auto 101%;
}
.distributor_benefits .mySwiper2 .item .imgbox img{
	display: block;
	width: 100%;
}
.distributor_network{
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat; 
}
.distributor_network .box{
	display: flex;
	justify-content: center;
	margin-top: 4.16666666666667%;
}

.advertisement{
	position: relative;
	z-index: 1;
	padding-top: 3.645%;
	padding-bottom: 4.5%;
	min-height: 400px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.advertisement .bgbox{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.advertisement .bgbox>div{
	width: 100%;
	height: 100%;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.advertisement .box{
	display: flex;
	justify-content: space-between;
}
.advertisement .box .textbox{
	width: 55.6%;
	padding-left: 9%;
	box-sizing: border-box;
}
.advertisement .box .textbox .btns{
	margin-top: 40px;
	display: flex;
}
.advertisement .box .textbox .btns a{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 250px;
	height: 60px;
	border-radius: 30px;
	font-family: "BeVietnam-Bold"; 
	color: #043D82;
	background: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.advertisement .box .textbox .btns a:hover{
	color: #FFFFFF;
	background: #043D82;
}
.advertisement .box .imgbox{
	width: 44.4%;
	text-align: center;
}
.advertisement .box .imgbox img{
	max-width: 100%;
}
/*exhibition*/
.exhibition .box .swiper{
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}
.exhibition .box .swiper .swiper-slide a{
	position: relative;
	display: block;
	width: 100%;
}
.exhibition .box .swiper .swiper-slide a:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/img30.png) center bottom no-repeat;
	background-size: 100% auto;
}
.exhibition .imgbox{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.exhibition .imgbox img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.exhibition a:hover .imgbox img{
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}
.exhibition .textbox{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	width: 100%;
	padding: 40px;
	box-sizing: border-box;
	overflow: hidden;
	color: rgba(255,255,255,0.6);
}
.exhibition .box .swiper .textbox{
	padding-right: 200px;
}
.exhibition .textbox h3{
	font-family: "BeVietnam-Bold"; 
	color: #FFFFFF;
}
.exhibition .swiper-pagination{
	right: 40px;
	bottom: 50px;
}
.exhibition .swiper-pagination-bullet{
	width: 8px;
	height: 8px;
	opacity: 0.2;
	margin: 0px 7px;
	border-radius: 4px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.exhibition .swiper-pagination-bullet-active{
	width: 48px;
	opacity: 1;
}
.exhibition .wrap ul{
	display: flex;
	align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 3.61111111111111%;
    margin-left: -15px;
	margin-right: -15px;
}
.exhibition .wrap ul li{
	margin-top: 30px;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 10px;
  	overflow: hidden;
  	box-sizing: border-box;
}
.exhibition .wrap ul li.col-2{
	width: 1190px;
}
.exhibition .wrap ul li.col-1{
	width: 580px;
}
.exhibition .wrap ul li a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.exhibition .wrap ul li a:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url(../images/img36.png) center bottom no-repeat;
	background-size: 100% auto;
}

.page{
    width: 100%;
}
.page-list{
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-list a{
	display: flex;
	align-items: center;
	justify-content: center;
   	padding: 0px 10px;
   	min-width: 72px;
   	height: 72px;
	margin-bottom: 5px;
	margin-right: 15px;
    text-align: center;
    font-size: 18px;
    color: #043d82;
    background: #e5ebf2;
    border-radius: 50%;
    overflow: hidden;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.page-list a:last-child{
	margin-right: 0;
}
.page-list a:hover,
.page-list a.on{
	color: #FFFFFF;
	background: #043d82;
}
.page-list a.fyprev,
.page-list a.fynext{
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-list a.fyprev i,
.page-list a.fynext i{
	display: inline-block;
	width: 15px;
	height: 15px;
}
.page-list a.fyprev i{
	background: url(../images/icon37a.png) center no-repeat;
	background-size: 100% auto;
}
.page-list a.fynext i{
	background: url(../images/icon38a.png) center no-repeat;
	background-size: 100% auto;
}
.page-list a.fyprev:hover i{
	background: url(../images/icon37.png) center no-repeat;
	background-size: 100% auto;
}
.page-list a.fynext:hover i{
	background: url(../images/icon38.png) center no-repeat;
	background-size: 100% auto;
}
.page-list a.fyprev.disabled,
.page-list a.fynext.disabled{
	pointer-events:none;
	opacity: 0.5;
}

.retails_section{
	position: relative;
}
.retails_section .imgbox{
	display: block;
	width: 100%;
}
.retails_section .imgbox img{
	width: 100%;
}
.retails_section .box{
	position: relative;
	z-index: 1;
	width: 100%;
	margin-top: -130px;
}
.retails_section .box .maincontainer{
	padding: 3.5% 4.5%;
	box-shadow: 0px 0px 8px rgba(4,61,130,0.1);
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius: 10px;
}
.retails_section .box ul{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.retails_section .box ul li{
	display: flex;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}
.retails_section .box ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 200px;
	height: 50px;
	border-radius: 25px;
	font-family: "BeVietnam-Bold"; 
	color: rgba(0,0,0,0.6);
	background: #e5ebf2;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0 20px;
	box-sizing: border-box;
}
.retails_section .box ul li a:hover,
.retails_section .box ul li.on a{
	color: #FFFFFF;
	background: #043d82;
}
.retails_section .box .text{
	padding-top: 15px;
	text-align: center;
	color: rgba(0,0,0,0.6);
}

.product-display .box{
	margin-top: 2.77777777777778%;
}
.product-display .box ul{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.product-display .box ul li{
	width: 32.22222222222222%;
	margin-right: 1.66666666666667%;
	margin-bottom: 1.66666666666667%;
	box-shadow: 0px 0px 8px rgba(4,61,130,0.1);
	border-radius: 10px;
	overflow: hidden;
}
.product-display .box ul li:nth-child(3n){
	margin-right: 0;
}
.product-display .box ul li a{
	position: relative;
	display: block;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.product-display .box ul li a:hover{
	background: #34373c;
}
.product-display .box ul li .icon{
	position: absolute;
	left: 30px;
	top: 30px;
}
.product-display .box ul li .icon img{
	max-height: 23px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.product-display .box ul li a:hover .icon img{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.product-display .box ul li .imgbox img{
	display: block;
	width: 100%;
}
.product-display .box ul li .textbox{
	text-align: center;
	margin-top: 20px;
	padding-bottom: 30px;
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.product-display .box ul li a:hover .textbox{
	color: #FFFFFF;
}

.process .box{
	margin-top: 3.38%;
	padding-left: 3.125%;
	box-sizing: border-box;
}
.process .box .swiper{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 8px;
	box-sizing: border-box;
}
.process .box .swiper .swiper-slide{
	position: relative;
	padding: 56px 36px;
	height: auto;
	box-sizing: border-box;
}
.process .box .swiper .swiper-wrapper{
	align-items: flex-start;
}
.process .box .swiper .swiper-slide{
	width: 31.25% ;
}
.process .box .swiper .swiper-slide.on{
	width: calc((68.75% - 60px) / 3) !important;
}
.process .box .swiper .swiper-slide:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 300px;
	box-shadow: 0px 0px 8px rgba(4,61,130,0.1);
	border-radius: 10px;
	pointer-events: none;
}
.process .box .swiper .swiper-slide-active:before{
	height: 100%;
}
.process .box .swiper .swiper-slide .order{
	font-family: "BeVietnam-Bold"; 
	font-size: 40px;
	color: rgba(4,61,130,0.1);
	margin-bottom: 40px;
}
.process .box .swiper .swiper-slide .icon{
	margin-bottom: 20px;
}
.process .box .swiper .swiper-slide .icon img{
	width: 39px;
}
.process .box .swiper .swiper-slide-active .icon img{
	width: 45px;
}
.process .box .swiper .swiper-slide .t1{
	font-family: "BeVietnam-Bold"; 
	font-size: 20px;
	color: #043d82;
}
.process .box .swiper .swiper-slide-active .t1{
	font-size: 30px;
}
.process .box .swiper .swiper-slide .t2{
	margin-top: 15px;
	color: rgba(0,0,0,0.6);
	opacity: 0;
	visibility: hidden;
}
.process .box .swiper .swiper-slide-active .t2{
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 1;
	visibility: visible;
}
.process .box .swiper-pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	right: 50px;
	bottom: 70px;
}
.process .box .swiper-pagination:before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 2px;
	background: #e5e5e5;
}
.process .box .swiper-pagination-bullet{
	position: relative;
	min-width: 45px;
	height: auto;
	text-align: center;
	font-family: "BeVietnam-Bold"; 
	color: transparent;
	font-size: 24px;
	line-height: 1;
	opacity: 1;
	margin-right: 7vw;
}
.process .box .swiper-pagination-bullet:last-child{
	margin-right: 0;
}
.process .box .swiper-pagination-bullet-active{
	color: #043d82;
}
.process .box .swiper-pagination-bullet:before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #cdd8e6;
}
.process .box .swiper-pagination-bullet-active:before{
	opacity: 0;
}

.case-display{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.case-display .box{
	margin-top: 2.34375%;
}
.case-display .swiper{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.case-display .swiper .swiper-slide{
	text-align: center;
	padding-left: 5.729166666666667vw;
	padding-right: 5.729166666666667vw;
	box-sizing: border-box;
}
.case-display .swiper .swiper-slide a{
	display: block;
	width: 100%;
}
.case-display .swiper .swiper-slide .imgbox{
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.case-display .swiper .swiper-slide .imgbox:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.case-display .swiper .swiper-slide-active .imgbox:before{
	opacity: 0;
}
.case-display .swiper .swiper-slide .imgbox img{
	display: block;
	width: 100%;
}
.case-display .swiper .swiper-slide .textbox{
	margin-top: 15px;
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-align: center;
}
.case-display .swiper .swiper-slide-active .textbox{
	opacity: 1;
}
.general-btn.swiper-button-next, 
.general-btn.swiper-button-prev{
	width: 72px;
	height: 72px;
	border-radius: 50%;
}
.case-display .swiper-button-prev, 
.case-display .swiper-container-rtl .swiper-button-next{
	left: 20%;
}
.case-display .swiper-button-next, 
.case-display .swiper-container-rtl .swiper-button-prev{
	right: 20%;
}
.general-btn.swiper-button-prev, 
.general-btn.swiper-container-rtl .swiper-button-next{
	background: #043d82 url(/wp-content/uploads/icon13a.png) center no-repeat;
	background-size: 16px auto;
}
.general-btn.swiper-button-next, 
.general-btn.swiper-container-rtl .swiper-button-prev{
	background: #043d82 url(/wp-content/uploads/icon14a.png) center no-repeat;
	background-size: 16px auto;
}
.general-btn.swiper-button-next.swiper-button-disabled{
	opacity: 1;
	background: #e4e9f0 url(/wp-content/uploads/icon14.png) center no-repeat;
	background-size: 16px auto;
}
.general-btn.swiper-button-prev.swiper-button-disabled{
	opacity: 1;
	background: #e4e9f0 url(/wp-content/uploads/icon13.png) center no-repeat;
	background-size: 16px auto;
}

.control-process .box{
	margin-top: 2%;
	position: relative;
}
.control-process .box .mySwiper2{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.control-process .box .mySwiper2 .swiper-slide{
	position: relative;
	width: 100%;
	height: auto;
	min-height: 810px;
	overflow: hidden;
	border-radius: 10px;
	padding-bottom: 280px;
	box-sizing: border-box;
}
.control-process .box .mySwiper2 .imgbox{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.control-process .box .mySwiper2 .imgbox img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.control-process .box .mySwiper2 .textbox{
	margin-top: 85px;
	max-width: 750px;
	width: 90%;
	padding: 60px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.5), 0px 0px 49px rgba(66, 66, 66, 0.09), 0px 0px 49px rgba(66, 66, 66, 0.09);
    backdrop-filter: blur(5.6px);
    -webkit-backdrop-filter: blur(5.6px);
    border-radius: 10px;
    overflow: hidden;
}
.control-process .box .mySwiper2 .textbox .subtit{
	position: relative;
	padding-right: 60px;
	box-sizing: border-box;
	margin-bottom: 15px;
	padding-bottom: 25px;
	border-bottom: rgba(255,255,255,0.1) solid 1px;
}
.control-process .box .mySwiper2 .textbox .subtit .icon{
	position: absolute;
	right: 0;
	top: 15px;
	width: 31px;
}
.control-process .box .mySwiper2 .textbox .subtit .icon img{
	display: block;
	width: 100%;
}
.control-process .box .mySwiper2 .textbox .subtit h3{
	font-family: "BeVietnam-Bold"; 
	color: #FFFFFF;
}
.control-process .box .mySwiper2 .textbox ul li{
	margin-bottom: 20px;
}
.control-process .box .mySwiper2 .textbox ul li:last-child{
	margin-bottom: 0;
}
.control-process .box .mySwiper2 .textbox ul li .t1{
	font-family: "BeVietnam-Bold"; 
	color: #FFFFFF;
	margin-bottom: 10px;
}
.control-process .box .mySwiper2 .textbox ul li .t2{ 
	color: rgba(255,255,255,0.6);
	line-height: 1.7;
}
.control-process .box .w2{
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
	max-width: 1200px;
	width: 100%;
}
.control-process .box .mySwiper1{
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}
.control-process .box .mySwiper1:before{
	content: '';
	position: absolute;
	top: 40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
	width: 84%;
	height: 2px;
	background: rgba(255,255,255,0.4);
}
.control-process .box .mySwiper1 .swiper-slide{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.control-process .box .mySwiper1 .swiper-slide .item{ 
	display: inline-block;
	cursor: pointer; 
} 
.control-process .box .mySwiper1 .swiper-slide .item .icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	background: #FFFFFF;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.control-process .box .mySwiper1 .swiper-slide-thumb-active .item .icon{
	background: #043d82;
}
.control-process .box .mySwiper1 .swiper-slide .item .icon img{
	width: 37.69230769230769%;
}
.control-process .box .mySwiper1 .swiper-slide .item .icon .ic2{
	display: none;
}
.control-process .box .mySwiper1 .swiper-slide-thumb-active .item .icon .ic2{
	display: inline-block;
}
.control-process .box .mySwiper1 .swiper-slide-thumb-active .item .icon .ic1{
	display: none;
}
.control-process .box .mySwiper1 .swiper-slide .item .txt{
	margin-top: 10px;
	text-align: center;
	font-family: "BeVietnam-Bold"; 
	color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.control-process .box .mySwiper1 .swiper-slide-thumb-active .item .txt{
	color: #043d82;
}

.SolutionIntroduction .box{
	margin-top: 3.2%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	overflow: hidden;
	background: #fbfbfb;
	box-shadow: 0px 0px 8px rgba(4,61,130,0.1);
}
.SolutionIntroduction .box .imgbox{
	position: relative;
	width: 67.77777777777778%;
	overflow: hidden;
}
.SolutionIntroduction .box .imgbox img{
	display: block;
	width: 100%;
}
.SolutionIntroduction .box .imgbox:before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/img6.png) left top no-repeat;
    background-size: auto 100%;
}
.SolutionIntroduction .box .textbox{
	width: 32.22222222222222%;
	padding-left: 3.88888888888889%;
	padding-right: 2.5%;
	box-sizing: border-box;
}
.SolutionIntroduction .box .textbox .t1{
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
}
.SolutionIntroduction .box .textbox .t2{
	margin-top: 20px;
	color: rgba(0,0,0,0.6);
	line-height: 1.7;
	padding-bottom: 30px;
}
.customer-reviews .box{
	margin-top: 2.9%;
	width: 100%;
	overflow: hidden;
}
.customer-reviews .box .swiper{
	position: relative;
}
.customer-reviews .box .swiper .swiper-slide{
	padding: 8px 90px;
	box-sizing: border-box;
	opacity: 0.4;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.customer-reviews .box .swiper .swiper-slide-active{
	opacity: 1;
}
.customer-reviews .box .swiper .swiper-slide .item{
	width: 100%;
	padding: 56px 60px;
	box-shadow: 0px 0px 8px rgba(4,61,130,0.1);
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
}
.customer-reviews .box .swiper .item .info{
	display: flex;
	align-items: center;
}
.customer-reviews .box .swiper .item .info .icon{
	width: 134px;
	height: 134px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 35px;
}
.customer-reviews .box .swiper .item .info .icon img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.customer-reviews .box .swiper .item .text{
	flex: 1;
}
.customer-reviews .box .swiper .item .text .t1{
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
}
.customer-reviews .box .swiper .item .text .t2{
	color: rgba(0,0,0,0.6);
	margin-top: 5px;
}
.customer-reviews .box .swiper .item .textbox{
	margin-top: 35px;
}
.customer-reviews .box .swiper .item .textbox .t1{
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
	margin-bottom: 10px;
	padding-bottom: 25px;
	border-bottom: #e5ebf2 solid 2px;
}
.customer-reviews .box .swiper .item .textbox .t2{
	color: rgba(0,0,0,0.6);
	line-height: 1.7;
}
.customer-reviews .swiper-button-prev, 
.customer-reviews .swiper-container-rtl .swiper-button-next{
	left: 18%;
}
.customer-reviews .swiper-button-next, 
.customer-reviews .swiper-container-rtl .swiper-button-prev{
	right: 18%;
}


.odmoem-section{
	position: relative;
	z-index: 1;
}
.odmoem-section .imgbox{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.odmoem-section .imgbox img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.odmoem-section .box{
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 75%;
	padding-left: 3.125%;
	padding-right: 40%;
	min-height: 720px;
	box-sizing: border-box;
}
.odmoem-section .box:before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 82.49807247494217%;
    height: 100%;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(7.6px);
    -webkit-backdrop-filter: blur(7.6px);
    -webkit-clip-path: polygon(75% 0%, 55% 30%, 100% 100%, 0 100%, 0% 50%, 0 0);
    clip-path: polygon(75% 0%, 55% 30%, 100% 100%, 0 100%, 0% 50%, 0 0);
    border-radius: 10px;
}
.odmoem-section .textbox .t1{
	font-family: "BeVietnam-Bold"; 
	color: #FFFFFF;
}
.odmoem-section .textbox .t2{
	margin-top: 25px;
	color: #FFFFFF;
	padding-bottom: 15px;
}

.solutionlist .item{
	margin-bottom: 10px;
}
.solutionlist .item:last-child{
	margin-bottom: 0;
}
.solutionlist .item a{
	position: relative;
	display: block;
	width: 100%;
}
.solutionlist .item .imgbox img{
	display: block;
	width: 100%;
}
.solutionlist .item .textbox{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 33.33333333333333%;
	padding: 3.125%;
	box-sizing: border-box;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.5), 0px 0px 49px rgba(66, 66, 66, 0.09), 0px 0px 49px rgba(66, 66, 66, 0.09);
    backdrop-filter: blur(5.6px);
    -webkit-backdrop-filter: blur(5.6px);
    border-radius: 10px;
    overflow: hidden;
}
.solutionlist .item .textbox .t1{
	font-family: "BeVietnam-Bold"; 
	color: #FFFFFF;
}
.solutionlist .item .textbox .t2{
	margin-top: 10px;
	padding-bottom: 15px;
	color: #FFFFFF;
	line-height: 1.7;
}
.solutionlist .item .textbox .btns{
	margin-top: 20px;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: rgba(255,255,255,0.1) url(/wp-content/uploads/icon14a.png) center no-repeat;
	background-size: 16px auto;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.solutionlist .item .textbox:hover .btns,
.solutionlist .item .textbox .btns:hover{
	background: #043d82 url(/wp-content/uploads/icon14a.png) center no-repeat;
	background-size: 16px auto;
}

.other_section ul{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.other_section ul li{
	width: 49.4%;
	margin-right: 1.2%;
	margin-bottom: 1.2%;
	border-radius: 10px;
	overflow: hidden;
	min-height: 500px;
}
.other_section ul li:nth-child(2n){
	margin-right: 0;
}
.other_section ul li a{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
.other_section ul li .imgbox{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.other_section ul li .imgbox:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}
.other_section ul li .imgbox img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.other_section ul li .textbox{
	padding: 60px;
	box-sizing: border-box;
	overflow: hidden;
}
.other_section ul li .textbox .t1{
	font-family: "BeVietnam-Bold"; 
	color: #FFFFFF;
}
.other_section ul li .textbox .t2{
	margin-top: 20px;
	padding-bottom: 15px;
	color: #FFFFFF;
	line-height: 1.7;
}

.support .item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2.5%;
	box-shadow: 0px 0px 8px rgba(4,61,130,0.1);
}
/* .support .item:last-child{
	margin-bottom: 0;
} */
/* .support .item:nth-child(even){
	flex-direction: row-reverse;
} */
.support .item .textbox{
	width: 51.66666666666667%;
	padding-left: 4.8%;
	padding-right: 4.8%;
	padding-top: 4%;
	padding-bottom: 4%;
	box-sizing: border-box;
	overflow: hidden;
}
.support .item .textbox .icon img{
	width: 33px;
}
.support .item .textbox .text .t1{
	margin-top: 20px;
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
}
.support .item .textbox .text .t2{
	margin-top: 15px;
	color: rgba(0,0,0,0.6);
}
.support .substance{
	margin-top: 25px;
}
.support .substance ul li{
	padding-bottom: 25px;
	padding-left: 36px;
	box-sizing: border-box;
	cursor: pointer;
}
.support .substance ul li:last-child{
	padding-bottom: 15px;
}
.support .substance ul{
	position: relative;
}
.support .substance ul:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background: #e5ebf2;
}
.support .substance ul li:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 0%;
	background: #043d82;
}
.support .substance ul li.on:after{
	animation-name: lineheight;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	-webkit-animation-name: lineheight;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
}
@-webkit-keyframes lineheight{
	0%   {height: 0%;}
	100% {height: 100%;}
}
@keyframes lineheight{
	0%   {height: 0%;}
	100% {height: 100%;}
}
.support .substance ul li .ic{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #043d82;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.support .substance ul li.on .ic{
	opacity: 1;
}
.support .substance ul li .ic img{
	width: 47.72727272727273%;
}
.support .substance ul li .t1{
	margin-bottom: 6px;
	font-family: "BeVietnam-Bold"; 
	color: rgba(0,0,0,0.3);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.support .substance ul li:hover .t1,
.support .substance ul li.on .t1{
	color: #043d82;
}
.support .substance ul li .t2{
	display: none;
	color: rgba(0,0,0,0.6);
}
.support .item .imgbox{
	position: relative;
	width: 48.33333333333333%;
	overflow: hidden;
}
.support .item .imgbox:before{
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 150%;
	height: 150%;
	background: transparent;
	border: #FFFFFF solid 200px;
}
.support .item .imgbox:before{
	left: -23%;
	border-radius: 50% 0 0 50%;
}
/* .support .item:nth-child(even) .imgbox:before{
	right: -23%;
	border-radius: 0 50% 50% 0;
} */
.support .item .imgbox img{
	display: block;
	width: 100%;
}
.advantage .box{
	margin-top: 2.777777777777%;
}
.advantage .box .swiper-pagination{
	width: 100%;
	bottom: 0;
	display: none;
}
.advantage .box .swiper-pagination-bullet{
	width: 0.5rem;
	height: 0.5rem;
	background: rgba(0,0,0,0.3);
	opacity: 1;
	margin: 0 0.25rem;
}
.advantage .box .swiper-pagination-bullet-active{
	background: #043d82;
}
.advantage .box ul{
	align-items: stretch; 
}
.advantage .box ul li{
	position: relative;
/* 	width: calc((61.11111111111112% - 35px) / 7); */
	height: auto;
	background: #f0f0f0;
	border-radius: 10px;
	overflow: hidden;
}
.advantage .box ul li:nth-child(8n){
	margin-right: 0;
}
.advantage .box ul li.on{
	width: 38.8888888888888888%
}
.advantage .box ul li .imgbox{
	width: 100%;
	overflow: hidden;
}
.advantage .box ul li .imgbox img{
	height: 100%;
	object-fit: cover;
	opacity: 0;
}
.advantage .box ul li.on .imgbox img{
	width: 100%;
	opacity: 1;
}
.advantage .box ul li .order{
	position:absolute;
	left: 20px;
	top: 35px;
	font-family: "BeVietnam-Bold"; 
	color: rgba(0,0,0,0.3);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.advantage .box ul li.on .order{
	opacity: 0;
}
.advantage .box ul li .textbox{
	width: 100%;
	padding: 30px 5px 30px 15px;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	min-height: 250px;
	background: #f0f0f0;
}
.advantage .box ul li.on .textbox{
	padding: 30px 40px;
}
.advantage .box ul li .textbox .icon{
	margin-bottom: 20px;
}
.advantage .box ul li .textbox .icon img{
	width: 44px;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.advantage .box ul li.on .textbox .icon img{
	opacity: 1;
}
.advantage .box ul li .textbox .t1{
	font-family: "BeVietnam-Bold";
	font-size: 20px;
	color: rgba(0,0,0,0.6);
	line-height: 1.2;
	word-break: break-word;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.advantage .box ul li.on .textbox .t1{
	font-size: 30px;
	color: #043d82;
}
.advantage .box ul li .textbox .t2{
	margin-top: 5px;
	color: rgba(0,0,0,0.6);
	opacity: 0;
	max-height: 0;
}
.advantage .box ul li.on .textbox .t2{
	max-height: 500px;
	opacity: 1;
}
/* news */
.news .box .swiper{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.news .box .swiper .swiper-pagination{
	left: 60px;
	bottom: 60px;
}
.news .box .swiper .swiper-pagination-bullet{
	width: 8px;
	height: 8px;
	opacity: 0.2;
	margin: 0px 7px;
	border-radius: 4px;
	background: #043d82;
	opacity: 0.2;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.news .box .swiper .swiper-pagination-bullet-active{
	width: 48px;
	opacity: 1;
}
.news .box .item{
	display: flex;
	flex-wrap: wrap;
	background: #fbfbfb;
	border-radius: 10px;
	overflow: hidden;
}
.news .box .item .textbox{
	width: 30%;
	padding-top: 90px;
	padding-left: 60px;
	padding-right: 20px;
	box-sizing: border-box;
}
.news .box .item .textbox .date{
	margin-bottom: 5px;
}
.news .box .item .textbox .t1 a{
	font-family: "BeVietnam-Bold";
	color: #043d82;
}
.news .box .item .textbox .t2{
	margin-top: 20px;
	padding-bottom: 20px;
	color: rgba(0,0,0,0.6);
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.news .box .item .imgbox{
	position: relative;
	width: 70%;
	box-sizing: border-box;
}
.news .box .item .imgbox:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/img6.png) left top no-repeat;
	background-size: auto 100%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.news .box .item .imgbox a,
.news .box .item .imgbox img{
	display: block;
	width: 100%;
}
.news .wrap ul{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin-bottom: 3.5%;
}
.news .wrap ul li{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-right: 1.11111111111112%;
	margin-top: 1.11111111111112%; 
}
.news .wrap ul li:nth-child(2n){
	margin-right: 0;
}
.news .wrap ul li.col-1{
	width: 39.44444444444444%;
}
.news .wrap ul li.col-2{
	width: 59.44444444444444%;
}
.news .wrap ul li a{
	flex: 1;
	margin-bottom: 2.8169014084507%;	
}
.news .wrap ul li a:last-child{
	margin-bottom: 0;
}
.newli{
	position: relative;
	display: block;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.newli:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/img61a.png) center bottom no-repeat;
	background-size: 100% auto;
}
.newli .imgbox{
	display: block;
	width: 100%;
	height: 100%;
}
.newli .imgbox img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.newli:hover .imgbox img{
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
}
.newli .textbox{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	padding: 25px 35px;
	box-sizing: border-box;
}
.newli .textbox .date{
	color: rgba(255,255,255,0.6);
}
.newli .textbox .text{
	margin-top: 5px;
	font-family: "BeVietnam-Bold";	
	color: #ffffff;
}



.new-detail .box{
	padding: 70px 90px 100px;
	box-shadow: 0px 0px 8px rgba(4,61,130,0.1);
	box-sizing: border-box;
}
.new-detail .box .title{
	padding-bottom: 15px;
	border-bottom: rgba(0,0,0,0.1) solid 1px;
}
.new-detail .box .title h1{
	font-family: "BeVietnam-Bold";	
	color: #043d82;
	margin-bottom: 30px;
}

.new-detail .box .title h1{
	font-family: "BeVietnam-Bold";	
	color: #043d82;
	margin-bottom: 25px;
}
.new-detail .box .title h2{
	font-family: "BeVietnam-Bold";	
	color: #043d82;
	margin-bottom: 25px;
}
.new-detail .box .title .txt{
	display: flex;
	align-items: center;
	color: rgba(0,0,0,0.6);
}
.new-detail .box .title .txt span{
	display: flex;
	align-items: center;
	margin-right: 70px;
	margin-bottom: 10px;
}
.new-detail .box .title .txt span:last-child{
	margin-right: 0;
}
.new-detail .box article{
	padding: 35px 0px;
	color: rgba(0,0,0,0.6);
	line-height: 1.6;
}
.new-detail .box .other{
	position: relative;
	margin-top: 5%;
}
.new-detail .box .prvenext ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.new-detail .box .prvenext ul li{
	width: 29.375%;
}
.new-detail .box .prvenext ul li a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 72px;
	border-radius: 36px;
	color: #043d82;
	background: #f0f4f8;
	padding: 6px;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.new-detail .box .prvenext ul li a:hover{
	color: #FFFFFF;
	background: #043d82;
}
.new-detail .box .prvenext ul li a span{
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; 
}
.new-detail .box .prvenext ul li a i{
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.new-detail .box .prvenext ul li a:hover i{
	background: url(../images/icon26.png) center no-repeat;
	background-size: 16px auto;
}
.new-detail .box .prvenext ul li.prveli a{
	padding-right: 40px;
}
.new-detail .box .prvenext ul li.nextli a{
	padding-left: 40px;
}
.new-detail .box .prvenext ul li.prveli a i{
	margin-right: 30px;
	background: #FFFFFF url(/wp-content/uploads/icon13.png) center no-repeat;
	background-size: 16px auto;
}
.new-detail .box .prvenext ul li.nextli a i{
	margin-left: 30px;
	background: #FFFFFF url(/wp-content/uploads/icon14.png) center no-repeat;
	background-size: 16px auto;
}
.new-detail .box .back-list a{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 72px;
	color: #043d82;
	border-radius: 36px;
	background: #f0f4f8;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.new-detail .box .back-list a:hover{
	color: #FFFFFF;
	background: #043d82;
}
.related-news .box{
	margin-top: 2.7777777777%;
}
.related-news .box .swiper{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.related-news .wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.related-news .arrowbox{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.related-news .swiper-button-prev{
	margin-right: 20px;
}
.related-news .swiper-button-next, 
.related-news .swiper-button-prev{
	position: static;
	margin-top: 0;
	-webkit-transform: none;
	transform: none;
}

.search-box{
	padding-bottom: 3.333333333%;
}
.search-box form{
	display: flex;
    max-width: 700px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    border: 1px solid rgba(0,0,0,0.1);
	border-radius: 30px;
    overflow: hidden;
    box-sizing: border-box;
}
.search-box form .text{
	border: none;
    outline: none;
    color: rgba(0,0,0,0.6);
    width: calc(100% - 100px);
	height: 58px;
	box-sizing: border-box;
	padding-left: 40px;
}
.search-box form .btns{
	width: 100px;
    height: 58px;
    color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/icon64.png) center no-repeat;
	background-size: 20px auto;
	border: none;
    box-sizing: inherit;
}
.search-box form .text::-webkit-input-placeholder{color:rgba(0,0,0,0.2)}
.search-box form .text:-moz-placeholder{color:rgba(0,0,0,0.2)}
.search-box form .text::-moz-placeholder{color:rgba(0,0,0,0.2)}
.search-box form .text:-ms-input-placeholder{color:rgba(0,0,0,0.2)}

.search-results .product-item{
	margin-bottom: 3.33333333%;
}
.product-item ul{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.product-item ul li{
	width: 32.73333333333333%;
	margin-right: 0.9%;
	margin-bottom: 0.9%;
}
.product-item ul li:nth-child(3n){
	margin-right: 0;
}

.product-item ul ul {
	padding-left: 15px;
}

.product-item ul ul li {
	width: 100%;
	margin: 0;
	list-style: disc;
}



.proli{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 90px 0px;
	box-sizing: border-box;
	overflow: hidden;
	background: url(/wp-content/uploads/img74.jpg) center no-repeat;
	background-size: cover;
	border-radius: 10px;
}
.proli .text{
	width: 59.32203389830508%;
	min-height: 307px;
	padding: 35px 35px 35px 50px;
	background: url(/wp-content/uploads/img4.png) center no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.proli .text{
	background: rgba(255,255,255,0.1);
	box-shadow: 0 0 3px rgb(255 255 255 / 50%), 0px 0px 49px rgb(66 66 66 / 9%), 0px 0px 49px rgb(66 66 66 / 9%);
	backdrop-filter: blur(5.6px);
	-webkit-backdrop-filter: blur(5.6px);
	border-radius: 10px;
	overflow: hidden;
}
.proli .text .t1{
	font-family: "BeVietnam-Bold";
	color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.proli :hover .text .t1{
	color: #043d82;
}
.proli .text .t2{
	margin-top: 10px;
	color: rgba(255,255,255,0.6);
	line-height: 1.5;
}
.proli .img{
	width: 37.2881%;
	text-align: center;
}
.proli .img img{
	display: block;
	width: 100%;
}

.new-item ul{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.new-item ul li{
	width: 32.22222222222222%;
	margin-right: 1.66666666666667%;
	margin-bottom: 1.66666666666667%;
}
.new-item ul li:nth-child(3n){
	margin-right: 0;
}
.search-results .current_title{
	padding-bottom: 30px;
	border-bottom: rgba(4,61,130,0.1) solid 1px;
	margin-bottom: 2.77777777777778%;
}
.contact-entrance{
	position: relative;
}
.contact-entrance .imgbox{
	padding-right: 9%;
}
.contact-entrance .imgbox img{
	display: block;
}
.contact-entrance .box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2.2222222222%;
}
.contact-entrance .box .textbox{
	padding-left: 9%;
	box-sizing: border-box;
}
.contact-entrance .box .textbox .btns{
	margin-top: 40px;
	display: flex;
}
.contact-entrance .box .textbox .btns a{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 300px;
	height: 60px;
	border-radius: 30px;
	font-family: "BeVietnam-Bold"; 
	color: #043D82;
	background: #FFFFFF;
	padding: 0px 50px;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.contact-entrance .box .textbox .btns a:hover{
	color: #FFFFFF;
	background: #043D82;
}

.product .content{
	position: relative;
	z-index: 1;
	padding-bottom: 70px;
	overflow: hidden;
}
.product .content .bg{
	position: absolute;
	left: -5%;
    bottom: -10%;
    z-index: -1;
	width: 206px;
}
.product .content .bg img{
	width: 100%;
}
.product .content .bg.animated{
	animation-name: bgani;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	-webkit-animation-name: bgani;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes bgani{
	0%{
		left: 100%;
		opacity: 0;
		-webkit-filter: blur(0px);
		filter: blur(0px);
	}
	100%{
		left: -5%;
		opacity: 1;
		-webkit-filter: blur(8px);
		filter: blur(8px);
	}
}
@keyframes bgani{
	0%{
		left: 100%;
		opacity: 0;
		-webkit-filter: blur(0px);
		filter: blur(0px);
	}
	100%{
		left: -5%;
		opacity: 1;
		-webkit-filter: blur(8px);
		filter: blur(8px);
	}
}

.product .profile .maincontainer{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.product .profile .current_title{
	width: 59%;
}
.product .profile .imgbox{
	width: 36%;
	text-align: center;
}
.product .profile .imgbox img{
	max-width: 100%;
}

.pronav{
	width: 100%;
	box-shadow: 0px 8px 14px rgba(4,0,0,0.05);
}
.pronav.fixed{
	position: fixed;
	left: 0;
	top: 85px;
	z-index: 15;
	background-color: #FFFFFF;
	visibility: visible !important;
}
.pronav ul{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pronav ul li{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	color: rgba(0,0,0,0.6);
	font-size: 18px;
	margin: 0px 30px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.pronav ul li a,
.pronav ul li span{
/* 	font-family: "BeVietnam-Regular";  */
	color: rgba(0,0,0,0.6);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
}
.pronav ul li:hover,
.pronav ul li.on,
.pronav ul li:hover a,
.pronav ul li.on a,
.pronav ul li:hover span,
.pronav ul li.on span{
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
}
.pronav ul li:before{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0%;
	height: 2px;
	background: #043d82;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.pronav ul li:hover:before,
.pronav ul li.on:before{
	left: 0;
	right: auto;
	width: 100%;
}

.product-type .box{
	margin-top: -85px;
	padding-top: 85px;
}
.product-type .item{
	display: flex;
	padding-top: 5%;
	padding-bottom: 5%;
	min-height: 800px;
	box-sizing: border-box;
	background: url(/wp-content/uploads/img85.jpg) top center no-repeat;
	background-size: cover;
	margin-bottom: 10px;
}
.product-type .item .wrap{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 57.77777777777778%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.product-type .item .textbox div {
	text-align: center;
}
.product-type .item .textbox .t1{
	font-family: "BeVietnam-Bold"; 
	color: #FFFFFF;
}
.product-type .item .textbox .t2{
	margin-top: 10px;
	color: rgba(255,255,255,0.6);
}
.product-type .item .swiper{
	position: relative;
	width: 100%;
	margin-top: 6%;
	overflow: hidden;
}
.product-type .item .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	transition: 300ms;
	transform: scale(0.7);
	opacity: 0.2;
}
.product-type .item .swiper-slide-active,
.product-type .item .swiper-slide-duplicate-active{
  transform: scale(1);
  opacity: 1;
}
.product-type .item .swiper-slide a{
	display: block;
	width: 100%;
}
.product-type .item .swiper-slide .imgbox img{
	display: block;
	width: 100%;
}
.product-type .item .swiper-slide .text{
	margin-top: 18px;
	font-family: "BeVietnam-Bold";
	color: #FFFFFF;
}
.product-type .current-btn{
	margin-top: 40px;
	justify-content: center;
}
.product-type .swiper-button-prev, .product-type .swiper-container-rtl .swiper-button-next{
	left: 27.5%;
}
.product-type .swiper-button-next, .product-type .swiper-container-rtl .swiper-button-prev{
	right: 27.5%;
}
.product-type .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background: rgba(255,255,255,0.1) url(/wp-content/uploads/icon13a.png) center no-repeat;
    background-size: 16px auto;
}
.product-type .swiper-button-next.swiper-button-disabled{
	opacity: 1;
	background: rgba(255,255,255,0.1) url(/wp-content/uploads/icon14a.png) center no-repeat;
	background-size: 16px auto;
}

.mainproduct .box{
	position: relative;
	padding-top: 3.333333333%;
	border-radius: 10px;
	overflow: hidden;
}
.mainproduct .box .imgbox{
	display: block;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.mainproduct .box .imgbox img{
	width: 100%;
}
.mainproduct .box .textbox{
	position: absolute;
	right: 6.4%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 5;
	width: 38.88888888888889%;
}
.mainproduct .box .textbox .t1{
	font-family: "BeVietnam-Bold";
	color: #FFFFFF;
	line-height: 1.2;
}
.mainproduct .box .textbox .t2{
	margin-top: 15px;
	color: #FFFFFF;
	padding-bottom: 15px;
}
.product .product-item{
	margin-top: 3.95833333333333%;
}
.product .product-item ul{
	margin-bottom: 3.33333333333333%;
}
.product .product-item .current-btn.white{
	justify-content: center;
}


.service-section .box{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	margin-top: 2.22222222222222%;
	background: #fbfbfb;
	overflow: hidden;
	border-radius: 10px;
}
.service-section .box .right{
	width: 54.83333333333333%;
}
.service-section .box .left{
	width: 45.16666666666667%;
	padding-left: 4%;
	padding-right: 2.5%;
	box-sizing: border-box;
}
.service-section .box .swiper{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.service-section .box .right .swiper-slide{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.service-section .box .right .swiper-slide:before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/img6.png) left top no-repeat;
    background-size: auto 100%; 
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.service-section .box .right .swiper-slide a img{
	display: block;
	width: 100%;
}

.service-section .box .left .mySwiper2{
	position: relative;
	margin-bottom: 8%;
}
.service-section .box .left .mySwiper2:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	border-radius: 6px;
	background: #e2e8ef;
}
.service-section .box .left .mySwiper2 ul li{
	position: relative;
	padding-left: 45px;
	cursor: pointer;
}
.service-section .box .left .mySwiper2 ul li:before{
	content: '';
	position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 0%;
    border-radius: 6px;
	background: #043d82;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.service-section .box .left .mySwiper2 ul li.active:before{
    height: 100%;
}
.service-section .box .left .mySwiper2 ul li .icon{
	margin-bottom: 15px;
}
.service-section .box .left .mySwiper2 ul li .icon img{
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.service-section .box .left .mySwiper2 ul li.active .icon img{
	opacity: 1;
}
.service-section .box .left .mySwiper2 ul li .t1{
	font-family: "BeVietnam-Bold"; 
	color: rgba(0,0,0,0.4);
	-webkit-transform: translateY(-80%);
	transform: translateY(-80%);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.service-section .box .left .mySwiper2 ul li.active .t1{
	color: #043d82;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
.service-section .box .left .mySwiper2 ul li .t2{
	position: relative;
	display: none;
  	color: rgba(0,0,0,0.6);
  	margin-top: 10px;
	padding-bottom: 15px;
	word-break: break-word;
}
/**/
.product_details{
	position: relative;
	padding-top: 7.8125%;
	padding-bottom: 7.8125%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.product_details .content{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.product_details .content .left{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
	width: 48.4375%;
	padding-left: 3.125%;
	padding-right: 3.125%;
	box-sizing: border-box;
}
.product_details .largebox{
	width: 68.3%;
}
.product_details .thumbsbox{
	width: 31.7%;
}
.product_details .largebox .swiper{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.product_details .largebox .swiper .swiper-slide img{
	display: block;
	width: 100%;
}
.product_details .thumbsbox .swiper{
	position: relative;
	max-width: 130px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
	overflow: hidden;
	padding-top: 66px;
	padding-bottom: 66px;
	box-sizing: border-box;
}
.product_details .thumbsbox .swiper>.swiper-wrapper{
	flex-direction: column;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.product_details .thumbsbox .swiper-slide{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 10px;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.product_details .thumbsbox .swiper-slide-thumb-active{
	background: rgba(255,255,255,0.1);
}
.product_details .thumbsbox .swiper-button-next, 
.product_details .thumbsbox .swiper-button-prev{
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	width: 40px;
	height: 40px;
	-moz-background-size: 60% auto;
	-webkit-background-size: 60% auto;
	background-size: 60% auto;
	background-position: center;
	background-repeat: no-repeat;
}
.product_details .thumbsbox .swiper-button-next, 
.product_details .thumbsbox .swiper-container-rtl .swiper-button-prev{
	top: auto;
	bottom: 0;
	background-image: url(/wp-content/uploads/icon69.png);
}
.product_details .thumbsbox .swiper-button-prev, 
.product_details .thumbsbox .swiper-container-rtl .swiper-button-next{
	top: 0;
	background-image: url(/wp-content/uploads/icon68.png);
}
.product_details .thumbsbox .swiper-button-next.swiper-button-disabled, 
.product_details .thumbsbox .swiper-button-prev.swiper-button-disabled{
	opacity: 0.12;
}

.product_details .content .right{
	width: 51.5625%;
}
.product_details .content .textbox{
	background: rgba(255,255,255,0.1);
	box-shadow: 0 0 3px rgb(255 255 255 / 50%), 0px 0px 49px rgb(66 66 66 / 9%), 0px 0px 49px rgb(66 66 66 / 9%);
	backdrop-filter: blur(5.6px);
	-webkit-backdrop-filter: blur(5.6px);
	border-radius: 10px;
	padding: 60px 110px 70px;
	box-sizing: border-box;
	overflow: hidden;
}
.product_details .content .textbox .title{
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 15px;
}
.product_details .content .textbox .title h1{
	font-family: "BeVietnam-Bold"; 
	color: #ffffff;
}
.product_details .content .textbox .title:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 80%;
	height: 1px;
	background: rgba(255,255,255,0.1);
}
.product_details .content .textbox .text {
	padding-left: 20px;
}
.product_details .content .textbox .text li{
/* 	display: flex; */
	align-items: baseline;
	color: rgba(255,255,255,0.6);
	line-height: 1.7;
	list-style: disc;
}
.product_details .content .textbox .text li .sp1{
	font-family: "BeVietnam-Bold";
	color: #ffffff;
}
.product_details .content .textbox .text li .sp2{
	flex: 1;
	margin-left: 10px;
}

.product_features .box{
	margin-top: 2.4%;
}
.product_features .box ul{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.product_features .box ul li{
	width: 24.44444444444444%;
	margin-right: 0.7407407407407467%;
	margin-bottom: 0.7407407407407467%;;
	padding: 80px 30px 40px;
	box-sizing: border-box;
	background: #34373c;
	border-radius: 10px;
	overflow: hidden;
}
.product_features .box ul li:nth-child(4n){
	margin-right: 0;
}
.product_features .box ul li .imgbox{
	display: block;
	width: 100%;
	text-align: center;
}
.product_features .box ul li .imgbox img{
	width: 100%;
}
.product_features .box ul li .textbox{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 45px;
}
.product_features .box ul li .textbox .icon{
	display: inline-block;
	margin-right: 20px;
}
.product_features .box ul li .textbox .icon img{
	width: 54px;
}
.product_features .box ul li .textbox .size20{
	flex: 1;
	color: rgba(255,255,255,0.6);
	line-height: 1.7;
}

.specifications{
	background: #fbfbfb;
}
.specifications .box{
	margin-top: 2.8%;
}
.specifications .box table{
	width: 100%;
	border: none;
    text-align: center;
    line-height: 1.7;
	border-radius: 10px 10px 0px 0px;
	overflow: hidden;
}
.specifications .box .w1{
	width: 12%;
}
.specifications .box .w2{
	width: 12%;
}
.specifications .box .w3{
	width: 12%;
}
.specifications .box .w4{
	width: 12%;
}
.specifications .box .w5{
	width: 12%;
}
.specifications .box .w6{
	width: 12%;
}
.specifications .box .w7{
	width: 28%;
	text-align: left;
	padding-left: 2%;
}
.specifications .box table th{
	font-family: "BeVietnam-Bold";
	color: #043d82;
	font-size: 20px;
	background: #e2e8ef;
	height: 80px;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}
.specifications .box table td{
	height: 96px;
	color: rgba(0,0,0,0.6);
	font-size: 18px;
	padding: 10px;
	box-sizing: border-box;
	border-bottom: #e2e8ef solid 1px;
}
.specifications .box table td .img img{
	max-height: 40px;
}
.specifications .box .action{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.specifications .box .action span,
.specifications .box .action a{
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 140px;
	height: 40px;
	padding: 0px 20px;
	box-sizing: border-box;
	border-radius: 20px;
	font-family: "BeVietnam-Bold";
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.specifications .box .action .quotebtn{
	margin-right: 10px;
}
.specifications .box .action .quotebtn{
	color: #043d82;
	box-shadow: 0px 0px 14px rgba(4,0,0,0.1);
}
.specifications .box .action .spebtn{
	color: #FFFFFF;
	background: #043d82;
}
.specifications .current-btn{
	margin-top: 3.8888888%;
	justify-content: center;
}

.request_quote_box{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100vh;
	display: none;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	background: rgba(0,0,0,0.4);
}
.request_quote_box.on{
	display: flex;
}
.request_quote_box .box{
	position: relative;
	width: 78.125%;
	max-height: 90vh;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	overflow-y: auto;
}
.request_quote_box .box .wrap{
	padding: 3.5% 10%;
	box-sizing: border-box;
}
.request_quote_box .box .wrap .title{
	color: #000000;
	margin-bottom: 24px;
}
.request_quote_box .box .wrap table{
	width: 100%;
	margin-top: 25px;
	border-radius: 10px 10px 0px 0px;
	overflow: hidden;
	border-collapse: collapse;
}
.request_quote_box .box .wrap table th{
	min-width: 20.83333333333333%;
	font-family: "BeVietnam-Bold";
	color: #043d82;
	font-size: 18px;
	background: #e2e8ef;
	height: 50px;
	text-align: left;
	padding-left: 25px;
	padding-right:15px;
	box-sizing: border-box;
	border: rgba(4,61,130,0.1) solid 2px;
}
.request_quote_box .box .wrap table td{
	min-width: 13.02083333333333vw;
	text-align: left;
	padding-left: 25px;
	padding-right:15px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 96px;
	color: rgba(0,0,0,0.6);
	font-size: 18px;
	box-sizing: border-box;
	border: rgba(4,61,130,0.1) solid 2px;
}
.request_quote_box .box .wrap .quantity input{
	display:flex;
	align-items: center;
	width: 60px;
	height: 60px;
	text-align: center;
	font-family: "BeVietnam-Bold";
	color: rgba(0,0,0,0.6);
	font-size: 16px;
	border: rgba(4,61,130,0.1) solid 2px;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 10px;
}
.request_quote_box .box .wrap .form{
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.request_quote_box .box .formli{
	width: 48.25%;
	margin-right: 3.5%;
	margin-bottom: 20px;
}
.request_quote_box .box .formli:nth-child(2n){
	margin-right: 0;
}
.request_quote_box .box .sp{
	font-family: "BeVietnam-Bold";
	color: #043d82;
	margin-bottom: 15px;
}
.request_quote_box .box .formli input {
	display: flex;
	align-items: center;
	width: 100%;
    overflow: hidden;
	font-family: "BeVietnam-Regular";
    color: rgba(0,0,0,0.6);
	font-size: 16px;
	height: 50px;
    border: rgba(4,61,130,0.1) solid 2px;
    padding: 0 20px;
    box-sizing: border-box;
    background: #FFFFFF;
	border-radius: 10px;
}
.request_quote_box .box .textli{
	width: 100%;
}
.request_quote_box .box .textli textarea{
	font-family: 'BeVietnam-Regular';
	width: 100%;
	padding: 12px 20px;
	box-sizing: border-box;
	background: #FFFFFF;
	border: rgba(4,61,130,0.1) solid 2px;
	border-radius: 10px;
	overflow:hidden;
    outline: none;
    color: rgba(0,0,0,0.6);
    font-size: 16px;
    line-height: 1.7;
    min-height: 90px;
}
.request_quote_box .box .formbtn{
	display: flex;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
.request_quote_box .box .formbtn input{
	display: flex;
	align-items: center;
	min-width: 180px;
	height: 60px;
	text-align: center;
	overflow: hidden;
    color: #FFFFFF;
	font-size: 16px;
    box-sizing: border-box;
	border-radius: 30px;
    background: #043d82;
}

.request_quote_box .box .closeBtn{
	position: absolute;
	right: 25px;
	top: 20px;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.request_quote_box .box .closeBtn img{
	width: 50%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.request_quote_box .box .closeBtn:hover img{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

@media screen and (max-width: 1024px){
	.request_quote_box .box{
		max-width: 800px;
		width: 90%;
	}
	.request_quote_box .box .wrap{
		padding: 5% 7%;
	}
	.request_quote_box .box .wrap table{
		margin-top: 5%;
		border-radius: 0.5rem 0.5rem 0 0;
	}
	.request_quote_box .box .wrap table th{
		padding-left: 1rem;
    	padding-right: 0.5rem;
		font-size: 0.8rem;
		height: 2.5rem;
		border: rgba(4,61,130,0.1) solid 0.1rem;
	}
	.request_quote_box .box .wrap table td{
		padding-top: 0.5rem;
    	padding-bottom: 0.5rem;
    	padding-left: 1rem;
    	padding-right: 0.5rem;
		font-size: 0.8rem;
		border: rgba(4,61,130,0.1) solid 0.1rem;
	}
	.request_quote_box .box .wrap table th{
		min-width: 1px;
	}
	.request_quote_box .box .wrap table th:first-child{
		min-width: 1px;
	}
	.request_quote_box .box .wrap .quantity input{
		width: 2.25rem;
		height: 2.25rem;
	    border-radius: 0.5rem;
	    font-size: 0.8rem;
	    border: rgba(4, 61, 130, 0.1) solid 0.1rem;
	}
	.request_quote_box .box .closeBtn{
		right: 0.6rem;
    	top: 0.6rem;
		width: 2.5rem;
		height: 2.5rem;
	}
	.request_quote_box .box .closeBtn img{
		width: 40%;
	}
	.request_quote_box .box .wrap .title{
		margin-bottom: 1rem;
	}
	.request_quote_box .box .wrap .form{
		margin-top: 2rem;
	}
	.request_quote_box .box .formli{
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem;
	}
	.request_quote_box .box .sp{
		margin-bottom: 0.75rem;
	}
	.request_quote_box .box .formli input {
		font-size: 0.8rem;
	    height: 2.5rem;
	    padding: 0  1rem;
	    border: rgba(4, 61, 130, 0.1) solid 0.1rem;
	}
	.request_quote_box .box .textli textarea{
		padding: 0.5rem 1rem;
		font-size: 0.8rem;
		min-height: 5rem;
		border: rgba(4, 61, 130, 0.1) solid 0.1rem;
	}
	.request_quote_box .box .formbtn{
		margin-top: 1.5rem;
	}
	.request_quote_box .box .formbtn input{
		font-size: 0.8rem;
		min-width: 6rem;
	    height: 2.5rem;
	    line-height: 2.5rem;
	}
}
@media screen and (max-width: 540px){
	.request_quote_box .box .closeBtn{
		right: 0.5rem;
		top: 0.5rem;
	}
}
@media screen and (max-width: 480px){
	.request_quote_box .box .wrap{
        padding: 8% 5%; 
	}
	.request_quote_box .box .wrap table th{
		padding-left: 0.5rem;
	}
	.request_quote_box .box .wrap table td{
		padding-left: 0.6rem;
	}
}

.slide_section .box ul{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.slide_section .box ul li{
	position: relative;
	z-index: 5;
	width: 41.59722222222222%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-right: 1.11111111111111%;
}
.slide_section .box ul li:nth-child(2n){
	margin-right: 0;
}
.slide_section .box ul li.a1{
	width: 57.29166666666667%;
}
.slide_section .box ul li .imgbox{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
}
.slide_section .box ul li .imgbox img{
	display: block;
	width: auto;
	height: 100%;
	max-width: inherit;
	object-fit: cover;
}
.slide_section .box ul li.on .imgbox img{
	min-width: 100%;
}
.slide_section .box ul li .textbox{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 5;
	width: 100%;
	padding-left: 80px;
	padding-right: 60px;
	box-sizing: border-box;
}
.slide_section .box ul li .textbox .t1{
	font-family: "BeVietnam-Bold"; 
	color: #FFFFFF;
}
.slide_section .box ul li .textbox .t2{
	margin-top: 15px;
	color: rgba(255,255,255,0.6);
}
.slide_section .box ul li .current-btn,
.slide_section .box ul li .btn{
	margin-top: 50px;
}
.slide_section .box ul li .current-btn a{
	min-width: 180px;
	box-shadow: 0 0 3px rgb(255 255 255 / 50%), 0px 0px 49px rgb(66 66 66 / 9%), 0px 0px 49px rgb(66 66 66 / 9%);
	backdrop-filter: blur(5.6px);
	-webkit-backdrop-filter: blur(5.6px);	
}
.slide_section .box ul li .current-btn a:hover{
	box-shadow:none;
}
.slide_section .box ul li .btn{
	display: flex;
}
.slide_section .box ul li .btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 180px;
	height: 60px;
	border-radius: 30px;
	color: #FFFFFF;
	padding: 0px 20px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.3);
	box-shadow: 0 0 3px rgb(255 255 255 / 50%), 0px 0px 49px rgb(66 66 66 / 9%), 0px 0px 49px rgb(66 66 66 / 9%);
	backdrop-filter: blur(5.6px);
	-webkit-backdrop-filter: blur(5.6px);
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.slide_section .box ul li .btn a:hover{
	background: #043d82;
	box-shadow:none;
}
.slide_section .box ul li .btn a i{
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 16px;
	background: #FFFFFF url(/wp-content/uploads/icon66.png) center no-repeat;
	background-size: 16px auto;
}
.slide_section .box ul li .btn a>img{
	max-width: 70%;
	max-height: 90%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.slide_section .box ul li .btn a:hover>img{
	-webkit-filter: grayscale(1) brightness(100);
	filter: grayscale(1) brightness(100);
}

.faq{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.faq .box{
	margin-top: 3%;
}
.faq .box .swiper{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 60px;
}
.faq .box ul li{
	padding: 2.5%;
	background: #FFFFFF;
	border-radius: 10px;
	box-sizing: border-box;
}
.faq .box ul li .t1{
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #e5ebf2 solid 2px;
}
.faq .box ul li .t2{
	color: rgba(0,0,0,0.6);
	line-height: 1.7;
	overflow: hidden;
}
.faq .box ul li .btns{
	display: flex;
	align-items: center;
	margin-top: 40px;
	cursor: pointer;
	max-width: 140px;
}
.faq .box ul li .btns span{
	font-family: "BeVietnam-Bold"; 
	color: #043d82;
}
.faq .box ul li .btns i{
	display: inline-block;
	margin-right: 16px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #043d82 url(/wp-content/uploads/icon12b.png) center no-repeat;
	background-size: 12px auto;
}
.faq .box ul li .btns.show i{
	background: #043d82 url(/wp-content/uploads/icon12c.png) center no-repeat;
	background-size: 12px auto;
}
.faq .swiper-pagination{
	bottom: 0;
	width: 100%;
}
.faq .swiper-pagination-bullet{
	width: 16px;
	height: 16px;
	margin: 0 8px;
}
@media screen and (max-width: 1920px) and (min-width: 1025px){
	.maincontent{
		padding-top: 4.427083333333333vw;
	}
	.header .nav>ul>li{
		padding: 0 0.9375vw;
		height: 4.427083333333333vw;
	}
	.header .nav>ul>li>a{
		font-size: 0.9375vw;
	}
	.header .nav>ul>li>a:before{
		height: 0.1041666666666667vw;
	}
	.header .head_contact{
		margin-left: 0.625vw;
	}
	.header .head_contact .icon{
		margin-right: 0.5208333333333333vw;
	}
	.header .head_contact .icon a,
	.header .head_contact .icon span{
		width: 2.395833333333333vw;
		height: 2.395833333333333vw;
	}
	
	.header .cellBox{
		top: 4.427083333333333vw;
	}
	.header .second-box{
		padding: 0.9375vw;
		min-width: 9.375vw;
	}
	.header .second-box a{
		margin-bottom: 0.4166666666666667vw;
		padding: 0.1041666666666667vw 0;
		font-size: 0.9375vw;
	}			
	.header .second-box a:last-child{
		margin-bottom: 0.26vw;
	}	
	.header .columnBox .Level2{
		padding: 2.604166666666667vw 0;
	}
	.header .columnBox .Level2 .Level2_li{
		margin-bottom: 0.2604166666666667vw;
	}
	.header .columnBox .Level2 .Level2_li a{
		font-size: 1.041666666666667vw;
		padding-top: 0.5208333333333333vw;
		padding-bottom: 0.5208333333333333vw;
	}
	.header .columnBox .Level2 .Level2_li a img{
		max-width: 1.71875vw;
		margin-right: 1.041666666666667vw;
	}
	.header .columnBox .Level2 .Level2_li a i{
		background: url(/wp-content/uploads/icon11.png) center no-repeat;
		background-size: 0.46875vw auto;
	}
	.header .columnBox .Level3 .Level3_li .substance{
		padding-top: 2.604166666666667vw;
		padding-left: 3.645833333333333vw;
	}
	
	.header .uc-ajax-search-wrapper {
		padding-left: 3.645833333333333vw;
	}
	
	.header .columnBox .Level3 .Level3_li .substance dl dt{
		padding-bottom: 0.2604166666666667vw;
		margin-bottom: 1.041666666666667vw;
	}
	.header .columnBox .Level3 .Level3_li .substance dl dt a{
		font-size: 1.041666666666667vw;
		min-height: 2.552083333333333vw;
	}
	.header .columnBox .Level3 .Level3_li .substance dl dd a{
		font-size: 0.9375vw;
	}
	
	.header .headsearch form{
		width: 18.75vw;
	    padding: 0 1.302083333333333vw;
	    border-radius: 1.5625vw;
	}
	.header .headsearch .text{
	    width: calc(100% - 1.5625vw);
	    line-height: 3.020833333333333vw;
	    font-size: 0.9375vw;
	}
	.header .headsearch .btns{
	    width: 1.5625vw;
	    height: 3.020833333333333vw;
	}
	.header .envelop{
		margin-left: 2.083333333333333vw;
	}
	.header .envelop ul li{
		margin-right: 1.822916666666667vw;
	}
	.header .envelop ul li a{
		font-size: 1.041666666666667vw;
	}
	
	.size16{
		font-size: 0.8333333333333333vw;
	}
	.size18{
		font-size: 0.9375vw;
	}
	.size20{
		font-size: 1.041666666666667vw;
	}
	.size22{
		font-size: 1.145833333333333vw;
	}
	.size24{
		font-size: 1.25vw;
	}
	.size26{
		font-size: 1.354166666666667vw;
	}
	.size30{
		font-size: 1.5625vw;
	}
	.size32{
		font-size: 1.666666666666667vw;
	}
	.size36{
		font-size: 1.875vw;
	}
	.size42{
		font-size: 2.1875vw;
	}
	.size60{
		font-size: 3.125vw;
	}
	
	.columntext{
		padding-left: 4.166666666666667vw;
	}
	.columntext ul li{
		min-width: 10.41666666666667vw;
		margin-right: 1.5625vw;
		font-size: 0.9375vw;
	}
	.columntext ul li span{
		padding-bottom: 0.78125vw;
	}
	.columntext ul li.on span,
	.columntext ul li.swiper-slide-thumb-active span{
		padding-left: 1.40625vw;
	}
	.columntext ul li span i{
		width: 1.145833333333333vw;
		height: 1.145833333333333vw;
	}
	
	
	
	.index_banner .swiper-pagination-bullet{
		width: 1.875vw;
	    height: 0.2083333333333333vw;
	    margin: 0 0.3125vw;
	}
	.bannerText{
		padding-left: 4.166666666666667vw;
	}
	.bannerText .box .text1{
		margin-bottom: 0.5208333333333333vw;
	}
	.bannerText .box .text2{
		margin-top: 0.5208333333333333vw;
	}
	.bannerBtn{
		margin-top: 1.822916666666667vw;
	}
	.bannerBtn span{
		width: 8.333333333333333vw;
		height: 2.604166666666667vw
		border-radius: 0.2604166666666667vw;
	}
	.bannerBtn span i{
		margin-left: 0.4166666666666667vw;
		width: 0.78125vw;
		height: 0.3645833333333333vw;
	}
	
	.obanner-title .box{
		padding: 3.125vw 2.083333333333333vw;
	    border-radius: 0.5208333333333333vw;
	}
	.obanner-title .txt{
		margin-top: 0.78125vw;
	}
	.obanner.other .obanner-title .txt{
		margin-top: 0;
		padding-bottom: 0.78125vw;
	}
	/*footer*/
	.footer .box{
		margin-bottom: 5.989583333333333vw;
	}
	.footer .footlogo a img{
		max-width: 13.69791666666667vw;
	}
	.footer .footinfor .wrap{
		margin-top: 2.604166666666667vw
	}
	.footer .codebox ul li{
		margin-right: 1.5625vw;
		margin-bottom: 1.5625vw;
	}
	.footer .codebox ul li img{
		max-width: 6.822916666666667vw;
	}
	.footer .footcontact ul li{
		margin-bottom: 0.78125vw;
	}
	.footer .footcontact ul li .t1{
		font-size: 0.9375vw;
	}
	.footer .footcontact ul li .t2{
		font-size: 1.145833333333333vw;
	}
	
	.footer .substance{
		margin-bottom: 2.604166666666667vw
	}
	
	.footer .footshare ul li{
		margin-right: 1.302083333333333vw;
	}
	.footer .footshare ul li a{
		width: 4.0625vw;
		height: 4.0625vw; 
	}
	
	.footer .footsearch{
	    width: 31.041666666666667vw;
	    padding: 0 1.302083333333333vw;
	    border-radius: 1.5625vw;
	}
	.footer .footsearch .text{
	    width: calc(100% - 1.5625vw);
	    line-height: 3.020833333333333vw;
	    font-size: 0.9375vw;
	}
	.footer .footsearch .btns{
	    width: 1.5625vw;
	    height: 3.020833333333333vw;
	}
	.footer .footsearch .btns img{
		width: 1.041666666666667vw;
	}
	.footer .footnation{
		margin-left: 0.8333333333333333vw;
	}
	.footer .footnation .current{
		width: 9.375vw;
		height: 3.125vw;
		padding-left: 3.645833333333333vw;
		background: url(/wp-content/uploads/langicon.png) left 1.822916666666667vw center no-repeat;
		background-size: 1.041666666666667vw auto;
		font-size: 0.9375vw;
		border-radius: 1.5625vw;
	}	
	.footer .footnation ul{
		bottom: 3.125vw;
		padding: 0.5208333333333333vw 0;
	}
	.footer .footnation:hover ul{
		box-shadow: 0 0 0.625vw rgba(4,61,130,0.08);
	}
	.footer .footnation ul li a{
	    font-size: 0.8333333333333333vw;
	    min-width: 4.6875vw;
	    padding: 0.15625vw 1.041666666666667vw;
	}
	.footer .footnav{
		padding-top: 2.604166666666667vw
	}
	.footer .footnav .subtit{
		font-size: 1.354166666666667vw;
	}
	.footer .footnav .item ul {
		margin-top: 0.78125vw;
	}
	.footer .footnav ul li a{
		font-size: 0.9375vw;
	}
	.footer .footnav .newsletter form{
		margin-top: 1.302083333333333vw;
	}
	.footer .footnav .newsletter .text{
		width: calc(100% - 5.625vw);
		height: 2.604166666666667vw;
		font-size: 0.9375vw;
		border-radius: 0.2604166666666667vw 0 0 0.2604166666666667vw;
		padding: 0 1.041666666666667vw;
	}
	.footer .footnav .newsletter .btns{
		width: 5.625vw;
		height: 2.604166666666667vw;
		font-size: 0.9375vw;
		border-radius: 0.2604166666666667vw;
	}
	.footer .footnav .newsletter .check{
		margin-top: 0.5208333333333333vw;
		font-size: 0.7291666666666667vw;
	}
	.footer .footnav .newsletter .check input{
		width: 0.625vw;
		height: 0.625vw;
		margin-right: 0.4166666666666667vw;
	} 
	.footer .copyright{
		padding: 0.9375vw 0;
	}
	.footer .copyright,
	.footer .copyright a{
		font-size: 0.9375vw;
	}
	.footer .copyright .support{
		margin-left: 2.604166666666667vw;
	}
	
	
	.introduce.w8 .current_title{
		max-width: 41.66666666666667vw;
	}
	.introduce.w10 .current_title{
		max-width: 56.25vw;
	}	
	.control-process .current_title{
		max-width: 55.20833333333333vw;
	}
	.current_title .text{
		margin-top: 0.78125vw;
	}
	.distributor_network .current_title{
		max-width: 60.9375vw;
	}
	.classtab ul li span{
	    font-size: 0.9375vw;
	    padding-top: 0.8333333333333333vw;
	    padding-bottom: 0.8333333333333333vw;
	}
	.classtab ul li span:before{
		height: 0.1041666666666667vw;
	}
	.classtab ul li span:after{
		height: 0.1041666666666667vw;
	}
	.classtab ul li img{
		max-width: 1.71875vw;
		margin-right: 1.041666666666667vw;
	}
	
	.productli{
		border-radius: 0.5208333333333333vw;
	}
	.productli a{
		padding: 4.6875vw 0 4.6875vw 2.083333333333333vw;
	}
	.productli .text{
		min-height: 15.98958333333333vw;
		padding: 1.822916666666667vw;
	}
	.productli .text .t2{
		margin-top: 0.5208333333333333vw;
	}
	.current-btn{
		margin-top: 1.5625vw;
	}
	.current-btn span,
	.current-btn a{
		min-width: 8.333333333333333vw;
		height: 3.125vw;
		border-radius: 1.5625vw;
		padding-left: 0.9375vw;
		padding-right: 1.5625vw;
	}
	.current-btn span i,
	.current-btn a i{
		width: 1.875vw;
		height: 1.875vw;
		margin-right: 0.8333333333333333vw;
		background: #ffffff url(/wp-content/uploads/icon12a.png) center no-repeat;
		background-size: 0.625vw auto;
	}
	.current-btn.white a i,
	.current-btn.white span i{
		background: #043d82 url(/wp-content/uploads/icon12b.png) center no-repeat;
		background-size: 0.625vw auto;
	}
	.obanner .current-btn.white a i,
	.current-btn.white.contactbtns a i{
		background: #043d82 url(/wp-content/uploads/icon29.png) center no-repeat;
		background-size: 0.78125vw auto;
	}
	.obanner .current-btn.white a:hover i,
	.current-btn.white.contactbtns a:hover i{
		background: #FFFFFF url(/wp-content/uploads/icon29a.png) center no-repeat;
		background-size: 0.78125vw auto;
	}
	.current-btn.grey a i,
	.current-btn.grey span i{
		background: #dadbdc url(/wp-content/uploads/icon12b.png) center no-repeat;
		background-size: 0.625vw auto;
	}
	.current-btn a:hover i,
	.current-btn span:hover i,
	.productli a:hover .text .current-btn span i,
	.current-btn.blue a i,
	.current-btn.blue span i{
		background: #ffffff url(/wp-content/uploads/icon12.png) center no-repeat;
		background-size: 0.625vw auto;
	}
	.index_new .newlist ul li:hover .current-btn.grey span i{
		background: #043d82 url(/wp-content/uploads/icon12b.png) center no-repeat;
		background-size: 0.625vw auto;
	}
	.current-btn.blue span:hover i,
	.current-btn.blue a:hover i,
	.index_new .mainbox:hover .current-btn.blue a i{
		background: #043d82 url(/wp-content/uploads/icon12b.png) center no-repeat;
	    background-size: 0.625vw auto;
	}
	.product_details .current-btn.blue a i,
	.product_details .current-btn.blue span i{
		background: #ffffff url(/wp-content/uploads/icon67.png) center no-repeat;
		background-size: 0.7vw auto;
	}
	.product_details .current-btn.blue a:hover i,
	.product_details .current-btn.blue span:hover i{
		background: #043d82 url(/wp-content/uploads/icon67a.png) center no-repeat;
		background-size: 0.7vw auto;
	}
	.current-btn.ic1 a i,
	.current-btn.ic1 span i{
		background: #ffffff url(/wp-content/uploads/icon66.png) center no-repeat;
		background-size: 0.625vw auto;
	}
	.current-btn.ic1 a:hover i,
	.current-btn.ic1 span:hover i{
		background: #ffffff url(/wp-content/uploads/icon66.png) center no-repeat;
		background-size: 0.625vw auto;
	}
	
	.index_product .manageBox{
		margin-top: 3.645833333333333vw;
		padding-bottom: 3.125vw;
	}
	.index_product .swiper-scrollbar{
		height: 0.1041666666666667vw;
	}
	.index_product .swiper-scrollbar-drag{
		height: 0.1041666666666667vw;
	}
	.index_product .rightside{
		margin-left: 3.125vw;
	}
	.index_product .swiper-button-next, 
	.index_product .swiper-button-prev{
	   	width: 2.8125vw;
	   	height: 2.8125vw;
	}
	.index_product .swiper-button-next{
		margin-left: 1.041666666666667vw;
	}
	.index_product .swiper-button-next, 
	.index_product .swiper-container-rtl .swiper-button-prev {
	    background: #043d82 url(/wp-content/uploads/icon14a.png) center no-repeat;
	    background-size: 0.8333333333333333vw auto;
	}
	.index_product .swiper-button-prev, 
	.index_product .swiper-container-rtl .swiper-button-next {
	  	background: #043d82 url(/wp-content/uploads/icon13a.png) center no-repeat;
	   	background-size: 0.8333333333333333vw auto;
	}
	.index_product .swiper-button-next.swiper-button-disabled{
		background: #f0f0f0 url(/wp-content/uploads/icon14.png) center no-repeat;
		background-size: 0.8333333333333333vw auto;
	} 
	.index_product .swiper-button-prev.swiper-button-disabled{
		background: #f0f0f0 url(/wp-content/uploads/icon13.png) center no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	
	
	.index_application .box{
		border-radius: 0.5208333333333333vw;
	}
	.index_application .box .left .swiper:before{
		width: 0.1041666666666667vw;
		border-radius: 0.3125vw;
	}
	.index_application .box .left .swiper ul li:before{
	    width: 0.1041666666666667vw;
	    border-radius: 0.3125vw;
	}
	.index_application .box .left .swiper ul li{
		min-height: 6.25vw;
	}
	.index_application .box .left .swiper ul li .txt{
		padding-bottom: 1.5625vw;
	}
	.index_application .box .left .swiper ul li .t2{
	  	margin-top: 0.5vw;
	}
	
	.index_about{
	}
	.index_about .box{
		border-radius: 0.5208333333333333vw;
	}
	.index_about .record{
		left: 1.666666666666667vw;
	}
	.index_about .record ul li{
		min-width: 15.625vw;
		padding-top: 0.78125vw;
		padding-bottom: 1.302083333333333vw;
		padding-left: 1.822916666666667vw;
		border-radius: 0.5208333333333333vw;
		margin-bottom: 0.5208333333333333vw;
	}
	.index_about .record ul li .t2{
		margin-top: 0.5208333333333333vw;
	}
	
	.sliding_section .box ul li{
		border-radius: 0.5208333333333333vw;
	}
	.sliding_section .box ul li:before{
	    border-radius: 0.5208333333333333vw;
	}
	.sliding_section .box ul li .imgbox img{
		height: 36.45833333333333vw;
	}
	.sliding_section .box ul li .textbox{
		padding-left: 4.166666666666667vw;
		padding-right: 3.125vw;
	}
	.sliding_section .box ul li.on .textbox{
		width: 27.60416666666667vw;
	}
	.sliding_section .box ul li .textbox .t2{
		margin-top: 1.302083333333333vw;
	}
	.sliding_section .box ul li .current-btn{
		left: 4.166666666666667vw;
	}
	
	.index_new .box{
		margin-top: 1.822916666666667vw;
		padding-top: 3.333333333333333vw;
		padding-left: 3.645833333333333vw;
		padding-bottom: 3.333333333333333vw;
		border-radius: 0.5208333333333333vw;
	}
	.index_new .mainbox .img{
		border-radius: 0.5208333333333333vw;
	}
	.index_new .mainbox .img a:before{
	    border: 2vw solid #ffffff;
	    border-color: transparent #ffffff #ffffff transparent;
	}
	.index_new .t3{
		margin-top: 0.5208333333333333vw;
	}
	.index_new .newlist{
		margin-top: 2.604166666666667vw
	}
	.index_new .newlist ul li{
		padding-left: 2.34375vw;
		padding-right: 2.34375vw;
	}
	.index_new .newlist ul li:before{
		width: 0.1041666666666667vw;
	}
	.index_new .newlist ul li:after{
		width: 0.1041666666666667vw;
	}
	
	/**/
	.breadcrumb .box span{
		margin: 0 0.24vw;
	}
	/*about*/
	.about .box .imgbox{
		border-radius: 0.5208333333333333vw;
	}
	.about .box .textbox{
		max-height: 27.08333333333333vw;
	}
	.about .box .textbox::-webkit-scrollbar {
	    width: 0.15625vw;
	}
	
	.about .wrap ul li{
		padding-bottom: 1.5625;
	}
	.about .wrap ul li .size60{
		margin-right: 1.041666666666667vw;
	}
	/**/
	.about_factory .box{
		border-radius: 0.5208333333333333vw;
	}
	.about_factory .box .icon{
		width: 3.697916666666667vw;
	}
	/*Company History*/
	.about_history .mySwiper2 .year{
		width: 8.854166666666667vw;
	}
	.about_history .mySwiper2 .text{
		padding-left: 3.90625vw;
	}
	.about_history .mySwiper2:before{
		left: 9.21875vw;
		top: 1.041666666666667vw;
		width: 0.1041666666666667vw;
	}
	.about_history .mySwiper2 .slide{
		padding-bottom: 3.125vw;
	}
	.about_history .mySwiper2 .slick-current:before{
	    top: 1.041666666666667vw;
	    width: 0.7291666666666667vw;
	    height: 0.7291666666666667vw;
	}
	.about_history .mySwiper2 .slick-current:after{
	    left: 9.166666666666667vw;
	    top: 1.041666666666667vw;
	    width: 0.1041666666666667vw;
	}
	.about_history .mySwiper2 .slick-list{
		max-height: 32vw;
	}
	
	.about_vision .box{
		border-radius: 0.5208333333333333vw;
	}
	.about_vision .box .textbox .t2{
		margin-top: 0.78125vw;
	}
	
	.general_section ul li a{
		border-radius: 0.5208333333333333vw;
	}
	.general_section ul li .textbox{
		bottom: 1.302083333333333vw;
		width: calc(100% - 3.125vw);
		padding: 1.875vw 8.333333333333333vw 2.083333333333333vw 2.604166666666667vw;
	    border-radius: 0.5208333333333333vw;
	}
	.general_section ul li .textbox .t2{
		margin-top: 0.78125vw;
	}
	.general_section ul li .textbox .icon{
		right: 2.604166666666667vw;
		top: 2.604166666666667vw;
		width: 3.75vw;
		height: 3.75vw;
		background: url(/wp-content/uploads/icon16.png) center no-repeat;
		background-size: 0.78125vw auto; 
	}
	.general_section ul li:hover .textbox .icon{
		background: #043d82 url(/wp-content/uploads/icon16.png) center no-repeat;
		background-size: 0.78125vw auto; 
	}
	
	/**/
	.Get_in_Touch .box{
		border-radius: 0.5208333333333333vw;
	}
	.Get_in_Touch .wrap .infor ul li{
		padding-top: 1.5625vw;
		margin-bottom: 1.5625vw;
	}
	.Get_in_Touch .wrap .infor ul li .item{
		padding-right: 2.604166666666667vw;
	}
	.Get_in_Touch .wrap .infor ul li .item .icon{
		width: 3.125vw;
		height: 3.125vw;
		margin-right: 1.041666666666667vw;
	}
	.Get_in_Touch .wrap .infor ul li .item .text .t2{
		margin-top: 0.2604166666666667vw;
	}
	
	
	.Get_in_Touch .wrap .formBox .inputLi{
		width: calc((100% - 0.2604166666666667vw) / 2);
		margin-right: 0.2604166666666667vw;
		margin-bottom: 0.2604166666666667vw;
	}
	.Get_in_Touch .wrap .formBox .inputLi input{
		height: 3.125vw;
		padding: 0 0.9375vw;
		border-radius: 0.3125vw;
	}
	.Get_in_Touch .wrap .formBox .textareaLi textarea{
		min-height: 7.8125vw;
		padding: 0.78125vw;
		border-radius: 0.3125vw;
	}
	.Get_in_Touch .wrap .formBox .inputBtn{
		margin-top: 1.5625vw;
		border-radius: 1.5625vw;
	}
	.Get_in_Touch .wrap .formBox .inputBtn input{
		height: 3.125vw;
	}
	
	/*download*/
	.downloadlist .box ul li .textbox .text{
		margin-top: 0.5208333333333333vw;
		margin-bottom: 1.5625vw;
		min-height: 3.645833333333333vw;
	}
	.global .box .mapbox .locationbox ul li .level1 img{
		width: 1.614583333333333vw;
	}
	.global .box .mapbox .locationbox ul li .level2{
		width: 29.16666666666667vw;
	}
	.global .box .mapbox .locationbox ul li .wrap{
		padding: 2.083333333333333vw;
	    border-radius: 0.2604166666666667vw;
	}
	.global .box .mapbox .locationbox ul li.a1 .s-triangle,
	.global .box .mapbox .locationbox ul li.a2 .s-triangle{
	    border-width: 0.625vw;
	    border-color: transparent transparent  #FFFFFF transparent;
	}
	.global .box .mapbox .locationbox ul li.a3 .s-triangle,
	.global .box .mapbox .locationbox ul li.a4 .s-triangle{
	    border-width: 0.625vw;
	    border-color: #FFFFFF transparent transparent transparent;
	}
	
	.global .box .mapbox .locationbox ul li .wrap .place{
		padding-bottom: 1.041666666666667vw;
	}
	.global .box .mapbox .locationbox ul li .wrap .info{
		margin-top: 1.041666666666667vw;
	}
	.global .box .mapbox .locationbox ul li .wrap .info dd{
		display: flex;
		margin-bottom: 1.041666666666667vw;
	}
	.global .box .mapbox .locationbox ul li .wrap .info .icon{
		width: 2.291666666666667vw;
		height: 2.291666666666667vw;
		margin-right: 1.041666666666667vw;
	}
	
	
	.introduce .maincontainer{
		background-position: top right;
		background-size: auto 3.958333333333333vw; 
		background-repeat: no-repeat;
	}
	.introduce.w8 .current_title{
		max-width: 41.66666666666667vw;
	}
	.introduce.w10 .current_title{
		max-width: 56.25vw;
	}
	.distributor_benefits .mySwiper1:before{
		top: 3.020833333333333vw;
	}
	.distributor_benefits .mySwiper1 .swiper-slide .item .icon{
		width: 6.041666666666667vw;
		height: 6.041666666666667vw;
	}
	.distributor_benefits .mySwiper1 .swiper-slide .item .txt{
		margin-top: 0.78125vw;
		font-size: 0.8333333333333333vw;
	}
	.distributor_benefits .mySwiper2 .item{
		border-radius: 0.5208333333333333vw;
	}
	.distributor_benefits .mySwiper2 .item .textbox .icon{
		margin-bottom: 1.041666666666667vw;
	}
	.distributor_benefits .mySwiper2 .item .textbox .icon img{
		width: 2.552083333333333vw;
	}
	.distributor_benefits .mySwiper2 .item .textbox .t2{
		margin-top: 0.5208333333333333vw;
	}
	.advertisement{
		min-height: 20.83333333333333vw;
	}
	.advertisement .box .textbox .btns{
		margin-top: 2.083333333333333vw;
	}
	.advertisement .box .textbox .btns a{
		min-width: 13.02083333333333vw;
		height: 3.125vw;
		border-radius: 1.5625vw;
	}
	
	/*exhibition*/
	.exhibition .box .swiper{
		border-radius: 0.5208333333333333vw;
	}
	
	.exhibition .textbox{
		padding: 2.083333333333333vw;
	}
	.exhibition .box .swiper .textbox{
		padding-right: 10.4vw;
	}
	.exhibition .swiper-pagination{
		right: 2.083333333333333vw;
		bottom: 2.604166666666667vw;
	}
	.exhibition .swiper-pagination-bullet{
		width: 0.4166666666666667vw;
		height: 0.4166666666666667vw;
		margin: 0 0.3645833333333333vw;
		border-radius: 0.2083333333333333vw;
	}
	.exhibition .swiper-pagination-bullet-active{
		width: 2.5vw;
	}
	.exhibition .maincontainer{
		width: 93.75vw;
	}
	.exhibition .wrap ul{
		margin-left: -0.78125vw;
		margin-right: -0.78125vw;
	}
	.exhibition .wrap ul li{
		margin-top: 1.5625vw;
		margin-left: 0.78125vw;
		margin-right: 0.78125vw;
		border-radius: 0.5208333333333333vw;
	}
	.exhibition .wrap ul li.col-2{
		width: 61.9791666666666vw;
	}
	.exhibition .wrap ul li.col-1{
		width: 30.2083333333333vw;
	}
	.page-list a{
		padding: 0 0.5208333333333333vw;
		min-width: 3.75vw;
		height: 3.75vw;
		margin-bottom: 0.2604166666666667vw;
		margin-right: 0.78125vw;
		font-size: 0.9375vw;
	}
	.page-list a.fyprev i,
	.page-list a.fynext i{
		width: 0.78125vw;
		height: 0.78125vw;
	}
	
	
	.retails_section .box{
		margin-top: -6.770833333333333vw;
	}
	.retails_section .box .maincontainer{
		border-radius: 0.5208333333333333vw;
		padding: 3.5% 5.6%;
	}
	.retails_section .box ul li{
		margin-left: 1.5625vw;
		margin-right: 1.5625vw;
		margin-bottom: 1.5625vw;
	}
	.retails_section .box ul li a{
		min-width: 10.41666666666667vw;
		height: 2.604166666666667vw;
		border-radius: 1.302083333333333vw;
		padding: 0 1.041666666666667vw;
	}
	.retails_section .box .text{
		padding-top: 0.78125vw;
	}
	
	
	.product-display .box ul li{
		border-radius: 0.5208333333333333vw;
	}
	.product-display .box ul li .icon{
		left: 1.5625vw;
		top: 1.5625vw;
	}
	.product-display .box ul li .icon img{
		max-height: 1.197916666666667vw;
	}
	.product-display .box ul li .textbox{
		margin-top: 1.041666666666667vw;
		padding-bottom: 1.5625vw;
	}
	
	
	.process .box .swiper{
		padding: 0.4166666666666667vw;
	}
	.process .box .swiper .swiper-slide{
		padding: 2.916666666666667vw 1.875vw;
	}
	.process .box .swiper .swiper-slide:before{
		height: 15.625vw;
		box-shadow: 0 0 0.4166666666666667vw rgba(4,61,130,0.1);
		border-radius: 0.5208333333333333vw;
	}
	.process .box .swiper .swiper-slide-active:before{
		height: 100%;
	}
	.process .box .swiper .swiper-slide .order{
		font-size: 2.083333333333333vw;
		margin-bottom: 2.083333333333333vw;
	}
	.process .box .swiper .swiper-slide .icon{
		margin-bottom: 1.041666666666667vw;
	}
	.process .box .swiper .swiper-slide .icon img{
		width: 2.03125vw;
	}
	.process .box .swiper .swiper-slide-active .icon img{
		width: 2.34375vw;
	}
	.process .box .swiper .swiper-slide .t1{
		font-size: 1.041666666666667vw;
	}
	.process .box .swiper .swiper-slide-active .t1{
		font-size: 1.5625vw;
	}
	.process .box .swiper .swiper-slide .t2{
		margin-top: 0.78125vw;
	}
	.process .box .swiper-pagination{
		right: 2.604166666666667vw;
		bottom: 25%;
	}
	.process .box .swiper-pagination:before{
		height: 0.1041666666666667vw;
	}
	.process .box .swiper-pagination-bullet{
		min-width: 2.34375vw;
		font-size: 1.25vw;
		margin-right: 7vw;
	}
	.process .box .swiper-pagination-bullet:before{
		width: 0.8333333333333333vw;
		height: 0.8333333333333333vw;
	}
	
	
	
	.case-display .swiper .swiper-slide{
		padding-left: 5.729166666666667vw;
		padding-right: 5.729166666666667vw;
	}
	.case-display .swiper .swiper-slide .imgbox{
		border-radius: 0.5208333333333333vw;
	}
	.case-display .swiper .swiper-slide .textbox{
		margin-top: 0.78125vw;
	}
	.general-btn.swiper-button-next, 
	.general-btn.swiper-button-prev{
		width: 3.75vw;
		height: 3.75vw;
	}
	.general-btn.swiper-button-prev, 
	.general-btn.swiper-container-rtl .swiper-button-next{
		background: #043d82 url(/wp-content/uploads/icon13a.png) center no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	.general-btn.swiper-button-next, 
	.general-btn.swiper-container-rtl .swiper-button-prev{
		background: #043d82 url(/wp-content/uploads/icon14a.png) center no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	.general-btn.swiper-button-next.swiper-button-disabled{
		background: #e4e9f0 url(/wp-content/uploads/icon14.png) center no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	.general-btn.swiper-button-prev.swiper-button-disabled{
		background: #e4e9f0 url(/wp-content/uploads/icon13.png) center no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	
	
	.control-process .box .mySwiper2 .swiper-slide{
		min-height: 42.1875vw;
		border-radius: 0.5208333333333333vw;
		padding-bottom: 14.58333333333333vw;
	}
	.control-process .box .mySwiper2 .textbox{
		margin-top: 4.427083333333333vw;
		max-width: 39.0625vw;
		padding: 3.125vw;
		border-radius: 0.5208333333333333vw;
	}
	.control-process .box .mySwiper2 .textbox .subtit{
		padding-right: 3.125vw;
		margin-bottom: 0.78125vw;
		padding-bottom: 1.302083333333333vw;
	}
	.control-process .box .mySwiper2 .textbox .subtit .icon{
		top: 0.78125vw;
		width: 1.614583333333333vw;
	}
	.control-process .box .mySwiper2 .textbox ul li{
		margin-bottom: 1.041666666666667vw;
	}
	.control-process .box .mySwiper2 .textbox ul li .t1{
		margin-bottom: 0.5208333333333333vw;
	}
	.control-process .box .w2{
		bottom: 1.5625vw;
		max-width: 62.5vw;
	}
	.control-process .box .mySwiper1:before{
		top: 2.083333333333333vw;
		height: 0.1041666666666667vw;
	}
	.control-process .box .mySwiper1 .swiper-slide .item .icon{
		width: 4.166666666666667vw;
		height: 4.166666666666667vw;
	}
	.control-process .box .mySwiper1 .swiper-slide .item .txt{
		margin-top: 0.5208333333333333vw;
	}
	
	.SolutionIntroduction .box{
		border-radius: 0.5208333333333333vw;
	}
	.SolutionIntroduction .box .textbox .t2{
		margin-top: 1.041666666666667vw;
		padding-bottom: 1.5625vw;
	}
	.customer-reviews .box .swiper .swiper-slide{
		padding: 0.4166666666666667vw 4.6875vw;
	}
	.customer-reviews .box .swiper .swiper-slide .item{
		padding: 2.916666666666667vw 3.125vw;
		border-radius: 0.5208333333333333vw;
	}
	.customer-reviews .box .swiper .item .info .icon{
		width: 6.979166666666667vw;
		height: 6.979166666666667vw;
		margin-right: 1.822916666666667vw;
	}
	.customer-reviews .box .swiper .item .text .t2{
		margin-top: 0.2604166666666667vw;
	}
	.customer-reviews .box .swiper .item .textbox{
		margin-top: 1.822916666666667vw;
	}
	.customer-reviews .box .swiper .item .textbox .t1{
		margin-bottom: 0.5208333333333333vw;
		padding-bottom: 1.302083333333333vw;
	}
	
	
	
	.odmoem-section .box{
		min-height: 37.5vw;
	}
	.odmoem-section .box:before{
		border-radius: 0.5208333333333333vw;
	}
	.odmoem-section .textbox .t2{
		margin-top: 1.302083333333333vw;
		padding-bottom: 0.78125vw;
	}
	
	.solutionlist .item{
		margin-bottom: 0.5208333333333333vw;
	}
	.solutionlist .item .textbox{
		border-radius: 0.5208333333333333vw;
	}
	.solutionlist .item .textbox .t2{
		margin-top: 0.5208333333333333vw;
		padding-bottom: 0.78125vw;
	}
	.solutionlist .item .textbox .btns{
		margin-top: 1.041666666666667vw;
		width: 3.75vw;
		height: 3.75vw;
		background: rgba(255,255,255,0.1) url(/wp-content/uploads/icon14a.png) center no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	.solutionlist .item .textbox:hover .btns,
	.solutionlist .item .textbox .btns:hover{
		background: #043d82 url(/wp-content/uploads/icon14a.png) center no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	
	
	.other_section ul li{
		border-radius: 0.5208333333333333vw;
		min-height: 26.04166666666667vw;
	}
	.other_section ul li .textbox{
		padding: 3.125vw;
	}
	.other_section ul li .textbox .t2{
		margin-top: 1.041666666666667vw;
		padding-bottom: 0.78125vw;
	}
	
	
	.support .item .textbox .icon img{
		width: 1.71875vw;
	}
	.support .item .textbox .text .t1{
		margin-top: 1.041666666666667vw;
	}
	.support .item .textbox .text .t2{
		margin-top: 0.78125vw;
	}
	.support .item .imgbox:before{
		border: #FFFFFF solid 10.41666666666667vw;
	}
	.support .substance{
		margin-top: 1.302083333333333vw;
	}
	.support .substance ul li{
		padding-bottom: 1.302083333333333vw;
		padding-left: 1.875vw;
	}
	.support .substance ul:before,
	.support .substance ul li:after{
		width: 0.1041666666666667vw;
	}
	.support .substance ul li:last-child{
		padding-bottom: 0.78125vw;
	}
	.support .substance ul li .ic{
		width: 2.291666666666667vw;
		height: 2.291666666666667vw;
	}
	.support .substance ul li .t1{
		margin-bottom: 0.3125vw;
	}

	
	
	.advantage .box ul li{
/* 		width: calc((61.11111111111112% - 1.822916666666667vw) / 7); */
		border-radius: 0.5208333333333333vw;
	}
	.advantage .box ul li .order{
		left: 1.041666666666667vw;
		top: 1.822916666666667vw;
	}
	.advantage .box ul li .textbox{
		min-height: 13.02083333333333vw;
		padding: 1.5625vw 0.2604166666666667vw 1.5625vw 0.78125vw;
	}
	.advantage .box ul li.on .textbox{
		padding: 1.5625vw 2.083333333333333vw;
	}
	.advantage .box ul li .textbox .icon{
		margin-bottom: 1.041666666666667vw;
	}
	.advantage .box ul li .textbox .icon img{
		width: 2.291666666666667vw;
	}
	.advantage .box ul li .textbox .t1{
		font-size: 1.041666666666667vw;
	}
	.advantage .box ul li.on .textbox .t1{
		font-size: 1.5625vw;
	}
	.advantage .box ul li .textbox .t2{
		margin-top: 0.2604166666666667vw;
	}
	.advantage .box ul li.on .textbox .t2{
		max-height: 26.04166666666667vw;
	}
	/* news */
	.news .box .swiper .swiper-pagination{
		left: 3.125vw;
		bottom: 3.125vw;
	}
	.news .box .swiper .swiper-pagination-bullet{
		width: 0.4166666666666667vw;
		height: 0.4166666666666667vw;
		margin: 0 0.3645833333333333vw;
		border-radius: 0.2083333333333333vw;
	}
	.news .box .swiper .swiper-pagination-bullet-active{
		width: 2.5vw;
	}
	.news .box .item{
		border-radius: 0.5208333333333333vw;
	}
	.news .box .item .textbox{
		padding-top: 4.6875vw;
		padding-left: 3.125vw;
		padding-right: 1.041666666666667vw;
	}
	.news .box .item .textbox .date{
		margin-bottom: 0.2604166666666667vw;
	}
	.news .box .item .textbox .t2{
		margin-top: 1.041666666666667vw;
		padding-bottom: 1.041666666666667vw;
	}
	.newli{
		border-radius: 0.5208333333333333vw;
	}
	
	
	.newli .textbox{
		padding: 1.302083333333333vw 1.822916666666667vw;
	}
	.newli .textbox .text{
		margin-top: 0.2604166666666667vw;
	}
	
	.new-detail .box{
		padding: 3.645833333333333vw 4.6875vw 5.208333333333333vw;
	}
	.new-detail .box .title{
		padding-bottom: 0.78125vw;
	}
	.new-detail .box .title h2{
		margin-bottom: 1.302083333333333vw;
	}
	.new-detail .box .title .txt span{;
		margin-right: 3.645833333333333vw;
		margin-bottom: 0.5208333333333333vw;
	}
	.new-detail .box article{
		padding: 1.822916666666667vw 0;
	}
	.new-detail .box .prvenext ul li a{
		height: 3.75vw;
		border-radius: 1.875vw;
		padding: 0.3125vw;
	}
	.new-detail .box .prvenext ul li a i{
		width: 3.125vw;
		height: 3.125vw;
	}
	.new-detail .box .prvenext ul li a:hover i{
		background: url(../images/icon26.png) center no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	.new-detail .box .prvenext ul li.prveli a{
		padding-right: 2.083333333333333vw;
	}
	.new-detail .box .prvenext ul li.nextli a{
		padding-left: 2.083333333333333vw;
	}
	.new-detail .box .prvenext ul li.prveli a i{
		margin-right: 1.5625vw;
		background: #FFFFFF url(/wp-content/uploads/icon13.png) center no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	.new-detail .box .prvenext ul li.nextli a i{
		margin-left: 1.5625vw;
		background: #FFFFFF url(/wp-content/uploads/icon14.png) center no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	.new-detail .box .back-list a{
		width: 10.41666666666667vw;
		height: 3.75vw;
		border-radius: 1.875vw;
	}
	.related-news .swiper-button-prev{
		margin-right: 1.041666666666667vw;
	}
	
	
	.search-box form{
		max-width: 36.45833333333333vw;
		border-radius: 1.5625vw;
	}
	.search-box form .text{
		width: calc(100% - 5.208333333333333vw);
		height: 3.020833333333333vw;
		padding-left: 2.083333333333333vw;
	}
	.search-box form .btns{
		width: 5.208333333333333vw;
		height: 3.020833333333333vw;
		background: url(../images/icon64.png) center no-repeat;
		background-size: 1.041666666666667vw auto;
	}
	.proli{
		padding: 4.6875vw 0;
		border-radius: 0.5208333333333333vw;
	}
	.proli .text{
		min-height: 15.98958333333333vw;
		padding: 1.822916666666667vw 1.822916666666667vw 1.822916666666667vw 2.604166666666667vw;
	}
	.proli .text{
		border-radius: 0.5208333333333333vw;
	}
	.proli .text .t2{
		margin-top: 0.5208333333333333vw;
	}
	
	
	.search-results .current_title{
		padding-bottom: 1.5625vw;
	}
	.contact-entrance .box .textbox .btns{
		margin-top: 2.083333333333333vw;
	}
	.contact-entrance .box .textbox .btns a{
		min-width: 15.625vw;
		height: 3.125vw;
		border-radius: 1.5625vw;
		padding: 0 2.604166666666667vw;
	}
	
	.product .content{
		padding-bottom: 3.645833333333333vw;
	}
	.product .content .bg{
		width: 10.72916666666667vw;
	}
	.pronav.fixed{
		top: 4.427083333333333vw;
	}
	.pronav ul li{
		height: 3.645833333333333vw;
		font-size: 0.9375vw;
		margin: 0 1.5625vw;
	}
	.pronav ul li:before{
		height: 0.1041666666666667vw;
	}
	
	.product-type .box{
		margin-top: -4.427083333333333vw;
		padding-top: 4.427083333333333vw;
	}
	.product-type .item{
		min-height: 41.66666666666667vw;
		margin-bottom: 0.5208333333333333vw;
	}
	.product-type .item .textbox .t2{
		margin-top: 0.5208333333333333vw;
	}
	
	.product-type .item .swiper-slide .text{
		margin-top: 0.9375vw;
	}
	.product-type .current-btn{
		margin-top: 2.083333333333333vw;
	}
	.product-type .swiper-button-prev.swiper-button-disabled {
		background: rgba(255,255,255,0.1) url(/wp-content/uploads/icon13a.png) center no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	.product-type .swiper-button-next.swiper-button-disabled{
		background: rgba(255,255,255,0.1) url(/wp-content/uploads/icon14a.png) center no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	
	.mainproduct .box{
		border-radius: 0.5208333333333333vw;
	}
	.mainproduct .box .textbox .t2{
		margin-top: 0.78125vw;
		padding-bottom: 0.78125vw;
	}
	
	.service-section .box{
		border-radius: 0.5208333333333333vw;
	}
	
	.service-section .box .left .mySwiper2:before{
		width: 0.1041666666666667vw;
		border-radius: 0.3125vw;
	}
	.service-section .box .left .mySwiper2 ul li{
		padding-left: 2.34375vw;
	}
	.service-section .box .left .mySwiper2 ul li:before{
		width: 0.1041666666666667vw;
		border-radius: 0.3125vw;
	}
	.service-section .box .left .mySwiper2 ul li .icon{
		margin-bottom: 0.78125vw;
	} 
	.service-section .box .left .mySwiper2 ul li .icon img{
		max-width: 3.4375vw;
	}
	.service-section .box .left .mySwiper2 ul li .t2{
		margin-top: 0.5208333333333333vw;
		padding-bottom: 0.78125vw;
	}
	/**/
	.product_details .thumbsbox .swiper{
		max-width: 6.770833333333333vw;
		height: 31.25vw;
		padding-top: 3.4375vw;
		padding-bottom: 3.4375vw;
	}
	.product_details .thumbsbox .swiper-slide{
		border-radius: 0.5208333333333333vw;
	}
	.product_details .thumbsbox .swiper-button-next, 
	.product_details .thumbsbox .swiper-button-prev{
		width: 2.083333333333333vw;
		height: 2.083333333333333vw;
	}
	
	
	.product_details .content .textbox{
		border-radius: 0.5208333333333333vw;
		padding: 3.125vw 5.729166666666667vw 3.645833333333333vw;
	}
	.product_details .content .textbox .title{
		padding-bottom: 1.302083333333333vw;
		margin-bottom: 0.78125vw;
	}
	.product_details .content .textbox .text li .sp2{
		margin-left: 0.5208333333333333vw;
	}
	
	.product_features .box ul li{
		padding: 4.166666666666667vw 1.5625vw 2.083333333333333vw;
		border-radius: 0.5208333333333333vw;
	}
	.product_features .box ul li .textbox{
		margin-top: 2.34375vw;
	}
	.product_features .box ul li .textbox .icon{
		margin-right: 1.041666666666667vw;
	}
	.product_features .box ul li .textbox .icon img{
		width: 2.8125vw;
	}
	
	
	.specifications .box table th{
		font-size: 1.041666666666667vw;
		height: 4.166666666666667vw;
		padding: 0.5208333333333333vw;
	}
	.specifications .box table td{
		height: 5vw;
		font-size: 0.9375vw;
		padding: 0.5208333333333333vw;
	}
	.specifications .box table td .img img{
		max-height: 2.083333333333333vw;
	}
	.specifications .box .action span,
	.specifications .box .action a{
		min-width: 7.291666666666667vw;
		height: 2.083333333333333vw;
		padding: 0 1.041666666666667vw;
		border-radius: 1.041666666666667vw;
		font-size: 0.7291666666666667vw;
		margin-top: 0.26rem;
		margin-bottom: 0.26rem;
	}
	.specifications .box .action .quotebtn{
		margin-right: 0.5208333333333333vw;
	}
	
	
	
	.request_quote_box .box .wrap .title{
		margin-bottom: 1.25vw;
	}
	.request_quote_box .box .wrap table{
		margin-top: 1.302083333333333vw;
		border-radius: 0.5208333333333333vw 0.5208333333333333vw 0 0;
	}
	.request_quote_box .box .wrap table th{
		font-size: 0.9375vw;
		height: 2.604166666666667vw;
		padding-left: 1.302083333333333vw;
		padding-right:0.78125vw;
	}
	.request_quote_box .box .wrap table td{
		padding-left: 1.302083333333333vw;
		padding-right:0.78125vw;
		padding-top: 0.5208333333333333vw;
		padding-bottom: 0.5208333333333333vw;
		height: 5vw;
		font-size: 0.9375vw;
	}
	.request_quote_box .box .wrap .quantity input{
		width: 3.125vw;
		height: 3.125vw;
		font-size: 0.8333333333333333vw;
		border-radius: 0.5208333333333333vw;
	}
	.request_quote_box .box .wrap .form{
		margin-top: 1.041666666666667vw;
	}
	.request_quote_box .box .formli{
		margin-bottom: 1.041666666666667vw;
	}
	.request_quote_box .box .sp{
		margin-bottom: 0.78125vw;
	}
	.request_quote_box .box .formli input {
		font-size: 0.8333333333333333vw;
		height: 2.604166666666667vw;
		padding: 0 1.041666666666667vw;
		border-radius: 0.5208333333333333vw;
	}
	.request_quote_box .box .textli{
		margin-bottom: 1.041666666666667vw;
	}
	.request_quote_box .box .textli textarea{
		padding: 0.625vw 1.041666666666667vw;
		border: rgba(4,61,130,0.1) solid 0.1041666666666667vw;
		border-radius: 0.5208333333333333vw;
		font-size: 0.8333333333333333vw;
		min-height: 4.6875vw;
	}
	.request_quote_box .box .formbtn{
		margin-top: 0.78125vw;
	}
	.request_quote_box .box .formbtn input{
		min-width: 9.375vw;
		height: 3.125vw;
		font-size: 0.8333333333333333vw;
		border-radius: 1.5625vw;
	}
	
	.request_quote_box .box .closeBtn{
		right: 1.3vw;
		top: 1vw;
		width: 2vw;
		height: 2vw;
	}
	
	
	.slide_section .box ul li .imgbox{
		border-radius: 0.5208333333333333vw;
	}
	.slide_section .box ul li .textbox{
		padding-left: 4.166666666666667vw;
		padding-right: 3.125vw;
	}
	.slide_section .box ul li.on .textbox{
		width: 27.60416666666667vw;
	}
	.slide_section .box ul li .textbox .t2{
		margin-top: 0.78125vw;
	}
	.slide_section .box ul li .current-btn,
	.slide_section .box ul li .btn{
		margin-top: 2.604166666666667vw;
	}
	.slide_section .box ul li .current-btn a{
		min-width: 9.375vw;
	}
	.slide_section .box ul li .btn{
		margin-top: 1.5625vw;
	}
	.slide_section .box ul li .btn a{
		min-width: 9.375vw;
		height: 3.125vw;
		border-radius: 1.5625vw;
		padding: 0 1.041666666666667vw;
	}
	.slide_section .box ul li .btn a i{
		width: 1.875vw;
		height: 1.875vw;
		margin-right: 0.8333333333333333vw;
		background: #FFFFFF url(/wp-content/uploads/icon66.png) center no-repeat;
		background-size: 0.8333333333333333vw auto;
	}
	
	.faq .box .swiper{
		padding-bottom: 3.125vw;
	}
	.faq .box ul li{
		border-radius: 0.5208333333333333vw;
	}
	.faq .box ul li .t1{
		margin-bottom: 1.041666666666667vw;
		padding-bottom: 1.041666666666667vw;
		border-bottom: #e5ebf2 solid 0.1041666666666667vw;;
	}
	.faq .box ul li .btns{
		margin-top: 2.083333333333333vw;
		max-width: 7.291666666666667vw;
	}
	.faq .box ul li .btns i{
		margin-right: 0.8333333333333333vw;
		width: 1.770833333333333vw;
		height: 1.770833333333333vw;
		background: #043d82 url(/wp-content/uploads/icon12b.png) center no-repeat;
		background-size: 0.625vw auto;
	}
	.faq .box ul li .btns.show i{
		background: #043d82 url(/wp-content/uploads/icon12c.png) center no-repeat;
		background-size: 0.625vw auto;
	}
	.faq .swiper-pagination-bullet{
		width: 0.8333333333333333vw;
		height: 0.8333333333333333vw;
		margin: 0 0.4166666666666667vw;
	}
}

@media screen and (max-width: 1024px){
	html{
		font-size: 16px;
	}
	.header .logo a{
		display: flex;
		align-items: center;
		height: 4rem;
	}
	.header .logo a img{
		max-height: 2.8rem;
	}
	.header .nav{
		display: none;
	}
	.header .head_contact{
		margin-left: 0;
	}
	.header .head_contact .icon{
		margin-right: 1rem;
	}
	.header .head_contact .icon a, .header .head_contact .icon span{
		width: 2rem;
		height: 2rem;
	}
	.header .head_contact .icon img{
		max-width: 45%;
	}
	.menubtn{
		display: block;
		height: 4rem;
		background: url(/wp-content/uploads/menu-icon1.png) center right no-repeat;
		background-size: 1.6rem auto;
	}
	.menubtn.on {
		background: url(/wp-content/uploads/menu-icon2.png) center right no-repeat;
		background-size: 1.6rem auto;
	}
	.m-nav{
		top: 4rem;
		height: calc(100vh - 4rem);
	}
	/*footer*/
	.footer{
		padding-top: 3.5rem;
	}
	.footer .box{
		margin-bottom: 3rem;
	}
	.footer .footinfor{
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.footer .footlogo a img{
		max-width: 100%;
		max-height: 2.8rem;
	}
	.footer .footinfor .wrap{
		display: none;
	}
	.footer .substance{
		flex-wrap: wrap;
		margin-bottom: 0;
	}
	.footer .footright{
		width: 100%;
		flex-direction: column-reverse;
	}
	.footer .footother{
		justify-content: center;
		width: 100%;
	}
	.footer .footnav{
		flex-wrap: wrap;
		padding-top: 1rem;
	}
	.footer .footnav>div{
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.footer .footnav>div:nth-child(2n){
		margin-right: 0;
	}
	.footer .footnav .item{
		width: 48%;
		margin-right: 4%;
	}
	.footer .footnav .newsletter{
		width: 48%;
	}
	.footer .footnav .newsletter .text{
		padding: 0 1rem;
	}
	.footer .footshare{
		width: 100%;
		margin-top: 2rem;
	}
	.footer .footshare ul{
		justify-content: center;
	}
	.footer .copyright{
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: row;
	}
	.footer .copyright .support{
		margin-left: 1.875rem;
	}
	
	/**/
	.size16{
		font-size: 0.9rem;
	}
	.size18{
		font-size: 1rem;
	}
	.size20{
		font-size: 1.15rem;
	}
	.size22{
		font-size: 1.3rem;
	}
	.size24{
		font-size: 1.2rem;
	}
	.size26{
		font-size: 1.3rem;
	}
	.size30{
		font-size: 1.5rem;
	}
	.size32{
		font-size: 1.6rem;
	}
	.size36{
		font-size: 1.8rem;
	}
	.size42{
		font-size: 2rem;
	}
	.size60{
		font-size: 2rem;
	}
	
	.padt40{
		padding-top: 2rem;
	}
	.padb40{
		padding-bottom: 2rem;
	}
	.padt80{
		padding-top: 4rem;
	}
	.padt90{
		padding-top: 4rem;
	}
	.padb90{
		padding-bottom: 4rem;
	}
	.padt110{
		padding-top: 4.5rem;
	}
	.padb100{
		padding-bottom: 4.5rem;
	}
	.padt136{
		padding-top: 4.5rem;
	}
	.padb136{
		padding-bottom: 4.5rem;
	}
	/**/
	.maincontent{
		padding-top: 4rem;
	}
	/**/
	.bannerText{
		padding-left: 0;
	}
	.bannerText .box h2{
		line-height: 1.2;
	}
	.columntext{
		padding-left: 0;
		bottom: 2.5rem;
	}
	.columntext .swiper{
		width: calc(100% - 4rem);
	}
	.columntext ul li{
		min-width: 1px;
		margin-right: 1.5rem;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 0.9rem;
	}
	.columntext ul li span i{
		width: 1.1rem;
		height: 1.1rem;
	}
	.downward{
		margin-left: 2rem;
	}
	.index_banner .swiper-pagination{
		bottom: 2.5rem;
	}
	.index_banner .swiper-pagination-bullet{
		width: 1.5rem;
		height: 0.2rem;
		margin: 0 0.3rem;
	}
	.obanner-title{
		top: auto;
		-webkit-transform: translate(-50%, 0);
    	transform: translate(-50%, 0);
		bottom: 3rem;
	}
	.obanner-title .box{
		width: 100%;
		padding: 2rem 2.5rem;
	}
	.pImg{
		display: none;
	}
	.mImg{
		display: block;
	}
	.maincontainer{
		width: 90%;
	}
	.current_title .text{
		margin-top: 1rem;
	}
	.current-btn{
		margin-top: 1.5rem;
	}
	.current-btn span, .current-btn a{
		min-width: 7.5rem;
		height: 2.7rem;
		border-radius: 1.35rem;
		padding-left: 0.9rem;
		padding-right: 1.5rem;
	}
	.current-btn span i, .current-btn a i {
	    width: 1.6rem;
	    height: 1.6rem;
	    margin-right: 0.7rem;
		background: #ffffff url(/wp-content/uploads/icon12a.png) center no-repeat;
		background-size: 0.6rem auto;
	}
	.current-btn.white a i,
	.current-btn.white span i{
		background: #043d82 url(/wp-content/uploads/icon12b.png) center no-repeat;
		background-size: 0.6rem auto;
	}
	.obanner .current-btn.white a i,
	.current-btn.white.contactbtns a i{
		background: #043d82 url(/wp-content/uploads/icon29.png) center no-repeat;
		background-size: 0.75rem auto;
	}
	.obanner .current-btn.white a:hover i,
	.current-btn.white.contactbtns a:hover i{
		background: #FFFFFF url(/wp-content/uploads/icon29a.png) center no-repeat;
		background-size: 0.75rem auto;
	}
	.current-btn.grey a i,
	.current-btn.grey span i{
		background: #dadbdc url(/wp-content/uploads/icon12b.png) center no-repeat;
		background-size: 0.6rem auto;
	}
	.current-btn.ic1 a i,
	.current-btn.ic1 span i{
		background: #dadbdc url(/wp-content/uploads/icon66.png) center no-repeat;
		background-size: 0.6rem auto;
	}
	.current-btn a:hover i,
	.current-btn span:hover i,
	.productli a:hover .text .current-btn span i,
	.index_product .swiper .swiper-wrapper .swiper-slide-active .productli .text .current-btn span i,
	.current-btn.blue a i,
	.current-btn.blue span i,
	.index_new .newlist ul li:hover .current-btn.grey span i{
		background: #ffffff url(/wp-content/uploads/icon12.png) center no-repeat;
		background-size: 0.6rem auto;
	}
	.current-btn.blue span:hover i,
	.current-btn.blue a:hover i,
	.index_new .mainbox:hover .current-btn.blue a i{
		background: #043d82 url(/wp-content/uploads/icon12b.png) center no-repeat;
	    background-size: 0.6rem auto;
	}
	.product_details .current-btn.blue a i,
	.product_details .current-btn.blue span i{
		background: #ffffff url(/wp-content/uploads/icon67.png) center no-repeat;
		background-size: 0.85rem auto;
	}
	.product_details .current-btn.blue a:hover i,
	.product_details .current-btn.blue span:hover i{
		background: #043d82 url(/wp-content/uploads/icon67a.png) center no-repeat;
		background-size: 0.85rem auto;
	}
	.current-btn.ic1 a:hover i,
	.current-btn.ic1 span:hover i{
		background: #ffffff url(/wp-content/uploads/icon66.png) center no-repeat;
		background-size: 0.6rem auto;
	}
	.current-btn.grey a:hover,
	.current-btn.grey span:hover,
	.index_new .newlist ul li:hover .current-btn.grey span{
		color: #043d82;
		background: none;
	}
	.current-btn.grey a:hover i,
	.current-btn.grey span:hover i,
	.index_new .newlist ul li:hover .current-btn.grey span i{
		background: #043d82 url(/wp-content/uploads/icon12b.png) center no-repeat;
		background-size: 0.6rem auto;
	}
	.index_product .wrap .maincontainer{
		flex-wrap: wrap;
	}
	.index_product .wrap .current_title{
		width: 100%;
	}
	.index_product .wrap .classtab{
		width: 100%;
		margin-top: 2rem;
	}
	.index_product .manageBox{
		margin-top: 3.5rem;
		padding-bottom: 3rem;
	}
	.index_product .rightside{
		margin-left: 3rem;
	}
	.index_product .swiper-button-next, .index_product .swiper-button-prev{
		width: 2.7rem;
		height: 2.7rem;
	}
	.index_product .swiper-button-next{
		margin-left: 1rem;
	}
	.index_product .swiper-button-next, 
	.index_product .swiper-container-rtl .swiper-button-prev {
	    background: #043d82 url(/wp-content/uploads/icon14a.png) center no-repeat;
	    background-size: 0.8rem auto;
	}
	.index_product .swiper-button-prev, 
	.index_product .swiper-container-rtl .swiper-button-next {
	  	background: #043d82 url(/wp-content/uploads/icon13a.png) center no-repeat;
	   	background-size: 0.8rem auto;
	}
	.index_product .swiper-button-next.swiper-button-disabled{
		background: #f0f0f0 url(/wp-content/uploads/icon14.png) center no-repeat;
		background-size: 0.8rem auto;
	} 
	.index_product .swiper-button-prev.swiper-button-disabled{
		background: #f0f0f0 url(/wp-content/uploads/icon13.png) center no-repeat;
		background-size: 0.8rem auto;
	}
	.index_product .swiper-scrollbar,
	.index_product .swiper-scrollbar-drag{
		height: 0.1rem;
	}
	.breadcrumb{
		display: none;
	}
	.breadcrumb .box a, .breadcrumb .box span{
		font-size: 0.8rem;
	}
	.classtab ul li span {
	    font-size: 1rem;
	    padding-top: 1rem;
	    padding-bottom: 1rem;
	}
	.classtab ul li img{
		max-width: 1.75rem;
		margin-right: 0.7rem;
	}
	.classtab ul li span:before,
	.classtab ul li span:after{
		height: 0.1rem;
	}
	.index_product .box{
		margin-top: 1rem;
		padding-left: 5%;
	}
	.productli .text{
		padding: 2rem;
		min-height: 15.35vw;
	}
	.productli a{
		padding: 3.75rem 0 3.75rem 1.6rem;
	}
	.productli .text .t2{
		margin-top: 0.5rem;
	}
	.index_application .box{
		margin-top: 3rem;
		flex-wrap: wrap;
	}
	.index_application .box .left,
	.index_application .box .right{
		width: 100%;
	}
	.index_application .box .right .swiper-slide a:before{
		display: none;
	}
	.index_application .box .left{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.index_application .box .left .swiper ul li{
		padding-left: 2.5rem;
		min-height: 5rem;
	}
	.index_application .box .left .swiper ul li .txt{
		padding-bottom: 1.5rem;
	}
	.index_application .box .left .swiper ul li .t2{
		margin-top: 0.5rem;
	}
	.index_application .box .left .swiper:before,
	.index_application .box .left .swiper ul li:before{
		width: 0.1rem;
	}
	
	.index_about .wrap{
		position: relative;
		flex-wrap: wrap;
		padding-bottom: 5rem;
	}
	.index_about .wrap .current_title{
		width: 100%;
	}
	.index_about .wrap .current-btn{
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.index_about .wrap .textbox{
		width: 100%;
		margin-top: 2rem;
	}
	.index_about .box{
		z-index: 1;
		margin-top: 3rem;
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	.index_about .record{
		position: static;
		padding-left: 2rem;
	}
	.index_about .record ul li{
		min-width: 15rem;
		padding-top: 0.75rem;
		padding-bottom: 1.25rem;
		padding-left: 1.75rem;
		border-radius: 0.5rem;
		margin-bottom: 0.5rem;
	}
	.index_about .box .imgbox{
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.index_about .box .imgbox .swiper{
		height: 100%;
	}
	.index_about .box .imgbox .swiper .swiper-slide img{
		height: 100%;
		object-fit: cover;
	}
	.sliding_section .box ul{
		flex-wrap: wrap;
	}
	.sliding_section .box ul li,
	.sliding_section .box ul li.on{
		width: 100%;
	}
	.sliding_section .box ul li{
		display: flex;
		align-items: center;
		min-height: 22.5rem;
		padding-top: 3.2rem;
		padding-bottom: 3.2rem;
		margin-bottom: 2.5rem;
		box-sizing: border-box;
	}
	.sliding_section .box ul li:last-child{
		margin-bottom: 0;
	}
	.sliding_section .box ul li:before{
		width: 100%;
		-webkit-clip-path: none;
		clip-path: none;
		opacity: 1;
	}
	.sliding_section .box ul li .imgbox{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}
	.sliding_section .box ul li .imgbox img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.sliding_section .box ul li .textbox{
		position: relative;
		top: 0;
		-webkit-transform: none;
		transform: none;
	}
	.sliding_section .box ul li.on .textbox,
	.sliding_section .box ul li .textbox {
		width: 100%;
	    padding-left: 2.5rem;
	    padding-right: 2.5rem;
	}
	.sliding_section .box ul li .textbox .t2{
		margin-top: 1rem;
	}
	.sliding_section .box ul li .current-btn{
		position: static;
		opacity: 1;
		visibility: visible;
		margin-top: 2rem;
	}
	
	/**/
	.index_new{
		padding-top: 0;
	}
	.index_new .box {
	    margin-top: 2.5rem;
	    padding: 2.5rem;
	    border-radius: 0.5rem;
	}
	.index_new .mainbox{
		flex-wrap: wrap;
	}
	.index_new .mainbox .img{
		width: 100%;
	}
	.index_new .mainbox .img a:before{
		border: 2rem solid #ffffff;
		border-color: transparent #ffffff #ffffff transparent;
	}
	.index_new .mainbox .text{
		width: 100%;
		padding: 2.5rem 0;
	}
	.index_new .newlist{
		margin-top: 0;
	}
	.index_new .newlist ul{
		flex-wrap: wrap;
	}
	.index_new .newlist ul li {
	    width: 47%;
	    margin-right: 6%;
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	    padding-left: 2.5rem;
	    padding-right: 0;
	}
	.index_new .newlist ul li:nth-child(4n){
		margin-right: 6%;
	}
	.index_new .newlist ul li:nth-child(2n){
		margin-right: 0;
	}
	/**/
	.about .pkcell{
		height: auto;
		bottom: 2.5%;
	}
	.about .box{
		margin-top: 2rem;
	}
	.about_factory .box{
		margin-top: 2rem;
	}
	.about .box .imgbox{
		width: 100%;
	}
	.about .box .textbox{
		width: 100%;
		max-height: 100%;
		margin-top: 2.5rem;
		padding-left: 0;
		padding-right: 0;
	}
	.about .wrap{
		margin-top: 3rem;
	}
	.about .wrap ul{
		width: 54%;
	}
	.about .wrap ul li{
		padding-bottom: 1.5rem;
	}
	.about .wrap ul li .size60{
		margin-right: 0.75rem;
	}
	.about_factory .box .icon{
		width: 3rem;
	}
	.about_history{
		padding-bottom: 0;
	}
	.about_history .box{
		margin-top: 2.5rem;
	}
	.about_history .imgbox{
		position: static;
		width: 60%;
		margin-top: 4rem;
		margin-left: auto;
		margin-right: auto;
	}
	.about_history .box .maincontainer{
		height: auto;
	}
	.about_history .mySwiper2{
		width: 100%;
		height: 40vmin;
		z-index: 5;
	}
	
	.about_history .mySwiper2 .slick-list{
		max-height: 100%;
	}
	.about_history .mySwiper2 .slide{
		padding-bottom: 3rem;
	}
	.about_history .mySwiper2:before{
		left: calc(8.854166666666667vw + 0.3rem);
		top: 1rem;
		width: 0.1rem;
	}
	.about_history .mySwiper2 .slick-current:before{
	    left: 8.854166666666667vw;
	    top: 1rem;
	    width: 0.7rem;
	    height: 0.7rem;
	}
	.about_history .mySwiper2 .slick-current:after{
	    left: calc(8.854166666666667vw + 0.3rem);
	    top: 1rem;
	    width: 0.1rem;
	}
	.about_vision .box{
		flex-wrap: wrap;
	}
	.about_vision .box .textbox{
		padding: 2.5rem;
		width: 100%;
		box-sizing: border-box;
	}
	.about_vision .box .imgbox{
		width: 100%;
	}
	.general_section ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2.5rem;
	}
	.general_section ul li .textbox{
		bottom: 2.5rem;
	    width: calc(100% - 3rem);
	    padding: 2rem 8rem 2rem 2.5rem;
	}
	.general_section ul li .textbox .icon{
	    right: 2.5rem;
	    top: 2.5rem;
	    width: 3.6rem;
	    height: 3.6rem;
	    background: url(/wp-content/uploads/icon16.png) center no-repeat;
	    background-size: 0.75rem auto;
	}
	.general_section ul li:hover .textbox .icon{
		background: #043d82 url(/wp-content/uploads/icon16.png) center no-repeat;
		background-size: 0.75rem auto;
	}
	.general_section ul li .textbox .t2{
		margin-top: 0.75rem;
	}
	.Get_in_Touch .box{
		padding: 2.5rem;
	}
	.Get_in_Touch .wrap{
		margin-top: 2.5rem;
	}
	.Get_in_Touch .wrap .infor{
		width: 100%;
	}
	.Get_in_Touch .wrap .infor ul li{
		padding-top: 1.5rem;
    	margin-bottom: 1.5rem;
	}
	.Get_in_Touch .wrap .infor ul li .item{
		padding-right: 2.5rem;
	}
	.Get_in_Touch .wrap .infor ul li .item .icon{
		width: 3rem;
		height: 3rem;
		margin-right: 1rem;
	}
	.Get_in_Touch .wrap .formBox{
		width: 100%;
		margin-top: 2.5rem;
	}
	.Get_in_Touch .wrap .formBox .inputLi input{
		height: 3rem;
		padding: 0 0.9rem;
	}
	.Get_in_Touch .wrap .formBox .textareaLi textarea{
		min-height: 7.5rem;
   	 	padding: 0.9rem;
	}
	.Get_in_Touch .wrap .formBox .inputBtn{
		margin-top: 2rem;
	}
	.Get_in_Touch .wrap .formBox .inputBtn input{
		height: 3rem;
	}
	
	.downloadlist .box ul li .textbox .text{
		min-height: 3.5rem;
		margin-top: 0.5rem;
   	 	margin-bottom: 1.5rem;
	}
	
	.global .box .mapbox .locationbox ul li .level1 img{
		width: 1.3rem;
	}
	.global .box .mapbox .locationbox ul li .wrap{
		padding: 2rem;
	}
	.global .box .mapbox .locationbox ul li .wrap .place{
		padding-bottom: 1rem;
	}
	.global .box .mapbox .locationbox ul li .wrap .info dd{
		margin-bottom: 1rem;
	}
	.global .box .mapbox .locationbox ul li .wrap .info .icon{
		width: 2rem;
	    height: 2rem;
	    margin-right: 0.7rem;
	}
	.global .box .mapbox .locationbox ul li .level2{
		width: 28rem;
		bottom: 100%;
	}
	.global .box .mapbox .locationbox ul li.a1 .level2{
		left: -8rem;
		transform: none;
	}
	.global .box .mapbox .locationbox ul li.a1 .s-triangle{
		margin-left: 8rem;
	}
	.global .box .mapbox .locationbox ul li.a2 .level2{
		left: -4rem;
		transform: none;
	}
	.global .box .mapbox .locationbox ul li.a2 .s-triangle{
		margin-left: 4rem;
	}
	.global .box .mapbox .locationbox ul li.a3 .level2{
		left: auto;
		right: -8rem;
		transform: none;
	}
	.global .box .mapbox .locationbox ul li.a3 .s-triangle{
		margin-right: 8rem;
	}
	.global .box .mapbox .locationbox ul li.a1 .s-triangle,
	.global .box .mapbox .locationbox ul li.a2 .s-triangle{
	    border-width: 10px;
	    border-color: transparent transparent  #FFFFFF transparent;
	}
	.global .box .mapbox .locationbox ul li.a3 .s-triangle,
	.global .box .mapbox .locationbox ul li.a4 .s-triangle{
	    border-width: 10px;
	    border-color: #FFFFFF transparent transparent transparent;
	}
	.downloadlist .box{
		margin-top: 3rem;
	}
	.downloadlist .box ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
		padding: 2rem;
	}
	.distributor_benefits .box{
		margin-top: 3rem;
	}
	.distributor_benefits .mySwiper1:before{
		top: 2.7rem;
		width: 75%;
	}
	.distributor_benefits .mySwiper1 .swiper-slide .item .icon{
		width: 5.4rem;
		height: 5.4rem;
	}
	.distributor_benefits .mySwiper1 .swiper-slide .item .txt{
		margin-top: 0.75rem;
	}
	.distributor_benefits .mySwiper2{
		margin-top: 3rem;
	}
	.distributor_benefits .mySwiper2 .item{
		flex-wrap: wrap;
	}
	.distributor_benefits .mySwiper2 .item .textbox{
		width: 100%;
		padding: 3rem 2.5rem;
	}
	.distributor_benefits .mySwiper2 .item .imgbox{
		width: 100%;
	}
	.distributor_benefits .mySwiper2 .item .imgbox:before{
		display: none;
	}
	.distributor_benefits .mySwiper2 .item .textbox .icon{
    	margin-bottom: 0.9rem;
    }
    .distributor_benefits .mySwiper2 .item .textbox .icon img{
    	width: 2.4rem;
    }
    .distributor_benefits .mySwiper2 .item .textbox .t2{
    	margin-top: 0.5rem;
    }
    .distributor_network .box{
    	margin-top: 3rem;
    }
    .advertisement{
    	display: block;
    	padding-top: 12%;
    	padding-bottom: 6%;
    	min-height: 40rem;
    }
    .advertisement .bgbox>div{
    	background-position: right bottom 15%;
	    background-repeat: no-repeat;
	    background-size: 100% auto;
    }
    .advertisement .box .textbox{
    	padding-left: 0;
    }
    .advertisement .box .textbox .btns{
    	margin-top: 2rem;
    }
    .advertisement .box .textbox .btns a {
	    min-width: 10rem;
	    height: 3rem;
	    border-radius: 1.5rem;
	    font-size: 1rem;
	}
	.advertisement .box .imgbox{
		position: absolute;
		right: 5%;
		bottom: 25%;
	}
	.introduce .maincontainer{
		background-position: top right;
	    background-size: auto 3.6rem;
	    background-repeat: no-repeat;
	}
	.exhibition .textbox{
		padding: 2rem;
	}
	.exhibition .box .swiper .textbox{
		padding-right: 8rem;
	}
	.exhibition .swiper-pagination{
		right: 2rem;
		bottom: 2rem;
	}
	.exhibition .swiper-pagination-bullet{
		width: 0.4rem;
		height: 0.4rem;
		margin: 0 0.3rem;
	}
	.exhibition .swiper-pagination-bullet-active{
		width: 2rem;
	}
	.exhibition .wrap ul{
		margin-bottom: 3.5rem;
		margin-left: -1.8vmin;
		margin-right: -1.8vmin;
	}
	.exhibition .wrap ul li{
		margin-top: 3.6vmin;
		margin-left: 1.8vmin;
		margin-right: 1.8vmin;
	}
	.exhibition .wrap ul li.col-2{
		width: 100%;
	}
	.exhibition .wrap ul li.col-1{
		width: calc((100% - 7.2vmin) / 2);
	}
	.page-list a{
		padding: 0 0.5rem;
	    min-width: 3rem;
	    height: 3rem;
	    margin-bottom: 0.4rem;
	    margin-right: 0.75rem;
	    font-size: 0.9rem;
	}
	.page-list a.fyprev i, .page-list a.fynext i{
		width: 0.75rem;
		height: 0.75rem;
	}
	
	
	
	
	
	.product-type .item .wrap{
		width: 100%;
	}
	.retails_section .box{
		margin-top: -4rem;
	}
	.retails_section .box .maincontainer{
		padding: 2rem 1.5rem;
	}
	.retails_section .box ul li{
		margin-left: 0.75rem;
	    margin-right: 0.75rem;
	    margin-bottom: 1.5rem;
	}
	.retails_section .box ul li a{
		min-width: 6rem;
		height: 2.5rem;
    	border-radius: 1.25rem;
	}
	.retails_section .box .text{
		padding-top: 0.75rem;
	}
	.product-display .box{
		margin-top: 2.5rem;
	}
	.product-display .box ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.product-display .box ul li:nth-child(3n){
		margin-right: 4%;
	}
	.product-display .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.product-display .box ul li .icon{
		left: 1.5rem;
    	top: 1.5rem;
	}
	.product-display .box ul li .icon img{
		max-height: 1.15rem;
	}
	.product-display .box ul li .textbox {
	    margin-top: 1rem;
	    padding-bottom: 1.5rem;
    }
    .news .box .item{
    	flex-wrap: wrap;
    }
    .news .box .item .textbox{
    	width: 100%;
    	padding: 2.5rem 2rem;
    	box-sizing: border-box;
    }
    .news .box .item .textbox .t2{
    	padding-bottom: 0.75rem;
    }
    .news .box .item .imgbox{
    	width: 100%;
    }
    .news .box .item .imgbox img{
    	display: block;
    	width: 100%;
    }
    .news .box .item .imgbox:before{
    	display: none;
    }
    .news .box .swiper .swiper-pagination{
    	left: 2rem;
    	bottom: 2rem;
    }
    .news .box .swiper .swiper-pagination-bullet{
    	width: 0.4rem;
    	height: 0.4rem;
    	margin: 0 0.3rem;
    }
    .news .box .swiper .swiper-pagination-bullet-active{
    	width: 2rem;
    }
    .news .wrap ul{
    	margin-bottom: 3.5rem;
    }
    .news .wrap ul li,
    .news .wrap ul li.col-1,
    .news .wrap ul li.col-2{
    	width: 100%;
    	margin-right: 0;
    	margin-top: 1rem;
    }
    .newli .textbox{
    	padding: 2rem;
    }
    .new-detail .box{
    	padding: 2.5rem;
    }
    .new-detail .box .title{
    	padding-bottom: 0.75rem;
    }
    .new-detail .box .title h2{
    	margin-bottom: 1.25rem;
    }
    .new-detail .box .title .txt span{
    	margin-right: 2rem;
    	margin-bottom: 0.5rem;
    }
    .new-detail .box article{
    	padding: 1.75rem 0;
    }
    .new-detail .box .other{
    	display: none;
    }
    .related-news .box{
    	margin-top: 2.5rem;
    }
    .general-btn.swiper-button-next, .general-btn.swiper-button-prev{
    	width: 3.2rem;
    	height: 3.2rem;
    }
    .general-btn.swiper-button-prev, 
	.general-btn.swiper-container-rtl .swiper-button-next{
		background: #043d82 url(/wp-content/uploads/icon13a.png) center no-repeat;
		background-size: 0.8rem auto;
	}
	.general-btn.swiper-button-next, 
	.general-btn.swiper-container-rtl .swiper-button-prev{
		background: #043d82 url(/wp-content/uploads/icon14a.png) center no-repeat;
		background-size: 0.8rem auto;
	}
	.general-btn.swiper-button-next.swiper-button-disabled{
		background: #e4e9f0 url(/wp-content/uploads/icon14.png) center no-repeat;
		background-size: 0.8rem auto;
	}
	.general-btn.swiper-button-prev.swiper-button-disabled{
		background: #e4e9f0 url(/wp-content/uploads/icon13.png) center no-repeat;
		background-size: 0.8rem auto;
	}
	.related-news .swiper-button-prev{
		margin-right: 1rem;
	}
	.process .box{
		margin-top: 2.5rem;
	}
	.process .box .swiper .swiper-slide{
		padding: 2rem;
	}
	.process .box .swiper .swiper-slide:before{
		height: 100%;
	}
	.process .box .swiper .swiper-slide-active:before{
		height: 100%;
	}
	.process .box .swiper .swiper-slide .order{
		font-size: 1.6rem;
		margin-bottom: 1.5rem;
	}
	.process .box .swiper .swiper-slide .icon{
		margin-bottom: 1rem;
	}
	.process .box .swiper .swiper-slide .icon img,
	.process .box .swiper .swiper-slide-active .icon img{
		width: 2.25rem;
	}
	.process .box .swiper .swiper-slide .t1,
	.process .box .swiper .swiper-slide-active .t1{
		font-size: 1.5rem;
	}
	.process .box .swiper .swiper-slide .t2{
		-webkit-transform: translateY(0%);
	    transform: translateY(0%);
	    opacity: 1;
	    visibility: visible;
	}
	.process .box .swiper .swiper-slide-active .t2{
		margin-top: 0.75rem;
	}
	.process .box .swiper-pagination{
		left: 50%;
		right: auto;
    	bottom: 0;
    	-webkit-transform: translateX(-50%);
    	transform: translateX(-50%);
	}
	.process .box .swiper-pagination:before{
		height: 0.05rem;
	}
	.process .box .swiper-pagination-bullet{
		min-width: 1.8rem;
		margin-right: 1rem;
		font-size: 1rem;
	}
	.process .box .swiper-pagination-bullet:before{
		width: 0.6rem;
		height: 0.6rem;
	}
	.case-display .box{
		margin-top: 2.5rem;
	}
	.process .box{
		padding-left: 5%;
		padding-right: 5%;
	}
	.process .box .swiper{
		padding-bottom: 4rem;
	}
	.case-display .swiper .swiper-slide{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.case-display .swiper-button-next,
	.case-display .swiper-button-prev{
		margin-top: -1.5rem;
	}
	.case-display .swiper-button-prev, .case-display .swiper-container-rtl .swiper-button-next{
		left: 14%;
	}
	.case-display .swiper-button-next, .case-display .swiper-container-rtl .swiper-button-prev{
		right: 14%;
	}
	.case-display .swiper .swiper-slide .textbox{
		margin-top: 1rem;
	}
	.product .profile .maincontainer{
		flex-wrap: wrap;
	}
	.product .profile .current_title{
		width: 100%;
	}
	.product .profile .imgbox{
		width: 100%;
		margin-top: 2.5rem;
	}
	.product .content{
		padding-bottom: 3.5rem;
	}
	.product .content .bg{
	    width: 10rem;
	}
	.product-type .box{
		margin-top: -4rem;
    	padding-top: 4rem;
	}
	.pronav.fixed{
		top: 4rem;
	}
	.pronav ul{
		overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        justify-content: flex-start;
		flex-wrap: nowrap;
	}
	.pronav ul::-webkit-scrollbar{
	    width:0px;
	    height:0px;
	}
	.pronav ul::-webkit-scrollbar-button{
	    background-color:rgba(0,0,0,0);
	}
	.pronav ul::-webkit-scrollbar-track{
	    background-color:rgba(0,0,0,0);
	}
	.pronav ul::-webkit-scrollbar-track-piece{
	    background-color:rgba(0,0,0,0);
	}
	.pronav ul::-webkit-scrollbar-thumb{
	    background-color:rgba(0,0,0,0);
	}
	.pronav ul::-webkit-scrollbar-corner{
	    background-color:rgba(0,0,0,0);
	}
	.pronav ul::-webkit-scrollbar-resizer{
	    background-color:rgba(0,0,0,0);
	}
	.pronav ul::-webkit-scrollbar{
	    width:0px;
	    height:0px;
	}
	.pronav ul li{
		height: 3.5rem;
	    font-size: 1rem;
	    margin-left: 0;
	    margin-right: 2rem;
	}
	.pronav ul li:last-child{
		margin-right: 0rem;
	}
	.product-type .item{
		padding-top: 4rem;
		padding-bottom: 4rem;
		min-height: 35rem;
	}
	.product-type .item .textbox .t2{
		margin-top: 0.5rem;
	}
	.product-type .current-btn{
		margin-top: 2rem;
	}
	.product-type .item .swiper-slide .text{
		margin-top: 1rem;
	}
	.mainproduct .box{
		padding-top: 0;
		margin-top: 3.5rem;
	}
	.mainproduct .box .textbox{
		top: 10%;
		right: auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 90%;
	}
	.product .product-item{
		margin-top: 4%;
	}
	.product-item ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.product-item ul li:nth-child(3n){
		margin-right: 4%;
	}
	.product-item ul li:nth-child(2n){
		margin-right: 0;
	}
	.proli{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.proli .text{
		padding: 1.6rem 1rem 1.6rem 2rem;
		min-height: 15rem;
	}
	.search-results .current_title{
		padding-bottom: 1.5rem;
		margin-bottom: 2rem;
	}
	.new-item ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.new-item ul li:nth-child(3n){
		margin-right: 4%;
	}
	.new-item ul li:nth-child(2n){
		margin-right: 0;
	}
	.service-section .box{
		flex-wrap: wrap; 
	}
	.service-section .box .right{
		width: 100%;
	}
	.service-section .box .left{
		width: 100%;
		padding-top: 4rem;
		padding-bottom: 4rem;
		padding-left: 5%;
		padding-right: 4%;
	}
	.service-section .box .left .mySwiper2{
		margin-bottom: 3rem;
	}
	.service-section .box .right .swiper-slide:before{
		display: none;
	}
	.service-section .box .left .mySwiper2 ul li{
		padding-left: 2.5rem;
	}
	.service-section .box .left .mySwiper2 ul li .icon{
		margin-bottom: 0.75rem;
	}
	.service-section .box .left .mySwiper2 ul li .icon img{
		width: 3rem;
	}
	.service-section .box .left .mySwiper2 ul li .t2{
		margin-top: 0.5rem;
		padding-bottom: 0.75rem;
	}
	.contact-entrance .box{
		padding: 10% 0;
	}
	.contact-entrance .box .textbox{
		padding-left: 0;
		padding-right: 3.5%;
	}
	.mainproduct .box .textbox .t2{
		margin-top: 0.75rem;
		padding-bottom: 0.75rem;
	}
	.contact-entrance .box .textbox .btns{
		margin-top: 2.5rem;
	}
	.contact-entrance .box .textbox .btns a {
	    min-width: 13rem;
	    height: 3rem;
	    border-radius: 1.5rem;
	    padding: 0 1.5rem;
		font-size: 1rem;
	}
	.contact-entrance .imgbox{
		padding-right: 0;
	}
	.product_details .content .textbox{
		padding: 2.5rem;
	}
	.product_details .content .textbox .title{
		padding-bottom: 1.25rem;
		margin-bottom: 1rem;
	}
	.product_details .content .textbox .text{
		font-size: 1rem;
	}
	.product_details .thumbsbox .swiper{
		height: 30rem;
		padding-top: 3.3rem;
		padding-bottom: 3.3rem;
	}
	.product_details .thumbsbox .swiper-button-next, .product_details .thumbsbox .swiper-button-prev{
		width: 2rem;
		height: 2rem;
	}
	.product_features .box{
		margin-top: 2.5rem;
	}
	.product_features .box ul li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
		padding: 4rem 2rem 2rem;
	}
	.product_features .box ul li:nth-child(4n){
		margin-right: 2%;
	}
	.product_features .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.product_features .box ul li .textbox{
		margin-top: 2.25rem;
	}
	.product_features .box ul li .textbox .icon{
		margin-right: 1rem;
	}
	.product_features .box ul li .textbox .icon img{
		width: 2.7rem;
	}
	
	.specifications .box{
		margin-top: 2.5rem;
	}
	.specifications .box table th{
		padding: 0.5rem;
		font-size: 1rem;
	    height: 4rem;
	}
	.specifications .box table td{
		font-size: 0.9rem;
		padding: 0.5rem;
		height: 4.8rem;
	}
	.specifications .box .action span, .specifications .box .action a {
	    min-width: 7rem;
	    height: 2rem;
	    padding: 0 1rem;
	    border-radius: 1rem;
	    font-size: 0.7rem;
	}
	.specifications .box .action .quotebtn{
		margin-right: 0.5rem;
	}
	.specifications .current-btn{
		margin-top: 3rem;
	}
	.slide_section .box ul li .textbox{
		padding-left: 2.5rem;
		padding-right: 2rem;
	}
	.slide_section .box ul li .current-btn,
	.slide_section .box ul li .btn{
		margin-top: 2.5rem;
	}
	.slide_section .box ul li .btn a {
	    min-width: 9rem;
	    height: 2.7rem;
	    border-radius: 1.5rem;
	    padding: 0 1rem;
	}
	.slide_section .box ul li .current-btn a{
		min-width: 9rem;
	}
	.slide_section .box ul li .textbox .t2{
		margin-top: 0.75rem;
	}
	.control-process .box{
		margin-top: 2.5rem;
	}
	.control-process .box .mySwiper2 .swiper-slide{
		min-height: 40rem;
		padding-bottom: 15rem;
	}
	.control-process .box .mySwiper2 .textbox{
		margin-top: 4rem;
		padding: 3rem;
	}
	.control-process .box .mySwiper2 .textbox .subtit{
		padding-right: 3rem;
		margin-bottom: 1rem;
		padding-bottom: 1.25rem;
	}
	.control-process .box .mySwiper2 .textbox .subtit .icon img{
		max-width: 1.55rem;
	}
	.control-process .box .mySwiper2 .textbox ul li{
		margin-bottom: 1rem;
	}
	.control-process .box .mySwiper2 .textbox ul li .t1{
		margin-bottom: 0.75rem;
	}
	.control-process .box .w2{
		bottom: 3rem;
	}
	.control-process .box .mySwiper1:before{
		top: 2rem;
		width: 78%;
		height: 0.1rem;
	}
	.control-process .box .mySwiper1 .swiper-slide .item .icon{
		width: 4rem;
		height: 4rem;
	}
	.obanner.other .obanner-title .txt{
		padding-bottom: 0.75rem;
	}
	.search-box{
		padding-bottom: 3rem;
	}
	.search-box form .text{
		padding-left: 2rem;
		width: calc(100% - 5rem);
		height: 2.9rem;
	}
	.search-box form .btns{
		width: 5rem;
		height: 2.9rem;
		background: url(../images/icon64.png) center no-repeat;
		background-size: 1rem auto;
	}
	
	.SolutionIntroduction .box{
		margin-top: 2.5rem;
		flex-wrap: wrap;
	}
	.SolutionIntroduction .box .imgbox{
		width: 100%;
	}
	.SolutionIntroduction .box .imgbox:before{
		display: none;
	}
	.SolutionIntroduction .box .textbox{
		width: 100%;
		padding: 2.5rem;
	}
	.SolutionIntroduction .box .textbox .t2{
		margin-top: 1rem;
		padding-bottom: 0.75rem;
	}
	.customer-reviews .box{
		margin-top: 2.5rem;
	}
	.customer-reviews .box .swiper .swiper-slide{
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 4.5rem;
		padding-right: 4.5rem;
	}
	.customer-reviews .box .swiper .swiper-slide .item{
		padding: 2rem;
	}
	.customer-reviews .box .swiper .item .info .icon{
		width: 6.7rem;
		height: 6.7rem;
		margin-right: 1.5rem;
	}
	.customer-reviews .box .swiper .item .text .t2{
		margin-top: 0.25rem;
	}
	.customer-reviews .box .swiper .item .textbox{
		margin-top: 1.75rem;
	}
	.customer-reviews .box .swiper .item .textbox .t1{
		margin-bottom: 1rem;
		padding-bottom: 1rem;
	}
	.odmoem-section .box{
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 3rem;
		padding-bottom: 3rem;
		min-height: 27rem;
	}
	.odmoem-section .box:before{
		width: 100%;
		-webkit-clip-path: none;
		clip-path: none;
	}
	.solutionlist .item{
		margin-bottom: 1rem;
	}
	.solutionlist .item a{
		position: relative;
		z-index: 1;
		padding-top: 13%;
		padding-bottom: 13%;
	}
	.solutionlist .item .imgbox{
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
	}
	.solutionlist .item .imgbox img{
		height: 100%;
		object-fit: cover;
	}
	.solutionlist .item .textbox{
		position: static;
		transform: none;
		width: 56%;
		padding: 3rem 1.5rem 3rem 3rem;
	}
	.solutionlist .item .textbox .t2{
		margin-top: 0.75rem;
		padding-bottom: 0;
	}
	.solutionlist .item .textbox .btns{
		width: 3.6rem;
		height: 3.6rem;
		margin-top: 1.5rem;
		background: rgba(255,255,255,0.1) url(/wp-content/uploads/icon14a.png) center no-repeat;
		background-size: 0.8rem auto;
	}
	
	.other_section ul li{
		width: 48%;
		margin-right: 4%;
		min-height: 25rem;
	}
	.other_section ul li .textbox{
		padding: 3rem;
	}
	.other_section ul li .textbox .t2{
		margin-top: 1rem;
		padding-bottom: 0.75rem;
	}
	
	.support .item{
		flex-wrap: wrap;
	}
	.support .item .textbox{
		width: 100%;
		padding: 3rem;
	}
	.support .item .textbox .icon img{
		width: 1.65rem;
	}
	.support .item .textbox .text .t1{
		margin-top: 1rem;
	}
	.support .item .textbox .text .t2{
		margin-top: 0.75rem;
	}
	.support .item .imgbox:before{
		border: #FFFFFF solid 10rem;
	}
	.support .item:nth-child(odd) .imgbox:before{
		left: -17.5%;
	}
	.support .item:nth-child(even) .imgbox:before{
		right: -17.5%;
	}
	.support .substance{
		margin-top: 2rem;
	}
	.support .substance ul:before,
	.support .substance ul li:after{
		width: 0.1rem;
	}
	.support .substance ul li{
		padding-bottom: 1.25rem;
		padding-left: 1.8rem;
	}
	.support .substance ul li .ic{
		width: 2.2rem;
		height: 2.2rem;
	}
	.support .substance ul li .t1{
		margin-bottom: 0.3rem;
	}
	.support .item{
		margin-bottom: 2.5rem;
	}
	.support .item .imgbox{
		width: 100%;
	}
	.support .item:nth-child(odd) .imgbox img,
	.support .item:nth-child(even) .imgbox img{
		border-radius: 0;
	}
	.advantage .box{
		margin-top: 2.5rem;
	}
	.advantage .box .swiper{
		position: relative;
		width: 100%;
		overflow: hidden;
		padding-bottom: 3rem;
	}
	.advantage .box .swiper-pagination{
		display: block;
	}
	.advantage .box ul li{
		width: calc((40% - 14px) / 2);
	}
	.advantage .box ul li.on{
		width: 60%;
	}
	.advantage .box ul li .order{
		left: 1rem;
		top: 1.75rem;
	}
	.advantage .box ul li .textbox .icon{
		margin-bottom: 1rem;
	}
	.advantage .box ul li .textbox .icon img{
		width: 2.2rem;
	}
	.advantage .box ul li .textbox{
		padding: 1.5rem 0.5rem 1.5rem 1.5rem;
	}
	.advantage .box ul li .textbox,
	.advantage .box ul li.on .textbox{
		padding: 2rem;
	}
	.advantage .box ul li .textbox .t1{
		font-size: 1rem;
	}
	.advantage .box ul li.on .textbox .t1{
		font-size: 1.5rem;
	}
	.advantage .box ul li .textbox .t2{
		margin-top: 0.5rem;
	}
	
	.faq .box{
		margin-top: 3rem;
	}
	.faq .box .swiper{
		padding-bottom: 3rem;
	}
	.faq .swiper-pagination-bullet{
		width: 0.6rem;
		height: 0.6rem;
		margin: 0 0.3rem;
	}
	.faq .box ul li{
		padding: 2.5rem;
	}
	.faq .box ul li .t1{
		margin-bottom: 1rem;
    	padding-bottom: 1rem;
	}
	.faq .box ul li .btns{
		margin-top: 2rem;
	}
	.faq .box ul li .btns i{
		margin-right: 0.8rem;
	    width: 1.8rem;
	    height: 1.8rem;
	    background: #043d82 url(/wp-content/uploads/icon12b.png) center no-repeat;
    	background-size: 0.6rem auto;
	}
	.faq .box ul li .btns.show i {
	    background: #043d82 url(/wp-content/uploads/icon12c.png) center no-repeat;
	    background-size: 0.6rem auto;
	}
	
}
@media screen and (max-width: 992px){
	.footer .footnav .item{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;
	}
	.footer .footnav .subtit{
		display: flex;
		align-items: center;
		font-size: 1.35rem;
		height: 4rem;
		border-bottom: rgba(0,0,0,0.1) solid 1px;
	}
	.footer .footnav .subtit i{
		display: block;
		right: -0.625rem;
		width: 4rem;
    	height: 4rem;
	}
	.footer .footnav .item ul{
		display: none;
	}
	.footer .footnav .item ul li{
		margin-bottom: 0.5rem;
	}
	.footer .footnav ul li a{
		font-size: 1rem;
	}
	.footer .footnav .newsletter{
		width: 100%;
		margin-top: 1.5rem;
		margin-bottom: 2.5rem;
	}
	.footer .footnav .newsletter form{
		margin-top: 1rem;
	}
	.footer .footnav .newsletter .subtit{
		border-bottom: none;
		height: auto;
	}
	.footer .footnav .newsletter .text,
	.footer .footnav .newsletter .btns{
		font-size: 1rem;
	}
	.footer .footnav .newsletter .btns{
		height: 2.925rem;
	}
	.footer .footnav .newsletter .check{
		margin-top: 0.625rem;
		font-size: 1rem;
	}
	.footer .footnav .newsletter .check input{
		width: 0.875rem;
		height: 0.875rem;
		margin-right: 0.5rem;
	}
	.footer .footnav .newsletter .text{
		height: 2.925rem;
	}
	.footer .footsearch{
		flex: 1;
		padding: 0 1.5rem;
	}
	.footer .footsearch .text{
		width: calc(100% - 1.875rem);
	    line-height: 2.8rem;
	    font-size: 1rem;
	}
	.footer .footsearch .btns{
		width: 1.875rem;
		height: 2.8rem;
	}
	.footer .footsearch .btns img{
		width: 1rem;
	}
	.footer .footnation .current{
		width: 10rem;
	    height: 2.925rem;
	    padding-right: 1rem;
	    padding-left: 3.2rem;
	    background: url(/wp-content/uploads/langicon.png) left 1.3rem center no-repeat;
	    background-size: 1.25rem auto;
	    font-size: 1rem;
	    border-radius: 1.875rem;
	}
	.footer .footshare ul li{
		margin-right: 1.388888888888889rem;
	}
	.footer .footshare ul li a{
		width: 3.6rem;
		height: 3.6rem;
	}
	.footer .footshare ul li a img{
		max-width: 36%;
	}
	.footer .copyright, .footer .copyright a{
		font-size: 1rem;
	}
	
	.product-type .swiper-button-prev, .product-type .swiper-container-rtl .swiper-button-next{
		left: 13%;
	}
	.product-type .swiper-button-next, .product-type .swiper-container-rtl .swiper-button-prev{
		right: 13%;
	}
	
	
}
@media screen and (max-width: 768px){
	html{
		font-size: 15px;
	}
	.mpic{
		display: block;
	}
	.pic{
		display: none;
	}
	.bannerText{
		left: 50%;
	    top: 7rem;
	    -webkit-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	.m-nav>ul>li>a,
	.m-nav>ul>li>.headtitle{
		font-size: 18px;
	    padding: 16px 0px;
	}
	.m-nav ul li ul li .headtitle,
	.m-nav>ul>li>ul>li>a{
		font-size: 16px;
	    padding: 8px 0px;
	}
	.m-nav ul li ul li ul li a{
		font-size: 14px;
	}
	
	
	.about_history .mySwiper2{
		height: 50vmin;
	}
	
	.global .box .mapbox .locationbox ul li .sp{
		font-size: 0.8rem;
	}
	.global .box .mapbox .locationbox ul li .level1 img{
		width: 1.3rem;
	}
	.downloadlist .box{
		margin-top: 2.5rem;
	}
	.downloadlist .box ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
		padding: 2rem;
	}
	.downloadlist .box ul li .imgbox{
		width: 20%;
	}
	.downloadlist .box ul li .textbox .icon img{
		max-width: 1.9rem;
	}
	.downloadlist .box ul li .textbox .text{
		min-height: 1px;
	}
	.distributor_benefits .mySwiper1:before{
		top: 2.25rem;
	}
	.distributor_benefits .mySwiper1 .swiper-slide .item .icon {
        width: 4.5rem;
        height: 4.5rem;
    }
    
    .retails_section .box{
		margin-top: -3.2rem;
	}
	.retails_section .box ul li{
		margin-left: 0.5rem;
	    margin-right: 0.5rem;
	    margin-bottom: 1rem;
	}
	.retails_section .box ul li a{
		min-width: 6rem;
		height: 2.2rem;
    	border-radius: 1.1rem;
	}
	.product .product-item{
		margin-top: 2.5rem;
	}
	.product-item ul li{
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 2.5rem;
	}
	.proli{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.new-item ul li{
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 2.5rem;
	}
	.new-item ul li:last-child{
		margin-bottom: 0;
	}
	.product_details{
		padding-top: 1rem;
		padding-bottom: 3.5rem;
	}
	.product_details .content{
		padding-left: 5%;
		padding-right: 5%;
		flex-wrap: wrap;
	}
	.product_details .content .left{
		flex-wrap: wrap;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.product_details .content .right{
		margin-top: 3rem;
		width: 100%;
	}
	.product_details .largebox{
		width: 100%;
	}
	.product_details .thumbsbox{
		margin-top: 1rem;
		width: 100%;
	}
	.product_details .thumbsbox .swiper{
		max-width: 100%;
		height: auto;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.product_details .thumbsbox .swiper>.swiper-wrapper{
		flex-direction: row;
	}
	.product_details .thumbsbox .swiper-button-next, 
	.product_details .thumbsbox .swiper-button-prev{
		top: 50%;
		-webkit-transform: translateY(-50%) rotate(-90deg);
		transform: translateY(-50%) rotate(-90deg);
	}
	.product_details .thumbsbox .swiper-button-prev, 
	.product_details .thumbsbox .swiper-container-rtl .swiper-button-next{
		left: 0;
	}
	.product_details .thumbsbox .swiper-button-next, 
	.product_details .thumbsbox .swiper-container-rtl .swiper-button-prev{
		bottom: auto;
		right: 0;
		left: auto;
	}
	.product_details .content .textbox{
		padding: 2rem;
	}
	.product_details .content .textbox .text{
		padding-bottom: 1rem;
	}
	.slide_section .box ul li.a1,
	.slide_section .box ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
		padding-top: 10%;
		padding-bottom: 10%;
	}
	.slide_section .box ul li:last-child{
		margin-bottom: 0 !important;
	}
	.slide_section .box ul li .textbox{
		position: static;
		-webkit-transform: none;
		transform: none;
	}
	.slide_section .box ul li .imgbox{
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.slide_section .box ul li .imgbox img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.slide_section .box ul li .current-btn, .slide_section .box ul li .btn{
		margin-top: 2rem;
	}
	.specifications .box{
		width: 100%;
		overflow-x: auto;
	}
	.specifications .box table{
		min-width: 650px;
	}
	.specifications .box table th{
		height: 3.2rem;
	}
	.specifications .box table td{
		height: 4.2rem;
	}
	.control-process .box .mySwiper2 .textbox{
		max-width: 90%;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding: 3rem 2.5rem;
	}
	.control-process .box .mySwiper1:before{
		top: 1.6rem;
		width: 70%;
	}
	.control-process .box .mySwiper1 .swiper-slide .item .icon{
		width: 3.2rem;
		height: 3.2rem;
	}
	.control-process .box .mySwiper1 .swiper-slide .item{
		padding: 0 0.5rem;
	}
	.customer-reviews .box .swiper .swiper-slide{
		padding-left: 6rem;
		padding-right: 6rem;
	}
	.customer-reviews .swiper-button-prev, 
	.customer-reviews .swiper-container-rtl .swiper-button-next{
		left: 2%;
	}
	.customer-reviews .swiper-button-next, 
	.customer-reviews .swiper-container-rtl .swiper-button-prev{
		right: 2%;
	}
	.other_section ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.other_section ul li:last-child{
		margin-bottom: 0;
	}
	.other_section ul li .textbox{
		padding: 2.5rem;
	}
	
	.support .item .textbox{
		padding: 2.5rem;
	}
	.support .item:nth-child(odd) .imgbox:before{
		left: -22%;
	}
	.support .item:nth-child(even) .imgbox:before{
		right: -22%;
	}
	.advantage .box ul li .imgbox img{
		opacity: 1;
	}
	.advantage .box ul li .textbox{
		min-height: 7.5rem;
	}
	.advantage .box ul li .textbox .icon img{
		opacity: 1;
	}
	.advantage .box ul li .textbox .t1{
		font-family: "BeVietnam-Bold";
		color: #043d82;
		font-size: 1.5rem;
	}
	.advantage .box ul li .textbox .t2{
		max-height: 100%;
		opacity: 1;
	}
	.advantage .box ul li .order{
		opacity: 0;
	}
	.about_history .mySwiper2 .slide{
		min-height: 5rem;
		padding-bottom: 1rem;
		box-sizing: border-box;
	}
	.about_history .mySwiper2 .text{
		font-size: 1.3rem;
	}
	.about_history .mySwiper2:before{
		top: 0.7rem;
	}
	.about_history .mySwiper2 .slick-current:before{
	    top: 0.7rem;
	}
	.about_history .mySwiper2 .slick-current:after{
	    top: 0.7rem;
	}
}
@media screen and (max-width: 640px){
	html{
		font-size: 14px;
	}
	.header .logo a{
		height: 60px;
	}
	.header .logo a img{
		max-height: 42px;
	}
	.menubtn{
		height: 60px;
		background: url(/wp-content/uploads/menu-icon1.png) center right no-repeat;
		background-size: 25px 25px;
	}
	.menubtn.on {
		background: url(/wp-content/uploads/menu-icon2.png) center right no-repeat;
		background-size: 25px 25px;
	}
	.m-nav{
		top: 60px;
		height: calc(100vh - 60px);
	}
	/**/
	.footer .copyright{
		display: block;
		text-align: center;
	}
	.footer .copyright span,
	.footer .copyright a{
		display: inline;
	}
	.footer .copyright .support{
		margin-left: 0.8rem;
	}
	.obanner{
		padding-top: 3.5rem;
		padding-bottom: 3.5rem;
	}
	.obanner>img{
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.obanner-title{
		position: static;
		-webkit-transform: none;
		transform: none;
	}
	.obanner-title .box{
		padding: 1.6rem;
	}
	
	.columntext ul li{
		width: 48%;
		margin-right: 4%;
	}
	.columntext ul li:nth-child(2n){
		margin-right: 0;
	}
	.downward{
		margin-bottom: 0.5rem;
	}
	.bannerText{
		top: 6rem;
	}
	.maincontent{
		padding-top: 60px;
	}
	.maincontainer{
		width: 90%;
	}
	.classtab ul li{
		width: 48%;
	}
	.classtab ul li:nth-child(3n){
		margin-right: 4%;
	}
	.classtab ul li:nth-child(2n){
		margin-right: 0;
	}
	.index_product .box{
		padding-left: 5%;
		padding-right: 5%;
	}
	.index_product .swiper{
		overflow: hidden;
	}
	.index_product .manageBox{
		width: 100%;
	}
	.index_application .box .left {
        padding: 3rem 2rem;
    }
	.index_application .box .left .swiper ul li{
		padding-left: 2rem;
	}
	.index_new{
		position: relative;
		padding-bottom: 10rem;
	}
	.index_new .wrap{
		flex-wrap: wrap;
	}
	.index_new .wrap .current_title{
		width: 100%;
	}
	.index_new .wrap .current-btn{
		position: absolute;
		bottom: 4rem;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.index_new .newlist ul li{
		width: 100%;
		margin-right: 0 !important;
	}
	.about .pkcell{
		max-width: 80%;
		width: 80%;
		bottom: -2%;
	}
	.about .wrap ul{
		width: 100%;
	}
	.about_history .mySwiper2 .swiper-slide{
		min-height: 1px;
	}
	
	.about_vision .box .textbox{
		padding: 2rem 2rem 3rem;
	}
	.about_vision .box .textbox .t2{
		margin-top: 0.75rem;
	}
	.general_section ul li .textbox{
		padding: 1.5rem 5.4rem 1.6rem 2rem;
	}
	.general_section ul li .textbox .icon{
	    right: 1.5rem;
	    top: 2rem;
	    width: 3rem;
	    height: 3rem;
	}
	.Get_in_Touch .wrap .infor ul li{
		display: block;
	}
	.Get_in_Touch .wrap .infor ul li .item{
		padding-right: 0;
		padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
        border-bottom: #e5ebf2 solid 1px;
	}
	.Get_in_Touch .wrap .infor ul li .item:last-child{
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	.Get_in_Touch .wrap .formBox .inputLi{
		width: 100%;
		margin-right: 0;
	}
	
	.size30{
		font-size: 1.3rem;
	}
	.about_history .box{
		margin-top: 1.5rem;
	}
	.about_history .mySwiper2:after{
		top: 0.6rem;
		left: 4.5rem;
	}
	.about_history .box .maincontainer:after{
		left: 4.8rem;
	}
	.about_history .mySwiper2 .swiper-slide-active .text:after{
		top: 0.6rem;
		height: 200%;
	}
	.about_history .mySwiper2:before{
		left: 0.35rem;
		top: 0.5rem;
	}
	.about_history .mySwiper2 .slide{
		flex-wrap: wrap;
		padding-left: 1.6rem;
		min-height: 4rem;
		padding-bottom: 0.2rem;
	}
	.about_history .mySwiper2 .slick-current:before{
		top: 0.5rem;
	    left: 0rem;
	}
	.about_history .mySwiper2 .slick-current:after{
		top: 0.5rem;
	    left: 0.3rem;
	}
	
	.about_history .mySwiper2 .year{
		text-align: left;
		width: 100%;
		font-size: 1rem;
	}
	.about_history .mySwiper2 .text{
		padding-left: 0;
		width: 100%;
		font-size: 1.2rem;
	}
	.general_section ul li a{
		position: relative;
		padding-top: 15rem;
		padding-bottom: 2rem;
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}
	.general_section ul li .imgbox{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.general_section ul li .imgbox img{
		height: 100%;
		object-fit: cover;
	}
	.general_section ul li .textbox{
		position: static;
		transform: none;
		width: calc(100% - 4rem);
	}
	
	/**/
	.global .box .mapbox .locationbox ul li .wrap{
		padding: 1.6rem;
	}
	.global .box .mapbox .locationbox ul li .s-triangle{
		border-width: 0.6rem;
    	border-color: #FFFFFF transparent transparent transparent;
	}
	.global .box .mapbox .locationbox ul li.a4 .level2{
		left: -6rem;
		transform: none;
	}
	.global .box .mapbox .locationbox ul li.a4 .s-triangle{
		margin-left: 6rem;
	}
	.introduce .maincontainer{
		background-position: top right;
	    background-size: auto 3rem;
	    background-repeat: no-repeat;
	}
	.distributor_benefits .mySwiper2{
		margin-top: 2rem;
	}
	
	/**/
	.retails_section .box .maincontainer{
		padding: 2rem 1rem;
	}
	.retails_section .box ul li a {
        min-width: 5rem;
        height: 2rem;
        border-radius: 1rem;
    }
    .product-display .box ul li{
    	width: 100%;
    	margin-right: 0;
    	margin-bottom: 2rem;
    }
    .product-display .box ul li:last-child{
    	margin-bottom: 0;
    }
    .new-detail .box{
    	padding: 2rem;
    }
    .general-btn.swiper-button-next, .general-btn.swiper-button-prev{
    	width: 2.8rem;
    	height: 2.8rem;
    }
    .general-btn.swiper-button-prev, 
	.general-btn.swiper-container-rtl .swiper-button-next{
		background: #043d82 url(/wp-content/uploads/icon13a.png) center no-repeat;
		background-size: 0.7rem auto;
	}
	.general-btn.swiper-button-next, 
	.general-btn.swiper-container-rtl .swiper-button-prev{
		background: #043d82 url(/wp-content/uploads/icon14a.png) center no-repeat;
		background-size: 0.7rem auto;
	}
	.general-btn.swiper-button-next.swiper-button-disabled{
		background: #e4e9f0 url(/wp-content/uploads/icon14.png) center no-repeat;
		background-size: 0.7rem auto;
	}
	.general-btn.swiper-button-prev.swiper-button-disabled{
		background: #e4e9f0 url(/wp-content/uploads/icon13.png) center no-repeat;
		background-size: 0.7rem auto;
	}
	.process .box{
		margin-top: 2rem;
	}
	.process .box .swiper .swiper-slide{
		padding: 1.6rem;
	}
	.process .box .swiper .swiper-slide .icon img, .process .box .swiper .swiper-slide-active .icon img{
		width: 2rem;
	}
	.case-display .box{
		margin-top: 2rem;
		padding-left: 3%;
		padding-right: 3%;
		box-sizing: border-box;
	}
	.case-display .swiper-button-prev, .case-display .swiper-container-rtl .swiper-button-next{
		left: 0%;
	}
	.case-display .swiper-button-next, .case-display .swiper-container-rtl .swiper-button-prev{
		right: 0%;
	}
	.product-type .box {
	    margin-top: -60px;
	    padding-top: 60px;
	}
	.product-type .item .swiper{
		margin-top: 2.5rem;
	}
	.product-type .swiper-button-prev, .product-type .swiper-container-rtl .swiper-button-next{
		left: 0%;
	}
	.product-type .swiper-button-next, .product-type .swiper-container-rtl .swiper-button-prev{
		right: 0%;
	}
	
	.service-section .box .left{
		padding: 3rem 2rem;
	}
	.service-section .box .left .mySwiper2 ul li{
		padding-left: 2rem;
	}
	.product_features .box ul li{
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 2rem;
	}
	.product_features .box ul li:last-child{
		margin-bottom: 0;
	}
	.slide_section .box ul li .textbox{
		padding-left: 1.6rem;
		padding-right: 1.6rem;
	}
	.customer-reviews .box .swiper .swiper-slide{
		padding-left: 12%;
		padding-right: 12%;
	}
	.SolutionIntroduction .box .textbox{
		padding: 2rem;
	}
	.solutionlist .item .textbox{
		width: 90%;
		padding: 2rem 1.5rem 2rem 2rem;
		margin-left: auto;
		margin-right: auto;
	}
	.solutionlist .item .textbox .btns{
		width: 3.2rem;
		height: 3.2rem;
	}
	.other_section ul li .textbox{
		padding: 2rem;
	}
	.support .item .textbox{
		padding: 2rem;
	}
	.support .item .imgbox:before{
		border: #FFFFFF solid 22vmin;
	}
	.support .item:nth-child(odd) .imgbox:before{
		left: -24%;
	}
	.support .item:nth-child(even) .imgbox:before{
		right: -24%;
	}
	.support .substance ul li .ic{
		width: 2rem;
		height: 2rem;
	}
	.pronav.fixed{
		top: 60px;
	}
	.productli a{
		padding: 3rem 0;
	}
	.productli .text{
		min-height: 1px;
	}
	.advertisement{
		padding-top: 4rem;
		min-height: 32rem;
	}
	.advertisement .box .textbox{
		width: 100%;
	}
	.about_history .mySwiper2{
		height: 52vmin;
	}
	.exhibition .wrap ul{
		margin-left: 0;
		margin-right: 0;
	}
	.exhibition .wrap ul li{
		margin-top: 2rem;
		margin-left: 0;
		margin-right: 0;
	}
	.exhibition .wrap ul li.col-2{
		width: 100%;
	}
	.exhibition .wrap ul li.col-1{
		width: 100%;
	}
}
@media screen and (max-width: 540px){
	.support .item:nth-child(odd) .imgbox:before{
		left: -24%;
	}
	.support .item:nth-child(even) .imgbox:before{
		right: -24%;
	}
}
@media screen and (max-width: 480px){
	.size32{
		font-size: 1.5rem;
	}
	.size42{
		font-size: 1.8rem;
	}
	.size60{
		font-size: 1.8rem;
	}
	.padt110{
		padding-top: 4rem;
	}
	.padb100{
		padding-bottom: 4rem;
	}
	.footer .footshare ul li{
		margin-right: 1rem;
	}
	.footer .footshare ul li a{
		width: 3.2rem;
		height: 3.2rem;
	}
	.bannerText{
		top: 4rem;
	}
	.sliding_section .box ul li{
		margin-bottom: 2rem;
	}
	.sliding_section .box ul li.on .textbox, .sliding_section .box ul li .textbox{
		padding-left: 1.6rem;
		padding-right: 1.6rem;
	}
	.index_about .box{
		padding-top: 3.5rem;
        padding-bottom: 3.5rem;
	}
	.index_about .record{
		padding-left: 1.6rem;
	}
	.index_product .manageBox {
        margin-top: 2.5rem;
        padding-bottom: 2rem;
    }
	.index_product .rightside{
		margin-left: 2rem;
	}
	.index_application .box{
    	margin-top: 2rem;
    }
	.index_application .box .left {
        padding: 2rem 1.6rem;
    }
    .index_application .box .left .swiper ul li{
    	padding-left: 1.6rem;
    }
    .index_application .box .left .swiper ul li .txt{
    	padding-bottom: 1rem;
    }
	.index_new .box {
		margin-top: 2rem;
        padding: 1.6rem;
    }
    .index_new .mainbox .img a:before {
        border: 1.5rem solid #ffffff;
        border-color: transparent #ffffff #ffffff transparent;
    }
    .index_new .mainbox .text{
    	padding: 1.5rem 0;
    }
    .index_new .newlist ul li{
    	padding-left: 1.6rem;
    }
    .general_section ul li .textbox{
		padding: 1.5rem 4em 1.5rem 1.5rem;
	}
	.general_section ul li .textbox .icon {
        right: 1rem;
        top: 1.5rem;
        width: 2.4rem;
        height: 2.4rem;
    }
    .about_vision .box .textbox .t2{
    	font-size: 1.1rem;
    }
    .Get_in_Touch .box{
    	padding: 2.5rem 1.6rem;
    }
    
    .global .box .mapbox .locationbox ul li .level2{
    	width: 84vmin;
    }
    .global .box .mapbox .locationbox ul li.a1 .level2{
		left: -14vmin;
	}
	.global .box .mapbox .locationbox ul li.a1 .s-triangle{
		margin-left: 14vmin;
	}
	.global .box .mapbox .locationbox ul li.a2 .level2{
		left: -14vmin;
	}
	.global .box .mapbox .locationbox ul li.a2 .s-triangle{
		margin-left: 14vmin;
	}
	.global .box .mapbox .locationbox ul li.a3 .level2{
		right: -14vmin;
	}
	.global .box .mapbox .locationbox ul li.a3 .s-triangle{
		margin-right: 14vmin;
	}
	.global .box .mapbox .locationbox ul li.a4 .level2{
		left: -22vmin;
	}
	.global .box .mapbox .locationbox ul li.a4 .s-triangle{
		margin-left: 22vmin;
	}
	
	.advertisement .box .textbox .btns a{
		min-width: 10rem;
        height: 2.8rem;
        border-radius: 1.4rem;
        font-size: 0.9rem;
	}
	.distributor_benefits .mySwiper2 .item .textbox{
		padding: 2rem 1.6rem;
	}
	.distributor_benefits .mySwiper2 .item .textbox .icon img{
		width: 2rem;
	}
	
	.retails_section .box {
        margin-top: -2.2rem;
    }
    
    .news .box .item .textbox{
    	padding: 2rem 1.6rem;
    }
    .productli .text{
    	padding: 1.6rem;
    }
    .newli .textbox{
    	padding: 1.6rem;
    }
    .new-detail .box{
    	padding: 1.6rem;
    }
    .related-news .box{
    	margin-top: 2rem;
    }
    .general-btn.swiper-button-next, .general-btn.swiper-button-prev{
    	width: 2.5rem;
    	height: 2.5rem;
    }
    .process .box .swiper-pagination-bullet{
    	margin-right: 0.6rem;
    }
	.mainproduct .box{
		margin-top: 2.5rem;
	}
	.mainproduct .box .textbox{
		top: 2.5rem;
	}
	.service-section .box .left{
		padding: 2rem 1.6rem;
	}
	.service-section .box .left .mySwiper2{
		margin-bottom: 2.5rem;
	}
	.service-section .box .left .mySwiper2 ul li{
		padding-left: 1.6rem;
	}
	.product .product-item{
		margin-top: 2rem;
	}
	.product-item ul li{
		margin-bottom: 2rem;
	}
	.contact-entrance .box{
		padding: 14% 0;
	}
	.slide_section .box ul li.a1, .slide_section .box ul li{
		padding-top: 12%;
		padding-bottom: 12%;
	}
	.control-process .box .mySwiper2 .textbox{
		padding: 2rem 1.6rem;
		margin-top: 3rem;
	}
	.search-box form .text{
		padding-left: 1.6rem;
		width: calc(100% - 4rem);
	}
	.search-box form .btns{
		width: 4rem;
		background: url(../images/icon64.png) center no-repeat;
		background-size: 1rem auto;
	}
	.customer-reviews .box .swiper .swiper-slide .item{
		padding: 1.6rem;
	}
	.SolutionIntroduction .box .textbox{
		padding: 1.6rem;
	}
	.solutionlist .item .textbox{
		padding: 2rem 1rem 2rem 1.6rem;
	}
	.solutionlist .item .textbox .btns{
		width: 2.8rem;
		height: 2.8rem;
	}
	.other_section ul li .textbox{
		padding: 1.6rem;
	}
	
	.support .item .textbox{
		padding: 1.6rem;
	}
	.general_section ul li a{
		padding-top: 12rem;
	}
	.support .item{
		margin-bottom: 2rem;
	}
	.advantage .box ul li .textbox,
	.advantage .box ul li.on .textbox{
		padding: 1.6rem;
	}
	.exhibition .textbox{
		padding: 1.6rem;
	}
	.exhibition .box .swiper .textbox {
        padding-right: 6.4rem;
    }
    .exhibition .swiper-pagination {
        right: 1.5rem;
        bottom: 1.5rem;
    }
	.exhibition .swiper-pagination-bullet{
		width: 0.3rem;
		height: 0.3rem;
		margin: 0 0.25rem;
	}
	.exhibition .swiper-pagination-bullet-active{
		width: 1.6rem;
	}
	
	.advertisement .box .imgbox{
		width: 50%;
		bottom: 21%;
	}
	.product .content .bg{
	    width: 8rem;
	}
	.about .pkcell{
		bottom: 0;
	}
	.about_history .mySwiper2{
		height: 64vmin;
	}
	.support .substance ul li{
		padding-left: 1.5rem;
	}
}