@charset "UTF-8";
.wrap{width: 1280px;margin-left:auto;margin-right:auto;}
.wrap2{width: 1110px;margin-left:auto;margin-right:auto;}
.wrapny{
	   width: 1200px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #f6f6f6;
    padding: 50px 30px 0 30px;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
}
@media only screen and (max-width: 1366px){
  .wrap{width: 1100px;}
  .wrap2{width: 1000px;}
}
@media only screen and (max-width: 1200px){
  .wrap{width:100%;padding-right:20px;padding-left:20px;-webkit-box-sizing: border-box;box-sizing: border-box;}
  .wrap2{width:100%;padding-right:20px;padding-left:20px;-webkit-box-sizing: border-box;box-sizing: border-box;}
}
@media only screen and (max-width: 767px){
  .wrap{padding-right:10px;padding-left: 10px;}
  .wrap2{padding-right:10px;padding-left: 10px;}
}

/*导航按钮*/
.footer-s1 h2{
	    margin-bottom: .5rem;
}
/*导航按钮结束*/
.jtjj span{
	font-family:"微软雅黑";
	color:#fff;
}
.aboutdsz{
	margin-top:4em;
}
.about-dsz-cont{
	line-height: 25px;
	
}

.jtzz p{
	text-align: center;
    font-size: 18px;
    margin-top: 1em;
}
.jyfw{
	    width: 100%;
    height: 400px;
    background-size: cover;
    background-attachment: fixed;
	background-image: url(../../img/about/bg.jpg);
	
	
}
.jyfw h3{
	text-align:center;
	padding-top:90px;
	color:#fff;
}
.jyfwwz{
	color:#fff;
	width:80%;
	text-align:center;
	margin:0px auto;
	line-height:35px;
	padding-top:2em;
	
}

.jtry{
	    background-size: cover;
    background-attachment: fixed;
	background-image: url(../../img/about/jtry.jpg);
	padding:110px 0;
}







/*集团荣誉*/

.chairmanContainer {
	width: 100%;
	position: relative;
	padding-bottom: 5%;
}

.aboutCommonTitle {
	text-align: center;
	padding: 60px 0 32px;
}

.aboutCommonTitle h3 {
	font-size:26px;
	line-height: 45px;

	text-transform: uppercase;
	font-family: "pingfang";
}

.aboutCommonTitle p {
	font-size: 24px;
	line-height: 38px;
	color: #474747;
}
.honorContainer {
	position: relative;
	    padding-bottom: 60px;
}

.honorContainer:before,
.honorContainer:after {
	content: "";
	position: absolute;
	height: 100%;
	top: 0;
	z-index: -1;
}

.honorContainer .container{
	   padding-right: 0px; 
    padding-left: 0px; 
}

.honorSlide {
	position: relative;
	overflow: hidden;
}

.honorSlide .hd {
	font-size: 0;
	line-height: 0;
	text-align: center;
	padding-bottom: 5.2%;
}

.honorSlide .hd li {
	display: inline-block;
	font-size: 18px;
	line-height: 48px;
	color: #4c4c4c;
	width: 164px;
	height: 48px;
	margin: 0 15px;
	border-radius: 24px;
	border: 1px solid #c7c7c7;
	position: relative;
	cursor: pointer;
}

.honorSlide .hd li.on {
	color: #fff;
	background-color: #3174c6;
	border: 1px solid #2a64ab;
}

.honorSlide .bd dt {
	width: 58%;
	float: left;
	box-sizing: border-box;
	padding-right: 35px;
}

.honorSlide .bd dd {
	width: 42%;
	float: right;
	box-sizing: border-box;
	padding-left: 35px;
}

.honorTitle {
	color: #f38f24;
}

.honorSlide dt h2 {
	font-size: 24px;
	line-height: 35px;
	font-weight: normal;
}

.honorSlide dt h3 {
	font-size: 13px;
	line-height: 20px;
	text-transform: uppercase;
	font-family: "Aparajita";
}

.honorSlide dt h4 {
	font-size: 16px;
	line-height: 32px;
	color: #656565;
	margin-top: 15px;
	font-weight: normal;
}

.honorSlide dt h4 strong {
	color: #3174c6;
}

.honorSlide dt p {
	color: #707070;
	font-size: 13px;
	line-height: 18px;
	margin-top: 5px;
	font-family: "Aparajita";
	text-transform: uppercase;
}

.honorList {
	margin-top: 5.6%;
}

.honorList li {
	float: left;
	width: 209px;
	margin-right: 14px;
}

.honorList li img {
	width: 100%;
	height: 143px;
}

.honorList li:last-child {
	margin-right: 0;
}

.honorTxt {
	color: #4c4c4c;
	font-size: 14px;
	line-height: 43px;
}

.honorTxt p {
	font-size: 14px!important;
	line-height: 43px!important;
}

@media only screen and (max-width:1400px) {
	.honorSlide .bd dt {
		width: 56%;
	}
	.honorSlide .bd dd {
		width: 44%;
	}
	.honorList li {
		width: 189px;
	}
	.honorList li img {
		height: 129px;
	}
	.honorTxt p {
		line-height: 41px!important;
	}
	.honorSlide .hd li {
		font-size: 16px;
		line-height: 42px;
		width: 148px;
		height: 42px;
	}
}

@media only screen and (max-width:1300px) {
	.honorList li {
		width: 160px;
	}
	.honorList li img {
		height: 109px;
	}
}

@media only screen and (max-width:992px) {
	.honorSlide .bd dt {
		width: 100%;
		padding-right: 0;
	}
	.honorSlide .bd dd {
		width: 100%;
		padding-left: 0;
		margin-top: 3%;
	}
	.honorContainer:before {
		width: 100%;
	}
	.honorContainer:after {
		display: none;
	}
	.honorTxt p {
		line-height: 32px!important;
	}
	.honorList {
		margin-top: 2.5%;
	}
	.honorSlide dt h4 {
		margin-top: 8px;
	}
	.honorList li {
		width: 209px;
	}
	.honorList li img {
		height: 143px;
	}
}

@media only screen and (max-width:767px) {

}


/*集团荣誉*/


/*企业责任*/

.responsContainer {
	
	padding-bottom: 5%;
}

.responsBox {
	height: 360px;
	position: relative;
	background: url(../../img/about/responsBg.jpg) no-repeat center/cover;
}

.responsText {
	width: 52%;
	box-sizing: border-box;
	padding-left: 20px;
	padding-bottom: 2%;
	position: absolute;
	top: 15%;
	left: 5%;
	box-shadow: 0 0 27px rgba(143, 138, 135, 0.59);
	background:rgba(0,94,174,0.89);
}

.responsText h2 {
	font-size: 55px;
	line-height: 55px;
	font-weight: normal;
	color: #0061AE;
	font-family: "roboto";
	text-transform: uppercase;
	padding-top: 15px;
}

.responsText h2 img {
	width: 61px;
	height: auto;
}

.responsText h3 {
	font-size: 20px;
	line-height: 32px;
	color: #ba6e57;
}

.responsText h3 span {
	font-size: 18px;
	line-height: 32px;
	color: #ac644b;
	font-family: "roboto";
	font-weight: normal;
	padding-right: 10px;
	text-transform: uppercase;
}

.responsText p {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	padding-right: 30px;
	margin-top: 20px;
	text-align: justify;
}

@media only screen and (max-width:1400px) {
	.responsText h2 {
		font-size: 46px;
		line-height: 46px;
	}
	.responsText h2 img {
		width: 56px;
	}
	.responsText h3 {
		font-size: 18px
	}
	.responsText h3 span {
		font-size: 16px
	}
	.responsText {
		top: 14%;
	}
}

@media only screen and (max-width:1200px) {
	.responsText h2 {
		font-size: 42px
	}
	.responsText h3 {
		font-size: 16px;
	}
	.responsText h3 span {
		font-size: 14px
	}
	.responsText p {
		margin-top: 0;
	}
}

@media only screen and (max-width:992px) {
	.responsText {
		width: 100%;
	}
	.responsContainer {
		margin-top: 0;
	}
}

@media only screen and (max-width: 767px) {
	
	

}


/*企业责任*/


/*首页头部样式*/

.index_header.header{background: transparent;position: absolute;top: 0px;left: 0px;right: 0px;}
.index_header .nav_btn{height: 0px;}
.index_header .nav_btn span{opacity: 0;}
.index_header .logo{background:#1c1c1f;background: rgba(28,28,31,0.9);
  padding-right: 0px;padding-left: 0px;
  width:0px;text-align: center;opacity: 0;
}
.touch_body .index_header .logo{opacity: 1!important;}
.index_header .logo img{opacity: 0;transform:scale(0.5);transition:all 0.5s ease-in-out 0.4s;}
.index_header .logo img.tran{opacity: 1;transform:scale(1);}

/*清除移动端logo动画效果横竖屏的bug*/
.phone_body .index_header .logo{width: 140px!important;}
.phone_body .index_header .nav_btn{height: 70px!important;}
.phone_body .index_header .nav_btn span{opacity: 1!important;}
.phone_body .index_header .logo img{opacity: 1!important;transform:scale(1);}
@media only screen and (max-width: 1366px){
  .index_header .logo{padding:0 20px;}
}
@media only screen and (max-width: 1000px){
  .phone_body .index_header .nav_btn{height: 70px!important;}
}
@media only screen and (max-width: 767px){
  .phone_body .index_header .logo{width: 140px!important;}
  .phone_body .index_header .nav_btn{height: 70px!important;}
}
@media only screen and (max-width: 320px){
  .phone_body .index_header .logo{padding:0 10px;box-sizing:border-box;}
}
/*首页头部样式结束*/
.slide_nav{opacity: 0;position: fixed;top: 0px;left: -520px;bottom: 0px;width: 420px;background: #1c1c1f url("../img/nav_bg.png"/*tpa=http://www.hanergy.com/hanneng/img/nav_bg.png*/) no-repeat right bottom;z-index: 999999;}
.slide_nav .n_logo{height: 100px;line-height: 100px;padding-left: 75px;}
.slide_nav .n_logo img{vertical-align: middle;max-width: 100%;}
.slide_nav .nav{overflow: hidden;position: relative;z-index: 99999;}
.slide_nav .nav.overY{overflow-y: auto;}
.slide_nav ul li{color: #fff;position: relative;}
.slide_nav ul li>a{display: block;padding-left: 75px;color: #fff;font-size: 15px;border-bottom: 1px solid #212124;position: relative;}
.slide_nav ul li>a q{display:block;width:11px;position: absolute;right: 30px;top: 0%;background: url("../img/jia.png"/*tpa=http://www.hanergy.com/hanneng/img/jia.png*/) no-repeat center;}
.slide_nav ul li.activ>a q{background: url("../img/jian.png"/*tpa=http://www.hanergy.com/hanneng/img/jian.png*/) no-repeat center;}
.slide_nav ul li>a i{position: relative;z-index: 2;}
.slide_nav ul li>a span{position: absolute;top: 0px;left: 0px;background: #d7000f;width: 0%;z-index: 0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.slide_nav ul li:hover>a span{width: 100%;}
.slide_nav ul li.activ>a span{width: 100%;}
.slide_nav ul li dl{display: none;}
.slide_nav ul li dd{line-height: 45px;position: relative;}
.slide_nav ul li dd>a{display: block;padding-left: 95px;font-size: 14px;color: #fff;}
.slide_nav ul li dd>a i{position: relative;z-index: 2;}
.slide_nav ul li dd>a span{height:45px;position: absolute;top: 0px;left: 0px;background: #000;width: 0%;z-index: 0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.slide_nav ul li dd:hover>a span{width: 100%;}

.slide_nav .nav_colse{position: absolute;right: 0px;top: 0px;width:50px;height: 50px;
  background: #000;cursor: pointer;text-align: center;line-height: 50px;color: #fff;font-size: 16px;
}

.slide_nav .share{position: relative;height: 290px;}
.slide_nav .share .share_con{position: absolute;left:0px;right:0px;text-align: center;bottom:65px;}
.slide_nav .share .share_con .bdshare-button-style0-24 a,.slide_nav .share .share_con .bdshare-button-style0-24 .bds_more{float:none;display:inline-block;width:22px;height: 20px;padding-left: 0;}
.slide_nav .share .share_con .bdshare-button-style0-24 .bds_tsina{background: url("../img/sina.png"/*tpa=http://www.hanergy.com/hanneng/img/sina.png*/) no-repeat left center;}
.slide_nav .share .share_con .bdshare-button-style0-24 .bds_weixin{background: url("../img/weixin.png"/*tpa=http://www.hanergy.com/hanneng/img/weixin.png*/) no-repeat left center;}
.slide_nav .share .share_con .bdshare-button-style0-24 .bds_fbook{background: url("../img/face.png"/*tpa=http://www.hanergy.com/hanneng/img/face.png*/) no-repeat left center;}
.slide_nav .share .share_con .bdshare-button-style0-24 .bds_twi{background: url("../img/twi.png"/*tpa=http://www.hanergy.com/hanneng/img/twi.png*/) no-repeat left center;}
.slide_nav .share .share_con .bdshare-button-style0-24 .bds_lin{background: url("../img/lik.png"/*tpa=http://www.hanergy.com/hanneng/img/lik.png*/) no-repeat left center;}
@media only screen and (max-width: 1600px){
  .slide_nav .share{height: 200px;}
}
@media only screen and (max-width: 1400px){
  .slide_nav{width: 300px;}
  .slide_nav .n_logo{padding-left: 45px;}
  .slide_nav ul li>a{padding-left:45px;}
  .slide_nav .share{height: 100px;}
  .slide_nav .share .share_con{bottom:30px;}
  .slide_nav ul li dd>a{padding-left: 60px;}
}
@media only screen and (max-width:800px){
  .slide_nav .share{height: 200px;}
}
@media only screen and (max-width: 767px){
  .slide_nav{width: 100%; }
  .slide_nav .share{height: 150px;}
}
.bd_weixin_popup{z-index: 999999!important;}



/*首页样式*/
.phone_dom{display: none!important;}
.phone_body .phone_dom{display: block!important;}
.phone_body .pc_dom{display: none!important;}
/*.w1200.index_body .scrollPage0{height: auto!important;}*/

.index_body{height: 100%;overflow: hidden;}
.w1200.index_body{height: auto;overflow-y: auto;}

.index_body .header{z-index: 999999;}
.index_body .header .search{border-color:#fff;}
.index_body .header .search input.text{color: #fff!important;}
.index_body .header .language{border-color: #fff;}
.section{overflow: hidden;position: relative;}
.sPage0_video video{width:100%;}
.in_con01{position: absolute;top:50%;left: 50%;transform:translate(-50%,-50%);z-index: 98;}
.in_con01 .text{margin-bottom: 140px;text-align: center;}
.in_con01 .text img{width: 250px;}
.in_con01 h3{color: #fff;letter-spacing:13px;}
.in_con01 p{color: #fff;text-transform: Uppercase;letter-spacing:3px;}
.in_con01 .more{display: inline-block;margin-left: 50px;}
/* .in_con01 .more.more01{margin-left: 0;} */
.in_con01 .more a{border-color: #fff;color: #fff;width:200px;}
.in_con01 .more a i{border-left-color:#fff;right:25px;}
.in_con01 .more:hover a i{
  -webkit-animation: bounce 1s;
  -moz-animation: bounce 1s;
  -o-animation: bounce 1s;
  -ms-animation: bounce 1s;
  animation: bounce 1s;
}

.in_news{z-index: 90;position: absolute;bottom: 0px;left: 0px;
  background: #303030;background: rgba(0,0,0,0.3);
  border-right:1px solid #5d5b62;border-top:1px solid #5d5b62;
  padding:20px 50px 30px 100px;
  color: #fff;width: 430px;height:90px;overflow: hidden;
}
.in_news a{color: #fff;}
.in_news .left{float: left;width: 230px;padding-top: 20px;}
.in_news .left p{font-size: 16px;overflow: hidden;line-height:1.5;height:3em;overflow:hidden;}
.in_news .left p.other{color: #999;font-size: 12px;display:none;}
.in_news .right{float: left;width: 100px;margin-left: 100px;height: 100px;position: relative;}
.in_news .right>*{position: absolute;}
.in_news .right em{font-size: 30px;left: 20px;}
.in_news .right i{font-size: 16px;left: 55px;top:50px;}
.in_news .right span{font-size: 12px;right:0px;top: 30px;}
.in_news .right q{display: block;width: 1px;height: 40px;background: #fff;left: 50px;top: 30px;transform:rotate(45deg);}
.in_news .bx-wrapper{margin-bottom: 0;}
.in_news .bx-wrapper .bx-pager{bottom: 0;text-align: left;}
.in_news .bx-wrapper .bx-pager.bx-default-pager a{border-radius: 0;background: #fff;}
.in_news .bx-wrapper .bx-pager.bx-default-pager .active a{background: #d7000f;}
@media only screen and (max-width: 1440px){
  .in_news{padding:20px 20px 30px 20px;width: 360px;}
  .in_news .right{margin-left: 10px;}
}
@media only screen and (max-width: 1366px){
  .in_news .right em{font-size: 20px;left: 30px;top: 10px;}
  .in_con01 .text{margin-bottom: 80px;}
  .in_news{padding:0px 10px 10px 20px;}
}
@media only screen and (max-width: 1200px){
  .in_news{bottom: 80px;border-bottom: 1px solid #5d5b62;}
}
@media only screen and (max-width: 1024px){
  .in_con01{top: 45%;}
}
@media only screen and (max-width: 800px){
  .in_con01 .text{margin-bottom: 1%;}
  .in_con01 h3{letter-spacing:0px;}
  .in_con01 p{letter-spacing:0;}
  .in_con01 .more{margin-left: 8px;}
  .in_con01 .more a{width: 150px;}
}
@media only screen and (max-width: 767px){
  .in_con01{width: 90%;text-align: center;}
  .in_con01 .more a{background: transparent;}
  .in_news{width: 100%;box-sizing:border-box;padding:0px 10px;height: 100px;border-right: 0;}
  .in_news .right{margin-left: 0; }

  .in_news .left{width: 240px;}
}
@media only screen and (max-width: 320px){
  .in_con01 .text{margin-bottom: 100px;}
  .in_con01 .more a{width: 120px;}
  .in_con01 .more a i{right: 5px;}
  .in_news .left{width: 195px;}
}
/*第二屏*/
.in_con02,.in_con02_bg{position: absolute;top:0px;bottom: 0px;right: 0px;left:-100%;z-index: 99;overflow: hidden;}
.in_con02_bg{background: rgba(255,255,255,0.5);}
.con02_ul{position: absolute;right: 50px;z-index: 100;top: 50%;transform:translateY(-50%);}
.con02_ul li{width: 380px;height: 100px;border:1px solid #fff;color: #fff;cursor:pointer;
  line-height: 100px;margin-top:40px;position: relative;overflow: hidden;
}
.con02_ul li q{position: relative;z-index: 5;text-indent:60px;display: block;}
.con02_ul li i{position: absolute;top:35px;right:-60px;opacity: 0;z-index: 2;width:193px;display: block;}
.con02_ul li i img{width: 100%;}
.con02_ul li em{position: absolute;right: -100%;top:0;z-index: 1;display: block;width: 380px;}
.con02_ul li em img{width: 100%;}
.con02_ul li.li1{margin-top: 0px;background: url("../img/con02_ul_bg01.png"/*tpa=http://www.hanergy.com/hanneng/img/con02_ul_bg01.png*/) no-repeat right bottom;}
.con02_ul li.li2{background: url("../img/con02_ul_bg02.png"/*tpa=http://www.hanergy.com/hanneng/img/con02_ul_bg02.png*/) no-repeat right bottom;}
.con02_ul li.li2 i{top:25px;right:-45px;}
.con02_ul li.li3{background: url("../img/con02_ul_bg03.png"/*tpa=http://www.hanergy.com/hanneng/img/con02_ul_bg03.png*/) no-repeat right bottom;}

.con02_ul li.no_background{background-image: none;}

.con02_tab{position: relative;}
.con02_tab>div{opacity: 0;position: absolute;top: 0px;left: 0px;right:0;}
.con02_tab>div:first-child{opacity: 1;}
.c02_text{position: absolute;top: 50%;left: 50px;z-index: 9;width:680px;transform:translateY(-50%);color:#fff;}
.c02_text .p{margin-top:50px;margin-bottom: 140px;}
.c02_text .btn a{position: relative;;display:block;width:206px;height:38px;line-height:38px;text-align:center;color:#fff;background: url("../img/index_pro.png"/*tpa=http://www.hanergy.com/hanneng/img/index_pro.png*/) no-repeat;}
.c02_text .btn a i{position: absolute;right: 30px;top: 50%;margin-top:-3px;}
.c02_text .btn:hover a i{
  -webkit-animation: bounce 1s;
  -moz-animation: bounce 1s;
  -o-animation: bounce 1s;
  -ms-animation: bounce 1s;
  animation: bounce 1s;
}
@media only screen and (max-width: 1366px){
  .con02_ul li{width: 300px;height: 80px;line-height: 80px;background-size: 80%;margin-top:30px;}
  .con02_ul li em{width: 300px;}
  .con02_ul li i{width: 150px;}
  .con02_ul li q{text-indent: 30px;}
  .c02_text .p{margin-top: 30px;margin-bottom: 100px;}
}
@media only screen and (max-width: 1100px){
  .c02_text{width: 550px;}
}
@media only screen and (max-width: 800px){
  .con02_ul{top: 150px;transform:translateY(0);left: 0px;right:0px;}
  .con02_ul li{width: 31.3%;float:left;margin-left: 1%;margin-right: 1%;
    margin-top:30px;margin-top:0;-webkit-box-sizing:border-box;box-sizing:border-box;
  }
  .con02_ul li em{width: 100%;}
  .con02_ul li em img{height: 78px;}
  .con02_ul li i{width: 130px;right: -15px;}
  .con02_ul li.li2 i{top:30px;right:-20px;}
  .con02_ul li.li3 i{top: 45px;right: -9px;}
}
@media only screen and (max-width: 600px){
  .c02_text{width: auto;left:10px;right: 10px;top:300px;transform:translateY(0);}
  .c02_text .p{margin:10px 0 40px;}
  .con02_ul{top: 200px;}
  .con02_ul li{height:50px;line-height: 50px;text-align: center;}
  .con02_ul li em img{height: 48px;}
  .con02_ul li i{width: 80px;top: 30px;}
  .con02_ul li.li2 i{top:25px;right:-10px;}
  .con02_ul li.li3 i{top: 35px;right:-10px;}
  .con02_ul li q{text-indent: 0;}
}
@media only screen and (max-width: 320px){
  .con02_ul{top: 150px;}
  .c02_text{top: 250px;}
}
/*第三屏*/
.in_con03,.in_con03_bg{position: absolute;top:0px;bottom: 0px;right: 0px;left:-100%;z-index: 99;overflow: hidden;}
.in_con03_bg{background: rgba(255,255,255,0.5);}
.sPage0_img img{position: absolute;top: 0px;}
.sPage0_img .div_img{position: absolute;left: 50%;top: -200px;transform:translateX(-50%);width: 55%;}
.lt9 .sPage0_img .div_img{margin-left: -490px;}
.sPage0_img .div_img img{width: 100%;}
.sPage0_img img.img1{
  animation: rotate_o 10s infinite;
}
.sPage0_img img.img2{
  animation: rotate_o 15s infinite;
}
.sPage0_img img.img3{
  animation: rotate_t 11s infinite;
}
.sPage0_img img.img4{
  animation: rotate_o 17s infinite;
}
.sPage0_img img.img5{
  animation: rotate_t 12s infinite;
}
.sPage0_img img.img6{
  animation: rotate_o 17s infinite;
}
@keyframes rotate_o{
  0%{
    transform:rotate(0)
  }
  100%{
    transform:rotate(360deg)
  }
}
@keyframes rotate_t{
  0%{
    transform:rotate(0)
  }
  100%{
    transform:rotate(-360deg)
  }
}
.c03_text{position: absolute;top: 40%;left: 0px;right: 0px;z-index: 9;transform:translateY(-50%);}
.c03_text h3{text-align:center;color: #fff;}
.c03_text .btn a{display: block;background: rgba(0,0,0,0.5);width:200px;position: relative;
  height: 35px;line-height: 35px;text-align: center;color: #fff;transition:all 0.5s ease-in-out;
  margin:100px auto 0;border-radius: 35px;
}
.c03_text .btn i{position: absolute;top: 50%;right: 40px;margin-top: -11px;transition:all 0.5s ease-in-out;width:22px;height: 22px;display: inline-block;}
.c03_text .btn a:hover{background: rgba(215,0,15,0.8);}
.c03_text .btn a:hover i{transform:rotate(360deg);}
.c03_ul{position: absolute;bottom: 10%;left: 0px;right: 0px;z-index: 9;transform:translateY(-50%);
  width: 500px;background: rgba(0,0,0,0.5);margin:0 auto;
  padding:10px 70px;border-radius: 55px;
}
.c03_ul li{float: left;width: 14.2%;text-align: center;}
/*pad1366*/
.h1366.phone_body .sPage0_img .div_img{width: 123%;}
.h1024.phone_body .sPage0_img .div_img{width: 77%;}
@media only screen and (max-width: 1600px){
  .sPage0_img .div_img{width: 65%;top:-250px;}
}
@media only screen and (max-width: 1366px){
 .sPage0_img .div_img{width: 58%;top:-200px;}
}
@media only screen and (max-width: 1340px){
  .sPage0_img .div_img{top:-150px;}
}
@media only screen and (max-width: 1024px){
  .sPage0_img .div_img{width: 77%;}
}
@media only screen and (max-width: 800px){
  .sPage0_img .div_img{width: 130%;}
}
@media only screen and (max-width: 600px){
  .sPage0_img .div_img{width: 185%;}
  .c03_ul{width: 100%;box-sizing:border-box;padding:10px 20px;}
}
@media only screen and (max-width: 320px){
  .sPage0_img .div_img{width: 200%;}
  .phoneX .sPage0_img .div_img{width: 220%}
}

/*第四屏*/
.in_con04,.in_con04_bg{position: absolute;top:0px;bottom: 0px;right: 0px;left:-100%;z-index: 99;overflow: hidden;}
.in_con04_bg{background: rgba(255,255,255,0.5);}
.c04_text{position: absolute;left: 10%;top:30%;z-index: 9;width:600px;}
.c04_text *{color: #fff;}
.c04_text p{font-size: 16px;}
.c04_text h3{font-size: 48px;font-weight: 700;line-height: 1;}
.c04_text .p3{margin:50px 0 100px;}
.c04_text .p4{margin-top: 20px;}
.c04_text .p4 a{color:#d7000f;}
.c04_text .more a{
    border:1px solid transparent;
    margin:30px 0 0 0;
    position: relative;
    display: block;
    width: 206px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background: url("../img/index_pro.png"/*tpa=http://www.hanergy.com/hanneng/img/index_pro.png*/) no-repeat;
}
.c04_text .more a:hover{background: url("../img/index_pro.png"/*tpa=http://www.hanergy.com/hanneng/img/index_pro.png*/) no-repeat;}
.c04_text .more a i{border-left-color:#fff;
  position: absolute;right: 30px;top: 50%;margin-top: -3px;
}
.c04_video_btn{position: absolute;right: 10%;top:50%;z-index: 9;}
.c04_video_btn li{margin-bottom: 30px;cursor: pointer;}
.c04_video_btn li:nth-of-type(1){background: url("../flash/c04_bg01.png"/*tpa=http://www.hanergy.com/hanneng/flash/c04_bg01.png*/) no-repeat right bottom;}
.c04_video_btn li:nth-of-type(2){background: url("../flash/c04_bg05.png"/*tpa=http://www.hanergy.com/hanneng/flash/c04_bg05.png*/) no-repeat right bottom;}
.c04_video_btn li.no_background{background: transparent;}
.c04_video_btn li i{width: 130px;bottom:0px;top:auto;right:-15px;}
.c04_video_btn li.li2 i{top:auto;right: -15px;}
.c04_video_btn li q{display: inline-block;line-height: 20px;width:150px;height: 20px;background: url("../flash/c04_play.png"/*tpa=http://www.hanergy.com/hanneng/flash/c04_play.png*/) no-repeat right center;}
.in_con04 .sPage0_video em{width: 100%;height:100%;background: rgba(0,0,0,0.4);position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;}

@media only screen and (max-width: 1366px){
  .c04_text .p3{margin:50px 0;}
}
@media only screen and (max-width: 1200px){
  .c04_text{width: 400px;top:20%;}
  .c04_text .p3 div.edit{height:12em;line-height: 1.5;overflow-y:auto;}
  .c04_video_btn li q{width: 120px;}
}
@media only screen and (max-width: 800px){
  .c04_video_btn{top:150px;right:0px;}
  .c04_video_btn li{width:48%;}
  .c04_text{top:300px;}
}
@media only screen and (max-width: 767px){
  .c04_text{top:240px;width: auto;left: 10px;right: 100px;}
  .c04_text p{font-size: 16px;}
  .c04_text h3{font-size: 34px;}
  .c04_text .p3{margin: 20px 0;}
  .c04_text a{font-size: 18px;height: 46px;line-height: 46px;width: 140px;background-size: cover;}
  .c04_text .p3 div.edit{height: 7.5em;}
}
.c04_vi_bg{display:none;background: rgba(0,0,0,0.7);z-index: 9999999;
  position: fixed;top:0px;left: 0px;right: 0px;bottom: 0px;
}
.c04_vi_con{width: 80%;position: absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.c04_vi_con video{width: 100%;}
.c04_vi_con .close_btn{float:right;width: 30px;height: 30px;text-align:center;line-height:30px;cursor:pointer;font-family: Aril;font-size: 20px;background: #000;color: #fff;}
@media only screen and (max-width: 767px){
  .c04_vi_con{width: 95%;}
}
/*切换按钮*/
.index_btn{width: 356px;position: absolute;bottom: 20px;left: 50%;margin-left: -178px;z-index: 999;}
.index_btn:after{content: "";display: block;width: 4px;height: 4px;background: #fff;border-radius: 4px;position: absolute;right: 24px;bottom:0px;}
.index_btn li{text-indent:4px;cursor:pointer;float:left;
  background:url("../img/index_nav.png"/*tpa=http://www.hanergy.com/hanneng/img/index_nav.png*/) no-repeat left bottom;
  width:83px;height:50px;line-height: 50px;text-align: center;
  color: #fff;position: relative;
}
.index_btn li em{opacity: 1;}
.index_btn li q{position: absolute;bottom: 1px;left: 0px;width: 100%;display: block;height: 1px;background: #fff;}
.index_btn li:hover em{opacity: 1;color: #d7000f;font-weight: 700;}
.index_btn li.hover{background:url("../img/index_navH.png"/*tpa=http://www.hanergy.com/hanneng/img/index_navH.png*/) no-repeat left bottom;}
.index_btn li.hover em{opacity: 1;color: #d7000f;font-weight: 700;}
.index_btn li q{width: 100%;animation: widthA 5s infinite;}
.index_btn li.hover q{width: 0%;animation: initial;}
@media only screen and (max-width: 320px){
  .index_btn{width: 300px;margin-left: -150px;}
  .index_btn li{width: 68px;}
}
@keyframes widthA{
  0%{
    width: 0%;
  }
  50%{
    width: 55%;
  }
  100%{
    width: 0%;
  }
}



/*内页面包屑*/
.crumb{background: #eaeaea;position: relative;overflow: hidden;height: 80px;left:0;}
.crumb_con{float: left;margin-left: 70px;}
.crumb_con .tit{height:80px;line-height:80px;float: left;width: 170px;margin-right: 20px;background: url("../img/crum_jt.png"/*tpa=http://www.hanergy.com/hanneng/img/crum_jt.png*/) no-repeat right center;}
.crumb_con ul{height:80px;line-height:80px;float: left;}
.crumb_con ul li{float: left;margin-left: 40px;text-align: center;position: relative;height: 100%;}
.crumb_con ul li a{display: block;padding:0 10px;color:#303030;}
.crumb_con ul li i{display: block;padding:0 10px;color:#303030;}
.crumb_con ul li a:after{content: "";position: absolute;bottom: 0px;right: 0px;left: 0px;height: 4px;}
.crumb_con ul li.active a:after{display: block;background: #d7000f;}
.crumb_con ul li a:hover:after{display: block;background: #d7000f;}
.other_crumb.crumb{position: fixed;top: 0;left: 0px;right:0;z-index: 99999;}

.touch_body .crumb_con ul li a:hover:after{display: block;background: #eaeaea;}
.touch_body .crumb_con ul li.active a:after{display: block;background: #d7000f;}

.other_navbtn{float: left;overflow: hidden;}
.other_navbtn .nav_btn{height: 80px;background: #c0c0c0;opacity: 0;position:relative;top:-100px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.other_navbtn .logo{height: 80px;line-height: 80px;opacity: 0!important;position:relative;top:-100px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.lt9 .other_navbtn .logo{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.lt9 .other_navbtn .nav_btn{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.other_crumb .other_navbtn .nav_btn{opacity: 1;top:0;}
.other_crumb .other_navbtn .logo{opacity: 1!important;top:0;}
.lt9 .other_crumb .other_navbtn .logo{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.lt9 .other_crumb .other_navbtn .nav_btn{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}

.phone_crumb{display: none;}

@media only screen and (max-width: 1500px){
  .about_crumb.crumb_con ul li{padding:0;margin-left: 5px;}
}

@media only screen and (max-width: 1400px){
  .crumb{height: 70px;}
  .other_navbtn .nav_btn{height: 70px;}
  .other_navbtn .logo,.crumb_con .tit,.crumb_con ul{height: 70px;line-height: 70px;}
}
@media only screen and (max-width: 1366px){
  .crumb_con .tit{width: 120px;}
  .crumb{height: 50px;}
  .other_navbtn .nav_btn{height: 50px;}
  .other_navbtn .logo,.crumb_con .tit,.crumb_con ul{height: 50px;line-height: 50px;}
}
@media only screen and (max-width: 1320px){
  .about_crumb.crumb_con ul li{margin-left: 20px;}
}
@media only screen and (max-width: 1200px){
  .crumb_con{margin-left: 30px;}
  .crumb_con .tit{width: 115px;margin-right: 10px;}
  .crumb_con ul li{margin-left: 0px;padding:0 10px;}

  .about_crumb.crumb_con ul li{padding:0;margin-left: 5px;}
}
@media only screen and (max-width: 1024px){
  .crumb{display: block;}
  .crumb .other_navbtn{display: none;}
  .phone_crumb{display: block;background: #f9f9f9;}
  .phone_crumb ul{padding:10px 0;overflow: hidden;}
  .phone_crumb li{float: left;margin:0 7px;width: 60px;text-align: center;border-bottom: 1px solid #f9f9f9;}
  .phone_crumb li:hover{border-bottom: 1px solid #d7000f;}
  .phone_crumb li.hover{border-bottom: 1px solid #d7000f;}
  .phone_crumb li a{font-size: 12px;}
}
@media only screen and (max-width: 800px){
  .crumb{padding:  0 10px;}
  .crumb_con{margin-left: 70px;}
  .o_crumb .crumb_con ul li{padding:0 2px;}
  .o_crumb .crumb_con ul li a{padding:0 5px;}
  .o_crumb .crumb_con .tit{width: 95px;}
  .o_crumb .crumb_con{margin-left: 10px;}
  
  .about_crumb.crumb_con{margin-left: 0px;}
  .about_crumb.crumb_con ul li{margin-left: 0;}
}

@media only screen and (max-width: 767px){
  .crumb{height: auto;padding:0;}
  .crumb_con{float: left;margin-left: 0;}
  .crumb_con .tit{width: auto;background: none;height: 60px;line-height: 60px;}
  /*.crumb_con ul{display: none;}*/

  .other_navbtn .nav_btn{height: 60px;width:60px;}
  .other_crumb .other_navbtn .nav_btn span{width: 30px;margin-left: -15px;}
  .other_crumb .other_navbtn .nav_btn span:after{width: 30px;top:10px;}
  .other_crumb .other_navbtn .nav_btn span:before{width: 30px;top:-10px;}
  .other_navbtn .logo{height: 60px;line-height: 60px;margin-left: 10px;width: 140px;}

  /*.about_crumb.crumb_con .tit{display: block;}*/
  .crumb_con .tit{display: none;}
  .other_navbtn .logo, .crumb_con .tit, .crumb_con ul{height: auto;line-height: 1.5;}
  .crumb_con ul{padding:10px 5px;}
  .crumb_con ul li{padding:5px 0!important;}
  .crumb_con ul li a:after{height: 2px;}

}
.fixed_nav{position: fixed;top: 50%;left: 50px;transform:translateY(-50%);z-index: 99;}
.fixed_nav li{width: 30px;height: 30px;background: url("../img/fixed_ico.png"/*tpa=http://www.hanergy.com/hanneng/img/fixed_ico.png*/) no-repeat;position: relative;height: 70px;}
.fixed_nav li a{display: block;width: 30px;height: 30px;text-indent:-9999px;cursor:pointer;}
.fixed_nav li:after{content: "";display: block;position: absolute;top: -40px;left: 50%;margin-left:-1px;width: 1px;height: 40px;background:#bcbcbc;}
.fixed_nav li:first-child:after{display: none;}
.fixed_nav li.active{background: url("../img/fixed_ico01.png"/*tpa=http://www.hanergy.com/hanneng/img/fixed_ico01.png*/) no-repeat;}
@media only screen and (max-width: 1366px){
  .fixed_nav{top: 60%;left:10px;}
}
@media only screen and (max-width: 1100px){
  .fixed_nav{display: none!important;}
}

/*案例详情页*/
.pro_con>h3{text-align: center;}
.pro_con01{position: relative;z-index: 9;height: 0px;padding-bottom: 56%;overflow: hidden;}
#sync1 .owl-item{overflow: hidden;}
#sync1 .owl-item img{width: 100%;}
#sync1.owl-theme .owl-controls{position: absolute;bottom: 50%;left:0px;right:0px;text-align: left;z-index: 99;}
#sync1.owl-theme .owl-controls .owl-buttons div{display: block;opacity: 1;
  width: 40px;height: 60px;border-radius: 0;padding:0;text-align: center;font-size: 16px;
}
#sync1.owl-theme .owl-controls .owl-buttons div.owl-prev{background: rgba(0,0,0,0.8) url("../img/slider_left.png"/*tpa=http://www.hanergy.com/hanneng/img/slider_left.png*/) no-repeat center;float: left;}
#sync1.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background: rgba(0,0,0,0.8) url("../img/slider_leftH.png"/*tpa=http://www.hanergy.com/hanneng/img/slider_leftH.png*/) no-repeat center;}
#sync1.owl-theme .owl-controls .owl-buttons div.owl-next{background: rgba(0,0,0,0.8) url("../img/slider_right.png"/*tpa=http://www.hanergy.com/hanneng/img/slider_right.png*/) no-repeat center;float: right;}
#sync1.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background: rgba(0,0,0,0.8) url("../img/slider_rightH.png"/*tpa=http://www.hanergy.com/hanneng/img/slider_rightH.png*/) no-repeat center;}

.small_img{position: absolute;bottom: 0px;left: 0%;right:0px;background: rgba(50,50,50,0.7);padding:30px;}
.small_img .small_img_right{max-width:1240px;}
#sync2 .owl-item{position: relative;padding-right:20px;-webkit-box-sizing:border-box;box-sizing:border-box;height: 0px;padding-bottom: 5%;overflow: hidden;}
#sync2 .owl-item img{width: 100%;}
#sync2 .owl-item:before{content: "";background:rgba(0,0,0,0.5);display:block;position: absolute;top:0px;left:0px;bottom:0;right:20px;-webkit-box-sizing:border-box;box-sizing:border-box;}
#sync2 .owl-item.synced:before{border:1px solid #ed6c00;background:rgba(0,0,0,0);}
@media only screen and (max-width: 1000px){
  .small_img{padding:10px;}
}
@media only screen and (max-width: 767px){
  #sync1.owl-theme .owl-controls .owl-buttons div{width:30px;height: 30px;}
  .small_img{display:none;}
  #sync1.owl-theme .owl-controls{margin-bottom: -20px;}
}
.pro_con02 .bx-wrapper .bx-caption span{font-size: 24px;text-align: center;}
.pro_con02 .bx-wrapper .bx-controls-direction a{top:auto;bottom: 15px;width:17px;height: 30px;margin-top: -30px;}
.pro_con02 .bx-wrapper .bx-prev{background: url("../img/pro_ico01.png"/*tpa=http://www.hanergy.com/hanneng/img/pro_ico01.png*/) no-repeat center;left:20px;}
.pro_con02 .bx-wrapper .bx-next{background: url("../img/pro_ico02.png"/*tpa=http://www.hanergy.com/hanneng/img/pro_ico02.png*/) no-repeat center;right:20px;}
.pro_con02 .bx-wrapper .bx-prev:hover{background: url("../img/pro_ico03.png"/*tpa=http://www.hanergy.com/hanneng/img/pro_ico03.png*/) no-repeat center;}
.pro_con02 .bx-wrapper .bx-next:hover{background: url("../img/pro_ico04.png"/*tpa=http://www.hanergy.com/hanneng/img/pro_ico04.png*/) no-repeat center;}
@media only screen and (max-width: 1440px) {
  .pro_con02 .bx-wrapper .bx-caption span{font-size: 20px}
}
@media only screen and (max-width: 1366px){
  .pro_con02 .bx-wrapper .bx-controls-direction a{bottom: 9px;}
}
@media only screen and (max-width: 1024px) {
  .pro_con02 .bx-wrapper .bx-caption span{font-size: 18px}
}
@media only screen and (max-width: 767px) {
  .pro_con02 .bx-wrapper .bx-caption span{font-size: 16px}
  .pro_con02 .bx-wrapper .bx-controls-direction a{bottom: 11px;width: 15px;height: 20px;background-size: cover!important;}
}
.pro_con03{max-width: 1180px;margin-left:auto;margin-right:auto;}
.pro_con03 li{width: 280px;float:left;margin-right: 20px;position: relative;overflow: hidden;}
.pro_con03 li img{width: 100%;}
.pro_con03 li p{font-size: 12px;width: 100%;
  line-height:1.5;overflow:hidden;
  position: absolute;bottom: 0px;left: 0px;background: rgba(0,0,0,0.5);color:#fff;
  padding:10px;transition:all 0.3s ease-in-out;
  box-sizing:border-box;
}
.pro_con03 li:hover p{background: #000;}
.pro_con03 .bx-wrapper a{width: 35px;height:55px;margin-top: -55px;}
.pro_con03 .bx-wrapper .bx-prev{background: url("../img/pro_left.png"/*tpa=http://www.hanergy.com/hanneng/img/pro_left.png*/) no-repeat center;left:-50px;}
.pro_con03 .bx-wrapper .bx-next{background: url("../img/pro_right.png"/*tpa=http://www.hanergy.com/hanneng/img/pro_right.png*/) no-repeat center;right:-50px;}
.pro_con03 .bx-wrapper .bx-prev:hover{background: url("../img/slider_leftH.png"/*tpa=http://www.hanergy.com/hanneng/img/slider_leftH.png*/) no-repeat center;}
.pro_con03 .bx-wrapper .bx-next:hover{background: url("../img/slider_rightH.png"/*tpa=http://www.hanergy.com/hanneng/img/slider_rightH.png*/) no-repeat center;}

@media only screen and (max-width: 1230px){
  .pro_con03 .bx-wrapper .bx-controls-direction a{top: 55%;}
  .pro_con03 .bx-wrapper .bx-prev{left:10px;}
  .pro_con03 .bx-wrapper .bx-next{right:10px;}
}
@media only screen and (max-width: 767px){
  .pro_con03 .bx-wrapper a{width: 15px;height: 20px;background-size: cover!important;}
  .pro_con03 .bx-wrapper .bx-controls-direction a{top: 65%;}
}
/*产品与案例*/
.pro_case_con01{position: relative;}
.pro_case_con01>img{width: 100%;}
.pro_case_bg{/*background: url(../img/pro_case_img01.png);*/background:rgba(0,0,0,0.4);position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 2;}
.pro_case_con01 .p{position: absolute;top: 0px;left: 50%;margin-left: -553px;z-index: 3;width:1106px;}
.pro_case_con01 .p h3{color: #fff;}
.pro_case_con01 .p p{width: 820px;color: #fff;line-height: 1.8;}
.pro_case_con01 .p a{display: block;color: #fff;border:1px solid #d7000f;width:115px;text-align:center;line-height:35px;height: 35px;border-radius: 35px;background: #d7000f;position: relative;}
.pro_case_con01 .p a i{position: absolute;right: 5px;top: 50%;margin-top: -4px;
  width: 0px;height: 0px;display: block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 8px solid #fff;
  border-right: 8px solid transparent;
}
.pro_case_con01 .p a:hover{color: #d7000f;border:1px solid #d7000f;background: transparent;}
.pro_case_con01 .p a:hover i{border-left: 8px solid #d7000f;}
.pro_case_con01 .pro_tab{position: absolute;bottom: 60px;left: 50%;margin-left: -553px;width:1106px;z-index: 3;}
.pro_case_con01 .pro_tab li{float: left;margin-left: 1px;width: 220px;text-align:center;height: 60px;line-height: 60px;}
.pro_case_con01 .pro_tab li a{color: #fff;display:block;background: rgba(0,0,0,0.2);}
.pro_case_con01 .pro_tab li a:hover{background: rgba(0,0,0,0.5);}
.pro_case_con01 .pro_tab li img{vertical-align: middle;margin-right: 15px;margin-top: -6px;transition:all 0.5s ease-in-out;}
.pro_case_con01 .pro_tab li:hover img{transform:translateX(3px);}
@media only screen and (max-width: 1530px){
  .pro_case_con01 .pro_tab{bottom: 30px;}
}
@media only screen and (max-width: 1130px){
  .pro_case_con01 *{-webkit-box-sizing:border-box;box-sizing:border-box;}
  .pro_case_con01 .p{width: 90%;padding-right: 20px;padding-left: 20px;margin-left: 0;transform:translateX(-50%);}
  .pro_case_con01 .pro_tab{width: 90%;padding-right: 20px;padding-left: 20px;margin-left: 0;transform:translateX(-50%);}
  .pro_case_con01 .pro_tab li{width: 19.5%;height: 40px;line-height: 40px;}
}
@media only screen and (max-width: 900px){
  .pro_case_con01 .p p{width: 95%;line-height: 1.5;height: 7.5em;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:5;*/
    overflow:hidden;
  }
  .pro_case_con01 .pro_tab{bottom: 10px;}
  .pro_case_con01 .p a{line-height: 32px;}
}
@media only screen and (max-width: 767px){
  .pro_case_bg{display: none;}
  .pro_case_con01 .p{position: static;width:100%;padding-right:10px;padding-left:10px;transform:translateX(0);}
  .pro_case_con01 .p h3{color: #747474;}
  .pro_case_con01 .p p{color: #747474;width: 100%;height: auto;-webkit-line-clamp:initial;}
  .pro_case_con01 .p a{border-radius: 3px;}
  .pro_case_con01 .pro_tab{position: static;transform:translateX(0);width: 100%;padding-left: 10px;padding-right: 10px;margin-top: 20px;margin-bottom: 20px;}
  .pro_case_con01 .pro_tab li{width: 49.8%;margin-top: 2px;}
  .pro_case_con01 .pro_tab li:nth-of-type(2n-1){margin-left: 0;}
  .pro_case_con01 .pro_tab li a{background: rgba(0,0,0,1);}
}
.pro_case_con02{background: url("../img/pro_case_con02.jpg"/*tpa=http://www.hanergy.com/hanneng/img/pro_case_con02.jpg*/) no-repeat center bottom;}
.pro_case_con02>h3{text-align: center;}
.pro_case_con02>.p{text-align: center;color: #797979;width: 805px;margin-right:auto;margin-left: auto;line-height: 1.8;}
.p_c_con02_list dl{width: 400px;float: left;margin-right:40px;margin-bottom: 40px;position: relative;}
.p_c_con02_list dl.n3{margin-right: 0;}
.p_c_con02_list dl dt{height: 0px;padding-bottom: 75%;width: 100%;overflow: hidden;}
.p_c_con02_list dl dt img{width: 100%;}
.p_c_con02_list dl dd{height: auto;background: rgba(0,0,0,0.5);transition:all 0.5s ease-out;position: absolute;bottom: 0px;left: 0px;right: 0px;}
.p_c_con02_list dl dd a{display: block;width: 90%;margin-left:auto;margin-right:auto;padding:10px 0;color: #fff;}
.p_c_con02_list dl dd h3{overflow: hidden;line-height:1.5;max-height:3em;overflow:hidden;transition:all 0.5s ease-out;}
.p_c_con02_list dl dd h3.fnt_18{font-size: 16px;}
.p_c_con02_list dl dd p{color: #797979;margin-top: 10px;overflow: hidden;transition:all 0.5s ease-out;display: none;
  line-height: 1.5;height: 3em;
  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;*/
}
.p_c_con02_list dl:hover dt img{transform:scale(1.05);}
.p_c_con02_list dl:hover dd{background: #000;}
@media only screen and (max-width: 1366px){
  .p_c_con02_list dl{width: 340px;}
}
@media only screen and (max-width: 1200px){
  .p_c_con02_list dl{width: 32%;margin-right: 2%;}
  .p_c_con02_list dl dd{height: auto;}
  .p_c_con02_list dl dd a{padding:10px 0;}
}
@media only screen and (max-width: 810px){
  .pro_case_con02>*{-webkit-box-sizing:border-box;box-sizing:border-box;}
  .pro_case_con02>.p{width: 100%;padding-right: 10px;padding-left: 10px;}
}
@media only screen and (max-width: 767px){
  .p_c_con02_list dl{width: 49%;margin-right: 2%;margin-bottom: 10px;}
  .p_c_con02_list dl.n3{margin-right: 2%;}
  .p_c_con02_list dl:nth-of-type(2n){margin-right: 0;}
}

/*案例列表*/
.case_list{background: #fbfbfb;}
.case_list .left{width: 200px;margin-right: -200px;float: left;position: relative;z-index: 2;}
.case_list .left li{padding:15px 0;border-bottom: 1px solid #e4e4e4;}
.case_list .left li:first-child{border-top:1px solid #e4e4e4;}
.case_list .left li a{padding-left: 20px;border-left: 4px solid #fbfbfb;display: block;line-height: 1.4;}
.case_list .left li a:hover{border-left: 4px solid #d7000f;color: #d7000f;}
.case_list .left li.hover a{border-left: 4px solid #d7000f;color: #d7000f;}
.case_list .right{float: left;width: 100%;}
.case_list .right .right_con{padding-left: 280px;}
.case_list .right_con dl{float: left;width:306px;margin-right: 40px;margin-bottom:40px;position: relative;}
.case_list .right_con dl.n3{margin-right: 0;}
.case_list .right_con dl dt{height: 0px;padding-bottom: 75%;width: 100%;overflow: hidden;}
.case_list .right_con dl dt img{width: 100%;}
.case_list .right_con dl dd{background: rgba(0,0,0,0.5);transition:all 0.5s ease-out;position: absolute;bottom: 0px;left: 0px;right: 0px;}
.case_list .right_con dl dd a{display: block;width: 90%;margin-left:auto;margin-right:auto;padding:10px 0;color: #fff;}
.case_list .right_con dl dd h3{color: #fff;overflow: hidden;transition:all 0.5s ease-out;
  line-height: 1.5;max-height: 3em;
  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;*/
}
.case_list .right_con dl dd a.fnt_24{font-size: 12px;}
.case_list .right_con dl:hover dt img{transform:scale(1.05);}
.case_list .right_con dl:hover dd{background: #000;}

.case_list .right_con .right_top{width: 446px;margin-bottom:20px;}
.case_list .right_con .right_top select{width: 306px;height: 35px;text-indent: 10px;line-height: 35px;background: transparent;float: left;margin-right:10px;}
.case_list .right_con .right_top input[type="button"]{width: 120px;height: 35px;line-height: 35px;text-align: center;background: #d7000f;color: #fff;border:0;float:left;border-radius: 35px;}

@media only screen and (max-width: 1366px){
  .case_list .right_con dl dd a{font-size: 16px;}
  .case_list .right_con dl{width: 260px;margin-right:20px;margin-bottom: 20px;}
}
@media only screen and (max-width: 1200px){
  .case_list .right .right_con{padding-left: 220px;}
  .case_list .right_con dl{width: 32%;margin-right: 2%;}
}
@media only screen and (max-width: 1000px){
  .case_list .right_con dl{width: 49%;margin-right: 2%;margin-bottom: 10px;}
  .case_list .right_con dl.n3{margin-right: 2%;}
  .case_list .right_con dl:nth-of-type(2n){margin-right: 0;}
}
@media only screen and (max-width: 767px){
  .case_list .left{width: 100%;margin-right: 0;}
  .case_list .left *{box-sizing:border-box;}
  .case_list .left ul{margin-bottom: 20px;}
  .case_list .left li{width: 50%;float: left;}
  .case_list .left li:nth-of-type(2){border-top: 1px solid #e4e4e4;}
  .case_list .left li a{padding-left: 5px;}
  .case_list .right .right_con{padding-left: 0;}
  .case_list .right_con dl dd a{padding:10px 0;}
  
  .case_list .right_con .right_top{width: 100%;}
  .case_list .right_con .right_top select{width: 70%;}
  .case_list .right_con .right_top input[type="button"]{width: 26%}
}
/*产品与解决方案*/
.program_nav{width: 630px;margin-left: auto;margin-right: auto;margin-bottom: 30px;}
.program_nav dl{float: left;margin-left: 107px;text-align: center;}
.program_nav dl:first-child{margin-left: 0px;}
.program_nav dl dt{height: 45px;overflow: hidden;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.program_nav dl dt a{display: block;height: 100%;width: 100%;}
.program_nav dl dd{margin-top: 15px;}
.program_nav dl.dl_ico01{width: 47px;}
.program_nav dl.dl_ico02{width: 35px;}
.program_nav dl.dl_ico03{width: 38px;}
.program_nav dl.dl_ico04{width: 41px;}
.program_nav dl.dl_ico05{width: 40px;}
.program_nav dl.dl_ico01 dt{background: url("../img/fang_ico01.png"/*tpa=http://www.hanergy.com/hanneng/img/fang_ico01.png*/) no-repeat center -38px;}
.program_nav dl.dl_ico02 dt{background: url("../img/fang_ico02.png"/*tpa=http://www.hanergy.com/hanneng/img/fang_ico02.png*/) no-repeat center bottom;}
.program_nav dl.dl_ico03 dt{background: url("../img/fang_ico03.png"/*tpa=http://www.hanergy.com/hanneng/img/fang_ico03.png*/) no-repeat center bottom;}
.program_nav dl.dl_ico04 dt{background: url("../img/fang_ico04.png"/*tpa=http://www.hanergy.com/hanneng/img/fang_ico04.png*/) no-repeat center bottom;}
.program_nav dl.dl_ico05 dt{background: url("../img/fang_ico05.png"/*tpa=http://www.hanergy.com/hanneng/img/fang_ico05.png*/) no-repeat center bottom;}
.program_nav dl:hover dt{background-position: center top;}
.program_nav dl:hover dd a{color: #d7000f;}
.program_nav dl.dl_ico01:hover dt{background-position: center 7px;}
.program_nav dl.active dt{background-position: center top;}
.program_nav dl.active.dl_ico01 dt{background-position: center 7px;}
.program_nav dl.active.dl_ico03 dt{background-position: center 3px;}
.program_nav dl.active dd a{color: #d7000f;}
@media only screen and (max-width: 1366px){
  .program_nav{margin-bottom: 10px;}
  .program_nav dl dt{height: 32px;background-size: 70%!important;}
  .program_nav dl dd{margin-top: 5px;}
  .program_nav dl.dl_ico01 dt{background-position: center -30px;}
}
@media only screen and (max-width: 1200px){
  .program_nav{margin-bottom: 15px;}
}
@media only screen and (max-width: 650px){
  .program_nav dl dt{background-size: 34%!important;}
  .program_nav dl.dl_ico01 dt{background-position: center -21px;}
  .program_nav{width: 100%;margin-bottom: 10px;}
  .program_nav dl{margin-left: 0%;width: 20%!important;}
  .program_nav dl dd{margin-top:10px;}
}
@media only screen and (max-width: 375px){
  .program_nav dl dt{background-size: 37%!important;}
  .program_nav dl.active.dl_ico04 dt{background-position: center 2px;}
  .program_nav dl.active.dl_ico05 dt{background-position: center 3px;}
}
@media only screen and (max-width: 320px){
  .program_nav dl dt{background-size: 44%!important;}
  .program_nav dl.active.dl_ico05 dt{background-position: center 4px;}
}
.program_con{}
.program_con .p_con{position: relative;}
.program_con .p_con>img{width: 100%;}
.program_con .p_con .program_bg{display:none;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background:rgba(0,0,0,0.3);z-index: 2;}
.program_con .p_con .p{position: absolute;top: 0px;left: 0px;right: 0px;text-align: center;z-index: 3;}
.program_con .p_con .p span{padding:0 10px;display: inline-block;}
.program_con .p_con .p p{color: #57646d;max-width: 1280px;margin-left:auto;margin-right:auto;}
.program_con .p_con03 .p p{max-width:1110px;text-align: left;margin-left:auto;margin-right: auto;line-height: 1.8;}
.program_con .p_con04{color: #fff;}
.program_con .p_con04 dl{width:550px;margin-left: auto;margin-right: auto;}
.program_con .p_con04 dd{float: left;margin-right: 115px;}
.program_con .p_con04 .p dd p{color: #e4e4e4;}
.program_con .p_con04 dd.n3{margin-right: 0;}
.program_con .p_con04 dd p{margin-bottom: 20px;margin-top: 10px;}

@media only screen and (max-width: 1700px){
  .program_con .p_con04 .p h3{margin-top: 50px;}
}
@media only screen and (max-width: 1500px){
  .program_con .p_con04 .more{margin-top: 10px;}
  .program_con .p_con04 dd h4{width: 102px;text-align: center;}
  .program_con .p_con04 dd h4 img{width: 80%;}
}
@media only screen and (max-width: 1400px){
  .program_con .p_con04 .p h3{margin-top: 30px;}
  .program_con .p_con04 dl{margin-top: 20px;}
  /*.program_con .p_con .p p{padding:0 20px;}*/
  .program_con .p_con .p p{font-size: 14px;}
}
@media only screen and (max-width: 1200px){
  .program_con .p_con04 *{box-sizing:border-box;}
  .program_con .p_con04 dl{width: 95%;}
  .program_con .p_con04 dd h4{width: 100%;text-align: center;}
  .program_con .p_con04 dd h4 img{width:50%;}
  .program_con .p_con04 dl dd{padding-right: 2%;padding-left: 2%;width: 20%;margin-right: 0;}
  .program_con .p_con04 dl dd.n3{margin-right: 0%;}
}
@media only screen and (max-width: 1110px){
  .program_con .p_con03 .p p{padding:0 20px;}

  .program_con .p_con04 .p h3{margin-top: 50px;}
  .program_con .p_con04 dl{margin-top: 30px;}
}
@media only screen and (max-width: 1000px){
  .program_con .p_con04 .p h3{margin-top: 20px;}
  .program_con .p_con04 dl{margin-top: 20px;}
}
@media only screen and (max-width: 767px){
  /*.program_con .p_con .program_bg{display: block;}*/
  .program_con .p_con .p{position: static;padding-left:10px;padding-right: 10px;color: #343434;padding-bottom: 20px;}
  .program_con .p_con .p p{color: #747474;-webkit-box-orient: initial;}
  .program_con .p_con .p .more{margin-top: 10px;}
  
  .program_con .p_con03{padding-bottom: 20px;}
  .program_con .p_con03 h3{margin-top: 10px;}
  .program_con .p_con03 .program_bg{display: none;}
  .program_con .p_con03 .p{position: static;color: #474747;}
  .program_con .p_con03 .p p{color: #57646d;padding:0 10px;}
  
  .program_con .p_con04{background: #000;padding-bottom: 20px;}
  .program_con .p_con04 .program_bg{display: none;}
  .program_con .p_con04 .p{position: static;}
  .program_con .p_con04 .p h3{margin-top: 10px;color:#fff;}
  .program_con .p_con04 dl{margin-top: 10px;}
  .program_con .p_con04 dl dd{width: 33.33%;padding:0;}
}
@media only screen and (max-width: 320px){
  .program_con .p_con .p h3{margin-top: 10px;}
  .program_con .p_con .p .more{margin-top: 10px;}
}

.white_color{color: #fff!important;}
.black_font{color: #343434!important;}

.program_con .p_con.white_color{color: #fff;}
.program_con .p_con.white_color .p p{color: #fff;}
.program_con .white_color .more a{color: #fff;border:1px solid #fff;}
.program_con .white_color .more a i{border-left-color:#fff;}
.program_con .white_color .more a:hover{border-color:#d7000f;}
.program_con .white_color .more a:hover i{border-left-color: #fff;}

.program_con .black_font{color: #343434;}
.program_con .black_font .p dd p{color: #343434;}
.program_con .black_font .more a{color: #343434;border:1px solid #343434;}
.program_con .black_font .more a i{border-left-color:#343434;}
.program_con .black_font .more a:hover{border-color:#d7000f;color:#fff;}
.program_con .black_font .more a:hover i{border-left-color: #fff;}

@media only screen and (max-width: 767px){
  .program_con .p_con.white_color .p p{padding:0 20px;color: #303030;}
  .program_con .white_color .more a{border-color:#313134;}
  .program_con .p_con.black_font{background: transparent;}
  .program_con .black_font .more a{color: #fff;}
  .program_con .black_font .more a i{border-left-color:#fff;}
}

.program_con .p_con04.other_ico dl{width:837px;}
.program_con .p_con04.other_ico dd.n3{margin-right: 115px;}
.program_con .p_con04.other_ico dd.n3+dd{margin-right: 0;}
@media only screen and (max-width: 1700px){
  .program_con .p_con04.other_ico .p h3{margin-top: 110px;}
}
@media only screen and (max-width: 1500px){
  .program_con .p_con04.other_ico dd h4{margin:0 auto;}
}
@media only screen and (max-width: 1400px){
  .program_con .p_con04.other_ico .p h3{margin-top: 80px;}
  .program_con .p_con04.other_ico dd{margin-right: 75px;}
  .program_con .p_con04.other_ico dl{margin-top: 30px;}
}
@media only screen and (max-width: 1200px){
  .program_con .p_con04.other_ico .p h3{margin-top: 60px;}
  .program_con .p_con04.other_ico dl dd{margin-right: 0;width: 25%;}
  .program_con .p_con04.other_ico dd.n3{margin-right: 0;}
}
@media only screen and (max-width: 1000px){
  .program_con .p_con04.other_ico .p h3{margin-top: 30px;}
  .program_con .p_con04.other_ico dl{width: 100%;}
}
@media only screen and (max-width: 767px){
  .program_con .p_con04.other_ico .p h3{margin-top: 20px;}
  .program_con .p_con04.other_ico dl{margin-top: 15px;}
  .program_con .p_con04.other_ico dl dd{width: 50%;}
  .program_con .p_con04.other_ico dd h4 img{width: 33%;}
}



/*产业*/
.industry_con{}
.industry_con{position: relative;}
.industry_con>img{width: 100%;}
.industry_con .program_bg{display:none;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background:rgba(0,0,0,0.3);z-index: 2;}
.industry_con .p{width:1090px;margin-left:auto;margin-right:auto;position: absolute;top: 0px;left: 0px;right: 0px;z-index: 3;color:#fff;}
.industry_con .p span{padding:0 10px;display: inline-block;}
.industry_con .p p{color: #e4e4e4;line-height: 2;width: 780px;letter-spacing: 2px;}
.industry_con .more a{margin-left: 0;}
@media only screen and (max-width: 1500px){
  .industry_con .program_bg{display: block}
}
@media only screen and (max-width: 1110px){
  .industry_con *{-webkit-box-sizing:border-box;box-sizing:border-box;}
  .industry_con .p{width: 100%;padding-left:20px;padding-right:20px;}
  .industry_con .p p{line-height: 1.5;max-height:7.5em;overflow: hidden;letter-spacing: 0;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:5;*/
  }
}
@media only screen and (max-width: 820px){
  .industry_con .p p{width: 100%;}
}
@media only screen and (max-width: 767px){
  .industry_con .program_bg{display: none;}
  .industry_con .p{position: static;padding-left:10px;padding-right: 10px;color: #343434;padding-bottom: 20px;}
  .industry_con .p p{color: #747474;-webkit-box-orient: initial;}
  .industry_con .p .more{margin-top: 10px;}
}
/*产业分布详情*/
.industry_con01 .p p{width: 100%;line-height: 1.8;letter-spacing: 0px;}
.industry_con01 .program_bg{display: block;background:rgba(0,0,0,0.4);}
@media only screen and (max-width: 1110px){
  .industry_con01 .p p{
    line-height: 1.5;
    -webkit-box-orient: initial;
    height:12em;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 900px){
  .industry_con01 .program_bg{display: none;}
  .industry_con01 .p{color:#fff;position: static;padding-bottom: 30px;background: #313134;}
  .industry_con01 .p p{height: auto;color: #ccc;}
}
.indu_con{background: #f8f8f8;}
.indu_con dl{margin-bottom: 30px;background: #fff;transition:all 0.7s ease-out;}
.indu_con dd{float: left;width: 430px;margin-right:-430px;position: relative;z-index: 2;}
.indu_con dd h3{padding:0 25px;line-height: 1.3;}
.indu_con dd .p{padding:0 25px;}
.indu_con dt{float: right;width: 100%;height: 541px;overflow: hidden;}
.indu_con dt p{margin-left: 435px;overflow: hidden;}
.indu_con dt p img{width: 100%;}
.indu_con dl:hover{background: #d2d2d2;}
.indu_con dl:hover dt img{transform:scale(1.02);}
.indu_dl .anno{position:relative;padding:15px 8% 15px 0;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;margin-left:25px;margin-right:25px;}
.indu_dl .anno em{position:absolute;left:0;top:15px;background:#d42b40;color:#fff;text-align:center;padding:0 10px;line-height:2;}
.indu_dl .anno .anno_desc{width:100%;padding-left:75px;box-sizing: border-box}
.indu_dl .anno .anno_desc b{font-size:16px;}
.indu_dl .anno .anno_open{text-align:center;}
.indu_dl .anno .anno_open a{display:inline-block;background:#d42b40;color:#fff;font-size:12px;line-height: 1.8;padding:0 15px;text-align:center;}
.indu_con dl:hover .anno{border-top:1px solid #fff;border-bottom:1px solid #fff;}
.fancy-cover{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.8);z-index:100000;overflow:hidden;}
.fancy-container{position:relative;width:60%;padding:5%;margin:6% auto 0;background:#fff;}
.fancy-body h4{font-size:36px;text-align:center;}
.fancy-content{font-size:14px;margin-top:3%;padding:2% 0;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.fancy-content .fancy-scroll{height:360px;}
.fancy-content .context{padding:0 2%;line-height: 1.8}
.fancy-content .context h5{font-size:20px;text-align: center;}
.fancy-content .context p{text-indent: 2em;}
.fancy-download{text-indent: 2em;margin-top:2%;}
.fancy-download a{display:inline-block;background:#d42b40;color:#fff;font-size:12px;padding:0 15px;line-height: 1.8;text-indent: 0}
.fancy-close{position:absolute;width:22px;height:22px;background:url("../img/fancy_close.png"/*tpa=http://www.hanergy.com/hanneng/img/fancy_close.png*/) no-repeat center;background-size:auto 100%;right:5%;top:5%;}
.fancy-lock{overflow:hidden;}
@media only screen and (max-width: 1366px){
  .indu_con dt{height: 426px;}
}
@media only screen and (max-width: 1200px){
  .indu_con dt{height: auto;}
}
@media only screen and (max-width: 900px){
  .indu_con dd{width: 380px;margin-right:-380px;}
  .indu_con dt p{margin-left: 385px;}
  .indu_con dl .p{height: 9em;line-height: 1.5;overflow: hidden;overflow-y: auto;}
}
@media only screen and (max-width: 767px){
  .indu_con dt{float: none;}
  .indu_con dt p{margin-left: 0;}
  .indu_con dd{float: none;margin-right: 0;width: 100%;padding-bottom: 20px;}
  .indu_con dl .p{height: auto;}
  .indu_con dd h3{padding:0 10px;}
  .indu_con dd .p{padding:0 10px;}
}
/*汉能技术*/
.tech_con01 .p h3{text-align: center;}
.tech_con01 .p p{width: 100%;line-height: 1.8;letter-spacing: 0px;color: #fff;}
.tech_con01 .program_bg{display: block;background:rgba(0,0,0,0.5);}
.tech_con01 .more a{margin-left: auto;}
@media only screen and (max-width: 1110px){
  .tech_con01 .p p{
    line-height: 1.5;
    -webkit-box-orient: initial;
    height:12em;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 900px){
  .tech_con01 .program_bg{display: none;}
  .tech_con01 .p{color:#fff;position: static;padding-bottom: 30px;background: #313134;}
  .tech_con01 .p p{height: auto;color: #eee;}
  .tech_con01 .more a{border-color:#fff;}
}
.tech_con02{background:url("../img/tech_con02_bg.jpg"/*tpa=http://www.hanergy.com/hanneng/img/tech_con02_bg.jpg*/) no-repeat center bottom;}
.tech_con02 .h3{text-align: center;}
.tech_con02 .dl dl{width: 580px;float: left;margin-right: 120px;padding:10px;box-sizing:border-box;}
.tech_con02 .dl dl.n2{margin-right: 0;}
.tech_con02 .dl dt{border-left: 2px solid #000;padding-left: 20px;overflow: hidden;}
.tech_con02 .dl dt p{color: #797979;padding-top: 5px;}
.tech_con02 .dl dt p em{display: block;float: left;width:80px;}
.tech_con02 .dl dt p a{color: #797979;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:80%;display: block;float: left;}
.tech_con02 .dl dt p a:hover{text-decoration: underline;}
.tech_con02 .dl dt h4{color: #000;/*margin-top: 10px;*/float: left;}
.tech_con02 .dl dd{padding-left: 20px;margin-top: 25px;color: #797979;}
.tech_con02 .dl dd .p{height:4.5em;overflow: hidden;
  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:3;*/
}
.tech_con02 .dl dd .more a{margin-left: 0;color: #6d6d6f;border-color: #6d6d6f;}
.tech_con02 .dl dd .more a i{border-left-color: #6d6d6f;}
.tech_con02 .dl dl:hover{background: #eaeaea;}
/*.tech_con02 .dl dl:hover dt{border-color:transparent;}*/
/*.tech_con02 .dl dl:hover dt h4{color: #d7000f;}*/
.tech_con02 .dl dl:hover dd .more a{color: #fff;border-color: #fff;background: #d7000f;}
.tech_con02 .dl dl:hover dd .more a i{border-left-color: #fff;}
@media only screen and (max-width: 1366px){
  .tech_con02 .dl dl{width: 525px;margin-right: 50px;}
}
@media only screen and (max-width: 1200px){
  .tech_con02 .dl dl{width: 47%;margin-right: 5%;}
  .tech_con02 .dl dl.n2{float: right;}
  .tech_con02 .dl dd{margin-top: 15px;}
  .tech_con02 .dl dt h4{/*margin-top: 5px;*/}
  .tech_con02 .dl dt p{padding-top: 0;}
}
@media only screen and (max-width: 1000px){
  .tech_con02 .dl dl{margin-bottom: 30px;}
}
@media only screen and (max-width: 800px){
  .tech_con02 .dl dd .more a{width:100px;line-height: 28px;height: 28px; }
}
@media only screen and (max-width: 767px){
 .tech_con02 .dl dl{width: 100%;margin-right: 0;}
 .tech_con02 .dl dt{padding-left: 10px;}
 .tech_con02 .dl dd{padding-left: 10px;margin-top: 5px;}
 .tech_con02 .dl dd .more a{background: transparent; }
}
.tech_con03{background:#ededed url("../img/tech_con03_bg.jpg"/*tpa=http://www.hanergy.com/hanneng/img/tech_con03_bg.jpg*/) no-repeat center bottom;}
.tech_con03 h3{text-align: center;}
.tech_con03 .dl dl{float: left;width: 620px;background: #fff;}
.tech_con03 .dl dl.n2{float: right;}
.tech_con03 .dl dt{float: left;width: 215px;margin-right: -215px;position: relative;z-index: 2;height: 300px;overflow: hidden;}
.tech_con03 .dl dt img{width: 100%;}
.tech_con03 .dl dd{float: left;width: 100%;}
.tech_con03 .dl dd>*{padding-left: 240px;padding-right: 20px;color: #313134;}
.tech_con03 .dl dd .fnt_18{font-size: 16px;}
.tech_con03 .dl dd h4{margin-top: 20px;font-weight: 700}
.tech_con03 .dl dd h4 em{margin-left:5px;font-size: 14px!important;font-weight: normal;}

.tech_con03 .dl dd i{margin-top: 5px;display: block;}
.tech_con03 .dl dd .p{margin-top: 15px;color: #747474;}
@media only screen and (max-width: 1366px){
  .tech_con03 .dl dl{width: 550px;}
}
@media only screen and (max-width: 1200px){
  .tech_con03 .dl dl{width: 48%;margin-right: 4%;}
  .tech_con03 .dl dl.n2{margin-right: 0%;}
}
@media only screen and (max-width: 800px){
  .tech_con03 .dl dl{width: 100%;margin-right: 0;float: none!important;}
}
@media only screen and (max-width: 767px){
  .tech_con03 .dl dt{width:120px;margin-right: -120px;height: 167px;}
  .tech_con03 .dl dd>*{padding-left: 130px;padding-right: 10px;}
  .tech_con03 .dl dd h4{margin-top:5px;}
  .tech_con03 .dl dd i{margin-top: 0px;}
  .tech_con03 .dl dd .p{margin-top: 5px;height: 6em;overflow-y: auto;}
  .tech_con03 .more a{background: transparent;color: #313131; }
  .tech_con03 .more a i{border-left-color: #313131;}
}
@media only screen and (max-width: 320px){
  .tech_con03 .dl dt{width:90px;margin-right: -90px;height: 126px;}
  .tech_con03 .dl dd>*{padding-left: 100px;}
  .tech_con03 .dl dd .p{height: 4.5em;overflow-y: auto;}
}

/*创新技术*/
.innova_con .p p{width: 100%;line-height: 1.8;letter-spacing: 0px;color: #fff;}
.innova_con .program_bg{display: block;background:rgba(0,0,0,0.5);}
.innova_con01{background: #f6f6f6;}
.innova_con01 dl{border-bottom: 1px solid #bfbfbf;padding-bottom: 30px;margin-bottom: 30px;}
.innova_con01 dl.last-child{margin-bottom: 110px;border-bottom: 0;}
.innova_con01 dd{margin-top: 20px;color: #747474;overflow: hidden;}
.innova_con01 dd .p{float: left;width: 100%;}
.innova_con01 dd .p p{padding-right: 120px;line-height: 1.8;}
.innova_con01 dd .btn{float: right;width:67px;margin-left: -67px;position: relative;z-index: 2;margin-top:30px; }
@media only screen and (max-width: 1366px){
  .innova_con01 dl.last-child{margin-bottom: 80px;}
}
@media only screen and (max-width: 1200px){
  .innova_con01 dl.last-child{margin-bottom: 60px;}
}
/*@media only screen and (max-width: 1100px){
  .innova_con .p p{-webkit-box-orient:initial;height: 9em;line-height: 1.5;overflow-y: auto;}
}*/
@media only screen and (max-width: 1000px){
  .innova_con01 dl.last-child{margin-bottom: 30px;}
}
@media only screen and (max-width: 767px){
  .innova_con01 dl.last-child{margin-bottom: 20px;}
  .innova_con{background: #343434;padding-bottom: 20px;}
  .innova_con h3{color: #fff;}
  .innova_con .program_bg{display: none;}
  .innova_con01 dd{overflow: auto;margin-top: 10px;}
  .innova_con01 dd .p p{padding-right: 0;}
  .innova_con01 dl{position: relative;}
  .innova_con01 dl:first-child{margin-top: 10px;}
  .innova_con01 dd .btn{position: absolute;top: -40px;right: 0px;width: 40px;}
  .innova_con01 dd .btn img{width: 100%;}
}
/*视频*/
.video_place{position: fixed;top:0px;left: 0px;right: 0px;
  bottom: 0px;background-color: rgba(0,0,0,0.6);
  z-index: 999999999;
}
.lt9 .video_place{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")}
.video_place .video_con{z-index:2;width: 100%;height: 65%;
  background-color: #000;position: absolute;top: 50%;left: 50%;
  transform: translate(-50%,-50%);text-align: center;
}
.lt9 .video_place .video_con{top:20%;left: 10%;background: #000;}
.video_place .video_con video{width: 100%;height: 100%;}
.video_place .video_close_btn{position: absolute;top:12%;right: 10%;
  width:120px;height: 35px;background: #4F7CC9;
  color: #fff;text-align: center;line-height: 35px;
  cursor: pointer;
}
/*科学家*/
.tech_list{background: #fbfbfb;}
/*研发中心*/
.study{}
.study h3.h3{text-align: center;}
.study div.p{color:#747474;margin-top: 10px;line-height: 1.7;margin-bottom: 20px;}
.study div.a{color: #d7000f;padding:10px 0 0px;}
.study div.a a{color: #747474;}
.study div.a a:hover{color: #d7000f;}
.study div.edit_con_original{padding-top: 20px;}
.edit_con_original img{max-width: 100%;margin:0px auto;display:block;}
/*加入我们*/
.join_con01 h4{}
.join_con01 dl{float: left;margin-right: 100px;}
.join_con01 dl dt img{max-width: 100%;}
.join_con01 dl dd{margin-top: 10px;}
.join_con02 h4{width: 800px;line-height: 1.8;}
.join_con02 div.p a{display: inline-block;color: #fff;position: relative;}
.join_con02 div.p a:after{content: "";position: absolute;left: 0px;right: 25px;bottom: 2px;height: 2px; background: #fff;}
.join_con02 div.p a:hover{color: #d7000f}
.join_con02 div.p a:hover:after{background: #d7000f;}
.join_con03{background: url("../img/join_img03.jpg"/*tpa=http://www.hanergy.com/hanneng/img/join_img03.jpg*/) no-repeat center bottom;}
@media only screen and (max-width: 1366px){
  .join_con01 dl{margin-right: 60px;width:100px;}
  .join_con01 dl dt{text-align: center;}
  .join_con01 dl dt img{width: 80%;}
  .join_con01 dl dd{font-size: 14px;text-align: center;}
}
@media only screen and (max-width: 850px){
  .join_con01 dl{margin-right: 30px;}
  .join_con01 .mt_110{margin-top: 20px;}
  .join_con01 .mt_20{margin-top: 5px;}
  .join_con02 h4{width: 100%;}
}
@media only screen and (max-width:767px){
  .join_con01 .p{background: #343434;}
  .join_con01 h3{color: #fff;}
  .join_con01 h4{color: #fff;}
  .join_con01 dl{width: 33.33%;margin-right: 0px;color: #fff;}
  .join_con01 dl dt{text-align: left;}
  .join_con01 dl dd{text-align: left;}
  .join_con01 dl dt img{width: 50%;}
  .join_con02 .p{background: #343434;}
  .join_con02 *{color: #fff;}
  .join_con02 div.p a:after{right: 15px;bottom: 0px;}
}
/*网站地图*/
.map_con dt a{font-size: 24px;color: #303030;}
.map_con dd{margin-top: 10px;}
.map_con dd a{font-size: 16px;color: #303030;margin-right: 45px;line-height: 2;white-space:nowrap;}
.map_con .other_dl{background:#f0f1f3 url("../img/map_bg.jpg"/*tpa=http://www.hanergy.com/hanneng/img/map_bg.jpg*/) no-repeat center bottom;overflow: hidden;padding-bottom: 40px;}
.map_con .other_dl a{color: #303030;}
.map_con .other_dl dt{margin-top: 40px;}
.map_con .other_dl dd{float: left;width: 33.33%;margin-top: 20px;}
.map_con .other_dl dd:nth-of-type(4){height: auto!important;}
.map_con .other_dl dd:nth-of-type(5){height: auto!important;}
.map_con .other_dl dd:nth-of-type(6){height: auto!important;}
.map_con .other_dl dd a{color: #747474;display: block;white-space:normal;}
.map_con .other_dl dd h3 a{color: #303030;}
.map_con a:hover{color: #d7000f!important;}
@media only screen and (max-width:800px){
  .map_con .other_dl dd{width: 50%;}
}
@media only screen and (max-width:767px){
  .map_con dd{margin-top: 0px;}
  .map_con dd a{line-height: 1.6;}
  .map_con .other_dl dd{width: 100%;height: auto!important;}
}
/*新闻中心*/
.news_con01{}
.news_c01_img{width: 840px;float: left;position: relative;z-index: 2;overflow: hidden;height:473px;}
.news_c01_img li a{display:block;height:0px;padding-bottom: 57%;overflow: hidden;}
.news_c01_img img{width: 100%;}
.news_c01_img .bx-wrapper{margin-bottom: 0;}
.news_c01_img .bx-wrapper img{width: 100%;height:auto;}
.news_c01_img .bx-wrapper .bx-pager,.news_c01_img .bx-wrapper .bx-controls-auto{bottom: 30px;text-align: right;right: 20px;}
.news_c01_img .bx-wrapper .bx-pager.bx-default-pager a{background:#000;color:#fff;width: 20px;height: 20px;border-radius: 20px;text-align: center;text-indent: 0;line-height: 20px;}
.news_c01_img .bx-wrapper .bx-pager .bx-pager-item.active a,.news_c01_img .bx-wrapper .bx-controls-auto .bx-controls-auto-item.active a{background: #d7000f;}
.news_c01_text{width: 440px;float: left;position: relative;height:470px;}
.news_c01_text dl{display:none;position: absolute;left: 40px;top:50%;width:400px;transform:translateY(-50%);}
.news_c01_text dl dt a{display:block;height:3em;line-height: 1.5;overflow: hidden;}
.news_c01_text dl dt a:hover{color: #d7000f;}
.news_c01_text dl:first-child{display: block;}
.news_c01_text dl em{color: #797979;display: inline-block;margin-top: 20px;}
.news_c01_text dl div.p{margin-top:5px;color: #848484;line-height: 1.8;height: 9em;overflow: hidden;
  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:5;*/
}
.news_c01_text dl .more a{margin-left: 0;}
@media only screen and (max-width:1366px){
  .news_c01_img{width:650px;height: 338px; }
  .news_c01_img li a{padding-bottom: 53%;}
  .news_c01_text{height: 338px;width: 450px;}
  .news_c01_img .bx-wrapper .bx-pager, .news_c01_img .bx-wrapper .bx-controls-auto{bottom: 45px;}
}
@media only screen and (max-width:1200px){
  .news_c01_img{width: 60%;height: 0px;padding-bottom: 34%;}
  .news_c01_img li a{padding-bottom: 57%;}
  .news_c01_text{width: 40%;height: auto;}
  .news_c01_text dl{transform:translateY(0%);top:10px;width: 95%;left:20px!important;}
}
@media only screen and (max-width:800px){
  .news_c01_text dl div.p{-webkit-line-clamp:3;height:5.4em;}
}
@media only screen and (max-width:767px){
  .news_c01_text dl dt a{height: auto;}
  .news_c01_img{width:100%;padding-bottom: 56%;}
  .news_c01_img .bx-wrapper .bx-pager,.news_c01_img .bx-wrapper .bx-controls-auto{bottom:10px;}
  .news_c01_text{width: 100%;height: 150px;}
  .news_c01_text dl{position: static;}
  .news_c01_text dl em{margin-top: 10px;}
  .news_c01_text .red_more a{background: #d7000f;color: #fff;border:1px solid #d7000f;}
  .news_c01_text .red_more a i{border-left: 8px solid #fff;}
}
.news_con022{background: #fff!important;}
.news_con02{background: #fbfbfb;}
.news_con02 h3{line-height: 1;}
.news_con02 .dl dl{float: left;width: 400px;margin-right: 40px;overflow: hidden;box-shadow:3px 3px 10px 1px rgba(158, 158, 158, 0.68);}
.news_con02 .dl dl:hover{
	box-shadow:3px 3px 10px 1px rgba(123, 123, 123, 0.98);
}
.news_con02 .dl dl.n3{margin-right: 0;}
.news_con02 .dl dl dt{height: 0px;padding-bottom: 61%;overflow: hidden;}
.news_con02 .dl dl dt img{width: 100%;height:auto;}
.news_con02 .dl dl h3{margin-top: 20px;}
.news_con02 .dl dl h3 a{display:block;line-height: 1.5;height: 3em;overflow: hidden;

  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;*/
}
.news_con02 dd{
	width: 90%;
    margin: 0px auto;
}
.news_con02 .dl dl h3 a:hover{color: #d7000f;}
.news_con02 .dl dl em{color: #797979;display: block;margin-top:10px;}
.news_con02 .dl dl div.p{color: #848484;margin-top:10px;line-height: 1.5;height: 4.5em;overflow: hidden;
  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:3;*/
}
.news_con02 .dl dl .more a{margin-left: 0;}
@media only screen and (max-width:1366px){
  .news_con02 .dl dl{margin-right: 20px;width:353px;}
  .news_con03 .dl dl.con_last dd{margin-top: 15px;}
  .news_con03 .dl dl.con_last dd .more.mt_30{margin-top: 18px;}
}
@media only screen and (max-width:1440px){
  .news_con02 .dl dl dt{padding-bottom: 58%;}
}
@media only screen and (max-width:1366px){
  .news_con02 .dl dl dt{padding-bottom: 66%;}
}
@media only screen and (max-width:1200px){
  .news_con02 .dl dl{width: 32%;margin-right: 2%;}
}
@media only screen and (max-width:767px){
  .news_con02 .dl dl em{margin-top: 5px;}
  .news_con02 .dl dl div.p{margin-top: 5px;height: auto;}
  .news_con02 .dl dl{width: 100%;margin-right: 0;margin-bottom: 20px;}
  .news_con02 .dl dl h3 a{height: auto;}
  .news_con02 .more a{background: transparent;color: #313134;}
  .news_con02 .more a i{border-left: 8px solid #313134;}
}
.news_con03{background: transparent;}
.news_con03 .tab li{float: left;position: relative;margin-right: 20px;padding-left: 20px;}
.news_con03 .tab li:before{content: "";position: absolute;top: 50%;left:0;height: 20px;width: 1px;background: #333;margin-top: -10px;}
.news_con03 .tab li:first-child{padding-left: 0;}
.news_con03 .tab li:first-child:before{display: none;}
.news_con03 .tab li a{color: #747474;display: inline-block;border-bottom: 2px solid #fff;}
.news_con03 .tab li.active a{color: #333;border-color: #d7000f;}
.news_con03 .tab_con .dl{display: none;}
.news_con03 .tab_con .dl:first-child{display: block;}
.news_con03 .dl dl.con_last h3{margin-top: 0;}
.news_con03 .dl dl.con_last dd{margin-top: 25px;}
.news_con03 .dl dl.con_last dd:first-child{margin-top: 0;}
.news_con03 .dl dl.con_last div.p{-webkit-line-clamp:2;overflow: hidden;max-height: 4.5em;}

@media only screen and (max-width:1300px){
/*  .news_con03 .dl dl dt img{width: auto;}*/
  .news_con03 .dl dl h3 a{height: 3em;}
  .news_con03 .dl dl.con_last h3 a{height: auto;}
}
@media only screen and (max-width:1100px){
  .news_con03 .dl dl.con_last dd{margin-top: 14px;}
}
@media only screen and (max-width:1000px){
  .news_con03 .dl dl{width: 49%;}
  .news_con03 .dl dl:nth-of-type(2){margin-right: 0;}
  .news_con02 .dl dl h3{margin-top: 10px;}
  .news_con03 .dl dl dt{height: auto;padding-bottom: 0;}
  .news_con03 .dl dl dt img{width: 100%;}
  .news_con03 .dl dl.con_last{width: 100%;background: #fbfbfb;margin-top: 20px;padding:20px;box-sizing:border-box;}
  .news_con03 .dl dl.con_last dd{margin-top: 20px;}
  .news_con03 .dl dl.con_last div.p{height: auto;margin-top: 5px;}
}
@media only screen and (max-width:767px){
  .news_con03 .dl dl{width: 100%;margin-right: 0;}
  .news_con03 .dl dl h3 a{height: auto;}
  .news_con03 .dl dl.con_last{margin-top: 10px;padding:10px;}
}
.news_con04{background: #fbfbfb;}
.news_con04 h3{float: left;}
.news_con04 .more{float: right;}
.news_con04 dl{width: 100%;float: left;}
.news_con04 dl dd{width:620px;float: right;position: relative;overflow: hidden;height: 0px;padding-bottom: 27%;}
.news_con04 dl dd img{width: 100%;}
.news_con04 dl dd:first-child{float: left;}
.news_con04 dl dd p{position: absolute;bottom: 30px;left: 40px;color: #fff;background: url("../img/down_ico.png"/*tpa=http://www.hanergy.com/hanneng/img/down_ico.png*/) no-repeat;padding-top: 35px;}
@media only screen and (max-width:1366px){
  .news_con04 dl dd{width: 540px;}
}
@media only screen and (max-width:1200px){
  .news_con04 dl dd{width: 49%;}
}
@media only screen and (max-width:767px){
  .news_con04 dl dd{width: 100%;margin-bottom: 20px;padding-bottom: 0;height: auto;}
  .news_con04 dl dd p{bottom: 10px;left: 20px;}
  .news_con04 .more{margin-top: 0;}
  .news_con04 .more a{background: transparent;color: #313134;}
  .news_con04 .more a i{border-left: 8px solid #313134;}
}
/*领导关怀*/
.care_con{background: #f8f8f8;}
.care_con dl{background: #fff;position: relative;margin-top: 40px;}
.care_con dl:first-child{margin-top: 0px;}
.care_con dt{float: left;width: 400px;margin-right: -400px;overflow: hidden;height: 300px;}
.care_con dt img{width: 100%;}
.care_con dd{width: 100%;}
.care_con dd>*{padding-left: 430px;padding-right: 40px;}
.care_con dd h3 a{display:block;margin-top:20px;overflow: hidden;max-height: 3em;line-height: 1.5;
  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;*/
}
.care_con dd h3 a:hover{color: #d7000f;}
.care_con dd em{margin-top: 15px;display: block;color: #797979;}
.care_con dd p{overflow: hidden;line-height:1.5;max-height:3em;overflow:hidden;margin-top: 10px;color: #797979;}
.care_con dd .more{position: absolute;bottom: 40px;right: 0px;}

.care_con .no_img{padding:15px 50px 20px 50px;}
.care_con .no_img dd>*{padding-left: 0;padding-right: 150px;}
.care_con .no_img dd .more{padding-right: 40px;}

.care_con .no_img dd h3 a{margin-top: 0;}
.care_con .no_img dd em{margin-top: 5px;}

@media only screen and (max-width:800px){
  .care_con dl{margin-top: 20px;}
  .care_con dt{width: 300px;margin-right: -300px;height: 225px;}
  .care_con dd>*{padding-left: 330px;padding-right: 20px;}
  .care_con dd .more{bottom: 20px;}
  .care_con .pb_60{padding-bottom: 10px;}
}
@media only screen and (max-width:767px){
  .care_con dt{width: 100%;margin-right: 0px;float: none;height: auto;}
  .care_con dd{padding:0px 10px 20px;width: 100%;float: none;box-sizing:border-box;}
  .care_con dd>*{padding-left: 0px;padding-right: 0px;}
  .care_con dd h3 a{margin-top:10px;}
  .care_con dd em{margin-top: 8px;}
  .care_con dd .more{position: static;}
  .care_con dd .more a{margin-left: 0;background: transparent;color: #313134;border:1px solid #313134;}
  .care_con dd .more a i{right: 0;margin-top:-3px;border-left: 8px solid #313134;}

  .care_con .no_img{padding:20px;}
  .care_con .no_img dd>*{padding-left: 0;padding-right: 20px;}
  .care_con .no_img dd .more{padding-right: 40px;}
}
/*下载中心*/
.down_nav{width:100%;background: #fbfbfb;margin-bottom: 0;}
.down_nav>div{width:335px; margin-left: auto;margin-right: auto;margin-bottom: 20px;}
.down_nav dl dt{height: 39px;width:44px;}
.down_nav dl dd{width:44px;text-align: center;}
.down_nav dl.dl_ico01 dt{background: url("../img/news_nav_ico01.png"/*tpa=http://www.hanergy.com/hanneng/img/news_nav_ico01.png*/) no-repeat center -43px;}
.down_nav dl.dl_ico02 dt{background: url("../img/news_nav_ico02.png"/*tpa=http://www.hanergy.com/hanneng/img/news_nav_ico02.png*/) no-repeat center -43px;}
.down_nav dl.dl_ico03 dt{background: url("../img/news_nav_ico03.png"/*tpa=http://www.hanergy.com/hanneng/img/news_nav_ico03.png*/) no-repeat center -43px;}
.down_nav dl:hover dt{background-position: center top;}
.down_nav dl.active dt{background-position: center top;}
.down_nav dl.dl_ico01:hover dt{background-position: center 0;}
.down_nav dl.active.dl_ico01 dt{background-position: center 0;}
.down_nav dl.active.dl_ico03 dt{background-position:center 0;}
@media only screen and (max-width: 1366px){
  .down_nav dl dt{height: 30px;}
  .down_nav dl.dl_ico01 dt{background: url("../img/news_nav_ico01.png"/*tpa=http://www.hanergy.com/hanneng/img/news_nav_ico01.png*/) no-repeat center -29px;}
  .down_nav dl.dl_ico02 dt{background: url("../img/news_nav_ico02.png"/*tpa=http://www.hanergy.com/hanneng/img/news_nav_ico02.png*/) no-repeat center -29px;}
  .down_nav dl.dl_ico03 dt{background: url("../img/news_nav_ico03.png"/*tpa=http://www.hanergy.com/hanneng/img/news_nav_ico03.png*/) no-repeat center -29px;}
  .down_nav dl:hover dt{background-position: center top;}
  .down_nav dl.active dt{background-position: center top;}
  .down_nav dl.dl_ico01:hover dt{background-position: center 0;}
  .down_nav dl.active.dl_ico01 dt{background-position: center 2px;}
  .down_nav dl.active.dl_ico03 dt{background-position:center 0;}
}
@media only screen and (max-width: 650px){
  .down_nav dl dt{height: 32px;background-size: 70%!important;}
  .down_nav>div{width: 100%;margin-bottom: 10px;}
  .down_nav dl{margin-left: 0%;width:33.33%!important;text-align: center;}
  .down_nav dl dt{margin-left: auto;margin-right: auto;}
  .down_nav dl dd{margin-top:10px;margin-left: auto;margin-right: auto;}
  
  .down_nav dl.dl_ico02 dt{background-position: center -30px;}
  .down_nav dl.active dt{background-position: center 2px;}
  .down_nav dl.active.dl_ico03 dt{background-position: center 2px;}
}
.news_down{background: #fbfbfb;}
.news_down dl{width: 290px;float: left;margin-right: 40px;margin-bottom: 40px;}
.news_down dl.n4{margin-right: 0;}
.news_down dt{position: relative;overflow: hidden;height: 0px;padding-bottom: 50%;}
.news_down dt i{display:block;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0,0,0,0.3);transition:all 0.5s ease-out;}
.news_down dt a{display: block;z-index: 5;}
.news_down dt img{max-width: 100%;}
.news_down dt em{position: absolute;z-index:2;top: 50%;left: 50%;margin-left: -35px;margin-top: -35px;}
.news_down dd{background: #fff;transition:all 0.5s ease-out;padding:25px 20px;}
.news_down dd h3{float: left;overflow: hidden;margin-top: 5px;width: 100%;font-size: 16px;
  line-height: 1.5;max-height: 3em;
  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;*/
}
.news_down dd .left{float: left;color: #747474;}
.news_down dd .left i{display:block;float:left;background: url("../img/down_ico01.png"/*tpa=http://www.hanergy.com/hanneng/img/down_ico01.png*/) no-repeat left top;width: 15px;height: 15px;overflow: hidden;}
.news_down dd .left q{float: left;padding-left: 10px;}
.news_down dd .right{float: right;color: #747474;}
/*.news_down dl:hover dt i{background: rgba(0,0,0,0.5);}*/
.news_down dl:hover dd{background: #d2d2d2;/*color: #fff;*/}
/*.news_down dl:hover dd .left{color: #ddd;}
.news_down dl:hover dd .right{color: #ddd;}
.news_down dl:hover dd .left i{background-position: left bottom}*/
@media only screen and (max-width: 1366px){
  .news_down dl{width: 260px;margin-right: 20px;margin-bottom: 20px;}
  .news_down dt em{display:block;width:35px;transform:translate(-50%,-50%);margin:0;}
  .news_down dd h3{font-size: 16px;}
}
@media only screen and (max-width: 1200px){
  .news_down dl{width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
}
@media only screen and (max-width: 1100px){
  .news_down dl{width: 31.8%;}
  .news_down dl dt img{width: 100%;}
  .news_down dl:nth-of-type(4n){margin-right: 2%;}
  .news_down dl:nth-of-type(3n){margin-right: 0%;}
  .news_down dd{padding:15px;}
}
@media only screen and (max-width: 767px){
  .news_down dl{width: 48.5%;}
  .news_down dl:nth-of-type(4n){margin-right: 2%;}
  .news_down dl:nth-of-type(3n){margin-right: 2%;}
  .news_down dl:nth-of-type(2n){margin-right: 0%;}
  .news_down dt em{margin:0;transform:translate(-50%,-50%);width:30%;}
}
.news_down_img dl{width: 400px;background: #fff;}
.news_down_img dl.n4{margin-right: 40px;}
.news_down_img dl.n3{margin-right: 0;}
.news_down_img dt{padding-bottom: 56%;}
.news_down_img dt i{opacity: 1;transition:all 0.5s ease-out;}
.news_down_img dt em{opacity: 1;transition:all 0.5s ease-out;}
.news_down_img dl:hover dt i{opacity: 1;}
.news_down_img dl:hover dt em{opacity: 1;}
.news_down_img dd p{float: left;margin-top: 5px;color: #747474;overflow: hidden;
  line-height: 1.5;max-height: 4.5em;
}
.news_down dl:hover dd{background: transparent;}
.news_down dl:hover {background: #d2d2d2;}


@media only screen and (max-width: 1366px){
  .news_down_img dl{width: 32%;margin-right: 2%;}
  .news_down_img dl.n4{margin-right: 2%;}
  .news_down_img dl.n3{margin-right: 0;}
}
@media only screen and (max-width:767px){
  .news_down_img dl{width: 48.5%;}
  .news_down_img dl:nth-of-type(4n){margin-right: 2%;}
  .news_down_img dl:nth-of-type(3n){margin-right: 2%;}
  .news_down_img dl:nth-of-type(2n){margin-right: 0%;}
}
.news_down_video dt i{opacity: 1;}
.news_down_video dt em{opacity: 1;}
.news_down_video dd a{color: #303030;}
/*.news_down_video dl:hover dd a{color: #fff;}*/

/*新闻详情*/
.news_edit .h3{text-align: center;}
.news_edit .er_tit{border-bottom: 1px solid #f3f3f3;height: 40px;}
.news_edit .er_tit .left{float: left;color: #747474;}
.news_edit .er_tit .right{float: right;}
.news_edit .er_tit .right p{float: left;margin-left: 20px;color: #747474;}
.edit_video{position: relative;height: 0px;padding-bottom: 56%;overflow: hidden;}
.edit_video .edit_v_btn{position: absolute;top:0px;left: 0px;z-index: 3;right: 0px;bottom:0;}
.edit_video .edit_v_btn a>img{width: 100%;}
.edit_video .edit_v_btn>img{width: 100%;}
.edit_video em{position: absolute;top: 50%;left: 50%;margin-left: -50px;margin-top:-50px;}

.edit_con_original{color: #747474;}
.edit_nav{}
.edit_nav .left{float: left;overflow: hidden;}
.edit_nav .left p{margin-top: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.edit_nav .left p:first-child{margin-top: 0;}
.edit_nav .right{float: right;}
.edit_nav .right span.tit{float: left;display: block;height: 36px;line-height: 36px;margin-right: 10px;}
.edit_nav .right .bdsharebuttonbox{float: left;}
.edit_nav .right .bdshare-button-style0-24 a,.edit_nav .right .bdshare-button-style0-24 .bds_more{padding-left: 28px;
  height: 25px;line-height: 25px;margin-left: 5px;
}
.edit_nav .right .bdshare-button-style0-24 .bds_qzone{background: url("../img/share01.jpg"/*tpa=http://www.hanergy.com/hanneng/img/share01.jpg*/) no-repeat;}
.edit_nav .right .bdshare-button-style0-24 .bds_tsina{background: url("../img/share02.jpg"/*tpa=http://www.hanergy.com/hanneng/img/share02.jpg*/) no-repeat;}
.edit_nav .right .bdshare-button-style0-24 .bds_tqq{background: url("../img/share03.jpg"/*tpa=http://www.hanergy.com/hanneng/img/share03.jpg*/) no-repeat;}
.edit_nav .right .bdshare-button-style0-24 .bds_weixin{background: url("../img/share04.jpg"/*tpa=http://www.hanergy.com/hanneng/img/share04.jpg*/) no-repeat;}
.edit_nav .right .bdshare-button-style0-24 .bds_renren{background: url("../img/share05.jpg"/*tpa=http://www.hanergy.com/hanneng/img/share05.jpg*/) no-repeat;}
@media only screen and (max-width: 767px){
  .edit_nav .right{}
  .news_edit .er_tit .right p{font-size: 12px;}
}
@media only screen and (max-width: 320px){
  .news_edit .er_tit .right p:first-child{display: none;}
}
/*关于我们企业文化*/
.about_nav01{}
.about_nav01>div{width: 510px;}
.about_nav01 dl{margin-left: 150px;}
.about_nav01 dl.dl_ico01{width: 70px;}
.about_nav01 dl.dl_ico02{width: 70px;}
.about_nav01 dl.dl_ico03{width: 70px;}
.about_nav01 dl dt{width: 70px;}
.about_nav01 dl dd{width: 70px;}
.about_nav01 dl.dl_ico01 dt{background-image: url("../img/about_ico01.png"/*tpa=http://www.hanergy.com/hanneng/img/about_ico01.png*/);}
.about_nav01 dl.dl_ico02 dt{background-image: url("../img/about_ico02.png"/*tpa=http://www.hanergy.com/hanneng/img/about_ico02.png*/);}
.about_nav01 dl.dl_ico03 dt{background-image: url("../img/about_ico03.png"/*tpa=http://www.hanergy.com/hanneng/img/about_ico03.png*/);}
@media only screen and (max-width: 1366px){
  .about_nav01 dl dt{height: 32px;background-size: 47%!important;}
  .about_nav01 dl dd{margin-top: 5px;}
}
@media only screen and (max-width: 767px){
  .about_nav01>div{width: 100%;}
  .about_nav01 dl{width: 33.33%!important;margin-left: 0;}
}
.about_culture dd .left{float: right;}
.about_culture dd .right{float: left;}
.about_culture dd .left i{width: 26px;height:18px;background-image: url("../img/eye_ico.png"/*tpa=http://www.hanergy.com/hanneng/img/eye_ico.png*/);}
/*.about_culture dl:hover dd a{color: #fff;}*/

.loading{text-align: center;display: none;float: left;width: 100%;}

/*文化党建*/
.about_nav02>div{width: 750px;}
.about_nav02 dl dt{height: 47px;}
.about_nav02 dl.dl_ico01 dt{background-image: url("../img/dang_ico01.png"/*tpa=http://www.hanergy.com/hanneng/img/dang_ico01.png*/);}
.about_nav02 dl.dl_ico02 dt{background-image: url("../img/dang_ico02.png"/*tpa=http://www.hanergy.com/hanneng/img/dang_ico02.png*/);}
.about_nav02 dl.dl_ico03 dt{background-image: url("../img/dang_ico03.png"/*tpa=http://www.hanergy.com/hanneng/img/dang_ico03.png*/);}
.about_nav02 dl.dl_ico04 dt{background-image: url("../img/dang_ico04.png"/*tpa=http://www.hanergy.com/hanneng/img/dang_ico04.png*/);}
.about_nav02 dl.dl_ico04{width: 70px;}
.about_nav02 dl.active.dl_ico01 dt{background-position: center 7px;}
.about_nav02 dl:hover dt{background-position: center 7px!important;}


.about_dang.news_down dl{height: auto!important;}

.about_dang.news_down_img dt{height: auto;padding:20px 20px 20px 20px;background-color: #fff;transition:all 0.5s ease-out;}
.about_dang.news_down dl.other_dl dd{padding:13px 20px;}
.about_dang.news_down dl:hover dt{background: #d2d2d2;}


@media only screen and (max-width: 1366px){
  .about_nav02 dl dt{height: 35px;}

  .about_dang.news_down dl.other_dl h3{margin-top: 15px;}
}

@media only screen and (max-width: 1200px){
  .about_dang.news_down dl.other_dl h3{margin-top: 50px;}
}

@media only screen and (max-width: 767px){
  .about_nav02>div{width: 100%;}
  .about_nav02 dl{width: 25%!important;margin-left: 0;}
}

.about_dang dl{margin-left:13px!important;margin-right:13px!important;}
/*.about_dang dl:hover dd a{color: #fff;}*/
.about_dang dl:hover .more a{background: #d7000f;color: #fff;border:1px solid #d7000f;}
.about_dang dl:hover .more a i{border-left: 8px solid #fff;}
.about_dang .down_dl dd{height: 238px;}
.about_dang .down_dl dl.other_dl dd{height:250px; }
.about_dang .more{float:left;}
.about_dang .more.mt_30{margin-top: 20px;}
.about_dang dd{padding-top:10px;}
.about_dang dd h3{line-height: 1.5;height: 3em;-webkit-line-clamp:initial;width: 100%;}
.about_dang dd p{line-height: 1.5;height: 4.5em;-webkit-line-clamp:initial;width: 100%;}
.about_dang dd .left{margin:5px 0;}
@media only screen and (max-width: 1400px){
  .about_dang dl{margin-left:10px!important;margin-right:10px!important;}
  .about_dang .down_dl dd{height: 228px;}
  .about_dang .down_dl dl.other_dl dd{height: 208px;}

  .about_dang.news_down_img dl{width: 32%}
  .about_dang.news_down_img dl{width: 31.4%}
  .about_dang.news_down dl{margin-bottom: 20px;}

  .about_dang .more.mt_30{margin-top:15px;}
  .about_dang .more a{height: 30px;line-height: 30px;width:100px;}
  .about_dang .more a i{right: 0;}
}
@media only screen and (max-width: 1366px){
  .about_dang .down_dl dl.other_dl dd{height: 251px;}
  
}
@media only screen and (max-width: 1300px){
  .about_dang.news_down_img dl{width: 31.3%;}
  .about_dang dl{margin-left:1%!important;margin-right:1%!important;width: 31.3%;}
  /*.about_dang .down_dl dl.other_dl dd{height: 224px;}*/
}
@media only screen and (max-width: 1200px){
  .about_dang.news_down_img dl{width: 32%}
  .about_dang dl *{box-sizing:border-box;}
  .about_dang dl{margin-right: 2%!important;margin-left: 0px!important;width: 31.8%;}
  .about_dang dl:nth-of-type(3n+1){margin-right: 0!important;}
  .about_dang dt{padding-bottom: 0;height: auto;}
  .about_dang .down_dl dl.other_dl{width: 100%;}
  .about_dang .down_dl dl.other_dl dt{float: left;width: 40%;float: left;}
  .about_dang .down_dl dl.other_dl dt img{width: 100%;}
  .about_dang .down_dl dl.other_dl dd{float: left;width: 60%;float: left;height: 0px;padding-bottom: 29.7%;}
  .about_dang .down_dl dl.other_dl dd p{display: block;float: none;height: auto;max-height: 4.5em;}
  .about_dang .down_dl dl.other_dl dd .left{float: none;margin: 10px 0;}
  .about_dang .down_dl dl.other_dl dd h3{margin-top: 10px;width: 100%;float: none;height: auto;max-height: 3em;}
  .about_dang .more{width:100%;}
  .about_dang .more a{margin-left: 0;}
}
@media only screen and (max-width: 800px){
  .about_dang .down_dl dd{height: 260px;}
  .about_dang .down_dl dl.other_dl dd h3{margin-top: 10px;}
  .about_dang dl{width: 49%;}
}
@media only screen and (max-width: 767px){
  .about_dang .down_dl dl.other_dl dt{width: 100%;float: none;}
  .about_dang .down_dl dl.other_dl dd{padding-bottom: 20px;width:100%;height: auto;float: none;}
  .about_dang .down_dl dl{width: 100%;}
  .about_dang .down_dl dd{height: auto;}
  .about_dang dl:nth-of-type(3n+1){margin-right: 0%!important;}
  .about_dang .more a{background: transparent;color: #313131; }
  .about_dang .more a i{border-left-color: #313131;}
}
/*活动理念*/
.idea_nav{background: #fff;}
.idea_con .p{color: #303030;}
.idea_con .p p{width: 100%;color: #747474;}
.idea_con01 .p{color: #fff;}
.idea_con01 .p p{color:#ccc;}
.idea_con04{background:#e8f1fd url("../img/idea_img04.jpg"/*tpa=http://www.hanergy.com/hanneng/img/idea_img04.jpg*/) no-repeat center top;}
.idea_con04 .dl{position: relative;}
.idea_con04 dl{width: 31.3%;margin-right: 3%;float: left;margin-bottom: 2%;}
.idea_con04 dl.n3{margin-right: 0;}

.idea_con04 dt{background: rgba(0,91,172,0.2);width: 100%;height: 120px;position: relative;}
.idea_con04 dt em{display:block;position: absolute;bottom: 0px;right: 0px;width: 27px;height: 27px;text-align: center;line-height: 27px;}
.idea_con04 dt em img{vertical-align: middle;}
.idea_con04 dt:hover{background: rgba(0,91,172,0.5);}
.idea_con04 .dl_hover dt{background: rgba(0,91,172,0.5);}
.idea_con04 dt p{padding-left: 110px;padding-right: 20px;padding-top:15px;color: #313134;}
.idea_con04 dt span{position: absolute;left: -30px;top:50%;transform:translateY(-50%);}
.idea_con04 dd{display: none;background: rgba(0,91,172,0.5);margin-top: 40px;position: relative;}
.idea_con04 dd div.p{padding:10px;font-size: 16px;line-height: 1.8;color: #000;}
.idea_con04 dd div.sanj{position: absolute;top: -21px;height:21px;left: 20px;right:20px;background:url("../img/idea_sanj.png"/*tpa=http://www.hanergy.com/hanneng/img/idea_sanj.png*/) no-repeat; }
.idea_con04 dl.n1 dd div.sanj{background-position: left top;}
.idea_con04 dl.n2 dd div.sanj{background-position: center top;}
.idea_con04 dl.n3 dd div.sanj{background-position: right top;}

@media only screen and (max-width: 1500px){
  .idea_con .program_bg{display: none;}
}
@media only screen and (max-width: 1366px){
  .idea_con04 dd div.p{font-size: 14px;}
}
@media only screen and (max-width: 1100px){
  .idea_con04 dt span{position: absolute;left: 0px;}
  .idea_con04 dt span img{width: 60%;}
  .idea_con04 dt p{padding-left: 80px;}
}
@media only screen and (max-width:800px){
  .idea_con04 dl{width: 100%;margin-right: 0;}
  .idea_con04 dl dt{height: 80px;}
  .idea_con04 dt p{padding-top: 20px;}
  .idea_con04 dd{width:100%!important;margin-left: 0!important;margin-top: 10px;}
  .idea_con04 dd div.p{box-sizing:border-box;font-size: 14px;}
  .idea_con04 dd .sanj{display: none;}
}
@media only screen and (max-width:767px){
  .idea_con01 .p{color: #343434;}
  .idea_con01 .p p{color: #747474;}
}
/*企业概况*/
.about_con01 .mCSB_container{padding-right: 20px;}
.about_mscroll .mCSB_scrollTools .mCSB_draggerRail{background: none;}
.about_con01{position: relative;}
.about_con01 .qygk{position: absolute;top:50px;left: 50%;z-index: 9;margin-left: -500px;bottom: 0px;}
.about_con01 .qygk>*{width: 600px;float: right;}
.about_con01 .qygk h3{color: #fff;}
.about_con01 .qygk div.p{color: #fff;max-height: 19.5em;line-height: 1.8;overflow: hidden;}
.about_con01 .qygk div.p.overY{overflow: auto;overflow-y: auto;}
.about_con01 .edit_video{padding-bottom: 40%;}
.about_con01 .edit_video .edit_v_btn a>img{width: 100%;}
.about_con01 .edit_v_video{width: 100%;}
.about_con01 .edit_v_video video{width:100%;}
.about_con01 .video_button{margin-top: 30px;}
.about_con01 em img{width: 45px;}

.pro_case_con01 .p a:hover{color: #d7000f;border:1px solid #d7000f;background: transparent;}
.pro_case_con01 .p a:hover i{border-left: 8px solid #d7000f;}

@media only screen and (max-width:1440px){
  .about_con01 .qygk div.p{max-height: 16.1em;}
}
@media only screen and (max-width:1200px){
  .about_con01 .qygk{margin-left: 0px;transform:translateX(-50%);}
}
@media only screen and (max-width:800px){
  .about_con01 .qygk>*{width: 60%;}
  .about_con01 .qygk div.p{max-height: 9em;line-height: 1.5;}
  .about_con01 .qygk .video_button{margin-top:10px;}
  .about_con01 .qygk em img{width: 50px;}
}
@media only screen and (max-width:767px){
  .about_con01 .qygk{position: static;width: 100%;transform:translateX(0);background:#f5f5f5;padding-bottom: 20px;}
  .about_con01 .qygk>*{width: 100%;}
  .about_con01 .qygk h3{color: #343434!important;}
  .about_con01 .qygk div.p{color: #747474;}
  .about_con01 em{margin:0;transform:translate(-50%,-50%);}
}
#pro_nav{position: absolute;bottom: 0;height: 80px;}
@media only screen and (max-width:1366px){
  #pro_nav{height: 50px;}
}
@media only screen and (max-width:767px){
  #pro_nav{position: static;height: 30px;}
}
/*领导致辞*/
.about_con02{}
.about_con02 .w1090{padding-bottom: 5em;}
.about_con02 div.p{width: 660px;color: #747474;height: 17.9em;line-height: 1.8;overflow: hidden;}
.about_con02 div.p.overY{overflow: auto;overflow-y: auto;}
.about_con02 .mCSB_container{padding-right: 20px;}
.about_con02 .about_mscroll .mCSB_scrollTools .mCSB_draggerRail{background: #eaeaea;}
.about_con02 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #7b7b7d;}

.about_con02 .link_a{margin-top:20px;cursor: pointer;display: inline-block;}
/*.about_con02 .link_a p{font-size: 16px;color: #d7000f;display: inline-block;text-decoration: underline;}
.about_con02 .link_a a{display: none;padding-left: 20px;}
.about_con02 .link_a a:hover{color: #d7000f;}*/

@media only screen and (max-width:1700px){
  .about_con02 .w1090{background-size: 40%;}
}
@media only screen and (max-width:1100px){
  .about_con02 .w1090{background-size: 30%;}
  .about_con02 div.p{height: 9em;line-height: 1.5;width: 70%;}
}
@media only screen and (max-width:767px){
  
  .about_con02 div.p{height: 6em;}

  .about_con02 .more a{background: transparent;color: #313131; }
  .about_con02 .more a i{border-left-color: #313131;}
}
/*发展历程*/
.history>h3{text-align: center;}
.about_history{margin-top: 30px;}
.about_history .a_his_time{width: 100%;position: relative;}
.about_history .a_his_time>a{display: block;width: 29px;height: 29px;position: absolute;z-index: 9;bottom:10px;}
.about_history .a_his_time>a.his_left{background: url("../img/about_img03.png"/*tpa=http://www.hanergy.com/hanneng/img/about_img03.png*/) no-repeat;left:0px;}
.about_history .a_his_time>a.his_right{float:right;background: url("../img/about_img04.png"/*tpa=http://www.hanergy.com/hanneng/img/about_img04.png*/) no-repeat;right: 0px;}
.about_history .a_his_time>a.his_left:hover{background: url("../img/about_img03.png"/*tpa=http://www.hanergy.com/hanneng/img/about_img03.png*/) no-repeat center bottom;}
.about_history .a_his_time>a.his_right:hover{float:right;background: url("../img/about_img04.png"/*tpa=http://www.hanergy.com/hanneng/img/about_img04.png*/) no-repeat center bottom;}
.about_history .a_his_time>a.his_left.disabled:hover{cursor: default;background: url("../img/about_img03.png"/*tpa=http://www.hanergy.com/hanneng/img/about_img03.png*/) no-repeat;left:0px;}
.about_history .a_his_time>a.his_right.disabled:hover{cursor: default;float:right;background: url("../img/about_img04.png"/*tpa=http://www.hanergy.com/hanneng/img/about_img04.png*/) no-repeat;right: 0px;}

.about_history .index_history{margin:9px 40px 0;overflow: hidden;}
.about_history .index_history li p{position: absolute;bottom:30px;left:50%;transform:translateX(-50%);transition:all .3s ease-out;-ms-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;}
.about_history .index_history ul{position: relative;height: 90px;overflow: hidden;}
.about_history .index_history ul:before{content: "";width:100%;position: absolute;top:65px;left: 0px;right: 0px;height: 1px;background: #f3ece9;}
.about_history .index_history li{z-index:3;float: left;width: 197px;text-align: center;position: relative;height:80px;cursor: pointer;}
.about_history .index_history li:before{content: "";width: 100%;height:29px;
  background: url("../img/about_img06.png"/*tpa=http://www.hanergy.com/hanneng/img/about_img06.png*/) no-repeat center top;display: block;
  position: absolute;bottom:0px;transition:all 0.5s ease-in-out;
}
.about_history .index_history li a{color: #747474;}
.about_history .index_history li:hover a{color: #222;}
.about_history .index_history li:hover p{font-size: 40px;color: #d7000f;}
.about_history .index_history li:hover:before{background: url("../img/about_img05.png"/*tpa=http://www.hanergy.com/hanneng/img/about_img05.png*/) no-repeat center top;opacity: 1;}
.about_history .index_history li.active a{color: #222;}
.about_history .index_history li.active p{font-size: 40px;color: #d7000f;}
.about_history .index_history li.active:before{background: url("../img/about_img05.png"/*tpa=http://www.hanergy.com/hanneng/img/about_img05.png*/) no-repeat center top;opacity: 1;}
@media only screen and (max-width:1366px){
  .about_history .index_history li{width: 170px;}
}
@media only screen and (max-width:1100px){
  .about_history .index_history li{width: 232px;}
}
@media only screen and (max-width:800px){
  .about_history .index_history li{width: 168px;}
}
@media only screen and (max-width:767px){
  .about_history{margin-top: 10px;}
  .about_history .index_history li{width: 160px;}
  .about_history .index_history li.active p{font-size: 24px;}
}
@media only screen and (max-width:400px){
  .about_history .index_history li{width: 138px;}
}
@media only screen and (max-width:340px){
  .about_history .index_history li{width: 111px;}
}
/*发展内容*/

.dsj_con dl{margin-top: 20px;padding:0 120px;}
.dsj_con dt{color:#797979;float: left;width: 70px;margin-right: -70px;position: relative;z-index: 2;}
.dsj_con dt em{font-size: 24px;}
.dsj_con dd{color: #797979;width: 100%;float: left;margin-top: 10px;}
.dsj_con dd div.list{padding-left: 80px;}
.dsj_con dl:hover dd{color: #d7000f;}

@media only screen and (max-width:1500px){
  .about_history .dsj_con{padding:0 100px;}
}
@media only screen and (max-width:1100px){
  .about_history .dsj_con{padding:0 20px;}
}
@media only screen and (max-width:800px){
  .dsj_con dl{padding:0 70px;}
}
@media only screen and (max-width:767px){
  .dsj_con dl{margin-top: 10px;padding:0px;}
  .dsj_con dd div.list{padding-left: 60px;}
}
/*文化党建*/
.about_con03 .a_con03 dl{float: left;width: 138px;margin-left: 175px;}
.about_con03 .a_con03 dl:first-child{margin-left: 0;}
.about_con03 .a_con03 dl dt{position: relative;}
.about_con03 .a_con03 dl dt span{position: absolute;top: 0px;left:0px;}
/*.about_con03 .a_con03 dl dt span img{transition:all 5s ease;}-webkit-animation: rot 4s infinite ease-out alternate;*/
.about_con03 .a_con03 dl.a3_dl01 dt span{top: 70px;left: 29px;}
.about_con03 .a_con03 dl.a3_dl01:hover dt span img{
  -webkit-animation: le 1s infinite ease-out alternate;
  -moz-animation: le 1s infinite ease-out alternate;
  -o-animation: le 1s infinite ease-out alternate;
  -ms-animation: le 1s infinite ease-out alternate;
  animation: le 1s infinite ease-out alternate;
}
@keyframes le {
  0% {
    transform:translateY(0);
  }
  100% {
    transform:translateY(-20px);
  }
}
.about_con03 .a_con03 dl.a3_dl02 dt span{top: 24px;left: 72px;}
.about_con03 .a_con03 dl.a3_dl02:hover dt span img{
  -webkit-animation: lef 2s infinite ease-out alternate;
  -moz-animation: lef 2s infinite ease-out alternate;
  -o-animation: lef 2s infinite ease-out alternate;
  -ms-animation: lef 2s infinite ease-out alternate;
  animation: lef 2s infinite ease-out alternate;
}
@keyframes ro {
  0% {
    transform:rotateY(0);
  }
  100% {
    transform:rotateY(360deg);
  }
}
.about_con03 .a_con03 dl.a3_dl03 dt span{top: 55px;left: 27px;}
.about_con03 .a_con03 dl.a3_dl03:hover dt span img{
  -webkit-animation: lef 2s infinite ease-out alternate;
  -moz-animation: lef 2s infinite ease-out alternate;
  -o-animation: lef 2s infinite ease-out alternate;
  -ms-animation: lef 2s infinite ease-out alternate;
  animation: lef 2s infinite ease-out alternate;
}
@keyframes lef {
  0% {
    transform:translateX(0);
  }
  100% {
    transform:translateX(20px);
  }
}
.about_con03 .a_con03 dl.a3_dl04 dt span{top: 30px;left: 55px;}
.about_con03 .a_con03 dl.a3_dl04:hover dt span img{
  -webkit-animation: rot 4s infinite linear;
  -moz-animation: rot 4s infinite linear;
  -o-animation: rot 4s infinite linear;
  -ms-animation: rot 4s infinite linear;
  animation: rot 4s infinite linear;
}
@keyframes rot {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.about_con03 .a_con03 dl dd{width: 100%;text-align: center;position: relative;height: 60px;}
.about_con03 .a_con03 dl dd i{position: absolute;bottom: 0px;left: 50%;width: 30px;height: 1px;background: #343434;margin-left: -15px;}
@media only screen and (max-width:1110px){
  .about_con03 .a_con03 dl{width: 25%;margin-left: 0;text-align: center;}
}
@media only screen and (max-width:767px){
  .about_con03 .a_con03 dl{width:50%;}
  .about_con03 .a_con03 dl dd i{display: none;}
  .about_con03 .a_con03 dl dt img{width: 50%;}
  .about_con03 .more a{background: transparent;color: #313131; }
  .about_con03 .more a i{border-left-color: #313131;}

  .about_con03 .a_con03 dl.a3_dl01 dt span{top: 50px;left: 45px;}
  .about_con03 .a_con03 dl.a3_dl01 dt span img{width: 70%;}
  .about_con03 .a_con03 dl.a3_dl02 dt span{top: 30px;left: 85px;}
  .about_con03 .a_con03 dl.a3_dl02 dt span img{width: 70%;}
  .about_con03 .a_con03 dl.a3_dl03 dt span{top: 40px;left: 50px;}
  .about_con03 .a_con03 dl.a3_dl03 dt span img{width: 70%;}
  .about_con03 .a_con03 dl.a3_dl04 dt span{top: 20px;left: 75px;}
  .about_con03 .a_con03 dl.a3_dl04 dt span img{width: 70%;}

}
.about_con04{position: relative;}
.about_con04>img{width: 100%;}
.about_con04 .w1090{}
.about_con04 .left{float: left;width: 42%;}
.about_con04 .left img{max-width: 100%;}
.about_con04 .right{float: left;margin-left: 120px; color: #fff;}
.about_con04 .right div.p{color: #e4e4e4;line-height: 1.8;height: 14.4em;overflow: hidden;}
.about_con04 .right .more a{margin-left: 0;}
@media only screen and (max-width:1366px){
  .about_con04 .w1090{top:50px;}
}
@media only screen and (max-width:1220px){
  .about_con04 .left{width: 35%;}
  .about_con04 .w1090{transform:translateX(-50%);margin:0;}
}
@media only screen and (max-width:800px){
  .about_con04 .left{margin-top: 20px;}
  .about_con04 .right div.p{line-height: 1.5;height:12em;margin-top: 0;}
  .about_con04 .right div.more{margin-top: 10px;}
  .about_con04 .w1090{top:20px;}
}
@media only screen and (max-width:767px){
  .about_con04 .w1090{position: static;transform:translateX(0);}
  .about_con04 .right{width: 100%;float: none;margin:0;padding:20px 0;}
  .about_con04 .right h3{color: #393939;}
  .about_con04 .right div.p{margin-top: 10px;color: #747474;}
  .about_con04 .left{position: absolute;top: 0%;left: 50%;transform:translateX(-50%);margin-top: 15px;}
  .about_con04 .more a{background: transparent;color: #313131; }
  .about_con04 .more a i{border-left-color: #313131;}
}
/*社会责任*/
.about_con05{text-align: center;}
.about_con05 div.p{color: #747474;line-height: 1.8;}
.about_con05 div.img img{max-width: 100%;}
.about_con05 div.more{display: inline-block;margin-left: 20px;}
.about_con05 div.more:first-child{margin-left: 0;}
.about_con05 div.more a{width: 140px;padding:0 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.about_con05 div.more i{right:15px;margin-top:-8px;width: 15px;height: 15px;background: url("../img/about_down.png"/*tpa=http://www.hanergy.com/hanneng/img/about_down.png*/) no-repeat;border:0;}
.about_con05 div.more a:hover i{border:0;background: url("../img/about_down.png"/*tpa=http://www.hanergy.com/hanneng/img/about_down.png*/) no-repeat left bottom;}
@media only screen and (max-width:767px){
  .about_con05 div.more{margin-top:10px;}
  .about_con05 .more a{background: transparent;color: #313131; }
  .about_con05 .more a i{border-left-color: #313131;}
}
/*联系我们*/
.about_con06{background:#222222 url("../img/about_img13.jpg"/*tpa=http://www.hanergy.com/hanneng/img/about_img13.jpg*/) no-repeat center top;}
.about_con06 h3{text-align: center;color: #fff;position: relative;}
.a_c06_con{background: #0c0c0c;height: 450px;margin-top: 50px;margin-bottom: 100px;padding:30px 0;}
.a_c06_con dl{float: left;width: 33.33%;color: #fff;position: relative;height: 165px;}
.a_c06_con dl:before{content: "";height: 120px;width: 1px;background: #3f3f3f;position: absolute;left: 0px;top: 25px;}
.a_c06_con dl:nth-of-type(3n+1):before{display: none;}
.a_c06_con dl a{color: #fff;}
.a_c06_con dl>*{width: 300px;margin:0px auto;margin-top:40px;}
.a_c06_con dl dt{position: relative;}
.a_c06_con dl dt:before{content: "";display: block;position: absolute;top: 4px;left: -10px;height:18px;width: 2px;background: #e90000;}
.a_c06_con dl dd{margin-top: 10px;color: #cdcdcd;}
.a_c06_con dl dd:nth-of-type(1){}
.a_c06_con dl dd a{color: #cdcdcd;}

.a_c06_con dl{height: 165px;}
.a_c06_con dl dd em{float: left;width: 60px;}
.a_c06_con dl dd p{float: left;width:240px;}
@media only screen and (max-width:1100px){
  .about_con06{background-position: center -50px;}
  .a_c06_con{overflow-y: auto;}
  .a_c06_con dl{width: 50%;}
  .a_c06_con dl:nth-of-type(3n+1):before{display: block;}
  .a_c06_con dl:nth-of-type(2n+1):before{display: none;}
}
@media only screen and (max-width:1000px){
  .about_con06{background-position: center 0px;}
  .a_c06_con{height: auto;width: 100%;float: right;margin-top: 30px;margin-bottom:0;padding:20px;box-sizing:border-box;}
  .a_c06_con dl{float: none;width: 100%;border-top:1px solid #3f3f3f;margin-top: 20px;}
  .a_c06_con dl:before{display: none;}
  .a_c06_con dl:first-child{border-top:0;}
  .a_c06_con dl:first-child dt{margin-top:0;}
  .a_c06_con dl dd{overflow: hidden;margin-top: 5px;}
  .a_c06_con dl dd:nth-of-type(1){height: auto;}
  .a_c06_con dl>*{width: 90%;}
  .a_c06_con dl:nth-of-type(3n+1):before{display: none;}
}
@media only screen and (max-width:767px){
  .about_con06{background-position: 41% -130px;background-color:#494949;margin-top: 10px;}
  .a_c06_con{width: 100%;}
  .a_c06_con dl>*{width: 280px;margin-top: 20px;}
  .a_c06_con dl dd p{width:230px; }

  .a_c06_con dl{height: auto;}
  .a_c06_con dl dd em{font-weight: 700;color: #dedede;}
}

/*产品与解决方案详情*/
.pro_con_nav{height: 80px;background: #a1a2a4;line-height: 80px;text-align: center;}
.pro_con_nav li{color: #fff;display: inline-block;margin-left: 20px;}
.pro_con_nav li a{color: #fff;margin-left:20px;display: inline-block;height:78px;border-bottom: 2px solid #a1a2a4;}
.pro_con_nav li:first-child{margin-left: 0;}
.pro_con_nav li:first-child i{display: none;}
.pro_con_nav li:first-child a{margin-left: 0px;}
.pro_con_nav li:hover a{border-bottom: 2px solid #d7000f;}
.pro_con_nav li.active a{border-bottom: 2px solid #d7000f;}
@media only screen and (max-width:767px){
  .pro_con_nav{height: auto;line-height: 1.8;text-align: left;padding:10px;box-sizing:border-box;}
  .pro_con_nav li{margin-left: 0;padding:0 10px;box-sizing:border-box;}
  .pro_con_nav li a{height: auto;margin-left: 0;}
  .pro_con_nav li i{display: none;}
}
.program_con01.about_con01 .qygk>*{float: left;}

.program_con01.about_con01 .qygk .more1{margin-top: 20px;}
.program_con01.about_con01 .qygk a.more{display: block;color: #fff;border:1px solid #d7000f;width:115px;text-align:center;line-height:35px;height: 35px;border-radius: 35px;background: #d7000f;position: relative;}
.program_con01.about_con01 .qygk a.more i{position: absolute;right: 5px;top: 50%;margin-top: -4px;
  width: 0px;height: 0px;display: block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 8px solid #fff;
  border-right: 8px solid transparent;
}

.program_con02{background: #f2f2f2;}
.program_con02 dl{transition:all 0.5s ease-in-out;padding:20px 30px;margin-top:40px;}
.program_con02 dl:nth-of-type(2n){background:#fafafa;}
.program_con02 dl:hover{background: #fff;box-shadow: 0 0 20px #ccc;}

.program_con02 dl dt{float: left;width: 500px;margin-right: -500px;position: relative;z-index: 2;top: 0px;}
.program_con02 dl dt img{width: 100%;}
.program_con02 dl dd{float: left;width: 100%;}
.program_con02 dl dd div.p{color: #747474;}
.program_con02 dl dd>*{padding-left: 550px;}
.program_con02 dl.dl02 dt{float: right;margin-left: -500px;width: 500px;margin-right: 0;}
.program_con02 dl.dl02 dd>*{padding-right: 550px;padding-left: 0;}
@media only screen and (max-width: 1200px){
  .program_con02 dl{margin-top: 30px;}
  .program_con02 dl dt{width: 350px;margin-right: -350px;}
  .program_con02 dl dd>*{padding-left: 400px;}
  .program_con02 dl.dl02 dt{margin-left: -350px;width: 350px;}
  .program_con02 dl.dl02 dd>*{padding-right: 400px;}
}
@media only screen and (max-width: 800px){
  .program_con02 dl dt{width: 250px;margin-right: -250px;}
  .program_con02 dl dd>*{padding-left: 280px;}
  .program_con02 dl.dl02 dt{width: 250px;margin-left: -250px;}
  .program_con02 dl.dl02 dd>*{padding-right: 280px;}
}
@media only screen and (max-width: 767px){
  .program_con02 dl{padding:10px;margin-top: 20px;}
  .program_con02 dl dt{float: right!important;width: 180px;margin:0!important;top:0px;}
  .program_con02 dl dd>*{padding:0!important;}
}
.porgram_con02_01 {min-height:420px;background:#fff url("../img/pro_bj.jpg"/*tpa=http://www.hanergy.com/hanneng/img/pro_bj.jpg*/) no-repeat center bottom;}
.porgram_con02_01 .w1090{padding-left: 100px;padding-right: 100px;box-sizing:border-box;}
.porgram_con02_01 h3{text-align: center;margin-bottom: 20px;}
.porgram_con02_02{background: #f9f9f9;}
.porgram_con02_02 .news_c01_img{width: 550px;height: auto;}
.porgram_con02_02 .news_c01_text{width:500px;height: auto;}
.porgram_con02_02 .news_c01_text dl{height: auto;transform:translateY(0);width:100%;margin-top: 30px;}
.porgram_con02_02 .news_c01_text dl div.p{height: 18em;}
@media only screen and (max-width: 1366px){
  .news_c01_img .bx-wrapper .bx-pager, .news_c01_img .bx-wrapper .bx-controls-auto{bottom: 15px;}
}
@media only screen and (max-width: 1200px){
  .porgram_con02_01 .w1090{padding:20px;}
  .porgram_con02_02 .news_c01_img{width: 45%;padding-bottom: 0;}
  .porgram_con02_02 .news_c01_text{width: 50%;}
  .porgram_con02_02 .news_c01_text dl{width: 100%;margin-top: 0;}
}
@media only screen and (max-width: 1000px){
  .porgram_con02_02 .news_c01_img{width: 60%;}
  .porgram_con02_02 .news_c01_text{width: 37.5%;}
}
@media only screen and (max-width: 767px){
  .porgram_con02_02 .news_c01_img{width: 100%;float: none;}
 .porgram_con02_02 .news_c01_text{width: 100%;float: none;}
 .porgram_con02_02 .news_c01_text dl div.p{height: auto;}
}

.program_con03{text-align: center;}
.program_con03 dl{float: left;width: 25%;}
.program_con03 dt{height: 92px;}
.program_con03 dt img{max-width: 100%;}
.program_con03 dd p{width: 195px;line-height: 1.6;height: 4.8em;margin: 10px auto 0;overflow: hidden;}
@media only screen and (max-width: 800px){
  .program_con03 dl{width:33.33%;}
}
@media only screen and (max-width: 767px){
  .program_con03 dl{width:50%;}
  .program_con03 dt{width: 70px;margin:0 auto;height: 80px;}
  .program_con03 dd p{width: 100%;}
}
@media only screen and (max-width: 320px){
  .program_con03 dd p{height: 4.8em;}
  .program_con03 dd p br{display: none;}
}
.program_con04{background:url("../img/pro_con_img12.jpg"/*tpa=http://www.hanergy.com/hanneng/img/pro_con_img12.jpg*/) center bottom;}
.program_con04 h3{color: #fff;text-align: center;}
.program_con04 .c04_tab{text-align: center;}
.program_con04 .c04_tab li{color: #fff;display: inline-block;margin-left: 20px;cursor: pointer;}
.program_con04 .c04_tab li span{color: #fff;margin-left:20px;display: inline-block;}
.program_con04 .c04_tab li:first-child{margin-left: 0;}
.program_con04 .c04_tab li:first-child i{display: none;}
.program_con04 .c04_tab li:first-child span{margin-left: 0px;}
.program_con04 .c04_tab li:hover span{border-bottom: 2px solid #d7000f;color: #d7000f;}
.program_con04 .c04_tab li.hover span{border-bottom: 2px solid #d7000f;color: #d7000f;}

.program_con04 .tab_con01{display: none;}
.program_con04 .tab_con01:first-child{display: block;}
.program_con04 .tab_con01 .left{float: left;width: 480px;color: #fff;}
.program_con04 .tab_con01 .left h4{text-align: center;}
.program_con04 .tab_con01 .left img{max-width: 100%;}
.program_con04 .tab_con01 .left .p{padding-left: 20px;color: #e4e4e4;}
.program_con04 .tab_con01 .right{float: right;width: 520px;color: #fff;}
.program_con04 .tab_con01 .right dd:first-child{border-top: 1px dotted #fff;}
.program_con04 .tab_con01 .right dd{overflow:hidden;padding:8px 0;border-bottom: 1px dotted #fff;}

.program_con04 .tab_con01 .right dd p{width: 70%;float: left;}
.program_con04 .tab_con01 .right dd p:first-child{width: 30%;}
@media only screen and (max-width: 1140px){
  .program_con04 .tab_con01 .left{width: 40%;}
  .program_con04 .tab_con01 .right{width: 50%;}
}
@media only screen and (max-width:767px){
  .program_con04 .tab_con01 .left{float: none;width: 100%;}
  .program_con04 .tab_con01 .left .p{padding-left: 0;}
  .program_con04 .tab_con01 .left img{max-width: inherit;width: 80%;}
  .program_con04 .tab_con01 .right{float: none;width: 100%;margin-top: 20px;}
}

.program_con05 h3{color: #303030;text-align: center;}
.program_con05 .c04_tab{text-align: center;}
.program_con05 .c04_tab li{color: #303030;display: inline-block;margin-left: 20px;cursor: pointer;}
.program_con05 .c04_tab li span{color: #303030;margin-left:20px;display: inline-block;}
.program_con05 .c04_tab li:first-child{margin-left: 0;}
.program_con05 .c04_tab li:first-child i{display: none;}
.program_con05 .c04_tab li:first-child span{margin-left: 0px;}
.program_con05 .c04_tab li:hover span{border-bottom: 2px solid #d7000f;color: #d7000f;}
.program_con05 .c04_tab li.hover span{border-bottom: 2px solid #d7000f;color: #d7000f;}

.program_con05 .tab_con01{display: none;}
.program_con05 .tab_con01:first-child{display: block;}
.program_con05 .tab_con01 dl{float: left;margin-right: 1%;margin-top:10px;width: 32.5%;position: relative;}
.program_con05 .tab_con01 dl:nth-of-type(3n){margin-right: 0;}
.program_con05 .tab_con01 dt{width: 100%;height: 0px;padding-bottom: 74%;overflow: hidden;}
.program_con05 .tab_con01 dt img{width: 100%;}
.program_con05 .tab_con01 dd{position: absolute;bottom: 0px;left: 0px;right: 0px;background: rgba(0,0,0,0.5);color: #fff;}
.program_con05 .tab_con01 dd a{color: #fff;padding:10px;display: block;}
@media only screen and (max-width:1110px){

  .program_con05 .tab_con01 dl{width: 31.8%;margin-right: 2%;}
}

.program_con06 h3{color: #303030;text-align: center;}
.program_con06 dt{float: left;position: relative;}
.program_con06 dt img{width: 100%;}
.program_con06 dt p{position: absolute;top: 50%;left: 50%;color:#fff;transform:translate(-50%,-50%);}
.program_con06 dd{float: left;position: relative;margin-bottom: 22px;margin-left: 16px;}
.program_con06 dd img{width: 100%;}
.program_con06 dd p{position: absolute;top: 50%;left: 50%;color: #fff;transform:translate(-50%,-50%);}
@media only screen and (max-width:1110px){
  .program_con06 dt{width: 40%;}
  .program_con06 dd{width: 19%;margin-left: 1%;margin-bottom: 1.5%;}
}
@media only screen and (max-width:600px){
  .program_con06 dt{width: 100%;}
  .program_con06 dd{width: 49.5%;margin-top: 1%;margin-bottom: 0;margin-right: 1%;margin-left: 0;}
  .program_con06 dd:nth-of-type(2n){margin-right: 0;}
}
.program_con07{background: url("../img/pro_con_img23.jpg"/*tpa=http://www.hanergy.com/hanneng/img/pro_con_img23.jpg*/) no-repeat;background-size: cover;}
.program_con07 h3{color: #fff;text-align: center;}
.program_con07 dl{width: 350px;float: left;margin-right:20px;color:#fff;}
.program_con07 dl.n3{margin-right: 0;}
.program_con07 dt{padding-left: 20px;border-left: 2px solid #fff;line-height: 1;}
.program_con07 dd{line-height: 1.5;margin-top: 20px;padding-left: 20px;color:#e4e4e4;}
@media only screen and (max-width:1110px){
  .program_con07 dl{width: 31.8%;margin-right: 2%;margin-bottom: 2%;}
}
@media only screen and (max-width:767px){
  .program_con07 dl{width: 48.5%;margin-bottom: 0;}
  .program_con07 dl.n3{margin-right: 2%;}
  .program_con07 dl:nth-of-type(2n){margin-right: 0;}
}
@media only screen and (max-width:500px){
  .program_con07 dl{width:100%;margin-right: 0!important;}
  .program_con07 dt{padding-left: 10px;}
  .program_con07 dd{height: auto;margin-top: 10px;padding-left: 10px;}
}
.program_con08{position: relative;}
.program_con08:after{content: "";display:block;position: absolute;top: 221px;left: 0px;right: 0px;height: 1px;background: #d7000f;}
.program_con08 h3{color: #303030;text-align: center;}
.program_con08 .c08{max-width: 1100px;margin:0 auto;position: relative;z-index: 2;}
.program_con08 .c08 img{width: 100%;}
@media only screen and (max-width:1440px){
  .program_con08:after{top: 215px;}
}
@media only screen and (max-width:1366px){
  .program_con08:after{top: 185px;}
}
@media only screen and (max-width:1200px){
  .program_con08:after{top: 165px;}
}
@media only screen and (max-width:1100px){
  .program_con08:after{display: none;}
}

.pro_tab .pro_tab_con{display: none;}
.pro_tab01.pro_tab_con{display: block;}











.w1090{width: 1090px;margin-left:auto;margin-right: auto;}
@media only screen and (max-width: 1110px){
  .w1090{width: 100%;padding-left:20px;padding-right:20px;-webkit-box-sizing:border-box;box-sizing:border-box;}
}
@media only screen and (max-width: 767px){
  .w1090{padding-left:10px;padding-right:10px;}
}
/*更多按钮*/
.more a{display: block;color: #313134;border:1px solid #313134;width:115px;margin:0 auto;text-align:center;line-height:35px;height: 35px;border-radius: 35px;position: relative;}
.more a i{position: absolute;right: 5px;top: 50%;margin-top: -4px;
  width: 0px;height: 0px;display: block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 8px solid #313134;
  border-right: 8px solid transparent;
}
.more a:hover{background: #d7000f;color: #fff;border:1px solid #d7000f;}
.more a:hover i{border-left: 8px solid #fff;}
.white_more a{color: #fff;border:1px solid #fff;}
.white_more a i{border-left: 8px solid #fff;}
.red_more a{background: #d7000f;color: #fff;border:1px solid #d7000f;}
.red_more a i{border-left: 8px solid #fff;}
@media only screen and (max-width: 767px){
  .more{margin-top: 15px;}
  .more a{width: 100px;height:28px;line-height: 26px;font-size:12px;
    background: #313134;color: #fff;border:1px solid #313134;
  }
  .more a i{right: 0;margin-top:-3px;border-left: 8px solid #fff;}
}
/*分页*/
.page { vertical-align: middle; 
  text-align: center;color: #808080;
 width: 100%;
  margin-top: 10px;
}
.page input { vertical-align: middle; }
.page span { margin-right: 0; color:#171717; font-size:16px; line-height: 28px;  }
.page a { vertical-align: middle; display: inline-block; width: 28px; height: 28px; line-height: 28px; 
  text-align: center; color: #171717; margin: 0px 5px; 
  font-family: Arial, Helvetica, sans-serif; font-size:16px;
}
.page a.on {color: #d7000f; }
.page a:hover {color: #d7000f !important; }
.page a.prev { width: 50px; height: 28px;}
.page a.next { width: 50px; height: 28px;}
.page a.first { width: 50px; height: 28px;letter-spacing:6px; background:none !important; color:#171717 !important; }
.page a.last { width: 50px; height: 28px;letter-spacing:6px; background:none !important; color:#171717 !important; } 
.page span.txtnum { display: inline-block; width: 30px; height: 26px; line-height: 26px; border: 1px solid #d9d9d9; margin: 0px 0 0 10px; vertical-align: middle; border:1px solid #d2d2d2; margin-right:12px; }
.page span.txtnum input { width: 30px; color: #171717; height: 26px; line-height: 26px; text-align: center; font-family: Arial, Helvetica,sans-serif; font-size: 12px; background: transparent; border: none; border:0; float:left; }
.page a.go {  color: #171717;font-size:12px;width:28px;line-height: 28px;margin: 0 10px 0 0;}
.page label{ color:#171717;}
@media only screen and (max-width: 1000px){
  .page a,.page i,.page span,.page span.txtnum{display: none;}
  .page a{font-size: 14px;}
  .page a.prev{display: inline-block;text-indent: 0px;width:75px;height:26px;line-height:26px;border:1px solid #d7000f;border-radius: 8px;}
  .page a.next{display: inline-block;text-indent: 0px;width: 75px;height:26px;line-height:26px;border:1px solid #d7000f;border-radius: 8px;}
}  
@keyframes bounce{
  0%,20%,80%,53%,to{
    animation-timing-function:cubic-bezier(.215,.61,.355,1);
    transform:translateZ(0)
  }
  40%,43%{
    animation-timing-function:cubic-bezier(.755,.05,.855,.06);
    transform:translate3d(-30px,0,0)
  }
  70%{
    animation-timing-function:cubic-bezier(.755,.05,.855,.06);
    transform:translate3d(-15px,0,0)
  }
  90%{
    transform:translate3d(-9px,0,0)
  }
}

/*致辞*/
.add_relative{position: relative;overflow: hidden;}
.zc_bg{position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;background:rgba(0,0,0,0.5);z-index: 99;}
.pc_about.zc_bg{position: absolute;background:#fff;}
.zc_colse{display:block;position: absolute;right: 20px;top: 20px;cursor: pointer;}
.pc_about .zc_colse{display: none;}
.zc_con{height: 80%;width: 85%;background: #fff;overflow: hidden;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);}
.pc_about .zc_con{height: 100%;}
.zc_con .left{width:60%;float: left;height: 80%;}
.zc_con .left .tit{text-align: center;}
.zc_con .left .p{width: 90%;margin-left:auto;margin-right:auto;height: 100%;line-height: 2;color: #797979;overflow: hidden;}
.pc_about .zc_con .left .p{height: 80%;font-size: 16px;}
.zc_con .left .p h5{text-align: right;margin-top: 20px;}
.zc_con .left .p .img{text-align: right;margin-top: 20px;}
.zc_con .right{width:40%;float: left;margin-top:150px;}
.zc_con .right dt{float: left;width: 190px;}
.zc_con .right dt img{width: 100%;}
.zc_con .right dd{float: left;width: 380px;margin-left: 20px;margin-top: 20px;}
.zc_con .right dd h3{margin: 10px 0;}
.zc_con .right dd p{color: #747474;line-height: 1.8;height: 9em;overflow: hidden;}
.zc_con .right h3{margin-top: 40px;margin-bottom:10px;}
.zc_con .right li{float: left;margin-right: 30px;}
@media only screen and (max-width: 1700px){
  .zc_con .left .tit{margin-top: 30px;}
  .pc_about .zc_con .left .p{height: 82%;}
  .zc_con .right dt{width: 30%;}
  .zc_con .right dd{width: 66%;margin-left: 2%;padding-right: 2%;margin-top: 0;}
  .zc_con .right dd p{padding-right: 20px;}
}
@media only screen and (max-width: 1200px){
  .zc_con .right{margin-top: 100px;}
  .zc_con .right dt{width: 140px;float: none;}
  .zc_con .right dd{width: 100%;float:none;box-sizing:border-box;margin-left: 0;}
  .zc_con .right h3{margin-top:20px;}
  .pc_about .zc_con .left .p{font-size: 14px;}
}
@media only screen and (max-width: 1024px){
  .zc_con .left .p{overflow-y: auto; line-height: 1.6;}
}
@media only screen and (max-width: 800px){
  .zc_con .right li{width: 33.33%;margin-right: 0;}
}
@media only screen and (max-width: 767px){
  .zc_colse{top:10px;right:10px;}
  .zc_colse img{width: 20px;}
  .zc_con .left{width:100%;height: 50%;}
  .zc_con .left .p{height: 67%;}
  .zc_con .left .tit{margin-top: 20px;}
  .zc_con .right{width: 100%;margin-top: 0;box-sizing:border-box;padding:0 10px;}
  .zc_con .right dt{width: 40%;float: left;}
  .zc_con .right dd{width: 60%;float:left;margin-left: 0;box-sizing:border-box;padding-left:10px;}
  .zc_con .right dd p{padding-right: 0;line-height: 1.5;height: 6em;overflow: hidden;}
  .zc_con .right dd h3{margin:0;margin-bottom: 5px;}
}

.shu_ico{display: none;}
.shu_ico *{-webkit-backface-visibility: hidden}
.pc_about .shu_ico{display:block;z-index: 9999;position: absolute;top: 30px;left: 57%;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  /*animation: bounce 2s infinite;*/
  cursor: pointer;

}
.pc_about .shu_ico span{position: relative;display: block;width: 19px;height: 30px;
/*  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);*/
}
.pc_about .shu_ico span img{position: absolute;}
.pc_about .shu_ico span img:first-child{
  -webkit-animation: bounceY 2s infinite;
  -moz-animation: bounceY 2s infinite;
  -o-animation: bounceY 2s infinite;
  -ms-animation: bounceY 2s infinite;
  animation: bounceY 2s infinite;
  width: 19px;

}
.pc_about .shu_ico span img:first-child+img{
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
  left: 6px;top: 30px;
  -webkit-animation: ico_opa_B 2s infinite;
  -moz-animation: ico_opa_B 2s infinite;
  -o-animation: ico_opa_B 2s infinite;
  -ms-animation: ico_opa_B 2s infinite;
  animation: ico_opa_B 2s infinite;
}
.pc_about .shu_ico span img:first-child+img+img{
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
  left: 5px;top: 33px;
  -webkit-animation: ico_opa_B 2s infinite 1s;
  -moz-animation: ico_opa_B 2s infinite 1s;
  -o-animation: ico_opa_B 2s infinite 1s;
  -ms-animation: ico_opa_B 2s infinite 1s;
  animation: ico_opa_B 2s infinite 1s;
}

@-webkit-keyframes bounceY {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounceY {
  0%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-o-keyframes bounceY {
  0%, 100% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounceY {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

@-webkit-keyframes ico_opa_B{
  0%,100%{
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes ico_opa_B{
  0%,100%{
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes ico_opa_B{
  0%,100%{
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes ico_opa_B{
  0%,100%{
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

/*
.about_con03 .a_con03 dl:hover dt img{
  -webkit-animation: move_left 1s infinite;
  -moz-animation: move_left 1s infinite;
  -o-animation: move_left 1s infinite;
  -ms-animation: move_left 1s infinite;
  animation: move_left 1s infinite;
}

@keyframes move_left{
  0%{
    animation-timing-function:cubic-bezier(.755,.05,.855,.06);
    transform:translate3d(0px,0,0)
  }
  50%{
    transform:translate3d(0px,-15px,0)
  }
  100%{
    transform:translate3d(0px,0,0)
  }
}
*/

/*招商加盟*/
/*.add_con{background: #f3f3f3;}*/

.jxs-box { padding: 70px 160px; padding-right: 0px; overflow: hidden; box-sizing: border-box; display: table; width: 100%; }
.jxs-box.mb0 { margin-bottom: 0; }
.jxs-box.jsx-box-bg { background: #f3f3f3; }
.jxs-box .jxs-left { width: 30%; border-right: 1px solid #dbdbdb; font-size: 24px; display: table-cell; vertical-align: middle; }
.jxs-box .jxs-left span { display: block; }
.jxs-box .jxs-left i { width: 25px; height: 3px; display: inline-block; background: #d6000f; }
.jxs-box .jxs-right { width: 83%; float: left; padding-left: 10%; }
.jxs-box .jxs-right .gou li { font-size: 16px; width: 100%; background: url("../img/icon-jxs.png"/*tpa=http://www.hanergy.com/hanneng/img/icon-jxs.png*/) no-repeat left center; background-size: 23px; padding: 10px 0; padding-left: 30px; color: #333333; }
.jxs-box .jxs-right ul li { font-size: 16px; color: #333333; padding: 5px 0; }

.jxs-jmlc { background: url("../img/jm-bg.jpg"/*tpa=http://www.hanergy.com/hanneng/img/jm-bg.jpg*/) no-repeat center; text-align: center; margin-bottom: 50px; }
.jxs-jmlc .jxs-title { font-size: 24px; color: #fff; padding-top: 70px; }
.jxs-jmlc ul { overflow: hidden; display: inline-block; padding-top: 100px; padding-bottom: 100px; }
.jxs-jmlc ul li { float: left; padding: 0 20px; text-align: center; }
.jxs-jmlc ul li .text { padding-top: 30px; font-size: 14px; color: #fff; }
.jxs-jmlc ul li img { display: inline-block; }
.jxs-jmlc ul li.point { font-size: 30px; color: #fff; padding-top: 20px; }

@media screen and (max-width: 1024px) {
  .jxs-box { padding: 5%; margin-bottom: 0;width: auto;box-sizing:border-box;width: auto;display: block; }
  .jxs-box .jxs-left {width: 100%;float: none;border:none;}
  .jxs-box .jxs-right {padding: 0}
  .jxs-box.jsx-box-bg{background: none}
  .jxs-jmlc ul{ display: flex;justify-content: center;flex-wrap: wrap;padding: 30px}
  .jxs-jmlc ul li { padding: 15px;}
}
@media screen and (max-width: 480px) {

  .jxs-box{padding: 5% 0 0 0 ;}
  .jxs-box .jxs-left{font-size: 20px;}
  .jxs-box .jxs-right {width: 100%;}
  .jxs-box .jxs-right .gou li{font-size: 14px;}
  .jxs-jmlc{background: url("../img/jm-bg.jpg"/*tpa=http://www.hanergy.com/hanneng/img/jm-bg.jpg*/) no-repeat center top;margin-top: 8%; background-size: 100% 100%;margin-bottom: 0;}
  .jxs-jmlc .jxs-title{padding-top: 5%;font-size: 20px;}
  .jxs-jmlc ul li.point{display: none;}
  .jxs-jmlc ul li .text{padding-top: 10%;}
}
.hotline { background: #d6000f; text-align: center; padding: 30px 0; }
.hotline .wrap {width: auto; display: inline-block; color: #fff; font-size: 16px; background: url("../img/icon-phone.png"/*tpa=http://www.hanergy.com/hanneng/img/icon-phone.png*/) no-repeat left center; background-size: 35px; padding-left: 50px; }
.hotline .wrap span { font-size: 28px; padding-left: 20px; }


.search_input{border-bottom: 1px solid #acacac;}
.search_input p{float: left;position: relative;overflow: hidden;}
.search_input p.p2:after{content: "";position: absolute;left: 0px;top:10px;width:1px;bottom: 10px;background: #acacac;}
.search_input input[type="text"]{width: 350px;height: 45px;line-height:45px;border:1px solid #acacac;float: left;border-right: 0;padding-left: 10px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.search_input input[type="button"]{width: 47px;height: 47px;border:1px solid #acacac;
  float:left;border-left: 0;background: transparent;border-top-right-radius: 8px;border-bottom-right-radius: 8px;
  background: url("../img/search1_btn.png"/*tpa=http://www.hanergy.com/hanneng/img/search1_btn.png*/) no-repeat center;
}
.search_list em{color: #c1000e;}
.search_list .p {border-bottom: 1px dotted #aaa;padding-bottom: 15px;margin-top:30px;}
.search_list dl{border-bottom: 1px dotted #aaa;padding-bottom: 25px;margin-top: 25px;}
.search_list dd a{color: #999;}
.search_list dd.time{margin:5px 0;}
@media only screen and (max-width:1366px){
  .search_list dl{padding-bottom: 15px;margin-top: 15px;}
}
@media only screen and (max-width:1000px){
  .search_input{margin-top: 30px;}
}
@media only screen and (max-width:767px){
  .search_input{margin-top: 0px;}
}
@media only screen and (max-width:500px){
  .search_input p{box-sizing:border-box;}
  .search_input p.p1{width: 82%;}
  .search_input p.p2{width: 17%;}
  .search_input input{width: 100%;box-sizing:border-box;}
  .search_input input[type="text"]{height:35px;line-height: 35px;}
  .search_input input[type="button"]{height:35px;}
  .search_list dt a{font-size: 16px;}
}
.news_edit{min-height:300px;max-width:100%;}

.join_input{width: 1080px;background: #fff;margin:0 auto 50px;}
.join_input h3{text-align: center;position: relative;height: 50px;line-height: 40px;width: 100%;margin-top: 10px;font-size:24px;}
.join_input h3 span{width: 20px;height: 3px;background: #d7000f;position: absolute;left: 50%;bottom: 0px;margin-left: -10px;}
.join_input .input{width: 100%;margin-top:20px;}
.join_input .p{float: left;margin:0 2% 20px 2%;position: relative;width: 29%;}
.join_input .p label{font-size:12px;display: inline-block;margin-right: 2%;height:30px;line-height: 30px;float: left;width: 23%;text-align: right;}
.join_input .p label em{color: #d00217;}
.join_input .p label.error{position: absolute;top: 0px;right: 0px;color: #f00;}
.join_input .p input{float:left;border:1px solid #ccc;width: 75%;height:30px;line-height: 30px;border-radius: 30px;box-sizing:border-box;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.join_input .input_submit{width: 100%;margin-top:20px;text-align: center;float: left;}
.join_input .input_submit input{width: 115px;height: 35px;line-height: 35px;text-align: center;color: #fff;background: #d7000f;border:0;border-radius: 35px;}

@media only screen and (max-width:1100px){
  .join_input{width: 100%;}
  .join_input .p label{width: 28%;}
  .join_input .p input{width: 70%;}
}
@media only screen and (max-width:905px){
  .join_input .p{width: 46%;}
}
@media only screen and (max-width:767px){
  .join_input{margin-bottom: 30px;}
  .join_input h3{margin-top: 30px;}
  .join_input .p{width:100%;margin: 0 0 10px 0;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;}
}
.news_con04 dl dd:nth-of-type(3){display: none;}
.about_con01 .qygk.xuanchuan>*{float: left;width:410px;}
.about_con01 .qygk.xuanchuan .left h3{color: #333;}
.about_con01 .qygk.xuanchuan .left .p{color: #797979;}
.about_con01 .qygk.xuanchuan .right{float: right;width:600px;position: relative;}
.about_con01 .qygk.xuanchuan .right>img{width: 100%;}
.about_con01 .qygk.xuanchuan .right .video_button{margin:0;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);}
@media only screen and (max-width:1440px){
  .about_con01 .qygk.xuanchuan .right{width: 500px;}
}
@media only screen and (max-width:1200px){
  .about_con01 .qygk.xuanchuan>*{width: 50%;}
  .about_con01 .qygk.xuanchuan .right{width: 40%;}
}
@media only screen and (max-width:1000px){
  .about_con01 .qygk.xuanchuan{margin-top: 0;}
}
.about_con01.xuanchuan01 img.pc_img{display: block;}
.about_con01.xuanchuan01 img.phone_img{display: none;}
@media only screen and (max-width:767px){
  .about_con01.xuanchuan01 img.phone_img{display: block;}
  .about_con01.xuanchuan01 img.pc_img{display: none;}
  .about_con01.xuanchuan01 .edit_video{padding-bottom: 41%;}
  .about_con01.xuanchuan01 .edit_video .edit_v_btn:after{display:block;content: "";position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0,0,0,0.3);}
  .about_con01.xuanchuan01 em{z-index: 99;}
  .about_con01 .qygk.xuanchuan .right{display: none;}
  .about_con01 .qygk.xuanchuan .left{width: 100%;}
}
.zhidu{background-repeat:no-repeat;background-size: cover;/*height: 0px;padding-bottom: 40%;*/padding-bottom: 100px;}
.about_con02.zhidu .w1090{background: none;height: auto;padding-bottom: 0;}
.about_con02.zhidu dl img.hover_img02{display: none;}
.about_con02.zhidu dl{border-top:4px solid transparent;width: 525px;float: left;margin:30px 40px 0 0;background: rgba(0,90,172,.05);padding:45px 30px;box-sizing:border-box;}
.about_con02.zhidu dl:nth-of-type(2n){margin-right: 0;}
.about_con02.zhidu dl dt{float: left;margin-right: -50px;width: 50px;}
.about_con02.zhidu dl dt img{width: 100%;}
.about_con02.zhidu dl dd{float: left;margin-left: 30px;width: 100%;}
.about_con02.zhidu dl dd p{padding-left:50px;width: 100%;overflow: hidden;
  padding-right:10px;box-sizing:border-box;}
.about_con02.zhidu dl:hover dt img.hover_img01{display: none;}
.about_con02.zhidu dl:hover dt img.hover_img02{display: block;}
.about_con02.zhidu dl:hover{background: rgba(50,50,50,1);border-top:4px solid #d7000f;}
.about_con02.zhidu dl:hover p{color: #fff;}
@media only screen and (max-width:1600px){
  .zhidu{padding-bottom: 50px;}
}
@media only screen and (max-width:1366px){
  .about_con02.zhidu .mb_30{margin-bottom: 0;}
}
@media only screen and (max-width:1150px){
  /*.zhidu{padding-bottom: 55%;}*/
  .about_con02.zhidu dl{width: 47%;}
}
@media only screen and (max-width:1000px){
  /*.zhidu{padding-bottom: 65%;}*/
}
@media only screen and (max-width:767px){
  .zhidu{padding-bottom: 30px;}
  .about_con02.zhidu dl{width: 100%;margin:0;margin-top: 20px;padding:25px 20px;}
  .about_con02.zhidu dl dt{width:30px;margin-right: -30px;}
  .about_con02.zhidu dl dd p{padding-left: 15px;}
}
.tongdao{background-repeat:no-repeat;background-size: cover;padding-bottom: 200px;}
.tongdao dl{margin-top: 45px;}
.tongdao dt{color: #333;}
.tongdao dd{color: #666;margin-top: 15px;line-height: 34px;overflow: hidden;}
.tongdao dd img{margin-right: 15px;vertical-align: middle;float: left;}
.tongdao dd p{float: left;}
@media only screen and (max-width:1366px){
  .tongdao{padding-bottom: 100px;}
}
@media only screen and (max-width:767px){
  .tongdao{padding-bottom: 50px;}
  .tongdao dd img{width: 20px;margin-right: 10px;margin-top: 10px;}
  .tongdao dd p{width: 80%;}
}
.edit_con_original div{
	text-indent:2em;
	    line-height: 35px;
}
.edit_con_original div img{
	display: block; margin:0 auto;
}
.edit_con_original p{
	margin:10px 0;
}

.wa-video video{
	display:block;
	margin:0px auto;
}