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

/*>>>>> Setup and Reset <<<<<*/

body, html  {height: 100%;}

body, html, p, ul, ol {margin: 0; padding: 0; border: none;}

body  {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 1.5;  /*unitless for proper inheritance*/
	color: #666;
	background: #b4b4b4 url(img\\bg.gif) center top;
	text-align: center;
	}

h1, h2, h3, h4, h5, h6{	
	font-weight: normal;
	margin: 5px 0;
	color: #666;
	}

h1  {font-size: 30pt}
h2  {font-size: 10pt; font-family:Arial, Helvetica, Sans-serif; color:#0064bc; font-weight:bold;}
h3  {font-size: 10pt; font-family: Arial, Helvetica, Sans-serif;}
h4  {font-size: 12pt; font-family:"黑体", "宋体","Arial" ; color:#0064bc; font-weight:normal;}
h5  {font-size: 10pt; font-family:Arial, Helvetica, Sans-serif; ; color:#323232; font-weight:bold;}
h6  {font-size: 10pt; font-family:Arial, Helvetica, Sans-serif; ; color:#646464; font-weight:100;}

h6 a:link, h6 a:visited{color:#646464; text-decoration:none;}
h6 a:hover{color:#969696; text-decoration:none;}

ul, ol  {margin: 10px 0; padding: 0 0 0 30px;}

img  {border: none;}
	
img.zuo {float:left}

.clear {clear: both;}

p {font-size:12px #323232; text-align:justify; text-justify:inter-ideograph;}
.center {text-align: center; margin:0 auto; padding:-10px 0}
p.center {font-size:12px #323232;  text-align: center; margin:0 auto; padding:-10px 0}

hr { margin:0 30px; border-style: solid; border-color:#d9d9d9; height:1px;}

.normaltext {font-size: 10pt; font-family:Arial, Helvetica, Sans-serif; ; color:#646464; font-weight: 100}
.bluetext {font-size: 10pt; font-family:Arial, Helvetica, Sans-serif; color:#0064bc;}
.bluetext:link, .bluetext:visited {color:#0064bc}
.bluetext:hover{color:#0088ff}
.bluebold {font-size: 10pt; font-family:Arial, Helvetica, Sans-serif; color:#0064bc; font-weight:bold;}
.bluebold:link, .bluebold:visited {color:#0064bc}
.bluebold:hover{color:#0088ff}

a:link, a:visited{color:#323232; text-decoration:none;}
a:hover {color:#969696;}

h4 a:link, h4 a:visited{color:#0064bc}
h4 a:hover{color:#0088ff}

h5 a:link, h5 a:visited{color:#000000}
h5 a:hover{color:#323232}

/*>>>>> Container <<<<<*/
.Container {
	position: relative;
	margin:20px auto;
	width: 710px;
	}
	
/*>>>>> Navigation <<<<<*/
#nav {width:710px; height:113px;}
#nav #topup {background: #0095df url(img\\top\\top1.jpg) no-repeat; width:710px; height:73px;}
#nav #topdown {background: #ebebeb url(img\\top\\top2.jpg) no-repeat; width:710px; height:40px;}

#nav .navtext, #nav .navfocus{float:left; position:relative; top:7px; left:40px; }
#nav #toptiao{float:left; height:20px; width:70px;}
#nav .g1 {float:left; position:relative; left:40px; top:6px; margin:0; padding:0;}


#nav a:link, #nav a:visited {color:#323232; text-decoration:none; display:block;  height:24px; width:70px;  padding:8px 0; position:relative; top:-7px;}
#nav a:hover {color:#969696; display:block;  height:24px; width:70px;  padding:8px 0; position:relative; top:-7px;}
#nav .navfocus a {background:url(img\\top\\focus.jpg) no-repeat; background-position:center}

/*>>>>> Navigation En <<<<<*/
#naven {width:710px; height:113px;}
#naven #topup {background: #0095df url(img\\top\\top1.jpg) no-repeat; width:710px; height:73px;}
#naven #topdown {background: #ebebeb url(img\\top\\top2.jpg) no-repeat; width:710px; height:40px;}

#naven .navtext, #naven .navfocus{float:left; position:relative; top:5px; left:85px; }
#naven #toptiao{float:left; height:20px; width:0px;}
#naven .g1 {float:left; position:relative; left:40px; top:6px; margin:0; padding:0;}

#naven a:link, #naven a:visited {color:#323232; text-decoration:none; display:block;  height:24px; width:60px;  padding:8px 0; position:relative; top:-7px;}
#naven a:hover {color:#969696; display:block;  height:24px; width:60px;  padding:8px 0; position:relative; top:-7px;}
#naven .navfocus a {background:url(img\\top\\focus.jpg) no-repeat; background-position:0px 2px;}

#naven a.a2:link, #naven a.a2:visited {color:#323232; text-decoration:none; display:block;  height:24px; width:80px;  padding:8px 0; position:relative; top:-7px;}
#naven a.a2:hover {color:#969696; display:block;  height:24px; width:80px;  padding:8px 0; position:relative; top:-7px;}
#naven .navfocus a.a2 {background:url(img\\top\\focus2.jpg) no-repeat; background-position:0px 2px;}



.indexentext { width:470px;}
.h2en {margin:0 0 0 30px; font-size:18px;}
.indexenimg {margin:-5px 0 0 0;}

.layout .content .leften{ position:absolute; top:150px; left:545px;}
.layout .content .leften a:link, .layout .content .leften a:visited{display:block; padding:0px 0px 0px 20px; background:url(img\\lefticon.gif) no-repeat; background-position:0px 2px;}
.layout .content .leften a:hover{display:block; padding:0px 0px 0px 20px; background: url(img\\lefticon.gif) no-repeat #f4f4f4; background-position:0px 2px;}

.layout .content .leften .a{border-style: none none solid none; border-width: 1px; border-color:#d9d9d9; width:140px;}
.layout .content .leften .b{width:150px;}
.layout .content .leften .c{width:150px; margin:0px 0 0 0;}

.layout .content .leften .c a:link, .layout .content .left .c a:visited{display:block; background:none;}
.layout .content .leften .c a:hover{display:block; background:#f4f4f4; }


/*>>>>> content <<<<<*/
.layout {background: #ebebeb url(img\\contentbg.jpg); min-height:400px; height:auto !important; height:400px;}
.layout .content{background: url(img\\contentbgup.jpg) no-repeat; text-align: left; min-height:50px; height:auto !important; height:50px;}
.layout .content .contenthead{background:#fff;  width:526px; margin:0 0 0 5px; }
.layout .content .contenthead .bg{background:#fff url(img\\contenthead.jpg) no-repeat; height:50px; padding:0 30px; }
.layout .content .contenthead .bg h4{position:relative; top:25px; }
.layout .content .contenthead .text h5{position:relative; top:-10px; margin:0}
.layout .content .contenthead .text{border-style: none solid solid none; border-width: 1px; border-color:#d9d9d9; padding:10px 30px; }
.layout .content .contenthead .text p{line-height:20px;}

.layout .content .left0{ position:absolute; top:150px; left:545px;}
.layout .content .left0 a:link, .layout .content .left0 a:visited{display:block; padding:0px 0px 0px 20px; background:url(img\\lefticon.gif) no-repeat; background-position:0px 2px;}
.layout .content .left0 a:hover{display:block; padding:0px 0px 0px 20px; background: url(img\\lefticon.gif) no-repeat #f4f4f4; background-position:0px 2px;}

.layout .content .left0 .a{border-style: none none solid none; border-width: 1px; border-color:#d9d9d9; width:140px;}
.layout .content .left0 .b{width:150px;}
.layout .content .left0 .c{width:150px; margin:0px 0 0 0;}

.layout .content .left0 .c a:link, .layout .content .left .c a:visited{display:block; background:none;}
.layout .content .left0 .c a:hover{display:block; background:#f4f4f4; }


.layout .content .left{ position:absolute; top:150px; left:540px;}
.layout .content .left a:link, .layout .content .left a:visited{display:block; padding:0px 0px 0px 20px; background:url(img\\lefticon.gif) no-repeat; background-position:0px 2px;}
.layout .content .left a:hover{display:block; padding:0px 0px 0px 20px; background: url(img\\lefticon.gif) no-repeat #f4f4f4; background-position:0px 2px;}

.layout .content .left .a{border-style: none none solid none; border-width: 1px; border-color:#d9d9d9; width:150px;}
.layout .content .left .b{width:150px;}
.layout .content .left .c{width:150px; margin:0px 0 0 0;}

.layout .content .left .c a:link, .layout .content .left .c a:visited{display:block; background:none;}
.layout .content .left .c a:hover{display:block; background:#f4f4f4; }

.layout .content .left2{ position:absolute; top:150px; left:555px;}
.layout .content .left2 a:link, .layout .content .left2 a:visited{display:block; padding:0px 0px 0px 20px; background:url(img\\lefticon.gif) no-repeat; background-position:0px 2px;}
.layout .content .left2 a:hover{display:block; padding:0px 0px 0px 20px; background: url(img\\lefticon.gif) no-repeat #f4f4f4; background-position:0px 2px;}

.layout .content .left2 .a{border-style: none none solid none; border-width: 1px; border-color:#d9d9d9; width:130px;}
.layout .content .left2 .b{width:130px;}
.layout .content .left2 .c{width:130px; margin:0px 0 0 0;}

.layout .content .left2 .c a:link, .layout .content .left2 .c a:visited{display:block; background:none;}
.layout .content .left2 .c a:hover{display:block; background:#f4f4f4; }

.post{ background:#fff; width:525px; border-style: none solid none none; border-width: 1px; border-color:#d9d9d9; position:relative; left:5px; min-height:126px; height:auto !important; height:126px;}
.post h4, .post h5, .post h6, .post p, .post h2{margin:0 0 0 30px;}
.post p{line-height:20px; width:470px; margin:5px 0 20px 30px;}
.post img {margin:0 20px 10px 30px}
.post h6 a:link, .post h6 a:visited{color:#646464}
.post h6 a:hover{color:#323232}

.postlast{ background:#fff; width:525px; border-style: none solid none none; border-width: 1px; border-color:#d9d9d9; position:relative; left:5px; min-height:126px; height:auto !important; height:126px;}
.postlast h4, .postlast h5, .postlast h6, .postlast h2, .postlast p {margin:0 0 0 30px;}
.postlast p{line-height:20px;}
.postlast img {margin:0 20px 10px 30px}
.postlast h6 a:link, .postlast h6 a:visited{color:#646464}
.postlast h6 a:hover{color:#323232}

.postlast2{ background:#fff; width:525px; border-style: none solid none none; border-width: 1px; border-color:#d9d9d9; position:relative; left:5px; min-height:126px; height:auto !important; height:126px; }
.postlast2 h4, .postlast2 h5, .postlast2 h6, .postlast2 h2, .postlast2 p {margin:5px 0 0 30px;}
.postlast2 p{line-height:20px; width:470px; margin:5px 0 0 30px; padding:0 0 20px 0;}
.postlast2 img {margin:0 20px 10px 30px}
.postlast2 h6 a:link, .postlast2 h6 a:visited{color:#646464}
.postlast2 h6 a:hover{color:#323232}
.postlast2 ul {margin:-20px 0 ; width:468px;} 
.postlast2 .workshows img{margin:0 10px 5px}

.postlastworks{ background:#fff; width:525px; border-style: none solid none none; border-width: 1px; border-color:#d9d9d9; position:relative; left:5px; min-height:126px; height:auto !important; height:126px; }
.postlastworks h4, .postlastworks h5, .postlastworks h6, .postlastworks h2, .postlastworks p {margin:5px 0 0 30px;}
.postlastworks p{line-height:20px; width:470px; margin:5px 0 20px 30px;}
.postlastworks img {margin:0 20px 10px 30px}
.postlastworks h6 a:link, .postlastworks h6 a:visited{color:#646464}
.postlastworks h6 a:hover{color:#323232}
.postlastworks ul {margin:-20px 0 ; width:468px;} 
.postlastworks .workshows img{margin:0 10px 5px}


.layout .content .post{ height:110px; margin:14px 0 0 0; border-style: solid solid solid none; border-width: 1px; border-color:#d9d9d9; padding:16px 0 0 0;}
.layout .content .postlast{ height:110px; margin:14px 0 0 0; border-style: solid solid none none; border-width: 1px; border-color:#d9d9d9; padding:16px 0 0 0;}
.layout .content .postlast2{ height:110px; margin:14px 0 0 0; border-style: solid solid none none; border-width: 1px; border-color:#d9d9d9; padding:16px 0 0 0;}
.layout .content .postlastworks{ height:110px; margin:14px 0 0 0; border-style: solid solid none none; border-width: 1px; border-color:#d9d9d9; padding:10px 0 0 0;}

/*>>>>> foot <<<<<*/
/*>>>>> .foot { position:relative; top:-10px;} <<<<<*/
#foot #contentdown {background: #ebebeb url(img\\contentbgdown.jpg) no-repeat; height:45px; width:710px;}
.foot iframe{margin:0; padding:0; border:0;}
#foot .text {padding:15px 0 30px 0}
#foot .text p{line-height:18px;}

/*>>>>> index <<<<<*/
#indexworks .top {height:10px; background: url(img\\index\\indexworksbgup.jpg) no-repeat; }
#indexworks .middle {height:140px; background: url(img\\index\\indexworksbg.jpg) repeat-y; position:relative; top:0px; }
#indexworks .down {height:10px; background: url(img\\index\\indexworksbgdown.jpg) no-repeat; position:relative; top:0px; }

#indexworks .middle h4{ position: absolute; top:-2px; left:33px;}
#indexworks .middle img{ position:absolute; top:35px; left:30px;}
#indexworks h4 {margin:10px 0 0 0;}
.indexbr {height:8px; width:300px; margin:0; padding:0; font-size:1px;}

.postindex{ background:#fff; width:525px; border-style: none solid none none; border-width: 1px; border-color:#d9d9d9; position:relative; left:5px; min-height:126px; height:auto !important; height:126px;}
.postindex h4, .postindex h5, .postindex h6, .postindex h2, .postindex p {margin:0 0 0 30px;}
.postindex p{line-height:20px; color:#333333}
.postindex img {margin:0 20px 0 30px}

/*>>>>> works <<<<<*/
.workshowlink a:link, .workshowlink a:visited{color:#646464;}
.workshowlink a:hover{color:#323232;}

.workshowa {position:absolute; top:15px; }
.workshowa .workshowlink {position:absolute; top:45px; left:140px; width:100px;}

.workshowb {position:absolute; top:15px; left:250px;}
.workshowb .workshowlink {position:absolute; top:45px; left:140px; width:100px;}

/*>>>>> aboutus <<<<<*/
/*>>>>> p.abouttext{font-size:14px; line-height:22px;} <<<<<*/
.about { position:relative; left:16px; font-size: 10pt; font-family:Arial, Helvetica, Sans-serif; color:#0064bc;}
ul.about{ margin:-15px 0 20px 0; width:454px; text-align:justify; text-justify:inter-ideograph;}
*html ul.about{margin:-15px 0 -30px 0;}


/*>>>>> contact <<<<<*/
.contactjianju{letter-spacing:0.1em;}
p.contactp{margin:0 0 -15px 30px}

/*>>>>> plantext <<<<<*/
p.plantext {width:120px; font-size:10px;}
img.planimg{position:absolute; top:140px; left:130px;}

/*>>>>> summary <<<<<*/
p.summaryp1{width:225px;}
p.summaryp2{width:225px; position:absolute; top:137px; left:245px; line-height:18px;}

/*>>>>> process <<<<<*/
p.textbt1 {width:70px; height:21px; font-size: 10pt; font-family:Arial, Helvetica, Sans-serif; color:#0064bc; font-weight:bold; text-align:center; padding:2px 10px 1px 10px; background:url(img\\kuang.jpg) no-repeat;}

/*>>>>> price <<<<<*/
p.textkuang { width:420px; border:solid; border-width:1px; border-color:#969696; padding:10px 20px 10px 20px; margin:0 0 20px 30px;}

/*>>>>> envelopeprice <<<<<*/
.envelopetext {display:block; width:245px;}
.envelopeimg{position:absolute; top:62px; left:290px;}

/*>>>>> envelopeprice <<<<<*/
.handbagimg{position:absolute; top:125px; left:15px;}

/*>>>>> ttt <<<<<*/
.formx { width:460px;}
p.textbt2 {width:160px; height:40px; font-size: 15pt; font-family:"黑体", "宋体","Arial"; color:#0064bc; text-align:center; padding:12px 0 0 0; background:url(img\\kuang2.jpg) no-repeat; margin:15px 0 0 0;}
p.textbt3 {width:97px; height:40px; font-size: 15pt; font-family:"黑体", "宋体","Arial"; color:#0064bc;  text-align:center; padding:12px 0 0 0; background:url(img\\kuang3.jpg) no-repeat; margin:15px 0 0 0;}
.findprices{ padding:0 0 0 30px;}
.cbox{width:150px; display:inline-block;}
.cbox2{display:inline-block; height:32px; margin:0 10px 0 0}
hr.find{ margin:13px 30px 0 0; border-style:dashed; border-width:1px;}

.input#name{ width:138px}
.input#company{ width:195px}
.input#tel{ width:138px}
.input#email{ width:195px}
.input#address{ width:394px}

/*>>>>> khtb <<<<<*/
.khtb td{ padding:0 20px;}
.infog { margin:-10px 0 0 0; padding:-10px 0 0 0}
.cbox3 {display:inline-block; height:20px; margin:0 10px 0 0}