@charset "utf-8";

/* CSS Document */
@media screen and (max-width:1025px) {
	.menu li a{
		font-size:18px;
		padding:0 16px;
		}
	.menu{

		height:auto;
		width:100%;

		}

	.menu li a{

		margin:0;

		}

	.list_category{

		margin-top:0px;

		}
	.list_pro ul li{
		width:31.33%;
		margin:10px 1%!important;
		}
	.addcpn .slogan{
		width:85%;
		}
	.addcpn .slogan h3{
		margin:5px 0;
		}
	}

@media screen and (max-width:960px) {
	.ct_header .slogan h3{
		font-size:22px;
		}
	.menu li a{

		font-size:16px;

		padding:0 9px;

		}
	.ct_header .slogan{
		margin:0;
		width:70%;
		padding-left:5%;
		}
	.ct_header .slogan h3{
		padding-left:0!important;
		}
	.list_social ul li{
		float:none;
		display:inline-block;
		}
	.menu li a{
		height:auto;
		padding:4px 9px;
		}
	}
@media screen and (max-width:769px) {
	
	.ct_header .logo{
		height:auto;
		padding-top:5px;
		}
	.ct_header .logo h1{
		margin-bottom:0;
		}
	.lang{
		float: right;
		position: fixed;
		right: 5px;
		top: 10px;
		z-index: 2147483647;
		}
	body{
		padding-top:38px;
	}
	.ct_header .slogan{
		width:88%;
		margin:0;
		float:left;
		}
	#search_in{
		width:300px;
		}
	.slogan h3{
		height:auto;
		}
	.logo_ft{
		display:none;
		}
	.slogan{
		width:100%;
		float:none;
		padding:0 2%;
		}	
	.pagi{

		width:100%;

		float:none;

		text-align:center;

		}

	.list_category ul li{

		width:19%;

		margin-right:1.25%;

		}
	.list_category ul li .col_category{
		height:125px;
		}
	.col_dt2{

		margin-top:30px;

		}

	.col_l,.col_r,.addcpn,.list_social,.category .col_1,.category .col_2,.map_cpn,.frm_ct{

		float:none;

		width:100%;

		padding:0 2%;

		}

	.frm_ct{

		margin:0;

		}

	.list_social{

		text-align:center;

		}

	.list_social ul{

		display:inline-block;

		}

	.list_pro ul li{

		width:31.3%;

		margin:0 1%;

		}

	.col_1 .list_category1 ul li,.col_1 .list_categorydu ul li{

		width:31.33%;

		margin:0 1% 15px 1%;

		float:left;

		}

	.list_dv ul li .img_dv{

		width:28%;

		}

	.menu {

	  background: #fff;

	  width: 200px;

	  height: 100%;

	  display: block;

	  position: fixed;

	  left: -200px;

	  top: 0px;

	  transition: left 0.3s linear;

	  margin: 0;

	  border: 0;

	  border-radius: 0;

	  overflow-y: auto;

	  overflow-x: hidden;

	  height: 100%;

	  background:#fff;

	  z-index:99999;

	}

	.menu ul{

		padding-top:50px;

		}

	.menu ul li{

		float:none;

		}

	.menu ul li a{

		line-height:30px;

		height:30px;

		}

	.menu.visible {

	  left: 0px;

	  transition: left 0.3s linear;

	}

	

	.nav_bg {

	  display: inline-block;

	  vertical-align: middle;

	  width: 100%;

	  height: 50px;

	  margin: 0;

	  position:fixed;

	  top: 0px;

	  left: 0px;

	  background: #009788;

	  padding: 8px 0 0 10px;

	  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

	  z-index:999999;

	}

	

	.nav_bar {

	  display: inline-block;

	  vertical-align: middle;

	  height: 50px;

	  cursor: pointer;

	  margin: 0;

	}

	

	.nav_bar span {

	  height: 5px;

	  background: #fff;

	  margin: 5px;

	  display: block;

	  width: 30px;

	}

	.menu li:first-child:hover a { border-radius: 0; }
	.map_cpn{
		clear:both;
		}

}
@media screen and (max-width:601px) {
	#header{
		background:none;
		}
	.ct_header .slogan p{
		margin-bottom:2px;
		}
	.slogan h3{
		font-size:16px;
		}
	.list_du ul li .txt_du p{display:none}
	.list_du ul li .txt_du h2 a{font-size:11px}
	}
@media screen and (max-width:480px) {
	.slogan p{
		font-size:7px;
		}
	.ct_header .slogan p span strong{
		display:block;
		}
	.slogan p a{
		display:inline-block;
		}
	#search_in{
		margin-top:10px;
		}
	.list_du ul li{
		width:48%;

		margin:5px 1%;

		}

	.col_1 .list_category1 ul li,.col_1 .list_categorydu ul li{

		width:48%;

		margin:5px 1%;

		}

	.list_dv ul li .img_dv{

		width:35%;

		}

	.list_category ul li{

		width:48%;

		margin:0 1%;

		margin-bottom:5px;

		}

	.list_pro ul li{

		width:48%;

		margin:10px 1%;

		}

	#carousel_proj{

		margin-top:10px;

		}

	#carousel_proj .item .w_item ul li{

		width:100%;

		float:none;

		overflow:hidden;

		margin-bottom:10px;

		}

	#carousel_proj .item .w_item ul li .img_proj{

		width:50%;

		float:left;

		height:auto;

		}
	#carousel_proj .item .w_item ul li .txt_proj{

		width:46%;

		float:right;

		}

	.pro_lq .list_pro ul li{

		width:48%;

		margin:5px 1%;

		} 
	.list_tv ul li a{
		height:auto;
		line-height:25px;
		}
	#search_in{
		width:300px;
		}
	.lang{
		margin:0;
		}
	.ct_header .slogan h3{
		font-size:14px;
		margin-top:5px;
		}
	.col_1{
		display:none;
		}
	.map_cpn h2{
		font-size:24px;
		}
	.map_cpn p span{
		font-size:14px!important;
		}
	.col_dt1,.col_dt2{
		width:100%;
		}
	}

@media screen and (max-width:321px) {
	.ct_header .logo h1 img{
		display:inline-block;
		}
	.list_du ul li .img_du{
		height:130px;
		}
	.addcpn .slogan h3{
		font-size:14px;
		}

	.box_news .img_boxns,.box_news .txt_boxns{

		float:none;

		width:100%;

		}

	.box_news .txt_boxns{

		margin-top:10px;

		}

	.box_news .img_boxns img{

		max-width:100%;

		margin-left:auto;

		margin-right:auto;

		width:auto;

		}
	.ct_header .slogan h3{
		font-size:12px;
		}
	.slogan p{
		font-size:6px;
		}
	}