﻿@charset "utf-8";
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{}
body{ color:#333;font:12px/20px SimSun,Tahoma,Helvetica,Arial,sans-serif; -webkit-text-size-adjust: none; cursor: default; background: #f8f8f8 url(img/bg.gif) left top repeat;}
li font{ }
a{ color: #444; text-decoration:none; outline:none; }
a:hover { color: #b10f0f; }
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;
font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.blank{ display:block; height:0;font-size:0px; line-height:0; overflow:hidden; clear:both;  }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* * html .clearfix{height:1%;}
*+html .clearfix{min-height:1%;} */
.clear{clear:both;}/*清除浮动*/
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/
.fl { float:left; display: inline; }
.fr { float:right; display: inline; }
.hide { display:none; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }

/* frame */
#header .inner,
#footer .inner,
#content { width: 920px; margin: 0 auto; }
.wrapper{ width:920px; margin:0 auto;}

/*top*/

#top{ height:72px; width:1100px; margin:0 auto; background: url(img/logo.gif) center center no-repeat; margin-top:20px;}
#top .logo a { display: block; width: 450px; height: 72px; text-indent: -9999px; margin-left:60px;}
#top a.contact{ width:220px; height:72px; display:block; cursor:pointer; margin-right:50px; float:right;text-indent: -9999px;}

/* header */
#header { width: 946px; height: 102px; margin:0 auto; margin-top:20px;}
#header .nav {}
#header .nav li { float: left;}
#header .nav li a { display: block; float: left;text-indent: -9999px; background: url(img/nav.png) no-repeat; width:86px; height:102px; cursor:pointer;}
#header .nav li a.nav1{ background-position:-86px 0}
#header .nav li a.nav2{ background-position:-172px 0}
#header .nav li a.nav3{ background-position:-258px 0}
#header .nav li a.nav4{ background-position:-344px 0}
#header .nav li a.nav5{ background-position:-430px 0}
#header .nav li a.nav6{ background-position:-516px 0}
#header .nav li a.nav7{ background-position:-602px 0}
#header .nav li a.nav8{ background-position:-688px 0}
#header .nav li a.nav9{ background-position:-774px 0}
#header .nav li a.nav10{ background-position:-860px 0}

#header .nav li a:hover,#header .nav li.hover a{ background-position-y:-102px;}

.bian_top{ width:1095px; height:40px; margin:0 auto; margin-top:10px; background: url(img/juanzhou_top.png) no-repeat;}
.imain,.main{ width:1039px; margin:0 auto; background:#FFF; padding-top:10px;}
.main{}
.bian_bottom{ width:1039px; margin:0 auto; background:url(img/bian_bottom.gif); height:104px;s}

.imain h3 a{ text-indent:-9999px; display:block; cursor:pointer;}

.list_bottom{ height:9px;_height:9px; background:url(img/index_44.gif)}

.list{ padding:10px;}
.list li {}
.list li a { color: #333; font-size: 12px; line-height:30px;}
.list li a:hover { color: #b10f0f; text-decoration: underline; }
.list li .datetime { display: block; height: 30px; line-height: 28px; font-size:10px; font-family:Arial; color: #ccc; float:right;}

.news .list{ width:420px; height:136px; float:right;}
.news .list li,.jiaoxue .list li{ height:27px; border-bottom:1px solid #e2e1e0; padding-left:10px;}
.news .list a,.news .list .datetime,.jiaoxue .list a,.jiaoxue .list .datetime{ line-height:27px; height:27px;}

.jiaoxue .list{ padding:10px 38px;}
.jiaoxue p{ padding:10px 20px 15px 0;}

.kaoji .list{ border:1px solid #cdcdcd; border-top:0; border-bottom:0;}
.kaoji .list li{ border-bottom:1px dotted #e2e1e0}

.right .list{ padding:20px 40px;}
.right .list li{ border-bottom:1px dotted #e2e1e0}
/* links */
#links { min-width: 1200px; }

/* footer */
#footer { color: #b19877; line-height: 22px; position:relative;}
#footer .copyright { color: #b19877; padding: 35px 0;text-align:center;}
#footer .copyright a,#footer .copyright a:visited{ color:#b19877;}
#footer .copyright a:hover{ color:#000;}
/* common title */
.right .mingshi{ padding:0; border:0; margin-left:40px;}
.mingshi ul{}
.mingshi li{ width:360px; float:left; margin-top:11px; display:block;}
.mingshi li .pic{ width:167px; float:left;}
.mingshi li .text{ width:170px; float:left;}
.mingshi li img{ width:147px; border:4px solid #eaeaea; padding:1px; margin-right:10px;}
.mingshi li h5{ border-bottom:1px solid #e9dfcb;font-size:14px; font-weight:bold; margin-top:50px; line-height:17px; padding-bottom:10px; width:150px;}
.mingshi li h5 span{ width:47px; height:17px; float:right; display:block;background:url(img/index_38.gif)}
.mingshi li p{}

.right .jianying{ padding:0; border:0; margin-left:40px;}
	.jianying{ padding-top:20px; margin-top:20px;}
	.jianying li{ width:193px; height:119px; overflow:hidden; margin:20px 13px 0 0; position:relative; float:left;}
	.jianying li img{ width:193px;}
	.jianying li a{ width:193px; height:119px; overflow:hidden; display:block; cursor:pointer;}
	.jianying .productlistpic{height:119px; overflow:hidden;}
	.jianying .productlisttext{ background:#000;FILTER: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8; position:absolute; bottom:0; left:0; width:193px; height:24px;}
	.jianying .productlisttext p{FILTER: alpha(opacity=100);opacity: 1;-moz-opacity:1; color:#FFF; font-size:12px; text-align:center; height:24px; line-height:24px;}
	
.main_bottom{ width:1039px; margin:0 auto;background:url(img/index_69.gif); padding-top:60px; height:44px; text-align:center;}
.main_bottom li{ display:inline; padding:0 10px; border-left:1px solid #CCC;}

/*内容?&#65533;*/
.main{ padding:0; margin-top:-13px;}
.line{ width:27px; float:left;background:url(img/line_bg.gif) top no-repeat; height:600px;}
.left{ width:131px; float:left;background:#916f49 url(img/about_18.gif) bottom no-repeat; padding-bottom:80px;}
.right{ width:881px; float:left;}

.leftmenu{}
.leftmenu li{}
.leftmenu li a,.leftmenu li a:visited{ font-size:14px;color:#fff; text-align:center; line-height:21px; display: block;height:21px; overflow:hidden; margin: 10px auto;}
.leftmenu li a:hover,.leftmenu li.check a{background: url(img/about_09.gif) left no-repeat;}

.right_banner{ padding-top:29px;background:url(img/line_bg.gif) top repeat-x;}

.title{ font-size:24px; color:#916f49; font-family:Microsoft YaHei; line-height:40px; width:800px; margin:0 auto; border-bottom:1px solid #CCC; padding:0 10px;}
.title span{ float:right; line-height:40px; font-size:12px; font-weight:normal;}
.title2{ text-align:center; position:relative;}
.title2 span{ position:absolute; right:0; top:0; width:300px; text-align:right; display:none;}
.info{ width:800px; margin:0 auto; margin-top:20px; overflow:hidden;}
.info img{width: expression(this.width > 800 ? 800 : true); max-width: 800px;}
.info div,.info{ font-size:14px; line-height:166%; color:#6f6f6f}

/* Pager */
.pager {overflow:hidden;padding: 30px 0 0;text-align: center;}
.pager li{ display: inline-block; }
.pager a,
.pager span { display: inline-block; margin: 0 2px; height: 30px; line-height: 30px; font-size: 14px; border-bottom: #CBCBCB 1px solid;}
.pager a,
.pager a:active { color: #000; padding: 0 12px; }
.pager a:hover { border-color: #E4393C; text-decoration:none; color: #E4393C; background: #fafafa;}
.pager input { width: 23px; height: 22px; text-align: center; vertical-align: top; display: none;}
.pager span.current,.pager .active span { border-bottom: #E4393C 2px solid; color: #E4393C; font-weight:bold; padding: 0 10px; height: 28px; }
.pager span.disabled {border:1px solid #c5c5c5;  padding:0 6px; color:#c0c0c0;background: #fff;display: none;}

#chat_f1{position:fixed;right:10px;top:196px; background:url(img/qq_bg.png); width:110px; height:205px;padding-left:22px; }
#close{display:block;width:22px;height:22px; float:right;cursor:pointer;}
#chat_f1 .qq{padding-top:62px;}
#chat_f1 .qq a{ display:block;height:23px; margin:0 2px 10px 0;}
#chat_f2{
	position:fixed;right:1px;top:220px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+220));cursor:pointer;
	display: block;
width: 36px;
height: 156px;
background: url(img/online_bg.png) no-repeat;
_background: url(img/online_bg_ie6.png) no-repeat;}


.ad-gallery {
  width: 800px; margin:0 auto; margin-top:20px; padding:0;
}
.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%;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(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(img/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(img/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 a img {
        border: 0;
      }
      .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(img/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='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .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: 5px;
        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;
      width: 13px;
      display: block;
      background: url(img/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(img/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .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 #CCC;
              display: block;height:120px;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161; 
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}