/*! * Cy Style Projects for ZhengYuan (https://RNMMP.grd) * Copyright 2016-2017 Code yo, Authors own. * Licensed under MIT, NMMP (https://RNMMP.grd/YouBorrowMyCodeToYourItem/AndYouDonNotTellMe/) */ /*! Reset v1.2.0-alpha.1 */ *{ font-family: "黑体" !important;} body { margin: 0; font: normal 14px/30px Arial,sans-serif; color: #666; background: #fff } h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: 0; line-height: 1 } p { margin-top: 0; margin-bottom: 0 } address { margin-bottom: 1.125rem; font-style: normal; line-height: inherit } dd,dl,ol,ul { margin: 0; padding: 0; list-style: none } blockquote { margin: 0 2.875em 1.125em 2.875em } small { font-size: 62.5% } sub,sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -.375em } sup { top: -.5em } a { color: inherit; text-decoration: none } i { font-style: inherit } img { vertical-align: top; border: 0 none } table { width: 100%; border-collapse: collapse } th { text-align: inherit } input,option,select { margin: 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; background-color: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0 none; border-radius: 0; outline: 0 none } button { margin: 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; background-color: inherit; border: 0 none; border-radius: 0; cursor: pointer } textarea { padding: .375em .625em; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; border: 0 none; overflow: auto; resize: none } hr { height: 1px; margin: .5em 0; background: #eee; border: 0 none } *,:after,:before { -webkit-box-sizing: border-box; box-sizing: border-box } :focus { outline: 0 none } .container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px } .clearfix:after,.clearfix:before { content: ''; display: block } .clearfix:after { clear: both } figure { margin: 0 } figure.pic img { width: 100% } .left { float: left } .right { float: right } .cy-table { display: table; width: 100%; height: 100% } .cy-cell { display: table-cell; vertical-align: middle; text-align: center } .details-body { line-height: 25px; overflow: hidden } .details-body img { display: block; max-width: 100%; height: auto!important; margin: .5em auto } .icon { display: inline-block; background: no-repeat center center; vertical-align: top }/*! Reset End */ /*! Animate v1.1.0-alpha.1 */ .ani { overflow: hidden } .ani img { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s } .container { -webkit-transition: max-width .3s; -o-transition: max-width .3s; transition: max-width .3s } .act { -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; -o-transition-property: transform,opacity; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s } .cy-tg.cy-upToDown { opacity: 0; -webkit-transform: translate(0,-27px); -ms-transform: translate(0,-27px); transform: translate(0,-27px) } .cy-tg.cy-downToUp { opacity: 0; -webkit-transform: translate(0,27px); -ms-transform: translate(0,27px); transform: translate(0,27px) } .cy-tg.cy-leftToRight { opacity: 0; -webkit-transform: translate(-27px,0); -ms-transform: translate(-27px,0); transform: translate(-27px,0) } .cy-tg.cy-rightToLeft { opacity: 0; -webkit-transform: translate(27px,0); -ms-transform: translate(27px,0); transform: translate(27px,0) } .act.cy-downToUp,.act.cy-leftToRight,.act.cy-rightToLeft,.act.cy-upToDown { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } .cy-tg.cy-rightToLeftSkew { opacity: 0; -webkit-transform: translate(20px,0) scale(.9) skew(-27deg); -ms-transform: translate(20px,0) scale(.9) skew(-27deg); transform: translate(20px,0) scale(.9) skew(-27deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .act.cy-rightToLeftSkew { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } .cy-tg.cy-rightToLeftScale { opacity: 0; -webkit-transform: translate(20px,0) scale(.9); -ms-transform: translate(20px,0) scale(.9); transform: translate(20px,0) scale(.9); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100% } .act.cy-rightToLeftScale { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } .cy-tg.cy-upToDownScale { opacity: 0; -webkit-transform: translate(0,-30%) scale(.3); -ms-transform: translate(0,-30%) scale(.3); transform: translate(0,-30%) scale(.3); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100% } .act.cy-upToDownScale { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center } .cy-d1 { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s } .cy-d2 { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s } .cy-d3 { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s } .cy-d4 { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s } .cy-d5 { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s } .cy-d6 { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s } .cy-d7 { -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s } .cy-d8 { -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s } .cy-d9 { -webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s } .cy-d10 { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s } .builder { display: inline-block; vertical-align: top } .cy-iconShow { -webkit-animation: iconShow .5s; animation: iconShow .5s } @-webkit-keyframes _cyLogoShow { 0% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%); background: linear-gradient(120deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%) } 10% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%); background: linear-gradient(120deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%) } 20% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%); background: linear-gradient(120deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%) } 30% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%); background: linear-gradient(120deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%) } 40% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%); background: linear-gradient(120deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%) } 50% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%); background: linear-gradient(120deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%) } 60% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%); background: linear-gradient(120deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%) } 70% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%); background: linear-gradient(120deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%) } 80% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%); background: linear-gradient(120deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%) } 90% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%); background: linear-gradient(120deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%) } 100% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%); background: linear-gradient(120deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%) } } @keyframes _cyLogoShow { 0% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%); background: linear-gradient(120deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%) } 10% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%); background: linear-gradient(120deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%) } 20% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%); background: linear-gradient(120deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%) } 30% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%); background: linear-gradient(120deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%) } 40% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%); background: linear-gradient(120deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%) } 50% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%); background: linear-gradient(120deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%) } 60% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%); background: linear-gradient(120deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%) } 70% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%); background: linear-gradient(120deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%) } 80% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%); background: linear-gradient(120deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%) } 90% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%); background: linear-gradient(120deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%) } 100% { background: -webkit-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%); background: -o-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%); background: linear-gradient(120deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%) } } @-webkit-keyframes iconShow { from,to { -webkit-transform: scale(1,1); transform: scale(1,1) } 25% { -webkit-transform: scale(.9,1.1); transform: scale(.9,1.1) } 50% { -webkit-transform: scale(1.1,.9); transform: scale(1.1,.9) } 75% { -webkit-transform: scale(.95,1.05); transform: scale(.95,1.05) } } @keyframes iconShow { from,to { -webkit-transform: scale(1,1); transform: scale(1,1) } 25% { -webkit-transform: scale(.9,1.1); transform: scale(.9,1.1) } 50% { -webkit-transform: scale(1.1,.9); transform: scale(1.1,.9) } 75% { -webkit-transform: scale(.95,1.05); transform: scale(.95,1.05) } } @media (max-width:991px) { .cy-tg.cy-downToUp,.cy-tg.cy-leftToRight,.cy-tg.cy-rightToLeft,.cy-tg.cy-rightToLeftScale,.cy-tg.cy-rightToLeftSkew,.cy-tg.cy-upToDown { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } .slick-loading .slick-list { background: #fff url(../images/plugins/bx_loader-ca9d6f1fb9.gif) center center no-repeat } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; z-index: 1 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list,.slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .slick-track { position: relative; top: 0; left: 0; display: block } .slick-track:after,.slick-track:before { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px }[dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .slick-next,.slick-prev { position: absolute; top: 50%; display: block; width: 32px; height: 32px; padding: 0; margin-top: -16px; font-size: 0; line-height: 0; cursor: pointer; z-index: 5 } .slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover { color: transparent; outline: 0; background: 0 0 } .slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before { opacity: 1 } .slick-next.slick-disabled:before,.slick-prev.slick-disabled:before { opacity: .25 } .slick-next:before,.slick-prev:before { content: ''; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-prev { left: -36px }[dir=rtl] .slick-prev { right: -36px; left: auto } .slick-next { right: -36px }[dir=rtl] .slick-next { right: auto; left: -36px } .slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; line-height: 0; text-align: center; z-index: 5 } .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; padding: 0; cursor: pointer } .flexslider { margin: 0; padding: 0 } .flexslider .slides>li { display: none; -webkit-backface-visibility: hidden } .flexslider .slides img { width: 100%; display: block } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .flexslider .slides { display: block } * html .flexslider .slides { height: 1% } .no-js .flexslider .slides>li:first-child { display: block } .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2) } .flexslider .slides { zoom: 1 } .flexslider .slides img { height: auto; -moz-user-select: none } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .loading .flex-viewport { max-height: 300px } .flex-direction-nav { *height: 0 } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,.8); text-shadow: 1px 1px 0 rgba(255,255,255,.3); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .flex-direction-nav a:before { display: inline-block; content: '\f001'; color: rgba(0,0,0,.8); text-shadow: 1px 1px 0 rgba(255,255,255,.3) } .flex-direction-nav a.flex-next:before { content: '\f002' } .flex-direction-nav .flex-prev { left: -50px } .flex-direction-nav .flex-next { right: -50px; text-align: right } .flexslider:hover .flex-direction-nav .flex-prev { opacity: .7; left: 10px } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1 } .flexslider:hover .flex-direction-nav .flex-next { opacity: .7; right: 10px } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1 } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1 } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: .8; z-index: 10; overflow: hidden; cursor: pointer; color: #000 } .flex-pauseplay a:before { display: inline-block; content: '\f004' } .flex-pauseplay a:hover { opacity: 1 } .flex-pauseplay a.flex-play:before { content: '\f003' } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3); box-shadow: inset 0 0 3px rgba(0,0,0,.3); border-radius: 20px } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,.7) } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,.9); cursor: default } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden } .flex-control-thumbs li { width: 25%; float: left; margin: 0 } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .flex-control-thumbs img:hover { opacity: 1 } .flex-control-thumbs .flex-active { opacity: 1; cursor: default } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0,0,0) } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out } .owl-carousel .owl-item { float: left } .owl-controls .owl-buttons div,.owl-controls .owl-page { cursor: pointer } .owl-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent } .owl-carousel .owl-item,.owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0) } .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y } .bx-wrapper img { max-width: 100%; display: block } .bxslider { margin: 0; padding: 0 } ul.bxslider { list-style: none } .bx-viewport { -webkit-transform: translateZ(0) } .bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager { position: absolute; bottom: -30px; width: 100% } .bx-wrapper .bx-loading { min-height: 50px; background: url(../images/plugins/bx_loader-ca9d6f1fb9.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000 } .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: 700; color: #666; padding-top: 20px } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 5px } .bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover { background: #000 } .bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0 } .bx-wrapper .bx-prev { left: 10px; background: url(../images/plugins/controls-dab32f6a80.png) no-repeat 0 -32px } .bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover { background-position: 0 0 } .bx-wrapper .bx-next { right: 10px; background: url(../images/plugins/controls-dab32f6a80.png) no-repeat -43px -32px } .bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover { background-position: -43px 0 } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999 } .bx-wrapper .bx-controls-direction a.disabled { display: none } .bx-wrapper .bx-controls-auto { text-align: center } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/plugins/controls-dab32f6a80.png) -86px -11px no-repeat; margin: 0 3px } .bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover { background-position: -86px 0 } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/plugins/controls-dab32f6a80.png) -86px -44px no-repeat; margin: 0 3px } .bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: -86px -33px } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80% } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80,80,80,.75); width: 100% } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom } .mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr } .mCSB_container { overflow: hidden; width: auto; height: auto } .mCSB_inside>.mCSB_container { margin-right: 30px } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0 } .mCS-dir-rtl>.mCSB_inside>.mCSB_container { margin-right: 0; margin-left: 30px } .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0 } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0 } .mCSB_outside+.mCSB_scrollTools { right: -26px } .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { right: auto; left: 0 } .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { left: -26px } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto } .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 20px 0 } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; border-radius: 16px } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px } .mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0 } .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right: 0; margin-bottom: 30px } .mCSB_horizontal.mCSB_outside>.mCSB_container { min-height: 100% } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0 } .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px } .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer { margin: 0 20px } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0 } .mCSB_scrollTools { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" } .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)" } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp { background-image: url(../images/plugins/mCSB_buttons-ccf3085d9a.png); background-repeat: no-repeat; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px } .mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0 } .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px } .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto } .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .vwrap { display: none; z-index: 9777; width: 100%; position: fixed } .vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: .8; filter: alpha(opacity=80); overflow: hidden } .vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px } .vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde } #videobox_wrapper { height: 100%!important } .vwrap .close { z-index: 999; width: 32px; height: 32px; cursor: pointer; position: absolute; top: 0; right: -42px } .vwrap .close i { display: block; width: 32px; height: 32px; background: url(../images/plugins/video-close-fd8130a699.png) no-repeat 50% 50%; -webkit-transition: .4s; -o-transition: .4s; transition: .4s } .vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } #videobox_display_button,#videocontainer_display_button { background: none no-repeat!important } .jwplayer .jwicon { opacity: .8; filter: alpha(opacity=80); cursor: pointer; background: no-repeat scroll center center; -webkit-transform: rotate(0)!important; -ms-transform: rotate(0)!important; transform: rotate(0)!important } .jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100) } .jwclick,.jwlogo { display: none!important } .jwdisplayIcon { background: none no-repeat!important } .vbBox { position: relative; background: no-repeat center center; overflow: hidden; cursor: pointer } .vbBox .vicoBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10 } .vbBox .vico { position: absolute; top: 50%; left: 50%; display: block; width: 64px; height: 64px; margin-top: -32px; margin-left: -32px; background: no-repeat; background-size: cover; -webkit-transition: 330ms; -o-transition: 330ms; transition: 330ms } .vbBox #case-video_wrapper,.vbBox .jwplayer { position: absolute!important; top: 0; left: 0; right: 0; bottom: 0; z-index: 2 } .fancybox-enabled { overflow: hidden } .fancybox-enabled body { height: 100% } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden } .fancybox-container~.fancybox-container { z-index: 99992 } .fancybox-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; -webkit-transition-timing-function: cubic-bezier(.55,.06,.68,.19); -o-transition-timing-function: cubic-bezier(.55,.06,.68,.19); transition-timing-function: cubic-bezier(.55,.06,.68,.19); -webkit-backface-visibility: hidden; backface-visibility: hidden } .fancybox-container--ready .fancybox-bg { opacity: .87; -webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1); -o-transition-timing-function: cubic-bezier(.22,.61,.36,1); transition-timing-function: cubic-bezier(.22,.61,.36,1) } .fancybox-controls { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr } .fancybox-show-controls .fancybox-controls { opacity: 1 } .fancybox-infobar { display: none } .fancybox-show-infobar .fancybox-infobar { display: inline-block; pointer-events: all } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30,30,30,.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased } .fancybox-buttons { position: absolute; top: 0; right: 0; display: none; pointer-events: all } .fancybox-show-buttons .fancybox-buttons { display: block } .fancybox-slider-wrap { overflow: hidden; direction: ltr } .fancybox-slider,.fancybox-slider-wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: 0; white-space: normal; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch } .fancybox-slide:before { content: ""; height: 100%; width: 0 } .fancybox-slide:before,.fancybox-slide>* { display: inline-block; vertical-align: middle } .fancybox-slide>* { position: relative; padding: 24px; margin: 44px 0; border-width: 0; text-align: left; background-color: #fff; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box } .fancybox-slide--image { overflow: hidden } .fancybox-slide--image:before { display: none } .fancybox-content { display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: 0; font-size: 16px; font-family: Arial,sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff } .fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe { background: 0 0 } .fancybox-placeholder { z-index: 99995; background: 0 0; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden } .fancybox-image,.fancybox-placeholder,.fancybox-spaceball { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0 } .fancybox-image,.fancybox-spaceball { width: 100%; height: 100%; max-width: none; max-height: none; background: 0 0; background-size: 100% 100% } .fancybox-controls--canzoomOut .fancybox-placeholder { cursor: -webkit-zoom-out; cursor: zoom-out } .fancybox-controls--canzoomIn .fancybox-placeholder { cursor: -webkit-zoom-in; cursor: zoom-in } .fancybox-controls--canGrab .fancybox-placeholder { cursor: -webkit-grab; cursor: grab } .fancybox-controls--isGrabbing .fancybox-placeholder { cursor: -webkit-grabbing; cursor: grabbing } .fancybox-spaceball { z-index: 1 } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden } .fancybox-error { position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; cursor: default } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: 0; background: 0 0; z-index: 10; cursor: pointer } .fancybox-close-small:after { content: "×"; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2 } .fancybox-close-small:focus:after { outline: 1px dotted #888 } .fancybox-slide--video .fancybox-close-small { top: -36px; right: -36px; background: 0 0 } .fancybox-close-small:hover:after { color: #555; background: #eee } .fancybox-caption-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0; z-index: 99998; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(20%,rgba(0,0,0,.1)),color-stop(40%,rgba(0,0,0,.2)),color-stop(80%,rgba(0,0,0,.6)),to(rgba(0,0,0,.8))); background: -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8)); background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8)); background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8)); opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; pointer-events: none } .fancybox-show-caption .fancybox-caption-wrap { opacity: 1 } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255,255,255,.4); font-size: 14px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none } .fancybox-caption a,.fancybox-caption button { pointer-events: all } .fancybox-caption a { color: #fff; text-decoration: underline } .fancybox-button { display: inline-block; position: relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: 0 0; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; outline: 0 } .fancybox-button--disabled { cursor: default; pointer-events: none } .fancybox-button,.fancybox-infobar__body { background: rgba(30,30,30,.6) } .fancybox-button:hover { background: rgba(0,0,0,.8) } .fancybox-button:after,.fancybox-button:before { content: ""; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: .9; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block } .fancybox-button--disabled:after,.fancybox-button--disabled:before { opacity: .5 } .fancybox-button--left:after { left: 20px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg) } .fancybox-button--left:after,.fancybox-button--right:after { top: 18px; width: 6px; height: 6px; background: 0 0; border-top: 2px solid currentColor; border-right: 2px solid currentColor } .fancybox-button--right:after { right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .fancybox-button--left { border-bottom-left-radius: 5px } .fancybox-button--right { border-bottom-right-radius: 5px } .fancybox-button--close { float: right } .fancybox-button--close:after,.fancybox-button--close:before { content: ""; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px) } .fancybox-button--close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .fancybox-button--close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .fancybox-loading { border: 6px solid rgba(99,99,99,.4); border-top: 6px solid rgba(255,255,255,.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: a .8s infinite linear; animation: a .8s infinite linear; background: 0 0; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999 } @-webkit-keyframes a { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes a { 0% { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @media (max-width:800px) { .fancybox-controls { text-align: left } .fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close) { display: none!important } .fancybox-caption { padding: 20px 0; margin: 0 } } .fancybox-button--fullscreen:before { width: 15px; height: 11px; left: 15px; top: 16px; border: 2px solid; background: 0 0 } .fancybox-button--play:before { top: 16px; left: 18px; width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; background: 0 0 } .fancybox-button--pause:before { top: 16px; left: 18px; width: 7px; height: 11px; border-style: solid; border-width: 0 2px; background: 0 0 } .fancybox-button--thumbs span { font-size: 23px } .fancybox-button--thumbs:before { top: 20px; left: 21px; width: 3px; height: 3px; -webkit-box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0; box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0 } .fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap { right: 220px } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box } .fancybox-thumbs>ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0 } .fancybox-thumbs>ul>li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: 0; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box } li.fancybox-thumbs-loading { background: rgba(0,0,0,.1) } .fancybox-thumbs>ul>li>img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-thumbs>ul>li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94); -o-transition: all .2s cubic-bezier(.25,.46,.45,.94); transition: all .2s cubic-bezier(.25,.46,.45,.94) } .fancybox-thumbs>ul>li.fancybox-thumbs-active:before { opacity: 1 } @media (max-width:800px) { .fancybox-thumbs { display: none!important } .fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap { right: 0 } }/*! Animate End */ body { overflow-x: hidden; font-family: "Microsoft JhengHei",sans-serif; background: #f8f8f8 } .cy-wrapper { overflow: hidden } .container { width: 100% } @media (min-width:425px) { .container { max-width: 415px } } @media (min-width:576px) { .container { max-width: 540px } } @media (min-width:768px) { .container { max-width: 720px } } @media (min-width:992px) { .container { max-width: 960px; padding: 0 } } @media (min-width:1200px) { .container { max-width: 1100px } .container.cy-content { max-width: 1000px } } .copyright a:hover { color: #1bb2b4; text-decoration: underline } :active { -webkit-tap-highlight-color: rgba(255,255,255,0) } ::-moz-selection { background: #1bb2b4; color: #fff } ::selection { background: #1bb2b4; color: #fff } img::-moz-selection { background: 0 0 } img::selection { background: 0 0 } .bsBox { width: auto!important; height: auto!important } .ipc-nav { position: fixed; left: 0; right: 0; z-index: 4776; background: #004098 } @media (max-width:991px) { .ipc-nav { display: none; height: 0 } } .ipc-nav .inav-list { margin-left: 1px } .ipc-nav .inav-list:after { content: ''; display: block; clear: both } .ipc-nav .inav-item { float: left; margin-left: -1px; border-left: 1px solid #1a56a7; border-right: 1px solid #1a56a7 } .ipc-nav .inav-item a { display: block; overflow: hidden; position: relative; z-index: 1; padding: 10px 20px; font-size: 14px; font-family: "Microsoft YaHei",sans-serif; line-height: 20px; color: #fff } .ipc-nav .inav-item a:before { position: absolute; top: -100%; left: 0; z-index: -1; width: 100%; height: 100%; background: #84a9db; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s; content: '' } .ipc-nav .inav-item a:hover:before { top: 0 } .ipc-nav .inav-item .back-home .i { display: block; width: 20px; height: 20px; background: url(../images/icons/home-cba00e02ae.png) no-repeat center center } .ipc-nav .inav-item .back-home:hover .i { -webkit-animation: iconShow .57s; animation: iconShow .57s } .ipc-banner { overflow: hidden; position: relative; z-index: 1 } .ipc-banner .banner-pic img { width: 100% } .ipc-banner .banner-info { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; color: #fff; -webkit-transform: translate(0,calc(-50% + 20px)); -ms-transform: translate(0,calc(-50% + 20px)); transform: translate(0,calc(-50% + 20px)) } @media (max-width:991px) { .ipc-banner .banner-info { -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%) } } @media (max-width:575px) { .ipc-banner .banner-info { text-align: left } } .ipc-banner .banner-info .t-e { margin-bottom: 15px; font-weight: 700; font-size: 18px; font-family: Arial,sans-serif; line-height: 20px; text-transform: uppercase } @media (max-width:1199px) { .ipc-banner .banner-info .t-e { margin-bottom: 10px; font-size: 16px; line-height: 15px } } @media (max-width:767px) { .ipc-banner .banner-info .t-e { display: none } } .ipc-banner .banner-info .t-z { font-weight: 700; font-size: 36px; font-family: "Microsoft YaHei",sans-serif; line-height: 40px } @media (max-width:1199px) { .ipc-banner .banner-info .t-z { font-size: 28px; line-height: 30px } } @media (max-width:767px) { .ipc-banner .banner-info .t-z { font-size: 24px; line-height: 25px } } @media (max-width:575px) { .ipc-banner .banner-info .t-z { font-size: 20px; line-height: 20px } } @media (max-width:424px) { .ipc-banner .banner-info .t-z { font-size: 18px } } .ipc-banner .banner-info .i { display: inline-block; margin-top: 25px; border: 2px solid #fff; border-radius: 50%; width: 10px; height: 10px; vertical-align: top } @media (max-width:1199px) { .ipc-banner .banner-info .i { margin-top: 20px } } @media (max-width:991px) { .ipc-banner .banner-info .i { display: none } } .details-body { line-height: 20px } @media (max-width:991px) { .details-body { line-height: 15px } } @media (max-width:575px) { .details-body { line-height: 10px } } .details-body p { line-height: 25px } .pages { padding: 30px 0; text-align: center } @media (max-width:991px) { .pages { padding: 20px 0 } } .pages .pages-list { display: inline-block; vertical-align: top } .pages .pages-list:after { content: ''; display: block; clear: both } .pages .pages-item { float: left; background: #f8f8f8 } .pages .pages-item a { display: block; padding: 10px 0; width: 50px; height: 40px; font-size: 16px; font-family: Arial,sans-serif; line-height: 20px; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } @media (max-width:991px) { .pages .pages-item a { padding: 5px 0; width: 40px; height: 30px } } .pages .pages-item a:hover { color: #1bb2b4; text-decoration: underline } .pages .pages-item.active { background: #1bb2b4 } .pages .pages-item.active a { color: #fff } .pages .pages-item.active a:hover { color: #fff; text-decoration: none } .cy-error { padding: 130px 0; text-align: center } @media (max-width:1199px) { .cy-error { padding: 100px 0 } } @media (max-width:991px) { .cy-error { padding: 80px 0 } } @media (max-width:767px) { .cy-error { padding: 60px 0 } } @media (max-width:575px) { .cy-error { padding: 50px 0 } } @media (max-width:424px) { .cy-error { padding: 30px 0 } } .cy-error .error-404 { font-weight: bolder; font-size: 360px; line-height: 300px; color: #eee; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default } @media (max-width:1199px) { .cy-error .error-404 { font-size: 320px; line-height: 280px } } @media (max-width:991px) { .cy-error .error-404 { font-size: 280px; line-height: 240px } } @media (max-width:767px) { .cy-error .error-404 { font-size: 240px; line-height: 200px } } @media (max-width:575px) { .cy-error .error-404 { font-size: 200px; line-height: 160px } } @media (max-width:424px) { .cy-error .error-404 { font-size: 160px; line-height: 120px } } .cy-error .c { margin-top: 30px; font-size: 14px; font-family: "Microsoft YaHei",sans-serif; line-height: 20px } .cy-error .error-btn { margin-top: 70px } @media (max-width:1199px) { .cy-error .error-btn { margin-top: 60px } } @media (max-width:991px) { .cy-error .error-btn { margin-top: 50px } } @media (max-width:767px) { .cy-error .error-btn { margin-top: 40px } } @media (max-width:575px) { .cy-error .error-btn { margin-top: 30px } } @media (max-width:424px) { .cy-error .error-btn { margin-top: 20px } } .cy-error .back { display: inline-block; margin: 0 10px; border-radius: 7px; padding: 20px 0; width: 150px; height: 60px; font-size: 14px; font-family: "Microsoft YaHei",sans-serif; line-height: 20px; vertical-align: top; background: #1bb2b4; color: #fff; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } @media (max-width:1199px) { .cy-error .back { padding: 15px 0; height: 50px } } @media (max-width:991px) { .cy-error .back { width: 120px } .cy-error .back:active { background: #004098 } } @media (max-width:767px) { .cy-error .back { padding: 10px 0; width: 100px; height: 40px } } @media (max-width:575px) { .cy-error .back { margin: 0 5px; border-radius: 5px } } @media (max-width:424px) { .cy-error .back { padding: 5px 0; width: 90px; height: 30px } } .cy-error .back:hover { background: #004098 } header.scroll .header { -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2); box-shadow: 0 1px 5px rgba(0,0,0,.2); -webkit-transition: all .17s; -o-transition: all .17s; transition: all .17s } .header-overlay { height: 70px } @media (max-width:1199px) { .header-overlay { height: 60px } } @media (max-width:767px) { .header-overlay { height: 50px } } .header { position: fixed; top: 0; left: 0; right: 0; z-index: 4777; background: #fff } .header:after { content: ''; display: block; clear: both } @media (max-width:991px) { .header .container { padding-right: 0; max-width: 100% } } .header .header-l { margin: 10px 0 } .header .header-l:after { content: ''; display: block; clear: both } .header .logo { float: left; position: relative; z-index: 1 } .header .logo:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: '' } .header .logo img { height: 50px } @media (max-width:1199px) { .header .logo img { height: 40px } } @media (max-width:767px) { .header .logo img { height: 30px } } .header .logo:hover:before { -webkit-animation: _cyLogoShow .57s; animation: _cyLogoShow .57s } .header .stock-code { float: left; margin: 5px 0 5px 10px; border-left: 1px solid #ccc; padding: 5px 0 5px 10px; font-weight: 700; color: #000 } @media (max-width:1199px) { .header .stock-code { padding: 0 0 0 15px } } @media (max-width:767px) { .header .stock-code { margin: 0 0 0 10px; padding-left: 10px } } .header .stock-code .z { font-size: 12px; line-height: 10px } .header .stock-code .c { margin-top: 5px; font-size: 14px; line-height: 15px } .header .header-nav { float: left } @media (max-width:991px) { .header .header-nav { float: none; position: fixed; top: 60px; left: 100%; bottom: 0; z-index: 27; width: 250px } .header .header-nav.show .hn-nav { margin-left: -250px; -webkit-box-shadow: -10px 0 20px rgba(204,204,204,.5); box-shadow: -10px 0 20px rgba(204,204,204,.5) } } @media (max-width:767px) { .header .header-nav { top: 50px } } .header .hn-nav:after { content: ''; display: block; clear: both } @media (max-width:991px) { .header .hn-nav { overflow: auto; padding: 10px 0 30px; width: 100%; height: 100%; background: #fff; -webkit-transition: all .57s; -o-transition: all .57s; transition: all .57s } } .header .hn-item { float: left; position: relative; z-index: 1 } @media (max-width:991px) { .header .hn-item { float: none } .header .hn-item.active .hn-link:before { visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none } } .header .hn-item:before { visibility: hidden; position: absolute; left: 10px; right: 10px; bottom: 0; z-index: -1; height: 4px; background: #004098; -webkit-transition: all .47s; -o-transition: all .47s; transition: all .47s; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); content: '' } .header .hn-item:hover:before { visibility: visible; -webkit-transition-delay: .17s; -o-transition-delay: .17s; transition-delay: .17s; -webkit-transform: none; -ms-transform: none; transform: none } @media (max-width:991px) { .header .hn-item:hover:before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } } .header .hn-item:hover .sub-nav { left: 0; width: 100%; -webkit-transition-delay: .17s; -o-transition-delay: .17s; transition-delay: .17s } @media (max-width:991px) { .header .hn-item:hover .sub-nav { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s } } .header .hn-item.current:before { visibility: visible; left: 0; right: 0; height: 100%; -webkit-transform: none; -ms-transform: none; transform: none } .header .hn-item.current .hn-link { color: #fff } @media (max-width:991px) { .header .hn-item.current .hn-link:before { visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none } .header .hn-item.current .sub-nav { display: block } } .header .hn-link { display: block; margin: 5px 0; padding: 20px 15px; font-weight: bolder; font-size: 16px; line-height: 20px; color: #000; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } @media (max-width:1199px) { .header .hn-link { padding: 15px 13px } } @media (max-width:991px) { .header .hn-link { position: relative; z-index: 1; margin: 0; padding: 15px 30px } .header .hn-link:before { visibility: hidden; position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 4px; background: #004098; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; content: '' } } .header .sub-nav { overflow: hidden; position: absolute; top: 100%; left: 50%; z-index: 3; padding: 10px 0; width: 0; background: #eee; -webkit-transition: all .47s; -o-transition: all .47s; transition: all .47s } @media (max-width:991px) { .header .sub-nav { display: none; position: static; top: auto; left: auto; width: 100%; -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s } } .header .sn-link { display: block; position: relative; z-index: 1; padding: 5px 0; font-size: 14px; line-height: 25px; text-align: center; white-space: nowrap; color: #000 } @media (max-width:1199px) { .header .sn-link { line-height: 20px } } @media (max-width:991px) { .header .sn-link { padding: 10px 30px; text-align: left; text-indent: 16px } .header .sn-link:active:before { visibility: visible; opacity: 1; -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s; -webkit-transform: none; -ms-transform: none; transform: none } } .header .sn-link:before { visibility: hidden; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #fff; opacity: 0; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); content: '' } .header .sn-link:hover:before { visibility: visible; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } .header .header-tools { float: right; margin-left: 10px } @media (max-width:991px) { .header .header-tools { display: none } } .header .qr-code { position: relative; z-index: 1; -webkit-transition: all .47s; -o-transition: all .47s; transition: all .47s } .header .qr-code:before { visibility: hidden; position: absolute; bottom: 0; z-index: -1; width: 100%; height: 4px; background: #666; opacity: 0; -webkit-transition: all .47s; -o-transition: all .47s; transition: all .47s; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); content: '' } .header .qr-code a { display: block; padding: 25px } @media (max-width:1199px) { .header .qr-code a { padding: 20px } } .header .qr-code .qr-code-thumb { overflow: hidden; width: 20px; height: 20px } .header .qr-code img { width: 100% } .header .qr-code:hover { background: #e5e5e5 } .header .qr-code:hover:before { visibility: visible; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } .header .header-menu { display: none } @media (max-width:991px) { .header .header-menu { display: block; position: absolute; top: 0; right: 0; z-index: 27 } .header .header-menu:before { position: absolute; top: 0; right: 0; border-bottom: 1px solid #ddd; width: 0; height: 100%; background: #fff; -webkit-box-shadow: -10px 0 20px rgba(204,204,204,.5); box-shadow: -10px 0 20px rgba(204,204,204,.5); -webkit-transition: all .57s; -o-transition: all .57s; transition: all .57s; content: '' } .header .header-menu.show:before { width: 250px } .header .header-menu.show .menu-btn { background: 0 0; -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s } .header .header-menu.show .mb-box { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .header .header-menu.show .mb1 { top: 50%; -webkit-transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg); transform: translate(0,-50%) rotate(45deg) } .header .header-menu.show .mb2 { bottom: 50%; -webkit-transform: translate(0,50%) rotate(-45deg); -ms-transform: translate(0,50%) rotate(-45deg); transform: translate(0,50%) rotate(-45deg) } } .header .menu-btn { position: relative; z-index: 1; width: 70px; height: 60px; background: #fff; -webkit-transition: background .57s; -o-transition: background .57s; transition: background .57s; cursor: pointer } @media (max-width:767px) { .header .menu-btn { width: 60px; height: 50px } } .header .mb-box { overflow: hidden; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; width: 30px; height: 30px } .header .mb-box .mb { position: absolute; left: 0; width: 100%; height: 5px; background: #aaa; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } @media (max-width:767px) { .header .mb-box .mb { height: 4px } } .header .mb-box .mb1 { top: 5px } @media (max-width:767px) { .header .mb-box .mb1 { top: 6px } } .header .mb-box .mb2 { bottom: 5px } @media (max-width:767px) { .header .mb-box .mb2 { bottom: 6px } } .header .side-overlay { display: none } @media (max-width:991px) { .header .side-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 17; background: rgba(255,255,255,.8) } } footer { padding: 35px 0; font-size: 12px; font-family: "Microsoft YaHei",sans-serif; line-height: 20px; background: #eee } footer:after { content: ''; display: block; clear: both } @media (max-width:767px) { footer { padding: 50px 0 } } footer.btm { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2777 } footer.footer-home { background: 0 0 } .footer-gz { float: right; margin-top: 10px } @media (max-width:767px) { .footer-gz { float: none; margin-top: 0; margin-bottom: 30px } .footer-gz:after { content: ''; display: block; clear: both } } .footer-gz .t { display: inline-block; float: left; margin-right: 15px; padding: 5px 0 } .footer-gz .fgz-list { float: left } .footer-gz .fgz-item { float: left; position: relative; z-index: 1; margin-right: 10px } .footer-gz .fgz-item a { display: block; position: relative; z-index: 1; border-radius: 50%; width: 30px; height: 30px; background: #aaa; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } .footer-gz .fgz-item a:before { position: absolute; top: 0; left: 0; z-index: -1; border-radius: 50%; width: 100%; height: 100%; background: #fff; opacity: 0; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); content: '' } .footer-gz .fgz-item a:hover { background: #fff } .footer-gz .fgz-item a:hover:before { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } .footer-gz .fgz-item a:hover .icon { -webkit-animation: iconShow .57s; animation: iconShow .57s } .footer-gz .fgz-item .icon { border-radius: 50%; width: 100%; height: 100%; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } .footer-gz .fgz-item.wx { z-index: 2 } .footer-gz .fgz-item.wx .icon { background-image: url(../images/icons/wx-5b7e0018f2.png) } .footer-gz .fgz-item.wx a:hover .icon { background-image: url(../images/icons/wxh-21309755d1.png) } .footer-gz .fgz-item.sina .icon { background-image: url(../images/icons/sina-fac4be25e4.png) } .footer-gz .fgz-item.sina a:hover .icon { background-image: url(../images/icons/sinah-b8a2345b57.png) } .footer-gz .fgz-item.qq .icon { background-image: url(../images/icons/qq-bc8d0af816.png) } .footer-gz .fgz-item.qq a:hover .icon { background-image: url(../images/icons/qqh-0f7c68700e.png) } .footer-gz .popup { visibility: hidden; position: absolute; left: -80px; right: -80px; bottom: 100%; border: 1px solid #ccc; border-radius: 5px; padding: 4px; background: #fff; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100% } @media (max-width:991px) { .footer-gz .popup { position: fixed; top: 50%; left: 50%; right: auto; bottom: auto; z-index: 4778; margin-left: -105px; -webkit-transform: translate(0,-50%) scale(0); -ms-transform: translate(0,-50%) scale(0); transform: translate(0,-50%) scale(0) } } .footer-gz .popup:before { position: absolute; top: 100%; left: 50%; z-index: 2; margin-left: -8px; border-top: 7px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; content: '' } @media (max-width:991px) { .footer-gz .popup:before { content: none } } .footer-gz .popup:after { position: absolute; top: 100%; left: 50%; z-index: 1; margin-left: -9px; border-top: 8px solid #ccc; border-left: 9px solid transparent; border-right: 9px solid transparent; content: '' } @media (max-width:991px) { .footer-gz .popup:after { content: none } } .footer-gz .popup img { width: 100% } .footer-gz .popup p { margin-bottom: 5px; line-height: 15px; text-align: center } .footer-gz .popup.show { visibility: visible; margin-bottom: 10px; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } @media (max-width:991px) { .footer-gz .popup.show { -webkit-transform: translate(0,-50%) scale(1); -ms-transform: translate(0,-50%) scale(1); transform: translate(0,-50%) scale(1) } } .footer-info { overflow: hidden; padding-right: 70px } @media (max-width:991px) { .footer-info { padding-right: 30px } } @media (max-width:767px) { .footer-info { padding-right: 0 } } .footer-info .footer-contact { margin-bottom: 5px } .footer-info .footer-contact:after { content: ''; display: block; clear: both } @media (max-width:767px) { .footer-info .footer-contact { margin-bottom: 30px } } .footer-info .fct-item { float: left; margin-right: 2em; margin-bottom: 5px } @media (max-width:767px) { .footer-info .fct-item { float: none; margin-right: 0; margin-bottom: 10px } } .footer-info .fct-item.phone .icon { background-image: url(../images/icons/phone-c349a0ce2d.png) } .footer-info .fct-item.phone a { cursor: default } .footer-info .fct-item.address .icon { background-image: url(../images/icons/address-d8ef76c35c.png) } .footer-info .fct-item.address:hover .c { color: #333; text-decoration: underline } .footer-info .fct-item .icon { float: left; padding-left: 22px; background: no-repeat left center } .footer-info .fct-item .c { overflow: hidden } .hm-banner { position: relative } .hm-banner .banner-carousel { overflow: hidden } .hm-banner .carousel { overflow: hidden } .hm-banner .carousel-item { overflow: hidden; position: relative; z-index: 1 } .hm-banner .carousel-item.show .carousel-pic img { -webkit-transform: none; -ms-transform: none; transform: none } .hm-banner .carousel-item.show .carousel-info { top: 0; height: 100%; -webkit-transition: all 1s .67s linear; -o-transition: all 1s .67s linear; transition: all 1s .67s linear } @media (max-width:575px) { .hm-banner .carousel-item.show .carousel-info { top: auto; height: auto } } .hm-banner .carousel-pic { overflow: hidden; z-index: -1 } @media (max-width:991px) { .hm-banner .carousel-pic { height: 400px } } @media (max-width:767px) { .hm-banner .carousel-pic { height: 320px } } @media (max-width:575px) { .hm-banner .carousel-pic { height: 200px } } @media (max-width:424px) { .hm-banner .carousel-pic { height: 160px } } .hm-banner .carousel-pic img { -webkit-transition: -webkit-transform 10s; transition: -webkit-transform 10s; -o-transition: transform 10s; transition: transform 10s; transition: transform 10s,-webkit-transform 10s; -webkit-transform: scale(1.27); -ms-transform: scale(1.27); transform: scale(1.27) } .hm-banner .carousel-info { overflow: hidden; position: absolute; top: 50%; left: 0; z-index: 5; width: 100%; height: 0 } @media (max-width:575px) { .hm-banner .carousel-info { position: relative; top: auto; padding: 30px 0 40px; height: auto; background: #f8f8f8 } } .hm-banner .carousel-info .info-cont { position: absolute; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%) } @media (max-width:575px) { .hm-banner .carousel-info .info-cont { position: relative; top: auto; -webkit-transform: none; -ms-transform: none; transform: none } } .hm-banner .carousel-info .e { margin-bottom: 10px; font-weight: 700; font-size: 18px; font-family: Arial,sans-serif; line-height: 20px; text-transform: uppercase; color: #004098 } @media (max-width:991px) { .hm-banner .carousel-info .e { font-size: 16px; line-height: 15px } } @media (max-width:575px) { .hm-banner .carousel-info .e { margin-bottom: 5px; font-size: 14px } } .hm-banner .carousel-info .z { font-weight: bolder; font-size: 36px; font-family: "Microsoft YaHei",sans-serif; line-height: 40px; color: #004098 } @media (max-width:991px) { .hm-banner .carousel-info .z { font-size: 30px; line-height: 30px } } @media (max-width:575px) { .hm-banner .carousel-info .z { font-size: 24px; line-height: 25px } } .hm-banner .carousel-info .c { margin-top: 25px; font-size: 12px; font-family: Arial,sans-serif; line-height: 15px } @media (max-width:991px) { .hm-banner .carousel-info .c { margin-top: 20px } } @media (max-width:575px) { .hm-banner .carousel-info .c { margin-top: 15px } } .hm-banner .carousel-tools { position: absolute; left: 0; bottom: 0; z-index: 5; width: 100% } @media (max-width:767px) { .hm-banner .carousel-tools { position: relative } .hm-banner .carousel-tools .container { padding: 0; max-width: 100% } } .hm-banner .carousel-progress { overflow: hidden; position: relative; z-index: 5; height: 10px } .hm-banner .carousel-progress.show .progress-bar { width: 100%; -webkit-transition: all 5.5s linear; -o-transition: all 5.5s linear; transition: all 5.5s linear } @media (max-width:767px) { .hm-banner .carousel-progress { display: none } } .hm-banner .progress-bar { position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #1bb2b4 } .hm-banner .carousel-anp { float: right; width: 200px } @media (max-width:767px) { .hm-banner .carousel-anp { float: none; width: auto; background: #fff } } .hm-banner .carousel-page { margin-top: -110px; padding: 15px 20px; background: #fff } @media (max-width:767px) { .hm-banner .carousel-page { margin-top: 0; margin-left: auto; margin-right: auto; padding: 30px 15px; width: 540px; background: 0 0 } .hm-banner .carousel-page:after { content: ''; display: block; clear: both } } @media (max-width:575px) { .hm-banner .carousel-page { width: 415px } } @media (max-width:424px) { .hm-banner .carousel-page { width: auto } } .hm-banner .carousel-page .clp-t { position: relative; z-index: 1; padding-top: 10px; font-weight: 700; font-size: 12px; font-family: Arial,sans-serif; line-height: 13px; text-transform: uppercase } @media (max-width:767px) { .hm-banner .carousel-page .clp-t { float: left; max-width: 50%; line-height: 15px } } .hm-banner .carousel-page .clp-t:before { position: absolute; top: 0; left: 0; width: 15px; height: 2px; background: #004098; content: '' } .hm-banner .carousel-page .clp { margin-top: 15px; font-weight: 700; font-size: 36px; line-height: 29px; text-align: right; color: #1bb2b4 } @media (max-width:767px) { .hm-banner .carousel-page .clp { float: right; margin-top: 0; padding: 5px 0; max-width: 50%; line-height: 30px } } .hm-banner .carousel-arrow:after { content: ''; display: block; clear: both } .hm-banner .carousel-arrow .arrow { position: relative; z-index: 1; width: 50%; height: 10px; background: #aaa; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s; cursor: pointer } @media (max-width:991px) { .hm-banner .carousel-arrow .arrow { cursor: default } } @media (max-width:767px) { .hm-banner .carousel-arrow .arrow { height: 40px } } .hm-banner .carousel-arrow .arrow:before { position: absolute; top: 50%; left: 50%; margin-top: -3px; margin-left: -2px; border-top: 3px solid transparent; border-bottom: 3px solid transparent; content: '' } @media (max-width:767px) { .hm-banner .carousel-arrow .arrow:before { margin-top: -10px; margin-left: -6px; border-top-width: 10px; border-bottom-width: 10px } } .hm-banner .carousel-arrow .arrow:hover { background: #1bb2b4 } .hm-banner .carousel-arrow .prev { float: left } .hm-banner .carousel-arrow .prev:before { border-right: 4px solid #fff } @media (max-width:767px) { .hm-banner .carousel-arrow .prev:before { border-right-width: 12px } } .hm-banner .carousel-arrow .next { float: right } .hm-banner .carousel-arrow .next:before { border-left: 4px solid #fff } @media (max-width:767px) { .hm-banner .carousel-arrow .next:before { border-left-width: 12px } } .hm-hot .container { padding-right: 200px; background: #eee } @media (max-width:991px) { .hm-hot .container { padding-right: 15px; background: 0 0 } } .hm-hot .hot-box { padding: 25px 0; background: #f8f8f8 } .hm-hot .hot-box:after { content: ''; display: block; clear: both } @media (max-width:767px) { .hm-hot .hot-box { padding: 50px 0 } } .hm-hot .hot-title { float: left; margin-right: 20px; border-radius: 7px; padding: 10px 0; width: 90px; text-align: center; background: #004098 } @media (max-width:767px) { .hm-hot .hot-title { float: none; margin: 0 auto } } .hm-hot .hot-title h3 { font-weight: 400; font-size: 14px; line-height: 15px; color: #fff } .hm-hot .hot-carousel { position: relative; overflow: hidden; padding-right: 100px } @media (max-width:767px) { .hm-hot .hot-carousel { margin-top: 20px; padding-right: 0 } } .hm-hot .carousel-item { padding: 10px 0; border: 0 none } .hm-hot .carousel-item:after { content: ''; display: block; clear: both } @media (max-width:767px) { .hm-hot .carousel-item { padding: 0; text-align: center } } .hm-hot .carousel-item .c { float: left; overflow: hidden; max-width: 77%; font-size: 14px; line-height: 15px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #000; -webkit-transition: all .17s; -o-transition: all .17s; transition: all .17s } .hm-hot .carousel-item .c:hover { color: #004098; text-decoration: underline } @media (max-width:1199px) { .hm-hot .carousel-item .c { max-width: 67% } } @media (max-width:767px) { .hm-hot .carousel-item .c { float: none; margin: 0 auto; max-width: 70%; line-height: 20px } } .hm-hot .carousel-item .d { float: left; margin-left: 55px; padding-left: 20px; font-size: 12px; font-family: Arial,sans-serif; line-height: 15px; background: url(../images/icons/date-c8ead5377b.png) no-repeat left 1px; color: #999 } @media (max-width:767px) { .hm-hot .carousel-item .d { display: inline-block; float: none; margin-top: 10px; margin-left: 0; line-height: 20px; vertical-align: top } } .hm-hot .carousel-item .d:hover { text-decoration: underline } .hm-hot .slick-dots { right: 0; bottom: 50%; margin-bottom: -4px; width: 90px } @media (max-width:767px) { .hm-hot .slick-dots { position: relative; bottom: auto; margin: 20px auto 0; width: auto } } .hm-hot .slick-dots li { margin: 0 3px; border-radius: 50%; width: 8px; height: 8px; background: #aaa } .hm-hot .slick-dots li.slick-active { background: #004098 } .hm-layout-join { overflow: hidden; height: 180px; background: #eee } .hm-layout-join:after { content: ''; display: block; clear: both } @media (max-width:991px) { .hm-layout-join { height: auto; background: 0 0 } } .hm-layout-join .lj-box { display: block; position: relative; z-index: 1 } .hm-layout-join .lj-box:hover .lj-pic img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07) } .hm-layout-join .lj-pic { overflow: hidden } .hm-layout-join .lj-pic img { width: 100%; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } .hm-layout-join .lj-title { position: absolute; top: 0; left: 0; padding: 40px 20px 30px; width: 100%; height: 100%; color: #fff } .hm-layout-join .lj-title .e { margin-bottom: 10px; font-weight: 700; font-size: 14px; line-height: 15px; text-transform: capitalize } .hm-layout-join .lj-title .z { font-weight: 700; font-size: 16px; line-height: 20px } .hm-layout-join .lj-title .m { display: block; margin-top: 25px; border: 1px solid #fff; border-radius: 5px; width: 25px; height: 25px; background: url(../images/icons/more-30050100a7.png) no-repeat center center } .hm-layout { float: left; overflow: hidden; width: 900px; height: 180px } .hm-layout:after { content: ''; display: block; clear: both } @media (max-width:1199px) { .hm-layout { float: none; width: 100% } } @media (max-width:991px) { .hm-layout { height: auto } } .hm-layout .hml-name { float: left; width: 250px } @media (max-width:991px) { .hm-layout .hml-name { float: none; width: 100%; background: #999 } .hm-layout .hml-name .lj-pic { text-align: right } .hm-layout .hml-name img { width: auto } } .hm-layout .hml-info { float: left; overflow: hidden; position: relative; width: 650px; height: 100% } .hm-layout .hml-info:after { content: ''; display: block; clear: both } @media (max-width:1199px) { .hm-layout .hml-info { width: 710px } } @media (max-width:991px) { .hm-layout .hml-info { float: none; width: auto } } .hm-layout .hml-info.hml1 .hml-item1 { left: 0; right: 60% } .hm-layout .hml-info.hml1 .hml-item2 { left: 40%; right: 30% } .hm-layout .hml-info.hml1 .hml-item3 { left: 70%; right: 0% } .hm-layout .hml-info.hml1 .hml-item4 { /* left: 80%; right: 0% */ } .hm-layout .hml-info.hml1 .hml-item5 { /* left: 85%; right: 0 */ } .hm-layout .hml-info.hml2 .hml-item1 { left: 0; right: 70% } .hm-layout .hml-info.hml2 .hml-item2 { left: 30%; right: 30% } .hm-layout .hml-info.hml2 .hml-item3 { left: 70%; right: 0% } .hm-layout .hml-info.hml2 .hml-item4 { /* left: 80%; right: 0% */ } .hm-layout .hml-info.hml2 .hml-item5 { /* left: 85%; right: 0 */ } .hm-layout .hml-info.hml3 .hml-item1 { left: 0; right: 70% } .hm-layout .hml-info.hml3 .hml-item2 { left: 30%; right: 40% } .hm-layout .hml-info.hml3 .hml-item3 { left: 60%; right: 0% } .hm-layout .hml-info.hml3 .hml-item4 { left: 80%; right: 0% } .hm-layout .hml-info.hml3 .hml-item5 { /* left: 85%; right: 0 */ } .hm-layout .hml-info.hml4 .hml-item1 { left: 0; right: 80% } .hm-layout .hml-info.hml4 .hml-item2 { left: 20%; right: 60% } .hm-layout .hml-info.hml4 .hml-item3 { left: 40%; right: 20% } .hm-layout .hml-info.hml4 .hml-item4 { left: 60%; right: 0% } .hm-layout .hml-info.hml4 .hml-item5 { /* left: 85%; right: 0 */ } .hm-layout .hml-info.hml5 .hml-item1 { left: 0; right: 85% } .hm-layout .hml-info.hml5 .hml-item2 { left: 15%; right: 70% } .hm-layout .hml-info.hml5 .hml-item3 { left: 30%; right: 55% } .hm-layout .hml-info.hml5 .hml-item4 { left: 45%; right: 40% } .hm-layout .hml-info.hml5 .hml-item5 { left: 60%; right: 0 } @media (max-width:991px) { .hm-layout .hml-list { margin-left: -5px } } @media (max-width:575px) { .hm-layout .hml-list { margin-left: 0 } } .hm-layout .hml-item { position: absolute; z-index: 1; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } .hm-layout .hml-item.hml-item1 { left: 0; right: 66.66% } .hm-layout .hml-item.hml-item2 { left:33.33%; right: 33.33% } .hm-layout .hml-item.hml-item3 { left: 66.66%; right: 0% } .hm-layout .hml-item.hml-item4 { left: 75%; right: 0% } .hm-layout .hml-item.hml-item5 { left: 80%; right: 0 } @media (max-width:991px) { .hm-layout .hml-item.hml-item5 { width: 100%; height: 300px } } @media (max-width:767px) { .hm-layout .hml-item.hml-item5 { height: auto } } .hm-layout .hml-item:hover { z-index: 5 } .hm-layout .hml-item:hover .hml-pic:before { visibility: visible; opacity: 1 } .hm-layout .hml-item:hover .hml-title .t { font-weight: 400 } .hm-layout .hml-item:hover .hml-title .l { visibility: visible; margin-top: 12px; margin-bottom: 12px; height: 1px } .hm-layout .hml-item:hover .hml-title .m { visibility: visible; margin-bottom: 0; opacity: 1 } @media (max-width:991px) { .hm-layout .hml-item { float: left; position: relative; margin-top: 5px; padding-left: 5px; width: 50% } .hm-layout .hml-item.hml-item1,.hm-layout .hml-item.hml-item2,.hm-layout .hml-item.hml-item3,.hm-layout .hml-item.hml-item4,.hm-layout .hml-item.hml-item5 { left: auto; right: auto } } @media (max-width:575px) { .hm-layout .hml-item { padding-left: 0; width: 100% } } .hm-layout .hml-pic { overflow: hidden; position: relative; z-index: 1 } .hm-layout .hml-pic:before { visibility: hidden; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,64,152,.3); opacity: 0; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s; content: '' } @media (max-width:991px) { .hm-layout .hml-pic img { width: 100% } } .hm-layout .hml-title { position: absolute; top: 50%; left: 50%; z-index: 5; color: #fff; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .hm-layout .hml-title .t { overflow: hidden; margin: 0 auto; width: 32px; height: 32px; font-weight: 700; font-size: 16px; line-height: 16px } .hm-layout .hml-title .l { display: block; visibility: hidden; margin: 0; width: 80px; height: 0; background: #fff; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } .hm-layout .hml-title .m { display: block; visibility: hidden; overflow: hidden; margin: 0 auto -25px; border: 1px solid #fff; border-radius: 5px; width: 25px; height: 25px; background: url(../images/icons/more-30050100a7.png) no-repeat center center; opacity: 0; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } .hm-join { float: right; width: 200px } @media (max-width:1199px) { .hm-join { display: none } } .about-profile { padding: 110px 0 } @media (max-width:1199px) { .about-profile { padding: 90px 0 } } @media (max-width:991px) { .about-profile { padding: 70px 0 } } @media (max-width:767px) { .about-profile { padding: 50px 0 } } @media (max-width:575px) { .about-profile { padding: 40px 0 } } .about-profile .details-head { text-align: center } @media (max-width:767px) { .about-profile .details-head { text-align: left } } .about-profile .t-z { font-weight: 400; font-size: 36px; font-family: "Microsoft YaHei",sans-serif; line-height: 40px; color: #000 } @media (max-width:1199px) { .about-profile .t-z { font-size: 32px; line-height: 35px } } @media (max-width:991px) { .about-profile .t-z { font-size: 28px; line-height: 30px } } @media (max-width:767px) { .about-profile .t-z { font-size: 24px; line-height: 25px } } @media (max-width:575px) { .about-profile .t-z { font-size: 18px; line-height: 20px } } .about-profile .t-e { margin-top: 15px; font-size: 18px; font-family: Arial,sans-serif; line-height: 20px; color: #84a9db } @media (max-width:991px) { .about-profile .t-e { font-size: 16px; line-height: 15px } } @media (max-width:767px) { .about-profile .t-e { margin-top: 10px; font-size: 14px } } @media (max-width:575px) { .about-profile .t-e { font-size: 12px } } .about-profile .details-body { margin-top: 70px } @media (max-width:1199px) { .about-profile .details-body { margin-top: 50px } } @media (max-width:991px) { .about-profile .details-body { margin-top: 40px } } @media (max-width:767px) { .about-profile .details-body { margin-top: 30px } } @media (max-width:575px) { .about-profile .details-body { margin-top: 20px } } .about-honor { padding: 110px 0 } @media (max-width:1199px) { .about-honor { padding: 90px 0 } } @media (max-width:991px) { .about-honor { padding: 70px 0 } } @media (max-width:767px) { .about-honor { padding: 50px 0 } } @media (max-width:575px) { .about-honor { padding: 40px 0 } } .about-honor .honor-cont:after { content: ''; display: block; clear: both } .about-honor .honor-list { margin-left: -50px } @media (max-width:1199px) { .about-honor .honor-list { margin-left: -40px } } @media (max-width:991px) { .about-honor .honor-list { margin-left: -30px } } @media (max-width:575px) { .about-honor .honor-list { margin-left: -20px } } @media (max-width:424px) { .about-honor .honor-list { margin-left: 0 } } .about-honor .honor-item { float: left; padding-left: 50px; padding-bottom: 50px; width: 33.3334% } @media (max-width:1199px) { .about-honor .honor-item { padding-left: 40px; padding-bottom: 40px } } @media (max-width:991px) { .about-honor .honor-item { padding-left: 30px; padding-bottom: 30px } } @media (max-width:767px) { .about-honor .honor-item { width: 50% } } @media (max-width:575px) { .about-honor .honor-item { padding-left: 20px; padding-bottom: 20px } } @media (max-width:424px) { .about-honor .honor-item { margin-bottom: 25px; padding-left: 0; padding-bottom: 0; width: 100% } } .about-honor .honor-item a { display: block; overflow: hidden; position: relative; padding: 20px; height: 300px; background: #fff } @media (max-width:991px) { .about-honor .honor-item a { height: 260px } } @media (max-width:575px) { .about-honor .honor-item a { height: 220px } } .about-honor .honor-item a:hover .honor-more { visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none } .about-honor .honor-item a:hover .honor-more .c { visibility: visible; opacity: 1; -webkit-transition-delay: .37s; -o-transition-delay: .37s; transition-delay: .37s } .about-honor .honor-thumb { overflow: hidden; position: relative; width: 100%; height: 100%; text-align: center } .about-honor .honor-thumb img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .about-honor .honor-more { visibility: hidden; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(27,178,180,.8); -webkit-transition: all .57s; -o-transition: all .57s; transition: all .57s; -webkit-transform: translate(0,-100%); -ms-transform: translate(0,-100%); transform: translate(0,-100%) } .about-honor .honor-more .c { visibility: hidden; position: absolute; top: 50%; left: 0; margin-top: -10px; width: 100%; font-size: 14px; font-family: "Microsoft YaHei",sans-serif; line-height: 20px; text-align: center; color: #fff; opacity: 0; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } .about-culture .culture-idea { padding: 80px 0 } @media (max-width:1199px) { .about-culture .culture-idea { padding: 60px 0 } } @media (max-width:767px) { .about-culture .culture-idea { padding: 50px 0 } } .about-culture .idea-info { font-size: 48px; font-family: "Microsoft YaHei",sans-serif; line-height: 60px; text-align: center; color: #000 } @media (max-width:1199px) { .about-culture .idea-info { font-size: 40px; line-height: 50px } } @media (max-width:991px) { .about-culture .idea-info { font-size: 32px; line-height: 40px } } @media (max-width:767px) { .about-culture .idea-info { font-size: 24px; line-height: 30px } } .about-culture .idea-info .quote-l,.about-culture .idea-info .quote-r { font-weight: 700; font-size: 60px; font-family: SimSun,sans-serif; line-height: 1; color: #1bb2b4 } @media (max-width:767px) { .about-culture .idea-info .quote-l,.about-culture .idea-info .quote-r { font-size: 50px } } @media (max-width:575px) { .about-culture .idea-info .quote-l,.about-culture .idea-info .quote-r { line-height: 20px } } .about-culture .idea-info .quote-l { text-indent: -20px } .about-culture .idea-info .quote-r { margin-top: 40px; text-indent: 20px } @media (max-width:991px) { .about-culture .idea-info .quote-r { margin-top: 35px } } @media (max-width:767px) { .about-culture .idea-info .quote-r { margin-top: 30px } } .about-culture .idea-mmp { margin-top: 30px; font-size: 18px; font-family: Arial,sans-serif; line-height: 20px; color: #84a9db; text-align: center } @media (max-width:767px) { .about-culture .idea-mmp { margin-top: 20px; font-size: 14px; line-height: 15px } } .about-culture .idea-mmp .c { display: inline-block; border-left: 1px solid #84a9db; padding-left: 20px; vertical-align: top } .about-culture .culture-values { padding: 170px 0; background: no-repeat center center fixed } @media (max-width:991px) { .about-culture .culture-values { padding: 120px 0; background-attachment: scroll } } @media (max-width:767px) { .about-culture .culture-values { padding: 80px 0 } } @media (max-width:575px) { .about-culture .culture-values { padding: 60px 0 } } .about-culture .values-info { margin: 0 auto; padding-bottom: 20px; width: 70%; font-size: 18px; font-family: "Microsoft YaHei",sans-serif; line-height: 35px; color: #fff } @media (max-width:991px) { .about-culture .values-info { width: 80% } } @media (max-width:767px) { .about-culture .values-info { padding-bottom: 0; width: auto; font-size: 16px; line-height: 30px } } @media (max-width:575px) { .about-culture .values-info { font-size: 15px; line-height: 25px } } .about-culture .values-info .l { display: inline-block; margin-top: 40px; width: 35px; height: 5px; background: #fff; vertical-align: top } @media (max-width:767px) { .about-culture .values-info .l { margin-top: 30px } } .about-culture .culture-duty { padding: 140px 0; background: no-repeat bottom center fixed } @media (max-width:991px) { .about-culture .culture-duty { padding: 100px 0; background-attachment: scroll } } @media (max-width:767px) { .about-culture .culture-duty { padding: 80px 0 } } @media (max-width:575px) { .about-culture .culture-duty { padding: 60px 0 } } .about-culture .duty-info { padding: 0 150px 100px } @media (max-width:991px) { .about-culture .duty-info { margin-left: auto; margin-right: auto; padding: 0; width: 80% } } @media (max-width:767px) { .about-culture .duty-info { width: auto } } .about-culture .duty-info .carousel { padding-bottom: 60px } @media (max-width:991px) { .about-culture .duty-info .carousel { padding-bottom: 50px } } .about-culture .duty-info .carousel-item { border-top: 2px solid #004098; padding: 80px 50px 90px; background: rgba(255,255,255,.5) } @media (max-width:991px) { .about-culture .duty-info .carousel-item { padding: 60px 40px 70px } } @media (max-width:767px) { .about-culture .duty-info .carousel-item { padding: 50px 30px } } @media (max-width:575px) { .about-culture .duty-info .carousel-item { padding: 40px 20px } } .about-culture .duty-info .c { font-size: 14px; font-family: "Microsoft YaHei",sans-serif; line-height: 30px } @media (max-width:575px) { .about-culture .duty-info .c { font-size: 12px; line-height: 25px } } .about-culture .duty-info .slick-dots li { margin: 0 7px; border: 3px solid #fff; border-radius: 50%; width: 12px; height: 12px; background: #fff } .about-culture .duty-info .slick-dots li.slick-active { background: 0 0 } .about-member { padding: 90px 0 180px } @media (max-width:991px) { .about-member { padding: 70px 0 120px } } @media (max-width:767px) { .about-member { padding: 50px 0 80px } } @media (max-width:575px) { .about-member { padding: 30px 0 50px } } .about-member .member-info .mi-c { font-size: 14px; font-family: "Microsoft YaHei",sans-serif; line-height: 20px } @media (max-width:767px) { .about-member .member-info .mi-c { font-size: 12px } } .about-member .member-list { margin: 40px 0 50px } @media (max-width:767px) { .about-member .member-list { margin: 20px 0 30px } } .about-member .member-item { margin-bottom: 10px } .about-member .member-name { position: relative; z-index: 1; padding: 35px 10px; background: #fff; cursor: pointer } .about-member .member-name:after { content: ''; display: block; clear: both } @media (max-width:991px) { .about-member .member-name { padding: 30px 10px } } @media (max-width:767px) { .about-member .member-name { padding: 20px 10px } } @media (max-width:575px) { .about-member .member-name { padding: 15px 10px } } .about-member .member-name:before { visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #1bb2b4; -webkit-transition: visibility .57s,-webkit-transform .57s; transition: visibility .57s,-webkit-transform .57s; -o-transition: transform .57s,visibility .57s; transition: transform .57s,visibility .57s; transition: transform .57s,visibility .57s,-webkit-transform .57s; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; content: '' } .about-member .member-name .more { float: right; margin-left: 30px; margin-right: 20px } @media (max-width:767px) { .about-member .member-name .more { margin-left: 20px; margin-right: 10px } } @media (max-width:575px) { .about-member .member-name .more { margin-right: 0 } } .about-member .member-name .m { display: block; position: relative; width: 20px; height: 20px } .about-member .member-name .m:after,.about-member .member-name .m:before { position: absolute; background: #aaa; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s; content: '' } .about-member .member-name .m:before { top: 0; left: 50%; width: 1px; height: 100%; -webkit-transform: translate(-50%,0) scale(1,1); -ms-transform: translate(-50%,0) scale(1,1); transform: translate(-50%,0) scale(1,1) } .about-member .member-name .m:after { top: 50%; left: 0; width: 100%; height: 1px; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%) } .about-member .member-name .name { overflow: hidden; position: relative; z-index: 1; padding-left: 40px } @media (max-width:767px) { .about-member .member-name .name { padding-left: 30px } } @media (max-width:575px) { .about-member .member-name .name { padding-left: 20px } } @media (max-width:424px) { .about-member .member-name .name { padding-left: 15px } } .about-member .member-name .name:before { position: absolute; top: 0; left: 0; bottom: 0; width: 4px; background: #1bb2b4; content: '' } @media (max-width:767px) { .about-member .member-name .name:before { width: 3px } } @media (max-width:575px) { .about-member .member-name .name:before { width: 2px } } .about-member .member-name .c { overflow: hidden; font-size: 18px; font-family: "Microsoft YaHei",sans-serif; line-height: 20px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #333 } @media (max-width:991px) { .about-member .member-name .c { font-size: 16px } } @media (max-width:767px) { .about-member .member-name .c { font-size: 15px } } .about-member .member-name:hover:before { visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center } .about-member .member-name:hover .m { -webkit-transition: all .57s; -o-transition: all .57s; transition: all .57s; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .about-member .member-name:hover .m:after,.about-member .member-name:hover .m:before { background: #1bb2b4 } .about-member .member-name.show:before { visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none } .about-member .member-name.show .m { -webkit-transition: all .57s; -o-transition: all .57s; transition: all .57s; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } .about-member .member-name.show .m:after,.about-member .member-name.show .m:before { background: #1bb2b4 } .about-member .member-name.show .m:before { -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s; -webkit-transform: translate(-50%,0) scale(1,0); -ms-transform: translate(-50%,0) scale(1,0); transform: translate(-50%,0) scale(1,0) } .about-member .member-cont { display: none; border-top: 1px solid #f8f8f8; padding: 80px 50px; font-size: 14px; font-family: "Microsoft YaHei",sans-serif; line-height: 30px; background: #fff } @media (max-width:991px) { .about-member .member-cont { padding: 50px } } @media (max-width:767px) { .about-member .member-cont { padding: 40px; font-size: 12px; line-height: 25px } } @media (max-width:575px) { .about-member .member-cont { padding: 20px 30px } } @media (max-width:424px) { .about-member .member-cont { padding: 15px 25px } } .about-contact { padding: 150px 0 } @media (max-width:1199px) { .about-contact { padding: 120px 0 } } @media (max-width:991px) { .about-contact { padding: 90px 0 } } @media (max-width:767px) { .about-contact { padding: 60px 0 } } @media (max-width:575px) { .about-contact { padding: 45px 0 } } @media (max-width:424px) { .about-contact { padding: 30px 0 } } .about-contact .contact-list { margin-bottom: 50px } @media (max-width:991px) { .about-contact .contact-list { margin-bottom: 40px } } @media (max-width:575px) { .about-contact .contact-list { margin-bottom: 30px } } @media (max-width:424px) { .about-contact .contact-list { margin-bottom: 20px } } .about-contact .contact-item { margin-bottom: 10px; font-size: 18px; font-family: "Microsoft YaHei",sans-serif; line-height: 30px; text-align: center } @media (max-width:991px) { .about-contact .contact-item { font-size: 16px; line-height: 25px } } @media (max-width:767px) { .about-contact .contact-item { margin-bottom: 5px } } @media (max-width:575px) { .about-contact .contact-item { font-size: 14px } } .about-contact .contact-item .c { display: inline-block; vertical-align: top } .about-contact .contact-item .name { float: left; margin-right: 10px; color: #999 } .about-contact .contact-item .cont { overflow: hidden; color: #000 } .about-contact .contact-map { height: 430px } @media (max-width:991px) { .about-contact .contact-map { height: 360px } } @media (max-width:767px) { .about-contact .contact-map { height: 320px } } @media (max-width:575px) { .about-contact .contact-map { height: 280px } } @media (max-width:424px) { .about-contact .contact-map { height: 240px } } .about-contact .contact-map .map { height: 100% } .about-contact .contact-map .map .anchorBL { display: none!important } .news-center { padding: 120px 0 } @media (max-width:991px) { .news-center { padding: 90px 0 } } @media (max-width:767px) { .news-center { padding: 60px 0 } } @media (max-width:575px) { .news-center { padding: 30px 0 } } .news-center .nc-item { position: relative; z-index: 1; margin-bottom: 30px; background: #fff } .news-center .nc-item:after { content: ''; display: block; clear: both } @media (max-width:767px) { .news-center .nc-item { margin-bottom: 20px } } .news-center .nc-item:hover .nc-pic img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07) } .news-center .nc-item:hover .nc-info:before { visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center } .news-center .nc-item:hover .nc-info .c-t { color: #1bb2b4 } .news-center .nc-item:hover .nc-info .m { color: #fff } .news-center .nc-item:hover .nc-info .m:before { visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center } .news-center .nc-pic { overflow: hidden; float: left; width: 50%; background: #ced6e1 } @media (max-width:767px) { .news-center .nc-pic { float: none; width: auto } } .news-center .nc-pic img { -webkit-transition: all .57s; -o-transition: all .57s; transition: all .57s } @media (max-width:991px) { .news-center .nc-pic img { width: 100% } } .news-center .nc-info { overflow: hidden; position: absolute; top: 0; left: 50%; right: 0; bottom: 0; z-index: 1; padding: 35px 50px } @media (max-width:991px) { .news-center .nc-info { padding: 20px 30px } } @media (max-width:767px) { .news-center .nc-info { position: relative; left: 0; padding: 30px 40px } } @media (max-width:575px) { .news-center .nc-info { padding: 5% } } .news-center .nc-info:before { visibility: hidden; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #1bb2b4; -webkit-transition: visibility .57s,-webkit-transform .57s; transition: visibility .57s,-webkit-transform .57s; -o-transition: transform .57s,visibility .57s; transition: transform .57s,visibility .57s; transition: transform .57s,visibility .57s,-webkit-transform .57s; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; content: '' } @media (max-width:767px) { .news-center .nc-info:before { height: 2px } } .news-center .nc-info .d-i { float: left; margin-right: 10px; width: 20px; height: 20px; background: url(../images/icons/date1-532bcd2a43.png) no-repeat center center } .news-center .nc-info .d-c { overflow: hidden; font-size: 18px; line-height: 20px; color: #999 } @media (max-width:991px) { .news-center .nc-info .d-c { font-size: 16px } } @media (max-width:767px) { .news-center .nc-info .d-c { font-size: 14px } } @media (max-width:575px) { .news-center .nc-info .d-c { font-size: 12px } } .news-center .nc-info .c { margin-top: 40px } @media (max-width:991px) { .news-center .nc-info .c { margin-top: 20px } } @media (max-width:767px) { .news-center .nc-info .c { margin-top: 15px } } .news-center .nc-info .c-t { overflow: hidden; font-size: 18px; font-family: "Microsoft YaHei",sans-serif; line-height: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } @media (max-width:991px) { .news-center .nc-info .c-t { font-size: 16px } } @media (max-width:424px) { .news-center .nc-info .c-t { font-size: 14px; line-height: 20px } } .news-center .nc-info .m { display: block; position: relative; z-index: 1; margin-top: 80px; padding: 10px 0; width: 120px; height: 40px; font-size: 14px; font-family: "Microsoft YaHei",sans-serif; line-height: 20px; text-align: center; background: #f8f8f8; color: #999; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } @media (max-width:991px) { .news-center .nc-info .m { margin-top: 50px; padding: 5px 0; width: 90px; height: 30px; font-size: 12px } } @media (max-width:767px) { .news-center .nc-info .m { margin-top: 30px } } .news-center .nc-info .m:before { visibility: hidden; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #1bb2b4; -webkit-transition: visibility .57s,-webkit-transform .57s; transition: visibility .57s,-webkit-transform .57s; -o-transition: transform .57s,visibility .57s; transition: transform .57s,visibility .57s; transition: transform .57s,visibility .57s,-webkit-transform .57s; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; content: '' } .news-details { position: relative; z-index: 5; padding: 50px 0 100px } @media (max-width:767px) { .news-details { padding: 40px 0 50px } } @media (max-width:575px) { .news-details { padding: 30px 0 40px } } .news-details .details-head { margin-top: -240px; padding-bottom: 90px; -webkit-transition: all .17s; -o-transition: all .17s; transition: all .17s } @media (max-width:1919px) { .news-details .details-head { margin-top: -220px; padding-bottom: 70px } } @media (max-width:1599px) { .news-details .details-head { margin-top: -200px; padding-bottom: 50px } } @media (max-width:1279px) { .news-details .details-head { margin-top: -180px; padding-bottom: 30px } } @media (max-width:1199px) { .news-details .details-head { margin-top: -160px; padding-bottom: 30px } } @media (max-width:767px) { .news-details .details-head { margin-top: 0; border-bottom: 1px solid #ddd; padding-bottom: 20px } } @media (max-width:424px) { .news-details .details-head { padding-bottom: 10px } } .news-details .nd-t { text-align: center } .news-details .nd-t .t { font-weight: 400; font-size: 28px; font-family: "Microsoft YaHei",sans-serif; line-height: 40px; color: #fff } @media (max-width:1199px) { .news-details .nd-t .t { font-size: 24px; line-height: 35px } } @media (max-width:767px) { .news-details .nd-t .t { color: #333 } } @media (max-width:575px) { .news-details .nd-t .t { font-size: 18px; line-height: 30px } } .news-details .nd-m { margin-top: 30px; text-align: center } @media (max-width:1199px) { .news-details .nd-m { margin-top: 15px } } @media (max-width:575px) { .news-details .nd-m { margin-top: 10px } } .news-details .nd-tools { display: inline-block; vertical-align: top } .news-details .nd-tools:after { content: ''; display: block; clear: both } .news-details .nd-d { float: left; margin-right: 30px } .news-details .nd-d .d-i { float: left; margin-right: 10px; width: 20px; height: 20px; background: url(../images/icons/date2-57135552a7.png) no-repeat center center } @media (max-width:767px) { .news-details .nd-d .d-i { background-image: url(../images/icons/date1-532bcd2a43.png) } } .news-details .nd-d .d-c { overflow: hidden; font-size: 14px; line-height: 20px; color: #fff } @media (max-width:767px) { .news-details .nd-d .d-c { color: #999 } } @media (max-width:575px) { .news-details .nd-d .d-c { font-size: 12px } } .news-details .details-share { float: left } @media (max-width:991px) { .news-details .details-share { display: none } } .news-details .details-share .bshare-custom { line-height: 20px!important } .news-details .details-share .bshare-custom a { vertical-align: top; margin-top: 2px } .news-details .details-share .sh-t { display: inline-block; vertical-align: top; color: #fff } .news-details .details-body { padding: 80px 0 30px } @media (max-width:1199px) { .news-details .details-body { padding-top: 50px } } @media (max-width:767px) { .news-details .details-body { padding: 30px 0 } } .details-foot { padding: 10px 0 } @media (max-width:991px) { .details-foot { padding: 0 } } .details-foot .arrow-next,.details-foot .arrow-prev { margin-top: -1px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 25px 0; font-size: 14px; font-family: "Microsoft YaHei",sans-serif; line-height: 20px } .details-foot .arrow-next:after,.details-foot .arrow-prev:after { content: ''; display: block; clear: both } @media (max-width:1199px) { .details-foot .arrow-next,.details-foot .arrow-prev { padding: 20px 0 } } @media (max-width:991px) { .details-foot .arrow-next,.details-foot .arrow-prev { padding: 10px 0 } } .details-foot .n { float: left; margin-right: 40px; color: #999 } @media (max-width:1199px) { .details-foot .n { margin-right: 30px } } @media (max-width:767px) { .details-foot .n { margin-right: 10px } } .details-foot .c { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis } .details-foot .c a { -webkit-transition: all .17s; -o-transition: all .17s; transition: all .17s } .details-foot .c a:hover { color: #004098; text-decoration: underline } .details-foot .details-back { margin-top: 60px; text-align: center } @media (max-width:1199px) { .details-foot .details-back { margin-top: 40px } } @media (max-width:991px) { .details-foot .details-back { margin-top: 30px } } @media (max-width:767px) { .details-foot .details-back { margin-top: 20px } } .details-foot .details-back a { display: inline-block; vertical-align: top; font-size: 14px; font-family: "Microsoft YaHei",sans-serif; color: #333; line-height: 30px; -webkit-transition: all .17s; -o-transition: all .17s; transition: all .17s } .details-foot .details-back a:hover { color: #004098; text-decoration: underline } .layout { padding: 110px 0 } @media (max-width:991px) { .layout { padding: 90px 0 } } @media (max-width:767px) { .layout { padding: 60px 0 } } @media (max-width:575px) { .layout { padding: 30px 0 } } .layout .details-head:after { content: ''; display: block; clear: both } .layout .layout-title .t-z { font-weight: 400; font-size: 36px; font-family: "Microsoft YaHei",sans-serif; line-height: 40px; color: #000 } @media (max-width:1199px) { .layout .layout-title .t-z { font-size: 32px } } @media (max-width:991px) { .layout .layout-title .t-z { font-size: 28px; line-height: 35px } } @media (max-width:767px) { .layout .layout-title .t-z { font-size: 24px } } @media (max-width:575px) { .layout .layout-title .t-z { font-size: 20px; line-height: 30px } } .layout .layout-title .t-e { margin-top: 10px; font-size: 24px; line-height: 30px; color: #1bb2b4 } @media (max-width:1199px) { .layout .layout-title .t-e { font-size: 22px } } @media (max-width:991px) { .layout .layout-title .t-e { font-size: 20px; line-height: 25px } } @media (max-width:767px) { .layout .layout-title .t-e { margin-top: 5px; font-size: 18px } } @media (max-width:575px) { .layout .layout-title .t-e { font-size: 16px; line-height: 20px } } .layout .details-share { line-height: 20px; text-align: right } @media (max-width:991px) { .layout .details-share { display: none } } .layout .details-share .bshare-custom { display: inline-block; vertical-align: top; margin-top: -20px; text-align: left } .layout .details-body { padding: 30px 0 } @media (max-width:991px) { .layout .details-body { padding: 20px 0 } } .investor-banner { padding: 120px 0 60px; background: #bfcee2 } @media (max-width:991px) { .investor-banner { padding: 80px 0 } } @media (max-width:767px) { .investor-banner { padding: 50px 0 } } @media (max-width:575px) { .investor-banner { padding: 40px 0 } } .investor-banner .ibr-info:after { content: ''; display: block; clear: both } .investor-banner .current-state { float: left; font-family: Arial,sans-serif; color: #004098 } @media (max-width:991px) { .investor-banner .current-state { float: none } } .investor-banner .s-price { display: inline-block; font-size: 76px; line-height: 60px; vertical-align: top } @media (max-width:767px) { .investor-banner .s-price { font-size: 60px; line-height: 50px } } @media (max-width:575px) { .investor-banner .s-price { font-size: 50px; line-height: 40px } } @media (max-width:424px) { .investor-banner .s-price { font-size: 40px; line-height: 30px } } .investor-banner .s-state { display: inline-block; top: 0; margin: 0 10px 0 20px; width: 18px; height: 24px; vertical-align: top } @media (max-width:767px) { .investor-banner .s-state { margin-left: 10px; width: 14px; height: 18px } } @media (max-width:575px) { .investor-banner .s-state { margin-left: 5px } } .investor-banner .s-state:after,.investor-banner .s-state:before { display: block; margin: 0 auto; content: '' } .investor-banner .s-state.up { -webkit-animation: arrowAni 1s infinite ease-in; animation: arrowAni 1s infinite ease-in } .investor-banner .s-state.up:before { border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 12px solid #e60012 } @media (max-width:767px) { .investor-banner .s-state.up:before { border-left-width: 7px; border-right-width: 7px; border-bottom-width: 8px } } .investor-banner .s-state.up:after { width: 8px; height: 12px; background: #e60012 } @media (max-width:767px) { .investor-banner .s-state.up:after { width: 6px; height: 10px } } .investor-banner .s-state.down { -webkit-animation: arrowAni 1s infinite ease-in reverse; animation: arrowAni 1s infinite ease-in reverse } .investor-banner .s-state.down:before { width: 8px; height: 12px; background: #237c02 } @media (max-width:767px) { .investor-banner .s-state.down:before { width: 6px; height: 10px } } .investor-banner .s-state.down:after { border-top: 12px solid #237c02; border-left: 9px solid transparent; border-right: 9px solid transparent } @media (max-width:767px) { .investor-banner .s-state.down:after { border-top-width: 8px; border-left-width: 7px; border-right-width: 7px } } .investor-banner .s-state.noshow { -webkit-animation: none; animation: none } .investor-banner .unit { display: inline-block; bottom: 0; font-size: 15px; line-height: 20px; vertical-align: bottom } @media (max-width:575px) { .investor-banner .unit { font-size: 13px; line-height: 15px } } .investor-banner .current-info { float: right } .investor-banner .current-info:after { content: ''; display: block; clear: both } @media (max-width:991px) { .investor-banner .current-info { float: none; margin-top: 50px } } @media (max-width:767px) { .investor-banner .current-info { margin-top: 40px } } @media (max-width:575px) { .investor-banner .current-info { margin-top: 30px } } @media (max-width:424px) { .investor-banner .current-info { margin-top: 20px } } @media (max-width:991px) { .investor-banner .info-list { margin-left: -5% } } .investor-banner .info-item { float: left; margin-left: 80px } @media (max-width:991px) { .investor-banner .info-item { margin-left: 5%; width: 20% } } @media (max-width:424px) { .investor-banner .info-item { margin-top: 20px; width: 45% } } .investor-banner .info-item .n { font-size: 12px; line-height: 10px; color: #6d85a6 } .investor-banner .info-item .c { margin-top: 20px; font-size: 30px; font-family: Arial,sans-serif; line-height: 30px; color: #004098 } @media (max-width:767px) { .investor-banner .info-item .c { margin-top: 15px; font-size: 24px; line-height: 25px } } @media (max-width:424px) { .investor-banner .info-item .c { margin-top: 10px; font-size: 22px } } @-webkit-keyframes arrowAni { from { -webkit-transform: translate(0,25%); transform: translate(0,25%) } to { -webkit-transform: translate(0,-25%); transform: translate(0,-25%) } } @keyframes arrowAni { from { -webkit-transform: translate(0,25%); transform: translate(0,25%) } to { -webkit-transform: translate(0,-25%); transform: translate(0,-25%) } } .investor-banner-m { padding: 15px 0 } @media (max-width:991px) { .investor-banner-m { padding: 10px 0 } } .investor-banner-m .c { font-size: 12px; line-height: 20px; color: #7793b9 } .investor-banner-m .c a:hover { color: #999; text-decoration: underline } .investor-info { padding: 90px 0 150px } @media (max-width:1199px) { .investor-info { padding: 70px 0 130px } } @media (max-width:991px) { .investor-info { padding: 50px 0 110px } } @media (max-width:767px) { .investor-info { padding: 30px 0 90px } } @media (max-width:575px) { .investor-info { padding: 20px 0 70px } } @media (max-width:424px) { .investor-info { padding-bottom: 50px } } .investor-info .info-cont { overflow: hidden; font-size: 16px; font-family: "Microsoft YaHei",sans-serif; line-height: 30px; background: #fff } @media (max-width:991px) { .investor-info .info-cont { font-size: 14px; line-height: 25px } } @media (max-width:424px) { .investor-info .info-cont { font-size: 12px } } .investor-info .vinfo-item { border-top: 1px solid #f8f8f8 } .investor-info .vinfo-item:after { content: ''; display: block; clear: both } .investor-info .name { float: left; margin-right: -1px; padding: 20px 30px; width: 50%; box-sizing: border-box; border-right: 1px solid #f8f8f8 } @media (max-width:991px) { .investor-info .name { padding: 15px 25px } } @media (max-width:767px) { .investor-info .name { padding: 10px 20px } } @media (max-width:424px) { .investor-info .name { padding: 10px; line-height: 20px; text-align: center } } .investor-info .info { overflow: hidden; border-left: 1px solid #f8f8f8; padding: 20px 30px; text-align: justify } @media (max-width:991px) { .investor-info .info { padding: 15px 25px } } @media (max-width:767px) { .investor-info .info { padding: 10px 20px } } @media (max-width:424px) { .investor-info .info { padding: 10px } } .investor-info .info a:hover { color: #004098; text-decoration: underline } .investor-notice { padding: 80px 0 } @media (max-width:1199px) { .investor-notice { padding: 60px 0 } } @media (max-width:991px) { .investor-notice { padding: 30px 0 50px } } @media (max-width:767px) { .investor-notice { padding: 20px 0 40px } } @media (max-width:575px) { .investor-notice { padding: 10px 0 30px } } .investor-notice .notice-cont { padding: 20px 0 } @media (max-width:991px) { .investor-notice .notice-cont { padding-top: 0 } } .investor-notice .notice-item { position: relative; z-index: 1; margin-bottom: 1px; padding: 20px 30px; background: #fff; cursor: pointer } @media (max-width:991px) { .investor-notice .notice-item { padding: 20px 25px } } @media (max-width:575px) { .investor-notice .notice-item { padding: 15px 20px } } @media (max-width:424px) { .investor-notice .notice-item { padding: 15px } } .investor-notice .notice-item:before { visibility: hidden; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #f9fcff; -webkit-transition: all .57s; -o-transition: all .57s; transition: all .57s; -webkit-transform: scale(1,0); -ms-transform: scale(1,0); transform: scale(1,0); content: '' } .investor-notice .notice-item:after { content: ''; display: block; clear: both } .investor-notice .notice-item .tools { float: right; margin-left: 30px; line-height: 0 } @media (max-width:991px) { .investor-notice .notice-item .tools { margin-left: 20px } } @media (max-width:575px) { .investor-notice .notice-item .tools { margin-left: 10px } } .investor-notice .notice-item .i { display: inline-block; overflow: hidden; position: relative; margin: 5px 0; width: 30px; height: 20px; vertical-align: top; background: no-repeat center center; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } @media (max-width:991px) { .investor-notice .notice-item .i { margin: 0 } } @media (max-width:424px) { .investor-notice .notice-item .i { width: 25px } } .investor-notice .notice-item .i:hover { background-position-y: 30px } .investor-notice .notice-item .i:hover .ic { visibility: visible; top: 0 } .investor-notice .notice-item .ic { display: inline-block; visibility: hidden; position: absolute; top: -100%; left: 0; width: 100%; height: 100%; font-size: 12px; line-height: 20px; text-align: center; vertical-align: top; color: #1bb2b4; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } .investor-notice .notice-item .l { display: inline-block; width: 2px; height: 14px; margin: 8px 15px; vertical-align: top; background: #ddd } @media (max-width:991px) { .investor-notice .notice-item .l { margin: 3px 10px } } @media (max-width:575px) { .investor-notice .notice-item .l { margin: 3px 5px } } @media (max-width:575px) { .investor-notice .notice-item .l { margin: 3px } } .investor-notice .notice-item .view { background-image: url(../images/icons/view-e85199507e.png) } .investor-notice .notice-item .download { background-image: url(../images/icons/download-735faa268d.png) } .investor-notice .notice-item .cont { overflow: hidden; padding-left: 60px; background: url(../images/icons/pdf-74a85591bc.png) no-repeat left center } @media (max-width:991px) { .investor-notice .notice-item .cont { padding-left: 40px; background-size: contain } } @media (max-width:575px) { .investor-notice .notice-item .cont { padding-left: 0; background: 0 0 } } .investor-notice .notice-item .c { overflow: hidden; font-size: 16px; font-family: "Microsoft YaHei",sans-serif; line-height: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis } @media (max-width:991px) { .investor-notice .notice-item .c { font-size: 14px; line-height: 20px } } @media (max-width:575px) { .investor-notice .notice-item .c { font-size: 13px } } .investor-notice .notice-item .c a:hover { color: #1bb2b4; text-decoration: underline } .investor-notice .notice-item:hover:before { visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none } .join-idea { padding: 120px 0 } @media (max-width:1199px) { .join-idea { padding: 90px 0 } } @media (max-width:991px) { .join-idea { padding: 70px 0 } } @media (max-width:767px) { .join-idea { padding: 50px 0 } } @media (max-width:575px) { .join-idea { padding: 40px 0 } } @media (max-width:424px) { .join-idea { padding: 30px 0 } } .join-idea .idea-info { text-align: center } .join-idea .idea-info .c { font-size: 48px; font-family: "Microsoft YaHei",sans-serif; line-height: 60px; color: #000 } @media (max-width:1199px) { .join-idea .idea-info .c { font-size: 44px; line-height: 50px } } @media (max-width:991px) { .join-idea .idea-info .c { font-size: 36px } } @media (max-width:767px) { .join-idea .idea-info .c { font-size: 30px; line-height: 40px } } @media (max-width:575px) { .join-idea .idea-info .c { font-size: 24px } } @media (max-width:424px) { .join-idea .idea-info .c { font-size: 20px; line-height: 30px } } .join-value { padding: 160px 0 200px; background: no-repeat bottom center fixed } @media (max-width:1199px) { .join-value { padding: 140px 0 160px } } @media (max-width:991px) { .join-value { padding: 120px 0 140px; background-attachment: scroll } } @media (max-width:767px) { .join-value { padding: 90px 0 100px } } @media (max-width:575px) { .join-value { padding: 70px 0 90px } } @media (max-width:424px) { .join-value { padding: 50px 0 70px } } .join-value .values-info { margin: 0 auto; width: 85%; font-size: 18px; font-family: "Microsoft YaHei",sans-serif; line-height: 35px; text-align: justify; color: #fff } .join-value .values-info p{ text-indent: 2em;} @media (max-width:991px) { .join-value .values-info { font-size: 16px; line-height: 30px } } @media (max-width:767px) { .join-value .values-info { width: auto } } @media (max-width:575px) { .join-value .values-info { font-size: 14px; line-height: 25px } } .join-value .values-info .l { display: inline-block; margin-top: 50px; width: 35px; height: 5px; vertical-align: top; background: #fff } @media (max-width:1199px) { .join-value .values-info .l { margin-top: 40px } } @media (max-width:767px) { .join-value .values-info .l { margin-top: 30px; width: 30px; height: 3px } } @media (max-width:424px) { .join-value .values-info .l { margin-top: 20px; height: 2px } } .join-recruit { padding: 50px 0 120px } @media (max-width:1199px) { .join-recruit { padding: 40px 0 90px } } @media (max-width:991px) { .join-recruit { padding: 30px 0 70px } } @media (max-width:767px) { .join-recruit { padding-bottom: 50px } } .join-recruit .recruit-cont dt { padding: 25px 10px 25px 25px; font-size: 14px; font-family: "Microsoft YaHei",sans-serif; line-height: 20px } .join-recruit .recruit-cont dt:after { content: ''; display: block; clear: both } @media (max-width:1199px) { .join-recruit .recruit-cont dt { padding-top: 20px; padding-bottom: 20px } } @media (max-width:991px) { .join-recruit .recruit-cont dt { padding-top: 15px; padding-left: 15px; padding-bottom: 15px } .join-recruit .recruit-cont dt .w { width: 24% } .join-recruit .recruit-cont dt .g { width: 30% } .join-recruit .recruit-cont dt .y { width: 8%; text-align: center } .join-recruit .recruit-cont dt .d { width: 14%; text-align: center } } @media (max-width:767px) { .join-recruit .recruit-cont dt { padding-top: 10px; padding-bottom: 10px; font-size: 12px } } @media (max-width:424px) { .join-recruit .recruit-cont dt { padding-left: 10px } .join-recruit .recruit-cont dt .w { width: 26.5% } .join-recruit .recruit-cont dt .y { width: 14% } .join-recruit .recruit-cont dt .d { width: 28% } .join-recruit .recruit-cont dt .g { display: none } } .join-recruit .recruit-cont dt i { float: left; overflow: hidden; margin-right: 2.5%; width: 20%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis } .join-recruit .recruit-cont dt .m { margin-right: 0; width: 8%; text-align: center } @media (max-width:991px) { .join-recruit .recruit-cont dt .m { width: 14% } } @media (max-width:424px) { .join-recruit .recruit-cont dt .m { width: 23.5% } } .join-recruit .recruit-item { margin-bottom: 1px } .join-recruit .recruit-head { background: #f8f8f8 } .join-recruit .recruit-head dt { color: #999 } .join-recruit .zp-head { position: relative; z-index: 1; background: #fff; color: #999; cursor: pointer } .join-recruit .zp-head:before { visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #1bb2b4; -webkit-transition: visibility .57s,-webkit-transform .57s; transition: visibility .57s,-webkit-transform .57s; -o-transition: transform .57s,visibility .57s; transition: transform .57s,visibility .57s; transition: transform .57s,visibility .57s,-webkit-transform .57s; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; content: '' } @media (max-width:767px) { .join-recruit .zp-head:before { height: 1px } } .join-recruit .zp-head .m-b { display: inline-block; position: relative; z-index: 1; width: 20px; height: 20px; vertical-align: top } @media (max-width:767px) { .join-recruit .zp-head .m-b { margin: 2px 0; width: 16px; height: 16px } } @media (max-width:424px) { .join-recruit .zp-head .m-b { margin: 4px 0; width: 12px; height: 12px } } .join-recruit .zp-head .m-b:after,.join-recruit .zp-head .m-b:before { position: absolute; background: #aaa; -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s; content: '' } .join-recruit .zp-head .m-b:before { top: 0; left: 50%; margin-left: -1px; width: 2px; height: 100%; -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1) } .join-recruit .zp-head .m-b:after { top: 50%; left: 0; margin-top: -1px; width: 100%; height: 2px } .join-recruit .zp-head:hover:before { visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center } .join-recruit .zp-head:hover .m-b { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .57s; -o-transition: all .57s; transition: all .57s } .join-recruit .zp-head:hover .m-b:after,.join-recruit .zp-head:hover .m-b:before { background: #1bb2b4 } .join-recruit .zp-head.active:before { visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none } .join-recruit .zp-head.active .m-b { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s } .join-recruit .zp-head.active .m-b:before { visibility: hidden; opacity: 0; -webkit-transform: scale(1,0); -ms-transform: scale(1,0); transform: scale(1,0) } .join-recruit .zp-head.active .m-b:after { background: #1bb2b4 } .join-recruit .zp-body { display: none; margin-top: 1px; padding: 60px; font-family: "Microsoft YaHei",sans-serif; background: #fff } @media (max-width:1199px) { .join-recruit .zp-body { padding: 50px } } @media (max-width:991px) { .join-recruit .zp-body { padding: 40px } } @media (max-width:767px) { .join-recruit .zp-body { padding: 30px; font-size: 12px; line-height: 25px } } @media (max-width:575px) { .join-recruit .zp-body { padding: 5% } } .tt-message-page{ padding: 60px 90px; background-color: #fff; margin-top: 40px; } .tt-message-item{ margin-bottom: 25px; } .tt-message-page .mtxt{ background-color: #f8f8f8; border: 1px solid #DFDFDF; width: 100%; box-sizing: border-box; padding: 5px 15px; display: block; margin: 0; transition: .3s; line-height: 2.2; } .tt-message-page .mtxt:focus{ border-color: #004098; } .tt-message-page .mtxt2{ height: 135px; resize: none; } .tt-message-t{ font-size: 16px; color: #333; line-height: 1.5; margin-bottom: 15px; } .tt-message-list{ display: flex; justify-content: space-between; } .tt-message-list dd{ width: 100%; } .ml22{ margin-left: 22px; } .tt-yzm-list{ display: flex; justify-content: space-between; margin-bottom: 60px; align-items: center; } .yzm-item1{ flex: 1; } .yzm-item2{ width: 150px; flex-shrink: 0; margin: 0 22px; } .yzm-item2 .yzm{ width: 100%; display: block; height: 46px; background-color: #FAFAFA; } .tt-link{ display: flex; align-items: center; font-size: 16px; color: #999999; } .tt-link:hover{ color: #004098; } .tt-link img{ width: 18px; margin-right: 10px; } .tt-message-btn{ background-color: #1BB2B4; display: block; width: 140px; height: 46px; line-height: 46px; text-align: center; color: #fff; border: 0 none; transition: .3s; } .tt-message-btn:hover{ background-color: #004098; } @media (max-width:1180px) { .tt-message-page{ padding: 40px; margin-top: 0; } } @media (max-width:860px) { .tt-message-page{ padding: 20px; } } @media (max-width:640px) { .tt-message-page{ padding: 15px; } .tt-message-t{ font-size: 14px; margin-bottom: 8px; } .tt-message-item{ margin-bottom: 18px; } .tt-message-page .mtxt{ line-height: 1.8; } .tt-message-page .mtxt2{ height: 100px; } .ml22{ margin-left: 12px; } .tt-message-list{ display: block; } .tt-message-list .ml22{ margin-left: 0; } .tt-yzm-list{ margin-bottom: 40px; } .yzm-item2{ width: 80px; margin: 0 10px; } .yzm-item2 .yzm{ height: 25px; } .tt-link{ font-size: 14px; } .tt-link img{ width: 16px; margin-right: 5px; } .tt-message-btn{ width: 110px; height: 40px; line-height: 40px; } }