﻿#main{ width:1002px; height:429px; padding:0; margin:0 auto; position:relative;}

#top{ position:relative; width:1002px;margin:0 auto; z-index:30; color:#535756;}
#top .logo{position:absolute; top:10px; left:40px;height:30px; z-index:30;}

#top .other{ position:absolute; top:15px; right:40px; height:30px; z-index:30; background:url(../images/bg/top-bg.png) no-repeat; width:557px; height:30px; padding:5px 0 0 30px;}
#top .other .view{ background:url(../images/bg/visitors.png) no-repeat;position:absolute; top:8px; left:220px; width:13px; height:14px;}
#top .other .lang{ background:url(../images/bg/map.png) no-repeat;position:absolute; top:12px; right:180px; width:22px; height:11px; }


#top .search{ position:absolute; top:55px; right:40px; z-index:30; background:url(../images/bg/search_bg.png) no-repeat; width:214px; height:32px; padding:5px 0 0 20px;}
.search_form{width:232px;}
.search_form .txt{ background:url(../images/bg/search-txt-bg.jpg) no-repeat; width:132px; height:22px;line-height:22px; padding-left:25px; border:0; float:left; color:#999; }
.search_form .btn{ float:left;}


.link_indexlist{}
#slide-index{width:auto; height:450px; overflow:hidden; position:relative;}
#slide-index .slides{width:auto; height:450px; }
#slide-index .slide{height:450px; float:left; position:relative; }
#slide-index .image{ z-index:1;position:absolute; }
#slide-index .text, #slide-index .button { z-index:2;position:absolute; top:-500px; }
#slide-index .button{ display:none; width:138px;}

#slide-index .control{ position:absolute; bottom:25px; width:100%; text-align:center; height:19px; cursor:pointer; z-index:40;}
#slide-index .control a{ width:11px; height:11px; cursor:pointer; display:inline-block; background-repeat:no-repeat; background-image:url(../images/ico/banner_ico01.gif); margin-right:6px; opacity:0.6; filter:alpha(opacity=60);}
#slide-index .control a:hover, #slide-index .control a.active{ background-image:url(../images/ico/banner_ico02.gif); opacity:1; filter:alpha(opacity=100);}
.autoMaxWidth{ overflow:hidden; position:relative;height:232px; }
*html #slide-index .button img{width:100%; height:100%;}

#main .title{ font-size:13px; font-weight:bold; color:#3F3F3F; background:url(../images/ico/ico02.jpg) no-repeat 1px 8px; padding:5px 0 0 15px;width:170px; height:27px;}
.pl{ margin-left:5px;}
#main .title span{ padding-left:5px;font-weight:normal; font-size:11px; color:#989898;font-family:Arial;}

#main #main01{ position:absolute; top:18px; left:5px; padding:5px; width:213px; height:236px; background:url(../images/bg/main01.jpg) no-repeat; overflow:hidden;}
#main #main01 li{ float:left; padding:5px 0 0 5px;}
#main #main01 .pro01 a{ background:url(../images/bg/pro01.jpg) no-repeat top; display:block; width:93px; height:23px; color:#4C4C4C; padding:33px 0 0 0; text-align:center;}
#main #main01 .pro01 a:hover{ background:url(../images/bg/pro01.jpg) no-repeat bottom; display:block; width:93px; height:23px; color:#fff; padding:33px 0 0 0; text-align:center;text-decoration:none;}
#main #main01 .pro02 a{ background:url(../images/bg/pro02.jpg) no-repeat top; display:block; width:93px; height:23px; color:#4C4C4C; padding:33px 0 0 0; text-align:center;}
#main #main01 .pro02 a:hover{ background:url(../images/bg/pro02.jpg) no-repeat bottom; display:block; width:93px; height:23px; color:#fff; padding:33px 0 0 0; text-align:center;text-decoration:none;}
#main #main01 .pro03 a{ background:url(../images/bg/pro03.jpg) no-repeat top; display:block; width:93px; height:23px; color:#4C4C4C; padding:33px 0 0 0; text-align:center;}
#main #main01 .pro03 a:hover{ background:url(../images/bg/pro03.jpg) no-repeat bottom; display:block; width:93px; height:23px; color:#fff; padding:33px 0 0 0; text-align:center;text-decoration:none;}
#main #main01 .pro04 a{ background:url(../images/bg/pro04.jpg) no-repeat top; display:block; width:93px; height:23px; color:#4C4C4C; padding:33px 0 0 0; text-align:center;}
#main #main01 .pro04 a:hover{ background:url(../images/bg/pro04.jpg) no-repeat bottom; display:block; width:93px; height:23px; color:#fff; padding:33px 0 0 0; text-align:center;text-decoration:none;}
#main #main01 .pro05 a{ background:url(../images/bg/pro05.jpg) no-repeat top; display:block; width:93px; height:23px; color:#4C4C4C; padding:33px 0 0 0; text-align:center;}
#main #main01 .pro05 a:hover{ background:url(../images/bg/pro05.jpg) no-repeat bottom; display:block; width:93px; height:23px; color:#fff; padding:33px 0 0 0; text-align:center;text-decoration:none;}
#main #main01 .pro06 a{ background:url(../images/bg/pro06.jpg) no-repeat top; display:block; width:93px; height:23px; color:#4C4C4C; padding:33px 0 0 0; text-align:center;}
#main #main01 .pro06 a:hover{ background:url(../images/bg/pro06.jpg) no-repeat bottom; display:block; width:93px; height:23px; color:#fff; padding:33px 0 0 0; text-align:center;text-decoration:none;}

#main #main02{ position:absolute; top:18px; left:229px; padding:5px; width:526px; height:236px; overflow:hidden;}

#main #main03{ position:absolute; top:16px; left:772px; width:230px; height:236px;background:url(../images/bg/main03.jpg) no-repeat; overflow:hidden;}
#main #main03 .main03_2{ margin:12px 0 0 4px;}
#main #main03 .main03_2 ul{ padding:0px 0 0 55px;}
#main #main03 .main03_2 a{ color:#4C4C4C;}


#main #main04{ position:absolute; top:265px; left:0px; width:1002px; height:149px;overflow:hidden;}
#main #main04 li{ float:left; margin-right:20px;}
#main #main04 li span{ width:70px; display:block; text-align:center; background:url(../images/ico/ico03.jpg) no-repeat 0px 9px;margin:0 auto;}
#main #main04 li a{ display:block; width:235px; height:114px; padding-top:10px; background:url(../images/bg/main_hover.jpg) no-repeat top;text-align:center; text-decoration:none;}
#main #main04 li a:hover{ display:block; width:235px; height:114px; padding-top:10px; background:url(../images/bg/main_hover.jpg) no-repeat bottom;}
.nomargin{ margin-right:0px!important;}
.stockinput {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    display: inline;
    font-family: "宋体";
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    width: 40px;
}
.stockinput2 {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    display: inline;
    font-family: "宋体";
    font-size: 12px;
    text-align: right;
    text-decoration: none;
    width: 40px;
}

/*================= 聚合页（首页）模板样式，随需要修改 =================*/
.article_list ul li { background: url("../Images/dotline_01.jpg") repeat-x scroll 0 bottom transparent; }
.article_list ul li a{ background: url("../Images/listdot_01.jpg") no-repeat scroll 3px 5px transparent; padding-left:10px;line-height:2.5em;}
.article_list ul li span{ float:right;line-height:2.5em;}

.article_piclist ul li {float: left;padding: 5px 0; border-bottom:1px solid #999; width: 100%;}
.article_piclist ul li img { background-color: #FFFFFF; border: 1px solid #999; float: left;margin-right:5px;padding:1px;}
.article_piclist ul li a{ line-height:2.5em;}
.article_piclist ul li h2{ font-size:12px;}

.article_img1list{ width:500px;}
.article_img1list ul{ margin-top:8px;}
.article_img1list .img1{ height:85px;}
.article_img1list .img1 h2 a{ color:#FF6800; font-size:12px;}
.article_img1list .img1 a img{ width:118px; height:75px; float:left; padding:2px; border:1px solid #999; background-color:#fff; margin-right:20px;}
.article_img1list ul li {}
.article_img1list ul li a{ background: url("../Images/ico/ico01.jpg") no-repeat scroll 3px 5px transparent; padding-left:12px;line-height:25px;}
.article_img1list ul li span{ float:right;line-height:25px; color:#999;}

.article_dig1list{}
.article_dig1list .dig1{ height:110px; padding-top:10px;}
.article_dig1list .dig1 a img{ width:100px; height:100px; float:left; padding:2px; border:1px solid #999; background-color:#fff; margin-right:5px;}
.article_dig1list ul li { background: url("../Images/dotline_01.jpg") repeat-x scroll 0 bottom transparent;}
.article_dig1list ul li a{ background: url("../Images/listdot_01.jpg") no-repeat scroll 3px 5px transparent; padding-left:10px;line-height:2.5em;}
.article_dig1list ul li span{ float:right;line-height:2.5em;}


.product_list{ padding:8px;}
.product_list ul li{ text-align:center; float:left; padding:0 10px;}
.product_list ul li img{padding:2px; border:1px solid #999; background-color:#fff;}

.product_slide{ position:relative; padding-top:10px;}
.product_slide .wrapper{ overflow:hidden; width:970px; margin:0 auto;}
.product_slide ul li{ text-align:center; float:left; width:195px;}
.product_slide ul li img{padding:2px; border:1px solid #999; background-color:#fff;}
.product_slide .arrow{display: block;height: 37px;width: 22px;background: url(../Images/arrow.jpg) no-repeat 0 0px;text-indent: -100em;position: absolute;top: 70px;cursor: pointer;}
.product_slide .forward{background-position: 0px -3px;right: -7px;}
.product_slide .back{background-position: 0 -3px;left: -5px;}

.m_01{ width:526px;height:250px; position:relative;}
.m_01 dl dt{height:37px;background:url(../Images/bg/tit_menubg.jpg) no-repeat top; padding:4px 0 0 5px}
.m_01 dl dt a{
    float:left;
    display:block;
    cursor:pointer;
	color:#4B4B4B;
	width:96px;
	line-height:30px;
	height:37px;
	background:url(../Images/bg/tit_hover.jpg) no-repeat top;
	text-align:center;
    text-decoration:none;
}
.m_01 dl dt a.on{
	color:#fff;
	display:block;
    font-weight:bold;
	width:96px;
	line-height:30px;
	height:37px;
	background:url(../Images/bg/tit_hover.jpg) no-repeat bottom;
	text-align:center;
    text-decoration:none;
    }
.m_01 dl dd{padding:10px 0 0 10px; height:188px; overflow:hidden;}
.m_01 dl dd .more{display:block;width:50px; height:17px; position:absolute; top:10px;right:0px; color:#FF6601;}
