/*---------------------------
[Template Structure]
Project: SlideOut
Version: 1.0
Primary Use: Site Template
Layout: Responsive
Platforms: Mobile & Tablet
-----------------------------
@charset "UTF-8";/* 1. General*/
body{height:100%;background-color: #f6f6f6;}

.disabled{display:none;}
::-webkit-scrollbar{display: none;}
.all-elements{/*position:absolute;*/overflow-x:hidden!important;width:100%;height:100%;min-height:100%;max-height:100%;}
.large-title h2{text-align:center;}
.large-title p{text-align:center;}
/*Backgrounds*/.bg1{background-image:url(../images/pictures/1.jpg);background-position:center center;}
.bg2{background-image:url(../images/pictures/2.jpg);background-position:center center;}
.bg3{background-image:url(../images/pictures/3.jpg);background-position:center center;}
.bg4{background-image:url(../images/pictures/4.jpg);background-position:center center;}
/*Center Socials*/.facebook-color{background-color:#3b5998;color:#FFFFFF;}
.twitter-color{background-color:#4099ff;color:#FFFFFF;}
.google-color{background-color:#d34836;color:#FFFFFF;}
.pinterest-color{background-color:#C92228;color:#FFFFFF;}
.sms-color{background-color:#27ae60;color:#FFFFFF;}
.mail-color{background-color:#3498db;color:#FFFFFF;}
/*/////
/*//*Footer*//*/////
/*/
.footer-ball{width:50px;height:50px;position:fixed;line-height:50px;z-index:99999;bottom:32px;left:50%;margin-left:-27px;background-color:#d34836;border-radius:50px;color:#FFFFFF;text-align:center;font-size:14px;transition:all 250ms ease-in-out;transform:scale(1, 1);-webkit-transform:scale(1, 1);}
.footer-ball:hover{color:#FFFFFF;transition:all 250ms ease-in-out;transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);}
.footer-clear{height:80px;}
.footer-ball i{width:50px;height:50px;text-align:center;line-height:50px;}
.footer p{clear:both;margin-bottom:20px;}
.content-box .footer-socials{width:240px;}
.footer-socials{width:300px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;padding-top:20px;padding-bottom:20px;margin-top:-15px;margin-bottom:20px!important;}
.footer-socials a:hover{transform:scale(1.15, 1.15 );color:#FFFFFF;transition:all 200ms ease-in-out;}
.footer-socials a{width:35px;height:35px;text-align:center;line-height:35px;border-radius:35px;float:left;margin-left:10px;margin-right:10px;font-size:12px;color:#FFFFFF;transition:all 200ms ease-in-out;}
.footer-socials a i{width:35px;height:35px;line-height:35px;}
.footer-up { background-color: #ffe50e;line-height: 32px!important; width: 2rem;text-align: center; color: #000;bottom: 4rem; z-index: 999;position: fixed;right: 0;display: block;}
#btn{
        width: 40px;
        height: 80px;
        position: fixed;
        bottom: 50px;
        right: 50px;
    }

.footer-menu{position:fixed;z-index:9999999;background-image:url(../images/misc/menu-bg.png);background-size:100px 100px;width:100%;height:60px;bottom:0px;}
.footer-menu a{border-right:solid 1px rgba(255,255,255,0.08);color:#FFFFFF;font-size:14px;}
.footer-menu a:hover{color:#FFFFFF;background-color:rgba(255,255,255,0.05);}
.footer-menu-clear{height:60px;}
.footer-menu a i{height:60px;line-height:60px;}
.footer-menu-three-icons a{width:33.3%;float:left;text-align:center;}
.footer-menu-four-icons a{width:25%;float:left;text-align:center;}
.footer-menu-five-icons a{width:20%;float:left;text-align:center;}
.footer-menu-six-icons a{width:16.7%;float:left;text-align:center;}

.footer-service{background-color: #ffe50e; padding: 0.4rem 1rem 0 1rem;}
.footer{padding: 0.25rem 0 3rem 0;text-align: center;}
.footer p{line-height: 1.3rem; margin-bottom: 0;color: #1f1f1f;}
.footer-service dl{width: 49%; display: inline-block; margin-bottom:0.25rem;vertical-align: text-top;}
.footer-service dl dt{font-size: 0.9rem; color: #1f1f1f; font-weight: bold;margin-bottom: 0.4rem;text-align: center;}
.footer-service dl dd{color: #000;text-align: center;}
.footer-service dl dd a{color: #000;}
.footer-service dl dd img {width: 5.5rem;margin: 0.3rem auto;}

.footnav{position:fixed;bottom:0;margin:0;width:100%;z-index:9999; padding:3px 0 0 0;background:#fff; border-top:1px solid #575757;}
.footnav ul{margin:0 auto;max-width:640px;width:100%;overflow:hidden;}
.footnav li{float:left;width:25%;padding:0;list-style-type: none;}
.footnav li a{display:block;width:100%;height:100%;text-align:center;color:#1f1f1f;font-size:14px;}
.footnav li a span{display:block;font-size:18px;margin:2px 0 0 0; color: #1f1f1f;}
.footnav li a:hover{color:#ff0;}
.footnav li.active a {color: #f4da00;}
.footnav li.active a span {color: #f4da00;}

.header{/*position:fixed;*/pointer-events:all;z-index:999999;background-color:#ffe50e;width:100%;height:41px;max-height:100%;transform:translateY(0px);-webkit-transform:translateY(0px);transition:all 250ms ease-in-out;border-bottom:solid 1px rgba(0,0,0,0.1);}
.header .text{display: inline-block;margin-top: 0.7rem;margin-left: 2.7rem;color: #1f1f1f;width: 34%;}
.header .text p{margin-bottom: 0;line-height: 20px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.header-clear{height:30px;}
.header a:hover{color:#1f1f1f;}
.header a i{-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);transition:all 250ms ease;}
.hide-header-left{pointer-events:none!important;transform:translateX(80px)!important;-webkit-transform:translateX(80px)!important;transition:all 250ms ease-in-out;}
.main-logo{float: left;
    margin-left: 1rem;
    margin-right: 0.2rem;
    display: inline-block;
    width: 19%;
    height: 100%;
    align-items: center;
    display: flex;}
    .main-logo img {
    width: 100%;
}
.search{height: 2.8rem;border: 1px solid #333;z-index: 9;margin:0.45rem auto 0.25rem auto;}
span.search-ico{display: inline-block;vertical-align: text-bottom;position: absolute;right: 0.8rem;top: 0.4rem;}
.search.content span.search-ico {
    top: 0.8rem;
}
.search .search-ico img{cursor: pointer;}
.search input{width: 88%;height: 2.8rem;border:0;background: none;margin-left: 0.8rem;font-size: 0.9rem;display: inline-block;}
.search input:focus{outline: none;}
.hot{margin:0 auto;margin-bottom: 0.2rem;}
.hot a{color: #777;display: inline-block;padding-right: 0.5rem;}
.hot a:hover,.hot a:focus{color: #d34836;}
.open-menu{float:right;width:50px;font-size:21px;text-align:center;color:#1f1f1f;margin-right:10px;}
.open-mail{float:right;width:50px;height:80px;line-height:80px;font-size:14px;text-align:center;color:#1f1f1f;margin-top:5px;}
.open-back{float:right;width:50px;height:80px;line-height:80px;font-size:14px;text-align:center;color:#1f1f1f;margin-top:5px;}
.snap-drawer{background-color:#262d33;}
/*#content{padding-top:3rem;}*/
.snap-drawer a{font-family:'Roboto', sans-serif;text-transform:uppercase;font-weight:600;font-size:11px;color:#d6dee6;text-shadow:0px 2px 0px #000000;width:80px;height:80px;text-align:center;line-height:80px;padding-top:22px;border-bottom:solid 1px #161b1f;-webkit-box-shadow: 0 1px 0 0 #3e444a;box-shadow: 0 1px 0 0 #3e444a;}
.snap-drawer a:hover{color:#FFFFFF;}
.snap-drawer a i{color: #ffffff;/* Old browsers*/display:block;font-size:20px;margin-bottom:-30px;padding-bottom:2px;font-size:20px;}
.snap-drawer .fa-mobile{font-size:34px;margin-top:-7px;}
.selected-item{background-color:rgba(255,255,255,0.05);font-weight:800!important;}
/*Center Socials*/.center-socials{width:180px;margin-left:auto;margin-right:auto;margin-bottom:0px;padding-top:10px;margin-top:-10px;}
.center-socials a{transition:all 250ms ease;margin-bottom:30px;}
.center-socials a:hover{color:#FFFFFF;transform:scale(1.1, 1.1);transition:all 250ms ease;}
.center-socials a i{width:40px;height:40px;line-height:40px;}
.center-socials .facebook-social{width:40px;height:40px;text-align:center;line-height:40px;border-radius:40px;float:left;margin-left:10px;margin-right:10px;}
.center-socials .twitter-social{width:40px;height:40px;text-align:center;line-height:40px;border-radius:40px;float:left;margin-left:10px;margin-right:10px;}
.center-socials .google-social{width:40px;height:40px;text-align:center;line-height:40px;border-radius:40px;float:left;margin-left:10px;margin-right:10px;}
/*Content Heading*/
.content-heading{margin-bottom: 30px!important;}
.content-heading:after {
    background: #1f1f1f;
    height: 1px;
    width: 100%;
}
.content-heading h2{display: inline-block;
    font-size: 16px;
    float: left;
    background-color: #ffe50e;
    margin-right: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 1px;
    padding-bottom: 1px;margin-bottom: 0 !important;}
.content-heading.full-bottom {
    margin-bottom: 0!important;
    z-index: 1;
}
.pt-20{padding-top: 20px;}
.pt-10{padding-top: 5px;}
.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pt-2{padding-top:2px}
.pt-1{padding-top:1px}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.content-heading span {float: right;margin-top: 5px;}
.content-heading span a {color: #1f1f1f;}
.content-heading i{position:absolute;right:0px;height:45px;width:45px;line-height:47px;text-align:center;top:0px;color:#FFFFFF;background-color:#1f1f1f;border-radius:47px;font-size:18px;}
.content-heading em{font-size:13px;margin-top:-5px;display:block;color:#2980b9;}
.h-1{width: 100%;height: 1px;background: #ccc;top: -1px;}
.two-half-responsive{width: 50%;float: left;padding: 0 0.28571429rem;margin-bottom:5px;}
.navigation{background: #f6f6f6;overflow: hidden;}
.product-item-pic{max-height: 6rem;min-height: 6rem;overflow: hidden;}
.product-item-pic img{width: 100%;vertical-align: middle;}
.product-item-info{ padding: 0;
    height: 21px;
    overflow: hidden;
    position: relative;}
.product-item-info p{line-height: 24px;}
.text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;margin-bottom: 0;}
.product-item-info-prices > strong{font-size: 1rem;color: #FF734C;font-weight: 500;}
.product-item-info-prices{margin-bottom: 0;}
/*技术信息*/


/*Thumbnails Columns*/
.thumb-clear{height:40px;display:block;width:100%;}
.thumb-left{line-height:24px;display:block;padding-bottom:10px;}
.thumb-left a{display:block;text-align:right;}
.thumb-left img{width:100px;height:100px;float:left;margin-right:20px;transition:all 500ms ease;}
.thumb-left img:hover{transform:scale(0.9, 0.9);transition:all 500ms ease;}
.thumb-left strong{color:#1a1a1a;display:inline-block;padding-bottom:5px;font-size:13px;}
.thumb-left em{font-style:normal;}
.thumb-right{line-height:24px;display:block;padding-bottom:10px;}
.thumb-right img{width:100px;height:100px;border-radius:100px;float:right;margin-left:20px;transition:all 500ms ease;}
.thumb-right img:hover{transform:scale(0.9, 0.9);transition:all 500ms ease;}
.thumb-right strong{color:#1a1a1a;display:inline-block;padding-top:5px;padding-bottom:5px;font-size:13px;}
.thumb-right em{font-style:normal;}
@media (min-width:600px){.thumb-left img{width:140px;height:140px;border-radius:150px;}
.thumb-left em{line-height:28px;}
.thumb-left strong{padding-top:10px;}
.thumb-right img{width:140px;height:140px;border-radius:150px;}
.thumb-right em{line-height:28px;}
.thumb-right strong{padding-top:10px;}}
/*///////////////////
/*//*Quote & Staff Slider*//*///////////////////
/*/
.staff-item img{border-radius:300px;max-width:150px;margin-left:auto;margin-right:auto;transition:all 500ms ease;margin-top:10px;}
.staff-item img:hover{transform:scale(1.1, 1.1);transition:all 500ms ease;}
.staff-item h4{text-align:center;margin-top:20px;font-size:16px;}
.staff-item em{text-align:center;font-size:12px;color:#e34e47;display:block;margin-top:-10px;margin-bottom:10px;font-style:normal;}
.staff-item strong{display:block;font-weight:400;text-align:center;padding-left:20px;padding-right:20px;line-height:28px;}
/* Quote Slider*/.quote-slider h4{font-family:'Source Sans Pro', sans-serif;font-size:18px;font-weight:300;width:87%;text-align:center;margin-left:auto;margin-right:auto;line-height:36px;}
.quote-slider a{text-align:center;margin-top:20px;}
.features-page a{font-size:14px;}
.features-page a i{width:15px;text-align:center;padding-right:30px;color:#c0392b;}
.features-page{border-top:solid 1px rgba(0,0,0,0.1);margin-top:30px!important;display:block;}
.features-page a{line-height:60px;border-bottom:solid 1px rgba(0,0,0,0.1);color:#1f1f1f;font-weight:500;}
.features-page a:hover{color:#1f1f1f;}
.features-page .fa-angle-right{float:right;line-height:60px;text-align:right!important;margin-right:-20px;}
/*Back Button*/
.back-button{position:absolute;right:0px;z-index:10;font-size:13px;}
.back-button i{padding-right:10px;font-size:12px;}
/*Reminder Box*/
.reminder-check-square{background-image:url(../images/ui/checkbox1.png);background-repeat:no-repeat;background-size:16px 18px;background-position:10px 43px;}
.reminder-check-round{background-image:url(../images/ui/radio2.png);background-repeat:no-repeat;background-size:16px 18px;background-position:10px 43px;}
.reminder i{padding-right:10px;}
.reminder-check-square-selected{background-image:url(../images/ui/checkbox1c.png);}
.reminder-check-round-selected{background-image:url(../images/ui/radio2c.png);}
.reminder-check-square-selected em{opacity:0.5;transition:all 250ms ease;}
.reminder-check-square-selected strong{opacity:0.5;transition:all 250ms ease;}
.reminder-check-round-selected em{opacity:0.5;transition:all 250ms ease;}
.reminder-check-round-selected strong{opacity:0.5;transition:all 250ms ease;}
.reminder strong{font-size:14px;font-weight:600;padding-left:50px;color:#1f1f1f;transition:all 250ms ease;}
.reminder em{display:block;padding-left:50px;transition:all 250ms ease;font-style:normal}
.reminder{border-bottom:solid 1px rgba(0,0,0,0.1);padding-bottom:30px;padding-top:30px;}
/*Checklists*/
.checklist-square{font-size:14px;font-weight:500;background-image:url(../images/ui/checkbox1.png);background-size:16px 18px;background-position:0px 32px;background-repeat:no-repeat;padding-left:30px;border-bottom:solid 1px rgba(0,0,0,0.1);padding-bottom:30px;color:#1f1f1f;transition:all 250ms ease;padding-top:30px;}
.checklist-square-selected:hover{color:#1f1f1f;text-decoration:line-through!important;transition:all 250ms ease;}
.checklist-square:hover{color:#1f1f1f;}
.checklist-square-selected{background-image:url(../images/ui/checkbox1c.png);text-decoration:line-through;opacity:0.5;transition:all 250ms ease;}
.checklist-round{font-size:14px;font-weight:500;background-image:url(../images/ui/radio1.png);background-size:16px 18px;background-position:0px 32px;background-repeat:no-repeat;padding-left:30px;border-bottom:solid 1px rgba(0,0,0,0.1);padding-bottom:30px;color:#1f1f1f;transition:all 250ms ease;padding-top:30px;}
.checklist-round-selected:hover{color:#1f1f1f;text-decoration:line-through!important;transition:all 250ms ease;}
.checklist-round:hover{color:#1f1f1f;}
.checklist-round-selected{background-image:url(../images/ui/radio1c.png);text-decoration:line-through;opacity:0.5;transition:all 250ms ease;}
/*Banner*/
.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
#position{ position:absolute; bottom:0.3rem; right:0; padding-right:8px; margin:0; width:100%;text-align:center;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#000;}
#position li.cur{background-color:#ffe50e;}
.img-responsive { display: block; max-width:100%;height: auto;}
.container.mb-0{margin-bottom: 0;}
.open-menu b { font-size: 14px;}
i.fa.fa-navicon {display: block;}

@media (max-width:320px){
.main-logo{width: }
.open-menu{margin-right: 5px;}
#content{padding-top: 3.7rem;}
}

.open-menu1{float: right; width: 50px; font-size: 21px; text-align: center; color: #1f1f1f;}
.open-menu1 b{font-size: 14px;display: block;}
.more-menu{position: absolute; top: 41px; background-color: #333; display: none; z-index: 9999999; border-top: none; right: 0; width: 150px; border-radius: 4px;right: 5px;} 
.more-menu a{color: #3366CC;}
.more-menu a:hover{background:none;}
.more-menu ul li{height: 40px; line-height: 40px; color: #fff; font-size: 14px; border-bottom: 1px solid #656565; padding-left: 20px;margin-bottom: 0;}
.more-menu ul li a{color: #fff;display: inline-block;vertical-align: top;}
.more-menu ul li i{font-size: 16px;margin-right: 5px;}
.select{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('../images/icon_down.png') no-repeat scroll right center transparent;
background-size: 0.3rem;
background-position-x: 96%;
width: 120px;height: 28px;padding-left: 5px;font-size: 15px;
}