@charset "utf-8";


#Wrap {}

.website { width:980px; margin:0 auto; }
.website .header { padding:28px 0 0; }
.website .header h1 { text-align:center; height:62px; }
.website .header h1 img { width:100%; max-width:180px; }

#navi{ position:relative; width:980px; height:42px; display:block; background:#4e4e4e; line-height:42px;}
#navi ul{position:absolute; left:0px; top:0; width:980px; }
#navi ul li { float:left; position:relative; text-align:center; }
#navi ul li.menu { width:20%; }
#navi ul li a{display:block; line-height:42px; padding:0 20px; font-size:13px; font-weight:600; letter-spacing:-0.05em; color:#fff;}
#navi ul li:hover a{color:#999; text-decoration:none;}
#navi ul li:hover .depth{z-index:99; display:block;}
#navi ul li .depth {position:absolute; left:0; top:41px; padding:0px 0 0px; width:194px; border:1px solid #4e4e4e; background:#fff; display:none;}
#navi ul li .depth li{clear:both; width:100%; padding:0;}
#navi ul li .depth li a{display:block; line-height:36px; font-size:13px; color:#333; padding:0 0 0 0px; background:none;}
#navi ul li .depth li a:hover{color:#333; background:#f0f0f0;}

/*MAIN*/
#Main_slide { overflow:hidden; margin-top:10px; }
#Main_slide #prev_main {left:3%;margin-top:-24px;z-index:800;}
#Main_slide #next_main {right:3%;margin-top:-24px;z-index:800;}

#Main_slide .btn_cycleLB {display:inline-block;position:absolute;top:50%;left:0;width:26px;height:48px;margin-top:-24px;background:url(../img/btn_arrow.png) no-repeat 0 0;z-index:101;}
#Main_slide .btn_cycleLB:hover {background-position:0 -50px;}
#Main_slide .btn_cycleRB {display:inline-block;position:absolute;top:50%;right:0;width:26px;height:48px;margin-top:-24px;background:url(../img/btn_arrow.png) no-repeat -50px 0;z-index:101;}
#Main_slide .btn_cycleRB:hover {background-position:-50px -50px;}

#Main_slide .main_banner {width:100%; /* max-width:1000px; */ height:360px;margin:0 auto;}
#Main_slide .main_banner .slide {width:100%;height:360px;}
#Main_slide .main_banner .slide a {display:block;height:100%;}
#Main_slide .main_banner .slide a:hover {text-decoration:none;}

#Main_slide .main_banner .cycle_wrap {position:relative;height:360px;}
#Main_slide .cycle_slideshow {position:relative}
#Main_slide .cycle_slideshow > div.slide {position:absolute;top:0;left:0;width:100%;padding:0}
#Main_slide .cycle-pager {position:absolute;bottom:10px;width:100%;text-align:center;z-index:800;}
#Main_slide .cycle-pager a {display:inline-block;width:12px;height:12px;margin:0 4px;background:url(../img/s_dot.png) no-repeat;background-position:0 -40px;}
#Main_slide .cycle-pager a.cycle-pager-active {background-position:0 -20px;}

#Main_slide .main_banner .cycle-pager a {position:relative;}
#Main_slide .main_banner .cycle-pager a .balloon {display:none;position:absolute;bottom:17px;left:-195px;width:400px;text-align:center;}
#Main_slide .main_banner .cycle-pager a.cycle-pager-active .balloon {display:block;}

.blind {display:none;overflow:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999em;visibility:hidden;outline:none;z-index:-1}

.banner { overflow:hidden; margin-top:10px; }
.banner .bn_left { float:left; overflow:hidden; width:540px; }
.banner .bn_left .a1 { display:block; width:260px; height:150px; float:left; margin:0 10px 10px 0; }
.banner .bn_left .a2 { display:block; width:260px; height:310px; float:left; margin:0 10px 10px 0; }
.banner .bn_right { float:right; }

.footer { margin-top:20px; }
.foot { border-top:1px solid #999; border-bottom:1px solid #ccc; height:46px; line-height:46px; }
.foot ul { overflow:hidden; float:left; }
.foot ul li { float:left; padding:0 10px;}
.foot ul li.line { background:url(../img/line_g.gif) 0 20px no-repeat; }
.foot .cscenter { float:right; height:46px; line-height:46px; vertical-align:middle; background:url(../img/cs.gif) 0 17px no-repeat; padding-left:61px; }
.foot .cscenter strong { font-size:20px; padding:0 10px 0 3px; }
.foot .cscenter span { font-size:13px; font-weight:bold; }
.foot .cscenter small { font-size:11px; }
.footer .copyright { padding-left:185px; padding-top:18px; background:url(../img/logo.gif) 0px 18px no-repeat; height:100px; font-size:12px; }
.footer .copyright span { background:url(../img/line_g.gif) center 50% no-repeat; padding:0 10px; }

.prd_index_list { overflow:hidden; padding:25px 0 20px; }
.prd_index_list ul {}
.prd_index_list ul li { float:left; padding:0 21px; }
.prd_index_list ul li a { display:block; text-align:center; }
.prd_index_list ul li a:hover { color:#6ab326; }

/* sub */
#aside .category_tit { padding:30px 0 15px 20px; letter-spacing:-0.05em; 	background:#fff; border-bottom:1px solid #ddd;}
#aside .category_tit span { color:#6ab326; font-size:13px; }
#aside p { font-size:24px; color:#444;  height:40px; line-height:40px; }
#aside ul { }
#aside li { border-bottom:1px solid #ddd; background:#fff; }
#aside li a { display:block; line-height:1.2!important; color:#666; padding:13px 0 13px 20px; font-size:13px; }
#aside li a:hover { background:url(../img/comm/arrow.png) no-repeat 90% 17px #f8f8f8; }
#aside li.on a  { font-weight:bold; color:#0084dd; background:url(../img/comm/arrow.png) no-repeat 90% 17px #fff; }


.tbA { border-top:1px solid #666; width:100%; text-align:left; }
.tbA th { border-bottom:1px solid #dde0e1; background:#f5f5f5; padding:8px 20px 8px 20px; }
.tbA td { border-bottom:1px solid #dde0e1; padding:10px 20px; }

.tbB { border-top:2px solid #666; width:100%; text-align:left; }
.tbB th { border-bottom:1px solid #dde0e1; background:#f5f5f5; padding:8px 0 8px 20px; }
.tbB td { border-bottom:1px solid #dde0e1; padding:0px 0 0 20px; }

.con_tit { background:url(../img/icon_t.png) left top no-repeat; line-height:100%; color:#444; font-size:17px; font-weight:500; padding:8px 0 10px; letter-spacing:-0.05em; }

#prd_list {}
#prd_list ul { overflow:hidden; }
#prd_list li { float:left; margin:0px 10px 20px 0; }
#prd_list li a { display:block;  width:174px; height:200px; text-align:center; font-size:13px; }
#prd_list li a:hover { color:#6ab326; }
#prd_list li p { padding-top:7px; }

.prd_view { margin-bottom:150px; }
.prd_box { position:relative; height:320px; overflow:hidden; padding:10px 0; }
.prd_img { position:absolute; left:0;  width:340px; text-align:center; }
.prd_info { position:absolute; right:0; width:400px; }
.prd_info .prd_title { font-size:22px; line-height:50px; color:#333; font-weight:bold; line-height:50px; border-bottom:1px solid #ddd; 
						letter-spacing:-0.03em; }
.prd_info .prd_caption { padding:15px 0; border-bottom:1px solid #ddd; font-size:13px; }
.view_tb th { text-align:left; width:60px; line-height:24px; }
.view_tb td { line-height:24px; }
.prd_li { overflow:hidden; }
.prd_li li { background:url(../img/li.gif) left 13px no-repeat; padding-left:10px; font-size:13px; line-height:26px; }
.prd_detail { border-top:1px solid #ddd; min-height:100px; padding-bottom:30px; }
 
.detail_caption { font-size:15px; padding:15px 0 25px; line-height:26px; }

.floatbox { overflow:hidden; }
.floatbox .fbox { float:left; }

.company_txt { font-size:14px; line-height:26px; }

.btn_view_list { text-align:center; margin-top:80px; padding-top:20px; border-top:1px solid #ddd; }