/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, C:/Ruby22/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
a{text-decoration: none; list-style-type: none;list-style-image: none;color:#000000;}
a:hover{text-decoration: none; list-style-type: none;list-style-image: none;}
a:visited{text-decoration: none; list-style-type: none;list-style-image: none;}
a:active{text-decoration: none; list-style-type: none;list-style-image: none;}
a:link{text-decoration: none; list-style-type: none;list-style-image: none;}
/* line 22, C:/Ruby22/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, C:/Ruby22/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, C:/Ruby22/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, C:/Ruby22/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, C:/Ruby22/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, C:/Ruby22/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: none;
}

/* line 32, C:/Ruby22/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, C:/Ruby22/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}


/*header*/
#header{background: url("../images/bb.png") repeat-x;height:113px;}
.small_nav{position:relative;float: right;height:26px;display:inline-block;}
.small_nav ul{height:26px;margin: auto;}
.small_nav ul li{position: relative;line-height:26px;height:26px;width:82px;text-align:center;float:left;font-size: 12px;border-right:1px solid #d5d5d5;  }
.small_nav li:last-child{border: none;}
.small_nav li a{display:block;position:relative;color:#6e6e6e;}
.small_nav li a:hover{color:#ffab33;}
.caret{float: right;position: relative;top:-14px;right:4px;}
.clear li.first a{
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
}
.clear li.last{
  border-right: 0 none;
}
.clear dl{display:none;
  position:absolute;

}
.clear li:hover dl{
  float: left;
  display:block;
  background: #c8c6c6;
}
.clear li dl:nth-child(2){width:400px;}
.clear dl a{
  text-align: center;
  float: left;
  width: 80px;
  color:#ffffff;
  background:transparent;
  border:0 none;

  -moz-transition: background 0.5s ease-out;
  -webkit-transition: background 0.5s ease-out;
  z-index:50;
}
.clear dl a:hover{
    background:#5d5d5d;
  -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.clear dd{
  text-align: center;
  opacity:0;
  -webkit-transition-property:all;
  /*-webkit-transition-timing-function: cubic-bezier(5,0,5,0);*/
  -moz-transition-property: all;
  /*-moz-transition-timing-function: cubic-bezier(5,0,5,0);*/
  /*-webkit-transition-delay:5s;
  -moz-transition-delay:5s;*/
}
.clear li:hover dd{
  opacity:1;
}
.clear li dd:nth-child(1){
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
}
.clear li dd:nth-child(2){
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
}
.clear li dd:nth-child(3){
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
}
.clear li dd:nth-child(4){
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
}


header{ position: relative;top:28px;height:86px;}
img{position: relative;float: left;top:12px;}
.main_menu{float: right;position: relative; }
.main_menu li a{
  background:transparent;
  border:0 none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-transition: background 0.5s ease-out;
  -webkit-transition: background 0.5s ease-out;
  width:80px;display: block;height:32px;line-height: 32px;}
#curr01{background:#ffab33;border-radius: 5px;  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;color: #ffffff;}
.main_menu li{float: left;width:80px;text-align: center;margin-right: 20px;}
.main_menu li:last-child{margin-right: 0;}
.main_menu li a:hover{
 border: solid 1px #ffab33;line-height: 30px;
  color:#ffffff !important;
  background: #ffab33;
  -moz-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

/*footer*/
#footer{background:url("../images/bb_2.png");height:410px;}
.container .footer_superlink{clear:both;position: relative;top:72px;color:#ffab33;line-height: 38px;font-size: 14px;text-align: center;}
.super_link{position: relative;top:38px;margin-bottom: 60px;clear: both;padding:0 20px;}
.super_link ul{width:1280px;margin: auto;}
.super_link ul li{float: left;}
.super_link li dl{height:200px;float: left;}
.super_link dl dd{line-height:30px;font-size:12px;height:30px;margin-right: 60px;border-bottom: dashed 1px #d6d4d4;}
.super_link li h3{color:#ffab33;font-weight: bold;font-size: 14px;height:40px;line-height: 40px;}
.super_link dd a:hover{
  color:#ffab33 !important;
  -moz-transition:  color 0.3s ease-in-out;
  -webkit-transition:  color 0.3s ease-in-out;
}
.footer_superlink a{color:#ffab33;}
.footer_superlink a:hover{color:#ef7008;text-decoration: underline;-moz-transition:color 0.3s ease-in-out;
    -webkit-transition:color 0.3s ease-in-out;}
/*index*/

/*��黬��*/
.rollBox{overflow:hidden;border:1px solid #9d9d9d;float: left;}
.LeftBotton{position:relative;overflow:hidden;float:left;cursor:pointer;}
.RightBotton{position:relative;overflow:hidden;float:left;cursor:pointer;}
.rollBox .Cont{width:229px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic01{width:296px;height:200px;border:solid 1px white;float:left;text-align:center;}
.rollBox .Cont .pic01 p{color:white;margin:40px 0 16px 0;font-size: 18px}
.rollBox .Cont .pic01 h3{line-height:56px;text-align:center;font-size:12px;height:56px;width:56px;background:#ffffff;
  -webkit-border-radius: 56px;-moz-border-radius: 56px;border-radius: 56px;margin-left:114px;}
.rollBox .Cont .pic01:hover{background: rgba(40,40,40,0.8);
  -moz-transition:background 0.3s ease-in-out;
  -webkit-transition:  background 0.3s ease-in-out;}
.rollBox .Cont .pic01:hover p{color:#ffffff;}
.rollBox .Cont .pic01:hover h3{background:#ffab33;color:#ffffff;
  -moz-transition:background 0.3s ease-in-out,color 0.3s ease-in-out;
  -webkit-transition:  background 0.3s ease-in-out,color 0.3s ease-in-out;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#294573;font-weight: bold;}
.rollBox #List1,.rollBox #List2{float:left;}
.project{margin-top:10px;height:152px;width:302px;float: right;}

/*index������css��ʽ*/
#index_content{background: url("../images/bg.jpg")no-repeat center;position: relative;top:-4px;height:636px;overflow: hidden;}
.special_pro{position: relative;top:276px;height:150px;}
.special_pro li a{float: left;height:150px;width:284px;background:rgba(40,40,40,0.4);border:1px solid white;}
.special_pro a p{color:#ffffff;text-align: center; }
.special_pro a h3{line-height:56px;text-align:center;font-size:12px;height:56px;width:56px;background:#ffffff;
  -webkit-border-radius: 56px;-moz-border-radius: 56px;border-radius: 56px;margin-left:114px;}
.special_pro a:hover{background: rgba(40,40,40,0.8);
  -moz-transition:background 0.3s ease-in-out;
  -webkit-transition:  background 0.3s ease-in-out;}
.special_pro a:hover p{color:#ffffff;}
.special_pro a:hover h3{background:#ffab33;color:#ffffff;
  -moz-transition:background 0.3s ease-in-out,color 0.3s ease-in-out;
  -webkit-transition:  background 0.3s ease-in-out,color 0.3s ease-in-out;}
.special_pro02{position:absolute;bottom:0;padding-left:10px;width:100%;margin:auto;clear: both;}
.special_pro02 li{width:370px;float:left;padding:14px;}
.content01{width:280px;float: left;}
.content01 h2{color:#ffffff;font-weight: bold;}
.content01 p{color: #ffffff;font-size:12px;position: relative;float:left;top:10px}
.content01 p a{color: #ffffff;}
.content01 p a:hover{color:orangered;
  -moz-transition:color 0.3s ease-in-out;
  -webkit-transition:color 0.3s ease-in-out;}
.special_pro02 img{margin-left: 20px;}
.special_pro02 li:first-child{background: #ffab33;}
.special_pro02 li:nth-child(2){background: rgba(131,113,101,1)}
.special_pro02 li:last-child{background: rgba(36,43,49,1)}



/*��������*/
.leftMenu {width:200px;  font-size: 12px;margin-top: 16px;
  font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;float: left;
}
.menu {
  border-top: #ffab33 4px solid;
  border-bottom: #ffab33 4px solid;
  background: #fff;
}
.menu .ListTitle {
  border-bottom: 1px #ffab33 solid;
  display: block;
  text-align: center;
  /*position: relative;*/
  height: 42px;
  line-height: 42px;
  cursor: pointer;
  /*+min-width:220px;*/

}
.ListTitle strong {color:#313131;text-decoration:none;display:block;font-size:14px;}
.ListTitle strong a{color:#313131;text-decoration:none;display:block;font-size:14px;}

.ListTitlePanel {
  position: relative;
}

.menuList {
  display: block;
  height: auto;
}
.menuList div {
  height: 28px;
  line-height: 24px;
}
.menuList div a {
  border-bottom: 1px #ffab33 dotted;
  display: block;
  background: #fefaf5;
  line-height: 28px;
  height: 28px;
  text-align: center;
  color: #7c5f35;
  text-decoration: none;
}
.menuList .curr05 a{display: block;background: #ffab33;color:#ffffff;}
.menuList div a:hover {
  background: #ffab33;
  color: #fff;
  -moz-transition:background 0.3s ease-in-out,color 0.3s ease-in-out,color 0.3s ease-in-out,color 0.3s ease-in-out;
  -webkit-transition:  background 0.3s ease-in-out,color 0.3s ease-in-out,color 0.3s ease-in-out,color 0.3s ease-in-out;
}

.ListTitle .curr07{background:#ffab33;color:#ffffff;font-weight: bold;}









/* 修改 */
#header .container{
  width: 90%;
  height: 100%;
  overflow: hidden;
}
.container .small_nav{
  clear: both;
}

html{
  min-width: 1123px;
}
.container .main_menu{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}