@charset "utf-8";

body { overflow-x:hidden; }

footer { background-color:#2B364A; padding:20px 0; color:#fff; }

/* header */
header { background-color:#F6F6F6; position:relative; }

#logo img { width:150px; margin:20px 0; }

.top-right-box { margin:60px 60px 0 0; }
.top-right-box .s1 { border:solid 1px #DADADA; border-radius:5px; line-height:59px; padding:0 40px; display:inline-block; font-size:30px; }

nav {}
nav li { float:left; display:inline; padding:10px 0; margin-right:10px; }
nav li a { color:#fff; padding:0 20px; line-height:40px; font-size:14px; display:block; font-size:16px; }
nav li:hover a, nav li.active a { background-color:#4CDDF3; color:#fff; }

.bx-pager { display:none; }
.bx-wrapper .bx-controls-direction a { display:block; top:auto; margin-top:10px; width:33px; height:33px;  }
.bx-wrapper .bx-controls-direction a.bx-prev { background:url('../images/slider-left.png');left:50%; margin-left:-46px; }
.bx-wrapper .bx-controls-direction a.bx-next { background:url('../images/slider-right.png');right:50%; margin-right:-46px; }
#banner li { height:442px; }

.mytitle1 { height:42px; overflow:visible; position:relative; text-align:center; border-bottom:solid 1px #DFE2E4; }
.mytitle1 .s1 { display:inline-block; }
.mytitle1 .s2 { display:inline-block; font-size:26px; margin-left:20px; }

.index-box1 { padding-top:60px; padding-bottom:60px; }
.index-box1 .info { padding-top:60px; font-size:16px; }

.index-box2 { padding-top:60px; padding-bottom:60px; }
.index-box2 .list1 { padding-top:60px; }
.index-box2 .list1 li { margin-bottom:30px; }
.index-box2 .list1 img { height:150px; max-width:100%; }

.bottom-box dt { font-weight:800; font-size:18px; }
.bottom-box .list1 { border-top:solid 1px #DFE2E4; padding-top:20px; }

.article-box h2.title { margin-bottom:30px; }


/* table.my-table css */
table.my-table { border-collapse:inherit !important; }
table.my-table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table.my-table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table.my-table a:active,
table.my-table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table.my-table {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.my-table th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.my-table th:first-child {
	text-align: left;
	padding-left:20px;
}
table.my-table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.my-table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.my-table tr {
	text-align: center;
	padding-left:20px;
}
table.my-table td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table.my-table td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.my-table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.my-table tr:last-child td {
	border-bottom:0;
}
table.my-table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.my-table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.my-table tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}