.ighting{height: 1890px;}
    .ighting1{height: 2200px;}
    .ighting .ighting_1{margin-top: 40px;}
    .ighting .ighting_1 .ighting-fl{width: 314px;background-color: #fff;padding-bottom: 215px;}
    .ighting .ighting_1 .ighting-fl h3{font-size: 24px;color:#4b4b4b;padding: 50px 0 30px 50px;}
    .ighting .ighting_1 .ighting-fl ul li{width: 283px;line-height:55px;font-size: 16px;color: #7c7c7c;padding-left: 50px;}
	.ighting .ighting_1 .ighting-fl ul li a{display: block;}
    .ighting .ighting_1 .ighting-fl ul li:hover,.ighting .ighting_1 .ighting-fl ul li.on{transition: all 0.3s linear; background:linear-gradient(to left,#a1d42c, #068bcd);color: #fff;}

    .ighting .ighting_1 .ighting-fr{width: 1335px;padding-bottom: 200px;}

    /* 道路节能 */
    .ighting .ighting_1 .ighting-fr .plate-shell{background-color: #fff;height: 700px;overflow: hidden;margin-bottom: 50px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate{width: 1335px;height: 700px;background-color: #eceff1;position: relative;}
    .ighting .ighting_1 .ighting-fr .plate-shell:nth-child(even) .plate{ }
    .ighting .ighting_1 .ighting-fr .plate-shell .plate::after{content: '';width: 5px;height: 700px; background:linear-gradient(to top,#a1d42c, #068bcd);position: absolute;right: 0px;}
    .ighting .ighting_1 .ighting-fr .plate-shell:nth-child(even) .plate::after{left: 0px;}
    .ighting .ighting_1 .ighting-fr .plate-shell:nth-child(even) .plate-fl{float: right;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl{ position: relative; width: 1335px;height: 700px; background-position: center;background-size: cover;background-repeat: no-repeat;}
    
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li{width: 1335px;height: 700px;position: relative; transition: all 0.3s linear; }
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li i{width: 100%;height: 105px;position: absolute;bottom: 0;background-color: rgba(52 114 171 / 40%); line-height: 105px;text-align: center;color: #fff;font-size: 20px;display: block; }
	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li div {display: none; color: #fff;}
	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li div h3{font-size: 18px; font-weight: bold;line-height: 40px;}
	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li div span{font-size: 16px;}

	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li:hover i,.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li.on i{background-color: rgba(52 114 171 / 60%);}
	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li:hover{background-color: rgba(0 136 211 / 70%);transition: all 0.3s linear;}
	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li:hover div {display: block;}	
	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li:hover div.one  {display: block;height: 150px;padding:50px 20px; border-bottom: 1px solid rgba(255 255 255 / 20%);}
	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li:hover div.twe  {display: block;padding:20px; }
	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li:hover div.twe h3{line-height: 40px;}
	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li:hover div a{display: block;padding:30px 0;color: #7ec450; }
	
	
	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs .swiper-button-next{width: 38px;height: 105px;background-image: url(../img/plate-fl-imgs-swiper-button-next.png);background-position: center;background-repeat: no-repeat;background-size: cover;right: 0;top: initial;margin-top: 0; bottom: 0;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs .swiper-button-prev{width: 38px;height: 105px;background-image: url(../img/plate-fl-imgs-swiper-button-prev.png);background-position: center;background-repeat: no-repeat;background-size: cover;left: 0;top: initial;margin-top: 0; bottom: 0;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .heading{width: 708px;height: 85px; line-height: 85px; background-color: #40a690;font-size: 24px;text-align: center;color: #fff;}

    .ighting .ighting_1 .ighting-fr .plate-shell:nth-child(even) .plate-fr{float: left;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr{width: 600px;height: 700px;padding: 26px 32px 0 32px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul{height: 115px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li{width: 255px;height: 115px; background:linear-gradient(to left,#a1d42c, #068bcd);float: left;margin-right: 18px;color: #fff;padding-top: 20px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li h3{font-size: 48px;margin-right: 5px;font-weight: bold;line-height: 50px;font-family:webfont;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li h4{font-size: 16px;line-height: 30px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li i{font-size: 18px;margin-top: -20px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li p{font-size: 18px;text-align: center;line-height: 30px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li:nth-child(2){margin-right: 0px;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .features{height: 228px;margin-top: 27px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .features h3{font-size: 18px;color: #3f3f3f;font-weight: bold;padding: 0 0 10px 29px;position: relative;line-height: 20px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .features h3::after{content: ''; width: 19px;height: 20px;background-image: url(../img/features1.png);position: absolute;left: 0;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .features span{font-size: 16px;color: #3f3f3f;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .features span p{line-height: 25px;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .data{height: 190px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .data h3{font-size: 18px;color: #3f3f3f;font-weight: bold;padding: 0 0 10px 29px;position: relative;line-height: 20px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .data h3::after{content: ''; width: 19px;height: 20px;background-image: url(../img/features2.png);position: absolute;left: 0;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .data i{width: 536px;height: 133px;display: block;background-position: center;background-repeat: no-repeat;background-size: contain;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr time{text-align: right;display: block;font-size: 16px;color: #0e8fc5;position: relative;padding-right: 50px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr time::after{content: '';width: 18px;height: 12px;background-image: url(../img/plate-fr-a.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 5px; right: 20px;}

    .ighting .ighting_1 .ighting-fr .plate-ul ul li{width: 648px;height: 602px;float: left;margin-right: 38px;background-color: #fff;padding: 33px 29px;position: relative;margin-bottom: 50px;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li::before{content: ''; width:0%;height: 5px;background:linear-gradient(to left,#a1d42c, #068bcd); position: absolute; left:0; bottom: 0;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li:hover::before{width: 100%;transition: all 0.5s linear;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li:nth-child(even){margin-right: 0px;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li i{width: 590px;height: 364px;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li h3{font-size: 24px;color: #353535;padding: 50px 0 40px 0;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li time{text-align: right;display: block;font-size: 16px;color: #0e8fc5;position: relative;padding-right: 50px;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li time::after{content: '';width: 18px;height: 12px;background-image: url(../img/plate-fr-a.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 5px; right: 20px;}

    /* 道路详情 */
    .ighting .ighting_1 .ighting-fr .title{height: 132px;padding:58px 0 0 29px ;background-color: #fff;}
    .ighting .ighting_1 .ighting-fr .title h3{font-size: 36px;color: #4b4b4b;position: relative;}
    .ighting .ighting_1 .ighting-fr .title h3::after{content: ''; height: 35px;width: 5px; background:linear-gradient(to top,#a1d42c, #068bcd);position: absolute;top: 3px;left: -30px;z-index: 9;}
    .videos {display: none;width: 100%;height: 633px; z-index: 999;background-color: #000;}
    .ighting .ighting_1 .ighting-fr .content {padding: 0 28px 63px 28px;background-color: #fff;}
    .ighting .ighting_1 .ighting-fr .content .video-js{width: 1279px;height: 633px;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .ighting .ighting_1 .ighting-fr .content .vjs-big-play-button{cursor: pointer; background: url(../img/index-1-video-button.png) no-repeat center;background-size: cover;  position: absolute;top: 45%; left: 50%; height: 54px;width: 54px;animation: circle-opacity 2s infinite;left: 50%;top: 50%; transform: translate(-50%,-50%) scale(0,0);}
	.ighting .ighting_1 .ighting-fr .content .video-js .swiper-slide{height: 633px;background-repeat: no-repeat;background-position: center;background-size: cover;}

	.image-list-js .swiper-button-next{width: 38px;height: 105px;background-image: url(../img/plate-fl-imgs-swiper-button-next.png);background-position: center;background-repeat: no-repeat;background-size: cover;right: 0;margin-top: 0; bottom: 0;}
    .image-list-js .swiper-button-prev{width: 38px;height: 105px;background-image: url(../img/plate-fl-imgs-swiper-button-prev.png);background-position: center;background-repeat: no-repeat;background-size: cover;left: 0;margin-top: 0; bottom: 0;}


    @keyframes circle-opacity{
        from {
            opacity: 1;
            transform:translate(-50%,-50%) scale(1);
        }
        to {
            opacity: 0;
            transform:translate(-50%,-50%) scale(2);
        }
    }
    .ighting .ighting_1 .ighting-fr .content .content-li{width: 1279px;height: 196px; background:linear-gradient(to left,#a1d42c, #068bcd);}
    .ighting .ighting_1 .ighting-fr .content .content-li ul li{width: 50%;height: 196px;float: left;padding: 40px 0;}
    .ighting .ighting_1 .ighting-fr .content .content-li ul li h4{font-size: 50px;font-family:webfont;font-weight: bold;color: #c5e3ef;float: left;}
    .ighting .ighting_1 .ighting-fr .content .content-li ul li i{font-size: 24px;color: #c5e3ef;margin-top: -20px;}
    .ighting .ighting_1 .ighting-fr .content .content-li ul li p{font-size: 18px;overflow: hidden;line-height:36px ;color: #c5e3ef;text-align: center;}
    .ighting .ighting_1 .ighting-fr .content .content-st{width: 1279px;height: 537px;padding-top: 30px;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li{width: 625px;height: 508px;background-image: url(../img/content-st.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;float: left;margin-right: 29px;padding: 45px 25px;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2){margin-right: 0px;position: relative;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text{background-image: url(../img/content-st2.png); background-repeat: no-repeat; height: 300px;width: 100%;position: absolute; top: 160px;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span{position: absolute;text-align: center;font-size: 12px; color: #fff;  width: 140px; height: 60px; left: 15px; top: 0;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span i{font-weight: initial; width: inherit; height: 20px;line-height: 20px;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span b{font-size: 22px;font-weight: bold;font-family: Condense;line-height: 30px;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(1){left: -8px; top: 115px;}	
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(2){left: 140px; top: 115px;}		
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(3){left: 400px; top: 6px;color: #0088d3;}		
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(4){left: 400px; top: 82px;color: #0088d3;}	
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(5){left: 400px; top: 160px;color: #0088d3;}	
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(6){left: 400px; top: 236px;color: #0088d3;}	
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span.info{width: 180px; padding-top: 5px;background-image: url(../img/content-st3-1.png); background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
	
	
    .ighting .ighting_1 .ighting-fr .content .content-st ul li i{display: block;width: 84px;height: 97px;background-position: center;background-repeat: no-repeat;background-size: contain;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li h5{font-size: 24px;font-weight: bold;color: #525252;padding: 20px 0 45px 0;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li .text p{font-size: 18px;color: #404040;line-height: 35px;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li time{display: block;width: 575px;height: 295px;margin-top: -80px;background-position: center;background-repeat: no-repeat;background-size: contain;}
 @media (max-width: 1680px) {
    .ighting .ighting_1 .ighting-fl{width: 274px;}
    .ighting .ighting_1 .ighting-fl h3{padding: 50px 0 30px 43px;}
    .ighting .ighting_1 .ighting-fl ul li{width: 247px;padding-left: 43px;}

    .ighting .ighting_1 .ighting-fr{width: 1168px}

   /* 道路节能 */
   .ighting .ighting_1 .ighting-fr .plate-shell .plate{width: 1168px;}
   .ighting .ighting_1 .ighting-fr .plate-shell:nth-child(even) .plate{}
   .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl{width: 1168px;}

   .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .heading{width: 619px;}

   .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr{width: 525px;padding: 26px 28px 0 28px;}
   
   .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li{width: 223px;margin-right: 15px;}
   .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li h4{font-size: 14px;}

   .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .data i{width: 469px;}

   .ighting .ighting_1 .ighting-fr .plate-ul ul li{width: 567px;margin-right: 33px;padding: 33px 25px;}

   .ighting .ighting_1 .ighting-fr .plate-ul ul li i{width: 516px;}
 
 /* 道路详情 */
    .ighting .ighting_1 .ighting-fr .content {padding: 0 24px 63px 24px;}
    .ighting .ighting_1 .ighting-fr .content .video-js{width: 1119px;}

    .ighting .ighting_1 .ighting-fr .content .content-li{width: 1119px;}
    .ighting .ighting_1 .ighting-fr .content .content-li ul li{}
    .ighting .ighting_1 .ighting-fr .content .content-li ul li div p{width: 356px;}
    .ighting .ighting_1 .ighting-fr .content .content-st{width: 1119px;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li{width: 546px;margin-right: 25px;padding: 45px 21px;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text{background-image: url(../img/content-st3.png); }
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(1){left: -9px; }	
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(2){left: 129px; }		
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(3){left: 345px; }		
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(4){left: 345px; }	
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(5){left: 345px; }	
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(6){left: 345px; }	
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span.info{width: 140px;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li time{width: 503px;}
 }
 @media (max-width: 1560px) {
 
    .ighting .ighting_1 .ighting-fl{width: 254px;}
    .ighting .ighting_1 .ighting-fl h3{padding: 50px 0 30px 39px;}
    .ighting .ighting_1 .ighting-fl ul li{width: 229px;padding-left: 39px;}

    .ighting .ighting_1 .ighting-fr{width: 1084px}

 /* 道路节能 */
    .ighting .ighting_1 .ighting-fr .plate-shell .plate{width: 1084px;}
    .ighting .ighting_1 .ighting-fr .plate-shell:nth-child(even) .plate{}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl{width: 1084px;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .heading{width: 574px;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr{width: 487px;padding: 26px 26px 0 26px;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li{width: 207px;margin-right: 13px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li h4{font-size: 13px;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .data i{width: 435px;}

    .ighting .ighting_1 .ighting-fr .plate-ul ul li{width: 526px;margin-right: 30px;padding: 33px 23px;}

    .ighting .ighting_1 .ighting-fr .plate-ul ul li i{width: 479px;}
 /* 道路详情 */
    .ighting .ighting_1 .ighting-fr .content {padding: 0 22px 63px 22px;}
    .ighting .ighting_1 .ighting-fr .content .video-js{width: 1039px;}

    .ighting .ighting_1 .ighting-fr .content .content-li{width: 1039px;}
    .ighting .ighting_1 .ighting-fr .content .content-li ul li div p{width: 330px;}
    .ighting .ighting_1 .ighting-fr .content .content-st{width: 1039px;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li{width: 507px;margin-right: 23px;padding: 45px 19px;}

    .ighting .ighting_1 .ighting-fr .content .content-st ul li time{width: 467px;}
 }
 @media (max-width: 1440px) {
   
    .ighting .ighting_1 .ighting-fl{width: 234px;}
    .ighting .ighting_1 .ighting-fl h3{padding: 50px 0 30px 36px;}
    .ighting .ighting_1 .ighting-fl ul li{width: 211px;padding-left: 36px;}

    .ighting .ighting_1 .ighting-fr{width: 1000px}
 /* 道路节能 */
    .ighting .ighting_1 .ighting-fr .plate-shell .plate{width: 1000px;}
    .ighting .ighting_1 .ighting-fr .plate-shell:nth-child(even) .plate{}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl{width: 1000px;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .heading{width: 529px;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr{width: 449px;padding: 26px 24px 0 24px;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li{width: 191px;margin-right: 12px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li h4{font-size: 12px;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .data i{width: 401px;}

    .ighting .ighting_1 .ighting-fr .plate-ul ul li{width: 485px;margin-right: 27px;padding: 33px 21px;}

    .ighting .ighting_1 .ighting-fr .plate-ul ul li i{width: 442px;}
 /* 道路详情 */
    .ighting .ighting_1 .ighting-fr .content {padding: 0 20px 63px 20px;}
    .ighting .ighting_1 .ighting-fr .content .video-js{width: 959px;}

    .ighting .ighting_1 .ighting-fr .content .content-li{width: 959px;}
    .ighting .ighting_1 .ighting-fr .content .content-li ul li div p{width: 304px;}
    .ighting .ighting_1 .ighting-fr .content .content-st{width: 959px;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li{width: 468px;margin-right: 21px;padding: 45px 17px;}

    .ighting .ighting_1 .ighting-fr .content .content-st ul li time{width: 431px;}
 }
 @media (max-width: 1366px) {
    .ighting .ighting_1 .ighting-fl{width: 221px;}
    .ighting .ighting_1 .ighting-fl h3{padding: 50px 0 30px 34px;}
    .ighting .ighting_1 .ighting-fl ul li{width: 200px;padding-left: 34px;}

    .ighting .ighting_1 .ighting-fr{width: 948px}
 /* 道路节能 */
    .ighting .ighting_1 .ighting-fr .plate-shell .plate{width: 948px;;}
    .ighting .ighting_1 .ighting-fr .plate-shell:nth-child(even) .plate{}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl{width: 948px;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .heading{width: 501px;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr{width: 425px;padding: 26px 22px 0 22px;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li{width: 181px;margin-right: 11px;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li h4{font-size: 11px;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .data i{width: 383px;}

    .ighting .ighting_1 .ighting-fr .plate-ul ul li{width: 460px;margin-right: 25px;padding: 33px 19px;}

    .ighting .ighting_1 .ighting-fr .plate-ul ul li i{width: 419px;}    
 /* 道路详情 */
    .ighting .ighting_1 .ighting-fr .content {padding: 0 18px 63px 18px;}
    .ighting .ighting_1 .ighting-fr .content .video-js{width: 909px;}

    .ighting .ighting_1 .ighting-fr .content .content-li{width: 909px;}
    .ighting .ighting_1 .ighting-fr .content .content-li ul li div p{width: 288px;}
    .ighting .ighting_1 .ighting-fr .content .content-st{width: 909px;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li{width: 443px;margin-right: 19px;padding: 45px 16px;}

    .ighting .ighting_1 .ighting-fr .content .content-st ul li time{width: 408px;}
 }
@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .ighting{height: auto;overflow: hidden;}
    .ighting1{height: auto;overflow: hidden;;}
    .ighting .ighting_1{margin-top: 0.4rem;}
    .ighting .ighting_1 .ighting-fl{width: 7.2rem;background-color: #fff;padding-bottom: 0.3rem;}
    .ighting .ighting_1 .ighting-fl h3{font-size: 0.32rem;color:#4b4b4b;padding: 0.5rem 0 0.3rem  0.5rem ;}
    .ighting .ighting_1 .ighting-fl ul{overflow: hidden;}
    .ighting .ighting_1 .ighting-fl ul li{width: 3.6rem;line-height:0.7rem;font-size: 0.26rem;color: #7c7c7c;padding-left: 0rem;float: left;text-align: center;}
    .ighting .ighting_1 .ighting-fl ul li:hover,.ighting .ighting_1 .ighting-fl ul li.on{transition: all 0.3s linear; font-size: 0.28rem;font-weight: bold; background:linear-gradient(to left,#a1d42c, #068bcd);color: #fff;}

    .ighting .ighting_1 .ighting-fr{width: 7.2rem;padding-bottom: 0.3rem;margin-top: 0.3rem;height: auto;}

    /* 道路节能 */
    .ighting .ighting_1 .ighting-fr .plate-shell{display: none; background-color: #fff;height: auto;overflow: hidden;margin-bottom: 0.3rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate{width: 7.0rem;height: 7.5rem;background-color: #eceff1;margin: 0.1rem  0.1rem 0.1rem 0.1rem;position: relative;}
    .ighting .ighting_1 .ighting-fr .plate-shell:nth-child(even) .plate{margin: 0.1rem  0.1rem 0.1rem 0.1rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate::after{content: '';width: 0.05rem;height: 7.5rem; background:linear-gradient(to top,#a1d42c, #068bcd);position: absolute;right: 0px;}
    .ighting .ighting_1 .ighting-fr .plate-shell:nth-child(even) .plate::after{left: 0px;}
    .ighting .ighting_1 .ighting-fr .plate-shell:nth-child(even) .plate-fl{float: right;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl{width: 7rem;height: 7.5rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li{width: 7rem;height: 7.5rem;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs .swiper-button-next{width: 0.38rem;height: 1rem;background-image: url(../img/plate-fl-imgs-swiper-button-next.png);background-position: center;background-repeat: no-repeat;background-size: cover;right: 0;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs .swiper-button-prev{width: 0.38rem;height: 1rem;background-image: url(../img/plate-fl-imgs-swiper-button-prev.png);background-position: center;background-repeat: no-repeat;background-size: cover;left: 0;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .heading{width: 7rem;height: 0.85rem; line-height: 0.85rem; background-color: #40a690;font-size: 0.3rem;text-align: center;color: #fff;}



    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li i{width: 100%;height:  1rem;line-height:  1rem;font-size: 0.26rem;}
	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li div h3{font-size: 0.26rem; height:0.5rem; line-height: 0.5rem;}
	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li div span{font-size: 0.22rem;}


	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li:hover div.one{height: 1.3rem;padding:0.22rem 0.2rem;  }
	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li:hover div.twe{padding:0.32rem 0.2rem; line-height: 0.28rem; }
	.ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fl .imgs ul li:hover div a{padding:0.32rem 0; }
	
	


    .ighting .ighting_1 .ighting-fr .plate-shell:nth-child(even) .plate-fr{float: left;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr{width: 7rem;height: auto;padding: 0.26rem 0.1rem 0.2rem 0.1rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul{height: 1.4rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li{width:3.3rem;height: 1.15rem; background:linear-gradient(to left,#a1d42c, #068bcd);float: left;margin-right: 0rem;margin:0.05rem; color: #fff;padding-top: 0.2rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li h3{font-size: 0.48rem;margin-right: 0.05rem;font-weight: bold;line-height: 0.5rem;font-family:webfont;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li h4{font-size: 0.26rem;line-height: 0.3rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li i{font-size: 0.28rem;margin-top: -0.2rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li p{font-size: 0.28rem;text-align: center;line-height: 0.3rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr ul li:nth-child(2){margin-right: 0rem;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .features{height: auto;margin-top: 0.27rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .features h3{font-size: 0.3rem;color: #3f3f3f;font-weight: bold;padding: 0 0 0.1rem 0.29rem;position: relative;line-height: 0.2rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .features h3::after{content: ''; width: 0.19rem;height: 0.2rem;background-image: url(../img/features1.png);position: absolute;left: 0;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .features span{font-size: 0.28rem;color: #3f3f3f;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .features span p{line-height: 0.35rem;}

    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .data{height: 2rem;margin-top: 0.2rem;width: 7rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .data h3{font-size: 0.3rem;color: #3f3f3f;font-weight: bold;padding: 0 0 0.1rem 0.29rem;position: relative;line-height: 0.3rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .data h3::after{content: ''; width: 0.19rem;height: 0.2rem;background-image: url(../img/features2.png);position: absolute;left: 0;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr .data i{width: 6.8rem;height: 1.33rem;display: block;background-position: center;background-repeat: no-repeat;background-size: 7rem 1.33rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr a{text-align: right;display: block;font-size: 0.24rem;color: #0e8fc5;position: relative;padding-right: 0.5rem;}
    .ighting .ighting_1 .ighting-fr .plate-shell .plate .plate-fr a::after{content: '';width: 0.24rem;height: 0.18rem;background-image: url(../img/plate-fr-a.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 0.1rem; right: 0.16rem;}

    .ighting .ighting_1 .ighting-fr .plate-ul{height: auto;width: 7.2rem;overflow: hidden;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li{width: 7.2rem;height: 6rem;float: left;margin-right: 0rem;background-color: #fff;padding: 0.1rem 0.1rem;position: relative;margin-bottom: 0.3rem;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li::before{content: ''; width:0%;height: 0.05rem;background:linear-gradient(to left,#a1d42c, #068bcd); position: absolute; left:0; bottom: 0;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li:hover::before{width: 100%;transition: all 0.5s linear;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li:nth-child(even){margin-right: 0px;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li i{width: 7rem;height: 4.5rem;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li h3{font-size: 0.28rem;color: #353535;padding: 0.2rem 0 0.2rem 0;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li a{text-align: right;display: block;font-size: 0.24rem;color: #0e8fc5;position: relative;padding-right: 50px;}

    .ighting .ighting_1 .ighting-fr .plate-ul ul li time{font-size:0.26rem ;padding-right:0.50rem ;}
    .ighting .ighting_1 .ighting-fr .plate-ul ul li time::after{width: 0.28rem; height: 0.12rem; top: 0.18rem; right: 0.10rem;z-index: 99;}


    /* 道路详情 */
    .ighting .ighting_1 .ighting-fr .title{height: 1.32rem;padding: 0.58rem 0 0 0.29rem ;background-color: #fff;}
    .ighting .ighting_1 .ighting-fr .title h3{font-size: 0.32rem;color: #4b4b4b;position: relative;}
    .ighting .ighting_1 .ighting-fr .title h3::after{content: ''; height: 0.35rem;width: 0.05rem; background:linear-gradient(to top,#a1d42c, #068bcd);position: absolute;top: 3px;left: -30px;}
    .videos {display: none;width: 100%;height: 5rem; z-index: 999;}
    .ighting .ighting_1 .ighting-fr .content {padding: 0 0.1rem 0.63rem 0.1rem;background-color: #fff;}
    .ighting .ighting_1 .ighting-fr .content .video-js{width: 7rem;height: 5rem;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .ighting .ighting_1 .ighting-fr .content .vjs-big-play-button{cursor: pointer; background: url(../img/index-1-video-button.png) no-repeat center;background-size: cover;  position: absolute;top: 45%; left: 50%; height: 54px;width: 54px;animation: circle-opacity 2s infinite;left: 50%;top: 50%; transform: translate(-50%,-50%) scale(0,0);}
   	.ighting .ighting_1 .ighting-fr .content .video-js .swiper-slide{height: 5rem;}
	
	.image-list-js .swiper-button-next{display: none; width: 0.38rem;height: 1rem;background-image: url(../img/plate-fl-imgs-swiper-button-next.png);background-position: center;background-repeat: no-repeat;background-size: cover;right: 0;}
	.image-list-js .swiper-button-prev{display: none;width: 0.38rem;height: 1rem;background-image: url(../img/plate-fl-imgs-swiper-button-prev.png);background-position: center;background-repeat: no-repeat;background-size: cover;left: 0;}
	
	
	@keyframes circle-opacity{
        from {
            opacity: 1;
            transform:translate(-50%,-50%) scale(1);
        }
        to {
            opacity: 0;
            transform:translate(-50%,-50%) scale(2);
        }
    }
    .ighting .ighting_1 .ighting-fr .content .content-li{width: 7rem;height: 2rem; background:linear-gradient(to left,#a1d42c, #068bcd);}
    .ighting .ighting_1 .ighting-fr .content .content-li ul li{width: 3.5rem;height: 1.75rem;float: left;padding-top: 0.5rem;padding: 0.5rem 0 0 0;}
    .ighting .ighting_1 .ighting-fr .content .content-li ul li h4{font-size: 0.48rem;font-family:webfont;font-weight: bold;color: #c5e3ef;float: left;}
    .ighting .ighting_1 .ighting-fr .content .content-li ul li i{font-size: 0.24rem;color: #c5e3ef;margin-top: -0.2rem;}
    .ighting .ighting_1 .ighting-fr .content .content-li ul li p{font-size: 0.24rem;overflow: hidden;line-height:0.36rem ;color: #c5e3ef;text-align: center;}
    .ighting .ighting_1 .ighting-fr .content .content-st{width: 7rem;height: auto;padding-top: 0.3rem;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li{width: 7rem;height: auto;background-image: url(../img/content-st.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;float: left;margin-right: 0rem;margin: 0.1rem auto; padding: 0.2rem 0.1rem;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2){margin-right: 0px;height: 6rem;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li>i{display: block;width: 0.84rem;height: 0.97rem;float: left; margin-left: 0.2rem;margin-right: 0.2rem; background-position: center;background-repeat: no-repeat;background-size: contain;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li>h5{font-size: 0.32rem;font-weight: bold;color: #525252;padding: 0.2rem 0 0.45rem 0;}
    .ighting .ighting_1 .ighting-fr .content .content-st ul li .text {padding: 0.1rem;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li .text p{font-size: 0.26rem;color: #404040;line-height: 0.36rem;}
	
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text{height:4.00rem ;top:1.60rem ;    background-size: contain;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span{font-size:0.24rem ;width:2.5rem;height:0.60rem ;left:0.15rem ;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span i{height:0.20rem ;line-height:0.20rem ;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span b{font-size:0.32rem ;line-height:0.30rem ;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(1){left:-0.4rem ;top:1.6rem ;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(2){left: 1.51rem; top: 1.6rem;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(3){left:4.4rem ;top:0.1rem ;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(4){left:4.4rem ;top:1.15rem ;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(5){left:4.4rem ;top:2.2rem ;}
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span:nth-child(6){left:4.4rem ;top:3.25rem;}
	
	.ighting .ighting_1 .ighting-fr .content .content-st ul li:nth-child(2) .text span.info{width: 2.3rem;height: 0.90rem;padding-top: 0.15rem;}
	
    .ighting .ighting_1 .ighting-fr .content .content-st ul li time{display: block;width: 6.8rem;height: 2.95rem;margin-top: -0.8rem;background-position: center;background-repeat: no-repeat;background-size: 6.8rem 2.95rem;}


}