@charset "utf-8";

.top_menu{width:100%;height:34px;background-color:#494949}
.top_menu ul{width:1000px;margin:0 auto;}
.top_menu ul li{float:right;  padding:3px 0 0 28px;}
/*.top_menu ul li{float:right; background:url('../img/top_family_list_line.gif') 12px 13px no-repeat; padding:3px 0 0 28px;}*/
/*.top_menu ul li{float:right;}*/

.top_menu ul li a {
  text-decoration: none;
  color: #fff;
  display: block;
  font-size: 11px;
  padding-top:10px;
}

.top_contents_wrap{width:100%;position:relative;}
.top_contents{width:1191px;margin:0 auto;padding-left:170px}

.left_menu{width:295px;height:316px;top:85px;position:absolute}
.left_menu ul{padding:15px 0 0 15px}
.left_menu ul li{padding-top:15px}

.menu-item {
  width: 167px;
}

.menu-item h4 {
  padding:15px 0 5px 15px;
}

/*ul Styles*/
.menu-item ul {
  font-size: 11px;
  line-height: 10px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  background: #e54b01;
  /*Animation*/
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}


.menu-item:hover ul {
  height: 115px;
    color: #fff;
  
}

.menu-item ul a {
  margin-left: 20px;
  text-decoration: none;
  color: #efc3a8;
  display: block;
  width: 160px;
}

/*li Styles*/
.menu-item li {

}
.menu-item li a {
  color: #efc3a8;
  background:url('../img/common/menu_icon.gif') no-repeat;padding-left:8px;

}

.menu-item li a:hover {
  background: #e54b01;
  color: #fff;
  background:url('../img/common/menu_icon.gif') no-repeat;padding-left:8px
}

.top_bg_wrap{width:100%;height:392px;position:absolute;top:0;z-index:-999}
.left_bg{width:50%;height:392px;position:absolute;background:url('../img/common/left_bg.gif') repeat-x;left:0}
.right_bg{width:50%;height:392px;position:absolute;background:url('../img/common/right_bg.gif') repeat-x;right:0}

.main_contents01{width:1191px;;height:210px;margin:0 auto;padding-left:170px}

.main_notice{width:349px;float:left;margin:40px 0 0 20px}
.main_business{width:349px;float:left;margin:40px 0 0 71px}
.facilities_equipment{float:left;margin:0 0 0 113px}

.notice_top{}
.notice_top:after{clear:both;content:'';display:block}
.notice_top div.notice_tit{float:left}
.notice_top div.notice_more{float:right}

.notice_list{padding-top:10px}
.notice_list ul li{padding-top:5px;background:url('../img/main/news_dot.gif') 0 10px no-repeat;padding-left:8px}
.notice_list ul li span.subject{font-size:12px;color:#838383;line-height:18px}
.notice_list ul li span.subject a{color:#838383}
.notice_list ul li span.date{font-size:12px;color:#b4b4b4;float:right}

.main_contents02{width:100%;height:220px;background:#f7f7f7 url('../img/main/main_contents02_bg.gif') no-repeat;}
.main_qick{width:1000px;margin:0 auto;padding-top:75px}
.main_qick ul li{float:left;padding-left:59px}


.bottom_contents_wrap{width:100%;height:63px;background-color:#575757}
.bottom_contents{width:1000px;margin:0 auto}
.bottom_contents:after{clear:both;content:'';display:block}

.bottom_menu{padding-top:27px;float:left}
.bottom_menu ul li{float:left;padding-left:10px}

.familysite{width:437px;height:63px;float:right;background:url('../img/common/family_bg.gif') no-repeat;}
.familysite ul{padding-top:20px}
.familysite ul li{float:left;padding-left:40px}

.copyright_wrap{width:1000px;margin:0 auto;height:100px}
.copyright_wrap:after{clear:both;content:'';display:block}
.bottom_logo{float:left;padding:30px 29px 0 0}
.copyright{float:left;padding:30px 0 0 0}


.dropdown {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 25px;
  width: 150px;
  background: #f2f2f2;
  border: 1px solid;
  border-color: white #f7f7f7 #f5f5f5;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
.dropdown:before, .dropdown:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 8px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
  pointer-events: none;
}
.dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
.dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

.dropdown-select {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 6px 8px 6px 10px;
  height: 25px;
  line-height: 14px;
  font-size: 11px;
  color: #fff;
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}
.dropdown-select:focus {
  z-index: 3;
  width: 100%;
  color: #fff;
  outline: 2px solid #49aff2;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: -2px;
}
.dropdown-select > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .dropdown {
  z-index: 1;
}
.lt-ie9 .dropdown-select {
  z-index: -1;
}
.lt-ie9 .dropdown-select:focus {
  z-index: 3;
}

/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
  .dropdown-select {
    padding-left: 6px;
  }
}

.dropdown-dark {
  background: #444;
  border-color: #111 #0a0a0a black;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.dropdown-dark:before {
  border-bottom-color: #aaa;
}
.dropdown-dark:after {
  border-top-color: #aaa;
}
.dropdown-dark .dropdown-select {
  color: #fff;
  text-shadow: 0 1px black;
  /* Fallback for IE 8 */
  background: #444;
}
.dropdown-dark .dropdown-select:focus {
  color: #fff;
}
.dropdown-dark .dropdown-select > option {
  background: #444;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}