* { margin: 0; padding: 0; outline: none; box-sizing: border-box; }

.wow { visibility: hidden; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset,
img,
video { border: 0; vertical-align: middle; max-width: 100%; object-fit: cover; }


a { text-decoration: none; color: #333; }

address,
caption,
cite,
code,
dfn,
em,
th,
var { font-style: normal; font-weight: normal; }

ol,
ul { list-style: none; padding: 0; margin: 0; }

h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; }

a,
input,
button,
select,
textarea { outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; line-height: normal; }

abbr,
acronym { border: 0; }



@font-face { font-family: 'gilroy_bold'; src: url('../fonts/AlibabaSans-Bold.otf') format('truetype'); }

@font-face { font-family: 'gilroy_light'; src: url("//cq-wx-jkc.oss-cn-chengdu.aliyuncs.com/css/fonts/Alibaba-PuHuiTi-Light.woff2") format("woff2"), url('//cq-wx-jkc.oss-cn-chengdu.aliyuncs.com/css/fonts/Alibaba-PuHuiTi-Light.woff') format('woff'); font-display: swap; }

@font-face { font-family: 'gilroy_Medium'; src: url('../fonts/AlibabaSans-Medium.otf') format('truetype'); }




@font-face {

 font-family: 'gilroy_regular'; src:url("//cq-wx-jkc.oss-cn-chengdu.aliyuncs.com/css/fonts/Alibaba-PuHuiTi-Regular.woff2") format("woff2"), url('//cq-wx-jkc.oss-cn-chengdu.aliyuncs.com/css/fonts/Alibaba-PuHuiTi-Regular.woff') format('woff');     font-display: swap;


}


body { font-family:"gilroy_regular", "PingFang SC", Arial !important; font-size: 16px; color: #000; }


.flexBetween { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flexStart { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flexCenter { display: -webkit-flex; /* Safari */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flexEnd { display: -webkit-flex; /* Safari */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ellipsis { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-justify: distribute-all-lines; }

.ellipsis2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-justify: distribute-all-lines; }

.ellipsis3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-justify: distribute-all-lines; }

.ellipsis4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-justify: distribute-all-lines; }

.ellipsis5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-justify: distribute-all-lines; }

.ellipsis6 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; text-justify: distribute-all-lines; }

/* 滚动条样式 */
.l_scrollx { overflow: auto; overflow-x: auto; overflow-y: hidden; scrollbar-color: #cf0f35 #fff; /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */ scrollbar-width: thin; /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */ -ms-overflow-style: none; }

.l_scrolly { overflow: auto; overflow-x: hidden; overflow-y: auto; scrollbar-color: #cf0f35 #fff; /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */ scrollbar-width: thin; /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */ -ms-overflow-style: none; }

.l_scroll::-webkit-scrollbar { width: 1px; height: 2px; }

.l_scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: rgba(255, 255, 255, 0.7); }

.l_scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(255, 255, 255, 0.3); }

/* 滚动条样式 END */

/* 视频弹窗 */
.layerVideo { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; background: rgba(0, 0, 0, 0.5); display: none; }

.layerVideo .box { width: min(8rem, 80vw); position: absolute; top: 50%; left: 50%; max-height: 60vh; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); }

.layerVideo .box video { width: 100%; }

.layerVideo .box span { position: absolute; right: -32px; top: -32px; color: #fff; font-size: 32px; font-weight: bold; cursor: pointer; }

/* 视频弹窗 End*/



.lpk_phone { display: none; }

@media screen and (max-width:992px) {
    .lpk_pc { display: none; }

    .lpk_phone { display: block; }
}

@media screen and (max-width: 699px) {
}

/* animation: headanim 0.5s ease 0s infinite; */
/* 手机图标动画 */
@keyframes headanim {
    0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }

    25% { transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); }

    100% { transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); }
}

@-webkit-keyframes headanim {
    0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }

    25% { transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); }

    100% { transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); }
}

@-moz-keyframes headanim {
    0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }

    25% { transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); }

    100% { transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); }
}

@-o-keyframes headanim {
    0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }

    25% { transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); }

    100% { transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); }
}

/* 手机图标动画END */

.hidden { overflow: hidden; }

/* 手机导航 */
.MobileMain { --phone_height: 60px; position: sticky; top: 0; left: 0; z-index: 8; width: 100%; background: #fff; display: none; }

.MobileMain .HeaderMobile { height: var(--phone_height); box-shadow: 0px 0px 0px 1px #eee; }

.MobileMain .HeaderMobile .box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 5vw; }

.MobileMain .HeaderMobile .box .logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.MobileMain .HeaderMobile .box .logo a { display: block; }

.MobileMain .HeaderMobile .box .logo a img { height: 32px; }

.MobileMain .HeaderMobile .box .button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

/* .MobileMain .HeaderMobile .box .button a {
	font-size: 0.18rem;
	color: #fff;
	background: #d2091d;
	display: block;
	line-height: 0.45rem;
	padding: 0 0.3rem;
	border-radius: 0.25rem;
  } */
.MobileMain .HeaderMobile .box .button .search p svg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.MobileMain .HeaderMobile .box .button .search .Close { display: none; }

.MobileMain .HeaderMobile .box .button .search .active .Show { display: none; }

.MobileMain .HeaderMobile .box .button .search .active .Close { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.MobileMain .HeaderMobile .box .button .word { font-size: 14px; font-weight: bold; }

.MobileMain .HeaderMobile .box .button .word a { color: #206231; text-decoration: none; }

.MobileMain .HeaderMobile .box .button .word a svg { display: inline-block; vertical-align: sub; animation: CallUp 0.5s ease 0s infinite; -webkit-animation: CallUp 0.5s ease 0s infinite; -moz-animation: CallUp 0.5s ease 0s infinite; -o-animation: CallUp 0.5s ease 0s infinite; }

.MobileMain .HeaderMobile .box .button .word a img { position: relative; }

.MobileMain .HeaderMobile .box .button .call a { color: #000; font-size: 16px; }

.MobileMain .HeaderMobile .box .button .search { margin-left: 0.5rem; }

.MobileMain .HeaderMobile .box .button .search .icon2 { display: none; }

.MobileMain .HeaderMobile .box .button .search.active .icon1 { display: none; }

.MobileMain .HeaderMobile .box .button .search.active .icon2 { display: block; }


.MobileMain .HeaderMobile .box .button .menu { margin-left: 0.5rem; }

.MobileMain .HeaderMobile .box .button .menu .menu_btn p { position: relative; }

.MobileMain .HeaderMobile .box .button .menu .menu_btn p span { display: block; width: 30px; height: 2px; background: #d2091d; margin: 8px 0; }

.MobileMain .HeaderMobile .box .button .menu .menu_btn p span:nth-child(1) { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

.MobileMain .HeaderMobile .box .button .menu .menu_btn p span:nth-child(2) { opacity: 0; }

.MobileMain .HeaderMobile .box .button .menu .menu_btn p span:nth-child(3) { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

.MobileMain .HeaderMobile .box .button .menu .menu_btn p::before { content: ''; position: absolute; top: 0; width: 100%; height: 2px; background: #d2091d; top: 50%; margin-top: -1px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

.MobileMain .HeaderMobile .box .button .menu .menu_btn p::after { content: ''; position: absolute; top: 0; width: 100%; height: 2px; background: #d2091d; top: 50%; margin-top: -1px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

.MobileMain .HeaderMobile .box .button .menu .menu_btn.active p span { opacity: 0; }

.MobileMain .HeaderMobile .box .button .menu .menu_btn.active p::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.MobileMain .HeaderMobile .box .button .menu .menu_btn.active p::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.MobileNavigation { position: absolute; z-index: 3; top: var(--phone_height); background: #fff; left: 0; width: 100%; z-index: 7; height: calc(100vh - var(--phone_height)); display: none; }

.MobileNavigation .box_scroll { max-height: 90%; padding: 0.5rem 5vw; box-sizing: border-box; overflow: scroll; -ms-scroll-chaining: none; overscroll-behavior: contain; }

.MobileNavigation .box_scroll .box .item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.MobileNavigation .box_scroll .box .item a { line-height: 50px; display: flex; font-size: 16px; color: #333; justify-content: space-between; }

.MobileNavigation .box_scroll .box .item a i { color: #666; font-size: 16px; }

.MobileNavigation .box_scroll .box .item a p { display: flex; align-items: center; }

.MobileNavigation .box_scroll .box .item a p span { display: block; width: 15px; height: 1px; background: #666; position: relative; }

.MobileNavigation .box_scroll .box .item a p span::after { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: #666; transform: rotate(90deg); transition: 0.4s; }

.MobileNavigation .box_scroll .box .item .active p span::after { transform: rotate(180deg); }

.MobileNavigation .box_scroll .box .item .twoSelect { padding-left: 16px; display: none; }

.MobileNavigation .box_scroll .box .item .twoSelect .twoSelectItem a { font-size: 15px; }

.MobileNavigation .box_scroll .box .item .threeSelect { padding-left: 16px; display: none; }

.MobileNavigation .box_scroll .box .item .threeSelect .threeSelectItem a { font-size: 15px; }

.MobileNavigation .box_scroll .box .item .fourSelect { padding-left: 16px; display: none; }

.MobileNavigation .box_scroll .box .item .fourSelect .fourSelectItem a { font-size: 15px; }

.mobile_search { display: none; z-index: 4; width: 100%; position: fixed; top: 0.95rem; left: 0; padding: 0.6rem 0; background: #fff; border-bottom: 1px solid #eee; }


.mobile_search form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: min(7rem, 90%); margin: 0 auto; background: #f5f5f5; border-radius: 12px; }

.mobile_search .input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.mobile_search .input input { width: 100%; border: none; min-height: 60px; padding-left: 20px; background: none; color: #333; }

.mobile_search .label .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 60px; height: 100%; border-radius: 12px; background: #ea5504; cursor: pointer; }

/* 手机导航 End */

/* 图片弹框 */


.layerImg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 10; display: none; }

.layerImg .close { position: absolute; right: 5vw; top: 0.5rem; }

.layerImg .close i { color: #fff; cursor: pointer; font-size: 0.24rem; transition: 0.4s; display: inline-block; }

.layerImg .close i:hover { transform: rotate(180deg); }

.layerImg .box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 80%; display: flex; }

.layerImg .box img { max-width: 100%; max-height: 100%; margin: auto; }

/* 图片弹框 End */
@media screen and (max-width:1200px) {
    .MobileMain { display: block; }
}

@media screen and (min-width: 669px) {
    .MobileNavigation .box_scroll .box .item a { line-height: 76px; font-size: 22px; }

    .MobileNavigation .box_scroll .box .item .twoSelect .twoSelectItem a { font-size: 21px; }
}