@import url(besscolor.css);
/*!
* Name    : Base style
* Created : 2021-12-27
* Updated : 2021-12-27
* Author  : lzx
*/
@font-face {
  font-family: 'CustomFont';
  src: url('../fonts/Poppins-Regular.ttf');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'CustomFontBold';
  src: url('../fonts/Poppins-Regular.ttf');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
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;
	font-family: 'CustomFont', Arial, Helvetica, sans-serif;
}
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}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%}
*/


body {    background: #f6f6f6;}
html {font-size: 16px;color: var(--Fcolor);}
@media only screen and (max-width: 1900px){
    html {font-size: 16px;}
}
@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: relative;display: block;
    top: 0;
    left: 0;
    z-index: 999; 
	}
.header .header-wrap{top: 0; left: 0; right: 0; z-index: 999; background-color: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .header-content { padding: 20px 0;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: 20px;
	transition: all 0.3s ease;
}
.header .header-right .btn:hover{
	bottom: 4px;
	box-shadow: 0px 5px 15px #1c61e74f;
	
}
.header .header-logo a { display:block;}
.header .header-logo h1 { text-indent: -9999px; height: 0; }
.header .header-logo img { display: block;
    max-height: 60px;max-width: 160px;}
.header .header-nav {}
.header .header-nav > ul { display: flex; flex-wrap: nowrap;justify-content: space-around;}
.header .header-nav > ul > li {
	position: relative;
	    display: inline-block;
	    text-align: center;
}
.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: 50%;
	    transform: translateX(-50%) translateY(10px); 
	    opacity: 0; 
	    pointer-events: none;
	    transition: all 0.3s ease;
	    width: 250px;
	    background-color: #fff;
	    z-index: 10;
		}

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

.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:last-child{
	
}
.header .header-nav > ul > li ul li:hover .sub-ul{
	display: block;
}
.header .header-nav > ul > li li a{
	padding: 10px;
	    margin: 0 10px;
	    display: block;
	    border-radius: 0px;
	    color: #000;
	    transition: all 0.3s ease;
	    text-align: left;
	    word-break: break-word;
	    white-space: break-spaces;
		font-size: 13px;
}
.header .header-nav > ul > li li:hover a{
	color: var(--Bcolor);
}
.header .header-nav > ul > li > a {position: relative; display: flex; align-items: center; position: relative; text-align: center; font-size: 14px;text-transform: uppercase;padding: 14px 20px;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);}
.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:hover{color: var(--Bcolor);transition: all .5s ease;}
.header .header-nav > ul > li > a::before{
	position: absolute;
	content: '';
	left: 50%;
	bottom: 0px;
	width: 0%;
	height: 2px;
	background-color: none;
	transition: all .3s;
	z-index: 10;
}
/* .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;
		padding: 0 10px;
		display: none;
		box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	   
	   
}
.header .header-nav > ul > li li .sub-ul li{
	border: none;
}
.header .header-nav > ul > li li .sub-ul li a{
	color: #222;
}
.header .header-nav > ul > li li .sub-ul li a:hover{color: var(--Bcolor);}
.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;
		flex-wrap: wrap;
}
.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{
	border-top: 1px solid rgba(232, 232, 232, 1);
	    border-bottom: 1px solid rgba(232, 232, 232, 1);
	    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: 0 32px; border-radius: 2px;}
.language .cur e { color: #151515;  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.png");
	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;border-radius: 6px;}
.language .cur:hover .language-list{opacity:1;height:auto;border: 1px solid #ddd;}
.language ul.language-list li { overflow: hidden;  width: 49%;float: left;}
.language ul.language-list li a {  
	color: #1b1b1b;
	    font-size: 12px;
	    line-height: 20px;
	    padding: 6px 22px;
	    display: block;
	    width: 100%;
	    white-space: nowrap;
}
.language ul.language-list li a:hover{
	color: var(--Bcolor);
	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;
}
.header.scrolled .header-top{
	   display: none;
}
.header.scrolled .header-wrap{box-shadow: none;padding: 0;}
.header.scrolled .header-content{padding: 10px 0;}
.header.scrolled .header-nav > ul > li > a{}
.header.scrolled .header-nav > ul > li > a:hover {color: var(--Bcolor);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: #fff;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: #333; 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 {
   width: 46px;
       height: 46px;
       background: #fff;
       cursor: pointer;
       transition: all .5s ease;
	   border: 2px solid #0000001a;
	   border-left: none;
}
.search-submit svg{
	width: 20px;
	height: 20px;
}
.search-icon{
	width: 46px;
	    height: 46px;
	    background: #fff;
	    cursor: pointer;
	    transition: all .5s ease;
		   border: none;
	display: flex;
	    align-items: center;
	    justify-content: center;
}
.search-icon svg{
	width: 20px;
	height: 20px;
}
.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 {
    position: absolute;
	right: 0;
    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;
}

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

.search-input {
    border: 2px solid #0000001a;
        padding-bottom: 2px;
        width: 100%;
        height: 46px;
        font-size: 14px;
        transition: all .5s ease;
        border-radius: 0;
        padding-left: 10px;
}

.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: #262626;
		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: #fff;}
.footbox{ padding: 70px 0; display: flex; justify-content: space-between;  flex-wrap: wrap; color: #4b4b4b;}
.footbox .company-infos{width: 33%;}
.footbox .company-infos .footer-logo{margin-bottom: 20px;    max-height: 80px;max-width: 180px;}
.footbox .company-infos p{font-size: 14px; line-height: 24px; margin-bottom: 24px;}
.footbox .company-infos .info-text span{margin:0 10px;}


.footbox .company-infos .link{display: flex;justify-content: left;margin-top: 2rem;flex-wrap: wrap;}
.footbox .company-infos .link a{margin: 6px 24px 6px 0;}
.footbox .company-infos .link a i{
	width: 32px;
	    height: 32px;
	    background: #8d8d8d;
	    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(--Bcolor);
}
.footbox .quicklinks{    width: 20%;
   
 }
.footbox h4{
    font-size: 1rem;
    position: relative;
    padding-bottom: 10px;
	font-weight: bold;
	font-family: 'CustomFontB',sans-serif;}
.footbox .quicklinks a{display: block; line-height: 38px;font-size: 14px;    margin: 6px 0;}
.footbox .quicklinks a:hover{color: var(--Bcolor);}
.footbox .quicklinks .info-text{
	 font-size: 14px;
	 margin:16px 0;
}
.footbox .quicklinks .info-text svg{
	margin-right: 4px;
	    width: 22px;
	    vertical-align: bottom;
}
.footbox .quicklinks .info-text svg path{
	fill:var(--Bcolor);
}
.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 #eee;
	        display: flex;
}
.copyRights .wd1600{
	       display: flex;
	       justify-content: space-between;
	       flex-wrap: wrap;
	       text-align: left;
}
.copyRights p{display: inline-block;
    margin-right: 32px;}
.copyRights p a{margin-right: 32px;display: inline-block;
    padding: 4px 0;}
.breadcrumb{
	       display: block;
	       color: #fff;
	       max-width: 1440px;
	       margin: 0 auto;
	       width: 100%;
	       padding: 0;
	       text-align: center;
}
.mt30{margin-top: 28px;}
.breadcrumb a{
	    display: inline-block;
	    transition: all .5s ease;
	    font-size: 13px;
	    text-transform: uppercase;
}
.breadcrumb a::after{
	content: "/";
	padding: 0 10px;
}
.breadcrumb a:hover{
	color: var(--Bcolor);
}
.breadcrumb a:last-child::after{display: none;}

 /* banner */
 .sbanner{padding: 70px 0;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.sbanner-img{position: absolute;
    top: 0;
    z-index: 1;
	    height: 100%;
	    width: 100%;
	    object-fit: cover;
    }
.sbanner-img div{
 height: 100%;
	    width: 100%;

}
	.sbanner-img img{
		width: 100%;
		min-height: 100%;
		display: block;
		object-fit: cover;
	}
 .sbanner .wd1600{z-index: 2;}
 .sbanner h2{
	         font-size: 40px;
	         color: #fff;
	         text-transform: capitalize;			 font-family: 'CustomFontBold', sans-serif;
	         text-align: center;
 }
 .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;
}
.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 {
		    width: auto;
		        max-width: 100%;
		        height: auto;
		        color: #fff;
		        background: var(--Bcolor);
		        border-radius: 0;
		        font-size: 14px;
		        padding: 10px 20px;
		        display: inline-block;
		        text-align: center;
		        position: relative;
				border-radius: 6px;
	}
	/* 箭头 */
	/* .btn::after {
	    content: "";
	    display: inline-block;
	    position: absolute;
	    top: 50%;
	    right: 22px; /* 箭头距离右边的距离 */
	    width: 7px;   /* 箭头宽度 */
	    height: 7px;  /* 箭头高度 */
	    border: solid var(--Bcolor);
	    border-width: 2px 2px 0px 0px;
	    transform: translateY(-50%) rotate(45deg);
	    pointer-events: none; /* 防止箭头影响点击 */
	}
	 */
	
	.btn:hover {
		border-color: var(--Bcolor);
		background: var(--Bcolor);
		transition: all .5s ease;
		color: #fff;
	}
	/* .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: 50px;bottom: 100px;z-index:10000;}
#chat_window .chat_box{}
#chat_window .chat_box .box{display: none;}
#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;}
#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-right: 50px;padding-right: 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-right: 5px;width: 100px;height: 100px;text-align: right;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: #151515 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;}
#chat_window .chat_box .chat_box_menu .more{}
#chat_window .chat_box .chat_box_menu .more{ display:none;}
#chat_window .chat_box .chat_box_menu .more.default_show{display: block;}
#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;}	
	
@media only screen and (max-width: 1420px){

}	
@media only screen and (max-width: 1200px){
	.header2 {display: block;height: 60px; }
	.header2 .main-wrap{height: 60px;    box-shadow: none;}
	.header2.active .sub-menu{display: block;z-index: 99;}
	.header{display: none;}
	
	.search-form{
		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;
		    
	}
	.search-input {
	    width: calc(100% - 50px);
		padding-left: 16px;
	}
	#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%;}
	.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: #333;}
	.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: 12px 15px;
		font-size: 14px;
	}
	.sbanner{
		padding: 60px 0;
		height: 200px;
	}
	.sbanner h2 {
	    font-size:32px;
	}
	.smalltit {
	    font-size: 14px;
	    line-height: 48px;
	}
	.breadcrumb {
	    width: 94%;
	}
	#chat_window {
	    right: 20px;
	}
	.sbanner-img {
	    height: 200px;
	}
	.language .cur {
	    margin: 0 10px 0 0;
	}
}