.power_card1 {display: flex; flex-wrap:wrap;}
.power_card1 .item {position: relative; width: 100%;}
.power_card1 .item .card {display: flex; flex-wrap:wrap; flex:1; height: 100%; box-sizing:border-box;}
.power_card1 .item .card > div {width: 60%;}
.power_card1 .item .card > div.img {width: 29.5%; margin-right: 3%; margin-bottom: 0;}
.power_card1 .item .card .txt {padding-top: .5em; min-height: 64%;}
.power_card1 .item .card .t1 {display: flex;}
.power_card1 .item .card .t1 em {white-space:nowrap;}
.power_card1 .item .card .h1 span {line-height: 1;}
.power_card1 .item .card .h0 {margin-bottom: .2em; color: #000; font-size: .9em;}
.power_card1 .item .card .icon img {max-width: 30%;}
.power_card1 .item .card .icon {bottom: 30px !important;}

.topicon {position: absolute; left: 10px; top: -50px;}

.power_card1 .item .card .bat span {display: inline-block;}
.power_a {min-height: 180px;}

/*
.power_card1 .item:first-child {width: 97%;}
.power_card1 .item .card.b0 {display: flex;}
.power_card1 .item .card.b0 .img {margin-bottom: 0; width: 90%;}
.power_card1 .item .card.b0 > div {width: 100%;}
*/

.power2_area1 {background-color: #462528;}
.logo1 {max-height: 2em;}
.power_q span.q {color: #462528; border-color: #462528;}
.power_q span.q:after {border-color: #462528;}


.power_a .imgs {position: relative; margin: 0 185px;}
.power_a .imgs .p_summary {position: absolute; left: 0; bottom: 0; width: 100%;}

.power_a.lft .tx.im {border-radius: 12px;}
.power_a.lft .tx.im:after,
.power_a.lft .tx.im:before {content:none;}


.power_tit1 {position: relative;}
.tit-icon1 {position: absolute; right: 0; bottom: 25%;}
.tit-icon1 img {width: 4em;}


.box_float.v4060 {}
.box_float.v4060 .item {width: 40%;}
.box_float.v4060 .item:nth-child(2n) {width: 60%;}


.power2_area2 .icon_img {position: absolute;}
.icon_img.ico1 {right: -130px ; top: -80px; width: 120px;}
.icon_img.ico2 {left: -200px ; bottom: -150px; width: 270px;}
.icon_img.ico3 {right: -20px ; top: -130px; width: 120px;}
.et_hh1 {height: 80px;}


.power2_area3 {background-color: #d1cbcb; padding-top: 0;}
.power2_area3 .power_tit1 {display: flex; text-align: left; justify-content: space-between; border-top: 2px solid rgb(230,66,115); padding-top: .5em; font-weight: 400; color: #000;}
.power2_area3 .power_tit1 img {width: auto !important; max-height: 4em; margin-top: -2em;}
.power2_area3 .box {
	box-shadow: -2px 3px 5px rgba(0, 0, 0, .3);
    border-radius: 12px ;
	background-color: #fff;
	padding: 3em 2em; margin-bottom: 2em;
}
.power2_area3 .box img {width: 100%;}

.power2_area4 {background-color: #657f93; }
.power2_area4 .im {overflow:hidden; display: block; text-align: left;}
.power2_area4 .im img {width: 55%;}
.power2_area4 .im img:last-child {float: right; margin-top: -20%;}


.highlight {background-color: #ffd753; color: #000;}

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

.power_a .tx.im {border-radius: 12px;}
.power_a .tx.im:after,
.power_a .tx.im:before {content:none;}


.ico1 {position: absolute; left: 180%; top:-100%; width: 120px;}
.ico2 {position: absolute; left: 100%; bottom: 10%; width: 30%;}
.ico3 {position: relative; margin-bottom: -15%;}
.ico4 {position: absolute; left: 101%; bottom:50%; width: 120px;}
.ico5 {position: absolute; left: 140%; bottom:-60%; width: 130px;}



.power_a.rgh .tx.ett {margin-left: 0; }
.power_a.rgh .tx.ett .desc_mf1 {margin-left: 185px;}
.power_a.rgh .tx.ett .im {right: auto; left: 30px; top: 50%; transform:translateY(-50%); width: 160px;}


@media all and (max-width:1200px){
	.hide-m2 {display: none;}
	.pr {padding-right: 100px;}
}


@media all and (max-width:960px){
	.power_a {min-height: 100px;}
	.power_a .tx.im {width: auto; margin-right: 0;}


	.topicon {top: -30px;}
	.topicon img {height: 30px;}

	.power2_area2 {padding-bottom: 1px;}
	.power2_area3 {padding-top: 0;}
	.power2_area3 .box {padding: 15px 20px;}
	.power2_area3 .power_tit1 {display: block;}
	.power2_area3 .power_tit1 img {position: absolute; right: 0; top: 0; width: 70px !important;}


	.icon_img.ico1 {right: -10px ; top: -60px; width: 50px;}
	.icon_img.ico2 {left: auto; right: -100px; bottom: -80px; width: 160px;}
	.icon_img.ico3 {right: -70px ; top: -70px; width: 50px;}
	.et_hh1 {height: 50px;}

	.power_card1 .item .card > div {width: 100%;}
	.power_card1 .item .card > div.img {width: 100%; margin-right: 0; text-align: center;}
	.power_card1 .item .card > div.icon {width: 20%;}
	.power_card1 .item .card .txt {min-height: auto;}
	.power_card1 .item .card .bat {width: 80%; letter-spacing:-0.08em;}
	.power_card1 .item .card .t1 {letter-spacing:-0.03em;}
	.power_card1 .item .card .icon img {max-width: 100% !important; max-height: 60px;}
	.power_card1 .item .card .icon {bottom: 20px !important;}

	.power_card1 .item .card.b1 > div.icon {width: 22%;}
	.power_card1 .item .card.b3 > div.icon {width: 20%;}

	.ico1 {left: 80%; width: 20%; top: auto; bottom: 100%;}
	.ico2 {left: 70%; top: -100%; width: 30%;}
	.ico3 {margin-bottom: -20%;}
	.ico4 {width: 20%; left: 80%; bottom: 100%;}
	.ico5 {width: 20%; left: 80%; bottom: 100%;}
}


@media all and (max-width:768px){
	.tit-icon1 img {width: 4em;}
	.power_a.lft .tx.im {margin: 0 ; width: 100%; box-sizing:border-box;}
	
	.power_card1 .item .card.b0 {display: block;}
	.power_card1 .item .card.b0 .img {margin-bottom: 0; width: 100%; margin-bottom: .5em;}
	.power_card1 .item .card.b0 > div {width: 100%;}


	.box_float.v4060 .item,
	.box_float.v4060 .item:nth-child(2n) {width: 100%;}

	.power2_area3 .inr-c {padding-bottom: 0;}
	.power2_area4 .im img {width: 100%;}
	.power2_area4 .im img:last-child {float: none; margin-top: 1em;}


	.logo1 {height: 1em;}

.power_a.rgh .tx.ett .desc_mf1 {margin-left: 80px;}
.power_a.rgh .tx.ett .im {left: 20px; width: 60px;}


}

@media all and (min-width:961px){
	.spot_titbox3 {color: #fff; text-shadow:0 0 10px rgba(0,0,0,.5);}
}