@charset "utf-8";

.banner .slide-banner a{display: block;position: relative;}
.banner .slide-banner a:after{content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 20vh;background: url(../images/bamask.png) no-repeat bottom center;background-size: 100% 100%;z-index: 2;opacity: .7}
.banner .slide-banner .pagBa{position: absolute;bottom: .4rem;z-index: 5;width:100%;left: 0;text-align: center;height: .3rem}
.banner .slide-banner .pagBa span{width: .5rem;height:.1rem;display:inline-block; opacity: 1;margin: 0 .1rem;position: relative;position: relative;vertical-align: middle;background:#FFF;background-size: 100% 100%;transition: .3s}
.banner .slide-banner .pagBa span.swiper-pagination-bullet-active{margin: 0 .15rem;background:#145682;}

.shy_pic .intit .h4 span{color: #fff;}

.intit{} 
.intit .h4 span{font-size: .35rem; font-weight:600; position: relative; z-index: 2; color: #1f477d; } 
.intit .h4 em{font-size: .36rem; font-family: Arial; color: rgba(51,51,51,.12); position: absolute; top: 65%; left: 5%; z-index: 0; line-height: 1em; font-variant: small-caps; font-weight: normal; } 
.intit .more{top: .1rem;position: absolute;right: 0;} 
.intit .more a{display: inline-block;line-height: .3rem;color: #888} 
.intit .more a:hover{color: #1f477d} 
.homea{background: #ebeef7} 
.in-tit { margin-bottom: .3rem;position: relative; } 
.in-tit span {position: relative; font-size: .35rem;font-weight:600; display: block; color: #1f477d; } 
.in-tit span em{font-size: .36rem; font-family: Arial; color: rgba(51,51,51,.12); position: absolute; top: 66%; left: 48%; z-index: 0; line-height: 1em; font-variant: small-caps; font-weight: normal; } 
.in-tit a { padding-top: .1rem; display: block; color: #1f477d; font-size: .14rem } 
.in-tit a:hover { text-decoration: underline; } 
.line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } 
.line3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical } 
.line4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical } 
.line5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical } 
.line8 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical } 
.shya { background: url(../images/abg1.jpg) no-repeat top center; background-size: 100% auto; min-height: 4rem; padding-top: 1.66rem } 
.shya-a { position: absolute; left: 0; bottom: -.4rem; right: 0; z-index: 10 } 
.shya-a .icoList { padding-bottom: .4rem; padding-top: .15rem } 
.shya-a .icoList .swiper-slide { text-align: center; background: transparent } 
.shya-a .icoList .swiper-slide a { height: 1rem; font-size: .2rem; display: block; box-shadow: 0 .03rem .1rem rgba(73, 45, 171, .2); transition: .3s; background: #fff; } 
.shya-a .icoList .swiper-slide .pic { height: 100%; opacity: 0; transition: .3s } 
.shya-a .icoList .swiper-slide .txt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 4; } 
.shya-a .icoList .swiper-slide:hover a { height: 1.1rem; margin-top: -.1rem; } 
.shya-a .icoList .swiper-slide:hover a { color: #fff; border: 0; } 
.shya-a .icoList .swiper-slide:hover .pic { opacity: 1 } 
.shya-a .icoList .swiper-pagination-bullets span { background: #d8b95a; opacity: 1; width: .1rem; height: .1rem; margin: 0 .06rem } 
.shya-a .icoList .swiper-pagination-bullets span.swiper-pagination-bullet-active { background: #1f477d; } 
.shya-a .icoList .swiper-pagination-bullets { bottom: 0 } 
.shya-b .in-tit { text-align: center; display: block;position: relative; } 
.shya-b .in-tit span em{font-size: .36rem;font-family: 'Arial';color: rgba(51,51,51,.12);position: absolute;z-index: 0;line-height: 1em} 
.shya-b .in-tit .in-more { position: absolute; right: 0; bottom: 0 } 
.shya-b .aleft { width: 54% } 
.shya-b:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 35%; background: url(../images/bbg1.jpg) no-repeat left center; background-size: cover; z-index: 0 } 
.shya-b .aleft .con { max-width: 7.5rem; width: 100%; background: #fff; padding-right: .5rem; padding-bottom: .9rem } 
.shya-b .aleft .topnews { padding: .4rem .3rem .2rem; font-size: .18rem; line-height: 1em } 
.shya-b .aleft .topnews .sign { font-weight: bold; color: #1f477d; padding-left: .1rem; border-left: .03rem solid #84a5c3 } 
.shya-b .aleft .topnews .sign a { font-weight: bold; color: #84a5c3; } 
.shya-b .aleft .topnews .sign a:hover { font-weight: bold; color: #1f477d; } 
.shya-b .aleft .topnews .topSlide { width: calc(100% - 1.3rem) } 
.shya-b .aleft .topSlides { transform: translateX(-1rem); } 
.shya-b .aleft .topSlides .txt { position: absolute; left: 0; bottom: 0; right: 0; z-index: 3; padding: 0 5% .3rem; color: #fff; } 
.shya-b .aleft .topSlides .txt time { font-size: .16rem; font-family: "Philosopher"; } 
.shya-b .aleft .topSlides .txt p { font-size: .18rem; line-height: 1.4em; margin-top: .1rem; max-height: 2.8em\0; height: 2.8em; } 
.shya-b .aleft .topSlides .pic { height: 4.35rem } 
.shya-b .aleft .topSlides .pic img{ width: 100%; } 
.shya-b .aleft .topSlides .pic:before { content: ''; opacity: .8; position: absolute; left: 0; bottom: 0; right: 0; height: 20%; background: url(../images/bamask.png) no-repeat top center; background-size: 100% 100%; z-index: 2; } 
.shya-b .aleft .sbtn { position: absolute; right: .5rem; bottom: .9rem; z-index: 10 } 
.shya-b .aleft .sbtn a { font-size: .32rem; color: #1f477d; margin-left: .2rem } 
.shya-b .aleft .sbtn a:hover { color: #d8b95a; } 
.shya-b .aleft .sbtn a.swiper-button-disabled { opacity: .4; } 
.shya-b .aright { width: 46%; color: #fff; padding: .45rem 0 0 .6rem } 
.shya-b .aright a { color: #fff } 
.shya-b .aright:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 9rem; background: url(../images/bbg2.jpg) no-repeat left center; background-size: cover; z-index: 0 } 
.shya-b .aright .ctit { margin-bottom: .5rem } 
.shya-b .aright .tabtit { border-left: .03rem solid #84a5c3; } 
.shya-b .aright .tabtit span { font-size: .18rem; font-weight: bold; cursor: pointer; transition: .3s; display: inline-block; height: .22rem; vertical-align: middle; line-height: .22rem; padding: 0 .1rem; margin-top: -.02rem; color:#84a5c3 } 
.shya-b .aright .tabtit span i { opacity: .6 } 
.shya-b .aright .tabtit span.cur { font-size: .18rem; color: #84a5c3; padding-left: .1rem; } 
.shya-b .aright .tabtit span.cur i { opacity: 1 } 
.shya-b .aright .more a { display: none; font-size: .12rem; opacity: .6 } 
.shya-b .aright .more a:hover { opacity: 1 } 
.shya-b .aright .picNews { width: 44% } 
.shya-b .aright .picNews .pic { height: 1.88rem; margin-bottom: .3rem } 
.shya-b .aright .picNews .pic img { width: 100%; } 
.shya-b .aright .picNews .txt time { font-family: "Philosopher"; opacity: .6 } 
.shya-b .aright .picNews .txt h4 { font-size: .18rem; margin-bottom: .25rem; line-height: 1.8em; margin-top: .15rem } 
.shya-b .aright .picNews .txt h4 a { max-height: .64rem\0; display: block\0; } 
.shya-b .aright .picNews .txt p { font-size: .14rem; opacity: .7; line-height: 1.8em; max-height: 1rem\0; } 
.shya-b .aright .txtNews { width: 47% } 
.shya-b .aright .txtNews li { padding: .2rem 0; border-top: .01rem dashed #84a5c3; border-bottom: .01rem dashed #84a5c3; } 
.shya-b .aright .txtNews li time { opacity: .6 } 
.shya-b .aright .txtNews li h4 { margin-top: .08rem; font-size: .16rem; line-height: 1.6em; text-align: justify; } 
.shya-b .aright .txtNews li h4 a { max-height: .51rem\0; display: block\0; } 
.shya-b .aright .txtNews li:first-child { border-top: 0; padding-top: 0 } 
.shya-b .aright .txtNews li:last-child { border-bottom: 0; padding-bottom: 0 } 
.shyc { background: url(../images/dbg.jpg) no-repeat center; background-size: cover; padding: .65rem 0 .5rem } 
.shyc .in-tit { text-align: center; display: block; } 
.shyc .in-tit .in-more { position: absolute; right: 0; bottom: 0 } 
.shy_zt { background-size: cover; padding: .5rem 0 .5rem } 
.shy_zt .intit { display: block; padding:0 0 .2rem } 
.shy_zt .intit .h4 span{font-size: .3rem; font-weight:500; position: relative; z-index: 2; color: #1f477d; } 
.shy_zt .intit .h4 em{font-size: .28rem; font-family: Arial; color: rgba(51,51,51,.12); position: absolute; top: 65%; left: 2%; z-index: 0; line-height: 1em; font-variant: small-caps; font-weight: normal; }

.shy_zt .intit .more{top: .1rem;position: absolute;right: .35rem;}
.shy_zt .intit .more a{display: inline-block;line-height: .3rem;color: #888}
.shy_zt .intit .more a:hover{color: #1f477d}


.shy_zt .tzggList { padding-bottom: 0; margin-bottom: 0; } 
.shy_zt .tzggList .item { background: #fff; padding: 0; margin: 0 .1rem; position: relative; z-index: 3; } 
.shy_zt .tzggList a { background: #fff; } 
.shy_zt .tzggList .item .time { width: .4rem; background: url(../images/line.png) no-repeat left center; } 
.shy_zt .tzggList .item .time span { display: block; font-size: .3rem; color: #1f477d } 
.shy_zt .tzggList .item .time span:nth-child(1) { padding-bottom: .1rem } 
.shy_zt .tzggList .item .time span:nth-child(2) { padding-top: 0rem } 
.shy_zt .tzggList .item .txt { width: calc(100% - .5rem); padding-top: .05rem; font-size: .16rem; line-height: 1.6 } 
.shy_zt .tzggList .item .txt a { max-height: .78rem\0; line-height: .2rem\0; display: block\0; } 
.shy_zt .tzggList .item:hover::after { opacity: 1; } 
.shy_zt .tzggList .item:hover .time span { color: #adebff; } 
.shy_zt .tzggList .item:hover .txt a { color: #fff; } 
.shy_zt .tzggList .swiper-pagination-bullets span { background: #7b99b5; opacity: 1; width: .1rem; height: .1rem; margin: 0 .06rem } 
.shy_zt .tzggList .swiper-pagination-bullets span.swiper-pagination-bullet-active { background: #145682; } 
.shy_zt .tzggList .swiper-pagination-bullets { bottom: 0 }

.shy_gd { background: url(../images/cbg.jpg) no-repeat center; background-size: cover; min-height: 3rem; padding: .65rem 0 .5rem }
.shy_gd .in-tit { text-align: center; display: block; } 
.shy_gd .in-tit .in-more { position: absolute; right: 0; bottom: 0 }
.shy_gd .jsList { padding-bottom: .5rem; padding-top: .4rem } 
.shy_gd .jsList .item { text-align: center; } 
.shy_gd .jsList .pic { width: 1.3rem; height: 1.3rem; border-radius: 50%; overflow: hidden; margin: 0 auto; margin-bottom: .3rem; float:left; } 
.shy_gd .jsList .txt {float:left; text-align:left; margin-left: .3rem; } 
.shy_gd .jsList .txt h4 { font-size: .18rem; margin-bottom: .3rem } 
.shy_gd .jsList .txt h4 span { display: inline-block; min-width: .56rem; padding-bottom: .12rem; border-bottom: .02rem solid #483197 }
.shy_gd .jsList .txt p { color: #777; line-height: 1.6em; max-width: 1.35rem; margin: 0 auto; max-height: 3.2em\0; height: 3.2em; word-wrap: break-word; } 
.shy_gd .jsList .gdtxt { max-width: 85%; text-align:left; display: block; padding:.1rem .2rem .1rem 0; float:left; text-align:left; text-indent:.3rem; color: #777; line-height: 1.7em; } 
.shy_gd .swiper-pagination-bullets span { background: #7b99b5; opacity: 1; width: .1rem; height: .1rem; margin: 0 .06rem }
.shy_gd .swiper-pagination-bullets span.swiper-pagination-bullet-active { background: #145682; } 
.shy_gd .swiper-pagination-bullets { bottom: 0 } 
.shyd{ position: relative; z-index: 5; background: #7a97b5 url(../images/bbg3.jpg) no-repeat center; background-size: 100% 100%; display: block; overflow: hidden; padding: .5rem 0 1rem; }


.homeaa{padding: 0 .5rem;max-width: 1920px;margin: 0 auto;margin-bottom: 0rem}
.homeaa ul li{width: calc(33.33333% - .15rem);text-align: center;height: 2.2rem;position: relative;box-shadow: 0 5px 10px #e1f6ff}
.homeaa ul li .show{height: 100%;position: relative;}
.homeaa ul li .show:before{content: '';height:4px;width: 100%;background: linear-gradient(to right,#33ccff 0%,#84a5c3 100%);position: absolute;left: 0;top:0}
.homeaa ul li .show p{font-size: .24rem;color: #1f477d}
.homeaa ul li .show i{display: block;margin: 0 auto .15rem;width: .5rem}
.homeaa ul li .hide{position: absolute;top: 0;left: 0;right: 0;bottom: 0;font-size: .28rem;color: #fff;opacity: 0;visibility: hidden;transition: .3s}
.homeaa ul li .hide:before{content: '';height:.1rem;width: 100%;background: linear-gradient(to right,#33ccff 0%,#84a5c3 100%);position: absolute;left: 0;top: -.07rem}
.homeaa ul li .hide:after{content: '';position: absolute;left: .24rem;top:.28rem;right: .24rem;bottom: .24rem;border: 1px solid rgba(255,255,255,.3)}
.homeaa ul li:nth-child(1) .hide{background: url(../images/ibgg1.jpg) no-repeat center;background-size: cover}
.homeaa ul li:nth-child(2) .hide{background: url(../images/ibgg2.jpg) no-repeat center;background-size: cover}
.homeaa ul li:nth-child(3) .hide{background: url(../images/ibgg3.jpg) no-repeat center;background-size: cover}
.homeaa ul li:nth-child(1) .show{background: url(../images/i1bg.jpg) no-repeat center;background-size: cover}
.homeaa ul li:nth-child(2) .show{background: url(../images/i2bg.jpg) no-repeat center;background-size: cover}
.homeaa ul li:nth-child(3) .show{background: url(../images/i3bg.jpg) no-repeat center;background-size: cover}
.homeaa ul li:hover .hide{opacity: 1;visibility: inherit;}

.shyc_b{max-width: 1920px;margin: 0 auto;padding: .9rem 0}
.shyc_b:before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 37.5%;background: url(../images/a1.jpg) no-repeat center;background-size: cover}
.shyc_b .intit .h4 span{color: #fff}
.shyc_b .intit .h4 em{color: rgba(255,255,255,.15);}
.shyc_b .intit .h4{margin-bottom: 1rem}
.shyc_b  .intit .more{position: relative;}
.shyc_b  .intit .more a{color: rgba(255,255,255,.7)}
.shyc_b  .intit .more a i{border: 1px solid rgba(255,255,255,.5);}
.shyc_b  .intit .more a i:before{color: rgba(255,255,255,.7);}
.shyc_b  .intit .more a:hover{color: rgba(255,255,255,1)}
.shyc_b  .intit .more a:hover i{border: 1px solid rgba(255,255,255,1);}
.shyc_b  .intit .more a:hover i:before{color: rgba(255,255,255,1);}
.shyc_b .aleft{width: 2.15rem}
.shyc_b .aright{width: calc(100% - 2.8rem)}
.shyc_b .aright ul li{width: calc(25% - .1rem)}
.shyc_b .aright ul li .pic{width:60%; margin:0px auto;position: relative;display: block;}
.shyc_b .aright ul li .pic img{height:2rem;width:100%;padding-top: .5rem;padding-bottom:.2rem;}
.shyc_b .aright ul li a.bgn{width: 100%;position: relative;display: block;margin: 0px;padding: 0px;border: 10px solid #fff;}

.shyc_b .aright ul li .txt{z-index: 3;color: #fff; height:1rem;width:80%; margin:auto; font-size: .22rem; text-align:center}
.shyc_b .aright ul li .txt h4{}
.shyc_b .aright ul li .txt span{margin-top: .1rem;font-size: .16rem;text-transform: uppercase;}

.shyc_b .aright ul li:nth-child(1) a.bgn{background:#325386;}
.shyc_b .aright ul li:nth-child(2) a.bgn{background:#325386;}
.shyc_b .aright ul li:nth-child(3) a.bgn{background:#325386;}
.shyc_b .aright ul li:nth-child(4) a.bgn{background:#325386;}


.shy_fz{padding: .8rem 0;background-size: cover;background-color: #FFF;background-image: url(../images/cbg1.jpg);background-repeat: no-repeat;background-position: center;}
.shy_fz .intit{width: 46.7%;position: absolute;top: 0}
.shy_fz .intit .h4 em{white-space: nowrap}
.shy_fz .aleft{width: 46.7%;padding-top: 1rem}
.shy_fz .aright{width: calc(53.3% - .3rem)}
.shy_fz .aleft ul li .pic{height: 4.35rem}
.shy_fz ul li .txt{position: absolute;z-index: 3;color: #fff;left: .4rem;bottom: .4rem;right: .4rem;top:.4rem;text-align: center;}
.shy_fz ul li .txt h4{font-size: .28rem;margin-bottom: .1rem; }
.shy_fz ul li .txt span{text-transform: uppercase;}
.shy_fz .aright ul li:nth-child(1) .pic{height:3.3rem;}
.shy_fz .aright ul li:nth-child(2) .pic{height:2.5rem;}
.shy_fz .aright ul li:nth-child(3) .pic{height:4rem;width: 2.8rem}
.shy_fz .aright ul li:nth-child(1) {margin-bottom: .3rem;width: 4.6rem}
.shy_fz .aright ul li:nth-child(2) {width: 4.1rem}
.shy_fz .aright ul li:nth-child(3) {position: absolute;right: 0;bottom: 0;z-index: 3}
.shy_fz .aright ul li:nth-child(3) .txt h4{font-size: .22rem}


.cal-slidep{margin-bottom: .2rem}
.cal-slidep .swiper-slide .txt{width: 58%;padding-top: 1rem}
.cal-slidep .swiper-slide .txt .ctime{width: 1.2rem;height: 1.55rem;border: 1px solid #fff;text-align: center;}
.cal-slidep .swiper-slide .txt .ctime .cday{font-size: .48rem;font-family: 'Arial'}
.cal-slidep .swiper-slide .txt .ctime .cweek{margin-top: .15rem}
.cal-slidep .swiper-slide .txt .info{width: calc(100% - 1.8rem)}
.cal-slidep .swiper-slide .txt .info h4 {font-size: .24rem;color: #fff;line-height: 1.5em;margin-bottom: .15rem}
.cal-slidep .swiper-slide .txt .info h4 a{color: #fff;max-height: .72rem\0;display: block\0;}
.cal-slidep .swiper-slide .txt .info p{color: #ccffff;padding: .05rem 0}
.cal-slidep .swiper-slide .txt .info p.dtime{background: url(../images/time.png) no-repeat left center;padding-left: .3rem}
.cal-slidep .swiper-slide .txt .info p.dwz{background: url(../images/wz.png) no-repeat left center;padding-left: .3rem}
.cal-slidep .swiper-slide .pic{height: 2.95rem;width: 36.4%}


.homed .aleft {width: 58%;border-top: 3px solid #2da2da;padding-top: .2rem}
.homed .aleft .list li{border-bottom: 1px dashed #35ade0;padding: .25rem 0}
.homed .aleft .list li a{display: flex;justify-content: space-between;flex-wrap: wrap;}
.homed .aleft .list li a time{width: 2.05rem;padding-right: .3rem;font-size: .15rem;color: rgba(255,255,255,.8);}
.homed .aleft .list li a h4{width: calc(100% - 2.05rem);padding-left: .3rem;font-size: .18rem;color: #fff;border-left: 1px solid #35ade0}

.homed .intit{width:58%;position: absolute;top: 0;left: 0;z-index: 10 }
.homed .intit .h4 em{color: rgba(255,255,255,.15);}
.homed .intit .more a{color:#fff;opacity: .7}
.homed .intit .more a:hover{opacity: 1}
.homed .intit .more a i{color: #fff;border-color:#fff }
.homed .intit .more a i:before{color: #fff!important}

#pacanwas-js {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;}
.shy_gg{background: url(../images/fbg.jpg) no-repeat bottom center;background-size: cover;padding: .6rem 0 .2rem}
.shy_gg .intit{margin-bottom: .2rem}
.shy_gg .aleft{width: 32.8%}
.shy_gg .aright{width: 62.1%}
.shy_gg .aright .item{width: 53%}
.shy_gg .aright .list{width: 42%}
.shy_gg .aright .item .pic{height: 2.95rem}
.shy_gg .aright .item .txt{min-height: 2rem;background: #fff;padding: .2rem .3rem;border-bottom: 0px solid #1f477d}
.shy_gg .aright .item .txt h4{font-size: .18rem;line-height: 1.5em;font-weight: bold;margin-bottom: .15rem;max-height: .54rem\0;}
.shy_gg .aright .item .txt p{font-size: .14rem;line-height: 1.6em;margin-bottom: .2rem;color: #666;max-height: .66rem\0;}
.shy_gg .aright .item .txt time{color:  #1f477d;font-size: .15rem}
.shy_gg .aright .list{}
.shy_gg .aright .list li{border-bottom: 1px solid #c5c5c5;padding-bottom: .14rem;margin-bottom: .14rem}
.shy_gg .aright .list li h4{font-size: .16rem;line-height: 1.8em;max-height: .56rem\0;margin-top: .05rem}
.shy_gg .aright .list li time{color:  #1f477d;font-size: .15rem}
.shy_gg .aright .list li:last-child{border-bottom: 0}

.shy_gg .aleft .list{padding: .15rem 0;background-color: #eaedf6;}
.shy_gg .aleft .list li{padding-left: .3rem;position: relative;}
.shy_gg .aleft .list li:before{content: '';width: 3px;height: 0;background: #1f477d;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: .3s}
.shy_gg .aleft .list li:hover:before{height: .5rem;}
.shy_gg .aleft .list li a{display: flex;justify-content: space-between;}
.shy_gg .aleft .list li .time{width: .8rem;padding-top: .2rem;font-family: 'Arial';padding-right: .2rem;text-align: center;font-size: .14rem; color:#0c5081}
.shy_gg .aleft .list li .time span{display: block;font-size: .36rem; color:#0c5081}
.shy_gg .aleft .list li .txt{width: calc(100% - .8rem);border-bottom: 1px solid #ddd;padding: .22rem .3rem .22rem 0}
.shy_gg .aleft .list li .txt h4{font-size: .16rem;line-height: 1.8em;}
.shy_gg .aleft .list li:last-child .txt{border-bottom: 0}


.shy_pic{position: relative;}

.index-special { width:100%;position: relative;padding: .95rem 0; }
.index-special ul { width:100%; margin-left: -.26rem; display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;} 
.index-special li { width: 25%; padding-left: .26rem; } 
.index-special a { display: block; color: #464646; } 
.index-special a .img { width: 100%; overflow: hidden; position: relative; } 
.index-special a .name { height: .5rem; line-height: .5rem; font-size: .18rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.index-special a:hover { color: #660774; } 
.index-special a:hover .img img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); vertical-align: middle; max-width: 100%; border: 0;}

.friends-box{ position: relative; padding-left: 160px; padding-top: 50px; padding-bottom: 0px; }
.friends-left{ position: absolute; left: 0; top: 40px; font-size: 28px; color: #1f477d; }
.friends-box a{ font-size: 16px; color: #111; display: inline-block; margin-bottom: 10px;margin-right: 15px; }
.friends-box span{ font-size: 16px; color: #111; display: inline-block; padding:0 12px; margin-bottom: 10px; }

.notice-list li{ position: relative; line-height: 50px; color: #fff; opacity: 0.8; font-size: 18px; padding-right: 100px; }
.notice-list li a{ font-size: .18rem; color: #fff; }
.notice-list li span{ position: absolute; right: 0; top: 0; }

#quick_link { height: 120px; padding-right: 2px; padding-left: 2px; padding-top: 15px; padding-bottom: 15px; clear:both; } 
#quick_link li { float: left; height: 120px; width: 120px; display: block; list-style-type: none; text-align: center; margin-right: 25px; margin-left: 25px; }
#quick_link a { display: block; height: 120px; width: 120px; text-decoration: none; background:#eaedf6; border-radius:50%; border:#dee4f2 solid 2px; } 
#quick_link a:hover { color: #FFFFFF; background:#0c5081; } 
#quick_link .ql_en {display: none; font-size: 26px; line-height: 35px; padding-top: 20px; } 
#quick_link .ql_cn { font-size: 18px; line-height: 100%; padding-top: 45px; }