/*********************************************************************************************/
/* 关于我们 */
/*********************************************************************************************/
.page-top{position: relative;background-image: url(../images/about-bg1.png);background-position: center;background-size: cover;height: 520px;}
/* 集团简介 */
.page-intro .page-box{padding: 30px 0;}
.page-intro>.fl,.page-intro>.fr{width: 48%;}
.page-intro>.fl>img{width: 100%;}
.page-intro .page-box .fl{width: 45%;border-right: 2px solid #EEEEEE;}
.page-intro .page-box .fr{width: 55%;}
.page-intro .page-box>div{display: inline-block;padding-left: 5%;}
.page-intro .page-box>div img{display: inline-block;vertical-align: middle;margin-right: 15px;}
.page-intro .page-box>div div{display: inline-block;vertical-align: middle;text-align: left;}
.page-intro .page-box>div div p{color: #999999;font-size: 42px;font-family: 'enMedi';font-weight: 400;}
.page-intro .page-box>div div .km{font-size: 18px;margin-left: 5px;}
.page-intro>.fr div{margin-bottom: 10px;}
.page-intro>.fr div img{display: inline-block;vertical-align: middle;margin-right: 20px;}
.page-intro>.fr div p{display: inline-block;vertical-align: middle;}
.page-intro>.fr div p span{color: #444444;font-size: 30px;display: block;}
.page-intro>.fr>p{color: #888888;font-size: 14px;margin-top: 30px;line-height: 1.8;}
.page-video{position: relative;background-image: url(../images/about-bg3.png);background-size: cover;background-position: center;height: 320px;margin-bottom: 60px;}
.play-box{cursor: pointer;position: absolute;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;}
.play-box .border{border: 1px #EEEEEE dashed;width: 80px;height: 80px;border-radius: 50%;}
.play-box:hover .border{animation: rot 1s infinite linear;}
.play-btn{width: 64px;height: 64px;border-radius: 50%;background: #FFFFFF;position: absolute;top: 8px;left: 8px;}
.play-btn img{position:absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;max-width: 100%;max-height: 100%;}
/* 视频样式 */
.video-box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);display: inline-block;text-align: center;display: none;z-index: 10000;}
.video-box img{position: absolute;top: 20px;right: 20px;cursor: pointer;width: 40px;hegiht:40px;z-index: 10000;}
.video-box video{width: auto;vertical-align: middle;max-width: 100%;max-height: 80vh;margin-top: 10vh;}
/* 企业目标 */
.page-aim{max-width: 1350px;}
.page-aim .fl>div{border-bottom: 1px dashed #b3b3b3;padding: 35px 0;cursor: default;}
.page-aim .fl>div img{width: 180px;height: 110px;float: left;}
.page-aim .fl>div div{float: left;margin-left: 40px;}
.page-aim .fl>div div.active p{color: #7ac043;}
.page-aim .fl>div div.active span{color: #333333;}
.page-aim .fl>div div p{font-size: 48px;color: #999999;font-weight: bold;display: block;margin: 5px 0;transition: all .2s linear;-webkit-transition: all .2s linear;}
.page-aim .fl>div div span{font-size: 16px;color: #999999;transition: all .2s linear;-webkit-transition: all .2s linear;}
.page-aim .fr .bg{margin-left: auto;}
.page-aim .fr .rotate{position: absolute;z-index: 10;top: 151px;left: 130px;display: none;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.page-aim .fr .rotate.a{transform: rotate(0);}
.page-aim .fr .rotate.b{transform: rotate(120deg);}
.page-aim .fr .rotate.c{transform: rotate(240deg);}
/* 企业愿景 */
.page-vision{background: #f1f1f1;width: 100%;padding: 90px 0 120px;}
.page-vision .box{margin: 0 auto!important;max-width: 1350px;}
.page-vision .box div .item-box{height: 220px;position: relative;overflow: hidden;}
.page-vision .box div .item-box .icon{position: absolute;top: 15%;left: 10%;font-size: 50px;color: #FFFFFF;}
.page-vision .box div .item-box span{position: absolute;bottom: 15%;left: 10%;font-size: 16px;color: #FFFFFF;}
.page-vision .box div .item-box .bg{color: rgba(220,220,220,.2);bottom: -35%;right: -33%;font-size: 220px;position: absolute;transition: all .3s ease-in-out;}
.page-vision .box div .item-box:hover .bg{transform: scale(1.2);-webkit-transform: scale(1.2);}
.page-vision .box div:nth-child(odd) div{background: #7ac043;}
.page-vision .box div:nth-child(even) div{background: #008751;}
/* 公司资质 */
.page-intell{display: block;text-align: center;width: 1000px;padding: 6% 0;margin: 0 auto;}
.page-cert{max-width: 1300px;margin: 0 auto;padding: 5% 0;position: relative;overflow: hidden;}
.page-cert .fl{height: 100%;width: 20%;border-right:1px dashed #EEEEEE;padding-bottom: 100%;margin-bottom: -100%;border-right: 1px dashed #cccccc;}
.page-cert .fr{width: 70%;}
.page-cert .fl .title{margin: 25px auto;text-align: center;}
.page-cert .fl .title p{display: inline-block;line-height: 3;color: #333333;font-size: 20px;width: 100%;}
.page-cert .fl>img{position: absolute;right: -10px;top: 50px;}
.page-box{background: #FFFFFF;}
.item-box {position: relative;}
.item-box .border{width: 100%;height: 100%;position: relative;z-index: 10;}
.item-box .cert{position: absolute;width: 90%;height: 90%;left: 5%;top: 5%;}
.cert-bot{position: absolute;right: -5%;bottom: 10%;width: 90%;}
.bot{height: 80px;width: 100%;background: #F1F1F1;position: absolute;bottom: 0;left: 0;z-index: 10;}
.bot-w{height: 80px;width: 100%;background: #FFFFFF;position: absolute;bottom: 0;left: 0;z-index: 10;}
/* 回馈社会 */
.page-act{max-width: 1300px;margin: 0 auto;padding: 5% 0;}
.page-act>img{width: 34%;max-width: 452px;}
.page-act .center{width: 36%;margin-left: 7%;}
.page-act .center p{color: #444444;font-size: 30px;margin-bottom: 25px;margin-top: 10px;}
.page-act .center span{font-size: 14px;color: #888888;line-height: 1.8;}
.page-act .fr{width: 175px;height: 290px;background: #7ac043;padding: 32px;}
.page-act .fr p.enMedi{font-size: 55px;color: #FFFFFF;width: 100%;}
.page-act .fr .enMedi{font-size: 21px;width: 100%;}
.page-act .fr span{color: #FFFFFF;line-height: 1.5;}
.font{border-bottom: 1px dashed #666666;width: 100%;display: inline-block;padding-bottom: 20px;font-family: enMedi;}
.page-act .fr i{color: #FFFFFF;font-size: 50px;margin-top: 30px;display: inline-block;}
/* 基金概况 */
.page-fund .fund-badge{background: #FFFFFF;height: 285px;width: 180px;padding: 40px 25px;margin-top: 60px;}
.page-fund .fund-badge span.enMedi{color: 888888;font-size: 18px;margin-bottom: 10px;}
.page-fund .fund-badge p{color: #7ac043;font-size: 48px;border-bottom: 1px solid #EEEEEE;}
.page-fund .fund-badge img{margin-top: 30px;}
.page-fund .center p{margin-top: 0;}
.page-fund .center span{width: 100%;margin-bottom: 30px;display: inline-block;}
.page-fund .honor{float: right;width: 35%;max-width: 427px;margin-top: 40px;height: auto;}
/* 公益活动 */
.welfare .item-box{background: #F6F6F6;padding: 33px;height: 340px;}
.welfare .item-box .con{position: relative;z-index: 10;}
.welfare .item-box .con>img{width: 100%;margin-bottom: 20px;}
.welfare .item-box .con>p{color: #666666;font-size: 16px;line-height: 1.6;transition: all .2s ease-in;-webkit-transition: all .2s ease-in;}
.welfare .item-box .box{margin-top: 15px;}
.welfare .item-box .box i{vertical-align: middle;width: 16px;height: 16px;color: #C1C1C1;transition: all .2s ease-in;-webkit-transition: all .2s ease-in;}
.welfare .item-box .box span{font-size: 14px;color: #666666;vertical-align: middle;transition: all .2s ease-in;-webkit-transition: all .2s ease-in;}
.welfare .item-box .bg{background: #A7C904;background: linear-gradient(135deg,#A7C904,#1f7829);width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;transition: all .2s ease-in;-webkit-transition: all .2s ease-in;}
.welfare .item-box:hover .bg{opacity: 1;}
.welfare .item-box:hover .con>p,.welfare .item-box:hover .box span,.welfare .item-box:hover .box i{color: #FFFFFF;}
/* 顶部轮播 */
.honor-swiper{width: 100%;height: 420px;}
.honor-swiper .swiper-slide{width: 100%;padding: 20px;}
.honor-swiper .item-box{width: 100%;margin: 0 auto;position: relative;height: 420px;border: 1px solid #f1f1f1;}
.honor-swiper .item-box img{position: absolute;max-width: 100%;max-height: 100%;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
.honor-swiper .btn{width: 50px;height: 50px;background: rgba(0,0,0,.4);position: absolute;z-index: 10;top: 50%;margin-top:-25px;text-align: center;line-height: 50px;cursor: pointer;}
.honor-swiper .swiper-prev{left: 0;}
.honor-swiper .swiper-next{right: 1px;}
.honor-swiper .btn img{width: 12px;height: 19px;display: inline-block;line-height: 50px;}                                                                                                                                                                                                     ;}

@keyframes rot{
	0{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(-360deg);
	}
}

@media (max-width:1200px) {
	.page-intro .page-box>div div p{font-size: 30px;}
	.page-aim .fl,.page-aim .fr{float: none;}
	.page-aim .fr{margin-top: 20px;}
	.page-aim .fr>img{margin: 0 auto;display: block;}
	.page-aim .fr .rotate{top: 151px;left: 324px;}
	.bot,.bot-w{height: 60px;}
}

@media (max-width:1000px) {
	.page-top{height: 400px;}
	.page-top .page-nav>a{width: 180px;}
	.page-top .page-nav>a span{line-height: 50px;}
	.page-intro>.fl,.page-intro>.fr{width: 100%;}
	.page-intro .page-box .fl{width: 50%;border-right: 2px solid #EEEEEE;}
	.page-intro .page-box .fr{width: 50%;}
	.nav4{left: 50%;margin-left: -360px;}
	.page-aim .fr .rotate{display: none!important;}
	.bot,.bot-w{height: 50px;}
	.page-act{padding-top: 40px;}
	.page-act img.fl{width: 80%;}
	.page-act .fl{float: none;width: auto;max-width: 90%;margin: 0 auto;display: block;margin-bottom: 15px;}
	.page-act .fr{width: 90%;display: block;float: none;margin: 0 auto;height: auto;}
	.page-act .fr .font{border: none;}
	.page-act .fr i{position: absolute;right: 10%;top: 10%;}
	.page-act .center p{font-size: 24px;padding: 20px 0 10px;text-align: center;}
	.page-act .center span{font-size: 16px;text-align: justify;}
	.page-fund .fund-badge{height: auto;}
	.fund-badge>img{position: absolute;right: 10%;top: 5%;}
	.page-fund .fund-badge p{border: none;}
	.page-fund .honor{width: 90%;float: none;display: block;margin: 0 auto;}
	.page-intell{display: block;text-align: center;width: 100%;padding: 6% 0;margin: 0 auto;}
	.honor-swiper,.honor-swiper,.honor-swiper .item-box{width: 100%;height: 400px;}
	.welfare .item-box{height: 390px;}
}

@media (max-width:768px) {
	.page-top .page-nav{width: 100%;left: 0;margin-left: 0;}
	.page-top .page-nav>a{ width: 50%;}
	.greenFont{margin: 8px 0;display: inline-block;}
	.page-video{margin: 20px 0;}
	.video-box video{width: auto;vertical-align: middle;max-width: 100%;max-height: 80vh;margin-top: 20vh;}
	.page-intro>.fl>img{margin-top: 15px;}
	.page-intro>.fr>p{font-size: 16px;margin-top: 20px;text-align: justify;}
	.page-intro .page-box >.fl,.page-intro .page-box>.fr{text-align: center;}
	.page-intro .page-box >.fl span,.page-intro .page-box>.fr span{width: 100%;text-align: center;}
	.page-intro .page-box >.fl div,.page-intro .page-box>.fr div{padding-left: 0;}
	.page-aim{padding-top: 40px;}
	.page-aim .fl>div{padding: 20px 0;}
	.page-aim .fl>div img{display: block;float: none;margin: 0 auto;width: 80%;height: auto;}
	.page-aim .fl>div div{margin-left: 0;}
	.page-aim .fl>div div p{font-size: 30px;display: inline-block;}
	.page-vision{padding: 40px 0 30px;}
	.page-cert .fl{float: none;width: 100%;border: none;}
	.page-cert .fl>img{display: none;}
	.page-cert .fr{float: none;width: 90%;display: block;margin: 0 auto;}
	.bot,.bot-w{display: none;}
	.welfare .item-box{height: auto;}
}