@import url(besscolor.css);

HTML,body,div,section,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,textarea,input{
	border:none;
}
html,body{height:100%;width:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}input{-webkit-appearance:none;appearance:none;margin:0;outline:none;padding:0}input[type=submit],input[type=button]{cursor:pointer}button[disabled],input[disabled]{cursor:not-allowed}img{border:none}img[src=""],img:not([src]){opacity:0;display: none;}ul,ol,li{list-style-type:none;padding:0;margin:0}i{font-style:normal}a{text-decoration:none;color:inherit}*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}/*!
* Name    : WYSIWYG style
* Created : 2021-12-27
* Updated : 2021-12-27
* Author  : lzx
.content-container dd,.content-container dl,.content-container figure,.content-container h1,.content-container h2,.content-container h3,.content-container h4,.content-container h5,.content-container h6,.content-container p,.content-container td,.content-container th{margin:0;padding:0;border:0}.content-container li,.content-container ol,.content-container ul{margin:0;padding:0;list-style-type:none}.content-container ul{list-style-type:disc;padding-left:40px}.content-container ol{list-style-type:decimal}.content-container li{list-style-type:disc}.content-container img{max-width:100%;height:auto;border:0;vertical-align:middle}.content-container table{border-collapse:collapse;border-spacing:0}.content-container a{color:inherit;outline:none;text-decoration:none;background:transparent}.content-container a,.content-container em,.content-container i,.content-container span{display:inline-block}.content-container b,.content-container em,.content-container i{font-style:normal}.content-container h1,.content-container h2,.content-container h3,.content-container h4,.content-container h5,.content-container h6{font-weight:normal;font-size:16px}.content-container button,.content-container input,.content-container optgroup,.content-container select,.content-container textarea{outline:0;border:0;vertical-align:middle;padding:0}.content-container button,.content-container html input[type=button],.content-container input[type=reset],.content-container input[type=submit],.content-container input[type=text]{outline:0;border:0;border-radius:0;cursor:pointer;-webkit-appearance:button;background:#fff}.content-container textarea{resize:none;font-size:14px}.content-container textarea,.content-container .select{appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none}.content-container .nei-table{width:100%;overflow:auto}.content-container .nei-table table{border-collapse:collapse;border-spacing:0}.content-container .nei-table table,.content-container .nei-table table th,.content-container .nei-table table td{border:1px solid #666}.content-container .nei-table table th,.content-container .nei-table table td{padding:4px 10px;word-break:keep-all !important}.content-container iframe,.content-container embed{display:block;max-width:100%}
*/



html {font-size: 16px;color: var(--Fcolor);
font-family: var(--font-body);

}
h1,h2,h3{
	    font-family: var(--font-title)
}
@media only screen and (max-width: 1900px){
    html {font-size: 18px;}
}
@media only screen and (max-width: 1200px){
     html {font-size: 16px;}
}


.wd1600{max-width: 1440px;  margin: 0 auto; width: 94%;position: relative;}
a, article, aside, audio, b, body, canvas, caption, dd, details, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, img, label, li, menu, nav, ol, p, pre, q, s, samp, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; vertical-align: baseline;}
.zoom-in:hover{transform: scale(1.1);}
.zoom-in {-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;-o-transition: transform ease .3s; transition: transform .3s ease;transition: transform .3s ease,-webkit-transform .3s ease; -ms-transition: -ms-transform ease .3s; -moz-transition: -moz-transform ease .3s;-o-transition: -o-transform ease .3s;}

div, input, button { outline: none;}
button, html [type=button], [type=reset], [type=submit] { cursor: pointer; -webkit-appearance: button;}
textarea:focus-visible{
	    outline: none;
}
/* head */
.header {position: fixed;display: block;
    top: 0;
    left: 0;
    z-index: 999; background: linear-gradient(to top, #00000000, #0000008f);width: 100%;
	}
.header .header-wrap{top: 0; left: 0; right: 0; z-index: 999;  -webkit-transition: all .5s ease; transition: all .5s ease;    border-bottom: 1px solid #ffffff45;}
.header .header-content { display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;position: initial;transition: all 0.3s ease;}
.header .header-left{display: flex;align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;}
.header .header-center{
	display: flex;
	    width: 100%;
	    justify-content: flex-start;
	}
.header .header-right{
	display: flex;
	    align-items: center;
	    width: 80%;
	    justify-content: flex-end;
}
.header .header-right .btn{
	bottom: 0px;
	border-radius:4px;
	transition: all 0.3s ease;
	border: none;
}
.header .header-right .btn:hover{
	background: var(--Hcolor);
	
}
.header .header-logo a { display:block;}
.header .header-logo h1 { text-indent: -9999px; height: 0; }
.header .header-logo img { display: block;
    max-height: 80px;max-width: 280px;}
.header .header-nav {}
.header .header-nav > ul { display: flex; flex-wrap: nowrap;    gap: 32px;
    width: max-content;}
.header .header-nav > ul > li {
	position: relative;
	    display: inline-block;
	    text-align: center;
		padding: 24px 0;
}
.header .header-nav > ul > li.nav-li img{display: none;opacity: 0;z-index: -1000;}
.header.scrolled .header-nav > ul > li{box-shadow: none;}
.header .header-nav > ul > li .active{
	position: absolute;
	    top: 100%;
	    left: 0%;
	   
	    opacity: 0; 
	    pointer-events: none;
	    width: 250px;
	    background-color: #fff;
	    z-index: 10;
		    box-shadow: 0px 0px 6px #00000036;
		text-transform: capitalize;
		}

.header .header-nav > ul > li:hover .active{
	/* transform: translateX(-50%) translateY(0); */
	    opacity: 1; 
	    pointer-events: auto; 
		  }


.header .header-nav > ul > li:hover .active.promenu{
	position: absolute;
	    left: 0;
	    width: 820px;
	    display: flex;
	    flex-wrap: wrap;
		justify-content: flex-start;
	   
}
.header .header-nav > ul > li .active.promenu li{
	    width: 71px;
	    height: auto;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin: 10px 15px;
		
}
.header .header-nav > ul > li .active.promenu li a{
	display: flex;
	justify-content: center;
	    text-align: center;
	align-items: center;
	flex-wrap: wrap;
	font-size: 14px;
}
.header .header-nav > ul > li .active.promenu li a img{
	width: 64px;
}
.header .header-nav > ul > li .active.promenu li a p{
	word-break: keep-all;
}
.header .header-nav > ul > li li{font-size: 14px;  white-space: nowrap; text-overflow: ellipsis; position: relative;}
.header .header-nav > ul > li ul li{
	/* border-bottom: 1px solid rgba(232, 232, 232, 1); */
}
.header .header-nav > ul > li ul li.arrow{
	position: relative;
}
.header .header-nav > ul > li ul li.arrow::after{
	content: "";
	    display: block;
	    width: 14px;
	    height: 20px;
	    background: url(../images/arrow-right.png) no-repeat center;
	    background-size: 100%;
	    position: absolute;
	    right: 12px;
	    top: 13px;
	
}
.header .header-nav > ul > li ul li:hover a{
	color: var(--BtnBg);
	text-decoration: underline;
	   background: #F6F7F8;
}
.header .header-nav > ul > li ul li:last-child{
	
}
.header .header-nav > ul > li ul li:hover .sub-ul{
	display: block;
}
.header .header-nav > ul > li li a{
	padding: 16px 14px;
	    display: flex;
	    border-radius: 0px;
	    text-align: left;
	    word-break: break-word;
	    white-space: break-spaces;
	    font-size: 16px;
	    transition: all 0.3s ease;
	    width: 100%;
	    color: #222;
	    font-weight: 600;
}
.header .header-nav > ul > li li:hover a{
	color: var(--Bcolor);
}
.header .header-nav > ul > li > a {transition: all .5s ease;position: relative; display: flex; align-items: center; position: relative; text-align: center; font-size: 18px;text-transform: capitalize;padding: 4px 0px;webkit-transition: color 0.5s;  transition: color 0.5s;  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);color:#fff;font-weight: bold;}
.header .header-nav > ul > li > a > i { display: block; position: absolute; top: 50%; margin-top: -5px; right: 6px; width: 6px; height: 6px; border-bottom: 1px solid; border-right: 1px solid;  transition: border-color .4s;  transform: rotate(45deg);overflow: hidden;}

.header .header-nav > ul > li > a::before{
	position: absolute;
	content: '';
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 3px;
	background-color: none;
	z-index: 10;
}
.header .header-nav > ul > li > a:hover::before{background-color: var(--BtnBg);}
/* .header .header-nav > ul > li > a:hover::before{
	width: 100%;
	left: 0;
	background-color: var(--Bcolor);
} */
.header .header-nav > ul > li li .sub-ul{
		width: 100%;
	    position: absolute;
	    left: 100%;
	    background: #fff;
	    top: 0;
	    border-radius: 0px;
		display: none;
		box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	   max-height: 50vh;
	       overflow: auto;
	   
}
.header .header-nav > ul > li li .sub-ul li{
	border: none;
}
.header .header-nav > ul > li li .sub-ul li a{
	       color: var(--Bcolor);
	       background: #fff;
	       text-decoration: initial;
}
.header .header-nav > ul > li li .sub-ul li a:hover{
	        color: var(--BtnBg);
	        text-decoration: underline;
	        background: #F6F7F8;
}
.header .header-nav > ul > li li:hover .sub-ul{

}

.header .header-top{
	background: var(--Bcolor);
	color: #fff;
	height: 40px;
	opacity: 1;
	    transition: all .3s ease;
	    position: relative;
	    left: 0;
	    top: 0;
	    width: 100%;
		border-bottom: 1px solid rgba(129, 129, 120, 0.2);
}
.header .header-top .wd1600{
	display: flex;
	    justify-content: space-between;
	    padding: 6px 0;
	    font-size: 12px;
}
.header .header-top .wd1600 span{
	    font-weight: 100;
	    padding: 0 16px;
	    border-left: 1px solid #4c7fe1;
	    display: inline-block;
		font-size: 12px;
		
}
.social_media a{display: block;opacity: 0;}
.header .header-top .wd1600 .link {
    margin: 0;
	display: flex;
	    align-items: center;
}
.header .header-top .wd1600 .link a {

}
.header .header-top .wd1600 .link a i.icon{
display: flex;
    align-items: center;
    padding: 6px;
}
.header .header-top .wd1600 .link a i.icon svg{
	width: 16px;
	height: 16px;
}
.header .header-top .wd1600 .link a i.icon svg path{
	fill: #fff;
}
.header .header-menu { flex: none; }

.menu-nav{
	background: #222;
	    display: flex;
	    align-items: center;
}
.menu-categories{
	   position: relative;
	       width: 260px;
	       background: var(--Bcolor);
	       padding: 14px;
		       font-size: 14px;
			   color: #fff;
			   display: flex;
}
.menu-categories .toplink{
	display: flex
	;
	    align-items: center;
	    padding: 0;
	    color: #fff;
		font-size: 14px;
}
.menu-categories .toplink:hover{
	 color: #fff;
}
.menu-categories .icon-hbt{
	margin-right: 6px;
}
.menu-categories .icon-arrow-bottom{
	position: absolute;
	    right: 14px;
}
.menu-categories ul{
	position: absolute;
	z-index: 10;
}
.menu-categories ul{
	list-style: none;
	    padding: 0;
	    margin: 0;
	    display: flex;
	    flex-direction: column;
	    background: #fff;
	    top: 100%;
	    left: 0;
	    width: 100%;
		transition: all 0.3s ease;
		opacity: 0;
		transform: translateX(0) translateY(10px);
		pointer-events: none;
}
.menu-categories li {
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: 1px solid rgba(232, 232, 232, 1);
}
.menu-categories a:hover {
	color: var(--Bcolor);
}

.menu-categories a {
    display: block;
    padding: 12px 15px;
    color: #222;
    text-decoration: none;
    transition: all 0.3s ease;
    word-break: break-word;
    padding: 12px 18px;
    text-transform: unset;
    font-size: 13px;
    line-height: 20px;
}
.menu-categories{
	cursor: pointer;
	display: flex;
}
.menu-categories:hover ul{
	display: flex;
	opacity: 1;
	transform: translateX(0) translateY(0px);
	pointer-events: auto;
}
.home-header .menu-categories:hover ul{
	display: none;
	    transform: translateX(0) translateY(0px);
		pointer-events: auto;
}
.home-header.scrolled .menu-categories:hover ul{
	display: flex;
	transform: translateX(0) translateY(0px);
	pointer-events: auto;
}

.language .cur { height: 44px;
    display: flex;
    align-items: center;cursor: pointer; position: relative; margin-left: 32px; border-radius: 2px;}
.language .cur e { color: #fff;  font-size: 0.85rem; line-height: 20px;  background-repeat: no-repeat;display: flex;align-items: center; 
    justify-content: center;}
.language .cur e::before{
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url("../images/icon_language.svg");
	background-size: 100%;	
	margin-right: 4px;
}
.language .cur e i{font-size: 12px; margin-left: 10px;}
.language ul.language-list {overflow: auto;  position: absolute;  z-index: 2;  top: 42px; right: 0; list-style-type: none; background-color: #fff; font-size: 12px; height: 0;  opacity: 0;width: 220px;box-shadow: 0px 0px 6px #00000036;}
.language .cur:hover .language-list{opacity:1;height:auto;}
.language ul.language-list li { overflow: hidden;  width: 49%;float: left;}
.language ul.language-list li a {  
	color: #1b1b1b;
	    font-size: 16px;
	    line-height: 20px;
	    padding: 15px 20px;
	    display: block;
	    width: 100%;
	    white-space: nowrap;
}
.language ul.language-list li a:hover{
	color: var(--BtnBg);
	background: #fbfbfb;
}
.language e.en, .language ul.language-list li a.en { background-position: 0 -22px;}

/*首页导航无背景效果*/
.header.scrolled{
	position: fixed;
	    width: 100%;
	    left: 0;
	    top: 0;
		background: var(--Bcolor);
}
.header.scrolled .header-top{
	   display: none;
}
.header.scrolled .header-wrap{box-shadow: none;padding: 0;}
.header.scrolled .header-content{}
.header.scrolled .header-nav > ul > li > a{}
.header.scrolled .header-nav > ul > li > a:hover {transition: all .5s ease;}
.header.scrolled .search-icon,.header.scrolled .search-submit {
	/* border: 2px solid #0000001a;
	    border-left: none; */
}
.header.scrolled .language .cur e::before{}
.header.scrolled .language .cur e{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;}
.header.scrolled .search-input{
    color: #000;}
.header.scrolled .header-logo img.default_logo{
	display: none;
	transition: all 0.3s ease;
}
.header.scrolled .header-logo img.default_logo2{
	display: block;
}
.header .header-logo img.default_logo{
	display: block;
	
}
.header .header-logo img.default_logo2{
	display: none;
}
.header2{display: none; height: 80px;}
.header2 .main-wrap {position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: var(--Bcolor);box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 10%); -webkit-transition: all .5s ease; transition: all .5s ease; padding: 0 3%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between;align-items: center;}
.header2 .logo a { display: block; }
.header2 .logo {overflow: hidden;}
.header2 .logo img { vertical-align: middle;max-height: 50px;
    max-width: 150px;}
.header2 .nav-btn { width: 25px; height: 16px; position: relative; cursor: pointer; margin-left: 15px;}
.header2 .nav-btn .line { display: block; width: 100%; height: 1px; border-radius: 2px; background-color: #fff; position: absolute; left: 50%; margin-left: -15px;}
.header2 .nav-btn .line1 { -webkit-transform-origin: 4px 0; -ms-transform-origin: 4px 0;  transform-origin: 4px 0;}
.header2 .nav-btn .line2 { top: 7px;}
.header2 .nav-btn .line3 { bottom: 0px; -webkit-transform-origin: 1px center; -ms-transform-origin: 1px center; transform-origin: 1px center;}


.search-container {
    position: relative;
    display: flex;
    align-items: center;
}

.search-submit {
  height: 46px;
      background: #222;
      cursor: pointer;
      transition: all .5s ease;
      border: none;
      border-left: none;
      padding: 0 20px;
      color: #fff;
      font-size: 18px;
}
.search-submit:hover{
	background: #000;
}
.search-submit svg{
	width: 20px;
	height: 20px;
}
.search-submit svg path{
	fill:#fff;
}
.search-icon{
	width: 46px;
	    height: 46px;
	    cursor: pointer;
	    transition: all .5s ease;
		   border: none;
	display: flex;
	    align-items: center;
	    justify-content: center;
		margin-left: 32px;
}
.search-icon svg{
	width: 20px;
	height: 20px;
}
.search-icon svg path{
	fill: #fff;
}
.search-close{
	width: 100%;
	text-align: right;
	margin-bottom: 10px;
}
.search-close i{
		width: 40px;
	    height: 40px;
	    display: inline-block;
	    background: url(../images/icon_close.svg) no-repeat center;
	    background-size: 16px 16px;
	    cursor: pointer;
	    transition: all .5s ease;
		   border: none;
}
.search-icon.hide{
	opacity: 0;
	pointer-events: none;
}
.search-form {
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: width 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    width: 0;
    opacity: 0;
    visibility: hidden;
	
	    border-radius: 4px;
}

.search-form.active {
    width: 560px;
    opacity: 1;
    visibility: visible;
}

.search-input {
     height: 46px;
         font-size: 16px;
         transition: all .5s ease;
         padding-left: 10px;
         width: calc(100% - 46px);
         border: 2px solid #000000;
         border-radius: 4px 0 0 4px;
         border-right: none;
}

.search-form:not(.active) .search-input,
.search-form:not(.active) .search-submit {
    visibility: hidden;
}
/* Mo导航 */
.header2 .sub-menu { 
	width: 100%;
	    padding: 0 3%;
	    display: none;
	    position: fixed;
	    left: 0px;
	    top: 59px;
	    z-index: 2;
	    overflow-y: auto;
	    background-color:#030303;
		height: 100vh;
}
.sub-menu ul { width: 100%; overflow-y: auto; height: calc(100vh - 60px);}
.header2 .sub-menu li { border-bottom: 1px solid #ffffff14;
    font-size: .8rem;
    padding: 0 20px;}
.header2 .sub-menu li.animate { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
.header2 .sub-menu .tits{ display: inline-block; text-decoration: none; width: 80%; line-height: 50px;position: relative; box-sizing: border-box;    font-size: 1rem;color: #fff;}
.header2 .nav-btn.active { -webkit-animation: rotate 0.5s linear 0s; animation: rotate 0.5s linear 0s;}
.header2 .header-right{display: flex;align-items: center;}
/* footer */
.footer{    background: #000;}
.footbox{ padding: 80px 0; display: flex; justify-content: space-between;  flex-wrap: wrap; color: #b0b0b0;}
.footbox .company-infos{    width: auto;
    max-width: 20%;}
.footbox .company-infos .footer-logo{margin-bottom: 20px;     max-height: 80px;
    max-width: 280px;}
.footbox .company-infos p{font-size: 14px; line-height: 24px; }
.footbox .company-infos .info-text span{margin:0 10px;}
.footbox .company-infos .link{display: flex;justify-content: left;    margin: 20px 0;flex-wrap: wrap;}
.footbox .company-infos .link a{    margin: 0 12px 10px 0;}
.footbox .company-infos .link a i{
	width: 32px;
	    height: 32px;
	    background: #000;
	    display: block;
	    border-radius: 20px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
}
.footbox .company-infos .link a i svg{
	width: 20px!important;
	height: 20px!important;
}
.footbox .company-infos .link a i svg path{
	fill: #fff;
}
.footbox .company-infos .link a i:hover{
	background: var(--BtnBg);
}
.footbox .quicklinks{    width: auto;
    max-width: 20%;
 }
.footbox h4{
    font-size: 1rem;
    position: relative;
    padding-bottom: 15px;
	font-weight: bold;
	}
.footbox .quicklinks a{
	    display: block;
	    line-height: 20px;
	    font-size: 16px;
	    padding: 10px 0;
	    text-transform: capitalize;
}
.footbox .quicklinks a:hover{color: var(--BtnBg);}
.footbox .quicklinks .info-text{
	 font-size: 16px;
	 margin:16px 0;line-height: 20px;
	     display: flex;
	     align-items: center;
}
.footbox .quicklinks .info-text svg{
	    margin-right: 8px;
	    width: 22px;
	    vertical-align: bottom;
	    height: 22px;
}
.footbox .quicklinks .info-text svg path{
	    fill: #949494;
}
.footbox .quicklinks .info-text a,.footbox .quicklinks .info-text span{
	width: calc(100% - 22px);
}
.footbox .message{width: 25%; margin-left: 8%;}
.footbox .message .inputBox{}
.footbox .message .inputBox input{
	    display: block;
	    color: #151515;
	    background: #fafafa;
	    border: 2px solid #e9e9e9;
	    padding-left: 15px;
	    width: 100%;
	    height: 50px;
	    line-height: 50px;
	    margin-bottom: 24px;
	    border-radius: 12px;
	    transition: all .5s ease;
}
.footbox .message .inputBox input::-webkit-input-placeholder{
	color: #c7c7c7;
}
.footbox .message .inputBox input:focus{
	background: #fff;
	border-color: var(--Bcolor);
	opacity: 1;
}
.copyRights{
	    text-align: center;
	    font-size: 13px;
	    padding: 16px 0;
	       border-top: 1px solid #4b4b4b;
	        display: flex;
}
.copyRights .wd1600{
	       display: flex;
	       justify-content: space-between;
	       flex-wrap: wrap;
	       text-align: left;
}
.copyRights p{display: inline-block;
    margin-right: 32px;color: #b0b0b0;}
.copyRights p a{display: inline-block;
    padding: 0 12px;
    line-height: 13px;
    border-left: 1px solid #979797;}
.copyRights p a:first-child {
    border-left: none;
	padding-left: 0;
}
.breadcrumb{
	       display: block;
	       color: #fff;
	       max-width: 1440px;
	       margin: 0 auto;
	       width: 100%;
	       padding: 0;
	       text-align: left;
		   font-size: 13px;
}
.mt30{margin-top: 28px;}
.breadcrumb a{
	    display: inline-block;
	    transition: all .5s ease;
	    
}
.breadcrumb a::after{
	content: "/";
	padding: 0 10px;
}
.breadcrumb a:hover{
	color: var(--Bcolor);
}
.breadcrumb a:last-child::after{display: none;}

 /* banner */
 .sbanner{  position: relative;
    overflow: hidden;
    display: flex;
    align-items: self-end;
    height: 500px;
}
.sbanner::after{
	content: "";
	    width: 100%;
	    height: 100%;
	    display: block;
	    background: linear-gradient(to bottom, #00000000, #00000003, #00000080);
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    z-index: 1;
}
.sbanner-img{position: absolute;
    top: 0;
    z-index: 1;
	    height: 100%;
	    width: 100%;
	    object-fit: cover;
    }
	.sbanner-img div{
	    	width:100%;
	    	height:100%;
	    }
		.sbanner-img img{
			width: 100%;
			height: 100%;
			display: block;
			object-fit: cover;
		}
 .sbanner .wd1600{z-index: 2;    padding-bottom: 80px;}
 .sbanner h2{
	         font-size: 72px;
	         color: #fff;
	         text-transform: capitalize;
			
	         text-align: left;
 }
 .otherbanner{}
/* inquery */
 .inquery {
     position: fixed;
     text-align: center;
     padding: 5px 0;
     bottom: 0;
     right: 0;
     left: 0;
     background: #fff;
     box-shadow: 0 0 5px rgb(0 0 0 / 21%);
     z-index: 999;
 }
 .inquery .btn{
	 width: 80%;
	     background: var(--Bcolor);
	     color: #fff;
	     border: none;
}
.inquery .btn::after{
	display: none;
}
 .inquery .elementor-btn{display: inline-block;width: 80%;background-color: var(--Bcolor); color: #ffffff; padding: 12px 24px; border: none; outline: none; border-radius: 30px;}
 .inquery-none{display: none;}
/* page */
.page{
	display: block;
	width: 100%;
text-align: center;}
.page-oneline{
	display: flex;
	    align-items: center;
	    justify-content: center;
		    padding: 20px 0 30px;
}
.page-home{
	display: flex;
	justify-content: center;
	align-items: center;
	    width: 44px;
	    height: 44px;
	    border-radius: 1px;
	    background: #ECECEC;
	    font-size: 14px;
	    color: #151515;
		margin: 0 4px;
		transition: all .5s ease;}
		.page-home:hover{
			background: #e1e1e1;
		}
.nowpage{
			color: var(--Bcolor);
			background: #fff;
			box-shadow: 0px 0px 59px 0px rgba(0,0,0,0.09);
			border: 1px solid var(--Bcolor);
		}
		
/* small title */		
.smalltit {
	color: var(--Bcolor);
	    font-size: .8rem;
	    text-transform: uppercase;
	    line-height: 3.2rem;
	    font-weight: bold;
		    margin-bottom: 8px;
}
.smalltit::before{
	content: "";
	    width: 24px;
	    height: 1px;
	    display: inline-block;
	    background: var(--Bcolor);
	    margin-right: 6px;
	}
/*button*/	
	.btn {
		        max-width: 100%;
		        height: auto;
		        color: #000000;
		        background: var(--BtnBg);
		        border-radius: 0;
		        font-size: 17px;
		        padding: 12px 30px;
		        display: inline-block;
		        text-align: center;
		        position: relative;
		        border: none;
		        font-weight: bold;
		        text-transform: uppercase;
		        letter-spacing: 1px;
	}
	
	
	.btn:hover {
		
		background: var(--Hcolor);
		color: var(--BtnBg);
	}
	/* .btn:hover::after{
		border-color: #fff;
	} */
	
	.btn-noborder{
		border: none;
		    padding: 10px 15px 10px 0;
		    width: max-content;
		    min-width: max-content;
	}
	.btn-noborder::after{
		right: 0;
	}
	.btn-noborder:hover{
		background: none;
		color: var(--Bcolor);
		padding-left: 10px;
	}
	.btn-noborder:hover::after{
		border-color: var(--Bcolor);
	}
	
	.btn-header{
		    background: var(--Bcolor);
		    color: #fff;
		    width: max-content;
		    padding: 10px 20px;
			font-size: 15px;
			transition: all .5s ease;
	}
	.btn-header:hover{
		    background: var(--Hcolor);
	}
	/* Styles for the overlay */
	.overlay {
	    display: none; /* Hidden by default */
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, 0.8); /* Dark background with transparency */
	    z-index: 9999; /* Make sure it's on top */
	    justify-content: center;
	    align-items: center;
	    opacity: 0; /* Start hidden with 0 opacity */
	    transition: opacity 0.4s ease; /* Smooth transition for opacity */
	}
	
	.overlay.show {
	    display: flex; /* Show the overlay */
	    opacity: 1; /* Fade in to full opacity */
	}
	
	.overlay-content {
	    background: #fff;
	    padding: 20px;
	    border-radius: 5px;
	    text-align: center;
	    width: 90%;
	    max-width: 500px;
	    position: relative;
	    transform: translateY(-30px); /* Start slightly above */
	    transition: transform 0.4s ease; /* Smooth transition for vertical movement */
	}
	
	.overlay.show .overlay-content {
	    transform: translateY(0); /* Slide down to its final position */
	}
	
	.close-btn {
	    position: absolute;
	    top: 10px;
	    right: 10px;
	    cursor: pointer;
	    font-size: 24px;
	}
	
	/* Styles for the search box and button */
	.search-box {
	    width: calc(100% - 22px); /* Adjust width to account for padding */
	    padding: 10px;
	    margin-bottom: 10px;
	}
	
	.search-btn {
	    padding: 10px 20px;
	    background: #007bff;
	    color: #fff;
	    border: none;
	    border-radius: 5px;
	    cursor: pointer;
	}
	
#go_top{ display:block; height:24px; line-height:24px; color:#fff; text-align:center; font-size:14px;}
#go_top:hover{ text-decoration:none;}

.chathide{right:-115px;}
.chattrans{-webkit-transition:right .3s; transition:right .3s;}
#chat_float_btn{text-align:center; height:70px; width:35px; border-radius:35px 0 0 35px; position:fixed; top:160px; right:0; z-index:1001; background:url(../image/chat_float_btn1.png) no-repeat 12px center; cursor:pointer;}

#chat_window{position: fixed;right: 30px;bottom: 60px;z-index:10000;}
#chat_window .chat_box{}
#chat_window .chat_box .box{display: block;}
#chat_window .chat_box .chat_item{display: block;position: relative;width: 50px;height: 50px;border-radius: 100%;background: url(../image/icon_chat.png) no-repeat 0 0;margin-bottom: 6px;}
#chat_window .chat_box a.chat_item{text-indent: 100px;overflow: hidden;white-space: nowrap;background: #df2929;transition: all 0.3s ease;}
#chat_window .chat_box a.chat_item:hover{
	transform: scale(1.1);
}
#chat_window .chat_box .chat_qq{background-color: #4cafe9;}
#chat_window .chat_box .chat_skype{background-color: #5996ff;background-position: 0 -50px;}
#chat_window .chat_box .chat_email{background-color: #f5b246;background-position: 0 -100px;}
#chat_window .chat_box .chat_trademanager{background-color: #33bbf9;background-position: 0 -150px;}
#chat_window .chat_box .chat_wechat{background-color: #59c682;background-position: 0 -200px;}
#chat_window .chat_box .chat_whatsapp{background-color: #55d5bb;background-position: 0 -250px;}
#chat_window .chat_box .abs{display: none;position: absolute;bottom: 0;right: 0px;margin-inline-end: 50px;padding-inline-end: 15px;}
#chat_window .chat_box .more_box{position: relative;padding:10px 0px;border:1px solid #e8e8e8;background: #fff;border-radius: 5px;}
#chat_window .chat_box .more_box:before{content: '';position: absolute;bottom: 19px;right: -8px;border-width:7.5px 0 7.5px 8px;border-color: transparent;border-left-color: #e8e8e8;border-style: solid;}
#chat_window .chat_box .more_box:after{content: '';position: absolute;bottom: 19px;right: -6.5px;border-width:7.5px 0 7.5px 8px;border-color: transparent;border-left-color: #fff;border-style: solid;}
#chat_window .chat_item:hover .abs{display: block;}
#chat_window .chat_box .more_box a{position: relative;display: block;min-width: 80px;height: 30px;line-height: 30px;padding: 0px 17px;font-size: 14px;color: #333;white-space: nowrap;}
#chat_window .chat_box .more_box a:hover{background-color: #effaf7;text-decoration: none;}
#chat_window .chat_box .more_box .item{width: auto;margin:0;border:0; }
#chat_window .chat_box .more_box .relimg{display: none;position: absolute;top: 0;left: -105px;padding-inline-end: 5px;width: 100px;height: 100px;text-align: end;margin-bottom: 5px;}
#chat_window .chat_box .more_box .relimg img{padding: 2px;border:1px solid #effaf7;border-radius: 2px;background: #fff;}
#chat_window .chat_box .more_box a:hover .relimg{display: block;}
#chat_window .chat_box .chat_box_menu{}
#chat_window .chat_box .chat_box_menu a{width: 50px;height: 50px;display: block;border-radius: 100%;margin-bottom: 6px;background: #000 url(../images/icon_chat_menu.png) no-repeat 0 0;}
#chat_window .chat_box .chat_box_menu #go_top{visibility: hidden;opacity: 0;}
#chat_window .chat_box .chat_box_menu #go_top.show{
	    visibility: visible;
	    opacity: 1;
	    background: #ffffff url(../images/gotop.svg) no-repeat center;
	    background-size: 24px;
	    box-shadow: 0px 0px 15px -10px #000000;
}
#chat_window .chat_box .chat_box_menu .more{background: #3192fc url(../images/chat.svg) no-repeat center;
    background-size: 32px;
	    box-shadow: 0px 0px 15px -10px #000000;}
#chat_window .chat_box .chat_box_menu .more{ display:none;}
#chat_window .chat_box .chat_box_menu .more.default_show{display: none;}
#chat_window .chat_box .chat_box_menu .top{background-position: 0 -50px;background-color: #e4e4e4;}
#chat_window .chat_box .box .chat_close{display: none;}	
#chat_window .chat_box .box.show{display: block;}	

#toolbar {
    display: none;
}
	
.searchbox{
	    position: absolute;
	    top: 90%;
	    width: 100%;
	    background: var(--BtnBg);
	    display: none;
	    justify-content: center;
	    align-items: center;
	    padding: 20px 0;
	    box-shadow: 0px 5px 10px -5px #00000017;
	    opacity: 0;
	    visibility: hidden;
	    transition: all 0.3s ease;
}
.searchbox.active {
    display: flex;
	opacity: 1;
	    visibility: visible;
}	

/* 弹窗遮罩层 */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            padding: 20px;
        }
        
        /* 弹窗内容 */
        .modal-content {
            background-color: white;
                border-radius: 8px;
                width: 700px;
                max-width: 90%;
                position: relative;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        }
        
        /* 弹窗头部 */
        .modal-header {
           /* display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 20px;
            border-bottom: 1px solid #eee; */
        }
        
        .modal-title {
           font-size: 24px;
               font-weight: bold;
               color: #333;
               text-align: center;
               margin: 20px 0 10px;
			   font-family: var(--font-title);
        }
		.form-content p{
			    max-width: 80%;
			    text-align: center;
			    margin: 0 auto;
			    font-size: 16px;
				    margin-bottom: 20px;
		}
        
        /* 关闭按钮 */
        .close-btn {
            background: none;
            border: none;
            font-size: 24px;
            color: #888;
            cursor: pointer;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.2s;
        }
        
        .close-btn:hover {
            background-color: #f0f0f0;
            color: #333;
        }
        
        /* 表单内容 */
        .form-content {
            padding: 30px;
        }
        
        .form-group {
            margin-bottom: 15px;
        }
		.form-content .form{
			display: flex;
			    flex-wrap: wrap;
			    justify-content: space-between;
		}
       .form-content input {
       	width: 49%;
       	height: 3.2rem;
       	padding-left: 20px;
       	color: #212121;
       	font-size: 14px;
       	border-radius: 0;
       	margin-top: 0px;
       	height: 44px;
       	line-height: 44px;
       	background: #edf2f5;
       	transition: all 0.3s;
       	padding: 0 10px;
       	box-sizing: border-box;
       	font-size: 14px;
       	margin-bottom: 16px;
       	border-radius: 4px;
       	    font-family: var(--fontbody);
       }
       
       .form-content textarea {
       	width: 100%;
       	padding: 10px;
       	color: #212121;
       	font-size: 14px;
       	border-radius: 0px;
       	background: #edf2f5;
       	height: 100px;
       	resize: none;
       	border-radius: 4px;
       	    font-family: var(--fontbody);
       }
	   .form-content button {
	   	  border: none;
	   	      transition: all .5s 
	   	  ease;
	   	      margin: 0 auto;
	   	      display: block;
	   	      padding: 15px 40px;
	   	      font-size: 15px;
	   	      margin-top: 30px;
	   }
	   
        
        /* 响应式设计 */
        @media (max-width: 600px) {
            .modal-content {
                max-width: 100%;
            }
            
            .form-actions {
                flex-direction: column;
            }
			
            
        }	
	
	
@media only screen and (max-width: 1420px){

}	
@media only screen and (max-width: 1200px){
	.header2 {display: block;height: 60px; }
	.header2 .main-wrap{height: 60px;}
	.header2.active .sub-menu{display: block;z-index: 99;}
	.header{display: none;}
	.search-form{
		 position: absolute;
		background: none;
		opacity: 0;
		top: 0;
		z-index: 99;
		right: -780px;
		display: flex;
		        justify-content: space-between;
				box-shadow: 0px 10px 10px #0000000f;
				border-radius: 0px;
				right: -500px;
				display: flex;
				flex-wrap: wrap;
	}
	.search-form.active{
		position: fixed;
		width: 100%;
		    padding: 10px 20px 20px;
		    background: #fff;
			opacity: 1;
			right: 0;
			border:none;
			justify-content: center;
		    
	}
	.search-input {
	        width: calc(100% - 62px);
	        padding-left: 16px;
	}
	.search-submit {
	            border-radius: 0 4px 4px 0;
	}
	#chat_window .chat_box .box.show .chat_close{
		display: block;
	    width: 50px;
	    height: 50px;
	    border-radius: 50px;
	    margin-bottom: 6px;
		background: #151515 url(../images/icon_chat_menu.png) no-repeat 0 0;
		background-position: 0 -100px;
	
	}
	#chat_window .chat_box.pc_limit:hover .chat_box_menu .more,#chat_window .chat_box.cur .chat_box_menu .more{display: block;}
	#chat_window .chat_box:hover .chat_box_menu .more.default_show{display: block;}
}
@media only screen and (max-width: 900px){
	.footbox .message{width: 50%;}
	.inquery-none{display: block;}
	.footbox .company-infos {
	    width: 40%;
	}
	
}
@media only screen and (max-width: 769px){
	.footbox .company-infos,.footbox .quicklinks,.footbox .message{width: 100%;        max-width: 100%;}
	.footbox .quicklinks{
		display: none;
	}
	.footbox h4 {
	    margin: 20px 0 0;
	}
	.footbox .message{margin-top: 50px;margin-left: 0;}
	.footbox .message .inputBox input,.footbox .message button{width: 100%;}
	.footbox {
	    padding: 40px 0 0;
	}
	.header2 .nav-btn.active {-webkit-animation: rotate 0.5s linear 0s; animation: rotate 0.5s linear 0s;}
	.header2 .nav-btn.hover .line {         background: var(--BtnBg);}
	.page-home { margin-left: 0px; }
	.page-end3 { margin-left: 15px; }
	.page-oneline { width: 100%;}
	.page-oneline2 { margin-top: 20px; width: 100%; }
	.language .cur e {padding-left: 10px;}
	.language .cur e::before{margin-right: 6px;display: none;}
	.search{margin-right: 12px;}
	.btn {
		        padding: 10px 12px;
		        font-size: 13px;
	}
	.sbanner{
		padding: 60px 0;
		height: 200px;
	}
	.sbanner h2 {
	    font-size:32px;
	}
	.sbanner .wd1600{
		padding-bottom: 0;
	}
	.smalltit {
	    font-size: 14px;
	    line-height: 48px;
	}

	#chat_window {
	    right: 20px;
	}
	.sbanner-img {
	    height: 200px;
	}
	.language .cur {
	    margin: 0 10px 0 0;
	}
	.footer {
	    padding-bottom: 50px;
	}
	 #toolbar {
		        display: block;
		    	position: fixed;
		    	bottom: 0;
		    	width: 100%;
		    	z-index: 888;
		        height: 56px;
		    	left: 0;
				        background: #101010;
		    }
		    #toolbar .list {
		    	width: 100%;
		    	max-width: 640px;
		    	min-width: 320px;
		    	margin: 0 auto;
		    	background: #3e3938;
		    }
		    #toolbar .list li {
		    	float: left;
		    	text-align: center;
		    	line-height: 60px;
				border-right: 1px solid #3f3f3f;
		    }
		    #toolbar .list li:nth-child(1) {
		    	width: 25%;
		    }
		    #toolbar .list li:nth-child(2) {
		    	width: 25%;
		    }
		    #toolbar .list li:nth-child(3) {
		    	width: 50%;
		    	font-weight: bold;
		    	/* background: var(--Bcolor); */
		    }
		    
		    #toolbar .list a,#toolbar .list button {
		    	display: block;
		        height: 56px;
		        line-height: 1.4;
		        font-size: 14px;
		        padding-top: 10px;
				background: none;
				        border: none;
				    margin: 0 auto;
		    }
		    #toolbar .list a span,#toolbar .list button span{
		        display: block;
		    	font-size: 13px;
		    	font-weight: 300;
		    	text-align: center;
		    	color: #fff;
		    }
		    #toolbar .list a s {
		    	margin-left: auto;
		    	margin-right: auto;
		    	width: 20px;
		    	height: 18px;
		        display: inline-block;
		    	margin-bottom: 3px;
		        background-size: 128px auto;
		    	background-position: 0 -10px;
		    }
		    #toolbar .list li:nth-child(1) s {
		        background-size: 128px auto;
		    	background-position: -40px -10px;
		    	width: 20px;
		    	height: 20px;
		    }
		    #toolbar .list li:nth-child(2) s {
		        background-size: 128px auto;
		    	background-position: -64px -10px;
		    }
		    #toolbar .list li:nth-child(3) s {
		        background-size: 142px auto;
		        background-position: -22px -12px;
		    }
		    #toolbar .list li:hover {
		    	background: #333;
		    }
			
			.form-content {
			    padding: 20px;
			}
			.form-content input,.form-content button{
				margin-bottom: 10px;
				width: 100%;
			}
}