*{margin: 0 ;padding: 0 ;}
#de_june{max-width: 1920px;height: auto; margin: 0 auto;}
#de_june img{vertical-align: middle;}
#de_june .de_banner{width: 100%;margin: 0 auto;height: auto;}
#de_june .de_banner img{width: 100%;}
#de_june .de_june_bg{width: 100%;height: auto;background: url(/static/activ_list/de_june/de/bg.jpg);background-size:100% ;padding: 30px 0  50px 0;}
#de_june .de_w1200{max-width: 1200px;margin: 0 auto;box-sizing: border-box;}
/* de_w1200_bt1 */
#de_june .de_w1200_bt1{width: 100%;height: auto;margin-bottom: 60px;}
#de_june .de_w1200_bt1 img{width: 100%;}
/* de_big */
#de_june .de_big{width: 100%;margin: 0 auto;height: auto;display: flex; align-items: center;margin-bottom: 60px; justify-content: space-between;flex-wrap: wrap; padding:30px 50px;background: #fff;box-sizing: border-box;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);}
#de_june .de_big_img{width: 43.455%;}
#de_june .de_big_img img{width: 100%;}
#de_june .de_big_cont{width: 50%;padding-top: 40px;}
#de_june .de_big_cont_tit{font-size: 32px;color: #38322F; font-weight:bold;margin-bottom: 20px;line-height: 1.4;}
#de_june .de_big_box_zk{width: 80%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;}
#de_june .de_big_box_p1{font-weight:bold;font-size: 18px;color: #202020;line-height: 1.4;}
#de_june .de_big_box_p2{font-size: 32px;font-weight: bold;color: #202020;line-height: 1.4;margin: 16px 0;}
#de_june .de_big_box_p3{color: #6F6F6F;font-weight:bold;font-size: 18px;line-height: 1.4;text-decoration: line-through;}
#de_june .de_big_box_img{width: 37.048%;}
#de_june .de_big_box_img img{width: 100%;}
#de_june .de_big_cont_button{width: 65%;text-align: center;background: #ec6877;border-radius:10px;position: relative;}
#de_june .de_big_cont_button a{text-decoration: none;color: #fff;font-weight: bold;font-size: 32px;line-height: 1;padding: 10px 0;display: block;}
#de_june .de_big_button_fish{width: 54px;position: absolute;top:50%;right: 0;transform: translate(100%,-50%);}
#de_june .de_big_button_fish img{width: 100%;}
#de_june .de_big_jz_button{margin-left: 5%;background: #009FE6;}
#de_june .de_big_button_jz{width: 24px;left: 0;transform: translate(-110%,-50%);}
#de_june .de_big_button_jz img{width: 100%;}
/* de_z_box */
#de_june .de_z_box{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
#de_june .z_box1{width: 48%;height: auto;padding: 40px;background: #fff;box-sizing: border-box;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);margin-bottom: 50px;}
#de_june .z_box1_tit{font-weight:bold;color: #38322F;font-size: 32px;line-height: 1;margin-bottom: 20px;text-align: center;}
#de_june .z_box1_img {width: 64.518%;margin: 0 auto;margin-bottom: 25px;}
#de_june .z_box1_img img{width: 100%;}
#de_june .z_box1_zk{width: 65%;margin: 0 auto;height: auto;display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
#de_june .z_box1_zk_p1{color: #343434;font-size: 18px;font-weight: bold;line-height: 1;}
#de_june .z_box1_zk_p2{color: #343434;font-size: 32px;font-weight: bold;line-height: 1;margin: 10px 0;}
#de_june .z_box1_zk_p3{color: #6F6F6F;font-size: 18px;font-weight: bold;line-height: 1;text-decoration: line-through;}
#de_june .z_box1_zk_img{width: 34.124%;}
#de_june .z_box1_zk_img img{width: 100%;}
/* z_box1_button */
#de_june .z_box1_button{width: 62%;margin: 0 auto;position: relative;text-align: center;background: #ec6877;border-radius:10px;}
#de_june .z_box1_button a{display: block;color: #ffff;text-decoration: none;font-size: 28px;font-weight:bold;line-height: 1;padding: 10px 0;}
#de_june .z_box1_button img{width: 54px;position: absolute;top: 50%;right: 0;transform: translate(98%,-50%);}
/* z_box1_button2 */
#de_june .z_box1_button2{background: #009FE6;}
#de_june .z_box1_button2 img{width: 25px;left: 0;transform: translate(-110%,-50%);}
/* z_box1_button3 */
#de_june .z_box1_button3{background: #f7b551;}
#de_june .z_box1_button3 img{width: 32px;left: 0;transform: translate(-110%,-50%);}
/* bt2 */
#de_june .de_w1200_bt2{width: 100%;height: auto;margin-top: 250px;margin-bottom: 60px;}
#de_june .ph_w1200_bt2{margin-top: 50px;}
#de_june .de_w1200_bt2 img{width: 100%;}
/* de_small_box */
#de_june .de_small_box{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
#de_june .de_s_box{width: 31.5%;height: auto;padding: 30px 25px 20px;margin-bottom: 50px; box-sizing: border-box;background: #fff;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);}
#de_june .de_s_box1{width: 31.5%;height: auto;}
#de_june .de_s_box_tit{font-size:24px;color: #38322F;font-weight:bold;text-align: center;margin-bottom: 20px;}
#de_june .de_s_box_img{width: 82.32%;margin: 0 auto;margin-bottom: 20px;}
#de_june .de_s_box_img img{width: 100%;}
#de_june .de_s_box_zk{width: 85%;margin: 0 auto;margin-bottom: 20px; display: flex;justify-content: space-between;align-items: center;}
#de_june .de_s_box_zk_p1{color: #343434;font-size: 16px;font-weight:bold;line-height: 1;}
#de_june .de_s_box_zk_p2{color: #343434;font-size: 24px;font-weight:bold;line-height: 1;margin: 10px 0;}
#de_june .de_s_box_zk_p3{color: #6F6F6F;font-size: 16px;font-weight:bold;line-height: 1;text-decoration: line-through;}
#de_june .de_s_box_zk_img{width: 32.286%;}
#de_june .de_s_box_zk_img img{width: 100%;height: auto;}
#de_june .de_s_box_button{width: 85%;margin: 0 auto; height: auto;display: flex;align-items: center;justify-content: space-between;}
#de_june .de_s_box_button img{width: 25px;}
#de_june .de_s_box_button a{width: calc(100% - 25px);width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); display: inline-block;text-align: center;text-decoration: none;background: #009FE6;padding: 10px 0;line-height: 1;font-weight: bold; font-size: 24px; color: #fff;border-radius:10px;}
/* de_s_box_button2 */
#de_june .de_s_box_button2 img{width: 30px;}
#de_june .de_s_box_button2 a{width: calc(100% - 35px);width: -moz-calc(100% - 35px); width: -webkit-calc(100% - 35px); background: #f7b551;}
/* bt3 */
#de_june .de_w1200_bt3{width: 100%;height: auto;margin-top: 60px;margin-bottom: 60px;}
#de_june .de_w1200_bt3 img{width: 100%;}
/* de_xppen */
#de_june .de_xppen{width: 100%;height: auto;padding: 50px 0 60px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
#de_june .de_xppen img{width: 32.334%;}
#de_june .de_xppen:before{display: block;height: 2px;margin-right: 1.2rem;background: #A68754;-webkit-box-flex: 1; flex: 1;content: '';}
#de_june .de_xppen:after{display: block;height: 2px;margin-left: 1.2rem;background: #A68754;-webkit-box-flex: 1; flex: 1;content: '';}
#de_june .eu_lv_button{background: #009945;}
/* ph2 */
#de_june .ph_june_bg {width: 100%;height: auto;background: url(../ph2/bg.jpg); background-size: 100%;padding: 30px 0 50px 0;}
#de_june .ph2_big_button{background: #f7b551;margin-left: 8%;}
#de_june .ph2_big_jp{width: 32px;left: 0;transform: translate(-110%,-50%);}
#de_june .ph2_big_jp img{width: 100%;}
@media screen and (max-width: 1900px ){
	#de_june .de_w1200_bt2 {margin-top: 200px;}
	#de_june .ph_w1200_bt2{margin-top: 50px;}
}
@media screen and (max-width: 1800px ){
	#de_june .de_w1200_bt2 {margin-top: 150px;}
	#de_june .ph_w1200_bt2{margin-top: 50px;}
}
@media screen and (max-width: 1700px ){
	#de_june .de_w1200_bt2 {margin-top: 110px;}
	#de_june .ph_w1200_bt2{margin-top: 50px;}
}
@media screen and (max-width: 1600px ){
	#de_june .de_w1200_bt2 {margin-top: 80px;}
	#de_june .ph_w1200_bt2{margin-top: 60px;}
}
@media screen and (max-width: 1200px ){
	#de_june .de_w1200 {padding: 0 20px;}
	#de_june .de_big_cont_tit {font-size: 30px;}
	#de_june .de_big_box_p2 {font-size: 30px;margin: 10px 0;}
	#de_june .de_big_box_zk {margin-bottom: 30px;}
	#de_june .de_big_cont_button a {font-size: 30px;}
	#de_june .de_big_cont {padding-top: 30px;}
	/* z */
	#de_june .z_box1_tit {font-size: 30px;}
	#de_june .z_box1_img {width: 70%;}
	#de_june .z_box1_zk {width: 70%;}
	#de_june .z_box1_button {width: 68%;}
	#de_june .z_box1_zk_p2 {font-size: 30px;}
	#de_june .z_box1_button a {font-size: 26px;}
	/* s */
	#de_june .de_s_box_tit {font-size: 22px;}
	#de_june .de_s_box_img { width: 85%;}
	#de_june .de_s_box_zk_p2 {font-size: 22px;}
	#de_june .de_s_box_button a { font-size: 22px;}
}
@media screen and (max-width: 1080px ){
	/* d */
	#de_june .de_big_cont_tit {font-size: 28px;}
	#de_june .de_big_box_p2 {font-size: 28px;margin: 6px 0;}
	#de_june .de_big_cont_button a {font-size: 28px;}
	#de_june .de_big_box_zk {margin-bottom: 20px;}
	#de_june .de_big_cont { padding-top: 25px;}
	/* z */
	#de_june .z_box1_tit {font-size: 28px;}
	#de_june .z_box1_img {width: 77%;}
	#de_june .z_box1_zk { width: 80%;}
	#de_june .z_box1_zk_p2 {font-size: 28px;}
	#de_june .z_box1_zk_img {width: 33%;}
	#de_june .z_box1_button {width: 77%;}
	/* s */
	#de_june .de_s_box { padding: 20px;}
	#de_june .de_s_box_tit {margin-bottom: 15px;}
	#de_june .de_s_box_zk { width: 90%;}
	#de_june .de_s_box_img { width: 90%;}
	#de_june .de_s_box_button {width: 90%;}
}
@media screen and (max-width: 992px ){
	/* d */
	#de_june .de_big_cont_tit {font-size: 24px;}
	#de_june .de_big_box_zk {width: 100%;}
	#de_june .de_big_box_p2 {font-size: 24px;margin: 6px 0;}
	#de_june .de_big_box_img {width: 33%;}
	#de_june .de_big_box_p1 {font-size: 16px;}
	#de_june .de_big_box_p3 { font-size: 16px;}
	#de_june .de_big_cont_button { width: 75%;}
	#de_june .de_big_cont_button a {font-size: 24px;}
	#de_june .de_big_cont {padding-top: 15px;}
	/* z */
	#de_june .z_box1_tit {font-size: 24px;}
	#de_june .z_box1 {padding: 30px;}
	#de_june .z_box1_img {width: 80%;}
	#de_june .z_box1_zk_p1 {font-size: 16px;}
	#de_june .z_box1_zk_p2 {font-size: 24px;}
	#de_june .z_box1_zk_p3 { font-size: 16px;}
	#de_june .z_box1_button a {font-size: 24px;}
	#de_june .de_w1200_bt2 {margin-top: 60px;}
	/* s */
	#de_june .de_small_box {justify-content: space-around;}
	#de_june .de_s_box { width: 40%;	}
	#de_june .de_s_box_img {width: 80%;}
	/* ph2 */
	#de_june .ph2_big_jp{width: 30px;}
}
@media screen and (max-width: 768px ){
	/* d */
	#de_june .de_big {width: 90%;padding: 30px ;}
	#de_june .de_big_img { width: 80%;margin: 0 auto;}
	#de_june .de_big_cont {width: 70%;margin: 0 auto;}
	#de_june .de_big_box_zk {margin-bottom: 30px;}
	/* z */
	#de_june .z_box1 {padding: 20px;}
	#de_june .z_box1_img {width: 100%;}
	#de_june .z_box1_tit {font-size: 22px;margin-bottom: 15px;}
	#de_june .z_box1_zk {width: 100%;margin-bottom: 25px;}
	#de_june .z_box1_zk_p2 {font-size: 22px;}
	#de_june .z_box1_button a {font-size: 20px;}
	#de_june .z_box1_button {width: 80%;margin: 0 ;}
	#de_june .z_box1_button img {width: 40px;}
	#de_june .z_box1_button2 {margin-left:10%;width: 88%;}
	#de_june .z_box1_button2 img {width: 20px;}
	#de_june .z_box1_button3 {margin-left:10%;width: 88%;}
	#de_june .z_box1_button3 img {width: 26px;}
	/* s */
	#de_june .de_small_box {justify-content: space-between;}
	#de_june .de_s_box {width: 46%;}
	#de_june .de_s_box {padding: 15px;}
	#de_june .de_s_box_tit {font-size: 20px;}
	#de_june .de_s_box_img {width: 88%;}
	#de_june .de_s_box_zk_p1 {font-size: 14px;}
	#de_june .de_s_box_zk_p2 {font-size: 20px;}
	#de_june .de_s_box_zk_p3 {font-size: 14px;}
	#de_june .de_s_box_button a {font-size: 20px;}
	#de_june .de_s_box_button img {width: 22px;}
	#de_june .de_big_jz_button {width: 80%;margin-left: 8%; background: #009FE6;}
	/* ph2 */
	#de_june .ph2_big_button{background: #f7b551;margin-left: 8%;width: 92%;}
}
@media screen and (max-width: 600px ){
	#de_june .de_big {padding: 20px;}
	#de_june .de_big_img {width: 90%;}
	#de_june .de_big_cont { width: 90%;}
	#de_june .de_big_box_img {width: 30%;}
	#de_june .de_big_cont_button {width: 80%;}
	#de_june .de_big_button_fish { width: 45px;transform: translate(98%,-50%);}
	/* z */
	#de_june .de_z_box {justify-content: space-around;}
	#de_june .z_box1 { width: 80%;}
	#de_june .z_box1_img { width: 80%;}
	#de_june .z_box1_zk { width: 90%;}
	#de_june .z_box1_zk_img { width: 29%;}
	#de_june .z_box1_button {margin-left: 5%;}
	#de_june .z_box1_button2 { margin-left: 10%;}
	#de_june .z_box1_button3 { margin-left: 10%;}
	/* s */
	#de_june .de_small_box {justify-content: space-around;}
	#de_june .de_s_box { width: 70%;}
	#de_june .de_s_box_img {width: 80%;}
	#de_june .de_s_box_zk_img {width: 28%;}
	#de_june .de_big_button_jz { width: 24px;left: 0; transform: translate(-110%,-50%);}
	/* ph2 */
	#de_june .ph2_big_jp { width: 28px;left: 0; transform: translate(-110%,-50%);}
	#de_june .ph2_big_button {width: 92%;}
}
@media screen and (max-width: 480px ){
	#de_june .de_big { width: 100%;}
	#de_june .de_big_img { width: 100%;}
	#de_june .de_big_cont {width: 100%; padding-top: 0px;}
	#de_june .de_big_box_zk { margin-bottom: 20px;}
	#de_june .de_big_box_img {width: 28%;}
	#de_june .de_big_box_p2 {margin: 2px 0;}
	#de_june .de_w1200_bt2 {margin-top: 40px;}
	#de_june .de_w1200_bt3 {margin-top: 40px;}
	/* z */
	#de_june .z_box1 {width: 90%;}
	#de_june .z_box1_img {width: 90%;margin-bottom: 20px;}
	#de_june .z_box1_zk {margin-bottom: 20px;}
	/* s */
	#de_june .de_s_box { width: 80%;}
	#de_june .de_s_box_tit {margin-bottom: 10px;}
	#de_june .de_s_box_img {width: 85%;}
	#de_june .de_big_button_jz {width: 22px;left: 0;transform: translate(-110%,-50%);}
	/* ph */
	#de_june .ph2_big_jp {width: 26px;left: 0;transform: translate(-110%,-50%);}
}
@media screen and (max-width: 400px ){
	#de_june .de_w1200_bt1 { margin-bottom: 40px;}
	#de_june .de_big {padding: 10px 20px 20px;margin-bottom: 50px;}
	#de_june .de_big_cont_tit {font-size: 22px;margin-bottom: 10px;}
	#de_june .de_big_box_p1 {font-size: 14px;}
	#de_june .de_big_box_p2 {font-size: 22px;margin:  0;}
	#de_june .de_big_box_p3 {font-size: 14px;}
	#de_june .de_big_box_zk {margin-bottom: 15px;}
	#de_june .de_big_cont_button a {font-size: 20px;}	
	/* z */
	#de_june .z_box1 {width: 94%;margin-bottom: 40px;}
	#de_june .z_box1_tit {font-size: 20px;}
	#de_june .z_box1_img { width: 100%; margin-bottom: 15px;}
	#de_june .z_box1_zk { width: 100%;margin-bottom: 15px;}
	#de_june .z_box1_button {margin-left: 0%;}
	#de_june .z_box1_zk_p1 {font-size: 14px;}
	#de_june .z_box1_zk_p2 {font-size: 20px;}
	#de_june .z_box1_zk_p3 {font-size: 14px;}
	#de_june .z_box1_button2 { margin-left: 10%;}
	#de_june .z_box1_button3 { margin-left: 10%;}
	#de_june .de_w1200_bt2 {margin-top: 20px;}
	#de_june .de_w1200_bt3 {margin-top: 20px;}
	/* s */
	#de_june .de_s_box {width: 90%; margin-bottom: 40px;}
	#de_june .de_s_box_img { width: 92%;margin-bottom: 15px;}
	#de_june .de_s_box_zk {width: 92%;}
	#de_june .de_s_box_button a {font-size: 18px;}
	/* ph2 */
	#de_june .ph2_big_button {margin-left: 12%;width: 88%;}
}