/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014-12-14, 22:43:00
    Author     : cityxiao
*/
.fix_div {
  /*float 修复*/
  clear: both;
  float: none;
  width: 100%;
  line-height: 0px;
  height: 1px;
  font-size: 0px;
}
html {
  height: 100%;
}
body {
  margin: 0px;
  height: 100%;
  background: #eeeeee;
  font-family: Arial, Verdana, "宋体";
  font-size: 1em;
  color: #686565;
  line-height: 14px;
  position: relative;
}
#main {
  width: 1080px;
  padding-left: 19px;
  padding-right: 19px;
  margin: 0 auto;
}
#main #left_side {
  width: 237px;
  clear: left;
  float: left;
}
#main #left_side #main_menu {
  margin-left: 32px;
  background: url(../images/menu_bg.png) no-repeat top left;
  min-height: 437px;
  padding-left: 13px;
}
#main #left_side #main_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
}
#main #left_side #main_menu ul li {
  color: #676565;
  margin-bottom: 18px;
}
#main #left_side #main_menu ul li a {
  color: #595656;
  text-decoration: none;
}
#main #left_side #main_menu ul li a:hover {
  color: #431701;
}
#main #left_side #main_menu ul li .down {
  display: block;
  cursor: pointer;
}
#main #left_side #main_menu ul li .sub_list {
  margin-top: 4px;
  line-height: 21px;
  padding-left: 10px;
  display: none;
}
#main #left_side #main_menu ul li .sub_list .active_a {
  color: #565555;
}
#main #left_side #main_menu ul li .sub_list a {
  font-family: Arial, Verdana, "宋体";
  font-size: 12px;
  color: #a0a0a0;
  line-height: 23px;
  text-decoration: none;
}
#main #left_side #main_menu ul li .sub_list a:hover {
  color: #565555;
  text-decoration: none;
}
#main #left_side #main_menu ul .active a {
  color: #431701;
}
#main #left_side #main_menu ul .active .down {
  color: #431701;
}
#main #left_side #main_menu ul .active .sub_list a {
  color: #595656;
}
#main #right_side {
  width: 805px;
  clear: right;
  float: right;
}
#main #right_side .images_view {
  position: relative;
}
#main #right_side .images_view .img_visib {
  visibility: hidden;
}
#main #right_side .images_view .pic_list {
  margin: 0px;
  list-style: none;
  position: relative;
  z-index: 1;
}
#main #right_side .images_view .pic_list li {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}
#main #right_side .images_view .left_area,
#main #right_side .images_view .right_area {
  width: 49%;
  height: 100%;
  position: absolute;
  top: 0px;
  z-index: 100;
  cursor: pointer;
}
#main #right_side .images_view .left_area {
  left: 0px;
}
#main #right_side .images_view .right_area {
  right: 0px;
}
#main #right_side .pic_info {
  margin-top: 3px;
  font-family: Arial, Verdana, "宋体";
  font-size: 12px;
  color: #747373;
  line-height: 22px;
}
#main #right_side .pic_info .pic_title {
  clear: left;
  float: left;
}
#main #right_side .pic_info .pic_console {
  clear: right;
  float: right;
}
#main #right_side .pic_info .pic_console a {
  color: #747373;
  text-decoration: none;
}
#main #right_side .pic_info .pic_console a:hover {
  color: #806767;
}
#main #right_side .pic_info .pic_console .page_code {
  margin-left: 15px;
}
#main #right_side .content_info {
  padding-bottom: 30px;
  font-family: Arial, Verdana, "宋体";
  font-size: 12px;
  color: #686565;
  line-height: 22px;
}
#main #right_side .content_info p {
  margin-bottom: 5px;
}
#header {
  width: 1080px;
  padding-left: 19px;
  padding-right: 19px;
  height: 153px;
  margin: 0px auto ;
  padding-top: 43px;
}
#footer {
  width: 1080px;
  padding-left: 19px;
  padding-right: 19px;
  font-family: Arial, Verdana, "宋体";
  font-size: 12px;
  color: #8b8989;
  line-height: 14px;
}
#footer .icp_div {
  margin-left: 24px;
  
}
#footer .icp_div a{
	  color:#8b8989;
}
@media screen and (max-height: 742px) {
  #footer {
    position: relative;
    margin: 30px auto 0px;
    padding-bottom: 4px;
  }
}
@media screen and (min-height: 742px) {
  #footer {
    position: fixed;
    bottom: 0px;
    padding-top: 30px;
    padding-bottom: 4px;
    left: 50%;
    margin: 0 0 0 -521px;
    background: #eeeeee;
  }
}
