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

@import url(http://fonts.googleapis.com/css?family=Roboto:300);

p, ul, ol, h1, h2, h3, h4, h5, h6, li, pre, nav, header, span { margin:0; padding:0;}

img { width:100%; outline:none;}
strong { font-weight:bold; font-family:"Roboto";}
ul, ol, li { list-style:none;}
body { margin:0; padding:0; background:#eee; font-family: 'Roboto', sans-serif; color:#333;}
@font-face {font-family:'ColaborateThinRegular';src:url('../fonts/colabthi-webfont.eot');src:local('O'), url('../fonts/colabthi-webfont.woff') format('woff'), url('../fonts/colabthi-webfont.ttf') format('truetype'), url('../fonts/colabthi-webfont.svg#webfontBuy3ZjAx') format('svg');font-weight:normal;font-style:normal}
@font-face {font-family:'ColaborateBoldRegular';src:url('../fonts/colabbol-webfont.eot');src:local('O'), url('../fonts/colabbol-webfont.woff') format('woff'), url('../fonts/colabbol-webfont.ttf') format('truetype'), url('../fonts/colabbol-webfont.svg#webfonti43fy0NT') format('svg');font-weight:normal;font-style:normal}
@font-face {font-family:'ColaborateRegular';src:url('../fonts/colabreg-webfont.eot');src:local('O'), url('../fonts/colabreg-webfont.woff') format('woff'), url('../fonts/colabreg-webfont.ttf') format('truetype'), url('../fonts/colabreg-webfont.svg#webfontdC3uTxCK') format('svg');font-weight:normal;font-style:normal}
@font-face {font-family:'CalibriBold';src:url('../fonts/calibrib-webfont.eot');src:local('O'), url('../fonts/calibrib-webfont.woff') format('woff'), url('../fonts/calibrib-webfont.ttf') format('truetype'), url('../fonts/calibrib-webfont.svg#webfontbOpCiIlZ') format('svg');font-weight:normal;font-style:normal}
.headTop { width:100%; background:#fff; height:90px; position:fixed; z-index:99;}
.logo { width:60%; margin:0px auto 10px; float:left;}
.logo img { width:182px; height:96px;}
.logo span.slogan { font-weight:bold; font-size:42px; color:#000; margin-top: -86px; display: block; margin-left: 60px; font-family:"ColaborateBoldRegular";}
.logo span.slogan span {font-size: 14px; margin-top: -5px; display: block; font-weight: normal; color: #333; margin-left: 168px; font-family:Arial, Helvetica, sans-serif;}
.callUs { margin-right:200px; text-align:right; line-height:90px;}
.callUs a { color:#fff; background:#030; padding:10px; border-radius:5px; text-decoration:none; font-weight:normal;}
.mainWrapper { width:100%; overflow:hidden;}
.leftNavHolder { width:20%; position:fixed; left:0; top:90px;}
.leftNav { margin:5% auto; }
.leftNav ul { list-style:none; padding:3%;}
.leftNav ul li { display:block; font-size:18px; line-height:28px; border-bottom:1px solid #333; text-align:center; font-family:"ColaborateRegular";}
.leftNav ul li a { color:#333; text-decoration:none; display:block;}
.leftNav ul li a:hover, .leftNav ul li a.active {background:#0c6; color:#fff;}
.mainContainer { width:80%; background:#fff; position:absolute; right:0; margin-top:90px;} 
.slider {
position: relative;
width:100%;
margin:0 auto;

}
.slider ul {
float:left;
padding: 0;
list-style: none;
width: 100%;
height: 300px;
overflow: hidden;
box-shadow:2px 2px 2px #333;
background:#333;
}
.slider ul li img { width:100%; height:300px;}
.slider .dots:after {
display: table;
clear: both;
content: "";
}
.slider .dots {
position: absolute;
bottom: -313px;
left: 50%;
z-index: 40;
 *zoom: 1;
}
.slider .dots a {
display: block;
float: left;
width: 12px;
height: 12px;
margin-right: 10px;
text-indent: -9999em;
background: #333;
border-radius: 10px;
}
.slider .dots .cur {
background: #329;
}
.slider .arrow {
width: 65%;
position: absolute;
top: 45%;
left: 18%;
z-index: 50;
}
.slider .arrow a {
font-family: "Microsoft YaHei";
font-size: 34px;
font-weight: 700;
color: #fff;
}
.slider .arrow .btn-left {
float: left;
}
.slider .arrow .btn-right {
float: right;
}
.boxContainer { overflow:hidden; margin:5% auto 3%;}
.boxCont { float:left; width:16.5%; margin-left:1%; padding:1%; border:1px solid #333; box-shadow:2px 2px 2px #333; margin-bottom:3%
}
.boxCont img { width:100%; height:100px;}
.boxCont:first-child { margin-left:1%;}
.boxCnt { }
.boxCnt h2 { font-size:18px; color:#333; text-align:center; margin:2% 0;}
.boxCnt p { font-size:13px; color:#333; text-align:left; margin:2% 0;}
.shadow { margin-bottom:1%;}
.container { width:90%; margin:3% auto; overflow:hidden;}
.contentBox {}
.contentBox h2 { margin-bottom:3%;}
.contentBox h3 { margin:10px 0 5px;}
.readMore { color:#900; line-height:30px;}
.copyRight { position:fixed; bottom:20px; left:5px; font-size:12px;}
.copyRight p { text-align:center;}
.manage { float:left; width:40%; list-style:outside;}
.manageImg { float:right; width:40%;}
.manage li { list-style-image:url(../images/arrow-32-256.png);}
.contactForm { width:300px;}
.contactForm input[type=text], .contactForm textarea { width:100%; padding:5px 10px; margin-bottom:10px; resize:none;}
.contactForm input[type=submit] { border-bottom:3px; margin-bottom:10px; cursor:pointer; padding:5px 20px;}


#s1 { margin:0 auto;}
        .is
        {
            border-top:5px solid #555555;
            border-bottom:5px solid #555555;
        }
        .is img
        {
            border:0px;
            border-left:2px solid #555555;
			width:150px;
        }
.productall { overflow:hidden; padding:15px; border:1px solid #333; box-shadow:3px 0px 30px #333 inset;}
.product { float:left; width:300px; list-style:disc; margin-left:50px;}
.product:last-child { margin-left:85px;}

.product li {  margin-bottom:5px; margin-right:10px; list-style:inside;}
.product1 { float:left; width:350px; list-style:disc; padding:29px 15px; border:1px solid #333; box-shadow:3px 0px 30px #333 inset;}

.product1 li { margin-bottom:5px; margin-right:10px; list-style:inside;}
.productImg { float:right; padding:15px; border:1px solid #333; box-shadow:3px 0px 30px #333 inset;}
.manufacture { overflow:hidden;}
.manufacture li { float:left; width:17.7%; margin-left:1%; text-align:center; border-radius:8px; border:1px solid #333; padding:5px; height:40px; margin-bottom:1%; display:table; box-shadow:3px 0px 14px #333 inset;}
.manufacture li span { display:table-cell; vertical-align:middle;}
.internForm { overflow:hidden; margin-bottom:10px;}
.internForm label { display:block; width:250px; float:left;}
.internForm input, .internForm textarea { display:block; width:300px; float:right; padding:5px;}
.internForm select { display:block; width:313px; float:right; padding:5px;}
input[type=submit], input[type=reset] { padding:10px; width:100px; border:none; cursor:pointer; margin-right:10px; background:#090; color:#fff; font-weight:bold;}
.contentBox a { color:#000; text-decoration:none;}
.gray { background:#063; padding:10px; color:#FFF;}
.blck { background:#CCC; padding:10px; color:#000;}