﻿@import url("reset.css");
.wrap, .header, .nav, .footer, .silder{ clear:both; width:1000px; margin:0 auto;}
.header{ height:70px; padding:10px 0;}
.header a{ color:#333;}
.header a:hover{ color:#007dc6;}
.header a.act{ color:#007dc6; font-weight:bold;}
.logo{ float:left;}
.topmenu{ text-align:right; margin:10px auto;}
.search{ text-align:right;}
.search .keyword{ border:1px #dae4eb solid; color:#999; height:20px; line-height:20px; padding:4px; margin-right:5px; text-align:left;}
.search .s_Btn{ background:#00b7f1; color:#fff; display:inline-block; font-weight:bold; height:30px; line-height:30px; width:70px; text-align:center;}
.search .s_Btn:hover{ background:#008fd5; color:#fff;}
.nav{ background:#008fd5 url(../images/nav.gif) repeat-x; color:#fff; height:40px; line-height:40px; width:auto;}
.nav li{ float:left; display:inline-block; width:120px; text-align:center;}
.nav li a{ display:block; font-size:14px; color:#fff;}
.nav li.hover a{ background:#00b7f1;}
.nav li a:hover{ background:#007dc6;}

.footer{ background:url(../images/foot_sharp.png) no-repeat center top; color:#666; line-height:20px; padding:15px 10px;}
.footer .flogo{ float:right; background:url(../images/foot_logo.png) no-repeat right top; padding-top:15px; padding-right:130px; height:60px;}
.footer .copyright{ color:#999;}

.silder{ margin-bottom:20px;}
.banner { background:#00b7f1; text-align:center; height:160px; margin:0 auto 15px; overflow:hidden;}

.ibox{ float:left; height:230px; overflow:hidden;}
.ibox h3{ background:url(../images/tline.gif) no-repeat 0 bottom; height:30px; line-height:30px; margin-bottom:10px; position:relative;}
.ibox h3 .tt{ font-size:16px; font-weight:600; color:#333; margin-right:6px;}
.ibox h3 em{ font-size:12px; font-weight: normal; color:#999; text-transform:capitalize; display:none;}
.iAbout{ width:240px; margin-right:15px;}
.iProduct{ width:490px; margin-right:15px;}
.iFactory{ width:240px;}

.iAbout .pic{ text-align:center; margin-bottom:6px;}
.iAbout .txt{ line-height:20px;}
.iFactory .brl{ position:absolute; bottom:4px; right:0; border-left:1px #d9d9d9 solid; height:14px; width:15px;}
.iFactory .brl a{ display:inline-block; background:url(../images/brl.gif) no-repeat; width:15px; height:14px; text-indent:-9999px;}
.iFactory .brl a.lt{ background-position:0 0;}
.iFactory .brl a.lt:hover{ background-position:0 -14px;}
.iFactory .brl a.rt{ background-position:-15px 0;}
.iFactory .brl a.rt:hover{ background-position:-15px -14px;}
.iFactory .pb{ text-align:center;}
.iFactory .pb p{ line-height:24px; height:24px; overflow:hidden;}
.iFactory .pb a{ font-weight:bold; color:#333;}
.iFactory .pb a:hover{ color:#06f;}

.ipro{ width:220px; padding:9px; border:1px #ddd solid;}
.ipro .pic{ float:left; width:120px;}
.ipro .txt{ float:right; width:100px; line-height:20px; height:170px; overflow:hidden;}
.ipro .txt h5{ font-size:14px; font-weight:bold;}
.ipro .txt .bc{ color:#8c8c8c;}

.index-wrap{ background:#f1f1f1 url(../images/wrap_sharp_2.png) no-repeat center top; padding:20px;}
.wrapline{ clear:both; background: url(../images/wrap_sharp_1.png) no-repeat center; height:20px; overflow:hidden; margin:20px auto 0;}


.ibox2{ background:#fff url(../images/ibox2sharp.png) repeat-x bottom; float:left; width:225px; height:170px; overflow:hidden; padding-bottom:4px; margin-right:23px;}
.ibox2 .pic{ width:225px; height:100px;}
.ibox2 h4{ color:#333; font-weight:bold; font-size:12px; padding:5px 7px 0; line-height:20px;}
.ibox2 h4 a{ color:#333;}
.ibox2 h4 a:hover{ color:#06f;}
.ibox2 .bd{ height:40px; line-height:20px; overflow:hidden; color:#8c8c8c; padding:0 7px;}

/*  SUBPAGE  */
.side{ float:left; width:200px; padding-left:20px;}
.main{ float:right; width:740px; padding-right:20px; height:auto !important;	height:450px; min-height:450px; margin-bottom:30px;}

.sidemenu{ background:url(../images/side-bg.gif) repeat-y;}
.sidemenu h4{ background:url(../images/side-head.gif) no-repeat; color:#fff; font-size:16px; font-weight:bold; height:34px; line-height:34px; padding:0 0 16px 10px;}
.sidemenu ul{ padding:0 20px 0 10px;}
.sidemenu ul li ul{ padding:0;}
.sidemenu li{ line-height:30px; font-size:14px;}
.sidemenu li a{ background:url(../images/side-dot.gif) no-repeat 0 13px; padding-left:12px; color:#333; line-height:30px; display:block;}
.sidemenu li li a,.sidemenu li.hover li a{ background:#f1f1f1 none; color:#333; line-height:24px; font-size:12px; padding:0 3px;}
.sidemenu li li a:hover,.sidemenu li.hover li a:hover,.sidemenu li li.hover a{ color:#06f; background:#eee none; }
.sidemenu li a:hover,.sidemenu li.hover a{ background:url(../images/side-dot2.gif) no-repeat 0 13px; color:#06f;}
.sidemenu .sidefoot{ background:url(../images/side-foot.gif) no-repeat; height:20px; overflow:hidden;}

.subTitle{ font-size:18px; font-weight:600; color:#212121; line-height:40px;}
.location{ background: url(../images/home.gif) no-repeat 12px center; border-bottom:1px #ddd solid; border-top:1px #ddd solid; font-size:12px; font-weight:normal; font-family:"\5b8b\4f53"; height:30px; line-height:30px; padding-left:30px; margin-bottom:20px;}
.location a{ display:inline-block; background: url(../images/location-arrow.gif) no-repeat 0 center; color:#333; height:30px; padding:0 10px 0 30px;}
.location a:hover{ color:#06f;}
.content{}
.content img{ max-width:740px; margin-bottom:5px;}
.cbd{ line-height:1.8;}
.cbd p{ margin-bottom:10px;}


/* images-Box */
.images-Box{ clear:both; margin:0 auto 20px; padding-bottom:20px; border-bottom:1px #ddd solid;}

.viewInfo{ margin-bottom:30px; line-height:1.8;}
.viewInfo2{ margin-bottom:10px; line-height:20px; padding:5px 10px; color:#fff; background:#b59ac7;}
.priceTab{ width:100%; margin-bottom:20px;}
.priceTab td{background:#eae2ef; padding:5px; line-height:26px; text-align:left; }
.priceTab th{ background:#efefef; padding:5px; line-height:20px; text-align:left; color:#8c8c8c; font-weight:normal;}
.priceTab .col1{ width: auto; font-weight:bold; color:#541683;}
.priceTab .col2{ width: auto;}
.priceTab .col3{ width: auto; font-size:16px;}
.priceTab .col4{ width: auto; color:#9075aa; font-size:16px; font-weight:bold;}
.priceTab .col5{ width: auto;}
.priceTab .col6{ width: auto; color:#b00;}
.priceTab .col7{ width: 70px;}

.viewTab{ width:100%;}
.viewTab td,.viewTab th{ padding:5px; line-height:26px; text-align:left; }
.viewTab th{ width:220px; font-weight:normal;}
.viewTab .tr1{ background:#f0eee9;}
.viewTab .tr2{ background:#fff;}

.viewBd{background:#fff;}
.viewBd h6{background:#efefef; padding:5px 5px 0; line-height:26px; margin-bottom:20px;}
.viewBd h6.bookviewt{background:#b59ac7; color:#fff; padding:5px 5px 0; line-height:26px; margin-bottom:20px;}
.viewBd h6 span{ display:inline-block; width:100px; text-align:center; height:26px; cursor:pointer;}
.viewBd span.hover{background:#fff; color:#541683; font-weight:bold;}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:700px; margin:0 auto; display:none;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:700px; height:525px; background:#fff;}
#fullsize img{ max-width:700px; max-height:525px;}
#information {position:absolute; bottom:0; width:700px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:0 8px; font-size:14px;}
#information p {padding:0 8px;}
#image {width:700px;}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:350px; cursor:pointer; z-index:150; }
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:350px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px; height:81px;}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#f0f0f0}
#slideleft:hover {background-color:#abae77}
#slideright {float:right; width:20px; height:81px; background:url(../images/scroll-right.gif) center center no-repeat; background-color:#f0f0f0}
#slideright:hover {background-color:#abae77}
#slidearea {float:left; position:relative; width:640px; margin-left:10px; height:81px; overflow:hidden;}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #ccc; padding:2px}


.dlist{ border:1px #ddd solid; border-bottom:0; width:700px; margin:0 auto;}
.dlist li{ border-bottom:1px #ddd solid; padding:5px 10px; line-height:20px;}
.dlist li .down{ float:right; display:inline-block; width:60px; color:#333; }
.dlist li .down:hover{ color:#06f; }
.dlist li.hr1{ background:#f9f9f9;}
.dlist li.hr2{ background:#fff;}

.paper{ background:url(../images/wrap_sharp_1.png) no-repeat center top; padding-top:32px; text-align:center; line-height:20px;}

.PageTitle{ background: url(../images/title-paper.png) no-repeat center bottom; color:#333;	line-height:30px; font-size:26px; font-weight: 600; margin:30px auto; padding-bottom:10px; text-align:center;}
.proImage{ width:480px; margin:0 auto;}
.proImage .fullpic{ margin:0 auto 5px; text-align:center;}
.proImage .fullpic img{ /*width:480px; height:360px;*/}
.proImage .spic ul{ margin:5px auto; width:480px;}
.proImage .spic li{ float:left; width:60px; text-align:center;}
.proImage .spic img{ width:54px; height:40px;}
.subtime{ color:#898989; height:20px; line-height:20px; padding:0 0 10px; margin:0 10px; border-bottom:1px #333 solid; position:relative; margin-bottom:20px;}
.subtime em{ font-size:12px; color:#999;}
.share{ line-height:1; position: absolute; right:0; top:-3px;}
.orderbar{ background:url(../images/title-paper2.png) no-repeat center top; padding:20px; text-align:center; margin:20px;}
.orderbar a{ background: url(../images/inquiry.gif) no-repeat; color:#fff; text-align:center; display:inline-block; width:135px; height:44px; line-height:44px; font-size:16px; font-weight:600;}
.orderbar a:hover{ color:#fe0; }

.back{ text-align: right; font-size:12px; line-height:30px; clear:both; margin-top:30px;}

.feed h4{
	font-size:14px;
	background:url(../images/message_pic.jpg) no-repeat center top;
	font-size:14px;
	height:90px;
	padding-left:250px;
	padding-top:76px;
}
.guestbook{
	margin:15px auto;
}
.guestbook td{
	padding:8px;
	line-height:20px;
}
a.btn{ background: url(../images/inquiry.gif) no-repeat center center; color:#fff; text-align:center; display:inline-block; width:90px; height:30px; line-height:30px; font-size:14px; font-weight:bold;}
a.btn:hover{ color:#fe0; }

.line{ height:1px; overflow:hidden; background:#ddd; clear:both; margin:20px;}

.list{ padding:0 5px;}
.list li{
	float:left;
	width:180px;
}
.list li img{
	width:160px;
	height:120px;
	background: url(../images/pbg.gif) no-repeat;
	padding:9px;
}
.list li p{
	padding:0 9px;
	height:36px;
	line-height:18px;
	overflow:hidden;
	text-align:center;
}
.list a{color:#494949;}
.list a:hover{color:#007dc6;}
