@charset "utf-8";
/* CSS Document */
/*----------------重置样式-----------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{font-family:Helvetica,Arial,sans-serif;margin: 0;padding: 0;font-size:12px;/*字体大小*/line-height:2;/*字体行高*/}
body		 { background:#fff url(../images/page_bg.gif) repeat;line-height: 1; }/*整体背景色*/
a            {text-decoration:none; cursor:pointer; color:#666; outline:none;}
a:hover		 {text-decoration:none; cursor:pointer;}
table        {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0; vertical-align:text-bottom; color:#666;}
ol, ul       {list-style: none;}
input,button,textarea,select {*font-size: 100%; outline:none;}/*对IE重置*/
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
.cf{zoom:1; width:auto; margin:auto;}
.cf:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.ibg,.newbie{ background:#fff;}

/*---------公用样式-------基本----------------------*/
.mb10 { margin-bottom:10px;}
.mr10 { margin-right:10px;}
.mt10 { margin-top:10px;}
.ml10 { margin-left:10px;}
.pa10 { padding:10px;}
.pl10 { padding-left:10px;}
.pt10 { padding-top:10px;}
.pr10 { padding-right:10px;}
.pb10 { padding-bottom:10px;}
.left {float:left;}
.right{float:right;}
.clearThis {clear:both;}
.tcenter{text-align:center;}
.tright{text-align:right;}
.relative { position:relative; height:100%;}
input,textarea,select{ color:#999; vertical-align: baseline;}
.borderbg{ background:url(../images/bg.jpg) no-repeat right center;}
.width{ width:1000px; margin:auto;}

.hd{ background:url(../images/hd_bg.jpg) repeat-x; height:98px; width:100%; position:relative; z-index:10; border-bottom:solid 1px #ccc; box-shadow: 2px 2px 5px #999; margin-bottom:2px;}
.language{ position: absolute; right:0; top:4px; width:185px; height:18px; line-height:18px; text-align:center; background:url(../images/top.jpg) no-repeat; }
.language a{ margin:0 5px;}
.logo{ background: url(../images/logo.jpg); width:370px; height:52px; margin-top:32px; float:left;}

.hd_nav{ position:absolute; z-index:99;}

#nav{height:50px; z-index:1;  position:absolute; top:42px; right:0; }
#nav li{ display:block; float:left; font-size:12px; line-height:3.5; text-align:center; padding:0 2px; width:80px; background:url(../images/nav_line.jpg) no-repeat top right; } 
#nav li.first{ width:2px;}
#nav li#current a,#nav li a:hover,#nav .menu1:hover{ color:#30a5e1; width:80px; border-top:solid 3px #30a5e1; display:block;}
.menu1{ height:auto; cursor:hand; overflow-y:hidden; text-align:center; text-align:center; }
.menu2{ height:42px; overflow-y:hidden; cursor:hand; color:#99cc33; line-height:3.5;  }
.menu1 a{ display:block; background:#fff;}
.list{ line-height:18px; padding:4px 0;font-weight:normal; background:#fff; font-size:12px;}
#nav .menu1 .list a:hover,#nav .menu1 a:hover{ border:none;}

.blue_line{ background:url(../images/blue_line.jpg) repeat-x; width:100%; height:12px; display:block; margin-top:1px;}

#i_about,#i_news,#i_contact{ margin:auto; margin-top:10px;  height:145px; overflow:hidden; padding:15px; line-height:1.8; color:#666;}
#i_about{text-indent:25px;}
#i_news li{ background:url(../images/index_40.jpg) no-repeat left center; padding-left:18px; line-height:2.1;}
#i_contact p{ line-height:2; color:#666; height:24px; overflow:hidden;}

.footer{ clear:both; height:72px; *height:60px; margin-top:10px; border-top:solid 3px #aaa; background:#fff; padding-top:15px; margin-top:50px; }
.footer .width{background:url(../images/tel.jpg) no-repeat right center;}
.footer p{line-height:1.6; color:#333; color:#666; }
.footer p a{ padding:5px; display:inline-block; color:#666;}
.footer p a:hover{ color:#666; text-decoration:underline;}

.content{ background:#e6e6e6; border:solid 1px #ccc; margin-top:12px;}
.l_nav{ width:199px; float:left;}
.r_main{ width:800px; float:right; background:#fff; position:relative; min-height:500px; height:auto;}
.n_banner{ box-shadow: 1px 0px 2px #666;}

.l_nav h2{ padding:4px;}
.l_nav li,.l_nav .box{ background:url(../images/noticedot.gif) no-repeat 8px 12px;}
.l_nav li a,.l_nav .box{ height:36px; line-height:36px; border-bottom:solid 1px #ccc; border-top:solid 1px #efefef; padding-left:25px; display:block;}
.l_nav .box{ height:auto; min-height:36px;}
.l_nav .box a{ line-height:36px;}
.l_nav li#current,.l_nav li a:hover,.l_nav .current{ background:#fff url(../images/noticedot.gif) no-repeat 8px 12px;}
.l_nav .text{ border-top:solid 1px #ccc;}
.l_nav .text p{ padding-left:10px;background:url(../images/noticedot.gif) no-repeat -5px 12px;}

.location{ background:#fff url(../images/location.jpg) no-repeat left bottom; position: absolute; right:0; padding-left:42px; top:70px;  height:30px; line-height:30px;}
.location span{border-bottom:solid 1px #cacaca; background:#fff; height:29px; line-height:29px; display:inline-block; padding-right:10px;}
.r_main h2{ font-size:24px; font-weight:normal; color:#30a5e1; padding-top:5px; line-height:3; padding-left:30px; width:770px; border-bottom:solid 1px #cacaca;}

.about,.news,.message,.products,.feedback,.contact,.workshop,.recruitment{ padding:50px 25px; text-align:justify; height:auto;}
.about p{ padding-bottom:10px; text-indent:25px;}


.news { padding-top:40px;}
.news li{ padding-left:15px; background: url(../images/news_09.jpg) no-repeat 0 50%; font-size:1em; height:32px; line-height:32px; border-bottom: dotted 1px #ccc; color:#999;}
.news li span{ float:right;}
.news h3,.products_sec h3,.recruitment h3{ font-size:18px; font-weight:normal; text-align:center; line-height:3;}

.products li{ display:block; float: left; width:225px; height:200px; margin:10px; border-radius:5px; text-align:center; border:solid 1px #ccc; box-shadow: 2px 2px 2px #ccc;}
.products li img{ width:205px; padding:4px; height:145px; vertical-align:middle; display: table-cell; *display: block; max-width:205px; max-height:145px;text-align:absmiddle; padding-top:10px; margin:auto;}
.products li p{ height:36px; line-height:2.7; text-align:center; padding:0 10px; display:block; overflow:hidden;}
.products_sec{ background:#efefef; width:90%; margin:60px auto; text-align:center;}
.products_sec h3{ border-bottom:solid 1px #ccc; line-height:3.6;}
.products_sec dd{ text-align:center; padding:50px 0; margin:auto; width:100%; display:block;}
.products_sec img{ display: block; max-width:540px; max-height:345px;text-align:absmiddle;text-align:center; margin:auto; }

.workshop h3{ line-height:4; font-size:16px; font-weight:normal; padding-left:15px;}
.workshop ul{ display:block; float:left; width:100%;}
.workshop li{ display:inline-block; float:left; padding:2px; border:solid 1px #ccc; margin:0 5px 0 15px;}
.workshop li img{ width:156px; height:116px;}

.recruitment table{ width:90%; margin:auto; margin-top:20px;}
.recruitment table td,.recruitment table th{ padding:5px; border-right:solid 1px #fff;}
.recruitment .mail{ width:90%; margin:30px auto; }
.recruitment .mail strong{ color:red; font-weight:normal;}

.contact{ background: url(../images/contact_09.jpg) no-repeat right center;}
.contact h3{ font-size:16px; color:#30a5e1; line-height:5;}
.message{ border-top: dotted 1px #ccc; margin-top:30px; padding-top:10px; width:90%; margin:auto;}
.message p{ height:48px; }
.message table{ width:90%; margin:auto; position:relative;}
.message table td,.message table th{ padding:5px; border-right:solid 1px #fff; border-bottom:solid 1px #fff;}
.message table th{ padding-left:20px;}
.message table strong{ color:red; position: absolute; left:10px; }
.message table select{ width:180px; height:21px; line-height:21px; padding-left:5px;}
.message table input{ padding-left:5px;}
.message .btn{ background:#f4f5f7; border-right:solid 2px #dcdddf; border-bottom:solid 1px #c3c4c6; margin:10px; padding:1px 10px;}

.flip{  height:30px; line-height:2; margin-bottom:30px; border-top:solid 1px #ccc; width:96%; margin:auto; margin-top:10px; margin-bottom:30px;}
.flip span{ margin:10px;}
.flip  a{ display:inline-block; margin:0 2px;  padding:0 2px;}
.flip strong{ color:red;}
.flip_sec{ background:#eee; display:block; width:96%; margin:30px auto; height:36px; line-height:2;}
.flip_sec .back{ background:url(../images/news_sec_03.jpg) no-repeat left center; padding-left:20px; margin-right:10px;}
.flip_sec span a{ height:36px; line-height:3; vertical-align:middle; padding:5px; }
.flip_sec img{ vertical-align:middle;}
.products_sec .flip_sec{ border-top:solid 1px #ccc; width:100%;}
.products_sec .flip_sec img{ width:6px; height:12px; display:inline-block;}