*{margin: 0px;padding: 0px;}
*, *:after, *::before{box-sizing: border-box;}
body{font-family: 'Microsoft YaHei',Graphik, Arial, sans-serif,'Arial','SimHei','San Francisco';font-size: 14px;background-color: #fff;}

a{text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.disblock{display: block;}
.temporary{width: 100%;font-size: 16px;text-align: center;line-height: 40px;color: #b59469;font-weight: bold;}

.special_box1{max-width: 1388px;width: 98%;margin: 0 auto;height: 100%;padding: 0 1%;}

.index_banner{width: 100%;}
.index_banner .swiper-slide img{display: block;width: 100%;}

.inner_banner{
	width: 100%;
    height: 375px;
    background-image: url(../images/chengtai/about_banner.jpg);
    background-size: cover;
}
.inner_banner img{ck;width: 100%;}

.header{
	position: fixed;width: 100%;z-index: 35; height: 120px;
	border-bottom: solid 1px rgba(255, 255, 255, 0.45);background-color: rgba(0, 0, 0, 0.1);
	 /* ★★★ 过渡动画：让高度变化丝滑 ★★★ */
  transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.header.scrolled {
  background-color: rgba(0, 0, 0, 0.39); height: 85px;
}
.header.scrolled .imgbox img{
  height: 75px;  /* 缩小到合适大小 */
}

.top_pc_box{display: flex;justify-content: space-between;height: 100%;flex-shrink: 0;align-items: center;}
.top_pc_box .imgbox{padding: 26px 5px; width: 25%;}

.top_pc_box .imgbox img{
	height: 100px;
	width: auto;
	  /* ★★★ 图片缩放的过渡动画 ★★★ */
  transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}






.top_phone{width: 90%;margin: 0 auto;}
.top_phone img{vertical-align: middle;display: inline-block;float: left;}
.top_phone_box{display: none;border-bottom: 1px solid #dcdcdc;height: 100%;} /*max-width: 508px;width: 100%;*/

.pc_right{
    font-size: 14px;
    display: flex;
    line-height: 21px; 
    width: 30%;  
    justify-content: flex-end;
    margin: 58px 5px;
    color: #ffffff;
    height: 21px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);

    /*text-shadow:
        -2px -2px 0 #333333,
        2px -2px 0 #333333,
        -2px 2px 0 #333333,
        2px 2px 0 #333333,
        -2px 0 0 #333333,
        2px 0 0 #333333,
        0 -2px 0 #333333,
        0 2px 0 #333333;*/

        /*-webkit-text-stroke: 1.2px #000000;*/

}

.changlang_box {margin-left: 3%;}
.changlang_box a{
    color: inherit;margin-left: 10px; 
}
.changlang_box img{vertical-align: middle;}


.header_iconbox{display: flex;justify-content: space-between;width: 46px;height: 21px;}
.nav__trigger {display: block;position: absolute;width: 52px;height: 33px;right: 0px;top: 50%;z-index: 200;margin-top: -16.5px;cursor: pointer;}
.nav--active .nav__trigger {opacity: 0.5;}
.nav__icon {display: inline-block;position: relative;width: 52px;height: 6px;background-color: #333333;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;margin-top: 13px;border-radius: 6px;}
.nav__icon:before,.nav__icon:after {content: '';display: block;width: 52px;height: 6px;position: absolute;background: #333333;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;border-radius: 6px;}
.nav__icon:before {margin-top: -13px;}
.nav__icon:after {margin-top: 13px;}
.phonenav.active .nav__icon {background: rgba(0, 0, 0, 0);}
.phonenav.active .nav__icon:before,.phonenav.active .nav__icon:after{background-color: #ee3d3d;opacity: 0.9;}
.phonenav.active .nav__icon:before {margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.phonenav.active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.nav2{width: 100%;height: 45px;}
#myslidemenu {width: 100%;max-width: 1280px;margin: 0 auto;color: #fff;font-size: 16px;}
#myslidemenu a{text-decoration: none;}
#myslidemenu li{list-style: none;}
#myslidemenu #menu-menu-1{display: flex;}
#myslidemenu #menu-menu-1>li{width: 14.285%;text-align: center;position: relative;}
#myslidemenu #menu-menu-1>li>a{color: #fff;line-height: 45px;display: block;cursor: pointer;text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);}
#myslidemenu .sub-menu{position: absolute;z-index: 2;width: 100%;display: none;background-color: #d9dce2;/*padding: 13px 0;*/}

#myslidemenu ul.sub-menu>li>a{color: #333333;line-height: 45px;display: block;position: relative;}
#myslidemenu ul#menu-menu-1>li>a:after{position: absolute;left: 0px;bottom: 0px;height: 0px;background-color: #b59469;width: 100%;content: " ";transition: height 0.3s ease-in-out,opacity 0.5s ease-in-out;opacity: 0;}
#myslidemenu ul#menu-menu-1>li:hover>a:after,#myslidemenu ul#menu-menu-1>li.active>a:after{height: 5px;opacity: 1;}

#myslidemenu ul#menu-menu-1 .active{ color: #ff6600;}


#myslidemenu ul#menu-menu-1>li:hover>ul.sub-menu{display: block;}
#menu-menu-1 ul.sub-menu{font-size: 14px;}
#myslidemenu ul#menu-menu-1>li:hover>ul.sub-menu>li:hover>ul.sub-menu{display: block;}
#myslidemenu .sub-menu>li{position: relative;}

#myslidemenu .sub-menu>li.active a{color: #2e358e;}

#myslidemenu .sub-menu>li:hover a{color: #2e358e;background-color: #eeeeee;}

#myslidemenu .sub-menu .sub-menu{display: none;position: absolute;left: 100%;top: 0px;}
.header_block{}




/*显示效果css start*/
/*transition-delay:0.2s;*/
.flowin{
  opacity: 0;
    transition: all 1s ease;
    transform: translate(0px, 0px);
}
.flowin.fchecked{
  opacity: 1;
  transform: translate(0, 0px);
}
.flowdown{
  opacity: 0;
    transition: all 1s ease;
    transform: translate(0px, 130px);
}
.flowdown.fchecked{
  opacity: 1;
  transform: translate(0, 0px);
}

.flowleft{
  opacity: 0;
    transition: all 1s ease;
    transform: translate(-130px, 0px);
}
.flowleft.fchecked{
  opacity: 1;
  transform: translate(0, 0px);
}

.flowright{
  opacity: 0;
    transition: all 1s ease;
    transform: translate(130px, 0px);
}
.flowright.fchecked{
  opacity: 1;
  transform: translate(0, 0px);
}
/*显示效果css end*/


        /*上下移动 start*/

            /* --- 核心菜单样式 --- */
            .floating-sidebar {
                position: fixed; right: 0; top: 48%; transform: translateY(-50%);
                display: flex; flex-direction: column; align-items: flex-end;
                gap: 15px; z-index: 1000;
            }

            /* 默认状态（胶囊收缩） */
            .sidebar-item {
                position: relative; display: flex; align-items: center;
                height: 50px; width: 50px; background-color: #b0bec5;
                border-radius: 25px; cursor: pointer; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
                justify-content: flex-end; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
            }

            /* 右侧深蓝色圆球图标 */
            .sidebar-item .icon {
                width: 50px; height: 50px; background-color: #000000;
                border-radius: 50%; display: flex; justify-content: center; align-items: center;
                color: #ffffff; font-size: 20px; flex-shrink: 0; transition: background-color 0.3s;
                z-index: 2; /* 确保图标始终浮在最上方 */
            }

            /* 展开内容容器（文本 + 二维码共用） */
            .sidebar-item .label-content {
                position: absolute; right: 55px;
                white-space: nowrap; color: #ffffff; font-size: 14px; font-weight: bold;
                opacity: 0; transform: translateX(20px); pointer-events: none;
                transition: all 0.4s ease; z-index: 1;
            }

            /* --- 1. 文本项展开效果（保留蓝色长条） --- */
            .sidebar-item.type-text:hover {
                width: 250px; background-color: #000000; box-shadow: 3px 3px 15px rgba(26, 35, 126, 0.3);
            }
            .sidebar-item.type-text:hover .icon { background-color: rgba(255, 255, 255, 0.2); }
            .sidebar-item.type-text:hover .label-content.text {
                opacity: 1; transform: translateX(0); pointer-events: auto;
            }

            /* --- 2. 二维码项展开效果（删除蓝色长条，加白底蓝框） --- */
            .sidebar-item.type-qr:hover {
                /* 关键点：重置背景色为透明，去除原蓝色长条 */
                background-color: transparent; 
                box-shadow: none; 
                /*width: 280px;*/
            }
            
            /* 二维码白色卡片 + 深蓝色边框 */
            .sidebar-item .label-content.qr {
                background-color: #ffffff;
                border: 3px solid #000000; /* 加上深蓝色边框 */
                border-radius: 12px;
                padding: 6px;
                width: 130px; /*height: 130px;*/
                box-sizing: border-box; /*display: flex; */justify-content: center; align-items: center;
                /* 定位微调 */
                right: 60px; top: 50%; transform: translateY(-50%) translateX(20px);
                box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* 增加一点立体感 */
                color: #666666;
                text-align: center;
            }
            
            .sidebar-item.type-qr:hover .label-content.qr {
                opacity: 1; transform: translateY(-50%) translateX(0); pointer-events: auto;
            }
            
            /* 二维码图片自适应 */
            .sidebar-item .label-content.qr img {
                width: 100%; height: 100%; object-fit: contain; display: block;
            }

            /* --- 返回顶部按钮 --- */
            .go-top-btn {
                width: 50px; height: 50px; background-color: #000000;
                border-radius: 50%; display: flex; justify-content: center; align-items: center;
                color: #ffffff; font-size: 20px; cursor: pointer; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
                opacity: 0; visibility: hidden; transition: all 0.3s ease; transform: translateY(20px);
                margin-top: 10px;
            }
            .go-top-btn.active { opacity: 1; visibility: visible; transform: translateY(0); }
            .go-top-btn:hover { background-color: #666666; transform: translateY(0) scale(1.05); }

        /*上下移动 end*/

    /*蒙层遮罩 start*/
        /* ---------- 触发按钮（现在使用 Font Awesome 图标） ---------- */
        .open-btn {
            /* padding: 14px 40px; */
            font-size: 18px;
            /* font-weight: 600; */
            color: #fff;
            /* background: #4f46e5; */
             border: none;
            /* border-radius: 12px; */
            cursor: pointer;
            /* box-shadow: 0 8px 24px rgba(79, 70, 229, 0.35); */
            /* transition: transform 0.2s, box-shadow 0.2s; */
            display: inline-flex;
            /* align-items: center; */
            gap: 10px;
            background: transparent;
            text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
        }
        .open-btn:hover {
            /*transform: translateY(-2px);
            box-shadow: 0 12px 32px rgba(79, 70, 229, 0.45);*/
        }
        .open-btn:active {
/*            transform: scale(0.97);*/
        }
        .open-btn i {
            font-size: 20px; /* 图标大小微调 */
        }

        /* ---------- 蒙层遮罩 ---------- */
        .overlay-mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.55);
            backdrop-filter: blur(4px);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 999;
            animation: fadeIn 0.3s ease;
        }

        .overlay-mask.active {
            display: flex;
        }

        /* ---------- 弹窗卡片 ---------- */
        .modal-mask {
            position: relative;
            background: #ffffff;
            border-radius: 24px;
            padding: 40px 36px 32px;
            width: 100%;
            max-width: 600px;
            box-shadow: 0 24px 64px rgba(0, 0, 0, 0.30);
            animation: slideUp 0.35s ease;
        }

        /* ---------- 右上角关闭按钮 ---------- */
        .close-btn {
            position: absolute;
            top: 16px;
            right: 20px;
            background: transparent;
            border: none;
            font-size: 28px;
            line-height: 1;
            color: #94a3b8;
            cursor: pointer;
            padding: 4px 8px;
            border-radius: 8px;
            transition: background 0.2s, color 0.2s;
        }
        .close-btn:hover {
            background: #f1f5f9;
            color: #1e293b;
        }

        /* ---------- 动画 ---------- */
        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(30px) scale(0.96);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

/*蒙层遮罩 end*/




.common_box{max-width: 82%;width: 82%;margin: 0 auto;height: 100%;}

.common_box_full{max-width: 100%;width: 100%;margin: 0 auto;height: 100%;}

.common_box_header{max-width: 100%;width: 100%; padding-left: 2%; padding-right: 2%; box-sizing: border-box;}

.page_banner_titleBox {display:none;}


.page_centerbox{padding: 50px 0;}

.page_centerbox{ min-height: 600px;  }

.page_centerbox .common_box {
    max-width: 65%;
    width: 65%;
}

.pc_navigation_menu{
    max-width: 65%;
        width: 65%;
}


.page_container{
	padding: 40px 10px; 
	padding-bottom: 10px;
    font-size: 15px;
    line-height: 1.8;
    color: #555;
}

.footer{
	margin-top: 80px;
}



        /*首页 核心 end*/

        	.timeline-container {
        	    width: 100%;
        	    margin: 0 auto;
        	    padding: 60px 20px;
        	}

        	/* --- 顶部标题区 --- */
        	.timeline-section-header {
        	    text-align: center;
        	    margin-bottom: 30px;
        	}

        	.timeline-section-header h2 {
        	    font-size: 32px;
        	    font-weight: 500;
        	    color: #222;
        	    letter-spacing: 2px;
        	    margin-bottom: 5px;
        	}

        	.timeline-section-header h3 {
        	    font-size: 24px;
        	    font-weight: 400;
        	    color: #aaa;
        	    letter-spacing: 1px;
        	}

        	/* --- 核心布局 --- */
        	.timeline-wrapper {
        	    position: relative;
        	    display: flex;
        	    justify-content: space-around;
        	    padding-top: 0px;
        	    padding-left: 15%;
        	    padding-right: 15%;
        	}

        	/* 电脑端的中央水平贯穿线 */
        	.timeline-line {
        	    position: absolute;
        	    top: 55px; /* 与圆圈中心对齐 */
        	    left: 0;
        	    width: 100%;
        	    height: 1px;
        	    background-color: #e0e0e0;
        	    z-index: 0;
        	}

        	/* 单个核心项目 */
        	.timeline-item {
        	    flex: 1;
        	    text-align: center;
        	    position: relative;
        	    z-index: 1;
        	    padding: 0 10px;
        	    display: flex;
        	    flex-direction: column;
        	    align-items: center;
        	}

        	.timeline-item .num {
        	    font-size: 30px;
        	    font-weight: bold;
        	    color: #222;
        	    margin-bottom: 12px;
        	    border: 0px solid #dcdcdc;
        	}

        	.timeline-item .circle {
        	    width: 10px;
        	    height: 10px;
        	    border: 1px solid #444;
        	    border-radius: 50%;
        	    background: #fff;
        	    margin-bottom: 20px;
        	    position: relative;
        	    z-index: 2; /* 确保圆圈盖在线上 */
        	}

        	.timeline-item p {
        	    font-size: 14px;
        	    color: #666;
        	    line-height: 1.6;
        	    padding: 0 5px;
        	}

        /*首页 核心 end*/



        /*首页 关于我们 start*/

        	.about-container {
        	    max-width: 100%;
        	    margin: 0 auto;
        	}

        	/* --- 布局包裹器 (Flexbox) --- */
        	.about-wrapper {
        	    display: flex;
        	    align-items: center;
        	    gap: 40px;
        	    background-color: #f8f8f8;
        	}

        	/* --- 左侧：图片区域 --- */
        	.about-image-wrapper {
        	    flex: 1.3;
        	    position: relative;
        	    width: 100%;
        	    /*height: 520px;*/ /* 控制图片高度 */
        	    border-radius: 4px;
        	    overflow: hidden;
        	}

        	.about-image-wrapper img {
        	    width: 100%;
        	    height: 100%;
        	    object-fit: cover;
        	    display: block;
        	}

        	

        	/* --- 右侧：文字区域 --- */
        	.about-content {
        	    flex: 1.2;
        	    padding: 20px 45px;
        	    text-align: center;
        	}

        	/*.about-content h2 {
        	    font-size: 34px;
        	    font-weight: 400;
        	    color: #222;
        	    letter-spacing: 4px;
        	    margin-bottom: 30px;
        	}

        	.about-content h2 span {
        	    display: block;
        	    font-size: 26px;
        	    color: #999;
        	    font-weight: 400;
        	    letter-spacing: 2px;
        	    margin-top: 5px;
        	}*/

            .about-content h1 {
                font-size: 34px;
                font-weight: 400;
                color: #222;
                letter-spacing: 4px;
                margin-bottom: 30px;
            }

            .about-content h1 span {
                display: block;
                font-size: 26px;
                color: #999;
                font-weight: 400;
                letter-spacing: 2px;
                margin-top: 5px;
            }

        	.about-content p {
        	    font-size: 15px;
        	    color: #666;
        	    line-height: 1.9;
        	    text-align: justify;
        	    margin-bottom: 45px;
        	    letter-spacing: 0.5px;
        	    text-align: center;
        	}

            .about-content h2 {
                font-size: 15px;
                color: #666;
                line-height: 1.9;
                text-align: justify;
                margin-bottom: 45px;
                letter-spacing: 0.5px;
                text-align: center;
                font-weight: 500;
            }

        	/* --- 按钮 --- */
        	.btn-more {
        	    display: inline-block;
        	    padding: 10px 45px;
        	    border: 1px solid #dcdcdc;
        	    color: #666;
        	    text-decoration: none;
        	    font-size: 14px;
        	    letter-spacing: 2px;
        	    transition: all 0.3s ease;
        	    background: transparent;
        	}

        	.btn-more:hover {
        	    border-color: #333;
        	    color: #333;
        	    background: #f5f5f5;
        	}

        /*首页 关于我们 end*/


        /*首页 证书 start*/

        .cert-top-bg{
        	background-image: url('../images/chengtai/index_cert_bg.jpg');background-repeat: repeat-x;background-position: top;
        	padding-top: 110px;
        	padding-bottom: 30px;
        	box-sizing: border-box;
        	height: auto;
        }

        	.cert-container {
        	    max-width: 1500px;
        	    margin: 0 auto;
        	}

        	/* --- 核心布局 --- */
        	.cert-wrapper {
        	    display: flex;
        	    /*align-items: center;*/
        	    gap: 60px;
        	    position: relative;
        	}

        	/* --- 左侧：文本区域 --- */
        	.cert-text {
        	    flex: 1;
        	    position: relative;
        	    padding-right: 20px;
        	}

        	/* 背景水印 */
        	.cert-text .watermark {
        	    position: absolute;
        	    top: -30px;
        	    left: -10px;
        	    z-index: 0;
        	    font-size: 70px;
        	    font-weight: 900;
        	    color: #f0f0f0;
        	    letter-spacing: 8px;
        	    pointer-events: none;
        	    white-space: nowrap;
        	}

        	.cert-text h2 {
        	    position: relative;
        	    z-index: 1;
        	    font-size: 32px;
        	    font-weight: bold;
        	    letter-spacing: 2px;
        	    margin-bottom: 15px;
        	    color: #222;
        	}

        	.cert-text p {
        	    position: relative;
        	    z-index: 1;
        	    font-size: 15px;
        	    color: #666;
        	    line-height: 1.8;
        	    letter-spacing: 0.5px;
        	}


        	.title-wrapper {
        	    position: relative;
        	    margin-bottom: 20px;
        	}
        	.title-wrapper p {
        	    font-size: 35px;
        	    color: #222;
        	    position: relative;
        	    z-index: 1;
        	}
        	.title-wrapper p span {
        	    font-weight: bold;
        	}
        	.title-wrapper .bg-text {
        	    font-family: 'Microsoft YaHei','Arial','SimHei','San Francisco';
        	    position: absolute;
        	    left: 0;
        	    top: -25px;
        	    z-index: 0;
        	    font-size: 55px;
        	    font-weight: bold;
        	    color: #e8eff2;
        	    letter-spacing: -2px; /*字符间距/字间距*/
        	    white-space: nowrap;
        	    pointer-events: none;
        	    font-style: italic;

        	}


        	/* --- 右侧：图片轮播区 --- */
        	.cert-images {
        	    flex: 1.5;
        	    display: flex;
        	    flex-direction: column;
        	    align-items: center;
        	}

        	/* 外层：隐藏溢出内容 */
        	.carousel-wrapper {
        	    width: 100%;
        	    overflow: hidden;
        	    border-radius: 8px;
        	}

        	/* 轨道：承载所有图片卡片，并实现滑动动画 */
        	.carousel-track {
        	    display: flex;
        	    gap: 20px;
        	    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
        	    will-change: transform;
        	}

        	.cert-card {
        	    flex: 0 0 calc((100% - 40px) / 3); /* PC端默认每行3张 */
        	    background: #fff;
        	    padding: 15px;
        	    border-radius: 6px;
        	    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
        	    display: flex;
        	    justify-content: center;
        	    align-items: center;
        	    aspect-ratio: 1 / 1.4;
        	    border:5px solid #f5f5f5; 

        	}

        	.cert-card img {
        	    width: 100%;
        	    height: 100%;
        	    display: block;
        	    border-radius: 4px;
        	    object-fit: contain;
        	}

        	/* --- 底部圆点分页器 --- */
        	.cert-pagination {
        	    display: flex;
        	    justify-content: center;
        	    gap: 12px;
        	    margin-top: 30px;
        	}

        	.cert-pagination .dot {
        	    width: 15px;
        	    height: 15px;
        	    background-color: #ddd;
        	    border-radius: 50%;
        	    cursor: pointer;
        	    transition: all 0.3s ease;
        	}

        	.cert-pagination .dot:hover {
        	    background-color: #999;
        	}

        	.cert-pagination .dot.active {
        	    background-color: #556;
        	}

        /*首页 证书 end*/



        /* ---- 首页 产品列表 start ---- */
        .inpro-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-top: 30px;
            margin-bottom: 40px;
            flex-wrap: wrap;
            gap: 20px;
        }

        .inpro-header-text h1 {
            font-size: 32px;
            font-weight: 800;
            letter-spacing: 1px;
            color: #222;
            margin-bottom: 8px;
        }

        .inpro-header-text p {
            font-size: 14px;
            color: #777;
            line-height: 1.6;
            margin: 4px 0;
        }

        .inpro-header-nav {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0px;
            margin-top: 55px; /* 略对齐 */
        }

        .inpro-nav-item {
            font-size: 14px;
            color: #777;
            cursor: pointer;
            padding: 6px 16px;
            border-radius: 20px;
            transition: all 0.3s ease;
            text-decoration: none;
        }

        .inpro-nav-item:hover {
            color: #222;
        }

        .inpro-nav-item.active {
            background-color: #222;
            color: #fff;
        }

        /* ---- 产品网格 ---- */
        .inpro-product-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 30px;
            margin-top: 20px;
        }

        .pro-product-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: -10px;
        }

        .inpro-product-card {
            background: #fff;
            text-align: center;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            padding: 10px;
            border-radius: 8px;
        }

        .inpro-product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.05);
        }

        .img-wrapper {
            width: 100%;
            padding-bottom: 100%; /* 1:1 正方形比例占位 */
            position: relative;
            background-color: #f5f5f5;
            border-radius: 8px;
            overflow: hidden;
            margin-bottom: 20px;
        }

        .img-wrapper img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* 确保图片不变形 */
        }

        .inpro-product-name {
            font-size: 16px;
            font-weight: 600;
            color: #222;
            margin-bottom: 8px;
        }

        .inpro-product-desc {
            font-size: 13px;
            color: #888;
            line-height: 1.4;
        }

        .title-wrapper {
            position: relative;
            margin-bottom: 20px;
        }
        .title-wrapper p {
            font-size: 35px;
            color: #222;
            position: relative;
            z-index: 1;
        }
        .title-wrapper p span {
            font-weight: bold;
        }
        .title-wrapper .bg-text {
            font-family: 'Microsoft YaHei','Arial','SimHei','San Francisco';
            position: absolute;
            left: 0;
            top: -25px;
            z-index: 0;
            font-size: 55px;
            font-weight: bold;
            color: #e8eff2;
            letter-spacing: -2px; /*字符间距/字间距*/
            white-space: nowrap;
            pointer-events: none;
            font-style: italic;

        }

        .inpro-header-text .title-wrapper .bg-text {
        	    color: #f3f4f5;
        	}

        /*首页 产品列表 end*/


        /*首页 新闻 start*/
        	.news-container {
        	    max-width: 100%;
        	    margin: 0 auto;
        	    margin-top: 100px;
        	}

        	/* --- 顶部标题区 --- */
        	.news-header {
        	    display: flex;
        	    justify-content: space-between;
        	    /*align-items: flex-end;*/
        	    margin-bottom: 40px;
        	    flex-wrap: wrap;
        	    gap: 20px;
        	}

        	.title-wrapper {
        	    position: relative;
        	}

        	.title-wrapper p {
        	    font-size: 35px;
        	    color: #222;
        	    position: relative;
        	    z-index: 1;
        	}
        	.title-wrapper p span {
        	    font-weight: bold;
        	}


        	.title-wrapper .bg-text {
        	    font-family: 'Microsoft YaHei','Arial','SimHei','San Francisco';
        	    position: absolute;
        	    left: 0;
        	    top: -35px;
        	    z-index: 0;
        	    font-size: 55px;
        	    font-weight: bold;
        	    color: #f4f4f4;
        	    letter-spacing: -2px; /*字符间距/字间距*/
        	    white-space: nowrap;
        	    pointer-events: none;
        	    font-style: italic;

        	}

        	.news-tabs {
        	    display: flex;
        	    align-items: center;
        	    gap: 15px;
        	}

        	.news-tabs a {
        	    text-decoration: none;
        	    font-size: 14px;
        	    color: #888;
        	    padding: 6px 16px;
        	    border-radius: 20px;
        	    transition: all 0.3s ease;
        	}

        	.news-tabs a:hover {
        	    color: #222;
        	}

        	.news-tabs a.active {
        	    background-color: #222;
        	    color: #fff;
        	}

        	/* --- 内容区布局 --- */
        	.news-content {
        	    display: flex;
        	    gap: 8%;
        	    align-items: stretch;
        	}

        	/* --- 左侧：焦点资讯 --- */
        	.news-featured {
        	    flex: 0.8; /* 占据稍大比例 */
        	    background-color: #f9f9f9;
        	    padding: 50px 70px 70px 70px;
        	    border-radius: 4px;
        	}

        	.news-featured .date {
        	    display: block;
        	    font-size: 28px;
        	    color: #999;
        	    margin-bottom: 15px;
        	}

        	.news-featured h3 {
        	    font-size: 19px;
        	    font-weight: 500;
        	    color: #222;
        	    margin-bottom: 15px;
        	    line-height: 1.4;
        	}

        	.news-featured p {
        	    font-size: 14px;
        	    color: #888;
        	    margin-bottom: 25px;
                line-height: 2;
        	}

        	/*.news-featured img {
        	    width: 100%;
        	    height: auto;
        	    border-radius: 4px;
        	    display: block;
        	    object-fit: cover;
        	}*/

        	.news-featured .in_new_pic {
        	    width: 100%;
        	    height: 210px;
        	    border-radius: 4px;
        	    display: block;
        	    text-align: center;
        	    overflow: hidden;
        	    border:1px solid #d9d9d9; 
        	}

        	.news-featured .in_new_pic img {
        	    width: 100%;
        	    height: 100%;
        	}

        	/* --- 右侧：资讯列表 --- */
        	.news-list {
        	    flex: 1;
        	    display: flex;
        	    flex-direction: column;
        	    gap: 45px;
        	}

        	.news-item {
        	    display: flex;
        	    align-items: flex-start;
        	    padding-bottom: 0px;
        	    padding-top: 5%;
        	    border-top: 1px solid #d9d9d9;
        	    gap: 15px;
        	}

        	.news-item:last-child {
        	    border-bottom: none;
        	    padding-bottom: 0;
        	}

        	.news-item .dot {
        	    width: 5px;
        	    height: 5px;
        	    background-color: #888;
        	    border-radius: 50%;
        	    margin-top: 10px; /* 与标题对齐 */
        	    flex-shrink: 0;
        	}

        	.news-item-text {
        	    flex: 1;
        	}

        	.news-item-text h4 {
        	    font-size: 16px;
        	    font-weight: 500;
        	    color: #222;
        	    margin-bottom: 15px;
        	}

        	.news-item-text p {
        	    font-size: 14px;
        	    color: #888;
        	    line-height: 2;
        	}

        	.news-item-side {
        	    display: flex;
        	    align-items: center;
        	    gap: 15px;
        	    flex-shrink: 0;
        	    margin-top: 2px;
        	}

        	.news-item-side .date {
        	    font-size: 22px;
        	    color: #999;
        	}

        	.news-item-side .arrow-wrapper {
        	    height: 24px;
        	    border-left: 1px solid #e0e0e0;
        	    padding-left: 15px;
        	    display: flex;
        	    align-items: center;
        	}

        	.news-item-side .arrow-wrapper span {
        	    color: #ccc;
        	    font-size: 20px;
        	    font-weight: 300;
        	}
        /*首页 新闻 end*/


		/*首页 反馈 start*/
			.contact-container {
			    max-width: 100%;
			    margin: 0 auto;
			    background: #fff;
			    padding: 50px 40px 0px 40px;
			    margin-top: 50px;
			    border-radius: 8px; /* 轻微圆角提升质感 */
			}

			/* --- 布局容器 --- */
			.contact-wrapper {
			    display: flex;
			    gap: 8%;
			    align-items: flex-start;
			}

			/* --- 左侧：文字内容 --- */
			.contact-info {
			    flex: 1;
			    margin-top: 10%;
			}

			.contact-info p {
			    font-size: 15px;
			    color: #666;
			    line-height: 1.8;
			    letter-spacing: 0.5px;
			}

			.title-wrapper {
			    position: relative;
			    margin-bottom: 20px;
			}


			.title-wrapper p {
			    font-size: 35px;
			    color: #222;
			    position: relative;
			    z-index: 1;
			}
			.title-wrapper p span {
			    font-weight: bold;
			}


			.title-wrapper .bg-text {
			    font-family: 'Microsoft YaHei','Arial','SimHei','San Francisco';
			    position: absolute;
			    left: 0;
			    top: -35px;
			    z-index: 0;
			    font-size: 55px;
			    font-weight: bold;
			    color: #f4f4f4;
			    letter-spacing: -2px; /*字符间距/字间距*/
			    white-space: nowrap;
			    pointer-events: none;
			    font-style: italic;

			}	

			/* --- 右侧：表单 --- */
			.contact-form-wrapper {
			    flex: 1;
			}

			.contact-form-wrapper h3 {
			    font-size: 25px;
			    font-weight: normal;
			    margin-bottom: 30px;
			    color: #222;
			}

            .contact-form{
              width: 40%
            }

			/* 表单行和组 */
			.form-row {
			    display: flex;
			    gap: 25px;
			    margin-bottom: 25px;
			}

			.form-group {
			    flex: 1;
			    display: flex;
			    flex-direction: column;
			}

			.form-group label {
			    font-size: 14px;
			    color: #555;
			    margin-bottom: 10px;
			}

			.form-group .required {
			    color: #ddd; /* 图中星号颜色偏淡灰 */
			    margin-right: 2px;
			}

			/* 输入框/文本域样式 */
			.form-group input,
			.form-group textarea {
			    width: 100%;
			    padding: 7px 10px;
			    border: 1px solid #e0e0e0;
			    border-radius: 4px;
			    font-size: 14px;
			    color: #333;
			    background: #fff;
			    outline: none;
			    transition: border-color 0.3s ease;
			}

			.form-group input:focus,
			.form-group textarea:focus {
			    border-color: #333;
			}

			.form-group textarea {
			    resize: vertical; /* 允许垂直拉伸 */
			    min-height: 120px;
			}

			/* 提交按钮 */
			.submit-btn {
			    background: #333;
			    color: #fff;
			    border: none;
			    padding: 12px 35px;
			    font-size: 15px;
			    border-radius: 2px;
			    cursor: pointer;
			    transition: background 0.3s ease;
			    margin-top: 5px;
			}

			.submit-btn:hover {
			    background: #000;
			}

            .form-row .required {
                color: red;
                margin-left: 5px;
                vertical-align: middle;
            }

		/*首页 反馈 end*/



		/*内页 关于我们 start*/

			/* --- 核心布局 (Flexbox) --- */
			.intro-wrapper {
			    display: flex;
			    /*gap: 50px;*/
			    align-items: flex-start;
			}

			/* --- 左侧：文本区域 --- */
			.intro-text-col {
			    flex: 1.2; /* 文字占比稍大，利于阅读 */
			}

			.intro-text-col h2 {
			    font-size: 30px;
			    font-weight: bold;
			    color: #222;
			    letter-spacing: 2px;
			}

			/* 标题下的粗黑短横线 */
			.title-line {
			    width: 45px;
			    height: 5px;
			    background-color: #000;
			    margin: 15px 0 25px;
			}

			.intro-text-col p {
			    font-size: 15px;
			    color: #555;
			    line-height: 1.8;
			    margin-bottom: 20px;
			    text-align: justify; /* 两端对齐，排版更整齐 */
			}

			.intro-text-col .philosophy {
			    margin-top: 10px;
			}

			/* --- 右侧：图片区域 --- */
			.intro-img-col {
			    flex: 1;
			    display: flex;
			    justify-content: flex-end;
			    position: relative; /* 用于定位重叠块 */
			    padding-top: 0px; /* 顶部留白 */
			    /*margin-top: -20px;*/
			}

			/* 重叠的灰色错位块 */
			.intro-img-overlay {
			    position: absolute;
			    top: 10px;
			    right: -20px;
			    width: 100%;
			    height: 90%;
			    /*background-color: #eaeaea;*/
			    z-index: 0;
			    border-radius: 2px;
			}

			/* 实际图片容器 */
			.intro-img-wrap {
			    position: relative;
			    z-index: 1; /* 确保图片在灰色块上方 */
			    width: 90%;
			    background: #fff;
			    
			}

			.intro-img-wrap img {
			    width: 100%;
			    height: auto;
			    display: block;
			    object-fit: cover;
			}

			.intro-title-wrapper {
			    position: relative;
			    margin-bottom: 20px;
			}

			.intro-title-wrapper span {
			    font-weight: bold;
			    font-size: 1.5rem;
			    color: #222;
			    position: relative;
			    z-index: 1;
			}


			.intro-title-wrapper .bg-text {
			    font-family: 'Microsoft YaHei','Arial','SimHei','San Francisco';
			    position: absolute;
			    left: 0;
			    top: -35px;
			    z-index: 0;
			    font-size: 35px;
			    font-weight: bold;
			    color: #f4f4f4;
			    letter-spacing: -2px; /*字符间距/字间距*/
			    white-space: nowrap;
			    pointer-events: none;
			    font-style: italic;

			}

			/* --- 核心轮播容器 --- */
			.carousel-container {
			    max-width: 100%;
			    width: 100%;
			    position: relative;
			    padding: 0 25px; /* 为绝对定位的箭头留出空间 */
			    margin-top: 30px;
			}

			/* --- 轨道包裹层 (隐藏溢出) --- */
			.carousel-track-wrapper {
			    width: 100%;
			    overflow: hidden;
			    border-radius: 6px;
			}

			/* --- 图片轨道 (实现滑动) --- */
			.carousel-track {
			    display: flex;
			    gap: 20px;
			    /* 提示浏览器使用 GPU 加速，大幅提升滑动流畅度 */
			    will-change: transform;
			    backface-visibility: hidden;
			    -webkit-transform: translate3d(0, 0, 0);
			}

			/* --- 单个图片卡片 --- */
			.carousel-slide-item {
			    flex: 0 0 calc((100% - 40px) / 3); /* 默认 3 列 */
			    aspect-ratio: 16 / 9;
			    background: #fff;
			    border-radius: 4px;
			    overflow: hidden;
			    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
			}

			.carousel-slide-item img {
			    width: 100%;
			    height: 100%;
			    object-fit: cover;
			    display: block;
			}

			/* --- 左右箭头按钮 --- */
			.carousel-arrow {
			    position: absolute;
			    top: 50%;
			    transform: translateY(-50%);
			    width: 44px;
			    height: 44px;
			    background-color: rgba(0, 0, 0, 0.4);
			    color: #fff;
			    border: none;
			    border-radius: 4px;
			    cursor: pointer;
			    font-size: 22px;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    transition: background-color 0.3s ease, opacity 0.3s ease;
			    z-index: 10;
			}

			.carousel-arrow:hover {
			    background-color: rgba(0, 0, 0, 0.7);
			}

			.carousel-arrow-left {
			    left: 0px;
			}
			.carousel-arrow-right {
			    right: 0px;
			}

			/* 按钮禁用状态 */
			.carousel-arrow:disabled {
			    opacity: 0.3;
			    cursor: not-allowed;
			}



			.about-f-container {
			    max-width: 65%;
			    margin: 0 auto;
			    padding: 40px 20px;
			}

			/* --- 1. 顶部：核心价值观 (4列) --- */
			.about-f-values-section {
			    /*padding: 30px 0 10px;*/
			    background-color: #fafafa;
			    margin-top: 70px;
			    margin-bottom: 70px;
			}

			.about-f-values-grid {
			    display: grid;
			    grid-template-columns: repeat(4, 1fr);
			    gap: 30px;
			    text-align: center;
			}

			.about-f-values-item {
			    padding: 20px 10px;
			}

			.about-f-values-item h3 {
			    font-size: 18px;
			    font-weight: normal;
			    color: #222;
			    margin-bottom: 4px;
			}

			.about-f-values-item .sub-title {
			    font-size: 13px;
			    color: #aaa;
			    margin-bottom: 20px;
			}

			/* 图标占位容器 */
			.about-f-values-item .icon-box {
			    display: flex;
			    justify-content: center;
			    align-items: center;
			    margin: 0 auto 15px;
			    margin-bottom: 30px;
			    margin-top: 30px;
			    width: 80px;
			    height: 80px;
			}

			.about-f-values-item .icon-box svg {
			    width: 100%;
			    height: 100%;
			    stroke: #aaa;
			    stroke-width: 1.5;
			    fill: none;
			}

			.about-f-values-item .desc {
			    font-size: 14px;
			    color: #666;
			    line-height: 1.6;
			    padding: 0 5px;
			}


			/* --- 2. 底部：数据统计卡片 (3列) --- */
			.about-f-stats-section {
			    
			    padding-bottom: 60px;
			}

			.about-f-stats-grid {
			    display: grid;
			    grid-template-columns: repeat(3, 1fr);
			    gap: 30px;
			}

			.about-f-stats-card {
			    background: #f6f8f9;
			    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
			    border-radius: 4px;
			    overflow: hidden;
			    text-align: center;
			}

			/* 卡片上半部分 (蓝色) */
			.about-f-stats-top {
			    background: #5c7c9a; /* 蓝灰色 */
			    padding: 30px 20px 35px;
			    color: #fff;
			    position: relative;
			    display: flex;
			    flex-direction: column;
			    align-items: center;
			    min-height: 140px;
			}

			.about-f-stats-top .number-group {
			    display: flex;
			    /*align-items: flex-end;*/
			    gap: 25px;
			    margin-bottom: 15px;
			    line-height: 1;
			}

			.about-f-stats-top .b-f-num {
			    font-size: 70px;
			    font-weight: 400;
			    letter-spacing: -1px;
			}

			.about-f-stats-top .b-f-num-sub {
			    font-size: 18px;
			    font-weight: 300;
			    text-align: left;
			    line-height: 1.2;
			    opacity: 0.9;
			    padding-top: 20px;
			    border-bottom: 1px solid #6a8aa5;
			}

			.about-f-stats-top .b-f-num-sub .en {
			    display: block;
			    font-size: 10px;
			    text-transform: uppercase;
			    letter-spacing: 0.5px;
			    opacity: 0.7;
			    margin-top: 2px;
			}

			.about-f-stats-top .icon-box {
			    width: 60px;
			    height: 60px;
			}

			.about-f-stats-top .icon-box svg {
			    width: 100%;
			    height: 100%;
			    stroke: #fff;
			    stroke-width: 1.5;
			    fill: none;
			}

			/* 卡片下半部分 (白色) */
			.about-f-stats-bottom {
			    padding: 50px 20px 50px;
			}

			.about-f-stats-bottom h4 {
			    font-size: 16px;
			    font-weight: normal;
			    color: #222;
			    margin-bottom: 10px;
			}

			.about-f-stats-bottom .dash-line {
			    width: 30px;
			    height: 1px;
			    background: #ccc;
			    margin: 0 auto 15px;
			}

			.about-f-stats-bottom p {
			    font-size: 13px;
			    color: #999;
			    line-height: 1.5;
			}

            .login-form .control-group{
                margin-bottom: 20px;
            }

            .login-form input, .login-form textarea {
                width: 100%;
                padding: 7px 10px;
                border: 1px solid #e0e0e0;
                border-radius: 4px;
                font-size: 14px;
                color: #333;
                background: #fff;
                outline: none;
                transition: border-color 0.3s ease;
            }

		/*内页 关于我们 end*/


        /*内页 下载中心 start*/
            .ex_downloadlist {
                display: flex;
                justify-content: space-between;
                align-items: center;
                background-color: #f1fbff;
                line-height: 32px;
                font-size: 16px;
                padding: 8px 32px;
                box-sizing: border-box;
                color: #527036;
                border-radius: 48px;
                border: 1px solid #cbcbcb;
                margin-bottom: 20px;
                overflow: hidden;
            }

            .ex_downloadlist_title {
                display: flex;
                justify-content: flex-start;
                align-items: center;
            }

            .ex_downloadlist_icon {
                width: 20px;
                height: 24px;
                background-image: url('../images/icon_download.png');
                filter: drop-shadow(100px 0 0 #cccccc);
                transform: translateX(-100px);


                background-size: cover;
                margin-right: 10px;
                flex-shrink: 0;
            }

            .ex_downloadlist_mess {
                font-size: 14px;
                flex-shrink: 0;
                margin-left: 20px;
            }

            .ex_downloadlist:last-child {
                margin-bottom: 0px;
            }
            .ex_downloadlist:hover {
                text-decoration: none;
                /*background-color: #1e4b9e;*/
            }
            .ex_downloadlist:hover .ex_downloadlist_icon {
                filter: drop-shadow(100px 0 0 #cccccc);
                transform: translateX(-100px);
            }
            .ex_downloadlist:hover .ex_downloadlist_title,
            .ex_downloadlist:hover .ex_downloadlist_mess {
                /*color: #ffffff;*/
            }
            .ex_downloadlist:focus {
                text-decoration: none;
                outline: none;
            }

        /*内页 下载中心 end*/


        /*内页 新产中心 start*/

            .newsList {
                border: 1px solid #f6f6f6;
                background-color: #ffffff;
                padding: 15px;
                box-sizing: border-box;
                margin-bottom: 60px;
                border-radius: 20px;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                /*box-shadow: 0px 6px 20px 0px #eeeeee;*/
            }

            .newsList_img {
                width: 30%;
                aspect-ratio: 317/150;
                border-radius: 10px;
                overflow: hidden;
                margin-right: 50px;
                flex-shrink: 0;
            }

            .newsList_img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .newsList_main {
                width: 100%;
                overflow: hidden;
                padding-right: 40px;
                box-sizing: border-box;
            }

            .newsList_main_top {
                width: 100%;
                display: flex;
                justify-content: space-between;
                margin-bottom: 30px;
            }

            .newsList_title,
            .newsList_date {
                font-size: 22px;
                color: #666666;
            }

            .newsList_title {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-right: 50px;
            }

            .newsList_date {
                flex-shrink: 0;
            }

            .newsList_main_bottom {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .newsList_mess {
                width: 82%;
                font-size: 14px;
                color: #666666;
                margin-right: 60px;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            .newsList_arrow {
                width: 65px;
                height: 20px;
                border-radius: 20px;
                border: 1px solid #999999;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .newsList_arrow img {
                width: 35%;
                padding-bottom: 2px;
            }


        /*.page_centerbox .common_box_news img{
            width: 60%;
        }*/

        .common_box_news {
            width: 65%;
            background-color: #ffffff;
            margin: 0 auto;
            padding: 50px 120px;
            box-sizing: border-box;
            border-radius: 20px;
            font-size: 14px;
            color: #666666;
            min-height: 500px;
        }

            .news_single_title {
                font-size: 22px;
                color: #666666;
                text-align: center;
                font-weight: bold;
                margin-bottom: 10px;
                list-style-image: 32px;
            }

            .news_single_title h1{
                font-size: 22px;
                color: #666666;
                text-align: center;
                list-style-image: 32px;
            }

            .news_single_date {
                font-size: 12px;
                color: #999999;
                text-align: center;
                line-height: 22px;
                margin-bottom: 25px;
            }

            .news_single_img {
                width: 100%;
                margin-bottom: 15px;
                text-align: center;
            }

            .news_single_img img {
                width: 60%;
            }

            .news_single_text {
                color: #555;
                font-size: 15px;
                line-height: 1.8;
            }

            .news_single_text p {
                margin-bottom: 5px;
            }

            .news_single_text img {
                max-width: 90%;
                margin: 10px auto;
                display: block;
            }

        /*内页 新产中心 end*/



        /*内页 质量证书图片 start*/
            .page_container.photo {
                display: flex;
                flex-wrap: wrap;
                background: none;
                padding: 20px 1%;
                background-color: #f4f4f4;
                border-radius: 0px;
            }

            .photoList {
                width: 25%;
                aspect-ratio: 237/336;
                padding: 1%;
                box-sizing: border-box;
                flex-shrink: 0;
            }

            .photoList .news_link {
                display: block;
                width: 100%;
                height: 100%;
            }

            .photoList .news_link img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border:5px solid #eeeeee;
            }

        /*内页 质量证书图片 end*/


        /*内页 产品中心 start*/

            .arrow {
                width: 30px;
                height: 30px;
                /*position: absolute; */      
                background-repeat: no-repeat;
                background-position: center;
                cursor: pointer;
                /*top: 50%;*/
                /*left: 0;*/
                /*margin-top: -17px;*/
            }

            .cat-item.expanded .arrow {
               
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMjk3QUNEQUMzQTNFNTExOUVBM0Q3NEM0QkY2QjY5QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRUY5QzlCMjE2OEExMUU2ODQ2NkU5MTczQ0Q4NTE1OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRUY5QzlCMTE2OEExMUU2ODQ2NkU5MTczQ0Q4NTE1OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNTM3NEVCMjhBMTZFNjExOEE4QThCQUVBMERBQUFGQiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjE5MzMwNDkyLTEyOTgtMTFlNi04ZGVlLTgwYzFjYTQ0MTdmZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjBj1JgAAAAkSURBVHjaYrxz5w4DXsDEQAjQRwUD0KX/cQOgLOOQ8QtAgAEA6pklSDtlgqQAAAAASUVORK5CYII=);
            
            }

            .cat-item .arrow {
              
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGMjk3QUNEQUMzQTNFNTExOUVBM0Q3NEM0QkY2QjY5QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1REE0NjQyNTE2OEIxMUU2OEJGOEMxOEY1NkY5NkFCMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1REE0NjQyNDE2OEIxMUU2OEJGOEMxOEY1NkY5NkFCMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNTM3NEVCMjhBMTZFNjExOEE4QThCQUVBMERBQUFGQiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjE5MzMwNDkyLTEyOTgtMTFlNi04ZGVlLTgwYzFjYTQ0MTdmZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu5nT3kAAAA7SURBVHjaYrxz5w4DXsCExpeWliaggrAZ5KhgALr0P24AlGUBKrp79y6yS58+fUp/l6KrQHMEEAAEGAA9vCtOmv4GXAAAAABJRU5ErkJggg==);
            }


            /*产品类别 start*/

                /* 导航卡片容器 */
                .product-nav {
                    width: 100%;
                    max-width: 380px;
                    background: #ffffff;
                    border-radius: 0px;
                    /*box-shadow: 0 25px 40px -12px rgba(0, 0, 0, 0.25), 0 2px 5px rgba(0, 0, 0, 0.05);*/
                    border:1px solid #cccccc;
                    overflow: hidden;
                    transition: all 0.2s ease;
                }

                /* 头部标题 */
                .pronav-header {
                    background: #6d8697;
                    padding: 0.6rem 1.6rem;
                    color: white;
                }
                .pronav-header h3 {
                    font-weight: 500;
                    font-size: 1.4rem;
                    letter-spacing: -0.2px;
                    display: flex;
                    align-items: center;
                    gap: 0.5rem;
                    width: 60%;

                }
                .pronav-header h3:before {
                    /*content: "📦";
                    font-size: 1.3rem;*/
                }

                /* 主导航菜单样式 (一级列表) */
                .promain-menu {
                    list-style: none;
                    /*padding: 0.5rem 0;*/
                    margin: 0;
                }

                /* 每个一级分类条目 */
                .cat-item {
                    border-bottom: 1px solid #ecf3f9;
                    transition: background 0.2s;
                }
                .cat-item:last-child {
                    border-bottom: none;
                }

                /* 一级标题区域 - 可点击区域 */
                .proCat-title {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 0.6rem 1.6rem;
                    cursor: pointer;
                    /*font-weight: 600;*/
                    font-size: 1rem;
                    color: #1a2f3f;
                    transition: all 0.2s ease;
                    background-color: #ffffff;
                }
                .proCat-title:hover {
                    background: #eef6fc;
                    padding-left: 2rem;
                }
                .proCat-title:active {
                    background: #e2eef8;
                }

                /* 一级分类文字 */
                .cat-name {
                    flex: 1;
                    letter-spacing: 0.2px;
                }

                /* 箭头图标 */
                .arrow {
                    /*font-size: 1rem;
                    transition: transform 0.2s ease, opacity 0.2s;
                    width: 24px;
                    text-align: center;
                    display: inline-block;
                    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));*/
                }

                /* 二级菜单容器 (默认隐藏, 由js控制显示) */
                .proSub-menu {
                    list-style: none;
                    background: #fafdff;
                    border-top: 1px solid #e9f0f5;
                    border-bottom: 1px solid #e9f0f5;
                    margin: 0;
                    padding: 0.4rem 0;
                    display: none;  /* 初始隐藏, 加载状态由存储或默认策略决定 */
                }

                /* 二级菜单项目 */
                .proSub-menu li {
                    border-bottom: 1px solid #eef2f7;
                }
                .proSub-menu li:last-child {
                    border-bottom: none;
                }
                .proSub-menu li a {
                    display: block;
                    padding: 0.75rem 1.5rem 0.75rem 2.8rem;
                    color: #2c4e6e;
                    text-decoration: none;
                    font-size: 0.9rem;
                    font-weight: 500;
                    transition: all 0.2s ease;
                    position: relative;
                }
                /* 二级菜单前的小圆点装饰 */
                .proSub-menu li a:before {
                    content: "•";
                    font-size: 1.3rem;
                    font-weight: bold;
                    position: absolute;
                    left: 1.5rem;
                    top: 50%;
                    transform: translateY(-50%);
                    color: #6f9bc0;
                    transition: color 0.2s, left 0.2s;
                }
                .proSub-menu li a:hover {
                    background: #e9f3fa;
                    color: #0d5a83;
                    padding-left: 3.2rem;
                }
                .proSub-menu li a.active{
                    background: #e9f3fa;
                    color: #0d5a83;
                    padding-left: 3.2rem;

                }
                .proSub-menu li a:hover:before {
                    color: #0d5a83;
                    left: 1.9rem;
                }

                /* 当前打开的一级菜单底色提示 */
                .cat-item.expanded > .proCat-title {
                    background-color: #f1f9fe;
                    color: #0b5f88;
                }


                /* 二级菜单淡入效果 */
                .proSub-menu li {
                    opacity: 0;
                    animation: fadeSlideIn 0.2s forwards;
                }
                @keyframes fadeSlideIn {
                    from {
                        opacity: 0;
                        transform: translateY(-5px);
                    }
                    to {
                        opacity: 1;
                        transform: translateY(0);
                    }
                }



                /*控制点击伸缩（PC不可点击，手机版可点击）*/
                /*  A 区域（点击触发区）  */
                        .pronav-header {

                            user-select: none;
                            /* 防止点击时选中文字 */
                            transition: background 0.2s;
                            /* 手机版会覆盖 cursor & hover，电脑版保持默认 */

                             cursor: default; /*不可点击*/
                        }


                        /* ----- 箭头图标（手机版显示，电脑版隐藏） ----- */
                        .pronav-header .arrow {
                            font-size: 18px;
                            /*color: #6b7a93;*/
                            transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
                            display: inline-block;
                            line-height: 1;
                            float: right;

                            /* 箭头在电脑版隐藏 */
                            display: none;
                        }
                        /* 展开时箭头旋转 180° */
                        .pronav-header .arrow.open {
                            transform: rotate(180deg);
                        }


                        /*  B 区域（被折叠的内容）  */
                        .promain-menu {
                            /* 默认折叠：高度为 0，内容不可见 */
                            max-height: 0;
                            overflow: hidden;
                            transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
                                padding 0.3s ease;
                            

                            /* B 区域始终展开，且禁用过渡动画 */
                                max-height: none;
                                /* 覆盖所有内联样式 */
                                overflow: visible !important;
                                transition: none !important;
                        }


                        .expandedTwo {
                            background-color: #f1f9fe !important;
                            color: #0b5f88;
                        }

                        .cat-item.expandedTwo > .proCat-title {
                            background-color: #f1f9fe;
                            color: #0b5f88;
                        }

                
            /*产品类别 end*/

            /*产品列表 start*/
                .pro_shows_box{width: 283px;height: 315px;box-shadow: 0px 4px 10px 0px #888888;float: left; display: inline-block;margin-bottom: 30px; margin-left: 20px; margin-right: 20px;}
                .pro_shows_img{height: 267px;overflow: hidden;display: flex;align-items: center;background: #fff;display: block;overflow: hidden;padding: 4%;}
                .pro_shows_img img{width: 96%;margin: 0 auto;display: block;}
                .pro_shows_name{font-size: 16px;color: #333333;width: 90%;margin: 0 auto;text-align: center;line-height: 33px;height: 33px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;margin-top: 3px;}
                .pro_shows_num{font-size: 14px;color: #999999;width: 90%;margin: 0 auto;text-align: center;line-height: 28px;}
            /*产品列表 end*/

            .page_centerbox .common_box.pro_box{
                display: flex;
                justify-content: space-between;
                max-width: 70%;
                width: 70%;
            }
            .pro_leftmenu{
                width: 20%;
                min-width: 300px;

            }
            .pro_rightlist{
                width: 75%;
                min-width: 800px;
            }

            .pro_rightlist.pro_detil_list{
                width: 72%;
            }

            .pro_con_top{
                width: 100%;
                display: flex;
                justify-content: space-between;
                gap: 3rem;
            }
            .pro_con_top_img{
                width: 60%;
                height: 390px;
                transform: translateY(-5px);
                box-shadow: 0 10px 20px rgba(0,0,0,0.05);
            }

            .pro_con_top_img img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                padding:5px;
                box-sizing: border-box; 
            }

            .pro_con_top_par{
                width: 40%;
                margin-top: 10px;
            }
            .pro_con_top_par_title{
                width: 100%;
                height: 50px;
                font-size: 1.3rem;
                font-weight: bold;
            }

            .pro_con_top_par_title h1{
                width: 100%;
                height: 50px;
                font-size: 1.3rem;
                font-weight: bold;
            }

            .pro_con_top_par_con{
                width: 100%;
                margin-top: 10px;
                font-size: 1rem;
                line-height: 39px;
                color: #666666;
            }

            .pro_con_top_par_con h2{
                width: 100%;
                margin-top: 10px;
                font-size: 1rem;
                line-height: 39px;
                color: #666666;
                font-weight: 500;
            }

            .pro_con_bot_form{
                 width: 100%;
                margin-top: 39px;
                font-size: 15px;
                line-height: 1.8;
                color: #555;
                padding-right: 20px;
                padding-left: 20px;
                box-sizing: border-box;
                margin-bottom: 50px;
            }
            .pro_con_bot{
                 width: 100%;
                margin-top: 39px;
                font-size: 15px;
                line-height: 1.8;
                color: #555;
                padding-right: 20px;
                padding-left: 20px;
                box-sizing: border-box;
                margin-bottom: 50px;
            }

            .pro_con_bot_title{
                width: 100%;
                height: 40px;
                border-bottom: 1px solid #e5e5e5;
                margin-bottom: 20px;
            }

            .pro_con_bot_titletext{
                width: 200px;
                min-width: 200px;
                font-size: 1.2rem;
               font-weight: bold;
               height: 40px;
            }

            .pro_con_bot_titletext::after{
                width: 100px;
                content: "";
                position: absolute;
                text-align: center;
                margin-top: 38px;
                margin-left: -80px;
                height: 2px;
                background-color: #024ba7;
                z-index: 2;
            }



        /*内页 产品中心 end*/



        /* ---- 响应式适配 ---- */
        
        /* ==平板设备 (例如 iPad) */
        @media (max-width: 992px) {


            /*首页 核心 */
            .timeline-wrapper {
                /* 切换为 2列 网格布局 */
                display: grid;
                grid-template-columns: 1fr 1fr;
                row-gap: 40px; /* 第一排和第二排之间的垂直间距 */
                padding-top: 0;
                position: relative;
                background: transparent;
                padding-left: 0%;
                padding-right: 0%;
            }
            
            /* 隐藏电脑端的贯穿线 */
            .timeline-line {
                display: none; 
            }

            .timeline-item {
                flex: none;
                border: none !important;
                margin: 0 !important;
                padding: 0 15px;
                background: transparent; /* 背景透明，让后方的横线能穿透 */
                z-index: 1;
                position: relative;
            }

            /* 处理顶部文字和圆圈的层级，防止被横线盖住 */
            .timeline-item .num {
                position: relative;
                z-index: 2;
                margin-bottom: 10px;
            }
            .timeline-item .circle {
                margin-bottom: 20px;
                background: #fff;
            }
            .timeline-item p {
                position: relative;
                z-index: 1;
            }

            /*首页 关于我们 */
            .about-wrapper {
                flex-direction: column;
                gap: 30px;
            }
            
            .about-image-wrapper {
                width: 100%;
                height: 350px; /* 平板模式下降低图片高度 */
            }

            .about-content {
                width: 100%;
                text-align: center; /* 手机端文字居中对齐更符合浏览习惯 */
            }
            .about-content p {
                text-align: left; /* 长段落保持左对齐更易读 */
            }


            /*首页 证书 */
            .cert-wrapper {
                flex-direction: column;
                gap: 40px;
                align-items: flex-start;
            }
            .cert-text {
                width: 100%;
                padding-right: 0;
            }
            .cert-images {
                width: 100%;
            }
            .cert-text .watermark {
                font-size: 50px;
                top: -15px;
                left: 0;
            }
            /* 平板：变更为每行2张 */
            .cert-card {
                flex: 0 0 calc((100% - 20px) / 2); 
            }


        	/*首页 产品列表 */
            .inpro-product-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
            }

            .pro-product-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
            }
            
            .inpro-header {
                flex-direction: column;
                align-items: flex-start;
            }

            /*首页 新闻 */
            .news-content {
                flex-direction: column;
            }
            .news-featured, .news-list {
                flex: none;
            }

            /*首页 反馈 */
            .contact-wrapper {
                flex-direction: column;
                gap: 40px;
            }
            .contact-container {
                padding: 30px 20px;
            }


            /*内页 关于我们 */
            .intro-wrapper {
                flex-direction: column;
                gap: 30px;
                align-items: stretch;
            }
            .intro-text-col {
                width: 100%;
            }
            .intro-img-col {
                width: 100%;
                justify-content: center; /* 居中显示 */
                padding: 0 20px 20px 0; /* 为右侧重叠块留出视觉空间 */
            }
            /* 在平板模式下调整重叠块的位置 */
            .intro-img-overlay {
                right: 0;
                top: 20px;
            }

            .carousel-slide-item {
                flex: 0 0 calc((100% - 20px) / 2); 
            }

            .about-f-values-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .about-f-stats-grid {
                grid-template-columns: repeat(2, 1fr);
            }



        } /*media max-width: 992px*/




        /* ===手机设备 (例如 iPhone) */
        @media (max-width: 576px) {

        	body {
        	     padding: 0rem !important;
        	}

            .page_centerbox{ min-height: 430px;  } /*text-align: justify;*/

        	.footer {
        	    margin-top: 30px;
        	}

        	.common_box{
        		padding-left: 20px !important;
        		padding-right: 20px !important;
        	}

        	.common_box_header{padding-left: 0px !important;padding-right: 0px !important; }

        	.inner_banner{
        	    height: 160px !important;
        	   /* background-position: right;*/
                background-position: -350px 0;  /* 向左偏移 50px */
        	}

        	.page_title{
        		display: none;
        	}

			.page_banner_main {
			    width: 100%;
			    height: 100%;
			    margin: 0 auto;
			    display: flex;
			    justify-content: flex-start;
			    align-items: center;
			    padding: 0 5%;
			    box-sizing: border-box;
			}

			.page_banner_titleBox {
				width: 100%;
			    color: #ffffff;
			    display: block;

			}

			.page_banner_title {
				margin-top: 50px;
			    font-size: 25px;
			    margin-bottom: 10px;
                text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);

			}

            .page_banner_title h1{
                margin-top: 50px;
                font-size: 25px;
                margin-bottom: 10px;
                text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
                font-weight: 500;

            }

			.page_banner_subtitle {
			    font-size: 14px;
			    flex: 2 !important;
                text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
			}

			.page_container{
				/*padding: 10px 10px; */
                padding-top: 15px;
			}
			.pc_navigation_menu{
				display: none;
			}



        	.link_box {
        	    font-size: 14px !important;
        	    color: #ffffff !important;
        	    margin-top: 0px !important;
        	}

            .link_box h1 {
                font-size: 14px !important;
                color: #ffffff !important;
                margin-top: 0px !important;
                font-weight: 500 !important;
                display: inline-block !important;
            }

        	.header_block{height: 45px !important;}

            /*首页 核心 */
            .timeline-container {
                padding: 30px 0px;
            }

            .timeline-section-header {
                margin-bottom: 10px;
            }

            .timeline-section-header h2 {
        	    font-size: 26px;
        	}

        	.timeline-section-header h3 {
        	    font-size: 20px;

        	}

        	.timeline-wrapper {
        	    row-gap: 5px;/*定*/
                grid-template-columns: repeat(1, 1fr); /*定*/
                margin-top: 20px;

        	 }


            /* 生成第一条水平线 (覆盖第一排的两个格子) */
            .timeline-item:nth-child(1)::after {
                display: none;
            }

            /* 生成第二条水平线 (覆盖第二排的两个格子) */
            .timeline-item:nth-child(3)::after {
                display: none;
            }
            .timeline-item .circle{
                /*background: #666666;*/
                margin-bottom: 5px;
                display: none;  /*定*/
            }

            .timeline-item {
                padding: 0 0px;
                display: flex; /*定*/
                justify-content: space-between; /*定*/
                flex-direction:row; /*定*/
                /*text-align: justify;*/
            }

            .timeline-item .num{ /*定*/
                width: 10%;
                color: #cccccc;
            }


            .timeline-item p {
                font-size: 14px;
                line-height: 1.3;
                width: 90%; /*定*/
                text-align: left;
            }

            /*首页 关于我们 */
            .about-content {
                padding: 0px 0;
                padding-bottom: 30px;
            }

            .about-image-wrapper {
                height: 220px;
            }
            /*.about-content h2 {
                font-size: 26px;
                margin-bottom: 10px;
            }
            .about-content h2 span {
                font-size: 20px;
            }*/

            .about-content h1 {
                font-size: 26px;
                margin-bottom: 10px;
            }
            .about-content h1 span {
                font-size: 20px;
            }


            .about-content p {
                font-size: 14px;
                text-align: justify;
                padding-left: 30px;
                padding-right: 30px;
                box-sizing: border-box;
                margin-bottom: 20px;
                line-height: 1.8;
                /*font-family: Graphik, Arial, sans-serif;*/
            }

            .about-content h2{
                font-size: 14px;
                text-align: justify;
                padding-left: 30px;
                padding-right: 30px;
                box-sizing: border-box;
                margin-bottom: 20px;
                line-height: 1.8;
                font-weight: 500;
                /*font-family: Graphik, Arial, sans-serif;*/
            }

            .about-content p br{display: none;}
            .about-content h2 br{display: none;}

            .btn-more {
                width: 50%; /* 手机端按钮横向撑满，方便点击 */
                text-align: center;
                padding: 12px 0;
            }

            /*首页 证书 */
            .cert-top-bg {
            	background-image: url('');background-repeat: repeat-x;background-position: top;
                padding-top: 50px;
                padding-bottom: 30px;
            }

            .cert-wrapper {
                gap: 20px;
            }

            .cert-text h2 {
                font-size: 24px;
            }
            .cert-text .watermark {
                font-size: 36px;
                top: -10px;
            }
            /* 手机：变更为每行1张 */
            .cert-card {
                flex: 0 0 48%;
                max-width: 100%;
            }
            .carousel-track {
                gap: 13px;
            }


        	/*首页 产品列表 */

            /*.inpro-product-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }*/

            .inpro-header {
                margin-top: 10px;
                margin-bottom: 20px;
            }

            .inpro-product-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 0px;

            }
            

            .inpro-header-nav {
                gap: 13px;
                margin-top: 0px; /* 略对齐 */
            }

            
            .inpro-nav-item {
                padding: 5px 12px;
                font-size: 13px;
            }

            .inpro-header-text h1 {
                font-size: 26px;
            }

            /*.title-wrapper .bg-text {
                top: -15px;
                font-size: 40px;
            }*/


            /*首页 新闻 */
            .news-container {
                margin-top: 40px;
            }

            .news-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
                margin-bottom: 20px;
            }

            .news-list {
                gap: 20px;
            }


            .title-wrapper p {
                font-size: 26px;
            }
            /*.title-wrapper .bg-text {
                font-size: 40px;
                top: -10px;
            }*/
            .news-tabs {
                width: 100%;
                gap: 10px;
                flex-wrap: wrap;
            }
            .news-tabs a {
                font-size: 13px;
                padding: 4px 12px;
            }

            .news-featured {
                padding: 20px;
            }
            .news-featured .date {
                font-size: 24px;
            }
            .news-featured h3 {
                font-size: 15px;
            }

            .news-featured .in_new_pic img {
                width: auto;
                height: 100%;
            }

            .news-item {
                flex-wrap: wrap; /* 在小屏幕上让侧面信息换行，或者我们让它保持单行但缩小 */
            }
            .news-item-side {
                /*width: 100%;
                justify-content: flex-end;
                gap: 10px;
                margin-top: 5px;*/
                display: none;
            }
            .news-item-side .date {
                font-size: 18px;
            }
            .news-item-side .arrow-wrapper {
                padding-left: 10px;
                height: 20px;
            }
            .news-item-side .arrow-wrapper span {
                font-size: 16px;
            }

            /*首页 反馈 */

            .contact-container {
                margin-top: 0px;
            }

            .contact-info {
                margin-top: 5%;
            }

            .contact-wrapper {
                gap: 30px;
            }

            .contact-form-wrapper {
            	width: 100%;
            }
            .contact-form-wrapper h3{
            font-size: 19.5px;
            margin-bottom: 20px;
             }

            .title-wrapper h2 {
                font-size: 24px;
            }
            .title-wrapper .bg-text {
                font-size: 40px;
                top: -15px;
                left: -2px;
            }


            .contact-form{
              width: 100%
            }
            
            /* 表单输入框变成上下排列 */
            .form-row {
                flex-direction: column;
                gap: 5px;
                margin-bottom: 10px;
                width: 100%;
            }
            
            .form-group {
                width: 100%;
            }

            .submit-btn {
                width: 100%; /* 手机端按钮撑满宽度更易点击 */
                /*padding: 14px 0;*/

                padding: 10px 45px;
                border: 1px solid #dcdcdc;
                color: #666;
                text-decoration: none;
                font-size: 14px;
                letter-spacing: 2px;
                transition: all 0.3s ease;
                background: #f5f5f5;
            }


            /*内页 关于我们 */
            .about-f-values-item .sub-title {
                margin-bottom: 0px;
            }

            .about-f-container {
                padding: 10px 20px;
            }

            .about-f-stats-top .b-f-num-sub {
                padding-top: 0px;
            }

            .title-wrapper span {
                font-size: 30px;
            }
            .title-wrapper .bg-text {
                font-size: 32px;
                top: -10px;
            }

            .intro-wrapper {
                gap: 10px;
            }

            .intro-text-col{
                text-align: justify;
            }

            .intro-text-col h2 {
                font-size: 24px;
            }
            .intro-text-col p {
                font-size: 14px;
                line-height: 1.6;
                margin-bottom: 0px;
            }
            .intro-img-col {
                padding: 0 15px 15px 0; /* 手机端留出右侧空间 */
                margin-top: 10px;
            }
            .intro-img-overlay {
                right: 0;
                top: 15px;
            }
            .intro-img-wrap {
                width: 100%;
            }

            .carousel-slide-item {
                flex: 0 0 100%;
            }
            .carousel-container {
                /*padding: 0 36px;*/
                margin-top: 30px;
            }
            .carousel-arrow {
                width: 32px;
                height: 32px;
                font-size: 16px;
            }

            .about-f-values-grid {
                grid-template-columns: 1fr;
                gap: 10px;
            }
            .about-f-values-item {
                border-bottom: 1px solid #f0f0f0;
                padding: 25px 10px;
            }
            .about-f-values-item:last-child {
                border-bottom: none;
            }
            .about-f-values-item .icon-box {
                width: 50px;
                height: 50px;
                margin-bottom: 0px;
                margin-top: 0px;
            }


            .about-f-values-section {
                margin-bottom: 40px;
                margin-top: 50px;
            }


            .about-f-stats-grid {
                grid-template-columns: 1fr;
                gap: 40px;
                /*margin-left: 20px;
                margin-right: 20px;*/
            }
            .about-f-stats-top .b-f-num {
                font-size: 36px;
            }
            .about-f-stats-top .icon-box {
                width: 24px;
                height: 24px;
            }
            .about-f-stats-section{
            	padding-bottom: 0px;
            }
            .intro-img-wrap-en br{
                display: none;
            }

            /*内页下载中心*/
            .ex_downloadlist {
                flex-wrap: wrap;
                font-size: 14px;
                line-height: 24px;
                border-radius: 20px;
                padding: 15px;
            }

            .ex_downloadlist_mess {
                width: 100%;
                margin: 0px;
                font-size: 12px;
                text-align: right;
            }



            /*内页新闻中心*/

            .newsList {
                margin-bottom: 15px;
                flex-wrap: wrap;
            }

            .newsList_img {
                width: 100%;
                margin-right: 0px;
                margin-bottom: 15px;
            }

            .newsList_main {
                padding: 0px;
            }

            .newsList_main_top {
                flex-wrap: wrap;
                margin-bottom: 15px;
            }

            .newsList_title {
                margin-right: 0px;
                font-size: 16px;
            }

            .newsList_date {
                font-size: 16px;
            }

            .newsList_mess {
                width: 90%;
                margin-right: 5%;
            }

            .newsList_arrow {
                width: 50px;
            }

            .pb_listbox div {
                display: flex !important;
            }

            .common_box_news {
                width: 100%;
                padding: 10% 5%;
            }

            .news_single_img img {
                width: 100%;
            }


            /*内页 质量证书图片*/
            .photoList {
                width: 50%;

                margin-bottom: 10px;
            }

            /*内页 质量证书图片 start*/
                .page_container.photo {
                    display: flex;

                    background-color: #ffffff;
                    
                }


            /*内页 产品中心*/
                /*产品类别*/
                .product-nav {
                    max-width: 100%;
                    /*border-radius: 24px;*/
                }
                .proCat-title {
                    padding: 0.5rem 1.2rem;
                }
                .proSub-menu li a {
                    padding: 0.65rem 1.2rem 0.65rem 2.4rem;
                    font-size: 0.85rem;
                }
                .proSub-menu li a:before {
                    left: 1.2rem;
                }

                .pronav-header h3 {
                    font-size: 1.3rem;
                }


                /*控制点击伸缩（PC不可点击，手机版可点击）*/
                    /* A 区域变为可点击 */
                    .pronav-header {
                        cursor: pointer;
                    }

                        .promain-menu{
                            max-height:0px;
                        }

                    /* B 区域默认折叠 (max-height:0) 由全局控制 */
                    /* 当添加 .open 类时，JS 会动态设置 max-height，这里只做 fallback */
                    .promain-menu.open {
                        /* max-height 由 JS 精确设置为 scrollHeight，此处不设固定值 */
        /*                padding: 12px 24px 16px 24px;*/
                        /* 展开时恢复 padding */
                    }


                    /* 箭头在手机版始终显示 */
                    .pronav-header .arrow {
                        display: inline-block;
                    }





                .page_centerbox .common_box.pro_box{
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    max-width: 100%;
                    width: 100%;
                }
                .pro_leftmenu{
                    width: 100%;
                    min-width: 100%;

                }
                .pro_rightlist{
                    width: 100%;
                    min-width: 100%;
                    margin-top: 30px;
                }
                
                .pro-product-grid {
                    grid-template-columns: repeat(2, 1fr);
                    gap: 0px;
                    width: 100%;

                }

                .pro_con_top{
                    flex-wrap: wrap;
                    gap: 0rem;
                }

                .pro_con_top_img {
                    width: 100%;
                    height: 250px;
                }

                .pro_con_top_img img {
                    padding: 5px;
                }

                .pro_con_top_par {
                    width: 100%;
                    margin-top: 20px;
                }

                .pro_con_top_par_title {
                    width: 100%;
                    height: 30px;
                    font-size: 1.2rem;
                    font-weight: bold;
                }

                .pro_con_top_par_title h1 {
                    width: 100%;
                    height: 30px;
                    font-size: 1.2rem;
                    font-weight: bold;
                }

                .pro_con_top_par_con {
                    margin-top: 15px;
                    font-size: 1rem;
                    line-height: 1.8;
                }

                .pro_con_top_par_con h2 {
                    margin-top: 15px;
                    font-size: 1rem;
                    line-height: 1.8;
                    font-weight: 500;
                }


                .pro_con_bot_form {
                    margin-top: 20px;
                    font-size: 15px;
                    padding-right: 5px;
                    padding-left: 5px;
                    margin-bottom: 30px;
                }

                .pro_con_bot {
                    margin-top: 20px;
                    font-size: 15px;
                    padding-right: 5px;
                    padding-left: 5px;
                    margin-bottom: 30px;
                }


                /*遮罩*/
                .modal-mask {
                    padding: 28px 20px 24px;
                    margin: 0 16px;
                }





        } /*media ====手机设备 max-width: 576px*/
















@media screen and (max-width: 1520px){
	.pc_right{ font-size: 12px;}
}

@media screen and (max-width: 1020px){
	.pc_right{max-width: 315px;}
	.link_phone{display: none;}
}


@media screen and (max-width: 1030px){
	#menu-menu-1{justify-content: space-around;}
	#myslidemenu #menu-menu-1>li{width: auto;}
	#myslidemenu .sub-menu{width: 150px;left: 50%;margin-left: -75px;}
	#myslidemenu li:first-child .sub-menu{margin-left: -49px;}
	#myslidemenu li:last-child .sub-menu{margin-left: -103px;}
}
@media screen and (max-width: 820px){
	.header.scrolled {
  		background-color:#ffffff; height: 62px;
	}
	.common_box{
	min-width:98%;
	}
	.header{height: auto;position: fixed;top: 0px;left: 0px;width: 100%;z-index: 35;background-color: #fff;}
	.top_pc_box{display: none;}
	.top_phone_box{display: block;}
	.nav2{display: none;}
	.top_phone{width: 94%;margin: 0 auto;padding: 5px 0;}
	.nav__trigger {width: 40px;}
	.nav__icon {width: 40px;}
	.nav__icon:before,.nav__icon:after {width: 40px;}
	.nav{position: fixed;height: auto;z-index: 2;}
	.nav.disblock{display: block;}
	.nav.disblock #myslidemenu #menu-menu-1{display: block;}
	.nav.disblock #myslidemenu #menu-menu-1>li{width: 100% ;text-align: center;}
	.nav.disblock #myslidemenu ul.sub-menu>li>a{line-height: 35px;}
	.nav.disblock #myslidemenu .sub-menu{position: relative;}
	.nav.disblock #myslidemenu ul#menu-menu-1>li:hover>a:after{background:none;}
	.nav.disblock #myslidemenu{position: absolute;z-index: 3;background-color: #0f529c;}
	.nav.disblock #myslidemenu .sub-menu .sub-menu{position: relative;left: 0px;}
	.phone_bg{width: 100%;position: fixed;width: 100%;height: 100vh;background-color: red;left: 0px;top: 0px;opacity: 0;display: none;z-index: 1}

	.header_block{height: 118px;}
}

.footer2{padding: 0px 0;background-color: #000000;color: #ffffff; border-top: 5px solid #7f7f7f; }
.footer_map_contact{padding: 30px 0;}
.footer_map{margin-bottom: 0px;width: 60%;float: left;margin-left: 5%;}
.footer_contact{width: 30%;margin-left: 5%;color: #bebdbd;line-height: 30px;float: left;}
.footer_contact span{ font-weight: bold; font-size: 18px; color: #ffffff;}

.footer_copyright{border-top: 0px solid #7285ae;padding: 20px 0; width: 100%; color: #8c8c8c; }
.footer_copyright p{font-size: 12px;text-align: center;}
#menu-menu-2 li{list-style: none;margin: 8px 0px;}
#menu-menu-2 li a{text-decoration: none;color: #bebdbd;display: block;}
#menu-menu-2{display: flex;justify-content: space-around;font-size: 14px;}
#menu-menu-2>li>a{color: #ffffff;font-size: 18px; height: 35px; color: #c9c9c9; font-weight: bold; width: 100%;border-bottom: 1px solid #343434; }
#menu-menu-2 .sub-menu{margin-top: 10px;}
#menu-menu-2 ul.sub-menu{font-size: 14px;}
#menu-menu-2 ul.sub-menu .sub-menu{display: none;}
@media screen and (max-width: 820px){
	/*.footer_map,.footer_contact{display: none;}*/
	.footer_map_contact{display: none;}

}
@media screen and (max-width: 520px){
	.footer2{padding: 0px 0 0 0;}
	.footer_copyright{width: 94%;margin: 0 auto;padding: 11px 0 21px 0;}
	.footer_copyright span{display: none;}
}

/**************************** start---首页---start ****************************/
.section1{background-image: url('../images/index/s1_bg.png');background-repeat: repeat-x;background-position: top;}
.s1_btnbox{width: 100%;display: flex;justify-content: space-between;padding: 98px 10px;}
.s1_singlebtn{width: 27vw;height: 27vw;max-width: 346px;max-height: 346px;display: block;}
.s1_singlebtn:nth-child(1){background-image: url('../images/index/s1_btn3.jpg');}
.s1_singlebtn:nth-child(2){background-image: url('../images/index/s1_btn1.jpg');}
.s1_singlebtn:nth-child(3){background-image: url('../images/index/s1_btn2.jpg');}
.s1_singlebox{position: relative;margin: 10% 7%;color: #fff;height: 80%;}
.s1_singlebox p{width: 85%;}
.s1_singlebox p:nth-child(1){font-size: 30px;line-height: 36px;margin-bottom: 14px;}
.s1_singlebox p:nth-child(2){font-size: 26px;}
.s1_arrow{position: absolute;left: 0px;bottom: 0px;width: 16%;animation: move 2s ease-in infinite;}

.s1_arrow img{width: 100%;}

.section1_phone{display: none;}
.s1p_btncontainer{width: 90%;margin: 0 auto;}
.s1p_btnbox{display: flex;justify-content: left;flex-wrap: wrap;padding: 62px 0 0 0;}
.s1p_btnblock{width: 33.33%}
.s1p_btn{width: 70%;margin: 0 auto;margin-bottom: 32px;display: block;}
.s1p_btnimg,.s1p_btnimg img{width: 100%}
.s1p_btn p{font-size: 20.34px;text-align: center;color: #333333;margin-top: 18px;}
@media screen and (max-width: 1220px){
	.s1_singlebox p:nth-child(1){font-size: 28px;line-height: 34px;margin-bottom: 13px;}
	.s1_singlebox p:nth-child(2){font-size: 25px;}
}
@media screen and (max-width: 1120px){
	.s1_btnbox{padding:100px 10px;}
	.s1_singlebox p:nth-child(1){font-size: 25px;line-height: 32px;margin-bottom: 12px;}
	.s1_singlebox p:nth-child(2){font-size: 23px;}
}
@media screen and (max-width: 1020px){
	.s1_singlebox p:nth-child(1){font-size: 22px;line-height: 30px;margin-bottom: 11px;}
	.s1_singlebox p:nth-child(2){font-size: 20px;}
}
@media screen and (max-width: 920px){
	.s1_singlebox p:nth-child(1){font-size: 19px;line-height: 28px;margin-bottom: 10px;}
	.s1_singlebox p:nth-child(2){font-size: 16px;}
}
@media screen and (max-width: 820px){
	.s1_singlebox p:nth-child(1){font-size: 16px;line-height: 26px;margin-bottom: 9px;}
	.s1_singlebox p:nth-child(2){font-size: 14px;}
}
@media screen and (max-width: 720px){
	.section1{display: none;}
	.section1_phone{display: block;}
	.s1p_btnbox{padding: 68px 0px 51px 0px;}
	.s1p_btn{margin-bottom: 34px;}
	.s1p_btn p{font-size: 16px;margin-top: 11px;}
}
@media screen and (max-width: 620px){
	.s1p_btnbox{padding: 56px 0 34px 0;}
	.s1p_btn{margin-bottom: 28px;}
	.s1p_btn p{font-size: 14px;margin-top: 10px;}
}
@media screen and (max-width: 520px){
	.s1p_btnbox{padding: 45px 0 17px 0;}
	.s1p_btn{margin-bottom: 22px;}
	.s1p_btn p{font-size: 13px;margin-top: 9px;}
}
@media screen and (max-width: 420px){
	.s1p_btnbox{padding: 34px 0 0 0;}
	.s1p_btn{margin-bottom: 17px;}
	.s1p_btn p{font-size: 12px;margin-top: 8px;}
}
@media screen and (max-width: 320px){
	.s1p_btn{width: 75%;}
}

.section2{/*min-height: 554px;*/}
.s2_box{width: 100%;display: flex;justify-content: space-between;padding: 33px 0 165px 0;align-items: center;}
.s2_videobox{width: 49%;flex-shrink: 0;max-width: 636px;}
.s2_videobox img{width: 100%;}
.s2_textbox{width: 50%;text-align: center;max-width: 640px;}
.s2_textbox p.s2_title{font-size: 30px;color: #0150a3;margin-bottom: 50px;}
.s2_textbox p{font-size: 14px;color: #666666;line-height: 31px;margin-bottom: 40px;}
.s2_textbox p:last-child{margin-bottom: 0px;}
@media screen and (max-width: 1220px){
	.s2_textbox{width: 48%;}
	.s2_textbox p.s2_title{margin-bottom: 40px;text-align: center;}
	.s2_textbox p{margin-bottom: 30px;text-align: justify;}
	.s2_textbox p br{display: none;}
}
@media screen and (max-width: 1120px){
	.s2_box{padding:55px 0 132px 0;}
	.s2_textbox p.s2_title{margin-bottom: 30px;}
	.s2_textbox p{margin-bottom: 20px;}
}
@media screen and (max-width: 1020px){
	.s2_box{padding:77px 0 110px 0;}
}
@media screen and (max-width: 920px){
	.s2_box{padding:100px 0 100px 0;}
	.s2_textbox p.s2_title{margin-bottom: 20px;font-size: 28px;}
	.s2_textbox p{margin-bottom: 10px;}
}
@media screen and (max-width: 820px){
	.s2_box{display: block;padding: 30px 0;}
	.s2_videobox,.s2_textbox{width: 100%;margin: 0 auto;margin-bottom: 50px;max-width: 100%;}
	.s2_textbox p.s2_title{margin-bottom: 26px;font-weight: bold;}
	.s2_textbox p{margin-bottom: 26px;}
}
@media screen and (max-width: 720px){
	.s2_videobox,.s2_textbox{width: 94%;}
	.s2_textbox p.s2_title{font-size: 26px;}
}
@media screen and (max-width: 620px){
	.s2_textbox p.s2_title{font-size: 24px;}
}
@media screen and (max-width: 520px){
	.s2_textbox p.s2_title{font-size: 22px;}
}
@media screen and (max-width: 420px){
	.section2 {margin-bottom: 59px;}
	.s2_textbox p.s2_title{font-size: 20px;}
	.s2_textbox{margin-bottom: 0px;}
}

.section3{background-color: #f3f3f3;position: relative;}
.s3_title{max-width: 614px;max-height: 76px;position: absolute;left: 50%;margin-left: -307px;top: -38px;background-image: url('../images/index/s3_title.png');font-size: 38px;text-align: center;color: #fff;line-height: 76px;width: 96vw;height: 11.8vw;background-size: 100%;}
.s3_swiperbox{padding: 82px 0;}
.s3_phonebox{padding: 0px;background-color: none;}
.s3_swiperbox .swiper-slide img{width: 100%}
.s3_swiperbox .img_cover{width: 100%;height: 100%;background-color: #fff;position: absolute;left: 0px;top: 0px;z-index: 2;opacity: 0.5}
.s3_swiperbox .swiper-slide{transform: scale(0.93);position: relative;}
.s3_swiperbox .swiper-slide-active, .s3_swiperbox .swiper-slide-duplicate-active{transform: scale(1);}
.s3_swiperbox .swiper-slide-active .img_cover, .s3_swiperbox .swiper-slide-duplicate-active .img_cover{opacity: 0}
.s3_swiperbox .swiper-button-prev{left: 27%;background: none;}
.s3_swiperbox .swiper-button-next{right: 27%;background: none;}
.s3_swiperbox .swiper-button-prev img,.s3_swiperbox .swiper-button-next img{width: 100%;}
@media screen and (max-width: 820px){
	.s3_title{width: 64vw;margin-left: -32vw;height: 7.9vw;line-height: 7.9vw;top: -3.95vw;font-size: 35px;}
	.s3_swiperbox{width: 94%;margin: 0 auto;padding: 70px 0;}
	.s3_phonebox{padding: 4%;background-color: #dcdddd;}
	.s3_swiperbox .swiper-button-prev{left: 3%;}
	.s3_swiperbox .swiper-button-next{right: 3%;}
	.s3_swiperbox .img_cover{opacity: 0}
	.s3_swiperbox .swiper-slide{transform: scale(1);}
}
@media screen and (max-width: 720px){
	.s3_title{font-size: 30px;}
	.s3_swiperbox{padding: 60px 0;}
}
@media screen and (max-width: 620px){
	.s3_title{font-size: 25px;}
	.s3_swiperbox{padding: 50px 0;}
}
@media screen and (max-width: 520px){
	.s3_title{font-size: 20px;}
	.s3_swiperbox{padding: 40px 0;}
}
@media screen and (max-width: 420px){
	.s3_title{font-size: 16px;}
	.s3_swiperbox{padding: 25px 0 18px 0;}
}

.s5_organbox{display: flex;justify-content: space-between;padding: 140px 0px;align-items:center;}
.s5_title{color: #333333;font-size: 18px;line-height: 22px;flex-shrink: 0;width: 20%;}
.s5_logobox{display: flex;justify-content: space-between;width: 100%;align-items:center;}
.s5_logo a{display: block;width: 100%;}
.s5_logo img{width: 100%}
.s5_img1{width: 20.7%;max-width:212px;}
.s5_img2{width: 6.5%;max-width: 67px;}
.s5_img3{width: 26.5%;max-width: 271px;}
.s5_img4{width: 20.6%;max-width: 211px;}
@media screen and (max-width: 1220px){
	.s5_organbox{padding: 112px 0;}
}
@media screen and (max-width: 1120px){
	.s5_organbox{padding: 102px 0;}
}
@media screen and (max-width: 1020px){
	.s5_organbox{padding: 92px 0;}
}
@media screen and (max-width: 920px){
	.s5_organbox{padding: 82px 0;}
}
@media screen and (max-width: 820px){
	.s5_title{font-size: 16px;line-height: 20px;}
	.s5_organbox{width: 94%;margin: 0 auto;padding: 82px 0;}
}
@media screen and (max-width: 720px){
	.s5_title{font-size: 15px;line-height: 19px;}
	.s5_organbox{padding: 72px 0;}
}
@media screen and (max-width: 620px){
	.s5_title{font-size: 13px;line-height: 16px;}
	.s5_organbox{padding: 52px 0;}
}
@media screen and (max-width: 420px){
	.section5{min-height: auto;}
	.s5_organbox{padding: 32px 0;}
	.s5_title{font-size: 12px;line-height: 14px;padding-top: 0px;}
	.s5_img1{width: 25.3%;max-width: 94px;}
}
/**************************** end---首页---end ****************************/

.page_centerbox_member{padding: 20px 0;}

.page_title{color: #000000;font-size: 30px;max-width: 676px;border-bottom: 1px solid #000000;line-height: 42px;margin-bottom: 30px;}
.page_title h1{color: #000000;font-size: 30px;max-width: 676px;line-height: 42px;font-weight: 500;}

@media screen and (max-width: 1280px){
	.common_box{padding: 0 1%;}
	.page_centerbox{padding: 5.3vw 0;}
}

/**************************** start---關于MFE---start ****************************/
.about_box{display: flex;justify-content: space-between;margin-bottom: 110px;align-items: center;}
.about_box_left{font-size: 16px;color: #333333;width: 52%;line-height: 31px;text-align: justify;}
.about_box_left p.mb20{margin-bottom: 20px;}
.about_box_right{width: 43.1vw;max-width: 552px;height: 28.6vw;max-height: 367px;position: relative;}
.about_br_bg1{position: absolute;width: 98.5%;height: 78.2%;left: 0px;bottom: 0px;background-color: #edecef;}
.about_br_bg2{position: absolute;width: 50%;height: 52.6%;right: 0px;top: 0px;background-color: #0150a3;}
.about_br_img{position: absolute;width: 88.5%;left: 6%;bottom: 10%;}
.about_br_img img{width: 100%;}
.important_box{width: 100%;min-height: 240px;background-color: #f7f6f9;position: relative;}
.ib_title_box{position: absolute;width: 100%;left: 0px;top: -29px;text-align: center;height: 58px;}
.ib_title{position: relative;width: 100%;max-width: 601px;margin: 0 auto;}
.ib_title img{width: 100%;}
.ib_title_text{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;text-align: center;font-size: 28px;color: #fff;line-height: 62px;}
.ib_text{text-align: center;color: #333333;font-size: 20px;line-height: 40px;padding: 60px 0;max-width: 590px;margin: 0 auto;width: 94%;}
.tipbox{font-size: 32px;color: #0150a3;text-align: center;margin: 128px 0;line-height: 46px;}
.timebox{position: relative;display: flex;justify-content: right;}
.tb_img_box{width: 100%;position: relative;}
.tb_img_bg{width: 621px;height: 439px;background-color: #0150a3;position: absolute;left: 0px;bottom: -27px;}
.tb_img{width: 647px;position: absolute;left: 56px;top: 17px;}
.tb_img img{width: 100%;}
.tb_date_box{width: 63vw;background-color: #f7f6f9;min-height: 470px;flex-shrink: 0;max-width: 858px;}
.tb_date{width: 42.3vw;max-width:577px;float: right;padding: 74px;}
.tbd_title{font-size: 22px;color: #333333;margin: 24px 0;margin-top: 0px;}
.tbd_list{font-size: 18px;color: #333333;margin: 24px 0;}
.tbd_line{color: #333333;margin: 24px 0;}
.tbd_remark{font-size: 14px;color: #333333;margin: 24px 0;margin-bottom: 0px;}
@media screen and (max-width: 1280px){
	.tipbox{font-size: 30px;width: 94%;margin: 108px auto;line-height: 44px;}
	.timebox{align-items: center;}
	.tb_img_box{height: 34.5vw;}
	.tb_img_bg{width: 45.6vw;height: 32.2vw;}
	.tb_img{width: 47.5vw;}
}
@media screen and (max-width: 1020px){
	.tipbox{font-size: 28px;line-height: 42px;margin: 108px auto;}
}
@media screen and (max-width: 920px){
	.tipbox{font-size: 26px;line-height: 40px;margin: 98px auto;}
	.tbd_title{font-size: 18px;margin: 18px 0;}
	.tbd_list{font-size: 14px;margin: 18px 0;}
	.tbd_remark{font-size: 12px;margin: 18px 0;}
}
@media screen and (max-width: 820px){
	.about_box{display: block;}
	.about_box_left{width: 94%;margin: 0 auto;}
	.about_box_right{width: 93vw;height: 61.7vw;margin: 0 auto;max-width: unset;max-height:  unset;margin-top: 5vw;}
	.about_br_img{bottom: 5vw;}
	.important_box{width: 94%;margin: 0 auto;min-height: unset;}
	.ib_title_box{width: 80vw;height: 8.1vw;top: -4.05vw;left: 50%;margin-left: -40vw;}
	.ib_title_text{line-height: 8.1vw;font-size: 24px;}
	.tipbox{font-size: 24px;line-height: 38px;margin: 88px auto;}
	.timebox{display: block;}
	.tb_img_box{width: 93vw;margin: 0 auto;height: 64vw;margin-bottom: 10vw;}
	.tb_img_bg{width: 82.7vw;height: 58.4vw;bottom: -1vw;}
	.tb_img{width: 86.5vw;left: 6vw;top: 0px;}
	.tb_date_box{width: 93vw;margin: 0 auto;min-height: unset;}
	.tb_date{width: 100%;float: none;padding: 7.2vw;}
}
@media screen and (max-width: 720px){
	.tipbox{font-size: 22px;line-height: 36px;margin: 78px auto;}
}
@media screen and (max-width: 620px){
	.about_box_left{font-size: 14px}
	.ib_title_text{font-size: 16px;}
	.ib_text{font-size: 14px;line-height: 30px;width: 90%;padding: 45px 0;}
	.tipbox{font-size: 20px;line-height: 34px;margin: 68px auto;}
}
@media screen and (max-width: 520px){
	.tipbox{font-size: 18px;line-height: 32px;margin: 58px auto;}
}
@media screen and (max-width: 420px){
	.tipbox{font-size: 16px;line-height: 30px;margin: 48px auto;}
}
/**************************** end---關于MFE---end ****************************/

/**************************** start---展會亮點---start ****************************/
.hb_text{font-size: 23px;line-height: 40px;}
.list_container{padding:16px 0;}
.list_box{display: flex;width: 100%;padding: 64px 0;}
.list_titlebox{width: 100%;position: relative;}
.list_title{width: 37.2vw;height: 16vw;display: flex;position: absolute;left: 0px;top: 0px;max-width: 508px;max-height: 219px;}
.list_title_num{width: 6.8vw;height: 16vw;flex-shrink: 0;max-width: 93px;max-height: 219px;}
.list_title_num img{height: 100%;}
.list_title_box{width: 30.3vw;height: 16vw;background-color: #1563ad;max-width: 415px;max-height: 219px;box-shadow: 4px 4px 7px 0px #888888;}
.list_title_box table{width: 100%;height: 100%;}
.list_title_box table td{vertical-align: middle;text-align: center;font-size: 28px;color: #fff;line-height: 40px;}
.list_messagebox{width: 78.9vw;max-width: 1074px;min-height: 209px;background-color: #eff6fe;flex-shrink: 0;margin-top: 51px;}
.list_message{float: right;color: #333333;font-size: 23px;line-height: 44px;width: 59.7vw;height: 100%;max-width: 773px;}
.list_message table{width: 100%;height: 100%;}
.list_message table td{vertical-align: middle;text-align: justify;padding: 49px 51px;}
.list_box:nth-child(even){flex-flow: row-reverse;}
.list_box:nth-child(even) .list_message{float: left;}
.list_box:nth-child(even) .list_title_box{box-shadow: -4px 4px 7px 0px #888888;}
.list_box:nth-child(even) .list_title{flex-flow: row-reverse;right: 0px;left: unset;}
@media screen and (max-width: 1280px){
	.list_box{padding: 5vw 0;}
	.list_message table td{padding: 3.8vw 3.9vw;}
	.list_title_box table td br{display: none;}
}
@media screen and (max-width: 1120px){
	.list_title_box table td{font-size: 26px;line-height: 38px;padding: 5%;}
	.list_message{font-size: 21px;line-height: 40px;}
}
@media screen and (max-width: 1020px){
	.list_title_box table td{font-size: 23px;line-height: 36px;}
	.list_messagebox{min-height: unset;}
	.list_message{font-size: 19px;line-height: 36px;}
}
@media screen and (max-width: 920px){
	.hb_text{font-size: 20px;line-height: 34px;}
	.list_title_box table td{font-size: 20px;line-height: 34px;}
	.list_messagebox{min-height: unset;}
	.list_message{font-size: 17px;line-height: 32px;}
}
@media screen and (max-width: 820px){
	.list_title_box table td{font-size: 17px;line-height: 32px;}
	.list_message{font-size: 13px;line-height: 30px;}
}
@media screen and (max-width: 720px){
	.hb_text{width: 94%;margin: 0 auto;}
	.list_box{display: block;}
	.list_title{position: relative;width: 94%;height: auto;align-items: center;margin: 0 auto;max-width: unset;}
	.list_title_box{width: 100%;height: 100%;display: table;min-height: 16vw;}
	.list_messagebox{width: 94%;margin: 0 auto;margin-top: 10px;display: table;}
	.list_message{float: none;width: 100%;}
}
@media screen and (max-width: 520px){
	.hb_text{font-size: 14px;line-height: 30px;}
	.list_title_num{width: 33px;height: 80px;}
	.list_title_box{min-height: 80px;}
	.list_title_box table td{font-size: 16px;line-height: 30px;}
	.list_message{font-size: 14px;line-height: 32px;}
}
/**************************** end---展會亮點---end ****************************/

/**************************** start---大會服務供應商---start ****************************/
.sp_listbox{width: 100%;margin: 60px auto;}
.sp_list_title{font-size: 23px;color: #666666;}
.sp_list_table,.sp_list_table td{border: 1px solid #e5e5e5;}
.sp_list_table{width: 100%;margin: 20px 0;}
.sp_list_name{color: #0150a3;font-size: 20px;width: 36%;text-align: center;background-color: #eff6fe;padding: 2%;line-height: 30px;}
.sp_list_contactbox{padding: 20px 7.9%;font-size: 14px;line-height: 26px;color: #666666;}
.sp_list_effect{margin-bottom: 25px;}
.sp_list_effect ul{margin-left: 25px;}
.sp_list_single{display: flex;margin: 10px 0;}
.sp_list_icon{margin-right: 10px;height: 26px;}
.sp_list_icon img{height: 100%;}
.sp_list_text{min-height: 26px;}
.sp_list_text a{color: inherit;}
@media screen and (max-width: 720px){
	.sp_listbox{width: 94%;}
}
@media screen and (max-width: 520px){
	.sp_list_title{font-size: 18px;}
	.sp_list_name{font-size: 16px;}
	.sp_list_contactbox{padding: 15px 5.9%}
	.sp_list_effect{margin-bottom: 15px;}
}
/**************************** end---大會服務供應商---end ****************************/

/**************************** start---翻页---start ****************************/
.current,.num,.next,.prev{width: 35px;height: 35px;line-height: 35px;text-align: center;border: 1px solid #dcdcdc;border-radius: 5px;margin: 5px;font-size: 14px;color: #333333;outline: none;display: block;}
.pb_span{width: auto;height: 35px;line-height: 35px;text-align: center;margin: 5px;}
.pb_list.long{width: 66px;}
.pb_list.bsure{width: 50px;}
.pb_listbox div{display: flex;justify-content: center;}
.pb_num{display: flex;justify-content: center;}
.pb_change{width: 145px;height: 35px;line-height: 35px;display: flex;justify-content: center;}
.pb_listbox .current{background-color: #1563ad;font-weight: bold;color: #fff;border-color: #1563ad;}
.pb_listbox a.num:hover,.pb_listbox a.next:hover,.pb_listbox a.prev:hover{background-color: #1563ad;color: #fff;border-color: #1563ad;}
@media screen and (max-width: 720px){
	.pb_listbox div{display: block;text-align: center;}
	.pb_change{margin: 0 auto;}
}
/**************************** start---翻页---start ****************************/

/**************************** start---最新資訊---start ****************************/
.news_container{width: 100%;border-bottom: 1px solid #d2d2d2;padding: 25px 0;}
.news_link{display: flex;justify-content: space-between;width: 100%;}
.news_bg{width: 290px;margin-right: 35px;flex-shrink: 0;height: 175px;background-repeat: no-repeat;background-size: 100%;}
.news_bg.center{background-position: center;background-color: #fbfbfb}
.news_textbox{width: 100%;text-align: left;overflow: hidden;}
.news_title{color: #0150a3;font-size: 24px;height: 35px;line-height: 35px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.news_summary{color: #333333;line-height: 28px;height: 84px;margin: 20px 0;overflow: hidden;}
.news_date{color: #666666;font-size: 12px;}
@media screen and (max-width: 620px){
	.news_link{display: block;width: 94%;margin: 0 auto;}
	.news_bg{width: 87vw;height: 52.5vw;margin-bottom: 20px;}
	.news_summary{display: none;}
	.news_date{margin-top: 10px;}
}
/**************************** end---最新資訊---end ****************************/

/**************************** start---聯絡我們---start ****************************/
.contactusbox{line-height: 45px;}
.contactus_title{color: #666666;font-size: 23px;}
.contactus_name{color: #0150a3;font-size: 20px;}
.contactus_mess{display: flex;line-height: 26px;padding: 9.5px 0;}
.cu_logo{margin-right: 10px}
.cu_text a{color: inherit;}
@media screen and (max-width: 420px){
	.contactus_title{font-size: 20px;}
}
/**************************** end---聯絡我們---end ****************************/

/**************************** start---搜索---start ****************************/
/*样式一*/
.search_container{display: flex;width: 100%;}
.search_container form{width: 100%;}
.search_box{max-width: 500px;height: 40px;background-color: #f1f1f1;padding: 5px 6px;display: flex;overflow: hidden;border-radius: 5px;margin-right: 20px;width: 100%;}
.search_img{width: 16px;height: 16px;margin: 8px 9px 0 4px;}
.search_img img{width: 100%;}
.search_box input{width: 100%;background: none;border: none;outline: none;}
.search_btn{width: 80px;height: 30px;background-color: #fff;text-align: center;line-height: 30px;color: #666666;cursor: pointer;flex-shrink: 0;border: 0px;}
.search_textbox{line-height: 40px;flex-shrink: 0;}
.search_text{margin: 0 8px;color: #ff0000;}
.search_text:first-child{margin-left: 0px;}
.search_text:nth-child(even){color: #333333;}
/*样式二*/
.exnews_choosebox{display: flex;justify-content: space-between;margin-top: 67px;}
.exnews_searchbox{width: 534px;height: 100%;border: 1px solid #003787;border-radius: 10px;display: flex;overflow: hidden;flex-shrink: 0;}
.exnews_searchbox input{width: 100%;height: 37px;line-height: 37px;background: none;border: none;outline: none;padding: 0 8px;}
.exnews_search_btn{width: 59px;height: 37px;background-color: #eaf5fb;flex-shrink: 0;padding: 7px 0;text-align: center;border: none;}
.exnews_selectbox{width: 690px;display: flex;justify-content: space-between;}
.exnews_selectbox select{width: 314px;height: 37px;font-size: 16px;padding: 0 20px;color: #fff;border: 1px solid #003787;background-color: #0150a3;outline: none;border-radius: 10px;}
.exnews_selectbox.three select{width: 17vw;max-width: 220px;}
@media screen and (max-width: 1280px){
	.exnews_searchbox{width: 40vw;}
	.exnews_selectbox{width: 52vw;}
	.exnews_selectbox select{width: 24vw;}
}
@media screen and (max-width: 920px){
	.exnews_choosebox{display: block;}
	.exnews_searchbox{margin: 20px 0;width: 100%;}
	.exnews_selectbox{margin: 20px 0;width: 100%;justify-content: center;}
	.exnews_selectbox select,.exnews_selectbox.three select{margin: 0 10px;width: 40%;max-width: 200px;}
}
@media screen and (max-width: 420px){
	.exnews_searchbox{width: 90%;margin: 0 auto;}
}
/**************************** end---搜索---end ****************************/




iframe{overflow:visible;width: 100%;border: none;}

.temporary{line-height: 40px;}



.fr_table{width: 100%;margin: 52px 0;}
.fr_table th{background-color: #1563ad;color: #fff;height: 38px;font-size: 16px;font-weight: unset;border-left:1px solid #fff;border-right:1px solid #fff;padding: 1% 0;}
.fr_table td{color: #333333;height: 73px;font-size:14px;text-align: center;border-left:1px solid #fff;border-right:1px solid #fff;padding: 1% 0;line-height: 23px;}
.fr_table tr:nth-child(even){background-color: #d9edf7;}
.fr_table tr:nth-child(odd){background-color: #ecf6fb;}
.fr_table .download_btn{width: 110px;height: 41px;background-color: #0a67bf;font-size: 16px;text-align: center;line-height: 41px;color: #fff;border-radius: 10px;display: inline-block;}

.ep_css1{line-height: 30px;margin-bottom: 10px;}
.ep_css2{line-height: 28px;}
.fr_table tr td{padding: 0 1%}
.fr_table tr td a{color: inherit;}
.ep_css3{color: inherit;text-decoration: underline;}

.fr_remarkbox{font-size: 14px;color: #333333;line-height: 25px;text-align: justify;}
.fr_remarkbox ol{margin-left: 17px;}
@media screen and (max-width: 720px){
	.fr_remarkbox{width: 94%;margin: 0 auto;}
}



/**************************** start---線上展廳---start ****************************/
.hall .search_container{overflow: hidden;}
.hall .search_box{width: 96%;height: 40px;background-color: #f1f1f1;padding: 5px 6px;display: flex;overflow: hidden;border-radius: 5px;margin-right: 20px;max-width: 100%;}
.ex_list_news{margin: 46px 0 39px 0;display: flex;justify-content: space-between;}
.ex_listbox{width: 795px;height: 472px;}
.ex_list_title{width: 100%;height: 39px;background-color: #1563ad;font-size: 20px;text-align: center;line-height: 39px;color: #fff;}
.ex_list_box{border: 1px solid #bfbfbf;border-top: none;height: 92%;}
.ex_list_selectbox{height: 72px;}
.ex_list_select{display: flex;justify-content: space-around;padding: 18px 0;}
.ex_list_select select{width: 230px;height: 35px;font-size: 16px;color: #1563ad;border: 1px solid #9ec6ff;border-radius: 8px;padding: 0 14px;font-family: inherit;background: none;outline:none;}
.ex_list{height: 360px;overflow-y: scroll; margin-right: 5px; margin-left: 5px;}


.ex_list::-webkit-scrollbar {
    width: 10px;
}
.ex_list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.1);
}



.ex_list_table{width: 100%; padding-left: 20px; padding-right: 20px;box-sizing: border-box;}
.ex_list_table td{height: 30px;padding: 0 2px}
.ex_list_table td a{color: inherit;}
.ex_list_table tr td:first-child{text-align:left;}
.ex_news_box{width: 451px;max-height: 472px;}
.ex_news_titlebox{width: 100%;height: 39px;font-size: 20px;line-height: 39px;position: relative;display: flex;justify-content: space-between;}
.ex_news_title{width: 125px;background-color: #1563ad;text-align: center;color: #fff;position: relative;}
.ex_news_title:after{content: '';position: absolute;right: -22px;top: 0px;border-top:19px solid transparent;border-bottom:20px solid #1563ad;border-left:11px solid #1563ad;border-right:11px solid transparent;}
.ex_news_more{color: #1563ad;font-family: inherit;padding-right: 8px;display: block;}
.ex_news_line{width: 100%;position: absolute;left: 0px;bottom: 0px;height: 2px;background-color: #1563ad;}
.ex_newslistbox{padding: 9px 0;}
.ex_newslist{width: 100%;display: flex;margin: 18px 0;}
.ex_newslistbox a:nth-child(2n) .ex_newslist{flex-flow: row-reverse;}
.ex_newslist_img{margin-left: 4px;margin-right: 11px;width: 88px;height: 88px;border-radius: 50%;overflow: hidden;flex-shrink: 0;background-size: cover;background-position: center;}
.ex_newslist_img img{width: 100%;}
.ex_newslist_textbox{width: 346px;height: 60px;border-bottom: 1px solid #cfe0ea;line-height: 25px;position: relative;}
.ex_newslist_text{position: absolute;width: 100%;bottom: 0px;max-height: 50px;font-size: 16px;color: #666666;max-width: 320px;overflow: hidden;}

.ex_block{margin: 39px 0;}
.ex_type_container{display: flex;justify-content: space-between;}
.ex_type_box{width: 235px;height: 810px;flex-shrink: 0;margin-right: 20px;}
.ex_type_title{width: 100%;height: 38px;background-color: #1563ad;text-align: center;line-height: 38px;font-size: 20px;color: #fff;}
.ex_type{height: 770px;border: 1px solid #dcdcdc;border-top: none;background-color: #f1f8fe;overflow: hidden;padding: 0 20px;}
ul.ex_type_list{margin:0px;padding: 20px 0;height:601px;/*width: 97px;*/text-align: center;/*-moz-column-gap: 0px;-moz-column-count: 1;-webkit-column-gap: 0px;-webkit-column-count: 1;column-gap: 0px;column-count: 1;*/}   
ul.ex_type_list li{list-style: none;min-height: 33px;line-height: 23px;}
ul.ex_type_list li a{color: inherit;}
.ex_container{width: 998px;overflow: hidden;}
.ex_titlebox{display: flex;justify-content: space-between;overflow: hidden;align-items: center;}
.ex_title{width: 100%;position: relative;}
.ex_title_text{width: 184px;height: 38px;background-color: #1563ad;color: #fff;text-align: center;line-height: 38px;font-size: 20px;position: relative;}
.ex_title_text:after{content: '';position: absolute;right: -22px;top: 0px;border-top:19px solid transparent;border-bottom:19px solid #1563ad;border-left:11px solid #1563ad;border-right:11px solid transparent;}
.ex_title_line{position: absolute;left: 0px;bottom: 0px;width: 100%;height: 2px;background-color: #1563ad;}
.ex_title_btn{width: 126px;height: 46px;border: 1px solid #376ac8;flex-shrink: 0;margin-left: 14px;border-radius: 23px;color: #1563ad;line-height: 46px;text-align: center;font-size: 20px;cursor: pointer;}
.ex_title_btn a{color: inherit;display: block;}
.ex_box{display: flex;flex-wrap: wrap;padding: 17px 0;}
.ex_single{width: 303px;margin:17px 22px;}
.ex_single:nth-child(3n+1){margin-left: 0px;}
.ex_single:nth-child(3n){margin-right: 0px;}
.alonebox .ex_single{width: 48%;margin: 1.5%;}
.alonebox .ex_single:nth-child(2n){margin-right: 0px;}
.alonebox .ex_single:nth-child(2n+1){margin-left: 0px;}
.ex_single a{display: block;}
.ex_single_top{width: 100%;height: 303px;background-color: #fff;position: relative;background-size: cover;  }
.alonebox .ex_single_top{height: 365px;}
.ex_single_logo{position: absolute;width: 77px;position: relative;top: 18px;left: 15px;}
.ex_single_logo img{width: 100%;}
.ex_single_bottom{width: 100%;height: 45px;display: flex;justify-content: space-between;overflow: hidden;}
.ex_single_title{width: 100%;background-color: #1563ad;height: 100%;}
.ex_single_title table{width: 100%;height: 100%;table-layout:fixed;}
.ex_single_title table tr td{color: #fff;width: 100%;padding: 0 25px}
.ex_single_name{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;width: 100%;line-height: 20px;}
.ex_signle_chat{background-color: #333333;flex-shrink: 0;width: 61px;text-align: center;}
.ex_signle_chat img{height: 22px;margin-top: 11px;}
@media screen and (max-width: 1296px){
	.ex_single{width: 23vw;margin: 0.7vw 1%;}
	.ex_single_top{height: 23vw;}
	.alonebox .ex_single_top {height: 28vw;}
}
@media screen and (max-width: 1280px){
	.page_centerbox{padding: 5.3vw 0;}
	.ex_listbox{width: 59vw;}
	.ex_news_box{width: 33vw;}
	.ex_container{width: 100%;}
	.ex_list_select select{width: 17vw;outline:none;}
	.ex_type{height: 58vw;}
}
@media screen and (max-width: 1120px){
	.ex_single{width: 48%;margin: 0.7vw 1%;}
	.ex_single:nth-child(3n+1){margin-left: 1%;}
	.ex_single:nth-child(3n){margin-right: 1%;}
	.ex_single_top{height: 31vw;}
}
@media screen and (max-width: 820px){
	.hall .search_textbox{display: none;}
	.hall .search_box{margin-right: 0px;}
	.hall .search_box{width: 100%}
	.ex_list_news{display: block;margin: 6vw 0;}
	.ex_listbox{width: 100%;}
	.ex_list_select select{width: 30%;outline:none;}
	.ex_news_box{width: 100%;margin-top: 6vw;}
	.ex_newslist_textbox{width: 100%;}
	.ex_newslist_text{max-width: 100%;width: 92%;}
	.ex_container{width: 100%;margin-top: 6vw;}
	.ex_type_container{display: block;}
	.ex_type_box{width: 100%;height: auto;}
	.ex_type{height: auto;}
	ul.ex_type_list{width: 100%;column-count: unset;column-gap: unset;-moz-column-gap: unset;-moz-column-count: unset;-webkit-column-gap: unset;-webkit-column-count: unset;height: auto;display: flex;flex-wrap: wrap;justify-content: left;}
	ul.ex_type_list li{width: auto;min-width: unset;padding: 0 2vw}
	.ex_box{justify-content: center;}
	.ex_single{width: 44vw;margin: 1vw;}
	.ex_single_top{height: 44vw;}
}
@media screen and (max-width: 520px){
	.ex_single{width: 90vw;margin: 2vw 0px;}
	.alonebox .ex_single {width: 100%;margin: 2vw 0px;}
	.ex_single:nth-child(3n+1),.ex_single:nth-child(3n){margin: 2vw 0px;}
	.ex_single_top{height: 90vw;}
	.alonebox .ex_single_top {height: 58vw;}
	.ex_title_btn{width: 80px;height: 30px;line-height: 30px;border-radius: 15px;font-size: 14px;}
	.ex_list_table td{padding: 10px 5px;}

	.hall .search_box{width: 100%;}
	.ex_block{margin: 0px;}
}
@media screen and (max-width: 420px){
	.page_phonebox{width: 94%;margin: 0 auto;}
	.ex_single{width: 90vw;margin: 17px 0;}
	ul.ex_type_list li{width: 33.3%;}
	.ex_list_select select{font-size: 14px;padding:0 0.5%;outline:none;}
	.ex_title_text{width: 135px;}
	.page_centerbox{padding: 0;}

}


a{text-decoration: none;}
.co_company{position: relative;background-size: cover;min-height: 392px;}
.co_company_box{padding: 47px 0 125px 0;margin-left: 125px;width: 90%;max-width: 950px;}
.co_company_logo{height: 100px;margin-bottom: 36px;max-width: 100%;}
.co_company_logo img{height: 100%;}

.co_company_logo_2{
	height: 100px;margin-bottom: 36px;width: 100px; background-color: #ffffff;
	    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border-radius: 70px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 80px;
    overflow: hidden;

    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.co_company_logo_2 img{max-height: 100%;max-width: 100%;}

.co_company_name{font-size: 48px;color: #fff;line-height: 46px;}
.co_company_ename{font-size: 30px;color: #fff;line-height: 41px;}
.co_company_messbox{display: flex;justify-content: flex-start;line-height: 23px;}
.co_company_mess{font-size: 16px;color: #fff;margin-right: 110px;display: flex;align-items: center;margin: 19px 0;    padding-right: 17px;}
.co_company_icon{height: 22px;margin-right: 11px;width: 22px;text-align: center;}
.co_company_icon img{height: 100%;}

.page_centerbox{padding: 69px 0 0 0;}

.co_titlebox{display: flex;justify-content: center;align-items: center;padding: 40px 0;width: 80%;margin: 0 auto;}
.co_title_line{max-width: 148px;width: 30%;height: 1px;background-color: #1563ad;}
.co_title{color: #1563b1;font-size: 32px;width: 170px;margin: 0 10px;text-align: center;}
.co_titlebox.white .co_title_line{background-color: #fff;}
.co_titlebox.white .co_title{color: #fff;}

.co_introbox{position: relative;min-height: 564px;display: -webkit-box;/*margin-top: 80px;*/}
.co_intro_bg{position: absolute;left: 0px;top: -61px;z-index: 0;width: 667px;height: 61px;}
.co_intro_bg img{width: 100%;}
.co_intro_bgimg{width: 724px;height: 523px;overflow: hidden;position: absolute;right: 0px;top: 0px;z-index: 1;}
.co_intro_skew1{width: 100%;height: 100%;transform-origin: bottom;transform: skew(-25deg, 0deg);-ms-transform: skew(-25deg, 0deg);-moz-transform: skew(-25deg, 0deg);-webkit-transform: skew(-25deg, 0deg);-o-transform: skew(-25deg, 0deg);overflow: hidden;}
.co_intro_skew2{width: 100%;height: 100%;transform-origin: bottom;transform: skew(25deg, 0deg);-ms-transform: skew(25deg, 0deg);-moz-transform: skew(25deg, 0deg);-webkit-transform: skew(25deg, 0deg);-o-transform: skew(25deg, 0deg);overflow: hidden;}
.co_intro_skew3{width: 100%;height: 100%;background-size: cover;background-position: center;}
.co_intro{margin-top: 116px;background-color: #f8f6f9;width: 96%;min-height: 447px;padding:72px 0 72px 55px;position: relative;}
.co_intro_container{width: 480px;text-align: justify;}
.co_intro_title{color: #333333;font-size: 32px;margin-bottom: 40px;}
.co_intro_text{color: #666666;font-size: 14px;line-height: 30px;max-height: 200px;overflow-y: scroll;padding-right: 20px;}
.co_intro_text .co_intro_textarea{text-align: justify;}
.co_intro_text::-webkit-scrollbar {width: 4px;}
.co_intro_text::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #fff;}
.co_intro_text::-webkit-scrollbar-track {border-radius: 10px;background: none;}


.co_contact{margin: 100px 0 140px 0;}
.co_contactbox{display: flex;justify-content: space-around;align-items: center;margin: 75px 0;}
.co_contact_icon{margin-bottom: 21px;text-align: center;}
.co_contact_title{line-height: 28px;text-align: center;font-size: 18px;color: #1563ad;}
.co_contact_text{line-height: 28px;text-align: center;font-size: 18px;color: #666666;word-wrap:break-word;}
.co_contact_text a{color: inherit;}

.co_shows{margin: 100px 0 140px 0;position: relative;}
.co_shows_bg{width: 100%;height: 301px;background-color: #1563ad;position: absolute;left: 0px;top: 0px;z-index: -1;}
.co_shows_swiper{height: 400px;}
.co_shows_container{padding-bottom: 20px;}
.co_shows_box{width: 283px;height: 315px;box-shadow: 0px 4px 10px 0px #888888;margin: 0 auto;}
.co_shows_img{height: 267px;overflow: hidden;display: flex;align-items: center;background: #fff;display: block;overflow: hidden;padding: 4%;}
.co_shows_img img{width: 96%;margin: 0 auto;display: block;}
.co_shows_name{font-size: 16px;color: #333333;width: 90%;margin: 0 auto;text-align: center;line-height: 33px;height: 33px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;margin-top: 3px;}
.co_shows_num{font-size: 14px;color: #999999;width: 90%;margin: 0 auto;text-align: center;line-height: 28px;}

.co_news{margin: 100px 0 0 0;position: relative;}
.co_newslist{position: relative;display: flex;justify-content: flex-end;margin: 24px 0 128px 0;}
.co_newslist .co_news_img{width: 533px;height: 358px;left: 0px;top: 0px;position: absolute;background-size: cover;}
.co_newslist .co_news_main{width: 968px;}
.co_newslist .co_news_main.noimg{width: 100%;}
.co_newslist .co_news_date{text-align: right;font-size: 30px;color: #0150a3;height: 63px;line-height: 63px;}
.co_newslist .co_news_date span{font-size: 60px;}
.co_newslist .co_news_container{min-height: 318px;background-color: #f6f6f6;display: flex;justify-content: flex-end;}
.co_newslist .co_news_box{width: 664px;margin: 20px 28px 0 28px;}
.co_newslist .co_news_main.noimg .co_news_container{min-height: unset;padding-bottom: 30px;}
.co_newslist .co_news_main.noimg .co_news_box{width: 100%;}
.co_newslist .co_news_title{min-height: 56px;line-height: 36px;color: #0150a3;font-size: 26px;border-bottom: 1px solid #c9c9c9;padding: 10px 0;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.co_newslist .co_news_simple{line-height: 28px;color: #333333;margin: 28px 0 0 0;height: 140px;overflow: hidden;}
.co_newslist .co_news_company{color: #666666;font-size: 12px;margin-top: 37px;}
.co_newslist:nth-child(odd){justify-content: flex-start;}
.co_newslist:nth-child(odd) .co_news_img{left: auto;right: 0px;}
.co_newslist:nth-child(odd) .co_news_date{text-align: left;}
.co_newslist:nth-child(odd) .co_news_container{justify-content: flex-start;background-color: #f1f8fe;}
.co_newslist:last-child{margin-bottom: 0px;}

.co_contact_btn{width: 42%;display: flex;justify-content: space-around;}
.co_contact_listbox{display: flex;justify-content: space-between;width: 75%;}
.co_contact_list{width: 33.3%;}

@media screen and (max-width: 1280px){
	.co_company_box{margin-left: 10%;width: 80%;}
	.page_centerbox{padding: 5.3vw 0;}
	.co_intro_bgimg{width: 52vw;top: 50%;margin-top: -205px;}
	.co_intro{padding:72px 0 72px 4vw;}
	.co_intro_container{width: 45vw;}
	.co_intro_bg{width: 50vw;height: 4.6vw;top: -4vw;}

	.co_newslist{margin: 2vw 0 10vw 0}
	.co_newslist .co_news_main{width: 73vw;}
	.co_newslist .co_news_box{width: 50vw;margin: 1.5vw 1.5vw;}
	.co_newslist .co_news_img{width: 41vw;height: 27vw;}

	
}
@media screen and (max-width: 1120px){
	.co_newslist .co_news_img{top: 58%;margin-top: -13.5vw;}
}
@media screen and (max-width: 1020px){
	.co_contactbox{display: block;margin: 20px 0;}
	.co_contact_btn{width: 100%;}
	.co_contact_listbox{width: 100%;margin-top: 30px;}
}
@media screen and (max-width: 720px){
	.co_company_box{margin-left: 5%;width: 90%;}
	.co_company_messbox{display: block;}
	.co_introbox{min-height: 0px;margin-top: 4vw;}
	.co_intro{padding:72px 4vw;min-height:0px;width: 100%;}
	.co_intro_container{width: 100%;}
	.co_intro_bgimg{height: 39vw;top: -4vw;margin-top: 0px;}
	.co_newslist{display: block;}
	.co_newslist .co_news_img{position: relative;right: unset;left: unset;top: unset;margin-top: 0px;width: 98%;margin: 0 auto;height: 68vw;}
	.co_newslist .co_news_main{width: 98%;margin: 0 auto;}
	.co_newslist .co_news_box{width: 98%;margin: 0 auto;}
	.co_newslist .co_news_container{min-height: 0px;}
	.co_newslist .co_news_date{font-size: 25px;}
	.co_newslist .co_news_date span{font-size: 40px;}
	.co_newslist .co_news_company{margin-bottom: 30px;}
}
@media screen and (max-width: 620px){
	.co_intro_bgimg{top: 0px}
}
@media screen and (max-width: 520px){
	.co_company{min-height: 0px;}
	.co_company_box{margin-left: 5%;width: 80%;padding: 40px 0;}
	.co_company_mess{font-size: 14px;}
	.co_contact_btn img{width: 200px;}
	.co_contact_title{font-size: 16px;}
	.co_contact_icon img{width: 40px;}
	.co_contact_text{font-size: 14px;line-height: 20px;}
	.co_intro_bg{display: none;}
	.co_introbox{margin-top: 22vw;}
	.co_intro_bgimg{width: 65vw;height: 48vw;top: -12vw;}
	ul.ex_type_list li{width: auto;}
}
@media screen and (max-width: 420px){
	.co_company_logo{margin-bottom: 25px;}
	.co_company_name{font-size: 25px;line-height: 40px;}
	.co_company_ename{font-size: 18px;line-height: 26px;}
	.co_intro_bgimg{top: 0px;}
	.co_newslist .co_news_title{font-size: 20px;}
	.co_contact_btn{text-align: center;}
	.co_contact_btn img{width: 96%;}
}

.new_info_title{color: #333333;font-size: 30px;padding: 7px 0;line-height: 30px;border-bottom: 1px solid #d2d2d2;}
.new_info_messbox{color: #666666;font-size: 12px;display: flex;justify-content: flex-start;margin: 16px 0;}
.new_info_date{margin-right: 67px;}
.new_info p{line-height: 28px;font-size: 16px;color: #333333;margin: 23px 0;}
.new_info p a{color: inherit;}
.new_info img{max-width: 100%;}
.new_info_theme{float: left;width: 100%;text-align: center;}
.new_info_theme img{width: 50%;}
/**************************** end---線上展廳---end ****************************/


.phone_add{
    display: none;
}
.nav2.disblock{
    display: block;
    height: auto;
}
.nav2.disblock #myslidemenu #menu-menu-1>li.menu-item-has-children>a{
    position: relative;
}
.nav2.disblock #myslidemenu #menu-menu-1>li.menu-item-has-children:after{
    position: absolute;
    content: '';
    right: 14px;
    width: 14px;
    height: 2px;
    top: 21.5px;
    background-color: #fff;
    z-index: 1;
}
.nav2.disblock #myslidemenu #menu-menu-1>li.menu-item-has-children:before{
    position: absolute;
    content: '';
    right: 20px;
    width: 2px;
    height: 14px;
    top: 15.5px;
    background-color: #fff;
    z-index: 1;
}
.nav2.disblock #myslidemenu #menu-menu-1>li.menu-item-has-children:before,.nav2.disblock #myslidemenu #menu-menu-1>li.menu-item-has-children:after{
    transition: All 0.5s ease-in-out;
}
.nav2.disblock #myslidemenu #menu-menu-1>li.menu-item-has-children.checked:after{
    transform: rotate(90deg);
    opacity: 0;
}
.nav2.disblock #myslidemenu #menu-menu-1>li.menu-item-has-children.checked:before{
    transform: rotate(90deg);
    background-color: #ffffff;
}
.nav2.disblock #myslidemenu{
    position: relative;
}
.nav2.disblock #myslidemenu #menu-menu-1{
    display: block;
}
.nav2.disblock #myslidemenu #menu-menu-1>li{
    width: 100%;
    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;*/
}
.nav2.disblock #myslidemenu #menu-menu-1>li>a{
    width: 100%;
    text-align: left;
    padding: 0 20px;
}
.nav2.disblock #myslidemenu #menu-menu-1>li>a{
    position: relative;
}
.nav2.disblock #myslidemenu .sub-menu{
    position: relative;
}
.nav2.disblock #myslidemenu ul#menu-menu-1>li:hover>ul.sub-menu{
    display: none;
}
.nav2.disblock #myslidemenu ul#menu-menu-1>li.checked:hover>ul.sub-menu{
    display: block;
}
.nav2.disblock #myslidemenu ul#menu-menu-1>li.checked>ul.sub-menu{
    display: block;
    width: 100%;
    left: unset;
    margin-left: 0px;
}
.nav2.disblock #myslidemenu ul.sub-menu>li>a{
    text-align: left;
    padding: 0 20px;
}
.nav2.disblock #myslidemenu ul#menu-menu-1>li>a:after{
    display: none;
}
@media screen and (max-width: 820px){
    .top_phone_box{
        position: relative;
        z-index: 3;
    }
    #myslidemenu{
        z-index: 2;
    }
    .phone_navbg{
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        z-index: 1;
    }
}
@keyframes move{
	0%{transform: translateY(0px);opacity: 0;}
	10%{transform: translateY(3px);opacity: 0.4;}
	20%{transform: translateY(4px);opacity: 0.6}
	30%{transform: translateY(5px);opacity: 0.8}
	40%{transform: translateY(6px);opacity: 1}
	50%{transform: translateY(7px);}
	60%{transform: translateY(8px);}
	70%{transform: translateY(9px);opacity: 0}
	80%{transform: translateY(10px);opacity: 0}
	90%{transform: translateY(10px);opacity: 0}
	100%{transform: translateY(0px);opacity: 0;}
}

.common_relative{position: relative;}
.bm_box{position: absolute;right: 72px;top: -26px;}
.bm_box a{width: 260px;display: block;}
.bm_box a img{width: 100%;}
@media screen and (max-width: 710px){
	.bm_box{right: 0px;top: -16px;}
	.bm_box a{width: 208px;}
}

.sw_img_display{width: 100%;height: 100%;background-size: cover;background-position: center;background-color: #fff;}

.review_box{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;z-index: 0;}
.review_list{width: 600px;display: flex;justify-content: space-between;position: relative;margin-bottom: 60px;flex-shrink: 0;}
.review_year_box{width: 151px;height: 153px;position: relative;background-color: #0150a3;z-index: 3;}
.review_year_line{width: 133px;height: 2px;background-color: #fff;position: absolute;top: 35px;transform: rotate(-32deg);right: -10px;}
.review_year{font-size: 51px;position: absolute;left: 0px;bottom: 0px;width: 100%;color: #fff;padding: 15px;line-height: 37px;text-align: right;}
.review_img_box{position: relative;z-index: 2;padding: 0px 23px 42px 0px;}
.review_img{width: 415px;height: 262px;background-size: cover;}
.review_bg{position: absolute;width: 456px;height: 259px;bottom: 0px;background-color: #eff6fe;z-index: 1;right: 0px;}
.review_list:nth-child(4n+3),.review_list:nth-child(4n){flex-flow: row-reverse;}
.review_list:nth-child(4n+3) .review_year_line,.review_list:nth-child(4n) .review_year_line{transform: rotate(32deg);right: unset;left: -10px;}
.review_list:nth-child(4n+3) .review_year,.review_list:nth-child(4n) .review_year{text-align: left;}
.review_list:nth-child(4n+3) .review_img_box,.review_list:nth-child(4n) .review_img_box{padding: 0px 0px 42px 23px;}
.review_list:nth-child(4n+3) .review_bg,.review_list:nth-child(4n) .review_bg{right: unset;left: 0px;}
@media screen and (max-width: 1280px){
	.review_list{width: 46vw;margin-bottom: 4.6vw;}
	.review_year_box{width: 11.6vw;height: 11.6vw;}
	.review_year{text-align: center;position: relative;width: 100%;height: 100%;line-height: 11.6vw;padding: 0px;font-size: 40px;}
	.review_list:nth-child(4n+3) .review_year,.review_list:nth-child(4n) .review_year{text-align: center;}
	.review_year_line{display: none;}
	.review_img_box{padding: 0px 1.8vw 3.2vw 0px;}
	.review_list:nth-child(4n+3) .review_img_box,.review_list:nth-child(4n) .review_img_box{padding: 0px 0px 3.2vw 1.8vw;}
	.review_img{width: 31.8vw;height: 20vw;}
	.review_bg{width: 35vw;height: 16.9vw;}
}
@media screen and (max-width: 1080px){
	.review_year{font-size: 30px;}
}
@media screen and (max-width: 820px){
	.review_box{justify-content: center;}
	.review_list{width: 450px;margin-bottom: 45px;}
	.review_year_box{width: 114px;height: 114px;}
	.review_year{line-height: 114px;}
	.review_img_box{padding: 0px 18px 31px 0px;}
	.review_list:nth-child(4n+3) .review_img_box,.review_list:nth-child(4n) .review_img_box{padding: 0px 0px 31px 18px;}
	.review_img{width: 311px;height: 196px;}
	.review_bg{width: 342px;height: 165px;}
}
@media screen and (max-width: 500px){
	.review_list{width: 90vw;margin-bottom: 9vw;}
	.review_year_box{width: 22.7vw;height: 22.7vw;}
	.review_year{line-height: 22.7vw;}
	.review_img_box{padding: 0px 3.5vw 6.3vw 0px;}
	.review_list:nth-child(4n+3) .review_img_box,.review_list:nth-child(4n) .review_img_box{padding: 0px 0px 6.3vw 3.5vw;}
	.review_img{width: 62.2vw;height: 39.1vw;}
	.review_bg{width: 68.5vw;height: 33.1vw;}
}

.eventdate_table td{padding: 1%;font-size: 14px;border-bottom: 1px solid #d2d2d2;color: #333333;text-align: center;line-height: 21px;}
.eventdate_table tr.title{background-color: #0150a3;}
.eventdate_table tr.title td{color: #ffffff;}
.eventdate_table .table_lang_cn,.eventdate_table .table_lang_pt,.eventdate_table .table_lang_en{margin: 10px 0;}
.eventdate_table tr.table_date{background-color: #ecf9ff;}
.eventdate_table tr.table_date td{font-size: 16px;color: #0150a3;}
.eventdate_table .table_width{width: 180px;}

.eventdate_table tr.title .table_lang_cn,.eventdate_table tr.title .table_lang_pt,.eventdate_table tr.title .table_lang_en,.eventdate_table tr.table_date .table_lang_cn,.eventdate_table tr.table_date .table_lang_pt,.eventdate_table tr.table_date .table_lang_en{margin: 5px 0;}
@media screen and (max-width: 500px){
	.eventdate_table .table_width{width: 14%;}
	.eventdate_table td{font-size: 13px;text-align: left;}
	.eventdate_table td[colspan='3']{text-align: center;}
	.eventdate_table tr.title td{text-align: center;}
	.eventdate_table tr td{border-left: 1px solid #d2d2d2;}
	.eventdate_table tr td:first-child{border-left: none;}
	.eventdate_table tr.title td{border-color: #0150a3}

}

.eventdate_title{
	text-align: center;margin:20px 0;font-size: 16px;font-weight: bold;color: #333;line-height: 25px;
}
.eventdate_title .table_lang_cn,.eventdate_title .table_lang_pt,.eventdate_title .table_lang_en{margin: 10px 0;}

.eventdate_remark .table_lang_cn,.eventdate_remark .table_lang_pt,.eventdate_remark .table_lang_en{margin: 15px 0;}

.eventdate_remark{font-size: 14px;}
.eventdate_remark_title{margin-bottom: 5px;}
.eventdate_ul{padding: 0 20px;}
.eventdate_ul a{color: inherit;}


.page_download_btn{width: 126px;height: 41px;background-color: #0a67bf;line-height: 41px;line-height: 41px;border-radius: 10px;font-size: 16px;color: #fff;text-align: center;margin: 52px auto 0 auto;display: block;}
.fr_table.download{margin: 32px auto 0px auto;}
.fr_table.download a{color: inherit;}
.fr_table.download tr td:last-child a{font-weight: bold;color: #0a67bf;}

.ex_adbox{width: 100%;margin: 39px 0;position: relative;}
.ex_adbox img{width: 100%;}
.ex_assembly_container{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;}
.ex_assembly_box{width: 53%;height: 100%;margin: 0 auto;display: flex;justify-content: space-around;}
.ex_assembly{display: flex;justify-content: center;align-items: center;height: 100%;}
.ex_qrcode{width: 78px;}
.ex_qrcode img{width: 100%;}
.ex_link{width: 680px;display: flex;justify-content: space-around;align-items: center;}
.ex_link a{width: 222px;}
.ex_link a img{width: 100%;}
.ex_link a:hover{width: 280px;}
@media screen and (max-width: 1280px){
    .ex_adbox{width: 93vw;margin: 39px auto;}
    .ex_qrcode{width: 5.7vw;}
    .ex_link{width: 49.4vw;}
    .ex_link a{width: 16.1vw;}
    .ex_link a:hover{width: 20.3vw;}
}
@media screen and (max-width: 500px){
    .ex_adbox{display: none;}
}

.review_list.forlive{width: 100%;margin-bottom: 30px;}
.review_list.forlive .review_year_box{border-radius: 10px;flex-shrink: 0;}
.review_list.forlive .review_img{width: 1060px;height:275px;background-position: center;border-radius: 10px;}
.review_list.forlive .review_bg{width: 1142px;}
.live_title{line-height: 40px;font-size: 25px;margin-bottom: 20px;margin-top:5px;display: flex;justify-content: flex-start;align-items: center;}
span.livetip{width: 5px;height: 20px;background-color: #0150a3;display: block;margin-right: 20px;}
.review_year_box table{padding: 2%;vertical-align: middle;text-align: center;width: 100%;height: 100%;color: #fff;font-size: 16px;line-height: 25px;}

@media screen and (max-width: 1280px){
	.review_list.forlive .review_img{width: 78vw;height:20.8vw;}
	.review_list.forlive .review_bg{width: 83.4vw;}
	.review_list.forlive .review_year_box{display: inline-table;min-height: 11.6vw;width: 11.6vw;}
}
@media screen and (max-width: 820px){
	.review_list.forlive{align-items: center;}
	.review_list.forlive .review_year_box{height: auto;padding: 1vw 0;width: 18vw;}
	.review_list.forlive .review_img_box{padding: 0px;}
	.review_list.forlive:nth-child(4n+3) .review_img_box,.review_list.forlive:nth-child(4n) .review_img_box{padding: 0px;}
	.review_list.forlive .review_img{width: 73vw;height:19vw;}
	.review_list.forlive .review_bg{width: 78vw;height: 23vw;}
	.review_list.forlive .review_bg{display: none;}
	.nav2{background-color: #2e358e;}
}
@media screen and (max-width: 500px){
	.review_list.forlive .review_year_box{width: 23.6vw;}
	.review_list.forlive .review_img{width: 68vw;height:18.1vw;}
}
@media screen and (max-width: 420px){
	.review_list.forlive{display: block;margin-bottom: 20px;}
	.review_list.forlive .review_img{width: 95vw;height:25.3vw;margin: 0 auto;}
	.review_list.forlive .review_year_box{width: 100%;background: none !important;}
	.review_year_box table{color: #333;}
}

.ri_mfe2019{background-image: url('../images/old/2019.jpg');}
.ri_mfe2018{background-image: url('../images/old/2018.jpg');}
.ri_mfe2017{background-image: url('../images/old/2017.jpg');}
.ri_mfe2016{background-image: url('../images/old/2016.jpg');}
.ri_mfe2015{background-image: url('../images/old/2015.jpg');}
.ri_mfe2014{background-image: url('../images/old/2014.jpg');}
.ri_mfe2013{background-image: url('../images/old/2013.jpg');}
.ri_mfe2012{background-image: url('../images/old/2012.jpg');}
.ri_mfe2011{background-image: url('../images/old/2011.jpg');}
.ri_mfe2010{background-image: url('../images/old/2010.jpg');}
.ri_mfe2009{background-image: url('../images/old/2009.jpg');}


.bus_table{font-size: 15px;line-height: 25px;width: 100%;}	
.bus_table tr{background-color: #d9edf7;}
.bus_table tr td{padding: 3px;text-align: center;border: 1px solid #ecf6fb;}
.bus_table tr.bus_table_title{background-color: #1563ad;color: #fff;}
.bus_table tr.bus_table_title td{padding: 8px 3px;text-align: center;}
.bus_table_notice{font-size: 15px; margin: 10px 0; line-height: 23px;}

.forum_title{text-align: center;font-weight: bold;font-size: 20px;line-height: 30px;}
.forum_notice{font-size: 16px;line-height: 30px;padding: 0 1%;margin: 20px 0;}
.forum_table{width: 100%;}
.forum_table table{width: 100%;}
.forum_table tr td{padding: 10px 0;background-color: #ecf6fb;border-left: 1px solid #fff;border-right: 1px solid #fff;font-size: 15px;}
.forum_table tr td:first-child{text-align: center;min-width: 100px;}
.forum_table_list{position: relative;padding: 0 10px 0 30px;margin: 10px 0;    line-height: 21px;}
.forum_table_list:before{position: absolute;content: '';width: 10px;height: 10px;background-color: #091b4d;left: 10px;top: 50%;margin-top: -5px;}
.forum_table_list span{font-weight: bold;}
.forum_table tr td[colspan='2']{background-color: #1563ad;color: #fff;}
.forum_backup{font-size: 16px;line-height: 30px;padding: 0 1%;margin: 20px 0;}