/* ::::: 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: rgb(0, 0, 0) none repeat scroll 0% 0%; position: absolute; left: 50%; transform: translateX(-50%); transition: all 0.3s ease-in 0s; }
.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:nth-child(2) { opacity: 0; }
html { cursor: pointer; }
body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0px; padding: 0px; border: 0px none; }
h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; font-weight: normal; }
body, button, input, select, textarea { font: 14px/1.5 Arial,"PingFang SC","Microsoft YaHei",sans-serif; color: rgb(51, 51, 51); }
ul, li { list-style: outside none none; }
img { border: 0px none; vertical-align: middle; }
*, *::after, *::before { box-sizing: border-box; background-repeat: no-repeat; }
article, aside, footer, header, nav, section { display: block; }
a { background-color: transparent; text-decoration: none; color: rgb(51, 51, 51); outline: medium 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, textarea, select { outline: medium none; }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], button, select, textarea { outline-style: none; resize: none; border: medium none; border-radius: 0px; }
textarea { overflow: auto; vertical-align: top; }
.clearfix::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; }
.clearfix {  }
.fl { float: left; }
.fr { float: right; }
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform, -o-transform; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: rgb(0, 0, 0) none repeat scroll 0% 0%; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet-active { opacity: 1; background: rgb(0, 122, 255) none repeat scroll 0% 0%; }
.model-video { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; display: none; }
.videobox2 { position: absolute; top: 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 0px 0px; z-index: 9; }
.close-video-btn::after { content: ""; position: absolute; top: 10px; width: 20px; height: 2px; background-color: rgb(255, 255, 255); transform: rotate(45deg); }
.close-video-btn::before { content: ""; position: absolute; top: 10px; width: 20px; height: 2px; background-color: rgb(255, 255, 255); transform: rotate(-45deg); }
.top-banner { position: relative; overflow: hidden; }
.top-banner img { height: 180px; width: auto; position: relative; left: 50%; transform: translateX(-50%); }
.top-banner-container { position: relative; }
.top-banner-container .word { position: absolute; top: 50%; left: 0px; width: 100%; transform: translateY(-50%); text-align: center; font-size: 20px; color: rgb(255, 255, 255); letter-spacing: 1px; line-height: 1.3; }
.top-nav-btn::after { content: ""; position: absolute; top: 14px; width: 8px; height: 8px; border-left: 2px solid rgb(255, 255, 255); border-bottom: 2px solid rgb(255, 255, 255); transform: rotate(-45deg); margin-left: 7px; }
.allImgBox { overflow: hidden; }
.allImgBox img { width: 100%; }
.public-title2 h4::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 60px; height: 2px; background-image: linear-gradient(-72deg, rgb(0, 233, 255) 0%, rgb(0, 194, 247) 29%, rgb(0, 162, 255) 49%, rgb(65, 102, 255) 75%, rgb(52, 1, 220) 100%); background-blend-mode: normal; }
.public-title-3::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 50px; height: 1px; background-color: rgb(153, 153, 153); }
.certificate-item::after { content: ""; display: block; padding-bottom: 69.7674%; }
.public-more a::before { content: ""; position: absolute; left: 20px; top: 50%; transform: translateY(-50%) rotate(-45deg); width: 10px; height: 10px; margin-top: -2px; border-left: 2px solid rgb(255, 255, 255); border-bottom: 2px solid rgb(255, 255, 255); }
.public-more2 a::after { content: ""; position: absolute; top: 50%; transform: translate(5px, -50%) rotate(-45deg); width: 4px; height: 4px; border-right: 1px solid rgb(43, 116, 235); border-bottom: 1px solid rgb(43, 116, 235); }
.publicSidebar { position: fixed; top: 50%; z-index: 9; right: 0px; display: none; transform: translateY(-50%); }
.publicSidebar ul { box-shadow: -5px 5px 40px 0px rgba(144, 144, 144, 0.18); border-radius: 2px; }
.publicSidebar .item { position: relative; }
.publicSidebar .item::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: linear-gradient(-72deg, rgb(0, 233, 255) 0%, rgb(0, 194, 247) 29%, rgb(0, 162, 255) 49%, rgb(65, 102, 255) 75%, rgb(52, 1, 220) 100%); background-blend-mode: normal; z-index: -1; }
.publicSidebar .tel-box { display: none; }
.publicSidebar .code-box { position: absolute; right: 55px; top: 0px; opacity: 0; transition: all 0.3s ease 0s; pointer-events: none; }
.publicSidebar .code-box img { width: 80px; height: 80px; }
.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: rgb(255, 255, 255); text-align: center; background-size: 18px auto; background-position: center center; background-repeat: no-repeat; position: relative; background-color: rgb(255, 255, 255); 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::after { content: ""; position: absolute; transform: translate(-13px, -2px); width: 15px; height: 15px; background: transparent url('ptitle5.png') no-repeat scroll center center / 15px auto; }
.public-title-5 span::before { content: ""; position: absolute; bottom: 2px; left: 1px; width: 10px; height: 10px; z-index: -1; box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); background-image: linear-gradient(-72deg, rgb(0, 233, 255) 0%, rgb(0, 194, 247) 29%, rgb(0, 162, 255) 49%, rgb(65, 102, 255) 75%, rgb(52, 1, 220) 100%); background-blend-mode: normal; }
.public-title-5.pt5-2 h4::after { width: 10px; height: 10px; z-index: -1; transform: translate(-12px, 18px); box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); background-image: linear-gradient(-72deg, rgb(0, 233, 255) 0%, rgb(0, 194, 247) 29%, rgb(0, 162, 255) 49%, rgb(65, 102, 255) 75%, rgb(52, 1, 220) 100%); background-blend-mode: normal; }
.public-title-5.pt5-2 span::before { transform: translate(-13px, -2px) rotate(-90deg); left: 10px; top: 2px; width: 15px; height: 15px; background: transparent url('ptitle5.png') no-repeat scroll center center / 15px auto; 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: 0px; width: 100%; height: 6px; background: rgb(240, 240, 240) none repeat scroll 0% 0%; border-radius: 100px; z-index: -1; }
.public-title-6 span::after { content: ""; position: absolute; width: 41.6%; height: 6px; bottom: -1px; right: 0px; box-shadow: 0px 3px 7px 0px rgba(57, 136, 234, 0.35); border-radius: 100px; z-index: -1; background-image: linear-gradient(-72deg, rgb(0, 233, 255) 0%, rgb(0, 194, 247) 29%, rgb(0, 162, 255) 49%, rgb(65, 102, 255) 75%, rgb(52, 1, 220) 100%); background-blend-mode: normal; }
header { height: 51px; }
.headfixed { background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 99; border-bottom: 1px solid rgb(239, 239, 239); }
.logo { display: inline-block; padding: 10px 0px; }
.logo img { height: 30px; }
.d-logo { display: none; }
nav { position: fixed; top: 51px; z-index: 99; left: 0px; width: 100%; height: 100%; overflow-y: auto; background-color: rgb(255, 255, 255); padding: 0px 0px 51px; display: none; }
nav li { position: relative; border-bottom: 1px solid rgb(225, 229, 233); }
nav li.active i::before { top: 19px; transform: rotate(-225deg); }
nav h3 { position: relative; }
nav h3 a { display: block; padding: 10px 20px; color: rgb(0, 0, 0); font-size: 16px; }
nav h3 i { position: absolute; top: 0px; right: 0px; height: 100%; width: 80px; }
nav h3 i::before { content: ""; position: absolute; top: 14px; right: 22px; width: 10px; height: 10px; border-bottom: 1px solid rgb(170, 170, 170); border-left: 1px solid rgb(170, 170, 170); transform: rotate(-45deg); transition: all 0.3s ease 0s; }
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: 0px; width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 15px; display: none; }
.search-box form { position: relative; }
.search-box .search-input { width: 100%; height: 35px; border: 1px solid rgb(239, 239, 239); background: transparent none repeat scroll 0% 0%; padding: 0px 75px 0px 15px; }
.search-box .search-btn { position: absolute; top: 0px; right: 0px; width: 60px; height: 35px; background: rgb(238, 238, 238) url('icon-search-b.png') no-repeat scroll center center / 15px auto; }
.search-toggle-btn { background: transparent url('icon-search-b.png') no-repeat scroll center center / 17px auto; display: block; width: 30px; height: 30px; margin-top: 10px; margin-right: 5px; }
.full-main-nav { display: none; }
.foot-top { background: transparent url('foot-bg.jpg') no-repeat scroll center center / auto 100%; color: rgb(255, 255, 255); padding-top: 10px; padding-bottom: 20px; }
.foot-top .foot-info { margin-top: 20px; }
.foot-top .foot-info .foot-share { font-size: 0px; }
.foot-top .foot-info .foot-share a { display: inline-block; margin-right: 10px; padding: 0px; width: 36px; height: 36px; background-size: 100% 100%; background-position: 0px 0px; }
.foot-top .foot-info .foot-share .share-more { display: none ! important; background-image: url('icon-share-more.jpg'); }
.foot-top .foot-info .foot-share .share-wx { background-image: url('icon-share-wx.jpg'); }
.foot-top .foot-info .foot-share .share-wb { background-image: url('icon-share-wb.jpg'); }
.foot-top .foot-info .foot-share .share-qq { background-image: url('icon-share-qq.jpg'); }
.foot-subnav { display: none; padding-bottom: 10px; }
.foot-subnav a { display: block; color: rgb(255, 255, 255); font-size: 14px; line-height: 32px; opacity: 0.55; }
.foot-nav li { border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.foot-nav li.active i::after { opacity: 0; }
.foot-nav h3 { position: relative; }
.foot-nav h3 a { font-size: 16px; color: rgb(255, 255, 255); display: block; padding: 10px 0px; }
.foot-nav i { position: absolute; top: 0px; right: 0px; height: 100%; width: 80px; }
.foot-nav i::before { content: ""; position: absolute; top: 50%; height: 1px; width: 15px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-top: -1px; right: 10px; }
.foot-nav i::after { content: ""; position: absolute; top: 50%; height: 15px; width: 1px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-top: -8px; right: 17px; }
.finfo-box { margin-top: 20px; }
.finfo-box h4 { color: rgb(171, 171, 171); line-height: 1; margin-bottom: 5px; }
.finfo-box p { margin-bottom: 12px; color: rgb(255, 255, 255); }
.finfo-box p:last-child { margin-bottom: 0px; }
.foot-copyright { background: rgb(51, 51, 51) none repeat scroll 0% 0%; color: rgb(136, 139, 144); padding: 15px 0px; }
.foot-copyright a { color: inherit; display: inline-block; vertical-align: top; }
.foot-copyright .flinks { line-height: 1; margin-bottom: 8px; }
.foot-copyright .flinks span { margin: 0px 10px; }
.foot-copyright .txt { padding-left: 20px; background: transparent url('f-img.png') no-repeat scroll left 4px; }
#bsPanelHolder { display: none ! important; }
.f-qrcode-views { background-color: rgb(242, 246, 249); }
.f-qrcode-swiper { position: relative; overflow: hidden; }
.f-qrcode-swiper .swiper-slide:first-child a { padding-left: 0px; }
.f-qrcode-swiper .swiper-slide:last-child a::after { display: none; }
.f-qrcode-swiper a { display: table; table-layout: fixed; width: 100%; padding: 10px 0px; }
.f-qrcode-swiper .pic { display: table-cell; vertical-align: middle; width: 60px; height: 60px; position: relative; }
.f-qrcode-swiper .pic img { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.f-qrcode-swiper .txt { display: table-cell; vertical-align: middle; padding-left: 10px; width: 100%; }
.f-qrcode-swiper h3 { font-size: 16px; color: rgb(51, 51, 51); line-height: 1; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.f-qrcode-swiper p { color: rgb(51, 51, 51); padding-right: 20%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.to-top { width: 36px; height: 36px; background: transparent url('totop.jpg') no-repeat scroll center center / cover ; position: fixed; bottom: 10%; right: 15px; border-radius: 1000px; cursor: pointer; display: none; z-index: 5; }
.curstomer-views .word h3::after { content: ""; position: absolute; bottom: 0px; width: 100%; height: 2px; left: 0px; background-color: rgb(43, 116, 235); opacity: 0.1; }
.curstomer-views .word h3::before { content: ""; position: absolute; bottom: 0px; width: 66px; height: 2px; left: 0px; background-color: rgb(43, 116, 235); }
.honor-swiper .word p::before { content: ""; position: absolute; left: 0px; top: 10px; width: 3px; height: 3px; border-radius: 100px; background: rgb(136, 136, 136) none repeat scroll 0% 0%; }
.map-box::after { content: ""; display: block; padding-bottom: 38%; }
.incase-tab li::after { content: ""; position: absolute; bottom: -2px; left: 0px; width: 0px; height: 3px; transition: all 0.3s ease 0s; background-image: linear-gradient(-72deg, rgb(0, 233, 255) 0%, rgb(0, 194, 247) 29%, rgb(0, 162, 255) 49%, rgb(65, 102, 255) 75%, rgb(52, 1, 220) 100%); background-blend-mode: normal; }
.incase-tab li.cur::after { width: 100%; }
.incase-sw-item .word::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 0px; height: 3px; background-color: rgb(43, 116, 235); transition: all 0.5s ease 1s; }
.incase-swiper .swiper-slide .word::after { width: 100%; }
.inabout-swiper .swiper-slide:last-child .inabout-item::after { display: none; }
.inabout-item::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; width: 1px; height: 28px; background-color: rgb(102, 102, 102); opacity: 0.2; }
.innews-tab li::after { content: ""; position: absolute; bottom: -2px; left: 0px; width: 0px; height: 3px; transition: all 0.3s ease 0s; background-image: linear-gradient(-72deg, rgb(0, 233, 255) 0%, rgb(0, 194, 247) 29%, rgb(0, 162, 255) 49%, rgb(65, 102, 255) 75%, rgb(52, 1, 220) 100%); background-blend-mode: normal; }
.innews-tab li.cur::after { width: 100%; }
.inpro-content-list h2::after { content: ""; position: absolute; bottom: 0px; left: 0px; height: 2px; width: 32px; background-color: rgb(43, 116, 235); }
.inpro-tab li.cur .inpro-item::after { opacity: 0.1; }
.inpro-tab li.cur .inpro-item::before { opacity: 1; }
.inpro-tab .inpro-item::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; border-radius: 2px; opacity: 0; transition: all 0.3s ease 0s; background-image: linear-gradient(-72deg, rgb(0, 233, 255) 0%, rgb(0, 194, 247) 29%, rgb(0, 162, 255) 49%, rgb(65, 102, 255) 75%, rgb(52, 1, 220) 100%); background-blend-mode: normal; }
.inpro-tab .inpro-item::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90px; height: 90px; z-index: -1; border-radius: 2px; background-color: rgb(43, 116, 235); opacity: 0; transition: all 0.3s ease 0s; }
.newsdetail-related h3::before { content: ""; position: absolute; bottom: -2px; left: 0px; height: 2px; width: 75px; background: rgb(43, 116, 235) none repeat scroll 0% 0%; }
.theme-desc-area { padding: 25px 0px; background: rgb(243, 249, 253) none repeat scroll 0% 0%; }
.theme-desc-area .desc { text-align: center; color: rgb(102, 102, 102); 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: 0px; bottom: 0px; width: 100%; height: 2px; background-image: linear-gradient(-72deg, rgb(0, 233, 255) 0%, rgb(0, 194, 247) 29%, rgb(0, 162, 255) 49%, rgb(65, 102, 255) 75%, rgb(52, 1, 220) 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: 0px; width: 100%; line-height: 1; font-size: 0px; text-align: center; z-index: 2; }
.theme-desc-page span { width: 10px; height: 3px; border-radius: 1000px; margin: 0px 4px; transition: all 0.3s ease 0s; background-color: rgb(43, 116, 235); 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: transparent url('themecontent-bg.jpg') no-repeat scroll center center / 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: 0px; left: 0px; height: 2px; width: 37px; background-color: rgb(65, 97, 254); border-radius: 10px; }
.theme-content .desc { color: rgb(102, 102, 102); }
.theme-pic-page, .theme-pic-prev, .theme-pic-next, .theme-content-prev, .theme-content-next { display: none; }
.theme-content-page { line-height: 1; color: rgb(102, 102, 102); font-size: 12px; margin-top: 10px; }
.theme-content-page .cur { font-size: 18px; font-weight: bold; color: rgb(65, 97, 254); }
.services-bg { display: none; }
.theme-services-area { padding: 30px 0px; background: rgb(239, 247, 253) none repeat scroll 0% 0%; }
.theme-services-area .public-title-6 { margin-bottom: 12px; }
.theme-services-area .desc { text-align: center; color: rgb(102, 102, 102); line-height: 1.3; }
.services-list { font-size: 0px; 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 { transform: rotateY(0deg); position: relative; z-index: 3; opacity: 1; transition: all 0.3s ease 0s; }
.services-list .h-img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; transform: rotateY(-180deg); opacity: 0; transition: all 0.3s ease 0s; }
.services-list li { display: inline-block; vertical-align: top; width: 33.3333%; font-size: 14px; padding: 0px 10px; text-align: center; margin-bottom: 16px; }
.services-list p { line-height: 1.3; color: rgb(17, 17, 17); }
.theme-museum-container .suzyinconcase { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.suzycommonweb { width: 100%; max-width: 1800px; padding: 0px 15px; margin: 0px auto; }
.suzyvrpro-tith2::before { position: absolute; bottom: 1px; left: -6px; width: 20px; height: 20px; background: transparent url('suzyvrpro-tith2before.png') no-repeat scroll center center / 100% 100%; content: ""; }
.suzyvrpro-tith2::after { position: absolute; top: 0px; right: -6px; width: 15px; height: 15px; background: transparent url('suzyvrpro-tith2after.png') no-repeat scroll center center / 100% 100%; content: ""; }
.suzyvrpro-tith2.tit1::before { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 12px; background: rgb(240, 240, 240) none repeat scroll 0% 0%; border-radius: 10px; content: ""; }
.suzyvrpro-tith2.tit1::after { position: absolute; top: auto; bottom: 1px; right: 0px; width: 40.7725%; height: 10px; border-radius: 10px; box-shadow: 0px 10px 20px -10px rgb(21, 97, 222); background-image: linear-gradient(-72deg, rgb(0, 233, 255) 0%, rgb(0, 194, 247) 29%, rgb(0, 162, 255) 49%, rgb(65, 102, 255) 75%, rgb(52, 1, 220) 100%); background-blend-mode: normal; content: ""; }
a.suzyvrpro-oneforclose::after, a.suzyvrpro-oneforclose::before { position: absolute; top: 50%; left: 50%; width: 15px; height: 2px; background: rgb(102, 102, 102) none repeat scroll 0% 0%; transition: all 0.5s ease 0s; 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: rgb(21, 97, 222) none repeat scroll 0% 0%; transform: translate(-50%, -50%) rotate(225deg); }
.suzyvrpro-oneformtitle::after { display: block; width: 44px; height: 2px; background: rgb(90, 147, 239) none repeat scroll 0% 0%; content: ""; }
.suzyvrpro-oneformitem input::-moz-placeholder { color: rgb(102, 102, 102); }
.suzyvrpro-oneformitem input:focus::-moz-placeholder { color: rgb(21, 97, 222); }
.suzyinconcase { padding: 30px 0px; background: rgb(243, 249, 253) none repeat scroll 0% 0%; }
.suzyinconcase-title { text-align: center; }
.suzyinconcase-view { margin-top: 20px; }
.suzyinconcase-view .swiper-slide:hover .suzyinconcase-imgc { transform: scale(1.05); }
.suzyinconcase-view .swiper-slide:hover .suzyinconcase-text2 h3 { color: rgb(21, 97, 222); }
.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%; transition: all 0.5s ease 0s; }
.suzyinconcase-img a.suzyinconcase-player { position: absolute; top: 50%; left: 50%; z-index: 3; transform: translate(-50%, -50%); }
.suzyinconcase-img::after { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background: rgba(21, 97, 222, 0.4) none repeat scroll 0% 0%; content: ""; }
a.suzyinconcase-player { display: block; width: 48px; height: 48px; overflow: hidden; border-radius: 50%; }
a.suzyinconcase-player img { width: 100%; height: 100%; }
.suzyinconcase-vwrap { position: absolute; top: 0px; left: 0px; z-index: -1; display: none; width: 100%; height: 100%; background: rgb(0, 0, 0) none repeat scroll 0% 0%; }
.suzyinconcase-video { width: 100%; height: 100%; }
.suzyinconcase-text { position: relative; padding: 12px 0px 20px; border-bottom: 2px solid rgb(228, 231, 233); }
.suzyinconcase-text::before { position: absolute; left: 0%; bottom: -2px; z-index: 1; width: 0%; height: 2px; background-image: linear-gradient(-72deg, rgb(0, 233, 255) 0%, rgb(0, 194, 247) 29%, rgb(0, 162, 255) 49%, rgb(65, 102, 255) 75%, rgb(52, 1, 220) 100%); background-blend-mode: normal; transition: all 0.5s ease 0s; content: ""; }
.suzyinconcase-erweima { position: relative; float: right; width: 30px; padding-top: 1px; }
.suzyinconcase-erweima a { display: block; width: 100%; 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: 0px; }
.suzyinconcase-erweimaview { position: absolute; top: 50%; right: 100%; z-index: 6; width: 88px; height: 80px; margin-right: 20px; padding-right: 8px; transition: all 0.5s ease 0s; transform: translateY(-50%); visibility: hidden; opacity: 0; }
.suzyinconcase-erweimaview img { width: 100%; height: 100%; vertical-align: middle; box-shadow: -10px 0px 15px -10px rgba(0, 0, 0, 0.5); }
.suzyinconcase-erweimaview::after { position: absolute; right: 0px; top: 50%; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid rgb(255, 255, 255); transform: translateY(-50%); content: ""; }
.suzyinconcase-text2 { overflow: hidden;}
.suzyinconcase-text2 h3 { line-height: 1.41667; font-size: 16px; color: rgb(51, 51, 51); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.suzyinconcase-des { margin-top: 7px; line-height: 1.6; font-size: 14px; color: rgb(102, 102, 102); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.suzyincon-bat { width: 100%; font-size: 0px; margin-top: 20px; text-align: center; }
.suzyincon-bat span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 0px 5px; border: 1px solid rgb(111, 113, 115); background-color: transparent; }
.suzyincon-bat span.swiper-pagination-bullet-active { background-image: linear-gradient(-72deg, rgb(0, 233, 255) 0%, rgb(0, 194, 247) 29%, rgb(0, 162, 255) 49%, rgb(65, 102, 255) 75%, rgb(52, 1, 220) 100%); background-blend-mode: normal; border: medium none; }
.suzyermenu { position: relative; background: rgb(240, 240, 240) none repeat scroll 0% 0%; }
.suzyermenu-h3 { position: relative; padding: 0px 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: rgb(51, 51, 51); }
.suzyermenu-h3 span::after { position: absolute; right: 0px; top: 50%; width: 10px; height: 10px; border-right: 2px solid rgb(51, 51, 51); border-top: 2px solid rgb(51, 51, 51); transition: all 0.5s ease 0s; transform: translateY(-70%) rotate(135deg); content: ""; }
.suzyermenu-h3.active span::after { transform: translateY(-30%) rotate(-45deg); }
.suzyermenu-view { position: absolute; top: 100%; left: 0px; z-index: 100; display: none; width: 100%; padding: 10px 15px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-shadow: 0px 10px 20px -10px rgb(221, 221, 221); }
.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: rgb(51, 51, 51); text-align: center; transition: all 0.5s ease 0s; }
.suzyvrinnov-twotext h3::after { display: block; margin: 0px auto; width: 26px; height: 2px; background: rgb(65, 97, 254) none repeat scroll 0% 0%; transition: all 0.5s ease 0s; content: ""; }
.suzyvrinnov-threetext h3::after { display: block; margin: 10px auto 0px; width: 26px; height: 2px; background: rgb(65, 97, 254) none repeat scroll 0% 0%; content: ""; }
.suzyimg-wrapbtn1::after { display: inline-block; vertical-align: middle; width: 10px; height: 10px; transform: rotate(45deg); transition: all 0.5s ease 0s; content: ""; }
.suzyimg-wrapbtn1:hover::after { border-color: rgb(0, 22, 74); }
.suzyimg-wrapprev::after { margin-right: -2px; border-bottom: 2px solid rgb(255, 255, 255); border-left: 2px solid rgb(255, 255, 255); }
.suzyimg-wrapnext::after { margin-left: -2px; border-top: 2px solid rgb(255, 255, 255); border-right: 2px solid rgb(255, 255, 255); }
.full-recruitB-container .recruitB-list .job-title::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; transition: all 0.3s ease 0s; opacity: 0; background-image: linear-gradient(-72deg, rgb(0, 233, 255) 0%, rgb(0, 194, 247) 29%, rgb(0, 162, 255) 49%, rgb(65, 102, 255) 75%, rgb(52, 1, 220) 100%); background-blend-mode: normal; }
.full-recruitB-container .recruitB-list .job-title.cur::after { opacity: 1; }
.inbanner-item .allImgBox::before { content: ""; display: block; padding-bottom: 46.875%; }
.theme-desc-swiper .swiper-slide { position: relative; }
.theme-desc-swiper .swiper-slide::after { content: ""; display: block; padding-bottom: 40.798%; }
.theme-desc-swiper .swiper-slide img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; min-width: 100%; height: 100%; }
.inpro-rbg span::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200%; height: 200%; background: rgba(43, 116, 235, 0.07) none repeat scroll 0% 0%; border-radius: 100%; animation-iteration-count: infinite; animation-duration: 1.5s; animation-direction: alternate; animation-name: bigTosmall; animation-delay: 0.5s; }
.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.8229%; }
.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%; }
.incase-video-img::after { content: ""; display: block; padding-bottom: 56.3333%; }
.suzyinconcase-img::before { content: ""; display: block; padding-bottom: 68.1818%; }
.incase-video-img img, .suzyinconcase-img img { position: absolute; top: 50%; left: 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); }
.apply-r .pic-item::after { content: ""; display: block; padding-bottom: 43.3363%; }
.news-list .pic::after { content: ""; display: block; padding-bottom: 66.8%; }
.related-list .pic::after { content: ""; display: block; padding-bottom: 58.8235%; }
#newBridge { z-index: 3 ! important; }
/* ::::: https://www.hsszdmt.com/dist/css/animate.min.css ::::: */

.fadeInDown { animation-name: fadeInDown; }
.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; }
}
/* ::::: 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; }
/* ::::: 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('iconfont.eot') format("embedded-opentype"), url('iconfont.svg') format("svg"), url('iconfont.woff') format("woff"), url('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('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('top_logos_sprite.png') no-repeat scroll 0px -270px; display: inline-block; }
.bshare-custom .bshare-qqim { background: transparent url('qqim_001.png') no-repeat scroll 0% 0%; display: inline-block; }
.bshare-custom .bshare-weixin { background: transparent url('weixin.png') no-repeat scroll 0% 0%; display: inline-block; }
.bshare-custom #bshare-more-icon, .bshare-custom .bshare-more-icon { background: transparent url('more.png') no-repeat scroll 0% 0%; padding-left: 19px ! important; }
.bshare-custom .bshare-more.more-style-addthis { background: transparent url('more-style-addthis.png') no-repeat scroll 0% 0%; }
div.bsClear { clear: both; height: 0px; line-height: 0; overflow: hidden; font-size: 0px; }
.bsLogoLink:hover { text-decoration: underline; }




.theme-content h1 { text-align: center;}