* {
  box-sizing: border-box;
}
 
body {
  font-family: Arial;
  padding: 0px;
  background: #f0f0f0; /*(白灰色)*/
  margin: 10px auto;
}
 
/* 头部标题，通栏 */
.header {
  padding: 0px;
  text-align: center;
  background: #248bcb;
  width: 100%;
}

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

/* 导航条背景 */
.topnav_back {
  width: 100%;
  background-color: #113e5a;
}

/* 导航条 */
.topnav {
  width: 1260px;
  margin: 0px auto;
  overflow: hidden;
  background-color: #113e5a;
}
 
/* 导航条链接 */
.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: #248bcb;
  color: white;
}

/* 左侧菜单 */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #ffffff;
}

li a {
  display: block;
  color: #5d5d5d;
  padding: 15px 15px 15px 30px;
  text-decoration: none;
  transition: 0.5s; /*(变化时间)*/
}

li a:hover {
  background-color: #248bcb;
  color: #ffffff;
}

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

/* 内容区后面清除浮动 */
.con_row:after {
  content: "";
  display: table;
  clear: both;
}
 
/* ------------------------------------------- */
/* 左侧栏 */
.left_col {   
  float: left;
  width: 970px;
  background-color: #f1f1f1;
  margin: 10px 0px 10px 0px;
}

/* 左侧表格框 */
.row_table {   
  float: left;
  width: 970px;
  background-color: #ffffff;
  padding: 0px;
  margin-top: 0px;
  border-style:solid;
  border-width:1px;
  border-color:#a3dcff;
  /* border-color:#c8c8c8; (浅灰色)*/
}

/* 返回结果标题 */
.txt_result_title {
  float: left;
  width: 100%;
  text-align: center;
  margin: 20px 0px 20px 0px;
  color: #1472aa;
  font: 20px Arial,sans-serif
}

/* 表格上方的标题 */
.txt_table_title {
	float: left;
	width: 500px;
	margin: 20px 10px 10px 25px;
	color: #000000;
	font: 20px Arial,sans-serif;
}

/* 表格 */
.txt_table {
	float: left;
	width: 950px;
	margin: 0px 0px 0px 25px;
	color: #000000;
}

/* 内容块 */
 .txt_padding {
	float: left;
	margin: 10px 25px 10px 0px;
    padding: 0px;
}
 
/* 内容块链接 */
.txt_padding_url a {
    float: left;
    border:1px solid #c8c8c8;
    display: block;
	margin: 0px;
    padding: 20px 40px 20px 40px;
	font: bold 16px Arial,sans-serif;
    color: #333333; /* (灰色)*/
    text-decoration: none;
    transition: 0.5s; /*(变化时间)*/
}
 
/* 内容块链接颜色修改 */
.txt_padding_url a:hover {
    background-color: #f0f0f0;
    border:1px solid #ff1440;
    color: #ff1440;
}

/* 内容块描述 */
 .txt_padding_bewrite {
	float: left;
	margin: 5px 0px 5px 0px;
    padding: 0px;
	font: 12px Arial,sans-serif;
    color: #333333; 
}

/* ------------------------------------------- */
/* 右侧栏 */
.right_col {
  float: left;
  width: 280px;
  /* background-color: #aaa;
  background-color: #f1f1f1;*/
  margin-top: 10px;
  margin-left: 10px;
  /* margin-bottom: 10px; */
}

/* 右侧客户中心 */
.row_client {   
  float: left;
  width: 280px;
  height:200px;
  background-color: #ffffff;
  padding: 10px 10px 10px 20px;
  margin: 0px;
  border-style:solid;
  border-width:1px;
  border-color:#a3dcff;
  /* border-color:#c8c8c8; (浅灰色)*/
}

/* 右侧客户中心文字 */
.txt_client {
	float: left;
	width: 220px;
	margin: 10px 0px 5px 10px;
	color: #000000;
	font: 14px Arial,sans-serif;
}
 
/* 右侧客户中心 文字链接 */
.txt_client a:link {
  color: 000079; /*(蓝色)*/
  text-decoration: none;
}
 
/* 右侧客户中心 移到文字链接上 */
.txt_client a:hover {
  color: #ff0000; /*(红色)*/
  text-decoration: none;
}

/* 右侧客户中心文字 */
.txt_client_ok {
	float: left;
	width: 220px;
	margin: 15px 0px 10px 10px;
	color: #000000;
	font: 16px Arial,sans-serif;
}

/* ------------------------------------------- */
/* 整体中间栏 */
.center_col {
  float: left;
  width: 1260px;
  height:500px;
  background-color: #ffffff;
  margin: 10px 0px 10px 0px;
  padding: 10px 10px 10px 10px;
  border-style:solid;
  border-width:1px;
  border-color:#a3dcff;
}

.center_col_reg {
  float: left;
  width: 1260px;
  height:1000px;
  background-color: #ffffff;
  margin: 10px 0px 10px 0px;
  padding: 10px 10px 10px 10px;
  border-style:solid;
  border-width:1px;
  border-color:#a3dcff;
}

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

/* 输入框 */
input {
  width: 100%;
  padding: 5px 10px;
  margin: 0px;
  box-sizing: border-box;
  border: 1px solid #555;
  outline: none;
  font: 16px Arial,sans-serif;
}

input:focus {
  background-color: #a3dcff;
}

/* 按钮 */
input[type=submit] {
  width: 220px;
  background-color: #248bcd;
  border: none;
  color: white;
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight:bold;
  font-size: 16px;
  margin: 4px 0px 0px 0px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

input[type=submit]:hover {
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24),0 8px 25px 0 rgba(0,0,0,0.19);
}

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

/* 右侧广告位1 */
.row_ad1 {   
  float: left;
  width: 280px;
  height:280px;
  background-color: #ffffff;
  padding: 0px;
  margin: 10px 0px 0px 0px;
  border-style:solid;
  border-width:1px;
  border-color:#a3dcff;
  /* border-color:#c8c8c8; (浅灰色)*/
}

/* 广告图片1 */
.img_ad1 {
  width: 100%;
  height:100%;
  transition: 0.5s; /*(变化时间)*/
}

/* 广告图片1 链接 */
.img_ad1:hover {
  opacity: 0.85; /*(更改透明度)*/
}

/* ------------------------------------------- */
/* 右侧查询记录 */
.row_query {   
  float: left;
  width: 280px;
  background-color: #ffffff;
  padding: 0px 0px 10px 0px;
  margin: 0px;
  border-style:solid;
  border-width:1px;
  border-color:#a3dcff;
  margin-top: 10px;
  /* border-color:#c8c8c8; (浅灰色)*/
}

/* 右侧查询记录 标题 */
.txt_query_title {
	float: left;
	width: 240px;
	margin: 20px 10px 5px 20px;
	color: #000000;
	font: 16px Arial,sans-serif;
}

/* 右侧查询记录 文本 */
.txt_query {
  float: left;
  width: 240px;
  margin: 0px 10px 0px 20px;
  color: #646464; /*(灰色)*/
  font: 14px Arial,sans-serif;
  line-height:200%;
  text-decoration: none;
}

/* 右侧查询记录 文字链接 */
.txt_query a {
  color: 646464; /*(灰色)*/
  font: 14px Arial,sans-serif;
  line-height:200%;
  text-decoration: none;
}

/* 右侧查询记录 文字链接 */
.txt_query a:link {
  color: 646464; /*(灰色)*/
  text-decoration: none;
}
 
/* 右侧查询记录 移到文字链接上 */
.txt_query a:hover {
  color: #ff0000; /*(红色)*/
  text-decoration: none;
}

/* 右侧查询记录 中间线 */
.txt_query_line {
	float: left;
	width: 240px;
	margin: 0px 10px 10px 20px;
	font: 1px Arial,sans-serif;
	border-bottom:1px solid #a3dcff;
}

/* 右侧个人中心 中间线 */
.txt_query_line2 {
	float: left;
	width: 220px;
	margin: 0px 10px 10px 10px;
	font: 1px Arial,sans-serif;
	border-bottom:1px solid #a3dcff;
}

/* ------------------------------------------- */
/* 底部 */
.footer1 {
  height:60px;
  padding: 10px;
  text-align: center;
  background: #437ca0;
}

.footer2 {
  height:120px;
  padding: 10px;
  text-align: center;
  background: #14537a;
}
 
/* 底部 文本 */
.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;
}

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

/* 左侧栏 */
.left_con {   
  float: left;
  width: 250px;
  height:500px;
  background-color: #ffffff;
  margin: 10px 0px 10px 0px;
  padding: 0px;
  border-style:solid;
  border-width:1px;
  border-color:#a3dcff;
}

/* 右侧栏 */
.right_con {
  float: left;
  width: 1000px;
  height:500px;
  background-color: #ffffff;
  margin: 10px 0px 10px 10px;
  padding: 10px 10px 10px 10px;
  border-style:solid;
  border-width:1px;
  border-color:#a3dcff;
}

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

/* 导航条背景 */
.drop_back {
    width: 100%;
    background-color: #113e5a; /*(深蓝色)*/
    display: flex;
    justify-content:center; 
}

.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: #248bcb;
  transition: 0.5s; /*(变化时间)*/
}

.dropdown_content {
    display: none;
    position: absolute;
    background-color: #248bcb;
    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: #14537a
}

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

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