/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none; box-sizing: border-box;}
body{ font-size:12px;font-family:'Microsoft YaHei'; color:#666;}
a{color:#666;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width: 1440px; margin:0 auto;}




.head{width: 100%;background-color: transparent;position: absolute;z-index: 99;width: 100%;top: 0;}
.head .wapper{ display: flex; justify-content: space-between; align-items: center;}
.logo{ width: 100px;}
.logo img{ width: 100%; display: block;}
.menu ul li{ line-height: 100px; padding: 0 20px; }
.menu ul li a{font-size: 18px;font-weight: bold;color: #fff;}
.menu ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.link a{ display: block; width: 120px; line-height: 45px; border-radius: 10px; text-align: center; color: #fff; background-image: url(../images/bg1.png); background-repeat: no-repeat; background-size: cover; font-size: 14px;}

.banner { position:relative; overflow:hidden;}
.banner .swiper-container{}
.banner .swiper-slide { position:relative; overflow:hidden; z-index:1;}
.banner .swiper-slide.swiper-slide-active{ z-index:2;}
.banner .swiper-slide img{ display:block; width:100%; height:33vw; background:#f9f9f9; transform:scale(1.1); transition:all 4s ease;}
.banner .swiper-slide.swiper-slide-active img{ transform:scale(1);}
.banner .swiper-slide .txtbg{ width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.banner .swiper-slide .txt{ color:#fff; text-align:center;}
.banner .swiper-slide .txt .h2{font-size: 80px;line-height:1.2em;font-weight:bold;margin-bottom: 20px;}
.banner .swiper-slide .txt .h3{font-size: 28px;line-height:1.4em;}
.banner .swiper-pagination{ height:10px; bottom:var(--40px);}
.banner .swiper-pagination span{ display:inline-block; vertical-align:top; width:10px; height:10px; border-radius:10px; margin:0 8px; background:#fff; opacity:1; transition:all .3s ease;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background:#fff; opacity:1;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:60px; height:60px; margin-top:-30px; background-color:rgba(0,0,0,.5); background-size:15px 30px; opacity:0; transition:all .3s ease; border-radius:8px;}
.banner .swiper-button-prev{ left:5%; transform:translateX(-100%);}
.banner .swiper-button-next{ right:5%; transform:translateX(100%);}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{ opacity:.7; transform:translateX(0) !important;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ opacity:1;}

.video-container {
            position: relative;
            width: 100%;
            
            border-radius: 0;
            overflow: hidden;
            
            
        }
        
       
        .banner {
            position: relative;
            cursor: pointer;
            overflow: hidden;
        }
        
        .banner img {
            width: 100%;
            display: block;
            
        }
        
        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80px;
            height: 80px;
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .play-button:hover {
            background-color: rgba(255, 255, 255, 0.95);
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .play-button::after {
            content: '';
            width: 0;
            height: 0;
            border-left: 20px solid #3498db;
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
            margin-left: 5px;
        }
        
        .video-player {
           /* display: none;*/
            width: 100%;
            height: auto;
            min-height: 400px;
            background-color: #000;
        }
        
        .content {
            padding: 30px;
            background-color: white;
            border-radius: 12px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
      
        .instructions {
            background-color: #e8f4fc;
            padding: 15px;
            border-radius: 8px;
            margin-top: 20px;
            border-left: 4px solid #3498db;
        }
        
        @media (max-width: 768px) {
            .play-button {
                width: 60px;
                height: 60px;
            }
            
            .play-button::after {
                border-left-width: 15px;
                border-top-width: 10px;
                border-bottom-width: 10px;
            }
            
            h1 {
                font-size: 1.8rem;
            }
        }

@media(max-width:999px){
.banner .swiper-slide img{ height:50vw; }
.banner .swiper-slide .txtbg{ width:90%; }
.banner .swiper-slide .txt .h2{ font-size:20px; line-height:1.2em; margin-bottom:10px;}
.banner .swiper-slide .txt .h3{ font-size:24px; line-height:1.4em;}
.banner .swiper-pagination{ bottom:10px;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:40px; height:40px; margin-top:-20px; }
}

.con1{ width: 100%; padding: 100px 0; background-color: #000;}
.bt{ text-align: center; width: 100%; margin-bottom: 10px;}
.bt span{font-size: 20px; color: #fff;text-transform:uppercase;}
.bt h1{ font-size: 60px; margin-top: 0; color: #fff;}
.line{ width: 40px; height: 2px; background-color: #AA000D; margin: 20px auto;}
.c1lf{ width: 49%; float: left;}
.c1rt{ width: 49%; float: right;}
.c1bt{ width: 100%; margin-bottom: 20px;}
.c1bt span{ font-size: 24px; color: #fff; display: block; margin-bottom: 10px;}
.c1bt h1{ font-size: 32px; color: #fff;}
.c1lf .nr{ font-size: 18px; color: #fff; margin-bottom: 60px;}
.c1more{ width: 100%; display: flex; align-items: center; flex-wrap: wrap;}
.btn1{ width: 120px; line-height: 50px; text-align: center; background-color: #AA000D; border-radius: 10px; color: #fff; font-size: 18px; margin-right: 30px;}
.tpvideo{ display: flex; align-items: center;}
.tpvideo img{ width: 50px; margin-right: 10px;}
.tpvideo span{ font-size: 16px; color: #fff;}
.c1rt img{ width: 100%; display: block;border-radius:20px;}

.con2{ width: 100%; padding: 100px 0; background-color: #000;}
.c2nr{ width: 100%;}
.c2nrtop{ width: 100%; margin-bottom: 30px;}
.c2nrtop ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.c2nrtop ul li{ width: auto; padding: 20px 45px; font-size: 14px; color: #Fff; margin: 5px 10px; background-color: #000; border: 1px solid #fff; border-radius: 20px;}
.c2nrtop ul li a{font-size: 16px; color: #Fff;}
.c2nrtop ul li.on{ border-color: #AA000D; background-color: #AA000D;}
.c2nrlist{ width: 100%;}
.c2nrlist ul{}
.c2nrlist ul li{ width: calc((100% - 40px)/3); border-radius: 20px; overflow: hidden; position: relative; margin-right: 20px; margin-bottom: 20px; float: left;}
.c2nrlist ul li:nth-child(3n){ margin-right: 0;}
.c2nrlist ul li img{ width: 100%;  display: block;}
.play{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; justify-content: center; align-items: center;flex-wrap: wrap;}
.c2nrlist ul li:hover .play{ display: flex;}
.playnr img{ width: 50px !important; display: block; margin: 0 auto; cursor: pointer;} 
.playnr h2{ font-size: 24px; color: #fff; margin: 10px 0;}
.playnr p{ font-size: 16px; color: #fff; padding: 0;}
/* 视频模态窗口样式 */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.85);
            z-index: 1000;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .video-modal.active {
            display: flex;
            opacity: 1;
        }
        
        .video-content {
            width: 90%;
            max-width: 900px;
            background: #111;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
            transform: scale(0.8);
            transition: transform 0.4s ease;
        }
        
        .video-modal.active .video-content {
            transform: scale(1);
        }
        
        .video-header {
            padding: 15px 20px;
            background: #222;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .video-title {
            color: white;
            font-size: 1.3rem;
            font-weight: 500;
        }
        
        .close-btn {
            background: none;
            border: none;
            color: white;
            font-size: 28px;
            cursor: pointer;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background 0.2s ease;
        }
        
        .close-btn:hover {
            background: rgba(255, 255, 255, 0.1);
        }
        
        .video-player {
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 比例 */
            position: relative;
        }
        
        .video-player video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000;
        }
        
       .con3{ width: 100%; padding: 100px 0; background-color: #000;}
		
		
		
   .foot{ width: 100%; padding: 100px 0; padding-bottom: 0; background-color: #09090B;}
   .footlogo{ width: 24%; }
   .footlogo img{ width: 150px; display: block;margin-bottom: 10px;}
   .footlogo .nr{ font-size: 16px; color: #999999; margin-bottom: 20px;}
   .foot .wapper{ display: flex; justify-content: space-between; flex-wrap: wrap;}
   .footitem{ width: 250px;}
   .footitem h1{ font-size: 18px; color: #fff; margin-bottom: 30px;}
   .footitem p{ font-size: 18px; color: #999999;}
   .footitem a{ font-size: 18px; color: #fff; display: block; padding: 20px 0;}
   .footitem span{ font-size: 18px; color: #fff;display: block;}
   .footitem ul li a{ font-size: 18px; padding: 0; color: #999;}
   .footitem ul li{ line-height: 35px; }
   .flow{ display: flex; align-items: center;}
   .flow a{ padding: 0; margin: 0 15px; }
   .flow a img{ width: 30px; margin-bottom: 0;}
   .footbtm{ width: 100%; padding: 20px 0; border-top: 1px solid #999;  margin-top: 60px;}
   .footrt{ width: 24%;}
   .footrt ul li{ display: flex; align-items: center; margin-bottom: 20px;}
   .footrt ul li img{ width: 40px; margin-right: 10px;}
   .footrtwz p{ font-size: 18px; color: #AA000D; margin-bottom: 5px; padding: 0; line-height: normal;}
   .footrtwz span{ font-size: 18px; color: #fff; }
   .footrt video{ width: 100%;}
   
   
   .sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display: none;}
   .sp_logo{padding:10px;float:left;height:50px}
   .sp_logo img{margin:auto;max-height:30px;}
   .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
   .sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
   .sp_nav span:nth-of-type(1){top:0px}
   .sp_nav span:nth-of-type(2){top:10px}
   .sp_nav span:nth-of-type(3){top:20px}
   .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
   .sp_nav_se span:nth-of-type(2){width:0}
   .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
   .sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
   .nav_show{top:50px}
   .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
   .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
   .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
   .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
   .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
   .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
   .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
   .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
   .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
   .sjj_nav ul li ul{display:none}
   .sjj_nav ul li a{color:#666;width:80%}
   .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
   .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
   .sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
   .sjj_nav ul li ul li>ul{margin-left:10px}
   .con{ width: 100%; padding: 100px 0; background-color: #000;}
   
   
   .nybanner{ width: 100%; position: relative;}
   .nybanner img{ width: 100%; display: block;}
   .nywz{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;} 
   .nynr h1{ font-size: 64px; color: #fff; margin-bottom: 10px;}
	.nynr p{ font-size: 18px; color: #fff; text-align: center;}
   .about1{ width: 100%; padding: 100px 0; background-color: #000;}
   .about1lf{ width: 49%; float: left;}
   .about1lf .nr{ font-size: 16px; color: #fff; margin-bottom: 40px;}
   .jyfw h1{ font-size: 40px; color: #fff;}
   .jyfw ul{ margin-top: 30px;}
   .jyfw ul li{ margin-right: 60px; width: 70px; float: left;}
   .jyfw ul li img{ width:100%; display: block; margin-bottom: 5px;}
   .jyfw ul li p{ text-align: center; font-size: 16px; color: #fff;}
   .about1rt{ width: 49%; float: right;}
    .about1rt img {
        border-radius: 20px;
        width: 100%;
        display: block;
    }
   
   .about2{ width: 100%; padding: 100px 0; background-color: #000;}
   .about2lf{ width: 49%; float: left;}
   .about2lf img{border-radius:20px; width: 100%; display: block;}
   .about2rt{ width: 45%; float: right;}
	
	.c2bt{ width: 100%; margin-bottom: 20px; display: flex; align-items: center;}
	.c2bt h1{ font-size: 48px; color: #fff; margin-right: 10px;}
	.c2bt span{ font-size: 18px; background-color: #AA000D; padding: 3px 20px; color: #fff; border-radius: 10px;}
	.about2rt .nr{ font-size: 18px; color: #fff; margin-bottom: 20px;}
	.about2lfdetil{}
	.about2lfdetil h1{ font-size: 30px; color: #fff; margin-bottom: 20px;}
	.about2lfdetil .nr{ font-size: 18px; color: #fff;}
	.about2nr{ margin-bottom: 40px;}
   .abt2item{ padding: 70px 50px; background-color: #fff;}
   .abt2bt{ width: 100%; display: flex; align-items: center;}
   .abt2bt img{ width: 100px; margin-right: 10px;}
   .abt2bt h2{ font-size: 30px; color: #000;}
   .abt2bt p{ font-size: 16px; color: #000;}
   .abt2bt span{ font-size: 16px; color: #ff0000;}
   .abt2item .nr{ font-size: 16px; margin: 20px 0;}
   .abt2item a{ font-size: 18px; color: #000;}
   
   .about3{ width: 100%; padding: 100px 0; background-color: #000;}
   .abt3list h2{ font-size: 18px; color: #fff; margin-bottom: 30px;}
   .abt3list .swiper-slide img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
   .case{ width: 100%; padding: 100px 0; background-color: #000;}
   .casenr img{ width: 100%; display: block; margin-bottom: 10px;}
   .caseitem h2{ font-size: 48px; color: #fff; margin-bottom: 30px;}
   .casenr h1{ font-size: 24px; color: #fff;}
   .casenr p{ font-size: 18px;}
   .casenr p span{ font-size: 18px; color: #ff0000;}
   .caseitem .swiper{ padding-bottom: 30px;}
   .caseitem{ margin-bottom: 60px;}
   
   .conatct{ width: 100%; padding: 100px 0; background-color: #000;}
   .contactlist ul li{ width: calc((100% - 40px)/3); margin-right: 20px; float: left;} 
   .contactlist ul li:nth-child(3n){ margin-right: 0;}
   .contactlist ul li h1{ font-size: 24px;  color: #fff; background-color: #AA000D; padding: 10px;}
   .contactnr{ padding: 30px 20px; background-color: #fff;}
   .contactnr p{ font-size: 16px;}
   
   .conatct1{ width: 100%; padding: 100px 0; background-color: #000;}
   .contactls{ width: 100%; background-color: #AA000D; padding: 50px 0;}
   .contactls ul{ display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}
	.contactls ul li{ display: flex; align-items: center; margin: 0 20px;}
	.contactls ul li .iconpic{ width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff; margin-right: 10px;}
	.iconpic img{ /*width: 80%;*/height:40px;}
	.contactls ul li h2{ font-size:30px; color: #fff;}
	.contactls ul li p{ font-size: 18px; color: #fff;}
	.maps{ width: 100%;}
   
   .message{ width: 100%; padding: 100px 0; background-color: #000;}
   .messipt{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
	.iptitem{ width: 49%; margin-bottom: 30px;}
	.iptitem label{ display: flex; align-items: flex-start; margin-bottom: 20px;}
	.iptitem label { font-size: 24px; color: #fff;}
	.iptitem label span{ font-size: 18px; color: #ff0000;}
	.ipts{ width: 100%; background-color: #fff; border-radius: 10px; padding: 25px; display: flex; align-items: center;}
	.ipts img{height:30px; margin-right: 10px;}
	.ipts input{ line-height: 35px; width: 80%;}
	.iptitem1{ width: 100%; margin-bottom: 30px;}
	.iptitem1 label{ display: flex; align-items: flex-start; margin-bottom: 20px;}
	.iptitem1 label { font-size: 24px; color: #fff;}
	.iptitem1 label span{ font-size: 18px; color: #ff0000;}
	.ipts textarea{ height: 80px; width: 90%; border: 0;}
	.iptitem1 .ipts{ display: flex; align-items: flex-start;}
	.iptitem1 button{ width: 100%; line-height: 60px; text-align: center; background-color: #AA000D; color: #fff; font-size: 18px; border: 0; border-radius: 10px;}
   
   
   @media screen and (max-width:768px){
	   .con{ padding: 20px 0;}
	.head{ display: none;}
	.wapper{ width: 95%;}
	.footlogo img {
	    width: 70px;
	    display: block;
	    margin: 0 auto;
	    margin-bottom: 20px;
	}
    .nynr h1 {
        font-size:24px;text-align:center;
    }
    .iconpic img {
        height:20px;
    }
    .footlogo .nr {
        font-size: 14px;
        color: #999999;
        margin-bottom: 10px;
    }
	.footitem{
		 width: 50%;
	}
	.footrt {
	    width: 100%;
		margin: 20px 0;
	}
	.footrtwz p {
	    font-size: 14px;
	    color: #AA000D;
	    margin-bottom: 5px;
	    padding: 0;
	    line-height: normal;
	}
	.footitem h1 {
	    font-size: 16px;
	    color: #fff;
	    margin-bottom: 10px;
	}
	.footitem ul li a {
	    font-size: 14px;
	    padding: 0;
	    color: #999;
	}
  .sp_header{ display: block;}
  .nv{ height: 50px;}
  .foot {
    width: 100%;
    padding: 20px 0;
    padding-bottom: 0;
    background-color: #09090B;
}
		.footrtwz span {
		    font-size: 14px;
		    color: #fff;
		}
		.footlogo {
		    width: 100%;
			margin-bottom: 20px;
		}
		.footbtm {
		    
		    
		    
		    margin-top: 20px;
		}
		.con1 {
		    width: 100%;
		    padding: 30px 0;
		    background-color: #000;
		}
		.bt h1 {
		    font-size: 20px;
		    margin-top: 0;
		    color: #fff;
		}
		.line {
		    width: 40px;
		    height: 2px;
		    background-color: #AA000D;
		    margin: 10px auto;
		}
		.bt span {
		    font-size: 14px;
		    color: #fff;
		}
		.c1lf {
		    width: 100%;
		    float: left;
		}
		.bt {
		    text-align: center;
		    width: 100%;
		    margin-bottom: 20px;
		}
		.c1bt span {
		    font-size: 18px;
		    color: #fff;
		    display: block;
		    margin-bottom: 10px;
		}
		.c1bt h1 {
		    font-size: 23px;
		    color: #fff;
		}
		.c1lf .nr {
		    font-size: 14px;
		    color: #fff;
		    margin-bottom: 20px;
		}
		.btn1 {
		    width: 120px;
		    line-height: 40px;
		    text-align: center;
		    background-color: #AA000D;
		    border-radius: 10px;
		    color: #fff;
		    font-size: 14px;
		    margin-right: 30px;
		}
		.tpvideo img {
		    width: 30px;
		    margin-right: 10px;
		}
		.c1rt {
		    width: 100%;
		    float: right;
		    margin-top: 20px;
		}
		.con2 {
		    width: 100%;
		    padding: 20px 0;
		    background-color: #000;
		}
		.c2nrtop ul li {
		    width: auto;
		    padding: 10px;
		    font-size: 12px;
		    color: #Fff;
		    margin: 0 10px;
		    background-color: #000;
		    border: 1px solid #fff;
		    border-radius: 10px;
		}
		.c2nrtop ul li a {
		    font-size: 14px;
		    color: #Fff;
		}
		.c2nrlist ul li {
		    width: 100%;
		    border-radius: 20px;
		    overflow: hidden;
		    position: relative;
		    margin-right: 0;
		    margin-bottom: 20px;
		    float: left;
		}
		.con3 {
		    width: 100%;
		    padding: 20px 0;
		    background-color: #000;
		}
		.c3nr img{ width: 100%;}
		
		.conatct {
		    width: 100%;
		    padding: 30px 0;
		    background-color: #000;
		}
		.contactlist ul li {
		    width: 100%;
		    margin-right: 0;
		    float: left;
		    margin-bottom: 20px;
		}
		.contactlist ul li h1 {
		    font-size: 18px;
		    color: #fff;
		    background-color: #AA000D;
		    padding: 10px;
		}
		.contactnr {
		    padding: 10px;
		    background-color: #fff;
		}
		.conatct1 {
		    width: 100%;
		    padding: 30px 0;
		    background-color: #000;
		}
		.contactls {
		    width: 100%;
		    background-color: #AA000D;
		    padding: 20px 0;
		}
		.contactls ul li .iconpic {
		    width: 60px;
		    height: 60px;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    border-radius: 50%;
		    background-color: #fff;
		    margin-right: 10px;
		}
		.contactls ul li h2 {
		    font-size: 22px;
		    color: #fff;
		}
		.contactls ul li p {
		    font-size: 14px;
		    color: #fff;
		}
		.contactls ul li {
		    display: flex;
		    align-items: center;
		    margin: 10px 0;
		}
		.case {
		    width: 100%;
		    padding: 30px 0;
		    background-color: #000;
		}
		.caseitem h2 {
		    font-size: 24px;
		    color: #fff;
		    margin-bottom: 20px;
		}
		.caseitem {
		    margin-bottom: 20px;
		}
		.casenr p {
		    font-size: 16px;
		}
		.casenr p span {
		    font-size: 16px;
		    color: #ff0000;
		}
		.about1 {
		    width: 100%;
		    padding: 30px 0;
		    background-color: #000;
		}
		.about1lf {
		    width: 100%;
		    float: left;
		    margin-bottom: 20px;
		}
		.about1rt {
		    width: 100%;
		    float: right;
		}
		.jyfw h1 {
		    font-size: 24px;
		    color: #fff;
		}
		.about1lf .nr {
		    font-size: 14px;
		    color: #fff;
		    margin-bottom: 20px;
		}
		.jyfw ul {
		    margin-top: 10px;
		}
		.jyfw ul li {
		    margin-right: 0;
		    width: 100%;
		    float: left;
		    margin-bottom: 20px;
		}
		.about2 {
		    width: 100%;
		    padding: 30px 0;
		    background-color: #000;
		}
		.about2lf {
		    width: 100%;
		    float: left;
		    margin-bottom: 20px;
		}	
		.about2rt {
		    width: 100%;
		    float: right;
		}
		.c2bt h1 {
		    font-size: 24px;
		    color: #fff;
		    margin-right: 10px;
		}
		.c2bt span {
		    font-size: 13px;
		    background-color: #AA000D;
		    padding: 3px 20px;
		    color: #fff;
		    border-radius: 10px;
		}
		.about2rt .nr {
		    font-size: 14px;
		    color: #fff;
		    margin-bottom: 20px;
		}
		.about2lfdetil h1 {
		    font-size: 20px;
		    color: #fff;
		    margin-bottom: 20px;
		}
		.about2lfdetil .nr {
		    font-size: 14px;
		    color: #fff;
		}
		.abt2item {
		    padding: 20px;
		    background-color: #fff;
		}
		.abt2bt h2 {
		    font-size: 20px;
		    color: #000;
		}
		.abt2bt p {
		    font-size: 14px;
		    color: #000;
		}
		.abt2bt span {
		    font-size: 12px;
		    color: #ff0000;
		}
		.abt2item .nr {
		    font-size: 14px;
		    margin: 20px 0;
		}
		.about3 {
		    width: 100%;
		    padding: 30px 0;
		    background-color: #000;
		}
		.message {
		    width: 100%;
		    padding: 20px 0;
		    background-color: #000;
		}
		.iptitem {
		    width: 100%;
		    margin-bottom: 20px;
		}
		.iptitem label {
		    font-size: 18px;
		    color: #fff;
		}
		.ipts {
		    width: 100%;
		    background-color: #fff;
		    border-radius: 10px;
		    padding: 10px;
		    display: flex;
		    align-items: center;
		}
		.iptitem1 label {
		    font-size: 18px;
		    color: #fff;
		}
		.iptitem1 button {
		    width: 100%;
		    line-height: 40px;
		    text-align: center;
		    background-color: #AA000D;
		    color: #fff;
		    font-size: 14px;
		    border: 0;
		    border-radius: 10px;
		}
   }