@charset "UTF-8";
@import url("/assets/index/swiper/swiper.min.css");
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; }

html, body { font-family: "Microsoft Yahei", Tahoma, Helvetica, Arial, sans-serif; font-size: 16px; }

a, a:hover, a:focus { text-decoration: none; outline: none !important; outline: 0; color: inherit; }

ul, ul li, ol, li { list-style: none outside none; }

input[type="submit"], input[type="reset"], input[type="button"], input { resize: none; border: none; }

input { text-align: inherit; }

textarea { resize: none; }

/*使如下元素默认鼠标经过是`小手`的形状（一般表示可以点击）*/
button, input[type="submit"], input[type="button"] { cursor: pointer; }

input, button, textarea { font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; color: inherit; outline: none; border: none; }

/*取消火狐浏览器部分版本`input`聚焦的时候默认的`padding、border`*/
input::-moz-focus-inner { padding: 0; border: 0; }

/*取消部分浏览器`input[type='number']`的默认样式*/
input[type="number"] { -moz-appearance: textfield; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }

/*输入控件的`placeholder`颜色设置为`#999`（浅灰色）*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 111111s; -webkit-transition: color 11111s ease-out, background-color 111111s ease-out; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #999; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }

textarea { resize: none; }

a { text-decoration: none; }

img { vertical-align: middle; border: none; width: 100%; height: 100%; }

i { font: inherit; }

/*单行溢出*/
.one-txt-cut { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

/*多行溢出 手机端使用*/
.three-txt-cut { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.two-txt-cut { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.flex { display: box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.flex-j { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }

.flex-w { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }

.flex-s { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; }

.flex-se { -webkit-justify-content: space-evenly; -moz-justify-content: space-evenly; -ms-justify-content: space-evenly; -o-justify-content: space-evenly; justify-content: space-evenly; }

.flex-c { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }

.flex-end { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; }

.align-start { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; }

.align-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }

.align-end { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; }

.flex-cm { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }

.trs { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.content { width: 1200px; min-width: 1200px; margin: 0 auto; }

.py20 { padding: 20px 0; }

.p20 { padding: 20px; }

body { --color-base: #0842cb; --header-height: 10rem; }

.button { display: inline-block; padding: 4px 16px; color: #1b1b1b; font-size: 14px; cursor: pointer; border: none; border: 2px solid #1b1b1b; }

.button:hover { background-color: #000000; color: #fff; }

/* 头部 */
.header { width: 100%; height: var(--header-height); }

.headerFixed { min-width: 1200px; width: 100%; background: #fff; position: fixed; top: 0; z-index: 1000; height: inherit; box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; }

.headerbox { height: inherit; }

.header-l { padding: 20px 0; }

.header-l .logo { width: 100%; }

.header-r { width: 100%; background-color: #333333; color: #ffff; }

.header-r .h1 { font-size: 18px; letter-spacing: 2px;}

/* 导航 */
.nav { flex: 1; }

.nav .nav1li { /* flex: 1; */ margin: 0 0px 0 5%; position: relative; text-align: center; }

.nav .nav1li .nav1a { white-space: nowrap; font-size: 1rem; color: #fff; font-weight: bold; line-height: 3.5rem; padding: 0 30px; }

.nav1a .iconfont { font-size: 0.6rem; padding-left: 0.5rem; color: rgba(255, 255, 255, 0.7); }

.nav .nav1li.active { border-bottom: 1px solid #fff; }

.nav .nav1li.active .nav1a { color: #fff; }

.nav .nav2ul { visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 50%; width: 100%; background-color: white; z-index: 100; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05); }

.nav .nav2li { padding: 0 1rem; }

.nav .nav2li a { font-size: 0.7rem; color: #444; text-align: center; display: block; padding: 0.5rem 0; }

.nav ul > li:hover .nav2ul { visibility: visible; opacity: 1; }

.nav .nav2li:hover { background-color: var(--color-base); }

.nav .nav2li:hover a { color: #fff; }

.nav.on { top: 0; position: fixed; left: 0; z-index: 500; }

/* PC底部 */
.footer { padding: 20px 0; background-color: #000000; color: rgba(255, 255, 255, 0.8); }

.footer .footNav { width: 30%; }

.footer .footBtm { text-align: center; margin: 0 20px; font-size: 14px; }

.footer .share { flex: 1; }

.footer .share img { width: 27px; height: 27px; }

/* 首页banner */
.swiper1 { width: 100%; height: 800px; position: relative; }

.swiper1 .swiper-slide { background-position: center center; background-size: cover; background-repeat: no-repeat; }

.banner .swiper1 .swiper-pagination { position: absolute; left: 50%; bottom: 80px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.banner .swiper1 .swiper-pagination-bullet { width: 0.65rem; height: 0.65rem; opacity: 0.5; background-color: #fff !important; margin: 0 0.4rem !important; border-radius: 50%; }

.banner .swiper1 .swiper-pagination-bullet-active { background-color: #fff !important; border: none; opacity: 1; }

.banner .video-slide { background-color: #000; }

/* ===== 首页 ===== */
.text_p { font-size: 1rem; color: #363636; line-height: 1.7; text-align: justify; text-indent: 2em; }

.title-content { margin: 20px 0; position: relative; }

.title-content .logo-img { width: 170px; height: auto; position: absolute; }

.title { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; padding: 10px 0; }

.title span { color: #fbdb18; }

.title .title_en { color: #000; font-size: 44px; }

.title .title_cn { color: #000; font-size: 20px; display: inline-block; }

.hover-scale { overflow: hidden; }

.hover-scale:hover { cursor: pointer; }

.hover-scale:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

/* 首页 */
.index-section1 { margin: 60px 0; }

.index-section1 a { display: inline-block; position: relative; }

.index-section1 a p { position: absolute; top: 30px; left: 30px; font-size: 18px; z-index: 100; }

.index-section1 a p::after { position: absolute; content: ""; bottom: -12px; left: 0; width: 30px; height: 3px; background-color: #999; }

.index-brand { min-width: 1200px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 1515px; }

.index-brand .wrap-box { width: 83%; margin: 0 auto 70px; background-color: #fff; }

.index-brand .top-item { border-bottom: 1px solid #e6e6e6; padding: 40px 0; }

.index-brand .top-item img { width: 228px; height: 145px; }

.index-brand .top-item p { margin-left: 40px; }

.index-brand .bot-item { margin-top: 20px; margin-bottom: 30px; }

.index-brand .bot-item .tit-cn { font-weight: bold; font-size: 28px; margin-bottom: 10px; }

.index-brand .bot-item .tit-en { font-size: 18px; margin-bottom: 20px; }

.index-hot .pro-items { padding: 50px 0; }

.index-hot .pro-items:nth-of-type(odd) { flex-direction: row-reverse; }

.index-hot .pro-pic { width: 736px; height: 805px; }

.index-hot .pro-text { width: 413px; }

.index-hot .pro-text h1 { font-size: 40px; font-weight: bold; margin-bottom: 10px; }

.index-hot .pro-text p { line-height: 1.7; margin-bottom: 30px; position: relative; }

.index-hot .pro-text p:after { position: absolute; content: ""; bottom: -60px; left: 0; width: 20px; height: 3px; background-color: #999; }

.index-hot .pro-text .bottom-box { margin-bottom: 80px; }

.index-hot .pro-text .bottom-box .price { font-size: 24px; margin-bottom: 10px; }

.index-hot .pro-text .bottom-box .price span { margin-left: 10px; font-size: 28px; }

.index-product.product { min-width: 1200px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 1770px; }

.index-product.product .wrap-box { height: 80%; }

.index-product.product .case-wrap .items { margin: 0 72px 0px 0; }

.product { background-color: #000; }

.product .rec-case { padding: 40px; position: relative; z-index: 1; width: 100%; display: flex; align-items: center; justify-content: flex-end; background-color: #fff; }

.product .rec-case .left-box { position: absolute; left: 80px; top: 50%; transform: translateY(-50%); z-index: 10; }

.product .rec-case .left-box .title-en { letter-spacing: 6px; font-size: 54px; }

.product .rec-case .left-box .title-cn { letter-spacing: 6px; font-size: 28px; }

.product .rec-case .left-box b { font-size: 24px; display: inline-block; margin: 10px 0; }

.product .rec-case .left-box p { line-height: 1.7; }

.product .rec-case .left-box .img-ul { margin-top: 40px; }

.product .rec-case .left-box .img-ul li { width: 119px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }

.product .rec-case .left-box .img-ul li:not(:last-child) { margin-right: 20px; }

.product .rec-case .left-box .img-ul li img { width: 100%; height: 100%; border-radius: 4px; transition: all 0.3s ease-in-out; }

.product .rec-case .left-box .img-ul li img:hover { transform: scale(1.05); cursor: pointer; }

.product .rec-case .right-box.image-box { position: relative; }

.product .rec-case .right-box.image-box img { width: 721px; height: 517px; }

.product .case-wrap { margin: 80px 0 50px; }

.product .case-wrap .items { width: calc((100% - 144px) / 3); background-color: #fff; margin: 0 72px 40px 0; }

.product .case-wrap .items:nth-child(3n) { margin-right: 0; }

.product .case-wrap .items .case-img { width: 350px; height: 380px; }

.product .case-wrap .items h4 { font-weight: normal; font-size: 18px; }

.product .case-wrap .items p { margin: 10px 0; font-size: 26px; }

.product .case-wrap .items .buy-btn { border: 1px solid #000; border-radius: 40px; padding: 4px 18px; font-size: 14px; }

.product .case-wrap .items .buy-btn:hover { background-color: #000; color: #fff; }

.product .button { margin-top: 30px; color: #fff; border: 1px solid #fff; }

/* 关于我们 */
.about-box1 { min-width: 1200px; background-position: center; background-size: cover; background-repeat: no-repeat; height: 630px; }

.about-box1 .ab-title { color: #fff; margin-bottom: 30px; }

.about-box1 .ab-tit1 { margin-bottom: 10px; }

.about-box1 .ab-tit1, .about-box1 .ab-tit2 { font-size: 48px; }

.about-box1 .ab-tit3 { font-size: 18px; color: rgba(255, 255, 255, 0.8); }

.about-box1 .ab-img { width: 625px; height: 321px; }

.about-box1 .ab-text { flex: 1; padding-left: 50px; }

.about-box1 .ab-text .text_p { color: #fff; }

.about-box1 .detail-btn { border: 1px solid rgba(255, 255, 255, 0.5); padding: 12px 22px; color: #fff; letter-spacing: 4px; cursor: pointer; }

.about-box1 .circle-plus { margin-left: 10px; width: 20px; height: 20px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); position: relative; /* 添加定位以便伪类绝对定位 */ }

.about-box1 .circle-plus::before, .about-box1 .circle-plus:after { content: ""; position: absolute; width: 50%; /* 水平线的宽度 */ height: 1px; /* 线的厚度 */ background-color: rgba(255, 255, 255, 0.5); top: 50%; left: 25%; /* 调整水平线的位置 */ }

.about-box1 .circle-plus::before { transform: translateY(-50%); /* 垂直线 */ }

.about-box1 .circle-plus:after { transform: translateY(-50%) rotate(90deg); /* 水平线 */ }

.about-box2 .ab-img { width: 573px; height: 437px; border-radius: 28px; }

.about-box2 .ab-text { width: 45%; }

/*  新闻资讯 */
.news { background-color: #000; }

.news .wz-row { width: 32%; margin-bottom: 24px; }

.news .wz-row:hover .wz-rowbox { box-shadow: 0 10px 20px rgba(82, 112, 182, 0.1); -webkit-transform: translateY(-1%); -moz-transform: translateY(-1%); -ms-transform: translateY(-1%); -o-transform: translateY(-1%); transform: translateY(-1%); }

.news .wz-rowbox { padding: 0; background-color: white; flex: 1; }

.news .n-img { overflow: hidden; width: 100%; object-fit: cover; /* width: 236px; height: 177px; */ position: relative; display: block; height: 280px; }

.news .n-img:hover 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); }

.news .date { color: #999; width: 100%; margin: 10px 0; margin-top: 0;}

.news .n-font { flex: 1; padding: 1rem; position: relative; }

.news .n-font .font-p { font-size: 15px; color: #333; margin: 0.5rem 0; }

.news .n-font h1 { font-size: 18px; color: #333; /*margin-bottom: 1rem;*/ /*in-height: 48px;*/ }

/* === news_detail */
.news_detail { background-color: #000; }

.news_detail_item { background-color: #fff; padding: 50px; border-radius: 20px; }

.news_detail .item_title { text-align: center; }

.news_detail .item_title h1 { font-weight: bold; font-size: 24px; }

.news_detail .item_title p { margin: 10px 0 20px; font-size: 16px; color: #999; }

.news_detail .text_p p { margin-bottom: 15px; }

.news_detail .news_detail_pic { width: 100%; margin: 40px 0 0px; }

.news_detail .news_detail_pic img { display: block; width: 760px; height: 300px; margin: 0 auto; }

.news_detail .item_container p { font-size: 16px; color: #363636; line-height: 1.6; text-align: justify; text-indent: 2em; margin-top: 5px; }

.news_detail .item_container p:has(img) { margin: 20px auto; text-indent: 0em; }

.news_detail .item_container p img {width:auto;max-width:100%}

/* 内页banner */
.banner-ny { position: relative; }

.banner-nybox { min-width: 1200px; overflow: hidden; height: 350px; background-position: center; background-size: cover; background-repeat: no-repeat; }

/* 联系我们 */
.contact { background-color: #000; padding-bottom: 30px; }

.contact .wrap-box { border-radius: 20px; padding: 50px; background-color: #fff; }

.contact .con-title .title--cn { font-weight: bold; font-size: 34px; }

.contact .con-title .title--en { font-weight: bold; font-size: 22px; margin: 10px 0; }

.contact .line-style { width: 70%; height: 2px; background-color: #c0c0c0; margin: 40px 0; }

.contact_container { display: flex; justify-content: space-between; }

.contact_container .desc_text { display: flex; flex-direction: column; justify-content: space-between; }

.contact_container .desc_text .button { width: 140px; height: 50px; background-color: #000; border-radius: 50px; color: #fff; }

.contact_address .items { text-align: center; width: 20%; display: flex; flex-direction: column; align-items: center; }

.contact_address .items img { margin-bottom: 20px; }

.contact_message { margin-top: 40px; width: 100%; }

.contact_message .form-box { width: 100%; }

.contact_message .form-con { width: 100%; }

.contact_message .form-row { display: flex; justify-content: space-between; align-items: center; }

.contact_message .form-row .form-item { width: 40%; display: flex; flex-wrap: nowrap; align-items: center; padding: 5px 0; box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #494949; margin-bottom: 20px; }

.contact_message .form-row .form-item .f-title { white-space: nowrap; }

.contact_message .form-row .form-item .f-input { flex: 1 1 auto; margin-left: 10px; }

.contact_message .form-row .text_area_item { width: 100%; }

.contact_message .form-row .text_area_item .f-textarea { padding: 5px; margin-top: 10px; width: 100%; height: 200px; border: 1px solid #494949; }

.contact_message .form-bottom { margin-top: 10px; display: flex; justify-content: space-between; align-items: center; }

.contact_message .form-bottom .form-btn { width: 100px; height: 40px; background-color: transparent; font-size: 16px; color: #000; text-align: center; border: 1px solid #494949; }

.contact .h1 { font-weight: bold; font-size: 30px; }

.contact .h2 { font-weight: bold; font-size: 22px; margin: 10px 0; color: #333; }

.contact .h3 { font-weight: bold; font-size: 18px; margin: 20px 0; }

.contact .text_p { font-size: 16px; line-height: 1.5; text-indent: 0; color: #6a6a6a; }