@charset "utf-8";

/* CSS Document */



/*-----whole-----*/

html{font-size:100%;}

body{position:relative;right:0px;transition:all .3s ease .2s;-webkit-transition:all .3s ease .2s;-moz-transition:all .3s ease .2s;}



.Header-wrapper, .Container-wrapper, .Footer-wrapper, .container, .banner-container, .index-container{position:relative;left:0px;width:100%;height:auto;}

.contain{width:1200px;margin:0 auto;position:relative;}





/*clearfix*/

.clearfix{*zoom:1}

.clearfix:before,

.clearfix:after{display:table;content:""}

.clearfix:after{clear:both}



/*初始化按钮*/

.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}

.btn span{display:inline-block;}



/*通用img*/

img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}



input.text{display:block;width:100%;height:100%;border:0px;background:none;}



.red,

.Fnav dd a:hover,

.iNews-list a:hover,

.iNews-1st:hover .name,

.page-locate a:last-child,

.page-locate a:hover,

.news-nav a:hover,

.nIr-Hnews:hover .name{color:#35a5de;}



/*--- Header ---*/

.Header-wrapper{z-index:99;}

.Header-wrapper .Header-cl{height:80px;position:relative;}



.header-container{padding:0 3.125%;width:100%;height:80px;background:rgba(255,255,255,1);box-shadow:0px 4px 5px rgba(9,2,4,.17);position:fixed;top:0px;left:0px;z-index:99;}





/*logo*/

.Hlogo{height:80px;line-height:80px;font-size:0px;float:left;overflow:hidden;}

.Hlogot{display:none;height:80px;line-height:80px;font-size:0px;float:left;overflow:hidden;}



.header-container.act .Hlogo{display:none;}

.header-container.act .Hlogot{display:block;}

.header-container.act{box-shadow:0 0 0 #fff;color:#fff;background:none;}

.header-container.act .Htel{color:#fff;/*background:url(../images/icon-tel2.png) no-repeat left center;*/}

/*.header-container.act .Hct{background:url(../images/qq2.png) no-repeat center;}*/



.Hct{display:block;width:22px;height:100%;background:url(../images/qq.png) no-repeat center center;float:right;}

.Htel{display:block;padding:0 0 0 26px;line-height:20px;font-size:16px;font-weight:lighter;color:#35a5de;background:url(../images/icon-tel.png) no-repeat left center;float:right;margin:0 .15rem 0 0;position:relative;top:30px;}



.Hnav{float:right;margin:0 .5rem 0 0;}

.Hnav a{display:block;min-width:120px; /* 保留最小宽度确保一致性 */
        padding:0 15px; /* 增加左右内边距 */height:80px;text-align:center;font-size:18px;position:relative;overflow:hidden;float:left;margin:0 0 0 .1rem;transition:none;-webkit-transition:none !important;}

.Hnav a:first-child{margin:0px;}

/*.Hnav a i{content:"";display:block;width:100%;height:3px;background:#35a5de;position:absolute;left:50%;bottom:-3px;transition:all .1s linear;-webkit-transition:all .1s linear;}*/

.Hnav a .box{display:inline-block;height:25px;line-height:25px;position:relative;overflow:hidden;top:27.5px;}

.Hnav a .box span{position:relative;top:0px;}



.Hnav a.cur,

.Hnav a:hover{color:#35a5de;}

.Hnav a.cur .box span,

.Hnav a:hover .box span{top:-25px;}

.Hnav a.cur i,

.Hnav a:hover i{bottom:0px;}



.Header-wrapper.on .Hnav{display:block !important;}



/*--- Footer ---*/
   .Footer-wrapper {
            z-index:98;
        }
        
        .footer-btm {
            padding:.21rem 0 .2rem;
            color:#fff;
       
           background:#35a5de;

        }
        
        .footer-btm .flink {
            text-align:center;
            line-height:28px;
        }
        
        .footer-btm .flink a {
            display:inline-block;
            margin:0 .15rem 0 0;
            opacity:.6;
        }
        
        .footer-btm .flink a:hover {
            opacity:1;
        }
        
        .footer-btm .fcr {
            padding:.16rem 0 0;
            line-height:24px;
            text-align:center;
            opacity:.6;
            border-top:1px solid #fff;
            margin:.12rem 0 0;
        }
        
        .footer-container {
            padding:.55rem 0 .47rem;
            background:#e9eaea;
        }
        
        .Fnav {
            width:14.1667%;
            float:left;
        }
        
        .Fnav.Fnav2 {
            width:11.25%;
        }
        
        .Fnav dt {
            line-height:38px;
            font-size:24px;
        }
        
        .Fnav i {
            display:block;
            width:20px;
            height:2px;
            background:#35a5de;
            margin:5px 0 10px;
        }
        
        .Fnav dd a {
            display:block;
            line-height:28px;
        }
        
        .Fct {
            width:32.0832%;
            padding:0 0 0 .5rem;
            border-left:1px solid #d2d2d2;
            float:right;
        }
        
        .Fct .type {
            line-height:40px;
            font-size:28px;
        }
        
        .Fct .con {
            line-height:20px;
            font-size:14px;
            margin:6px 0 0;
		        }
        
        /* 关键修复：确保社交图标在一行显示 */
        .Fct ul.social-icons {
          margin:19px 0 0;
          padding:0;
          list-style:none;
          display: flex !important;
          flex-direction: row !important;
          gap: 20px;
          overflow: visible;
        }
        
        .Fct ul.social-icons li {
          display:block !important;
          text-align:center;
          flex: 0 0 auto;
          margin:0 !important;
        }
        
        .Fct ul li img {
          width:100px;
          height:100px;
          object-fit:cover;
          display:block;
        }
        
        /* 新增表单样式 */
        .Formleft {
            width: 60%;
            float: left;
            padding-right: 30px;
		
        }
        
        .suggestion-form {
            width: 100%;
            background: white;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
        }
        
        .form-title {
            text-align: center;
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 25px;
            color: #35a5de;
            padding-bottom: 10px;
            border-bottom: 2px solid #e9eaea;
        }
        
        .form-row {
            display: flex;
            margin-bottom: 15px;
        }
        
        .form-column {
            flex: 1;
            padding: 0 10px;
        }
        
        .form-label {
            display: block;
            margin-bottom: 8px;
            font-weight: bold;
            color: #555;
            font-size: 14px;
        }
        
        .form-input, .form-select {
            width: 100%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
            transition: border-color 0.3s;
        }
        
        .form-input:focus, .form-select:focus {
            outline: none;
            border-color: #35a5de;
            box-shadow: 0 0 5px rgba(182, 0, 5, 0.3);
        }
        
        .submit-btn {
            display: block;
            width: 200px;
            margin: 30px auto 10px;
            padding: 14px;
            background-color: #35a5de;
            color: white;
            border: none;
            border-radius: 4px;
            font-size: 16px;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.3s;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        }
        
        .submit-btn:hover {
            background-color: #35a5de;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }
        
        .error-message {
            color: #35a5de;
            font-size: 12px;
            margin-top: 5px;
            display: none;
        }
        
        /* 响应式设计 */
        @media (max-width: 1200px) {
            .contain {
                width: 100%;
                padding: 0 20px;
            }
        }
        
        @media (max-width: 900px) {
            .Formleft, .Fct {
                width: 100%;
                float: none;
                padding: 0;
            }
            
            .Fct {
                border-left: none;
                border-top: 1px solid #d2d2d2;
                margin-top: 30px;
                padding-top: 30px;
            }
            
            .form-row {
                flex-direction: column;
            }
            
            .form-column {
                margin-bottom: 15px;
                padding: 0;
            }
            
            .suggestion-form {
                padding: 15px;
            }
        }
        
        .clearfix:after {
            content: "";
            display: table;
            clear: both;
        }

/*--- Banner ---*/

.bnr-img,

#index-bnr .bg,

#index-bnr .con,

.bnr-img .iBnr-con{display:block;width:100%;height:auto;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative;}



#index-bnr .bnr-img{height:680px;overflow:hidden;background-size:cover;background-position:center;}

#index-web-bnr .swiper-pagination,

#index-bnr .swiper-pagination{bottom:3.235294117647059% !important;}

#index-web-bnr .swiper-pagination-bullet,

#index-bnr .swiper-pagination-bullet{width:52px;height:3px;border:1px solid #000;border-radius:0px;opacity:.5;margin:0 1px;}

#index-web-bnr .swiper-pagination-bullet-active,

#index-bnr .swiper-pagination-bullet-active{background:#35a5de;border-color:#35a5de;opacity:1;}

#index-web-bnr .swiper-pagination-bullet{width:30px;}



#index-web-bnr{display:none;}



.bnr-img .iBnr-con{width:100%;height:100%;position:absolute;top:0px;left:0px;}

.iBnr-con.z1{z-index:1;}

.iBnr-con.z2{z-index:2;}

.iBnr-con.z3{z-index:3;}

.iBnr-con.z4{z-index:4;}

.iBnr-con.z5{z-index:5;}



/*aniamte*/

/*弹窗*/

/*iBnr1*/

.iBnr-1 .iBnr-con{transition:all 3s linear .2s;-webkit-transition:all 3s linear .2s;opacity:0;}



.iBnr-1 .iBnr-con.z4,

.iBnr-1 .iBnr-con.z5{transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;}



.iBnr-1 .iBnr-con.z2{transition-delay:.6s;-webkit-transition-delay:.6s;}



.iBnr-1 .iBnr-con.z3{transition-delay:1.2s;-webkit-transition-delay:1.2s;}



.iBnr-1 .iBnr-con.z4{transition-delay:1.4s;-webkit-transition-delay:1.4s;}



.iBnr-1 .iBnr-con.z5{transition-delay:1.6s;-webkit-transition-delay:1.6s;}



.iBnr-1 .iBnr-con.z4,

.iBnr-1 .iBnr-con.z5{transform:translateY(30px);-webkit-transform:translateY(30px);}





#index-bnr .swiper-slide.swiper-slide-active .iBnr-con{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;}



/*iBnr2*/

.iBnr-2 .iBnr-con.z1,

.iBnr-2 .iBnr-con.z2,

.iBnr-2 .iBnr-con.z3,

.iBnr-2 .iBnr-con.z4{transition:all .4s ease-in-out .2s;-webkit-transition:all .4s ease-in-out .2s;opacity:0;}



.iBnr-2 .iBnr-con.z1{transform:translateX(-100px);-webkit-transform:translateX(-100px);}



.iBnr-2 .iBnr-con.z2{transform:translateX(100px);-webkit-transform:translateX(100px);}



.iBnr-2 .iBnr-con.z3,

.iBnr-2 .iBnr-con.z4{transform:scale(.8);-webkit-transform:scale(.8);}



/*iBnr3*/

.iBnr-3 .iBnr-con.z1,

.iBnr-3 .iBnr-con.z2,

.iBnr-3 .iBnr-con.z3,

.iBnr-3 .iBnr-con.z4{transition:all .6s ease-in-out .2s;-webkit-transition:all .6s ease-in-out .2s;opacity:0;}



.iBnr-3 .iBnr-con.z1{transform:translateY(100px);-webkit-transform:translateY(100px);}



.iBnr-3 .iBnr-con.z2{transition-delay:.8s;-webkit-transition-delay:.8s;}



.iBnr-3 .iBnr-con.z2,

.iBnr-3 .iBnr-con.z3,

.iBnr-3 .iBnr-con.z4{transform:translateX(-50px);-webkit-transform:translateX(-50px);}



.iBnr-3 .iBnr-con.z3{transition-delay:1.6s;-webkit-transition-delay:1.6s;}



.iBnr-3 .iBnr-con.z4{transition-delay:1.8s;-webkit-transition-delay:1.8s;}





/*

.bnr-img .bg,

.bnr-img .con{height:100% !important;position:absolute !important;top:0px;left:0px;}

.bnr-img .con{z-index:2;}

.bnr-img .box{width:1200px;color:#fff;position:absolute;left:50%;margin-left:-600px;z-index:5;}

.bnr-img .t1{font:bold 62px/85px "方正兰亭超细黑简体"}

.bnr-img .t1 span{line-height:50px;font-size:50px;font-family:'微软雅黑';color:#c40008;vertical-align:top;position:relative;top:-20px;}

.bnr-img .t2{font:bold 50px/61px "方正兰亭粗黑简体";color:#ff000b;margin:0 0 10px;}

.bnr-img .t3{font:bold 26px/46px "方正兰亭超细黑简体"}

*/



/*animate

#index-bnr .bg,

#index-bnr .t1,

#index-bnr .t2,

#index-bnr .t3,

.iBnr-4 .con{transition:all .6s ease-in-out .4s;-webkit-transition:all .6s ease-in-out .4s;}



#index-bnr .t2,

#index-bnr .iBnr-3 .t1,

#index-bnr .iBnr-4 .t1{transition-delay:.6s;-webkit-transition-delay:.6s;}



#index-bnr .t3,

#index-bnr .iBnr-3 .t2,

#index-bnr .iBnr-4 .t2{transition-delay:.8s;-webkit-transition-delay:.8s;}



#index-bnr .iBnr-3 .t3,

#index-bnr .iBnr-4 .t3{transition-delay:1s;-webkit-transition-delay:1s;}



#index-bnr .bg,

#index-bnr .t1,

#index-bnr .t2,

#index-bnr .t3,

.iBnr-4 .con{opacity:0;}



.iBnr-1 .bg{transform:translateX(100px);-webkit-transform:translateX(100px);}



.iBnr-2 .t1,

.iBnr-2 .t2,

.iBnr-2 .t3{transform:translateX(-50px);-webkit-transform:translateX(-50px);}



.iBnr-1 .t1,

.iBnr-1 .t2,

.iBnr-1 .t3{transform:translateY(50px);-webkit-transform:translateY(50px);}



.iBnr-2 .bg{transform:translateY(-100px);-webkit-transform:translateY(-100px);}



.iBnr-3 .bg{transform:translate(-70px,-70px);-webkit-transform:translate(-70px,-70px);}



.iBnr-4 .con{transform:translate(70px,-20px);-webkit-transform:translate(70px,-20px);}



#index-bnr .swiper-slide.swiper-slide-active .bnr-img .bg,

#index-bnr .swiper-slide.swiper-slide-active .bnr-img .t1,

#index-bnr .swiper-slide.swiper-slide-active .bnr-img .t2,

#index-bnr .swiper-slide.swiper-slide-active .bnr-img .t3,

#index-bnr .swiper-slide.swiper-slide-active .bnr-img .con{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;}*/





/*iBnr1*/

.iBnr-1 .box{top:33.67647058823529%;}



/*iBnr-2*/

.iBnr-2 .box{top:33.67647058823529%;}



/*iBnr-3*/

.iBnr-3 .box{top:36.47058823529412%;}



/*iBnr-4*/

.iBnr-4 .box{top:36.17647058823529%;}

.iBnr-4 .box .block{width:575px;float:right;}

#index-bnr .iBnr-4 .box .t1{font-size:55.31px;line-height:77px;color:#5a5a5a;}

#index-bnr .iBnr-4 .box .t3{color:#5a5a5a;}





/*bnr*/




.web-banner{display:none;}



/*--- Container ---*/



/*当前位置*/

.page-locate{padding:.2rem 0;line-height:20px;color:#666666;border-top:1px solid #f1f1f1;}

.page-locate .type{padding:0 0 0 28px;background:url(../images/icon-home.png) no-repeat left 1px;}



.p-title h1{text-align:center;font-size:36px;line-height:50px;font-weight:normal;}

.p-title i{display:block;width:37px;height:2px;background:#35a5de;margin:.1rem auto 0;}



.p-rtn-btn{display:block;width:232px;line-height:44px;font-size:16px;color:#35a5de;border:2px solid #35a5de;}

.p-rtn-btn span{padding:0 0 0 42px;background:url(../images/icon-rtn.png) no-repeat left center;}

.p-rtn-btn:hover{color:#fff;background:#35a5de;}

.p-rtn-btn:hover span{padding:0px;background-position:-100px center;}



/*-- 首页 --*/

.I-title{text-align:center;}

.I-title .t1{line-height:45px;font-size:40px;color:#666666;text-transform:uppercase;}

.I-title .t2{line-height:41px;font-size:24px;}

.I-title .split{display:block;width:37px;height:2px;background:#35a5de;margin:.25rem auto .2rem;}

.I-title .t3{width:825px;line-height:24px;color:#666666;margin:0 auto;}



.I-more.btn{width:232px;line-height:44px;font-size:16px;color:#35a5de;border:2px solid #35a5de;}

.I-more.btn span{padding:0 38px 0 0;background:url(../images/icon-go.png) no-repeat right center;}

.I-more.btn:hover{color:#fff;background:#35a5de;}

.I-more.btn:hover span{padding:0px;background-position:200px center;}



/*首页招商加盟流程*/

.index-pro{padding:.37rem 0 .57rem;color:#fff;text-align:center;background:#35a5de;}

.index-pro li{/**/width:20%;position:relative;float:left;}

.index-pro li .type{line-height:37px;font-size:24px;margin:16px 0 0;}

.index-pro li .list{line-height:30px;margin:15px 0 0;color:#fff;}

.index-pro li .list a{display:block;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}

.index-pro li:before{content:"";display:block;width:1px;height:249px;background:rgba(255,255,255,.2);position:absolute;left:0px;top:.05rem;}

.index-pro li:first-child:before{display:none;}

.index-pro li .list a:hover{transform:translateY(-5px);-webkit-transform:translateY(-5px);}




/*最新案例*/

.index-case{padding:.74rem 0 0;}

.index-case .I-title{margin:0 0 .44rem;}

.iCase-list li{text-align:center;float:left;}

.iCase-list li.w1{width:19.79167%;}

.iCase-list li.w2{width:20.83333%;}

.iCase-list li.w3{width:39.58333%;}

.iCase-box{display:block;position:relative;overflow:hidden;}

.iCase-box>img{width:100%;object-fit:cover;}

.iCase-block{width:100%;height:100%;color:#fff;background:rgba(53,165,222,.85);position:absolute;top:0px;left:0px;opacity:0;}

.iCase-block .iCase-con{display:table;width:100%;height:100%;}

.iCase-con .iCase-cell{display:table-cell;vertical-align:middle;}

.iCase-block .t1{padding:0 5px;line-height:25px;font-size:18px;}

.iCase-block .t2{padding:0 5px;line-height:37px;font-size:28px;margin:.15rem 0 0;}

.iCase-block .more{display:block;width:33px;height:34px;background:url(../images/icon-see.png) no-repeat center center;margin:.24rem auto 0;}



.iCase-box:hover .iCase-block{opacity:1;}



.iCase-more{padding:.52rem 0 .5rem;text-align:center;background:#f2f2f2;}



.iCase-list .l1 .iCase-box:first-child img,

.iCase-list .l7 .iCase-box:first-child img,

.iCase-list .l8 .iCase-box:first-child img{height:2.4rem;}

.iCase-list .l1 .iCase-box:last-child img,

.iCase-list .l7 .iCase-box:last-child img,

.iCase-list .l8 .iCase-box:last-child img{height:2.45rem;}

.iCase-list .l2 img,

.iCase-list .l3 img,

.iCase-list .l4 img,

.iCase-list .l5 img,

.iCase-list .l6 img{height:4.85rem;}



/*关于我们*/

.index-abUs{padding:.75rem 0 .78rem;text-align:center;}

.index-abUs .con1{line-height:50px;font-size:36px;margin:.2rem auto 0;}

.index-abUs .con2{width:810px;line-height:26px;margin:12px auto 0;}

.index-abUs ul{font-size:0px;margin:.4rem 0 0;}

.index-abUs ul li{display:inline-block;margin:0 39px;}

.index-abUs ul li .num{line-height:76px;font-size:80px;color:#444444;font-family:'DINCond-Bold';}

.index-abUs ul li .con{line-height:29px;font-size:16px;margin:10px 0 0;}

.index-abUs .I-more{margin:.65rem auto 0;}



  /* 城市布局 */
        .index-more {
            padding:0.97rem 0 1.33rem;
            text-align: center;
            color: #fff;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            background-position: center center !important;
          background-attachment: fixed !important; 
            position: relative;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        
        /* 添加半透明遮罩，提高文字可读性 */
        .index-more::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.4);
            z-index: 1;
        }
        
        .index-more > * {
            position: relative;
            z-index: 2;
        }
        
        .index-more .t1 {
            line-height: 0.3;
            font-size:48px;
            font-weight: bold;
        
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
        }
        
        .index-more .split {
            display: block;
            width: 80px;
            height: 3px;
            background: #fff;
            margin: 1.5rem auto;
            border-radius: 2px;
        }
        
        .index-more .t2 {
            line-height: 1.6;
           font-size:18px;
            max-width: 800px;
            margin: 0 auto;
            padding: 0 1rem;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        }
        
        /* 平板设备适配 */
        @media (min-width: 768px) {
            .index-more {
                padding: 4rem 2rem;
				 background-attachment: fixed !important; 
            }
            
            .index-more .t1 {
                font-size: 2.5rem;
            }
            
            .index-more .t2 {
                font-size: 1.1rem;
                padding: 0 2rem;
            }
        }
        
        /* 桌面设备适配 */
        @media (min-width: 1024px) {
            .index-more {
               padding:0.97rem 0 1.33rem;
                /* 在大屏幕上恢复固定背景 */
                background-attachment: fixed !important;
            }
            
            .index-more .t1 {
                 font-size:48px;
				 line-height:65px;
            }
            
            .index-more .t2 {
                 font-size:18px;
                margin: 0 200px;
                padding: 0;
            }
        }
        
        /* 小屏幕手机优化 */
        @media (max-width: 360px) {
            .index-more {
                padding: 2rem 1rem;
				 background-attachment: fixed !important; 
            }
            
            .index-more .t1 {
                font-size: 1.7rem;
            }
            
            .index-more .t2 {
                padding: 0 0.5rem;
            }
        }


.index-more .split{display:block;width:37px;height:2px;background:#fff;margin:.4rem auto .25rem;}



/*我们的客户*/

.index-customer{padding:.74rem 0 .87rem;}



.iCust-swiper{position:relative;margin:.21rem 0 0;}

.iCust-list li{padding:.15rem 0;}

.iCust-box{display:block;height:80px;line-height:78px;text-align:center;/*border:1px solid #e5e5e5;*/position:relative;font-size:0px;}

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

/*.iCust-box:hover img{opacity:0;}

.iCust-box:hover img.rollover{transform:matrix(1.1, 0, 0, 1.1, 0, 0);opacity:1;}*/



.indexCustSwiper-prev,

.indexCustSwiper-next{display:none;width:39px;height:100%;position:absolute;top:0px;z-index:2;}

.indexCustSwiper-prev{left:-.8rem;background:url(../images/swiper1-l.png) no-repeat center center;}

.indexCustSwiper-next{right:-.8rem;background:url(../images/swiper1-r.png) no-repeat center center;}

.indexCustSwiper-prev:hover{background-image:url(../images/swiper1-l2.png);}

.indexCustSwiper-next:hover{background-image:url(../images/swiper1-r2.png);}



@media all and (max-width:1330px){

	.indexCustSwiper-prev{left:0px;}

	.indexCustSwiper-next{right:0px;}

}



/*新闻动态*/

.index-news{padding:.75rem 0 .8rem;}

/* 重点新闻样式 */
.iNews-featured{margin:.35rem 0 0.15rem; /* 将原来的1rem改为0.5rem，可根据需要进一步减小 */}
.iNews-featured li{width:30.83333%;float:left;margin:0 0 0 3.75%;}
.iNews-featured li:first-child{margin:0px;}

/* 新闻列表通用样式 */
.iNews-wrap{margin:0.05rem 0 0; /* 可选：减小列表区域的顶部间距 */}
.iNews-wrap li{width:30.83333%;float:left;margin:0 0 0 3.75%;}
.iNews-wrap li:first-child{margin:0px;}

/* 新闻图片和标题样式 */
.iNews-1st{display:block;padding:0 0 .27rem;border-bottom:1px solid #eeeeee;}
.iNews-1st img{width:100%;height:310px;object-fit:cover;}
.iNews-1st .date{line-height:29px;color:#888888;margin:6px 0 0;}
.iNews-1st .name{line-height:28px;height:56px;font-size:20px;color:#000000;margin:5px 0 0;}

/* 新闻列表样式 */
.iNews-list{margin:15px 0 0;}
.iNews-list a{display:block;padding:0 0 0 20px;line-height:35px;font-size:16px;color:#444444;background:url(../images/icon-l1.png) no-repeat 3px center;}
.iNews-list a:hover{background-image:url(../images/icon-l1-2.png)}




/*-- 案例 --*/

.case-container{padding:.49rem 0 .97rem;}

.case-container .pagination{margin:.72rem 0 0;}



/*选择*/

.case-sel{width:200px;position:relative;margin:0 0 0 6px;z-index:2;}

.case-sel:first-child .cSel-cur{background:#898989;}

.case-sel .cSel-cur{padding:0 35px 0 23px;height:45px;line-height:45px;font-size:18px;color:#fff;border-radius:2px;background:#d6000f;cursor:pointer;}

.cSel-cur:after{content:"";display:block;width:15px;height:8px;background:url(../images/icon-dd1.png) no-repeat center center;position:absolute;right:18px;top:20px;z-index:2;cursor:pointer;}

.case-sel .cSel-list{padding:5px 0;width:100%;background:#e9eaea;position:absolute;top:45px;left:0px;display:none;}

.cSel-list a{display:block;height:45px;line-height:45px;padding:0 10px 0 23px;}



.cSel-cur.cur:after{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}

.cSel-list a:hover{color:#fff;background:#d6000f;}



/*列表*/

.case-list{width:103.5%;margin:.28rem 0 0 -3.5%;}

.case-list li{width:33.333%;padding:.17rem 0 0 3.5%;float:left;}

.case-list li .com-img .ofH{height: 233px;overflow: hidden;}

.case-list li .com-img .ofH img{width: 100%;height: 100%;object-fit: cover;}

.case-list li img,

.aCase-swiper .swiper-slide img{width:100%;}

.case-list li .name,

.aCase-swiper .swiper-slide .name{
    line-height:26px;
    font-size:18px;
    color:#000;
    margin:.15rem 0 0;
    text-align: center; /* 新增文字居中属性 */
}

.case-list li .suname,
.swiper-slide .suname{
    line-height:26px;
    font-size:16px;
    color:#000;
    margin:.15rem 0 0;
    text-align: center; 
   }
.case-list li .con,

.aCase-swiper .swiper-slide .con{line-height:22px;color:#666666;}



/*详情*/

.cInfo-close{display:block;width:22px;height:100%;background:url(../images/icon-close.png) no-repeat center center;float:right;}



.caseInfo-container{padding:1.02rem 0 .67rem;background:#ededed;}

.caseInfo-wrap{width:1000px;color:#000;margin:0 auto;}

.caseInfo-name{text-align:center;line-height:46px;font-size:32px;}

.caseInfo-con{line-height:32px;position:relative;overflow:hidden;margin:15px 0 0;}

.caseInfo-con img{max-width:100%;}



@media all and (max-width:1050px){

	.caseInfo-wrap{width:100%;padding:0 4%;}

}



.caseInfo-rtn.p-rtn-btn{margin:.65rem auto 0;}





body.cIalbum-open{right:690px;}

/*.cInfo-album{zoom:1;-webkit-transform:perspective(600px) rotateY(90deg);-moz-transform:perspective(600px) rotateY(90deg);-ms-transform:perspective(600px) rotateY(90deg);transform: perspective(600px) rotateY(90deg);-webkit-transform-origin:left center 0;-moz-transform-origin:left center 0;-ms-transform-origin:left center 0;transform-origin:left center 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .3s ease .2s;-moz-transition:all .3s ease .2s;-ms-transition:all .3s ease .2s;transition:all .3s ease .2s;}

body.cIalbum-open .cInfo-album{width:690px;-webkit-transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);-ms-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg);}*/

body.cIalbum-open .cInfo-album{right:0px;}



/*图册框架*/

.cInfo-album{width:690px;height:100%;background:#fff;position:fixed;top:0px;right:-690px;z-index:100;transition:all .3s ease .2s;-webkit-transition:all .3s ease .2s;-moz-transition:all .3s ease .2s}

.cIalbum-top{height:80px;background:#b70005;}

.cIalbum-top .btn{line-height:33px;font-size:18px;color:#fff;position:relative;left:48px;top:23px;}

.cIalbum-top .btn span{padding:0 0 0 47px;background:url(../images/icon-rtn2.png) no-repeat left center;}



.cIalbum-wrap{height:100%;margin:.6rem 0 0;}

.cIalbum-wrap .swiper-slide{width:100% !important;height:auto;}



/*图册列表 */

.cIalbum-swiper{width:582px;height:744px;margin:0 auto 0;}

.cIalbum-swiper img{width:100%;}

.cIalbum-swiper .swiper-pagination{width:100.572737686139748% !important;position:relative;bottom:0px !important;margin:0 0 0 -0.572737686139748% !important;}

.cIalbum-swiper .swiper-pagination .swiper-pagination-bullet{display:block;width:25%;height:94px;padding:4px 0 0 .572737686139748%;border-radius:0px;background:none;opacity:1;position:relative;margin:0px !important;float:left;cursor:pointer;}

.cIalbum-swiper .swiper-pagination .swiper-pagination-bullet .pr:after{content:"";display:block;width:100%;height:100%;background:rgba(214,0,15,.8);position:absolute;top:0px;left:0px;opacity:0;}

.cIalbum-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active .pr:after{opacity:1;}



/*相关案例*/

.aCase-container{padding:.67rem 0 1.02rem;}



.aCase-swiper{position:relative;margin:.46rem 0 0;}

.aCaseSwiper-prev,

.aCaseSwiper-next{display:block;width:53px;height:53px;position:absolute;top:30.53691275167785%;z-index:2;}

.aCaseSwiper-prev{left:-1.04rem;background:url(../images/swiper2-l.png) no-repeat center center;}

.aCaseSwiper-next{right:-1.04rem;background:url(../images/swiper2-r.png) no-repeat center center;}

.aCaseSwiper-prev:hover{background-image:url(../images/swiper2-l2.png);}

.aCaseSwiper-next:hover{background-image:url(../images/swiper2-r2.png);}



@media all and (max-width:1380px){

	.aCaseSwiper-prev{left:0px}

	.aCaseSwiper-next{right:0px;}

}





/*右侧悬浮*/

.cInfo-float{text-align:center;position:fixed;top: 410px;right: 0px;z-index: 99;}

.cInfo-float .go-album{display:block;width:50px;height:51px;line-height: 18px;color:#fff;background:#e41f25;border-top-left-radius:3px;border-top-right-radius:3px;padding: 7px 10px 0;}

.cInfo-float .go-prev,

.cInfo-float .go-next{display:block;width:50px;font-size:0px;background:#fff;border:1px solid #e5e5e5;}

.cInfo-float .go-prev{border-bottom:0px;border-top-left-radius:3px;border-top-right-radius:3px;}

.cInfo-float .go-next{border-top:0px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}

.cInfo-float .go-prev:after,

.cInfo-float .go-next:after{content:"";display:inline-block;width:100%;height:49px;}

.cInfo-float .go-prev:after{background:url(../images/icon-prev.png) no-repeat left center;}

.cInfo-float .go-next:after{background:url(../images/icon-next.png) no-repeat right center;}



.cInfo-float .go-prev:hover,

.cInfo-float .go-next:hover{background:#e41f25;border-color:#e41f25;}

.cInfo-float .go-prev:hover:after{background-position:right center;}

.cInfo-float .go-next:hover:after{background-position:left center;}



/*-- 招商加盟页面 --*/

.srv-stage{font-size:18px;background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;position:relative;overflow:hidden;position:relative;}

.srv-stage .s-title{line-height:46px;font-size:36px;color:#fff;}

.srv-stage .s-con{line-height:28px;color:#e4e4e4;margin:20px 0 0;}

.srv-stage .s-list{line-height:36px;color:#fffefe;margin:37px 0 0;}

.srv-stage .srv-box{width:530px;position:relative;z-index:2;}

.srv-stage .srv-web{padding:0 4%;text-align:center;display:none;margin:4% 0 0;}

.srv-stage .srv-web img{width:80%;}

.srv-stage .srv-bg{width:100%;height:100%;background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;position:absolute;top:0px;left:0px;}



.srv-stage .s-list.s-list2,

.srv-stage .s-title.s-title2{color:#333333;}

.srv-stage .s-con.s-con2{color:#666666;}



.srv-stage.s1{background:#010101;}

.srv-stage.s2{background:#eff1f2;}

.srv-stage.s3{background:#a4a2a6;}

.srv-stage.s4{background:#394b59;}
.srv-stage.s5{background:#a4a2a6;}

.Container-wrapper .s4 .s-title2,.Container-wrapper .s4 .s-con2,.Container-wrapper .s4 .s-list2{color:#fff;}
	

.srv-stage.s1 .contain{padding:1.75rem 0 1.61rem;}

.srv-stage.s2 .contain{padding:1.89rem 0 1.83rem;}

.srv-stage.s3 .contain{padding:1.76rem 0 1.61rem;}

.srv-stage.s4 .contain{padding:1.67rem 0 2.1rem;}

.srv-stage.s5 .contain{padding:1.76rem 0 1.61rem;}

.srv-stage .srv-bg,

.srv-stage .s-title,

.srv-stage .s-con,

.srv-stage .s-list{transition:all .6s ease-in-out .4s;-webkit-transition:all .6s ease-in-out .4s;opacity:0;}



.srv-stage.s1 .srv-bg,

.srv-stage.s4 .srv-bg{transform:translateY(200px);-webkit-transform:translateY(200px);}

.srv-stage.s2 .srv-bg{transform:translate(50px,-100px);-webkit-transform:translate(50px,-100px);}

.srv-stage.s3 .srv-bg{transform:translate(-50px,-100px);-webkit-transform:translate(-50px,-100px);}

.srv-stage.s5 .srv-bg{transform:translate(-50px,-100px);-webkit-transform:translate(-50px,-100px);}

.srv-stage .s-title,

.srv-stage .s-con,

.srv-stage .s-list{transform:translateX(50px);-webkit-transform:translateX(50px);}



.srv-stage .s-title{transition-delay:.6s;-webkit-transition-delay:.6s;}

.srv-stage .s-con{transition-delay:.8s;-webkit-transition-delay:.8s;}

.srv-stage .s-list{transition-delay:1s;-webkit-transition-delay:1s;}



.srv-stage.active .srv-bg,

.srv-stage.active .s-title,

.srv-stage.active .s-con,

.srv-stage.active .s-list{transform:translate(0);-webkit-transform:translate(0);opacity:1;}



/*-- 新闻 --*/



/*列表*/

.news-container{padding:.49rem 0 .93rem;}

.news-nav{background:#f0f0f0;border-radius:2px;}

.news-nav a{display:block;width:100%;line-height:60px;text-align:center;font-size:16px;color:#333;border-radius:2px;position:relative;float:left;}

.news-nav a:before{content:"";display:block;width:1px;height:14px;background:#cfcfcf;position:absolute;top:15px;left:0px;}

.news-nav a:hover{color:#fff;}

.news-nav a:first-child:before{display:none;}

.news-nav a.cur{color:#fff;background:#d6000f;}

.news-nav a.cur + a:before{display:none;}



.news-list{margin:5px 0 0;}

.news-list li{padding:.42rem 0;border-top:1px solid #eeeeee;overflow:hidden;}

.news-list li:first-child{border-top:0px;}

.nlist-img{width:35.8333%;overflow:hidden;float:left;}

.nlist-img img{width:100%;height:270px;object-fit:cover;}

.nlist-box{width:60%;padding:7px 0 0;float:right;}

.nlist-box .date{line-height:20px;font-size:16px;color:#666666;}

.nlist-box .name{line-height:33px;font-size:22px;color:#000000;margin:25px 0 0;}
.nlist-box .name a:hover{color: #35a5de;}
.nlist-box .con{line-height:28px;height:56px;color:#333333;margin:20px 0 0;}

.nlist-box .more{display:inline-block;line-height:23px;font-size:16px;color:#35a5de;text-decoration:none;margin:70px 0 0;}
.nlist-box .more a{ transition: color 0.3s ease;}
.nlist-box .more a:hover { color: #000;}
.news-list li a:hover .nlist-box .name{color:#d6000f;}



.news-container .pagination{}



/*详细*/

.nInfo-container{}



.nInfo-left{padding:53px .38rem 102px 0;width:75.8333%;min-height:800px;border-right:1px solid #dedede;float:left;}
.nInfo-left a{color:#35a5de;}
.nInfo-left a:hover{text-decoration:underline}


.nInfo-name{line-height:45px;text-align:center;font-size:32px;color:#000000;font-weight:normal;}

.nInfo-ab{text-align:center;line-height:24px;color:#333;margin:10px 0 0;}

.nInfo-ab span{display:inline-block;margin:0 8px;}

.nInfo-con{padding:21px 0 0;line-height:32px;color:#333333;border-top:1px solid #e5e5e5;position:relative;overflow:hidden;margin:21px 0 0;}

.nInfo-con img{max-width:100%;}

.nInfo-action{margin:.72rem 0 0;}

.nInfo-share a{display:inline-block !important;margin:0 20px 0 0 !important;width:41px !important;height:41px !important;}

.nInfo-action .p-rtn-btn{float:right;}

.nInfo-share .bds_weixin{background: url(../images/nshare-1.png) no-repeat center !important;}

.nInfo-share .bds_weixin:hover{background-image:url(../images/nshare-11.png) !important;}

.nInfo-share .bds_tsina{background: url(../images/nshare-2.png) no-repeat center !important;}

.nInfo-share .bds_tsina:hover{background-image:url(../images/nshare-21.png) !important;}

.nInfo-share .bds_more{background: url(../images/nshare-3.png) no-repeat center !important;}

.nInfo-share .bds_more:hover{background-image:url(../images/nshare-31.png) !important;}



/*右侧*/

.nInfo-right{width:240px;float:right;margin:48px 0 0;}

.nInfo-right .nIr-type{padding:0 0 15px;line-height:34px;font-size:20px;color:#000;border-bottom:1px solid #cfcfcf;}

.nInfo-right .nIr-Hnews{display:block;padding:10px 0;line-height:24px;border-bottom:1px solid #cfcfcf;}

.nInfo-right .nIr-Hnews:hover,

.footer-flink ul li a:hover{color:#35a5de;}

.nIr-Hnews .name{color:#000000;}

.nIr-Hnews .con{height:48px;color:#666666;margin:10px 0 0;}

.nIr-Hwords{width:243px;overflow:hidden;margin:30px 0 0 -3px;}

.nIr-Hwords li{padding:3px;float:left;}

.nIr-Hwords li a{display:block;padding:0 10px;min-width:66px;text-align:center;line-height:32px;color:#666666;background:#eaeaea;}

.nIr-Hwords li a:hover{color:#fff;background:#35a5de;}



/*-- 联系我们 --*/



.contact-us{padding:.55rem 0 1.22rem;}



.ctUs-wrap{position:relative;margin:.57rem auto 0;
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: center;
        align-items: flex-start;}



.ctUs-form{width:58.5%;float:left;}

.ctUs-form .text{width:100%;padding:0 .2rem;height:50px;line-height:48px;color:#666666;border:1px solid #dcdcdc;margin:20px 0 0;}

.ctUs-form .text:first-child{margin:0px;}

.ctUs-form textarea.text{height:215px;resize:none;}

.ctUs-form .btn.sub-btn{padding:0 32px 0 0;width:183px;height:45px;line-height:45px;font-size:18px;color:#fff;background:#35a5de url(../images/icon-go2.png) no-repeat 124px center;margin:.43rem 0 0;}



.ctUs-box{padding:0 0 30px 51px;width:427px;position:absolute;right:0px;top:0px;
        background: #fff;
        border-left: 4px solid #35a5de;
        box-shadow: 0 4px 15px rgba(0,0,0,0.08);
        border-radius: 8px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ctUs-box:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.12);
    }

.ctUs-box .ctUs-block{width:374px;padding:34px 20px 33px 82px;line-height:24px;font-size:16px;color:#333;border-top:1px solid #d2d2d2;
      
        position: relative;
        transition: all 0.3s ease;
}
    .ctUs-box .ctUs-block:hover {
        background-color: #f9f9f9;
        border-radius: 4px;
        padding-left: 60px;
    }


.ctUs-block.adr{padding:24px 20px 43px 70px;border-top:0px;background:url(../images/ctus-1.png) no-repeat left 28px;}

.ctUs-block.mail{padding:44px 20px 23px 70px;background:url(../images/ctus-2.png) no-repeat left 48px;}

.ctUs-block.tel{padding:44px 20px 23px 70px;background:url(../images/ctus-3.png) no-repeat left 48px;}

/* 百度地图容器优化 */
    .map-container {
        flex: 1;
        min-width: 300px;
        max-width: 697px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        border-radius: 8px;
        overflow: hidden;
    }

    #dituContent {
        width: 100%;
        height: 450px;
        border-radius: 8px;
    }
/* 移动端样式优化 */
    @media (max-width: 768px) {
        .bnr-img {
            height: 40vh !important;
            min-height: 250px;
        }
        
        .banner-container.page-banner {
            overflow: hidden;
        }
        
        .I-title {
            font-size: 0.9em;
        }
        
        /* 移动端地图容器优化 */
        .map-container {
            width: 100% !important;
            min-width: 100%;
            order: 2; /* 在移动端将地图放在联系信息下方 */
        }
        
        #dituContent {
            height: 300px !important;
        }
        
        .ctUs-wrap {
            flex-direction: column;
            gap: 1rem;
            padding: 0 1rem;
        }
        
        .ctUs-box {
            width: 100% !important;
            flex: none;
            order: 1; /* 在移动端将联系信息放在地图上方 */
            margin-top: 0;
            padding: 1.5rem;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        }
        
        .ctUs-box .ctUs-block {
            padding: 1rem 0 1rem 2.5rem;
            font-size: 14px;
        }
        
        .ctUs-block.adr,
        .ctUs-block.mail,
        .ctUs-block.tel {
            background-position: left 1rem;
            background-size: 20px;
        }
        
        .contact-us {
            padding: 1rem 0;
        }
    }

    /* 平板端样式优化 */
    @media (min-width: 769px) and (max-width: 1024px) {
        .bnr-img {
            height: 50vh !important;
        }
        
        .ctUs-wrap {
            padding: 0 1.5rem;
        }
        
        .map-container {
            max-width: 100%;
        }
        
        .ctUs-box {
            flex: 0 0 350px;
        }
    }

    /* 桌面端样式优化 */
    @media (min-width: 1025px) {
        .bnr-img {
            height: 70vh !important;
        }
        
        .ctUs-wrap {
            max-width: 1200px;
        }
    }

/*-- 关于我们 --*/

.com-culture .I-title .t3,

.com-srv .I-title .t3{color:#cdcdcd;font-size:18px;line-height:28px;}

.com-srv .I-title .t3{color:#666;}



/*公司简介*/

.com-pro{padding:.8rem 4% 1.05rem;text-align:center;color:#333;}

.com-pro .title{line-height:48px;font-size:36px;}

.com-pro .con{width:1010px;line-height:26px;margin:15px auto 0;}

.com-pro .con p{margin:.26rem 0 0;}

.com-pro .con p:first-child{margin:0px;}



.cPro-data{font-size:0px;margin:.61rem 0 0;}

.cPro-data li{display:inline-block;margin:0 34px;}

.cPro-data li .num{font:80px/70px 'DINCond-Bold';color:#444;}

.cPro-data li .type{line-height:25px;font-size:16px;margin:15px 0 0;}



/*品牌理念*/

.com-culture{padding:.9rem 0 1rem;text-align:center;background:url(../images/ccul-bg.jpg) no-repeat center center / cover fixed;}

.com-culture .I-title .t1{color:#fff;}

.com-culture .I-title .split{background:#ffffff;}



.cCul-list{margin:.46rem 0 0;}

.cCul-list li{width:33.3333%;padding:0 .75rem;float:left;}

.cCul-list .cCul-icon{width:140px;height:140px;line-height:136px;font-size:0px;border:2px solid #35a5de;border-radius:100%;position:relative;overflow:hidden;margin:0 auto;}

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

.cCul-icon img.rollover{z-index:2;}

.cCul-list .type{line-height:35px;font-size:24px;color:#fff;margin:28px 0 0;}

.cCul-list .con{line-height:26px;color:#cccccc;margin:10px 0 0;}

.cCul-list .cCul-icon:after{content:"";display:block;width:100%;height:100%;border-radius:100%;background:#35a5de;position:absolute;top:0px;left:0px;opacity:0;}



.cCul-list li:hover .cCul-icon img{opacity:0;filter:alpha(opacity=0);}

.cCul-list li:hover .cCul-icon img.rollover{opacity:1;filter:alpha(opacity=100);transition-delay:.2s;-webkit-transition-delay:.2s;}

.cCul-list li:hover .cCul-icon:after{-webkit-animation:flipInY2 1s .1s ease both; -moz-animation:flipInY2 1s .1s ease both;}



@-webkit-keyframes flipInY2{

0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}

40%{-webkit-transform:perspective(400px) rotateY(-5deg)}

70%{-webkit-transform:perspective(400px) rotateY(5deg)}

100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}

}

@-moz-keyframes flipInY2{

0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}

40%{-moz-transform:perspective(400px) rotateY(-5deg)}

70%{-moz-transform:perspective(400px) rotateY(5deg)}

100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}

}



/*服务流程*/

.com-srv{padding:.79rem 0 1.04rem;}

.cSrv-box{text-align:center;margin:.5rem 0 0;}

.cSrv-box img{max-width:100%;}



.com-orn img{max-width:100%;}

.com-orn .comOrn-web{display:none;}


  /* 基础样式重置 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        /* 产品banner视频容器样式 */
        .video-container {
            width: 100%;
            max-width: 100vw;
            height: 70vh; /* 使用视口高度单位 */
            min-height: 400px; /* 设置最小高度 */
            margin: 0 auto;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            overflow: hidden;
            position: relative;
        }

        /* 视频样式 */
        .video-container video {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
        }
        
        /* 移动端适配 */
        @media screen and (max-width: 768px) {
            .video-container {
                height: 50vh; /* 移动端使用更小的相对高度 */
                min-height: 300px; /* 移动端最小高度 */
            }
        }
        
        @media screen and (max-width: 480px) {
            .video-container {
                height: 40vh; /* 小屏幕设备使用更小高度 */
                min-height: 250px; /* 进一步减小最小高度 */
            }
        }
        
        /* 横屏模式适配 */
        @media screen and (max-height: 500px) and (orientation: landscape) {
            .video-container {
                height: 80vh; /* 横屏模式下使用更大高度 */
            }
        }
        
        /* 备用内容样式 */
        .video-container .fallback {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f0f0f0;
            color: #666;
            font-family: Arial, sans-serif;
        }

/*右侧悬浮分享*/

.float-right-box{width: 250px;position: fixed;right: 0;top: 50%;margin-top: -127px;background-color: #000;z-index: 1000;transition: width 0.3s ease 0s;}

.float-right-box.on{width: 50px;}

.float-right-box .top-list{  width: 100%;}

.float-right-box .top-list ul{width: 100%;}

.float-right-box .top-list li{width: 100%;position: relative;border-bottom: 1px solid #3b3b3b;transition: background 0.3s ease 0s;height: 50px;}

.float-right-box .top-list a{display: block;width: 100%;}

.float-right-box .top-list .ico{display: inline-block;width: 49px;height: 49px;position: absolute;right: 0;top: 0;transition: background 0.3s ease 0s;z-index: 2;}

.float-right-box .top-list .ico1{background: url(../images/fr-1.png) no-repeat center #000;}

.float-right-box .top-list .ico2{background: url(../images/fr-2.png) no-repeat center #000;}

.float-right-box .top-list .ico3{background: url(../images/fr-3.png) no-repeat center #000;}

.float-right-box .top-list .ico4{background: url(../images/fr-4.png) no-repeat center #000;}

.float-right-box .top-list .stt{display: inline-block;font-size: 14px;line-height: 50px;color: #fff;transition: color 0.3s ease 0s;position: absolute;left: 28px;top: 0;z-index: 1;width: 222px;}

.float-right-box .top-list li:hover .stt{color: #15191e;}

.float-right-box .top-list li:hover .ico1{background: url(../images/fr-1-2.png) no-repeat center #fff;}

.float-right-box .top-list li:hover .ico2{background: url(../images/fr-2-2.png) no-repeat center #fff;}

.float-right-box .top-list li:hover .ico3{background: url(../images/fr-3-2.png) no-repeat center #fff;}

.float-right-box .top-list li:hover .ico4{background: url(../images/fr-4-2.png) no-repeat center #fff;}

.float-right-box .top-list li:hover{background-color: #fff;}

.float-right-box .top-list .return-webtop .stt{font-family: "Arial";font-weight: bold;}

.float-right-box .bot-share{position: relative;height: 50px;}

.float-right-box .bot-share a{display: inline-block;width: 50px;height: 50px;float: left;transition: background 0.3s ease 0s;margin: 0;padding: 0;}

.float-right-box .bot-share .share{width: 200px;position: absolute;left: 0;top: 0;z-index: 1;}

.float-right-box .bot-share .sina{background: url(../images/frs-1.png) no-repeat center;}

.float-right-box .bot-share .wx{background: url(../images/frs-2.png) no-repeat center;}

.bd_weixin_popup{height:310px !important;}

.float-right-box .bot-share .tx{background: url(../images/frs-3.png) no-repeat center;}

.float-right-box .bot-share .more{background: url(../images/frs-4.png) no-repeat center;}

.float-right-box .bot-share a:hover{background-color: #525354;}

.float-right-box .bot-share .share-ico{background: url(../images/fr-5.png) no-repeat center #000;width: 50px;height: 50px;display: inline-block;cursor: pointer;z-index: 2;position: relative;}





/*-----浮动右侧客服-----*/

.float_qq{ position:fixed; top:200px; right:0; width:50px; height:203px; z-index:200;}

.float_qq li{ width:auto; height:50px; z-index:20;}

.float_qq li.float_qq1,.float_qq li.float_qq4{ position:absolute; left:0; width:62px;}

.float_qq li.float_qq1{ top:0;}

.float_qq li.float_qq2{ position:absolute; top:51px; left:0; width:126px;}

.float_qq li.float_qq3{ position:absolute; top:102px; left:0; width:172px;}

.float_qq li.float_qq4{ top:153px;}

.float_qq4{ position:absolute; top:153px; left:0;}

.float_qq li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#000; opacity:0.8; border-radius:6px;}

.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}

.float_qq li a:hover{ background-color:#000; opacity:1;}

.float_shwx{ position:absolute; top:-155px; left:-200px;width:216px; height:216px; padding-bottom:9px;display:none;}

.float_shwx img{ display:block; padding:14px; background-color:#FFF; width:188px; height:188px;}

.float_qq li:hover .float_shwx{display:block;}







.proInfo-container{}

.proInfo-wrap{padding:41px 0 43px;border-bottom:1px solid #e5e5e5;position:relative;}

.proInfo-split{display:block;width:1px;height:100%;background:#dedede;position:absolute;top:0px;right:24.16666666666667%;}



.proInfo-box{width:72.66666666666667%;float:left;}

.pInfo-title{padding:22px 0;border-bottom:1px solid #e5e5e5;}

.pInfo-title span{display:block;padding:0 0 0 10px;height:18px;line-height:18px;font-size:20px;font-weight:lighter;color:#000;border-left:2px solid #35a5de;}

.pInfo-con{padding:20px 0 21px;line-height:32px;font-weight:lighter;border-bottom:1px solid #e5e5e5;position:relative;overflow:hidden;}

.pInfo-img{position:relative;overflow:hidden;margin:45px 0 0;}

.pInfo-img img{max-width:100%;}





.proInfo-nav{width:20%;position:relative;float:right;}

.pInfoNav-cur{text-align:center;height:50px;line-height:50px;border:1px solid #ccc;background:url(../images/h-dd4.png) no-repeat 4% center;cursor:pointer;display:none;}

.pInfoNav-rtn{width:92%;height:45px;line-height:45px;border:1px solid #ccc;margin:1rem auto 0;display:none;}



.pInfoNav-box{}

.pInfoNav-box dl{padding:5px 0 10px;border-bottom:1px solid #e5e5e5;}

.pInfoNav-box dl dt{line-height:45px;font-size:18px;font-weight:lighter;color:#000;}

.pInfoNav-box dl dd{display:none;}

.pInfoNav-box dd a{display:block;padding:5px 0;line-height:26px;font-size:16px;color:#666666;font-weight:lighter;}



.nSrch-hot{padding:10px 0;}

.nSrch-hot b{font-size:16px;}

.nSrch-hot ul{display:inline-block;width:auto;}

.nSrch-hot ul li{display:inline-block;padding:5px 0;margin:0 10px 0 0;}


/*bnr*/
.bnr-img.page-bnr {
    height: 400px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: block;
}

.ct-rel .I-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    z-index: 10;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    width: 90%;
    max-width: 800px;
}

.ct-rel .I-title .t1 {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
}

.ct-rel .I-title .split {
    display: block;
    width: 80px;
    height: 3px;
    background: white;
    margin: 20px auto;
}

.ct-rel .I-title .t3 {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
}

/* 平板设备适配 */
@media screen and (max-width: 1024px) {
    .bnr-img.page-bnr {
        height: 350px;
    }
    
    .ct-rel .I-title .t1 {
        font-size: 36px;
    }
    
    .ct-rel .I-title .t3 {
        font-size: 17px;
    }
}

/* 手机端适配 */
@media screen and (max-width: 768px) {
    .bnr-img.page-bnr {
        height: 300px;
        min-height: 250px;
    }
    
    .ct-rel .I-title {
        width: 85%;
        padding: 0 15px;
    }
    
    .ct-rel .I-title .t1 {
        font-size: 28px;
        margin-bottom: 8px;
    }
    
    .ct-rel .I-title .split {
        width: 60px;
        height: 2px;
        margin: 15px auto;
    }
    
    .ct-rel .I-title .t3 {
        font-size: 16px;
    }
}

/* 小屏手机适配 */
@media screen and (max-width: 480px) {
    .bnr-img.page-bnr {
        height: 250px;
        min-height: 200px;
    }
    
    .ct-rel .I-title .t1 {
        font-size: 24px;
        margin-bottom: 5px;
    }
    
    .ct-rel .I-title .split {
        width: 50px;
        height: 2px;
        margin: 12px auto;
    }
    
    .ct-rel .I-title .t3 {
        font-size: 14px;
    }
}

/* 超小屏手机适配 */
@media screen and (max-width: 320px) {
    .bnr-img.page-bnr {
        height: 200px;
        min-height: 180px;
    }
    
    .ct-rel .I-title .t1 {
        font-size: 20px;
    }
    
    .ct-rel .I-title .t3 {
        font-size: 13px;
    }
}

/* 确保容器相对定位 */
.banner-container.page-banner.ct-rel {
    position: relative;
    overflow: hidden;
}

/* 响应式图片样式 */
.banner-container.web-banner img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 滑动块 */

.hc-ul{margin:0 auto;padding:0;}

.hc-ul{background:#f1f1f1;height:60px;position:relative;z-index:9;}

.hc-ul li{float:left;width:16.6666666666%;text-align:center;cursor:pointer;height:60px;line-height:60px;position:relative;z-index:999;list-style-type:none;}

.hc-ul .curBlock{left:0;background-color:#35a5de;position:absolute;transition:left;top:0px;height:100%;}

.hc-ul li a.cur{color:#fff;background:#35a5de;}



.flipbox{border-top:1px dashed #eee;padding-top:20px;}

.pageflip{float:left;width:60%;}

.pageflip span{color:#333;}

.pageflip a{color:#666;}

.pageflip .flip_next{margin-top:10px;}

.pageflip a:hover{color:#35a5de;}

.nInfo-share{margin-top:40px;}

.ftmsg{text-align:center;}






















































































































































































































































































































@media all and (max-width:640px) {
	.case-list li .com-img .ofH{height: auto;}
	.hc-ul li{width: 33.3333333333333%;}
}