@charset "utf-8";

* {
  box-sizing: border-box;
}
 
body {
  font-family: Arial;
  padding: 0px;
  background: #e6e6e6; /*(灰色)*/
  margin: 10px auto;
}
 
/* 介绍，通栏 */
.intro {
  padding: 0px;
  margin-top: 10px;
  text-align: center;
  background: #07517f; /* 蓝色 */
  width: 100%;
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19); /* 立体阴影 */
}

/* 介绍，图片去掉缝隙 */
.intro img {
  vertical-align:bottom;
}
 
/* 头部标题，通栏 */
.header {
  padding: 0px;
  text-align: center;
  background: #07517f; /* 头部黑色 */
  width: 100%;
}

/* 头部标题，图片去掉缝隙 */
.header img {
  vertical-align:bottom;
}

/* 导航条背景 */
.topnav_back {
  width: 100%;
  background-color: #792828; /* 头部菜单黑红色 */
}

/* 导航条 */
.topnav {
  width: 1260px;
  margin: 0px auto;
  overflow: hidden;
  background-color: #792828; /* 头部菜单黑红色 */
}
 
/* 导航条链接 */
.topnav a {
  float: left;
  display: block;
  color: white; /*(白色)*/
  text-align: center;
  padding: 14px 10px;
  text-decoration: none;
  transition: 0.5s; /*(变化时间)*/
}
 
/* 链接颜色修改 */
.topnav a:hover {
  background-color: #404040; /* 头部菜单激活深灰色 */
  color: #fffd40;
}

/* ------------------------------------------- */

/* 内容区的宽度 */
.con_row {
  width: 1260px;
  margin: 0px auto;
}

/* 内容区后面清除浮动 */
.con_row:after {
  content: "";
  display: table;
  clear: both;
}

/* 整体中间栏 */
.center_col {
  float: left;
  width: 1260px;
  height:540px;
  background-color: #808080;
  margin-top: 10px;
  padding: 10px 10px 10px 10px;
  border-style:solid;
  border-width:1px;
  border-color:#a4a4a4; /* 线框淡灰色 */
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19); /* 立体阴影 */
}

/* 整体中间栏 */
.content_col {
  float: left;
  width: 1150px;
  height:450px;
  margin-top: 30px;
  margin-left: 45px;
  padding: 30px auto;
}

/* ------------------------------------------- */
/* 底部 */
.footer1 {
  width: 100%;
  height:60px;
  padding: 10px;
  text-align: center;
  background: #646464; /* 底部深灰色 */
  margin-top: 10px;
}

.footer2 {
  width: 100%;
  height:105px;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  background: #5e5e5e; /* 底部版权备案深灰色 */
  margin-top: 10px;
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);
}

/* ------------------------------------------- */
/* 下拉菜单 */

/* 导航条背景 */
.drop_back {
    width: 100%;
    background-color: #353535; /* 头部菜单黑红色 */
    display: flex;
    justify-content:center; 
    box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);
}

.drop_menu {
    float: left;
    width: 1260px;
    margin: 0;
    overflow: hidden;
    justify-content:left; 
}

.drop_btn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 10px;
    text-decoration: none;
}

.drop_down {
    float: left;
    display: inline-block;
}

.drop_down:hover {
    display: block;
    background-color: #404040; /* 头部黑色 */
  transition: 0.5s; /*(变化时间)*/
}

.dropdown_content {
    display: none;
    position: absolute;
    background-color: #404040; /* 头部黑色 */
    min-width: 160px;
    box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);
}

.dropdown_content a {
    color: white;
    padding: 14px 18px;
    text-decoration: none;
    display: block;
    transition: 0.5s; /*(变化时间)*/
}

.dropdown_content a:hover {
	background-color: #773131; /* 头部菜单激活深灰红色 */
}

.drop_down:hover .dropdown_content {
	display: block;
    transition: 0.5s; /*(变化时间)*/
}

/* ------------------------------------------- */
 
/* 底部 文本 */
.txt_footer {
  float: left;
  width: 100%;
  margin: 10px 0px 10px 0px;
  color: white;
  font: 14px Arial,sans-serif;
  line-height:160%;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}
 
.txt_footer a {
  color: white; /*(白色)*/
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.txt_footer a:link {
  color: white
  text-decoration: none;
}
 
.txt_footer a:hover {
  color: #ff0000; /*(红色)*/
  text-decoration: none;
}
 
/* 隐藏 文本 */
.txt_hide {
  float: left;
  width: 100%;
  margin: 0px;
  color: #5e5e5e;
  font: 12px Arial,sans-serif;
  line-height:120%;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}

/* ------------------------------------------- */

/* 文本标题 */
.txt_title {
    width: 100%;
	margin: 10px 0px 10px 0px;
	color: #f0f0f0;
	font: 20px Arial bold,sans-serif;
}