@charset "utf-8";
/* CSS Document */
.wrapNav{width: 85px;height: 100%; border-left: #bebebe 1px solid; /*! overflow: hidden; */
transition: all 0.3s ease-in-out; position: absolute;right: 0;z-index: 9;}
.NavRight{ height: 100%;  /*! overflow: hidden; */}
.logo1{ border-bottom: #bebebe 1px solid; /*! display: block; */overflow: hidden;}
.r-logo{width: 51px; display: block;margin: 30% auto;  }
.MenuIcon{ display: block; width: 42px;  margin: 34px auto 40px;cursor: pointer;height: 100px;}
.MenuIcon span{ display: block; height: 2px;background: #b3b3b3; margin: 10px 0; /*! border-radius: 5px; */ }
.iconLink{}
.iconLink .login2{ display: block;text-align: center; }
.NavList { position: relative; }
.NavList .nav{display: none;  width: 72px;position: absolute;right: 84px;top:-50px;border: #bebebe 1px solid;background: #0f654c;}
.NavList.on .nav{ display: block; }


/*4.搜索按钮全屏展开*/
#gp-serBtn4{position: relative;z-index: 801;margin: 0 auto;display: block;}
.gp-search4{height: 0;border:none;width: 100%;overflow: hidden;position: fixed;top: 50%;z-index: 802;left: 0;background: none;}
.gp-search4 .gp-ser{max-width: 800px;}
.gp-search4 input,.gp-search4 button{height: 40px;line-break: 40px;}
.gp-search4 .gp-ser{height: 40px;border: 1px solid #ccc;margin-top: 20px;}
.gp-search4 .notxt1{background: url(../images/ser2.png) no-repeat center #06654b;color:#fff}
.gp-search4 .gp-ser{display: none;border:none;background: #fff;}
.gp-search4.active .gp-ser{display: block;}
.gp-search4.active{height: 80px;}
.searchActive .gp-overlay{top: 0;}
@media screen and (max-width:998px) {
  .gp-search4 .gp-ser{width: 80%;}
  .gp-search4 input,.gp-search4 button{box-sizing: border-box;}
  .gp-search4 input.notxt{width: 100%;padding-right: 90px;}
  .gp-search4 .notxt1{width: 85px;}
}


.content { overflow: hidden; background: url(../images/modebg.png) no-repeat left bottom; }
.wrap_mode01{position: relative;overflow: hidden;}
.wrap_mode01:before{ content:""; display: block;width: 100%; height: 380px; background: #0f654c; position: absolute; bottom: 0; left: 0; }
.mode01{ overflow: hidden; margin-left: 6vw; margin-right: 6vw; margin-bottom: 5vw;margin-top: 16px;}
.mode01 > .gp-fl{ width: 59.2%; overflow: hidden;}
.mode01 > .gp-fr{ width: 39%; overflow: hidden;margin-top: 7.7%;}

.video > a{ display: block; overflow: hidden; position: relative; }
.video .gp-img-responsive{  }
.mode01 .video{ position: relative; background: #fff;}
.mode01 .video video{ display: block; }
.video .videoBg{ display: block;width: 100%; height: 100%; background: url(../images/videobg.png) repeat; position: absolute; left: 0; top: 0;
transition: all 0.2s ease; opacity: 0;}
.video .videoBg .play{ display: block; width: 10%; position: absolute; left: 45%; top: 45%; }
.videoText{ position: absolute;z-index: 9; left: 0; bottom: 0; width: 100%;}
.videoText .from{ display: inline-block;border: #fff 1px solid; padding:1px 10px; }
.videoText p{ display: block; margin: 40px 15px;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.video:hover .videoBg{ opacity: 1;}
.articleList01{}
.articleList01 .slick-slider a{ display: block;overflow: hidden; }
.articleList01 .gp-img-responsive{ }
.articleList01 .slickText{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 50px 0 15px 0px;
background-color:rgba(0,0,0,0.7);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top,rgba(0,0,0,0.7), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0)); /* 标准的语法 */}
.articleList01 .slickTitle{ color: #fff; padding: 0 25px; }
.articleList01 .slick-arrow{ width: 18px;height: 41px;border: none;text-indent: 999em; cursor:pointer;}
.articleList01 .slick-prev{ background: url(../images/slick-prev.png) no-repeat center; position: absolute;left: 20px;top: 50%;
  z-index: 99;transition: all 0.2s ease-in-out;margin-top: -20px;}
.articleList01 .slick-next{ background: url(../images/slick-next.png) no-repeat center; position: absolute;right: 20px;top: 50%;
  z-index: 99;transition: all 0.2s ease-in-out;margin-top: -20px;}
.articleList01 .slick-prev:hover,.articleList01 .slick-next:hover{ opacity: 0.8; }
.mode01 .readMore{ display: block;width: 161px; height:37px; text-align: center;line-height: 37px; background: url(../images/sbg.png) no-repeat center; position: relative;float: right;}
.mode01 .readMore span{ background: url(../images/s1.png) no-repeat left center; color: #0f654c; padding-left: 26px;}
.mode01 .readMore:hover{ opacity: 0.8; }
.mode01 .readMore2 span{ background: url(../images/s2.png) no-repeat left center; }



/*政*/
.wrap_mode02{ padding-top: 70px; position: relative;overflow: hidden; background: #f3f4f1;margin-bottom: 70px;}
.mode02{ position: relative;}
.articleTitle01{ width:422px;float: right; overflow: hidden; position: absolute;right: -310px; top: 0 }
.articleTitle01 .title{ display: block;width: 83px; height: 83px;float: left; position: relative;z-index: 9;margin-top: 40px;margin-left: 40px;}
.articleTitle01 .titlebg{ display: block; width: 422px; height: 493px; background: url(../images/titlebg.jpg) no-repeat top;}
.list2 { margin-right: 133px; margin-top: -25px;  overflow: hidden; position: relative;z-index: 9;margin-bottom: 25px;}
.list2 li a{ display: block;overflow: hidden; }
.list2 li > div{ margin:25px 7px; } 
.list2 .listImg{  overflow:hidden; }
.list2 .listImg a{ display: block; margin: 0; overflow: hidden;}
.list2 .listImg .gp-img-responsive{}
.list2 .listText{ margin: 27px 0 0; overflow: hidden;}
.list2 .listTextLf{ width: 58%; overflow: hidden;float: left;transition: all 0.2s ease;display: block;}
.list2 .listTextLf:hover{ padding-left: 10px; }
.list2 .listDate{ color: #b3b3b3; }
.list2 .listTitle{ line-height: 24px; max-height: 24px; margin: 13px 0; }
.list2 .listCon{ color: #a4a4a4; line-height: 22px; max-height: 44px; }
.list2 .listTextRt{ width: auto; float: left; overflow: hidden;margin-top: 40px;margin-left: 20px;}
.more{ display: block;width: 150px; position: relative; height: 59px; line-height: 59px;text-align: left;}
.more .circle{display: block;width: 57px; height: 57px; 
  border: #dddddd 1px solid;float: right;border-radius: 50%;position: relative;transition:all 0.5s ease;overflow: hidden;}
.more .circle:after{ content: ""; display: block;width: 24px; height: 7px; background:url(../images/more.png) no-repeat center;
position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -3px; }
.more .circle:hover:after{background:url(../images/more-h.png) no-repeat center; }
.more .circle:before{content: "";display: block;position: absolute;top: 50%;left: 50%;width: 160%;height: 160%;z-index: 0;
transform: scale(1,0) skewY(0deg) translate3d(-50%,-50%,0); background-color: #0f654c;border-radius:50%;  
transition: all 0.5s ease;}
.more .circle:hover:before{transform-origin:bottom left;
 transition:transform .6s cubic-bezier(.165,.84,.44,1.000),border-radius .2s cubic-bezier(.165,.84,.44,1.000);
 transform:scale(1,1) skewY(-30deg) translate3d(-50%,-50%,0)}



/*教*/
.articleTitle02{width: 83px; }
.articleTitle02 .title{ display: block;width: 83px; height: 83px;float: left; position: relative;z-index: 9;}
/*tab start*/
.tabArticleList{ margin-left: 88px;/*! overflow: hidden; */}
.tabArticleList .tabListTitle{ overflow:hidden;width: 27px;float: left;}
.tabArticleList .tab_menu h3{ width:27px; position: relative;}
.tabArticleList .tab_menu h3 a{ display:block;text-align:center;font-size:20px; position: relative; font-weight: normal;padding: 6px 0;} 
.tabArticleList .tab_menu h3:first-child{  }
.tabArticleList .tab_menu h3:hover,.tabArticleList .tab_menu h3.on{display:block; /*! float:left; */  /*! width:auto; */ }
.tabArticleList .tab_menu h3:hover a,.tabArticleList .tab_menu h3.on a{display:block; width:27px;color: #fff;background: #0f654c;}
.tabArticleList .tab_menu h3 a:hover{}
.tabArticleList .more_tab{ display: none;}
.tabArticleList .tabList{position:relative;margin-left: 50px;overflow: hidden;}
.tabArticleList .tabListBox{ display:none;}
/*tab end*/

.tabList .gp-fl{ width: 37.8%; overflow: hidden;}
.tabList .gp-fr{ width: 60%; overflow: hidden;}
.list3{}
.list3 li a{ display: block; overflow: hidden; }
.list3 .listImg{ position: relative; }
.gp-fr .list3 .gp-img-responsive{ padding-bottom: 79%; }
.list3 .Person{ position: absolute; bottom: -45px;right: 20px; text-align: center;}
.list3 .Person .img{width: 75px; height: 75px; border:#fff 4px solid; overflow: hidden; border-radius: 50%;}
.list3 .Person .img img{ width: 75px; height: 75px; }
.list3 .listText{ margin: 25px 0 50px 0; overflow: hidden;transition: all 0.2s ease; }
.list3 .listTitle{ line-height: 30px; max-height: 60px; margin-top: 14px;}
.list3 .listDate{ color: #666;}
.list3 a:hover .listText{ padding-left: 10px; }
.list03.pinned{position: fixed; top: 0;}
.list03.away{position: absolute; bottom: 0; top: auto;}

.articleTitle01.pinned{position: fixed;right:-28px;top: 0;}
.articleTitle01.away{position: absolute;bottom:50px;top: auto;}

.wrapNav.pinned{position: fixed;right: 0;top: 0;background: #fff;}
.wrapNav.away{position: fixed;right: 0;top: 0;z-index: 99;background: #fff;}
/*研*/
.wrap_mode04{ background: url(../images/titlebg2.jpg) no-repeat left top 45px #0f654c; padding: 45px 0; position: relative;margin: 80px 0 100px 0;}
.wrap_mode04:before{ content: "";display: block; width: 11%; height: 100%; background: #fff;position: absolute; right: 0;top: 0; }
.articleTitle03{}
.articleTitle03 .title{ display: block;width: 83px; float: left; }
.articleTitle03 .more2{ float: right; color: #fff; line-height: 83px; }
   
.articleList04{width: 100%; margin-left: 17vw; position: relative;}
.articleList04 .slick-slider > a{ margin: 0 10px; }
.articleList04 .slick-arrow{width: 127px;height: 127px; cursor: pointer; outline: none;}
.articleList04 .slick-prev{ background: url(../images/arrow_lf.png) no-repeat center rgba(255,255,255,0.1); position: absolute;
border: rgba(255,255,255,0.3) 2px solid; border-radius: 50%; text-indent: 999em; transition: all 0.2s ease;left: 4%; top: 50%; margin-top: -62px; z-index: 99;}
.articleList04 .slick-next{ background: url(../images/arrow_rt.png) no-repeat center rgba(255,255,255,0.1); position: absolute;
border: rgba(255,255,255,0.3) 2px solid; border-radius: 50%; text-indent: 999em; transition: all 0.2s ease;right: 29%; top: 50%; margin-top: -62px; z-index: 99;}
.articleList04 .slick-prev:hover,.articleList04 .slick-next:hover{ opacity: 0.8; }

/*聚*/
.articleTitle04{ width:422px;float: right; overflow: hidden; position: absolute;right: -310px; top: 0 }
.articleTitle04 .title{ display: block;width: 83px; height: 83px;float: left; position: relative;z-index: 9;margin-top: 40px;margin-left: 40px;}
.articleTitle04 .titlebg{ display: block; width: 422px; height: 493px; background: url(../images/titlebg.jpg) no-repeat top;}
.wrap_mode05{ position: relative; }
.mode05{ position:relative; }
.articleTitle04 .titlebg{display: block;width:422px; height:417px; background: url(../images/titlebg3.png) no-repeat top; }
.list4{ margin: 0 123px 0 -9px; overflow: hidden;}
.list4 li > a{ display: block; margin: 0 9px; overflow: hidden; }
.list4 .listText{ margin-top: 30px; transition: all 0.2s ease;}
.list4 .listCon{ line-height: 22px; max-height: 44px; color: #a4a4a4; margin: 20px 0; text-indent: 2em; }
.list4 .more3{ color: #b3b3b3; }
.list4 .more3:hover{ text-decoration: underline; color: #0f654c; }


/*精彩瞬间*/
.wrap_mode06{ margin: 100px 0 70px 0; overflow: hidden; }
.mode06{position: relative;}
.articleList05{ position: relative; overflow: hidden; }
.articleList05 > .gp-fl{ width: 27.3%; margin-top: 293px;}
.articleList05 > .gp-fr{ width: 72%; }
.articleTitle05{ width: 27.3%; background: #0f5035;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 9;}
.articleTitle05 span{ display: block; padding: 30px; overflow: hidden; }
.articleTitle05 .title{}
.articleTitle05 .more{ color: #fff;display:block; }
.list5 a{ display: block;position: relative; }
.list5 .listText{width: 100%;height: 50px;background: rgba(0,0,0,0.6);position: absolute;bottom: 0;left: 0;opacity: 0;transition: all 0.2s ease;}
.list5 .listText b{display: block;/* width: 55%; */position: absolute;/* bottom:5%; */left: 5%;height: 50px;line-height: 50px;color: #fff;}
.list5 a:hover .listText{ opacity: 1; }
.jc1 .gp-img-responsive{ padding-bottom: 173%; }
.jc2 .gp-img-responsive{ padding-bottom: 61%; }
.jc3 .gp-img-responsive{ padding-bottom: 66%; }
.jc4 .gp-img-responsive{ padding-bottom: 63%; }
.wrapList5{ margin-top: 8px; }
.wrapList5 .gp-fl{ width: 52%; }
.wrapList5 .gp-fr{ width: 46.9%; }

.wrapList6{position: relative;}
.wrapList6 .slick-slider a{ display: block;overflow: hidden; }
.wrapList6 .slick-arrow{ width: 65px;height: 31px;border: none;text-indent: 999em; cursor:pointer;}
.wrapList6 .slick-prev{ background: url(../images/slick-prev2.png) no-repeat center;position: absolute;bottom: -44px;left: 12%;
  z-index: 9; transition: all 0.2s ease;
background-size: contain;
}
.wrapList6 .slick-next{ background: url(../images/slick-next2.png) no-repeat center;position: absolute;bottom: -44px;right: 12%;
  z-index: 9; transition: all 0.2s ease;
background-size: contain;
}
.wrapList6 .slick-prev:hover,.wrapList6 .slick-next:hover{ opacity: 0.6; }










@media screen  and (max-width:1600px) { 
    .articleTitle01.pinned{ width: 17%; }
    .list03.pinned{ width: 43.1%; }
    .wrap_mode04:before{ display: none; }
}


@media screen  and (max-width:1300px) { 
  .wrapNav { display: none; }
  .articleTitle01.pinned,.articleTitle01.away{position: absolute;right: -310px; top: 0;width: auto;}
  .list03.pinned,.list03.away{ position: static; width: auto;}
  .articleList04{ margin-left: 0; }
  .articleList04 .slick-arrow{ width: 60px; height: 60px; background-size: 30px;}
  .articleList04 .slick-prev{ margin-top: -30px; left: 2%; } 
  .articleList04 .slick-next{ margin-top: -30px; right: 2%; } 
  .articleList04 .videoText p{ margin: 15px;}
}

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

@media screen  and (max-width:1024px) { 
  .wrap_mode01{ background: #0f654c; }
  .wrap_mode01:before{ display: none; }
  .mode01{ margin: 20px 15px; }
  .wrap_mode02{ padding-top: 30px; margin-bottom: 30px;}
  .list2 .listText{ margin: 20px 0; }
  .tabList .gp-fr,.tabList .gp-fl{ width: 100%; float: none; }
  .list3 .listText{ margin: 20px 0; }
  .list03 li{ width: 100% !important; float: none !important; }
  .list3 li{ width: 50%; float: left; }
  .list3{ margin: 0 -10px; }
  .list3 li a{ margin: 0 10px; }
  .wrap_mode04{ margin: 25px 0; padding: 20px 0;}
  .wrap_mode06{ margin: 80px 0 30px 0; }
  .articleList04.swiper-container{ margin:15px; }
  .list2 .listTextLf{ width: 100%; float: none; }
  .list2 .listTextRt{ margin-top: 20px; margin-left: 0; }
  .more{width: 120px;}
}

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

@media screen and (max-width:766px) {
   .mode01 > .gp-fl{ width: 100%; float: none; }
   .mode01 > .gp-fr{ width: 100%; float: none; margin-top: 20px; }
   .articleTitle01,.articleTitle04{ position: static; width: 100%;height: 60px;float: none;background: #0f654c;}
   .articleTitle01 .title,.articleTitle04 .title{ margin: 10px; width: 45px;}
   .list2{ margin-right: 0; }
   .articleTitle02{ width: 100%; }
   .articleTitle02 .title{ float:none;width: 45px; margin: 10px 0; height: auto;} 
   .tabArticleList .tabListTitle{ width: 100%; float: none;position: absolute; top: -45px; left: 80px;}
   .tabArticleList .tab_menu h3,.tabArticleList .tab_menu h3:hover a, .tabArticleList .tab_menu h3.on a{ width: auto; display: inline-block;float: left;}
  .tabArticleList .tab_menu h3 a{ padding: 0 10px;}
   .tabArticleList,.tabArticleList .tabList{ margin: 0; position: relative;} 
   .articleTitle03 .title{ width: 45px; }
   .articleTitle03 .more2{ line-height: 45px; }
   .list4{ margin: 0;}
   .list4 li > a{ margin: 0; }
   .list4 .listText{ margin: 15px 0; }
   .wrap_mode06{ margin: 20px 0; }
   .wrapList6 .slick-arrow{ width: 35px; }
   .list2 .listTextLf{ width: 100%; float: none; }
   .list2 .listTextRt{ margin: 10px 0 0 0; }
   .articleList05 > .gp-fl{width: 42%;margin: 10px 0 0;}
   .articleList05 > .gp-fr{float: none;width: auto;}
   .articleList05 > .gp-fr .list5{width: 56%;float: right;clear: none;margin: 0 0 10px;}
   .wrapList5{float: none;}
   .articleTitle05{ padding: 15px; position: static;width:auto; float: none;}
   .articleTitle05 span{  padding: 0; }
   .articleTitle05 .title{display: block; width: 60px;float: left;}
   .articleTitle05 .more{ float: right; width: auto; }
   .wrapList5 .gp-fl{ width: 100%; float: none; }
   .wrapList5 .gp-fr{ width: 100%; float: none; margin-top: 10px;clear: both;}
   .wrapList6 .slick-arrow{ bottom: 0; }
   .jc1 .gp-img-responsive{ }

}

@media screen and (max-width:640px) {
   .list3 li{ width: 100%; float: none; }
   .more{ height: 42px; height: 42px; }
   .more .circle{ width: 40px; height: 40px; }
   
   
   .articleList04 .slick-arrow{ display: none !important; }
}


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