body{
	background-color: #f9f9f9;
}
.photo-banner-box{
	width: 100%;
	height: 800px;
	background: url("../images/photovoltaic/banner.png") center center no-repeat ;
	position: relative;
}
.photo-banner-h5{
	display: none;
}
.photo_head{
	width: 100%;
	margin: 80px auto 105px;
}
.photo_head_title{
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	line-height: 40px;
	text-align: center;
	margin-bottom: 60px;
	cursor: pointer;
}
.photo_head_title:hover{
	color: #004EA2;
}
.photo_head_ul{
	display: grid;
	grid-template-columns: repeat(auto-fill, 32%);
	grid-gap: 2%;
}
.photo_head_ul li{
	background: #FFFFFF;
	border-radius: 10px;
	padding: 26px 38px;
	cursor: pointer;
}
.photo_head_ul li:hover{
	box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.06);
	background: linear-gradient(180deg, #d8e8f8, #fff 60%);
}
.photo_head_li_img{
	margin-bottom: 30px;
}
.photo_head_li_title{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	line-height: 24px;
	border-bottom: 1px solid #DCECFC;
	padding-bottom: 23px;
	margin-bottom: 27px;
}
.photo_head_li_title span{
	font-size: 30px;
	font-family: Arial;
	font-weight: bold;
	color: rgba(194, 217, 253, 0.42);
	line-height: 24px;
	text-transform: uppercase;
}
.photo_head_li_sub{
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 40px;
	box-sizing: border-box;
	padding-left: 16px;
	position: relative;
	margin-bottom: 16px;
}
.photo_head_li_sub:after{
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #004EA2;
	position: absolute;
	left: 0;
	top: 16px;
}
.content-main-box{
	width: 100%;
}
.photo_head{
	width: 1400px;
	margin: 0 auto;
}
.photo_flow{
	width: 100%;
	padding: 85px 0 80px;
	background: linear-gradient(180deg, #ebebeb, #f9f9f9 80%);
	margin-top: 105px;
}
.photo_flow_title{
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	line-height: 36px;
	text-align: center;
	margin-bottom: 60px;
	cursor: pointer;
}
.photo_flow_title:hover{
	color: #004EA2;
}
.photo_flow_ul{
	display: flex;
	justify-content: space-between;
}
.photo_flow_li{
	width: 326px;
	background: url("../images/photovoltaic/photo_flow_li.png") center center no-repeat;
	background-size: 100%;
	height: 304px;
	position: relative;
}
.photo_flow_li.photo_flow_li_it{
	width: 326px;
	background: url("../images/photovoltaic/photo_flow_li_it.png") center center no-repeat;
	background-size: 100%;
	height: 467px;
	position: relative;
}
.photo_flow_li.photo_flow_li_it .photo_fli_sub{
	text-align: left;
	padding: 0 40px;
	position: relative;
}
.photo_flow_li.photo_flow_li_it .photo_fli_sub.photo_fli_sub_en{
	margin-bottom: 14px;
}
.photo_flow_li.photo_flow_li_it .photo_fli_sub:after{
	position: absolute;
	content: "";
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #333333;
	left: 20px;
}

.photo_flow_tip{
	position: absolute;
	top: 135px;
	right: -42px;
	z-index: 1;
}
.photo_flow_box{
	width: 1400px;
	margin: 0 auto;
}
.photo_flow_box .photo_fli_num{
	font-size: 36px;
	font-family: Gadugi;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	line-height: 36px;
	text-shadow: 1px 1px 0px #043972;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 24px;
}
.photo_flow_box .photo_fli_title{
	font-size: 24px;
	font-weight: bold;
	color: #004EA2;
	/*line-height: 24px;*/
	text-align: center;
	margin-bottom: 23px;
	line-height: 1.2;
}
.photo_flow_box .photo_flow_li_it .photo_fli_title {
	min-height: 58px;
}
.photo_flow_box .photo_fli_sub{
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	text-align: center;
}
.photo_flow_ul_h5{
	display: none;
}
.photo_bottom{
	width: 1400px;
	margin: 80px auto;
}
.photo_bottom_title{
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	line-height: 40px;
	margin-bottom: 90px;
	text-align: center;
	cursor: pointer;
}
.photo_bottom_title:hover{
	color: #004EA2;
}
.photo_bottom_img{
	display: flex;
	justify-content: space-around;
}
.photo_bottom_img>div{
	text-align: center;
}
.photo_bottom_img>div>img{
	width: 108px;
	margin-bottom: 30px;
	transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	cursor: pointer;
}
.photo_bottom_img>div>img:hover{
	transform: scale(1.12);
	-moz-transform: scale(1.12);
	-webkit-transform: scale(1.12);
}
.photo_bottom_img>div>p{
	font-size: 20px;
	color: #333333;
	/*line-height: 20px;*/
	line-height: 1.3;
}
.photo_bottom_ul{
	width: 100%;
	height: 100%;
	list-style: none;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
}
.photo_bottom_ul li{
	width: 180px;
	height: 158px;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.photo_bottom_ul li.active{
	width: auto;
	height: 158px;
	opacity: 1;
}
.photo_bottom_li_big{
	display: none;
}
.photo_bottom_ul li.active .photo_bottom_li_big{
	width: 788px;
	height: 158px;
	background: #004EA2;
	border-radius: 10px;
	padding: 49px 40px;
	display: flex;
	flex-direction: row;
}

.photo_bottom_ul li.photo_bottom_li_it{
	height: 240px;
}
.photo_bottom_ul li.photo_bottom_li_it.active{
	height: 240px;
}
.photo_bottom_ul li.photo_bottom_li_it.active .photo_bottom_li_big{
	height: 240px;
}
.photo_bottom_ul li.photo_bottom_li_it .photo_bottom_li_small{
	height: 240px;
}
.photo_bottom_ul li.photo_bottom_li_it .photo_bottom_li_small img{
	margin-top: 82px;
}


.photo_bottom_ul li.active .photo_bottom_li_big .photo_bottom_lib_left{
	margin-right: 20px;
	width: 56px;
}.photo_bottom_ul li.active .photo_bottom_li_big .photo_bottom_lib_right{
	 flex: 1;
 }
.photo_bottom_ul li.active .photo_bottom_li_big .photo_bottom_lib_right h1{
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 24px;
	margin-bottom: 18px;
}
.photo_bottom_ul li.active .photo_bottom_li_big .photo_bottom_lib_right p{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 1.6;
}
.photo_bottom_ul li.active .photo_bottom_li_small{
	display: none;
}
.photo_bottom_ul li .photo_bottom_li_small{
	width: 180px;
	height: 157px;
	background: #E0ECFE;
	border-radius: 10px;
	text-align: center;
}
.photo_bottom_ul li .photo_bottom_li_small img{
	margin: 44px auto 23px;
}
.photo_bottom_ul li .photo_bottom_li_small p{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
}
.photo_bottom_ul .imgBox>img{
	height: 100%;
	cursor: pointer;
}
.photo_bottom_ul_h5{
	display: none;
}
.cooperation_main{
	width: 1400px;
	margin: 80px auto;
}
.cooperation_main_title{
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	line-height: 40px;
	margin-bottom: 23px;
	text-align: center;
}
.cooperation_box{
	width: 100%;
	height: auto;
	background: url("../images/photovoltaic/cooperation_big.png") top center no-repeat;
	background-size: 100%;
	display: flex;
	justify-content: space-between;
}
.cooperation_box_h5{
	display: none;
}
.cooperation_box_list{
	margin-top: 90px;
	cursor: pointer;
}
.cooperation_box_list:hover .cooperation_box_list_head{
	background: url("../images/photovoltaic/cooperation_1on.png") top center no-repeat;
	background-size: 100%;
}
.cooperation_box_list:hover .cooperation_box_li_table{
	border: 1px solid #004EA2;
	background-size: 100%;
}
.cooperation_box_list:hover .cooperation_box_li_table::before{
	background: #ffffff;
	border: 1px solid #004EA2;
	border-style: solid none none solid ;
}
.cooperation_box_list.li2:hover .cooperation_box_list_head{
	background: url("../images/photovoltaic/cooperation_2on.png") top center no-repeat;
	background-size: 100%;
}
.cooperation_box_list_head{
	width: 98px;
	height: 137px;
	margin: 0 auto 60px;
	background: url("../images/photovoltaic/cooperation_1.png") top center no-repeat;
	background-size: 100%;
}
.cooperation_box_list.li2 .cooperation_box_list_head{
	background: url("../images/photovoltaic/cooperation_2.png") top center no-repeat;
	background-size: 100%;
}
.cooperation_box_li_table{
	background-size: 100%;
	width: 590px;
	height: auto;
	background-color: #ffffff;
	position: relative;
	padding: 40px 45px 40px;
	border: 1px solid #fff;
	border-radius: 10px;
}
.cooperation_box_li_table::before {
	content:'';
	position: absolute;
	left: 48%;
	top: -1px;
	transform: translate(-50%,-50%) rotate(45deg);
	width: 22px;
	height: 22px;
	background: #ffffff;
	border: 1px solid #ffffff;
	border-style: none none solid solid;
}
.cbl_table_title{
	font-size: 24px;
	font-weight: bold;
	color: #004EA2;
	line-height: 24px;
	padding-bottom: 22px;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 40px;
}
.cbl_table_ul li{
	font-size: 16px;
	color: #333333;
	line-height: 18px;
	padding-left: 18px;
	background: url("../images/photovoltaic/cbl_table_li.png") left center no-repeat;
	margin-bottom: 22px;
}
@media (max-width:1400px) {
	.photo_head{
		width: 1200px;
		margin: 0 auto;
	}
	.photo_flow_box{
		width: 1200px;
		margin: 0 auto;
	}
	.photo_bottom{
		width: 1200px;
	}
	.cooperation_main{
		width: 1200px;
	}
}
@media (max-width:1200px) {
	.photo_head{
		width: 100%;
	}
	.photo_flow_box{
		width: 100%;
	}
	.photo_flow_li{
		width: 100%;
		background: url("../images/photovoltaic/photo_flow_li.png") center center no-repeat;
		background-size: 100%;
		height: auto;
		position: relative;
	}
	.photo_bottom{
		width: 100%;
	}
	.photo_bottom_ul li.active .photo_bottom_li_big{
		width: 558px;
		height: 158px;
	}
	.photo_bottom_ul li .photo_bottom_li_small{
		width: 130px;
		height: 158px;
	}
	.cooperation_main{
		width: 100%;
	}
	.cooperation_box_li_table {
		background: #fff;
		background-size: 100%;
		width: 100%;
		height: 100%;
		padding: 20px 15px 20px;
	}
	.cooperation_box_list:hover .cooperation_box_li_table{
		background: #fff;
		background-size: 100%;
	}
}
@media (max-width:640px) {
	.photo-banner-h5{
		display: block;
		width: 100%;
		height: 260px;
		background: url("../images/photovoltaic/banner_h5.png") center center no-repeat ;
		background-size: 100%;
		position: relative;
	}
	.photo-banner-box{
		display: none;
	}
	.photo_head_ul{
		display: block;
	}
	.photo_head_ul li{
		margin-bottom: 20px;
		background: #FFFFFF;
		border-radius: 10px;
		padding: 20px 18px;
		cursor: pointer;
		padding-bottom: 10px;
	}
	.photo_head {
		width: 100%;
		margin: 38px auto 80px;
	}
	.photo_head_title {
		font-size: 22px;
		line-height: 24px;
		text-align: center;
		margin-bottom: 30px;
	}
	.photo_head_li_img {
		margin-bottom: 15px;
		width: 30px;
	}
	.photo_head_li_title {
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 12px;
		margin-bottom: 10px;
	}
	.photo_head_li_title span{
		font-size: 20px;
	}
	.photo_head_li_sub {
		font-size: 14px;
		line-height: 24px;
	}
	.photo_flow{
		width: 100%;
		background: linear-gradient(180deg, #f9f9f9, #f9f9f9 80%);
		margin-top: 80px;
		padding: 0;
	}
	.photo_flow_title{
		font-size: 22px;
		font-weight: bold;
		color: #333333;
		line-height: 24px;
		text-align: center;
		margin-bottom: 30px;
	}
	.photo_flow_ul{
		display: none;
	}
	.photo_flow_ul_h5{
		display: flex;
		justify-content: space-between;
	}
	.photo_flow_ul_h5 li{
		width: 47%;
		background: url("../images/photovoltaic/photo_flow_li_h5.png") top center no-repeat #fff;
		background-size: 100%;
		height: auto;
		margin-bottom: 20px;
		padding: 0 15px 5px;
		border-radius: 6px;
		position: relative;
	}
	.photo_flow_box .photo_fli_num {
		font-size: 20px;
		font-family: Gadugi;
		font-weight: bold;
		font-style: italic;
		color: #FFFFFF;
		line-height: 20px;
		text-shadow: 1px 1px 0px #043972;
		text-align: center;
		margin-top: 23px;
		margin-bottom: 10px;
	}
	.photo_flow_box .photo_fli_title {
		font-size: 16px;
		font-weight: bold;
		color: #004EA2;
		line-height: 18px;
		text-align: center;
		margin-bottom: 12px;
	}
	.photo_flow_box .photo_fli_sub {
		font-size: 14px;
		color: #333333;
		line-height: 22px;
		text-align: center;
	}
	.photo_flow_box>.photo_flow_ul_h5>.photo_flow_li.photo_flow_li_h5_it>.photo_fli_sub {
	    font-size: 14px;
	    color: #333333;
	    line-height: 22px;
	    text-align: left;
	    padding-left: 15px;
		margin-bottom: 5px;
		position: relative;
	}
	.photo_flow_box>.photo_flow_ul_h5>.photo_flow_li.photo_flow_li_h5_it>.photo_fli_sub:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    width: 4px;
	    height: 4px;
	    background: #004EA2;
	    border-radius: 3px;
	    top: 8px;
	}
	.photo_flow_tip{
		position: absolute;
		top: 90px;
		right: -30px;
		z-index: 1;
	}
	.photo_flow_tip2{
		position: absolute;
		left: 41%;
		bottom: -36px;
		z-index: 1;
	}
	.photo_bottom{
		width: 100%;
	}
	.photo_bottom_title {
		margin-bottom: 38px;
		font-size: 22px;
	}
	.photo_bottom_img>div{
		text-align: center;
		width: 33%;
	}
	.photo_bottom_img>div>img{
		width: 60%;
		margin-bottom: 15px;
	}
	.photo_bottom_img>div>p{
		width: 80%;
		font-size: 14px;
		color: #333333;
		line-height: 20px;
		margin: 0 auto;
	}
	.photo_bottom_ul{
		display: none;
	}
	.photo_bottom_ul_h5{
		display: block;
		margin-top: 30px;
	}
	.photo_bottom_ul_h5 li{
		width: 100%;
		height: 158px;
		display: inline-block;
		box-sizing: border-box;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		margin-bottom: 20px;
	}
	.photo_bottom_ul_h5 li.active{
		width: 100%;
		height: 158px;
		opacity: 1;
	}
	.photo_bottom_li_big{
		display: none;
	}
	.photo_bottom_ul_h5 li.active .photo_bottom_li_big{
		width: 100%;
		height: 158px;
		background: #004EA2;
		border-radius: 10px;
		padding: 40px 20px;
		display: flex;
		flex-direction: row;
	}

	/*.photo_bottom_ul_h5 li.photo_bottom_li_it {*/
	/*	height: 240px;*/
	/*}*/
	.photo_bottom_ul_h5 li.photo_bottom_li_it.active{
		width: 100%;
		height: auto;
	}
	.photo_bottom_ul_h5 li.photo_bottom_li_it.active.active .photo_bottom_li_big{
		height: auto;
	}




	.photo_bottom_ul_h5 li.active .photo_bottom_li_big .photo_bottom_lib_left{
		margin-right: 20px;
		width: 20px;
	}
	.photo_bottom_ul_h5 li.active .photo_bottom_li_big .photo_bottom_lib_right{
		flex: 1;
	}
	.photo_bottom_ul_h5 li.active .photo_bottom_li_big .photo_bottom_lib_right h1{
		font-size: 16px;
		font-weight: bold;
		color: #FFFFFF;
		line-height: 24px;
		margin-bottom: 13px;
	}
	.photo_bottom_ul_h5 li.active .photo_bottom_li_big .photo_bottom_lib_right p{
		font-size: 14px;
		color: #FFFFFF;
		line-height: 16px;
	}
	.photo_bottom_ul_h5 li.active .photo_bottom_li_small{
		display: none;
	}
	.photo_bottom_ul_h5 li .photo_bottom_li_small{
		width: 100%;
		height: 157px;
		background: #E0ECFE;
		border-radius: 10px;
		text-align: center;
	}
	.photo_bottom_ul_h5 li .photo_bottom_li_small img{
		margin: 44px auto 23px;
	}
	.photo_bottom_ul_h5 li .photo_bottom_li_small p{
		font-size: 16px;
		font-weight: bold;
		color: #333333;
		line-height: 16px;
	}
	.photo_bottom_ul_h5 .imgBox>img{
		height: 100%;
		cursor: pointer;
	}
	.cooperation_box{
		display: none;
	}
	.cooperation_box_h5{
		display: block;
	}
	.cooperation_main {
		width: 100%;
		margin: 38px auto;
	}
	.cooperation_box_list {
		margin-top: 30px;
		cursor: pointer;
	}
	.cooperation_main_title {
		font-size: 22px;
		margin-bottom: 0px;
		line-height: 22px;
	}
	.cooperation_box_li_table {
		background-size: 100%;
		width: 100%;
		height: auto;
		padding: 23px 12px;
		border: 1px solid #ffffff;
		background-color: #fff;
	}
	.cooperation_box_li_table::before {
		content: '';
		position: absolute;
		left: 10%;
		top: auto;
		bottom: -23px;
		transform: translate(-50%,-50%) rotate(45deg);
		width: 22px;
		height: 22px;
		background: #ffffff;
		border: 1px solid #ffffff;
		border-style: solid solid none none;
	}
	.cooperation_box_list:hover .cooperation_box_li_table{
		border: 1px solid #004EA2;
		background-size: 100%;
	}
	.cooperation_box_list:hover .cooperation_box_li_table::before{
		background: #ffffff;
		border: 1px solid #004EA2;
		border-style: none solid solid none;
	}
	.cooperation_box_li_table.li2 {
		background-size: 100%;
		width: 100%;
		height: auto;
		padding: 23px 12px;
		border: 1px solid #ffffff;
		background-color: #fff;
	}
	.cooperation_box_li_table.li2::before {
		content: '';
		position: absolute;
		left: 90%;
		top: -1px;
		bottom: auto;
		transform: translate(-50%,-50%) rotate(45deg);
		width: 22px;
		height: 22px;
		background: #ffffff;
		border: 1px solid #ffffff;
		border-style: solid solid none none;
	}
	.cooperation_box_list:hover .cooperation_box_li_table.li2::before{
		background: #ffffff;
		border: 1px solid #004EA2;
		border-style: solid none none solid;
	}
	.cbl_table_title {
		font-size: 16px;
		font-weight: bold;
		color: #004EA2;
		line-height: 18px;
		padding-bottom: 15px;
		border-bottom: 1px solid #EEEEEE;
		margin-bottom: 15px;
	}
	.cbl_table_ul li {
		font-size: 14px;
		color: #333333;
		line-height: 18px;
		padding-left: 18px;
		background: url(../images/photovoltaic/cbl_table_li.png) left 8px no-repeat;
		margin-bottom: 12px;
	}
	.cooperation_box_img img{
		width: 100%;
		margin: 5px auto;
	}
}