/*===================== 重置样式 START =====================*/
@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:300;}
li{list-style:none;}
a{text-decoration:none;background:transparent;outline:none;color:#000;display:block;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
a:hover,.tran,.pub_button .pb_bg,.header .nav ul li,.header .call,.header .logo img{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
.middle_box{display:table;width:100%;height:100%;}
.juzhong{ width:100%;}
.middle_box .middle{display:table-cell;vertical-align:middle;width:100%;text-align:center;}
img{border:0;vertical-align:middle;max-width:100%;display:block; }
table{border-collapse:collapse;border-spacing:0; width:100%;}
input,textarea{-webkit-user-modify:read-write-plaintext-only;outline-style:none;border:none;font-size:14px;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#000;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#000;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#000;}
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;}
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#e05a12;}
textarea{resize:none;overflow:auto;}
input{padding-top:0;padding-bottom:0;}
select,input{vertical-align:middle;}
.w1400{ width:1400px; margin:auto;}
select,input,textarea{font-size:14px;margin:0;}
.clear{zoom:1; clear:both;}
.clear:after{content:"";display:block;height:0;visibility:hidden;clear:both;}
.clear::before,.clear::after{content:"";display:table;}
.clear::after{clear:both;}
.fl{float:left;}
.fr{float:right;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
body{font-family:\5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";font-size:16px;color:#333;background-color:#fff;word-break:break-all;word-wrap:break-word;text-align:justify;}
.error3{display:none!important;}
html,body{max-width:1920px;margin:0 auto;}
.clearfix{ clear:both;}


.baizi  a:link {
color:#ffffff;
text-decoration: none;

} 
.baizi  a:visited {
color:#ffffff;
text-decoration: none;
} 
.baizi  a:hover {
color:#ffe400;
text-decoration: none;
} 

/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/

/*头部*/
.header{height:90px; width:100%;transition: .5s; z-index:999; }
.header .inner{height:90px;position:relative;width:96%;margin:0 auto;}
.header .logo{float:left; margin-top:25px; margin-right:0.5%}
.header .logo img{ width:52px; height:auto;  }
.header .top2{float:left; margin-top:22px}
.header .top2 h1{ font-size:24px; color:#313130; font-weight:bold;}
.header .top2 p{ font-size:13px; color:#6c6c6c; font-family:Arial}


.header .nav{width:60%; float:left; position:relative; right:-6%;}
.header .nav ul li{float:left;width:12.5%;height:90px;line-height:90px;text-align:center;}
.header .nav ul li a{color:#262626;position:relative;z-index:1;font-size:18px;}
.header .nav ul li i{position:absolute;width:100%;height:0;background-color:#fabf01;left:0;top:0;z-index:-1;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav ul li em{font-style:normal;position:absolute;width:0;height:110px;background-color:#e40000;left:0;bottom:0;z-index:-1;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav ul li a:hover i,.header .nav ul li a.active i{height:100%;}
.header .nav ul li a:hover,.header .nav ul li a.active{color:#000;}
.header .nav ul li a:hover em,.header .nav ul li:hover a em,.header .nav ul li a.active em{width:100%;}


.header .phone {align-items: center;justify-content: center;color: #666; width:10%; float: right}
.header .phone i {display: block;width: 2.2rem;height: 2.2rem;background: url(../../images/fwrx.png) center center / cover no-repeat;}
.header .phone p {margin: 0 10px;font-size: 14px;line-height: 17px;letter-spacing: 1px;color: #000;}
.header .phone h3 {padding-left: 10px;border-left: 1px solid #ccc;font-size:24px;font-weight: bold;line-height: 1;color: #c6000b;}
.header .phone a{padding-right: 20px;display: inline-block;}

/* 语言 及下拉 */
.phone .h_lan{position:relative; margin-left:10px; padding:25px 0 25px; cursor:pointer; font-size:0; color:#fff; line-height:40px;}
.phone .h_lan i.icon{display:inline-block; width:25px; height:25px;margin-right:8px; vertical-align:middle; transition:all 0.5s ease;}
.phone .h_lan span{display:inline-block; vertical-align:middle; font-size:18px;transition:all 0.5s ease; color:#393939}
.phone .h_lan span.icon{display:inline-block; width:12px; height:8px;margin-left:7px; vertical-align:-5px; transition:all 0.5s ease;}

.phone .h_lan:hover span.txt{ }
.phone .h_lan .lan_down{width:130px;position:absolute;z-index:99; top: 90px;display: none;height:85px;}
.phone .h_lan .lan_down ul>li{margin:0 0; padding:0; float:none;height: 30px;border-bottom: 1px solid #292929;background: rgba(0, 0, 0, 0.8);padding: 5px 0;}
.phone .h_lan .lan_down ul>li a{display:block; padding:5px 10px; color:#fff; text-align:center; line-height:24px;}
.phone .h_lan .lan_down ul>li a img{margin-right:10px; vertical-align:middle}
.phone .h_lan .lan_down ul>li a span{display:inline-block; font-size:15px; vertical-align:middle;color:#fff; }
.phone .h_lan .lan_down ul>li a:hover{background:#fabf01;}
.phone .h_lan .lan_down ul>li:hover a{color: #000!important;transition:all 0.1s ease;}



.header.bg{z-index:9999999;box-shadow:0 0 15px rgba(0,0,0,0.267);background: rgba(255, 255, 255, 1); height:90px; position:fixed; top:0}
.header.bg .inner{height:90px}



@media(max-width:1570px){

}





#overlay{position:absolute;top:0;right:0;left:0;bottom:0;background:url(vdian.png);opacity:0.7;filter:alpha(opacity=70);  /* 针对 IE8 以及更早的版本 */}
.head{z-index:10000;margin:0 auto;width:100%;position:relative;top:0px;left:0px;}


.section_one .bannerbg {width:100%;height:100%;display:block;position:absolute;z-index:2;background:url(../images/banner_bg.png) repeat center;}


.section_one{overflow: hidden;}


.section_one .vidbacking-active-body-back{position:relative;z-index:1;width:120%;height:120%;top:0%;left:-10%;overflow:hidden;opacity:1;transition:2s opacity;}
.section_one .vidbacking-active-block-back{position:absolute;min-width:100%;min-height:100%;height:auto;width:auto;z-index:4;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.section_one .vidbacking{display:none;}

#container{overflow:hidden;position:relative;top:0;left:0;right:0;bottom:0;}
.topbg{position:absolute;width:100%;height:100%;display:block;z-index:8;}
#background_video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;height:100%!important;width:100%!important;}
#video_cover{width:100%;height:100%; background:url(../../images/video_cover.jpg);background-size:cover;background-position:center;}




/* 导航和底部 */
/* .header.bg .logo img{height:86px;} */
.header .product_son{display:none;position:absolute;left:0;top:90px!important;text-align:center;width:100%;padding:20px;height:auto;background-color:rgba(0,0,0,0.5);z-index:999;}
.header.bg .product_son{top:90px!important;}
.header .product_son .auto{width:100%;margin:0 auto;}
.header .product_son .item{display:inline-block;width:11%;margin:1%;}
.header .product_son .item p{font-size:16px;color:#fff;height:40px;line-height:40px;}
.header .product_son .item:hover .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;}
.banner .swiper-button-next,.banner .swiper-button-prev{width:59px;height:59px;}
.swiper-pagination-bullet-active{background-color:#e05a12!important;border-color:#e05a12!important;}
.pub_button{position:relative;z-index:1;}
.pub_button .pb_bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fabf01;-webkit-transition:transform 0.5s 0s cubic-bezier(0.36,0.01,0.29,0.99);transition:transform 0.5s 0s cubic-bezier(0.36,0.01,0.29,0.99);transform-origin:left 100%;-webkit-transform-origin:left 100%;transform:scaleY(0);-webkit-transform:scaleY(0);visibility:hidden\9;z-index:-1;}
.pub_button:hover .pb_bg,.pub_button.active .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;}
.footer{padding:40px 0;overflow:hidden;background-color:#1baf45;}
.footer .auto{width:90%;margin:0 auto;}
.footer .a_list{width:560px;padding-top:50px;margin-left:100px;margin-right:100px;}
.footer .a_list a{float:left;font-size:18px;color:#fff;width:33.33%;margin-bottom:16px;}
.footer .a_list a:hover{color:#e05a12;}
.footer .contac h2{color:#fff;font-weight:bold;font-size:20px;margin:10px 0;}
.footer .text{font-size:16px;line-height:26px;color:#fff;}
.footer .ewm{width:146px;text-align:center;}
.footer .ewm img{margin:0 auto;}
.footer .ewm p{font-size:14px;color:#fff;margin-top:10px;}
.copyright{height:106px;line-height:106px;color:#fff;background-color:#767676;font-size:17px;text-align:center;border-top:1px solid rgba(255,255,255,0.5);}
.copyright img{display:inline-block;margin:0 10px 4px;}
.copyright a{display:inline-block;margin:0 10px;color:#fff;}


#bg{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.65);z-index:99999999;}
#bg .alert_video{width:900px;height:517px;position:absolute;left:50%;top:50%;margin:-250px 0 0 -450px;}
#bg .alert_video video{width:100%;height:100%;display:block;}
#bg .close{cursor:pointer;width:38px;height:38px;background:url(../images/close.png) center/100% no-repeat;position:absolute;right:-48px;top:10px;}
#bg .close:hover{transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);}

/*===================== 公用样式 END =====================*/

/*===================== 首页 START =====================*/


.oh{overflow:hidden;}



.firstRow img {display: inline-block; margin: auto;}
@media (max-width:1601px){
	.f_48{font-size: 38px !important;}
	.f_48{font-size: 18px !important;}
}
@media (max-width:1210px){
	.f_48{font-size: 24px !important;}
	.f_48{font-size: 18px !important;}
}
.section_one{overflow: hidden;}
.f_48{ font-size:48px; }
.f_18{ font-size:18px; }
.f_38{ font-size:38px}




.product-section {
            width: 100%;
            /* 从上到下：白色过渡浅灰色 */
            background: linear-gradient(180deg, #ffffff 0%, #f0f0f0 100%);
            padding: 60px 0 100px 0;
        }
        .section-wrap {
            width: 90%;
            max-width: 1920px;
            margin: 0 auto;
        }
        /* 头部logo+标题区域 */
        .section-header {
            text-align: center;
            margin-bottom: 40px;
        }
        .logo-img {
            width: 98px;
            margin-bottom: 12px; margin:auto
        }
        .section-title {
            font-size:0.9rem;
            color: #222; font-weight:bold
        }
        .section-title span {
            color: #f7b500;
        }
        .section-desc {
            margin-top: 14px;
            font-size: 0.5rem;
            color: #666;
        }
        /* 卡片网格布局 */
        .product-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
        }
        /* 单个产品卡片 */
        .product-card {
			display: flex;
			align-items: center;
			border-radius: 6px;
			padding: 10px 5%;
			overflow: hidden;
			/* 背景图片设置 */
			background: url(../images/xm_01.jpg) center center no-repeat;
			background-size: cover;
			position: relative;
		}
	
        /* 左侧文字区域 */
        .card-text {
            flex: 0 0 48%;
        }
        .card-title {
            font-size: 0.6rem;
            color: #111;
            margin-bottom: 8px; font-weight:bold;word-break: keep-all; text-align:left; line-height:1.6
        }
        .card-info {
            font-size: 0.4rem;
            color: #666;
            line-height: 1.6;
            margin-bottom: 26px; word-break: keep-all; text-align:left;
        }
        .btn-detail {
            display: inline-block;
            padding: 8px 22px;
            background-color: #f7b500;
            color: #000;
            text-decoration: none;
            border-radius: 30px;
            font-weight: 500;
        }
		.btn-detail:hover {
    background-color: #2c2c2c;  
    padding: 8px 32px; color:#FFFFFF
}
        /* 右侧图片容器 */
        .card-img-box {
            flex: 1;
            text-align: right;
        }
        .card-img {
            max-width: 95%;
            height: auto;
            object-fit: contain;
            filter: drop-shadow(2px 4px 8px rgba(0,0,0,0.08)); margin: auto
        }




.title-wrap{
    width:96%;
    padding:60px 0 40px;
    text-align:center;
    background:#fff; margin:auto
}
.main-title{
    font-size:0.9rem;
    font-weight:bold;
    margin-bottom:10px;
}
.txt-black{
    color:#222222;
}
.txt-yellow{
    color:#f7b500;
}
.sub-desc{
    font-size:0.5rem;
    color:#666666;
    margin-bottom:10px;
}
.english-desc{
    font-size:0.4rem;
    color:#777777;
}
.down-arrow{
    width:0;
    height:0;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-top:px solid #f7b500;
    margin:0 auto;
}




/* 产品展示 */
.oh{ width:94%; margin:auto}
#top_scroll{height:820px;overflow:hidden;max-width:100%;margin:auto; }
#top_scroll ul li{float:left;width:24%;margin:0.5%;}
#top_scroll ul li .img,#scroll_one ul li .img{overflow:hidden; border:1px #CCCCCC solid }
#top_scroll ul li img,#scroll_one ul li img{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
#top_scroll ul li:hover img,#scroll_one ul li:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
#top_scroll ul li h3{color:#000!important;font-size:18px;padding:10px; line-height:30px; text-align:center  }
#top_scroll ul li .call{height:20px;line-height:20px;color:#6a6a6a;padding:0 10px 10px;border-bottom:1px solid #CCCCCC; }
#top_scroll ul li .call i{display:inline-block;vertical-align:top;width:20px;height:20px;margin-right:10px;background: url(../images/t1.png) center/100% no-repeat;}
#top_scroll ul li:hover h3{ background-color:#fabf01; color:#000!important;}
#top_scroll ul li:hover .call { background-color:#fabf01; color:#000}




.companyintro-box{
    width:76%;
    min-height:1100px;
    background: url(../images/xm_02.jpg) center/cover no-repeat;
    padding:60px 12%;
    color:#fff; margin-top:70px
}
/* 头部标题区域（标题+右上角logo+分割线） */
.companyintro-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    position:relative;
    padding-bottom:24px;
    margin-bottom:70px;
}
.companyintro-header::after{
    content:"";
    width:100%;
    height:1px;
    background:#ffffff;
    opacity:0.6;
    position:absolute;
    bottom:0;
    left:0;
}
.companyintro-title h2{
    font-size:1rem;
    font-weight:bold;
    margin-bottom:10px;
}
.companyintro-title p{
    font-size:0.5rem;
    color:#f7b500;
}
.companyintro-logo{
    width:98px;
}
.companyintro-logo img{
    width:100%;
    display:block;
}
/* 主体内容：文字+图片左右布局 */
.companyintro-content{
    display:flex;
    gap:50px;
}
.companyintro-text{
    width:50%;
}
.companyintro-text p{
    font-size:0.4rem;
    line-height:2;
    margin-bottom:16px;
}

.companyintro-text p a{
    font-size:0.4rem;
    line-height:2;
    margin-bottom:16px; color:#FFFFFF; display: inline
}

/* 按钮 */
.companyintro-btn{
    display:inline-block;
    margin-top:30px;
    padding:10px 42px;
    background:#f7b500;
    color:#000;
    text-decoration:none;
    border-radius:35px;
    font-size:18px;
    font-weight:500;
    transition:all 0.3s ease;
}
.companyintro-btn:hover{
    background:#e0a300;
    padding:14px 52px;
}
/* 视频容器 相对定位，放置播放按钮 */
.companyintro-pic{
    width:52%;
    position: relative;
    overflow: hidden;
}
.companyintro-pic video{
    width:100%;
    display:block;
}
/* 居中播放按钮 */
.video-play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(247,181,0,0.85);
    cursor: pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition: all 0.25s;
    z-index:2;
}
.video-play-btn:hover{
    background: #f7b500;
    transform: translate(-50%,-50%) scale(1.08);
}
/* 播放三角图标 */
.video-play-btn::after{
    content:"";
    width: 0;
    height: 0;
    border-left: 24px solid #000;
    border-top:14px solid transparent;
    border-bottom:14px solid transparent;
    margin-left:4px;
}
/* 播放完成后隐藏按钮 */
.video-play-btn.hidden{
    display:none;
}




#demoy{ overflow:hidden;height:355px;width:100%; margin:80px auto 0; color:#336699;  }
#demoy1 ul,#demo2 ul{ display:block;width:3760px; overflow:hidden}
#demoy1 ul li{width:460px; height:350px;margin:8px 10px; float:left; position: relative; overflow:hidden;}
#demoy1 ul li a h3,#demo2 ul li a h3{width:460px;height:350px ; overflow:hidden;}
#demoy1 ul li a h3 img,#demo2 ul li a h3 img{width:460px;transition:all .5s ease; height:350px;}
#demoy1 ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demoy1 ul li a ol,#demo2 ul li a ol{ text-align:center;
    transition:all .5s ease;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:50px;          /* 默认高度：底部窄条 */
    line-height:50px;    /* 图片高度，实现文字垂直居中 */
    color: #ffffff;
    font-size:19px;
    background:rgba(0,0,0,0.5);
    margin:0;
    padding:0;
    list-style: none;
    overflow:hidden;}
#demoy1 ul li a:hover ol,#demo2 ul li a:hover ol{height:100%;                 /* hover拉升到100%高度，铺满图片 */
    color:#000000;
    background:rgba(250,191,1,0.7); line-height:350px}
#demoy2 ul li{width:460px;height:350px;margin:8px 10px;}





.data-wrap{
    width:100%;
    background: linear-gradient(90deg, #ffc208, #ff6000, #e51c20); margin-top:50px
}


/*数字变化*/
.about_type{ 
    height: auto; 
    overflow:hidden; 
    text-align:center 
}
.about_type ul{
    width:90%;
    margin:auto;
    display:flex; padding:50px 0; height:auto  
}
.about_type h2{
    font-size:26px;
    color:#fff;
    margin-top:0; 
    font-weight:normal; 
}
.about_type em{
    font-size:80px;
    color:#fff;
    font-family: Arial, Helvetica, sans-serif; 
    font-weight:600;
    text-align:center; 
    font-style:normal; 
}
.about_type li{
    flex:1;
    box-sizing:border-box; 
    position:relative;
    padding:20px 10px;
}
.about_type li p{
    color:#fff; 
    font-size:18px;  
    line-height:1.5; word-break: keep-all; text-align: center
}

/* 生成倾斜白色分割线 替代原来border-left */
.about_type li:not(:first-child)::before{
    content:"";
    position:absolute;
    left:0;
    top:22%;
    width:1px;
    height:56%;
    background:#ffffff;
    transform:rotate(22deg);
}




.title-section{
    width:80%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:70px 0;
    position:relative; margin:auto
}
/* 左侧黄色渐变圆形装饰 */
.title-left{
    position:relative;
    padding-left:50px;
}
.title-left::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:130px;
    height:130px;
    background:linear-gradient(90deg,#ffc300,#fff);
    border-radius:50%;
    z-index:-1;
}
.title-main{
    display:flex;
    align-items:center;
    gap:20px;
}
.title-main h2{
    font-size:1rem;
    color:#333333;
    font-weight:bold;
}
.title-line{
    width:120px;
    height:3px;
    background:#ffc300;
}
.title-desc{
    font-size:0.5rem;
    color:#666666;
    margin-top:16px;word-break: keep-all; text-align:left;
}
/* 右侧按钮 */
.btn-detail1{
    background:#3a3a3a;
    color:#fff;
    font-size:0.4rem;
    padding:12px 40px;
    border-radius:999px;
    text-decoration:none;
}





.swiper-container{ width:80%; margin:50px auto 0; height:auto; overflow:hidden}
.swiper-container.anli1 .swiper-slide{background-position:center;background-size:cover;width:700px;box-sizing:border-box;position:relative}
.swiper-container.anli1 .swiper-slide p{position:absolute;bottom:5px;color:#fff;text-align:center;background:rgba(0,75,173,.55);width:100%;line-height:30px;font-size:20px}
.swiper-container.anli1 .swiper-slide img{width:100%}




.factory-wrap{
    width: 100%;
    background: url(../images/xm_03.jpg) center center no-repeat;
    position: relative;overflow: hidden; height:auto; 
}
/* 顶部弧形白色遮盖（可选，和效果图顶部弧度匹配） */
.factory-wrap::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:180px;
    background:#fff;
    border-bottom-left-radius: 50% 100%;
    border-bottom-right-radius: 50% 100%;
    transform:scaleX(1.4);
}
.factory-content{
    max-width: 1700px;
    margin: 0 auto;
    position: relative;
    z-index: 2; width:90%; padding-top:240px
}
/* 标题区域 */
.factory-title{
    text-align: center;
    color:#fff;
    margin-bottom: 50px;
}
.factory-title h2{
    font-size:1rem;
    margin-bottom:16px; font-weight:bold
}
.factory-title h2 span{
    color:#ffc107;
}
.factory-title .cn-desc{
    font-size:0.5rem;
    margin-bottom:10px;
    position:relative;
}
.factory-title .cn-desc::before,
.factory-title .cn-desc::after{
    content:"——";
    margin:0;
}
.factory-title .en-desc{
    font-size:0.4rem;
    opacity:0.85;
}






#demoyx{ 
    overflow:hidden;
    height:410px;
    width:96%; 
    margin:0 auto 150px; 
    color:#336699; 
}
#demoy1x ul,#demo2 ul{ 
    display:block;
    width:2150px; 
    overflow:hidden
}
#demoy1x ul li{
    width:400px; 
    height:408px;
    margin:8px 10px; 
    float:left; 
    background-color:#FFFFFF; 
    border:4px #FFFFFF solid;
    position: relative; /* 关键：给logo定位容器 */
    overflow:hidden;
}
#demoy1x ul li a h3{
    width:400px;
    height:300px ; 
    overflow:hidden;
    position:relative;
    display:block;
}
#demoy1x ul li a h3 img{
    width:400px;
    transition:all .5s ease; 
    height:300px;
    /* 图片变暗过渡 */
    filter: brightness(1);
}
#demoy1x ul li a h3:hover img{
    transform: scaleX(1.1) scaleY(1.1);
    filter: brightness(0.45); /* 图片变暗 */
}

/* 悬浮显示LOGO遮罩层 */
#demoy1x ul li a h3::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: url(../images/logo1.png) center center no-repeat;
    background-size: 200px; /* logo大小自己调 */
    opacity:0;
    transition: all 0.5s ease;
}
#demoy1x ul li a h3:hover::after{
    opacity:0.7;
}

#demoy1x ul li a ol,#demo2 ul li a ol{ 
    text-align:center; 
    height:50px; 
    line-height:50px;
    transition:all .5s ease;   
    position:relative; 
    color: #000; 
    font-size:19px;  
}
#demoy1x ul li a em ,#demo2 ul li a em{ 
    text-align:center; 
    height:30px; 
    line-height:30px; 
    width:122px; 
    background-color:#f7b109; 
    color: #fff; 
    font-size:16px; 
    margin:0 auto 30px; 
    display:block; 
    font-style:inherit ; 
    border-radius:40px
}
#demoy1x ul li a:hover em,#demo2 ul li a:hover em{ 
    background-color:#303030 
}
#demoy2x ul li{
    width:400px;
    height:350px;
    margin:8px 10px;
}





.section_nine{margin: 20px 0 30px;}
.section_nine .rightt{width: 100px;height: 100px;line-height: 100px;border-radius: 100px;background-color: #f18a17;float: right;position: absolute;right: 0;top: 20px;}
.section_nine .rightt a{color: #fff;text-align: center;display: block;}

.section_nine .pub_title2{width: 80%;margin: 0 auto;}
.pub_title2{padding-bottom: 0;}
.pub_title2 h3{font-size:35px;color: #f18a17;text-align: left;}
.pub_title2 span{font-size: 48px;color:#333333;text-align: left;font-weight: 500;display: inline-block;}



.xinwenn{margin-top: 60px;}
.tabbox {width:80%;margin:0 auto;}
.tabbox .content{width:39%;overflow: hidden;position: relative;height:600px;}
.tabbox .content ul{position:absolute;left: 0;top: 0;height: 100%;}
.tabbox .content li{width:600px;float: left;position:relative; }
.tabbox .content li img{display: block;width:100%;height: auto;}
.tabbox .content li .arrow{position: absolute;bottom:0;width:100%;height:70px;}
.tabbox .content .inrt{width: 95%;margin: 0 auto;padding: 20px 10px 10px 0;float: left;border-bottom: 1px solid #f0f0f0;}
.tabbox .content .inrt p{color: #999;font-size: 14px;line-height: 32px;-webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;overflow: hidden;}
.tabbox .content .inrt .chkk{width: 100px;height: 30px;line-height: 30px;background-color: #f18a17;text-align: center;border-radius: 50px;color: #fff;margin-top: 20px;font-size: 14px;}]
.tabbox .content .inrt .chkk:hover{background-color: #f18a17;}
.tabbox .tab {width:55%;}
.tabbox .tab .item{width:760px;height:180px;margin-bottom:30px;border-bottom: 2px solid #f0f0f0;}
/* .tabbox .tab .item a{display: block;} */
.tabbox .tab .item .img{height:150px;width:190px;overflow: hidden;}
.tabbox .tab .item .img img{display: block;height:100%;max-width:none;}
.tabbox .tab .item .info{width:510px;height:130px;padding:0 20px; white-space:nowrap; }
.tabbox .tab .item .info span{height: 20px;color:#999;background: url(../../images/sj.png)  no-repeat left;padding-left: 30px;display: flex;align-items: center;vertical-align: middle;padding-top: 2px;}
.tabbox .tab .item .info .cm{font-size: 14px;color: #999;display: block;padding: 10px 0;}
.tabbox .tab .item h3{font-size:20px;color:#181818;padding:30px 0 10px 0;}
.tabbox .tab .item p{font-size:14px;color:#999;line-height:26px;height:31px;overflow: hidden;-webkit-line-clamp:1;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden; }
.tabbox .tab .item.on{border-bottom: 2px solid #f18a17;}
.tabbox .tab .item.on p{color:#999;}
.tabbox .tab .item.on h3{color: #f18a17;}
.tabbox h3 strong{width:80%;display: inline-block;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}







.lbb{margin:auto; width:100%;  text-align:center;  display:block  }
.lbb a{ display: inline-block; font-size:18px; color:#fff; line-height:50px;  width:19%;  font-weight:normal; float:left; text-align:center;
 box-sizing: border-box;  float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: none; margin:3px 0.5%; background-color:#FFFFFF; border-radius:40px }
.lbb a:hover{  background-color:#093bac; color:#fff;  transition:all .5s ease;    }
.lbb a h3{ font-size:18px; color:#1a1a1a;}
.lbb a:hover h3{ color: #fff;  }




.juzhong{ margin:auto}


.al{width:100%;margin:0px auto; height: auto; margin-top:45px; }
.muma{position:relative;width:86%;margin:auto;}
.sc666{padding:20px 0;}
.ss666.swiper-slide{background-position:center;background-size:cover;width:600px;height:450px;border:3px solid #fff;box-shadow:0 0 5px #969696;}
.ss666.swiper-slide a{ display:block;}

.more2{ width:280px; height:51px; display:block; margin-top:30px; margin:auto; }
.more2 a{ width:280px; height:51px;  color:#ffffff; font-size:17px; background-color:#006de6; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; text-align:center; border-radius:60px; line-height:51px; transition:all .2s ease; margin-top:12px; }
.more2 a:hover{ width:280px; height:51px; background-color:#ffc000; color:#000; font-size:17px;transition:all .2s ease; display:block;}



#demoya{ overflow:hidden;height:440px;width:94%; margin:auto; color:#336699; }
#demoy1a ul,#demo2 ul{ display:block;width:6285px; overflow:hidden}
#demoy1a ul li{width:450px; height:430px;margin:8px 10px; float:left}
#demoy1a ul li a h3,#demo2 ul li a h3{width:450px;height:390px ; overflow:hidden;}
#demoy1a ul li a h3 img,#demo2 ul li a h3 img{width:450px;transition:all .5s ease; height:390px;}
#demoy1a ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demoy1a ul li a ol,#demo2 ul li a ol{ text-align:center; height:50px; line-height:50px;transition:all .5s ease;   position:relative; color: #666666; font-size:19px;}
#demoy1a ul li a:hover ol,#demo2 ul li a:hover ol{ }
#demoy2a ul li{width:450px;height:430px;margin:8px 10px;}


/* 内页简介 */


.about-banner{
    width:100%;
    min-height:500px;
    /* 背景图换成你的厂房图片地址 */
    background: url(../images/xm_04.jpg) center center no-repeat;
    /* 加深遮罩，保证文字可读 */
    position:relative;
    display:flex;
    align-items:center;
    padding:40px 0;
    box-sizing:border-box;
}
/* 半透明黑色遮罩层，防止图片太亮文字看不清 */
.about-banner::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    z-index:1;
}
.about-banner-inner{
    position:relative;
    z-index:2;
    width:70%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px; margin:auto
}
/* 左侧文字区域 */
.banner-left{
    flex:1;
    max-width:720px;
}
/* 带图标标签 */
.banner-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid #d4a020;
    color:#ffc120;
    padding:8px 22px;
    border-radius:30px;
    font-size:16px;
    margin-bottom:24px;
}
/* 使用css绘制小图标，不需要图片 */
.banner-tag::before{
    content:"⌂";
    font-size:18px;
}
.banner-title{
    font-size:55px;
    font-weight:bold;
    line-height:1.2;
    margin:0 0 22px;
}
.banner-title .white{
    color:#ffffff; 
}
.banner-title .yellow{
    color:#ffc120;
}
.banner-desc{
    color:#e8e8e8;
    font-size:16px;
    line-height:1.8;
    margin-bottom:40px;
}

/* 右侧logo卡片 */
.banner-right{
    flex-shrink:0;
}
.banner-right .logo-card{
    max-width: 500px;
    text-align:center;
}
.banner-right .logo-card img{
    max-width:100%;
    border-radius:20px;
}



.about-ny{ width:96%; margin:40px auto}
.about-ny h3{ font-size:1rem; color:#333333; text-align:center; font-weight:bold}
.about-ny h3 span{ font-size:1rem; color:#f7b500; text-align:center; font-weight:bold}
.about-ny p{ font-size:0.5rem; color:#666666; text-align:center; margin-top:10px}


.video-box-wrap{
    width:80%;
    padding:30px 0;
    box-sizing:border-box; margin:auto
}
/* 视频列表 一行2个 */
.video-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:32px;
}
.video-item{
    position:relative;
    width:100%;
    border-radius:12px;
    overflow:hidden;
    aspect-ratio:16 / 9;
}
.video-item video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
/* 播放按钮遮罩 */
.video-play-mask{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.25);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition: opacity 0.3s;
}
/* 黄色圆形播放按钮 */
.play-btn{
    width:120px;
    height:120px;
    border-radius:50%;
    background:#ffc120;
    display:flex;
    align-items:center;
    justify-content:center;
}
.play-btn::after{
    content:"";
    width: 0;
    height: 0;
    border-left:32px solid #000000;
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
    margin-left:6px;
}
/* 播放后隐藏遮罩 */
.video-play-mask.hide{
    opacity:0;
    pointer-events:none;
}

@media(max-width:1300px){

.video-box-wrap{
    width:95%;
    padding:30px 0;
    box-sizing:border-box; margin:auto
}

}

/* 移动端改成一行1个 */
@media(max-width:868px){
    .video-list{
        grid-template-columns:1fr;
    }
}



@media(max-width:568px){
   .play-btn{
    width:80px;
    height:80px;
    border-radius:50%;
    background:#ffc120;
    display:flex;
    align-items:center;
    justify-content:center;
}
.play-btn::after{
    content:"";
    width: 0;
    height: 0;
    border-left:22px solid #000000;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    margin-left:6px;
}
   
}





.idea-section{
    width:100%;
    padding:80px 0;
    box-sizing:border-box;
    background:#222222; margin:40px 0
}
.idea-header{
    text-align:center;
    margin-bottom:50px;
}
.idea-tag{
    display:inline-block;
    background:#443818;
    color:#ffc120;
    font-size:16px;
    padding:8px 22px;
    border-radius:30px;
    margin-bottom:16px;
}
.idea-title{
    font-size:1rem;
    font-weight:bold;
    color:#ffffff;
    margin:0 0 18px;
}
.idea-desc{
    font-size:0.5rem;
    color:#e2e1df;
    max-width:1100px;
    margin:0 auto;
}
/* 4卡片网格 */
.idea-card-wrap{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    max-width:1500px;
    margin:0 auto;
}
.idea-card{
    background:#2c2c2c;
    border:1px solid #444444;
    border-radius:14px;
    padding:40px 24px;
    text-align:center;
}
.card-num{
    font-size:64px;
    font-weight:bold;
    color:#ffc120;
    line-height:1;
    margin-bottom:16px;
}
.card-subtitle{
    font-size:22px;
    font-weight:bold;
    color:#ffffff;
    margin:0 0 20px;word-break: keep-all; text-align:center;
}
.card-text{
    font-size:16px;
    color:#b1b1b0;
    line-height:1.8;
    margin:0;word-break: keep-all; text-align:center;
}

/*响应式*/
@media(max-width:1200px){



.idea-card-wrap{
    display:grid;
     grid-template-columns:repeat(2,1fr);
    gap:24px;
    max-width:1500px;
    margin:0 auto; width:96%
}

}
@media(max-width:640px){
    .idea-card-wrap{
        grid-template-columns:1fr;
    }
    .idea-title{
        font-size:24px;
    }
    .idea-desc{
        font-size:16px;
    }
	.card-num{
    font-size:35px;
}
.card-subtitle{
    font-size:22px;
}
}



.partner-section{
    width:100%;
    padding:40px 0;
    box-sizing:border-box;
}
.partner-header{
    text-align:center;
    margin-bottom:50px;
}
.partner-tag{
    display:inline-block;
    background:#fcf2d4;
    color:#c49c29;
    font-size:16px;
    padding:8px 22px;
    border-radius:30px;
    margin-bottom:16px;
}
.partner-title{
    font-size:44px;
    font-weight:bold;
    color:#111;
    margin:0 0 18px;
}
.partner-desc{
    font-size:20px;
    color:#667080;
    max-width:1100px;
    margin:0 auto;
}
/*logo列表*/
.partner-logo-wrap{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    max-width:1600px;
    margin:0 auto;
}
.partner-item{
    border:1px solid #eee;
    border-radius:16px;
    height:220px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition: all 0.3s ease;
    cursor:pointer;
}
.partner-item img{
    max-width:70%;
    max-height:70%;
    object-fit:contain;
}
/*鼠标悬浮效果：黄色边框+上浮+阴影，对应第二张图效果*/
.partner-item:hover{
    border:2px solid #ffc120;
    transform: translateY(-8px);
    box-shadow:0 12px 30px rgba(255,193,32,0.15);
}

/*响应式*/
@media(max-width:1200px){
.partner-section{
    padding:20px 0;
}
    .partner-logo-wrap{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:640px){
    .partner-logo-wrap{
        grid-template-columns:1fr;
		width:96%
    }
    .partner-title{
        font-size:28px;
    }
    .partner-desc{
        font-size:16px;
    }
}







/* 内页产品分类模块 */
.sidebar-box{
    width:320px;
    background:#fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.12);
    overflow:hidden;
}

/* 产品分类模块 */
.product-class{padding:24px 20px;border-bottom:10px solid #f5f5f5;}
.product-class h2{text-align:center;font-size:1rem;color:#111;margin-bottom:8px; font-weight:bold}
.product-class .en{text-align:center;font-size:0.5rem;color:#333;margin-bottom:16px;}
.product-class .line{width:60px;height:3px;background:#ffc107;margin:0 auto 30px;}
.class-item{
    display:flex;
	align-items:center;
    padding:10px 16px;
    border:1px solid #eee;
    border-radius:4px;
    margin-bottom:14px;
    font-size:16px;
	color:#222;
    gap:12px;
	position:relative; 
	border-left:8px solid #eee; letter-spacing:-0.3px
}
.class-item.active{
    background:#fff9e0;
    border-color:#ffdd70;
    border-left:8px solid #ffc107;
}


.class-item .icon{ width:40px; }
.class-item .icon img{ border:0}
.class-item .arrow{position:absolute;right:16px;color:#ffc107;font-weight:bold;}


/* 联系与优势模块 */
.contact-box{padding:24px 20px;}
.tel-wrap{display:flex;align-items:center;gap:16px;margin-bottom:24px;}
.tel-icon{
    width:45px;height: auto;
    display:flex;align-items:center;justify-content:center; 
}
.tel-icon img{
     border:0!important
}
.tel-text .title{font-size:18px;color:#333;margin-bottom:4px;}
.tel-text .num{font-size:32px;color:#111; font-family:impact}
.btn-contact{
    display:block;width:100%;
    background:#ffc107;color:#fff;
    text-align:center;padding:10px 0;
    border-radius:4px;font-size:24px;text-decoration:none;margin-bottom:30px;
}

.advantage-item{display:flex;align-items:center;gap:16px;margin-bottom:22px;}
.adv-icon{
    width:42px;height:42px;
    display:flex;align-items:center;justify-content:center;
}
.adv-icon img{
    border:0!important
}
.adv-text h4{font-size:18px;color:#111;margin-bottom:4px; font-weight:400}
.adv-text p{font-size:16px;color:#888;word-break: keep-all; text-align:left;}



/* 内页车间 */

.plant-overview-box{ width:80%;
    max-width:1500px!important;
    margin:40px auto; height:auto; overflow:hidden
}
/* 标题区域 */
.plant-title-block{
    text-align:center;
    margin-bottom:32px;
}
.plant-title-block h2{
    font-size:1rem;
    color:#222;
    position:relative;
    display:inline-block; font-weight:bold
}

.plant-title-block p{
    font-size:18px;
    color:#555;
    margin-top:12px;
    position:relative;
}
.plant-title-block p::before,
.plant-title-block p::after{
    content:"";
    width:80px;
    height:1px;
    background:#b89c67;
    display:inline-block;
    vertical-align:middle;
    margin:0 16px;
}

/* 介绍文本框 */
.plant-desc-panel{
    background:#f8f7f7;
    border-radius:8px;
    padding:24px;
    border-left:3px solid #f9bc04;
    color:#444;
    line-height:1.75;
    font-size:16px;
    margin-bottom:24px;
}

/* 图片网格布局 */
.plant-image-grid{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap:16px;
    margin-bottom:24px;
}
.plant-image-card{
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    border:1px solid #eee;
	transition: border-color 0.3s ease;
}
.plant-image-card img{
    width:100%;
    height: auto;
    object-fit:cover;
    display:block;
}


.plant-card-info{
    padding:14px 16px;
    background:#f9f6ec;
}
.plant-card-info .card-title{
    font-size:16px;
    color:#222;
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:4px;
}

.plant-image-card:hover{
    border-color:#f9bc04;
}


/* 图片卡片内图标类名 */
.plant-card-info .card-icon{
    font-size:22px;
    color:#b89c67;
}
.plant-card-info .card-subtext{
    font-size:14px;
    color:#666;
    padding-left:30px;
}

/* 底部数据栏 */
.plant-data-row{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:16px;
}
.plant-data-unit{
    background:#fff;
    border-radius:8px;
    padding:16px;
    display:flex;
    align-items:center;
    gap:12px;
    border:1px solid #eee;
}
.plant-data-unit .unit-icon{
    font-size:32px;
    color:#b89c67;
}
.plant-data-text .unit-label{
    font-size:14px;
    color:#666;
    font-weight:normal;
}
.plant-data-text .unit-value{
    font-size:24px;
    color:#222;
    font-weight:bold;
}

.plant-data-unit:hover{
    border:1px solid #f9bc04;
}

@media(max-width:1400px){

.plant-overview-box{ width:96%;
}
}

@media(max-width:1050px){

.plant-title-block p::before,
.plant-title-block p::after{ display:none
}
.plant-image-grid{
    display:grid;
    grid-template-columns: repeat(2,1fr);
    gap:16px;
    margin-bottom:24px;
}

.plant-data-row{
    display:grid;
    grid-template-columns: repeat(2,1fr);
    gap:16px;
}


}

@media(max-width:500px){

.plant-data-row{
    grid-template-columns: repeat(1,1fr);
}

}



/* 工程案例 */
.case-overview-wrap{ width:80%;
    max-width:1500px;
    margin:40px auto;
}
/* 标题区域 */
.case-title-block{
    text-align:center;
    margin-bottom:30px;
}
.case-title-block h2{
    font-size:1rem;
    color:#222;
    position:relative;
    display:inline-block;
    font-weight: bold
}

.case-title-block p{
    font-size:18px;
    color:#555;
    margin-top:12px;
    letter-spacing:1px;
    position:relative;
}
.case-title-block p::before,
.case-title-block p::after{
    content:"";
    width:60px;
    height:1px;
    background:#b89c67;
    display:inline-block;
    vertical-align:middle;
    margin:0 12px;
}

/* 简介文本框 */
.case-desc-panel{
    background:#f8f7f7;
    border-radius:12px;
    padding:28px;
    display:flex;
    gap:20px;
    align-items:flex-start;
    margin-bottom:28px;
}
.case-desc-icon{
    width:80px;
    height:80px;
    border:1px solid #b89c67;
    border-radius:50%;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    color:#b89c67;
}
.case-desc-text{
    color:#444;
    line-height:1.8;
    font-size:16px;
}

/* 案例图片网格 3列布局 */
.case-image-grid{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap:18px;
    margin-bottom:28px;
}
.case-image-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #eee;
    transition: border-color 0.3s ease;
    position:relative;
}
/* 悬浮边框变为金色 */
.case-image-card:hover{
    border-color:#b89c67;
}
.case-image-card img{
    width:100%;
    height: auto;
    object-fit:cover;
    display:block;
    transition: transform 0.35s ease;
    transform-origin:center center;
}
/* 图片中心放大，不会超出卡片 */
.case-image-card:hover img{
    transform:scale(1.06);
}
/* 图片底部黑色渐变文字栏 */
.case-card-info{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    background:linear-gradient(transparent,rgba(0,0,0,0.95));
    color:#fff;
    padding:16px;
    display:flex;
    align-items:center;
    gap:10px;
}
.case-card-icon{
    font-size:22px;
}
.case-card-text h4{
    font-size:16px;
    font-weight:normal;
}
.case-card-text p{
    font-size:13px;
    opacity:0.85;
}

/* 底部4项优势栏 */
.case-feature-row{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:18px;
	background:#fff;box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}
.case-feature-item{
    border-radius:10px;
    padding:20px 16px;
    display:flex;
    align-items:center;
    gap:14px;
}
.case-feature-icon{
    font-size:28px;
    color:#b89c67;
    width:35px;
    height:35px;
    border:1px solid #e5c577;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center; padding:5px
}
.case-feature-text h4{
    font-size:17px;
    color:#222;
    margin-bottom:4px;
}
.case-feature-text p{
    font-size:13px;
    color:#666;
}

/* 移动端自适应 */
@media(max-width:1400px){

.case-overview-wrap{ width:96%;
}
}
@media(max-width:992px){
    .case-image-grid{grid-template-columns: repeat(2,1fr);}
    .case-feature-row{grid-template-columns: repeat(2,1fr);}
}
@media(max-width:576px){
    .case-image-grid{grid-template-columns:1fr;}
    .case-feature-row{grid-template-columns:1fr;}
	.case-title-block p::before,
.case-title-block p::after{ display:none
}
}








/* 资质荣誉 */
.honor-wrap{ width:80%;
    max-width:1500px;
    margin:40px auto; 
}
/* 标题区域 */
.honor-title-block{
    text-align:center; margin-bottom:40px
}
.honor-title-block h2{
    font-size:1rem;
    color:#222;
    position:relative;
    display:inline-block;
    font-weight: bold
}

.honor-title-block p{
    font-size:18px;
    color:#555;
    margin-top:14px;
    letter-spacing:1px;
}

.honor-title-block p::before,
.honor-title-block p::after{
    content:"";
    width:60px;
    height:1px;
    background:#b89c67;
    display:inline-block;
    vertical-align:middle;
    margin:0 12px;
}


/* 证书展示区域 */
.honor-cert-row{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:16px;
    margin-bottom:40px;
    position:relative;
}
/* 底部模拟木台子 */
.honor-cert-row::after{
    content:"";
    position:absolute;
    left:-10px;
    right:-10px;
    bottom:-12px;
    height:24px;
    background:#966b3e;
    border-radius:4px;
    z-index:0;
}
.honor-cert-card{
    position:relative;
    z-index:1;
    background:#fff;
    overflow:hidden;
    border:1px solid #eee;
    border-radius:6px;
    transition: all 0.3s ease;
}
.honor-cert-card:hover{
    border-color:#b89c67;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
.honor-cert-card img{
    width:100%;
    height: auto;
    object-fit:contain;
    display:block;
    background:#fff;
    transition: transform 0.35s ease;
    transform-origin:center center;
}
.honor-cert-card:hover img{
    transform:scale(1.04);
}

/* 介绍文本框 */
.honor-desc-panel{
    background:#f6f4f4;
    border-radius:12px;
    padding:32px;
    margin-bottom:40px;
    color:#444;
    line-height:1.85;
    font-size:16px;
}
.honor-desc-panel p{
    margin-bottom:16px;
}
.honor-desc-panel p:last-child{
    margin-bottom:0;
}

/* 底部五大优势栏 */
.honor-feature-row{
    display:grid;
    grid-template-columns: repeat(5,1fr);
}
.honor-feature-item{
    text-align:center;
    padding:16px 8px;
    position:relative;
}
/* 分割竖线 */
.honor-feature-item:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:20%;
    height:60%;
    width:1px;
    background:#ddd;
}
.honor-feature-icon{
    font-size:42px;
    color:#d82828;
    margin-bottom:12px;
}
.honor-feature-icon img{ margin:auto
}

.honor-feature-item h4{
    font-size:18px;
    color:#222;
    margin-bottom:6px; font-weight: bold
}
.honor-feature-item p{
    font-size:14px;
    color:#666;
}

/* 移动端自适应 */
@media(max-width:1400px){
.honor-wrap{ width:96%;
}
}

@media(max-width:992px){
    .honor-cert-row{grid-template-columns: repeat(2,1fr);}
    .honor-feature-row{grid-template-columns: repeat(3,1fr);}
    .honor-feature-item:nth-child(3)::after{display:none;}
}
@media(max-width:576px){
    .honor-cert-row{grid-template-columns:1fr;}
    .honor-feature-row{grid-template-columns: repeat(2,1fr);}
	.honor-feature-item:not(:last-child)::after{ display:none
}
.honor-title-block p::before,
.honor-title-block p::after{ display:none
}
}










.cpzd{ margin:0 auto;   text-align:center; margin-bottom:30px; }
.cpzd a{display:block; font-size:16px; color:#ffffff; background-color:#e05a12; line-height:2.7; width: auto; padding:0px 40px; overflow:hidden; display:inline; text-align:center;   font-weight:normal;  display:inline-block; 
 margin:2px 5px;  }
.cpzd a:hover{  color:#FFFFFF;   background-color:#e68508;   }
.cpzd a:nth-child(1){background-color:#e68508;  }


.nysp{ width:60%; margin:auto}
.nysp iframe{ width:100%; height:600px }



.footr{ width:100%; background-color:#363636; padding:50px 0px;  height:auto; overflow:hidden; margin-top:60px; border-top:10px #fabf01 solid}
.footrr{ width:92%;   margin:auto;  height:auto; overflow:hidden }

.footr1{ width:13%; padding-right:7%; margin-top:25px }
.footr1 img{ width:130px; margin:auto  }
.footr1 h3{ font-size:26px; text-align:center; color:#FFFFFF; font-weight:bold; margin-top:25px  }
.footr1 a{ width:140px; height:35px; background-color:#fabf01; border-radius:40px; font-size:18px; text-align:center; color:#000; line-height:35px; margin:35px auto 0 }


.footr2{  width:14%; }
.footr2 h3{ color:#FFFFFF; font-size:22px; line-height:2;  font-weight:normal; font-weight:bold}
.footr2 span{ width:52px; height:2px; background-color:#fabf01; display:block; margin-top:6px}

.footr3{  width:16%; }
.footr3 h3{ color:#FFFFFF; font-size:22px; line-height:2;  font-weight:normal; font-weight:bold }
.footr3 span{ width:52px; height:2px; background-color:#fabf01; display:block; margin-top:6px}

.footr4{  width:30%; }
.footr4 h3{ color:#FFFFFF; font-size:22px; line-height:2;  font-weight:normal; font-weight:bold }
.footr4 span{ width:52px; height:2px; background-color:#fabf01; display:block; margin-top:6px}

.footr5{  width:20%; }
.footr5 h3{ color:#FFFFFF; font-size:22px; line-height:2;  font-weight:normal; font-weight:bold}
.footr5 span{ width:52px; height:2px; background-color:#fabf01; display:block; margin-top:6px}

.footr21{margin-top:20px;}
.footr21 a:hover{ color:#fdff18;}
.footr21 a{ color:#fff; display:block;  line-height:2.5;  font-size:16px; }
.footr21 p{ color:#fff; display:block;  line-height:2.5;  font-size:16px;}


.footr22{margin-top:20px; width:80%}
.footr22 a:hover{ color:#fdff18;}
.footr22 a{ color:#fff; display:block;  line-height:2.5;  font-size:16px; }
.footr22 p{ color:#fff; display:block;  line-height:2.5;  font-size:16px;}



.lbb1{ width:98%;margin-top:20px;   }
.lbb1 a{ font-size:16px; color:#fff; line-height:50px;  width:100%;  font-weight:normal;  
 box-sizing: border-box;  float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: none; margin:3px 0.5%;   }
.lbb1 a:hover{   color:#fdff18;  transition:all .5s ease;    }
.lbb1 a h3{ font-size:16px; color:#fff; font-weight:normal}
.lbb1 a:hover h3{ color: #fdff18;  }
	


.foootr7{ width:100%; height:auto; background-color:#363636; padding:10px 0px; border-top:1px #525151 solid  }
.foootr7_1  { margin:auto; }
.foootr7_1 p { width:100%; line-height:45px; color:#e7ecf3; font-size:16px; text-align:center;  }
.foootr7_1 img { margin:auto; display:inline;   }
.foootr7_1 a{ display:inline-block;}


.ny-cont{ width:96%; margin:auto}
.ny-cont li{ width:48%; float:left; margin:10px 1%; }








@-webkit-keyframes loadRotate{
	from{-webkit-transform:rotateZ(0deg);}
	to{-webkit-transform:rotateZ(360deg);}
}
@keyframes loadRotate{
	from{transform:rotateZ(0deg);}
	to{transform:rotateZ(360deg);}
}
.cppic{-webkit-animation:loadRotate 10s linear infinite;-webkit-animation-fill-mode:both;animation:loadRotate 10s linear infinite;	/*动画从头到尾的速度是相同的  liner*/	/*指定动画应该播放无限次（永远）*/
animation-fill-mode:both;	/*动画结束前和结束后都应用该属性 animation-fill-mode:both; */}





/*===================== 首页 END =====================*/

/* ========================= 内页 START ========================= */

/* ===================== 产品列表页 ===================== */
#list{margin:30px 0;}
#list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto{width:1550px;margin:0 auto;}
@media(max-width:1505px){
	#list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto{width:1200px;}
		
}
.showlist{width:100%;/* float:left; */}

/*.showlist div *{width:100%;}*/
.showlist li{width:98%;margin:0 auto 10px;overflow:hidden;position:relative;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;  }
.showlist .wrap_box{float:left;}
.showlist .button{width:60%;color:#fff;margin:0px auto;padding:0px;}
#showdata{display:none;}
#loaddata{text-align:center;}
.showlist li .img{overflow:hidden;  }

/*.product_list_one .showlist, .product_list_two .showlist, .product_list_three .showlist{display: none;}
.product_list_one #showdata, .product_list_two #showdata, .product_list_three #showdata{display: block !important;}*/

/*.product_list_one .item, .product_list_two .item, .product_list_three .item{float: left;width:32.33%;margin:0 0.5% 30px;}*/
.product_list_one .item .img,.product_list_two .item .img{position:relative;overflow:hidden; }
.product_list_one .item img,.product_list_two .item img,.product_list_two .item strong,.product_list_three .item em{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.product_list_one .item:hover img,.product_list_two .item:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}

.product_list_one img{ border:1px #dfdcdc solid; width:99%!important }
/* 样式一 */
.product_list_one .item .info{padding:20px;background:url(../../images/arrow.png) right 57px no-repeat;}
.product_list_one .item strong{display:block;width:95%;font-weight: normal;font-size:18px;}
.product_list_one .item .line2{width:100%;height:2px;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform .7s cubic-bezier(0.165,0.84,0.44,1);transition:-webkit-transform .7s cubic-bezier(0.165,0.84,0.44,1);transition:transform .7s cubic-bezier(0.165,0.84,0.44,1);transition:transform .7s cubic-bezier(0.165,0.84,0.44,1),-webkit-transform .7s cubic-bezier(0.165,0.84,0.44,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9;background-color:#fabf01;}
.product_list_one .item p{display:none;}
.product_list_one .item:hover .line2{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform-origin:0;-webkit-transform-origin:0;visibility:visible\9;}
.product_list_one .item:hover .info{background:url(../../images/arrow.png) right center no-repeat;}
.product_list_one .item:hover strong{border-right:1px solid #f1f1f1;}

/* 样式一 */

/* 样式二 */
.product_list_two .item .info{padding:0 30px 20px;background-color:#f6f7f7;}
.product_list_two .item .info strong,.product_list_three .item .info strong{display:block;color:#555;font-size:18px;font-weight:100;padding-top:30px;}
.product_list_two .item .line1{width:0%;height:1px;margin-top:8px;}
.product_list_two .item .info p,.product_list_three .item .info p{color:#868585;font-size:14px;line-height:26px;height:52px;overflow:hidden;margin-top:8px;}
.product_list_two .item .line2{display:none;}
.product_list_two .item:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);background-color:#fff;}
.product_list_two .item:hover strong{color:#fabf01;transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.product_list_two .item:hover .line1{width:100%;height:1px;background-color:#fabf01;}
.product_list_two .item:hover p{transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);}

/* 样式二 */

/* 样式三 */
.product_list_three .item .info strong{padding:0;}
.product_list_three .item{padding-bottom:20px;border-radius:6px;overflow:hidden;background-color:#f9f9f9;  }
.product_list_three .item .info{padding:15px;}
.product_list_three .item em{font-style:normal;float:right;width:10px;height:3px;background-color:#fabf01;margin:0px 15px 0 0;}
.product_list_three .item:hover em{width:30px;}
.product_list_three .item:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);background-color:#fff;}

/* 样式三 */

/* 产品内页图 */
.product_article .img1{display:none;}
.product_article .title{overflow:hidden;padding:10px 0 0;}
.product_article .title h1{text-align:center;font-size:22px;color:#333;}
.product_article .title .time{display:block;height:30px;line-height:30px;text-align:center;margin:14px 0 0;font-size:14px;color:#999;}
.product_article .title .time img{display:inline-block;height:18px;margin-top:-2px;margin-right:10px;}
.product_article .title .share{text-align:center;height:24px;line-height:24px;margin-top:10px;}
.product_article .title .share span{display:inline-block;vertical-align:top;}
.product_article .title .bdsharebuttonbox{display:inline-block!important;vertical-align:top;}

/* 产品内页图 */

/* ===================== 产品列表页 ===================== */

/* ===================== 产品 详情页 ===================== */

.img_big_box{width:54%;float:left; }
.img_big_box .img_box{height:400px;border:1px solid #f1f1f1;border-radius:5px;position:relative;border-bottom:none;}
.img_big_box .img_box img{max-width:99%;max-height:99%;border-radius:5px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.img_big_box .small_box{border:1px solid #f1f1f1;border-radius:5px;text-align:center;}
.img_big_box .small_box img{max-height:80px;display:inline-block;margin:10px 5px;border:1px solid #fff;}
.img_big_box .small_box img.active{border-color:#e05a12;}
.info_big_box{width:42%;float:right;height:440px; background-color:#f6f7f5; padding:2% }
.info_big_box h1{color:#444;line-height:36px;font-weight:bold;font-size:26px;margin-top:60px;}
.info_big_box .info_1{margin:30px 0 0;}
.info_big_box .info_1 .dh{color:#555;min-height:40px;line-height:40px;cursor:help;margin-bottom:10px;}
.info_big_box .info_1 .dh img{float:left;width:30px;margin-top:5px;}
.info_big_box .info_1 .dh span{float:right;width:89%;font-size:18px;color:#555;letter-spacing:0px;line-height:40px;}
.info_big_box .info_1 .dh span.num{font-family:impact;font-size:26px;letter-spacing:2px;}
.info_big_box .info_1 .dh span.num a{color:#555;}
.info_big_box .info_2{padding:10px;}
.info_big_box .share{height:24px;line-height:24px;margin:20px 0;}
.info_big_box .share span{font-size:16px;color:#555;}
.bdshare-button-style0-24 a,.bdshare-button-style0-24 .bds_more{margin:0 6px 0 0!important;}

.info_big_box h1{color:#222;line-height:46px;font-weight:bold;font-size:26px;margin-top:30px}
.info_big_box .hx{border-top: 1px dashed #c4c5c2;border-bottom: 1px dashed #c4c5c2;padding: 5px 0;}
.info_big_box p{font-size: 16px;color: #a8a8a8; line-height: 30px;margin-top: 4px;font-weight: 400;}
.info_big_box em{color: #333;font-size: 25px;line-height: 36px;display: block;padding-top: 20px;}

.swtfw{width: 100%;}
.swtbox{margin-top:45px;overflow: hidden;}
.swtbox a{text-align:center;float:left;display:block}
.swtbox .btn1{width:35%;height:58px; background-color:#383838; font-size:24px;color:#ffffff;font-weight:bold;line-height:58px;box-shadow:0 6px 5px rgba(249,90,23,0.4);transition:all linear 0.3s;}
.swtbox .btn1:hover{background:#fabf01;box-shadow:0 6px 5px rgba(60,151,170,0.4)}
.swtbox .btn3{width:35%;height:58px; background-color:#fabf01; font-size:24px;color:#ffffff;font-weight:bold;line-height:58px;box-shadow:0 6px 5px rgba(249,90,23,0.4);transition:all linear 0.3s; margin-left:10px}
.swtbox .btn3:hover{background:#383838;box-shadow:0 6px 5px rgba(60,151,170,0.4)}

.swtbox .btn2{width:55%;height:58px;background:#edf1fa;border:1px dashed #112a50;font-size:16px;color:#343434;line-height:58px;margin-left:38px}
.swtbox .btn2 span{font-size:24px;color:#E70012;font-weight:bold;vertical-align:top}
.fwby{margin-top:30px}
.fwby p{background:url(../images/cppage1_dh.png) left center no-repeat;background-size:15px;padding-left:22px;font-size:18px;color:#6c6c6d;line-height:17px;float:left;margin-left:26px}
.fwby p a{font-size:18px;color:#6c6c6d;}
.fwby p:first-child{margin-left:0}
.fwtime{width: 100%;margin-top: 30px;display: flex;}
.fwtime p{font-size:16px;color:#696969;padding-top:30px;}
.fwtime .p1{background:url(../images/cppage1_60s.png) left top no-repeat;margin-right:2%}
.fwtime .p2{background:url(../images/cppage1_30m.png) left top no-repeat;margin-right:2%}
.fwtime .p3{background:url(../images/cppage1_24h.png) left top no-repeat}
.yanse{background-color: #edf1fa;padding:25px 20px;font-size:17px;line-height:35px;}



/*.info_big_box .info_2 .ewm{margin-right:20px;}
.info_big_box .info_2 img{width:130px;border:1px solid #f2f2f2;padding:2px;}
.info_big_box .info_2 strong{display: block;font-size:14px;height:30px;line-height:30px;color:#333;text-align: center;}
.info_big_box .info_2 .but a{margin-top:26px;width:160px;height:36px;line-height:36px;text-align: center;position: relative;z-index:1;border:1px solid #f2f2f2;color:#666;}
.info_big_box .info_2 .but a.a1:hover, .info_big_box .info_2 .but a.a2:hover{color:#fff;}*/
.info_big_box .info_3 span{display:inline-block;padding:8px 0;line-height:24px;color:#555;cursor:help;font-size:12px;}
.info_big_box .info_3 span img{display:inline-block;height:20px;margin-bottom:3px;margin-right:6px;}
.xgcp_title{padding:10px;background-color:#fafafa;margin:30px 0 0;}
.xgcp_title h3{color:#fabf01;border-left:2px solid #fabf01;padding-left:20px;height:30px;line-height:30px;font-weight:bold;font-size:20px;}
.article_content{font-size:16px;line-height:220%;color:#333;padding-top:30px;}
.article_box{padding-top:30px;}
.article_box img,.article_content img,.article_content a{display:inline-block;}
.article_box p,.article_content p{margin-bottom:14px;}
.article_box p,.article_content p img{ padding:10px 1% }
#xgcp ul li{float:left;text-align:center;width:23%;margin:1%;}
#xgcp ul li strong{display:block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align:center;}
#xgcp ul li:hover strong{color:#fff;}
#xgcp ul li:hover .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;}
.pagenum{border-top:1px solid #DCDCDC;margin-top:30px;text-align:center;}
.pagenum a{display:inline-block;color:#666;margin:20px 20px 0;width:120px;height:30px;line-height:30px;border:1px solid #fabf01;border-radius:60px;font-size:0px;}
.pagenum span{font-size:16px;color:#fabf01;}
.pagenum a:hover{background-color:#fabf01;}
.pagenum a:hover span{color:#fff;}

/* ===================== 产品 详情页 ===================== */

/* ===================== 内页 Banner 图 ===================== */
#nyba{height:300px;position:relative;overflow:hidden;background-color:rgba(0,0,0,0.3);background-position:top center;background-repeat:no-repeat; }
.fade_text{text-transform:uppercase;margin-top:5%;text-align:center;font-size:0;}
.fade_text span{color:#fff;display:inline-block;}
.fade_text .cn{height:95px;line-height:95px;overflow:hidden; margin-top: -50px;}
.fade_text .cn span{font-size:45px;}
.fade_text .en{height:40px;line-height:40px;font-size:25px;overflow:hidden;}
.fade_text .line{width:80px;height:3px;background-color:#fff;margin:20px auto;}
.arrow_down{position:absolute;left:50%;margin-left:-4px;bottom:20px;overflow:hidden;width:8px;}
.arrow_down .line{display:block;width:1px;height:40px;margin:0 3px;background:#fff;}
.arrow_down .aw{display:block;width:100%;height:5px;margin-top:3px;background:url('../../images/aw.png') no-repeat;}
.arrow_down .lg{-webkit-animation:long 1.5s linear alternate infinite;animation:long 1.5s linear alternate infinite;}
@-webkit-keyframes long{
	from{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
	to{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes long{
	from{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
	to{-webkit-transform:translateY(0);transform:translateY(0);}
}
.son_list{position:absolute;height:50px;width:100%;bottom:10px;left:0;text-align:center;}
.son_list a{display:inline-block;width:140px;padding:0 5px;height:50px;color:#333;background-color:#fff;font-size:16px;text-align:center;line-height:50px;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.son_list a i{background-color:#e05a12;position:absolute;left:50%;top:50%;margin:-100px 0 0 -100px;z-index:-1;width:200px;height:200px;border-radius:50%;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);}
.son_list a:hover i,.son_list a.active i{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);}
.son_list a:hover,.son_list a.active{color:#fff;}

/* ===================== 内页 Banner 图 ===================== */

/* ===================== 面包屑导航 ===================== */
.position_now{height:60px;line-height:60px;font-size:14px;background-color:#f1f1f1;}
.position_now a{display:inline-block;color:#707070;}
.position_now .fl{color:#707070;}
.position_now .fl img{height:20px;margin-top:-4px;display:inline-block;margin-right:8px;}
.position_now .fr{font-family:impact;color:#e05a12;font-size:22px; display: none;}
.position_now .fr img{height:26px;display:inline-block;margin-right:8px;vertical-align:middle;}
.position_now .fr strong{font-weight:100;}

/* ===================== 面包屑导航 ===================== */

/* ===================== 新闻页面 ===================== */

/* 新闻样式 1 */
.news_one .news_box li{margin-bottom:20px;}
.news_one .news_box li .img{width:20%;overflow:hidden;float:left;border-radius:8px;position:relative; height:260px }
.news_one .news_box li .img img{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.news_one .news_box li .img .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);}
.news_one .news_box li .img .bg i{opacity:0;position:absolute;left:50%;top:50%;margin:-15px 0 0 -50px;width:30px;height:30px;background:url(../../images/news_arrow.png) center/100% no-repeat;}
.news_one .news_box li .info{width:78%;float:right;padding-top:50px;}
.news_one .news_box li .info h3{font-weight:bold;font-size:18px;color:#333;}
.news_one .news_box li .info .time{color:#777;font-size:14px;padding:20px 0;}
.news_one .news_box li .info .line{width:100%;height:1px;background-color:#e5e9ef;margin-bottom:20px;}
.news_one .news_box li .info .line i{display:block;width:0%;height:1px;background-color:#fabf01;}
.news_one .news_box li .info p{color:#999;font-size:16px;line-height:26px;height:52px;overflow:hidden;}
.news_one .news_box li:hover .line i{width:100%;}
.news_one .news_box li:hover h3{color:#fabf01;}
.news_one .news_box li:hover .bg{background:rgba(0,0,0,0.55);}
.news_one .news_box li:hover .bg i{opacity:1;margin:-15px 0 0 -15px;}
.news_article_box .left_fixed{position:fixed;left:0;top:0;width:30%;height:100%;z-index:-1;}
.news_article_box .left_fixed .text{padding:35% 0 0 25%;}
.news_article_box .left_fixed h6{font-size:70px;color:#cf1101;opacity:0.5;font-style:italic;font-family:impact;}
.news_article_box .left_fixed h5{font-size:16px;color:#333;margin-top:30px;}
.news_article_box .left_fixed .return{margin-top:40px;font-size:14px;color:#666;}
.news_article_box .left_fixed .return:after{content:'';}
.news_article_box .right_article{float:right;width:70%;background-color:#f5f5f5;overflow:hidden;}
.news_article_box .inner_content{padding:30px 50px;}
.news_article_box .h1_title{padding:70px 40px;background-color:#E5E5E5;line-height:1.5; margin-top:110px;}
.news_article_box .h1_title h1{font-size:28px;color:#333;margin-bottom:20px;}
.news_article_box .h1_title .time img{height:20px;display:inline-block;margin:-4px 10px 0 0;}
.news_article_box .h1_title .time span{color:#777;font-size:16px;}
.page_list{text-align:center;}
.page_list b{font-size:0;}
.page_list b a,.page_list b font{display:inline-block;font-weight:100;color:#999;font-size:16px;margin:0 5px;border:1px solid #e5e9ef;width:40px;height:40px;line-height:40px;border-radius:6px;text-align:center;}
.page_list b font{background-color:#fabf01;color:#fff;border-color:#fabf01;}
.page_list_span1{display:none;}

/* 新闻样式 1 */

/* 新闻样式 2 */
.news_two .news_box li{float:left;width:31.33%;margin:1%;overflow:hidden;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.news_two .news_box li a{padding:20px;background-color:#f3f3f3;position:relative;}
.news_two .news_box li .time strong{font-size:50px;color:#e05a12;display:inline-block;font-family:"SimHei";position:relative;}
.news_two .news_box li .time strong::after{content:'';position:absolute;left:0;top:30px;width:0px;background-color:#e05a12;height:2px;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.news_two .news_box li .time span{font-size:12px;color:#333;display:block;font-family:"SimHei";}
.news_two .news_box li h3{color:#333;font-size:18px;line-height:26px;height:52px;overflow:hidden;margin:15px 0 10px;}
.pc .news_two .news_box li:hover h3{color:#e05a12;}
.news_two .news_box li p{font-size:14px;color:#666;line-height:22px;height:44px;overflow:hidden;margin-bottom:10px;}
.news_two .news_box li i{position:absolute;background-color:#e05a12;}
.news_two .news_box li i.i1{width:0px;height:2px;top:20px;right:20px;}
.news_two .news_box li i.i2{width:2px;height:0px;top:20px;right:20px;}
.pc .news_two .news_box li:hover i.i1{width:30px;}
.pc .news_two .news_box li:hover i.i2{height:30px;}
.pc .news_two .news_box li:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);}
.pc .news_two .news_box li:hover strong::after{width:100%;}
.fixed_body{display:none;position:fixed;width:100%;height:100%;background:rgba(255,255,255,0.8);left:-30%;top:0;z-index:9999;}
.fixed_body .fixed_article{display:none;position:fixed;width:1200px;height:800px;top:50%;right:20%;margin:-400px -600px 0 0;background-color:#fff;z-index:99999;box-shadow:0px 0 25px rgba(0,0,0,0.08);}
.fixed_body .fixed_article .fb_close{position:absolute;right:0;top:0;width:60px;height:60px;cursor:pointer;background-color:#e05a12;}
.fixed_body .fixed_article .fb_close i{display:block;margin:10px auto 0;width:40px;height:40px;background:url(../../images/jia.png) center center/80% no-repeat;}
.fixed_body .fixed_article .fb_close:hover i{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.fixed_body .fixed_article iframe{border:none;width:100%;height:100%;display:block;}
@media(max-width:1505px){
	.fixed_body .fixed_article{width:1000px;margin-right:-500px;}
}

/* 新闻样式 2 */

/* ===================== 新闻页面 ===================== */

/* ===================== 产品页 左侧 导航 ===================== */
#list .left_side{width:280px;}
#list .left_side .box_one,#list .left_side .box_two{width:260px;background-color:#252525;padding:10px 10px;}
#list .left_side .box_one .title{text-align:center;margin-bottom:20px;}
#list .left_side .box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;}
#list .left_side .box_one .title p{color:#fff;font-size:16px;}
#list .left_side .box_one ul li{line-height:50px;background-color:#fff;margin-bottom:5px;text-align:left;}
#list .left_side .box_one ul li a{position:relative;z-index:1;overflow:hidden;height:50px;}
#list .left_side .box_one ul li span,#list .left_side .box_one ul li em{position:absolute;display:block;width:96%;height:100%;padding-left:4%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#list .left_side .box_one ul li span{left:0;top:0;background-color:#fff;}
#list .left_side .box_one ul li em{right:-100%;top:0;background-color:#fabf01; font-style:normal;}
#list .left_side .box_one ul li a:hover span,#list .left_side .box_one ul li a.active span{top:100%;}
#list .left_side .box_one ul li a:hover em,#list .left_side .box_one ul li a.active em{right:0;}
#list .left_side .box_one ul li .son_nav{border-top:1px solid #fabf01;}
#list .left_side .box_one ul li .son_nav a{background:none;height:40px;line-height:40px;position:relative;}
#list .left_side .box_one ul li .son_nav a::after{content:'';position:absolute;left:20px;top:20px;width:8px;height:1px;background-color:#e05a12;}
#list .left_side .box_one ul li .son_nav a:hover::after,#list .left_side .box_one ul li .son_nav a.active::after{background-color:#fff;}
#list .left_side .box_one ul li .son_nav span{padding-left:40px;}
#list .left_side .box_two{margin-top:10px;padding:20px 10px;}
#list .left_side .box_two p{font-size:16px;color:#fff;line-height:30px;}
#list .left_side .box_two strong{color:#fff;font-size:30px;display:block;margin-bottom:10px;font-family:impact;font-weight:100;}
#list .left_side .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:200px;color:#333;text-align:center;}
#list .left_side .box_two .more i{background-color:#fabf01;}
#list .left_side .box_two .more:hover{color:#fff;}
#list .right_side.fr{width:1200px;}
@media(max-width:1505px){
	#list .right_side.fr{width:800px;}
	.jjfa-b a>p{font-size:23px;}


	

	
/*底部*/

.xfoot{ width:96%; margin:auto; height:auto;  padding:60px 0px; }
.xfoot1{ width:34%;}
.xfoot1 img{}
.xfoot2{ display:none;}
.xxfoot2{ display:none;}


.xfoot4{ width:33%;}
.xfoot4 p{font-size:16px; color:#575757; line-height:2.2;}

.xfoot5{ width:33%;}

	
}

/* ===================== 产品页 左侧 导航 ===================== */

/* ===================== 全局搜索框 ===================== */
.form_box{display:none;border:1px solid #f1f1f1;border-radius:5px;margin-bottom:20px;}
.form_box .sf{margin:0 auto;text-align:center;font-size:0;}
.form_box .an{display:inline-block;border:1px solid #f1f1f1;background-color:#fff;color:#333;height:40px;border-radius:8px;margin:10px 5px;font-size:16px;line-height:40px;padding:0px 15px;outline:none;}
.form_box .an{vertical-align:bottom;}
.form_box .an:hover{border-color:#e05a12;}
.form_box .inp{height:38px;vertical-align:bottom;}
.form_box .submit{width:80px;cursor:pointer;}

/* ===================== 全局搜索框 ===================== */

/* ===================== 在线留言 ===================== */
.form_box_box{width:1200px;margin:40px auto;padding:60px 0;box-shadow:0px 20px 80px rgba(76,76,76,0.1);}
ul.fs{width:1000px;margin:0 auto;}
ul.fs input,ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:0.8s;-o-transition:0.8s;-ms-transition:0.8s;-moz-transition:0.8s;transition:0.8s;}
ul.fs .box1 li{float:left;width:320px;margin-right:20px;}
ul.fs .box1 li:nth-of-type(3){margin:0;}
ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;}
ul.fs li input:hover{border-color:#fabf01;}
ul.fs .box1 li input::-webkit-input-placeholder,ul.fs li.textarea textarea::-webkit-input-placeholder,ul.fs li.yzm input::-webkit-input-placeholder{color:#999;}
ul.fs .box1 li input:-moz-placeholder,ul.fs li.textarea textarea:-moz-placeholder,ul.fs li.yzm input:-moz-placeholder{color:#999;}
ul.fs .box1 li input:-ms-input-placeholder,ul.fs li.textarea textarea:-ms-input-placeholder,ul.fs li.yzm input:-ms-input-placeholder{color:#999;}
ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;}
ul.fs li.textarea textarea:hover{border-color:#fabf01;}
ul.fs li.radio{text-align:center;}
ul.fs li.radio label{margin:0 10px;}
ul.fs li.yzm{text-align:center;margin:20px 0;}
ul.fs li.yzm img{display:inline-block;height:20px;}
ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;}
ul.fs li.yzm input:hover{border-color:#e05a12;}
ul.fs li.submit input{height:50px;margin:0 auto;display:block;cursor:pointer;width:200px;border-radius:50px;background-color:#fabf01;font-size:16px;color:#fff;}

/* ===================== 在线留言 ===================== */

/* ===================== 联系我们 地图 ===================== */
#allmap{height:500px;padding-top:100px;}
#allmap img{max-width:none!important;}

/* ===================== 联系我们 地图 ===================== */

/* ===================== 回到顶部 ===================== */
.go_top{display:none;background:url(../../m/images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align:center;background-color:#e05a12;border-radius:50%;position:fixed;right:6px;bottom:100px;z-index:99999999999;}

/* ===================== 回到顶部 ===================== */
.firstRow img{display:inline-block;}

/* ================================ 内页 END ================================ */

/*===================== 响应式代码 START =====================*/


.header .menu_box{display:none;}
.header .menu_box{float:right;width:24px;height:54px;position:relative;}
.header .nav_button{position:absolute;right:0px;top:26px;vertical-align:middle;width:24px;height:2px;cursor:pointer;background-color:#e05a12;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav_button::after,.header .nav_button::before{content:'';width:24px;height:2px;position:absolute;z-index:99999999;right:0;background-color:#e05a12;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.header .nav_button::after{top:9px;}
.header .nav_button::before{top:-9px;}
.header .menu_box.on .nav_button{width:0;}
.header .menu_box.on .nav_button::before{-webkit-transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg);}
.header .menu_box.on .nav_button::after{-webkit-transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg);}
#close{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;}
.wap_son{display:none;padding:0 13px;margin-bottom:20px;}
.wap_son a{width:48%;height:36px;line-height:36px;font-size:16px;color:#fff;text-align:center;margin:3px 1%;float:left;background-color:#0058db;}
.fixed_footer{display:none;}
.fixed_footer{display:none;background-color:#fabf01;height:50px;position:fixed;bottom:30px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;}



@media(max-width:1800px){
	.footer .auto{width:1300px;}
	.footer .a_list{margin:0 50px;width:440px;}
	.footer .a_list a{width:50%;}


.section_nine .pub_title2{width: 90%;margin: 0 auto;}	
.tabbox {width:90%;margin:0 auto;}	
.tabbox .content{width:42%;overflow: hidden;position: relative;height:600px;}	

.tabbox .tab .item{width:100%;height:180px;margin-bottom:30px;border-bottom: 2px solid #f0f0f0;}	
.tabbox .tab .item .img{height:150px;width:30%;overflow: hidden;}
.tabbox .tab .item .info{width:60%;height:130px;padding:0 1%;}	
}



@media(max-width: 1640px){

.footrr{ width:98%; margin:auto; height:auto; overflow:hidden }


.rtCont li a img {
height:280px;

}}



@media(max-width: 1590px){


.w90{width: 90%;margin: 0 auto;}


.xwz{ width:90%; margin:auto; margin-top:20px;}
	
.rtCont li a img {
height:260px;
}
	
}


@media(max-width: 1490px){

.w90{width: 90%;margin: 0 auto;}


.companyintro-box{
    width:90%;
    padding:60px 5%;
    margin-top:70px
}

.title-section{
    width:96%;
}
.swiper-container{ width:94%; }


}


@media(max-width: 1440px){

.header .nav ul li a{font-size:17px;}
.top1{ float:left; width:20%;}

.header .inner{height:90px;position:relative;width:98%;margin:0 auto;}
.header .nav{width:58%; float:left; position:relative; right:-4%;}

}


@media(max-width:1400px){

.index3 .right li div p{margin-top:6px;font-size: 12px;text-transform: uppercase;}
 
 .rtCont li a img {
height:240px;
}
 
.oh {margin-top:5px;}




	.footer .auto{width:1200px;}
	#top_scroll{max-width:100%;}
	.so_banner .swiper-slide{width:1000px;}
	.so_banner .swiper-button-next{right:-500px;}
	.so_banner .swiper-button-prev{left:-500px;}
	.footer .a_list{width:370px;}
	.footer .ewm{width:110px;margin-top:20px;}
	
	
	
	
	
	.foot-bg1{ max-width:97%; height: auto; margin:auto; padding-top:10px; }
	

.video-play-btn{

    transform: translate(-50%,-100%);

}

}









@media (min-width:640px){
	.fixed_footer{width:640px!important;left:50%;margin-left:-320px;}
}

.fixed_footer a{float:left;width:33.33%;text-align:center;}
.fixed_footer img{display:inline-block;height:24px;margin:5px 0 0;}
.fixed_footer strong{color:#fff;font-size:12px;display:block;height:20px;line-height:20px;}
.wap_show{display:none;}





@media(max-width:1265px){

.header .top2 p{ font-size:11px}
.header .phone{ width:13%}

.footr1{ width:16%; padding-right:3%; margin-top:25px }
.footr2{ display:none}
.footr3{  width:20%; }
.footr4{  width:35%; }
.footr5{  width:25%; }

}

@media(max-width:1250px){

.header .nav{right:-3%;}


.dxxw{  margin:10px auto}
.xwyy1 li{ width:98%; display:inline-block; overflow:hidden;  border-radius:10px; padding:10px 0 ; margin: 10px 1% 0 1%;}
.xwyy1 li{ margin-bottom:5px;}
.xwyy1 span h5{ font-size:53px; line-height:1.2;  color:#fff;  font-family:Impact; width:100%; text-align:center; padding-top:15px  }

.xwyy1 span{ display:none }

.rtCont li a img {height:220px;}
}

@media(max-width:1210px){
	html,body{margin:0 auto!important;}
	.product_list_two .item .info p,.product_list_three .item .info p,.header .call,.banner .swiper-button-next,.banner .swiper-button-prev,.news_two .news_box li p,.position_now .fr,.arrow_down,#list 
	.left_side,.news_one .news_box li .img .bg,.news_article_box .left_fixed,#none,.pc_show,.section_one .son, .ysbt h3 span{display:none;}
	.header .menu_box,.fixed_footer,.wap_son,.wap_show{display:block;}
	#list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto, .section_five .item_box{width:auto;padding:0 15px;}
	.pub_title{padding:24px 0;}
	.pub_title h4{font-size: 30px;}
	.pub_title p{font-size: 16px;}
	.header,.header.bg{height:60px;  top:0px;  background-color:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.3)}
	.top1{margin-top: 0px; background:none;}
	.header .top2 { height:auto; margin-top:0px; margin-right:4% }
	.header .top2 h1{ font-size:24px;  margin-left:5px; margin-top:4px; color:#2b2b2b }
    .header .top2 p{ font-size:11px;  margin-left:7px; color:#2b2b2b; letter-spacing:1px}
    .top3{ width:24%; height:auto; margin-top:-13px }
.dxtb{ display:none}
.header{ position:fixed; top:0px; z-index:9999}
	.header_height{height:60px;}
	.header .inner{padding:5px 10px;width:auto;height:54px; }
	.header .logo{width:auto;height:auto; margin-top:0;}
	.header .logo img{height:40px;margin:0;width:auto; margin-top:5px}
	.header .nav{position:fixed;width:280px;height:327px;overflow:auto;padding:20px 0;top:50%;left:50%;margin:-163px 0 0 -140px;z-index:9999999999!important;background-color:#fff;box-shadow:0 0 10px #f1f1f1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);}
	.header .nav ul li{display:block;width:90%;margin:0 auto;height:40px;line-height:40px;border-bottom:1px solid #f9f9f9;}
	.header .nav ul li:last-child{border:none;}
	.header .nav ul li a,.header.bg .nav ul li a{height:40px;line-height:40px;color:#333;}
	.header .nav ul li em{ display:none}
.header .nav ul li a:hover,.header .nav ul li a.active{color:#333;}
.header.bg .nav ul li{height:40px;line-height:40px}
	.product_son{display:none!important;}
	.copyright{height:auto;line-height:40px;}
	.xl2{ display:none!important;}
	


.header .phone {float: left; width:20%}

.phone .h_lan{position:relative; margin-left:10px; padding:5px 0 5px; cursor:pointer; font-size:0; color:#fff; line-height:40px;}
.phone .h_lan i.icon{display:inline-block; width:20px; height:20px;margin-right:8px; vertical-align:middle; transition:all 0.5s ease;}
.phone .h_lan .lan_down{width:130px;position:absolute;z-index:999; top: 54px;display: none;height:85px;}




/*产品展示*/
.section-wrap {
            width: 98%;
            margin: 0 auto;
        }


/*简介*/


.companyintro-box{
    width:96%;
    min-height: inherit;
    background: url(../images/xm_02.jpg) center/cover no-repeat;
    padding:30px 2%;
    color:#fff; margin-top:40px
}

.companyintro-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    position:relative;
    padding-bottom:14px;
    margin-bottom:30px;
}


.companyintro-title h2{
    font-size:24px;
    font-weight:bold;
    margin-bottom:10px;
}
.companyintro-title p{
    font-size:16px;
    color:#f7b500;
}
.companyintro-logo{
    width:68px;
}


.companyintro-content{
    display: inherit;
    gap:0px;
}
.companyintro-text{
    width:100%;
}
.companyintro-text p{
    font-size:16px;
    line-height:1.8;
    margin-bottom:6px;
}

.companyintro-text p a{
    font-size:16px;
    line-height:1.8;
    margin-bottom:6px; color:#FFFFFF; display: inline
}


/* 按钮 */
.companyintro-btn{
    display:inline-block;
    margin-top:10px;
    padding:5px 22px;
    background:#f7b500;
    color:#000;
    text-decoration:none;
    border-radius:35px;
    font-size:16px;
    font-weight:500;
    transition:all 0.3s ease; margin-bottom:15px
}
.companyintro-btn:hover{
    background:#e0a300;
    padding:8px 32px;
}

.companyintro-pic{
    width:100%;
    position: relative;
    overflow: hidden;
}


.video-play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(247,181,0,0.85);
    cursor: pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition: all 0.25s;
    z-index:2;
}

.video-play-btn::after{
    content:"";
    width: 0;
    height: 0;
    border-left: 14px solid #000;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    margin-left:4px;
}


#demoy{ overflow:hidden;height:204px;width:100%; margin:40px auto 0; color:#336699;  }
#demoy1 ul li{width:250px; height:188px;margin:8px 10px; float:left}
#demoy1 ul li a h3,#demo2 ul li a h3{width:250px;height:188px ; overflow:hidden;}
#demoy1 ul li a h3 img,#demo2 ul li a h3 img{width:250px;transition:all .5s ease; height:188px;}
#demoy1 ul li a ol,#demo2 ul li a ol{  height:35px; line-height:35px; font-size:16px;}
#demoy2 ul li{width:250px;height:204px;margin:8px 10px;}





.data-wrap{
    width:100%;
    background: linear-gradient(90deg, #ffc208, #ff6000, #e51c20); margin-top:30px
}

.about_type ul{
    width:96%;
    margin:auto;
    display:flex; padding:30px 0; height:auto  
}

.about_type em{
    font-size:60px;
    color:#fff;
    font-family: Arial, Helvetica, sans-serif; 
    font-weight:600;
    text-align:center; 
    font-style:normal; 
}

.about_type li p{
    color:#fff; 
    font-size:16px;  
    line-height:1.5; 
}



.title-section{
    width:98%;
    padding:50px 0;
}


.title-left::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:80px;
    height:80px;
    background:linear-gradient(90deg,#ffc300,#fff);
    border-radius:50%;
    z-index:-1;
}


.title-main h2{
    font-size:24px;
    color:#333333;
    font-weight:bold;
}
.title-line{
    width:80px;
    height:2px;
    background:#ffc300;
}
.title-desc{
    font-size:16px;
    color:#666666;
    margin-top:8px;
}

.btn-detail1{ display:none
}



.swiper-container.anli1 .swiper-slide{background-position:center;background-size:cover;width:500px;box-sizing:border-box;position:relative}





.factory-wrap::before{
    height:120px;
}
.factory-content{
    padding-top:180px
}



.section_nine .pub_title2{width: 96%;margin: 0 auto;}
.pub_title2{padding-bottom: 0;}
.pub_title2 h3{font-size:24px;color: #f18a17;text-align: left;}
.pub_title2 span{font-size: 20px;color:#333333;text-align: left;font-weight: 500;display: inline-block;}

.tabbox {width:96%;margin:0 auto;}
.tabbox .content{ display:none}
.tabbox .tab {width:100%;}

.tabbox .tab .item{width:100%;height: auto;margin-bottom:30px;border-bottom: 2px solid #f0f0f0; overflow:hidden}
.tabbox .tab .item .img{height:300px;width:30%;overflow: hidden; margin-bottom:15px}
.tabbox .tab .item .img img{display: block;
    width:100%;
    height:100%;
    object-fit: cover;}
.tabbox .tab .item .info{width:60%;height: auto;padding:0 2%;}






/*新闻*/

.xwz{ width:98%; margin:auto; margin-top:20px;}
.xwzz{ display:none}
.xwyy{ width:100%;}





.nysp{ width:96%; margin:auto}
.nysp iframe{ width:100%; height: 550px }



.ny-cont li{ width:48%; float:left; margin:10px 1%; height: auto; }
.ny-cont li embed{height:350px;}


#top_scroll{ height:700px;}



#list .right_side.fr{width:96%; margin:auto}

.w90{width: 90%;margin: 0 auto;}

.sidebar-box{
    width:96%;
    background:#fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.12);
    overflow:hidden; margin:0 auto 40px;
}

.contact-box{ display:none}









@media(max-width:1090px){

 .rtCont ul {
    margin: 10px auto 20px;
    width: 96%;
    overflow: hidden; 
  position: relative;
  z-index: 2; }

  .rtCont li {
    float: left;
    text-align: center;
    margin-right: 0;
    margin-left: 0; width:48%; margin:10px 1% }

 .rtCont li a img {
        display: block;
        font-size: 0px;
        width:100%;
        height: auto;
        margin-bottom: 0px; object-fit: cover;  object-position: center;  border:0px #fff solid; border-radius:0; overflow: hidden;}

.rtCont li a p {
        font-size: 18px;
        text-align: center;
		width:100%; margin:auto;  
        height: 40px;
        line-height: 40px;
        display: block;
        color: #fff;
        transition: all .3s; background-color:#034ab6}

.blue-bar{ display:none}



/* 基地 */
.hbjd{ width:100%; background:url(../images/hb_4.png) center no-repeat; height:800px; margin-top:10px }
.hbjd1{ width:100%; margin:auto; padding-top:40px;}
.hbjd1 span{ font-size:60px; text-align:center; font-family:Arial; font-weight:800; text-transform:uppercase; color:#7ac994; display:block}
.hbjd1 h3{ font-size:36px; text-align:center;  font-weight:800;  color:#fff; }
.hbjd1 p{ font-size:22px; text-align:center; color:#fff; line-height:3 }

.al{width:100%;margin:180px auto 0; }

.muma{position:relative;width:100%;margin:auto;} 
.sc666{padding:20px 0;}
.ss666.swiper-slide{background-position:center;background-size:cover;width:500px;height:375px;border-radius:8px;border:5px solid #fff;}
.ss666.swiper-slide a{ display:block;}





/*案例*/



#demoya{ overflow:hidden;height:225px;width:94%; margin:auto; color:#336699; padding-top:10px;}
#demoy1a ul,#demo2 ul{ display:block;width:6285px; overflow:hidden}
#demoy1a ul li{width:250px; height:204px;margin:8px 10px; float:left}
#demoy1a ul li a h3,#demo2 ul li a h3{width:250px;height:188px ; overflow:hidden;}
#demoy1a ul li a h3 img,#demo2 ul li a h3 img{width:250px;transition:all .5s ease; height:188px;}
#demoy1a ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demoy1a ul li a ol,#demo2 ul li a ol{ text-align:center; height:35px; line-height:35px;transition:all .5s ease;  background: rgba(45,45,45,0.7); position:relative; top:-35px; color: #ffffff; font-size:15px;}
#demoy1a ul li a:hover ol,#demo2 ul li a:hover ol{ }
#demoy2a ul li{width:250px;height:204px;margin:8px 10px;}


/*新闻*/
.xwbt{ margin-top:20px;}
.xwbt p{font-size:25px;color:#242424; text-transform:uppercase;  line-height:2; font-weight:600; text-align:center;}
.xwbt span{font-size:15px;color:#4c4c4c; text-transform:uppercase;  line-height:1.6; display:block;  text-align:center;}


.xyxw2_1 h3 span{ font-size:46px; color:#323232; font-family:Arial; font-weight:900; font-style:italic; margin-top:5px}
.xyxw2_1{ width:41%; float:left; padding-right:3%; height:520px; border-right:1px #CCCCCC solid}
.xyxw2_2{ width:52%; float:right}
	

.lmxw{ width:96%; padding:20px 2% 50px 2%; height:auto; overflow:hidden; background-image: linear-gradient(to bottom, #fff, #d4e9bf);}


/* 产品展示 */

#top_scroll{margin:20px auto;}
#top_scroll ul li{width:49%;}
#top_scroll ul li h3{font-size:15px;}
#top_scroll ul li .call{font-size:11px;}
#top_scroll ul li .call i{margin-right:2px;}
	


	
/*底部*/

	
	.position_now .fl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}
	#allmap{height:260px;}
	#nyba{height:160px; background-size:cover!important;}
	.fade_text{margin-top:80px;}
	.fade_text .cn{line-height:40px;height:40px;}
	.fade_text .cn span{font-size:30px;}
	.fade_text .en{font-size:16px;}
	.fade_text .line{margin:10px auto;}
	.form_box_box,ul.fs{width:100%;}
	.form_box_box{margin:0;padding:20px 0;box-shadow:none;}
	ul.fs .box1 li{float:none;width:100%;margin-bottom:20px;}
	.showlist li{margin-bottom:10px;}
	.product_list_one .item:hover strong{border:none;}
	.product_list_one .item .info{padding:10px 5px;background:none!important;}
	.product_list_one .item strong{font-size:14px;width:100%;}
	.product_list_two .item .info strong,.product_list_three .item .info strong{padding-top:10px;font-size:14px;}
	.product_list_two .item .info,.product_list_three .item .info{padding:10px 5px;}
	.product_list_three .item{padding-bottom:5px;}
	#list .right_side{float:none!important;width:100%!important;}
	.news_one .news_box li .img,.news_one .news_box li .info{float:none!important;width:100%;}
	.news_one .news_box li .img{ display:none}
	.news_one .news_box li .info{padding-top:20px;height:auto;}
	.news_one .news_box li .info .time{padding:10px 0;}
	.news_one .news_box li .info .line{margin-bottom:6px;}
	.news_one .news_box li:hover .info{padding-top:20px;}
	.news_one .news_box li .info p{font-size:14px;}
	.son_list{height:40px;}
	.son_list a{height:40px;line-height:40px;width:100px;font-size:14px;padding:0;}
	.news_article_box .right_article{width:100%;float:none;background-color:#fff;}
	.news_article_box .inner_content,.news_article_box .h1_title{padding:20px;}
	
	.news_article_box .h1_title{ margin:0px !important;}
	.news_two .news_box li{width:49%;margin:0.5%;}
	.news_two .news_box li a{padding:8px;}
	.news_two .news_box li .time strong{font-size:30px;}
	.fixed_body .fixed_article{width:90%;height:500px;margin:-250px -45% 0 0;}
	.fixed_body .fixed_article .fb_close{top:auto;bottom:0;width:50px;height:50px;}
	.fixed_body .fixed_article .fb_close i{margin-top:5px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}
	.info_big_box{width:98%;height:auto;}
	.img_big_box{width:98%;height:auto;}

	.info_big_box h1{margin-top:0;font-size:20px;}
	.info_big_box .info_1{margin-top:10px;}
	.info_big_box .share{margin:0 0 10px 0;}
	.tabbox .content,.section_four .img2,.section_four .img1,.section_two .txt:after, .info_big_box .info_1 .dh:nth-of-type(2),.info_big_box .info_1 .dh:nth-of-type(3),.info_big_box .info_3{display:none;}
	.xgcp_title{margin-top:10px;}
	.footer .auto,.section_two .auto{width:auto;padding:0 12px;}
	.so_banner .swiper-slide{width:80%;}
	.so_banner .swiper-button-prev{left:-40%;}
	.so_banner .swiper-button-next{right:-40%;}
	.so_banner .swiper-button-next:after{width:28px;height:28px;background-size:100%;margin-top:-14px;}
	.so_banner .swiper-button-prev:before{width:28px;height:28px;background-size:100%;margin-top:-14px;}
	

.swtbox .btn1{width:35%;height:38px; font-size:20px;color:#ffffff;font-weight:bold;line-height:38px;box-shadow:0 6px 5px rgba(249,90,23,0.4);transition:all linear 0.3s;}
.swtbox .btn3{width:35%;height:38px; font-size:20px;color:#ffffff;font-weight:bold;line-height:38px;box-shadow:0 6px 5px rgba(249,90,23,0.4);transition:all linear 0.3s; margin-left:10px}
	
	
	#bg .alert_video{width: 95%;height: 30%;left: 0;right: 0;margin: auto;top: 0;bottom: 0;}
	#bg .close{left: 0;right: 0;margin: auto;top: 120%;bottom: 0;z-index: 9999;}


	.footer .ewm,.al_one .img_box{display:none;}




	
}

@media (max-width:1164px){


/*数字变化*/

.about_type h2{ margin-left:10%; }
.about_type li p{margin-left:10%;  }

.index3{ margin-top:30px}
	
}
@media all and (max-width:1125px){

/*简介*/



.top1{ width:75%}
.top3{ width:22%; height:auto; margin-top:-7px }



}

@media all and (max-width:1050px){

.lmdb{width:100%; height:204px; background-image: url(../images/lm_04.jpg);  background-position:center; background-repeat:no-repeat;}
.lmdb_1{ width:90%; margin:auto; padding-top:80px; font-size:25px; text-align:center; color:#fff; line-height:2}


.footr1{ width:30%; padding-right:5%; margin-top:25px }
.footr3{ display:none }
.footr4{  width:35%; }
.footr5{  width:30%; }


.foootr7{display:none}


.tabbox .tab .item .img{height:250px;width:30%;overflow: hidden; margin-bottom:15px}

}




@media (max-width:960px){
.product-section {
            width: 100%;
            padding: 30px 0 50px 0;
        }
.section-header {
            text-align: center;
            margin-bottom: 20px;
        }

.logo-img {
            width:50px;
            margin-bottom: 12px; margin:auto
        }

 .product-grid {
                grid-template-columns: 1fr;
            }
            .product-card {
                flex-direction: column;
            }
            .card-text {
                width:100%;
                margin-bottom:5px;   flex: 0 0 0;
            }






.xysz{width:100%; background: none; height:207px; background-color:#0b78d5; margin-top:30px }
.xysz1{ width:96%; margin:auto; padding-top:10px}


.article_content video{ width:100%; height:auto}



.xylb4{ display:none }


.xyxw2_1{ width:100%; float: none; padding-right:0; height: auto; border-right: none; height: auto; }
.xyxw2_1 h3{ font-size:32px; color:#2066bc; text-align:center}
.xyxw2_1 h3 span{ display:none}
.xyxw2_1 p{ font-size:18px; color:#464646; line-height:2; text-align:center}
.xyxw2_1 img{ display:none}

.xyxw2_2{ width:100%; float: none; height:auto;}

.xwyy1{width:100%; margin:auto; }
.xwyy1 li{ width:96%; display:inline-block; overflow:hidden;  border-radius:10px; padding:2% 1% ; background-color:#f1f1f1; margin-top:5px }
.xwyy1 li{ line-height:28px; margin-bottom:20px;}
.xwyy1 li:hover{ }
.xwyy1 img{  margin:auto; margin-top:24px; margin-bottom:30px;}
.xwyy1 h4 {  width:100%; padding-left:0%  }
.xwyy1 h4 a{ color:#464646; font-size:19px; line-height:2.5; font-weight:normal; padding-top:5px  }
.xwyy1 em{ font-size:16px; line-height:1.9; display:block;overflow:hidden; color:#6b6b6b; font-style:normal; margin-top:7px; padding-left:2%  }
.xwyy1 li:hover h4 a{ color:#116295; }
.xwyy1 span{ display:none  }
.xwyy1 span h5{  display:none  }


.footr{ width:100%; background-color:#363636; padding:30px 0px;  height:auto; overflow:hidden; margin-top:30px; border-top:10px #fabf01 solid}

.footr1{ display:none}
.footr4{ width:100% }
.footr22{margin-top:10px; width:100%}
.footr22 a{ color:#fff; display:block;  line-height:1.8;  font-size:16px; }
.footr22 p{ color:#fff; display:block;  line-height:1.8;  font-size:16px;}
.footr5{ width:100%; margin-bottom:50px }

}




@media (max-width:860px){
	.section_one .middle_box .bannertxt{ position:relative; right:0;}




.contact-item{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 20px;
}
/* 圆形图标容器 */
.contact-icon{
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* 固定圆形不压缩 */
}
/* 文字区域 */
.contact-text .title{
    font-size: 14px;
    margin-bottom: 5px;
    opacity: 0.9; 
}
.contact-text .info{
    font-size: 20px;
    font-weight: 800;
}


.tabbox .tab .item .img{height:190px;width:30%;overflow: hidden; margin-bottom:15px}





.about_type ul{
    width:98%;
    margin:auto;
    display:flex; 
	flex-wrap: wrap;
	padding:30px 0; 
	height:auto  
}

.about_type li{
    flex: 0 0 50%;
    box-sizing:border-box; 
    position:relative;
    padding:20px 10px;
}

.about_type h2{
    font-size:18px;
    color:#fff;
    margin-top:0; 
    font-weight:normal; 
}
.about_type em{
    font-size:40px;
    color:#fff;
    font-family: Arial, Helvetica, sans-serif; 
    font-weight:600;
    text-align:center; 
    font-style:normal; 
}



.about_type li:not(:first-child)::before{ display:none}


}




@media( max-width:760px ){
	.top2 h1{ font-size:24px;  margin-left:1px;  }
    .top2 p{ font-size:9px;  margin-left:1px;}
    .top3{ width:23%; height:auto; margin-top:-5px }



.footr21{ margin-top: 16px; margin-bottom:30px}
.footr21 p{  font-size:16px; line-height:1.8}


.nysp iframe{ width:100%; height: 300px }





}


@media( max-width:725px ){

.xylb{ width:100%; padding:20px 0 40px; margin:auto; background-color:#0b78d5; height: 740px; }
.xylb1 h3{ font-size:26px; text-align:center; font-weight:bold; color:#FFFFFF}
.xylb1 span{ font-size:26px; text-align:center; font-weight: 800; color:#e9f108; font-style:italic; }

.lbb{  text-align:center; margin:auto  }
.lbb a{ display: inline-block; font-size:16px; color:#373737; line-height:32px;  width:49%;  text-align:center;   font-weight:normal; 
 margin:3px 0.3%; box-sizing: border-box;  border-radius:0px; border:1px #fff solid; float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;   }
.lbb a:hover{  background-color:#e9f108; color:#232323;  transition:all .5s ease;    }
.lbb a h3{ font-size:16px; }
.lbb a:hover h3{ color: #232323;  }

.xylb3 h3{ font-size:26px; text-align:center; font-weight:bold; color:#FFFFFF}
.xylb3 span{ font-size:26px; text-align:center; font-weight: 800; color:#e9f108; font-style:italic; }



.w90{width: 90%;margin: 0 auto;}


.index3 .right li div span{margin-top:10px; font-size:16px}
.index3 .right li div p{ display:none}

.ny-cont li{ width:100%; float: none; margin:10px 0; height: auto; }
.ny-cont li embed{height:300px;}


.swiper-container.anli1 .swiper-slide{background-position:center;background-size:cover;width:400px;box-sizing:border-box;position:relative}


}



@media( max-width:640px ){


	.top1{ width:70%}
	.top2 h1{ font-size:24px;  margin-left:5px;  }
    .top2 p{ font-size:9px;  margin-left:5px;}
    .top3{width:13%; height:auto; margin-top:-5px }
	
	

.header .logo h1{ font-size:26px; color:#303030; font-weight:bold; line-height:54px}
.header.bg .logo h1{ font-size:20px; color:#303030; font-weight:bold; line-height:50px}

	
	
	

 .section-title {
            font-size:24px;
            color: #222; font-weight:bold
        }
        .section-desc {
            margin-top: 14px;
            font-size: 16px;
            color: #666;
        }	
.card-text { margin-top:5%
        }	
.card-title {
            font-size: 20px;
            color: #111;
            margin-bottom: 8px; font-weight:bold
        }
        .card-info {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            margin-bottom: 16px;
        }
	
 .btn-detail {
            display: inline-block;
            padding: 5px 22px;
            background-color: #f7b500;
            color: #000;
            text-decoration: none;
            border-radius: 30px;
            font-weight: 500;
        }
		.btn-detail:hover {
    background-color: #2c2c2c;  
    padding: 5px 32px; color:#FFFFFF
}


 .card-img {
            max-width: 85%;
            height: auto;
            object-fit: contain;
            filter: drop-shadow(2px 4px 8px rgba(0,0,0,0.08)); margin: auto
        }	
	
	
	
	
.title-wrap{
    width:96%;
    padding:30px 0 20px;
    text-align:center;
    background:#fff;
}
.main-title{
    font-size:24px;
    font-weight:bold;
    margin-bottom:10px;
}
.txt-black{
    color:#222222;
}
.txt-yellow{
    color:#f7b500;
}
.sub-desc{
    font-size:16px;
    color:#666666;
    margin-bottom:10px;
}
.english-desc{
    font-size:14px;
    color:#777777;
}

	
	
.factory-wrap::before{
    height:100px;

}	
	
.factory-content{
    width:96%;padding-top:130px
}	
	
.factory-title{
    margin-bottom: 30px;
}	
	
.factory-title h2{
    font-size:24px;
    margin-bottom:16px; font-weight:bold
}

.factory-title .cn-desc{
    font-size:16px;
    margin-bottom:10px;
    position:relative;
}	
	
.factory-title .en-desc{
    font-size:14px;
    opacity:0.85;
}	
	
	
	
#demoyx{ 
    overflow:hidden;
    height:320px;
    width:98%; 
    margin:0 auto 70px; 
    color:#336699; 
}
#demoy1x ul,#demo2 ul{ 
    display:block;
    width:2150px; 
    overflow:hidden
}
#demoy1x ul li{
    width:300px; 
    height:320px;
    margin:8px 10px; 
    float:left; 
    background-color:#FFFFFF; 
    border:4px #FFFFFF solid;
    position: relative; /* 关键：给logo定位容器 */
    overflow:hidden;
}
#demoy1x ul li a h3{
    width:300px;
    height:225px ; 
    overflow:hidden;
    position:relative;
    display:block;
}
#demoy1x ul li a h3 img{
    width:300px;
    transition:all .5s ease; 
    height:225px;
    /* 图片变暗过渡 */
    filter: brightness(1);
}
#demoy1x ul li a h3:hover img{
    transform: scaleX(1.1) scaleY(1.1);
    filter: brightness(0.45); /* 图片变暗 */
}

/* 悬浮显示LOGO遮罩层 */
#demoy1x ul li a h3::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: url(../images/logo1.png) center center no-repeat;
    background-size: 200px; /* logo大小自己调 */
    opacity:0;
    transition: all 0.5s ease;
}
#demoy1x ul li a h3:hover::after{
    opacity:0.7;
}

#demoy1x ul li a ol,#demo2 ul li a ol{ 
    text-align:center; 
    height:35px; 
    line-height:35px;
    transition:all .5s ease;   
    position:relative; 
    color: #000; 
    font-size:16px;  
}
#demoy1x ul li a em ,#demo2 ul li a em{ 
    text-align:center; 
    height:30px; 
    line-height:30px; 
    width:82px; 
    background-color:#f7b109; 
    color: #fff; 
    font-size:12px; 
    margin:0 auto 30px; 
    display:block; 
    font-style:inherit ; 
    border-radius:40px; 
}
#demoy1x ul li a:hover em,#demo2 ul li a:hover em{ 
    background-color:#303030 
}
#demoy2x ul li{
    width:300px;
    height:350px;
    margin:8px 10px;
}	
	
	
	
.tabbox .tab .item .img{height:150px;width:30%;overflow: hidden; margin-bottom:15px}	
	
	
	
	.swiper-button-prev{left: 0  !important;}
	.swiper-button-next{right:  0  !important;}
	
	
	.article_content p iframe{width:100%!important;height: 300px !important;}





.article_box p,.article_content p img{ width:100% !important;  height:auto!important;  padding:10px 0 }


/* 基地 */
.hbjd{ width:100%; background: none; height: auto; margin-top:10px }
.hbjd1{ width:100%; margin:auto; background-color:#129f41; padding:25px 0;}
.hbjd1 span{ font-size:40px; text-align:center; font-family:Arial; font-weight:800; text-transform:uppercase; color:#7ac994; display:block}
.hbjd1 h3{ font-size:26px; text-align:center;  font-weight:800;  color:#fff; }
.hbjd1 p{ font-size:17px; text-align:center; color:#fff; line-height:1.5 }

.al{width:100%;margin:10px auto 0; }

.muma{position:relative;width:100%;margin:auto;} 
.sc666{padding:20px 0;}
.ss666.swiper-slide{background-position:center;background-size:cover;width:500px;height:375px;border-radius:8px;border:5px solid #fff;}
.ss666.swiper-slide a{ display:block;}


.mm{ width:90%; margin:0px auto}

.more3{ width:35%; height:49px; background-color:#6b6b6b;  display:block; margin-top:25px;  border-radius:2em; margin-left:40px; margin-bottom:20px; margin-left:15% }
.more3 a{ width:100%; height:49px;  color:#ffffff; font-size:17px;  text-align:center;display:block;line-height:49px; transition:all .2s ease;text-decoration:none; }
.more3 a:hover{ background-color:#129f41; border-radius:2em; color:#ffffff;}



.img_big_box .img_box{ height:350px!important; }






	
		/*新闻*/

.xw{ background-color:#e05a12; padding:100px 0px; }
.xwz{ width:96%; margin:auto; margin-top:15px;}
.xwzz{ width:100%; float: none; }
.xwyy{ width:100%;float: none; margin-top:10px; }


.xinwen_news_you{width:100%; margin:auto; }
.xinwen_news_you li{ width:92%; display:inline-block; overflow:hidden;  float: none; margin:auto;  padding:4%; border-radius:10px; margin-bottom:8px;}

.xyxw{  height:405px; }
.xyxw1{  height:420px; margin:-300px auto 0}
.xwyy1{width:100%; margin:auto;  }
.xwyy1 li{ width:98%; display:inline-block; overflow:hidden;   background-color:#f1f1f1; padding:3% 3.5%; border-radius:10px;}
.xwyy1 li{ line-height:28px; margin-bottom:10px;}
.xwyy1 li:hover{ }
.xwyy1 img{  margin:auto; margin-top:24px; margin-bottom:30px;}
.xwyy1 h4 a{ color:#464646; font-size:16px; line-height:2; font-weight:normal;  }
.xwyy1 h4 {  }

.xwyy1 em{ font-size:15px; line-height:2.1; display:block;  overflow:hidden; color:#6b6b6b; font-style:normal; margin-top:7px; height:36px; }

.xyxw2_1 h3{ font-size:26px; color:#2066bc}



.xinwen_news_you h4 a {
    color: #121212;
    font-size: 16px;
    line-height: 2;
    font-weight: normal;
}

.xinwen_news_you em{ font-size:15px; line-height:1.7; display:block;  overflow:hidden; color:#6b6b6b; font-style:normal; height: 80px; margin-top:10px; }

.xinwen_news_you span {
    font-size: 15px;    margin-bottom:0px;
}

.xinwen_news_you img {

    margin-bottom: 15px;
 
}





.fotd p{ display:none;}
	
	
.section_one .banner1{height:300px;min-height:300px;max-height:1600px;width:100%;position:relative;}
.section_one .bannerbg {width:100%;height:300px;display:block;position:absolute;z-index:2;background:url(../images/banner_bg.png) repeat center;}
#video_cover{width:100%;height:300px; background:url(../../images/video_cover.jpg);background-size:cover;background-position:center;}

.footrr{ width:94%;  }
.footr5{ margin-bottom:40px }
}


@media( max-width:600px ){

.header .logo{float:left; margin-top:10px; margin-right:0.5%}
.header .logo img{ width:30px; height:auto;  }

.header .top2{float:left; margin-top:10px}
.header .top2 h1{ font-size:18px; color:#313130; font-weight:bold;}
.header .top2 p{ display:none}

.header .phone {width:36%; margin-left:2%}

.sidebar-box{
    width:98%;
}
.product-class{padding:24px 2%;border-bottom:5px solid #f5f5f5;}
.class-item{
    display:flex;
	align-items:center;
    padding:5px 10px;
    border:1px solid #eee;
    border-radius:4px;
    margin-bottom:6px;
    font-size:16px;
	color:#222;
    gap:12px;
	position:relative; 
	border-left:8px solid #eee;
}
.class-item .icon{ width:30px; }
}


@media( max-width:550px ){

.lbb{  text-align:center; margin:auto  }
.lbb a{ display: inline-block; font-size:15px; color:#373737; line-height:36px;  width:49%;  text-align:center;   font-weight:normal; 
 margin:3px 0.3%; box-sizing: border-box;  border-radius:0px; border:1px #fff solid; float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;   }
.lbb a:hover{  background-color:#e9f108; color:#232323;  transition:all .5s ease;    }
.lbb a h3{ font-size:15px; }
.lbb a:hover h3{ color: #232323;  }


.w90{width: 90%;margin: 0 auto;}



.footr51{  width:100%; }
.footr51 img{ float:left; height:20px;}
.footr51 p{ font-size:16px; padding-left:25px; color:#FFFFFF}
.footr52{  width:100%; font-size:30px; color:#FFFFFF; font-weight:bold; font-family:Arial; margin-top:10px }



.xysz{width:100%; background: none; height:207px; background-color:#0b78d5; margin-top:30px }
.xysz1{ width:96%; margin:auto; padding-top:20px}


.dxcp p{ line-height:1.3}



}

@media( max-width:500px ){
	#top_scroll ul li .call{ display:none}

	.top3{width:15%; height:auto; margin-top:-5px }
	
	.foot6_1 img{ width:60%; height: auto; }
	.foot6_1 p{ font-size:16px; color:#fff; line-height:30px; }

	.foot6_2 img{ width:80%; height: auto;}
	
	
	.lmdb_1{ padding-top:60px; }
	



.header .top2{float:left; margin-top:13px}
.header .top2 h1{ font-size:16px; color:#313130; font-weight:bold;}
.header .top2 p{ font-size:5px; color:#6c6c6c; font-family:Arial}



.phone .h_lan i.icon{display:inline-block; width:15px; height:15px;margin-right:5px; vertical-align:middle; transition:all 0.5s ease;}
.phone .h_lan span{display:inline-block; vertical-align:middle; font-size:14px;transition:all 0.5s ease; color:#393939}
.phone .h_lan span.icon{display:inline-block; width:10px; height:8px;margin-left:7px; vertical-align:-5px; transition:all 0.5s ease;}

.phone .h_lan .lan_down{width:100px;}
.phone .h_lan .lan_down ul>li{margin:0 0; padding:0; float:none;height: 25px;border-bottom: 1px solid #292929;background: rgba(0, 0, 0, 0.8);padding: 5px 0;}
.phone .h_lan .lan_down ul>li a{display:block; padding:5px 10px; color:#fff; text-align:center; line-height:24px;}
.phone .h_lan .lan_down ul>li a img{margin-right:10px; vertical-align:middle}
.phone .h_lan .lan_down ul>li a span{display:inline-block; font-size:14px; vertical-align:middle;color:#fff; }
.phone .h_lan .lan_down ul>li a:hover{background:#fabf01;}
.phone .h_lan .lan_down ul>li:hover a{color: #000!important;transition:all 0.1s ease;}


.header .phone {width:32%; margin-left:2%}

.swiper-container{ width:98%; margin:30px auto 0; height:auto; overflow:hidden}
.swiper-container.anli1 .swiper-slide{background-position:center;background-size:cover;width:350px;box-sizing:border-box;position:relative}
	
}


@media( max-width:430px ){
.header .logo{ margin-top:12px;}
.header .logo img{ width:20px; height:auto;  }

.header .top2{float:left; margin-top:12px; margin-right:0}
.header .top2 h1{ font-size:14px; color:#313130; font-weight:bold;}
.header .top2 p{ font-size:2px; color:#6c6c6c; }


.header .phone {width:34%; margin-left:2%}
}

@media( max-width:370px ){

.header .logo{ margin-top:5px;}
.header .logo img{ width:40px; height:auto;  }
.header .top2{ display:none}
.header .phone{ width:38%}


}

@media( max-width:320px ){

.foot6_1 img{ width:90%; height: auto; }
.foot6_1 p{ font-size:15px; color:#fff; line-height:30px; }

.foot6_2{ width:100%; height: auto; margin-top:20px}
.foot6_2 img{ width:90%; height: auto;}

	.swiper-slide{width: 320px !important; height: 242px !important;}
}




/*===================== 响应式代码 END =====================*/