
/* ===  ****  模版页面   CSS定义 *****  =====   */
html { _overflow-y:scroll; }
* { padding:0px; margin:0px; line-height:1.8em; font-family:"Microsoft YaHei", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif; }
body { font-size: 12px; color: #000; background: #77a9dc url(../image/body_bj.gif) repeat-x;}
a { text-decoration: none; color:#000; }
a:hover { color: #1F1F1F; } /* 鼠标在链接上 */
h1, h2, h3, h4, h5, h6 { font-size:12px; }
img { border: 0px; }
.clear { clear:both;  }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*页面结构*/
#wrapper { width:950px; margin:0 auto; }
#header { height:375px; }
#main { }
#left { width:180px; float: left; overflow: hidden; }
#right { width:730px; background: #348dd0; float: right; overflow: hidden; padding-top: 15px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; }
#footer { padding:10px; overflow: hidden; }
.brief { padding:5px 10px; margin:10px 0; font-size:14px; text-align: center; background:#1d84d2 url(../image/cion06.gif) no-repeat 100px 3px;}
/*左边红色圆角色块*/
.leftbox { margin:0 0 10px; background: #D5B761 url(../image/leftboxbg_b.gif) no-repeat left bottom; }
.leftbox_bg { background:url(../image/leftboxbg_t.gif) no-repeat left top; padding:10px 0 15px; }
.leftbox h1 { padding:0 0 0 15px; font-size:14px; }
.prolist ul { list-style-type:none; }
.prolist li { }
.prolist li a { background:url(../image/cion01.gif) no-repeat 20px 5px; line-height:22px; padding-left:30px; color:#000; }
/*标题样式*/
.title { background:#D5B761; line-height:30px; font-size:14px; padding-left: 20px; height:30px;}
.title span { padding:0 0 0 8px; font-size:12px; }
.title a { line-height: 30px; }

/***头部***/
.topnav { text-align:right; overflow:hidden; padding-top: 10px; }
.topnav a { padding:0 10px 0 0; line-height:38px; }
.logo { padding:20px 0; float:left; }
.menu { height:30px; background:#D5B761; }
.menu ul { list-style-type:none; }
.menu ul li { float:left; border-right: solid 1px #dcc377; }
.menu ul li a { color:#000; display:block; height:30px; line-height:30px; padding:0 27px; float:left;}
.menu ul li a:hover, .menu ul .current a { color:#6c0212; background:#e6c39d; }
.menu ul .current a:visited { color:#6c0212; }
.banner { }
/**首页新闻**/
.inews { width:225px; float:right; height: 186px; }
.inews h1, .icompany h1 { border-bottom:1px solid #b1605d; font-size:14px; line-height:30px; margin-bottom:5px; padding: 0 10px;  }
.inews h1 span,.icompany h1 span { float:right; margin-top: 10px; }

.inews ul { list-style-type:none; }
.inews li { border-bottom:1px solid #2E3E6E; padding:0; line-height:30px; }
.inews li a { line-height:30px; padding-left:15px; display:block; background: url(../image/cion03.gif) no-repeat 5px center; }
/**首页简介**/
.icontact { padding:0 10px 0 15px; line-height:20px; }
.icompany { width:475px; float:left; margin-left: 15px; }
.icompany .pic{ float:left; margin:5px 10px 0 0;}
 
/*首页产品应用*/
.iproduct { padding:10px!important; >padding:22px 0 10px 11px!important;
padding:22px 0 10px 0; }
.list { float:left; width:100px; text-align:center; padding-bottom:5px; margin: 8px; }
.list h1 { width:100px; height:100px; border:1px solid #39F; margin:0 auto; padding:1px; background-color: #CCC; }
.list h1 a { display: table-cell; vertical-align:middle; text-align:center;
width:100px; height:100px; }
.list p { padding:3px 0 0 0;}
.list p a {line-height:18px; }
.list img{width:100px;height:100px;}
/*首页产品滚动*/
#CSSBox{ width:720px; height:170px; overflow:hidden; padding-left: 5px; }
#CSSBox ul li{ float:left; list-style:none; margin:10px 0; width:180px; text-align: center; }
#CSSBox ul li span{ display:block; text-align:center; font-size:12px;}
#CSSBox ul li img{wdith:150px; height:130px;}

/*底部计数器，导航，版权信息*/
#footer{height:30px;}
.footnav { float:left; }
.copyright { float:right; }
.main_right { padding:0px 0 15px 0; }

.place { float:right; font-weight:normal; font-size:12px; margin:0 20px 0 0; display: inline; }


/**翻页**/
.tools { text-align:right; padding:10px; }
.tools a, .tools span { padding:0 4px; }
.tools a:hover { }
.tools SELECT { display:none; }
/**新闻列表**/
.newslist {padding:20px; 0; }
.newslist ul { list-style-type:none; }
.newslist li { border-bottom:1px solid #0376cc; background:url(../image/cion03.gif) no-repeat 12px 13px; padding:6px 8px 6px 31px; line-height:16px; }
.newslist li span { float:right; }
.newslist li a { line-height:16px; }

/**产品列表**/
.pro_list{padding:20px;}
.product_list{height:180px; border-bottom:solid 1px #2d7db8; border-top: solid 1px #399ae3;padding:15px 0;}
.product_list .pic{ float:left; width:150px; margin-top:10px; background-image: url(../image/pic_bj.gif); background-repeat: no-repeat; height: 150px; padding: 10px; }
.product_list .con{ float:right;width:510px;}

.contact{padding:20px;}
.contact h6{ text-align:center; line-height:30px; margin-bottom:20px; broder-bottom:; font-weight: normal; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #011060; }
.leftbox_bg span{float: right;font-size: 12px;font-weight: normal;margin-right: 10px;}
/**生产工艺**/
#craft{ background-image: url(../image/yg_bj.gif); background-repeat: repeat-y; background-position: center top; overflow: hidden; }
#craft ul,#craft li{ list-style:none;} 
#craft li{ width:345px; float:left; height:250px; text-align: center; }
#craft h3{ font-size:18px; font-weight:normal; }
#craft li img{ width:276px; height:176px; background:url(../image/pic_bj2.gif) no-repeat; padding: 12px; }
