@import url("/static/web/template01/css/theme.css");
body{
    background-color: var(--bg-color);
}
/*  start - 头部主菜单部分 */
.header-warp{ position: fixed;left: 0;top: 0;z-index: 9;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content:
    flex-start;align-items: center;width: 100%;padding: 0 50px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);box-sizing: border-box;
    background: rgba(255, 255, 255, 0.5);}
a.header-logo{ display: block;flex: none;}
.header-logo img{ display: block;width: auto;height: 60px;}
.header-main{ display: flex;flex-direction: row;flex-wrap: nowrap;flex: none;margin-left: auto;align-items: center;}
ul.header-menu{ display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-evenly; width: 700px;}
ul.header-menu li{ position: relative; z-index: 98; display: flex;flex: none;justify-content: center;align-items: center; width: calc(100%/7);
                height: 90px; box-sizing: border-box; transition: background-color 0.3s ease; /* hover过渡动画 */}
ul.header-menu li a{ display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;color: inherit; overflow: hidden;}
ul.header-menu li a p:first-child{ height: 25px; line-height: 25px; font-size: 14px;}
ul.header-menu li a p:last-child{ height: 20px; line-height: 20px;font-size: 12px;}
ul.header-menu li.selected-item{ background: rgba(255, 255, 255, 0.6); border-bottom: 5px solid var(--primary-color);}
.header-menu li a:hover { color: var(--primary-color);}
ul.header-menu dl{ display: none; position: absolute; left: 0; top: 90px; z-index: 98; width: 100%;background-color: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.1);
                    border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden;background: rgba(255, 255, 255, 0.8);}
ul.header-menu dl dd{ width: 100%; height: 35px; line-height: 35px; font-size: 14px; border-bottom: 1px solid var(--border-color);}
/*  end - 头部主菜单部分 */

.main-warp{ width: 100%; min-height: 100px; display: flex; flex-direction: column;}
.main{ display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; max-width: 1200px; margin: 25px auto;}

/* 侧边栏 */
.sidebar-wrap{ display: block; width: 260px; min-height: 500px; flex-shrink: 0; margin-right: 15px;}
.sidebar-item{ width: 100%; margin-bottom: 15px;}
.sidebar-item:last-child{ margin-bottom: 0;}
.sidebar-item-head{ width: 100%; height: 80px; background-color: var(--primary-color); border-top-left-radius: 10px;
    border-top-right-radius: 10px; padding: 15px 25px; box-sizing: border-box;}
.sidebar-item-tit{ height: 30px; line-height: 30px; font-size: 20px; font-weight: bold; color: #fff;}
.sidebar-item-tit-eng{ height: 25px; line-height: 25px; font-size: 16px; color: #fff;}
ul.sidebar-item-menu,dl.sideba-item-main{ width: 100%; height: auto; border: 1px solid var(--border-color);
    border-top: 0; box-sizing: border-box; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
    background-color: #fff; box-sizing: border-box; overflow: hidden;}
ul.sidebar-item-menu li{ width: 100%; height: 50px; line-height: 50px; box-sizing: border-box;
    border-bottom: 1px solid var(--border-color);}
ul.sidebar-item-menu li:first-child.selected_menu{ border-top: 1px solid #fff;}
ul.sidebar-item-menu li:last-child{ border-bottom: none;}
ul.sidebar-item-menu li a{ display: block; width: 100%; height: 100%;font-size: 16px; padding: 0 25px; box-sizing: border-box;
    transition: background-color 0.3s ease; /* hover过渡动画 */}
ul.sidebar-item-menu li a i{display: inline-block; font-size: 12px; font-style: normal; width: 15px; height:100%; color: var(--light-primary-color)}
ul.sidebar-item-menu li a:hover,
ul.sidebar-item-menu li.selected_menu a{ color: #fff; background-color: var(--primary-color);}
ul.sidebar-item-menu li a:hover i,
ul.sidebar-item-menu li.selected_menu a i{ color: #fff;}
dl.sideba-item-main{ padding: 10px;}
.sidebar-item-kefu{ width: 100%; height: 100px; border: 1px solid var(--border-color); border-top: none;
    box-sizing: border-box; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.sidebar-item-kefu img{ width: 100%; max-height: 100%; object-fit: cover;}
dl.sideba-item-main dd{ min-height: 20px; line-height: 20px; padding: 5px 0; text-align: left;}
dl.sideba-item-main dd i{ display: inline-block; font-size: 18px; color: var(--icon-default-color); margin-right: 5px;}

/* 首页样式 */
.home-about-warp,.home-merit-warp{ display: flex; flex-direction: column; width: 100%;}
.home-about-warp{ padding: 25px 0 50px 0; background-color: #fff; overflow: hidden;}
.home-about-top{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; width: 100%; max-width: 1200px; margin: 25px auto;}
.home-about-head{ display: flex; flex-direction: column; }
.home-about-tit{ position: relative; display: inline-block; height: 35px; line-height: 35px; font-size: 26px; font-weight: bold; color: var(--primary-color);}
.home-about-tit span{ position: absolute; left: 0; bottom: -5px; display: block; width: 50px; height: 3px; background-color: var(--primary-color); border-radius: 1.5px;}
.home-about-tit-eng{ display: inline-block; height: 35px; line-height: 35px; font-size: 30px; color: var(--border-color); font-style:italic;}
.home-about-tip{ height: 40px; line-height: 40px; font-size: 40px; font-weight: bold; color: var(--border-color); letter-spacing: 10px; font-style:italic;}
.home-about-main{ display: flex; flex-direction: row; flex-wrap: wrap; width: 100%;}
.home-about-thumb,.home-about-con{ width: 50%; height: 380px; background-color: var(--primary-color);}
.home-about-thumb img{ width: 100%; height: 100%; object-fit: cover;}
.home-about-con{ display: flex; flex-direction: column; padding: 25px 50px; box-sizing: border-box;}
.home-about-title dt{ height: 30px; line-height: 30px; font-size: 18px; color: #fff; margin-bottom: 10px;}
.home-about-title dd{ height: 50px; line-height: 50px; font-size: 38px; color: #fff; margin-bottom: 10px; overflow: hidden;}
.home-about-cn{ min-height: 50px; line-height: 30px; font-size: 16px; color: #fff; margin-bottom: 10px; overflow: hidden;}
.home-about-item{ display: flex; flex-direction: column; margin-top: auto; }
.home-about-item dl{ display: flex; flex-direction: row; flex-wrap: nowrap;}
.home-about-item dd{ min-width: 150px; height: 35px; line-height: 35px; font-size: 16px; color: #fff; margin-right: 25px;overflow: hidden;}
.home-about-item i{ font-size: 20px;}

.home-merit-warp{ background-color: var(--primary-color);}
.home-merit-main{ display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: 50px auto;}
.home-merit-item{ display: flex; flex-direction: column; width: calc((100% - 75px)/4); height: auto; padding: 10px 25px; box-sizing: border-box;
                background: rgba(255, 255, 255, 0.3); margin-right: 25px; border-radius: 10px;}
.home-merit-item:nth-child(4n){margin-right: 0;}
.home-merit-tit{ height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #fff; overflow: hidden; }
.home-merit-num{ position: relative; display: inline-block; height: 50px; line-height: 50px; text-align: center; font-size: 56px; color: #fff;
                font-weight: bold; margin: 10px auto; }
.home-merit-num span{ position: absolute; top: -10px; right: -30px; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 30px;}
.home-merit-des{ max-height: 60px; line-height: 20px; font-size: 14px; color: #fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
                -webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.home-goods-warp{ width: 100%; max-width: 1200px; margin: 25px auto; border-radius: 10px;}
.home-goods-head{position: relative;margin: 0 auto;padding-bottom: 20px;}
.home-goods-head-line{position: absolute;left: 0;top: 30px;width: 100%;height: 3px;z-index: 1;
                    background: linear-gradient(to right, var(--bg-color) 0%, var(--primary-color) 50%, var(--bg-color) 100%);}
.home-goods-head-tit{position: relative;display: flex;flex-direction: column;flex-wrap: nowrap;width: 280px;z-index: 2;margin: auto;
                    background-color: var(--bg-color);}
.home-goods-head-cn{width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 36px;color: var(--primary-color);}
.home-goods-head-eng{width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #fff;background-color: var(--primary-color);
                    border-radius: 15px;}

.home-goods-list{ display: flex;flex-direction: row; flex-wrap: wrap;}
.home-goods-item{ width: calc((100% - 75px)/4); margin-right: 25px; margin-bottom: 25px;}
.home-goods-item:nth-child(4n){ margin-right: 0;}
.home-goods-a{ display: block; width: 100%; height: 100%; border: 1px solid var(--border-color); border-top-left-radius: 10px;border-top-right-radius: 10px;
                box-sizing: border-box; overflow: hidden;}
.home-goods-a:hover{border: 1px solid var(--primary-color);box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.home-goods-img{position: relative; width: 100%; padding-top: 75%;background-color: #fff; overflow: hidden;}
.home-goods-img img{ position: absolute; left: 0; top: 0;width: 100%;height: 100%;box-sizing: border-box;border: 0; object-fit: cover;}
.home-goods-item p{ height: 35px; line-height: 35px; text-align: left; border-top: 1px solid var(--border-color); padding: 0 10px; background-color: #fff;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.home-more-btn{display: block; width: 100%; height: 50px;line-height: 50px;font-size: 18px;color: #fff;text-align: center;background-color: var(--primary-color);
    border-radius: 25px;margin: 0 auto; box-sizing: border-box;}

.home-news-warp{ display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: 25px auto;}
.home-news-row{ width: calc((100% - 50px)/3); margin-right: 25px;background-color: #fff;border-top-left-radius: 10px;border-top-right-radius: 10px; overflow: hidden;}
.home-news-row:nth-child(3n){ margin-right: 0;}
.home-news-head{ display: flex; flex-direction: row; flex-wrap: nowrap;justify-content: space-between; padding: 0 15px; background-color: var(--primary-color);}
.home-news-head-tit{ display: flex; flex-direction: row; align-items: center; height: 50px;line-height: 50px;color: #fff;font-size: 16px;}
.home-news-head-more{display: block; height: 50px;line-height: 50px;color: #fff;}
.icon-news-title{ display: block; width: 5px; height: 20px;border-radius: 2.5px; background-color: #fff; margin-right: 5px; }
.icon-news-more{ font-size: 12px; margin-left: 5px;}
.home-news-list{ height: 310px; overflow: hidden;}
.home-news-hot{ display: block; position: relative; width: 100%; height: 135px;}
.home-news-hot img{ display: block; width: 100%; height: 135px; border: 0; object-fit: cover;}
.home-news-hot-cn{ display: flex; flex-direction: row; flex-wrap: nowrap;justify-content: space-between; position: absolute; left: 0; bottom: 0;
                    width: 100%; height: 35px;background-color: rgba(0, 0, 0, 0.5); overflow: hidden;}
.home-news-hot-cn p{ height: 35px; line-height: 35px; color: #fff; text-align: left; padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.home-news-hot-cn span{ height: 35px; line-height: 35px; color: #fff; flex-shrink: 0; margin: 0 10px;}
.home-news-hot-cn p:hover{color: var(--primary-color);}
.home-news-item{ height: 35px; line-height: 35px; padding: 0 10px; border-bottom: 1px solid var(--border-color); box-sizing: border-box; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.home-news-item a{ height: 34px; line-height: 34px; }
.home-news-item a:hover,.home-news-item a:hover i{ color: var(--primary-color)}
.home-news-item span{ float: right; color: #999;}
.icon-news-item{ font-size: 13px; color: #999; margin-right: 5px;}

/* 子页面样式 */
.sub-wrap{ display: flex; flex-direction: column; width: calc(100% - 275px); min-height: 360px; border: 1px solid var(--border-color); border-radius: 10px;
    box-sizing: border-box; background-color: #ffffff;}
.path-warp{ display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; padding: 0 15px; box-sizing: border-box;
    border-bottom: 1px solid var(--border-color);}
.path-title{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; height: 50px; box-sizing: border-box;}
.path-title i{ display: inline-block; width: 5px; height:20px; background-color: var(--primary-color); text-align: center; align-items: center;
    font-style: normal; margin-right: 10px; border-radius: 2.5px}
.path-title span{ display: inline-block; height:50px; line-height: 50px ; font-size: 18px; font-weight: bold; overflow: hidden;}
.path-cn{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; height: 50px; white-space: nowrap; margin-left: auto;box-sizing: border-box;}
.path-cn span.location{ display: inline-block; height:25px; line-height: 25px; font-size: 14px;}
.path-cn a{ display: inline-block; height:25px; line-height: 25px; font-size: 14px;}
.path-cn a i.home{ display: inline-block; height:25px; line-height: 25px; align-items: center; color: var(--icon-default-color); font-style: normal; margin-right: 3px;}
.path-cn a:hover{ color: var(--primary-color); text-decoration: underline;}
.path-cn a:hover i.home{ color: var(--primary-color);}
.path-cn i.line{ display: inline-block; height:25px; line-height: 25px; align-items: center; font-style: normal; margin: 0 8px;}
.sub-content{ display: flex; flex-direction: column;flex: 1; width: 100%; box-sizing: border-box; overflow: hidden;}

/* 内页样式 */
.detail-head{ margin:15px 15px 0 15px;}
.detail-title{ min-height: 25px; line-height: 25px; font-size: 16px; font-weight: bold; text-align: center; padding: 5px 0;}
.detail-bar{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start; padding: 0 5px; box-sizing: border-box;
    border-bottom: 1px solid var(--border-color); margin-top: 5px;}
.detail-bar-item{ height: 25px;line-height: 25px;margin-right: 25px;color: var(--light-primary-color);overflow: hidden;}
.detail-bar-date{ height: 25px;line-height: 25px;margin-left: auto;color: var(--light-primary-color); overflow: hidden;}
.detail-bar-item i,.detail-bar-date i{ height: 25px;line-height: 25px; font-size: 16px; margin-right: 5px;}
.detail-description{ min-height: 50px; line-height: 25px; font-size: 13px; color: var(--icon-default-color); background-color: var(--bg-color);
    padding: 10px; box-sizing: border-box;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

ul.article-list,ul.mix-list,ul.img-list,.detail-content{width: 100%;padding: 15px;box-sizing: border-box; overflow: hidden;}
.detail-content{ line-height: 21px;flex: 1; margin-bottom: 15px;}
.detail-content img,.detail-content *{ max-width: 100%;}
ul.article-list li{height: 35px;border-bottom: 1px solid var(--border-color);padding: 10px 0 0 10px;white-space: nowrap;overflow: hidden;}
ul.article-list li a{display: inline-block; width: 100%; box-sizing: border-box; height: 35px;line-height: 35px;}
ul.article-list li a i{ display: inline-block; font-size: 12px; font-style: normal; width: 15px; height:100%; color: var(--light-primary-color);}
ul.article-list li span{position: relative;z-index: 99;float: right;display: inline-block;height: 35px;line-height: 35px; font-size:13px;
    color:var(--light-primary-color); background-color: #fff;padding: 0 10px;}
ul.article-list li:hover{background-color: var(--bg-color);}
ul.article-list li:hover span{background-color: var(--bg-color);}

ul.mix-list li{width: 100%;margin-bottom: 15px;}
ul.mix-list a{display: flex;flex-direction: row;flex-wrap: nowrap;width: 100%;padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);box-sizing: border-box;overflow: hidden;}
ul.mix-list a:hover{box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.2);}
.mix-list-img{display: flex; flex-shrink: 0; position: relative; width: 160px;height: 120px; border-radius: 5px; margin-right: 10px;
    background-color: #fff;border: 1px solid var(--border-color); box-sizing: border-box;}
.mix-list-img img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;object-fit: cover;}
.mix-list-main{display: flex;flex-direction: column; width: calc(100% - 170px)}
.mix-list-tit{ width:100%;height: 35px;line-height: 35px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mix-list-desc{line-height: 20px;max-height: 50px;color: var(--light-primary-color);overflow: hidden;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.mix-list-bar{display: flex;flex-direction: row;flex-wrap: nowrap;align-self: flex-end;align-items: stretch;width: 100%;margin-top: auto; padding-top: 5px;}
.mix-list-date,.mix-list-click{display: flex; height: 30px; line-height: 30px; color: var(--light-primary-color); font-size: 13px;
    margin-right: 25px;align-items: center;white-space: nowrap;overflow: hidden;}
.mix-list-btn{ height: 30px; line-height: 30px; font-size: 13px; border-radius: 5px; margin-left: auto; padding: 0 25px;background-color: var(--bg-color);}

ul.img-list li{float: left;width: calc((100% - 30px)/3); border-radius: 5px; margin-right: 15px;margin-bottom: 20px;
    border: 1px solid var(--border-color);box-sizing: border-box;}
ul.img-list li:nth-child(3n){margin-right: 0;}
ul.img-list li:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
ul.img-list li dd{position: relative;padding-top: 75%;}
ul.img-list li img{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%; border-top-left-radius: 5px;
    border-top-right-radius: 5px;object-fit: cover;}
ul.img-list li dt{height: 35px;line-height: 35px; border-top: 1px solid var(--border-color); background-color: var(--bg-color);
    border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-sizing: border-box;}
ul.img-list li dt a{display: block;width: calc(100% - 20px);height: 35px;line-height: 35px;text-align: center;white-space: nowrap;
    overflow:hidden;text-overflow: ellipsis;margin: 0 10px;box-sizing: border-box;}

/* 分页样式 */
.detail-page{ display: flex; flex-direction: column; padding-top: 15px; margin: auto 15px 15px 15px; border-top: 1px solid var(--border-color);}
.detail-page dl{ display: flex; flex-direction: row; flex-wrap: nowrap; margin: 10px 0;}
.detail-page dl dt{ font-weight: bold; white-space: nowrap;}
.detail-page dl dd{ overflow: hidden; white-space: nowrap;}

.home-service-warp{ width: 100%; height: 500px; background: url("/static/web/template01/images/home_earth.png") no-repeat center bottom;
    background-size: cover;}
.home-service-head{ max-width: 1200px; padding: 50px 0; margin: auto;}
.home-service-tit{ padding-bottom: 25px; font-size: 40px; font-family: PingFang SC; font-weight: 600; color: #333; text-align: center;}
.home-service-subtit{ padding-bottom: 25px; font-size: 18px; font-family: PingFang SC; color: #666; text-align: center;}
.home-service-main{ display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1200px; margin: auto;}
dl.home-service-item{ width: 25%; height: 100px; overflow: hidden;}
dl.home-service-item dt{ height: 35px; line-height: 35px; font-size: 30px; font-weight: bold; color: var(--primary-color); text-align: center; margin-bottom: 10px;}
dl.home-service-item dd{ line-height: 20px; margin: 5px 25px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
/* 网页底部 */
.footer-warp{ width: 100%; padding-top: 20px; background-color: var(--footer-bg); border-top: 5px solid var(--primary-color);}
.footer-warp *{color: var(--footer-text);}
.footer{ width: 100%; max-width: 1200px; margin: auto;}
.footer-main{display: flex;flex-direction: row;flex-wrap: nowrap;padding-bottom: 20px;}
.footer-tip{display: flex;flex-direction: row;flex-wrap: nowrap;width: 300px;}
.footer-erweima{width: 90px; height: 90px; margin-right: 10px;}
.footer-erweima img{ width: 100%; height: 100%;}
.footer-erweima p{height: 25px;line-height: 25px;font-size: 12px;text-align: center;background-color: rgba(255, 255, 255, 0.4);}
dl.footer-tip-cn{width: 200px;}
dl.footer-tip-cn dt{height: 25px;line-height: 25px;}
dl.footer-tip-cn dd{min-height: 25px;line-height: 25px;}
dl.footer-tip-cn dd.footer-tip-tel{height: 30px;line-height: 30px;font-size: 24px;font-weight: bold;}
dl.footer-tip-cn dd:nth-child(2n){ margin-bottom: 10px;}
.footer-menu{display: flex;flex-direction: row;flex-wrap: nowrap;flex-grow: 1;}
.footer-menu dl{width: 18%;margin-left: 2%;}
.footer-menu dl dt{height: 35px;line-height: 35px;font-size: 16px;font-weight: bold;}
.footer-menu dl dd{height: 30px;line-height: 30px;}
.footer-menu dl dd a:hover{text-decoration: underline;}
.footer-menu dl.menu_link{ margin-left: auto;}
.footer-menu dl.menu_link dt,.footer-menu dl.menu_link dd{ text-align: right;}
.footer-copyright{width: 100%;min-height: 45px;line-height: 25px; color: var(--light-primary-color); padding: 10px 0; border-top: 1px solid var(--footer-border);}
.footer-copyright a{ color: var(--light-primary-color); text-decoration: underline;}
.footer-copyright a:hover{ color: #fff;}
.m-header-warp,.m-footer-space,.m-footer-warp{ display: none;}

@media (max-width: 1024px) {
    .header-logo img {height: 40px;}
    ul.header-menu {width: 560px;}
    ul.header-menu li {height: 70px;}
    ul.header-menu dl{ top: 70px;}
    .home-about-tip{font-size: 30px;letter-spacing: 5px;}
    ul.img-list li{ width: calc((100% - 15px)/2); margin-right: 15px!important;}
    ul.img-list li:nth-child(2n){ margin-right: 0!important;}
    .footer-tip{ display: none; }
}
@media (max-width: 768px) {
    body{ min-width: 300px;}
    a.header-logo,.header-main,.footer-main,.home-about-tip,.home-about-tit-eng{ display: none; }
    .home-about-top{ margin-top: 0; margin-bottom: 15px;}
    .home-about-warp {padding: 15px 0 25px 0;}
    .home-about-thumb{ width: 100%; height: 200px;}
    .home-about-con{ width: 100%; height: 380px; padding: 15px 25px;}
    .home-about-title dd{ height: 35px;line-height: 35px;font-size: 28px;}
    .home-merit-main{ margin: 25px auto;}
    .home-merit-item{ width: calc((100% - 15px)/2); padding: 5px 15px; box-sizing: border-box;margin-right: 15px; margin-bottom: 15px;}
    .home-merit-item:nth-child(2n){ margin-right: 0;}
    .home-merit-item:nth-last-child(-n+2){ margin-bottom: 0;}
    .home-goods-warp,.home-news-warp{ margin: 15px auto;}
    .home-goods-item{ width: calc((100% - 15px)/2); margin-right: 15px; margin-bottom: 15px;}
    .home-goods-item:nth-child(2n){ margin-right: 0;}
    .home-news-row{ width: 100%; margin-bottom: 15px;}
    .home-news-row:nth-child(n){ margin-right: 0;}
    .home-news-row:last-child{ margin-bottom: 0;}
    .home-service-warp{ height: 360px;}
    .home-service-head{ padding: 25px 0;}
    .home-service-tit{ font-size: 26px; padding-bottom: 15px;}
    .home-service-subtit{ font-size: 14px;}
    dl.home-service-item{ width: 50%; height: 100px;}
    .home-service-subtit{ padding-bottom: 15px;}
    /*内页部分*/
    .main{ margin: 15px auto;}
    .sidebar-wrap,.path-cn span.location,.mix-list-btn{ display: none;}
    .sub-wrap{ width: 100%;}
    ul.img-list li{ width: calc((100% - 15px)/2); margin-right: 15px!important;}
    ul.img-list li:nth-child(2n){ margin-right: 0!important;}
    /*底部*/
    .m-header-warp{display: block; position: absolute;left: 0;right: 0; z-index: 99; width: 100%; height: auto;background: rgba(255, 255, 255, 0.5);}
    .m-header{ display: flex; flex-direction: row;flex-wrap: nowrap; justify-content:space-between; width: 100%; padding: 10px; box-sizing: border-box;}
    a.m-header-logo{ display: block;flex: none;}
    .m-header-logo img{ display: block;width: auto;height: 50px;}

    .m-header-menu{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; width: 50px; height: 50px;}
    .m-icon-menu{ font-size: 36px!important; color: #fff; }
    .m-nav{ position: fixed; right: 0; top: 0; z-index: 98; transform: translateX(100%); width: 50%; height: calc(100vh - 3.77rem); background: var(--footer-bg);
        transition: transform 0.5s ease;}
    .m-nav.show{ transform: translateX(0);}
    .m-nav-list{ width: 100%; padding-top: 15px; box-sizing: border-box;}
    .m-nav-item{ position: relative; width: 100%; min-height: 35px; border-bottom: 1px solid var(--footer-border);}
    .m-nav-item-a{ display: block;width: 100%; height: 35px; line-height: 35px; color: #fff; padding-left: 50px; box-sizing: border-box;}
    .m-icon-close{ position: absolute; right: 0;top: 0; z-index: 99; width: 35px; height: 35px; line-height: 35px; color: #fff; text-align: center; padding: 0 15px;}
    .m-nav-item dl { width: 100%;max-height: 0;overflow: hidden;transition: max-height 0.3s ease;padding-bottom: 10px;}
    .m-nav-item dl.show {max-height: 500px;}
    .m-nav-item dl dd a{ display: block; width: 100%; height: 35px; line-height: 35px; color: #fff; padding-left: 65px; box-sizing: border-box;}
    .m-nav-item:has(dl) .m-nav-item-a {position: relative;padding-right: 40px;}
    .m-nav-item:has(dl) .m-nav-item-a::after {content: "▼";position: absolute; right: 15px;top: 0;font-size: 12px;transition: transform 0.3s ease;}
    .m-nav-item:has(dl.show) .m-nav-item-a::after {transform: rotate(180deg);}
    .m-nav-item dl dd a.active {color: var(--primary-color);text-decoration: underline !important;text-underline-offset: 4px;}

    .m-footer-space{ display: block; width: 100%; height: 3.77rem;}
    .m-footer-warp{ display: block; position: fixed;left: 0;bottom: 0;z-index: 99;width: 100%;height: 5.66rem;}
    .m-footer{ position:absolute;left: 0;bottom: 0;width: 100%;height: 3.77rem;border-top: 1px solid #dddddd;background: #fff;box-sizing: border-box;
        display: flex;flex-direction: row;flex-wrap: nowrap;}
    .m-footer li.m-footer-item{ position: relative; width: 20%; height: 3.77rem; }
    .m-footer li.m-footer-item a{ display: block; width: 100%; height: 100%; text-align: center; padding-top: 0.20rem; }
    .m-footer li.m-footer-item a:hover{ text-decoration: none; }
    .m-footer-item-circle{ width: 3.77rem; height: 3.77rem; line-height: 3.77rem;position: absolute;
        left: calc((100% - 3.77rem)/2); top: -1.89rem; z-index: 99; font-size: 2rem !important; text-align:  center;
        border-radius: 50%; border: 1px solid #dddddd; background: #fff; box-sizing: border-box;
    }
    .m-footer-icon{ height: 2rem!important; line-height: 1.6rem; font-size: 1.6rem!important; overflow: hidden;}
    .m-footer-cn{ font-size: 0.9rem; height: 1.77rem; line-height: 1.77rem; }
    .m-footer-cn-mid{ font-size: 0.9rem; margin-top: 1.89rem; }
}