/*
|        (0 0)
+=====oOO====(_)=========+
|   Powered By Anxin     |
|   Tel: 0572-5220701    |
|   Creation:2022.05.30  |
+=================oOO====+
|       |__|__|
|        || ||
|       ooO Ooo
*/
body, button, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, s, td, textarea, th, ul { margin: 0; padding: 0; list-style: none } body { font-family: Microsoft YaHei, sans-serif; font-weight: 400; overflow-x: hidden } body, html { position: relative; } h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif; text-transform: capitalize } button, input, select, textarea { font-size: 100%; outline: 0 } a { color: #369; text-decoration: none } .clearfix:after { content: "\0020"; display: block; height: 0; clear: both; font-size: 0; visibility: hidden } .clearfix { zoom: 1 } .clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; line-height: 0 } .fl { float: left } .fl, .fr { display: inline } .fr { float: right } em, i { font-style: normal } .none { display: none } .block { display: block } .inline { display: inline-block !important; margin-right: 10px } img { border: 0; object-fit: cover } table { border-collapse: collapse; border: 0; } ::selection { background: #ddd; color: #111 } ::-webkit-scrollbar { width: 10px; height: 10px } ::-webkit-scrollbar-thumb { background-color: rgba(50, 50, 50, .25); border: 2px solid transparent; border-radius: 0px; background-clip: padding-box } ::-webkit-scrollbar-thumb:hover { background-color: rgba(50, 50, 50, .5) } ::-webkit-scrollbar-track { background-color: rgba(50, 50, 50, .05) } * { box-sizing: border-box } input { border: 0 } input::placeholder { opacity: .5 } input:focus { border: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .tipMain { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; border-top: 1px solid #ccc; background: #fff; font-size: 13px; line-height: 40px } .tipMain, .tipMain .close { height: 40px; text-align: center } .tipMain .close { position: absolute; top: 0; right: 10px; width: 40px; color: red; font-weight: 400; font-size: 18px; font-family: Arial, Helvetica, sans-serif; cursor: pointer }
/*超出的文字省略，要定义宽度*/
span.spanleft, .list-txt .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }
a, a:hover, :after, :before, .iconfont, .images, .images img, .list-li, .list-txt, .list-txt .name, .mobilemenu b, header, header *, #footer *, .wrapper, #banner, #banner img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:active { /*-webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9);*/ }
/*页面*/
* { font-size: 14px; font-weight: 400; box-sizing: border-box; }
body { background-color: #232323; }
.wrapper { margin: 0 auto; position: relative; }
.text { padding: 0; }
.text, .text * { color: rgba(196, 147, 102, 0.6); font-size: 16px; line-height: 30px; word-wrap: break-word; }
.text p { margin-bottom: 20px; }
.text p:last-child { margin-bottom: 0; }
.text img { max-width: 100%; margin: 20px auto; display: block; opacity: 1 !important; }
.txt-info { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: normal !important; }
/*-webkit-line-clamp: 8;*/
.txt-info * { -webkit-box-orient: horizontal; width: auto; display: inline !important; padding: 0; margin: 0; white-space: normal !important; word-wrap: normal !important; background: none !important; text-indent: 0 !important }
.txt-info img { display: none !important; opacity: 0; }
/*更多*/
.more { position: relative; width: 100%; display: flex; justify-content: center; }
.more a { width: 180px; height: 48px; border: solid 1px #A8845C; position: relative; display: flex; justify-content: center; align-content: center; align-items: center; border-radius: 24px }
.more a:after { content: ""; display: block; position: absolute; z-index: 1; width: 100%; height: 100%; background: #A8845C; left: 0%; top: 0; border-radius: 24px; transform: scale(0, 0) }
.more span { position: relative; z-index: 2; font-size: 14px; font-weight: 500; color: rgba(168, 132, 92, 0.8); ; letter-spacing: 1px; text-transform: uppercase; display: block; text-align: center; }
.more a:hover:after { }
.more a:hover { background: #A8845C; }
.more a:hover span { color: rgba(255, 255, 255, 0.8); }
@media screen and (max-width:700px) {
	.more { display: block; }
	.more, .more a { width: 100%; margin: 0 auto }
}
.lws-btn { width: 200px; height: 48px; position: relative; }
.lws-btn a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.lws-btn span { font-size: 16px; color: rgba(196, 147, 102, 0.8); position: relative; z-index: 2; }
.lws-btn:before, .lws-btn:after { content: ""; display: block; position: absolute; z-index: 1; border: solid 1px #fff; }
.lws-btn:before { left: 0; top: 0; right: 0; bottom: 0; width: calc(100% - 2px); height: calc(100% - 2px); border-color: #C49366; }
.lws-btn:after { left: 5px; top: 5px; right: 5px; bottom: 5px; width: calc(100% - 12px); height: calc(100% - 12px); border-color: rgba(196, 147, 102, 0.6); }
.lws-btn a:hover { background-color: #C49366; }
.lws-btn a:hover span { color: #fff; }
/*******************************
-------[=返回顶部-------
********************************/
.toTop { position: fixed; z-index: 9; bottom: 0px; width: 50px; height: 50px; text-align: center; line-height: 50px; padding: 0; right: 0; background-color: #222; cursor: pointer; display: none; opacity: 0.7 !important; }
.toTop:before { content: ""; margin-top: 20px; margin-left: 15px; display: block; width: 15px; height: 15px; border-right: 3px solid #fff; border-top: 3px solid #fff; pointer-events: auto; transform: rotate(-45deg); }
.toTop:hover { background: #A8845C; opacity: 1 !important }
.toTop:active { background: #000; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
/*******************************
-------[=表单-------
********************************/
.select { position: relative; height: 36px; }
.select:after { content: ""; display: block; width: 6px; height: 6px; border-right: 1px solid #333; border-bottom: 1px solid #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: auto; position: absolute; z-index: 2; right: 20px; top: 16px; }
.select .placeholder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; line-height: 46px; padding: 0 15px; box-sizing: border-box; cursor: pointer; text-align: left }
.select.is-open ul { display: block; }
.select.is-open:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.select ul { display: none; position: absolute; z-index: 100; overflow: hidden; width: 100%; top: 100%; left: 0; margin: 0 0 0 -1px; padding: 0; max-height: 240px; overflow-x: hidden; overflow-y: auto }
.select ul li { display: block; float: none !important; width: 100% !important; margin: 0; cursor: pointer; border-bottom: solid 1px #ECECEC; padding: 0 0 0 15px; box-sizing: border-box !important; text-align: left; font-size: 15px; line-height: 46px; }
.select ul li a { color: #fff; display: block; margin-left: -15px; padding-left: 15px; }
.select ul li.active a, .select ul li a:hover { }
.form { display: flex; flex-flow: row wrap; justify-content: space-between; }
.form .form-group { margin-bottom: 25px; width: 32%; }
.form .form-group.all { width: 100%; }
.form .label { display: block; font-size: 16px; font-weight: 500; color: #A8845C; margin-bottom: 7px; }
.form .input-group { display: flex; justify-content: space-between; align-items: center; background: #171717; border: 1px solid rgba(196, 147, 102, 0.6); padding: 12px 16px; }
.form .input-group .lws-input { background: none; border: 0; color: #A8845C; box-sizing: border-box; flex: 1; height: 24px; font-size: 14px; vertical-align: middle; }
.form .input-group .lws-input::placeholder { color: #A8845C; opacity: 0.4; }
.form .input-group .lws-textarea { height: auto; }
.lws-button { width: 180px; height: 47px; background: none; border-radius: 24px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 500; color: #A8845C; border: 1px solid #C49366; cursor: pointer; margin: 0 auto; }
.lws-button:hover { background: #C49366; color: #fff; }
.lws-radio-group { display: flex; align-items: center; padding-top: 30px; color: rgba(168, 132, 92, 0.8); }
.lws-radio-group .lws-checkbox span, .lws-radio span { color: rgba(168, 132, 92, 0.8); }
.lws-radio-group .lws-radio { margin-left: 20px; }
/* 复选框 & 单选框 */
.lws-checkbox, .lws-radio { display: block; position: relative; margin-top: 0px; margin-bottom: 0px; cursor: pointer; padding-left: 30px; font-weight: 400; min-height: 18px; height: auto !important; line-height: 18px !important; }
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
.lws-checkbox input, .lws-radio input { position: absolute; ; /*opacity: 0;*/ display: none; }
.lws-checkbox span::before, .lws-radio span::before { content: ''; position: absolute; display: inline-block; height: 16px; width: 16px; left: 0; top: 0px; border: 1px solid rgba(212, 213, 218, 0.5); -webkit-transition: all .1s; -o-transition: all .1s; transition: all .1s; }
.lws-checkbox span::after, .lws-radio span::after { content: ''; position: absolute; display: none; width: 5px; height: 10px; left: 7px; top: 3px; border: solid #4d5259; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; }
.lws-checkbox span, .lws-radio span { display: inline-block; }
.lws-checkbox input:checked~span:after, .lws-radio input:checked~span:after { display: inline-block; }
.lws-checkbox:hover span::before, .lws-radio:hover span::before { border-color: #ebebeb; }
.lws-checkbox input:disabled + span, .lws-radio input:disabled + span { cursor: not-allowed; }
.lws-checkbox input:disabled + span::before, .lws-checkbox input:disabled + span::after, .lws-radio input:disabled + span::before, .lws-radio input:disabled + span::after { opacity: .4; }
.lws-radio span::before { -webkit-border-radius: 50%; border-radius: 50%; }
.lws-radio input:checked~span::before { border: 4px solid #C49366; width: 10px; height: 10px; }
/*******************************
-------[=图片切换-------
********************************/
.swiper-container img { display: block; width: 100%; height: 100%; }
.swiper-btn { display: block; width: 66px; height: 66px; background: rgba(0, 0, 0, 0.3); text-align: center; cursor: pointer; position: absolute; top: 50%; border-radius: 50%; margin-top: -33px; }
.swiper-btn:before { content: ""; position: absolute; display: block; width: 20px; height: 20px; border-right: 3px solid rgba(255, 255, 255, 0.6); border-top: 3px solid rgba(255, 255, 255, 0.6); pointer-events: auto; left: 50%; top: 50%; }
.swiper-btn.swiper-button-disabled { opacity: 0.65; cursor: not-allowed; }
.prev.swiper-btn { left: 5%; }
.prev.swiper-btn:before { transform: translate(-40%, -50%) rotate(-135deg); }
.next.swiper-btn { right: 5%; }
.next.swiper-btn:before { transform: translate(-70%, -50%) rotate(45deg); }
/*******************************
-------[=列表-------
********************************/
.images { overflow: hidden; position: relative; z-index: 1; width: 100%; height: 0; padding: 0px; margin: 0; }
.images img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; left: 0; top: 0; }
.list { overflow: hidden; position: relative; z-index: 1; }
.list .list-ul { margin-right: -30px; margin-bottom: -30px; }
.list .list-ul:after { content: ""; display: table; clear: both; }
.list .list-li { float: left; margin-right: 30px; margin-bottom: 30px; position: relative; }
.list .list-li .images { padding-top: 100%; }
.list .list-li:hover .images img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.list-txt { box-sizing: border-box; position: relative; z-index: 1; text-transform: capitalize; padding-top: 12px; padding-bottom: 12px; }
.list-txt .name { color: #000; font-size: 16px; font-weight: 400; }
.list-txt .info { -webkit-line-clamp: 1; margin-top: 8px; }
.list-txt .info, .list .list-txt .info * { color: #999; line-height: 2.14 !important; }
.list .all { display: block; position: relative; z-index: 2 }
.list.list-border .list-li:after { content: ""; display: block; position: absolute; z-index: 1; width: calc(100% - 2px); height: calc(100% - 2px); left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #eee; }
/*******************************
-------[=页码-------
********************************/
.main-page { position: relative; z-index: 1; width: auto; height: 122px; padding-top: 0; padding-bottom: 72px; text-transform: capitalize; display: flex; justify-content: center; font-size: 14px; }
.main-page .page, .main-page .jump { display: flex; align-items: center; }
.main-page a { border: 1px solid rgba(196, 147, 102, 0.8); line-height: 38px; min-width: 40px; text-align: center; height: 40px; margin: 0 5px; color: rgba(196, 147, 102, 0.8); border-radius: 3px; position: relative; display: flex; justify-content: center; align-items: center; }
.main-page a.active, .main-page a:hover { border-color: #C49366; background-color: #C49366; color: #fff; }
.main-page a.active .icon, .main-page a:hover .icon { border-color: #fff; }
.main-page a.disabled { cursor: not-allowed; border: 0; }
.main-page a.disabled:hover { background: none; color: rgba(196, 147, 102, 0.8); }
.main-page a .icon { display: block; width: 8px; height: 8px; border-right: 1px solid rgba(196, 147, 102, 0.8); border-top: 1px solid rgba(196, 147, 102, 0.8); pointer-events: auto; }
.main-page .prev, .main-page .next { min-width: 80px; justify-content: space-between; padding-left: 12px; padding-right: 10px; }
.main-page .prev .icon { transform: rotate(-135deg); }
.main-page .next .icon { transform: rotate(45deg); }
.main-page .jump { margin-left: 25px; }
.main-page .jump span { color: rgba(196, 147, 102, 0.8); white-space: nowrap; }
.main-page .jump .form-control { width: 58px; height: 40px; padding: 0; border-radius: 3px; text-align: center; margin: 0 7px; border: 0; background: rgba(196, 147, 102, 0.8); color: #fff; }
.main-page .jump .form-control::placeholder { color: #fff; opacity: 0.6; }
.main-page .jump .btn { width: 58px; height: 40px; background: #C49366; border: 0; border-radius: 3px; text-align: center; color: #fff; margin-left: 10px; text-transform: uppercase; cursor: pointer; }
@media screen and (max-width:700px) {
	.main-page { flex-direction: column; align-items: center; height: auto; padding-top: 16px; padding-bottom: 32px; }
	.main-page .page { width: 100%; justify-content: center; }
	.main-page .page { margin-bottom: 16px }
}
@media screen and (max-width:600px) {
	.main-page .page .prev span, .main-page .page .next span { display: none; opacity: 0; }
	.main-page .prev, .main-page .next { min-width: 40px; }
	.main-page .prev .icon { margin-left: 4px; }
}
/*******************************
-------[=页面底部------
********************************/
#footer { position: relative; background-color: #141414; border-top: solid 1px #C49366; }
#footer .footer { display: flex; flex-flow: row wrap; justify-content: space-between; padding-top: 50px; padding-bottom: 50px; position: relative; }
#footer .footer .block { display: flex; flex-direction: column; }
#footer .footer .block .t { font-size: 16px; font-weight: 600; color: #C49366; margin-bottom: 32px; text-transform: capitalize; white-space: nowrap; }
#footer .footer .block a, #footer .footer .block p { font-size: 14px; font-weight: 400; text-transform: capitalize; color: rgba(168, 132, 92, 0.6); margin-bottom: 6px; }
#footer .footer .block .big { font-size: 30px; color: rgba(168, 132, 92, 1) }
#footer .footer .block.con p { display: flex; }
#footer .footer .block.con p span { white-space: nowrap; }
#footer .footer .block.qrcode { width: 100px; }
#footer .footer .block.qrcode img { width: 80px; height: 80px; margin-bottom: 32px; }
#footer .copyright { padding-top: 16px; padding-bottom: 16px; position: relative; margin-bottom: -12px; display: flex; justify-content: space-between; }
#footer .copyright a { color: rgba(168, 132, 92, 0.6); }
#footer .copyright:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: rgba(196, 147, 102, 0.2); }
#footer .copyright p { color: rgba(168, 132, 92, 0.6); margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; }
/*******************************
-------[=页面------
********************************/
.spl-header { transform: translateY(0) }
header, #header { width: 100%; }
#header .wrapper, #nav, .nav, .nav .nav-ul, .nav .mainlevel, .nav .mainlevel a { height: 100%; }
#header .wrapper, .nav .nav-ul { display: flex; justify-content: space-between; align-items: center; }
header { position: fixed; z-index: 100; left: 0; top: 0; }
#header { height: 80px; background: #171717; }
#header .wrapper.hide { -webkit-transform: scale(0) !important; -ms-transform: scale(0) !important; transform: scale(0) !important; opacity: 0 !important; }
#logo { width: 240px; height: 100%; }
.logo, .logo a { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; }
.logo { background: url(../images/logo.png) left center no-repeat; background-size: contain; }
#nav { display: flex; justify-content: space-between; padding-right: 40px; }
.nav .nav-ul { flex-flow: row wrap; width: 100% }
.nav .mainlevel { position: relative; z-index: 10; display: flex; justify-content: center; }
.nav .mainlevel a { color: #fff; text-decoration: none; margin: 0 1.5vw; display: flex; align-items: center; position: relative; z-index: 2; text-transform: capitalize; }
.nav .mainlevel a:before { content: ""; position: absolute; z-index: 1; width: 0; height: 2px; left: 50%; bottom: 0px; background: linear-gradient(90deg, #B09379 0%, #946F49 100%); }
.nav .mainlevel a span { position: relative; z-index: 2; font-size: 16px; font-weight: 400; }
.nav .mainlevel.active a span, .nav .mainlevel a:hover span, .nav .mainlevel:hover span, .nav .mainlevel.active.cuf:hover a span { color: #C49366; }
.nav .mainlevel.active a:before, .nav .mainlevel a:hover:before, .nav .mainlevel:hover a:before, .nav .mainlevel.active.cuf a:before { width: 100%; left: 0; }
.nav .mainlevel.active.cuf a span { color: #fff; }
.nav .mainlevel.active.cuf a:before { width: 0; left: 50%; }
.nav .mainlevel.active.cuf ul { visibility: hidden; opacity: 0; }
.nav .mainlevel.active.cuf:hover ul { visibility: visible; opacity: 1; }
.nav .mainlevel:last-child ul { left: auto; transform: translateX(0); right: 0; }
.sub-mainlevel a:before { display: none; }
.nav .mainlevel .sub-mainlevel { display: flex; height: 80px; align-items: center; padding-left: 16px; padding-right: 16px; }
.nav .mainlevel .sub-mainlevel a { white-space: nowrap; color: #C49366; }
.nav .mainlevel ul li ul { display: none; transform: scale(0) }
.nav .mainlevel ul { background: #fff; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: rgba(50, 50, 50, 0.8); box-shadow: 5px 10px 17px rgba(0, 0, 0, 0.25); opacity: 0; visibility: hidden; }
.nav .mainlevel:hover { z-index: 1000; }
.nav .mainlevel:hover ul, .nav .mainlevel.active ul { opacity: 1; visibility: visible }
.search { display: flex; align-items: center; position: absolute; height: 100%; right: 0; }
.search img { cursor: pointer; }
.search-box { position: absolute; top: 0; width: 100%; height: 100%; left: 0; transition: all 0.5s; transform: scale(0); opacity: 0; z-index: -10; display: flex; justify-content: center; align-items: center; }
.search-box.search-show { transform: scale(1); opacity: 1; z-index: 1200; }
.search-box .box { width: 650px; margin: 0 auto; position: relative; display: flex; align-content: space-between; align-items: center; }
.search-box .form { width: 90%; height: 40px; margin-top: 0; margin-bottom: 0; border: 1px solid rgba(196, 147, 102, 0.8); }
.search-box .form form { width: 100%; height: 100%; display: flex; align-content: space-between; align-items: center; }
.search-box .form .text { flex: 1; font-size: 14px; height: 40px; line-height: 40px; padding: 0 20px; background-color: transparent; color: #C49366; }
.search-box .form .text::placeholder { color: #C49366; opacity: 0.5; }
.search-box .form .submit { width: 40px; height: 40px; font-size: 0; background-color: transparent; background-size: 18px 18px; cursor: pointer; }
.search-box .search-close { width: 45px; height: 45px; cursor: pointer; transition: all 0.3s; padding: 15px 0 0 15px }
.search-box .search-close:hover:before, .search-box .search-close:hover:after { background: #C0890B }
.search-box .search-close:before, .search-box .search-close:after { content: ""; display: block; width: 25px; height: 2px; background: rgba(196, 147, 102, 0.8); position: absolute; top: 45%; }
.search-box .search-close:before { transform: rotate(45deg); }
.search-box .search-close:after { transform: rotate(-45deg); }
header.fixed { box-shadow: 0px 2px 4px rgba(122, 122, 122, 0.1); }
header.fixed #header { height: 60px; }
header.fixed .nav .mainlevel:after { height: 30px; margin-top: -15px; }
header.fixed .nav .mainlevel a span { font-size: 14px; }
header.fixed #logo { width: 145px; }
header.fixed .nav .mainlevel.active ul { opacity: 0; visibility: hidden; }
header.fixed .nav .mainlevel.active.cuf:hover ul { opacity: 1; visibility: visible }
header.fixed .nav .mainlevel .sub-mainlevel { height: 50px; }
.pc-img { display: block !important; }
.mobile-img { display: none !important; }
.lws-title { position: relative; padding-top: 60px; padding-bottom: 60px; }
.lws-title .main { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; font-size: 32px; font-weight: 600; color: #C49366; text-transform: uppercase; }
.play-btn { position: absolute; z-index: 4; left: 50%; top: 50%; width: 72px; height: 72px; margin-top: -36px; margin-left: -36px; border-radius: 50%; background: rgba(0, 0, 0, 0.48); display: flex; justify-content: center; align-items: center; cursor: pointer; }
.play-btn:after { content: ""; display: block; width: 20px; height: 30px; background-color: #fff; border-radius: 4px; clip-path: polygon(0 0, 100% 50%, 0 100%); }
#main { padding-top: 136px; background: #232323; border-radius: 2px; }
/*品牌历程*/
.brand { position: relative; padding-bottom: 80px; }
.brand:before { content: ""; display: block; position: absolute; width: 100%; height: 1px; left: 0; top: 53px; background: linear-gradient(270deg, rgba(154, 122, 82, 0) 1.56%, #9A7A52 20.31%, #9A7A52 80.73%, rgba(154, 122, 82, 0) 100%); }
.brand .swiper-btn { background: none; z-index: 12; top: 20px; }
.brand .swiper-btn:before { border-right-color: #A8845C; border-top-color: #A8845C; }
.brand .prev.swiper-btn { left: 0; margin-left: -100px; }
.brand .next.swiper-btn { right: 0; margin-right: -100px; }
.brand .year { padding-bottom: 60px; }
.brand .year .swiper-slide { font-size: 18px; color: rgba(154, 122, 82, 0.8); display: flex; flex-direction: column; align-items: center; position: relative; padding-bottom: 10px; height: 60px; cursor: pointer; }
.brand .year .swiper-slide:after { content: ""; display: block; position: absolute; left: 50%; margin-left: -7px; bottom: 0; transform: scale(0.8); width: 12px; height: 12px; border: 1px solid #9A7A52; background-color: #181818; border-radius: 50%; }
.brand .year .swiper-slide.swiper-slide-thumb-active { font-size: 24px; }
.brand .year .swiper-slide.swiper-slide-thumb-active:after { transform: scale(1); }
.brand .brand-content { background-color: #000; padding: 72px 48px; }
.brand .brand-content .txt>div { background-image: -webkit-linear-gradient(141.01deg, #EEDEA0 18.63%, #C09A45 77.63%); ; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; }
.brand .brand-content .txt { display: flex; flex-direction: column; align-items: center; }
.brand .brand-content .txt .p1 { font-size: 32px; margin-bottom: 16px; }
.brand .brand-content .txt .p2 { font-size: 26px; }
.brand .brand-content .txt:after, .brand .brand-content .img:after { content: ""; width: 100%; height: 1px; display: block; background: linear-gradient(270deg, rgba(236, 220, 157, 0) 0%, #CFB063 48.96%, rgba(207, 176, 99, 0) 100%); margin-top: 20px; margin-bottom: 25px; }
.brand .brand-content .txt:after { margin-top: 20px; margin-bottom: 25px; }
.brand .brand-content .img:after { margin-top: 32px; }
.brand .brand-content .img { display: flex; flex-flow: row wrap; justify-content: center; }
.brand .brand-content .img .images { width: 48%; margin: 0 1%; padding-top: 36%; }
/*品牌跨界*/
.brand2.list .list-ul { margin-right: 0; margin-bottom: 50px; }
.brand2.list .list-li { width: 100%; margin-right: 0; margin-bottom: 50px; display: flex; background-color: #fff; align-items: center; }
.brand2.list .images { width: 67%; padding-top: 36%; }
.brand2.list .list-txt { flex: 1; padding-left: 36px; padding-right: 36px; }
.brand2.list .list-txt .name { font-size: 24px; font-weight: 600; color: #333; white-space: normal; }
.brand2.list .list-txt .txt-info { -webkit-line-clamp: 6; margin-top: 14px; margin-bottom: 24px; }
.brand2.list .list-txt .txt-info, .brand2.list .list-txt .txt-info * { font-size: 16px; line-height: 1.8; color: rgba(51, 51, 51, 0.8); }
.brand2.list .list-txt .btn { }
.brand2.list .list-txt .btn a { width: 150px; height: 50px; display: flex; justify-content: center; align-items: center; border: 1px solid #C49366; color: #C49366; }
.brand2.list .list-txt .btn a:hover { background-color: #C49366; color: #fff; }
/*文章详细*/
.detailed { background: rgba(44, 44, 44, 0.8); padding: 90px; }
.detailed .head { padding-bottom: 20px; margin-bottom: 30px; position: relative; }
.detailed .head:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(270deg, rgba(196, 147, 102, 0) 0%, #C49366 48.96%, rgba(196, 147, 102, 0) 100%); }
.detailed .head .h1 { font-size: 28px; line-height: 1.5; color: #A8845C; display: inline-block; padding: 20px 0; width: 100%; text-align: center; }
.detailed .head .tool { font-size: 12px; color: #A8845C; display: flex; justify-content: center; }
.detailed .body { padding: 0; margin-bottom: -22px; }
.detailed .body * { font-size: 16px !important; color: rgba(196, 147, 102, 0.8) !important; line-height: 2 !important; background: none !important; }
.detailed .body p { margin-bottom: 22px; }
.detailed .body h5 { font-size: 18px !important; color: #333 !important; margin-top: 20px !important; }
.detailed .body h5:after { content: ""; display: block; width: 20px; height: 2px; background: #E84545; margin: 20px 0 30px 0; }
.detailed .body b { font-size: 18px; color: #333; margin-bottom: 15px; }
.detailed .body hr { height: 1px; width: 100%; margin: 30px 0; border: 0; display: block; background: #ddd }
.detailed .body img { max-width: 70%; margin: 15px 0; width: auto; display: inline-block; }
@media screen and (max-width:900px) {
	.detailed .body img { max-width: 80%; }
}
@media screen and (max-width:700px) {
	.detailed .body img { max-width: calc(100% + 32px); margin-left: -16px; margin-right: -16px; margin-top: 0; margin-bottom: 0; }
}
/*龙王山介绍*/
.lws-about { display: flex; }
.lws-about .images { width: 49%; padding-top: 34%; }
.lws-about .txt { flex: 1; padding-left: 32px; }
#lws-image { position: relative; }
#lws-image:after { content: ""; display: block; position: absolute; left: 0; bottom: 40px; width: 100%; height: 490px; background: url("../images/lws-image.jpg") center center no-repeat; background-size: cover; opacity: 0.5; }
.lws-image { position: relative; }
.lws-image .images { padding-top: 570px; }
.lws-image .swiper-btn { z-index: 2; }
.lws-image .next.swiper-btn { right: 0; margin-right: -100px; }
.lws-image .prev.swiper-btn { left: 0; margin-left: -100px; }
.honor.list .list-ul { margin-right: -32px; margin-bottom: 64px; }
.honor.list .list-li { width: calc(25% - 32px); margin-right: 32px; margin-bottom: 32px; }
.honor.list-border .list-li:after { border-color: #C49366; }
.honor.list .images { padding-top: 70%; margin: 2%; width: 96%; }
.honor.list .list-txt { padding-top: 10px; }
.honor.list .list-txt .name { color: #C49366; text-align: center; }
/*成长历程*/
#lws-history { background: url("../images/lws-history-bg.png") center bottom no-repeat fixed; }
.lws-history { display: flex; padding-bottom: 20vh; }
.lws-history * { color: #C49366 }
.lws-history .year { width: 188px; }
.lws-history .year .li { width: 100%; height: 64px; background: rgba(255, 255, 255, 0.05); margin-bottom: 2px; position: relative; }
.lws-history .year .li:after { content: ""; display: block; width: 0px; height: 24px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); clip-path: polygon(0 0, 100% 50%, 0 100%); background: #C49366; }
.lws-history .year .li label { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; font-size: 24px; color: #999; }
.lws-history .year .li.current { background: #C49366; }
.lws-history .year .li.current:after { width: 12px; margin-right: -12px; }
.lws-history .year .li.current label { color: #fff; cursor: auto; }
.lws-history .history-content { flex: 1; padding-left: 90px; position: relative; }
.lws-history .history-content:before { content: ""; display: block; width: 4px; height: 100%; background: rgba(255, 255, 255, 0.1); position: absolute; left: 147px; top: 0; }
.lws-history .history-content .h3 { padding-left: 50px; display: flex; align-items: center; font-size: 24px; font-weight: 600; color: #C49366; padding-top: 12px; padding-bottom: 12px; }
.lws-history .history-content .h3:before { content: ""; display: inline-block; width: 8px; height: 8px; background: #2C2C2C; border: 5px solid #C49366; border-radius: 50%; margin-right: 12px; }
.lws-history .history-content .card { display: flex; margin-bottom: 10px; align-items: flex-start; }
.lws-history .history-content .card .date { width: 80px; font-size: 16px; display: flex; align-items: center; justify-content: flex-end; margin-top: 20px; }
.lws-history .history-content .card .date:after { content: ""; display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: #C49366; margin-left: 8px; margin-right: 15px; }
.lws-history .history-content .card .info { flex: 1; display: flex; }
.lws-history .history-content .card .info:before { content: ""; display: block; width: 12px; height: 16px; clip-path: polygon(0 50%, 100% 0, 100% 100%); background: rgba(255, 255, 255, 0.05); box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15); margin-top: 21px; }
.lws-history .history-content .card .info .txt { flex: 1; background: rgba(255, 255, 255, 0.05); box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15); padding: 16px; font-size: 16px; line-height: 1.8; }
/*生态茶园*/
.lws-tea-garden { position: relative; padding-bottom: 64px; }
.lws-tea-garden-txt { padding-bottom: 32px; }
.lws-tea-garden-txt p { font-size: 16px; line-height: 2; color: rgba(196, 147, 102, 0.8); text-align: center; margin-bottom: 16px; }
.lws-tea-garden-photo { position: relative; }
.lws-tea-garden-photo .swiper-container { width: 83%; }
.lws-tea-garden-photo .images { padding-top: 56.25%; }
.lws-tea-garden-photo .swiper-btn { z-index: 2; }
.lws-tea-garden-photo .next.swiper-btn { right: 2%; }
.lws-tea-garden-photo .prev.swiper-btn { left: 2%; }
/*董事长致辞*/
.lws-chairman { display: flex; align-items: flex-end; }
.lws-chairman .images { width: 46%; padding-top: 32%; overflow: visible; }
.lws-chairman .images:after { content: ""; display: block; position: absolute; width: 240px; height: 145px; background: linear-gradient(180deg, #2C2C2C 0%, rgba(44, 44, 44, 0) 100%); right: 0; top: 0; margin-top: -32px; margin-right: -32px; }
.lws-chairman .txt { flex: 1; padding-left: 54px; position: relative; }
.lws-chairman .txt .text p { font-size: 14px; line-height: 1.5; color: #C49366; margin-top: 16px; }
.lws-chairman .txt .autograph { display: flex; justify-content: space-between; margin-top: 50px; }
.lws-chairman .txt .autograph .left { padding-top: 35px; }
.lws-chairman .txt .autograph .right img { margin-left: 12px; }
.lws-quality { position: relative; padding-bottom: 80px; }
.lws-quality .images { padding-top: 66%; }
.lws-quality .swiper-btn { transform: translateY(-40px); z-index: 2; }
.lws-quality .prev.swiper-btn { left: 0; margin-left: -100px; }
.lws-quality .next.swiper-btn { right: 0; margin-right: -100px; }
/*产品*/
.products.list .list-ul { margin-right: 0; margin-bottom: -50px; }
.products.list .list-li { width: 100%; margin-right: 0; margin-bottom: 50px; display: flex; }
.products.list .pro-photo { width: 45%; }
.products.list .pro-photo .images { padding-top: 56.25%; }
.products.list .pro-info { flex: 1; padding-left: 24px; display: flex; flex-direction: column; justify-content: space-between; }
.products.list .pro-info .name { font-size: 28px; font-weight: 600; color: rgba(196, 147, 102, 0.8); padding-top: 16px; }
.products.list .pro-info .name:after { content: ""; display: block; width: 100%; height: 2px; background: linear-gradient(90deg, #C49366 31.88%, rgba(196, 147, 102, 0) 100%); margin-top: 12px; margin-bottom: 24px; }
.products.list .pro-info .info p { font-size: 18px; margin-bottom: 10px; color: rgba(196, 147, 102, 0.8); }
.products.list .pro-info .info span { font-size: 16px; margin-right: 8px; }
.products.list .pro-info .info .videoBtn { margin-top: 15px; margin-bottom: 15px; }
.products.list .pro-info .info .videoBtn a { display: flex; align-items: center; color: rgba(196, 147, 102, 0.8); font-size: 18px; }
.products.list .pro-info .info .videoBtn a:before { content: ""; display: block; width: 12px; height: 14px; border-radius: 2px; background: rgba(196, 147, 102, 0.6); clip-path: polygon(0 0, 100% 50%, 0 100%); margin-left: 5px; }
.products.list .pro-buy { display: flex; padding-bottom: 16px; padding-left: 8px; }
.products.list .pro-info .info .videoBtn a:hover { color: rgba(196, 147, 102, 1); }
.products.list .pro-buy a { display: flex; align-items: center; margin-right: 32px; color: #C49366; opacity: 0.6 }
.products.list .pro-buy a:hover { opacity: 1 }
.products.list .pro-buy a img { width: 24px; height: 24px; margin-right: 8px; }
/*新闻*/
#news { position: relative; padding: 32px 32px 80px 32px; }
#news:after { content: ""; display: block; width: 100%; height: calc(100% - 72px); position: absolute; left: 0; top: 0; border: 1px solid #C49366; }
.news.list .list-ul { margin-right: 0; margin-bottom: -24px; }
.news.list .list-li { width: 100%; margin-bottom: 24px; margin-right: 0; display: flex; border-bottom: 1px dashed rgba(196, 147, 102, 0.6); padding-bottom: 24px; }
.news.list .images { width: 30%; padding-top: 200px; }
.news.list .list-txt { flex: 1; padding-left: 32px; padding-top: 0; padding-bottom: 0; display: flex; flex-direction: column; }
.news.list .list-txt .name { font-size: 18px; font-weight: 600; color: #C49366; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.news.list .list-txt .date { font-size: 14px; font-weight: 400; color: #C49366; margin-top: 15px; }
.news.list .list-txt .txt-info { -webkit-line-clamp: 2; margin-top: 16px; margin-bottom: 18px; }
.news.list .list-txt .txt-info, .news.list .list-txt .txt-info * { font-size: 14px !important; line-height: 1.8 !important; color: rgba(196, 147, 102, 0.8) !important; }
/*诚招加盟*/
.joinin1 { background-color: #2A2A2A; display: flex; align-items: flex-start; position: relative; }
.joinin1:before { content: ""; display: block; width: 1px; height: 100%; position: absolute; z-index: 1; background: rgba(196, 147, 102, 0.31); left: 178px; top: 0; }
.joinin1 .heading { width: 178px; overflow: visible; }
.joinin1 .heading .swiper-slide { height: 115px; border-bottom: solid 1px rgba(196, 147, 102, 0.31); display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative; }
.joinin1 .heading .swiper-slide:after { content: ""; display: block; width: 0px; height: 26px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); clip-path: polygon(0 0, 100% 50%, 0 100%); background: #C49366; }
.joinin1 .heading .swiper-slide:last-child { border-bottom: 0; border-right: 0; }
.joinin1 .heading .swiper-slide span { font-size: 18px; color: #C49366; }
.joinin1 .heading .swiper-slide.swiper-slide-thumb-active { background-color: #C49366 }
.joinin1 .heading .swiper-slide.swiper-slide-thumb-active:after { width: 15px; margin-right: -15px; }
.joinin1 .heading .swiper-slide.swiper-slide-thumb-active span { color: #fff }
.joinin1 .content { flex: 1; }
.joinin1-txt { padding: 36px; }
.joinin1-txt .h5 { font-size: 32px; font-weight: 600; color: #C49366; margin-bottom: 32px; }
.joinin1-txt .txt { }
.joinin1-txt .txt p { font-size: 16px; line-height: 1.8; color: rgba(196, 147, 102, 0.8); text-indent: 2rem; margin-bottom: 16px; }
.joinin1-txt .txt img { width: 100%; margin: 32px 0; }
#joinin2 { background: url("../images/joinin2.jpg") center center no-repeat; background-size: cover; width: 100%; padding-top: 40px; padding-bottom: 120px; }
.joinin2 { display: flex; flex-flow: row wrap; justify-content: center; margin-right: -20px; }
.joinin2 .item { width: 48%; margin-right: 2%; margin-bottom: 2%; display: flex; align-items: center; background-color: #2C2C2C; padding: 24px 36px; }
.joinin2 .item .photo { width: 112px; height: 112px; border-radius: 50%; border: solid 4px #C49366; overflow: hidden; }
.joinin2 .item .photo img { display: block; width: 100%; height: 100%; }
.joinin2 .item .txt { flex: 1; padding-left: 32px; margin-bottom: -18px; }
.joinin2 .item .txt p, .joinin2 .item .txt p span { font-size: 16px; color: rgba(196, 147, 102, 0.8); margin-bottom: 18px; }
.joinin2 .item .txt p span { margin-bottom: 0; }
#joinin3 { padding-bottom: 64px; }
/*联系*/
.contact { padding-bottom: 80px; }
.contact .info { display: flex; justify-content: space-between; width: 100%; margin-bottom: 36px; }
.contact .info .item { width: 31.6%; background: rgba(50, 50, 50, 0.8); padding: 16px 24px; }
.contact .info .item a { width: 100%; height: 100%; }
.contact .info .item, .contact .info .item a { display: flex; align-items: center; }
.contact .info .item .icon { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #C49366; display: flex; justify-content: center; align-items: center; }
.contact .info .item .txt { flex: 1; padding-left: 24px; ; display: flex; flex-direction: column; color: rgba(196, 147, 102, 1); font-size: 16px; }
.contact .info .item .txt span { color: rgba(196, 147, 102, 0.8); font-size: 14px; margin-top: 6px; }
.contact .map { width: 100%; }
.map #gaodi-map { width: 100%; height: 500px; z-index: 1; }
.map .icon { background: url(../images/map-icon.png) no-repeat; }
.map .icon-cir { width: 63px; height: 67px; }
.map .icon-cir-red { background-position: 0 0; }
.map .amap-info { width: 450px; }
.map .amap-info-content { padding: 20px 28px 20px 20px; }
.mapInfo { width: 100%; }
.map .amap-info-content h5, .mapInfo h6 { font-size: 18px; line-height: 20px; color: #C49366; font-weight: 600; margin-bottom: 10px; }
.map .amap-info-content div, .mapInfo p { font-size: 14px; line-height: 1.6em; color: #666 }
.amap-icon { background: url("../images/map-icon.png") no-repeat; width: 63px !important; height: 67px !important; transform: translate(-10px, -30px); }
.amap-icon img { display: none !important; }
@media screen and (max-width:800px) {
	.map #gaodi-map { height: 50vh }
	.map .amap-info-content { width: 80vw }
}
@media screen and (max-width:600px) {
	.map .amap-info { width: 80vw; }
}
/*招贤纳士*/
#recruit { background: url("../images/recruit.png") center top no-repeat; margin-top: -56px; }
#recruit .lws-title .main { align-items: flex-start }
#recruit .txt { font-size: 18px; line-height: 2.25; color: #C49366; width: 66.67%; }
.recruit-list, .recruit-detailed { padding-top: 150px; padding-bottom: 80px; }
.recruit-list .tr { display: flex; align-items: center; border-bottom: solid 1px rgba(196, 147, 102, 0.6); }
.recruit-list .tr.title { border-bottom-width: 2px; border-bottom-color: #C49366; }
.recruit-list .tr .td { flex: 1; display: flex; justify-content: center; text-align: center; padding-top: 24px; padding-bottom: 24px; font-size: 18px; color: rgba(196, 147, 102, 0.8); }
.recruit-list .tr .td .btn { width: 100px; height: 36px; background: #2C2C2C; font-size: 14px; color: rgba(196, 147, 102, 0.8); display: flex; justify-content: center; align-items: center; border-radius: 4px; }
.recruit-list .tr .td .btn:hover { background-color: rgba(196, 147, 102, 0.8); color: #fff; }
.recruit-list .tr.title { border-bottom-width: 2px; border-bottom-color: #C49366; }
.recruit-list .tr.title .td { font-weight: 600; color: #C49366; }
.recruit-detailed .head { border-bottom: solid 1px #C49366; padding-bottom: 16px; }
.recruit-detailed .head .h1 { font-size: 26px; font-weight: 600; color: #C49366; }
.recruit-detailed .head .date { font-size: 14px; color: rgba(196, 147, 102, 0.8); margin-top: 16px; }
.recruit-detailed .body { padding-top: 32px; padding-bottom: 64px; }
.recruit-detailed .body, .recruit-detailed .body * { font-size: 16px; line-height: 2; color: rgba(196, 147, 102, 0.8); }
.recruit-detailed .footer { border-top: solid 1px rgba(196, 147, 102, 0.6); border-bottom: solid 1px rgba(196, 147, 102, 0.6); padding: 16px; display: flex; justify-content: space-between; }
.recruit-detailed .footer a { font-size: 14px; color: rgba(196, 147, 102, 0.6); }
/*******************************
-------[=首页------
********************************/
#index-col1 { display: block; position: relative; width: 100%; margin-top: 80px; }
.index-banner { width: 100%; position: relative; z-index: 1; height: calc(100vh - 80px); }
.index-banner.swiper-container { padding-bottom: 0; }
.index-banner .swiper-wrapper { z-index: 1; }
.index-banner .swiper-btn { z-index: 5; top: 50%; width: 72px; height: 72px; }
.index-banner .swiper-btn.prev { left: 2% }
.index-banner .swiper-btn.next { right: 2% }
.index-banner .swiper-btn:after { content: ""; position: absolute; background: rgba(255, 255, 255, 0.2); width: 100%; height: 100%; border-radius: 50%; left: 0; top: 0; }
.index-banner .swiper-btn:hover:after { transform: scale(1.5); }
.index-banner .swiper-pagination { bottom: 20px; }
.index-banner .swiper-pagination-bullet { opacity: 1; position: relative; width: 50px; height: 2px; border-radius: 1px; margin: 0 5px !important; background-color: rgba(255, 255, 255, 0.1); transition: background-color .3s ease; }
.index-banner .swiper-pagination-bullet::before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(196, 147, 102, 0.8); transform: scaleX(0); transform-origin: 0 0; }
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before { animation: sliderPagination 4s linear forwards }
.index-banner .swiper-pagination-bullet:hover { background-color: rgba(196, 147, 102, 0.8); }
@keyframes sliderPagination {
	100% { transform: scaleX(1); opacity: 1; }
}
.index-banner-arrow { background: url("../images/index-banner-arrow.png") center top no-repeat; width: 30px; height: 60px; position: absolute; z-index: 10; left: 50%; margin-left: -15px; bottom: 60px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
.index-banner-arrow:after { content: ""; display: block; border-right: solid 1px #fff; border-bottom: solid 1px #fff; width: 7px; height: 7px; transform: rotate(45deg); animation: arrow 0.8s infinite; margin-bottom: 5px; }
@keyframes arrow {
	0% { margin-bottom: 5px; }
	100% { margin-bottom: 0; }
}
#index-main { background: url(../images/index-main.png) center top no-repeat #232323; }
.index-about { padding-top: 100px; display: flex; }
.index-about .spotlight-group { width: 49%; position: relative; }
.index-about img { width: 100%; }
.index-about .txt { flex: 1; padding-left: 20px; }
.index-about .txt .lws-title .main { align-items: flex-end; font-size: 30px; }
.index-about .txt .lws-title:before { content: "ABOUT US"; font-size: 90px; font-weight: 800; width: 100%; position: absolute; z-index: 1; top: 0; height: 100px; display: flex; justify-content: center; align-items: center; color: rgba(168, 132, 92, 0.1); }
.index-about .txt .h5 { font-size: 18px; font-weight: 600; color: #C49366; margin-top: -38px; }
.index-about .txt .txt-info { margin-top: 22px; margin-bottom: 40px; -webkit-line-clamp: 5 }
.index-about .txt .txt-info, .index-about .txt .txt-info * { font-size: 14px; line-height: 1.5; color: rgba(168, 132, 92, 0.8); }
.index-about .txt .more { justify-content: flex-start; }
.index-lws { display: flex; flex-flow: row wrap; margin-bottom: 80px; }
.index-lws .lws-title { width: 100%; }
.index-lws .item { display: flex; flex-direction: column; align-items: center; width: 33.33%; height: 300px; position: relative; }
.index-lws .item .icon, .index-lws .item .img { position: absolute; }
.index-lws .item .icon { left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; display: flex; flex-direction: column; align-items: center; }
.index-lws .item .icon p { text-align: center; margin-top: 15px; font-size: 18px; color: #fff; }
.index-lws .item .img { transform: scale(0, 0); left: 0; top: 0; right: 0; bottom: 0; z-index: 2; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.index-lws .item .img img { width: 100%; height: 100%; }
.index-lws .item:nth-child(even) { background-color: #2F2F2F }
.index-lws .item:nth-child(odd) { background-color: rgba(196, 147, 102, 0.81); }
.index-lws .item:hover .img { transform: scale(1, 1) }
#index-pro { background: url(../images/index-pro.png) center center no-repeat; background-size: cover; padding-bottom: 120px; }
.index-pro { position: relative; }
.index-pro .swiper-slide { width: 50%; height: 320px; position: relative; }
.index-pro .swiper-slide:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; z-index: 9; left: 0; top: 0; background: rgba(33, 33, 33, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.index-pro .swiper-slide.swiper-slide-active:before { display: none; }
.index-pro .swiper-btn { z-index: 9; }
.index-pro .next.swiper-btn { right: 0; margin-right: -100px; }
.index-pro .prev.swiper-btn { left: 0; margin-left: -100px; }
.index-pro-item { overflow: hidden; background: #212121; box-shadow: 9px 7px 7px rgba(0, 0, 0, 0.25); border-radius: 4px; }
.index-pro-item, .index-pro-item a { width: 100%; height: 100%; display: flex; align-items: center; }
.index-pro-item .images { width: 62%; padding-top: 62%; }
.index-pro-item .txt { flex: 1; padding: 0 22px; }
.index-pro-item .txt .t { font-size: 22px; font-weight: 600; color: #fff; }
.index-pro-item .txt .txt-info { margin-top: 14px; margin-bottom: 30px; -webkit-line-clamp: 5; }
.index-pro-item .txt .txt-info, .index-pro-item .txt .txt-info * { font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.8); }
.index-pro-item .txt .btn { color: #D02C2B; display: inline-block; }
.index-pro-item .txt .btn:after { content: ""; display: block; width: 0; height: 1px; background-color: #D02C2B; margin-top: 3px; }
.index-pro-item a:hover .images img, .index-news .item:hover .images img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.index-pro-item a:hover .btn:after { width: 100%; }
.index-news .item { position: relative; display: block; }
.index-news .item .images { padding-top: 67%; }
.index-news .item .txt { position: absolute; z-index: 5; left: 0; bottom: 0; width: 100%; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; background: rgba(0, 0, 0, 0.4); padding: 0 16px; color: #fff; line-height: 40px; }
.index-news .more { margin-top: 50px; }
.index-form { padding-bottom: 80px; }
.ajaxMsg { color: #A8845C }
.ajaxMsg img { margin-top: -3px; }
/*******************************
-------[=自适应------
********************************/
.body-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; display: none; background: rgba(0, 0, 0, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.top .close { width: 25px; height: 25px; position: absolute; z-index: 1001; top: 16px; right: 16px; display: none; cursor: pointer; }
.mobilemenu { width: 40px; height: 40px; padding: 9px 0 0 15px; position: absolute; z-index: 1001; right: 20px; top: 50%; margin-top: -20px; display: none; cursor: pointer; }
.mobilemenu b { width: 25px; height: 2px; background-color: #C49366; display: block; margin-bottom: 8px; }
.mobilemenu b:nth-child(2) { margin-left: 10px; width: 15px; }
.mobilemenu.close { border: 0; }
.mobilemenu.close b { position: absolute; width: 25px; top: 19px; }
.mobilemenu.close b:nth-child(2) { display: none; }
.mobilemenu.close b:nth-child(1), .top .close b:nth-child(1) { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.mobilemenu.close b:nth-child(3), .top .close b:nth-child(2) { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.wrapper { max-width: 1200px; width: 100%; }
@media screen and (max-width:1440px) {
	.index-pro .next.swiper-btn, .brand .next.swiper-btn { right: 0; margin-right: 0; }
	.index-pro .prev.swiper-btn, .brand .prev.swiper-btn { left: 0; margin-left: 0; }
	.lws-quality .next.swiper-btn { right: 0; margin-right: 16px; }
	.lws-quality .prev.swiper-btn { left: 0; margin-left: 16px; }
	#lws-image:after { height: 450px; }
	.lws-image { width: 85%; margin: 0 auto; }
	.lws-image .images { padding-top: 530px; }
}
@media screen and (max-width:1366px) {
	.search { right: 16px; }
	.lws-title { padding-top: 48px; padding-bottom: 48px; }
	#footer .footer { padding-top: 32px; padding-bottom: 32px; }
	.index-about { padding-top: 64px; }
	.index-about .txt .lws-title:before { font-size: 6vw }
	.index-lws { margin-bottom: 48px; }
	#index-pro, .index-form { padding-bottom: 64px; }
	.lws-radio-group .lws-radio { margin-left: 15px; }
	.index-pro .swiper-slide { height: 300px; }
	.index-pro-item .images { width: 60%; padding-top: 100%; }
	.brand { padding-bottom: 40px; }
	.brand .year { margin-left: 60px; margin-right: 60px; }
	.brand .brand-content { padding: 36px 24px; }
	.brand2.list .list-ul { margin-bottom: -32px; }
	.brand2.list .list-li { margin-bottom: 32px; }
	.brand2.list .list-txt { padding-left: 24px; padding-right: 24px; }
	.brand2.list .list-txt .txt-info { -webkit-line-clamp: 5; }
	#lws-image:after { height: 420px; }
	.lws-image .images { padding-top: 500px; }
	.lws-image .next.swiper-btn { right: 0; margin-right: -80px; }
	.lws-image .prev.swiper-btn { left: 0; margin-left: -80px; }
	.honor.list .list-ul { margin-right: -16px;}
	.honor.list .list-li { width: calc(25% - 16px); margin-right: 16px; margin-bottom: 16px; }
	#lws-history { background-size: 100% auto; }
	.lws-chairman .txt .autograph { margin-top: 32px; }
	.lws-chairman .txt .autograph .left { padding-top: 16px; }
	.lws-chairman .txt .autograph .right img { width: 20px; height: auto; }
	.joinin1 .heading .swiper-slide { height: 90px; }
}
@media screen and (max-width:1280px) {
	.wrapper { padding: 0 16px; max-width: 100%; }
	.products.list .list-ul { margin-bottom: -32px }
	.products.list .list-li { margin-bottom: 32px }
	#joinin2 { padding-top: 0px; padding-bottom: 60px; }
	#joinin3 { padding-bottom: 32px; }
	#recruit .txt { width: 80%; }
	.recruit-list, .recruit-detailed { padding-top: 80px; padding-bottom: 64px; }
}
@media screen and (max-width:1024px) {
	.search-box .box { width: 94%; }
	.map #gaodi-map { height: 500px; }
	.lws-title { padding-top: 32px; padding-bottom: 32px; }
	#footer .footer .block .t { margin-bottom: 16px; }
	#footer .copyright { flex-direction: column; align-items: center; }
	.index-lws .item { height: 240px; }
	.index-pro .swiper-slide { height: 240px; }
	.index-pro-item .txt .t { font-size: 20px; }
	.index-pro-item .txt .txt-info { margin-top: 7px; margin-bottom: 16px; }
	.index-pro-item .images { width: 50%; }
	.form .form-group { width: 48.5%; }
	.brand { padding-bottom: 32px; }
	.brand .year { padding-bottom: 30px; }
	.brand .year { margin-left: 50px; margin-right: 50px; }
	.brand .brand-content { padding: 16px; }
	.brand .brand-content .txt .p1 { margin-bottom: 8px; }
	.brand .brand-content .txt:after, .brand .brand-content .img:after { margin-top: 16px; }
	.brand .brand-content .txt:after { margin-bottom: 16px; }
	.brand2.list .list-ul { margin-bottom: -16px; }
	.brand2.list .list-li { margin-bottom: 16px; }
	.brand2.list .list-txt { padding-left: 12px; padding-right: 12px; }
	.brand2.list .list-txt .name { font-size: 20px; }
	.brand2.list .list-txt .txt-info { -webkit-line-clamp: 4; }
	#lws-image:after { height: 400px; }
	.lws-image { width: 80%; }
	.lws-image .images { padding-top: 480px; }
	.honor.list .list-li { width: calc(33.33% - 16px); }
	.lws-chairman .images:after { margin-top: -16px; margin-right: -16px; }
	.lws-chairman .images { padding-top: 42%; }
	.lws-chairman .txt { padding-left: 32px; }
	.lws-chairman .txt .autograph .left img { height: 80px; width: auto; }
	.lws-quality { padding-bottom: 32px; }
	.lws-quality .swiper-btn { transform: translateY(-32px) }
	.detailed { padding: 45px; }
	.products.list .pro-info .name { font-size: 20px; padding-top: 0; }
	.products.list .pro-info .name:after { height: 1px; margin-top: 16px; margin-bottom: 16px; }
	.products.list .pro-info .info p { font-size: 16px; }
	.joinin1 .heading .swiper-slide { height: 80px; }
	.contact { padding-bottom: 32px; }
	.contact .info { margin-bottom: 24px; }
	#recruit .txt { width: 100%; }
	.recruit-list .tr .td { padding-top: 20px; padding-bottom: 20px; font-size: 16px; }
}
@media screen and (max-width:900px) {
	.nav .mainlevel a:before, .nav .mainlevel:after, .nav .mainlevel ul:before, .nav .mainlevel ul li a:after { display: none; opacity: 0 }
	.pc-img { display: none !important; }
	.mobile-img { display: block !important; }
	.mobilemenu { display: inline-block; }
	.mobilemenu.hide { display: none; }
	header { height: 60px; z-index: 10; background-color: #fff; box-shadow: 0px 2px 4px rgba(122, 122, 122, 0.1); }
	#header { height: 100%; }
	#header .wrapper { padding-top: 0; }
	#header .wrapper, .nav .nav-ul { display: block }
	#nav, header.fixed #nav { position: fixed; display: block; width: 80%; height: 100%; right: -100%; top: 0px; padding: 0; margin: 0; background: rgba(50, 50, 50, 0.8); z-index: 101; overflow-x: hidden; overflow-y: auto; box-shadow: 5px 10px 17px rgba(0, 0, 0, 0.25); }
	#nav .nav { padding: 60px 16px 16px; width: 100%; height: auto; }
	#nav .nav .mainlevel { width: 100%; border-bottom: solid 1px rgba(255, 255, 255, 0.3); display: block; margin: 0; height: auto; }
	#nav .nav .mainlevel.active { border-bottom-color: #C49366; }
	#nav .nav .mainlevel.active a:after { border-top-color: #C49366; border-right-color: #C49366 }
	.nav .mainlevel a { opacity: 1; }
	.nav .mainlevel.active a, .nav .mainlevel a:hover, .nav .mainlevel ul li a:hover, .nav .mainlevel.active.cuf a:hover, .nav .mainlevel:hover a span { color: #C49366; }
	.nav .mainlevel ul { width: 100%; position: relative; top: 0; white-space: normal; height: auto; padding: 0 16px 16px; margin: 0; background: none; box-shadow: none; visibility: visible; opacity: 1; display: none; }
	.nav .mainlevel ul li { float: none; width: 100%; }
	.nav .mainlevel ul li ul { transform: scale(1); }
	.nav .mainlevel a { height: 50px; line-height: 50px; width: 100%; padding: 0; margin: 0; display: flex; align-items: center; }
	.nav .mainlevel a:after { content: ""; position: absolute; right: 16px; width: 8px; height: 8px; border-top: solid 1px rgba(255, 255, 255, 0.3); border-right: solid 1px rgba(255, 255, 255, 0.3); transform: rotate(45deg) }
	.nav .mainlevel ul li { margin-right: 0; }
	.nav .mainlevel ul li a { justify-content: flex-start; }
	.nav .mainlevel ul li a:hover { background: #eee; color: #333; }
	.nav .mainlevel.active ul { display: block; }
	.nav .mainlevel .sub-mainlevel { flex-direction: column; height: auto; }
	.nav .mainlevel .sub-mainlevel a { flex-direction: column; justify-content: center; align-items: flex-start; height: auto; border-bottom: solid 1px rgba(255, 255, 255, 0.3); }
	.nav .mainlevel .sub-mainlevel a:last-child { border-bottom: 0; }
	.swiper-btn { width: 46px; height: 46px; margin-top: -23px; }
	.swiper-btn:before { width: 12px; height: 12px; }
	#logo, #nav-right { position: absolute; top: 50%; transform: translateY(-50%); }
	#logo { left: 16px; width: 145px; }
	.search { right: 80px; }
	#footer .footer { flex-flow: row wrap; padding-top: 16px; padding-bottom: 16px; }
	#footer .footer .block.qrcode img { margin-bottom: 16px; }
	.lws-btn { width: 150px; height: 40px; }
	#main { padding-top: 60px; }
	#index-col1 { margin-top: 60px; }
	.detailed { padding: 0; margin-left: -16px; margin-right: -16px; }
	.detailed .head { margin-bottom: 16px; padding: 16px; }
	.detailed .head .h1 { font-size: 24px; padding-top: 16px; padding-bottom: 16px; }
	.detailed .body { padding: 16px; margin-bottom: 0; }
	.detailed .body p { margin-bottom: 16px; }
	.index-banner { width: 100%; height: auto; }
	.index-banner-arrow { display: none; opacity: 0; }
	.index-banner .swiper-pagination { bottom: 5px; }
	.index-banner .swiper-pagination-bullet { width: 24px; }
	.index-about { padding-top: 32px; }
	.index-lws { margin-bottom: 32px; }
	#index-pro, .index-form { padding-bottom: 32px; }
	.index-pro .swiper-slide { width: 70%; }
	.brand2.list .images { width: 60%; }
	#lws-image:after { display: none; }
	.lws-image { width: calc(100% + 32px); margin-left: -16px; margin-right: -16px; }
	.lws-image .next.swiper-btn { right: 0; margin-right: 0; }
	.lws-image .prev.swiper-btn { left: 0; margin-left: 0; }
	.lws-image .images { padding-top: 56.25%; }
	.lws-tea-garden { padding-bottom: 16px; }
	.lws-tea-garden-photo { margin-left: -16px; margin-right: -16px; }
	.lws-tea-garden-photo .swiper-container { width: 100%; }
	.lws-chairman .images { padding-top: 52%; }
	.lws-quality { padding-bottom: 16px; }
	.lws-quality .swiper-btn { transform: translateY(-16px) }
	.lws-history { padding-bottom: 16px; }
	.lws-history .year { width: 100px; position: absolute; top: 80px; left: 0; z-index: 5; }
	.lws-history .year .li { height: 48px; }
	.lws-history .year .li label { font-size: 20px; }
	.lws-history .history-content { padding-left: 104px; }
	.lws-history .history-content:before { left: 161px; }
	.products.list .list-ul { margin-bottom: -24px }
	.products.list .list-li { margin-bottom: 24px }
	#news { padding: 16px 16px 32px 16px; }
	.news.list .list-txt { padding-left: 16px; }
	.news.list .list-txt .date { margin-top: 8px; }
	.news.list .list-txt .txt-info { margin-top: 8px; margin-bottom: 12px; }
	.news.list .images { width: 36%; padding-top: 160px; }
	.joinin1 { flex-direction: column; margin-left: -16px; margin-right: -16px; width: calc(100% + 32px); }
	.joinin1:before { width: 100%; height: 1px; left: 0; top: 60px; }
	.joinin1 .heading { width: 100%; }
	.joinin1 .heading .swiper-slide { width: auto; height: 60px; border-right: solid 1px rgba(196, 147, 102, 0.31); border-bottom: 0; }
	.joinin1 .heading .swiper-slide:after { width: 20px; height: 0; right: auto; left: 50%; top: auto; bottom: 0; transform: translateY(0) translateX(-50%); clip-path: polygon(0 0, 100% 0, 50% 100%) }
	.joinin1 .heading .swiper-slide.swiper-slide-thumb-active:after { width: 20px; height: 12px; margin-bottom: -12px; margin-right: 0; }
	.joinin1 .content { flex: none; width: 100%; }
	.joinin1-txt { padding: 32px 16px 16px 16px; }
	.joinin1-txt .h5 { display: none; }
	.joinin1-txt .txt img { margin-top: 16px; margin-bottom: 16px; }
	.contact { padding-bottom: 16px; }
	.contact .info { margin-bottom: 16px; }
	.contact .info .item { width: calc((100% - 32px) / 3); padding: 16px; }
	.contact .info .item .txt { padding-left: 16px; }
	#recruit { margin-top: 0; background-attachment: fixed; }
	#recruit .txt { font-size: 16px; line-height: 2; }
	.recruit-list, .recruit-detailed { padding-top: 64px; padding-bottom: 32px; }
	.recruit-list .tr .td { padding-top: 16px; padding-bottom: 16px; }
	.recruit-detailed .body { padding-top: 16px; padding-bottom: 32px; }
}
@media screen and (max-width:800px) {
	.index-banner .swiper-btn { display: none; opacity: 0; }
	.lws-title { padding-top: 24px; padding-bottom: 24px; }
	.lws-title .main { font-size: 24px; }
	#footer .footer .block { width: calc(100% - 100px); flex-direction: row; flex-flow: row wrap; align-items: center; margin-bottom: 16px; }
	#footer .footer .block .t, #footer .footer .block a, #footer .footer .block p { margin-bottom: 10px; margin-right: 16px; }
	#footer .footer .block.qrcode { position: absolute; top: 16px; right: 0; flex-direction: column; align-items: center; }
	#footer .footer .block.qrcode p { margin-right: 0; }
	.index-about { padding-top: 16px; }
	.index-lws { margin-bottom: 16px; }
	#index-pro, .index-form { padding-bottom: 16px; }
	.index-about { flex-direction: column; }
	.index-about .spotlight-group { width: 100%; }
	.index-about .txt { padding-left: 0; }
	.index-about .txt .lws-title:before { font-size: 60px; }
	.index-about .txt .lws-title .main { font-size: 20px; }
	.brand .brand-content .txt .p1, .brand .brand-content .txt .p2 { text-align: center }
	.brand2.list .list-li { flex-direction: column; }
	.brand2.list .images { width: 100%; padding-top: 45% }
	.brand2.list .list-txt { padding: 16px; }
	.brand2.list .list-txt .txt-info { -webkit-line-clamp: 3; margin-top: 10px; margin-bottom: 10px; }
	.lws-about { flex-direction: column; }
	.lws-about .images { width: 100%; padding-top: 56.25%; }
	.lws-about .txt { padding-left: 0; padding-top: 16px; }
	.lws-chairman .images { padding-top: 60%; }
	#joinin2 { padding-bottom: 16px; }
	.joinin2 { flex-direction: column; }
	.joinin2 .item { margin-bottom: 16px; width: 100%; }
	.contact .info .item, .contact .info .item a { flex-direction: column; align-items: center; }
	.contact .info .item .txt { padding-left: 0; padding-top: 8px; text-align: center; }
	.recruit-list .tr .td:nth-child(3) { display: none; }
}
@media screen and (max-width:700px) {
	.brand2.list .list-txt .txt-info { -webkit-line-clamp: 2; }
	.honor.list .list-li { width: calc(50% - 16px); }
	.lws-chairman { flex-direction: column; align-items: flex-start; }
	.lws-chairman .images:after { top: auto; margin-top: 0; bottom: 0; margin-bottom: -32px; margin-right: -32px; }
	.lws-chairman .images { width: 73%; padding-top: 56.25%; }
	.lws-chairman .txt { padding-left: 0; }
	.lws-chairman .txt .autograph { position: absolute; z-index: 5; right: 0; top: 0; margin-top: -120px; flex-direction: column; align-items: flex-end; width: 25vw }
	.lws-chairman .txt .autograph .left { order: 2; }
	.lws-chairman .txt .autograph .left img { width: 100%; height: auto; }
	#news:after { height: calc(100% - 32px); }
	.recruit-list .tr .td:nth-child(5) { display: none; }
	.recruit-list, .recruit-detailed { padding-top: 32px; padding-bottom: 16px; }
	.recruit-detailed .footer { flex-direction: column; padding-bottom: 0; }
	.recruit-detailed .footer a { margin-bottom: 12px; }
}
@media screen and (max-width:600px) {
	.index-lws { margin-left: -16px; margin-right: -16px; }
	.index-lws .item { height: 140px; }
	.index-lws .item .icon { }
	.index-lws .item .icon img { width: 40px; height: auto; }
	.index-lws .item .icon p { font-size: 14px; }
	.index-pro .swiper-slide, .form .form-group { width: 100%; }
	.index-pro .swiper-btn { }
	.index-pro .prev.swiper-btn { margin-left: 10px; }
	.index-pro .next.swiper-btn { margin-right: 10px; }
	.index-pro .swiper-slide { height: auto }
	.index-pro-item .images { width: 100%; padding-top: 56.25%; }
	.index-pro-item .txt { padding: 24px; }
	.index-pro-item .txt .txt-info { -webkit-line-clamp: 2; }
	.index-pro-item, .index-pro-item a { flex-direction: column; }
	.brand .brand-content .txt .p1 { font-size: 18px; }
	.brand .brand-content .txt .p2 { font-size: 16px; }
	.brand2.list .list-txt .btn a { width: 100%; }
	.products.list .list-li { flex-direction: column; }
	.products.list .pro-photo { width: 100%; }
	.products.list .pro-photo .images { padding-top: 56.25%; }
	.products.list .pro-info { padding-left: 0; padding-top: 16px; }
	.products.list .pro-buy { flex-flow: row wrap; margin-bottom: -12px; }
	.products.list .pro-buy a { margin-bottom: 12px; }
	.news.list .list-li { flex-direction: column; }
	.news.list .images { width: 100%; padding-top: 56.25%; }
	.news.list .list-txt { padding-left: 0; padding-top: 16px; }
	.news.list .list-txt .lws-btn { margin-left: auto; margin-right: auto; }
	.joinin2 .item, .joinin2 .item .txt p { flex-direction: column; align-items: center; }
	.joinin2 .item .txt { padding-left: 0; padding-top: 24px; }
	.joinin2 .item .txt p { display: flex; }
	.joinin2 .item .txt p, .joinin2 .item .txt p span { text-align: center; line-height: 1.8; }
	.joinin2 .item .txt p span { margin-bottom: 5px; }
	.contact .info { flex-direction: column; margin-bottom: 0; }
	.contact .info .item { margin-bottom: 16px; }
	.contact .info .item, .contact .info .item a { width: 100%; flex-direction: row; }
	.contact .info .item .txt { text-align: left; padding-top: 0; padding-left: 16px; }
	.recruit-list .tr .td:nth-child(2) { display: none; }
	#footer .footer .block:nth-child(1), #footer .footer .block:nth-child(2), #footer .footer .block:nth-child(3), #footer .footer .block:nth-child(4) { display: none; }
	#footer .copyright p, .record p a { text-align: center; }
	.record p { display: flex; flex-direction: column; }
}
@media screen and (max-width:480px) {
	.index-pro-item .txt .txt-info { -webkit-line-clamp: 3; }
	.lws-quality .swiper-btn { display: none; opacity: 0; }
}
/*2022年6月29日16时修改*/
.brand:before { display: none; }
.brand-banner { background: url("../images/new/brand1.jpg") center center no-repeat; background-size: cover; width: 100%; height: calc(100vh - 80px); margin-top: -56px; }
.brand-banner .wrapper { display: flex; max-width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; }
.brand-banner .h4, .brand-banner .h5, .brand-banner p { text-align: center; color: #fff; }
.brand-banner .wrapper img { display: block; width: 140px; height: auto; }
.brand-banner .h4 { margin-top: 46px; margin-bottom: 30px; font-size: 24px; font-weight: 600; }
.brand-banner .h5 { margin-bottom: 30px; font-size: 24px; font-weight: 400; }
.brand-banner p { font-size: 18px; line-height: 2; }
.brand1-2 { display: block; width: 100%; margin-top: 110px; }
.brand1-img { margin-top: -32px; margin-bottom: 60px; display: flex; justify-content: space-between; flex-flow: row wrap; }
.brand1-img img { width: calc((100% - 40px) / 3); margin-bottom: 20px; }
@media screen and (max-width:1024px) {
	.brand-banner .h4 { margin-top: 20px; margin-bottom: 14px; font-size: 22px; font-weight: 600; line-height: 1.5 }
	.brand-banner .h5 { margin-bottom: 14px; font-size: 20px; font-weight: 400; line-height: 1.5; }
	.brand-banner p { font-size: 16px; }
	.brand1-2 { margin-top: 50px; }
	.brand1-img { margin-bottom: 40px; }
	.brand1-img img { margin-bottom: 16px; width: calc((100% - 32px) / 3); }
}
@media screen and (max-width:900px) {
	.brand-banner { margin-top: 0; height: auto; padding-top: 32px; padding-bottom: 32px; }
	.brand1-2 { margin-top: 32px; }
	.brand1-img { margin-bottom: 16px; margin-top: -8px; }
	.brand1-img img { width: calc((100% - 16px) / 2); }
}
/* 2022年8月8日08时新增 */
.video-wrap { display: flex; width: 100vw; height: 100vh; align-items: center; }
.video-wrap .video-card { flex: 1; padding-right: 32px; display: flex; justify-content: center; align-items: center; }
.video-wrap .video-card video { width: 100%; height: auto; }
.video-wrap .video-list { width: 240px; height: calc(100vh - 76px); margin-top: 60px; margin-bottom: 16px; overflow-x: hidden; overflow-y: auto; display: flex; flex-direction: column; }
.video-wrap .video-list::-webkit-scrollbar { width: 8px; height: 8px }
.video-wrap .video-list::-webkit-scrollbar-thumb { background: rgba(168, 132, 92, 0.5); border: 2px solid transparent; border-radius: 10px; background-clip: padding-box }
.video-wrap .video-list::-webkit-scrollbar-thumb:hover { background: rgba(168, 132, 92, 0.8); }
.video-wrap .video-list a { display: flex; align-items: center; margin-bottom: 16px; cursor: pointer; }
.video-wrap .video-list .play a { background: rgba(168, 132, 92, 0.2) }
.video-wrap .video-list .play .play-btn { border-radius: 0; transform: scale(1); width: 100%; height: 100%; margin-top: 0; margin-left: 0; left: 0; top: 0; }
.video-wrap .video-list .play .play-btn:after { content: "正在播放"; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 12px; color: #fff; background: none; clip-path: none }
.video-wrap .video-list a .images { width: 80px; padding-top: 60px; background-color: #000; }
.video-wrap .video-list a .images img { opacity: 0.7; }
.video-wrap .video-list a .play-btn { transform: scale(0.5); }
.video-wrap .video-list a .txt { padding-left: 20px; width: 140px; color: #fff; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
@media screen and (max-width:1024px) {
	.video-wrap { flex-direction: column; justify-content: center; }
	.video-wrap .video-card { padding-right: 0; padding-bottom: 16px; height: 70vh; flex: none }
	.video-wrap .video-list { width: 100%; height: 100px; flex-direction: row; overflow-x: auto; overflow-y: hidden; }
	.video-wrap .video-list li { margin-right: 16px; width: 240px; }
}