@charset "utf-8";

header {
    position: absolute;
}
/**star.header.index**/
body#index{
	text-align:center;
}

#index header .slogan	{
	padding-top: 42px;
}

nav	{
	float: none;
	height: inherit;
	width: inherit;
	max-width: 1300px;
	margin: 54px auto 30px auto;
	display: block;
	opacity: 1;
	background: none;
	position: relative;
	top: inherit;
	right: inherit;
	padding: 0;
	text-align: center;
}
nav ul	{
	margin-left:inherit;
}
nav > ul > li	{
    width: calc(100% / 6 - 10px);
    margin-right: inherit;
}

/**end.header.index**/

/***star.content***/
body	{
	background-color: #a0a0a0;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
}

h1	{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 7;
	font-size:12px;
}

#index nav > ul > li > a:hover::after	{
	opacity:0.8;
}
/***end.content***/
/***star.index***/
#banner	{
    width: calc(100% - 20px);
    margin: 0 auto;
}
#index_about, #index_products	{
	display:inline-block;
	vertical-align:top;	
	width:48%;
}

#index_about	{
	max-width: 1000px;
	margin: 3% auto 0 auto;
	padding: 1%;
	background-image: url(../images/index_about_line.jpg);
	background-repeat: no-repeat;
	background-position: right center;	
}
#index_about .title	,#index_about .text		{
	display:inline-block;
	vertical-align:top;	
	
}
#index_about .title	{
    color: #004B6D;
    font-weight: bold;
    width: 30%;
}
#index_about .title img:first-child	{
	margin-bottom:10%;	
}
#index_about .text	{
    color: #585341;
    font-size: 0.85em;
    padding: 0 3%;
    width: 62%;
    letter-spacing: 0px;
    font-weight: 100;
}
#index_products	{
	padding: 3% 0;	
	width:47%;
}
#index_products .title	{
	margin-bottom: 3%;
}
#index_products ul	{


}
#index_products ul li  {
	font-weight: bold;
	padding-right: 5%;
}
#index_products ul li img	{
	border:1px solid #aaaaaa;
}

#index_products ul li a	{
	text-decoration: none;	
	
}
#index_products ul li:hover	{
	opacity:0.8;	
}
#index_products ul li .img	{
	
}
#index_products ul li .title	{
	font-size:1.125em;	
	margin-top: 3%;
}
#index_products ul li .text {
	color:#444444;
	font-size:0.875em;	
	margin-top: 3%;
}

/***end.index***/

.Xmas {margin: 50px 0; height: 62px;}
.Xmas img {display: none;}
@media print, screen and (max-width:1240px){
body#index	{
	min-width:inherit;	
}


}

@media print, screen and (max-width:960px){
/***star.content***/
h1	{
	overflow: auto;
    display: block;
}
#content.contentIndex	{
	width: 90%;
}
/***end.content***/

/***star.index***/
#index_about, #index_about_bg, #banner, #index_news, #index_products, #index_contact, #index_Contact	{
	width: calc(100% - 0px);
}

#index_news, #index_products, #index_about_bg	{
	margin-top: 7%;

}
#index_about table	{
	margin:7%;	
}
#index_about table tr td	{
	display: block;
}
#index_about	{
	background:none;
}

#index_about .text, #index_about .title	{
	width:100%;
}
#index_about .text	{
	  border-left: 0;	
	  padding:3% 0;
	  display:block;
	  font-size:1em;
}
#index_about .title img	{
	display:block;
}
#index_about .title img:first-child	{
	margin:3% 0;	
}
#index_products .title	{
	font-size: 1.875em;
}
#index_products ul li	{
	width:96%;
	margin: 5% auto;
	text-align:center;
}


/***end.index***/



#index nav ul li	{
	width:inherit;	
}

#index nav > ul > li > a	{
	padding:15px;	
}

#index header .center	{
	text-align: center;
	position: relative;
	height: 153px;
	/* margin-top: 16%; */
	overflow: hidden;
}

#index header .center img	{
	height: 152px;
	max-width:inherit;
	position: absolute;
	right: calc(50% - 637px);
}
}
@media print, screen and (max-width:700px){
body#index	{
	
	background-size: auto 62%;
}
#index header .logo	{
    padding-top: 80px;
}
#index nav ul li	{
    width: calc(100% / 3 - 10px);
	margin-bottom:10px;
}
#index nav > ul > li > a	{
    padding: 10px;
}
}

@media print, screen and (max-width:400px){

#index header .center	{
	/* margin-top: 25%; */
	height: 100px;
}
#index header .center img	{
	height: 95px;
	right: calc(50% - 394px);
}
#index header .slogan	{
	padding-right: 20px;
	padding-left: 20px;
}
}