/** * 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; font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu; /*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: 20px; height: 19px; 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: #333; } #fp-nav ul li a span, .fp-slidesNav ul li a span { top: 2px; left: 2px; width: 15px; height: 15px; border: 1px solid #000; 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; 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; } .section{ width:100%; height:100%; overflow:hidden; } .slide img{ margin:330px auto 0 auto; display:block; } .slide.active img{ animation: lightSpeedIn 1.5s ; -moz-animation: lightSpeedIn 1.5s; -webkit-animation: lightSpeedIn 1.5s; -o-animation: lightSpeedIn 1.5s; } .section2{ background: url(../images/about-bg.jpg) center center no-repeat; width: 100%; background-size:cover; } .section3{ background: url(../images/pro_bg.jpg) center center no-repeat; width: 100%; background-size:cover; } .section4{ background: url(../images/cp2.jpg) #000 center center no-repeat; width: 100%; background-size:100%; } .section5{ background: url(../images/news_bg.jpg) center center no-repeat; width: 100%; background-size:cover; } .section6{ background: url(../images/lxwm-bg.jpg) center center no-repeat; width: 100%; background-size:cover; } .section2 .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; } .section2 .bg img{ display:block; width:100%; height:100%; } #txt2_1{ margin-top:145px; opacity:0; transition:0.7s; transition-delay:0.8s; } .section2.active #txt2_1{ opacity:1; } #tbox{ width:1540px; height:540px; overflow:hidden; position:absolute; right:0; top:210px; z-index:10; } #tabbox { width:100%; overflow:hidden; margin:0 auto; } .tabs { height: 540px; float:left; width: 133px; } .tabs li { width:133px; height:108px; line-height:108px; overflow: hidden; position: relative; } #t1{ background:url(../images/t01.jpg) no-repeat; background-size:100% 100%; } #t2{ background:url(../images/t02.jpg) no-repeat; background-size:100% 100%; } #t3{ background:url(../images/t03.jpg) no-repeat; background-size:100% 100%; } #t4{ background:url(../images/t04.jpg) no-repeat; background-size:100% 100%; } #t5{ background:url(../images/t05.jpg) no-repeat; background-size:cover; } .tabs li a { line-height:108px; font-size:56px; color:#fff; width:100%; height:108px; display:block; text-align:center; } .tabs li a:hover { background:#FB9F16; } .tabs .thistab a,.tabs .thistab a:hover { background: #FB9F16; } .tab_conbox { width:1407px; float:left; } .tab_con { display:none; height:540px; } .tab_txt{ width:395px; padding:70px 25px 0 25px; float:left; background: #FB9F16; overflow:hidden; color:#fff; } .tab_txt span{ display:block; } .en_t{ font-size:28px; line-height:40px; } .cn_t{ font-weight:bold; font-size:45px; } .line{ height:3px; background-color:#fff; margin:5px 0; } .tab_txt dl{ margin-top:10px; font-size:18px; line-height:30px; } .tab_txt dl dd{ font-size:18px; line-height:30px; background:url(../images/dian.png) left center no-repeat; padding-left:15px; } #c1{ background:url(../images/c01.jpg) right center no-repeat #FB9F16; } #c2{ background:url(../images/c02.jpg) right center no-repeat #FB9F16; } #c3{ background:url(../images/c03.jpg) right center no-repeat #FB9F16; } #c4{ background:url(../images/c04.jpg) right center no-repeat #FB9F16; } #c5{ background:url(../images/c05.jpg) right center no-repeat #FB9F16; } #txt_case{ transition-delay:1s; transition:1.2s; -webkit-transform:translateX(800px); -moz-transform:translateX(800px); -o-transform:translateX(800px); transform:translateX(800px); } .section3.active #txt_case,.section4.active #txt_case,.section5.active #txt_case,.section6.active #txt_case{ -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px); transform:translateX(0px); } .case_more{ float:right; margin-top:210px; margin-right:25px; } .rdm{ } .zuixin{ border-bottom:2px solid #ff0000; padding-right:10px; margin-right:10px; padding-bottom:5px; border-right:1px solid #555; } .quanbu{ padding-bottom:5px; } #txt4{ margin-top:15px; } .section2.active #txt5{ animation: bounceInDown 2s ; -moz-animation: bounceInDown 2s; -webkit-animation: bounceInDown 2s; -o-animation: bounceInDown 2s; } .section3.active #txt5{ animation: bounceIn 2s ; -moz-animation: bounceIn 2s; -webkit-animation: bounceIn 2s; -o-animation: bounceIn 2s; } .section4.active #txt5{ animation: bounceInDown 2s ; -moz-animation: bounceInDown 2s; -webkit-animation: bounceInDown 2s; -o-animation: bounceInDown 2s; } .section5.active #txt5{ animation: bounceIn 2s ; -moz-animation: bounceIn 2s; -webkit-animation: bounceIn 2s; -o-animation: bounceIn 2s; } .section6.active #txt6{ animation: bounceInDown 2s ; -moz-animation: bounceInDown 2s; -webkit-animation: bounceInDown 2s; -o-animation: bounceInDown 2s; } .section6.active #txt7{ animation: bounceIn 2s ; -moz-animation: bounceIn 2s; -webkit-animation: bounceIn 2s; -o-animation: bounceIn 2s; } .kehu_title{ display:block; margin-top:20px; font-size:18px; color:#fff; } ul.new_kehu{ width:auto; margin-top:10px; overflow:hidden; } ul.new_kehu li{ width:20%; float:left; list-style-type:none; position:relative; overflow:hidden; } ul.new_kehu li img{ position:absolute; z-index:1; width:100%; height:auto; left:0; top:0; display:block; } ul.new_kehu li a{ position:absolute; z-index:3; width:100%; height:100%; display:block; left:0; top:0; } ul.new_kehu li .kehu_xinxi{ position:absolute; z-index:2; width:100%; height:100%; left:0; top:0; display:block; background-color:#CF0304; background:rgba(207,3,4,0); color:#fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; } ul.new_kehu li:hover .kehu_xinxi{ background:rgba(207,3,4,0.8); color:#fff; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; transition:0.5s; } ul.new_kehu li .kehu_xinxi span{ padding:0 20px; display:block; } ul.new_kehu li .kehu_xinxi span.date{ font-size:26px; margin-top:60px; } ul.new_kehu li .kehu_xinxi span.title{ margin-top:15px; } ul.new_kehu li .kehu_xinxi span.more{ font-size:12px; margin-top:10px; } .tbox_zone{ width:auto; overflow:hidden; margin-top:20px; } .tbox{ width:360px; overflow:hidden; } #tbox1{ float:left; } #tbox2{ float:left; margin-left:59px; } #tbox3{ float:right; } .lmmc{ width:auto; height:45px; overflow:hidden; background-color:#BC0404; color:#fff; line-height:45px; } .lmmc h2{ float:left; text-indent:13px; font-weight:normal; font-size:16px; } .lmmc h3{ float:left; margin-left:13px; font-weight:normal; text-transform:uppercase; font-size:12px; } .lmmc .more{ float:right; margin-right:10px; color:#fff; font-size:12px; } dl.index_newslist{ width:auto; overflow:hidden; margin-top:20px; } dl.index_newslist dt{ float:left; width:47px; height:47px; background:url(../images/riqi.png) center center no-repeat; } dl.index_newslist dt span{ display:block; text-align:center; font-size:20px; margin-top:15px; color:#fff; } dl.index_newslist dd{ width:294px; float:right; padding-bottom:10px; border-bottom:1px dotted #8B8B8B; } dl.index_newslist dd h4{ float:left; } dl.index_newslist dd h4 a{ color:#fff; font-weight:normal; } dl.index_newslist dd span{ font-size:12px; color:#c4c4c4; } .lx_txt1{ color:#fff; line-height:30px; width:850px; overflow:hidden; clear:both; margin-top:25px; } .lx_l{ width:700px; float:left; overflow:hidden; } #tel{ font-size:42px; color:#fb9f16; display:block; margin-top:35px; } #time{ font-size:22px; color:#fff; display:block; margin-top:20px; padding-left:30px; background:url(../images/time.png) left center no-repeat; line-height:30px; } #lxxx{ line-height:30px; margin-top:20px; color:#fff; display:block; } .lx_r{ width:360px; float:right; overflow:hidden; } .lx_r span{ color:#fff; text-align:center; width:auto; } .lx_r span img{ display:block; margin-bottom:20px; } #ewm1{ float:left; } #ewm2{ float:right; } .link{ width:100%; overflow:hidden; clear:both; margin-top:15px; word-break: break-all; } .link strong{ float:left; color:#fff; } .link a{ line-height:30px; color:#fff; padding:0 10px; white-space:nowrap; } .copy{ width:100%; overflow:hidden; margin-top:25px; } .copy_l{ float:left; } .copy_l a{ color:#fff; height:15px; line-height:15px; overflow:hidden; padding:0 5px 0 5px; display:inline-block; *display:inline; *zoom:1; border-right:1px solid #fff; } .copy_r{ float:right; color:#333; } #ditu{ width:100%; height:auto; display:block; margin-top:25px; } ul.m_index_caselist{ display:none; } #m_index_kehulist{ display:none; } /*------------响应式代码-----------------*/ @media only screen and (max-width : 1600px){ #tbox{ right:-200px; } #txt_case{ margin-top:0 } } @media only screen and (max-width : 1440px){ #tbox{ top:130px; right:-300px; } #txt2_1{ margin-top:50px; margin-left:60px; } .case_more{ margin-top:140px; } .section4 h3{ font-size:24px; margin-top:5px; } } @media only screen and (max-width : 1366px) { #txt2_1{ width:auto; height:40px; } .section2 .bg{ top:47px; } #tbox{ top:130px; right:-330px; } .tabs{ height:400px; width:98px; } .tabs li{ width:98px; height:80px; line-height:80px; } .tabs li a{ line-height:80px; height:80px; font-size:46px; } .tab_con{ height:400px; } .tab_txt{ padding:30px 25px 0 25px; } .case_more{ margin-top:80px; } .new_kehu{ height:170px; overflow:hidden; } ul.new_kehu li .kehu_xinxi span.date{ margin-top:15px; } #txt6{ width:auto; height:50px; } #tel{ font-size:30px; margin-top:15px; } .lx_txt1{ margin-top:15px; } .link{ margin-top:0px; } } @media only screen and (max-width : 1000px) { .fp-controlArrow.fp-prev { display: none; left: 15px; width: 0; border-width: 18.5px 14px 18.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { display: none; right: 15px; border-width: 18.5px 0 18.5px 14px; border-color: transparent transparent transparent #fff; } .slide img{ margin:60% auto 0 auto; display:block; width: 80%; height: auto; } }