﻿/*
Design by http://www.bluewebtemplates.com
Released for free under a Creative Commons Attribution 3.0 License
*/
@charset "utf-8";
@font-face {
   font-family: 'Ubuntu';
   src: url('/fonts/Ubuntu-R.eot');
   src: url('/fonts/Ubuntu-R.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Ubuntu-R.woff') format('woff'),
    url('/fonts/Ubuntu-R.ttf') format('truetype'),
    url('/fonts/Ubuntu-R.svg#Ubuntu') format('svg');
   font-weight: normal;
   font-style: normal;
}

body { margin:0; padding:0; width:100%; color:#5f5f5f; font-family: 'Ubuntu', sans-serif;}
html, .main { padding:0; margin:0; background-color:#fff;}
ol,ul {list-style: none;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:64px 40px; color:#000; font-family: 'Ubuntu', sans-serif;}
h1 a, h1 a:hover { color:#000; text-decoration:none;}
h2 {margin:8px 0; padding:0 0 8px 0; font-family: 'Ubuntu', sans-serif; color: #505050;font-weight:900;font-size:20px; line-height:22px;}
p { margin:8px 0; padding:0 0 8px 0; font-family: 'Ubuntu', sans-serif;}
p.thicker { margin:8px 0; padding:0 0 8px 0; font-family: 'Ubuntu', sans-serif; color: #505050;font-weight:900;font-size:20px; line-height:22px;}
p.Ubuntu { font-family: 'Ubuntu'}
p.thicker.Ubuntu { font-family: 'Ubuntu'}
h2.Ubuntu { font-family: 'Ubuntu'}
a { color:#70a32c; text-decoration:underline;}
a.products_search { color:#fff; text-decoration:underline;font-size:13px;}


.header, .hbg, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
.content_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 0px; width:890px;}
.fbg, .footer { padding:16px 0;}

/* header */
.header { background:url(images/header_bg.jpg) repeat-x top;}
.header_resize { margin:0 auto; padding:0; width:970px; height:200px;}
.header .logo { width:317px; height:180px; float:left; background:url(images/logo.png) no-repeat left top;position:absolute;z-index:1001;}
.banner{width:100%;height:300px;background:url(../images/) repeat-x;}
.mBan2 { width:980px;overflow:hidden;margin:0 auto;padding-top:10px;}
.mBan2 .slideBox{ width:980px;height:278px;overflow:hidden;margin-bottom:12px;}
.slideBox{position:relative;}
.mBan2 .slideBox .hd{ height: 16px; overflow: hidden; position: absolute; bottom:6px; z-index: 1; width:140px;   margin-left: -70px; left: 50%; padding:px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{  }
.mBan2 .slideBox .hd ul li{   float: left; width:30px; height:7px; background:#000; opacity:0.5; cursor: pointer; margin-right:5px; }
.mBan2 .slideBox .hd ul li.on{ background:#008cd6;opacity:1;}
.mBan2 .slideBox .bd{ position:relative; height:100%;  }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important;}
.mBan2 .slideBox .bd img{ width:100%; height:auto; display:block;  }.product_c{ padding:50px 0;  }

/* menu */
.menu_nav { position:absolute;z-index: 1000;height:52px; float:right; width:auto; padding: 90px 0 0 325px;}
.menu_nav ul { width:auto; list-style:none;}
.menu_nav ul li { margin:0 1px; float:left;position:relative;}
.menu_nav ul li ul { border:0px solid #ccc;display:none;position:absolute;}
.menu_nav ul li ul li { float:none; height:40px;background:#eee; margin:0;}
.menu_nav ul li ul li a {  font-size:14px;width:185px; background:#A4D558;}
.menu_nav ul li ul li a:hover { background:#A4D558; color:#323a3;}
.menu_nav ul li ul { display:none;}
.menu_nav ul li:hover ul { display:block;}
.menu_nav ul li a { display:block; margin:0; padding:23px 9px 23px 0; color:#000; text-decoration:none; text-transform:Capitalize;}
.menu_nav ul li ul li a {display:block; margin:0; padding:23px 2px 23px 0; color:#000; text-decoration:none; text-transform:Capitalize;}
.menu_nav ul li a span { padding:23px;}
.menu_nav ul li ul li a span { margin:0 auto; padding:23px;}
.menu_nav ul li a:hover, .menu_nav ul li.active a { background:url(images/menu_a.png) no-repeat right top; color:#6094B4;}
.menu_nav ul li a:hover span, .menu_nav ul li.active a span { background-color:none;}

/* banner */
div.frontpage-banner-wrapper {display:none}
frontpic{ position: absolute;left:30px;border:1px; solid #000;width: 971px; height:339px;}
.frontpic img{ width: 971px; height:339px;}
.dl-button{max-width:227px;max-height:44px;border-radius:5px;font-family:'Ubuntu', sans-serif;color:#FFFFFF; font-size:20px; background:#58b530;padding:8px 25px 8px 25px;text-decoration:none;box-shadow:7px 7px 7px 0px rgba(0, 0, 0, 0.46);}
/* content */
.content { padding-bottom:0;padding-top:5px;}
.content_resize { padding:16px 0 0 0; width:970px;}
.content img { border:1px solid #bbb;}
.content img.ilf { margin-right:16px; float:left;}
.content .mainbar { padding-right:0; background:url(images/mainbar_bg.png) no-repeat right top;}
.content .mainbar .submb { padding:24px 23px 24px 40px; background-color:#e8ebd8;}
.content .mainbar .submb_tab { height:auto;padding:0 0 0 0; background-color:#e8ebd8;}
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
.line_01{height:1px;font-size:0;line-height:0;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none;}
ul.sb_menu li, ul.ex_menu li { margin:0;}
ul.sb_menu li { padding:4px 0;}
ul.ex_menu li { padding:4px 0 8px;}
ul.sb_menu li a, ul.ex_menu li a { text-decoration:none;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { font-weight:bold;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}

/*Tab Option */
.tab1{width:970px;height:auto; float:left;border-top:#cccccc solid 0px;border-bottom:#cccccc solid 0px;}
.menu{width:970px; height:40px; line-height:40px; float:left; background:#e8ebd8;}
.Menu ul{margin:0px; padding:0px;}
.menu li{float:left; display:block; width:140px;text-align:center;line-height:39px;height:39px;cursor:pointer;border-left:#cccccc solid 0px;color:#000;overflow:hidden;background:#A4D558;font-family:'Ubuntu', sans-serif;}
.menu li.off{background:#e8ebd8;color:#6094B4;;font-weight:bold;}
.menudiv{height:auto;border-left:#cccccc solid 0px;border-right:#cccccc solid 0px;border-top:0;background:#e8ebd8;font-family:'Ubuntu', sans-serif;}
.menudiv div{padding:16px;line-height:28px;}

{width:901px;  border:1px solid #e6e6e6; border-top:0px; display:inline;}
.Menubox {width:901px; height:40px; line-height:40px; float:left; background:#e3e3e3;}
.Menubox ul{margin:0px; padding:0px;}
.Menubox li{float:left; display:block; cursor:pointer; width:94px; height:39px; line-height:39px; text-align:center;color:#fff;  background:#A4D558; margin-left:1px;  font-family:"微软雅黑"; font-size:14px;}
.Menubox li.hover{padding:0px; background:#fff; width:94px; background:#ff9d39;color:#fff; height:39px; line-height:39px; margin-left:1px; font-family:"微软雅黑"; font-size:14px;}
.Contentbox{ height:236px; width:900px; float:left;}
.Contentbox1{ height:236px; height:auto !important; min-height:100px; height:100px; float:left;}


/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background-color:#99c751; color:#fff;}
.fbg a, .fbg h2 { color:#fff;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:286px;}
.fbg .c2 { padding:0 16px; width:286px;}
.fbg .c3 { padding:0 0 0 16px; width:250px;}
.fbg .c1 img { margin:8px 16px 4px 0; padding:0; float:left;}
.fbg ul li a { color:#fff;}

/* footer */
.footer { background-color:#f8f8f8;}
.footer p.lf { margin:0; padding:4px 0; float:left; width:auto; line-height:1.5em;}
ul.fmenu { margin:0; padding:2px 0; list-style:none; float:right; width:auto;}
ul.fmenu li { margin:0; padding:0 4px; float:left;}
ul.fmenu li a { text-decoration:none; padding:2px 6px; color:#5f5f5f;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#73a62d; background:none;}
ul.fmenu li a:hover { text-decoration:underline;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .submit { margin:16px 0 0 0;}
