@charset "utf-8";
.hd h2 { position: relative; font-size: 32px;color: #d50e25;font-weight: bold;text-align: center;line-height: 72px;}
.hd h2::after {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);content: '';width: 54px;height: 3px;background-color: #afafaf;}
.col-about {background: url(about-bg.jpg) no-repeat;padding-top: 55px;padding-bottom: 85px;}
.col-about .hd {margin-bottom: 90px;}
.col-about .about-a {margin-bottom: 50px;}
.col-about .about-a1 {width: 620px;}
.col-about .about-a1 .t {font-size: 24px;font-weight: 700;color: #0f0f0f;line-height: 40px;margin-bottom: 20px;}
.col-about .about-a1 .about-a1-hd {position: relative;}
.col-about .about-a1 .pic {display: none;margin-bottom: 20px;}
.col-about .about-a1 .p {font-size: 16px; color: rgba(15, 15, 15, 0.831);line-height: 36px;margin-bottom: 74px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-align: justify;padding-right: 30px;}
.col-about .about-a1 .desc::after {position: absolute;top: 50%;left: 0;transform: translateY(-50%);content: '';width: 60px;height: 2px;background-color: #005aa9;}
.col-about .about-a1 .detail {width: 146px;height: 43px;border: 1px solid #818181;}
.col-about .about-a1 .detail:hover {border-color: #d50e25;background-color: #d50e25;}
.col-about .about-a1 .detail a { display: flex;justify-content: center; font-size: 14px;color: #4e4e4e;text-align: center;line-height: 46px;align-items: center;}
.col-about .about-a1 .detail:hover a{color: #fff;}
.col-about .about-a1 .detail a i {padding: 0 20px;}
.col-about .about-a1 .detail a s { width: 9px;height: 15px;background: url(arr.png) no-repeat;}
.col-about .about-a1 .detail:hover s {background: url(arr1.png) no-repeat;}
.col-about .about-a2 {width: 660px;}
.col-about .about-a2 .pic {position: relative; overflow: hidden;}
.col-about .about-a2 .pic .pause {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.col-about .about-a2 .pic .pause i {display: block;font-size: 20px;color: #fff;margin-top: 10px;}
.video {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 99;background: rgba(00,00,00,0.6);display: none;}
.video .s1 {width: 1200px;position: absolute;left: 50%;margin-left: -600px;top: 50%;transform: translateY(-50%);}
.video .s1 .gb {background: url(../images/gb.png) center center no-repeat;width: 30px;height: 30px;background-size: 30px;position: absolute;right: 0;top: -40px;cursor: pointer;}
.video .s1 video {width: 100%;}
.col-about .about-a2 .pic:hover img {transform: scale(1.05);}
.col-about .about-b ul {display: flex;flex-wrap: wrap; justify-content: space-between; padding: 20px 0;} 
.col-about .about-b ul li {font-size: 14px;color: #484848;text-align: center;margin: 0 20px;}
.col-about .about-b ul li .num {line-height: 1.05;}
.col-about .about-b ul li i {position: relative; font-size: 60px;font-weight: 700; font-family: "Arial";color: #d50e25;}
.col-about .about-b ul li i.more::after {position: absolute;right: -15px;top: 6px; content: '+';font-size: 20px;color: #484848;font-weight: 400;}
.col-about .about-b ul li .detail {font-size: 20px; color: #484848;}
.col-product {padding-top: 55px;}
.col-product .hd {margin-bottom: 50px;}
.col-product .hd .hd1 {text-align: center;margin-top: 35px;}
.col-product .hd .hd1 li {display: inline-block; height: 49px;background-color: #e3e3e3;color: #3d3d3d;line-height: 49px;font-size: 16px;margin: 0 6px;padding: 0 16px;}
.col-product .hd .hd1 li.on {background-color: #d50e25;color: #fff;}
.col-product .bd li {float: left; width: 414px;border: 1px solid #e6e6e6; margin-right: 16px;margin-bottom: 23px;}
.col-product .bd li:nth-child(3n) {margin-right: 0;}
.col-product .bd li .pic {width: 414px;height: 289px;overflow: hidden;}
.col-product .bd li .pic img {width: 414px;height: 289px;}
.col-product .bd li:hover .pic img {transform: scale(1.05);}
.col-product .bd li .content {background-color: #e6e6e6; padding: 28px 30px 55px;}
.col-product .bd li .content .t {font-size: 18px;color: #2e2e2e;font-weight: bold;text-align: center;line-height: 40px;margin-bottom: 7px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.col-product .bd li .content .p {font-size: 16px;color: rgba(46, 46, 46, 0.69);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 28px;height: 56px;}
.col-product .bd li:hover .content .t {color: #d50e25;}
.col-technology {padding-top: 30px;padding-bottom: 90px;}
.col-technology .hd {margin-bottom: 65px;}
.col-technology .hd1 ul {background-color: #f5f5f5;padding: 35px 0;}
.col-technology .hd1 ul li {position: relative; float: left; width: 25%;text-align: center;cursor: pointer;}
.col-technology .hd1 ul li::after {position: absolute;right: 0;top: 50%;transform: translateY(-50%);content: ''; height: 86px;width: 1px;background-color: #dfdfdf;}
.col-technology .hd1 ul li:last-child::after {background-color: transparent;}
.col-technology .hd1 ul li .icon {width: 54px;height: 54px;margin:  0 auto;}
.col-technology .hd1 ul li .icon .pic {display: block;}
.col-technology .hd1 ul li .icon .pic1 {display: none;}
.col-technology .hd1 ul li .icon  img {width: 54px;height: 54px;}
.col-technology .hd1 ul li .t {font-size: 20px;color: #222222;}
.col-technology .hd1 ul li.on .icon .pic {display: none;}
.col-technology .hd1 ul li.on .icon .pic1 {display: block;}
.col-technology .hd1 ul li.on .t {color: #d50e25;}
.col-case {background: url(case-bg.jpg) no-repeat; padding-top: 45px;background-color: #ebecee;padding-bottom: 90px;}
.col-case .hd {margin-bottom: 55px;}
.col-case .swiper-case {padding-bottom: 90px;}
.col-case .swiper-case .swiper-slide {overflow: hidden;}
.col-case .swiper-case .swiper-slide:hover img {transform: scale(1.05);}
.col-case .swiper-case .swiper-button-prev {width: 37px;height: 37px;background: url(prev.png);top: auto;bottom: 10px;margin: 0;left: 42%;}
.col-case .swiper-case .swiper-button-next {width: 37px;height: 37px;background: url(next.png);top: auto;bottom: 10px;margin: 0;right: 42%;}
.col-case .swiper-case .swiper-pagination {bottom: 20px;}
.col-case .swiper-case .swiper-pagination .swiper-pagination-bullet {width: 7px;height: 7px;border-radius: 50%;background-color: #d8d8d8;}
.col-case .swiper-case .swiper-pagination .swiper-pagination-bullet-active {background-color: #d50e25;}
.col-case .bd .pic {margin-top: 45px;}
.col-news .hd {margin-bottom: 45px;margin-top: 40px;}
.col-news .news-a {width: 630px;}
.col-news .swiper-slide {overflow: hidden;}
.col-news .swiper-slide .t {position: absolute;left: 0;bottom: 0;width: calc(100% - 140px);font-size: 18px;color: #fff;line-height: 55px; padding-right: 100px;padding-left: 40px; background-color: rgba(00,00,00,0.6);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.col-news .swiper-slide img {width: 630px;height: 428px;}
.col-news .swiper-slide:hover img {transform: scale(1.05);}
.col-news .swiper-news .swiper-pagination {left: auto; right: 0; width: 100px; text-align: center;line-height: 32px;}
.col-news .swiper-news .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;border-radius: 50%; background-color: rgba(255, 255, 255,.3);margin: 0 3px;}
.col-news .swiper-news .swiper-pagination .swiper-pagination-bullet-active {background-color: #d50e25;}
.col-news .news-b {width: 570px;padding: 0 40px;}
.col-news .news-b li {border-bottom: 1px solid #efefef;padding-top: 36px;padding-bottom: 40px;}
.col-news .news-b li:last-child {border-bottom: none;}
.col-news .news-b li .d {margin-right: 25px;}
.col-news .news-b li .d s,.col-news .news-b li .d i {display: block;text-decoration: none;font-size: 36px;font-family: "Arial";color: rgba(24, 24, 24, 0.788);}
.col-news .news-b li .d i {line-height: 1.05;}
.col-news .news-b li .d s {font-size: 16px;}
.col-news .news-b li .content {width: 460px;}
.col-news .news-b li .content .t {font-size: 18px;color: #181818;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.col-news .news-b li .content .p {font-size: 16px;color: rgba(24, 24, 24, 0.6);line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.col-news .news-b li a:hover .content .t {color: #d50e25;}
.col-news .news-b li a:hover .content .p {color: #d50e25;}
.col-news .news-b li a:hover .d s {color: #d50e25;}
.col-news .news-b li a:hover .d i {color: #d50e25;}
.col-history {background: url(history-bg.jpg) center bottom no-repeat;padding-bottom: 70px;padding-top: 45px;}
.col-history .hd {margin-bottom: 60px;}
.col-history .swiper-history {padding-bottom: 90px;padding-top: 50px;}
.col-history .swiper-history .swiper-button-prev {width: 37px;height: 37px; background: url(prev.png);top: auto; bottom: 10px;margin: 0;left: 45%;}
.col-history .swiper-history .swiper-button-next {width: 37px;height: 37px; background: url(next.png);top: auto; bottom: 10px;margin: 0;right: 45%;}
.col-history .swiper-history .swiper-slide {text-align: center;}
.col-history .swiper-history .swiper-slide .content {display: inline-block; width: 298px;}
.col-history .swiper-history .swiper-slide .content .pic {position: relative;width: 298px;height: 220px;}
.col-history .swiper-history .swiper-slide:hover .content .pic img{transform: scale(1.05);}
.col-history .swiper-history .my-slide-prev .content .pic::after {position: absolute;left: -20px;top: -20px;content: ''; width: 100%;height: 100%;background-color: #d50e25;z-index: -1;}
.col-history .swiper-history .swiper-slide-active {padding-top: 50px;}
.col-history .swiper-history .my-slide-next {padding-top: 22px;}
.col-history .swiper-history .swiper-slide .content .d {font-size: 18px;font-weight: 700;color: #d50e25;text-align: left;margin-top: 20px;}
.col-history .swiper-history .swiper-slide .content .t {font-size: 16px;color: #353535; line-height: 28px;text-align: left;margin-top: 10px;}
/* 新能源 */
.col-about1 .about-a1 {margin-left: 40px;}
.col-about1 .about-a2 { position:relative; width: 620px;}


.spArea { position:relative; cursor:pointer; overflow:hidden; }
.spArea img { transition: all 0.6s; }
.spArea:hover img { transform: scale(1.1)!important; }
 
.spArea p { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);  width:55px; height:55px; background:url(video.png) no-repeat center; z-index:2; }

.spBox { position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9; display:none; }
.spBox.on { display:block; }
.spBox .spBox01 { position:absolute; top:50%; left:50%; width:1200px; box-sizing: border-box; background:#000; transform: translate(-50%,-50%); z-index:5; }
.spBox .spBox01 video { width:100%; height:auto!important; }
.spBox .spBox01 .sp-close { position:absolute; right:-50px; top:-30px; color:#fff; font-size:30px; cursor:pointer; }








.col-about1 .swiper-energy .swiper-pagination-bullet { width: 12px;height: 12px; border-radius: 50%;background-color: #9c9c9c;}
.col-about1 .swiper-energy .swiper-pagination-bullet-active { background-color: #d50e25;}
.col-about1 .about-a1-hd .t {margin-bottom: 0px;margin-top: 30px;}
.col-about1 .about-a1-hd .des {font-size: 20px;color: #d50e25;margin-bottom: 20px;}
.col-product1 {padding-bottom: 50px;}
.col-product1 .hd .hd1 li {width: 206px;}
.col-product1 .detail {width: 146px;height: 43px;border: 1px solid #818181;margin: 0 auto;}
.col-product1 .detail:hover {border-color: #d50e25;background-color: #d50e25;}
.col-product1 .detail a { display: flex;justify-content: center; font-size: 14px;color: #4e4e4e;text-align: center;line-height: 46px;align-items: center;}
.col-product1 .detail:hover a{color: #fff;}
.col-product1 .detail a i {padding: 0 20px;}
.col-product1 .detail a s { width: 9px;height: 15px;background: url(arr.png) no-repeat;}
.col-product1 .detail:hover s {background: url(arr1.png) no-repeat;}
.col-apply {padding-top: 55px;}
.col-apply ul {margin-top: 70px;}
.col-apply ul li {float: left; width: 16.66%;text-align: center;height: 150px;font-size: 18px;font-weight: 700;background: url(icon7.png) center 10px no-repeat;overflow: hidden;}
.col-apply ul li .t {line-height:200px;}
.col-apply ul li:hover {background: url(icon7-1.png) center 10px no-repeat;color: #d50e25;}
.col-apply ul li:nth-child(2) {background: url(icon8.png) center 10px no-repeat;}
.col-apply ul li:nth-child(3) {background: url(icon9.png) center 10px no-repeat;}
.col-apply ul li:nth-child(4) {background: url(icon10.png) center 10px no-repeat;}
.col-apply ul li:nth-child(5) {background: url(icon11.png) center 10px no-repeat;}
.col-apply ul li:nth-child(6) {background: url(icon12.png) center 10px no-repeat;}
.col-apply ul li:nth-child(2):hover {background: url(icon8-1.png) center 10px no-repeat;color: #d50e25;}
.col-apply ul li:nth-child(3):hover {background: url(icon9-1.png) center 10px no-repeat;color: #d50e25;}
.col-apply ul li:nth-child(4):hover {background: url(icon10-1.png) center 10px no-repeat;color: #d50e25;}
.col-apply ul li:nth-child(5):hover {background: url(icon11-1.png) center 10px no-repeat;color: #d50e25;}
.col-apply ul li:nth-child(6):hover {background: url(icon12-1.png) center 10px no-repeat;color: #d50e25;}
.col-custom {background-color: #f5f5f5;padding-top: 55px;padding-bottom: 80px;}
.col-custom .hd {padding-bottom: 40px;}
.col-custom .bd li {float: left;width: 288px;height: 146px;margin-right: 38px;margin-bottom: 38px;}
.col-custom .bd li:nth-child(4n) {margin-right: 0;}
.col-custom .detail {width: 146px;height: 43px;border: 1px solid #818181;margin: 0 auto;}
.col-custom .detail:hover {border-color: #d50e25;background-color: #d50e25;}
.col-custom .detail a { display: flex;justify-content: center; font-size: 14px;color: #4e4e4e;text-align: center;line-height: 46px;align-items: center;}
.col-custom .detail:hover a{color: #fff;}
.col-custom .detail a i {padding: 0 20px;}
.col-custom .detail a s { width: 9px;height: 15px;background: url(arr.png) no-repeat;}
.col-custom .detail:hover s {background: url(arr1.png) no-repeat;}