@charset "utf-8";
/* CSS Document */


body{ background: #f4f4f4;}

.h4 a, h4 a {
    font-size: 1.1rem;
}

a.text-danger:focus, a.text-danger:hover{ 
    color: #f00!important;
}

a.text-light:focus, a.text-light:hover{ 
    color: #fff!important;
}

a.text-dark:focus, a.text-dark:hover{ 
    color: #dc3545!important;
}

.text-muted{ color:#999!important;}

.h6, h6 {
    font-size: 1.1rem;
}

.media-title {
    margin-bottom: .5rem;
}

.card-body {
    padding: 1.1rem;
}

.card-title {
    margin-bottom: 0.3rem;
}

.media {
    margin-top: 1rem;
	margin-bottom: 0.7rem;
}

.bg-light {
    background-color: #fff !important;
}

.img-preview {
	height: 7rem;
	width: 10rem;
	max-height: 7rem;
}

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
    margin: 12px 0 10px 3px;
}

.navbar-light .navbar-brand .mr-lg-5{ float: left;}

.header_logo{ margin-top:-2px; margin-left: 40px; float: left;}

.navbar-brand img {
	height: 18px;
}

.navbar-toggler{ padding:0;}

.btn_topright{ margin-left:15px;}





.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
}


.carousel-control-prev, .carousel-control-next {
    width: 5%;
}

.navbar-nav .nav-item{
	background: url(../../images/nav_rl.gif) no-repeat right center;
}

.navbar-nav .nav-item-lastone{
	background:none;
}

.navbar-nav .nav-link{
	margin: 0 9px;
}

.navbar-nav .active .nav-link{
	font-weight: bold;
}




.home_banner_md{ display:none;}

.wx_code{ width: 115px; float:right; margin-top:0;text-indent:0!important; text-align: right;}

.news_list_time{ display: block; width: 100%; clear:both; text-align: right; color: #999; line-height: 1.3; font-size: 0.8rem;}

.intro_txt{ font-size: 0.9rem; text-indent: 1.8rem;}


.l_design_btn{ margin-bottom: 0;}


.footer {
    background: #e2e2e2;
	text-align: center;
	font-size: 0.9rem;
	line-height: 2.5;	
	width: 100%;
}


/* reference-design */

.rd_tab{ margin-top:0; margin-left: 0; margin-right: 0;}

.rd_tab .nav-item {
    text-align: center;
	padding-left: 0;
	padding-right: 0;
}

.rd_tab1 .nav-item {
    width: 20%;
}

.rd_tab .nav-link.active, .rd_tab .nav-link:hover {
    background-color: #bd2130 !important;
}

.content_design_list .card-img-top {
    width: 30%;
    float: left;
	margin-right: 1rem !important;
}


.content_design_list .card-img-top {
    width: 30%;
    float: left;
    margin-right: 1rem !important;
}

.content_design_list .img-preview{
	height:auto;
}



.content_design_list .card-body {
    padding-bottom: 0;
}


.content_design_list a{ color:#dc3545;}

.content_design_list a:focus, .content_design_list a:hover{ 
    color: #f00!important;
}


.content_video_list .card-body{
	padding: .5rem;
}


.video_name{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height: 1.5rem;
}


.video_name2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 3rem;
	font-size: 1.1rem;
	line-height: 1.5rem;
}

.video_intro{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 3.9rem;
	word-break: break-all;
	font-size: 0.9rem;
	line-height: 1.3rem;
}

.design_btn{ margin-bottom:1rem;}

.content_design_list .card-body p{
   margin-bottom: 0;
}

/* product */


.nav-tabs-solid{
    border: 1px solid #f4f4f4;
}

.nav-tabs-solid .nav-link {
    border: 1px solid #f4f4f4;
	margin-right: -1px;
}

.nav-tabs {
    border-bottom: none;
}


.breadcrumb{ background:none; margin-bottom: 0; border-radius: 0;}

.content_design_list a.btn:focus, .content_design_list a.btn:hover {
    color: #fff !important;
}


.new_prod .media-title a{ font-weight:bold;}

.content_product_btn{
   margin: 1rem 0 0.5rem!important;
}


.product_nav_one{ margin: 0 auto 1.5rem; width: 10rem; height: 8rem; overflow: hidden;}

.product_nav_one a{ border:none!important; color: #fff!important; margin-right:0; position: relative; display: table-cell; width: 10rem; height: 8rem; padding-top: 2rem; vertical-align: middle; font-weight: bold; padding: 2rem 0.5rem 1rem;}

.product_nav_one a i{ color: #dc3545; font-size: 10rem; position: absolute; left: 0; z-index: -1; opacity: 0.8;}

.product_nav_one a.nav-link:hover {
    background:none!important;
}

.product_nav_one a:hover i{ color: #dc3545; opacity: 1;}

.product_nav_one a:hover {
    background:none;
}


/* article */

.article_holder p{ text-indent: 2rem;}

.article_holder img{ max-width: 100%; display: block; height: auto; margin: 0 auto;}



/* newslist */

.content_newslist .news_list_time{ width: auto; clear:none; float: right;}

.content_newslist li{ margin-bottom: 1rem; padding-bottom: .5rem; border-bottom: 1px dotted #dcdcdc; float: left; width: 100%;}

.page-link {
    color: #dc3545;
}

a.page-link:focus, a.page-link:hover{ 
	background: #f4f4f4!important;
    color: #f00!important;
}



.page-item.active .page-link {
    background-color: #dc3545!important;
    border-color: #dc3545!important;
}

.page-item.active .page-link:hover, .page-item.active .page-link:focus  {
	color: #fff!important;
}


/* productvideo */
.nav-tabs-highlight .nav-link.active::before {
    background-color: #dc3545;
}

.nav-tabs-highlight .nav-link{ color:#212529; font-size: 1.2rem;}

.nav-tabs-highlight .nav-link:hover, .nav-tabs-highlight .nav-link:focus{
	color:#212529;
}

/* rd1 */
.page-title{ padding: 1rem 0;}

.rd1_txtlist ul{ border-top: 1px solid #dc3545; padding-top: 1rem;}

.rd1_txtlist .card-header{ padding-bottom:.5rem!important; font-size: 1.1rem;}

.rd1_txtlist .card-body{ padding-bottom:0;}

.bg-indigo-400 {
    background-color: #4c97d1;
}


/* rd2 */

.table_holder{ width: 100%; overflow-x:auto;}


.box_holder{ 
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	margin: 0;
}

.box_holder .card, .box_holder1 .card{ 
	background-clip: border-box;
	border: none;
	box-shadow:none;
}

.box_holder .card-footer {
    background:none;
    border-top: none;
}

.box_holder1 .card{ margin-bottom:0!important;}


.video_name1{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 2.8rem;
	font-size: .95rem;
	line-height: 1.4;
}

.ebook_code1{ display: block; max-width: 100%;}

.ebook_code2{ display: none;}


.breadcrumb-item + .breadcrumb-item::before {
  content: "_";
}

.f-l{ float:left;}
.f-r{ float:right;}
.index_new_product_item{ }
.index_new_product_item ul li{display: flex;border-bottom: 1px solid rgba(0,0,0,.125);padding: 5px 0;}
.index_new_product_item ul li .new-card-img{margin-right: 2px;}
.index_new_product_item ul li .new-card-img img {height: 6rem; width: 9rem; max-height: 6rem;}
.index_new_product_item ul li .new-media-body{ font-size: 15px;line-height: 1.2;display: flex; flex-direction: column; justify-content: center;}


@media (max-width:992px) {
	.btn_topright{ margin:10px 0 10px 20px;}
	
	.navbar-nav .nav-item{ background:none;
}
	
	.content_design_list .design_btn{ width:100%; text-align: center!important; margin-bottom: 0;}
	.content_design_list .card-img-top { margin-bottom: 0rem !important; width: 100%; display: block; text-align: center;}
	.home_banner_xl{ display:none;}
	.home_banner_md{ display:block;}	
	.wx_code{ width: 115px; float:none; margin:0 auto; text-indent:0!important; text-align: center; display: block;}
	.content_newslist .news_list_time{ display: block; width: 100%; clear:both; text-align: right;}	
	
	.ebook_code1{ display: none;}
	
	.ebook_code2{ display: block; max-width: 100%;}
}



@media (min-width : 768px) and (max-width:991.98px) {
	.navbar-expand-lg .navbar-toggler {
	  display: none;
	}
	.navbar-expand-lg .navbar-collapse {
	  display: -ms-flexbox !important;
	  display: flex !important;
	  -ms-flex-preferred-size: auto;
	  flex-basis: auto;
	}
	.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {
	  -ms-flex-wrap: nowrap;
	  flex-wrap: nowrap;
	}
	.navbar-expand-lg .navbar-nav {
	  -ms-flex-direction: row;
	  flex-direction: row;
	}
	.navbar-nav .nav-item {
	  background: url(../../images/nav_rl.gif) no-repeat right center;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
	  padding-right: .5rem;
	  padding-left: .5rem;
	}
	.navbar-nav .nav-item-lastone {
	  background: none;
	}
}



@media (max-width : 768px) {    
	.home_img_rholder { width:100%; text-align: center;}
}

@media (max-width : 575px) {    
	.home_img_lholder { width:100%; text-align: center;}
	.l_design_btn{ width:100%; text-align: center!important;}
	.media-body{ width:100%;}
	.content_design_list .img-preview{ height:auto;}
	.content_product_btn{ width:100%; text-align: center!important;}
}	

@media (min-width : 992px) {  	
	.content_design_list .card-footer {
    padding: 0 1.25rem 0;
    background: none;
    border-top: none;
	}  
}	

@media (min-width : 1200px) {  	
	.interest_nav .nav-link {
    margin-top: -1px;
	}
	.interest_nav .nav-link {
    padding: .5rem 3.1rem;
	}
  .card-img-actions{}
  .card-title{height: 48px;}
}

	
@media (min-width : 575px) and (max-width:768px) {   
	.content_design_list .card-img-top {
    width: 30%;
    float: left;
    margin-right: 1rem !important;
}
}