@charset "utf-8"; /* css document */ body { letter-spacing: 1px; overflow-x: hidden; padding: 0px; margin: 0px; font-family: 'hiragino sans gb',stheitisc-light,'microsoft yahei' !important; } @font-face { font-family: 'cinzelregular'; src: ; src: format('embedded-opentype'), format('woff2'), format('woff'), format('truetype'), format('svg'); font-weight: normal; font-style: normal; } .yingdao{ display: block; width: 100%; height: 100%; } .yingdao video{ width: 100%; height: 100%; object-fit: fill; } /*****header*******/ .header { position:absolute; z-index: 100; width: 100%; background: none; padding:50px 0 0 0; padding-left:8%; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .header1{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0,0.85); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#e5ffffff,endcolorstr=#d8000); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; z-index:1000; } .header_nav1{ position:relative; left: 50%; top: 40%; width: 660px; margin-left: -330px; } .logo1 { width: 40%; float: left; } .menu1 { float: right; width: 60%; } .menu1 ul li { float: left; vertical-align: middle; font-size: 16px; position: relative; text-transform: capitalize; width: 25%; } .menu1 ul li a { color: #fff; line-height: 40px;-moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .menu1 ul li a:hover { color: #e60012 !important; } .menu1 ul li a span { width: 20px; height: 1px; background: #fff; display: block; float: left; margin-top: 20px; margin-right: 10px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #lightbox-loading-link{ position: relative; left:16px; top: 50px; } .yinying{ -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);} .header_nav { position:relative; left:0; top:-300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; width: 660px; } .logo { width: 30%; float: left; } .menu { float: right; width: 70%; } .menu ul li { float: left; vertical-align: middle; font-size: 16px; position: relative; text-transform: capitalize; width: 25%; } .menu ul li a { color: #fff; line-height: 40px;-moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .menu ul li a:hover { color: #e60012 !important; } .menu ul li a span { width: 20px; height: 1px; background: #fff; display: block; float: left; margin-top: 20px; margin-right: 10px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .login_a{display:none;} /******nav2****/ .burger { position:fixed; z-index:99999; top:0; left:0; width:100px; height:100px; cursor:pointer; float:left;} .burgerlogo{position:absolute; top:0; left:0; z-index:99; width:100%; margin:20px auto; text-align:center;} .burgerlogo img{width:80%;} .burgerline{ width:100%; position:absolute; bottom:55%; left:0; text-align:center;} .burger span{ background:#fff;-moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .burgerxz{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:0;-moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .linetop{ display:block; width:25px; height:2px; margin:0 auto; margin-top:18px; position:relative; top:0; left:0; z-index:99;} .linecenter{ display:block; width:25px; height:2px; margin:0 auto; margin-top:5px; position:relative;top:0; left:0; z-index:99;} .linebottom{display:block; width:25px; height:2px; margin:0 auto; margin-top:5px; position:relative;top:0; left:0; z-index:99;} /* .burger:hover .burgerxz{ background:#e46007;}*/ /*.burger:hover span{background:#fff;}*/ .burger:hover .linetop{ top:-6px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear;} .burger:hover .linebottom{ top:6px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear;} .burgernav{position:fixed; top:48%; left:8%; z-index:99999; float:left; width:80%; height:75px; display:none;} .burgernav ul{width:100%; height:75px;} .burgernav ul li{float:left; line-height:75px; text-align:center; padding:0px 20px;} .burgernav ul li a{color:#fff; display:block; font-size:14px;} .burgernav ul li a:hover{color:#e46007;} .burgerxz_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } .burgerxz_bg span{ background:#000; } .burger2 { position:fixed; z-index:99999; top:0; left:10%; width:120px; height:200px; cursor:pointer; float:left;} .burgerlogo{position:absolute; top:0; left:0; z-index:99; width:100%; margin:20px auto; text-align:center;} .burgerlogo img{width:80%;} .burgerline2{ width:100%; position:absolute; bottom:20%; left:0; text-align:center;} .burger2 span{ background:#000;} /*.burgerxz{background:#fff; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:0;}*/ .linetop2{ display:block; width:25px; height:2px; margin:0 auto; margin-top:18px; position:relative; top:0; left:0; z-index:99;background:#000;} .linecenter2{ display:block; width:25px; height:2px; margin:0 auto; margin-top:5px; position:relative;top:0; left:0; z-index:99;background:#000;} .linebottom2{display:block; width:25px; height:2px; margin:0 auto; margin-top:5px; position:relative;top:0; left:0; z-index:99;background:#000;} .burger2:hover .linetop2{ top:-6px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear;} .burger2:hover .linebottom2{ top:6px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear;} .burgernav2{position:fixed; top:8%; left:32%; z-index:99999; float:right; width:80%; height:75px; display:none; text-align:center;} .burgernav2 ul{width:80%; height:75px; text-align:center;} .burgernav2 ul li{float:left; line-height:75px; text-align:center; padding:0px 20px;} .burgernav2 ul li a{color:#fff; display:block; font-size:14px;} .burgernav2 ul li a:hover{color:#e46007;} /******nav2****/ .lianxi{ position:absolute; top:-150px; right:50px; width:300px; z-index:999; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .lianxi span{ color:#fff; font-size:20px; margin-right:20px;} .lianxi span i{ margin-right:5px; font-size:24px;} /*****header*******/ /*****banner*******/ .banner { position: relative; } @import url(/uploads/css/scss/eb92120814ee40e2808408b0fedbdb7f.css); .accelerate { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transform-style: preserve-3d; backface-visibility: hidden } .hh1 { position: absolute; top: -30000px; left: -30000px; width: 0; height: 0; overflow: hidden; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } ::selection { background: rgba(0,0,0,.8); color: #fff } ::-moz-selection { background: rgba(0,0,0,.8); color: #fff } * { margin: 0; padding: 0 } img, a { border: 0; outline: 0 } a { color: inherit; text-decoration: none } .user-content a { border-bottom: 1px solid } .user-content a:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .user-content p p { margin: 1.3em 0 0 } .btn { display: inline-block; min-width: 80px; height: 42px; padding: 0 42px; font-size: 12px; font-weight: 700; line-height: 42px; text-transform: uppercase; border: 1px #999 solid; background-color: transparent; letter-spacing: .5px; cursor: pointer; color: inherit; text-decoration: none; text-align: center; -webkit-transition: background .4s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: background .4s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: background .4s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: background .4s cubic-bezier(.61, .03, .32, .92)0ms; transition: background .4s cubic-bezier(.61, .03, .32, .92)0ms } .btn:hover { background-color: #eee } .btn-inline { display: inline-block; vertical-align: top; border: 0; min-width: 0; height: auto; line-height: 20px; font-size: 12px; padding: 4px 0; outline: 0; font-weight: 400; text-transform: lowercase; border-bottom: 1px #aaa solid; -webkit-transition: color .4s cubic-bezier(.61, .03, .32, .92)0ms, border .4s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: color .4s cubic-bezier(.61, .03, .32, .92)0ms, border .4s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: color .4s cubic-bezier(.61, .03, .32, .92)0ms, border .4s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: color .4s cubic-bezier(.61, .03, .32, .92)0ms, border .4s cubic-bezier(.61, .03, .32, .92)0ms; transition: color .4s cubic-bezier(.61, .03, .32, .92)0ms, border .4s cubic-bezier(.61, .03, .32, .92)0ms } .btn-inline:hover { background-color: transparent; color: #000 } .btn-inline:active { border-color: #000 } #full-height { } .page-home #header { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 2s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: opacity 2s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: opacity 2s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: opacity 2s cubic-bezier(.61, .03, .32, .92)0ms; transition: opacity 2s cubic-bezier(.61, .03, .32, .92)0ms } .page-home #header.show { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .page-home #header .logo { top: -45px; -webkit-transition: top 2.7s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: top 2.7s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: top 2.7s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: top 2.7s cubic-bezier(.61, .03, .32, .92)0ms; transition: top 2.7s cubic-bezier(.61, .03, .32, .92)0ms } .page-home #header .logo.show { top: 30px } .page-home #header .menu-primary { top: -45px; -webkit-transition: top 2.7s cubic-bezier(.61, .03, .32, .92).35s; -moz-transition: top 2.7s cubic-bezier(.61, .03, .32, .92).35s; -o-transition: top 2.7s cubic-bezier(.61, .03, .32, .92).35s; -ms-transition: top 2.7s cubic-bezier(.61, .03, .32, .92).35s; transition: top 2.7s cubic-bezier(.61, .03, .32, .92).35s } .page-home #header .menu-primary.show { top: 45px } .page-home #header .menu-secondary { top: -45px; -webkit-transition: top 2.7s cubic-bezier(.61, .03, .32, .92)1.1s; -moz-transition: top 2.7s cubic-bezier(.61, .03, .32, .92)1.1s; -o-transition: top 2.7s cubic-bezier(.61, .03, .32, .92)1.1s; -ms-transition: top 2.7s cubic-bezier(.61, .03, .32, .92)1.1s; transition: top 2.7s cubic-bezier(.61, .03, .32, .92)1.1s } .page-home #header .menu-secondary.show { top: 37px } .page-home #header .langs { top: -45px; -webkit-transition: top 2.7s cubic-bezier(.61, .03, .32, .92).7s; -moz-transition: top 2.7s cubic-bezier(.61, .03, .32, .92).7s; -o-transition: top 2.7s cubic-bezier(.61, .03, .32, .92).7s; -ms-transition: top 2.7s cubic-bezier(.61, .03, .32, .92).7s; transition: top 2.7s cubic-bezier(.61, .03, .32, .92).7s } .page-home #header .langs.show { top: 45px } .page-home .big-preload-mask { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background: #4a4a4a; z-index: 500; overflow: hidden; -webkit-transition: bottom 1s cubic-bezier(.61, .03, .32, .92).3s, height 2s cubic-bezier(.61, .03, .32, .92).3s; -moz-transition: bottom 1s cubic-bezier(.61, .03, .32, .92).3s, height 2s cubic-bezier(.61, .03, .32, .92).3s; -o-transition: bottom 1s cubic-bezier(.61, .03, .32, .92).3s, height 2s cubic-bezier(.61, .03, .32, .92).3s; -ms-transition: bottom 1s cubic-bezier(.61, .03, .32, .92).3s, height 2s cubic-bezier(.61, .03, .32, .92).3s; transition: bottom 1s cubic-bezier(.61, .03, .32, .92).3s, height 2s cubic-bezier(.61, .03, .32, .92).3s } .page-home .big-preload-mask-content { position: absolute; bottom: 50%; margin-bottom: -19px; left: 0%; width: 100%; color: #fff; text-transform: uppercase; -webkit-transition: opacity 1.5s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: opacity 1.5s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: opacity 1.5s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: opacity 1.5s cubic-bezier(.61, .03, .32, .92)0ms; transition: opacity 1.5s cubic-bezier(.61, .03, .32, .92)0ms } .page-home .big-preload-mask-content-inner { width: 1014px; padding-right: 13px; padding-left: 143px; margin: 0 auto } .page-home .big-preload-mask-title { font-size: 36px; letter-spacing: 3px; font-weight: 300 } .page-home .big-preload-mask.hide { height: 0 } .page-home #slider { position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1.3s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: all 1.3s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: all 1.3s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: all 1.3s cubic-bezier(.61, .03, .32, .92)0ms; transition: all 1.3s cubic-bezier(.61, .03, .32, .92)0ms } .page-home #slider .slider-ctrl { position: absolute; right: 45px; top: 50%; margin-top: -45px; z-index: 5; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 4s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: opacity 4s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: opacity 4s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: opacity 4s cubic-bezier(.61, .03, .32, .92)0ms; transition: opacity 4s cubic-bezier(.61, .03, .32, .92)0ms } .page-home #slider .slider-ctrl-prev, .page-home #slider .slider-ctrl-next { line-height: 90px } .page-home #slider .slider-ctrl-prev, .page-home #slider .slider-ctrl-next, .page-home #slider .slider-ctrl-all { display: inline-block; width: 88px; height: 88px; text-align: center; font-size: 24px; font-weight: 700; color: #fff; border: 1px transparent solid; cursor: pointer; vertical-align: top; text-decoration: none; background: ; -webkit-transition: border 1s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: border 1s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: border 1s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: border 1s cubic-bezier(.61, .03, .32, .92)0ms; transition: border 1s cubic-bezier(.61, .03, .32, .92)0ms } .page-home #slider .slider-ctrl-prev:hover, .page-home #slider .slider-ctrl-next:hover, .page-home #slider .slider-ctrl-all:hover { border-color: rgba(255,255,255,.5); -webkit-transition: border .3s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: border .3s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: border .3s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: border .3s cubic-bezier(.61, .03, .32, .92)0ms; transition: border .3s cubic-bezier(.61, .03, .32, .92)0ms } .page-home #slider .slider-ctrl-prev { background-position: -7px -5px } .page-home #slider .slider-ctrl-next { background-position: -107px -5px } .page-home #slider .slider-ctrl-all { background-position: -7px -205px; line-height: 88px } .page-home #slider .scroll-tip { position: absolute; bottom: 0; left: 50%; height: 40px; width: 200px; margin-left: -100px; text-align: center; z-index: 2; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .page-home #slider .scroll-tip-title { font-size: 12px; text-transform: uppercase; color: #fff; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 1.3s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: opacity 1.3s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: opacity 1.3s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: opacity 1.3s cubic-bezier(.61, .03, .32, .92)0ms; transition: opacity 1.3s cubic-bezier(.61, .03, .32, .92)0ms } .page-home #slider .scroll-tip.scroll-start .scroll-tip-title { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .page-home #slider .scroll-tip.scroll-start:after { height: 0 } .page-home #slider .slider-switch { position: absolute; left: 0; bottom: 60px; width: 100%; text-align: center; z-index: 5 } .page-home #slider .slider-switcher { position: relative; display: inline-block; width: 50px; height: 3px; margin: 0 1px; background: rgba(255,255,255,.5); filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; cursor: pointer; -webkit-transition: opacity 4s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: opacity 4s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: opacity 4s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: opacity 4s cubic-bezier(.61, .03, .32, .92)0ms; transition: opacity 4s cubic-bezier(.61, .03, .32, .92)0ms } .page-home #slider .slider-switcher:before { content: ""; position: absolute; display: block; top: -18px; left: 0; width: 100%; height: 40px } } .page-home #slider .slides .slide { overflow: hidden; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .page-home #slider .slides .slide a { text-decoration: none; color: inherit; width: 100%; height: 100%; display: inline-block; } .page-home #slider .slides .slide.prev { left: -100% } .page-home #slider .slides .slide.prev, .page-home #slider .slides .slide.next { position: absolute; top: 0; width: 100%; height: 100%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7) } .page-home #slider .slides .slide.next { left: 100% } .page-home #slider .slides .slide.active { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 1.3s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: all 1.3s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: all 1.3s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: all 1.3s cubic-bezier(.61, .03, .32, .92)0ms; transition: all 1.3s cubic-bezier(.61, .03, .32, .92)0ms } } .page-home #slider .slides .slide-bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; -webkit-transition: all 5s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: all 5s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: all 5s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: all 5s cubic-bezier(.61, .03, .32, .92)0ms; transition: all 5s cubic-bezier(.61, .03, .32, .92)0ms } .page-home #slider .slides .slide-content { position: absolute; top: 50%; margin-top: -19px; left: 8%; width: 650px; color: #fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; left:-500px; -webkit-transition: opacity 1.5s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: opacity 1.5s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: opacity 1.5s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: opacity 1.5s cubic-bezier(.61, .03, .32, .92)0ms; transition: opacity 1.5s cubic-bezier(.61, .03, .32, .92)0ms; } .page-home #slider .slides .slide-tip { margin-top: 12px; font-size: 14px; font-weight: 300; letter-spacing: 1px } .page-home #slider .slides .slide-tip strong { font-weight: 300 } .page-home #slider .slides .slide-title { } .page-home #slider .slides .slide-title h3 { font-size: 48px; text-transform: capitalize; letter-spacing: 3px; } .page-home #slider .slides .slide-title p { font-size: 20px; margin-bottom: 0; } .page-home #slider .slides .slide-title h2 { font-size: 20px; margin: 0; font-family: 'cinzelregular'; } .page-home #slider.__anim .slider-ctrl, .page-home #slider.__anim .slider-switcher { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .page-home #slider.__anim .slides .slide-bg { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .page-home #slider.__anim .slides .slide-bg-overlay { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .page-home #slider.__anim .slides .slide-content { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .page-home .prlx-panel { position: absolute; top: 100%; left: 0; width: 100%; height: 400px; background: #fff; z-index: 2 } .page-home #home-content { position: relative; padding: 160px 0 50px; overflow: hidden } .page-home #home-content .home-item-w-w { width: 1014px; padding-right: 13px; padding-left: 143px; margin: 0 auto } .page-home #home-content .home-item-w-w:last-child { height: 520px } .page-home #home-content .home-item-w .home-item { position: absolute; padding: 0 13px; cursor: pointer } .page-home #home-content .home-item-w .home-item-ph { background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .5s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: all .5s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: all .5s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: all .5s cubic-bezier(.61, .03, .32, .92)0ms; transition: all .5s cubic-bezier(.61, .03, .32, .92)0ms } .page-home #home-content .home-item-w .home-item-ph, .page-home #home-content .home-item-w .home-item-ph-prlx { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .page-home #home-content .home-item-w .home-item-ph-w { position: relative; overflow: hidden; background: #caccb5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .5s cubic-bezier(.61, .03, .32, .92)0ms; -moz-transition: all .5s cubic-bezier(.61, .03, .32, .92)0ms; -o-transition: all .5s cubic-bezier(.61, .03, .32, .92)0ms; -ms-transition: all .5s cubic-bezier(.61, .03, .32, .92)0ms; transition: all .5s cubic-bezier(.61, .03, .32, .92)0ms } .page-home #home-content .home-item-w .home-item-content { position: relative; padding: 24px 0; font-size: 12px; color: #000; text-transform: uppercase; letter-spacing: .6px } .page-home #home-content .home-item-w .home-item-content:after { content: ""; position: absolute; right: 0; top: 24px; width: 2px; height: 12px; border-right: 2px solid } .page-home #home-content .home-item-w .home-item-title { font-weight: 600 } .page-home #home-content .home-item-w .home-item-tip { font-weight: 300; padding-left: 4px } .page-home #home-content .home-item-w .home-item-special-content { position: absolute; top: 80px; left: -130px; color: #000; text-transform: uppercase; letter-spacing: .6px } .page-home #home-content .home-item-w .home-item-special-title { font-weight: 700; font-size: 24px; line-height: 40px; letter-spacing: 2px } .page-home #home-content .home-item-w .home-item-special-tip { margin-bottom: 16px; font-size: 12px; line-height: 30px; font-weight: 300; color: #8d9a98 } .page-home #home-content .home-item-w .home-item-special-link { width: 234px; margin: 57px 0 0 3px; font-size: 12px; font-weight: 600; line-height: 16px } .page-home #home-content .home-item-w .home-item-special-link span { position: relative; display: inline-block } .page-home #home-content .home-item-w .home-item-special-link span:after { content: ""; position: absolute; bottom: -7px; left: 10%; width: 80%; height: 1px; background: #8d9a98; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .page-home #home-content .home-item-w .home-item:hover .home-item-ph { -webkit-transform: scale(1.225); -moz-transform: scale(1.225); -ms-transform: scale(1.225); -o-transform: scale(1.225); transform: scale(1.225) } .page-home #home-content .home-item-w .home-item:hover .home-item-ph-w { -webkit-transform: scale(1.025); -moz-transform: scale(1.025); -ms-transform: scale(1.025); -o-transform: scale(1.025); transform: scale(1.025) } .page-home #home-content .home-item-w.item-1 { height: 260px; padding-right: 13px; padding-left: 403px } .page-home #home-content .home-item-w.item-2 { height: 440px } .page-home #home-content .home-item-w.item-2 .home-item { width: 364px; height: 500px } .page-home #home-content .home-item-w.item-2 .home-item-ph-w { height: 500px } .page-home #home-content .home-item-w.item-2 .home-item-ph-w:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.2) } .page-home #home-content .home-item-w.item-4 { height: 520px; padding-right: 13px; padding-left: 143px } .page-home #home-content .home-item-w.item-4 .home-item { width: 624px; height: 520px } .page-home #home-content .home-item-w.item-4 .home-item-ph-w { height: 440px } ul, li { list-style-type: none; } .slides { height: 100%; overflow: hidden; position: relative; cursor: -webkit-grab; } .slide { float: left; position: relative; left: 0; top: 0; height: 100%; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .slider-link { position: relative; } .slide-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size:cover; background-repeat:no-repeat; } .button-scroll { text-align: center; left: 50%; position: absolute; top: auto; bottom: -22px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 99; } .button-scroll .text { margin-bottom: 10px; } .gen__subtitle--big { font-family: 'cinzelregular'; color: #fff; font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase; } .button-scroll .icon { background: #000; color: #fff; display: block; font-size: 18px; height: 45px; left: 50%; line-height: 45px; margin: 0 0 0 -22.5px; position: relative; width: 45px; } .button-scroll .icon { display: block; line-height: inherit; -webkit-animation: scrolldown 1.5s cubic-bezier(.455, .03, .515, .955) 0s infinite normal; -moz-animation: scrolldown 1.5s cubic-bezier(.455, .03, .515, .955) 0s infinite normal; -ms-animation: scrolldown 1.5s cubic-bezier(.455, .03, .515, .955) 0s infinite normal; -o-animation: scrolldown 1.5s cubic-bezier(.455, .03, .515, .955) 0s infinite normal; animation: scrolldown 1.5s cubic-bezier(.455, .03, .515, .955) 0s infinite normal; } .icon-arrow-bottom:before { } .icon-arrow-bottom { display: inline-block; color: #fff; cursor: pointer; -webkit-animation-name: pounding; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-name: pounding; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out } .icon-arrow-bottom:hover { -webkit-animation-play-state: paused; animation-play-state: paused } /*****banner*******/ /*****index_box1*******/ .index_box1 { padding: 130px 0 100px; overflow:hidden; } .index_box1_nav { width: 80%; margin: 0 auto; } .index_box1_left { width: 90%; position: relative; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; bottom:-300px; } .index_box1_left_wz{ position:absolute; left: 25%; top: 30%; width:170px; } .index_box1_left_wz p{ display: inherit; font-size: 14px; color: #000; font-weight: bold;} .index_box1_left_wz p span{display: block; text-shadow: 1px 0px 3px #fff; color: #666; font-size: 12px;} .index_box1_right { width: 90%; float: right; padding-top: 10%; position: relative; filter:alpha(opacity=1); -moz-opacity:0; -khtml-opacity:0; opacity:1; /* bottom:-300px;*/ } .index_box1_right h3 { color: #000; font-size: 16px; margin: 0; padding-bottom: 20px; font-family: 'cinzelregular'; font-style: italic; } .index_box1_right h2 { font-size: 30px; margin: 5px 0 30px 0; letter-spacing: 2px; letter-spacing: 2px; } .index_box1_right h2 span { color: #000; font-size: 40px; } .index_box1_right p { font-size: 15px; line-height: 24px; text-indent: 2em; } .index_box1_right .btn1 { width: 120px; line-height: 35px; color: #fff; background: #000; display: block; text-align: center; margin-top: 50px; } .index_box1_right:hover .btn1 { color: #e60012; } /*****index_box1*******/ /*****index_box2*******/ .index_box2 { overflow:hidden; } .section4 { width:100%; overflow:hidden; background:; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/simages/1-1.jpg", sizingmethod='scale'); position: relative; } .section3_wz { position: absolute; z-index: 100; width: 50%; right: 0; top: 25%; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .section3_wz h3 { font-size: 40px; color: #fff; width: 60%; margin-top: 0; } .section3_wz h2 { width: 30px; height: 3px; background: #e60012; display: block; margin: 20px 0; } .section3_wz p { font-size: 18px; color: #fff; width: 64%; } .section3_menu { position: absolute; width:400px; top: 25%; left: 5%; z-index: 100; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; left:-500px; } .heibeijing { background: #000; position: absolute; background:; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/simages/bj.png", sizingmethod='scale'); width: 100%; height: 100%; z-index: 99; top: 0; left: 0;/* filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;*/ } .section .bgimg { position: absolute; top: 0; left: 0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width: 100%; height: 100%; } .section .bgimg1 { position: absolute; top: 0; left: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; background:; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/simages/1.jpg", sizingmethod='scale'); width: 100%; height: 100%; } .section .bgimg2 { position: absolute; top: 0; left: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; background:; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/simages/liujin.jpg", sizingmethod='scale'); width: 100%; height: 100%; } .section .bgimg3 { position: absolute; top: 0; left: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; background:; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/simages/liujin.jpg", sizingmethod='scale'); width: 100%; height: 100%; } .section .bgimg4 { position: absolute; top: 0; left: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; background:; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/simages/liujin.jpg", sizingmethod='scale'); width: 100%; height: 100%; } .section .bgimg5 { position: absolute; top: 0; left: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; background:; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/simages/liujin.jpg", sizingmethod='scale'); width: 100%; height: 100%; } .section .bgimg6 { position: absolute; top: 0; left: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; background:; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/simages/liujin.jpg", sizingmethod='scale'); width: 100%; height: 100%; } .section .bgimg7 { position: absolute; top: 0; left: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; background:; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; filter:progid:dximagetransform.microsoft.alphaimageloader (src="/uploads/image/simages/liujin.jpg", sizingmethod='scale'); width: 100%; height: 100%; } .menu_01, .menu_02, .menu_03, .menu_04, .menu_05, .menu_06, .menu_07 { z-index: 9999; float: left; margin-bottom: 30px; margin-right: 30px; width: 145px; height: 145px; border: 1px #fff solid; position: relative; } .menu_01:hover { border: 1px #e60012 solid; transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; background: #e60012 } .menu_02:hover { border: 1px #e60012 solid; transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; background: #e60012 } .menu_03:hover { border: 1px #e60012 solid; transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; background: #e60012 } .menu_04:hover { border: 1px #e60012 solid; transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; background: #e60012 } .menu_05:hover { border: 1px #e60012 solid; transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; background: #e60012 } .menu_06:hover { border: 1px #e60012 solid; transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; background: #e60012 } .menu_07:hover { border: 1px #e60012 solid; transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; background: #e60012; } .jiahao { display: block; width: 17px; height: 17px; margin-top: 20px; margin-left: 20px; overflow: hidden; background: url(/uploads/image/simages/jiahao.png) no-repeat center center; } .txt_pic { width: 45px; height: 45px; position: absolute; left: 50%; bottom: 25px; margin-left: -23px; } .txt_pic svg { display: block; } .txt_pic span { display: none; } .txt_wz { width: 80%; text-align: center; position: absolute; left: 10%; bottom: 10px; height: 30px; line-height: 22px; font-size: 15px; } .txt_wz { color: #fff; } .txt_wz:hover { color: #fff; } /*****index_box2*******/ /*****index_box3*******/ .index_box3 { padding:150px 0 80px 0; overflow:hidden; } .index_box3_nav { width: 84%; margin: 0 auto; } /*2018-11-19 修改*/ .history_a { border-right: 1px #ddd solid; position: relative; overflow: hidden; filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; padding: 0 35px !important; } .history_list h2 { color: #000; font-size: 100px; line-height: 130px; margin: 0; font-family: 'cinzelregular'; } .history_list h2 span { font-size:22px; color: #666; } .history_sj p { line-height: 20px; color: #666; font-size: 16px; font-weight: bold; letter-spacing: 1px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .history_sj .sj { color: #999; font-size: 14px; font-weight: 300; } .history_sj span { display: block; font-size: 12px; line-height: 20px; color: #e60012; } .history_sj span b { color: #e60012; } .history_xq { position: absolute; width: 100%; height: 100%; background: #000; padding: 30px 20px; left: 0; top: 100%; z-index: 9; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .history_xq h3 { font-size: 20px; color: #fff; font-weight: bold; width: 100%; line-height:30px; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ } .history_xq p { font-size: 14px; color: #fff; line-height: 24px; } .history_a:hover .history_xq { filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 0; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .history_a4 { border: none; } .history_con>h3 { font-size: 40px; letter-spacing: 0px; line-height: 30px; margin-bottom: 60px; font-family: 'cinzelregular'; } .history_con>h3 span { font-weight: bold; } /*2018-11-19 修改*/ .index_box3_wz { width: 980px; margin-top: 60px; position:relative; bottom:0; filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity:1; opacity:1; } .index_box3_wz_left { float: left; width: 30%; } .index_box3_wz_left a { color: #333; } .index_box3_wz_left a h3 { padding: 10px; border: 1px solid #222; font-size: 20px; width: 284px; } .index_box3_wz_right { font-size: 30px; width: 660px; float: right; } .index_box3_wz_left:hover a h3 { background: #e60012; border: 1px solid #e60012; color: #fff; } /*****index_box3*******/ /*****index_box4*******/ .contact_center_bottom { padding: 80px 0;background: #f3f3f3; } .dw_tp { width: 70px; margin: 0px auto; display: block; border: 2px #333 solid; border-radius: 50%; padding: 10px; } .contact_center_bottom h3 { line-height: 30px; background: url(/uploads/image/simages/address_btbg.jpg) left center; background-repeat: repeat-x; text-align: center; width: 80%; margin: 0 auto; margin-top: 10px; } .contact_center_bottom h3 span { color: #333; font-size: 22px; line-height: 30px; padding: 0 20px; } .contact_center_bottom p { color: #666; font-size: 16px; line-height: 24px; text-align: center; width: 50%; margin: 20px auto; } .go_btn{ width:100px; height: 30px; background: #333; color:#fff; border: none; border-radius:2px; margin: 20px auto 0; display: block; outline:none; } /*****index_box4*******/ /***footer***/ .footer { background: #333; padding-bottom: 10px; padding-top: 40px; } .footerbottom { border-top: solid 1px #666; padding-top: 10px; } .copy { color: #666; line-height: 50px; font-size: 13px; } .unohacha_logo { float: right; } .footerleft { float: left; } .footerleftone { float: left; margin-right: 30px; min-width: 100px; } .footerleftone ul li { color: #ccc; font-size: 14px; line-height: 20px; } .fisrt { line-height: 30px; height: 30px; } .footertop { margin-bottom: 40px; } .footerleftone li a { color: #777; font-size: 13px; text-decoration: none; display: block; } .footerleftone .fisrt a { color: #e6e6e6; font-size: 14px; text-transform: uppercase; font-weight: bold; } .footerleftone li a:hover { color: #e60012; } .footerright { float: right; } .footerrighttop p { color: #ccc; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; font-family: 'cinzelregular'; } .footerrighttop { position: relative; } .footerrighttop input { height: 30px; padding: 7px 5px; color: #a3a3a3; border: solid 1px #bbb; outline: 0; width: 80%; float: left; font-family: 'cinzelregular'; } .footerright_anniu { width: 20%; float: right; color: #fff; background: #e60012; line-height: 30px; } .footerright_anniu a { color: #fff; text-align: center; display: block; font-family: 'cinzelregular'; } .follow { margin-top: 40px; } .follow p { color: #ccc; font-size: 14px; text-transform: uppercase; font-family: 'cinzelregular'; } .follow ul { } .follow ul li { float: left; margin-right: 10px; } .follow ul li a { color: #fff; } .follow ul li img { width: 33px; } .sydbxg{color: #666;margin-left: 3px;} .sydbxg:hover{color: #e60012;} /***footer***/ .fot_wbwx01{ position:relative;} .fot_wbwx02{ position:relative;} .fot_wbtp{ width:120px; height:auto; position:absolute; bottom:25px; left:50%; margin-left:-60px; display:none;/*filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;*/} .fot_wbtp img{ width:100% !important;} /*.fot_wbtp01{ z-index:-1;} .fot_wbtp02{ z-index:-1;}*/ .sy_gzwm{ width:30px; height:auto; margin:0 auto; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .sy_gztp{ width:320px; height:auto; position: absolute; top:59px; left:25px; background:#fff; display:none; } .sy_gztp01{ width:150px; height:auto; float:left; } .sy_gztp02{ width:150px; height:auto; float:right; } .sy_gztp p{ line-height:30px; font-size:14px; text-align:center; margin:0 auto; } .infos { position: absolute; top: 160px; left: 0; width: 100%; height: 100%; z-index: 2; } .infos .info { position: absolute; width: 40px; height: 40px; } .info-1 { left: 35%; bottom: 32%; } .info-2 { right: 25%; bottom: 25%; } .info-3 { left: 27%; bottom: 19%; } .info-4 { margin: 19px 0 0 102px; } .button { width: 40px; height: 40px; background: #323f48; border: 2px solid #dbd9d6; cursor: pointer; z-index: 5; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: all .2s ease, width .2s ease, height .2s ease; -o-transition: all .2s ease, width .2s ease, height .2s ease; -webkit-transition: all .2s ease, width .2s ease, height .2s ease; transition: all .2s ease, width .2s ease, height .2s ease; } .is-opened.button { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .button:hover { margin: -5px 0 0 -5px; width: 50px; height: 50px; } .button:before { margin: -7px 0 0 -1px; width: 2px; height: 14px; position: absolute; top: 50%; left: 50%; background: #dbd9d6; content: ''; } .button:after { margin: -1px 0 0 -7px; width: 14px; height: 2px; position: absolute; top: 50%; left: 50%; background: #dbd9d6; content: ''; } .content { display: none; margin-left: -90px; position: absolute; top: 25px; left: 50%; width: 270px; background: #323f48; color: #dbd9d6; font-size: 11px; } .content-inner { padding: 10px; position: relative; background: #f7f7f7; z-index: 2; } .info-title { display: inherit; font-size: 14px; color: #000; font-weight: bold; } .info-title span { display: block; color: #666; font-size: 12px; } .info-title:after { position: absolute; bottom: 0px; left: 0%; width: 12px; height: 2px; background: #fff; content: ""; } .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #231f20; z-index: 1; } .content .content-line { position: absolute; bottom: -15px; left: 50%; width: 1px; height: 40px; background: #dbd9d6; z-index: 3; } .line { position: absolute; top: 98px; left: -200%; width: 1px; height: 119px; background: #dbd9d6; z-index: 1; } .info .content-text { opacity: 0; } /*增加的样式*/ .phone_menu{ display: none; } /*增加的样式*/ .container.j_con{padding-left:0;padding-right:0;} .footertop .footerleft{display:block;} .navbar-nav > li .class a { padding-top: 7px; padding-bottom: 7px; line-height: 20px; border-bottom: dashed 1px rgba(221, 221, 221, 0.3); text-decoration: none; font-size: 12px; background-color: #333;color: #fff;} /* 弹框 */ .indexbomb{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; display:none; } .indexbomb_bg{ width:100%; height:100%; background:#000; position:absolute; top:0; left:0; z-index:-1; opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; -webkit-opacity:0.6; } .indexbomb_con{ width:600px; height:330px; overflow:hidden; position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-165px; background:#fff; border:10px solid #eaeaea; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .indexbomb_con_on{ opacity:1 !important; filter:alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity:1 !important; -webkit-opacity:1 !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; } .indexbomb_img{ width:100%; } .indexbomb_img img{ display: block; width:100%; } .indexbomb_con>img{position:absolute; top:15px; right:15px;cursor:pointer;} /* .nav_menu_ba{width:240px;} .nav_menu_ba ul li{ position:relative; width:110px!important;} .navysmz{width:70%;} .nav_xlcd{ width:300px; height:500px; border-left:dashed 2px #eee; background-color:#fff; position:absolute; top:0; left:80px; display:none;} .nav_xlcd p{ line-height:25px; margin:0 auto; padding:0;} .nav_xlcd p a{ display:none; line-height:20px;} .nav_menu_bb{width:240px;} .nav_menu_bb ul li{ position:relative; width:110px!important;} .nav_xlcda{ width:300px; height:500px; border-left:dashed 2px #eee; background-color:#fff; position:absolute; top:0; left:80px; display:none;} .nav_xlcda p{ line-height:25px; margin:0 auto; padding:0;} .nav_xlcda p a{ display:none; line-height:20px;} */ .lyxil{ line-height:25px; margin-top:15px; } .lyxil a{ padding:0 0 0 16% !important; } .syshiop{ margin-top:20%;} .banner{ max-width:1920px; margin:0 auto;} .banner_banner{ height:100%; height:100%; } /** top daima **/ .nav_menu_cp { width: 755px; } .nav_menu_ba { width: 100% !important; padding-bottom: 3% !important; padding-top: 2% !important; } .nav_menu_ba ul li { width: 20%!important; float: left !important; } .ztys_box { float: left !important; width: 65% !important; } .ztys_box li { width: 43% !important; } .ztcf_box { float: left !important; margin-left: 2% !important; } .ztly p { margin-bottom: -15px !important; } .lvyi { margin-left: 3% !important; } .lvyi a { background: url(/uploads/image/simages/navmenuicon.gif) 10px 19px no-repeat !important; } .ztly_title a { font-size: 14px !important; font-weight: bold !important; padding-left: 25px !important; padding-bottom:0 !important; } .ztjy { float: left !important; margin-left: 2% !important; } .ztjy p {margin-bottom:0 !important; height:25px; line-height:25px !important; margin:0 auto !important;} .ztay p { margin-bottom:0 !important; height:25px; line-height:25px !important; margin:0 auto !important; } .zthy p { margin-bottom:0 !important; height:25px; line-height:25px !important; margin:0 auto !important; } .ztjiy { margin-top: 25% !important; } .ztjiany { float: left !important; } .zthey { margin-top: 17% !important; } .zthst { margin-top: 20% !important; } .zthst p { width: 85% !important; margin-bottom: -15px !important; } .lvyi a:hover { background: url(/uploads/image/simages/tudot.gif) 10px 19px no-repeat !important; } .ztcf_ntitle p a { line-height: 20px!important; font-weight: bold !important; font-size: 14px !important; } .ztjyj a { /* background: url(/uploads/image/simages/navmenuicon.gif) 10px 9px no-repeat !important; */ } .ztjyj a:hover { /* background: url(/uploads/image/simages/tudot.gif) 10px 19px no-repeat !important; */ } .zthy a { background: url(/uploads/image/simages/navmenuicon.gif) 10px 19px no-repeat !important; } .zthy a:hover { background: url(/uploads/image/simages/tudot.gif) 10px 19px no-repeat !important; } .ztjy_j a { background: url(/uploads/image/simages/navmenuicon.gif) 10px 19px no-repeat !important; } .ztjy_j a:hover { background: url(/uploads/image/simages/tudot.gif) 10px 19px no-repeat !important; } .hst_zt a { background: url(/uploads/image/simages/navmenuicon.gif) 10px 19px no-repeat !important; } .hst_zt a:hover { background: url(/uploads/image/simages/tudot.gif) 10px 19px no-repeat !important; } .ayi_a a { background: url(/uploads/image/simages/navmenuicon.gif) 10px 19px no-repeat !important; } .ayi_a a:hover { background: url(/uploads/image/simages/tudot.gif) 10px 19px no-repeat !important; } .nav_menu_cp { } .nav_menu01 { background: #f5f5f5 !important; left: 0 !important; margin-left: 0 !important; } .cpzxnr { width: 80% !important; margin: 0 auto !important; } .nav_menu_b { /**border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;**/} .ztcf_box { float: none; float: right !important; margin-left: auto !important; margin-right: 5% !important; } .ztys_box { width: 70% !important; } .lyxil a { padding: 0 0 0 25px !important; } .ztysbt a { font-size: 18px; line-height: 30px !important; } .ztys_box ul { padding: 0 !important; } .ztjyj { margin-top: 5px !important; } .lvyi { margin-top: -5px !important; } .ayi_a { margin-top: -5px !important; } .ztjy_j { margin-top: -5px !important; } .hst_zt { margin-top: -5px !important; } .zthy { margin-top: -5px !important; } .ztjy_nav{margin-top: 20px !important;} /** top daima **/ /** mbxdh **/ .mbxdh{ height:30px; line-height:30px; background:url(/uploads/image/simages/mbxdh.png) left center no-repeat; padding-left:30px; margin-bottom: 50px; } .mbxdh p{ line-height:30px; margin:0 auto; color:#333; white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; } .mbxdh p a{ color:#333; } .mbxdh p a:hover{ color:#e60012; } .mbxdh_sp01{} .mb_jt{ font-family:"宋体"; margin:0px 5px; color:#333; } .mbxdh_sp02{color:#666;} /** mbxdh **/ /** xwxgtj **/ .xwxgtj{ height:auto; border:1px solid #e9e6e6; padding:15px; margin-top:20px; } .xwxgtj_n{ line-height:30px; font-size:16px; color:#000; margin-bottom:10px; } .xwxgtj ul{ height:auto; margin-left:0; } .xwxgtj ul li{ height:auto; } .xwxgtj ul li a{ display:block; line-height:30px; color: #666; font-size: 14px; height:30px; white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; } .xwxgtj ul li a:hover{color: #e60012;} /** xwxgtj **/ /** dbxx_yqlj **/ .dbxx_yqlj{ height:auto; } .dbxx_yqlj ul{ height:auto; } .dbxx_yqlj ul li{ height:auto; float:left; margin:0px 5px 5px 5px; color:#777; } .dbxx_yqlj ul li a{ display:block; color:#777; } .dbxx_yqlj ul li a:hover{color: #e60012;} /** dbxx_yqlj **/ /** shouye_yuyue **/ .shouye_yuyue{ width:100%; height:auto; } .shouye_yuyue1{ width:120px; height:170px; position:fixed; bottom:0; left:-100%; z-index:9999999; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .shouye_yuyue2{ width:100%; height:140px; position:fixed; bottom:0; left:0; z-index:999999; background: rgba(0,0,0,0.7); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#b2000000,endcolorstr=#b2000000); display:none; } .syyeinner{ width:100%; height:100%; position: relative; } .syyeinner_zj{ width:845px; height:194px; position: absolute; bottom: 0; left: 50%; margin-left: -422px; } .syyeinner_gb{ width:40px; height:40px; position: absolute; top: 66px; right: 6px; cursor: pointer; } .syyeinner_xm{ width: 172px; height: 40px; position: absolute; top: 125px; left: 195px; } .syyeinner_dh{ width: 172px; height: 40px; position: absolute; top: 125px; left: 388px; } .syyeinner_yy{ width: 172px; height: 40px; position: absolute; top: 125px; right: 91px; cursor: pointer; } .syyeinner_input{ width:100%; height:40px; line-height:40px; padding:0px 10px; font-size:16px; color:#666; } /** shouye_yuyue **/ /**2018-12-08**/ .burgerline { bottom: 30%; } /**2018-12-08**/ @media(min-width:768px) and (max-width:1440px){ .footerleftone{ margin-right:15px;} .menu_01, .menu_02, .menu_03, .menu_04, .menu_05, .menu_06,.menu_07{ z-index:9999; float:left; margin-bottom:20px; margin-right:20px; width: 110px; height: 110px; border: 1px #fff solid; position:relative; transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; } .section3_menu{ width:500px;} .jiahao{ display:none;} .section3_wz h3{ font-size:35px;} .chufang_list_right p{display:none;} } @media screen and (max-width:1260px){ .footerleftone{ margin-right:0px;} } @media(max-width:1100px) { .lianxi { top: 20px !important; } .abc{ padding: 0!important; } .footerleftone{ min-width: 95px;} .footertop .footerleftone_none{display:none;} .chufang_list_right h4{margin-top: 30px;} .chufang_list_right .tubiao{margin-top: 30px;} } @media(max-width:1000px) { .footerleftone{ min-width: 94px;} .footertop .footerleftone_none1{display:none;} .chufang_list_right h3{ font-size: 30px;} .chufang_list_right h2{ font-size: 15px;} .chufang_list_right h4{ font-size: 24px;} .chufang_list_right{ padding: 30px 0;} .neizhuang_box1_list_wz h2 .mianji,.neizhuang_box1_list_wz h2 .gaodu{ font-size: 15px;padding: 10px 10px;} .neizhuang_box1_list_wz{ left: 35px;} } @media(max-width:768px) { .pagefa a{ margin-bottom:30px !important;} .fa_xqzl01 ul li{ width:100% !important; margin-bottom:15px !important;} .fa_xqzl01 ul li a{padding: 5px !important;} .fa_xqzl02{ height:430px !important;} .fa_xqzl02b { height: auto; margin-top: 0 !important; padding-left: 0 !important; } .fa_tpbk{ padding-left:0 !important;} .case_boxfs{ padding-bottom:30px;} .fot_wbtp{ left:0; margin-left:0;} .phone_ban{ height:auto; } .phone_ban .swiper-slide{ height:auto; } .syshiop{ margin-top:0;} .case{ margin-top: 50px;} .neizhuang_box1_list_wz h2 .mianji,.neizhuang_box1_list_wz h2 .gaodu{ font-size: 18px;padding: 10px 20px;} .neizhuang_box1_list_wz {left:0; width: 100%;} .footertop .footerleft{display:none;} .phone_menu { display: block; width: 100%; height: 50px; position: fixed; top: 0; background: rgba(51, 51, 51, 0.79); z-index: 9999999; } .lianxi { display: none; } .p_m_l { margin: 7px 20px; display: inline-block; float: left; } .p_m_r { display: inline-block; float: right; } .jw_pnav { width: 100%; background: rgba(51, 51, 51, 0.9); margin-top: -5px; } .jw_pnav ul li a { text-align: center; border-bottom: dashed 1px rgba(221, 221, 221, 0.3); color: #f5f5f5; padding:7px 0; font-size: 14px; } .page-home #slider .slider-ctrl { top: auto; bottom: 15% !important; } /*.page-home #slider .slides .slide-title h3 { font-size: 24px; }*/ .abcc{ font-size: 24px !important; } .page-home #slider .slides .slide-title p{ font-size: 12px; margin: 12px 0; } .page-home #slider .slides .slide-title h2 { font-size: 15px; line-height: 20px; } .page-home #slider .slides .slide-content { width: auto; left: 7% !important; top: 25% !important; } .section3_wz{ width: 100%; left: 40px; top: 10%; } .section3_wz p{ width: 90%; font-size: 14px; } .menu_01, .menu_02, .menu_03, .menu_04, .menu_05, .menu_06, .menu_07{ width: 80px !important; height: 80px !important; } .section3_menu{ width: 300px !important; position: absolute; top: 50%; left: 50% !important;margin-left: -150px; } .index_box1_right h2{ font-size: 21px; text-align: center; } .index_box1_right h2 span{ font-size: 28px; } .index_box1_right{ width: 100%; float: none; } .index_box1{ padding: 100px 0 60px; } .index_box3_nav{ width: 100%; padding: 0 15px; } .history_con>h3{ font-size: 26px; line-height: 34px; margin-bottom: 40px;text-align: center; } .history_list h2{ font-size: 40px; line-height: 50px; } .history_a{ padding: 0 5px !important; } .history_sj{ text-align: center; } .history_sj p{ padding-left: 15px; } .history_list{ margin-bottom: 20px; } .history_sj span{ margin-left: 200px; } .index_box3{ padding: 40px 0 60px 0; } .index_box3_wz{ width: 100%; } .index_box3_wz_left{ float: none; width: 100%; } .index_box3_wz_left a h3 { font-size: 13px; display: inline-block; margin: auto; width: auto; padding: 10px 15px; } .index_box3_wz_left{ text-align: center; } .footerleft{ display: none; } .footer{ padding-left:15px;padding-right:15px; } .footerright{ float: none; } .j_con{ width: 100% !important;} .copy{ line-height: 20px; color: #bdbdbd; font-size: 12px; } .follow { margin-top: 20px; } .footertop { margin-bottom: 20px; } .index_box3_wz{ margin-top: 40px; } /**index**/ .page-home #slider .slides .slide-content{ width: 85%;} .page-home #slider .slides .slide-title h3{ font-size: 25px;} .page-home #slider .slides .slide-title h2{ font-size: 13px;} .gen__subtitle--big{ font-size: 13px;} .index_box1_left_wz p{ margin: 5px 0 10px 10px;} .index_box1_left_wz p span { display: none;} .index_box1{padding: 70px 0 30px;} .index_box1_right{ padding-top: 20px;} .index_box1_right h2{ font-size: 18px;} .index_box1_right h2 span{font-size: 24px;} .index_box1_right p{font-size: 13px;} .index_box1_right .btn1{ margin-top: 20px;} .section3_wz{left:15px; width:100%;} .section3_wz p{width:92%;} .jiahao{margin:57px auto;} .txt_wz{ font-size: 13px; bottom: -35px;} .index_box3{ padding: 30px 0 ;} .history_a{border:none;} .history_con>h3{ font-size: 20px; margin-bottom: 10px;margin-top: 0;} .history_list h2{ font-size: 20px;} .history_list h2 span{font-size: 17px;} .history_sj span{padding-left:0;} .history_list{margin-bottom: 10px;} .history_a{border-bottom:1px solid #ddd;} .history_a.history_a4{border:none;} .index_box3_wz {margin-top: 20px;} .footer{ padding-top: 20px;} .footerrighttop p,.follow p{ font-size: 13px;} /**index**/ .infos .info{width:30px;height:30px;} .button { width: 30px; height: 30px;} .button:hover{width:30px;height:30px;margin:0;} .chufang_list_right h4{ font-size: 20px;} .neizhuang_box1_list_wz h2 .mianji {font-size: 16px; display: inline-block; width: 60%;} .neizhuang_box1_list_wz h2 .gaodu{font-size: 16px; width: 36%;} .footerright_anniu a{height:30px;} } @media(max-width:320px){ .section3_wz p{font-size: 13px;margin: 0 0 5px;} .chufang_list_right h4 { margin-top: 20px; } }