@charset "utf-8"; /* css document */ /** * fullpage 2.4.6 * https://github.com/alvarotrigo/fullpage.js * mit licensed * * copyright (c) 2013 alvarotrigo.com - a project by alvaro trigo */ html, 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 { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; } .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: scroll; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } .fp-slidesnav{ position: absolute; z-index: 4; left: 50%; opacity: 1; } .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 { background: #006d33; } #fp-nav ul li a span, .fp-slidesnav ul li a span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #006d33; background: rgba(0, 0, 0, 0); border-radius: 50%; position: absolute; z-index: 1; } #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; } #fp-nav ul li:hover .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; } .menubot{ width:30px; position:fixed; top:12%; right:4%;z-index:99999; cursor:pointer;} .section{ overflow:hidden} /*section1*/ .banner{ overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5} .banner ul{ overflow:hidden; position:absolute; height:100%;} .banner li{ height:100%; position:relative; float:left} .banner .wen{ overflow:hidden; position:absolute; left:5%; bottom:-300px; z-index:3;text-shadow:0 0 10px #333} .banner p{ font-size:25px; color:#fff; font-weight:bold; line-height:40px;} .banner h3{ font-size:55px; color:#fff;} .bannerbtn{ overflow:hidden; position:absolute; right:-800px; bottom:20px; z-index:10; padding-left:65px; width:40%} .bannerbtn span{ display:block; width:13%; float:left; margin-left:1%; position:relative; cursor:pointer} .bannerbtn span img{ display:block; width:100%} .bannerbtn span .yy{ position:absolute; right:0; top:0} .bannerbtn span.cur .yy{ display:none} .bannerbtn span.span01{ z-index:5} .bannerbtn span.span02{ z-index:4} .bannerbtn span.span03{ z-index:3} .bannerbtn span.span04{ z-index:2} .bannerbtn span.span05{ z-index:1} /*end section1*/ /*section2*/ .section2 {} .section2 .menu { width:626px; position:absolute; left:0; top:0; height:100%; background:url(/uploads/image/sdi/p02_menubg01.png) no-repeat left top; z-index:3} .section2 .menu>ul>li{ width:350px; height:80px;border-bottom:1px solid #ddd; padding-left:244px; position:relative} .section2 .menu>ul> li>a{ display:block; width:275px;padding-right:75px; height:100%; position:relative; z-index:5; background:url(/uploads/image/sdi/p02_s01.png) no-repeat 310px center} .section2 .menu>ul> li>a.nob{ background:none} .section2 .menu>ul> li img{ display:block; float:left;} .section2 .menu>ul> li span{ display:block; float:right; font-size:20px; color:#006d33; line-height:80px; font-weight:bold;} .section2 .menu>ul> li b{ display:block; width:626px; height:80px; background:url(/uploads/image/sdi/p02_menucur.png) no-repeat right center; position:absolute; left:0; top:0; z-index:2; width:1px;} .section2 .menu .li02{ margin-left:-34px;} .section2 .menu .li03{ margin-left:-65px;} .section2 .menu .li04{ margin-left:-96px;} .section2 .menu .li05{ margin-left:-127px;} .section2 .menu .li06{ margin-left:-158px;} .section2 .menu .li07{ margin-left:-190px;} .section2 .menu>ul> li.cur>a{ background:url(/uploads/image/sdi/p02_s02.png) no-repeat 310px center} .section2 .menu h3{ font-size:38px; margin-top:0; margin-bottom:10px; margin-left:40px;} @media screen and (min-width:1400px){ .section2 .menu h3{ margin-top:80px} } .section2 .menu h3 a{ color:#006d33; text-decoration:none} .section2 .menu p{ font-size:18px; color:#b60005; margin-left:40px;} .section2 .nextmenu { width:521px; height:800px; background:url(/uploads/image/sdi/p02_menubg.png) no-repeat center top; background-size:100%; position:absolute; height:0px; opacity:0} .section2 .menu .li01 .nextmenu{ top:0; right:-237px;} .section2 .menu .li02 .nextmenu{ top:-81px; right:-271px;} .section2 .menu .li03 .nextmenu{ top:-162px; right:-302px;} .section2 .menu .li04 .nextmenu{ top:-243px; right:-333px;} .section2 .menu .li05 .nextmenu{ top:-324px; right:-364px;} .section2 .menu .li06 .nextmenu{ top:-405px; right:-395px;} .section2 .nextmenu li { width:172px; height:80px; border-bottom:1px solid #ddd; text-align:center; line-height:80px; font-size:16px;} .section2 .nextmenu ul{ overflow:hidden; margin-left:107px;} .section2 .nextmenu li a{ color:#333; display:block; text-decoration:none} .section2 .nextmenu .nli01{ margin-left:192px;} .section2 .nextmenu .nli02{ margin-left:160px;} .section2 .nextmenu .nli03{ margin-left:130px;} .section2 .nextmenu .nli04{ margin-left:97px;} .section2 .nextmenu .nli05{ margin-left:64px;} .section2 .nextmenu .nli06{ margin-left:34px;} .section2 .nextmenu .nli07{ margin-left:0;} .section2 .nextmenu li:hover a,.section2 .nextmenu li.cur a{ color:#006d33;} .section2 .nextmenu .clo{ display:block; width:53px; height:34px; background:url(/uploads/image/sdi/p02_menu_close.png) no-repeat center; position:absolute; right:-36px; top:0; cursor:pointer;} .section2 .s2banner{ overflow:hidden; width:1560px; height:673px; position:absolute; right:0; top:0; z-index:2} .section2 .s2banner .bannerlist{ overflow:hidden; width:1560px; height:673px; position:absolute; left:0; top:0;} .section2 .bannerlist b{ overflow:hidden; display:block; width:780px; height:673px; position:absolute; top:0;} .section2 .bannerlist b img{ display:block; width:200%; height:100%; position:absolute; top:0;} .section2 .bannerlist .bleft, .section2 .bannerlist .btop{ left:0;} .section2 .bannerlist .bright, .section2 .bannerlist .bbtm{ right:0;} .section2 .bannerlist .bleft img, .section2 .bannerlist .btop img{ left:0;} .section2 .bannerlist .bright img, .section2 .bannerlist .bbtm img{ right:0;} .section2 .s2btn{ overflow:hidden; position:absolute; left:50%; bottom:5%; width:120px; margin-left:-60px; height:20px; z-index:10} .section2 .s2btn span{ display:block; width:20px; height:20px; background:url(/uploads/image/sdi/p02_banner_span.png) no-repeat center; float:left; margin:0 5px; cursor:pointer} .section2 .s2btn span.cur{ background:url(/uploads/image/sdi/p02_banner_cur.png) no-repeat center;} /*end section2*/ .h3{ text-align:center; font-size:30px; font-weight:normal; margin-bottom:5px;color:#006d33;} /*.h3 a{ color:#006d33; text-decoration:none}*/ .ph3{ font-size:14px; color:#333; text-align:center; margin-bottom:45px; text-align:center;} .ph3_x{ width:32px; height:2px; background-color:#707070; margin:0 auto; margin-top:5px; margin-bottom:35px;} .section3,.section4,.section5,.section6,.section7,.section8{ background:url(/uploads/image/sdi/bg.jpg) no-repeat center; background-size:cover; overflow:hidden;} /*section3*/ .section3 .bg03{ position:absolute; display:block;left:50%; margin-left:550px; bottom:50px;} .section3 .fangan_box{ width:1200px; height:475px; margin:0 auto; position:relative;} .section3 dl{ overflow:hidden; background-color:#fff; width:290px; height:225px; position:absolute;} .section3 dt{ overflow:hidden; width:290px; height:174px;} .section3 dd{ overflow:hidden; width:290px; height:51px; line-height:51px;} .section3 h5{ font-size:16px; font-weight:normal; float:left; margin-left:15px;} .section3 h5 a{ color:#000;} .section3 .more{ float:right; margin-right:15px; font-size:13px; color:#999;} .section3 .dl01, .section3 .dl02, .section3 .dl03, .section3 .dl04{top:0} .section3 .dl05, .section3 .dl06, .section3 .dl07, .section3 .dl08{bottom:0} .section3 .dl01, .section3 .dl05{left:0} .section3 .dl02, .section3 .dl06{left:303px} .section3 .dl03, .section3 .dl07{left:607px} .section3 .dl04, .section3 .dl08{left:910px} .section3 dl:hover{ box-shadow:0 0 10px #333} /*end section3*/ /*section4*/ .section4 .bg04{ display:block; position:absolute;left:50%; margin-left:530px; bottom:50px;} .section4 .case_box{width:1200px; height:480px; margin:0 auto; position:relative;} .section4 .tu{ overflow:hidden; width:1000px; height:410px; position:absolute; left:0; top:0; z-index:2} .section4 .tu ul{ overflow:hidden; position:absolute; left:0; top:0} .section4 .tu li{ float:left; width:1000px; height:410px;} .section4 .tu li img{ display:block;} .section4 .tu li h5,.section4 .tu li p{ display:none} .section4 .wen{ overflow:hidden; width:255px; height:410px; padding:0 90px; background:url(/uploads/image/sdi/p04_wenbg.png) no-repeat center top; position:absolute; right:0; top:70px; z-index:3} .section4 .wen h5{ font-size:18px; text-align:right; margin-top:65px; margin-bottom:8px;} .section4 .wen h5 a{ color:#fff;} .section4 .wen em{ display:block; width:26px; height:2px; background-color:#fff; margin-bottom:25px; float:right} .section4 .wen p{ font-size:13px; color:#fff; line-height:22px; height:176px; width:100%; overflow:hidden; margin-bottom:25px; text-align:justify;} .section4 .more{ display:block; width:122px; height:38px; text-align:center; line-height:38px; font-size:14px; color:#006d33; background:url(/uploads/image/sdi/p04_morebg.png) no-repeat center; float:right;} .section4 .btn{ overflow:hidden; width:182px; height:70px; position:absolute; top:410px; left:601px;} .section4 .btn span{ cursor:pointer; display:block; width:100px; height:70px; position:absolute; top:0; z-index:5} .section4 .btn .btnleft{ background:url(/uploads/image/sdi/p04_btn01.png) no-repeat left top; left:0;} .section4 .btn .btnright{ background:url(/uploads/image/sdi/p04_btn02.png) no-repeat -100px top; right:0} .section4 .tult{ position:absolute; left:0; top:-15px; z-index:1} .section4 .tubg{ position:absolute; left:-30px; top:-15px; z-index:1} .section4 .tuyy{ position:absolute; left:150px; bottom:-40px;} .section4 .wenrb{ position:absolute; right:0; bottom:-8px;} /*end section4*/ /*section5*/ .section5{ padding-top: 20px;} .section5 .bg5{ position:absolute; left:50%; bottom:50px; margin-left:600px;} .section5 .ph3{ margin-bottom:20px;} .section5 .zl_box{ padding-top:10px; width:1200px; height:570px; margin:0 auto; position:relative;} .section5 .video{ overflow:hidden; width:755px; height:378px; border:5px solid #b5b5b5; margin:0 auto; z-index:100; position:relative;} .section5 .bgtu{ display:block; position:absolute;} .section5 .bg01{ left:258px; top:0; z-index:2} .section5 .bg02{ left:145px; top:70px; z-index:1} .section5 .bg03{ left:172px; top:278px; z-index:2} .section5 .bg04{ right:132px; top:30px; z-index:1} .section5 .bg05{ right:160px; top:70px; z-index:2} .section5 .bg06{ right:160px; top:315px; z-index:3} .section5 .zllist{ width:935px; height:102px; position:relative; margin:0 auto; margin-top:25px; background:url(/uploads/image/sdi/p05_xian.png) no-repeat center left;} .section5 .list{ width:75px; height:50px; position:absolute; cursor:pointer;} .section5 .list h5{ font-weight:normal; font-size:16px; color:#006d33; text-align:center;} .section5 .list b{ display:block; width:27px; height:27px; background:url(/uploads/image/sdi/p05_list01.png) no-repeat center; margin:0 auto;} .section5 .list i{ display:block; width:100%; right:1px; margin:3px 0} .section5 .list .wen{ display:none; width:400px; height:85px; position:absolute; background-color:#006d33; top:60px;} .section5 .list .wen em{ display:block; width:10px; height:6px; background:url(/uploads/image/sdi/p05_wen_s.png) no-repeat center; position:absolute; top:-6px; left:35px;} .section5 .list .wen p{ font-size:13px; color:#fff; line-height:22px; height:66px; width:370px; margin:0 auto; margin-top:9px; text-align:justify; overflow:hidden;} .section5 .list01 .wen, .section5 .list02 .wen, .section5 .list03 .wen{ left:0} .section5 .list04 .wen, .section5 .list05 .wen, .section5 .list06 .wen{ right:0} .section5 .list04 .wen em, .section5 .list05 .wen em, .section5 .list06 .wen em{ left:355px;} .section5 .list01{ left:-38px; top:-11px;} .section5 .list02{ left:182px; top:34px;} .section5 .list03{ left:368px; top:28px;} .section5 .list04{ left:558px; top:54px;} .section5 .list05{ left:740px; top:15px;} .section5 .list06{ left:900px; top:65px;} .section5 .list:hover b{ background:url(/uploads/image/sdi/p05_list02.png) no-repeat center;} .section5 .list:hover .wen{ display:block;} /*end section5*/ /*section6*/ .section6 .bg6{ position:absolute; left:50%; bottom:50px; margin-left:450px;} .section6 .ph3{ margin-bottom:70px;} .section6 .about{ width:1200px; margin:0 auto; height:460px; position:relative;} .section6 .tu{ overflow:hidden; width:717px; height:400px; position:absolute; left:0; top:10px; z-index:100} .section6 .wen{ width:917px; height:312px; position:absolute; left:283px; top:40px; background:url(/uploads/image/sdi/p06_wenbg.png) no-repeat right top; z-index:1} .section6 .wen p{ font-size:14px; line-height:24px; color:#fff; width:345px; height:144px; overflow:hidden; float:right; margin-top:78px; margin-right:115px; text-align:justify;} .section6 .wen ul{ overflow:hidden; float:right; margin-top:65px; padding-left:15px; margin-right:90px;} .section6 .wen li{ width:120px; height:49px; line-height:49px; text-align:center; font-size:16px; color:#cbcbcb; background:url(/uploads/image/sdi/p06_btn01.png) no-repeat center; float:left; margin-left:-15px;} .section6 .wen li a{ display:block; color:#cbcbcb; text-decoration:none;} .section6 .wen li:hover { background:url(/uploads/image/sdi/p06_btn02.png) no-repeat center;} .section6 .wen li:hover a{ color:#303030;} .section6 .about .bg01{ position:absolute; left:80px; top:0;} .section6 .about .bg02{ position:absolute; left:30px; top:130px; z-index:2} .section6 .about .yy{ position:absolute; left:150px; bottom:0} /*end section6*/ /*section7*/ .section7 .bg7{ display:block; position:absolute; left:50%; bottom:50px; margin-left:650px;} .section7 .news{ width:1200px; margin:0 auto; height:525px; position:relative} .section7 .menu { overflow:hidden; position:absolute; z-index:2; left:60px; top:20px; padding-left:22px;} .section7 .menu li{ float:left; width:182px; height:60px; line-height:60px; text-align:center; font-size:18px; background:url(/uploads/image/sdi/p07_menu01.png) no-repeat center; margin-left:-22px;} .section7 .menu li a{ color:#cbcbcb; text-decoration:none; display:block;} .section7 .menu li.cur{ background:url(/uploads/image/sdi/p07_menu02.png) no-repeat center;} .section7 .menu li.cur a{ color:#333;} .section7 .wenbox{ overflow:hidden; width:1146px; height:344px; background:url(/uploads/image/sdi/p07_wen.png) no-repeat left center; position:absolute; z-index:1; right:54px; top:40px;} .section7 .wen{ overflow:hidden; width:400px; height:235px; margin-left:160px; margin-top:65px; position:relative} .section7 .wen ul{ overflow:hidden; position:absolute} .section7 .wen li{ float:left; width:100%; font-size:13px; line-height:50px; color:#fff; overflow:hidden; border-bottom:1px solid #338a5c;} .section7 .wen span{ float:left; color:#fcd449; margin-right:5px;} .section7 .wen li a{ display:block; width:255px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#fff; float:left;} .section7 .wen li em{ float:right;} .section7 .tu{ overflow:hidden; width:614px; height:403px; position:absolute; right:0; top:0; background:url(/uploads/image/sdi/p07_tubg02.png) no-repeat center; z-index:5} .section7 .tu .listnews{ overflow:hidden; width:614px; height:403px;} .section7 .question{ overflow:hidden; width:300px; height:314px; position:relative; margin:0 auto; margin-top:50px; display:none;} .section7 .question h5{ font-weight:normal; font-size:14px; color:#fff; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .section7 .question h5 a{ color:#fff;} .section7 .question p{ font-size:13px; color:#fff; line-height:20px; height:40px; overflow:hidden;} .section7 .qlist{ overflow:hidden; padding-bottom:10px; border-bottom:1px dotted #8f8f8f; margin-bottom:10px;} .section7 .tubg{ position:absolute; right:22px; top:35px; z-index:4} .section7 .yy{ position:absolute; left:150px; bottom:0;} /*end section7*/ /*section8*/ .section8 .bg8{ position:absolute; left:50%; bottom:50px; margin-left:600px;} .section8 .hezuo{ overflow:hidden; width:1196px; margin:0 auto; height:301px; margin-bottom:35px;} .section8 .hezuo ul{ overflow:hidden; width:1197px;} .section8 .hezuo li{ float:left; margin-right:1px; margin-bottom:1px; width:170px; height:150px; overflow:hidden;} .section8 .footer{ overflow:hidden; width:100%;} .section8 .footer .f_content{ overflow:hidden; width:1200px; height:235px; position:relative; margin:0 auto;} .section8 .footer .zxzx{ overflow:hidden; float:left; width:330px;} .section8 .footer .zxzx .icon{ display:block; overflow:hidden; margin-bottom:15px;} .section8 .footer .zxzx h5{ font-weight:normal; font-size:22px; color:#666;} .section8 .footer .zxzx p{ font-size:13px; line-height:30px; color:#666;} .section8 .footer .zxzx p img{ position:relative; margin-right:5px; top:6px;} .section8 .footer .f_content dl{ overflow:hidden; width:230px; margin-right:70px; float:left;} .section8 .footer .f_content .dllast{ width:120px; margin-left:20px;} .section8 .footer .f_content dt{ font-size:16px; margin-bottom:20px;} .section8 .footer .f_content dt a{ color:#333} .section8 .footer .f_content dd{ overflow:hidden; font-size:13px; line-height:32px;} .section8 .footer .f_content dd a{ color:#666; display:block; width:110px; float:left;} .section8 .footer .f_btn{ width:30px; margin-top:20px; float:right; margin-right:30px;} .section8 .footer .f_btn>li{ cursor:pointer; width:30px; height:30px; margin-bottom:10px; position:relative;} .section8 .footer .links{ position:absolute; right:30px; top:0px; overflow:hidden; width:300px; padding:20px 50px; background-color:#303030; border-radius:5px;} .section8 .footer .links li{ float:left; padding:0 10px; margin:5px 0; border-right:1px solid #fff; font-size:13px;} .section8 .footer .links li a{ color:#fff;} .section8 .footer .ewm{ overflow:hidden; width:140px; height:140px; position:absolute; left:-140px; top:0;} .section8 .footer .f_btn .next{ display:none} .section8 .footer .f_btn>li:hover div{ display:block;} .section8 .footer>p{ width:100%; padding:20px 0; border-top:1px solid #b2b2b6; font-size:13px; color:#666; text-align:center;} /* -- 弹出窗口 -- */ #mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;} #mesbook1_c div, #mesbook1 div{ border:1px solid #e4e3e3; background:#ebeceb;height:18px; padding:4px .5em 0; margin-bottom:10px;} #mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;} #mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; } #mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;} #mesbook1_c #mesbook1_cbtns, #mesbook1 #mesbook1btns{padding-bottom:10px;} #mesbook1_c #mesbook1_cbtns input, #mesbook1 #mesbook1btns input {margin-right:20px;} /*处理中动画占全屏*/ #oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;} .hkword-div{ height:0; overflow:hidden;}