/*首页*/
/*top样式*/
.top{width:100%;height:60px;position: relative;margin:0 auto;}
.top_c1{width: 70%;margin-left: 5%;height: 60px; padding-top:10px;}
.top_c1 h1{font-size:23px;color: #02b2bb;line-height: 60px;}
.top_c1 h1 span{font-size:23px;color: #ccc;}
.nav{width: 100%;height: auto;background:#fff;z-index: 555555;display:none;padding-top: 40px;position: absolute;top:60px;}
.nav ul li{width: 90%;float: none;font-size: 18px;background: none;margin-bottom: 25px;text-align: center;border-bottom: 1px #ebebeb solid;padding-bottom: 15px;margin-left: 5%;}
.nav ul li a{color: #747474;width:100%;margin-left:0px;border-bottom: none;padding-bottom: 0px;display: block;text-align: center;}
.nav ul li a:hover{background: none;color: #02b2bb;border-bottom:none}
.nav ul li a.hover{background: none;color: #02b2bb;border-bottom:none}
#en{display:block;}
.en{display:none;}

#checkbox:checked ~ .nav{display: block;}
#checkbox{display: none;}
#cd{width: 32px;height: 24px;cursor: pointer;position: absolute;top: 20px;right:25px;display: block;}
#cd img{width: 32px;height: 24px;}

/*首页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: 20px !important;z-index: 99;}
.pc_banner_swiper .swiper-pagination-bullet {width: 10px;height: 10px;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: 16px;height: 16px; 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:210px;overflow:hidden;position:relative;margin:0 auto;}
.banner_c{width:100%;}
.banner_c li{height:220px;position:relative;width: 100%;}
.banner_c img{width:100%;height: 210px;}
.banner_b{position:absolute;width:100%;text-align:center;z-index:99;bottom:10px;}
.banner_b ul{width:110px;margin:0 auto;}
.banner_b ul li{width:35px;height:2px;border-top: 2px #fff solid;float:left;margin:0 10px;cursor:pointer;}
.banner_b ul li.on{background: #02b2bb;border-top: 2px #02b2bb solid;}


/*新能源用途*/
.yt{width: 100%;margin:50px 0px auto;overflow: hidden; position:relative;}
.yt h1{font-size: 22px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 20px;}
.yt h1 span{color: #aaaaaa;font-size: 12px;font-weight: normal;margin-top: 30px;}
.yt h1 p{width: 45px;height: 2px;background: #02b2bb;margin:5px auto;}
.yt1{width:100%;height:auto;overflow: hidden;margin-bottom: 0px;margin-top: 0px;position: relative;}
.yt1 img{width: 100%;}
.yt1 h2{font-size: 12px;font-weight: normal;color: #fff;position: absolute;bottom:15%;z-index: 1000;text-align:center;width: 90%;margin-left: 5%}
.hb_b{width: 94%;height: auto;margin-top: 3px;margin-left: 3%;overflow: hidden;}
.hb_b ul li{width: 45%;float: left;margin:30px 0px; margin-right:15px;}
.hb_b ul li img{width: 100%}
.hb_b1{width: 100%;height: auto;position: absolute;top: 150px;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%;height: 640px;background: url(../images/xz1.jpg) center no-repeat;background-size: 100% 100%;}
.xz{width: 94%;height: 600px;margin:30px auto;float: left;margin-left: 3%;overflow: hidden;}
.xz h1{color: #fff;font-size:26px;font-weight: normal;text-align: center;padding-top:0px;}
.xz h1 img{width: 34px;height: 36px;}
.xz1{float: none;width:100%;height: 155px;overflow: hidden;margin:20px 0px;}
.xz1 h2{font-size: 18px;color: #fff;font-weight: normal;height: 45px;line-height: 45px;}
.xz1 h2 img{width: 40px;height: 40px;margin-right: 5px;float: left;}
.xz1 p{font-size: 12px;color: #bbb;line-height: 22px;margin-top: 0px;margin-left: 11%;}

/* 我们的优势*/
.ys{width: 100%;min-height: 420px;margin:50px auto;overflow: hidden;}
.ys h1{font-size: 22px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 40px}
.ys h1 span{color: #aaaaaa;font-size: 12px;font-weight: normal;margin-top: 20px;}
.ys h1 p{width: 45px;height: 2px;background: #02b2bb;margin:5px auto;}
.ys_l{width:94%;overflow: hidden;float: none;margin:0px auto;}
.ys_l1{width: 100%;overflow: hidden;margin-bottom: 30px;}
.ys_l1 img{width: 50px;height: 50px;float: left;margin-right: 10px;margin-bottom: 50px;}
.ys_l1 h2{font-size: 18px;color: #333;font-weight: normal;width:82%;float: right;}
.ys_l1 h2 p{font-size: 14px;color: #666;line-height: 24px;margin-top: 5px;}

.ys_r{display: none;}

/*解决方案*/
.jj_bj{width: 100%;height: 150px;background: url(../images/jj1.jpg) center;margin:0px auto 0px;float: left;background-size: 100% 100%;overflow: hidden;}
.jj{width: 96%;height: 150px;margin:0px auto;}
.jj1{width: 30%;height:auto;float: left;margin:30px 1.5%;overflow: hidden;position: relative;}
.jj1_t img{width: 100%;}
.jj1 h1{font-size: 40px;color: #02b2bb;text-align: center;margin: 15px 10%;width:80%;font-weight: normal;position: absolute;top: 0px;overflow: hidden;}
.jj1 h1 p{font-size: 12px;color: #fff;line-height: 26px;font-weight: normal;margin-top: 0px;text-align: center;}
.jj1 h1 p br{display: none;}

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

/*新闻*/
.down_bj{width: 100%;background: url(../images/xw_bj.jpg) center bottom no-repeat;margin:0px auto;background-size: 100% 100%;overflow: hidden; min-height:550px; padding-bottom:10px;}
.down{width: 100%;margin:0px auto;}
.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;}

/*分页*/
#fy{width: 100%;height: 80px;line-height: 40px;margin:10px auto; }
.fy{width: 340px;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;}

/*底部样式*/
.footer_bj{width: 100%;height:auto;background: #1b1b1b;margin-top: 0px;overflow: hidden;}
.footer_t{width: 100%;height: 180px;border-bottom: 1px #2a2a2a solid;}
.footer_t1{width: 96%;height:180px;margin:0 auto;}
.footer_t1 li{width: 45%;overflow: hidden;height: 60px;float: left;margin-left:3%;margin-top: 20px;}
.footer_t1 li img{width: 50px;height: 50px;float: left;margin-right: 10px;}
.footer_t1 li span{font-size: 14px;color: #aaaaaa;line-height: 25px;}
.footer_b{width: 98%;height: auto;margin:0 auto;overflow: hidden;}
.footer_b h2{width: 100%;font-size: 12px;color: #aaa;line-height:32px;font-weight: normal;margin-top: 20px;margin-left:0px;}
.footer_b p{width:100%;font-size: 14px;color: #aaa;line-height: 28px;margin-right: 5px;margin-top: 20px; text-align:center; margin-bottom:10px;}
.footer_b p img{width:84px; margin-left:2px; margin-right:2px;}
.footer_b h2 a{color: #aaa;}
.footer_b h2 a:hover{color: #fff;}

/*内页*/
/*内页banner*/
.banner_de{width: 100%;overflow: hidden;position:relative;}
.banner_de img{width: 100%;height: auto;}

/*关于我们样式*/
.about{width: 100%;min-height:200px;margin:50px auto;}
.about h1{font-size: 22px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 30px;}
.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: 13px;color: #666;line-height: 32px;margin-top: 0px;text-align:left;width: 94%;margin:20px auto;}

.about_c{width: 100%;background: url(../images/ab1_sj.png) center/cover;overflow: hidden; margin-bottom:20px;}
.about_c1{width: 100%;height: auto;margin:0 auto; min-height:160px;}
.about_c1 h1{font-size: 22px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 30px;padding-top:40px;}
.about_c1 h1 span{color: #aaaaaa;font-size: 12px;font-weight: normal;margin-top: 30px;}
.about_c1 h1 p{width: 45px;height: 2px;background: #02b2bb;margin:5px auto;}
.about_c2{width: 90%;height:auto;overflow: hidden;float:none;margin:5% auto;}
.about_c2 dd{font-size: 12px;color: #aaaaaa;line-height: 26px;}
.about_c2 dd span{color: #c7c7c7;font-size: 12px;}

.about_c3{}

.about_b{width: 100%;height:auto;margin:0px auto 40px;}
.about_b h1{font-size: 22px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 40px;}
.about_b h1 span{color: #aaaaaa;font-size: 12px;font-weight: normal;margin-top: 30px;}
.about_b h1 p{width: 45px;height: 3px;background: #02b2bb;margin:5px auto;}
.about_b1{width: 45%;height: auto;float: left;margin:0% 2% 8%;}
.about_b1 img{width: 100%;}

/*我们的优势*/
.ys{width:100%;min-height: 600px;}
.ys1{width:100%;height:auto;float: left;margin-top: 0px}

.cp_bj{width:100%;height: auto;float: left;margin-top: 50px;overflow: hidden;}
.cp{width: 94%;height: auto;margin:0px auto;}
.cp h1{font-size: 22px;color: #02b2bb;text-align: center;line-height: 30px;margin-bottom: 40px;padding-top:20px;}
.cp h1 span{color: #aaaaaa;font-size: 12px;font-weight: normal;margin-top: 30px;}
.cp h1 p{width: 45px;height: 2px;background: #02b2bb;margin:5px auto;}
.cp_t{width:100%;height: auto;margin:40px auto 50px;}
.cp_l{width: 100%;height:auto;float:none;}
.cp_l img{width: 40%;height: auto;margin:0px 30% 10%;}
.cp_r{width:100%;height:auto;border-left:none;float:none;}
.cp_r dd{width: 100%;;overflow:hidden;color: #666;margin-left:0;font-size: 14px;line-height: 26px;margin-bottom: 20px;}
.cp_r dd span{color: #000;}

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

/*联系我们*/
.cont{width: 100%;height:auto;margin:50px auto;}
.cont h1{font-size: 22px;color: #02b2bb;text-align: center;line-height: 24px;margin-bottom: 40px;padding-top:20px;}
.cont h1 span{color: #aaaaaa;font-size: 12px;font-weight: normal;margin-top: 30px;}
.cont h1 p{width: 45px;height:2px;background: #02b2bb;margin:5px auto;}
.cont1{width: 94%;margin:10px 3%;font-size: 14px;color: #666;line-height: 28px;text-align:left;}
.cont1 img{width:100%;}
.cont2{width: 100%;height:200px;margin:50px auto;}
.cont2 iframe{width: 100%;height:200px;}
.cont3{width: 96%;height: 400px;margin:0 auto;}
.cont3 h2{font-weight: normal;font-size: 18px;color: #333;text-align: center;margin-bottom: 30px;}
.cont3 p{width: 100%;height: 35px;margin-top: 40px;font-size: 14px;color: #333}
.cont3 p input{width: 70%;height: 33px;border:1px #ababab solid;margin-left: 0px;padding-left: 15px;margin-left:4%;}
.cont3 p span{color: #f00;margin-left: 25px;float: right;margin-top: -25px;}
.cont4{height: 35px;width:100%;font-size: 14px;color: #333;margin-top:40px;}
.cont4 label{margin-left: 1%;margin-right: 1%;font-size: 12px;}
.tj{width: 60%;height: 40px;background: #f54f4f;color: #fff;font-size: 14px;line-height: 40px;text-align: center;cursor: pointer;margin-top: 20px;margin-left: 20%;}
.tj a{color: #fff}

/*新闻内页*/
.case{width: 94%;height: auto;margin:30px auto 30px;}
.case h1{font-size: 16px;color: #333;font-weight: normal;width: 100%;height: 80px;border-bottom: 1px #e5e5e5 solid;margin-bottom: 20px;margin-left: 0px;}
.case h1 p{font-size: 14px;color: #999;margin-top: 10px;}
.case1{width: 100%;height: auto;font-size: 14px;color: #666;line-height: 32px;margin:15px auto;text-indent: 2em}
.case img{max-width:100%;}



/* 侧边栏 */
.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;}


@media (min-width: 320px) and (max-width: 360px){
	.top_c1 h1{font-size:20px;}
	.top_c1 h1 span{font-size:20px;}
	#cd img{width: 28px;height: 20px;}
	.banner{width:100%;height:160px;}
	.banner_c li{height:160px;}
	.banner_c img{width:100%;height: 160px;}
	.yt{width: 100%;height: 325px;}
	.xz_bj{width: 100%;height: 600px;}
	.xz{width: 94%;height: 555px;margin:30px auto;}
	.xz h1{color: #fff;font-size:22px;font-weight: normal;text-align: center;padding-top:0px;}
	.xz h1 img{width: 30px;height: 32px;}
	.xz1{float: none;width:100%;height: 155px;overflow: hidden;margin:20px 0px;}
	.xz1 h2{font-size: 16px;color: #fff;font-weight: normal;height: 40px;line-height: 35px;}
	.xz1 h2 img{width: 30px;height: 30px;}
	.ys_l1 h2{font-size: 16px;color: #333;font-weight: normal;width:80%;float: right;}
	.ys_l1 h2 p{font-size: 12px;color: #666;line-height: 26px;margin-top: 5px;}
	.jj_bj{width: 100%;height: 140px;}
	.jj1 h1{font-size: 35px;margin: 10px 10%;}
	.xw_l h3{width:75%;}
	.footer_t1 li{width: 45%;overflow: hidden;height: 55px;}
	.cont4 label{margin-left: 3%;margin-right: 2%;font-size: 12px;}
	}

@media (max-width: 320px) {
	.yt{width: 100%;height: 320px;}


}

@media (min-width: 361px) and (max-width: 382px){
	.yt{width: 100%;height: 340px}
}