@charset "utf-8";
/* CSS Document */
/*************/
@media screen and (max-width: 991px) {
	body{
		padding-bottom:40px;
		text-align:justify; font-size:14px; line-height:26px;
	}
	#main-navigation,
	#main-container{
		width:100%; float:none;		
	}
	#main-navigation{
		position:static; padding:0;
		box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;	
	}
	#header .navigation,
	#header .logo-link,
	#main-navigation .box-bottom{
		display:none;	
	}
	.btn_mobile{
		display:block;	
	}
	#btn-scrolltop{
		right:15px; bottom:55px; z-index:2;	
	}
	#collapse_navmobile{
		display:block;	
	}
	.container-col2 .col2-left{
		padding-right:15px; margin-bottom:30px;	
	}
	#plugin_button_fix{
		display:block;	
	}
	#bg-main{
		margin-bottom:30px;	
	}
	#bg-main .breadgroup{
		display:none;	
	}
	/********/
	#button-share > a{
		display:inline-block; 
		margin-bottom:0; 
	}
	#button-share .share-item{
		padding-right:0;	
		float:left;
	}
	#button-share .share-item b{
		display:none;
	}
	#button-share .share-item i{
		padding-right:7px; margin-right:0;	
		background:none; color:#FFF;
	}
	#button-share .share-item i:after{
		display:none;	
	}
	/******/
	#bg-main .bg .container .dis_table{
		height:120px;	
	}
	#bg-main .bg .container .dis_table .title{
		font-size:17px; margin-bottom:0px; padding-bottom:10px;
		line-height:28px;
	}
	#bg-main .bg .container .dis_table .title::before{
		height:2px;
	}
	#bg-main .breadgroup{
		font-size:12px;	
	}
	/*********/
	#owl_home{
		background:#FFF;	
	}
	#owl_home .owl-item .item .caption{
		left:15px; width:90%; top:auto; bottom:10px;	
	}
	#owl_home .owl-dots, 
	#olw_projectimg .owl-dots{
		position:static; margin-top:10px;	
	}
	#owl_home .owl-dots .owl-dot span, 
	#olw_projectimg .owl-dots .owl-dot span{
		width:20px; height:4px;
		margin-left:4px; margin-right:4px;
		background-color:#fef4b9;	
	}
	#owl_home .owl-item .item .caption .title{
		font-size:15px; line-height:26px;
		margin-bottom:0px; padding-bottom:3px;
	}
	#owl_home .owl-item .item .caption .title::before{
		height:1px; width:40px;	
	}
	#owl_home .owl-item .item .caption{
		font-size:12px; font-weight:normal;
	}
	/******/
	/*******/
	#header{
		padding-bottom:5px; padding-top:5px;	
	}
	#header .logo{
		text-align:left; position:relative;
		margin-bottom:0; padding:0 15px;	
	}
	#header .logo img{
		height:65px; width:auto;
	}
	/**********/
	#footer::before, #footer::after,
	#footer .footer-info::before, #footer .footer-info::after{
		display:none;	
	}
	#footer .footer-text h2{
		font-size:13px; margin-bottom:10px;
		font-weight:900;
	}
	#footer .title{
		margin-top:15px;	
	}
	#footer .footer-navigation{
		padding-bottom:0;	
	}
	#footer .footer-text address, #footer .footer-text p{
		margin-bottom:7px;	
	}
	.page-contact #google_map{
		height:280px;	
	}
	.page-contact .info h2{
		font-size:13px; font-weight:900;	
	}
	#footer .footer-navigation li{
		width:100%; padding-right:0;	
	}
	#footer .footer-text p span{
		clear:both; display:block;	
	}
	#footer .footer-text p span i{
		display:none;
	}
	#footer .footer-author .bg-author{
		background-image:none; position:relative;
		padding-right:15%	
	}
	#footer .footer-author .bg-author::after{
		position:absolute; left:85%; top:0;
		width:100%; height:100%;
		content:""; display:block;
		background-image:url(../img/footer-author-bg.png);
		background-position:left center; background-repeat:no-repeat;
		background-size:auto 100%; 
	}
	/*********/
	#olw_projectimg{
		margin-bottom:20px;	
	}
	.title-page{
		font-size:21px; padding-bottom:8px;	
		margin-bottom:20px;
	}
	.col2-right .title{
		font-size:15px; line-height:24px;
	}
	.container-col2 .col2-right + .col2-right{
		margin-top:30px;	
	}
	/******/
	.home-title{
		font-size:17px;	
	}
	.home-service{
		margin-bottom:20px;	
	}
	.home-service .row .item:nth-child(3n+1){
		clear:none;	
	}
	.home-service .row .item:nth-child(2n+1){
		clear:both;	
	}
	.home-service .row .item{
		margin-bottom:10px; margin-top:5px;
	}
	.home-service .row .item .des{
		height:80px;
	}
	/**********/
	.home-news .home-news-box{
		border-bottom:1px solid #DDD;	
	}
	.home-corevalue .title-corevalue{
		font-size:15px;	
	}
	.home-corevalue .quote-corevalue{
		font-size:17px; font-weight:900;
		line-height:26px;
	}
	.home-corevalue{
		font-size:14px; line-height:26px;
	}
	/***/
	#owl_projects a b{
		font-size:12px; padding-bottom:10px; padding-top:12px;
		text-overflow:none; white-space:normal;
		text-align:left;
		line-height:18px;	
	}
	/****/
	.home-news .home-news-box-container{
		margin-top:30px;	
	}
	/**********/
	#news-container .item .des h3{
		font-size:13px; line-height:20px; margin-bottom:0;	
	}
	/**********/
	.col2-right .nav li::before{
		top:15px;	
	}
	#news_other .item:nth-child( 3n + 1){
		clear:none;
	}
	#news_other .item:nth-child( 2n + 1){
		clear:both;
	}
	/***********/
	#projects_list .item{
		margin-bottom:15px;
	}
	#projects_list .item:nth-child( 2n + 1){
		clear:both;	
	}
	/************/
	#news-container .item{
		background-color:#FFF;	
	}
	#news-container .item .img,
	#news-container .item .des{
		font-size:14px; line-height:26px;	
		padding:0;
	}
	#news-container .item .img{
		margin-bottom:15px;
	}
	#modaL-popup .modal-dialog{
		width:90%; margin:50px auto 0;	
		
	}
	/********************/
	.home-news{
		padding-bottom:30px;	
	}
	.home-news .home-title{
		margin-bottom:5px;
	}
	.home-news .home-news-box-group .news-readmore{
		padding-top:2px; padding-bottom:2px; padding-left:15px;
		background:none; 
		color:#FFF;
	}
	.home-news .home-news-box-group .news-readmore::after{
		color:#FFF;	
	}
	.home-news .home-news-box-group:last-child{
		background:#9e0b0f; color:#FFF;
		border-bottom:none;
	}
	.a_ctl{
		line-height:18px; margin-bottom:3px;	
	}
	#news-container .item,
	.home-news .home-news-box,
	.home-news .home-news-box-group{
		padding-top:12px; padding-bottom:10px; padding-left:0px;
		box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
		border-bottom-width:3px;
		margin-bottom:0;
		background-color:transparent;
	}
	#news-container .item .img,
	.home-news .home-news-box .box-img,
	.home-news .home-news-box-group .news__image{
		float:left; width:30%;	
	}
	#news-container .item .des,
	.home-news .home-news-box .news__content,
	.home-news .home-news-box-group .news__content{
		float:left; width:70%;
		padding:0 15px;
	}
	
	.home-news .home-news-box .news__content,
	.home-news .home-news-box .news__content .news__quote,
	.home-news .home-news-box-group .news__content  .news__quote{
		height:auto;	
	}
	#news-container .item .des p,
	.home-news .home-news-box .news__date,
	.home-news .home-news-box .news__content .news__quote,
	.home-news .home-news-box-group .news__content  .news__quote{
		display:none;	
	}
	.home-news .home-news-box .news__image .bg{
		background:none; height:auto;	
	}
	#news-container .item .des p.a_ctl,
	.home-news .home-news-box .news__image img,
	.home-news .home-news-box-group .news__image{
		display:block;	
	}
	.home-news .home-news-box-container{
		margin-top:0;	
	}
	.home-news .home-news-box .news__content .news__title,
	.home-news .home-news-box-group .news__content  .news__title{
		font-size:13px; line-height:20px; margin-bottom:0;	
	}
	/************/
	#news_other .item{
		margin-bottom:0;
	}
	#news_other .item > a{ 
		padding-top:15px; padding-bottom:13px; padding-left:0px;
		box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
		border-bottom:3px solid #CCC;
		margin-bottom:0;
		display:block;
		background-color:transparent;
	}
	#news_other .item .img{
		float:left; width:30%; height:auto;
		display:block;	
	}
	#news_other .item .des{
		float:left; width:70%; height:auto;
		padding:0 15px;
	}
	#news_other .item .des p{
		display:none;
	}
}
/*************/

@media screen and ( max-width: 767px) {
	.container{
		padding-left:15px; padding-right:15px;	
	}
	#footer .footer-text h2 br{
		display:inline-block;	
	}
	
	/***
	
	.home-news .home-news-box .news__content,
	.home-news .home-news-box .news__content .news__quote{
		height:auto;	
	}
	.home-news .home-news-box .news__image .bg{
		background:none; height:auto;	
	}
	.home-news .home-news-box .news__image img{
		display:block;	
	}
	.home-news .home-news-box-container{
		margin-top:0;	
	}
	****/
	/*******/
	#owl_home .owl-item .item .caption .title{
		font-size:15px; line-height:26px;
		margin-bottom:0px; padding-bottom:3px;
	}
	#owl_home .owl-item .item .caption .title::before{
		height:1px; width:40px;	
	}
	#owl_home .owl-item .item .caption{
		font-size:12px; font-weight:normal;
	}
	/*******/
}
/*************/
@media screen and ( max-width: 350px) {
	.home-service .row .item{
		clear:both;	
	}
	#footer .footer-text h2 br, 
	#footer .footer-text address br{
		display:inline-block;	
	}
}
@media screen and ( max-width: 600px) {
}
/*************/
@media screen and (min-width: 768px) and ( max-width: 991px) {
	
	#owl_home .owl-item .item .caption{
		left:65px;	
	}
	#owl_home .owl-item .item .caption .title{
		font-size:27px; line-height:26px;
		margin-bottom:10px; padding-bottom:15px;
	}
	#owl_home .owl-item .item .caption .title::before{
		height:2px; width:40px;	
	}
	#owl_home .owl-item .item .caption{
		font-size:17px; font-weight:bold;
	}
}

@media screen and (min-width: 992px) and ( max-width: 1200px) {
	.container{
		padding-left:50px; padding-right:50px;	
	}
	.container-col2 .col2-right{
		padding-left:0;	
	}
	#header .logo img{
		width:110px;
	}
	#header .logo-link li{
		margin-left:1px; margin-right:1px;	
	}
	#header .logo-link .hotline .box{
		font-size:10px; line-height:14px;
		padding:3px 4px;
	}
	#header .header_logo_container .popover form img, 
	#header .logo-link img{
		height:18px;	
	}
	/*****/
	.home-news .home-news-box .news__content .news__title{
		font-size:14px; line-height:22px;
		text-transform:none;
	}
	.home-news .home-news-box .news__content .news__quote,
	.home-news .news__content .news__quote{
		display:none;	
	}
	.home-news .home-news-box .news__content{
		height:auto; padding:10px;	
	}
	.home-news .home-news-box .news__image .bg{
		height:150px;	
	}
	.home-news .news__content{
		padding:10px 10px;
	}
	.home-news .home-news-box-group .news__content .news__title{
		font-size:13px; line-height:20px; margin:0;	
	}
	/**********/
	#footer .footer-navigation li,
	#footer .footer-navigation li:nth-child( 2n){
		clear:both; width:100%; padding:0;	
	}
	/********/
	.home-service .row .item:nth-child( 3n + 1),
	#news_other .item:nth-child( 3n + 1){
		clear:none;
	}
	.home-service .row .item:nth-child( 2n + 1),
	#news_other .item:nth-child( 2n + 1){
		clear:both;
	}
	/***********/
	#bg-main .bg .container .dis_table .title{
		font-size:33px; line-height:46px;	
		margin-bottom:15px; padding-bottom:15px;
	}
	/***********/
	.col2-right .nav li::before{
		top:13px;	
	}
	.col2-right .title{
		font-size:15px;	
	}
	/***********/
	#qlbds_list .item{
		text-align:justify;	
	}
	#qlbds_list .item:nth-child( 3n + 1){
		clear:none;	
	}
	#qlbds_list .item:nth-child( 2n + 1){
		clear:both;	
	}
	/**********/
	#news-container .item .img{
		width:35%;	
	}
	#news-container .item .des{
		width:65%	
	}
	#news_other .item .des{
		height:230px;	
	}
	/**********/
	
}
@media screen and (min-width: 1201px) and ( max-width: 1400px) {
	body{
		font-size:95%;	
	}
	#news_other .item .des{
		height:250px;	
	}
	#news_other .item .img{
		height:170px;	
	}
	#header .logo-link li{
		margin-left:1px; margin-right:1px;	
	}
	#footer .fservice li{
		clear:both; width:100%; padding-right:0;	
	}
	#footer .footer-text p span{
		display:block; clear:both;
	}
	#footer .footer-text p i{
		display:none;
	}
	#footer .title{
		font-size:15px;	
	}
	.home-corevalue{
		font-size:14px;	
	}
	.home-news .news__content{
		padding:15px 20px;	
	}
	.home-news .home-news-box .news__content .news__title{
		font-size:14px; line-height:22px;	
	}
	.home-news .news__content .news__quote{
		font-size:13px; line-height:22px;	
	}
	.home-service .row .item .title{
		font-size:14px;	
	}
	.home-service .row .item .des{
		height:100px; font-size:12px;	
	}
}
@media screen and (min-width: 992px) and ( max-width: 1400px) {
	body{
		font-size:14px; line-height:26px;	
	}
	#bg-main{
		margin-bottom:30px;	
	}
	#header .navigation li{
		font-size:11px;	
	}
	#header .navigation li a{
		padding:7px 15px 5px;	
	}
	#main-navigation .box-bottom .item img{
		height:18px;	
	}
	.title-page{
		font-size:23px;	
	}
	#main-navigation .box-bottom .title{
		margin-bottom:1px;	
	}
	#footer{
		font-size:12px; line-height:18px;	
	}
	#footer::before, #footer::after,
	#footer .footer-info::before, #footer .footer-info::after{
			
	}
	#footer .footer-info::before{
		left:16px; height:43px; width:35px;	
	}
	#footer .footer-info::after{
		width:36px;	
	}
	#footer .footer-text h2 br,
	#footer .footer-text address br{
		display:inline-block;	
	}
	#footer .footer-text p span{
		display:block; clear:both;	
		margin-bottom:5px;
	}
	#footer .footer-text p span i{
		display:none;
	}
}
@media screen and (min-width: 1401px) and ( max-width: 1500px) {
	#footer .footer-text h2 br,
	#footer .footer-text address br{
		display:inline-block;	
	}
}