.bg_1{ background-color: #00338C;}
.bg_3{ background-color: #fff;}
dd,dl,dt{ margin: 0;}
ol,li,ul{ list-style: none; margin: 0; padding: 0;}
img{ max-width: 100%; vertical-align: middle;}
em{ font-style: normal;}
.con{ width: 1100px; margin: 0 auto;}
.lt{ float: left;}
.rt{ float: right;}
.clearFix:after {
    content:"";
    display: block;
    clear:both;
}
.mem_body{ overflow-x: hidden;}
.activityWrap{ background-image: url("../images/activity/bg_01.jpg"); background-repeat: no-repeat; background-position: top center;}
.topCon{ overflow: hidden;}
.back{ display: block; width: 70px; height: 35px; text-align: center; line-height: 35px; background-color: #396ec3; font-size: 14px; color: #ffffff; border-radius: 5px; margin-top: 15px;}
.activityList{ margin-top: 432px;}
.listsBox dt{ margin-bottom: 10px;}
.leftListsBox{ margin-right: 20px;}
.leftListsBox dt{ margin-top: 7px;}
.lists{ border-radius: 5px; padding-bottom: 20px;}
.list{ padding: 20px 25px 10px;}

.date{ display: block; width: 180px; height: 35px; line-height: 35px; color: #fff; text-align: center; border-radius: 18px; font-size: 20px; background-color: #00479d; margin-bottom: 10px;}
.addressAndTime{ font-size: 20px; color: #333333; font-weight: bold; line-height: 22px; display: block; height: 30px;}
.addressAndTime em{ border-bottom: 1px solid #f3b29d; padding-bottom: 8px;}
.sketch{ background-image: url("../images/activity/icon_01.png"); background-position: left 18px; background-repeat: no-repeat; padding: 15px 0 20px 18px; font-size: 16px; color: #333333; width: 464px;}
.lists li{ border-bottom: 1px solid #dddddd; margin-top: 20px;}

.partner{ border-radius: 5px; overflow: hidden; margin-top: 15px;}
.partner dt{ padding: 10px 0; text-align: center;}
.partnerList{ display: block; /*width: 182px;*/ text-align: center; border: 1px solid #ddd; border-left: 0; border-bottom: 0; font-size: 14px; padding: 25px 0;}
.partnerList p{ padding-top: 15px; line-height: 16px;display: none;}
.partnerList:nth-child(6n){ border-right:0;}
.work{ padding: 30px 0 40px; margin-top: 60px;}
.workLists dt{ height: 21px; line-height: 22px; color: #333333; font-size: 20px; font-weight: bold; border-left: 3px solid #396ec3; padding-left: 10px; margin-bottom: 20px;}
.workLists dd a{ width: 202px; border: 1px solid #ddd; border-radius: 5px; display: block; float: left; overflow: hidden; margin-right: 20px;}
.workLists dd a:last-child{ margin-right: 0;}

.h5_tabBox{ display: none;}


/*关于我们*/
.aboutUsWrapBan{ background-position: center; background-size: auto 100%; height: 720px; text-align: center;}
.aboutUsWrapBan .con img{ margin-top: 192px; opacity: 0; transform: translateY(-200px)}





.aboutUs_text{ width: 775px;font-size: 17px;color: #fff;margin: 25px auto;line-height: 29px; opacity: 0;text-align: justify;}
.aboutUsDec .aboutUs_text{ color: #333333;}
.aboutUsDec{text-align: center; background-position: center; background-size: auto 100%; min-height: 720px;}
.aboutUsDec .con img{ margin-top: 107px; opacity: 0; transform: translateX(100px)}
.aboutUsDecList{ margin: 50px 0;overflow: hidden;}
.aboutUsDecList li{ margin: 0 2.5%; float: left; width: 20%; background-color: #01368b; opacity: 0;}
.aboutUsDecList li span{ display: block; background-color: #fff; height: 0; line-height: 138px; color: #12356d; font-weight: bold; font-size: 50px; padding: 0 10px; opacity: 0; overflow: hidden;}
.aboutUsDecList.animated li span{ height: 138px;}
.aboutUsDecList li p{ background-color: #01368b; color: #fff; font-size: 18px; line-height: 26px; height: 52px; overflow: hidden; margin: 17px 10px 12px; opacity: 0; transform: scale(0);}
.aboutUsDecList li p br{ display: none;}
.aboutUsGo{ background-position: center bottom; background-color: #e4edfb; background-size: auto 100%; text-align: center; min-height: 720px;}
.aboutUsGo .aboutUs_text{ color: #333; width: 100%;}
.aboutUsGo .con img{ margin-top: 60px; opacity: 0; transform: translateX(-200px);}
.dateBox{ width: 100%; overflow: hidden;}
.dateWrap{ width: 1020px; float: left; overflow: hidden; opacity: 0;}
.dateBox ol{ width: 99999px; position: relative;}
.dateBox ol li{ float: left; width: 172px; text-align: center; height: 60px; font-size: 28px; color: #01368b; line-height: 60px;}
.dateBox ol li span{ display: inline-block; width: 140px; height: 100%; border-radius: 30px; cursor: pointer;}
.dateBox ol li.now span{ background-color: #01368b; color: #fff; font-size: 40px;}
.slidBtn{ display: block; float: left; width: 25px; height: 25px; border: 2px solid #638ac9; border-right: 0; border-bottom: 0; margin-top: 15px; margin-left: 10px; opacity: 0;}
.slidBtnPrev{ transform: translateX(-100px) rotate(-45deg);}
.slidBtnNext{ transform: translateX(100px) rotate(140deg);}
.mem_body .animated.js_ani.slidBtnPrev{ transform: translateX(0) rotate(-45deg);}
.mem_body .animated.js_ani.slidBtnNext{ transform: translateX(0) rotate(140deg);}
.dateInfoBox{ width: 100%; padding-bottom: 40px;}
.dateInfoBox li{ position: relative; display: none;}
.dateInfoBox li.now{ display: block;}
.rightBox{ margin-left: 50%; width: 50%; text-align: left; opacity: 0; transform: translateX(200px);}
.leftBox{ text-align: right; width: 50%; opacity: 0; transform: translateX(-200px);}
.line{ position: absolute; left: 50%; margin-left: -1px; width: 2px; height: 100%; top: 0; background-color: #01368b; transform: scale(0); transform-origin: center top;}
.line span{ display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; border: 1px solid #01368b; margin: -5px 0 0 -5px;}
.dateInfoBox li dl{ padding-top: 25px;}
.dateInfoBox li dl dt{ clear: both;}
.icon_01{ display: block; float: left; margin-top: 3px; vertical-align: middle;}
.icon_01 span{ display: inline-block; width: 10px; height: 10px; background-color: #01368b; border-radius: 50%; margin-left: -5px;}
.icon_01 i{ display: inline-block; width: 0; height: 0; border: 5px solid transparent; border-left-color:  #01368b; margin-left: 5px;}
.month{ float: left; font-size: 20px; font-weight: bold; color: #333; margin-left: 10px; line-height: 20px;}
.dateInfoBox li dl dd{ padding-left: 28px; font-size: 16px; color: #666; padding-top: 5px;}
.dateInfoBox li dl dd a{ color: #666;}
.leftBox .icon_01{ float: right; margin-top: 6px;}
.leftBox .icon_01 span{ float: right; margin-left: 0; margin-right: -5px;}
.leftBox .icon_01 i{ float: right; border-left-color: transparent; border-right-color: #01368b; margin-left: 0; margin-right: 5px;}
.leftBox .month{ float: right; margin-left: 0; margin-right: 10px;}
.dateInfoBox li  dl.leftBox dd{ padding-left: 0; padding-right: 28px;}
.aboutUsPerson{ height: 720px; text-align: center;position: relative;}
.aboutUsPerson_tit{ margin-top: 40px; opacity: 0; transform: translateY(-200px);}
#aboutUsPersonBox .swiper-slide{ background:url(../images/aboutUs/bg_05.png) no-repeat center bottom; height: 300px; text-align: center; color: #fff; font-size: 16px; float: left; width: 200px; margin-right: 25px; opacity: 0;}
#aboutUsPersonBox .swiper-slide p{ width: 154px; line-height: 22px; margin: 10px auto 0;}
#aboutUsPersonBox .swiper-slide p span{ display: block; font-size: 18px; font-weight: bold;}
.swiper-button-prev{ margin-left: -50px; background: none; border-left-color: #fff; border-top-color: #fff; transform:rotate(-45deg) translateX(-100px);}
.swiper-button-next{ margin-right: -50px; background: none; border-left-color: #fff; border-top-color: #fff; transform:rotate(140deg) translateX(100px);}
.mem_body .animated.js_ani.swiper-button-prev{ transform: translateX(0) rotate(-45deg);}
.mem_body .animated.js_ani.swiper-button-next{ transform: translateX(0) rotate(140deg);}
.aboutUsPerson .aboutUs_text{ margin-bottom: 40px;}
.swiper-wrapper{ width: 999999em;}
.slidBox{ width: 100%; overflow: hidden;}
#aboutUsPersonBox{ overflow: visible;}

.weekBook{ text-align: center; min-height: 1440px; background-position: center bottom; background-size: auto 100%;}
.weekBook .aboutUs_text{ color: #333;}
.weekBookList{ overflow: hidden;}
.weekBookList li{ width: 312px; height: 466px; background: url(../images/aboutUs/bg_06.png) no-repeat center top; margin-left: 50px; float: left; margin-bottom: 20px; transform: translate(0) scale(0) rotate(0); overflow: hidden;}
.weekBookList li img{ margin-top: 15px;}
.weekBookList li p{ color: #333; font-size: 18px; font-weight: bold; margin-top: 5px; line-height: 20px;}
.weekBookList li div{ font-size: 14px; line-height: 22px; color: #666; padding: 8px 0 12px;}
.weekBookList li a{ font-size: 20px; color: #2f6ccd; font-weight: bold;}
.aboutUsPerson_tit02{ margin-top: 115px;}
.firends{ overflow: hidden;; padding-top: 40px;padding-bottom: 240px;}
.firends li{ width: 274px; height: 129px; border-right: 1px solid #e4e7ed; line-height: 129px; float: left;}
.firends li:last-child{ border: 0;}
.firends li img{ transform: translate(0) scale(0) rotate(180deg); opacity: 0;}
.aboutUsWrap .work{ margin-top: 0;}
#aboutUsPersonBox .swiper-slide img{ max-width: 160px;}
.swiper-button-more{ display: none;}

.actBox{margin: 0 auto;overflow: hidden;margin-top: 40px;display: flex;justify-content: center;flex-wrap: wrap;padding-bottom: 50px;}
.actBox li{width: 320px;height: 195px;margin-right: 20px;position: relative;background-size: 100% 100%;background-position: center;border-radius: 20px;margin-bottom: 24px;overflow: hidden;float: left;}
.actBox li:nth-child(3n){margin-right: 0;}
.actDes{height: 40px;width: 100%;background: rgba(0, 0, 0,0.5);position: absolute;bottom: 0;line-height: 40px;box-sizing: border-box;color: #fff;padding: 0 20px;}
/*移动端控制*/

@media screen and (max-width:1099px) {
	@media (min-width: 320px){
		html{ font-size: 85.333px;}
	}
	@media (min-width: 360px){
		html{ font-size: 96px;}
	}
	@media (min-width: 375px){
		html{ font-size: 100px;}
	}
	@media (min-width: 414px){
		html{ font-size: 110.4px;}
	}
	@media (min-width: 768px){
		html{ font-size: 100px;}
	}
	:root{ font-size: calc(100/750*100vw);}
	
	/*iPad pro*/
	@media screen and (max-width:1024px) {
		.con{ width: 100%;}
		.listsBox{ width: 3.675rem;}
		.sketch{ width: 100%; box-sizing:border-box;}
		.partnerLists{ display: flex;justify-content: flex-start; align-items: center; flex-wrap: wrap;}
		.partnerList{ width: 16.6%; box-sizing:border-box;}
		.workLists dd{ display: flex;justify-content: flex-start; align-items: center;}
		.aboutUsDecList li span{ font-size: 40px;}
		.dateBox{ display: flex;justify-content: space-between; align-items: center; padding: 0 .2rem; box-sizing:border-box;}
		.dateWrap{ flex:1;}
		.slidBtn{ margin-top: 0;}
		.dateBox ol li{ width: 1.32rem; height: .4rem; line-height: .4rem; font-size: .28rem;}
		.dateBox ol li span{ width: 1.2rem;}
		#aboutUsPersonBox{ padding: 0 .2rem;}
		.slidBox{ display: flex;justify-content: space-between; align-items: center; padding: 0 .2rem; box-sizing:border-box;}
		.swiper-button-next,.swiper-button-prev{ margin: 0;}
		.weekBookList li img{ width: 1.3rem; margin-top: .15rem;}
		.weekBookList li{ width: 2.12rem; background-size: 100% auto; height: 3.17rem; margin-left: .3rem;}
		.weekBookList li div{ padding: .08rem 0 .12rem;}
		.weekBookList li p{ margin-top: .05rem; line-height: .2rem;}
		.firends li{ width: 1.8rem;}
	}
	/*iPad*/
	@media screen and (max-width:768px) {
		.con{ width: 100%; overflow-x: hidden;}
		.listsBox{ width: 3.645rem;}
		.sketch{ width: 100%; box-sizing:border-box;}
		.partnerLists{ display: flex;justify-content: flex-start; align-items: center; flex-wrap: wrap;}
		.partnerList{ width: 16.6%; box-sizing:border-box;}
		.workLists dd{ display: flex;justify-content: flex-start; align-items: center;}
		.aboutUs_text{ width: 7rem;}
		.aboutUsDecList{  display: flex;justify-content: flex-start; align-items: flex-start; }
		.aboutUsDecList li span{ font-size: .36rem; height: 1.2rem; line-height: 1.2rem;}
		.aboutUsDecList li p{ font-size: 10px; height: .5rem;}
		.aboutUsDecList li p br{ display: none;}
		.dateBox ol li{ font-size: .24rem; width: 1.3rem;}
		.dateBox ol li.now span{ font-size: .28rem;}
		.dateBox ol li span{ width: 1rem;}
		#aboutUsPersonBox .swiper-slide{ margin-right: .4rem;}
		.weekBookList li img{ width: 1.2rem;}
	}
	/*手机端*/
	@media screen and (max-width:767px) {
		.activityWrap{ background-image: url("../images/activity/bg_02.jpg"); background-size: 100% auto;}
		.activityList{ margin-top: 4.76rem;}
		.topCon .logo img{ width: 1.67rem;}
		/*.topCon .back{ display: none;}*/
		.con{ width: 6.9rem;}
		.h5_tabBox{ display: flex; height: 1rem; justify-content: center; align-items: center; background-image: linear-gradient(#90aeff,#4b70d5); border-radius: .1rem; overflow: hidden;}
		.h5_tabBox a{ color: #fff; flex:1; height: 100%; text-align: center; line-height: 1rem; font-size: .36rem; font-weight: bold;}
		.h5_tabBox .now{ background-image: linear-gradient(#3254af,#5e84e8);}
		.h5_tabBox .now span{ display: inline-block; border-bottom: .05rem solid #fff; height: 100%; box-sizing:border-box;}
		.date{ font-size: .28rem; width: 2.5rem; height: .45rem; line-height: .45rem; border-radius: .23rem; margin-bottom: .1rem;}
		.list{ padding: .3rem .3rem .1rem;}
		.lists li{ margin-top: .2rem;}
		.addressAndTime{ font-size: .26rem; height: .4rem; line-height: .3rem;}
		.sketch{ font-size: .26rem; padding: .15rem 0 .2rem .38rem; background-size: .26rem auto; background-position: left .2rem;}
		.addressAndTime em{ padding-bottom: .08rem;}


		.listsBox{ width: 100%; /*display: none;*/ margin:.2rem 0 0 0;}
		.listsBox dt{ display: none;}
		.listsBox.now{ display: block;}
		.partner dt img{ width: 3.18rem;}

		/*.partnerLists a img{ width: 1.55rem;}*/


		.sketch{ width: 100%; box-sizing:border-box;}
		.partnerLists{ display: flex;justify-content: flex-start; align-items: center; flex-wrap: wrap;}
		.partnerLists a{ width: 33.3%; font-size: .26rem; padding: 0;}
		.partnerList{ width: 16.6%; box-sizing:border-box;}
		.workLists dd{ display: flex;justify-content: flex-start; align-items: center;}
		.work{ margin: .3rem auto .2rem; padding: .3rem 0 .4rem; width: 6.9rem; background-color: transparent;}
		.work dt{ border: 0; font-size: .32rem; color: #fff; padding-left: 0;}
		.workLists dd{ flex-wrap:wrap;}
		.workLists dd a{ width: 2.1rem; height: .9rem; display: flex;justify-content: center; align-items: center; margin-right: .2rem; margin-bottom: .2rem; background-color: #fff;}
		.workLists dd a img{ height: 1rem; width: auto; max-width: none;}
		.workLists dd a:nth-child(3n){ margin-right: 0;}
		.aboutUsWrap .con{ width: 6.3rem;}
		.aboutUsWrapBan .con img{ width: 4.69rem; margin-top: 2.2rem;}
		.aboutUs_text{ width: 100%; font-size: .28rem; line-height: .42rem;}
		.aboutUsWrapBan{ background-image: url(../images/aboutUs/bg_01_h5.jpg) !important; height: 12.26rem;}
		.aboutUsDec .con img{ width: 4.2rem; margin-top: 1.02rem;}
		.aboutUsDec{ background-image: url(../images/aboutUs/bg_02_h5.jpg) !important; height: 13.34rem;}
		.aboutUsDecList{ flex-wrap:wrap; margin-top: 0;}
		.aboutUsDec .aboutUs_text{ margin-bottom: 0;}
		.aboutUsDecList li span{ font-size: .64rem; height: 1.7rem; line-height: 1.7rem;}
		.aboutUsDecList.animated li span{ height: 1.7rem;}
		.aboutUsDecList li p{ font-size: .22rem; line-height: .32rem; height: .64rem; padding-bottom: 0; margin-bottom: .2rem; overflow: hidden;}
		.aboutUsDecList li{ margin-top: .6rem; width: 2.9rem; box-sizing:border-box; padding: 0; background-color: #01368b;}
		.aboutUsDecList li:nth-child(2n){ margin-right: 0;}
		.aboutUsGo .con img{ width: 4.62rem; margin-top: 1.04rem;}
		.dateBox{ margin-top: 1.1rem; width: 118%; margin-left: -9%;}
		.slidBtn{ width: .4rem; height: .4rem; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
		.dateBox ol li span{ font-size: .28rem; width: 1.4rem;}
		.dateBox ol li.now span{ font-size: .4rem;}
		.dateBox ol li{ height: .6rem; line-height: .6rem; width: 1.45rem;}
		.line{ left: -.02rem; margin-top: .1rem;}
		.line span{ display: none;}
		.dateInfoBox{ margin-top: .4rem;}
		.dateInfoBox li dl{ width: 100%; margin-left: 0; padding-top: 0; padding-bottom: .3rem; text-align: left; opacity: 0; transform: translateX(200px);}
		.dateInfoBox li dl .icon_01{ float: left; margin-left: -1px;}
		.dateInfoBox li dl .icon_01 span{ float: left;}
		.dateInfoBox li dl .icon_01 i{ float: left; border-left-color: #01368b; border-right-color: transparent; margin-left: 5px; margin-right: 0; display: inline-block;}
		.leftBox .month{ text-align: left; float: left; margin-left: 10px; margin-right: 0;}
		.dateInfoBox li dl.leftBox dd{ padding-left: 28px; padding-right: 0;}
		.leftBox .icon_01 span{ margin-left: -5px; margin-right: 0;}
		.aboutUsGo{ background-image: url(../images/aboutUs/bg_03_h5.jpg) !important; min-height: 13.34rem;}
		.aboutUsPerson_tit{ width: 4.25rem; margin-top: .7rem;}
		#aboutUsPersonBox{ padding: 0 0 .3rem;}
		.slidBox{ padding: 0; margin-bottom: .4rem; max-height: 13.3rem; overflow: hidden; align-items: flex-start; }
		.swiper-wrapper{ width: 100%; display: flex; flex-wrap:wrap; position: static;}
		.swiper-button-next, .swiper-button-prev{ display: none;}
		#aboutUsPersonBox .swiper-slide{ margin-right: .5rem; height: 4.26rem; background-size: 2.87rem auto; width: 2.87rem; font-size: .2rem; line-height: .32rem; margin-bottom: .2rem;}
		#aboutUsPersonBox .swiper-slide:nth-child(2n){ margin-right: 0;}
		#aboutUsPersonBox .swiper-slide img{ width: 2.3rem;}
		#aboutUsPersonBox .swiper-slide p{ width: 2.3rem; margin-top: .05rem;}
		#aboutUsPersonBox .swiper-slide p span{ font-size: .26rem;}
		.swiper-button-more{ display: block; margin: 0 auto; transform: rotate(-135deg); float: none;}
		.showMore{ transform: rotate(45deg);}
		.aboutUsPerson{ height: auto; min-height: none; background-image: url(../images/aboutUs/bg_04_h5.jpg) !important; background-position: center top; background-size: 100% auto; background-repeat: no-repeat; background-color: #f6f6f6;}
		.weekBook{ background-color: #fefeff; height: auto; min-height: 0; padding-bottom: 3.3rem; background-image: url(../images/aboutUs/bg_05_h5_b.jpg) !important; background-size: 100% auto;}
		.weekBook .aboutUsPerson_tit{ width: 4.19rem; margin-top: 1rem;}
		.aboutUsWrap .work{ background-color: #f6f6f6; margin: 0; width: 100%;}
		.weekBookList li img{ width: 2.08rem;}
		.weekBookList li{ width: 3rem; margin-left: 0; margin-right: .15rem; height: auto; background: linear-gradient(#f8f8f8,#fff); border-radius: .1rem; border: 1px solid #e8e8e8; margin-bottom: .35rem; padding-bottom: .1rem;}
		.weekBookList li:nth-child(2n){ margin-right: 0;}
		.weekBookList li p{ font-size: .18rem;}
		.weekBookList li div{ font-size: .14rem; padding: .08rem .1rem .12rem}
		.weekBookList li a{ font-size: .2rem;}
		.weekBookList{ max-height: 11.4rem; overflow: hidden;}
		.aboutUsWrap .work .con{ width: 6.9rem;}
		.aboutUsWrap .work dt{ color: #333;}
		.firends{ display: flex;justify-content: flex-start; align-items: center; padding-top: .3rem; flex-wrap:wrap;}
		.firends li{ height: 1.35rem; overflow: hidden;  display: flex;justify-content: center; align-items: center; border-radius: 50%; border: 0; width: 1.35rem; margin-right: .2rem; line-height: 1; margin-bottom: .2rem;}
		.firends li:nth-child(4n){ margin-right: 0;}
		.weekBook .con{ width: 100%; padding: 0 .6rem; box-sizing:border-box; background: url(../images/aboutUs/bg_05_h5_t.jpg) no-repeat center top/100% auto;}
	
		.firends {padding-bottom: 0;}
	}
	@media screen and (max-width:768px){
		.aboutUsAct{padding-top: 3rem;}
		.actBox li:nth-child(2n-1){margin-right: 20px;}
		.actBox li:nth-child(2n){margin-right: 0;}
	}

	@media screen and (max-width:450px){
		.actBox li{margin-right: 0!important}
		.aboutUsAct{padding-top: 7rem;}
	}
}



.mem_body .animated.js_ani,.mem_body .animated.js_ani *,#aboutUsPersonBox .swiper-slide.animated.js_ani{ transition: all 1s; opacity: 1; transform: translate(0) scale(1) rotate(0);}