@charset "utf-8";
.reportlist{ padding-top: 48px;}
.reportlist li{ padding: 48px 0; border-bottom: solid 1px #ECECEC;}
.reportlist li .ibox{position: relative; height: 282px;}
.reportlist li img{ border-radius: 4px; width: 232px;}
.reportlist li h3{ font-size: 20px;padding: 16px 0;}
.reportlist li p{ font-size: 16px; line-height: 24px; padding:0 0 16px 0; }
a.a-go{ position: absolute; bottom: 16px; left: 0; display: inline-block; text-align: center; font-size: 14px; color: #9A9A9A; width: 128px;height: 36px; line-height: 36px; background: #F7F9FC;border-radius: 4px;transition: all .3s;}
a.a-go:hover{ color: #fff; background:#034888; border-color:#034888;}

.newslist li{padding: 48px 0; border-bottom: solid 1px #ECECEC; display: flex; flex-wrap: wrap;}
.newslist li .date{width: 100px;height: 100px; padding: 24px 0; box-sizing: border-box; color: #9A9A9A; font-size: 16px; text-align: center; border: 1px solid #E2E2E2;}
.newslist li .date h3{width: 100px;font-size: 28px; line-height: 22px; font-family: DINPro-Bold;}
.newslist li .ibox{ width: calc(100% - 100px); padding-left: 24px; box-sizing: border-box; } 
.newslist li .ibox h3{ font-size: 20px;padding: 7px 0 12px;}
.newslist li .ibox p{ font-size: 16px; line-height: 24px; padding:0 0 16px 0; }

.hot-tops{ margin: 48px 0 32px;background: #F7F9FC; overflow: hidden;border-radius: 6px;}
.hot-tops img{border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.tops-intro{font-size: 16px; padding: 48px 30px 24px 16px;}
.tops-intro h3{ font-size: 24px; }
.tops-intro p{ height: 170px; padding: 16px 0;}
.tops-intro span{ font-size: 14px; color: #9A9A9A; }
.news-tabs{ border-bottom: solid 1px #ECECEC; }
.news-tabs.headtab{ padding-top: 25px; }
.news-tabs li{ display: inline-block; margin-right: 20px;}
.news-tabs li a{padding: 10px 0; color: #505050; font-size: 24px; display: block; border-bottom: 3px solid #fff; font-weight: normal; }
.news-tabs li.active a{ border-color: #034888; color: #2C2C2C; font-family: SourceHanSans-Bold;}



/*文章详情页面*/
.news-detail{padding: 48px 64px 0 0;}
.news-detail .head-meta{ height: 40px; overflow: hidden;}
.news-detail .head-meta.border-line{ padding-bottom: 16px; border-bottom: solid 1px #ECECEC; }
.news-detail .head-meta .news-meta{ padding-top: 5px; }
.news-detail .news-meta span{margin-right: 10px; font-size: 14px;}
.news-detail .news-meta span i{display: inline-block;width: 16px; height: 16px; margin-right: 5px;}
i.i-user{background: url(/content/dam/gtjagy/i-user.svg)no-repeat; background-size: 100% 100%;}
i.i-link2{background: url(/content/dam/gtjagy/i-link2.svg)no-repeat; background-size: 100% 100%;}
i.i-time{background: url(/content/dam/gtjagy/i-time.svg)no-repeat; background-size: 100% 100%;}
.news-detail .news-meta span i{ font-size: 24px; vertical-align: middle; }
.news-detail h2.titd{font-size:38px; line-height: 46px;font-family: SourceHanSans-Bold; font-weight: normal; padding-bottom: 16px}

.news-detail .share-link{ height: 24px; }
.news-detail .share-link a{display: inline-block; border-right: solid 1px #E2E2E2; padding: 0 10px;}
.news-detail .share-link a i.i-icon{display: inline-block;width: 24px; height: 24px;}
i.i-weibo2{background: url(/content/dam/gtjagy/i-weibo2.svg)no-repeat; background-size: 100% 100%;}
i.i-weixin{background: url(/content/dam/gtjagy/i-weixin.svg)no-repeat; background-size: 100% 100%;}
i.i-dayin{background: url(/content/dam/gtjagy/i-dayin.svg)no-repeat; background-size: 100% 100%;}
i.i-jia{background: url(/content/dam/gtjagy/i-jia.svg)no-repeat; background-size: 100% 100%;}
i.i-jian{background: url(/content/dam/gtjagy/i-jian.svg)no-repeat; background-size: 100% 100%;}
i.i-night{background: url(/content/dam/gtjagy/i-night.svg)no-repeat; background-size: 100% 100%;}
.news-detail .share-link a.aswitch.active i.i-night{background: url(/content/dam/gtjagy/i-day.svg)no-repeat; background-size: 100% 100%;}
.news-detail .share-link a:last-child{ border-right: none; }
.news-detail .abstract{ margin-top: 24px;color: #505050; background: #F7F9FC; font-size: 16px; line-height: 24px; padding: 24px; border-radius: 6px;}
.m-setting,.m-share{ display: none; }
.detail-notice{ padding: 32px 0; font-size: 18px; line-height: 36px;}
.detail-notice p.g-tc span{display: block; margin-top: 12px; color: #505050;}
.detail-notice img{ border-radius: 6px; }

.relt{padding-top: 32px;}
.relt-ul li{padding: 24px 0;}
.relt-ul li a{font-size: 16px; line-height: 24px;}
.relt-ul li span{display: block; font-size: 14px; color: #9A9A9A; padding-top: 12px;}
.relt-ul li+li{border-top: solid 1px #ECECEC;}

.crumbs{width: 100%; height: 286px; background:url(/content/dam/gtjagy/about_bg.jpg) no-repeat top center;}
.crumbs.vol{width: 100%; height: 400px; background:url(/content/dam/gtjagy/volunteer_bg.jpg) no-repeat top center;}
.soptit{ height: 286px; box-sizing: border-box; padding-top:87px; }
.soptit.vol{ height: 400px; box-sizing: border-box; padding-top:154px; }
.soptit h2{font-size: 38px; line-height: 46px; font-family: SourceHanSans-Bold;color: #fff; font-weight: normal;}
.soptit p{font-size: 24px;line-height: 28px;font-family: SourceHanSans-Regular; color: #fff; padding-top: 6px;}

.t-table{ padding: 24px 0 48px; }
.t-table table{width: 100%;}
.t-table table tr th{padding: 20px; text-align: left;background: #F7F9FC; width: 175px;}
.t-table table tr td{ border-bottom: solid 1px #ECECEC; padding: 20px 20px 20px 0;}
.t-table table tr td.space{width: 48px; border: none;}


.gallery{display: block;}
.gallery-arc{padding: 32px 0 80px;}
.gallery-arc h2.h2-bar{ font-size: 38px; padding-bottom: 16px; }
.gallery-info{ padding-top: 24px; font-size: 18px; line-height: 36px; }

.swiper_view{ width: 100%; height: 675px; position: relative; border-radius: 4px; overflow: hidden; }
.swiper_view img{max-width: 100%; max-height: 100%;border-radius: 4px; cursor: pointer;display: block; margin: 0 auto;}
.swiper_view .swiper-pagination{ padding: 40px 24px 0 0; bottom: 0; text-align: right; width: 100%; height: 80px; box-sizing: border-box; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);}
.swiper_view .swiper-pagination .swiper-pagination-bullet{background: rgba(255,255,255,.5);}
.swiper_view .swiper-pagination .swiper-pagination-bullet-active{background:#fff; width: 24px; border-radius: 8px; }
.view_tit{ position: absolute; bottom: 16px; left: 24px; font-size: 18px; color: #fff; z-index: 12;}
.view_tit .big{ font-size: 26px;font-family: DINPro-Bold; }
.view_tit .s-tag{ border:solid 1px #fff; font-size: 14px; padding: 0 5px; border-radius: 3px; margin-left: 5px; }
.swiper_view .cur{ width: 64px; height: 64px; color: #fff; background:rgba(0,0,0,.7); border-radius: 0px;}
.swiper_view .cur:focus{ outline: none; }
.swiper_view .cur.swiper-button-disabled{ background:rgba(0,0,0,.4);  color: #fff; pointer-events: none; opacity: 1;}
.swiper_view .cur::after{ font-size: 24px; }
.swiper_view .swiper-button-prev{left: 0;}
.swiper_view .swiper-button-next{right: 0;}


.m-gallery{display: none;}
.pc-mask{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.9);
  z-index: 50; display: none;
}
.pc-gallery{display: none; position: fixed; top: 0; left: 0; right: 0;bottom: 0; z-index: 51; }
.pc-swiper{ position: relative; width: 1200px; height: 675px; margin: 8.5% auto; }
.pc-swiper .swiper-container{width: 1200px; height: 675px; overflow: hidden;}
.pc-swiper .swiper-container .swiper-slide {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pc-swiper .swiper-container .swiper-slide img{width: 100%; border-radius: 8px;}
.pc-swiper .cur{width: 56px;
  height: 56px;
  line-height: 56px;
  background-color: #034888;
  opacity: 1;
  color: #fff; border-radius: 3px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;}
.pc-swiper .cur:focus{ outline: none; }
.pc-swiper .cur.swiper-button-disabled{background: #c6c6c6; color: #fff; pointer-events: none; }
.pc-swiper .cur::after{ font-size: 24px; }
.pc-swiper .swiper-button-prev{left: -70px;}
.pc-swiper .swiper-button-next{right:-70px;}
.pc-swiper .swiper-pagination{ height: 40px; color: #fff; text-indent: 1.5em; #padding-top: 20px; font-size: 14px; bottom: 0; text-align: left; background: linear-gradient(
180deg, rgba(0, 0, 0, 0) 0%, #000000 150%);}
.pc-swiper .swiper-pagination .swiper-pagination-current{ font-size: 20px;}
.pc-swiper video{width: 100%;height: 675px;object-fit: fill;}

.pc-fot{position: absolute; bottom: -65px; height: 48px; left: 0; font-size: 16px; right: 0; color: #fff; z-index: 20;}
.pc-fot p{ text-overflow: ellipsis;
  display: -webkit-box; line-height: 24px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;
}
.letter{position: absolute; top: -45px; left: 0; font-size: 18px; font-weight: normal; color: #fff; width: 80%;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
a.close-p{ position: absolute; top: -60px; right: 0; display: block; padding: 0 20px 0 45px; height: 36px; line-height: 36px;background: url(/content/dam/gtjagy/i-back.png)no-repeat 20px center; font-size: 14px; text-align: center; border:solid 1px #fff; border-radius: 40px; color: #fff;}

.gold-med{ background: #F7F9FC; padding: 64px 0 40px; }
.git-bar{ width: 100%; height: 32px; }
.git-bar h2{ font-size: 28px; color: #034888; float: left; }
.git-bar h2>i{ position: relative; top: -1px; display: inline-block; vertical-align: middle; margin-right: 5px; width: 27px; height: 32px;background:url(/content/dam/gtjagy/icon-favorite.png) no-repeat; background-size: 100% 100%;}
.git-bar a{float: right; width: 100px; height: 32px; line-height: 32px; color: #034888;  font-size: 16px; text-align: center; border-radius: 2px;border: 1px solid #034888; cursor: pointer;}
.git-bar a.active i{display: inline-block; -webkit-animation: run .3s linear 0s infinite;-ms-animation: run .3s linear 0s infinite;animation: run .3s linear 0s infinite;}
@-webkit-keyframes run{ from{transform: rotate(0deg);}to{transform: rotate(360deg);}}
@-moz-keyframes run{  from{transform: rotate(0deg);}to{transform: rotate(360deg);}}
@-o-keyframes run{  from{transform: rotate(0deg);}to{transform: rotate(360deg);}}
@keyframes run{ from{transform: rotate(0deg);}to{transform: rotate(360deg);}}

.swiper-medal{ width: 100%;height: 440px; position: relative; margin-top: 24px; }
.swiper-medal .medal-swiper{height: 440px; }
.swiper-medal .swiper-slide .gold{ display: block; height: 394px; background:#fff; border-radius: 4px; }
.swiper-medal .swiper-slide .gold img{ border-radius:4px 4px 0px 0px; width: 100%; display: block; margin: 0 auto;}
.swiper-medal .swiper-slide .gold h3{ padding:24px 24px 6px 24px; font-size: 16px; color: #2C2C2C; }
.swiper-medal .swiper-slide .gold p{ display: block; color: #9A9A9A; font-size: 14px; line-height: 22px; padding: 0 24px 20px 24px; 
  height: 44px;text-overflow: ellipsis;
  display: -webkit-box; 
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;
}
.swiper-medal .swiper-slide .gold .gold-foot{ padding: 20px 24px 0 24px; height: 32px; }
.swiper-medal .swiper-slide .gold .gold-foot a.brt{float: left;font-size: 14px; color: #fff; width: 110px; height: 30px; line-height: 30px; text-align: center; padding-left: 18px; background: url(/content/dam/gtjagy/i-album.png) no-repeat 15px center #034888; border-radius: 2px;}
.swiper-medal .swiper-slide .gold .gold-foot a.brt-zan{float: right; margin-top: 2px; padding-left: 18px; font-size: 12px; color: #9A9A9A;background: url(/content/dam/gtjagy/like@2x.png) no-repeat left center; background-size: 18px 18px;}
.swiper-medal .swiper-slide .gold .gold-foot a.brt-zan.active{background: url(/content/dam/gtjagy/liked@2x.png) no-repeat left center; background-size: 18px 18px;}
.swiper-medal .swiper-slide .gold:hover{box-shadow: 0px 4px 12px 1px rgba(0,0,0,0.08);}
.swiper-medal .swiper-pagination .swiper-pagination-bullet-active{background:#034888;}
.swiper-medal .cur{top: 36%; width: 48px; height: 48px; color: #034888; background:none; border-radius: 50%;}
.swiper-medal .cur:focus{ outline: none; }
.swiper-medal .cur.swiper-button-disabled{ color: #C4C4C4; pointer-events: none; opacity: 1;}
.swiper-medal .cur::after{ font-size: 24px; }
.swiper-medal .swiper-button-prev{left: -60px;}
.swiper-medal .swiper-button-next{right: -60px;}

.sortbox{ padding: 48px 0 64px; background:#fff; }
.sorthd{  position: relative; border-bottom: solid 1px #ECECEC; padding: 16px 0;  display: flex; flex-wrap: wrap;}
.sorthd .tag-l{ width: 80px; font-size: 16px; }
.sorthd .tag-r{ width:85%;}
.sorthd .tag-r a{ font-size: 14px; padding: 4px 8px; margin: 0 5px; border: 1px solid #ECECEC; border-radius: 2px; }
.sorthd .tag-r a:hover,.sorthd .tag-r a.active{color: #fff; background:#034888; border-color:#034888;}
span.toggleActive{ position: absolute; font-size: 14px; top: 10px; right: 0; color: #9A9A9A;padding: 4px 8px; cursor: pointer;}
span.toggleActive>i{ margin-left: 5px; }
span.toggleActive.active{ color:#034888; }
span.toggleActive.active>i::before{content: "\e646";}
#moretag{display: none;}

.sortlist{ position: relative;width: 1200px; overflow: hidden; }
.sortlist ul.none{display: none;}
.sortlist ul.list{
  -moz-column-count:3;
  -webkit-column-count:3;
  column-count:3;
  -moz-column-gap: 9px;
  -webkit-column-gap: 9px;
  column-gap:9px;
  overflow: hidden;
}
.sortlist ul.list li{
  -moz-page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

.sortlist ul.list li img{border-radius: 6px; margin: 8px;}
.sortlist .more{ #position: absolute; bottom: 0; left: 0; right: 0; text-align: center; height: 88px; box-sizing: border-box; padding: 20px 0; color: #fff; font-size: 16px;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 52%, #FFFFFF 100%);}
.sortlist .more>a{ display: inline-block; width: 184px; color: #fff; height: 48px; line-height: 48px; background: #034888;border-radius: 4px 4px 4px 4px;}
.sortlist .more>a.disable{ background: #C4C4C4; pointer-events: none; }

/*项目列表页*/
.news-list {
    padding-top: 8px;
}
.news-list li {
    border-bottom: 1px solid #ECECEC;
    padding: 24px 0;
}
.news-list li .ibox {
    padding-left: 26px;
}
.news-list li h3 {
    font-size: 20px;
    font-family: SourceHanSans-Bold;
    font-weight: normal;
    padding-bottom: 16px;
}
.news-list li p {
    margin: 16px 0 12px;
    font-size: 16px;
    line-height: 24px;
    min-height: 115px;
}
.news-list li span {
    font-size: 14px;
    color: #9A9A9A;
}
/*文章详情页*/
.arc-tag {
    padding: 20px 0;
}
.arc-tag a {
    display: inline-block;
    border-radius: 4px;
    font-size: 14px;
    background: #F7F9FC;
    color: #9A9A9A;
    margin-right: 8px;
    padding: 5px 8px;
}
img{
    max-width: 100%;
    border: 0 none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality;
    vertical-align: middle;
}
.g-pdf {
    line-height: 30px;
}
.g-pdf a {
    font-size: 16px;
    display: block;
    padding: 12px 24px;
    background: #F7F9FC;
    color: #505050;
    border-radius: 6px;
    overflow: hidden;
}
.g-pdf a i.i-pdf {
    float: left;
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 7px;
    background: url(/content/dam/gtja_v3/pc/i-pdf.svg)no-repeat;
    background-size: 100% 100%;
}
/*公益图集*/
.pic_view .swiper-pagination {
    font-size: 18px;
    padding: 24px;
    color: #fff;
    bottom: 0;
    text-align: left;
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.pic_view .cur {
    width: 64px;
    height: 64px;
    color: #fff;
    background: rgba(0,0,0,.7);
    border-radius: 0px;
}