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

charset "utf-8";
*{padding:0; margin:auto;}
.wrapper{ width:900px;
	margin:auto;
	padding:0;}
.img {
    border: 1px solid #ccc;
    border-radius: 4px;
}
body {
    background-color: #fff;
    margin: 0;
    padding: 0;
}
.main {
    background-image: url("bg_main.png");
    background-repeat: repeat-y;
    margin: 0;
    min-height: 980px;
    padding: 0;
    width: 900px;
}
.container {
   
    overflow: hidden;
    width: 900px;
}
.language {float: right;
    overflow: hidden;
    padding-top: 50px;
    width: 55%;
    
}
.language-text{ color: #888;
    float: left;
    font-family: arial;
    font-size: 22px;
    width: 100%;}


.language-img{ float: left;
    width: 19%;}

.top {
	min-height: 100px;
	width: 900px;
}

.top-left{ width:50%;
	float:left;
	overflow:hidden;}

.logo{float: left;
    overflow: hidden;
    padding-top: 26px;
    width: 70%;}

.top-right{ width:50%;
	float:left;
	overflow:hidden;}

.menu {
    background: #4d889a; /* Old browsers */
background: -moz-linear-gradient(top,  #4d889a 0%, #27768e 50%, #4d889a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d889a), color-stop(50%,#27768e), color-stop(100%,#4d889a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4d889a 0%,#27768e 50%,#4d889a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4d889a 0%,#27768e 50%,#4d889a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4d889a 0%,#27768e 50%,#4d889a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4d889a 0%,#27768e 50%,#4d889a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d889a', endColorstr='#4d889a',GradientType=0 ); /* IE6-9 */

    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    padding: 8px 0;
    text-align: right;
    width: 100%;
    overflow:hidden;

}
.menu ul {
   float: left;
    margin: 0;
    padding: 7px 0px;
}
.menu ul li {
    color: #4a2c21;
    display: inline;
    padding: 0;
}
.menu ul li a {
    color: #fff;
    display: inline;
    font-family: arial;
    font-size: 12px;
    padding: 5px 10px;
    text-decoration: none;
}
.menu a:hover {
    color:#f99d1c;
    display: inline;
    text-decoration: none;
}
.menu a:active, a:focus {
    outline: 0 none;
}

.banner{
    overflow: hidden;
    width: 100%;}
.product {
    border: 1px solid #ccc;
    float: left;
    margin: 12px 2px;
    min-height: 500px;
    padding: 10px 0 0;
    width: 99.5%;
}

.icon-box{border: 1px solid #ccc;
    border-radius: 4px;
    float: left;
    margin: 0 0 10px 9px;
    overflow: hidden;
    padding: 29px 7px;
    width: 17%;
}

.icon-logo{overflow: hidden;
    padding: 15px 0;
    text-align: center;
    width: 100%;}

.batton{ padding-right: 13px;
    padding-top: 16px;
    text-align: center;
    width: 100%;}

.more {background-color: #4d889a;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: arial;
    font-size: 12px;
    height: 25px;
    width: 84px;

}
.more:hover{ background-color: #f99d1c; transition: all 0.5s;}

a{ text-decoration:none;}

.right {
    background-color: #eee;
    border: 1px solid #999;
    float: right;
    margin: 23px 2px;
    min-height: 684px;
    padding: 2px;
    width: 219px;
}
.right p {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    padding: 0 8px 5px;
    text-align: left;
}
.right p a {
    color: #000;
    text-decoration: none;
}
.right p a:hover {
    color: #900;
    text-decoration: underline;
}
.fotter{ background:#4d889a;
	width:100%;
	overflow:hidden;
	border-radius: 4px;
	padding: 10px 0;
	margin-top:10px;}

.fotter-1st-part{ width:26%;
	float:left;
	overflow:hidden;}
.fotter-1st-part ul li{ float:left;
	list-style:none;
	margin-right:2px;}
.fotter-1st-part ul li a{text-decoration:none;}

.fotter-2and-part{ width:34%;
	float:left;
	overflow:hidden;}
.fotter-2and-part ul li{ float:left;
	list-style:none;
	margin-right:2px;
	color:#fff;}
.fotter-2and-part ul li a{text-decoration:none;
	font-family:arial;
	font-size:12px;
	color:#fff;}
.fotter-2and-part ul li a:hover{color:#f99d1c;}

.fotter-3rd-part{float: right;
    overflow: hidden;
    padding-top: 7px;
    width: 32%;}

.fotter-3rd-part p{ font-family:arial;
	font-size:12px;
	color:#fff;}