@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);

/*----start-header----*/
.header{ background:#FFFFFF;}
.head{width:62.5%; margin:0 auto;}
.logo{ z-index:999; width:225px; height:100px; display:inline-block; position:relative;
	float:left;
}
/*----navbar-nav----*/


.top-nav{/*float:left;*/ margin-right:15px;}
.top-nav ul li a{
    
	/*padding: 0em 0em;*/
	font-size: 1.125em;
	 color:#333333;

	line-height:100px;
	margin-left:8px;
}
.top-nav ul li a:hover{
	color:#fff; background:#bc0001;
}

.top-nav ul .fouce a{color:#FFFFFF; background:#bc0001;}
.logo a{
	display:block;
}
/* top-nav */
.top-nav:before,
.top-nav:after {
    content: " ";
    display: table;
}
.top-nav:after {
    clear: both;
}
nav {
	position: relative;
}
nav ul {
	padding: 0;
	float: right;
}
nav li {
	display: inline;
	float: left;
	position:relative;
}

nav a {
	color: #fff;
	display: inline-block;
	padding:0px 10px 0px 10px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}
nav a:hover{
	text-decoration:none;
	color:#028C8C;
}
nav li a {
	color:#F26D7D;
}
nav a#pull {
	display: none;
}
/*Styles for screen 600px and lower*/
@media screen and (max-width: 1024px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 100%;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #eee;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}








/***** Media Quries *****/

@media only screen and (max-width: 1400px) {
.container{width:100%;}
.head{width:90%;}
.conter{width:90%;}


.footer_outer{padding-left:20px; padding-right:20px;}
}

@media only screen and (max-width: 1280px) {




	
}

@media only screen and (max-width: 1024px) {

.container{width:100%;}
.banner{height:500px;}
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		position: relative;
		color: #F26D7D;
		text-align: right;
		position: absolute;
		margin-top:16px;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
/*	nav a#pull img{
		margin-right:2%;
	}*/
	.top-nav ul li a{
		color: #2C3E50;
		padding: 0em 0em;
		font-size: 1.125em;
		line-height:50px;
		margin-left:2px;
	}
	
   .top-nav ul li a:hover{
	color:#fff;
	 background:#bc0001;
   }
   
   
nav a {


	padding:0px 0px 0px 0px;


}

div.search {width:25%; /* font-size:0.875em;*/  /*padding-left:10%;*/ float:right; margin-top:35px; margin-right:100px;}



.mk1_com ul li{width:32%; float:left; margin-left:2%;}
.mk1_com ul .element3{margin-left:0px;}

.mk3_com ul li{width:100%; float:left; margin-left:0px; }

.mk4_com ul{ float:none;}
.mk4_com .la{width:100%; margin-top:26px;}
.mk4_com .Other{ line-height:34px;}


.tab-con ul li{line-height:34px;}
.tab-con ul li a{float:none; display:block;}
.tab-con ul li .tab{float:none; margin-left:0px; }
.tab-con ul{padding:10px 20px 20px 20px; }
.tab-con .tab-con_list{width:100% ;background: #fff;display: none; border-radius: 5px 5px 5px 5px; margin-top:10px;}  

.tab-menu ul li{display: inline-block; padding-left:20px; width:100%; padding-right:20px; height: 50px; line-height: 50px; text-align: center;cursor: pointer; border-radius: 5px 5px 5px 5px; background:#dedede; font-size:1.125em; margin-top:1px; margin-bottom:1px;}        



}


@media only screen and (max-width: 900px) {




}

@media only screen and (max-width: 800px) {


.banner{height:300px; background:url(../images/banner2.jpg) center center no-repeat;}


div.search {width:100%; /* font-size:0.875em;*/  /*padding-left:10%;*/ float:none; margin-top:35px; margin-right:100px;}


.top-nav{margin-right:0px;}


.mk1_com ul li{width:49%; float:left; margin-left:2%;}
.mk1_com ul .element2{margin-left:0px;}
.mk1_com ul .element3{margin-left:2%;}


.mk2_com ul li{width:49%; float:left; margin-left:2%; }
.mk2_com ul .element2{margin-left:0px;}
.mk2_com ul .element3{margin-left:2%;}

.bei .mk6_com .mk6_img{height:200px;  border-radius:5px; overflow:hidden; width:40%; float:left;}
.bei .mk6_com .mk6_wen{width:58%; float:right;}

.page .page_con .page_cp_img{width:38%; height:340px; float:left;}


}

@media only screen and (max-width: 640px){/*涓よ鎹竴琛�*/

.mk1_com .mk1_img{height:220px; border-radius:5px; overflow:hidden;}

.mk2_com ul li{width:100%; float:none; margin-left:0px; }

.mk3_com .mk3_img{height:230px; width:100%; border-radius:5px; overflow:hidden; float:none;}
.mk3_com .mk3_wen{ width:100%; float:none;}

.mk4_com .Other a{float:none;}

.bei .mk4_com .la li{width:100%; float:none; margin-left:0px;}

.bei .mk6_com .mk6_img{height:150px;  border-radius:5px; overflow:hidden; width:100%; float:none;}
.bei .mk6_com .mk6_wen{width:100%; float:none;}

.bei .mk1_com ul li{width:49%; float:left; margin-left:2%;}
.bei .mk1_com ul .element2{margin-left:0px;}
.bei .mk1_com ul .element3{ margin-left:2%;}


.x_new .Other{ line-height:32px;}

.page .page_con .page_cp_img{width:100%; height:260px; float:none;}
.page .page_con ul{ width:100%;  float:none;}

.bei .mk2_com ul{ padding-top:1px;}



}

@media only screen and (max-width: 480px) {/*妯悜*/

.banner{height:200px; background:url(../images/banner3.jpg) center center no-repeat;}
}

@media only screen and (max-width: 320px) {
.mk1_com ul li{width:100%;float:none; margin-left:0px;}
.bei .mk1_com ul li{width:100%; float:none; margin-left:0px;}

}
/* CSS Document */