@charset "utf-8";
body{ background: #fff; color: #000;}
footer.fixed{ position: fixed;left: 0;bottom: 0;width: 100%;z-index: 1;}

.nav{ background: url(../images/subnav-bg.jpg) no-repeat center/cover;}
.nav li > a{display: block;line-height: 73px;font-weight: bold;position: relative;z-index: 1;}
.nav li > a:hover{ color: rgba(255, 255, 255, 0.9);}
.nav li.on > a,
.nav li.active > a{color: #c13e36;}
.nav li.on > a:before,
.nav li.active > a:before{content:'';display: block;background: #fff;position: absolute;top: 12px;left: -40px;right: -40px;bottom: 12px;z-index: -1;border-radius: 7px;}
/*手机端导航默认*/
.mobile_bg{width: 100%;height: 100%;z-index: 90;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);display: none;}
.gp-menu{ display: none; width: 100%;z-index: 98;height: auto;position: relative;}
.gp-menu-header{position: absolute;top: 40px;right: 0;z-index: 996;width: auto;height: 40px;background: rgba(0,0,0,0);}
.gp-menu-link{float: left;line-height: 40px;height: 40px;padding-left: 15px;}
.gp-menu-link a{color:#fff;}
.gp-menu-header-icon{color: #c7000a; height: 40px;font-size:25px;text-align: center; float:right;width: 40px;position: relative;  -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;margin-right: 10px;cursor: pointer;}
.gp-menu-header-icon span{  position: absolute; left: calc((100% - 25px) / 2);  top: calc((100% - 2px) / 3);  width: 27px;  height: 3px;  background-color: #c7000a;}
.gp-menu-header-icon-out span{width: 27px;height: 4px;background-color:#c7000a;display: block;border-radius: 4px;}
.gp-menu-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}       
.gp-menu-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
.gp-menu-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird;}
.gp-menu-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.gp-menu-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.gp-menu-header-icon span:nth-child(3){transform: translateY(-4px) rotate(0deg);}
@keyframes outfirst {
  0% {transform: translateY(0) rotate(-45deg);}
  100% {transform: translateY(-4px) rotate(0deg);}
}   
@keyframes outsecond {
  0% { transform: translateY(0) rotate(45deg);}
  100% {transform: translateY(4px) rotate(0deg);}
}
@keyframes outthird {
  0% {transform: translateY(0) rotate(90deg);}
  100% {transform: translateY(12px) rotate(0deg); }
}
.gp-menu-header-icon-click span{background-color:#fff ;top: calc((100% - 2px) / 2.1);}
.gp-menu-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}     
.gp-menu-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}
.gp-menu-header-icon-click span:nth-child(3){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickthird;}
@keyframes clickfirst {
  0% {transform: translateY(4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(45deg);}
}   
@keyframes clicksecond {
  0% {transform: translateY(-4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(-45deg);}
} 
@keyframes clickthird {
    0% {  opacity: 0}
  100% {opacity: 0}
}   
.gp-menu-nav{  width: 100%; position: fixed;top: 0;right: 0px;padding-top: 50px;background:#068166;
  background: -webkit-linear-gradient(left, #c7000a , #ab0009); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #c7000a, #ab0009); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #c7000a, #ab0009); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #c7000a , #ab0009);display: none;}
/*导航*/
.gp-menu-nav a{}
.gp-menu-nav > ul {}
.gp-menu-nav > ul li{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
.gp-menu-nav > ul > li{position: relative;border-bottom: 1px solid rgba(255,255,255,0.3);}
.gp-menu-nav > ul > li > a{display: inline-block;padding:14px 0 14px 25px;font-size: 16px;}
.gp-menu-nav > ul > li > ul {background: rgba(0,0,0,0.1);padding:0 25px}
.gp-menu-nav > ul > li > ul a{display: inline-block;padding:10px 0;}
.gp-menu-arrow {cursor: pointer;width: 30px;height: 50px;line-height: 50px;color:#fff;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;margin-right: 10px;transition: all 0.3s ease-in-out;}
.gp-menu-nav > ul > li.on .gp-menu-arrow{transform: rotate(90deg);}
.gp-menu-nav li ul {display: none;}
/*导航内标签效果*/
.gp-menu-nav a{color:#fff;}
.open .gp-menu-link{display: none;}
.open .gp-menu-header{background: none;top: 15px;}
@-webkit-keyframes returnToNormal {
  from {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none;
  }
}

@keyframes returnToNormal {
  from {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none;
  }
}
.gp-menu-nav.gp-menu-offcanvas2{position: fixed;display: block;transform: translate(150%,0);transition: all 1s ease-in-out;width: 85%;}
.open .gp-menu-offcanvas2{transform: translate(0,0);position:absolute;}


.subContent{ position: relative; z-index: 1;}
.pageCon{ padding-top: 60px;}
.pageCon > .flex:nth-of-type(1){ align-items: flex-end; overflow: hidden;}
.pageCon > .listCon{ align-items: flex-end; overflow: hidden;}
.cruChannel{ position: relative; width: 260px;flex-shrink: 0; font-size: 20px;
  background: #c13e37 url(../images/subtil-bg.png) no-repeat; background-position: center right;}
.cruChannel::before{ content: '';display: block;width: 1500px;height: 1px;background: #e9e9e9;position: absolute; left: 100%;bottom: 0;z-index: 1;}
.cruChannel a{ display: block; line-height: 32px; color: #fff; font-weight: bold; padding: 22.5px 5px;text-align: center;}

.bread{ opacity: 1; position: relative;z-index: 1;color: #fff; font-size: 0; flex: 1; padding-left: 50px;}
.bread i{ display: inline-block; font-size: 0; vertical-align: sub;margin-right: 10px;}
.bread i::before{ font-size: 20px; color: #c13e37;}
.bread .gp-container{ position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);text-align: right;}
.bread a{ display: inline-block; color: #757575; line-height: 20px;font-size: 14px; padding: 18px 0;}
.bread span{color: #757575;font-size: 14px;}

/*侧边栏*/
.gp-left{ width: 260px; flex-shrink: 0;}
.gp-subLeft{ padding-top: 18px; border: 1px solid rgba(0,0,0,0.1); border-top: none;}
.gp-subLeft > ul{ padding-bottom: 20px;}
.gp-subLeft > ul >li{position: relative;}
.gp-subLeft > ul >li > a{line-height: 23px;padding:15px 10px;display: block;border-bottom: none;margin-right: 0px;text-align: center;
    /* transition: all 0.35s ease-in-out; */}
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li > a.active{background: transparent; margin-right: 0;color:#333;font-weight: bold;
    text-align: center;background: #c13e36;color: #fff;}
.gp-subLeft .gp-toggles{width: 58px;height: 58px;position: absolute;right: 0;top: 0;line-height: 58px;text-align: center;cursor: pointer;color:#666}
.gp-second-nav{font-size: 14px;display: none;background: #e8f5ea;}
.gp-second-nav dd a{display: block;padding:10px 15px 10px 20px;color:#666;border-bottom: 1px dotted #fff;transition: all 0.35s ease-in-out;}
.gp-second-nav dd a:hover,.second_nav dd a.active{background: #fff;}
/*侧边栏移动端 */
.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 ul{}
.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;}
.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;}
}
.gp-right{ width: calc(100% - 310px);}
.gp-right .curPageTil{ padding: 24px 0; line-height: 1; margin-top: 18px; border-bottom: 1px solid rgba(0,0,0,0.1); color: #222;font-weight: bold;}

/* intro */
.intro > .listCon{ align-items: flex-start;}
.introCon{ position: relative; padding-top: 22px;}
.introCon p{ line-height: 32px; margin-bottom: 30px; color: #444444;}
.introCon p:last-child{ margin-bottom: 0;}

/* 新闻列表 */
.news{ }
.news .listCon{ margin-top: 43px; overflow: visible; align-items: flex-start;}
.news .listCon ul{ }
.news .listCon li{ margin-bottom: 57px; transition: all 0.35s ease;}
/* .news .listCon li:hover{ margin-bottom: 17px;} */
.news .listCon li:last-child, .news li:last-child:hover{ margin-bottom: 0px;}
.news .listCon a{ position: relative;z-index: 1; display: block;padding: 0px; transition: all 0.35s ease;}
.news .listCon li:hover a{ padding: 0 10px;}
.news .listCon a::before{ content: '';display: block;background: #eee; transition: all 0.35s ease;opacity: 0;
  position: absolute;top: -20px; bottom: -40px;width: 0%;left: 50%;transform: translateX(-50%); z-index: -1;}
.news .listCon li:hover a::before{ width: 102%;border-radius: 28px;opacity: 1;}
.news .listCon li:hover a{ color: #222;border-radius: 28px;}
.news .listCon .info{ margin-top: 27px; position: relative;}
.news .listCon .title{ line-height: 1; font-weight: bold;}
.news .listCon .img{ width: 320px; flex-shrink: 0;}
.news .listCon .gp-img-responsive{ padding-bottom: 56.25%; background: #d6d6d6;}
.news .listCon .info-rt{ padding-left: 30px;}
.news .listCon .summary{ color: #757575; line-height: 24px; transition: all 0.35s ease;}
.news .listCon li:hover .summary{ margin-left: -20px;}
.news .listCon .more{ color: #1352d1; line-height: 1; margin-top: 20px;}
.news .listCon .date{ position: absolute;left: 10px; bottom: -20px;z-index: 1;
    border-radius: 8px;text-align: center;width: 75px; height: 69px;color: #fff;padding-top: 10px;line-height: 1;
    background-image: -moz-linear-gradient( 0deg, rgb(245,194,191) 0%, rgb(193,62,55) 34%, rgb(54,101,194) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(245,194,191) 0%, rgb(193,62,55) 34%, rgb(54,101,194) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(245,194,191) 0%, rgb(193,62,55) 34%, rgb(54,101,194) 100%);
}
.news .listCon .day{ font-weight: bold;margin-bottom: 6px;}
.news .listCon .year{ color: rgba(255, 255, 255, 0.7);}

.download{ padding-left: 60px; max-width: 510px;background: url(../images/download.jpg) no-repeat center/cover;}
.download span{ color: #3561b8; font-weight: bold;position: relative;line-height: 90px;}
.download span::before{ content: '';display: block;width: 44px; height: 2px;background: #3561b8;
    position: absolute;left: 0;top: 0;}
.download a{position: relative; display: block; width: 70px;border-radius: 35px;background: rgba(0, 0, 0, 0.04);}
.download a::before{ font-size: 24px; color: #fff; position: absolute; top: 50%;left: 50%;transform: translate3d(-50%,-50%,0) rotateZ(90deg);}
.recommen{ flex-wrap: wrap;margin: 0 -10px; padding-bottom: 90px; flex: 1;}
.recommen dt{ width: 100%; padding: 0 10px;font-weight: bold;color: #3561b8;line-height: 1;margin: 40px 0 0;}
.recommen dd{ display: block;width: 50%; margin-top: 20px; flex-shrink: 0;}
.recommen a{position: relative;display: block;line-height: 72px;border: 1px solid rgba(0,0,0,0.1);margin: 0 10px; padding-left: 32px; padding-right: 60px;}
.recommen a::before{ content: '\eb08';display: block;font-family: 'iconfont'; position: absolute;top: 0%;right: 38px;font-size: 20px;color: #ecc5c3;}

/* notice */
.notice > .listCon{ align-items: flex-start;}
.noticeCon{ width: 100%; margin-top: 30px;}
.noticeCon li{ margin-bottom: 10px;}
.noticeCon a{ display: block;line-height: 72px; border: 1px solid rgba(0,0,0,0.1); padding: 0px 30px;}
/* .noticeCon .title{ padding-left: 30px;} */
.noticeCon .date{ color: #757575; padding-left: 45px; position: relative;}
.noticeCon .date::before{ content: '';display: block;width: 1px; height: 17px; background: rgba(0, 0, 0, 0.16);
    position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.noticeCon .date::after{ content: '\e605';display: block;font-size: 15px;color: #c13e37;font-family: 'iconfont';
    position: absolute;left: 20px;top: 0%;}
.notice .pages{ margin: 30px 0 80px;}

/* 报名入口 */
.signUp{ margin-top: 30px;}
.signUp > .listCon{ justify-content: center;}
.signUp .item{ min-width: 380px; text-align: center; background: #eeeeee;}
.signUp .item:hover,
.signUp .item.user{
  background: linear-gradient(145deg, #db5a53, #db5a53, #f5c2bf);
  background: -webkit-linear-gradient(-35deg, #db5a53, #db5a53, #f5c2bf);
  background: -moz-linear-gradient(145deg, #db5a53, #db5a53, #f5c2bf);}
.user{ margin-right: 20px;}
/* 提示文字 */
.maxWidth780{ max-width: 780px; margin: 0 auto;}
.promptText{ margin: 20px auto 50px; background: #f5f5f5; padding: 30px;}
.promptText .textContent{ }
.promptText p{ line-height: 30px; margin-bottom: 20px; color: #c13e36; text-align: center;}
.promptText p:last-child{ margin-bottom: 0px;}


.countdown{ background: url(../images/countdown_bg.jpg) no-repeat center/cover; max-width: 780px;margin: 0 auto; 
  margin-bottom: 20px; padding: 30px 45px 44px;}
.countdown .dates{ text-align: left; max-width: 556px; margin: 0 auto;}
.signUp .countdown .title{ color: rgba(193, 62, 54, 1);font-weight: normal; font-size: 18px; line-height: 1;}
.countdown p{ font-size: 48px; font-weight: bold;color: rgba(193, 62, 54, 1);font-family: 'Noto Serif SC';line-height: 50px;height: 50px;}
.countdown #t_d01{ font-size: 84px; margin-left: 16px;line-height: 1;line-height: 50px;height: 50px;
  text-shadow: 
  -3px -3px 0 white,  
   3px -3px 0 white,
  -3px  3px 0 white,
   3px  3px 0 white;}

.signUp > .flex{ justify-content: center;}
/* .signUp a{ display: block; padding: 29px 0 27px;height: 100%; transition: all 0.35s ease;} */
.signUp .itemBox{ display: block; padding: 29px 0 27px;height: 100%; transition: all 0.35s ease;}
.signUp .title{ color: #757575; font-weight: bold; line-height: 1; font-size: 24px; transition: all 0.35s ease;}
.signUp .guide{ line-height: 1; font-size: 16px; margin-top: 14px; transition: all 0.35s ease;}
.signUp .item:hover .title,
.signUp .item:hover .guide,
.signUp .item.user .title,
.signUp .item.user .guide{ color: #fff;}
.signUp .title::before{ font-size: 25px;margin-right: 10px;font-weight: 100;}


/* 文字列表 */
.textList{ }
.textList .listCon{ align-items: flex-start;}
.textList .gp-right ul{ margin: 0 -10px; padding-top: 20px;}
.textList .gp-right li{ margin-top: 10px;}
.textList .gp-right li a{ display: block; margin: 0 10px; border: 1px solid rgba(0, 0, 0, 0.06); padding: 30px 38px 35px;transition: all 0.35s ease;
  background: url(../images/sub_bg1.png) no-repeat; background-size: 150% auto; background-position: 100% 10%;}
.textList .gp-right li a:hover{ transform: translateY(-6px);}
.textList .gp-right .title{ color: #222;font-weight: bold; line-height: 1;padding-right: 10px;position: relative;text-align: center;}
.textList .gp-right .title i{ font-size: 19px; color: #ecc5c3; position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.textList .gp-right .summary{ color: #444; line-height: 1; margin-top: 26px; display: none;}
.textList .gp-right .pages{ margin: 30px 0 70px;}

/*分页*/
.pages{ margin: 50px 0 80px; position: relative;z-index: 2; text-align: center; font-size: 0;}
.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: 50%;background: transparent;margin: 0 10px;
    width: 66px; height: 66px; line-height: 66px; font-size: 16px; margin-bottom:0px; margin-left:0px; border: 1px solid rgba(0, 0, 0, 0.06);
    position:relative;text-align: center;vertical-align: top; box-sizing: border-box; *display: inline; *zoom:1;}
.gp-page .gp-page-prev{ margin-right: 40px;}
.gp-page .gp-page-next{ margin-right: 0; margin-left: 30px;}
.gp-page > span{border:none}
.gp-page > a:hover, .gp-page > a.active{ background-color:#c13e37; 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: 34px; font-weight: bold; padding: 24px 0 17px;}
.gp-info{ text-align: center; margin-top: 0px; padding: 0 0 20px; font-size: 0; line-height: 1; border-bottom: 1px solid rgba(0,0,0,0.1);}
.gp-info span{ display: inline-block; color: #999; 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: 22px; box-sizing: border-box;}
.gp-content p{ line-height: 32px; margin-bottom: 30px; color: #444;}
.gp-content p:nth-last-of-type(1){ margin-bottom: 0px;}

.adjacent{ margin-top: 30px;}
.adjacent a{ display: block;line-height: 30px; color: #666;}
.adjacent a:hover{ color: #c13e36;}
.article-bt{ border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 30px 0 70px;}
.Annex{ padding-top: 30px;}
.Annex h3{ position: relative; line-height: 1; font-weight: bold; color: #444; border-bottom: 1px solid transparent;
  padding-bottom: 0px; margin-bottom: 10px; padding-left: 0px; font-size: 14px;}
/* .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: 24px; padding: 5px 0px; box-sizing: border-box;
    color: #999; 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: #c13e37;}

/* 分享 */
.share{ width: 108px; background: #f5f5f5; position: relative; min-height: 123px;}
.share .bdsharebuttonbox{ position: absolute; top: 50%; left: 50%;transform: translate3d(-50%,-50%,0);}
.share .bds_weixin{ display: block; color: #00c785; font-size: 14px; text-align: center;}
.share .bds_weixin::before{ display: block; font-size: 20px; width: 36px;height: 36px; line-height: 36px;
  text-align: center; border-radius: 50%; background: #00c785; color: #fff;margin-bottom: 8px;}
.shareBox {width: 260px;background-color: #fff;position: fixed;top: 50%;left: 50%;margin: -150px 0 0 -130px;z-index: 9998;height: 310px;border: 6px solid #8F8F8F;border-radius: 8px;box-shadow: 0 0 7px #aaa;display: none;}
.shareBox { font-size: 14px;}
.shareBox .title {   background: #f6f6f6;  font-size: 14px;  font-weight: bold;  padding: 10px 15px !important;}
.shareClose {   position: absolute;    right: 0;    top: 0; cursor: pointer;font-size: 18px;width: 20px;; }
.sharelist {  position: static;   height: 250px;  overflow-y: auto;padding-left: 17px !important;}
.sharelist li {    float: left;    width: 130px;     padding: 2px;     margin-left: 6px;     _margin-left: 3px;     height: 28px;     overflow: hidden;     list-style: none; }
.sharelist li a {     color: #565656;     font: 12px '宋体';     display: block;        text-decoration: none;     border: 1px solid #fff;     line-height: 18px; width: auto;height: auto;text-indent: 0;}
.weChatBox{width: 280px;height:auto;background-color:#fff;border:solid 1px #d8d8d8;padding:10px;position: fixed;left: 50%;top: 50%;margin:-150px 0 0 -140px;z-index: 9998;display: none;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.weChatBox .w-title{font-size: 12px;font-weight: bold;padding:0 0 10px 0;}
.w-close{width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 20px;position: absolute;right: 0;top: 0;color:#333;cursor: pointer;}
.qrcode{width: 200px;height: 200px;margin:15px auto;background: #ccc;}
.w-footer{font-size: 12px;line-height: 1.5;color:#999;}
#qrodeText{opacity: 0;position: absolute;left: 0;top: 0;z-index: 0;visibility:hidden;}

/*
* @Description: Add Page Style
* @Author: Sun Jia
* @Date: 2024-11-11
* @LastEditTime: 2024-11-11
*/
.activity{ padding-top: 27px; margin: 0 -8.5px; padding-bottom: 50px;}
.activity li{ margin-bottom: 32px;}
.activity a{ background: #f5f5f5; border-radius: 16px; display: block; padding: 24px 16px 16px;transition: all 0.35s ease;margin: 0 8.5px;}
.activity a:hover{ transform: translateY(-8px);}
.activity .title{ line-height: 28px; font-weight: bold; color: #c13e36; padding-left: 42px; position: relative;max-width: 285px;height: 56px;}
.activity .title::before{ content: '';display: block;width: 2px;height: 100%; max-height: 22px; background: #c13e36; 
  position: absolute; left: 24px; top: 3px;}
.activity .img{ margin-top: 37px;}
.activity .gp-img-responsive{ padding-bottom: 56.35%; border-radius: 16px;}
.activity .more{ background: #e7e7e7; border-radius: 16px;line-height: 45px; text-align: center; margin-top: 8px;}

.activityDetail{ padding-bottom: 50px;}
.activityDetail .curPageTil{ border-bottom: none;}
.activityDetail .textBox{ line-height: 32px; color: #444; padding: 24px 40px; background: #f5f5f5; margin-bottom: 24px;}
.activityDetail .box{ background: #f5f5f5; margin-bottom: 24px;}
.activityDetail .boxTil{ align-items: center; padding: 0 40px;cursor: pointer;}
.activityDetail .yearBox{ color: #222; line-height: 60px; position: relative;}
.activityDetail .yearBox::before{ content: '';display: block;width: 0%;height: 2px; background: #c13e36;
  position: absolute; left: 0;bottom: 0;}
.activityDetail .on .yearBox{ color: #c13e36;}
.activityDetail .on .yearBox::before{ width: 100%;}
.activityDetail .boxCon{ border-top: 1px solid #dcdcdc; padding: 0 40px 24px;}
.activityDetail .boxCon li{ margin-top: 23px;}
.activityDetail .boxCon a{ transition: all 0.35s ease;}
.activityDetail .boxCon a:hover{ transform: translateX(8px);}
.activityDetail .img{ flex-shrink: 0; width: 313px; margin-right: 24px;}
.activityDetail .gp-img-responsive{ background: #d6d6d6; padding-bottom: 56.25%;}
.activityDetail .info{ width: calc(100% - 343px);}
.activityDetail .title{ color: #222; line-height: 1;font-weight: bold;}
.activityDetail .summary{ color: #757575; line-height: 24px; margin-top: 25px;}
.activityDetail .gp-icon{ position: relative;}
.activityDetail .gp-icon::before{ content: '';display: block;width: 17px;height: 2px;background: #c13e37;
  position: absolute; left: 0%;top: 50%;transform: translate3d(-50%,-50%,0);}
.activityDetail .gp-icon::after{ content: '';display: block;width: 2px;height: 17px; background: #c13e37;
  position: absolute;left: 50%; top: 50%;transform: translate3d(-50%,-50%,0);}
.activityDetail .on .gp-icon::after{ height: 0;}

/* Responsive Style */
@media screen and (max-width:1780px){
    
}

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

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


@media screen and (max-width:1480px) {
    .article{ padding: 40px 130px 40px 40px;}
    .article-rt{ right: 30px;}
}

@media screen and (max-width:1280px) {
    .gp-title{ font-size: 22px; line-height: 30px;}
    .gp-info{ padding: 15px 0;}
    .nav li.on > a:before, .nav li.active > a:before{
        left: -20px;
        right: -20px;
    }
}   

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

@media screen and (max-width:1200px) {
    .cruChannel,.gp-left{ width: 240px;}
    .bread{ padding-left: 30px;}
    .gp-right{ width: calc(100% - 270px);}
    .signUp .item{ min-width: unset;width: 50%;}
    .textList .gp-right li a{ padding: 25px 20px;}
    .countdown{ max-width: 100%;}
}

@media screen and (max-width:1140px) {
    .nav li.on > a:before, .nav li.active > a:before{
        left: -10px;
        right: -10px;
    }
}
@media screen and (max-width:1100px) {
    .nav li > a{ font-weight: normal; line-height: 65px;font-size: 16px;}
    .nav li.on > a:before, .nav li.active > a:before{
        left: -5px;
        right: -5px;
    }
    .pageCon{ padding-top: 40px;}
    .cruChannel a{ font-weight: normal;}
    .news .listCon .info{ margin-top: 20px;}
    .news .listCon .info-rt{ padding-left: 20px;}
    
}
@media screen and (max-width:1080px) {
    
}

@media screen and (max-width:998px) {
    .nav, .gp-search{ display: none;}
    .gp-menu{ display: block; position: absolute; top: 0px; right: 0px;}
    .gp-page{ display: none;}
    .gp-m-page{ display: block;}
    .gp-m-search{ border-bottom: rgba(255, 255, 255, 0.7);}
    .gp-m-search.gp-search input.notxt{ color: #fff !important;}
    .gp-m-search.gp-search .notxt1::before{ content: "\e615"; background: none;color: #fff;font-family: 'iconfont';top: 20%;}

    .pageCon{ padding-top: 30px;}
    .cruChannel{ width: auto; min-width: 240px;}
    .intro > .listCon,
    .news > .flex:nth-of-type(2){ flex-direction: column;}
    .icon-jia{ transition: all 0.35s ease;}
    .icon-jian{ transform: rotateZ(90deg);}
    .gp-left{ width: 100%;}
    .gp-right{ padding-left: 0; width: 100%;}
    .gp-right .curPageTil{ padding: 15px 0; margin-top: 0; font-size: 22px;}
    .notice > .listCon,
    .textList .listCon{ flex-direction: column;}
    .textList .listCon{ margin-top: 20px;}
    
    .article{ padding: 30px; margin-bottom: 30px;}
    .gp-title{ line-height: 28px;}
    .gp-info .date{ display: inline-block;}
    .gp-info span{ margin-right: 40px;}
    .gp-content{ margin-top: 20px;}
    .adjacent{ margin-top: 20px;}
    .article-bt{ margin: 30px 0; align-items: flex-start;}
    .Annex li a{ line-height: 20px;}
    .share{ min-height: 110px;}
    .signUp{ min-height: unset !important; margin: 30px 0;}

    .activityDetail{ padding-bottom: 30px;}
    .activityDetail .textBox{ padding: 20px; line-height: 26px;}
    .activityDetail .boxTil{ padding: 0 30px;}
    .activityDetail .boxCon{ padding: 0 30px 20px;}
}

@media screen and (max-width:768px) {
    .news .listCon .img{ width: 260px;}
    .news .listCon{ margin-top: 30px;}
    .pages, .notice .pages{ margin: 30px 0 50px;}
    .gp-m-page .gp-page-prev,
    .gp-m-page .gp-page-next{ width: 50px; height: 50px;line-height: 50px;}
    .download{ padding-left: 30px; width: 100%;}
    .download span{ line-height: 55px;}
    .recommen{ padding-bottom: 30px;}
    .recommen dt{ margin-top: 20px;}
    .recommen a{ padding-left: 20px; padding-right: 40px; line-height: 55px;}
    .recommen a::before{ right: 15px;}
    .gp-content p{ font-size: 16px; line-height: 26px;}
    .Annex{ padding-top: 20px;}
    .user{ margin-right: 10px;}
    .signUp .title{ font-size: 22px;}
    .textList .gp-right ul{ padding-top: 10px;}
    .pageCon > .flex:nth-of-type(1){ flex-direction: column; align-items: flex-start;}
    .bread{ width: 100%;text-align: right;padding-left: 0;}
    .countdown p{ font-size: 30px;}
    .countdown #t_d01{ font-size: 48px;}
}

@media screen and (max-width:680px) {
    .pageCon > .listCon{ flex-direction: column; align-items: flex-start;}
    /* .cruChannel{ min-width: unset;} */
    /* .cruChannel a{ line-height: 50px; padding-right: 110px;} */
    .bread{ width: 100%;text-align: right;}
    .bread a{ padding: 10px 0;}

    .activityDetail .boxCon a{ flex-direction: column;}
    .activityDetail .img{ width: 100%; margin-right: 0px;}
    .activityDetail .info{ width: 100%; margin-top: 20px;}
    .activityDetail .title{ line-height: 26px;}
    .activityDetail .summary{ margin-top: 10px;}
    
}

@media screen and (max-width:580px) {
    .download{ max-width: unset; width: 100%; box-sizing: border-box;}
    .recommen{ margin: 0;}
    .recommen dd{ width: 100%; margin-top: 15px;}
    .recommen a{ margin: 0;}
}

@media screen and (max-width:540px) {
    .news .listCon .info{ flex-direction: column;}
    .news .listCon .img{ width: 100%;}
    .news .listCon .date{ bottom: auto; top: 10px; left: 5px;}
    .news .listCon .info-rt{ padding-left: 0; margin-top: 10px;}
    .news .listCon .more{ margin-top: 10px; text-align: right;}
    .news .listCon li{ margin-bottom: 30px;}
}

@media screen and (max-width:479px) {
    header{ padding: 20px 0;}
    .gp-menu-header{ top: 15px;}
    
    .gp-m-page .gp-page-prev{ margin-right: 10px;}
    .pageCon{ padding-top: 20px;}
    .news .listCon .date{ width: 55px; height: 55px; padding-top: 5px;}
    .news .listCon .day{ margin-bottom: 3px;}
    .pages, .notice .pages{ margin: 20px 0 30px;}
    .download{ padding-left: 20px;}
    .noticeCon a{ padding: 15px 10px; line-height: 24px;}
    .noticeCon .date{ padding-left: 25px;}
    .noticeCon .date::after{ left: 5px;}
    .gp-title{ padding: 10px 0;}
    .gp-content p{ margin-bottom: 20px;}
    .article-bt{ flex-direction: column;align-items: center;}
    .Annex{ width: 100%;}
    .signUp > .flex{ flex-direction: column;}
    .signUp .item{ width: 100%; margin: 0 0 20px;}
    .signUp .itemBox{ min-height: 110px;}

    .activity .title{ height: auto;}
    .activity .img{ margin-top: 15px;}
    .activityDetail .boxTil{ padding: 0 20px;}
    .activityDetail .boxCon{ padding: 0 20px 20px;}
    .activityDetail .yearBox{ line-height: 45px;}
    .activityDetail .textBox{ padding: 20px 15px; font-size: 16px;}
 
    .countdown{ padding: 25px 20px;}
    .signUp .countdown .title{ font-size: 16px;}
    .countdown p{ font-size: 24px; height: 50px;line-height: 50px;}
    .countdown #t_d01{ font-size: 38px;}
}

@media screen and (max-width:414px) {
    .cruChannel{ font-size: 20px;}
    .cruChannel{ width: 100%;}
    .cruChannel a{ padding: 10px; text-align: left;}
    .news .listCon{ margin-top: 20px;}
    .news .listCon li{ margin-bottom: 20px;}
    .news .listCon .title{ text-wrap: wrap; line-height: 1.5;}
    .news .listCon .info{ margin-top: 10px;}
    .news .listCon .summary{ -webkit-line-clamp: 2; line-height: 1.5;}
    .recommen a{ padding-left: 15px; padding-right: 30px; line-height: 45px;}
    .noticeCon a{ display: flex; display: -ms-flexbox;align-items: center; flex-direction: row-reverse;}
    .noticeCon .title{ white-space: normal; max-height: 48px;}
    .noticeCon .date{ flex-shrink: 0;}
    .gp-title{ font-size: 20px; line-height: 26px; padding: 10px 0 0;}
    .gp-info{ padding: 10px 0;}

    .activity{ padding-bottom: 20px;}
    .activity li{ margin-bottom: 20px;}
    .activity a{ padding: 15px 10px 10px;}
    .activity .title{ line-height: 24px; font-size: 18px; padding-left: 20px;}
    .activity .title::before{ left: 10px;}
}

@media screen and (max-width:370px) {
    .cruChannel{ font-size: 18px;}
    .cruChannel a{ padding-left: 10px;}
    .countdown{ padding: 25px 10px;}
    .countdown #t_d01{ margin-left: 10px;}
}