@charset"UTF-8";

@font-face
{
font-family: myfont;
src: url('arial.TTF') format('truetype');
}

body {font-size:13px; background:#fff; font-family:arial; padding:0px; margin:0px; color:#333;}
p, span, form, table, h1, h2, h3, h4, h5 {margin:0px; padding:0px;}
span.error {color:red!important;}
span.success {color:green!important;}
a, span, p, label {text-decoration:none;}
a:hover, a:hover span, a:hover p, a:hover label {text-decoration:underline;}
img {border:0px;}
input, select, textarea {box-sizing: border-box; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

.img { background-size:cover; background-repeat:no-repeat; background-position:center; display:inline-block;}
#top, #menu, #head, #banner, #zone1, #content, #product, #footer {width:100%; min-width:1200px; float:left;}
#topin, #menuin, #headin, #contentin, #productin, #footerin {width:1200px; margin:0 auto;}

#top {padding:15px 0; color:#fff; background:url('images/top.gif'); color:#eee;}
#menu {background:url('images/back.gif');}
#menu ul, #menu ul li {float:left; margin:0px; padding:0px; list-style:none;}
#menu ul a {float:left; padding:30px 15px; color:#222; text-transform:uppercase; font-size:14px; font-weight:bold;}
#menu ul a:hover, #menu ul a#selected1 {background:rgba(0,0,0,0.1); text-decoration:none;}
#menu #zone2 {float:right; width:360px;}
#menu ul li:last-child {displaY:none}

#head {padding:20px 0;}
#head form {float:right; margin-top:5px;}
#head form select {display:none;}
#head form input {float:left; width:360px; padding:15px 40px 15px 15px; border:1px solid #ccc; float:left; color:#888;}
#head form input.sendbutton {width:20px; height:19px; float:left; background:url('images/search.gif') no-repeat; cursor:pointer; padding:0px; border:0px; position:relative; margin-left:-30px; margin-top:12px;}

#shadow {float:left; width:100%; height:13px; line-height:10px; position:relative; z-index:50;background:url('images/shadow.png') repeat-x;}
#zone1 {background:url('images/back.gif');}
#zone1 .box {float:left; width:100%; background:#fff; margin:5px 0;}
#zone1 .boxin {width:1200px; margin:0 auto;}
#zone1 .box h1 {float:left; color:#222; text-transform:uppercase; font-size:14px; font-weight:bold; margin:20px 20px 20px 0; }
#zone1 .box ul, #zone1 .box ul li {float:left; list-style:none; margin:0px; padding:0px;}
#zone1 .box a {float:left; color:#e70000; font-size:13px; font-weight:bold; margin-right:15px; padding:20px 0;}
#zone1 .box ul li {padding-left:10px; background:url('images/dot.png') no-repeat 0 center;}
#zone1 .box a:hover, #zone1 .box a#selected2 {background:url('images/arrow.png') no-repeat bottom center; text-decoration:none;}

#zone4 {width:1200px; margin:0 auto;}
#zone4in {float:left;  padding:40px 0; width:100%;}

#footer { background:url('images/top.gif'); color:#eee; padding:40px 0;}
#footer #zone5, #footer ul, #zone5in {float:left; margin:0px; padding:0px; width:800px; clear:both;}
#zone5in * {color:#eee;}
#footer ul li {margin:0px; padding:0px; float:left; list-style:none;}
#footer a#logo {float:right; width:291px;}
#footer ul li a { text-transform:uppercase; font-size:14px; font-weight:bold; color:#aaa; margin:10px 15px 0 0; float:left;}
#footer ul li a:hover, #footer ul li a#selected1 {text-decoration:underline;}

#content {padding:20px 0 40px 0;}

#product {padding:0 0 40px 0;}
#product h3 {background:#eee; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:15px 10px; width:1180px; font-size:20px; font-weight:normal;}

#product .article {width:262px; float:left; margin:40px 50px 0 0;}
#product .article:last-child {margin-right:0px;}
#product .articlein {width:252px; box-shadow:0 0 2px rgba(0,0,0,0.4); border:5px solid #fff; float:left;}
#product .article a {width:252px; height:200px; float:left;  background:url('images/noimage.gif') no-repeat center #f5f5f5;} 
#product .article a  img {width:252px; height:200px;}
#product .article b {float:left; width:242px; color:#fff; background:rgba(231,0,0,0.8); text-align:center; font-size:18px; padding:8px 5px; position:relative; margin-top:-42px; left:5px; }
#product .article b i {font-weight:normal;}
#product .article h1 {float:left; width:100%; margin-top:10px; font-style:italic; font-size:15px; color:#333;}
#product .article p {margin-top:10px; float:left; width:100%; color:#777;}

#databox {float:left; width:100%; margin-top:20px;}

#data-gallery {float:left; width:100%; margin-top:20px;}
#data-gallery .paging {float:left; width:100%; margin-top:10px;}
#data-gallery .paging:first-child {margin-top:0px;}
#data-gallery .img {float:left; margin:10px 10px 0 0; width:190px; height:150px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} 
#data-gallery .paging a:hover, #data-gallery .paging a#selected3 {color:#fff; background:#ea9c2f; border:1px solid #ea9c2f; text-decoration:none;}

#contact {float:left; width:1200px; margin-top:30px;}
.cpart {float:left; width:400px;}
.row {float:left; width:100%; padding:3px;}
.row strong {float:left; font-size:13px; font-weight:bold;  width:100px;}
.row input {padding:8px 10px; background:#f5f5f5; border:1px solid #ddd; color:#333; float:left; width:250px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.row textarea {padding:8px 10px; background:#f5f5f5; border:1px solid #ddd; color:#333; float:left; width:300px; height:80px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.row input.sendbutton {cursor:pointer; background:#333; color:#fff; width:auto; border:0px;}
.row img {float:left; width:100px; height:30px; background:#f5f5f5;}


#data-articles {float:left; width:100%;}
#data-articles .artpaging:last-child{margin-bottom:0px;}
.artpaging {float:left; width:100%;  margin-top:20px; }
.paging {float:left; width:600px; } 
.paging a {text-decoration:none; transition: all 0.5s;border:1px solid #ddd9da; background:#fff; color:#111; font-size:14px; padding:10px 15px; position:relative; margin-left:-1px; left:1px; float:left;}
.paging > a:first-child {-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;}
.paging > a:last-child {-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;}
.paging a:hover {background:#ddd; color:#333; border:1px solid #ddd;}
.paging a#selected4 {background:#666; color:#fff; border:1px solid #666;}
.artpaging form select {float:right; background:#fff; border:1px solid #ddd9da; color:#111; padding:10px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:210px;}


.articles {width:585px; margin:30px 30px 0 0; float:left;}
.articles:nth-child(even) {margin-right:0px;}
.art-img {width:214px; box-shadow:0 0 2px rgba(0,0,0,0.4); border:5px solid #fff; float:left; margin-right:10px;}
.art-img a {width:214px; height:170px; float:left; background:url('images/noimage.gif') no-repeat center #f5f5f5;}
.art-img a  img {width:214px; height:170px;}
.article-desc {width:324px; float:left;}
.articles h1 {font-size:16px; float:left; width:100%; font-style:italic; height:17px; overflow:hidden;}
.articles b {float:left; width:100%; margin-top:10px; font-size:18px; color:#e70000;}
.articles b i {font-weight:normal; font-size:16px; margin-left:5px;}
.articles p {margin-top:15px; float:left; width:100%; color:#888; height:45px; overflow:hidden; }
.articles a.details {background:#666; color:#fff; float:left; margin-top:15px;}
.articles a.details i {float:left; background:url('images/ico.png') no-repeat center #e70000; width:20px; height:19px; padding:8px;}
.articles a.details span {float:left; padding:0 10px; margin-top:10px;}
.articles a.details:hover, .articles a.details:hover span {text-decoration:none!important;}
.articles a.details:hover {background:#444;}
 
#detail-top {float:left; width:100%; margin-top:20px;}
#detail-title {float:left; width:800px;}
#social {float:right; width:350px; text-align:right;}
#detail-top h1 {font-size:22px; font-style:italic; float:left; width:100%;}
#detail-top b {font-size:24px; color:#e70000; margin-top:5px; float:left; width:100%;}
#detail-top b i {font-size:18px; font-weight:normal; margin-right:5px;}
#detail-left {width:530px; float:left; margin-top:20px;}
#detail-left  img {width:530px; height:350px; background:#f5f5f5;}
#detail-right {width:650px; float:right; margin-top:20px;}
 
a.back {float:right; margin-left:10px;text-decoration:none!important; padding:11px 10px 10px 10px; background:#eee; color:#333; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
a.back:hover {background:#ddd;}
.addthis_sharing_toolbox {float:right; width:252px; overflow:hidden;}
.theme-default .nivoSlider {float:left; margin:-13px 0 0 0!important; position:relative; box-shadow:none!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important;}
.theme-default .nivo-controlNav {float:left; width:100%; position:relative; margin-top:-42px; z-index:50; background:rgba(0,0,0,0.35); padding:10px 0!important;}

#big_image
{
	width: 544px;
	padding-bottom: 10px;
	float: left;
	display: inline;
}
#big_image img
{
	width: auto !important;
	height: auto !important;
}
#gallery_left
{
	float: left;
	display: inline;
}
#gallery_scroll
{
	width: 1128px;
	height: 150px;
	margin-left: 10px;
	position: relative;
	overflow: hidden;
	float: left;
	display: inline;
}
#gallery_slide
{
	height: 150px;
	margin-left: -10px;
	position: relative;
	float: left;
	display: inline;
}
#gallery_slide .img
{
	/*border: 0px;*/
	margin: 0px 0px 0px 10px !important;
}
#gallery_right
{
	margin-left: 10px;
	float: left;
	display: inline;
}
#gallery_left a, #gallery_right a {background:#333; color:#fff; text-decoration:none; padding:68px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; float:left;}

iframe
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}