/* ::::: https://www.hsszdmt.com/dist/css/layout.css ::::: */
.commonweb1400 { padding: 0px 15px; }

.commonweb1600 { padding: 0px 15px; }

html, body { overflow-x: hidden; overflow-y: auto; }

.toggle-btn { width: 30px; height: 30px; position: relative; margin-top: 10px; display: block; }

.toggle-btn span { width: 20px; height: 1px; background: #000000; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }

.toggle-btn span:first-child { top: 8px; }

.toggle-btn span:nth-child(2) { top: 50%; }

.toggle-btn span:last-child { bottom: 7px; }

.toggle-btn.cur span:first-child { -webkit-transform: translate(-50%, 7px) rotate(45deg); -ms-transform: translate(-50%, 7px) rotate(45deg); -o-transform: translate(-50%, 7px) rotate(45deg); transform: translate(-50%, 7px) rotate(45deg); }

.toggle-btn.cur span:nth-child(2) { opacity: 0; }

.toggle-btn.cur span:last-child { -webkit-transform: translate(-50%, -7px) rotate(-45deg); -ms-transform: translate(-50%, -7px) rotate(-45deg); -o-transform: translate(-50%, -7px) rotate(-45deg); transform: translate(-50%, -7px) rotate(-45deg); }

.xswiper-slide {margin: 0px 3px;float: left;width: calc(33% - 5px);}

@media (min-width: 768px) { .commonweb1400 { padding: 0px 20px; }
  .commonweb1600 { padding: 0px 20px; } }

@media (min-width: 992px) { .commonweb1400 { padding: 0px 40px; }
  .commonweb1600 { padding: 0px 40px; } }

@media (min-width: 1260px) { .commonweb1400 { margin: 0px auto; max-width: 1400px; padding: 0 60px; }
  .commonweb1600 { padding: 0 60px; } }

@media (min-width: 1460px) { .commonweb1400 { padding: 0; }
  .commonweb1600 { padding: 0 80px; } }

@media (min-width: 1660px) { .commonweb1600 { max-width: 1600px; margin-left: auto; margin-right: auto; padding: 0 80px; } }

@media (min-width: 1760px) { .commonweb1600 { padding: 0; } }


/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font: 14px/1.5 Arial, 'PingFang SC','Microsoft YaHei', sans-serif; color: #333; }

ul, li { list-style: none; }

img { border: 0; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

table th, table td { border: 1px solid #ccc; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; }

input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input[type="number"] { -moz-appearance: textfield; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], button, select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

textarea { overflow: auto; vertical-align: top; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }

.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } }

/* layout start*/
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; transition-property: transform,-webkit-transform,-o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; margin-right:0px; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -o-transition-property: -o-transform; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; -o-transition-property: height,-o-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform,-o-transform; }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; background: #000; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }



/*自定义---黄广裕 s*/
/*自定义---黄广裕 e*/


/*自定义---黄广裕 s*/
/*自定义---黄广裕 e*/
/*公用 s*/
.model-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, 0.6); display: none; }

.videobox2 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 95%; left: 2.5%; }

.close-video-btn { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; margin: -20px -20px 0 0; z-index: 9; }

.close-video-btn::after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.close-video-btn::before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.top-banner { position: relative; overflow: hidden; }

.top-banner img { height: 180px; width: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.top-banner-container { position: relative; }

.top-banner-container .word { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 20px; color: #fff; letter-spacing: 1px; line-height: 1.3; }

.top-nav { position: absolute; bottom: 0; width: 100%; background: rgba(255, 255, 255, 0.12); }

.public-subNav { display: none; position: absolute; left: 0; width: 100%; background: #fff; -webkit-box-shadow: 0 5px 15px -10px #999; box-shadow: 0 5px 15px -10px #999; z-index: 9; padding-bottom: 15px; padding-top: 10px; }

.public-subNav a { display: block; font-size: 14px; padding: 0 15px; line-height: 36px; text-align: center; }

.top-nav-btn { font-size: 14px; color: #fff; padding: 0 15px; line-height: 40px; position: relative; text-align: center; }

.top-nav-btn::after { content: ''; position: absolute; top: 14px; width: 8px; height: 8px; border-left: solid 2px #fff; border-bottom: solid 2px #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 7px; }

.allImgBox { overflow: hidden; }

.allImgBox img { width: 100%; }

.public-title { text-align: center; }

.public-title h3 { line-height: 1; letter-spacing: -1px; color: #111111; margin-bottom: 5px; font-size: 18px; }

.public-title p { color: #999999; }

.public-title2 { position: relative; padding-left: 26px; }

.public-title2 .bg-num { color: #f0f2f5; font-weight: bold; font-size: 120px; line-height: 90px; display: inline-block; letter-spacing: -12px; font-family: Montserrat; }

.public-title2 > div { position: absolute; left: 0; top: 24px; }

.public-title2 h4 { color: #333333; font-size: 18px; line-height: 1; padding-bottom: 5px; position: relative; margin-bottom: 2px; }

.public-title2 h4::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 2px; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

.public-title2 p { color: #999999; letter-spacing: -1px; line-height: 1; }

.public-title-3 { position: relative; padding-bottom: 10px; }

.public-title-3::after { content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background-color: #999999; }

.public-title-3 h4 { line-height: 1; font-size: 18px; letter-spacing: -1px; color: #2b74eb; margin-bottom: 5px; }

.public-title-3 p { color: #999999; }

.public-title-4 { text-align: center; }

.public-title-4 .zh { line-height: 1; font-size: 18px; }

.public-title-4 .en { line-height: 1; letter-spacing: -1px; color: #111111; opacity: 0.1; font-size: 24px; font-weight: bold; margin-top: -12px; font-family: Montserrat; }

.certificate-list { padding-top: 20px; margin-bottom: 15px; }

.certificate-list ul { font-size: 0; }

.certificate-list li { display: inline-block; vertical-align: top; width: 50%; padding: 0 5px; margin-bottom: 10px; }

.certificate-item { display: block; position: relative; background: #F4F4F4; }

.certificate-item::after { content: ''; display: block; padding-bottom: 69.76744%; }

.certificate-item div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; text-align: center; display: table-cell; vertical-align: middle; }

.certificate-item img { max-width: 100%; max-height: 100%; }

.public-more { font-size: 0; text-align: center; }

.public-more a { font-size: 14px; text-align: center; line-height: 36px; padding: 0 20px 0 36px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; color: #fff; position: relative; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

.public-more a::before { content: ''; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); width: 10px; height: 10px; margin-top: -2px; border-left: solid 2px #fff; border-bottom: solid 2px #fff; }

.public-more2 a::after { content: ''; position: absolute; top: 50%; -webkit-transform: translate(5px, -50%) rotate(-45deg); -ms-transform: translate(5px, -50%) rotate(-45deg); -o-transform: translate(5px, -50%) rotate(-45deg); transform: translate(5px, -50%) rotate(-45deg); width: 4px; height: 4px; border-right: solid 1px #2b74eb; border-bottom: solid 1px #2b74eb; }

.publicSidebar { position: fixed; top: 50%; z-index: 9; right: 0px; display: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.publicSidebar ul { -webkit-box-shadow: -5px 5px 40px 0px rgba(144, 144, 144, 0.18); box-shadow: -5px 5px 40px 0px rgba(144, 144, 144, 0.18); -webkit-border-radius: 2px; border-radius: 2px; }

.publicSidebar .item { position: relative; }

.publicSidebar .item::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; z-index: -1; }

.publicSidebar .tel-box { display: none; }

.publicSidebar .code-box { position: absolute; right: 55px; top: 0; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; pointer-events: none; }

.publicSidebar li { position: relative; }

.publicSidebar .side-qrcode:hover a { background-color: transparent; background-image: url(side-icon03-o.png); }

.publicSidebar .side-qrcode:hover .code-box { right: 50px; opacity: 1; pointer-events: all; }

.publicSidebar a { display: block; width: 40px; height: 40px; color: #fff; text-align: center; background-size: 18px auto; background-position: center center; background-repeat: no-repeat; position: relative; background-color: #fff; z-index: 3; }

.publicSidebar a.tel { background-image: url(side-icon01.png); }

.publicSidebar a.qq { background-image: url(side-icon02.png); }

.publicSidebar a.wxqrcode { background-image: url(side-icon03.png); }

.publicSidebar a.totop { background-image: url(side-icon04.png); }

.public-title-5 h4 { line-height: 1; font-size: 20px; text-align: center; position: relative; padding: 2px 0; z-index: 1; }

.public-title-5 h4::after { content: ''; position: absolute; -webkit-transform: translate(-13px, -2px); -ms-transform: translate(-13px, -2px); -o-transform: translate(-13px, -2px); transform: translate(-13px, -2px); width: 15px; height: 15px; background: url(ptitle5.png) no-repeat center center; background-size: 15px auto; }

.public-title-5 span { position: relative; padding: 5px; display: inline-block; z-index: 3; }

.public-title-5 span::before { content: ''; position: absolute; bottom: 2px; left: 1px; width: 10px; height: 10px; z-index: -1; -webkit-box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

.public-title-5.pt5-2 h4::after { width: 10px; height: 10px; z-index: -1; -webkit-transform: translate(-12px, 18px); -ms-transform: translate(-12px, 18px); -o-transform: translate(-12px, 18px); transform: translate(-12px, 18px); -webkit-box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

.public-title-5.pt5-2 span::before { -webkit-transform: translate(-13px, -2px) rotate(-90deg); -ms-transform: translate(-13px, -2px) rotate(-90deg); -o-transform: translate(-13px, -2px) rotate(-90deg); transform: translate(-13px, -2px) rotate(-90deg); left: 10px; top: 2px; width: 15px; height: 15px; background: url(ptitle5.png) no-repeat center center; background-size: 15px auto; -webkit-box-shadow: none; box-shadow: none; }

.public-title-6 h4 { line-height: 1; font-size: 18px; text-align: center; }

.public-title-6 span { position: relative; line-height: 1; z-index: 2; }

.public-title-6 span::before { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 6px; background: #f0f0f0; -webkit-border-radius: 100px; border-radius: 100px; z-index: -1; }

.public-title-6 span::after { content: ''; position: absolute; width: 41.6%; height: 6px; bottom: -1px; right: 0; -webkit-box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); -webkit-border-radius: 100px; border-radius: 100px; z-index: -1; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

/*公用 e*/
/*头部 s*/
header { height: 51px; }

.headfixed { background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; border-bottom: solid 1px #efefef; }

.logo { display: inline-block; padding: 10px 0; }

.logo img { height: 30px; }

.d-logo { display: none; }

nav { position: fixed; top: 51px; z-index: 99; left: 0; width: 100%; height: 100%; overflow-y: auto; background-color: #fff; padding: 0 0 51px 0; display: none; }

nav li { position: relative; border-bottom: 1px solid #e1e5e9; }

nav li.active i::before { top: 19px; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); }

nav h3 { position: relative; }

nav h3 a { display: block; padding: 10px 20px; color: #000; font-size: 16px; }

nav h3 i { position: absolute; top: 0; right: 0; height: 100%; width: 80px; }

nav h3 i::before { content: ''; position: absolute; top: 14px; right: 22px; width: 10px; height: 10px; border-bottom: solid 1px #aaa; border-left: solid 1px #aaa; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

nav .head-subnav { display: none; }

nav .head-subnav a { display: block; padding: 8px 30px; font-size: 14px; color: rgba(0, 0, 0, 0.7); }

.search-box { position: fixed; top: 51px; left: 0; width: 100%; background: #fff; padding: 15px; display: none; }

.search-box form { position: relative; }

.search-box .search-input { width: 100%; height: 35px; border: solid 1px #efefef; background: none; padding: 0 75px 0 15px; }

.search-box .search-btn { position: absolute; top: 0; right: 0; width: 60px; height: 35px; background: #eee url(icon-search-b.png) no-repeat center center; background-size: 15px; }

.search-toggle-btn { background: url(icon-search-b.png) no-repeat center center; display: block; width: 30px; height: 30px; background-size: 17px; margin-top: 10px; margin-right: 5px; }

.full-main-nav { display: none; }

/*头部 e*/

/*服务理念 s*/
.curstomer-views { padding-top: 30px; padding-bottom: 25px; }

.curstomer-views .content { margin-top: 20px; -webkit-box-shadow: 0 10px 30px -10px #CFCFCF; box-shadow: 0 10px 30px -10px #CFCFCF; }

.curstomer-views .word { padding: 15px; }

.curstomer-views .word h3 { color: #111111; padding-bottom: 10px; position: relative; }

.curstomer-views .word h3::after { content: ''; position: absolute; bottom: 0; width: 100%; height: 2px; left: 0; background-color: #2b74eb; opacity: 0.1; }

.curstomer-views .word h3::before { content: ''; position: absolute; bottom: 0; width: 66px; height: 2px; left: 0; background-color: #2b74eb; }

.curstomer-swiper { overflow: hidden; }

.curstomer-list-box { margin-top: 10px; padding-right: 15px; max-height: 150px; overflow-y: auto; overflow-x: hidden; }

.curstomer-list-box::-webkit-scrollbar { width: 2px; height: 8px; background-color: #efefef; }

.curstomer-list-box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #efefef; }

.curstomer-list-box::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #aaa; }

.curstomer-list-box p { color: #666666; padding: 3px 0; }

.curstomer-list-box p a { color: inherit; }

.curstomer-page { line-height: 1; font-size: 0; margin-top: 8px; }

.curstomer-page span { width: 10px; height: 3px; -webkit-border-radius: 1000px; border-radius: 1000px; margin: 0 4px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #2b74eb; opacity: 0.5; }

.curstomer-page .swiper-pagination-bullet-active { width: 40px; opacity: 1; }

.curstomer-logo-views { background-color: #f2f6f9; padding: 30px 0 20px; }

.curstomer-logo-views a { display: block; -webkit-filter: grayscale(50); filter: grayscale(50); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.curstomer-logo-swiper { position: relative; overflow: hidden; }

.curstomerlogo-page { line-height: 1; font-size: 0; text-align: center; margin-top: 20px; }

.curstomerlogo-page span { width: 10px; height: 3px; -webkit-border-radius: 1000px; border-radius: 1000px; margin: 0 4px; background-color: #2b74eb; opacity: 0.5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.curstomerlogo-page .swiper-pagination-bullet-active { width: 40px; opacity: 1; }

.sale-after { padding-top: 25px; padding-bottom: 15px; }

.sale-list { margin-top: 18px; }

.sale-list ul { font-size: 0; text-align: center; }

.sale-list li { display: inline-block; vertical-align: top; padding: 0 10px; margin-bottom: 15px; font-size: 14px; max-width: 33.3333%; }

.sale-list .pic-box { width: 70px; height: 70px; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 8px; }

.sale-list .pic-box:hover .d-img { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; }

.sale-list .pic-box:hover .h-img { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1; }

.sale-list img { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.sale-list .d-img { -webkit-transform: rotateY(0); transform: rotateY(0); position: relative; z-index: 3; opacity: 1; }

.sale-list .h-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; }

.sale-list p { text-align: center; line-height: 1.3; color: #111111; }

.services-contact { text-align: center; color: #111111; padding: 30px 0; background: url(scontact-bg.jpg) no-repeat center center; background-size: auto 100%; font-size: 16px; }

.services-contact .to-contact { display: block; margin-left: auto; margin-right: auto; text-align: center; color: #fff; line-height: 36px; -webkit-border-radius: 4px; border-radius: 4px; width: 120px; margin-top: 20px; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

/*服务理念 e*/
/*公司简介 s*/
.company-container { padding-top: 30px; }

.cp-view-style-1 { margin-bottom: 50px; }

.cp-view-style-1 .word { margin-top: 15px; }

.cp-view-style-1 .pic img { max-width: 100%; width: auto; }

.cp-view-style-1 .word-content { margin-top: 20px; }

.cp-view-style-1 .word-content h4 { color: #2b74eb; font-size: 16px; line-height: 1; margin-bottom: 3px; }

.cp-view-style-1 .word-content .desc { letter-spacing: -1px; color: #999999; line-height: 1; }

.cp-view-style-1 .word-content .txt { padding-top: 15px; }

.cp-view-style-1 .word-content .txt p { margin-bottom: 5px; }

.cp-view-style-2 { margin-bottom: 20px; }

.cp-view-style-2 .pic img { max-width: 100%; width: auto; }

.cp-view-style-2 .word { margin-top: 15px; }

.cp-view-style-2 .word-content { margin-top: 20px; }

.cp-view-style-2 .txt { margin-bottom: 25px; }

.cp-view-style-2 .c-services h4 { font-size: 16px; line-height: 1; }

.cp-view-style-2 ul { font-size: 0; margin-top: 15px; }

.cp-view-style-2 li { display: inline-block; vertical-align: top; margin-right: 15px; margin-bottom: 10px; }

.cp-view-style-2 li:last-child { margin-right: 0; }

.cp-view-style-2 li a { padding: 0 10px; color: #2b74eb; border: solid 1px #2b74eb; -webkit-border-radius: 100px; border-radius: 100px; line-height: 22px; text-align: center; font-size: 12px; display: block; }

/*公司简介 e*/
/*公司团队 s*/
.team-views { padding-top: 30px; padding-bottom: 10px; background-size: auto 100%; background-position: center center; background-repeat: no-repeat; }

.team-views .pic { width: 70%; margin-left: auto; margin-right: auto; margin-bottom: 30px; }

.team-views h5 { color: #666666; font-size: 16px; margin-top: 20px; }

.team-advantage { font-size: 0; margin-top: 15px; }

.team-advantage li { font-size: 14px; display: inline-block; vertical-align: top; text-align: center; margin-bottom: 18px; width: 25%; padding: 0 5px; }

.team-advantage span { display: block; margin-bottom: 8px; }

.team-advantage span img { width: auto; height: 30px; }

.team-advantage p { line-height: 1; color: #333333; }

.team-sw-box { padding-top: 30px; padding-bottom: 20px; }

.team-swiper { position: relative; overflow: hidden; padding-bottom: 10px; }

.team-swiper .swiper-slide { cursor: pointer; }

.team-swiper .swiper-slide-active { -webkit-box-shadow: 0 12px 15px -10px #B2B2B2; box-shadow: 0 12px 15px -10px #B2B2B2; }

.team-scrollbar { height: 1px; margin-top: 20px; position: relative; background-color: #E9F1FD; }

.team-scrollbar .swiper-scrollbar-drag { height: 3px !important; opacity: 1 !important; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; position: absolute; top: 0; margin-top: -1px; }

/*公司团队 e*/
/*荣誉资质 s*/
.honor-sw-box .views { position: relative; -webkit-box-shadow: 0 0 20px -5px #CFCFCF; box-shadow: 0 0 20px -5px #CFCFCF; }

.honor-swiper { position: relative; overflow: hidden; padding-bottom: 20px; }

.honor-swiper .swiper-slide { padding: 15px; }

.honor-swiper .year { color: #2b74eb; font-family: Montserrat; font-weight: bold; font-size: 26px; letter-spacing: -2px; line-height: 1; }

.honor-swiper .word { max-height: 160px; color: #333333; margin-top: 12px; padding-right: 10px; overflow-y: auto; overflow-x: hidden; }

.honor-swiper .word::-webkit-scrollbar { width: 2px; height: 8px; background-color: #D5E3FB; }

.honor-swiper .word::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #D5E3FB; }

.honor-swiper .word::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #2b74eb; }

.honor-swiper .word p { position: relative; padding-left: 10px; line-height: 26px; }

.honor-swiper .word p::before { content: ""; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; -webkit-border-radius: 100px; border-radius: 100px; background: #888; }

.select-year-box { display: none; }

.honor-page { text-align: center; line-height: 1.3; }

.honor-page span { width: auto; height: auto; font-size: 12px; color: #888; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background: none; -webkit-border-radius: 0; border-radius: 0; margin: 0 8px; }

.honor-page .swiper-pagination-bullet-active { font-weight: bold; font-size: 14px; color: #1561DE; }

.honor-container { padding-top: 30px; }

.honor-content { padding-top: 30px; padding-bottom: 30px; background: url(honor-bg.png) no-repeat left bottom; background-size: 100% auto; }

/*荣誉资质 e*/
/*加入我们 s*/
.join-container { padding-top: 30px; padding-bottom: 30px; }

.join-search { padding: 15px 20px 5px; background-color: #f6f6f6; margin-bottom: 20px; }

.join-search form { position: relative; }

.join-search .join-search-input { width: 100%; height: 36px; padding: 0 111px 0 15px; }

.join-search .join-search-btn { position: absolute; top: 0; right: 0; height: 100%; line-height: 36px; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; color: #fff; text-align: center; padding: 0 20px; width: 96px; }

.join-hot-search { display: block; margin-top: 10px; color: #02080b; opacity: 0.7; }

.join-hot-search span { font-size: 14px; line-height: 30px; float: left; }

.hot-search-list { margin-left: 75px; position: relative; }

.hot-search-list a { line-height: 30px; display: block; }

.hot-list-swiper { overflow: hidden; }

.hot-list-swiper .swiper-slide { width: auto; margin-right: 15px; }

/*加入我们 e*/
/*在线留言 s*/
.feedback-container { padding-top: 30px; padding-bottom: 30px; }

.feedback-container input { width: 100%; height: 40px; padding: 0 50px 0 15px; border: solid 1px #e8e8e8; background-color: transparent; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-bottom: 15px; background-repeat: no-repeat; background-position: 96% center; background-size: 22px auto; }

.feedback-container input:focus { border-color: #2b74eb; -webkit-box-shadow: 0px 0px 12px 0px rgba(80, 80, 80, 0.15), inset 0px 3px 7px 0px rgba(8, 1, 3, 0.14); box-shadow: 0px 0px 12px 0px rgba(80, 80, 80, 0.15), inset 0px 3px 7px 0px rgba(8, 1, 3, 0.14); }

.feedback-container input:focus::-webkit-input-placeholder { color: #2b74eb; }

.feedback-container .text-name { background-image: url(feedback-name.png); }

.feedback-container .text-name:focus { background-image: url(feedback-name-o.png); }

.feedback-container .text-email { background-image: url(feedback-email.png); }

.feedback-container .text-email:focus { background-image: url(feedback-email-o.png); }

.feedback-container .text-theme { background-image: url(feedback-theme.png); }

.feedback-container .text-theme:focus { background-image: url(feedback-theme-o.png); }

.feedback-container .msg-item { margin-bottom: 15px; }

.feedback-container textarea { border: solid 1px #e8e8e8; padding: 10px 15px; width: 100%; height: 150px; }

.feedback-container textarea:focus { border-color: #2b74eb; -webkit-box-shadow: 0px 0px 12px 0px rgba(80, 80, 80, 0.15), inset 0px 3px 7px 0px rgba(8, 1, 3, 0.14); box-shadow: 0px 0px 12px 0px rgba(80, 80, 80, 0.15), inset 0px 3px 7px 0px rgba(8, 1, 3, 0.14); }

.feedback-container textarea:focus::-webkit-input-placeholder { color: #2b74eb; }

.feedback-container .code-item { position: relative; margin-bottom: 15px; }

.feedback-container .code-item input { padding: 0 15px; background: none; width: 100%; padding-right: 93px; margin-bottom: 0; }

.feedback-container .code-item .code-btn { position: absolute; top: 0; right: 0; height: 40px; padding: 5px 9px 5px 0; width: 78px; }

.feedback-container .code-item .code-btn img { height: 100%; width: auto; }

.feedback-container .form-btn { font-size: 0; }

.feedback-container .form-btn button { font-size: 14px; display: inline-block; vertical-align: top; margin-right: 10px; height: 40px; line-height: 40px; text-align: center; padding: 0; min-width: 100px; }

.feedback-container .form-btn .submit-btn { color: #fff; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

.feedback-container .form-btn .reset-btn { margin-right: 0; background-color: #f5f5f5; color: #999999; }

/*在线留言 e*/
/*联系方式 s*/
.contact-container { padding-top: 30px; padding-bottom: 20px; }

.contact-container .info-item { margin-bottom: 15px; }

.contact-container .info-item:last-child { margin-bottom: 0; }

.contact-container .info-item h5 { line-height: 1; color: #111111; margin-bottom: 4px; }

.contact-container .info-item p { color: #111111; font-weight: bold; font-size: 16px; }

.map-box { position: relative; -webkit-box-shadow: 0 8px 18px -10px #CFCFCF; box-shadow: 0 8px 18px -10px #CFCFCF; }

.map-box::after { content: ''; display: block; padding-bottom: 38%; }

.anchorTR { display: none; }

#map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.contact-info { margin-top: 20px; }

/*联系方式 e*/
/*首页 s*/
.inbanner { position: relative; }

.inbanner .scroll-icon { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 1; display: none; }

.inbanner .scroll-icon a { display: inline-block; }

.inbanner-swiper { overflow: hidden; position: relative; }

.inbanner-swiper .swiper-slide.after .word { opacity: 1; }

.inbanner-item { position: relative; }

.inbanner-item .word { position: absolute; width: 100%; top: 30%; text-align: center; padding: 0 30px; color: #fff; -webkit-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; opacity: 0; }

.inbanner-item h4 { line-height: 1; font-size: 22px; margin-bottom: 10px; }

.inbanner-item p { line-height: 1.3; }

.inbanner-prev, .inbanner-next { display: none; }

.inbanner-page { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 1; }

.inbanner-page span { width: 10px; height: 3px; -webkit-border-radius: 1000px; border-radius: 1000px; margin: 0 4px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #fff; opacity: 0.5; }

.inbanner-page .swiper-pagination-bullet-active { width: 40px; opacity: 1; }

.inpro-area { padding-top: 25px; padding-bottom: 25px; background: url(inpro-bg.jpg) no-repeat left center; background-size: auto 100%; }

.indesc { text-align: center; color: #999999; line-height: 1.3; margin-top: 15px; }

.incase { padding-top: 30px; padding-bottom: 35px; background: url(incase-bg.png) no-repeat center center; }

.incase .suzyinconcase-erweima { float: none; display: inline-block; }

.incase-views { margin-top: 18px; }

.incase-tab { font-size: 0; text-align: center; }

.incase-tab li { font-size: 14px; vertical-align: top; display: inline-block; color: #333333; padding: 0 10px 8px; line-height: 1; position: relative; border-bottom: solid 1px #d2e5ff; }

.incase-tab li::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 3px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

.incase-tab li.cur { color: #2b74eb; }

.incase-tab li.cur::after { width: 100%; }


.incase-tabx { font-size: 0; text-align: center; }
.incase-tabx li { font-size: 14px; vertical-align: top; display: inline-block; color: #333333; padding: 0 10px 8px; line-height: 1; position: relative; border-bottom: solid 1px #d2e5ff; }
.incase-tabx li::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 3px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }
.incase-tabx li.cur { color: #2b74eb; }
.incase-tabx li.cur::after { width: 100%; }


.incase-box { margin-top: 20px; }

.incase-video-img { overflow: hidden; }

.incase-video-img img { width: 100%; height: 100%; }

.incase-sw-item { position: relative; -webkit-box-shadow: 0 6px 20px -4px #98A7BB; box-shadow: 0 6px 20px -4px #98A7BB; margin-bottom: 12px; }

.incase-sw-item.cur .qrcode-view { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }

.incase-sw-item .word { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; color: #fff; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.incase-sw-item .word::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background-color: #2b74eb; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.incase-sw-item h2 { line-height: 1; font-size: 16px; margin-bottom: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.incase-sw-item p { line-height: 1; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.incase-sw-item .content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 0 30px; }
.incase-sw-item .contenth2 { bottom: 0px; position: inherit; width:100%; padding: 0px 20px;}
.incase-sw-item .icon { width: 30px; height: 30px; margin-left: auto; margin-right: auto; margin-bottom: 14px; }

.incase-sw-item .icon img { width: 100%; }

.incase-sw-item .qrcode-view { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.incase-sw-item .qrcode-view img { position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; }

.incase-code-btn { text-align: center; font-size: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.incase-code-btn span { display: inline-block; width: 25px; height: 25px; background: url(icon-inqrcode.png) no-repeat center center; background-size: 100% 100%; -webkit-box-shadow: -10px 0px 16px 0px rgba(0, 0, 0, 0.1); box-shadow: -10px 0px 16px 0px rgba(0, 0, 0, 0.1); }

.incase-scrb-box { padding: 0 15px; }

.incase-scrollbar { height: 1px; margin-top: 20px; position: relative; background-color: #E9F1FD; }

.incase-scrollbar .swiper-scrollbar-drag { height: 3px !important; opacity: 1 !important; position: absolute; top: 0; margin-top: -1px; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

/*.incase-swiper .swiper-slide { opacity: 0.3; }*/

/*.incase-swiper .swiper-slide-active { opacity: 1; }*/

.incase-swiper .swiper-slide { opacity: 1; }

.incase-swiper .swiper-slide .word { opacity: 1; }

.incase-swiper .swiper-slide .word::after { width: 100%; }

.incase-swiper .swiper-slide .incase-code-btn { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

.incase-item { display: none; }

.incase-item:first-child { display: block; }

.inabout { padding: 30px 0; }

.inabout .inabout-l .pic img { width: 100%; }

.inabout-list { margin-top: 10px; }

.inabout-list ul { font-size: 0; }

.inabout-list li { font-size: 14px; display: inline-block; vertical-align: top; margin-right: 20px; }

.inabout-list li:last-child { margin-right: 0; }

.inabout-list .icon { display: block; width: 35px; height: 35px; margin-bottom: 10px; }

.inabout-list .icon img { width: 100%; }

.inabout-list p { color: #333333; line-height: 1; }

.inabout-data { color: #333333; font-weight: bold; font-family: Montserrat; line-height: 1; font-size: 16px; margin-bottom: 5px; }

.inabout-data i { font-style: inherit; }

.inabout-r { margin-top: 30px; }

.inabout-r .word { margin-top: 20px; }

.inabout-r .public-title-5 h4 { text-align: left; }

.inabout-r h2 { font-size: 16px; line-height: 1; margin-bottom: 5px; }

.inabout-r .entitle { color: #999999; line-height: 1; }

.inabout-r .desc { margin-top: 15px; margin-bottom: 20px; }

.inabout-swiper { position: relative; overflow: hidden; -webkit-box-shadow: 0 0 16px -5px #d6d6d6; box-shadow: 0 0 16px -5px #d6d6d6; }

.inabout-swiper .swiper-slide:last-child .inabout-item::after { display: none; }

.inabout-item { display: block; overflow: hidden; position: relative; }

.inabout-item::after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 1px; height: 28px; background-color: #666666; opacity: 0.2; }

.inabout-item img { width: 100%; height: 100%; }

.inabout-sw-box { margin-top: 20px; }

.innews { padding-top: 25px; padding-bottom: 20px; background: url(innews-bg.jpg) no-repeat; }

.innews-tab { font-size: 0; text-align: center; margin-top: 15px; padding-bottom: 2px; }

.innews-tab li { font-size: 14px; vertical-align: top; display: inline-block; color: #333333; padding: 0 10px 8px; line-height: 1; position: relative; border-bottom: solid 1px #d2e5ff; }

.innews-tab li::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 3px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

.innews-tab li.cur { color: #2b74eb; }

.innews-tab li.cur::after { width: 100%; }

.innews-views { margin-top: 20px; }

.innews-views .innews-l img { width: 100%; }

.innews-views .innews-l .word { background: #fff; padding: 15px 12px 18px; -webkit-box-shadow: 0 8px 15px -8px #cdcdcd; box-shadow: 0 8px 15px -8px #cdcdcd; }

.innews-views .innews-l h2 { line-height: 1; color: #080808; font-size: 16px; margin-bottom: 8px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.innews-views .innews-l .desc { color: #666666; max-height: 40px; line-height: 20px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.innews-views .innews-r { margin-top: 20px; }

.innews-views .innews-r li { border-bottom: solid 1px #E6EDFA; padding: 12px 0; }

.innews-views .innews-r li:last-child { border: none; }

.innews-views .innews-r .innews-info-view { display: block; }

.innews-views .innews-r .innews-info-view .box { display: table; table-layout: fixed; width: 100%; }

.innews-views .innews-r .innews-info-view .date { display: table-cell; vertical-align: middle; width: 50px; height: 50px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; background: #ECECED; color: #666666; }

.innews-views .innews-r .innews-info-view .date .d { text-align: center; line-height: 1; letter-spacing: -1px; font-size: 18px; display: block; margin-bottom: 4px; }

.innews-views .innews-r .innews-info-view .date .y_m { line-height: 1; font-size: 12px; text-align: center; letter-spacing: -1px; }

.innews-views .innews-r .innews-info-view .innews-info { display: table-cell; vertical-align: middle; width: 100%; padding-left: 14px; }

.innews-views .innews-r .innews-info-view .innews-info h2 { display: block; font-size: 16px; line-height: 1; color: #080808; margin-bottom: 6px; }

.innews-views .innews-r .innews-info-view .innews-info h2 a { width: 100%; display: block; color: inherit; font-size: inherit; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.innews-views .innews-r .innews-info-view .innews-info p { line-height: 1; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.innews-item { display: none; }

.innews-item:first-child { display: block; }

.inpro-views { margin-top: 20px; }

.inpro-content-list h2 { font-size: 16px; color: #2b74eb; position: relative; padding-bottom: 7px; }

.inpro-content-list h2::after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 32px; background-color: #2b74eb; }

.inpro-content-list li { display: none; }

.inpro-content-list li:first-child { display: block; }

.inpro-content-list .desc { margin-top: 14px; }

.inpro-tab { background: #F7F7F7; -webkit-border-radius: 2px; border-radius: 2px; padding: 5px 0; margin: 15px 0; }

.inpro-tab ul { font-size: 0; }

.inpro-tab li { display: inline-block; vertical-align: top; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 50%; text-align: center; padding: 10px 0; }

/*.inpro-tab li:first-child { display: none; }*/

.inpro-tab li.cur .inpro-item { color: #fff; -webkit-box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); }

.inpro-tab li.cur .inpro-item::after { opacity: .1; }

.inpro-tab li.cur .inpro-item::before { opacity: 1; }

.inpro-tab li.cur .d-img { opacity: 0; }

.inpro-tab li.cur .h-img { opacity: 1; }

.inpro-tab .inpro-item { display: inline-block; text-align: center; position: relative; width: 70px; height: 70px; padding-top: 10px; -webkit-border-radius: 2px; border-radius: 2px; z-index: 2; font-size: 14px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.inpro-tab .inpro-item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-border-radius: 2px; border-radius: 2px; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

.inpro-tab .inpro-item::after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90px; height: 90px; z-index: -1; -webkit-border-radius: 2px; border-radius: 2px; background-color: #2b74eb; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.inpro-tab p { line-height: 1; }

.inpro-tab .icon { position: relative; width: 30px; height: 30px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 8px; }

.inpro-tab .h-img { opacity: 0; }

.inpro-tab img { position: absolute; height: 100%; top: 0; left: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.inpro-rbg { position: absolute; bottom: 0; left: 0; width: 100%; }

.inpro-rbg img { width: 100%; }

.inpro-l-pic { width: 81.19403%; margin-left: auto; margin-right: auto; }

.inpro-l-pic img { width: 100%; }

.inpro-pic-item { display: none; }

.inpro-pic-item:first-child { display: block; }

.inpro-l { position: relative; }

.inpro-r { margin-top: 30px; }

.inpro-l-title { text-align: center; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }

/*首页 e*/
/*新闻列表 s*/
.news-container { padding-top: 30px; padding-bottom: 30px; background: url(news-bg.png) no-repeat left bottom; background-size: 100% auto; }

.news-list { margin-bottom: 25px; }

.news-list img { width: 100%; }

.news-list .word { padding: 15px; }

.news-list h2 { margin-bottom: 8px; }

.news-list h2 a { color: #111111; font-size: 16px; max-height: 48px; max-height: 48px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.news-list .desc { color: #666666; max-height: 36px; margin-bottom: 20px; max-height: 36px; line-height: 18px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.news-list .public-more2 .date { float: right; line-height: 30px; color: #666666; font-family: Montserrat; }

.news-list li { margin-bottom: 20px; -webkit-box-shadow: 0 10px 20px -5px #E7E7E7; box-shadow: 0 10px 20px -5px #E7E7E7; }

.news-list li:last-child { margin-bottom: 0; }

/*新闻列表 e*/
/*新闻详情 s*/
.newsdetail-container { padding-top: 30px; padding-bottom: 30px; }

.newsdetail-container h1 { color: #111111; line-height: 1.3; font-size: 18px; }

.news-head-ctrl { margin: 10px 0; }

.news-head-ctrl .date { line-height: 18px; float: left; color: #999999; font-family: Montserrat; }

.news-head-ctrl .newsdetail-share { font-size: 0; float: right; }

.news-head-ctrl .newsdetail-share a { display: inline-block; vertical-align: top; padding: 0; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center center; background-size: 15px auto; margin: 0 3px; }

.news-head-ctrl .newsdetail-share a.share-wx { background-image: url(newsdetail01.png); }

.news-head-ctrl .newsdetail-share a.share-wx:hover { opacity: 1; background-image: url(newsdetail01-o.png); }

.news-head-ctrl .newsdetail-share a.share-wb { background-image: url(newsdetail02.png); }

.news-head-ctrl .newsdetail-share a.share-wb:hover { opacity: 1; background-image: url(newsdetail02-o.png); }

.news-head-ctrl .newsdetail-share a.share-qq { background-image: url(newsdetail03.png); }

.news-head-ctrl .newsdetail-share a.share-qq:hover { opacity: 1; background-image: url(newsdetail03-o.png); }

.news-head-ctrl .newsdetail-share a.share-qzone { background-image: url(newsdetail04.png); }

.news-head-ctrl .newsdetail-share a.share-qzone:hover { opacity: 1; background-image: url(newsdetail04-o.png); }

.newsdetail-article .single-page { background-repeat: repeat-x; background-position: 0 0; background-image: url(newsdetailAper.png); padding: 20px 0; color: #999; border-bottom: solid 1px #d9d9d9; }

.newsdetail-article .single-page strong { color: #333; }

.newsdetail-article .single-page img { max-width: 100%; display: block; margin: 5px auto; }

.newsdetail-ctrl { margin-top: 20px; }

.newsdetail-ctrl .page-ctrl { margin-bottom: 10px; }

.newsdetail-ctrl .page-ctrl a { display: block; font-size: 14px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #666666; }

.newsdetail-ctrl .return { display: block; width: 120px; height: 40px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 40px; color: #ffffff; background-color: #1561DE; }

.newsdetail-related { margin-top: 20px; padding: 20px 15px; -webkit-box-shadow: 0px 0px 20px -5px #d0d0d0; box-shadow: 0px 0px 20px -5px #d0d0d0; }

.newsdetail-related h3 { line-height: 1; color: #333333; font-size: 18px; padding-bottom: 5px; border-bottom: solid 2px #E9F1FD; position: relative; margin-bottom: 15px; }

.newsdetail-related h3::before { content: ''; position: absolute; bottom: -2px; left: 0; height: 2px; width: 75px; background: #2b74eb; }

.related-list li { margin-bottom: 25px; }

.related-list li:last-child { margin-bottom: 0; }

.related-list img { width: 100%; }

.related-list .pic { -webkit-box-shadow: 0 5px 20px -5px #cfcfcf; box-shadow: 0 5px 20px -5px #cfcfcf; }

.related-list h2 { font-size: 16px; color: #111111; line-height: 1; margin-top: 18px; margin-bottom: 8px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.related-list .desc { color: #999999; max-height: 60px; line-height: 20px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

/*新闻详情 e*/
/*科技文旅 s*/
.apply-list { margin-top: 20px; }

.apply-list ul { font-size: 0; padding-bottom: 8px; overflow-x: auto; overflow-y: hidden; width: 100%; white-space: nowrap; }

.apply-list ul::-webkit-scrollbar { width: auto; height: 1px; background-color: #E4EFFD; }

.apply-list ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #E4EFFD; }

.apply-list ul::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #1561DE; }

.apply-list li { padding: 0 10px; color: #2b74eb; border: solid 1px #2b74eb; -webkit-border-radius: 100px; border-radius: 100px; line-height: 22px; text-align: center; font-size: 12px; display: inline-block; margin-right: 15px; }

.apply-list li.cur { background: #2b74eb; color: #fff; }

.apply-l { margin-bottom: 20px; }

.apply-r .pic-item { display: none; }

.apply-r .pic-item:first-child { display: block; }

.apply-r img { width: 100%; }

.apply-area { padding-top: 30px; padding-bottom: 25px; }

.technology-area { padding: 30px 0; background: #F9FDFF; }

.tech-l { margin-bottom: 20px; }

.tech-l img { width: 100%; }

.tech-r .word { margin-top: 15px; color: #666666; max-height: 200px; overflow-y: auto; overflow-x: hidden; padding-right: 15px; }

.tech-r .word::-webkit-scrollbar { width: 1px; height: 8px; background-color: #E4EFFD; }

.tech-r .word::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #E4EFFD; }

.tech-r .word::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #1561DE; }

.tech-r .public-title-6 h4 { text-align: left; }

.science-container .suzyinconcase { background: #fff; }

.science-container .suzyvrinnov-one { padding-bottom: 0; }

.science-container .suzyvrinnov-icon { width: 25px; height: 20px; }

.science-container .suzyvrinnov-icon img { display: block; }

/*科技文旅 e*/
/*数字科技馆 s*/
.theme-desc-area { padding: 25px 0; background: #F3F9FD; }

.theme-desc-area .desc { text-align: center; color: #666666; line-height: 1.3; }

.theme-desc-area .public-title-6 { margin-bottom: 12px; }

.theme-desc-area .area-r { margin-top: 25px; padding-bottom: 20px; position: relative; }

.theme-desc-area .area-r::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

.theme-desc-area .area-r img { width: 100%; }

.theme-desc-swiper { position: relative; overflow: hidden; }

.theme-desc-prev, .theme-desc-next { display: none; }

.theme-desc-page { position: absolute; bottom: 10px; left: 0; width: 100%; line-height: 1; font-size: 0; text-align: center; z-index: 2; }

.theme-desc-page span { width: 10px; height: 3px; -webkit-border-radius: 1000px; border-radius: 1000px; margin: 0 4px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #2b74eb; opacity: 0.5; }

.theme-desc-page .swiper-pagination-bullet-active { width: 40px; opacity: 1; }

.content-intro img { width: 100%; }

.theme-content-swiper { overflow: hidden; }

.theme-content { padding: 18px 15px; background: url(themeContent-bg.jpg) no-repeat center center; background-size: 100% 100%; }

.theme-content h2 { line-height: 1; font-size: 16px; padding-bottom: 10px; position: relative; margin-bottom: 10px; }

.theme-content h2::before { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 37px; background-color: #4161fe; -webkit-border-radius: 10px; border-radius: 10px; }

.theme-content .desc { color: #666666; }

.theme-pic-page, .theme-pic-prev, .theme-pic-next, .theme-content-prev, .theme-content-next { display: none; }

.theme-content-page { line-height: 1; color: #666666; font-size: 12px; margin-top: 10px; }

.theme-content-page .cur { font-size: 18px; font-weight: bold; color: #4161fe; }

.services-bg { display: none; }

.theme-services-area { padding: 30px 0; background: #EFF7FD; }

.theme-services-area .public-title-6 { margin-bottom: 12px; }

.theme-services-area .desc { text-align: center; color: #666666; line-height: 1.3; }

.services-list { font-size: 0; margin-top: 25px; }

.services-list ul { margin-left: -10px; margin-right: -10px; margin-bottom: -16px; }

.services-list img { width: 100%; }

.services-list .pic-box { width: 60px; height: 60px; margin-left: auto; margin-right: auto; margin-bottom: 8px; position: relative; }

.services-list .d-img { -webkit-transform: rotateY(0); transform: rotateY(0); position: relative; z-index: 3; opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.services-list .h-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.services-list li { display: inline-block; vertical-align: top; width: 33.3333%; font-size: 14px; padding: 0 10px; text-align: center; margin-bottom: 16px; }

.services-list p { line-height: 1.3; color: #111111; }

.theme-museum-container .suzyinconcase { background: #fff; }

/*数字科技馆 e*/
/*法律声明 s*/
.legalStatement { padding: 25px 0; }

.legalStatement .public-title-6 { margin-bottom: 15px; }

/*法律声明 e*/
/*网站地图 s*/
.websideMap { padding: 25px 0; background: #EDF2F6; }

.websideMap .sideMap-views { padding-top: 20px; }

.websideMap .sitemapcont2 { padding: 6% 10px; overflow: hidden; background: #fff; }

.websideMap dl { position: relative; margin-bottom: 36px; }

.websideMap dl:last-child { margin-bottom: 0; }

.websideMap dt { font-size: 16px; font-weight: bold; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }

.websideMap dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }

.websideMap dd a { display: inline-block; padding-left: 10px; margin: 0 23px 8px 0; }

/*网站地图 e*/


/*自定义---黄广裕 s*/
/*自定义---黄广裕 e*/
@media (min-width: 400px) { .top-banner img { width: 100%; height: auto; position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } }

@media (min-width: 768px) { /*底部 s*/
  .f-qrcode-swiper p { padding-right: 0; }
  .f-qrcode-swiper a { padding-left: 10px; padding-right: 10px; position: relative; }
  .f-qrcode-swiper a::after { content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 45px; background-color: #666666; opacity: 0.1; }
  /*底部 e*/
  /*公司简介 s*/
  .cp-view-style-1 { position: relative; }
  .cp-view-style-1 .pic { width: 44.78571%; float: left; }
  .cp-view-style-1 .word { padding-left: 44.78571%; margin-top: 0; padding-top: 5%; }
  .cp-view-style-2 { margin-bottom: 30px; }
  .cp-view-style-2 .pic { float: right; width: 37.78571%; }
  .cp-view-style-2 .word { padding-right: 37.78571%; }
  /*公司简介 e*/
  /*公司团队 s*/
  .team-views { padding: 40px 0; }
  .team-views:first-child .pic { float: left; width: 35.42857%; margin-bottom: 0; }
  .team-views:first-child .word { padding-left: 41.42857%; }
  .team-views:nth-child(2) .box { position: relative; }
  .team-views:nth-child(2) .pic { padding-left: 41.42857%; margin: 0; width: auto; }
  .team-views:nth-child(2) .word { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 35.42857%; }
  .team-advantage li { width: auto; margin-right: 10px; }
  .team-advantage li:last-child { margin-right: 0; }
  .team-sw-box { padding: 40px 0; }
  .team-scrollbar { margin-top: 30px; }
  /*公司团队 e*/
  /*联系方式 s*/
  .contact-info { font-size: 0; margin-right: -20px; }
  .contact-container .info-item { width: 33.3333%; display: inline-block; vertical-align: top; font-size: 14px; padding-right: 20px; }
  /*联系方式 e*/
  /*首页 s*/
  .inbanner-item h4 { font-size: 30px; margin-bottom: 25px; }
  .inbanner-item p { font-size: 16px; }
  .inbanner-item .word { top: 40%; }
  .inbanner-page { bottom: 10px; }
  .inabout .inabout-l { width: 50%; float: left; display: table; table-layout: fixed; }
  .inabout .inabout-l .pic { display: table-cell; vertical-align: middle; margin-right: -20px; }
  .inabout .inabout-r { float: left; width: 50%; padding-left: 30px; }
  .inabout-list { display: table-cell; vertical-align: middle; width: 80px; }
  .inabout-list li { margin-right: 0; margin-bottom: 20px; display: block; }
  .inabout-list li:last-child { margin: 0; }
  .inpro-tab li { width: 25%; }
  /*首页 e*/
  /*新闻列表 s*/
  .news-list .pic { float: left; width: 35.71429%; }
  .news-list .word { float: left; width: 64.28571%; }
  .news-list li { margin-bottom: 25px; }
  /*新闻列表 e*/
  /*新闻详情 s*/
  .newsdetail-related { padding-left: 20px; padding-right: 20px; }
  .related-list ul { font-size: 0; margin-left: -10px; margin-right: -10px; }
  .related-list li { font-size: 14px; display: inline-block; width: 50%; vertical-align: top; padding: 0 10px; }
  /*新闻详情 e*/
  /*数字科技馆 s*/
  .theme-content { padding: 30px 40px; }
  .services-list li { width: 25%; margin-bottom: 25px; }
  /*数字科技馆 e*/ }


/*自定义---黄广裕 s*/
/*自定义---黄广裕 e*/
@media (min-width: 1024px) { /*头部 s*/
  header { height: auto; }
  .headfixed { position: absolute; background: none; border-color: rgba(255, 255, 255, 0.2); }
  .logo { padding: 15px 0; }
  .logo img { height: 44px; }
  .d-logo { display: block; }
  .h-logo { display: none; }
  .search-toggle-btn { margin-top: 22px; background-image: url(icon-search-w.png); }
  .toggle-btn { margin-top: 22px; cursor: pointer; }
  .toggle-btn span { background: #fff; }
  .search-box { position: absolute; top: 74px; }
  .search-box form { width: 600px; margin-left: auto; margin-right: auto; }
  nav { position: relative; top: 0; left: 0; width: auto; height: auto; background: none; float: left; padding: 0; overflow: inherit; display: block; }
  nav i { display: none; }
  nav ul { position: relative; z-index: 3; }
  nav li { float: left; border-bottom: 0; padding: 0 12px; }
  nav li:hover .head-subnav { pointer-events: auto; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }
  nav h3 a { padding: 0; line-height: 74px; color: #fff; }
  nav .head-subnav { padding: 10px 0; display: block; position: absolute; left: 50%; -webkit-transform: translate(-50%, 8px); -ms-transform: translate(-50%, 8px); -o-transform: translate(-50%, 8px); transform: translate(-50%, 8px); min-width: 140px; text-align: center; background: rgba(255, 255, 255, 0.5); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; pointer-events: none; opacity: 0; }
  nav .head-subnav a { color: #333; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  nav .head-subnav a:hover { color: #1561DE; }
  .wrap-line { width: 0; position: absolute; height: 2px; bottom: 0; -webkit-transform: translateX(12px); -ms-transform: translateX(12px); -o-transform: translateX(12px); transform: translateX(12px); background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }
  .full-main-nav { display: block; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; width: 100%; height: 100%; }
  .full-main-nav.active { z-index: 51; opacity: 1; }
  .full-main-nav.active li { top: 0; opacity: 1; }
  .full-navbg { position: relative; z-index: 3; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }
  .nav-swiper { position: relative; z-index: 3; height: 100%; overflow: visible; }
  .nav-swiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
  .nav-swiper li { position: relative; top: -40px; opacity: 0; -webkit-transition-duration: 0.5s, 0.5s, 0.5s; -o-transition-duration: 0.5s, 0.5s, 0.5s; transition-duration: 0.5s, 0.5s, 0.5s; -webkit-transition-property: opacity, top; -o-transition-property: opacity, top; transition-property: opacity, top; width: 16.66666%; border-right: 1px solid #f0f0f0; background-color: #ffffff; }
  .nav-swiper li > a { display: block; width: 100%; height: 100%; }
  .nav-swiper li a { -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; }
  .nav-swiper li:hover { background: none; }
  .nav-swiper li:hover a { opacity: 1; color: #ffffff; }
  .nav-swiper li:hover .id::before { opacity: 1; }
  .nav-swiper li:hover .id, .nav-swiper li:hover .title, .nav-swiper li:hover .subnav { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  .nav-swiper li:nth-child(1) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
  .nav-swiper li:nth-child(2) { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
  .nav-swiper li:nth-child(3) { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
  .nav-swiper li:nth-child(4) { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
  .nav-swiper li:nth-child(5) { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
  .nav-swiper li:nth-child(6) { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; }
  .nav-swiper li .id { -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; font-size: 56px; line-height: 56px; color: #f6f6f6; font-family: DINEng; text-align: center; }
  .nav-swiper li .id::before { content: ''; display: block; width: 1px; height: 62px; background-color: #00b9fc; margin: 0 auto 25px; opacity: 0; }
  .nav-swiper li .title { -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; text-align: center; font-size: 24px; color: #545454; line-height: 28px; margin: 57px 0 29px; }
  .nav-swiper li .subnav { -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; font-size: 14px; line-height: 28px; opacity: 1; text-align: center; }
  .nav-swiper li .subnav a { color: #9a9a9a; position: relative; z-index: 11; }
  .nav-swiper li .subnav a:hover { color: #1561DE; }
  .full-text { position: absolute; left: 0; top: 29%; width: 100%; }
  /*头部 e*/
  /*公用 s*/
  .top-banner-container .word { margin-top: 37.5px; font-size: 28px; letter-spacing: 3px; }
  .top-nav-btn { display: none; }
  .top-nav { background: none; }
  .public-subNav { display: block; text-align: center; padding: 0; -webkit-box-shadow: none; box-shadow: none; position: static; background: none; }
  .top-nav-list { display: inline-block; font-size: 0; }
  .top-nav-list li { display: inline-block; vertical-align: top; background: rgba(255, 255, 255, 0.12); }
  .top-nav-list li:last-child a::after { display: none; }
  .top-nav-list li.cur span, .top-nav-list li:hover span { position: relative; }
  .top-nav-list li.cur span::after, .top-nav-list li:hover span::after { width: 100%; }
  .top-nav-list a { color: #fff; line-height: 40px; padding: 0 30px; position: relative; }
  .top-nav-list a::after { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 20px; background: rgba(255, 255, 255, 0.2); }
  .top-nav-list span { display: inline-block; line-height: 40px; position: relative; }
  .top-nav-list span::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; height: 2px; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }
  .public-title h3 { font-size: 26px; margin-bottom: 14px; }
  .public-title p { line-height: 1.3; font-size: 16px; }
  .public-title2 { padding-left: 38px; }
  .public-title2 > div { top: 40px; }
  .public-title2 .bg-num { font-size: 160px; line-height: 125px; }
  .public-title2 h4 { font-size: 26px; padding-bottom: 10px; margin-bottom: 6px; }
  .public-title2 h4::after { width: 90px; height: 4px; -webkit-box-shadow: 0px 5px 6px 0px rgba(42, 129, 227, 0.2); box-shadow: 0px 5px 6px 0px rgba(42, 129, 227, 0.2); }
  .public-title2 p { font-size: 16px; }
  .public-title-3 { padding-bottom: 20px; }
  .public-title-3 h4 { font-size: 26px; margin-bottom: 10px; }
  .public-title-3 p { font-size: 16px; }
  .public-title-4 .zh { font-size: 26px; }
  .public-title-4 .en { font-size: 50px; letter-spacing: -4px; margin-top: -20px; }
  .public-more a { width: 153px; height: 44px; line-height: 44px; font-size: 16px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .public-more a:hover { -webkit-box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); }
  .public-more a::before { left: 34px; }
  .public-more2 a { width: 155px; height: 44px; padding-left: 40px; line-height: 44px; font-size: 16px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .public-more2 a::before { content: ''; position: absolute; left: 0; top: 0; width: 130px; height: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .public-more2 a:hover { color: #fff; background-image: url(h-index-more-bg-o.png); width: 165px; }
  .public-more2 a:hover::after { border-color: #fff; }
  .public-more2 a:hover::before { -webkit-box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); }
  .publicSidebar { right: 8px; }
  .publicSidebar a { width: 50px; height: 50px; background-size: 22px auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .publicSidebar .tel-box { display: block; position: absolute; height: 100%; width: 200px; top: 0; line-height: 50px; color: #fff; font-size: 16px; font-weight: bold; font-family: Montserrat; padding-left: 30px; right: -230px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .publicSidebar .tel-box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }
  .publicSidebar .code-box { right: 65px; }
  .publicSidebar li:hover.tel a { background-color: transparent; background-image: url(side-icon01-o.png); }
  .publicSidebar li:hover.tel .item::after { opacity: 0; }
  .publicSidebar li:hover.tel .tel-box { right: 0; }
  .publicSidebar li:hover.qq a { background-image: url(side-icon02-o.png); }
  .publicSidebar li:hover.side-qrcode .code-box { right: 60px; }
  .publicSidebar li:hover.side-totop a { background-color: transparent; background-image: url(side-icon04-o.png); }
  .public-title-5 h4 { font-size: 30px; }
  .public-title-5 h4::after { width: 30px; height: 30px; background-size: 30px auto; -webkit-transform: translate(-16px, -8px); -ms-transform: translate(-16px, -8px); -o-transform: translate(-16px, -8px); transform: translate(-16px, -8px); }
  .public-title-5 span::before { width: 20px; height: 20px; bottom: -3px; left: -5px; }
  .public-title-5.pt5-2 h4::after { width: 20px; height: 20px; -webkit-transform: translate(-14px, 24px); -ms-transform: translate(-14px, 24px); -o-transform: translate(-14px, 24px); transform: translate(-14px, 24px); }
  .public-title-5.pt5-2 span::before { width: 30px; height: 30px; background-size: 30px auto; left: 6px; top: -5px; }
  .videobox2 { max-width: 1000px; height: 600px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; }
  #videobox1 { height: 600px; }
  .public-title-6 h4 { font-size: 26px; }
  .public-title-6 span::before { height: 12px; }
  .public-title-6 span::after { height: 12px; }
  .to-top { right: 4.16667%; bottom: 15.20833%; }
  /*公用 e*/
  /*底部 s*/
  .foot-nav { font-size: 0; float: left; }
  .foot-nav li { display: inline-block; vertical-align: top; font-size: 14px; border: none; min-width: 120px; padding-right: 20px; }
  .foot-nav i { display: none; }
  .foot-nav h3 a { padding: 0; font-size: 17px; }
  .foot-nav .foot-subnav { padding-top: 10px; display: block !important; padding-bottom: 0; }
  .foot-nav .foot-subnav a { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding-bottom: 0; line-height: 32px; }
  .foot-nav .foot-subnav a:hover { opacity: 1; }
  .foot-top { padding-top: 44px; padding-bottom: 60px; }
  .foot-top .foot-info { margin-top: 0; float: right; width: 240px; }
  .foot-top .foot-info .foot-share .share-more { display: inline-block !important; padding: 0 !important; }
  .finfo-box p { font-size: 16px; margin-bottom: 18px; }
  .foot-copyright .flinks { float: left; line-height: 24px; margin-bottom: 0; }
  .foot-copyright .txt { float: right; line-height: 24px; }
  .foot-copyright .txt a { margin-left: 30px; }
  .f-qrcode-swiper h3, .f-qrcode-swiper p { color: #999; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .f-qrcode-swiper h3 { font-size: 18px; }
  .f-qrcode-swiper a { padding-left: 13px; padding-right: 13px; }
  .f-qrcode-swiper a:hover h3, .f-qrcode-swiper a:hover p { color: #333; }
  .f-qrcode-swiper a:hover .pic .h-img { top: 0; left: auto; right: 0; width: 100%; height: 100%; opacity: 1; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-border-radius: 0; border-radius: 0; }
  .f-qrcode-swiper a:hover .pic .d-img { opacity: 0; }
  .f-qrcode-swiper .pic { width: 70px; height: 70px; }
  .f-qrcode-swiper .pic .d-img, .f-qrcode-swiper .pic .h-img { width: 24px; height: 24px; top: 50%; left: auto; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .f-qrcode-swiper .pic .h-img { -webkit-border-radius: 100%; border-radius: 100%; }
  .f-qrcode-swiper img { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .f-qrcode-swiper .h-img { opacity: 0; }
  /*底部 e*/
  /*服务理念 s*/
  .curstomer-views { padding-top: 55px; padding-bottom: 50px; }
  .curstomer-views .content { margin-top: 40px; display: table; table-layout: fixed; width: 100%; -webkit-box-shadow: 0 5px 30px -10px #CFCFCF; box-shadow: 0 5px 30px -10px #CFCFCF; }
  .curstomer-views .pic { display: table-cell; width: 50%; vertical-align: top; overflow: hidden; }
  .curstomer-views .pic:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .curstomer-views .pic img { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .curstomer-views .word { display: table-cell; width: 50%; vertical-align: top; padding: 2.8125%; position: relative; }
  .curstomer-views .word h3 { font-size: 20px; line-height: 1; padding-bottom: 20px; max-width: 375px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
  .curstomer-list-box { margin-top: 16px; max-height: 250px; }
  .curstomer-list-box p { font-size: 16px; line-height: 31px; }
  .curstomer-logo-views { padding-top: 40px; padding-bottom: 40px; }
  .curstomer-logo-views a:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }
  .curstomerlogo-page { display: none; }
  .curstomer-page { position: absolute; bottom: 11.42857%; left: 2.8125%; }
  .sale-after { padding-top: 55px; padding-bottom: 60px; }
  .sale-list { margin-top: 40px; padding: 0 40px; }
  .sale-list .pic-box { width: 90px; height: 90px; margin-bottom: 12px; }
  .sale-list li { width: 20%; }
  .sale-list p { font-size: 16px; }
  .services-contact { padding-top: 45px; padding-bottom: 45px; }
  .services-contact p { font-size: 22px; }
  .services-contact .to-contact { font-size: 16px; width: 150px; line-height: 44px; margin-top: 30px; }
  /*服务理念 e*/
  /*公司简介 s*/
  .company-container { padding-top: 50px; position: relative; }
  .company-container::after { content: ''; position: absolute; top: 0; right: 8.95833%; width: 300px; height: 400px; background: url(company-bg.png) no-repeat center center; background-size: 100% 100%; z-index: -1; }
  .cp-view-style-1 { margin-bottom: 19px; }
  .cp-view-style-1 .word-content h4 { font-size: 22px; margin-bottom: 5px; }
  .cp-view-style-1 .word-content .desc { font-size: 16px; }
  .cp-view-style-1 .word-content .txt { padding-top: 30px; font-size: 16px; line-height: 32px; }
  .cp-view-style-2 .txt { font-size: 16px; line-height: 32px; }
  .cp-view-style-2 ul { margin-top: 27px; }
  .cp-view-style-2 li { margin-right: 33px; }
  .cp-view-style-2 li a { font-size: 16px; line-height: 28px; padding: 0 16px; overflow: hidden; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .cp-view-style-2 li a:hover { border-color: transparent; color: #fff; -webkit-box-shadow: 0px 5px 6px 0px rgba(42, 129, 227, 0.2); box-shadow: 0px 5px 6px 0px rgba(42, 129, 227, 0.2); }
  .cp-view-style-2 li a:hover::after { opacity: 1; }
  .cp-view-style-2 li a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .cp-view-style-2 .c-services h4 { font-size: 20px; }
  /*公司简介 e*/
  /*公司团队 s*/
  .team-views { padding: 60px 0; }
  .team-views h5 { margin-top: 45px; }
  .team-views:first-child .box { display: table; table-layout: fixed; }
  .team-views:first-child .pic { display: table-cell; vertical-align: middle; float: none; }
  .team-views:first-child .word { display: table-cell; vertical-align: middle; padding: 0; padding-left: 80px; }
  .team-views:nth-child(2) .pic { width: 100%; text-align: center; }
  .team-views:nth-child(2) .pic img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
  .team-advantage { margin-top: 30px; }
  .team-advantage li { margin-right: 20px; max-width: 90px; }
  .team-advantage li:hover span { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
  .team-advantage span { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .team-advantage span img { height: 37px; }
  .team-sw-box { padding: 60px 0; }
  /*公司团队 e*/
  /*荣誉资质 s*/
  .honor-container { padding-top: 80px; }
  .honor-sw-box .views { height: 300px; position: relative; -webkit-box-shadow: 0 6px 35px -5px #cfcfcf; box-shadow: 0 6px 35px -5px #cfcfcf; }
  .honor-page { display: none; }
  .select-year-box { display: block; height: 380px; position: absolute; top: -40px; right: 50px; z-index: 2; background-image: -webkit-linear-gradient(110deg, #3401dc 0%, #4166ff 25%, #00a2ff 51%, #00c2f7 71%, #00e9ff 100%); background-image: -o-linear-gradient(110deg, #3401dc 0%, #4166ff 25%, #00a2ff 51%, #00c2f7 71%, #00e9ff 100%); background-image: linear-gradient(-20deg, #3401dc 0%, #4166ff 25%, #00a2ff 51%, #00c2f7 71%, #00e9ff 100%); }
  .honor-sw-y-views { height: 100%; overflow: hidden; padding: 30px 0; }
  .select-year-swiper { overflow: hidden; height: 100%; width: 180px; }
  .select-year-swiper .swiper-slide.cur a { font-size: 24px; }
  .select-year-swiper a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; height: 100%; font-weight: bold; color: #fff; }
  .select-year-prev, .select-year-next { position: absolute; width: 100%; height: 30px; cursor: pointer; }
  .select-year-prev::before, .select-year-next::before { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin-top: 2px; -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); border-left: solid 2px #fff; border-bottom: solid 2px #fff; }
  .select-year-prev { top: 0; }
  .select-year-next { bottom: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  .honor-sw-views { padding-right: 280px; }
  .honor-swiper .year { font-size: 40px; }
  .honor-swiper .swiper-slide { padding-top: 30px; padding-left: 30px; padding-right: 0; }
  .honor-swiper .word { font-size: 16px; margin-top: 20px; max-height: 176px; padding-right: 30px; }
  .honor-swiper .word p { line-height: 30px; }
  .honor-swiper .word p::before { top: 12px; }
  .honor-content { padding-top: 70px; padding-bottom: 80px; }
  .certificate-list { padding-top: 60px; margin-bottom: 20px; }
  .certificate-list ul { margin-left: -15px; margin-right: -15px; }
  .certificate-list li { width: 33.3333%; padding: 0 15px; margin-bottom: 30px; }
  .certificate-item div { padding-top: 20px; padding-bottom: 20px; }
  .certificate-item img { height: 100%; width: auto; max-width: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .certificate-item:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  /*荣誉资质 e*/
  /*加入我们 s*/
  .join-search { padding-left: 35px; padding-right: 35px; padding-bottom: 15px; margin-bottom: 30px; }
  .join-search .form { float: right; width: 400px; }
  .join-search .join-search-btn { width: 120px; }
  .join-search .join-search-input { height: 42px; padding-right: 135px; }
  .join-hot-search { margin-top: 0; margin-right: 500px; }
  .join-hot-search span { line-height: 42px; }
  .join-hot-search a { line-height: 42px; }
  .join-container { padding-top: 55px; padding-bottom: 80px; }
  /*加入我们 e*/
  /*在线留言 s*/
  .feedback-container { padding-top: 50px; padding-bottom: 70px; }
  .feedback-container .block-item { font-size: 0; margin-bottom: 25px; margin-right: -30px; }
  .feedback-container .text-item { width: 33.3333%; margin-bottom: 0; display: inline-block; vertical-align: top; font-size: 14px; padding-right: 30px; }
  .feedback-container input { height: 46px; margin-bottom: 0; background-size: 28px auto; }
  .feedback-container textarea { height: 200px; }
  .feedback-container .msg-item { margin-bottom: 25px; }
  .feedback-container .code-item { float: left; margin-bottom: 0; width: 300px; margin-right: 80px; }
  .feedback-container .code-item .code-btn { width: 90px; height: 46px; }
  .feedback-container .form-btn button { line-height: 46px; height: 46px; width: 140px; margin-right: 20px; }
  /*在线留言 e*/
  /*联系方式 s*/
  .contact-container { padding-top: 55px; padding-bottom: 55px; }
  .contact-container .info-item { margin-bottom: 0; }
  .contact-container .info-item h5 { margin-bottom: 14px; }
  .contact-container .info-item p { font-size: 16px; line-height: 24px; }
  .contact-container .phone p { font-size: 20px; }
  .map-box { -webkit-box-shadow: 0 15px 35px -15px #CFCFCF; box-shadow: 0 15px 35px -15px #CFCFCF; }
  .contact-info { margin-top: 55px; }
  /*联系方式 e*/
  /*首页 s*/
  .inbanner-item .word { top: 44.22222%; }
  .inbanner-item h4 { font-size: 40px; margin-bottom: 35px; }
  .inbanner-item p { font-size: 20px; text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); }
  .inbanner-page { display: none; }
  .inbanner .scroll-icon { display: block; }
  .inbanner .scroll-icon img { height: 80px; }
  .incase { padding-top: 50px; padding-bottom: 60px; }
  .indesc { font-size: 16px; line-height: 30px; margin-top: 30px; }
  .incase-views { margin-top: 30px; }
  .incase-tab li { font-size: 18px; padding-left: 20px; padding-right: 20px; padding-bottom: 15px; cursor: pointer; }
  .incase-tabx li { font-size: 18px; padding-left: 20px; padding-right: 20px; padding-bottom: 15px; cursor: pointer; }
  .incase-box { margin-top: 40px; }
  .incase-scrb-box { padding: 0 40px; }
  .incase-sw-item { margin-bottom: 5px; }
  .incase-sw-item:hover .incase-video-img img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .incase-sw-item .incase-video-img img { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .incase-sw-item .icon { width: 42px; height: 42px; margin-bottom: 28px; }
  .incase-sw-item h2 { font-size: 20px; margin-bottom: 20px; }
  .incase-sw-item p { font-size: 15px; max-width: 500px; margin-left: auto; margin-right: auto; }
  .incase-sw-item .qrcode-view img { width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; }
  .incase-code-btn span { width: 30px; height: 30px; }
  .incase-scrollbar { margin-top: 30px; }
  .inabout { padding-top: 50px; padding-bottom: 50px; }
  .inabout-r { padding-left: 50px; margin-top: 0; padding-top: 6%; }
  .inabout-r h2 { font-size: 22px; margin-bottom: 10px; }
  .inabout-r .word { margin-top: 50px; }
  .inabout-r .entitle { font-size: 16px; }
  .inabout-r .desc { margin-top: 30px; font-size: 16px; margin-bottom: 60px; max-height: 190px; line-height: 32px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; /*这个可以让超出的文字以....号来显示-webkit-box-orient: vertical; */-webkit-line-clamp: 3; }
  .inabout-list li { margin-bottom: 30px; }
  .inabout-list .icon { width: 45px; height: 45px; margin-bottom: 14px; }
  .inabout-data { font-size: 20px; }
  .inabout-sw-box { margin-top: 10px; margin-left: -20px; margin-right: -20px; }
  .inabout-swiper { -webkit-box-shadow: none; box-shadow: none; padding: 20px; }
  .inabout-item { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; /*这两个控制图片初始颜色为灰色半透明 -webkit-filter: grayscale(50); filter: grayscale(50);*/ }
  .inabout-item:hover { -webkit-box-shadow: 0 6px 20px -5px #d6d6d6; box-shadow: 0 6px 20px -5px #d6d6d6; -webkit-filter: grayscale(0); filter: grayscale(0); z-index: 2; -webkit-filter: grayscale(50); filter: grayscale(50); }
  .inabout-item:hover::after { opacity: 0; }
  .innews { padding-top: 75px; padding-bottom: 40px; }
  .innews-tab { margin-top: 35px; }
  .innews-tab li { font-size: 18px; padding-left: 20px; padding-right: 20px; padding-bottom: 15px; cursor: pointer; }
  .innews-views { margin-top: 52px; }
  .innews-views .innews-l { width: 48.71429%; float: left; }
  .innews-views .innews-l:hover .word { -webkit-box-shadow: 0 10px 20px -5px #cbcbcb; box-shadow: 0 10px 20px -5px #cbcbcb; }
  .innews-views .innews-l:hover .pic img { -webkit-transform: translate(-50%, -50%) scale(1.03); -ms-transform: translate(-50%, -50%) scale(1.03); -o-transform: translate(-50%, -50%) scale(1.03); transform: translate(-50%, -50%) scale(1.03); }
  .innews-views .innews-l .pic { position: relative; height: 337px; overflow: hidden; }
  .innews-views .innews-l .pic img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .innews-views .innews-l .word { padding: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .innews-views .innews-l h2 { font-size: 20px; margin-bottom: 16px; }
  .innews-views .innews-l .desc { line-height: 28px; max-height: 56px; height: 56px; }
  .innews-views .innews-r { margin-top: 0; width: 48.42857%; float: right; }
  .innews-views .innews-r li { padding-top: 0; margin-bottom: 14px; }
  .innews-views .innews-r li:last-child { margin-bottom: 0; padding-bottom: 0; }
  .innews-views .innews-r .innews-info-view { padding: 16px 60px 16px 16px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-border-radius: 2px; border-radius: 2px; }
  .innews-views .innews-r .innews-info-view:hover { background: #fff; -webkit-box-shadow: 0px 5px 49px 0px rgba(33, 33, 33, 0.15); box-shadow: 0px 5px 49px 0px rgba(33, 33, 33, 0.15); }
  .innews-views .innews-r .innews-info-view:hover .date { color: #fff; background-color: transparent; }
  .innews-views .innews-r .innews-info-view:hover .date::after { opacity: 1; }
  .innews-views .innews-r .innews-info-view .date { width: 65px; height: 65px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; z-index: 1; overflow: hidden; }
  .innews-views .innews-r .innews-info-view .date .d { font-size: 24px; margin-bottom: 6px; }
  .innews-views .innews-r .innews-info-view .date::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }
  .innews-views .innews-r .innews-info-view .innews-info { padding-left: 20px; }
  .innews-views .innews-r .innews-info-view .innews-info h2 { font-size: 20px; margin-bottom: 12px; }
  .inbanner-next, .inbanner-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 50px; height: 50px; cursor: pointer; z-index: 2; display: block; margin-top: 37px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; }
  .inbanner-next::after, .inbanner-prev::after { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin-left: 7px; border-left: solid 2px #fff; border-bottom: solid 2px #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
  .inbanner-next:hover::after, .inbanner-prev:hover::after { border-color: #1561DE; }
  .inbanner-next { right: 0; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
  .inbanner-prev { left: 0; }
  .inbanner-swiper:hover .inbanner-next { right: 12%; opacity: 1; }
  .inbanner-swiper:hover .inbanner-prev { left: 2%; opacity: 1; }
  .inpro-area { padding-top: 50px; padding-bottom: 80px; }
  .inpro-r { margin-top: 0; float: right; width: 42.85714%; }
  .inpro-l-title { font-size: 16px; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); }
  .inpro-views { margin-top: 48px; }
  .inpro-content-list h2 { font-size: 22px; line-height: 1; padding-bottom: 16px; }
  .inpro-content-list h2::after { height: 3px; }
  .inpro-content-list .desc { margin-top: 30px; font-size: 16px; line-height: 30px; }
  .inpro-tab { margin-top: 25px; padding-left: 10px; padding-right: 10px; margin-bottom: 30px; }
  .inpro-tab li:hover .inpro-item { color: #fff; -webkit-box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); }
  .inpro-tab li:hover .inpro-item::after { opacity: .1; }
  .inpro-tab li:hover .inpro-item::before { opacity: 1; }
  .inpro-tab li:hover .d-img { opacity: 0; }
  .inpro-tab li:hover .h-img { opacity: 1; }
  .inpro-l { float: left; width: 47.92857%; }
  /*首页 e*/
  /*新闻列表 s*/
  .news-container { padding-top: 60px; padding-bottom: 70px; }
  .news-list { margin-bottom: 50px; }
  .news-list li { margin-bottom: 40px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .news-list li:hover { -webkit-box-shadow: 0 30px 50px -10px #E7E7E7; box-shadow: 0 30px 50px -10px #E7E7E7; }
  .news-list li:hover h2 a { color: #2b74eb; }
  .news-list li:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .news-list .pic { overflow: hidden; }
  .news-list .pic img { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .news-list .word { padding: 20px 30px; }
  .news-list h2 a { font-size: 18px; line-height: 28px; max-height: 56px; height: 56px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .news-list .desc { font-size: 16px; line-height: 26px; max-height: 52px; height: 60px; }
  .news-list .public-more2 .date { line-height: 44px; font-size: 16px; }
  /*新闻列表 e*/
  /*新闻详情 s*/
  .newsdetail-container { padding-top: 55px; padding-bottom: 60px; }
  .newsdetail-container h1 { font-size: 22px; }
  .newsdetail-article { margin-right: 300px; padding-right: 40px; }
  .newsdetail-article .single-page { padding-top: 34px; padding-bottom: 40px; font-size: 16px; line-height: 28px; }
  .newsdetail-views { position: relative; }
  .newsdetail-related { position: absolute; top: 0; width: 300px; right: 0; margin-top: 0; padding-top: 40px; padding-bottom: 40px; }
  .newsdetail-related h3 { font-size: 22px; padding-bottom: 16px; margin-bottom: 25px; }
  .related-list ul { margin: 0; }
  .related-list li { padding: 0; width: 100%; }
  .related-list a:hover h2 { color: #1561DE; }
  .related-list h2 { margin-top: 22px; font-size: 18px; margin-bottom: 10px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .news-head-ctrl { margin-top: 12px; margin-bottom: 20px; }
  .news-head-ctrl .date { font-size: 18px; line-height: 20px; }
  .news-head-ctrl .newsdetail-share a { width: 20px; height: 20px; margin: 0 6px; background-size: auto auto; }
  .newsdetail-ctrl { position: relative; padding-right: 200px; }
  .newsdetail-ctrl .page-ctrl { margin-bottom: 0; }
  .newsdetail-ctrl .page-ctrl a { line-height: 30px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 16px; }
  .newsdetail-ctrl .page-ctrl a:hover { color: #1561DE; }
  .newsdetail-ctrl .return { position: absolute; right: 0; top: 5px; z-index: 3; width: 145px; height: 50px; line-height: 50px; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }
  /*新闻详情 e*/
  /*科技文旅 s*/
  .apply-area { padding-top: 50px; padding-bottom: 60px; }
  .apply-l { float: left; width: 31.125%; padding-right: 20px; margin-bottom: 0; padding-top: 30px; }
  .apply-l .public-title-6 h4 { text-align: left; }
  .apply-r { float: left; width: 68.875%; }
  .apply-r .pic-item { overflow: hidden; }
  .apply-r .pic-item:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .apply-r img { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .apply-list { margin-top: 20px; }
  .apply-list ul { overflow-x: hidden; overflow-y: auto; white-space: normal; padding-bottom: 0; max-height: 200px; padding-right: 10px; }
  .apply-list ul::-webkit-scrollbar { width: 2px; height: 8px; background-color: #E4EFFD; }
  .apply-list ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #E4EFFD; }
  .apply-list ul::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #1561DE; }
  .apply-list li { font-size: 16px; line-height: 28px; padding: 0 16px; overflow: hidden; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-bottom: 10px; cursor: pointer; }
  .apply-list li:hover { background: #2b74eb; color: #fff; }
  .technology-area { padding-top: 50px; padding-bottom: 50px; }
  .tech-l { float: left; margin-bottom: 0; width: 46.5625%; }
  .tech-r { padding-left: 45px; padding-top: 20px; float: left; width: 53.4375%; }
  .tech-r .word { margin-top: 25px; padding-right: 50px; font-size: 16px; line-height: 28px; }
  .tech-r .word::-webkit-scrollbar { width: 2px; height: 8px; background-color: #E4EFFD; }
  .tech-r .word::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #E4EFFD; }
  .tech-r .word::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #1561DE; }
  .science-container .suzyinconcase-view { margin-top: 40px; }
  /*科技文旅 e*/
  /*数字科技馆 s*/
  .theme-desc-swiper .swiper-slide { overflow: hidden; }
  .theme-desc-swiper .swiper-slide:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .theme-desc-swiper img { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .theme-desc-area { padding-top: 50px; padding-bottom: 53px; }
  .theme-desc-area .views { display: table; table-layout: fixed; width: 100%; }
  .theme-desc-area .area-l { display: table-cell; vertical-align: top; width: 23.25%; padding-right: 30px; position: relative; padding-top: 3.4375%; }
  .theme-desc-area .area-r { display: table-cell; vertical-align: top; width: 76.75%; padding-bottom: 35px; }
  .theme-desc-area .public-title-6 { margin-bottom: 20px; }
  .theme-desc-area .public-title-6 h4 { text-align: left; }
  .theme-desc-area .desc { text-align: left; font-size: 16px; max-height: 104px; line-height: 26px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .theme-desc-page { display: none; }
  .theme-desc-next, .theme-desc-prev { display: block; position: absolute; bottom: 27.92793%; width: 40px; height: 40px; background-color: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: 2; cursor: pointer; }
  .theme-desc-next:hover::after, .theme-desc-prev:hover::after { opacity: 1; }
  .theme-desc-next:hover::before, .theme-desc-prev:hover::before { border-color: #fff; }
  .theme-desc-next::after, .theme-desc-prev::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }
  .theme-desc-next::before, .theme-desc-prev::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 12px; height: 12px; margin-left: 2px; border-left: solid 2px #666; border-bottom: solid 2px #666; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .theme-desc-next { margin-left: 55px; }
  .theme-desc-next::before { margin-left: -2px; -webkit-transform: translate(-50%, -50%) rotate(225deg); -ms-transform: translate(-50%, -50%) rotate(225deg); -o-transform: translate(-50%, -50%) rotate(225deg); transform: translate(-50%, -50%) rotate(225deg); }
  .content-intro { position: relative; }
  .theme-content { position: absolute; bottom: 0; right: 0; z-index: 2; width: 50.05208%; padding-left: 4.27083%; padding-top: 2.86458%; padding-bottom: 10px; }
  .theme-content h2 { font-size: 20px; padding-right: 100px; padding-bottom: 19px; margin-bottom: 20px; }
  .theme-content .desc { font-size: 16px; max-height: 60px; line-height: 30px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .theme-pic-next, .theme-pic-prev, .theme-content-next, .theme-content-prev { display: block; cursor: pointer; }
  .theme-pic-swiper { position: relative; }
  .theme-pic-next, .theme-pic-prev { width: 40px; height: 40px; background: rgba(255, 255, 255, 0.54); position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; -webkit-border-radius: 100%; border-radius: 100%; cursor: pointer; overflow: hidden; }
  .theme-pic-next::before, .theme-pic-prev::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 12px; height: 12px; margin-left: 2px; border-left: solid 2px #666; border-bottom: solid 2px #666; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .theme-pic-next:hover::after, .theme-pic-prev:hover::after { opacity: 1; }
  .theme-pic-next:hover::before, .theme-pic-prev:hover::before { border-color: #fff; }
  .theme-pic-next::after, .theme-pic-prev::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }
  .theme-pic-prev { left: 40px; }
  .theme-pic-next { right: 40px; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
  .theme-pic-page { display: block; position: absolute; left: 40px; bottom: 8.21918%; z-index: 2; color: #fff; line-height: 20px; font-size: 16px; }
  .theme-pic-page span { vertical-align: middle; display: inline-block; width: 77px; height: 1px; background: #fff; margin: 0 10px; }
  .theme-content-swiper { position: relative; }
  .theme-content-page { margin-top: 0; position: absolute; top: 0; right: 0; font-size: 16px; }
  .theme-content-page .cur { font-size: 24px; }
  .theme-c-btn { font-size: 0; margin-top: 10px; }
  .theme-content-next, .theme-content-prev { display: inline-block; width: 32px; height: 32px; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; position: relative; margin-right: 10px; }
  .theme-content-next::before, .theme-content-prev::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 12px; height: 12px; margin-left: 2px; border-left: solid 1px #666; border-bottom: solid 1px #666; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .theme-content-next:hover::after, .theme-content-prev:hover::after { opacity: 1; }
  .theme-content-next:hover::before, .theme-content-prev:hover::before { border-color: #fff; }
  .theme-content-next::after, .theme-content-prev::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }
  .theme-content-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  .theme-services-area { padding-top: 45px; padding-bottom: 120px; }
  .theme-services-area .public-title-6 { margin-bottom: 18px; }
  .theme-services-area .desc { font-size: 16px; line-height: 24px; }
  .theme-services-views { margin-top: 70px; position: relative; }
  .services-bg { display: block; }
  .services-bg img { width: 100%; }
  .services-list { margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .services-list ul { margin: 0; position: relative; width: 100%; height: 100%; }
  .services-list li { width: auto; padding: 0; margin: 0; position: absolute; background: #EFF7FD; }
  .services-list li:nth-child(1), .services-list li:nth-child(2), .services-list li:nth-child(3), .services-list li:nth-child(4) { top: -38px; }
  .services-list li:nth-child(6), .services-list li:nth-child(7), .services-list li:nth-child(8), .services-list li:nth-child(9) { bottom: -38px; }
  .services-list li:nth-child(1), .services-list li:nth-child(9) { left: 10.4%; }
  .services-list li:nth-child(2), .services-list li:nth-child(8) { left: 34.4%; }
  .services-list li:nth-child(3), .services-list li:nth-child(7) { right: 34.4%; }
  .services-list li:nth-child(4), .services-list li:nth-child(6) { right: 10.4%; }
  .services-list li:nth-child(5) { right: -38px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; }
  .services-list li .pic-box { margin-bottom: 0; }
  .services-list li p { position: absolute; width: 160px; left: 50%; font-size: 16px; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); transform: translate(-50%, 10px); }
  .services-list .pic-box { width: 76px; height: 76px; }
  .services-list .pic-box:hover .d-img { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); opacity: 0; }
  .services-list .pic-box:hover .h-img { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1; }
  .theme-v { padding: 0 40px; }
  .theme-museum-container .suzyinconcase-view { margin-top: 40px; }
  /*数字科技馆 e*/
  /*法律声明 s*/
  .legalStatement { padding: 40px 0; }
  .legalStatement .public-title-6 { margin-bottom: 20px; }
  /*法律声明 e*/
  /*网站地图 s*/
  .websideMap { padding: 50px 0; }
  .websideMap .sideMap-views { padding-top: 30px; }
  .websideMap .sitemapcont2 { padding: 3.5% 30px; }
  .websideMap dl { margin-bottom: 55px; }
  .websideMap dt { font-size: 20px; }
  .websideMap dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .websideMap a { margin: 0 45px 8px 0; }
  /*网站地图 e*/ }


/*自定义---黄广裕 s*/
/*自定义---黄广裕 e*/
@media (min-width: 1260px) { /*头部 s*/
  .logo { padding: 18px 0; }
  .logo img { height: 52px; }
  nav { margin-right: 15px; }
  nav li { padding: 0 18px; }
  nav h3 a { line-height: 88px; font-size: 17px; }
  .search-box { top: 88px; }
  .wrap-line { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); -o-transform: translateX(16px); transform: translateX(16px); }
  .search-toggle-btn { margin-top: 29px; background-size: 21px; margin-right: 20px; }
  .toggle-btn { margin-top: 29px; }
  .toggle-btn span { width: 26px; height: 3px; }
  .toggle-btn span:first-child { top: 4px; }
  .toggle-btn span:nth-child(2) { margin-top: -1px; }
  .toggle-btn span:last-child { bottom: 3px; }
  .toggle-btn.cur span:first-child { -webkit-transform: translate(-50%, 10px) rotate(45deg); -ms-transform: translate(-50%, 10px) rotate(45deg); -o-transform: translate(-50%, 10px) rotate(45deg); transform: translate(-50%, 10px) rotate(45deg); }
  .toggle-btn.cur span:last-child { -webkit-transform: translate(-50%, -10px) rotate(-45deg); -ms-transform: translate(-50%, -10px) rotate(-45deg); -o-transform: translate(-50%, -10px) rotate(-45deg); transform: translate(-50%, -10px) rotate(-45deg); }
  /*头部 e*/
  /*公用 s*/
  .top-banner-container .word { margin-top: 44px; font-size: 36px; }
  .top-nav-list a { min-width: 190px; line-height: 56px; font-size: 16px; letter-spacing: 1px; }
  .top-nav-list span { line-height: 56px; }
  .top-nav-list span::after { height: 4px; }
  .public-title h3 { font-size: 32px; letter-spacing: -2px; }
  .public-title2 { padding-left: 44px; }
  .public-title2 .bg-num { font-size: 200px; line-height: 145px; }
  .public-title2 h4 { font-size: 32px; }
  .public-title2 > div { top: 45px; }
  .public-title-3 h4 { font-size: 32px; margin-bottom: 12px; }
  .public-title-4 .zh { font-size: 32px; }
  .public-title-4 .en { font-size: 64px; margin-top: -26px; }
  .public-title-5.pt5-2 h4::after { -webkit-transform: translate(-20px, 33px); -ms-transform: translate(-20px, 33px); -o-transform: translate(-20px, 33px); transform: translate(-20px, 33px); }
  .public-title-5 h4 { font-size: 42px; }
  .public-title-6 h4 { font-size: 32px; }
  .public-title-6 span::before { height: 18px; bottom: -3px; }
  .public-title-6 span::after { height: 18px; bottom: -3px; }
  /*公用 e*/
  /*底部 s*/
  .foot-top { padding-bottom: 50px; }
  .foot-top .foot-info { width: 310px; }
  .foot-nav li { width: 135px; }
  .foot-nav .foot-subnav a { line-height: 1; padding: 11px 0; }
  .finfo-box p { margin-bottom: 12px; }
  .f-qrcode-swiper .pic { width: 80px; height: 80px; }
  /*底部 e*/
  /*服务理念 s*/
  .curstomer-views { padding-top: 85px; padding-bottom: 80px; }
  .curstomer-views .content { margin-top: 65px; }
  .curstomer-views .word { padding-top: 53px; padding-left: 64px; padding-right: 60px; }
  .curstomer-page { left: 60px; bottom: 64px; }
  .curstomer-page span { height: 6px; width: 20px; }
  .curstomer-page .swiper-pagination-bullet-active { width: 80px; }
  .curstomer-logo-views { padding-top: 56px; padding-bottom: 83px; }
  .sale-after { padding-top: 80px; padding-bottom: 80px; }
  .sale-list { margin-top: 54px; padding: 0 70px; }
  .sale-list .pic-box { width: 120px; height: 120px; }
  .services-contact { padding-top: 70px; padding-bottom: 57px; background-size: cover; }
  .services-contact .to-contact { margin-top: 35px; }
  .services-contact p { font-size: 28px; }
  /*服务理念 e*/
  /*公司简介 s*/
  .company-container { padding-top: 80px; }
  .company-container::after { width: 700px; height: 609.6px; }
  .cp-view-style-1 .word { margin-left: 30px; }
  .cp-view-style-1 .word-content { margin-top: 40px; }
  .cp-view-style-1 .word-content h4 { font-size: 28px; }
  .cp-view-style-2 { position: relative; margin-bottom: 55px; }
  .cp-view-style-2 .public-title2 { float: left; width: 360px; margin-top: 60px; }
  .cp-view-style-2 .word { padding-right: 30%; }
  .cp-view-style-2 .pic { position: absolute; top: 0; right: 0; }
  .cp-view-style-2 .c-services h4 { font-size: 22px; }
  .cp-view-style-2 .word-content { padding-left: 400px; padding-top: 100px; }
  /*公司简介 e*/
  /*公司团队 s*/
  .team-views { padding: 80px 0; }
  .team-views:nth-child(2) .word { width: 40%; }
  .team-advantage p { line-height: 22px; }
  .team-sw-box { padding: 96px 0 100px 0; }
  .team-scrollbar { margin-top: 50px; }
  /*公司团队 e*/
  /*荣誉证书 s*/
  .honor-container { padding-top: 140px; }
  .select-year-swiper { width: 240px; }
  .select-year-box { top: -50px; height: 450px; }
  .honor-sw-y-views { padding: 50px 0; }
  .honor-sw-box .views { height: 350px; background: url(honor-sw-bg.png) no-repeat -19px 110%; }
  .select-year-prev, .select-year-next { height: 50px; }
  .honor-sw-views { padding-right: 340px; }
  .honor-views { position: relative; }
  .honor-views .word { margin-top: 0; padding-left: 180px; max-height: 250px; }
  .honor-views .word p { margin-bottom: 15px; }
  .honor-views .word p:last-child { margin-bottom: 0; }
  .honor-views .year { position: absolute; top: 0; left: 0; font-size: 60px; letter-spacing: -4px; }
  .honor-swiper .swiper-slide { padding-top: 50px; padding-left: 50px; }
  .honor-content { padding-top: 130px; padding-bottom: 120px; }
  .certificate-list { padding-top: 120px; margin-bottom: 26px; }
  .certificate-list ul { margin-left: -27px; margin-right: -27px; }
  .certificate-list li { padding: 0 27px; margin-bottom: 54px; }
  /*荣誉证书 e*/
  /*加入我们 s*/
  .join-container { padding-top: 80px; padding-bottom: 120px; }
  .join-search { padding: 20px 50px; margin-bottom: 48px; }
  .join-search .form { width: 480px; }
  .join-search .join-search-btn { font-size: 16px; }
  .join-search .join-search-input { font-size: 16px; padding-left: 20px; padding-right: 140px; }
  .join-hot-search { margin-right: 600px; }
  .join-hot-search span { font-size: 16px; }
  .join-hot-search a { font-size: 16px; }
  /*加入我们 e*/
  /*在线留言 s*/
  .feedback-container { padding-top: 80px; padding-bottom: 120px; }
  .feedback-container input { height: 54px; padding-left: 20px; padding-right: 65px; font-size: 16px; }
  .feedback-container .block-item { margin-right: -70px; margin-bottom: 50px; }
  .feedback-container .text-item { padding-right: 70px; }
  .feedback-container textarea { height: 290px; font-size: 16px; padding: 13px 16px; }
  .feedback-container .msg-item { margin-bottom: 50px; }
  .feedback-container .code-item { width: 400px; margin-right: 120px; }
  .feedback-container .code-item input { padding-left: 20px; padding-right: 130px; }
  .feedback-container .code-item .code-btn { height: 54px; width: 110px; }
  .feedback-container .form-btn button { line-height: 54px; height: 54px; width: 192px; font-size: 18px; margin-right: 30px; }
  /*在线留言 e*/
  /*联系方式 s*/
  .contact-container { padding-top: 80px; padding-bottom: 80px; }
  .contact-container .info-item h5 { margin-bottom: 16px; }
  .contact-container .phone p { font-size: 24px; }
  .contact-info { margin-top: 80px; }
  .map-box { -webkit-box-shadow: 0 30px 50px -25px #CFCFCF; box-shadow: 0 30px 50px -25px #CFCFCF; }
  /*联系方式 e*/
  /*首页 s*/
  .inbanner-item h4 { font-size: 50px; margin-bottom: 45px; }
  .inbanner-item p { font-size: 24px; }
  .inbanner .scroll-icon img { height: 100px; }
  .incase { padding-top: 75px; padding-bottom: 90px; }
  .indesc { margin-top: 50px; }
  .incase-views { margin-top: 50px; }
  .incase-box { margin-top: 60px; }
  .incase-sw-item h2 { font-size: 24px; }
  .incase-scrb-box { padding: 0 60px; }
  .incase-scrollbar { margin-top: 40px; }
  .inabout-list { width: 120px; }
  .inabout-list .icon { width: 54px; height: 54px; }
  .inabout-list p { font-size: 16px; }
  .inabout-list li { margin-bottom: 50px; }
  .inabout-data { font-size: 26px; }
  .inabout { position: relative; }
  .inabout::after { content: ''; position: absolute; top: 8.03213%; right: 0; width: 400px; height: 88px; background: url(inabout-bg1.png) no-repeat center center; background-size: cover; }
  .inabout::before { content: ''; position: absolute; top: 55.22088%; right: 0; width: 500px; height: 88px; background: url(inabout-bg2.png) no-repeat center center; background-size: cover; }
  .inabout .inabout-r { padding-left: 60px; }
  .inabout .inabout-r h2 { font-size: 25px; }
  .inabout-sw-box { margin-top: 30px; }
  .innews { padding-bottom: 60px; position: relative; }
  .innews::before { content: ''; position: absolute; top: 16.68585%; left: 3.125%; width: 145px; height: 555px; background: url(innews-bg.png) no-repeat; background-size: cover; }
  .incase-tab li { padding-left: 30px; padding-right: 30px; }
  .innews-tab { margin-top: 55px; }
  .innews-tab li { padding-left: 30px; padding-right: 30px; }

  .incase-tabx li { padding-left: 30px; padding-right: 30px; }
  .innews-tabx { margin-top: 55px; }
  .innews-tabx li { padding-left: 30px; padding-right: 30px; }
  
  .innews-views .innews-l .word { padding: 34px 32px 35px 32px; }
  .innews-views .innews-l .pic { height: 374px; }
  .innews-views .innews-r li { padding-bottom: 14px; }
  .innews-views .innews-r .innews-info-view .date { width: 80px; height: 80px; }
  .innews-views .innews-r .innews-info-view .date .d { font-size: 28px; margin-bottom: 6px; }
  .innews-views .innews-r .innews-info-view .innews-info { padding-left: 30px; }
  .innews-views .innews-r .innews-info-view .innews-info h2 { margin-bottom: 17px; }
  .inpro-area { padding-top: 76px; padding-bottom: 100px; }
  .inpro-r { padding-top: 50px; }
  .inpro-content-list h2 { font-size: 24px; padding-bottom: 28px; }
  .inpro-content-list .desc { margin-top: 48px; }
  .inpro-tab { margin-top: 45px; margin-bottom: 62px; }
  .inpro-l-title { font-size: 18px; -webkit-transform: translateY(35px); -ms-transform: translateY(35px); -o-transform: translateY(35px); transform: translateY(35px); }
  /*首页 e*/
  /*新闻列表 s*/
  .news-container { padding-top: 92px; padding-bottom: 120px; }
  .news-list { margin-bottom: 80px; }
  .news-list li { margin-bottom: 50px; }
  .news-list h2 { margin-bottom: 14px; padding-right: 14.22222%; }
  .news-list h2 a { font-size: 20px; line-height: 29px; max-height: 58px; height: 58px; }
  .news-list .desc { margin-bottom: 35px; padding-right: 14.22222%; }
  .news-list .word { padding-top: 35px; padding-left: 45px; padding-right: 45px; }
  /*新闻列表 e*/
  /*新闻详情 s*/
  .newsdetail-container { padding-top: 80px; padding-bottom: 100px; }
  .newsdetail-container h1 { font-size: 24px; }
  .newsdetail-article { margin-right: 400px; padding-right: 60px; }
  .newsdetail-related { width: 400px; padding: 56px 30px 50px; -webkit-box-shadow: 0px 0px 50px -15px #d0d0d0; box-shadow: 0px 0px 50px -15px #d0d0d0; }
  .newsdetail-related h3 { font-size: 24px; margin-bottom: 30px; }
  .related-list h2 { font-size: 20px; margin-top: 32px; margin-bottom: 14px; }
  .related-list .desc { font-size: 16px; line-height: 24px; max-height: 72px; }
  .news-head-ctrl { margin-bottom: 30px; }
  .news-head-ctrl .date { font-size: 20px; }
  .newsdetail-ctrl { margin-top: 40px; }
  /*新闻详情 e*/
  /*科技文旅 s*/
  .apply-area { padding-top: 80px; padding-bottom: 85px; }
  .apply-l { padding-top: 48px; padding-right: 30px; }
  .apply-list { margin-top: 35px; }
  .apply-list li { margin-bottom: 20px; margin-right: 20px; font-size: 18px; line-height: 32px; padding: 0 20px; }
  .technology-area { padding-top: 68px; padding-bottom: 83px; }
  .tech-r { padding-top: 40px; padding-left: 70px; }
  .tech-r .word { margin-top: 44px; padding-right: 75px; }
  /*科技文旅 e*/
  /*数字科技馆 s*/
  .theme-desc-area { padding-top: 80px; padding-bottom: 84px; }
  .theme-desc-area .area-l { padding-right: 45px; }
  .theme-desc-area .area-r { padding-bottom: 50px; }
  .theme-desc-area .desc { -webkit-line-clamp: 6; max-height: 156px; }
  .theme-desc-next, .theme-desc-prev { width: 50px; height: 50px; }
  .theme-desc-next::before, .theme-desc-prev::before { width: 14px; height: 14px; }
  .theme-desc-next { margin-left: 70px; }
  .theme-pic-next, .theme-pic-prev { width: 50px; height: 50px; }
  .theme-pic-next::before, .theme-pic-prev::before { width: 14px; height: 14px; }
  .theme-pic-prev { left: 60px; }
  .theme-pic-next { right: 60px; }
  .theme-pic-page { left: 60px; font-size: 18px; }
  .theme-content { padding-right: 60px; padding-bottom: 20px; }
  .theme-content h2 { font-size: 24px; }
  .theme-c-btn { margin-top: 20px; }
  .theme-services-area { padding-top: 77px; padding-bottom: 160px; }
  .theme-services-views { margin-top: 92px; }
  .services-list li:nth-child(1), .services-list li:nth-child(2), .services-list li:nth-child(3), .services-list li:nth-child(4) { top: -50px; }
  .services-list li:nth-child(6), .services-list li:nth-child(7), .services-list li:nth-child(8), .services-list li:nth-child(9) { bottom: -50px; }
  .services-list li:nth-child(5) { right: -50px; }
  .services-list li p { -webkit-transform: translate(-50%, 14px); -ms-transform: translate(-50%, 14px); -o-transform: translate(-50%, 14px); transform: translate(-50%, 14px); }
  .services-list .pic-box { width: 100px; height: 100px; }
  /*数字科技馆 e*/
  /*法律声明 s*/
  .legalStatement { padding: 60px 0; }
  .legalStatement .public-title-6 { margin-bottom: 30px; }
  /*法律声明 e*/
  /*网站地图 s*/
  .websideMap { padding: 60px 0 100px 0; }
  .websideMap .sideMap-views { padding-top: 45px; }
  /*网站地图 e*/ }


/*自定义---黄广裕 s*/
/*自定义---黄广裕 e*/
@media (min-width: 1460px) { /*公用 s*/
  .top-banner-container .word { margin-top: 50px; font-size: 40px; }
  .top-nav-list a { min-width: 233px; }
  .public-title2 .bg-num { font-size: 240px; line-height: 175px; }
  .public-title2 > div { top: 54px; }
  /*公用 e*/
  /*头部 s*/
  .logo { padding: 21px 0; }
  .logo img { height: 58px; }
  nav { margin-right: 6px; }
  nav li { padding: 0 28px; }
  nav h3 a { line-height: 100px; }
  .search-box { top: 100px; }
  .wrap-line { -webkit-transform: translateX(28px); -ms-transform: translateX(28px); -o-transform: translateX(28px); transform: translateX(28px); }
  .search-toggle-btn { margin-top: 35px; margin-right: 30px; }
  .toggle-btn { margin-top: 35px; }
  /*头部 e*/
  /*服务理念 s*/
  .curstomer-views .word h3 { font-size: 24px; padding-bottom: 30px; }
  .curstomer-views .word h3::before { width: 93px; }
  .curstomer-list-box { margin-top: 26px; }
  /*服务理念 e*/
  /*公司简介 s*/
  .company-container::after { width: 875px; height: 762px; }
  .cp-view-style-1 .word { margin-left: 60px; padding-top: 6.3%; }
  .cp-view-style-1 .word-content .txt p { margin-bottom: 8px; }
  .cp-view-style-2 { margin-top: 0; margin-bottom: 30px; }
  .cp-view-style-2 .word-content { margin-top: 0; padding-top: 123px; padding-left: 430px; }
  .cp-view-style-2 .public-title2 { margin-top: 74px; }
  .cp-view-style-2 .txt { max-width: 490px; margin-bottom: 52px; }
  .cp-view-style-2 .word { padding-right: 23%; }
  .cp-view-style-2 .pic { position: static; margin-left: -23%; }
  .cp-view-style-2 .c-services h4 { font-size: 24px; }
  /*公司简介 e*/
  /*公司团队 s*/
  .team-views:first-child .pic { width: 496px; }
  .team-views:first-child .word { padding-left: 130px; }
  .team-views:first-child .team-advantage li { margin-right: 50px; }
  .team-scrollbar { margin-top: 80px; }
  /*公司团队 e*/
  /*荣誉资质 s*/
  .honor-sw-box .views { height: 450px; }
  .select-year-box { height: 550px; right: 78px; }
  .select-year-swiper { width: 280px; }
  .select-year-prev::before, .select-year-next::before { width: 14px; height: 14px; margin-top: 3px; }
  .honor-sw-views { padding-right: 406px; }
  .honor-swiper .swiper-slide { padding-top: 70px; padding-left: 62px; }
  .honor-swiper .word { padding-right: 80px; padding-left: 240px; max-height: 300px; }
  /*荣誉资质 e*/
  /*加入我们 s*/
  .join-search .form { width: 580px; }
  .join-search .join-search-input { height: 48px; padding-right: 180px; }
  .join-search .join-search-btn { width: 160px; }
  .join-hot-search span { line-height: 48px; }
  .join-hot-search a { line-height: 48px; }
  .join-hot-search { margin-right: 700px; }
  /*加入我们 e*/
  /*首页 s*/
  .inbanner-item h4 { font-size: 56px; margin-bottom: 60px; }
  .inbanner-item p { font-size: 26px; }
  .inbanner .scroll-icon { bottom: 22px; }
  .inbanner .scroll-icon img { height: 125px; }
  .inabout-list ul { margin-top: 40%; }
  .inabout-list .icon { width: 60px; height: 60px; }
  .inabout-list li { margin-bottom: 74px; }
  .inabout::after { width: 659px; height: 145px; }
  .inabout::before { width: 830px; height: 114px; top: 60.24096%; }
  .inabout .area-views { display: table; width: 100%; table-layout: fixed; }
  .inabout .inabout-l { float: none; display: table-cell; vertical-align: middle; }
  .inabout .inabout-r { float: none; display: table-cell; vertical-align: middle; }
  .inabout .inabout-r .word { margin-top: 70px; }
  .inabout .inabout-r h2 { font-size: 28px; }
  .inabout .inabout-r .desc { margin-bottom: 60px; }
  .inpro-tab { width: 540px; }
  .inpro-tab li { width: 90px; height: 90px; margin-right: 36px; }
  .inpro-tab li:last-child { margin-right: 0; }
  .inpro-area { padding-bottom: 116px; }
  .incase-scrb-box { max-width: 1400px; padding: 0; margin-left: auto; margin-right: auto; }
  /*首页 e*/
  /*新闻列表 s*/
  .news-list h2 { margin-bottom: 22px; }
  .news-list h2 a { font-size: 22px; line-height: 32px; max-height: 64px; height: 64px; }
  .news-list .word { padding-left: 60px; padding-top: 42px; }
  .news-list .desc { margin-bottom: 45px; }
  /*新闻列表 e*/
  /*科技文旅 s*/
  .apply-l { padding-top: 30px; padding-right: 50px; }
  .apply-l ul { max-height: 250px; }
  .apply-l li { margin-bottom: 30px; }
  .tech-r { padding-left: 90px; }
  .tech-r .word { max-height: 250px; padding-right: 100px; }
  .apply-list { margin-top: 50px; }
  /*科技文旅 e*/
  /*数字科技馆 s*/
  .theme-desc-area .area-l { padding-right: 66px; }
  .theme-pic-prev, .theme-pic-page { left: 80px; }
  .theme-pic-next { right: 80px; }
  .theme-content { padding-right: 80px; padding-bottom: 2.44792%; }
  .theme-content h2 { font-size: 28px; margin-bottom: 24px; }
  .theme-content-swiper .swiper-slide { padding-right: 15%; }
  .services-list li:nth-child(1), .services-list li:nth-child(2), .services-list li:nth-child(3), .services-list li:nth-child(4) { top: -60px; }
  .services-list li:nth-child(6), .services-list li:nth-child(7), .services-list li:nth-child(8), .services-list li:nth-child(9) { bottom: -60px; }
  .services-list li:nth-child(5) { right: -60px; }
  .services-list li .pic-box { width: 120px; height: 120px; }
  /*数字科技馆 e*/ }


/*自定义---黄广裕 s*/
/*自定义---黄广裕 e*/
@media (min-width: 1660px) { /*头部 s*/
  .headfixed .commonweb1400 { max-width: 1480px; }
  /*头部 e*/
  /*科技文旅 s*/
  .apply-l { padding-top: 48px; }
  .apply-l ul { max-height: 300px; }
  .tech-r .word { max-height: 300px; }
  .apply-list { margin-top: 67px; }
  /*科技文旅 e*/
  /*数字科学馆 s*/
  .theme-pic-prev, .theme-pic-page { left: 160px; }
  .theme-pic-next { right: 160px; }
  .theme-content { padding-right: 160px; }
  /*数字科学馆 e*/ }


/*自定义---黄广裕 s*/
/*自定义---黄广裕 e*/
.suzybanner-txth6 { margin-top: 5px; line-height: 1.33333; font-size: 14px; color: #ffffff; }

.suzycommonweb { width: 100%; max-width: 1800px; padding: 0 15px; margin: 0 auto; }

.suzyvrpro-title { padding: 30px 0 30px; text-align: center; }

.suzyvrpro-tith2 { position: relative; display: inline-block; vertical-align: middle; }

.suzyvrpro-tith2 span { position: relative; z-index: 5; display: block; line-height: 1.57143; font-size: 20px; color: #333; }

.suzyvrpro-tith2:before { position: absolute; bottom: 1px; left: -6px; width: 20px; height: 20px; background: url(suzyvrpro-tith2before.png) no-repeat center center/100% 100%; content: ''; }

.suzyvrpro-tith2:after { position: absolute; top: 0px; right: -6px; width: 15px; height: 15px; background: url(suzyvrpro-tith2after.png) no-repeat center center/100% 100%; content: ''; }

.suzyvrpro-tith2.tit1:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 12px; background: #f0f0f0; -webkit-border-radius: 10px; border-radius: 10px; content: ''; }

.suzyvrpro-tith2.tit1:after { position: absolute; top: auto; bottom: 1px; right: 0; width: 40.77253%; height: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 10px 20px -10px #1561de; box-shadow: 0px 10px 20px -10px #1561de; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; content: ''; }

.suzyvrpro-titde { margin-top: 5px; line-height: 1.88889; font-size: 14px; color: #666666; }

.suzyvrpro-one { position: relative; }

.suzyvrpro-oneimg { position: relative; width: 100%; }

.suzyvrpro-oneimg img { width: 100%; vertical-align: middle; }

.suzyvrpro-onetext, .suzyvrpro-twotext { padding: 20px 15px; color: #333; }

.suzyvrpro-onetext h2, .suzyvrpro-twotext h2 { line-height: 1.2963; font-size: 20px; }

.suzyvrpro-onedes1 { margin-top: 10px; line-height: 1.875; font-size: 14px; color: #666; }

.suzyvrpro-onedes2 { margin-top: 10px; line-height: 1.66667; font-size: 14px; color: #666; }

.suzyvrpro-onesz1 { font-size: 16px; }

.suzyvrpro-onebtn { margin-top: 30px; font-size: 0; }

.suzyvrpro-onebtn a { position: relative; display: inline-block; width: 130px; height: 46px; margin-right: 15px; text-align: center; line-height: 46px; font-size: 14px; color: #fff; -webkit-transition: border-color .5s,-webkit-box-shadow .5s; transition: border-color .5s,-webkit-box-shadow .5s; -o-transition: box-shadow .5s,border-color .5s; transition: box-shadow .5s,border-color .5s; transition: box-shadow .5s,border-color .5s,-webkit-box-shadow .5s; }

.suzyvrpro-onebtn a:hover .suzyvrpro-oneerweima { margin: 0; visibility: visible; opacity: 1; }

.suzyvrpro-onebtn .suzyvrpro-onebuy { background: #1561DE; }

.suzyvrpro-onebtn .suzyvrpro-oneopen { background: #000000; }

.suzyvrpro-oneerweima { position: absolute; bottom: 100%; left: 50%; z-index: 5; width: 165px; height: 165px; margin-bottom: 20px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); visibility: hidden; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.suzyvrpro-oneerweima img { width: 100%; height: 100%; }

.suzyvrpro-oneline { position: absolute; bottom: 0; left: 50%; z-index: 5; width: 1px; height: 50px; background: #1561DE; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }

.suzyvrpro-oneformbox { width: 100%; background: #fff; -webkit-box-shadow: 0px 0px 15px -10px rgba(21, 97, 222, 0.5); box-shadow: 0px 0px 15px -10px rgba(21, 97, 222, 0.5); -webkit-animation: zoomIn .5s; -o-animation: zoomIn .5s; animation: zoomIn .5s; }

.suzyvrpro-oneformboxcom { position: absolute; top: 50%; left: 50%; z-index: 50; display: none; width: 90%; max-width: 500px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.suzyvrpro-oneformimg { display: none; }

a.suzyvrpro-oneforclose { position: absolute; top: 16px; right: 20px; z-index: 10; display: block; width: 20px; height: 20px; }

a.suzyvrpro-oneforclose:after, a.suzyvrpro-oneforclose:before { position: absolute; top: 50%; left: 50%; width: 15px; height: 2px; background: #666666; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); content: ''; }

a.suzyvrpro-oneforclose:after { width: 2px; height: 15px; }

a.suzyvrpro-oneforclose:hover:after, a.suzyvrpro-oneforclose:hover:before { background: #1561DE; -webkit-transform: translate(-50%, -50%) rotate(225deg); -ms-transform: translate(-50%, -50%) rotate(225deg); -o-transform: translate(-50%, -50%) rotate(225deg); transform: translate(-50%, -50%) rotate(225deg); }

.suzyvrpro-onefromfl { position: relative; z-index: 5; padding: 20px; }

.suzyvrpro-oneformtitle { line-height: 1.44444; font-size: 20px; color: #333; }

.suzyvrpro-oneformtitle:after { display: block; width: 44px; height: 2px; background: #5a93ef; content: ''; }

.suzyvrpro-onefrom { margin-top: 14px; }

.suzyvrpro-oneformitem { position: relative; margin-bottom: 10px; }

.suzyvrpro-oneformitem input { position: relative; z-index: 3; width: 100%; height: 48px; line-height: 46px; font-size: 14px; color: #666666; padding: 0 40px 0 10px; border: 1px solid #e8e8e8; background: transparent; }

.suzyvrpro-oneformitem input::-webkit-input-placeholder { color: #666; }

.suzyvrpro-oneformitem input:-moz-placeholder { color: #666; }

.suzyvrpro-oneformitem input::-moz-placeholder { color: #666; }

.suzyvrpro-oneformitem input:-ms-input-placeholder { color: #666; }

.suzyvrpro-oneformitem input:focus { color: #1561DE; border-color: #1561DE !important; -webkit-box-shadow: inset 0px 0px 6px #ddd; box-shadow: inset 0px 0px 6px #ddd; }

.suzyvrpro-oneformitem input:focus::-webkit-input-placeholder { color: #1561DE; }

.suzyvrpro-oneformitem input:focus:-moz-placeholder { color: #1561DE; }

.suzyvrpro-oneformitem input:focus::-moz-placeholder { color: #1561DE; }

.suzyvrpro-oneformitem input:focus:-ms-input-placeholder { color: #1561DE; }

.suzyvrpro-oneformitem input:focus + .suzyvrpro-oneformicon .suzyvrpro-oneformicon1 { opacity: 0; }

.suzyvrpro-oneformitem input:focus + .suzyvrpro-oneformicon .suzyvrpro-oneformicon2 { opacity: 1; }

.suzyvrpro-oneformicon { position: absolute; top: 50%; right: 16px; width: 30px; height: 30px; font-size: 0; -webkit-transform: translateY(-51%); -ms-transform: translateY(-51%); -o-transform: translateY(-51%); transform: translateY(-51%); }

.suzyvrpro-oneformicon img { width: 100%; height: 100%; vertical-align: middle; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.suzyvrpro-oneformicon .suzyvrpro-oneformicon2 { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; }

.suzyvrpro-oneformbtn { padding-top: 18px; }

.suzyvrpro-oneformbtn input { display: block; width: 100%; height: 48px; font-size: 14px; color: #fff; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

.suzyvrpro-two { position: relative; }

.suzyvrpro-twoimg { position: relative; font-size: 0; }

.suzyvrpro-twoimg video { max-width: 100%; }

.suzyvrpro-twoimg a.suzyvrpro-twoplay { position: absolute; top: 50%; left: 50%; z-index: 5; display: block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.suzyvrpro-twoimg1 { vertical-align: middle; width: 100%; }

.suzyvrpro-twovideo { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; visibility: hidden; font-size: 0; background: #fff; }

.suzyvrpro-twovideo video { width: 100%; height: 100%; vertical-align: middle; }

.suzyvrpro-twovideo.active { visibility: visible; z-index: 2; }

a.suzyvrpro-twoplay { display: none; width: 48px; height: 48px; margin: 0 auto; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; }

.suzyinconcase { padding: 30px 0 30px; background: #f3f9fd; }

.suzyinconcase.active { background: #fff; }

.suzyinconcase-title { text-align: center; }

.suzyinconcase-view { margin-top: 20px; }

.suzyinconcase-view .swiper-slide:hover .suzyinconcase-imgc { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.suzyinconcase-view .swiper-slide:hover .suzyinconcase-text2 h3 { color: #1561DE; }

.suzyinconcase-view .swiper-slide:hover .suzyinconcase-text:before { width: 100%; }

.suzyinconcase-img { position: relative; overflow: hidden; }

.suzyinconcase-img img { vertical-align: middle; }

.suzyinconcase-img .suzyinconcase-imgc { width: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.suzyinconcase-img a.suzyinconcase-player { position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.suzyinconcase-img:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: rgba(21, 97, 222, 0.4); content: ''; }

a.suzyinconcase-player { display: block; width: 48px; height: 48px; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; }

a.suzyinconcase-player img { width: 100%; height: 100%; }

.suzyinconcase-vwrap { position: absolute; top: 0; left: 0; z-index: -1; display: none; width: 100%; height: 100%; background: #000; }

.suzyinconcase-vwrap.active { z-index: 5; }

.suzyinconcase-video { width: 100%; height: 100%; }

.suzyinconcase-text { position: relative; padding: 12px 0 20px; border-bottom: 2px solid #e4e7e9; }

.suzyinconcase-text:before { position: absolute; left: 0%; bottom: -2px; z-index: 1; width: 0%; height: 2px; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: ''; }

.suzyinconcase-erweima { position: relative; float: right; width: 30px; padding-top: 1px; }

.suzyinconcase-erweima a { display: block; width: 100%; -webkit-box-shadow: -10px 10px 20px -10px rgba(0, 0, 0, 0.5); box-shadow: -10px 10px 20px -10px rgba(0, 0, 0, 0.5); }

.suzyinconcase-erweima a img { width: 100%; }

.suzyinconcase-erweima:hover .suzyinconcase-erweimaview { opacity: 1; visibility: visible; margin-right: 0; }

.suzyinconcase-erweimaview { position: absolute; top: 50%; right: 100%; z-index: 6; width: 88px; height: 80px; margin-right: 20px; padding-right: 8px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); visibility: hidden; opacity: 0; }

.suzyinconcase-erweimaview img { width: 100%; height: 100%; vertical-align: middle; -webkit-box-shadow: -10px 0px 15px -10px rgba(0, 0, 0, 0.5); box-shadow: -10px 0px 15px -10px rgba(0, 0, 0, 0.5); }

.suzyinconcase-erweimaview:after { position: absolute; right: 0; top: 50%; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ''; }

.suzyinconcase-text2 { overflow: hidden; padding-right: 13.83399%; }

.suzyinconcase-text2 h3 { line-height: 1.41667; font-size: 16px; color: #333333; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.suzyinconcase-des { margin-top: 7px; line-height: 1.6; font-size: 14px; color: #666666; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.suzyincon-bat { width: 100%; font-size: 0; margin-top: 20px; text-align: center; }

.suzyincon-bat span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 0 5px; border: 1px solid #6f7173; background-color: transparent; }

.suzyincon-bat span.swiper-pagination-bullet-active { background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; border: none; }

.suzyermenu { position: relative; background: #f0f0f0; }

.suzyermenu-h3 { position: relative; padding: 0 15px; line-height: 46px; height: 46px; text-align: center; }

.suzyermenu-h3 span { padding-right: 20px; position: relative; display: inline-block; vertical-align: middle; line-height: 1; font-size: 14px; color: #333; }

.suzyermenu-h3 span:after { position: absolute; right: 0; top: 50%; width: 10px; height: 10px; border-right: 2px solid #333; border-top: 2px solid #333; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform: translateY(-70%) rotate(135deg); -ms-transform: translateY(-70%) rotate(135deg); -o-transform: translateY(-70%) rotate(135deg); transform: translateY(-70%) rotate(135deg); content: ''; }

.suzyermenu-h3.active span:after { -webkit-transform: translateY(-30%) rotate(-45deg); -ms-transform: translateY(-30%) rotate(-45deg); -o-transform: translateY(-30%) rotate(-45deg); transform: translateY(-30%) rotate(-45deg); }

.suzyermenu-view { position: absolute; top: 100%; left: 0; z-index: 100; display: none; width: 100%; padding: 10px 15px; background: #fff; -webkit-box-shadow: 0px 10px 20px -10px #ddd; box-shadow: 0px 10px 20px -10px #ddd; }

.suzyermenu-view .swiper-wrapper { display: block; }

.suzyermenu-view .swiper-slide { height: auto; }

.suzyermenu-view .swiper-slide a { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #333; text-align: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.suzyvrinnov-tit { text-align: center; }

.suzyvrinnov-one { padding: 30px 0; }

.suzyvrinnov-tview { position: relative; z-index: 10; margin-top: 20px; }

.suzyvrinnov-tview .swiper-slide { width: 60%; padding: 12px 15px; background: #f5f7fa; -webkit-transition: background-color .5s; -o-transition: background-color .5s; transition: background-color .5s; cursor: pointer; }

.suzyvrinnov-tview .swiper-slide.active-nav, .suzyvrinnov-tview .swiper-slide:hover { background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

.suzyvrinnov-tview .swiper-slide.active-nav .suzyvrinnov-tviewtit, .suzyvrinnov-tview .swiper-slide.active-nav .suzyvrinnov-tviewdes, .suzyvrinnov-tview .swiper-slide:hover .suzyvrinnov-tviewtit, .suzyvrinnov-tview .swiper-slide:hover .suzyvrinnov-tviewdes { color: #fff; }

.suzyvrinnov-tview .swiper-slide.active-nav .suzyvrinnov-icon .suzyvrinnov-icon1, .suzyvrinnov-tview .swiper-slide:hover .suzyvrinnov-icon .suzyvrinnov-icon1 { opacity: 0; }

.suzyvrinnov-tview .swiper-slide.active-nav .suzyvrinnov-icon .suzyvrinnov-icon2, .suzyvrinnov-tview .swiper-slide:hover .suzyvrinnov-icon .suzyvrinnov-icon2 { opacity: 1; }

.suzyvrinnov-tviewtit { line-height: 26px; color: #333; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.suzyvrinnov-tviewtit h3 { font-size: 16px; padding-left: 5px; overflow: hidden; }

.suzyvrinnov-icon { position: relative; float: left; width: 20px; height: 26px; font-size: 0; }

.suzyvrinnov-icon img { vertical-align: middle; width: 100%; height: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.suzyvrinnov-icon .suzyvrinnov-icon2 { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; }

.suzyvrinnov-tviewdes { margin-top: 5px; height: 40px; padding-right: 5px; line-height: 20px; font-size: 14px; color: #666666; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; overflow-y: auto; }

.suzyvrinnov-tviewdes::-webkit-scrollbar { width: 2px; height: 8px; background-color: #fff; }

.suzyvrinnov-tviewdes::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.suzyvrinnov-tviewdes::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #1561DE; }

.suzyvrinnov-iview { margin-top: 10px; }

.suzyvrinnov-iview .swiper-slide img { width: 100%; vertical-align: middle; }

.suzyvrinnov-two { padding: 30px 0 30px; background: #f3f9fd; }

.suzyvrinnov-twoleft { text-align: center; }

.suzyvrinnov-twoleft h2 { line-height: 1.5625; font-size: 20px; color: #111111; }

.suzyvrinnov-twoleftdes { margin-top: 5px; line-height: 1.5; font-size: 14px; color: #666666; }

.suzyvrinnov-towbtn { display: none; }

.suzyvrinnov-towview { margin-top: 20px; }

.suzyvrinnov-towview .swiper-slide { width: 80%; position: relative; }

.suzyvrinnov-twomen { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f7f9), to(#0d2d6d)); background-image: -webkit-linear-gradient(top, #f5f7f9, #0d2d6d); background-image: -o-linear-gradient(top, #f5f7f9, #0d2d6d); background-image: linear-gradient(-180deg, #f5f7f9, #0d2d6d); background-blend-mode: normal; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0; }

.suzyvrinnov-twoimg { width: 100%; height: 0; height: 0; position: relative; overflow: hidden; padding-top: 131.57895%; }

.suzyvrinnov-twoimg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: middle; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.suzyvrinnov-twotext { position: absolute; bottom: 0; left: 0; z-index: 5; width: 100%; padding: 15px 20px 40px; background: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; text-align: center; }

.suzyvrinnov-twotext h3 { line-height: 2.22222; font-size: 16px; color: #333333; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.suzyvrinnov-twotext h3:after { display: block; margin: 0 auto; width: 26px; height: 2px; background: #4161fe; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: ''; }

.suzyvrinnov-twodes { margin-top: 10px; height: 40px; line-height: 20px; font-size: 14px; color: #666; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; overflow-y: auto; }

.suzyvrinnov-twodes::-webkit-scrollbar { width: 2px; height: 8px; background-color: #fff; }

.suzyvrinnov-twodes::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.suzyvrinnov-twodes::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #1561DE; }

.suzyconline-bat { margin-top: 20px; font-size: 0; display: table; overflow: hidden; table-layout: fixed; width: 100%; background: #c8dbf6; }

.suzyconline-bat span { vertical-align: middle; display: table-cell; -webkit-border-radius: 0; border-radius: 0; background: transparent; opacity: 1; width: 50%; height: 3px; padding-right: 5px; padding-right: 5px; }

.suzyconline-bat span i { display: block; width: 100%; height: 100%; }

.suzyconline-bat span.swiper-pagination-bullet-active { height: 3px; }

.suzyconline-bat span.swiper-pagination-bullet-active i { background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

.suzyconline-bat span:first-child { padding-left: 0; padding-right: 10px; }

.suzyconline-bat span:last-child { padding-left: 10px; padding-right: 0px; }

.suzyconbtn { display: none; }

.suzyvrinnov-three { padding: 30px 0px 30px; background: url(suzyvrinnov-three.jpg) no-repeat center center/cover; }

.suzyvrinnov-threeview { position: relative; }

.suzyvrinnov-threeview .swiper-container { padding: 30px 10px 20px; }

.suzyvrinnov-threeview .swiper-slide { width: 80%; }

.suzyvrinnov-threeview .swiper-slide a { display: block; width: 100%; height: 100%; padding: 30px 20px; -webkit-transition: background-color .5s,-webkit-transform .5s,-webkit-box-shadow .5s; transition: background-color .5s,-webkit-transform .5s,-webkit-box-shadow .5s; -o-transition: background-color .5s,box-shadow .5s,-o-transform .5s; transition: background-color .5s,transform .5s,box-shadow .5s; transition: background-color .5s,transform .5s,box-shadow .5s,-webkit-transform .5s,-o-transform .5s,-webkit-box-shadow .5s; -webkit-box-shadow: 0px 5px 20px -10px #aaa; box-shadow: 0px 5px 20px -10px #aaa; background: #fff; }

.suzyvrinnov-threeview .suzyincon-bat { margin-top: 0; }

.suzyvrinnov-threeicon { display: block; width: 80px; height: 80px; margin: 0 auto; font-size: 0; }

.suzyvrinnov-threeicon img { vertical-align: middle; width: 100%; height: 100%; }

.suzyvrinnov-threetext { margin-top: 10px; text-align: center; }

.suzyvrinnov-threetext h3 { line-height: 1.5; font-size: 16px; color: #111111; }

.suzyvrinnov-threetext h3:after { display: block; margin: 10px auto 0; width: 26px; height: 2px; background: #4161fe; content: ''; }

.suzyvrinnov-threedes { margin-top: 15px; padding: 0 2px; height: 60px; line-height: 20px; font-size: 14px; color: #666; overflow-y: auto; }

.suzyvrinnov-threedes::-webkit-scrollbar { width: 2px; height: 8px; background-color: #fff; }

.suzyvrinnov-threedes::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; }

.suzyvrinnov-threedes::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #1561DE; }

.suzycase { padding: 30px 0 30px; background: url(suzycase.jpg) no-repeat bottom center/100% auto; }

.suzycase-list { margin-top: 20px; }

.suzycase-listul { font-size: 0; }

.suzycase-listul li { width: 100%; margin-bottom: 20px; display: inline-block; vertical-align: middle; }

.suzycase-listul a.suzyinconcase-player { width: 42px; height: 42px; }

.suzycasepost { background: url(suzycase.jpg) no-repeat bottom center/100% auto; padding: 30px 0 30px; }

.suzycasepost-title { text-align: center; }

.suzycasepost-title h1 { line-height: 1.25; font-size: 20px; color: #111111; }

.suzycasepost-time { margin-top: 5px; line-height: 22px; font-size: 14px; color: #666666; }

.suzycasepost-text { margin-top: 20px; padding: 12px 0px 20px; border-top: 1px solid #cacacc; border-bottom: 1px solid #cacacc; line-height: 1.86667; font-size: 14px; }

.suzycasepost-text .suzyinconcase-img { -webkit-box-shadow: 0px 10px 20px -10px #aaa; box-shadow: 0px 10px 20px -10px #aaa; }

.suzycasepost-videotxt { padding-top: 14px; }

.suzycasepost-videotit { overflow: hidden; padding-right: 10px; }

.suzycasepost-videotit h3 { line-height: 1.5; font-size: 16px; color: #111111; }

.suzycasepost-btm { margin-top: 20px; }

.suzycasepost-btmfan { float: right; width: 120px; }

.suzycasepost-btmfan a { display: block; width: 100%; height: 46px; line-height: 46px; text-align: center; font-size: 14px; color: #fff; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

.suzycasepost-btmprev { overflow: hidden; padding-right: 10px; font-size: 0; }

.suzycasepost-btmprev a { max-width: 100%; display: block; line-height: 22px; height: 22px; margin-bottom: 4px; font-size: 14px; color: #666666; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.suzycasepost-btmprev a:hover { color: #1561DE; }


/*自定义---黄广裕 s*/
/*自定义---黄广裕 e*/
@media (min-width: 768px) { .suzycommonweb { padding-right: 20px; padding-left: 20px; }
  .suzyconline-bat span { padding-left: 6.66667px; padding-right: 6.66667px; }
  .suzyconline-bat span:first-child { padding-left: 0; padding-right: 13.33333px; }
  .suzyconline-bat span:last-child { padding-left: 13.33333px; padding-right: 0px; }
  .suzycase-listul { font-size: 0; }
  .suzycase-listul li { width: 31.42857%; margin-right: 2.85714%; }
  .suzycase-listul li:nth-child(3n) { margin-right: 0; } }


/*自定义---黄广裕 s*/
/*自定义---黄广裕 e*/
@media (min-width: 1024px) { .suzybanner-txth6 { margin-top: 7px; line-height: 1.33333; font-size: 20px; color: #ffffff; }
  .suzycommonweb { padding-right: 40px; padding-left: 40px; }
  .suzyvrpro-title { padding: 50px 0 62px; }
  .suzyvrpro-tith2 span { font-size: 30px; }
  .suzyvrpro-tith2:before { left: -12px; width: 35px; height: 35px; }
  .suzyvrpro-tith2:after { right: -16px; width: 30px; height: 30px; }
  .suzyvrpro-tith2.tit1:before { height: 18px; }
  .suzyvrpro-tith2.tit1:after { height: 16px; }
  .suzyvrpro-titde { margin-top: 10px; font-size: 16px; }
  .suzyvrpro-onetext { position: absolute; top: 50%; left: 15.78125%; z-index: 3; padding: 0; color: #fff; max-width: 510px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .suzyvrpro-onetext h2 { font-size: 40px; }
  .suzyvrpro-onedes1 { margin-top: 14px; color: #fff; }
  .suzyvrpro-onedes2 { margin-top: 22px; color: #fff; }
  .suzyvrpro-onebtn a { width: 130px; height: 50px; line-height: 50px; font-size: 16px; }
  .suzyvrpro-oneline { height: 100px; bottom: auto; top: 0; -webkit-transform: translate(-50%, -40%); -ms-transform: translate(-50%, -40%); -o-transform: translate(-50%, -40%); transform: translate(-50%, -40%); }
  .suzyvrpro-oneformwrap { width: 100%; }
  .suzyvrpro-oneformimg { float: left; width: 47.00772%; overflow: hidden; }
  .suzyvrpro-onefromfl { float: right; padding: 50px 50px 45px; width: 100%; }
  .suzyvrpro-oneformtitle { font-size: 26px; }
  .suzyvrpro-onefrom { margin-top: 20px; }
  .suzyvrpro-oneformitem { margin-bottom: 20px; }
  .suzyvrpro-oneformitem input { height: 54px; line-height: 52px; font-size: 16px; padding: 0 50px 0 20px; }
  .suzyvrpro-oneformbtn { padding-top: 28px; }
  .suzyvrpro-oneformbtn input { font-size: 16px; }
  .suzyvrpro-twotext { position: absolute; top: 50%; left: 50%; z-index: 6; max-width: 510px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; }
  .suzyvrpro-twotext h2 { font-size: 40px; }
  .suzyvrpro-twoimg a.suzyvrpro-twoplay { display: none; }
  a.suzyvrpro-twoplay { display: block; }
  .suzyvrpro-twobtm { margin-top: 40px; }
  .suzyinconcase { padding: 50px 0 70px; }
  .suzyinconcase-view { margin-top: 25px; }
  .suzyinconcase-text { padding: 22px 0 32px; }
  .suzyinconcase-erweimaview { width: 90px; padding-right: 10px; }
  .suzyinconcase-erweimaview:after { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; }
  .suzyinconcase-text2 h3 { font-size: 20px; }
  .suzyinconcase-des { font-size: 15px; }
  .suzyincon-bat { margin-top: 40px; }

  .suzyincon-bat span { width: 12px; height: 12px; margin: 0 7px; }
  .suzyermenu-h3 { display: none; }
  .suzyermenu-view { position: static; display: block; padding: 0px; -webkit-box-shadow: none; box-shadow: none; background: transparent; overflow: hidden; }
  .suzyermenu-view .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .suzyermenu-view .swiper-slide { width: auto; height: 100%; }
  .suzyermenu-view .swiper-slide a { height: 50px; line-height: 50px; font-size: 14px; }
  .suzyermenu-view .swiper-slide.cur, .suzyermenu-view .swiper-slide:hover { background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }
  .suzyermenu-view .swiper-slide.cur a, .suzyermenu-view .swiper-slide:hover a { color: #fff; }
  .suzyermenu-view.active .swiper-wrapper { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .suzyvrinnov-one { padding: 70px 0; }
  .suzyvrinnov-tview { margin-top: 45px; }
  .suzyvrinnov-tview .swiper-wrapper { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .suzyvrinnov-tview .swiper-container.active .swiper-wrapper { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .suzyvrinnov-tview .swiper-slide { padding: 22px 35px; }
  .suzyvrinnov-tviewtit h3 { font-size: 18px; padding-left: 10px; }
  .suzyvrinnov-tviewdes { height: 48px; line-height: 24px; }
  .suzyvrinnov-iview { margin-top: -62px; }
  .suzyvrinnov-two { padding: 60px 0 60px; }
  .suzyvrinnov-two .suzycommonweb { position: relative; }
  .suzyvrinnov-twoleft { float: left; width: 19.0625%; padding-top: 30px; text-align: left; }
  .suzyvrinnov-twoleft h2 { font-size: 26px; }
  .suzyvrinnov-twoleftdes { margin-top: 14px; font-size: 16px; }
  .suzyvrinnov-towbtn { position: absolute; bottom: 13.7741%; z-index: 10; display: block; font-size: 0; }
  .suzyconbtn { position: relative; display: inline-block; width: 58px; height: 58px; margin-right: 15px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background: #fff; -webkit-box-shadow: 0px 5px 10px -5px #000; box-shadow: 0px 5px 10px -5px #000; }
  .suzyconbtn:after { position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); content: ''; }
  .suzyconbtn:hover { background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; -webkit-box-shadow: none; box-shadow: none; }
  .suzyconbtn:hover:after { border-color: #fff; }
  .suzyconbtnprev:after { border-left: 2px solid #717171; border-bottom: 2px solid #717171; }
  .suzyconbtnnext:after { border-right: 2px solid #717171; border-top: 2px solid #717171; }
  .suzyvrinnov-towview { float: right; width: 76.875%; margin-top: 0px; }
  .suzyvrinnov-towview .swiper-slide:hover .suzyvrinnov-twomen { opacity: .5; }
  .suzyvrinnov-towview .swiper-slide:hover .suzyvrinnov-twotext { padding-bottom: 20px; background: none; }
  .suzyvrinnov-towview .swiper-slide:hover .suzyvrinnov-twotext h3 { color: #fff; }
  .suzyvrinnov-towview .swiper-slide:hover .suzyvrinnov-twotext h3:after { opacity: 0; background: #fff; }
  .suzyvrinnov-towview .swiper-slide:hover .suzyvrinnov-twodes { margin-top: 10px; color: #fff; }
  .suzyvrinnov-towview .swiper-slide:hover .suzyvrinnov-twoimg img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .suzyvrinnov-twotext h3 { font-size: 16px; }
  .suzyvrinnov-twodes { margin-top: 15px; height: 48px; line-height: 24px; }
  .suzyconline-bat { margin-top: 50px; }
  .suzyconline-bat span { padding-left: 10px; padding-right: 10px; }
  .suzyconline-bat span:first-child { padding-left: 0; padding-right: 20px; }
  .suzyconline-bat span:last-child { padding-left: 20px; padding-right: 0px; }
  .suzyvrinnov-three { padding: 62px 0px 0px; }
  .suzyvrinnov-threeview { position: relative; }
  .suzyvrinnov-threeview .swiper-container { padding: 60px 10px 33px; }
  .suzyvrinnov-threeview .swiper-slide a { -webkit-transition: background-color .5s,-webkit-transform .5s,-webkit-box-shadow .5s; transition: background-color .5s,-webkit-transform .5s,-webkit-box-shadow .5s; -o-transition: background-color .5s,box-shadow .5s,-o-transform .5s; transition: background-color .5s,transform .5s,box-shadow .5s; transition: background-color .5s,transform .5s,box-shadow .5s,-webkit-transform .5s,-o-transform .5s,-webkit-box-shadow .5s; -webkit-box-shadow: none; box-shadow: none; background: transparent; padding: 30px 20px; }
  .suzyvrinnov-threeview .swiper-slide a:hover { -webkit-box-shadow: 0px 5px 20px -10px #aaa; box-shadow: 0px 5px 20px -10px #aaa; background: #fff; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); }
  .suzyvrinnov-threeview .swiper-slide a:hover .suzyvrinnov-threedes, .suzyvrinnov-threeview .swiper-slide a:hover .suzyvrinnov-threetext h3:after { opacity: 1; }
  .suzyvrinnov-threeview .suzyincon-bat { display: none; }
  .suzyvrinnov-threeview .suzyconbtnprev { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: -13.5px; margin: 0; z-index: 10; margin-left: -40px; }
  .suzyvrinnov-threeview .suzyconbtnnext { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: -13.5px; margin: 0; z-index: 10; margin-right: -40px; }
  .suzyvrinnov-threeicon { width: 120px; height: 120px; }
  .suzyvrinnov-threetext { margin-top: 15px; }
  .suzyvrinnov-threetext h3:after { opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .suzyvrinnov-threedes { margin-top: 20px; height: 72px; line-height: 24px; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .suzycase { padding: 65px 0 70px; }
  .suzycase-list { margin-top: 30px; }
  .suzycase-listul li { margin-bottom: 50px; }
  .suzycase-listul li:hover .suzyinconcase-imgc { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .suzycase-listul li:hover .suzyinconcase-text2 h3 { color: #1561DE; }
  .suzycase-listul li:hover .suzyinconcase-text:before { width: 100%; }
  .suzycasepost { padding: 80px 0 50px; }
  .suzycasepost-title h1 { font-size: 32px; }
  .suzycasepost-time { margin-top: 10px; font-size: 15px; }
  .suzycasepost-text { margin-top: 33px; padding: 22px 30px 50px; font-size: 15px; }
  .suzycasepost-videotxt { padding-top: 24px; }
  .suzycasepost-videotit h3 { font-size: 20px; }
  .suzycasepost-btm { margin-top: 45px; }
  .suzycasepost-btmfan { width: 144px; }
  .suzycasepost-btmfan a { height: 50px; line-height: 50px; font-size: 16px; }
  .suzycasepost-btmprev a { margin-bottom: 8px; } }


/*自定义---黄广裕 s*/
/*自定义---黄广裕 e*/
@media (min-width: 1260px) { .suzybanner-txth6 { margin-top: 15px; font-size: 24px; }
  .suzycommonweb { padding-right: 100px; padding-left: 100px; }
  .suzyvrpro-oneformboxcom { max-width: 1036px; }
  .suzyvrpro-oneformimg { display: block; }
  .suzyvrpro-onefromfl { width: 52.99228%; }
  .suzyvrpro-oneformtitle { font-size: 36px; }
  .suzyvrpro-onefrom { margin-top: 28px; }
  .suzyvrpro-oneformbtn { padding-top: 38px; }
  .suzyvrpro-oneformbtn input { font-size: 18px; }
  .suzycasepost-text { padding: 22px 65px 50px; } }

@media (min-width: 1400px) { .suzyvrpro-tith2 span { font-size: 42px; }
  .suzyvrpro-titde { font-size: 18px; }
  .suzyvrpro-onetext h2, .suzyvrpro-twotext h2 { font-size: 54px; }
  .suzyvrpro-onedes1 { margin-top: 24px; font-size: 16px; }
  .suzyvrpro-onedes2 { margin-top: 37px; font-size: 18px; }
  .suzyvrpro-onesz1 { font-size: 24px; }
  .suzyvrpro-onebtn { margin-top: 135px; }
  .suzyvrpro-onebtn a { width: 165px; height: 56px; line-height: 56px; font-size: 18px; }
  .suzyvrpro-twobtm { margin-top: 80px; }
  .suzyinconcase { padding: 72px 0 95px; }
  .suzyinconcase-text { padding: 22px 0 42px; }
  .suzyinconcase-text2 h3 { font-size: 24px; }
  .suzyincon-bat { margin-top: 58px; }
  .suzyermenu-view .swiper-slide a { height: 56px; line-height: 56px; font-size: 16px; }
  .suzyvrinnov-two { padding: 80px 0 90px; }
  .suzyvrinnov-twoleft { padding-top: 56px; }
  .suzyvrinnov-twoleft h2 { font-size: 32px; }
  .suzyvrinnov-towview .swiper-slide:hover .suzyvrinnov-twomen { opacity: .5; }
  .suzyvrinnov-towview .swiper-slide:hover .suzyvrinnov-twotext { padding-bottom: 42px; }
  .suzyvrinnov-twotext { padding: 30px 40px 72px; }
  .suzyvrinnov-twotext h3 { font-size: 18px; }
  .suzyvrinnov-towbtn { bottom: 21.34986%; }
  .suzyconbtn { margin-right: 25px; }
  .suzyconline-bat span { padding-left: 13.33333px; padding-right: 13.33333px; }
  .suzyconline-bat span:first-child { padding-left: 0; padding-right: 26.66667px; }
  .suzyconline-bat span:last-child { padding-left: 26.66667px; padding-right: 0px; }
  .suzyvrinnov-threeview .swiper-container { padding: 80px 10px 33px; }
  .suzyvrinnov-threeview .swiper-slide a { padding: 60px 35px; }
  .suzyvrinnov-threeview .swiper-slide a:hover { -webkit-box-shadow: 0px 5px 20px -10px #aaa; box-shadow: 0px 5px 20px -10px #aaa; background: #fff; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); }
  .suzyvrinnov-threeview .suzyconbtnprev { margin-top: -23.5px; margin-left: -58px; }
  .suzyvrinnov-threeview .suzyconbtnnext { margin-top: -23.5px; margin-right: -58px; }
  .suzycase { padding: 85px 0 100px; }
  .suzycase .public-more { padding-top: 30px; } }


.suzyimg-men { position: fixed; top: 0%; left: 0%; z-index: 200; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.suzyimg-wrap { position: fixed; top: 50%; left: 50%; z-index: 201; display: none; width: 90%; max-width: 1000px; margin: 0 auto; padding: 0 30px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.suzyimg-wrap .swiper-container { width: 100%; text-align: center; }

.suzyimg-wrap .swiper-slide { text-align: center; }

.suzyimg-wrap .swiper-slide img { max-width: 100%; border: 2px solid #fff; }

.suzyimg-wrapclose { position: absolute; top: -30px; right: 0; z-index: 10; width: 20px; height: 20px; background: url(closebtn.png) no-repeat center center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.suzyimg-wrapclose:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.suzyimg-wrapbtn1 { position: absolute; top: 50%; z-index: 10; display: block; width: 26px; height: 26px; margin-top: -20px; text-align: center; line-height: 22px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0; border: 2px solid #fff; border-radius: 50%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.suzyimg-wrapbtn1:after { display: inline-block; vertical-align: middle; width: 10px; height: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: ''; }

.suzyimg-wrapbtn1:hover { background: #fff; }

.suzyimg-wrapbtn1:hover:after { border-color: #00164a; }

.suzyimg-wrapprev { left: 0; }

.suzyimg-wrapprev:after { margin-right: -2px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; }

.suzyimg-wrapnext { right: 0; }

.suzyimg-wrapnext:after { margin-left: -2px; border-top: 2px solid #fff; border-right: 2px solid #fff; }

.suzyimg-wrapbat { display: block; width: 100%; padding: 10px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; }


@media (min-width: 1024px) { .suzyimg-wrapbtn1 { position: absolute; top: 50%; z-index: 10; display: block; width: 40px; height: 40px; line-height: 38px; }
  .suzyimg-wrapbtn1:after { width: 15px; height: 15px; }
  .suzyimg-wrap { padding: 0 60px; }
  .suzyimg-wrap .swiper-slide img { border: 5px solid #fff; -webkit-border-radius: 5px; border-radius: 5px; } }




/*自定义---黄广裕 s*/
/*自定义---黄广裕 e*/
.full-recruitB-container .recruitB-list .job-title { font-size: 16px; line-height: 24px; padding: 10px 15px; padding-right: 45px; cursor: pointer; background-repeat: no-repeat; background-position: 96% center; color: #02080b;  border-bottom: 1px solid #f3f3f3;  background-image: url(recruitBarr.png);  -webkit-transition: all ease .35s; -o-transition: all ease .35s; transition: all ease .35s; position: relative; }

.full-recruitB-container .recruitB-list .job-title::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%); background-blend-mode: normal; }

.full-recruitB-container .recruitB-list .job-title.cur { color: #ffffff;  background-image: url(recruitBarrac.png);  }

.full-recruitB-container .recruitB-list .job-title.cur::after { opacity: 1; }

.full-recruitB-container .recruitB-list .job-panel { display: none; padding: 10px 15px; font-size: 14px; line-height: 24px; color: #666666;  background-color: #f2f2f2;  }

.full-recruitB-container .recruitB-list .job-panel .h4 { padding: 12px 0 0; font-weight: bold; line-height: 30px; color: #333333;  }

.full-recruitB-container .recruitB-list .main-top { padding-bottom: 10px; line-height: 26px; border-bottom: 1px solid #cccccc;  color: #4c4c4c;  }

.full-recruitB-container .recruitB-list .main-top .join-salary { color: #1492ff; }

.full-recruitB-container .recruitB-list .job-handle { padding: 10px 0; }



@media (min-width: 1024px) { .full-recruitB-container .recruitB-list .job-title { padding: 18px 40px; }
  .full-recruitB-container .recruitB-list .job-panel { padding: 25px 40px 38px; font-size: 16px; line-height: 30px; }
  .full-recruitB-container .recruitB-list .job-panel .h4 { padding: 22px 0 0; }
  .full-recruitB-container .recruitB-list .main-top { padding-bottom: 20px; }
  .full-recruitB-container .recruitB-list .main-top p { float: left; width: 30%; font-size: 16px; line-height: 32px; }
  .full-recruitB-container .recruitB-list .job-handle { padding: 35px 0 0; overflow: hidden; zoom: 1; }
  .full-recruitB-container .loadmore { padding: 40px 0 10px;  }
  .full-recruitB-container .loadmore a { line-height: 50px; } }


/*自定义---黄广裕 s*/
/*自定义---黄广裕 e*/

#ie-alert-overlay { width: 100%; height: 100%; background: url(bg.png) repeat 0 0; position: fixed; top: 0; left: 0; z-index: 9999; }

* html #ie-alert-overlay { position: absolute; z-index: 9999; }

#ie-alert-panel { width: 520px; height: 331px; position: fixed; background: url(iealertsprite.png) no-repeat; background-position: -1px -109px; top: 50%; left: 50%; margin: -201px 0 0 -296px; padding: 72px 0 0 72px; _position: absolute; _top: expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; color: #333; line-height: 1.5em; z-index: 10000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel div, #ie-alert-panel p, #ie-alert-panel span, #ie-alert-panel a, #ie-alert-panel img, #ie-alert-panel ul, #ie-alert-panel li { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel p { font-size: 14px; width: 486px; text-align: justify; }

#ie-alert-panel img { border: 0; }

#ie-alert-panel span { font-size: 18px; margin: 0 0 20px 0; display: block; padding: 0; }

#ie-alert-panel ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }

#ie-alert-panel li { float: left; margin: 0 22px 0 0; }

#ie-alert-panel li.last { margin-right: 0; }

#ie-alert-panel a { display: inline-block; vertical-align: top; }

#goon { text-decoration: underline; }

.browser { position: absolute; bottom: 35px; }

.chrome, .firefox, .ie9, .opera, .safari { background: url(iealertsprite.png) no-repeat; }

.chrome { background-position: 0 0; width: 73px; height: 96px; margin: 0 4px 0 0; }

.firefox { background-position: -292px 0; width: 73px; height: 98px; }

.ie9 { background-position: -179px 0; width: 95px; height: 98px; }

.opera { background-position: -90px 0; width: 73px; height: 98px; }

.safari { background-position: -387px 0; width: 73px; height: 98px; margin: 0 4px 0 0; }



.full-searchA-wrapper .search-hd { border-bottom: 1px solid #d6d6d6;  }

.full-searchA-wrapper .search-form { padding: 20px 0; }

.full-searchA-wrapper .search-form form { position: relative; display: block; width: 100%; max-width: 520px; margin: 0 auto; padding-right: 80px; border: 1px solid #2b74eb;  -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }

.full-searchA-wrapper .search-form input { display: block; width: 100%; font-size: 14px; line-height: 38px; height: 38px; }

.full-searchA-wrapper .search-form input[type='text'] { padding-left: 36px; background-repeat: no-repeat; background-position: 12px center; background-size: auto 16px; background-image: url(searchAico.png);  }

.full-searchA-wrapper .search-form input[type='submit'] { position: absolute; right: 0; top: 0; z-index: 3; width: 80px; padding: 0 20px; color: #fff;  background-color: #2b74eb;  }

.full-searchA-wrapper .search-cate ul { margin-bottom: -1px; white-space: nowrap; overflow-x: auto; }

.full-searchA-wrapper .search-cate li { display: inline-block; vertical-align: top; margin-right: 10px; }

.full-searchA-wrapper .search-cate a { display: block; font-size: 14px; line-height: 30px; padding: 0 5px; border-bottom: 1px solid #d6d6d6;  }

.full-searchA-wrapper .search-cate .cur a { border-bottom-color: #2b74eb;  }

.full-searchA-wrapper .search-result { padding-bottom: 30px; }

.full-searchA-wrapper .search-result .length { padding: 10px 0; }

.full-searchA-wrapper .search-result .nodata { padding: 20px 0; }

.full-searchA-wrapper .result-list li { padding: 10px 0; border-bottom: 1px solid #ccc;  }

.full-searchA-wrapper .result-list li a { display: block; }

.full-searchA-wrapper .result-list .thumb { float: left; width: 135px; margin-right: 10px; }

.full-searchA-wrapper .result-list .thumb img { max-width: 100%; }

.full-searchA-wrapper .result-list .content { overflow: hidden; }

.full-searchA-wrapper .result-list .content h2 { font-size: 16px; line-height: 24px; max-height: 48px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333;  }

.full-searchA-wrapper .result-list .desc { font-size: 14px; line-height: 24px; max-height: 48px; line-height: 24px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666;  }

.full-searchA-wrapper .result-list .more { font-size: 14px; line-height: 24px; }

.full-searchA-wrapper .loadmore { overflow: hidden; padding: 10px 0; }

.full-searchA-wrapper .loadmore a { display: block; padding: 0; margin: 0; font-size: 16px; line-height: 40px; text-align: center; color: #ffffff;  background-color: #cd002b;  }

.full-searchA-wrapper mark { color: #fff;  background-color: #cd002b;  }

@media (min-width: 640px) { .full-searchA-wrapper .search-form { padding: 30px 0; }
  .full-searchA-wrapper .result-list li { padding: 15px 0; }
  .full-searchA-wrapper .result-list .thumb { width: 180px; }
  .full-searchA-wrapper .result-list .loadmore { padding: 20px 0; } }

@media (min-width: 1024px) { .full-searchA-wrapper .search-form { padding: 40px 0;  }
  .full-searchA-wrapper .commonweb { max-width: 960px; }
  .full-searchA-wrapper .loadmore { padding: 40px 0;  }
  .full-searchA-wrapper .loadmore a { line-height: 50px; }
  .full-searchA-wrapper .result-list a .content h2 { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .full-searchA-wrapper .result-list a:hover .content h2 { color: #2b74eb; }
  .full-searchA-wrapper .result-list li { padding: 20px 0;  }
  .full-searchA-wrapper .result-list .content h2 { margin-bottom: 10px; font-weight: bold; }
  .full-searchA-wrapper .result-list .thumb { width: 280px;  margin-right: 30px;  }
  .full-searchA-wrapper .search-result { padding-bottom: 60px; } }

@media (min-width: 1260px) { .full-searchA-wrapper .search-result { padding-bottom: 100px; } }

/*20200527修改*/
@media (min-width: 1024px) {
    .nav-swiper li:hover .subnav a {
        color: #fff;
        opacity: .5;
    }
    .nav-swiper li .subnav a:hover {
        color: #fff;
        opacity: 1;
    }
}
/*20200528修改*/
.inbanner-item .allImgBox {
    position: relative;
}
.inbanner-item .allImgBox::before {
    content: '';
    display: block;
    padding-bottom: 46.875%;
}
.inbanner-item .allImgBox img {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
    min-height: 100%;
}
.innews-views .innews-r .innews-info-view .innews-info br {
    display: none;
}
.inbanner-item.has-video .allImgBox video {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
}
@keyframes anima1 {
    0% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-20%);
        -o-transform: translateY(-20%);
        transform: translateY(-20%);
    }
}
.inpro-pic-item {
    position: relative;
}
.inpro-l-pic .inpro-pic01 {
    position: absolute;
    left: 0;
    width: 62.13235%;
    bottom: 14.38202%;
    z-index: 2;
}
.inpro-l-pic .inpro-pic02 {
    position: absolute;
    left: 45.40441%;
    width: 21.50735%;
    bottom: 38.8764%;
    z-index: 1;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-name: anima1;
    -o-animation-name: anima1;
    animation-name: anima1;
}
.inpro-l-pic .inpro-pic03 {
    position: absolute;
    left: 45.03676%;
    width: 22.05882%;
    top: 22.47191%;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-name: anima1;
    -o-animation-name: anima1;
    animation-name: anima1;
}
.inpro-l-pic .inpro-pic04 {
    position: absolute;
    right: 8.27206%;
    width: 25%;
    bottom: 28.08989%;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-name: anima1;
    -o-animation-name: anima1;
    animation-name: anima1;
    -webkit-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.incase-sw-item h2 a {
    color: #fff;
}
.h-add-btn {
    text-align: center;
    margin-top: 15px;
}
.h-add-btn a {
    text-align: left;
}
@media (min-width: 1024px) {
    .inbanner-item.has-video .allImgBox img {
        opacity: 0;
    }
    .inbanner-item.has-video .allImgBox video {
        display: block;
    }
    .inbanner .scroll-icon {
        transform: translateY(120%);
        transition: all .3s;
    }
    .inbanner:hover .scroll-icon{
        transform: translateY(0);
    }
}
/*20200604修改*/
@media (min-width: 1024px) {
    .headfixed {
        border: none;
    }
}
/*20200605修改*/
.inpro-swiper {
    position: relative;
}
@keyframes bigTosmall {
    0% {
        transform:translate(-50%,-50%) scale(0);
    }
    100% {
        transform:translate(-50%,-50%) scale(1);
    }
}
.theme-desc-swiper .swiper-slide {
    position: relative;
}
.theme-desc-swiper .swiper-slide::after {
    content: '';
    display: block;
    padding-bottom: 40.79804%;
}
.theme-desc-swiper .swiper-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    min-width: 100%;
    height: 100%;
}
.inpro-l-pic .inpro-pic01 {
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-name: anima1;
    -o-animation-name: anima1;
    animation-name: anima1;
    -webkit-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.inpro-views .inpro-l-pic img {
    -webkit-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
}
.inpro-views .inpro-l-pic img.active {
    -webkit-animation-name: anima1;
    -o-animation-name: anima1;
    animation-name: anima1;
}
.inpro-rbg span {

    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100px;
    position: absolute;
}
.inpro-rbg span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 200%;
    height: 200%;
    background: rgba(43,116,235,7%);
    border-radius: 100%;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-name: bigTosmall;
    -o-animation-name: bigTosmall;
    animation-name: bigTosmall;
    -webkit-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.inpro-rbg .inpro-pg1 {
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
}
.inpro-rbg .cl1 {
    background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%);
    background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%);
    background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%);
    background-blend-mode: normal;
}
.inpro-rbg .cl2 {
    background: red;
}
.inpro-rbg .cl3 {
    background: green;
}
.inpro-rbg .cl4 {
    background: greenyellow;
}
.inpro-rbg .inpro-pg2 {
    top: 50%;
    right: -7px;
    transform: translateY(-50%) scale(0.6);
}
.inpro-rbg .inpro-pg3 {
    top: 50%;
    left: -7px;
    transform: translateY(-50%) scale(0.6);
}
.inpro-l-title {
    transform: translateY(35px);
}
.inpro-page {
    line-height: 1;
    font-size: 0;
    text-align: center;
    padding: 10px 0;
}
.inpro-page span {
    width: 10px;
    height: 3px;
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    margin: 0 4px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: #2b74eb;
    opacity: 0.5;
    cursor: pointer;
}
.inpro-page .swiper-pagination-bullet-active {
    width: 40px;
    opacity: 1;
}
.theme-pic-swiper .swiper-slide,
.suzyvrinnov-iview .swiper-slide{
    position: relative;
    overflow: hidden;
}
.theme-pic-swiper .swiper-slide::after {
    content: '';
    display: block;
    padding-bottom: 41.82291%;
}
.theme-pic-swiper .swiper-slide img,
.suzyvrinnov-iview .swiper-slide img{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    min-width: 100%;
    width: auto;
    transform: translate(-50%,-50%);
}
.suzyvrinnov-iview .swiper-slide::after {
    content: '';
    display: block;
    padding-bottom: 37.1875%;
}
@media (min-width: 1024px) {
    .inbanner-item .allImgBox {
        height: 100vh;
    }
    .inbanner-item .allImgBox::before {
        display: none;
    }
    .inbanner-item .allImgBox img {
        height: 100%;
        width: auto;
        min-width: 100%;
    }
    .inbanner-item.has-video .allImgBox video {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
    }
    .incase-sw-item .icon img {
        cursor: pointer;
    }
    .inpro-rbg span {
        width: 18px;
        height: 18px;
    }
    .inpro-rbg .inpro-pg2 {
        right: -8px;
    }
    .inpro-rbg .inpro-pg3 {
        left: -8px;
    }
    .inpro-l-title {
        transform: translateY(45px);
    }
    .inbanner {
        overflow: hidden;
    }
    .inpro-page {
        display: none;
    }
    .inpro-area {
        padding-bottom: 20px;
    }
    .inpro-swiper-view {
        padding: 0 10px;
        overflow: hidden;
        padding-bottom: 60px;
    }
    .incase {
        background-size: cover;
    }
    .theme-desc-swiper .swiper-slide:hover img {
        transform: translate(-50%,-50%) scale(1.03);
    }
    .inpro-area {
        position: relative;
    }
    .inpro-prev, .inpro-next {
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.54);
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
        -webkit-border-radius: 100%;
        border-radius: 100%;

        cursor: pointer;
        overflow: hidden;
        box-shadow: 0 0 10px -3px rgba(0,0,0,.2);
    }
    .inpro-prev::before, .inpro-next::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        -o-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
        width: 12px;
        height: 12px;
        margin-left: 2px;
        border-left: solid 2px #666;
        border-bottom: solid 2px #666;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .inpro-prev::after, .inpro-next::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background-image: -webkit-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%);
        background-image: -o-linear-gradient(162deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%);
        background-image: linear-gradient(-72deg, #00e9ff 0%, #00c2f7 29%, #00a2ff 49%, #4166ff 75%, #3401dc 100%);
        background-blend-mode: normal;
    }
    .inpro-prev {
        left: 40px;
    }
    .inpro-next {
        right: 40px;
        -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        -o-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }
    .inpro-prev:hover::after, .inpro-next:hover::after {
         opacity: 1;
     }
    .inpro-prev:hover::before, .inpro-next:hover::before {
        border-color: #fff;
    }
    .inpro-content-list .desc {
        padding-right: 10px;
        overflow-y: auto;
    }
    .inpro-content-list .desc::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background-color: #efefef;
    }
    .inpro-content-list .desc::-webkit-scrollbar-thumb {
         -webkit-border-radius: 2px;
         border-radius: 2px;
         -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
         background-color: #aaa;
     }
    .inpro-content-list .desc::-webkit-scrollbar {
        width: 2px;
        height: 8px;
        background-color: #efefef;
    }
}
@media (min-width: 1260px) {
    header .commonweb1600 {
        padding: 0 40px;
    }
    nav li {
        padding: 0 15px;
    }
    .wrap-line {
        transform: translateX(15px);
    }
    nav .head-subnav {
        background: #fff;
        padding: 0;
    }
    nav .head-subnav a {
        color: #1561DE;
    }
    nav h3 a {
        font-size: 15px;
    }
    nav .head-subnav a:hover {
        background: #1561DE;
        color: #fff;
    }
    .inpro-area {
        padding-bottom: 80px;
    }
    .inpro-prev, .inpro-next {
        width: 50px;
        height: 50px;
    }
}
@media (min-width: 1460px) {
    nav li {
        padding: 0 18px;
    }
    nav h3 a {
        font-size: 17px;
    }
    .inpro-prev {
        left: 80px;
    }
    .inpro-next {
        right: 80px;
    }
    .inpro-area {
        padding-bottom: 96px;
    }
}
@media (min-width: 1660px) {
    header .commonweb1600 {
        padding: 0;z
    }
}
/*20200608修改*/
.inpro-swiper .swiper-slide.ps54 .bg-img {
    width: 127.2%;
}
.inpro-swiper .swiper-slide.ps54 .inpro-pic01 {
    width: 32.23364%;
    left: 31.5%;
    top: 36%;
}
.inpro-swiper .swiper-slide.ps54 .inpro-pic02 {
    width: 19.48491%;
    top: 9%;
    left: 47%;
}
.inpro-swiper .swiper-slide.ps54 .inpro-pic03 {
    width: 36.10413%;
    left: 64%;
    top: 21%;
}
.inpro-swiper .swiper-slide.ps54 .inpro-pic04 {
    width: 37.7757%;
    top: 49.8%;
    left: 87%;
    z-index: 2;
}
.inpro-swiper .swiper-slide.ps55 .inpro-pic01 {
    width: 41.01497%;
    top: 18%;
    left: 28%;
}
.inpro-swiper .swiper-slide.ps55 .inpro-pic02 {
    width: 17.38935%;
    top: 60%;
    left: 20%;
    z-index: 3;
}
.inpro-swiper .swiper-slide.ps55 .inpro-pic03 {
    width: 17.72379%;
    left: 45%;
    top: 57%;
    z-index: 3;
}
.inpro-swiper .swiper-slide.ps55 .inpro-pic04 {
    width: 16%;
    left: 17%;
    top: 46.5%;
}
.incase-sw-item p a {
    color: #fff;
}

/*20200609修改*/
.incase-video-img{
    position: relative;
}
.incase-video-img::after {
    content: '';
    display: block;
    padding-bottom: 56.33333%;
}
.suzyinconcase-img::before {
    content: '';
    display: block;
    padding-bottom: 68.18181%;
}
.incase-video-img img,
.suzyinconcase-img img{
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
    min-height: 100%;
}
.suzyinconcase-view .swiper-slide:hover .suzyinconcase-imgc {
    transform: translate(-50%,-50%) scale(1.05);
}
@media (min-width: 1024px) {
    .incase-sw-item:hover .incase-video-img img {
        transform: translate(-50%,-50%) scale(1.03);
    }
    .suzycase-listul li:hover .suzyinconcase-imgc {
        transform: translate(-50%,-50%) scale(1.05);
    }
}

/*20200630修改*/
/*.inbanner-item .allImgBox {
    background: green;
}*/
.inpro-area .incase-tab {
    margin-top: 18px;
}
.inpro-area .incase-tabx {
    margin-top: 18px;
}
.apply-r .pic-item {
    position: relative;
    overflow: hidden;
}
.apply-r .pic-item::after {
    content: '';
    display: block;
    padding-bottom: 43.33635%;
}
.apply-r .pic-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    min-width: 100%;
    height: 100%;
}
a.hgy-pause {
    display: none;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.suzyvrpro-twoimg a.hgy-pause {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    /*display: block;*/
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
}
.hgy-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: rgba(0,0,0,.2);
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    z-index: 3;
    display: none;
}
.hgy-close img {
    width: 12px;
}
.newsdetail-article .single-page img,
.newsdetail-article .single-page video {
    max-width: 100%;
}

@media (max-width: 1024px) {
    .suzyvrpro-twotext .suzyvrpro-twoplay,
    .suzyvrpro-twotext .hgy-pause {
        display: none !important;
    }
}
@media (min-width: 1024px) {
    .inpro-area .incase-tab {
        margin-top: 30px;
    }   
    .inpro-area .incase-tabx {
        margin-top: 30px;
    }
    .apply-r .pic-item:hover img {
        transform: translate(-50%,-50%) scale(1.03);
    }
    .videobox2,#videobox1 {
        height: 400px;
        width: 700px;
    }
    .suzyvrpro-twoimg a.suzyvrpro-twoplay,
    .suzyvrpro-twoimg a.hgy-pause{
        display: none !important;
    }
    .hgy-close {
        width: 48px;
        height: 48px;
        line-height: 48px;
        top: 5%;
        right: 2%;
    }
    .hgy-close img {
        width: 22px;
    }
}
@media (min-width: 1260px) {
    .inpro-area .incase-tab {
        margin-top: 50px;
    }
    .inpro-area .incase-tabx {
        margin-top: 50px;
    }
}
@media (min-width: 1460px) {
    .videobox2,#videobox1 {
        height: 600px;
        width: 1000px;
    }
}
/*20200701修改*/
.inbanner-item {
    display: block;
}
.inbanner-item .allImgBox .pc-banner {
    display: none;
}
.inbanner-item .allImgBox .mob-banner {
    position: static;
    width: 100%;
    max-width: 100%;
    height: auto;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
}
/*.inbanner {*/
/*    background: green;*/
/*}*/
@media (max-width: 1024px) {
    .inbanner-item .allImgBox::before {
        display: none;
    }

}
@media (min-width: 1024px) {
    .inbanner-item .allImgBox .pc-banner {
        display: block;
    }
    .inbanner-item .allImgBox .mob-banner {
        display: none;
    }
}

/*20200710修改*/
.news-list .pic {
  position: relative;
  overflow: hidden;
}
.news-list .pic::after {
  content: '';
  display: block;
  padding-bottom: 66.8%;
}
.news-list .pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  width: auto;
  height: 100%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
@media (min-width: 1024px) {
  .news-list li:hover img {
    -webkit-transform: translate(-50%,-50%) scale(1.03);
    -ms-transform: translate(-50%,-50%) scale(1.03);
    -o-transform: translate(-50%,-50%) scale(1.03);
    transform: translate(-50%,-50%) scale(1.03);
  }
}

/*20200714修改*/
.related-list .pic {
  position: relative;
  overflow: hidden;
}
.related-list .pic::after {
  content: '';
  display: block;
  padding-bottom: 58.82352%;
}
.related-list .pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  min-width: 100%;
  width: auto;
  height: 100%;
}

/*20200721 s*/
.inbanner-swiper {
  background: #000;
}

@media(max-width: 768px){
	.videobox2{
		height: 57%;
	}
}

#newBridge{
	z-index: 3!important;
}
/* ::::: https://www.hsszdmt.com/dist/css/animate.min.css ::::: */

.fadeInLeft { animation-name: fadeInLeft; }
.fadeInRight { animation-name: fadeInRight; }
.fadeInUp { animation-name: fadeInUp; }
.animated { animation-duration: 1s; animation-fill-mode: both; }
@media not all, not all {
	.animated { animation-duration: 1ms ! important; transition-duration: 1ms ! important; animation-iteration-count: 1 ! important; }
}


@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}

/* ::::: https://www.hsszdmt.com/dist/css/aliplayer-min.css ::::: */

.prism-player .prism-setting-selector ul li.current::before { content: ""; display: inline-block; line-height: 0; border-width: 5px 0px 5px 5px; border-style: solid; border-color: transparent transparent transparent rgb(48, 173, 242); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; margin-top: 5px; padding-right: 5px; }
:-moz-full-screen { width: 100% ! important; height: 100% ! important; }
:-moz-full-screen { width: 100% ! important; height: 100% ! important; }

.prism-player .prism-big-play-btn{background:url(bigplay.png) no-repeat;background-size:contain;width:64px;height:64px}.prism-player .prism-big-play-btn .outter{border:7px solid rgba(255,255,255,.51);width:64px;height:64px;border-radius:100%;position:absolute;box-sizing:border-box;top:0;left:0}.prism-player .prism-big-play-btn:hover{cursor:pointer}.prism-player .prism-play-btn{width:24px;height:24px;background:url(smallplay.png) no-repeat;background-size:contain}.prism-player .prism-play-btn:hover{cursor:pointer}.prism-player .prism-live-display{font-size:12px;color:#ebecec;line-height:44px;text-align:center;margin:0}.prism-player .live-shift-display:hover{cursor:pointer;font-size:14px}.prism-player .prism-play-btn.playing{background:url(smallpause.png) no-repeat;background-size:contain}.prism-player .prism-play-btn.playing:hover{cursor:pointer}.prism-player .prism-fullscreen-btn{width:24px;height:24px;background:url(fullscreen.png) no-repeat;background-size:contain}.prism-player .prism-fullscreen-btn:hover{cursor:pointer}.prism-player .prism-fullscreen-btn.fullscreen{background:url(smallscreen.png) no-repeat;background-size:contain}.prism-player .prism-fullscreen-btn.fullscreen:hover{animation:hoverAnimationScale 1s 1;-moz-animation:hoverAnimationScale 1s 1;-webkit-animation:hoverAnimationScale 1s 1;-o-animation:hoverAnimationScale 1s 1;cursor:pointer}.prism-player .prism-volume{position:relative}.prism-player .prism-volume .volume-icon{width:28px;height:28px;background:url(volume.png);background-size:contain}.prism-player .prism-volume .volume-icon .long-horizontal{width:3px;background:#ebecec;height:18px;position:absolute;right:5px;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.prism-player .prism-volume .volume-icon .short-horizontal{width:3px;background:#ebecec;height:8px;position:absolute;right:10px;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.prism-player .prism-volume .volume-icon:hover{-ms-transform-origin:0 50%;transform-origin:0 50%;background-size:contain;cursor:pointer}.prism-player .prism-volume .mute .long-horizontal{-ms-transform:rotate(-45deg);transform:rotate(-45deg);height:12px;top:10px;left:22px}.prism-player .prism-volume .mute .short-horizontal{-ms-transform:rotate(45deg);transform:rotate(45deg);height:12px;top:10px;left:22px}.prism-player .prism-volume-control{position:absolute;bottom:44px;display:none;background:rgba(60,60,60,.95);box-shadow:0 0 6px 0 rgba(0,0,0,.1);width:32px;height:130px;z-index:10000}.prism-player .prism-volume-control .volume-control-icon{width:32px;height:32px;background:url(unmutevolume.png) no-repeat;background-size:contain}.prism-player .prism-volume-control .volume-control-icon:hover{cursor:pointer;background:url(volumehover.png) no-repeat;background-size:contain}.prism-player .prism-volume-control .volume-control-icon.mute{background:url(volumemute.png) no-repeat;background-size:contain}.prism-player .prism-volume-control .volume-control-icon.mute:hover{background:url(volumemutehover.png) no-repeat;background-size:contain;cursor:pointer}.prism-player .prism-volume-control:hover{cursor:pointer}.prism-player .prism-volume-control .volume-control-icon{position:absolute;bottom:6px;left:8px;width:26px;height:26px}.prism-player .prism-volume-control .volume-range{position:absolute;left:14px;bottom:10px;border-radius:1px;background:#6c6262;box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.06);width:4px;height:100px}.prism-player .prism-volume-control .volume-value{width:100%;height:0%;background:#30adf2;position:absolute;border-radius:1px;bottom:0}.prism-player .prism-volume-control .volume-cursor{position:absolute;bottom:0;background:#fff;width:15px;height:15px;border-radius:15px;left:-6px}.prism-player .prism-volume-control .volume-cursor:hover{background:#00c1de}.prism-player .prism-animation{width:64px;height:64px;border-radius:64px;opacity:0;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.prism-player .prism-play-animation{background:url(playanimation.png) no-repeat;background-size:contain}.prism-player .prism-pause-animation{background:url(pauseanimation.png) no-repeat;background-size:contain}.prism-player .play-apply-animation{animation:prismplayanimation 1s 1;-moz-animation:prismplayanimation 1s 1;-webkit-animation:prismplayanimation 1s 1;-o-animation:prismplayanimation 1s 1;animation-fill-mode:both}@keyframes prismplayanimation{0%{width:32px;height:32px;border-radius:32px;opacity:0}50%{width:32px;height:32px;border-radius:32px;opacity:1}99%{width:76px;height:76px;border-radius:76px;opacity:0}100%{width:0;height:0}}@keyframes spinoffPulse{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg)}}@keyframes hoverAnimationRotate{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}50%{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}100%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}}@keyframes hoverAnimationScale{0%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}}@keyframes hoverAnimationScaleX{0%{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1)}50%{transform:scaleX(1.2);-webkit-transform:scaleX(1.2);-moz-transform:scaleX(1.2)}100%{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1)}}@keyframes hoverVolumeAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.volume-hover-animation{animation:hoverVolumeAnimation .3s 1;-moz-animation:hoverVolumeAnimation .3s 1;-webkit-animation:hoverVolumeAnimation .3s 1;-o-animation:hoverVolumeAnimation .3s 1}@keyframes hoverPlayButtonAnimation{0%{width:63px;height:63px;border:7px solid #fff}60%{width:90px;height:90px;border:7px solid rgba(255,255,255,.51)}100%{width:97px;height:97px;border:14px solid rgba(255,255,255,0)}}@keyframes warn{0%{transform:scale(1);opacity:0}25%{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.3}75%{transform:scale(1.5);opacity:.5}100%{transform:scale(2);opacity:0}}.big-playbtn-hover-animation{animation:warn 1s ease-out;-moz-animation:warn 1s ease-out;-webkit-animation:warn 1s ease-out;-o-animation:warn 1s ease-out}.big-playbtn-hover-animation1{animation:hoverPlayButtonAnimation 1s 1;-moz-animation:hoverPlayButtonAnimation 1s 1;-webkit-animation:hoverPlayButtonAnimation 1s 1;-o-animation:hoverPlayButtonAnimation 1s 1}.prism-player{background-color:#000;position:relative}.prism-player a{text-decoration:none}.prism-player video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform-origin:center;-moz-transform-origin:center;-webkit-transform-origin:center;-o-transform-origin:center}.prism-player .x5-full-screen{object-fit:fill;object-position:50% 50%}.prism-player .x5-top-left{object-fit:contain;object-position:0 0}.prism-player .prism-cover{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;position:absolute;top:0;left:0;z-index:11}.prism-player .prism-ErrorMessage{width:100%;height:100%;background-color:#000;background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;z-index:99;top:0;left:0;overflow:hidden;display:none}.prism-player .prism-ErrorMessage .prism-error-content{margin-top:20px;padding:0 5px}.prism-player .prism-ErrorMessage .prism-error-content p{text-align:center;font-size:12px;color:#fff}.prism-player .prism-ErrorMessage .prism-error-operation{margin-top:10px;margin-bottom:10px;padding-bottom:5px;border-bottom:1.5px;border-bottom-color:rgba(255,255,255,.15);border-bottom-style:dotted;text-align:center}.prism-player .prism-ErrorMessage .prism-error-operation a{width:80px;height:32px;line-height:32px;vertical-align:top;display:inline-block;margin-left:10px}.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh{color:#21c5e0;border:solid 1px #21c5e0}.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:hover{color:#05d3f5;border-color:#05d3f5;cursor:pointer}.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:active{color:#026a7b;border-color:#026a7b}.prism-player .prism-ErrorMessage .prism-error-operation .prism-button-orange:visited{color:#05d3f5}.prism-player .prism-ErrorMessage .prism-detect-info{color:#fff;font-size:10px}.prism-player .prism-ErrorMessage .prism-detect-info p{padding:0 5px;word-break:break-all;margin:0 0 4px}.prism-player .prism-ErrorMessage .prism-detect-info span.info-label{display:inline-block;font-weight:700}.prism-player .prism-ErrorMessage .prism-detect-info span.info-content{color:gray}.prism-player .prism-big-play-btn{display:none;z-index:1000}.prism-player .prism-controlbar{width:100%;height:44px;position:relative;z-index:10;font-size:14px}.prism-player .prism-controlbar .prism-controlbar-bg{background:rgba(75,75,75,.15);width:100%;height:40px;position:absolute;bottom:0;left:0;z-index:-1}.prism-player .prism-time-display{height:40px;line-height:40px;color:#a4aab3;font-size:12px}.prism-player .prism-time-display .current-time{color:#fff}.prism-player .prism-live-time-display{height:44px;line-height:44px;color:#a4aab3;font-size:12px}.prism-player .prism-live-time-display span{display:inline}.prism-player .prism-live-time-display .live-text{margin-left:5px;font-size:12px;color:#ebecec}.prism-player .prism-live-time-display .current-time{color:#fff}.prism-player .prism-fullscreen-btn:hover{animation:hoverAnimationScale 1s 1;-moz-animation:hoverAnimationScale 1s 1;-webkit-animation:hoverAnimationScale 1s 1;-o-animation:hoverAnimationScale 1s 1}.prism-player .prism-liveshift-progress,.prism-player .prism-progress{bottom:40px!important;width:100%;height:4px;background:rgba(195,197,198,.5);box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.06);position:relative;cursor:pointer}.prism-player .prism-liveshift-progress .prism-progress-time,.prism-player .prism-progress .prism-progress-time{position:absolute;top:-25px;background:rgba(0,0,0,.8);box-shadow:0 0 5px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.1);color:#fff;font-size:14px;border-radius:7.5px;padding:0 6px 0 6px;text-align:center;white-space:nowrap}.prism-player .prism-liveshift-progress .prism-progress-loaded,.prism-player .prism-progress .prism-progress-loaded{position:absolute;top:0;left:0;width:0;height:100%;background:#c3c5c6}.prism-player .prism-liveshift-progress .prism-progress-played,.prism-player .prism-progress .prism-progress-played{position:absolute;top:0;left:0;width:0;height:100%;background-color:#00c1de}.prism-player .prism-liveshift-progress .prism-progress-cursor,.prism-player .prism-progress .prism-progress-cursor{position:absolute;border-radius:8px;top:-5px;width:16px;height:16px;overflow:hidden;box-sizing:content-box;background:url(dragcursorhover.png) center;display:none}.prism-player .prism-liveshift-progress .prism-progress-cursor img,.prism-player .prism-progress .prism-progress-cursor img{width:14px;height:14px;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.prism-player .prism-liveshift-progress .cursor-hover,.prism-player .prism-progress .cursor-hover{border-radius:9px;width:18px;height:18px;top:-5px!important}.prism-player .prism-liveshift-progress .cursor-hover img,.prism-player .prism-progress .cursor-hover img{width:16px;height:16px}.prism-player .prism-liveshift-progress .prism-progress-marker,.prism-player .prism-progress .prism-progress-marker{width:100%;height:100%;position:absolute}.prism-player .prism-liveshift-progress .prism-progress-marker .prism-marker-dot,.prism-player .prism-progress .prism-progress-marker .prism-marker-dot{position:absolute;background:#d9edf7;width:5px;height:100%;border-radius:20%}.prism-player .prism-progress-hover{cursor:pointer;height:6px;transition:height .1s}.prism-player .prism-progress-hover .prism-marker-dot{width:10px;height:80%;top:8%;border-radius:30%}.prism-player .prism-progress-hover .prism-progress-cursor{top:-4px}.prism-player .prism-liveshift-progress{background:0 0}.prism-player .prism-liveshift-progress .prism-enable-liveshift{cursor:pointer;position:absolute;background:#fff;height:4px}.prism-player .prism-liveshift-progress .prism-enable-liveshift:hover{height:6px;transition:height .1s}.prism-player .prism-liveshift-progress .prism-liveshift-seperator{height:15px;position:absolute;right:0;top:-8px;color:#fff;margin-right:5px;margin-left:5px;right:-65px}.prism-player .prism-marker-text{padding:5px;background:rgba(0,0,0,.8);position:absolute;max-width:180px;max-height:100px;bottom:50px;color:#fff;border-radius:3px;z-index:9999;display:none;overflow:auto}.prism-player .prism-marker-text p{text-align:center;word-break:break-all;margin:0;font-size:12px}.prism-player .prism-loading{width:55px;height:55px;z-index:10}.prism-player .prism-loading .circle{background-color:rgba(0,0,0,0);border:5px solid;border-color:rgba(0,193,222,.2) rgba(0,193,222,.5) rgba(0,193,222,.7) rgba(0,193,222,.1);opacity:.9;border-radius:50px;width:45px;height:45px;margin:0 auto;-moz-animation:spinoffPulse .9s infinite linear;-webkit-animation:spinoffPulse .9s infinite linear}.prism-player .prism-hide{display:none}.prism-player .prism-snapshot-btn{width:32px;height:32px;background:url(snapshot.png) no-repeat;background-size:contain}.prism-player .prism-snapshot-btn:hover{animation:hoverAnimationScale 1s 1;-moz-animation:hoverAnimationScale 1s 1;-webkit-animation:hoverAnimationScale 1s 1;-o-animation:hoverAnimationScale 1s 1;cursor:pointer}.prism-player .prism-snapshot-btn:active{displa:block}.prism-player .prism-info-display{width:100%;color:#fff;font-size:18px;text-align:center;top:50%;position:absolute;z-index:900;height:44px;line-height:28px;font-size:16px;padding:10px 12px 10px 12px}.prism-player .prism-info-display span{color:#00c1de}.prism-player .prism-info-left-bottom{width:auto!important;top:auto!important;bottom:70px;left:20px!important;text-align:left}.prism-player .prism-info-top-center{width:auto!important;top:20px!important;left:50%!important;text-align:left!important;-ms-transform:translateX(-50%)!important;transform:translateX(-50%)!important;color:red!important}.prism-player .prism-info-black{color:#000!important}.prism-player .prism-auto-stream-selector{position:absolute;bottom:50%;width:100%;margin:auto;color:#efeff4;display:none}.prism-player .prism-auto-stream-selector p.tip-text{text-align:center}.prism-player .prism-auto-stream-selector .operators{width:100px;margin:auto}.prism-player .prism-button-cancel{font-size:16px;border:1px #ffffffa8 solid;padding:2px 5px 2px 5px;color:#ffffffa8;margin-left:5px;background:#503f3f3d}.prism-player .prism-button-ok{font-size:16px;border:1px #fff solid;padding:2px 5px 2px 5px;color:#fff;background:#503f3f63}.prism-player .prism-button-cancel:hover,.prism-player .prism-button-ok:hover{color:#f5f5f5}.prism-player .prism-cc-btn{height:24px;width:24px;background:url(cc.png) center no-repeat;background-size:contain}.prism-player .prism-cc-btn:hover{cursor:pointer;animation:hoverAnimationScale 1s 1;-moz-animation:hoverAnimationScale 1s 1;-webkit-animation:hoverAnimationScale 1s 1;-o-animation:hoverAnimationScale 1s 1}.prism-player .prism-setting-btn{height:24px;width:24px;background:url(setting.png) center no-repeat;background-size:contain}.prism-player .prism-setting-btn:hover{cursor:pointer;animation:hoverAnimationRotate 1s 1;-moz-animation:hoverAnimationRotate 1s 1;-webkit-animation:hoverAnimationRotate 1s 1;-o-animation:hoverAnimationRotate 1s 1}.prism-player .prism-setting-list{background:rgba(60,60,60,.95);width:220px;position:absolute;right:14px;bottom:45px;display:none;z-index:10000;text-align:left}.prism-player .prism-setting-list .prism-setting-item{font-size:14px;color:#ebecec;height:30px}.prism-player .prism-setting-list .prism-setting-item .setting-content{width:100%}.prism-player .prism-setting-list .prism-setting-item .setting-content:hover{background:rgba(216,216,216,.1);cursor:pointer}.prism-player .prism-setting-list .prism-setting-item .setting-content span{line-height:30px}.prism-player .prism-setting-list .prism-setting-item .setting-content .setting-title{margin-left:15px}.prism-player .prism-setting-list .prism-setting-item .setting-content .current-setting{float:right}.prism-player .prism-setting-list .prism-setting-item .array{display:inline-block;border-right:2px solid;border-bottom:2px solid;border-color:#fff;width:8px;height:8px;-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:10px;margin-top:10px;margin-left:10px;float:right}.prism-player .prism-setting-selector{right:40px;position:absolute;bottom:45px;width:150px;background:rgba(60,60,60,.95);font-size:14px;color:#ebecec;display:none;z-index:10000;text-align:left}.prism-player .prism-setting-selector .header{background:#242424;width:150px;height:30px}.prism-player .prism-setting-selector .header:hover{cursor:pointer}.prism-player .prism-setting-selector .header .left-array{display:inline-block;border-left:2px solid;border-bottom:2px solid;border-color:#fff;width:8px;height:8px;-ms-transform:rotate(45deg);transform:rotate(45deg);margin-right:6px;margin-top:12px;margin-left:16px;float:left}.prism-player .prism-setting-selector .header span{line-height:30px}.prism-player .prism-setting-selector ul{list-style-type:none;padding-left:0;max-height:150px;overflow-y:auto;padding-left:16px;margin-top:5px}.prism-player .prism-setting-selector ul li{height:28px;padding-left:10px}.prism-player .prism-setting-selector ul li.current{color:#30adf2;padding-left:0}.prism-player .prism-setting-selector ul li.current:before{content:"";display:inline-block;line-height:0;border:5px solid transparent;border-left-color:#30adf2;border-right-width:0;margin-top:5px;padding-right:5px}.prism-player .prism-setting-selector ul li:hover{background:rgba(216,216,216,.1);cursor:pointer}.prism-player .prism-setting-selector ul span{line-height:28px}.prism-player .prism-thumbnail{border:1px solid rgba(0,0,0,.8);width:174px;height:98px;position:absolute;bottom:50px;display:none}.prism-player .prism-thumbnail .none{border:none}.prism-player .prism-thumbnail span{font-size:12px;color:#fff;line-height:20px;background:rgba(0,0,0,.8);text-align:center;text-shadow:1px 1px 4px #373d41;padding-left:5px;padding-right:5px;display:inline-block;position:absolute;bottom:0;left:33%}.prism-player .prism-tooltip{background:#3c3c3c;box-shadow:0 0 5px 0 rgba(0,0,0,.1);height:28px;margin:0;padding-left:5px;padding-right:5px;padding-top:0;padding-bottom:0;position:absolute;bottom:50px;color:#fff;line-height:28px;font-size:10px;white-space:nowrap;display:none}:-webkit-full-screen{width:100%!important;height:100%!important}:-moz-full-screen{width:100%!important;height:100%!important}:-ms-full-screen{width:100%!important;height:100%!important}:-ms-fullscreen{width:100%!important;height:100%!important}:-webkit-full-screen{width:100%!important;height:100%!important}:-moz-full-screen{width:100%!important;height:100%!important}:fullscreen{width:100%!important;height:100%!important}body.prism-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.prism-fullscreen{position:fixed;overflow:hidden;z-index:99999;left:0!important;top:0!important;bottom:0!important;right:0!important;width:100%!important;height:100%!important;position:absolute}.prism-button{cursor:pointer;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.3);border-radius:.5em;box-shadow:0 1px 2px rgba(0,0,0,.2)}.prism-button-orange{color:#a56117;border:solid 1px #a56117}.prism-button-retry{color:#f2dede;border:solid 1px #f2dede}.prism-button-orange:hover{color:#d67400;border-color:#d67400}.prism-button-orange:active{color:#d67400;border-color:#d67400}.prism-button-orange:visited{color:#d67400}.prism-button-retry:hover{color:#fcf8e3;border-color:#fcf8e3}.prism-button-retry:active{color:#fcf8e3;border-color:#fcf8e3}.prism-button-retry:visited{color:#fcf8e3}.prism-center{position:absolute;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}.prism-width90{width:90%}.prism-stream-selector{font-size:16px;position:relative;line-height:32px}.prism-stream-selector .current-stream-selector{text-align:center;width:70px;display:none;color:#efeff4}.prism-stream-selector .current-stream-selector:hover{cursor:pointer;color:#00c1de}.prism-stream-selector .stream-selector-tip{color:#fff;text-align:center;padding:2px 5px 2px 5px;display:none;position:absolute;bottom:61.5px;white-space:nowrap;left:43%;font-size:18px}.prism-stream-selector .stream-selector-list{position:absolute;bottom:32px;background:rgba(0,0,0,.5);color:#efeff4;padding:5px 5px 0 5px;width:70px;margin:0;display:none}.prism-stream-selector .stream-selector-list li{list-style-type:none;text-align:center;white-space:nowrap;padding:0 2px 0 2px;line-height:24px}.prism-stream-selector .stream-selector-list li:last-child{margin-bottom:10px}.prism-stream-selector .stream-selector-list li.current{color:#00c1de}.prism-stream-selector .stream-selector-list li span.current{color:#00c1de}.prism-stream-selector .stream-selector-list li:hover{cursor:pointer;color:#00c1de}.prism-speed-selector{font-size:16px;position:relative;line-height:32px}.prism-speed-selector .current-speed-selector{color:#efeff4;text-align:center;width:60px}.prism-speed-selector .current-speed-selector:hover{cursor:pointer;color:#00c1de}.prism-speed-selector .speed-selector-list{position:absolute;bottom:32px;background:rgba(0,0,0,.5);color:#efeff4;padding:5px 5px 0 5px;display:none;margin:0}.prism-speed-selector .speed-selector-list li{list-style-type:none;text-align:center;white-space:nowrap;padding:0 2px 0 2px;line-height:24px}.prism-speed-selector .speed-selector-list li:last-child{margin-bottom:10px}.prism-speed-selector .speed-selector-list li.current{color:#00c1de}.prism-speed-selector .speed-selector-list li span.current{color:#00c1de}.prism-speed-selector .speed-selector-list li:hover{cursor:pointer;color:#00c1de}.prism-ai-container{position:absolute;overflow:hidden}.prism-ai-container .prism-ai-marking{font-size:12px;position:absolute}.prism-ai-container .prism-ai-marking[vh=large]{font-size:18px}.prism-ai-container .prism-ai-marking[vh=middle]{font-size:16px}.prism-ai-container .prism-ai-marking .prism-ai-rect-region{position:relative;display:inline-block}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title{height:0;-ms-transform:translateY(-40px);transform:translateY(-40px)}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title p{background:#ff1d00;text-align:center;width:100%;color:#fff;word-break:keep-all;margin:10px 0 0 0}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title .top-left-anchor{width:5px;height:5px;border-top-color:red;border-top-style:solid;border-left-color:red;border-left-style:solid;border-width:1px;-ms-transform:translate(-5px,10px);transform:translate(-5px,10px)}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title .top-right-anchor{width:5px;height:5px;border-top-color:red;border-top-style:solid;border-right-color:red;border-right-style:solid;border-width:1px;-ms-transform:translate(5px,5px);transform:translate(5px,5px);float:right}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect{border-style:solid;border-color:#ff1d00;border-width:1px;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;color:rgba(255,29,0,.3);background:rgba(255,29,0,.1)}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-slash-container{overflow:hidden;width:100%;height:100%;position:absolute}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-slash{content:"";display:block;box-sizing:border-box;border-top-width:1px;border-top-style:solid;height:10px;margin-top:15px;border-bottom-width:1px;border-bottom-style:solid;transform:rotateZ(-45deg) scaleX(2);-ms-transform-origin:bottom center;transform-origin:bottom center}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-top-slash{margin-top:-10px!important}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .anchor-plug{position:absolute}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .top-left{top:-7px;left:-2px}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .top-right{top:-7px;right:-2px}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .bottom-left{bottom:-8px;left:-2px}.prism-ai-container .prism-ai-marking .prism-ai-rect-region .bottom-right{bottom:-8px;right:-2px}.prism-ai-container .prism-ai-marking .prism-ai-labels{color:#fff;float:right;background:rgba(0,0,0,.4);padding-top:5px;padding-bottom:5px}.prism-ai-container .prism-ai-marking .prism-ai-labels p{text-align:left;padding-left:5px;padding-right:5px;margin:0}.prism-ai-container .prism-ai-marking .prism-ai-labels a{padding-left:5px;padding-right:5px}.prism-ai-container .prism-ai-marking .prism-ai-labels p[vh=large]{padding-left:25px;padding-right:25px}.prism-ai-container .prism-ai-marking .prism-ai-labels p[vh=middle]{padding-left:15px;padding-right:15px}video::-webkit-media-text-track-container{overflow:visible!important}video::cue{line-height:1.7}.disabled{pointer-events:none;color:gray}.center{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

/* ::::: https://www.hsszdmt.com/dist/js/laydate/theme/default/laydate.css?v=5.0.9 ::::: */

html #layuicss-laydate { display: none; position: absolute; width: 1989px; }
.laydate-day-mark::after { position: absolute; content: ""; right: 2px; top: 2px; width: 5px; height: 5px; border-radius: 50%; }
.laydate-day-mark::after { background-color: rgb(95, 184, 120); }
.layui-laydate-content td.layui-this .laydate-day-mark::after { display: none; }
@font-face {
	font-family: "laydate-icon";
	src: url('/2022/iconfont.eot') format("embedded-opentype"), url('/2022/iconfont.svg') format("svg"), url('/2022/iconfont.woff') format("woff"), url('/2022/iconfont.ttf') format("truetype");
}
/* ::::: https://www.hsszdmt.com/dist/js/layer/theme/default/layer.css?v=3.1.1 ::::: */

html #layuicss-layer { display: none; position: absolute; width: 1989px; }
@media screen and (max-width: 1100px) {
}
a.bshareDiv, #bsPanel, #bsMorePanel, #bshareF { border: medium none; background: transparent none repeat scroll 0% 0%; padding: 0px; margin: 0px; font: 12px/14px Helvetica,Calibri,Tahoma,Arial,宋体,sans-serif; }
#bsPanel div, #bsMorePanel div, #bshareF div { display: block; }
div.buzzButton { cursor: pointer; font-weight: bold; }
.bsBox { display: none; z-index: 100000001; font-size: 12px; background: transparent url('/2022/background-opaque-dark.gif') repeat scroll 0% 0% ! important; padding: 6px ! important; border-radius: 5px; }
.bsClose { cursor: pointer; position: absolute; z-index: 10000000; color: rgb(102, 102, 102); font-weight: bold; font-family: Helvetica,Arial; font-size: 14px; line-height: 20px; }
.bsTop { color: rgb(102, 102, 102); background: rgb(242, 242, 242) none repeat scroll 0% 0%; height: 24px; line-height: 24px; border-bottom: 1px solid rgb(232, 232, 232); }
.bsTop span { float: left; }
.bsFrameDiv, #bsMorePanel { border: medium none; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.bsReturn { float: right; margin-right: 36px; text-align: right; cursor: pointer; line-height: 24px; color: rgb(102, 102, 102); opacity: 0.5; }
.bshare-custom { font-size: 13px; line-height: 16px ! important; }
.bshare-custom a { padding-left: 19px; height: 16px; text-decoration: none; display: none; vertical-align: middle; cursor: pointer; color: rgb(51, 51, 51); margin-right: 3px; opacity: 1; }
.bshare-custom a:hover { text-decoration: underline; opacity: 0.75; }
.bshare-custom .bshare-more { padding-left: 0px ! important; color: rgb(51, 51, 51) ! important; display: inline-block; }
.bshare-custom .bshare-sinaminiblog { background: transparent url('/2022/top_logos_sprite.png') no-repeat scroll 0px -270px; display: inline-block; }
.bshare-custom .bshare-qqim { background: transparent url('/2022/qqim_001.png') no-repeat scroll 0% 0%; display: inline-block; }
.bshare-custom .bshare-weixin { background: transparent url('/2022/weixin.png') no-repeat scroll 0% 0%; display: inline-block; }
.bshare-custom #bshare-more-icon, .bshare-custom .bshare-more-icon { background: transparent url('/2022/more.png') no-repeat scroll 0% 0%; padding-left: 19px ! important; }
.bshare-custom .bshare-more.more-style-addthis { background: transparent url('/2022/more-style-addthis.png') no-repeat scroll 0% 0%; }
/* ::::: https://sgoutong.baidu.com/embed/1643181113/asset/embed/css/pc/main.css ::::: */

#newBridge, #nbInviteWrapper, #nbWebImLightContainer { color: rgb(0, 0, 0); font-style: normal; font-weight: normal; letter-spacing: normal; word-spacing: normal; white-space: normal; }
#newBridge, #nbInviteWrapper, #nbWebImLightContainer, #newBridge ins, #nbInviteWrapper ins, #nbWebImLightContainer ins, #newBridge a, #nbInviteWrapper a, #nbWebImLightContainer a, #newBridge div, #nbInviteWrapper div, #nbWebImLightContainer div, #newBridge p, #nbInviteWrapper p, #nbWebImLightContainer p, #newBridge em, #nbInviteWrapper em, #nbWebImLightContainer em, #newBridge b, #nbInviteWrapper b, #nbWebImLightContainer b, #newBridge dd, #nbInviteWrapper dd, #nbWebImLightContainer dd, #newBridge dl, #nbInviteWrapper dl, #nbWebImLightContainer dl, #newBridge ul, #nbInviteWrapper ul, #nbWebImLightContainer ul, #newBridge li, #nbInviteWrapper li, #nbWebImLightContainer li, #newBridge i, #nbInviteWrapper i, #nbWebImLightContainer i, #newBridge h1, #nbInviteWrapper h1, #nbWebImLightContainer h1, #newBridge h2, #nbInviteWrapper h2, #nbWebImLightContainer h2, #newBridge h3, #nbInviteWrapper h3, #nbWebImLightContainer h3, #newBridge h4, #nbInviteWrapper h4, #nbWebImLightContainer h4, #newBridge h5, #nbInviteWrapper h5, #nbWebImLightContainer h5, #newBridge span, #nbInviteWrapper span, #nbWebImLightContainer span, #newBridge table, #nbInviteWrapper table, #nbWebImLightContainer table, #newBridge td, #nbInviteWrapper td, #nbWebImLightContainer td, #newBridge tr, #nbInviteWrapper tr, #nbWebImLightContainer tr, #newBridge tbody, #nbInviteWrapper tbody, #nbWebImLightContainer tbody, #newBridge thead, #nbInviteWrapper thead, #nbWebImLightContainer thead, #newBridge strong, #nbInviteWrapper strong, #nbWebImLightContainer strong, #newBridge u, #nbInviteWrapper u, #nbWebImLightContainer u, #newBridge img, #nbInviteWrapper img, #nbWebImLightContainer img, #newBridge font, #nbInviteWrapper font, #nbWebImLightContainer font, #newBridge select, #nbInviteWrapper select, #nbWebImLightContainer select, #newBridge option, #nbInviteWrapper option, #nbWebImLightContainer option, #newBridge input, #nbInviteWrapper input, #nbWebImLightContainer input, #newBridge form, #nbInviteWrapper form, #nbWebImLightContainer form, #newBridge textarea, #nbInviteWrapper textarea, #nbWebImLightContainer textarea { width: auto; height: auto; margin: 0px; padding: 0px; background: transparent none repeat scroll 0px 0px; border: medium none; direction: ltr; letter-spacing: inherit; line-height: normal; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; white-space: inherit; word-spacing: normal; font-size: 12px; font-family: inherit; font-size-adjust: none; font-stretch: normal; font-style: inherit; font-variant: normal; font-weight: inherit; visibility: visible; overflow: visible; list-style: outside none none; float: none; clear: none; display: block; position: static; top: auto; left: auto; box-sizing: content-box; }
#newBridge .nb-invite-wrap p { color: inherit; font-size: inherit; }
#newBridge .nb-invite-wrap { color: rgb(0, 0, 0); z-index: 2; }
#newBridge .nb-invite-wrap .nb-invite-text { position: absolute; top: 44px; left: 128px; right: 26px; font-size: 13px; color: rgb(255, 255, 255); }
#newBridge .nb-invite-body { position: relative; overflow: hidden; }
#newBridge .nb-invite-wrap-base { background: transparent none no-repeat scroll 0% 0%; border-radius: 3px; overflow: hidden; }
#newBridge .nb-invite-wrap-base .nb-invite-tool-base { width: 18px; height: 18px; position: absolute; right: 8px; top: 8px; left: auto; bottom: auto; cursor: pointer; background: transparent url('/2022/close.png') no-repeat scroll 0% 0%; }
#newBridge .nb-invite-wrap-base .nb-invite-text-base .nb-invite-welcome-base, #newBridge .nb-invite-wrap-base .nb-invite-text-base p { margin: 0px; font-size: 13pt; color: rgb(255, 255, 255); word-break: break-all; }
#newBridge .nb-invite-wrap-base .nb-invite-btn-base { position: absolute; bottom: 12px; right: 12px; top: auto; left: auto; }
#newBridge .nb-invite-wrap-base .nb-invite-access-box .nb-invite-access-btn-box::after { content: ""; clear: both; visibility: hidden; height: 0px; display: block; width: 0px; }
#newBridge .nb-invite-wrap-base .nb-invite-access-box .nb-invite-access-btn-box .nb-invite-access-btn-right .nb-invite-access-btn + label::before { content: " "; position: absolute; top: 0px; left: 0px; width: 34px; height: 13px; border-radius: 15px; background-color: rgb(184, 184, 184); transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1) 0s; }
#newBridge .nb-invite-wrap-base .nb-invite-access-box .nb-invite-access-btn-box .nb-invite-access-btn-right .nb-invite-access-btn + label::after { content: " "; position: absolute; top: 0px; left: 0px; width: 13px; height: 13px; border-radius: 15px; background-color: rgb(255, 255, 255); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35) 0s; }
#newBridge .nb-invite-wrap-base .nb-invite-access-box .nb-invite-access-btn-box .nb-invite-access-btn-right .nb-invite-access-btn:checked + label::before { transform: scale(0); }
#newBridge .nb-invite-wrap-base .nb-invite-access-box .nb-invite-access-btn-box .nb-invite-access-btn-right .nb-invite-access-btn:checked + label::after { transform: translateX(20px); }
#newBridge .nb-invite-wrap-base .nb-invite-access-box .nb-invite-access-close::after { content: ""; border-width: 6px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; position: absolute; left: 41px; top: 6px; }
#newBridge .nb-invite-wrap-base .nb-invite-access-box .nb-invite-access-close::before { content: ""; border-width: 6px; border-style: solid; border-color: transparent transparent rgb(0, 0, 0); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; position: absolute; left: 41px; top: 5px; }
#newBridge .nb-invite-wrap-base .nb-invite-cancel-base { display: inline-block; width: 80px; height: 32px; line-height: 32px; text-align: center; border: 1px solid rgb(255, 255, 255); border-radius: 5px; cursor: pointer; font-size: 13px; color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); }
#newBridge .nb-invite-wrap-base .nb-invite-ok-base { display: inline-block; width: 80px; height: 32px; line-height: 32px; text-align: center; border: 1px solid rgb(255, 255, 255); border-radius: 5px; cursor: pointer; font-size: 13px; color: rgb(0, 133, 218); margin-left: 8px; }
#newBridge .nb-position-base { position: fixed; }
#newBridge .nb-middle { top: 50%; left: 50%; bottom: auto; right: auto; margin: -80px 0px 0px -230px; }
#newBridge .nb-invite-skin-9 { display: block; background: rgb(69, 135, 232) url('/2022/inviteback9.png') no-repeat scroll 0% 0%; }
#newBridge .nb-invite-skin-9 .nb-invite-ok { color: rgb(69, 135, 232); background-color: rgb(255, 255, 255); }
#newBridge .nb-invite-skin-9 .nb-invite-cancel { color: rgb(255, 255, 255); background-color: transparent; }
#newBridge .nb-icon-base { position: fixed; cursor: pointer; border-radius: 5px; }
#newBridge .nb-icon-base .nb-icon-inner-wrap { position: relative; border-radius: 5px; overflow: hidden; }
#newBridge .nb-icon-base .nb-icon-bridge-base { display: block; height: 45px; width: 130px; position: absolute; top: 50%; left: 50%; margin-left: -65px; margin-top: -20px; background-repeat: no-repeat; background-position: center center; overflow: hidden; }
#newBridge .nb-icon-group { border-radius: 0px; }
#newBridge .nb-icon-group .nb-icon-groups { position: relative; overflow: hidden; }
#newBridge .nb-icon-group .nb-icon-groups-item { cursor: pointer; margin: 10px; border-radius: 16px; }
#newBridge .nb-icon-group .nb-clearfix {  }
#newBridge .nb-icon-group .nb-clearfix::after { content: ""; display: block; height: 0px; line-height: 0; clear: both; visibility: hidden; }
#newBridge .nb-icon-group .nb-group-icon { width: 31px; height: 31px; display: inline-block; vertical-align: middle; float: left; }
#newBridge .nb-icon-group .nb-group-text { height: 31px; line-height: 31px; vertical-align: middle; margin-left: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#newBridge .nb-icon-skin-0 .nb-icon-bridge0 { height: 50px; width: 140px; margin-left: -68px; margin-top: -25px; background: transparent url('/2022/iconword0.png') no-repeat scroll 0% 0%; }
#newBridge .nb-icon-skin-0 .nb-icon-inner-wrap { background-color: rgb(0, 174, 243); }
#newBridge .nb-icon-skin-0 .nb-icon-inner-wrap .nb-icon-bridge-base { background: transparent url('/2022/iconword0.png') no-repeat scroll 0% 0%; }
#newBridge .nb-icon-skin-0 .nb-icon-groups { background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 174, 243); }
#newBridge .nb-icon-skin-0 .nb-icon-groups-item { background-color: rgb(214, 243, 255); border: 1px solid rgb(0, 174, 243); }
#newBridge .nb-icon-skin-0 .nb-icon-groups-item .nb-group-text { color: rgb(0, 142, 223); }
#newBridge .nb-icon-skin-0 .nb-icon-groups-item .nb-group-icon { background-image: url('/2022/icongroup0.png'); }
#newBridge .nb-icon-groups { border-top: 0px none ! important; }
#newBridge .nb-icon-group .nb-icon-groups {  }
#newBridge .nodeName { background: rgb(255, 255, 255) url('/2022/user.png') no-repeat scroll 9px center; }
#newBridge .nodePhone { background: rgb(255, 255, 255) url('/2022/nodephone.png') no-repeat scroll 9px center; }
#newBridge .nodeAddress { background: rgb(255, 255, 255) url('/2022/nodelocation.png') no-repeat scroll 9px center; }
#newBridge .nodeMail { background: rgb(255, 255, 255) url('/2022/nodemail.png') no-repeat scroll 9px center; }
#newBridge .nb-nodeboard-base { height: auto; width: 240px; border-radius: 8px; z-index: 3; box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.4); }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base { color: rgb(0, 0, 0); border-radius: 8px; background-color: rgb(255, 255, 255); }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-nodeboard-top { height: 46px; line-height: 46px; font-size: 14px; background-color: rgb(78, 110, 242); border-top-left-radius: 5px; border-top-right-radius: 5px; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-head-title { float: left; font-size: 14px; color: rgb(255, 255, 255); margin-left: 12px; line-height: 46px; padding-left: 2px; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-nodeboard-close { display: inline-block; float: right; height: 46px; width: 34px; cursor: pointer; background: transparent url('/2022/nodemin.png') no-repeat scroll 0px center / 50% auto; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-board-form { display: inline; background-color: rgb(237, 237, 237); }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-board-form .nb-nodeboard-set {  }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-board-form .nb-nodeboard-content { position: relative; width: 216px; margin: 8px auto; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-board-form .nb-nodeboard-set-content { width: 192px; height: 58px; margin: 12px auto 7px; padding: 10px 12px; resize: none; overflow: hidden; border: 1px solid rgb(220, 223, 230); background-color: rgb(255, 255, 255); text-align: left; outline: 0px none; border-radius: 4px; font-size: 12px; line-height: 18px; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-board-form .nb-nodeboard-name { height: 33px; width: 215px; line-height: 32px; margin: 8px auto 0px; border: 1px solid rgb(220, 223, 230); position: relative; background-color: rgb(255, 255, 255); border-radius: 4px; font-size: 14px; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-board-form .nb-nodeboard-icon { width: 35px; height: 32px; display: inline-block; text-align: center; background-color: rgb(255, 255, 255); vertical-align: top; border-right: 1px solid rgb(255, 255, 255); border-radius: 4px 0px 0px 4px; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-board-form .nb-nodeboard-input { margin: 0px; width: 172px; height: 32px; line-height: 32px; border: medium none; display: inline-block; outline: 0px none; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-nodeboard-success { display: none; height: 270px; background-color: rgb(237, 237, 237); }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-success-box { width: 120px; position: absolute; top: 50%; left: 50%; margin-left: -60px; margin-top: -55px; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-success-icon { height: 72px; width: 80px; margin: 0px auto; background: transparent url('/2022/bridge.png') no-repeat scroll center center; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-success-title { color: rgb(51, 51, 51); font-size: 14px; text-align: center; margin-top: 10px; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-success-content { color: rgb(51, 51, 51); text-align: center; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-sucess-close { height: 30px; width: 90px; color: rgb(255, 255, 255); margin: 20px auto 0px; background-color: rgb(78, 110, 242); text-align: center; line-height: 32px; cursor: pointer; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-nodeboard-send { width: 218px; margin: 12px auto 0px 10px; padding-bottom: 12px; overflow: hidden; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-nodeboard-send-btn { height: 32px; width: 64px; line-height: 32px; text-align: center; border-radius: 4px; font-size: 12px; color: rgb(255, 255, 255); cursor: pointer; float: right; background-color: rgb(78, 110, 242); }
#newBridge .nb-nodeboard-position-base { position: fixed; }
#newBridge .nb-nodeboard-left-bottom { left: 20px; bottom: 10px; top: auto; right: auto; }
#newBridge .nb-nodeboard-base .nb-nodeboard-contain-base .nb-nodeboard-top-9 { background-color: rgb(70, 134, 232) ! important; }
#newBridge .nb-nodeboard-base .nb-nodeboard-send .nb-nodeboard-send-btn-9 { background-color: rgb(70, 134, 232); }
#newBridge ins { display: block; text-decoration: none; }
.new-bridge.nb-comp-popper.form .nb-comp-form-item-wrapper .select-picker-search-checked::after, .new-bridge.nb-comp-popper.form .nb-comp-form-item-wrapper .select-picker-search-checked::before { border-width: 5px; border-style: solid; border-color: rgb(192, 196, 204) transparent transparent; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; width: 0px; height: 0px; position: absolute; top: 17px; right: 0px; content: " "; }
.new-bridge.nb-comp-popper.form .nb-comp-form-item-wrapper .select-picker-search-checked::before { border-top-color: rgb(255, 255, 255); top: 15px; z-index: 10; }
.new-bridge.nb-comp-popper.form .nb-comp-form-item-wrapper .mark-checked::before, .new-bridge.nb-comp-popper.form .nb-comp-form-item-wrapper .mark-checked::after { content: ""; height: 10px; width: 2px; border-radius: 10px; display: block; background: white none repeat scroll 0% 0%; position: absolute; top: 4px; left: 10px; transform: rotate(45deg); }
.new-bridge.nb-comp-popper.form .nb-comp-form-item-wrapper .mark-checked::before { height: 6px; transform: rotate(-45deg); position: absolute; top: 7px; left: 5px; }
.new-bridge.nb-comp-popper.form .nb-comp-form-item-wrapper .bform-required::before { content: "*"; color: rgb(230, 69, 82); margin-right: 4px; }
.newBridge-tooltip .popper__arrow, .newBridge-tooltip .popper__arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; }
.newBridge-tooltip .popper__arrow::after { content: " "; border-width: 6px; position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; }
.newBridge-tooltip[x-placement^="top"] .popper__arrow::after { bottom: 1px; margin-left: -6px; border-top-color: rgb(255, 255, 255); border-bottom-width: 0px; }
.newBridge-tooltip[x-placement^="bottom"] .popper__arrow::after { top: 1px; margin-left: -6px; border-top-width: 0px; border-bottom-color: rgb(255, 255, 255); }
.newBridge-tooltip[x-placement^="right"] .popper__arrow::after { bottom: -6px; left: 1px; border-right-color: rgb(255, 255, 255); border-left-width: 0px; }
.newBridge-tooltip[x-placement^="left"] .popper__arrow::after { right: 1px; bottom: -6px; margin-left: -6px; border-right-width: 0px; border-left-color: rgb(255, 255, 255); }
#newBridge { font-family: Arial,Helvetica,"Microsoft YaHei",sans-serif; position: fixed; z-index: 2147483647; }
#newBridge .nb-hide { display: none; }
#newBridge .nb-show { display: block; }
*::-moz-placeholder { color: rgb(176, 180, 187); opacity: 1; font-size: 12px; }
div.bsClear { clear: both; height: 0px; line-height: 0; overflow: hidden; font-size: 0px; }
.bsLogoLink:hover { text-decoration: underline; }
.bshare-custom { font-size: 13px; line-height: 16px ! important; }
.bshare-custom a { padding-left: 19px; height: 16px; text-decoration: none; display: none; vertical-align: middle; cursor: pointer; color: rgb(51, 51, 51); margin-right: 3px; opacity: 1; }
.bshare-custom a:hover { text-decoration: underline; opacity: 0.75; }
.bshare-custom .bshare-more { padding-left: 0px ! important; color: rgb(51, 51, 51) ! important; display: inline-block; }
.bshare-custom .bshare-sinaminiblog { background: transparent url('/2022/top_logos_sprite.png') no-repeat scroll 0px -270px; display: inline-block; }
.bshare-custom .bshare-qqim { background: transparent url('/2022/qqim_001.png') no-repeat scroll 0% 0%; display: inline-block; }
.bshare-custom .bshare-weixin { background: transparent url('/2022/weixin.png') no-repeat scroll 0% 0%; display: inline-block; }
.bshare-custom #bshare-more-icon, .bshare-custom .bshare-more-icon { background: transparent url('/2022/more.png') no-repeat scroll 0% 0%; padding-left: 19px ! important; }
.bshare-custom .bshare-more.more-style-addthis { background: transparent url('/2022/more-style-addthis.png') no-repeat scroll 0% 0%; }
a.bsSiteLink { text-decoration: none; color: rgb(102, 102, 102); }
a.bsSiteLink:hover { text-decoration: underline; }
div.bsTitle { padding: 0px 8px; border-bottom: 1px solid rgb(232, 232, 232); color: rgb(102, 102, 102); background: rgb(242, 242, 242) none repeat scroll 0% 0%; text-align: left; }
div.buzzButton { cursor: pointer; }
div.bsRlogo, div.bsRlogoSel { width: 68px; float: left; margin: 0px; padding: 2px 0px; }
div.bsRlogo a, div.bsRlogoSel a { float: left; }
div.bsLogo, div.bsLogoSel { float: left; width: 111px; text-align: left; height: auto; padding: 2px 4px; margin: 2px 0px; white-space: nowrap; overflow: hidden; }
div.bsLogo, div.bsRlogo { border: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
div.bsLogo a, div.bsLogoSel a { display: block; height: 16px; line-height: 16px; padding: 0px 0px 0px 24px; text-decoration: none; float: left; overflow: hidden; }
div.bsLogo a, div.bsRlogo a { color: rgb(102, 102, 102); border: medium none; }
div.bsLogoLink { width: 121px; overflow: hidden; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: left; margin: 3px 0px; }
#bsPanel { position: absolute; z-index: 100000000; font-size: 12px; width: 258px; background: transparent url('/2022/background-opaque-dark.png') repeat scroll 0% 0%; padding: 6px; border-radius: 5px; }
div.bsClear { clear: both; height: 0px; line-height: 0; font-size: 0px; overflow: hidden; }
a.bsSiteLink { text-decoration: none; color: rgb(102, 102, 102); }
a.bsSiteLink:hover { text-decoration: underline; }
div.bsTitle { padding: 0px 8px; border-bottom: 1px solid rgb(232, 232, 232); color: rgb(102, 102, 102); background: rgb(242, 242, 242) none repeat scroll 0% 0%; text-align: left; }
div.buzzButton { cursor: pointer; }
div.bsRlogo, div.bsRlogoSel { width: 68px; float: left; margin: 0px; padding: 2px 0px; }
div.bsRlogo a, div.bsRlogoSel a { float: left; }
div.bsLogo, div.bsLogoSel { float: left; width: 111px; text-align: left; height: auto; padding: 2px 4px; margin: 2px 0px; white-space: nowrap; overflow: hidden; }
div.bsLogo, div.bsRlogo { border: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
div.bsLogo a, div.bsLogoSel a { display: block; height: 16px; line-height: 16px; padding: 0px 0px 0px 24px; text-decoration: none; float: left; overflow: hidden; }
div.bsLogo a, div.bsRlogo a { color: rgb(102, 102, 102); border: medium none; }
div.bsLogoLink { width: 121px; overflow: hidden; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: left; margin: 3px 0px; }
#bsPanel { position: absolute; z-index: 100000000; font-size: 12px; width: 258px; background: transparent url('/2022/background-opaque-dark.png') repeat scroll 0% 0%; padding: 6px; border-radius: 5px; }
div.bsClear { clear: both; height: 0px; line-height: 0; font-size: 0px; overflow: hidden; }
a.bsSiteLink { text-decoration: none; color: rgb(102, 102, 102); }
a.bsSiteLink:hover { text-decoration: underline; }
div.bsTitle { padding: 0px 8px; border-bottom: 1px solid rgb(232, 232, 232); color: rgb(102, 102, 102); background: rgb(242, 242, 242) none repeat scroll 0% 0%; text-align: left; }
div.buzzButton { cursor: pointer; }
div.bsRlogo, div.bsRlogoSel { width: 68px; float: left; margin: 0px; padding: 2px 0px; }
div.bsRlogo a, div.bsRlogoSel a { float: left; }
div.bsLogo, div.bsLogoSel { float: left; width: 111px; text-align: left; height: auto; padding: 2px 4px; margin: 2px 0px; white-space: nowrap; overflow: hidden; }
div.bsLogo, div.bsRlogo { border: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
div.bsLogo a, div.bsLogoSel a { display: block; height: 16px; line-height: 16px; padding: 0px 0px 0px 24px; text-decoration: none; float: left; overflow: hidden; }
div.bsLogo a, div.bsRlogo a { color: rgb(102, 102, 102); border: medium none; }
div.bsLogoLink { width: 121px; overflow: hidden; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: left; margin: 3px 0px; }
#bsPanel { position: absolute; z-index: 100000000; font-size: 12px; width: 258px; background: transparent url('/2022/background-opaque-dark.png') repeat scroll 0% 0%; padding: 6px; border-radius: 5px; }
div.bsClear { clear: both; height: 0px; line-height: 0; font-size: 0px; overflow: hidden; }