@charset "utf-8";
@import url("uniform.default.css");
@import url("nivo-slider.css");
@import url("../scripts/themes/default/default.css");
@import url("ddsmoothmenu.css");
/* CSS Document */

/* global */
*{ background-repeat:no-repeat;margin:0;}
html, body,form {height: 100%;}
body{ padding:0;  font-family: Arial, '宋体'; font-size:12px; color:#2c2c2c; line-height:18px;}
a img{ border:none;}
a:hover{ color:#346d96;}
#wrapper {	min-height: 100%;	height: auto !important;	height: 100%;	margin: 0 auto -130px;}
#index{ padding-top:112px;}
#index #wrapper {	margin: 0 auto -200px;}
#index #footer{ height: 150px; }
#index .push {	height: 200px;}
#footer{ height: 80px; }
.push {	height: 130px;}
#footer,.push{clear: both;}
ul,ul li,ol,h1,h2,h3,h4,h5,h6{ list-style:none; margin:0; padding:0; font-weight:normal;}
.clear{ clear:both;}
#wrap{ width:1000px; margin:0 auto 0 auto;}
.rss{  width:19px; height:19px; background-image:url(../images/ico_rss.gif); background-position:top; text-indent:-9000px; display:block;}
.rss:hover{ background-position:bottom;}

/*= Header =*/
#header{ height:112px; background-color:#fff;  z-index:100; left:0%; width:100%; margin:0 auto; top:0; border-bottom:1px #9f9f9f solid;}
#header .content,#footer .content{ width:1000px; margin:0 auto; position:relative; }
#header .logo{ margin-top:35px;}
#header a{ text-decoration:none;}


/*= Header Nav =*/
#nav .nav{ position:absolute; right:0px; top:70px;}
#nav li,#subFunction li{ float:left;}


/*= Header SubFunction =*/
#subFunction{ position:absolute; top:0; right:0; background-color:#f3f3f3; padding:15px 20px;}
#subFunction a{ color:#666;}
#subFunction a:hover{
	color:#333;
	text-decoration: underline;
}
#subFunction li{ margin-right:28px;}
#subFunction li.language{ margin-right:0;}
#subFunction li.language .selector{ margin-top:-10px;}

/*= Header Nav =*/
#index .theme{ height:468px; margin-bottom:1px; position:relative; }
#index .filter{ height:35px; background-color:#ddd; z-index:20; padding-left:20px; padding-top:13px; display:none;}
#index .filter .title{ text-indent:-9000px; background-image:url(../images/product_search.gif); width:115px; height:20px; display:block; float:left; margin-right:15px;}
.filter select,.filter input{ float:left; color:#555; font-family:Arial,'新細明體'; padding-left:5px;}
.filter input{ border:1px solid #ddd;}

/*= Footer =*/
#footer{ width:100%; clear:both; background-color:#00477a; padding:25px 0;  }
#footer .content{ position:relative;}
#footer .logo{ float:left; margin:0 30px 0 50px;}
#footer .quote{  font-style:italic; width:400px; height:auto; display:inline; color:#fff; line-height:20px; float:left; margin-bottom:20px; }
#index #footer .quote{  margin-bottom:20px; margin-left:0px;}
#footer .copyright{   width:240px; text-align:right; float:right; height:auto; top:5px; color:#fff; font-size:11px;  -webkit-text-size-adjust:none; display:inline;}
#index #footer .copyright{ margin-top:45px;}
.fNav{ width:1000px; border-top:1px solid #346d96; clear:both; margin:0 auto; overflow:auto; padding-top:20px;}
.fNav li{ float:left; display:block; margin-right:25px; width:auto;}
.fNav li a{ color:#76a6c9; text-decoration:none;line-height:20px; height:20px; border-radius:2px; }
.fNav li a:hover{ color:#fff;}
.fNav li.on a{  padding:0 10px;  color:#fff; background-image:url(../images/fNav_on.jpg); background-repeat:repeat-x; border:1px solid #002c4c; background-position:top;}
#footer .fb{ position:absolute; right:25px;bottom:4px; text-align:left; color:#76a6c9; font-style:italic;}
.fbLogo{ background-image:url(../images/fb_logo.gif); width:60px; height:15px; display:inline-block; text-indent:-9000px;}

/*= SubNav =*/
.subNav{ background-image:url(../images/page_subnav.jpg); background-repeat:repeat-x; height:30px; margin-bottom:1px; padding:15px 20px 0px 20px;}
.subNav .title{ color:#000; float:left; font-weight:bold; margin-top:2px;}
.subNav span{ color:#000; float:left; margin-top:0px;}
.subNav .next{ height:12px;}
.subNav li{ float:left; margin-right:5px;}
.subNav li.on a,.subNav li.on a:hover{ background-color:#777; color:#fff;}
.subNav li a{ background-color:#e2e2e2; padding:5px 15px; border-radius:3px; text-decoration:none; color:#000;}
.subNav li a:hover{ background-color:#00aeef; color:#fff;}

/* pager */
.pager{ overflow:auto;}
.pager a{ padding:5px 10px; display:block; width:auto; float:left; border:1px solid #ccc; border-radius:3px; color:#000; margin-right:3px; text-decoration:none; line-height:15px;}
.pager a:hover{ border:1px solid #999;}
.pager a.on{ background-color:#8dc63f; border:1px solid #8dc63f; color:#fff;}
.pager a.pagePrev,.pager a.pageNext{ background-image:url(../images/btn_pageselect.png); text-indent:-9000px; text-align:left; width:5px; height:15px;}
.pager a.pagePrev{ background-position:0 -25px;}
.pager a.pagePrev.off{ background-position:0 0;}
.pager a.pageNext{ background-position:-25px -25px;}
.pager a.pageNext.off{ background-position:-25px 0;}

/*= editor =
.editor p{ margin-bottom:20px; margin-top:5px; display:block;}
.editor h4{ color:#81bc2f; font-size:15px; margin-bottom:10px;}
.editor img{ display:block; margin:20px auto;}
.editor table{ width:100%;}
.editor td{ background-color:#fff;}
.editor .file{  line-height:20px; display:block; margin:25px 0; color:#000; border:1px solid #ccc; text-decoration:none; display:block; background-position:top;background-image:url(../images/btn_gray.jpg); background-repeat:repeat-x;  width:120px;}
.editor .file:hover{ background-position:bottom; border:1px solid #bbb;}
.editor .file span{ background-image:url(../images/ico_pdf.gif); background-position:5px center; padding-left:30px; display:block; line-height:20px;}
*/

/*= editor =*/
.editor {width: 100%;overflow: hidden;}
.editor p{ margin-bottom:20px; margin-top:5px; display:block;}
.editor h4{ color:#81bc2f; font-size:15px; margin-bottom:10px;}
.editor img{ display:block; margin:20px auto;}
.editor table{ width:100%;}
.editor .file{  line-height:20px; display:block; margin:25px 0; color:#000; border:1px solid #ccc; text-decoration:none; display:block; background-position:top;background-image:url(../images/btn_gray.jpg); background-repeat:repeat-x;  width:120px;}
.editor .file:hover{ background-position:bottom; border:1px solid #bbb;}
.editor .file span{ background-image:url(../images/ico_pdf.gif); background-position:5px center; padding-left:30px; display:block; line-height:20px;}
.editor table{ width:100%; border-collapse:collapse;}
.editor th,.editor td{ border:1px solid #ddd;padding:5px 15px; text-align:left;background-color:#fff;}
.editor th{ background-color:#f0f8e5; font-weight:normal;}
.editor strong{ color:#000;}

/*= Font =*/
.detail .block h3,#Solution h3,.qulity h3,.qulity h4,.environmental h3,
#career .detail .block,.overview .block1 h3,.overview .block2 h3,.map h4
{color:#8dc63f;}
a,#footer .quote span,.block li h5,.aside li.on li a
{color:#00aeef;}
#footer .quote,#footer .fb,.backtoList,.toTop,#news .list a,
.overview .block1 h3,.overview .block2 h3
{font-size:13px;}
#footer .quote,#footer .fb,
#news .list .date,#news .content .date
{font-family:Georgia;}

/*= Index Filter =*/
.filter select{ width:200px;  border:1px solid #ddd;}
input.search{ background-image:url(../images/btn_dark.jpg); background-repeat:repeat-x; padding:0 10px; margin:0 0 0 5px; width:85px; color:#eee; height:20px; line-height:20px; cursor:pointer; border:none; border-radius:2px;}
input.search:hover{ color:#fff;}
#index .filter select{ margin-right:0;}
#index input.search{ margin-left:15px;}
span.next{ background-image:url(../images/ico_next.gif); float:left; display:block; width:6px; height:20px; margin:0 10px; text-indent:-9000px;  background-position:center;}

/*= Index Block =*/
#index .block{float:left; display:inline; width:300px; margin-right:22px;  margin-top:35px; margin-bottom:45px; border-top:1px solid #d7d7d7;}
#index .block .more,.map .email{ background-image:url(../images/btn_light.jpg); height:20px; display:block;  background-repeat:repeat-x; border-radius:2px; border:1px solid #ddd; width:auto; background-position:top; color:#555; text-decoration:none; text-align:center; width:50px; line-height:20px;}
#index .block .more:hover,.map .email:hover{ background-position:bottom;border:1px solid #ddd; color:#333;}

/* Block Product*/
#index .product{ margin-left:27px;}
.product li,.news li{ margin-top:15px; border-bottom:1px dotted #ddd; display:block; padding-bottom:15px;}
.block li.end{ border:none;}
#index .block h3{ margin:20px 0; text-transform:uppercase; font-size:18px;font-weight:bold; color:#000;}
.name{  font-weight:bold; margin-right:5px;}
.product .cate{ background-color:#00528c; padding:0 5px; color:#fff; text-decoration:none; border-radius:2px; }
.product .text{ display:block; margin-top:10px;}

/* Block News */
#index .news{ position:relative;}
#index .news .date{ display:block; margin-top:10px;}
#index .news .rss{ position:absolute; top:20px; right:0;}
#index .news li a{ color:#555; text-decoration:none;}
#index .news li a:hover{ color:#00477a; text-decoration:underline;}
#index .news li a:hover span{ color:#555; text-decoration:none;}
/* Block Solution */
#index .solution .img,#index .solution ul{ margin-top:20px;}
#index .solution .img{ float:left; margin-right:15px; }
#index .solution .img img{ border-radius:3px;}
#index .solution ul{ width:145px; float:left;}
#index .solution li{ background-image:url(../images/ico_bluedot.gif); padding-left:10px; background-position:0 5px; margin-bottom:7px;}

/*= Page = */
#content .container{ background-image:url(../images/content_bg.jpg); background-position:top center; background-color:#f1f0ed; padding-top:70px; padding-bottom:55px;}
.container .content{ width:900px; margin:0 auto;}
.container h2{ font-size:50px;  font-weight:lighter; color:#000; margin-bottom:20px;}
.container h2 span{ font-size:16px; text-transform:none;}

/*= Product =*/
#Product .container .content{ /*background-image:url(../images/product_bg.png); background-position:top right;*/}
#Product .filter{ background-image:url(../images/product_filter_bg.jpg); background-repeat:repeat-x; border:1px solid #ccc; height:22px; padding:12px;}
.function{
	
	width:100%;
	margin:10px 0 45px;
}
.btnList span,.btnBlock span{ background-image:url(../images/list_block.gif); display:block; width:26px; height:26px; float:left; margin-left:3px; text-indent:-9000px;}
.btnList span{ background-position:0 0;}
.btnList span.on,.btnList:hover span{ background-position:0 -26px;}
.btnBlock span{ background-position:-26px 0; cursor:pointer;}
.btnBlock span.on,.btnBlock:hover span{ background-position:-26px -26px;}
.function .result{ float:left; line-height:26px; font-weight:bold; color:#000;}
.function .btnSet{ float:right;}
.function .pager{ float:right; width:auto;}
.filter select{ margin-right:10px; }
.filter .icoFilter{ float:left; margin-left:155px; margin-right:10px;}
.filter .keywords{ margin-right:0; border-radius:3px; width:165px;}

/*= Product Table=*/
table.list{ width:900px; border:1px solid #ddd; border-bottom:none;}
table.list th{ padding:10px; background-image:url(../images/product_filter_bg.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#fff; border-bottom:1px solid #ccc; border-right:1px solid #ddd; border-left:1px solid #fff; font-weight:normal; color:#000;}
table.list td{ background-color:#f3f3f3; border-bottom:1px solid #ddd; border-top:#fff; padding:7px 0; text-align:center;}
table.list tr:hover td{ background-color:#eee; color:#333;}
table.list .btnPDF{ background-image:url(../images/ico_pdf.gif); width:21px; height:21px; display:block; text-indent:-9000px; margin:0 auto;}
tr.cate td{ background-color:#eee; font-weight:bold; color:#00477a; text-align:left; padding:10px 15px;}

table.list{ width:900px; border:1px solid #ddd; border-bottom:none;}
tr.cate td{ background-color:#eee; font-weight:bold; color:#00477a; text-align:left; padding:10px 15px;}
div.cate{ margin-top:50px; background-image:url(../images/bg_darkgray.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#e9e9e9; font-weight:bold; color: #00477A; text-align:left; padding: 10px 15px;}

#Product ul.block{ margin-bottom:10px; float:left; width:900px; border-left:1px solid #ddd; border-bottom:none;}
#Product .block li{ border-right:1px solid #ddd; border-bottom:1px solid #ddd;  background-color:#f3f3f3; vertical-align:top; }
#Product .block li{ padding:25px; width:129px; height:200px; float:left;}
#Product .block li h5{ font-size:15px; margin-bottom:8px;}
#Product .block li .text{ margin-bottom:20px;}
#Product .block li a,#ProductDetail .btnSet a{ display:block; margin-bottom:7px; text-align:center; text-decoration:none; height:20px; line-height:20px;}
#Product .block a.btnDetail{ border:1px solid #008bbf; background-image:url(../images/btn_blue.jpg); background-repeat:repeat-x; color:#fff; background-position:top; margin-bottom:0;}
#Product .block a.btnDetail:hover{ background-position:bottom; border:1px solid #007ead;}
#Product .block a.btnPDF,#ProductDetail .btnSet a{ position:relative; border:1px solid #ddd; background-image:url(../images/btn_gray.jpg); background-repeat:repeat-x; color:#000; font-size:11px; -webkit-text-size-adjust:none;}
#Product .block a.btnPDF:hover,#ProductDetail .btnSet a:hover{border:1px solid #ccc; color:#000;}
#Product .block a.btnPDF img,#ProductDetail .btnSet a img{ position:absolute; left:5px; bottom:0px;}

/*= Product Detail=*/
.container .detail{ border-top:1px solid #bbb; padding-top:40px;}
#ProductDetail .btnSet{ float:right; width:155px; margin-top:-70px;}
.detail .block{ float:left; margin-right:30px; }
.detail .block h3{  margin-bottom:20px;}
.detail .solution{ width:120px; padding:0 20px}
.solution img{ margin-bottom:10px;}
.solution h4{    
	color:#000000;
    	text-align:left;
    	margin-bottom:20px;
}
.detail .description{ width:340px;}
.detail .feature{ width:340px; margin-right:0;}
.detail .feature table,.editor table{ width:100%; border-collapse:collapse;}
.detail .feature td,.detail .feature th,.editor th,.editor td{ border:1px solid #ddd;padding:5px 15px; text-align:left;}
.detail .feature td{ background-color:#fff; }
.detail .feature th,.editor th{ background-color:#f0f8e5; font-weight:normal;}
.backtoList,.toTop{ height:19px; line-height:19px;display:block; padding-right:20px; background-position:right top;text-decoration:none; color:#000; font-weight:bold;  float:right;}
.backtoList:hover,.toTop:hover{ background-position:right bottom;}
.backtoList{ background-image:url(../images/btn_back.png); width:35px; margin-top:40px; }

.toTop{ background-image:url(../images/btn_top.png); width:30px;}

/*= DesignSupport=*/
#DesignSupport .info,#Solution .info{ width:280px; float:left; margin-right:30px;}
#DesignSupport .info img,#Solution .info img{ display:block; margin-top:10px;}
#DesignSupport .overview,#Solution .overview{ float:left; width:590px;}
.overview td{ width:415px; padding-right:25px; padding-bottom:20px; vertical-align:top;}
.overview a.title,.overview .text
{ margin-bottom:5px; display:block;}
.overview .more{ background-image:url(../images/btn_blue.jpg); background-repeat:repeat-x; text-decoration:none; height:20px; line-height:20px; color:#fff; border:1px solid #008bbf; border-radius:2px; padding:0 7px;}
.overview .more:hover{ background-position:bottom;}

/*= Solutions =*/

.container .subNav{ background:none; margin-top:0;padding-left:0; padding-right:0;}
.container .subNav li{ background:none;}
.container .subNav a{background:none; border:1px solid #fff; color:#555;}
.container .subNav .on a,.container .subNav .on a:hover,.container .subNav a:hover{ background-image:url(../images/container_subnav.jpg);background-repeat:repeat-x; background-position:bottom;  color:#000; border:1px solid #ddd; height:25px; border-radius:5px; }

/*= Policy =*/
.qulity{ background-image:url(../images/quality_bg.png); background-position:bottom left; overflow:auto; padding-bottom:40px; position:relative;}
.qulity .block1{ width:610px; margin-bottom:20px;}
.qulity h3{ font-size:20px; text-transform:uppercase; padding:25px 0; font-weight:lighter;}
.qulity h4{ font-size:14px; margin-bottom:5px;}
.qulity .block2{ width:590px; float:right; z-index:30;}
.qulity .block2 ul{margin-top:20px;}
.qulity .block2 li{ width:270px; float:left; margin-right:20px; height:75px; margin-bottom:20px;}
.qulity .certification{ width:315px; height:250px; position:absolute; right:0; top:-20px; z-index:1;}
.certification .zoom{ background-image:url(../images/btn_blue.jpg); background-repeat:repeat-x; height:20px; display:block; line-height:20px; padding:0 10px; border:1px solid #008bbf; width:auto; color:#fff; text-decoration:none; background-position:top; position:absolute; left:107px; bottom:7px;}
.certification .zoom:hover{ background-position:bottom; border:1px solid #0078a5;}
.environmental .block1,.environmental .block2,.environmental .block3{ width:280px; float:left; margin-right:30px;}
.environmental .block1 img{ margin-top:10px;}
.environmental .block3{ margin-right:0;}
.environmental h3{ font-size:50px;  font-weight:lighter;}
.environmental h3,.environmental text{ float:left; width:50px; text-align:center;}
.environmental .block2 ul{ margin-top:20px;}
.environmental .block2 li{ clear:both; margin-bottom:25px;}
.environmental .certification{ position:relative;}
.environmental .certification a{left:88px; bottom:20px;}

/*= Side Menu =*/
#news .aside,#DesignSupport .aside{ width:200px; float:left; margin-right:30px; float:left; padding-left:50px;}
.aside li{ border-bottom:1px solid #efefef;}
.aside a{ padding:5px 10px; display:block; color:#555; background-color:#fff; text-decoration:none;}
.aside li li a{ padding:5px 15px;}
.aside a:hover{ background-color:#f2f2f2; color:#000;}
.aside .on a{ color:#fff; background-color:#8dc63f;}
.aside .on ul{ display:block;}
.aside li ul{ display:none;}
.aside li.on li a{ background-image:url(../images/ico_bluearrow.png); background-position:185px center; padding-right:10px; background-color:#fff; }
#DesignSupport .aside li li.on a,#DesignSupport .aside li li a:hover{color:#00477a; background-color:#f2f2f2;}
#DesignSupport .aside a:hover{ background-color:#10b3f0; color:#fff;}

/*= news =*/
/*#news .container{ overflow:auto;}*/
#news .container{ float:left; width:100%;}
#news .container .content,#DesignSupport .container .page{ float:left; width:665px;}
#news .list li{ clear:both; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e6e6e6; width:645px; padding-right:20px; float:left;  background-image:url(../images/ico_bluearrow.png); background-position:right 5px;}
#news .list .date{float:left; width:105px; height:75px; margin-right:15px;}
#news .list .date,#news .content .date{ font-style:italic; color:#888; display:block; }
#news .list .text{ width:520px; float:left;}
#news .list a{ font-weight:bold; margin-bottom:10px; display:block;  text-decoration:none;}
#news .list a:hover{ text-decoration:underline;}
#news .rss{ float:right; margin-top:-40px;}
#news .content .date{ margin-bottom:24px;}
#news .content h3{ font-size:24px; color:#000; margin-bottom:10px; line-height:24px;}
#news  .detail{ padding-top:20px;}
#news .function{ margin-top:35px;}
.function .email{ border:1px solid #ccc; background-image:url(../images/btn_gray.jpg); background-repeat:repeat-x; padding:5px 10px; height:10px; display:block; width:110px; float:left; line-height:10px; text-align:right; text-decoration:none; color:#555;}
.function .email:hover{ border:1px solid #bbb; color:#333;}
.function .fbLike{ width:100px; float:left;}
.email span{ display:block; width:100%; height:20px;  background-image:url(../images/ico_mail.gif); cursor:pointer;}

/*= career =*/
.apply{background-image:url(../images/btn_gray.jpg); background-repeat:repeat-x; height:20px;  line-height:20px; display:block; padding:0; margin:0 5px; border:1px solid #ccc; background-position:top; color:#000; text-decoration:none; text-indent:25px; text-align:center;}
#career .apply{ width:140px;}
.apply span{ display:block; background-image:url(../images/btn_104.gif); width:100%; background-position: center;}
.apply:hover{ background-position:bottom; border:1px solid #bbb;}
#career td{ text-align:left; padding-left:10px;}
#career .detail .block{ width:250px; margin-right:65px; }
#career .block ul,.editor ul{ margin-left:10px; margin-top:10px; margin-bottom:25px;}
#career .block ul li,.editor li{ background-image:url(../images/ico_bluedot.gif); padding-left:15px; background-position:0 5px; margin-bottom:5px; color:#555;}
.benefits{ position:relative;}
.img_benefits{ background-image:url(../images/img_benefits.png); width:380px; height:323px; position:absolute; bottom:0; right:0;}
.benefits .apply{ position:absolute; top:100px; right:45px;}

/*= About =*/
#about .container{ background-position:left bottom; background-color:transparent; position:relative; }
#about .bg{ background-image:url(../images/content_bg.jpg); background-position:left bottom;}
#about .overview{ background-image:url(../images/bg_aboutoverview.png);}
#about .identity{
	background-image:url(../images/bg_about_id.png);
}

#about div.philosophy{
	background-image:url(../images/bg_about_philosophy.png);
	background-position:center left;

}

#about .bg .history{ background-image:url(../images/bg_about_history.png);  height:460px; background-position:center bottom;}

.overview .block1{ width:715px; float:right; margin-bottom:25px;}
.overview .block1 h3,.overview .block2 h3{  z-index:30;}
.overview .block1 h3{ margin-bottom:30px;}
.overview .block2 h3{ margin-bottom:10px;}
.overview .block1 img{ float:right; margin-left:30px;}
.overview .block2{
	width:530px;
	float:right;
	height: 200px;
}
.overview .block2 ul{ margin-left:20px; margin-top:15px; margin-bottom:15px;}
.overview .block2 li{ background-image:url(../images/ico_bluedot.gif); background-position:left center; padding-left:15px; margin-bottom:5px;}

.identity .block1{ width:640px; float:right; margin-bottom:25px;}
.identity .block1 h2{ border-bottom:1px solid #bbb; margin-bottom:35px; padding-bottom:20px;}
.identity .block1 .img{ float:right;}
.identity .block1 h3{ color:#8dc63f; font-size:16px; line-height:25px; margin-bottom:30px; font-family:'微軟正黑體';}
.identity .block1 h3 img{ vertical-align:middle; margin-right:10px; margin-top:-5px;}
.identity .block1 .text{ float:left; width:320px;}

.philosophy .block1{ width:490px; float:right; color:#333;}
.philosophy .block1 .text{ width:430px; margin:20px auto; color:#555}
.philosophy .block1 ul{ border-bottom:1px solid #bbb; margin-bottom:10px; padding:0 10px 10px 10px;}
.philosophy .block1 li{ margin-bottom:10px;}
.philosophy .block1 ul strong{
	font-size:18px;
	font-weight:normal;
	font-family:'微軟正黑體';
	color:#8dc63f;
	background-image:url(../images/slash.gif);
	background-position:right 5px;
	display:block;
	float:left;
	height: 40px;
	width:135px;
	margin-right:10px;
}

.philosophy .banner{
	background-image:url(../images/about_philosophy_banner.png);
	width:390px;
	height:80px;
	color:#ddd;
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
	margin-left:15px;
}

.philosophy .banner strong{color:#8dc63f; font-weight:bold;}

.history .block1{ width:900px;}
.history #slideshow{ margin-top:60px;}
.history .historyList{ width:900px; height:200px;  margin-bottom:10px; background-color:transparent;}
.history .block1 h2{ border-bottom:1px solid #bbb; margin-bottom:35px; padding-bottom:20px;}
.history .block1 ul.list,.history .block1 ul.list2{ width:410px; float:left;}
.history .block1 ul.list{margin-right:60px;}
.history .block1 ul ul {float:left; width:300px;}
.history .block1 li{  float:left; margin-bottom:25px; width:100%;}
.history .block1 li.oneline{ line-height:35px;}
.history .block1 li li{ padding-left:10px; background-image:url(../images/ico_bluedot.gif); background-position:0 5px; margin-bottom:3px; line-height:15px; width:100%;}
.history .block1 .time{ font-family:Georgia; font-style:italic; font-size:13px; background-color:#97ca50; padding:10px 14px; display:block; float:left; margin-right:15px; color:#fff; line-height:14px;}
.history .block1 li p{ float:left; width:310px; }
.history .block1 .nav{ position:absolute; right:50px; top:70px;}
.history .block1 .nav a{display:block; float:left; width:30px; height:30px;background-color:#666; margin-left:1px; text-indent:-9000px; background-image:url(../images/slider_arrow.gif);}
.history .block1 .nav a:hover{background-color:#00aeef;}
.nav .prev{ background-position:left;}
.nav .next{ background-position:right;}
.history #page{ margin-left:400px}
.history #page a{ display:block; text-indent:-9000px; height:10px; width:10px; display:block; float:left; background-color:#fff; border-radius:4px; border:1px solid #f2f2f2;}
.history #page li{ list-style:none; margin-right:10px; width:10px; height:10px;}
.history #page .activeSlide a,.history #page a:hover{ background-color:#96ca50;border:1px solid #96ca50;  }


/*= contact =*/
#contact .container{ position:relative; /*height:315px;*/ width:100%;}
#contact .map{ position:absolute; left:310px; top:0; width:690px; height:440px;}
.map .content{ position:relative;}
.map .info{
	position:absolute;
	width:240px;
	background-color:#fff;
	right:270px;
	top:70px;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 35px;
}
.map .scroll{
	height: 130px;
	width:225px;
	overflow: auto;
	padding-right: 15px;
}
.map h4{ font-size:14px; margin-bottom:15px;}
#contact h2{ display:inline;}
#contact h2 span{ font-size:18px; display:inline;}
#contact .block1{ width:210px;}
#contact .block1 li{border-bottom:1px solid #fff; border-collapse:collapse;}
#contact .block1 ul{ border-top:1px solid #fff; margin-top:10px;}
#contact .block1 li a{ padding:7px 10px; display:block;  text-decoration:none; color:#555;border-collapse:collapse;}
#contact .block1 li.on{border-bottom:1px solid #d7d7d7; }
#contact .block1 li.on a{ background-color:#efefef;  }
#contact .block1 a:hover{ color:#000;}

.contactInfo{ color:#000; margin:15px 0; display:block;}
#Product .product_cata {
	font-size: 15px;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	float: left;
	width: 100%;
	font-weight: bold;
	color: #000;
}


#contact .container 
{
    float:left;
    position: relative;
    width: 100%;
}

.subNav 
{
    position:relative;
    z-index:99;
    width:990px;
    float:left;
    background-image:none;
    background:#eee;
    height:auto;
    min-height:30px; 
    padding: 15px 5px 0;
}

.subNav li {
    float: left;
    margin-right: 5px;
    margin-bottom: 15px;
}

.container .content {
    margin: 0 auto 0 auto;
    width: 900px;
}

#content .container {
    min-height: 400px;
}


.bg_content{ background:#efefef;}
#content .weizhi{ display:block;background:url(../images/bg_dqwz.jpg) repeat-x; padding-left:10px; height:37px; line-height:37px;}
.minleft{float:left; width:30%;}
.ny{float:right; width:60%; padding-right:10px; height:436px; height:auto!important; min-height:436px;  }
.ny h3{font-weight:bold; color:#4f8b07; padding-top:25px;}
.ny p{padding-top:10px; line-height:24px;}
.leftny {padding-left:20px; padding-top:20px;float:left;}
.list3{background:#fff; border:1px #cfcfcf solid; width:250px; }
.leftny  .title{background:#89cf2b; display:block; line-height:34px; font-size:12px; color:#fff; padding-left:15px;}
.leftny ul{}
.leftny li{ padding:10px; font-size:12px; border-bottom:1px #cdcdcd solid}
.leftny li a{display:block;text-decoration:none; color:#2c2c2c;}
.leftny li a:hover{color:#00aeef;}

.leftny li ul li{border-bottom:none;}



.mnin{width:700px; float:right;  height:436px; height:auto!important; min-height:436px;}
.chanpin li{ float:left; margin:20px 10px 10px 10px;}
.chanpin li img{border:1px #cdcdcd solid}
.chanpin li p{text-align:center; padding-top:5px;}
.chanpin  p a{color:#2c2c2c; text-decoration:none;}
.chanpin  p a:hover{ color:#00aeef;}

.lianxi{ padding-top:20px;}
.lianxi h3{ font-weight:bold; color:#4f8b07; padding-top:25px; padding-bottom:10px;}
.lianxi p{line-height:24px;}

.list{padding:20px 20px 20px 0px;}
.list span{float:right;}
.list li{ line-height:28px;display:block;}
.list li a{ text-decoration:none; color:#555555; }
.list li a:hover{ color:#00aeef;}

.weizhi a{text-decoration:none;}

/* page */
.page{clear:both;margin:10px 0;text-align:center;padding:10px 0 10px;}
.page a{text-decoration:none;margin-left:3px;padding:2px 5px;border:1px solid #E5E5E5; background:#fff; color:#555555}
.page a:hover{text-decoration:none;background:#89cf2b;color:#FFF;}

.list h2{font-weight:bold; color:#4f8b07; text-align:center;}
.list h3{font-weight:bold; color:#4f8b07;}
.bei{text-align:center; padding-top:10px;}
.info{padding-top:10px; line-height:24px;}
.name h3{font-size:20px; font-weight:bold; color:#4f8b07; padding-bottom:10px;}
.name{padding:20px 0px 0px 20px; border-bottom:1px #cfcfcf solid}

.so{ padding-top:10px; background:#dcdcdc; height:30px;}
.search{ float:right; padding-right:20px; height:20px;}
.s_button{background:url(../images/search.jpg); border:none; width:85px; color:#fff;}
.s_txt{border:none; padding-left:30px; background:url(../images/so.gif) no-repeat;}