.ny_banner{width:100%; position: relative;}
.ny_banner img{width:100%; position: relative;}
.ny_banaer_txt{position: absolute;width:100%; height:30px;line-height:30px; color:#fff;bottom:20px; padding-left:6%;padding-right:6%; text-align:right; font-size:12px; }
.ny_banner .ny_banaer_txt img{width:13px; margin-right:5px; padding-bottom:5px;}
.ny_banaer_txt a{color:#fff;font-size:12px;}
.ny_banaer_txt a:hover{color:#d50014;}

.sety_tt{ width:94%;margin: 0 auto;text-align:center;line-height:30px; font-size:16px;  margin-bottom:0px; padding-top:50px;}

.sety_tt h2 {
    font-size:30px;
    margin-bottom: 10px;
    font-weight: 400;
}

.sety_tt>div {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 200;
    color: #666;
}
.sety_tt>span{margin:0 auto; display:inherit;width:60px;height:2px;background-color: #666;    margin-bottom: 35px;}



@media (max-width: 479px) {
.sety_tt{ width:94%;margin: 0 auto;text-align:center;line-height:30px; font-size:12px; color:#737373; margin-bottom:0px; padding-top:30px;}
.sety_tt h2 {
    font-size:25px;
    margin-bottom: 10px;
    font-weight: 400;
}

.sety_tt>div {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 200;
    color: #666;
}
.sety_tt>span{margin:0 auto; display:inherit;width:60px;height:2px;background-color: #666;    margin-bottom: 35px;}


}

.container {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 199px;
    line-height: 180%;
    max-width:1200px;
    margin: 0 auto;
     margin-bottom: 20px;
}

.m2lxul1{
    width: 100%; margin-bottom:30px;
}

.m2lxul1 li {
    text-align: center;
    float: left;
    width: 33.33%;
    padding-bottom: 2.02vw; 
	padding-top: 2.02vw; 
    position: relative;
}

.m2lxul1 li span {
    display: inline-block;
    height: 72px;
    width: 72px;
    position: relative;
}
.m2lxul1 li .cur{ display:none}
.m2lxul1 li:hover .cur{ display:block;transition:all 1s ease;}
.m2lxul1 li span img {
    position: absolute;
    left: 50%;
    top: 50%;
    border: none;
    max-width: 100%;
    height: auto;
    transform: translate(-50%,-50%);
}
.m2lxul1 li p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
    /* letter-spacing: 1px; */
}

.m2lxul1 li:hover{background: #d50014;transition:all 1s ease;}
.m2lxul1 li:hover p{color:#fff;transition:all 0.5s ease;}
.m2pubCon {
    padding-top: 1.2vw;
    padding-bottom: 2.2vw;
}
.m2pubConed {
    margin-top: 3.2vw;
    margin-bottom: 2.2vw;
}
.m2lxul1 li:after {
    content: "";
    background: #E6E6E6;
    height: 120px;
    width: 1px;
    position: absolute;
    right: 0px;
    top: 0px;margin-top: 2.02vw; 
}

.m2lxul1 li:nth-child(3n)::after {
    content: "";
    background: #E6E6E6;
    height: 120px;
    width: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.m2lxul1:after, .m2lxul1:before {
    content: "";
    display: table;
}
@media (min-width: 480px) and (max-width: 767px){
.m2lxul1{
    width: 96%;margin:0 auto; margin-bottom:30px;
}
    .m2lxul1 li {
    text-align: center;
    float: left;
    width: 48%;
	height: 180px;
    padding-bottom: 2.02vw; 
	padding-top: 2.02vw; 
    position: relative; padding-right:2%
}
.m2lxul1 li:after {
    content: "";
    background: #E6E6E6;
    height: 180px;
    width: 1px;
    position: absolute;
    right: 0px;
    top: 0px;margin-top: 2.02vw; 
}

.m2lxul1 li:nth-child(2n)::after {
    content: "";
    background: #E6E6E6;
    height: 120px;
    width: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.m2lxul1 li:nth-child(3)::after {
   content: "";
    background: #E6E6E6;
    height: 180px;
    width: 1px;
    position: absolute;
    right: 0px;
    top: 0px;margin-top: 2.02vw; 
}
.m2lxul1:after, .m2lxul1:before {
    content: "";
    display: table;
}
}
@media (max-width: 479px) {
   .m2lxul1 li {
    text-align: center;
   margin: 0 auto;
    width: 94%;
    padding-bottom: 2.02vw; 
	padding-top: 2.02vw; 
    position: relative;
	
}
.m2lxul1 li:after {
    content: "";
    background: #E6E6E6;
    height: 120px;
    width: 0px;
    position: absolute;
    right: 0px;
    top: 0px;margin-top: 2.02vw; 
}
.m2lxul1 li span {
    display: inline-block;
    height: 100px;
    width: 100px;
    position: relative;
}
.m2lxul1:after, .m2lxul1:before {
    content: "";
    display: table;
}
}
.contact_ly{width:100%;height:52px; text-align:center; margin-top:40px;margin-bottom:40px; }
.contact_ly a{width:180px;height:52px;line-height:50px;text-align:center;color:#fff; display:inherit;border: 1px solid #d50014;background-color: #d50014;border-radius:5px; font-size:18px;margin: 0 auto; margin-top:25px;}
.contact_ly a:hover{color:#fff; display:inherit;border: 1px solid #a30816;background-color: #a30816;transition: background 0.8s ease;}

.nav-menu {
   
    border-bottom: 1px solid #b5b5b5;
    }
    
    .nav-menu .nav-name {
    
    color: #333333;
    display: block;
    text-align: left;
    display: block;
    padding: 0 30px;
    position: relative;
    cursor: pointer;
    line-height: 65px;
    font-size: 18px;
    border-bottom: 1px solid #d2d2d2;
    display: none;
    }
    
    .nav-menu .nav-name .iconfont {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    }
    
    .nav-menu .nav-menu-ul {
    flex-wrap: wrap;overflow-x: auto; /* 水平方向出现滚动条 */
    white-space: nowrap; 
    }
    
    .nav-menu .nav-menu-ul a {

    font-size: 18px;
    line-height: 80px;
    color: #333333;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    }
    
    .nav-menu .nav-menu-ul li {
    text-align: center;
    position: relative;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    margin-right: 5.3%;
    }
    
    .nav-menu .nav-menu-ul li:last-child {
    margin-right: 0px;
    }
    
    .nav-menu .nav-menu-ul li::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: 2px;
    background-color: #d50014;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    }
    
    .nav-menu .nav-menu-ul li.active::before,
    .nav-menu .nav-menu-ul li:hover::before {
    width: 120%;
    }
    
    .nav-menu .nav-menu-ul li.active a,
    .nav-menu .nav-menu-ul li:hover a {
    color: #d50014;
    }
.flexce {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.zwconsott{width:100%;height:50px;line-height:50px; margin-top:20px;background-color:#d8dee5;box-sizing: content-box;margin-bottom:15px;}
.zwconsott ul{list-style:none;margin:0px;padding:0px;width: auto;}
.zwconsott li{height:50px;line-height:50px;  float:left}
.zwcona{width:40%;text-indent:10px;}
.zwconb{width:18%;}
.zwconc{width:10%; text-align:center}
.zwcond{width:14%; text-align:center}
.zwcone{width:18%;}
.zwcone img{ padding-bottom:15px;}

@media (max-width: 479px) {
.zwcona{width:58%;text-indent:10px;}
.zwconb{width:18%; display:none}
.zwconc{width:10%; text-align:center;display:none}
.zwcond{width:19%; text-align:center}
.zwcone{width:23%;}
.zwcone img{ padding-bottom:15px;}
}

.zwconsolist{width:100%;height:auto; box-sizing: content-box; margin-bottom:15px;}
.zwconsolist ul{width: 100%; height:60px;line-height:60px;  }
.zwconsolist li{height:60px;line-height:60px;  float:left; box-sizing: content-box}
.zwconsolist .zwconso-ss {
	  background-color:#d50014; HEIGHT: 60px;  CURSOR: pointer;border-radius:5px;color:#fff;border:0px; padding:15px 45px 15px 45px;
}
.zwconsolist .txt{ padding:40px 20px 40px 20px;line-height:30px;background-color:#f3f6f9; }
.zpa{background-color:#f3f6f9;}
.zpb{background-color:#d50014;color:#fff}
.zwconsolist li img{ margin:15px 10px 0px 0px}
.bmfs{ margin-top:20px;border-top:2px solid #9adfbf; padding-top:10px; }

.ny_content{ margin-top:20px; margin-bottom:20px;line-height:30px;}
.ny_content img{width:100%}
.page-con {
    margin-top: 40px;
    margin-bottom: 40px;
}
/* 页码 */
.pagelist {
	margin: 0px 0;
	text-align: center;
}
.pagelist li {
	display: inline-block;
	margin: 0 4px;
	border: 1px solid #ddd;
	vertical-align: middle;
	font-size: 14px;
}
.pagelist li a{
	padding: 0 10px;
	font-size: 12px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    display: inline-block;
    text-align: center;

    color: #787878;
}
.pagelist li a{
	display: block;
	color: #787878;
}
.pagelist li a:hover {
	background: -webkit-linear-gradient(bottom, #4a4947, #4a4947); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #4a4947, #4a4947); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #4a4947, #4a4947); /* Firefox 3.6 - 15 */
	background: linear-gradient(to top, #4a4947, #4a4947); /* 标准的语法 */
    color: #fff;
}
.pagelist li.thisclass {
	padding: 0 10px;
	height: 30px;
    line-height: 30px;
	border: 1px solid #4a4947;
	background: -webkit-linear-gradient(bottom, #4a4947, #4a4947); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top, #4a4947, #4a4947); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top, #4a4947, #4a4947); /* Firefox 3.6 - 15 */
	background: linear-gradient(to top, #4a4947, #4a4947); /* 标准的语法 */
	color: #fff;
}

/* 上下篇 */
.prevnext {
	
    
    line-height: 40px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-width: 1px 0;
    /*margin: 15px 0 0;*/
    
    font-size: 14px; margin-bottom: 40px; padding: 20px 0px 20px 0px;
}


 
        .sidebar {
            width: 320px;
            margin-right: 20px;background-color: #fff; padding: 20px;
        }
       
        .sidebar .title {
            background-color: #d50014;
            color: #fff;
            padding: 10px 15px;
            font-size: 16px;
            margin-bottom: 20px;width:120px; text-align: center;border-radius:5px;
        }
        .sidebar .news-list {
            list-style: none;
        }
        .sidebar .news-item {
            margin-bottom: 20px;
        }
        .sidebar .news-item a {
            text-decoration: none;
            color: #333;
            line-height: 1.5;
            display: block; font-size: 16px;
        }
        .sidebar .news-item a:hover{color:#d50014}
        .sidebar .news-item img {
            width: 100%;
            height: auto;
            margin-bottom: 10px;
        }
        .sidebar .news-item:not(:last-child) {
            border-bottom: 1px solid #eee;
            padding-bottom: 20px;
        }
         @media (min-width: 480px) {
             .containerss {
            display: flex;
            max-width: 1360px;
            width:100%;
            margin: 0 auto;
            padding: 40px 0;
        }
        
        .main-content {
            flex: 1;
            padding-left: 40px;padding-right: 40px;
            border-left: 1px solid #eee;background-color: #fff;
        }
        .main-content .article-title {
            font-size: 30px;
            font-weight: bold;
            margin-bottom: 40px;
            line-height: 1.5;
            text-align: center; padding-top:40px ;
        }
        .main-content .article-meta {
            text-align: center;
            color: #666;
            margin-bottom: 30px;
            font-size: 14px;
        }
        .main-content .article-meta span {
            margin: 0 10px;
        }
        .main-content .article-content {
            line-height: 1.8;
            margin-bottom: 30px;
            text-indent: 2em;
        }
        .main-content .article-img {
            width: 100%;
            height: auto;
            display: block;
        }
}
 @media (max-width: 479px) {
            .containerss {
            display: flex;
            max-width: 1360px;
            width:100%;
            margin: 0 auto;
            padding: 0px 0;
        }
        
        
 .sidebar{ display:none}
.article-content img{width:100%;}

.main-content {
            flex: 1;
            padding-left: 20px;padding-right: 20px; padding-top: 20px;
            border-left: 1px solid #eee;background-color: #fff;
        }
        .main-content .article-title {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 20px;
            line-height: 1.5;
            text-align: center; padding-top:0px ;
        }
        .main-content .article-meta {
            text-align: center;
            color: #666;
            margin-bottom: 30px;
            font-size: 14px;
        }
        .main-content .article-meta span {
            margin: 0 10px;
        }
        .main-content .article-content {
            line-height: 1.8;
            margin-bottom: 30px;
            text-indent: 2em;
        }
        .main-content .article-content img{display: block}
        .main-content .article-img {
            width: 100%;
            height: auto;
            display: block;
        }





}
.case_list{

	padding-top: 40px;
	padding-bottom: 0px;
}

.case_list_fon_info{
	width: 100%;
	
}
.case_list_fon_info p{
	color: #999999;
	font-size: 14px;
	font-weight: 100;line-height:25px;
}
.case_list_fon_info h4{
	color: #222222;line-height:30px;font-weight: 600;font-size: 18px;
}
.case_list_font{
	background-color: #FFF;
	padding: 20px;
	
	
}
.case_list ul li a em{
	display: block;
	color: #999999;
	background: url(../images/ico03s.png) no-repeat  90px 15px;
	background-color: #FFF;
		padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 40px;
	font-size: 14px;
}
.case_list_ewm{width:80px;height:100px;position:absolute; right:10px; line-height:25px;bottom:0; color: #999999;
	font-size: 12px;
	font-weight: 100;}
.case_list_ewm img{width:70px;height:70px; border: 1px solid #d3d3d3;}

.case_list ul li{
	width: 32%; margin-bottom:30px;position:relative; border-bottom:1px #ececec solid; background-color:#fff;
}

.case_list ul li:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#000;}
.case_list ul li:hover:after{
width:100%;}
.casetp{height:250px; overflow:hidden}
@media (max-width: 479px) {
    .case_list{

	padding-top: 0px;
	padding-bottom: 0px;
}
   .case_list ul li{
	width: 100%; margin-bottom:30px;position:relative; border-bottom:1px #ececec solid; background-color:#fff;
} 
.casetp{height:auto; overflow:hidden}
}
.casetp img{overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.case_list ul li:hover .casetp  img{    transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);}
    
    .shiji_ln{padding-top:80px;}
.shiji_ln_left{width:55%;line-height:40px; float:left; }
.shiji_ln_left h2{ font-size:25px; font-weight:bold; color:#d50014; display:inherit;line-height:50px; padding-bottom:10px;}
.shiji_ln_left h3{ font-weight:bold; margin-top:10px;}
.shiji_ln_left span{ font-size:32px; font-weight:bold; color:#d50014; display:inherit;line-height:50px; margin-top:80px; }
.shiji_ln_left p{line-height:35px; text-indent: 2em;}
.shiji_ln_right{width:35%;line-height:30px; float:right; }
.shiji_ln_right img{width:100%}
.shiji_ln_right img{
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.shiji_ln_right:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}






.shiji_lntp{ text-align:center}
.shiji_lntp img{width:100%; margin-top:60px; margin-bottom:60px;}
.shiji_lntp img{
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.shiji_lntp:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}
@media (max-width: 1400px) and (min-width: 470px)  {
.shiji_ln{padding-top:50px;}
.shiji_ln_left{width:58%;line-height:40px; float:left; }
.shiji_ln_left h2{ font-size:25px; font-weight:bold; color:#d50014; display:inherit;line-height:50px; padding-bottom:20px;}
.shiji_ln_left span{ font-size:32px; font-weight:bold; color:#d50014; display:inherit;line-height:50px; margin-top:10px; }
.shiji_right_a{ margin-right:20%;line-height:40px; margin-top:10px; margin-bottom:10px;}
.shiji_left_b{ width:60%;margin-left:20%;line-height:40px; margin-right:20%;margin-top:20px; margin-bottom:10px;}
.shiji_left_c{ margin-top:20px; text-align:center;overflow:hidden}
}
@media (max-width: 479px) {
    .shiji_ln{padding-top:20px;}
.shiji_ln_left{width:100%;line-height:40px; float:left; }
.shiji_ln_left h2{ font-size:25px; font-weight:bold; color:#d50014; display:inherit;line-height:40px; padding-bottom:20px;}
.shiji_ln_left span{ font-size:32px; font-weight:bold; color:#d50014; display:inherit;line-height:40px; margin-top:50px; }
.shiji_ln_left p{line-height:35px; }
.shiji_ln_right{width:100%;line-height:30px; float:right; }
.shiji_ln_right img{width:80%}


.shiji_lntp{ text-align:center}
.shiji_lntp img{width:100%; margin-top:30px; margin-bottom:30px;}

}

 .process-container {
            max-width: 1200px;
            margin: 50px auto;
            padding: 0 20px;
        }
        
        .process-steps {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            position: relative;
        }
        
       
        
        .step {
            display: flex;
            flex-direction: column;
            align-items: center;
           
            min-width: 56px;
            position: relative;
            z-index: 2;
            margin-bottom: 20px;
        }
        
        .step-icon {
            width: 100px;
            height: 100px;
            
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 15px;
            color: white;
            font-size: 24px;
            position: relative;
            transition: transform 0.3s ease;
        }
        
        .step:hover .step-icon {
            transform: scale(1.15);
        }
        
        .step-text {
            text-align: center;
            color: #333;
            font-size: 16px;
            line-height: 1.5; font-weight: 400;
        }
         .step:hover .step-text{color:#d50014}
       
        
        @media (max-width: 768px) {
            .process-steps {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .process-steps::before {
                width: 2px;
                height: calc(100% - 100px);
                top: 50px;
                left: 50px;
                right: auto;
                background: repeating-linear-gradient(
                    to bottom,
                    #ccc,
                    #ccc 10px,
                    transparent 10px,
                    transparent 20px
                );
            }
            
            .step {
                width: 100%;
                flex-direction: row;
                margin-bottom: 30px;
            }
            
            .step-icon {
                margin-right: 20px;
                margin-bottom: 0;
            }
            
            .step-text {
                text-align: left;
                align-self: center;
            }
        }


.product_inner_List{


	
}
.full-width_pro{width:100%}
.product_inner_List .product_inner_List_item{
	justify-content: flex-start; margin-top:50px; 
}
.product_inner_List_item li{
    width: calc(25% - 22.5px);
    overflow: hidden;
    margin-right: 30px;background-color: #fff; padding: 0px 20px 0px 20px;
    transition: transform 0.3s, box-shadow 0.3s;
    margin-bottom:30px;border-bottom: 1px solid #eeeeee;box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* 添加阴影效果 */
    
    /* 平滑过渡效果 */
}

.product_inner_List_item li:hover {
    transform: scale(1.1); /* 鼠标经过时放大 */
    box-shadow: 0 4px 8px rgba(18,97,152,0.4); /* 添加阴影效果 */
    background-color: #d50014;color:#fff;
}
.product_inner_List_item li:nth-of-type(4n+4){
    width: calc(25% - 22.5px);
	margin-right: 0px;
}
 @media (max-width: 479px) {
     .product_inner_List .product_inner_List_item{
	justify-content: flex-start; margin-top:0px; 
}
     .product_inner_List{
	width:calc(100% - 0px);

	
}
     .product_inner_List_item li{
    width: calc(50% - 5px);
    overflow: hidden;
    margin-right: 5px;background-color: #fff; margin-bottom: 5px; padding: 0px 20px 20px 20px;
}
.product_inner_List_item li:nth-of-type(4n+4){
    width:50%;
	margin-right: 0px;
}
.product_inner_List_item li:nth-of-type(2n+2){
    width:50%;
	margin-right: 0px;
}     
     
 }



.product_inner_List h5{
	padding-top: 85px;
	padding-bottom: 20px;
	font-weight: 100;
}
.product_inner_List h4{
    font-weight: 300;
    font-size: 36px;
    margin-bottom: 50px;
}
.product_inner_List_item li p{
    font-weight: 150;
    color: #535f68;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 0px;
    line-height: 35px;
    background: url(../images/ico100.png) no-repeat 94% center;
}
.product_inner_List_item li:hover p{
	color: #fff;
	background: url(../images/ico101.png) no-repeat 94% center;
}
.product_inner_List_item li:hover img{
	transform:scale(1);
	transition: 1s all;
}
.product_inner_List_item li img{
	transition: 1s all;  padding: 20px 0px 20px 0px;
}
.product_inner_List_item_box{
	overflow: hidden;
}
@media screen and (max-width: 1600px){
	.logo_produ img{
		width: 200px;
	}
	.product_inner_ce{
		padding-left: 35px;
	}
}
@media screen and (max-width: 1300px){
	.product_inner_ce{
		width: 24vw;
	}
	
}
.product_inner_List_info img{
	width: 50% !important;
	height: auto !important;
}
.prosdjk{
	margin-top: 45px;
}
.prosdjk img{
	width: 100% !important;
	height: auto !important;
	
}
.containerjjj {
    padding: 0px;
    margin: 0 auto; margin-top:40px; margin-bottom:80px;
}
.newscon {
    font-size: 16px;
    line-height: 30px;
    color: #808080;
    padding-bottom: 20px;
    text-align: left;
    width:95%;
}
.newsconprol {
    width: calc(60% - 2px);
    display: block;
    float: left;
    border: 0px solid #eee;
}
.newsconpror {
    width: 37%;
    display: block;
    float: right;
    margin-left: 3%;
    box-sizing: border-box;
    text-align: left;
    margin-top: 20px;
    background:url(../images/show_probg.png);
    padding-left: 20px;
}

 @media (max-width: 479px) {
     .newsconprol {
    width: calc(100% - 0px);
    display: block;
    float: left;
    border: 0px solid #eee;
}
.newsconpror {
    width: 100%;
    display: block;
    float: right;
    margin-left: 0%;
    box-sizing: border-box;
    text-align: left;
    margin-top: 20px;
    background:url(../images/show_probg.png);
    padding-left: 0px;
}
     
 }
.newsconpror .text {
    width: 100%;
    box-sizing: border-box;
}
.newsconpror .text em {
    line-height: 55px;
    font-size: 20px;
    color: #333; margin-bottom:0px;font-weight: 500;
     display:inherit;
}
.newsconpror .text em span{width: calc(100% - 70px);line-height: 55px;height:55px;border-bottom: 1px solid #dcdcdc; display: inline-block;}
.newsconpror .text .intro i {
    padding: 20px 0;
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #dcdcdc; font-weight: 500;
    
    display: flex; font-style: normal;
}

.cpsms{width:100%;height:auto;padding:40px 0px 40px 0px;background-color: #d50014;color:#fff;line-height:50px; text-align:center}
.cpsms a{border: 2px solid #5c656d; padding:10px 20px 10px 20px;color:#fff;border-radius:30px; font-size:14px; margin-right:20px;}
.cpsms a:hover{border: 4px solid #5b6c78; padding:10px 20px 10px 20px;color:#fff;border-radius:30px;}
.cpsms i{width:12px;height:19px;background: url(../images/cpsms_bg.png) no-repeat center center; margin-left:10px;display: inline-table}
.containered {
    width: 100%;
    margin-top: 15px;
}
.proconner{
    margin:20px auto;
}

.proconner img{
    width:100%; /* 或者其他你希望的默认值 */
    margin: 0; /* 移除默认边距 */
    padding: 0; /* 移除默认内边距 */
     
}


.btn_aer a {
    display: inline-block;
    width:200px;
    margin-top: 20px;
    padding: 0 20px;
    line-height: 50px;
    background-color: #d50014;
    font-size: 18px;
    color:#fff;
     text-align: center;
}
.newsconpror .text .intro .introp {
    padding: 15px 0;
    line-height: 35px;
    font-size: 14px;
}
/* #MagnifierWrap{position: relative;width: 350px;margin:100px auto;} */
		#MagnifierWrap2{position: relative;width:100%; margin-top:30px;}

		.MagnifierMain{position: relative;width: calc(100% - 100px);height: 500px; float:right; text-align:center;background:#f6f6f6;border-radius: 10px}
		.MagnifierMain img{
  max-height: 500px; 
 
  height:expression(this.height >500 ? "500px" : this.height);} 
		.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

		.MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(http://fan.yoka.com/fan5.0/img/loading.gif) no-repeat center center; }
		.MagnifierImg{position: absolute;top:0; left: 0; z-index:99999}

		.spec-items{position: relative;width: 80px;height:400px;overflow: hidden;margin: 0 auto;float:left}
		.spec-items ul{width: 500%;position: absolute;top: 0px;left: 0;}
		.spec-items ul *{
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
		}
		.spec-items li{
			width: 80px;height:60px;line-height:60px;overflow: hidden;border: 2px solid #e2e2e2;cursor: pointer; margin-bottom:6px;
			
		}
		.spec-items li.on{border:2px solid #d50014;}
		.spec-items li img{width: 100%; } 
		span.spe_leftBtn{display: block;width: 80px;height: 20px;line-height: 20px;text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;margin-bottom:10px;}
		span.spe_rightBtn{position: absolute;top:426px;display: block;width: 80px;height: 20px;line-height: 20px;text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;}
		span.on{background-color: #ccc;color: #999;cursor: pointer;} 
		span.spe_leftBtn{background: url(../images/foot.png)#f9f9f9 center no-repeat;}
		span.spe_rightBtn{background: url(../images/top.png?40140)#f9f9f9 center no-repeat;}	
		
	.product-description {
	    width:100%;
  font-size: 24px; /* 字体大小，可根据需求调整 */
  color: #d50014; /* 文字颜色，接近示例中的深蓝色 */
  border-bottom: 2px solid #d50014; /* 底部边框样式，颜色和粗细可调整 */
  padding-bottom: 5px; /* 文字与底部边框的间距，可调整 */
  display: inline-block; /* 让容器宽度由文字内容决定，也可根据布局需求改为 block 等 */
}	


.yer_bg{background: url(../images/0yer_banner.jpg?1204) center no-repeat;height:750px; padding-top:250px}
.container_0yer {
            display: flex;
            max-width: 1100px;
            margin: 0 auto;
            padding: 40px 20px;
            align-items: center; background-color: #f7f7f7; ;
        }
        .left-column_0yer {
            flex: 1;
            padding-right: 40px;
        }
        .title_0yer {
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 10px;
        }
        .service-count_0yer {
            font-size: 14px;
            color: #d50014;
            margin-bottom: 30px;
        }
        .form-group_0yer {
            margin-bottom: 20px;
        }
        .form-label_0yer {
            display: inline-block;
            width: 80px;
            font-size: 14px;
            margin-right: 10px;
            vertical-align: middle;
        }
        .form-input_0yer {
            width: 300px;
            height: 40px;
            padding: 0 10px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
            vertical-align: middle;
        }
        .required_0yer {
            color: #ff0000;
            margin-right: 5px;
        }
        .area-unit_0yer {
            font-size: 14px;
            margin-left: 5px;
            vertical-align: middle;
        }
        .submit-btn_0yer {
            width: 120px;
            height: 120px;
            background-color: #d50014;
            color: #fff;
            border: none;
            border-radius: 4px;
            font-size: 18px;
            font-weight: bold;
            cursor: pointer;
            margin: 20px 0;
            position: absolute;
            left:50%;top:380px;margin-left: -60px; /* 负的半宽 */
        }
         @media (max-width: 479px) {
             
            .submit-btn_0yer {
            width: 120px;
            height: 30px;
            background-color: #d50014;
            color: #fff;
            border: none;
            border-radius: 4px;
            font-size: 14px;
            font-weight: bold;
            cursor: pointer;
            margin: 0px 0;
           position:inherit;
            left:0%;top:0px;margin-left: 0px; /* 负的半宽 */
        } 
             
         }
        
        
        .right-column_0yer {
            flex: 1;
            text-align: center;
            padding-left: 40px;
            border-left: 1px dashed #ddd;
        }
        .budget-title_0yer {
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .budget-desc_0yer {
            font-size: 14px;
            color: #666;
            margin-bottom: 30px;
        }
        .service-desc_0yer {
            font-size: 14px;
            margin: 20px 0;
        }
        .counter_0yer {
            display: flex;
            justify-content: center;
            margin: 20px 0;
        }
        .counter-item_0yer {
            width: 30px;
            height: 40px;
            border: 1px solid #ddd;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 5px;
            font-size: 20px;
            color: #666;
        }

.ptab{
    max-width: 1278px;
    width:96%;
    margin: 0 auto;
    background-color: white;
    text-align: center;
    padding: 0px 0px 50px 0px;    clear: both;
}
.ptab .title{
    font-size: 26px;
    text-align: center;
    color: black;
}
.ptab .en{
    font-size: 12px;
    color: #aeaeae;
    line-height: 2;
}

.ptab-select{
    color: #3ab3be !important;
}
.ptab-select:after{
    display: inline-block;
    content: '';
    position: absolute;
    right: -15px;
    top: 25px;
    height: 10px;
    width: 10px;
    background-size: cover;
    background-image: url(./images/sj-red.png) !important;
}

.ptab>ul{
    display: inline-block;
    margin-top: 40px;
}
.ptab .radio{
    margin-top: 25px;
}
.ptab>ul>li{
    float: left;
    font-size: 15px;
    position: relative;
    width: 171.42px;
}
@media (max-width: 479px) {
  .ptab>ul>li{
    float: left;
    font-size: 15px;
    position: relative;
    width: 50%; margin-bottom: 20px;
}  
}
.ptab>ul>li>.one{
    font-size: 14px;
    color: #737373;
}
.ptab>ul>li>.two{
     font-size: 12px;
     color: #a3a3a3;
     margin-top: 5px;
}
.ptab>ul>li>a{
    display: block;
    color: black;
    position: relative;
}

.ptab>ul>li>a:after{
    display: inline-block;
    content: '';
    position: absolute;
    right: -15px;
    top: 25px;
    height: 10px;
    width: 10px;
    background-image: url(./images/dsj.png);
    background-size: cover;
}
.ptab>ul>li>ul{ 
  position: absolute;
  min-width: 90px;
  background-color: white;
  text-align: center;
  padding: 10px 0;
  top: 58px;
  display: none;
  border: 1px solid #eeeeee;
}
.ptab>ul>li>ul:after{
    content: '';
    width: 12px;
    height: 12px;
    border: 1px solid #eeeeee;
    border-right: 0;
    border-bottom: 0;
    
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -7px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.ptab>ul>li>ul>li{
    line-height: 35px;
    font-size: 14px;

}
.ptab>ul>li>ul>li>a{
    color: black;
    display: block;
}

.honor_er{ margin-top:60px;}
.honor_er_left{max-width:800px;width:50%;}
.honor_er_left h2{ font-size:25px;line-height:50px;}
.honor_er_left dd{width:100px;height:2px; background-color:#d50014; margin-bottom:20px;}
.honor_er_left p{line-height:30px;}
.honor_er_left_lm{width: 100%;height:140px;margin: 0 auto;line-height:30px; text-align:center; margin-top:20px; }
.honor_er_left_lm li{width:33.3%; float:left}
.honor_er_left_lm h2{ display:inherit; margin-bottom:0px;color:#d50014 }
.honor_er_left_lm span{ font-size:40px;}
.honor_er_right{ float:right;}
.honor_er_right img{max-width:500px;width:100%;border-radius:5px;}
@media (max-width: 1085px) and (min-width: 760px) {
    .honor_er_right{ width:47%;float:right;}
   .honor_er_right img{max-width:100%;width:100%;border-radius:5px;} 
}
@media (max-width: 759px) {
    .honor_er_left{max-width:100%;width:100%; float:left}
    .honor_er_right{ width:100%;float:right;}
   .honor_er_right img{max-width:100%;width:100%;border-radius:5px;} 
}

.honor_con{max-width: 1400px;width:96%;height:auto;margin: 0 auto; margin-top:20px; margin-bottom:10px;}
@media (min-width: 760px) {
.honor_con li{width:15%; float:left; margin-right:2%;font-size:14px;margin-bottom:30px;border: 1px solid #e5e5e5;border-radius:5px; box-sizing: border-box; background: #fff;}
.honor_con li:nth-of-type(6n+6){
	margin-right:0%;
}
}
.honor_con li .divimg{width:100%;height:150px; overflow:hidden;display: flex; 
  align-items: center;
  justify-content: center;}
.honor_con li .divimg img{
max-width: 100%; 
 
  max-height: 150px; 
  height:expression(this.height >150 ? "150px" : this.height);}
.honor_con li .divimg img{
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.honor_con li:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}
.honor_con li h2{  font-size:14px;height:45px; line-height:45px;letter-spacing:0px;color:#000000; display:compact; overflow:hidden;  text-align:center}
.honor_con li:hover h2{color:#fff;background: #d50014;height:45px; line-height:45px;}

.honor_con li:hover{border: 1px solid #d50014;}

@media (max-width: 759px) and (min-width: 601px) {
    .honor_con li{width:32%; float:left; margin-right:2%;font-size:14px;margin-bottom:30px;border: 1px solid #e5e5e5;border-radius:5px; box-sizing: border-box; }
.honor_con li:nth-of-type(3n+3){
	margin-right:0%;
}
}
@media (max-width: 600px) {
    .honor_con li{width:49%; float:left; margin-right:2%;font-size:14px;margin-bottom:30px;border: 1px solid #e5e5e5;border-radius:5px; box-sizing: border-box; }
.honor_con li:nth-of-type(2n+2){
	margin-right:0%;
}
}

/* 容器：限制宽度 + 居中 */
    .timeline-container {
      max-width: 1200px;
      margin: 0 auto;
      position: relative; /* 给时间轴做定位基准 */
       margin-top:30px; ;
    }

    /* 时间轴中线 */
    .timeline-line {
      width: 2px;
      background: #b5b5b5;
      position: absolute;
      top: 0; 
      bottom: 0; 
      left: 50%; 
      transform: translateX(-50%); /* 水平居中 */
      z-index: 1; /* 保证线在内容下层 */
    }

    /* 单个时间节点布局：用 grid 实现左右排版 */
    .timeline-item {
      display: grid;
      grid-template-columns: 1fr 1fr; /* 左右各占一半 */
      gap: 40px; 
      align-items: center;
      margin-bottom: 60px; /* 节点间距 */
      position: relative; /* 给圆点做定位 */
      z-index: 2; /* 内容层在上 */ cursor: pointer;
    }

    /* 时间节点圆点 */
    .timeline-item::before {
      content: "";
      width: 16px; 
      height: 16px; 
      background: #d50014;
      border: 2px solid #fff;
      border-radius: 50%;
      position: absolute;
      top: 50%; 
      left: 50%; 
      transform: translate(-50%, -50%);
      z-index: 3; /* 圆点在上层 */
    }

    /* 左侧内容：标题 + 图片组合 */
    .item-left {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding-right:10% ;transition: transform 1s ease; 
    }
    .plokh{width:100%;text-align:right}
     .timeline-item .mob{ display:none}
      .timeline-item .pc{ display:block}
     @media (max-width: 479px) {.item-left {
   margin-left:40px ;
    }.plokh{width:100%;text-align:left}
       .timeline-item .mob{ display:block}
      .timeline-item .pc{ display:none}   
         
     }
     .timeline-item:hover .item-left{transform: translateY(-20px);}
      
     .item-left h3 {
      font-size: 40px; 

      color: #d50014;
      margin-bottom: 16px;
    }
    .item-left em{font-size: 20px;color:#333; font-weight:bold; }
    .item-left p {
      font-size: 16px;
      color: #666;
      line-height: 30px;
    }
    .item-left .img-group {
      display: flex;
      gap: 20px; 
      align-items: flex-end; /* 图片底部对齐 */transition: transform 1s ease;
    }
    .item-left .img-group img {
      max-width: 100%; 
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }
    .item-left .img-group img:first-child {
      width:100%; /* 小图尺寸 */
    }

    /* 右侧内容：年份 + 描述 */
    .item-right {
      display: flex;
      flex-direction: column;
      align-items: flex-start; padding-left:10% ;transition: transform 1s ease;
    }
    
    .item-right h3 {
      font-size:40px; 
  
      color: #d50014;
      margin-bottom: 16px;
    }
    .item-right em{font-size: 20px;color:#333; font-weight:bold; }
    .item-right p {
      font-size: 16px;
      color: #666;
      line-height: 30px;
    }
.item-right .img-group {
      display: flex;
      gap: 20px; 
      align-items: flex-end; /* 图片底部对齐 */transition: transform 1s ease;
    }
    .item-right .img-group img {
      max-width: 100%; 
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }
    .item-right .img-group img:first-child {
      width:100%; /* 小图尺寸 */
    }
    
    /* 响应式适配：小屏幕改为垂直排版 */
    @media (max-width: 992px) {
         .item-right .img-group img {
      max-width: 90%; 
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }
      .timeline-line {
        left: 20px; /* 线靠左 */
        transform: none;
      }
      .timeline-item {
        grid-template-columns: 1fr; /* 单列布局 */
        gap: 20px;
      }
      .timeline-item::before {
        left: 12px; /* 圆点靠左 */
        transform: translate(0, -50%);
      }
      .item-left,
      .item-right {
        order: 2; /* 让右侧内容在垂直排版时居上 */
      }
      .item-left .img-group {
        flex-wrap: wrap; /* 小屏幕允许换行 */
      }
    }
    .timeline-item:hover .img-group{transform: translateY(-20px);}
    .iksn{margin-top: 40px; margin-bottom:40px}
    
     .xm {
        height: 300px;
        margin-top: 55px;max-width: 1200px;width: 96%; margin:0 auto;
    }
    
    .xm li {
        float: left;
        width: 276px;
        padding: 0 10px;
        margin-right: 32px;
        text-align: center;
        height: 274px;
        box-shadow: 0 0 20px #dfdfdf;
        margin-bottom: 35px;
        box-sizing: border-box;background: #fff;
    }
    
    .xm li:nth-child(4n) {
        margin-right: 0;
    }
  
    
    .xm li:nth-child(2n+2) {
        margin-right: 0px;
    } 
         
         
     
    .xm li img {
        margin-top: 25px;
    }
    
    .xm li span {
        display: block;
        font-size: 24px;
        color: #222;
        margin: 20px 0;
    }
    
    .xm li p {
        padding: 5px 40px;
        font-size: 16px;
    }
    
    .xm li p:before {
        content: "";
        width: 50px;
        height: 2px;
        background: #d50014;
        text-align: center;
        margin: 0px auto 20px;
        display: block;
    }
       @media (max-width: 479px) {
         
        .xm {
        height: 380px;
        margin-top: 55px;
    }
    
    .xm li {
        float: left;
        width: calc(50% - 10px);
        padding: 0 10px;
        margin-right: 10px;
        text-align: center;
        height: 254px;
        box-shadow: 0 0 20px #dfdfdf;
        margin-bottom: 35px;
        box-sizing: border-box;background: #fff;
    }
    .xm li p {
        padding: 5px 10px;
        font-size: 16px;
    }
    
       }
    .xm li:hover {
        border-top: 3px solid #d50014;
    }
    .about_conesw{ margin-top:60px; margin-bottom:60px;}
    @media (min-width: 1099px) {
.about_con{max-width: 1200px;width:94%;height:auto;margin: 0 auto; margin-top:20px; margin-bottom:60px;}
.about_con_ny{width:540px;height:auto; float:left; box-shadow:0 0 20px #e4e4e4; padding:30px;border-radius:5px; margin-top:30px;}
.about_con h2{ font-size:30px;line-height:50px; display:inherit; margin-bottom:10px; font-weight:500}
.about_con p{ font-size:14px;line-height:30px; display:inherit;color:#65645f}
.about_con .tpim{overflow:hidden; margin-left:630px;margin-top:30px;}
}
@media (max-width: 1100px) and (min-width: 801px) {
    .about_con{max-width: 1200px;width:94%;height:auto;margin: 0 auto; margin-top:20px; margin-bottom:20px;}
.about_con_ny{width:45%;height:auto; float:left; box-shadow:0 0 20px #e4e4e4; padding:30px;border-radius:5px; margin-top:30px; margin-bottom:30px;}
.about_con h2{ font-size:30px;line-height:50px; display:inherit; margin-bottom:10px; font-weight:500}
.about_con p{ font-size:14px;line-height:30px; display:inherit;color:#65645f}
.about_con .tpim{overflow:hidden; margin-left:55%;}
}
@media (max-width: 800px) {
.about_con{max-width: 1200px;width:94%;height:auto;margin: 0 auto; margin-top:20px; margin-bottom:20px;}
.about_con_ny{width:100%;height:auto;margin: 0 auto; box-shadow:0 0 20px #e4e4e4; padding:30px;border-radius:5px; margin-top:30px; margin-bottom:30px;}
.about_con h2{ font-size:30px;line-height:50px; display:inherit; margin-bottom:10px; font-weight:500}
.about_con p{ font-size:14px;line-height:30px; display:inherit;color:#65645f}
.about_con .tpim{overflow:hidden; margin-left:0px;margin-left:0%;width:100%;}
}
.about_con img{width:100%;float:right;}
.about_con .tpim img{
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.about_con .tpim:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

.about_jj{max-width: 1000px;width: 95%; margin:0 auto;height:auto; margin-top:0px;}
.about_jj_left{width:250px;height:350px;background-color: #d50014; float:left; padding:30px;color:#fff; font-size:30px;line-height:40px;}
.about_jj_right{ width:100%;float:left;line-height:35px; font-size:16px;}
.about_jj_right img{ margin-bottom:40px;}

@media (max-width: 479px) {.about_jj_left{width:100%;height:auto;background-color: #d50014; float:left; padding:30px;color:#fff; font-size:30px;line-height:40px;}
.about_jj_right{ width:100%;float:left;line-height:25px; font-size:14px;}}
@media (min-width: 480px) {
.about_jj_tt{width:100%;height:80px;line-height:80px;color:#cfcfcf; text-align:right; font-size:18px;letter-spacing: 10px;}
.about_jj_tt span{ float:left; font-size:26px; color:#000000;letter-spacing: 0px;}
}
@media (max-width: 479px) {
.about_jj_tt{width:100%;height:80px;line-height:40px;color:#cfcfcf; text-align:center; font-size:18px;letter-spacing: 0px;}
.about_jj_tt span{ font-size:26px; color:#000000;letter-spacing: 0px;display: block;}
.about_conright img{width:100%}
}


.about_con{ padding-top:0.6rem; }
.about_conleft{width:300px;height:auto; float:left; overflow:hidden; font-size:40px; font-weight:400}
.about_conright{height:auto;line-height:40px;  overflow:hidden; padding:10px 0px 20px 0px;color:#666;background: url(../images/aboutbg_r11.jpg) no-repeat right bottom;font-size:16px; }
.about_conright p{text-indent: 2em;}




.yinzer { height:auto; border:1px solid #dcdcdc; margin-top:40px;}
.yinzer li{ width: calc(25% - 1px); height:auto;line-height:40px; border-right:1px solid #dcdcdc; float:left; font:14px "Microsoft YaHei UI"; text-align:center; color:#232323; padding:10px 0px 10px 0px;  background:#fff;}
.yinzer li:last-child{width: calc(25% - 0px); border:0;}
.yinzer li span{display:block; font:30px "Microsoft YaHei UI"; line-height:50px; }
.yinzer li .image-switcher{ display:block;}
.yinzer li .image-wrapper{ display:none;}
.yinzer li  img{  width:50px; height:53px;}
.yinzer li:hover .image-switcher{ display:none;}
.yinzer li:hover .image-wrapper{display:block;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.yinzer li:hover{ background:#d50014;color:#fff}




.yinz ul{ height:125px; border:1px solid #dcdcdc; margin-top:40px;}
.yinz li{ width: calc(25% - 1px); height:124px; border-right:1px solid #dcdcdc; float:left; position:relative; font:20px "Microsoft YaHei UI"; text-align:center; color:#232323; }
.yinz li:last-child{width: calc(25% - 0px); border:0;}
.yinz li h3{ width:50px; height:53px; }
.yinz li h3 em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.yinz li h3 i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.yinz li p{ width:150px; float:left; padding:25px 0 0 15px; text-align:center; font:18px "Microsoft YaHei UI"; color:#666;}
.yinz li p span{ display:block; font:22px "Microsoft YaHei UI"; font-weight:bold; color:#333;}
.yinz li p em{ font-size:38px;}
.yinz li h3 img{ display:block; width:50px; height:53px;}
.yinz li:hover{ background:#269176;}
.yinz li:hover p,.yinz li:hover p span{ color:#fff;}
.yinz li:hover h3 em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.yinz li:hover h3 i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.ty_ttda{margin:0 auto; text-align:center;font-weight:bold; font-size:35px; display:inherit; height:60px;line-height:60px;letter-spacing:0px; margin-top:10px;}
.tyttline {
  height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  }
  .ty_line {
    display: inline-block;
    width: 140px;
    height: 1px;
    background: #d0d4d9;
  }
  .ty_txt {
    color: #333;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    margin: 0px 30px ; font-weight:500;
  }
  
  .tyline_l{width:80px;height:2px;background: #4192e4;margin:0 auto; margin-top:10px; margin-bottom:30px; display: block;}

.join04 {
        padding: 0px 0 0;
        margin-bottom: 60px;
        margin-top: 20px;
    }
    
    .join04_01 {
        
        width: 100%;
        margin: 0px 0 0px;
        height: auto;
    }
    
    .join04 dl dt {
        width: 50%;
        line-height: 0;
        float: left;
        height: auto;
        overflow: hidden;
    }
    
    .join04 dl dt img {
        width: 100%;
        display: block;
    }
    
    .join04 dl dd {
        width: 50%;
        float: left;
         padding: 7% 0 0 2%;
    }
    
  
         
     
    .join04 dl dd h5 {
        font-family: "Microsoft YaHei UI";
        color: #e9eaee;
        text-transform: uppercase;
        font-weight: normal;
    }
    
    .join04 dl dd h5 span {
        font: 65px "Microsoft YaHei UI";
        font-weight: bold;
    }
    
    .join04 dl dd h5 em {
        display: block;
        font-style: normal;
        font-size: 28px;
        position: relative;
        margin-top: -30px;
        color: #000;
        height: 45px;
        font-weight: bold;
    }
    
    .join04 dl dd h5 i {
        font-style: normal;
        display: block;
        font-size: 18px;
        color: #000;
        margin-top: 0px;
        margin-bottom: 40px;
    }
    
    .join04 dl dd p {
        font-size: 14px;
        color: #000;
        line-height:25px;
    }
    
    .join04_02 {
        
    }
    
    .join04_02 dl dt {
        float: right;
    }
    
    .join04_02 dl dd {
       padding: 7% 2% 0 0;
    }
        @media (max-width: 479px) {
         
         .join04 dl dt {
        width: 100%;
        line-height: 0;
        float: left;
        height: auto;
        overflow: hidden; margin-bottom: 20px;
    }
    
    
    .join04 dl dd {
        width: 100%;
        float: left;
         padding: 7% 0 0 2%;margin-bottom: 40px;
    }
       .join04 dl dd h5 i {
        font-style: normal;
        display: block;
        font-size: 18px;
        color: #000;
        margin-top: 0px;
        margin-bottom: 20px;
    } 
        }
    
   
    
    
    
    .faqs{overflow: hidden;width:100%;height: 460px;margin:0 auto; margin-top:20px; margin-bottom:20px}
.khjz{}
.khjz ul{overflow:hidden;}
.khjz li{
width:270px;height:390px; float:left; line-height:40px; margin-right:30px; text-align: center;
}
.khjz .pic{height:350px; overflow:hidden}
.khjz .pic img{height:350px;}
.khjz .pic img{
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.khjz .pic:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}
.hd{text-align:center;max-width: 1200px;width:100%; margin:0 auto;height:50px; margin-top:20px;}
.hd a{width:50px;height:45px;cursor:pointer; margin-left:20px;margin-right:20px;display:inline-table}
.next{background: url(../images/prev.png) no-repeat center center;   }
.prev{background: url(../images/nexter.png) no-repeat center center; }
.olskms{ display:none}

 .moreNews{
	display: block;
	margin-top: 38px;
	margin-left: auto;
	margin-right: auto;
	color: #333333;
	font-size: 14px;
	text-align: center;
	border: 1px solid #999999;
	line-height: 50px;
	border-radius: 25px;
	width: 205px;
}
.moreNews:hover{background-color: #333333;color:#fff}



.store-list {
     display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0px;
            font-family: "Microsoft Yahei", sans-serif; margin-bottom: 40px;
        }
        
       
        .store-item {
             display: flex;
            align-items: flex-start;
            margin-right: 60px;background-color: #fff;  padding: 20px 0px 20px 0px;margin-bottom: 40px;position: relative;transition: transform 0.2s ease;
        }
        
         @media (max-width: 479px) {
            .store-list {
     display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 0px;
            font-family: "Microsoft Yahei", sans-serif; margin-bottom: 20px;
        }
        .store-item {
             display: flex;
            align-items: flex-start;
            margin-right: 0px;background-color: #fff;  padding: 20px 0px 20px 0px;margin-bottom: 0px;position: relative;transition: transform 0.2s ease;
        }
             
            
            
            
        }
        
        
        
             .store-item:hover {
            transform: translateY(-2px);cursor:pointer; 
        }
        
        
        
        
        
        .store-item :nth-of-type(3n+3){
             margin-right: 0px;
            
        }
        .store-info {width:100%;
            margin-right: 0px;
        }
        .store-name {
              display:block;
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 5px;border-bottom: 1px solid #cecece; padding-bottom: 10px;
        }
        
      
         
         
         
        .store-detail {
            font-size: 12px;
            line-height: 2;
        }
        .navigation {
      
            
        text-align: right;
            margin-top: 55px; position:absolute;  right:30px; bottom:0px ; display: none;
        }
        .navigation img {
            width: 20px;
            height: 20px;
            margin-bottom: 3px;
        }
        .navigation span {
            font-size: 12px; display:block;color:#7b7b7b;
        }
    
     @media (min-width: 480px) {
    /* 容器布局：弹性布局实现水平排列 */
    .search-container {
      display: flex;
      align-items: center;
      gap: 12px; /* 元素之间的间距 */
      padding: 16px; float: right;

    }
     }
.zmd_txt{ font-size:18px;color:#333; padding-top:20px; font-weight:500}
.zmd_txt_zz{ font-size:18px;color:#e63d3a; padding-bottom:20px; font-weight:500}
.zmd_txt_more{width:150px; height:40px;line-height:40px; margin:0 auto;font-size:16px;color:#fff; padding-top:0px; font-weight:500; text-align:center;background-color: #d7292a;border-radius: 6px;}

.zmd_olms{ padding-bottom:10px;border-bottom: 1px solid #cecece;height:90px; margin-bottom: 30px;padding-top: 10px;}
.zmd_olmsbb{ padding-bottom:10px;border-bottom: 1px solid #cecece;height:1px; margin-bottom: 0px;padding-top: 0px;}
    /* 按钮通用样式 */
    .search-btn, .search-select, .search-input {
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 0px 16px;
      font-size: 14px;
      height: 40px; /* 统一高度，视觉更协调 */
      box-sizing: border-box;
    }

    /* 按钮 hover 效果 */
    .search-btn:hover, .search-select:hover {
      border-color: #bbb;
      cursor: pointer;
    }

    /* 红色查询按钮特殊样式 */
    .search-btn {
      background-color: #d92a27;
      color: #fff;
      border: none; 
    }
    .search-btn:hover {
      background-color: #a31c23;
    }

    /* 输入框样式（含搜索图标） */
    .search-input-wrapper {
      display: flex;
      align-items: center;
      border: 1px solid #ddd;
      border-radius: 4px;
       padding: 0 12px;
      height: 42px;
    
    }
    .search-input {
      border: none;
      outline: none; /* 去掉输入框聚焦时的默认边框 */
      flex: 1; /* 让输入框占满剩余空间 */
    }
    .search-icon {
      color: #999;
    }
     @media (max-width: 479px) {
         
          .search-container {
      float: left;
      align-items: left;
      gap: 12px; /* 元素之间的间距 */
      padding: 16px;

    }
    .search-input {
      border: none;
      outline: none; /* 去掉输入框聚焦时的默认边框 */
     
    }
    .search-btn, .search-select, .search-input {
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 0px 16px;
      font-size: 14px;
      height: 40px; /* 统一高度，视觉更协调 */
      box-sizing: border-box;  margin-bottom: 10px; 
    }
    
    .search-input-wrapper {
     
      border: 0px solid #ddd;
      border-radius: 4px;
       padding: 0 0px;
      height: 42px;
    
    }
    
    .zmd_olms{ padding-bottom:10px;border-bottom: 0px solid #cecece;height:auto; margin-bottom: 30px;padding-top: 10px;}
    
    .search-btn {width:110px;
      background-color: #d92a27;
      color: #fff;
      border: none; 
    }
    
    
    
     }
     
     
     
     
    
    .moblm{width:100%;height:65px;line-height:60px; overflow-x: auto; /* 水平方向出现滚动条 */
    white-space: nowrap; /* 防止内容换行，使所有内容在一行显示 */  background-color: #f6f6f6;border-bottom: 1px solid #e1e1e1;}
.moblm a{ padding-left:15px; padding-right:15px;border-right: 3px solid #e1e1e1;}
.moblm .oplkms{color:#e03e52}

.moblm::-webkit-scrollbar {
    width: 10px; /* 设置滚动条的宽度 */
    height: 2px; /* 设置滚动条的高度 */
}



        
        .store-number {
            width: 36px;
            height: 36px;
            background-color: #c2c2c2;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: #fff;
            margin-right: 16px;
            flex-shrink: 0;
        }
        .store-item:hover  .store-number{width: 36px;
            height: 36px;
            background-color: #d92a27;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: #fff;
            margin-right: 16px;
            flex-shrink: 0;}