@charset "utf-8";
/* CSS Document */
.Banner { position: relative; overflow: hidden; height: 100vh;}
.Banner .Banner-dots {position: absolute;left: 50%;margin-left: 478px;bottom: 30px;overflow: hidden;}
.Banner .swiper-slide-active .slick-img { transition: transform 6000ms linear 0s;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    height: 100vh;}

.Banner .swiper-button-prev,.Banner .swiper-button-next {width: 50px;height: 50px; text-align: center; line-height: 50px; display: block; background-color: rgba(0, 62, 120, 0.55);
    font-size: 30px; border-radius: 50%; opacity: 0.1; transition: opacity .35s ease-out;}
.Banner:hover .swiper-button-prev,.Banner:hover .swiper-button-next { opacity: 1;}
/*.Banner a::before { position: absolute;  content: ''; width: 100%; height: 131px; z-index: 99;
    background: -webkit-gradient(linear, 0 0, 0 0, from(rgba(0, 0, 0, .75)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
    background: linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=rgba(0, 0, 0, .5), endColorstr=rgba(0, 0, 0, 0));}*/
.Banner a::after { content: ''; position: absolute; width: 100%; bottom: 0px; height: 250px; z-index: 9;
    background: -webkit-gradient(linear, 0 0, 0 0, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=rgba(0, 0, 0, .6), endColorstr=rgba(0, 0, 0, 0));}
.Banner a { display: block;  position: relative;}
.Banner a .title { color: #fff; position: absolute; left: calc(50% - 750px); bottom: 26px; font-size: 30px;/* font-weight: bold; */
    z-index: 10; font-family: "方正正中黑简体"; height: 38px; line-height: 38px;width: 85%; overflow: hidden;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { background: #fff; width: 10px; height: 10px;
    border-radius: 50%;margin: 0 15px; box-shadow: none;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 60px;   border-radius: 10px;}
.Banner .slick-img { height: calc(920px); display: block; background-size: cover; background-position: center; /* background-attachment: fixed; */}
.Banner .slick-img video { width: 100%;}
.Banner .slick-txt { position: absolute; left: 0; bottom: 10%; width: 100%;}
.Banner .slick-txt p { color: #fff; position: relative; padding-top: 30px;}
.Banner .slick-txt p::before { content: ''; width: 140px; height: 1px;background-color: #fff; position: absolute; left: 0; top: 0;}
@-webkit-keyframes scaleBig {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}

@keyframes scaleBig {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}

@-webkit-keyframes pulse {
    0% {-webkit-transform: translate(0, -5px);transform: translate(0, -5px);}
    50% {-webkit-transform: translate(0, 5px);transform: translate(0, 5px);}
    100% {-webkit-transform: translate(0, -5px);transform: translate(0, -5px);}
}

@keyframes pulse {
    0% {-webkit-transform: translate(0, -5px);transform: translate(0, -5px);}
    50% {-webkit-transform: translate(0, 5px);transform: translate(0, 5px);}
    100% {-webkit-transform: translate(0, -5px);transform: translate(0, -5px);}
}




.content{position: fixed;z-index: 2;width: 100%;top: 100%;transition: top .7s cubic-bezier(0.5,0,0.2,1) 0s;left: 0;right: 0;bottom: 0;background-color: #fff;}
.content.auto{overflow-y: auto;z-index: 100;}

/*培正头条*/
.wrap_mode1{ padding: 60px 0 80px; background: url(/publish/gdpzxy/images/modebg1.jpg) no-repeat #f4f4fb center top; overflow: hidden; }
.mode1 { position: relative; }
.mode1 > .gp-fl{width: 24%; overflow: hidden; position: absolute; left: 0;top: 98px;}
.mode1 > .gp-fm{width: 46.4%; overflow: hidden; margin: 0 auto;}
.mode1 > .gp-fr{width: 24%; overflow: hidden; position: absolute; right: 0;top: 98px;}
.articleTitle1{ margin-bottom: 35px; overflow: hidden;text-align: center; position: relative;}
.articleTitle1 .title{ display: inline-block; padding-bottom: 18px; overflow: hidden; position: relative;}
.articleTitle1 .title:before{ content: ""; display: block;width: 60px; height: 2px;background: #181878; position: absolute; left: 50%;bottom: 0; margin-left: -30px;}
.articleTitle1 .more{ display:block; width: 98px; height: 30px; line-height: 30px;text-align: center; color: #999999;border: #dcdcdc 1px solid; border-radius: 30px;
transition: all 0.2s ease; position: absolute; right: 0; top: 25px;}
.articleTitle1 .more:hover{ color: #181878; }

.articleTitle2{ max-width: 300px; margin: 15px auto; text-align: center; overflow: hidden; position: relative; }
.articleTitle2:before{ content: ""; display: block;width: 100%; height: 1px;background: #dcdcdc; position: absolute; left: 0; top: 10px; }
.articleTitle2 .title{display: inline-block;padding: 0 20px; background: #f4f4fb; color: #181878; position: relative;z-index: 1;}
.articleTitle2 .title:before{ content: ""; display: block; width: 1px; height: 12px;background: #dcdcdc; position: absolute; left: 0; top: 5px;}
.articleTitle2 .title:after{ content: ""; display: block; width: 1px; height: 12px;background: #dcdcdc; position: absolute; right: 0; top: 5px;}

.list1{ margin-top: -18px; overflow: hidden; }
.list1 li a{ display: block; padding: 18px 0; border-bottom: #dcdcdc 1px solid; overflow: hidden; transition: all 0.2s ease-out;}
.list1 li a:hover{ padding-left: 10px; }
.list2{ margin-bottom: 50px; }
.list2 .articleTitle2{ margin: 20px auto; }
.list2 .slick-slider > a{ display: block; overflow: hidden; }
.list2 .listTitle{ height: auto;max-height: 56px; margin-bottom: 18px; text-align: center; }
.list2 .listCon{ color: #666666; }
.list2 .slick-arrow{ display: none !important; }


/*荣誉榜*/
.wrap_mode2{ padding:50px 0; background: url(/publish/gdpzxy/images/modebg2.jpg) no-repeat #2062b1 center top; overflow: hidden; position: relative;}
.wrap_mode2:before{ content: ""; display: block;width: 100%; height: 1px;background: rgba(255,255,255,0.55); position: absolute; bottom: 174px;}
.articleTitle3 .title:before{ background: #e60012; }
.articleTitle3 .more{ color: #fff; opacity: 0.66; }
.articleTitle3 .more:hover{ color:#e60012; }
.list3{ margin: 0 -20px; }
.list3 a{ display: block; margin: 0 20px; overflow: hidden; }
.list3 .listImg{ margin-bottom: 30px; overflow: hidden; position: relative;}
.list3 .listImg:before{ content: ""; display: block;width: 100%;height: 100%;background: url(/publish/gdpzxy/images/imgbg.png) no-repeat; 
position: absolute; left: 10px; top: 10px;}
.list3 .gp-img-responsive{ margin: 0 10px 35px 0; width: auto;max-width: 100%; padding-bottom: 55%; position: relative;z-index: 1;}
.list3 .listIcon{ width: 11px; height: 11px;border: #fff 1px solid; border-radius: 50%; position: relative;float: right;}
.list3 .listIcon:before{ content: ""; display: block;width: 7px; height: 7px;background: #fff; border-radius: 50%; position: absolute; left: 2px; top: 2px; }
.list3 .listTitle{ margin:38px 0 14px; transition: transform 0.2s ease-out;}
.list3 .listDate{ font-family: 'Adobe Hebrew'; opacity: 0.66; }
.list3 a:hover .listTitle{ transform: translateY(-10px); }
.list3 .slick-dots{ display: none !important; }
.list3 .slick-arrow{ display: block;width: 16px; height: 28px; top: 25%; opacity: 0;}
.list3 .slick-prev{ background: url(/publish/gdpzxy/images/slick-prev.png) no-repeat center; }
.list3 .slick-next{ background: url(/publish/gdpzxy/images/slick-next.png) no-repeat center; }
.wrap_mode2:hover .list3 .slick-arrow{ opacity: 1; }



/*通知公示*/
.wrap_mode3{ padding: 50px 0; background: url(/publish/gdpzxy/images/modebg3.jpg) no-repeat #2d2d7a center top; overflow: hidden; }
.mode3 > .gp-fl{ width: 42.4%; overflow: hidden; }
.mode3 > .gp-fr{ width: 53.4%; overflow: hidden; }
.articleTitle4{ margin-bottom: 35px; overflow: hidden; }
.articleTitle4 .title{ display: inline-block; padding-bottom: 18px; position: relative; }
.articleTitle4 .title:before{content: ""; display: block;width: 60px; height: 2px;background: #e60012; position: absolute; left:0;bottom: 0;}
.articleTitle4 .more{ color: #fff; opacity: 0.66; padding: 0 16px; margin-top: 8px; float: right; position: relative;}
.articleTitle4 .more:before{ content: ""; display: block;width: 4px; height: 4px;border:rgba(255,255,255,0.2) 1px solid; border-radius: 50%; 
position: absolute;left: 0; top: 6px;}
.articleTitle4 .more:after{ content: ""; display: block;width: 4px; height: 4px;border:rgba(255,255,255,0.2) 1px solid; border-radius: 50%; 
position: absolute;right: 0; top: 6px;}
.articleTitle4 .more:hover{ color:#e60012; }
.scroll-pane{max-height:366px;overflow: hidden; }
.scroll-pane .jspVerticalBar{ display: none; }
.list4{ overflow: hidden; }
.list4 li{ margin-bottom: 25px; overflow: hidden; }
.list4 li a{ display: block; overflow: hidden; position: relative;}
.list4 li a:before{ content: ""; display: block;width: 1px; height:82px; background: #fff; opacity: 0.55; position:absolute; left: 2px; top:11px; }
.list4 .listDate{display: inline-block; line-height: 20px; background: url(/publish/gdpzxy/images/datebg.png) no-repeat left center; padding-left: 22px; margin-left: 20px;
  opacity: 0.66; position: relative;}
.list4 .listDate:before{ content: ""; display: block;width: 3px; height: 3px;border:#fff 1px solid; border-radius: 50%; position: absolute;left: -20px; top: 8px; }
.list4 .listDate:after{ content: ""; display: block;width: 8px; height: 1px; background: #fff; opacity: 0.55; position: absolute; left: -15px; top: 10px;}
.list4 .listTitle{ position: relative;padding-left: 20px; margin-bottom: 24px; transition: all 0.2s ease-out;}
.list4 .listTitle:before{ content: ""; display: block;width: 5px; height: 5px;background: #fff; border-radius: 50%; position: absolute; left: 0; top: 11px;}
.list4 li a:hover .listTitle{ padding-left: 30px; }
.mouse{ height: 30px; line-height: 30px;text-align: center; background: rgba(255,255,255,0.15); margin-top: 20px; }
.mouse span{ display: inline-block; background: url(/publish/gdpzxy/images/readMore.png) no-repeat left center; color: #fff; opacity: 0.55; padding-left: 28px;
  animation: mouse 2s linear 0s infinite; }
@-webkit-keyframes mouse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(0, 5px);
            transform: translate(0, 5px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes mouse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(0, 5px);
            transform: translate(0, 5px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }



/*一线动态*/
.list_right {width:210px;float: right;}
.list5 .slick-list{ height: auto !important; }
.list5 .swiper-slider > a{ display: block; background: rgba(244,244,244,0.25); padding: 25px 15px; margin-bottom: 50px; overflow:hidden; }
.list5 .slick-current > a{ background: rgba(244,244,244,1); }
.list5 .listDate{ color: #fff; opacity: 0.66; }
.list5 .listTitle{ color: #fff; margin-top: 14px; }
.list5 .slick-current > a *{color: #181878;}
.scrollbox {padding: 0 0 50px 0;}
#scrollDiv {height: 552px;overflow: hidden;}
.scrollbox ul {padding: 0px;margin: 0px;}
.scrollbox li {list-style: none;margin: 0 0 30px 0;}
.scroltit {margin: 15px 0 0 0;}
.scroltit span {cursor: pointer;transition: all 0.35s ease-out;}
#but_up {display:block; width: 30px;height: 12px;position: relative;background:url(/publish/gdpzxy/images/but_up.png) no-repeat center; margin: 0 auto; cursor: pointer; opacity: 0.25;}
#but_down { display:block; width: 30px;height: 12px;position: relative;background:url(/publish/gdpzxy/images/but_down.png) no-repeat center; margin: 0 auto; cursor: pointer;opacity: 0.25;}
#but_up:hover, #but_down:hover { opacity: 1; }
.list_left {margin-right:250px;}
.swiper-wrapper2 {height: 340px; margin: 20px 0; overflow: hidden;}
.list6 .swiper-slide > a{ display: block; overflow:hidden; }
.list6 .listTitle{ margin: 22px 0 15px; }
.list6 .listDate{ opacity: 0.66; }



/*培正大讲坛*/
.wrap_mode4{ padding: 55px 0 100px;background: url(/publish/gdpzxy/images/modebg4.jpg) no-repeat center top; overflow: hidden; }
.mode4 .gp-fl{ width: 50.8%; overflow: hidden; }
.mode4 .gp-fr{ width: 45%; overflow: hidden; }
.articleTitle5 .title:before{ background: #181878; }
.articleTitle5 .more{color: #999999;opacity: 1;}
.articleTitle5 .more:before,.articleTitle5 .more:after{ border: #424291 1px solid; }
.list7{ margin: -12px 0 0; }
.list7 .listContent{ display: block; margin:12px; position: relative;}
.list7 .listContent:before{content: ""; display: block;width: 100%; height: 100%;background: #eeeeee; position: absolute; left: 10px;top:10px;}
.list7 a{display: block;background: #fff; padding: 20px;  overflow: hidden; outline: none; border: #dcdcdc 1px solid; position: relative;z-index: 1;}
.list7 .listFrom{ display: block; height: 35px; line-height: 35px; color: #181878;background: url(/publish/gdpzxy/images/iconbg.png) no-repeat left center; }
.list7 .listTitle{ height: 84px; margin: 15px 0; }
.list7 .listText{ border-top: #dcdcdc 1px solid; padding-top: 10px; }
.list7 .listText *{ color: #666; }
.list7 .listText span{ display: block; padding:7px 0; line-height: 28px; }
.list7 .listText span i{display: inline-block; width: 28px; height: 28px; border-radius: 50%; float: left; margin-right: 15px; }
.list7 .listText .name i{ background: url(/publish/gdpzxy/images/icon1.png) no-repeat center #f4f4fb;}
.list7 .listText .date i{ background: url(/publish/gdpzxy/images/icon2.png) no-repeat center #f4f4fb;}
.list7 .slick-dots,.list7 .slick-arrow{ display: none !important; }



/*新媒体融合*/
.list8{ margin: -5px; }
.list8 li{ width: 33.3%; }
.list8 li:nth-child(2){ margin-top: 40px; }
.list8 li a{ display: block; margin: 5px; overflow: hidden; position: relative;}
.list8 .gp-img-responsive{ padding-bottom: 134%; }
.list8 .listFrom{ display: inline-block; background: #09bb07; color: #fff; height: 25px; line-height: 25px; padding: 0 10px; position: absolute;
left: 0;bottom: 20px; }
.list8 .listFrom i{ display: inline-block; float: left; margin-right: 5px; }


/*专题聚焦*/
.mode5{ margin-top: 40px; }
.mode5 > .gp-fl{ width: 57.2%; overflow: hidden; }
.mode5 > .gp-fr{ width: 42.2%; overflow: hidden; }
.list9 {}
.list9 a{ display: block; overflow: hidden; }
.list9 .listText{ position: absolute; bottom: 0;width: 100%; height: 85px;
background-color:rgba(0,0,0,0.55);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.55), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(top, rgba(0,0,0,0.55), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top,rgba(0,0,0,0.55), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
background: linear-gradient(to top, rgba(0,0,0,0.55) , rgba(0,0,0,0)); /* 标准的语法 */}
.list9 .listTitle{ height: 28px; margin:28px; }
.list9 .slick-arrow{ display: block;width: 80px; height: 80px; z-index: 9; border-radius: 50%; margin-top: -40px;opacity: 0;}
.list9:hover .slick-arrow{opacity: 1;}
.list9 .slick-prev{ background: url(/publish/gdpzxy/images/slick-prev.png) no-repeat right 15px center rgba(0,0,0,0.55); left: -40px;}
.list9 .slick-next{ background: url(/publish/gdpzxy/images/slick-next.png) no-repeat left 15px center rgba(0,0,0,0.55); right: -40px;}
.list9 .slick-dots{ bottom: 30px; right: 20px; width: auto;}
.list9 .slick-dots li{ width: 8px; height: 8px; border: #fff 1px solid; background: none; margin: 0 10px;}
.list9 .slick-dots li.slick-active{ background: #fff; }
.list10{ margin: -3px; overflow: hidden; }
.list10 li{ width: 50%; }
.list10 li a{ display: block; margin: 3px; overflow: hidden; } 
.list10 .listBg{ display: table; width: 100%; height: 221px;}
.list10 .listText{ display: table-cell; vertical-align: middle; text-align: center;}
.list10 .listTitle{ display: block; color: #fff;}
.list10 .listIcon{ display: block;width: 47px; height: 41px; margin:20px auto auto; }
.list10 a:hover .listIcon{-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-ms-animation:icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate}
@keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-moz-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-o-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}

.effect {transition: transform 1s, opacity 1s ease-in-out;animation-duration: 1s;-webkit-animation-duration: 1s;animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;opacity: 0;}
.effect.isView {opacity: 1;transform: none;-webkit-animation-name: effect4;animation-name: effect4;}
@-webkit-keyframes effect4 {
from {
opacity: 0;
transform: translateY(50px);
}

to {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes left {
from {
opacity: 0;
transform: translateX(-60px);
}

to {
opacity: 1;
transform: none;
}
}
@-webkit-keyframes right {
from {
opacity: 0;
transform: translateX(60px);
}

to {
opacity: 1;
transform: none;
}
}
.mode3_left.isView {-webkit-animation-name: left;animation-name: left;}
.mode3_right.isView,.mode4_right.isView{-webkit-animation-name: right;animation-name: right;}
.mode4_left.isView{-webkit-animation-name: left;animation-name: left;}








@media screen  and (max-width:1600px) { 
   .Banner a .title{ left: 20px; }
   .Banner .Banner-dots{ right: 0; left: auto; }
   .list3 .listImg:before{ background-size: 96%; }
   .list10 .listBg{ height: 190px; }

}


@media screen  and (max-width:1300px) { 
   .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 20px; }
   .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px; }
   
}

@media screen and (max-width: 1200px) {
   .effect{ opacity: 1; }
   .Banner{ height: auto; }
   .Banner .slick-img,.Banner .swiper-slide-active .slick-img{display: block; height: 0; padding-bottom: 56.5%; overflow: hidden;}
   .Banner a .title{ font-size: 22px; }
   .Banner a::before{ display: none; } 
   .content{ position: static; }
   .wrap_mode1{ padding: 50px 0 100px; }

}

@media screen  and (max-width:1024px) { 
   .articleTitle1 .more{ top: 0; width: 80px; }
   .wrap_mode1{ padding: 50px 0; }
   .mode1 > .gp-fm{width: 100%; margin-bottom: 25px;}
   .mode1 > .gp-fl{width: 48%; position: static;}
   .mode1 > .gp-fr{width: 48%; position: static;}
   .list2{ margin-bottom: 20px; }
   .list2 .slick-dots{ bottom: -20px; }
   .list3{ margin: 0 -8px; }
   .list3 a{ margin: 0 8px; }
   .mode3 > .gp-fl,.mode4 .gp-fl,.mode5 > .gp-fl{ width: 100%; float: none; }
   .mode3 > .gp-fr,.mode4 .gp-fr{ width: 100%; float: none; margin-top: 25px; }
   .mode5 > .gp-fr{ width: 100%; float: none; margin-top: 6px;}
   .list8 li:nth-child(2){ margin-top: 0; }
   .wrap_mode4{ padding: 50px 0; background-size: cover; }
   .list10 .listBg{ background-size: cover !important; }
   .articleTitle1,.articleTitle4{ margin-bottom: 20px; }
}

@media screen and (max-width:992px) {
   .Banner a .title{ left: 10px; font-size: 18px; height: 28px; line-height: 28px; bottom: 20px; }
   .list3 .listImg:before{ background-size: 95%; }
}

@media screen and (max-width:766px) {
    .Banner a::after{ height: 80px; }
    .list3 .listImg:before{ background-size: 96%; }
    .wrap_mode1,.wrap_mode2,.wrap_mode3,.wrap_mode4{ padding: 35px 0; }
    .wrap_mode2:before{ bottom: 150px; }
    .list3 .listImg{ margin-bottom: 10px; }
    .list_left{ margin: 0; }
    .list_right{ display: none; }
    .list9 .slick-arrow{ width: 60px; height: 60px; opacity:1; }
    .list9 .slick-prev{ left: -25px; }
    .list9 .slick-next{ right: -25px; }
  
}

@media screen and (max-width:640px) {
    .mode1 > .gp-fl{ width: 100%; float: none; }
    .mode1 > .gp-fr{ width: 100%; float: none; }
    .list3 .listImg{ margin-bottom: 0; } 
    .list3 .listTitle{ margin: 14px 0; }
    .list3 .listIcon,.wrap_mode2:before{ display: none; }
    .list9 .listTitle{ margin: 40px 15px 0 15px; }
    .list9 .slick-dots{ display: none !important; }
    .Banner .Banner-dots{ display: none; }
    .Banner a .title{ width: 92%; font-size: 16px;}
    .list7 a{padding: 10px;}
    .slick-dots li{ margin:0 5px; }
}

@media screen and (max-width:480px) {
    .list8 li{ width: 50%; }
    .list8 li:last-child{ width:100%; }
    .list10 .listBg{ height: 150px; }
}