@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;200;300;400;500;600;700&display=swap");
body{font-family:"Noto Sans SC","Microsoft YaHei","STHeiti Light","STHeiti","Helvetica Neue","Helvetica","Arial",sans-serif;font-style:normal;word-break:break-all;color:#2a333f;}
body{letter-spacing:.1px;overflow-y:scroll;}
h1, h2, h3{line-height:1em;margin:0 0 1em;}
h4, h5, h6{line-height:1em;margin:0 0 1em;}
p{margin:0 0 1em;}
img,.img-rounded{max-width:100%;border-radius:0;}
a,a:focus,a:hover{outline:0;text-decoration:none;}
.wrapper{position:relative;padding-top:15px;padding-bottom:30px;}
/* navbar */
.navbar-default .container{padding:15px;max-width:100%;}
.navbar-nav{font-size:16px;letter-spacing:1px;}
.navbar-nav > li .dropdown-menu{margin:0 0 0 -1px;}
.navbar-nav > li:hover .dropdown-menu{display:block;}
.navbar-nav > li .glyphicon{top: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{font-size:18px;background:#1b1a18;background-size:cover;overflow:hidden;}
.carousel .carousel-inner img{filter:alpha(opacity=90);opacity:.9;}
.carousel .carousel-caption h2{font-size:48px;letter-spacing:0.5px;}
.carousel .carousel-caption p.visible-lg{line-height:30px;margin-bottom:2em;text-align:justify;}
.carousel .carousel-caption p.more{}
.carousel .carousel-caption p .btn{border:1px solid #fff;color:#fff;transition:all ease-in 0.2s;}
.carousel .carousel-caption p .btn:hover{color:#000;background:#fff;}
.carousel .carousel-caption p .glyphicon{font-size:80%;}
/* module */
.module{background-color:rgba(0,0,0,.9);}
.module .col-xs-12{padding:30px 15px;}
.module .col-xs-12:hover{background-color:rgba(255,255,255,.07);transition:all .5s ease;}
.module .module-left{float:left;margin-right:10px;padding:12px 4px;height:48px;border:1px solid #333;color:#666;letter-spacing:-0.5px;}
.module .module-left sup{position:relative;top:-5px;right:-1px;color:#999;font-size:24px;}
.module .module-left sub{position:relative;top:9px;left:-1px;font-size:18px;}
.module .module-right{display:table-cell;}
.module .module-right a{display:block;height:48px;line-height:24px;color:#999;overflow:hidden;}
.module .module-right .excerpt, .main .thumbnail .caption h3, .main .thumbnail .caption p{display:-webkit-box;-webkit-box-orient:vertical;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}
.module .module-right .excerpt{display:block;color:#777;-webkit-line-clamp:1;}
/* column */
.public{padding-top:40px;padding-bottom:40px;}
.public .column{display:table;position:relative;width:100%;}
.public .column h2{margin-bottom:30px;font-size:24px;}
.public .thumbnail, .product .thumbnail{background:#f8f8f8;text-align:center;border-radius:4px;overflow:hidden;}
.public .thumbnail .img-responsive,.product .thumbnail .img-responsive{border-bottom:1px solid #eee;border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden;}
.public .thumbnail img, .product .thumbnail img{transition:all 1s;-webkit-transition:all 1s;}
.public .col-md-3 a:hover img,.product .col-md-3 a:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);}
.public .thumbnail:hover, .product .thumbnail:hover{background:#e8e8e8;transition:all .3s ease-out;}
.public .thumbnail h3, .product .thumbnail h3{margin-bottom:10px;color:#428df4;font-size:16px;line-height:1.4;}
.public .thumbnail img, .product .thumbnail img{width:100%;}

.public .thumbnail .caption, .product .thumbnail .caption{height:76px;overflow:hidden;}
.thumbnail .caption{padding:15px 10px;color:#333;}
.public .thumbnail .caption p, .product .thumbnail .caption p{margin-bottom:0;color:#999;font-size:14px;}


.product h2{display:inline-block;margin-top:1em;padding-bottom:5px;border-bottom:2px solid #007dc6;font-size:2.4rem;}

.search-form{display:inline-table;}
.search-form .input-group{display:inline-table;vertical-align: middle;max-width:214px;}
.search-form .input-group-btn{font-size:14px;}
.search-form .form-control{border:1px solid #ccc;background-color:transparent;}
.search-form .btn{color:#fff;background-color:#428df4;}
/* product */
.wrapper .col-xs-12{position:relative;padding:0;border:1px solid #eee;}
.category{display:table;position:relative;margin-bottom:15px;width:100%;}
.category .list-group-item{border-radius:0px;}
.category .btn-default{color:#777;border-color:#ddd;}
.category .pull-left{position:relative;}
.category .pull-left a{margin-bottom:5px;margin-right:5px;}
.category .pull-left a.selected{color:#c00;background-color:#e6e6e6;border-color:#ccc;}
.category .pull-right{position:absolute;top:0;right:0;text-align:right;}

.dropdown-menu.list-group{padding:0;min-width:120px;max-height:calc(100vh - 200px);font-size:14px;background:#fff;border-radius:0;overflow-y:scroll;}
.dropdown-menu.list-group li ul{padding-left:30px;}
.dropdown-menu .list-group-title{position:relative;display:block;padding:10px;margin-top:-1px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f5f5f5;}
.dropdown-menu .list-group-item{padding:10px 5px;border-color:#ddd;border-right:none;border-left:none;white-space:nowrap;}
.dropdown-menu .list-group-item:last-child{margin-top:-1px;border-bottom:none;border-radius:0;}
.dropdown-menu .list-group-title.selected{color:#c00;font-weight:bold;}

.sidebar{position:absolute;top:0;right:0;width:280px;height:100%;background:#fafafa;border-left:1px solid #eee;}
.breadcrumb{border-bottom:1px solid #eee;}
.breadcrumb.text-left{font-size:14px;}
.breadcrumb.text-center{padding-top:0;border-bottom:1px solid #ddd;background:transparent;}
.breadcrumb.text-center > li + li:before{padding:0 10px;color:#ccc;content:"\007c";}
.breadcrumb a{margin-right:5px;margin-left:5px;}
.breadcrumb a:first-child{margin-left:0;}
.breadcrumb a:last-child{margin-right:0;}
.breadcrumb .active{color:#c9302c;font-weight:bold;}

.sidebar .sidebar-info{padding:20px;}
.sidebar .sidebar-info h1{font-size:24px;}
.sidebar .sidebar-content dd{margin-top:2px;margin-bottom:10px;text-align:justify;}
.sidebar .sidebar-content dl, .sidebar .sidebar-content dd:last-child{margin-bottom:0;}
.sidebar p{margin-bottom:0;padding:20px;border-top:1px solid #eee;}

.product-content{position:relative;margin-right:280px;}
.picture-module{border-bottom:1px solid #eee;background:#fff;text-align:center;}
.picture-item{padding:0;list-style:none;background:#fff;}
.picture-item li{border-bottom:1px solid #eee;}

.product-content .col-md-10{margin-bottom:40px;margin-top:40px;}
.product-content .col-md-10 h3{font-size:18px;}
.product-content .col-md-10 ul{padding-left:20px;}
.product-content .col-md-10 ol{padding-left:25px;}
.product-content .col-md-10 li{line-height:160%;}
.product-content .col-md-10 img{padding:15px;width:100%;border:1px solid #ddd;}
.table > thead:first-child > tr:first-child > th,.table > tbody > tr > td{min-width:100px;word-break:break-all;}
.wrapper .col-xs-12 .panel-footer{position:relative;width:100%;overflow:hidden;}

.view{background:#eee;}
.content{border:1px solid #eee;background:#fff;}
.content .article{padding:2em;line-height:1.6;font-size:16px;text-align:justify;}
.content .article-header{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #eee;text-align:center;}
.content .article-title{margin-bottom:10px;font-size:36px;}
.content .article-meta{color:#999;font-size:80%;}
.content .glyphicon-time{margin-right:5px;font-size:90%;}
.content .glyphicon-eye-open{margin-right:5px;margin-left:20px;font-size:90%;}

.content .article-content h2, .content .article-content h3{font-size:21px;color:#06c;}
.content .article-content ol{margin:0 0 1em;}
.content .img-rounded{text-align:center;}
.content .article img{max-width:100%;}
.content .panel-footer{border-top-color:#eee;background:#fafafa;}

/* main */
.main{margin-right:-5px;margin-left:-5px;}
.main .col-md-3{padding-right:5px;padding-left:5px;}
.main .thumbnail{margin-bottom:10px;border-color:#eee;background:#f8f8f8;overflow:hidden;}
.main .thumbnail .img-responsive{border-bottom:1px solid #eee;background:#fff;text-align:center;overflow:hidden;}
.main .thumbnail img{width:100%;transition:all 1s;-webkit-transition:all 1s;}
.main a:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);}
.main .thumbnail:hover{border-color:#ddd;background:#f4f4f4;transition:all .3s ease-out;}

.main .thumbnail .caption{margin:20px;padding:0;text-align:justify;overflow:hidden;}
.main .thumbnail .caption h3{margin-bottom:15px;color:#428df4;font-size:18px;text-align:center;-webkit-line-clamp:1;}
.main .thumbnail .caption p{margin-bottom:0;max-height:60px;-webkit-line-clamp:3;}
.main .thumbnail .panel-footer{color:#999;font-size:80%;background:transparent;overflow:hidden;}
.main .thumbnail .panel-footer .glyphicon{margin-right:5px;}
.main .thumbnail .text-left{float:left;}
.main .thumbnail .text-right{float:right;}
.main a:hover h3{color:#23527c;}
.main h2{display:inline-block;margin-top:1em;padding-bottom:5px;border-bottom:2px solid #007dc6;font-size:2.4rem;}

nav.text-center{display:inline-table;width:100%;}
nav .pagination{margin-bottom:0;}
/* about */
.jumbotron{position:relative;margin-bottom:0px;height:400px;background:#000;text-align:center;}
.jumbotron.product-banner{background:#000 url(../img/about-bg.png) no-repeat bottom;background-size:cover;}
.jumbotron.about-banner{background:#000 url(../img/about-bg.png) no-repeat bottom;background-size:cover;}
.jumbotron.contact-banner{background:#000 url(../img/contact.jpg) no-repeat bottom;background-size:cover;}
.jumbotron .central{position:absolute;top:50%;right:5%;left:5%;transform:translateY(-50%);font-family:SimHei, Arial, Helvetica, sans-serif;}
.jumbotron h1,.jumbotron h2{position:relative;margin-bottom:20px;color:#fff;font-size:42px;font-weight:normal;}
.jumbotron p{margin-bottom:0;color:#999;}

.about{padding-top:40px;padding-bottom:80px;font-size:16px;text-align:justify;}
.about .plate{padding-top:20px;padding-bottom:20px;text-align:center;}
.about h3,.about .txt{margin-top:0;margin-bottom:0;}
.about h3{font-size:40px;}
.about .txt{font-weight:bold;}
.about .intro{margin-top:20px;line-height:1.6;}

/* contact */
.contact{padding-top:80px;padding-bottom:80px;}
.contact h2{font-size:32px;padding-bottom:30px;border-bottom:1px dotted #ccc;text-align:center;}
.contact .col-md-4,.contact .col-md-8{margin-top:20px;overflow:hidden;}
.contact .col-lg-12{padding-right:0;padding-left:0;}

.contact .media-body p{margin-bottom:10px;color:#777;font-size:15px;}
.contact .media-body h5{font-size:16px;}
.contact .media-body a{color:#333;}

.contact .form-control, .contact .btn-default{border-radius:0;}
.contact textarea{resize:none;height:200px;}
.contact .media-left .glyphicon{width:30px;line-height:30px;text-align:center;color:#fff;background:#666;border-radius:100%;}
/* footer */
.footer{background:rgba(0,0,0,.8);}
.footer .container{padding-top:30px;padding-bottom:10px;}
.footer .col-md-10, .footer .col-md-5{padding-left:0px;padding-right:0px;}
.footer dt,.footer dd{padding-top:4px;padding-bottom:4px;color:#ccc;}
.footer dt{padding-bottom:10px;}
.footer dt a, .footer dd a{display:block;color:#ccc;}
.footer dt a:hover, .footer dd a:hover{color:#fff;}
.footer .img-rounded{max-width:80%;border-radius:6px;opacity:0.8;}

/* copyright */
.copyright{padding-top:20px;padding-bottom:20px;background:rgba(0,0,0);color:#999;text-align:center;}
.copyright a{color:#999;}

@media (min-width: 992px){
.footer .col-md-2{width: 16%;}
}
@media (max-width:768px){
body, input, select, textarea{font-size:14px;}
.container-fluid{padding-right:10px;padding-left:10px;}
.container{padding-right:10px;padding-left:10px;}
.row{margin-right:-10px;margin-left:-10px;}
/* navbar */
.navbar-default .container{padding:10px;}
.container > .navbar-header,.container > .navbar-collapse{margin-right:-10px;margin-left:-10px;}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:10px;}
.navbar-toggle{margin-right:10px;}
.navbar-nav{margin:7.5px -10px;font-size:16px;}
.nav > li > a{margin:4px 10px;}
.navbar-collapse{position:absolute;top:100%;width:100%;height:calc(100vh - 50px);padding-right:10px;padding-left:10px;background-color:rgba(0,0,0,.9);}
.navbar-nav .dropdown-menu{position:relative;top:-10px;left:auto;display:block;float:inherit;padding-right:35px;padding-left:45px;list-style:circle;background-color:transparent;border:none;color:#999;-webkit-box-shadow:0 0 1px rgba(0,0,0,.175);box-shadow:0 0 1px rgba(0,0,0,.175);}
.navbar-nav .dropdown-menu>li>a{color:#fff;padding:6px;}
.navbar-nav .dropdown-menu>li>a:focus,.navbar-nav .dropdown-menu>li>a:hover{color:#ccc;background-color:transparent;}
.navbar-nav .dropdown-menu .divider{background-color:rgba(255,255,255,.1);}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color:#428df4;border-bottom:none;}
.navbar-default .navbar-nav .open .dropdown-menu{position:relative;top:-10px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{padding:6px;color:#fff;line-height:1.42857143;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#ccc;background-color:transparent;}

/* banner */
.carousel{padding-top:50px;padding-bottom:50px;}
.carousel .carousel-inner{overflow:inherit;}
.carousel .carousel-inner img{padding-top:80px;padding-bottom:20px;max-width:84%;filter:alpha(opacity=70);opacity:.7;}
.carousel .carousel-caption{width:84%;top:15%;right:8%;left:8%;bottom:auto;transform:translateY(-50%);padding:10px;text-align:center;}
.carousel .carousel-caption h2{font-size:24px;}
.carousel .carousel-control{width:50px;}
.carousel .carousel-caption p .btn{border:none;color:#337ab7;font-size:16px;}
.carousel .carousel-caption p .btn:hover{color:#000;background:#fff;}
/* module */
.module .col-xs-12{padding:15px 10px;border-top:1px solid #333;}
.module .module-left{line-height:1.8;}
.module .module-left sup{font-size:20px;}
.module .module-left sub{font-size:16px;}
/* */
.public{padding-top:10px;padding-bottom:40px;}
.public .container{padding-right:10px;padding-left:10px;}
.public .row{margin-right:-5px;margin-left:-5px;}
.public .column h2{margin-bottom:20px;width:100%;font-size:24px;text-align:center;}
.public .col-xs-6,.product .col-xs-6{padding-left:5px;padding-right:5px;}
.public .col-xs-6 .thumbnail, .product .thumbnail{padding:0px;}
.public .col-xs-6 .thumbnail h4, .product .col-md-3 .thumbnail h4{margin-bottom:0;height:32px;font-weight:inherit;font-size:14px;}
.public .col-xs-6 .thumbnail .model, .product .col-md-3 .thumbnail .model{height:17.15px;font-size:12px;overflow:hidden;}
.public .more{width:100%;color:#a0a0a0;text-align:center;}
.public .more .glyphicon{font-size:80%;filter:alpha(opacity=80);opacity:.8;}
/* product view */
.wrapper{position:relative;box-sizing:border-box;}
.wrapper .container-fluid{padding:0;}
.wrapper .col-xs-12{border:none;border-bottom:1px solid #eee;}
.category .pull-left{margin-left:10px;}
.category .pull-right{position:absolute;right:10px;width:60px;text-align:right;}
.category .btn{padding:5px 10px;}
.category .pull-left .btn{color:#777;}
.dropdown-menu.list-group {font-size:14px;}
.dropdown-menu .list-group-title{padding:8px 10px;}
.dropdown-menu .list-group-item{padding:8px 5px;}
.product{padding-right:-5px;padding-left:-5px;}
.product-content{position:relative;margin-right:0;margin-right:0;}

.sidebar{position:relative;width:100%;border-left:0;background:#eee;}
.breadcrumb{padding:10px 15px;}
.breadcrumb.text-center{padding-top:10px;}
.sidebar p{padding:15px;border-top:1px solid #eee;}

.picture-module h1{margin-bottom:0;padding:25px 15px;font-size:24px;}
.picture-module .model{padding:15px;}

.picture-item{white-space:nowrap;overflow-x:scroll;}
.picture-item li{display:inline-block;}
.picture-item h2{padding-top:1em;font-size:21px;text-align:center;}
.product-content .col-md-10{margin-bottom:20px;padding-left:10px;padding-right:10px;}
.product-content .col-md-10 h3{font-size:21px;text-align:center;}
.product-content .col-md-10 li{margin-bottom:5px;line-height:150%;}
.table > thead:first-child > tr:first-child > th,.table > tbody > tr > td{min-width:74px;}
.wrapper .col-xs-12 .panel-footer{padding:10px;border-radius:0px;}
/* main list */
.main{margin-right:5px;margin-left:5px;}
.main .col-sm-6{padding-right:10px;padding-left:10px;}
.main .thumbnail .img-responsive{padding:10px;}
.main .thumbnail .caption{margin:15px 10px;height:28px;}
.main .thumbnail .caption p{display:none;}
.main .thumbnail .caption h3{margin-bottom:0;max-height:inherit;font-size:14px;font-weight:normal;-webkit-line-clamp:2;}
.main .thumbnail .panel-footer{padding:8px 10px;}
.main h2{font-size:2rem;}
/* news content */
.wrapper .container{padding:0;}
.content .article{padding:15px;font-size:14px;}
.content{border-right:none;border-left:none;}
.content .article-header{margin-bottom:20px;padding-top:20px;}
.content .article-title{font-size:24px;line-height:1.2;}
.content .article-meta{line-height:1.2;}

.panel-footer .pager{margin:10px 0;}
.panel-footer .previous a{margin-bottom:5px;width:100%;}
.panel-footer .next a{width:100%;}
/* about */
.jumbotron{padding:0;height:auto;}
.jumbotron .central{position:relative;top:auto;right:auto;left:auto;transform:none;padding-top:100px;padding-bottom:80px;}
.jumbotron h1,.jumbotron h2{font-size:32px;}
.jumbotron p{font-size:18px;}
.about{padding-bottom:30px;font-size:16px;}
.about .container{padding-right:10px;padding-left:10px;}
.about h2{font-size:24px;}
.about .col-xs-6:nth-child(2n-1){padding-left:10px;padding-right:5px;}
.about .col-xs-6:nth-child(2n){padding-left:5px;padding-right:10px;}
.about .plate{margin-bottom:10px;padding-top:15px;padding-bottom:15px;}
.about h3{font-size:20px;}
.about .intro{margin-top:10px;}
.not-wrap{white-space:nowrap;}

.contact{padding-top:40px;padding-bottom:40px;}
.contact .container{padding-right:10px;padding-left:10px;}
.contact h2{padding-bottom:20px;font-size:24px;}

.contact .col-md-5,.contact .col-md-7{padding-right:10px;padding-left:10px;}
/* pagination */
.pagination>li>a, .pagination>li>span{padding:4px 8px;}
/* footer */
.footer, .copyright{font-size:14px;}
}