@charset "UTF-8";
/* ==================== 重置默认样式 start ==================== */
* {padding: 0;margin: 0;box-sizing: border-box;font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei", "华文细黑", "STHeiti", "MingLiu", sans-serif;outline: none}
*:before,*:after {vertical-align: middle;box-sizing: border-box;}

html {margin: 0 auto;}
ul,li,ol {list-style: none;}
em {font-style: normal;}
img {vertical-align: middle;max-width: 100%;}
a {color: inherit;text-decoration: none;outline: none;-webkit-backface-visibility: hidden;}
a:hover {text-decoration: none;}
a:focus {outline: none;}
input:focus,select:focus,textarea:focus {outline: -webkit-focus-ring-color auto 0;}
button,input {border: 0;outline: none;background: none;}
table {border-collapse: collapse;border-spacing: 0;}
th,td {vertical-align: middle;}
i {font-style: inherit;}
#map label {max-width: initial;}
#map img {max-width: initial;}
p{ margin-bottom: 0}
/* ==================== 重置默认样式 end ==================== */
/* ==================== 常用样式 start ==================== */
/* 清除浮动 */
.clearfix {display: block;zoom: 1;}
.clearfix:after {content: " ";display: block;font-size: 0;height: 0;clear: both;visibility: hidden;}
/* bootstart ul */
ul,h1,h2,h3,h4,li,p {padding: 0;margin: 0;}
/* 外层容器样式 */
section {overflow: hidden;}
/* 通用正文样式 */
article {font-size: 18px;line-height: 1.8;text-align: justify;color: #333;}
/* 图片统一动画 */
.mxw-image {overflow: hidden;}
.mxw-image:hover img {transform: scale(1.1);}
.mxw-image img {transition: all 0.4s;width: 100%;}
/* ==================== 常用样式 end ==================== */
/* ==================== 置顶按钮 start ==================== */
/*
#goto-top {position: fixed;z-index: 10;right: 0.3333rem;bottom: 10%;width: 0.6667rem;height: 0.6667rem;cursor: pointer;background: #ff7e00;display: flex;align-items: center;justify-content: center;border-radius: 2px;transition: all 0.4s;visibility: hidden;opacity: 0;border: 1px solid #fff;}
#goto-top.active {visibility: visible;opacity: 1;}
#goto-top:after {content: "";display: block;width: 0.2333rem;height: 0.2333rem;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(-45deg);margin-top: 6px;}
@media screen and (max-width: 751px) {#goto-top {    width: 30px;    height: 30px;    right: 10px;}}*/
/* ==================== 置顶按钮 end ==================== */
/* ==================== 文本行数限制 start ==================== */
.u-line-1 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.u-line-2 {-webkit-line-clamp: 2;}
.u-line-3 {-webkit-line-clamp: 3;}
.u-line-4 {-webkit-line-clamp: 4;}
.u-line-5 {-webkit-line-clamp: 5;}
.u-line-6 {-webkit-line-clamp: 6;}
.u-line-2,.u-line-3,.u-line-4,.u-line-5,.u-line-6 {overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
/* ==================== 文本行数限制 end ==================== */
/* ==================== flex通用布局 start ==================== */
.u-flex {display: flex;flex-direction: row;align-items: center;}
.u-flex-wrap {flex-wrap: wrap;}
.u-flex-nowrap {flex-wrap: nowrap;}
.u-flex-col {flex-direction: column;}
.u-grow-1 {flex-grow: 1;}
.u-col-center {align-items: center;}
.u-col-top {align-items: flex-start;}
.u-col-bottom {align-items: flex-end;}
.u-row-center {justify-content: center;}
.u-row-left {justify-content: flex-start;}
.u-row-right {justify-content: flex-end;}
.u-row-between {justify-content: space-between;}
.u-row-around {justify-content: space-around;}
/* ==================== flex通用布局 end ==================== */
/* ==================== 通用布局 start ==================== */
@media screen and (min-width: 751px) {.u-row-2,.u-row-3,.u-row-4,.u-row-5,.u-row-6 {    display: flex;    align-items: stretch;    justify-content: flex-start;    flex-wrap: wrap;}.u-row-2 > .u-col {    width: 48%;}.u-row-2 > .u-col:nth-child(2n) {    margin-left: 4%;}.u-row-2 > .u-col:nth-child(2) ~ .u-col {    margin-top: 4%;}.u-row-3 > .u-col {    width: 32%;}.u-row-3 > .u-col:nth-child(3n-1) {    margin-left: 2%;    margin-right: 2%;}.u-row-3 > .u-col:nth-child(3) ~ .u-col {    margin-top: 2%;}.u-row-4 > .u-col {    width: 23.5%;    margin-right: 2%;}.u-row-4 > .u-col:nth-child(4n) {    margin-right: 0%;}.u-row-4 > .u-col:nth-child(4) ~ .u-col {    margin-top: 2%;}.u-row-5 > .u-col {    width: 18.4%;    margin-right: 2%;}.u-row-5 > .u-col:nth-child(5n) {    margin-right: 0%;}.u-row-5 > .u-col:nth-child(5) ~ .u-col {    margin-top: 2%;}.u-row-6 > .u-col {    width: 15%;    margin-right: 2%;}.u-row-6 > .u-col:nth-child(6n) {    margin-right: 0%;}.u-row-6 > .u-col:nth-child(6) ~ .u-col {    margin-top: 2%;}}
@media screen and (max-width: 751px) {.u-row-2,.u-row-3,.u-row-4,.u-row-5,.u-row-6 {    display: flex;    align-items: stretch;    justify-content: flex-start;    flex-wrap: wrap;}.u-row-2 .u-col {    width: 100%;}.u-row-2 .u-col:nth-child(1) ~ .u-col {    margin-top: 2%;}.u-row-3 > .u-col,.u-row-4 > .u-col,.u-row-5 > .u-col,.u-row-6 > .u-col {    width: 48%;}.u-row-3 > .u-col:nth-child(2n),.u-row-4 > .u-col:nth-child(2n),.u-row-5 > .u-col:nth-child(2n),.u-row-6 > .u-col:nth-child(2n) {    margin-left: 4%;}.u-row-3 > .u-col:nth-child(2) ~ .u-col,.u-row-4 > .u-col:nth-child(2) ~ .u-col,.u-row-5 > .u-col:nth-child(2) ~ .u-col,.u-row-6 > .u-col:nth-child(2) ~ .u-col {    margin-top: 4%;}}
/* ==================== 通用布局 end ==================== */
/* ==================== 分页样式 start ==================== */
.mxw-pagination {margin-top: 50px;font-size: 0;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.mxw-pagination > a,.mxw-pagination > span {padding: 6px 12px;font-size: 14px;color: #666;line-height: 1.2;border: 1px solid #ccc;display: block;margin: 4px;}
.mxw-pagination > a.active,.mxw-pagination > a:hover {background-color: #ed4822;color: #fff !important;}
.mxw-pagination > a:first-child {margin-left: 0;}
.mxw-pagination > a:last-child {margin-right: 0;}
@media screen and (max-width: 751px) {.mxw-pagination {    margin-top: 30px;}.mxw-pagination > a {    font-size: 12px;    margin: 2px;    padding: 8px 10px;}}
/* ==================== 分页样式 end ==================== */

/* ==================== 通用标签页 start ==================== */
/* 标签页 */
.mxw-tabs {padding-left: 0;padding-right: 0;}
.mxw-tabs .mxw-tabs-header {display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;}
.mxw-tabs .mxw-tabs-wrap {position: relative;display: flex;overflow-x: scroll;max-width: 100%;align-items: center;justify-content: flex-start;}
.mxw-tabs .mxw-tabs-wrap::-webkit-scrollbar {display: none;}
.mxw-tabs .mxw-tabs-item {flex-shrink: 0;text-align: center;cursor: pointer;font-size: 0.3rem;white-space: nowrap;background: #eaeaea;color: #333;padding: 0rem 0.5rem;margin-right: 0.9rem;line-height: 0.6667rem;}
.mxw-tabs .mxw-tabs-item:last-child {margin-right: 0;}
.mxw-tabs .mxw-tabs-item.active {background: #ed4822;color: #fff;}
@media screen and (max-width: 751px) {.mxw-tabs .mxw-tabs-header {    margin-bottom: 20px;}.mxw-tabs .mxw-tabs-item {    font-size: 14px;    padding: 0 20px;    margin-right: 10px;}.mxw-tabs .mxw-tabs-item:last-child {    margin-right: 0;}}
/* ==================== 通用标签页 end ==================== */
/* ==================== 关键词 start ==================== */
.mxw-keywords {position: relative;z-index: 99;width: 100%;background: #f9f9f9;}
.mxw-keywords .mxw-box {position: relative;display: flex;align-items: center;padding-top: 15px;padding-bottom: 15px;
}
.mxw-keywords .left {position: relative;flex-grow: 1;font-size: 16px;line-height: 1.2;color: #666;}
.mxw-keywords .left strong {vertical-align: inherit;}
.mxw-keywords .left span {color: #ed4822;vertical-align: inherit;/*font-weight: bold;*/}
.mxw-keywords .left a:after {content: ",";padding-left: 5px;padding-right: 5px;}
.mxw-keywords .left a:hover {color: #ed4822;}
.mxw-keywords .left a:last-child {padding-right: 0;}
.mxw-keywords .left a:last-child::after {display: none;}
.mxw-keywords .right form {display: flex;align-items: stretch;justify-content: space-between;position: relative;}
.mxw-keywords .right form:before {content: "";display: block;width: 2px;height: 16px;background-color: #d9d9d9;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
.mxw-keywords .right input {width: 230px;height: 44px;line-height: 44px;padding: 0 20px;font-size: 14px;color: #333;border: 1px solid #c4c4c4;border-right: 0;background-color: #fff;margin-right: -20px;}
.mxw-keywords .right input::-webkit-input-placeholder {/*Webkit browsers*/color: #999;}
.mxw-keywords .right input:-moz-placeholder {/*Mozilla Firefox 4 to 8*/color: #999;}
.mxw-keywords .right input::moz-placeholder {/*Mozilla Firefox 19+*/color: #999;}
.mxw-keywords .right input:-ms-input-placeholder {/*Internet Explorer 10+*/color: #999;}
.mxw-keywords .right button {width: 65px;height: 44px;background-color: #ed4822;border-radius: 0px 5px 5px 0px; color: #fff;display: flex;align-items: center;justify-content: center;}
.mxw-keywords .right button .icon {display: block;width: 20px;height: 20px;overflow: hidden;font-size: 0;background: url(../images/icon.png) no-repeat;
}
.mxw-keywords .right button .text {font-size: 14px;padding-left: 5px;}
/* ==================== 关键词 end ==================== */

/* ==================== 移动端头部 start ==================== */
@media screen and (max-width: 751px) {header {z-index: 99999;}
.mxw-mob-nav .head {font-size: 0;padding-left: 12px;padding-right: 12px;display: flex;align-items: center;justify-content: space-between;height: 60px;max-width: 750px;width: 100%;transform: translateX(-50%);position: fixed;top: 0;left: 50%;z-index: 99;background-color: #fff;}
.mxw-mob-nav .logo {display: block;flex-shrink: 0;}
.mxw-mob-nav .logo img {height: 40px;}
.mxw-mob-nav .menu-btn {flex-shrink: 0;width: 26px;height: 20px;cursor: pointer;outline: none;display: flex;flex-flow: column;justify-content: space-between;align-items: center;}
.mxw-mob-nav .menu-btn i {display: block;width: 100%;height: 3px;border-radius: 100px;background-color: #333;}
.mxw-mob-nav .menus-box {position: fixed;width: 100%;height: 100%;top: 0;right: 50%;max-width: 450px;z-index: 9999;background: rgba(0, 0, 0, 0.5);visibility: hidden;opacity: 0;transform: translateX(50%);}
.mxw-mob-nav .menus-box.active {visibility: visible;opacity: 1;}
.mxw-mob-nav .menus-box.active .menus {transform: translateX(0);}
.mxw-mob-nav .menus {width: 60%;height: 100%;margin-right: 0;margin-left: auto;background: #fff;transform: translateX(100%);transition: all 0.5s;display: flex;align-items: flex-start;justify-content: flex-start;flex-flow: column;z-index: 9;}
.mxw-mob-nav .menus > ul {width: 100%;overflow: auto;}
.mxw-mob-nav .menus > ul > li.active > ul {display: block;}
.mxw-mob-nav .menus > ul > li > a {display: block;width: 100%;padding: 15px 18px;font-size: 14px;color: #555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mxw-mob-nav .menus > ul > li > a.sub:after {content: "";display: inline-block;vertical-align: middle;width: 0;height: 0;border-top: 4px solid #555;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 0;margin-left: 10px;}
.mxw-mob-nav .menus > ul > li > ul {display: none;padding: 0px 24px;}
.mxw-mob-nav .menus > ul > li > ul > li > a {font-size: 14px;color: #888;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;line-height: 36px;height: 36px;border-bottom: 1px solid #f3f3f3;}
.mxw-mob-nav .menus-head {width: 100%;flex-shrink: 0;display: flex;align-items: center;justify-content: space-between;background: #F8F8F8;border-bottom: 0.6px solid #eee;font-size: 16.8px;font-weight: bold;line-height: 54px;height: 54px;padding-left: 18px;padding-right: 18px;}
.mxw-mob-nav .menus-head .text {color: #333;line-height: 1.2;}
.mxw-mob-nav .menus-head .mxw-close {flex-shrink: 0;width: 20px;height: 20px;cursor: pointer;outline: none;position: relative;transform: rotate(45deg);}
.mxw-mob-nav .menus-head .mxw-close:before,.mxw-mob-nav .menus-head .mxw-close:after {content: "";display: block;border-radius: 100px;position: absolute;left: 50%;top: 50%;background-color: #333;transform: translate(-50%, -50%);}
.mxw-mob-nav .menus-head .mxw-close:before {width: 2px;height: 100%;}
.mxw-mob-nav .menus-head .mxw-close:after {width: 100%;height: 2px;}
}

/* ==================== 移动端头部 end ==================== */



/* ==================== 轮播图 start ==================== */
.mxw-banner {font-size: 0;position: relative;}
.mxw-banner .swiper-slide {overflow: hidden;}
.mxw-banner .swiper-slide img {width: 100%;}
.mxw-banner .swiper-pagination {width: 100%;max-width: 1600px;display: flex;justify-content: center;align-items: center;position: absolute;bottom: 25px;right: 50%;transform: translateX(50%);left: auto;padding-right: 40px;}
.mxw-banner .swiper-pagination .swiper-pagination-bullet {width: 1.333rem;height: 4px;background-color: #fff;margin-left: 5px;margin-right: 5px;border: 2px solid #fff;outline: none;opacity: 1;border-radius: 0;}
.mxw-banner .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}
.mxw-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #da241d;border-color: #da241d;
}
.mxw-banner .swiper-button-next,.mxw-banner .swiper-button-prev {width: 1.383rem;height: 1rem;display: flex;align-items: center;justify-content: center;
background-image: none;outline: none;
}
.mxw-banner .swiper-button-next::after,.mxw-banner .swiper-button-prev::after {font-size: 0.667rem;color: #ed4822;}
.mxw-banner .swiper-button-next {right: 0;}
.mxw-banner .swiper-button-prev {left:0;}
.mxw-banner .banner-swiper {--swiper-navigation-color: #fff;/* 单独设置按钮颜色 */--swiper-navigation-size: 24px;/* 设置按钮大小 */}

@media screen and (max-width: 751px) {.mxw-banner .swiper-pagination {    padding-right: 0px;    bottom: 10px;    max-width: 80%;}.mxw-banner .swiper-pagination .swiper-pagination-bullet {    margin: 0 5px;    font-size: 14px;    width: 8px;    height: 8px;}.mxw-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {    font-size: 18px;}.mxw-banner .swiper-button-next,.mxw-banner .swiper-button-prev {    display: none;}}
/* ==================== 轮播图 end ==================== */


/* 容器大小 */
.mxw-box {max-width: 1600px;margin: 0 auto;font-size: 0.3rem;color: #333;width: 84%;}
.mxw-box2 {max-width: 1500px;margin: 0 auto;font-size: 0.3rem;color: #333;width: 86%;}

/* 内页 banner */
.ny-banner img {width: 100%;}




/* ==================== 页面自定义样式 start ==================== */
@media screen and (min-width: 1680px) {/* pc端固定html标签文字大小(rem适配) */html {    font-size: 60px !important;}}
@media screen and (max-width: 1680px) {html {  /*  font-size: 60px !important;*/}.mxw-box {    max-width: 86%;}}
@media screen and (min-width: 751px) {.pc-none,.mob-nav,.pc-none {    display: none !important;}.mxw-ny-box {    max-width: 1400px;    padding-top: 60px;    padding-bottom: 60px;}}
@media screen and (max-width: 1680px) {.mxw-ny-box {    max-width: 90%;}}
@media screen and (max-width: 751px) {.mxw-ny-box {    max-width: 100%;    font-size: 0;    padding: 30px 20px;}}
@media screen and (max-width: 751px) {body {    margin-top: 60px;}html {    font-size: 50px;}.m-none,.pc-nav {    display: none !important;}.mxw-box {    padding: 30px 20px;    max-width: 100%;}.mxw-section {    padding-left: 0;    padding-right: 0;}article {    font-size: 15px;}}
/* ==================== 页面自定义样式 end ==================== */

/* ==================== 通用细节调整 start ==================== */
.page-banner .nybt{z-index:3;display:none;}
.page-banner .nybt h3{font-size:0.6rem;}
#toolbar .online-one li.phone .tel-phone{display: flex;flex-wrap:wrap;height:100%;justify-content: center;align-items: center;width:140px;}
.product-detail-tab .product-detail-tabli li.on:before,.product-detail-tab .product-detail-tabli li:visited:before,.product-detail-tab .product-detail-tabli li:active:before{display:none;}
.product-detail-tab .product-detail-tabli li.on,.product-detail-tab .product-detail-tabli li:visited,.product-detail-tab .product-detail-tabli li:active{color:#fff;}
.product-detail-tab .product-detail-tabli li{background:#00a1e9;color:#fff;font-size:15px;font-weight:bold;}
.product-detail-tabcon{font-size:18px;line-height:1.8;text-align:justify;}
.page-banner .nybt{display: none;}
.ueditor_baidumap{width:100%;}
/* 相册调整 */

.xypg-album-list{display:flex;align-items:flex-start;flex-wrap:wrap;margin-left:0;margin-right:0;}
.xypg-album-list li{padding:10px;border:1px solid #eaeaea;padding-bottom:0;margin:0 2% 0 0;width:23.5%;}
.xypg-album-list li:nth-child(4n){margin-right:0;}
.xypg-album-list li:nth-child(4)~li{margin-top:2%;}
.xypg-album-list li h3{position:initial;color:#666;font-size:16px;background:none;height:40px;line-height:40px;margin-top:10px;}
@media screen and (min-width: 751px) {/* .page-wrap{padding-top:30px;}
 */.easyzoom-flyout img{max-width:inherit;}
.container{width:100%;max-width:1400px;}
}

@media screen and (max-width: 751px) {body{padding-bottom:0;padding-top:0;margin-bottom:50px;}
.page-product-detail-effect .big-img{pointer-events:none;}
.page-banner .nybt h3{font-size:20px;}
.page-product-detail-effect .big-img a{height:auto;}
.container2{padding-left:20px;padding-right:20px;}
.page-product-detail-effect .big-img{height:auto;}
.page-banner{    position: relative;    overflow: hidden;    display: flex;    justify-content: center;    align-items: flex-start;}
.page-banner>img{    max-width: 240%;    width:240%;}
.xypg-product-list,.xypg-case-list{display:flex;flex-wrap:wrap;}
.xypg-product-list li,.xypg-case-list li{width:48%;margin:0;}
.xypg-product-list li:nth-child(2n),.xypg-case-list li:nth-child(2n){margin-left:4%;}
.xypg-product-list li:nth-child(2)~li,.xypg-case-list li:nth-child(2)~li{margin-top:4%;}
.xypg-pagination>div{margin-bottom:10px;}
.xypg-case-list li h3 a{padding-bottom:0;}
.xypg-news-list li{padding:15px;margin-bottom:15px;}
.xypg-news-list li .more{text-align:center;margin-top:0px;}
.xypg-news-list li .more span{width:90px;margin:0 auto;}
.product-detail-tabcon{font-size:16px;}
.product-detail-tab .product-detail-tabli li{padding:8px 15px;width:auto;line-height:1.2;height:auto;}
.product-detail-tab .product-detail-tabli{height:auto;}
/* 相册调整 */.xypg-album-list{justify-content:space-between;}
.xypg-album-list:before,.xypg-album-list:after{display:none;}
.xypg-album-list li{width:48%;margin:0;}
.xypg-album-list li:nth-child(2)~li{margin-top:2%;}

.footer3 ul li .iconfont{ width:initial; height:initial}
.product-detail-tab .product-detail-tabcon iframe,.product-detail-tab .product-detail-tabcon video{ max-width: 100%; height: 220px !important;}
.xypg-right-content  iframe, .xypg-right-content  video{ max-width: 100%; height: 220px !important;}
.xypg-right-content img{ max-width: 100%; height: auto !important;}
}



/* ==================== 通用细节调整 end ==================== */




/* ==================== 页面具体样式 start ==================== */
body{ font-size: 0.3rem;}
.top-box .logo-box{  font-size: 0;    flex-shrink: 0; display: flex; align-items: center; justify-content: flex-start; margin: 0.2rem 0 0.267rem 0; }
.top-box .logo-box .t-logo>img{ max-height:1.067rem;}
.mxw-keywords .left .zx{ display: inline-block; font-size: 0.35rem; vertical-align: middle}
.mxw-keywords .left .zx>img{ margin-right: 5px}
.mxw-keywords .left .zx b{ color: #ed4822; font-size: 0.35rem}

.mxw-link .mxw-box{color:#fff; opacity: 0.4 }
.mxw-link>.mxw-box{display:flex;justify-content:flex-start;align-items:flex-end;position:relative;overflow:visible;}
.mxw-link .mxw-link-list{color:#333;position:absolute;top:0;left:0;width:100%;transform:translateY(-100%);padding:10px 0;display:none; background: #fff;}
.mxw-link .mxw-link-list a{font-size:14px;line-height:1.8;}
.mxw-link .title{font-size:0.3rem;cursor:pointer;line-height:1.8; }
.mxw-link .list{display:flex;align-items:center;justify-content:flex-start;}
.mxw-link .list a{font-size:0.267rem;line-height:1.8;display:block;}
.mxw-link .list a:after,.mxw-link .mxw-link-list a:after{content:",";}
.mxw-link .list a:last-child:after,.mxw-link .mxw-link-list a:last-child:after{display:none;}

header{ background: #fff; position: sticky; top: 0; z-index: 999}
header .welcome {background: #f8f8f8;line-height: 0.7rem;}
header .welcome .mxw-box {display: flex;align-items: center;justify-content: space-between;color:rgba(255,255,255,.6);height: 100%;
}
header .welcome .left {font-size: 14px;line-height: 1.2;color: #333333;}
header .welcome .right {display: flex;align-items: center;font-size: 14px;color:#777777;}


.top-box{ align-items: stretch;}
.top-box .right{ display: flex; flex-grow:1; min-width: 0;  padding-left: 0.25rem; justify-content: flex-end; align-items: center;  }
.top-box .right .tp-tel{ display: flex; align-items: center; width: max-content;}
.top-box .right .tp-tel .con{font-size: 0.433rem;color: #ed4822; font-weight: bold;   margin-left: 0.2rem; line-height: 1.2}





.x-menu {display: flex;align-items: stretch;justify-content: space-between;height: 100%;width: 100%;}
.x-menu > li {margin: 0;text-align: center;float: none;position: relative;}
.x-menu > li > a {font-size: 0.3333rem;color: #000;display: flex;height: 100%;align-items: center;flex-wrap: wrap;align-content: center;justify-content: center;}
.x-menu > li > a:hover {color: #000;}
.x-menu>li.active{ color: #000	}
.x-menu > li.active > a {color: #000;}
.x-menu > li:hover .x-sub-menu {opacity: 1;visibility: visible;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
.x-sub-menu {position: absolute;z-index: 999;width: 200px;left:50%;top: calc(100% + 10px);background: #fff;border-radius: 5px;padding: 10px 0;opacity: 0;visibility: hidden;-webkit-transform: translate(-50%,20px);transform: translate(-50%,20px);-webkit-transition: all .5s ease;transition: all .5s ease;}
.x-sub-menu > li > a {display: block;text-align: center;font-size: 14px;color: #333;line-height: 1.5;padding: .5em;align-content: center;}
.x-sub-menu > li > a:hover {color: #fff;background:#ed4822;}

.x-sub-menu:after {content: '';width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 10px;cursor: pointer;border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;border-top: none;position: absolute;top: -10px;left: 50%;margin-left: -10px;z-index: 99;}

.x-menu > li > a>span{ margin-left: 5px }
.x-menu > li.active > a>span{  filter: invert(52%) sepia(46%) saturate(3044%) hue-rotate(165deg) brightness(92%) contrast(100%);}

.mxw-banner .swiper-slide{ position: relative;}
.mxw-banner .swiper-slide video{     width: 100%;height: 100%;-o-object-fit: fill;object-fit: fill;}
.mxw-banner .swiper-slide .flx{    position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center; z-index: 11}

.tc-1800{width: 94%; max-width: 1800px; margin: 0 auto;}

.mxw-keywords{ border-bottom: 1px solid #dddddd}

.top-ss:hover .ss{display: block;}
.ss{   transform: translateX(50%);}


.tc-link{ margin: 0.567rem auto 0.417rem; display: flex; align-items: flex-start; justify-content: space-between;}
.tc-link .title{ flex-shrink: 0;font-size: 16px; color: #ffffff;}
.tc-link .list{ flex-grow: 1; min-width: 0;}
.tc-link .list a{ font-size: 0.267rem; color: #fff; margin-right: 0.25rem;}
.tc-link .list a:hover{ color: #fff;}



.mxw-copy{ border-top: 1px solid rgba(255, 255, 255, 0.17)}
.mxw-copy .mxw-box{ display: flex; align-items: center; justify-content: space-between; padding: 0.333rem 0; 	font-size: 0.233rem; color: #fff;  text-align: center; }
.mxw-copy .mxw-box a{font-size: 0.233rem; color: #fff;}
.mxw-copy .mxw-box a:hover{font-size: 0.233rem; color: #fff;}
.mxw-copy .mxw-box .tc-left{ text-align: left;}
.mxw-copy .mxw-box .tc-right{ text-align: right;}


.product-detail-tabcon table{width:100%;font-size:14px;margin-top:15px;margin-bottom:15px;color:#505459}
.product-detail-tabcon table th,.product-detail-tabcon table td{border:1px solid #ddd !important;padding: 8px !important; background: none !important;}
.product-detail-tabcon table td p{line-height:1.8!important;}
.product-detail-tabcon table tr:hover{background-color:#f2f2f2!important;}
.product-detail-tabcon table tr:nth-child(2n-1){background-color:#fff ;}
.product-detail-tabcon table tr:nth-child(2n){background-color:#fdfdfd ;}

.xypg-detail-con table{width:100%;font-size:14px;margin-top:15px;margin-bottom:15px;color:#505459}
.xypg-detail-con table th,.xypg-detail-con table td{border:1px solid #ddd !important;padding: 8px !important; background: none !important;}
.xypg-detail-con table td p{line-height:1.8!important;}
.xypg-detail-con table tr:hover{background-color:#f2f2f2!important;}
.xypg-detail-con table tr:nth-child(2n-1){background-color:#fff ;}
.xypg-detail-con table tr:nth-child(2n){background-color:#fdfdfd ;}








.tc-about{ padding:2.333rem 0 1.5rem; background: url("../images/in-ab-bg.png") center no-repeat; background-size: cover; }
.tc-about .tc-left{ width: 31%; flex-shrink: 0;}
.tc-about .tc-left .en{ font-size: 0.833rem; font-weight: bold; color: #111; text-transform: uppercase; position: relative; line-height: 1;  }
.tc-about .tc-left .en::before{ content: ""; width: 0.1rem; height: 0.5rem; background: url("../images/line.png") center no-repeat; margin-left: -0.533rem; display: block; position: absolute; top: 0.2rem;}
.tc-about .tc-left .desc{  font-size: 0.6rem; font-weight: bold;  color: #111; margin-top: 0.467rem; }
.tc-about .tc-left .img{ margin-top: 0.75rem; position: relative; width: max-content; width: -moz-max-content; max-width: 85%;}
.tc-about .tc-left .img .flx{ position: absolute; right: -0.75rem; top: 50%; transform: translateY(-50%); width: 1.483rem; cursor: pointer; }
.tc-about>.mxw-box{ display: flex; align-items: flex-start; justify-content: space-between;}
.tc-about>.mxw-box .tc-right{ flex-grow: 1; min-width: 0; margin-left: 1.3rem;}
.tc-about>.mxw-box .tc-right .con{ margin-top: 1rem; font-size: 0.267rem; color: #333; line-height: 2;}
.tc-about>.mxw-box .tc-right .list{ margin-top: 2.8rem; display: flex; align-items: center; justify-content: space-between}
.tc-about>.mxw-box .tc-right .list .item{ margin-right: 0.3rem;	background-color: #ffffff;box-shadow: 0px 2px 9px 1pxrgba(19, 47, 67, 0.12); width: 24%; height: 5.333rem;border-radius: 0.2rem; padding: 0.533rem 0.5rem 0.767rem; transition: 0.3s}
.tc-about>.mxw-box .tc-right .list .item:last-child{ margin-right: 0;}
.tc-about>.mxw-box .tc-right .list .item .st{ font-size: 0.333rem; margin-top: 0.35rem; font-weight: bold;}
.tc-about>.mxw-box .tc-right .list .item .en{font-size: 0.233rem; font-weight: bold; opacity: 0.4; color: #ccc; margin-top: 0.1rem;}
.tc-about>.mxw-box .tc-right .list .item .desc{ font-size: 0.267rem;color: #616161; line-height: 1.6; margin-top: 0.5rem;word-break: break-all;}
.tc-about>.mxw-box .tc-right .list .item:hover{ margin-top: -2rem;}
.tc-about>.mxw-box .tc-right .list .item .icon img{ height: 0.6rem;}


.tc-about .list{ display: flex; align-items: center; justify-content: space-between;  margin:1.8rem auto 0 auto;}
.tc-about .list .item{ margin-right: 0.3rem;	background-color: #ffffff;box-shadow: 0px 2px 9px 1pxrgba(19, 47, 67, 0.12); width: 24%; height: 4.333rem;border-radius: 0.2rem; padding: 0.533rem 0.5rem 0.767rem; transition: 0.3s}
.tc-about .list .item:last-child{ margin-right: 0;}
.tc-about .list .item .st{ font-size: 0.333rem; margin-top: 0.35rem; font-weight: bold;}
.tc-about .list .item .en{font-size: 0.233rem; font-weight: bold; opacity: 0.9; color: #ccc; margin-top: 0.1rem;}
.tc-about .list .item .desc{ font-size: 0.267rem;color: #616161; line-height: 1.6; margin-top: 0.2rem;word-break: break-all;}
.tc-about .list .item:hover{ margin-top: -2rem;}
.tc-about .list .item .icon img{ height: 0.6rem;}

@media screen and (max-width: 751px) {
	
	.tc-about .list{ margin-top: 30px; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.tc-about .list .item{ width: 48%; height: auto; margin: initial; padding: 30px 15px;}
.tc-about .list .item .st{ font-size: 18px;}
.tc-about .list .item .desc{ font-size: 14px; margin-top: 15px;}
.tc-about .list .item .en{ font-size: 12px;}
.tc-about .list .item:nth-child(2n)~.item{ margin-top: 20px;}
	
}


.tc-case{ background: url("../images/cp-bg.jpg"); background-size:cover; }
.tc-case .hd{padding: 5% 0 ;}
.tc-case .tc-title .en{ font-size: 0.833rem; font-weight: bold; color: #111; text-transform: uppercase; position: relative; line-height: 1; text-align: left;  }
.tc-case .tc-title .en::before{ content: ""; width: 0.1rem; height: 0.5rem; background: url("../images/line.png") center no-repeat; margin-left: -0.533rem; display: block; position: absolute; top: 0.2rem;}
.tc-case .top{ display: flex; align-items: flex-end; width: 100%; justify-content: space-between;}
.tc-case .tc-title .cn{  font-size: 0.6rem; font-weight: bold;  color: #111; margin-top: 0.467rem;  text-align: left;}
 .c-more{ margin-bottom: 0.15rem; color: #00a0e9;}
.case-swiper{ margin-top: 1.15rem; margin-left: 2.5rem; overflow: hidden; }
.case-swiper .swiper-slide{ width: 11.617rem; position: relative;border-radius:25px;

box-shadow:    0px -0.10rem 0px 0px rgba(0,0,0,0),   /*上边阴影  透明*/

                -0.10rem 0px 0px 0px rgba(0,0,0,0),   /*左边阴影  透明*/
                
                0.10rem 0px 0px 0px rgba(0,0,0,0),    /*右边阴影  透明*/
                
                0px 0.10rem 0.30rem 0px rgba(0,0,0,0.1);    /*下边阴影 */}
.case-swiper .swiper-slide .num{ font-size: 1.2rem; line-height: 1; font-weight: bold; color: #fff; font-style: italic; position: absolute;top: 0.5rem; left: 0.667rem; }
.case-swiper .swiper-slide .st{ display: flex; align-items: center; justify-content: space-between; position: absolute; bottom: 0.5rem ; padding: 0 0.6rem; width: 100%; color: #000;}
.case-swiper .swiper-slide .st .icon{ flex-shrink: 0}
.case-swiper .swiper-slide .st .icon img{ height: 0.733rem; }

.case-swiper .swiper-slide .st p{ flex-grow: 1; margin-right: 0.5rem; min-width: 0;}

.tc-hz{ padding-top: 1.333rem; background: url("") bottom center no-repeat; background-size: cover;}
.tc-title{ text-align: center;}
.tc-title .en{ font-size: 0.833rem; font-weight: bold; text-transform: uppercase;}
.tc-title .cn{ font-size: 0.6rem; font-weight: bold; margin-top: 0.1rem; margin-bottom: 0.1rem;}


.hd-title .en{ font-size: 0.833rem; font-weight: bold; color: #111; text-transform: uppercase; position: relative; line-height: 1; text-align: left;  }
.hd-title .en::before{ content: ""; width: 0.1rem; height: 0.5rem; background: url("../images/line.png") center no-repeat; margin-left: -0.533rem; display: block; position: absolute; top: 0.2rem;}
.hd-top{ display: flex; align-items: flex-end; width: 100%; justify-content: space-between;}
.hd-title .cn{  font-size: 0.6rem; font-weight: bold;  color: #111; margin-top: 0.467rem;  text-align: left;}
.hd-more{ margin-bottom: 0.15rem; color: #00a0e9;}
@media screen and (max-width: 751px) {
	

.hd-title .en,.hd-case .hd-title .en{ font-size: 22px;}
.hd-title .cn,.hd-case .hd-title .cn{ font-size: 18px; margin: 0 auto;}
.hd-more { font-size: 14px;margin-left: auto;}
.hd-more img{ height: 40px;}
.hd-top{ flex-wrap: wrap;}
	
}








.pro-hz{ display: flex; align-items: flex-start; justify-content: space-between; position: relative; margin-top: -0.6rem;}
.pro-hz .hz-left{ margin-left: -0.3rem; width: 46%;}
.pro-hz .hz-right{ margin-right: -0.3rem; width: 45%;}
.pro-hz .hz-center{ flex-grow: 1; min-width: 0;}
.hz-more{ position: absolute; left: 0; z-index: 2; right: 0;margin: 0 auto; bottom: 0.367rem; color: #fff; text-align: center; text-decoration: underline ; text-underline-offset: 0.15rem; width: max-content; width: -moz-max-content; display: block; }
.hz-more:hover{text-decoration: underline;color: #fff; }
.tj-swiper .swiper-slide{ display: block;}
.tc-news{ padding: 1.833rem 0 2rem; background: url("../images/news-bg.png") bottom center no-repeat; }
.tc-news .top{ margin-top: 0.667rem; display: flex; align-items: stretch; justify-content: space-between; border-bottom: 1px solid #e5e5e5;}
.c-more img{ height: 1.483rem; }
.tc-news .top .news-cate{ display: flex; align-items: center;}
.tc-news .top .news-cate .item{padding: 0.2rem 0.5rem;border-radius: 0.433rem; color: #333; margin-left: 0.6rem;}
.tc-news .top .news-cate .item.active{ 	background-image: linear-gradient(90deg,#da241d 25%,#ec7125 50%,#febd2d 100%),linear-gradient(    #000000,    #000000);background-blend-mode: normal,normal; color: #fff;}
.news-swiper{ overflow: hidden; margin-top: 0.867rem;}
.news-swiper .swiper-slide{ display: flex; align-items: stretch; justify-content: space-between; }
.news-swiper .swiper-slide .tc-left{ width: 43.5%; flex-shrink: 0; }
.news-swiper .swiper-slide .tc-left .st{ margin-top:0.367rem;}
.news-swiper .swiper-slide .st{ font-size: 0.4rem; color: #333; width: 100%;}
.news-swiper .swiper-slide .desc{	font-size: 0.267rem; color: #999; margin: 0.333rem auto 0.533rem; }
.news-swiper .swiper-slide .nc-more{ font-size: 0.233rem; font-weight: bold; width: max-content; width: -moz-max-content; color: #333;}
.news-swiper .swiper-slide .nc-more::after{ display: block; content: ""; width: 100%;height: 3px;background-image: linear-gradient(180deg,#da241d 25%,#ec7125 50%,#febd2d 100%),linear-gradient(        #ebbc92,        #ebbc92);background-blend-mode: normal,normal; margin-top: 0.1rem}
.news-swiper .swiper-slide .nc-more img{ margin-left: 0.333rem;}
.news-swiper .swiper-slide .item:hover .st{ color: #ed4822; }
.news-swiper .swiper-slide .tc-right{ margin-left: 1rem; flex-grow: 1; min-width: 0;;}
.news-swiper .swiper-slide .tc-right .item{ display: flex; align-items: stretch; justify-content: space-between;}
.news-swiper .swiper-slide .tc-right .item:nth-child(1)~.item{ margin-top: 0.633rem; padding-top: 0.633rem; border-top: 1px solid rgba(0,0,0,.1)}
.news-swiper .swiper-slide .tc-right .item .mxw-image{ width: 27.5%; margin-right: 0.75rem; flex-shrink: 0;}
.news-swiper .swiper-slide .tc-right .item .con{ flex-grow: 1; min-width: 0; padding: 0.1rem 0;}




/* ==================== 页面具体样式 end ==================== */



/* ==================== 通用 - 无缝滚动 end ==================== */
.mxw-scroll {overflow: hidden;}
.mxw-scroll .scroll-wrap {display: flex;align-items: stretch;transform: translateX(0);}
.mxw-scroll .scroll-item {flex-shrink: 0;}
@media screen and (max-width: 1860px) {

.s1d .txt p{ font-size: 0.31rem;}
.index-section1 .right-body{ width: 60%;}}
@media screen and (max-width: 1780px) {

.s1d .txt p{ font-size: 0.29rem;}
.index-section1 .right-body{ width: 59%;}
.index-section1 .left-body{ width: 41%; flex-shrink: 0;}}

@media screen and (max-width: 1680px) {
.s1d .txt p{ font-size: 0.267rem;}
}
@media screen and (max-width: 500px) {.mxw-scroll .scroll-item {    width: 48%;    margin-right: 4%;}
}
/* ==================== 通用 - 无缝滚动 end ==================== */

@media screen and (max-width: 1099px) {
  .index-title {margin-bottom: 30px;
  }
  .index-title .text1 {font-size: 18px;margin-bottom: 10px;
  }
  .index-title .text2 {font-size: 22px;
  }
  .index-section1 .left-body .item .desc{ margin-top: 15px; padding-top: 15px;}
  .index-more-btn{ margin: 0 auto;}}
@media screen and (max-width: 1099px) {.mxw-box{ padding: 0; max-width: 95%; width: 95%;}
.index-more-btn img{ height: 60px;}
.index-section1 .left-body .swiper-pagination{ margin:0 auto 25px;width: 100%;justify-content: center;}
.index-section1 .right-body .image{ margin: 0 auto;}
.tc-about{ padding: 45px 0;}
.tc-about>.mxw-box{ flex-wrap: wrap;}
.tc-about .tc-left{ width: 100%;}
.tc-about .tc-left .en{ font-size: 22px;}
.tc-about .tc-left .desc{ font-size: 20px; margin-top: 10px;}
.tc-about .tc-left .img{ width: 100%; margin-top: 25px;}
.tc-about>.mxw-box .tc-right{ margin-left: 0;}
.tc-about>.mxw-box .tc-right .con{ font-size: 14px; margin-top: 15px;}
.tc-about>.mxw-box .tc-right .list{ margin-top: 30px; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.tc-about>.mxw-box .tc-right .list .item{ width: 48%; height: auto; margin: initial; padding: 30px 15px;}
.tc-about>.mxw-box .tc-right .list .item .st{ font-size: 18px;}
.tc-about>.mxw-box .tc-right .list .item .desc{ font-size: 14px; margin-top: 15px;}
.tc-about>.mxw-box .tc-right .list .item .en{ font-size: 12px;}
.tc-about>.mxw-box .tc-right .list .item:nth-child(2n)~.item{ margin-top: 20px;}
.tc-case{ padding: 40px 0;}
.tc-case .tc-title{ width: 100%;}
.tc-title .en,.tc-case .tc-title .en{ font-size: 22px;}
.tc-title .cn,.tc-case .tc-title .cn{ font-size: 18px; margin: 0 auto;}
.c-more { font-size: 14px;margin-left: auto;}
.c-more img{ height: 40px;}
.tc-case .top{ flex-wrap: wrap;}
.case-swiper{ margin-left: 0; width: 95%; margin: 0 auto 0;}
.tc-hz{ padding-top: 40px;}
.hz-more{ font-size: 12px; bottom: 5px;}
.tc-news{ padding: 45px 0;}
.tc-news .top .news-cate .item{ margin-left: 0; font-size: 15px; padding: 8px 15px;}
.tc-news .c-more{ display: none;}
.tc-news .top .news-cate{ padding-bottom: 15px; justify-content: space-around; width: 100%;}
.news-swiper{ margin-top: 25px;}
.news-swiper .swiper-slide{ flex-wrap: wrap;}
.news-swiper .swiper-slide .tc-left{ width: 100%;}
.news-swiper .swiper-slide .tc-left .st{ font-size: 16px; margin-top: 5px;}
.news-swiper .swiper-slide .desc{ font-size: 14px; margin: 5px auto 10px;}
.news-swiper .swiper-slide .nc-more{ zoom: 0.8;}
.news-swiper .swiper-slide .tc-right{ margin-left: 0; margin-top: 20px;}
.news-swiper .swiper-slide .st{ font-size: 16px;}
.news-swiper .swiper-slide .tc-right .item .mxw-image{ margin-right: 12px; width: 38%;}
.news-swiper .swiper-slide .tc-right .item .desc{ height: 40px;}
.news-swiper .swiper-slide .tc-right .item .con{ padding: 3px 0;}
.news-swiper .swiper-slide .tc-right .item:nth-child(1)~.item{ margin-top: 15px; padding-top: 15px;}


.ewm-list{ margin-top: 20px; flex-wrap: wrap; justify-content: space-between;}
.ewm-list .item{ width: 24%;}
.ewm-list .item p{ font-size: 12px;}
.mxw-copy .mxw-box{ flex-wrap: wrap;}
.mxw-copy .mxw-box>div{ width: 100%; text-align: center;}
.mxw-copy .mxw-box .tc-right{text-align: center;}
.mxw-copy .mxw-box .tc-left{ text-align: center;}

.index-section1 .left-body,.index-section1 .right-body{ width: 100%;}


.index-section1{ background-size: cover;}
.pro-hz .hz-center{ width: 10%; margin-top: -20px;}
.pro-hz{    margin-top: 25px;}
.pro-hz .hz-left{ margin-left: -2.5%; width: 44%;}
.pro-hz .hz-right{ margin-right: -2.5%;    width: 43%;}


 }





/* ==================== 首页 - 板块八 Start ==================== */
.index-section8 .head {display: flex;justify-content: space-between;margin-bottom: 1rem;}
.index-section8 .tabs {display: flex;flex-wrap: wrap;align-items: center;}
.index-section8 .tab-item {font-size: 0.33rem;color: #333;line-height: 1.2;padding: 0.25rem;position: relative;margin-right: 0.5rem;transition: all 0.4s;}
.index-section8 .tab-item.active {color: #00a1e9;}
.index-section8 .tab-item.active::before {opacity: 1;visibility: visible;}
.index-section8 .tab-item:last-child {margin-right: 0;}
.index-section8 .tab-item:last-child::after {display: none;}
.index-section8 .tab-item:after {content: "";display: block;width: 0.02rem;height: 0.33rem;position: absolute;right: -0.33rem;top: 50%;transform: translateY(-50%);background-color: #B5B5B5;}
.index-section8 .tab-item:before {content: "";display: block;width: 100%;height: 0.05rem;background-color: #00a1e9;position: absolute;bottom: 0;left: 0;transition: all 0.4s;opacity: 0;visibility: hidden;}
.index-section8 .itembox{display: flex;flex-flow: column;justify-content: flex-start;align-items: flex-start;}
.index-section8 .item {display: flex;justify-content: flex-start;border-bottom: 1px dashed #9b9b9b;transition: all .4s;width: 100%;flex-grow: 1;}
.index-section8 .item:hover{border-bottom-color: #00a1e9;}
.index-section8 .item:hover .date:after{width: 100%;}
.index-section8 .item:first-child {border-top: 1px dashed #9b9b9b;}
.index-section8 .item .date {flex-shrink: 0;margin-right: 0.67rem;padding-top: 0.85rem;padding-bottom: 0.85rem;position: relative;}
.index-section8 .item .date:after{content: "";display: block;position: absolute;bottom: -1px;left: 0;width: 0;height: 5px;background-color: #00a1e9;z-index: 2;transition: all .4s;}
.index-section8 .item .day {font-size: 0.47rem;color: #00a1e9;line-height: 1.2;margin-bottom: 0.25rem;}
.index-section8 .item .year {font-size: 0.57rem;color: #00a1e9;font-weight: bold;line-height: 1;}
.index-section8 .item .info {min-width: 0;flex-grow: 1;align-self: center;}
.index-section8 .item .title {font-size: 0.33rem;color: #333;line-height: 1.2;font-weight: bold;margin-bottom: 0.33rem;}
.index-section8 .item .desc {font-size: 0.27rem;color: #9f9f9f;line-height: 1.6;}
.index-section8 .right-body {display: block;}
.index-section8 .right-body .info {background-color: #00a1e9;color: #fff;padding: 0.67rem 0.83rem;}
.index-section8 .right-body .text1 {font-size: 0.33rem;line-height: 1.2;margin-bottom: 0.42rem;font-weight: bold;}
.index-section8 .right-body .text2 {font-size: 0.27rem;line-height: 1.6;}
@media screen and (min-width: 1100px) {.index-section8 {padding-top: 0.5rem;padding-bottom: 2rem;display: flex;align-items: center;}
.index-section8 .body {display: flex;justify-content: space-between;}
.index-section8 .itembox {width: 11.67rem; margin-right:1rem;}
.index-section8 .right-body {width: 13.5rem;}

}

@media screen and (max-width: 1099px) {.index-section8 {padding-top: 40px;padding-bottom: 40px;}
.index-section8 .head {display: block;margin-bottom: 20px;}
.index-section8 .tab-item {width: 50%;font-size: 14px;padding: 10px 10px;margin-right: 0;text-align: center;}
.index-section8 .tab-item:after {display: none;width: 1px;height: 20px;right: -20px;}
.index-section8 .tab-item:before {height: 2px;}
.index-section8 .item {padding-top: 20px;padding-bottom: 20px;border-bottom: 1px dashed #9b9b9b;}
.index-section8 .item:first-child {border-top: 1px dashed #9b9b9b;}
.index-section8 .item .date {margin-right: 20px;padding-top: 10px;padding-bottom: 10px;text-align: center;}
.index-section8 .item .day {font-size: 14px;margin-bottom: 5px;}
.index-section8 .item .year {font-size: 22px;}
.index-section8 .item .title {font-size: 16px;margin-bottom: 10px;}
.index-section8 .item .desc {font-size: 12px;}
.index-section8 .right-body {margin-top: 30px;}
.index-section8 .right-body .info {padding: 20px 20px;}
.index-section8 .right-body .text1 {font-size: 16px;margin-bottom: 10px;font-weight: bold;}
.index-section8 .right-body .text2 {font-size: 12px;line-height: 1.8;}

}
/* ==================== 首页 - 板块八 End ==================== */


.tc-hf{ display: flex; align-items: stretch; justify-content: space-between;}
.tc-hf .tc-left{ width: 49.8%; flex-shrink: 0; background: url("../images/yy-01.png") right no-repeat; background-size: cover; padding: 1.167rem 2.333rem 1.25rem 2.5rem;}
.tc-hf .tc-left .en{ font-size: 0.717rem; color: #fff; opacity: 0.14; text-transform: uppercase; font-weight: bold; line-height: 1;}
.tc-hf .tc-left .cn{ font-size: 0.717rem; color: #fff;  text-transform: uppercase; font-weight: bold}
.tc-hf .tc-left .desc{ font-size: 0.383rem; color: #fff; padding: 0.367rem 0 0.533rem; border-bottom: 1px solid #d7ecfd;}
.tc-hf .tc-left .con{ font-size: 0.333rem; color: #fff;  padding: 0.5rem 0 0.75rem 0;}
.tc-hf .tc-left .con p{display: flex; align-items: center; justify-content: flex-start;}
.tc-hf .tc-left .con p::before{  width: 0.233rem; height: 0.233rem; background: #fff; border-radius: 50%; content: ""; flex-shrink: 0; margin-right: 0.333rem; }
.tc-hf .tc-left .con p:nth-child(1)~p{ margin-top: 0.5rem;}
.tc-hf .tc-left .h-more{ padding: 0.267rem 0.75rem; background: #fff; font-size: 0.267rem;color: #00a1e9;  display: inline-block; border-radius: 0.45rem}
.tc-hf .tc-left .h-more img{ margin-left: 0.1rem}
.tc-hf .tc-right{ display: flex; align-items: stretch; justify-content: space-between; flex-grow: 1; min-width: 0;margin-left: -1.4rem;}
.tc-hf .tc-right .item{ transform: skewX(-12deg); margin-left: 10px; display: flex; align-items: center; justify-content: center;  overflow: hidden;     flex-grow: 1; min-width: 0; position: relative; transition: all 0.3s;}
.tc-hf .tc-right .item img{transform: skewX(12deg); max-width: initial; height: 100%;position: absolute; left: -30%}
.tc-hf .tc-right .item:hover{ margin-top: -15px; padding-bottom: 15px;}
.tc-hf .tc-right .item:last-child{ margin-right: -1.5rem}
@media screen and (max-width: 768px) {
.tc-hf{  display: block;} .tc-hf .tc-left{ width: 100%; padding: 45px 2.5%;    background-size: auto 100%;background-position: left;}
.tc-hf .tc-left .cn,.tc-hf .tc-left .en{ font-size: 22px;}
.tc-hf .tc-left .desc{ font-size: 16px; padding: 10px 0 15px;}
.tc-hf .tc-left .con{ font-size: 14px; line-height: 1.7;}
.tc-hf .tc-left .con p:nth-child(1)~p{ margin-top: 10px;}
.tc-hf .tc-left .con p::before{ width: 12px; height: 12px;}
.tc-hf .tc-left .h-more{ font-size: 14px; padding: 10px 30px;}
.tc-hf .tc-right{ }.tc-hf .tc-right .item{ height: 6rem; margin-left: 0;}
.tc-hf .tc-right .item:last-child{ }
.tc-hf .tc-right .item img{ height: 100%;}
}

.dff{background:#2a2a2a;padding: 36px 0;}
.logo_aa img{max-width: 100%;}
.fx .social-share .social-share-icon{border:none;background:none;}
.fx .social-share .icon-weibo {color: #828282;border-color: #828282}
.fx .social-share .icon-qq {color: #828282;border-color: #828282}
.fx .social-share .icon-wechat {color: #828282;border-color: #828282}

.xxkk{border-bottom: 2px solid rgba(255, 255, 255, .1);border-top: 2px solid rgba(255, 255, 255, .1);padding: 25px 0;margin-bottom: 35px;}

.bk{font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 24px;letter-spacing: 0px;color: #ffffff;}

.nav2 li{font-size: 14px;font-weight: 600;line-height: 34px;letter-spacing: 0px;color: #ffffff;margin: 15px 35px;}
.nav2 li a{color: #ffffff;}

.pptt{font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 34px;letter-spacing: 0px;color: #ffffff;margin-bottom: 15px;}
.p_rot li{color: rgba(255, 255, 255, .5);}.p_rot li a{font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: rgba(255, 255, 255, .5);}
.lxnn{font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: rgba(255, 255, 255, .5);}

.wm_vv img{max-width: 100%;margin-bottom: 5px;text-align: center;}.wm_vv p{font-weight: normal;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: rgba(255, 255, 255, .5);text-align: center;}

.seo{font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: rgba(255, 255, 255, .5);}.seo a{color: rgba(255, 255, 255, .5);}


.wm_vv{margin-bottom: 35px;}

@media (max-width: 990px) {
.dff{background:#2a2a2a;padding: 36px 0;margin-top: 30px;}
.xxkk{display: none!important;}.wm_vv{width: 125px;margin:0 auto;margin-top:25px}}


.dgh{margin-top:25px}
.wh{max-width: 1440px;margin:0 auto;padding:0 10px}
.flex_a{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.flex_b{display: flex;flex-wrap: wrap;justify-content: space-between;}

.flex_c{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
    

.head_11{width: 100%;position: absolute;left:0px;top:0px;height:90px;border-bottom: 1px solid rgba(255, 255, 255, .16);z-index: 999999;}
.logo_11{line-height: 90px;}
.logo_11 img{line-height: 90px;}