body{font-size:16px;background:#fff url(../img/bg.jpg) no-repeat center bottom;background-size:cover;}
h1,h2,h3,h4,h5,h6{margin:0 0 1em;font-weight:normal;}
p{margin:0 0 1em;}
a,a:focus,a:hover{outline:0;text-decoration:none;}
.img-rounded{max-width:100%;border-radius:0;}
.btn,.thumbnail,.panel{border-radius:0;transition:all ease-in-out 300ms;}
.wrapper{position:relative;padding-top:110px;padding-bottom:30px;min-height:calc(100vh - 80px);box-sizing:border-box;}
.breadcrumb{padding:8px 0;background-color:transparent;}

/* navbar */
.navbar-default .navbar-top{padding:8px 0;height:36px;border-bottom:1px solid #ddd;font-size:14px;overflow:hidden;}
.navbar-default .print{margin:0 0 0 25px;width:100%;white-space:nowrap;overflow:hidden;-webkit-animation:dy 8s steps(60, end) infinite;animation:dy 8s steps(50, end) infinite;}
@-webkit-keyframes dy{from{width:0;}}
@keyframes dy{from{width:0;}}
.glyphicon-volume-up{position:absolute;top:2px;font-size:20px;}
.col-xs-6.language{text-align:right;}

.navbar-brand{padding:10px 15px;}
.navbar-brand > img{display:block;width:229.6px;height:50px;}

.navbar-default .navbar-nav{font-size:18px;}
.navbar-nav > li:hover .dropdown-menu{display:block;}

.navbar-nav>li>a{padding-top:25px;padding-bottom:25px;}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#555;background-color:#e7e7e7;}
.navbar-default .navbar-nav>.active>a{color:#ef0945;background-color:transparent;}
.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#ef0945;}

.navbar-default .navbar-form{margin-top:18px;margin-bottom:18px;}
.navbar-default .navbar-form .btn{border-top-right-radius:4px; border-bottom-right-radius: 4px;}


/* banner */
/* .carousel .carousel-inner .item{opacity:1;background-position:center top;background-size:cover;transition:all .6s ease-out;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;} */
.carousel{margin-top:70px;width:100%;height:540px;background:#fff;overflow:hidden;}
.carousel .carousel-inner{width:100%;background:#000;}
.carousel .carousel-inner .item{width:100%;height:100vh;background-size:cover;}
.carousel .gradient{position:absolute;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.8) 25%,rgba(0,0,0,.4) 100%);}
.carousel .carousel-caption{top:50%;bottom:0px;transform:translateY(-50%);letter-spacing:1px;text-shadow:0 1px 0px rgba(0,0,0,.6)}
.carousel .carousel-caption h3{font-size:54px;}
.carousel .carousel-caption p{margin-bottom:0;font-size:24px;;}
.carousel-indicators li{width:40px;height:8px;border:0;margin:0;background:#fff;}
.carousel-indicators .active{width:40px;height:8px;background:#ef0945;}

/* other */
.other{height:400px;background-size:cover;background-position:top center;}
.other a{display:block;color:#fff;overflow:hidden;}
.other .text{position:absolute;z-index:1;left:0;bottom:20%;padding:25px;text-align:center;text-shadow:0px 1px 0px #000;}
.other h3{font-size:32px;}
.other p{line-height:1.8;font-size:15px;}

/* new product
.new-product{position:relative;background-color:#009cde;background-image:radial-gradient(circle farthest-side at center top,#009cde,#003087 125%);} */
.new-product{width:100%;background:rgba(0,156,222,0.7);}
.full{position:relative;padding-top:5%;padding-bottom:5%;}
.full .row{margin-right:-5px;margin-left:-5px;padding-top:30px;padding-bottom:30px;}
.full .header{width:100%;}
.full .header h2{margin-bottom:30px;color:#fff;font-size:48px;text-align:center;}

.full .thumbnail{padding:0;background-color:#fff;border:none;opacity:.9;}
.full .thumbnail:hover{transform:translateY(-5px);transition:all .5s ease;}
.full .thumbnail .caption{padding:30px 0;border-bottom:2px solid #f00;text-align:center;}
.full .thumbnail .caption h3{margin-bottom:0;line-height:1.4;color:#333;}
.full .thumbnail .model{margin-top:20px;color:#555;font-size:15px;}

.btn.btn-danger .glyphicon{font-size:80%;}
/* news
.news{background:#333 url(../img/news.jpg) no-repeat bottom;background-size:cover;} */
.news{width:100%;background:rgba(255,255,255,0.2);}
.news .panel{position:relative;display:block;padding:40px;height:400px;background-color:rgba(255,255,255,.9);overflow:hidden;}
.news .panel:hover{transform:translateY(-5px);transition:all .5s ease;}
.news .panel .date{display:block;margin-bottom:20px;color:#fff;font-family:"Times New Roman",Times,serif;}
.news .panel .year{padding:4px 6px;background:#05ad8e;}
.news .panel .month{padding:4px 6px;background:#1c303b;}
.news .panel .text{letter-spacing:1px;text-align:justify;}
.news .panel h3{line-height:1.4;color:#333;}
.news .panel .describe{color:#555;font-size:15px;}
.news .bottom{position:absolute;bottom:50px; right:40px;}
.glyphicon-option-horizontal{top:5px;}
/* aboutus */
.aboutus{width:100%;background:rgba(222,104,0,.2);}
.aboutus .full .row{margin-right:15px;margin-left:15px;}
.aboutus .header h2{margin-bottom:30px;font-size:48px;text-align:center;}
.aboutus .other:hover{transform:translateY(-5px);transition:all .5s ease;}

.wrap{margin-top:70px; background:#fff;}
.wrap .container{position:relative;z-index:999;}
.page-header{margin:0 0 40px;letter-spacing:1px;text-align:center;}
.page-header .glyphicon{margin-right:4px;font-size:90%;}
.page-header .glyphicon-eye-open{margin-left:20px;}
.auxiliary{font-size:90%;color:#666;}
.article{line-height:2;text-align:justify;}
.article img{max-width:100%;}

.masthead{position:relative;padding-top:150px;padding-bottom:150px;height:520px;text-align:center;}
.masthead.product{background:url(/assets/img/doorway/product.jpg) no-repeat top center fixed;background-size:auto 630px;}
.masthead.solution{background:url(/assets/img/doorway/solution.jpg) no-repeat top center fixed;background-size:auto 630px;}
.masthead.case{background:url(/assets/img/doorway/case.jpg) no-repeat top center fixed;background-size:auto 630px;}
.masthead.support{background:url(/assets/img/doorway/support.jpg) no-repeat top center fixed;background-size:auto 630px;}
.masthead.news{background:url(/assets/img/doorway/news.jpg) no-repeat top center fixed;background-size:auto 630px;}
.masthead.about{background:url(/assets/img/doorway/about.jpg) no-repeat top center fixed;background-size:auto 630px;}
.masthead .caption{color:#fff;}
.masthead .caption h1,.masthead .caption h2{margin-bottom:20px;font-size:58px;}

.masthead .location{position:absolute;bottom:0;width:100%;height:70px;background:rgba(89,152,210,0.85);}
.masthead .location .col-xs-3,.masthead .location .col-md-3{padding-left:0;padding-right:0;line-height:70px;border-right:1px solid rgba(255,255,255,.3);color:#fff;}
.masthead .location .col-xs-3 a,.masthead .location .col-md-3 a{display:block;color:#fff;}
.masthead .location .col-xs-3 a:hover,.masthead .location .col-md-3 a:hover{background-color:rgba(255,255,255,.1);}

/* sidebar */
.sidebar .list-group{min-width:120px;list-style:none;}
.sidebar .list-group-item{margin-bottom:-1px;border-radius:0px;}
.sidebar .list-group .disabled{cursor:pointer;}
.sidebar .list-group ul{padding-left:0px;list-style:none;}
.sidebar .list-group-title{position:relative;display:block;padding:10px 15px;border:1px solid #ddd;border-bottom:0;background:#f5f5f5;font-weight:bold;}
.sidebar .list-group .selected{background-color:#d9edf7;}
.sidebar .list-group .active{border:1px solid #ddd;color:#c00;background-color:transparent;}
.sidebar .glyphicon-record{top:0px;font-size:10px;}
.sidebar .glyphicon-menu-right{top:8px;}
.sidebar .nav-stacked > li + li{margin-top:-1px;}
.sidebar a:focus, .sidebar a:hover {color:#ef0945;}

.layout{padding:120px 0;}
/* list */
.list{padding-right:5px;padding-left:5px;}
.list .col-md-4{padding-right:10px;padding-left:10px;}
.list .col-xs-6{}
.list .panel-default a :hover img, .list  .panel-default a:hover img{transform: scale(1.02);-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-ms-transform: scale(1.02);-o-transform: scale(1.02);transition: transform 1s ease 0s;-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-ms-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
.list .panel-default a :focus, .list .panel-default a :hover {color:#ef0945;}

.view{overflow:hidden;}
.view h1{padding-bottom:15px;border-bottom:1px solid #ddd;font-size:28px;}
/* nav-tabs */
.plane-centered{position:relative;border-bottom:1px solid #ddd;}
.nav.nav-tabs{position:relative;bottom:-1px;display:table;margin-left:auto;margin-right:auto;}
.nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {border:1px solid #ddd;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {padding:6px 25px 10px;border-top:5px solid #0096e2;}

/* tab-pane */
.tab-pane{padding-top:20px;line-height:2;}
.tab-pane .table{margin-top:10px;}
.tab-pane ul{padding-left:0;}
.tab-pane ul li{padding-left:12px;list-style-type:none;background:url(/assets/img/triangle.png) no-repeat 0px 10px;background-size:8px 10px;}
.tab-pane ul > ul,.tab-pane ul > li > ul{padding-left:40px;}
.tab-pane ul > ul > li,.tab-pane ul > li > ul > li{padding-left:0;list-style-type:circle;background:none;}
/* case */
.panel-heading{overflow:hidden;padding:0;background:#ddd;text-align:center;}
.panel-title{height:48px;line-height:1.4;text-align:center;overflow:hidden;}
.img-thumbnail{padding:0px;border:0 none;border-radius:0px;}

/* support */
.support-layout .list-group-item{border-radius:0;overflow:hidden;}
.support-layout .col-xs-12{padding-right:0;padding-left:0;}
.support-layout .number{margin-right:20px;width:30px;border-right:1px solid #ddd;}
.support-layout .download{float:right;width:60px;text-align:right;}
.support-layout .badge{padding:6px 12px;}
.support-layout .time{margin-left:10px;color:#999;font-size:90%;}
/* news */
.col-md-10.col-md-offset-1{padding-right:0;padding-left:0;}

.media{padding:20px;}
.media .media-object{width:200px;}
.media .media-left{padding-right:20px;}
.media .media-body{color:#333;}
.media .media-heading{margin-bottom:15px;}
.media .panel-txt{margin-bottom:0px;}
.media .media-right{padding-left:20px;text-align:center;}
.media .list-group-item-success,.media .list-group-item-info{padding:5px;}

table.table.text-center th,table.table.text-center td{text-align:center;}
nav.text-center{display:inline-table;width:100%;}
/* about */
.company-profile .panel{display:block;min-height:360px;overflow:hidden;}
.company-profile .col-xs-12{padding-right:0;padding-left:0;min-height:360px;}
.company-profile .col-xs-12 img{width:100%;}
.company-profile .col-xs-12.explain{padding:50px;color:#333;}
.company-profile .col-xs-12 .model{line-height:1.8;}
.company-profile a{display:block;overflow:hidden;}

.other-column a{display:block;color:#fff;}
.other-column .panel{display:block;padding:50px;min-height:360px;background-color:transparent;overflow:hidden;}
.about .panel h2{font-weight:bold;}
.other-column .model{line-height:1.8;}


.company-profile .btn-danger,.other-column .btn-danger{position:absolute;right:65px;bottom:50px;}
/* footer */
.footer{width:100%;background:rgba(89,152,210,0.9);font-size:15px;}
.footer .container{padding:40px 0 20px;}
.footer dt{color:#fff;margin:0 0 10px;letter-spacing:1px;}
.footer dt a{color:#fff;}
.footer dd a{color:#fff;display:block;line-height:1.25em;padding-top:.375em;padding-bottom:.375em;transition:color .3s ease;}
.footer .col-md-5{text-align:right;}
.copyright{padding:20px;border-top:1px dotted #fff;color:#fff;opacity:.8;}
.copyright a{color:#fff;}
.footer a:hover{text-decoration:underline;}
.footer-link{color:#ccc;text-align:center;}
.footer-link a{margin-right:10px;color:#ccc;}
.footer-link a:last-child{margin-right:0;}

.kefu{position:fixed;top:45%;right:15px;z-index:999;}
.kefu img{border-radius:4px;}

@media (max-width:767px){
body{font-size:14px;}
h1{font-size:32px;}h2{font-size:26px;}h3{font-size:20px;}h4{font-size:14px;}
.wrap{margin-top:50px;}
.layout{padding:50px 0;}

.navbar-default{max-height:50px;}
.navbar-default .navbar-nav{font-size:16px;font-weight:bold;}
.navbar-default .navbar-nav>li>a{padding:15px;border-top:1px solid #ddd;text-align:right;}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#555;background-color:transparent;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#333;background-color:transparent;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-top:0;background-color:#fff;}
.navbar-default .navbar-form{margin-top:0;margin-left:0;margin-right:0;padding-top:20px;border-top:1px solid #ddd;border-bottom:0px;}
.navbar-nav{margin-bottom:10px;}

.navbar-brand > img{width:153.9px;height:30px;}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:93vh;}
.nav > li{overflow:hidden;}
.navbar-default .dropdown-menu{position:relative;display:block;text-align:right;}
.dropdown-menu > li > a{padding:8px 15px;}

.carousel::after{display:none;}
.carousel{margin-top:0px;height:auto;}
.carousel .carousel-inner .item{width:100%;height:calc(100vh - 50px);background-size:cover;}
.carousel .carousel-caption{bottom:auto;}
.carousel .carousel-caption h3{font-size:24px;}
.carousel .carousel-caption p{font-size:15px;}
.carousel .carousel-control{width:15%;}

.other{height:300px;}
.other .text{bottom:20px;text-align:center;}
.other h3{font-size:24px;}

.full{padding-top:50px;padding-bottom:50px;}
.full .thumbnail .caption{padding:20px 0;}
.view h1{font-size:21px;}

.new-product .col-md-3{padding-right:1px;padding-left:1px;}
.new-product .thumbnail h3{font-size:18px;}
.new-product .model{font-size:13px;}

/* news */
.full .header h2{font-size:28px;}
.new-product .row,.news .row{margin-right:-15px;margin-left:-15px;padding-top:0px;padding-bottom:0px;}
.layout-news .panel{margin-bottom:0;padding:0;}
.layout-news  .media-left{padding-right:10px;}
.layout-news .media-object{width:80px;}
.layout-news .media-body{padding-right:10px;vertical-align:middle;}
.layout-news .panel h3{margin-bottom:0;font-size:16px;}
.layout-news .panel .describe{font-size:13px;}

.page-header h1{font-size:24px;font-weight:bold;}
.article h3{font-size:14px;font-weight:bold;}

.news .panel{padding:20px;height:auto;}
.news .panel .date{margin-bottom:5px;font-size:11px;}
.aboutus .full .row{margin-right:0px;margin-left:0px;padding-top:0px;}

/* masthead */
.masthead{padding-top:100px;padding-bottom:100px;height:320px;}
.masthead.product{background: url(/assets/img/doorway/product.jpg) no-repeat right center fixed;background-size:auto;}
.masthead.solution{background:url(/assets/img/doorway/solution.jpg) no-repeat left center fixed;background-size:auto;}
.masthead .caption h1,.masthead .caption h2{margin-bottom:10px;font-size:32px;}
.masthead .location{height:40px;}
.masthead .location .col-xs-3,.masthead .location .col-md-3{width:auto;line-height:40px;}
.masthead .location .col-xs-3 a,.masthead .location .col-md-3 a{padding-left:10px;padding-right:10px;}

.location .pull-right{position:absolute;top:0;right:0;width:50px;height:40px;text-align:right;}
.location .btn{width:50px;height:40px;border:0;background:transparent;color:#fff;}
.location .dropdown-menu ul{padding:0;list-style:none;}
.location .dropdown-menu{margin-top:1px;padding-top:0;min-width:120px;max-height:calc(100vh - 200px);background:#fff;text-align:right;overflow-y:scroll;}
.location .list-group-item{white-space:nowrap;color:#555;}
.location .list-group-item:last-child{margin-top:-1px;border-radius:0;}
.location a.list-group-item{padding:4px 15px;line-height:30px;color:#555;}
.location .list-group-item.active,.location .list-group-item.active:focus,.location .list-group-item.active:hover{color:#fff;background:rgba(89,152,210,0.85);border-color:rgba(89,152,210,0.85);}

.location .list-group-title{position:relative;display:block;padding:10px 15px;border:1px solid #ddd;border-top:0;border-bottom:0;background:#f5f5f5;}
.location .list-group .selected{background-color:#d9edf7;}
.location .list-group .active{border:1px solid #ddd;color:#c00;background-color:transparent;}

/* nav-tabs */
.nav.nav-tabs> li > a {padding:10px 15px;}
.table > thead:first-child > tr:first-child > th, .table > tbody > tr > td {min-width:84px;}
/* list */
.list{padding-left:10px;padding-right:10px;}
.list .col-md-4{padding-left:5px;padding-right:5px;}
.list .panel-body{padding:10px;}
.list .panel-title{height:40px;font-size:14px;}
/* nav */
.pagination{margin-bottom:0;}
/* support */
.support-layout .number{width:100px;border-right:none;}
.support-layout .badge{padding:3px 7px;}
.support-layout .col-sm-8{font-size:16px;}
.support-layout .time{display:block;margin-left:0;}
/* about */
.company-profile a{color:#fff;}
.company-profile .panel{min-height:240px;background:url(/assets/img/01.jpg) no-repeat;}
.company-profile .col-xs-12.explain{padding:20px;min-height:240px;}
.company-profile .btn-danger{position:absolute;right:23px;bottom:30px;padding:4px 8px;font-size:12px;}
.other-column .panel{padding:20px;min-height:240px;}
.other-column .model,.company-profile .model{line-height:1.6;}
.other-column .btn-danger{right:40px;bottom:50px;padding:4px 8px;font-size:12px;}
/* footer */
.footer{background-size:100%;font-size:13px;}
.footer .col-md-10{padding-left:0;padding-right:0;}
.copyright{padding-bottom:60px;}

.toolbar{position:fixed;z-index:999;display:block;bottom:0;left:0;width:100%;color:#fff;background:#000;}
.toolbar a{display:block;width:100%;padding:10px 0 5px 0;line-height:23px;color:#fff;font-size:12px;}
.toolbar a span{display:block;font-size:16px;}
}


@media (min-width:1480px){
.navbar-nav > li > a{padding-top:25px;padding-bottom:25px;}

.container{width:80%;}
.carousel::after{border-width:200px 700px 0 0;}

.carousel .carousel-caption h3{font-size:60px;}

.full .row{margin-right:0;margin-left:0;}
.news .panel{padding:50px;}
.news .panel .date{margin-bottom:15px;}
.news .panel .describe{line-height:1.8;}
}