/* 	视频遮罩层 */
/* 		.video-container{
		  position: relative;
		     min-width: 1920px;
		            min-height: 1150px;
		  overflow: hidden;
		}
		
		#bg-video {
		  position: absolute;
		  top: 50%;
		  left:50%;
		  transform: translate(-50%, -50%);
		  min-width: 100%;
		  min-height: 100%;
		  z-index: -2; 
		}
		
		.video-mask {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background: linear-gradient(rgba(255, 255, 255, 1), rgba(11, 178, 220, 0.3)); 
		  z-index: -1; 
		}
		 */
		
		/* 屏幕背景颜色 */
        .screen-1 { background-color: #ffffff; }
        .screen-2 { background-color: #f8f9fa;

		 }
		 .full-screen-img {
    width: 100%; /* 宽度撑满容器 */
    height: 100vh; /* 高度占满整个视口 */
    object-fit: cover; /* 关键属性：裁剪图片以覆盖整个区域，避免变形 */
    display: block; /* 避免图片下方产生间隙 */
	
	   background-size: cover; /* 覆盖整个区域 */
	    background-position: center; /* 居中显示 */
	    background-repeat: no-repeat; /* 禁止重复 */
	    
	    /* 可选增强 */
	    position: relative; /* 为内部内容定位准备 */
	    overflow: hidden; /* 隐藏溢出部分 */
	
		background-image: url('../../static/images/123.jpg');
		
}



		 .full-screen-img2 {
    width: 100%; /* 宽度撑满容器 */
    height: 100vh; /* 高度占满整个视口 */
    object-fit: cover; /* 关键属性：裁剪图片以覆盖整个区域，避免变形 */
    display: block; /* 避免图片下方产生间隙 */
	
	   background-size: cover; /* 覆盖整个区域 */
	    background-position: center; /* 居中显示 */
	    background-repeat: no-repeat; /* 禁止重复 */
	    
	    /* 可选增强 */
	    position: relative; /* 为内部内容定位准备 */
	    overflow: hidden; /* 隐藏溢出部分 */
	
		background-image: url('../../static/images/200.jpg');
		
}
	
	
	.full-screen-img3 {
	    width: 100%; /* 宽度撑满容器 */
	    height: 100vh; /* 高度占满整个视口 */
	    object-fit: cover; /* 关键属性：裁剪图片以覆盖整个区域，避免变形 */
	    display: block; /* 避免图片下方产生间隙 */
		
		   background-size: cover; /* 覆盖整个区域 */
		    background-position: center; /* 居中显示 */
		    background-repeat: no-repeat; /* 禁止重复 */
		    
		    /* 可选增强 */
		    position: relative; /* 为内部内容定位准备 */
		    overflow: hidden; /* 隐藏溢出部分 */
		
			background-image: url('../../static/images/300.jpg');
			
	}
		
		
		
		.full-screen-img4 {
		    width: 100%; /* 宽度撑满容器 */
		    height: 100vh; /* 高度占满整个视口 */
		    object-fit: cover; /* 关键属性：裁剪图片以覆盖整个区域，避免变形 */
		    display: block; /* 避免图片下方产生间隙 */
			
			   background-size: cover; /* 覆盖整个区域 */
			    background-position: center; /* 居中显示 */
			    background-repeat: no-repeat; /* 禁止重复 */
			    
			    /* 可选增强 */
			    position: relative; /* 为内部内容定位准备 */
			    overflow: hidden; /* 隐藏溢出部分 */
			
				background-image: url('../../static/images/400.jpg');
				
		}
			
		 
		 
        .screen-3 { background-color: #e9ecef; }
        .screen-4 { background-color: #ffffff; }
        .screen-5 { background-color: #f8f9fa; }
        .screen-6 { background-color: #1a1a1a; } /* 最后一屏特殊背景 */
		
		
		.about_us{  max-width:1640px; min-width:1400px; margin: 1% auto 0 auto; overflow: hidden;}
		.about_us_left{ width: 55%; height: auto; float: left;  padding-right: 5%;}
		.about_us_left h1{font-size: 18px;text-align: left; margin-bottom: 20px;}
		.about_us_left h2{ font-size: 40px; font-weight: bold; text-align: left; line-height: 130%; margin-bottom: 60px;
		background: linear-gradient(to right, #70C6A7, #00B2DD);
		    -webkit-background-clip: text;
		    background-clip: text;
		    color: transparent;
	
		
		} 
		
				.about_us_left_p{ font-size:18px; line-height: 200%; text-align: left;} 
				
				.about_us_left_more{  margin-top: 50px;}
				.about_us_left_more li{ float: left;  position:relative; margin-right:30px; }
				
				.about_us_left_more1{  font-size: 18px; width:200px; height: 50px; line-height: 50px; color: #000;
				border: 1px solid #ccc;
				}
				.about_us_left_more1:hover{ background-color: red; color: #fff;}

				.about_us_left_more li a .icon_more1{ fill: red;
				position:absolute;
				top:10px;
				left:25px;
				}
				.about_us_left_more li a:hover .icon_more1{ fill:#fff;;}
				
				
				
				.about_us_left_more2{  font-size: 18px; width:200px; height: 50px; line-height: 50px; color: #000;
				border: 1px solid #F7951D;
				}
				.about_us_left_more2:hover{ background-color:#F7951D; color: #fff;}
				
				.about_us_left_more2 .icon_more2{ fill: #F7951D;
				position:absolute;
				top:19px;
				right:45px;
				}
				.about_us_left_more li a:hover .icon_more2{ fill:#fff}
				
				
				
				
				.about_us_right{  width: 45%; height: auto; float: left;}
        
		
		
		
		
/* 		应用领域 */
		

		
		
		.home-area-top-tit .std-tit40 {
		    color: #333;
		    font-weight: bold;
		    line-height: 1.4;
			
			background: linear-gradient(to right, #70C6A7, #00B2DD);
			    -webkit-background-clip: text;
			    background-clip: text;
			    color: transparent;
			
			
		}
		
		.home-area-top-tit {
		    margin-bottom: 33px;
		}
		
		
		.std-tit40,
		.yxedr-active h2 {
		    font-size: var(--font40) !important;
		    color: var(--cltit);
		    font-weight: bold;
		    line-height: var(--line14);
		}
		
		
		.mod-fot-center-logo {
		    width: 800px;
		
			position:relative;
		}
		
		.mod-fot-center-logo .logoimg {
		    width: 280px;
		position:absolute;
		top:0px;
		left:0px;
			
		}
		
/* 		联系我们 */
		.mod-fot-center-logo ul{ margin-top: 70px;}
		.mod-fot-center-logo ul { text-align: left; }
		.mod-fot-center-logo ul h2{ font-size: 20px; margin-bottom: 20px;}
		.mod-fot-center-logo ul li { line-height: 250%; font-size:15px; }
		
		
		
		
	.foo2-zmt{
	
	
	    width: 420px;
	
	

	position:absolute;
	left:10px;
	top:10px;

	   
	
	}
	
	 .qr-box{ width: 170px; float: right;}
	
	 .qr-box .wximg{
	
	    width: 126px;
	
		height: 127px;
	
	    object-fit: cover;
	
	    padding: 17px;
	
	    background: url(../images/qr-box.png) no-repeat center;
	
	    background-size: cover;
	
	}
	
	
	
	 .qr-box p{
	

	    font-size: 12px;
	
	    margin-top: 0px;
	
	  text-align:center;
	 width: 126px;
		line-height: 30px;
	
		color: #bbb;
	
	
	}

		
		
		
		
	/* 	数字效果 */
		.home-manufa-le {
		    width: 1200px;
		   
			 margin-top: 100px;
			float: left;
		}
		
	

		
		.hmlu-wrap {
		    width: 25%;
	
	     
		    padding-top: 24px;
		    padding-bottom: 40px;
		    display: flex;
		    align-items: center;
			float: left;
		}
		
		.hmlu-wrap p {
		    color: #666;
		    line-height: 1.75;
			font-size: 18px;
	
		
		}
		
		.hmlu-wrap p span {
		    color: #080404;
		    line-height: 1.5;
		 
		    display: block;
		 
		    font-weight: 400;
			
		}
		.hmlu-wrap p .num2 {
		    background: linear-gradient(to right, #43cea2, #185a9d);
		    -webkit-background-clip: text;
		    background-clip: text;
		    color: transparent;
		
			
		}
		
/* 		数字效果end */

      /* 动画效果30px */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate {
            animation: fadeInUp 0.8s ease forwards;
        }
		
        .delay-1 { animation-delay: 0.2s; opacity: 0; }
        .delay-2 { animation-delay: 0.4s; opacity: 0; }
        .delay-3 { animation-delay: 0.6s; opacity: 0; }
		.delay-4 { animation-delay: 0.8s; opacity: 0; }
        
		
/* 		新闻页面 */

.ys-cont1440 {
    width: 95vw;
    max-width: 1640px;
    margin: auto
}
    /*   产品页面 */
	
	
	
	
	
	
/* 	应用领域页面 */








.cloud-product-ul li{position:relative;margin-left:0px;width:400px;height:522px;float:left;


background:url(https://cn.jstitanium.com/application/index/view/jinshanti/images/banner1.jpg) no-repeat;


}




.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.introduce-link{position:absolute;top:0;left:0;width:100%;height:460px}

.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;width:500px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#fff}
.active .product-introduce-list{padding-top:22px;border-color:#3f9ff9}
.introduce-list-large{margin:0 auto;width:228px;line-height:22px;color:#ddebff;}
.active .product-introduce-price{margin-top:32px;color:#fefeff; line-height: 150%;font-size:18px;}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff}
.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#ff9600;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{background-color:#f80}




若有干扰，可在「设置」关闭悬浮球

👋 Hi，想聊点什么～
输入您的问题... (Enter 发送，Shift+Enter 换行)
内容由AI生成，仅供参考