#fp-nav ul li, .fp-slidesNav ul li { width: 14px; height: 14px; } #fp-nav ul li a span, .fp-slidesNav ul li a span { background: #006ada; } .left-nav { position: fixed; top: 100%; left: 0; width: 80px; height: 100%; z-index: 12; -webkit-transition: all 0.8s; -o-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; } .left-nav .left-nav-con { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .left-nav.fixed { top: 0; } .left-nav .nav-goTop { width: 100%; text-align: center; } .left-nav .nav-goTop p { position: relative; } .left-nav .nav-goTop p i.redLine { display: block; width: 10px; height: 0; background: #006ada; position: absolute; top: 0; left: 50%; margin-left: -5px; z-index: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .left-nav .nav-goTop p i.whiteLine { display: block; width: 1px; height: 120px; background: #fff; margin: 0 auto; opacity: 0.8; } .left-nav .nav-goTop p span { display: block; width: 20px; text-align: center; font-size: 14px; color: #fff; word-wrap: break-word; margin: 10px auto; } .left-nav .nav-goTop p span a { display: inline-block; font-size: 14px; color: #fff; } .left-nav .nav-sy { width: 100%; position: relative; text-align: center; padding: 20px 0; cursor: pointer; } .left-nav .nav-sy:hover .sy-slideCon-wrap { width: 300px; } .left-nav .nav-sy > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_sy.png) no-repeat center; } .left-nav .nav-zjrd { width: 100%; position: relative; text-align: center; padding: 20px 0; } .left-nav .nav-zjrd > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_zjrd.png) no-repeat center; } .left-nav .nav-djjj { width: 100%; position: relative; text-align: center; padding: 20px 0; } .left-nav .nav-djjj > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_djjj.png) no-repeat center; } .left-nav .nav-zyyw { width: 100%; position: relative; text-align: center; padding: 20px 0; } .left-nav .nav-zyyw > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_zyyw.png) no-repeat center; } .left-nav .nav-xwzx { width: 100%; position: relative; text-align: center; padding: 20px 0; } .left-nav .nav-xwzx > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_xwzx.png) no-repeat center; } .left-nav .nav-rcdw { width: 100%; position: relative; text-align: center; padding: 20px 0; } .left-nav .nav-rcdw > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_rcdw.png) no-repeat center; } .left-nav .nav-xxgk { width: 100%; position: relative; text-align: center; padding: 20px 0; } .left-nav .nav-xxgk > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_xxgk.png) no-repeat center; background-size: 26px; } .left-nav .nav-swhz { width: 100%; position: relative; text-align: center; padding: 20px 0; } .left-nav .nav-swhz > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_swhz.png) no-repeat center; } #fullpage .section { position: relative; background: #fff; margin-left: 80px; overflow: hidden; } #fullpage .section .s2-con, #fullpage .section .s3-con, #fullpage .section .s4-con { padding-top: 4%; } #fullpage .section#section0 { margin-left: inherit; } #fullpage .section#section1 { overflow: inherit; background: #f5f5f5; } #fullpage .section#section5 { -moz-background-size: 1920px; background-size: 1920px; } #fullpage .section#section6 { margin-left: inherit; -moz-background-size: 1920px; background-size: 1920px; } #fullpage .section#section6 .index-page-tit { margin-left: 40px; } #fullpage .section#lastPage { margin-left: inherit; } #fullpage .section .slideDown-ts { position: absolute; left: 35px; bottom: 20%; z-index: 6; text-align: center; } #fullpage .section .slideDown-ts span { display: block; width: 20px; text-align: center; font-size: 14px; color: #fff; word-wrap: break-word; } #fullpage .section .slideDown-ts i.line { display: inline-block; width: 2px; height: 30px; background: #fff; margin: 10px 0; } #fullpage .section .slideDown-ts i.mouse { display: block; width: 22px; height: 40px; background: url("../images/index-mouse.png") no-repeat center; -webkit-animation: mouse 2s infinite; -moz-animation: mouse 2s infinite; -o-animation: mouse 2s infinite; animation: mouse 2s infinite; position: relative; } @-webkit-keyframes mouse { 0% { top: 10px; } 50% { top: 0; } 100% { top: 10px; } } @-moz-keyframes mouse { 0% { top: 10px; } 50% { top: 0; } 100% { top: 10px; } } @-o-keyframes mouse { 0% { top: 10px; } 50% { top: 0; } 100% { top: 10px; } } @keyframes mouse { 0% { top: 10px; } 50% { top: 0; } 100% { top: 10px; } } #fullpage .section .index-banner { width: 100%; height: 100%; position: relative; } #fullpage .section .index-banner a.arrow-left { width: 23px; height: 41px; background: url("../images/index-btn-l.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; position: absolute; top: 50%; left: 5%; opacity: 0.4; z-index: 2; } #fullpage .section .index-banner a.arrow-right { width: 23px; height: 41px; background: url("../images/right_r.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; position: absolute; top: 50%; right: 5%; opacity: 0.4; z-index: 2; } #fullpage .section .index-banner .swiper-container { height: 100% !important; } #fullpage .section .index-banner .swiper-container .swiper-wrapper { height: 100% !important; } #fullpage .section .index-banner .swiper-slide { height: 100% !important; position: relative; overflow: hidden; } #fullpage .section .index-banner .swiper-slide.swiper-slide-active .dw-cont .banner-txt { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage .section .index-banner .swiper-slide .dw-cont { position: absolute; left: 0; top: 0; width: 100%; } #fullpage .section .index-banner .swiper-slide .dw-cont img { display: block; max-width: inherit; } #fullpage .section .index-banner .swiper-slide .dw-cont .banner-txt { position: absolute; bottom: 5%; right: 0; width: 100%; height: 100%; text-align: center; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage .section .index-banner .swiper-slide .dw-cont .banner-txt h1 { font-size: 48px; color: #fff; letter-spacing: 10px; font-weight: normal; margin-left: 15%; } #fullpage .section .index-banner .swiper-slide .dw-cont .banner-txt p { font-size: 14px; color: #fff; letter-spacing: 4px; margin-top: 15px; width: 15px; height: auto; right: 3%; position: absolute; bottom: 20%; } #fullpage .section .index-banner .swiper-slide .dw-cont .banner-txt p a { font-size: 14px; color: #fff; letter-spacing: 4px; height: auto; display: block; } #fullpage .section .index-banner .swiper-slide .dw-cont .banner-txt p i { display: block; background: url("../images/rd_xj.png") no-repeat bottom; width: 27px; height: 12px; } #fullpage .section .index-banner .swiper-slide .dw-cont .banner-txt p.color-h { color: #666; } #fullpage .section .index-banner .swiper-pagination, #fullpage .section .index-banner .pagination { position: absolute; right: 140px; bottom: 200px; z-index: 2; } #fullpage .section .index-banner .swiper-pagination span, #fullpage .section .index-banner .pagination span { display: inline-block; font-size: 16px; color: #fff; width: inherit; height: inherit; background: none; opacity: 1; margin: 0 40px; cursor: pointer; } #fullpage .section .index-banner .swiper-pagination span.swiper-pagination-bullet-active, #fullpage .section .index-banner .swiper-pagination span.swiper-active-switch, #fullpage .section .index-banner .pagination span.swiper-pagination-bullet-active, #fullpage .section .index-banner .pagination span.swiper-active-switch { color: #006ada; } #fullpage .section .index-banner .swiper-button-next { display: none; width: 23px; height: 41px; background: url("../images/right_r.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; right: 5%; opacity: 0.4; } #fullpage .section .index-banner .swiper-button-next:hover { opacity: 1; } #fullpage .section .index-banner .swiper-button-prev { display: none; width: 23px; height: 41px; background: url("../images/left_l.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; left: 5%; opacity: 0.4; } #fullpage .section .index-banner .swiper-button-prev:hover { opacity: 1; } #fullpage #section1.active .headerCon { top: 0; } #fullpage .headerCon { position: relative; top: -110px; z-index: 9; background: #fff; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage .section-container { max-width: 1330px; margin: 0 auto; } #fullpage h2.index-tit { font-size: 24px; color: #333; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; position: relative; } #fullpage h2.index-tit a { float: right; display: inline-block; width: 25px; height: 30px; /* background: url(" icon-more.png") no-repeat right 6px;*/ } #fullpage h2.index-tit span { display: block; width: 0; height: 3px; background: #d6001d; position: absolute; left: 0; bottom: 0; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } #fullpage #section1.active .s1-con-l .newsImg { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section1.active .s1-con-l .focus-News { -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section1.active .s1-con-r { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage .section-con.s1-con { margin-top: 20px; } #fullpage .section-con.s1-con .section-container { /* border-bottom: 1px solid #e5e5e5; */ } #fullpage .section-con .indexNews { width: 100%; z-index: 0; position: relative; } #fullpage .section-con .s1-con-l { float: left; /* width: 54%; */ position: absolute; left: 0px; z-index: 999; top: 60px; /* padding-right: 6%; */ /* border-right: 1px solid #e5e5e5; */ } .s1-con-l { } #fullpage .section-con .s1-con-l .newsImg { width: 609px; height: 345px; position: relative; } /*轮播图*/ .newsImg .unslider-arrow.prev { background: url(../images/left_l.png) no-repeat center; } .newsImg .unslider-arrow.next { background: url(../images/right_r.png) no-repeat center; } /*basic*/ .unslider { margin: 0; padding: 0; position: relative; width: 100%; height: 345px; } .unslider-wrap { position: relative } .unslider-wrap.unslider-carousel > li { float: left; position: relative; height: 345px; } .unslider-wrap.unslider-carousel li a { display: block; width: 609px; height: 345px; } .unslider-wrap.unslider-carousel li a img { display: block; width: 100%; height: 100%; } .unslider-wrap.unslider-carousel li p { width: 100%; height: 35px; background: url(../images/txt_bg.png) repeat-x; position: absolute; bottom: 0px; left: 0px; } .unslider-wrap.unslider-carousel li p a { width: 100%; height: 35px; line-height: 35px; color: #fff; text-indent: 1rem; } .unslider-vertical > ul { height: 100% } .unslider-vertical li { float: none; width: 100% } .unslider-fade { position: relative; z-index: 999999; } .unslider-fade.unslider-wrap li { position: absolute; left: 0; top: 0; right: 0; z-index: 8 } .unslider-fade .unslider-wrap li.unslider-active { z-index: 10 } .unslider li, .unslider ol, .unslider ul { list-style: none; margin: 0; padding: 0; border: none; height: 345px; } .unslider-arrow { position: absolute; left: 5px; z-index: 2; cursor: pointer; letter-spacing: -999px; width: 50px; height: 60px; top: 39%; } .unslider-arrow.next { left: auto; right: 5px; /* top: 28%; *//* letter-spacing: -999px; *//* width: 50px; *//* height: 60px; */ } .silde-disp-1 { position: absolute; bottom: 10px; left: 0px; width: 100%; } .unslider-nav { display: none; } #fullpage .section-con .s1-con-l .focus-News { margin-top: 40px; padding-bottom: 30px; } #fullpage .section-con .s1-con-l .focus-News:hover h2.index-tit span { width: 100%; } #fullpage .section-con .s1-con-l .focus-News ul { height: 220px; overflow: hidden; margin-top: 10px; } #fullpage .section-con .s1-con-l .focus-News ul li { padding: 10px 0; } #fullpage .section-con .s1-con-l .focus-News ul li a { display: block; font-size: 18px; color: #333; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #fullpage .section-con .s1-con-l .focus-News ul li a:hover { color: #d6001d; } #fullpage .section-con .s1-con-r { float: left; width: 58%; /* padding-left: 5%; */ margin-left: -1px; background: #fff; padding: 20px 20px 20px 90px; margin-left: -58px; z-index: -1; position: absolute; left: 600px; } .a_gdzx { padding: 5px 12px; border-radius: 25px; color: #fff; font-size: 16px; float: right; background: #006ada; margin-bottom: 20px; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; overflow: hidden; color: #fff; } .a_gdzx a:hover { display: block; color: rgba(255, 255, 255, 1); text-align: center; z-index: 9; } .a_gdzx::before, .a_gdzx::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; z-index: 1; background-color: rgba(2, 78, 194, 0.28); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(-13%, -190%) rotate(-30deg); transform: translate(-13%, -190%) rotate(-30deg); -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); z-index: 1; } .a_gdzx::after { -webkit-transition-delay: 0.2s; /* Safari */ transition-delay: 0.2s; color: #fff; } .a_gdzx:hover::before, .a_gdzx:hover::after { -webkit-transform: translate(0, 0); transform: translate(0, 0); color: #fff; } .rd_list1 li { width: 96%; padding: 1% 2%; margin: 1% 0px; } .rd_list1 li:hover { background: #F0EFEF; } .rd_list1 li p { font-size: 16px; color: #666; height: 20px; line-height: 20px; } .rd_list1 li h4 a { font-size: 24px; color: #333; height: 45px; line-height: 45px; font-weight: 900; display: block; cursor: pointer; } .rd_list1 li span { font-size: 14px; color: #333; line-height: 20px; display: block; } .rd_tab { margin-top: 5px; } .rd_tab .tab_l { width: 48%; float: left; margin-right: 4%; } .rd_tab .tab_r { width: 48%; float: left; } .rd_tab h5 { height: 40px; } .rd_tab h5 a { display: block; font-size: 20px; border-bottom: 3px solid #0055d4; color: #333; cursor: pointer; float: left; width: 40%; height: 30px; line-height: 30px; } .rd_tab h5 a.a_gd { cursor: pointer; display: block; float: right; width: 59.5%; border-bottom: 3px solid #ccc; text-align: right; } .rd_tab h5 a.a_gd img { float: right; margin-top: 10px; } .rd_list2 { margin-top: 10px; } .rd_list2 li a { font-size: 16px; color: #666; height: 30px; line-height: 30px; display: block; cursor: pointer; } .rd_list2 li a:hover { color: #000; } #section2 { background: url(../images/rddj_bg.png) no-repeat right center !important; } #fullpage #section2.active .tab_img1 { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } #fullpage #section2.active .tab_img2 { -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } #fullpage #section2.active .tab_img3 { -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } #fullpage #section2.active .tab_img4 { -webkit-animation-duration: 1.6s; -moz-animation-duration: 1.6s; -o-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } .rd_jitit { text-align: center; margin: 63px 0px; height: 40px; } .rd_jitit a { padding: 5px 25px; color: #333; background: #d5d0ba; cursor: pointer; margin: 0px 25px; display: inline-block; font-size: 20px; } .rd_jitit a.on { color: #fff; background: #a00000; } #fullpage .building { margin-top: 0px; } #fullpage .tab_img { float: left; margin: 20px 20px; cursor: pointer; width: 280px; height: 375px; position: relative; overflow: hidden; } #fullpage .tab_img:before { content: ""; width: 0; height: 100%; background: #000; padding: 14px 18px; position: absolute; top: 0; left: 50%; opacity: 0; transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s; } #fullpage .tab_img:hover:before { width: 100%; left: 0; opacity: 0.5; } #fullpage .tab_img .rd_img { width: 280px; height: 375px; display: block; } #fullpage .tab_img .rd_img img { width: 100%; height: 100%; } #fullpage .tab_img .tab_zg { width: 280px; height: 375px; position: absolute; top: 0; left: 0; /* background:url(rd_imgz.png) repeat;*/ } #fullpage .tab_img .tab_zg .rd_txt h2 { font-size: 22px; text-align: center; color: #fff; padding: 15px 0px; margin-top: 10px; text-transform: uppercase; margin: 0; opacity: 0; transition: all 0.5s ease 0s; } #fullpage .tab_img .tab_zg .rd_txt p { font-size: 16px; text-align: left; color: #fff; padding: 15px 10px; margin-top: 10px; line-height: 30px; text-transform: capitalize; opacity: 0; transition: all 0.5s ease 0s; } #fullpage .tab_img:hover .tab_zg .rd_txt h2, #fullpage .tab_img:hover .tab_zg .rd_txt p { opacity: 1; transition-delay: 0.7s; } #fullpage .tab_img .tab_zg .rd_txt .rd_txtan { border: 1px solid #fff; font-size: 16px; color: #fff; display: block; width: 100px; height: 35px; line-height: 35px; cursor: pointer; text-align: center; position: absolute; bottom: 60px; left: 50%; margin-left: -50px; opacity: 0; transform: translateY(50px); transition: all 0.5s ease 0s; } #fullpage .tab_img:hover .tab_zg .rd_txt .rd_txtan { opacity: 1; transform: translateY(0px); transition-delay: 0.5s; } .dj_an { border: 1px solid #333 !important; display: block; width: 150px; height: 35px; line-height: 35px; text-align: center; font-size: 18px; text-align: center; color: #333; margin: 45px auto; border-radius: 25px; cursor: pointer; } .dj_an:hover { background: #333 !important; color: #fff; } .s3-con .section-container { max-width: 1600px !important; } .s3-con .index-title { text-align: left !important; } .s3-con .index-title i { margin: 14px 0px !important; } #fullpage #section3.active .zyyw_div1 { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section3.active .rd_zyyw1 { -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section3.active .rd_zyyw2 { -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section3.active .rd_zyyw3 { -webkit-animation-duration: 1.6s; -moz-animation-duration: 1.6s; -o-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section3.active .rd_zyyw4 { -webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section3.active .rd_zyyw5 { -webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage .zyyw_div1 { float: left; margin: 10% 1% 3% 1%; width: 26%; } #fullpage .zyyw_div1 .txt { text-align: left; margin: 30px 0px 20px 0px; } #fullpage .zyyw_div1 .txt p { font-size: 16px; color: #333; line-height: 30px; } #fullpage .zyyw_div1 .zyyw_an { display: block; background: url(../images/rd_zyan.png) no-repeat center; width: 164px; height: 54px; line-height: 54px; text-align: center; color: #fff; cursor: pointer; } #fullpage .zyyw_div2 { float: left; margin: 3% 1% 3% 1%; width: 70%; } #fullpage .zyyw_div2 .rd_zyyw1, #fullpage .zyyw_div2 .rd_zyyw2, #fullpage .zyyw_div2 .rd_zyyw3, #fullpage .zyyw_div2 .rd_zyyw4, #fullpage .zyyw_div2 .rd_zyyw5 { float: left; width: 254px; height: 521px; position: relative; margin-right: 1.5%; overflow: hidden; } #fullpage .zyyw_div2 .rd_zyyw1 img, #fullpage .zyyw_div2 .rd_zyyw2 img, #fullpage .zyyw_div2 .rd_zyyw3 img, #fullpage .zyyw_div2 .rd_zyyw4 img, #fullpage .zyyw_div2 .rd_zyyw5 img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; transition: all 2s; } #fullpage .zyyw_div2 .rd_zyyw1:hover img, #fullpage .zyyw_div2 .rd_zyyw2:hover img, #fullpage .zyyw_div2 .rd_zyyw3:hover img, #fullpage .zyyw_div2 .rd_zyyw4:hover img, #fullpage .zyyw_div2 .rd_zyyw5:hover img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; -webkit-transform: scale(1.5, 1.5); } #fullpage .zyyw_div2 .rd_zyyw1 a, #fullpage .zyyw_div2 .rd_zyyw2 a, #fullpage .zyyw_div2 .rd_zyyw3 a, #fullpage .zyyw_div2 .rd_zyyw4 a, #fullpage .zyyw_div2 .rd_zyyw5 a { width: 100%; height: 100%; display: block; z-index: 1; background: url(../images/rd_zyywbg.png) no-repeat center; position: absolute; top: 0px; left: 0px; /*垂直方向文字*/ writing-mode: vertical-rl; /*居中文字*/ text-align: center; display: flex; flex-direction: column; justify-content: center; font-size: 28px; color: #fff; cursor: pointer; letter-spacing: 4px; } #fullpage .zyyw_div2 .rd_zyyw1 { margin-top: 8%; } #fullpage .zyyw_div2 .rd_zyyw2 { margin-top: 2%; } #fullpage .zyyw_div2 .rd_zyyw3 { margin-top: 7%; } #fullpage .zyyw_div2 .rd_zyyw4 { margin-top: 1%; } #fullpage .zyyw_div2 .rd_zyyw5 { margin-top: 3%; } .s4-con .index-title { width: 100%; } .rd_sp { background: url(../images/rd_spbg.png) no-repeat center; width: 1200px; height: 726px; background-size: 90%; } .s5-con .index-title { width: 100%; } #fullpage .videoCenter .video-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #fullpage .videoCenter .video-link .video-link-item { position: absolute; width: 100%; } #fullpage .videoCenter .video-link .video-link-item:nth-child(1) { top: -40px; z-index: 6; } #fullpage .videoCenter .video-link .video-link-item:nth-child(1) img { width: 97%; margin: 0 auto; } #fullpage .videoCenter .video-link .video-link-item:nth-child(2) { top: -70px; z-index: 4; } #fullpage .videoCenter .video-link .video-link-item:nth-child(2) img { width: 92%; margin: 0 auto; } #fullpage .videoCenter .swiper-container { height: auto !important; z-index: 8; } #fullpage .videoCenter .swiper-container .swiper-wrapper { height: auto !important; } #fullpage .videoCenter .videoCon { position: relative; height: auto !important; z-index: 8; } #fullpage .videoCenter .videoCon.swiper-slide-active { z-index: 99; } #fullpage .videoCenter .videoCon.active .video-js { opacity: 1; } #fullpage .videoCenter .videoCon.active .v-playBtn { display: none; } #fullpage .videoCenter .videoCon .videoBg { display: block; width: 100%; } #fullpage .videoCenter .videoCon video { width: 100%; height: 100%; } #fullpage .videoCenter .videoCon .video-js { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } #fullpage .videoCenter .videoCon .video-js.active { opacity: 1; } #fullpage .videoCenter .videoCon .video-js .vjs-big-play-button { display: none; top: 50%; left: 50%; width: 90px; height: 90px; background: url("../images/icon-play.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; border: none; outline: none; margin-top: -45px; margin-left: -45px; } #fullpage .videoCenter .videoCon .video-js .vjs-big-play-button span { display: none; } #fullpage .videoCenter .videoCon img { display: block; width: 100%; } #fullpage .videoCenter .videoCon .v-playBtn { display: inline-block; width: 120px; height: 120px; background: url("../images/icon-play.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; position: absolute; top: 50%; left: 50%; margin: -60px 0 0 -60px; } #fullpage .videoCenter .swiper-pagination, #fullpage .videoCenter .pagination { position: inherit; width: 100%; text-align: center; margin-top: 30px; } #fullpage .videoCenter .swiper-pagination span, #fullpage .videoCenter .pagination span { display: inline; font-size: 16px; color: #333; width: inherit; height: inherit; background: none; opacity: 1; margin: 0 40px; padding: 6px; cursor: pointer; position: relative; } #fullpage .videoCenter .swiper-pagination span.swiper-pagination-bullet-active, #fullpage .videoCenter .swiper-pagination span.swiper-active-switch, #fullpage .videoCenter .pagination span.swiper-pagination-bullet-active, #fullpage .videoCenter .pagination span.swiper-active-switch { color: #c2021a; } #fullpage .videoCenter .swiper-pagination span:last-child i, #fullpage .videoCenter .pagination span:last-child i { display: none; } #fullpage .videoCenter .swiper-pagination span i, #fullpage .videoCenter .pagination span i { display: inline-block; width: 75px; height: 2px; background: #f3f3f3; position: absolute; top: 50%; left: 30px; } #fullpage #section4.active .business-list .business-item:nth-child(1) { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section4.active .business-list .business-item:nth-child(2) { -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section4.active .business-list .business-item:nth-child(3) { -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section4.active .business-list .business-item:nth-child(4) { -webkit-animation-duration: 1.6s; -moz-animation-duration: 1.6s; -o-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage .business-list { margin-top: 80px; width: 102%; margin-left: -1%; } #fullpage .business-list .business-item { float: left; width: 23%; margin: 0 1%; position: relative; } #fullpage .business-list .business-item:hover .business-effect { background: #d9142f; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } #fullpage .business-list .business-item:hover .business-effect .e-img-l { left: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #fullpage .business-list .business-item:hover .business-effect .e-img-r { right: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #fullpage .business-list .business-item:hover .business-txt p { height: 144px; } #fullpage .business-list .business-item:hover .business-txt a { opacity: 1; } #fullpage .business-list .business-item:nth-child(even) { top: -60px; } #fullpage .business-list .business-item > img { display: block; width: 100%; } #fullpage .business-list .business-item .business-effect { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2; } #fullpage .business-list .business-item .business-effect .e-img-l { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #fullpage .business-list .business-item .business-effect .e-img-l img { display: block; width: 100%; } #fullpage .business-list .business-item .business-effect .e-img-r { position: absolute; top: 0; right: -100%; width: 100%; height: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #fullpage .business-list .business-item .business-effect .e-img-r img { display: block; width: 100%; } #fullpage .business-list .business-item .business-txt { position: absolute; top: 0; left: 0; width: 90%; height: 100%; padding: 0 5%; text-align: center; z-index: 3; } #fullpage .business-list .business-item .business-txt .business-txt-table { width: 100%; height: 100%; display: table; } #fullpage .business-list .business-item .business-txt .business-txt-table .business-txt-cell { display: table-cell; vertical-align: middle; } #fullpage .business-list .business-item .business-txt img { display: block; margin: 20% auto 0; } #fullpage .business-list .business-item .business-txt h4 { font-size: 24px; color: #fff; margin-top: 10%; } #fullpage .business-list .business-item .business-txt span { display: block; width: 50px; height: 3px; margin: 10% auto; background: #fff; } #fullpage .business-list .business-item .business-txt p { height: 0; font-size: 14px; color: #fff; line-height: 24px; padding: 0 10%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; overflow: hidden; } #fullpage .business-list .business-item .business-txt a { opacity: 0; display: block; font-size: 16px; color: #fff; width: 118px; height: 38px; line-height: 38px; border: 1px solid #fff; margin: 10% auto; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #fullpage #section5 { padding: 100px 0; background: url(../images/rd_zzjgbg.png) no-repeat bottom; } #fullpage .investment { margin-top: 80px; } #fullpage .investment ul li { float: left; width: 17.8%; text-align: center; position: relative; overflow: hidden; background: #fff; margin: 3% 1%; cursor: pointer; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; background-color: #fff; border: 1px solid #e5e5e5; height: 420px; border-radius: 5px; box-shadow: 5px 4px 25px #979797; } #fullpage .investment ul li:hover, #fullpage .investment ul li:focus, #fullpage .investment ul li:active { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; background: linear-gradient(to bottom, #6f1bce, #0254d4); padding: 4% 0px; margin-top: -1%; margin-bottom: 1%; background-position: 100% 100%; } #fullpage .investment ul li:hover p, #fullpage .investment ul li:hover h4 { color: #fff; } #fullpage .investment ul li:hover span { background: #fff; } #fullpage .investment ul li a { display: block; padding: 100px 0; } #fullpage .investment ul li p { font-size: 80px; color: #0055d4; font-weight: bold; position: relative; } #fullpage .investment ul li p strong { position: absolute; top: -20px; right: 45px; font-weight: normal; font-size: 50px; } #fullpage .investment ul li h4 { font-size: 28px; color: #333; } #fullpage .investment ul li span { display: block; width: 50px; height: 3px; background: #0055d4; margin: 12% auto 0; } #fullpage #section6 { background: url(../images/rd_jtfcbg.png) no-repeat center; } .s6-con .index-title { width: 100%; margin-top: 10%; } .s6-con .index-title p.zh span { color: #fff; } #carousel { position: relative; z-index: 2; margin-top: 20px; transform-style: preserve-3d; perspective: 800px } #carousel a { position: absolute; left: 50%; top: 50%; margin-left: -252px; transition: transform .5s ease-in-out; box-shadow: 8px 8px 20px rgba(0, 0, 0, .2); cursor: pointer; display: block; border: 6px solid #ccc; } #carousel a img { width: 536px; height: 331px; } #bannerNav { position: relative; margin-top: 20px; height: 10px; padding: 10px 0; text-align: center } #bannerNav ul li { cursor: pointer; overflow: hidden; display: inline-block; width: 22px; margin: 0 2px } #bannerNav ul li a { margin: 0 auto; display: block; width: 6px; height: 6px; vertical-align: top; border-radius: 3px; background: #5e6671; font-size: 0 } #bannerNav ul li.on a, #bannerNav ul li:hover a { background: #00aeff } #bannerNav ul li.on a { width: 20px } #carousel { height: 400px } #carousel a { width: 500px; border-radius: 10px; opacity: 0; } @media screen and (min-width: 2400px) { .left-nav { -moz-background-size: auto 100% !important; background-size: auto 100% !important; } #fullpage .section .s2-con, #fullpage .section .s3-con, #fullpage .section .s4-con { padding-top: 6vh; } #fullpage .section-container { max-width: 1800px; } #fullpage .section-con.s1-con { margin-top: 4vh; } #fullpage .building { margin-top: 8vh; } #fullpage .building .building-news { width: 43%; } #fullpage .building .building-img { width: 33%; } #fullpage .building .building-wechat { width: 18%; height: 817px; padding: 0 3%; } #fullpage .videoCenter { max-width: 1800px; margin: 4vh auto 0; } #fullpage .business-list { margin-top: 10vh; } #fullpage .section-con .s1-con-l .newsImg img { max-height: 535px; } #fullpage .section-con .s1-con-r .news-item:last-child ul { height: 220px; overflow: hidden; } } @media screen and (max-width: 1600px) { #fullpage .headerCon { top: -110px; } #fullpage .section .index-banner .swiper-pagination, #fullpage .section .index-banner .pagination { bottom: 140px !important; } } @media screen and (max-width: 1440px) { #fullpage .section-container { max-width: 850px; } #fullpage .section .s2-con, #fullpage .section .s3-con, #fullpage .section .s4-con { padding-top: 2%; } #fullpage .section#section5 { -moz-background-size: 1440px; background-size: 1440px; } #fullpage .section#section6 { -moz-background-size: 1440px; background-size: 1440px; } #fullpage h2.index-tit { font-size: 18px; padding-bottom: 10px; } #fullpage .section-con .s1-con-l .newsImg img { /* max-height: 252px;*/ } #fullpage .section-con .s1-con-l .newsImg .news-z p { font-size: 26px; } #fullpage .section-con .s1-con-l .focus-News { margin-top: 20px; padding-bottom: 15px; } #fullpage .section-con .s1-con-l .focus-News ul { height: 81px; } #fullpage .section-con .s1-con-l .focus-News ul li { padding: 4px 0; } #fullpage .section-con .s1-con-l .focus-News ul li a { font-size: 14px; } #fullpage .section-con .s1-con-r .news-item { padding-bottom: 10px; } #fullpage .section-con .s1-con-r .news-item:last-child ul { height: 27px; } #fullpage .section-con .s1-con-r .news-item ul li { padding: 4px 0; } #fullpage .section-con .s1-con-r .news-item ul li a { font-size: 14px; } #fullpage .section-con .notice-tit { padding: 10px 0; } #fullpage .section-con .notice-tit p { font-size: 14px; -moz-background-size: 18px; background-size: 18px; } #fullpage .section-con .notice-txt { padding: 10px 0; } #fullpage .section-con .notice-txt .txtScroll-top .bd ul li a { font-size: 14px; } #fullpage .building .building-news { width: 348px; } #fullpage .building .building-news .b-news-txt .b-news-txt-c h2 { font-size: 24px; } #fullpage .building .building-img { width: 253px; } #fullpage .building .building-wechat { width: 209px; height: 390px; padding: 0 20px; } #fullpage .building .building-wechat span { margin-top: 20px; } #fullpage .building .building-wechat h4 { font-size: 16px; margin-top: 15px; } #fullpage .building .building-wechat p { line-height: 22px; } #fullpage .building .building-wechat .qrImg { margin-top: 20px; } #fullpage .building .building-wechat > a { margin-top: 20px; } #fullpage .videoCenter { max-width: 900px; margin: 90px auto 0; } #fullpage .videoCenter .swiper-slide .v-playBtn { width: 60px; height: 60px; margin: -30px 0 0 -30px; } #fullpage .videoCenter .swiper-pagination, #fullpage .videoCenter .pagination { margin-top: 20px; } #fullpage .business-list .business-item .business-txt img { width: 40px; margin: 20px auto 0; } #fullpage .business-list .business-item .business-txt h4 { font-size: 18px; margin-top: 15px; } #fullpage .business-list .business-item .business-txt span { margin: 15px auto; } #fullpage .business-list .business-item .business-txt p { line-height: 20px; padding: 0; } #fullpage .business-list .business-item .business-txt a { font-size: 14px; height: 32px; line-height: 32px; } #fullpage .investment { margin-top: 35px; } #fullpage .investment ul li a { padding: 50px 0; } #fullpage .investment ul li p { font-size: 46px; } #fullpage .investment ul li h4 { font-size: 24px; } #fullpage .groupSlide { margin-top: 30px; } #fullpage .groupSlide .groupSlide-item ul li { width: 220px; } } #fp-nav ul li, .fp-slidesNav ul li { width: 14px; height: 14px; } #fp-nav ul li a span, .fp-slidesNav ul li a span { background: #006ada; } .left-nav { position: fixed; top: 100%; left: 0; width: 80px; height: 100%; z-index: 12; -webkit-transition: all 0.8s; -o-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; } .left-nav .left-nav-con { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .left-nav.fixed { top: 0; } .left-nav .nav-goTop { width: 100%; text-align: center; } .left-nav .nav-goTop p { position: relative; } .left-nav .nav-goTop p i.redLine { display: block; width: 10px; height: 0; background: #006ada; position: absolute; top: 0; left: 50%; margin-left: -5px; z-index: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .left-nav .nav-goTop p i.whiteLine { display: block; width: 1px; height: 120px; background: #fff; margin: 0 auto; opacity: 0.8; } .left-nav .nav-goTop p span { display: block; width: 20px; text-align: center; font-size: 14px; color: #fff; word-wrap: break-word; margin: 10px auto; } .left-nav .nav-goTop p span a { display: inline-block; font-size: 14px; color: #fff; } .left-nav .nav-sy { width: 100%; position: relative; text-align: center; padding: 20px 0; cursor: pointer; } .left-nav .nav-sy:hover .sy-slideCon-wrap { width: 300px; } .left-nav .nav-sy > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_sy.png) no-repeat center; } .left-nav .nav-zjrd { width: 100%; position: relative; text-align: center; padding: 20px 0; } .left-nav .nav-zjrd > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_zjrd.png) no-repeat center; } .left-nav .nav-djjj { width: 100%; position: relative; text-align: center; padding: 20px 0; } .left-nav .nav-djjj > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_djjj.png) no-repeat center; } .left-nav .nav-zyyw { width: 100%; position: relative; text-align: center; padding: 20px 0; } .left-nav .nav-zyyw > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_zyyw.png) no-repeat center; } .left-nav .nav-xwzx { width: 100%; position: relative; text-align: center; padding: 20px 0; } .left-nav .nav-xwzx > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_xwzx.png) no-repeat center; } .left-nav .nav-rcdw { width: 100%; position: relative; text-align: center; padding: 20px 0; } .left-nav .nav-rcdw > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_rcdw.png) no-repeat center; } .left-nav .nav-xxgk { width: 100%; position: relative; text-align: center; padding: 20px 0; } .left-nav .nav-xxgk > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_xxgk.png) no-repeat center; background-size: 26px; } .left-nav .nav-swhz { width: 100%; position: relative; text-align: center; padding: 20px 0; } .left-nav .nav-swhz > a { display: inline-block; width: 26px; height: 26px; background: url(../images/rd_swhz.png) no-repeat center; } #fullpage .section { position: relative; background: #fff; margin-left: 80px; overflow: hidden; } #fullpage .section .s2-con, #fullpage .section .s3-con, #fullpage .section .s4-con { padding-top: 4%; } #fullpage .section#section0 { margin-left: inherit; } #fullpage .section#section1 { overflow: inherit; background: #fff; } #fullpage .section#section5 { -moz-background-size: 1920px; background-size: 1920px; } #fullpage .section#section6 { margin-left: inherit; -moz-background-size: 1920px; background-size: 1920px; } #fullpage .section#section6 .index-page-tit { margin-left: 40px; } #fullpage .section#lastPage { margin-left: inherit; } #fullpage .section .slideDown-ts { position: absolute; left: 35px; bottom: 20%; z-index: 6; text-align: center; } #fullpage .section .slideDown-ts span { display: block; width: 20px; text-align: center; font-size: 14px; color: #fff; word-wrap: break-word; } #fullpage .section .slideDown-ts i.line { display: inline-block; width: 2px; height: 30px; background: #fff; margin: 10px 0; } #fullpage .section .slideDown-ts i.mouse { display: block; width: 22px; height: 40px; background: url("../images/index-mouse.png") no-repeat center; -webkit-animation: mouse 2s infinite; -moz-animation: mouse 2s infinite; -o-animation: mouse 2s infinite; animation: mouse 2s infinite; position: relative; } @-webkit-keyframes mouse { 0% { top: 10px; } 50% { top: 0; } 100% { top: 10px; } } @-moz-keyframes mouse { 0% { top: 10px; } 50% { top: 0; } 100% { top: 10px; } } @-o-keyframes mouse { 0% { top: 10px; } 50% { top: 0; } 100% { top: 10px; } } @keyframes mouse { 0% { top: 10px; } 50% { top: 0; } 100% { top: 10px; } } #fullpage .section .index-banner { width: 100%; height: 100%; position: relative; } #fullpage .section .index-banner a.arrow-left { width: 23px; height: 41px; background: url("../images/left_l.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; position: absolute; top: 50%; left: 5%; opacity: 0.8; z-index: 2; } #fullpage .section .index-banner a.arrow-right { width: 23px; height: 41px; background: url("../images/right_r.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; position: absolute; top: 50%; right: 5%; opacity: 0.8; z-index: 2; } #fullpage .section .index-banner .swiper-container { height: 100% !important; } #fullpage .section .index-banner .swiper-container .swiper-wrapper { height: 100% !important; } #fullpage .section .index-banner .swiper-slide { height: 100% !important; position: relative; overflow: hidden; } #fullpage .section .index-banner .swiper-slide.swiper-slide-active .dw-cont .banner-txt { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage .section .index-banner .swiper-slide .dw-cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #fullpage .section .index-banner .swiper-slide .dw-cont img { display: block; max-width: inherit; } #fullpage .section .index-banner .swiper-slide .dw-cont .banner-txt { position: absolute; top: 5%; right: 0; width: 100%; height: 100%; text-align: center; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage .section .index-banner .swiper-slide .dw-cont .banner-txt h1 { font-size: 48px; color: #fff; letter-spacing: 10px; font-weight: normal; margin-left: 15%; } #fullpage .section .index-banner .swiper-slide .dw-cont .banner-txt p { height: auto; position: absolute; bottom: 20%; width: 25px; padding: 4px 0px 10px 2px; } #fullpage .section .index-banner .swiper-slide .dw-cont .banner-txt p a { font-size: 17px; color: #fff; letter-spacing: 4px; height: auto; font-weight: bold; width: 25px; padding: 4px 0px 10px 2px; background: url("../images/rd_xbg.png") repeat; } #fullpage .section .index-banner .swiper-slide .dw-cont .banner-txt p.color-h { color: #666; } #fullpage .section .index-banner .swiper-pagination, #fullpage .section .index-banner .pagination { position: absolute; right: 140px; bottom: 200px; z-index: 2; } #fullpage .section .index-banner .swiper-pagination span, #fullpage .section .index-banner .pagination span { display: inline-block; font-size: 16px; color: #fff; width: inherit; height: inherit; background: none; opacity: 1; margin: 0 10px; cursor: pointer; padding: 0px 5px; } #fullpage .section .index-banner .swiper-pagination span.swiper-pagination-bullet-active, #fullpage .section .index-banner .swiper-pagination span.swiper-active-switch, #fullpage .section .index-banner .pagination span.swiper-pagination-bullet-active, #fullpage .section .index-banner .pagination span.swiper-active-switch { color: #006ada; } #fullpage .section .index-banner .swiper-button-next { display: none; width: 23px; height: 41px; background: url("../images/right_r.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; right: 5%; opacity: 0.4; } #fullpage .section .index-banner .swiper-button-next:hover { opacity: 1; } #fullpage .section .index-banner .swiper-button-prev { display: none; width: 23px; height: 41px; background: url("../images/left_l.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; left: 5%; opacity: 0.4; } #fullpage .section .index-banner .swiper-button-prev:hover { opacity: 1; } #fullpage #section1.active .headerCon { top: 0; } #fullpage #section2.active .headerCon { top: 0; } #fullpage #section3.active .headerCon { top: 0; } #fullpage #section4.active .headerCon { top: 0; } #fullpage #section5.active .headerCon { top: 0; } #fullpage #section6.active .headerCon { top: 0; } #fullpage .headerCon { position: relative; top: -110px; z-index: 9; background: #fff; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage .section-container { max-width: 1330px; margin: 0 auto; } #fullpage h2.index-tit { font-size: 24px; color: #333; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; position: relative; } #fullpage h2.index-tit a { float: right; display: inline-block; width: 25px; height: 30px; background: url("../images/icon-more.png") no-repeat right 6px; } #fullpage h2.index-tit span { display: block; width: 0; height: 3px; background: #d6001d; position: absolute; left: 0; bottom: 0; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } #fullpage #section1.active .s1-con-l .newsImg { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section1.active .s1-con-l .focus-News { -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section1.active .s1-con-r { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage .section-con.s1-con { margin-top: 20px; } #fullpage .section-con.s1-con .section-container { /* border-bottom: 1px solid #e5e5e5; */ } #fullpage .section-con .indexNews { width: 100%; z-index: 0; position: relative; } #fullpage .section-con .s1-con-l { float: left; /* width: 54%; */ position: absolute; left: 0px; z-index: 999; top: 60px; /* padding-right: 6%; */ /* border-right: 1px solid #e5e5e5; */ } .s1-con-l { } #fullpage .section-con .s1-con-l .newsImg { width: 609px; height: 345px; position: relative; } /*轮播图*/ .newsImg .unslider-arrow.prev { background: url(../images/left_l.png) no-repeat center; } .newsImg .unslider-arrow.next { background: url(../images/right_r.png) no-repeat center; } /*basic*/ .unslider { margin: 0; padding: 0; position: relative; width: 100%; height: 345px; } .unslider-wrap { position: relative } .unslider-wrap.unslider-carousel > li { float: left; position: relative; height: 345px; } .unslider-wrap.unslider-carousel li a { display: block; width: 609px; height: 345px; } .unslider-wrap.unslider-carousel li a img { display: block; width: 100%; height: 100%; } .unslider-wrap.unslider-carousel li p { width: 100%; height: 35px; background: url(../images/txt_bg.png) repeat-x; position: absolute; bottom: 0px; left: 0px; } .unslider-wrap.unslider-carousel li p a { width: 100%; height: 35px; line-height: 35px; color: #fff; text-indent: 1rem; } .unslider-vertical > ul { height: 100% } .unslider-vertical li { float: none; width: 100% } .unslider-fade { position: relative; z-index: 999999; } .unslider-fade.unslider-wrap li { position: absolute; left: 0; top: 0; right: 0; z-index: 8 } .unslider-fade .unslider-wrap li.unslider-active { z-index: 10 } .unslider li, .unslider ol, .unslider ul { list-style: none; margin: 0; padding: 0; border: none; height: 345px; } .unslider-arrow { position: absolute; left: 5px; z-index: 2; cursor: pointer; letter-spacing: -999px; width: 50px; height: 60px; top: 39%; text-indent: -999em; } .unslider-arrow.next { left: auto; right: 5px; /* top: 28%; *//* letter-spacing: -999px; *//* width: 50px; *//* height: 60px; */ } .silde-disp-1 { position: absolute; bottom: 10px; left: 0px; width: 100%; } .unslider-nav { display: none; } #fullpage .section-con .s1-con-l .focus-News { margin-top: 40px; padding-bottom: 30px; } #fullpage .section-con .s1-con-l .focus-News:hover h2.index-tit span { width: 100%; } #fullpage .section-con .s1-con-l .focus-News ul { height: 220px; overflow: hidden; margin-top: 10px; } #fullpage .section-con .s1-con-l .focus-News ul li { padding: 10px 0; } #fullpage .section-con .s1-con-l .focus-News ul li a { display: block; font-size: 18px; color: #333; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #fullpage .section-con .s1-con-l .focus-News ul li a:hover { color: #d6001d; } #fullpage .section-con .s1-con-r { float: left; width: 58%; /* padding-left: 5%; */ margin-left: -1px; background: #fff; padding: 20px 20px 20px 90px; margin-left: -58px; z-index: -1; position: absolute; left: 600px; } .a_gdzx { padding: 5px 12px; border-radius: 25px; color: #fff; font-size: 16px; float: right; background: #006ada; margin-bottom: 20px; cursor: pointer; color: #fff; } .a_gdzx111 { padding: 5px 12px; border-radius: 25px; color: #fff; font-size: 16px; float: right; background: #006ada; margin-bottom: 20px; cursor: pointer; color: #fff; } .a_gdzx111 a { color: #fff; } /*.a_gdzx a:hover{*/ /*display: block;*/ /*color: rgba(255,255,255,1);*/ /*text-align: center;*/ /*z-index: 9;*/ /*}*/ /*.a_gdzx::before, .a_gdzx::after{*/ /*content: '';*/ /*position: absolute;*/ /*top: 0;*/ /*left: 0;*/ /*width: 100%;*/ /*height: 100%;*/ /*color: #fff;*/ /*z-index: 1;*/ /*background-color:rgba(2,78,194,0.28);*/ /*-webkit-transition: all 0.3s;*/ /*-moz-transition: all 0.3s;*/ /*-o-transition: all 0.3s;*/ /*transition: all 0.3s;*/ /*-webkit-transform: translate(-13%,-190%) rotate(-30deg);*/ /*transform: translate(-13%,-190%) rotate(-30deg);*/ /*-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);*/ /*transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);*/ /*z-index: 1;*/ /*}*/ /*.a_gdzx::after{*/ /*-webkit-transition-delay: 0.2s; !* Safari *!*/ /*transition-delay: 0.2s;*/ /*color: #fff;*/ /*}*/ /*.a_gdzx:hover::before, .a_gdzx:hover::after{*/ /*-webkit-transform: translate(0,0);*/ /*transform: translate(0,0); */ /*color: #fff;*/ /*}*/ .rd_list1 li { width: 96%; padding: 1% 2%; margin: 1% 0px; } .rd_list1 li:hover { background: #F0EFEF; } .rd_list1 li p { font-size: 16px; color: #666; height: 20px; line-height: 20px; } .rd_list1 li h4 a { font-size: 24px; color: #333; height: 45px; line-height: 45px; font-weight: 900; display: block; cursor: pointer; } .rd_list1 li span { font-size: 14px; color: #333; line-height: 20px; display: block; } .rd_tab { margin-top: 5px; } .rd_tab .tab_l { width: 48%; float: left; margin-right: 4%; } .rd_tab .tab_r { width: 48%; float: left; } .rd_tab h5 { height: 40px; } .rd_tab h5 a { display: block; font-size: 20px; border-bottom: 3px solid #0055d4; color: #333; cursor: pointer; float: left; width: 40%; height: 30px; line-height: 30px; } .rd_tab h5 a.a_gd { cursor: pointer; display: block; float: right; width: 59.5%; border-bottom: 3px solid #ccc; text-align: right; } .rd_tab h5 a.a_gd img { float: right; margin-top: 10px; } .rd_list2 { margin-top: 10px; } .rd_list2 li a { font-size: 16px; color: #666; height: 30px; line-height: 30px; display: block; cursor: pointer; } .rd_list2 li a:hover { color: #000; } #section2 { background: url(../images/rddj_bg.png) no-repeat right center !important; } #fullpage #section2.active .tab_img1 { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } #fullpage #section2.active .tab_img2 { -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } #fullpage #section2.active .tab_img3 { -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } #fullpage #section2.active .tab_img4 { -webkit-animation-duration: 1.6s; -moz-animation-duration: 1.6s; -o-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } .rd_jitit { text-align: center; margin: 63px 0px; height: 40px; } .rd_jitit a { padding: 5px 25px; color: #333; background: #d5d0ba; cursor: pointer; margin: 0px 25px; display: inline-block; font-size: 20px; } .rd_jitit a.on { color: #fff; background: #a00000; } #fullpage .building { margin-top: 0px; } #fullpage .tab_img { float: left; margin: 20px 20px; cursor: pointer; width: 392px; height: 220px; position: relative; overflow: hidden; } #fullpage .tab_img:before { content: ""; width: 0; height: 100%; background: #000; padding: 14px 18px; position: absolute; top: 0; left: 50%; opacity: 0; transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s; } #fullpage .tab_img:hover:before { width: 100%; left: 0; opacity: 0.5; } #fullpage .tab_img .rd_img { width: 100%; height: 100%; display: block; } #fullpage .tab_img .rd_img img { width: 100%; height: 100%; } #fullpage .tab_img .tab_zg { width: 100%; height: 100%; position: absolute; top: 10%; left: 0; /* background:url(rd_imgz.png) repeat;*/ } #fullpage .tab_img .tab_zg .rd_txt h2 { font-size: 22px; text-align: center; color: #fff; padding: 15px 0px; margin-top: 10px; text-transform: uppercase; margin: 0; opacity: 0; transition: all 0.5s ease 0s; } #fullpage .tab_img .tab_zg .rd_txt p { font-size: 16px; text-align: left; color: #fff; padding: 15px 10px; margin-top: 10px; line-height: 30px; text-transform: capitalize; opacity: 0; transition: all 0.5s ease 0s; } #fullpage .tab_img:hover .tab_zg .rd_txt h2, #fullpage .tab_img:hover .tab_zg .rd_txt p { opacity: 1; transition-delay: 0.7s; } #fullpage .tab_img .tab_zg .rd_txt .rd_txtan { border: 1px solid #fff; font-size: 16px; color: #fff; display: block; width: 100px; height: 35px; line-height: 35px; cursor: pointer; text-align: center; position: absolute; bottom: 60px; left: 50%; margin-left: -50px; opacity: 0; transform: translateY(50px); transition: all 0.5s ease 0s; } #fullpage .tab_img:hover .tab_zg .rd_txt .rd_txtan { opacity: 1; transform: translateY(0px); transition-delay: 0.5s; } .dj_an { border: 1px solid #333 !important; display: block; width: 150px; height: 35px; line-height: 35px; text-align: center; font-size: 18px; text-align: center; color: #333; margin: 45px auto; border-radius: 25px; cursor: pointer; } .dj_an:hover { background: #333 !important; color: #fff; } .s3-con .section-container { max-width: 1600px !important; } .s3-con .index-title { text-align: left !important; } .s3-con .index-title i { margin: 14px 0px !important; } #fullpage #section3.active .zyyw_div1 { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section3.active .rd_zyyw1 { -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section3.active .rd_zyyw2 { -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section3.active .rd_zyyw3 { -webkit-animation-duration: 1.6s; -moz-animation-duration: 1.6s; -o-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section3.active .rd_zyyw4 { -webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage #section3.active .rd_zyyw5 { -webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } #fullpage .zyyw_div1 { float: left; margin: 10% 1% 3% 1%; width: 26%; } #fullpage .zyyw_div1 .txt { text-align: left; margin: 30px 0px 20px 0px; } #fullpage .zyyw_div1 .txt p { font-size: 16px; color: #333; line-height: 30px; } #fullpage .zyyw_div1 .zyyw_an { display: block; background: url(../images/rd_zyan.png) no-repeat center; width: 164px; height: 54px; line-height: 54px; text-align: center; color: #fff; cursor: pointer; } #fullpage .zyyw_div2 { float: left; margin: 3% 1% 3% 1%; width: 70%; } #fullpage .zyyw_div2 .rd_zyyw1, #fullpage .zyyw_div2 .rd_zyyw2, #fullpage .zyyw_div2 .rd_zyyw3, #fullpage .zyyw_div2 .rd_zyyw4, #fullpage .zyyw_div2 .rd_zyyw5 { float: left; width: 205px; height: 521px; position: relative; margin-right: 1.5%; overflow: hidden; } #fullpage .zyyw_div2 .rd_zyyw1 img, #fullpage .zyyw_div2 .rd_zyyw2 img, #fullpage .zyyw_div2 .rd_zyyw3 img, #fullpage .zyyw_div2 .rd_zyyw4 img, #fullpage .zyyw_div2 .rd_zyyw5 img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; transition: all 2s; } #fullpage .zyyw_div2 .rd_zyyw1:hover img, #fullpage .zyyw_div2 .rd_zyyw2:hover img, #fullpage .zyyw_div2 .rd_zyyw3:hover img, #fullpage .zyyw_div2 .rd_zyyw4:hover img, #fullpage .zyyw_div2 .rd_zyyw5:hover img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; -webkit-transform: scale(1.5, 1.5); } #fullpage .zyyw_div2 .rd_zyyw1 a, #fullpage .zyyw_div2 .rd_zyyw2 a, #fullpage .zyyw_div2 .rd_zyyw3 a, #fullpage .zyyw_div2 .rd_zyyw4 a, #fullpage .zyyw_div2 .rd_zyyw5 a { width: 100%; height: 100%; display: block; z-index: 1; background: url(../images/rd_zyywbg.png) no-repeat center; position: absolute; top: 0px; left: 0px; /*垂直方向文字*/ writing-mode: vertical-rl; /*居中文字*/ text-align: center; display: flex; flex-direction: column; justify-content: center; font-size: 28px; color: #fff; cursor: pointer; letter-spacing: 4px; } #fullpage .zyyw_div2 .rd_zyyw1 { margin-top: 8%; } #fullpage .zyyw_div2 .rd_zyyw2 { margin-top: 2%; } #fullpage .zyyw_div2 .rd_zyyw3 { margin-top: 7%; } #fullpage .zyyw_div2 .rd_zyyw4 { margin-top: 1%; } #fullpage .zyyw_div2 .rd_zyyw5 { margin-top: 3%; } .s4-con .index-title { width: 100%; } .rd_sp { background: url(../images/rd_spbg.png) no-repeat center; width: 1200px; height: 600px; background-size: 90%; } .s5-con .index-title { width: 100%; } #fullpage #section5 { padding: 0; background: url(../images/rd_zzjgbg.png) no-repeat bottom; } .s5-con { padding: 60px 0px; } #fullpage .investment { margin-top: 80px; } #fullpage .investment ul li { float: left; width: 17.8%; text-align: center; position: relative; overflow: hidden; background: #fff; margin: 3% 1%; cursor: pointer; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; background-color: #fff; border: 1px solid #e5e5e5; height: 420px; border-radius: 5px; box-shadow: 5px 4px 25px #979797; } #fullpage .investment ul li:hover, #fullpage .investment ul li:focus, #fullpage .investment ul li:active { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; background: linear-gradient(to bottom, #6f1bce, #0254d4); padding: 4% 0px; margin-top: -1%; margin-bottom: 1%; background-position: 100% 100%; } #fullpage .investment ul li:hover p, #fullpage .investment ul li:hover h4 { color: #fff; } #fullpage .investment ul li:hover span { background: #fff; } #fullpage .investment ul li a { display: block; padding: 100px 0; } #fullpage .investment ul li p { font-size: 80px; color: #0055d4; font-weight: bold; position: relative; } #fullpage .investment ul li p strong { position: absolute; top: -20px; right: 45px; font-weight: normal; font-size: 50px; } #fullpage .investment ul li h4 { font-size: 28px; color: #333; } #fullpage .investment ul li span { display: block; width: 50px; height: 3px; background: #0055d4; margin: 12% auto 0; } #fullpage #section6 { background: url(../images/rd_jtfcbg.png) no-repeat center; } .s6-con .index-title { width: 100%; margin-top: 10%; } .s6-con .index-title p.zh span { color: #fff; } .pre_banner_3d { margin: auto; width: 1000px; height: 900px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .contrves { width: 100%; height: auto; position: absolute; } .nav_banners { width: 100%; height: auto; border-bottom: 1px solid #f2f2f2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .nav_banners > li { display: inline-block; padding: 5px 16px; margin: 12px 0; border-radius: 5px; font-size: 14px; cursor: pointer; } .blue_nav { background: #63B504; color: #fff; } .banner_tree { width: 88%; height: 700px; position: absolute; bottom: 0; overflow: hidden; left: 7%; } .color_font { background: #006ada; color: #fff; width: 45px; height: 100px; font-size: 24px; text-align: center; line-height: 100px; border-radius: 5px; font-weight: 700; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 50; cursor: pointer; } .left_btn { left: 0; } .right_btn { right: 0px; } .img_phone { width: 100%; height: 100%; } .show_s_ui { width: 100%; height: 100%; position: relative; } .show_s_ui > li { width: 377px; height: 226px; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 30; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0; font-size: 40px; border: 4px solid #ccc; border-radius: 8px; } .show_s_ui > li > div { position: absolute; top: 0; width: 100%; height: 100%; background: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity: 0.9; display: none; } .show_s_ui > li > img { width: 100%; height: 100%; } #middel_shows { width: 500px; height: 300px; left: 35.5%; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; } #left_shows { left: 8%; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity: 0.6; } #right_shows { left: 70%; opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); } #small_left, #small_right { width: 154px; height: 249px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); } #small_left { left: -15%; } #small_right { left: 102.5%; } .sub-footer { padding-top: 4%; height: 92.5%; position: relative; } .rd_sp .txt { padding-top: 50px; } @media screen and (min-width: 2400px) { .left-nav { -moz-background-size: auto 100% !important; background-size: auto 100% !important; } #fullpage .section .s2-con, #fullpage .section .s3-con, #fullpage .section .s4-con { padding-top: 6vh; } #fullpage .section-container { max-width: 1800px; } #fullpage .section-con.s1-con { margin-top: 4vh; } #fullpage .building { margin-top: 8vh; } #fullpage .building .building-news { width: 43%; } #fullpage .building .building-img { width: 33%; } #fullpage .building .building-wechat { width: 18%; height: 817px; padding: 0 3%; } #fullpage .videoCenter { max-width: 1800px; margin: 4vh auto 0; } #fullpage .business-list { margin-top: 10vh; } #fullpage .section-con .s1-con-l .newsImg img { max-height: 535px; } #fullpage .section-con .s1-con-r .news-item:last-child ul { height: 220px; overflow: hidden; } } @media screen and (max-width: 1600px) { #fullpage .headerCon { top: -75px; } #fullpage .section-con.s1-con { margin-top: -40px; } #fullpage .section-container { max-width: 1150px; } #fullpage .section-con .s1-con-l .newsImg { width: 470px; height: 315px; position: relative; } .unslider { height: 315px; } .unslider li, .unslider ol, .unslider ul { height: 315px; } .unslider-wrap.unslider-carousel > li { height: 315px; } .unslider-wrap.unslider-carousel li a { display: block; width: 470px; height: 315px; } #fullpage .section-con .s1-con-l { top: 30px; } #fullpage .section-con .s1-con-r { padding: 10px 8px 10px 90px; margin-left: -189px; top: -105px; } .rd_list1 li { margin: 0% 0px; } .rd_list1 li h4 a { font-size: 20px; } .rd_list1 li span { font-size: 12px; height: 40px; text-overflow: clip; overflow: hidden; } .rd_jitit { margin: 20px 0px; } #fullpage .tab_img { width: 245px; height: 360px; } #fullpage .tab_img .rd_img { width: 245px; height: 360px; } #fullpage .tab_img .tab_zg { width: 245px; height: 360px; } #fullpage .tab_img .tab_zg .rd_txt h2 { font-size: 18px; } #fullpage .zyyw_div1 { margin: 2% 1% 3% 1%; } #fullpage .zyyw_div2 .rd_zyyw1, #fullpage .zyyw_div2 .rd_zyyw2, #fullpage .zyyw_div2 .rd_zyyw3, #fullpage .zyyw_div2 .rd_zyyw4, #fullpage .zyyw_div2 .rd_zyyw5 { width: 170px; height: 435px; } .rd_sp { width: 1030px; height: 490px; margin: 0px auto; } #fullpage #section5 { padding: 20px 0; } #fullpage .investment ul li { height: 340px; } .s6-con { margin-top: -76px; } } @media screen and (max-width: 1440px) { .rd_sp .txt { padding-top: 5px; } #fullpage .section-container { max-width: 1150px; } #fullpage .section .s2-con, #fullpage .section .s3-con, #fullpage .section .s4-con { padding-top: 2%; } #fullpage .section#section5 { -moz-background-size: 1440px; background-size: 1440px; } #fullpage .section#section6 { -moz-background-size: 1440px; background-size: 1440px; } #fullpage h2.index-tit { font-size: 18px; padding-bottom: 10px; } #fullpage .section-con .s1-con-l .newsImg img { /* max-height: 252px;*/ } #fullpage .section-con .s1-con-l .newsImg .news-z p { font-size: 26px; } #fullpage .section-con .s1-con-l .focus-News { margin-top: 20px; padding-bottom: 15px; } #fullpage .section-con .s1-con-l .focus-News ul { height: 81px; } #fullpage .section-con .s1-con-l .focus-News ul li { padding: 4px 0; } #fullpage .section-con .s1-con-l .focus-News ul li a { font-size: 14px; } #fullpage .section-con .s1-con-r .news-item { padding-bottom: 10px; } #fullpage .section-con .s1-con-r .news-item:last-child ul { height: 27px; } #fullpage .section-con .s1-con-r .news-item ul li { padding: 4px 0; } #fullpage .section-con .s1-con-r .news-item ul li a { font-size: 14px; } #fullpage .section-con .notice-tit { padding: 10px 0; } #fullpage .section-con .notice-tit p { font-size: 14px; -moz-background-size: 18px; background-size: 18px; } #fullpage .section-con .notice-txt { padding: 10px 0; } #fullpage .section-con .notice-txt .txtScroll-top .bd ul li a { font-size: 14px; } #fullpage .building .building-news { width: 348px; } #fullpage .building .building-news .b-news-txt .b-news-txt-c h2 { font-size: 24px; } #fullpage .building .building-img { width: 253px; } #fullpage .building .building-wechat { width: 209px; height: 390px; padding: 0 20px; } #fullpage .building .building-wechat span { margin-top: 20px; } #fullpage .building .building-wechat h4 { font-size: 16px; margin-top: 15px; } #fullpage .building .building-wechat p { line-height: 22px; } #fullpage .building .building-wechat .qrImg { margin-top: 20px; } #fullpage .building .building-wechat > a { margin-top: 20px; } #fullpage .videoCenter { max-width: 900px; margin: 90px auto 0; } #fullpage .videoCenter .swiper-slide .v-playBtn { width: 60px; height: 60px; margin: -30px 0 0 -30px; } #fullpage .videoCenter .swiper-pagination, #fullpage .videoCenter .pagination { margin-top: 20px; } #fullpage .business-list .business-item .business-txt img { width: 40px; margin: 20px auto 0; } #fullpage .business-list .business-item .business-txt h4 { font-size: 18px; margin-top: 15px; } #fullpage .business-list .business-item .business-txt span { margin: 15px auto; } #fullpage .business-list .business-item .business-txt p { line-height: 20px; padding: 0; } #fullpage .business-list .business-item .business-txt a { font-size: 14px; height: 32px; line-height: 32px; } #fullpage .investment { margin-top: 35px; } #fullpage .investment ul li a { padding: 50px 0; } #fullpage .investment ul li p { font-size: 46px; } #fullpage .investment ul li h4 { font-size: 24px; } #fullpage .groupSlide { margin-top: 30px; } #fullpage .groupSlide .groupSlide-item ul li { width: 220px; } .banner_tree { height: 540px; } .show_s_ui > li { width: 277px; height: 196px; } #middel_shows { width: 350px; height: 250px; left: 36%; } #left_shows { left: 8%; } #right_shows { left: 70%; } #small_left, #small_right { width: 104px; height: 199px; } #small_left { left: -15%; } #small_right { left: 102.5%; } .color_font { width: 40px; height: 80px; font-size: 24px; line-height: 80px; } } .s1-con-r h5 { height: 40px; } .s1-con-r h5 a { display: block; font-size: 20px; border-bottom: 3px solid #0055d4; color: #333; cursor: pointer; float: left; width: 40%; height: 30px; line-height: 30px; } .s1-con-r h5 a.a_gd { cursor: pointer; display: block; float: right; width: 59.5%; border-bottom: 3px solid #ccc; text-align: right; } .s1-con-r h5 a.a_gd img { float: right; margin-top: 10px; }