﻿#LRfloater0{display:none;}
#LXB_CONTAINER { top: 200px !important; right: -9999px !important; }
p, a { color: #fff; font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 24px; text-decoration: none; }
img { border: 0; vertical-align: middle }
ul, li { list-style: none; }
table p {color: #666;}
.fl{float:left;}
.fr{float:right;}
#header { width: 100%; height: 90px; position: fixed; z-index: 100; }
.logo { margin: 15px 0px 15px 15px; float: left; }
.menu { margin-top: 30px; float: right; }
.menu ul { display: block; float: left; margin: 9px 42px 8px 0; }
.menu li { float: left; border-right: 1px solid #cdcdcd; line-height: 12px; padding-right: 33px; margin-right: 32px; }
.menu li:last-child { border: none; padding-right: 0; margin-right: 0; }
.menu li a { color: #fff; line-height: 12px; }
.menu li a:hover { color: #ff9900; }
.menu li.yewu { position: relative; }
/*.menu li.yewu a {
	background: url(../images/home_sub_menu.png) center right no-repeat;
	padding-right: 18px;
}*/
.menu .yewu_ol { padding-top: 17px; display: none; position: absolute; top: 13px; left: -29px; z-index: 1000; }
.menu li ol { background-color: #fff; -moz-box-shadow: 0px 5px 8px 5px rgba(102, 102, 102, 0.35); -webkit-box-shadow: 0px 5px 8px 5px rgba(102, 102, 102, 0.35); box-shadow: 0px 5px 8px 5px rgba(102, 102, 102, 0.35); padding: 17px 26px; }
.menu ol li { border-right: 0; padding-right: 0; margin-right: 0; border-bottom: 1px solid #d7d7d7; float: none; width: 58px; height: 35px; line-height: 35px; text-align: center; }
.menu ol li:last-child { border-bottom: none; }
.menu .yewu ol a { background: none; color: #333; font-size: 14px; padding-right: 0; line-height: normal; }
.menu ol li a:hover { color: #f29c06; }
.navigation { float: left; background: url("../images/navIco1.png") no-repeat; cursor: pointer; width: 31px; height: 30px; margin-right: 39px; float: left; }
.navigation { display: none; }
.menu-ul.hide { display: block !important; }
#container { width: 100%; overflow: hidden; position: relative; }
.sections { position: relative; }
.section { position: relative; z-index: 10; }
.section img { width: 100%; }
.left { float: left; }
.pages.vertical { position: fixed; top: 30%; right: 20px; width: 20px; -webkit-transform: translate3d(0, 50%, 0); -ms-transform: translate3d(0, 50%, 0); -o-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); }
.pages.horizontal { position: absolute; left: 46%; bottom: 20px; }
.pages li { position: relative; width: 14px; height: 14px; margin: 7px 0; }
.pages.horizontal li { float: left; }
.pages.horizontal li:not(:last-child) { margin-right: 10px; }
.pages li a { width: 100%; height: 100%; display: block; }
.pages li span { position: absolute; left: 5px; top: 5px; width: 4px; height: 4px; text-indent: -9999em; background: #757575; border-radius: 50%; }
.pages li.active span { top: 1px; left: 1px; width: 8px; height: 8px; border: 2px solid #95d7fd; background: none; }
.start { height: 100%; background: url("../images/banner_01.jpg") center center no-repeat; background-size: cover; z-index: 10; width: 100%; overflow: hidden; }
.item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.item .text { position: absolute; top: 22%; top: 20%\9; left: 0; right: 0; z-index: 10;}
.start .text { top: 29%; top: 30%\9; }
.product4 .text { top: 38%; top: 38%\9; }
video#bgvid { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url("../images/banner_01.jpg"/*tpa=http://www.shibangchina.com/images/banner_01.jpg*/) center center no-repeat; background-size: cover; }
.text h1 { color: #fff; font-family: 'Microsoft YaHei'; font-size: 54px; text-align: center; position: relative; top: 30px; }
.text p { line-height: 26px; width: 762px; margin: 0 auto; padding: 12px 0 35px 0; text-align: center; position: relative; top: 15px; }
/* .product1 { background: url("../images/banner_02.jpg") center center no-repeat; background-size: cover; }
.product2 { background: url("../images/banner_03.jpg") center center no-repeat; background-size: cover; }
.product3 { background: url("../images/banner_04.jpg") center center no-repeat; background-size: cover; }
.product4 { background: url("../images/banner_05.jpg") center center no-repeat; background-size: cover; }
.product5 { background: url("../images/banner_06.jpg") center center no-repeat; background-size: cover; } */

.btn { text-align: center; margin-top: 12px; position: relative; display: inline-block;}
.btn a { border: 2px solid #fff; -moz-border-radius: 3px; border-radius: 3px; padding: 10px 35px; }
.btn a:hover { border: 2px solid #ff9900; background-color: #ff9900; color: #fff; }
.mask-bg:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 5; display: block; }
.nav { margin-top: -71px; position: fixed; right: 0; top: 50%; z-index: 50; }
.nav li a span { background: url("../images/pager.png") center center no-repeat; display: block; width: 22px; height: 22px; margin-right: 40px; text-align: center; text-indent: -9999px }
.nav li.active a span { background: url("../images/pager1.png") center center no-repeat; }
.nav li > a {outline: none; }
.other { background-color: #fff; width: 100%; overflow: hidden; position: relative;text-align: center; }
.other > a {display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.other h2 { color: #333; font-family: 'Microsoft YaHei'; font-size: 28px; text-align: center; margin-top: 46px; margin-bottom: 11px; }
.other p { color: #333; font-size: 14px; width: 782px; margin: 0 auto; text-align: center; }
.other ul { width: 1110px; margin: 36px auto 0 auto; overflow: hidden; }
.other ul li { float: left; margin-left: 31px; margin-bottom: 25px; }
.other li.ml0 { margin-left: 0; }
.other .more { margin-top: 10px; }
.other .more a { color: #ff9900; font-size: 14px; }
.other .beian{color:#b5b1b1;height:auto;font-size:12px;top:auto;}
.other .item { top: 77%; top: 74%\9; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); transform: translateY(-60%); }


.ftMain{ position:absolute; bottom: 0px; z-index:9999;  left:0; width:100%;}
.ftMain .ftbot{ position:absolute; width:69px;z-index: 99999; height:30px;  left:47%; top:-30px; margin-left:-35px; cursor:pointer;}
.ftbot2{ background:url(../images/fbot01.png) no-repeat center;}
.ftbot1{ background:url(../images/fbot02.png) no-repeat center;}
.footer{ width:100%; background:#fff;}
.footer .ftcont{ padding-top: 1px; /* padding-bottom: 15px;padding-top: 66px;padding-bottom: 55px; */}
.footer .ftcont .ftnav{ float:left;padding-left:0px;}
.footer .ftcont .ftnav>li{ float:left; margin-left:30px; margin-right:70px;}
.footer .ftcont .ftnav>li h5{ font-weight:normal; font-size:20px; color:#4c4c4c;}
.footer .ftcont .ftnav>li ul{ margin-top:20px;padding-left:0px;}
.footer .ftcont .ftnav>li ul li{  height:30px; line-height:30px;}
.footer .ftcont .ftnav>li ul li a{ font-size:13px; color:#7d7d7d;}
.footer .ftcont .fdress{ float:right; text-align:right;}
.footer .ftcont .fdress p{ font-size:20px; color:#4c4c4c;}
.footer .ftcont .fdress ul{ margin:15px 0;}
.footer .ftcont .fdress li{ font-size:13px; color:#7d7d7d; height:30px; line-height:30px;}
/* .footer .ftcont .fdress li.dr1{ background:url(../images/drImg1.png) no-repeat right center;}
.footer .ftcont .fdress li.dr2{ background:url(../images/drImg2.png) no-repeat right center;}
.footer .ftcont .fdress li.dr3{ background:url(../images/drImg3.png) no-repeat right center;} */
.footer .ft{ height:50px; line-height:50px; background:#858585;}
.footer .ft .container{ overflow:hidden;}
.footer .ft span{ font-size:14px; color:#e0e0e0;}
.footer .ft span a{color:#e0e0e0;}
.fdress h5 img{width:100px;height:100px;}

@keyframes firstPart {
	0% { bottom: 40px; }
	100% { bottom: 20px; }
}
@-moz-keyframes firstPart

/* Firefox */
{
	0% { bottom: 40px; }
	100% { bottom: 20px; }
}
@-webkit-keyframes firstPart

/* Safari and Chrome */
{
	0% { bottom: 40px; }
	100% { bottom: 20px; }
}
@-o-keyframes firstPart

/* Opera */
{
	0% { bottom: 40px; }
	100% { bottom: 20px; }
}
.mousetip { background: url("../images/mousetip.png") no-repeat; width: 51px; height: 41px; position: fixed; bottom: 10px; left: 50%; margin-left: -25px; z-index: 100; cursor: pointer; animation-name: firstPart; animation-duration: 0.8s; animation-timing-function: linear; animation-delay: 0.3s; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; -moz-animation-name: firstPart; -moz-animation-duration: 0.8s; -moz-animation-timing-function: linear; -moz-animation-delay: 0.3s; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate; -moz-animation-play-state: running; -webkit-animation-name: firstPart; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.3s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; -o-animation-name: firstPart; -o-animation-duration: 0.8s; -o-animation-timing-function: linear; -o-animation-delay: 0.3s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; -o-animation-play-state: running; }
.imgbox { position: relative; overflow: hidden; }
.customer { background: url("../images/customer.jpg") center no-repeat; background-size: contain; }
.customer img { visibility: hidden; }
@media (max-width:1366px) {
	.other .item { top: 73%; top: 58%\9; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); transform: translateY(-60%); }
}
@media (max-width:1199px) {
	.item .text { padding: 0 46px; }
	.item .text h1 { font-size: 32px; font-weight: bold; line-height: 30px; }
	.item .text p { width: auto; top: 20px; line-height: 32px; }
	.nav li a { margin-right: 10px; padding: 0 5px; }
	.nav li a span { margin-right: 0; }
	.customer { background-size: 70%; margin-top: 0; }
	.footer .ftcont .ftnav>li{ margin-right:25px;}

}
@media (max-width:991px) {
	.container{width:100%;}
	.other .item { top: 76%; }
	.footer .ftcont .ftnav>li{ margin-right:25px;}
}
@media (max-width:818px) and (min-width:768px) {
	.logo img { width: 260px; }
	.menu li { padding-right: 28px; margin-right: 28px; }
	.other .item { top: 76%; }
	.other .more { display: block; }
}
@media (max-width:768px) {
	.item .text, .other .item { padding: 0 46px; }
	.item .text h1 { font-size: 28px; font-weight: bold; line-height: 30px; }
	.item .text p, .other p { width: auto; top: 20px; line-height: 32px; }
	.nav li a { margin-right: 10px; padding: 0 5px; }
	.nav li a span { margin-right: 0; }
	.other .item { top: 80%; }
	.other .more { display: block; }
}
@media (max-width:767px) {
	#header { height: auto; overflow: visible; }
	.header-fixed { position: relative; }
	.menu { position: absolute; right: 0; left: 0; }
	.menu ul { width: 100%; margin-top: 20px; margin-right: 0; }
	.menu li { background-color: #fff; color: #333; width: 100%; border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center; }
	.menu li a { color: #333; }
	.menu .yewu_ol { left: 15%; }
	.menu-ul { display: none !important; }
	ul.hide.menu-ul { display: block !important; }
	.other .item { top: 76%; }
	.other .more { display: block; }
	/* 防止抖动 */
    html { overflow-y: scroll; }
    :root { overflow-y: auto; overflow-x: hidden; }
    :root body { position: absolute; }
    body { width: 100vw; overflow: hidden; }
    .logo { padding-left: 15px; padding-bottom: 22px; margin: 17px 0 0 0;}
    .subnav .j_hide.topMenu { display: none; }
    .navbar-icon:before { content: ""; background-image: url("../images/navsprite.png"); background-repeat: no-repeat; position: absolute; display: inline-block; text-align: center; vertical-align: middle; }
    .icon-toggle:before { content: ""; position: absolute; display: inline-block; background: url("../images/icon-toggle-white.png") no-repeat center; right: 10px; top: 20px; width: 30px; height: 30px; z-index: 123; }
    .left-arrow-icon:before { content: ""; position: absolute; display: inline-block; background: url("../images/left-arrow-icon.png") no-repeat center; width: 30px; height: 30px; top: 50%; left: 19px; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
    .home-icon:before { width: 16px; height: 16px; top: 5px; background-position: 0 0; }
    .business-icon:before { width: 16px; height: 16px; top: 33px; background-position: 0 -23px; }
    .product-icon:before { width: 16px; height: 17px; top: 30px; background-position: 0 -40px; }
    .case-icon:before { width: 16px; height: 17px; top: 30px; background-position: 0 -63px; }
    .service-icon:before { width: 16px; height: 17px; top: 31px; background-position: 0 -83px; }
    .brand-icon:before { width: 16px; height: 13px; top: 32px; background-position: 0 -102px; }
    .sidebar-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; overflow: hidden; }
    .sidebar { position: fixed; top: 0; bottom: 0; right: 0; width: 45%; background-color: #fff; z-index: 124; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; }
    .sidebar-title { width: 100%; height: 45px; background-color: #3671cf; position: fixed; z-index: 999; }
    .sidebar-content { padding: 96px 0 25px 27px; height: 499px; position: relative; overflow: auto; }
    .sidebar-menu > li { position: relative; padding: 24px 0;        /* border-bottom: 1px solid #f4f7fc; */ }
    .sidebar-menu > li:first-child { padding-top: 0; }
    .sidebar-menu > li > a { padding-left: 32px; vertical-align: middle; font-size: 20px; color: #444; font-weight: 400; }
    .sidebar-sub-menu { display: none; padding-top: 24px; padding-left: 10px; border-bottom: 1px solid #f4f7fc; padding-bottom: 24px; margin-bottom: -24px; }
    .active .sidebar-sub-menu { display: block; }
    .sidebar-sub-menu > li { padding: 15px 0; }
    .sidebar-sub-menu > li:first-child { padding-top: 24px; border-top: 1px solid #f4f7fc; }
    .sidebar-sub-menu > li:last-child { padding-bottom: 0; }
    .sidebar-sub-menu li a { padding-left: 22px; color: #666; }
    .s-translate { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
	
	.start {background: url("../images/banner/banner-01-xs.jpg") center center no-repeat; background-size: cover;}
	.product1 {background: url("../images/banner/banner-02-xs.jpg") center center no-repeat; background-size: cover;}
	.product2 {background: url("../images/banner/banner-03-xs.jpg") center center no-repeat; background-size: cover;}
	.product3 {background: url("../images/banner/banner-04-xs.jpg") center center no-repeat; background-size: cover;}
	.product4 {background: url("../images/banner/banner-05-xs.jpg") center center no-repeat; background-size: cover;}
	.product5 {background: url("../images/banner/banner-06-xs.jpg") center center no-repeat; background-size: cover;}
	.item .text {padding: 0 62px;}
    .item .text h1 {font-size: 22px; font-weight: 400;}
    .item .text p {font-size: 13px; line-height: 22px;}
    .btn a {font-size: 11px;padding: 8px 27px;}
    .start .text {top: 21%;}
    .product4 .text {top: 21%;}
    .nav li a span {background: url("../images/pager-xs.png") center center no-repeat;}
    .nav li.active a span {background: url("../images/pager1-xs.png") center center no-repeat;}
}
@media (max-width:450px) {
	.logo { margin-left: 5px; }
	.navigation { margin-right: 10px; }
	.menu .yewu_ol { top: 0; left: 55%; }
	.item .text { padding: 0 46px; }
	.item .text h1 { font-size: 24px; line-height: 30px; }
	.item .text p, .other p { width: auto; top: 20px; line-height: 24px; }
	.item .text .btn { top: 0; }
	.nav { margin-top: 0; transform: translateY(-60%); -webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); }
	.nav li a { margin-right: 10px; padding: 0 5px; }
	.nav li a span { margin-right: 0; }
	.other .item { top: 74%; }
	.other .more { display: block; }
}
  

/* bauma */
body{position:relative}
.bauma-content{width:100%;height:100%;position:relative;overflow:hidden}
.bauma-inner{position:relative;width:1920px;height:2262px;background:url("../images/bauma/bauma.jpg") no-repeat center;left:50%;margin-left:-960px}
.bauma-stage{background:url("../images/bauma/stage.png") no-repeat center;width:100%;height:866px;position:absolute;z-index:6;margin-top:190px}
.bauma-effect{background-image:url("../images/bauma/effect.png");background-repeat:no-repeat;background-position:74%;position:relative;height:1616px;z-index:3}
.bauma-overlay{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);z-index:9999;overflow:hidden}
.bauma-ad{position:absolute;width:372px;height:575px;background:url("../images/bauma/bauma-mask.png") no-repeat center;left:50%;margin-left:-186px;overflow:hidden;display:none}
.bauma-ad a{display:inline-block;position:absolute;left:0;right:0;top:60px;bottom:0;text-indent:-9999px}
.bauma-overlay-close{width:36px;height:36px;position:absolute;right:6px;top:14px;border-radius:50%;cursor:pointer}
@media (max-width:1440px){
	.bauma-inner{background:url("../images/bauma/bauma-sm.jpg") no-repeat center;height:2082px}
	.bauma-stage{background:url("../images/bauma/stage-sm.png") no-repeat center;margin-top:40px}
	.bauma-effect{background:url("../images/bauma/effect-sm.png") no-repeat;background-position:97%}
}
@media (max-width:767px){
	.bauma-ad{width:235px;height:363px;background:url("../images/bauma/bauma-mask-xs.png") no-repeat center;margin-left:-117px;}
	.bauma-ad a{top:38px;}
	.bauma-overlay-close{width:22px;height:22px;right:4px;top:9px;}
}