@charset "utf-8";
body{ background: #faf8f5; color: #000;}
footer.fixed{ position: fixed;left: 0;bottom: 0;width: 100%;z-index: 1;}
@media screen and (min-width: 998px) {
    .gp-search input.notxt{ background: rgba(0, 0, 0, 0.5);}
}

.subBanner{ position: absolute; top: 0;left: 0;width: 100%;z-index: 0;}
.subBanner .gp-img-responsive{ padding-bottom: 47.92%; position: relative; background: #faf8f5;}
/* .subBanner .gp-img-responsive::before{ content: '';display: block;width: 100%;height: 0px;padding-bottom: 14.32%;
    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);opacity: 0.77;
    position: absolute; left: 0;bottom: 0;pointer-events: none;z-index: 1;} */
.subBanner img:hover{ opacity: 1;transform: none;}

.subContent{ position: relative; z-index: 1; padding-top: 240px;}
.slogan{ color: #fff;text-align: center; background: url(../images/slogan-bg.jpg) no-repeat center/cover;}
.slogan span{ display: inline-block;line-height: 120px;}
    
.bread{ opacity: 1; position: relative;z-index: 1;color: #fff;margin: 20px 0 70px;}
.bread i{ display: inline-block; font-size: 0; vertical-align: middle;margin-right: 10px;}
.bread .gp-container{ position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);text-align: right;}
.bread a{ display: inline-block; color: #fff; line-height: 36px;}
.bread span{ margin: 0 6px; color: #fff;}


/* intro */
.intro{ position: relative; padding: 50px 100px 60px; background: #fff; margin-bottom: 50px;}
.intro p{ line-height: 30px; margin-bottom: 20px;}
.intro video{ width: 100%; position: relative; cursor: pointer;}
.intro .video{ position: relative;}
.intro .video::before{ content: '';display: block;width: 80px;height: 80px;background: url(../images/intro-icon.png) no-repeat center/cover;
    position: absolute; left: 50%;top: 50%;transform: translate3d(-50%,-50%,0);z-index: 1;pointer-events: none;}
.intro .video.iconHide::before{ opacity: 0;}
.intro-til{ color: #000; font-size: 24px;text-align: center;line-height: 1;}

/* 新闻列表 */
.news{ padding: 50px 50px 60px; background: #fff; margin-bottom: 40px;}
.news ul{ margin: 0 -17.5px;}
.news ul li{ margin-bottom: 40px;}
.news ul a{ display: block;margin: 0 17.5px; background: #fff;transition: all 0.35s ease;}
.news ul a:hover{ transform: translateY(-8px);}
.news ul .gp-img-responsive{ padding-bottom: 62.33%;background: #e6e6e6;}
.news ul .info{position: relative; padding: 45px 30px; border: 1px solid #dbdbdb; border-top: none;}
.news ul .date{line-height: 1; width: 60px; height: 60px; padding-top: 7px;position: absolute;left: 20px;top: 0;margin-top: -32px;
    text-align: center; background: url(../images/new-date-bg.jpg) no-repeat center / cover;}
.news ul .day{ margin: 0;}
.news ul .year{ margin-top: 5px;}
.news ul .title{line-height: 30px;height: 60px;}
.news ul .summary{line-height: 26px;height: 52px;color: #999;margin-top: 15px;}

/* 视频 */
.videoList{ padding: 50px 50px 60px; margin-bottom: 40px; background: #fff;}
.videoList ul{ margin: 0 -30px;}
.videoList ul li{ margin-bottom: 53px;}
.videoList ul a{ display: block;margin: 0 30px;}
.videoList .img{ position: relative;}
.videoList .img::before{ content: '';display: block;width: 60px; height: 60px;background: url(../images/intro-icon.png) no-repeat center/cover;
    position: absolute;left: 30px;bottom: 30px;z-index: 2;transition: all 0.35s ease;}
.videoList a:hover .img::before{ left: calc(50% - 30px); bottom: calc(50% - 30px);}
.videoList .gp-img-responsive{ padding-bottom: 56.13%; position: relative; background: #e6e6e6;}
.videoList .gp-img-responsive::before{ content: '';display: block;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.2);
position: absolute;left: 0;top: 0;z-index: 1;}
.videoList .title{ padding-bottom: 11px; width: calc(100% - 60px); background: url(../images/video-til-bg.jpg) no-repeat center/cover;}
.videoList .title span{ display: block; line-height: 58px; color:#fff; padding-left: 30px; padding-right: 20px;}

/* 贺信 */
.letter{ padding: 50px 50px 60px; margin-bottom: 40px; background: #fff;}
.letter ul{ margin: 0 -17.5px;}
.letter ul li{ margin-bottom: 45px;}
.letter ul li:last-child{ margin-bottom: 0;}
.letter ul a{ display: block;margin: 0 17.5px;}
.letter .gp-img-responsive{ padding-bottom: 142.68%;}
.letter .title{ line-height: 30px; margin-top: 10px;}

/* 文字列表 */
.textList{ padding: 50px 50px 60px; margin-bottom: 40px; background: #fff;}
.textList ul{ padding: 40px 0 50px;}
.textList li{ margin-bottom: 60px;}
.textList li:last-child{ margin-bottom: 0px;}
.textList li a{ position: relative;}
.textList .date{ font-size: 0; width: 140px;text-align: center; background: url(../images/new-date-bg.jpg) no-repeat center; background-size: 100% 100%; color: #fff;
    position: absolute;left: 0;bottom: calc(100% - 20px);z-index: 1;}
.textList .day{ display: inline-block; font-family: 'Noto Serif SC'; line-height: 60px;}
.textList .year{ display: inline-block; margin-left: 10px;line-height: 1;}
.textList .title{ position: relative; padding: 37px 70px 31px 30px; border: 1px solid #e6e6e6;}
.textList .title::before{ content: '';display: block;width: 22px;height: 8px;background: url(../images/text-icon.png) no-repeat center/cover;
    position: absolute; top: 50%;right: 40px;transform: translateY(-50%);transition: all 0.35s ease;}
.textList .title:hover::before{ transform: translateX(8px) translateY(-50%);}
.textList .title span{ display: block; line-height: 30px;}




/*侧边栏*/
.gp-subLeft{background: transparent;}
.gp-subLeft > ul >li{position: relative;}
.gp-subLeft > ul >li > a{padding-left: 20px;line-height: 59px;display: block;border-bottom: 1px solid #cad0db;margin-right: 0px;transition: all 0.35s ease-in-out;}
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li.active > a,.gp-subLeft > ul >li.on > a,.gp-subLeft > ul >li:hover > a{padding-right: 20px;margin-right: 0;color:#fff;
    background-image: -moz-linear-gradient( -75deg, rgb(0,111,71) 0%, rgb(1,158,88) 100%);
    background-image: -webkit-linear-gradient( -75deg, rgb(0,111,71) 0%, rgb(1,158,88) 100%);
    background-image: -ms-linear-gradient( -75deg, rgb(0,111,71) 0%, rgb(1,158,88) 100%); }
.gp-subLeft .gp-toggles{width: 20px;height: 58px;line-height: 58px;text-align: right;cursor: pointer;color:#666;
    position: absolute;right: 20px;top: 0;/* pointer-events: none; */}
.gp-subLeft > ul >li:hover > .gp-toggles,.gp-subLeft > ul >li.active > .gp-toggles,.gp-subLeft > ul >li.on > .gp-toggles{ color: #fff;}
.gp-second-nav{font-size: 16px;display: none;background: #fff;padding: 10px 0;}
.gp-second-nav dd a{display: block;padding:10px 20px;color:#999;border-bottom: 1px dotted #fff;transition: all 0.35s ease-in-out;}
.gp-second-nav dd a:hover,.second_nav dd a.active,.gp-second-nav dd a.active{color: #019e58;}
/*侧边栏移动端 */
.gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height:40px;background-color:#e1ebe3;cursor:pointer;line-height: 40px;}
.gp-m-inner-header > span{height: 40px;padding-left: 15px;font-size: 16px;color:#666;}
.gp-m-subNav .gp-m-inner-header-icon-click{}
.gp-m-subNav .gp-m-inner-header-icon{float: right;width: 40px;height: 40px;text-align: center;}
.gp-m-subNav  .gp-m-inner-header-icon-click i{display: block;}
.gp-subNavm{ width:100%; overflow: hidden;display: none;}
.gp-subNavm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:40px;line-height:40px;border-bottom:1px solid #e6e6e6;display:block;}
.gp-subNavm li.sub_has span{ margin-left: 10px;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle{width: 40px;height: 40px;position: absolute;right: 0;top: 0;line-height: 40px;text-align: center;pointer-events: none;}
.gp-subNavm dl{ display: none; background-color:#fff; padding:5px 0px;}
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:8px 0px 8px 30px;border-bottom: 1px dotted #e6e6e6;}
.gp-subNavm li dl dd a{ font-size: 12px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#a70510}
@media screen and (max-width:998px) {
  .gp-subLeft{display: none;}
  .gp-m-subNav{display: block;}
}

/*分页*/
.pages{ margin-top: 10px; position: relative;z-index: 2; text-align: center;}
.gp-page { padding: 0; color:#333; font-size: 0px; display: inline-block;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page>span{display:inline-block;color: #666;background: transparent; cursor: pointer; border-radius: 0%;background: #fff;
    width: 48px; height: 46px; line-height: 46px; font-size: 16px; margin-bottom:0px; margin-left:0px; border: 1px solid #c01303;border-left: none;border-right-color: #b25b67;
 position:relative;text-align: center;vertical-align: top; box-sizing: border-box; *display: inline; *zoom:1;}
.gp-page-select{height: 36px;line-height: 36px;min-width: 50px;display:inline-block;*display: inline;*zoom:1;vertical-align: top;}
/* .gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page > span {padding:0 10px;} */
/* .gp-page>.gp-page-start,
.gp-page>.gp-page-end{ width: 70px;} */
.gp-page .gp-page-start{ border-left: 1px solid #c01303; width: 78px;}
.gp-page .gp-page-end{ border-right-color: #c01303; width: 78px;}
.gp-page .gp-page-prev, .gp-page .gp-page-next{ width: auto; border: 1px solid #c01303; padding: 0 10px; height: 40px; line-height: 40px;}
.gp-page > span{border:none}
.gp-page > a:hover, .gp-page > a.active{ background-color:#c01303; color: #fff;}
.gp-m-page{ display: none;}
.gp-m-page a{display: inline-block;margin:0 10px}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-page .omit{ cursor: not-allowed;}
.selectDiv{ display: inline-block; margin-right: 0px; margin-left: 20px; position: relative;}
.selectDiv > span{ display: inline-block; width: 48px; height: 46px; line-height: 46px; background: #fff;border-radius: 0px;
    border: 1px solid #c01303; position: relative; color: #999; text-align: left;padding-left: 20px;}
.selectDiv > span:first-child{ border-right: none; width: 68px;}
.selectDiv > span:nth-last-of-type(1){ padding-left: 0;text-align: center;}
.selectDiv > span:first-child::before{ content: '';display: block;width: 8px;height: 4px;
    background: url(../images/page-icon.png) no-repeat center/cover;
    /* border: 5px solid transparent; border-left-width: 4px; border-right-width: 4px; border-bottom-color: #666; */
    position: absolute;top: calc(50% - 2px);right: 20px;transition: all 0s ease;}
.selectDiv:hover > span::before{ transform-origin: 50%,50%; transform: rotateZ(-180deg);}
.selectDiv dl{ display: none; max-height: 200px; overflow-y: scroll;  width: 100px;
    position: absolute; left: 0%; bottom: 100%; background: rgba(0, 0, 0, 0.05); border-radius: 4px; border-bottom: 4px solid transparent;}
.selectDiv dl a{ display: block;}
.selectDiv:hover dl{ display: block;}
.selectDiv a{ display: inline-block; line-height: 30px;}
.selectDiv dd:hover{ background: #c01303;}
.selectDiv dd:hover a{ color: #fff;}
.selectDiv > span.noPadding{ width: 50px; padding: 0; border-left: 0;}
.pageInput{ width: 70px; height: 40px; border: none; outline: none; background: #F2F2F2; text-align: center; vertical-align: top;}

.article{ width: 100%; background: #fff; padding: 50px 170px 60px 60px; margin-bottom: 40px; position: relative;}
.article-rt{ width: 80px; position: absolute; right: 60px; top: 120px; z-index: 1;}
.article-rt .date{ background: url(../images/new-date-bg.jpg) no-repeat center/cover; color: #fff;text-align: center;padding: 19px 0 18px;}
.article-rt .day{ font-family: 'Noto Serif SC'; line-height: 28px;}
.article-rt .year{ line-height: 1;margin-top: 12px;}

.gp-article{ background: transparent;}
.gp-article::before, .gp-article::after{ display: none;}
.gp-title{ font-weight: normal; color: #000; text-align: center; line-height: 56px; font-weight: bold; padding: 10px 0 15px;}
.gp-info{ text-align: center; margin-top: 0px; padding: 22px 0 21px; font-size: 0; line-height: 1; background: #fff; border: 1px solid #e6e6e6;}
.gp-info span{ display: inline-block; color: #004b43; margin-right: 60px; vertical-align: middle;color: #999;}
.gp-info span:last-child{ margin-right: 0px;}
.gp-info .date{ display: none;}
.gp-content{ margin: 0 auto; margin-top: 30px; box-sizing: border-box;}
.gp-content p{ line-height: 30px; margin-bottom: 30px; color: #000;}
.gp-content p:nth-last-of-type(1){ margin-bottom: 0px;}
.artilceBot{ line-height: 78px; margin-top: 60px;}

.Annex{ background: #fff; margin-top: 40px;}
.Annex h3{ line-height: 1; font-weight: bold; color: #000; border-bottom: 1px solid transparent;padding-bottom: 0px; margin-bottom: 10px; padding-left: 0px; position: relative;}
/* .Annex h3::before{ content: ''; display: block;width: 22px; height: 19px; background: url(../images/annex.png) no-repeat center/cover;
    position: absolute; left: 0; top: 0;} */
.Annex li{ margin-bottom: 0px; /* border: 1px solid #e6e6e6; */ border-bottom: none;}
.Annex li:last-child{ margin-bottom: 0;/*  border-bottom: 1px solid #e6e6e6; */}
.Annex li::marker{ content: '';}
.Annex li a{ display: block; line-height: 28px; padding: 5px 20px; box-sizing: border-box;
    color: #c01303; transition: all 0.35s ease; position: relative;}
.Annex li a::before{ content: '';display: none;width: 6px;height: 6px;background: #019e58;
position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}
.Annex li a:hover{ color: #c01303;}

.share{ width: 100%;}
.share > ul > li{ margin-top: -1px;}
.share > ul > li:first-child{ margin-top: 0;}
.bds_weixin, .bds_tsina, .bds_more{ font-size: 0 !important;display: block;}
.share_box{ display: none;}
li:hover .share_box{ display: block;}
.share_box .share_btn{ width: 100%; padding-bottom: 100%; position: relative;}
.share_box .share_btn i{ position: absolute; top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);width: 50%;height: 50%;}
.share_box .share_qzone i{ background: url(../images/qqzone.png) no-repeat center/cover;}
.share_box .share_facebook i{ background: url(../images/facebook.png) no-repeat center/cover; width: 45%; height: 45%;}
.share_box .share_twitter i{ background: url(../images/Icon-Twitter.png) no-repeat center/cover; width: 35%; height: 35%;}
.share_box .share_linkedin i{ background: url(../images/in.png) no-repeat center/cover; width: 35%; height: 35%;}
.share_box .share_btn.share_qzone {  background: #fecb56;}
/* .share_box .share_btn.share_copy { background-image: url("../images/share_copy.png"); background: #7dd43c;} */
.share_box .share_btn.share_more{background: #a3bfd9;}
.share_box .share_btn.share_twitter {  background: #6babe8;}
.share_box .share_btn.share_facebook { background: #415a94;}
.share_box .share_btn.share_linkedin { background: #3d84c2;}
.share_box .share_btn .alert_box { position: absolute; top: 100%; right: 0%; padding: 0; display: none;z-index: 2;z-index: 10;}
.sub_right .share_box .share_wechat .alert_box{left: auto;right: 100%;top: 0;}
.share_box canvas { display: block; }
.share_box .share_more .share_btn {margin: 0 0 0;border: 0rem;/* border-radius: 0rem; */}
.share_box .share_btn:hover > .alert_box,.share_box .share_btn.on > .alert_box { display: block; }
@media screen and (max-width: 996px) {
	.share_box {position: relative;left: 0;right: 0;top: 0;bottom: 0;margin: 0;width: auto;transform: none;}
	.share_box .share_btn:hover > .alert_box{display: none;}
	.share_box .share_btn.on > .alert_box { display: block; }
	/* .share_box .share_btn.share_more{width: auto;height: auto;background: none;} */
	/* .share_box .share_btn.share_more::after{display: none;} */
	/* .share_box .share_btn.share_more > .alert_box{display: block;position: relative;} */
	.share_box .share_title{ margin: 0px 0px 6px; display: none;}
	/* .share_box .share_btn, .share_box .share_btn.share_more::after{width: 40px;height: 40px;} */
	.share_box .share_btn{display: inline-block;}
	/* .share_box > .share_btn{display: none;} */
	/* .share_box .share_btn.share_more{display: block;} */
	.share_box .share_btn .alert_box { left: 0px; top: auto; bottom: 100%; }
	/* .share_box .share_more .share_btn{margin: 0 2px;} */
	.share_wechat .alert_box{left: 50% !important;transform: translateX(-50%) !important;top: auto !important;bottom: 105% !important;right: auto !important;}
}

/*
* @Description: 新增 成长印记页
* @Author: Sun Jia
* @Date: 2024-11-13
* @LastEditTime: 2024-11-13
*/
.grow{ background: #fff; padding: 50px 50px 120px; margin-bottom: 50px;}
.grow .box{ }
.grow .boxTil{ position: relative;}
.grow .box .title{ font-family: 'Noto Serif SC'; width: 160px; line-height: 60px;color: #fff;padding-left: 20px;
    background: url(../images/grow-tilbg.png) no-repeat center/cover;}
.grow .boxTil .gp-icon{ position: absolute; top: 50%;right: 0;transform: translateY(-50%);cursor: pointer;transition: all 0.35s ease;}
.grow .boxTil .gp-icon img{ transition: all 0.35s ease;}
.grow .on .boxTil .gp-icon img{ transform: rotateZ(180deg); transform-origin: center;}
.grow .out{ border-top: 1px solid #c3b0e1;}
.grow .boxCon{ width: calc(100% - 20px); margin-left: 20px; padding-top: 0;padding-bottom: 65px;
    background: linear-gradient(0deg, #ffcd99 0%, #ffcd99 80%,#fff 80%,#fff 100% );
    background: -webkit-linear-gradient(0deg, #ffcd99 0%, #ffcd99 80%,#fff 80%,#fff 100% );
    background: -moz-linear-gradient(0deg, #ffcd99 0%, #ffcd99 80%,#fff 80%,#fff 100% );
    background-repeat: repeat-y;
    background-size: 1px 6px;transition: all 0.5s ease;}
.grow .on .boxCon{transition: all 0.35s ease; padding-top: 37px;}
.grow .boxCon li{ padding-bottom: 40px;}
.grow .boxCon li:last-child{ padding-bottom: 0px;}
.grow .boxCon a{ align-items: flex-start; line-height: 30px;}
.grow .month{ font-family: 'Arial'; font-size: 19px; min-width: 40px; box-sizing: content-box; color: #ffc180; flex-shrink: 0; padding-left: 56px; position: relative;}
.grow .month::before{ content: '';display: block;width: 8px; height: 8px;box-sizing: border-box;border-radius: 50%;border: 2px solid #ffc180;
    position: absolute; left: 32px;top: 50%;transform: translateY(-50%);}
.grow .month::after{ content: '';display: block;width: 32px; height: 1px;background: #ffc180;
    position: absolute; left: 0px;top: 50%;transform: translateY(-50%);}
.grow .text{ flex: 1; padding-left: 20px; color: #000;transition: all 0.35s ease;}
.grow a:hover .text{ transform: translateX(6px);}
.grow .fromArticle .month{ height: 30px; min-width: unset;width: 0; font-size: 0;}
.grow .fromArticle .text{ padding-left: 0 !important;}


/* 响应式样式 */
@media screen and (max-width:1780px){
    
}

@media screen and (max-width:1600px){
    
}

@media screen and (max-width:1540px) {
    
}


@media screen and (max-width:1480px) {
    .slogan span{ font-size: 34px; line-height: 100px;}
    .article{ padding: 40px 130px 40px 40px;}
    .article-rt{ right: 30px;}
}

@media screen and (max-width:1280px) {
    .slogan{ background-size: 100% 100%;}
    .news{ padding: 30px 30px 40px;}
    .news ul{ margin: 0 -10px;}
    .news ul a{ margin: 0 10px;}
    .videoList{ padding: 30px 30px 40px;}
    .videoList ul{ margin: 0 -20px;}
    .videoList ul a{ margin: 0 20px;}
    .letter{ padding: 30px 30px 40px;}
    .letter ul{ margin: 0 -10px;}
    .letter ul li{ margin-bottom: 30px;}
    .letter ul a{ display: block;margin: 0 10px;}
    .textList{ padding: 30px 30px 40px;}
    .textList ul{ padding: 30px 0;}
    .textList li{ margin-bottom: 50px;}
    .textList .day{ line-height: 45px;}
    .textList .year{ line-height: 18px;}
    .textList .title{ padding: 30px 70px 25px 25px;}
    .gp-title{ font-size: 32px; padding: 10px 0; line-height: 42px;}
    .gp-info{ padding: 15px 0;}
}   

@media screen and (max-width:1240px) {
    
}

@media screen and (max-width:1200px) {
    .grow .box .title{ font-size: 28px;}
}

@media screen and (max-width:1100px) {
    .slogan span{ font-size: 30px; line-height: 80px;}
    .intro{ padding: 30px 40px;}
    
}
@media screen and (max-width:1080px) {
    
}

@media screen and (max-width:998px) {
    .gp-page{ display: none;}
    .gp-m-page{ display: block;}

    .subContent{ padding-top: 200px;}
    .intro .video::before{ display: none;}
    .intro-til{ font-size: 22px;}
    .news ul .info{ padding: 30px 15px 20px;}
    .article{ padding: 30px; margin-bottom: 30px;}
    .article-rt{ position: relative;right: 0;top: 0;display: flex;display: -ms-flexbox; width: 100%;justify-content: flex-end;}
    .share{ padding: 0; width: auto;}
    .share > ul{ display: flex; display: -ms-flexbox;}
    .share > ul > li{ width: 50px; margin-top: 0;}
    .article-rt .date{ display: none;}
    .gp-title{ font-size: 28px; line-height: 36px;}
    .gp-info .date{ display: inline-block;}
    .gp-info span{ margin-right: 40px;}
    .gp-content{ margin-top: 20px;}
    .Annex{ margin-top: 30px;}
    
    .grow{ padding: 30px 30px 60px;}
    .grow .box .title{ line-height: 45px;}
    .grow .text{ padding-left: 10px;}
    .grow .boxCon{ padding-bottom: 40px;}
    .grow .boxCon li{ padding-bottom: 30px;}
}

@media screen and (max-width:768px) {
    .subBanner .gp-img-responsive img{ position: absolute; left: 50%;bottom: 0; transform: translateX(-50%);z-index: 1;
        min-height: 100%; width: 100%;}
    .subContent{ padding-top: 170px;}
    .slogan span{ font-size: 26px; line-height: 70px;}
    .intro{ margin-bottom: 30px;}
    .intro p{ line-height: 26px; margin-bottom: 15px;}
    .intro .video::before{ width: 60px; height: 60px;}
    .intro-til{ font-size: 20px;}
    .news{ padding: 20px 15px 30px; margin-bottom: 20px;}
    .news ul li{ margin-bottom: 30px;}
    .videoList{ padding: 20px 15px 30px;}
    .videoList ul li{ margin-bottom: 30px;}
    .videoList .title{ padding-bottom: 8px; width: calc(100% - 30px);}
    .videoList .title span{ line-height: 48px; padding-left: 20px; padding-right: 20px;}
    .letter ul{ margin-bottom: 20px;}
    .letter ul li{ width: 50%;}
    .textList{ padding: 20px 15px 30px;}
    .textList .title{ padding: 25px 40px 20px 15px;}
    .textList .title::before{ right: 15px;}
    .textList .title span{ text-wrap: wrap; max-height: 60px;}
    .textList .date{ width: 120px;}
    .textList .day{ font-size: 28px}
    .textList .year{ margin-left: 5px;}
    .pages{ margin-top: 0;}
    
}

@media screen and (max-width:680px) {
    .intro{ padding: 20px;}
    .slogan span{ font-size: 22px; line-height: 55px;}
    .subBanner .gp-img-responsive{ height: 300px; padding-bottom: 0;}
    .subBanner .gp-img-responsive img{ width: auto; max-width: unset; min-width: 100%; height: 100%; top: 0;}
}

@media screen and (max-width:580px) {

}

@media screen and (max-width:540px) {

}

@media screen and (max-width:479px) {
    .intro{ padding: 15px; margin-bottom: 20px;}
    .subContent{ padding-top: 130px;}
    .news ul .summary{ line-height: 22px; margin-bottom: 5px;}
    .videoList .img::before{ width: 45px; height: 45px;left: 20px; bottom: 20px;}
    .letter{ padding: 20px 15px; margin-bottom: 20px;}
    .letter ul{ margin: 0 -6px; margin-bottom: 15px;}
    .letter ul li{ margin-bottom: 20px;}
    .letter ul a{ margin: 0 6px;}
    .letter .title{ font-size: 16px; line-height: 24px; margin-top: 6px;}
    .article{ padding: 20px 15px; margin-bottom: 20px;}
    .gp-title{ font-size: 22px; line-height: 30px;}
    .gp-info span{ margin-right: 20px;}
    .gp-content p{ line-height: 26px; margin-bottom: 20px;}
    
    .grow{ padding: 30px 20px 40px;}
    .grow .box .title{ display: inline-block; width: auto; padding-right: 30px; font-size: 24px; line-height: 40px;}
    .grow .boxTil .gp-icon{ font-size: 0; width: 22px; height: 22px;}
    .grow .boxTil .gp-icon img{ width: 100%;}
    .grow .boxCon{ width: calc(100% - 10px); margin-left: 10px;}
    .grow .on .boxCon{ padding-top: 15px;}
    .grow .boxCon li{ padding-bottom: 20px;}
    .grow .month{ padding-left: 24px;}
    .grow .month::before{ border-width: 1px; width: 6px; height: 6px; left: 16px;}
    .grow .month::after{ width: 16px;}
    .grow .boxCon a{ line-height: 24px;}
}

@media screen and (max-width:414px) {
    .intro-til{ font-size: 18px;}
    .news ul li{ margin-bottom: 20px;}
    .news ul .info{ padding: 30px 10px 10px;}
    .videoList ul li{ margin-bottom: 20px;}
    .videoList .title{ padding-bottom: 0; width: 100%;}
    .textList li{ margin-bottom: 40px;}
    .textList .title span{ font-size: 18px; line-height: 24px; max-height: 48px;}
    .textList .date{ width: 110px;}
    .textList .day{ line-height: 40px;}
    .gp-title{ padding: 0 0 10px;}
    .gp-info{ padding: 8px 0;}
    .gp-info span{ line-height: 1.5;}
    .Annex li a{ padding: 5px;}
}

@media screen and (max-width:370px) {
    .videoList .img::before{ width: 35px; height: 35px; left: 15px;bottom: 15px;}
}