a:active,a:hover{outline:0;text-decoration:none;}
.btn{box-shadow:0px 2px 12px rgba(0, 0, 0, 0.02);-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}

.separate{padding:50px 0 40px;}
.white{background:#fff;}
.gray{background:#eee;}
.light-grey{background:#f8f8f8;}
.clear{clear:both;}
.subtitle{font-size:16px;}

.main-heading{padding:0 15px 20px;text-align:center;}
.main-heading h2{position:relative;font-size:28px;margin-top:0;padding-bottom:15px;}
.main-heading h2::before{content:'';position:absolute;display:block;width:110px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 55px);}
.main-heading h2::after{content:'';position:absolute;display:block;width:40px;height:3px;background:#007dc6;bottom:0;left:calc(50% - 20px);}

.panel{overflow:hidden;}
.panel-heading, .list-group-item:first-child, .list-group-item:last-child{border-radius:0;}
.pagination > li:first-child > a, .pagination > li:first-child > span{border-top-left-radius:1px;border-bottom-left-radius:1px;}
.pagination > li:last-child > a, .pagination > li:last-child > span{border-top-right-radius:1px;border-bottom-right-radius:1px;}
/* navbar */
.navbar .nav > li .dropdown-menu{margin:0;}  
.navbar .nav > li:hover .dropdown-menu{display:block;}  

.input-group .btn{padding:6px 8px;}
/* banner */
.carousel{top:-60px;}
.carousel .item{height:100vh;opacity:1;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 .carousel-caption a{display:block;width:100%;height:100%;color:#fff;}
/* product */
.product .panel-default{box-shadow:0px 2px 12px rgba(0, 0, 0, 0.02);}
.product .panel-heading{overflow:hidden;padding:0;}
.product .panel-title, .product .panel-footer p{overflow:hidden;margin-top:10px;text-overflow:ellipsis;white-space:nowrap;}
.product .panel-footer p{color:#666;}
.alone .col-md-4:nth-child(4n){display:none;}
.product .panel-default:hover,
.case .panel-default:hover,
.news .panel-default:hover,
.other .panel-default:hover{box-shadow:0px 2px 12px rgba(0, 0, 0, 0.1);transition:all 0.3s ease;border-bottom-color:#ccc;cursor:default;}
.product .panel-default a:hover img,
.case .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;}
/* case */
.case .panel-default{box-shadow:0px 2px 12px rgba(0, 0, 0, 0.02);}
.case .panel-heading{overflow:hidden;padding:0;}
.case .panel-footer{background:#fff;}
.case .panel-title{overflow:hidden;margin-top:7px;text-overflow:ellipsis;white-space:nowrap;}
/* news */
.media .col-md-4{padding-right:0;padding-left:0;vertical-align:middle}
.media .col-md-8{padding:15px;}
.media .media-object{width:100%;height:100%;}
.media .panel-title{overflow:hidden;margin-top:5px;margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;}
.media .panel-txt{overflow:hidden;height:64px;}
.media p{margin-bottom:0;color:#666;}
.media .text-right{color:#999;}
/* masthead */
.masthead{position:relative;top:-60px;background:#000;}
.masthead .module{padding:15% 0 10%;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);transition:all .6s ease-out;}
.masthead .description{font-size:16px;word-break:break-all;}
.masthead .menu{z-index:9;}
.masthead .col-md-2,.masthead .col-md-3,.masthead .col-md-4{padding-right:1px;padding-left:1px;}
.masthead .menu-default{margin-top:2px;background-color:hsla(0,0%,100%,.1);}
.masthead .menu-default a, .masthead .active{display:block;color:#fff;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.6);padding:15px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.masthead .menu-default a:hover{background-color:hsla(0,0%,100%,.2);}
.masthead .active{background-color:hsla(0,0%,100%,.3);}
.drop-down-content{position:absolute;list-style:none;padding:0;width:100%;left:-9999px;z-index:9999;}
.drop-down-content a{display:block;color:#fff;background-color:rgba(1,77,133,.5);}
.drop-down-content li{border-bottom:1px solid #608fa6;}
.drop-down-content li:last-child{border-bottom:0 none;}
.menu-default .drop-down-content a:hover{background-color:rgba(1,77,133,.4);}
.drop-down:hover .drop-down-content{left:0;}
/**/
.product-banner{background:#000 url(../img/product.jpg) repeat-x 50% 80%;}
.view-banner{background:#FAFAFA url(../img/product.jpg) repeat-x 50% 80%;}
.case-banner{background:#000 url(../img/case.jpg) repeat-x 50% 80%;}
.service-banner{background:#000 url(../img/service.jpg) repeat-x 50% 80%;}
.news-banner{background:#000 url(../img/news.jpg) repeat-x 50% 80%;}
.about-banner{background:#000 url(../img/about.jpg) repeat-x 50% 80%;}
/* view */
.header-wrapper{padding-top:80px;padding-bottom:80px;}
.header-wrapper h2{display:inline-block;margin-top:5px;margin-bottom:0;color:#fff;font-size:160%;}
.header-wrapper .breadcrumb{float:right;margin-bottom:0;background:transparent;}
.header-wrapper a{color:#fff;}
.header-wrapper .breadcrumb .active{color:#ccc;}

.view .col-md-6{padding:0;}

.slider-wrap{position:relative;margin:0 auto;width:100%;border-left:1px solid #ddd;}
.swiper-container{position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-slide{white-space:nowrap;}
.swiper-slide img{display:block; position:relative; top:0;margin:0 auto;width:80%;height:auto;opacity:0.99;filter:alpha(opacity=99);white-space:nowrap;}
.slider-wrap .pagination{position:absolute;bottom:20px;left:0;width:100%;text-align:center;}
.slider-wrap .swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;background:#999;box-shadow:0px 1px 2px #555 inset;margin:0 3px;cursor:pointer;}
.slider-wrap .swiper-active-switch{background:#ec5a12;}
.slide-prev{position:absolute;top:50%;left:20px;z-index:5;cursor:pointer;margin-top:-16px;}
.slide-next{position:absolute;top:50%;right:20px;z-index:5;cursor:pointer;margin-top:-16px;}
.arrow-style span{font-size:36px;color:#ccc;transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.arrow-style span:hover{color:#999;}

.view .panel-heading{padding:30px;}
.view .panel-title{overflow:hidden;height:30px;font-size:28px;text-align:justify;text-overflow:ellipsis;white-space:nowrap;}
.view .panel-heading p{margin:15px 0 0 0;line-height:1.6;color:#666;text-align:justify;}
.view .panel-body{padding:0 15px;}
.view .btn-group-justified{border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;text-align:center;}
.view .btn-group-justified .btn-group{padding:24px 20px;}
.view .btn-group-justified h3{overflow:hidden;margin-top:0;margin-bottom:5px;height:25px;line-height:25px;color:#ec5a12;text-overflow:ellipsis;white-space:nowrap;}
.view .btn-group-justified p{overflow:hidden;margin-bottom:0;color:#999;text-overflow:ellipsis;white-space:nowrap;}
.view .btn-group-justified .btn-middle{border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;}
.view .view-btn{padding:5% 30px;overflow:hidden;}
.view .view-download{padding:0 30px;}

.shell .shell-title{margin-bottom:40px;}
.shell h1{margin-top:0;}
.shell .ul-horizontal{padding:0;list-style:none;}
.shell .ul-horizontal li{margin-bottom:10px;width:50%;padding:15px;border:1px solid #eee;float:left}

.article{line-height:1.8;font-size:15px;text-align:justify;}
.article p{margin-bottom:20px;}
.article img{display:block;margin:0 auto;max-width:100%;padding:2px;border:1px solid #eee;}
.article .download{margin-top:5em;}
.article .text-center th{border-bottom:2px solid #ddd;background:#f8f8f8;text-align:center;}
.article .table.text-center p{margin-bottom:0;}

.nav-row{margin-right:-5px;margin-left:-5px;margin-bottom:-20px;}
.nav-list{display:table;padding:0;width:100%;text-align:center;}
.nav-list li{display:table-cell;padding-right:5px;padding-left:5px;width:1%;}
.nav-list .lump{margin-top:0px;padding:14px 10px;}
.nav-list .glyphicon{top:2px;font-size:20px;}
.nav-list h3{display:inline;margin-top:10px;margin-bottom:0;margin-left:5px;font-size:20px;}
.nav-list a{display:block;background:#ddd;color:#666;}
.nav-list a.active,.nav-list a:hover{background:#007dc6;color:#fff;}

.nav-fixed{position:fixed;top:0;right:0;left:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;z-index:999;}
.nav-fixed li{padding-right:0;padding-left:0;border-left:1px solid #666;}
.nav-fixed .lump{margin-top:0;padding:14px 10px;}
.nav-fixed .glyphicon{top:2px;font-size:18px;}
.nav-fixed h3{display:inline;margin-top:0;margin-left:5px;font-size:18px;}
.nav-fixed a{background-color:rgba(0,0,0,.8);color:#fff;}

.article h2{font-size:20px;}
.feature ul{padding-left:15px;}
.feature ul li{list-style-type:square;line-height:24px;font-size:15px;}
/* page-header */
.page-header h2{margin-top:0;}
.page-header p{color:#666;}
/* service */
.service .panel-default{padding:15px;}
.service .panel-default h2{margin-top:0;margin-bottom:10px;height:22px;font-size:1.3em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.service .panel-default h2 .col-md-10{padding-left:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.service .panel-default h2 .col-md-2{padding-right:0;padding-left:0;}
.service .panel-default h2 code{background-color:#7aa8d0;color:#fff;font-size:80%;font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,SimHei,Arial,sans-serif;}
.service .panel-default p{margin-bottom:0;color:#999;}

/* other */
.other{background:#eee;padding:30px 0 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.other .panel-default{background:#fff;}
.other .panel-default:hover{background:#fff;cursor:default;transition:all 1s ease;}
.other .panel-text{overflow:hidden;max-height:60px;}
/* */
nav.text-center{display:inline-table;width:100%;}
.pagination{margin:20px 0 0;}
/* footer */
.footer{padding:30px 0;background:rgba(0,0,0,0.75);color:#eee;}
.footer h4 img{width:150px;height:20px;margin-top:-5px;}
.footer p img{width:100px;height:100px;margin-top:-5px;}
.footer hr{border-top:1px solid #666;}
.footer .glyphicon-copyright-mark{font-size:12px;color:#eee;}
.footer .glyphicon{margin-right:4px;}
.footer a, .footer a:hover{color:#eee;}
.footer a:hover{border-bottom:1px dotted #ddd;}
/* */
#online{position:fixed;top:24%;right:10px;width:120px;box-shadow:0px 2px 3px rgba(0,0,0,0.25);z-index:999;}
#online .panel{margin-bottom:0;background:#fff;border-radius:1px;}
#online .panel-heading{padding:10px 15px;}
#online .panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit;}
#online .list-group-item{padding:10px 5px 10px 15px;letter-spacing:-1px;word-spacing:-1px;}

#close{position:fixed;right:10px;margin-top:-10px;background:url(../img/online_arrow.png) no-repeat;border-radius:50%;}
#close a{display:block;width:36px;height:36px;text-shadow:0 1px 0 #fff;text-decoration:none;}
#online li a{padding-left:25px;background:url(../img/qq.png) no-repeat left;background-size:18px;}
#online li a:hover{color:#000;}

@media (max-width:768px){
.row{margin-right:-5px;margin-left:-5px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right:5px;padding-left:5px;}
.separate{padding:40px 0 30px;}
.panel-body{padding:10px;}
.subtitle{font-size:14px;}
.main-heading h2{font-size:24px;}
.main-heading h2::before{width:96px;left:calc(50% - 48px);}
.header-wrapper{padding-top:60px;padding-bottom:60px;}
.header-wrapper h2{display:block;margin-bottom:20px;text-align:center;}
.header-wrapper .breadcrumb{float:none;text-align:center;}
/* nav */
.navbar{z-index:999;}
.navbar-collapse{position:absolute;top:100%;right:15px;left:15px;padding-bottom:15px;background:#222;}
.dropdown-menu{position:relative;top:auto;left:auto;display:block;float:inherit;padding-left:45px;list-style:circle;border-left:0;border-right:0;color:#fff;-webkit-box-shadow:0 0 1px rgba(0,0,0,.175);box-shadow:0 0 1px rgba(0,0,0,.175);}
.navbar-form{margin-right:0;margin-left:0;}

.masthead .module{padding:25% 0 10%;}
.masthead .module h1{font-size:24px;}
.masthead .description{color:#ccc;font-size:14px;}
.masthead .menu-default a, .masthead .active{font-size:14px;padding:10px 0;}

.page-header h2{font-size:160%;}
.page-header p{font-size:12px;}
.about{padding:40px 0}
/* product */
.product .panel-footer{padding:10px;}
.product .panel-title{margin-top:0;margin-bottom:5px;font-size:15px;}
.product .panel-footer p{margin-bottom:0;}
.alone .col-md-4:nth-child(4n){display:inline;}
/* case */
.case .panel-footer{padding:15px 10px;}
.case .panel-title{margin-top:0;margin-bottom:0;font-size:15px;}
/* news */
.media .col-md-8{padding:15px 10px;text-align:center;}
.media .panel-title{margin-top:0;margin-bottom:0;font-size:15px;}
/**/
.shell h1{font-size:28px;}
.shell .panel-default h2{height:auto;font-size:1.2em;}

.slider-wrap{border-left:none;border-top:1px solid #ddd;}
.slide-prev{left:10px;margin-top:-12px;}
.slide-next{right:10px;margin-top:-12px;}
.arrow-style span{font-size:24px;}

.view .panel-heading{padding:15px 10px;}
.view .panel-heading p{margin:0;}

.view .btn-group-justified .btn-group{padding:15px 5px;text-align:center;}
.view .btn-group-justified h3{height:18px;line-height:18px;font-size:17px;}
.view .btn-group-justified p{font-size:12px;}
.view .view-btn{padding:20px 10px;text-align:center;}
.view .view-btn .btn-lg{padding:8px;font-size:14px;}
.view .view-download{padding:0 10px 20px;text-align:center;}

.service .panel-default h2{height:auto;line-height:24px;font-size:1.2em;white-space:inherit;}
.service .panel-default h2 .col-md-10{height:auto;white-space:inherit;}

/*.nav-list li{display:inline-table;padding-right:5px;padding-left:5px;width:50%;}
.nav-list .lump{margin-top:10px;padding:10px 0;}
.nav-list .glyphicon{font-size:24px;}*/
.nav-list .lump{margin-top:0;padding:10px 2px;}
.nav-list .glyphicon{top:2px;font-size:20px;}
.nav-list h3{margin-top:8px;font-size:16px;}

.nav-fixed .glyphicon{font-size:16px;}
.nav-fixed h3{font-size:16px;}

.article h2{font-size:20px;}
/**/
.other h3{margin-top:10px;}
.footer{text-align:center;}
.footer h4{font-size:14px;}
#online{display:none;}
}
@media (min-width:1444px){.container{width:1600px;}}