@charset "utf-8";

*{margin: 0;padding: 0;border-radius: 0;}
body{font-size:12px;font-family: "微软雅黑";}
ul,li{list-style: none;margin: 0;padding: 0;}
a{text-decoration: none;}
img{border: none;}

/*首页*/
/*top样式*/
.top{width:90%;max-width: 1280px;height: 100px;margin:0 auto;}
.top_c1{width:20%;height: 100px;float: left;margin-left: 10px;}
/*.top_c1 h1{font-size: 32px;color: #02b2bb;line-height: 100px;}
.top_c1 h1 span{color: #cccccc;}*/
.top_c1 img{ width:auto;height: 70px; padding-top:20px;}
.nav{width: 65%;height:100px;float: right;margin-right: 10px;}
.nav ul{display:inline-table; text-align:right;}
.nav ul li {display:inline-table;font-size: 16px;/*line-height: 125px;*/text-align: center;width: 100px;margin-left: 18px;margin-top: 50px;}
.nav ul li a{color: #747474;width: 90px;margin-left: 10px;border-bottom: 2px #fff solid;padding-bottom: 20px;display: block;}
.nav ul li a:hover{color: #02b2bb;border-bottom: 2px #02b2bb solid;}
.nav ul li a.hover{color: #02b2bb;border-bottom: 2px #02b2bb solid;}

#en{display:none;}
.en {float: right;width: 60px;font-size: 16px;color: #333333;line-height: 36px;height: 36px;background: url(../images/en.png) no-repeat left center;background-size: 19px;padding-left: 25px;position: relative;margin-top: 45px;margin-left: 1px;}
.en .lang  a {color: #222;}.en .lang  a:hover {color: #02b2bb;}
.en .lang em {width: 80px;position: absolute;left: 0px;top: 30px;background: #fff;z-index: 12;box-shadow: 0px 0px 11px 6px rgba(0, 0, 0, 0.1);border-radius: 4px;padding: 5px 0px;opacity: 0;visibility: hidden;transform: scale(0);transition: all 0.4s ease;font-style: normal;}
.en .lang em:before {width: auto;content: "";border-left: 7px transparent solid;border-right: 7px transparent solid;border-bottom: 7px #fff solid;position: absolute;left: 30px;top: -5px;}
.en .lang em a {float: left;width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #222;}
.en .lang:hover em {opacity: 1;visibility: visible;transform: scale(1);}
.en .lang em:hover a {color: #333;}

/*首页banner*/
.pc_banner_swiper {display: block; background:#000000;width: 100%;max-width:1920px; position:relative;}
.pc_banner_swiper .swiper-slide img { display: block;width: 100%;max-height: 100vh; -o-object-fit: cover; object-fit: cover;}
.pc_banner_swiper .swiper-button-next { display:none; right: 0.5%;}
.pc_banner_swiper .swiper-button-prev { display:none;  left: 0.5%;}
.pc_banner_swiper .swiper-button-prev,
.pc_banner_swiper .swiper-button-next {width: 50px;height: 50px;border-radius: 50%;opacity: 1; color:rgba(255, 255, 255, 1)!important;filter:grayscale(100%) brightness(500);background: rgba(255, 255, 255, 0.2);}
.pc_banner_swiper .swiper-button-prev:hover,.pc_banner_swiper .swiper-button-next:hover {opacity: 1;background: #0081cc;filter:none;}
.pc_banner_swiper .swiper-button-prev:hover::after,.pc_banner_swiper .swiper-button-next:hover::after {color: #ffffff;}
.pc_banner_swiper .swiper-button-prev::after,.pc_banner_swiper .swiper-button-next::after {  font-size: 20px;color: #666666;}
.pc_banner_swiper .swiper-pagination {bottom: 4.5% !important;z-index: 99;}
.pc_banner_swiper .swiper-pagination-bullet {width: 16px;height: 16px;background-color: rgba(255, 255, 255, 0.8);border-radius: 50%;opacity: 1;margin: 0 12px !important;position: relative;cursor: pointer !important;position: relative;}
.pc_banner_swiper .swiper-pagination-bullet::after { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);content: "";display: block;width: 26px;height: 26px; border-radius: 50%;border: 1px solid #fff; z-index: 9;opacity: 0;}
.pc_banner_swiper .swiper-pagination-bullet-active { background-color: #0081cc;}
.pc_banner_swiper .swiper-pagination-bullet-active::after {border-color: #0081cc;opacity: 1;
}

/*banner样式*/
.banner{width:100%;height:550px;overflow:hidden;position:relative;margin:0 auto;}
.banner_c{width:100%;}
.banner_c li{height:550px;position:relative;width: 100%;}
.banner_c img{width:100%;height: 550px;}
.banner_b{position:absolute;width:100%;text-align:center;z-index:99;bottom:40px;}
.banner_b ul{width:330px;margin:0px auto; text-align:center;display:table;}
.banner_b ul li{width:45px;height:5px;background:#fff;float:left;margin:0 10px;cursor:pointer;}
.banner_b ul li.on{height: 5px;background:#ff0000;}


/*新能源用途*/
.yt{width: 100%;max-width: 1200px;height: auto;margin:50px auto;overflow: hidden;position: relative;}
.yt h1{font-size: 30px;color: #02b2bb;text-align: center;line-height: 24px;}
.yt h1 span{color: #aaaaaa;font-size: 14px;font-weight: normal;margin-top: 30px;}
.yt h1 p{width: 45px;height: 4px;background: #02b2bb;margin:15px auto;}
.yt1{width: 164px;height: 190px;float: left;margin:30px 25px;position: relative;}
.yt1 img{width: 100%;}
.yt1 h2{font-size: 18px;font-weight: normal;color: #fff;position: absolute;bottom:25px;z-index: 1000;text-align:center;width: 90%;margin-left: 5%;}
.yt1 a{color:#FFFFFF;}
.hb_b{width: 94%;height: auto;margin-top: 3px;margin-left: 3%;overflow: hidden;}
.hb_b ul{}
.hb_b ul li{width: 164px;height: 190px;float: left;margin:30px 25px;position: relative;}
.hb_b ul li img{100%}
/*.hb_b ul li:hover{border:1px #0160b2 solid;}*/
.hb_b1{width: 100%;height: auto;position: absolute;top: 180px;z-index: 1;}
.hb_b1 a{color: #999;font-size: 30px;font-family:"宋体";cursor: pointer; font-weight:bold;}
.hb_b1 .next{float: left; }
.hb_b1 .prev{float: right;}

/*选择新能源*/
.xz_bj{width: 100%;background: url(../images/xz1.jpg) center; overflow:hidden;}
.xz{width: 1200px;margin:0 auto;}
.xz h1{color: #fff;font-size:34px;font-weight: normal;text-align: center;padding-top:50px;}
.xz h1 img{width: 44px;height: 57px;}
.xz1{float: left;width: 330px;/*height: 250px;*/overflow: hidden;margin:90px 30px; padding-bottom:10px;}
.xz1 h2{font-size: 20px;color: #fff;font-weight: normal;height: 50px;line-height: 50px;}
.xz1 h2 img{width: 50px;height: 50px;margin-right: 10px;float: left;}
.xz1 p{font-size: 14px;color: #bbb;line-height: 30px;margin-top: 10px;}

/* 我们的优势*/
.ys{width: 1200px;height: 600px;margin:50px auto;}
.ys h1{font-size: 30px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 100px}
.ys h1 span{color: #aaaaaa;font-size: 14px;font-weight: normal;margin-top: 30px;}
.ys h1 p{width: 45px;height: 4px;background: #02b2bb;margin:15px auto;}
.ys_l{width: 720px;height:auto;overflow: hidden;float: left;margin-top:0px;}
.ys_l1{width: 720px;overflow: hidden;margin-bottom: 70px;}
.ys_l1 img{width: 80px;height: 80px;float: left;margin-right: 10px;margin-bottom: 30px;}
.ys_l1 h2{font-size: 18px;color: #333;font-weight: normal;}
.ys_l1 h2 p{font-size: 14px;color: #666;line-height: 24px;margin-top: 5px;}

.ys_r{width: 430px;height: 400px;float: right;margin-top:0px;}
.ys_r img{width: 430px;height: 372px}

/*解决方案*/
.jj_bj{width: 100%;height: 500px;background: url(../images/jj1.jpg) center;margin:40px auto 0px;float: left;}
.jj{width: 1200px;height: 500px;margin:0 auto;}
.jj1{width: 250px;height: 192px;float: left;margin-top: 100px;margin-right:105px;margin-left: 45px;overflow: hidden;position: relative;}
.jj1_t img{width: 100%;}
.jj1 h1{font-size: 60px;color: #02b2bb;text-align: center;margin: 50px 10%;width:80%;font-weight: normal;position: absolute;top: 0px;overflow: hidden;}
.jj1 h1 p{font-size: 16px;color: #fff;line-height: 26px;font-weight: normal;margin-top: 5px;text-align: center;}

/*新闻*/
.xw_bj{width: 100%;min-height: 650px;background: url(../images/xw_bj.jpg) center no-repeat;margin:0px auto;float: left;background-size: 100% 100%}
.xw{width: 1200px;min-height: 400px;margin:0px auto;padding-top: 50px;}
.xw h1{font-size: 30px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 40px;}
.xw h1 span{color: #aaaaaa;font-size: 14px;font-weight: normal;margin-top: 30px;}
.xw h1 p{width: 45px;height: 4px;background: #02b2bb;margin:15px auto;}
.xw_l{width: 520px;height: 80px;float: left;overflow: hidden;margin:30px 40px;}
.xw_l h2{width: 100px;float: left;font-size: 28px;color: #333;font-weight: normal;}
.xw_l h2 p{font-size: 12px;color: #777;margin-top: 5px;}
.xw_l h3{font-size: 16px;color: #333;font-weight: normal;}
.xw_l h3 p{font-size: 13px;line-height: 24px;margin-top: 10px;color: #777;}
.xw_l h3 a{color: #333}
.xw_l h3 a:hover{color: #02b2bb;}

/*新闻*/
.down_bj{width: 100%;min-height: 650px;background: url(../images/xw_bj.jpg) center no-repeat;margin:0px auto;float: left;background-size: 100% 100%}
.down{width: 1200px;min-height: 400px;margin:0px auto;padding-top: 50px;}
.down h1{font-size: 30px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 40px;}
.down h1 span{color: #aaaaaa;font-size: 14px;font-weight: normal;margin-top: 30px;}
.down h1 p{width: 45px;height: 4px;background: #02b2bb;margin:15px auto;}
.down_l{height: 50px;overflow: hidden;margin:30px 40px; border-bottom:1px #ccc dotted;}
.down_l h2{width: 60px; float:right;font-size: 28px;color: #333;font-weight: normal;}.down_l h2 img{width:35px;}
.down_l h2 p{font-size: 12px;color: #777;margin-top: 5px;}
.down_l h3{font-size: 16px; float:left;color: #333;font-weight: normal;}
.down_l h3 p{font-size: 13px;line-height: 24px;margin-top: 10px;color: #777;}
.down_l h3 a{color: #333}
.down_l a:hover h3{color: #02b2bb;}

/*底部样式*/
.footer_bj{width: 100%;height:320px;background: #1b1b1b;float: left;margin-top: 30px;overflow: hidden;}
.footer_t{width: 100%;height: 119px;border-bottom: 1px #2a2a2a solid;}
.footer_t1{width: 1200px;height: 119px;margin:0 auto;}
.footer_t1 li{width: 200px;overflow: hidden;height: 90px;float: left;margin-left:90px;margin-top: 30px;}
.footer_t1 li img{width: 60px;height: 60px;float: left;margin-right: 10px;}
.footer_t1 li span{font-size: 14px;color: #aaaaaa;line-height: 18px;}
.footer_b{width: 1200px;height: 200px;margin:0 auto; }
.footwx{ width:100%; text-align:right;margin-right: 5px;}.footwx img{width:100px;}
.footer_b h2{width: 610px;font-size: 14px;color: #aaa;line-height:32px;font-weight: normal;margin-top: 30px;margin-left: 50px;float: left;}
.footer_b p{font-size: 14px;color: #aaa;line-height: 28px;float: right;margin-right: 5px;margin-top: 40px; text-align:right;}
.footer_b p img{width:100px; margin-left:20px;}
.footer_b h2 a{color: #aaa;}
.footer_b h2 a:hover{color: #fff;}






/*内页*/
/*内页banner*/
/*.banner_de{width: 100%;height:400px;overflow: hidden;position:relative;}*/
.banner_de {width: 100%;max-width:1920px; margin:0 auto;}
.banner_de img {width: 100%;height: auto;}

.banner_de li{width: 100%;height: 400px;}

/*关于我们样式*/
.about{width: 1200px;min-height:200px;margin:50px auto;}
.about h1{font-size: 30px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 40px;}
.about h1 span{color: #aaaaaa;font-size: 14px;font-weight: normal;margin-top: 30px;}
.about h1 p{width: 45px;height: 4px;background: #02b2bb;margin:15px auto;}
.about1{font-size: 14px;color: #666;line-height: 32px;margin-top: 20px;width: 1100px;margin:20px auto;}
.about1 p{font-size: 16px;color: #666666;line-height: 35px; margin-top:10px;}

.about_c{width: 100%;height: 515px;background: url(../images/ab1.jpg) center;margin:80px auto;}
.about_c1{width: 1200px;height: 515px;margin:0 auto;}
.about_c1 h1{font-size: 30px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 40px;padding-top:80px;}
.about_c1 h1 span{color: #aaaaaa;font-size: 14px;font-weight: normal;margin-top: 30px;}
.about_c1 h1 p{width: 45px;height: 4px;background: #02b2bb;margin:15px auto;}
.about_c2{overflow: hidden; margin:0 auto;margin-top: 30px;margin-left: 10px;color: #c7c7c7;line-height: 32px;font-size: 16px;}
.about_c2 dd{font-size: 14px;color: #aaaaaa;line-height: 32px;}
.about_c2 dd span{color: #c7c7c7}

.about_c3{width: 30%;;height: 180px;overflow: hidden;float: right;margin-top: 30px;margin-right: 20px;}

.about_b{width: 1200px;height:auto;margin:0px auto 40px;}
.about_b h1{font-size: 30px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 40px;}
.about_b h1 span{color: #aaaaaa;font-size: 14px;font-weight: normal;margin-top: 30px;}
.about_b h1 p{width: 45px;height: 4px;background: #02b2bb;margin:15px auto;}
.about_b1{width: 350px;height: 250px;float: left;margin:20px 25px 30px 25px;}

/*我们的优势*/
.ys{width:1200px;min-height: 600px;}
.ys1{width:1200px;height:auto;float: left;margin-top: 0px}
.cp_bj{width:100%;height: auto;float: left;margin-top: 50px}
.cp{width: 960px;height: 460px;margin:0px auto;}
.cp h1{font-size: 30px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 40px;padding-top:20px;}
.cp h1 span{color: #aaaaaa;font-size: 14px;font-weight: normal;margin-top: 30px;}
.cp h1 p{width: 45px;height: 4px;background: #02b2bb;margin:15px auto;}
.cp_t{width:960px;min-height: 300px;margin:40px auto 50px;}
.cp_l{width: 196px;height: 298px;float: left;}
.cp_l img{width: 196px;height: 298px;}
.cp_r{width:540px;height:255px;border-left: 1px #aaaaaa solid;float: right;overflow: hidden; }
.cp_r dd{width: 470px;height: 50px;overflow:hidden;color: #666;margin-left: 70px;font-size: 14px;line-height: 26px;margin-bottom: 50px;}
.cp_r dd span{color: #000;}

/*能源百科样式*/
.new_bj{width: 100%;height:auto;float: left;}
.news{width: 1200px;height:auto;margin:50px auto;}
.news h1{font-size: 30px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 40px;}/*padding-top:20px;*/
.news h1 span{color: #aaaaaa;font-size: 14px;font-weight: normal;margin-top: 30px;}
.news h1 p{width: 45px;height: 4px;background: #02b2bb;margin:15px auto;}
.news1{width: 318px;height:auto;border: 1px #ebebeb solid;float: left;overflow: hidden;margin:0px 20px 60px 50px;}
.news1 img{width: 318px;height:auto;}
.news1 h2{font-size: 18px;color: #555;font-weight: normal;width: 280px;margin:15px auto;}
.news1 h2 p{font-size: 13px;color: #777;line-height: 28px;margin-top: 10px;}
.news1 h2 a{color: #555;}
.news1 h2 a:hover{color: #02b2bb;}

/*联系我们*/
.cont{width: 1200px;height: auto;margin:50px auto;}
.cont h1{font-size: 30px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 40px;}/*padding-top:20px;*/
.cont h1 span{color: #aaaaaa;font-size: 14px;font-weight: normal;margin-top: 30px;}
.cont h1 p{width: 45px;height: 4px;background: #02b2bb;margin:15px auto;}
.cont iframe{height:460px;}
.cont1{/*width: 960px;*/margin:0 auto;font-size: 14px;color: #666;line-height: 28px;/*text-align: center;*/}
.cont1 h3{font-size: 18px;color: #666666;line-height: 30px; font-weight:bold; margin-bottom:10px;}
.cont1 p{font-size: 16px;color: #666666;line-height: 30px;}
.cont1 img{width:100%;}
.cont2{width: 1200px;height: 440px;margin:10px auto; margin-bottom:30px;}
.cont3{width: 960px;height: 400px;margin:0 auto;}
.cont3 h2{font-weight: normal;font-size: 18px;color: #333;text-align: center;margin-bottom: 30px;}
.cont3 p{width: 960px;height: 35px;margin-top: 40px;font-size: 16px;color: #333}
.cont3 p input{width: 785px;height: 33px;border:1px #ababab solid;margin-left: 40px;padding-left: 15px;}
.cont3 p span{color: #f00;margin-left: 25px;}
.cont4{height: 35px;width: 960px;font-size: 16px;color: #333;margin-top:40px;}
.cont4 label{margin-left: 20px;margin-right: 20px;font-size: 14px;}
.tj{width: 240px;height: 40px;background: #f54f4f;color: #fff;font-size: 14px;line-height: 40px;text-align: center;cursor: pointer;margin-top: 30px;margin-left: 110px;}
.tj a{color: #fff}

/*新闻内页*/
.case{width: 1200px;height: auto;margin:30px auto 30px;}
.case h1{font-size: 18px;color: #333;font-weight: normal;width: 1150px;height: 90px;border-bottom: 1px #e5e5e5 solid;margin-bottom: 20px;margin-left: 25px;}
.case h1 p{font-size: 14px;color: #999;margin-top: 20px;}
.case p{text-align:center;}
.case img{width:90%;}
.case1{width: 1150px;height: auto;font-size: 14px;color: #666;line-height: 32px;margin:15px auto;text-indent: 2em}

/*分页*/
#fy{width: 100%;height: 80px;line-height: 40px;margin:40px auto; }
.fy{width: 540px;height: 40px;margin:0px auto;font-size: 16px;color: #666;}
.fy ul{ margin:0px auto; text-align:center;display:table;}/*display:inline-block;*/
.fy ul li{float: left;font-size: 16px;margin-left: 5px;margin-right: 5px;padding:0px 16px;border:1px #ccc solid;height: 40px;cursor: pointer;}
.fy ul li a{color: #666;display: block;}
.fy ul li.hover{background: #000}
.fy ul li:hover{background: #000;}
.fy ul li:hover a{color: #fff;}
.fy ul li.hover a{color: #fff;}
.fy ul p{float: left;margin-left: 3px;margin-right: 3px;}


.hb_b{width: 94%;height: auto;margin-top: 3px;margin-left: 3%;overflow: hidden;}
.hb_b ul{}
.hb_b ul li{width: 164px;height: 190px;float: left;margin:30px 25px;position: relative;}
.hb_b ul li img{100%}
/*.hb_b ul li:hover{border:1px #0160b2 solid;}*/
.hb_b1{width: 100%;height: auto;position: absolute;top: 180px;z-index: 1;}
.hb_b1 a{color: #999;font-size: 30px;cursor: pointer;}
.hb_b1 .next{float: left;}
.hb_b1 .prev{float: right;}


/* 侧边栏 */
.online { position: fixed;right: 0px;top: 40%;margin-top: -163px;width: 40px;z-index: 999;}
.online ul.icons {position: absolute;list-style: none;right: 0px;width: 40px;}
.online ul.icons li {text-align: center;margin-bottom: 1px;}
.online ul.icons li i {display: block;position: relative; width: 40px;height: 40px;cursor: pointer;z-index: 210;background: url(../images/onlinebg1.png) no-repeat;}
.online ul.icons li.wechat i {background-position: 0 -82px;}
.online ul.icons li p { display: block;position: absolute;top: 0px; right: -190px;color: #FFFFFF;line-height: 40px;background: rgba(0, 0, 0, 0.7);overflow: hidden;z-index: 201;transition: all 0.3s;width: 155px;height: 177px;padding: 10px;}
.online ul.icons li.wechat p {background: rgba(0, 0, 0, 0);width: 135px;height: 135px;padding: 0 2px;}
.online ul.icons li p span {display: block;color: #ffffff;font-size: 14px;line-height: 35px;}
.online ul.icons li:hover p { right: 40px;}
.online ul.icons li p a {color: #fff;}
.online ul.icons li.tel i {background-position: 0 -205px;}
.online ul.icons li.tel p {width: 150px;margin-top: 40px;height: auto;padding: 0px;}
.online ul.icons li.xinxi i {background-position: 0 -246px;}
.online ul.icons li.xinxi p {width: 150px;margin-top: 82px;height: auto; padding: 0px;}
.online ul.icons li.ali i {background-position: 0 -123px;}
.online ul.icons li.ali p {width: 150px;margin-top: 162px;height: auto; padding: 0px;}
.online ul.icons li.up i { background-position: 0 -287px;}