/* ========== 全局重置 & 基础样式 ========== */
:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box}
*:focus {outline: inherit}
html {-webkit-tap-highlight-color: transparent}
body {overflow-x: hidden;color: #3b3b3b;font-size: 14px;-webkit-overflow-scrolling: touch;font-family:Arial, Helvetica, sans-serif !important}
body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,p,td,th {margin: 0;padding: 0;border: 0}
li,ol,ul {margin: 0;padding: 0;list-style-type: none}
table {border-collapse: collapse;border-spacing: 0}
a {color: #3d3d3d;outline: none;text-decoration: none;background: transparent}
a:hover {color: #1a1a1a}
a,em,i,span {display: inline-block}
b,em,i {font-style: normal}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 14px}
button {padding: 0}
button,input,optgroup,select,textarea {outline: 0;border: 0;vertical-align: middle;font-family: PingFang SC}
input[type=radio],input[type=checkbox] {vertical-align: -2px}
button,html input[type=button],input[type=reset],input[type=submit],input[type=text] {outline: 0;border: 0;border-radius: 0;cursor: pointer;-webkit-appearance: button}
textarea {resize: none;font-size: 14px}
textarea,.select {appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none}
.select::-ms-expand {display: none}
.clearfix::after,.mauto::after,.row::after,.hsms::after {display: table;content: ""}
.clearfix:after,.mauto:after,.row:after,.hsms:after,.clear {clear: both}
a,img{display:block;}


/* 弹性布局 */
.flex {display: flex;}
.flex-wrap{flex-wrap: wrap}
.justify-start {justify-content: flex-start}
.justify-end {justify-content: flex-end}
.justify-center {justify-content: center}
.justify-between {justify-content: space-between}
.align-center {align-items: center}


/* 定位 */
.fixed {position: fixed}
.abs {position: absolute}
.rel {position: relative}


/* 文本对齐 */
.text-left {text-align: left}
.text-center {text-align: center}
.text-right {text-align: right}
.text-justify {text-align: justify}
.uppercase {text-transform: uppercase}
.fw{font-weight:bold;}


/* 溢出省略 */
.ov {overflow: hidden}
.l1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.l2, .l3, .l4, .l5, .l6, .l7 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical}
.l2 {-webkit-line-clamp: 2}
.l3 {-webkit-line-clamp: 3}
.l4 {-webkit-line-clamp: 4}
.l5 {-webkit-line-clamp: 5}
.l6 {-webkit-line-clamp: 6}
.l7 {-webkit-line-clamp: 7}

.auto {height: 100%;overflow: hidden}

/* 弹窗遮罩层 */
.fix-wrap {display: none;position: fixed;z-index: 99999;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8)}
.fix-wrap svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.fix-wrap circle {stroke-dasharray: 0 145;transition: all 0.8s;-webkit-transition: all 0.8s}
.dt {display: table;table-layout: fixed;}
.wh1 {width: 100%;height: 100%;}
.dtcell {display: table-cell;vertical-align: middle;text-align: center;padding: 15px;}
.dtcell img { max-width: 100%;max-height: 600px;margin: 0 auto;object-fit: contain;}

/* 关闭按钮 */
.fix-wrap .hide,.fix-wrap .hide01 {position: fixed;top: 5%;right: 5%;width: 49px;height: 49px;border-radius: 50%;cursor: pointer;overflow: hidden;background: transparent;transition: all 0.8s;-webkit-transition: all 0.8s}
.fix-wrap .hide::before,.fix-wrap .hide::after,.fix-wrap .hide01::before,.fix-wrap .hide01::after {z-index: 1;position: absolute;content: "";top: 50%;left: 50%;width: 1px;height: 50%;margin-top: -25%;background: #fff}
.fix-wrap .hide::before,.fix-wrap .hide01::before {transform: rotate(45deg);-webkit-transform: rotate(45deg)}
.fix-wrap .hide::after,.fix-wrap .hide01::after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg)}
.fix-wrap .hide:hover,.fix-wrap .hide01:hover {transform: rotate(-180deg);-webkit-transform: rotate(-180deg)}
.fix-wrap .hide:hover circle,.fix-wrap .hide01:hover circle {fill: none;stroke-dasharray: 145}

/* 手机内页菜单 */
.main-nav-m {display: none;position: relative;z-index: 5;cursor: pointer}
.main-nav-m .title {position: relative;height: 45px;line-height: 45px;padding: 0 10px;background: linear-gradient(270deg, #F96F08, #f96600);text-align: left;display: flex;box-sizing: border-box}
.main-nav-m .title strong {color: #fff;font-size: 16px;font-weight: bold}
.main-nav-m .title i {position: absolute;width: 45px;height: 100%;right: 0;top: 0}
.main-nav-m .title i::before,.main-nav-m .title i::after {position: absolute;top: 50%;content: "";width: 12px;height: 1px;background: #fff;transition: all 0.3s;-webkit-transition: all 0.3s}
.main-nav-m .title i::before {left: 46%;transform: rotate(40deg) scaleY(1.5);-webkit-transform: rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after {right: 46%;transform: rotate(-40deg) scaleY(1.5);-webkit-transform: rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before {transform: rotate(-40deg) scaleY(1.5);-webkit-transform: rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after {transform: rotate(40deg) scaleY(1.5);-webkit-transform: rotate(40deg) scaleY(1.5)}
.main-nav-m > ul {display: none;width: 100%;padding: 0 10px;background: linear-gradient(270deg, #F96F08, #F96F08);color: #fff;box-sizing: border-box}
.main-nav-m ul > li {animation: ReturnToNormal 0.5s both;-webkit-animation: ReturnToNormal 0.5s both}
.main-nav-m ul > li > a {display: block;line-height: 45px;border-bottom: 1px solid rgba(255, 255, 255, 0.55);font-size: 16px;color: #fff}
.m_sub_nav01 {width: 97%;display: none}
.m_sub_nav01 a {padding-left: 20px;display: block;line-height: 45px}


/* 手机头部汉堡按钮 */
.mob-nav {display: none;width: 40px;height: 40px;border-radius: 50%;margin-left: 10px;position: relative;background-size: auto 40%}
.mob-nav::before,.mob-nav::after,.mob-nav span {content: "";position: absolute;left: 50%;height: 2px;width: 26px;margin-left: -13px;background: #333;transition: all 0.5s ease}
.mob-nav::before {top: 50%;margin-top: -8px}
.mob-nav::after {top: 50%;margin-top: 6px}
.mob-nav span {top: 50%;margin-top: -1px}
.mob-nav.on::before {margin-top: -1px;transform: rotate(45deg)}
.mob-nav.on::after {margin-top: -1px;transform: rotate(-45deg)}
.mob-nav.on span {width: 0}


/* ========== 轮播图样式（Slick） ========== */
.slick-slider {position: relative;display: block;user-select: none;-webkit-user-select: none;touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.slick-list {position: relative;overflow: hidden;display: block;margin: 0;padding: 0}
.slick-track {position: relative;left: 0;top: 0;display: block}
.slick-track::after {content: "";display: table;clear: both}
.slick-slide {float: left;height: 100%;min-height: 1px}
.slick-slide img {width: 100%;display: block}
.slick-arrow {z-index: 1;position: absolute;top: 50%;font-size: 0;cursor: pointer;transform: translateY(-50%);-webkit-transform: translateY(-50%)}
.slick-prev {left: 0}
.slick-next {right: 0}
.slick-dots {position: absolute;left: 0;bottom: 20px;width: 100%;font-size: 0;text-align: center}
.slick-dots div {display: inline-block;width: 12px;height: 12px;border-radius: 99px;background: #ccc;margin: 0 5px;cursor: pointer}
.slick-dots div.slick-active,.slick-dots div:hover {background: #333}


/* ========== 视频和图片弹窗 ========== */
.fix-video .video-wrap {margin: 0 auto;width: 65%}
.fix-video video {max-width: 1200px;width: 100%;box-sizing:border-box;padding: 10px;border-radius: 5px;border: 1px solid #3a3a3a;background: #2d2d2d;object-fit: cover;animation: ReturnToNormal 0.5s both;-webkit-animation: ReturnToNormal 0.5s both}
.fix-pics {background: rgba(0, 0, 0, 0.7);display: none}
.fix-pic {overflow: auto}
.fix-pic img {max-height: 100%;animation: zoomIn 0.5s both;-webkit-animation: zoomIn 0.5s both}
.fix-pic-slider {color: #fff}
.fix-pic-slider .item {width: 100%;height: 100vh;cursor: grab;position: relative;background-color: transparent}
.fix-pic-slider .item:active {cursor: grabbing}
.item-box {max-width: 700px;width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}
.item-box img {max-width: 100%}
.item-box em {display: block;margin-top: 20px;line-height: 45px;font-size: 18px;text-align: center}
.item-box span {display: block;line-height: 30px;font-size: 16px;text-align: center}

@media(max-width:1000px){
  .fix-video .video-wrap {width:100%;}
}

/* 轮播箭头 */
.fix-pic-slider .slick-arrow {width: 45px;height: 45px;border-radius: 5px;background: rgba(0, 0, 0, 0.3);transition: all 0.5s}
.fix-pic-slider .slick-arrow::after {position: absolute;content: "";top: 50%;border: solid #fff;padding: 6px}
.fix-pic-slider .slick-arrow:hover {background: rgba(0, 0, 0, 0.9)}
.fix-pic-slider .slick-prev {left: 1%;animation: slideInLeft 0.5s both}
.fix-pic-slider .slick-prev::after {left: 50%;border-width: 0 1px 1px 0;transform: translateX(-25%) translateY(-50%) rotate(135deg)}
.fix-pic-slider .slick-next {right: 1%;animation: slideInRight 0.5s both}
.fix-pic-slider .slick-next::after {right: 50%;border-width: 1px 0 0 1px;transform: translateX(25%) translateY(-50%) rotate(135deg)}
.fix-pic-slider .slick_page {position: absolute;top: 0;left: 0;padding: 15px;font-size: 16px;font-weight: bold}
.fix-pic-slider .slick_page i {font-size: 22px}
.fix-pic-slider .slick_page div {display: none}
.fix-pic-slider .slick_page div.slick-active {display: block}
.fix-pic-slider .item .item1 {height: 100vh;display: flex;justify-content: center;align-items: center}






@media (max-width: 480px) {
  .fix-video .video-wrap {
    width: 100%;
  }
}