@charset "utf-8";
/*header css*/
#header .logo img{
	max-height:87px;
	max-width:303px;
	}
#header .lang{
	position:absolute;
	right:90px;
	list-style:none;
	padding:0;
	margin:0;
	top:44px;
	}
#header .lang span{
	display:block;
	padding-bottom:5px;
	}
#header .lang ul{
	display:none;
	}
#header .lang:hover ul{
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	left:0;
	}
/*#header .lang li{
	display:none;
	}*/
#header .lang li{
	display:block;
	margin-bottom:5px;
	}
#header .lang li img{
	border:1px solid #fff;
	}
#header .lang li img:hover{
	border:1px solid #6CF;
	}
@media screen and (max-width: 480px) {
#header .logo img{
	width:200px;
	height:64px;
	}
#header .lang{
	position:absolute;
	right:90px;
	list-style:none;
	padding:0;
	margin:0;
	top:27px;
	}
#header .lang span{
	display:block;
	padding-bottom:5px;
	}
#header .lang ul{
	display:none;
	}
#header .lang:hover ul{
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	left:0;
	}
/*#header .lang li{
	display:none;
	}*/
#header .lang li{
	display:block;
	margin-bottom:5px;
	border:1px solid #fff;
	}
#header .lang li:hover{
	border:1px solid #6CF;
	}


}
/*index css*/
#content-index .innerbox {
	margin-bottom:40px;
}
#content-index .innerbox a{
	color:#4b4b4b;
	text-decoration:none;
	}
#content-index .innerbox a:hover{
	color:#8eca00;
	}
#content-index .innerbox h2{
	background:url(../images/index/bg_line.gif) repeat-x 0 center;
	text-align:center;
	margin-bottom:10px;
}
#content-index .innerbox h2 span{
	background:#fff;
	color:#3f6700;
	display:block;
	width:240px;
	margin:0 auto;
	font-size:1.5em;
	line-height:1.5em;
	font-weight:bold;
	}
#content-index .innerbox .newslist{
	list-style:none;
	padding:0;
	margin:0;

	}
#content-index .innerbox .newslist li{
	padding:7px;
	border-bottom:2px dotted #bbbbbb;
	font-size:1em;
	}
#content-index .innerbox .newslist li:last-child{
	border-bottom:none;
	}
#content-index .innerbox .newslist li span,#content-index .innerbox .newslist li a{
	display:inline-block;
	vertical-align:top;
	}
#content-index .innerbox .newslist li span{
	width:90px;
	color:#609d01;
	}
#content-index .innerbox .newslist li a{
	width:-moz-calc(100% - 90px);
	width:-webkit-calc(100% - 90px);
	width:-o-calc(100% - 90px);
	width:calc(100% - 90px);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	}
#content-index .innerbox .prolist{
	list-style:none;
	padding:0;
	margin:0;
	}
#content-index .innerbox .prolist li{
	display:block;
	border:1px solid #e4e4e4;
	margin-bottom:15px;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	}
#content-index .innerbox .prolist li a{
	color:#4b4b4b;
	display:block;
	text-decoration:none;
	padding:7px 0px 7px 40px;
	background:url(../images/icon_list01.png) no-repeat 15px center;
	}
#content-index .innerbox .prolist li a:hover{
	color:#8dc900;
	}
/*main css*/
#content h1{
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	color:#fff;
	padding:15px 10px;
	background: #68a501; /* Old browsers */
	background: -moz-linear-gradient(left,  #68a501 0%, #8bc700 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#68a501), color-stop(100%,#8bc700)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #68a501 0%,#8bc700 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #68a501 0%,#8bc700 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #68a501 0%,#8bc700 100%); /* IE10+ */
	background: linear-gradient(to right,  #68a501 0%,#8bc700 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68a501', endColorstr='#8bc700',GradientType=1 ); /* IE6-8 */
	}
#content h2{
	background: #006fc2; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmZjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEwZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #006fc2 0%, #00a0ea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#006fc2), color-stop(100%,#00a0ea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #006fc2 0%,#00a0ea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #006fc2 0%,#00a0ea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #006fc2 0%,#00a0ea 100%); /* IE10+ */
	background: linear-gradient(to right,  #006fc2 0%,#00a0ea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fc2', endColorstr='#00a0ea',GradientType=1 ); /* IE6-8 */
	color:#fff;
	font-size:1.25em;
	text-align:center;
	padding:15px 10px;
	font-weight:bold;
	}
#content h3.list{
	background:#ddd;
	padding:15px 10px;
	text-align:center;
	}
#content h3.list select{
	color:#4b4b4b;
	font-size:1em;
	width:70%;
	border:1px dotted #ccc;
	}
#content #inner{
	padding:15px 0;
	width:95%;
	margin:0 auto;
	}
/*contact css*/
.contactinfo{
	text-align:center;
	width:96%;
	margin:0 auto 15px auto;
	background:#f1f1f1;
	border:1px solid #ddd;
	padding:1%;
	}
.contactinfo h4{
	color:#1f75bd;
	font-weight:bold;
	font-size:1.25em;
	}
.contactlable div{
	width:98%;
	margin:0 auto;
	padding:5px 0;
	}
.contactlable span{
	color:#c00;
	}
.contactlable .lable input,.contactlable .lable textarea{
	width:100%;
	padding:5px;
	font-size:1em;
	-mos-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	color:#4b4b4b;
	border:1px solid #ccc;
	}
.contactlable .stitle .sty01{
	height:80px;
	}
.contactlable .button{
	margin-top:15px;
	}
.contactlable .button:after{
	content:'';
	clear:both;
	display:block;
	}
.contactlable .button input{
	width:48%;
	float:left;
	color:#fff;
	background:#65a201;
	font-size:1em;
	border:0px solid #000;
	padding:5px;
	-mos-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	}
.contactlable .button input:last-child{
	float:right;
	}
.contactlable .button input:hover{
	background:#1f75bd;
	}
.contactmap{
	width:98%;
	margin:0 auto 20px auto;
	}
/*news css*/
#content #inner .newslist{
	list-style:none;
	padding:0;
	margin:0;
	}
#content #inner .newslist li{
	padding:7px;
	border-bottom:2px dotted #bbbbbb;
	font-size:1em;
	}
#content #inner .newslist li:nth-child(2n){
	background:#f1f1f1;
	}
#content #inner .newslist li:last-child{
	border-bottom:none;
	}
#content #inner .newslist li span,#content #inner .newslist li a{
	display:inline-block;
	vertical-align:top;
	}
#content #inner .newslist li span{
	width:90px;
	color:#609d01;
	}
#content #inner .newslist li a{
	width:-moz-calc(100% - 90px);
	width:-webkit-calc(100% - 90px);
	width:-o-calc(100% - 90px);
	width:calc(100% - 90px);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#4b4b4b;
	text-decoration:none;
	}
#content #inner .newslist li a:hover{
	color:#8eca00;
	}
.newsviewdate{
	color:#999999;
	}
h4.newsviewtitle{
	color:#64a101;
	font-size:1.25em;
	font-weight:bold;
	margin-bottom:15px;
	}
div.newsviewcontent{
	margin-bottom:15px;
	}
.newsviewlink{
	border-bottom:1px solid #dddddd;
	border-top:1px solid #dddddd;
	padding:5px 0;
	}
.newsviewlink:after{
	display:block;
	content:'';
	clear:both;
	}
.newsviewlink .stitle{
	width:80px;
	float:left;
	color:#222222;
	font-weight:bold;
	}
.newsviewlink .link{
	padding-left:80px;
	}
.newsviewlink .link a{
	color:#696969;
	text-decoration:none;
	}
.newsviewlink .link a:hover{
	color:#227ac2;
	}
/*product css*/
ul.prolist-main{
	list-style:none;
	padding:0;
	margin:0;
	}
ul.prolist-main li{
	display:inline-block;
	width:48%;
	margin-right:2%;
	margin-bottom:2%;
	}
ul.prolist-main li:nth-child(2n){
	margin-right:0;
	}
ul.prolist-main li a{
	display:block;
	padding:5px;
	background:#e1e1e1;
	-mos-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	text-decoration:none;
	}
ul.prolist-main li a:hover{
	background:#65a201;
	}
ul.prolist-main li a .img{
	display:block;
	width:100%;
	margin-bottom:7px;
	}
ul.prolist-main li a .img img{
	width:100%;
	height:auto;
	}
ul.prolist-main li a .proname{
	color:#4b4b4b;
	display:block;
	text-align:center;
	}
ul.prolist-main li a:hover .proname{
	color:#fff;
	}
h3.proviewtitle{
	color:#64a101;
	font-weight:bold;
	font-size:1.25em;
	margin-bottom:15px;
	background:#fff;
	margin-bottom:15px;
	}
.proviewimgbox{
	margin-bottom:15px;
	}
.proviewimgbox img{
	width:100%;
	height:auto;
	}
.proviewinfobox{
	margin-bottom:15px;
	}
.proviewinfobox .infotitle{
	color:#000;
	font-weight:bold;
	display:block;
	}
h6{
	font-weight:bold;
	color:#fff;
	background:#8ac600;
	text-align:center;
	padding:5px 0;
	margin-bottom:15px;
	}