@charset "utf-8";
/* reset & gm */
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{margin:0;padding:0;}
body{ font-size:12px; color:#000; line-height:1.2em; background:#fff; height:100%; font-family:Arial, Helvetica, sans-serif!important; background:#6E6E6E url(../img/bg.gif) repeat-x}
body h1{}
body a,.body a:link{}
body a:hover{}
body a:visited{}
ul li,ol li,dl li{list-style:none}
fieldset,img,abbr,acronym{ border:none}
/* end reset */
.fl{ float:left}
.fr{ float:right}
.fn{ float:none}
.clear,.box,.wrap,.menu,.infoot{ clear:both; overflow:hidden; zoom:1}
.clearleft{ clear:left}
.clearright{ clear:right}
.over{ overflow:hidden;}
.bai1{ zoom:1}
.ie6haslayout{ zoom:1}
.pos_abs{ position:absolute}
.pos_rel{ position:relative}
.pos_sta{ position:static}
.box_none{ display:none}
.box_block{ display:block}
.pt5{ padding-top:5px}
.pt10{ padding-top:10px}
.pt15{ padding-top:15px}
.pt20{ padding-top:20px}
.pt30{ padding-top:30px}
.pl5{ padding-left:5px}
.pl10{ padding-left:10px}
.pl12{ padding-left:12px}
.pl15{ padding-left:15px}
.pl20{ padding-left:20px}
.pr5{ padding-right:5px}
.pr10{ padding-right:10px}
.pr15{ padding-right:15px}
.pr20{ padding-right:20px}
.pb5{ padding-bottom:5px}
.pb10{ padding-bottom:10px}
.pb1{ padding-bottom:1px}
.pb15{ padding-bottom:15px}
.pb20{ padding-bottom:20px}
.mt5{ margin-top:5px}
.mt10{ margin-top:10px}
.mt-10{ margin-top:-10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.ml5{ margin-left:5px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}
.ml25{ margin-left:25px}
.mr5{ margin-right:5px}
.mr10{ margin-right:10px}
.mr15{ margin-right:15px}
.mr20{ margin-right:20px}
.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.bgnone{ background:none!important}
.more{ text-align:right!important; padding-right:40px}

.green{ color:#006600!important}
.blue{ color:#0000ff!important}
.gray{ color:#666!important}
.red{ color:#ff0000!important}

/* all */
.box,.wrap,.menu,.infoot,.submenu,.pro,.fenwrap{ width:920px; margin:0px auto}
.wrap{ background:#fff;}
.search{ float:right; padding-top:32px}
.search .contact{text-align:right; padding-bottom:15px;}
.search .contact a{ color:#333333; text-decoration:none;}
.search .contact a:hover{text-decoration:underline;}
.search input{ width:332px; height:13px; padding:7px; font-size:12px; border:none; background:url(../img/searchbg.gif) left top no-repeat; color:#555; vertical-align:8px; *vertical-align:2px; font-family:Arial, Helvetica, sans-serif}

.menu{}
.menu ul{}
.menu ul li{ float:left;width:100px; height:43px; line-height:43px}
.menu ul li a{ line-height:43px; color:#5A5A5A; text-decoration:none; display:block; text-align:center; font-size:14px; font-weight:600; width:115px; height:43px; zoom:1}
.menu ul li a:hover,.menu ul li.on a{ background:url(../img/menuhoverbg.gif) no-repeat; color:#fff}
.submenu{height:29px;}
.submenu a{ font-weight:600; line-height:28px; height:28px; display:block; float:left; text-decoration:none; padding-left:3em; color:#303030;}
.submenu a:hover{ color:#ff0000}
#sub1,#sub2,#sub3,#sub4,#sub5,#sub6,#sub7{ display:none; clear:both; overflow:hidden; zoom:1}
#sub1{ padding-left:70px}
#sub2{}
#sub3{}
#sub4{}
#sub5{}
#sub6{}
#sub7{}

.news{ width:338px; float:left; padding-left:20px; padding-top:12px; padding-bottom:12px}
.news ul{ padding-top:2px; padding-right:0}
.news ul li{ border-bottom:1px dotted #ccc; padding-left:15px; background:url(../img/bgx.gif) -354px -226px no-repeat}
.news ul li a{ font-size:12px; color:#565656; line-height:24px; text-decoration:none}
.news ul li a:hover{ color:#000}
.news ul li span{ float:right; color:#7B7B7B; font-size:10px; line-height:24px;}
.news ul li.more{ text-align:right; border-bottom:none; padding:0; background:none}
.news ul li.more a{ color:#000; font-size:11px; line-height:28px}
.news ul li.more a:hover{ color:#ff0000}

.video{ width:178px; padding-right:20px; float:right; padding-top:20px}
.video ul{ padding-top:2px; padding-right:0}
.video ul li{ border-bottom:1px dotted #ccc;}
.video ul li a{ font-size:11px; color:#565656; line-height:21px; text-decoration:none; display:block;padding-left:18px; background:url(../img/bgx.gif) -354px -226px no-repeat}
.video ul li a:hover{ color:#000;}
.video ul li span{ float:right; color:#7B7B7B; font-size:10px; line-height:21px;}
.video ul li.more{ text-align:right; border-bottom:none; padding:0; background:none}
.video ul li.more a{ color:#000; font-size:11px; background:none}
.video ul li.more a:hover{ color:#ff0000}

.Vpic{ width:530px; height:265px; overflow:hidden; float:left; position:relative; background:url(../img/bgx1.gif) no-repeat; margin-top:10px; margin-left:18px; padding:4px; padding-right:10px;}
.Vpic ul.factoryImg{ margin:0px; padding:0px; width:124px;margin-right:5px;}
.Vpic ul.factoryImg li{}
.Vpic ul.factoryImg li a{padding:1px; border:solid 1px #ccc; display:block; height:80px;}
.Vpic ul.factoryImg li a:hover{border:solid 1px #666;}
.Vpic ul.factoryImg li img{}
.Vpic .factoryText{ width:264px; text-align:center;margin-right:5px;}
.Vpic .factoryText a{padding:1px; border:solid 1px #ccc; display:block; height:150px;}
.Vpic .factoryText a:hover{border:solid 1px #666;}
.Vpic .factoryText ul{}
.Vpic .factoryText ul li{ text-align:left; font-family:"宋体";}
.Vpic .factoryText ul li a{ font-size:8px; color:#565656; line-height:9px; text-decoration:none; display:block;padding:0px; border:none; display:inline; height:9px;  font-family:Verdana, Geneva, sans-serif;}
.Vpic .factoryText ul li a:hover{border:none; text-decoration:underline;}
/*.Vpic .subright{ position:absolute; right:10px; width:40px; right:12px; top:12px}
.Vpic .subright img{ border:1px solid #ccc; padding:1px; background:#fff; margin-bottom:8px}
.Vpic .Vimg{overflow:hidden; padding:12px 0 0 12px!important}
#v1{ display:block}
#v2,#v3,#v4{ display:none}
.Vpic .Vimg img{border:1px solid #ccc; padding:1px; background:#fff;}
#Vico{ width:6px; height:11px; position:absolute; right:52px; _right:54px; }
.Vpic .ico1{ top:26px}
.Vpic .ico2{top:78px}
.Vpic .ico3{top:128px}
.Vpic .ico4{top:178px}*/
/*.viewmorepro{ text-align:center; font-weight:600; padding-top:10px}*/
.viewmorepro{ text-align:center; /*font-weight:600;*/ padding:3px 0px 0 0px; font-size:11px; color:#555; font-family:"Courier New", Courier, monospace;}
.viewmorepro a:link,.viewmorepro a:visited{ color:#666; font-size:12px; text-decoration:none; font-weight:bold; margin-right:15px;}
.viewmorepro a:hover{ color:#333;}

.pro{ position:relative; padding-top:30px}
.productshow{background:url(../img/probg.gif) center center repeat-x; height:126px}
.proleft{ width:12px; height:126px; overflow:hidden; position:absolute; bottom:0; left:0}
.proright{ width:12px; height:126px; overflow:hidden; position:absolute; bottom:0; right:0}
.proright img{ margin-top:-252px}
.ininproductshow{ background-position:right bottom; height:126px!important; background-repeat:no-repeat;}
.proshow{ position:absolute; width:920px; top:15px}
.proshow ul{}
.proshow ul li{ float:left; display:inline; text-align:center; margin-left:30px; width:146px}
.proshow ul li a{ font-size:12px; color:#555; text-decoration:none; line-height:20px; font-weight:600}
.proshow ul li a:hover{ color:#000}
.proshow ul li img{ display:block; margin-bottom:3px}

.foot{ background:#1C1C1C url(../img/footbg.gif) left top repeat-x; margin-top:15px; padding-top:24px; padding-bottom:20px}
.infoot{ background:url(../img/footlogo.gif) right top no-repeat;}
.footmenu{ width:720px; float:left}
.infootmenu{}
.infootmenu ul{ border-bottom:1px solid #4A4A4A;}
.infootmenu ul li{ float:left; display:inline; margin-right:12px; height:30px; width:98px; text-align:center}
.infootmenu ul li a{ display:block; width:98px; line-height:30px; height:30px; text-decoration:none; color:#595858; font-weight:600}
.infootmenu ul li a:hover,.infootmenu ul li.on a{ background:#4A4A4A; color:#828282;}
.footmenu p{ line-height:1.5em; color:#6B6B6B; font-size:11px; padding-top:12px}
.footmenu p a{ color:#fff; text-decoration:none}]
.footmenu p a:hover{ text-decoration:none}
.footmenu p img{ float:left; margin-right:15px; vertical-align:-5px}
.copyright{ float:right; font-size:11px; color:#6B6B6B; text-align:right; padding-top:45px; line-height:17px;}
#f2,#f3,#f4,#f5{ display:none}

.fenwrap,.weizhi{ clear:both; overflow:hidden; zoom:1}
.fenwrap{background:#fff url(../img/xdot.gif) 201px 0 repeat-y}
.weizhi{ font-family:Arial, Helvetica, sans-serif; line-height:30px; color:#555; font-size:12px; background:#FFF; padding-left:20px; border-bottom:1px solid #ccc}
.weizhi a{ text-decoration:none; color:#555}
.weizhi a:hover{ text-decoration:underline; color:blue}
.sidebar{ width:200px; float:left}

.sidebar h2{ height:38px; line-height:38px; font-size:16px; /*color:#006ED6;*/ font-family:Arial, Helvetica, sans-serif; font-weight:600; background:url(../img/lefthxbg.gif) no-repeat; text-align:left; padding-left:20px;}
.sidebar ul{}
.sidebar ul li{ height:37px; padding-left:20px; border-bottom:solid 1px #DFDFDF;}
.sidebar ul li a{ line-height:37px; color:#555; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:600}
.sidebar ul li a:hover{ color:#006ED6}
/*SmallClass*/
.sidebar .SmallClass{}
.sidebar .SmallClass li{border-bottom:none; height:auto; padding-left:0px;}
.sidebar .SmallClass li span{ display:block;height:37px;line-height:37px; color:#555; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; font-weight:600;/* border-bottom:solid 1px #DFDFDF; */padding-left:27px;}
.sidebar .SmallClass li ul li{height:30px; padding-left:40px; border-bottom:dotted 1px #ccc;}
.sidebar .SmallClass li ul li a{line-height:30px; color:#555; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:bold;}
.sidebar .SmallClass li ul li a:hover{ color:#006ED6}

h3{ border-bottom:2px solid #ccc; height:36px; overflow:hidden; line-height:40px; font-size:17px; font-weight:100; font-weight:600; color:#666;}
.sidecontent{ width:690px; float:left; margin-left:15px}
.content{ width:690px; overflow:hidden; padding:10px 0; font-size:13px; line-height:2em; color:#333}
.content h1{ font-size:22px; text-align:center; border-bottom:1px dotted #ccc; line-height:26px; color:#000; padding-bottom:5px}
.content h2{ padding-bottom:5px; padding-top:1px; font-size:12px; text-align:center; font-weight:100; color:#555}

.newslist{}
.newslist ul{ padding-top:2px; padding-right:0}
.newslist ul li{ border-bottom:1px dotted #ccc; padding-left:15px; background:url(../img/bgx.gif) -354px -218px no-repeat}
.newslist ul li a{ font-size:12px; color:#565656; line-height:40px; text-decoration:none}
.newslist ul li a:hover{ color:#000}
.newslist ul li span{ float:right; color:#7B7B7B; font-size:10px; line-height:40px;}
.newslist ul li.more{ text-align:right; border-bottom:none; padding:0; background:none}
.newslist ul li.more a{ color:#000; font-size:11px; line-height:28px}

.piclist{}
.piclist ul{ padding-top:15px; padding-right:0}
.piclist ul li{ border-bottom:10px dotted #fff; float:left; margin-left:16px; display:inline; text-align:center}
.piclist ul li a{ font-size:11px; color:#565656; line-height:20px; text-decoration:none}
.piclist ul li a:hover{ color:blue; text-decoration:underline}
.piclist ul li img{ display:block; margin-bottom:3px}

.page{ overflow:hidden; clear:both; zoom:1; background:none; border:none; padding:0; margin:0; height:30px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif!important; line-height:20px; padding-top:10px}
.page a{ color:#0000ff; text-decoration:underline; line-height:20px; margin:0 0.4em; font-size:14px; text-decoration:none; display:block; float:left; border:1px solid #ccc; background:#F3F3F3; color:#555; padding:0 5px; font-size:12px;}
.page a:hover,.page a.on{ color:#fff; border-color:#d80000; background:#EA2323; color:#fff}
.page a:visited{}
.page strong{ color:#d80000}
.page span{ float:right}

/*-------新增CSS------------------*/
.xbox{ width:928px; overflow:hidden; clear:both; zoom:1; margin:0px auto}
.rbg{background:url(../rimg/rbg.gif) repeat-y; width:920px; padding:0 4px; margin:0px auto;}
.rcongtent{ background:url(../rimg/contentbg.gif) bottom repeat-x; margin:0 14px; padding-bottom:20px}


.riorexmenu{ height:57px; overflow:hidden; background:url(../rimg/menubg.gif) repeat-x;}
.riorexmenu ul{ height:56px; padding-left:30px; border-left:1px solid #2F2F2F; border-right:1px solid #2F2F2F}
.riorexmenu ul li{ float:left; display:inline; height:56px; line-height:56px; text-align:center; width:149px; margin-left:20px}
.riorexmenu ul li a{ display:block; height:56px; line-height:56px; font-size:13px; text-decoration:none; color:#352414; background:url(../rimg/submenubg.gif); font-weight:600}
.riorexmenu ul li a:hover,.riorexmenu ul li.on a{ color:#fff; background-position:left bottom}


.lpic{ text-align:center; padding-top:20px}
.viewpic{ padding-top:20px}
.viewpic ul{ padding:0 20px; position:relative; height:66px; overflow:hidden; width:840px}
.viewpic ul li{ width:86px; height:66px; overflow:hidden; float:left; display:inline; margin-left:7px}
.viewpic ul li a{ border:2px solid #fff; padding:1px; display:block; width:80px; height:60px; overflow:hidden}
.viewpic ul li a:hover,.viewpic ul li.on a{ border-color:#ccc}
.viewpic ul li.prew,.viewpic ul li.next{ width:14px!Important; float:none; position:absolute; top:0; background:#fff}
.viewpic ul li.prew a,.viewpic ul li.next a{ border:none!important; padding:0!important; width:14px!Important; padding:0; padding-top:3px!important;}
.viewpic ul li.prew{ left:0px; text-align:left; padding-right:5px!Important}
.viewpic ul li.next{ right:0px; text-align:right; padding-left:8px!Important}
.photo{ position:relative; width:880px; overflow:hidden; text-align:center;}
.photo span.left,.photo span.right{ position:absolute; width:50%; height:100%; top:0;}
.photo span.left{ left:0}
.photo span.right{ right:0}
#photobig{ padding-top:10px; position:relative}
#photobig img{ border:1px solid #ccc}
.photoname{ text-align:center}
.photoname h1{ font-size:14px; line-height:2em}
.photoname h2{ font-size:12px; font-weight:100; line-height:1.5em; color:#555; text-align:left}


.join{ font-size:12px; margin-bottom:10px; font-size:20px; border-bottom:1px solid #ccc; line-height:1.5em}
.joinlist{}
.joinlist ul{}
.joinlist ul li{ float:left; display:inline; margin-left:12px; text-align:center; width:100px;}
.joinlist ul li.m0{ margin-left:4px}
.joinlist ul li a{ text-decoration:none;}
.joinlist ul li a:hover{ color:red}
.joinlist ul li a.Limg{ display:block; margin-bottom:3px; padding:5px; padding-bottom:11px; width:90px; height:68px; overflow:hidden; text-align:center; background:url(../rimg/abg.gif) no-repeat}
.joinlist ul li{}
.joinlist ul li{}


.rcongtent p{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.8em; text-indent:2em; color:#555}
.liucheng{}
.liucheng p{ text-indent:0; border-bottom:1px solid #efefef; padding-bottom:10px; margin-bottom:10px;}
.liucheng .fr{ width:700px}

/*imglist css*/

.ad-gallery {
  width: 840px;
  margin:0 auto;
  padding: 20px;
}
.ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 600px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
  
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 50%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 50%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
 
      background: url(../rimg/non-existing.jpg)\9 ;
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../rimg/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../rimg/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(../rimg/opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='rimg/opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
	padding-top:10px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 10px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
	  top:2px;
      width: 14px;
      display: block;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
	  top:2px;
      width: 14px;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #eee;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #999;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}