@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------------------ */

/*  Reset

/* ------------------------------------------------------------------------ */

html {
	overflow-y: scroll;
	height: 100%;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote {
	margin: 0;
	padding: 0;
}

body * {
	box-sizing: border-box;
}


fieldset {
	display: inline;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
}

body

/**/
table {
	line-height: 1.5;
}

q:before,
q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

hr,
legend {
	display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

img,
abbr,
acronym,
fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

img {
	border: 0;
	max-width: 100%;
}


/* Flexible Images */
img {
	max-width: 100%;
	height: auto;
	width: auto;
}

submit {
	-webkit-appearance: none;
}

/* Link
--------------------------------------------------------------------------- */

.opacity a:hover img {
	opacity: 0.85;
}

a {
	text-decoration: underline;
	color: #000;
	outline: none;
}

a:visited {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
}

a:focus {
	outline: none;
}

.logobg a:hover {
	opacity: 0.6;
}

/* ------------------------------------------------------------------------ */

/*  reset

/* ------------------------------------------------------------------------ */

/* Flexible Images
*/
img {
	max-width: 100%;
	height: auto;
	width: auto;
	/*IE8*/
}

/* iPhone submit*/
submi {
	-webkit-appearance: none;
}

/*body {
	-webkit-text-size-adjust: 100%;
}*/

/* ------------------------------------------------------------------------ */

/*  Basic Style

/* ------------------------------------------------------------------------ */

html {
	font-size: 62.5%;
	/* sets the base font to 10px for easier math */
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: "PingFang SC", "微软雅黑", "Microsoft YaHei", Helvetica, "Helvetica Neue", Tahoma, Arial, sans-serif;
	font-size: 1.4rem;
	/* =14px */
	line-height: 1.5;
	text-align: center;
	color: #444;
}

#wrap {
	margin: 0 auto;
	text-align: center;
	display: flex;
}

body>#wrap {
	height: auto;
}

.spStyle {
	display: none !important;
}

.inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

/* Link
--------------------------------------------------------------------------- */

.opacity a:hover img {
	background-color: rgba(0, 0, 0, 0.2);
}

.opacity01 a:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

/* ------------------------------------------------------------------------ */

/* Hedaer

/* ------------------------------------------------------------------------ */

@media screen and (max-width: 870px) {}

@media screen and (max-width: 478px) {}

/* ------------------------------------------------------------------------ */

/* CSV

/* ------------------------------------------------------------------------ */
#csv .main {
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	min-height: 600px;
}

#csv .main p {
	text-align: left;
	margin: 10px;
}

#csv .main input {
	cursor: pointer;
}

#csv .main .more_btn {
	margin-top: 80px;
}

@media screen and (max-width: 478px) {
	#csv .main .more_btn {
		width: 62%;
	}

}

/* ------------------------------------------------------------------------ */

/* contents

/* ------------------------------------------------------------------------ */
#main {
	background: #fff;
	width: 100%;
	padding-left: 220px;
}

#main-in {
	/*position: relative;*/
}

#main .inner {
	padding: 60px;
}

.main-in_inner {
	position: relative;
}

/* main-visual */
.main_wrpper {
	display: flex;
	width: 100%;
}

#main-visual {
	background: #666666;
	min-height: 110px;
	/* height: 100%; */
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}

#main-visual .ttl {
	font-size: 36px;
	color: #fff;
	padding: 0 20px;
	width: 100%;
	text-align: left;
}

h1 {
	font-size: 36px;
	color: #333;
	text-align: left;
}

.hd03 {
	font-size: 36px;
	color: #333;
	text-align: left;
}

.hd03 span {
	display: block;
	font-size: 16px;
}

.hd03 span.sub_ttl {
	display: inline-block;
	margin-left: 20px;
}

#copyright a {
	color: #666;
	text-decoration: none;
}

#copyright a:hover {
	text-decoration: underline;
}


.side_area {
	width: 100%;
	max-width: 220px;
	z-index: 100;
	position: fixed;
	height: 100%;
	background: #fff;
}


#global-head {
	color: #033560;
	max-width: 220px;
	width: 100%;
	text-align: center;
	padding: 20px 0;
	z-index: 100;
	height: 130px;
}

#sidebar {
	font-size: 15px;
	max-width: 220px;
	width: 100%;
	color: #033560;
	background: #fff;
	text-align: center;
}

#global-nav ul {
	list-style: none;
	margin-left: 0;
	margin-bottom: 40px;
}

#global-nav>ul>li {
	position: relative;
	text-align: left;
}



#global-nav a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 15px 30px;
	-moz-transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear;
}

#global-nav .sub-menu.is-active>a,
#global-nav a:hover {
	color: #fff;
	background: rgba(0, 142, 205, 0.8);
}

#global-nav .sub-menu-nav a,
#global-nav .sub-menu:hover>.sub-menu-nav {
	width: 230px;
	overflow-y: auto;
}



/* sub-menu icon */
#global-nav .sub-menu-head {
	position: relative;
}

#global-nav .sub-menu-head i {
	display: none;
}

#global-nav .sub-menu-head:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 18px;
	margin: auto;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #033560;
	border-right: 1px solid #033560;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* sub-menu */
#global-nav .sub-menu-nav {
	position: fixed;
	background: rgba(35, 171, 232, 0.8);
	color: #fff;
	top: 130px;
	left: 220px;
	width: 0;
	height: 100vh;
	overflow: hidden;
	z-index: 999;
	-moz-transition: width .2s ease-out;
	-webkit-transition: width .2s ease-out;
	transition: width .2s ease-out;
}

#global-nav .sub-menu.is-active>a:after,
#global-nav .sub-menu-head:hover:after {
	border-color: #fff;
}

#global-nav .sub-menu-nav a {
	color: #fff;
}

#global-nav .sub-menu-nav a:hover>.sub-menu-nav {
	left: 450px;
}

#global-nav .sub-menu-nav a:hover {
	color: #fff;
	background: rgba(12, 164, 231, 0.8);
}

#global-nav .sub-menu-nav>li>.sub-menu-nav.kaisou03,
#global-nav .sub-menu-nav>li>.sub-menu-nav.kaisou03>li>.sub-menu-nav.kaisou04 {
	width: 230px;
	left: -230px;
}

#global-nav .sub-menu-nav .con_bnr {
	display: none;
}

#global-nav .sub-menu-nav>li:hover>.con_bnr {
	display: block;
	width: 230px;
	top: 10px;
	background: rgba(12, 164, 231, 0.8);
	position: fixed;
	padding: 15px;
}

#global-nav .sub-menu-nav>li:hover>.sub-menu-nav.kaisou03 {
	width: 230px;
	left: 450px;
	background: rgba(35, 171, 232, 0.8);
	overflow-y: auto;
}

#global-nav .sub-menu-nav>li:hover>.sub-menu-nav.kaisou03 a:hover {
	background: rgba(12, 164, 231, 0.8);
}

#global-nav .sub-menu-nav>li:hover>.sub-menu-nav.kaisou03 li:hover>.sub-menu-nav.kaisou04 {
	left: 680px;
	overflow-y: auto;
}


#global-nav .bnr a {
	padding: 10px 10px 0;
	text-align: center;
}

#global-nav .bnr a:hover {
	background: none;
	opacity: 0.8;
}

/* nav-toggle */
#nav-toggle {
	display: none;
	position: fixed;
	top: 25px;
	right: 15px;
	height: 32px;
	cursor: pointer;
}

#nav-toggle>div {
	position: relative;
	width: 32px;
}

#nav-toggle span {
	width: 100%;
	height: 2px;
	left: 0;
	display: block;
	background: #23abe8;
	position: absolute;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
	top: 0;
}

#nav-toggle span:nth-child(2) {
	top: 11px;
}

#nav-toggle span:nth-child(3) {
	top: 22px;
}

#close_btn {
	text-align: right;
	font-size: 22px;
	position: absolute;
	top: 20px;
	right: 24px;
	cursor: pointer;
}

#overlay {
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, .6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


.search_container {
	box-sizing: border-box;
	position: relative;
	display: block;
	padding: 3px 10px;
	overflow: hidden;
	max-width: 200px;
	width: 100%;
	margin: 0 auto;
	background: #e0e0e0;
}

.search_container input[type="text"] {
	border: none;
	background: #e0e0e0;
	width: 100%;
	padding: 0;
	height: 35px;
}

.search_container input[type="text"]:focus {
	outline: 0;
}

.search_container input[type="submit"] {
	cursor: pointer;
	font-family: FontAwesome;
	font-size: 1.3em;
	border: none;
	background: none;
	color: #23abe8;
	position: absolute;
	width: 2.5em;
	height: 2.5em;
	right: 0;
	outline: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0;
}

.break p {
	text-align: left;
}

.break_inner {
	margin: 20px;
}


#search-box {
	padding: 0 10px;
}

#search-box form {
	margin: 0;
}

#cse-search-box {
	position: relative;
}

input.txtarea {
	background: #e0e0e0 !important;
	border-radius: 0;
	width: 100%;
	border: none !important;
	padding: 10px !important;
}

.search_btn {
	position: absolute;
	top: 7px;
	right: 0px;
}

.search_btn {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 10px;
	border: none;
	height: auto;
	padding: 0;
}

input::placeholder {
	color: transparent;
}


/* 品牌方针 */

.about_p {
	width: 100%;
	height: auto;
	margin: 0px auto;
	border-bottom: 1px solid #bfbfbf;
	padding: 50px 0px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.about_p .about_p_l {
	width: 48%;
	/* height: 376px; */
	padding-left: 10px;
	font-size: 16px;
	line-height: 32px;
}

.about_p .about_p_r {
	width: 48%;
}

.about_p .about_p_l p {
	text-indent: 0em;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.f00 {
	color: red;
}

.ccc {
	color: #ccc;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 18px;
}

.line-45 {
	line-height: 45px;
}


/* 联系我们 */

.about_n_x {
	width: 100%;
	min-height: 100px;
	border-top: 1px solid #eae8e8;
	border-bottom: 1px solid #eae8e8;
	padding: 20px 0px;
	overflow: hidden;
	margin-bottom: 10px;
}

.about_n_x .about_n_x_d {
	width: 33%;
	min-height: 100px;
	overflow: hidden;
}

.about_n_x .about_n_x_d .about_n_x_d_t {
	width: 17%;
	height: 100%;
	text-align: right;
	padding-top: 8px;
}

.about_n_x .about_n_x_d .about_n_x_d_l {
	width: 80%;
	height: 40px;
	font-size: 25px;
}

.about_n_x .about_n_x_d .about_n_x_d_d {
	width: 80%;
	min-height: 30px;
	font-size: 16px;
	line-height: 30px;
}

.about_n_z {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

.w250 {
	width: 250px;
}

.w200 {
	width: 200px;
}


@media screen and (max-width: 950px) {
	#main {
		padding-top: 68px;
		padding-left: 0;
	}

	#main-in {
		padding-left: 0;
	}

	#global-head {
		width: 100%;
		padding: 10px;
		background: #fff;
		display: -webkit-flex;
		display: flex;
		max-width: 100%;
		position: fixed;
		height: auto;
	}

	.about_n_x .about_n_x_d {
		width: 100%;
	}

	.hd03 {
		font-size: 20px;
	}

	#brand-logo {
		width: 15%;
	}

	#sub_nav {
		display: none;
	}

	#slide_menu {
		display: none;
	}

	.crumb {
		display: none;
	}

	#global-nav a {
		color: #fff;
	}

	#global-nav>ul>li {
		border-bottom: 1px solid #56beed;
	}

	#global-nav>ul>li:first-child {
		border-top: 1px solid #56beed;
	}

	#global-nav>ul>li a {
		position: relative;
	}

	#global-nav .sub-menu-head .fa-angle-right {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 10px;
	}

	#global-nav .sub-menu-head i {
		display: block;
	}

	#global-nav .sub-menu-head.sp_active .fa-angle-right::before {
		content: "\f106";
	}

	#global-nav>ul>li .sub-menu-head:after,
	#global-nav>ul>li a:after {
		content: "\f105";
		font-family: 'FontAwesome';
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 10px;
		font-weight: bold;
	}

	#global-nav>ul>li:last-child a {
		color: #333;
	}

	#sidebar {
		/*display: none;*/
		position: fixed;
		right: -300px;
		top: 0;
		height: 100%;
		width: 300px;
		color: #333;
		background: #fff;
		-webkit-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}


	#global-nav .sub-menu-head:after,
	#global-nav .sub-menu-nav {
		display: none;
	}

	#nav-toggle {
		display: block;
	}

	/* nav open */
	.open {
		overflow: hidden;
	}

	.open #overlay {
		display: block;
	}

	.open #sidebar {
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}

	/* #nav-toggle close */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		background: #fff;
	}

	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}

	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
		background: #fff;
	}

	/* z-index */
	#overlay {
		z-index: 200;
	}

	#sidebar {
		z-index: 300;
		padding-top: 90px;
	}

	#nav-toggle {
		z-index: 400;
	}

	#global-nav>ul>li:last-child {
		margin-top: 0;
	}

	#global-nav>ul>li:nth-child(8) {
		margin: 20px;
		padding-bottom: 20px;
	}

	.search_container {
		max-width: 100%;
	}

	#global-nav .sub-menu-nav {
		position: inherit;
		top: inherit;
		left: inherit;
		width: 100%;
		height: auto !important;
	}

	#global-nav .sub-menu-nav a,
	#global-nav .sub-menu:hover .sub-menu-nav,
	#global-nav .sub-menu-nav>li:hover>.sub-menu-nav.kaisou03,
	#global-nav .sub-menu-nav>li>.sub-menu-nav.kaisou03 {
		width: 100%;
	}

	#global-nav .sub-menu-nav li {
		border-bottom: 1px solid rgba(10, 171, 232, 0.8);
		;
	}

	#global-nav .sub-menu-nav a {
		color: #fff;
		background: rgba(5, 151, 216, 0.8);
	}

	#global-nav>ul>li a.sp_active::after {
		content: "\f106";

	}

	#sidebar {
		padding-top: 60px;
	}

	.open #sidebar {
		transform: none;
		width: 100%;
		right: 0;
		left: 0;
		padding-top: 69px;
		max-width: 100%;
		background: #23abe8;
	}

	#brand-logo {
		width: 25%;
	}

	#main-visual {
		min-height: 148px;
		background-position: top center;
	}

	#main-visual h2 {
		font-size: 28px;
	}

	#global-nav>ul>li.bnr {
		display: none;
	}
}


.crumb {
	width: 100%;
	margin: 0px auto;
	padding: 10px;
	text-align: left;
	background: #000;
}

.crumb ul {
	letter-spacing: -.4em;
}

.crumb li {
	display: inline-block;
	list-style-type: none;
	letter-spacing: normal;
	margin: 0 5px 0 3px;
	color: #fff;
}

/* .crumb li:before {
	content: "\f105";
	font-family: 'FontAwesome';
	padding-right: 5px;
	color: #949494;
} */

.fa-home {
	padding: 0;
}

.fa-home:before {
	color: #fb1a2c;
}

.crumb li:first-child:before {
	content: " ";
	padding: 0;
}

.crumb li a {
	color: #fff;
	display: inline-block;
	text-decoration: none;
	position: relative;
}


.content {
	max-width: 1000px;
	width: 100%;
	margin: 80px auto;
}

.inner_content {
	padding: 20px 0;
	text-align: left;
	font-size: 14px;
}


/* ------------------------------------------------------------------------ */

/* footer

/* ------------------------------------------------------------------------ */
footer {
	background: #e6e6e6;
	font-size: 14px;
	padding: 0;
	color: #fff;
	text-align: left;
}

.footer_top {
	background: #000;
}

.footer_topinner {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 20px;
}

.addBox {
	margin: 0 15px;
}

.footer_inner {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding: 78px 20px 20px;
}

.footer_linkBox {
	display: flex;
	justify-content: flex-start;
	margin-top: 15px;
}

.footer_linkBox>div {}

.footer_link a {
	color: #333;
	text-decoration: none !important;
	border-bottom: 1px solid #000;
	width: 100%;
}

.footer_link a:hover {
	text-decoration: underline !important;
}

.footer_link>li span {
	display: block;
	padding-left: 15px;
	padding-bottom: 10px;
}

.footer_link>li span a:before {
	content: "";
	display: none;
}

.footer_link>li a:before {
	content: "\f138";
	font-family: 'FontAwesome';
	padding-right: 5px;
	display: inline-block;
	color: #23abe8;
}

.footer_link>li span a {
	border-bottom: 0;
}

.footer_link>li ul {
	margin: 10px 15px;
}

.footer_link>li ul li {
	text-align: left;
	margin-bottom: 8px;
}

.footer_link>li ul li a {
	color: #333;
	border-bottom: none;
}

.footer_link li ul li a:before {
	content: "";
	display: none;
}

.footer_inner_01 {
	margin-right: 20px;
}

.footer_txt {
	padding: 0 20px;
	text-align: right;
	color: #4c4c4c;
}

.footer_txt p {
	margin-bottom: 0;
	padding-bottom: 10px;
}

.contact_link {
	/* margin-top: 30px; */
}

.tel_area a {
	color: #fff;
	text-decoration: none;
}

/* ------------------------------------------------------------------------ */

/* 页面顶部

/* ------------------------------------------------------------------------ */
#page-top {
	display: none;
	position: fixed;
	bottom: 0px;
	right: 0px;
	font-size: 77%;
	margin: 0;
	z-index: 999;
}

#page-top a {
	background: #a0a2a3;
	text-decoration: none;
	color: #fff;
	width: 58px;
	height: 58px;
	text-align: center;
	display: block;
}

#page-top a:hover {
	text-decoration: none;
	background: #999;
}

#page-top a:after {
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	content: "";
	margin: 42% 35%;
}

@media screen and (max-width: 1200px) {
	.footer_linkBox {
		display: block;
	}

	.footer_inner_01 {
		margin-right: 20px;
		width: 23%;
	}

}

@media screen and (max-width: 900px) {
	footer {
		padding: 0;
	}

	.footer_top>div {
		padding: 0 10px;
	}
}


@media screen and (max-width: 950px) {
	.pcStyle {
		display: none !important;
	}

	.spStyle {
		display: block !important;
	}

	.side_area {
		width: auto;
		max-width: none;
	}

	#wrap {
		display: block;
		overflow: hidden;
	}

	.content {
		padding-left: 10px;
		padding-right: 10px;
		margin: 40px auto;
	}

	h3 {
		font-size: 30px;
	}

	.footer_top {
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	.footer_top {
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	.footer_top figure img {
		/* width: 60%; */
	}

	.footer_top>div {
		padding: 20px 0;
		display: block;
	}

	.addBox {
		padding: 15px 0;
	}

	.footer_txt {
		font-size: 12px;
		text-align: center;
		background: #000;
		padding-bottom: 15px;
	}

	.footer_inner {
		display: block;
		padding: 0 0 15px;
	}

	.footer_linkBox {
		display: none;
	}

	.footer_inner_01 {
		margin-right: 0;
		width: 100%;
	}

	.footer_inner_01:first-child {
		border-top: 1px solid #fff;
	}

	.footer_link li {
		border-bottom: 1px solid #fff;
	}

	.footer_link a {
		display: block;
		padding: 10px;
	}

	.footer_link a:hover {
		text-decoration: none !important;
	}

	.contact_link {
		margin-top: 0;
	}

	.footer_txt p {
		margin-bottom: 0;
		padding-bottom: 10px;
		color: #eee;
	}
}
::-webkit-scrollbar {
	display: none; /* Chrome Safari */
  }