:root{--bg:#f8fafb;--gray-300:#dee2e6;--gray-500:#adb5bd}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--gray-300)}
*{scrollbar-width:thin}
body{line-height:1.6;letter-spacing:0.5px;font-size:14px;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;color:var(--gray);}
a{color:var(--gray);text-decoration:none;transition: all 0.5s ease;}
a:hover{color:#b8860b;text-decoration:none}
img{max-width:100%;border-radius:0.5rem}
ul,ol,li{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;font-weight:600;color:var(--gray-dark)}
h1{font-size:36px}
h2{font-size:24px}
h3,h4{font-size:18px}
h5,h6{font-size:16px}
form.search{display:flex;width:100%}
input[type=file]{padding:0;height:auto;border:0}
input[type=radio],input[type=checkbox],input[type=radio]:focus,input[type=checkbox]:focus{width:14px;height:14px;outline:none;box-shadow:none;vertical-align:middle}
.body-bg{background:var(--bg)}
#carouselDede .carousel-caption h2{color:var(--white)}
#carouselDede .carousel-caption h2,.item-article h2,.item-admin h2,.item-vote h2,.item-tag h2,.list-info-search h2{font-size:18px}
.item-article li{margin-bottom:10px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-article li:last-child{margin-bottom:0}
.item-admin{padding:75px 1rem}
.item-theme{margin-bottom:2rem}
.item-theme-box{padding:1.5rem}
.item-theme-box .text-left i,.item-theme-box .text-right span,.item-news .author,.item-news .author a,.item-news .date,.item-info a,.list-article-body i,.list-article-body span,.article-hot-box i,.article-hot-box span,.article-meta span{color:var(--gray-500)}
.item-theme .title a,.item-news .title a{color:var(--gray-dark)}
.item-theme-img img{width:100%;height:250px}
.item-theme p,.item-news p{color:var(--gray-500);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item-news{margin-bottom:3rem;padding:1.5rem}
.item-theme:hover,.item-news:hover{box-shadow:0 14px 30px -16px rgba(0,36,100,0.25);transform:translateY(-5px);transition:all 0.5s}
.item-news .title{margin:20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-news-img img{width:100%;height:200px}
.item-vote .table,.article-theme-body p:last-child,.article-hot:last-child{margin-bottom:0}
.list-article-img img{width:100%;height:260px}
.list-article-body h2{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-article-body h2 a{color:var(--gray-dark)}
.article-theme-title h1{margin-bottom:1rem;font-size:24px}
.article-theme-img,.article-hot-img img{width:100%}
.article-theme-info .item{display:inline-block;width:100px}
.article-theme-info .price{font-size:18px;font-weight:600}
.article-theme-body h2,.article-right h2{margin-bottom:1rem;font-size:18px}
.article-hot{margin-bottom:1.5rem}
.article-hot-box{padding:1rem 1.5rem;background:var(--white)}
.article-hot-box h4{font-size:14px;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-main .title h1{font-size:24px}
.article-main .body h1,.article-main .body h2,.article-main .body h3,.article-main .body h4,.article-main .body h5,.article-main .body h6{margin:20px 0;padding:0 10px;font-size:18px!important;border-left:3px solid var(--success)}
.article-main .meta span{margin-right:1rem}
.likes .comment-container{width:200px;padding:10px 20px;border:1px solid var(--bg);border-radius:30px;margin:0 6px;cursor:pointer}
.likes .comment-container:hover{background:var(--white)ce0}
.likes .comment-top{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}
.likes .comment-top-text{margin-left:10px;color:var(--blue)}
.likes .comment-top-text-danger{margin-left:10px;color:var(--danger)}
.likes .text-like{color:var(--blue)}
.likes .text-unlike{color:var(--danger)}
.likes .comment-top p{margin-bottom:unset}
.actbox{float:right;padding:10px}
.actbox ul{list-style:none}
.actbox ul li{float:left;margin-left:10px}
.feedbacks .face{width:40px;height:40px;border-radius:50%;border:solid 1px var(--gray-300)}
.feedbacks .media{border-bottom:solid 1px var(--gray-300)}
.feedbacks .feedback_replies .media{border-top:solid 1px var(--gray-300);border-bottom:0}
.feedbacks .media-body span{color:var(--gray-500)}
.feedbacks .feedback-basic{display:inline-block}
.feedbacks .feedback-action{float:right}
.feedbacks ._feedback_reply .alert{margin-bottom:0}
.login-from{margin:5rem auto;width:500px}
.login-box{padding:1.25rem;background:var(--white)}
.user-login,.user-actions{line-height:40px}
.user-actions{text-align:right}
.copyright{padding:2rem;background:var(--gray-dark)}
.flink,.flink a,.copyright,.copyright a{color:var(--gray-300)}
.f-link,.f-link a {color: var(--gray);font-family: georgia;}
.user-meter i{font-size:24px!important;color:var(--green)}
.userspace .info{font-size:14px;font-weight:300;color:var(--gray)}
.logo img{height:78px}
.pannel-main-container{padding:1.5rem;background:var(--white)}
.biz-mb{margin-bottom:-2rem}
.bannr-img{width:100%;height:340px}
.user-img-md{width:60px;height:60px;border-radius:50%;border:1px solid var(--gray-300)}
.user-img-sm{width:36px;height:36px;border-radius:50%;border:1px solid var(--gray-300)}
.user-img-xs{width:30px;height:30px;border-radius:50%;border:1px solid var(--gray-300)}
.nav-item .active{color:var(--warning)}
.nav-link{padding:0 10px;height:30px;line-height:30px;font-size: 1rem;}
.navbar-dark .navbar-nav .nav-link{color: #000;font-weight: lighter;}
.list-group-item.active a{color:var(--white)}
.list-group-flush>.list-group-item{cursor:pointer}
.input-group-append .btn-sm{line-height:1.8}
.table{color:var(--gray)}
.table td,.table th{padding:0.5rem;vertical-align:middle}
.form-control{display:inline-block;height:36px}
.form-control,.fa,.btn,.dropdown-menu{font-size:14px!important}
.btn+.btn{margin-left:10px}
.input-text{height:36px;line-height:36px}
.thumbnail-md{max-width:280px;max-height:168px}
.admin-textarea-xl{width:100%}
.admin-input-lg{width:60%}
.admin-input-sm{width:160px}
.admin-input-xs{width:60px}
.navbar-toggler,.dropdown-menu,.cke_chrome,.cke_inner,.pagination,.form-control,.btn,.alert,.rounded{border-radius:0.5rem!important}
.cke_top,.item-theme-img img,.list-article-img img,.article-hot-img img{border-radius:0.5rem 0.5rem 0 0!important}
.cke_bottom,.list-article-radius{border-radius:0 0 0.5rem 0.5rem!important}
.rounded-circle{border-radius:50%!important}
.page-item:first-child .page-link{border-top-left-radius:0.5rem!important;border-bottom-left-radius:0.5rem!important}
.page-item:last-child .page-link{border-top-right-radius:0.5rem!important;border-bottom-right-radius:0.5rem!important}
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
#validateimg,.btn-send{border-radius:0 0.5rem 0.5rem 0!important}
#returntop{display:none;position:fixed;padding:10px 15px;right:1rem;bottom:1rem;color:var(--white);cursor:pointer;background:var(--orange);border-radius:0.5rem;border:0;z-index:9998}
#returntop:hover{background:var(--orange)}


.iappl-t {
	text-align: center;
	padding: 4rem 0;
}
.icol-12 h3 {
	font-size: 2rem;
	margin-bottom: 1rem;
	letter-spacing: 1px;
	font-weight: 500;
}
.iappl-t p {
	text-transform: uppercase;
	color: #ddd;
}
.iappl-s {
	text-align: center;
}
.iappl-s span {
	display: inline-block;
	padding: 1rem;
}
.iappl-s img {
	transition: all 0.3s;
	cursor: pointer;
}
.iappl-s img:hover {
	transform: scale(1.03);
}
.ipro img {
	border: 2px solid #eee;
	border-radius: 0;
}
.ipro span {
	margin-top: 4px;
	font-size: 1rem;
	color: #333;
	margin-bottom: 1rem;
}
.ipro a:hover span, .inews-a:hover {
	color: #b8860b;
}
.item-news {
  display: flex;
  transition: all 0.3s linear;
}
.item-news-l {
	padding: 20px 50px;
	font: normal 30px Segoe UI;
}
.item-news span {
  display: block;
  text-align: center;
}
.item-news-r {
  padding: 12px;
}
.item-news-t {
  font-size: 20px;
}
.item-news p {
  line-height: 1.8;
  padding-top: 12px;
}
.n-banner img {
	border-radius: 0;
}
.iabout {
	background-color: #fff;
	padding-top: 50px;
}
.iabout .ititle {
	padding-top: 60px;
}
.iabout-l {
	line-height: 2.2;
	font-size: 15px;
}
.iabout-r {
	padding: 40px 0 45px;
	text-align: center;
}
.iabout-r img {
	width: 86%;
	margin-bottom: 30px;
	box-shadow: 3px 10px 10px #999;
	border-radius: 0;
}
.ititle h3 {
	color: #000;
	font: 1.5rem Georgia;
}
.ititle h3 span {
	display: block;
	padding-top: 0.5rem;
	color: #444;
	font-size: 1rem;
}
.ititle i {
	height: 1px;
	width: 30px;
	background-color: #999;
	display: inline-block;
}
.icontact {
	margin: 50px 0;
	color: #000;
}
.icontact .col-md-3 {
	font-size: 15px;
	font-family: microsoft yahei;
	text-align: center;
}
.breadcrumb {
	line-height: 1.5rem;
	padding: 1.75rem 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	background-color: transparent;
}
.sec-tit {
	text-align: center;
	padding: 5rem;
}
.sec-title {
	font-size: 2rem;
	letter-spacing: 1px;
	font-weight: lighter;
}
.punchline {
	padding: 1rem;
	display: block;
	font-size: 1.25rem;
	font-family: times new roman;
	text-transform: capitalize;
}
.categories-wrapper .col-12.col-sm-6.col-lg-4 {
	margin-bottom: 20px;
}
.product {
	border: 1px solid #fff;
	padding: 3px;
	transition: 0.3s all ease-in-out;
	background: #fff;
	position: relative;
	overflow: hidden;
	margin-bottom: 38px;
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.product:hover {
	box-shadow: 0 4px 16px rgba(0,0,0,.4);
}
.product .product-inner {
	background: transparent;
	transition: 0.3s all ease-in-out;
	padding: 20px 0 15px;
}
.product .product-inner .product-dis {
	padding-top: 12px;
	margin: 5px 14px;
	border-top: 1px solid #eee;
}
.inews .ititle {
	text-align: center;
	margin: 3rem 0;
}
.pagination {
	margin-top: 2rem;
	align-items: center;
	justify-content: center;
}
.article-main {
	padding-right: 50px;
}
.article-main h1, .article-main h2, .article-main h3, .article-main h4, .article-main h5, .article-main h6 {
	margin-bottom: 1rem;
	letter-spacing: 1px;
	font-weight: lighter;
	color: #000;
}
.article-meta {
	padding-bottom: 1rem;
	border-bottom: 1px solid #eee;
}
.article-meta span {
	margin-right:1rem;
	color: #aaa;
}
.article-body {
	margin-top: 20px;
	font-size: 16px;
	line-height: 2.2;
	color: #333;
}
.article-body p {
	text-indent: 32px;
}
.prenext {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.prenext .pagination-previous,.pagination-next {
	padding:12px;
	font-size:14px;
	color:#a6a5a6;
	transition: all 0.3s ease-in-out;
	cursor:pointer
}
.prenext .pagination-previous:hover,.pagination-next:hover,.pagination-previous:hover a,.pagination-next:hover a {
	color: #fff;
	background: var(--gray-dark)
}
.ddcard, .ddcard-normal {
	border: none;
}
.ddcard > .card-header {
	padding:0;
	background:#fff;
	border-bottom:solid 3px var(--gray-dark)
}
.ddcard-normal > .card-header {
	padding:10px;
	background:#fff;
	border-bottom:0
}
.ddcard > .card-header .more a,.ddcard-normal > .card-header .more a {
	font-size:14px;
	color:#1eb867
}
.ddcard > ul > li,.ddcard > ol > li,.ddcard-normal > ul > li,.ddcard-normal > ol > li {
	padding-bottom:10px;
	color:#c0c0c0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.list-group li {
	list-style: disc inside;
}
.ddcard > ul > li:nth-child(1),.ddcard > ol > li:nth-child(1) {
	margin-top:10px
}
.ddcard > ul > li:last-child,.ddcard > ol > li:last-child,.ddcard-normal > ul > li:last-child,.ddcard-normal > ol > li:last-child {
	padding-bottom:0
}
.ddcard > .card-header .caption span {
	display:inline-block;
	padding:6px 12px;
	font-size:16px;
	color:#fff;
	background:var(--gray-dark);
	border-radius:.2rem .2rem 0 0;
}
.ddcard-normal {
	padding:0;
	box-shadow:0 .125rem .25rem rgba(0,0,0,.075)
}
.ddcard-normal ul {
	padding:10px
}
.item-article {
	margin-bottom: 2rem;
}
.article-body a strong {
	color: #333;
}
.pro-l img {
	width: 75%;
	box-shadow: 5px 5px 10px #eee;
}
.pro-r h1 {
	font-size: 2.5rem;
}
.pro-r p {
	width: 85%;
	padding-top: 2rem;
	line-height: 2;
	font-size: 1.125rem;
}
.pro-img li {
	float: left;
	width: 33.3%;
}
.pro-detail {
	text-align: center;
	padding-top: 2rem;
}
.pro-recommend, .pro-img {
	padding-top: 2rem;
	border-top: 1px solid #ddd;
	color: #333;
	margin-top: 1.5rem;
}
.pro-recommend h3, .pro-xq {
	font-size: 1.625rem;
	padding-bottom: 1.5rem;
}
.pro-recommend h3 span, .pro-xq span {
	padding-left: 10px;
	color: #999;
	font: italic 1rem georgia;
}
.pro-parameter {
	padding-top: 2rem;
	line-height: 2.375rem;
}
.pro-table {
	box-shadow: -3px 3px 20px rgba( 0, 0, 0, 0.3 );
	margin-bottom: 2rem;
	font-family: times new roman;
	width: 100%;
}
.pro-table tr {
	transition: all 0.5s;
}
.pro-table td, .pro-table th {
	text-align: center;
	word-break: keep-all;
}
.pro-table thead th {
	color: #fff;
	background: #4FC3A1;
	padding: 20px 1px;
	font-size: 1rem;
}
.pro-table thead th:nth-child(2n+1) {
	background: #324960;
}
.pro-table th em {
	display: block;
	font-style: normal;
	font-size: 0.875rem;
}
.pro-table td {
	border-right: 1px solid #f8f8f8;
	padding: 30px 0px;
}
.pro-table td:last-child {
	border-right: none;
}
.pro-table tr:nth-child(2n) {
	background: #f8f8f8;
}
.pro-table tr:hover {
	background: #fdb837;
}
.pro-parameter p {
	color: #999;
	font-size: 0.875rem;
	margin-bottom: 0;
	text-align: right;
}
.wrap-rec {
	padding: 0 28px 16px;
	border: 1px solid #e3e3e3;
	border-top: 5px solid #324960;
	margin: 30px 0 50px;
}
.in-common-tit {
	font-size: 16px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #d9d9d9;
	padding-left: 7px;
	color: #5d5d5d;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
}
.in-common-tit span {
	font-weight: normal;
	font-size: 13px;
	color: #c4c4c4;
}
.index-newss .bd {
	display: grid;
}
.index-newss .bd li {
	float: left;
	width: 50%;
	list-style: none;
}
.index-newss .bd a {
	padding: 0 16px;
	display: block;
	font-size: 14px;
	line-height: 34px;
	color: #666666;
	background: url(../img/circle.png) left center no-repeat;
}
.index-newss .bd span.fr {
	font-size: 12px;
	color: #a7a7a7;
	float: right;
}


@media (max-width:768px) {
	.pb-m-3{padding-bottom:1rem}
	.login-from{width:100%}
	.bannr-img,.item-theme-img img,.list-article-img img{height:250px}
	.item-news-img img{height:210px}
	.feedbacks .feedback-action{float:none}
	
	.logo img {
		height: auto;
	}
	.navbar-dark .navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	.bg-success {
		background-color: transparent !important;
		right: 0;
		position: fixed;
		top: 0.5rem;
		z-index: 10;
	}
	.navbar-dark .navbar-nav .nav-link {
		color: #000;
		font-weight: normal;
		font-size: 0.875rem;
		padding: 0 0.5rem;
	}
	.navbar-collapse {
		position: fixed;
		background: rgba(255,255,255,0.99);
		top: 4rem;
		right: 0;
		border-top: 2px solid #000;
		box-shadow: 0 0 7px 0 #cfcfcf;
		border-right: 1px solid #ccc;
	}
	.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
		color: #b8860b;
	}
	.iappl-t, .breadcrumb {
		padding: 1rem 0;
	}
	.icol-12 h3 {
		font-size: 1.5rem;
		margin-bottom: 0.5rem;
	}
	.iappl-s span {
		display: block;
	}
	.item-news-l {
		padding: 16px 10px;
		font: normal 16px Segoe UI;
	}
	.inews-a:last-child .item-news {
		margin-bottom: 1rem;
	}
	.n-banner img {
		min-height: 16rem;
	}
	.sec-tit {
		padding: 1rem;
	}
	.sec-title {
		font-size: 1.5rem;
	}
	.punchline {
		font-size: 1rem;
	}
	.pagination {
		margin-top: 0;
		padding-top: 0 !important;
		padding-bottom: 1rem !important;
	}
	.inews .ititle {
		margin: 0;
	}
	.iabout .ititle {
		padding-top: 0;
	}
	.icontact {
		margin: 20px 0;
	}
	.article-main h1, .article-main h2, .article-main h3, .article-main h4, .article-main h5, .article-main h6 {
		font-size: 1.5rem;
	}
	.article-main {
		padding-right: 15px;
	}
	.article-meta span {
		font-size: 0.75rem;
	}
	.prenext .pagination-previous, .pagination-next {
		font-size: 13px;
	}
	.pro-main {
		margin-top: 1rem !important;
	}
	.pro-l img {
		width: 100%;
	}
	.pro-title {
		padding-bottom: 0 !important;
	}
	.pro-r h1 {
		font-size: 1.5rem;
		text-align: center;
		margin-top: 2rem;
		font-weight: 500;
	}
	.pro-r p {
		width: 100%;
		padding-top: 1rem;
		font-size: 0.875rem;
	}
	.pro-recommend h3, .pro-xq {
		font-size: 1.125rem;
	}
	.pro-img li {
		width: 50%;
	}
	.pro-parameter {
		padding-top: 0;
		line-height: 1.6;
	}
	.pro-scroll {
		overflow: scroll;
	}
	.pro-parameter p {
		font-size: 0.75rem;
		margin-bottom: 1rem;
	}
	.index-newss .bd li {
		width: 100%;
	}
	.index-newss .bd span.fr {
		display: none;
	}
}
@media (min-width:1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1280px;
	}
	.bg-success {
		background-color: transparent !important;
	}
	.navbar-expand-md .navbar-collapse {
		justify-content: flex-end;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 1.25rem;
		padding-left: 1.25rem;
	}
	.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
		color: #b8860b;
	}
	.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .article-body a:hover strong {
		color: #b8860b;
	}
}