@media screen, projection {

.BeNiceToMacIE5 {
font-family: "\"}\"";
font-family: inherit;
}
html, body, #wrapper, wrapper2 {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 1003px;
  font-family: Arial;
  font-size: 13px;
  color: #000;
}

html>body, html>body #wrapper, html>body #wrapper2 {
height: auto;
}
img{
  border: 0;
}
a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
h1{
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 13px 0;
  padding: 0;
}
h2{
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 0;
}
p{
  padding: 0;
  margin: 0 0 15px 0;
}
.bgr{
  width: 967px;
  margin: 0 auto;
  background: #fff;
}
div#wrapper {
  position: absolute;
  top: 0;
  left: 0;
  background: #2b5056;
}

#main, #inner {
  margin: 0;
  padding: 0;
  height: 100%;
}
/* ------------------------- Main ------------------------ */
#in1 #main #center {
  width: 967px;
  margin: 0 auto;
  background: #fff url(../img/main_bgr.jpg) no-repeat;
}
#main #header {
  z-index: 500;
  width: 100%;
  height: 760px;
}
#main #header #logo {
  position: absolute;
  margin: 38px 0 0 410px;
}
#main #header #service_ico {
  position: absolute;
  margin: 53px 0 0 870px;
}
#main #header #left_in {
  position: absolute;
  margin: 378px 0 0 112px;
}
#main #header #right_in {
  position: absolute;
  margin: 378px 0 0 768px;
}
#main #header #left_door {
  position: absolute;
  margin: 180px 0 0 197px;
}
#main #header #right_door {
  position: absolute;
  margin: 180px 0 0 568px;
}
#main #header #headcontent {
  height: 85px;
  margin-left: 200px;
  position: relative;
  padding: 10px;
}
#body{
  width: 817px;
  padding: 0 75px 30px 75px;
  margin: 15px auto 0 auto;
}
/* ------------------------- End Main ------------------------ */
/* ------------------------- Inner ------------------------ */
#inner #center {
  width: 967px;
  margin: 0 auto;
}
#inner #header {
  z-index: 500;
  width: 100%;
  height: 335px;
}
#inner #header #service_ico {
  position: absolute;
  margin: 88px 0 0 870px;
}
#inner #header #out1 {
  position: absolute;
  margin: 115px 0 0 173px;
}
#inner #header #out2 {
  position: absolute;
  margin: 195px 0 0 230px;
}
#inner #header #head_form {
  position: absolute;
  margin: 90px 0 0 427px;
}
#inner #header #head_form span {
  color: #fff;
  font-size: 11px;
}
#inner #header #head_form td img {
  margin: 8px 0 0 0;
}
#inner #header #head_form .head_form_input {
  padding: 0 10px 0 0;
}
#inner #header #head_form input {
  width: 118px;
  height: 16px;
  background: #e4f3f9;
  border: 1px solid #b4dceb;
  color: #478ba5;
}
#inner #header #head_form .head_form_btn{
  height: 29px;
  width: 68px;
  text-align: center;
}
#inner #header #head_form .head_form_btn a, #inner #header #head_form .head_form_btn a:hover{
  display: block;
  line-height: 23px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  padding: 6px 0 0 0;
  margin: 7px 0 0 0;
}
#inner #header #archive {
  width: 817px;
  position: absolute;
  margin: 286px 0 0 75px;
}
#inner #header #archive div {
  width: 68px;
  height: 29px;
  float: right;
  margin: 0 0 0 7px;
  text-align: center;
}
#inner #header #archive div a, #inner #header #archive div a:hover {
  display: block;
  line-height: 22px;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  padding: 7px 0 0 4px;
}
/* ------------------------- End Inner ------------------------ */
/* ------------------------- In1 ------------------------ */
#in1 h1,
#in1 h2,
#in1 #content a,
#in1 #partners .part_title,
#in1 .menu li a:hover,
#in1 .menu .lev2 li a,
#in1 .menu .lev3 li a,
#in1 #news a,
#in1 .pageing {
  color: #7eb82d;
}

#in1 #header .head_form_btn{
  background: url(../img/head_btn1.gif) no-repeat 0 8px;
}
#in1 #header #archive div {
  background: url(../img/year_btn1.gif) no-repeat;
}
#in1 #header #archive #sel {
  background: url(../img/year_btn_sel1.gif) no-repeat;
}
#in1 #center{
  background: #fff url(../img/main_bgr1.jpg) no-repeat;
}
#in1 #footerContent {
  background: #fff url(../img/footer_bgr1.gif) no-repeat; 
}
#in1 #content li{
  background: url(../img/lev2_1.gif) no-repeat 0 9px;
}
#in1 .menu .lev2 li{
  background: url(../img/lev2_1.gif) no-repeat 0 18px;
}
#in1 .menu .lev3 li{
  background: url(../img/lev3_1.gif) no-repeat 5px 18px;
}
#in1 #gallery img:hover{
  border-color: #7eb82d;
}
/* ------------------------- End In1 ------------------------ */
/* ------------------------- In1 ------------------------ */
#in2 h1,
#in2 h2,
#in2 #content a,
#in2 #partners .part_title,
#in2 .menu li a:hover,
#in2 .menu .lev2 li a,
#in2 .menu .lev3 li a,
#in2 #news a,
#in2 .pageing {
  color: #0bcfc9;
}
#in2 #header .head_form_btn{
  background: url(../img/head_btn2.gif) no-repeat 0 8px;
}
#in2 #header #archive div {
  background: url(../img/year_btn2.gif) no-repeat;
}
#in2 #header #archive #sel {
  background: url(../img/year_btn_sel2.gif) no-repeat;
}
#in2 #center{
  background: #fff url(../img/main_bgr2.jpg) no-repeat;
}
#in2 #footerContent {
  background: #fff url(../img/footer_bgr2.gif) no-repeat; 
}
#in2 #content li{
  background: url(../img/lev2_2.gif) no-repeat 0 9px;
}
#in2 .menu .lev2 li{
  background: url(../img/lev2_2.gif) no-repeat 0 18px;
}
#in2 .menu .lev3 li{
  background: url(../img/lev3_2.gif) no-repeat 5px 18px;
}
#in2 #gallery img:hover{
  border-color: #0bcfc9;
}
/* ------------------------- End In2 ------------------------ */
.more{
  margin: -10px 0 15px 0;
  text-align: right;
  font-size: 13px;
}
.new{
  border-bottom: 1px solid #eee;
  margin: 0 0 15px 0;
}
.new_date{
  height: 21px;
  width: 75px;
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 11px;
  color: #fff;
  text-align: center;
  background: url(../img/new_date.gif) no-repeat;
}
.new_date span{
  display: block;
  margin: 0;
  padding: 4px 0 0 0 ;
}
#left .new p {
  font-size: 11px;
}
}
#left{
  width: 160px;
  float: left;
}
ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
li{
  margin: 0;
  padding: 0;
}
#content ul{
  list-style: none;
  margin: 0 0 15px 0;
  padding: 0;
}
#content ul li{
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0 0 0 15px;
}
.menu{
  margin: 0 0 15px 0;
}
.menu li{
  padding: 0 0 15px 0;
  background: url(../img/menu_line.gif) no-repeat left bottom;
}
.menu li a{
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
.menu .lev2 li{
  padding: 10px 0 0 12px;
}
.menu .lev2 li a{
  font-weight: normal;
  text-decoration: none;
}
.menu .lev2 li a:hover{
  text-decoration: underline;
}
.menu .lev3 li{
  padding: 10px 0 0 13px;
}
.menu .lev3 li a{
  font-weight: normal;
  text-decoration: none;
}
.menu .lev3 li a:hover{
  text-decoration: underline;
}
#in1 #pageing,
#in2 #pageing{
  width: 370px;
  font-size: 13px;
  margin: 0 auto;
}
#in1 #pageing li,
#in2 #pageing li {
  display: inline;
  line-height: 20px;
  padding: 2px;
  background: none;
}
#pageing a{
  padding: 2px;
}
#in1 #pageing #sel,
#in2 #pageing #sel{
  background: url(../img/pageing_sel.gif) no-repeat 0 4px;
  padding: 6px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#content{
  width: 494px;
  float: left;
  margin: 0 0 0 15px;
  text-align: justify;
}
#right{
  width: 128px;
  float: right;
}
form{
  width: 408px;
  padding: 0;
  margin: 0;
  background: url(../img/form_bgr.gif) repeat-y;
  margin: 0 auto;
  color: #2e3136;
  font-size: 13px;
}
form .star{
  color: #FF0000;
  margin: 0 4px 0 0;
}
form .form_top{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: url(../img/form_bgr_top.gif) no-repeat left top;
}
form .form_bottom{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 20px;
  background: url(../img/form_bgr_bottom.gif) no-repeat left bottom;
}
form p{
  margin: 0 0 5px 0;
  padding: 0;
}
form .input_354{
  height: 25px;
  width: 354px;
  margin: 5px 0 8px 0;
  background: url(../img/input_354.gif) no-repeat;
}
form .input_354 input{
  font-size: 16px;
  width: 345px;
  border: 0px;
  margin: 2px 0 0 3px;
}
form .input_92{
  height: 25px;
  width: 92px;
  margin: 5px 0 8px 0;
  float: left;
  background: url(../img/input_92.gif) no-repeat;
}
form .input_92 input{
  font-size: 16px;
  width: 85px;
  border: 0px;
  margin: 2px 0 0 3px;
}
form .kapcha {
  float: left;
  margin: 5px 0 0 12px;
}
form .button {
  float: right;
}
form .button .btn_left {
  background: url(../img/btn_left.gif) no-repeat left top;
}
form .button .btn_right {
  display: block;
  padding: 9px 11px 11px 11px;
  background: url(../img/btn_right.gif) no-repeat right top;
  color: #fff;
  text-decoration: none;
}
form .button a {
  display: block;
  text-decoration: none;
}
form .form_hr {
  padding: 0 0 5px 0;
}
#gallery{
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
}
#gallery a{
  width: 110px;
  /*height: 110px;*/
  float: left;
  margin: 0 5px 10px 5px;
  text-align: center;
  padding: 0 0 1px 0;
}
#gallery img{
  border: 1px solid #eee;
  vertical-align: middle;
}
.hr{
  width: 100%;
  height:1px;
  clear:both;
  font-size:1px;
  border-bottom: 1px solid #eee;
}

#partners{
  display: block;
  height: 92px;
  width: 100%;
  padding: 36px 0 0 0;
  background: url(../img/partners_bgr.gif) no-repeat 50% 36px;
  overflow: hidden;
}
#partners ul{
  float: left;
  width: 720px;
  height: 60px;
  display: list-item;
}
#partners li{
  float: left;
  width: 144px;
  height: 60px;
  display: list-item;
  vertical-align: middle;
}
#partners a { 
  float: left;
  width: 144px;
  line-height: 60px;
  text-align: center;
  vertical-align: middle;
}
#partners img{
  vertical-align: middle;
}

#partners .part_title{
  width: 120px;
  font-size: 15px;
  font-weight: bold;
  background: #fff;
  padding: 0 3px;
  margin: 0 0 0 8px;
}

.banner{
  width: 100%;
  margin: 0 0 15px 0;
  text-align: center;
}

.clr {clear:both; height:0px; font-size:1px; visibility:hidden}
.clear {
clear: both;
margin: 0;
padding: 0;
}

#footer {
  clear: both;
  bottom: 0;
  /*left: 0;
  width: 100%;*/
  width: 967px;
  margin: 0 auto;
  height: 90px;
  color: #fef9ee;
  overflow: hidden;
}
#footerContent {
  width: 967px;
  height: 90px;
  margin: 0 auto;
}
#footerContent p {
}
#footerContent #footerleft {
  padding: 19px 0 11px 85px;
  float: left;
  width: 250px; 
  height: 38px;
}
#footerContent #footerright {
  padding: 19px 85px 11px 0; 
  float: right;
  width: 512px;
  height: 38px;
  color: #b2b2b2;
  font-size: 12px;
}
#footerContent #footerright span {
  color: #17c8ab;
  font-size: 12px;
}
#footerContent #footerright span a{
  color: #17c8ab;
  font-size: 12px;
  text-decoration: none;
}
#footerContent #footerright span a:hover{
  text-decoration: underline;
}
#creater{
  float: right;
}
#creater a{
  color: #333;
  font-size: 11px;
}

/* \*/
* html #footer {
  position: absolute;
}
* html #main {
  padding-bottom: 89px;
}
* html #inner {
  padding-bottom: 89px;
}
/* \*/
head:first-child+body div#footer {
  position: absolute;
  z-index: 0;
}
head:first-child+body div#main {
  padding-bottom: 89px;
}
head:first-child+body div#inner {
  padding-bottom: 89px;
}

}

@media all and (min-width:0px) {
  head~body {height:100%;}
}