@charset "utf-8"; /* CSS Document */ /****** Home-banner-style ******/ #banner { min-width:1200px; } #banner .slides { } #banner .slides .Item { position: relative; } #banner .slides .Item .box { position: absolute; left: 0; top: 20%; width: 100%; text-align: center; } #banner .slides .Item .Intro { color: #fff; } #banner .slides .Item h1 { font-size: 62px; line-height: 100px; font-weight: 400; font-family:"华文楷体", } #banner .slides .Item h2 { font-size: 30px; line-height: 100px; font-weight: 400; } #banner .slides .Item h2 font{ padding: 10px 30px; background-color: rgba(4, 62, 104, 0.6); font-family:"微软雅黑"; font-size:28px; } #banner .slides .Item .Intro a { margin: 10px; display: inline-block; background-color: rgba(255, 255, 255, 0.8); padding: 10px 40px; font-size: 16px; line-height: 30px; color: #363636; transition: all 0.3s; font-weight:bold; font-family:"微软雅黑"; border-radius: 5px;} #banner .slides .Item .Intro a i { margin-left: 5px; } #banner .slides .Item .Intro a:hover { background: #033E68; color: #fff; } /****** Home-public-style ******/ .section { padding: 35px 0; min-width:1200px;} .section .Tit { margin-bottom: 30px; } .section .Tit h3 { font-size: 30px; line-height: 60px; color: #333; text-align: center; font-weight: 500; } .section .Tit span { line-height:50px; padding:5px 20px; background:url(/images/titlebg.png) no-repeat top right } /****** Home-Case-style ******/ #Case { background: url('/images/bg_3.jpg') top center; } #Case .main { margin: 0 -15px; margin-bottom: 40px; } #Case .main li { float: left; width: 25%; } #Case .main .Item { margin: 0 15px; background: #fff; } #Case .main .Item .pic { overflow: hidden; } #Case .main .Item .pic img { transition: all 0.5s; width: 100%; } #Case .main .Item .Intro { padding: 15px; } #Case .main .Item .Intro h3 { font-size: 14px; color: #3d3d3d; line-height: 30px; margin-bottom: 10px; white-space: nowrap; height: 30px; overflow: hidden; text-transform: uppercase; position: relative; } #Case .main .Item .Intro i { margin-right: 10px; height: 26px; width: 26px; overflow: hidden; float: left; display: block; } #Case .main .Item .Intro i img { position: absolute; left: 0; top: -26px; transition: all 0.3s; } #Case .main .Item .Intro p { font-size: 14px; color: #666; line-height: 22px; height: 44px; overflow: hidden; } #Case .main .Item .more { background: #f4f4f4; padding: 10px 15px; border-top: 1px solid #e5e5e5; overflow: hidden; transition: all 0.5s; margin: 0; } #Case .main .Item .more span { font-size: 14px; color: #666; line-height: 30px; float: left; } #Case .main .Item .more i { font-size: 12px; color: #666; line-height: 30px; float: right; } #Case .main .Item:hover .pic img { transform: scale(1.2); } #Case .main .Item:hover .Intro h3 { color: #96ba14; } #Case .main .Item:hover .Intro i img { top: 2px; } #Case .main .Item:hover .more { background: #033E68; } #Case .main .Item:hover .more span { color: #fff; } #Case .main .Item:hover .more i { color: #fff; } /****** Home-Product-style ******/ #Product { background: url('/images/BG_2.jpg') top center; } #Product .Tit h3 { color: #fff; } #Product .Tit span { line-height:50px; padding:5px 20px; background:url(/images/titlebbg.png) no-repeat top right } #Product .main { margin-bottom: 24px; } /*#Product .main .slick { float: left; width: 100%; } #Product .main .Item { padding-bottom: 20px; } #Product .main .Item a { display: block; position: relative; } #Product .main .Item .pic { width: 53%; float: right; position: relative; z-index: 9; top: 20px; padding: 0; } #Product .main .Item .Intro { float: left; width: 50%; position: absolute; z-index: 8; background: #033E68; height: 100%; padding: 40px; padding-right: 70px; } #Product .main .Item h3 { font-size: 24px; color: #fff; line-height: 70px; margin-bottom: 20px; position: relative; } #Product .main .Item h3 .line { position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background: #fff; opacity: 0.5; filter: alpha(opacity=50); } #Product .main .Item p { font-size: 16px; color: #fff; line-height: 30px; margin-bottom: 30px; } #Product .main .Item .more { border: 1px solid #bdcf7f; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 14px; color: #fff; line-height: 30px; } #Product .main .Item i { margin-left: 20px; font-size: 12px; color: #fff; line-height: 30px; } #Product .main button { border: none; outline: none; width: 66px; height: 66px; position: absolute; bottom: 20px; left: 47%; font-size: 0; } #Product .main button.slick-prev { margin-left: -66px; background: url('/images/icon/bl01.png') no-repeat center center #fff; } #Product .main button.slick-next { background: url('/images/icon/br.png') no-repeat center center #033E68; }*/ .pro-ban { position: relative; } #Product .main .pro-li { position: relative; } #Product .main .pro-li a:after { content: ""; clear: both; display: block; } #Product .main .pro-li a { display: block; } #Product .main .pro-li .pro-li-img { width: 53%; float: right; position: relative; z-index: 9; top: 20px; padding: 0; } #Product .main .pro-li .pro-li-Intro { float: left; width: 50%; position: absolute; z-index: 8; background: #D1BC69; height: 95%; padding: 40px; padding-right: 70px; } #Product .main .pro-li-Intro h3 { font-size: 24px; color: #fff; line-height: 70px; margin-bottom: 20px; position: relative; } #Product .main .pro-li-Introh3 .line { position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background: #fff; opacity: 0.5; filter: alpha(opacity=50); } #Product .main .pro-li-Intro p { font-size: 16px; color: #fff; line-height: 30px; margin-bottom: 30px; } #Product .main .pro-li-Intro span { margin-left:10px;} #Product .main .pro-li-Intro .more { border: 1px solid #ffffff; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 14px; color: #fff; line-height: 30px; } #Product .main .pro-li-Intro i { margin-left: 20px; font-size: 12px; color: #fff; line-height: 30px; } #Product .main .owl-theme .owl-controls .owl-buttons div { z-index: 98; margin: 0; padding: 0; border: none; outline: none; width: 66px; height: 66px; position: absolute; bottom: 20px; left: 47%; font-size: 0; border-radius: 0; opacity: 1; } #Product .main .owl-theme .owl-controls .owl-buttons .owl-prev { margin-left: -66px; background: url('/images/bl01.png') no-repeat center center #fff; } #Product .main .owl-theme .owl-controls .owl-buttons .owl-next { background: url('/images/br.png') no-repeat center center #D1BC69; } .gyl ul { margin: 0 -20px; } .gyl li { float: left; width: 33.33%; } .gyl .Item { margin: 0 20px; background: #fff; transition: all 0.5s; } .gyl .Item .pic { overflow: hidden; height:230px; } .gyl .Item .pic img { width: 100%; transition: all 0.5s; } .gyl .Item .Intro { padding: 15px 20px; } .gyl .Item .Intro h3 { font-size: 16px; color: #333; line-height: 25px; height: 50px; overflow: hidden; text-transform: uppercase; font-weight: 500; margin:0px; } .gyl .Item .Intro span { font-size: 14px; color: #999; line-height: 40px; } .gyl .Item .ecosystem-img { overflow: hidden; } .gyl .Item .ecosystem-img img { width: 100%; transition: all 0.5s; } .gyl .Item .ecosystem-cont { padding: 20px; } .gyl .Item .ecosystem-cont h3 { font-size: 18px; color: #000; line-height: 28px; margin-bottom: 10px; font-weight: 300; white-space: nowrap; text-transform: uppercase; overflow: hidden; height: 28px; } .gyl .Item .ecosystem-cont p { font-size: 14px; color: #888; line-height: 22px; margin-bottom: 20px; overflow: hidden; height: 44px; } .gyl .Item .ecosystem-cont .more { margin: 0;margin-left:10px; margin-bottom: 10px; display: inline-block; border: 1px solid #033E68; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px; color: #033E68; line-height: 20px; transition: all 0.3s; } .gyl .Item:hover { background: #D1BC69; } .gyl .Item:hover .ecosystem-cont h3 { color: #fff; } .gyl .Item:hover .ecosystem-cont p { color: #fff; } .gyl .Item:hover .ecosystem-cont .more { background: #033E68; color: #fff; } /****** Home-supply-chain-style ******/ #supply-chain {background: url('/images/mainbg.jpg') top center; } #supply-chain .main { margin: 0 0px; margin-bottom: 20px; } #supply-chain .main .slick { float: left; width: 33.33%; } #Newsbg { background: url('/images/BG_3.jpg') no-repeat center center; min-width:1200px; } /****** Home-News-style ******/ #News { } #News .main { margin: 0 -12px; margin-bottom: 30px; } #News .main li { float: left; width: 50%; margin-bottom:20px;} #News .main .Item { margin: 0 12px; overflow: hidden; padding-left: 180px; position: relative; background: #fff; } #News .main .Item .pic { height: 138px; overflow: hidden; position: relative; background: #f5f4f4; position: absolute; left: 0; top: 0; } #News .main .Item .pic img { transition: all 0.3s; } #News .main .Item .Intro { padding: 20px; } #News .main .Item .Intro h3 { font-size: 18px; color: #033E68; line-height: 27px; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 27px; text-transform: uppercase; border-bottom:1px dashed #CCCCCC } #News .main .Item .Intro .date { display: block; font-size: 12px; color: #D1BC69; line-height: 30px; padding-left:10px; } #News .main .Item .Intro p { font-size: 14px; color: #999; line-height: 20px; overflow: hidden; height: 40px; } #News .main .Item:hover .pic { background: #033E68; } #News .main .Item:hover .pic img { transform: scale(1.1); } #News .main .Item:hover .Intro h3 { color: #033E68; } /****** Home-cooperation-style ******/ #cooperation { background: url('/images/bg_4.jpg') top center; } #cooperation .Tit { text-align: center; } #cooperation .Tit h3 { color: #fff; position: relative; padding-bottom: 10px; margin-bottom: 10px; } #cooperation .Tit span { line-height:50px; padding:5px 20px; background:url(/images/titlebbg.png) no-repeat top right } #cooperation .Tit h3 .line { position: absolute; left: 50%; bottom: 0; width: 80px; height: 1px; background: #fff; margin-left: -40px; opacity: 0.5; filter: alpha(opacity=50); } #cooperation .Tit h5 { color: #fff; font-size: 18px; line-height: 40px; font-weight: 500; } #cooperation .main { margin-bottom: 40px; } #cooperation .main li { float: left; width: 14.28%; text-align: center; } #cooperation .main li:last-child .Item .next { display: none; } #cooperation .main .Item { position: relative; } #cooperation .main .Item h3 { font-size: 16px; color: #fff; line-height: 40px; font-weight: 500; } #cooperation .main .Item .next { position: absolute; right: -8px; top: 50%; margin-top: -30px; } #cooperation .main .Item .next i { font-size: 16px; color: #fff; line-height: 30px; } #cooperation .M-lc { display: none; } /* FILE ARCHIVED ON 01:15:55 Aug 27, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 06:00:49 May 01, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 2.261 exclusion.robots: 1.609 exclusion.robots.policy: 1.596 cdx.remote: 0.087 esindex: 0.011 LoadShardBlock: 89.071 (3) PetaboxLoader3.datanode: 171.092 (4) load_resource: 438.697 PetaboxLoader3.resolve: 312.175 */