body{color: #666;}
.width50{ width: 50%;float: right;}
.threeOL{ padding: 4% 0; width: 103%;text-align: center;}
.threeOL li{ float: left; width: 30.33%;margin-right: 3%;}
.threeOL li a{padding: 35px 0; display: block; border: 1px solid #ddd;color: #999; position: relative;}
.threeOL li a .dl_2{background: url(../images/dl2.png) no-repeat;}
.threeOL li a span{margin:0 auto 15px auto; display: block; width: 62px;height: 62px;background: url(../images/dl1.png) no-repeat;}
.threeOL li a .dl_3{background: url(../images/dl3.png) no-repeat;}
.threeOL li a:before{opacity: 0; -webkit-opacity: 0;border-width: 10px; position: absolute; left: 50%;top: 100%;margin-left: -5px;content: '';border-style: solid;border-color: #fff transparent transparent transparent;}
.threeOL li a:after{ position: absolute; left: 0;top: -1px;height: 4px;width: 0;content: '';background: #f6b72a;}
.threeOL li.on a{color: #faa40f;box-shadow: 0 0 30px 2px #ddd;border: 1px solid #fff;}
.threeOL li.on a span{background: url(../images/dl1_.png) no-repeat;}
.threeOL li.on a .dl_2{background: url(../images/dl2_.png) no-repeat;}
.threeOL li.on a .dl_3{background: url(../images/dl3_.png) no-repeat;}
.threeOL li.on a:after{ width: 100%;}
.threeOL li.on a:before{opacity: 1; -webkit-opacity: 1;}
.nums{font-size: 90px;font-weight: bold;color: #f6b72a;line-height: 1.2;}

.home_1{background: #ececec;}
.home_1 .fr{ width: 48%;margin-right: 2%;}
.home_1 .txt{ padding: 8% 2% 5% 2%;}

.home_2{background: #f6f6f6;padding: 3% 0;}
.colorf6b72a{color: #F6B72A;}
.lunbo_1 .owl-item .clickImg{ width: 48%;cursor: pointer;}
.lunbo_1{ text-align: center;}
.lunbo_1 .item h6{color: #888;margin: 10px 0 0 0;}
.lunbo_1 .owl-nav div{ position: absolute; top: 50%;margin-top: -36px;width: 40px; line-height: 40px; height: 40px;background: #F6B72A;}
.lunbo_1 .owl-nav .owl-next{ left: 101%;}
.lunbo_1 .owl-nav .owl-prev{ right: 101%;}
.color777{color: #777;}
.color808080{color: #808080;}
.home_3{ padding: 4% 0;color: #808080;}
.home_3 .top{ padding-bottom: 2%; border-bottom: 1px solid #eee;margin-bottom: 3%;}
.home_3 .fr{ width: 50%;}
.home_3 .five span{display: inline-block; margin-right: 5px; *display: inline;*zoom: 1;width: 20px;height: 20px;text-align: center;line-height: 20px;background: #faa40f;color: #fff;border-radius: 50%;}
.home_3 .five p{margin-right: 15px; margin-right: 33px; display: inline-block; margin-bottom: 10px;vertical-align: top;}
.home_3 .bot >div{ width: 48%;}
.home_4{background: #ececec; padding: 4% 0;}
.tit .txt{ padding-top: 3%;}
.tit .fr{ width: 53%;}
.underLine{ text-decoration: underline;}
.wentiOL {width: 103%; padding: 2% 0 5% 0; }
.wentiOL li{padding-bottom: 35px;transition: .5s; -webkit-transition: .5s; float: left; width: 30.33%;margin-right: 3%;background: #fff;border-radius: 15px;}
.wentiOL li .pl{ padding: 25px; min-height: 261px;}
.smallBg{text-align: center;color: #fff;vertical-align: middle; position: relative; top: -1px; display: inline-block;width: 20px;height: 20px;line-height: 20px;background: #faa40f;font-size: 15px;border-radius: 50%;margin-right: 3px;}
.downBtn{ padding-left: 30px;}
.wentiOL li .clearfix .fl{ margin: 0 30px 0 0;}
.wentiOL li .clearfix .overHidden{ padding: 5px 0 0 0; line-height: 1.8;}
.wentiOL li .clearfix{ padding: 15px 0;}
.wentiOL .bannerLink{line-height: 42px; padding: 0 20px;}

.home_5{ padding: 5% 0;color: #737383;}
.wentis .dw{ width: 44%;}
.wentis .dw .smallBg{ margin-top: 4px;}
.wentis { padding-bottom: 5%;}

.home_6{ text-align: center;background: #ececec;padding: 5% 0;}
.tuijianOL{ white-space: nowrap;padding:3% 0 80px 0;}
.tuijianOL li{ display: inline-block; margin: 0 25px; color: #717372; position: relative;}
.tuijianOL li a{font-size: 18px; display: block;padding: 0 25px;line-height: 40px;border: 1px solid #ccc;border-radius: 22px;}
.tuijianOL li p{display: none; position: absolute; left: -10px;right: -10px;top: 48px;font-size: 16px; white-space: normal;}
.tuijianOL li.on a,.tuijianOL li:hover a{background: #f6c300;color: #fff;border-color: #f6c300;}
.tuijianOL li.on p{ display: block;}

.productOL ol{ font-size: 0; display: none; text-align: left;}
.productOL ol.on{ display: block;}
.productOL ol li{display: inline-block;*display: inline;*zoom: 1; text-align: center; vertical-align: top; font-size: 14px; width: 16.666%;color: #666; margin: 0 0 3% 0;}
.productOL ol li p{ padding: 0 10px;}
.productOL ol li img{ margin-bottom: 15px;border-radius: 50%; -webkit-border-radius: 50%;transition: .5s;max-width: 80%;}
.productOL ol li:hover img{box-shadow: 0 0 50px -15px #F1AC00;}


.scrollItem_5{ padding: 5% 0; text-align: center;}
.tiyanForm{ max-width: 520px; padding:0% 5% 4%; /*background: rgba(255,255,255,.7);*/  margin: auto; text-align: left; margin-top: 3%; /*width: 90%;*/}
.formDL dd{margin-bottom: 15px; border: 1px solid #333333; line-height: 44px;}
.formDL dd label{ float: left; padding: 0 10px;color: #333333;}
.formDL dd select{width: calc(100% - 0px); border: 0; padding: 0 10px; color: #333333; background: url(../images/jt3.png) no-repeat calc(100% - 12px) center;}
.formDL dd.yuy{} 
.formDL dt.sm{text-align: center; color: #c62428; padding: 40px 0 25px;}
.formDL dd.yuy input{vertical-align: middle; display: inline-block; margin-right: 8px;}
.formDL dd p{ overflow: hidden;}
.formDL dd input[type=text],.formDL dd textarea{width: 100%; background: transparent;border: 0;border: none;font-size: 14px;color: #333;line-height: 24px;padding: 10px 0;}
.formDL .submitBtn{ display: block; text-align: center; position: relative; border-radius: 30px; width: 100%;background: #fabe0f; color: #212121;font-size: 24px;line-height: 54px; margin-top: 45px;}
.formDL dd textarea{ padding-left: 10px;}
.shenqin{ display: block;text-align: center;margin-top: 0px; border-radius: 25px; background: #C62428; color: #fabe0f;}
.owl-theme .owl-dots .owl-dot.active span{background: #C62428;}

.home_2 .owl-dots{display: none;}

.publicLR .fr{width: 46%;text-align: right; margin-left: 4%;}
.table table{ width: 100%;color: #fff; font-size: 14px;}
.table table td{ border: 1px solid #fff;border-color: rgba(255,255,255,.2); line-height: 24px; padding: 6px 0; padding-left: 15px;}
.table table tr{background: #f6b72a;}
.table table tr:nth-child(3),.table table tr:nth-child(4){background: #b3b3b3;}
.envir_1{padding: 5% 0;}
.envir_2{ padding: 5% 0 ;background: #ececec;}
.envir_2 .fl{ width: 37.5%;margin-right: 5%;}
.inlineBlock.verMid{ vertical-align: middle;}
.kongtiao img{border-radius: 50%;margin-right: 10px;}
.envir_3{ padding: 5% 0;}
.xunhuaOL{ padding-top: 5%; width: 105%;}
.xunhuaOL li{margin-right:4%;vertical-align: top; display: inline-block;*display: inline;*zoom: 1; width: 28.33%;color: #808080}
.xunhuaOL li a{ padding: 10px 0;display: inline-block;}

.fiveOLs{ padding: 5% 0 6% 0;}
.energy .fr{ width: 37.5%; margin-left: 7%;}
.fiveOLs li{ margin-bottom: 7px;}
.fiveOLs li .smallBg{background: #f6b72a;}
.energy .top{ padding: 5% 0;border-bottom: 1px solid #eee;}
.energy .ov{ padding-left: 2%;}

.nengyuan{ width: 102%; padding: 4% 0;}
.nengyuan li{ margin-bottom: 3%; display: inline-block;*display: inline;*zoom: 1; width: 18%; margin-right: 1%; text-align: center;vertical-align: top;}
.nengyuan li img{margin: auto; display: block; border: 1px solid #ddd;border-radius: 50%; margin-bottom: 15px;transition: .5s;}
.nengyuan li .font16{ margin-bottom: 10px;}
.nengyuan li:hover img{box-shadow: 0 0 50px -10px #ccc;}

.contactOur{ position: fixed; right: 0; top: 50%; margin-top: 5px;z-index: 11; transition: .5s; -webkit-transition: .5s;}
.contactOur .tit{background: #fabe0f; overflow: hidden;transition: 0s; -webkit-transition: 0s; text-align: center; padding: 10px 0; width: 100px;display: block;}
.contactDL{width: 640px; background: #333; position: absolute; left: 100%; top: 0; text-align: center; overflow: hidden;}
.contactDL dd{padding: 30px 0; float: left; width: 33.33%;transition: .5s;-webkit-transition: .5s;}
.contactDL dd a{ display: block; padding: 15px 20px;}
.contactDL dd h6{ padding:2px 0 10px 0;}
.borderRT{ border-right: 1px solid #666;}
.contactDL dd a .font14{ height: 42px;}
.contactOur.on{ right: 640px;}
.contactOur.on .tit{background: #555 url(images/close2.png) no-repeat center; text-indent: -150px;}

.alertImg{display: none; position: fixed; left: 0;right: 0;top: 0;bottom: 0;content: '';z-index: 100;background: #000;background: rgba(0,0,0,0.8);}
.imgScale{ position: absolute; width: 624px; max-width: 88%; left: 50%; top: 50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.closeImg{padding: 8px; position: absolute; right: -20px;top: -20px;background: #F1AC00;border-radius: 50%;}
.closeImg img{ width: 24px;}

.alertImg .next{position: absolute; width: 40px; height: 40px; text-align: center; background:url(../images/rightjt.png) no-repeat center #F6B72A; position: absolute; left: 101%; top: 50%; margin-top: -20px; cursor: pointer;}
.alertImg .next img{display: none;}
.alertImg .prev{position: absolute; width: 40px; height: 40px; text-align: center; background:url(../images/leftjt.png) no-repeat center #F6B72A; position: absolute; right: 101%; top: 50%; margin-top: -20px; cursor: pointer;}
.alertImg .prev img{display: none;}
.alertImg .next.no,.alertImg .prev.no{opacity: 0.2;}

@media only screen and (max-width:1260px ) {
	.width50{ width: 40%; margin-right: 10%;}
}


@media only screen and (max-width:1100px ) {
	.home_2 .owl-nav{ display: none;}
	.home_2 .owl-dots{display: block; margin-top: 10px;}
}



@media only screen and (min-width:960px ) {
	.wentiOL li:hover{box-shadow: 0 0 50px -10px #aaa;transform: translate(0,-10px); -webkit-transform: translate(0,-10px);cursor: pointer;}
    a:hover{color: #FAA40F;}
    .closeImg:hover{background: #FAA40F;box-shadow: 0 0 25px -2px #fff;transform: rotate(180deg); -webkit-transform: rotate(180deg);}
}

@media only screen and (max-width:960px ) {
	.wentiOL li{ width: auto; margin: 0 0 2% 0; float: none;}
	.productOL ol li{ width: 20%;}
	.wentiOL li .pl{ min-height: 0;}
	.nums{ font-size: 58px;}
	.tit .txt{ padding: 0;}
	.wentiOL{ width: auto;}
	.contactDL{ width: 160px; top: 50%; margin-top: -187px; padding: 0;}
	.contactOur.on{ right: 160px;}
	.contactDL dd{ float: none; width: auto; padding: 0;}
	.borderRT{ border-bottom: 1px solid #666;}
	.contactDL dd a{ padding: 10px;}
	.contactDL dd img{ width: 40px;}
	.contactDL dd h6{ padding: 0 0 5px 0; font-size: 16px;}
	.contactOur .tit img{ width: 30px; }
	.contactOur .tit{width: 60px;position: relative; height: 48px; padding: 6px 0;overflow: hidden;transition: 0s; -webkit-transition: 0s; }
	.contactOur .tit h6{font-size: 12px;}
	
	.contactOur.on:before{ position: fixed; left: 0;right: 0;top: 0;bottom: 0;content: '';background: rgba(0,0,0,.7);}

}

@media only screen and (max-width:767px ) {
	.home_1 .fr{ width: auto; float: none; margin:0; text-align: center;}
	.home_3 .fr{ width: auto; float: none; margin: 0 0 2% 0;}
	.home_1 .txt{ text-align: center; padding-top: 0;}
	.home_1 .txt .font18{ text-align: left;}
	.home_1 .fr img{max-width: 60%;}
	.home_3 .bot >div{ float: none; width: auto; margin: 0 0 3% 0;}
	.home_3 .five p{ display: block;}
	.threeOL li a{ padding: 20px 0;}
	.threeOL li a span{ width: 40px;height: 40px;background-size: contain !important; margin-bottom: 5px;}
	.bannerLink,.wentiOL .bannerLink{ line-height: 38px;}
	.tit .fr{ float: none; width: auto;}
	.productOL ol li{ width: 25%;}
	.tuijianOL li{ margin: 0;}
	.tuijianOL{ padding-bottom: 60px;}
	.xunhuaOL{ width: auto;}
	.publicLR .fr{ float: none;width: auto; margin: 0 0 4% 0;}
	.xunhuaOL li{ display: block; margin: 0 0 1% 0;width: auto;}
	.energy .fr{ width: auto; float: none; margin: 0;text-align: right;}
	.nengyuan li{ width: 48%;}
	.nengyuan li img{max-width: 80%;}
	
	.alertImg .prev{margin-right: -30px;}
	.alertImg .next{margin-left: -30px;}
}


@media only screen and (max-width:640px ) {
	.width50{ width: 40%;margin-right: 12%;}
	.bannerTxt .pb{margin-top: 10px;}
	.bannerTxt .bannerLink{ font-size: 12px; line-height: 30px;}
	.wentis .dw{ float: none; width: auto; margin: 0 0 5% 0;}
	.wentis{ padding-bottom: 0;}
	.tuijianOL li a{ font-size: 14px;line-height: 36px;padding: 0 10px;}
	.tuijianOL li p{ font-size: 10px;}
	.scrollItem_5{ padding-bottom: 0;}
	.envir_2 .fl{ float: none;width: auto;margin: 0 0 3% 0;}
	.table table td{ padding-left: 5px; font-size: 12px;}
	.shenqin{margin-top: 0;}
	.logo .eelo_sty{
		height: .75rem;
	}
	.foot{
		padding: 0 10px;
	}
}

@media only screen and (max-width:480px ) {
	.productOL ol li{ width: 33.33%;}
}