/*! * fullpage 2.9.4 * https://github.com/alvarotrigo/fullpage.js * mit licensed * * copyright (c) 2013 alvarotrigo.com - a project by alvaro trigo */ html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow:hidden; /*avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: rgba(0,0,0,0); } #supercontainer { height: 100%; position: relative; /* touch detection for windows 8 */ -ms-touch-action: none; /* ie 11 on windows phone 8.1*/ touch-action: none; } .fp-section { position: relative; -webkit-box-sizing: border-box; /* safari<=5 android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; } .fp-slide { float: left; } .fp-slide, .fp-slidescontainer { height: 100%; display: block; } .fp-slides { z-index:1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* safari<=6 android<=4.3 */ transition: all 0.3s ease-out; } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout:fixed; width: 100%; } .fp-tablecell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .fp-slidescontainer { float: left; position: relative; } .fp-controlarrow { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* ie10 */ position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .fp-controlarrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlarrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-scrollable { overflow: hidden; position: relative; } .fp-scroller{ overflow: hidden; } .iscrollindicator{ border: 0 !important; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0,0,0);display: none; } #fp-nav.right { right: 0; } #fp-nav.left { left: 17px; } .fp-slidesnav{ position: absolute; z-index: 4; left: 50%; opacity: 1; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .fp-slidesnav.bottom { bottom: 17px; } .fp-slidesnav.top { top: 17px; } #fp-nav ul, .fp-slidesnav ul { margin: 0; padding: 0; } #fp-nav ul li, .fp-slidesnav ul li { display: block; width: 14px; height: 13px; margin: 7px; position:relative; } .fp-slidesnav ul li { display: inline-block; } #fp-nav ul li a, .fp-slidesnav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #fp-nav ul li a.active span, .fp-slidesnav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesnav ul li:hover a.active span{ height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; } #fp-nav ul li a span, .fp-slidesnav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #fp-nav ul li:hover a span, .fp-slidesnav ul li:hover a span{ width: 10px; height: 10px; margin: -5px 0px 0px -5px; } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; } #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li .fp-tooltip.left { left: 20px; } .fp-auto-height,.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tablecell{ height: auto !important; } .fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tablecell { height: auto !important; } /* common */ .indexnav{position: fixed;right: 0;z-index: 9000;height: 100%;width: 110px;padding-left: 15px;transform: translatex(125px);transition: all 0.4s ease-out;} .indexnav.active{transform: none;} .indexnav.onbg{background-color: rgba(0,0,0,0.45);} .indexnav::before{width: 1px;height: 100%;position: absolute;left: 15px;top: 0;background-color: rgba(242,242,242,0.3);content: '';} .indexnav ul{top: 50%;transform: translatey(-50%);position: absolute;right: 0;width: calc(100% - 15px);} .indexnav li a{height: 8vh;line-height: 8vh;} .indexnav li a{color: #fff;display: block;position: relative;text-shadow: 0 0 3px rgba(0,0,0,0.4);} .indexnav li a i{margin-right: 8px;} .indexnav li.active a,.indexnav li:hover a{color: #cb2a30;} .indexnav{} .indexnav.n2 li.active a,.indexnav.n2 li:hover a{color: #fdb840;} .indexnav.n8 li a{color: #fff;text-shadow: none;} .indexnav.n8 li a i{color: #fff;} .indexnav.n8::before,.indexnav.n5::before{background-color: #e6e6e6;} .indexnav.n4 li.active a,.indexnav.n8 li.active a,.indexnav.n8 li:hover a{color: #cb2a30;text-shadow: 0 0 4px rgba(0,0,0,0.2);} .indexnav.n4 li.active a::before,.indexnav.n8 li.active a::before,.indexnav.n8 li:hover a::before{color: #cb2a30;} .indexnav.n5 li.active a{color: #cb2a30;text-shadow: 0 0 4px rgba(0,0,0,0.2);} .indexnav.n5 li.active a::before{color: #cb2a30;} .indexnav.n8,.indexnav.n9,.indexnav.n4,.indexnav.n3,.indexnav.n5{background-color: rgba(0,0,0,0.35);} .section_first{background-size: cover;background-repeat: no-repeat;background-position: center;} .arrow_container{width: 100px;height: 100px;border-radius: 50%;border:1px solid rgba(255,255,255,0.2);box-sizing: border-box;background-color: rgba(0,0,0,0.2);position: absolute;bottom: 3vh;margin-left: -50px;left: 50%;line-height: 100px;text-align: center;color: #fff;cursor: pointer;z-index: 900;} .arrow_container i{animation: mymove 2s infinite;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 45px;} @keyframes mymove { 0% { top: 50%; } 50% { top: 60%; } 100% { top: 50%; } } @-webkit-keyframes mymove { 0% { top: 50%; } 50% { top: 60%; } 100% { top: 50%; } } .section_second {position: relative;} /*title*/ .s_title{width: auto;position: absolute;left: 3.1%;top: 50%;transform: translatey(-50%);} .s_title img{display: block;margin: 0 auto;width: auto;} .s_title img:first-child{margin-bottom: 20px;} .section { background-size: cover;position: relative;} .section_forth {background-image: url(/uploads/image/images2020100/s8_bg.jpg);} .section_forth.second_bg {background-image: ;} .section_forth.third_bg { background-image: url(/uploads/image/images/bg_screen_forth_3.jpg);} .section_fifth {} .section_sixth { background: #ffffff;} /* main content */ .fp-tablecell { vertical-align: middle; } /* section four */ /* bgs */ .section_forth { overflow: hidden;position: relative;} .section_first .fp-controlarrow.fp-prev{border:none;width:34px;height:75px;background: no-repeat center center;left:14.5%;} .section_first .fp-controlarrow.fp-next{border:none;width:34px;height:75px;background:url(/uploads/image/images/rt.png) no-repeat center center;right:14.5%;} .section_first .fp-controlarrow{margin-top:26px;} /* navigation */ #fp-nav ul li a span, .fp-slidesnav ul li a span {left: 0;top: 0;} #fp-nav ul li a span, #fp-nav ul li a.active span, #fp-nav ul li:hover a span, #fp-nav ul li:hover a.active span { width: 7px; height: 7px;margin: 6px;border-radius: 0; transform: rotatez(45deg);} #fp-nav ul li a span {background: #cbcbcb;} #fp-nav ul li a.active span {background: #cb2a30;} /* arrow next page */ .arrow_next_page { position: relative; width: 100%; height: 4px; /*border-top: 1px solid #a0116b;*/ } .arrow_next_page:before, .arrow_next_page:after { content: ''; display: block; width: 30px; height: 100%; border-left: 1px solid transparent; border-right: 1px solid transparent; /*border-top: 1px solid #a0116b;*/ position: absolute; bottom: -9px; transform-origin: bottom;} .arrow_next_page:before {position: absolute; left: -10px;transform: rotate(45deg);} .arrow_next_page:after {right: -10px; transform: rotate(-45deg);} /*plugin css*/ .str_wrap { overflow:hidden; *zoom:1; width:100%; font-size:14px; line-height:24px; position:relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space:nowrap; } .str_wrap.str_active { /* background:#f8f2e5; */ } .str_move { white-space:nowrap; position:absolute; top:0; left:0; cursor:move; } .str_move_clone { display:inline-block; *display:inline; *zoom:1; vertical-align:top; position:absolute; left:100%; top:0; } .str_vertical .str_move_clone { left:0; top:100%; } .str_down .str_move_clone { left:0; bottom:100%; } .str_vertical .str_move, .str_down .str_move { white-space:normal; width:100%; } .str_static .str_move, .no_drag .str_move, .nostop .str_move{ cursor:inherit; } .str_wrap img { max-width:none !important; } /*news*/ .newscol1{width: 24.3%;margin-left: 12.9%;height: 100vh;float: left;display: flex;display: -webkit-flex;align-items: center;} .newscol1 ul{width: 100%;} .newscol1 li{margin-bottom: 3vh;} .newscol1 li a{background-color: #fff;box-shadow: 0 0 10px rgba(90,29,32,0.2);position: relative;display: block;padding: 16px 20px;} .newscol1 li a::before{content: '';width: 12px;height: 32px;background-color: #cb2a30;position: absolute;left:-12px;top: 20px;} .newscol1 li a h3{line-height: 24px;height: 48px;padding-top: 0;margin-bottom: 5px;} .newscol2{margin-left:43.7%;height: 100vh;display: flex;display: -webkit-flex;align-items: center;padding-right: 16.7%;position: relative;} .slick-imgs{position: relative;} .newscontainer{position: relative;width: 100%;} .newscol2::before{content: '';width: calc(100% - 120px);position: absolute;right: 0;top: 0;height: 100%;background-color: #cb2a30;} /* .newscol2 .gp-img-responsive{padding-bottom: 62%;} */ .slick-date{margin-top: 20px;position: relative;float: left;width: 98px;color: #fdb840;font-family: 'jdicomoonfree';padding-top: 10px;} .slick-date::before{content: '';width: 19px;height: 3px;background-color: #fdb840;position: absolute;left: 0;top: 0;} .slick-txt h3{margin-left: 136px;color: #f4d6d7;line-height: 26px;height: 52px;overflow: hidden;max-height:none;padding-top: 15px;} .newscol2 .slick-slide:first-child{display: block;} .slick-imgs .slick-arrow{width: 68px;height: 68px;border: 1px solid rgba(255,255,255,0.2);border-radius: 50%;line-height: 68px;text-align: center;font-size: 30px;left: auto;right: -96px;transform: none;background-color: rgba(0,0,0,0.2);transition: all 0.35s ease-out;} .slick-txt{padding-bottom: 15px;} .slick-imgs .slick-prev{top: 0;} .slick-imgs .slick-next{top: 98px;} .slick-imgs .slick-arrow:hover{background-color: #fff;color: #cb2a30;} .readmore{position: absolute;right: -94px;bottom: 0;width: 70px;height: 70px;line-height: 70px;text-align: center;color: #cb2a30;background-color: #fff;border-radius: 50%;transition: all 0.35s ease-out;} .readmore a{display: block;color:#cb2a30;} .readmore:hover{opacity: 0.85;} /*发展成就*/ .section_third{background-image: url(/uploads/image/images2020100/s3_bg.jpg);} .s_title2{width: 120px;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,0.1);box-sizing: border-box;} .s_title2 a{display: block;margin: 0 auto;width: 43px;position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;} .s_title2 img:first-child{margin-bottom: 20px;} .slick-list2{width: calc(100% - 245px);height: 100%;margin-left: 120px;} .item-info2{display: block;} /* .slick-list2 .gp-img-responsive{padding-bottom: 62%;} */ .slick-txt2{padding: 30px;} .slick-txt2 h3{margin-bottom: 24px;height: 72px;max-height: none;} .slick-list2 .slick-slide{height: 100vh;} .slick-list2 .slick-slide > a{display: flex;display: -webkit-flex;flex-direction:column;box-sizing: border-box;align-self: center;transform: translatey(20%);} .item-img2{width: 100%;} .item-img2 img{width: 100%;} .slick-list2 .slick-slide:nth-child(2n){background-color: rgba(0,0,0,0.1);} /* .slick-list2 .slick-slide:nth-child(2n) > a{flex-direction: column-reverse;} */ .slick-txt2 p{line-height: 22px;height: 88px;overflow: hidden;margin-bottom: 20px;font-size: 12px;} .list-date{display: block;color: #ffb026;font-family: 'jdicomoonfree';} .slick-list2 .slick-slide:nth-child(2n) .item-img2{order: 1;} .slick-list2 .slick-slide:nth-child(2n) .slick-txt2{order: 0;padding-top: 15vh;} .readmore2{background-color: #cb2a30;right: auto;left: 55%;bottom:4vh ;z-index: 500;} .readmore2 a{color: #fff;} .section_third .slick-btns{display: none;} .section_third .slick-btns span{margin: 0 25px;transform-origin:100% 20px} /*历次党代会*/ .s4_lf{width: 25%;float: left;height: 100vh;background: url(/uploads/image/images2020100/s3_bg2.jpg) no-repeat right bottom #cb2a30;} .s_title4{background-image: url(/uploads/image/images2020100/s4_bg.jpg);background-size: cover;background-position: center;display: flex;display: -webkit-flex;justify-content: center;align-items: center;height: calc(100% - (400/300));} .s_title4 a{display: inline-block;} .s_title4 img{display: block;} .s_title4 img:first-child{margin-bottom: 15px;} .s4_con{padding: 25px 40px;line-height: 30px;max-height: 180px;overflow: hidden;margin-top: 15%;} .s4_con a{margin: 0 auto;display: block;max-width: 240px;} .slick-list3{margin-left: 25%;padding-right: 125px;} .slick-img3{background-size: cover;background-position: center;background-repeat: no-repeat;background-color: #d13820;height: 0;padding-bottom: 112.5%;overflow: hidden;} .slick-txt3{} .imgstwo .slick-img3 span{padding-bottom:56.25%;display: block;background-size: cover;background-position: center;background-repeat: no-repeat;} .imgstwo .slick-img3 span:last-child{mix-blend-mode: screen;} .slick-txt3 h3{font-weight: normal;padding: 27px 0 20px;position: relative;padding-left: 30px;} .slick-txt3 h3::before{content: '';width: 100%;height: 1px;background-color: #fdb840;position: absolute;left: 0;bottom: 0;} .slick-txt3 h3::after{content: '';width: 6px;height: 6px;background-color: #fdb840;position: absolute;left: 0;bottom: -2px;} /* .slick-txt3 h3 strong{font-size: 30px;color: #d13820;font-family: 'jdicomoonfree';} .slick-txt3 h3 span{color: #666;margin-left: 8px;} */ .slick-txt3 h3 strong{font-size: 18px;color: #d13820;/* font-family: 'jdicomoonfree'; */display: block;margin-bottom: 10px;} .slick-txt3 h3 span{color: #666;/* margin-left: 8px; */} .slick-txt3 p{line-height: 24px;max-height: 264px;overflow: hidden;color: #999;padding: 22px 50px 0 30px;text-align: justify;} .slick-list3 .slick-slide > a{position: relative;z-index: 20;} .slick-list3 .slick-slide:first-child h3::before{width: calc(100% - 30px);left: 30px;} .slick-list3 .slick-slide:first-child h3::after{left: 30px;} .slick-list3 .slick-slide{height: 100vh;position: relative;} .slick-list3 .slick-slide::before{background: url(/uploads/image/images2020100/li_bg2.png) no-repeat bottom 20px center #faebe8;background-size: 80% auto;content: '';position: absolute;left: 0;bottom: 0;width: 100%;z-index: 0;height: 100%;transform: translatey(40px);opacity: 0;transition: all 0.4s ease-out;} .slick-list3 .slick-slide:hover:before{transform: none;opacity: 1;} .slick-btns{width: 327px;position: absolute;left: 50%;transform: translatex(-50%);bottom:4vh;display: flex;display: -webkit-flex;justify-content: space-between;height: 68px;z-index: 60;} .slick-btns span{display: inline-block;width: 68px;height: 68px;line-height: 68px;text-align: center;background-color: rgba(0,0,0,0.2);border-radius: 50%;position: static;font-size: 28px;transform: none;transition: all 0.4s ease-out;} .slick-btns span:hover{background-color: #cb2a30;} .slick-slide:focus{outline:none;} /*党员风采*/ .section_fifth::before{width: 25%;height: 100%;position: absolute;right: 0;top: 0;background-color: #ce964e;content: '';z-index: 5;} .s5_head{padding: 48px 0;overflow: hidden;position: relative;z-index: 600;} .s_title5{float: left;} .s_title5 img{display: inline-block;vertical-align: middle;} .s_title5 img:first-child{margin-right: 10px;} .s_p5{margin-left: 395px;overflow: hidden;color: #999891;line-height: 24px;max-width: 620px;width: 80%;} .s5_con{height: calc(100% - 144px);background: url(/uploads/image/images2020100/cloud2.jpg) no-repeat left center #c0bfba;background-size: contain;background-repeat: no-repeat;margin-right: 15.27%;display: flex;display: -webkit-flex;padding-left: 100px;align-items: center;} .slick-imgs5{width: 100%;} .item-img5{padding: 10px;background-color: #fff;} /* .item-img5 .gp-img-responsive{padding-bottom: 62.5%;} */ .item-txt5{position: relative;padding:15px 15px 30px 15px;} .item-txt5::before{content: '';width: 10px;height: 60px;background-color: #cb2a30;position: absolute;left: -10px;top:20px;} .item-txt5 h3{margin-bottom: 15px;} .item-txt5 p{color: #999;line-height: 24px;height: 96px;overflow: hidden;} .slick-imgs5 .slick-slide1 > a{display: block;margin: 0 20px;background-color: #fff;padding: 10px;} /* .slick-imgs5 .gp-img-responsive{padding-bottom: 62.5%;} */ /*媒体声音*/ .section_sixth::before{content: '';width: 34%;height: 100%;position: absolute;left: 0;top: 0;background: url(/uploads/image/images2020100/s6_bg.jpg) no-repeat center #cb2a30;background-size: cover;z-index: 0;} .section_sixth::after{content: '';width: 66%;height: 100%;position: absolute;right: 0;top: 0;background: no-repeat center;background-size: cover;z-index: 0;} .s_title6{position: absolute;padding: 48px 0;box-sizing: border-box;top: -30px;transform: translatey(-100%);left: 163px;z-index: 20;} .s_title6 img{display: inline-block;vertical-align: middle;} .s_title6 img:first-child{margin-right: 10px;} .s6_con{display: flex;display: -webkit-flex;align-items: center;position: relative;z-index: 20;justify-content: space-between;} /* .s7_con{flex-direction: column;} */ .pku-list1{background:url(/uploads/image/images2020100/cloud3.jpg) no-repeat right bottom #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);padding: 30px 40px 15px;overflow: hidden;width: 48%;box-sizing: border-box;} .pku-list1 h3{margin-bottom: 12px;transition: all 0.35s ease-out;} .list-label1{margin-top: 12px;padding-left: 14px;color: #cb2a30;position: relative;line-height: 1;} .list-label1::before{content: '';width: 45px;height: 1px;background-color: #ccc;position: absolute;left: -40px;top: 10px;} .list-label1::after{content: '';width: 1px;height: 12px;background-color: #ccc;position: absolute;left: 5px;top: 4px;} .pku-list1 li{margin-bottom: 25px;} /*理论学习*/ .section_seventh{background: no-repeat center;background-size: cover;} .section_seventh .fp-tablecell{position: relative;} .pku-list2 {width:45%;} .pku-list2 li{margin-bottom: 15px;} .pku-list2 li > a{display: block;background-color: #f7f4ee;height: 60px;line-height: 60px;box-shadow: 0 0 10px rgba(0,0,0,0.15);padding: 0 25px;position: relative;margin-right: 5%;} .pku-list2 li > a::before{content: '';width: 8px;height: 8px;background-color: #cb2a30;position: absolute;left: -4px;top: 50%;margin-top: -4px;} .pku-list2 li h3{height: 60px;line-height: 60px;padding-top: 0;} .pku-list2 li span{color: #999;} /* .pku-list2 li:nth-child(2n) > a{margin-right: 0;margin-left: 5%;} */ .s7_wrap{position: relative;} .s7_wrap .s_title6 {left: 0;} /*光辉历程*/ .s_title7{background-color: #cb2a30;} .slick-col4{width: calc(100% - 245px);margin-left: 120px;height:80%;max-height: 650px;} .slick-col4 .slick-list,.slick-col4 .slick-track{height: 100%;} .slick-col4 .item-info4 {padding: 0 20px;border-right: 1px solid #d9d9d9;display: block;height: 100%;display: flex;display: -webkit-flex;flex-direction: column;} /* .item-info4 .gp-img-responsive{padding-bottom: 75%;} */ .item-info4 h3{padding-top: 18px;height: 48px;margin-bottom: 10px;} .item-info4 p{color: #666;line-height: 22px;height: 132px;margin-bottom: 15px;overflow: hidden;} .list-date4{margin-top: auto;display: flex;display: -webkit-flex;justify-content: space-between;} .list-date4 strong,.list-date4 span{font-family:'jdicomoonfree' ;color: #666;font-weight: normal;} .noborder .item-info4{border: none !important;} /*读者留言*/ .section_ninth{background: url(/uploads/image/images2020100/s9_bg1.jpg) no-repeat center;background-size: cover;} .s_title8{left: 0;} .pku-col5{width: calc(100% - 245px);margin-left: 120px;} .s9_lf{height: 100%;background-color: #fff;width: 41.67%;box-sizing: border-box;padding:0 50px 0 30px;position: relative;display: flex;align-items: center;display: -webkit-flex;display: -ms-flexbox;} .item-info5{padding-bottom: 10px;padding-top: 35px;position: relative;padding-left: 35px;display: block;border-bottom: 1px solid #ebebeb;overflow: hidden;transition: all 0.35s ease-out;} .item-info5 i{font-size:30px;position: absolute;left: 0;top: 35px;color: #62887f;} .item-info5 span{width: 54px;height: 54px;border: 3px solid #eee;float: left;line-height: 54px;text-align: center;background-color: #62887f;color: #fff;border-radius: 50%;font-size: 24px;margin-left: 20px;font-family: 'sf';} .item-txt8{margin-left: 110px;} .item-txt8 h3{font-weight: normal;color: #62887f;margin-bottom: 10px;padding-top: 10px;} .item-txt8 p{color: #666;line-height: 22px;height: 84px;overflow: hidden;} .item-li2 i{color: #ce964e;} .item-li2 span{background-color: #ce964e;} .item-li2 h3{color: #ce964e;} .item-li3 i{color: #b83d30;} .item-li3 span{background-color: #b83d30;} .item-li3 h3{color: #b83d30;} .item-li4 i{color: #c0c18e;} .item-li4 span{background-color: #c0c18e;} .item-li4 h3{color: #c0c18e;} .slick-col5{/* height: calc(100vh - 160px); */} .slick-col5 .slick-list {} .section_ninth .slick-btns{right: -144px;top: 50%;transform: translatey(-50%);width: 68px;flex-direction: column;height: auto;justify-content: center;bottom: auto;left: auto;transition: right 0.4s ease-out; } .section_ninth .slick-arrow{display: block;margin: 24px 0;} .s9_rt{width:50%;line-height: 1.5;display: flex;display: -webkit-flex;flex-direction: column;align-items: center;height: 80%;box-sizing: border-box;} .footer{margin-top: auto;} .s9_rt p{margin-bottom: 10px;margin-top: auto;opacity: 0.7;} .pl120{padding-left: 120px;} .ml120{margin-left: 120px;} .pr175{padding-right: 175px;} .s9_col{position: relative;width: 100%;} .slick-col5 .slick-dots{width: 6px;left: auto;right: -50px;bottom: 50%;transform: translatey(50%);} .mobile_menu{display: none;} .mobile_menu.on{right: 0;} .s_title9 .gen1{display: block;padding-bottom: 10px;border-bottom: 1px solid #e4ded3;margin-bottom: 16px;padding-left: 20px;} .s_title9 > a{display: block;padding-left: 20px;} .sl_title1{width: 38px;border: 1px solid #cb2a30;position: absolute;left: -40px;top: 36px;} .sl_title1 a{display: block;padding: 10px;font-size: 16px;color: #cb2a30;line-height: 1.1;} .s10_lf{width: 46.4% ;} .s10img .gp-img-responsive{padding-bottom: 56.25%;box-shadow: 0 0 10px rgba(0,0,0,0.15);} .s10txt{margin-right: 40px;background-color: #f7f4ee;padding: 20px 15px;position: relative;margin-top: -20px;box-shadow: 0 0 10px rgba(0,0,0,0.15);} .s10txt h3{font-weight: normal;white-space: nowrap;overflow: hidden;line-height: 24px;margin-bottom: 14px;white-space: nowrap;text-overflow: ellipsis;} .s10txt p{color: #cb2a30;} .s10_rt{width: 46.4%;} .s10_rt li{position: relative;height: 60px;margin-bottom: 15px;} .s10_rt li a{height: 60px;line-height: 60px;overflow: hidden;background-color: #f7f4ee;padding: 0 25px;box-shadow:0 0 10px rgba(0,0,0,0.1);margin-right: 5%;position: relative;display: block;text-overflow: ellipsis;white-space: nowrap;} .s10_rt li span{float: right;font-family: 'jdicomoonfree';margin-left: 5px;} .s10_rt li:last-child{margin-bottom: 0;} .s10_rt li::before{content: '';width: 0;height: 0;border-top: 8px solid transparent;border-left: 8px solid #cb2a30;left: -2px;top: 50%;margin-top: -8px;position: absolute;border-bottom: 8px solid transparent;z-index: 20;} .indexnav .ts_title i{float: left;line-height: 1;padding-top: 4px;} .indexnav .ts_title {padding-top: 8px;} .indexnav .ts_title > div{display: inline-block;vertical-align: middle;} .indexnav .ts_title span{line-height: 1.2;display: block;margin-left: 20px;max-width: 75px;} .section_ten::before{width: 25%;height: 100%;position: absolute;right: 0;top: 0;background-color: #ce964e;content: '';z-index: 5;} @media only screen and (min-width:1020px){ .pku-list2 li > a,.slick-col4 .item-info4,.s10_rt li{transition: all 0.35s ease-out;} .item-info5:hover{transform: translatex(10px);} .pku-list1 h3:hover{transform: translatex(10px);} .pku-list2 li > a:hover{background-color: #cb2a30;color: #fff;transform: translatex(10px);} .pku-list2 li > a:hover span{color: #fff;} .slick-col4 .item-info4:hover{transform: translatey(-10px);} .s10_rt li:hover{transform: translatex(-10px);} } @media only screen and (max-height:800px){ .item-info5{padding-top: 15px;} .slick-txt3 p{max-height: 192px;} } @media only screen and (max-height:700px){ .s_title6{padding-top: 25px;padding-bottom: 25px;} .sl_title1{top: 0;} .s_title6 img{height: 34px;} .s_title6 img:first-child{height: 32px;} .section_eighth .fp-tablecell{vertical-align: top;} .slick-col4{padding-top: 4%;} .slick-txt3 p{padding: 22px 25px 0 25px;height: 168px;} .newscol1 li{margin-bottom: 1.5vh;} .newscol1 li a h3{margin-bottom: 0;} .slick-list2 .slick-slide > a{transform: translatey(10%);} .arrow_container{bottom: 1.5vh;} .slick-btns{bottom: 2vh;} } @media only screen and (max-height:620px){ .pku-list2 li > a,.pku-list2 li h3{height: 45px;line-height: 45px;} .pku-list1 li{margin-bottom: 10px;} .s4_con{margin-top: 0;} .pku-list1{padding: 20px;} .pku-list1 h3{margin-bottom: 8px;} .slick-list2 .slick-slide:nth-child(2n) .slick-txt2{padding-top: 6vh;} .s_title6{top: -10px;} } @media only screen and (max-height:600px){ /* .fp-tablecell{vertical-align: top;} */ /* .s_title6{position: static;transform: none;} */ } @media only screen and (max-height:560px){ .newscol1 li:last-child{display: none;} } @media only screen and (min-width:1920px){ } @media screen and (max-width:1920px){ } @media screen and (max-width:1600px){ .item-txt8 p{height: 105px;} } @media only screen and (max-width:1460px){ .s9_rt{width: 40%;} .s_p5{width: 40%;} .section_forth .s_title6{top: -5px;} .item-txt8 p{height: 128px;} } @media screen and (max-width:1300px){ .arrow_container,.slick-btns span,.readmore2,.slick-imgs .slick-arrow,.readmore{transform: scale(0.6);} .slick-btns{transform-origin: 0 0;width: 260px;} .section_ninth .slick-btns{right: -125px;} .pl120{padding-left: 100px;} .slick-imgs .slick-arrow,.readmore{right: -70px;} .s9_lf{width: 45%;} .s_title6{left: 140px;} .sl_title1 a{padding: 5px 10px;} } @media screen and (max-width:1240px){ .section_forth .s_title6{top: 25px;} } @media screen and (max-width:1200px){ .s_p5{width: 30%;} } @media screen and (max-width:1024px){ .indexnav {display: none;} /* .mobile_menu{display: block;background-color: #fff;width: 20px;font-size: 14px;line-height: 1.2;position: absolute;left: -20px;top: 50%;text-align: center;padding: 10px 0 5px;color: #666;box-shadow: 0 0 5px rgba(0,0,0,0.15);} .indexnav::before{left: 0;} .mobile_menu span{display: block;} */ #fp-nav{display: none;} .slick-list3{padding-right: 0;} .s4_lf{width: 100%;height: auto;float: none;} .s_title4{height: 100px !important;background: #cb2a30;justify-content: flex-start;padding-left: 15px;} .s_title4 img,.s_title6 img{display: inline-block;max-height: 30px;margin: 0 5px 0 0;vertical-align: middle;} .s_title4 img:first-child{margin-bottom: 0;} .s4_con{display: none;} .s4_con a{margin: 0;max-width: none;} .slick-list2{width: calc(100% - 100px);margin-left: 100px;} .fp-tablecell,.section{height: auto !important;display: block;} .section_first{height: 0;padding-bottom: 49%;} .s_title5{float: none;} .s_p5{margin:10px 0 0;} .pl120{padding-left:20px;} .s_title5 img{max-height: 30px;} .s5_con{padding-left: 0;margin-right: 0;padding: 25px 10px;} .arrow_container{display: none;} .pr175{padding-right: 15px;} .readmore2{position: relative;margin: 0 auto;left: auto;right: auto;} .s7_wrap{padding-bottom: 25px;} .slick-col4{padding-top: 25px;padding-bottom: 25px;} .slick-col4{width: calc(100% - 100px);margin-left: 100px;} .s_title2 img,.s_title img{max-width: 32px;} .s_title2 img:last-child{max-width: 28px;} .section_third .s_title2{width: 100px;background: none;} .ml120{margin-left: 100px;} .s9_lf{margin-left: 0;margin-top: 25px;} .s_title6{position: relative;transform: none;left: 50px;top: 0;margin-top: 25px;margin-bottom: 20px;} .footer{padding: 25px 0;} .section_ninth .slick-btns{position: static;width: 100%;text-align: center;flex-direction: row;transform:none;} .section_ninth .slick-arrow{display: inline-block;margin: 10px 0;} .newscol1{display: block;width:auto;float: none;padding: 30px 40px 30px 0;box-sizing: border-box;height: auto;} .newscol2{margin-left: 120px;} .slick-imgs .slick-arrow{right: -75px;} .newscol2{padding-right: 65px;height: auto;padding-top: 25px;padding-bottom: 25px;margin-left: 0;padding-left: 100px;} .slick-list3 .slick-slide{height: auto;} .slick-list3{margin-left: 0;} .slick-list2 .slick-slide{height: auto;} .slick-list2 .slick-slide > a{transform: none;padding-top: 20px;padding-bottom: 80px;} .section_third .readmore{position: absolute;right: auto;left: 50%;bottom: 5px;transform: translatex(-50%) scale(0.6);} .s_title7{width: 100px;} .s9_rt{width: 100%;float: none;} .s9_col{overflow: hidden;padding: 0 20px;} .slick-col5 .slick-dots{display: none;} .slick-col4{padding-bottom: 10px;} .slick-btns{bottom: 10px;} .section_seventh {padding-bottom: 10px;} .slick-btns{position: static;transform: none;margin: 0 auto;justify-content: center;} .section_sixth::before{width: 70%;} .section_sixth::after{width: 30%;} .section_third .slick-btns{display: block;} .section_second .s_title{top: 10%;transform: none;} .s7_con {align-items: flex-start;padding-bottom: 15px;} .newscol1 li a h3{height: auto;} .newscol1 li a::before{display: none;} .section_third {padding-top: 25px;} .section_fifth::before{display: none;} .s5_head {border-top: 2px solid #f2f2f2;padding:30px 20px;} .s_p5{max-width: none;width: auto;height: auto;} .slick-imgs5 .slick-slide1 > a{margin: 0 8px;} .newscol2{min-height: auto;} .pku-list2{width: 100%;float: none;clear: both;} .pku-list2:first-child{padding-bottom: 0;} .s7_con {flex-direction: column;} .s10_lf{width: 100%;float: none;margin-bottom: 15px;} .s10_rt{width: 100%;float: none;} .s10_rt li a{margin-right: 0;} .section_forth .s_title6{top: 0;} } @media screen and (max-width: 767px) { .s6_con{flex-direction: column;} .pku-list1{width: 100%;margin-bottom: 15px;} .pku-list2 li:nth-child(2n) > a{margin-left: 0;} .pku-list2 li > a{margin-right: 0;} .slick-imgs .slick-arrow{right: -65px;} .s9_lf{ padding: 0;} .item-info5 span{margin-left: 0;} .item-txt8{margin-left: 70px;} .item-info5 i{top: 15px;} .newscol1{padding-right: 20px;margin-left: 70px;} } @media screen and (max-width: 640px) { .section_third .s_title2,.s_title7{width: 70px;} .slick-list2,.slick-col4{margin-left: 70px;width: calc(100% - 70px);} .section_third .s_title2{background: rgba(0,0,0,0.1);} .newscol2{padding-left: 70px;} .gen1{display: block;padding: 10px 0 0;margin-left: 0 !important;font-size: 14px;} } @media screen and (max-width: 600px) { .newscol2{min-height: 324px;} .slick-date{float: none;display: block;} .slick-txt h3{margin-left: 0;color: #fdb840;} } @media screen and (max-width: 480px) { .slick-list2 .slick-slide:nth-child(2n) .slick-txt2{padding-top: 20px;} .slick-txt2{padding: 30px;} .slick-txt2 h3{height: auto;} .slick-txt2 p{height: auto;max-height: 66px;} .slick-list2 .slick-slide:nth-child(2n){background: none;} .slick-list2 .slick-slide:nth-child(2n) .item-img2{order: 0;} .item-img2{box-sizing: border-box;padding-right: 15px;padding-left: 15px;} .item-txt8 p{height: 152px;} } @media screen and (max-width: 400px) { .s_title6 img{max-height: 28px;} }