body{overflow-y: hidden;}
/* banner */
*{visibility: visible;}
.banner {bottom: 0;overflow: hidden;}
.banner ul li{width: 100% ;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
.banner .mySwiper { width: 100%; height: 100%; float: left;position: relative;}

.banner .mySwiper li .text{position: absolute;top: 45%;left: 100px;}
.banner .mySwiper li .text h3{font-size: 60px;color: #fff;font-weight: bold;font-family: '思源黑体';line-height: 65px;}
.banner .mySwiper li .text h4{text-transform:uppercase;color: #e8e8e8;font-size: 20px;line-height: 25px;letter-spacing:1.2px}
.banner .mySwiper li .text .more{width: 155px;line-height: 41px;margin-top: 63px;padding-left: 30px;font-size: 16px;color: #fff;font-family: 'Adobe 黑体 Std';  border: 2px solid #fff; border-radius: 30px;position: relative;}
.banner .mySwiper li .text .more::after{content: '';width: 17px;height: 17px;background-image: url(../images/banner-more-list.png); position: absolute;top: 13px;right: 17px;background-position: center;background-repeat: no-repeat;background-size: contain;}
.banner .mySwiper li .text .more a{display: block;}
.banner .mySwiper .click-list{width: 194px;  position: absolute;left: 45%; z-index: 9; bottom: 40px;}
.banner .mySwiper .click-list .texte-fl{width: 96px;padding-right: 30px; float: left;line-height: 57px;color: #fff;font-size: 16px;}
.banner .mySwiper .click-list .texte-fr{width: 76px;float: left; padding-left: 10px;line-height: 57px;color: #fff;font-size: 16px;}
.banner .mySwiper .click-list .click{cursor: pointer; float: left; width: 22px;height: 57px;display: block;margin: 0 auto;background-image: url(../images/banner-click.png);background-size: 22px 37px;}
.banner .mySwiper .click-list .click{animation: myfirst1 1s infinite alternate ;-moz-animation: myfirst1 1s infinite alternate;-webkit-animation: myfirst1 1s infinite alternate;-o-animation: myfirst1 1s infinite alternate;}

.banner .mySwiper .banner-list{width: 156px;height: 1px;background-color: #fff;position: absolute;right: 0;bottom: 106px;z-index: 999;}
.banner .swiper-pagination{font-size: 30px;font-family:Condense;color: #f2f2f2;position: absolute; bottom: 50px;left: auto;right: 150px; width: 100px;height: 100px;}
.banner .swiper-pagination-current {font-size: 48px;}
.banner .swiper-button-prev{animation:moves2 2.5s linear  infinite;position: absolute;left: auto;right: 100px;top: auto; bottom: 130px; width: 18px;height: 10px;background-image: url(../images/banner-swiper-button-prev.png);background-position: center;background-repeat: no-repeat;background-size: contain;}
.banner .swiper-button-next{animation:moves2 3s linear  infinite;position: absolute;left: auto;right:  100px;top: auto; bottom: 70px; width: 18px;height: 10px;background-image: url(../images/banner-swiper-button-next.png);background-position: center;background-repeat: no-repeat;background-size: contain; }

.banner #videoMp4{min-width: 100%; min-height: 100%;object-fit: fill;/*这里是关键*/ width: auto; height: auto;}

/* 节能 */
.index_1{background-image: url(../images/index_1.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.index_1 .text h3{font-size: 60px; line-height: 80px; position: relative;background:linear-gradient(to right,  #8ab81c, #087aaf);-webkit-background-clip: text;color: transparent;}
.index_1 .text h3#index1-2{font-size: 40px;}
.index_1 .text h3 i{background:linear-gradient(to right, #8ab81c, #087aaf);-webkit-background-clip: text;color: transparent;}
.index_1 .text h3::after{content: '';width: 42px;height: 2px;background-color: #72ad38;position: absolute;top: 90px;left: 0;}
.index_1 .text ul {width: 750px;height: 256px; margin-top: 90px;overflow: hidden;}
.index_1 .text ul li{width: 250px;height: 128px;float: left;position: relative;}
.index_1 .text ul li h4{font-size: 70px;font-family:webfont;font-weight: bold;color: #60982d;float: left;}
.index_1 .text ul li i{font-size: 24px;float: left;color: #60982d;margin:10px;}
.index_1 .text ul li span{font-size: 16px;float: left;display: block;width: 250px;line-height:36px ;color: #60982d;}
.index_1 .text .more{width: 155px;line-height: 41px;margin-top: 23px;padding-left: 30px;font-size: 16px;color: #1a94b8;border-radius: 30px;background-image: url(../images/index_1-more.png);background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.index_1 .text .more::after{content: '';width: 17px;height: 17px;background-image: url(../images/index_1-more-list.png); position: absolute;top: 13px;right: 17px;z-index: 9;}
.index_1 .text .more a{display: block;}

/* 走进晶和 */
.index_2{position: relative;}
.index_2 .index_2-fl{ width: 50%;height: 100%;background-image: url(../images/index_2-fl-2.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.index_2 .index_2-fl ul{height: auto; position: absolute;right: 5%;bottom: 5%;display: flex;}
.index_2 .index_2-fl ul li{width: 220px;height: auto;float: left;margin: 0 1%;}
.index_2 .index_2-fl ul li h4{font-size: 70px;font-family:webfont;font-weight: bold;color: #c5e3ef;float: left;}
.index_2 .index_2-fl ul li i{font-size: 24px;float: left;color: #c5e3ef;margin:10px;}
.index_2 .index_2-fl ul li span{font-size: 16px;float: left;display: block;width: 220px;line-height:36px ;color: #c5e3ef;}

.index_2 .index_2-fr{width: 50%;height: 100%;background-image: url(../images/index_2-fr.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.index_2 .index_2-fr .text{width: 40%;position: absolute;right: 52px;top: 25%;}
.index_2 .index_2-fr .text h3{font-size: 60px;color: #4d4d4d;position: relative;margin-bottom: 83px;}
.index_2 .index_2-fr .text h3::after{content: '';width: 42px;height: 2px;background-color: #4d4d4d;position: absolute;top: 90px;left: 0;z-index: 99;}
.index_2 .index_2-fr .text h4{font-size: 24px;line-height: 40px;display: block;text-indent: 48px;}
.index_2 .index_2-fr .text span{font-size: 18px;color: #5e5e5e;line-height: 30px; display: block;text-indent: 36px;}
.index_2 .index_2-fr .text time{font-size: 18px;line-height: 60px; text-align: right;display: block; color: #696969;}
.index_2 .index_2-fr .text .more{width: 155px;line-height: 41px;margin-top: 23px;padding-left: 30px;font-size: 16px;color: #1a94b8;border-radius: 30px;background-image: url(../images/index_1-more.png);background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.index_2 .index_2-fr .text .more::after{content: '';width: 17px;height: 17px;background-image: url(../images/index_1-more-list.png); position: absolute;top: 13px;right: 17px;z-index: 9;}
.index_2 .index_2-fr .more a{display: block;}
.index_2 .imges{width: 52%;height: 547px;position: absolute;left: 100px;top: 20%;background-position: center;background-repeat: no-repeat;background-size: cover;}

/* 业务领域 */
.index_3{background-image: url(../images/index_3.jpg);background-position: center;background-repeat: no-repeat;background-size:cover;position: relative;overflow: hidden;}
.index_3 h3{font-size: 48px;color: #4d4d4d;margin: 3% 0 2% 0;position: relative;}
.index_3 h3::after{content: '';width: 42px;height: 2px;background-color: #4d4d4d;position: absolute;top: 90px;left: 0;z-index: 1;}
.index_3 .img{width: 612px;height: 612px;background:linear-gradient(to bottom right,#8ab81c, #0289d1);border-radius: 50%;margin: 0 auto;position: relative;animation:moves2 2s linear  infinite;}
.index_3 .img::before{content: "";width:662px;height: 662px; border-radius: 50%; position: absolute; animation: circle-opacity 3s infinite;left: 50%;top: 50%; transform: translate(-50%,-50%) scale(0,0);   background:#e3ecf1;}
.index_3 .img::after{content: "";width:712px;height: 712px; border-radius: 50%; position: absolute; animation: circle-opacity 2s infinite;left: 50%;top: 50%; transform: translate(-50%,-50%) scale(0,0);   background:#d7e4e1;}
.index_3 .img i{width: 536px;height: 536px;background-color: #fff;display: block; border-radius: 50%;background-position: center;background-repeat: no-repeat;background-size: cover;transform: scale(1.1);opacity: 0;transition: ease 2s;position: absolute;top: 38px;left: 38px;bottom: 38px;right: 38px;}
.index_3 .img i.on{transform: scale(1,1); opacity: 1;display: block !important;}
.index_3 ul li{width: 361px;height: 136px;position: absolute;display: flex;}
.index_3 ul li .tome{width: 136px;height: 136px;}
@keyframes moves2 {
	0%{transform: translateY(0px);} 
	50%{transform: translateY(-10px);} 
	100%{transform: translateY(0px);}
}
.index_3 ul li .tome time{width: 110px;height: 110px;display: block; background:linear-gradient(to bottom right,#8ab81c, #0289d1);border-radius: 50%;float: left;margin: 13px;position: relative;}
.index_3 ul li .tome time::before{content: "";display: block;animation: circle-opacity 1s infinite;width: 136px;height: 136px; border-radius: 50%; position: absolute; animation: circle-opacity 2s infinite;left: 50%;top: 50%; transform: translate(-50%,-50%) scale(0,0);}
.index_3 ul li:hover .tome time::before,.index_3 ul li.on .tome time::before{ background:linear-gradient(to bottom right,#8ab81c6b, #0289d159);}
@keyframes circle-opacity{
    from {
        opacity: 1;
        transform:translate(-50%,-50%) scale(1);
    }
    to {
        opacity: 0;
        transform:translate(-50%,-50%) scale(2);
    }
}
.index_3 ul li .tome time i{margin: 26px auto;width: 58px;height: 58px;display: block;background-repeat: no-repeat;background-size: contain;}
.index_3 ul li .text{width: 241px;height: 136px;padding:13px 0 0 10px;}
.index_3 ul li .text h5{font-size: 30px;color: #4d4d4d;font-weight: bold;line-height: 50px;}
.index_3 ul li .text span{font-size: 16px;color: #5d5d5d;}
.index_3 ul li:nth-child(1){width: 416px; top: 65%; left: 238px;animation:moves2 2s linear  infinite;}
.index_3 ul li:nth-child(1) .text{width: 276px;}
.index_3 ul li:nth-child(2){top: 20%; right: 300px;animation:moves2 3s linear  infinite;}
.index_3 ul li:nth-child(3){top: 70%;right: 120px;animation:moves2 4s linear  infinite;}
.index_3 ul li:hover .tome time i,.index_3 ul li.on .tome time i{animation: overturn1 2s;}
@keyframes overturn1
{
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(360deg);}
    100% {transform: rotateY(0deg);}
}
.index_3 ul li:hover .text h5,.index_3 ul li:hover .text span,.index_3 ul li.on .text h5,.index_3 ul li.on .text span{background:linear-gradient(to right, #8ab81c, #087aaf);-webkit-background-clip: text;color: transparent;}
/* 经典案例 */
.index_4 .index_4-fl{width: 50%;height: 100%;position: relative;}
.index_4 .index_4-fl ul{width: 100%;height: 100%;position: relative;} 
.index_4 .index_4-fl ul li{width: 100%;height: 100%;transform: scale(1.1);opacity: 0;transition: ease 2s;position: absolute;left: 0;top: 0;}
.index_4 .index_4-fl ul li i{width: 100%;height: 100%;display: block;background-position: center;background-repeat: no-repeat;background-size: cover; transition: ease 1s;}
.index_4 .index_4-fl ul li.on{transform: scale(1,1); opacity: 1;display: block !important;}
.index_4 .index_4-fr{width: 50%;height: 100%;background-image: url(../images/index_4-fr.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.index_4 .index_4-fr h3{font-size: 48px;color: #e8e8e8;position: relative;margin: 150px 0 100px 80px;}
.index_4 .index_4-fr h3::after{content: '';width: 37px;height: 2px;background-color:#e8e8e8;position: absolute;left: 0;top: 86px;z-index: 1;}
.index_4 .index_4-fr .text-w{height: 290px;position: relative;}
.index_4 .index_4-fr .text-w .text{margin-left: 80px;position: absolute;top: 0;left: 0;opacity: 0;transition: ease 1s;}
.index_4 .index_4-fr .text-w .text a{display: block;}
.index_4 .index_4-fr .text-w .text.on{ opacity: 1;display: block !important;}
.index_4 .index_4-fr .text h4{font-size: 36px;color: #ebebeb;line-height: 70px;}
.index_4 .index_4-fr .text p{font-size: 24px;color: #ebebeb;line-height: 60px;}
.index_4 .index_4-fr .text ul{width: 460px;height: auto;margin-top: 70px;overflow: hidden;}
.index_4 .index_4-fr .text ul li{width: 230px;height: 90px;float: left;}
.index_4 .index_4-fr .text ul li h5{font-size: 60px;font-family:webfont;font-weight: bold;color: #ebebeb;float: left;}
.index_4 .index_4-fr .text ul li i{font-size: 18px;float: left; color: #ebebeb;display: block;margin: 0 10px ;}
.index_4 .index_4-fr .text ul li span{width: 230px; line-height: 36px; display: block; font-size: 18px;color: #ebebeb;float: left;}
.index_4 .index_4-fr .index_4-nav{width: 90%;height: 183px;margin-top: 110px;position: relative;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);transition: all 0.3s linear;}
.index_4 .index_4-fr .index_4-nav li{z-index: 1; width: 33.3333%;height: 183px;background-color: #dceaf3;padding-top: 44px;float: left;position: relative;}
.index_4 .index_4-fr .index_4-nav li::before{content:"";width: 100%;height: 0%;display: block; position: absolute; left: 0;bottom: 0; background:linear-gradient(to  bottom right, #0088d3, #a4d629);transition: ease 1s; opacity: 0;}
.index_4 .index_4-fr .index_4-nav li i{display: block;margin: 0 auto 15px auto;height: 59px;background-position: center;background-repeat: no-repeat;background-size: contain;transition: ease 1s; }
.index_4 .index_4-fr .index_4-nav li span{font-size: 24px;text-align: center;display: block;transition: ease 1s; }
.index_4 .index_4-fr .index_4-nav li:nth-child(1) i{width: 46px;background-image: url(../images/index_4-fr-index_4-nav1.png);}
.index_4 .index_4-fr .index_4-nav li:nth-child(2) i{width: 46px;background-image: url(../images/index_4-fr-index_4-nav2.png);}
.index_4 .index_4-fr .index_4-nav li:nth-child(3) i{width: 42px;background-image: url(../images/index_4-fr-index_4-nav3.png);}
.index_4 .index_4-fr .index_4-nav li:hover::before,.index_4 .index_4-fr .index_4-nav li.on::before{ opacity: 1;height: 100%;}
.index_4 .index_4-fr .index_4-nav li:hover:nth-child(1) i,.index_4 .index_4-fr .index_4-nav li.on:nth-child(1) i{width: 46px;background-image: url(../images/index_4-fr-index_4-nav1-1.png);}
.index_4 .index_4-fr .index_4-nav li:hover:nth-child(2) i,.index_4 .index_4-fr .index_4-nav li.on:nth-child(2) i{width: 46px;background-image: url(../images/index_4-fr-index_4-nav2-1.png);}
.index_4 .index_4-fr .index_4-nav li:hover:nth-child(3) i,.index_4 .index_4-fr .index_4-nav li.on:nth-child(3) i{width: 42px;background-image: url(../images/index_4-fr-index_4-nav3-1.png);}
.index_4 .index_4-fr .index_4-nav li:hover span,.index_4 .index_4-fr .index_4-nav li.on span{color: #fff;}
.index_4 .index_4-fr .index_4-nav li:hover i{animation: overturn2 2s;}
@keyframes overturn2
{
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(360deg);}
    100% {transform: rotateY(0deg);}
}
/* 新闻中心 */
.index_5{background-image: url(../images/index_5.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.index_5 .m_1720{height: 100%;overflow: hidden;}
.index_5 .m_1720 h3{font-size: 48px;color: #4d4d4d;margin: 100px 0 108px 0;position: relative;}
.index_5 .m_1720 h3::after{content: '';width: 37px;height: 2px;background-color:#4d4d4d;position: absolute;left: 0;top: 86px;z-index: 1;}
.index_5 .m_1720 ul{width: 1720px;height: 608px;position: relative;}
.index_5 .m_1720 ul li{width: 573px;height:608px; float: left;}
.index_5 .m_1720 ul li .list{width: 540px;height: 608px;overflow: hidden;background-color: #fff;margin: 0 auto;}


.index_5 .m_1720 ul li:nth-child(3),.index_5 .m_1720 ul li:nth-child(4),.index_5 .m_1720 ul li:nth-child(5),.index_5 .m_1720 ul li:nth-child(6){width: 573px;height:175px; float: left;}
.index_5 .m_1720 ul li:nth-child(3) .list,.index_5 .m_1720 ul li:nth-child(4) .list,.index_5 .m_1720 ul li:nth-child(5) .list,.index_5 .m_1720 ul li:nth-child(6) .list{width: 540px;height: 175px;overflow: hidden;border-bottom: 1px solid #f2f6f9;padding: 20px 17px 0 17px; background-image: url(../images/index_5-4.jpg); background-repeat: no-repeat; background-position: center; }
.index_5 .m_1720 ul li:nth-child(3) .img,.index_5 .m_1720 ul li:nth-child(4) .img,.index_5 .m_1720 ul li:nth-child(5) .img{display: none;}
.index_5 .m_1720 ul li:nth-child(3) .textover-3,.index_5 .m_1720 ul li:nth-child(4) .textover-3,.index_5 .m_1720 ul li:nth-child(5) .textover-3{display: none !important;}
.index_5 .m_1720 ul li:nth-child(3) .list .text,.index_5 .m_1720 ul li:nth-child(4) .list .text,.index_5 .m_1720 ul li:nth-child(5) .list .text{padding: 35px 30px 0 30px;}
.index_5 .m_1720 ul li:nth-child(3) .list .text i,.index_5 .m_1720 ul li:nth-child(4) .list .text i,.index_5 .m_1720 ul li:nth-child(5) .list .text i{color: #fff;}
.index_5 .m_1720 ul li:nth-child(3) .list .text h4,.index_5 .m_1720 ul li:nth-child(4) .list .text h4,.index_5 .m_1720 ul li:nth-child(5) .list .text h4{color: #fff;}

.index_5 .m_1720 ul li:nth-child(6) {height:83px;}
.index_5 .m_1720 ul li:nth-child(6) .list{height:83px;padding: 16px 17px 0 17px;border-bottom: none;}
.index_5 .m_1720 ul li:nth-child(6) .news-but{width: 160px;height: 50px;background-color: #fff;border-radius: 30px;line-height: 50px;color: #088bcb;font-size: 18px;text-align: center;}
.index_5 .m_1720 ul li:nth-child(6) .news-but a{display: block;}

.index_5 .m_1720 ul li:nth-child(3) .list{background-position: top;}
.index_5 .m_1720 ul li:nth-child(4) .list{background-position:0 -175px;}
.index_5 .m_1720 ul li:nth-child(5) .list{background-position:0 -350px;}
.index_5 .m_1720 ul li:nth-child(6) .list {background-position: 0 -524px;}

.index_5 .m_1720 ul li:nth-child(1) .list div:nth-child(3){display: none;height: 0;}
.index_5 .m_1720 ul li:nth-child(2) .list div:nth-child(1){display: none;height: 0;}

.index_5 .m_1720 ul li .list .img{width: 100%;height: 55%;background-repeat: no-repeat;background-position: center;background-size: cover;transform: scale(1.0);transition: ease 1s;}
.index_5 .m_1720 ul li:hover  .list .img{transform: scale(1.1);}
.index_5 .m_1720 ul li .list .text{width: 100%;height: 45%;padding:55px 30px 0 30px ;}
.index_5 .m_1720 ul li .list .text i{font-size: 18px;color: #4d4d4d;font-family:CharlemagneStd;}
.index_5 .m_1720 ul li .list .text h4{font-size: 24px;color: #3d3d3d;line-height: 35px;}
.index_5 .m_1720 ul li .list .text span{font-size: 16px;color: #3d3d3d;padding-top: 10px;display: block;}
.index_5 .m_1720 ul li .news-list{width: 100%;height: 100%; padding: 20px 17px 0 17px;background-image: url(../images/index_5-4.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.index_5 .m_1720 ul li .news-list .news-li{height: 161px;border-top: 1px solid #f2f6f9;padding-top: 34px;}
.index_5 .m_1720 ul li .news-list .news-li:nth-child(1){border-top: none;}
.index_5 .m_1720 ul li .news-list .news-li i{font-size: 18px;color: #f2f6f9;font-family:CharlemagneStd;display: block;padding-bottom: 8px;}
.index_5 .m_1720 ul li .news-list .news-li span{font-size: 24px;color: #f2f6f9;white-space: initial;}


@media (max-width: 1680px) {
    /* 业务领域 */
    .index_3 ul li:nth-child(1){left: 120px;}
    .index_3 ul li:nth-child(2){ right: 262px;}
    .index_3 ul li:nth-child(3){right: 107px;}

    /* 新闻中心 */
    .index_5 .m_1720 ul{width: 1505px;}
    .index_5 .m_1720 ul li{width: 501px;}
    .index_5 .m_1720 ul li .list{width: 472px;}
    .index_5 .m_1720 ul li .list .text{padding:55px 26px 0 26px ;}
    .index_5 .m_1720 ul li .news-list{padding: 20px 14px 0 14px;}
    .index_5 .m_1720 ul li .news-list .news-but{width: 140px;}
	
	.index_5 .m_1720 ul li:nth-child(3),.index_5 .m_1720 ul li:nth-child(4),.index_5 .m_1720 ul li:nth-child(5),.index_5 .m_1720 ul li:nth-child(6){width: 501px;}
	.index_5 .m_1720 ul li:nth-child(3) .list,.index_5 .m_1720 ul li:nth-child(4) .list,.index_5 .m_1720 ul li:nth-child(5) .list,.index_5 .m_1720 ul li:nth-child(6) .list{width: 472px;}
	
}
@media (max-width: 1560px) {
    /* 业务领域 */
    .index_3 ul li:nth-child(1){left: 80px;}
    .index_3 ul li:nth-child(2){ right: 243px;}
    .index_3 ul li:nth-child(3){right: 105px;}

    /* 新闻中心 */
    .index_5 .m_1720 ul{width: 1397px;}
    .index_5 .m_1720 ul li{width: 465px;}
    .index_5 .m_1720 ul li .list{width: 438px;}
	.index_5 .m_1720 ul li:nth-child(3),.index_5 .m_1720 ul li:nth-child(4),.index_5 .m_1720 ul li:nth-child(5),.index_5 .m_1720 ul li:nth-child(6){width: 465px;}
	.index_5 .m_1720 ul li:nth-child(3) .list,.index_5 .m_1720 ul li:nth-child(4) .list,.index_5 .m_1720 ul li:nth-child(5) .list,.index_5 .m_1720 ul li:nth-child(6) .list{width: 438px;}
	
	
    .index_5 .m_1720 ul li .list .text{padding:55px 24px 0 24px ;}
    .index_5 .m_1720 ul li .news-list{padding: 20px 13px 0 13px;}
 
    .index_5 .m_1720 ul li .news-list .news-but{width: 130px;}
}
@media (max-width: 1440px) {
    /* 业务领域 */
    .index_3 ul li:nth-child(1){left: 40px;}
    .index_3 ul li:nth-child(2){ right: 104px;}
    .index_3 ul li:nth-child(3){right: 103px;}

    /* 新闻中心 */
    .index_5 .m_1720 ul{width: 1289px;}
    .index_5 .m_1720 ul li{width: 429px;}
    .index_5 .m_1720 ul li .list{width: 404px;}
	.index_5 .m_1720 ul li:nth-child(3),.index_5 .m_1720 ul li:nth-child(4),.index_5 .m_1720 ul li:nth-child(5),.index_5 .m_1720 ul li:nth-child(6){width: 429px;}
	.index_5 .m_1720 ul li:nth-child(3) .list,.index_5 .m_1720 ul li:nth-child(4) .list,.index_5 .m_1720 ul li:nth-child(5) .list,.index_5 .m_1720 ul li:nth-child(6) .list{width: 404px;}

    .index_5 .m_1720 ul li .list .text{padding:55px 22px 0 22px ;}
    .index_5 .m_1720 ul li .news-list{padding: 20px 12px 0 12px;}
 
    .index_5 .m_1720 ul li .news-list .news-but{width: 120px;}
}
@media (max-width: 1366px) {
    /* 业务领域 */
    .index_3 ul li:nth-child(1){left: 0px;}
    .index_3 ul li:nth-child(2){ right: 98px;}
    .index_3 ul li:nth-child(3){right: 102px;}

    /* 新闻中心 */
    .index_5 .m_1720 ul{width: 1222px;}
    .index_5 .m_1720 ul li{width: 406px;}
    .index_5 .m_1720 ul li .list{width: 383px;}
	
	.index_5 .m_1720 ul li:nth-child(3),.index_5 .m_1720 ul li:nth-child(4),.index_5 .m_1720 ul li:nth-child(5),.index_5 .m_1720 ul li:nth-child(6){width: 406px;}
	.index_5 .m_1720 ul li:nth-child(3) .list,.index_5 .m_1720 ul li:nth-child(4) .list,.index_5 .m_1720 ul li:nth-child(5) .list,.index_5 .m_1720 ul li:nth-child(6) .list{width: 383px;}
	
    .index_5 .m_1720 ul li .list .text{padding:55px 20px 0 20px ;}
    .index_5 .m_1720 ul li .news-list{padding: 20px 11px 0 11px;}
 
    .index_5 .m_1720 ul li .news-list .news-but{width: 113px;}
}
@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) {
    /* banner */
    *{visibility: visible;}
	body{overflow-y: auto; overflow-x: hidden;}
	
    .banner {width: 7.5rem !important;height: 5rem;}
    .banner ul li{width: 7.5rem !important;height: 5rem;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
    .banner .mySwiper { width: 7.5rem !important; height: 5rem; float: left;position: relative;}

    .banner .mySwiper li .text{position: absolute;top: 45%;left: 0.5rem;}
    .banner .mySwiper li .text h3{font-size:0.45rem;color: #fff;font-weight: bold;font-family: '思源黑体';line-height: 0.65rem;}
    .banner .mySwiper li .text h4{text-transform:uppercase;color: #e8e8e8;font-size: 0.18rem;line-height: 0.25rem;letter-spacing:0.012rem}
    .banner .mySwiper li .text .more{width:1.55rem;line-height: 0.4rem;margin-top: 0.63rem;padding-left: 30px;font-size: 0.16rem;color: #fff;font-family: 'Adobe 黑体 Std';  border: 0.02rem solid #fff; border-radius: 0.3rem;position: relative;}
    .banner .mySwiper li .text .more::after{content: '';width: 0.17rem;height: 0.17rem;background-image: url(../images/banner-more-list.png); position: absolute;top:0.13rem;right: 0.17rem;}
    .banner .mySwiper li .text .more a{display: block;}
    .banner .mySwiper .click-list{display: none;}
  
    .banner .mySwiper .banner-list{width: 1.56rem;height: 0.01rem;background-color: #fff;position: absolute;right: 0;bottom: 1.06rem;z-index: 999;}
    .banner .swiper-pagination{font-size: 0.3rem;font-family:Condense;color: #f2f2f2;position: absolute; bottom: 0.5rem;left: auto;right: 1.5rem; width: 1rem;height: 1rem;}
    .banner .swiper-pagination-current {font-size: 0.48rem;}
    .banner .swiper-button-prev{animation:moves2 2.5s linear  infinite;position: absolute;left: auto;right: 1rem;top: auto; bottom: 1.3rem; width: 0.18rem;height: 0.1rem;background-image: url(../images/banner-swiper-button-prev.png);background-position: center;background-repeat: no-repeat;background-size: contain;}
    .banner .swiper-button-next{animation:moves2 3s linear  infinite;position: absolute;left: auto;right:  1rem;top: auto; bottom: 0.7rem; width: 0.18rem;height: 0.1rem;background-image: url(../images/banner-swiper-button-next.png);background-position: center;background-repeat: no-repeat;background-size: contain; }

    /* 节能 */
    .index_1{height: 4.5rem;width: 7.5rem; background-image: url(../images/index_1.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 0.3rem;}
    .index_1 .text h3{font-size: 0.35rem; line-height: 0.5rem; position: relative;background:linear-gradient(to right,  #8ab81c, #087aaf);-webkit-background-clip: text;color: transparent;}
	.index_1 .text h3#index1-2{font-size: 0.26rem;}
	.index_1 .text h3 i{background:linear-gradient(to right, #8ab81c, #087aaf);-webkit-background-clip: text;color: transparent;}
    .index_1 .text h3::after{content: '';width: 0.42rem;height: 0.02rem;background-color: #72ad38;position: absolute;top: 0.9rem;;left: 0;}
    .index_1 .text ul {width: 5.1rem;height: 2rem; margin-top: 0.45rem;overflow: hidden;}
    .index_1 .text ul li{width: 1.7rem;height: 1rem;float: left;position: relative;}
    .index_1 .text ul li h4{font-size: 0.30rem;font-family:webfont;font-weight: bold;color: #60982d;float: left;}
    .index_1 .text ul li i{font-size: 0.24rem;float: left;color: #60982d; margin: 0 0 0 0.1rem;}
    .index_1 .text ul li span{font-size: 0.18rem;float: left;display: block;width: 1.5rem;line-height:0.5rem ;color: #60982d;}
    .index_1 .text .more{width: 1.7rem;line-height: 0.41rem;margin-top: 0.1rem;padding-left: 0.3rem;font-size: 0.22rem;color: #1a94b8;border-radius: 0.3rem;background-color: #fff; background-image: url(../images/index_1-more.png);background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
    .index_1 .text .more::after{content: '';width: 0.17rem;height: 0.17rem;background-image: url(../images/index_1-more-list.png); position: absolute;top: 0.13rem;right: 0.17rem;z-index: 9;background-repeat: no-repeat;background-position: center;background-size: cover;}
    .index_1 .text .more a{display: block;}

    /* 走进晶和 */
    .index_2{position: relative;height: 13rem;width: 7.5rem;background-image: url(../images/index_2-fl-3-2.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
    .index_2 .index_2-fl{display: none; width: 7.5rem;;height: 6.4rem;background-image: url(../images/index_2-fl-3.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
    .index_2 .index_2-fl ul{height: auto; position:absolute; left: 0.25rem;top: 1.4rem; margin: 0 auto; display: flex;}
    .index_2 .index_2-fl ul li{width: 1.8rem;height: auto;float: left;margin: 0 0.01rem;}
    .index_2 .index_2-fl ul li h4{font-size: 0.5rem;font-family:webfont;font-weight: bold;color: #c5e3ef;float: left;}
    .index_2 .index_2-fl ul li i{font-size: 0.24rem;float: left;color: #c5e3ef;margin: 0rem;;}
    .index_2 .index_2-fl ul li span{font-size: 0.2rem;float: left;display: block;width: 1.8rem;line-height:0.36rem ;color: #c5e3ef;}
	
    .index_2 .index_2-fr{width: 7.5rem;;height: 6.6rem;background-image: none;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
    .index_2 .index_2-fr .text{width: 7.2rem;position: absolute;right: 0.15rem;top: 0.1rem;}
    .index_2 .index_2-fr .text h3{font-size: 0.36rem;color: #fff;position: relative;margin-bottom: 0.4rem;margin-top: 0.4rem; text-align: center;}
    .index_2 .index_2-fr .text h3::after{content: '';width: 0.36rem;height: 0.02rem;background-color: #fff;position: absolute;top: 0.9rem;left: 0; display: none;}
    .index_2 .index_2-fr .text h4{font-size: 0.26rem;text-indent: 0.56rem;line-height: 0.4rem;color: #fff;}
    .index_2 .index_2-fr .text span{font-size: 0.26rem;text-indent: 0.48rem;color: #fff;line-height: 0.4rem;}
	.index_2 .index_2-fr .text time{font-size: 0.26rem;line-height: 0.8rem;color: #fff;}
    .index_2 .index_2-fr .text .more{width: 1.7rem;line-height: 0.41rem;margin-top: 0;background-color: #fff;padding-left: 0.3rem;font-size: 0.24rem;color: #1a94b8;border-radius: 0.3rem;background-image: url(../images/index_1-more.png);background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
    .index_2 .index_2-fr .text .more::after{content: '';width: 0.17rem;height: 0.17rem;background-image: url(../images/index_1-more-list.png); position: absolute;top: 0.13rem;right: 0.17rem;z-index: 9;background-repeat: no-repeat;background-position: center;background-size: cover;}
    .index_2 .index_2-fr .more a{display: block;}
    .index_2 .imges{width: 3.4rem;height: 3.4rem;position: absolute;left: 4.1rem; top: 0rem;background-position: center;background-repeat: no-repeat;background-size: cover;}

    /* 业务领域 */
    .index_3{height: 10rem;width: 7.5rem;background-image: url(../images/index_3-2.jpg);background-position: center;background-repeat: no-repeat;background-size:cover;position: relative;overflow: hidden;}
    .index_3 h3{font-size: 0.32rem;color: #4d4d4d;margin: 0.3rem 0 0.2rem 0;position: relative;}
    .index_3 h3::after{content: '';width: 0.42rem;;height: 0.02rem;background-color: #4d4d4d;position: absolute;top: 0.5rem;left: 0;z-index: 1;}
    .index_3 .img{width: 4rem;height: 4rem;background:linear-gradient(to bottom right,#8ab81c, #0289d1);border-radius: 50%;margin: 0 auto;position: relative;animation:moves2 2s linear  infinite;}
    .index_3 .img::before{content: "";width: 4.6rem;;height: 4.6rem; border-radius: 50%; position: absolute; animation: circle-opacity 3s infinite;left: 50%;top: 50%; transform: translate(-50%,-50%) scale(0,0);   background:#e3ecf1;}
    .index_3 .img::after{content: "";width: 5.12rem;;height: 5.12rem; border-radius: 50%; position: absolute; animation: circle-opacity 2s infinite;left: 50%;top: 50%; transform: translate(-50%,-50%) scale(0,0);   background:#d7e4e1;}
    .index_3 .img i{width: 3.5rem;height: 3.5rem;background-color: #fff;display: block; border-radius: 50%;background-position: center;background-repeat: no-repeat;background-size: cover;transform: scale(1.1);opacity: 0;transition: ease 2s;position: absolute;top: 0.24rem;left: 0.24rem;bottom: 0.24rem;right: 0.24rem;}
    .index_3 .img i.on{transform: scale(1,1); opacity: 1;display: block !important;}
    .index_3 ul li{width: 4rem;height: 1rem;position: absolute;display: flex;}
    .index_3 ul li .tome{width: 1rem;height: 1rem;}
    @keyframes moves2 {
        0%{transform: translateY(0px);} 
		50%{transform: translateY(-10px);} 
        100%{transform: translateY(0px);}
    }
    .index_3 ul li .tome time{width: 1rem;height: 1rem;display: block; background:linear-gradient(to bottom right,#8ab81c, #0289d1);border-radius: 50%;float: left;margin: 0;position: relative;}
    .index_3 ul li .tome time::before{content: "";display: block;animation: circle-opacity 1s infinite;width: 1rem;height: 1rem; border-radius: 50%; position: absolute; animation: circle-opacity 2s infinite;left: 50%;top: 50%; transform: translate(-50%,-50%) scale(0,0);}
    .index_3 ul li:hover .tome time::before,.index_3 ul li.on .tome time::before{ background:linear-gradient(to bottom right,#8ab81c6b, #0289d159);}
    @keyframes circle-opacity{
        from {
            opacity: 1;
            transform:translate(-50%,-50%) scale(1);
        }
        to {
            opacity: 0;
            transform:translate(-50%,-50%) scale(2);
        }
    }
    .index_3 ul li .tome time i{margin: 0.25rem auto;width: 0.5rem;height: 0.5rem;display: block;background-repeat: no-repeat;background-size: contain;}
    .index_3 ul li .text{width: 3rem;height: 1rem;padding:13px 0 0 10px;}
    .index_3 ul li .text h5{font-size: 0.28rem;color: #4d4d4d;font-weight: bold;line-height: 0.5rem;}
    .index_3 ul li .text span{font-size: 0.22rem;color: #5d5d5d;}
    .index_3 ul li:nth-child(1){width: 5rem; top: 8.3rem; left: 1rem;animation:moves2 2s linear  infinite;}
    .index_3 ul li:nth-child(1) .text{width: 4rem;height: 1.3rem;}
    .index_3 ul li:nth-child(2){top: 5.5rem; right: 3rem;animation:moves2 3s linear  infinite;}
    .index_3 ul li:nth-child(3){top: 7rem;right: 0.5rem;animation:moves2 4s linear  infinite;}
    .index_3 ul li:hover .tome time i,.index_3 ul li.on .tome time i{animation: overturn1 2s;}
    @keyframes overturn1
    {
        0% {transform: rotateY(0deg);}
        50% {transform: rotateY(360deg);}
        100% {transform: rotateY(0deg);}
    }
    .index_3 ul li:hover .text h5,.index_3 ul li:hover .text span,.index_3 ul li.on .text h5,.index_3 ul li.on .text span{background:linear-gradient(to right, #8ab81c, #087aaf);-webkit-background-clip: text;color: transparent;}
    
	/* 经典案例 */
	.index_4{height: 11.5rem;}
    .index_4 .index_4-fl{width: 100%;height: 4rem;position: relative;}
    .index_4 .index_4-fl ul{width: 100%;height: 4rem;position: relative;} 
    .index_4 .index_4-fl ul li{width: 100%;height: 4rem;transform: scale(1.1);opacity: 0;transition: ease 2s;position: absolute;left: 0;top: 0;}
    .index_4 .index_4-fl ul li i{width: 100%;height: 4rem;display: block;background-position: center;background-repeat: no-repeat;background-size: cover; transition: ease 1s;}
    .index_4 .index_4-fl ul li.on{transform: scale(1,1); opacity: 1;display: block !important;}
	
    .index_4 .index_4-fr{width: 100%;height: 7.5rem;}
    .index_4 .index_4-fr h3{font-size:0.32rem ;margin: 0.6rem 0.2rem;height: 0.5rem;}
    .index_4 .index_4-fr h3::after{width:0.37rem ;height:0.02rem ;top:0.56rem ;}
    .index_4 .index_4-fr .text-w{height:4rem ;}
    .index_4 .index_4-fr .text-w .text{margin-left: inherit; padding: 0 0.4rem;}
    .index_4 .index_4-fr .text h4{font-size:0.32rem ;line-height:0.70rem ; margin-bottom: 0.2rem;}
    .index_4 .index_4-fr .text p{font-size:0.26rem ;line-height: 0.40rem; }
    .index_4 .index_4-fr .text ul{width:7.10rem ;height:auto ;margin-top:0.40rem ;}
    .index_4 .index_4-fr .text ul li{width:3.15rem ;height:1.2rem ;margin-left: 0.4rem;}
    .index_4 .index_4-fr .text ul li h5{font-size:0.72rem ;}
    .index_4 .index_4-fr .text ul li i{font-size:0.26rem ;margin:0.10rem ;}
    .index_4 .index_4-fr .text ul li span{width:3.15rem ;line-height:0.36rem ;font-size:0.26rem ;}
    .index_4 .index_4-fr .index_4-nav{width: 7.5rem;height:1.83rem ;margin-top:inherit;}
    .index_4 .index_4-fr .index_4-nav li{width: 2.5rem;height:1.83rem ;padding-top:0.44rem ;}
    .index_4 .index_4-fr .index_4-nav li i{margin:inherit ;height:0.59rem ;}
    .index_4 .index_4-fr .index_4-nav li span{font-size: 0.26rem; line-height: 0.6rem;}
    .index_4 .index_4-fr .index_4-nav li:nth-child(1) i{width:2.5rem ;}
    .index_4 .index_4-fr .index_4-nav li:nth-child(2) i{width:2.5rem ;}
    .index_4 .index_4-fr .index_4-nav li:nth-child(3) i{width:2.5rem ;}
    .index_4 .index_4-fr .index_4-nav li:hover:nth-child(1) i,.index_4 .index_4-fr .index_4-nav li.on:nth-child(1) i{width:2.5rem ;}
    .index_4 .index_4-fr .index_4-nav li:hover:nth-child(2) i,.index_4 .index_4-fr .index_4-nav li.on:nth-child(2) i{width:2.5rem;}
    .index_4 .index_4-fr .index_4-nav li:hover:nth-child(3) i,.index_4 .index_4-fr .index_4-nav li.on:nth-child(3) i{width:2.5rem ;}

    /* 新闻中心 */
    .index_5{height: 24rem;}
    .index_5 .m_1720 h3{font-size:0.32rem ;margin: 0.6rem 0.2rem;height: 0.5rem;}
    .index_5 .m_1720 h3::after{width:0.37rem ;height:0.02rem ;top:0.56rem ;}
    .index_5 .m_1720 ul{width:7.20rem ;height:16rem ;display: block;}
    .index_5 .m_1720 ul li{width:7.20rem ;height:7.5rem ; display: inline-block;background: #fff;}
    .index_5 .m_1720 ul li .list{width:7.20rem ;height:7.5rem ;}
	.index_5 .m_1720 ul li:nth-child(1) .list{margin-right: 0.1rem;}
	.index_5 .m_1720 ul li .list .img{height: 4rem;width: 6.8rem;margin: 0.2rem auto 0 auto;}
    .index_5 .m_1720 ul li .list .text{height: 3.5rem;padding: 0.3rem 0.2rem;}
    .index_5 .m_1720 ul li .list .text i{font-size:0.30rem ;line-height: 0.6rem;}
    .index_5 .m_1720 ul li .list .text h4{font-size: 0.32rem; line-height: 0.46rem; font-weight: bold;}
    .index_5 .m_1720 ul li .list .text span{font-size:0.26rem ;line-height:0.38rem ;padding-top:0.10rem ;}

	.index_5 .m_1720 ul li:nth-child(1),.index_5 .m_1720 ul li:nth-child(2){margin-bottom: 0.3rem;}
	.index_5 .m_1720 ul li:nth-child(2) .list div:nth-child(1){display: block;height: 4rem;}
	.index_5 .m_1720 ul li:nth-child(2) .list div:nth-child(3){display: none;height: 0;}
	
    .index_5 .m_1720 ul li .news-list{padding:0.20rem 0.17rem 0.17rem ;}
    .index_5 .m_1720 ul li .news-list .news-li{height:1.61rem ;padding-top:0.34rem ;}
    .index_5 .m_1720 ul li .news-list .news-li i{font-size:0.30rem ;padding-bottom:0.08rem ;}
    .index_5 .m_1720 ul li .news-list .news-li span{font-size:0.36rem ;display: block;white-space: nowrap;}
    .index_5 .m_1720 ul li .news-list .news-but{width:2.60rem ;margin-top: 0.5rem;height:0.50rem ;border-radius:0.30rem ;line-height:0.50rem ;font-size:0.30rem ;}

	.index_5 .m_1720 ul li:nth-child(3),.index_5 .m_1720 ul li:nth-child(4),.index_5 .m_1720 ul li:nth-child(5),.index_5 .m_1720 ul li:nth-child(6){width:7.2rem ;height:1.75rem ;}
	.index_5 .m_1720 ul li:nth-child(3) .list,.index_5 .m_1720 ul li:nth-child(4) .list,.index_5 .m_1720 ul li:nth-child(5) .list,.index_5 .m_1720 ul li:nth-child(6) .list{width:7.2rem ;height:1.75rem ;padding:0.10rem 0.17rem 0 0.17rem ;background-size: 100%;}
	.index_5 .m_1720 ul li:nth-child(3) .list .text,.index_5 .m_1720 ul li:nth-child(4) .list .text,.index_5 .m_1720 ul li:nth-child(5) .list .text{padding: 0 0.2rem;height: 100%;}
	.index_5 .m_1720 ul li:nth-child(6) {height:0.83rem ;}
	.index_5 .m_1720 ul li:nth-child(6) .list{height:0.83rem ;padding:0.16rem 0.17rem 0.17rem ;}
	.index_5 .m_1720 ul li:nth-child(6) .news-but{width:2.20rem;height:0.50rem ;border-radius:0.30rem ;line-height:0.50rem ;font-size:0.26rem ;}
	
	.index_5 .m_1720 ul li:nth-child(3){margin-top: 0.2rem;}
	.index_5 .m_1720 ul li:nth-child(3) .list{background-position: top;}
	.index_5 .m_1720 ul li:nth-child(4) .list{background-position:0 -1.75rem ;}
	.index_5 .m_1720 ul li:nth-child(5) .list{background-position:0 -3.50rem ;}
	.index_5 .m_1720 ul li:nth-child(6) .list {background-position:0 -5.24rem ;}


}




