@charset "utf-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html ,body {
	height: 100%;
}

html,
body,
div,
p,
strong,
span,
a,
b,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
del,
img,
i,
em,
select,
button,
textarea,
input {
	margin: 0;
	padding: 0;
}

/*body{background: #fff; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif; font-size: 16px; color: #333; position: relative; min-height: 100%;}*/
body {
	font-family: "Microsoft JhengHei","Microsoft YaHei","Helvetica Neue", "Arial", "SimSun", "Serif";
	font-size: 16px;
	color: #333;
	position: relative;
	min-height: 100%;
}

a,
img,
button,
input,
textarea,
select {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

input[type="text"],
input[type="hidden"],
input[type="password"],
button,
textarea,
select {
	outline: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	font-family: "Microsoft JhengHei","Microsoft YaHei","Helvetica Neue", "Arial", "SimSun", "Serif";
}

select::-ms-expand {
	display: none;
}

input::-ms-clear {
	display: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #636363;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #636363;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #636363;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #636363;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: #b8b8b8;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	color: #b8b8b8;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
	color: #b8b8b8;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
	color: #b8b8b8;
}

table {
	border-collapse: collapse;
}

a {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: none;
}

a:focus {
	text-decoration: none;
}

li {
	list-style: none;
}

img {
	vertical-align: middle;
	border: none;

}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.hidden {
	overflow: hidden;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: normal;
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clearfix {
	*zoom: 1;
}
.col-left {
    float: left;
}
.col-right {
    float: right;
}
.cell_box {
	font-size: 0;
}

.container {
	width: 82%;
	max-width: 1600px;
	margin: 0 auto;
}

.cell_box:before {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.cell_box .cell {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	height: auto;
}

/*scroll*/
::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

::-webkit-scrollbar-button:vertical {
	display: none
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
	background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-color: #11487d;
}

::-webkit-scrollbar-thumb:vertical:hover {
	background-color: #11487d;
}

::-webkit-scrollbar-thumb:vertical:active {
	background-color: #11487d;
}

.footer {
	background: #0043b3;
}

.footer .problem {
	padding: 55px 0 40px;
	border-bottom: 1px solid #5d8cdc;
}

.footer .problem .tex {
	width: 100%;
}

.footer .problem .tex>p {
	font-size: 30px;
	letter-spacing: 2px;
	color: #fff;
	margin-bottom: 23px;
	font-weight: bold;
}

.footer .problem .tex li {
    width: 25%;
	float: left;
	padding: 0 1.5% 0;
	border-right: 1px solid #5d8cdc;
}

.footer .problem .tex li:nth-child(1) {
	padding-left: 0;
}

.footer .problem .tex li:last-child {
	border-right: 0;
}

.footer .problem .tex li p {
	display: block;
}

.footer .problem .tex li p:nth-child(1) {
	font-size: 20px;
	letter-spacing: 1px;
	color: #fff;
}

.footer .problem .tex li p:nth-child(2) {
	font-size: 14px;
	letter-spacing: 1px;
	color: #fff;
	margin-top: 10px;
}

.footer .problem .input p:nth-child(1) {
	font-size: 20px;
	letter-spacing: 1px;
	color: #fff;
	text-align: right;
}

.footer .problem .input p:nth-child(2) {
	font-size: 14px;
	letter-spacing: 1px;
	color: #fff;
	text-align: right;
	margin: 24px 0 21px;
}

.footer .problem .input input {
	margin-left: 7px;
	padding: 0 8px;
	width: 130px;
	height: 39px;
	background-color: #ffffff;
	border-radius: 3px;
	border: solid 1px #e6e6e6;
}

.footer .problem .input input::-webkit-input-placeholder {
	font-size: 14px;
	letter-spacing: 1px;
	color: #fff;
}

.footer .problem .input input:-moz-placeholder {
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff;
}

.footer .problem .input input::-moz-placeholder {
	font-size: 14px;
	letter-spacing: 1px;
	color: #fff;
}

.footer .problem .input input:-ms-input-placeholder {
	font-size: 14px;
	letter-spacing: 1px;
	color: #fff;
}

.footer .problem .input button {
	color: #fff;
	margin-left: 7px;
	border: 0;
	letter-spacing: 1px;
	margin-top: 2px;
	cursor: pointer;
	width: 93px;
	height: 36px;
	background-image: linear-gradient(#005698, #005698), linear-gradient(#31af9a, #31af9a);
	background-blend-mode: normal, normal;
	border-radius: 3px;
}

.f-contact {
	padding: 36px 0 55px;
}

.f-contact .c-left .l-01 .tex {
/*	margin-left: 25px;*/
	/*margin-top: 5px;*/
}

.f-contact .c-left .l-01 .tex p {
font-size: 28px;
    line-height: 38px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: bold;
}
.f-contact .c-left .l-02 a{
    color: #fff;
}
.f-contact .c-left .l-02 p:nth-child(1),
.f-contact .c-left .l-02 p:nth-child(1) a {
	font-size: 18px;
	letter-spacing: 1px;
	color: #fff;
}

.f-contact .c-left .l-02 p:nth-child(1) a:hover {
	color: #fff;
}

.f-contact .c-left .l-02 p:nth-child(1) {
	margin: 20px 0 20px;
}

.f-contact .c-left .l-02 p:nth-child(2) {
	font-size: 14px;
	letter-spacing: 1px;
	color: #fff;
}

.f-contact .l-right .r-tex {
	margin-right: 32px;
}

.f-contact .l-right .r-tex p {
	display: block;
	letter-spacing: 1px;
	color: #fff;
	text-align: right;
}

.f-contact .l-right .r-tex p:nth-child(4) {
	color: #fff;
}

.f-contact .l-right .r-tex p:nth-child(3) {
	margin-top: 22px;
}

.f-contact .l-right .r-tex p:nth-child(1) {
	margin-top: 7px;
	margin-bottom: 3px;
}

	#linkbox{padding: 12px 0;background: #eee;margin-bottom: 0px;display: block;overflow: hidden;color: #464747;}
	.site_link{display: block;width: 82%; position: relative; margin: 0 auto;}
	.linklist{width: 100%;padding-right: 100px; height: 22px;overflow: hidden;}
	.linklist2 {height: auto;}
	.linklist span {font-size: 14px;color:#464747;margin-bottom: 10px; font-weight: bold;}
	.linklist a {color: #464747; margin-right: 13px; line-height: 1.6; font-size: 14px;white-space:nowrap}
	.linklist span.txt {color: #464747; line-height: 1.6; font-size: 14px; font-weight: normal}
	.link_cose {cursor: pointer;position: absolute;width: 50px;right: 0;top: 0;color: #999;font-size: 14px;background: url(../images/like01.png) no-repeat center right;}
	.link_cose2 {background: url(../images/like02.png) no-repeat center right;}

