body.home .index_about,body.about .index_about {margin-top:40px;}
body.home .index_about .photo,body.about .index_about .photo {width:30%;float:left;}
body.home .index_about .detail,body.about .index_about .detail {width:65%;float:right;}
body.home .index_about .photo h2,body.about .index_about .photo h2 {display:none;} 
body.home .index_about .photo img,body.about .index_about .photo img {width:100%;border-radius:20px;border:1px solid #bfc3d4;box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.15);}
body.home .index_about .detail h2,body.about .index_about .detail h2 {height:45px;line-height:25px;font-size:20px;background:url(../images/img_1.png) no-repeat;margin:20px 0 10px 0;display:block;}
body.home .index_about .detail h2 span,body.about .index_about .detail h2 span {font-size:15px;font-weight:normal;}
body.home .index_about .detail .content p,body.about .index_about .detail .content p {text-indent:30px;font-size:15px;margin-bottom:15px;line-height:1.7;}

.titletop_public {height:97px;line-height:110px;background:url(../images/img_2.png) center bottom no-repeat;background-size:100%;overflow:hidden;margin-bottom:30px;}
.titletop_public h3 {font-size:18px;margin-left:120px;}
.titletop_public a {float:right;margin-right:130px;}

body.work .titletop_public h3 a {font-size:16px;font-weight:normal;color:#333;}
body.work .titletop_public h3 a.cur {color:#f37b1d;font-weight:800;}
body.work .titletop_public h3 a {margin-right:30px;}
body.work .titletop_public h3 a:nth-child(1){margin-right:130px}
body.work .titletop_public h3 strong {font-weight:800;}

.worklist_public ul li {width:48%;float:left;margin-bottom:30px;}
.worklist_public ul li:nth-child(2n) {margin-left:4%;}
.worklist_public ul li .picbox {width:100%;height:230px;overflow:hidden;background-color:#efefef;border-radius:10px;text-align:center;position:relative;margin-bottom:10px;}
.worklist_public ul li .picbox img {max-width:96%;max-height:90%;margin:2%;border-radius:10px;}
.worklist_public ul li .picbox span {position:absolute;width:70px;height:30px;line-height:30px;border-radius:5px;color:#fff;background-color:#b5271b;top:10px;left:10px;font-size:14px;text-align:center;}
.worklist_public ul li .title span {float:right;color:#9b9b9b;}
.worklist_public ul li .title h3 {width:60%;font-size:18px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


body.about .tab-c .tab-pubtitle {text-align:center;font-size:22px;margin:50px 0 30px;}
body.about .tab-c .tab-pubtitle h4 {font-weight:normal;}
body.about .tab-c .tab-pubtitle h4 span {color:#d17a40;}
body.about .tab-c .tab-pubtitle h5 {font-weight:normal;margin:0 0 20px;color:#888;font-size:15px}
body.about .tab-c .historylist {padding-left:350px;margin:0 auto;}
body.about .tab-c .tab-pubtitle {margin:30px 0 30px;}
body.about .tab-c .historylist dt {margin:-4px 0 0 -20px;width:120px;height: 50px;line-height: 50px; float:left;font-size:20px;color:#333;font-weight: 700;background:url(../images/about_pic1.png)  right top no-repeat;}
body.about .tab-c .historylist dd {margin-left:75px;padding:60px 0 20px 0;border-left:2px solid #ff7f00;}
body.about .tab-c .historylist dd p {background:url(../images/about_pic2.png) left 8px no-repeat;margin-left:-11px;margin-bottom:10px;text-indent:0;padding-left:38px;line-height:2.5;}
body.about .tab-c .historylist dd p strong {font-weight: 700;}
body.about .tab-c .historylist dd p.monthbar {background:none;width: 120px; margin: 0 0 0 -150px;background:url(../images/about_pic2.png) right 8px no-repeat;}
body.about .index_about .detail .content p {font-size:16px;}

body.work .titletop_public {margin-bottom:0;}
body.work .classlist {margin-bottom:30px;}
body.work .classlist a {color:#333;} 
body.work .classlist a:hover,body.work .classlist a.cur {color:#f37b1d;}

.workdetail-box {padding:30px 0;}
.workdetail-box .workdetail-imgbox {width:40%;height:300px;float:left;border:1px solid #DFDFDF;overflow:hidden;border-radius:10px;}
.workdetail-box .workdetail-imgbox img {position: relative;max-width:90%;max-height:90%;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius:10px;}
.workdetail-box .workdetail-sider {width:57%;float:right;line-height:1.8;font-size:16px;}
.workdetail-box .workdetail-sider h3 {font-size:22px;margin-top:10px;}
.workdetail-box .workdetail-sider .tag {padding:3px 5px;}
.workdetail-box .workdetail-sider .content h4 {padding:5px 0;}


.news .newsbox {margin-bottom:50px;}
.news .newsbox .wordnewslist ul li {background-color:#F2F2F2;width:45%;border-radius:10px;}

.news .newsshow .productsdetail-content h4,.achievement .newsshow .productsdetail-content h4 {text-align:center;border:none;font-size:24px;line-height:2;}
.news .newsshow .productsdetail-content .newsmsg,.achievement .newsshow .productsdetail-content .newsmsg {text-align:center;color:#939393;font-size:14px;border-bottom:1px solid #eee;padding:10px 0;}
.news .newsshow .productsdetail-content .newsmsg span,.achievement .newsshow .productsdetail-content .newsmsg span {margin-right:20px;}
.news .newsshow strong {font-weight:700;}

.wordnewslist ul li {width:45%;float:left;margin-right:2%;overflow:hidden;padding-bottom:8px;margin-bottom:20px;background-color:#FFF;padding:1% 2%;}
.wordnewslist ul li:nth-child(2n) {margin-right:0;}
.wordnewslist ul li .wordnewstime {float:left;width:17%;height:80px;line-height:40px;overflow:hidden;font-size:16px;color:#c3c3c3;text-align:center;}
.wordnewslist ul li .wordnewstime span {display:block;font-size:52px;}
.wordnewslist ul li .wdnewscontent {float:right;width:80%;height:75px;overflow:hidden;}
.wordnewslist ul li .wdnewscontent h5 {font-size:15px;width:100%;margin-bottom:10px;}
.wordnewslist ul li .wdnewscontent p {color:#a3a3a3;font-size:14px;}
.wordnewslist ul li a {color:#52c6e7;}
.wordnewslist ul li:hover .wordnewstime,.wordnewslist ul li:hover a,.wordnewslist ul li:hover a h5,.wordnewslist ul li:hover p {color:#e24d15;}
.news-l a.morecontent {margin-top:20px;}
.wordnewslist ul li .wdnewscontent h5 {color: #f37b1d;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.aboutusbox h3 {font-size:26px;margin:20px auto;}
.location {padding:20px 0;font-size:14px;}
.productsdetail-content-box {padding-top:10px;}
.productsdetail-content-box img {max-width:100%;}

.plcontent .replay {border-radius:10px;position:relative;}
.plcontent .replay .arrowbox {position:absolute;top:-18px;left:20px;width:0px;height:0px;border:10px solid transparent;border-right:10px solid #FF5722;transform:rotate(90deg);}



.video-list {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }

        .video-item {
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            width: calc(33.33% - 20px);
            overflow: hidden;
            transition: transform 0.3s ease;
        }

        .video-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        }

        .thumbnail {
            position: relative;
            width: 100%;
            height: 200px;
            overflow: hidden;
        }

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

        .duration {
            position: absolute;
            bottom: 10px;
            right: 10px;
            background: rgba(0,0,0,0.7);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 0.9em;
        }

        .video-info {
            padding: 15px;
        }

        .video-title {
            font-size: 1.1em;
            margin-bottom: 8px;
            color: #333;
            line-height: 1.3;
        }

        .author {
            font-size: 0.9em;
            color: #666;
            margin-bottom: 6px;
        }

        .stats {
            display: flex;
            justify-content: space-between;
            font-size: 0.85em;
            color: #888;
        }

        @media (max-width: 992px) {
            .video-item {
                width: calc(50% - 20px);
            }
        }

        @media (max-width: 576px) {
            .video-item {
                width: 96%;
				margin:0 auto;
            }
        }


