.invest_index{height:999px;border-radius:20px;background: url(../images/invest/guide_bg.jpg) no-repeat top center; background-size: cover;overflow: hidden;}
.invest_index h3{text-align: center;padding-top:100px;margin-bottom: 45px;}
.guide{width:62%;margin: 0 auto;position: relative;overflow: hidden;zoom:1}
.guide li:not(.contact){float: left;width:calc(50% - 10px);}
.guide li:nth-child(2n){float: right;}
.guide li a{display: flex;height: 284px;box-sizing: border-box;flex-direction: column;align-items: center;justify-content: center;}
.guide li a img{width: 80px;height: auto}
.guide li a em{display:block;margin-top:15px;font-size: 2rem;font-weight: bold;}
.guide li a:link,.guide li a:visited{color:#fff}
.guide li.contact{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 170px;height: 170px;border-radius: 100%;background-color: rgba(255, 255, 255, 0.3);}
.guide li.contact p{margin: 10px;width:150px;height: 150px; background: #fff; border-radius: 100%;}
.guide li.contact a{height: 100%;}
.guide li.contact a em{margin-top:5px;font-size: 1.4rem;}
.guide li.contact a img{width: 68px;}
.guide li.contact a:link,.guide li.contact a:visited{color: #333;}
.guide li:nth-child(1){margin-bottom:20px;border-radius: 0 76px 0 76px; background: linear-gradient(90deg, #78c3dd, #6c8dd7)}
.guide li:nth-child(2){margin-bottom:20px;border-radius: 76px 0 76px 0; background: linear-gradient(90deg, #69b56c, #98b253)}
.guide li:nth-child(3){border-radius: 76px 0 76px 0; background: linear-gradient(90deg, #b552a0, #bb3838)}
.guide li:nth-child(4){border-radius: 0 76px 0 76px; background: linear-gradient(90deg, #c78255, #cd4038)}

@keyframes myBreath {
	0%{
	    transform: scale(0.95);
	}
	50%{
	    transform: scale(1);
	}
	100%{
	    transform: scale(0.95);
	}
}
@keyframes myBreath1 {
	0%{
	    transform: scale(0.90);
	}
	50%{
	    transform: scale(1.1);
	}
	100%{
	    transform: scale(0.90);
	}
}
.guide li:hover i,.guide li:hover em{
	animation: myBreath1 1s linear infinite;
}
.guide li.contact:hover p{
	animation: myBreath 1s linear infinite;
}
@media (max-width:1080px){
	.invest_index h3{padding-top: 50px;margin-bottom: 30px;}
	.invest_index h3 img{width:35%}
	.guide{width:80%}
	.guide li a em{font-size: 1.5rem;}
	.guide li.contact a em{font-size: 1.2rem;}
}
@media (max-width:640px){
	.invest_index{height: 800px; background-position: top right;}
	.invest_index h3{padding-top: 40px;margin-bottom: 25px;}
	.invest_index h3 img{width:50%}
	.guide{width:90%}
	.guide li{width:100% !important;float: none !important;border-radius: 20px;margin-bottom:20px;border-radius: 0 20px 0 20px !important}
	.guide li a{height: auto;padding:1em 0;flex-direction: row;}
	.guide li a em{margin-top:0;margin-left: 1em;}
	.guide li a img{width: 64px;}
	.guide li.contact{position: static;transform: none;height:auto;}
	.guide li.contact p{margin:0;width: auto;height: auto; border-radius: 0 20px 0 20px;box-shadow: 0 10px 15px rgba(187,228,255,0.3);}
	.guide li a em{font-size: 1.3rem;}
	.guide li.contact a em{font-size: 1.3rem;}
}

.invest_content{position: relative;margin-top: 50px; padding-bottom: 50px;margin-bottom: 30px; overflow: hidden;}
.mySwiper{padding-top: 2em;}
.invest_content .swiper-slide{cursor: move;}
.invest_content .swiper-slide img{max-width: 100%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: auto;}

.swiper-num {position: absolute;right:0;top: 0;z-index: 100;display: flex;justify-content: center;align-items: center;padding:0.5em 1em; background-color: #c00;color: #fff;font-size: 1.5rem;border-radius: 1em 0 1em 1em;}
.swiper-num strong {margin-right: 0.5em;}
.swiper-num i{margin: 0 5px;}
.swiper-num span,.swiper-num i{font-size: 1.3rem;}
.swiper-pagination-bullet-active{background: #c00 !important;}

@media (max-width:1080px){
	.swiper-num,.swiper-num span,.swiper-num i{font-size: 1rem;}
}
@media (min-width:1080px){
	.web_older .guide li a em{font-size: 1.3rem;}
	.web_older .guide li.contact a em{font-size: 1rem;}
	.web_older .swiper-pagination-bullet{width:0.75rem;height: 0.75rem;}
}