html,body {width:100%;margin:0;padding:0;font-size:16px;font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans","WenQuanYi Micro Hei",sans-serif;box-sizing:border-box;background:#fff;color:#333;line-height:32px}
html {overflow-x:hidden}
input,input:active,input:focus,input:-internal-autofill-selected {outline:none;border:0;padding:0;background-color:none}
ul,li,dl,dd {padding:0;margin:0;list-style:none}
h1 {color:#000}
h2 {color:#222}
h3 {color:#333}
.clearfix::after {content:"";display:table;clear:both}
input[disabled],input:disabled,input.disabled {color:#999;-webkit-text-fill-color:#999;opacity:1}
input:focus {outline:none}
a {text-decoration:none;cursor:pointer;color:#333;outline:none}
a:hover {color:#d00000}
img {margin:0;padding:0;border:0;display:block}
.iconfont {margin-right:3px}
.mt_20 {margin-top:20px;}
.mt_30 {margin-top:30px;}
.fixed {position:fixed;}
.absolute {position:absolute;}
.relative {position:relative;}
.fixed-header {margin-top:88px;border-radius:8px;}
.page-header {background:#fff;margin:0;padding:10px 0px;border-bottom:1px solid #f3f3f3;width:100%;top:0;left:0;z-index:9;}
.header-out {top:-76px;}
.logo-wrapper {float:left;display:inline-block;line-height:60px;padding-left:20px;}
.logo-wrapper img {max-height:38px;}
.manu-wrapper {float:right;display:inline-block;margin-left:80px;width:68%; text-align: right;}
.manu-wrapper ul {display:inline-block;margin-bottom:0;padding:0;margin:0}
.manu-wrapper ul li {display:inline-block;padding:0;position:relative;font-size:18px;font-weight:600}
.manu-wrapper ul li a .fa {position:absolute;top:25px;right:3px;display:none;}
.manu-wrapper ul li ul {position:absolute;background-color:#fff;left:50%;top:100%;padding:0;margin:0;width:300px;margin-left:-150px;visibility:hidden;opacity:0;z-index:999;border-top:1px solid #f4f4f4;border-left:1px solid #f4f4f4;}
.manu-wrapper ul li ul li {padding:0;margin:0;display:block;position:relative;width:50%;float:left;font-size:16px;border-bottom:1px solid #f4f4f4;border-right:1px solid #f4f4f4;text-align:center;}
.manu-wrapper ul li ul li a {line-height:inherit;display:block;padding:5px 0px;}
.manu-wrapper ul li ul li a:hover {background:#f8f8f8;}
.manu-wrapper ul li ul li ul {position:absolute;top:0;left:100%;margin-left:0;visibility:hidden;opacity:0;}
.manu-wrapper>ul>li:nth-last-child(2) ul li ul,.manu-wrapper>ul>li:nth-last-child(3) ul li ul,.manu-wrapper>ul>li:last-child ul li ul {top:0%;left:auto;}
.manu-wrapper > ul > li:last-child>ul {left:0;}
.manu-wrapper ul li:hover>ul {z-index:9999;visibility:visible;opacity:1;}
.manu-wrapper ul li:hover>ul>li>a {padding:13px 28px;}
.manu-wrapper ul li:hover>ul>li.right-arrow:after {right:9px;opacity:1;}
.manu-wrapper ul li a {display:inline-block;padding:0 18px;line-height:38px;letter-spacing:1px;position:relative;z-index:11;}
.manu-wrapper>ul>li>ul li.active>a {text-shadow:0px 0px 0px #b70000;}
.manu-wrapper>ul>li>ul li:hover>a {text-shadow:0px 0px 0px #b70000;}
.manu-wrapper .active a {color:#b70000;}
.manu-wrapper ul li a:hover {color:#b70000;}
.index_banner span {color:#b70000;font-weight:600;display:block;text-align:center;}
.right-arrow:after {display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:8px;}
.arrow-plus:after {content:"\f196";}
.arrow-minus:after {content:"\f147";}
.right-arrow:after {content:"\f105";right:0px;opacity:0;top:16px;z-index:99;font-size:14px;position:absolute;}
.mobile-nav-button {width:40px;height:40px;right:30px;top:12px;position:absolute;display:none;}
.mobile-nav-button .icon {position:relative;height:2px;display:block;margin-top:20px;width:40px;background:#000;}
.mobile-nav-button .icon:before,.mobile-nav-button .icon:after {position:absolute;content:"";width:100%;background:#000;height:2px;}
.mobile-nav-button .icon:before {top:-10px;}
.mobile-nav-button .icon:after {bottom:-10px;}
.close-btn {position:fixed;}
.close-btn .icon {background:transparent;}
.close-btn .icon:after {-webkit-transform:rotate(42deg);-moz-transform:rotate(42deg);transform:rotate(42deg);bottom:0;}
.close-btn .icon:before {-webkit-transform:rotate(-42deg);-moz-transform:rotate(-42deg);transform:rotate(-42deg);top:0;}
.sousuo {float:left;width:60%;background:#f8f8f8;}
.title_h3 {font-size:22px;text-align:center;padding-bottom:15px}
.title_h3 h1 {font-size:22px}
.title_h3 h2 {font-size:22px}
.title_h3 h3 {font-size:22px}
#show_box {padding:80px 15px 40px 15px;background:#fff;margin:0 auto 20px auto;}
#show_box #title-info {margin:0 auto;max-width:1280px}
#show_box #title-info img {display:block;width:90px;height:90px;border:5px solid #f0f0f0;border-radius:50%;margin:10px auto;}
#show_box #title-info h1 {line-height:120%;font-size:1.8rem;margin:5px 0;text-align:center;}
#show_box #title-info .current {font-size:14px;color:#999;}
#show_box #title-info .current a {color:#333;text-decoration:none;padding:0 6px;}
#show_box #title-info .current a:hover {color:#b70000}
#show_box #title-info .description {text-align:center;}
#show_box #title-info .description p {margin:0;font-size:16px;line-height:150%;max-width:800px;margin:10px auto;}
#show_box #title-info .description a {color:#333;}
#show_box #title-info .description a:hover {color:#b70000}
#show_box #title-info .description em {color:#b70000;font-weight:bold;font-size:22px;font-style:normal}
#show_box #title-info .description span {color:#ccc;padding:0 6px;}
.scbtp_box em {text-align:center;display:block;font-style:inherit;color:#888;}
#main {margin:0 auto;max-width:1280px;padding:0 15px;display:flex;}
#main .fixed {position:sticky;top:0;right:0;top:80px;width:400px;}
#main .right_box {width:400px;margin-left:20px;height:560px;opacity:1;order:1}
#main .right_bg {padding:18px;background-color:#f8f8f8}
#main .right_box .djxz {font-size:1.2rem;background-color:#174f7e;color:#fff;padding:10px;border-radius:4px;text-decoration:none;transition:background-color 0.3s;cursor:pointer;text-align:center;margin:15px auto}
#main .right_box .djxz:hover {background-color:#e00000}
#main .right_box h2 {margin:0;font-size:18px;line-height:18px}
#main .right_box h2 .iconfont {font-size:18px;font-weight:500}
#main .right_box p {margin:0;font-size:14px;color:#888;position:relative;padding-left:3.2rem;margin:10px 0}
#main .right_box p span {color:#888;position:absolute;left:0}
#main .down_info {
    padding: 15px;
    line-height: 32px;
}
#main .down_info p {
    left: 0;
    margin: 0;
    padding-left: 0;
    font-size: 16px;
    color: #333;
}
#main .down_info p em {
    font-style: initial;
    color: #999;
    font-size: 14px;
}

#main .content {flex:1;order:0;border-right:1px solid #eee;}
#main .content .img {max-width:100%}
#main .content .img img {width:100%;max-width:650px;height:auto;display:block;margin:0 auto;}
.tupian_box {margin-top:20px;}
.tupian_box em {text-align:center;color:#666;font-size:16px;display:block;padding:10px 0;}
.tupian_info li {list-style-type: initial;}
.h2tit {margin:0 auto;text-align:center;line-height:26px;color:#999}
.h2tit h2 {display:inline-block;font-size:26px;margin:0;color:#222}
.content .time {font-size:14px;color:#999;padding-top:8px;}
.content h1 {font-size:28px;margin:0;padding-top:20px;}
.tag_a {padding:10px 0;}
.tag_a span {font-size:14px;padding-right:10px; color: #999}
.tag_a a {padding:0px 12px;font-size:14px;background:#eee;border-radius:3px;display:inline-block;margin-right:5px;margin-top:5px;}
.tag_a a:hover {background:#b70000;color:#fff}
.nr_sm {font-size:14px;color:#999;line-height:22px;padding:10px 0;}
.border_t {border-top:1px solid #eee;}
.next_box {border-bottom:1px solid #ddd;padding-bottom: 10px;}
.next_box p {line-height:20px;}
.hidden {display:-webkit-box !important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.hidden2 {display:-webkit-box !important;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.nei_sou { width: 90%; max-width: 680px; margin:88px auto 0 auto;position:relative;padding-bottom: 20px;}
.nei_sou #keyboard {font-size:1rem;width:calc(100% - 30px);margin:0px;line-height:48px;height:50px;float:left;background:#f8f8f8;border:1px solid #eee;padding:0 15px;color:#333;border-radius:5px;text-align:center}
.nei_sou input::placeholder {color:#ccc;font-size:1rem}
.nei_cha {background:none;width:30px;border:none;line-height:30px;position:absolute;top:12px;right:10px;cursor:pointer;background-image:url(../images/search.png);background-size:26px;background-repeat:no-repeat;font-size:0px}
.nei_sou:hover .nei_cha {background-image:url(../images/search_a.png)}
ul.typeahead.dropdown-menu {
    background: #f8f8f8;
    padding: 25px 0;
    text-align: center;
}
ul.typeahead.dropdown-menu li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
ul.typeahead.dropdown-menu li.active {
    background: #fff;
}
ul.typeahead.dropdown-menu li.active a {
    color: #b80000; display: block;
}


@media only screen and (min-width:1025px) {.manu-wrapper ul li ul {display:block!important;}
.manu-wrapper>ul>li:nth-last-child(2) ul li ul,.manu-wrapper>ul>li:nth-last-child(3) ul li ul,.manu-wrapper>ul>li:last-child ul li ul {right:100%;}
}
@media only screen and (max-width:1024px) {.manu-wrapper {float:none;right:-100%;position:fixed;display:inline-block;background:#fff;overflow-x:hidden;overflow-y:auto;padding-top:50px;padding-bottom:50px;height:100%;width:100%;z-index:99999;}
.mobile-nav-button {display:block;z-index:999999;}
.open-menu {right:0;}
.manu-wrapper ul {display:block;float:none;}
.manu-wrapper ul li {display:block;text-align:center;}
.manu-wrapper ul>li>a {line-height:54px;}
.manu-wrapper ul li a {display:block;}
.manu-wrapper ul li ul,.manu-wrapper ul li ul li ul {position:relative;visibility:visible;opacity:1;text-align:center;background:#f3f3f3;width:100%;margin-left:0;left:0;}
.manu-wrapper ul li ul li ul {background:#e4e4e4;}
.manu-wrapper ul li ul li a {text-align:center;}
.sousuo {float:none;width:80%;background:#f8f8f8;margin:0 auto;}
#main .right_box {position:static;width:auto;height:auto;margin:10px auto;}
#main .right_box {position:static;width:auto;height:auto;margin:10px auto;}
#main {display:block;padding:0 5px;}
#main .content {border-right:none;}
}
@media only screen and (max-width:480px) {.manu-wrapper {width:100%;right:-100%;}
.open-menu {right:0;}
.logo-wrapper {line-height:55px;}
.mobile-nav-button .icon:after {bottom:-8px;}
.mobile-nav-button .icon:before {top:-8px;}
.mobile-nav-button .icon {width:30px;margin-top:14px;margin-left:5px;}
.mobile-nav-button {width:40px;height:30px;right:15px;top:12px;}
.close-btn .icon:before {top:0;}
.close-btn .icon:after {bottom:-1px}
}
#nav {margin-bottom:30px;position:relative;max-width:1712px}
#nav .nav {white-space:nowrap;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}
#nav .nav::-webkit-scrollbar {display:none}
#nav .nav a {margin-right:8px;font-size:16px;padding:0 15px;line-height:38px;background:#f8f8f8;display:inline-block;border-radius:8px;}
#nav .nav a.active {background: #b70000;color: #fff;font-weight: 600;}
#nav .nav span {display:inline-block;color:#999}
#nav .hide {display:none!important;}
#nav .nav h1 span {color:#a5aabb;line-height:12px;font-size:12px;font-weight:200;display:block;position:absolute;top:-13px;right:0px}
#nav .arrow {cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:99;width:60px;color:#000;height:54px;line-height:54px}
#nav .arrow i {position:absolute;margin:0;font-size:20px;-webkit-text-stroke:1px #fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #fff;color:#555}
#nav .arrow:hover i {color:#e90006;-webkit-text-stroke:1px #fff}
#nav .left-arrow {left:10px;background:linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.8),rgba(255,255,255,0))}
#nav .left-arrow i {left:-10px}
#nav .right-arrow {right:10px;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,1))}
#nav .right-arrow i {right:0}
#nav .arrow.hidden {display:none}
.list-box {max-width:1712px;margin:0 auto;padding:0 20px 20px 20px;}
.masonry {overflow:hidden}
.masonry .item .item-inner-wrapper {position:relative;border-bottom:1px solid #eee;}
.masonry .item .item-inner-wrapper>a,.masonry .item .item-inner-wrapper .project {position:absolute;width:100%;height:100%;overflow:hidden;display:inline-block;left:0;top:0}
.masonry .item .image-wrapper {position:absolute;width:100%;height:100%;}
.masonry[data-items-height="auto"] .item .item-inner-wrapper>a,.masonry[data-items-height="auto"] .item .item-inner-wrapper .project {position:relative;}
.masonry[data-items-height="auto"] .item .item-inner-wrapper .project img {width:100%;}
.item-title {margin:0px auto;padding:0 10px;color:#333;line-height:22px;}
.item-title a {color:#333}
.listinfo {background:#f8f8f8}
.item .project {overflow:hidden;}
.morezp {position:absolute;width:100%;bottom:0;left:0;height:368px;color:#ccc;background:linear-gradient(to top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0) 100%);display:flex;justify-content:center;align-items:flex-end;padding-bottom:30px}
.morezp span {display:inline-block;padding:0 18px;cursor:pointer;border:none;font-size:16px}
.project img {transition:transform 0.3s ease}
.project:hover img {transform:scale(1.1)}
.scroll-to-top {position:fixed;bottom:20px;right:15px;display:none;color:#686868;width:40px;height:40px;border:none;cursor:pointer;font-size:50px!important}
.scroll-to-top:hover {color:#ff2020}
#bottom {margin:0 auto;background:#333;color:#7f7f7f}
#bottom .width {margin:0 auto;max-width:1712px;padding:30px 20px;font-size:14px;line-height:22px;}
#bottom .width a {color:#666}
#bottom .width p {padding:0;margin:0}
#bottom .width p a {color:#777;display:inline-block;margin-right:12px}
#bottom .width p a:hover {color:#ff2020;font-weight:600}
#bottom .width span {margin-right:20px}
.pages {text-align:center;margin:0 0 30px 0;}
.pages a {display:inline-block;height:40px;line-height:40px;background:#fff;border:1px solid #ddd;text-align:center;padding:0 15px;font-weight:bold;margin:3px;color:#000;}
.pages a:hover {background:#444;color:#fff;text-decoration:none;}
.pages b {display:inline-block;height:40px;line-height:40px;background:#b70000;font-weight:bold;color:#fff;text-align:center;padding:0 15px;margin:3px;}
@media only screen and (max-width:800px) {.morezp {height:180px;}
#header {position:static;}
#headern {position:static;}
.header {height:60px;margin:10px auto;padding:0 15px}
.header .logo {float:left;height:22px;width:53px}
.header form {width:100%;height:40px;display:block;float:none;position:static;left:0;margin-left:0px;margin:0 auto;}
.header form #keyboard {font-size:14px;width:calc(100% - 40px);margin:10px 0 0 0;line-height:38px;height:40px;float:left;background-color:#f5f5f5;border:1px solid #f5f5f5;padding:0 20px;color:#777;border-radius:4px;box-shadow:inset 0 0 0 1000px #f5f5f5!important}
.header form input::placeholder {color:#999;font-size:14px}
.header form .cha {color:#777;background-color:#f5f5f5;width:20px;border:none;line-height:20px;position:absolute;top:53px;right:20px;cursor:pointer;background-image:url(/https/scbmb.com/skin/so.png);background-size:20px;background-repeat:no-repeat}
.header form:hover .cha {background-image:url(/https/scbmb.com/skin/soa.png)}
.header .user {width:180px;height:22px;float:right}
#menu {margin:5px auto 15px auto;border-bottom:1px solid #f0f0f0}
#menu .menu {max-width:1577px;margin:20px auto;padding:3px;line-height:16px}
#menu .menu a {font-size:14px;margin:0px;color:#777;width:20%;text-align:center;display:block;float:left;}
#nav .nav a {margin-right:6px;font-size:14px;padding-right:8px;line-height:38px;background:#f9f9f9;display:inline-block;border:1px solid #f5f5f5;}
#nav .arrow {cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:28px;color:#000;height:44px;line-height:44px;right:0px}
}
.list-box {position:relative}
.down_show {width:100%;margin:0 auto;}
.down_show .down_bg {margin-top:58px;text-align:center;padding:25px;background:#333;}
.down_show .down_bg h1 {font-size:25px; color:#fff}
.down_show .down_box {max-width:880px;margin:0 auto;padding:50px 0;}
.down_left {width:45%;float:left;padding-right:30px;border-right:1px solid #eee;}
.down_img img {width:268px;display:block;margin:0 auto;}
.down_right {width:45%;float:right;}
.down_right .down_txt {text-align:center;}
.down_info {}
.down_info p {margin:0;}
.down_info em {font-style:inherit;font-size:14px;color:#999;}
.down_ewm img {width:128px;}
.down_left .tip strong {color:#b80000;}
.down_list li {margin-top: 15px;}
.down_list li:nth-child(odd)  {background:#b80000}
.down_list li:nth-child(even)  {background:#00b8b1}
.down_box a {display:block;height:30px;line-height:30px;text-align:center;padding:8px;color:#fff;font-size:20px;font-weight:600;}
.down_box a:hover{background: #222;}
.down_box2 a {display:block;height:30px;line-height:30px;text-align:center;padding:8px;color:#fff;background:#b80000;font-size:20px;font-weight:600;}
.down_box2 a:hover{background: #222;}
.down_fh a {background: #333;}

@media only screen and (max-width:1024px) {
.down_show .down_box {margin:0 auto;padding:30px;}
.down_left {width:100%;float:none;padding-right:0px;border-right:none;}
.down_right {width:100%;float:none;}
.down_ewm img {width:128px;margin:0 auto;}
.down_left .tip {text-align:center}
}