.article-list{padding: 0;background: #fff;}
.article-list .article-item{padding: 20px 0;border-bottom: 1px solid #efefef;}
.article-list .article-item .content{margin-top: 15px;color: #919191;}
.article-list .gallery-article{margin-top: 0;}
.article-list .gallery-article .row{margin: 0 -10px;}
.article-list .gallery-article .article-title{margin-bottom: 10px;}
.article-list .gallery-article .article-title span.highlight{color: red;}
.article-list .gallery-article .media .media-body{padding-left: 0;}
.article-list .gallery-article .media .media-body .article-tag{position: relative;margin-top: 10px;}
.article-list .article-title{margin: 0;font-size: 1.2em;line-height: 1.2;color: #000;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;}
.article-list .article-title a{color: #444;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.article-list .article-title a span.highlight{color: red;}
.article-list .article-title a:hover{color: #007bff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.article-list .article-title a .img-new{margin-left: 2px;margin-bottom: 2px;height: 16px;}
.article-list .article-intro{height: 44px;line-height: 22px;color: #828a92;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.article-list .media{color: #919191;}
.article-list .media .media-body{padding-left: 20px;line-height: 25px;}
.article-list .media .media-left{overflow: hidden;padding: 0;}
.article-list .media .media-left a{display: block;width: 138px;}
.article-list .media-body{position: relative;}
.article-list .media-body .article-tag{display: block;clear: both;position: absolute;bottom: 0;color: #aaa;font-size: 13px;}
.article-list .media-body .article-tag span{margin: 0 8px;}
.article-list .media-body .article-tag span a{color: #aaa;}
.article-list .media-body .article-tag .pull-left{height: 34px;line-height: 34px;color: #919191;}
.article-list .media-body .article-tag .pull-left a{color: #919191;}
.article-list .pager{margin: 40px 0 20px 0;}
.article-metas{overflow: hidden;}
.article-metas .metas-title{margin: 0;font-size: 1.65em;line-height: 1.45;margin-bottom: 5px;color: #444;}
.article-metas .metas-title a{color: #444;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.article-metas .metas-title a:hover{color: #007bff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.article-metas .metas-body{color: #999;margin: 0px auto;}
.article-metas .metas-body span{margin-right: 10px;}
.article-metas .metas-body span i{margin-right: 5px;}
.article-metas .metas-body p{margin-bottom: 0;margin-top: 0px;font-size: 12px;}
.article-text{line-height: 30px;margin-bottom: 15px;}
.article-text img{margin: 10px auto;display: block;max-width: 100%;height: auto;cursor: zoom-in;-webkit-border-radius: 2px;-webkit-background-clip: padding-box;-moz-border-radius: 2px;-moz-background-clip: padding;border-radius: 2px;background-clip: padding-box;}
.article-text ul li{line-height: 30px;}
.article-text a{text-decoration: none;color: #007bff;border-bottom: 1px solid #b3d7ff;}
.article-text a img{cursor: pointer;}
.article-action-btn{color: #999;}
.article-action-btn a{color: #999;}
.article-action-btn .bdshare-button-style0-16 .bds_more{float: none;padding: 0;height: inherit;line-height: inherit;font-size: inherit;background: none;color: #999;}
.article-prevnext{color: #666;}
.entry-meta ul{overflow: hidden;margin: 0 0 10px 0;padding: 0 0 10px 0;border-bottom: 1px solid #eeeeee;}
.entry-meta ul li{line-height: 26px;}
.related-article,
.gallery-article{margin-top: 10px;}
.related-article .row,
.gallery-article .row{margin: 0 -5px;}
.related-article .col-sm-3,
.gallery-article .col-sm-3{padding: 0 10px;}
.related-article .col-sm-3 a,
.gallery-article .col-sm-3 a{display: block;}
@media (max-width: 480px){
.related-article .row, .gallery-article .row{margin: 0 -5px !important;}
.related-article .col-sm-3, .gallery-article .col-sm-3{padding: 0 5px 10px 5px;}
.product-item{padding: 0 5px 10px 5px;}
    
}

@media (max-width: 768px){
.article-list .row, .gallery-article .row{margin: 0 -5px !important;}
.article-list .col-sm-3, .gallery-article .col-sm-3{padding: 0 5px 10px 5px;}
    
}

@media (max-width: 1200px){
.article-list .media-body .article-tag{position: relative;bottom: inherit;margin-top: 5px;}
    
}

.related-page ul li.active a{color: #007bff;}
.author-card{background: #fff none repeat scroll 0 0;/*border: 1px solid #e1e8ed;*/border-radius: 4px;padding-bottom: 15px;}
.author-card .author-head{background-image: url("../img/author-head.jpeg");background-position: 0 50%;background-size: 100% auto;border-bottom: 1px solid #e1e8ed;border-radius: 4px 4px 0 0;height: 100px;width: 100%;}
.author-card .author-avatar{text-align: center;}
.author-card .author-avatar > a{background-color: #fff;border-radius: 50%;display: inline-block;margin: -40px 5px 0 0;max-width: 100%;padding: 1px;vertical-align: bottom;}
.author-card .author-avatar > a > img{border: 2px solid #fff;border-radius: 50%;color: #fff;height: 80px;width: 80px;}
.author-card .author-basic{clear: both;text-align: center;width: 100%;margin: 10px 0 10px 0;}
.author-card .author-basic .author-nickname{margin-bottom: 5px;}
.author-card .author-basic .author-nickname > a{font-size: 18px;font-weight: 700;line-height: 21px;}
.author-card .author-statistics{padding: 5px 0;text-align: center;margin: 0;}
.author-card .author-statistics .statistics-text{color: #777;margin-bottom: 5px;}
.author-card .author-statistics .statistics-nums{font-size: 16px;font-weight: 600;}
.panel-default{border: none;padding: 0 15px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-border-radius: 2px;-webkit-background-clip: padding-box;-moz-border-radius: 2px;-moz-background-clip: padding;border-radius: 2px;background-clip: padding-box;}
.panel-default > .panel-heading{position: relative;padding: 15px 0;background: #fff;border-bottom: 1px solid #f5f5f5;}
.panel-default > .panel-heading .panel-title{font-size: 16px;/*color: @gray-dark;*/}
.panel-default > .panel-heading .panel-title > i{display: none;}
.panel-default > .panel-heading small{font-weight: normal;color: #999;font-size: 13px;}
.panel-default > .panel-heading .more{position: absolute;top: 13px;right: 0;display: block;color: #919191;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;font-weight: 400;font-size: 13px;}
.panel-default > .panel-heading .more:hover{color: #616161;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.panel-default > .panel-heading div.more{top: 17px;}
.panel-default > .panel-heading .page{position: absolute;top: 13px;right: 0;display: block;color: #919191;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;font-weight: 400;font-size: 13px;}
.panel-default > .panel-heading .page:hover{color: #616161;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.panel-default > .panel-heading div.page{top: 0px;}
.panel-default > .panel-heading div.page .pagination{margin: 8px 0;}
.panel-default > .panel-heading .panel-bar{position: absolute;top: 7px;right: 0;display: block;}
.panel-default > .panel-footer{padding: 15px 0;background: none;}
.panel-default > .panel-body{position: relative;padding: 15px 0;}
.panel-primary > .panel-heading{background-color: #46c37b;color: #fff;}
.panel-primary > .panel-body{background: #fafafa;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
.panel-gray{-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);}
.panel-gray > .panel-heading{background-color: #f5f5f5;color: #919191;}
.panel-gray > .panel-body{color: #919191;background: #fff;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.panel-page{padding: 45px 50px 50px;min-height: 500px;}
.panel-page .panel-heading{background: transparent;border-bottom: none;margin: 0 0 30px 0;padding: 0;}
.panel-page .panel-heading h2{font-size: 25px;margin-top: 0;}
.tabs-wrapper{-webkit-border-radius: 4px;-webkit-background-clip: padding-box;-moz-border-radius: 4px;-moz-background-clip: padding;border-radius: 4px;background-clip: padding-box;background-color: #fff;}
.tabs-wrapper .tabs-mark-group .title{width: 90px;margin-top: 3px;float: left;}
.tabs-wrapper .tabs-mark-group .classify{margin-top: 3px;}
.tabs-wrapper .tabs-mark-group .classify a,
.tabs-wrapper .tabs-mark-group .classify i{color: #919191;}
.tabs-wrapper .tabs-mark-group .classify a:focus,
.tabs-wrapper .tabs-mark-group .classify a:hover{color: #43bc60;}
.tabs-wrapper .tabs-mark-group .content{margin-left: 100px;}
.tabs-wrapper .tabs-mark{margin: 0 4px;}
.tabs-wrapper .tabs-mark a{border: 1px solid #e4ecf3;padding: 2px 5px;color: #919191;}
.tabs-wrapper .tabs-mark i{font-size: 10px;margin-left: 5px;}
.tabs-wrapper .tabs-mark.active a,
.tabs-wrapper .tabs-mark:focus a,
.tabs-wrapper .tabs-mark:hover a{color: #43bc60;border: 1px solid #43bc60;}
.tabs-wrapper .tabs-group{position: relative;overflow-y: hidden;}
.tabs-wrapper .tabs-group .title{float: left;padding: 10px 0;width: 80px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.tabs-wrapper .tabs-group .content{list-style: none;padding: 0;margin: 0 0 0 60px;}
.tabs-wrapper .tabs-group .content > li{float: left;padding: 5px 12px;}
.tabs-wrapper .tabs-group .content > li > a{display: block;padding: 5px 10px;border: none;-webkit-border-radius: 4px;-webkit-background-clip: padding-box;-moz-border-radius: 4px;-moz-background-clip: padding;border-radius: 4px;background-clip: padding-box;color: #828a92;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.tabs-wrapper .tabs-group .content > li.active > a,
.tabs-wrapper .tabs-group .content > li:focus > a,
.tabs-wrapper .tabs-group .content > li:hover > a{color: #007bff;}
.tabs-wrapper .tabs-group .tabs-toggle{position: absolute;right: 20px;top: 18px;font-size: 12px;line-height: 1;cursor: pointer;}
.tabs-multiple .tabs-group .content > li > a{margin: 2px 0;display: block;padding: 3px 10px;-webkit-border-radius: 3px;-webkit-background-clip: padding-box;-moz-border-radius: 3px;-moz-background-clip: padding;border-radius: 3px;background-clip: padding-box;}
.tabs-multiple .tabs-group .content > li.active > a{color: #007bff;background: #b3d7ff;}

@media (max-width: 768px){
.tabs-wrapper .tabs-group .title{width: 100%;float: none;}
.tabs-wrapper .tabs-group .content{margin: 0;}
.tabs-wrapper .tabs-group .content > li{padding: 5px;}
.tabs-wrapper .tabs-group + .tabs-group{border-top: none;}
    
}
.article-filter{position: relative;background-color: #fafafa;-webkit-border-radius: 4px;-webkit-background-clip: padding-box;-moz-border-radius: 4px;-moz-background-clip: padding;border-radius: 4px;background-clip: padding-box;margin-bottom: 30px;}
.article-filter .btn-group.open .dropdown-toggle{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;color: #43bc60;}
.article-filter .filter{position: absolute;text-align: right;top: 0;right: 15px;width: 300px;}
.article-filter .filter .btn{background: none;padding: 10px 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.article-filter .filter .btn:hover{color: #43bc60;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.article-filter .filter .btn > i{font-size: 18px;}
.article-filter .filter label{margin-left: 15px;margin-top: 11px;vertical-align: top;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.article-filter .filter label:hover{color: #43bc60;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
h1 .breadcrumb{padding: 0 5px;margin-bottom: 5px;background: none;}
h1 .breadcrumb li{font-size: 12px;font-weight: 400;}
.carousel-focus .item .carousel-img{background-size: cover;width: 100%;height: 180px;background-position: center center;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.carousel-focus:hover .carousel-img{-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-o-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);}
.carousel-focus .carousel-control.left,
.carousel-focus .carousel-control.right{background-image: none;}
.carousel-focus .carousel-control.left span,
.carousel-focus .carousel-control.right span{display: none;}
.carousel-focus .carousel-control.left:hover,
.carousel-focus .carousel-control.right:hover{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.carousel-focus .carousel-control.left:hover span,
.carousel-focus .carousel-control.right:hover span{display: block;}
.panel-blockimg{border: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.panel-blockimg img{width: 100%;}
.hot-tags .panel-body a span{margin-bottom: 10px;}
.tags{margin: 0;display: inline-block;}
.tags .tag{margin-bottom: 5px;}
.tag{display: inline-block;padding: 0 8px;height: 24px;line-height: 24px;font-weight: 400;font-size: 13px;text-align: center;color: #007bff;background: #e5f2ff;margin-right: 3px;border-radius: 2px;}
.tag img{width: 16px;height: 16px;margin-top: -1px;margin-right: 3px;}
.tag[href]:focus,
.tag[href]:hover{background-color: #007bff;color: #fff;text-decoration: none;}
.tag-xs{padding: 0 6px;height: 20px;line-height: 20px;font-size: 12px;}
.tag-sm{padding: 0 6px;height: 22px;line-height: 22px;font-size: 13px;}
.tag-lg{font-size: 16px;font-weight: 700;height: 30px;line-height: 28px;}
.tag-link{background-color: transparent;}
.tag-logo{padding-left: 25px;background-repeat: no-repeat;background-position: 4px 2px;background-size: 16px 16px;}
.tag-success{background-color: #dff0d8;color: #18bc9c;}
.tag-info{background-color: #d9edf7;color: #3498db;}
.tag-warning{background-color: #fcf8e3;color: #f39c12;}
.tag-danger{background-color: #f2dede;color: #e74c3c;}
.product-item{padding: 0 10px;}
.product-item .card{border-radius: 3px;position: relative;padding: 12px;margin: 0 auto 20px;-webkit-transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);-moz-transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);-o-transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);border: 1px solid #eee;min-height: 250px;overflow: hidden;background-color: #fff;}
.product-item .card .thumb{position: relative;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;margin: -12px;}
.product-item .card .thumb > .preview-link::before{background: rgba(0, 0, 0, 0.2);opacity: 0;z-index: 1;position: absolute;top: 0;left: 0;bottom: 0;right: 0;content: "";-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;}
.product-item .card .thumb > .quickview-link{display: block;width: 40px;height: 40px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;line-height: 40px;text-align: center;z-index: 10;background: #000;border-radius: 50%;opacity: 0;visibility: hidden;color: #fff;transform: scale(0);-webkit-transform: scale(0);transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;}
.product-item .card .thumb:hover .preview-link::before{opacity: 1;}
.product-item .card .thumb:hover .quickview-link{opacity: 1;visibility: visible;transform: scale(1);-webkit-transform: scale(1);}
.product-item .card:hover{-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-o-transform: translateY(-6px);-ms-transform: translateY(-6px);transform: translateY(-6px);-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);-moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.product-item .card:hover .operate .pull-right{display: block;}
.product-item .card .image{position: relative;width: 100%;height: 1px;overflow: hidden;padding-bottom: 75%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.product-item .card .title{padding-top: 10px;}
.product-item .card h2{color: #000;padding: 0;margin-bottom: 5px;height: 24px;margin-top: 15px;font-size: 14px;font-weight: 400;line-height: 24px;text-align: left;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;}
.product-item .card .operate{height: 31px;overflow: hidden;}
.product-item .card .operate .pull-right{display: block;}
#content-container > h1{margin-top: 0;}
.main-content{min-height: 100%;margin: 0 auto -115px;padding-bottom: 15px;}
.main-content:after{content: "";display: block;height: 256px;}

@media (max-width: 768px){
.main-content{min-height: 100%;margin: 0 auto -220px;padding-bottom: 15px;}
.main-content:after{content: "";display: block;height: 400px;}
.main-content > .container{padding-left: 0;padding-right: 0;overflow-x: hidden;}
.main-content > .container > .category-title{padding: 0 15px;font-size: 20px;}}
.lasest-update .panel-body{padding: 8px 0;}
.lasest-update .panel-body ul{margin-bottom: 0;}
.lasest-update .panel-body ul li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;height: 35px;line-height: 35px;}
.channel-list .row .col-xs-12{min-height: 315px;}
.channel-list .row .col-xs-12 h3{border-bottom: 1px solid #eee;padding-bottom: 10px;position: relative;}
.channel-list .row .col-xs-12 h3 > a{font-size: 16px;position: relative;padding-left: 6px;}
.channel-list .row .col-xs-12 h3 > a:before{position: absolute;top: 2px;left: 0px;content: ' ';width: 2px;height: 15px;background: #007bff;display: inline-block;}
.channel-list .row .col-xs-12 h3 em{position: absolute;right: 5px;top: 2px;font-style: normal;font-weight: 400;}
.channel-list .row .col-xs-12 h3 em a{font-size: 12px;}
.channel-list .row .media{margin-bottom: 10px;}
.channel-list .row .media .media-left a{width: 120px;display: block;}
.channel-list .row .media .media-body{font-size: 12px;}
.channel-list .row .media .media-body p{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;font-size: 14px;padding-right: 15px;}
.channel-list .row ul.inner-list li{margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding-right: 40px;height: 30px;line-height: 30px;}
.channel-list .row ul.inner-list li a{color: #616161;}
.channel-list .row ul.inner-list li span{position: absolute;right: 0;}
#comment-container #commentlist dl{position: relative;border-bottom: 1px solid #eee;clear: both;padding: 10px 0;margin-bottom: 5px;}
#comment-container #commentlist dl dt{float: left;margin-right: 10px;width: 44px;height: 44px;display: block;position: absolute;}
#comment-container #commentlist dl dt img{width: 40px;height: 40px;border-radius: 50%;}
#comment-container #commentlist dl dd{padding-left: 55px;float: left;width: 100%;}
#comment-container #commentlist dl dd cite a{color: #007bff;}
#comment-container #commentlist dl dd small{color: #999;margin: 0 0 0 3px;height: 20px;line-height: 20px;font-size: 10px;}
#comment-container #commentlist dl dd small a{display: none;}
#comment-container #commentlist dl dd dl{margin: 0px;border-top: 1px solid #eee;border-bottom: none;padding-top: 15px;padding-bottom: 0;}
#comment-container #commentlist dl dd dl dd{width: 550px;}
#comment-container #commentlist dl dd p{margin-top: 5px;margin-bottom: 10px;line-height: 24px;}
#comment-container #commentlist dl dd p em{font-style: normal;display: inline-block;padding: 0 5px;height: 22px;line-height: 22px;font-weight: 400;font-size: 13px;text-align: center;color: #007bff;background: #e5f2ff;border-radius: 2px;}
#comment-container #commentlist cite{font-style: normal;}
#comment-container h3{position: relative;font-size: 16px;padding: 15px 0;background: #fff;}
#comment-container h3 a{display: none;}
#comment-container #postcomment .form-group{margin-bottom: 10px;}
#comment-container #postcomment label{font-weight: normal;}
#comment-container #postcomment a small{display: inline !important;}
#comment-container #postcomment textarea.form-control{border-radius: 2px;box-shadow: none;border-color: #eeeeee;}
.fieldlist dd{display: block;margin: 5px 0;}
.fieldlist dd input{display: inline-block;width: 300px;}
.fieldlist dd input:first-child{width: 110px;}
.fieldlist dd ins{width: 110px;display: inline-block;text-decoration: none;font-weight: bold;}
.text-gray{color: #d2d6de !important;}
.no-padding{padding: 0 !important;}
.no-border{border: none !important;}
.pager .pagination{margin: 0;}
.pager .pager{margin: 0;}
.pager li{margin: 0 .4em;display: inline-block;}
.pager li:first-child > a,
.pager li:last-child > a,
.pager li:first-child > span,
.pager li:last-child > span{padding: .5em 1.2em;}
.pager li > a,
.pager li > span{background: none;border: 1px solid #e6e6e6;border-radius: 0.25em;padding: .5em .93em;font-size: 14px;}
.list-partner li{display: inline-block;margin: 0 12px 12px 0;padding: 10px 15px;width: 140px;text-align: center;border: 1px solid #efefef;}
.list-partner li:hover{border: 1px solid #363f48;}
.list-partner li img{height: 30px;}
.index-gallary h5,
.related-article h5{font-size: 14px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;font-weight: normal;height: 15px;}
.index-focus{margin-bottom: 19px;}
.article-content > .panel-heading{padding: 0;margin: 0 -15px;}
.article-content > .panel-heading > .breadcrumb{background: #fff;font-size: 13px;margin-bottom: 0;padding: 15px;}
.article-donate{padding: 10px 0;text-align: center;}
.article-donate a{min-width: 120px;-webkit-border-radius: 3px;-webkit-background-clip: padding-box;-moz-border-radius: 3px;-moz-background-clip: padding;border-radius: 3px;background-clip: padding-box;}
.category-title{margin-bottom: 20px;font-size: 24px;color: #fff;}
.category-title .btn-primary{background:#4CAF50!important;}
.category-title .breadcrumb li{font-size: 14px;}
.category-order li > a.active{color: #007bff;}
.img-zoom{overflow: hidden;display: inline-block;}
.img-zoom img{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.img-zoom:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.embed-responsive{position: relative;display: block;height: 0;padding: 0;overflow: hidden;}
.embed-responsive img{position: absolute;object-fit: cover;width: 100%;height: 100%;border: 0;background: #f75444;padding: 5px;display: block;border-radius: 5px;}
.embed-responsive-16by9{padding-bottom: 56.25%;}
.embed-responsive-4by3{padding-bottom: 75%;}
.embed-responsive-1by1{padding-bottom: 100%;}
.embed-responsive-square{padding-bottom: 100%;}
.list-links a{margin-right: 5px;}

@media (max-width: 768px){
.skin-white{padding-top: 70px;}
ul.dropdown-menu{position: relative;width: 100%;background: #222;}
ul.dropdown-menu .open > a, ul.dropdown-menu .open > a:hover, ul.dropdown-menu .open > a:focus{background: none;color: #9d9d9d;}
ul.dropdown-menu > .dropdown-menu{position: relative;width: 100%;margin: 0;}
.dropdown-submenu > a:after{display: none;}
.panel-page{padding: 15px;min-height: 300px;}
.article-list .media .media-left a{width: 110px;}
.article-list .media .media-body .article-title{font-size: 1em;}
.article-list .media-body .article-tag{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;}
.dropdown:not(.open):hover > .dropdown-menu{display: none;}
.article-list .media-body .article-tag span{margin: 0 2px;}
.article-pay a.btn{display: block;margin-top: 5px;}
.focus-img{margin-top: 15px;padding: 0 15px;}
.focus-img > .row{margin-left: 0;}}
@media (min-width: 768px){
#index-focus .item .carousel-img{height: 340px;width: 100%;}
#news-focus .item .carousel-img, #product-focus .item .carousel-img, #download-focus .item .carousel-img{height: 272px;width: 100%;}
    
}

@media (min-width: 979px){
ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;}
    
}

@media screen and (min-width: 768px){
.carousel-caption{left: 0;right: 0;background: rgba(0, 0, 0, 0.3);padding: 0;bottom: 0;text-shadow: none;}
.carousel-caption h3{margin: 0;font-size: 14px;padding: 15px;text-align: left;}
.carousel-caption p{display: none;}
.carousel-indicators{bottom: 3px;right: 15px;width: auto;left: inherit;opacity: .6;}
    
}

.carousel-control{text-shadow: none;}
.carousel-control .fa{font: normal normal normal 30px/1 FontAwesome;}
.carousel-control .icon-prev{left: 20px;}
.carousel-control .icon-next{right: 20px;}
.carousel-control .fa-chevron-left:before{content: "\f053";}
.carousel-control .fa-chevron-right:before{content: "\f054";}
.loadmore{width: 80%;margin: 1.5em auto;line-height: 1.6em;font-size: 14px;text-align: center;clear: both;}
.loadmore-tips{display: inline-block;vertical-align: middle;}
.loadmore-line{border-top: 1px solid #eeeeee;margin-top: 2.4em;}
.loadmore-line .loadmore-tips{position: relative;top: -0.9em;padding: 0 .55em;background-color: #FFFFFF;color: #808080;}
.btn-loadmore{clear: both;}
.download-list{margin: 0 -15px;}
.download-list li{width: 95px;float: left;display: inline-block;margin: 0 15px;padding: 15px 0;text-align: center;position: relative;height: 170px;}
.download-list li a{display: block;}
.download-list li a p{word-break: keep-all;text-overflow: ellipsis;line-height: 25px;height: 25px;overflow: hidden;}
.download-list li a img + span{display: block;overflow: hidden;height: 20px;}
.download-list li:hover em{display: none;}
.download-list li:hover a.btn{display: block;width: 80px;margin: 0 auto;}
.download-list li a:hover{text-decoration: none;}
.download-list img{width: 90px;height: 90px;margin-bottom: 8px;}
.download-list em{display: block;color: #999;font-style: normal;}
.download-list li > a.link{display: block;height: 120px;overflow: hidden;}
.download-list a.btn{display: none;}
@media (max-width: 991px){.download-list li{margin: 0 10px;}
    
}

.focus-img > .row > div{padding: 0;padding-right: 15px;margin-bottom: 15px;height: 100%;display: block;}
.focus-img > .row > div a > span{border-radius: 3px;overflow: hidden;}
.focus-img .intro{position: absolute;bottom: 0;background: #000;padding: 0 5px 0 5px;width: 100%;opacity: .5;color: #fff;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
.focus-img a{display: block;}
.focus-img img{width: 100%;}
@media (min-width: 768px) and (max-width: 992px){.focus-img{margin-top: 15px;}
.focus-img > .row{margin: 0 -10px;}
.focus-img > .row > div{padding: 0 10px;}}
@media (min-width: 992px) and (max-width: 1200px){.focus-img > .row > div .embed-responsive-16by9{padding-bottom: 68.25%;}}
@media (max-width: 767px){}
/* 搜索建议*/.autocomplete-suggestions{text-align: left;cursor: default;background: #fff;border-radius: 2px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;position: absolute;display: none;z-index: 1036;max-height: 254px;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.autocomplete-suggestions .autocomplete-suggestion{padding: 6px 12px;}
.autocomplete-suggestions .autocomplete-suggestion b{color: red;}
.autocomplete-suggestions .autocomplete-suggestion:hover{background: #f0f0f0;}

/* ipad横屏 */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
/* 
一排3个 width:31.5%;margin-right:20px;
一排4个 width:24%;margin-right:10px;
*/	
}
/* ipad竖屏 */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){}