.banner{background:url(/images/future/banner.jpg) no-repeat center top;}
.banner .wrap{height:300px;overflow:hidden;}
.banner .bn-hand{position:absolute;left:0;bottom:0;-webkit-animation:hand 3s both;-moz-animation:hand 3s both;animation:hand 3s both;}
.banner i{width:114px;height:150px;position:absolute;left:376px;top:94px;background:url(/images/future/bn-text.png) no-repeat;-webkit-animation:bnText 1s 0s 1 both;-moz-animation:bnText 1s 0s 1 both;animation:bnText 1s 0s 1 both;}
.banner i.ba-t2{width:150px;left:490px;background-position:-114px top;-webkit-animation:bnText 1s .5s 1 both;-moz-animation:bnText 1s .5s 1 both;animation:bnText 1s .5s 1 both;}
.banner i.ba-t3{width:120px;left:640px;background-position:-264px top;-webkit-animation:bnText 1s 1s 1 both;-moz-animation:bnText 1s 1s 1 both;animation:bnText 1s 1s 1 both;}
.banner i.ba-t4{width:106px;left:760px;background-position:-384px top;-webkit-animation:bnText 1s 1.5s 1 both;-moz-animation:bnText 1s 1.5s 1 both;animation:bnText 1s 1.5s 1 both;}
.banner i.ba-t5{width:110px;left:866px;background-position:-490px top;-webkit-animation:bnText 1s 2s 1 both;-moz-animation:bnText 1s 2s 1 both;animation:bnText 1s 2s 1 both;}

@-webkit-keyframes hand{
    0%{-webkit-transform:translate3d(0,100%,0);opacity:0;}
    100%{-webkit-transform:translatey(0);opacity:1;}
}
@-moz-keyframes hand{
    0%{-moz-transform:translate3d(0,100%,0);opacity:0;}
    100%{-moz-transform:translatey(0);opacity:1;}
}
@keyframes hand{
    0%{transform:translate3d(0,100%,0);opacity:0;}
    100%{transform:translatey(0);opacity:1;}
}

@-webkit-keyframes bnText{
    0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;}
    100%{-webkit-transform:translatex(0);opacity:1;}
}
@-moz-keyframes bnText{
    0%{-moz-transform:translate3d(-100%,0,0);opacity:0;}
    100%{-moz-transform:translatex(0);opacity:1;}
}
@keyframes bnText{
    0%{transform:translate3d(-100%,0,0);opacity:0;}
    100%{transform:translatex(0);opacity:1;}
}
.fHeader .wrap{height:80px;}
.fHeader .logo{padding-top:20px;}
.fHeader .nav-panel{width:665px;font-size:14px;}
.fHeader .nav-panel01{width:928px;font-size:14px;}
.fHeader .nav li{float:left;position:relative;z-index:2; font-size: 14px;}
.fHeader .nav li a{padding:0 20px;height:80px;line-height:80px;display:inline-block;color:#666;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;}
.fHeader .nav li a:hover{background:#08b8c3;color:#fff;text-decoration:none;}
.fHeader .nav li.on a,.header .nav li.cur span a{background:#08b8c3;color:#fff;}
.fHeader .en{line-height:30px;padding-top:25px;}
.fHeader .en a{color:#08b8c3;}

.future{padding:44px 0;}
.w852{width:852px;}
.w290{width:290px;}
.icon{ background:url(/images/future/2022/icon.png) no-repeat; }
.title{height:45px;line-height:45px;border-bottom:1px solid #eaeaea;}
.title h2{display:inline-block;border-bottom:1px solid #08b8c3;font-size:16px;color:#08b8c3;margin-bottom:-1px;}
.title .more{color:#08b8c3;}
.fm-title{height:34px;line-height:34px;}
.fm-title h3{font-size:16px;color:#08b8c3;font-weight:normal;}
.fm-title h3 i{width:3px;height:17px;line-height:0;font-size:0;overflow:hidden;background:#08b8c3;float:left;margin:9px 17px 0 0;}
.fm2-title{height:46px;line-height:45px; position:relative;}
.fm2-title h4{font-size:16px;font-weight:normal;}
.fm2-title i{width:125px;height:1px;line-height:0;font-size:0;overflow:hidden;background:#08b8c3;position:absolute;left:0;bottom:0;}
.titleShare{ background-position: 0 -75px; font-size: 24px; padding-left:38px;font-weight: bold;}


/**/
.futureNav{ margin: 36px auto 0;}
.futureNav ul li{ float:left; width: 225px; height: 137px; margin-right:18px; position: relative;}
.futureNav ul li.last{ margin-right: 0;}
.futureNav ul li img{ border: 1px solid #e1e1e1;}
.futureNav ul li em{ display: block;position: absolute; left: 0; bottom: 0; font-size: 14px; color: #fff; line-height: 36px; text-align: center; width: 223px;}
.futureNav ul li span{display: none;}
.futureNav ul li p{display: none;}
.futureNav ul li.on span{display: block; width: 225px;position: absolute; left: 0; top: 0; height: 137px; background: url("/images/future/2022/f-love-bg.png") repeat-y;}
.futureNav ul li.on p{ margin:25px 0 0 22px; position: absolute; left: 0; top: 0; display: block;}
.futureNav ul li.on p i{display: inline-block;*display:inline; zoom: 1;width: 98px; color: #fff; font-size: 14px; line-height:30px;}
.futureNav ul li.on p i a{ color: #fff;}
.futureNav ul li.on p i a:hover{ color: #07bdc7; text-decoration: none;}
.futureNav ul li.on em{display: none;}
.futureNav ul li.on p.oneLine{ margin: 50px 0 0;}
.futureNav ul li.on p.oneLine i{text-align: center; width: 225px;}



.crumbsNav{ color: #999; font-size: 12px; border-bottom: 1px solid #eee; padding-bottom: 25px;}
.crumbsNav a{ color: #999;}
.contentList{ margin-bottom: 30px;}
.contentList ul li{ border-bottom: 1px solid #eee; padding: 30px 0;}
.contentList ul li dl dt{ margin-right: 30px; float: left;}
.contentList ul li dl dt img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.contentList ul li dl dt:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);}
.contentList ul li dd h4{ font-size: 16px; margin-bottom: 15px;}
.contentList ul li dd h4 a:hover{color: #07bdc7;}
.contentList ul li dd p{ font-size: 12px; color: #999; line-height: 24px;}
.contentList ul li dd p.timeNum{ margin-bottom: 15px;}
.contentList ul li dd p.timeNum i{display: inline-block;*display:inline; zoom: 1; margin-right: 36px; padding-left: 20px;}
.contentList ul li dd p.timeNum i.icon01{ background-position: 0 7px;}
.contentList ul li dd p.timeNum i.icon02{ background-position: 0 -18px;}


.paging{height:30px;line-height:30px;font-size:14px;}
.paging a,.paging em{padding:0 10px;display:inline-block;margin:0 3px;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.paging a:hover,.paging em{background:#08b8c3;color:#fff;text-decoration:none;}

/**/
.news{ padding-bottom: 44px;}
.partner {padding: 30px 0}
.partner li {margin-bottom: 10px}
.partner li a {height: 62px;display: block;border: 1px solid #eaeaea;-moz-transition: border-color .3s ease;-webkit-transition: border-color .3s ease;transition: border-color .3s ease}
.partner a:hover {border-color: #08b8c3}

.bread{height:90px;line-height:90px;color:#999;}
.bread a{color:#999;}

.news-wrap{border-top:1px solid #eaeaea;padding-bottom:30px;}
.news-title{line-height:52px;font-size:24px;margin-bottom:8px;}
.news-panel{height:24px;line-height:24px;color:#999;padding-bottom:34px; border-bottom: 1px solid #ccc;}
.news-panel .news-label span,.news-panel .news-label em{margin-right:28px;}
.news-panel .news-label em{display:inline-block;padding-left:20px;background-position:0px 7px;}
.news-panel .news-label em.measure{background-position:0px -19px;}
.newContent{padding:30px 0;line-height:32px;font-size:16px;}


.around dl{line-height:26px;padding:6px 0;font-size:14px;}
.around dl dt{background-position:0px -37px;padding-left:24px;float:left;}
.around dl dd{margin-left:80px;}
.around dl dd a{color:#666;}
.around dl.next dt{background-position:0px -55px;}

.cdel-recommend{margin:30px 0 35px;}
.cdel-recommend .absPicon{padding-bottom:5px;}
.cdel-recommend .absPicon .abs-img{width:290px;height:165px;margin-bottom:7px;overflow:hidden;}
.cdel-recommend .absPicon h6{line-height:24px;font-size:14px;padding:3px 0;font-weight:normal;}
.cdel-recommend .absPicon p{line-height:24px;color:#999;}
.cdel-recommend ul li{height:45px;line-height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;border-bottom:1px dashed #ccc;}
.copyright-notice{padding:18px 0;line-height:24px;color:#666;text-indent:24px;}


/**/
.subHeader{ height: 60px; line-height: 60px; border-bottom: 1px solid #dedede; margin-top: 16px;}
.subHeader ul li,.subFixNav ul li{width:282px; font-size: 16px; color: #666; float: left;}
.subHeader ul li a{color: #666;}
.subHeader ul li.on a,.subFixNav ul li.on a{display: inline-block; border-bottom: 2px solid #08b8c3; margin-bottom: -1px; color: #07bdc7; font-weight: bold;}
.subHeader ul li a:hover{ text-decoration: none; color: #07bdc7;}
.subHeader ul li.last,.subFixNav ul li.last{text-align: right;width:70px;}

.bodyMenu .subFixNav {height:60px;line-height:60px;font-size:16px;display:block;position:fixed;left:0;top:0;background:#fff;width:100%;_position:absolute;z-index:99;margin-top:0; border-bottom: 1px solid #dedede; box-shadow: 0 0 14px rgba(58,59,65,0.14);}
.subFixNav {display:none;height:60px}
.subFixNav ul {width:1200px;margin:0 auto}

.fundIntCon{padding-bottom: 44px;}
.fundIntCon dl{padding: 60px 0 0px; color: #666; font-size: 16px; line-height: 28px;}
.fundIntCon dl dt{float: right;margin-left: 60px;}
.fundIntCon dl dt.twoImg{ margin-left: 30px;}
.fundIntCon dl dt.twoImg img{ display: inline-block;*display:inline; zoom: 1;margin:55px 0 0 15px;}
.fundIntCon dl dd h3,.contributeCon dt,.aboutCon dt{ font-size: 24px; background-position: 0 -80px; padding-left:38px; margin-bottom: 20px; font-weight: bold;}
.fundIntCon h4{ font-size: 20px; color: #07bdc7; font-weight: normal; margin:40px 0 20px;}
.fundIntCon p{ font-size: 16px; line-height: 28px;}
.fundIntCon ul li{width: 545px; display: inline-block;*display:inline; zoom: 1; font-size: 16px; line-height: 28px; }
/**/
.contributeCon{ padding-bottom:60px;}
.contributeCon dl,.aboutCon dl{ padding: 50px 0 0;}
.contributeCon dt{background-position: 0 -75px; }
.contributeCon dd{ float: left; width: 278px; background: #f0f6fc; margin-right: 28px; height: 355px;}
.contributeCon dd h5{ color: #333; font-size: 18px; line-height: 50px; padding: 0 15px;}
.contributeCon dd p{ color: #666; padding: 0 15px; line-height: 24px; font-size: 14px;}
.contributeCon dd.last{margin-right: 0;}
.contributeCon dd img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.contributeCon dd img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);}
/**/
.bankList{ background: #07bdc7; height: 66px; line-height: 66px; color: #fff; font-size: 18px; text-align: center; margin-top: 30px; position: relative;}
.bankList strong{ display: block; width:120px; height: 40px; border-radius: 0 20px 20px 0px; background: #fff; color: #07bdc7; font-size: 18px; line-height: 40px; text-align: center; left: 0; top:13px; position: absolute;}
.bankList i{ margin: 0 15px;display: inline-block;*display:inline; zoom: 1;}

/**/
.aboutCon{ padding-bottom: 60px;}
.aboutCon dd{ float:left; width: 518px;}
.aboutCon dt{background-position: 0 -75px; margin-bottom:35px;}
.aboutCon dd h5{ font-size: 18px; line-height: 24px; font-weight: normal; margin-bottom: 20px;}
.aboutCon dd p{ line-height: 36px; font-size: 16px; color: #999; margin-top: 15px;}

/**/
.alianceIntroduce{ padding: 45px 0 0px;}
.alianceIntroduce p{ margin: 25px 0 55px; font-size: 16px; line-height: 28px;}
/**/
.bigMemory{height:380px; padding-top: 35px;}
.bigMemory .titleShare{ background-position: 0 -108px; color: #fff;}
/**/
.coOperationSchool{background: url(/images/future/2022/studentBg.jpg) no-repeat center top; height: 414px; padding-top: 45px;}
.coOperationSchool .titleShare{ margin-bottom: 30px;}
.coOperationSchool ul li{width: 248px; float: left; line-height: 36px; font-size: 16px;}
.coOperationSchool ul li.last{width:208px;}
/**/
.followMode{padding-top: 50px;}
.followMode p{ height: 60px; line-height: 60px; background: #edfafb; font-size: 18px; color: #666; padding-left: 30px; margin: 25px 0 20px;}
.followMode p i{display: inline-block;*display:inline; zoom: 1; margin-right: 100px;}
.followMode ul li{width: 600px; text-align: center; float: left;}
.followMode ul li strong{display: inline-block;*display:inline; zoom: 1; width: 200px; height: 50px; line-height: 50px; border-radius: 25px; color: #fff; background: #07bdc7; font-size: 18px; position: relative; margin-bottom: 28px;}
.followMode ul li strong i{display: block; width: 14px; height: 7px; background-position: 0 -153px; position: absolute; left: 50%; bottom:-7px; margin-left: -5px;}
.followMode ul li a{ color: #07bdc7; font-size: 18px;}
.followMode ul li img{margin: 10px 0 55px;}

/**/
.connectMod{background: url(/images/future/2022/contactBg.jpg) no-repeat center top; height: 312px; padding-top: 50px;}
.connectMod dl{ margin: 28px 0 0;}
.connectMod dl dt{float: left; margin-right: 30px;}
.connectMod dl dd{ float: left;}
.connectMod dl dd h6{ font-size: 18px; font-weight: normal; line-height: 55px; margin-bottom: 15px;}
.connectMod dl dd.phoneList{ width: 345px;}
.connectMod dl dd.phoneList p{font-size: 16px; color: #999; line-height: 36px;}

.connectMod dl dd.ewmList span{ display: inline-block;*display:inline; zoom: 1;  width: 120px;  font-size: 16px; margin-right: 15px; text-align: center;}
.connectMod dl dd.ewmList span img{ margin-bottom: 5px;}

/**/
.studentGrant{ padding: 60px 0 60px;}
.studentGrant p{ font-size: 16px; line-height: 28px; margin-bottom: 25px;}
.studentGrant img{display: inline-block;*display:inline; zoom: 1; margin-right: 18px;}

/**/
.studyCard{ padding: 55px 0;}
.studyCardIntro p{ font-size: 16px; line-height: 28px; margin: 20px 0 50px;}
.studyCardCase{ padding-bottom: 50px;}
.studyCardCase .titleShare{ margin-bottom: 20px;}
.studyCardCase ul li{ float: left; width: 278px; background: #f6f6f6; margin-right: 28px; height:410px;}
.studyCardCase ul li h5{ color: #333; font-size: 16px; line-height: 24px; padding: 10px 15px;}
.studyCardCase ul li p{ color: #999; padding: 0 15px; line-height: 24px; font-size: 12px;}
.studyCardCase ul li span{display: block; padding: 0 15px 15px;}
.studyCardCase ul li span i{display:inline-block;*display:inline; zoom: 1; height: 20px; line-height: 20px; border-radius: 3px; background: #ffa200; padding: 0 10px; color: #fff; font-size: 12px;}
.studyCardCase ul li span em{display:inline-block;*display:inline; zoom: 1;padding-left: 20px; background-position: 0 -20px; color: #999;}
.studyCardCase ul li.last{margin-right: 0;}
.studyCardCase ul li img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.studyCardCase ul li img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);}

/**/
.welfareCon{padding:35px 0 55px; }
.wefTitle{ text-align: center; font-size: 36px; background: url("/images/future/2022/chinaacc01.png") no-repeat center top; padding-top:25px; line-height: 24px; font-weight: bold;}
.wefTitle i{display: inline-block;*display:inline;zoom: 1; background-position: 0 -169px; width: 39px; height: 33px; vertical-align: middle; margin: 0 20px;}
.welfareCon .video{ margin:35px 0 0; }
.publickTopBg{ background:url("/images/future/2022/welfareBg.jpg") no-repeat center top #fff; padding: 65px 0 50px;}
.publickTopBg .wefTitle{ background: url("/images/future/2022/chinaacc02.png") no-repeat center top; color: #fff; margin-bottom: 45px;}
.publickTopBg .wefTitle i{ background-position: 0 -206px;}

/**/
#floatBoxBg{width:100%;height:100%;background: #000;filter:alpha(opacity=30);opacity:0.3;position:fixed; top:0;left:0;z-index:998;}
.floatBox{ position:absolute; left:50%;top:50%; background:#fff;z-index:999;}
.floatBox .v-tit{height:70px;line-height:70px;padding:28px 0 0 53px;font-size:20px;}
.floatBox .title h4{float:left;padding:0;margin:0;font-size:14px;line-height:16px;}
.floatBox .title span{float:right;cursor:pointer;}
.floatBox .content{height:506px;padding:0 52px;background:#fff;}
.floatBox .v-close{z-index:999;width:12px;height:12px;padding:8px;overflow:hidden;position:absolute;right:17px;top:14px;}
.floatBox .v-close:hover{text-decoration:none;}