/*!
* Name    : Base style
* Created : 2021-12-27
* Updated : 2021-12-27
* Author  : lzx
*/HTML,body,div,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: Arial, Microsoft Yahei, 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%}
*/
.wd1660{max-width: 1660px;  margin: 0 auto; width: 100%;  padding: 0 5%;}
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;}
@import url(besscolor.css);
/*字体格式*/
@font-face {
    font-family: "Sansation1";
    src: url('../fonts/Sansation-Bold-1.ttf');
}
@font-face {
    font-family: "Sansation4";
    src: url('../fonts/Sansation-Light-4.ttf');
}
/* head */
.header {display: block; height: 90px; }
.header .header-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;}
.header .header-content { display: flex;}
.header .header-logo { flex: none; font-size: 0;}
.header .header-logo a { display: inline-block; margin: 10px 0;}
.header .header-logo h1 { text-indent: -9999px; height: 0; }
.header .header-logo img { display: block; height: 70px;  width: auto;}
.header .header-nav { flex: 10 1;}
.header .header-nav > ul { display: flex; flex-wrap: wrap;justify-content: center;}
.header .header-nav > ul > li { display: block; position: relative;}
.header .header-nav > ul > li .active{display: none; position: absolute; background: #fff;width: 200px;}
.header .header-nav > ul > li li{display: block; font-size: 14px; padding: 2cap 0px 20px 30px;overflow: hidden;  white-space: wrap; text-overflow: ellipsis; border-bottom: 1px solid #ededed;}
.header .header-nav > ul > li li:hover{background: var(--Bcolor);color: #fff;}
.header .header-nav > ul > li > a { font-family: "Sansation1";display: block; position: relative; text-align: center; padding: 0 30px; line-height: 90px;  font-size: 18px; color: #333; font-weight: 600; 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:hover .active{display: block;}
.header .header-menu { flex: none; margin-top: 30px;}
.language .cur { cursor: pointer; position: relative; padding: 3px 5px 1px 3px; background-color: #fff; margin-right: 10px; border-radius: 2px;}
.language .cur e { color: #555;  font-size: 14px; line-height: 20px;  background-repeat: no-repeat;  padding-left: 30px;  height: 20px;  display: block;}
.language .cur e i{font-size: 12px; margin-left: 10px;}
.language ul.language-list {  max-height: 400px;  overflow: auto;  position: absolute;  z-index: 2;  top: 24px; right: 0; list-style-type: none; background-color: #fff; font-size: 12px; height: 0;  opacity: 0;}
.language .cur:hover .language-list{opacity:1;height:auto;padding:2px 5px;-webkit-box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;}
.language ul.language-list li {  padding: 4px 4px 2px 4px;  overflow: hidden;  border-bottom: 1px solid #ececec;  margin: 3px 0 2px 0;}
.language ul.language-list li a {  color: #1b1b1b;  font-size: 12px;  line-height: 20px; padding: 0 0 0 30px; float: left; width: 100%;  white-space: nowrap;}
.language e.en, .language ul.language-list li a.en { background-position: 0 -22px;}
.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;}
.header2 .logo a { display: block; margin-top: 10px;}
.header2 .logo {overflow: hidden;}
.header2 .logo img { width: 100%; vertical-align: middle;}
.header2 .nav-btn { width: 25px; height: 16px; position: relative; cursor: pointer; margin-top: 35px;}
.header2 .nav-btn .line { display: block; width: 100%; height: 2px; 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;}
/* Mo导航 */
.header2 .sub-menu { width: 100%; padding: 0 3%; display: none; position: absolute; left: 0px; top: 80px; z-index: 2; overflow-y: auto; background-color: #f5f5f5;}
.sub-menu ul { width: 100%; overflow-y: auto; height: calc(100vh - 55px - 1.5rem);}
.header2 .sub-menu li { border-bottom: 1px solid #dcdcdc; font-size: 16px; 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: 60px; color: #333; position: relative; box-sizing: border-box;}
.header2 .nav-btn.active { -webkit-animation: rotate 0.5s linear 0s; animation: rotate 0.5s linear 0s;}
.header2 .language{margin-top: 29px;}
/* footer */
.footer{background-color: #6299bf;}
.footbox{ padding: 70px 5% 40px; display: flex; justify-content: space-between;  flex-wrap: wrap; color: #fff;}
.footbox .company-infos{width: 33%;}
.footbox .company-infos img{margin-bottom: 20px;}
.footbox .company-infos p{ font-family: "Sansation4"; font-size: 16px; line-height: 24px; margin-bottom: 20px;}
.footbox .company-infos .info-text span{margin-right:10px;}
.footbox .company-infos .link a{margin-right: 15px;}
.footbox .company-infos .link a i{font-size: 30px;}
.footbox .quicklinks{width: 23%; margin-left: 10%;}
.footbox h4{font-family: "Sansation1"; font-size: 20px; position: relative; margin-bottom: 30px;}
.footbox h4::after{display: block; content: ''; position: absolute; bottom: -20px; margin-left: 0px; width: 40px;  height: 2px; background-color:var(--Hcolor);}
.footbox .quicklinks a{font-family: "Sansation4"; display: block; line-height: 40px;}
.footbox .message{width: 33%;}
.footbox .message .inputBox{margin-top: 40px;}
.footbox .message .inputBox input{display: block; font-family: "Sansation4"; color: #ffffff5c; background: none; border: 1px solid #ffffff5c; padding-left: 15px; width: 300px; height: 40px; line-height: 40px; margin-bottom: 20px;}
.footbox .message  button{font-family: "Sansation4"; width: 120px; height: 40px; line-height: 40px; font-size: 16px; margin-top: 10px; background-color: var(--Bcolor); color: #fff; border: none; border-radius: 40px;}
.footbox .company-infos img{display: block;height: 80px;width: auto;}
input::placeholder{color: #fff;}
.copyRights{border-top:0.5px solid #ffffff59; text-align: center; font-size: 12px; color: #fff; padding: 20px 0;}
.copyRights p{margin-top: 10px;}
 /* banner */
 .sbanner{padding: 110px 5%; background: url(../images/sbanner01.png) no-repeat; background-position: center top; background-size: cover;}
 .sbanner h2{font-family: "Sansation1"; font-size: 40px; color: #fff;}
/* inquery */
 .inquery{position: fixed; height: 50px; text-align: center; padding: 5px 0; bottom: 0;right: 0; left: 0; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);z-index: 999;}
 .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;}
@media only screen and (max-width: 1200px){
	.header2 {display: block; }
	.header2 .main-wrap{height: 80px;}
	.header2 .logo a{margin-top: 5px;}
	.header{display: none;}
}
@media only screen and (max-width: 900px){
	.footbox .quicklinks{display: none;}
	.footbox .message{width: 50%;}
	.inquery-none{display: block;}
}
@media only screen and (max-width: 769px){
	.footbox .company-infos,.footbox .quicklinks,.footbox .message{width: 100%;}
	.footbox .message{margin-top: 50px;}
	.footbox .message .inputBox input,.footbox .message button{width: 100%;}
	.header2 .nav-btn.active {-webkit-animation: rotate 0.5s linear 0s; animation: rotate 0.5s linear 0s;}
	.header2 .nav-btn.hover .line { background: #666;}
}