html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input  {
  font-family: 微软雅黑 !important;
}
td p{text-align: center !important;}
.navbar {background-color:#0872bc;}
.navbar-default {border-color: #000;}
.navbar-default .navbar-toggle {border-color: #000;background-color:#f7941e;color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#fff;}
.navbar-default .navbar-nav > li > a {color: #fff;font-weight:bold;}
.navbar-default .navbar-nav > li > a:hover {color: #fff;font-weight:bold;background-color:#0872bc;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #0872BC;color: #fff;}
.dropdown-menu > li > a {background-color:#0872bc;color:#fff;font-weight:bold;}
.dropdown-menu > li > a:hover {background-color:#f7941e;color:#fff;font-weight:bold;}
.dropdown-menu {background-color:#0872bc;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #0872bc;border-color: #337ab7;}
.sub-menu > li > a{background-color: #777;}
.sub-menu > li > a:hover{background-color: #0872bc;}
.sub-menu {background-color:#777;}
.navbar-brand img {}
#phone {position:relative;top:8px;left:100px;color:#fff;font-size:24px;}
.carousel-inner .item {height:260px;}
.carousel-control.left, .carousel-control.right {background-image: none}
.carousel-indicators {bottom: -10px;left: 0;margin-left: 0;width: 100%;}
.carousel-indicators li {border:2px solid #0064a0;height:20px;width:20px;background-color:#0064a0;}
.carousel-indicators .active {box-shadow: 0.157px 2.996px 4px 0px #5a5a5a;background-color: #f7941e;height:23px;width:23px;top: -15px;z-index: 100;}
.car a{color:#5e5e5e;font-weight:bold;font-size:20px;}
.car td{text-align:center;}
.car img {width:90%;padding-left:20px;padding-bottom:10px;}
#side {margin:0px;width:192px;border:0px; padding: 0px;float:left;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {font-weight:bold;background-color:#0872bc;}
.menu {width:171px;position:relative;margin-left:11px;margin-top:10px;margin-right:0px;margin-bottom:10px;font-size:12px;z-index:300;border-left: 0px;}
.menu ul li a, .menu ul li a:visited { display:block;text-decoration:none;color:#5e5e5e;width:170px;height:91px;border:1px solid #0872bc;border-width:1px 1px 0px 0px; line-height:9px;padding-left:0px;text-align: center;font-weight: bold;border-collapse:collapse;}
.menu ul { padding:0;margin:0;list-style-type: none;}
.menu ul li { float:left;position:relative;border-left:1px solid #0872bc;}
.menu ul li ul li{border-left:0px;}
.menu ul li img{padding-bottom:10px;padding: 10px}
.menu ul li ul { display: none;}
.menu ul li:hover a, .menu ul li a:hover { color:#3a3a3a;background:#e2e2e2;}
.menu ul li:hover ul, .menu ul li a:hover ul { display:block;position:absolute;top:0;left:85px;width:400px;background: transparent;}
.menu ul li:hover ul li, .menu ul li a:hover ul li { float:left;border-bottom: 1px solid #0872bc;}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a { display:block;color:#3a3a3a;width:85px;font-weight:bold;float:left;background:#84B9DE;}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover { background:#4D99CE;color:#fff;}
.btn-lpi{background-color:#0872bc;color:#fff;border-color:#0872bc;font-weight:bold;width:85%;font-size:16px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;}
.btn-lpi:hover{background-color:#f7941e;color:#fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16), 0 4px 20px 0 rgba(0, 0, 0, 0.12) !important;}
.btn-mobile{font-size:12px;padding:2px;max-width:55px;}
.lpi-heading{text-align:center;}
.lpi-foot a{color:#fff;}
.lpi-foot {background-color:#0872bc;color:#fff;}
.hitable650, .mobile-spec{display:none;font-size:12px;text-align:center;}
.mobile-quote{display:none;text-align:center;margin-top:10px;}
.modal-scrollbar-measure{position: absolute;top:-9999px;width:50px;height:50px;overflow: hidden;}
.std-spec{text-align:center;}
.std-spec thead{background-color:#bdbcbc;color:#5e5e5e;}
.std-spec th{text-align:center;}
.table > thead > tr > th {vertical-align: middle;}
h1{padding-bottom:0px;margin-bottom:0px;color:#5e5e5e;}
p.top-quote {text-align:right;position:relative;top:17px;}
p.top-quote a{margin-right:20px;width:85%;max-width:265px;}
hr.top-bar {width:100%:color:#0872bc;height:4px;background:#0872bc;}
hr.section {width:100%:color:#0872bc;height:2px;background:#0872bc;margin-top:0px;}
div.main-pic {text-align:center;}
div.main-pic img{width:100%;max-width:350px;}
div.key{margin-top:30px; background-color:#ececec;}
div.keycell {margin-top:0px;background-color:#fff;border-color:#ececec;text-align:center;margin-bottom:0px;}
div.keycell img{width:100%;border:0px solid black;max-width:150px;}
.byby400 {text-align:left;}
h3,h2 {text-align:center;color:#5e5e5e;}
body{color:#5e5e5e;padding-top:50px;}
th {background-color:#bdbcbc;}
div.option-pic {text-align:center;margin-bottom:10px;}
div.option-pic img{width:100%;max-width:250px;}
img.social {width:80%;max-width:55px;}
img.tandem-std {width:100%;}
img.tandem-mobile {width:100%;max-width:300px;}
#lpt-xxl {max-width:500px;}
img.stacker-cat1 {width:100%;max-width:250px;}
img.stacker-cat2 {width:100%;max-width:350px;}
img.slideshow {width:100%;max-width:400px !important;margin-left:auto;margin-right:auto;padding-bottom:100px;}
.chevron-color {color:#000;}
.img-thumbnail {width:50px !important;height:50px;}
.img-thumbnail:hover{background-color:#e2e2e2;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {color:#0872bc;background-color:#fff;}
body.modal-open {overflow: visible;}
.menu ul li img{
    width: 65%;
    height: auto;
}
.menu ul li ul img{
     width: 70px;
      height: 70px;
}
.menu ul li h6{
    font-weight: bold !important;  
    color: #111 !important;
    font-size: 13px !important;
}
.menu ul li ul {
    margin-left: 85px;
}
.noshow {display:none;}
@media (min-width: 1200px) {.carousel-inner .item {height:300px;}}
@media (max-width: 992px) {.navbar-brand img {width:240px;}.carousel-inner .item {height:240px;} .byby992{display:none;} .hihi992{display:inline;}}
@media (max-width: 767px) {.navbar-brand img {width:270px;} #phone { display:inline-block;left:20px;} #side{display:none;} .spec-degrade{display:none;} .byby767{display:none;}}
@media (max-width: 768px) {.carousel-inner .item {height:240px;}.rightlogo{display: none}}
@media (max-width: 525px) {.carousel-inner .item {height:200px;}}
@media (max-width: 425px) {.carousel-inner .item {height:160px;}}
@media screen and (min-width:766px) {#phone {  display:none; }}
@media (max-width: 640px) {.byby650{display:none;} .hitable650{display:table;}}
@media (max-width: 550px) {.navbar-brand img {} #phone { display:none;} .byby550{display:none;} .mobile-spec{display:table;} .std-spec{display:none;} .mobile-quote{display:block;} .btn-lpi{font-size:12px !important;}}
@media (max-width: 400px) {.navbar-brand img {width:175px;} #phone { left:1px;top:15px;font-size:14px;} .byby400{display:none}}
@media (max-width: 350px) {.navbar-brand img {width:200px;} .byby350{display:none} .btn-lpi{font-size:10px !important;padding:2px;}}
.rightlogo{float: right;
    height: 40px;
    
    position: relative;
    top: 10px;}
*{padding:0;margin:0;}
/*body{background:url(bg.jpg) top center no-repeat;background-attachment: fixed;background-size: 100% auto ;}*/
#mybg{position: fixed;width:100vw;height:100vh;top:0;left:0;background: rgba(0,0,0,0.5);z-index:1111;}
.mybox{padding:30px;height:300px;}
#close{
	height: 30px;
    width: 30px;
    background:#cbcbcb;
    color: white;
    position: absolute;
   cursor: pointer;
    z-index: 11111111;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    border-radius: 30px;
}
.smore{
	position: absolute;
	left:0;right:0;margin:auto;
	background: #FE4C00;
	color:white;
	width:160px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color:white;
	 z-index: 11111111;
	 border-radius: 10px
}
.mybox .smore{left:auto;right:30px;bottom:20px;height: 35px;line-height: 35px;}
#triangle-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 16px solid rgb(2, 109, 189);
     position: absolute;
     left:0;right:0;margin:auto;bottom:-16px;
}
#triangle-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid rgb(2, 109, 189);
    border-bottom: 10px solid transparent;
     position: absolute;
    left:-18px;top:0;bottom:0;margin: auto;
}
#triangle-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 18px solid rgb(2, 109, 189);
    border-bottom: 10px solid transparent;
    position: absolute;
    right:-18px;top:0;bottom:0;margin: auto;
}

#wrapper a{display: block;position: absolute;}
#myBox1{left:33.5vw !important;right:auto !important;margin:0 !important;top:20vw !important;height:auto !important;}
#myBox2{right:30vw !important;left:auto !important;margin:0 !important;top:25vw !important;height:auto !important;}
#myBox3{left:29.5vw !important;right:auto !important;margin:0 !important;top:10vw !important;height:auto !important;}
.hidden{display: none}
.box a div{box-sizing: border-box;text-align: left;}
.hover{position: relative;}
 
.diva:hover .hover{display: block !important;}
p{background: none !important}
p span{background: none !important} 

 
@keyframes myshow
{
from {opacity:0;}
to {opacity:1}
}

 .footer a{color:white;}

 #page{margin-bottom:50px;}
 .container #video{
    width:650px !important;
    display: block;
    margin:10px auto;
 }
 .container #btn{
     display: block;
    margin:5px auto;
 }